/*
 Theme Name:   MSQchild
 Theme URI:    https://mosquitostudio.ch/
 Description:  Child theme mosquitostudio
 Author:       Mosquitostudio
 Author URI:   https://mosquitostudio.ch/
 Template:     tamashi
 Version:      1.0.0
*/

/* Import parent theme styles */
@import url("../tamashi/style.css");

/* Porfolio overlay */
.eltd-portfolio-list-holder.eltd-pl-gallery-overlay .eltd-pli-text-holder {
    background: transparent !important;
    opacity: 0 !important;
	padding: 0 !important;
    transition: opacity .3s ease-in-out !important;
	border: solid 1px black !important;
}

.eltd-pl-item:hover .eltd-pl-item-inner .eltd-pli-text-holder {
    opacity: 0.8 !important;
}

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&display=swap');

.widget	{
	margin: 0 0 0 0 !important;
}
body {
    font-family: 'IBM Plex Mono', monospace !important;
	background-color: black !important;
}

p	{
	margin: 14px 0 14px 0 !important;
}

.main_text	{
	font-size: 20px;
	font-weight: 100;
	line-height: 1.5em;
}

.main_title	{
	height: 50vh;
}

.eltd-grid-col-3 	{
	width: 100% !important;
}

.eltd-grid-col-9	{
	width: 100% !important;

}

/* Global site titles */
h1, h2, h3, h4, h5, h6,
.eltd-page-title,
.eltd-post-title,
.eltd-portfolio-title,
.widget-title,
.entry-title,
.eltd-pli-text-holder .eltd-pli-text, input.wpcf7-form-control.wpcf7-submit {
    font-family: 'IBM Plex Mono', monospace !important;
}

.eltd-icon-widget-holder span:hover	{
	color: yellow !important;
}

/* Send button form */
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit	{
	border: solid 1px black;
	font-size: 20px;
}

.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-submit:hover{
	background-color: yellow;
}

/* Header */
.eltd-main-menu > ul > li {
    border-right: 1px solid #000;
}

.eltd-main-menu > ul > li:first-child {
    border-left: solid 1px;             
}

.eltd-main-menu > ul > li:last-child {
    border-right: solid 1px;             
}

/* Desktop only active background */
@media only screen and (min-width: 1025px) {
    .eltd-main-menu li.current-menu-item > a,
    .eltd-main-menu li.eltd-active-item > a {
        background-color: yellow !important;
    }
}

/* Remove hover & active animated borders */
.eltd-main-menu .item_text::before,
.eltd-main-menu .item_text::after {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Remove active item highlighting */
.eltd-main-menu li.eltd-active-item > a .item_text,
.eltd-main-menu li.current-menu-item > a .item_text {
    border: none !important;
}

/* Desktop only hover background */
@media only screen and (min-width: 1025px) {
    .eltd-main-menu > ul > li:hover {
        background: yellow !important;
    }
}

.eltd-portfolio-list-holder.eltd-pl-has-filter .eltd-pl-inner	{
	margin: 0 35px 0 35px !important;
}


@media only screen and (max-width: 1024px) {
.eltd-portfolio-list-holder.eltd-pl-has-filter .eltd-pl-inner	{
	margin: 0 20px 0 20px !important;
}
}

/* Filters */

.eltd-pl-filter-holder ul	{
	display: flex !important;
	flex-flow: row wrap !important;
	justify-content: space-between !important;
}

.eltd-pl-filter-holder	{
	margin: 0px 0px 30px !important;
}

.eltd-pl-filter-holder ul li	{
	margin-bottom: 0px !important;
}

.eltd-pl-filter	{
	flex: 1 1 25%;
	border-bottom: solid 1px;
}
@media only screen and (max-width: 1024px) {
.eltd-pl-filter	{
	flex: 1 1 33%;
	border-bottom: solid 1px;
}
}
	
.eltd-pl-filter + .eltd-pl-filter	{
	border-left: solid 1px;
}

.eltd-pl-current	{
	background-color: yellow;
}

.eltd-pl-filter:hover	{
	background-color: yellow;
}

/* Mobile menu */

.eltd-grid-full	{
	margin: none;
}

.eltd-grid-full span	{
	padding: 0 45px 0 45px;
}


/* Make entire square clickable */

.eltd-mobile-menu-opener > a {
}

.eltd-mobile-menu-opener {
		padding: 12px 0 0 10px;

}

.eltd-mobile-header .eltd-mobile-nav	{
	border-bottom: none !important;
}


/* Hover color change */
.eltd-mobile-menu-opener > a:hover {
    color: yellow;
}

/* SVG sizing */
.mobile-menu-svg {
    width: 45px;
    height: 45px;
}

/* Desktop logo wrapper */
.desktop-logo-wrapper {
    display: flex;
    align-items: center;      
    justify-content: flex-start;
    height: 100%;
}

.eltd-page-header .eltd-vertical-align-containers	{
	padding: 0 25px !important;
}

/* SVG sizing */
.desktop-logo-svg {
    display: flex;
	width: 30px;
    height: auto;
    color: #000;
    transition: color 0.3s ease;
}

/* Hide on mobile */
@media only screen and (max-width: 1024px) {
    .desktop-logo-wrapper {
        display: none !important;
    }
}

/* search form */

.eltd-search-form-label	{
	color: white;
}

.eltd-search-form {
    width: 100%;
}

/* Search field */
.eltd-search-form input.eltd-search-form-field {
    border: 1px solid white !important;
    color: white !important;
    margin-right: 10px;
    height: 40px;
    padding: 0 10px !important;
    box-sizing: border-box;
}

/* Search button */
.eltd-search-form button.eltd-search-form-button {
	font-family: 'IBM Plex Mono', monospace !important;
    border: 1px solid white !important;
    background-color: black !important;
    color: white !important;
    height: 40px !important;       /* same as input */
    padding: 0 15px !important;    /* horizontal padding */
    line-height: 40px !important;  /* vertical centering */
    display: flex !important;      
    justify-content: center !important;
    align-items: center !important;
    font-size: 13px !important;
    cursor: pointer;
    box-sizing: border-box !important;
}

/* Hover effect */
.eltd-search-form button.eltd-search-form-button:hover {
    background-color: yellow !important;
    color: black !important;
    border-color: black !important;
}

.eltd-search-form-inner {
    display: flex;
    flex-direction: row;
    align-items: left;
    gap: 10px;
    flex-wrap: no-wrap;
}

@media (max-width: 600px) {
    .eltd-search-form-inner {
        flex-wrap: wrap;
        height: auto !important;
        align-items: stretch !important;
    }

    .eltd-search-form {
        height: auto !important;
    }

    .widget_search,
    .wp-block-search {
        height: auto !important;
    }

    .eltd-search-form-field,
    .eltd-search-form-button {
        width: 100% !important;
    }
	.eltd-search-form input.eltd-search-form-field	{
	margin-right: 0;
	}
}

/* Footer */

.contact-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
	margin-bottom: 10px;
	gap: 19px;

}

