/* MAIN */

  .home_title h1:before{
    content: "«";
    font-size: 1.1em;
  }
  .home_title h1:after{
    content: "»";
    font-size: 1.2em;
  }
  .project_title h1:before{
    content: "«";
    font-size: 1.1em;
  }
  .project_title h1:after{
    content: "»";
    font-size: 1.2em;
  }

  .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;
  }

  .fusion-post-content p, .post-content p{
    margin-bottom: 1em !important;
  }
  .single-navigation{
      border: 1px solid transparent !important;
      border-radius: 2em;
      padding-left: 1em;
      padding-right: 1em;
      background-color: var(--awb-color6);
      color: #fff;
  }
  .single-navigation a,
  .single-navigation a:before,
  .single-navigation a:after{
      color: var(--awb-color4) !important;
  }
  @media only screen and (max-width: 640px){
    .fusion-title h1{
      font-size: 8vw !important;
    }
  }

/* BUTTONS */
    .fusion-button.bigicon i{
      font-size: 2em;
      min-width: 1em;
    }
    .fusion-button.column{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
    }
    .fusion-button.column .button-icon-left{
      margin-right: 0;
      margin-bottom: 0.33em;
    }
    @media only screen and (max-width: 640px){
      
    }

/* POSTS GRID */

    .flexslider .slides img{
      filter: saturate(0);

      transition: all 0.2s;
    }
    .flexslider .slides a:hover img{
      filter: saturate(1);
    }

/* SPECIAL */

  .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;
  }

/* SIDE BAR */

  #sidebar_content{
    display: none !important;
  }

  #sidebar{
    margin-top: -14em;
    padding: 2em !important;
    padding-top: 14em !important;
    border-bottom-left-radius: 0.5em !important;
    border-bottom-right-radius: 0.5em !important;
    border-top: 0;
    background-blend-mode: darken !important;
    background-size: cover !important;

    
    position: relative;
    z-index: 3;

    /* FIX SAFARI RENDERING BUG */
      display: table;
      border: none !important;
  }
  #sidebar a,
  #sidebar .wp-block-heading{
    color: var(--awb-color4);
  }
  #sidebar .wp-block-latest-posts li{
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-color: transparent !important;
  }
  #sidebar .wp-block-latest-posts li:hover{
      border-color: var(--awb-color4) !important;
  }
  #sidebar .widget-title{
      margin-top: 0px;
  }
  #sidebar .widget{
      margin-bottom: 0px;
  }
  .home #sidebar{
      background-image: url(../img/florida_bw.jpg);
      background-position: left center;
      background-size: 100vw;
  }
  @media only screen and (max-width: 1024px){
    #sidebar{
      padding-top: 2em !important;
      margin: 0 !important;
      border-top-left-radius: 0.5em !important;
      border-top-right-radius: 0.5em !important;
    }
    .home #sidebar{
      background-size: 320% 320% !important;
    }
  }


/* SIDEBAR AUTHOR */

  .sidebar .widget{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  #sidebar .author{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #sidebar .author .author_portrait{
    /*
    margin-left: -2em !important;
    max-width: calc(100% + 4em) !important;
    width: calc(100% + 4em) !important;
    background-color: var(--awb-color4);
    */
    border-radius: 200% !important;
    width: 100%;
    height: auto;
    /* border: 2px dashed var(--awb-color4) !important; */
    overflow: hidden;
    display: inline-block;
    position: relative;
  }
  #sidebar .author .portrait_animation{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 200% !important;
    border: 2px dashed var(--awb-color4) !important;
    pointer-events: none;
    animation-direction: reverse;
    animation: spin 10s linear infinite;
  }
  #sidebar .author .portrait_backround{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-image: url(../img/portrait_bgA.png);
    background-size: contain;
    pointer-events: none;
  }
  #sidebar .author .portrait_overlay{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: var(--awb-color2);
    mix-blend-mode: darken;
    transition: opacity 0.2s linear;
  }
  #sidebar .author .author_portrait img{
    height: auto;
    width: 100%;
    max-width: 100% !important;
  }

  #sidebar .author .portrait_animation{ opacity: 0; transition: opacity 3s linear; }
  .loaded #sidebar .author .portrait_animation{ opacity: 1; }
  #sidebar .author .author_portrait img{ opacity: 0; transition: opacity 1s linear; }
  .loaded #sidebar .author .author_portrait img{ opacity: 1; }

  #sidebar .author .author_portrait:hover .portrait_overlay{
    opacity: 0;
  }
  #sidebar .author *{
    color: var(--awb-color4);
  }
  #sidebar .author .author_name{
    margin: 0.5em;
  }
  #sidebar .author .author_name:before{
    content: "-";
  }
  #sidebar .author .author_name:after{
    content: "-";
  }
  .author .author_buttons{
    display: flex;
    justify-content: center;

    border: 2px dotted var(--awb-color4);
    border-radius: 0.5em;
    border-right: none;
    border-left: 0;
  }
  .author .author_button{
    display: flex !important;
    padding: 0.5em;
  }
  .author .author_button:hover .author_icon{
    color: var(--awb-color1) !important;
  }
  .author .author_icon{
    font-size: 1.5em;
    margin: 0;
  }

  @media only screen and (max-width: 1024px){
    #sidebar{
      margin: 0 !important;
      margin-top: 1em !important;
    }
    .home #sidebar{
      background-size: 300vw;
      margin-top: 1em !important;
    }
    #sidebar .author .author_portrait{
      width: 50%;
    }
  }

