/*
 Theme Name:   Transport Child
 Author:       Création Webson
 Author URI:   http://www.webson.ca/
 Template:     transport
 Version:      1.0
 Text Domain:  transport
*/

/* ------------------------------- 404 --------------------------- */

.error404 .query {
    display: none;
}

.error404 .error-box {
    padding-top: 10px;
    padding-bottom: 50px;
}

.error404 .error-box img {
    display: none;
}

/* ------------------------------- HEADER --------------------------- */

.logo {
    display: block;
    margin-top: -35px !important;
    margin-bottom: 10px;
    max-width: 80%;
}

@media only screen and (max-width: 768px) {
    .logo {
        width: 100% !important;
        margin: auto !important;
    }

    .navigation {
        top: 90px !important;
    }

    .primary-header .col-xs-12:first-child {
        display: none;
    }

    .primary-header .col-xs-12:last-child {
        padding: 0px;
    }

    .primary-header .social-wrap {
        width: 100%;
    }

    .primary-header .social-wrap .request {
        float: right;
        width: 50%;
    }

    .primary-header .social-wrap .social {
        float: left;
    }

    .primary-header .social-wrap .social li {
        border: none;
    }

    .nav-icon {
        position: relative !important;
    }

    .main-header .call-us {
        padding-top: 0px !important;
        margin-top: -35px !important;
    }

    .main-header .col-sm-3 {
        width: 80%;
        float: left;
    }

    .main-header .col-sm-9.custom-nav {
        width: 20%;
        float: right;
    }
}

.home #section {
	max-width: none !important;
    margin: auto !important;
    padding-top: 0px !important;
}

.home .section div:first-child {
	max-width: none;
    margin: auto;
    padding-top: 0px;
}

.home .section div:first-child .vc_column-inner {
	padding: 0px !important;
}

.home .section div:first-child .vc_row-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.home .section .vc_row-fluid {
	max-width: 1170px;
    margin: auto;
    left: auto !important;

    padding-left: 0px !important;
    padding-right: 0px !important;

    padding-top: 30px;
    padding-bottom: 30px;
}

#section {
	max-width: 1170px;
    margin: auto;
    padding-top: 60px;
}

.banner-text a {
	display: none;
}

@media only screen and (max-width: 1240px) {
    #section {
        max-width: 980px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .home #section {
        max-width: none !important;
        margin: auto !important;
        padding: 0px !important;
    }

    .home .section .vc_row-fluid:first-child {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .home .section .vc_row-fluid {
        max-width: 980px;

        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

@media only screen and (max-width: 1200px) {
    #menu-principal li a {
        padding: 10px 10px !important;
        font-size: 12px;
    }
}


@media only screen and (max-width: 1125px) {
    .main-header .custom-nav,
    #menu-principal {
        width: 100%;
    }

    #menu-principal {
        margin-top: 10px;
    }

    #menu-principal:before {
        content: "";
        background: #314555;
        display: block;
        width: 350%;
        height: 100%;
        left: -350%;
        top: 0;
        position: absolute;
        border: none;
    }

    #menu-principal li:first-child:before {
        display: none;
    }
}

/* ------------------------------------- FOOTER ------------------------------------ */

footer .widget_contact_info {
    float: right;
    width: 25%;
}

footer .footer-widget.text-8,
footer .footer-widget.text-9 {
    width: 12%;
    float: left;
}

footer .footer-widget.text-7 {
    width: 51%;
    float: left;
    text-align: center
}

@media only screen and (max-width: 768px) {
    /* ---------------------- POTEAUX ------------------------------ */
    footer .footer-widget.text-8,
    footer .footer-widget.text-9 {
    	width: 12%;
        float: left;
    }

    /* ---------------------- LOGO ------------------------------ */
    footer .footer-widget.text-7 {
        width: 76%;
        float: left;
    }

    footer .widget_contact_info {
        text-align: center;
        margin-bottom: -10px !important;
        float: none;
        width: 100%;
    }

    footer .widget_contact_info h5 {
        margin-bottom: -15px !important;
    }

    footer .widget_contact_info h5:after {
        width: auto;
        right: 0;
    }

    /* ------------------ COPYRIGHT ------------------------- */

    footer .custom-row {
        margin-top: 20px !important;
    }

    footer .custom-row .copyright {
        padding-top: 5px;
        text-align: center;
    }

    footer #menu-footer-navigation {
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    footer #menu-footer-navigation li {
        float: left;
        width: 33%;
    }

    footer #menu-footer-navigation li a {
        font-size: 11px;
        text-align: center;
    }
}

/* ------------------------------------- FORMULAIRE ---------------------------------------- */

.formulaire .gauche {
    width: 47%;
    float: left;
}

.formulaire .gauche p label {
    margin-top: 5px;
}

.formulaire .droit {
    width: 47%;
    float: right;
}

.formulaire .centre {
    width: 100%;
    clear: both;
}

.formulaire input,
.formulaire textarea,
.formulaire select,
.formulaire label {
    width: 100%;
}

.formulaire input,
.formulaire select,
.formulaire textarea {
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 16px;

    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}

.formulaire input:focus,
.formulaire textarea:focus {
    border: 1px solid #ff0000;
}

.formulaire select {
    margin-top: 5px;
}

.formulaire textarea {
    resize: none;
    height: 100px;
}

.formulaire p span {
    display: block;
}

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

.formulaire input[type="submit"] {
    border: 1px solid #ff0000;
    background-color: #ff0000;
    color: #FFF;
    width: 300px;

    -webkit-transition: all 0.4s; /* Safari */
    transition: all 0.4s;
}

.formulaire input[type="submit"]:hover {
    background-color: #FFF;
    color: #ff0000;
}

.formulaire input[type="file"] {
    border: none;
}

/* ------------------------- CHECKBOX DESIGN --------------------- */

.formulaire input[type="checkbox"] {
    visibility: hidden;
}

.formulaire input[type="checkbox"] {
    width: auto;
}

.wpcf7-list-item {
    margin-left: -0.35em !important;
}

.wpcf7-list-item span {
    position: relative;
    text-indent: 30px;
}

.wpcf7-list-item span:before {
    content: '';
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
    border-radius: 4px;
    background-color: #ff0000;
}

.wpcf7-list-item span:after {
    content: '';
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    width: 12px;
    height: 6px;
    background: transparent;
    top: 6px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.wpcf7-list-item span:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.wpcf7-list-item input[type=checkbox]:checked + span:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

/* ------------------------------- LISTE DES SORTIES ------------------------------- */

.liste-sorties {
    width: 100%;
}

.simple-sortie {
    width: 100%;
    border: 2px solid #394650;
    padding: 10px 20px !important;
    margin-top: 20px !important;
}

.simple-sortie .date-sortie {
    margin-bottom: 5px;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

.simple-sortie .description-sortie p {
    line-height: 20px;
    color: #394650;
}

/* --------------------------- RÉSEAUX SOCIAUX ---------------------------------- */

footer .text-10 {
    float: right;
    width: 25%;
}

.facebook-bouton {
    font-size: 0px;
    color: #FFF;
    width: 40px;
    height: 40px;
    display: block;
    border: 1px solid #FFF;
    text-align: center;
    line-height: 55px;
    margin-top: -30px;

    transition: all 0.4s;
    -webkit-transition: all 0.4s;
}

.facebook-bouton:hover {
    background-color: #FFF;
}

.facebook-bouton i {
    font-size: 20px;
}

@media only screen and (max-width: 768px) {
    footer .text-10 {
        float: none;
        width: 100%;
    }

    .facebook-bouton {
        margin-top: 0px;
        margin: auto;
    }
}