/*
Theme Name: SKT Gym Master
Theme URI: https://www.sktthemes.org/shop/free-physical-fitness-wordpress-theme/
Author: SKT Themes
Author URI: https://www.sktthemes.org
Description: Elevate your fitness center, health club, or exercise studio with our dynamic WordPress theme. Designed for personal trainers, athletic facilities, and wellness hubs, this theme offers sleek design, intuitive customization, and responsive layouts. Engage your clients with powerful class schedules, membership options, and trainer profiles. Whether you run a sports facility, training center, or a fitness studio, this theme is perfect for building a strong online presence. Boost your brand and keep clients motivated with the ideal website for your workout space, health and wellness center, or active lifestyle community. Documentation : https://sktthemesdemo.net/documentation/skt-gym-master-doc/
Template: skt-gym
Version: 1.2
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/license-list.html#GPLv2
Text Domain: skt-gym-master
Tags: two-columns,right-sidebar,full-width-template,custom-background,custom-colors,custom-menu,sticky-post,theme-options,threaded-comments,featured-images,footer-widgets,translation-ready,rtl-language-support,custom-logo,editor-style,custom-header,blog,e-commerce,portfolio

SKT Gym Master is based on Underscores theme(Underscores is distributed under the terms of the GNU GPL v2 or later).

SKT Gym Master WordPress Theme has been created by SKT Themes(sktthemes.org), 2024.
SKT Gym Master WordPress Theme is released under the terms of GNU GPL
*/

body {
    background-color: #fff;
    font-family: 'Assistant';
    font-size: 16px;
	color:#000;
}

.alignleft,
img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.alignright,
img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.aligncenter,
img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.gallery-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption {
    margin-bottom: 1.5em;
    text-align: center;
    padding-top: 5px;
}

.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
}

.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    transition: none;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

a {
    color: #64b744;
}

a:hover {
    color: #000000;
    text-decoration: underline;
}

.logo {
    float: left;
    min-height: inherit;
    padding: 25px 25px 15px 0;
    position: relative;
}

.logo p{
	text-align:left;
}

#commentform input#submit:hover{background-color:#64b744 !important;}

body.wp-custom-logo .logo {
    padding: 20px 25px 15px 0;
}

.site-description,
a.site-description {
    margin-top: 10px;
}

body.wp-custom-logo .site-description {
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0px;
}

.logo a:hover {
    text-decoration: underline;
}

.logo h2 {
    color: #ffffff;
    font-family: 'Poppins';
    font-size: 37px;
	padding-top:0px;
}

.logo img {
    padding: 0;
}

.container {
    width: 1200px;
}

#logo-main a:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
a:focus {
    outline: 2px dotted #2f87d5;
}

body.blog #content_navigator,
body.search-results #content_navigator,
body.search-no-results #content_navigator,
body.error404 #content_navigator {
    margin: 0;
    padding: 0;
}

.topmenu-bar {
    width: 100%;
    z-index: 9;
    position: relative;
}

.site-main {
    width: 840px;
    float: left;
}

.site-main h1 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 600;
}

.transheader {
    position: absolute;
    background-color: rgba(6,6,6, 0.6);
}

#navigation {
    float: right;
    text-align: left;
    padding: 0;
    position: relative;
    width: auto;
}

