/*
Theme Name: Semplice Child
Theme URI: http://www.semplicelabs.com
Author: Semplicelabs
Author URI: http://www.semplicelabs.com
Template: semplice
Description: With Semplice you can built fully responsive case studies & custom branded project pages with just a few clicks. Visit our <a href="http://help.semplicelabs.com" target="_blank">documentation</a>, <a href="http://www.semplicelabs.com/changelog" target="_blank">changelog</a> and follow us on <a href="http://www.twitter.com/semplicelabs" target="_blank">Twitter</a> for update notifications.
Version: 3.5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: portfolio, responsive, case study, fullscreen cover, content editor
Text Domain: semplice
*/

/* Show dropdown submenu */
.to-the-top { display: none!important; }

/**
 * Header
 */
@media (min-width: 980px) {
  #navbar .fluid-container::before {
  content: "";
  position: absolute;
  top: 0px;
  left: -40px;
  display: block;
  width: 100vw;
  height: 100%;
  background-color: white;
  opacity: 0;
  transition: opacity .4s ease-in-out;
  }
  #navbar .fluid-container.has-bg::before {
    opacity: 1;
    transition-duration: .2s
  }
}

@media (max-width: 1199px) and (min-width: 980px) {
  #navbar .logo svg {
    display: block !important;
  }
}


/**
 * Navigation
 */
.fluid-menu { margin-top: 50px; }

nav.standard .menu .menu-item {
  margin-right: -20px;
}

.sub-menu { 
  position: absolute; 
  top: 15px;
  display: none; 
  margin-left: 0px; 
  padding-bottom: 15px;
}

@media screen and (max-width: 979px) {
  nav .menu-item.menu-item-has-children .sub-menu {
    display: none !important;
  }
}
@media screen and (max-height: 749px) {
  nav.standard #menu-item-999 .sub-menu,
  nav.standard #menu-item-976 .sub-menu {
    display: none !important;
  }
}
.hide-sub-menu nav .menu-item.menu-item-has-children .sub-menu {
  display: none !important;
}

.menu br {
  display: none;
}

.sub-menu .menu-item {
  background-color: white;
}
nav.standard ul li.menu-item-has-children ul.sub-menu > li:first-child {
  margin-top: 10px;
}
nav.standard ul li.menu-item-has-children ul.sub-menu > li:first-child a {
  padding-top: 20px;
}
nav.standard ul li.menu-item-has-children ul.sub-menu > li:last-child {
  padding-bottom: 10px;
}
nav.standard ul li.menu-item-has-children ul.sub-menu > li a {
  margin-top: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

nav.standard ul li.current-menu-item a {
  color: #a18585 !important;
  text-decoration: none !important;
}
nav.standard ul.sub-menu li.menu-item:not(.current-menu-item) a:hover:not {
  text-decoration: none !important;
}
nav.standard ul li.current-menu-item > a {
  color: #fc4a1f  !important;
  text-decoration: overline !important;
}



/**
 * Homepage typewriter
 */
.page-headline {
  color: #1E4051;
  margin: 1em 0;
}
.page-headline .suah__line::before {
  border-color: #aebcb9;
}

/**
 * Team & domaine portfolio thumbnail
 */
#thumbnails > div {
  display: flex;
  flex-wrap: wrap;
}

#thumbnails .no-gutter-grid-sizer,
#thumbnails .no-gutter-gutter-sizer {
  display: none;
}

.thumb {
  position: relative;
  height: calc(100vw - 10px);
}

@media (min-width: 768px) {
  .thumb {
    width: 50% !important;
    flex-basis: 50%;
    height: calc(50vw - 10px);
  }
}
@media (min-width: 1280px) {
  .thumb {
    width: 25% !important;
    flex-basis: 25%;
    height: calc(25vw - 10px);
  }
  
  .page-id-968 .thumb,
  .page-id-989 .thumb {
    width: 20% !important;
    flex-basis: 20%;
    height: calc(20vw - 10px);
  }
}


/* 3x2 porfolio grid */
@media (min-width: 920px) and (max-width: 1441px) {
  .page-id-968 .thumb, 
  .page-id-989 .thumb {
    flex-basis: 33.33%;
    height: calc(30vw - 10px);
  }
}

/* 4x2 portfolio grid */
@media (min-width: 1441px) {
  .page-id-968 .thumb, 
  .page-id-989 .thumb {
    width: 20% !important;
    flex-basis: 25%;
    height: calc(25vw - 10px);
  }
}


section#thumbnails .thumb .thumb-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thumb__title {
  font-size: 5.8vw; 
  position: relative;
  transform: translateY(-50%);
  text-transform: uppercase;
  text-align: center; 
  letter-spacing: .08333333333em; 
  line-height: 1.2777777778em;
}
@media (min-width: 768px) {
  .thumb__title {
    font-size: 24px; 
    line-height: 25px;
  }
}
@media (min-width: 1024px) {
  .thumb__title {
    font-size: 3.2vw; 
    letter-spacing: .06296296296em; 
    line-height: 1.1111em;
  }
}
@media (min-width: 1280px) {
  .thumb__title {
    font-size: 1.5vw; 
    letter-spacing: .05806451613em; 
    line-height: 1.129em;
  }
}

.thumb__title span {
  position: relative;
}
.thumb__title span svg {
  position: absolute;
  height: 90%;
  left: -.6em;
  top: 5%;
}
.thumb__title span::after {
  content: "";
  position: absolute;
  bottom: -0.45em;
  left: 0;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #e64c42;
}

.thumb--domaine {
  background: #f3f1f2;
}

.thumb--domaine:nth-of-type(3n+1) {
  background: #f3f1f2;
}

.thumb--domaine:nth-of-type(3n+2) {
  background: #013e51;
}

.thumb--domaine:nth-of-type(3n+3) {
  background: #302da2;
}

.thumb--domaine .thumb__title {
  color: #004151;
  top: 50%;
}

.thumb--domaine:nth-of-type(3n+1) .thumb__title {
  color: #004151;
}

.thumb--domaine:nth-of-type(3n+2) .thumb__title,
.thumb--domaine:nth-of-type(3n+3) .thumb__title {
  color: white;
}


.thumb--profil .thumb__title {
  position: absolute;
  top: 65%;
  left: 50%;
  color: #e64c42;
  transform: translate(-50%,-50%);
}

/**
 * project panel thumbs
 */
section#project-panel .project-panel .container .project-panel-thumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
  flex-basis: 50%;
  width: auto;
  margin: 0 !important;
}
@media (min-width: 768px) {
  section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
    flex-basis: 33.333333%;
  }
}
@media (min-width: 1024px) {
  section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb {
    flex-basis: 25%;
  }
}

.project-panel-thumbs .project-panel-link {
  display: block;
  height: 100%;
}

section#project-panel .project-panel .container .project-panel-thumbs .project-panel-thumb a img {
  width: 100% !important;
  max-width: 170px;
  margin: 0 auto;
  display: block;
}


/**
 * Post list & post detail
 */
.blog-post .featured img {
  max-width: 100%;
  display: block;
}

.post-heading {
  position: static;
  left: initial;
  margin: 0;
} 
.post-heading h2 {
  margin-bottom: .5em;
}

#post .wysiwyg {
  padding: 0 !important;
}

@media (max-width: 767px) {
  .wysiwyg .alignleft,
  .wysiwyg .alignright {
    float: none;
    clear: both;
    width: auto;
    max-width: 100%;
    margin: 8px 0;
  }
}

.wysiwyg b,
.wysiwyg .bold,
.wysiwyg strong {
  font-weight: 600;
}