/*
Theme Name: 	Betheme Child 2016
Author: 		MO
Description:	Child Theme for Betheme - Adapted for BM Annual Reports
Template:		betheme-17
Version: 		3.0
*/

/* Theme customization starts here
-------------------------------------------------------------- */
#Content, .subheader-wrapper {
	background:url(images/AR16_BG_tile_c.jpg)!important;
}
#Subheader:after {
	content:"";
	height:0;
	display:inline;
	background:transparent;
}

a {text-decoration: underline;}
.the_content_wrapper {
	/*margin-bottom:40px;*/
}

.entry-content p:first-child:first-letter {
    font-family: "Pirata One", Arial, Tahoma, sans-serif;
    font-size: 50px;
    line-height: 0.9;
    margin-top: -2px;
    float: left;
    padding-right: 4px;
}
@media only screen and (max-width: 768px){
 .entry-content p:first-child:first-letter {
 	font-size: 30px;
 	padding-right:2px;
 }
}
@media only screen and (max-width: 1239px) and (min-width: 960px){
	.section_wrapper, .container, .with_aside .content_wrapper {
	    max-width: 940px;
	}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
	.section_wrapper, .container, .with_aside .content_wrapper {
	    max-width: 750px;
	}
}
@media only screen and (min-width: 768px){
	.widget-area {
	padding:2rem 1.5rem 1.1rem 0.6rem;
	}
}
.header-transparent #Top_bar:not(.is-sticky) { top: 10px !important; }


.subheader-wrapper {
	position:relative;
}
.subheader-wrapper img {width:100%;}

#Subheader {padding:0!important;}
.subheader-both-center #Subheader .title {
    width: 100%;
    text-align: center;
    position: absolute;
    /*bottom: calc(0.5em + 1 * (100vw - 20em) / 50);*/
    bottom:1rem;
    color:#e0dbd3;
    /*text-transform: uppercase;*/
    font-size: calc(28px + 16 * (100vw - 640px) / 560);
    /*background: rgba(1,1,1,0.3);*/
    line-height: 2;
    letter-spacing: 1px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
@media only screen and (max-width: 640px) {
	.subheader-both-center #Subheader .title {
	position:relative;
	line-height: 1.4;
    bottom: 0;
    padding:0.5rem 0 0.8rem;
    font-size: 1.7rem;
    max-width:90%;
    margin:0 auto;
    float:none;
    color:#49433c;
    text-shadow: none;
	}

}
/*.subheader-wrap {position:absolute;bottom:0;width:100%;text-align: center;background: rgba(1,1,1,0.5);}*/


/*.post-title {color:#fff;font-size:40px;padding-top: 10px;line-height: 1;}*/
@media only screen and (max-width: 767px) {
	.post-title { font-size:1.5em; }
}
#Top_bar .logo {
	display:block;
    float: left;
}

#Subheader .title-search {margin-top:0;}
@media only screen and (min-width: 758px){
#Subheader .title-search {margin-top:120px;}
}
@media only screen and (max-width: 767px){
	#Header #Top_bar {
	background: #033d55!important; /* Old browsers */
	background: -webkit-linear-gradient(#033d55 0%, #027a94 100%)!important;
	background: -o-linear-gradient(#033d55 0%, #027a94 100%)!important;
	background: linear-gradient(#033d55 0%, #027a94 100%)!important; 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033d55', endColorstr='#027a94',GradientType=0 )!important; 
	max-height:80px;
	}

	#overlay-menu ul li a {
    font-size: 1.1rem;
    line-height: 1;
    display: block;
    padding: 10px;
	}
}

@media only screen and (min-width: 758px){
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo  {
	    height: 90px!important;	
	   	margin: -15px 0 0 60px;

	}
	.header-overlay .overlay-menu-toggle {
		background: rgba(30, 219, 231, 0.2);
		text-decoration:none;
		padding: 1rem 7px;
	    font-size: 1em;
	    letter-spacing: 1px;
	    line-height: 1;
	    font-family: helvetica,arial,sans-serif;
	    border:1px solid #00DFFF;
	    height: auto;
	    width:auto;
	    top:15px;
	}
	.header-overlay .overlay-menu-toggle:hover,
	.header-overlay .overlay-menu-toggle:active
	{
		background:rgba(1,1,1, 0.3);
	}
	

}

@media only screen and (min-width: 1200px){
	#Top_bar #logo, .header-fixed #Top_bar #logo, .header-plain #Top_bar #logo, .header-transparent #Top_bar #logo  {
	    height: 130px!important;
	    margin: -10px 0 0 110px;
	
	}
	.header-overlay .overlay-menu-toggle {
		top:30px;
	}
}

