/**
 * Theme Name:        Pinpoint Booking System – WooCommerce Demo
 * Theme URI:         https://pinpoint.world/woocommerce-booking-demo
 * Description:       Custom theme showcasing the Pinpoint Booking System integrated with WooCommerce.
 * Version:           1.0.5
 * Author:            Pinpoint World
 * Author URI:        https://pinpoint.world
 * Tags:              booking, Pinpoint, WooCommerce
 * Text Domain:       pinpoint-woo
 * Domain Path:       /assets/lang
 * Tested up to:      6.9
 * Requires at least: 6.9
 * Requires PHP:      8.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */


/*
 * General settings.
 */
body{
    background: #ffffff;
    color: #000000;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    min-height: 100%;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}

.left{
    float: left !important;
}

.right{
    float: right !important;
}

.clear{
    clear: both !important;
}

.hidden{
    display: none !important;
}

.visible{
    display: block !important;
}

em{
    font-style: italic;
}

input{
    font-family: 'Open sans', sans-serif !important;
}

strong{
    font-weight: bold;
}

[class^="dot-icon-"],
[class*=" dot-icon-"]{
    direction: ltr;
    display: inline-block;
    font-family: 'DOT Icons', sans-serif !important;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    text-align: center;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

[class^="dot-icon-"]:before,
[class*=" dot-icon-"]:before{
    content: '\25cf';
    animation: dot-icon-animation 1000ms linear;
}

@keyframes dot-icon-animation{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/*
 * Links
 */
a{
    color: #815ba7;
    outline: none !important;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent !important;
    transition: color 300ms linear;
}

a:hover{
    color: #674986;
}

/*
 ******************************************************************** Responsive
 */
@media screen and (min-width: 1421px){
    .desktop-hidden{
        display: none !important;
    }

    .desktop-visible{
        display: block !important;
    }

    .laptop-visible{
        display: none !important;
    }

    .tablet-visible{
        display: none !important;
    }

    .mobile-visible{
        display: none !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1420px){
    .laptop-hidden{
        display: none !important;
    }

    .desktop-visible{
        display: none !important;
    }

    .laptop-visible{
        display: block !important;
    }

    .tablet-visible{
        display: none !important;
    }

    .mobile-visible{
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .tablet-hidden{
        display: none !important;
    }

    .desktop-visible{
        display: none !important;
    }

    .laptop-visible{
        display: none !important;
    }

    .tablet-visible{
        display: block !important;
    }

    .mobile-visible{
        display: none !important;
    }
}

@media screen and (max-width: 767px){
    .mobile-hidden{
        display: none !important;
    }

    .desktop-visible{
        display: none !important;
    }

    .laptop-visible{
        display: none !important;
    }

    .tablet-visible{
        display: none !important;
    }

    .mobile-visible{
        display: block !important;
    }
}