/*
Theme Name: Spalab
Theme URI: https://spalab.wpengine.com/
Author: the DesignThemes team
Author URI: http://themeforest.net/user/designthemes/
Description: A responsive theme for SPA LAB type of business that uses Powerful WordPress admin panel, tons of useful shortcodes, one click easy demo content installation, Fully Responsive design, Google fonts, Easy to switch color and layout for any element and many more features made this theme fit for multipurpose websites too.You will find that the user-friendly CMS admin panel makes managing website a simple, straightforward experience.Welcome more clients to spa salon with impressive design.
Version: 6.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: spalab

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

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

.tangerine-regular {
  font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}

.tangerine-bold {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
}

.subheader {
	background: #ff6c37;
	color: #444;
	height: 40px;
	display: flex;
	justify-content: center;
	width: 100%;
}

.subheader__content {
    max-width: 1170px;
    width: 100%;
    display: flex;
    justify-content: right;
    align-items: center;
    padding-right: 10px;
	font-weight: bold;
}


@media only screen and (max-width: 1500px) {
	.subheader__content {
		justify-content: center;
	}
}

#header {
	color: white!important;
}

.dt-header-menu ul.dt-primary-nav > li.current-page-ancestor > a, .dt-header-menu ul.dt-primary-nav > li.current-menu-ancestor > a {
	color: white!important;
}


img {
	height: fit-content;
}

.epf-box--intro {
	
	p {
		margin-bottom:32px;
	}
	em {
		font-size: 3rem;
		line-height: 100%;
		display: block;
		font-family: "Tangerine", cursive;
		font-weight: 400;
		font-style: normal;
		
		&::before {
		}
	}

	.epf-box__img {
		text-align: center;
		
		img {
		margin-bottom: 32px;
		border-radius: 32px;
		box-shadow: 2px 2px 20px #cccc;
		}
	}
	margin-bottom: 32px;
}

.epf-box--contact {
	margin: 32px 0;
	background: #ebd8ea;
	padding: 16px;
	color: #333;
	
	h2, h3 {
		margin: 0 0 16px 0;
	}
	
	a {
		font-weight: bold;
	}
}

.status-publish {
	img {

	}
	
	h2, h3, h4 {
		margin: 3% 0 1% 0;
	}
}

.epf-list {
	display: grid;
	text-align: center;
	list-style: none;
	
	&.epf-list--2 {
		grid-template-columns: 1fr 1fr;
	}
	
	&.epf-list--3 {
		grid-template-columns: 1fr 1fr 1fr;
	}	
	
	&.epf-list--features {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		font-size: 1.2rem;
		margin: 32px 0;
		
		@media(max-width: 800px) {
		grid-template-columns: 1fr 1fr;

		}
		span {
			display: block;
			font-size: 3rem;
			margin-bottom: 16px;
		}
		
		li {
			display: block;
			margin-bottom: 16px;
			line-height: 100%;
		}
	}
}

.epf-footer {
	clear: both;
	padding: 32px 16px;
	background: #000;
	color: #ccc;
	display: flex;
	align-items: center;
	flex-direction: column;
	min-height: 300px;
	
	a {
		color: white;
		
		&:hover,
		&:visited {
			color: white;
		}
	}

	.epf-footer__logo {
		width: 93px;
		height: 93px;
	}
	
	.epf-footer__content {
		max-width: 1170px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		gap: 32px;
		
	}
	.epf-footer__top {
		display: flex;
    align-items: center;
    justify-content: space-between;
	}
	
	.epf-footer__bottom {
	}
}


.epf-box--social {
	ul {
		list-style: none;
		display: grid;
		grid-auto-flow: row;
		gap: 12px;
	}
	img {
		width: 32px;
		filter: invert(1);	
		vertical-align: middle;
		padding-right: 8px;
		
	}
	span {
		visibility: hidden;
		height: 0;
		width: 0;
		display: block;
	}
}

.epf-box--team {
	text-align: center;
	max-width: 480px;
	margin: 64px auto 64px;
	
	img {
		margin-bottom: 0;
	}
	
	p {
		margin-bottom: 32px;
	}
}

.flex {
	display: flex;
	flex-direction: column;
	gap: 24px;
	
	@media(min-width: 800px) {
		flex-direction: row;
	}
}


.simcal-default-calendar .simcal-current h3 {
	color: white;
	text-shadow: 1px 1px 5px #000;
}

.simcal-default-calendar-light .simcal-nav-button {
	color: white;
}

.simcal-default-calendar-light .simcal-nav-button:focus, .simcal-default-calendar-light .simcal-nav-button:hover {
	color: white;
}



.mobile-nav-container .menu-trigger {
	width: auto;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.container {
		width: 100%;
		padding: 0 16px;
	}
}

.no-header-logo-wrapper {
	margin-bottom: 8px;
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    #primary.with-left-sidebar, #primary.with-right-sidebar, #primary.with-both-sidebar {
		width: 100%;
		padding: 0;	
	}
}


.mobile-menu ul.dt-primary-nav li.go-back a:before {
	content: '◀️';
}

.sidenav-alignright .side-navigation {
	margin-bottom: 50px 
}

.side-navigation {
    margin: 0 0 0 2%;
}


.status-publish {
    h2, h3, h4 {
        margin: 8px 0 16px 0;
    }
	p {
		margin-bottom: 16px;
	}
}


.main-title-section {
	padding: 0 0 50px 0;
}