/*
Theme Name: Simple Reaction
Description: A theme completely stripped of all styling and structure.  based on BlankState3.1 which was originally based on the twentyten theme.
Version: 3.1
Author: suniel
Tags: blankSlate, no style, clean, empty
*/

@import "style/reset.css";
@import "style/ie.css";

@import "style/clearfix.css";

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}

html{ background:#ededed; background:#ddd /*url(images/square_bg.png)*/;}

/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge{
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large {
	font-size: 42px;
	line-height: 48px;
}

.bigger{
	font-size: 26px;
	line-height: 36px;
}

.big{
	font-size: 22px;
	line-height: 30px;
}

html { -webkit-text-size-adjust: 100%; }
body {
	font: 16px/24px Georgia, serif;
}

.small, small {
	font-size: 13px;
	line-height: 18px;
}


img, object, embed {
max-width: 100%;
}


/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(90,202,236); color:#fff}
::-moz-selection 	{background: rgb(90,202,236); color:#fff}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(90,202,236); font-family:Georgia, "Times New Roman", Times, serif; color: #433b3a;}

/*my type*/
h1{ font-size:24px; margin-bottom:25px; margin-top: 6px;}
h2{ font-size:1.35em}
h3{ font-size:1.275em}
h4{ font-size:1.15em}
h5{ font-size:1.1em; margin-bottom:15px}
.planners h5{ margin-bottom:0px}
a{ text-decoration:none; color:#005395}
a:hover{ text-decoration:underline;}
h1, h2,h3,h4,h5,h6,nav{ font-family:Helvetica, Arial, sans-serif; font-weight:200;}
h6{ font-size:1em; font-weight:700;}
nav{ font-weight:700}
#secondary a{ font-weight:200; font-size:14px; color: #005395 !important; padding-bottom: 0px; font-family: Helvetica, Arial, sans-serif;}
table{ border-collapse:collapse; border:1px #dcdcdc solid; text-align:center; width:96%}
table th{ border-bottom:2px solid #dcdcdc; padding:3px; font-weight:100;}
table td{ border:1px dotted #dcdcdc; padding:3px; font-size:92%}
#content table{ margin-bottom:20px;}
section.entry-content ol li{ list-style:outside upper-roman}
ul ul{ z-index:9999}

#text-6{ font-size:110%;}

input[type=text], input[type=email], textarea{ border:1px solid #ccc; width:75%; padding:8px 3px}
.captcha_input input[type=text]{ width:30%}
input[type=submit]{ border:none; background:#0076C0; padding:5px 10px; text-align:center; color:#fff; font-size:110%}

#menu-footer-menu{ font-size:86%; color:#888; font-weight:400; padding-left:15px}
#menu-footer-menu ul{ margin: 0; padding: 0;}
#menu-footer-menu li{ list-style-type: none; margin: 0; padding: 0;}
#menu-footer-menu a{ color:#fff; text-transform: uppercase; }

.footer-right {
	float: right;
	color:#fff; text-transform: uppercase;
	font-size:60%;
	font-weight:400; padding-right:15px;
}

.widget-area .current_page_item, #page_sidebar .current_page_item{ background-image:none}

#secondary h3{ font-size:14px; color:#000000; margin-bottom:5px; margin-top:5px; font-weight:bold; padding-left: 5%;}
#secondary .cat-post-item, #secondary .page_item{ padding:5px 0 5px 15.52%; margin:5px 20px 5px 0; font-size:92%; } /*background:url(images/arrow_rt_bl.gif) 225px 6px no-repeat;*/

/*menu drop down*/
.menu-header{ font-size:93.75%;}
.menu-header a{ color:#005395; font-size: 15px; font-weight: normal; }
.menu-header li li a{ color:#fff; font-weight:100;}
ul#menu-main-menu ul{ display:none;}
ul#menu-main-menu li{ position:relative, list-style-type: none; }
ul#menu-main-menu li:hover ul{ display:block; position:absolute; left:30px; background:#bbb; padding:5px 10px 5px 0; width:auto; #top: 23px; z-index: 99999;}
#menu-main-menu .current-menu-parent, #menu-main-menu .current-menu-item{ font-style:italic}
/*#menu-main-menu .current-menu-item, .current-menu-ancestor > a { background:#007DC3; }
/*#menu-main-menu .current-menu-item a, .menu-header-secondary a{ font-weight:100; color:#fff}*/
/*#menu-main-menu .current-menu-item > a, .current-menu-ancestor > a { color:#fff; font-weight:100}
#subnav li{ list-style:none;}
.current-menu-ancestor > a{padding:5px 10px; font-size:92%}*/

/*structure*/
#content{ width:100%; padding-top:30px; background:url(images/grad_foot.png) no-repeat top}
#content .hentry{float:right; width:68.5%}

.page-template-page_bc_mort-php #content .hentry{ width:90%; padding: 0 45px; float:none}
#content #primary, #content #news, #content #page_sidebar{float:left; width:30%}
#content #secondary{ float:left; width:30%;}
#content .textwidget #secondary{ float:none; width:100%;}
footer{ width:100%;  margin-top:15px; padding-bottom:10p; clear:both; background:#005295 }
.bottom_shadow{ width:100%; margin:0 auto; background:url(images/grad_foot.png) no-repeat top; height:20px}
#subnav{ display:none;}

/*ul.sub-menu{ padding-right:10px}*/


/*		Default Layout: 960px. */


#window{ width:100%}
#container {
	width: 960px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	margin:0 auto;
	background:#fff;
	height:auto;
}
#container_shadow{ background:url(images/shad.png) no-repeat 50% 0}
.privacy #container_shadow, .privacy header, .login #container_shadow, .login header{ background:none}
.privacy #banner, .login #banner{ display:none}
#logo{
	position:absolute;
	top:28px;
	left:45px;
	width:250px
}
.sub_logo{ margin-bottom:20px;}
header{ position:relative; width:100%; height:90px; background-image:url(images/grad_head.png); background-repeat:repeat-x; background-position:bottom; z-index:9999;}
#banner{ width:100%; height: 400px; position:relative; z-index:999}
.news header{ background-image:none}
.news #banner{ display:none}
.planners #banner{ height:230px; background:url(images/banner_planner.jpg) no-repeat; }
.contact #banner{ height:230px; background:url(images/banner_contact.jpg) no-repeat;}
.our-team #banner, .team-member #banner,.overview #banner,.executive #banner, .mortgage-origination #banner, .mortgage-administration #banner, .investments #banner, .accounting #banner{ background:url(images/banner_team.jpg) no-repeat; height:230px}
.loans-overview #banner, .loans #banner,.recent-projects #banner, .page-id-17 #banner, .page-id-317 #banner { background:url(images/banner_loans.jpg) no-repeat; height:230px}
.investing-overview #banner, .faqs #banner{ background:url(images/banner_invest.jpg) no-repeat; height:230px}
.loans-overview #banner, .loans #banner{ height:230px}

#banner-text { width: 100%; height: 230px; display: block; overflow: hidden; background-repeat: no-repeat; }
.homepage #banner-text { display: none; }
.planners #banner-text { background: url(images/title_planners.png); }
.contact #banner-text { background: url(images/title_contact.png); }
.our-team #banner-text, .team-member #banner-text,.overview #banner-text,.executive #banner-text, .mortgage-origination #banner-text, .mortgage-administration #banner-text, .investments #banner-text, .accounting #banner-text { background: url(images/title_aboutus.png); }
.investing-overview #banner-text, .faqs #banner-text { background: url(images/title_investing.png); }
.page-id-17 #banner-text, .loan-guidelines #banner-text, .recent-projects #banner-text { background: url(images/title_borrowing.png); }


.menu-header-secondary,.menu-header{ position:absolute;}
.menu-header-secondary{ top:0; font-size:82.5%; right:0; background:#79BDE8; padding: 5px 5px 0 5px; display:none}
.menu-header-secondary a{color:#fff; }
.menu-header{position: absolute; bottom:25px; right:15px; z-index:9999; #top: 25px;}
.menu-header li{ float:left; padding:0 10px; font-size:92%; position: relative;}
.menu-header li li{ float:none; min-width:190px}
.menu-header-secondary li{ float:left}

#secondary .current-post{ background-image:none; background-color:#005395;}
#secondary .current-post a{ color:#fff !important;}

.home h2.entry-title span{ display:block; width:135px; background:url(images/logomark.jpg) no-repeat top; height:53px;}
.entry-title .position{ display:block; font-size:70%; color:#79BDE8}
.home h2.entry-title { width:105px;float:left;}
section.entry-content{ width:85%}
section.entry-content ul, section.entry-content ol{ margin:0 0 15px 30px}
section.entry-content li{ list-style:disc outside; padding-left:15px; padding-bottom:5px}
.home h4 { text-transform: none !important; }

#page_sidebar ul {margin: 0 !important;}

.home section.entry-content{ float:left; width:70%; padding-left:15px}
.entry-content h4{ margin-bottom:15px; color:#308cba; font-size: 17px; line-height: 1.4; margin-top: 10px; text-transform: uppercase; font-weight: 400; }
.entry-content h5{ color:#308cba; font-size: 17px;}
.home .entry-content h4{ margin-bottom:10px; color:#403a2f; font-size: 24px; line-height: 1.4; margin-top: -1px;}
.entry-content h3{ margin-bottom:10px; color:#007DC3}
.entry-content p{ padding-bottom:16px}
section.left{ float:left;}
.hentry section.left{ width:55%}
aside.right{float:right; width:35%}
aside.right .phone { display: block; padding: 5px 0 0; }
.entry-utility{ clear:both}
.times{ font-family: "Times New Roman", Times, serif}
nav#team_nav { padding: 10px 0; }
nav#team_nav h3 { padding: 0 0 5px; }
#primary > ul, #news > ul, nav#team_nav h4, nav#team_nav li{ padding-left:10px}
#page_sidebar li a, #text-6 li a{padding-left:15.52%; font-size: 14px; font-family: Helvetica, Arial, sans-serif;}
/*#page_sidebar li li{padding-left:15.52%}*/
.widget-area h3{ margin-bottom:15px}

.homepage .widget_text { margin: 0 0 30px; }
.homepage .widget_text p { font-size: 14px; }
.homepage .widget_text h3 {border-bottom:1px solid #0076C0; padding:30px 0 15px; }

footer .menu-footer { font-size:75%}

#primary .cat-post-item, #news .cat-post-item{border-top:1px solid #0076C0; padding:15px 0 0; }
#team_nav li, #page_sidebar li, #planner_nav li{font-size:92%; margin: 0; padding: 0; list-style-type: none;}
/*#team_nav li, #page_sidebar li{background:url(images/arrow_rt_bl.gif) 225px 6px no-repeat; }*/

#team_nav li.current_menu_item{ background-image:none}
body .overview #page_sidebar .overview_current{ background-color:#0076C0; background-image:none; padding-right:10px}
body .overview #page_sidebar .overview_current a{ color:#fff}
.cat-post-item, #secondary .page_item{ margin-bottom:10px; font-family:Helvetica, Arial, sans-serif; margin-top:10px; padding-top:5px; padding-bottom:5px }
.cat-post-item .post-title, #secondary .page_item a { width:100%; display:block; line-height:12px; padding-bottom:5px; line-height:18px; }
.cat-post-item a.post-title, #secondary .page_item a {
	color: #433b3a;
	font-size: 14px;
	font-weight: 400;
}
#secondary .cat-post-item{ font-family:Georgia, "Times New Roman", Times, serif}
.cat-post-item .post-date{ width:100%; font-size:14px; color:#1ab7ea; font-style: italic;}
#team_nav .current_menu_item, #page_sidebar li.current_page_item, #planner_nav .current_menu_item, #page_sidebar li.synopsis_current, #text-6 .current_menu_item{ background-color:#005395; padding-right:10px; padding-top: 2px; padding-bottom: 2px;}
#team_nav .current_menu_item a, #page_sidebar li.current_page_item a, #planner_nav .current_menu_item a, #page_sidebar li.synopsis_current a, #text-6 .current_menu_item a{ color:#fff !important;}

body .widget-area-planners ul li.widget-container{background-image:none}


.faq_ques{ margin-bottom:10px; font-family:Helvetica,Arial, sans-serif}
.faq_item{ margin-bottom:20px; font-family:Helvetica,Arial, sans-serif}
.faq_top { float: right; font-size: 12px; margin-top: -15px; }

#contact_sidebar, #planner_sidebar{ float:left; width:30%}
#contact_sidebar ul{ padding-left:15.52%}
#contact_sidebar h3{ margin-top:10px; padding-bottom:0px; margin-bottom:0; color:#0076C0; font-size:106%}
#contact_sidebar .location div{ font-size:86%}

.page-template-page-recent_projects-php h1 { margin-bottom: 21px; }
.page-template-page-recent_projects-php #content .hentry { width: 70%; }
.page-template-page-recent_projects-php section.entry-content { width: 97.826087%; }
.recent_project_posts { position: relative; display: block; }
.post_item_content { width: 31.111111%; height: 260px; margin: 0 0 10px 2.2222222%; float: left; background: #e5edf4; }
.post_item_content-wrap { padding: 10px; color: #433b3c; font-size: 13px; line-height: 1.4; }
.post_item_content h4 { font-size: 14px; color: #308cba; }
section.entry-content .post_item_content ul, section.entry-content .post_item_content ol { margin-left: 15px; margin-bottom: 0; }
section.entry-content .post_item_content li { padding-bottom: 5px; padding-left: 0; }
.post_item_content .project_thumb{ float:right;}
.post_item_content > h3{ clear:both;}
/*.project_content{ float:left; width:60%}*/

.ns { display: none; }

.graph-box { position: relative; display: block; width: 100%; padding: 20px 0 0; margin: 0 0 30px; }
.graph-box-menu { position: relative; display: block; width: 100%; }
.graph-box-menu a { display: block; width: 43%; border-left: 1px solid #fff; background: #dddddd; color: #ababab; text-align: center; font-family: Helvetica, Arial, sans-serif; float: left; padding: 3px 5px 2px; font-size: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.graph-box-menu a.first { border-left: none; }
.graph-box-menu a:hover, .graph-box-menu a.active { background: #ededed; color: #FFFFFF; text-decoration: none; }
.graph-box-content { position: relative; display: block; background: #ededed; box-sizing: border-box; -moz-box-sizing: border-box; }
.graph-box-content h5 { color: #424242; font-size: 15px; line-height: 1.4; padding: 5px 0 13px; margin: 0; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-align: center; }
.graph-box-content-box { position: relative; display: block; width: 100%; padding: 15px; background: #ededed; box-sizing: border-box; -moz-box-sizing: border-box; }
.graph-box-content-box.graph-box-content-2 { display: none; position: absolute; top: 0; }
.graph-box-content img { width: 100%; }

.entry-content p, .entry-content li, .widget-container li, .faq_item {
	text-align: justify;
}
/* don't justify the BISL titles */
.post-1559 .entry-content p {
	text-align: start;
}
.recent-projects .entry-content li { text-align: left; }
 


/*		Tablet Layout: 768px. (iPad portrait)
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 960px) { 
	html,body{ background:#ddd;}
	#container {
		width: 100%;
		margin:0 0;
	}
	header{ width:100%}
	.menu-header{ position:absolute; right:30px; width:45%; top:24px}
	#menu-main-menu .current-menu-item{ background:none}
	#menu-main-menu .current-menu-item a{ color:#0076C0}
	.menu-header-secondary{ position:absolute; right:0; top:0}
	#logo{ position:absolute; top:30px; left:45px}
	#content{ background-image:none}
	body .widget-area-planners ul li li{ background-position:200px 6px}
	#page_sidebar li a{ padding-left:13%}
	#page_sidebar li{background-position:223px 6px}
	
	.graph-box-menu a { font-size: 13px; width: 50%; }
	.graph-box-content h5 { font-size: 13px; }
}

@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.post_item_content { height: 380px; }
}


/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
	
	html,body{ background:#fff;}
	#container {
		width: 100%; 
	}
	header{ height:auto}
	#logo{
		 height:100%; position:static; padding-top:7px; width:50%;
	}
	/*.menu-header-secondary,*/
	.menu-header{ position:static; background:#eee; padding:10px 0}
	.menu-header-secondary{ width:20%}
	#content{ background-image:none}
	#content .hentry{float:none; width:90%}
	#content #primary, #content #news{float:none; width:90%}
	#subnav{ display:block; background-color:#5ACAEC; padding:5px; font-family:Arial, Helvetica, sans-serif}
	.home #subnav{ display:none}
	#subnav a{ color:#fff}
	#menu-main-menu{ padding-left:10px;}
	#menu-main-menu .current-menu-item{border-radius: 3px;}
	/*ul#menu-main-menu li:hover ul{ display:none}*/
	
	#subnav li{ float:none; line-height:1.2em}
	#subnav li a{ padding-bottom:10px; display:block}
	.sub_logo{ display:none}
	.menu-header-secondary{ display:none}
	#secondary{ display:none}
	.page-template-onecolumn-page-php #subnav, .page-template-page_bc_mort-php #subnav{ display:none}
	.page-template-onecolumn-page-php #content, .page-template-page_bc_mort-php #content{ width:90%; float:none; margin:0; padding:0}
	.page-template-onecolumn-page-php #content .hentry, .page-template-page_bc_mort-php #content .hentry{ padding:0; margin:0}
	.page-template-onecolumn-page-php #content .hentry .entry-content, .page-template-onecolumn-page-php #content .hentry h1,
	.page-template-page_bc_mort-php #content .hentry .entry-content, .page-template-page_bc_mort-php #content .hentry h1{ padding-left:45px}
	.page-template-onecolumn-page-php #content .hentry h1, .page-template-page_bc_mort-php #content .hentry h1{ margin:20px 0}
	#page_sidebar{ display:none}
	.contact #subnav{ display:none;}
	.contact #contact_sidebar{ float:none; width:90%;}
	.contact #content{ float:none; width:95%}
	.contact #content .entry-content{ float:none; width:99%}
	.contact #content .hentry{ padding:10px}
	.contact #contact_sidebar ul{ padding:0 10px}
	.contact h1{ padding:10px}
	input[type=text], textarea{ width:100%; }
	.captcha_input input[type=text]{ width:30%}
	#team_nav .cat-post-item, #planner_nav .cat-post-item{ background:none}
	#team_nav .current_menu_item a, #planner_nav .current_menu_item a{ color:#333}
	#team_nav .current_menu_item, #planner_nav .current_menu_item{ line-height:14px}
	section.left{ float:none;}
	.hentry section.left{ width:100%}
	aside.right{float:none; width:100%; margin-bottom:10px}
	.team-member h1.entry-title{ margin-bottom:15px;}
	section.entry-content ul, section.entry-content ol{margin:0 0 15px 10%}
	section.entry-content li{ padding-left:2%}
	
	.page-template-page-recent_projects-php #content .hentry { width: 92%; }
	.post_item_content { height: 310px; }
}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

@media only screen and (max-width: 766px) {
	
	.nav_control, .sub_nav_control { font-family: Helvetica,Arial,sans-serif; background-position: 90% center; background-repeat: no-repeat; display: block; padding: 8px 3%; cursor: pointer; font-size: 16px; background-image: url(images/icon_arrow_down_wh.png); color: #ffffff; background-color: #999; }
	
	html,body{ background:#fff;}
	#container {
		width: 100%;
	}
	#logo{
		width:100%; position:static;
	}
	h1 { margin-top: 0; }
	header{ width:100%;}
	#banner{ display:none !important;}
	.home #banner img{display:none}
	.home #banner{ display:block !important; height:auto; width:100%; float:right;  background:url(images/banner_home_mob.jpg) no-repeat 90% 99%; height:84px}
	#subnav{ display:block; width:100%; font-size:80%; line-height:1em; padding: 0;}
	#subnav li { padding: 5px 10px; }
	#subnav li a { padding-bottom: 0; }
	#content{ float:none; width:100%}
	.home #content{ float:right; width:100%}
	.menu-header{ width:100%; display: none; }
	#menu-main-menu{ width:75%}
	.menu-header li{ float: none; display: block;}
	ul#menu-main-menu ul { display: block;}
	ul#menu-main-menu li:hover ul{ display:block; position:relative; left:auto; background:none; padding:0; width:auto; #top: auto; z-index: 99999;}
	.menu-header li li a { color: #666; }
	#secondary{ display:none}
	#content .hentry{float:none; width:92%; margin-left: 4%; margin-right: 4%;}
	#content #primary, #content #news{float:none; width:100%}
	.home section.entry-content{ width:90%}
	.home h2.entry-title span{ display:none; }
	.home #subnav{ display:none;}
	.bottom_shadow { height: 0;}
	
	.footer-right { float: none; padding: 0 0 0 10px; }
	.footer-left { float: none; padding: 0; }
	
	.post_item_content { height: auto; }
}

@media only screen and (max-width: 480px) {
	.post_item_content { width: 100%; margin-right: 0; }
	
	.graph-box-menu a { font-size: 12px; width: 50%; }
	.graph-box-content h5 { font-size: 12px; }
}

@media only screen and (max-width: 320px) {
	.footer-right span { display: block; }
}

/*@media only screen and (max-width: 320px) {
	#window #banner img{display:none}
	#window #banner { height:100px; background-repeat:no-repeat; background-position:50% 50%}
	.home #window #banner{  background:url(images/banner_home_mob.jpg) no-repeat 80% 99%; }
	.home h2.entry-title span{ display:none; }
	.home h2.entry-title { width:105px;float:none;}
	.home section.entry-content{ float:none; margin-left:0; width:100%}
	#content{ float:none; width:90%}
	#subnav{ float:none; width:100%; padding:10px 0 5px; margin:0}
	#subnav li{ padding:0 10px}
	.team-member #subnav, .our-team #subnav, .overview #subnav{ float:left; width:20%; padding-left:0; padding-right:5%}	
	#team_nav li, .page-template #subnav li{ line-height:1.1em}
	.home .hentry{ width:100%; float:none}
	.team-member #content, .our-team #content{ float:right; width:73%}
	.page-template-default #content .hentry,.page-template-page_bc_invest-php .hentry { padding:0 10%}
	.category-team-member h1, .category-team-member aside, .category-team-member section{ padding-left:10%}
	.page-template-page-meet-php h1, .page-template-page-meet-php .entry-content{ padding-left:10%}
	#subnav a{ font-size:80%; font-weight:300;}
	table td,table th{ 
	width: 3%;
	font-weight: 300;
	padding: 1px;
	font-size: 75%;
	}
}*/



/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}	

.page-template-page_bc_mort-php #subnav{ display:none}
.page-template-page_bc_mort-php #content{ float:none}


.chart { position: relative; display: grid; width: 100%; height: 300px; color: #000; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto auto; gap: 10px 5px; grid-template-areas: "column-left column-graph" "empty column-bottom" "empty column-bottom-tags"; }

.chart .colour-1 { background: #1385c7; }
.chart .colour-2 { background: #5daacc; }
.chart .colour-3 { background: #a5def6; }

.chart .empty { grid-area: empty; }

.chart .column-left { grid-area: column-left; position: relative; display: grid; height: 100%; grid-template-columns: 1fr; grid-template-rows: repeat(6, 1fr); gap: 0 0; }
.chart .column-left span { position: relative; display: block; width: 15px; color: #000; font-size: 12px; line-height: 1; font-weight: 500; text-align: right; }
.chart .column-left span:after { position: absolute; top: 0; right: -15px; display: block; width: 10px; height: 1px; background: #000; content: ''; z-index: 0; }

.chart .column-bottom { grid-area: column-bottom; position: relative; display: grid; height: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 0 30px; text-align: center; }
.chart .column-bottom span { color: #000; font-size: 12px; line-height: 1; font-weight: 500; }

.chart .column-bottom-tags { grid-area: column-bottom-tags; position: relative; display: grid; text-align: center; }
.chart .column-bottom-tags .column-inner { position: relative; display: inline-block; }
.chart .column-bottom-tags .column-inner span.label { color: #000; font-size: 12px; line-height: 1; margin-right: 10px; font-weight: 500; }
.chart .column-bottom-tags .column-inner span.label:last-child { margin-right: 0; }
.chart .column-bottom-tags .column-inner .colour-box { position: relative; display: inline-block; width: 10px; height: 10px; margin-right: 5px; }

.chart .column-graph { grid-area: column-graph; position: relative; display: block; height: 100%; border-left: 1px solid #000; border-bottom: 1px solid #000; padding: 0 15px; }
.chart .column-graph .column-graph-inner { position: relative; display: grid; height: 100%; grid-template-columns: repeat(3, 1fr); gap:0 30px; }

.chart .column-graph .group { position: relative; display: grid; height: 100%; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 0 10px; }
.chart .column-graph .group:after { position: absolute; bottom: 0; right: -15px; display: block; width: 1px; height: 10px; background: #000; content: ''; z-index: 0; }
.chart .column-graph .group .bar { position: relative; display: block; height: 100%; }
.chart .column-graph .group .bar .inner { position: absolute; bottom: 0px; display: block; width: 100%; }
.chart .column-graph .group .bar .inner .amount { position: relative; display: block; font-size: 10px; line-height: 1; text-align: center; top: -15px; }