.header-overlay .overlay-menu-toggle.focus .menu-button {display:none;}

.header-overlay .overlay-menu-toggle.focus .close {
    display: inline;
    font-size: 2rem;
}
@media only screen and (max-width: 767px){
	.header-overlay .overlay-menu-toggle  .menu-button{
	display:none;
	}
	.header-overlay .overlay-menu-toggle.focus .close {
	font-size:1rem;
	}
}
@media only screen and (min-width: 767px){
.header-overlay .overlay-menu-toggle .open{
	display:none;
	}

}
.header-overlay.sticky-header .overlay-menu-toggle {position:absolute;}

@media only screen and (max-width: 767px){
	.section_wrapper {
	    max-width: 90%;
	    max-width: calc(100% - 40px)!important;
	}
	.with_aside .sections_group {
    padding-top: 0;
	}
	.sidebar-info {margin-bottom: 0;}
}

.section {
	margin-bottom:3px;
}
@media only screen and (min-width: 767px){
.column_image{min-height: 220px;}
}
.sidequote {
	margin-top:1.5em;
}
.sidebar .textwidget {
	position:relative;
	z-index:10;
}
blockquote {
	background:none;
	font-size: 1.3em;
	line-height: 1.5;
}
blockquote:before { 
	content: ""; 
	width: 75px; 
	height: 75px; 
	background: url(images/blockquote.png) no-repeat; 
	position: absolute; 
	left: -36px; 
	top: -30px; 
	z-index: -1;
}
blockquote:after { 
	content: "";
    width: 75px;
    height: 75px;
    background: url(images/blockquote_close.png) no-repeat;
    position: relative;
    float: right;
    margin-top: 0.5rem;
    margin-right: -2.6rem;
    z-index: -1;
}

