/*
Theme Name: soterem
Author: Huamn's Connexion - Lambert Delaye	
Description: Template WordPress Soterem
Template: bootstrap-basic
Version: 1.0
Tags: Soterem
*/

/* GENERAL */
body { font-family: 'Jura', sans-serif; overflow-x: hidden; }
p, li, span { font-family: 'Merriweather Sans', sans-serif; font-weight: 400; }
p b { font-weight: 600; }
a { color: #111111; text-decoration: none; }
a:hover { text-decoration: none; color: #40158a; transition: ease all 0.8s;  }
a:focus, a:visited { text-decoration: none; }
img.custom-logo {
    max-height: 65px;
    width: auto;
}
/* HEADING */
.hn-soterem { 
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px; 
    margin-top: 0;
}

.hn-soterem:before { 
    content: " ";
    width: 40px;
    height: 1px; 
    background-color: #fab319;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

h3 { 
    font-family: 'Merriweather Sans', sans-serif; 
    font-weight: 600; 
    font-size: 18px; 
}

/* HEADER */

header {
    height: 90px;
}

.breadcrumbs { height: 200px; text-align: center; color: #ffffff; background-size: cover; }
.breadcrumbs span a, .breadcrumbs span { color: #ffffff; text-shadow: 1px 2px rgba(0, 0, 0, 0.4); }
.breadcrumbs h1 { font-size: 52px; padding-top: 36px; text-shadow: 1px 2px rgba(0, 0, 0, 0.4); }

.menu-soterem .navbar-default .navbar-collapse, .menu-soterem .navbar-default .navbar-form, .menu-soterem .navbar { 
	border: none; 
	box-shadow: none; 
	background: none; 
	float: right; 
}

header a, header p, header li { font-family: inherit;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background: none; box-shadow: none; }

.menu-soterem .navbar-default .navbar-nav>li>a { 
	font-size: 15px; 
	color: #000000; 
	text-shadow: none; 
	font-weight: 600; 
    padding: 15px 10px; 
	line-height: 40px;
}
.menu-soterem .navbar-default .navbar-nav>li>a::after, .menu-soterem .navbar-default .navbar-nav>li.active>a::after  { 
    content: " "; 
    width: 50%; 
    height: 2px; 
    background-color: none; 
    display: block; 
    text-align: center; 
    left: 25%; 
    position: relative; 
}
.menu-soterem .navbar-default .navbar-nav>li>a:hover::after, .menu-soterem .navbar-default .navbar-nav>li.active>a::after { 
	background-color: #fab319; 
}

.menu-soterem .navbar-default .navbar-nav>li>a:hover { color: #fab319; }

.navbar-default .navbar-nav>li.active a, .navbar-default .navbar-nav a:hover { color: #fab319; transition: 0.5s; }
.navbar-default .navbar-nav>li.active ul li a {
    color: #000000;
}

.navbar { margin-bottom: 0; }


.menu-item-has-children:hover .dropdown-menu { display: block; }
.dropdown-menu { padding: 0; }
.dropdown-menu>li>a {
    padding: 10px 20px;
    border-bottom: 1px solid #e6e6e6; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover, .dropdown-menu ul li a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #1b2343; background-image: none; color: #ffffff!important; }

/* PAGE No-scroll*/
.page-template-page-no-scroll .row-with-vspace { margin-bottom: 0; }

#block-1-content {
    background-color: rgba(0,0,0,0.65);
    margin: 0 45px 0 30px;
    padding: 35px;
    color: #ffffff;
    position: absolute;
    bottom: 100px;
}


.block-offre .vc_column-inner > .wpb_wrapper { -webkit-box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2); padding-left: 10px; padding-top: 10px; }
.block-image figure.vc_figure { padding: 15px; -webkit-box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2); box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2); }
.hc-home-editor .col-sm-4, .hc-home-editor .col-sm-8, .hc-home-editor .col-sm-3, .hc-home-editor .col-sm-12 { padding-left: 0; padding-right: 0; }
#hc-home-block1, #block-metier, #block-produits { margin-right: 7px; background-size: cover; }
#hc-home-block1 { background-size: cover; }
.row.hc-home-editor {
    padding-left: 7px;
    padding-right: 7px;
}
.hc-home-editor h1 { margin-top: 0; }
.hc-home-editor h2 { margin-bottom: 0; }
.hc_home_block2 { color: #ffffff; margin-right: 7px; text-align: center; }
.hc_home_block2 .a-hc-home-yellow { padding-top: 20%; }


#block-spatial { background-color: #030537; }
#block-aero { background-color: #4a6d9a; }
#block-nucleaire { background-color: #7694bd; }
#block-industrie { background-color: #76b2ec; }
.hc_home_block3 { margin-top: 7px; }

a span.icon-arrow::before {
    position: absolute;
    bottom: 0px;
    right: 7px;
    content: url(img/icon-fleche-48.jpg);
    width: 48px;
    height: 48px;
    display: block;
}

a:hover span.icon-arrow::before { content: url(img/icon-fleche-hover-48.jpg); }

#block-industrie a span.icon-arrow::before, a #block-contact span.icon-arrow::before, a #block-actu span.icon-arrow::before { right: 0; }

div.hc_home_block4 {
    padding: 15px 35px;
}

div#block-contact h2 {
    width: 50%;
}

#block-industrie a span.icon-arrow, a .hc_home_block4 span.icon-arrow { right: 0; }

a.a-hc-home-yellow{
	float: left;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffffff;
}

.contact-actu a.a-hc-home-yellow { color: #111111; }

a.a-hc-home-yellow:hover { background-color: #fab319; transition: none; color: #ffffff; }
a.a-hc-home-yellow.opacity-link:hover { background-color: rgba(250,179,25,0.7);  }
a.a-hc-home-yellow.opacity-link { padding: 35px; }
a.a-hc-home-yellow.opacity-link.no-padd { padding: 0; }
#block-3a-content, #block-3b-content {     
	bottom: 35px;
    position: absolute;
    width: 50%;
     }

/* GENERAL PAGES */
#main-column .post, #main-column .page { border: none; margin: 35px 0; }

.intro-p { font-size: 18px; color: #797979; line-height: 30px; }

.soterem-list ul li {
    list-style-type: none;
    position: relative;    
    margin-bottom: 50px;
}

.soterem-list ul li:before {
    display: block;
    position: absolute;
    top: -4px;
    left: -40px; 
    width: 28px; 
    height: 28px;
    content: " ";
    background-image: url("img/icon-check.png");
    background-repeat: no-repeat;
}

.soterem-list ul li h3 { margin-top: 0; margin-bottom: 0; padding-bottom: 15px; }

.block-exemple { color: #ffffff; }

.block-exemple h2 { 
    display: table;
    color: #fff;
    background-color: #fab319;
    padding: 5px 10px;
    font-size: 20px;
    text-transform: uppercase; 
}

.h2-not-background h2 { background-color: transparent; }

.block-exemple h3 { 
    font-size: 20px;
}

.block-exemple ul { clear: both; }

.block-exemple ul li:before {
    display: block;
    position: absolute; 
    width: 11px;
    height: 8px;
    top: 6px;
    left: -30px;
    content: " ";
    background-image: url("img/check.png");
    background-repeat: no-repeat;
}

.block-exemple ul li {
    list-style-type: none;
    position: relative;    
    margin-bottom: 15px;
}
.block-exemple.white-text ul li:before { background-image: url("img/check-white.png"); }

.img-legend-container { position: relative; }
.img-legend-container span {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background-color: #ffffff;
    color: #000000;
    padding: 10px 75px 10px 15px;
}
.vc_progress_bar .vc_single_bar { 
    background-color: #270e4d!important; 
    border-radius: 0!important;  }
.vc_progress_bar .vc_single_bar .vc_bar { border-radius: 0!important; }

.block-produit { 
    -webkit-box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2);  
}
.block-produit ul {
    float: left;
    width: 100%;
    padding-left: 0;
}

.block-produit ul li {
    float: left;
    width: 100%; 
    list-style-type: none;
    padding: 10px;
    padding-left: 30px;
}

.block-produit h3 { padding: 10px 30px; background-color: #fab319; margin-top: 0; float: left; color: #ffffff; }

.block-produit ul li:nth-child(even) { 
    background-color: #f8f8f8;
}

.white-text { 
    color: #ffffff;
}

.hc_key_figure span { 
    width: 100%;
    float: left;
    text-align: center;
}

span.key_figure {
    font-size: 30px;
    font-weight: 600;
    color: #4c7cbb;
}
.key_figure_text { font-family: 'Jura', sans-serif; font-size: 16px; }


input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    border: 1px solid #aeaeae;
    padding: 10px 25px;
    width: 100%;
    margin-bottom: 15px;
    max-height: 120px;
}
input.wpcf7-form-control.wpcf7-submit {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    padding: 10px 15px;
    text-transform: uppercase;
    font-family: 'Jura', sans-serif;
}
input.wpcf7-form-control.wpcf7-submit:hover { 
    transition: 0.5s ease all; 
    color: #000000;
    background-color: #ffffff;
}

#top_bg { background-position: top!important; }
#img_society { 
    margin-right: -60px;
    position: relative;
    display: block;
    margin-left: -25px; 
}
#img_society img {
    position: absolute;
    left: 0;
    float: left;
}
.block-historique {
    padding-left: 70px !important;
    padding-right: 55px!important;
    line-height: 25px;
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner { text-align: center; }

.progress-info, .progress { float: left; width: 100%; border-radius: 0; }
.title-progress { float: left; width: 50%; text-align: left; }
.value-progress { float: left; width: 50%; text-align: right; }

.progress-info {
    margin-bottom: 5px;
    font-weight: 600;
}

.vc_carousel-slideline img { max-width: 100%; height: auto; }

.vc_row.wpb_row.vc_row-fluid.row_margin_zero { margin-left: 0; margin-right: 0; }

.Background-black_80.wpb_column {
    padding-right: 70px;
    padding-left: 65px;
    padding-bottom: 20px;
}

.Background-black_80.wpb_column .vc_column-inner {
    background-color: #0000009a;
}

.Background-black_20>.wpb_column>.vc_column-inner {
    background-color: #0000009a;
    padding-bottom: 60px;
}

.Background-black_20 .wpb_column .vc_column-inner .wpb_text_column.wpb_content_element .wpb_wrapper {
    padding-right: 50px;
}

.row.row-with-vspace.site-content {
    margin-bottom: 0;
}

/* FOOTER */
footer , footer a , footer p { font-family: inherit; }
#footer-row { margin-left: 0; margin-right: 0;}
#site-footer { background: #ffffff; border-top: none; font-size: 14px; color: #111111; padding: 0; }
.sidebar-footer { padding: 20px; }
#pre-footer { background-color: #111111; color: #ffffff; font-size: 14px; float: left; width: 100%; }
#pre-footer a { color: #ffffff; }
#pre-footer span.widget-title { font-size: 18px; font-weight: 700; margin-bottom: 30px; display: block; }
.sidebar-top-footer-1 { text-align: center; padding-bottom: 25px; }
.sidebar-top-footer-1 img { margin: 25px auto; }
.sidebar-top-footer-2, .sidebar-top-footer-3, .sidebar-top-footer-4 { padding: 70px 35px 30px 40px; } 
.sidebar-top-footer-3 span.wpcf7-form-control-wrap.your-email input {
    background: none;
    border: none;
    border-bottom: 1px solid #363636;
    width: 100%;
    color: #ffffff;
    margin-top: 25px;
    padding: 10px 0;
}

.sidebar-top-footer-3 span.wpcf7-form-control-wrap.your-email input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #ffffff;
	opacity: 1;
}
.sidebar-top-footer-3 span.wpcf7-form-control-wrap.your-email input::-moz-placeholder { /* Firefox 19+ */
	color: #ffffff;
	opacity: 1;
}
.sidebar-top-footer-3 span.wpcf7-form-control-wrap.your-email input:-ms-input-placeholder { /* IE 10+ */
	color: #ffffff;
	opacity: 1;
}
.sidebar-top-footer-3 span.wpcf7-form-control-wrap.your-email input:-moz-placeholder { /* Firefox 18- */
	color: #ffffff;
	opacity: 1;
}

.sidebar-top-footer-3 input.wpcf7-form-control.wpcf7-submit {
    background: none;
    border: 1px solid #fff;
    padding: 10px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}
.sidebar-top-footer-3 input.wpcf7-form-control.wpcf7-submit:hover { background-color: #ffffff; color: #000000; transition: 0.5s ease all; }
.bg-right.vc_row.block-exemple {
	background-position: right !important;
}
.prestation-list ul li {
    margin-bottom: 20px;
}

/* ARTICLE */

span.entry-title { font-size: 24px; }

.archive_header { margin-top: 50px; height: auto; }
.background-archive { 
    background-image: url(../../../wp-content/uploads/2018/05/bg_produits.jpg?id=119);
    background-repeat: no-repeat;
}

.error404 .form-control { 
    float: left;
    width: 60%;
    border-radius: 0;
    padding: 10px;
    height: auto;
}

.error404 .btn-default { float: right; }

body .vc_btn3.vc_btn3-color-black,
body .btn-default {
    background-image: none;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    transition: 0.5s;
    padding: 10px 15px;
    text-transform: uppercase;
    font-family: 'Jura', sans-serif;
    text-shadow: none;
    border-radius: 0;
}

body .vc_btn3.vc_btn3-color-black:hover,
body .btn-default:hover {
    border: 1px solid #000000;
    background-color: #fff;
    color: #000000;
    transition: 0.5s;
}

/* RESPONSIVE */

@media screen and (max-width: 1440px) {
    div#block-contact h2 { position: absolute; bottom: 0; }
    div#block-actu .pos-absolute { position: absolute; bottom: 40px;  }
    img.hc-home-img { width: 60px; }
    .hc_home_block2 .a-hc-home-yellow { padding: 5%; }
    .Background-black_80.wpb_column { padding-left: 0px; }
}

@media screen and (max-width: 1024px) {
    a span.icon-arrow::before { content: url(img/icon-fleche-48.jpg); }
    .hc_home_block2 .a-hc-home-yellow { padding: 5%; padding-top: 20%; }
    .hc-home-editor h2 { font-size: 22px; }
    #block-1-content { bottom: 15%; }
    div#block-actu h2 { bottom: 60px; }
    div#block-actu p { position: absolute; bottom: 25px; }
    .menu-soterem .navbar-default .navbar-nav>li>a { padding: 15px 10px; }
    .block-historique { padding-left: 58px !important; }
    .wpb_wrapper .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-8 { width: 100%; }
    .wpb_wrapper .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner {
        padding-left: 80px !important;
        padding-right: 100px !important;
    }
    .block-produit h2 { font-size: 22px; }
    .block-produit h3 { font-size: 14px; }
}

@media screen and (max-width: 990px) {
    #block-1-content { bottom: 8%; }
    #block-1-content p { font-size: 12px; }
    .hc_home_block4 h2 { font-size: 18px; }
}

@media screen and (max-width: 960px) {
    .hc-home-editor h2 { font-size: 18px; }
    .hc_home_block4 h2 { font-size: 14px; }
    .block-exemple.white-text .vc_column-inner { padding-left: 20px !important; }
}

@media screen and (max-width: 768px) {
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 15px 13px;
        margin-top: 13px;
        margin-right: 15px;
        margin-bottom: 0;
        background-color: #3e1699;
        background-image: none;
        border: none;
        border-radius: 0;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #3e1699; }
    .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; }
    #headerSoterem { 
        position: fixed;
        display: inline-block;
        clear: both;
        float: left;
        width: 100%;
        top: 0;
        z-index: 1000;
        background-color: #ffffff;
    }
    .home #main-column, .breadcrumbs { margin-top: 90px; }
    .menu-soterem .navbar-default .navbar-collapse { width: 100%; text-align: right; padding-right: 50px; }
    .menu-soterem .navbar-default .navbar-nav>li a { border-bottom: 1px solid #3e1699; float: right; }
    .menu-soterem .navbar-default .navbar-nav>li:last-child a { border-bottom: none; }
    .menu-soterem .navbar-default .navbar-nav>li>a { padding: 10px 5px; line-height: 25px;  }
    .home .vc_column_container>.vc_column-inner { padding-right: 0; }
    .hc_home_block2 .a-hc-home-yellow { padding-top: 9%; }
    a span.icon-arrow::before { content: url(img/icon-fleche-48.jpg); }
    #block-industrie a span.icon-arrow::before, a #block-contact span.icon-arrow::before, a #block-actu span.icon-arrow::before { right: 7px; }
    div#block-actu p { margin-bottom: 0; bottom: 0; }
    div#block-actu h2 { bottom: 25px; }
    div#block-contact h2 { bottom: auto; }
    .row.hc-home-editor { margin-top: 20px; }
    .hc-home-editor h2 { font-size: 17px; }
    .hc_home_block4 h2 { font-size: 12px; }
    .contact-actu a span.icon-arrow::before { content: ""; height: 49px; }
    .wpb_wrapper .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_column_container.vc_col-sm-8 .vc_column-inner {
        padding-left: 40px !important;
        padding-right: 60px !important;
    }
    .entry-content div.vc_row.wpb_row.vc_row-fluid { margin-left: 0; margin-right: 0 !important; padding-right: 0 !important; }
    .container h1 { padding-top: 0; font-size: 44px; }
    .image-block-text.wpb_column.vc_column_container.vc_col-sm-1 { display: none; }    
}

@media screen and (max-width: 767px) {
    #img_society img {
        position: absolute;
        top: -480px;
        right: 0;
        left: auto;
        width: 18%;
    }
    .block-texte.wpb_column.vc_column_container {
        padding-left: 58px;
        padding-top: 0px;
    }
    .Background-black_80.wpb_column { padding-left: 65px; }
    .page-container .content .site-main .entry-content .vc_row.wpb_row.vc_row-fluid.vc_row-o-content-middle.vc_row-flex .wpb_column.vc_column_container.vc_col-sm-12 .vc_column-inner { padding-left: 0; padding-right: 0; }
    .withe_text_blue > .wpb_column > .vc_column-inner { padding-left: 0px;  padding-right: 0px; }
    .white-text.margin-bottom.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill { margin-bottom: 20px; }
}

@media screen and (max-width: 460px) {
    .container h1 { font-size: 40px; }
}

@media screen and (max-width: 425px) {
    .contact-actu a span.icon-arrow::before { content: ""; height: 49px; }
    div#block-actu h2 { bottom: 45px; }
    div.hc_home_block4 { padding: 15px; }
    #block-3a-content, #block-3b-content { bottom: 70px; }
    #block-3a-content h2, #block-3b-content h2 { margin-top: 0px; }
    #block-1-content { bottom: 20%; }
    .container h1 { font-size: 40px; }
}
@media screen and (max-width: 330px) {
    .hn-soterem { 
        font-size: 25px;
    }
}
@media screen and (min-width: 768px) {
    .five-columns.vc_row .vc_col-sm-2 {
        float: left;
        width: 18.5%;
        padding: 0;
        margin-right: 1.5%;
        min-height: 0;
    }
    .five-columns.vc_row .vc_col-sm-2:nth-last-child(2) {
        margin-right: 0;
    }
    #pre-footer .container { display: flex; }
    .sidebar-top-footer-2, .sidebar-top-footer-3, .sidebar-top-footer-1 { border-right: 1px solid #363636; }
}

a.headertext {
    display: none;
}

.admin-bar div#headerSoterem {
    top: 46px;
}


@media only screen and (max-width: 1025px) {
    body.admin-bar .mobmenu {
        top: 50px!important;
    }
    .mob-menu-header-holder {
        width: 50%!important;
    }
    .mobmenu_content #mobmenuright li:hover {
        background-color: #fab319!important;
    }
}


.navbar .dropdown-menu{
    min-width: 60px;
}