/* MENU */

  .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;
  }
  .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;
  }

  .menu-item a:visited {
      color: var(--nav_typography-color) !important;
  }
  .menu-item a:visited:hover {
      color: var(--menu_hover_first_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);
  }

  /* COMIC BACKGROUNDS */

    .fusion-header-has-flyout-menu .menu-item.has-background a{
      border-bottom-right-radius: 5em;
      border-top-left-radius: 5em;
      padding: 0.5em;
      width: 66%;
      overflow: hidden;
      position: relative;
      display: flex !important;
      flex-direction: row;
      margin: auto;
      align-items: stretch;
      justify-content: space-between;
    }

    .fusion-main-menu .menu-item.has-background .menu-text::before{
      margin-left: 0.0em;
    }
    .fusion-main-menu .menu-item.has-background .menu-text::after{

    }

    .fusion-header-has-flyout-menu .menu-item.has-background .menu-bg{
      background-position: top;
    }

    .fusion-header-has-flyout-menu .menu-item.has-background .menu-bg{
      background-repeat: no-repeat;
      background-size: cover;
      
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;

      transition: all 1s linear;
    }
    .fusion-header-has-flyout-menu.fusion-flyout-active .menu-item.has-background .menu-bg{
      background-position: center;
    }
    .fusion-header-has-flyout-menu .menu-item.has-background a {
        border: 2px groove var(--awb-color8);
        border-right: 0;
        border-left: 0;
    }
    .fusion-header-has-flyout-menu .menu-item.has-background a span{
      font-size: clamp(0.5em, 5vw, 1em);
      position: relative;
      white-space: nowrap;
      z-index: 1;
      transition: all 0.2s linear;

      /* border: 2px solid transparent; */
    }
    .fusion-header-has-flyout-menu .background-hover .menu-item.has-background a {
      border-color: transparent !important;
    }
    .fusion-header-has-flyout-menu :not(.background-hover) .menu-item.has-background a span{
      background-color: #0000007d;
      border-radius: 5em;
      padding: 0em 1em;
      color: var(--awb-color4);

      text-shadow: none;
    }
    .fusion-header-has-flyout-menu .background-hover .menu-item.has-background a span{
      background-color: transparent;
    }

    .fusion-header-has-flyout-menu .background-hover .menu-item.has-background .menu-text{
      color: var(--awb-color1) !important;
      text-shadow: 0 0 10px #000000;
    }

    .fusion-header-has-flyout-menu .background-hover .menu-bg{
      opacity: 0;
    }
    .fusion-header-has-flyout-menu .background-hover .menu-item.has-background a{
      background-color: #0000005d;
      /* background-color: transparent; */
    }

    .fusion-main-menu .menu-item.has-background .menu-text::before{
      left: 0;
      text-shadow: none;
    }
    .fusion-main-menu .menu-item.has-background .menu-text::after{
      right: 0;
      text-shadow: none;
    }

    .fusion-header-has-flyout-menu :not(.background-hover) .menu-item.has-background:hover .menu-text::before,
    .fusion-header-has-flyout-menu :not(.background-hover) .menu-item.has-background:hover .menu-text::after{
        
    }
    .fusion-header-has-flyout-menu .background-hover .menu-item.has-background:hover .menu-text::before,
    .fusion-header-has-flyout-menu .background-hover .menu-item.has-background:hover .menu-text::after{
        color: var(--awb-color1) !important;
    }
    .fusion-header-has-flyout-menu .fusion-flyout-menu-backgrounds .fusion-flyout-menu-item-bg::before{  
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: url(../img/patterns/dark-mesh.png);
        opacity: 0;
        z-index: 3;
        transition: opacity 0.5s linear;
    }
    .fusion-header-has-flyout-menu .background-hover .fusion-flyout-menu-backgrounds .fusion-flyout-menu-item-bg::before{
        opacity: 0.5;
    }
    .fusion-header-has-flyout-menu .menu-item.has-background.current-menu-item a span{
        /* border-color: var(--awb-color1) !important; */
    }

  /* FADED BG */
    .fusion-is-sticky .fusion-header{
      border-bottom: none !important;
    }
    /*
    .fusion-header-has-flyout-menu .fusion-flyout-menu-bg {
      background: linear-gradient(
        to bottom,
        var(--flyout_menu_background_color) 0%,
        transparent 100%
      ) !important;
      background-color: transparent !important;
    }
    */
    .fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-header, .fusion-body .fusion-is-sticky.fusion-header-wrapper .fusion-secondary-main-menu {
      background: linear-gradient(
        to bottom,
        var(--header_sticky_bg_color) 0%,
        transparent 100%
      ) !important;
      background-color: transparent !important;
    }


  @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);
    }
  }
  @media only screen and (max-width: 640px){
    .fusion-main-menu .menu-item{
      font-size: 3vw;
    }
  }

