/* ==================================================================================
    Blueprint / Silver Maple Web additional styles 
   ================================================================================== */

.grey-bg {
    background-color:#808080;
}

.blue-bg {
    background-color:#366797;
}

.light-grey-bg {
    background-color:#f0f0f0;
}
.translucent {
    background-color:rgba(255,255,255,.5);
}
.dark-translucent {
    background-color:rgba(0,0,0,.5);
}

.red-text {
    color: #C00022;
}

.blueprint-page-template .reversed h1,
.blueprint-page-template .reversed h2,
.blueprint-page-template .reversed h3,
.blueprint-page-template .reversed a,
.blueprint-page-template .reversed {
    color:white;
}

.tight {
   margin:0;
   padding:0;
}

.head-space {
    margin-top:1em;
}

.large-head-space {
    margin-top:1.5em;
}

.foot-space {
    margin-bottom:1em;
}

.menu-item-18289{font-weight:bold;}

.blueprint-page-template h1,
.blueprint-page-template h2,
.blueprint-page-template h3 {
    font-weight:normal;
    font-size:24px;
    color:#222222;
}

.blueprint-page-template a {
    color:#c00022;
}

.band-logos .container {
    text-align:left;
}

.logo1 {
    background:white;
    padding:6px 15px 8px;
}
.logo1, .logo2, .login {
    display:inline-block;
    margin-bottom:6px;
    margin-right:10px;
}

.logo1 img {
    width: 168px;
}


.logo2 img{
    width:100%;
    max-width:316px;
}

.band-logos .login {
    color:white;
    overflow:hidden;
    font-size:.9em;
    vertical-align:middle;
}

@media screen and (min-width:992px) {
    .band-logos .login {
        margin-left:100px;
    }
}



.band-logos .login span {
    margin:0 8px 0 0;
    vertical-align: baseline;
}

.band-logos .login a {
    color:white;
    display:inline;
    width:auto;
    vertical-align:baseline;;
}

.ref-book {
    background-color:#396895;
    padding-bottom:.5em;
    border-radius:5px;
    max-width:320px;
    overflow:hidden;
    margin-top:1em;
}

.insp-box {
    padding:1em;
}

.ref-book input {
    width:100%;
    margin:.375em 0;
    padding: .75em;
    border-radius:3px;
    border:none;
    color:#646464;
}



.ref-book select {
    width:100%;
}

.ref-book input[type="submit"] {
    background-color:#C00022;
    border:none;
    color:white;
}

.ref-book h2 {
    margin-top:8px;
    margin-bottom:5px;
}
.book-inspection {
    margin-top:1em;
    padding:1em;
    background-color: #396895;
    border-radius:5px;
    max-width:320px;
}


.no-bg {
    background-color:transparent;
    background-image: none;
}

.centered {
    text-align: center;
}

.login .btn,
.cccasl-submit>input[type="submit"],
.hbspt-form input.hs-button[type="submit"],
div.submit-link,
a.submit-link {
    display:block;
    width:100%;
    text-align:center;
    background-color:#C00022;
    background-image: none;
    text-shadow: none;
    color:white;
    font-weight:700;
    box-shadow: none;
    font-size:15px;
    font-size:1.5rem;
    line-height:22px;
    border:none;
    padding:9px 8px 10px 9px;
    border-radius:3px;
}



.hbspt-form input.hs-button[type="submit"]:hover,
.contact-form input[type="submit"]:hover,
.submit-link a:hover,
a:hover.submit-link,
input[type="submit"]:hover {
    background-color:#c0c0c0;
    color:white;
    text-decoration:none;
    box-shadow: none;
}

.cccasl-submit>input[type="submit"],
.hbspt-form input.hs-button[type="submit"] {
    max-width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-top:.5em;
}

.hbspt-form .hs-form.stacked .hs-form-field > label {
    display:none;
}

.hbspt-form .hs-form.stacked .hs-form-booleancheckbox label {
    display:block;
}


.hbspt-form select{
    margin-bottom: .25em;
}

.course-summary {
    margin-top:2em;
}

.course-summary h3 {
    margin-top:0;
}

.course-summary .course-icon {
    padding-left:0;
}
.course-summary .course-icon img {
    max-width: 130px;
    height:auto;
}

.or-call-us {
    margin-top:1em;
    color:#c00022;
}

a.ashi-home img{
    padding:5px 10px 3px 10px;
}

