/*
Theme Name: 	Tundra
Theme URI: 		https://www.tundrasoftware.it/
Description: 	Tema responsive :).
Version:     	2.0
Author:     	TundraSoftware💻
Author URI:   https://www.tundrasoftware.it/chi-siamo/
Site:         https://www.tundrasoftware.it
Tested up to: 8.1.23
Requires PHP: 5.6
*/

/* RESET */
body, html{box-sizing: border-box;margin: 0;padding: 0;}*,*:before,*:after{ box-sizing: border-box; }
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol, ul, li{list-style: none;}
figure img{border-radius: 10px;}
img{height: auto;}
a{text-decoration:none; color:inherit;} a:hover{color: inherit;}
@font-face { font-family: 'GTAmerica'; src: url('GTAmericaMono-Regular.woff2') format('woff2'); }
body{font-family: 'GTAmerica', sans-serif; overflow-x: hidden; color: var(--dark); background: var(--primary);}
.menu-open{overflow-y: hidden;}

/* COLORI */
:root {--primary:#fafafa; --dark: #0d0d0d; --light: #f2f2f2; --yellow:#fffacd;}
.has-primary-color { color: var(--primary) !important; }

.has-black-color { color: var(--dark) !important; }
.has-white-color { color: var(--light) !important; }

.has-primary-background-color { background-color: var(--primary) !important; }

.has-black-background-color { background-color: var(--dark) !important; }
.has-white-background-color { background-color: var(--light) !important; }


/* HEADER */
.header{background: var(--primary); width: 100%; padding: 15px 0; border-bottom: 2px solid var(--dark);}
.header__content{max-width: 1200px;width: 100%; padding: 0 20px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.header__logo{display: flex; justify-content: flex-start; align-items: center; gap: 1rem;}
.header__logo a{display: flex; justify-content: flex-start; align-items: center;}
.header__logo a img{width:auto; height: 50px;}

.header__menu{position: absolute; top:85px; left:0; width: 100%; height: 0vh; background: var(--primary); overflow: hidden;transition: all 1s ease; z-index: 9999;}
.header__menu ul{max-width: 1200px; padding: 0 10px; margin: 0 auto;}
.header__menu li a{display: block;padding: 15px 0; font-size: 2rem; font-weight: bold; border-bottom: 2px solid var(--dark);}

.menu-open .header__menu{height: 100vh;padding: 3%;}

.icon-hamburger span{height: 2px; width: 30px; background: var(--dark); display: block;transition: all 0.2s ease;}
.icon-hamburger span:nth-child(2){margin-top: 10px;}

body.menu-open{overflow: hidden;}
.menu-open .icon-hamburger span:nth-child(1){transform: rotate(45deg) translateY(9px);}
.menu-open .icon-hamburger span:nth-child(2){transform: rotate(-45deg) translateY(-9px);}

.spacer{height: 25px;}

/* MAIN */
main{max-width: 1200px;width: 100%;margin: 0 auto; padding: 0 20px;}
footer{max-width: 1200px; width: 100%; margin:25px auto; padding: 0 20px;}
.footer__down{border-top:2px solid var(--dark); padding:25px 0;}

/* HELPER */
.vertical-text { writing-mode: vertical-rl; transform: rotate(180deg); }
.w-100{width: 100%;}
.w-75{width: 75%;}
.w-50{width: 50%; margin:0 auto;}
.w-25{width: 25%;}
.h-auto{ height: auto;}
.text-center{text-align: center;}
.onsale{display: none;}
.page-numbers li{display: inline-block; padding: 5px 10px; border: 2px solid var(--dark);}

/* ! Grid System */
.grid { margin: 0 auto; padding: 0 15px; max-width: 1250px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;padding: 0 15px;}
.grid .grid [class*='col-'] {padding: 0px;}

.col-20{ width: 20%; }
.col-25, .columns-4 li{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {
  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-50 { width: 50%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-50 { width: 50%; }
  .sma-100 { width: 100%; }
}