/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*** General ***/

@import url('figtree.css');
@import url('roboto.css');

div, p {
	font-family: 'Roboto Regular', sans-serif;
	line-height: 28px;
}

ul li {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 17px;
	line-height: 28px;
}

h1 {
	font-family: 'Figtree Bold', sans-serif;
	font-size: clamp(32px, 6.5vw, 80px);
	line-height: clamp(54px, 5.8vw, 58px);
	color: #fff !important;
}

/* h1 for standard pages */

article h1.entry-title.main_title {
	color: #091aaf !important;
}

a {
	color: #007fff;
}

a:hover {
	color: #091aaf !important;
}

h2 {
	font-family: 'Figtree Extra Bold', sans-serif;
	font-size: clamp(36px, 2vw, 55px);
	line-height: clamp(45px, 2.5vw, 58px);
}

h3 {
	font-family: 'Figtree Extra Bold', sans-serif;
	font-size: clamp(32px, 2vw, 55px);
	line-height: clamp(45px, 2.5vw, 58px);
}

h4 {
	font-family: 'Roboto Bold', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #091AAF !important;
}

h5 {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 14px;
	line-height: 15px;
}

h6 {
	font-family: 'Roboto Medium', sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #007fff !important;
	text-transform: uppercase;
}


/*** Navigation ***/

/*
SM Header
font-family: 'Roboto Regular', sans-serif;
	font-size: 14px;
	line-height: 15px;

*/

#et-top-navigation {
	width: 100%;
}

#top-menu-nav {
	width: 100%;
}

@media only screen and (min-width: 981px) {
	#top-menu {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		width: 100%;
	}
}

#top-menu>li>a, .et-fixed-header #top-menu li a {
	font-family: 'Figtree Medium', sans-serif;
	font-size: 18px !important;
	line-height: 28px;
}

.sub-menu {
	background-color: #007FFF !important;
}

.sub-menu>li>a, .et-fixed-header  #top-menu>li>.sub-menu>li>a {
	font-family: 'Figtree Medium', sans-serif;
	font-size: 16px !important;
	line-height: 28px !important;
	color: #fff !important;
}



/*** Header ***/

/* Reset link colour */

.et_pb_slide a:hover {
	color: #fff !important;
}



/*** Content ***/

/** Number Counters **/

.percent-value {
	font-family: 'Figtree Extra Bold', sans-serif;
	font-size: clamp(3.3rem, 5vw, 5rem);
	line-height: 84px;
	padding-bottom: 50px;
}

.percent-value::after {
	display: inline-block;
	content: "+";
}

.percent+h5 {
	padding-top: 20px;
}


/** Buttons **/

/* Standard Button - Blue on white, white text */

.et_pb_button  {
	font-family: 'Figtree Medium', sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #fff !important;
	background-color: #091AAF;
	padding: 17px 56px;
}

/* Reset button after/before styles */

.et_pb_button:after, .et_pb_button:before {
	content: none;	
}

/* Reset button hover styles */

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
	padding: 17px 56px;
	background-color: #00ffff;
	color: #091aaf !important;
}

/* Back to top button */
.et_pb_scroll_top.et-pb-icon {
	background-color: #091AAF;
}



/*** Footer ***/

#ev_main_footer p, #ev_main_footer a {
	font-size: 14px;
	color: #fff;
}

#ev_main_footer a:hover {
	color: #fff !important;
}



/*** Reset editor styling no default ***/

.media-frame-title h1 {
	 font-size: 20px!important;
}

.et-fb-form__toggle-title>h3 {
	font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    text-transform: none;
    font-size: 20px!important;
    font-style: normal;
    line-height: 1em;
    text-decoration: none;
    letter-spacing: 0;
}

.et-fb-form__toggle-title>h3::before {
	content: '';
	display: none;
}

.et-fb-settings-options ul li {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 26px !important;
    font-weight: 600;
}

.et-core-modal-content * {
	font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px !important;
    line-height: 26px !important;
    font-weight: 600;
}

.et-fb-module-settings a {
	color: #fff !important;	
}

.et-fb-switch-editor-mode {
	height: auto !important;
}

/* Not a mistake! There is .CodeMirror-linE AND .CodeMirror-lineS. */

.CodeMirror-lines {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 150%;
    font-weight: 700;
}

.CodeMirror pre.CodeMirror-line {
    font-family: 'Open Sans', Helvetica, Roboto, Arial, sans-serif !important;
    font-size: 13px !important;
	line-height: 20px !important;
}