/**
 * Theme Name:     Astra Child
 * Author:         Loryn
 * Template:       astra
 * Text Domain:	   astra-child
 * Description:    Astra is fast, fully customizable
 */


.custom-title span {
	background: -webkit-linear-gradient(#FD55CE, #8721EB);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-banner .elementor-widget-image {
	display: inline-block;
	vertical-align: middle
}
.banner-row {
	display: block;
	width: 100%;
	margin: 0;
	flex: none;
}
.banner-col {
	display: inline-block;
	width: 33%;
	flex: none;
	padding: 10px;
	vertical-align: middle
}
.banner-col .text-box {
height: 248px;
border-radius: 20px;
	background: #311A54;
	color: #fff;
	padding:24px;
	display: none
}
.banner-col:hover .text-box {
	display: block
}
.banner-col:hover .img-box {
	display: none
}
.banner-col .text-box .icon {
	background: #fff;
	width: 34px;
	height: 34px;
	border-radius: 100px;
	padding: 5px;
	text-align: center;
	line-height: 22px;
	margin-bottom: 24px;
}
.banner-col .text-box h3 {
font-family: Open Sans;
font-size: 24px;
font-weight: 600;
line-height: 31px;
letter-spacing: 0em;
text-align: left;
	color: #fff;
	margin-bottom: 12px;
}
.banner-col .text-box p {
font-family: Open Sans;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
}
.img-box {
	position: relative
}
.img-box img {
	width: 100%;
	height:248px;
}
.banner-col .img-box h3 {
	position: absolute;
	left:15px;
	top: 15px;
	font-family: Open Sans;
	font-size: 24px;
	font-weight: 600;
	line-height: 31px;
	letter-spacing: 0em;
	text-align: left;
	color: #fff
}
.v2 .banner-col:hover .img-box {
	display: block
}
.v2 .banner-col:hover .img-box h3 {
	display: none
}
.banner-col {
	position: relative
}
.v2 .banner-col:hover .text-box {
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 10px;
	left: 10px;
	background: #1E0242D1;
}
.pricing-box .elementor-icon-box-wrapper .elementor-icon-box-icon {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px !important;
	margin-bottom: 0 !important
}
.pricing-box .elementor-icon-box-wrapper {
	text-align: left !important
}
.pricing-box .elementor-icon-box-wrapper .elementor-icon-box-content {
	display: inline-block;
	vertical-align: middle;
}
.pricing-box .price span {
	font-weight: 400;
	padding-left: 5px;
}
.pricing-box .elementor-button {
	width: 100%
}
.login-menu ul li:last-child a {
	border: 1px solid #fff;
	box-shadow: 0px 12px 40px 0px #1D033654;
	border-radius:20px;
	padding: 19px 28px !important;
}
.login-menu ul li a {
	padding: 19px 28px !important;
}
.login-menu ul li:first-child a {
	padding-left: 0 !important
}
.login-menu {
	margin-right: -9px
}
.eael-tab-content-item  {
	text-align: center;
	border-radius: 26px;
	border-color: rgba(187, 187, 187, 0.26)
}

.img-h {
	margin-bottom: 23px;
}
.text-h {
	max-width: 800px;
	margin: 0 auto 39px;
	color: #E0E0E0
}
.elementor-button {
	text-decoration: none !important;
	
}
#colophon {
	margin-top: 250px;
	position: relative
}
#ast-scroll-top {
	background-color:#6F0AD2 !important;
	border-radius: 4px;
}
.bestSale {
	position: absolute;
		left: 50%;
	top: -19px;
	width: auto;
	white-space: nowrap;
	margin-left: -57px;
}
.entry-content {
	padding-top: 118px;
}
.admin-bar .entry-content {
	padding-top: 86px;
}
footer ul {
    margin: 0;
    padding: 0;
}
footer ul li {
    list-style: none;
}
.entry-content p {
    margin-bottom: 1.1em;
}
@media (max-width: 1025px) { 
   .entry-content {
        padding-top: 86px;
    }
    .admin-bar .entry-content {
      padding-top: 38px;
    }
    #masthead .elementor-widget {
        position: initial !important;
    }
     #masthead {
         position: absolute
     }
     .banner-col {
         width: 32.9%;
     }
     .banner-row {
         max-width: 740px;
         margin: 0 auto;
     }
     .img-box img {
         height: 144px;
     }
     .banner-col .text-box{
         height: 144px;
         padding: 15px;
     }
     .banner-col .text-box p {
         font-size: 14px;
         line-height: 18px;
     }
     .banner-col .text-box h3, .banner-col .text-box .icon {
         display: none;
     }
     .banner-col .img-box h3 {
         font-size: 20px;
     }
     
     .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical {
         left: 0;
         right: 0;
         background: #0c0123;
         height: calc(100vh - 20px);
         margin: 0 -15px;
         padding: 0 15px;

     }
    .hfe-nav-menu li {
        height: 65px;
        border-color: #3d344f !important;
        padding-left: 0;
        padding-right: 0;
    }
    .hfe-nav-menu li a {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 20px !important;
    padding-bottom: 20px !important;
    }
    .hfe-nav-menu {
        display: initial !important;
        padding-top: 55px !important;
    }
    .hfe-nav-menu__toggle {
        text-align: right;
        margin-right: 5px !important
    }
}

