/*
Theme Name: DMN WP STARTER
Description: DMN WP STARTER Child theme for customizations.
Author: DMN Creative
Author URI: mailto:dev@dmncreative.com
Template: oceanwp
Text Domain:  dmnwpstarter
Version: 2.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* Importing fonts */
@import "assets/fonts/fonts.css";
/* Importing fonts end */

/* Helpers and Init Styles */
:root{
    --site-headings-font: "Antro Vectra";
    --site-body-font: "DIN 2014";
    --site-main-green: #20B5AC;
    --site-main-black: #272727;
    --site-main-white: #ffffff;
    --site-main-cream: #F6EEE8;
    --site-main-charcoal-black: #231F20;
    --site-main-copper-brown: #B25F27;
    --site-main-copper-grey: #F7F7F7;
    
    --site-h1-size: clamp(3.5rem, 6vw + 1rem, 13.7rem);
    --site-h2-size: clamp(2.5rem, 4.5vw + 1rem, 10rem);
    --site-h3-size: clamp(2rem, 2.5vw + 1rem, 5rem);
    --site-span-size: clamp(1.6rem, 0.5vw + 1rem, 2rem);

    --site-button-size: clamp(1.8rem, 0.8vw + 1rem, 2.2rem);
    --site-button-padding: clamp(12px, 1.5vw, 15px) clamp(25px, 2.5vw, 40px) clamp(12px, 1.5vw, 15px) clamp(25px, 2.5vw, 40px);
}

a:focus {
    outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0px;
}

.site-content p, .site-content span:not(.xpro-title-focus), .archive .site p, .archive .site span:not(.xpro-title-focus) {
    font-size: var(--site-span-size);
}

.site-content h1, .archive .site h1 {
    font-size: var(--site-h1-size);
}

.site-content h2, .archive .site h2 {
    font-size: var(--site-h2-size);
}

.site-content h3, .archive .site h3 {
    font-size: var(--site-h3-size);
}

.site-content h4, .archive .site h4 {
    font-size: var(--site-h4-size);
}

.site-content .elementor-widget-button .elementor-button-wrapper .elementor-button-text, .site-content a {
    font-size: var(--site-span-size);
}

.oceanwp-pagination .page-numbers a.page-numbers, .oceanwp-pagination .page-numbers span.page-numbers {
    font-size: var(--site-span-size);
}

.cust-boxed-container-left > .e-con-inner {
    margin: 0px 0px 0px auto;
}

.cust-boxed-container-right > .e-con-inner {
    margin: 0px auto 0px 0px;
}
/* Helpers End */

/* FORMS */

/* Global Changes */

.wpcf7 .wpcf7-form .wpcf7-response-output {
    margin: 0px;
}

.wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-green);
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output {
    margin-top: 20px;
    text-align: center;
}

.wpcf7-form.sent .cust-booking-form,
.wpcf7-form.sent .cust-newsletter-form {
    display: none;
}

/* Global Changes End */ 

/* Booking Form */
.cust-booking-form { 
    padding: 0px;
}

.cust-booking-form .row {
    --bs-gutter-y: 20px;
    --bs-gutter-x: 30px;

    justify-content: center;
}

.cust-get-in-touch-form .row:not(:last-child) {
    margin-bottom: 20px;
}

.cust-booking-form .row input[type="text"], 
.cust-booking-form .row input[type="email"],  
.cust-booking-form .row input[type="tel"],
.cust-booking-form .row select, 
.cust-booking-form .row textarea { 
    font-size: var(--site-span-size);
    border-color: var(--site-main-white);
    text-align: center;
}

.cust-booking-form  .row .cust-booking-submit-btn input[type="submit"] {
    background: var(--site-main-white);
    color: var(--site-main-black);
    font-size: var(--site-span-size);
    border: none;
    font-weight: 400;
    font-size: var(--site-button-size);
    padding: var(--site-button-padding);
    text-transform: capitalize;
    margin-top: 10px;
    border: 1px solid var(--site-main-copper-brown);
    border-radius: 5PX;
}

.cust-booking-form .row .cust-booking-submit-btn input[type="submit"]:hover {
    background: var(--site-main-copper-brown);
    color: var(--site-main-white);
}

.cust-booking-form  .row:last-child .col-md-12:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-top: 40px;
}

.cust-booking-form .row .col-md-12:last-child .wpcf7-spinner {
    position: absolute;
    margin: 0px;
}

.cust-booking-form-container .wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-White);
    color: var(--site-main-white);
}

.cust-booking-form-container .wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    border-color: var(--site-main-White);
    color: var(--site-main-white);
}

/* Booking Form End */

/* Newsletter Form */
.cust-newsletter-form { 
    padding: 0px;
}

.cust-newsletter-form .row {
    --bs-gutter-y: 20px;
    --bs-gutter-x: 30px;

    justify-content: center;
}

.cust-newsletter-form .row:not(:last-child) {
    margin-bottom: 20px;
}

.cust-newsletter-form .row input[type="text"], 
.cust-newsletter-form .row input[type="email"],  
.cust-newsletter-form .row input[type="tel"],
.cust-newsletter-form .row select, 
.cust-newsletter-form .row textarea { 
    font-size: var(--site-span-size);
    border-color: var(--site-main-white);
    text-align: center;
}

