/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
@font-face {
    font-family: 'Scala Sans';
    src: url('assets/fonts/ScalaSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html,body {
    overflow-x: hidden;
}

body {
    padding: 0;
    margin: 0;
    line-height: 1.5;
    font-size: 16px;
	font-family: 'Scala Sans';
}

p {
    margin-top: 0;
    margin-bottom: 22px
}

p:empty {
    display: none
}

h1,h2,h3,h4,h5,h6 {
    line-height: 1.3;
    margin: 0
}

h1,h2{
	line-height:1.1;
	letter-spacing:-2px;
}

a {
    text-decoration: none;
}

b,strong {
    font-weight: 700;
}
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{
	color:initial;
}

.elementor-heading-title ,.elementor-headline {
    line-height: 1.3;
}

h1.elementor-heading-title,h2.elementor-heading-title{
	line-height:1.1;
}

.elementor-widget-button .elementor-button{
	text-decoration:none !important;
}
.elementor-widget-text-editor p {
    margin-top: 0
}

.elementor-widget-text-editor p:last-child {
    margin-bottom: 0
}

.comments-area a, .page-content a {
    text-decoration: none;
}

.elementor-widget-text-editor ul{
	   margin-bottom:15px;
}
.elementor-widget-text-editor ul{
	padding-left:18px;
}

.elementor-widget-text-editor ul li{
	margin-bottom:8px;
}

.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{
	border:1px solid #dddddd;
}

.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button:hover{
	background:#eeeeee;
}

main .e-parent>.e-con-inner>.elementor-widget{
	padding-left:10px;
	padding-right:10px;
}

/*============= info box =========*/
.infobox-content p:empty{
	display:none;
}

/* form css */

button:focus,.button:focus,button:focus-visible,[type=button]:focus, [type=submit]:focus, button:focus{
	outline:none !important;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	border:none;
	border-radius:0px;
	border:1px solid #dbdfe3;
	padding:12px 18px 12px 18px;
	font-size:16px;
	color:#0f2744;
	min-height:52px;
	font-weight:400;
}
textarea{
	height:200px !important;
}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus {
    border-color: #a10040;
    outline: none;
} 

label{
	font-size:15px;
	font-weight:500;
	margin-bottom:8px;
	line-height:1.1;
	color:#0f2744;
}

.elementor-field-option{
	cursor:pointer;
}

form input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
form input[type="checkbox"] + label{
	position:relative;
	cursor:pointer;
	padding-left:30px;
}

form input[type="checkbox"] + label::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius:0px;
  border:1px solid #dbdfe3;
  background:#ffffff;
  top: 0px;
  left:0;
  position: absolute;
}
form input[type="checkbox"] + label::after {
    position: absolute;
	left: 7px;
    top: 4px;
    width: 6px;
    height: 10px;
    border: solid #101010;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
	display:none;
}
form input[type="checkbox"]:checked + label::after {
  content: '';
  display:block;
}
.elementor-message-success{
	background:#ffffff;
	padding:15px 10px 12px;
	text-align:center;
	color:#010101;
	margin:30px auto 0;
	border-radius:0px;
}

form .elementor-field-type-acceptance{
	display:block !important;
	margin-top:15px;
	margin-bottom:30px !important;
}

@media(max-width:767px){
	form .elementor-field-type-acceptance{
		display: block !important;
		margin-top: 10px;
		margin-bottom: 25px !important;
	}
	form .elementor-field-group{
		margin-bottom:15px !important;
	}
	input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
		padding:8px 12px;
		min-height:46px;
	}
	textarea {
		height: 135px !important;
	}
}


