/*
 Theme Name: emspace.design 2026 Theme
 Theme URI: https://www.emspace.design/theme/2026
 Description: Divi Child Theme
 Author: Erik Mumm
 Author URI: https://www.emspace.design
 Template: Divi
 Version: 0.3.0
*/


/* Theme Includes */
/* ContactForm 7 Custom Styles */
/*@import url("emspace_cf7.css");*/








/* Theme customization starts here
------------------------------------------------------- */


h1 {
    &.aug4 {font-size: 7.993rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 5.610rem;}   /* Desktop (Perfect 4th; 1:.333) */
    &.maj3 {font-size: 3.815rem;}   /* Tablet (Major 3rd; 1:250) */ 
    &.min3 {font-size: 2.986rem;}   /* Mobile (Minor 3rd; 1:200) */ 
}

h2 {
    &.aug4 {font-size: 5.653rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 4.209rem;}   /* Desktop (Perfect 4th; 1:.333) */  
    &.maj3 {font-size: 3.052rem;}   /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 2.488rem;}   /* Mobile (Minor 3rd; 1:200) */ 
}

h3 {
    &.aug4 {font-size: 3.998rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 3.157rem;}   /* Desktop (Perfect 4th; 1:.333) */  
    &.maj3 {font-size: 2.441rem;}   /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 2.074rem;}   /* Mobile (Minor 3rd; 1:200) */ 
}

h4 {
    &.aug4 {font-size: 2.827rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 2.369rem;}   /* Desktop (Perfect 4th; 1:.333) */  
    &.maj3 {font-size: 1.953rem;}   /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 1.728rem;}   /* Mobile (Minor 3rd; 1:200) */ 
}

h5 {
    &.aug4 {font-size: 1.999rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 1.777rem;}   /* Desktop (Perfect 4th; 1:.333) */  
    &.maj3 {font-size: 1.563rem;}   /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 1.44rem;}    /* Mobile (Minor 3rd; 1:200) */ 
}

h6 {
    &.aug4 {font-size: 1.414rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 1.333rem;}   /* Desktop (Perfect 4th; 1:.333) */  
    &.maj3 {font-size: 1.25rem;}    /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 1.2rem;} /* Mobile (Minor 3rd; 1:200) */ 
}

p {
    &.aug4 {font-size: 1rem;}       /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 1rem;}       /* Desktop (Perfect 4th; 1:.333) */ 
    &.maj3 {font-size: 1rem;}       /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 1rem;}       /* Mobile (Minor 3rd; 1:200) */ 
}

small, .small-text{
    &.aug4 {font-size: 0.707rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 0.75rem;}    /* Desktop (Perfect 4th; 1:.333) */ 
    &.maj3 {font-size: 0.8rem;}     /* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 0.833rem;}        /* Mobile (Minor 3rd; 1:200) */ 
}

.very-small-text {
    &.aug4 {font-size: 0.500rem;}   /* Ultrawide (Augmented 4th; 1:1.414) */ 
    &.per4 {font-size: 0.563rem;}   /* Desktop (Perfect 4th; 1:.333) */  
    &.maj3 {font-size: 0.640rem;}/* Tablet (Major 3rd; 1:250) */
    &.min3 {font-size: 0.694rem;}
}










/* Legacy Contact Form 7 Styles */
/* Wrap the entire contents of a CF7 in a <div with this class and one of the column layouts below */
/* e.g. <div class="cf7-layout-grid grid-col2"> ... Form ... </div> 
.cf7-layout-grid {
	display: grid;
    gap: 1rem;
}

.cf7-layout-grid.grid-col2
{
    grid-template-columns: 50% 50%;
}

.cf7-layout-grid.grid-col3 {
    grid-template-columns: 33.33% 33.33% 33.33%;
}

.cf7-layout-grid.grid-col4 {
    grid-template-columns: 25% 25% 25%;
}

.cf7-layout-grid.grid-col5 {
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.cf7-layout-grid.grid-col6 {
    grid-template-columns: 16.66% 16.66% 16.66% 16.66% 16.66%;
}
    */