/*
 Theme Name:     Lobo Child
 Description:    A basic child theme for the Lobo Agency theme.
 Template:       lobo
 Version:        1.0
*/

@import url("../lobo/style.css");

/* --------------------------------------
-----   Theme customization starts here   -----
------------------------------------------*/

#header .main-d-nav, .hero-info-shdw {background: #fff!Important}
.hero-info-shdw {opacity: 1!Important}

header#header.hide-menu {
        top: 78px!important;
    position: fixed;
}

#header .main-d-nav ul li a {color: #000!important; font-size: 11px}

.explorer .logo { z-index: 100; } /* MLV novembre 2017: on fait réapparaitre le logo sur la page d'acceuil ds IE9 */

.enabled-sticky-shadow .hero-sticky-title.hello {
    color: #111;
}

.enabled-sticky-shadow .actions.hello .action a {
    color: #111
}


/* debut mod Kristin ************************************************/

.alignright {
  display: inline-block !important;
  float: right;
  margin: 0 !important;
  max-width: 100% !important;
  width: auto !important;
}
.alignleft {
  display: inline-block !important;
  float: left;
  margin: 0 !important;
  max-width: 100% !important;
  width: auto !important;
}

.content-module.clearfix{margin-top: 126px}

/* fin mod Kristin ************************************************/


.prtfl-item {
margin-bottom: 10px;
}

.hero-spacer {display: none}

.gutter-sizer {width: 1%}
.grid-sizer {width: 25%}

[data-cols="cols-4"] .prtfl-item {width: 24%!important}

.content-module.portfolio {
    margin-top: 129px;
}

/* MLV 2 mai 2017 : requete de Kristin pour réduire taille du texte vu qu'ils veulent ajouter de long textes aux projets */ 
#header .main-d-nav {
    padding: 23px 1% 30px 0;
 }



#lang_sel_click {
    margin-top: 50px;
    margin-right: 70px;
float: right
}


.item-meta h2, .prjct-hvr-title h2 {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 12px;
    line-height: 1em;
    font-weight: normal;
    text-transform: none;
    color: #FFF;
    margin: 0px;
    padding: 6px;
}


.hvr-subtitle {display: none}

.item-meta {
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,0.85);
    height: auto;
    top: auto;
    top: initial;
    left: 0px;
    bottom: 0px;
    height: 36px;
    text-align: left;
    -webkit-transform: none;
    -moz-transform:none; 
    -ms-transform: none; 
    -o-transform: none; 
    transform: none;
}

.item-hover {background: none; opacity: 1}
.item-hove:hover {opacity: 0}
.no-touch .item-hover:hover {
    opacity: 0;
}

.no-hover .item-hover {display: none!important}

.home .content-module {
    background: #fff
}


#header {
    position: fixed;
}

header#header.hide-menu {
    top: 0px!important;
    position: fixed;
}

.overlay, .cats  {z-index: 99999}

#header .main-d-nav ul {
    float: right;
}

.compact-menu #nav-wrapper {
    border-top: none;
    padding: 0px 12% 47px 0;
    background: #fff;
}

.menu-firer .icon-menu {
    color: #222!important}

.menu-firer .icon-menu:hover {
    color: #222!important
}

.compact-menu .menu-firer {
    z-index: 99999;
}

.compact-menu .menu-firer {
    position: fixed;}


 #header nav a {font-family: 'Karla', sans-serif; font-weight: 600}

.logo {
    top: 29px;}

#header .main-d-nav {
    border-top: 0px solid #000!important}

.content-module.portfolio {
    margin-top: 126px;
}

.prtfl-item {
    margin-bottom: 15px;
}

#header {
    display: block!important;
}


.single-portfolio .content-module {
    margin-top: 126px;
}

.content-module.portfolio {
    margin-left: 15px;
}

#main-wrapper {
    background: #fff;
}


#header.sticky #nav-wrapper .main-d-nav {
    background: rgba(255, 255, 255, 1) !important;
}


.single-portfolio.enabled-sticky-shadow .hero-sticky-title.hello {
    color: #111;
    z-index: 99998;
    background: #fff;
    padding-bottom: 39px;
    padding-right: 60px;
}

.single-portfolio div.module {margin-bottom: 30px}

.content-module {
    background: #fff!important
}

#header .inner-link:after {height: 0px!important}
.action .inner-link:after {height: 0px!important}

.action{

    margin-right: 0px;
    margin-top: 2px;
}


.compact-menu .main-d-nav > ul {
    display: block;
    margin-top: 100px;}

.compact-menu  ul.action {position: absolute; bottom: 77%}


