/*
Theme Name: 3 Moons Studio Child Theme
Theme URI: https://3moons.io/
Version: 1.0
Description: This is a customized theme that styles your website.
Author: 3 Moons Studio
Author URI: https://3moons.io/
template: bb-theme
*/

/* Add your custom styles here... */
/* accessability css */
.fl-rich-text a {
  text-decoration: underline;
}
.fl-builder-content img {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.fl-builder-content a:hover img {
    opacity: 0.75;
}
/* helper classes */
.padding-large > .fl-row-content-wrap,
.padding-large .fl-callout-content {
  padding-top:  150px;
  padding-bottom: 150px;
}
.padding-medium > .fl-row-content-wrap,
.padding-medium .fl-callout-content {
  padding-top:  80px;
  padding-bottom: 80px;
}
.padding-small > .fl-row-content-wrap {
  padding-top:  40px;
  padding-bottom: 40px;
}

/* native full width video player */
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
    width: 100% !important;
    height: 100% !important;
}
.mejs-container {
    padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}
video.wp-video-shortcode {
    position: relative;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mejs-controls {
    display: none;
}
.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}

/* ==========================================================================
  Custom Global Styles
========================================================================== */
a,
header a *,
.woocommerce-page .woocommerce-MyAccount-navigation ul li a,
.woocommerce-page .woocommerce-MyAccount-navigation ul li a:after,
.fl-post-grid-image a:hover img,
footer a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

/* carousel */
.uabb-image-carousel .slick-track {
  display: flex;
  flex-wrap: wrap;
}
.uabb-image-carousel-item {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  align-self: center;
}


em {
    position: relative;
    display: inline-block;
    font-style: normal;
}
em::after {
    content: "";
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
/*    z-index: -1;*/
    background: linear-gradient(90deg, #60C6AC, #2B3DDD);
    
    transform-origin: left bottom;
    top: auto;
    bottom: 3px;
    padding: 0;

    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left bottom;
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.15,.75,.4,1),opacity 0.25s ease;
    transition: transform 1.2s cubic-bezier(.15,.75,.4,1),opacity 0.25s ease;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
em.underline::after {
    transform: scaleX(1);
}


a,
.fl-page .fl-builder-content a.fl-button,
.fl-page .fl-builder-content .ghost a.fl-button .fl-button-text,
.fl-page .fl-builder-content .ghost a.fl-button .fl-button-icon {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.fl-page .fl-builder-content a.fl-button, 
.fl-page .fl-builder-content a.fl-button:visited {
    background: linear-gradient(125deg,#60C6AC, #4A58DA);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.fl-page .fl-builder-content a.fl-button:hover,
.fl-page .fl-builder-content a.fl-button:active {
    background: linear-gradient(-55deg,#4A58DA,#60C6AC);
}


.fl-builder-content .ghost a.fl-button .fl-button-text,
.fl-builder-content .ghost a.fl-button .fl-button-icon  {
    color: #4A58DA;
}
.fl-builder-content .ghost a.fl-button, 
.fl-builder-content .ghost a.fl-button:visited,
.fl-builder-content .ghost a.fl-button:hover,
.fl-builder-content .ghost a.fl-button:active {
    background:transparent;
    border-width: 3px;
    border-style: solid;

}
.fl-builder-content .ghost a.fl-button, 
.fl-builder-content .ghost a.fl-button:visited {
    border-image: linear-gradient(125deg, #60C6AC, #4A58DA) 3;
}
.fl-builder-content .ghost a.fl-button:hover, 
.fl-builder-content .ghost a.fl-button:active {
    border-image: linear-gradient(-55deg, #4A58DA, #60C6AC) 3;
}
.fl-builder-content .ghost a.fl-button:hover .fl-button-text,
.fl-builder-content .ghost a.fl-button:hover .fl-button-icon,
.fl-builder-content .ghost a.fl-button:active .fl-button-text,
.fl-builder-content .ghost a.fl-button:active .fl-button-icon {
    color: #60C6AC;
}


/* header */
header.fl-builder-content.fl-theme-builder-header-scrolled > .fl-row > .fl-row-content-wrap {
    background-color: #ffffff;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    box-shadow: 0px 3px 45px 0px rgba(0,0,0,0.15);
}
header.fl-builder-content:not(.fl-theme-builder-header-scrolled) h1.fl-heading .fl-heading-text {
    color: #fff !important;
}
header.fl-builder-content:not(.fl-theme-builder-header-scrolled) .fl-menu ul > li > a,
header.fl-builder-content:not(.fl-theme-builder-header-scrolled) .fl-icon i, 
header.fl-builder-content:not(.fl-theme-builder-header-scrolled) .fl-icon i:before {
    color: #fff;
}


/* ==========================================================================
  Custom Page Styles
========================================================================== */