/*
Theme Name: Twenty Twenty-Five Child
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Template: twentytwentyfive
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.0.1734075539
Updated: 2024-12-13 07:38:59

*/

@font-face {
    font-family: "Commissioner-Regular";
    src: url(fonts/Commissioner-Regular.ttf) format("truetype");
    font-weight: normal;
}

@font-face {
    font-family: "Commissioner-Bold";
    src: url(fonts/Commissioner-Bold.ttf) format("truetype");
    font-weight: bold;
}

@font-face {
    font-family: "Commissioner-SemiBold";
    src: url(fonts/Commissioner-SemiBold.ttf) format("truetype");
    font-weight: 600;
}

body {
    font-family: "Commissioner-Regular", sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #020202;
    background-color: #f0f0f0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Commissioner-Bold", sans-serif;
    color: #020202;
}

p, a {
    font-family: "Commissioner-Regular", sans-serif;
    color:#020202;
}

.waltons-logo img {
    max-width: 200px;
}

/* SemiBold font weight text to be different font-family */

.coming-soon-title h2 {
    font-family: "Commissioner-Regular", sans-serif !important;
    font-weight: 400 !important;
}

/* Countdown Timer */

.hurrytimer-timer-block {
    padding: 0 1.5rem !important;
    border-right: 1px solid #DE1E25;
}

.hurrytimer-timer-block:last-child {
    border-right: none;
}

.hurrytimer-timer-block .hurrytimer-timer-digit {
    font-family: "Commissioner-Bold", sans-serif;
    font-weight: 700;
}

.hurrytimer-timer-block .hurrytimer-timer-label {
    font-family: "Commissioner-Regular", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.hurrytimer-headline {
    display: none;
}

/* Slider */

#wbtw-home-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.slide {
    display: none;
    width: 100%;
}

.slide.active {
    display: flex !important;
}

.slide img {
    width: 100%;
    height: auto;
}

.dots-container {
    text-align: center;
    /* position: absolute; */
    /* bottom: 10px; */
    width: 100%;
    display: flex;
    flex-direction: row;
}

.dot {
    height: 15px;
    width: 15px;
    margin: 0 10px;
    padding: 2px;
    border: 1px solid #DE1E25;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}

.dot.active,
.dot:hover {
    background-color: #DE1E25;
}

/* Popup */

/* Popup dialog styles */
.popup-dialog {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1000;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5);
    /* Black w/ opacity */
    /* align to top */
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.popup-content {
    position: relative;
    background-color: #fff;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
    border-radius: 8px;
    /* Could be more or less, depending on screen size */
}

.close-button {
    position: absolute;
    color: #DE1E25;
    right: 10px;
    top: 0;
    font-size: 28px;
    font-weight: bold;
    transition: all 0.3s;
}

.close-button:hover,
.close-button:focus {
    filter: brightness(0.8);
    text-decoration: none;
    cursor: pointer;
}

/* Form */
.wbtw-field {
    font-family: 'Commissioner-Regular', sans-serif !important;
    margin-bottom: 1rem !important;
    font-size: 1.25rem !important;
}

.wbtw-field label {
    font-family: 'Commissioner-Bold', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    font-size: 1.5rem !important;
}

.wbtw-field.submit {
    margin-top: 1rem !important;
    background: #DE1E25 !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-family: 'Commissioner-Bold', sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
    padding: 0.5rem 1rem !important;
    /* text-shadow: #333 1px 1px 1px !important; */
}

.wbtw-field.submit:hover {
    text-shadow: #000 1px 1px 1px !important;
}

/* @Media Queries */

@media (max-width: 1024px) {
    
    .slide img {
        height: auto;
    }
    
    .waltons-logo img {
        max-width: 150px;
    }

    .hurrytimer-timer-block {
        padding: 0 1rem !important;
    }

    .hurrytimer-timer-block .hurrytimer-timer-digit {
        font-size: 1.5rem;
    }

    .hurrytimer-timer-block .hurrytimer-timer-label {
        font-size: 0.8rem;
    }

    .popup-content {
        width: 80%;
    }

    .close-button {
        font-size: 24px;
    }
}