/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/



/* SITE WIDE CONTAINER
 * 
 * Force zero top and bottom margin(spacing should be controlled via padding within a container)
 * 
 * Must use 100% width container, NOT site width
 * 
*/
.container-fullwidth{
  margin: 0 auto !important;
}



/* Container for anything smaller than 1500
 * 
 * keep 100% width, ensure 30px of padding
 * 
*/
@media(min-width: 1081px) and (max-width: 1499px){
  .container-fullwidth{
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* 125% display zoom / laptop width */
@media(min-width:1500px) and (max-width: 1700px){
  .container-fullwidth{
    max-width: 1360px !important;
  }
}

/* desktop and larger displays */
@media(min-width:1700px){
  .container-fullwidth{
    max-width: 1580px !important;
  }
}



/* Class for painting backgrounds and images full width behind container system
 * 
 * For background colors, Use gradients rather than background color
 * 
 */
.background-fullwidth {
  position: relative !important;
  isolation: isolate;
}

.background-fullwidth::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
  background-image: inherit;
  background-size: cover;
  background-position: inherit;
  background-repeat: no-repeat;
  z-index: -1;
  pointer-events: none;
}



/* Global Button Helper Classes
 * 
 * Adds Shadow and minor animations for every button site wide.
 * You do not need to add this class. It targets all buttons automatically via native .fusion-button class
*/

.fusion-button{
  overflow: visible !important;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.08),
    0 8px 18px rgba(0, 0, 0, 0.06) !important;
  
  transition:
    box-shadow 180ms ease,
    transform 180ms ease,
    background-color 180ms ease,
    color 180ms ease,
    border-color 180ms ease !important;
}

.fusion-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.18) !important;
}