/*
Theme Name: Blocksy - Stihlshop
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a fast, modern WordPress theme with advanced WooCommerce support and full compatibility with the block editor.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments
Version: 2.1.0.1749591066
Updated: 2025-06-11 09:31:06

*/

@font-face {
  font-family: 'UniversCondensedBold';
  src: url('fonts/universcondensed_bold.woff2') format('woff2'),
       url('fonts/universcondensed_bold.woff') format('woff'),
       url('fonts/universcondensed_bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, h4, h5 {
	 font-family: 'UniversCondensedBold', sans-serif !important;
}
h1 {
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: -.02em;
}
.topHeader {
    width: 100%;
    display: flex;
    align-content: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.ct-header-text {
    width: 100%;
}
.home .hero-section {
    display: none;
}
.stihlshop-banner-slider {
    max-width: 1640px;
}
.staffPhoto {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 30%;
}
.stihlshop-banner-caption {
    position: absolute;
    top: 15%;
    left: 7%;
    max-width: 50%;
	
}
.stihlshop-banner-caption h2 {
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, .3) !important;
    font-size: 7vw;
    line-height: 6vw;
}

.stihlshop-banner-slider { position: relative; overflow: hidden; }
.stihlshop-banner-slide { display: none; animation: fade 1s ease-in-out; position: relative; }
.stihlshop-banner-slide.active { display: block; }

.stihlshop-banner-pagination {
    text-align: center;
    margin-top: 10px;
    position: relative !important;
    bottom: 40px;
	margin-bottom: -35px;
}
.stihlshop-pagination-dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 5px;
    background-color: #f37a1f;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.stihlshop-pagination-dot.active {
    background-color: #ccc;
}
.storeHoursBlock {
    font-size: 20px;
}
.topHeaderLeft:before {
    font-family: "Font Awesome 5 Free"; /* or "Font Awesome 6 Free", depending on version */
    content: '\f3c5';
    font-weight: 900; /* Required for solid icons */
    margin-right: 5px;
}
@keyframes fade { from { opacity: 0; } to { opacity: 1; } }




@media only screen and (max-width: 767px) {
	.topHeaderRight {
		display: none;
	}   
	.storeHoursBlock {
    font-size: 16px;
		line-height: 1.3em;
}
}