/*
Theme Name: True Steel Child Theme
Description: Got questions? Call Design de Plume at 705-222-5740.
Author: Design de Plume
Author URI: http://www.deplume.ca
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/*
 */
body {
	line-height:1.6;
}

/* GENERICS */
.uppercase { text-transform: uppercase !important; }
.ls05, .ls05 * { letter-spacing: 0.5px !important; }
.ls1, .ls1 *   { letter-spacing: 1px !important; }
.ls2, .ls2 *   { letter-spacing: 2px !important; }
.font100 { font-weight:100 !important; }
.font200 { font-weight:200 !important; }
.font300 { font-weight:300 !important; }
.font400 { font-weight:400 !important; }
.font500 { font-weight:500 !important; }
.font600 { font-weight:600 !important; }
.font700 { font-weight:700 !important; }
.font800 { font-weight:800 !important; }
.font900 { font-weight:900 !important; }
.line2 { line-height:2; }
.line18 { line-height:1.8; }
.em2 { font-size:2em !important; }
.padb0  { padding-bottom:0px !important;  }
.padb5  { padding-bottom:5px !important;  }
.padb10 { padding-bottom:10px !important; }
.padb20 { padding-bottom:20px !important; }
.padb30 { padding-bottom:30px !important; }
.padb40 { padding-bottom:40px !important; }
.padb50 { padding-bottom:50px !important; }
.padb60 { padding-bottom:60px !important; }
.padb70 { padding-bottom:70px !important; }
.padb80 { padding-bottom:80px !important; }
.padb90 { padding-bottom:90px !important; }
.padb100{ padding-bottom:100px !important; }
.padt0  { padding-top:0px !important;  }
.padt5  { padding-top:5px !important;  }
.padt10 { padding-top:10px !important; }
.padt20 { padding-top:20px !important; }
.padt30 { padding-top:30px !important; }
.padt40 { padding-top:40px !important; }
.padt50 { padding-top:50px !important; }
.padt60 { padding-top:60px !important; }
.padt70 { padding-top:70px !important; }
.padt80 { padding-top:80px !important; }
.padt90 { padding-top:90px !important; }
.padt100 { padding-top:100px !important; }
.mart0  { margin-top:0px !important; }
.mart5  { margin-top:5px !important; }
.mart10 { margin-top:10px !important;  }
.mart20 { margin-top:20px !important;  }
.mart30 { margin-top:30px !important;  }
.mart40 { margin-top:40px !important;  }
.mart50 { margin-top:50px !important;  }
.mart60 { margin-top:60px !important;  }
.mart70 { margin-top:70px !important;  }
.mart80 { margin-top:80px !important;  }
.mart90 { margin-top:90px !important;  }
.marb0  { margin-bottom:0px !important; }
.marb5  { margin-bottom:5px !important; }
.marb10 { margin-bottom:10px !important;  }
.marb20 { margin-bottom:20px !important;  }
.marb30 { margin-bottom:30px !important;  }
.marb40 { margin-bottom:40px !important;  }
.marb50 { margin-bottom:50px !important;  }
.marb60 { margin-bottom:60px !important;  }
.marb70 { margin-bottom:70px !important;  }
.marb80 { margin-bottom:80px !important;  }
.marb90 { margin-bottom:90px !important;  } 
.marb100 { margin-bottom:100px !important;  }
 
.hideme { display:none !important; }
.text-right, .text-right * { text-align:right !important; }
.text-center, text-center * { text-align:center !important; }
.text-left, text-left * { text-align:left !important; }

.sans-serif, .font1 { font-family: "Open Sans", sans-serif !important; }

.white, .white * { color:#FFF !important; }

.nomarg { margin: 0 !important; }
.nomarg-bottom { margin-bottom:0 !important; }
.nomarg-left { margin-left:0 !important; }
.nomarg-right { margin-right:0 !important; }
.nomarg-top { margin-top:0 !important; }


/* SHADOWS */
.z-depth-0 { box-shadow: none !important; }
.z-depth-1, .shadow {     
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2); 
}
.z-depth-2, .shadow:hover {     
	-webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3); 
}
.z-depth-3 {     
	-webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2); 
}
.z-depth-4 {    
	-webkit-box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2);
    box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14), 0 9px 46px 8px rgba(0,0,0,0.12), 0 11px 15px -7px rgba(0,0,0,0.2); 
}