@media (max-width: 767px) {
     #colophon .menu-section .e-child {
         width: 50% !important;
     }
      #colophon .menu-section .e-child:first-of-type, #colophon .menu-section .e-child:last-child {
         width: 100% !important;
     }
     #colophon .menu-section .e-child:last-child ul li {
         display: inline-block;
         margin-right: 10px;
     }
        #colophon {
        margin-top: 300px;
    }
    .absolute-footer .e-parent {
        display: block;
    }
    .absolute-footer .e-child {
        display: block !important;
        width: 320px !important;
        margin: 0 auto !important;
    }
    header .hfe-nav-menu__toggle {
        position: absolute;
      right: 0;
      top: -37px;
    }
    .elementor-element-545ebd0 {
        padding: 0;
    }
    .entry-content {
        padding-top: 59px;
    }
    .admin-bar .entry-content {
      padding-top: 38px;
    }
   
    .banner-col {
        width: 100%;
    }
    .img-box img {
        width: 100%;
        height: 248px;
    }
    .banner-col .box {
        max-width: 312px;
        position: relative;
        margin: 0 auto;
    }
     .banner-col .text-box {
        height: 248px;
    }
    .banner-col .text-box p {
         font-size: 16px;
         line-height: 24px;
     }
     .banner-col .text-box h3, .banner-col .text-box .icon {
         display: block
     }
     .banner-col .img-box h3 {
         font-size: 20px;
     }
     .banner-col {
         padding: 8px 10px;
     }
     .entry-content p {
        margin-bottom: 1.1em;
    }
    .v2 .banner-col:hover .text-box {
        top:0;
        left:0;
        right:0;
        bottom:0;
    }
    .benefit-box {
        display: block;
    }
    .benefit-box .elementor-widget-image {
        display: inline-block;
        width: 13%;
        vertical-align: middle
    }
    .benefit-box .elementor-widget-heading {
         display: inline-block;
        width: 85%;
        vertical-align: middle;
        padding-bottom: 3px;
    }
     .benefit-box .elementor-widget-heading:last-of-type {
         display: inline-block;
        width: 86%;
       float: right
    }
    .custom-tabs ul {
        text-align: center;
        display: block !important;
    }
    .custom-tabs ul li {
        width: auto !important;
        text-align: center !important;
        display: inline-block !important;
    }
    .pricing-box .elementor-icon-box-wrapper {
        text-align: center !important;
    }
    .pricing-box .elementor-icon-box-wrapper h4 {
        margin: 0;
    }
}