/*  ==========================================================================
    Common Styles
     ========================================================================== */
/*    @import url('http://tpedev.wpengine.com/wp-content/themes/true-play/assets/css/MarkerFelt.ttf'');
@import "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css";
   */

article, header, main, menu, nav, summary {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
}

/* To hide relevant header text from the user but not from search engines*/ 
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

#wc-bookings-booking-form .block-picker li a.kw-highlight-slot {
  border: 2px solid #865E9C !important;
}



/* Set background color of selected Time Block for booking tool */ 
#wc-bookings-booking-form .block-picker li a.hover { 
background: #329e31 !important; 
}

#wc-bookings-booking-form .block-picker li a.selected { 
background: #329e31 !important; 
}

/* Set background color of current day in Spiffy Calendar to green */
.current-day {
	vertical-align:text-top;
	text-align:left;
	width:60px;
	height:60px;
	border:1px solid #BCCBD8;
	background-color:#329E31 !important; 
	color: #404040;
}

/* Add padding to top so nav bar doesnt cover content */
body {
  padding-top: 70px;
}
@media (max-width: 767px) {
  body {
    padding-top: 70px;
  }
}

@media (max-width: 767px) {
	.sticky {
		animation: smoothScroll .25s forwards !important;
	}
}

.i-am-centered { 
	margin: auto; 
	max-width: 300px;
}

.wide-centered { 
	margin: auto; 
}

.true-play-big-section-text {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 24px;
    position: relative;
}

.link-custom-heading {
    font-family: Marker-felt;
    font-weight: 700;
    font-size: 30px;
	cursor:pointer;
	text-decoration: none;
}
.link-custom-heading:hover {
   text-decoration: underline; // changed from text:decoration:none
}

.prty-circle-section{
     overflow-x: hidden;
    overflow-y: hidden;
}