/* =========header css =========*/

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-menu{
	background:#ffffff;
	padding:6px;
	box-shadow:none;
	margin-top:1px;
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu .sub-arrow {
    margin-left: 6px;
}
.hfe-site-logo-container{
	line-height:0;
}



/* ==========vertical menu css=========== */

.eael-offcanvas-toggle-wrap{
	line-height:0;
}

@media(max-width:1024px){
	.eael-offcanvas-content nav.hfe-nav-menu__layout-vertical .hfe-nav-menu > li.menu-item:not(:last-child){
		margin-bottom:20px !important;
	}
	
	.eael-offcanvas-content .hfe-nav-menu__layout-vertical .hfe-nav-menu .sub-arrow, 
	.eael-offcanvas-content .hfe-layout-expandible .sub-arrow, .hfe-flyout-wrapper .sub-arrow{
		position: absolute;
		right: 0;
		padding: 0;
		border: none !important;
	}
	.eael-offcanvas-content nav.hfe-nav-menu__layout-vertical .hfe-nav-menu .sub-menu.sub-menu-open{
		padding:10px;
		margin-top:20px;
	}
}




/*==================== Footer css================= */
.elementor-widget-text-editor a{
	color:#ffffff;
}

@media(max-width:1024px){
	footer nav:not(.hfe-nav-menu__layout-horizontal) .hfe-nav-menu > li.menu-item:not(:last-child) {
		margin-bottom: 5px !important;
	}
}

/*======== hover-infobox css==========  */
.hover-infobox .eael-infobox,.hover-infobox .infobox-icon{
	transition: all .4s ease;
}

.hover-infobox:hover .eael-infobox {
    padding-right: 50px !important;
    padding-left: 0px !important;
}

.hover-infobox:hover .infobox-icon{
   opacity:0;
}

.hover-infobox .elementor-widget-eael-info-box,
.hover-infobox .eael-infobox {
	height:100%;
}

/* ========= sildebar icon list css========= */
.sidebar-iconlist{
	padding:0 10px;
}
.sidebar-iconlist .elementor-icon-list-items li{
    padding:15px 5px !important;
}
.sidebar-iconlist ul.elementor-icon-list-items li a {
    position: relative;
    padding-right: 22px
}

.sidebar-iconlist ul.elementor-icon-list-items li a:after {
    content: "";
    background: url(assets/img/arrow_forward_ios.svg);
    height: 20px;
    width: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    position: absolute;
    right: 15px;
    top: 4px;
    bottom: 0;
    line-height: 0;
    margin: auto
}

/* =========== flip box css================  */
.elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__inner {
    height: 100%;
    position: relative;
    padding-bottom: 65px
}

.elementor-flip-box .elementor-flip-box__back .elementor-flip-box__button {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    background: #ffffff!important;
    color: #003a70!important
}

@media(max-width: 1200px) {
    .elementor-flip-box__image img {
        width:60%!important
    }

    .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__button {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__inner {
        padding-bottom: 55px
    }
}

@media(max-width: 767px) {
    .elementor-flip-box__back .elementor-flip-box__layer__title {
        margin-bottom:4px!important
    }

    .elementor-flip-box__image img {
        width: 88px!important
    }
}

/*============= announcement bar css===========  */
.news-ticker .eael-testimonial-text ,.news-ticker .eael-testimonial-text p{
	margin-bottom:0 !important;
}
.news-ticker .eael-testimonial-content {
	padding:0;
}


.news-ticker .eael-testimonial-slider-main{
	position:static;
}

.news-ticker .eael-testimonial-slider{
	padding-left:100px;
}

.news-ticker .swiper-button-prev, .news-ticker .swiper-rtl .swiper-button-next{
	left:0;
}
.news-ticker .swiper-wrapper{
	height:auto !important;
}

.news-ticker .swiper-button-next, .news-ticker .swiper-rtl .swiper-button-prev {
	right: auto;
	left: 38px;
}
@media(max-width:1024px){
	.news-ticker .eael-testimonial-slider{
		padding-left:0px;
		padding-bottom:40px;
	}
	.news-ticker .swiper-button-prev, .news-ticker .swiper-rtl .swiper-button-next,
	.news-ticker .swiper-button-next, .news-ticker .swiper-rtl .swiper-button-prev{
		top: auto;
        bottom: 5px;
	}
}

/*================= Map filters ==============  */
.wpsl-directions{
	display:none
}
#wpsl-wrap .wpsl-search {
	display:none;
}

#wpsl-result-list {
    margin-right: 0;
    border: 1px solid #e5e5e5;
}

#wpsl-wrap #wpsl-result-list li{
	padding:16px;
	border-color:#e5e5e5;
	color:#6F7699;
	font-size:16px;
	position:relative;
	padding-left:112px;
}
#wpsl-wrap #wpsl-result-list li:hover{
	background:#E2EAF1;
}

#wpsl-wrap #wpsl-result-list li p{
	margin-bottom:12px;
}

#wpsl-wrap #wpsl-result-list li a{
	color:#003A70; 
	font-weight:700;
	text-transform:capitalize;
}

#wpsl-result-list #wpsl-stores .wpsl-store-thumb {
    height: auto !important;
    width: 80px !important;
    position:absolute;
	left:16px;
	top:16px;
	margin:0;
}

#wpsl-stores .wpsl-store-location strong{
	color:#003A70;
	font-size:18px;
	text-transform:uppercase;
}

@media(max-width:1024px){
	#wpsl-stores .wpsl-store-location strong{
		font-size:16px;
	}
	#wpsl-result-list #wpsl-stores .wpsl-store-thumb{
		width:65px !important;
		left:12px;
		top:12px;
	}
	#wpsl-wrap #wpsl-result-list li{
		padding:12px;
		padding-left:90px;
	}
	#wpsl-wrap #wpsl-result-list li{
		font-size:15px;
	}
}

@media (max-width: 675px) {
	
	#wpsl-wrap #wpsl-result-list li p {
		margin-bottom: 8px;
	}
	
	#wpsl-result-list #wpsl-stores .wpsl-store-thumb{
		top:0;
		bottom:0;
		margin:auto 0;
	}
}

@media(min-width:768px){
	#wpsl-result-list {
		width: 40%;
	}
	#wpsl-gmap{
		width:60%;
	}
	
}

@media(max-width:767px){
	
	body #wpsl-stores{
		height:auto !important;
	}
}

