/*------------------------------------*\
  #Root
\*------------------------------------*/

:root{
  --Primary-color:  /* Primary color */;
  --Secondary-color:  /* Secondary color */;
  
  --Tertiary-color:  /* Extra color */;
  --Accent-color:  /* Extra colors */;

  --Button-color:  /* Button colors */;
  --Button-hover-color: /* Button hover colors */;
  
  /* Neutral Colors */
  --White-color: #fff;
  --Black-color: #333;

  --Danger-color: #cf4646;
  --Danger-hover-color: #cc3c3c;
}

/*------------------------------------*\
  #BASE
\*------------------------------------*/

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/

/*------------------------------------*\
  #COMPONENTS
\*------------------------------------*/

/*------------------------------------*\
  #LAYOUTS
\*------------------------------------*/

/*------------------------------------*\
  #ADMIN PAGES
\*------------------------------------*/

/*------------------------------------*\
 #CHECKOUT STEPS
\*------------------------------------*/

/*------------------------------------*\
 #MY ACCOUNT PAGES
\*------------------------------------*/

/*------------------------------------*\
    #TOPIC PAGES
\*------------------------------------*/

/*------------------------------------*\
    #FIXES
\*------------------------------------*/
@media screen and (max-width: 767px) {
    .navbar-item img {
      max-height: 2.71429em;
    }
    .is-header-logo {
        height: 2.2rem;
    }
}