/* FOOTER */

  .fusion-footer .wp-calendar-table caption{
      margin-bottom: 0.5em;
  }
  .fusion-footer input[type="search"]{
    background: transparent !important;
    border-color: var(--awb-color1) !important;
    color: var(--awb-color1) !important;
  }
  .fusion-footer input[type="search"]::placeholder{
    color: var(--awb-color1) !important;
    opacity: 0.5;
  }
  .searchsubmit{
    color: var(--awb-color1) !important;
  }

/* LIGHTBOX */
  .ilightbox-overlay.metro-white{
    background-color: var(--awb-color5) !important;

  }
  .ilightbox-holder.metro-white{
    background: transparent !important;
    box-shadow: none !important;
  }
  .ilightbox-button{
    background-color: var(--awb-color5) !important;
    border: 1px solid var(--awb-color8) !important;
  }
  .ilightbox-prev-button{
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
  }
  .ilightbox-next-button{
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
  }
  .ilightbox-button.ilightbox-prev-button.metro-white{
    height: 40px !important;
    background: none !important;
    background-color: var(--awb-color5) !important;
  }
  .ilightbox-button.ilightbox-next-button.metro-white{
    height: 40px !important;
    background: none !important;
    background-color: var(--awb-color5) !important;
  }
  .ilightbox-button.ilightbox-prev-button span:before{
    content: "˄";
    width: 100%;
    font-size: 2em;
    font-weight: 100;
    line-height: 1.33em;
    position: absolute;
    text-align:center;
    font-family: auto;

    margin-top: -0.1em;
  }
  .ilightbox-button.ilightbox-next-button span:before{
    content: "˅";
    width: 100%;
    font-size: 2em;
    font-weight: 100;
    line-height: 1.33em;
    position: absolute;
    text-align:center;
    font-family: auto;
  }
  .ilightbox-toolbar.metro-white{
    background-color: transparent !important;
    box-shadow: none !important;
  }
  .ilightbox-toolbar.metro-white a {
    width: 27px;
    height: 25px;
    background-color: transparent !important;
    background-image: url(http://localhost/wp-content/plugins/fusion-builder/assets/images/iLightbox/metro-white-skin/buttons.png) no-repeat 7px 6px;
  }
  .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail img {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .ilightbox-thumbnail{
    opacity: 1 !important;
    overflow: hidden;
    border: 1px solid var(--awb-color8) !important;
  }
  .ilightbox-active{
    /* background: var(--awb-color2)*/
    transform: scale(1.05);
  }
  .ilightbox-holder.metro-white .ilightbox-container .ilightbox-social{
    background: none !important;
  }
  .ilightbox-holder .ilightbox-container .ilightbox-social{
    top: 0;
  }
  .ilightbox-inner-toolbar{
    top: 2em;
  }
  .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title{
    color: var(--awb-color8) !important;
  }
  .ilightbox-thumbnails{
    /*
    mix-blend-mode: multiply;
    filter: saturate(0) contrast(1.25);
    */
  }
  .ilightbox-container{
    border-radius: 1em !important;
    overflow: hidden;
    /* border: 2px solid var(--awb-color2) !important; */
  }
  .ilightbox-noscroll{
    /* overflow: unset !important; */
  }

/* CALENDAR */

  .wp-calendar-table th,
  .wp-calendar-table td{
    text-align: center !important;
  }

/* CAROUSEL */

  .fusion-carousel-nav .fusion-nav-prev{
    background: var(--awb-color5) !important;
    border: 1px solid var(--awb-color8) !important;
    /* border-left: none !important; */
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
  }
  .fusion-carousel-nav .fusion-nav-next{
    background: var(--awb-color5) !important;
    border: 1px solid var(--awb-color8) !important;
    /* border-right: none !important; */
    border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    margin-left: -2px !important;
  }
  .fusion-body .awb-carousel .fusion-carousel-nav .fusion-nav-next:before, .fusion-body ..awb-carousel .fusion-carousel-nav .fusion-nav-prev:before{
    color: var(--awb-color8);
  }
  .post .awb-carousel .fusion-carousel-item img {
    /* height: 264px;*/
    height: auto !important;
  }
  .fusion-carousel-border .fusion-image-wrapper{
      border: 1px solid var(--awb-color8) !important;
  }
  .fusion-carousel-border .fusion-image-wrapper.hover-type-zoomin img {
    transition-duration: 0.25s;
  }
  .fusion-carousel-border .fusion-image-wrapper.hover-type-liftup{
    border-color: transparent;
  }
  .fusion-carousel-border .fusion-image-wrapper.hover-type-liftup:before{
    box-shadow: none !important;
  }
  .fusion-carousel-border .fusion-image-wrapper.hover-type-liftup img{
    border: 1px solid var(--awb-color8);
  }
  .related-posts .awb-carousel .swiper-slide{
    max-height: 264px !important;
    max-width: 264px !important;
    aspect-ratio: 1;
  }
  .related-posts .awb-carousel .swiper-slide{
    border: 1px solid var(--awb-color2);
    border-radius: 100%;
    overflow: hidden;
  }

  .related-posts .awb-carousel .fusion-carousel-item-wrapper .fusion-image-wrapper{
    display: table;
  }
  .related-posts .awb-carousel .fusion-carousel-item-wrapper .fusion-rollover-title{
    font-size: calc(75%);
  }

  .awb-carousel{
    opacity: 0;
    transition: opacity 0.2s linear;
  }
  .loaded .awb-carousel{
    opacity: 1;
  }

  @media only screen and (max-width: 640px){
    .related-posts .awb-carousel .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery,
    .related-posts .awb-carousel .fusion-image-wrapper .fusion-rollover .fusion-rollover-link{
      width: 2em !important;
      height: 2em !important;
    }
  }
  @media only screen and (max-width: 320px){
    .related-posts .awb-carousel .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery,
    .related-posts .awb-carousel .fusion-image-wrapper .fusion-rollover .fusion-rollover-link{
      width: 1.5em !important;
      height: 1.5em !important;
    }
  }

/* GALLERY */

  .home .fusion-gallery .fusion-gallery-column{
    /* transition: none !important; */
  }

  .home_gallery .fusion-gallery-image img{
    filter: saturate(0);
    transition: filter 0.2s;
  }
  .home_gallery .fusion-gallery-image:hover img{
    filter: saturate(1);
  }
  @media only screen and (max-width: 710px){
    .home_gallery .fusion-gallery-column{
      margin-bottom: 10vw;
    }

    .home .fusion-gallery .fusion-gallery-column{
      transition: none !important;
      position: relative !important;
      transform: none !important;     
      top: 0px !important;
      left: 0px !important;
    }

    .home .fusion-gallery{
      display: flex !important;
      flex-direction: column;
      height: auto !important;
    }

  }

/* BGSLIDERS */
  #bg-slider-container {
      z-index: 1;
  }

/* BLOG */
  .post.fusion-column{
      display: flex;
      flex-direction: row;
  }
  .fusion-posts-container .wp-post-image,
  .fusion-recent-posts .fusion-carousel-item,
  .fusion-recent-posts .attachment-recent-posts,
  .fusion-recent-posts .attachment-portfolio-five{
      line-height: 0;
      overflow: hidden;
      border-radius: 100% !important;
      border-width: 2px !important;
      border: solid;
      border-color: var(--awb-color2);
  }
  .post .fusion-flexslider{
      width: 33% !important;
      max-width: 10em;
  }
  .post .recent-posts-content{
      width: 66% !important;
  }
  .post .entry-title,
  .post .meta,
  .post-content p{
      line-height: 1.2em !important;
  }
  .post .entry-title a{
      color: #000;
  }
  .post .entry-title a:hover{
      color: var(--link_color);
  }
  .post .meta{
      margin-bottom: 0.5em !important;
  }

  .fusion-recent-posts .meta .fusion-inline-sep {
      padding: 0 5px;
      display: block;
      height: 0.25em;
      width: 0;
      visibility: hidden;
  }
  .fusion-recent-posts .post .meta a[rel="category tag"],
  .fusion-recent-posts .meta-tags a{
      /* pointer-events: none; */
  }

  /* Active Post Images */
    .fusion-recent-posts .post .flexslider .slides img{
        border-color: var(--awb-color8);
    }
    #projects .project.active,
    .fusion-recent-posts .post.active .flexslider .slides img{
        filter: none;
    }
    .fusion-recent-posts .post .flexslider .slides img:hover{
        border-color: var(--awb-color2);
    }

  .single .fusion-flexslider{
      max-width: 100% !important;
      width: 100% !important;
      max-height: 20em;
      overflow: hidden;
      border-radius: 1em;
  }
  .single .fusion-flexslider .slides{
      transform: translate(0px, -50%);
  }
  .single .fusion-meta-info{
      border: none;
  }
  .post .fusion-carousel .fusion-carousel-item img{
      height: 264px;
  }
  .fusion-sharing-box{
      background: transparent !important;
      border: solid 1px var(--awb-color6);
      padding: 0 !important;
  }
  .wp-block-heading{
      font-size: 1.6em !important;
  }
  /*
  @media only screen and (min-width: 800px){
      .post .floated-slideshow{
          margin-right: 1vw !important;
      }
      .post .entry-title{
          font-size: 2vw !important;
      }
      .post .meta{
          font-size: 1.2vw !important;
      }
      .post-content p{
          font-size: 1.5vw !important;
      }
  }
  */

  .fusion-blog-layout-large article{
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
  }
  .fusion-blog-layout-large article .fusion-post-content{
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 2em;

      width: calc(100% - 2em - 160px);
      
  }
  .fusion-blog-layout-large article .fusion-post-content .fusion-post-title{
      font-size: x-large !important;
  }
  .fusion-blog-layout-large article .fusion-meta-info{
      width: 100%;
      border-color: var(--awb-color3);
      display: flex;
      align-items: center;
      justify-content: space-around;
      text-align: left;
  }

  .fusion-recent-posts .post .meta .updated + span{
      font-weight: bold;
      margin-bottom: 0.25em;
      position: relative;
      display: inline-block;
  }
  .fusion-recent-posts .post .meta .updated + span::before{
      content: "[ ";
  }
  .fusion-recent-posts .post .meta .updated + span::after{
      content: " ]";
  }

  .fusion-recent-posts .post .meta .cats-label,
  .fusion-recent-posts .post .meta .tags-label{
      /* text-transform: uppercase; */
  }

  .fusion-posts-container .fusion-meta-info a[rel="category tag"],
  .fusion-recent-posts .post .meta a[rel="category tag"] {
      color: var(--awb-color1);
      background-color: var(--awb-color8);
      border: 1px solid var(--awb-color8);
      border-radius: 1em;
  }
  .fusion-posts-container .fusion-meta-info a[rel="tag"],
  .fusion-recent-posts .post .meta a[rel="tag"] {
      color: var(--awb-color8);
      background-color: var(--awb-color4);
      border: 1px solid var(--awb-color8);
      border-radius: 1em;
  }    

  .fusion-posts-container .fusion-meta-info a[rel="category tag"]:hover,
  .fusion-recent-posts .post .meta a[rel="category tag"]:hover,
  .fusion-posts-container .fusion-meta-info a[rel="tag"]:hover,
  .fusion-recent-posts .post .meta a[rel="tag"]:hover {
      color: var(--awb-color1);
      background-color: var(--awb-color2);
      border: 1px solid var(--awb-color2);
  }

  .fusion-posts-container .fusion-meta-info a[rel="tag"],
  .fusion-recent-posts .post .meta a[rel="tag"],
  .fusion-posts-container .fusion-meta-info a[rel="category tag"],
  .fusion-recent-posts .post .meta a[rel="category tag"] {
      white-space: nowrap;
      padding: 0em 0.25em;
      line-height: 1.5em !important;
  }

  .fusion-blog-layout-large article .fusion-rollover-content *:not(.fusion-link-wrapper){
      display: none;
  }
  .fusion-blog-layout-large article .fusion-rollover{
      transform: none;
      transition: none;
      background-image: none;
  }
  .fusion-blog-layout-large article .fusion-image-wrapper img{
      filter: none;
  }
  .fusion-blog-layout-large article .fusion-image-wrapper img{
      border-color: var(--awb-color8);
  }
  .fusion-blog-layout-large article .fusion-image-wrapper:hover img{
      border-color: var(--awb-color2);
  }

  @media only screen and (max-width: 1024px){

      .fusion-blog-layout-large article {
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          align-items: center;
          text-align: center;
      }
      .fusion-blog-layout-large article .fusion-post-content {
          margin-left: 0;
          width: 100%;
      }
      .fusion-blog-layout-large article .fusion-flexslider {
          width: 50% !important;
          max-width: 15em;
      }
      .fusion-posts-container .fusion-meta-info a[rel="tag"],
      .fusion-recent-posts .post .meta a[rel="tag"],
      .fusion-posts-container .fusion-meta-info a[rel="category tag"],
      .fusion-recent-posts .post .meta a[rel="category tag"] {
          padding: 0.25em 0.5em;
          line-height: 2.5em !important;
      }
      .fusion-recent-posts .post .meta .fusion-inline-sep {
          height: 0;
      }
  }
  @media only screen and (max-width: 640px){
      .fusion-blog-layout-large article .fusion-meta-info {
          display: block;
          text-align: center;
      }
      .fusion-posts-container .fusion-meta-info .fusion-read-more{
          display: none;
      }
      .fusion-posts-container .fusion-meta-info .fusion-alignright{
          display: none !important;
          width: 100%;
          margin-right: 0;
      }

  }


/* COLUMNS */
  .fusion-column-wrapper.fit{
    max-width: calc(100% - 2em);
  }
/*
.fusion-builder-column-0 > .fusion-column-wrapper{
    padding-left: 2vw;
    padding-right: 2vw;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    padding-left: 1vw;
    padding-right: 1vw;
}
*/

/* SPINNER */
  .fusion-logo-link{
    margin-left: 25px;
  }
  .fusion-logo a{
    /* display: inline !important; */
    display: flex !important;
    justify-content: center;
    flex-direction: row;
  }
  .fusion-logo-link:after {
    content: "";
    position: absolute;
    /* margin-left: -72px; */
    margin-left: 0px;
    margin-top: -8px;
    width: 78px;
    height: calc(78px / 2);
    border-top-left-radius: calc((78px / 2) + 2px);
    border-top-right-radius: calc((78px / 2) + 2px);
    border: 2px dashed var(--awb-color2);
    border-bottom: 0;
    transform-origin: calc((78px + 4px) / 2) calc((78px + 4px) / 2);
    animation-direction: reverse !important;
    animation: spin 3s ease-in-out infinite;
    opacity: 0;
    z-index: -1;
    transition: opacity 5s, border-color .25s ease-in-out;
    pointer-events: none;
  }
  .fusion-logo:before {
    content: "";
    position: absolute;
    margin-left: 1px;
    margin-top: -23px;
    width: 104px;
    height: calc((104px / 2) + 4px);
    border-top-left-radius: calc((104px / 2) + 4px);
    border-top-right-radius: calc((104px / 2) + 4px);
    border: 4px dotted var(--awb-color2);
    border-bottom: 0;
    transform-origin: calc((104px + 8px) / 2) calc((104px + 8px) / 2);
    animation-direction: normal !important;
    animation: spin 3s linear infinite;
    opacity: 0;
    transition: opacity 4s, border-color .25s ease-in-out;
    pointer-events: none;
  }
  .fusion-logo:after {
    content: "";
    position: absolute;
    margin-left: 9px;
    margin-top: -79px;
    width: 90px;
    height: calc(90px / 2);
    border-top-left-radius: calc((90px / 2) + 3px);
    border-top-right-radius: calc((90px / 2) + 3px);
    border: 3px dotted var(--awb-color8);
    border-bottom: 0;
    transform-origin: calc((90px + 6px) / 2) calc((90px + 6px) / 2);
    animation-direction: alternate !important;
    animation: spin 2s ease-in-out infinite;
    opacity: 0;
    transition: opacity 3s, border-color .25s ease-in-out;
    pointer-events: none;
  }

  .fusion-logo-link{
    position: relative;
  }

  .fusion-logo:hover .fusion-logo-link:after,
  .fusion-logo:hover:after,
  .fusion-logo:hover:before{
    animation-direction: normal !important;
  }

  .fusion-logo:hover:before{
    animation: spin 1.5s linear infinite !important;
  }
  .fusion-logo:hover .fusion-logo-link:after{
    animation: spin 1s linear infinite !important;
  }
  .fusion-logo:hover:after{
    animation: spin 0.5s linear infinite !important;
  }


  /* exclaim */
  .fusion-logo:hover .fusion-logo-link:before{
    content: "!";
    color: var(--awb-color8);
    font-weight: 600;
    position: absolute;
    right: 10%;
    top: 1em;
    line-height: 0;
    transform-origin: 0.5em center;
    animation: spring-fade 1s ease-in-out infinite;
  }
  /* sun */
  /*
  .fusion-logo:hover .fusion-logo-link:before{
    content: "☼";
    color: var(--awb-color8);
    font-weight: 600;
    position: absolute;
    right: 2.5%;
    top: 1em;
    line-height: 0;
    transform-origin: center;
    animation-direction: alternate !important;
    animation: spin 2s ease-in-out infinite;
  }
  */
  .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-logo:hover .fusion-logo-link:before{
    color: #fff;
  }

  /*
  .fusion-logo{
    opacity: 0;
    transition: opacity 3s linear;
  }
  .loaded .fusion-logo{
    opacity: 1;
  }
  */
  .fusion-logo-link img{
    opacity: 0;
    transition: opacity linear 1s, filter .25s ease-in-out;
  }
  .loaded .fusion-logo:before,
  .loaded .fusion-logo:after{
    opacity: 1;
  }
  .loaded .fusion-logo-link:after{
    opacity: 0.5;
  }
  .loaded .fusion-logo-link img{
    opacity: 1;
  }
  /*
  .loaded .fusion-logo-link img{
    transition: filter .25s ease-in-out;
  }
  */

  /* background glow */
  .fusion-logo-link img{
    filter: drop-shadow(0px 0px 24px var(--awb-color4));
  }

  /* LOGO FOR SLIDER */

    .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-logo:after,
    .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-logo:before,
    .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-logo-link:after{
      border-color: #fff;
    }
    .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-logo-link img{
      filter: invert(1) drop-shadow(0px 0px 24px #000);
    }
    .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active)  > div:not(.fusion-flyout-active) .fusion-flyout-menu-toggle .fusion-toggle-icon-line{
      background-color: #fff;
    }
    .has_slider .fusion-header-wrapper:not(.fusion-is-sticky) .fusion-header-has-flyout-menu:not(.fusion-flyout-active) .fusion-flyout-menu-icons .fusion-icon:before {
      color:  #fff;
    }


  /* SYNTAX HIGHLIGHTER */

    .fusion-syntax-highlighter-container{
      border-top-left-radius: 1em;
      border-bottom-right-radius: 1em;
      overflow: hidden;
      /* display: grid; */
    }
    .fusion-syntax-highlighter-container .CodeMirror-wrap{
      display: grid;
    }
    .CodeMirror-gutter.CodeMirror-linenumbers{
      /* border-right: 2px dotted var(--awb-color2); */
    }
    .fusion-syntax-highlighter-container .CodeMirror-gutter.CodeMirror-linenumbers{
      padding-right: 2px;
    }

    .fusion-syntax-highlighter-container:hover .CodeMirror-gutter.CodeMirror-linenumbers{
      color: var(--awb-color4);
    }
    .fusion-syntax-highlighter-container:hover > .CodeMirror .CodeMirror-gutters{
      background-color: var(--awb-color2) !important;
    }
    .fusion-syntax-highlighter-container:hover > .CodeMirror .CodeMirror-linenumber{
      color: var(--awb-color5);
    }
    .fusion-syntax-highlighter-container:hover{
      border-style: solid !important;
    }

    .fusion-syntax-highlighter-container,
    .fusion-syntax-highlighter-container .CodeMirror-gutter.CodeMirror-linenumbers,
    .fusion-syntax-highlighter-container > .CodeMirror .CodeMirror-gutters{
      transition: all 0.4s;
    }

    .fusion-syntax-highlighter-container.fusion-syntax-highlighter-theme-light .syntax-highlighter-copy-code{
      background-color: var(--awb-color2);
      color: var(--awb-color4);
      border-bottom-left-radius: 1em;
    }

    /* SCROLLING */
      .fusion-syntax-highlighter-container{
        max-height: 100vh;
        overflow-y: auto;
      }

      .fusion-syntax-highlighter-container {
          scrollbar-width: thin;
          scrollbar-color: black transparent;
      }

      .fusion-syntax-highlighter-container::-webkit-scrollbar {
          width: 6px;
          height: 6px;
      }

      .fusion-syntax-highlighter-container::-webkit-scrollbar-track {
          background: transparent;
      }

      .fusion-syntax-highlighter-container::-webkit-scrollbar-thumb {
          background-color: black;
          border-radius: 20px;
      }

      .fusion-syntax-highlighter-container::-webkit-scrollbar-thumb:hover {
          background: #555;
      }

    @media only screen and (max-width: 640px){
      .fusion-syntax-highlighter-container .CodeMirror-lines{
        /* font-size: 1.64vw; */
      }
      .fusion-syntax-highlighter-container .CodeMirror pre{
        padding-left: 1vw !important;
        padding-right: 1vw !important;
      }
      .CodeMirror-linenumber.CodeMirror-gutter-elt{
        width: 1vw !important;
      }
    }


  /* POST INFO */

    #sidebar h4{
      text-align: center;
      font-size: var(--sidew_font_size);
      margin-top: 1em !important;
      margin-bottom: 1em !important;
    }
    #sidebar h4:first-child{
      margin-top: 0em !important;
    }

    #sidebar .wp-block-heading {
      margin-top: 1em;
      font-size: 1.25em !important;
      text-align: center;
    }

    ul.category_text{
      display: flex;
      justify-content: center;
      font-size: 0.8em;
      line-height: 1em;
      color: var(--awb-color4);
    }
    ul.category_text li{

    }
    ul.category_text li:before{
      content: " | ";
      margin-left: 0.5em !important;
    }
    ul.category_text li:first-child:before{
      display: none;
    }
    ul.category_icons{
      display: flex;
      flex-direction: row;
      justify-content: center;
      flex-direction: row;
    }
    ul.category_icons li{
      font-size: 2em;
      line-height: 0em;
      overflow: hidden;
      padding: 4px !important;
     display: flex !important;
    }
    ul.category_icons li.aspect_0{  max-width: 1em; max-height: 2em;}
    ul.category_icons li.aspect_1{  max-width: 1.5em; max-height: 2em;}
    ul.category_icons li svg{
      width: 100%;
      height: auto;
    }
    ul.category_icons li svg{
      fill: #fff;
    }
    ul.category_icons li img{
      width: 100%;
      height: auto;
      filter: invert(1);
    }

    ul.category_icons li.post_icon{
      width: 2.5rem;
    }
    ul.category_icons li{
      max-width: 256px;
    }



