/*
Theme Name: Paradise Group WordPress Theme
Theme URI: https://flagandmountains.com
Author: Flag&Mountains
Author URI: https://www.flagandmountains.com
Description: This is a Shopkeeper-based Child Theme by Flag&Mountains for Paradise Group
Template: shopkeeper
Version: 1.0
*/

/**
 * ============================================================
 * Base / Responsive Breakpoints
 *
 * Note:
 * ============================================================
 */
/**
Media Query breakpoints

Usage:
.site-header {
    // More Than or Equals To "tablet-wide"
    @include mq('tablet-wide', min) {
        padding-top: 4rem;
        font-size: 2.4rem;
    }

    // More than "tablet-wide"
    @include mq('tablet-wide', min, '+1') {
    }

    // Less than or equal to "tablet-wide"
    @include mq('tablet-wide', max) {
    }

    // Less than "tablet-wide"
    @include mq('tablet-wide', max, '-1') {
    }
}
*/
/**
 * ============================================================
 * Base / Spacers
 *
 * Note:
 * 1. add class to dom element such as <div class="vspacer vspacer-1 vspacer-tablet-2 vspacer-tablet-wide-5 vspacer-desktop-1 vspacer-desktop-QHD-3">..</div>
 * ============================================================
 */
 .vspacer-0 {
  height: 0px; }

.vspacer-1 {
  height: 20px; }

.vspacer-2 {
  height: 40px; }

.vspacer-3 {
  height: 60px; }

.vspacer-4 {
  height: 80px; }

.vspacer-5 {
  height: 100px; }

.vspacer-6 {
  height: 120px; }

.vspacer-7 {
  height: 140px; }

.vspacer-8 {
  height: 160px; }

.vspacer-9 {
  height: 180px; }

.vspacer-10 {
  height: 200px; }

.vspacer-11 {
  height: 220px; }

.vspacer-12 {
  height: 240px; }

.vspacer-13 {
  height: 260px; }

.vspacer-14 {
  height: 280px; }

.vspacer-15 {
  height: 300px; }

@media only screen and (min-width: 425px) {
  .vspacer-phone-wide-0 {
    height: 0px; }
  .vspacer-phone-wide-1 {
    height: 20px; }
  .vspacer-phone-wide-2 {
    height: 40px; }
  .vspacer-phone-wide-3 {
    height: 60px; }
  .vspacer-phone-wide-4 {
    height: 80px; }
  .vspacer-phone-wide-5 {
    height: 100px; }
  .vspacer-phone-wide-6 {
    height: 120px; }
  .vspacer-phone-wide-7 {
    height: 140px; }
  .vspacer-phone-wide-8 {
    height: 160px; }
  .vspacer-phone-wide-9 {
    height: 180px; }
  .vspacer-phone-wide-10 {
    height: 200px; }
  .vspacer-phone-wide-11 {
    height: 220px; }
  .vspacer-phone-wide-12 {
    height: 240px; }
  .vspacer-phone-wide-13 {
    height: 260px; }
  .vspacer-phone-wide-14 {
    height: 280px; }
  .vspacer-phone-wide-15 {
    height: 300px; } }

@media only screen and (min-width: 768px) {
  .vspacer-tablet-0 {
    height: 0px; }
  .vspacer-tablet-1 {
    height: 20px; }
  .vspacer-tablet-2 {
    height: 40px; }
  .vspacer-tablet-3 {
    height: 60px; }
  .vspacer-tablet-4 {
    height: 80px; }
  .vspacer-tablet-5 {
    height: 100px; }
  .vspacer-tablet-6 {
    height: 120px; }
  .vspacer-tablet-7 {
    height: 140px; }
  .vspacer-tablet-8 {
    height: 160px; }
  .vspacer-tablet-9 {
    height: 180px; }
  .vspacer-tablet-10 {
    height: 200px; }
  .vspacer-tablet-11 {
    height: 220px; }
  .vspacer-tablet-12 {
    height: 240px; }
  .vspacer-tablet-13 {
    height: 260px; }
  .vspacer-tablet-14 {
    height: 280px; }
  .vspacer-tablet-15 {
    height: 300px; } }

@media only screen and (min-width: 1024px) {
  .vspacer-tablet-wide-0 {
    height: 0px; }
  .vspacer-tablet-wide-1 {
    height: 20px; }
  .vspacer-tablet-wide-2 {
    height: 40px; }
  .vspacer-tablet-wide-3 {
    height: 60px; }
  .vspacer-tablet-wide-4 {
    height: 80px; }
  .vspacer-tablet-wide-5 {
    height: 100px; }
  .vspacer-tablet-wide-6 {
    height: 120px; }
  .vspacer-tablet-wide-7 {
    height: 140px; }
  .vspacer-tablet-wide-8 {
    height: 160px; }
  .vspacer-tablet-wide-9 {
    height: 180px; }
  .vspacer-tablet-wide-10 {
    height: 200px; }
  .vspacer-tablet-wide-11 {
    height: 220px; }
  .vspacer-tablet-wide-12 {
    height: 240px; }
  .vspacer-tablet-wide-13 {
    height: 260px; }
  .vspacer-tablet-wide-14 {
    height: 280px; }
  .vspacer-tablet-wide-15 {
    height: 300px; } }

