/**
 * Theme Name: Meth - Child Theme
 * Theme URI: https://codestag.com/themes/meth
 * Author: Codestag
 * Author URI: http://codestag.com
 * Description: A Minimal One Page Portfolio Theme.
 * Version: 1.0.0
 * License: GNU General Public License
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: stag
 * Domain Path: /languages/
 * Tags: Tags: theme-options, fluid-layout, editor-style, featured-images, translation-ready
 * Template: meth
 */

/**
 * Place Custom CSS Below this.
 */
html, 
body {
	scroll-behavior: smooth;
	max-width: 100%;
	overflow-x: hidden;
 }
.site-branding {
	 position: relative;
	 z-index: 99 !important;
 }
body.home #masthead:not(.header--pinned) .site-branding {
	filter: brightness(0) invert(1);
 }
 
.stag_widget_portfolio {
	background-color: #fffac9;
}
#portfolio-slider .slides {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

@media all and (min-width: 1026px) {
	#masthead .lang-item + .lang-item {
		margin-left: 12px;
	}
}

@media all and (min-width: 481px) and (max-width: 767px) {
    .stag_widget_team .team {
        width: 100%;
    }
}
@media all and (min-width: 768px) {
	.team-container .team {
        width: 100%;
		display:-webkit-flex;
		display:-webkit-box;
		display: -ms-flexbox;
		display: flex;
    	flex-direction: row;
	}
	.team-container .team .team-avatar {
        max-width: 420px;
		flex-grow: 0;
		flex-shrink: 0;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) {
	.team-container .team .team-avatar {
        max-width: 340px;
	}
}
@media all and (max-width: 767px) {
	.team-container .team .team-avatar {
        text-align: center;
	}
}
body.home #masthead {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	max-width: 100% !important;
}
@media screen and (min-width: 1026px) {
	body.home #masthead:not(.header--pinned) .menu-item a {
		color: #fff;
	}
}
@media screen and (max-width: 1025px) {
    #nav-toggle {
        right: 15px !important;
		bottom: 25px !important;
		z-index: 99;
    }
    body.home #nav-toggle svg {
        fill: #fff !important;
    }
    body.home #nav-toggle svg path {
        fill: #fff !important;
    }
    .site-branding {
        padding-left: 15px;
    }
}

.home-hero {
  position: relative;
  padding-top: 185px;
  padding-top: 11.5625rem !important;
  padding-bottom: 100px;
  padding-bottom: 6.25rem !important;
  max-width: 150%;
  margin-left: -30px;
  margin-right: -30px;
  overflow: hidden;
  z-index: 2;
}

