/*
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: "Big Caslon";
    --site-body-font: "Montserrat";
    --site-main-green: #20B5AC;
    --site-main-black: #121212;
    --site-main-white: #ffffff;
    --site-h1-size: clamp(45px,calc(45px + 65 * (100vw - 320px) / 1600),110px); 
    --site-h2-size: clamp(35px,min(calc(35px + 55 * ((100vw - 320px) / 1600)), 90px),90px); 
    --site-h3-size: clamp(2.5rem, 2vw + 2.2rem, 6rem); 
    --site-span-size: clamp(1.2rem, 1.1vw + 0.05rem, 1.8rem); 
}

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 .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%;
}

#site-header #site-header-inner::after {
    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 */ 

/* Custom Button */

.cust-btn-container .btn-1 {
  text-align: center;
  font-weight: 500;
  display: inline-block;
  padding: 20px 30px;
  border: 1px solid var(--site-main-white);
  cursor: pointer;
  letter-spacing: 2px;
  position: relative;
  overflow: hidden;
  background-color: var(--site-main-white);
  color: var(--site-main-black);
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
  font-size: clamp(12px,min(calc(12px + 8 * (100vw - 320px) / 1600), 20px),20px);
}

.cust-btn-container .btn-1 span{
  font-size: clamp(12px,min(calc(12px + 8 * (100vw - 320px) / 1600), 20px),20px);
}

.cust-btn-container .btn-1:hover {
  background-color: var(--site-main-black);
  color: var(--site-main-white);
  transition-delay: 0s; 
}

.cust-btn-container .btn-1::before {
  content: "";
  position: absolute;
  height: 150px;
  width: 50px;
  background: var(--site-main-white);
  left: -55px;
  top: -40px;
  transform: rotate(37deg);
  transition: left 0.3s ease-out;
  opacity: 0.3;
  z-index: 0;
}

.cust-btn-container .btn-1:hover::before {
  left: 95%;
}

/* Custom Button 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 {
        max-width: 1240px !important;
    }

    /* HEADER END */

}

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

    /* Custom Button */
    
    .cust-btn-container .btn-1 {
        padding: 15px 20px;
    }

}

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

    /* Custom Button */
    .cust-btn-container .btn-1 {
        padding: 15px 20px;
    }

}

/* ANIMATIONS */

/* ANIMATIONS END */