@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Muli:400,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat');


html, body{
	height: 100%;
}

body, body * {
	font-family: 'Muli', sans-serif;
/* 	font-family: 'Roboto', sans-serif; */
/* 	font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif; */
}



input:focus, textarea:focus{
	border-color: #FF6300;
	color: #FF6300;
}

button:focus{
	background-color: #FF6300;
	color: #fff;
}




body{
/*
	background: rgba(171,171,171,1);
	background: -moz-linear-gradient(top, rgba(171,171,171,1) 0%, rgba(207,207,207,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(171,171,171,1)), color-stop(100%, rgba(207,207,207,1)));
	background: -webkit-linear-gradient(top, rgba(171,171,171,1) 0%, rgba(207,207,207,1) 100%);
	background: -o-linear-gradient(top, rgba(171,171,171,1) 0%, rgba(207,207,207,1) 100%);
	background: -ms-linear-gradient(top, rgba(171,171,171,1) 0%, rgba(207,207,207,1) 100%);
	background: linear-gradient(to bottom, rgba(171,171,171,1) 0%, rgba(207,207,207,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ababab', endColorstr='#cfcfcf', GradientType=0 );

  background-attachment: fixed;
*/

}



header{
	background: rgba(31,31,31,1);
	background: -moz-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(17,17,17,1) 65%, rgba(17,17,17,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(31,31,31,1)), color-stop(65%, rgba(17,17,17,1)), color-stop(100%, rgba(17,17,17,1)));
	background: -webkit-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(17,17,17,1) 65%, rgba(17,17,17,1) 100%);
	background: -o-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(17,17,17,1) 65%, rgba(17,17,17,1) 100%);
	background: -ms-linear-gradient(top, rgba(31,31,31,1) 0%, rgba(17,17,17,1) 65%, rgba(17,17,17,1) 100%);
	background: linear-gradient(to bottom, rgba(31,31,31,1) 0%, rgba(17,17,17,1) 65%, rgba(17,17,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#111111', GradientType=0 );
}

header .link{
	text-shadow: 0px -2px 0px rgba(0, 0, 0, 1);
}



a{
	color: #333333;
	font-weight: 700;
}

.roboto{

}


.montserrat{
	font-family: 'Montserrat', sans-serif;
}





/* --------- dropdown --------- */

.dropdown {
  position: relative;
  display: inline-block;
  padding: 10px 0;
  z-index: 555;
}


.dropdown-content {
  display: none;
  position: absolute;
	margin-top: 10px;
	width: 150%;
	background: rgba(0,0,0,0.7);
	font-size: 70%;
	padding: 10px 0;
	z-index: 666;
}
.dropdown-content.dc-short {
/* 	left: -10%; */
	width: 100%;
}

.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
	background: rgba(255,255,255, 0.1);
}

.dropdown:hover .dropdown-content {
  display: block;
}


.aspect-ratio {  }
.aspect-ratio--16x9 {  }

.article-body iframe{
	max-width: 100%;
/* 	height: 0; */
/* 	position: relative; */
/* 	padding-bottom: 56.25%; */
}


.instawidget *{
	max-width: 100%;
}











.microblog-container{
	height: 1px;
}
.article-body div{
	margin-bottom: 1rem !important;
}



.embed-container { 
/*
	z-index: -99999;
	position: relative;

	overflow: hidden;
	max-width: 100%; 
*/

	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	z-index: 0;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}