.home-hero .wp-block-cover__inner-container {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
@media screen and (max-width: 1210px) {
  .home-hero .wp-block-cover__inner-container {
    padding-left: 30px;
    padding-left: 1.875rem;
    padding-right: 30px;
    padding-right: 1.875rem;
  }
}
@media all and (max-width: 767px) {
  .home-hero .wp-block-cover__inner-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
	.home-hero {
	position: relative;
	padding-left: 0 !important;
	padding-right: 0 !important;
	}
}

.header-image-cover {
  position: absolute;
  height: auto;
  left: 50%;
  max-width: 1000%;
  min-height: 100%;
  min-width: 100%;
  min-width: 100vw;
  width: auto;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.home-hero .wp-block-group {
  position: relative;
  max-width: 670px;
  padding: 70px;
  padding: 4.375rem;
  background: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 600px) {
  .home-hero .wp-block-group {
    padding: 30px;
    padding: 1.875rem;
  }
}
.home-hero .wp-block-group .sep {
  width: 100%;
  height: 2px;
  background-color: #fff;
  opacity: 0.2;
  display: inline-block;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
@media screen and (max-width: 600px) {
  .home-hero .wp-block-group .sep {
    margin-bottom: 15px;
    margin-bottom: 0.9375rem;
  }
}
.wp-container-core-group-is-layout-7206f975 > * {
	max-width: 100% !important;
}
.home-hero .wp-block-group .wp-block-spacer {
	margin: 0;
	border-top: 2px solid rgba(255,255,255,0.2);
}
.home-hero .wp-block-group .wp-block-button__link {
	margin: 0;
	color: white;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	padding: 16px 30px !important;
	margin: 0;
	position: relative;
	background-color: #ffb1ff;
	border: none;
	border-radius: 3px;
	font-size: 14px !important;
    line-height: 18px !important;
	letter-spacing: 3px !important;
}

.wp-container-core-group-is-layout-7206f975 h1 {
	font-size: 45px !important;
	font-weight: 700;
	margin-bottom: 35px;
	margin-bottom: 2.1875rem;
	/* max-width: 445px; */
	line-height: 1.2em !important;
	letter-spacing: -1px;
	position: relative;
}
@media screen and (max-width: 600px) {
  .wp-container-core-group-is-layout-7206f975 h1 {
    font-size: 28px !important;
    margin-bottom: 25px;
    margin-bottom: 1.5625rem;
  }
}

.home-hero .wp-block-group p {
  position: relative;
  font-size: 21px;
  font-size: 1.3125rem;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}


.wpcf7-form p {
	margin-top: 24px !important;
}

@media screen and (max-width: 479px) {
	.portfolio-thumbnail img {
		width: 100%; 
		height: auto;
	}
}
@media screen and (min-width: 480px) {
	.portfolio-grid {
		display: flex !important;
		flex-wrap: wrap;
		align-content: stretch !important;
		align-items: stretch !important;
		height: auto;
		position: relative;
	}
	.portfolio-grid > * {
		height: inherit !important;
		display: block;
	}
	.portfolio-grid .portfolio {
		/*width: 50%;*/
		height: 100%;
	}
	.portfolio-grid .portfolio a {
		height: 100%;
		min-height: 100%;
		display: block;
	}
	.portfolio-grid .portfolio-thumbnail {
		height: inherit;
	}
	.portfolio-grid .portfolio-thumbnail img {
		width: 100%;
		max-width: none;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (min-width: 768px) {
	.portfolio-grid .portfolio {
		/*width: 25%;*/
		height: 100%;
	}
}

#contact {
	padding-top: 20px;
	padding-bottom: 30px;
}
#contact .stag-one-half {
	width: 100%;
}

.stag-custom-widget-area .widgettitle {
	margin-bottom: 50px !important;
}

#block-10,
#block-11,
#block-12,
#block-14,
#block-24,
#block-25,
#block-16 {
    margin-top: 50px;
    margin-bottom: 0;
}
#block-12 h2, 
#block-12 h3, 
#block-24 h2, 
#block-24 h3 {
    margin-top: 50px;
	font-size: 30px;
}

.team-info p:has(+ ul) {
	margin-bottom: 12px;
}
.team-info ul li {
	list-style: disc !important;
}
.bg-yellow ul.wp-block-list, 
#block-10 ul.wp-block-list {
	list-style: disc !important;
	margin-left: 25px;
	margin-bottom: 25px;
}
.bg-yellow h3 {
	margin-bottom: 25px !important;
} 
.bg-yellow ul.wp-block-list li {
	font-size: 17px;
	line-height: 1.8em !important;
} 
#block-10 ul.wp-block-list li {
	font-size: 17px;
	line-height: 1.8em !important;
}

#block-23, 
#block-18 {
	/* background-color: #fffac9; */
	background-color: #8ceaec;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 50px;
	position: relative;
	overflow: visible !important;
}
#block-23:before, 
#block-18:before {
	content: '';
	background-color: #8ceaec;
	position: absolute;
	top: 0;
	right: 100%;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#block-23:after, 
#block-18:after {
	content: '';
	background-color: #8ceaec;
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.team-container {
	width: 100%;
	max-width: 100%;
}

.stag_widget_team {
	padding-top: 75px !important;
	margin-bottom: 0;
}
.stag_widget_team .team {
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.stag_widget_team .team-member-details {
		padding: 0;
	}
}
#post-2040 {
	margin-bottom: 0;
}

#block-7, 
#block-26 {
}

#instagram h3 {
	margin-bottom: 25px;
}

.static-content-cover:has(+ #about-us):before {
	content: '';
	inset: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}
#about-us {
	text-shadow: 1px 1px #000;
}