/*
Theme Name: MinaIP
Theme URI: https://mina-ip.nl
Description: Custom theme for MINA IP
Author: Mina IP
Template: spectra-one
Version: 1.0.0
Text Domain: mina-ip
*/

/* i18n flag styling */ 
div.widget_polylang {
  display: none;
}
.widget_polylang ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
div.lang-switcher {
  position: absolute;
  top: 2px;
  right: 10px;
}

/* menu */
.widget_nav_menu {
  z-index: 10
}
header > div {
  padding-bottom: 5px;
}
li.menu-item-has-children:hover {
  height: 128px;
}
.widget_nav_menu .menu li a {
  position: relative;
}
body.home .widget_nav_menu .menu li a::after {
  background-color: #4f006c;
}
	
.widget_nav_menu .menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0; 
  height: 2px;
  background: #cc99ff;
  transition: width 0.3s ease;
  width: 0;
  display: block;
}
.widget_nav_menu li a:hover::after {
  width: 100%;
}

@media (min-width: 1000px) {
  div.widget_nav_menu.widget ul.menu > li.menu-item {
    width: 14vw !important;
  }
  .widget_nav_menu ul.menu ul.sub-menu li.menu-item {
    width: 14vw !important;
  }
}
@media (min-width: 1500px) {
  div.widget_nav_menu.widget ul.menu > li.menu-item {
    width: 10vw !important;
  }
  .widget_nav_menu ul.menu ul.sub-menu li.menu-item {
    width: 10vw !important;
  }
}

/* horizontal dropdown for primary menu */
@media (min-width: 751px) {
  .sub-menu {
    width: 64vw;
  }
  .widget_nav_menu ul.sub-menu > li {
    display: inline-block;
  }
  .widget_nav_menu .menu li {
    padding: 0
  }
  li.menu-item-has-children:hover {
    height: 58px;
  }
  div.widget.widget_nav_menu {
    max-width: 64vw;
  }
  div.widget.widget_nav_menu li#menu-item-197 .sub-menu,
  div.widget.widget_nav_menu li#menu-item-181 .sub-menu {
    max-width: 48vw;
  }
  div.widget_nav_menu.widget ul.menu > li {
    width: 16vw !important;
  }
  .widget_nav_menu ul.menu ul.sub-menu li {
    width: 16vw !important;
  }
}

.widget_nav_menu ul {
  padding: 0;
  margin: 0;
}
.widget_nav_menu ul > li {
  margin-right: -0.3em;
}
.widget_nav_menu ul.menu > li {
  width: 23vw;
  padding-right: 0;
}
.widget_nav_menu ul.menu > li#menu-item-181 { 
  width: 20vw;
}
.widget_nav_menu ul.menu > li#menu-item-168 { 
  width: 18vw;
}
.widget_nav_menu ul.sub-menu > li {
  width: 40vw;
}


@media (max-width: 750px) {
  /* move menu to left */
  div.wp-container-core-group-is-layout-1769166a {
    justify-content: left;
  }
  div.wp-container-core-group-is-layout-c78fc004 {
    padding-left: 0;
    padding-right: 0;
  }
  div.wp-container-core-group-is-layout-1769166a {
    padding-left: 0;
    padding-right: 0;
  }
  div header > div.wp-container-core-group-is-layout-fa61130c {
    padding-left: 10px !important;
  }
}

.mina-logo-footer {
	margin-left: -2px;
}
.mina-logo-footer div {
  position: relative
}
.mina-logo-footer div ul {
  position: absolute
}

@media (max-width: 800px) {
.mina-logo-fp h1 {
  font-size: 100px !important;
  margin-top: 30px;
  margin-left: 10px;
}
div.wp-container-core-group-is-layout-2b6b6b5a {
  min-height: 215px !important;
}
.mina-logo-fp div div.wp-container-core-group-is-layout-2b6b6b5a {
  padding-left: 0 !important;
  padding-right: 0 !important;
} 
div.question-fp {
  margin-top: -80px;
}
}

.mina-logo-fp h1 {
  font-size: 200px;
}
.question-fp {
  margin-top: -50px;
  background-color: #fff;
  z-index: 2;
  text-align: justify;
}
.question-fp h2 {
  text-align: left;
}
.question-fp figure.wp-block-media-text__media {
  margin-top: -100px;
}
@media (max-width: 600px) {
div.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
  grid-row: 1;
}
div.wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
  grid-row: 2;
}
.question-fp figure.wp-block-media-text__media {
  margin-top: -25px;
}
}


@media (min-width: 751px) {
.home-icon {
  position: absolute;
  top: 0;
  left: 20px;
}
body.page header div .home-icon svg {
  height: 20px;
  width: 20px;
}
}
.home-icon {
  position: absolute;
  top: 2px;
  right: 35px;
}

body:not(.home) p {
  text-align: justify
}

@media (max-width: 800px) {
div.footer-content {
  padding-left: 10%;
  padding-right: 10%;
}
}
div.services-footer {
  min-width: 6rem;
}
div.mina-footer {
  min-width: 9rem;
}

div.entry-content {
  max-width: 1000px;
  margin: auto;
}
div.mina-logo-footer {
  width: 19vw;
  margin-top: 110px !important;
}

figure.wp-block-post-featured-image {
  padding-left: 80px;
}

body.blog li.wp-block-post {
  box-shadow: 0 0.2em 1em rgba(0, 0, 0, 0.2), 0 1em 2em rgba(0, 0, 0, 0.2);
  border-radius: 1em;
  overflow: hidden;
}