/**
Theme Name: Pixel Fish Child
Author: Pixel Fish
Author URI: https://www.pixelfish.com.au/
Description: Pixel Fish is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Pixel Fish comes with schema.org code integrated so search engines will love your site. Pixel Fish offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Pixel Fish is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
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;
}

/* TRANSPARENT HEADER / FIXED ELEMENTS */
.ast-theme-transparent-header #ast-fixed-header a {
    color: #000;
}
.ast-theme-transparent-header #ast-fixed-header a:hover {
    color: #00000070;
}
.ast-theme-transparent-header #ast-fixed-header .site-logo-img .transparent-custom-logo .astra-logo-svg {
    width: 130px;
}

/* ELEMENTOR VISITED COLOR FIX */
.elementor-button-wrapper .elementor-button:hover:visited {
    color: #76c9e9;
}

/* LOGO RESIZE */
.astra-logo-svg:not(.sticky-custom-logo .astra-logo-svg,.transparent-custom-logo .astra-logo-svg,.advanced-header-logo .astra-logo-svg) {
    height: auto;
}

/* SUB MENU */
.main-header-menu .sub-menu .menu-link {
    padding: 0.75em 1.75em;
}
.main-header-bar .main-header-bar-navigation .sub-menu {
    padding: 0.5em 0;
}

.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
    width: 100%;
}

.ast-header-break-point .main-header-menu, .ast-header-break-point .main-header-menu li a {
    border: none !important;
}

.ahfb-svg-iconset svg {
    width: 30px;
    height: 30px;
}

.ast-mobile-popup-content a.call {
    padding: 1.2em 1.5em;
    background: #76c9e9;
    border-radius: 3px;
    font-size: 1.1em;
    color: #000 !important;
	font-weight: 800;
	display:block;
}

.ast-mobile-popup-content a.call:hover:before {
    background: url(/wp-content/themes/pixel-fish-child/icons/phone-blue.svg) no-repeat scroll 0 0 transparent!important;
}

.ast-mobile-popup-content a.call:before {
    background: url(/wp-content/themes/pixel-fish-child/icons/phone.svg) no-repeat scroll 0 0 transparent!important;
    content: ' ';
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 0;
    margin-bottom: -2px;
}

.ast-mobile-popup-content a.call:hover {
    background: #000;
    color: #76c9e9 !important;
}
/* PAO  */
.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
    width: 100%;
}

.ast-header-break-point .main-header-menu, .ast-header-break-point .main-header-menu li a {
    border: none !important;
}

.ahfb-svg-iconset svg {
    width: 30px;
    height: 30px;
}

.ast-mobile-popup-content a.call {
    padding: 1.2em 1.5em;
    background: #76c9e9;
    border-radius: 3px;
    font-size: 1.1em;
    color: #000 !important;
	font-weight: 800;
	display:block;
}

.ast-mobile-popup-content a.call:hover:before {
    background: url(/wp-content/themes/pixel-fish-child/icons/phone-blue.svg) no-repeat scroll 0 0 transparent!important;
}

.ast-mobile-popup-content a.call:before {
    background: url(/wp-content/themes/pixel-fish-child/icons/phone.svg) no-repeat scroll 0 0 transparent!important;
    content: ' ';
    background-size: 15px 15px;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 0;
    margin-bottom: -2px;
}

.ast-mobile-popup-content a.call:hover {
    background: #000;
    color: #76c9e9 !important;
}
/* CALL ICON */
.ast-primary-header-bar.main-header-bar a.call: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: 4px;
    margin-left: 0;
    margin-bottom: -2px;
}
.ast-primary-header-bar.main-header-bar a.call {
    padding: 1.2em 1.5em;
    background: #76c9e9;
    border-radius: 3px;    
	font-size: 1.1em;
	color: #000;
}
.ast-primary-header-bar.main-header-bar a.call:hover {
    color: #76c9e9;
    background: #000;
}
.ast-primary-header-bar.main-header-bar a.call:hover:before {
    background: url("icons/phone-blue.svg") no-repeat scroll 0 0 transparent!important; 
}
.ast-theme-transparent-header #ast-fixed-header a.call:hover{
    color: #76c9e9;
}

/* FOOTER ICONS */
.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 */
#masthead .ast-header-sticked .site-logo-img .astra-logo-svg{
    width: 130px!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;
}
/*------------------------------------------------*/
/*---------------[GRAVITY FORMS]-------------*/
/*------------------------------------------------*/
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_legacy_markup_wrapper textarea.medium {
    padding: 10px;
    border: none;
    background: #fff;
}
.gform_legacy_markup_wrapper .gfield_required {
    color: #76c9e9;
}
/*------------------------------------------------*/
/*---------------[FOOTER LAYOUTS]-------------*/
/*------------------------------------------------*/
.site-footer-section .widget:first-child {
    margin: 0 0 1em 0;
}
.site-footer-section .widget h3 {
    line-height: 1em;
}

.site-footer-section .footer-widget-area h3 {
    font-size: 20px;
}
.site-footer-section .footer-widget-area p, .site-footer-section .footer-widget-area a, .ast-builder-social-element .social-item-label {
    font-size: 16px!important;
    line-height: 1.5em;
}
.site-footer-section  .footer-widget-area .footer-widget-area-inner {
    line-height: 2em;
}
/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

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

}
/*-------------------[980px]------------------*/
@media only screen and ( max-width: 980px ) {
.site-footer-primary-section-1.site-footer-section.site-footer-section-1 img {
    max-width: 125px;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* 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 */
}