.sidebar blockquote {
	/*font-size: calc(22px + 4 * (100vw - 767px) / 433);*/
	font-size:1.4rem;
	line-height:1.3;
	margin-left:5px!important;
    color: #206784!important;
	position:relative;
	z-index:10;
}
.home blockquote {
color:#206784!important;	
}
.sidebar-info {
	color:#206784;
	margin-bottom:2em;
}
.sidebar-info:after{
	content:'';
	height:45px;
	background-image: url(images/AR16_divider_sm_c.png);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    display:block;
}
@media only screen and (max-width: 767px){
	.sidebar-info:after{
		height:80px;
	}
}
.sidebar-info h4 {color:#fff;}
.sidebar-info ul {
	list-style: outside;
    margin-left: 1em;
    color: #206784!important;
    font-size:1.2em;
}
.sidebar-info ul li {padding:10px 0;}
.sidebar-info p {padding-left:1em;}

.column_fancy_heading {
	margin-top:3em;
	margin-bottom:2rem;
	float:none;
}
@media only screen and (max-width: 767px){
	.column_fancy_heading {
	margin-top:30px!important;
	margin-bottom:10px!important;
	}
}
.fancy_heading h2.title {
	color:#fff;
	font-size: calc(30px + 8 * (100vw - 640px) / 560);
	letter-spacing: 1px;
	line-height: 1.2;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}
.tpheading .fancy_heading h2 {
color:#FFF;
font-size: calc(35px + 3 * (100vw - 640px) / 560);
}
.tenprinciples h3 {
	margin-bottom:5px;
}
.fpsection {
	color:#fff;
	background: rgba(0, 0, 0, 0.5);
	padding:0;
	float:none;
	margin:0 auto;
	margin-bottom: 50px;
	font-size: 1.2em;
    line-height: 1.5em;
    padding-bottom:2.5rem;
}
.fpsection p {
	padding: 20px;
    margin: 0;
    font-size:21px;
	line-height: 1.5;
}
.fpsection a {
	color:#fff;
}
.fpsection a:hover,
.fpsection a:active{
	color:#206784;
}

@media only screen and (min-width: 767px){
	.fpsection {
		padding:1em;
	}
	.fpsection p {
	padding:0;
	margin-bottom:15px;
	}
}
@media only screen and (min-width: 1024px){
	.fpsection {
		padding:2em;
	}
}
.button-wrap {
    width: 100%;
    margin:2.5rem 0 0;
}
.button-wrap a.button:not(.action_button) {
	/*text-align: center;*/
	justify-content: center;
    display: flex;
    width: 170px;
    margin: 0 auto;
    text-decoration: none;
    font-size:1.5rem;
    letter-spacing: 1px;
    font-family:"Pirata One", Arial, Tahoma, sans-serif;
    background:none;
}
.button-wrap a.button:not(.action_button) {
	-webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
}
.button-wrap a.button:not(.action_button)::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color:#fff;
	opacity: 0;
	-webkit-transform: scale3d(0.7, 1, 1);
	transform: scale3d(0.7, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-wrap a.button:not(.action_button),
.button-wrap a.button:not(.action_button)::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button-stroke a:hover.button.button_stroke_custom:not(.action_button), 
.button-stroke:not(.header-plain) a:hover.button.button_stroke_custom.action_button, 
.button-stroke a:hover.tp-button.button_stroke_custom {
    background-color: rgba(255,255,255,.7)!important;
    color: #236494;
}

.button-wrap a.button:not(.action_button):hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media only screen and (max-width: 767px){
	
	.sidequote {
		display:none;
	}
}
@media only screen and (min-width: 767px){
.homequote .blockquote {
    padding: 20px 100px 0;
    }

}

.homequote blockquote {
color:#444;	
}
.quote {
	background-color: #fff5e2;
}

.wp-caption-text {
    background: transparent;
    color: #000;
    font-size: 1rem;
}
@media only screen and (max-width: 767px){
.wp-caption-text {
	text-align: left;
	margin-top:10px;
}

}
@media only screen and (max-width: 767px){
	.credits-img {
		max-width: 230px;
	}
	.credits-img .wp-caption-text{
		text-align: center;
	}
	#Content .letter img {
		max-width: 80%;
		margin:0 auto;
	}
}

/********* Sidebar **********/

.aside_left .widget:after {
display:block;
width:320px;
right: 0;
}
.aside_left .widget:last-child:after {
	display:none;
}
.widget.widget_text > h3 {display:none;} 

@media only screen and (max-width: 767px){
	.widget {
	margin-bottom:0;
	}
	.aside_left .widget:after {
	display:none;

	}
	.sidebar {
		border-top:1px solid #999;
		padding-top: 0;
	}
}
/********* Footer ************/
#Footer {
	background:#c5beae url(images/AR16_footer3_c.jpg) top center no-repeat;
	background-size:cover;
	height:200px;
}
#Footer .widgets_wrapper {padding:0 0 20px;}
@media only screen and (min-width: 600px){

	#Footer {height:400px;}
}
@media only screen and (min-width: 767px){
	#Footer .widgets_wrapper{padding-top:60px;padding-bottom:0;}
}
@media only screen and (min-width: 1200px){

	#Footer {height:500px;}
}

#Footer .widget {
	text-align: center;
}
#Footer .footer_copy {
    border-top: none;
}
#Footer .footer_copy .one {
    padding-top:0;
}

.search-not-found .snf-desc h2,
.search-not-found .snf-desc h4,
#Error_404 .error_desk h2,
#Error_404 .error_desk h4
 {
 font-family:'Abel',helvetica,arial,sans-serif;
}
#Error_404 .error_desk {
    width: 60%;
    float: left;
    padding-top: 40px;
    padding-left: 50px;
}
#Error_404 .error_desk p a.button {
    background-color: #4CAF50!important;
    text-decoration: none;
}
/* safari behaves strangely */
.the_content.no_content,
.no_content .section_wrapper .the_content_wrapper
{
margin:0;
padding:0:
}
.mcb-section.tenprinciples {
	margin-bottom:0;
}
#Footer {margin-top:-4px;}