/* MAIN */

  .block{
    display: block !important;
  }

  h2{
    margin-bottom: 0.5em !important;
  }
  .hidden{
      display: none !important;
  }

  ol, ul {
    padding-left: 1.5em;
    margin: 0 0 1em 0;
  }

  #wrapper #main,
  #main .fusion-row, 
  #slidingbar-area .fusion-row, 
  .fusion-footer-widget-area .fusion-row, 
  .fusion-page-title-row, 
  .tfs-slider .slide-content-container .slide-content{
    width: 100% !important;
    max-width: 100% !important;
  }
 
  .fusion-flex-container .fusion-row .fusion-flex-column{
    /* --awb-width-small: 100%; */
  }
  
  html:not(.avada-has-site-width-percent) #main{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .fusion-header-wrapper .fusion-row, 
  .layout-boxed-mode.side-header #boxed-wrapper, 
  .layout-boxed-mode.side-header #slidingbar-area .fusion-row, 
  .layout-boxed-mode.side-header .fusion-footer-parallax, 
  .layout-boxed-mode.side-header>#lang_sel_footer {
    max-width: 100% !important;
  }

  #wrapper #main .fullwidth-box .fusion-row {
    display: flex;
    justify-content: center;
    max-width: var(--site_width) !important;
  }

  .fusion-fullwidth{
    width: 100% !important;
    margin: 0 !important;
  }

  #footer>.fusion-row,
  .fusion-footer-widget-area>.fusion-row {
    max-width: var(--site_width) !important;
  }

  .fusion-main-menu>ul>li>a {
    color: var(--nav_typography-color) !important;
  }



  /* PREVENT WHITE FLASH - CRITICAL LOADING STYLES */
  /*
  body:not(.loaded) {
    background-color: var(--awb-color8, #141617) !important;
    opacity: 1;
    display: none;
  }
  */


/* SPECIAL */

  #playlist{
    position: relative;
  }
  #playlist .playlist_message{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #playlist.active{
    align-self: flex-start;
  }
  #playlist.active .playlist_message{
    display: none;
  }

  .bordered{
    border: 2px solid var(--awb-color2);
    border-radius: 1em;
    overflow: hidden;
  }
  .bordered.fusion-video{
    font-size: initial;
    line-height: 0;
  }
  .bordered .fusion-video{
    z-index: -1;
  }
  .bordered.has-mask{
    border: 0;
  }
  .fusion-video.wrapped,
  .video-shortcode{
    width: calc(100% + 2px);
    max-width: calc(100% + 1px) !important;
  }
  .video.has-mask{
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
  }
  .mask-background{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
  }

  .fusion-carousel-border.book_page{
    height: 100% !important;
    margin: 0;
  }

  .fusion-rollover-link,
  .fusion-rollover-gallery,
  .fusion-rollover-categories{
    display: none !important;
  }

  .fusion-carousel-border.book_page img{
    width: 100% !important;
    max-width: 20em !important;
  }

  .fusion-carousel-border.book_page .swiper-coverflow,
  .fusion-carousel-border.book_page .swiper-wrapper {
    padding: 0 !important;
  }

  .fusion-carousel-border.book_page .swiper-slide:nth-child(odd) .fusion-carousel-item-wrapper {
    text-align: right !important;
  }
  .fusion-carousel-border.book_page .swiper-slide:nth-child(even) .fusion-carousel-item-wrapper {
    text-align: left !important;
  }
  .fusion-carousel-item-wrapper .fusion-image-wrapper,
  .fusion-posts-container .fusion-post-wrapper{
    border-width: 2px !important;
    border-bottom-width: 1px !important;
    border-radius: 1em;
  }

  .swiper-wrapper{
    justify-content: flex-start;
  }
  .swiper-wrapper .swiper-slide{
    /* margin: 0 !important; */
  }

  .swiper-wrapper .fusion-image-wrapper.lazyloaded{
    border: 1px solid var(--awb-color2) !important;
  }

  .polylang-flags {
    background-color: var(--awb-color7) !important;
  }

  body:not(.loaded) .swiper-wrapper .fusion-image-wrapper{
    border-color: transparent !important;
  }


