/*
Theme Name: Colibro Child
Author: WebGeniusLab
Author URI: http://webgeniuslab.net
Description: -
Version: 1.0
Template: colibro
Text Domain:  colibro-child
*/

@font-face {
  font-family: 'Conv_GothamLight';
  src: url('fonts/GothamLight.eot');
  src: local('☺'), url('fonts/GothamLight.woff') format('woff'), url('fonts/GothamLight.ttf') format('truetype'), url('fonts/GothamLight.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_GothamBold';
  src: url('fonts/GothamBold.eot');
  src: local('☺'), url('fonts/GothamBold.woff') format('woff'), url('fonts/GothamBold.ttf') format('truetype'), url('fonts/GothamBold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url("fonts/icomoon.eot?yfxkec");
  src:  url("fonts/icomoon.eot?yfxkec#iefix") format('embedded-opentype'),
    url("fonts/icomoon.ttf?yfxkec") format('truetype'),
    url("fonts/icomoon.woff?yfxkec") format('woff'),
    url("fonts/icomoon.svg?yfxkec#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-linkedin:before {
  content: "\e90a";
}
.icon-insta:before {
  content: "\e90b";
}
.icon-tw:before {
  content: "\e90c";
}
.icon-fb:before {
  content: "\e909";
}
.icon-tel:before {
  content: "\e906";
}
.icon-localisation:before {
  content: "\e907";
}
.icon-mail:before {
  content: "\e908";
}
.icon-quote:before {
  content: "\e905";
}
.icon-developpement:before {
  content: "\e902";
}
.icon-hebergement:before {
  content: "\e903";
}
.icon-referencement:before {
  content: "\e904";
}
.icon-conseil-communication:before {
  content: "\e901";
}
.icon-site-internet:before {
  content: "\e900";
}

.icon-site-vitrine:before {
  content: "\e90d";
}

.icon-site-e-commerce:before {
  content: "\e90e";
}
.icon-audit-site:before {
  content: "\e90f";
}
.icon-maintenance:before {
  content: "\e910";
}

.icon-ref-naturel:before {
  content: "\e911";
}
.icon-ref-local:before {
  content: "\e912";
}
.icon-heberg-serv:before {
  content: "\e913";
}
.icon-heberg-propre-serv:before {
  content: "\e914";
}
.icon-heberg-secu:before {
  content: "\e915";
}
.icon-heberg-archi:before {
  content: "\e916";
}

.icon-logiciel-metier:before {
  content: "\e917";
}
.icon-logiciel-web:before {
  content: "\e918";
}
.icon-logiciel-mobile:before {
  content: "\e919";
}

.icon-conseil-com:before {
  content: "\e91a";
}
.icon-conseil-contenu:before {
  content: "\e91b";
}
.icon-conseil-strategie:before {
  content: "\e91c";
}
.icon-conseil-mailing:before {
  content: "\e91d";
}
.icon-conseil-reseaux:before {
  content: "\e91e";
}

.icon-ref-pub:before {
  content: "\e91f";
}



html body { font-family: 'Conv_GothamLight'; }
body h1, body h1 a, body h1 span,body h2, body h2 a, body h2 span,body h3, body h3 a, body h3 span {  font-family: 'Conv_GothamBold'; letter-spacing:2px;}

body h1 { font-size:60px;     margin-bottom: 10px;      line-height: normal;   }
body h1 span {font-family: 'Conv_GothamLight';     color: #fff; } 
body h2 { font-size:30px;    margin-bottom: 15px !important;}
body h2 strong,body h3 strong { color:#57b89b;}

body .wgl-theme-header.header_overlap {   background: rgb(31, 25, 51);}
body .wgl-header-row { color:#fff !important;}
.wgl-sticky-header.sticky_active li > a > span { color:#131132 !important;}
body .primary-nav > ul > li.current-menu-item > a,body .primary-nav > ul > li.current-menu-ancestor > a,body .primary-nav > ul > li:hover > a,body .wgl-sticky-header.sticky_active li.current-menu-item > a > span,body .wgl-sticky-header.sticky_active li.current-menu-ancestor > a > span  {color:#57b89b !important;}
body h1 { color:#fff;}
#titre-page small { color:#fff; text-transform:uppercase;     font-weight: bold;}
#titre-page small strong { color:#131132;}
.chapeau {font-size:22px; line-height: 32px;}

body .primary-nav > ul li { z-index:10;}

.grande-lettre p:first-child:first-letter { color:#fff; background:#fdc34d; padding:5px 7px; font-size:150%; margin-right:7px; font-weight:bold; height:50px; display:block; width:25px; }
.mac  .grande-lettre p:first-child:first-letter {padding-top:23px;}

.single_portfolio .related_portfolio .colibro_module_title  h3:first-letter { color:#57b89b;}

.colibro_module_flipbox.type_flip_right .flipbox_front { border: 1px solid #57b89b;}

header .primary-nav > ul > li > a,body .isotope-filter a {text-transform: none;}
.btn-special { text-transform:uppercase; font-weight:bold; font-family: 'Conv_GothamBold';     position: relative;}
.btn-special a { color:#131132; position: relative;  z-index: 10;  display: inline-block;}
.btn-special:before {      -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;   left: 25px;    margin: 0 auto;    position: absolute;   bottom: -13px;   height: 90px;    width: 320px;    background-image: url(img/btn-bg.png);    background-repeat: no-repeat;    background-position: center;    content: "";    z-index: -1;}
body #colibro_testimonials_5d36ac6a75d50 .testimonials_quote {    color: #242036;     font-size: 16px;     font-weight: 600;}
body #main { padding:0;}

body .colibro_module_flipbox .flipbox_front .flipbox_logo { width:100px;}

body #cookie-law-info-bar {    font-size: 12px;   padding: 0px 10px;}
body #scroll_up {    bottom: 150px;}
body #cookie-law-info-again {    box-shadow: none;    border: 1px solid #000;    border-bottom: 0; background: none !important; }

.footer .btn-special:before  { z-index:0; }

.btn-special:hover:before {-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

.footer .btn-special .wpb_wrapper p { z-index:10; position:relative;}
.footer .btn-special .wpb_wrapper a { color:#131132; }


.footer .sub-menu { position:absolute; background: #fdd592; display:none; margin-left: 20px;  padding:15px;}
.footer .sub-menu   a { padding:0 !important;}
.footer .menu-item-has-children:hover .sub-menu { display:block; }
.footer .sub-menu li {padding:0 !important;margin: 0 !important;line-height: normal !important;}
.footer .sub-menu li a {padding-left:0 !important; font-weight:normal !important; font-size:13px;}




.footer ul li:before { display:none;}
.footer ul li { margin-bottom:10px;}
.footer ul li i { margin-right:7px;}
.footer ul li a:before { display:none !important;}
.footer .vc_wp_custommenu  a {font-weight:bold;}
.footer .vc_wp_custommenu  li:last-child a {padding-right:0;}
body .footer_top-area strong { font-weight:bolder;}
.footer .vc_wp_custommenu { margin-bottom:25px;}

#footer .heading_title {   margin-top: 25px;}

body .breadcrumb-container.theme1 a { background:none; text-transform:uppercase; margin:0;}
body .breadcrumb-container li:before { display:none;}
body .breadcrumb-container li:last-child a {  font-family: 'Conv_GothamBold';}
body .breadcrumb-container.theme1 li:first-child a { padding-left:0;}
body .breadcrumb-container {    margin-left: 0;    padding-left: 0;}

body .wgl-theme-header.header_overlap { position:static;}
body.home .wgl-theme-header.header_overlap { position:absolute;}

body .single_portfolio-wrapper.single_type-1 {margin-top:0;}

body .colibro_module_testimonials .testimonials_quote { font-size:16px;  color:#131132 !important; font-family: 'Conv_GothamLight';}
body .colibro_module_testimonials.type_author_bottom_inline .testimonials_item:before {     color: #57b89b;}

.single-portfolio .colibro-post-navigation {display:none;}
.single-portfolio .row .wgl_portfolio_list-item {margin-bottom:45px;}

body .primary-nav > ul > li.current-menu-item > a > span:before,body .primary-nav > ul > li.current_page_item > a > span:before,body  .primary-nav > ul > li.current-menu-ancestor > a > span:before,body  .primary-nav > ul > li.current-menu-parent > a > span:before, body  .primary-nav > ul > li.current_page_parent > a > span:before, body .primary-nav > ul > li.current_page_ancestor > a > span:before,body .primary-nav > ul > li:hover > a > span:before {   color: #35aa9b;}

body .dbl_font {    font-family: 'Conv_GothamBold' !important;    color: #ffcf68 !important; font-style:normal !important;}

.arrow-left-animated .arrow-animated-left, .arrow-left-animated .arrow-animated-right, .arrow-right-animated .arrow-animated-left, .arrow-right-animated .arrow-animated-right {
    top: 0;
    left: 3.5px;
    width: 11px;
    height: 18px;
    transition: left 250ms ease-out;
    -webkit-transition: left 250ms ease-out;
    -moz-transition: left 250ms ease-out;
    -ms-transition: left 250ms ease-out;
}

.arrow-right-animated .arrow-animated-strike {
    left: -11px;
}

.arrow-left-animated polygon, .arrow-left-animated rect, .arrow-right-animated polygon, .arrow-right-animated rect {
    fill: #fff;
}

.arrow-left-animated .arrow-animated-strike, .arrow-right-animated .arrow-animated-strike {
    top: 8px;
    width: 16px;
    height: 2px;
    background: #fff;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);
    filter: alpha(opacity=0);
    opacity: 0;
    transition: left 250ms ease-out,opacity 250ms ease-out;
    -webkit-transition: left 250ms ease-out,opacity 250ms ease-out;
    -moz-transition: left 250ms ease-out,opacity 250ms ease-out;
    -ms-transition: left 250ms ease-out,opacity 250ms ease-out;
}

.arrow-left-animated>*, .arrow-right-animated>* {
    position: absolute;
    top: 0;
    left: 0;
}


.arrow-left-animated, .arrow-right-animated {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -4px;
}

.arrow-left-animated .arrow-animated-left{left:0}a:hover .arrow-left-animated .arrow-animated-strike{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);filter:alpha(opacity=100);opacity:1;left:2px}a:hover .arrow-right-animated .arrow-animated-right{left:7px}a:hover .arrow-right-animated .arrow-animated-strike{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);filter:alpha(opacity=100);opacity:1;left:0}






#sub-menu-offer { background:#57b89b; display: inline-block; float: right; }
#sub-menu-offer .nav-name {
   
   padding: 10px 15px;
    border-right: 1px solid #ffffff5c;
    display:inline-block;
        width: 300px;
    color:#fff;
    text-transform: uppercase;

}

#sub-menu-offer .nav-toggle {
    float: right;
    width: 45px;
    height: 44px;
    border-left: 1px solid transparent;
    margin-top: 2px;
margin-right: 2px;
}


.arrow-animated,.arrow-animated:before, .arrow-animated:after {
    display: block;
    width: 26px;
    height: 3px;
    background-color: #fff;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 1px;
}

.arrow-animated,.arrow-animated:before, .arrow-animated:after {
    position: absolute;
    content: "";
}
.arrow-animated {
    position: relative;
    margin-top: 22px;
        margin-left: 9px;}

.arrow-animated:before {
    top: -8px;
}
.arrow-animated:after {
    top: 8px;
}


.active .arrow-animated:before {
    -webkit-transform: translate3d(0, 8px, 0) rotate(45deg);
    -ms-transform: translate(0, 8px) rotate(45deg);
    transform: translate3d(0, 8px, 0) rotate(45deg);
}

.active .arrow-animated:after {
    -webkit-transform: translate3d(0, -8px, 0) rotate(-225deg);
    -ms-transform: translate(0, -8px) rotate(-225deg);
    transform: translate3d(0, -8px, 0) rotate(-225deg);
}

.active .arrow-animated {
    background-color: transparent!important;
}


/* SUBMENU OFFRES */

#sub-menu-offer { cursor:pointer;    z-index: 1;}
#sub-menu-offer:hover .arrow-animated .arrow-animated-a1{top:8.5px}#sub-menu-offer:hover .arrow-animated .arrow-animated-a2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);filter:alpha(opacity=0);opacity:0}
#sub-menu-offer:hover .arrow-animated .arrow-animated-s{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);filter:alpha(opacity=100);opacity:1;top:-2px}#sub-menu-offer.active:hover .arrow-animated .arrow-animated-a1{top:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);filter:alpha(opacity=0);opacity:0}#sub-menu-offer.active:hover .arrow-animated .arrow-animated-a2{top:-2px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);filter:alpha(opacity=100);opacity:1}#sub-menu-offer.active:hover .arrow-animated .arrow-animated-s{top:1px;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);filter:alpha(opacity=100);opacity:1}

.active .arrow-animated .arrow-animated-a1 {
    top: 0;
}
.active .arrow-animated .arrow-animated-a2 {
    top: 8px;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
    filter: alpha(opacity=100);
    opacity: 1;
}

#sub-menu-offer.uk-active, #back-ref.uk-active,#see-project.uk-active {
       height: 46px;
    top: 80px !important;
}
#sub-menu-offer.uk-active {
   
    width: 100% !important;
    left: 0;
}

#sub-menu-offer.uk-active .nav-name,#sub-menu-offer.uk-active .nav-toggle { float:left;}

#back-ref.uk-active,#see-project.uk-active {width: auto !important;}
#see-project.uk-active {right:0;}
#back-ref.uk-active {left:0;}
#sub-menu-offer.uk-active .sub-menu-offer-dropdown { top:46px;     bottom: initial;}
.sub-menu-offer-dropdown {position: absolute;
    background: #57b89b;
  bottom: 47px;
    padding: 15px;
    width: 347px;
    border-bottom: 1px solid #ffffff5c;     z-index: 1; display:none;}
.sub-menu-offer-dropdown a { color:#fff;   }
.sub-menu-offer-dropdown a:hover {background:none !important; color:#fff !important;}
.sub-menu-offer-dropdown ul { margin-bottom:0;}
.sub-menu-offer-dropdown li:before {display:none;}

.sub-menu-offer-dropdown a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    height: 1px;
    background-color: #fff;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transition-property: background-color,border-color,box-shadow,height,right;
    transition-property: background-color,border-color,box-shadow,height,right;
    left: 0px;
    right: calc(102% - 0px);
}
.sub-menu-offer-dropdown li { position: relative;
    display: table;
    width: auto; padding-left: 0;}
.sub-menu-offer-dropdown li:hover a::before {
    right: 0px;
    
}


.wgl-mobile-header,.wgl-menu_outer,.mobile_nav_wrapper .primary-nav ul li ul.sub-menu {background-color: rgb(31, 25, 51) !important;}
#footer-idee h2 { line-height: normal;}
body .colibro_module_flipbox .flipbox_front .flipbox_title {  letter-spacing: 1px; font-weight: 100;}
body .wgl_portfolio_list__filter h2 { line-height:normal; font-size:13px; margin: 0 !important; display:inline-block;  letter-spacing: 0px; }
.isotope-filter h2::after {    content: '/';    font-style: italic;    margin: 0 12px;}
body .isotope-filter a {letter-spacing:0;}
body .isotope-filter a:last-child {    padding-right: 0;}
.isotope-filter h2:last-child:after {display:none;}
#header-pages .vc_video-bg:before {content:''; background: rgb(31,25,51); background: linear-gradient(90deg, rgb(87, 184, 155) 0%, rgba(148,187,233,0.020028079591211445) 100%);  position:absolute; top:0; left: 0%; width:100%; height:100%;}
body .wgl_module_team .team-item_info:after {   background: #1f1833;}
body .wgl_module_team .team-item_excerpt { color:#fff;}
body .wgl_module_team .team-title {    margin-bottom: 10px;    font-size: 16px;    color: #57b89b !important;}
body .wgl_module_team.aleft.show_meta_while_hover .team-item_content:hover .team-item_info:after, .wgl_module_team.aleft.show_meta_until_hover .team-item_content .team-item_info:after, .wgl_module_team.aleft.show_meta_permanently .team-item_content .team-item_info:after, .wgl_module_team.acenter.show_meta_while_hover .team-item_content:hover .team-item_info:after, .wgl_module_team.acenter.show_meta_until_hover .team-item_content .team-item_info:after, .wgl_module_team.acenter.show_meta_permanently .team-item_content .team-item_info:after, .wgl_module_team.aright.show_meta_while_hover .team-item_content:hover .team-item_info:after, .wgl_module_team.aright.show_meta_until_hover .team-item_content .team-item_info:after, .wgl_module_team.aright.show_meta_permanently .team-item_content .team-item_info:after {    width: 150%;    height: 150%; }
.team-item_content .team-item_info{ padding:5% !important;}
body .grecaptcha-badge {display:none;}
.portfolio-category { text-transform:uppercase;}
.btn-mentions a { background-image:none !important; padding:0 !important;}
body .cli_settings_button { padding:10px 0;}
.sub-menu-offer-dropdown a { display:block; position:relative; z-index:100;}

/* 03/08/2020 - Filip -  selection color */

::selection {
  color: #57b89b !important;
}

@media (max-width:767px) { 
  .btn-mentions,.copy-txt p { text-align: center !important;}
  body .vc_video-bg  { display:block !important;}
.services-blocs .wpb_column { margin-bottom:45px;}
.accueil-image-savoir { margin-top:45px;}
.btn-special::before { background-size:contain; width:200px;}
#footer .vc_wp_custommenu .menu .menu-item {  display: block;    text-align: center;}
#footer .colibro_module_social {text-align:center;}
.footer .sub-menu {   position: static;    background: none;    display: block;    margin-left: 0;}
.footer .vc_wp_custommenu li:last-child a {padding-right:16px;}
.footer ul li { text-align:center;}
.footer .colibro_module_text p { text-align:center !important;}
.footer_top-area {   padding-bottom: 120px;}
body .logo-y-contenu { margin-top:0 !important;}
body #sub-menu-offer { float:left;}
#btn-footer-idee { margin:0 !important;}
#btn-footer-idee p { text-align:center !important;}
#footer-bottom { padding-top:75px !important;}
.references-image-header { display:none;}
.btn-ref-voir { margin-top:45px;}
.ref-img-support { margin-bottom:45px !important; text-align: center !important;}
body .mobile_nav_wrapper .primary-nav .button_switcher:before { width:20px; height:20px; opacity:1; color: #57b89b;}
.mobile_nav_wrapper .button_switcher span:after {display:block !important;}
.colibro_module_flipbox { margin-bottom:25px;}
body h1,body h1 span {    font-size: 35px;}



}