/*!
Theme Name: MioCommerce Olympus template
Theme URI: https://miocommerce.com
Author: MioCommerce
Author URI: https://miocommerce.com
Description: Premium Wordpress template for MioCommerce customers
Text Domain: _os
Version: 1.6.8
*/

body{
	--wp--style--global--content-size:1200px;
}

.mio-posts-pagination{
	text-align:center;
	margin-bottom:30px;
}

.mio-posts-pagination .page-numbers{
	margin:0 10px;
}

.page-template-booking-page #mio-buy-and-book{
	display:none !important;
}

#masthead{
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	background: white;
}

#masthead::after{
	content: "";
	box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.26);
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
	right:0;
}

#masthead.mobile-menu-open{
	z-index:1002;
}

#page{
	padding-top:114px;
}

html:not([data-scroll='0']) #masthead::after {
	box-shadow: 0px 5px 6px 0px rgba(0,0,0,0.26);
	opacity:1;
}

#wpadminbar ~ #page > #masthead{
	top:32px;
}

#miocommerce_iframe{
	padding-bottom: 100px;
   padding-top: 100px;
   box-sizing: content-box;
   margin-top: -100px;
   margin-bottom: -100px;
}

.mio-top-banner-message{
	text-align:center;
	font-size: 1rem;
    padding: 4px;
}

/* Services list, common to all themes */
.mio-services-list{
	display:flex;
	align-items:stretch;
	justify-content:flex-start;
	gap:1%;
	flex-wrap:wrap;
}

.mio-services-list-item{
	width:24%;
	min-height:175px;
	background-size: cover;
    background-position: center;
    display: flex;
	align-items:center;
	justify-content:center;
    padding: 30px 20px;
    border-radius: 4px;
    position: relative;
	border-bottom: 0;
	margin-bottom:15px;
	text-align:center;
	transform:translateY(0px);
	transition:box-shadow 300ms ease, transform 300ms ease;
}

.mio-services-list-item:hover{
	transform:translateY(-5px);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}

.mio-services-list-overlay{
	position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255,255,255,0.8);
	border-radius:4px;
}

.mio-services-list-item h3{
	position:relative;
	margin:0;
	font-size:1.6rem;
}

.wp-block-cover__inner-container .w-container{
	padding-left:0;
	padding-right:0;
}

.mio-rounded-corners-cta{
	border-radius:8px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}

@media (max-width:975px){
	.mio-services-list-item{
		width:32%;
	}
}

@media (max-width:600px){
	.mio-services-list{
		gap:2%;
	}
	.mio-services-list-item{
		width:48%;
		padding: 15px 10px;
		min-height:unset;
	}
	.mio-services-list-item h3{
		font-size:1.2rem;
	}
}