/************************ INDEX *************************

Contains:
 - Font definitions
 - Base colour definitions

************************* /INDEX ***********************/


/************************ FONTS ************************/

body, .form-control{
/* 	font-family: 'Roboto', sans-serif; */
	font-family: "myriad-pro","Myriad Pro","Calibri","Lucida Sans Unicode", "Lucida Grande", "Helvetica", Times, sans-serif; /* "myriad-pro",sans-serif; */
	font-size:17px; /** Based on 800px content width **/
	line-height: 28px;
	color: #58595b;
}	 

.bam_number_area p {
	margin-bottom:0;
	text-align: center;
}

	.bam_number {
		font-size: 2em;
		color: #ee2c3c;
	}

.semibold{
	font-style: normal;
	font-weight: 600;	
}

.semibold-i{
	font-style: italic;
	font-weight: 600;	
}

strong, .bold{
	font-style: normal;
	font-weight: 700;	
}

.bold-i{
	font-style: italic;
	font-weight: 700;	
}

.myriad-pro-typekit h1, .myriad-pro-typekit h2{
	font-family: "myriad-pro", Times, sans-serif;
}

.myriad-pro h1, .myriad-pro h2{
	font-family: 'Myriad Pro', Times, sans-serif; 
}

.lucida-sans h1, .lucida-sans h2{ 
	font-family: 'Lucida Sans Unicode', Times, sans-serif; 
}

.lucida-grande h1, .lucida-grande h2{
	font-family: 'Lucida Grande', Times, sans-serif; 
}

.helvetica h1, .helvetica h2{
	font-family: 'Helvetica', Times, sans-serif; 
}

.calibri h1, .calibri h2{
	font-family: 'Calibri', Times, sans-serif; 
}

h1{
	 font-size:2.4em;
	 text-align:center;
	font-weight: 600;
}

h2, .daily_reflection_content h3{
 font-size:1.4em;
  padding: 0.11em 0.4em 0.2em 0.4em;
 display:inline-block;  
 color: #58595b;
 background-color: #ededed;
		font-style: normal;
	font-weight: normal; 
 border-left: 8px solid #00aece;
}

h2 a,  .daily_reflection_content h3 a{
	color: #58595b;
}

h3{
	font-style: normal;
	font-weight: 600;
	font-size: 1.2em;
}

h4{
	font-style: normal;
	font-weight: 600;
	font-size: 1em;
}

h5{
		font-style: normal;
	font-weight: 600;
	font-size: 1em;
}

h6{
		font-style: normal;
	font-weight: 600;
	font-size: 1em;
}

a{
	color: #00aece;
}

a:focus, a:hover{
	color: #00aece;
	text-decoration: underline;
}

	a.ssl_seal_link:hover {
		text-decoration:none !important;
	}

p{
/*     margin: 0.5em 0 1.5em 0; */
    margin: 0.5em 0 1em 0;
}

p.intro,
.news .unique:first-of-type > p:first-of-type
 {
 font-size:1.6em;
 line-height: 1.2em;
 color:#929394;/*#aeb2b5;*/
 margin-bottom:0.4em; 
 text-align: center;
}


/** Prevents flashing by typekit font loading **/
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading li,
.wf-loading p{
	visibility: hidden;
}

/** Glyphter fonts for arrow icon **/	
/*
@font-face {
    font-family: 'biblesociety';
    src: url('/plugins/templates/biblesociety/fonts/biblesociety.eot');
    src: url('/plugins/templates/biblesociety/fonts/biblesociety.eot?#iefix') format('embedded-opentype'),
         url('/plugins/templates/biblesociety/fonts/biblesociety.woff') format('woff'),
         url('/plugins/templates/biblesociety/fonts/biblesociety.ttf') format('truetype'),
         url('/plugins/templates/biblesociety/fonts/biblesociety.svg#biblesociety') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

/**
	Use http://www.pearsonified.com/typography/ for other content widths
	**/
@media (min-width: 768px) { /** sm **/	
	body,  .form-control{
		font-size:19px; /** Based on 750px content width **/
		line-height: 31px;	
	}	
}

@media (min-width: 1201px) { /** lg **/
	body,  .form-control{
		font-size:21px; /** Based on 1170px content width **/
		line-height: 34px;	
	}
}
@media (max-width: 1200px) { /** lg **/
	body,  .form-control{
		font-size:21px; /** Based on 1170px content width **/
		line-height: 34px;	
	}
	#main_nav li a{
				font-size:19px; /** Based on 600px content width **/
		line-height: 31px;	
	}
}

@media (max-width: 992.9px) { /** md **/
	body,  .form-control{
		font-size:19px; /** Based on 970px content width **/
		line-height: 31px;	
	}
}	


	
@media (max-width: 767.9px) { /** xs **/
	body,  .form-control{
		font-size:19px; /** Based on 600px content width **/
		line-height: 31px;	
	}
	h1{
		font-size: 2.0em; /** Tweak to shrink h1 on mobile **/
	}
}

/************************ /FONTS ***********************/

/************************ COLOURS ************************/