/* MENU */

  .fusion-logo-link img {
      width: 128px !important;
      height: 128px !important;
  }

  .fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
    opacity: 0.8 !important;
  }

  .fusion-header {
      padding-left: var(--container_padding_default_left);
      padding-right: var(--container_padding_default_right);
  }

  .fusion-header-wrapper {
      position: fixed !important;
      width: 100%;
      pointer-events: none;
  }

  .fusion-header-wrapper *{
      pointer-events: none;
  }

  .fusion-flyout-menu-icons *,
  .fusion-header-wrapper .fusion-row .fusion-header-has-flyout-menu-content *{
      pointer-events: all;
  }

  .fusion-top-header .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header {
    background-color: transparent !important;
  }
  .fusion-is-sticky .fusion-header{
    border-bottom: 1px solid var(--header_bg_color) !important;
  }
  .fusion-flyout-menu-active .fusion-header{
    background-color: transparent !important;
    transition: none !important;
    border-bottom: none !important;
  }

  .fusion-header-has-flyout-menu .fusion-header-v6-content {
    /* padding: 1.5em 0em; */
  }

  .has-sidebar .fusion-header-wrapper:not(.fusion-is-sticky) > div:not(.fusion-flyout-active) .fusion-flyout-menu-toggle .fusion-toggle-icon-line{
    background-color: var(--awb-color4);
  }
  .has-sidebar .fusion-header-wrapper:not(.fusion-is-sticky) > div:not(.fusion-flyout-active) .fusion-flyout-menu-toggle:hover .fusion-toggle-icon-line{
    background-color: var(--flyout_menu_icon_hover_color);
  }

  .fusion-header{
    pointer-events: none;
  }
  .fusion-header .fusion-flyout-search *,
  .fusion-header .fusion-main-menu *,
  .fusion-header .fusion-header-has-flyout-menu-content *{
    pointer-events: auto;
  }

  .fusion-header a:visited {
      color: var(--nav_typography-color);
  }
  .fusion-header a:hover,
  .fusion-header a:hover:visited,
  .fusion-header-has-flyout-menu.fusion-flyout-active .fusion-flyout-menu-icons .fusion-icon:hover:before
   {
      color: var(--flyout_menu_icon_hover_color);
  }
  .fusion-header a:hover .fusion-toggle-icon-line{
      background-color: var(--flyout_menu_icon_hover_color) !important;
  }

  .fusion-main-menu>ul>li:hover>a {
    color: var(--awb-color1) !important;
  }


  .fusion-header-has-flyout-menu:not(.fusion-flyout-active) a,
  .fusion-header-has-flyout-menu:not(.fusion-flyout-active) a:before {
      color: var(--primary_color) !important;
  }
  .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-toggle-icon-line{
      background-color: var(--primary_color) !important;
  }
  .fusion-header-has-flyout-menu:not(.fusion-flyout-active) a:hover,
  .fusion-header-has-flyout-menu:not(.fusion-flyout-active) a:hover:before{
      color: var(--flyout_menu_icon_hover_color) !important;
  }


  .fusion-main-menu .menu-item .menu-text::before{
      content: "[";
      font-size: 1.2em;
      color: transparent;

      position: absolute;
      line-height: 0;
      margin-top: 0.40em;
      margin-left: -0.6em;

      white-space: nowrap;

      transition: color 0.2s linear;
  }
  .fusion-main-menu .menu-item .menu-text::after{
      content: "]";
      font-size: 1.2em;
      color: transparent;
      
      position: absolute;
      line-height: 0;

      margin-top: 0.40em;
      margin-left: 0.25em;

      white-space: nowrap;

      transition: color 0.2s linear;
  }
  .fusion-main-menu .menu-item:hover .menu-text::before,
  .fusion-main-menu .current-menu-item:not(.has-background) .menu-text::before{
      color: var(--nav_typography-color) !important;
  }
  .fusion-main-menu .menu-item:hover .menu-text::after,
  .fusion-main-menu .current-menu-item:not(.has-background) .menu-text::after{
      color: var(--nav_typography-color) !important;
  }

  .fusion-header-has-flyout-menu .fusion-flyout-menu>ul.fusion-menu>li {
    padding: 0.5em !important;
  }

  /* MENU ICONS */
  .fusion-icon-only-link .menu-text{
    display: none;
  }
  .fusion-icon-only-link .fusion-megamenu-icon{
    margin: 0;
    padding: 0.5em;
  }
  .fusion-icon-only-link .fusion-megamenu-icon i{
    font-size: var(--nav_typography-font-size);
  }

  /* FADED BG */
    .fusion-is-sticky .fusion-header{
      border-bottom: none !important;
    }
    /*
    .sticky .fusion-header-wrapper {
      background: linear-gradient(
        to bottom,
        var(--header_sticky_bg_color) 0%,
        transparent 100%
      ) !important;
      background-color: transparent !important;
    }
    */
  
  /* BLACK LOGO */
    .fusion-logo-link{
      transition: filter 0.4s linear;
    }
    .fusion-flyout-menu-active .fusion-logo-link{
      filter: brightness(0);
    }

  @media only screen and (max-width: 1024px){
    .has-sidebar .fusion-header-wrapper:not(.fusion-is-sticky) > div:not(.fusion-flyout-active) .fusion-flyout-menu-toggle .fusion-toggle-icon-line{
        background-color: var(--awb-color2);
    }
    .fusion-flyout-search-toggle,
    .fusion-flyout-cart-wrapper{
        display: none !important;  
    }
  }
  @media only screen and (max-width: 640px){
    .fusion-main-menu .menu-item{
      font-size: 3vw;
    }
  }


