/*
Theme Name: Big Question Institute
Theme URI: 
Author: the WordPress team
Author URI: 
Description: 
Version: 1.0
Tags: 
Text Domain: Big Question Institute
*/
/*------------------------------------------- DEFAULT STYLES -------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900,900italic);
 /*font-family: 'Source Sans Pro', sans-serif;*/
*{margin:0; padding:0; box-sizing:border-box;}
body {background:#fff; font:400 14px 'Source Sans Pro', sans-serif; color:#333333; padding:0; margin:0; font-smooth:always;}
/*img { max-width:100%; }*/
a { text-decoration:none;}
a img { border:none; padding:0; margin:0; opacity:1;-webkit-transition:opacity .25s ease-in-out;-moz-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;}
h1, h2, h3, h4, h5, h6{font-family:'Source Sans Pro', sans-serif;}
h1{color:#333; text-transform:uppercase; padding:0 0 10px 0; margin-bottom:10px; font:900 40px/50px 'Source Sans Pro', sans-serif; text-align:left;}
h2{color:#333; text-transform:capitalize; padding:0 0 10px 0; margin-bottom:10px; font-size:40px; font-weight:700; text-align:center;}
h3{ color:#333; font-size:25px; padding:0 0 20px 0; font-weight:400; text-align:center; letter-spacing:-0.5px;}
h3 strong { font-weight:700;}
h4{font-weight:normal; font-size:18px;}
h5{font-weight:normal; font-size:16px; line-height:22px; padding:0 0 5px;}
h6{font-weight:normal; font-size:14px; line-height:20px; padding:0 0 5px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#5a5a5a;}
blockquote{font-weight:normal; font-style:italic; font-size:13px; color:#888; padding:10px 0;}
blockquote p{display:inline; font-weight:normal; font-style:italic; font-size:13px; color:#888;}
blockquote:before{content:url("images/quote-start.png"); padding-right:5px;}
blockquote:after{content:url("images/quote-end.png"); padding-left:5px;}
ol{list-style:decimal inside;}
ul{ list-style:none; margin:0;}
.right {float:right;}
.left {float:left; margin-right:10px;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.text-justify {text-align:justify;}
.spacer5 { height:5px; font:normal 0px/0px arial; clear:both}
.spacer10 {height:10px; font:normal 0px/0px arial; clear:both}
.spacer15 {height:15px; font:normal 0px/0px arial; clear:both}
.spacer20 {height:20px; font:normal 0px/0px arial; clear:both}
.spacer30 {height:30px; font:normal 0px/0px arial; clear:both}
.spacer40 {height:40px; font:normal 0px/0px arial; clear:both}
.spacer50 {height:50px; font:normal 0px/0px arial; clear:both}
.spacer60 {height:60px; font:normal 0px/0px arial; clear:both}
.spacer70 {height:70px; font:normal 0px/0px arial; clear:both}
.spacer90 {height:90px; font:normal 0px/0px arial; clear:both}
.spacer124 {height:124px; font:normal 0px/0px arial; clear:both}
.clear{clear:both}
.red{color:#ed130f;}
.blue{color:#369;}
.grey{color:#999; font-family:Oswald; font-size:22px;}
.cyan{color:#ed130f;}
.font8{font-size:8px;}
.font9{font-size:9px;}
.font10{font-size:10px;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font30{font-size:30px;}
.capital{text-transform:uppercase;}
.displaynone{ display:none;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:20px; margin-top:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:0; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.last { margin-right:0 !important;}

/*------------------------------------------- HOME STYLES -------------------------------------------*/

section { padding:40px 0;}
#main { width:100%; margin:auto; height:100%; position:relative; z-index:1;}

#slider-wrapper {width:100%; height:auto; 600px; padding:0; position:relative; z-index:2; }
.yellow-circle{ background:url(images/yellow-circle.png) no-repeat; width:44px; height:44px; position:relative; z-index:2; top:-20px; margin:0 auto;}
.cycloneslider-template-standard{ margin:0 auto !important;}
.cycloneslider-template-standard .cycloneslider-pager{ bottom:80px !important}
.cycloneslider-template-standard .cycloneslider-pager span{ background-color:none; background:url(images/pager.png) no-repeat !important; height:10px !important; width:10px !important; box-shadow:none !important; }
.cycloneslider-template-standard .cycloneslider-pager span.cycle-pager-active{ background-color:none; background:url(images/pager-active.png) no-repeat !important; height:10px !important; width:10px !important; box-shadow:none !important; }

.cycloneslider-template-standard .cycloneslider-caption{ background:none !important; text-align:center !important; opacity:1 !important; top:30%;}
.cycloneslider-template-standard .cycloneslider-slide img{ background-size:cover; width:100%;} 
.cycloneslider-template-standard{background-size: cover !important; margin: 0 auto !important; max-width: 100% !important;}
#slider-wrapper h1{font-family:'Source Sans Pro', sans-serif; font-weight:bold; font-size:77px; color:#fff; text-transform:uppercase; text-align:center; 
margin:0 0 0 0; padding:0 0 20px 0; display:inline-table; letter-spacing:-3px; background:url(images/slide-border-h1.jpg) no-repeat bottom center;}
#slider-wrapper h2 span{ background:url(images/slideh2border.png) no-repeat left center; width:103px; 52px; height:2px; display:inline-block; margin:0 30px; position:relative; top:-15px; padding:0; }
#slider-wrapper h6 span{background:url(images/slideh2border.png) no-repeat left center; width:103px; 52px; height:2px; display:inline-block; margin:0 30px; position:relative; top:-10px; padding:0; }
#slider-wrapper h2 strong{ background:url(images/slideh2mini.png) no-repeat left center; width:52px; height:2px; display:inline-block; margin:0 30px; position:relative; top:-15px; padding:0; }
#slider-wrapper h2{font-family:'Source Sans Pro', sans-serif; font-weight:normal; font-size:51px; color:#fff; text-transform:uppercase;  margin:0; padding:0;letter-spacing:-2px;}
#slider-wrapper h6{height:40px; font-family: 'Source Sans Pro', sans-serif; font-weight:400; font-size:33px; color:#fff; text-transform:uppercase; letter-spacing:-1.3px; }
#slider-wrapper h3{font-family:'Source Sans Pro', sans-serif; font-weight:normal; font-size:23px; color:#fff; text-transform:uppercase;  margin:0; padding:0; letter-spacing:-1px;}
#slider-wrapper p{font-family:'Source Sans Pro', sans-serif; font-weight:normal; font-size:18px; color:#fff;  margin:0; padding:0; letter-spacing:-1px;}

/*------------------------------------------- SLIDER CSS END -------------------------------------------*/
#header-wrapper { background:none; width:100%; height:auto; position:absolute; z-index:5; top:0; padding:20px 0; background-size:100%;}
#header-wrapper-inner { background:#000; width:100%; height:auto; position:relative; z-index:2; top:0; padding:20px 0; background-size:100%; border-bottom:5px #fec900 solid;}
.header { width:970px; height:auto; margin:auto; position:relative;}
.logo { float:left;}

.nav{ width:auto; margin:40px 0; float:right;}
.nav li{display:inline-block; background:url(images/down-arrow.png) no-repeat right center; margin-right:10px;}
.nav li a{ color:#fff; font:400 18px 'Source Sans Pro', sans-serif; line-height:14px; text-transform:uppercase; padding:5px 15px;}
.nav li:hover a, .nav li.current_page_item > a, .nav li.current-menu-parent > a{ color:#fff; border-bottom:#fdc82a solid 3px;}
.nav li:hover, .nav li.current_page_item, .nav li.current-menu-parent{display:inline-block; background:none right center;}

.nav li ul{display:none;}
.nav li:hover ul{ width:auto; z-index:10; display:block; background:#fdc82a; position:absolute;}
.nav li:hover ul li{text-align:left; float:none; display:block; line-height:100%; padding:5px 5px; border-bottom:1px solid #f1f1f1; }
.nav li:hover ul li a{padding:5px 10px; color:#fff;  }
.nav li:hover ul li:hover a{ border:none; color:#6d6e71; text-shadow:0 0 0 #6d6e71; transition: all 0.4s ease 0s;}
.nav li:hover ul li.current_page_item a, .nav li:hover ul a{ border:none; background:none; color:#6d6e71 ; transition:all 0.4s ease 0s;}

/*------------------------------------------- HEADER CSS END -------------------------------------------*/

.container { width:970px; margin:auto; position:relative;}
.circle { position:absolute; top:-63px; left:0; right:0; margin:auto; display:block;}
.content { width:auto; padding-bottom:60px;}
.row { width:100%; position:relative;}
.col-s { width:31.52%; height:auto; float:left; margin:0 2.70% 0 0;}
.col-s:nth-child(3n+3) { margin-right:0;}

.col-m { width:50%; height:auto; float:left;}

.news-events { width:auto;}
.posts { width:auto; height:auto; background:#f7f7f7; min-height:385px; margin-bottom:30px;}
.page-id-7 .posts {min-height:510px;}
.posts .postthumb{ position:relative;  margin-bottom:10px;}
.posts .postthumb .youtube-yellow{ background:url(images/youtube.png) no-repeat center center; width:100%; height:100%; position:absolute; left:0; top:0; border:solid 4px #fdc82a; display:none;}
.col-s .posts p{ font-size:13px;}
.posts .postthumb:hover .youtube-yellow{ display:block;}
.posts .postthumb .post-video{ position:relative;}
.posts .postthumb .post-video img{ height:220px; width:100%; margin-bottom:0; }

.posts .image-thumb{margin:0; padding:0; position:relative;}
.posts .image-thumb .image-yellow{width:100%; height:100%; position:absolute; display:none; left:0; top:0; border:solid 4px #fdc82a;}
.posts .image-thumb:hover .image-yellow{ display:block;}


.posts img {  width:100%; height:auto; display:table; margin-bottom:10px;}
.posts h3 { color:#333; font:600 18px 'Source Sans Pro', sans-serif; padding:0 10px; text-align:left; letter-spacing:-0.5px}
.posts p { padding:10px;}

/*------------------------------------------- NEWS AND EVENTS CSS END -------------------------------------------*/

.news-events .our-people { width:100%; height:auto; background:#fdc82a; margin-top:10px; display:inline-block;}
.news-events .our-people img { display:inline; float:left; margin-right:30px;}
.news-events .our-people h2 { text-align:left; padding:35px 0 0 0; margin-bottom:5px; display:inherit;}
.news-events .our-people p { font-size:24px; display:table;}

/*------------------------------------------- OUR PEOPLE CSS END -------------------------------------------*/

#footer-section { width:100%; height:auto; position:relative;}
#research-programs { background:#333;}
.research-programs { width:auto;}
.research-programs h2 { color:#fff; font:600 30px 'Source Sans Pro', sans-serif; margin-bottom:15px;}
.programs { width:auto; height:auto; margin-bottom:15px;}
.programs img{position:relative; top:7px; right:0; margin-right:10px}
.programs h3{color:#fff; font:600 18px 'Source Sans Pro', sans-serif; text-align:left; border-bottom:#fdc82a solid 1px; padding-bottom:15px; margin-bottom:15px;}
.programs p { color:#fff; line-height:22px; text-align:justify;}

/*------------------------------------------- RESEARCH PROGRAMS CSS END -------------------------------------------*/

#newsletter-support { background:url(images/newsletter-bg.png) no-repeat top center; background-size:cover;}
.newsletter { width:auto; padding:0 30px; /* border-right:#000 dashed 1px; */}
.newsletter h2 { color:#000; font:600 30px 'Source Sans Pro', sans-serif; text-align:center; padding:0;}
.newsletter h3 { color:#000; font:600 20px 'Source Sans Pro', sans-serif; text-align:center;}
.newsletter-box { width:100%; height:auto; margin-top:20px; background:#333333; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;}
.newsletter-box input[type="text"] { width:80%; height:40px; float:left; background:#fdc82a; border:none; margin-right:3px; margin-left:-1px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; padding:0 15px; color:#747373; color:#fff; font:600 18px 'Source Sans Pro', sans-serif;}
.newsletter-box input[type="submit"] { width:15%; height:40px; background:none; border:none; cursor:pointer; color:#fff; font:600 18px 'Source Sans Pro', sans-serif; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; text-transform:uppercase;}
.newsletter-box input[type="submit"]:hover { color:#fdc82a;}
.respuesta_f2 {
    color: #000;
    float: left;
    font-family: "Source Sans Pro",sans-serif;
    font-size: 20px;
    font-weight: 400;
    height: auto;
    padding: 0;
    text-align: center;
    width: 472px;
}


.support { width:auto; padding:0 30px;}
.support h2 { color:#000; font:600 30px 'Source Sans Pro', sans-serif; text-align:center; padding:0;}
.support h3 { color:#000; font:600 20px 'Source Sans Pro', sans-serif; text-align:center; padding-bottom:14px;}
.donate-button { width:306px; height:45px; background:url(images/donate-btn.png) no-repeat left center; color:#fff; font:900 28px 'Source Sans Pro', sans-serif; text-align:center; display:block; padding-top:3px; margin:auto;}
.donate-button:hover { color:#fdc82a;} 

/*------------------------------------------- NEWSLETTER AND SUPPORT CSS END -------------------------------------------*/

.featured-thumb { position:relative; z-index:10; width:100%;}
.featured-thumb img { width:100%; height:auto; margin-bottom:30px;}
.featured-thumb-title { position:absolute; top:180px; left:0; width:100%; }
.featured-thumb-title h2 { color:#fff; font:600 35px 'Source Sans Pro', sans-serif; letter-spacing:-1.5px; margin:0; padding:0 80px; text-align:center; line-height:34px;}
.featured-thumb-title h4 { color:#fff; font:400 22px 'Source Sans Pro', sans-serif; text-align:center;}

.our-people { width:100%; height:auto; background:#fdc82a; margin:10px 0 20px; display:inline-block;}
.our-people img { display:inline; float:left; margin-right:30px;}
.our-people h2 { text-align:left; padding:20px 0 0 0; margin-bottom:0; display:table; line-height:40px;}
.our-people h4 { color:#333; font:400 18px 'Source Sans Pro', sans-serif; line-height:20px; margin-bottom:10px;}
.our-people p { display:table; padding-right:20px;  margin-bottom:15px;}

/*------------------------------------------- INNER PAGE CSS END -------------------------------------------*/

.footer { width:100%; background:#000; height:auto; padding-top:40px;}
.down-arrow { position:absolute; top:-40px; left:10px;}
.down-arrow-gray{ position:absolute; top:-41px; left:10px;}
.footer-left { width:50%; float:left;}
.address { width:auto; color:#fff;}
.address a{ color:#fff;}
.address a:hover{ color:#fdc82a;}
.address img { display:inline; float:left; margin-right:10px; margin-top:0;}
.address h3 { color:#fff; font:400 20px 'Source Sans Pro', sans-serif; padding:0 0 5px 0; text-align:left; margin-bottom:0;}
.address p { display:inline; line-height:20px; font-size:13px;}
.address span { padding:0 5px;}
.footer-right { width:auto; float:right;}

.footer-links { width:auto; padding:20px 0 20px; display:table; margin:auto;}
.footer-links li { display:inline-block;}
.footer-links li a { color:#fff; font:400 12px 'Source Sans Pro', sans-serif; padding:0 25px 0 0;}
.footer-links li:hover a, .footer-links ul li.current_page_item > a{ color:#fdc82a;}

/******************************/
.breadcrumbs a{ text-transform:uppercase; color:#fdc72a; letter-spacing:-1px;}



/*****************************/
.entry-footer{ margin-top:10px;}
.post-thumbnail img{ float:left; background:#FFFFFF; border:#eeecec solid 1px; padding:8px; border-radius:5px; margin:0 40px 0 0;}
.form-allowed-tags{ display:none;}
.comments-area {margin:10px auto;}
.comment-list {list-style: none; margin: 0 0 20px 0;}
.comment-author {font-size: 14px; line-height: 1.7142857142;}
.comment-list .reply, .comment-metadata {font-size: 12px; line-height: 2; text-transform: uppercase;}
.comment-list .reply {margin-top: 24px;}
.comment-author .fn {font-weight: 900;}
.comment-author a {	color: #2b2b2b;}
.comment-list .trackback a, .comment-list .pingback a, .comment-metadata a {color: #767676;}
.comment-author a:hover,.comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover {color: #41a62a;}
.comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px;}
.comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0;}
.comment-author {position: relative;}
.comment-author .avatar {border: 1px solid rgba(0, 0, 0, 0.1);height: 18px;	padding: 2px; position: absolute; top: 0; left: 0; width: 18px; }
.bypostauthor > article .fn:before {margin: 0 2px 0 -2px;	position: relative;	top: -1px;}
.says {	display: none;}
.comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {padding-left:30px; }
.comment-edit-link {margin-left: 10px;}
.comment-edit-link:before {}
.comment-list li{ background:none; margin:0; padding:0;}
.comment-reply-link:before, .comment-reply-login:before {  margin-right: 2px;}
.comment-content {-webkit-hyphens: auto; -moz-hyphens:auto;	-ms-hyphens:auto; hyphens:auto; word-wrap: break-word;}
.comment-content ul, .comment-content ol {margin: 0 0 25px 20px;}
.comment-content li > ul, .comment-content li > ol {margin-bottom: 0;}
.comment-content > :last-child {margin-bottom: 0;}
.comment-list .children {list-style: none;margin-left: 15px;}
.comment-respond {margin-bottom: 24px; padding: 0;}
.comment .comment-respond {margin-top: 24px;}
.comment-respond h3 {margin-top: 0;	margin-bottom:10px;}
.comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code {color: #767676;}
.comment-notes, .comment-awaiting-moderation, .logged-in-as {font-size: 14px; line-height: 1.7142857142;}
.no-comments { font-size: 16px;	font-weight:900; line-height: 1.5;	margin-top: 24px; text-transform: uppercase;}
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%; background:#FBFBFB; border:1px solid #ddd; color:#575757; font-family: 'Lato'; font-size: 13px; height: 26px; margin:0; padding:2px 5px; width:270px; margin-bottom:10px;}
.form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5;}
.comment-reply-title small a {color: #5c0704; height: 24px;overflow: hidden; width: 24px;}
.comment-reply-title small a:hover {color: #fff;}
#commentform a{font:normal 12px/22px 'Lato'; color:#5c0704; text-shadow:0 0 0 #5c0704;}


/*=================== 404 % Search page ==========================*/
.search-form{ margin-top:20px;}
.search-form input[type="search"]{font:normal 12px 'Source Sans Pro'; color:#979797; background:#FFF; border:solid 1px #dbdbdb;  padding:5px; width:216px; border-radius:5px;}
.search-form input[type="submit"]{cursor: pointer; margin:0 0 30px; padding:5px 10px; background-color:#E6E6E6; background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6); border: 1px solid #D2D2D2; border-radius:3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); color: #424243; font-size: 0.785714rem;  font-weight: normal; }
.comments-area input[type="text"], .comments-area input[type="email"], .comments-area input[type="url"]{ background:#FBFBFB; border:1px solid #ddd; color:#575757; font-family: 'Source Sans Pro'; font-size: 13px; height: 26px; margin:0; padding:2px 5px; width:270px; margin-bottom:10px;}
.comments-area textarea{height:120px; background:#FBFBFB; border: 1px solid #ddd; color:#575757; font-family:'Source Sans Pro'; font-size: 13px;  margin:0; padding:5px;  width:400px;}
.form-submit input[type="submit"]{cursor: pointer; margin:0 0 30px; padding:5px 10px; background-color:#E6E6E6; background-image: -moz-linear-gradient(center top , #F4F4F4, #E6E6E6); border: 1px solid #D2D2D2; border-radius:3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); color: #424243; font-size: 0.785714rem;  font-weight: normal;   }
.comment-form-author label{margin:0 17px 0 0;}
.comment-form-email label{margin:0 22px 0 0;}
.comment-form-url label{margin:0 12px 0 0;}
.comment-form-comment label{float:left; margin:0 5px 0 0;}
.form-allowed-tags{ display:none;}

.privacy-policy{ position:relative; margin:0; padding:0;}
.privacy-policy ol, .privacy-policy ul{ padding-left:40px; list-style:outside disc !important; margin-bottom:20px;}
.privacy-policy p{ margin-bottom:20px; font:400 14px "Source Sans Pro",sans-serif;}
.privacy-policy a{ color:#00568e;}
.privacy-policy a:hover{ text-decoration:underline;}

.privacy-policy h3{color:#00578d; font-family:'Lato',arial; font-size:18px; font-weight:normal; margin-bottom: 10px;}
.privacy-policy h4{ color: #00578d; font-family:'Lato',arial; font-size: 16px; font-weight: normal; margin-bottom: 10px;}
.copyright-disclaimer h3{color:#333; font:600 18px "Source Sans Pro",sans-serif; letter-spacing:-0.5px; padding:0; text-align:left; margin-bottom:10px;}
.copyright-disclaimer #center_inn_c{ padding:10px 0 0 0;}
