/*** admin ***/

/* hiding action links */
body.page-node-590 .action-links,
body.page-node-595 .action-links {
    display: none;
}
/* Alert block */
body.page-node-590 .alert,
body.page-node-595 .alert {
    border-radius: 0;
    border-color:#FFFF00;
    background-color:#FFFF00;
    color:#000;
    margin-bottom:0;
}
body.page-node-590 .alert-success a, body.page-node-590 .alert-success a:focus, body.page-node-590 .alert-success a:hover,
body.page-node-595 .alert-success a, body.page-node-595 .alert-success a:focus, body.page-node-595 .alert-success a:hover {
    color:#000;
}
/* body.page-node-590 .alert:last-of-type,
body.page-node-595 .alert:last-of-type {
    margin-bottom:0;
} */

/*** body background ***/

body.page-node-590,
body.page-node-595 {
    /* background:url('../images/bg-page_zero-carbon-roads-webform.png') center top / 1920px 1080px repeat-y; */
    background:url('../images/bg-page_zero-carbon-roads-webform.svg') center top / 1920px 1920px repeat-y;

    /* overflow-x: hidden; */
}
@media (min-width:1921px) {
    body.page-node-590,
    body.page-node-595 {
        background-size:100% auto;
    }
}
@media (max-width:767px) {
    body.page-node-590,
    body.page-node-595 {
        background:none;
    }
}

/** hide navbar and footer **/

body.page-node-590 #navbar, 
body.page-node-590 #footer,
body.page-node-595 #navbar, 
body.page-node-595 #footer {
    display: none !important;
}

/*** layout ***/

body.page-node-590 .col-sm-3,
body.page-node-590 .col-sm-9,
body.page-node-595 .col-sm-3,
body.page-node-595 .col-sm-9 {
    width:50%;
    /* padding-left:6%;
    padding-right:6%; */
}
body.page-node-590 .col-sm-3,
body.page-node-595 .col-sm-3 {
    padding-right:6%;
}
body.page-node-590 .col-sm-9,
body.page-node-595 .col-sm-9 {
    padding-left:6%;
}
body.page-node-590 .main-container .col-sm-12 .content-padding,
body.page-node-595 .main-container .col-sm-12 .content-padding {
    padding:0;
}
body.page-node-590 .main-container.margin,
body.page-node-595 .main-container.margin {
    padding-top: 6em;
    padding-bottom: 8em;
}

@media (max-width:767px) {
    
    body.page-node-590 .main-container.margin, 
    body.page-node-595 .main-container.margin {
        padding:0;
    }
    body.page-node-590 .row,
    body.page-node-595 .row {
        margin-left:0;
        margin-right:0;
    }
    body.page-node-590 .col-sm-3,
    body.page-node-595 .col-sm-3,
    body.page-node-590 .col-sm-9,
    body.page-node-595 .col-sm-9 {
        padding:2em 12% 2.2em;
        /* padding-right:12%; */
        margin-left:0;
        margin-right:0;
        width:auto;
    }
    body.page-node-590 .col-sm-3,
    body.page-node-595 .col-sm-3 {
        background-color:#00e2ff;
    }

}

/*** header block ***/

/* #block-block-217 {
    display: none;
} */
#block-block-217 .block-inner {
    /* display: table; */
    background-color:#000;
    font-size: 0;
}
#block-block-217 .cell {
    display: inline-block;
    vertical-align: top;
    font-size: 1em;
}
#block-block-217 .lcc-logo {
    /* background-color:#000; */
    /* width: 208px; */
}
#block-block-217 .zcr2030-graphic {
    width: calc(100% - 208px);
    height: 95px;
    background: #000 url('../images/bg-zcr2030-graphic-desktop.svg') left top / auto 100% repeat-x;
}
#block-block-217 .zcr2030-graphic img {
    display: none;
}
/* IE10 and above (not including Edge) */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #block-block-217 .zcr2030-graphic {
        background-image: url('../images/bg-zcr2030-graphic-desktop.png')
    }
}
#block-block-217 .lcc-logo img.desktop {
    width: 208px;
    height: 95px;
}
#block-block-217 .lcc-logo img.mobile {
    width: 68px;
    height: 76px;
    display: none;
}