.layer.tall {
    min-height:200px;
}

.layer.short {
    min-height:200px;
}

#training-hero-short .call-now,
#training-hero-short h1 {
    padding-top:50px;
}

#training-hero-short .call-now h2 {
    background-color:#366797;
    padding: .5em;
    border-radius: .25em;
    font-weight: normal;
} 


.regional {
    display:none;
}

.notAshi #cd-menu,
.notAshi #cd-header,
.isAshi #ashi-menu,
.isAshi #ashi-header {
    display:block;
}

.isAshi.single-product #sidebar,
.notAshi #ashi-header,
.notAshi #ashi-menu,
.isAshi #cd-menu,
.isAshi #cd-header {
    display:none;
}

.isAshi .ifAshi,
.notAshi .ifNotAshi {
    display:block;
}

.isAshi .ifAshiInline,
.notAshi .ifNotAshiInline {
    display:inline;
}

.isAshi .ifAshiInlineBlock,
.notAshi .ifNotAshiInlineBlock {
    display:inline-block;
}

.isAshi.isGlobal .ifGlobalNonAshi,
.isAshi .ifNotAshiInlineBlock,
.notAshi .ifAshiInlineBlock,
.isAshi .ifNotAshiInline,
.notAshi .ifAshiInline,
.isAshi .ifNotAshi,
.notAshi .ifAshi {
    display:none;
}

.isGlobal .ifGlobalInline,
.isCanada .ifCanadaInline {
    display:inline;
}

.isGlobal .ifGlobalInlineBlock,
.isCanada .ifCanadaInlineBlock {
    display:inline-block;
}

.notAshi.isGlobal .ifGlobalNonAshi,
.isGlobal .ifGlobal,
.isCanada .ifCanada {
    display:block;
}

.isGlobal .ifCanada,
.isCanada .ifGlobal,
.isGlobal .ifCanadaInline,
.isCanada .ifGlobalInline,
.isGlobal .ifCanadaInlineBlock,
.isCanada .ifGlobalInlineBlock {
    display:none;
}


.cccasl-chkval {
    margin-left:.5em;
}
.cccasl-error {
    display:block;
    color:red;
}

.btn {
    padding:6px 6px;
}

.visible-lg-inline {
    display:none !important;
}

ul.tick {
    list-style: url('../img/tick.png');
}


@media screen and (min-width:380px) {
    .btn {
        padding:6px 12px;
    }
}


@media screen and (min-width:768px) {
    .layer.tall{
        min-height:400px;
    }

    .layer.short{
        min-height:300px;
    }

    .or-call-us {
        margin-top:1.5em;
    }
    
    #training-hero-short .call-now,
    #training-hero-short h1 {
        padding-top:100px;
    }
    
    #training-hero-short h1 {
        max-width:500px;
    }
}

.button-pair {
    padding:.5em .375em;
    margin-top:1em;
    margin-bottom:1em;
    border-radius:5px;
    clear:both;
    overflow:hidden;
}

.button-pair>div {
    margin:.375em 0;
    position:relative;
}

.button-single {
    padding:.75em .5em;
}

.button-single img.white-arrow {
    display:none;
}

.button-pair img.white-arrow {
    position:absolute;
    right:24px;
    top:28px;
}

.button-pair>div .area-list {
    position:absolute;
    width:100%;
    top:-1.625em;
    left:0;
}

.button-pair>div .area-list ul {
    display:none;
    list-style:none;
    background-color:white;
    margin:15px;
    padding:.825em;
    background-color:#BE0828;
    border-radius:3px;
    text-align: center;
}

.button-pair .submit-link {
    padding:1em 1.25em;
	font-size:22px;
	font-weight:bold !important;
}

.button-pair>div .area-list a {
    color:white;
}

.usingMouse .button-pair .button-multi:hover ul,
.button-pair .button-multi.clicked ul {
    display:block;
}

.thank-you .document {
    text-align:center;
    margin:1em 0 2em 0;
}

.thank-you .videoWrapper {
    margin:1em 0;
}

.thank-you .document img {
    width:100%; 
    height:auto; 
    max-width:200px; 
}

.thank-you input, 
.thank-you textarea {
    width:100%;
    padding:3px 6px;
    border:none;
}
.thank-you textarea {
    margin-top:6px;
}

.thank-you .ref-book {
    padding:0 1em 1em 1em;
    background-color: #ebebeb;
} 

