/*
 Theme Name:   Wasabi Child
 Theme URI:    https://wasabitheme.com
 Description:  Default Wasabi child theme
 Author:       Marc Ortolà
 Template:     wasabi
 Version:      0.1
*/

/*****************************************
 			Custom Css
******************************************/

.cluster #loadMore {
	display: inline-block;
	background: #d43535;
	color: #fff;
	font-weight: 500;
	min-width: 200px;
	text-align: center;
}
.home .content .social-networks-links{
	display: none;
}
.wpcf-disclaimer {
	display: flex;
	justify-content: center;
	column-gap: 20px;
	margin-bottom: 20px;
}
.wpcf-disclaimer a{
	text-decoration: underline;
}


/*** Header Banner ***/

.home .homepage-top-mobileBanner {
	display: none;
}
.wpcf-single-post-content .mobile-bannerImg {
	display: none;
}
.home .homepage-top-desktopBanner,
.home .homepage-top-mobileBanner,
.wpcf-single-post-content .mobile-bannerImg,
.wpcf-single-post-content .desktop-bannerImg{
	margin-bottom: 10px;
	cursor: pointer;
}

/*** Popup ***/

.popup-delay-form{
	display: none;
}

div#delay-popup {
	position: fixed;
	width: 50%;
	top: 30%;
	left: 55%;
	margin-top: -100px;
	margin-left: -30%;
	z-index: 9999;
	border-radius: 8px;
}
.wep-overlay {
    background: rgba(21, 12, 2, 0.66);
    transition: .25s ease;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
div#delay-popup form{
	padding: 30px;
    background: #fff;
    border-radius: 20px;
}
div#delay-popup form label {
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
div#delay-popup form input{
	border-color: rgb(145, 143, 143);
    border-width: 2px;
}
div#close-popup {
	position: absolute;
	left: 20px;
	top: 12px;
	z-index: 99;
	height: 25px;
	width: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #333;
	cursor: pointer;
	font-size: 25px;
	text-decoration: underline;
}
#delay-popup{
	height: 500px;
	overflow-y: auto;
}
#delay-popup > iframe{
	width: 100% !important;
	height: 500px !important;
}
@media only screen and (max-width: 767px) {
	
	div#delay-popup {
		width: 80%;
		left: 40%;
	}
	.home .homepage-top-desktopBanner {
		display: none;
	}
	.home .homepage-top-mobileBanner {
		display: block;
	}
	.wpcf-single-post-content .desktop-bannerImg {
		display: none;
	}
	.wpcf-single-post-content .mobile-bannerImg {
		display: block;
	}
}

/****************************************************
 		Custom Css for Footer @mobile_devices
 ****************************************************/

