/*---------------------------------------------------------------------------------

 Theme Name:   Divi Child Theme
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

@font-face {
  font-family: 'Satoshi';
  src: url(../fonts/Satoshi-Regular.eot);
  src: url(../fonts/Satoshi-Regular.otf) format('otf'),
       url(../fonts/Satoshi-Regular.ttf) format('truetype'),
	   url(../fonts/Satoshi-Regular.woff) format('woff'),
       url(../fonts/Satoshi-Regular.woff2) format('woff2');
	 font-weight: normal;
}

html, body {
    font-family: 'Satoshi',sans-serif!important;
}
/***********************************
Typography
***********************************/
h1{
	font-size: clamp(28px, 16vw, 120px) !important;
	line-height: clamp(30px, 8vw, 110px);
}
h2{
/* 	font-size: clamp(24px, 8vw, 92px) !important; */
	font-size: clamp(26px, 8vw, 92px) !important;
	line-height: clamp(30px, 8vw, 110px);
}
h3{
/* 	font-size: clamp(20px, 4vw, 68px) !important; */
	font-size: clamp(24px, 4vw, 68px) !important;
	line-height: clamp(30px, 4vw, 75px);
}
h4{
	font-size: clamp(18px, 2vw, 34px) !important;
	line-height: clamp(20px, 2vw, 28px);
}
h5{
	font-size: clamp(14px, 2vw, 26px) !important;
	line-height: clamp(20px, 2vw, 32px);
}
h6, p, body, .et_pb_text li{
	font-size: clamp(12px, 2vw, 20px);
}

html .media-modal.wp-core-ui h1,
html .media-modal.wp-core-ui h2,
html .media-modal.wp-core-ui h3,
html .media-modal.wp-core-ui h4,
html .media-modal.wp-core-ui h5,
html .media-modal.wp-core-ui h6,
html .media-modal.wp-core-ui p
{
	font-size:inherit!important;
}
/***********************************
Custom Post Type
***********************************/
.single .entry-title {
	display: none!important;
}

.single .container {
	width: 100%;
	max-width: 100%;
	padding-top: 0px!important;
}

.single .et_pb_post {
    margin-bottom: 0px;
}
.single #left-area{
	padding-bottom: 0px;
}


/***********************************
Tablet
***********************************/
@media (min-width: 768px) and (max-width: 1024px) {
}


/***********************************
Mobile
***********************************/
@media (max-width: 767px) {
}