.cust-newsletter-form .row .cust-newsletter-submit-btn input[type="submit"] {
    background: var(--site-main-white);
    color: var(--site-main-copper-brown);
    font-size: var(--site-span-size);
    border: none;
    font-weight: 400;
    font-size: var(--site-button-size);
    padding: var(--site-button-padding);
    text-transform: capitalize;
    margin-top: 10px;
    border: 1px solid var(--site-main-copper-brown);
    border-radius: 5PX;
}

.cust-newsletter-form .row .cust-newsletter-submit-btn input[type="submit"]:hover {
    background: var(--site-main-copper-brown);
    color: var(--site-main-white);
    border: 1px solid var(--site-main-white);
}

.cust-newsletter-form .row:last-child .col-md-12:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.cust-newsletter-form .row .col-md-12:last-child .wpcf7-spinner {
    position: absolute;
    margin: 0px;
}

.cust-newsletter-form-container .wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-White);
    color: var(--site-main-white);
}

.cust-newsletter-form-container .wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    border-color: var(--site-main-White);
    color: var(--site-main-white);
}

/* Newsletter Form */

/* Footer Newsletter Form */

.cust-newsletter-form-footer-container .cust-newsletter-form .row {
    justify-content: left;
}

.cust-newsletter-form-footer-container .cust-newsletter-form .row input[type="text"], 
.cust-newsletter-form-footer-container .cust-newsletter-form .row input[type="email"],  
.cust-newsletter-form-footer-container .cust-newsletter-form .row input[type="tel"],
.cust-newsletter-form-footer-container .cust-newsletter-form .row select, 
.cust-newsletter-form-footer-container .cust-newsletter-form .row textarea { 
    text-align: left;
    border-color: var(--site-main-charcoal-black);
    color: var(--site-main-charcoal-black);
}

.cust-newsletter-form-footer-container .cust-newsletter-form .row input::placeholder,
.cust-newsletter-form-footer-container .cust-newsletter-form .row textarea::placeholder {
  color: var(--site-main-charcoal-black);
  opacity: 1;
}

.cust-newsletter-form-footer-container .cust-newsletter-form .row .cust-newsletter-submit-btn input[type="submit"] {
    background: var(--site-main-charcoal-black);
    color: var(--site-main-white);
    border: 1px solid var(--site-main-charcoal-black);
    border-radius: 5PX;
    font-size: var(--site-button-size);
    padding: var(--site-button-padding);
}

.cust-newsletter-form-footer-container .cust-newsletter-form .row .cust-newsletter-submit-btn input[type="submit"]:hover {
    background: var(--site-main-copper-brown);
    color: var(--site-main-white);
    border: 1px solid var(--site-main-white);
}

.cust-newsletter-form .row:last-child .col-md-12:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.cust-newsletter-form .row .col-md-12:last-child .wpcf7-spinner {
    position: absolute;
    margin: 0px;
}

.cust-newsletter-form-container .wpcf7 .wpcf7-form.sent .wpcf7-response-output {
    border-color: var(--site-main-White);
    color: var(--site-main-white);
}

.cust-newsletter-form-footer-container .wpcf7 .wpcf7-form.invalid .wpcf7-response-output {
    border-color: var(--site-main-copper-brown);
    color: var(--site-main-copper-brown);
}

/* Footer Newsletter Form */

/* FORMS END */

/* SWIPERS */

/* Distillery Swiper */

.distillery-slide {
    width: 100%;
    aspect-ratio: 398 / 564;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px;
}

/* Distillery Pagainatiion */
.cust-distillery-swiper-paganation-container .distillery-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.cust-distillery-swiper-paganation-container .distillery-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 3px;
    background: var(--site-main-charcoal-black);
    opacity: .6;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.cust-distillery-swiper-paganation-container .distillery-pagination .swiper-pagination-bullet-active {
    background: var(--site-main-charcoal-black);
    opacity: 1;
    width: 40px;
}

.cust-distillery-swiper-paganation-container .elementor-icon-wrapper {
    justify-content: center;
    display: flex;
}

.cust-distillery-swiper-paganation-container .elementor-icon-wrapper .elementor-icon {
    cursor: pointer;
}

/* Distillery Swiper End */

/* SWIPERS END */

/* Desktop Styles Only */
@media screen and (min-width: 992px)  {

    /* HEADER */
    #site-header.minimal-header {
    padding: 0px 130px;

    }

}

/* Laptop Styles Only */
@media screen and (min-width: 992px) and (max-width: 1690px) {

    /* HEADER */
    #site-header.minimal-header {
    padding: 0px 100px;

    }

}

/* Mobile Styles */
@media screen and (max-width: 767px) {

    /* SWIPERS */

    /* Distillery Swiper */
        .cust-distillery-swiper-paganation-container .distillery-pagination {
        gap: 3px !important;
    }

    .cust-distillery-swiper-paganation-container .distillery-pagination .swiper-pagination-bullet {
        width: 15px !important;
        height: 2px !important;
    }

    .cust-distillery-swiper-paganation-container .distillery-pagination .swiper-pagination-bullet-active {
        width: 30px !important;
    }

}

/* iPad Styles */
@media screen and (max-width: 850px) and (min-width: 780px)  {

}

/* ANIMATIONS */

/* ANIMATIONS END */