@media only screen and (max-width: 767px) {
	
	/****** Homepage ******/
	.home .main-section{
		padding: 20px 10px;
		background: #e0e0e0;
	}
	body.white-background main article > .content {
		padding: 0.5rem !important;
	}
	body.white-background article .content {
		margin: 0 !important;
	}
	.home .main-section .content{
		box-shadow: none;
		background: #e0e0e0;
	}
	.home #stop-sticky + .section{
		display: none;
	}
	.home .main-section .content .cluster .post-item .content{
		background: #fff;	
	}
	.home .main-section .content .social-networks-links{
		display: none;
	}
	.home .main-section .content h2 {
		background: #d43535;
		font-weight: 500;
		font-size: 22px;
		margin-bottom: 30px;
	}
	.home .main-section .content .style-5.grid-cols-3{
		grid-gap: 20px;
	}
	.home .main-section .content .cluster.style-5 + .wp-block-spacer{
		height: 20px !important;
	}

	.home .main-section .content .cluster.style-7 .post-item{
		padding: 0;
		flex-direction: column;
	}
	.home .main-section .content .cluster.style-7 .post-item .content{
		margin: 0;
		padding: 1em;
		border-radius: 0.5em;
	}
	.main-footer .grid-cols-3 div:nth-child(1) > .widget_text .textwidget p{
		margin-bottom: 0;
	}
	.home .main-section .content .cluster.style-5 .post-item .content .title span,
	.home .main-section .content .cluster.style-7 .post-item .content a.title{
		color: #444;
		font-size: 1.2em;
		font-weight: 700;
		text-align: center;
	}
	.home .main-section .content .cluster .post-item p,
	.home .main-section .content .cluster .post-item .content .title,
	.home .main-section .content .cluster .post-item .content .excerpt{
		text-align: center;
	}
	.home .main-section .content .cluster.style-7 .post-item .thumb a{
		margin-bottom: 0;
	}
	.home .main-section .content .cluster.style-7 .post-item .thumb img{
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		margin-bottom: 0;
	}
	
	.home .main-section .content .post-grid-item.with-excerpt .read-more,
	.home .main-section .content .cluster.style-7 .content p + a{
		display: block;
		padding: 10px 20px;
		border: 1px solid #000;
		margin-top: 10px;
		border-radius: 4px;
		background: #000;
		color: #fff;
		font-size: 16px;
		text-align: center;
	}
	.cluster #loadMore {
		display: block;
		border-radius: 4px;
	}
	
	/****** Single Post ******/
	
	.single-post .post-item{
		padding: 0;
	}
	.single-post .post-item .thumb img{
		border-top-right-radius: 0.5em;
		border-top-left-radius: 0.5em;
	}
	.single-post .post-item .content{
		padding: 1em;
	}
	.single-post .post-item .content p{
		text-align: center;
	}
	.single-post .post-item .content p + a{
		display: block;
		padding: 10px 20px;
		border: 1px solid #000;
		margin-top: 10px;
		border-radius: 4px;
		background: #000;
		color: #fff;
		font-size: 16px;
		text-align: center;
	}
	.single-post .post-item .content a.title{
		color: #444;
		font-size: 1.2em;
		font-weight: 700;
		text-align: center;
	}
	.single-post .wp-block-group{
		margin-bottom: 20px;
	}
	.single-post .wp-block-group a.wp-block-button__link{
		background-color: #d43535;
		color: #fff !important;
		padding: 4px 30px;
		border-radius: 5px;
	}
	.single-post .wp-block-group.has-background{
		border-radius: 5px;
		padding: 10px;
	}
	.single-post .wp-block-group.has-background .wp-block-getwid-image-hotspot + p.has-text-align-center{
		margin: 0;
		padding-top: 10px;
	}
	
	/****** Header ******/
	#header #js-subheader-menu-opener{
		order: 1;
	}
	#header .logo-container{
		justify-content: left;
		padding: 0;
	}
	
	/****** Footer ******/
    .main-footer {
		padding: 20px 10px;
		margin-top: 0;
	}
	.main-footer .title{
		border-bottom: 2px solid #bbb;
	}
    .main-footer .grid-cols-3 .widget.widget_wasabi_social_links_widget {
        margin-top: 0px;
        margin-bottom: 20px;
    }
	.main-footer .grid-cols-3 .widget.widget_wasabi_social_links_widget ul.social-networks-links{
		display: flex;
		justify-content: center;
	}
	.main-footer .grid-cols-3 .widget.widget_wasabi_social_links_widget .social-networks-links li{
		margin-right: 10px;
	}
	.main-footer .grid-cols-3 .widget.widget_wasabi_social_links_widget .social-networks-links li span {
		border: 2px solid #bbb;
		border-radius: 50%;
		padding: 4px;
	}
	.main-footer .grid-cols-3 .widget.widget_wasabi_social_links_widget .social-networks-links li svg{
		width: 25px;
		height: 22px;
	}
	.main-footer .grid-cols-3 div:nth-child(1) > .widget_text,
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_text{
		margin-top: 0;
	}
	.main-footer .grid-cols-3 div:nth-child(1) > .widget_text .textwidget,
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_text .textwidget,
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_recent_entries ul{
		margin-top: 8px;
	}
	.main-footer .grid-cols-3 div:nth-child(1) > .widget_text .textwidget p a,
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_text .textwidget p a,
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_recent_entries ul li,
	.footer-about-toggle a{
		padding-left: 16px;
		position: relative;
	}
	.main-footer .grid-cols-3 div:nth-child(1) > .widget_text .textwidget p a:before,
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_text .textwidget p a:before,
	.footer-about-toggle a:before{
		content: "";
		position: absolute;
		left: 0;
		top: 3px;
		width: 10px;
		height: 10px;
		background: transparent url(/wp-content/uploads/2023/01/footer-link-chevron.png) no-repeat;
		background-size: contain;	
	}
	.main-footer .grid-cols-3 div:nth-child(2) > .widget_recent_entries ul li:before{
		content: "";
		position: absolute;
		left: 0;
		top: 8px;
		width: 10px;
		height: 10px;
		background: transparent url(/wp-content/uploads/2023/01/footer-link-chevron.png) no-repeat;
		background-size: contain;
		
	}
	.main-footer .widget.widget_wasabi_logo_widget{
		margin-top: 40px;
	}
	.main-footer div:nth-child(2) {
		padding: 0;
	}
	.main-footer .copyright{
		margin: 0;
	}
	
	/* 	Toggle */
	.main-footer .textwidget {
	display: none;
	}
	.main-footer .widget{
		margin: 0;
	}
	.main-footer .widget.widget_recent_entries ul {
		display: none;
	}
	.visible-content{
		display: block !important;
	}
	.main-footer .title {
		position: relative;
		padding-bottom: 15px;
		cursor: pointer;
		transition: all 0.5s;
	}
	.main-footer .title::before {
		content: "+";
		position: absolute;
		top: 0;
		right: 8px;
		display: flex;
		align-items: center;
		font-size: 22px;
		font-weight: 500;
		color: #fff;
		transition: all 0.5s;
	}
	.change-arrow:before{
		content: "-";
		position: absolute;
		top: 0;
		right: 8;
		display: flex;
		align-items: center;
		font-size: 22px;
		color: white;
		transition: all 0.5s;
	}

}