/*
Theme Name: 1-800 Office Solutions
Theme URI:
Description: 1-800 Office Solutions
Author: Elie Vigile
Author URI: 1800copier.com
Version: 2.1
*/


/* Removes animation and prevent layout shifyt */
.no-animation,
.no-animation * {
  animation: none !important;
  transition: none !important;
}


/* This is to replace ElementsKit dropdown menu arrow (to save 500kb) */
.elementskit-submenu-indicator::before {
  content: url('/wp-content/themes/visualedge/images/down-arrow-white.svg');
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  position: relative;
  top: -5px;
}

/* Fix layout shift on top searchbar */
#topbar-search {
 height: 50px;
  min-height: 50px;
  flex-shrink: 0;
  flex-grow: 0;
  overflow: hidden;
  transition: none !important;
  transform: translateZ(0);
}
#topbar-search * {
  transform: translateZ(0);
}
#topbar-search svg{
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  flex-shrink: 0;
  flex-grow: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  transition: none !important;
  transform: translateZ(0);
}

/* Animation Class for Mobile Menu */
.animate-moveFromLeft {
  -webkit-animation: moveFromLeft .6s ease both;
  -moz-animation: moveFromLeft .6s ease both;
  animation: moveFromLeft .6s ease both;
}
.animate-fade-in {
  -webkit-animation: fade-in .8s ease both;
  -moz-animation: fade-in .8s ease both;
  animation: fade-in .8s ease both;
}
.animate-rotateUnfoldTop {
  -webkit-transform-origin: 50% 100%;
  -webkit-animation: rotateUnfoldTop .7s both ease;
  -moz-transform-origin: 50% 100%;
  -moz-animation: rotateUnfoldTop .7s both ease;
  transform-origin: 50% 100%;
  animation: rotateUnfoldTop .7s both ease;
}
@-webkit-keyframes rotateUnfoldTop {
  from { opacity: 0; -webkit-transform: translateY(-100%) rotateX(90deg); }
}
@-moz-keyframes rotateUnfoldTop {
  from { opacity: 0; -moz-transform: translateY(-100%) rotateX(90deg); }
}
@keyframes rotateUnfoldTop {
  from { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
}
@-webkit-keyframes fade-in {
  from {opacity: 0 }
  to { opacity: 1; }
}
@-moz-keyframes fade-in {
  from {opacity: 0 }
  to { opacity: 1; }
}
@keyframes fade-in {
  from {opacity: 0 }
  to { opacity: 1; }
}


/* Visualedge Fonts (Highly Optimized) All weights (200-800) */
@font-face {
  font-family: 'Oswald';
  src: url('/wp-content/themes/visualedge/fonts/oswald/oswald-variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/wp-content/themes/visualedge/fonts/opensans/opensans-variable.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}


/* Remove that weird Elementor invisible white space at the top of navbar */
.elementor-container.elementor-column-gap-default .elementor-element-6d204ce0 {
    height: 0 !important;
    background: red !important;
    display: none;
}