/* POSTS SLIDER */

  .bg-slider-image {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  #bg-slider-container {
    width: 100%;
    height: 100vh;
  }

  #sliders-container{
    pointer-events: none;
  }

/* POST ICONS */

  .post_icon{
    margin-right: 1em;
  }
  
  .post_icon svg{
    width: auto;
    height: 2em;
    display: block;
  }

  .post_icon svg path{
    fill: var(--awb-color1);
  }

  .post_icon:hover svg path{
    fill: var(--awb-color4);
  }

/* TESTIMONIALS */

  .fusion-testimonials .testimonial-pagination a{
    border-color: var(--awb-color8);
  }

  .fusion-testimonials .testimonial-pagination a.activeSlide, .fusion-testimonials .testimonial-pagination a:hover {
    background-color: var(--awb-color8);
  }

/* DARK MESH */

    .dark-mesh::before{
        content: "";
        position: absolute;
        background-image: url(../img/patterns/dark-mesh.png);
        background-repeat: repeat;
        background-attachment: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;    

        opacity: 0.5;

        overflow: hidden;
    }
    #bg-slider-container.dark-mesh::before{
        opacity: 0.33;
        z-index: 3;
    }


/* MUSIC PLAYER */

  body #players .iron-audioplayer {
      position: fixed !important;
      bottom: 1em;
      top: auto;
  }
  body .srp_miniplayer_metas {
      color: var(--awb-color1);
  }
  body .iron-audioplayer a,
  body .sonaar_album a{
      color: var(--awb-color2);
  }
  body .sonaar_album .album_alt{
      color: var(--awb-color1);
  }


/* MODAL */

  .modal-open {
    /* overflow: auto !important; */
    display: contents;
  }
  .modal{
    overflow-y: auto !important;
  }
  .modal.white-text .modal-content,
  .modal.white-text .modal-title{
    color: #fff;
  }
  .modal-dialog::-webkit-scrollbar {
    width: 2px;
  }
  .modal-dialog::-webkit-scrollbar-thumb {
    background-color: var(--awb-color3);
    border-radius: 8px;
  }

