body {
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 70px;
	padding-bottom: 30px;
}

/** extra stylings for menu **/
.subsubpage a{
	padding-left: 40px !important;
}


.summary_entry {
	padding-top: 8px;
	padding-bottom: 8px;
}

	.summary_entry h2 {
		margin:0;
	}

.blog_thumb {
	width: 100%;
	height: 180px;
	float: left;
	background-size: cover;
	background-position: center center;
	background-image: url(../../plugins/templates/thepitch/images/2015/ThePitch_logo_text2line.png.html);
	background-color: #000000;
}

.spacer {
	margin-top:2.2rem;
}
.spacer2x {
	margin-top:4.4rem;
}
img,picture {
	transition: width 0.5s;
}


@font-face {
	font-family: 'Glyphter';
	src: url('../../plugins/templates/ibac/fonts/Glyphter.eot');
	src: url('https://www.bibleadvocacy.org/plugins/templates/ibac/fonts/Glyphter?') format('embedded-opentype'),
		 url('../../plugins/templates/ibac/fonts/Glyphter.woff') format('woff'),
		 url('../../plugins/templates/ibac/fonts/Glyphter.ttf') format('truetype'),
		 url('../../plugins/templates/ibac/fonts/Glyphter.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class*='ibacsym-']:before{
	display: inline-block;
   font-family: 'Glyphter';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   vertical-align:-15%;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.ibacsym-arts:before{content:'\0041';}
.ibacsym-education:before{content:'\0045';}
.ibacsym-media:before{content:'\004D';}
.ibacsym-politics:before{content:'\0050';}

.ibacsym-arts{
	background-color: #eca154;
}
.ibacsym-education{
	background-color: #00bb7e;
}
.ibacsym-media{
	background-color: #e04e39;
}
.ibacsym-politics{
	background-color: #00aec7;
}

.icon_box_container a:hover{
	color: #ffffff;
}


.cat_arts_title{
	display: block;
	clear: both;
	background-color: #eca154;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
}

.cat_education_title{
	display: block;
	clear: both;
	background-color: #00bb7e;
	color:#ffffff;
	font-weight: bold;
	text-align: center;
}

.cat_media_title{
	display: block;	
	clear: both;	
	background-color: #e04e39;
	color:#ffffff;
	font-weight: bold;	
	text-align: center;
}

.cat_politics_title{
	display: block;	
	clear: both;
	background-color: #00aec7;
	color:#ffffff;
	font-weight: bold;	
	text-align: center;
}

.cat_region_title{
	display: block;	
	clear: both;
	background-color: #ccecf4;
	color:#495969;
	font-weight: bold;	
    padding: 0.4em;	
    text-align: center;
	
}

.home_page .cat_arts_title,
.home_page .cat_education_title,
.home_page .cat_media_title,
.home_page .cat_politics_title{
	color: #ffffff;
	font-size: 3rem !important;
}


.cat .home-driver .icon_box{
	margin-bottom: 0px !important;
}

.icon_box_container{
	border: 8px solid #ffffff;
}

.icon_box_container_active{
	border: 8px solid #C8CDD1;
}

.projects_page .project_banner{
	height: 15rem;
}

.projects_page .flag_banner{
	height: 0px;
}

.disclaimer{
	font-style: italic;
}

/* bootstrap styles updates */		

html {
	font-size: 62.5%;
}
body {
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
}
.panel-default {
	border-radius:0;
	border:1.0rem solid #eca154;
}
.panel-heading {
	filter:none !important; /* adjust bootstrap default old IE */
	background:white !important; /* adjust bootstrap default old IE */
	border:0;
	padding-bottom:0.5rem;
}
.panel-title {
	font-size: 28px;
	font-size: 2.9rem; 
	line-height: 1; /* $line-height-base ÷ 29 */
	padding-bottom:0.5rem;
	border-bottom:1px solid #C7C7C7;
}
.panel-body {
	padding-top:0;
}
.page-footer {
	clear: both;
	background-color: #C8CDD1;
}
.page-footer a {
	color: black;
}

.project-image-gallery .col-lg-9 {
	padding:0;
}

.project-image-gallery .item,
.project-image-gallery .active,
.project-image-gallery .item img,
.project-image-gallery .active img {
	width:100%;
	height:100%;
}

.gallery-thumbnails .carousel-indicators li {
	border:10px solid #fff;
	border-radius:0;
}

.gallery-thumbnails .carousel-indicators li.active {
	border:10px solid #c8cdd1;
}


/* alternative media widths */
@media (max-device-width: 480px) {
	/* 
	$contentwidth = 420
	$fontbase = 13
	$line-height-base = 21
	*/
	body {
		font-size:13px;
		font-size:1.3rem;
		line-height: 1.615; /* $line-height-base ÷ $fontbase */
	}
	h1,h2,.project_title .title	{
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 1.625; 
	}
	h3, .contact_details_heading {
		font-size: 21px;
		font-size: 2.1rem; 
		line-height: 1.0;
	}
	h4 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.333;
	}
}
@media (max-width: 767px) {
	/* 
	$contentwidth = 580
	$fontbase = 15
	$line-height-base = 24
	*/
	body {
		font-size:15px;
		font-size:1.5rem;
		line-height: 1.6;
	}
	h1,h2	{
		font-size: 30px;
		font-size: 3.0rem;
		line-height: 1.619;
	}
	h3, .contact_details_heading {
		font-size: 24px;
		font-size: 2.4rem; 
		line-height: 1.0;
	}
	h4 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.333;
	}
	.project_title .title {
		font-size:40px;
		font-size:4.0rem;
		line-height:1.2;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	/* 
	$contentwidth = 690
	$fontbase = 16
	$line-height-base = 26 
	*/
	body {
		font-size:16px;
		font-size:1.6rem;
		line-height: 1.625;
	}
	h1,h2	{
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 1.639;
	}
	h3, .contact_details_heading {
		font-size: 26px;
		font-size: 2.6rem; 
		line-height: 1.0;
	}
	h4 {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.444;
	}
	.project_title .title {
		font-size:40px;
		font-size:4.0rem;
		line-height:1.2;
	}
}
@media (min-width: 992px) {
	/* 
	http://gregrickaby.com/using-the-golden-ratio-and-rems/
	$contentwidth = 818
	$fontbase = 18
	$line-height-base = 29
	*/
	body {
		font-size:18px;
		font-size:1.8rem;
		line-height: 1.611; 
	}
	h1,h2	{
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 1.625; 
	}
	h3 {
		font-size: 28px;
		font-size: 2.8rem; 
		line-height: 1.0; 
	}
	h4 {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 1.208; 
	}
	.project_title .title {
		font-size:50px;
		font-size:5.0rem;
		line-height:1.2;
	}
	.contact_details_heading {
		font-size:22px;
		font-size:2.2rem;
		line-height: 1.318;
	}
}



/* social media */
[class*="fontawesome-"]:before {
  font-family: 'fontawesome', sans-serif;
}
.social_icons {
	/*padding-right:0;*/
	margin-top:1.0rem;
}
.social_icons a {
	display:inline;
	margin-left:1.5rem;
	text-decoration:none;
}


/* project styles - for header logos+languages+login */

.logos {
	padding-top:2.0rem;
}
.language_selector {
	padding-right:2.0rem;
	padding-top:0.5rem;
}
.language_selector span{
	margin-left:1.0rem;
}
.language_selector a {
	color:#495969;
}
.login {
	background-color:#eca154;
	color:white;
}

/* project styles - for header nav */

#navbar {
	padding-left:0;
}
.navbar {
	border-radius:0;
	margin-top:3.0rem;
	background-color:#ccecf4;
	margin-bottom:0;
}
.navbar-nav > li > a {
	color:#495969;
}
.navbar-nav > li.active {
	background-color:#00aec7;
}
.navbar-nav > li.active a {
	color:white;
}
/*.dropdown-menu > li > a {
	background-color:#ccecf4;
}*/
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover, 
.nav .open > a:focus, 
.nav .open > a:hover /*,
.dropdown-menu > li > a:hover, 
.dropdown-menu > li > a:focus */ {
	background:#495969;
	color:white;
}


