/*
Theme Name: Summer Camp Pro
Theme URI: https://www.vwthemes.com/themes/summer-camp-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: This WordPress sports theme is the best option you can opt for if you run a business that is related to sports. It is a good choice for sports trainers or sports coaches offering coaching in any sport. It can also be used in promoting any sport or game. Sports academies and sports clubs can use this theme for their promotion. The effectively designed sections of this theme can constructively display the facilities of your sports academy or business. It is made versatile so that even a sports goods manufacturer or retail shop can also use it to full effect for boosting the business. This cleverly designed sports WordPress theme has a layout that will suit any sport. Many high-end features are included that allow you to showcase the sporting events and schedule in a nice way. With this theme, you are allowed to create your own engaging content giving all the details perfectly.
Version: 0.0.1
Requires at least: 5.2.4
Requires PHP: 7.4
Tested up to: 5.9.3
License: GNU General Public License
License URI:license.txt
Text Domain: summer-camp-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Theme Name: Summer Camp Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2024.
 WordPress Theme is released under the terms of GNU GPL
*/
:root {
  --color-gray: #919191;
  --color-gray1: #adaec0;
  --color-pink: #ff9b24;
  --color-white: #ffffff;
  --color-light-blue: #00bbae;
  --color-light-green: #e97afe;
  --color-orange: #1e77ef;
  --color-blue: #16171d;
  --font-rubik: "Rubik";
  --font-fredoka: "Fredoka One";
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html body {
  margin: 0;
  padding: 0;
  overflow-x: hidden !important;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  color: var(--color-gray);
  font-weight: 300;
  font-size: 15px;
  font-family: 'Sen', sans-serif;
}
body a {
  text-decoration: none;
  color: var(--color-gray);
}
section{
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 49px 0;
}
li {
  list-style: none;
}
ol, ul{
  padding-left: 0rem !important;
}
.btn {
  margin: 0 auto;
  text-align: center !important;
  display: block !important;
  width: 50px;
  height: 50px;
  padding: 0 !important;
}
.btn i {
  color: var(--color-white);
  font-size: 16px;
  cursor: pointer;
  background-color: #ff9b24;
  width: 50px;
  height: 50px;
  padding: 17px;
  border-radius: 50%;
}
.form {
  /*width: auto;*/
  height: 100px;
  padding: 1% 7%;
  box-sizing: border-box;
}
.input {
  border: 0px;
  /*background: #f8f9fa70;*/
  background: transparent !important;
  box-sizing: border-box;
  border-bottom: 3px solid #ff9b24 !important;
  outline: none;
  padding: 0 20px 14px;
  color: #fff;
  font-size: 20px;
  transition: all 0.5s ease;
  transform: scale(0);
  width: 100%;
}
#search {
  /*color: #1a1717;*/
  color: #fff;
  position: relative;
  top: 18px;
  left: 90px;
  opacity: 0;
  letter-spacing: 1px;
  transition: all 0.5s ease;
}
#search.active {
  opacity: 1;
  z-index: 11;
  position: relative;
}
.input.active {
  transform: scale(1);
}
#search.move {
  top: 60px;
  left: 20px;
  font-size: 12px;
}
.social-icon a {
  color: var(--color-white);
}
.social-icon--facebook{
  background-color: #e97afe;
}
.social-icon--twitter{
  background-color: #ff9b24;
}
.social-icon--instagram{
  background-color: #00bbae;
}
.tooltip.social-icon--facebook:after{
  border-top-color: #e97afe;
}
.tooltip.social-icon--twitter:after{
  border-top-color: #ff9b24;
}
.tooltip.social-icon--instagram:after{
  border-top-color: #00bbae;
}
/* Social Icons */
.social-icons{
  display: flex;
}
.social-icons,.wrapper{
  margin-top: 8.6%;
}
.social-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50px;
  height: 50px;
  margin: 0 0.5rem 0 0;
  border-radius: 50%;
  cursor: pointer;
  font-family: var(--font-rubik);
  font-size: 16px;
  text-decoration: none;
  transition: all 0.15s ease;
}
 .social-icon:hover {
  color: #fff;
}
.tooltip {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, -150%);
}
.tooltip:active {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.social-icons i{
  position: relative;
  top: 1px;
  color: var(--color-white);
}
.tooltip {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  padding: 3px 15px;
  border-radius: 40px;
  font-size: 12px;
  font-weight: bold;
  opacity: 0;
  pointer-events: none;
  text-transform: uppercase;
  transform: translate(-50%, -100%);
  transition: all 0.3s ease;
  z-index: 1;
  }
 .tooltip:after {
    display: block;
    position: absolute;
    bottom: 1px;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    border: solid;
    border-width: 10px 10px 0 10px;
    border-color: transparent;
    transform: translate(-50%, 100%);
}
.social-icon--codepen .tooltip:after {
    border-top-color: #000;
}
.social-icon:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -150%);
}
.social-icon--codepen .tooltip {
    background: #000;
    color: currentColor;
}
#site-sticky-menu{
  border-bottom: 1px solid #9090912b;
}
#vw-main-head{
  z-index: 9;
  position: relative;
}
#classes-box1 .owl-carousel .owl-nav.disabled,#school-activities-categories .owl-carousel .owl-nav.disabled{
  display: block;
}
#testimonials .owl-carousel .owl-dots,#our-staff .owl-carousel .owl-dots{
  display: block !important;
  text-align: center !important;
  margin: 0 auto;
}
#testimonials .owl-dots button.owl-dot,#our-staff .owl-dots button.owl-dot{
  width: 12px;
  height: 12px;
  padding: 0 !important;
  border: solid 2px #ffffff !important;
  margin: 5px 5px;
  display: inline-block;
  border-radius: 50%;
}
#our-staff .owl-dots button.owl-dot{
  border: solid 2px #919191 !important;
}
#testimonials .owl-dots button.owl-dot.active,#our-staff .owl-dots button.owl-dot.active{
  border-color: #ff9b24 !important;
  background-color: #ff9b24;
}
/*Button Effect*/
.button{
    display: inline-block;
     overflow: hidden;
    perspective:400px;
    background-color: transparent;
    border: none;
}
.button span{
    display: block;
    position: relative;
    transition:0.3s ease-in-out all;
    transform-origin:50% 0;
  transform-style:preserve-3d;
    background-color: #ff9b24;
    color: white;
  width: 100%;
  border-bottom: 5px solid #cd7103;
    border-radius: 35px;
    padding: 14px 34px;
    font: 600 14px var(--font-rubik);
    letter-spacing: 1px;
}
.button span:after{
    display: block;
    content: attr(data-title);
    position: absolute;
    left: 0;
    top: 0;
    transition:0.3s ease-in-out all;
    transform-origin:50% 0;
    transform:translate3d(0px,105%,0px) rotateX(-90deg);
    background-color: #00bbae;
    color: White;
    width: 100%;
    border-bottom: 5px solid #01a297;
    border-radius: 35px;
    padding: 14px 34px;
}
.button:hover span{
    transform:translate3d(0px,0px,-30px) rotateX(90deg);
}
#return-to-top {
  position: fixed;
  bottom: 10px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  transition: all 0.3s ease;
  z-index: 99;
  background-color: var(--color-pink);
}
#return-to-top i {
  color: var(--color-white);
  position: relative;
  top: 13px;
  padding: 3px 18px;
  font-size: 19px;
  transition: all 0.3s ease;
}
.respect{
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-face: sans-serif;
  font-size: 0.5em;
  color:#444;
}
#custom_preloader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  z-index: 9999;
  height: 100%;
}
#preloader_status{
  width: 250px;
  height: 250px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url(assets/images/loader_animation.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
/*singlepage*/
img {
    border: none;
    max-width: 100%;
    height: auto;
}
.metabox {
  padding: 5px 0;
  clear: both;
  margin: 10px 0;
}
.metabox .entry-date {
  margin: 0 13px 0 0;
}
.metabox .entry-author {
  padding: 0 0 0 20px;
  margin: 0 20px 0 0;
}
.metabox .entry-comments {
  padding: 0 0 0 20px;
}
.metabox i,.content_boxes h2{
  color: var(--color-pink);
}
.content_boxes h2 {
  font: 400 30px/36px var(--font-fredoka);
}
.metabox span a,.metabox span,.metabox span a:hover,.related-post-wrapper a {
  color: var(--color-light-blue) !important;
  font: 600 16px var(--font-rubik);
}
.related-post-wrapper a {
  font: 600 15px var(--font-rubik);
  margin-top: 10px !important;
}
.share_icon i {
  padding: 10px 10px 10px 8px;
  margin: 0 0;
  background-color: #333333;
  width: 36px;
  margin: 0 4px;
  color: var(--color-white) !important;
  text-align: center;
}
.share_icon i.fab.fa-facebook-f {
  background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in {
  background-color: #007bb5;
}
.share_icon i.fab.fa-twitter {
  background-color: #55acee;
}
.content_boxes .share_icon {
  padding-top: 15px;
}
.content_boxes iframe {
  width: 100%;
}
.share_icon a {
  padding-bottom: 5px;
  display: inline-block;
}
.post_ctg span,.socila_share {
  float: left;
  margin-right: 7px;
  font: 600 16px var(--font-rubik);
}
.single-post-content p,.content_boxes p a{
  font-weight: 700;
}
ul.post-categories a,ul.post-categories a:hover ,.content_boxes p,.content_boxes p a{
  color: var(--color-gray) !important;
}
.authordetails {
  padding: 30px 0;
}
#vw-sidebar .widget {
    padding: 20px;
    margin-bottom: 25px;
    -webkit-box-shadow: 0 0 57px 0 rgb(0 0 0 / 11%);
    box-shadow: 0 0 57px 0 rgb(0 0 0 / 11%);
}
#vw-sidebar .widget h2{
  font: 400 30px/36px var(--font-fredoka);
  color: var(--color-pink) !important;
}
#vw-sidebar ul li {
    display: flex;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
}
#vw-sidebar a {
    font: 700 16px/24px var(--font-rubik);
    color: var(--color-gray) !important;
    align-self: center;
}
#vw-sidebar input[type=search],.search [type=search]{
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px;
    color: #6c6c6c;
    border: solid 1px #e1e1e1;
    width: 100%;
}
#vw-sidebar button[type=submit],.search [type=submit] {
    filter: drop-shadow(0 0 24.5px rgba(232, 140, 9, 0.27));
    background-color: var(--color-pink);
    color: var(--color-white);
    padding: 12px 0;
    font-size: 12px;
    width: 100%;
    letter-spacing: 2px;
    font-weight: 700;
}
.search [type=submit]{
  width: auto;
  border: 1px solid var(--color-pink)!important;
  padding: 12px 20px;
}
.comment-form-comment label {
    display: block;
}
#comments input[type=submit] {
    background-color: #ff9b24!important;
    color: #fff!important;
    padding: 14px 34px;
    font: 600 14px var(--font-rubik);
    border: none !important;
    border-radius: 35px;
    border-bottom:5px solid #cd7103 !important;
}
.wp-block-search .wp-block-search__inside-wrapper {
    display: block;
}
.wp-block-search .wp-block-search__button {
    margin-left: 0;
}
textarea {
    padding: 5px;
}
.post-navigation .nav-links {
    display: flex;
    padding: 0 5px 15px 5px;
}
.nav-next span, .nav-previous span{
    font: 600 12px var(--font-rubik);
    color: var(--color-gray);
    margin-right: 10px;
}
.vw-navigation .page-numbers, .meta-nav {
    background: #ff9b24;
    color: var(--color-white) !important;
    padding: 10px 16px;
    font: 600 16px var(--font-rubik);
}
.nav-next {
    margin-left: 10px;
}
.single-post .feature-box img{
  width: 100%;
}
#accordion .accordion-button:not(.collapsed)::after {
    background-image: url("assets/images/accordion.png") !important;
    transform: rotate(-180deg);
}
#accordion .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("assets/images/accordiono.png") !important;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
#vw-footer_box .wpcf7-spinner{
  display: none !important;
}
.contact_box .wpcf7-spinner{
  display: none !important;
}
input#author{
  width: 51.3% !important;
}
input#email{
  width: 51.4% !important;
}
input#url{
  width: 50.5% !important;
}
.accordion-item{
  border:1px solid rgba(0,0,0,.125) !important;
}
.footer-1-map-btn:hover a{
  color: #fff;
}
.footer-1-map-btn a {
  padding: 10px 30px;
  margin-top: 6%;
  color: var(--color-white);
  font: 100 14px var(--font-fredoka);
  border: none;
  letter-spacing: 2px;
  border-bottom: 4px solid #cd7103;
  border-radius: 35px;
  background: var(--color-pink);
}







.classes-inner-box{
  overflow: hidden;
}
#classes-box1 .classes-inner-box1:hover .classes-inner-box img {
  transform: scale(1.07);
  overflow: visible;
  transition: 0.5s ease-in-out;
}
.classes-inner-box{
  position: relative;
}
#classes-box1 .classes-inner-box1:hover .classes-inner-box:after{
  content: "";
  width: 100%;
  height: 100%;
  background-color: var(--color-pink);
  opacity: 0.2;
  position: absolute;
  top: 0%;
  left: 0;
  transition: all 0.3s ease 0s;
}
.blog-inner-box{
  position: relative;
}
.blog-box-content:hover .blog-inner-box:after {
  width: 100%;
}
.blog-box-content .blog-inner-box:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.content-box1:hover img,.content-box2:hover img,.content-box3:hover img,.classescategory-box:hover img,.features-box:hover .features-img-box img,.events-inner-box:hover .events-inner-contents-box img,.sponsor-content-box1:hover .sponsor-content-img img ,.sponsor-content-box2:hover .sponsor-content-img img, .sponsor-content-box3:hover .sponsor-content-img img {
  transition: 1s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotateY(360deg);
  -moz-transform: rotateY(360deg);
  -o-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}