@charset "UTF-8";

/*
Theme Name:  Miksang-2021.
Theme URI: https://www.luky.com
Description:  Based on TwentyTwentyOne.
Author:  Todd Roseman
Textdomain: miksang-2021
Author URI: https://www.luky.com
Template:  twentytwentyone
Version:  1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700&display=swap');

@font-face {
  font-family: 'VanitasRegular';
  src: url('webfonts/vanitas_regular_macroman/Vanitas-Regular-webfont.eot');
  src: url('webfonts/vanitas_regular_macroman/Vanitas-Regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('webfonts/vanitas_regular_macroman/Vanitas-Regular-webfont.woff') format('woff'),
  url('webfonts/vanitas_regular_macroman/Vanitas-Regular-webfont.ttf') format('truetype'),
  url('webfonts/vanitas_regular_macroman/Vanitas-Regular-webfont.svg#VanitasRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}

:root {
  --branding--logo--max-width: 1024px;
  --branding--logo--max-height: 150px;
  --branding--logo--max-width-mobile: 1024px;
  --branding--logo--max-height-mobile: 150px;

  --global--font-primary: 'Roboto', sans-serif;
  --global--font-secondary: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;;
  --global--font-size-page-title: 3rem;

  --heading--font-weight: 100;
  --heading--font-weight-page-title: 100;
  --global-miksang-red: #8C0400;
  --entry-header--color: var(--global-miksang-red);

}

.site-header {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: calc(1 * var(--global--spacing-vertical));
  row-gap: 0.5rem;
}


.site-branding {
  margin-right: auto;
  margin-left: auto;
  margin-top: 0;
}

.site-logo {
  margin: 0;

}
.site-logo .custom-logo {
  max-width: 100%;
}



/* MENU */
button.sub-menu-toggle {
  display: none !important;
}

.primary-navigation {
  font-size: small;
  text-transform: uppercase;
  margin-right: auto;
  margin-left: auto;
}


/*@media only screen and (min-width: 482px) {*/

/*  .site-logo .custom-logo {*/
/*    max-width: var(--branding--logo--max-width);*/
/*    max-height: var(--branding--logo--max-height);*/
/*    height: auto;*/
/*    width: auto;*/
/*  }*/
/*}*/