/*
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: "Lato";
    --site-body-font: "Lato";
    --site-main-green: #20B5AC;
    --site-main-black: #272727;
    --site-main-white: #ffffff;
    --site-button-padding: clamp(12px, 1.5vw, 20x) clamp(16px, 3vw, 30px) clamp(12px, 1.5vw, 15px) clamp(16px, 3vw, 30px);
    --site-h1-size: clamp(30px, calc(-28.16px + 7.584vw), 100px);
    --site-h2-size: clamp(22px, calc(8.39px + 2.367vw), 45px);
    --site-h3-size: clamp(20px, calc(3.40px + 2.367vw), 40px);
    --site-h4-size: clamp(18px, calc(8.04px + 1.3vw), 30px);
    --site-h5-size: clamp(16px, calc(8.53px + 0.975vw), 25px);
    --site-span-size: clamp(14px, calc(7.02px + 0.65vw), 18px);
}

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 h5, .archive .site h5, .elementor-icon-box-wrapper .elementor-icon-box-content h5 span {
    font-size: var(--site-h5-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 */

/*  HEADER  */

#site-header #site-logo #site-logo-inner .custom-logo:hover {
    opacity: 1;
}

#site-header #site-header-inner::after {
    display: none;
}

#site-header #site-header-inner #site-navigation-wrap {
    border-radius: 30px;
    padding: 0px 20px;
    background: transparent;
    background-color: transparent;
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.25);
}

.oceanwp-social-menu .social-menu-inner {
    border-radius: 30px;
    padding: 0px 20px;
    margin-left: 20px;
    background: transparent;
    background-color: transparent;
    backdrop-filter: blur(30px);
    --webkit-backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.25);
}

#site-header #site-header-inner #site-navigation-wrap .main-menu .menu-item .text-wrap {
    text-transform: uppercase;
}

#site-header #site-header-inner #site-navigation-wrap .main-menu .current-menu-item .text-wrap {
    font-weight: 700;
}

#site-header #site-header-inner #site-navigation-wrap .main-menu .menu-item .text-wrap {
    font-size: clamp(14px, calc(2.0833vw - 16px), 18px);
}

#site-header.transparent-header {
  padding: 0px 100px;
}

/* HEADER END */

/* FORMS */

/* Global Changes */

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

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

/* Global Changes End */ 

/* Get In Touch Form */

.cust-get-in-touch-form {
    padding: 0px;
}

.cust-get-in-touch-form .row {
    --bs-gutter-y: 30px;
    --bs-gutter-x: 30px;
}

.cust-get-in-touch-form .row input[type="text"],
.cust-get-in-touch-form .row input[type="email"],
.cust-get-in-touch-form .row input[type="tel"],
.cust-get-in-touch-form .row textarea {
    font-size: var(--site-span-size);
    color: var(--site-main-white);
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.cust-get-in-touch-form .row input::placeholder,
.cust-get-in-touch-form .row textarea::placeholder {
    opacity: 1;
    color: var(--site-main-white);
}

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

.cust-get-in-touch-form .row input[type="submit"] {
   font-size: var(--site-span-size);
   border: none;
}

.cust-get-in-touch-form .cust-get-in-touch-btn-row {
    display:flex;
    justify-content: center;

}

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

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

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

.wpcf7-form.sent .cust-contact-us-form{
    display: none;
}

/* Newsletter Form */

.cust-newsletter-form{
    padding: 0px;
}

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

.cust-newsletter-form .row input[type="email"]{
    font-size: var(--site-span-size);
    backdrop-filter: blur(30px);
    border: 1px solid var(--site-main-black);
}

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

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

.cust-newsletter-form .row input[type="submit"] {
   font-size: var(--site-span-size);
   border: none;
}

.cust-newsletter-form .cust-newsletter-submit-btn {
    display:flex;
    justify-content: left;

}

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

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

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.sent .wpcf7-response-output {
    margin-top: 20px;
    text-align: center;
	color: var(--site-main-white);
}

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

/* FORMS END */

/* Image lightbox */

.expand-bg-image {
    cursor: pointer;
}

.image-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: rgba(0, 0, 0, 0.9);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.image-lightbox.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.image-lightbox img {
    display: block;
    max-width: 90vw;
    max-height: 90vh;
    width: auto;
    height: auto;
    object-fit: contain;
}

.image-lightbox-close {
    position: absolute;
    top: 20px;
    right: 30px;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    font-size: 40px;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.image-lightbox-close:hover,
.image-lightbox-close:focus,
.image-lightbox-close:active {
    color: #fff;
    background: none;
    border: 0;
    box-shadow: none;
    outline: none;
}

/* image lightbox */

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

        #site-header.transparent-header {
        padding: 0px 100px !important;
    }
}

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

    #site-header.transparent-header {
        padding: 0px 50px !important;
    }

}

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

    .oceanwp-social-menu .social-menu-inner {
        background: none !important;
    }

}

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

    .oceanwp-social-menu .social-menu-inner {
        background: none !important;
    }

}

/* ANIMATIONS */

/* ANIMATIONS END */