/*
Theme Name: Construction Child
Author: Vamtam
Author URI: http://vamtam.com
Template: construction
*/

::-webkit-media-controls-start-playback-button {
    display: none !important;
}


/* NEW TEXT SIZE */

.newTextSize {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
}

.logo-tagline {
    display: none !important;
}

/* REMOVE UNWANTED FOOTER ELEMENTS */

.copyrights,
.copyrights * {
    display: none;
}

.footerSubmit {
    margin-right: 4px;
}

#footer-sidebars .row:first-child {
    border-bottom: solid 0px;
    margin-bottom: 0px;
}


/* PAGE TITLE BLUE OVERLAY */

.blue:after {
    content: ' ';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: RGBA(40, 79, 103, 0.50);
}


/* OUTER DIV FOR PAGE TITLE TEXT */

.outer {
    height: 355px;
    width: 100%;
    position: relative;
}


/* INNER DIV FOR PAGE TITLE TEXT */

.inner {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1000;
    text-align: center;
}


/* TITLE COLOR */

.title {
    color: #fff;
}


/* THIS CHANGE IS TO KEEP THE THEME FROM WIPING OUT THE BLUE OVERLAY ON SMALL SCREENS */

.responsive-layout .grid-1-1:after {
    display: inherit;
}


/* EMPLOYMENT FORM TITLE WEIGHT AND SIZE */

.formTitle {
    font-weight: 700;
    font-size: 12pt;
}


/* EMPLOYMENT FORM SUB TITLE SIZE */

.formSubTitle {
    font-size: 9pt;
}


/* BULLET POINTS BOX STYLING */

.ulBox {
    background-color: #F7F7F7;
    padding: 30px;
    border-left: solid 5px #D9393B;
    margin-left: 0em;
}

.ulBox li p {
    color: #1F5068;
}


/* EMPLOYMENT FORM SELECT BOX STYLING */

select {
    background-color: #fff;
    border: 1px solid rgba(43, 47, 52, 0.1);
    color: #545454;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    padding: 12px 16px;
    width: 100%;
    padding: 10px 16px;
    /* Firefox */
    height: 38px;
    /* Chrome & Safari */
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border: 0;
    outline: 1px inset #fff;
    outline-offset: -1px;
}


/* EMPLOYMENT FORM HIGHLIGHT INVALID FIELD */

.wpcf7-not-valid,
input.wpcf7-not-valid {
    border-color: #D94729 !important;
}


/* EMPLOYMENT FORM STAR COLOR AND SIZE */

.star {
    color: #D9393B;
    font-size: 14pt !important;
}


/* EMPLOYMENT FORM HORIZONTAL CHECKBOXES TOP SPACING */

.checkBoxHorizontalVet,
.checkBoxHorizontalVetFindOut {
    top: 12px;
}


/* EMPLOYMENT FORM HORIZONTAL CHECKBOXES BOTTOM PUSH */

.formBottomSpace {
    line-height: 33pt;
}


/* EMPLOYMENT FORM HORIZONTAL CHECKBOXES RIGHT SPACING */

span.wpcf7-list-item {
    margin-left: 0em;
    margin-right: 2em;
}


/* ARRANGE EXPERIENCE CHECKBOXES VERTICALLY */

.experience span.wpcf7-list-item {
    display: block;
}


/* UPLOAD BOX SHADOW */

.wpcf7-file {
    box-shadow: none !important;
    margin-top: 5px;
}


/* DISABLE SUBMIT BUTTON COLORING */

:disabled {
    color: #bbb !important;
    border: solid 2px #bbb !important;
    cursor: not-allowed !important;
}

div.wpcf7 .wpcf7-form .wpcf7-submit[disabled]:hover {
    background-color: #fff !important;
}


/* SUBMIT BUTTON LOADER SPACING */

div.wpcf7 img.ajax-loader {
    margin-top: 20px;
}


/* IT'S RED */

.red {
    color: #D93A3A;
}


/* GALLERY BULLET COLOR */

.custom .tp-bullet:hover,
.custom .tp-bullet.selected {
    background: rgb(256, 256, 256);
}

.custom .tp-bullet {
    background: rgb(256, 256, 256, 0.25);
    display: block;
}

@media only screen and (max-width: 1279px) {
    .custom .tp-bullet {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .outer {
        height: 255px;
    }
    .newTextSize {
        font-size: 10pt;
        line-height: 30px;
    }
    span.wpcf7-list-item {
        display: block;
    }
    .middlePic {
        height: 200px;
        background-size: cover !important;
    }
}

@media only screen and (max-width: 425px) {
    .outer {
        height: 155px;
    }
    .middlePic {
        height: 100px;
        background-size: cover !important;
    }
}


p {
    margin: 1em 0;
    text-align: left;
    font-size: 12pt !important;
    line-height: 40px;
}
ul li, ol li {
    padding-bottom: 4px;
    padding-top: 4px;
    font-size: 12pt;
    line-height: 40px;
}