/*
Theme Name: Anomaly
Theme URI: http://dynamicmind.com
Author: mgarcia@dynamicmidn.com
Author URI: http://dynamicmind.com
Description: Anomaly Theme 
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html

*/

@import url("css/reset.css");
@import url("css/shell.css");

@import url("css/about.css");
@import url("css/aip.css");
@import url("css/call.css");
@import url("css/faq.css");
@import url("css/news.css");
@import url("css/people.css");
@import url("css/wwe.css");
@import url("css/anomalies.css");
@import url("css/ureasonable.css");

li#splash {
	position:absolute !important;
	width:100% !important;
	height:100% !important;
	background:#c0c0c0 !important;
	z-index:9999999 !important;
}
li#splash div.scroll-wrap{
	display:none
}

#site li#news .content div:last-child {
  height: auto;
}
#unreasonable div.scrollbar {
top:190px}
#wwe p { margin-top:0px !important}
ul#sitemobile {
/*	background: #004050;*/
	width: 100%;
	padding:0;
	margin:0
}
/*heading styles*/
#sitemobile h2 {
/*	font-size: 12px;
	line-height: 34px;
	padding: 0 10px;
	cursor: pointer;
	/*fallback for browsers not supporting gradients*/
	/*background: #003040; 
	background: linear-gradient(#003040, #002535);*/
}
/*heading hover effect*/
#sitemobile h2:hover {
/*	text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);*/
}
/*iconfont styles*/
#sitemobile h2 span {
/*	font-size: 16px;
	margin-right: 10px;*/
}
/*list items*/
#sitemobile li {
list-style-type: none;
}
 
 
/*Lets hide the non active LIs by default*/
#sitemobile  div.content {
	display: none;
}
#sitemobile li.active div.content {
	display: block;
}
	#anomalies div.content {
		margin: 40px 50px 60px 230px;
	}
	#site li#aip .content {
		margin: 30px 50px 60px 170px;
	}
	#unreasonable div.content {
		margin: 40px 50px 60px 146px;
	}
	#site li#news .content {
		margin: 0 50px 0 60px;
	}
	#site li#news .content {
		margin: 0 50px 0 120px;
	}
@media (max-width:969px) {
	body {
	  overflow-y: auto !important ;
	}
	p {
		font-size:14px
	}
	#sitemobile>li>div.content {
		padding:20px !important
	}
	#header img {
 		margin: 6px 0 0 10px !important;
	}
	#sitemobile li h2 {
		line-height: 45px; /*mgarcia*/
		width: 90%;
		color: white;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0;
		padding:0 0 0 10px;
		z-index: 80;
	}
	#sitemobile li h3 {
		font-size: 30px;
		line-height: 1em;
		font-weight: bold;
	}
	#sitemobile li .content {
		color:#FFF
	}
	#wwe h3 {
		font-size: 22px !important;
		line-height: 1em;
	}
	#sitemobile li {
		background-size: cover !important;
		background-position:top center !important;
		overflow: hidden !important;
	}
	.people img {
		margin-right:0px !important ;
 		max-width: 100% !important;
	}
	.people span {
 		max-width: 100% !important;
	}
	#people a:after{
		content:" - "
	}
	p#people a.visible {
		color: #fff !important;
		text-transform:uppercase
	}
	article.people h3 {
		font-size:24px !important;
		margin-bottom:20px
	}
	.questions p {
 		width: 100% !important;
	}
	div.table, div.tr, div.td {
		display:block !important
	}
	div.td img, div.block_td img{
		width:100% !important;
		max-width:100% !important;
		height:auto !important
	}
	div.block_td {
		margin-bottom:20px
	}
	div.td {
		padding-left:0px !important; 
		padding:10px 0px !important 
	}
	#aip h3 {
		font-size:24px !important;
	}
	#faq div {
		text-align:center
	}
	#faq h3#questions{
		margin: 0 0 20px 0;
		font-size:24px !important
	}
	#faq article h3, #anomalies h3, #unreasonable h3{
		font-size:24px !important;
		margin-bottom:20px !important
	}
	#faq article.questions {
		text-align:left !important
	}
	#sitemobile li#wwe .content div, #site li#wwe .content div, #sitemobile li#wwe .content {
 		max-width: 100% !important;
		margin:0px !important
	}
	#sitemobile li#news .content .top_news h4 {
		font-size:24px  !important;
		margin-bottom: 30px;
		font-weight: bold;
		
	}
	#sitemobile li#news .content h4 {
		font-size:16px  !important;
		margin-bottom: 30px;
		font-weight: bold;
		
	}
	#call h3 {
		margin-top:30px !important
	}
	#about div.content span {
		overflow: hidden;
		margin: 20px 0 20px 0;
		position: relative;
		float: left;
	}
	#about div.content span {
		font-size:16px;
		font-weight:bold
	}
	#unreasonable div.content {
  		margin:0px !important;
		width: auto !important;
	}
	#anomalies div.content {
		margin: 0px !important;
	}
	
}
@media (max-device-width: 768px) 
 {
	/*#site li .content{
		margin: 50px 40px 60px 60px !important;
	}*/
}
@media (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)
 {
	#site li .content{
		margin: 50px 40px 60px 60px !important;
	}
}

@media (max-width:1220px) {
	#site li#people .content {
		margin: 0 50px 0 50px;
	}
}

	div#lang a.active {
		opacity:1
	}
	div#lang a{
		opacity:0.5
		
	}
	/*PARCHE IE SCROLL BARS*/	
		#site>ul>li>.scroll-wrap, #site>li>.scroll-wrap { -ms-overflow-style: none}
	/*PARCHE IE SCROLL BARS*/	
	/*PARCHE FF SCROLL BARS*/	
		@-moz-document url-prefix() { 
			 #site > ul > li > .scroll-wrap, #site > li > .scroll-wrap {
				margin-right: -30px;
			}
		}
	/*PARCHE FF SCROLL BARS*/	




#home>div>h2{
	color:transparent;
	opacity: 0;	
}	
div.keys {
	float:left;
/*	width:20%;*/
	width:190px
}

@media (max-width:969px) {
	li#call span {
	    display: inline-block !important;
		 width: 100% !important;
	}
	div#people {
		display:table;
		width: 100%
	}
	#people a:after {
		display:none  !important
	}
		
	#sitemobile li#people #people a {
		display: inline-block !important;
		width:50%;
		/*height:30px;*/
		vertical-align:middle;
		margin:5px 0
	}
	div.keys {
		width:100% !important;
		margin:10px 0
	}
	div.jobs span {
		display:block;
		width:100%
	}
}

@media (max-width: 768px) {
	div.columns {
		width: 100% !important;
	}
}

.cf-fs5 {
	clear: both;
}

.fwb_fromthis {
	display: none !important
}