@media screen and (max-width: 29.9999em) {
.compact-menu .main-d-nav ul li a {
    font-size: 17px;
} }




#header #lang_sel_click {display: none}

#header .main-d-nav ul .sub-menu {background: #fff!important}


.logo img {
    margin-top: -6px;
}

.action {
    margin-top: 1px;
}


#content-wrapper {
    padding-left: 15px;
    margin-right: 15px;
}

.home #content-wrapper, .tax-portfolio_category #content-wrapper{
    padding-left: 0px;
    margin-right: 0px;
}


.single-portfolio div.module {
    margin-bottom: 15px;
    border-right: 15px solid white;
}


h2.hero-sticky-title {
  
}


.single-portfolio.enabled-sticky-shadow .hero-sticky-title.hello {
	color: #111;
	z-index: 99998;
	background: #fff;
	padding-bottom: 12px;
	padding-right: 125px;
	margin-top: -3px;
}

@media screen and (max-width: 977px) {
#content-wrapper {background: #fff} 

	.compact-menu #nav-wrapper {
 		padding: 0px 12% 0px 0;
	}

	.no-hero #hero-wrapper {
		background: #fff;
	}

	.enabled-sticky-shadow .hero-info-shdw.sticky {
		padding-bottom: 40px;
	}

	.sticky-head-elmnts {display: none}
	.single-portfolio .sticky-head-elmnts {display: block}

	.actions.hello {display: none}

}


@media screen and (max-width: 29.9999em) {
.sticky-head-elmnts .hero-sticky-title {
    display: block
}}

@media screen and (max-width: 700px) {
h2.hero-sticky-title {
   }


.single-portfolio.enabled-sticky-shadow .hero-sticky-title.hello {
    padding-bottom: 30px;

}
 }


.compact-menu ul.action {
    top: -38px;
}

@media screen and (max-width: 479px) {
.compact-menu ul.action {
    top: -30px;
}
}



.menu-item-language-current {display: none!important}
.main-d-nav ul li:nth-child(7) {display: inline-block!important}

@media screen and (max-width: 479px) {
.main-d-nav ul li:nth-child(7) {display: block!important} }


h2.hero-sticky-title span {
    display: block;
    font-size: 13px !important; margin-top: 10px
}


h2.hero-sticky-title span a {
    margin-right: 10px;
    text-decoration: underline;}


.cats li a {
    display: inline-block;
    font-size: 24px;
    line-height: 1.6em;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #FFF;
    border-bottom: 1px solid transparent;
}


.sf-menu {    position: relative;
    z-index: 999; }

<!--.single-portfolio.enabled-sticky-shadow .hero-sticky-title.hello {
    text-transform: none;-->
}


@media screen and (max-width: 59.9999em) and (min-width: 30em) {
body [data-cols="cols-3"] .prtfl-item, body [data-cols="cols-4"] .prtfl-item {
    width: 48% !important;
}}


@media screen and (max-width: 29.9999em) {
div[data-size="1-1"], div[data-size="1-2"], div[data-size="1-3"], div[data-size="1-4"], div[data-size="2-1"], div[data-size="2-2"], div[data-size="2-3"], div[data-size="2-4"], div[data-size="3-1"], div[data-size="3-2"], div[data-size="3-3"], div[data-size="3-4"], div[data-size="4-1"], div[data-size="4-2"], div[data-size="4-3"], div[data-size="4-4"], body [data-cols="cols-1"] .prtfl-item, body [data-cols="cols-2"] .prtfl-item, body [data-cols="cols-3"] .prtfl-item, body [data-cols="cols-4"] .prtfl-item {
    width: 95.4% !important;
}}


div[data-size="2-4"] {
  width: 48% !important;
  height: 60px !important;
}

.separator {
  height: 20px !important;
  background-color: #ffffff !important; 
}

.module {
  background-color: #ffffff;
}

/*
div[data-size="1-4"].text-module .copy {width: 98%;}


    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
 	width: 90%;
	padding-left: 0;
	padding-right: 0;
    }
*/

/* MLV 2 mai 2017 : requete de Kristin pour réduire taille du texte vu qu'ils veulent ajouter de long textes aux projetsi*/ 
@media screen and (max-width: 29.9999em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 59.9999em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 30em) and (max-width: 59.9999em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 60em) and (max-width: 89.9999em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 90em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 120em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;

    }
}
@media screen and (max-device-width: 90em) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (min-width: 0px) and (max-width: 800px) {
    body .module div.copy p {
        font-size: 13px;
        line-height: 21px;
        font-weight: 300;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}