/*
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: "BlockBE";
    --site-body-font: "Arial";
    --site-main-green: #20B5AC;
    --site-main-black: #272727;
    --site-main-white: #ffffff;

    --site-h1-size: clamp(7rem, 5.154rem + 5.128vw, 15rem);
    --site-h2-size: clamp(4rem, 2.154rem + 5.128vw, 12rem);
    --site-h3-size: clamp(4rem, 3.077rem + 2.564vw, 8rem); 
    --site-h4-size: clamp(2.5rem, 1.692rem + 2.244vw, 6rem);
    --site-h5-size: clamp(3rem, 1.308rem + 1.923vw, 5rem);
    --site-span-size: clamp(1.8rem, 1.523rem + 0.769vw, 3rem);
}

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 {
    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-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
    margin: 0px 130px;
}

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

#site-header #site-header-inner .mobile-right > .mobile-menu {
	height: fit-content;
	display: block;
	line-height: 1em;
}

#site-header #site-header-inner .mobile-right > .mobile-menu .hamburger {
    content: url("http://coco-rico.local/wp-content/uploads/2026/04/palm_tree_00000114047179603105632300000007650341322410788739_.svg");
    
    width: clamp(3.0rem, 2.5vw + 0.2rem, 5.0rem);
    height: clamp(3.0rem, 2.5vw + 0.2rem, 5.0rem);

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#site-header #site-header-inner .mobile-right > .mobile-menu .hamburger .hamburger-box {
    display: none;
}

/* 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-green);
}

/* Global Changes End */ 

/* FORMS END */

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

}

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

    /* Header */

    #site-header #site-header-inner {
        margin: 0px 100px;
    }

}

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

    /* Header */

    #site-header #site-header-inner {
        margin: 0px 20px;
    }

}

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

    /* Header */

    #site-header #site-header-inner {
        margin: 0px 20px;
    }

}

/* ANIMATIONS */

/* ANIMATIONS END */

/* Hide default hamburger */