/*
THEME NAME:ECTA of Canada
THEME URI:http://ectaofcanada.com/
VERSION:1.0
AUTHOR:Randy Dueck
AUTHOR URI:http://streetsmartcreative.ca
DESCRIPTION:This is a child theme for ECTA
TEMPLATE: headway
*/



/* Global */
div.wrapper {box-shadow: none;}
body.custom .block-title {font-size: 24px; font-weight: 100; text-transform: uppercase; border-bottom: 1px solid #eee;}
body.custom .center {text-align: center;}
body.custom .overflow {overflow: visible;}

body.custom .wr_red {background: #861618;}
body.custom .wr_grey {padding-top: 30px; background: #efefef; border-top: 1px solid #861618; border-bottom: 1px solid #861618;}
body.custom .wr_padding-top {padding-top: 30px;}

/* Typography */

body.custom h1 {font-family: 'Roboto', sans-serif; }
body.custom h1.feature {margin-top: 100px; margin-bottom: 50px; font-size: 48px; font-weight: 300; text-transform: uppercase; color: #fff; text-align: left; text-shadow: 0 0 1px #888; line-height: 110%;}
body.custom h1.page-title {font-size: 36px; font-weight: 500; text-transform:uppercase; color: #fff; text-align:center; line-height: 130%;}
body.custom h1.dir-title {margin-top: 15px!important;}
body.custom h1.entry-title {font-size: 30px;}

body.custom h2 {font-family: 'Roboto', sans-serif;}
body.custom div.entry-content h2 {font-weight: bold;}
body.custom h2.entry-title {font-size: 30px;}
body.custom .bl_recent-posts h2.entry-title {font-size: 18px; font-weight: 500; color: #861618;}
body.custom h2.company-name {margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #222;}
body.custom h2.section-head {font-size: 36px; font-weight: 300; color: #861618; text-align: center; line-height: 180%;}
body.custom h2.box-head {margin: 15px 0; font-size: 24px; font-weight: 300; color: #861618; text-align: center; line-height: 130%;}

body.custom h3 {font-family: 'Roboto', sans-serif; color: #861618;}

body.custom .block-content p {font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 130%; color: #555;}
body.custom p.page-sub-title {color: #fff; text-align: center; font-style: italic;}

body.custom div.entry-content ul li {padding-bottom: 15px; font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 130%;}

body.custom div.entry-content blockquote {padding-top: 15px; border-left: 1px solid #861618; background: #f5f5f5;}

body.custom button {}
body.custom a.feature {margin-top: 30px; padding: 10px 35px; font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 300; background: #861618; color: #fff; text-shadow: 1px 1px #888; border-radius: 3px;color: #fff; text-decoration: none;}
body.custom a.box-btn {padding: 8px 15px; font-family: 'Roboto', sans-serif; font-size: 15px; font-weight: 300; background: #861618; color: #fff; text-shadow: 1px 1px #888; border-radius: 3px;color: #fff; text-decoration: none; line-height: 350%;}


/* Header */

body.custom .wr_head {min-height: 100px;}
body.custom .bl_logo {overflow: visible!important;}
body.custom .bottom-border {border-bottom: 2px solid #871619;}

/* Navigation */

body.custom .bl_nav {border: none;}
body.custom .bl_nav ul li a {font-family: 'Roboto',sans-serif; font-size: 14px; color: #222;}
body.custom .bl_nav ul li a:hover {color: #861618;}

.block-type-navigation ul.menu li.current_page_item > a,.block-type-navigation ul.menu li.current_page_parent > a,.block-type-navigation ul.menu li.current_page_ancestor > a,.block-type-navigation ul.menu li.current_page_item > a:hover,.block-type-navigation ul.menu li.current_page_parent > a:hover,.block-type-navigation ul.menu li.current_page_ancestor > a:hover,.block-type-navigation ul.menu li.current-menu-item > a,.block-type-navigation ul.menu li.current-menu-parent > a,.block-type-navigation ul.menu li.current-menu-ancestor > a,.block-type-navigation ul.menu li.current-menu-item > a:hover,.block-type-navigation ul.menu li.current-menu-parent > a:hover,.block-type-navigation ul.menu li.current-menu-ancestor > a:hover {color: #861618!important;}

/* Feature Home Page */

body.custom .wr_feature {min-height: 500px; background: url(http://ectaofcanada.com/wp-content/uploads/2016/11/ecta-bg-feature.jpg) no-repeat center center; background-size: cover;}

/* body.custom .wr_feature {min-height: 500px; background: url(http://ectaofcanada.com/wp-content/uploads/2016/05/lab.jpg) no-repeat center center; background-size: cover;} */

/* Optin Home Page */

body #gform_wrapper_1 {width: 73%; margin: auto;}
body #gform_wrapper_1 .gform_body .gform_fields .gfield .gfield_label {display: none;}
body #gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {padding: 10px; font-family: 'Roboto',sans-serif;}
body #gform_wrapper_1 .gform_footer {margin-top: -51px; text-align: right;}
body #gform_wrapper_1 .gform_footer input[type=submit] {padding: 3px 15px; background: #871619; font-family: 'Roboto',sans-serif;  font-weight: 300; color: #fff;}

/* Contact Page */

body #gform_wrapper_2 .gform_body .gform_fields .gfield .gfield_label {display: none;}
body #gform_wrapper_2 .gform_footer input[type=submit] {padding: 3px 15px; background: #871619; font-family: 'Roboto',sans-serif;  font-weight: 300; color: #fff;}

/* Inside Page */

body.custom .wr_page-title {padding-bottom: 0; background: #871619;}
body.custom .bl_page {overflow: visible;}
body.custom .bl_page::after {content: " "; position: relative; left: 46.5%; top: 64px; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #871619; z-index: 50;}

/* FAQ Page */

body.custom .ufaq-faq-category-title h4 {margin-top: 30px; margin-bottom: 0; font-family: 'Roboto',sans-serif; font-size: 24px; font-weight: 500;}
body.custom .ufaq-faq-title {background: #efefef; border-radius: 5px;}
body.custom .ufaq-faq-title a {font-family: 'Roboto',sans-serif; font-size: 16px; font-weight: 500; color: #871619;}
body.custom .ewd-ufaq-post-margin-symbol {background: #871619; color: #fff;}

/* Blog Index */

body.custom .block-type-content .entry-content .more-link {display: block; margin-top: 15px; background: #871619; color: #fff;}
body.custom .bl_feature-post {background: #efefef; padding-left: 15px; border-radius: 10px;}
body.custom .bl_feature-post h2.entry-title a {color: #871619;}
body.custom .bl_feature-post article {padding-bottom: 0;} /* Featured blog post */

body.custom .bl_posts h2.entry-title {font-size: 24px; font-weight: 300; color: #871619;}

body.custom .widget .widget-title {border: none; border-bottom: 2px solid #871619; font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 300;}
body.custom li#categories-3 ul li {padding: 10px 0; border-bottom: 1px solid #efefef; list-style: none;}
body.custom li#categories-3 ul li:before {font-family: FontAwesome; content: "\f138"; margin-right: 10px;}
body.custom li#categories-3 li a {font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 300; text-decoration: none;}

body.custom li#recent-posts-3 ul {padding-left: 30px;}
body.custom li#recent-posts-3 ul li {margin-left: 15px; padding: 10px 0; border-bottom: 1px solid #efefef; list-style: none;}
body.custom li#recent-posts-3 ul li:before {font-family: FontAwesome; content: "\f138"; margin-left: -25px; margin-right: 10px;}
body.custom li#recent-posts-3 li a {font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 300; text-decoration: none;}
body.custom .post-date {font-family: 'Roboto',sans-serif;}

body.custom ul.wpp-list a {font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 300; text-decoration: none;}
body.custom .wpp-date {font-family: 'Roboto',sans-serif;}
body.custom .entry-meta-above {font-family: 'Roboto',sans-serif;}

body.custom .bl_search {margin-bottom: -10px!important;}
body.custom .bl_search input[type="submit"] {font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: normal; background: #871619; color: #fff;}
body.custom .block-type-search .field {font-family: 'Roboto',sans-serif; font-size: 14px;}

body.custom .bl_search-results article {border-bottom: 1px solid #efefef;}

/* ECTA Members Index */

body.custom .wr_directory {padding-top: 50px;}
body.custom .dindex {margin-right: 3.15%; margin-bottom: 25px; width: 21.8%; float: left;}
body.custom .dimage {margin-bottom: 15px;}
body.custom .dimage img {width: 100%; max-height: 166px; border: 1px solid #ccc;}
body.custom .dtitle h2 {font-family: 'Roboto',sans-serif; font-size: 14px; font-weight: 500; text-align: center; }
body.custom .dtitle h2 a {text-decoration: none;}

body.custom .paging {padding-top: 30px; width: 100%; clear: both; font-family: 'Alegreya', serif; font-size: 18px; text-align: center; text-transform: uppercase; line-height: 180%;}
body.custom .paging .page-num {color: #871619; margin-right: 10px; font-weight: bold;}
body.custom .paging .current {color: #871619; border: 1px solid #871619;}
body.custom .paging .page-numbers {margin-right: 5px; padding: 1px 5px;}
body.custom .paging a.page-numbers {background: #871619; color: #fff; border: 1px solid #871619; text-decoration: none;}
body.custom .paging a.next, body.custom .paging a.prev {background: none; font-weight: bold; color: #871619; border: none;}

/* Single Members Page */

body.custom .member-img img {width: 100%; max-height: 356px; border: 1px solid #ccc;}
body.custom .member-abt p {margin-bottom: 15px;}

body.custom .locations ul {width: 30%; float: left; margin-right: 3.25%; margin-bottom: 25px;}
body.custom .locations ul li {font-family: 'Roboto',sans-serif; font-size: 16px; line-height: 130%;}
body.custom .locations ul li.comp-name {margin-bottom: 10px; font-weight: 500; line-height: 120%; color: #222;}
body.custom .locations ul li.comp-phone {font-weight: 500; color: #222;}

body.custom ul.links {font-family: 'Roboto',sans-serif; font-size: 16px; line-height: 130%;}
body.custom ul.links li span {font-weight: 500; color: #222; padding-right: 15px;}
body.custom ul.links li a {color: #871619;}

body.custom .responsive-tabs ul.responsive-tabs__list {margin-top: 0;}
body.custom .responsive-tabs .responsive-tabs__list__item {font-family: 'Roboto',sans-serif;}
body.custom .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {color: #871619;}

/* Directory Sidebar */

body.custom .menu-member-type-container ul li {padding: 10px 0; border-bottom: 1px solid #efefef; list-style: none;}
body.custom .menu-member-type-container ul li:before {font-family: FontAwesome; content: "\f138"; margin-right: 10px;}
body.custom .menu-member-type-container li a {font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 300; text-decoration: none;}

body.custom li#nav_menu-3 ul li {padding: 10px 0; border-bottom: 1px solid #efefef; list-style: none;}
body.custom li#nav_menu-3 ul li:before {font-family: FontAwesome; content: "\f138"; margin-right: 10px;}
body.custom li#nav_menu-3 li a {font-family: 'Roboto',sans-serif; font-size: 18px; font-weight: 300; text-decoration: none;}

/* Footer */

body.custom .wr_foot {background: #222;}
body.custom .bl_foot .widget-title {color: #fff; line-height: 250%;}
body.custom .bl_foot ul li ul li {list-style: none; border: none;}
body.custom .bl_foot ul li ul li:before {font-family: FontAwesome; content: "\f138"; margin-right: 10px; color: #ccc;}
body.custom .bl_foot ul li ul {padding-left: 0;}
body.custom .bl_foot ul li ul li a {font-family: 'Roboto',sans-serif; font-size: 16px; font-weight: 300; text-decoration: none; color: #ccc;}
body.custom .bl_foot ul li ul li a:hover {color: #fff;}
body.custom .bl_foot p {margin-bottom: 15px; color: #ccc;}
body.custom .bl_foot p a {color: #fff; font-weight: bold;}
body.custom .bl_foot p a.fb {text-decoration: none;}
body.custom .bl_foot p i {font-size: 18px;}
body.custom li#nav_menu-6 ul li {padding: 10px 0;}

/*  Boxed DIV Rounded Corners */
.boxed {
	border:2px solid;
	border-radius:10px;
	border-color:rgb(120,0,0);
	margin-top:10px;
	padding:10px;
}
.boxednb {
	border:none;
	border-radius:10px;
	/* border-color:rgb(120,0,0); */
	margin-top:10px;
	background-color: #EFEFEF;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;
	padding-bottom:5px;
}
.boxedblue {
	border-radius:10px;
	border-color: #ccccc;
	background-color: #d2eafd;
	border:1px solid;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:10px;
}

/*odd/even:: Controls Page Background Color in a table*/ 	
.odd {
	background-color: #dcdcdc;
}
.even {
	background-color: #FFFFFF;
}

.na {
	opacity: 0.7;
	background-color: #fff;
	/*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;*/
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANklEQVQYV2NkIAIwEqHmPyFF/4GGMBJSBLYIlyKwCTCnYFOEogCfSSj+QTYJwwR063AqACkEAGnjBgmbf5VOAAAAAElFTkSuQmCC) repeat;
}

body.custom div.cccr_r p {
	padding:5px;
	color: #FFFFFF;
	margin:0px;
	text-align:justify;
/*	font-weight:bold; */
}

.cccr_r {
	background-color:rgb(150,25,25);
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	color:rgb(255,255,255);
	text-align:justify;
/*	font-weight:bold; */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.cccr_o {
	background-color:rgb(220,160,50);
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	color:rgb(255,255,255);
	text-align:justify;
/*	font-weight:bold; */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

body.custom div.cccr_o p {
	padding:5px;
	color:rgb(255,255,255);
	margin:0px;
	text-align:justify;
/*	font-weight:bold; */
}

body.custom div.cccr_o {
	background-color:rgb(220,160,50);
	padding:5px;
	margin-bottom:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.ecta_r {
	font-family: 'Roboto', sans-serif;
	background-color:rgb(50,100,50);
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	color:rgb(255,255,255);
	text-align:justify;
/*	font-weight:bold; */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.ecta_o {
	font-family: 'Roboto', sans-serif;
	background-color:rgb(100,125,180);
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	color:rgb(255,255,255);
	text-align:justify;
/*	font-weight:bold; */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.w3-right {float:right !important}

/*Column Helpers*/ 
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 13.33%; }
.five_sixth { width: 82.67%; }
.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {position: relative; margin-right: 4%; margin-bottom: 20px; float: left;}
.last {margin-right:0 !important;}
/*Column Helper End*/