/*
 Theme Name:  akoca 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
*/

/* 
========================================
INSTRUCTIONS FOR DEVELOPERS
========================================
This section of code contains responsive heading styles, body text styles, and @font-face declarations for custom fonts. 
These styles are commented out by default to prevent them from affecting the site until they are needed. Follow the steps below 
to activate and customise them as per your project requirements.

1. ACTIVATING STYLES:
   - Remove the `/*` at the beginning and the end of any section you want to enable. This will make the styles active on the website.

2. CUSTOMISING PLACEHOLDERS:
   - Replace all instances of `PLACEHOLDER_MIN`, `PLACEHOLDER_CALC`, and `PLACEHOLDER_MAX` with the actual `clamp()` values for each heading or body text.
   - Replace `PLACEHOLDER_FONT` with your actual font family name in the `@font-face` declarations, and update the URLs to point to the correct font files.

3. ADDING/REMOVING STYLES:
   - If additional font weights or styles are required, copy the existing `@font-face` structure and adjust the weight/style accordingly.
   - Delete any unnecessary `@font-face` rules if the project doesn't require them.

5. DEACTIVATING STYLES:
   - To deactivate any section, re-wrap it in `/*`  comment tags.

By following these instructions, you ensure the template remains flexible and doesn't impact the project until customised.
=======================================
*/


/* Responsive Headings 
h1 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h2 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h3 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h4 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h5 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
h6 {font-size: clamp(PLACEHOLDER_MIN, PLACEHOLDER_CALC, PLACEHOLDER_MAX);}
*/

/* Responsive Body Text
body, p, .et_pb_text_inner, .et_pb_text_inner p, .dsm_icon_list_text, .dsm_business_hours, .dsm-content, .et_pb_blurb_description {
	font-size: clamp(PLACEHOLDER_MIN_BODY, PLACEHOLDER_CALC_BODY, PLACEHOLDER_MAX_BODY);
}
a {
	color: PLACEHOLDER_COLOR;
}

/* Custom Font Regular 
@font-face {
    font-display: swap;
    font-family: 'PLACEHOLDER_FONT';
    src: url('fonts/PLACEHOLDER_FONT-regular.woff2') format('woff2'),
         url('fonts/PLACEHOLDER_FONT-regular.woff') format('woff'); 
    font-weight: normal;
    font-style: normal;
}
*/

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

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

/* Poppins - Regular 
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-regular.woff2') format('woff2'),
         url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Poppins - Bold 
@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-700.woff2') format('woff2'),
         url('/wp-content/themes/akoca-Child-Theme/fonts/poppins-v21-latin-700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

*/
/* Site Credit Styling */
.site-credit {
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.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;
}
/*****Add any custom CSS below this line*****/