@font-face {
    font-family: Marker-felt;
    src: url('markerfelt-webfont.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;

}

 /*  @font-face {
    font-family: Marker-felt;
    src: url('MarkerFelt.ttf');
    font-weight: bold;
}*/
.marker-felt{font-family: Marker-felt}
.font-josefin{ font-family: 'Josefin Sans', sans-serif;}

* {
    padding: 0;
    margin: 0;
    font-family: 'Josefin Sans', sans-serif;
}


.sticky {
    position: fixed !important;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 0999;
    background: #fff;
/*    padding-left: 5%;
    padding-right: 5%;*/
    box-shadow: 0 9px 6px -10px #222 !important;
 /*animation: smoothScroll 1s forwards;*/
}
.mainmenu{
    float: right;
}

/*---- Nav effect----*/

.header-section {
    box-shadow: 0 9px 6px -10px #222 !important;
}

.navbar {
    border-radius: 0px !important;
    -webkit-box-shadow: 0 9px 6px -7px #dedede !important;
    -moz-box-shadow: 0 9px 6px -7px #dedede !important;
    box-shadow: 0 9px 6px -7px #dedede !important;
    max-height: 86px !important;
}

.menu-item::after{
  content: '';
  position: absolute;
  width: 0px;
  height: 5px;
  left: 50%;
  bottom:0;
  background-color: #115c0b;
/*  transition: all ease-in-out .2s;*/
}
.menu-item:hover::after{
  width: 100%;
  left: 0;
}

/* add padding for login form on checkout screen */
form.woocommerce-form.woocommerce-form-login.login {
    padding: 50px !important;
}

/* format the Password input and show password fields */
.woocommerce form .password-input,
.woocommerce-page form .password-input {
    position: relative;
}

.woocommerce form .show-password-input {
    background: transparent;
    border: 0;
    color: #222;
    cursor: pointer;
    font-size: inherit;
    padding: 0;
    position: absolute;
    right: 0.7em;
    top: 50%;
    transform: translateY(-50%);
}

.woocommerce form .show-password-input.display-password {
    color: #999;
}

.woocommerce form .show-password-input::after {
    font-family: WooCommerce;
    speak: never;
    -webkit-font-smoothing: antialiased;
    content: "\e010";  /* WooCommerce "eye" icon */
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block;
}

/* Fit and center Woocommerce notices */
.woocommerce-notices-wrapper {
   width: fit-content;
   margin-left: auto !important;
   margin-right: auto;
}
.woocommerce-form-login-toggle {
	/*display: none;*/
	margin-bottom: 0px;
	margin-top: 0px
}

.woocommerce-info, .woocommerce-message, .woocommerce-error, .wc-empty-cart-message {
	align-content:flex-start;
	align-items:stretch;
	background-color:#fff;
	border-radius:10px!important;
	box-sizing:border-box;
	color:#2f2f2f;
	display:flex;
	margin-bottom: 10px !important;
	padding:16px!important
}

.woocommerce-info {
   width: fit-content;
   margin-left: auto !important;
   margin-right: auto;
}

.woocommerce-form-login-toggle {
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
}

.woocommerce-error {
   width: fit-content;
   margin-left: auto;
   margin-right: auto;
}

.woocommerce-message {
   width: fit-content;
   margin-left: auto !important;
   margin-right: auto;
}


/* Add padding to top and round corners of discount code toggle in checkout*/
.woocommerce-form-coupon-toggle {
	margin-top: 20px;
	/*border: 1px solid;*/
	border-radius: 10px !important;
}



/*---color---*/

.purple{background-color: #7d3bb7 !important;}
.yellow{background-color: #ffcd00 !important;}
.green{background-color: #319e31 !important;}
.blue{background-color: #008ad8 !important;}
.red{background-color: #c92a39 !important;}
.orange{background-color: #ff6a13 !important;}
.white{background-color: #fff !important;}

.purple-text{color: #7d3bb7 !important;}
.yellow-text{color: #ffcd00 !important;}
.green-text{color: #319e31 !important;}
.blue-text{color: #008ad8 !important;}
.red-text{color: #c92a39 !important;}
.orange-text{color: #ff6a13 !important;}
.white-text{color: #fff !important;}
.black-text{color: #000 !important;}


.purple-border{border: 7.5px solid #7d3bb7 !important;}
.yellow-border{border: 7.5px solid #ffcd00 !important;}
.green-border{border: 7.5px solid #319e31 !important;}
.blue-border{border: 7.5px solid #008ad8 !important;}
.red-border{border: 7.5px solid #c92a39 !important;}
.orange-border{border: 7.5px solid #ff6a13 !important;}
.white-border{border: 7.5px solid #fff !important;}

.purple-border-box{border: 1.5px solid #7d3bb7 !important;}
.yellow-border-box{border: 1.5px solid #ffcd00 !important;}
.green-border-box{border: 1.5px solid #319e31 !important;}
.blue-border-box{border: 1.5px solid #008ad8 !important;}
.red-border-box{border: 1.5px solid #c92a39 !important;}
.orange-border-box{border: 1.5px solid #ff6a13 !important;}
.white-border-box{border: 1.5px solid #fff !important;}


button.learn-btn.purple-text.purple-border-box:hover {background-color: #7d3bb7!important;border-color: #7d3bb7!important; color: #fff!important; }
button.learn-btn.yellow-text.yellow-border-box:hover {background-color: #ffcd00!important;border-color: #ffcd00!important;color: #fff!important;}
button.learn-btn.green-text.green-border-box:hover {background-color: #319e31!important;border-color: #319e31!important;color: #fff!important;}
button.learn-btn.blue-text.blue-border-box:hover {background-color: #008ad8!important;border-color: #008ad8!important;color: #fff!important;}
button.learn-btn.red-text.red-border-box:hover {background-color: #c92a39!important;border-color: #c92a39!important;color: #fff!important;}
button.learn-btn.orange-text.orange-border-box:hover {background-color: #ff6a13!important;border-color: #ff6a13!important;color: #fff!important;}

button.purpose-btn.purple-text.purple-border-box:hover {background-color: #7d3bb7!important;border-color: #7d3bb7!important;color: #fff!important;}
button.purpose-btn.yellow-text.yellow-border-box:hover {background-color: #ffcd00!important;border-color: #ffcd00!important;color: #fff!important;}
button.purpose-btn.green-text.green-border-box:hover {background-color: #319e31!important;border-color: #319e31!important;color: #fff!important;}
button.purpose-btn.blue-text.blue-border-box:hover {background-color: #008ad8!important;border-color: #008ad8!important;color: #fff!important;}
button.purpose-btn.red-text.red-border-box:hover {background-color: #c92a39!important;border-color: #c92a39!important;color: #fff!important;}
button.purpose-btn.orange-text.orange-border-box:hover {background-color: #ff6a13!important;border-color: #ff6a13!important;color: #fff!important;}

/*-----*/

/*-- Background Arrow button ---*/

button.arr-icon-purple{
    background-image: url("../img/separator/arr-purple.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
         background-position-x: 160px;
}

button.arr-icon-blue{
    background-image: url("../img/separator/arr-blue.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
     background-position-x: 160px;
}

button.arr-icon-green{
    background-image: url("../img/separator/arr-green.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
     background-position-x: 160px;
}

button.arr-icon-yellow{
    background-image: url("../img/separator/arr-yellow.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
     background-position-x: 160px;
}

button.arr-icon-orange{
    background-image: url("../img/separator/arr-orange.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
     background-position-x: 160px;
}

button.arr-icon-red{
    background-image: url("../img/separator/arr-red.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
     background-position-x: 160px;
}

button.arr-icon-purple:hover,.arr-icon-blue:hover,.arr-icon-green:hover,.arr-icon-yellow:hover,.arr-icon-orange:hover,.arr-icon-red:hover{
    background-image: url("../img/separator/arr-white.svg"); 
     background-repeat: no-repeat, repeat;
     background-position: center right;
     background-position-x: 160px;
}

/*-----*/
.true-play-logo {
    height: 65px !important;
    padding: 0px 0px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    /*height: 0 !important; 
    padding: 59px 0px !important;
    font-size: 0 !important; 
    line-height: 0 !important; */
}
.navbar-expand-md{
    margin-bottom: 0px !important;
}

img.logo {
    width: 100%;
}

/**News Flash/Sign Up**/
.news-flash {
    background-color: #319e31;
    color: white;

    padding: 0px 0px 7px 28px;
    font-size: 18px;
    font-weight: 500;
    word-spacing: 2px;
    position: relative;

}

ul.nav > li > a {
    color: #000;
font-family: 'Josefin Sans', sans-serif;
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    letter-spacing: 1px;
    font-size: 22px;
    font-weight: 600;
    line-height: 70px;
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    right: 25em;
    bottom: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 0 white;
    text-align: center;
}
li.active a{
    color: #ff6a13!important;
}

ul .current-menu-item a {
    color: #ff6a13!important;
}

.about-south{
    font-size: 40px;
    font-weight: 600;
   color: #000;
}

/*---News Flash---*/
.outer-news-flash {
    background-color: #319e31;
        text-align: center;
}

.close-flash {
position: absolute;
    padding-left: 22px;
}

button.news-flash-btn {
        position: relative;
    border-radius: 50px;
    padding-left: 9px;
    padding-right: 9px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-size: 18px;
}

/*button.news-flash-btn:after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 115%;
    height: 91%;
    width: 2px;
} */

/** Signup Form**/
.modal-open .modal {
    overflow-y: hidden !important;
}
.news-flash .modal {
    top: 100px;
}

a.signup-close {
    background-color: #fff0 !important;
    color: #000 !important;
    font-weight: 900;
    font-size: 16px;
    border-color: #cccccc0d !important;
    right: 0px !important;
    position: fixed;
    top: 0px;
}

.mc-field-group input {
    background-color: #f8f8f805 !important;
    margin: 0px;
    box-shadow: none !important;
    border-bottom: 1px solid #555 !important;
    width: 85% !important;
    margin: 16px 18px;
}

.mc-field-group label {
    display: none;
}

.news-flash .modal-content {
    border-radius: 9px !important;
    background-color: #fff;
    opacity: 0.8;
        border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.news-flash .modal-header {
    background-color: #dbdbdb;
    font-size: 14px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}


input#mc-embedded-subscribe {
    background-color: #ffcd00;
    border-color: #ffcd00;
    color: #313131;
    width: 160px;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 5px;
    /* margin-top: 20px; */
 /*   margin-left: 30%;*/
    padding: 7px;
    position: absolute;
    bottom: 14px;
}

.mc-field-group input::placeholder {
    color: black !important;
}

/** /Sign up form**/

.purpose-text-box li{
           font-family: 'Josefin Sans', sans-serif;
           font-size: 20px;
}

ul.nav > li > a:hover {
    text-decoration: none;
    background: transparent;}

/*-----------Page Navigatin top----*/

.true-play-top-section {
    margin-left: 20% !important;
}
ul.page-nav {
    display: inherit;
    list-style: none;
}

.block {
    float: left;
    width: 15%;
    height: 150px;
}
.hovicon {
display: inline-block;
    font-size: 15px;
    line-height: 17px;
    cursor: pointer;
    margin: 20px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    text-decoration: none;
    z-index: 1;
    color: #fff;
    padding-top: 38px;
        font-family: 'Josefin Sans', sans-serif;
}
.hovicon.small {
    font-size: 20px;
    line-height:45px;
    width:45px;
    height:45px;
    margin:7px;
}
.hovicon.mini {
    font-size: 15px;
    line-height:32px;
    width:30px;
    height:30px;
    margin:7px;
}
.hovicon.auto-width {
    width: auto;
    height: auto;
    padding: 15px;
}
.hovicon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.hovicon:before {
    speak: none;
    font-size: 48px;
    line-height: 90px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/**-- Add-ons tool tip icon---**/
.wcpa_tooltip_icon {
  border: none !important;  
  background-color: #ffcd00; 
  color: black !important; 
  cursor: pointer; 
  padding: 7px 5px 5px 5px !important; 
  border-radius: 50%; 
  width:15px;
  height:15px; 
  font-size: 11px; 
}

/**-- Login Floating Nav---**/
#login-float-Btn {
  display: none; 
  position: fixed; 
  top: 130px; 
  right: 15px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #008ad8; 
  color: white; 
  cursor: pointer; 
  padding: 5px; 
  border-radius: 20px; 
  width:auto;
  height:40px; 
  font-size: 14px; 
}

/**-- Cart Floating Nav---**/
#cart-float-Btn {
  display: none; 
  position: fixed; 
  top: 190px; 
  right: 15px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #ffffff; 
  color: white; 
  cursor: pointer; 
  padding: 5px; 
  border-radius: 50%; 
  width:50px;
  height:50px; 
  font-size: 24px;  
}

/**-- Cart Contents Floating Nav---**/
#cart-float-Dot {
  display: none; 
  position: fixed; 
  top: 220px; 
  right: 45px; 
  z-index: 100; 
  border: none; 
  outline: none; 
  background-color: #FF6A13; 
  color: white; 
  cursor: pointer; 
  padding: 0px; 
  border-radius: 25%; 
  width:40px;
  height:20px; 
  font-size: 14px;  
}

/**-- Store Floating Nav---**/
#store-float-Btn {
  display: none; 
  position: fixed; 
  top: 250px; 
  right: 15px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #ffffff; 
  color: white; 
  cursor: pointer; 
  padding: 5px; 
  border-radius: 50%; 
  width:50px;
  height:50px; 
  font-size: 24px;  
}

/**-- Hours Right Nav---**/
#back-to-hours-Btn {
  display: none; 
  position: fixed; 
  bottom: 30px; 
  left: 15px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #008ad8; 
  color: white; 
  cursor: pointer; 
  padding: 5px; 
  border-radius: 50%; 
  width:50px;
  height:50px; 
  font-size: 24px; 
}

/**-- Price Right Nav---**/
#back-to-price-Btn {
  display: none; 
  position: fixed; 
  bottom: 30px; 
  left: 75px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #319e31; 
  color: white; 
  cursor: pointer; 
  padding: 5px; 
  border-radius: 50%; 
  width:50px;
  height:50px; 
  font-size: 24px; 
}

/**-- Directions Right Nav---**/
#back-to-directions-Btn {
  display: none; 
  position: fixed; 
  bottom: 30px; 
  left: 135px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #ffcd00; 
  color: white; 
  cursor: pointer; 
  padding: 8px; 
  border-radius: 50%; 
  width:50px;
  height:50px; 
  font-size: 24px; 
}

/**-- Back to top Right Nav---**/
#back-to-top-Btn {
  display: none; 
  position: fixed; 
  bottom: 125px; 
  right: 15px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #c92a39; 
  color: white; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 50%; 
  font-size: 18px; 
}

#back-to-top-Btn:hover {
  background-color: #319e31; 
}

.wcpa_price_summary .wcpa_options_total, .wcpa_price_summary .wcpa_product_total, .wcpa_price_summary .wcpa_fee_total, .wcpa_price_summary .wcpa_total { display: none !important;
}

/* Login/Add to cart/Wishlist menu */
.login-menu-mobile{
    visibility: hidden;display: none;
}
.login-menu {
    color: white;
    border-radius: 45px;
    padding: 7px 0px 0px 45px;
    font-size: 18px;
    font-weight: 500;
    word-spacing: 2px;
    position: relative;
    right: 7%;
}

.menu-add-to-button {
    float: right;
    display: flex;
}

a.menu_add_to_cart {
    margin-right: 10px;
    width: 25px;
    margin-top: 3px;
}

a.menu_wishlist {
    margin-right: 10px;
    width: 25px;
    margin-top: 3px;
}

a.menu_directions {
    margin-right: 10px;
    width: 75px;
    margin-top: 3px;
}
.signup-button {
    /* border-radius: 5px; */
    padding: 6px 10px 4px 10px;
    color: #000 !important;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif !important;
}


/*Page Navigation  */
 .hovicon.effect-8 {
       
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.hovicon.effect-8:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.hovicon.effect-8:hover {
        
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;
}

.hovicon.effect-8:hover i {
    color: #fff;
}
.hovicon.effect-8:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    -moz-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -webkit-transform: scale(1.5);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        -moz-transform: scale(1.5);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.3;
    }
    40% {
        opacity: 0.5;
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
        transform: scale(1.5);
        opacity: 0;
    }
}
/*-----Footer---*/
/*.site-footer {background-color: #000000 !important;}*/

.footer {
    background-color: black !important;
    color: white;
}

.footer-primary {
    padding-top: 60px;
}

.social .fa {
    background: white;
    padding-top: 8px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: black;
    text-align: center;
}

.social {
    margin-top: 16px;
    margin-bottom: 16px;
    word-spacing: 14px;
    padding-left: 27px;
}

.footer-address {
    font-size: 15px;
    font-weight: 300;
}

.footer-job-btn {
    background-color: black;
    color: #ff6a13;
    /* margin: 5px; */
    padding: 8px 20px;
    border: 1px solid #ff6a13;
    text-align: center;
    width: 150px;
    margin-left: 34px;
}

.footer-job {
/*    margin-top: 45px;
    margin-bottom: 20px;*/
}

.footer-job-text{
    font-size: 15px !important;
}

.footer-heading {
    font-size: 18px;
    font-weight: 500;
        margin-bottom: 22px;
}

.footer-timing {font-size: 15px;}
.footer-calender-text {    
    margin-left: 20px;
    font-size: 15px !important;
}
.footer-calender-text a {color: #ff6a13;}


/*----footer contact form---*/

.footer-form-field input[type="text"],
.footer-form-field input[type=email],.footer-form-field input[type=password],
.footer-form-field input[type=search],.footer-form-field input[type=tel],
.footer-form-field input[type=text],.footer-form-field input[type=url],.footer-form-field textarea{
    margin-bottom: 12px !important;
    background-color: black !important;
    padding: 10px 20px !important;
    border: 1px solid #ffffff !important;
    width: 250px !important;
    color: #fff !important;
        font-family: 'Josefin Sans', sans-serif !important;
}
.footer-form-field .input-text:focus,
.footer-form-field input[type=email]:focus,.footer-form-field input[type=password]:focus,
.footer-form-field input[type=search]:focus, .footer-form-field input[type=tel]:focus,
.footer-form-field input[type=text]:focus, .footer-form-field input[type=url]:focus,
.footer-form-field textarea:focus, {
    margin-bottom: 12px !important;
    background-color: black !important;
    padding: 10px 20px !important;
    border: 1px solid #ffffff !important;
    width: 250px !important;
    color: #fff !important;
}

.footer-form-field input[type="submit"]{
    margin: 5px;
    background-color: black !important;
    padding: 8px 20px;
    color: #ff6a13 !important;
    border: 1px solid #ff6a13;
    width: 250px;
    text-align: center;
    margin-left: 10px;
}

.footer-form-field input[type="submit"]:hover{
    margin: 5px;
    background-color: #ff6a13 !important;
    padding: 8px 20px;
    color: #fff !important;
    border: 1px solid #ff6a13;
    width: 250px;
    text-align: center;
    margin-left: 10px;
}

.widget-area p {
    margin-bottom: 0;
}



.footer-news-btn {
    background-color: black;
    color: #ff6a13;
    padding: 5px 39px;
    border: 1px solid #ff6a13;
        margin-top: 25px;
}


.copyright-area {
    border-top: 1px solid #ffffff;
    font-size: 12px;
    margin-top: 10px;
    padding-top: 10px;
}
.footer-job-btn:hover {
    background-color: #ff6a13;
    color: #fff;
    border: 1px solid #ff6a13;
}


/*-----Login Page---*/
.mobile-login-btn{visibility: hidden;display: none;}
.login-page-background{
    background-image: url("../img/Login_image.png"); 
     background-repeat: no-repeat, repeat;
  background-position: 0 83%;
    background-size: 50%;

}

.clear{
    clear:both; 
    display:block; 
    height:0; 
    width:auto;
}

.login-row-container{
    font-family:Arial, Helvetica, sans-serif; 
    margin: 23px 0px 23px 23px;
}


.login-row {
    position: relative;
    overflow: hidden;
    height: auto !important;
}

.login-row-handle {
    display: inline-flex;
}

.login-row-handle > a {
    cursor: pointer;
    display: block;
    color: #1919193d;
font-weight: 600;
    font-size: 18px;
    padding: 7px 0px 7px 4px;
    line-height: 20px;
    text-decoration: none;
    outline: 0;
    float: left;
    /* border-right: #ccc 1px solid; */
    text-transform: uppercase;
}

.login-row-handle a.open{
      color: #000000;
    text-transform: uppercase;
        text-decoration: none;
}

.login-row-handle > a:hover {
    color: #ff6a13;
        text-decoration: none;
}

@supports (display: contents) { /* workaround because edge doesnt support display: contents */
.login-row-content {
    color: #666;
    font-weight: normal;
    line-height: 150%;
    font-size: 13px;
    display: none;
    position:absolute;
    top:0;
    left:0;
}

.login-row-content.open{
   display:block;
}


.login-row-content.open{
    display: contents;
} 


.login-row-content p {
    padding: 0 14px 10px 14px;
}

.login-row-content input {
    box-shadow: none !important;
    border-bottom: 1px solid #555 !important;
    /*width: 85% !important;*/
    font-family: 'Josefin Sans', sans-serif;
    background-color: #fff !important;
}

.login-row-content input:focus{
      background-color: #e6e5e500 !important;
    color: #000000 !important;

}

.login-row-content label {
   /* visibility: hidden;*/
}

.login-row-content input::placeholder {
    color: black !important;
    font-family: 'Josefin Sans', sans-serif;
}

}

/*----*/
.login-section {
    background-color: #f8f8f8;
    padding: 42px 150px;
}

.inner-login-section {
       padding: 25px 0px 25px 28px;
    background-color: #fff;
    min-height: 570px !important;
}

.login-page-address {
    position: absolute;
     top: 5%; 
    background-color: #00000085;
    padding: 9px 6px;
    right: 20%;
    font-size: 13px;
   /* bottom: 2% !important;*/
}

.login-row-container button {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #fff;
        width: 10% !important;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 5px;
}

.login-row-container button:hover {
    background-color: #026702 !important;
    border-color: #026702 !important;
}

.label-title label {
    visibility: hidden !important;
    display: none !important;
}

.remember-me {
   display: flex !important;
    margin-left: -27px !important;
}

span.remember-me-text {
    padding-top: 7px !important;
}

.remember-me-icon {
    width: 34px !important;
    /* margin: 3px !important; */
	height: 16px;
}

/*-----Front page----*/

a.right.carousel-control {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%) !important;
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) ;
    background-repeat: repeat-x;
}

a.left.carousel-control {
    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%) !important;
    background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%) !important;
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0, 0, 0, 0))) ;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}

.homepage-banner{position: relative;}
.homepage-banner img { width: 100%;}
.frontpage_img{ top: 40%;}
.frontpage_middle_section {
    margin-top: 95px;
    margin-bottom: 95px;
    }

.homepage_overlay-text {
    position: absolute;
    z-index: 1;
    top: 29%;
    left: -60px;
    margin-top: -140px;
    text-transform: uppercase;
    font-size: 8px;
    width: 125px;
    height: 125px;
    border-radius: 82px;
}

.font-page-img img {
    border-radius: 15px;
    box-shadow: 0 0.5rem 2rem rgba(0,0,0,.15)!important;
    width: 100%;
        height: 95%;
}
.homepage_overlay-text h2 {
    font-size: 28px;
    padding-top: 38%;
    font-family: Marker-felt;
    color: #ffffff;
    font-weight: 700;
}

.homepage-heading {
    font-family: Marker-felt;
    font-weight: 700;
    font-size: 20px;
}

.faq-heading span {
    display: inline-block;
    margin-left: -6px;
}

/*-----Accordion---*/

details {
     width: 100%;
    min-height: 5px;
    /* max-width: 700px; */
    padding: 18px 48px 18px 48px;
    margin: 0 auto;
    position: relative;
    font-size: 22px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 15px;
    box-sizing: border-box;
    transition: all .3s;
    font-family: 'Josefin Sans', sans-serif;
}

details + details {
  margin-top: 20px;
}

details[open] {
  min-height: 50px;
  background-color: #f6f7f8;
  box-shadow: 2px 2px 20px rgba(0,0,0,.2);
}

details p {
color: #6b6b6b;
    font-weight: 100;
    font-size: 18px;
}

details li {
    color: #6b6b6b;
    font-weight: 100;
    font-size: 18px;
}

summary {
  font-weight: 400;
  cursor: pointer;
  font-size: 20px;
  font-family: 'Josefin Sans', sans-serif;
}


summary:focus {
  outline: none;
}

summary::-webkit-details-marker {
  display: none
}

summary::after {
  padding: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  color: rebeccapurple;
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f078";
  transform: translateY(-50%);
  transition: .3s ease;
}

details[open] summary::after {
  content: "\f057";
  font-size: 30px;
  top: 0;
  transform: translateY(0);
  transition: .3s ease;
}

details[open] summary:hover::after {
  animation: pulse 1s ease;
}

@keyframes pulse {
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

/*---Membership---*/
.member-box-btn {
    background-color: #ffcd00;
	font-weight: bold;
	    color: #ffffff;
	border-radius: 4px;
    width: 70%;
        margin: 20px 40px;
    padding: 6px;
}

.reservation-box-btn {
    background-color: #ffcd00;
	min-width: 240px;
	font-weight: bold;
	    color: #ffffff;
	border-radius: 12px;
    width: 70%;
        margin: 10px 40px;
    padding: 6px;
}
/*---Hide the membership discount message on product page---*/
.woocommerce-info.wc-memberships-member-discount-message {
    display: none;
}

/*---Learn---*/
.learn-text {
    font-size: 20px;
}

.learn-circle-bg{
    z-index: 1;
    
    width: 86px;
    height: 86px;
    border-radius: 50%;
}
.learn-circle-text{
   font-size: 13px;
    padding: 38px 9px;
   font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    font-weight: 700;
}
.learn-circle-offset{
    margin-left: 410.333333%;
}
.learn-img{
        max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 50%}

.learn-heading {
    font-weight: 700;
    font-size: 30px;
}
.learn-text-box{
        padding: 40px;
            font-size: 18px;
}

.learn-btn {
    background-color: #ffffff;
    padding: 12px 50px 12px 0px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    margin-top: 50px;
    width: 210px;
}
img.arr-icon {
    display: inline-block;
    margin-left: 22px;
}
/*---------------------
                 TemplatePurpose
                 -------------------------------------*/
.purpose-circle-bg{
    z-index: 1;
        text-align: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.purpose-circle-text{
   font-size: 12px;
    padding: 30px 9px;
    font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    font-weight: 500;
}
.purpose-circle-offset{
    margin-left: 398.333333%;
}
.purpose-img{
        max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 50%}

.purpose-heading {
    font-family: Marker-felt;
    font-weight: 700;
    font-size: 30px;
}
.purpose-text-box{
        padding: 0px 0px 0px 40px;
}

.purpose-btn {
        background-color: #ffffff;
    padding: 12px 12px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    margin-top: 50px;
}

                 
/*---Purpose---*/
.true-play-top-section a {
    text-decoration: none;
}
.purpose-circle-bg{
    z-index: 1;
        text-align: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}
.purpose-circle-text{
   font-size: 12px;
    padding: 30px 9px;
        font-family: 'Josefin Sans', sans-serif;
    color: #ffffff;
    font-weight: 500;
}
.purpose-circle-offset{
    margin-left: 398.333333%;
}

.border-img{
margin-left: 8%;
    margin-top: 4%;
    margin-bottom: 4%;
}

.circle-bg-button-text{
    height: 250px;
    width: 250px;
    border-radius: 50%;
    font-size: 28px;
    color: #fff;
    line-height: 39px;
    text-align: center;
        font-family: 'Josefin Sans', sans-serif;
    padding-top: 100px;
}

.circle-bg-text{
    height: 250px;
    width: 250px;
    border-radius: 50%;
    font-size: 28px;
    color: #fff;
    line-height: 39px;
    text-align: center;
        font-family: 'Josefin Sans', sans-serif;
    padding-top: 100px;
}
.directions-oval {
	display: none;	
}
.side-text {
    font-size: 20px;
       font-family: 'Josefin Sans', sans-serif;
}


.purpose-img{
        max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    border-radius: 50%}

.purpose-heading {
        font-family: Marker-felt;
    font-weight: 700;
    font-size: 30px;
}
.purpose-text {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    font-size: 20px;
    padding-left: 40px;
}
.purpose-text-box{
        padding: 0px 0px 0px 40px;
            padding-bottom: 0 !important;
}

.purpose-btn {
        background-color: #ffffff;
    padding: 12px 50px 12px 0px;
        font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    margin-top: 50px;
       margin-left: 40px;
       margin-bottom: 10px;
    width: 210px;
}

.source-section {
    border-top: 2px solid #efefef;
    margin-top: 45px !important;
}

.source-title {
    font-size: 15px;
    color: black;
    font-weight: 300;
}

.source-text {
    font-size: 12px;
}
/*---Play---*/

.play-img img{
     border-radius: 15px;
    box-shadow: 0 0.5rem 2rem rgba(0,0,0,.15)!important;
    width: 85%;
}

.top-l-border-img {
        margin-left: 4%;
    margin-bottom: 3%;
    margin-top: 3%;
    margin-right: 5%;
}
.top-r-border-img{
    margin-bottom: 3%; 
}

/*-----Party----*/
.party-list img {
    display: inline-block !important;
    float: left;
    margin-right: 10px;
}

img.party-img {
    width: 100%;
}

.party-circle {    
        border-radius: 50%;
    /* width: 284px; */
    height: 349px;

}

p.party-circle-content {
color: white;
    padding-top: 110px;
    font-size: 20px;
    font-family: 'Josefin Sans', sans-serif;
}
.party-overlay {
    position: absolute;
    z-index: 1;
    left: 33%;
    margin-top: -65px;
    width: 130px;
    height: 130px;
    border-radius: 65px;
}
.party-overlay-text {
    font-size: 17px;
    color: white;
    position: absolute;
    /*top: 150%;*/
    padding-top: 45px;
    text-transform: uppercase;
    font-family: 'Josefin Sans', sans-serif;
}
.party-box-btn {
	font-weight: bold;
	    color: #ffffff;
	border-radius: 16px;
    width: 70%;
        margin: 20px 40px;
    padding: 6px;
	box-shadow: 5px 10px 8px #888888;
}
.party-border-box {
        border: 2px solid #c3c1c1;
            min-height: 490px;
}
.party-list {
    list-style: none;
}
.party-box-text {
       margin-top: 0px;
	   padding-top: 80px;
    margin-left: 2px;
    margin-right: 20px;
    font-size: 16px;
       font-family: 'Josefin Sans', sans-serif;
}
.private-party-box-text {
           margin-top: 5px;
	margin-left: 2px;
    margin-right: 20px;
    font-size: 16px;
       font-family: 'Josefin Sans', sans-serif;
}
.left-row{
display: flex;
justify-content: flex-end;

}

/*----players---*/

.players-round-box {
    padding: 10px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
}
.players-round-box-text {
    color: white;
        font-family: 'Josefin Sans', sans-serif;
    font-size: 18px;
    margin-top: 40px;
}

.player-list-heading {
    font-size: 28px;
    font-weight: 700;
}

.player-list-text {
    padding-left: 40px;
    padding-right: 40px;
}

img.player-box-image {
    width: 100%;
    border-radius: 50%;
       /* box-shadow: -2px 1px 13px grey;*/
}

.player-circle {    
    border-radius: 50%;
    width: 300px;
    height: 300px;
}

p.player-circle-content {
    color: white;
    padding-top: 105px;
        font-size: 20px;
        font-family: 'Josefin Sans', sans-serif;
}
.player-overlay {
        position: absolute;
    z-index: 1;
    top: 20%;
    left: 30%;
    margin-top: -140px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
}
.player-overlay-text {
    font-size: 14px;
    color: white;
    position: absolute;
    top: 153%;
    margin-top: -156px;
    text-transform: uppercase;
        font-family: 'Josefin Sans', sans-serif;
}
.player-border-box {
       border: 2px solid #f1f1f1;
    box-shadow: -2px 1px 13px #d0cdcd;
    border-radius: 7px;
}

.player-box-text {
          margin-top: 90px;
    
    margin-bottom: 30px;
    font-size: 16px;
        font-family: 'Josefin Sans', sans-serif;
}

.lil-player-box-heading {
    font-size: 25px;
    font-weight: 700;
}

.lil-player-box-text {
    font-size: 14px;
    color: #807676;
    margin-left: 18px;
        min-height: 55px;
}

.lil-player-box-btn {
    width: 70%;
        margin: 20px 40px;
    border-radius: 7px;
    padding: 6px;
}

/*----Visit page Calendar ----*/

    .true-play-event .mec-calendar-side.mec-clear {
    padding: 0;
}

.true-play-event .mec-calendar-header {
    background-color: #008ad8;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 6px;
}

.true-play-event h2 {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.true-play-event h6.mec-table-side-title {
    padding-top: 25px;
    color: #ffffff;
    font-weight: 700;
}

.true-play-event h3.mec-color.mec-table-side-day {
    width: 38px;
    height: 38px;
    line-height: 33px;
    color: white;
    border-color: white;
}


.true-play-event .mec-event-detail {
    color: #ffffff !important;
    padding: 12px;
}

.true-play-event dt.mec-calendar-day-head {
    background-color: #008ad8 !important;
    border: 0;
    color: #ffffff;
}

.true-play-event .mec-calendar-events-side.mec-clear {
    background-color: #008ad8;
    padding: 0;
    border: 1px solid #ffffff;
}
/*----The Event Calendar pro---*/
.true-play-event-2 .tribe-events-calendar {
    table-layout: auto !important;
}

.true-play-event-2 form#tribe-bar-form {
    background-color: #008ad896 !important;
}

.true-play-event-2 input.tribe-events-button.tribe-no-param {
    background-color: #008ad8 !important;
}

.true-play-event-2 .tribe-events-calendar th {
    background-color: #008ad8 !important;
}

.true-play-event-2  .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
    background-color: #666;
    color: #fff;
}
.first{
    border-bottom: 5px solid red;
}
.second{
    border-bottom: 5px solid orange;
}
.third{
    border-bottom: 5px solid green;
}
.forth{
    border-bottom: 5px solid purple;
}


/*----Visit page ----*/
.tribe-bar-views-inner {
    background: none !important;
}
#tribe-bar-form input[type=text] {
    background-color: #fff !important;
    }



/*----Inner Learn page form ----*/
.breadcrumb {
    margin-top: 20px;
    font-size: 20px;
    color: #000;
    background-color: #7d3bb782;
    font-family: Marker-felt;
}
.bc-icons-2 .breadcrumb-item + .breadcrumb-item::before {
content: none; }
.bc-icons-2 .breadcrumb-item.active {
color: #455a64; 
}

ul.lil-movers-details {
    font-size: 20px;
    font-family: 'Josefin Sans', sans-serif;
}
    .lil-learner-heading {
    font-family: Marker-felt;
    font-size: 30px;
    font-weight: 700;
}
.lil-learner-li {
    margin-left: 40px;
    margin-right: 58px;
    line-height: 37px;
}
.table-border-lil-learner td, .table-border-lil-learner th{
    border: 1px solid #5f5f5f;
}
.table-border-lil-learner {
    border: 1px solid #5f5f5f;
}

.learn-register {
    padding: 4px;
    border-radius: 8px;
}

.lil-learner-form-select {
        color: black;
    width: 265px;
    border-radius: 6px;
    padding: 5px;
    margin-top: 18px;
    margin-left: 10px;
}

button.lil-learner-reg-btn {
    width: 262px;
    border-radius: 6px;
    padding: 3px;
    color: white;
    border-color: #008ad8;
    margin-left: 10px;
}

button.lil-mover-reg-btn {
    width: 262px;
    border-radius: 6px;
    padding: 3px;
    color: white;
    border-color: #008ad8;
    margin-left: 10px;
}

button.lil-player-reg-btn {
    width: 262px;
    border-radius: 6px;
    padding: 3px;
    color: white;
    border-color: #008ad8;
    margin-left: 10px;
}



/*---Shop/ product page ----*/

.product_cat-booking .price {
   display: none;
 }

.product-list .woocommerce ul.products li.product a img {
   height: 200px;
}


.product-list .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
   /* padding: 15px;*/
    box-shadow: 1px 1px 5px #aaaaaa;
        margin: 23px;
}

.product-list .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
text-align: left !important;
    padding: 12px;
}

.product-list .woocommerce ul.products li.product .button {
    background-color: #ffcd00;
    border: 2px solid #ffcd00;
    border-radius: 7px;
        margin-bottom: 30px;
}

.product-list .woocommerce ul.products li.product .button:hover {
    background-color: #319e31e3;
    border: 2px solid #319e31;
    border-radius: 7px;
    color: white;
}

.product-list .woocommerce ul.products li.product .price {
    color: #319e31;
font-size: 17px;
    font-weight: 600;
    text-align: center;
    padding-left: 0px;
    padding-top: 0px;
}


.product-list ul.products li.product {
    width: 25% !important;
}

.product-category-section:after {
content: "";
    background: #eae7e7;
    position: absolute;
    bottom: 0;
    right: 4%;
    height: 108%;
    width: 1px;
    top: 0%;
    z-index: -1;
}

ul.product-category {
    list-style: none;
    margin-left: 0 !important;
   /* border-right: 1px solid #cac7c7;*/
}

li.product-category-list {
padding: 15px 10px 15px 36px;
    font-size: 21px;
    font-weight: 600;
    color: #000;
    border-bottom: 1px solid #eae7e7;
}

.product-category-active {
    color: #fff !important;
}

.product-list {
    margin-left: 10px !important;
    margin-right: 0px !important;
}


.mydropdown {
    display:inline;
}

a li.product-category-active:after {
width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-left: 15px solid #008ad8;
    border-bottom: 16px solid transparent;
    content: "";
    position: absolute;
    right: 3px;
}

.first {
    border-bottom: 5px solid #ff000000 !important;
}


/*----Woo commerce ----*/

.true-play-product .woocommerce ul.products li.product a img {
   height: 150px;
}


.true-play-product .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    padding: 15px;
    box-shadow: 1px 1px 5px #aaaaaa;
        margin: 18px;
}

.true-play-product .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 16px !important;
    font-weight: 700;
    color: #000000;
    /* text-align: left; */
    margin: 12px 12px 0px 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 205px;
    white-space: nowrap;
}

.true-play-product .woocommerce ul.products li.product .button {
    background-color: #ffcd00;
    border: 2px solid #ffcd00;
    border-radius: 7px;
}

.true-play-product .woocommerce ul.products li.product .button:hover {
    background-color: #319e31e3;
    border: 2px solid #319e31;
    border-radius: 7px;
    color: white;
}

.true-play-product .woocommerce ul.products li.product .price {
    color: #319e31;
    font-size: 17px;
    font-weight: 600;
text-align: center;
}

.true-play-product-heading {
        font-family: 'Josefin Sans', sans-serif;
    font-size: 33px;
    position: relative;
}

.true-play-product-heading:after {
    content: "";
    background: #319e31;
    position: absolute;
    bottom: 0;
    left: 45%;
    height: 7%;
    width: 115px;
}

.true-play-product ul.products li.product {
    width: 22% !important;
}


.product_play_page ul.products li.product {
    width: 22% !important;
}

.product_play_page .woocommerce ul.products li.product{
    padding: 15px;
    box-shadow: 1px 1px 5px #aaaaaa;
    margin: 18px;
}

.product_play_page .woocommerce ul.products li.product .button {
    background-color: #ffcd00;
    border: 2px solid #ffcd00;
    border-radius: 7px;
    margin-bottom: 30px;
}

.product_play_page .woocommerce ul.products li.product .button:hover {
    background-color: #319e31e3;
    border: 2px solid #319e31;
    border-radius: 7px;
    color: white;
}


.storefront-product-pagination {
    display: none !important;
}

.woocommerce-product-gallery__image {
    float: right;
}

.woocommerce-product-gallery {
	transition: none !important;
}

.single-product div.product {
        padding-top: 50px;
}

h1.product_title.entry-title {
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 32px;
}

.woocommerce-product-details__short-description {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 15px;
        margin-right: 71px;
}

.wc-bookings-booking-form label {
    font-size: 20px;
    padding: 5px;
    color: #A1A1A1;
    font-family: 'Josefin Sans', sans-serif;
}

.wc-bookings-booking-form .form-field input[type=number] {
        width: 70px !important;
    border-radius: 6px;
    border-style: groove;
    height: 28px;
    margin-left: 14px;
}
button.wc-bookings-booking-form-button.single_add_to_cart_button.button {
    background-color: #319E31;
    border-color: #319E31;
    color: black;
    width: 207px;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 5px;
	box-shadow: 5px 10px 8px #888888;
}

#wl-wrapper .wl-add-but {
    background-color: #ffcd00;
    border-color: #ffcd00;
    color: black;
    width: 207px;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 5px;
}



.product-page-btn-section {
    padding-left: 0px;
}

.prod-page-wl-btn {
background-color: #FFCD00;
    color: #000 !important;
    padding: 10px;
    border-radius: 9px;
    text-align: center;
    margin-top: 22px;
     padding-left: 0px !important;
}

.product-list #wl-wrapper.wl-button-wrap {
       padding: 5px 25px 28px 25px!important;
    text-align: left;
}

#wl-wrapper.wl-button-wrap {
    padding: 0px 25px !important;
    text-align: left;
}
.product-type-simple #wl-wrapper.wl-button-wrap {
    padding: 0px 25px !important;
    text-align: left;
}
.product_cat-subscription #wl-wrapper.wl-button-wrap {
    padding: 8px 25px !important;
    text-align: left;
}
.product-type-simple .quantity {
    display: none;
}

#wl-wrapper .wl-add-link {
    background: url(../img/icon/wishlist.png) no-repeat 0 0 !important;
    padding-left: 24px !important;
    background-size: 14px 13px !important;
}

.related-prod-sec a.button.product_type_booking {
    border-radius: 4px;
    background-color: #FFCD00;
    margin-bottom: 30px !important;
}

.wl-add-link::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f004";
    margin-right: 0.5407911001em;
}

a.wl-add-to.wl-add-link {
    color: #000 !important;
}
.toy-product-list .wishlist-cart-form .quantity {
    margin: 0px 0px 7px -34px!important;
        visibility: hidden !important;
    display: none !important;
}

/***--------------------- 
                           Pagination
                           ---------------------***/
.woocommerce-pagination {
    float: unset !important;
}


.pagination .page-numbers li, .woocommerce-pagination .page-numbers li {
    margin: 14px 2px !important;
}

.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers {
    border: 0.5px solid #707070 !important;
}

.woocommerce-ordering {
    padding: 14px 0 !important;
    margin-left: 17px !important;
}

.woocommerce-result-count {
    padding: 14px 0 !important;
    margin-left: 17px !important;
}



/* Available calendar days background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: #008ad8 !important;
}

/* Available calendar day hover background color */
#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.bookable a:hover {
    background-color: #008ad8 !important;
}
.wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: #008ad8!important;
}

.wc-bookings-date-picker legend {
    display: none;
}

.wc-bookings-booking-form fieldset {
    background-color: #F7F7F7;
    margin: 0 !important;
    border-radius: 9px;
    padding: 12px 12px 0px 12px;
}

table.ui-datepicker-calendar {
    background-color: #F7F7F7;
}

.wc-bookings-date-picker .ui-datepicker th {
    background-color: #F7F7F7 !important;
    color: black !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.wc-bookings-date-picker .ui-datepicker-header {
    background-color: #ffffff !important;
    color: #c92a39 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    border-radius: 9px !important;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev {
    background-color: #008ad8 !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    /* top: 6px; */
    margin: 6px !important;
}

.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span, .wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev span {
    top: 30% !important;
}
.col-md-3.form-field.form-field-wide {
    background-color: #dedede;
    margin-left: 10px;
    height: 326px;
    border-radius: 9px;
    text-align: center;
    padding: 5px;
}



.wc-bookings-booking-form .block-picker li.block {
    display: contents;
}

#wc-bookings-booking-form .block-picker li a {
    display: block;
    border: 1px solid #040404 !important;
    border-radius: 5px !important;
    color: black !important;
    background-color: white !important;
    margin: 6px;
}

.wc-bookings-booking-form .wc-bookings-booking-cost {
    position: inherit !important;
    padding-top: 400px !important;
    color: black !important;
    font-size: 20px !important;
    /*font-weight: 600 !important;*/
    background-color: #fff !important;
    padding-left: 0px !important;
        padding-bottom: 0px !important;
}

.prod-page-time-section {
    background-color: #F7F7F7;
    margin-left: 35px !important;
    height: 333px;
    overflow-y: scroll;
}

.wc_bookings_field_persons label {
    font-size: 25px;
    color: #000;
}

.product-page-btn-section {
    padding-left: 0px;
}

/*---Subscribe button css---*/


button.single_add_to_cart_button.button.alt {
    background-color: #319E31;
    border-color: #319E31;
    width: 282px;
    font-family: 'Josefin Sans', sans-serif;
    border-radius: 39px !important;
    margin-top: 1.681em !important;
    background-image: url(../img/booknow.png);
    z-index: 9999;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 16px 22px !important;
    background-position-x: 35px;
    background-position-y: 7px;
	box-shadow: 5px 10px 8px #888888;
}

/*---Add to wishlist button css---*/
#wl-wrapper .wl-add-to {
    text-align: center;
}


/*---------------------------------
                 Cart css
                 -------------------------------------------*/
p.cart-empty {
    margin: 35px 0px 10px 202px;
    color: red !important;
}


dt {
    color: #FF6A13;
    font-size: 14px;
}

dd {
    color: #000;
    font-size: 14px;
}

td.product-name a {
    font-size: 20px;
    color: black;
    font-weight: 600;
}

td.product-price {
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

td.product-subtotal {
    color: #319E31;
    font-size: 20px;
    font-weight: 600;
}

input#coupon_code {
    background-color: #fff;
    border: 2px solid #dedede;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
/*        margin-left: 13px;*/
}

.cart-table {
    background-color: #F3F3F3 !important;
    margin-top: 64px;
}

.cart-subtotal th {
    background-color: #F3F3F3 !important;
    font-size: 20px !important;
    font-weight: 400;
    color: #000;
    padding: 10px !important;
}

.order-total th {
    background-color: #F3F3F3 !important;
    font-size: 20px !important;
    font-weight: 400;
    color: #000;
    padding: 10px !important;
}

.cart-subtotal td {
    background-color: #F3F3F3 !important;
    font-size: 20px !important;
    font-weight: 600;
    color: #000;
    padding: 10px !important;
}

.order-total td {
    background-color: #F3F3F3 !important;
    font-size: 20px !important;
    font-weight: 600;
    color: #000;
    padding: 10px !important;
}

.coupon button.button {
    background-color: #555555;
    margin: -10px;
    border: 2px solid #B7B7B7;
    border-bottom-right-radius: 9px;
    border-top-right-radius: 9px;
        color: #FFFFFF;
    font-size: 14px;
}

.update-cart-btn {
    margin: 18px;
    background-color: #555;
    border-radius: 8px;
    color: white;
    margin-left: 59px;
        display: none !important;
    visibility: hidden;
}

.cart_totals {
    float: left !important;
    font-size: 15px;
/*    margin-left: 52px !important;*/
    width: 300px !important;
}

a.checkout-button.button.alt.wc-forward {
background-color: #319E31;
    border-radius: 9px;
    margin-top: 37px;
}

a.cartpage-shop-link {
    color: #018AD8;
    font-size: 24px;
    text-decoration: underline;
    margin: 0px 0px 0px 58px;
}

a.remove {
    display: contents !important;
    color: #008AD8;
    font-size: 16px !important;
    text-decoration: underline;
}


a.remove::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: none !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: -.125em;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f057";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #e2401c;
    line-height: 1.618;
    text-indent: 0;
    text-align: center;
}

.woocommerce-cart-form__contents thead {
    background-color: #e6e6e6 !important;
    color: #707070;
    font-size: 17px;
}

.woocommerce-cart-form__contents tbody {
    background-color: #F3F3F3 !important;
}


/*---------Checkout-------------*/
.woocommerce-billing-fields input {
    box-shadow: none !important;
    border-bottom: 1px solid #555 !important;
    /*width: 85% !important;*/
    font-family: 'Josefin Sans', sans-serif;
    background-color: #f8f8f8 !important;
}

.waiver-form {min-width: 480px; max-width: 600px; /*margin-left: 25px;*/   /* margin-right: 49%;*/}

.waiver-form-inner input::placeholder {
    visibility: hidden;
}

.waiver-form-inner{
    background-color: #f8f8f8;
    margin-bottom: 0px;
    padding-bottom: 11px;
    display: -webkit-inline-box !important;
}

.waiver-form-inner h3 {
    position: absolute;
    top: 30%;
}

.waiver-form-inner label {
.waiver-form-inner label {
    box-shadow: none !important;
    width: 100% !important;
    font-family: 'Josefin Sans', sans-serif;
    background-color: #f8f8f8 !important;
    font-size: 12px !important;
}
}

.child-form-inner input::placeholder {
    visibility: hidden;
}


.child-form-inner label {
.child-form-inner label {
    box-shadow: none !important;
    width: 100% !important;
    font-family: 'Josefin Sans', sans-serif;
    background-color: #f8f8f8 !important;
    font-size: 12px !important;
}
}
td.product-name {
    background-color: #f8f8f8 !important;
}


.child-form-inner{
    background-color: #f8f8f8;
    margin-bottom: 0px;
    padding-bottom: 11px;
    display: -webkit-inline-box !important;
}

.child-form-inner h3 {
    position: absolute;
    top: 30%;
}

.woocommerce-billing-fields {
    margin: 19px;
    padding-left: 50px;
    background-color: #f8f8f8;
    margin-bottom: 50px;
}

.woocommerce-billing-fields p {
    display: inline-grid;
}

.woocommerce-account-fields {
    display: inline-grid;
    margin-left: 20px;
	margin-right: 20px !important;
    padding-left: 70px;
}


.woocommerce-additional-fields {
padding-left: 50px;
    background-color: #f8f8f8;
    padding-right: 50px;
    padding-top: 20px;
    margin-bottom: 10px;
    display: block;
    margin-right: 20px;
    margin-left: 20px;
    padding-bottom: 10px;
}

.woocommerce-additional-fields span.woocommerce-input-wrapper {
    width: 100%;
}

.entry-content .woocommerce-account-fields {
    padding-left: 50px;
    background-color: #f8f8f8;
    padding-right: 50px;
    padding-top: 20px;
    display: block;
    margin-right: 40px;
}

h3#order_review_heading {
    color: black;
    font-weight: 500;
}

.woocommerce-billing-fields h3 {
    border-bottom: 1.5px solid #319E31;
    padding-bottom: 10px;
    margin-bottom: 48px;
    color: black;
    font-weight: 600;
        padding-top: 20px !important;
            margin-right: 5%;
}

.woocommerce-checkout-review-order-table {
	background-color: #f8f8f8 !important;
	margin-bottom: 10px
}

.woocommerce-checkout-review-order {padding-right: 50px;}

@media (max-width: 767px) {
	.order_review_heading {
		padding-left: 20px;	
	}
	.woocommerce-checkout-review-order {
		padding-right: 35px;
		padding-left: 35px;
	}
}

td.product-total {background-color: #f8f8f8;}

#payment .place-order {background-color: #fff !important;}

button#place_order {
    background-color: #ffcd00;
    color: #000;
    border-radius: 5px;
    font-size: 15px;
}

.select2-container {width: 85% !important;}

span.select2-selection.select2-selection--single {
  /*  padding: .6180469716em;*/
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
}

p#account_password_field {
    display: inherit;
}

/**---------------------
Child Subscription Form
---------------------------------------**/
.child-form {/*margin-left: 25px;*/   /*  margin-right: 9%;*/}

.border-inactive-box {
    border: 2px solid #efefef;
    background-color: #f3f3f394;
}
.first-child-empty-box p a {
    font-size: 148px;
    color: #eee !important;
    margin: 83px;
    margin-left: 124px;
}



/*---------my Account page-------------*/
.entry-header {
    padding: 0 !important;
}
.site-main {
    background-color: #fff !important;
}


h2.login-heading {
    background: #008ad8;
    color: white;
    font-size: 30px;
    padding: 10px;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
}


.my-account-login .form-row label {
    margin-left: 25px;
    margin-top: 11px;
}


/*---my Account Reg---**/

.my-account-reg{
        border-radius: 9px;
    background-color: #ffffff;
    margin: 30px;
    margin-left: 35px;
        padding: 0px !important;
}

.my-account-reg input {
        background-color: #f0f0f0 !important;
    margin: 13px;
    width: 85% !important;
    margin: 13px;
    width: 85% !important;
}
/* extra---*/
div#primary {
    background-color: #fff !important;
}

/* Modify Product odd-ons quantity input field **/
.wc-pao-addon-input-multiplier {
	width: 60px;
}



/* Related product section**/


#wl-wrapper .wl-already-in a {
width: 170px !important;
    text-align: center;
}

#wl-wrapper .wl-already-in ul {
    width: 241px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.wl-already-in li {
    list-style: none;
}

.related-prod-sec a.add_to_cart_button {
    border-radius: 4px;
    background-color: #FFCD00;
    margin-bottom: 30px !important;
}

.related-prod-sec a.button {
    border-radius: 4px;
    background-color: #FFCD00;
    margin-bottom: 30px !important;
}

.related-prod-sec h2 {
    font-size: 18px !important;
    margin-bottom: 0px !important;
    padding-bottom: 3px !important;
    color: #000;
    font-weight: 500;
}

.related-prod-sec span.price {
    color: #319E31 !important;
    text-align: center;
    font-size: 18px;
}

.related-prod-sec img {
margin: 0px !important;
    margin-right: 0px !important;
    /* width: 300px !important; */
    height: 230px;
}

.related-prod-sec ul {
    margin: 0px 0px !important;
}

.related-prod-sec li {
      margin: 18px !important;
    padding: 0px !important;
}
/*---Tag hide---*/

.product_meta {
    display: none;
}
/*-----------------*/

/* Product list section**/

.product-list #wl-wrapper .wl-add-link {
   /* color: #fff !important;*/
}

.product-list form.cart.wishlist-cart-form {
    font-size: 16px;
    font-weight: 700;
    color: #000000;
    float: left;
    display: contents;
}


.subscription-page-wl-btn {
    display: inline-block !important;
    width: 200px !important;
    background-color: #FFCD00;
    color: #000 !important;
    padding: 10px !important;
    border-radius: 9px;
    text-align: center;
    margin-top: 22px;
    padding-left: 0px !important;
}


.product-list a.add_to_cart_button {
    border-radius: 4px;
    background-color: #FFCD00;
    margin-bottom: 30px !important;
}


.product-list span.price {
    color: #319E31 !important;
    text-align: left;
    padding-left: 13px;
    font-size: 18px;
}



.product-list ul {
    margin: 0px 0px !important;
}

.product-list li {
      margin: 18px !important;
    padding: 0px !important;
}

.product_meta {
    display: none;
}


/*-----------------------------------------------------------

Member Dashboard

---------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid rgba(215, 201, 201, 0.85) !important;
}


header h1.entry-title {
/*    visibility: hidden !important;*/
    display: none !important;
}

.acnt-shop-btn {
    float: right;
    border-radius: 8px;
    margin-bottom: 30px;
}

.acnt-shop-btn a {
    color: #fff !important;
}

.woocommerce-MyAccount-content {
width: 63% !important;
    float: left !important;
}

nav.woocommerce-MyAccount-navigation {
    background-color: #013258;
    color: #fff !important;
 /*   padding: 10px 27px;*/
}

.woocommerce-MyAccount-navigation a {
    color: #fff !important;
    font-size: 16px;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--dashboard.is-active {background-color: #008ad8;}

.woocommerce-MyAccount-navigation a {
    color: #fff !important;
    font-size: 18px;
    padding: 13px 27px !important;
}

/*-----
 Order section
 -------*/
h2.ordr-details-heading {
    font-weight: 600 !important;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 22px !important;
}

.my_account_orders_custom th {
    background-color: #F5F6FA !important;
    font-size: 13px !important;
    color: #A3A6B4 !important;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    color: #008AD8 !important;
    font-size: 14px !important;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status {
    color: #008AD8 !important;
    font-size: 14px !important;
}

td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date {
    color: #4D4F5C !important;
    font-size: 15px !important;
}

a.woocommerce-button.button.view {
    background-color: #D66161 !important;
    border-radius: 8px !important;
    color: #fff;
}

a.woocommerce-button.button.cancel{
        background-color: #D66161 !important;
    border-radius: 8px !important;
    color: #fff;
}


a.button.view{
            background-color: #D66161 !important;
    border-radius: 8px !important;
    color: #fff;
}

/*-----
Subscription dasboard
-----------*/

td.subscription-id.order-number a {
    color: #008AD8 !important;
    font-size: 14px !important;
}

td.subscription-total.order-total {
    color: #000;
}

/*-----
Address dasboard
-----------*/

header.woocommerce-Address-title.title {
    font-size: 20px;
    margin: 20px;
    padding: 12px;
}

a.edit.edit-address-btn {
    background-color: #D66161 !important;
    border-radius: 8px !important;
    color: #fff;
    padding: 9px 15px;
}

address.address-area {
    margin: 10px 44px !important;
    font-size: 18px !important;
}

.edit-address-area p {
    display: block;
}

/*-----
Address dasboard
-----------*/
.wl-intro {
    margin-bottom: 0 !important;
    margin-top: 45px !important;
    margin-left: 26px;
}

.wl-intro {
    margin-bottom: 0 !important;
    margin-top: 45px !important;
    margin-left: 26px;
}

.wl-tab-wrap.woocommerce-tabs {
    padding: 0px 30px 10px 0px !important;
}

ul.wl-tabs.tabs {
    background-color: #013258;
    /*padding: 22px !important;*/
    color: #fff !important;
    font-size: 18px;
   
}

li.wl-items-tab.active {
    background-color: #008ad8 !important;
    color: #fff !important;
    font-size: 18px;
    
}
li.wl-items-tab.active a{
    padding: 13px 27px !important;
}
li.wl-settings-tab.active a{
    padding: 13px 27px !important;
}
li.wl-settings-tab.active {
    background-color: #008ad8 !important;
    color: #fff !important;
    font-size: 18px;
}

li.wl-items-tab a {
    color: #fff !important;
    padding: 13px 27px !important;
}

li.wl-settings-tab a {
    color: #fff !important;
    padding: 13px 27px !important;
}

li.wl-settings-tab.active a{
    padding: 13px 27px !important;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

/*-----------------------------------------------------------

Media query

-----------------------------------------------------------*/

@media only screen and (max-width: 767px){
	.navbar { max-height: none !important;}
.true-play-logo {height: 60px !important;}

    .woocommerce-MyAccount-content {
    width: 100% !important;
    float: left !important;
}
.woocommerce-MyAccount-navigation a {
    color: #fff !important;
    font-size: 14px;
    padding: 10px 27px !important;
}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3 {
    font-size: 20px !important;
        font-weight: 700;
}
a.edit.edit-address-btn {
    background-color: #D66161 !important;
    border-radius: 8px !important;
    color: #fff;
    padding: 7px 11px;
    font-size: 12px;
}

.top-sec-mobile-view {
    visibility: hidden;
    display: none;
}
.homepage_overlay-text {
    top: 22%;
    left: 120px;
    }
.font-page-imgs{
   padding-bottom: 100px;
}

.reservation-box-btn {
        height: 90px;
    width: 300px;
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
    font-size: 28px;
    color: #fff;
    line-height: 38px;
    text-align: center;
        font-family: 'Josefin Sans', sans-serif;
    padding-top: 11px;
    margin-left: 5px;
}

/* --- footer mediaquery --*/
.footer-address table th,.footer-address .whites-text table th,.footer-address table td{
    background-color: #000  !important;
    color: #fff !important;
}

.footer-timing table th,.footer-timing .whites-text table th,.footer-timing table td{
    background-color: #000  !important;
    color: #fff !important;
        font-size: 11px;
}
/* --- visit mediaquery --*/
.circle-bg-button-text {
    height: 90px;
    width: 300px;
    border-bottom-left-radius: 45px;
	border-bottom-right-radius: 45px;
	border-top-left-radius: 45px;
	border-top-right-radius: 45px;
    font-size: 28px;
    color: #fff;
    line-height: 38px;
    text-align: center;
        font-family: 'Josefin Sans', sans-serif;
    padding-top: 11px;
    margin-bottom: 5px;
}

.circle-bg-text {
    height: 60px;
    width: 300px;
    border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
    font-size: 28px;
    color: #fff;
    line-height: 38px;
    text-align: center;
        font-family: 'Josefin Sans', sans-serif;
    padding-top: 11px;
    margin-left: 5px;
}
	
.directions-oval {
	display: inline-block;	
 		right: auto;
		margin-left: 50%;
		/*transform: translate(50%, 0%);*/
	margin-bottom: 15px;
}

.purpose-heading {
    font-size: 29px;
}

.about-south {
	font-size: 19px;
}

summary {
    font-size: 16px;
}
.product-list ul.products li.product {
  width: 75% !important;
    margin: 35px 45px !important;
}

.product-list .woocommerce ul.products li.product .price {
    color: #319e31;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    padding-left: 15px;
    padding-top: 0px;
}


.login-menu {
    font-size: 12px;
    font-weight: 500;
    word-spacing: 2px;
    position: relative;
    right: 28%;
}

.navbar-expand-md>.container, .navbar-expand-md>.container-fluid {
   /* padding-right: 136px;*/
    padding-left: 0;
}


 button.news-flash-btn {
    margin-left: 27.5rem!important;
    border-radius: 15px;
    padding-left: 2px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 7px;
    }
    .news-flash {
background-color: #319e31;
    color: white;
    /* border-radius: 45px; */
    padding: 0px 0px 5px 0;
    word-spacing: 1px;
    }
    .close-flash a img {
    width: 53%;
}
.close-flash {
    position: absolute;
    padding-left: 9px;
}
    .outer-news-flash {
    background-color: #319e31;
/*    margin-right: 13px;
    margin-left: -75px;
    width: 386px;*/
}
.true-play-product .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: 20px;
    margin: 12px 12px 0px 12px;
    min-height: 41px;
}
h1.product_title.entry-title {
    padding-top: 25px !important;
}


.login-section {
    background-color: #f8f8f8;
    padding: 0px;
}
.login-page-background {
    background-image: url('../img/Login_image.png');
    background-repeat: no-repeat, repeat;
    background-position: 26px 7%;
    background-size: 84% 47%;
}
.login-row-container {
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 20%;
	min-width: 400px;
}
@media (max-width: 767px) {
  .login-row-container {
    margin-top: 20% !important;
  }
}

.login-page-address {
    position: absolute;
    background-color: #00000085;
    /* padding: 9px 6px; */
    right: 35px;
    font-size: 11px;
    top: 346px;
}
a.login-separator:after {
    top: 56%;
}
.footer-job-btn {
    width: 101px;
    margin-left: 34px;
}
.footer-form-field input[type="submit"] {margin-left: 26px;}
.prod-page-wl-btn {
    background-color: #FFCD00;
    color: #000 !important;
    padding: 10px;
    border-radius: 9px;
    text-align: center;
    margin-top: 62px;
    padding-left: 0px !important;
    width: 209px;
    margin-left: 14px;
}
.login-menu {
    display: none;
    visibility: hidden;
}


.cart_totals {margin-left: 33px !important;}
.navbar-header {
    /* margin-bottom: 10px !important; */
    display: flex;
}
ul.nav > li > a{
    line-height: 52px !important;

}

ul {
  list-style-position: inside;
  margin-left: 0 !important;
}

/* Remove padding from before booking cost on mobile screen*/
.wc-bookings-booking-form .wc-bookings-booking-cost {
     padding-top: 10px !important;
 
}


} /******************************************** End Media Query ******************************************************/

@media (min-width: 768px) {

    .right-sidebar .widget-area {
       width: auto !important;
       float:right !important;
       margin-right:0 !important;
   }
    .footer-address td {background-color: #000 !important;}
    .footer-address th {background-color: #000 !important;}
    .footer-timing td {background-color: #000 !important;}
}
    
/*----Media query----*/

@media only screen and (min-width : 481px) {
   .flex-row.row {
     display: flex;
     flex-wrap: wrap;
   }
   .flex-row.row > [class*='col-'] {
     display: flex;
     flex-direction: column;
   }
  .flex-row.row:after, 
  .flex-row.row:before {
     display: flex;
  }

.true-play-product ul.products li.product {width: 100% !important;}

.true-play-product-heading {font-size: 25px;}
}

}

/*Styles by Vinay Singh*/


/*Product list Page */
li.product-category-list{font-size: 20px !important;}



/*CART PAGE STYLING */
#post-48 .entry-header{padding-bottom: 10px;padding-top: 20px;}
tr.woocommerce-cart-form__cart-item td{border-bottom: 1px solid #cdcdcd !important;}
#post-48 td.product-price{padding-top: 22px;}
#post-48 td.product-quantity{padding-top: 24px;text-align: center;font-weight: 600;}
#post-48 td.product-subtotal{padding-top: 20px;}
#post-48 td.product-remove{padding-top: 24px;}

table.cart .product-thumbnail img{max-width: 80px;}

table.cart td.product-quantity .qty{
	border: 1px solid #aaa;
    border-radius: 5px;
    padding: 3px 0 3px 10px!important;
    text-align: center;
}

.order-total th, .order-total td{border-top: 1px solid #cdcdcd !important;}
.woocommerce-cart-form__contents th{background-color: #e6e6e6;}

.cart_totals table, table.cart tbody tr{padding-left: 6px; padding-right: 6px;}
.prod-page-time-section{margin-bottom: 0px !important; }

.hentry.type-page .entry-header{margin-top:20ox;text-align: center;}

#wl-wrapper > form > table > tbody > td:nth-child(1){background-color: #fff;}

/*.product-list form.cart.wishlist-cart-form{display: none;}*/

/*MAIL CHIMP RESPONSE*/
div.wpcf7 .screen-reader-response {
    position: static !important; 
    overflow: auto !important;
     clip:auto !important; 
    height: 35px !important;
    width: 100% !important;
    color:#000;}


button.wc-bookings-booking-form-button.single_add_to_cart_button.button{
    background-image: url(../img/booknow.png);
    z-index: 9999;
    background-repeat: no-repeat;
    color: #fff !important;
    background-size: 23px 26px !important;
    background-position-x: 42px;
    background-position-y: 7px;
	box-shadow: 5px 10px 8px #888888;
}

.product-list .wl-already-in{display: none;}
li.product-category-list{padding-left: 20%;}

a{outline: none !important;}


/*****
Square Recuring Payment Gateway
*******/
.wcsr-input {
    margin: 0 !important;
    font-size: 1.387em !important;
    background-color: #f2f2f2 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125) !important;
    box-sizing: border-box !important;
}