/*
Theme Name: Holthausen
Theme URI: https://onlinemarketing.triplepro.nl
Author: Brian Stal | TriplePro Online Marketing
Author URI: https://onlinemarketing.triplepro.nl
Description: Minimal WordPress theme for Holthausen gassen.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: holthausen-gassen
*/

/* Basic reset */
*{box-sizing:border-box;margin:0;padding:0}

/* Responsive */
@media (max-width:600px){.site-nav ul{flex-direction:column}}

header, footer, main, nav, section, article, aside{display:block}

/* Header bar styles */
:root{--brand-blue:#010C55;--brand-yellow:#FFD400}
body{font-family:'Barlow', Arial, Helvetica, sans-serif}

.header-top{font-size:.9rem;background:#ffffff}
.header-main{background:var(--brand-blue);color:#fff}
.logo-badge{background:var(--brand-yellow);color:var(--brand-blue);font-weight:700}
.logo-text{font-family:'Barlow Condensed',sans-serif;letter-spacing:2px}

.main-menu a{color:#fff;text-decoration:none;text-transform:uppercase;font-family:'Barlow Condensed',sans-serif;letter-spacing:1px}
.main-menu a:hover{opacity:.9}
.btn-cta{border:2px solid var(--brand-blue)}

/* small responsive tweaks */
@media (max-width:768px){
  .main-menu{display:none}
  .logo-text{font-size:14px}
  .title{font-size:20px}
}