/* SLIDER */

    .loaded #sliders-container::before{
      content: "";
      position: absolute;
      height: 100%;
      z-index: 1;
      width: 100%;
      opacity: 100%;
      /*
      mix-blend-mode: color-dodge;
      background-image: url(../img/patterns/light-mesh.png);
      */
    }

    #sliders-container{
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 0;
    }
    #sliders-container::after{
      content: "";
      position: absolute;
      background: linear-gradient(0deg, var(--awb-color4) 0%,  rgba(0,0,0,0) 100%);
      height: 50%;
      bottom: 0;
      width: 100%;
      z-index: 2;
    }

/* TESTIMONIALS */

    .fusion-testimonials blockquote{
        
    }
    .fusion-testimonials blockquote p:last-child{
        margin-bottom: 0 !important;
    }
    .fusion-testimonials.clean blockquote .awb-quote{
        font-size: inherit !important;
        border-radius: 0.5em;
    }
    .fusion-testimonials.clean .author{
        font-size: inherit !important;
    }

    .fusion-testimonials .company-name span{
        display: block;
        width: 100% !important;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .fusion-testimonials{
        display: flex;
        flex-direction: column;
        justify-content: center;

        overflow: hidden;

        height: 22em;
    } 

    /* Fix Colors */

      .fusion-testimonials.clean .company-name{
        color: var(--body_typography-color);
      }
      .fusion-testimonials .testimonial-pagination a{
          border-color: var(--body_typography-color) !important;
      }
      .fusion-testimonials .testimonial-pagination a.activeSlide,
      .fusion-testimonials .testimonial-pagination a:hover{
          background-color: var(--body_typography-color) !important;
      }

    /*
    .fusion-testimonials blockquote{
        background-color: #000 !important;
    }
    .fusion-testimonials.clean blockquote q{
        color: #fff !important;
    }
    */

    @media only screen and (max-width: 640px){
      .fusion-testimonials{
        height: 24em;
      } 
    }
    @media only screen and (max-width: 480px){
      .fusion-testimonials{
        height: 28em;
      }
    }
    /*
    .fusion-testimonials .reviews{
          height: auto !important;
      }

    .fusion-testimonials blockquote{
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: calc(2em + 5em * 1.2);
    }

    @media only screen and (max-width: 640px){
      .fusion-testimonials blockquote{
        -webkit-line-clamp: 7;
        height: calc(2em + 7em * 1.2);
      }
    }
    @media only screen and (max-width: 480px){
      .fusion-testimonials blockquote{
        -webkit-line-clamp: 11;
        height: calc(2em + 11em * 1.2);
      }
    }
    */

/* INK SPLASH */
    
    #wrapper::before{
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: url(../img/inksplashA.png);
      background-size: 100%;
      background-position: center;
      background-position: 100% -33%;
      opacity: 0.05;
      z-index: 3;

      will-change: background-image;
      image-rendering: optimizeSpeed;

      pointer-events: none;
      /* transform: translateY(-1px) scale(2); */
    }

