/*
 * Theme Name:   Child Theme
 * Theme URI:    elegantthemes.com
 * Description:  Child Theme Of Divi
 * Author:       Accentuate IT
 * Author URI:   elegantthemes.com
 * Template:     Divi
 * Version:      4.0
 *            */

/*********************************
 * Theme Customization Starts here 
 ********************************/

/** FONT SIZE **/

.font108 { font-size: clamp(4rem, 3.5rem + 2.75vw, 6.75rem); }
.font65 { font-size: clamp(2.5rem, 2.1875rem + 1.5625vw, 4.0625rem); }
.font60 { font-size: clamp(2.25rem, 1.95rem + 1.5vw, 3.75rem); }
.font54 { font-size: clamp(2rem, 1.725rem + 1.375vw, 3.375rem); }
.font49 { font-size: clamp(1.875rem, 1.6375rem + 1.1875vw, 3.0625rem); }
.font40 { font-size: clamp(1.625rem, 1.45rem + 0.875vw, 2.5rem); }
.font36 { font-size: clamp(1.375rem, 1.2rem + 0.875vw, 2.25rem); }
.font29 { font-size: clamp(1.25rem, 1.1375rem + 0.5625vw, 1.8125rem); }
.font25 { font-size: clamp(1.25rem, 1.1875rem + 0.3125vw, 1.5625rem); }
.font16 { font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem); }

.fullheight {
    height: 100vh;
    display: flex;
    flex-direction: column;
}

/** ADD FADE-IN EFFECT in CONJUNCTION WITH WP ROCKT LAZY LOAD **

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}

.siteby img {
    height: 13px !important;
    padding-left: 3px;
}


@media (max-width:980px) {
	/* START OF SIDEBAR MENU */
	.sidebar-menu .et_pb_menu .et_pb_menu__menu {
    	display: flex !important;
	}
	
	.sidebar-menu .et_pb_menu .et_pb_menu__menu>nav>ul>li {
    	width: 100% !important;
		margin-top: 0px !important;
    	margin-bottom: 20px;
		padding: 0px;
	}
	
	.sidebar-menu .et_pb_menu .et_pb_menu__menu,
	.sidebar-menu .et-menu-nav,
	ul#menu-iks-menu,
	.iksm-container {
		width: 105% !important;
	}
	
	.sidebar-menu .et_mobile_nav_menu {
    	display: none !important;
	}
	
	.dipi-popup-container .dipi_popup-close {
		top: 30px !important;
		font-size: 70px !important;
	}
	
	.sidebar-menu .iksm-term--current > .iksm-term__inner {
		background-color: unset !important;
	}

	.sidebar-menu .iksm-terms .iksm-term__text {
		text-transform: uppercase !important;
		font-weight: bold !important;
		letter-spacing: 2.4px !important;
	}

	.sidebar-menu .iksm-terms .iksm-term__link {
		justify-content: center !important;
		padding-bottom: 54px !important;
	}

	.sidebar-menu .iksm-term__inner:hover {
		background-color: unset !important;
	}

	.sidebar-menu .iksm-term--has-children {
		position: relative !important;
	}
	
	.sidebar-menu .iksm-term__toggle {
		position: absolute;
		left: 60%;
		top: 3px;
	}

	.sidebar-menu .iksm-terms .iksm-term__toggle:hover {
		color: #ffffff !important;
	}
	/* END OF SIDEBAR MENU */
}

@media (max-width:767px) {
	/* START OF SIDEBAR MENU */
	.dipi-popup-container .dipi_popup .dipi-popup-wrapper {
		width: 100% !important;
	}
	
	.sidebar-menu .iksm-term__toggle {
		left: 64%;
	}
	/* END OF SIDEBAR MENU */
}