/* project styles - for header banner */

.project_banner {
	margin:0;  /* 0 2rem 0; */
	height:30rem;
	background:url(../../plugins/templates/ibac/images/banner1280w.jpg) no-repeat top center;
	background-size: cover;
	border-bottom:0;
	background-repeat: no-repeat;
	background-position: top center;
}

	.the-bible_page .project_banner{
		background-image: url(../../plugins/templates/ibac/images/biblebanner1280w.jpg);
	}

	.politics_page .project_banner{
		background-image: url(../../plugins/templates/ibac/images/politicsbanner1280w.jpg);
	}
	
	.arts_page .project_banner{
		background-image: url(../../plugins/templates/ibac/images/artsbanner1280w.jpg);
	}
	
	.education_page .project_banner{
		background-image: url(../../plugins/templates/ibac/images/educationbanner1280w.jpg);
	}
	
	.media_page .project_banner{
		background-image: url(../../plugins/templates/ibac/images/mediabanner1280w.jpg);
	}
	
	.home_page .project_banner{
		background-image:none;
	}			

.flag_banner {
	margin:5rem 0 1rem 0;
	height:50px;
/*
	data-layzr-bg: url(/plugins/templates/ibac/images/flag_cn.png);
	background: url(/plugins/templates/ibac/images/flag_cn.png) no-repeat top left;
	background: -webkit-image-set( url('/plugins/templates/ibac/images/flag_cn.webp') 1x) no-repeat top left; 
*/
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}