/*
.fusion-secondary-header {
	background-image: url("/wp-content/uploads/2016/07/Preheader.jpg")
}
.fusion-contact-info {
    background-color: rgb(2, 83, 162);
    background-color: rgba(2, 83, 162, 0.9);
    padding-right: 20px;
    padding-left: 20px;
    color: #ffffff;
}
.fusion-secondary-header a {
    font-weight: bold;
}
.fusion-secondary-header a:hover {
    color: #000000;
}
.fusion-page-title-bar {
    opacity:0.8;
}
.col-md-4{
    width: 31%;
    background: 100%;
    margin-right: 20px;
    background-color: rgb(2, 83, 162);
    background-color: rgba(2, 83, 162, 0.9);
    padding-top: 20px;
    padding-bottom: 20px;
}
.fusion-widget-area .widget_nav_menu li {
    border-bottom: none;
    font-weight: bold;
}
.fusion-widget-area .widget_nav_menu li a:hover {
    color: #000000;
}
.fusion-widget-area .current_page_item > a {
    color: #000000 !important;
}
ul {
    list-style-image: url('/wp-content/uploads/2016/07/list-shield.png');
    display: block;
}
.padding-table { 
    height: 15px;
}
.fusion-mobile-menu-icons a, .fusion-mobile-menu-icons a:after, .fusion-mobile-menu-icons a:before {
    color: #005da9 !important
}

a.fusion-icon.fusion-icon-bars:after {
    content: " Menu";
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}
*/
/*404 Page */
.fusion-error-page-404 {
	background-color: #ffffff!important;
}
.fusion-error-page-useful-links {
	background-color: #ffffff!important;
}
.fusion-error-page-search {
	background-color: #ffffff!important;
}
.error-message {
	color: rgb(2, 83, 162);
}

/* ACCESSIBILITY */
table.table.clean.shadow td {
    border-top: 1px solid #00083040;
    border-bottom: 1px solid #00083040;
}
.noanimation, .noanimation * { 
	
	-webkit-animation: none !important; 
	-moz-animation: none !important; 
	-o-animation: none !important; 
	-ms-animation:  none !important; 
	animation:  none !important; 
} 
.noanimate, .noanimate * { 
	-webkit-transition: none !important; 
	-moz-transition: none !important; 
	-o-transition: none !important; 
	-ms-transition: none !important; 
	transition: none !important; 
	
	-webkit-animation: none !important; 
	-moz-animation: none !important; 
	-o-animation: none !important; 
	-ms-animation:  none !important; 
	animation:  none !important; 
	
	
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
} 
.screen-reader-text:focus {
    
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 280px !important; 
	text-align:center;
}
.screen-reader-text {
    position: absolute !important;
}
div.key
{
	width:48px;
	height: 50px;
	padding: 1px;
	margin: 0 30px 0 0;
    float: left;
	position:relative;
}
div.key:last-child {
	margin:0 !important;
}
div.key:after {
    content: " + ";
    /* clear: right; */
    position: absolute;
    right: -23px;
    font-size: 26px;
    top: 6px;
    color: #484848;
}
div.key:last-child:after {
	content: "";
}
div.key > span
{
	display: block;
	width: 48px;
	height: 48px;
	border: 1px solid #a9a9a9;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-webkit-border-radius: 2px 2px 2px 2px;
	font-size: 16px !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	text-align: center;
	padding-top: 10px;
	color: #484848;
	-webkit-box-shadow: 0px 3px 0px -2px rgba(255,255,255,1), 0px 2px 0px 0px rgba(169,169,169,1);
	-moz-box-shadow: 0px 3px 0px -2px rgba(255,255,255,1), 0px 2px 0px 0px rgba(169,169,169,1);
	box-shadow: 0px 3px 0px -2px rgba(255,255,255,1), 0px 2px 0px 0px rgba(169,169,169,1);
	cursor: pointer;
}

div.key > span:hover
{
	background-color: #75b4fb;
	border: 1px solid #5a88c5;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 0px -2px rgba(117,180,251,1), 0px 2px 0px 0px rgba(90,136,197,1);
	-moz-box-shadow: 0px 3px 0px -2px rgba(117,180,251,1), 0px 2px 0px 0px rgba(90,136,197,1);
	box-shadow: 0px 3px 0px -2px rgba(117,180,251,1), 0px 2px 0px 0px rgba(90,136,197,1);
	cursor: pointer;
}

div.key > span:active
{
	margin-top: 2px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
} 

div.key.special > span
{
	padding-top: 15px;
	font-size: 11px;
}

div.key.icon > span
{
	font-size: 17px;
} 
 
ul.keys { list-style: none; margin: 0 auto; padding: 0 !important; }
ul.keys > li { clear:both; }
ul.keys > li:last-child { margin-right: 0; }
ul.keys > li > span { margin-bottom: 10px; }