/*!Theme Name: kutano
Theme URI: http://underscores.me/
Author: Eric Murphy
Author URI: https://ericmurphy.xyz/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kutano
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
kutano is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.*/@font-face{font-display:swap;font-family:rubik;font-style:normal;font-weight:500;src:url(https://kutanoequipment.com/wp-content/themes/kutano/fonts/rubik-v28-latin-500.woff2)format('woff2'),url(https://kutanoequipment.com/wp-content/themes/kutano/fonts/rubik-v28-latin-500.ttf)format('truetype')}@font-face{font-display:swap;font-family:pt sans;font-style:normal;font-weight:400;src:url(https://kutanoequipment.com/wp-content/themes/kutano/fonts/pt-sans-v17-latin-regular.woff2)format('woff2'),url(https://kutanoequipment.com/wp-content/themes/kutano/fonts/pt-sans-v17-latin-regular.ttf)format('truetype')}@font-face{font-display:swap;font-family:bebas neue;font-style:normal;font-weight:400;src:url(https://kutanoequipment.com/wp-content/themes/kutano/fonts/bebas-neue-v14-latin-regular.woff2)format('woff2'),url(https://kutanoequipment.com/wp-content/themes/kutano/fonts/bebas-neue-v14-latin-regular.ttf') format('truetype')}:root{--font-body:'PT Sans', sans-serif;--font-headings:'Rubik', sans-serif;--font-alt:'Bebas Neue', sans-serif;--color-accent:#406e8e;--color-secondary:#23395b;--color-bg:#f4f4f9;--color-bg-alt:#fff;--color-grey:#bfd7ea;--color-grey-alt:#586f7c;--color-black:#161925;--color-white:#fff}*{box-sizing:border-box}body{font-family:var(--font-body);color:#444;margin:0}main{padding-top:5rem;background-color:var(--color-bg);padding-bottom:4rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:500;color:var(--color-accent);margin-top:0}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.5rem}p{font-size:1.25rem;line-height:1.675}a{color:var(--color-accent);text-decoration:none;transition:200ms color}a:hover{color:var(--color-accent-hover)}ul{padding-left:1.5rem}ul li{font-size:1.25rem;line-height:1.675}ul li::marker{color:var(--color-accent);font-size:1.5rem}img{max-width:100%;height:auto}.list-inline{list-style:none;padding:0}.list-inline li{display:inline-block;padding-right:1rem}.button{display:inline-block;border:2px solid var(--color-accent);background-color:initial;color:var(--color-accent);font-family:var(--font-headings);font-weight:700;margin-bottom:1rem;text-decoration:none;border-radius:10px;font-size:.825rem;line-height:15px;letter-spacing:.1rem;text-transform:uppercase;padding:15px 20px;transition:all .3s ease-out;position:relative}.button:hover{color:#fff;background-color:var(--color-accent);border-color:var(--color-accent)}.secondary{border:2px transparent;margin-left:-20px;line-height:20px}.secondary:hover{background-color:initial;border-color:transparent;color:var(--color-accent)}.secondary::after{content:"";display:inline-block;width:.85rem;height:1.25rem;--svg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3E%3C/svg%3E");background-color:var(--color-accent);-webkit-mask-image:var(--svg);mask-image:var(--svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;margin-left:1rem;position:absolute;transition:all .3s ease-out}.secondary:hover::after{margin-left:1.5rem;background-color:var(--color-secondary)}.button-light{display:inline-block;text-transform:uppercase;border:2px solid var(--color-accent);border-radius:5px;color:var(--color-accent);font-family:var(--font-alt);font-weight:700;font-size:.825rem;padding:.75rem 1.5rem;margin-bottom:1rem;text-decoration:none;transition:background-color 200ms,border-color 200ms,color 200ms}.button-light:hover{color:#fff;background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.center{text-align:center}.padded{padding:60px}.padded-less{padding:60px 30px 30px}.padded-top{padding:60px 0}.padded-sides{padding-left:30px;padding-right:30px}.intro-header{padding-bottom:2.5rem;margin-bottom:2.5rem;position:relative}.intro-header:before{display:block;content:"";height:2px;width:70px;background-color:var(--color-accent);position:absolute;left:0;bottom:0}.center .intro-header:before{right:0;margin:auto}.subheader{margin-top:3rem;margin-bottom:2rem}svg path{fill:var(--color-accent)}.icon{padding-right:.325rem}.flip{transform:scaleX(-1)}@media screen and (max-width:767px){p{font-size:1.125rem;line-height:1.625}h1{font-size:2.5rem}h2{font-size:2rem}.padded,.padded-less,.padded-sides{padding:20px}}#header{position:fixed;padding:25px 0;width:100%;z-index:1;transition:all 300ms ease-out}#header.scrolled{padding:0}#header .container{padding-top:0;padding-bottom:0}#header .inner{padding:15px 30px}#header .inner::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:8px;z-index:1;transition:all .3s ease-out;margin-left:6.2vw;margin-right:6.2vw}#header.scrolled .inner::after{margin-left:0;margin-right:0;border-radius:0}#header nav{margin-left:auto;z-index:2;transition:right .3s ease-out}#header a{font-family:var(--font-headings);font-size:.825rem;line-height:15px;letter-spacing:.1rem;color:var(--color-secondary);text-decoration:none;text-transform:uppercase}#header a:hover{color:var(--color-accent)}#header .menu-button a{display:inline-block;text-transform:uppercase;border:2px solid #fff;border-radius:5px; position:sticky;color:#fff;font-family:var(--font-alt);font-weight:700;text-decoration:none;transition:background-color 200ms,border-color 200ms,color 200ms;background-color:initial;font-size:.825rem;padding:.75rem 1.5rem;margin-bottom:0}#header .menu-button a:hover{background:#fff;color:#111}#header .logo{z-index:2}#header .logo img{max-width:200px;height:auto}#header ul{list-style:none;margin:0;padding:0}#header ul li{display:inline;padding:10px 15px}#header ul li:last-child{padding-right:0}#header a.logo{margin-top:5px}.logo{margin-bottom:0!important;color:var(--color-secondary)!important;font-family:var(--font-alt)!important;font-size:2rem!important;text-transform:uppercase!important}.menu-toggle{display:none;border-radius:5px;background-color:initial;float:right;height:48px;width:48px;cursor:pointer;padding:8px;border:none}.menu-toggle span{position:relative;display:block;height:4px;width:100%;margin-top:6px;margin-left:auto;background-color:var(--color-secondary);transition:all 200ms;border-radius:10px}.toggled .menu-toggle span:first-child{transform:rotate(45deg)translate(7px,7px)}.toggled .menu-toggle span:nth-child(2){width:0%;opacity:0}.toggled .menu-toggle span:last-child{transform:rotate(-45deg)translate(7px,-7px)}@media screen and (max-width:767px){#header .container{flex-direction:row}#header a.logo{z-index:10;position:relative}.menu-toggle{display:block;transform:scale(.775);z-index:10;position:relative}#header nav{position:absolute;right:20px;top:0;bottom:0}#header.scrolled nav{right:7px}#header nav .menu-main-menu-container{margin:auto;position:absolute;width:100%;top:100%;left:0;max-height:0;overflow:hidden;z-index:9;transition:max-height 300ms;position:fixed;background-color:var(--color-bg-alt);width:100vw;height:100vh;left:0;right:0;top:0;overflow:hidden}#header nav.toggled .menu-main-menu-container{max-height:100%}#header ul{padding:1rem 0 1.5rem;background-color:var(--color-bg-alt);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#header ul li{display:block;text-align:center;padding:25px 0 0}#header a{font-size:1.25rem}}.container{position:relative;height:100%;margin:0 auto;padding:50px 0;padding-left:6.2vw;padding-right:6.2vw}.inner{background-color:var(--color-bg-alt);border-radius:8px}.flex{display:flex}.flex-gap{gap:10em}.align-bottom{align-items:center}.grid{display:grid;grid-template-columns:repeat(5,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-7{grid-template-columns:repeat(7,1fr)}.column-1-2{grid-column:span 1}.column-1-3{grid-column:span 2}.column-2-3{grid-column:span 3}.column-2-5{grid-column:span 2}.column-3-5{grid-column:span 3}.column-3-7{grid-column:span 3}.column-4-7{grid-column:span 4}@media screen and (max-width:767px){.flex{flex-direction:column}.grid{display:block}.flex-gap{gap:0}.container{padding-left:4vw;padding-right:4vw}}#hero{display:flex;align-items:center;min-height:80vh;padding-bottom:1rem}#hero .hero-images{display:flex;align-items:center;margin-top:2rem;margin-bottom:4.5rem}#hero .hero-images div:nth-child(1),#hero .hero-images div:nth-child(5){flex:2.5}#hero .hero-images div:nth-child(2),#hero .hero-images div:nth-child(4){flex:2.75}#hero .hero-images div:nth-child(3){flex:3}#hero .hero-images div{mix-blend-mode:multiply}#hero .hero-inner{text-align:center}#hero p{font-size:1.5rem;max-width:76rem;margin:0 auto;margin-bottom:3rem}@media screen and (max-width:767px){#hero img{padding-top:1rem;padding-bottom:2rem;max-width:500px;width:100%;margin:0 auto;display:block}#hero .hero-images{margin:.25rem -1em 2rem}#hero .hero-images div:first-child,#hero .hero-images div:last-child{display:none}#hero .container{display:block}#hero p{font-size:1.25rem}}#about img{mix-blend-mode:multiply}@media screen and (max-width:767px){#about img{max-width:300px;margin:0 auto;display:block}}.page-title{padding-top:2rem;margin-bottom:0}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.products .product-link h2{transition:color .3s ease-out}.products .product-link:hover h2{color:var(--color-secondary)}.products .product{padding:50px 50px 25px;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between}.products .product .post-thumbnail{margin-bottom:1.5rem;text-align:center}.products h2{font-size:1.5rem;margin-bottom:1.75rem}@media screen and (max-width:1279px){.products{grid-template-columns:repeat(3,1fr)}.products .product{padding:50px 25px 25px}}@media screen and (max-width:959px){.products{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:575px){.products{grid-template-columns:1fr}}.entry-header h1{font-size:2.5rem}.entry-metadata{font-size:.85rem;color:var(--color-secondary);margin-top:-1rem;margin-bottom:1.5rem}.row{display:grid;grid-template-columns:2fr 3fr;font-size:1.125rem;padding-top:5px;padding-bottom:5px}.row:nth-child(2n){background-color:var(--color-bg)}.row>div{padding-left:10px;padding-right:10px}.product-image{padding-right:30px}.pdfs{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:3rem 0 2rem}.pdfs .button{margin-bottom:0}.product-image-mobile,.pdfs-mobile{display:none}@media screen and (max-width:767px){.entry-header h1{font-size:2rem}.product-image,.pdfs-desktop{display:none}.pdfs-mobile{display:flex}.pdfs-mobile .button{margin-bottom:0}.product-image-mobile{display:block;max-width:300px;margin:1.5rem auto 2rem}}.contact-items{list-style:none;display:flex;justify-content:center;gap:4rem;padding:0}.contact-items li{display:flex;align-items:flex-end;gap:.5rem}.contact-icon{border:1px solid var(--color-accent);border-radius:50px;width:30px;height:30px;font-size:.85rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width:767px){.contact-items{gap:.5rem;flex-direction:column}.contact-items li{align-items:flex-start;font-size:1rem}}#footer{padding:3rem 0 4rem;background-color:var(--color-black)}#footer .flex{justify-content:center}#footer ul{list-style:none;padding:0;margin:0}#footer img{max-width:200px}#footer h2{font-size:1.5rem;margin-top:1.25rem;margin-bottom:1rem;padding:0;color:var(--color-grey)}#footer .logo{color:var(--color-grey)!important;font-size:2.5rem!important;margin-top:.25rem!important}#footer a,#footer p{color:var(--color-white);font-family:var(--font-body);font-size:1.125rem}#footer .copyright{color:var(--color-grey);font-size:1rem;margin-top:.25rem}#footer a:hover{color:#fff}@media screen and (max-width:1279px){#footer .flex{gap:6rem}#footer .flex>*{flex-shrink:0}}@media screen and (max-width:979px){#footer .flex{flex-direction:column;gap:1rem}}