.contact-icon {
    align-items: top;
    color: white !important;
}

.contact-info {
    font-size: 13px !important;
    color: white !important;
}

.contact-info a {
    font-size: 13px !important;
    color: white !important;
}

.contact-info a:hover {
    font-size: 13px !important;
    color: yellow !important;
}

.eltd-page-footer .widget, .eltd-side-menu .widget	{
	margin-bottom: 0 !important;
}

.eltd-page-footer .eltd-footer-top-holder .eltd-footer-top-inner.eltd-grid	{
	padding: 50px 0 50px 0 !important;
}

.eltd-page-footer	{
	margin-top: 50px !important;
}

.eltd-grid-col-6::after	{
	margin-bottom: 20px;
}

/* Portfolio */

.eltd-portfolio-list-holder.eltd-pl-masonry .eltd-pl-inner	{
	margin: 0 50px 0 50px;
}

.eltd-portfolio-project-info .eltd-title-wrapper	{
	text-align: center !important;
}

.eltd-portfolio-project-info > div	{
	display: flex !important;
	flex-flow: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 !important;
}

.vc_column-inner	{
	margin-top: 28px !important;
	padding-right: 7px !important;
	padding-left: 7px !important;
}

@media only screen and (max-width: 767px) {
.none	{
	display:none;
}
}

.wpb_row {
	padding-right: 35px !important;
	padding-left: 35px !important;
}

@media only screen and (max-width: 1024px) {
.wpb_row {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
}

.video	{
    min-width: 100%; 
    min-height: 100%;
    width: 100%; 
    height: auto; 
    z-index: -100;
    background-size: cover;
    overflow: hidden;
}

.eltd-ppi-title-label	{
	border: none !important;
	margin: 14px 0 14px 0 !important;
}

.eltd-full-width	{
	margin: auto;
}

.word-wrapper {
  display: inline-grid;
}
.word-wrapper {
  display: inline-grid;
}

.toggle {
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(-12px);
  filter: blur(4px);
  transition:
    opacity 0.5s cubic-bezier(.65,0,.35,1),
    transform 0.5s cubic-bezier(.65,0,.35,1),
    filter 0.5s cubic-bezier(.65,0,.35,1);
}

.toggle.active {
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.toggle.exit {
  opacity: 0;
  transform: translateY(12px);
  filter: blur(4px);
}

/* search page */

.eltd-search-page-holder	{
	margin: 80px 0 80px 0 !important;
}

/* archive */

.eltd-default-page-template	{
	padding: 30px 0px 90px 0px !important;
}