/* INK MASK */
    .mask:not(.has-mask) .fusion-column-wrapper{
      background-color: transparent !important;
    }

/* MESH OVERLAY */

    .overlay:not(.fusion-video),
    .overlay.fusion-video .video-wrapper{
        overflow: hidden;
        position: relative;
    }
    .overlay:not(.fusion-video)::before,
    .overlay.fusion-video .video-wrapper::before{
        content: "";
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 1;
    }

    .opacity_75.overlay:not(.fusion-video)::before,
    .opacity_75.overlay.fusion-video .video-wrapper::before{
        opacity: 0.75;
    }
    .opacity_66.overlay:not(.fusion-video)::before,
    .opacity_66.overlay.fusion-video .video-wrapper::before{
        opacity: 0.66;
    }
    .opacity_50.overlay:not(.fusion-video)::before,
    .opacity_50.overlay.fusion-video .video-wrapper::before{
        opacity: 0.5;
    }
    .opacity_33.overlay:not(.fusion-video)::before,
    .opacity_33.overlay.fusion-video .video-wrapper::before{
        opacity: 0.33;
    }
    .opacity_25.overlay:not(.fusion-video)::before,
    .opacity_25.overlay.fusion-video .video-wrapper::before{
        opacity: 0.5;
    }

    body.loaded .dark_mesh.overlay:not(.fusion-video)::before,
    body.loaded .dark_mesh.overlay.fusion-video .video-wrapper::before{
        background-image: url(../img/patterns/dark-mesh.png);
    }

    @media only screen and (max-width: 640px){
        .overlay:not(.fusion-video)::before,
        .overlay.fusion-video .video-wrapper::before{
          display: none;
        }
    }

