/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
	Colors
	White: #FFFFFF
	Off White: #f9f9fb
	Pale Blue: #D6E3E5
	Light Blue: #0099AC
	Blue: #005499
	Dark Blue: #183358
	Red: #DE3C43
	Dark Grey: #4D4D4D
	Black: #000000
	
	Hover Blue: #2B55A2
*/

/*
	Font Sizes
	
	H0: 84px -> 50px
	H1: 72px -> 43px
	H2: 45px -> 26px
	H3: 39px -> 23px
	H4: 36px -> 22px
	H5: 33px -> 20px
	H6: 29px -> 17px
	H7: 25px -> 15px

	Paragraph: 28px -> 16px
	Large Paragraph text: 33px -> 20px
	
*/

/*Font Styles*/
.h0, .h0 > *{
	font-size: 50px !important;
}
.h1, .h1 > *{
	font-size: 43px !important;
}
.h2, .h2 > *{
	font-size: 26px !important;
}
.h3, .h3 > *{
	font-size: 23px !important;
}
.h4, .h4 > *{
	font-size: 22px !important;
}
.h5, .h5 > *{
	font-size: 20px !important;
}
.h6, .h6 > *, .h6-italic em{
	font-size: 17px !important;
}
.h7, .h7 > *{
	font-size: 15px !important;
}

.large-text, .large-text > *{
	font-size: 20px !important;
}
@media screen and (max-width: 1024px){
	.h0, .h0 > *{
		font-size: 32px !important;
	}
	.h1, .h1 > *{
		font-size: 26px !important;
	}
	.h2, .h2 > *{
		font-size: 23px !important;
	}
	.h3, .h3 > *{
		font-size: 22px !important;
	}
	.h4, .h4 > *{
		font-size: 20px !important;
	}
	.h5, .h5 > *, .large-text, .large-text > *{
		font-size: 17px !important;
	}
	.h6, .h6 > *, .h6-italic em{
		font-size: 15px !important;
	}
	.h7, .h7 > *{
		font-size: 14px !important;
	}
}
@media screen and (max-width: 767px){
	.h0, .h0 > *{
		font-size: 26px !important;
	}
	.h1, .h1 > *{
		font-size: 23px !important;
	}
	.h2, .h2 > *{
		font-size: 22px !important;
	}
	.h3, .h3 > *{
		font-size: 20px !important;
	}
	.h4, .h4 > *{
		font-size: 17px !important;
	}
	.h5, .h5 > *, .large-text, .large-text > *{
		font-size: 15px !important;
	}
	.h6, .h6 > *, .h6-italic em{
		font-size: 14px !important;
	}
	.h7, .h7 > *{
		font-size: 15px !important;
	}
}


.uppercase, .uppercase > *{
	text-transform: uppercase !important;
}

.light-weight, .light-weight > *, .light-weight > .elementor-widget-container > *{
	font-weight: 300 !important;
}
.medium-weight, .medium-weight > *, .medium-weight > .elementor-widget-container > *{
	font-weight: 500 !important;
}
.semi-bold-weight, .semi-bold-weight > *, .semibold-weight, .semibold-weight > *, .semi-bold-weight > .elementor-widget-container > *,  .semibold-weight > .elementor-widget-container > *{
	font-weight: 600 !important;
}
.bold-weight, .bold-weight > *,  .bold-weight > .elementor-widget-container > *{
	font-weight: 700 !important;
}

/*Font Colors*/
.white-text, .white-text > *{
	color: #FFFFFF !important;
}
.off-white-text, .off-white-text > *{
	color: #f9f9fb !important;
}
.pale-blue-text, .pale-blue-text > *{
	color: #D6E3E5 !important;
}
.light-blue-text, .light-blue-text > *{
	color: #0099AC !important;
}
.blue-text, .blue-text > *{
	color: #005499 !important;
}
.dark-blue-text, .dark-blue-text > *{
	color: #183358 !important;
}
.hover-blue-text, .hover-blue-text > *{
	color: #2B55A2 !important;
}
.red-text, .red-text > *{
	color: #DE3C43 !important;
}
.dark-red-text, .dark-red-text > *{
	color: #FFFFFF !important;
}
.dark-grey-text, .dark-grey-text > *{
	color: #4D4D4D !important;
}
.black-text, .black-text > *{
	color: #000000 !important;
}

/*Link Colors*/
.white-link a{
	color: #FFFFFF !important;
}
.white-link a:hover, .white-link a:focus{
	text-decoration: underline !important;
}

.light-blue-link a{
	color: #0099AC !important;
}
.light-blue-link a:hover, .light-blue-link a:focus{
	color: #DE3C43 !important;
	text-decoration: underline !important;
}

.dark-grey-link a{
	color: #4D4D4D !important;
}
.dark-grey-link a:hover, .dark-grey-link a:focus{
	color: #DE3C43 !important;
	text-decoration: underline !important;
}

.hover-blue-link a{
	color: #2B55A2 !important;
}
.hover-blue-link a:hover, .hover-blue-link a:focus{
	color: #2B55A2 !important;
	text-decoration: underline !important;
}

/*Button styles*/


/*Extra Styles*/
.no-margin p{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.no-margin-top p{
	margin-top: 0px !important;
}
.no-margin-bottom p{
	margin-bottom: 0px !important;
}

@media screen and (max-width: 500px){
	
}

/*Header styles*/
.header-shadow{
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15) !important;
}
	/*Header Offset*/