/* Core */
.heaven .color{
	color: #00aece !important;
}
.sky .color{
	color: #5cc8de !important;
}
.cloud .color{
	color: #b2e1ed !important;	
}

.heaven .color-bg,
.yellow .heaven .color-bg {
	background-color: #00aece !important;
	color:#fff !important;
}
.sky .color-bg{
	background-color: #5cc8de !important;
}
.cloud .color-bg{
	background-color: #b2e1ed !important;	
}

/* Earth */
.sand .color{
	color: #e4e0d9 !important;
}
.stone .color,
.red .stone .color{
	color: #aeb2b5 !important;
}
.slate .color{
	color: #58595b !important;
}

.sand .color-bg{
	background-color: #e4e0d9 !important;
}
.stone .color-bg,
.stone a.color-bg,
.red .stone .color-bg{
	background-color: #aeb2b5 !important;
}
.slate .color-bg{
	background-color: #58595b !important;
}

/* Values */
.green .color{
	color: #85c559 !important;	 
}
.purple .color{
	color: #9064aa !important;
}
.red .color{
	color: #ee2c3c !important;
}
.yellow .color{
	color: #ffdd00 !important;
	
}

.green .color-bg{
	background-color: #85c559 !important;	 
}
.green a.color-bg, .green input.color-bg{
	border: 1px solid #85c559 !important;	 
}
.green h2,
.green_h2 h2{
	border-color: #85c559 !important;
}

.purple .color-bg{
	background-color: #9064aa !important;
}
.purple a.color-bg, .purple input.color-bg{
	border: 1px solid #9064aa !important;
}
.purple h2,
.purple_h2 h2{
	border-color: #9064aa !important;
}

.red .color-bg{
	background-color: #ee2c3c !important;
}
.red a.color-bg, .red input.color-bg{
	border: 1px solid #ee2c3c !important;
}
.red h2,
.red_h2 h2{
	border-color: #ee2c3c !important;
}

.yellow .color-bg{
	background-color: #ffdd00 !important;
	color: #58595b !important;
}

.yellow .color-bg::after{
	color: #58595b !important;
}

.yellow .heaven .color-bg::after {
	color:#fff !important;
}


.yellow .heaven a.color-bg,
.yellow .heaven input.color-bg {
	border:none !important;
}

.yellow a.color-bg, .yellow input.color-bg{
	border: 1px solid #ffdd00 !important;
}
.yellow h2,
.yellow_h2 h2,
 .daily_reflection_content h3{
	border-color: #ffdd00 !important;
}


.red .stone a.color-bg, .red .stone input.color-bg,
.green .stone a.color-bg, .green .stone input.color-bg{
	border: 1px solid #aeb2b5 !important;
}


.stone a.color-bg, .stone input.color-bg{
	border: 1px solid #aeb2b5 !important;
	color: #ffffff !important;
}

/** Override brand colours to default of slate colour text **/
.reset{
	color: #58595b !important;
	background-color: #ffffff !important;	
}


.heaven a.arrow::after, .heaven h2 a::after{
    color: #00aece !important;
}

.sky a.arrow::after, .sky h2 a::after{
    color: #5cc8de !important;
}

.cloud a.arrow::after, .cloud h2 a::after{
    color: #b2e1ed !important;
}

.sand a.arrow::after, .sand h2 a::after{
    color: #e4e0d9 !important;
}

.stone a.arrow::after, .stone h2 a::after{
    color: #aeb2b5 !important;
}

.slate a.arrow::after, .slate h2 a::after{
    color: #58595b !important;
}

.green a.arrow::after, .green h2 a::after{
    color: #85c559 !important;
}

.purple a.arrow::after, .purple h2 a::after{
    color: #9064aa !important;
}

.red a.arrow::after, .red h2 a::after{
    color: #ee2c3c !important;
}

.yellow a.arrow::after, .yellow h2 a::after{
    color: #ffdd00 !important;
}

/************************ /COLOURS ************************/



/***************** BUTTONS AND LINKS ********************/

.btn-primary{
	border: 1px solid #00aece !important;
}

.nav-pills li a, .nav-pills li a:hover{
	background-color: #ffffff;
	color: #aeb2b5;
}

.nav-pills li.active a,.nav-pills li.active a:hover{
	background-color: #ffffff !important;	
	color: #58595b;
}

