/*
 Theme Name:  Divi Child Theme
 Theme URL:    https://akoca-seo.co.uk/
 Description:  Child Theme for Divi
 Author:       Akoca SEO
 Author URI:   https://akoca-seo.co.uk/
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* Responive Headings */
h1 {font-size: clamp(16px, 0.2968rem + 3.516vw, 61px);}
h2 {font-size: clamp(28px, 1.4688rem + 1.406vw, 46px);}
h3 {font-size: clamp(16px, 4vw, 16px); }
h4 {font-size: clamp(18px, 3.33vw, 18px); }
h5 {font-size: clamp(px, 3vw, px); }
h6 {font-size: clamp(px, 2.67vw, px); }

/* Responive Body Text */
body, p{
	font-size: clamp(15px, 2vw, 16px)!important;
}
a {
	color: #E02B20;
}
/* Montserrat Regular */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    src: url('fonts/montserrat-regular.woff2') format('woff2'),
         url('fonts/montserrat-regular.woff') format('woff'); /* Fallback */
    font-weight: normal;
    font-style: normal;
}

/* Montserrat Italic */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    src: url('fonts/montserrat-italic.woff2') format('woff2'),
         url('fonts/montserrat-italic.woff') format('woff'); /* Fallback */
    font-weight: normal;
    font-style: italic;
}

/* Montserrat Semi-Bold (600) */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    src: url('fonts/montserrat-600.woff2') format('woff2'),
         url('fonts/montserrat-600.woff') format('woff'); /* Fallback */
    font-weight: 600;
    font-style: normal;
}

/* Montserrat Semi-Bold Italic (600) */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    src: url('fonts/montserrat-600italic.woff2') format('woff2'),
         url('fonts/montserrat-600italic.woff') format('woff'); /* Fallback */
    font-weight: 600;
    font-style: italic;
}

/* Montserrat Bold (700) */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    src: url('fonts/montserrat-700.woff2') format('woff2'),
         url('fonts/montserrat-700.woff') format('woff'); /* Fallback */
    font-weight: bold;
    font-style: normal;
}

/* Montserrat Bold Italic (700) */
@font-face {
    font-display: swap;
    font-family: 'Montserrat';
    src: url('fonts/montserrat-700italic.woff2') format('woff2'),
         url('fonts/montserrat-700italic.woff') format('woff'); /* Fallback */
    font-weight: bold;
    font-style: italic;
}

/* Applying Montserrat to various elements */
body {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600; /* Semi-Bold for headers */
    line-height: 1.2; /* Unitless line-height for better scaling */
}

em, i {
    font-family: 'Montserrat', sans-serif;
    font-style: italic; /* Italic for emphasis */
}


/*Sticky Whatsapp CTA Button Styling */
.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

.whatsapp-button img {
    width: 60px;
    height: 60px;
    border-radius: 50%; /* Ensures it's circular */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Soft shadow */
    background-color: white; /* Ensures the edges are clean */
    padding: 5px; /* Helps separate the shadow from the square edges */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.whatsapp-button:hover img {
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.4); /* Stronger shadow on hover */
}

/* Mobile Optimization */
@media (max-width: 768px) {
    .whatsapp-button {
        bottom: 15px;
        right: 15px;
    }
    
    .whatsapp-button img {
        width: 50px;
        height: 50px;
        padding: 4px; /* Adjust padding for smaller screens */
    }
}

/*========================================
Site Credit
========================================*/
/* Site Credit Styling */
.site-credit {
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center; /* <- Change this from center to flex-start */
    text-align: center;            /* <- Optional fallback for inner text */
}

.site-credit img {
    max-width: 20px;
    height: auto;
}

.site-credit a {
    color: #152a43;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.site-credit a:hover {
    color: #c93939;
	text-decoration: none !important;
}

/*========================================
Fix Overlapping Module On Bottom Content Of TC's Page
========================================*/
.bottom-content{
    padding-bottom: 8vw;
}