/* LIGHTBOX */
  
  .ilightbox-loader,
  .ilightbox-toolbar{
    display: none !important;
  }

  .ilightbox-holder.metro-white{
      /* background: transparent !important; */
  }

  .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-title {
      color: var(--awb-color8) !important;
      position: fixed;
      bottom: 0;
      left: 0;
  }
  
  .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-title{
      padding-right: 1em !important;
      border-top-right-radius: 1em !important;
      font-size: 0.66em !important;
      padding: 0.5em !important;

      background: white;
  }

  /*
  .ilightbox-holder .ilightbox-container .ilightbox-social{
      width: 1em !important;
  }
  */
  .ilightbox-holder.metro-white .ilightbox-container .ilightbox-social{
      background: none !important;
  }
  .ilightbox-holder .ilightbox-container .ilightbox-social ul {
    height: auto !important;
    background: white;
    padding-right: 0.25em !important;
    padding-bottom: 0.25em;
    padding-top: 0.25em;
  }

  .ilightbox-toolbar,
  .ilightbox-holder .ilightbox-container .ilightbox-social ul{
    border-radius: 0.25em !important;
    overflow: hidden;
  }

  .ilightbox-button.ilightbox-next-button, .ilightbox-button.ilightbox-prev-button{
      background-color: transparent !important;
  }

  .ilightbox-overlay {
      background: var(--awb-color6) !important;
  }

  .ilightbox-thumbnails .ilightbox-thumbnails-grid {
      width: 100% !important;
      height: auto !important;
  }

  /* PDF LIGHTBOX FIXES */

    .ilightbox-holder .ilightbox-container .ilightbox-social{
      display: none !important;
    }

  /* ARITCLES LIGHTBOX FIXES */

    .light-box-articles .ilightbox-thumbnails-grid{
        width: 100% !important;        
    }
    .ilightbox-holder{
        top: 5vw !important;
        z-index: 9999999 !important;
    }
    .ilightbox-holder[style*="opacity: 0"]{
        z-index: 300 !important;
    }
    .ilightbox-holder div.ilightbox-container {
        height: calc(100vh - 10vw - 50px) !important;
    }
    .ilightbox-holder iframe {
        pointer-events: all !important;
        overflow: scroll !important;
    }

    .fusion-image-carousel-fixed.articles .awb-swiper .fusion-image-wrapper {
        height: 13vw !important;
        width: 20vw !important;
        max-height: 50em;
        max-width: 50em;
    }
    .fusion-image-carousel-fixed.articles .awb-swiper .fusion-image-wrapper img {
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
    }


    /*
    .light-box-articles .ilightbox-holder {
      overflow-y: auto !important;
    }
    .light-box-articles .ilightbox-holder{
        left: 0 !important;
        
        
        height: 100vh !important;
        width: calc( 100vw - 14em ) !important;
        background: transparent !important;
        box-shadow: none !important;

        margin-left: 3em !important;
        margin-right: 3em !important;

        aspect-ratio: 1;

        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        flex-direction: column; 
    }

    .light-box-articles .ilightbox-container{
        padding: 0em !important;
        width: auto !important;
        display: flex !important;
    }

    .light-box-articles .ilightbox-holder:not([style*=translate]){
        top: 0 !important;
    }

    .light-box-articles .ilightbox-holder[style*=translate] .ilightbox-title{
        display: none !important;
    }

    .light-box-articles .ilightbox-holder div.ilightbox-container {
        height: 100% !important;
        overflow-y: auto;
    }

    .light-box-articles .ilightbox-holder img.ilightbox-image {
      width: 100vw !important;
      height: auto !important;
      margin: auto !important;
      box-shadow: 0 0 45px rgba(0, 0, 0, .2);

      pointer-events: none;
    }
    */

    /*
    .light-box-articles .ilightbox-holder img.ilightbox-image {
        width: auto !important;
        height: 100% !important;
        margin: auto !important;
        box-shadow: 0 0 45px rgba(0, 0, 0, .2);
    }
    */

    :root {
      --ribbon-width: 0.4;
    }


/* POSTS */

  .fusion-meta-info, 
  .single-navigation{
    border-color: #000 !important;
  }

  html #comment-textarea textarea{
    background-color: var(--awb-color7) !important;
    color: var(--awb-color1) !important;
  }
  html #comment-textarea textarea::placeholder{
    color: var(--awb-color1) !important;
  }

  html .comment-form .form-submit{
    text-align: center !important;
  }

  .wp-singular.post-template-default.single-post #content{
    padding: 8em 4em;
  }

  .wp-singular:not(.home) #main{
    padding-top: 10em !important;
    min-height: 100vh;
  }

  /* ERROR PAGE */

    .error404 #content {
      margin: 5em 0 !important;
      padding: 5em;
      display: flex;
      float: none !important;
      justify-content: center;
      align-items: center;
    }
    .error404 .fusion-title h2,
    .error404 .fusion-error-page-404{
      width: 100% !important;
      text-align: center !important;
    }
    .error404 .fusion-error-page-useful-links,
    .error404 .fusion-error-page-search{
      display: none;
    }