@media only screen and (min-width: 1366px) {
  .vspacer-desktop-0 {
    height: 0px; }
  .vspacer-desktop-1 {
    height: 20px; }
  .vspacer-desktop-2 {
    height: 40px; }
  .vspacer-desktop-3 {
    height: 60px; }
  .vspacer-desktop-4 {
    height: 80px; }
  .vspacer-desktop-5 {
    height: 100px; }
  .vspacer-desktop-6 {
    height: 120px; }
  .vspacer-desktop-7 {
    height: 140px; }
  .vspacer-desktop-8 {
    height: 160px; }
  .vspacer-desktop-9 {
    height: 180px; }
  .vspacer-desktop-10 {
    height: 200px; }
  .vspacer-desktop-11 {
    height: 220px; }
  .vspacer-desktop-12 {
    height: 240px; }
  .vspacer-desktop-13 {
    height: 260px; }
  .vspacer-desktop-14 {
    height: 280px; }
  .vspacer-desktop-15 {
    height: 300px; } }

@media only screen and (min-width: 1920px) {
  .vspacer-desktop-wide-0 {
    height: 0px; }
  .vspacer-desktop-wide-1 {
    height: 20px; }
  .vspacer-desktop-wide-2 {
    height: 40px; }
  .vspacer-desktop-wide-3 {
    height: 60px; }
  .vspacer-desktop-wide-4 {
    height: 80px; }
  .vspacer-desktop-wide-5 {
    height: 100px; }
  .vspacer-desktop-wide-6 {
    height: 120px; }
  .vspacer-desktop-wide-7 {
    height: 140px; }
  .vspacer-desktop-wide-8 {
    height: 160px; }
  .vspacer-desktop-wide-9 {
    height: 180px; }
  .vspacer-desktop-wide-10 {
    height: 200px; }
  .vspacer-desktop-wide-11 {
    height: 220px; }
  .vspacer-desktop-wide-12 {
    height: 240px; }
  .vspacer-desktop-wide-13 {
    height: 260px; }
  .vspacer-desktop-wide-14 {
    height: 280px; }
  .vspacer-desktop-wide-15 {
    height: 300px; } }

@media only screen and (min-width: 2560px) {
  .vspacer-desktop-QHD-0 {
    height: 0px; }
  .vspacer-desktop-QHD-1 {
    height: 20px; }
  .vspacer-desktop-QHD-2 {
    height: 40px; }
  .vspacer-desktop-QHD-3 {
    height: 60px; }
  .vspacer-desktop-QHD-4 {
    height: 80px; }
  .vspacer-desktop-QHD-5 {
    height: 100px; }
  .vspacer-desktop-QHD-6 {
    height: 120px; }
  .vspacer-desktop-QHD-7 {
    height: 140px; }
  .vspacer-desktop-QHD-8 {
    height: 160px; }
  .vspacer-desktop-QHD-9 {
    height: 180px; }
  .vspacer-desktop-QHD-10 {
    height: 200px; }
  .vspacer-desktop-QHD-11 {
    height: 220px; }
  .vspacer-desktop-QHD-12 {
    height: 240px; }
  .vspacer-desktop-QHD-13 {
    height: 260px; }
  .vspacer-desktop-QHD-14 {
    height: 280px; }
  .vspacer-desktop-QHD-15 {
    height: 300px; } }

@media only screen and (min-width: 3840px) {
  .vspacer-desktop-UHD-0 {
    height: 0px; }
  .vspacer-desktop-UHD-1 {
    height: 20px; }
  .vspacer-desktop-UHD-2 {
    height: 40px; }
  .vspacer-desktop-UHD-3 {
    height: 60px; }
  .vspacer-desktop-UHD-4 {
    height: 80px; }
  .vspacer-desktop-UHD-5 {
    height: 100px; }
  .vspacer-desktop-UHD-6 {
    height: 120px; }
  .vspacer-desktop-UHD-7 {
    height: 140px; }
  .vspacer-desktop-UHD-8 {
    height: 160px; }
  .vspacer-desktop-UHD-9 {
    height: 180px; }
  .vspacer-desktop-UHD-10 {
    height: 200px; }
  .vspacer-desktop-UHD-11 {
    height: 220px; }
  .vspacer-desktop-UHD-12 {
    height: 240px; }
  .vspacer-desktop-UHD-13 {
    height: 260px; }
  .vspacer-desktop-UHD-14 {
    height: 280px; }
  .vspacer-desktop-UHD-15 {
    height: 300px; } }