body .site-main > .page-content > .elementor > .elementor-element:nth-child(1), 
body .site-main > .page-content > .elementor > .elementor-element:nth-child(1) .full-width-slider,
body .site-main > .page-content > .elementor > .elementor-element:nth-child(1) .full-width-slider .swiper-slide,
#container-404{
	margin-top: -203px !important;
	padding-top: 203px !important;
}
@media screen and (max-width: 640px){
	body .site-main > .page-content > .elementor > .elementor-element:nth-child(1), 
	body .site-main > .page-content > .elementor > .elementor-element:nth-child(1) .full-width-slider .swiper-slide,
	#container-404{
		margin-top: -210px !important;
		padding-top: 210px !important;
	}
}

	/*Header search styles*/
.elementor-location-header .e-search .e-search-input{
	font-size: 16px !important;
	height: 46px;
}
.elementor-location-header .e-search .e-search-submit{
	padding: 11px;
}

.shop-search-form{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
}
.shop-search-form input{
	width: auto;
    flex-grow: 1;
	font-size: 16px !important;
	height: 46px;
	border: 1px solid #cdcdcd !important;
	border-radius: 50px !important;
	
}
.shop-search-form button{
	background-color: #de3c43;
	color: #FFFFFF;
	padding: 11px;
	margin-left: 8px;
	width: 46px;
	height: 46px;
	position: relative;
}
.shop-search-form button span{
	font-size: 16px !important;
	line-height: 1 !important;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
}

	/*Stickly Menu Styles*/
.elementor-location-header #flyout-menu-button{
	display: none !important;
}

	/*Sticky Styles*/
.elementor-location-header .elementor-sticky--effects{
	background-color: #183358 !important;
}
	/*menu*/
.elementor-location-header .elementor-sticky--effects #header-menu-container, .elementor-location-header .elementor-sticky--effects #menu-spacer{
	display: none !important;
}
.elementor-location-header .elementor-sticky--effects #flyout-menu-button{
	display: inline-block !important;
}
	/*Header Responsive styles*/
@media screen and (max-width: 1230px){
	.elementor-location-header .elementor-element .elementor-nav-menu .elementor-item{
		font-size: 16px !important;
	}
	.header-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a {
	    margin-inline-end: 6px;
	}
	.header-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a {
	    margin-inline-start: 6px;
	}
}
@media screen and (max-width: 1024px){
	.elementor-location-header .elementor-element .elementor-nav-menu .elementor-item{
		font-size: 16px !important;
	}
	.elementor-location-header #flyout-menu-button, .elementor-location-header .elementor-sticky--effects #flyout-menu-button{
		display: none !important;
	}
	.elementor-location-header .elementor-sticky--effects #header-menu-container, .elementor-location-header .elementor-sticky--effects #menu-spacer{
		display: flex !important;
	}
	.elementor-location-header .elementor-sticky--effects #menu-spacer{
		display: block !important;
	}
	
}

/*Page Title bar Styles*/

/*Footer Styles*/

/*Content Styles*/

/*SVG Images*/
.svg-image img{
	width: 100%;
}



/*Backgriound Extend*/
.background-extend-right{
	
}





.gradient-border-extend-right:before{
	content: '';
	display: block;
	width: 50vw;
	height: 100%;
	background: linear-gradient(60deg, rgba(0, 0, 0, 0) 15%, rgba(0, 153, 172, 0.4) 100%);
	position: absolute;
	left:0px;
	top: 0px;
	border: 1px solid #D6E3E5;
}

@media screen and (max-width: 767px){
	.gradient-border-extend-right:before{
		width: 100vw;
		height: 100%;
	}
}

/*Strange Text Wrap fix*/
.text-wrap-fix p{
	overflow-wrap: anywhere; /* modern, preferred */
	word-break: break-word;  /* fallback */
}



/*Blog Styles*/
.terms-meta-data-custom{
	margin-top: 15px;
	margin-bottom: 15px !important;
	padding-left: 15px;
	padding-right: 15px;
}
.terms-meta-data-custom .elementor-inline-items{
	justify-content: flex-end;
}
.terms-meta-data-custom .elementor-icon-list-text{
	display: block !important;
	line-height: 1;
    font-size: 13px;
    
    color: #ffffff;
}
.terms-meta-data-custom .elementor-icon-list-text .elementor-post-info__terms-list{
	/*line-height: 13px;*/
}
.terms-meta-data-custom .elementor-icon-list-text .elementor-post-info__terms-list-item{
	margin: 0px !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    padding: 7px 10px;
    border-radius: 50px;
	background-color: #0099ac;
    color: #ffffff;
}

.terms-meta-data-custom .elementor-icon-list-text .elementor-post-info__terms-list-item:hover, .terms-meta-data-custom .elementor-icon-list-text .elementor-post-info__terms-list-item:focus{
	background-color: #DE3C43 !important;
	color: #FFFFFF !important;
}

.blog-image{
	display: inline-block;
    z-index: 1;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    max-height: 250px;
    line-height: 1;
	/*max-height: 250px;*/
}
.blog-image a{
	/*display: inline-block;
    z-index: 1;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    max-height: 250px;
    line-height: 1;*/
    display: inline;
}
.blog-image img{
	aspect-ratio:  6 / 5;
    object-position: 50% 50%;
    object-fit: cover;
    width: 100%;
    max-height: 250px;
}