/*
	.africa_page .flag_banner {
		background-image:url(/plugins/templates/ibac/images/flags/africa.png);
	}
	.asia_pacific_page .flag_banner {
		background-image:url(/plugins/templates/ibac/images/flags/asia.png);
	}
	.europe_middle_east_page .flag_banner {
		background-image:url(/plugins/templates/ibac/images/flags/europe.png);
	}
	.north_america_page .flag_banner {
		background-image:url(/plugins/templates/ibac/images/flags/north_america.png);
	}
	.south_america_page .flag_banner {
		background-image:url(/plugins/templates/ibac/images/flags/south_america.png);
	}
*/

	.country_cambodia .flag_banner,
	.country_cambodia .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/cambodia.png);
	}
	.country_china .flag_banner,
	.country_china .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/china.png);
	}
	.country_guatemala .flag_banner,
	.country_guatemala .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/guatemala.png);
	}	
	.country_israel .flag_banner,
	.country_israel .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/israel.png);
	}
	.country_malawi .flag_banner,
	.country_malawi .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/malawi.png);
	}	
	.country_palestine .flag_banner,
	.country_palestine .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/palestine.png);
	}	
	.country_portugal .flag_banner,
	.country_portugal .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/portugal.png);
	}	
	.country_united_kingdom .flag_banner,
	.country_united_kingdom .flag_location{
		background-image:url(../../plugins/templates/ibac/images/flags/united_kingdom.png);
	}

.project_title .title {
	color:white;
/* 	text-shadow: 1px 1px 1px #000; */
background-color: #00aec7;
    padding: 0.5em;
    max-width: 450px;
    font-size: 2.2em;
	/*text-overflow: ellipsis;
	overflow: hidden;
	word-wrap:break-word;
	white-space:pre-wrap;
	height:13rem;*/
}
.truncate {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


#map_location, #map_location div{
	background-color: transparent !important;
	padding: 0px !important;
	margin: 0px !important;
}

.blog_separator{
	border-bottom:10px solid #eca154;
	margin-bottom:1.0em;	
}