.btn{
	background-image: none !important;
	border: 1px !important;
	border-radius: 11px !important;
	-moz-border-radius: 11px !important;
	-webkit-border-radius: 11px !important;
	text-shadow:none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-default{
    background-color: #e0e0e0;
    border:1px solid #aeb2b5 !important;
}

.btn-lg{
	padding: 11px 26px 9px 26px;
}

.btn-primary{
	padding: 11px 26px 9px 26px;
/*
	background-image: url(btn-right-arrow.png) !important;
	background-repeat: no-repeat;
	background-position: right center !important;
	background-size: 42px 18px;
*/
	background-color: #00aece;
	font-weight: 600; /** semi bold **/
}
.btn-primary:focus, .btn-primary:hover{
	background-position: right center;	
	background-color: #00aece;
	text-decoration:underline;
}

.btn::after{
    content: ".";
    font-family: "biblesociety";
    color: #ffffff;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 1em;
	font-weight: 400 !important;
}

.btn-back::after, .no-arrow::after{
	content: none;
}

.btn-back::before{
    content: "/";
	font-family: "biblesociety";    	
    color: #ffffff;
    display: inline-block;
    vertical-align: bottom;
    padding-right: 1em;
	font-weight: 400 !important;
}

.btn-padlock::before,.btn-padlock::after{
    content: "";
}

.btn-padlock {
    position: relative;
    padding-left: 45px;
}

.btn-padlock i {
    background-image: url(../../../../../common/images/icons/padlock.png.html) !important;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: 16px;
}

.btn-download::after{
    content: "[";
    font-family: "biblesociety";
    color: #ffffff;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 1em;
	font-weight: 400 !important;
}

.btn-right{
	float: right;
}

/** default colour buttons on forms **/
.red_h2 #form_field_submit{
	background-color: #ee2c3c;
}

.yellow_h2 #form_field_submit{
	background-color: #ffdd00;
}

.purple_h2 #form_field_submit{
	background-color: #9064aa;
}

.green_h2 #form_field_submit{
	background-color: #85c559;
}



/***************** /BUTTONS AND LINKS *******************/


/************************ IMAGES ************************/
img{
	border-radius: 11px;
	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;	
	max-width: 100%;
}

img.square{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;		
}
/************************ /IMAGES ***********************/


/************************ OTHER ELEMENTS ************************/
blockquote{
/* 	padding: 10px 20px; */
    padding: 16px;
    position: relative;
	font-size: 1.2em;
	font-style: italic;
	background-color: #f2f2f2;
	margin:0px 0px 20px 0px;
/* 	margin: 1.5em 2.5em 1.5em 2.5em; */
    border: 0px;	
    overflow: auto;
}

blockquote:before {
    content: '\201c';
    font-size: 3em;
    line-height: 1em;
    font-family: arial;
    display: block;
    height: 28px;
    overflow: hidden;
    text-align: left;
    color: #85c559;
    float: left;
    /* width: 1em; */
    padding-right: 10px;
    width: 10%;
    position: absolute;
}

blockquote:after {
    content: '\201d';
    font-size: 3em;
    line-height: 1em;
    font-family: arial;
    display: block;
    height: 28px;
    overflow: hidden;
    text-align: right;
    color: #85c559;
    float: right;
    /* width: 1em; */
    padding-right: 10px;
    vertical-align: baseline;
    width: 10%;
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.author_quote{
	background-color: #f2f2f2;
    margin-top: -20px !important;
    padding: 0px 16px 16px 16px;	
	font-size: 0.9em;
    line-height: 1.2em;    
}

.green_h2 blockquote:before, .green_h2 blockquote:after,
blockquote.green:before, blockquote.green:after{
    color: #85c559;	
}

.red_h2 blockquote:before, .red_h2 blockquote:after,
blockquote.red:before, blockquote.red:after{
    color: #ee2c3c;	
}

.purple_h2 blockquote:before, .purple_h2 blockquote:after,
blockquote.purple:before, blockquote.purple:after{
    color: #9064aa;	
}

.yellow_h2 blockquote:before, .yellow_h2 blockquote:after,
blockquote.yellow:before, blockquote.yellow:after{
    color: #ffdd00;	
}

.blue_h2 blockquote:before, .blue_h2 blockquote:after,
blockquote.blue:before, blockquote.blue:after{
    color: #00aece;	
}

blockquote div{
    width: 80%;
    float: left;
    display: inline-block;	
}


blockquote p{
/*     margin: 0em 0 0.5em 0;	 */
text-align: center;
    /* display: inline-block; */
    /* float: left; */
    /* width: 80%; */
    margin: 0 20% 0 20%;
}

blockquote.bible{
/* 	padding: 0px 20px; */
	font-size: 1.2em;
	font-style: italic;
	background-color: transparent;
	border-left: 5px solid #ffdd00;
	border-right: 5px solid #ffdd00;	
}

blockquote.bible:before,blockquote.bible:after{
	content: none;
}

.image_overlay {
	padding:15px;
	background-color:rgba(255,255,255,0.9);
	border-radius: 11px !important;
	-moz-border-radius: 11px !important;
	-webkit-border-radius: 11px !important;
}

	.image_overlay h2 {
		margin-top:0;
	}

/************************ /OTHER ELEMENTS ***********************/

/************************ ALERT MESSAGES ************************/
.alert-danger, .alert-success, .alert-info, .alert-warning{
	background-image: none !important;
	border: 0px !important;
}

.alert-success{
	background-color: #85c559;
    color: #ffffff;
    text-shadow: none;	
}

.alert-danger{
	background-color: #ee2c3c;
    color: #ffffff;
    text-shadow: none;	
}

.alert-info{
	background-color: #b2e1ed;
    color: #58595b;
    text-shadow: none;	
}

/************************ /ALERT MESSAGES ***********************/

/************************ HEADER ************************/
/************************ HEADER ************************/
/************************ HEADER ************************/
/************************ HEADER ************************/