/*
Theme Name: E-Hatud - Child Theme
Theme URI: ehatud.com
Description: E-Hatud Child Theme - Use This
Author: Emman
Author URI: http://ejostol.com
Template: ehatud
Version: 1.1
*/


html {
/*	overflow: hidden !important;*/
}

body {
	overflow-x:unset !important;	
}
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

.loader {
  width: 48px;
  height: 48px;
  border: 3px dotted #efefef;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px dotted #FF3D00;
  border-style: solid solid dotted;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
} 



.lds-ripple,
.lds-ripple div {
  box-sizing: border-box;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid currentColor;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 8px;
    height: 8px;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 8px;
    height: 8px;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 8px;
    height: 8px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    opacity: 0;
  }
}




iframe {
    width: 100%;
}


/*---------------------------------------------
GENERIC
---------------------------------------------*/
.no-padding {
	padding:0;
}

.blue-text {
    color:#00a69a;
}


.green-title {
    color:#B2D233;
    font-weight: 800;
    font-size: 30px;    
    margin-bottom: 0px;
}

.orange, .orange p, .orange a {
	color:#fe6b41;
}

.blue, .blue a, .blue p {
	color:#5ecccf;
}

.white, .white a, .white p {
    color:#fff;
}

.subtitle {
    font-size: 30px !important;
    line-height: 38px !important;
    font-weight: 300;
}

.light {
    font-weight: 300 !important
}

.uppercase {
    text-transform: uppercase;
}
.s14 { font-size: 14px !important }
.s15 { font-size: 15px !important }
.s16 { font-size: 16px !important }
.s18 { font-size: 18px !important }
.s20 { font-size: 20px !important }
.s22 { font-size: 22px !important }
.s24 { font-size: 24px !important }
.s26 { font-size: 26px !important }
.s28 { font-size: 28px !important }
.s30 { font-size: 30px !important }
.s32 { font-size: 32px !important }
.s34 { font-size: 34px !important }
.s36 { font-size: 36px !important }
.s46 { font-size: 46px !important }
.s54 { font-size: 54px !important }
.s56 { font-size: 56px !important }
.s76 { font-size: 76px !important }

.bolder {
	font-weight: 700 !important;
}

.text-center {  text-align: center; }
.text-left {    text-align: left; }
.text-right {   text-align: right; }
.text-justify { text-align: justify; }

.rounded img, .rounded{
    border-radius: 50% !important;
    border: 4px solid #efefef;
}

.text-shadow, .text-shadow .fa, .text-shadow a {
    text-shadow: 0 0 25px #000;
}

.hard-shadow, .hard-shadow .fa, .hard-shadow a {
        text-shadow: 2px 2px 2px #000 !important;
}


ul li {
    /* list-style-type: none; */
    list-style-position: inside;
}

.blue-alpha {
    background: #6fc9bba8 !important;
    color: #fff !important;
    padding: 15px 15px !important;
}

.shadowed {
    box-shadow: 10px 11px 0px #0000002b;
}
.right-center {
    float:right;
}

.left-center {

}

.text-shadow {
	text-shadow: 0 0 10px #000 !important;
}

.no-overflow{
    overflow: hidden !important;
}

@media screen and (max-width: 959px) {
    .s76 { font-size: 46px !important }

    .left-center, .right-center {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;        
    }


}

header.fullwidth .container {
    /* margin:0 auto; */
}

.clear, .clr {
    width: 100%;
    float:none;
    display: block;
    margin:0 auto;
    clear: both;
}

.vertical-center {
    justify-content: center;
    display: flex;
    align-items: center;
}

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

    .swap-on-mobile {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .swap-odd {
        flex-direction: column;
    }
    

    .vertical-center {
    	display: block;
    }

}

.visible {
     overflow: visible !important; 
}



.circle-image {
    border-radius: 50%;
}




/*---------------------------------------------
BUTTONS
---------------------------------------------*/
.btn-orange {
    background: #FE6B41;
    color:#fff !important;
}

.btn-orange:hover {
    background: #1cbac8 !important;
}

/*-------------------------------------
STEPS
-------------------------------------*/
.step-item {
    -o-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -khtml-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.step-item:hover {
	transform: scale(1.1);
    box-shadow: 0 0 40px #a19f9f;
    border-radius: 35px;
}

.step-item-inner {
	text-align: center;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0 0 35px 35px;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -khtml-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.step-item-inner img {
	max-width: 180px;
}
.step-item-inner h3 {
	font-weight: 900;
	font-size: 36px;
}

.step-title {
    width: 100%;
    background: #000;
    border-collapse: collapse;
    text-align: center;
    display: block;
    font-weight: 900;
    color: #fff;
    font-size: 28px;
    border-radius: 35px 35px 0 0;
}

.step1 {
	background: #FF801E;
}

.step2 {
	background: #3cb9b0;

}

.step3 {
	background: #bf2831;

}

/*-------------------------------------
PARTNERS
-------------------------------------*/
#partners img {
    margin: 20px;
}

/*-------------------------------------
HEADER
-------------------------------------*/
#header.header-transparent.header-v1 {
	box-shadow: none !important;
}

#header.header-v1 {
    height: 150px !important;
    background: #BF2831 !important;
}

.header-is-transparent #mobile-navigation {
    top: 70px !important;
}

.header-v1 #navigation > ul > li {
    height: auto !important;
    padding-top: 64px !important;
}

#navigation > ul > li > a {
	text-transform: uppercase;
	text-decoration: none !important;
}

#navigation li.current-menu-item > a {
	font-weight: 900;
    line-height: 20px !important;	
}

#mobile-navigation .container ul {
	padding-left:0 !important;
}

#mobile-navigation a {
	text-decoration: none !important;
}

.header-icons {
	display: none !important;
}

@media screen and (max-width:959px){
	#header, #mobile-header {
		height: 70px !important;
		background: #bf2831 !important;
	}
	#mobile-navigation-btn, #mobile-cart-btn, #mobile-shopping-btn {
		line-break: normal;
	}

	#mobile-navigation-btn {
	    line-height: 67px !important;
	}	

	#mobile-header .logo {
	    margin-top: 9px !important;
	}
    .logo img {
        max-width: 170px !important;
    }	

    #mobile-header .container, #mobile-header .container .sixteen.columns, #mobile-navigation .container, #mobile-navigation .sixteen.columns {
    	width: 100% !important;
    }
}

/*-------------------------------------
REDIRECTING / MODALS
-------------------------------------*/
#redirecting {
	width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    top: 0;
    z-index: 9999;
    backdrop-filter: blur(5px);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1a1a1a;
    font-size: 22px;
}

/*-------------------------------------
MOBILE OVERRIDES
-------------------------------------*/
@media only screen and (max-width: 767px) {
	#page-wrap.container {
		width: 100% !important;

	}	

	#content.sixteen.columns {
		width:auto !important;
		padding-right: 15px !important;
		padding-left: 15px !important;		
	}

	.desktop-only {
		display: none !important;
	}	

}


@media screen and (min-width:768px){
	
	.mobile-only {
		display: none !important;
	}

	.desktop-only {

	}

}