/*
Theme Name:   GymBase Child
Theme URI: https://1.envato.market/gymbase-responsive-gym-fitness-wordpress-theme
Description:  GymBase Child Theme
Author: QuanticaLabs
Author URI: https://1.envato.market/quanticalabs
Template:     gymbase
Version:      1.1
Text Domain:  gymbase
*/


/* Popup Font
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* Popup link style
-------------------------------------------------- */
.am-popup-click{
    display: block;
    width:400px!important;
    height:570px!important;
    margin:0 auto;
    /*background-color:aqua;*/
    
}



/* Serif Font Fix
-------------------------------------------------- */
.home-box h4, .footer-box h4{
    
    font-size: 1.3rem; 

}



/* BMI
-------------------------------------------------- */
.vc_section.light-gray-bg{
    margin-left:0px!important;
	margin-right:0px!important;
    /*padding:0px;*/
}
/*
.vc_section.light-gray-bg{
    margin:0px;
    padding:0px;
}

.light-gray-bg {
    background-color:#28282a;
    width:100%;
}
.cost-calculator-box, body .vc_row .cost-calculator-box, .vc_row .wpb_column .cost-calculator-box {
    background: #28282a;
}
*/


/* New ABOVE THIS EXCEPT @import this for remote
-------------------------------------------------- */



/* Hide top menu inv item
-------------------------------------------------- */
#menu-item-2006 > a:first-child, .menu-item-2006> a:first-child {
  display: none!important;
}


/* Packages buttons
-------------------------------------------------- */
.cost-calculator-box.white .more.gb-button {
    background-color:#59B42D;
    color:#fff;
    border-color:#59B42D;
    width:100%;
}
.cost-calculator-box .more.gb-button {
    width:100%;
}
.cost-calculator-box.white .more.gb-button:hover {
    background-color:#55e22d;
    border-color:#59B42D;
}



/* Gallery Front
-------------------------------------------------- */
.gallery-box .gb-subtitle{
    color:#333;
}

.more.submit-contact-form:hover{
    color:#fff;
    

}

/* Blog button
-------------------------------------------------- */
.more.gb-button:hover{
    color:#fff;

}

/* Post Content Spacing
-------------------------------------------------- */
.post-content .text{
    line-height:26px;
    margin-top:20px;
}




/* Popup Styling
-------------------------------------------------- */
.am-free-class-wrap{
    /*background-color:#000;*/
    padding:0px;
    margin:0px;
	/* background-image: url('https://houseofchrome.co.za/wp-content/uploads/2024/05/free-class-bg.jpg'); */
    /*background-image: url('http://localhost/c/houseofchrome.co.za/www/wp-content/uploads/2024/05/free-class-bg.jpg');*/
    background-size: cover; /* Image will cover the entire container */
    background-repeat: no-repeat;
    background-position: center center; /* Center the image */
    

    
    height:570px;
    
}


.am-free-line1, .am-free-line2, .am-free-line3, .am-free-circle{
    text-align: center; 
    
    font-family: "Anton", sans-serif;
    font-weight: 400;
    font-style: normal; 
}

.am-free-line1{
    color: #55e22d;
    font-size:50px;
    margin-top:40px;
}
.am-free-line2{
    color:#fff;
    font-size:125px;
    margin-top:3px;
    
}
.am-free-line3{
    color:#fff;
    font-size:40px;
    margin-top:3px;
}
.am-free-circle{
    background-image: url('https://houseofchrome.co.za/wp-content/uploads/2024/05/circle.png');
    background-size: cover; /* Image will cover the entire container */
    background-repeat: no-repeat;
    background-position: center center; /* Center the image */
    width:29px;
    height:28px;
    margin:0 auto;
}

.am-inp-container {
    display: flex;
    align-items: center; /* Vertically center elements */
    margin-top:20px;
}

.am-input-group {
    margin-right: 0px; /* Adjust spacing between text boxes and spans */
}

.am-input-group input, .am-wrap-email input {
    width:100%!important;
    border:1px solid #fff;/*#59B42D;*//*#515151;*//*#fff;*//*#54e762;*/
    padding:5px;
    background-color:  rgba(0, 0, 0, 0.6); /*#000;*/ /*#222224;*//*rgba(255, 255, 255, 0.2);*/
}
.am-wrap-name{
    padding-left:20px;
    padding-right:10px;
}
.am-wrap-phone{
    padding-left:10px;
    padding-right:20px;
}
.am-wrap-email{
    padding-right:20px;
    padding-left:20px;
    width:100%!important;
    margin-top:20px;
   
}
.am-wrap-interrested select {
    border: 1px solid #fff; /*#59B42D;*/ /* White 1px border */
    background-color: rgba(0, 0, 0, 0.6); /*#000;*//*#222224;*/ /*rgba(255, 255, 255, 0.2);*/ /* Transparent alpha background */
    color: #fff; /* White text color */
    padding: 8px; /* Adjust padding as needed */
    border-radius: 0px; /* Add border radius for rounded corners */
    width: 100%; /* Adjust width as needed */
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    
}
.am-wrap-interrested select option {
    color:#fff!important;
    background-color: #000;
    
}
.am-wrap-interrested {
    padding-left:20px;
    padding-right:20px;
}
.am-wrap-submit-class submit {
    
}

