/*
Theme Name: Spanda Beauty
Template: spanda
Version: 1.0
*/

/* General */
:root{
    --color-primary: #CB8E94;
    --color-secondary: #213C4D;
    --color-bright: #f0f2f3;
    --color-dark: #212529;
}
body {font-family: "Figtree", sans-serif; font-optical-sizing: auto; }
img {max-width: 100%; height: auto;}
.dropdown:hover .dropdown-menu {display: block;}
.cta-button p {font-size: 0.8rem; line-height: 0.7; padding-top: 5px; margin-bottom: 10px; font-weight: 600;}
.cta-button h3 {margin-bottom: 0; font-size: 1.2rem; font-weight: 800;}
.page-title {font-weight: 800;}
.page-subtitle {font-weight: 800; font-size: 1.4rem;}

/* Header
-------------------------------------------------------------- */
.main-header {transition: all ease 0.5s; padding-top: 25px; padding-bottom: 25px;}
.sticky {background: var(--color-primary); padding-top: 0; padding-bottom: 0;}
.main-header .custom-logo {max-width: 200px; height: auto;}
.main-header .navbar-nav .menu-item {padding-left: 10px; padding-right: 10px;}
.main-header .navbar-nav .menu-item .nav-link {color:var(--color-bright); transition: .3s ease-in-out;}
.main-header .navbar .menu-item .nav-link:hover {color: #FFF;}
.main-header .navbar .dropdown-menu {border: none; border-radius:0; background: var(--color-dark);}
.main-header .navbar .dropdown-menu .active {background-color: transparent;}
.main-header .navbar .dropdown-menu .dropdown-item {color:var(--color-bright); font-weight:500; transition: .3s ease-in-out;}
.main-header .navbar .dropdown-menu .dropdown-item:hover {color: #FFF; background-color: transparent;}

/* Hero Home */
.home-hero {background-repeat: no-repeat; background-position: center center; background-size: cover;}
.home-hero-wrapper {background: rgb(0 0 0 / 80%); color: #FFF;}
.home-hero .row {height: 100vh;}
.home-hero h1 {font-size: 3.2rem; font-weight: 700; line-height: 1;}
.home-hero .hero-subtitle {font-size: 1.6rem; font-style:italic; font-weight: 400; padding-top: 20px; padding-bottom: 20px;}
@media (max-width: 768px) {
    .home-hero h1 {font-size: 2.4rem;}
    .home-hero .hero-subtitle {font-size: 1.4rem;}
}

/* About Home */
.about-home {padding-top: 70px; padding-bottom: 70px;}
.about-home .about-home-subtitle {font-family: "Parisienne", cursive; font-size: 2.5rem; color: var(--color-primary);}
.about-home .about-home-title {font-size: 2rem; font-weight: 800;}
.about-home .about-home-img img {border-radius: 5px;}
.about-home .cta-row {margin-top: 50px;}

/* Services Home */
.services-home {background: #FFF; padding-top: 70px; padding-bottom: 70px;}
.services-home .services-home-subtitle {font-size: 1.5rem; font-weight: 700; color: var(--color-primary);}
.services-home .services-home-title {font-size: 2rem; font-weight: 800;}
.services-home .services-home-text {margin-bottom: 50px;}
.services-home .card {margin-bottom: 50px; border: none; background: var(--color-primary);}
.services-home .card img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.services-home .card-title {font-size: 1.4rem; font-weight: 600; margin-bottom: 0;}
.services-home .card-title a {text-decoration: none; color: #FFF;}

/* Served Areas */
.served-areas {padding-top: 70px; padding-bottom: 70px;}
.served-areas .served-areas-title {font-size: 2rem; font-weight: 800; margin-bottom: 50px;}
.served-areas .areas-links {margin-bottom: 30px;}

/* Customer Reviews */
.customer-reviews {background: var(--color-bright); padding-top: 70px; padding-bottom: 70px;}
.customer-reviews .customer-reviews-subtitle {font-size: 1rem; text-transform: uppercase; color: var(--color-primary);}
.customer-reviews .customer-reviews-title {font-size: 2rem; font-weight: 800; margin-bottom: 50px;}

/* Location Home */
.location-home {padding-top: 70px; padding-bottom: 70px;}
.location-home .location-home-title {font-size: 2rem; font-weight: 800; margin-bottom:50px;}

/* Footer */
.site-footer {background: var(--color-primary); padding-top: 70px; padding-bottom: 20px; color:#FFF;}
.site-footer .custom-logo {max-width: 200px; height: auto;}
.site-footer .social-nav {margin-top: 30px;}
.site-footer .social-nav li {display:block; width: 32px; height: 32px; margin-right: 10px;}
.site-footer .social-nav li a {width:100%; height:100%; display:block; text-indent:-9999px; opacity: 1;}
.site-footer .social-nav li.facebook {background: url(img/icon-facebook.png) no-repeat; background-size:32px 32px;}
.site-footer .social-nav li.instagram {background: url(img/icon-instagram.png) no-repeat; background-size:32px 32px;}
.site-footer .social-nav li.linkedin {background: url(img/icon-linkedin.png) no-repeat; background-size:32px 32px;}
.site-footer .social-nav li.youtube {background: url(img/icon-youtube.png) no-repeat; background-size:32px 32px;}
.site-footer .social-nav li.twitter {background: url(img/icon-twitter.png) no-repeat; background-size:32px 32px;}
.site-footer .footer-title {text-transform: uppercase; font-size: 1.2rem; font-weight: 600; margin-bottom: 20px;}
.site-footer .footer-nav .menu-item a {color: #FFF; text-decoration: none;}
.site-footer .table tbody, td, tfoot, th, thead, tr {border: none;}
.site-footer .table>:not(caption)>*>* {background: transparent; color: #FFF; padding: 2px 0 1px 0;}
.site-footer .footer-contact a {color: #FFF; text-decoration: none;}
.site-footer .footer-made a {color:#FFF; text-decoration: none;}
.site-footer .legal-nav a, a:active {color:#FFF !important;}

/* General Page */
.general-page .general-header {padding-top: 200px; padding-bottom: 150px; color: #FFF; background: var(--color-dark); text-align: center;}
.general-page .general-content {padding-top: 70px; padding-bottom: 70px;}

/* About Page */
.about-page .about-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.about-page .about-content {padding-top: 70px; padding-bottom: 70px;}

/* Contact Page */
.contact-page .contact-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.contact-page .contact-content {padding-top: 70px; padding-bottom: 70px;}

/* Single Service */
.single-service-page .single-service-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.single-service-page .single-service-content {padding-top: 70px; padding-bottom: 70px;}
.single-service-page .photo-gallery {padding-bottom: 70px; margin:0 auto;}
.single-service-page .photo-gallery img {padding: 10px;}
.single-service-page .single-service-img img {border-radius: 5px;}
.single-service-page .cta-row {margin-top: 50px;}

/* Single Area */
.single-area-page .single-area-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.single-area-page .single-area-content {padding-top: 70px; padding-bottom: 70px;}
.single-area-page .photo-gallery {padding-bottom: 70px;}
.single-area-page .single-area-img img {border-radius: 5px;}
.single-area-page .cta-row {margin-top: 50px;}

/* Archive Service */
.service-page .service-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.service-page .service-content {padding-top: 70px; padding-bottom: 70px;}
.service-page .service-content .card {margin-bottom: 50px; border: none; background: var(--color-primary);}
.service-page .service-content .card img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.service-page .service-content .card-title {font-size: 1.4rem; font-weight: 600; margin-bottom: 0; text-align: center;}
.service-page .service-content .card-title a {text-decoration: none; color: #FFF;}

/* Archive Area */
.area-page .area-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.area-page .area-content {padding-top: 70px; padding-bottom: 70px;}
.area-page .area-content .card {margin-bottom: 50px; border: none; background: var(--color-primary);}
.area-page .area-content .card img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.area-page .area-content .card-title {font-size: 1.4rem; font-weight: 600; margin-bottom: 0; text-align: center;}
.area-page .area-content .card-title a {text-decoration: none; color: #FFF;}

/* Archive Product */
.product-page .product-header {padding-top: 70px; padding-bottom: 70px; color: #FFF; background: var(--color-dark); text-align: center;}
.product-page .product-content {padding-top: 70px; padding-bottom: 70px;}
.product-page .product-content .card {margin-bottom: 50px; border: none; background: var(--color-primary);}
.product-page .product-content .card img {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.product-page .product-content .card-title {font-size: 1.4rem; font-weight: 600; margin-bottom: 0; text-align: center;}
.product-page .product-content .card-title a {text-decoration: none; color: #FFF;}