/*
Theme Name: Summer Program Pro
Theme URI: https://www.theclassictemplates.com/wp-themes/travel-tour-wordpress-theme/
Author: Theclassictemplates
Author URI: https://www.theclassictemplates.com/
Description:
Version: 0.0.1
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: summer-program-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

Summer Program Pro WordPress Theme has been create:root {
  --color-white: #ffffff;
  --color-black: #000000;
  --color-primary: #44D8E2;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');


:root {
--font-Poppins: 'Poppins', sans-serif;
}d by Theclassictemplates(Theclassictemplates.net), 2023.
Summer Program Pro WordPress Theme is released under the terms of GNU GPL

/* Basic Style */
  body{
    background: #FCF4E9 !important;
  }
  html body {
    margin: 0;
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    position: relative;
    color: var(--color-black);
    font-weight: 300;
    font-size: 15px;
    font-family: var(--font-Poppins);
    overflow-x: hidden;
    background-color:var(--color-white);
    overflow-x: hidden;
    width: 100%;
  }

.bypostauthor {
  font-weight: 600;
}
.wpcf7-spinner {
  display: none;
}
/*.sticky{
    position: unset;
}*/
/*--------- Site Loader --------------*/

    .preloader{
      display: flex;
      background: #FF5F6A;
      height: 100%;
      width: 100%;
      left: 0;
      bottom: 0;
      top: 0;
      position: fixed;
      z-index: 99999;
    }
    .preloader .loading-dot{
        width: 15px;
        height: 15px;
        margin: auto;
        border-radius: 50%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                    40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        animation: load 3s infinite linear;
    }
    @keyframes load{
        0% {
            transform: rotate(0deg);
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        25%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        50%{
            box-shadow: 0px -40px 0px 0px #fff,0px 40px 0px 0px #fff,-40px 0px 0px 0px #fff,40px 0px 0px 0px #fff,
                        -40px -40px 0px 0px #fff,40px 40px 0px 0px #fff,-40px 40px 0px 0px #fff,40px -40px 0px 0px #fff;
        }
        70%{
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        75%{
            width:10px;
            height:10px;
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        80%{
            background-color: #fff;
            width:40px;
            height:40px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        85%{
            background-color: #fff;
            width:40px;
            height:40px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        90%{
            background-color: #fff;
            width:10px;
            height:10px;
            transform: rotate(360deg);
            box-shadow: 0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,
                        0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff,0px 0px 0px 0px #fff;
        }
        95%{
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
        100%{
            transform: rotate(360deg);
            box-shadow: 0px 40px 0px 0px #fff,0px -40px 0px 0px #fff,40px 0px 0px 0px #fff,-40px 0px 0px 0px #fff,
                        40px 40px 0px 0px #fff,-40px -40px 0px 0px #fff,40px -40px 0px 0px #fff,-40px 40px 0px 0px #fff;
        }
    }








    #blog .blogs{
      position: relative;
      transition: all .8s;
    }
    #blog .blogs:hover, #new-arrival .blogs:hover {
      box-shadow: 1px 1px 10px #dcdcdc;
      border-radius: 8px;
      background: #fff;
    }
    #blog .blogs:hover .ovrly2 {
      position: absolute;
      background: var(--color-yellow);
      transition: all .8s;
      top: 5px;
      left: 5px;
      right: 5px;
      bottom: 5px;
      z-index: 0;
      position: absolute;
      opacity: 0.4;
      transform: rotateX(-360deg);
      border-radius: 8px;
    }
    #blog .blogs:hover .ovrly2 {
      background-color: #62cdb9;
    }

    .feature-box:hover .feature-img ,.package-box .package-img,.destination-box .destination-img {
      position: relative;
      overflow: hidden;
      border-radius: 30px;
    }
    .feature-box:hover .feature-img img, .package-box:hover .package-img img, .destination-box:hover .destination-img img {
      transform: scale(1.07);
      overflow: visible;
      transition: 0.5s ease-in-out;
    }


  .wc-block-components-button__text {
    background: #C34100;
    color: #fff;
    padding: 9px 30px;
    border-radius: 6px;
    font: 500 14px / 20px var(--pri-font);
    margin-top: 0px;
    opacity: 1 !important;
  }
  .wc-block-components-button:not(.is-link){
    border: none;
    background: unset;
  }
  .wc-block-cart-item__wrap{
    text-align: left;
  }
  .wc-block-components-button__text:hover{
    background: #000;

  }

  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button{
    background: #C34100;
    color: #fff;
  }

  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover{
    background: #000;
    color: #fff;
  }
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit{
    background: #C34100;
    color: #fff;
  }
  .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover{
    background: #000;
    color: #fff;
  }
  .outer-footer .wpcf7-response-output {
    color: #fff;
  }