@media screen and (min-width:768px) {
    .last-right div:last-child {
        float:right;
    }
}

.solutions p {
    margin-top:1em;
}

.blueprint-page-template .band {
    padding:1em 0;
}

.blueprint-page-template .table-condensed a,
.blueprint-page-template .table-condensed {
    font-size:.9em;
}

@media screen and (min-width:360px) {
    .blueprint-page-template .table-condensed a,
    .blueprint-page-template .table-condensed {
        font-size:1em;
    }
}

.blueprint-page-template .table > tbody > tr:first-child > td,
.blueprint-page-template .table > tbody > tr:first-child > th {
  background-color: #366797;
  color:white;
}

.blueprint-page-template .table.table-white > tbody > tr > td,
.blueprint-page-template .table.table-white > tbody > tr > th {
    background-color:white;
    color:black;
}



.blueprint-page-template .submit-link {
    font-weight: normal;
}

.dropdown-menu .dropdown-menu {
    display:block;
    position:static;
    margin-left:2em;
    margin-right:.5em;
    border:none;
    box-shadow: none;
}


@media (min-width: 480px) {
    .blueprint-page-template .table-condensed a,
    .blueprint-page-template .table-condensed {
        font-size:1em;
    }
}



.testimonial blockquote {
    quotes: "\201C" "\201D";
    position:relative;
    margin-bottom:0;
    border:none;
}

.testimonial blockquote:before { content: open-quote; font-weight: normal; font-size:1em;}
.testimonial blockquote:after { content: close-quote; font-weight: normal; }
.testimonial blockquote .indent {
    display:inline-block;
    width:1.5em;
}

.testimonial h1,
.testimonial p {
    text-align:center;
}

.testimonial blockquote {
    font-style: italic;
}

.testimonial blockquote:before {
    content:”X”;
}

.testimonial blockquote:after {
    content:”\201D”;

}

.testimonial .client-quote.flexslider {
    background-color:transparent;
    border:none;
    box-shadow: none;
    margin-bottom:40px;
}

.testimonial .client-name {
    margin-bottom:.5em;
    text-align: center;
}

.success-about {
    background-color:#ebebeb;
    padding:.5em 1em;
}

.success-about h2 {
    margin-top: .25em;
}

ul.reddot,
.success-about ul {
    padding-left:1.5em;
    list-style: url('../img/reddot12.png');
}

.success-nav {
    border-radius:5px;
    text-align: center;
    background-color:#ebebeb;
    padding:.5em;
}

.success-nav>div {
    display:inline-block;
    width:120px;
}

.success-nav img {
    display:block;
    width:64px;
    margin:0 auto;
}

.success-nav a:visited,
.success-nav a {
    color:black;
}

.flex-control-nav {
    bottom:-20px;
}

.center-block {
    margin-left:auto;
    margin-right:auto;
    width:100%;
    text-align:center;
}
.mw-600{
    max-width:600px;
}
.mw-500{
    max-width:500px;
}
.mw-400{
    max-width:400px;
}
.mw-300{
    max-width:300px;
}


.hs-form .inputs-list>li.hs-form-booleancheckbox {
    width:50px;
    margin:0 auto;
}

.slug-casl .hs-form.stacked .actions {
    padding:0;
    margin:0;
}


/* responsive video */
.videoWrapper {
  position: relative;
  width: 100%;
  max-width:560px;
  margin:0 auto;
  height: 100%;
  border:solid 1px #404040;
  box-sizing:border-box;
}
.videoWrapper>div {
  padding-bottom: 56%;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

videoWrapper iframe body{
    background-color:white;
}

/* home inspection pop-up */
.modal-body iframe,
.modal-body {
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}

.single img, .blog img {
    max-width:100%;
    height:auto;
}

/* colophon */
#colophon h2 {
    color:white;
}

#colophon p,
#colophon a,
#colophon a:visited,
#colophon {
    color:white;
}

#colophon .band-copyright {
    background-color:white;
    color:black;
}
#colophon .band-copyright p {
    font-size:.75em;
}

#colophon .band-copyright a,
#colophon .band-copyright p {
    color:black;
}


.contact-form {
    margin-bottom:1em;
}

.contact-form input,
.contact-form textarea {
    display:block;
    width:100%;
    margin-bottom: 1em;
    border-radius: 3px;
    border:none;
    color:black;
}
.contact-form textarea {
    height:7.375em;
    padding:1em;
}

.contact-form input {
    padding:.75em;
}

