/*
Theme Name: Divi Child for UES - v1.2
Theme URI: https://uessolutions.com
Version: 1.2
Description: Child Theme of Divi
Author: MM
Template: Divi
*/
@import url("../Divi/style.css");


/*
 * MONKEY-CSS - CUSTOMIZER
 * https://medium.com/creative-technology-concepts-code/css-vertical-rhythm-with-typography-units-e2c3482a4ac0
 * */


#top-header #et-info-phone {
	/*MONKEY-TIME*/
	display:inline-block;
	padding:13px;
	background:#55a21d;
	border-radius:50px;
}

.page-template-template-full-width-php .main_title {
	text-align:center;
	margin:0;
	padding:15px;
	background: #182b50;
	color:white;
	font-size:1.4rem;
}

body.home .main_title {display:none;}

.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper > *, 
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container > *, .wp-block {
    max-width: 100% !important;
}


/* --TYPOGRAPHY -- */
	/* These HAVE TO match what is in the Customizer > Typography. 
	 * Pull in font familys using font manager. 
	 * Set headline-font as 'All Headings', set body-font as HTML */ 



/* Default Body / p font settings */ 
p {
    font-size: var(--fs-body);
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	font-family: var(--body-font);
}

/* Default Headings weight, margin, font-family */ 
h1, h2, h3, h4, h5, h6, .gb-headline-xxl, .gb-headline-xl, .gb-headline-h1, .gb-headline-h2, .gb-headline-h3, .gb-headline-h4, .gb-headline-h5, .gb-headline-h6 {
	font-weight: 600;
	margin-bottom: 1.5rem;	
	font-family: var(--headline-font);
}

/* Heading font-size and line-height */ 
.headline-xxl,.gb-headline-xxl, .headline-xxl .elementor-heading-title{
    font-size: var(--fs-headline-xxl);
    line-height: 1.05;
}

.headline-xl, .gb-headline-xl, .headline-xl .elementor-heading-title {
    font-size: var(--fs-headline-xl);
    line-height: 1.05;
}

h1, .h1 .elementor-heading-title, .gb-headline-h1 {
    font-size: var(--fs-headline-h1);
    line-height: 1.05;
}

h2, .h2 .elementor-heading-title, .gb-headline-h2 {
font-size: var(--fs-headline-h2);
    line-height: 1.1;

}

h3, .h3 .elementor-heading-title, .gb-headline-h3 {
    font-size: var(--fs-headline-h3);
    line-height: 1.15;

}

h4, .h4 .elementor-heading-title, .gb-headline-h4 {
    font-size: var(--fs-headline-h4);
    line-height: 1.1;

}

h5, .h5 .elementor-heading-title, .gb-headline-h5 {
    font-size: 1.375rem;
    font-size: var(--fs-headline-h5);
    line-height: 1.25;
}

h6, .h6 .elementor-heading-title, .gb-headline-h6 {
    font-size: 1.25rem;
    font-size: var(--fs-headline-h6);
    line-height: 1.4;
}

.headline-s .elementor-heading-title, .gb-headline-s {
    font-size: 1rem;
    font-size: var(--fs-headline-s);
}

.headline-pre .elementor-heading-title, .gb-headline-pre {
    font-size: var(--fs-headline-pre);
	text-transform: uppercase; 
	letter-spacing: .1em
}

/* Additional Body font-size */ 
.body-xxxl, .body-xxxl.elementor-widget-text-editor p, .gb-headline-body-xxxl {
	font-family: var(--body-font);
    font-size: 1.35rem;
    font-size: var(--fs-body-xxxl);
}

.body-xxl, .body-xxl.elementor-widget-text-editor p, .gb-headline-body-xxl {
	font-family: var(--body-font);
    font-size: 1.25rem;
    font-size: var(--fs-body-xxl);
}

.body-xl, .body-xl.elementor-widget-text-editor p, .gb-headline-body-xl {
	font-family: var(--body-font);
    font-size: var(--fs-body-xl);
}

.body-l, .body-l.elementor-widget-text-editor p, .gb-headline-body-l {
	font-family: var(--body-font);
    font-size: var(--fs-body-l);
}

.body-s, .body-s.elementor-widget-text-editor p, .gb-headline-body-s,
.body-s .elementor-heading-title {
	font-family: var(--body-font);
    font-size: var(--fs-body-s);
}

.body-xs, .body-xs.elementor-widget-text-editor p, .gb-headline-body-xs {
	font-family: var(--body-font);
    font-size: var(--fs-body-xs);
}

/* Add top margin to blog post H2-H6 */

.type-post:is(h2, h3, h4, h5, h6) {
	margin-top: 1.5em;
}

.ar-16-9
{
    aspect-ratio: 16/9;
}

.ar-9-16
{
    aspect-ratio: 9/16;
}

.ar-4-3
{
    aspect-ratio: 4/3;
}

.ar-3-4
{
    aspect-ratio: 3/4;
}

.ar-1-1
{
	aspect-ratio: 1/1;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* No Underline */
.no-ul, .no-ul a {
	text-decoration: none;
}