/* USER SELECT */
    
    img,
    .floated-slideshow,
    .fusion-flexslider,
    .fusion-inline-sep,
    .fusion-button{
        user-select: none;
        -webkit-user-select: none;
        text-shadow: none;
    }

    ::selection{
      background-color: var(--awb-color8); 
      color: var(--awb-color1); 
      text-shadow: none;
    }

/* SHARING BOX */

  .fusion-sharing-box{
    border: none;
  }

/* ANIMATION */

  @-moz-keyframes spin {
      100% { -moz-transform: rotate(360deg); }
  }
  @-webkit-keyframes spin {
      100% { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
      100% {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
      }
  }
  @keyframes rotate-shake {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-5deg); }
    20% { transform: rotate(5deg); }
    30% { transform: rotate(-5deg); }
    40% { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
    60% { transform: rotate(5deg); }
    70% { transform: rotate(-5deg); }
    80% { transform: rotate(5deg); }
    90% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
  }
  @keyframes spring {
    0%   { transform: translateY(0) scaleX(1) scaleY(1); }
    20%  { transform: translateY(-5px) scaleX(0.9) scaleY(1.1); } 
    40%  { transform: translateY(0) scaleX(1.1) scaleY(0.9); }     
    60%  { transform: translateY(-2.5px) scaleX(0.95) scaleY(1.025); } 
    80%  { transform: translateY(0) scaleX(1) scaleY(1); }          
    100% { transform: translateY(0) scaleX(1) scaleY(1); }
  }
  @keyframes spring-fade {
    0%   { transform: translateY(0) scaleX(1) scaleY(1); opacity: 1; }
    20%  { transform: translateY(-10px) scaleX(0.9) scaleY(1.2); opacity: 0; } 
    40%  { transform: translateY(0) scaleX(1.1) scaleY(0.9); opacity: 1; }     
    60%  { transform: translateY(-5px) scaleX(0.95) scaleY(1.05); opacity: 0.5;} 
    80%  { transform: translateY(0) scaleX(1) scaleY(1); opacity: 1; }          
    100% { transform: translateY(0) scaleX(1) scaleY(1); opacity: 1; }
  }

  .anim_button.spring:hover i{
    animation: spring 1s ease-in-out infinite;
  }