.contact-form input[type="submit"] {
    display:block;
    width:100%;
    max-width:123px;
    margin:0 0 0 auto;
    text-align:center;
    background-color:#C00022;
    color:white;
    font-weight:400;
    box-shadow: none;
    font-size:15px;
    font-size:1.5rem;
    line-height:22px;
    border:none;
    padding:9px 8px 10px 9px;
    border-radius:3px;
}

#colophon .social img {
    margin:0 .75em .5em 0;
}

#colophon .social img.last-social {
    margin-right:0;
}

#colophon p {
    margin-bottom: 0;
    font-size:16px;
    font-size:1.6rem;
}

/* hide XYZ marketing nonsense */
.xyz_our_plugins,
.xyz_subscribe,
.xyz_feedback,
#xyz_backlink_div {
    display:none;
}

/* ===========================================================================
   Formidable form styles */

.frm_forms {
    border:none;
    max-width:397px;
    width:100%;
}

.hide-me {
    position:absolute;
    left:-1000px;
}

.reversed select,
.reversed select a {
    color:black;
}

.slug-contact #primary .frm_forms textarea,
.slug-contact #primary .frm_forms input {
    border:1px solid #ccc;
}


.navbar {
    max-height:300px;
    overflow-y: scroll;
}

.navbar.toggled {
    border: 1px solid #204060;
}

#ashi-menu,
#cd-menu {
    max-width: 400px;
    margin:0 auto;
}


@media screen and (min-width:768px) {
    #primary .frm_forms {
        max-width:400px;
        margin-left:0;
        margin-bottom:1.5em;
    }

    #colophon .frm_forms {
        width:100%;
    }
    
    .book-inspection {
        margin-top: 13em;
    }

    .navbar-header {
        float:none;
    }
    
    .navbar-toggle {
        display:block;
    }
}

@media screen and (min-width:970px) {
    
    
    
    .contact-form  .frm_forms textarea ,
    .contact-form  .frm_forms input {
        width:100%;
        max-width:628px;
    }

    .contact-form  .frm_forms .two-column {
        overflow:hidden;
    }

    .contact-form  .frm_forms .header, 
    .contact-form  .frm_forms .message {
        width:48.5%;
        float:left;
    }        
    .contact-form  .frm_forms .header{
        margin-right: 3%;
    }
    
    .contact-form  .frm_forms input[type="submit"]  {
        width:75%;
        float:right;
    }
    
    .contact-form  .frm_forms .send input {
        margin:0;
    }
    
    .contact-form  .frm_forms textarea {
        margin-bottom: 12px;
    }
    
    .contact-us .frm_forms textarea {
        height: 192px;
    }
    
    .contact-form  .frm_forms {
        float:left;
        max-width:none;
        margin-bottom:.25em;
        overflow:hidden;
    }
}


.band-top{
    margin-top:77px;
}

.twoLogos .band-top {
    margin-top:172px;
}

@media screen and (min-width:568px) {
    .twoLogos .band-top {
        margin-top:110px;
    }
}

@media screen and (min-width:992px) {
    .twoLogos .band-top {
        margin-top:76px;
    }
}

#site-navigation ul.menu {
    display:none;
}

#navbar.toggled #site-navigation ul.menu {
    display:block;
    border: 1px solid #204060;
}

.main-navigation .menu {
    list-style: none;
    padding-left:0;    
}

.main-navigation .sub-menu {
    list-style: none;
}


.main-navigation a {
	display: block;
	text-decoration: none;
        color:white;
        padding:4px 0 4px 16px;
}

.main-navigation a:hover{
    background-color:#d0d0d0;
}

.main-navigation .current-menu-item>a{
    background-color:#b0b0b0;
}

.main-navigation .current-menu-ancestor>a {
    background-color:#d0d0d0;
}

#search-button, #search-button2 {
    /*display:none;*/
	vertical-align:middle;
}

#search-burger {
    padding:8px 16px;
    float:right;
    cursor:pointer;
}
#search-burger:hover {
    background-color:#407fbf;
}

#search-form {
    display:none;
    float:right;
}

#search-form2 {
	float:right;
	padding-left:10px;
	display:none;
}

#search-button {
	height: 40px;
}

#search-text {
	height:25px;
	width:85px;
}

#search-form.toggled {
    display:block;
    margin:.5em 0;
}


.burger-icon {
    display:inline-block;
}

