/*   
Theme Name: Jtheme Jello Child
Theme URI: https://elementor.com
Description: Simple and lightweight Jezweb theme
Author: Jezweb
Author URI: https://www.jezweb.com.au/
Template: elementor-hello-theme-master
Text Domain: elementor-hello-theme-child
Version: 1.0
*/

/* Header Sticky */

/* shrinking header section */

.shrinker {
	background: transparent;
        height: 110px;
	width: 100% !important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #fff;
        height: 90px !important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinking-logo img {
	width: 170px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects img {
	width: 120px!important;
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
	
}

/* shrinking menu */

.shrinker.elementor-sticky--effects ul li a {
    color:  #2F496D !important;
}
.shrinker.elementor-sticky--effects .menu-quote a {
	color: #fff !important;
}

.shrinker.elementor-sticky--effects .elementor-sub-item {
	color: #fff !important;
}

.shrinker.elementor-sticky--effects .homepage-header-phone .elementor-icon-box-icon i {
    color: #2F496D !important;
}
.shrinker.elementor-sticky--effects .homepage-header-phone:hover .elementor-icon-box-icon i {
    color: #F39200 !important;
}

.shrinker.elementor-sticky--effects .homepage-header-phone .elementor-icon-box-title {
    color: #2F496D !important;
}
.shrinker.elementor-sticky--effects .homepage-header-phone:hover .elementor-icon-box-title {
    color: #F39200 !important;
}





/* Extra Styling */ 

@media only screen and (min-width: 1240px){

	.menu-quote a {
	background: #F39200 !important;
	color: #fff !important;
	border-top-right-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	margin-left: 15px !important;
	text-transform: uppercase !important;
	padding: 15px 15px !important;
		}
	.menu-quote a:hover {
	background-color: #3377D5 !important;
		}
}


.service-box:hover h3 {
    color: #f39200 !important;
}
.service-box:hover p {
    color: #2f496d !important;
}
.suppliers-carousel .swiper-slide {
    border-top-right-radius: 25px !important;
     border-bottom-left-radius: 25px !important; 
}
.telecom-service-box:hover h3 {
    color: #f39200 !important;
}
.telecom-service-box:hover p {
    color: #fff !important;
}

.elementor-widget-image a {
    width: 100%;
}

.header-phone:hover .elementor-icon-box-title a {
    color: #3377D5 !important;
}
.header-phone:hover .elementor-icon-box-icon a {
    color: #3377D5 !important;
}
.homepage-header-phone:hover .elementor-icon-box-title a {
	color: #F39200 !important;
}
.homepage-header-phone:hover .elementor-icon-box-icon i {
    color: #F39200 !important;
}

/* Blog Styling */

.blog-content img {
    border-top-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.related-posts .elementor-post__card {
    border-top-right-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
}
.social-share .elementor-share-btn__icon {
    border-top-right-radius: 10px !important; 
    border-bottom-left-radius: 10px !important;
}
.blog-content h3 {
	margin-top: 30px !important;
	margin-bottom: 20px !important;
	font-size: 22px !important;
	line-height: 1.2em !important;
}
.blog-content h2 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	font-size: 40px !important;
	line-height: 1.2em !important;
}

@media only screen and (max-width: 1024px) {
	.blog-content h2 {
		font-size: 1.9em !important;
	}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
	.logo-column {
		width: 12% !important;
	}
	.menu-column {
		width: 88% !important;
	}
	.homepage-header-phone .elementor-icon-box-title {
		display: none !important;
	}
	.header-phone .elementor-icon-box-title {
		display: none !important;
	}
}