/*
 Theme Name:   Cool Sarl Child theme 
 Theme URI:    https://generatepress.com
 Description:  Cool Sarl Child theme - Theme de base Generate Press
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/**START CUSTOM CSS SMILE**/

/**TEMP HOME**/
.home.separate-containers .inside-article {
	padding-bottom:0;
}
.home.separate-containers .site-main, .separate-containers .site-main  {
    margin-bottom: 0;
}

       /**     FONTS
        **/
p {
	hyphens: auto;
}
.light-title {
    font-weight: 300;
}
.little-title {
    vertical-align: top;
    font-size: 17px;
}
.laboitefont {
    font-family: 'Kanit', sans-serif;
    text-transform: uppercase;
    font-size: 20px;
}
.custom-btn span {
    text-transform: uppercase;
}
/**
            COLORS
        **/
.laboite-white {
    color: #ffffff;
}

.laboite-blue {
    color: #107fbb;
}

.laboite-red {
    color: #e4313f;
}

.bg-blue {
    background-color: #1a4970;
}

.blue-title h1,
.blue-title h2,
.blue-title h3,
h1,
h2,
h3,
h4,
h5,
.breadcrumb_last {
    color: #082e5d;
}
.breadcrumb_last {
    font-weight: 100;
}
a.custom-btn:hover,
.ow-button-base a:hover {
    background: #0e273c;
    color: white !important;
}

a.custom-btn:hover span,
.ow-button-base a:hover span {
    color: white !important;
}

.h1-style {
    font-size: 40px;

}
.similar-list {
	font-size: 13px;
	padding-left:18px;
}
.similar-list ul, .similar-list ul li {
	list-style-type: circle;
	padding-bottom: 0;
}
/**
            BLOCKS
        **/
footer,
.footer-widgets {
    background-color: #0e273c;
    color: white;
}

footer * {
    color: white !important;
}
.site-info {
    background-color: #0b1c2b;
}
.bloc-boxed-contain {
	max-width: 82%;
	margin: auto;
}
.bloc-boxed-contain .panel-first-child {
	margin-bottom: 0 !important;
}
.generate-press {
    display:none;
}
/**
HEADER, NAV...
**/
.main-navigation,
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li:hover > a {
    background-color: transparent;
}

.main-navigation .main-nav ul li > a {
    color: #0e273c;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    line-height: 101px;
    padding-left: 20px;
    padding-right: 20px;
}

.main-navigation ul ul {
    width: 100%;
    top: 70px;
}

.main-navigation .main-nav ul ul li:hover a {
    background-color: #43608e !important;
    color: white !important;
}
.main-navigation .main-nav ul ul li a {
    padding: 10px 4px;
    background-color: #ffffff !important;
    text-transform: none;
    color: #0e273b;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a:hover,
.main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a, .main-navigation .main-nav ul ul li a:hover, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul ul li[class*="current-menu-"] > a:hover {
    color: #dc0016;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 10px;
	    margin-top: -26px !important;
}

.top-bar {
    background-color: #0e273c;
}
.top-bar a:hover {
    color: #dc0016;
}
.widget_mslswidget a {
    margin: 0 8px;
    font-weight: 800;
}
.inside-header {
    padding: 40px 0;
}

.breadcrumb_Yoast p {
    font-size: .9em;
    hyphens: none;
}

/**
            HOME
        **/
.bg-no-center {
background-position:center;
background-repeat:no-repeat;
}
.separate-containers .inside-article {
    padding-top: 0;
        padding-bottom: 0;
}

.separate-containers .site-main {
    margin-top: 0;
}

.Pictos {
    position: relative;
}

.Pictos:after {
    position: absolute;
    right: 0;
    top: 28px;
}

.not-really-full .Pictos:after {
    right: 10px;
    top: 20%;
}

.Pictos.HotCold:after {
    content: url(img/Hot-and-Cold-picto-smaller.png);
}
.Pictos.Cold:after {
    content: url(img/Cold-picto-smaller.png);
}
.Pictos.Hot:after {
    content: url(img/Hot-picto-smaller.png);
}
/** FORMULAIRE**/
.wpcf7-not-valid  {
    border-color: red !important;
}
.wpcf7-not-valid-tip {
    display: none !important;
}
.acceptance-842 .wpcf7-not-valid-tip {
    display:block !important;
}
.wpcf7-form p.small {
    font-size: .6em;
}
/**MEDIA QUERIES**/
@media (min-width: 1140px) {
    .bloc-full-contain .panel-grid-cell {
        width: 50% !important;
    }
}

@media screen and (min-width: 769px) {
    .not-really-full {
        border-left: solid white 50px !important;
        border-right: solid white 50px !important;
    }

    .btn-devis {
        z-index: 100;
        position: fixed !important;
        right: -226px;
        color: white;
        padding: 10px !important;
        text-transform: uppercase;
        width: 180px;
        letter-spacing: 0px;
        background-color: #0e273b;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        transform-origin: left bottom 0;
        border-radius: 10px;
        display: block !important;
        top: 420px;
        height: 50px !important;
        transition: all .4s ease;
    }

    .btn-devis a {
        line-height: 33px !important;
        color: white !important;
        background-color: #0e273b;
    }

    .btn-devis:hover a,
    .btn-devis a:hover {
        color: white !important;
    }

    .btn-devis a::before {
        content: url(img/IconDevis.png);
        position: absolute;
        bottom: 25px;
        transform: rotate(90deg);
        right: 21px;
    }

    .btn-devis:hover {
        right: -224px;
        transition: all .4s ease;

    }
}

@media (max-width: 768px) {
    .site-header {
        text-align: left;
    }

    .site-logo {
        margin-left: 30px;
    }

    [class*=nav-float-] .site-header .inside-header > * {
        display: inline-block;
    }

    .main-navigation .menu-toggle {
        height: 30px;
    }

    .menu-toggle:before {
        color: #194970;
        font-size: 2em;
        top: 0;
        right: 30px;
        position: absolute;
        height: 30px;
    }

    #site-navigation {
        position: absolute;
        right: 0;
        top: 50px;
        width: 100%;
    }

    #site-navigation.toggled {
        position: relative;
        top: -90px;
    }

    .menu-toggle .mobile-menu {
        display: none;
    }

    .main-navigation .main-nav ul li > a {
        line-height: 3em;
    }

    #site-navigation.toggled #primary-menu {
        background-color: white;
        margin-top: 50Px;
        border-top: 1px solid lightgrey;
        border-bottom: 1px solid lightgrey;
    }

    .toggled .menu-item-has-children .dropdown-menu-toggle {
        padding-left: 30px;
    }
}