/*
Theme Name: TFAB
Description: The TFAB theme.
Author: Creatrix
Author URI: http://creatrix.ca
Version: 1.1
Text Domain: TFAB
*/
/*KEYS:
	WP_CU: 	THE PROPERTY IS SET FOR WORDPRESS CUSTOMIZATION, USING THE SAME EXACT 
			SELECTORS.
	EN_JS:	THE PROPERTY IS HARDCODED IN THE JAVASCRIPT	
*/
/*START: WORDPRESS CORE (SOURCE: codex.wordpress.org/CSS) */
.alignnone 
	{margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter 
	{display: block;	margin: 5px auto 5px auto;}
.alignright 
	{float:	right;	margin: 5px 0 20px 20px;}
.alignleft 
	{float: left;	margin: 5px 20px 20px 0;}
.aligncenter 
	{display: block;	margin: 5px auto 5px auto;}
a img.alignright 
	{float: right;	margin: 5px 0 26px 30px;}
a img.alignnone 
	{margin: 5px 20px 20px 0;}
a img.alignleft 
	{float: left;	margin: 5px 30px 26px 0;}
a img.aligncenter 
	{display: block; margin-left: auto;	margin-right: auto; margin-bottom: 33px;}
.wp-caption 
{
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone 
	{margin: 5px 20px 20px 0;}
.wp-caption.alignleft 
	{margin: 5px 20px 20px 0;}
.wp-caption.alignright 
	{margin: 5px 0 20px 20px;}
.wp-caption img 
{
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text 
{
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/*END: WORDPRESS CORE*/
body
{
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	background-color: #ffffff;
}
img
	{width: auto;}
#Body, #Body input
	{font-weight: 300;}
#Body
{
	width: 100%;
	color: #000000;	
	font-size: 14px;
	font-family: "Lato", "Arial", "Helvetica", "sans-serif";
	/*padding-bottom: 30px;*/
}
#Body div.removeOnJS
	{display: none;}
#Body a, #Body a:visited
{
	text-decoration: none;
	color: #0067b1;
}
#Body a:hover
	{text-decoration: underline;}
#Body div.wrapper
{
	max-width: 1270px;
	margin-left: auto;
	margin-right: auto;
	/*box-sizing:border-box;
	-moz-box-sizing:border-box;*/
}
#Body div.wrapper > div.padding
{
	width: 89.92%; /*1142px*/
	padding-left: 5.04%;
	padding-right: 5.04%;
}
#Body div.crx_videojs, #Body div.crx_videojs_measuring
{
	position: relative;
	overflow: hidden;
}
#Body div.crx_videojs > div,
		#Body div.crx_videojs > div > video
{
	width: 100% !important;
	height: 100% !important;
}
#Body img
	{border-style: none;}
#Body input
	{box-sizing: content-box;}
#Body input.placeHolder, #Body select.placeHolder
	{color: grey;}
#Body table
{
	border-collapse: collapse;
	border-style: none;
	border-spacing: 0px;	
}
#Body table.searchForm, #Body table.searchForm > tbody > tr > td.search > form > div > table
{
	table-layout: fixed;
	width: 100%;
}
#Body table.searchForm > tbody > tr > td,
		#Body table.searchForm > tbody > tr > td.search > form > div > table > tbody > tr > td
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px;
}
#Body table.searchForm > tbody > tr > td
{
	padding-top: 30px;
}
#Body table.searchForm > tbody > tr > td.search
	{vertical-align: bottom;}
#Body table.searchForm > tbody > tr > td.search > form
	{text-align: right;}
#Body table.searchForm > tbody > tr > td.search > form > div
{
	display: inline-block;
	vertical-align: top;
	max-width: 752px;
	width: 100%;
	text-align: left;
}
#Body table.searchForm > tbody > tr > td.search > form > div > table > tbody > tr > td
{
	padding: 0px;
}
#Body table.searchForm > tbody > tr > td.search > form > div > table > tbody > tr > td.input
{
	background-color: #ffffff;
}
#Body table.searchForm > tbody > tr > td.search > form > div > table > tbody > tr > td.input > input
{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 100%;
	height: 52px;
	padding: 0px;
	padding-left: 20px;
	line-height: 52px;
	font-size: 20px; /*CHG 26px*/
}
#Body table.searchForm > tbody > tr > td.search > form > div > table > tbody > tr > td.input > input.placeHolder
	{color: #6d6d6d;}
#Body table.searchForm > tbody > tr > td.search > form > div > table > tbody > tr > td.icon
{
	width: 59px;
	background-color: #c2bebb;
	vertical-align: middle;
	text-align: center;
}
#Body table.searchForm_withIcon > tbody > tr > td.search
	{padding-right: 24px;}
#Body table.searchForm_withIcon > tbody > tr > td.search > form
	{text-align: left;}
#Body table.searchForm_withIcon > tbody > tr > td.icon
{
	width: 276px;
	vertical-align: top;
	text-align: right;
	visibility: hidden;
}
#Body table.searchForm_withIcon > tbody > tr > td.icon > div.text
{
	padding-bottom: 8px;
	text-align: center;
	font-size: 16px;
	color: #cbcbcb;
}
#Body table.searchForm_withIcon > tbody > tr > td.icon > div.button div
{
	display: inline-block;
	vertical-align: top;
}
#Body table.searchForm_withIcon > tbody > tr > td.icon > div.button > div
{
	width: 274px;
	height: 52px;
	border-radius: 26px;
	background-color: #ffffff;
	line-height: 52px;
	text-align: center;
	font-size: 22px;
	color: #9b0b10;
}
#Body table.searchForm_withIcon > tbody > tr > td.icon > div.button > div > div.icon
{
	vertical-align: middle;
	width: 24px;
	height: 29px;
	margin-right: 9px;
	background-image: url('images/icon_selfAssessment.png');
}
#Body table.searchForm_withIcon > tbody > tr > td.icon > div.button > div > div.text
{
	padding-top: 2px;
}
#Body table.ccab_fixedLayout
	{table-layout: fixed;}
#Body table.ccab_fixedLayout > tbody > tr > td
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#IFrameWarning
{
	display: none;
	font-size: 18;
	border-color: red;
	border-width: 4px;
	border-style: solid;
}
#BannerTop
	{background-color: #a60e13;}
#BannerTop > div.wrapper > div.padding > div, #Menu, #TopIconsWrapper
{
	height: 96px;
}
#BannerTop > div.wrapper > div.padding > div
{
	display: inline-block;
	vertical-align: top;
}
#BannerTop > div.wrapper > div.padding > div.leftSide
{
	width: 35%; /*486px*/
	height: 96px;
	padding-top: 10px;
	background-color: #ffffff;
	line-height: 86px;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#BannerTop > div.wrapper > div.padding > div.leftSide > a
{
	display: inline-block;
	vertical-align: middle;
	width: 92%; /*455px*/
}
#BannerTop > div.wrapper > div.padding > div.leftSide > a > img
	{width: 100%;}
#BannerTop > div.wrapper > div.padding > div.rightSide
	{width: 65%;}
#BannerTop.twoRowed > div.wrapper > div.padding > div.leftSide,
		#BannerTop.twoRowed > div.wrapper > div.padding > div.rightSide
	{width: 100%;}
#BannerTop.twoRowed > div.wrapper > div.padding> div.leftSide
{
	padding-left: 10px;
	text-align: left;
}
#BannerTop.twoRowed > div.wrapper > div.padding > div.leftSide > a
{
	width: auto;
	max-height: 90%;
}
#BannerTop.twoRowed #Menu, #BannerTop.twoRowed #TopIconsWrapper
	{height: 192px; /*= (#BannerTop > div.wrapper > div.padding > div).height() * 2*/}
#BannerTop.twoRowed #Menu
{
	text-align: left;
	padding-left: 0px;
	width: 75.99%; /*= (#Menu).width + (#Menu).paddingLeft*/
}
#Menu, #TopIconsWrapper
{
	display: inline-block;
	vertical-align: top;
}
#Menu
{
	width: 72.24%;
	padding-left: 3.76%; /*27px*/
	white-space: nowrap;
	overflow-x: hidden;
}
#Menu > div.menuItem, #TopIcons
{
	padding-top: 28px;
}
#Menu > div.menuItem
{
	display: inline-block;
	vertical-align: top;
	height: 68px;
	padding-right: 12px;
	white-space: normal;
}
#Menu > div.menuItem > div.menuIcon,
		#Menu > div.menuItem:hover > div.menuLabel
	{padding-left: 12px;}
#Menu > div.menuItem > div.menuLabel, 
		#Menu > div.menuItem:hover
	{background-color: #880c10;}
#Menu > div.menuItem > div.menuLabel
{
	display: none;
	position: absolute;
	width: 166px;
	padding-left: 15px;
	padding-right: 15px;
	z-index: 1000;
}
#Menu > div.menuItem > div.menuLabel > a
{
	display: inline-block;
	margin-top: 14px;
	margin-bottom: 14px;
	font-size: 19px;
	color: #ffffff;
	text-transform: uppercase;
}
#Menu > div.menuItem > div.menuLabel > a,
		#Menu > div.menuItem > div.menuLabel > a:hover
	{color: #ffffff;}
#Menu > div.menuItem:hover > div.menuLabel
{
	display: block;
}
#TopIconsWrapper
{
	width: 22.61%;
	padding-left: 1.39%; /*10px*/
	text-align: right;
}
#TopIcons
{
	display: inline-block;
	vertical-align: top;
	font-size: 19px;
}
#TopIcons > div
{
	margin-bottom: 8px;
}
#TopIcons > div, #TopIcons > div > a, #TopIcons > div > a:visited
	{color: #ffffff;}
#TopIcons > div.join > a > span
{
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	background-image: url('images/icon_joinUs.png');
}
#HeaderMobileIconWrapper
{
	position: absolute;
	top: 40px;
	right: 5px;
	display: none;
}
#HeaderMobileIcon
{
	height: 19px;
	width: 32px;
	background-image: url('images/mobileMenu_menuIcon.png');
	cursor: pointer;
	display: none;
}
#MobileMenu
{
	display: none;
	margin-right: 0px;
	background-color: #a60e13;
	text-decoration: none;
}
#MobileMenu > div.menuItem
{
	position: relative;
	width: auto;
	margin-right: 35px;	
	border-top-style: solid;
	border-color: #a60e13;
	border-top-width: 1px;
	height: 36px;
	font-size: 20px;
	line-height: 36px;
	text-align: left;
	padding-left: 10px;
	background-color: #ffffff;
}
#MobileMenu > div.menuItem:first-child
	{border-top-style: none;}
#MobileMenu > div.menuItem > a
{
	cursor: pointer;
	color: #0067b1;
}
#MobileMenu > div.menuItem > a.menuItemDownArrow
{
	position: absolute;
	top: 0px;
	right: -35px;	
	width: 35px;
	height: 36px;
	margin: 0px;
	padding: 0px;
	background-image: url('images/mobileMenu_downArrow.png');
}
#MobileMenu > div.menuItem > a.menuItemUpArrow
	{background-image: url('images/mobileMenu_upArrow.png');}
#MobileMenu > div.subMenuItem_mobile
{
	display: none;
	background-color: #dddddd;
	text-align: left;
}
#MobileMenu > div.subMenuItem_mobile ul
{
	list-style: none;
	margin-left: -38px;
	margin-top: 0px;
}
#MobileMenu > div.subMenuItem_mobile ul > li
{	
	padding-left: 20px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #d3d2d2;
}
#MobileMenu > div.subMenuItem_mobile ul > li.SubMenuItem_mobileLevel01
{
	line-height: 30px;
	font-size: 14px;
}
#MobileMenu > div.subMenuItem_mobile ul > li.SubMenuItem_mobileLevel01 a, 
		#MobileMenu > div.subMenuItem_mobile ul > li.SubMenuItem_mobileLevel01 a:visited
	{color: #000000;}
#HomePageBannerBottom
	{background-size: cover;}
#HomePageSearch
{
	padding-bottom: 21px;
	background-color: rgba(0, 0, 0, 0.70);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2000000', endColorstr='#b2000000');
}
#HomePageSearch > div.wrapper > div.padding > div.top > table
{
	table-layout: fixed;
	width: 100%;
}
#HomePageSearch > div.wrapper > div.padding > div.top > table > tbody > tr > td
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px;
}
#HomePageSearch > div.wrapper > div.padding > div.top
	{padding-bottom: 18px;}
#HomePageSearch > div.wrapper > div.padding > div.top > table > tbody > tr > td.leftSide
{
	color: #f4f4f4;
	font-size: 21px;
	line-height: 1.2;
	padding-top: 12px;
}
#HomePageSearch > div.wrapper > div.padding > div.top > table > tbody > tr > td.leftSide > div.heading
{
	font-size: 26px;
	padding-bottom: 5px;
}
#HomePageSearch > div.wrapper > div.padding > div.top > table > tbody > tr > td.rightSide
{
	width: 174px;
	vertical-align: top;
	text-align: right;
}
#SearchBox
{
	background-size: cover;
	background-color: #000000;
}
#SearchBox > div.wrapper > div.padding > div.searchForm
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 17px;
}
#ContentArea
{
	overflow-x: hidden;
}
#BreadCrumbs
{
	padding-top: 14px;
	padding-bottom: 8px;
	font-size: 14px;
	color: #a60e13;
	background-color: rgba(0, 0, 0, 0.60);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000');
}
#BreadCrumbs > div.wrapper > div.padding > span
	{color: #ffffff;}
#BreadCrumbs > div.wrapper > div.padding > span a, #BreadCrumbs > div.wrapper > div.padding > span a:visited
	{color: #a60e13;}
#PageTitle
{
	margin-top: 10px;
}
#PageTitle > div
{
	display: inline-block;
	vertical-align: baseline;
}
#PageTitle > div.icon
{
	margin-right: 17px;
}
#PageTitle > div.text > h1
{
	margin: 0px;
	font-size: 44px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 300;
}
#Listing > div.list > table
{
	table-layout: fixed;
	width: 100%;
}
#Listing > div.list > table > tbody > tr > td
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	vertical-align: top;
	min-height: 80px;
	padding-bottom: 25px;
}
#Listing > div.list > table > tbody > tr.article > td.date
{
	color: #ac0521;
	width: 58px;
	text-align: center;
}
#Listing > div.list > table > tbody > tr.article > td.date > span.month, 
		#Listing > div.list > table > tbody > tr > td.date > span.day
{
	font-size: 16px;
}
#Listing > div.list > table > tbody > tr.article > td.date > span.year
{
	font-size: 12px;
}
#Listing > div.list > table > tbody > tr.article > td.excerpt
	{text-align: left;}
#Listing > div.list > table > tbody > tr.article > td.excerpt > div.title > h2
{
	margin: 0px;
	margin-bottom: 14px;
	font-size: 18px;
	font-weight: 500;
}
#Listing > div.list > table > tbody > tr.article > td.excerpt > div.title > h2 > a,
		#Listing > div.list > table > tbody > tr.article > td.excerpt > div.title > h2 > a:visited
	{color: #000000; /*= #Body.color*/}
#Area_ContentMiddle
{
	background-color: #dce0e9;
}
#Area_ContentBottom
{
	background-color: #dce0e9;
}
#Area_FooterTop
	{background-color: #ffffff;}
#FooterMiddle
{
	padding-top: 16px;
	padding-bottom: 32px;
	background-color: #f8f7f7;
}
#FooterMiddle > div.wrapper > div.padding > div
{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}
#FooterMiddle > div.wrapper > div.padding > div > table
{
	table-layout: fixed;
	width: 100%;
}
#FooterMiddle > div.wrapper > div.padding > div > table > tbody > tr > td
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0px;
}
#FooterMiddle > div.wrapper > div.padding > div > table > tbody > tr > td.icon
{
	padding-right: 20px;
}
#FooterMiddle > div.wrapper > div.padding > div > table > tbody > tr > td.text
{
	font-size: 20px;
	color: #000000;
}
#FooterMiddle > div.wrapper > div.padding > div.leftSide > table > tbody > tr > td.icon
{
	width: 130px;
}
#FooterMiddle > div.wrapper > div.padding > div.rightSide
{
	box-sizing: border-box;
	padding-left: 6.83%; /*78px*/
}
#FooterMiddle > div.wrapper > div.padding > div.rightSide > table > tbody > tr > td.icon
{
	width: 110px;
}
#FooterBottom
{
	/*height: 53px;*/
	min-height: 15px;
	background-color: #3b3b3b;
	font-size: 14px;
	color: #ffffff;
	/*line-height: 44px;*/
	padding-top: 16px;
	padding-bottom: 22px;
}
#FooterBottom > div.wrapper > div.padding > div.top > div
{
	display: inline-block;
	vertical-align: top;
}
#FooterBottom > div.wrapper > div.padding > div.top > div.leftSide,
		#FooterBottom > div.wrapper > div.padding > div.top > div.rightSide > a,
		#FooterBottom > div.wrapper > div.padding > div.top > div.rightSide > a:visited,
		#FooterBottom > div.wrapper > div.padding > div.bottom > a,
		#FooterBottom > div.wrapper > div.padding > div.bottom > a:visited
	{color: #ffffff;}
#FooterBottom > div.wrapper > div.padding > div.top > div.leftSide
	{width: 70.00%;}
#FooterBottom > div.wrapper > div.padding > div.top > div.rightSide
{
	width: 30.00%;
	text-align: right;
}
#FooterBottom > div.wrapper > div.padding > div.bottom
{
	padding-top: 8px;
	color: #b1b1b1;
	text-align: right;
}

	
#Body.noJS div.removeOnJS
	{display: block;}
	
	
#Body table.searchForm > tbody > tr > td.notify-btn-row
{
    width: 30%;
}

#Body table.searchForm > tbody > tr > td.notify-btn-row > .notify-btn
{
    width: 100%;
    cursor: pointer;
    display: block;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #a60e13;
    border: 1px solid white;
    /* color: #b1153d; */
    color: white;
    font-size: 18px;
    font-weight: 600;
}

@media screen and (max-width: 1215px) {
    #Body table.searchForm > tbody > tr > td.search > form > div
    {
        width: 90%;
    }
    
    #Body table.searchForm > tbody > tr > td.notify-btn-row
    {
        width: 36%;
    }
    
    #Body table.searchForm > tbody > tr > td.notify-btn-row > .notify-btn
    {
        font-size: 18px;
    }
}	

@media screen and (max-width: 860px) {
    #Body table.searchForm > tbody > tr > td.notify-btn-row > .notify-btn
    {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    
    #Body table.searchForm > tbody > tr > td.notify-btn-row
    {
        width: 70%;
        display: block;
        margin: auto;
    }
    
    #Body table.searchForm > tbody > tr > td.search
    {
        display: block;
    }
    
    #Body table.searchForm > tbody > tr > td.search > form > div
    {
        width: 100%;
    }
    
    #Body table.searchForm > tbody > tr > td.notify-btn-row > .notify-btn
    {
        font-size: 18px;
    }
}

@media screen and (max-width: 490px)
{
    #Body table.searchForm > tbody > tr > td.notify-btn-row
    {
        width: 100%;
    }
}
	
/*FEATHER LIGHT*/
body .featherlight .featherlight-content
{
	padding: 0px;
	border-style: none;
	background-color: transparent;
}
body .featherlight .featherlight-close-icon
{
	height: 40px;
	width: 40px;
	top: 0px;
	right: 0px;
	background-image: url('images/SiteUnderDevelopmentPopUp_closeButton.png');
	background-color: transparent;
}

/*SITE UNDER DEVELOPMENT POP UP*/
body div.featherlight-content div.siteUnderDevelopmentPopUp
{
	max-width: 805px;
	padding-top: 20px;
	padding-right: 20px;
	background-color: transparent;
	font-family: "Lato", "Arial", "Helvetica", "sans-serif";
}
body div.featherlight-content div.siteUnderDevelopmentPopUp > div > div.top
{
	padding-left: 27px;
	padding-right: 27px;
	padding-top: 64px;
	padding-bottom: 38px;
	background-image: url('images/SiteUnderDevelopmentPopUp_topBackGround.png');
	background-size: cover;
	font-size: 32px;
	color: #ececec;
}
body div.featherlight-content div.siteUnderDevelopmentPopUp > div > div.bottom
{
	padding-left: 27px;
	padding-right: 27px;
	background-color: #ececec;
	border-width: 1px;
	border-color: #ececec;
	border-style: solid;
	font-size: 21px;
	color: #262626;
}
body div.featherlight-content div.siteUnderDevelopmentPopUp > div > div.bottom div.heading
{
	margin-top: 18px;
	margin-bottom: 8px;
	font-weight: bold;
}
#SiteUnderDevelopmentPopUp
	{display: none;}
#SiteUnderDevelopmentPopUp > div.siteUnderDevelopmentPopUp > div > div.top
{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #ececec;
	background-image: url('images/SiteUnderDevelopmentPopUp_topBackGround.png');
	background-size: cover;
	text-align: center;
}
#SiteUnderDevelopmentPopUp > div.siteUnderDevelopmentPopUp > div > div.bottom
{
	display: none;
	padding-left: 20px;
	font-size: 18px;
	border-color: #901414;
	border-bottom-style: solid;
}
#SiteUnderDevelopmentPopUp:hover > div.siteUnderDevelopmentPopUp > div > div.bottom
	{display: block;}

/*VISUAL COMPOSER*/
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after,.vc_clearfix:after,.vc_column-inner:after,.vc_el-clearfix,.vc_row:after {clear: both;}

#Body div.ccab_content_element 
	{margin-bottom: 20px;}

	
#Body.noJS #SiteUnderDevelopmentPopUp
	{display: block;}
	
#Body.ccabTypes_inFrameOrIframe #IFrameWarning
{
	display: block;
}