/**
 * Theme Name:      Meteodar.com Divi Child Theme
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     A child theme for Divi created by Divi.Expert.
 * Author:          Divi.Expert
 * Author URI:      https://www.divi.expert/
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     meteodar.com-divi-child-theme
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */

/* CSS Clamp Text style */
html {
    font-size: 90%;
}

.clamp h1 {
    font-size: clamp(4rem, calc(4rem + ((1vw - 0

.32rem) * 1.25)), 6rem);
}

.clamp h2 {
    font-size: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.25)), 5rem);
}

.clamp h3 {
    font-size: clamp(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 0.625)), 3.8rem);
}

.clamp p {
    font-size: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.125)), 2.4rem);
    line-height: 2.8rem;
}

.clamp a {
    font-size: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.125)), 2.4rem);
    line-height: 2.8rem;
}

.clamp li {
    font-size: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.125)), 2.4rem);
    line-height: 2.8rem;
}
/* --- end of CSS Clamp Text style --- */



/* FLEX TRICKS - place left column under right column on mobile only */
@media (max-width: 768px) {
    .rcm {
        display: flex;
        flex-direction: column-reverse;
    }
}
/*end*/

/* FLEX TRICKS - section content vertical align */
.va { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}
/* end of FLEX TRICKS - section content vertical align */




/* change logo on scroll *
.et-fixed-header #logo {
    content: url(https://) !important;
}


/*end*/


/* FLEX TRICKS - place left column under right column on mobile only */
@media (max-width: 768px) {
    .rcm {
        display: flex;
        flex-direction: column-reverse;
    }
}
/*end*/

/* FLEX TRICKS - section content vertical align */
.va { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}
/* end of FLEX TRICKS - section content vertical align */

/* txt selection style */
::-moz-selection { /* Code for Firefox */
    color: #ffffff !important;
    background: #000000 !important;
}

::selection {
    color: #ffffff !important;
    background: #000000 !important;
}
/* end txt selection style */



/*-- logo style --*/
/* 380px and smaller screen sizes */
@media (max-width: 380px) {
    /* Logo */
    #logo {
        max-width: 125px !important;
    }
}

/* 980px and smaller screen sizes */
@media (max-width: 980px) {
    /* Logo */
    #logo {
        max-width: 160px !important;
    }
}
/* end */


/* M E N U */
/* menu items style */
#top-menu > .menu-item > a {
    font-weight: 400;
}

#top-menu > .menu-item > a:hover {
    font-weight: 400;
}

/* submenu items style */
#top-menu .sub-menu a {
    font-weight: 400;
}

/*======= end MENU ========*/






/* 768px and smaller screen sizes */
@media (max-width: 768px) {
    /* Menu container */
    #main-header .et_menu_container {
        width: 90%;
    }
}

/* end */







/* Remove sidebar */
#sidebar {
    display: none;
}
/* end Remove sidebar */

/* Remove thin line */
#main-content .container:before {
    background: none;
}

/* Make content 100% width */
@media (min-width: 981px) {
    #left-area {
        width: 100%;
        padding-right: 0px !important;
    }
}



/*============================================*/
/*============================================*/
/*============================================*/
/*============================================*/
/*============================================*/
/*============================================*/
/*============================================*/

/*replace the back to top button icon*/
body .et_pb_scroll_top:before {
	content: "\21" !important;
	color: #ffffff;
	position: relative;
	top: 3px;
}
/*style and position the back to top button*/
body .et_pb_scroll_top {
	background-color: #BEB2A0 !important;
	color: #ffffff !important;
	padding: 10px 15px 10px 15px !important;
	right: 20px !important;
	bottom: 125px !important;
	border-radius: 5px !important;
}

/*style the back to top button on hover*/
body .et_pb_scroll_top:hover {
	background-color: #4C433A !important;
	color: rgb(237, 240, 0) !important;
}