/**
Theme Name: Astra Child
Author: Astra
Author URI: https://www.wpastra.com/
Text Domain: pixel-fish-child
Template: astra
*/

/*-----------------------------------------*/
/*----------[WP ROCKET > LAZYLOAD]---------*/
/*-----------------------------------------*/

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
   opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
   -webkit-transition: opacity .5s linear 0.2s;
       -moz-transition: opacity .5s linear 0.2s;
                 transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
   opacity: 1;
}

/* CALL ICON */
.ast-primary-header-bar.main-header-bar button.call:before {
    background: url("icons/phone-white.svg") no-repeat scroll 0 0 transparent!important; 
	content: ' ';
	background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block;    
	margin-right: 5px;
	margin-left: -6px;
    margin-bottom: -2px;
}
.ast-primary-header-bar.main-header-bar button.call {
    font-size: 1.1em;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row span.phone:before {
    background: url("icons/phone.svg") no-repeat scroll 0 0 transparent!important; 
	content: ' ';
	background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block;    
	margin-right: 5px;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row span.email:before {
    background: url("icons/email.svg") no-repeat scroll 0 0 transparent!important; 
	content: ' ';
	background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block;    
	margin-right: 5px;
}
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row span.address:before {
    background: url("icons/address.svg") no-repeat scroll 0 0 transparent!important; 
	content: ' ';
	background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block;    
	margin-right: 5px;
}
/* STICKY LOGO OVERRIDE */
a.sticky-custom-logo img.astra-logo-svg {
    width: 50px!important;
}
/* PRIMARY HEADER */
#ast-fixed-header .main-header-bar {
    box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
}
/*-----------------------------------------------------------*/
/*------------[IMPROVED 'FADE' ELEMENTOR ANIMATIONS]---------*/
/*-----------------------------------------------------------*/

@keyframes fadeDown {
    from {opacity: 0;transform: translate3d(0,-30px,0)}
    to {opacity: 1;transform: none}
}
.elementor-element.fadeInDown {
    animation-name: fadeDown
}
@keyframes fadeLeft {
    from {opacity: 0;transform: translate3d(-30px,0,0)}
    to {opacity: 1;transform: none}
}
.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}
@keyframes fadeRight {
    from {opacity: 0;transform: translate3d(30px,0,0)}
    to {opacity: 1;transform: none}
}
.elementor-element.fadeInRight {
    animation-name: fadeRight
}
@keyframes fadeUp {
    from {opacity: 0;transform: translate3d(0,30px,0)}
    to {opacity: 1;transform: none}
}
.elementor-element.fadeInUp {
    animation-name: fadeUp
}

/* OFFSET ANCHOR */
html, body {
   scroll-padding-top: 90px;
}
.elementor-menu-anchor {
    margin-top: -90px;
    padding-top: 90px;
}


/*------------------------------------------------*/
/*---------------[GRAVTY FORMS STYLING ]-------------*/
/*------------------------------------------------*/
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    padding: 20px;
	border: none;
    background: #0000000a;
}
.gform_wrapper select {
    height: 62px!important;
}
.gform_wrapper.gravity-theme .gfield_required {
    color: #44C7F4;
    font-size: 1em;
}
/*------------------------------------------------*/
/*---------------[FOOTER LAYOUTS]-------------*/
/*------------------------------------------------*/
.site-footer-section .widget:first-child {
    margin: 0 0 1em 0;
}
.site-footer-section .widget h3 {
    line-height: 1em;
}
/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
.ast-above-header-section.ast-above-header-section-2 {
    display: none;
}

}
/*-------------------[980px]------------------*/
@media only screen and ( max-width: 980px ) {

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.above-header-user-select.user-select {
    margin: 0 auto;
}

.ast-above-header-section.ast-above-header-section-2.ast-flex.ast-justify-content-flex-end.widget-above-header {
    display: none;
}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}