/*
    Style Name: core.css
    Description:
    - Defoult styles for caffeine platform
    - You should set every main designs here.
    - Your changes will affect front-end and page-builder
    Author: Tomasz R
    Version: 1.0.1
    Last Edited: 04-14-2025
    Edited By: Tomasz R
*/

/* default font */
@import url('//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('//fonts.googleapis.com/css2?family=Helvetica+Neue:wght@400;600&display=swap');
/* Icon support */


/* Default Variables */
:root {
    /* Colors */
    /* --primary-color: #7AC143;           */
    --primary-color: #367C2B;          
    --secondary-color: #FEDE30;        
    --regular-text-color: #000;   
    --dark-text-color: #333;          
    --light-text-color: #fff;          
    --regular-background-color: #000;      
    --dark-background-color: #333;
    --light-background-color: #fff;  
     
    /* Fonts */
    --regular-font: 'Open Sans', sans-serif; 
    --heading-font: 'Helvetica', sans-serif;
}

.custom-container .primary-color,
footer .primary-color{
    color: #7AC143 !important; 
}

/* Default Typography */
body {
    margin: 0;
    background: var(--light-background-color);
    color: var(--regular-text-color);
    font-family: var(--regular-font);
    font-size: 100%; 
    line-height: 1.6;
    font-weight: 300;
}
a, p, td, li, label, input, textarea, select {
    font-size: 16px; 
    line-height: 1.6;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
    font-family: var(--heading-font);
    font-weight: 300;
    line-height: 1.4;
}        

h1 { font-size: 2.36rem; margin: 0.4rem 0; }
h2 { font-size: 2.0rem; margin:0.6rem 0; }
h3 { font-size: 1.73rem; margin:0.7rem 0; }
h4 { font-size: 1.6rem; margin:0.8rem 0; }
h5 { font-size: 1.48rem; margin:0.8rem 0; }
h6 { font-size: 1.3rem; margin:0.8rem 0; }
p { margin:0 0 1rem; }

@media all and (max-width: 1024px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.73rem; }
    h3 { font-size: 1.6rem; }
    h4 { font-size: 1.48rem; }
    h5 { font-size: 1.3rem; }
    h6 { font-size: 1rem; }
    p { font-size: 1.1rem; }
}

/* Default Classes */
.primary-color { color: var(--primary-color); }
.secondary-color { color: var(--secondary-color); }
.regular-color { color: var(--regular-text-color); }
.dark-color { color: var(--dark-text-color); }
.light-color { color: var(--light-text-color); }

.primary-background { color: var(--primary-color); }
.secondary-background { color: var(--secondary-color); }
.regular-background { color: var(--regular-background-color); }
.dark-background { color: var(--dark-background-color); }
.light-background { color: var(--light-background-color); }

/* Default Elements */
a { color: var(--primary-color); } 

hr {
    background: none;
    background-color: transparent;
    border: none;
    border-top:  var(--dark-text-color) 1px solid;
    margin: 30px 0 25px;
    padding: 5px;
}    
img { max-width:100%; }
figure { margin:0 }
table td { padding:12px; }
pre {
    font-family: courier, monospace;
    font-size: 1rem;
    white-space: pre-wrap;
    line-height: 1.4;
    padding: 15px;
    background: rgba(0, 0, 0, 0.03);
}
blockquote { margin:16px 40px; }
b, strong { font-weight: 600; }
sup { vertical-align: super; }
sub { vertical-align: sub; }


/* Default Buttons */
.btn {
    padding: 5px 25px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 20px;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.btn.btn-regular { color: var(--primary-color); background-color: transparent; border: 2px solid var(--primary-color)!important; }
.btn.btn-regular:hover { color: var(--light-text-color); background-color: var(--primary-color); border: 2px solid var(--primary-color)!important; }
.btn.btn-alternative { color: var(--regular-text-color); background-color: var(--secondary-color); border: 2px solid var(--secondary-color)!important; }
.btn.btn-alternative:hover { color: var(--secondary-color); background-color: var(--regular-text-color); border: 2px solid var(--regular-text-color)!important; }

/* Default Heding Section */

/* Default Sub-Heding Section */

/* Default Img/Text Section */
.imgtxt-section-image {
    width: 100%;
}
.imgtxt-section-overtitle {
    margin: 0;
    font-size: .8rem;
    color:  var(--light-dark-color);
}
.imgtxt-section-title{
    margin-top: 0;
}
.imgtxt-section-content {}

/* Default Offer Section */
.offer-container {}
.offer-image {}
.offer-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--primary-color);
}
.offer-subtitle {
    font-weight: 600;
}
.offer-list {
    margin: 0;
}
.offer-list > li{}
.offer-price {
    font-size: 2.4rem;
    font-weight: 700;
    text-align: center;
}
.offer-price-sup {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    text-align: center;
}
.offer-price-desc {
    text-align: center;
}

/* Default Cards */
.standard-card {
    border: 1px solid var(--dark-text-color);
    background: transparent;
}
.card-img-top {}
.standard-card-body {
    background: transparent;
}
.standard-card-title {
    font-size: 1.8rem;
    line-height: 1.5;
}
/* .standard-card-text {
    font-size: ;
    font-weight: ;
    line-height: 1.5;
    margin: ;
} */
/* Default Background Section */
*:has(> .custom-container) {
    background: var(--dark-background-color);
    color: var(--light-background-color)!important;
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.custom-container {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
.custom-container h1, 
.custom-container h2, 
.custom-container h3, 
.custom-container h4, 
.custom-container h5, 
.custom-container h6 {
    color: var(--light-background-color)!important; 
}
@media (min-width: 768px) {
    .custom-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .custom-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .custom-container {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .custom-container {
        max-width: 1320px;
    }
}

/* Default Form Styling */