/*
 Theme Name:   Bank MediSpa Theme
 Theme URI:    https://paramountdigital.co.uk/
 Description:  Bank MediSpa Theme - Bank MediSpa WordPress Theme built upon GeneratePress.
 Author:       Paramount Digital
 Author URI:   http://paramountdigital.co.uk
 Template:     generatepress
 Version:      0.0.1
*/

:root {
    --white: #FFFFFF;
	--black: #000000;
    --slate-blue: #3A4952;
	--grey: #555555;
	--brown: #C39C79;
	--white-var: #E4E4E4;
	--charcoal: #2E3A44;
	--beige-orange: #F9F7F2;
	--mid-grey: #899199;
	--red: #ff6058;
}

html {
  	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
	box-sizing: border-box;
	min-height: 0;
	min-width: 0;
}

/* default section styles */
section {
	padding: 60px 0;
}
section[class*="previous-"] {
	position: relative;
    overflow: hidden;
}
section[class*="previous-"] .container {
	z-index: 1;
	position: relative;
}
@media (max-width: 575px) {
	section {
		padding: 30px 0;
	}
}

/* container settings */
#page,
#page .site-content {
	width: 100%; 
	max-width: 100%;
	padding: 0;
	flex-direction: column;
}
#page .site-content .site-main {
    margin: 0;
}

.site-content .content-area {
	width: 100%; 
}
.container, .grid-container {
	--bs-gutter-x: 15px;
	width: 100%;
	padding-right: var(--bs-gutter-x, 15px);
	padding-left: var(--bs-gutter-x, 15px);
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

#page .container, header .container {
	max-width: 1440px;
}

@media (max-width: 768px) {
    .separate-containers .inside-article {
        padding: 60px 0 0;
    }
}

/* WooCommerce cart/checkout/account use the default page template, which
   doesn't wrap content in .container, so constrain it here to match. */
.woocommerce-cart .content-area,
.woocommerce-checkout .content-area,
.woocommerce-account .content-area {
	max-width: 1440px;
	width: 100% !important;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.inside-site-info {
	display: none;
}

.site-main > * {
	margin-bottom: 0;
}

/* Breadcrumbs */

nav.breadcrumb span {
	color: #8E8E8E;
	font-size: 14px;
}

nav.breadcrumb span span a {
	color: #8E8E8E;
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: -0.14px;
	text-decoration: none;
}

nav.breadcrumb span span.breadcrumb_last {
	color: var(--slate-blue);
	font-family: "Plus Jakarta Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.14px;
}