.main-navigation {
    display: inline-block;
    width: auto;
    font-size: 15px;
    font-family: 'Poppins';
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul li:last-child a {
    padding-right: 0px;
}

.main-navigation ul li.menu-item-has-children a {
    padding-right: 20px;
}

.main-navigation ul li a {
    z-index: 99;
}

.main-navigation ul ul {
    float: left;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99;
    display: block;
    min-width: 230px;
    background: #ffffff;
    opacity: 0;
    transition: all ease 0.23s;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.main-navigation ul li:hover>ul,
.main-navigation ul li:focus>ul,
.main-navigation ul li.focus>ul {
    display: block;
    opacity: 1;
    z-index: 1000;
    transform: scale(1, 1);
}

.main-navigation ul ul ul {
    left: unset !important;
    right: 100%;
    top: 0;
}

.main-navigation li {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}

.main-navigation ul>li:hover>ul {
    opacity: 1;
    left: 0;
    z-index: 9999;
}

.main-navigation ul>li:hover>ul li a {
    color: #000;
}

.main-navigation ul ul li:hover>ul {
    opacity: 1;
    left: 100%;
}

.main-navigation li li {
    float: none;
    display: block;
}

.main-navigation ul li li:last-child>a {
    border: none;
}

.main-navigation ul li a {
    display: block;
    padding: 0px 12px;
    position: relative;
    z-index: 99;
    line-height: 112px;
    transition: all ease 0.23s;
    text-decoration: none;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Poppins';
}

.main-navigation ul.sub-menu li.current_page_item a {
    background-color: #282828;
    color: #64b744;
}

.main-navigation ul li:hover a,
.main-navigation ul li a:focus,
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_item a {
    opacity: 1;
    color: #64b744;
	text-decoration:underline;
}

.main-navigation ul li:hover a ul li a {
    color: #282828;
}

.a13-sticky-variant .main-navigation ul li a {
    color: #b0b0b0;
}

.a13-sticky-variant .header-search-toggle {
    color: #FFF;
}

.a13-sticky-variant .main-navigation ul li a:hover,
.a13-sticky-variant .main-navigation ul li.current-menu-item a,
.a13-sticky-variant .main-navigation ul li.current_page_item a {
    color: #21201f;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
    color: #64b744 !important;
    background-color: #222933;
}

.main-navigation ul li ul li a {
    line-height: 40px;
    color: #222933;
    font-weight: normal;
}

.main-navigation li>a {
    position: relative;
}

.main-navigation li li.current_page_item>a:after,
.main-navigation li li.current-menu-item>a:after,
.main-navigation ul li li a:hover:after {
    display: none;
}

.main-navigation li.menu-item-has-children>a {
    padding-right: 24px;
}

.main-navigation li.menu-item-has-children>a:after {
    content: "\f347";
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    font-family: dashicons;
}

.main-navigation ul ul li.menu-item-has-children>a:after {
    content: "\f345";
    right: 0;
    margin-top: 10px;
    font-family: dashicons;
}

.main-navigation ul ul li.menu-item-has-children>a:hover:after {
    color: #282828;
}

.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

.menu-toggle {
    width: auto;
}

.menu-toggle:hover {
    opacity: .89;
}

.toggled .menu-toggle span {
    background: #ffb400;
}

.menu-toggle span {
    background: #ffffff;
    border: none;
    height: 3px;
    width: 32px;
    position: absolute;
    top: 7px;
    left: 4px;
    transition: all .25s ease;
    cursor: pointer;
}

.menu-toggle span:nth-of-type(2) {
    top: 18px;
}

.menu-toggle span:nth-of-type(3) {
    top: 29px;
}

.main-navigation button.menu-toggle:focus {
    outline: 1px solid #141414;
    border-radius: 0;
}

.skt-header-btn{
	position: absolute;
	bottom: -50px;
	right: 0;
	z-index: 99;
	background-color: #64b744;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 30px;
}

.skt-header-btn a{
	display: block;
	color: #ffffff;
}
.skt-header-btn a:hover{
	color:#000;
}

.header-right-infos {
    position: relative;
    float: right;
    margin-left: inherit;
    padding: 0;
    width: 215px;
    text-align: center;
}

.header-phone-number {
    width: 300px;
    margin: 0;
    padding: 0;
    font-size: 21px;
    font-weight: 600;
}

.appointment-btn {
    background-color: #64b744;
    margin: 0 0 0 50px;
}

.appointment-btn a {
    background-color: #64b744;
    color: #fff !important;
    width: 215px;
    text-align: center;
    position: relative;
    padding: 37px 15px 0 15px !important;
    line-height: 24px !important;
}

.appointment-btn a:hover {
    background-color: #64b744;
    color: #000 !important;
}

.appointment-btn a::after {
    content: '';
    width: 100%;
    height: 40px;
    background-color: #64b744;
    position: absolute;
    left: 0;
    bottom: -54px;
}

.book-btn {
    text-align: center;
    display: table;
    margin: 0 auto;
}

.book-btn a {
    display: block;
    padding: 30px 50px;
}

.header-phone-number img {
    vertical-align: middle;
    float: left;
    background: #fff;
    border-radius: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 14px;
    margin: 15px 20px 0 35px;
}

.header-phone-number span {
    color: #FFF;
    font-size: 17px;
    font-weight: 400;
    padding: 18px 0 4px 0;
    top: 0px;
}

.header-phone-number a {
    color: #FFF;
}

.header-phone-number a:hover {
    color: #282828;
}

.postmeta {
    font-size: 70%;
}

.postmeta a {
    color: #64b744;
}

.postmeta a:hover {
    color: #000000;
}

.footerarea {
    background-color: #19232f;
    padding: 0;
}

.footerarea .container {
    padding: 75px 0 20px 0;
    border-bottom: 1px solid #303944;
}

.ft-infobox .container {
    border-bottom: 1px solid #303944;
}

#main-set {
    background-color: #FFF;
}

.page_content {
    padding: 30px 0 30px 0;
}

.page_content p {
    line-height: 26px;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.single_title {
    margin: 0 0 20px 0;
}

#sidebar {
    float: right;
}

#sidebar h2 {
    font-size: 18px;
	padding-top:5px;
}