.arts_page .separator {
	border-bottom:10px solid #eca154;
	margin-bottom:1.0em;
}
.education_page .separator {
	border-bottom:10px solid #00bb7e;
	margin-bottom:1.0em;
}
.politics_page .separator {
	border-bottom:10px solid #00aec7;
	margin-bottom:1.0em;
}
.media_page .separator {
	border-bottom:10px solid #e04e39;
	margin-bottom:1.0em;
}

.arts_page h3{
	color: #eca154;
}

.education_page h3{
	color: #00bb7e;
}

.politics_page h3{
	color: #00aec7;
}

.media_page h3{
	color: #e04e39;
}


.icon_arts, .text_arts {
	background:#eca154;
}
.icon_education, .text_education {
	background:#00bb7e;
}
.icon_politics, .text_politics {
	background:#00aec7;
}
.icon_media, .text_media {
	background:#e04e39;
}


.icon_box {
	color:white;
	font-size:75%;
	padding:0.05em 0.3em;
	vertical-align:10%;
}
.project_title h1 {
	margin-top:0;
	border-bottom:1px solid #495969;
	padding-bottom:0.2em;
}
.project_title h2 {
	margin-top:0;
	border-bottom:1px solid #495969;
	padding-bottom:0.2em;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 1.625;
}
.project_title_l3 {
	font-weight:bold;
	font-size:1.7em;
}
.project_desc {
	margin-bottom:3.0rem;
}
.panel-body div {
	width:100%;
	font-weight:bold;
	background-color:#CCEFF5;
	padding:0.5rem 1.0rem;
	margin:0.7rem 0;
}		
.panel-body div a {
	color:black;
}

.contact_details_heading {
	border-bottom:1px solid #c7c7c7;
	margin-top: 2.8rem;
	padding-bottom:1.0rem;
	margin-bottom:1.0rem;
}
address span {
	display: inline-block;
	margin-top:1.5rem;
}
.action_button {
	font-weight:bold;
	background:#00aec7;
	color:white;
	font-size:22px;
	font-size:2.0rem;
	line-height: 1.318; /* $line-height-base ÷ $fontbase */
	text-align:center;
	padding:2.2rem 0;
	margin-top:2.2rem;
}


.flag_location {
	float:right; 
	height:1.0em;
	width:2em !important; 
	background-color:inherit !important;
/*
	data-layzr-bg: url(/plugins/templates/ibac/images/flag_cn.png);
	background: url(/plugins/templates/ibac/images/flag_cn.png) no-repeat top left;
	background: -webkit-image-set( url('/plugins/templates/ibac/images/flag_cn.webp') 1x) no-repeat top left; 
*/
	background-size: contain;
}

/*
	.africa_page .flag_location {
		background-image:url(/plugins/templates/ibac/images/flags/africa.png);
	}
	.asia_pacific_page .flag_location {
		background-image:url(/plugins/templates/ibac/images/flags/asia.png);
	}
	.europe_middle_east_page .flag_location {
		background-image:url(/plugins/templates/ibac/images/flags/europe.png);
	}
	.north_america_page .flag_location {
		background-image:url(/plugins/templates/ibac/images/flags/north_america.png);
	}
	.south_america_page .flag_location {
		background-image:url(/plugins/templates/ibac/images/flags/south_america.png);
	}
*/

.video_img {
	height: 31.2rem;
	width:100%;
	background-color:black;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center center;
	text-align:center;
	font-size:25.0rem;
	line-height: 31.2rem;
	color:#C8CDD1;
	text-shadow: 0 0 10px black;
}
.video_title {
	color:white;
	padding:0.2rem 0.6rem;
	margin:1.5rem 0 1rem 0;
}
.video_desc {
	margin-bottom:4rem;
}


/* related projects */

.related_img {
	height: 21.3rem;
	width:100%;
	background-color:black;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center center;
	margin-bottom:2.63rem;
}
.related_link {
	color:white;
	padding:0.2rem 0.6rem;
	margin:1.5rem 0 5rem 0;
}


.related_project_pane a, .video_placer a, .action_pane a {
	text-decoration:none;
}

.page-footer span {
	margin-right:5rem;
}




.icon-bar {
	background-color:#333;
}