@media (max-width:1020px) {

    #block-block-217 .zcr2030-graphic {
        background-image: url('../images/bg-zcr2030-graphic-mobile.svg');
    }

}
/* IE10 and above (not including Edge) */
@media all and (max-width:1020px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #block-block-217 .zcr2030-graphic {
        background-image: url('../images/bg-zcr2030-graphic-mobile.png')
    }
}
@media (max-width:767px) {

    #block-block-217 .zcr2030-graphic {
        width: calc(100% - 68px);
        height: 76px;
    }
    #block-block-217 .lcc-logo img.desktop {
        display: none;
    }
    #block-block-217 .lcc-logo img.mobile {
        display: block;
    }

}
@media (max-width:412px) {

    #block-block-217 .block-inner {
        /* height:65px; */
    }
    #block-block-217 .zcr2030-graphic {
        width: auto;
        height: auto;
        display: block;
    }
    #block-block-217 .lcc-logo {
        width: auto;
        height: auto;
        display: block;
    }
    #block-block-217 .lcc-logo img.mobile {
        display: block;
        width: 24%;
        height: auto;
        /* height: 76px; */
        margin: 0 auto;
    }
    #block-block-217 .zcr2030-graphic {
        background-image: none;
        background-color:#FFFF00;
    }
    #block-block-217 .zcr2030-graphic img {
        display: block;
        width: 100%;
        height: auto;
    }

}

/*** info block on left ***/

body.page-node-590 .region-sidebar-first .block,
body.page-node-595 .region-sidebar-first .block {
    background-color: transparent;
    color:#000;
}
body.page-node-590 .region-sidebar-first .block h2.block-title,
body.page-node-595 .region-sidebar-first .block h2.block-title {
    font-size: 1.4em;
    margin-bottom:1em;
}
body.page-node-590 .region-sidebar-first .block .block-inner,
body.page-node-595 .region-sidebar-first .block .block-inner {
    padding:0;
}

/*** image block on left ***/

#block-imageblock-279 .block-image {
    background-color: transparent;
}
#block-imageblock-279 .block-image img {
    margin:0 auto;
}

@media (max-width:767px) {

    #block-imageblock-279 .block-image img {
        max-height: 300px;
    }

}

/*** webform node content ***/

body.page-node-590 h1.page-header {
    display: none;
}
body.page-node-590 .webform-component-markup h2,
body.page-node-595 .webform-component-markup h2 {
    font-size: 1.4em;
    margin-bottom:1em;
}

/*** thanks - confirmation page ***/

#node-595 a.icon img {
    width: 40px;
    height: 40px;
}
#node-595 a.icon {
    margin-right: 0.5em;
}
#node-595 a.icon:last-of-type {
    margin-right: 0;
}
#node-595 a.icon:hover,
#node-595 a.icon:focus {
    text-decoration: none;
}

/*** form bits ***/

body.page-node-590 .form-control {
    border: 2px solid #000;
    border-radius: 0;
    padding: 0.75em 0.75em;
}

body.page-node-590 button.btn {
    border-color:#ffff00;
    background-color:#ffff00;
    color:#000;
    font-weight: bold;
    margin-right:2em;
}
body.page-node-590 button.btn.webform-previous {
    border-color:#00e2ff;
    background-color:#00e2ff;
    color:#000;
}
body.page-node-590 button.btn:hover,
body.page-node-590 button.btn:focus,
body.page-node-590 button.btn:active:hover,
body.page-node-590 button.btn:active:focus {
    border-color:#000;
    background-color:#000;
    color:#fff;
}
body.page-node-590 button.btn:last-of-type {
    margin-right:0;
}
body.page-node-590 .form-actions {
    margin-top:1em;
}
body.page-node-590 .form-actions button:first-child,
body.page-node-590 .form-actions button {
    margin-top:1em;
}
body.page-node-590  #edit-submitted-email-content {
    min-height: 200px;
}