.burger-text {
    color:#cccccc;
    font-size:1.1em;
    position:relative;
    bottom:.125em;
    padding-right:.25em;
}

/* main navigation */
/* =Menu
----------------------------------------------- */

/* desktop */
@media screen and (min-width:1024px) {
    .notTouch .navbar {
        max-height:none;
        overflow: visible;
    }

    .notTouch #site-navigation ul.menu {
        display:block;
    } 
    
    .notTouch #ashi-menu,
    .notTouch #cd-menu {
        max-width: none;
        text-align:right;
    }

    .notTouch .main-navigation {
            clear: both;
            display: inline-block;
            margin-top:0;
            font-size:0;
            text-align:right;
    }
    

    .notTouch .band-top{
        margin-top:72px;
    }

    .notTouch .main-navigation li {
            display:inline-block;
            position: relative;
            font-size:14px;
    }

    .notTouch .main-navigation .menu > li > a {
        padding:8px 6px;
        border-right: 1px solid rgba(0, 0, 0, 0.2);
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }

    .notTouch .main-navigation .menu > li:first-child a {
        border-left: none;
    }

    /*
    .notTouch .main-navigation .menu > li:last-child a {
        border-right: none;
    }
    */

    .notTouch .ashi .main-navigation {
        margin-left:200px;
        margin-top:0;
    }

    .notTouch .ashi .main-navigation li {
        font-size:14px;
    }

    .notTouch .ashi .main-navigation .menu > li > a {
        padding:.625em;
    }

    .notTouch .main-navigation ul {
            margin: 0;
            padding-left: 0;
    }

    .notTouch .main-navigation .menu {
        background-color: transparent;
    }

    .notTouch .main-navigation .sub-menu {
        background-color: white;
        text-align:left;
        box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
        display: none;
        left: 0;
        position: absolute;
        top: 37px;
        z-index: 99999;
    }

    .notTouch .main-navigation .sub-menu .sub-menu {
        position:static;
        display:block;
        border:none;
        box-shadow:none;
    }

    .notTouch .main-navigation .sub-menu a {
        padding:5px 10px;
    }

    .notTouch .main-navigation .sub-menu .sub-menu a {
        padding-left:20px;
    }


    .notTouch .main-navigation ul ul ul {
            left: 100%;
            top: 0;

    }
    .notTouch .main-navigation ul ul a {
            color:black;
            width: 200px;
    }

    .notTouch .main-navigation ul ul li {
    }

    .notTouch .main-navigation li:hover > a {
    }

    .notTouch .main-navigation ul ul :hover > a {
    }

    .notTouch .main-navigation ul ul a:hover {
    }

    .notTouch .main-navigation ul li:hover > ul {
            display: block;
    }

    .notTouch .main-navigation .current-menu-item {
        background-color:#b0b0b0;
    }

    .notTouch .main-navigation .current-menu-item>a{
        color:white;
    }

    .notTouch .main-navigation .current-menu-ancestor {
        background-color:#d0d0d0;
    }

    /* Small menu */
    .notTouch .navbar-toggle {
        display:none;
    }
    
    .notTouch #search-button {
        display:inline-block;
        margin-left:-.32em;
        cursor:pointer;
    }
    
    .notTouch #search-button img {
        border-left:1px solid rgba(255,255,255,.3);
        border-right:1px solid rgba(255,255,255,.2);
    }

    .notTouch #search-button:hover {
        background-color:#407fbf;
    }
    
    .notTouch #search-burger {
        display:none;
    }
	 #search-form2 {
        display:block;
    }   
	
}

@media screen and (min-width:1200px) {
    .band-top{
        margin-top:72px;
    }

    .main-navigation li {
        font-size:14px;
    }
    .main-navigation .menu > li > a {
        padding:10px;
    }
    .main-navigation .sub-menu {
        top:44px;
    }

    .visible-lg-inline {
        display:inline-block !important;
    }
}

@media screen and (max-width:500px) {
	.mobilecenter {
		float: none !important;
	}
	
	#search-form2 {
		display:none;
	}
}

// Added by James

.js .tmce-active .wp-editor-area { 
	color:black !important;
}

div.cd-breakout {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-top: 20px;
    padding-bottom: 50px;
    background-size:cover;
	background-position: center; 
}

.cd-breakout.dark h1, .cd-breakout.dark h2, .cd-breakout.dark {
    color:white !important;
    text-shadow: 1px 1px #000000;
}