#sidebar .wp-block-group {
    padding: 20px 20px 20px 25px;
    margin: 0 0 20px 0;
    box-sizing: border-box;
}

#sidebar .wp-block-search__label {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
}

.wp-block-search__input {
    border-color: #eeeff5;
}

#sidebar ul li {
    padding: 8px 0;
}

#sidebar ul li a {
    color: #64b744 !important;
}

#sidebar ul li a:hover,
#sidebar li a:hover {
    color: #282828 !important;
}

#footer {
    position: relative;
}

.header-social-icons {
    float: right;
    margin-top: 35px;
    margin-left: 42px;
    border-left: solid 1px #a5a6a5;
    padding-left: 20px;
}

.header-social-icons .social-icons {
    margin-top: 0px;
}

.header-social-icons .social-icons a {
    background-color: transparent !important;
    width: 30px;
    height: 30px;
    line-height: 30x;
}

.social-icons a:hover {
    background-color: transparent !important;
}

.footer-logo {
    text-align: left;
    padding: 30px 0 0 0;
    float: left;
}

.footer-social {
    float: right;
    text-align: right;
    padding: 32px 0;
}

.social-icons {
    display: inline-table;
}

.social-icons a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    margin: 0 2px;
    padding: 0;
    background-color: #151515 !important;
    border-radius: 50%;
}

.social-icons a:hover {
    background-color: #64b744 !important;
    border-color: #64b744;
}

.social-icons br {
    display: none;
}

.social-icons .fb {
    background: url(images/icon-fb.png) no-repeat center center;
}

.social-icons .tw {
    background: url(images/icon-tw.png) no-repeat center center;
}

.social-icons .in {
    background: url(images/icon-in.png) no-repeat center center;
}

.social-icons .insta {
    background: url(images/icon-insta.png) no-repeat center center;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
    color: #ffffff;
    font-family: 'Assistant';
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 30px;
}

.footer aside.widget {
    color: #bebebe;
    padding: 0px;
    border: none;
    line-height: 1.55;
}

.cols-3 {
    width: 23%;
    font-size: 17px;
    font-weight: 400;
    color: #1b1b1b;
    margin: 0 14px 2.6%;
    padding: 0px;
}

.container.footerinfobox {
    padding: 45px 0 45px 0;
}

.cols-3 ul li a {
    padding: 6px 0;
}

.footer .cols-3:nth-of-type(3) {
    margin-right: inherit;
}

.footer-row .cols-3 ul li a {
    color: #bebebe !important;
}

.footer-row .cols-3 ul li a:hover,
.footer-row .cols-3 ul li.current_page_item a {
    color: #64b744 !important;
}

.copyright-wrapper {
    background-color: #161f2a;
}

.copyright-txt {
    color: #cecece;
}

.copyright-txt a {
    color: #64b744;
}

.copyright-txt a:hover {
    color: #cccccc;
}

.sticky {
	border-bottom:5px solid #64b744;
}

.tag-sticky-2{background-color:transparent; padding:0 0 20px 0;}

input.search-submit,
.post-password-form input[type="submit"],
.wpcf7-form input[type="submit"],
.woocommerce-product-search button[type="submit"] {
    background-color: #64b744;
}

.inner-banner-thumb {
    margin: 0;
    height: 300px;
    overflow: hidden;
}

.inner-banner-thumb img {
    object-fit: cover;
    width: 100%;
    height: auto;
    min-height: 300px;
}

.inner-banner-thumb h1 {
    font-size: 54px;
    color: #000000;
    font-weight: 700;
}

.inner-banner-thumb .black-title h1 {
    color: #FFF;
}

.header {
    padding: 0px;
}

#footer-wrapper {
    margin-top: 0px;
    background-color: #1a191e;
}