.am-wrap-submit-class input{
	color: #FFF!important;
	letter-spacing: 0.5px;
	padding: 15px 30px 15px 30px ;
	border: 1px solid #59B42D!important;
	transition: color 0.2s ease 0s, background 0.2s ease 0s, border 0.2s ease 0s;
	-webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s, border 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s, background 0.2s ease 0s, border 0.2s ease 0s;
    background-color:#59B42D!important;
    /*background-color: #55e22d!important;*/
    
    padding-right:20px!important;
    padding-left:20px!important;
    /*margin-left:20px!important;*/
    width:100%;
    
    
}
.am-wrap-submit-class input:hover
{
	background-color: #55e22d!important;
	color: #fff!important;
    border-color: #59B42D!important;
    cursor: pointer;
}
.am-wrap-submit-class{
    width:100%;
    padding-left:20px;
    padding-right:20px;
    text-align: center;

}
.wpcf7-response-output{
    margin-top:0px!important;
    margin-left:20px!important;
    margin-right:20px!important;
    border:1px solid #59B42D!important;
}
.am-wrap-submit-class p, .am-wrap-name p, .am-wrap-phone p, .am-wrap-email p{
    margin:0px!important;
    padding:0px!important;
}

/* NEW - 2021-09-27
-------------------------------------------------- */
.am-dropdown-page-free select{
    width:100%;
    padding:12px 15px 12px 15px;
    background-color:#222224;
    border:1px solid #515151;
    color:#fff;
    font-family: 'Lato', Arial, sans-serif;
    font-size: 15px;

}

.am-page-free-signup label{
    
    margin-bottom:-15px!important;
}
.am-page-free-signup .wpcf7-submit:hover{
    background-color:#55e22d;
    color:#fff;
    cursor: pointer;

}



/* Form */
#6945b46{
    

}






/* Custom Front Gallery
-------------------------------------------------- */
.am-gallery-item{
    /*border:1px #ccc solid!important;*/
    border-width: 1px!important;
    border-color: #515151!important;
    border-style: solid!important;
}
.am-gallery-text{
    margin-left:50px;
    margin-bottom:30px;

}
.am-gallery-item .feature-item{
    margin-top:30px;
    
}


/* Top Row Colors
-------------------------------------------------- */
.home-box-container:nth-child(3n+1) h3 {
    color: #fff!important;
}
.home-box-container:nth-child(3n+3) .gb-button {
    color: #fff!important;
    background-color:#59b42d;
}
.home-box-container:nth-child(3n+3) .gb-button:hover {
    background-color:#409915;
}
.home-box-container:nth-child(3n+3) .icon::after{
    background: #55e22d;
}


.home-box-container:nth-child(3n+1) .gb-button:hover {
    background-color:#55e22d;/*#409915;*/
    border-color:#fff;
}
.home-box-container:nth-child(3n+2) .gb-button:hover {
    background-color:#55e22d;/*#409915;*/
    border-color:#fff;
}
.home-box-container:nth-child(3n+3) .gb-button:hover {
    background-color:#55e22d;/*#409915;*/
}





.cost-calculator-box.cost-calculator-sum.white .cost-calculator-more[type="submit"] {
    background: #409915;
    border-color: #409915;
}

/* Custom
-------------------------------------------------- */
.am-gallery-item .vc_single_image-wrapper img, 
.dct_class_v1 .et_pb_image .et_pb_image_wrap img {
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transform: scale(1);
    -webkit-transform: scale(1);
}


.am-gallery-item .vc_single_image-wrapper {
    overflow: hidden; /* Ensure the image doesn't overflow its container */
    transition: transform 0.3s ease; /* Smooth transition for the zoom effect */
    /*width: 200px;*/ /* Example width for the container */
    /*height: 200px;*/ /* Example height for the container */
}

.am-gallery-item .vc_single_image-wrapper img {
    width: 100%; /* Ensure the image fills the container */
    height: auto; /* Maintain aspect ratio */
}

.am-gallery-item .vc_single_image-wrapper:hover img {
    transform: scale(1.1); /* Scale the image up by 10% on hover */
}




/* Contact icons row margin 768 - 868
-------------------------------------------------- */
.am-contact {
    padding-left:100px;
}
@media only screen and (min-width: 768px) and (max-width: 868px) {
.am-contact {
    padding-left:0px!important;
}
}


/* Mobile menu X
-------------------------------------------------- */
@media screen and (max-width: 767px){
.mobile-menu-switch .line {
    background: #fff!important;
}
}


/* Booking Button - Menu
-------------------------------------------------- */
@media only screen and (min-width: 768px) {
    .menu-item-2006 a{
        margin-left:20px!important;
    }
}


.menu-item-2006 a{
	color: #FFF!important;
	letter-spacing: 0.5px;
	padding: 15px 30px 15px 30px ;
	border: 1px solid #59B42D!important;
	transition: color 0.2s ease 0s, background 0.2s ease 0s, border 0.2s ease 0s;
	-webkit-transition: color 0.2s ease 0s, background 0.2s ease 0s, border 0.2s ease 0s;
	-moz-transition: color 0.2s ease 0s, background 0.2s ease 0s, border 0.2s ease 0s;
    background-color:#59B42D!important;
    /*background-color: #55e22d!important;*/
    
    padding-right:20px!important;
    padding-left:20px!important;
    /*margin-left:20px!important;*/
    
    
}
.menu-item-2006 a:hover
{
	background-color: #55e22d!important;
	color: #fff!important;
    border-color: #59B42D!important;
}


.menu-item-2006 a::after,
.menu-item-2006 a::before
{
	font-size: 16px!important;
	display: inline-block!important;
	margin-left: 10px!important;
	margin-bottom: -2px!important;
	margin-top: -2px!important;
 

}
.menu-item-2006 a::before
{
	margin-left: 0;
	margin-right: 10px;
	-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}



#menu-item-2006 > a:first-child, #menu-item-2006 > a:first-child::after, #menu-item-2006 > a:first-child::before{
  display: none!important;
}