/* MOBILE FIRST DESIGN */

@media (min-width: 1220px) {
/* 	WIDESCREEN */
body.home .top-banner {padding-left:200px!important;padding-right:50px!important;padding-top:0px!important;padding-bottom:0px!important;}
body .site-header .row1 .logo img {width:100%;max-width:400px!important;}
body .primary-menu li a {padding:10px!important;font-size:15px!important;letter-spacing:1px;}    
}

@media (min-width: 1000px) {
/* DESKTOP */
body .site-header {background:transparent;border-bottom:0px;}
body .site-header .header-titles-wrapper {max-width:100%!important;}
body .site-header .header-inner {width:100%;margin:0 auto;padding:0;}    
body .site-header .row1 .logo img {width:100%;max-width:400px!important;}
body .site-header .header-inner, body .site-header .header-titles-wrapper {max-width:100%!important;}    
body .site-header .row1 .column {flex: 1 0 100%;padding: 0;}    
body .site-header .row1 .column:nth-child(1) {padding-left:50px;}

body article .panel-grid .width-full-1000 {display: block;width: 100%;max-width: 100%;padding-right: calc((100% - 1000px) / 2);padding-left: calc((100% - 1000px) / 2);}
    
/* MENU */
body.logged-in .site-header .header-navigation-wrapper {position:absolute!important;top:60px;right:0em;bottom:0;max-width:100%!important;width:calc(100% - 400px)!important;margin:0;}
body .site-header .header-navigation-wrapper {position:absolute!important;top:25px;right:0em;bottom:0;max-width:100%!important;width:calc(100% - 400px)!important;height:50px;margin:0;}
body:not(.overlay-header) ul.primary-menu, ul.primary-menu {margin:0px!important;padding:0px!important;max-width:100%!important;width:100%!important;justify-content: flex-end; align-items: center;letter-spacing: normal; }    
    
 ul.primary-menu {margin:0px;list-style: none;padding: 0px;}
.primary-menu li {margin:0;text-transform:uppercase;color:#2c3e59;font-weight:400; letter-spacing:1px;}
.primary-menu li a {padding:6px;font-size:14px!important;letter-spacing:1px;}
.primary-menu li a:hover {color:#7393cc!important;}
.primary-menu .sub-menu {background:#fff;box-shadow:0px 0px 2px #2c3e59;}
        
.primary-menu ul {pointer-events: none;top:calc(100% + 1.5rem);}
.primary-menu li.menu-item-has-children > ul.sub-menu {left:0!important;margin:0px;list-style:none;}
.primary-menu ul::after {border-bottom-color: #000;}

.primary-menu li.menu-item-has-children:hover > ul,
.primary-menu li.menu-item-has-children:focus > ul,
.primary-menu li.menu-item-has-children.focus > ul {
	pointer-events: auto;
}
/* LEVEL 3 */
.primary-menu ul.sub-menu li.menu-item-has-children:hover .sub-menu .icon, .primary-menu ul.sub-menu li.menu-item-has-children:hover .sub-menu:after {display:none;}
.primary-menu ul.sub-menu li ul.sub-menu  {
    top: 0;
	position:absolute;
    left: 250px!important;
    right: calc(100% + 2rem);
    transform: translateY(0);
}

/* Hover gap */
.primary-menu ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2rem;
    width: 2rem;
}

/* HOME */
body.home .reviews-row, body.home .services-row, body.home .locations-row, body.home .seo-row, body .faqs1-row {padding-top:80px;padding-bottom:80px;}    
body.home .top-banner {padding:0px 250px;background-position:left center;}
body.home .top-banner .textwidget {padding-left:20px;background:transparent;}

/* INTERNAL */    
body .full-intro-row {padding:100px 200px 100px 300px!important;}
body .intro-row.sidebar {padding:4% 10%!important;}
body .post-row .intro-row.sidebar {padding:4%!important;}
body .post-row .light-row {padding:2% 4%!important;background:#fff;}
body .post-row .dark-row {padding:2% 4%!important;background:transparent;}

body.single-contact .intro-row, body.page-id-613 .intro-row {padding-top:80px!important;padding-bottom:80px!important;padding-right: calc((100% - 1200px) / 2)!important;padding-left: calc((100% - 1200px) / 2)!important;}
body.single-contact .intro-row .contact-details .panel-grid-cell a span {font-size:18px;}

/* FOOTER */
body .site-footer .top-row {max-width:1200px;margin:0px auto;padding:50px 0px;}
    
}

/* MOBILE BELOW (NO BREAKPOINTS) */

/* FONTS */
@font-face { font-family: 'Tinos'; font-weight: 400; font-style: normal; font-display: block; src: url("fonts/Tinos-Regular.ttf"); }
@font-face { font-family: 'Tinos'; font-weight: 400; font-style: italic; font-display: block; src: url("fonts/Tinos-Italic.ttf"); }
@font-face { font-family: 'Tinos'; font-weight: 700; font-style: normal; font-display: block; src: url("fonts/Tinos-Bold.ttf"); }
@font-face { font-family: 'Tinos'; font-weight: 700; font-style: italic; font-display: block; src: url("fonts/Tinos-BoldItalic.ttf"); }

.fa-location-dot:before {content: "\f3c5";}

/* GENERAL */
body {background:#d7dee7!important;}
body, button, input, select, textarea, .widget li, p, div.textwidget {font-family: 'Tinos', sans-serif;line-height: 1.5; font-size:16px!important;}
main h1, main h2, main h3, main h4 { color:#2c3e59!important; font-family: 'Tinos', serif; font-weight:600;}
main p, main em, main table, main ul, main li  { color:#2c3e59!important; font-family: 'Tinos', sans-serif; font-weight:200; text-align: left;  }
main h1 { color:#2c3e59!important; text-align:center; margin-top: 0; letter-spacing: normal; font-size: 36px; line-height:1.3;  }
main h2 { text-align:left; font-size: 32px;}
main h3 { margin:20px 0 10px; font-size: 20px; }
main a, main a:visited, main a:active {color:#2c3e59!important;}
main a:hover {color:#7393cc!important;}
main ul, main ol {margin: 0 0 1.5em 0em;}
main b, main strong {font-weight:700;}

.page {margin:0;padding:0px;}
.error404 section, .page-template-default article {max-width:1200px;padding:60px 30px;}

.bx-wrapper {background:transparent;box-shadow:0 0 0;border:0px;}
#yourSalonReviews .review_item_inner_carousel, #yourSalonReviews .review_item_carousel {background:none;}
#yourSalonReviews .review_item_carousel {padding:10px;}

/* HEADER */
.nav-toggle {bottom:unset;top:10px;}
.site-header {background:transparent;border-bottom:0px;}
.site-header .row1 {padding:0px;}
.site-header .row1 .column:nth-child(1) {text-align:left!important;}
.site-header .row1 .column:nth-child(1) .logo img {width:100%;max-width:300px!important;}
.site-header .row1 .column:nth-child(1) {padding-left:0px!important;}

span.toggle-text {padding:10px;font-size:16px;text-align:left;}
.menu-modal button.close-nav-toggle {background: #2c3e59!important;}
.menu-modal-inner {background:#d7dee7;}
.modal-menu a {font-family: 'Tinos', sans-serif!important;font-size:18px!important;color:#2c3e59!important;}
.modal-menu ul li {border-left:4px solid #2c3e59!important;}
.modal-menu .sub-menu.active {padding-left:20px;}

/* BUTTONS */
.bout-button, .bout-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:15px 25px;font-size:15px;border-radius:50px;border:1px solid #2c3e59;background:transparent;color:#2c3e59!important;text-decoration:none!important;}
.bout-button:hover {background:#2c3e59;border:1px solid #2c3e59;color:#fff!important;text-decoration:none!important;}
.bout-button:last-child {margin:0;}

.wout-button, .wout-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:15px 25px;font-size:15px;border-radius:50px;border:1px solid #fff;background:transparent;color:#fff!important;text-decoration:none!important;}
.wout-button:hover {background:#7393cc;border:1px solid #7393cc;color:#fff!important;text-decoration:none!important;}
.wout-button:last-child {margin:0;}

.blue-button, .blue-button:visited {display:inline-block;margin:10px 10px 10px 0px;padding:15px 25px;font-size:15px;border-radius:50px;background:#2c3e59;color:#fff!important;text-decoration:none!important;}
.blue-button:hover {background:#7393cc;color:#fff!important;text-decoration:none!important;}
.blue-button:last-child {margin:0;}

/* HOME */
.home .top-banner {padding:30px!important;background-color:#2c3e59!important;background-position:right top;}
.home .top-banner .textwidget {padding:20px;background:#d7dee7;border-radius:20px;width:100%;}

.home .seo-row {padding:30px;}

.home .services-row {padding:30px;background:#fff;}
.home .services-row .services .panel-grid-cell {background:#fff;border-radius:40px;overflow:hidden;box-shadow:0px 0px 60px #ddd;}
.home .services-row .services .panel-grid-cell .textwidget {padding:0 10px 20px;}
.home .services-row .services .panel-grid-cell .textwidget a {font-weight:700;text-decoration:none;}

.home .locations-row {padding:30px;background-image:url(/wp-content/uploads/2026/01/s-background.png);background-position:center;}
.home .locations-row .locations .panel-grid-cell {background:#fff;border-radius:40px;overflow:hidden;box-shadow:0px 0px 60px #2c3e59;}
.home .locations-row .locations .panel-grid-cell .textwidget {padding:0 20px 20px;}

.faqs-row {padding:30px;background:#7393cc;background-image:url(/wp-content/uploads/2026/01/large-s.png);background-repeat:no-repeat;background-position:center;}
.faqs-row h2, .faqs-row p, .faqs1-row h2, .faqs1-row p {color:#fff!important;}
.faqs-row .question, .faqs1-row .question, .question {margin:2px 0px;background:#2c3e59!important;border-radius:50px;border:0px!important;}
.faqs-row .question span, .faqs1-row .question span, .question span {right:5px;}
.faq-accordion-wrapper .answer {border-radius:10px;}
.faq-accordion-wrapper .answer * {color:#000!important;}
.faqs-row .panel-grid-cell, .faqs1-row .panel-grid-cell {margin:0px!important;}
.faqs-row .question h2, .faqs-row .question h3, .faqs1-row .question h2, .faqs1-row .question h3, .question h2, .question h3 {color:#fff!important;}
.faqs1-row {padding:30px;background:rgba(115,147,204,0.5);background-image:url(/wp-content/uploads/2026/01/large-s.png);background-repeat:no-repeat;background-position:center;}


.home .reviews-row {padding:30px;background:#fff;}

/* INTERNAL */
.full-intro-row {padding:30px!important;background:url(https://gallant-maxwell.34-246-88-53.plesk.page/wp-content/uploads/2026/01/top-banner.jpg);background-position:top left!important;}
.full-intro-row img {border-radius:50px;border:4px solid #7393cc;transform: rotate(10deg);max-height:600px;width:auto;}
.light-row {padding:20px;background:#fff;}
.dark-row {padding:20px;background:transparent;}
.intro-row, .intro-row.sidebar {padding:30px 30px 30px 30px!important;background-color:#2c3e59!important;background-image:url(/wp-content/uploads/2026/01/internal-banners.png);background-position:center;}
.intro-row.sidebar .round-corner-box {margin:0px!important;border:4px solid #d7dee7;background:#7393cc!important;}
.intro-row *, .intro-row p, .intro-row.sidebar *, .intro-row.sidebar p, .intro-row.sidebar a:visited, .intro-row a:visited {color:#fff!important;}
.intro-row.sidebar .round-corner-box h3 {margin-top:0px;font-size:26px;}
.cta-row {display: block;width: 100%!important;max-width: 100%!important;padding-right: calc((100% - 800px) / 2);padding-left: calc((100% - 800px) / 2);padding-top:60px;padding-bottom:60px;background:rgba(115,147,204,0.4);}
.intro-row.sidebar .panel-grid-cell {padding:30px 30px 0px 30px!important;}
.intro-row.sidebar .panel-grid-cell h2, .intro-row.sidebar .panel-grid-cell h1 {margin-top:0px;}

/* POST ROW */
.post-row {margin:20px;background:rgba(255,255,255,0.6);border-radius:40px;overflow:hidden;}
.post-row .intro-row.sidebar {padding:30px 20px!important;}
.post-row .light-row {padding:30px 20px;}
.post-row .dark-row {padding:30px 20px;}
.post-row .intro-row.sidebar .round-corner-box {margin:0px!important;}
.post-row .intro-row.sidebar .panel-grid-cell {padding:0px!important;}

/* FORM */
.wpforms-container-full {padding:30px!important;color:#2c3e59!important;background:rgba(255,255,255,0.5)!important;border-radius:30px!important;}
.wpforms-container-full button[type=submit] {background:#7393cc!important;border:0px!important;}
.wpforms-container-full legend, .wpforms-container-full label {color:#2c3e59!important;}

/* CONTACT */
.single-contact .intro-row {padding:30px!important;background-image:url(/wp-content/uploads/2026/01/s-background.png)!important;background-position:center!important;}
.single-contact .intro-row * {color:#fff!important;}
.single-contact .intro-row .blue-button {color:#fff!important;}
.single-contact .intro-row .contact-details {padding:0px;}
.single-contact .intro-row .contact-details .panel-grid-cell {background:rgba(0,0,0,0.2)!important;border-radius:30px;overflow:hidden;box-shadow:0px 0px 30px #2c3e59;}
.single-contact .intro-row .contact-details .panel-grid-cell .textwidget {padding:0 20px 20px;}
.single-contact .intro-row .contact-details .panel-grid-cell [class^="sg-contact"], .single-contact .intro-row .contact-details .panel-grid-cell a, .single-contact main .intro-row * {color:#fff!important;}
.single-contact .intro-row .contact-details .panel-grid-cell p {text-align:center;}
.single-contact .intro-row .contact-details .panel-grid-cell [class^="sg-contact"] {display: block;font-size:16px!important;font-weight:400;color:#000;text-align:center;}
.single-contact .intro-row .contact-details .panel-grid-cell em.comma {display: none;}
.single-contact .intro-row .contact-details .panel-grid-cell a span {font-size:14px;}
.single-contact .intro-row .contact-details span.sg-contact-seotitle {display:none!important;}
.single-contact .map-row {background:rgba(115,147,204,0.2)!important;}
.single-contact .map-row .wpforms-container-full {margin:0px;}
.single-contact .map-row .wpforms-container-full h3 {margin:0;}
.single-contact .about-row {background:transparent!important;}

/* FOOTER */
.site-footer [class^="widget"] * {color:#fff;}
.site-footer {padding:0px!important;color:#fff;background:#2c3e59;border:0px!important;}
.site-footer .top-row {max-width:1200px;margin:0px auto;padding:40px!important;}
.site-footer .top-row .contact-box i {padding-right:10px;}
.site-footer .top-row .contact-box h3.widget-title {font-family: 'Tinos';text-align:left;color:#fff;font-weight:700;}
.site-footer .top-row .contact-box a {font-size:16px;text-decoration:none;}
.site-footer .top-row a, .site-footer .top-row p {color:#fff;font-size:14px;text-align:left;}
.site-footer .top-row a:hover {color:#7393cc;text-decoration:none;}
.site-footer .top-row .phone, .site-footer .top-row .email, .site-footer .top-row .address {margin-bottom:10px;}
.site-footer .top-row .socialmedia {margin:20px 0px;text-align:left;}
.site-footer .top-row .socialmedia a {display:ilnine-block;padding:5px;font-size:22px;}
.site-footer .top-row .socialmedia a:hover i {color:#7393cc!important;}

.site-footer .bottom-row {padding:20px;background:#7393cc;text-align:center;color:#fff;}
.site-footer .bottom-row p, .site-footer .bottom-row .panel-grid-cell, .site-footer .bottom-row .so-panel {margin:0px!important;}
.site-footer .bottom-row br {display:none;}
.site-footer .bottom-row a:hover {color:#2c3e59;text-decoration:none;}
.site-footer .bottom-row .widget_footer_links a, .site-footer .bottom-row .widget_footer_links span, .site-footer .bottom-row a.sitemap {display:inline-block!important;margin-right:10px;font-size:12px!important;color:#fff;}
.site-footer .top-link {left:40px;border-top-left-radius:5px!important;background:#7393cc;}
.site-footer .top-link a {color:#fff!important;}