.blogpost-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.blogpost-wrap-wsb {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.home .header.transheader{
  margin-top: 70px;
}

body.home.blog .header{
  margin-top: 0px;
}

body.home .blog_lists {
    margin: 0 20px 20px 0;
}

.blog_lists {
	background-color:#f8f8f8;
    margin: 0 12px 12px 0;
    transition: background-color .3s;
	padding:20px;
}

.blog_lists:hover {
    box-shadow: none;
}

.blogpost-wrap .blog_lists:nth-of-type(2n+2){
    margin-right: 0px;
}

.blog_lists h4 {
    font-size: 22px;
    font-weight: 600;
}

a.ReadMore {
    background-color: #64b744;
	border-radius: 10px 0;
}

a.ReadMore:hover {
    text-decoration: underline;
	color:#000;
}

.blog_lists h4 a{color:#000;}

.blog_lists h4 a:hover {
    color: #64b744 !important;
    text-decoration: underline;
}

.wp-block-search__label {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 12px 0;
    display: table;
    line-height: 1.1;
}

.pagination .nav-links span.current, .pagination .nav-links a:hover{padding:7px 15px;}

.pagination .nav-links span.current,
.pagination .nav-links a:hover {
    background-color: #64b744;
}

.head-info-area {
    background-color: rgba(25, 24, 24, 0.5);
}

.head-info-area .right .phntp {
    padding: 13px 25px 13px 0;
    display: inline-block;
    color: #FFF;
    font-size: 15px;
}

.head-info-area .right .taglinetp {
    padding: 13px 0 0 25px;
    display: inline-block;
    font-size: 15px;
}

.emltp a {
    color: #FFF;
    font-size: 15px;
}

.emltp a:hover {
    color: #ffffff;
}

.widget-column-2 {
    padding: 0;
}

#footer-info-area {
    width: 100%;
    background: #1f1f1f;
}

#footer-info-area .contact-info {
    background: #161616;
    width: 100%;
    display: table;
}

#footer-info-area .col-4 {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding: 0 15px;
    box-sizing: border-box;
}

#footer-info-area .box {
    border-right: 2px solid;
    border-right-color: #1f1f1f;
    padding: 38px 25px;
}

#footer-info-area .box img {
    padding-right: 50px;
    float: left;
    position: relative;
}

.yellowdivide {
    width: 2px;
    height: 22px;
    background: #64b744;
    position: absolute;
    left: 25%;
}

#footer-info-area .box h5 {
    color: #fefefe;
    text-transform: uppercase;
    margin: 0 0 -5px;
    padding-bottom: 10px;
    position: relative;
    top: -5px;
    font: 400 15px Lato, sans-serif;
}

#footer-info-area .box p {
    color: #bebebe;
    font-size: 13px;
    word-wrap: break-word;
    margin: 0;
}

.lbox {
    border-right: 0px !important;
}

aside.widget {
    background-color: inherit;
}

.copyright-wrapper {
    border-top: none;
}

h3.widget-title {
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    margin: 0 0 20px;
    padding: 0;
    line-height: 1.1;
    font-weight: 600;
}

aside.widget {
    padding: 0px;
}

.pagination .nav-links a {
    padding: 7px 15px;
}

/* Style for classic widgets and Gutenberg blocks in the sidebar */
.wp-block-group .widget, 
.wp-block-widget-group .widget,
.wp-block-group, 
.wp-block-widget-group {
    border-bottom: 1px dashed #999; /* Dashed divider for a subtle look */
    padding-bottom: 20px; /* Space between widget/block and divider */
    margin-bottom: 20px; /* Space below the divider */
    transition: all 0.3s ease; /* Smooth transition for hover effects */
}

/* Optional: Add a slight shadow to each widget/block */
.wp-block-group .widget,
.wp-block-widget-group .widget,
.wp-block-group,
.wp-block-widget-group {
border:1px solid #eeeff5;box-sizing:border-box; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 0px 6px 4px 0px rgba(220,220,220,1);
}

/* Remove divider from the last widget/block */
.wp-block-group:last-child, 
.wp-block-widget-group:last-child, 
.widget:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* Common styling for widgets and Gutenberg blocks */
.wp-block-group .widget, 
.wp-block-widget-group .widget, 
.wp-block-search {
border:1px solid #eeeff5;box-sizing:border-box; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 0px 6px 4px 0px rgba(220,220,220,1);  padding: 20px; /* Padding around content */
    margin-bottom: 20px; /* Space below each block */
}

/* Add a stylish gradient divider after each Gutenberg block */
.wp-block-group,
.wp-block-widget-group,
.wp-block-search {
    border-bottom: none; /* Remove regular border */
    position: relative; /* For positioning the gradient divider */
    padding-bottom: 30px; /* Space between block and divider */
    margin-bottom: 20px; /* Space below the divider */
}