.home .featured_video {
	border:5px #fff solid;
}

.home_banner {
	position:relative;
/* 	margin-top:-200px; */
}

.home h1 {
	border-bottom:1px #333 solid;
}

.home h2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #00aec7;
}



.arts_page .project_title_l3 {
	color:#eca154;
}

.education_page .project_title_l3 {
	color:#00bb7e;
}

.politics_page .project_title_l3 {
	color:#00aec7;
}

.media_page .project_title_l3 {
	color:#e04e39;
}

.label-default a {
	color:#fff;
}

.contact_details {
	line-height: 1.42857143;
}

.resource_description {
	display:none;
}

/** project image gallery carousel **/
.gallery-thumbnails {
}

	.gallery-thumbnails .carousel-indicators {
		bottom:auto !important;
		width:100%;
		margin-left:0;
		margin-right:0;
		padding:0;
		left:0;
		position:relative;
		text-align:left;
	}
	
		.gallery-thumbnails .carousel-indicators li {
			width:120px !important;
			height:87px !important;
			text-indent:0 !important;
			text-align:left !important;
		}
		
/** Fix nav text highlighting issue **/
.dropdown-menu>li>a {
	color: #333333 !important;	
	}
	
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #ffffff !important;
	}	
/** End nav text highlighting issue **/		

/** cultural drivers home page **/
.home-driver-row{
	margin-top: 1em;	
}

.home-driver{
	margin-bottom: 0.7em;
}

.home-driver .icon_box{
	font-size: 2em !important;
	float: left;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
    padding-left: 0.5em;	
}

/* @media (min-width:992px){ */
	.home-driver .icon_box{
		text-align: center;
		width: 100%;
		margin-bottom: 0px !important;
	}
/* } */


.home-driver strong{
	display: block;
}

.driver-arts strong{
	color: #eca154;
}
.driver-education strong{
	color: #00bb7e;
}
.driver-media strong{
	color: #e04e39;
}
.driver-politics strong{
	color: #00aec7;
}

.strapline{
	position: relative;
    left: 14px;
    margin-left: 0;
    float:left;
}

.navbar{
	margin-top: 0.7em;
}

/** Carousel **/

.carousel-inner .item{
/* 		height:30rem; */ /** Removed as stretched images **/
		background-size: cover;
		/*border-top: 1px solid transparent; /** Fixes weird spacing issue **/
}

	.home_page .carousel-inner .item{
		height:30rem;
	}

.carousel-inner .item h2{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.carousel-inner .item h2 a{
	display: block;
/*     height: 30rem; */ /** Removed as stretched images **/
    padding: 4rem;
}

	.home_page .carousel-inner .item h2 a{
		height: 30rem;
	}

.carousel-inner .item h2 a span{
	    background-color: #00aec7;
    color: #ffffff;
    padding: 0.5em;
    display: inline-block;
    max-width: 450px;
    font-size: 3.2rem;    
}

@media (max-width: 500px) {
	.carousel-inner .item h2 a span{ 
		width: auto;
	}
}
span.highlight {
    background-color: yellow;
}

/** blockquotes **/
blockquote{
	background-color: #00aec7;
    border-left: 0px;
    background-repeat: no-repeat;
    background-image: url('../../plugins/templates/ibac/images/quote_top.png');
    background-position: 10px 10px;
    background-size: 34px;
    padding: 26px 10px 10px 10px;    
}

blockquote p{
    color: #ffffff;
    font-size: 1.4em;
    font-style: italic;
    line-height: 1.3em;
    padding: 0.4em;
background-repeat: no-repeat;
    background-image: url('../../plugins/templates/ibac/images/quote_bottom.png');
    background-position: bottom right;
    background-size: 34px;
    padding-bottom: 22px;    
}

/**blog additional styles **/
.publish_date{
	font-style: italic;
	text-align: right;
}

.video_max_container{
	max-width: 660px;
	margin: 0 auto;
}

/**Add in extra to allow 5 column layout**/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}