/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
/* Hide Profile Privacy section */
.header-user-button{
    color: #ffffff;
    font-family: "Kanit", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-decoration: underline;
}
.header-login-button{
    color: #ffffff;
    font-family: "Kanit", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: #31d9c5;
    border-radius: 50px;
    padding: 4px 30px;
}
.header-login-button:hover{
    background-color:  #ffffff !important;
    color: #1FE3C5;
}
.tab-pane h3{
    font-family: "Kanit", Sans-serif;
    font-size: 40px;
    text-transform: capitalize;  
    font-weight: 500;
    margin-bottom: 40px;
}
.tab-pane h4{
    font-family: "Kanit", Sans-serif;
    font-size: 30px;
    text-transform: capitalize;  
    font-weight: 500;
    margin-bottom: 20px;
}
.tab-content{
    padding-left: 50px;
}
.account-detail{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.pro-detail {
    width: 100%;
}
.pro-detail p,
.account-password p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.pro-detail label,
.account-password label{
    width: 25%;
    font-family: "Kanit", Sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
}
.pro-detail input,
.account-password input{
    border: 1px solid #ebebeb;
    border-radius: 10px;
    padding: 0px 20px !important;
    height: 40px;
    background: #ebebeb78;
    font-family: "Kanit", Sans-serif;
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    width: 75% !important;
    margin: 0 !important;
}
.pro-image{
    width: 30%;
    justify-content: end;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    display: none;
}
.pro-image img{
    height: auto;
    border-radius: 20px;
    box-shadow: 0 3px 16px rgb(0 0 0 / 30%);
}
.upload-link {
    font-family: "Kanit", Sans-serif;
    color: #000000;
    font-size: 16px;
    cursor: pointer;
    text-decoration: underline;
}
input[type="file"] {
  display: none;
}
.account-password {
    margin-bottom: 50px;
}
.form-submit{
    clear: both;
}
.form-submit input{
    background-color: #1FE3C5 !important;
    border-radius: 10px;
    color: #FFFFFE !important;
    font-family: "Kanit", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}
.form-submit input:hover{
    background-color: #FF66C3 !important;
}
.profile-page h2{
    font-family: "Kanit", Sans-serif;
    color: #000000;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 40px;
}
.tab-link{
    padding: 10px;
    cursor: pointer;
    border-left: 4px solid transparent;
    font-family: "Kanit", Sans-serif;
    font-size: 18px;
    color: #000000;
    border-bottom: 1px solid #1fe3c5;
}
.tab-link:last-child{
    margin-top: 20px;
    border-bottom: 0;
}
.tab-link a {
    color: #ffffff;
    text-decoration: underline;
    background-color: #1FE3C5;
    border-radius: 50px;
    font-family: "Kanit", Sans-serif;
    font-size: 18px;
    padding: 4px 30px;
}
.tab-link a:hover{
    background-color: #FF66C3;
}
.tab-link.active {
    font-weight: 600;
    border-left: 4px solid #1fe3c5;
    background: #1fe3c530;
}
.tab-pane {
    display: none;
}
.tab-pane.active {
    display: block;
}
.profile-page input[type="text"],
.profile-page input[type="email"],
.profile-page input[type="password"],
.profile-page input[type="file"] {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    margin-bottom: 15px;
}
.profile-page input[type="submit"] {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}
.notice.success {
    background: #dff0d8;
    border-left: 5px solid #3c763d;
    padding: 10px;
    margin-bottom: 20px;
}

.notice.error {
    background: #f2dede;
    border-left: 5px solid #a94442;
    padding: 10px;
    margin-bottom: 20px;
}
.tab-pane ul{
    padding-left: 0;
    list-style: none;
}
.tab-pane ul li{
    border-bottom: 1px solid #1FE3C5;
    padding: 10px 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab-pane ul li a{
    font-family: "Kanit", Sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #444444;
}
.tab-pane ul li:hover{
    background-color: #1FE3C5;
}
.tab-pane ul li:hover a,
.tab-pane ul li:hover small{
    color: #ffffff;
}
small{
    font-family: "Kanit", Sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    color: #444444;
}
.table-price .gallery{
	display: flex;
    justify-content: space-between;
	margin-top: 50px;
}
.tablesaw * {
    text-align: center;
}
.presentation-slide .slick-counter{
    font-family: "Kanit", Sans-serif;
    color: #000000;
    font-size: 20px;
    position: absolute;
    top: -48px;
    right: 60px;
}
.presentation-slide .slick-prev:before, .presentation-slide .slick-next:before{
	color: #000000 !important;
}
.presentation-slide .slick-prev, .presentation-slide .slick-next{
	top: -32px;
}
.presentation-slide .slick-prev{
	left: 97%;
}
.presentation-slide .slick-prev:before{
	content:"\f104" !important;
	font-family: FontAwesome;
	display: block;
	color: #000000 !important;
	font-size: 20px !important;
}
.presentation-slide .slick-next{
	right: 0 ;
}
.presentation-slide .slick-next:before{
	content:"\f105" !important;
	font-family: FontAwesome;
	display: block;
	color: #000000 !important;
	font-size: 20px !important;
}
.workouts-box h3{
    margin-bottom: 5px !important;
}
.newsletter input#form-field-email{
    height: 70px !important;
}
.text-list ol{
    padding-left: 0;
    margin-bottom: 0;
}
.text-list ol li:last-child{
    margin-bottom: 0;
}
.text-list ol li{
    margin-bottom: 20px;
    width: 50%;
    display: inline-block;
    padding: 0 30px;
    vertical-align: top;
    list-style: none;
    position: relative;
    padding-left: 60px;
}
.text-list ol li::before{
    content: "";
    display: block;
    position: absolute;
    left: 0%;
    top: 0%;
    transform: translate(0%, 0%);
    background-image: url(/wp-content/uploads/2025/03/woman-stretching-and-flexing-legs-with-arms-up.png);
    background-position: center;
    background-size: 100%;
    width: 40px;
    height: 40px;
}
.text-list ol li b{
    font-weight: 700;
}
.list-cat{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px; 
}
.list-cat li{
    width: 32%;
    padding: 20px;
    border: 1px solid #1FE3C5;
    border-radius: 10px;
}
.list-cat li:hover{
    border-color: #FF66C3;
}
.list-cat .box-im{
    min-height: 250px;
    background: #1FE3C5;
    border-radius: 10px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    margin: auto;
    width: 100%;
    color: #000000;
    text-transform: uppercase;
    font-size: 30px;
    font-family: "Kanit", Sans-serif;
    text-align: center;
    padding: 0 30px;
    font-weight: 700;
    margin-bottom: 15px;
}
.list-cat li:hover .box-im{
    background: #FF66C3;
    color: #000000;
}
.list-cat h2{
    font-family: "Kanit", Sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 15px;
    min-height: 60px;
}
.list-cat a{
    color: #000000;
}
.btn{
    width: auto;
    float: left;
}
.btn a{
    text-align: center;
    color: #000000;
    background-color: #1FE3C5;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: "Kanit", Sans-serif;
    border-radius: 5px;
    padding: 5px 20px;
    clear: both;
}
.list-cat li:hover .btn a{
    background-color: #FF66C3;
    color: #000000;
}
.count{
    width: auto;
    float: right;
    font-family: "Kanit", Sans-serif;
    color: #000000;
    font-size: 14px;
}
.over-inside .elementor-post__read-more{
    background-color: #1FE3C5;
    color: #1FE3C5;
    border-radius: 50px;
    padding: 7px 20px;   
}
.over-inside .elementor-post__text .elementor-post__title{
    width: 60% !important;
}
.over-inside article{
    border: 1px solid #1FE3C5;
    border-radius: 10px;
    padding: 15px !important;
}
.over-inside article:hover{
    background-color: #1FE3C5;
}
.over-inside article:hover .elementor-post__read-more{
    background-color: #000000;
    color: #1FE3C5 !important;
}
.over-inside .elementor-post__text {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.over-inside .elementor-post__read-more{
    width: auto !important;
    clear: both;
}
.over-info .elementor-tab-title.elementor-active{   
    background-color: #1FE3C5;
}
.over-info ol{
    margin-bottom: 20px;
}
.over-info li{
    margin-bottom: 10px;
	font-family: "Kanit", Sans-serif;
}
.over-info .elementor-tab-content strong{
	font-weight: 600  !important;
	text-decoration: underline;
}
.over-info .icon-box .elementor-image-box-title{
    min-height: 55px;
    margin-bottom: 5px !important;
}
.over-info .icon-box .elementor-image-box-description{
    min-height: 110px;
}
.over-title br{
    display: none;
}
.class-box .elementor-widget-image-box .elementor-widget-container{
    min-height: 548px;
}
.timetable thead span{
    font-size: 20px !important;
    font-weight: 600 !important;
}
.timetable tr td:first-child span{
    font-weight: 600 !important;
    color: #000000 !important;
}
.timetable tr td span{
    color: #1FE3C5 !important;
    font-weight: 900 !important;
}
.ul-mb ul{
    margin-bottom: 20px;
}
.tab-instructor-recruitment .pp-advanced-tabs-content-wrapper{
    padding-left: 50px !important;
}
.tab-instructor-recruitment .pp-advanced-tabs-title.pp-tab-active,
.tab-instructor-recruitment .pp-advanced-tabs-title:hover{
    box-shadow: 0 0 6px rgb(42 222 197 / 80%) !important;
    border-bottom: 5px solid #2bdec5 !important;
}
.tab-instructor-recruitment .pp-advanced-tabs-title{
    border: 1px solid #2bdec5 !important;
}
.tab-instructor-recruitment .pp-advanced-tabs-title.pp-tab-active{
    border-bottom: 5px solid #2bdec5 !important;
}
.key-channels  i{
    width: 40px !important;
    height: 40px;
    background: #1FE3C5;
    border-radius: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
}
.list-pdf .elementor-image-box-content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.list-pdf .elementor-image-box-content .elementor-image-box-description{
    order: 1;
}
.list-pdf .elementor-image-box-content .elementor-image-box-title{
    order: 2;
    margin-bottom: 0;
    background-color: #1FE3C5;
    border-radius: 50px;
    padding: 10px 30px;
}
.table-price th{
    padding: 7px 10px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    background-color: #1fe3c559 !important;
}
.table-price td{
    text-align: center;
}
.table-price a{
    color: #1FE3C5;
    text-decoration: underline;
}
@media screen and (max-width: 1580px) {
    .list-cat .box-im{
        font-size: 22px;
        line-height: 28px;
        min-height: 180px;
    }
}
@media screen and (max-width: 1024px) {
    nav.pp-advanced-menu--dropdown.pp-menu-style-toggle.pp-advanced-menu__container.pp-menu-93d719a.pp-menu-off-canvas.pp-menu-off-canvas-right.pp-menu-open{
        background-color: transparent !important;
        background-image: linear-gradient(180deg, #1FE3C5 0%, #FF66C3 100%) !important;
    }  
    .list-cat h2{
        font-size: 18px;
        line-height: 26px;
    }
    .btn a{
        font-size: 14px;
    }
    .list-cat li{
        width: 31%;
    }
    .list-cat .box-im {
        font-size: 20px;
        line-height: 29px;
        min-height: 180px;
        padding: 0 20px;
    }
}
@media screen and (max-width: 980px) {
    .list-cat li{
        width: 48%;
    }
    .list-cat .box-im{
        padding: 0 25px;
    }
    .tab-content{
        padding-left: 0;
    }
    .profile-page h2{
        text-align: center;
        font-size: 38px;
    }
    .tab-pane h3{
        font-size: 30px;
        margin-bottom: 20px;
    }
    .tab-pane h4{
        font-size: 20px;
    }
    .tab-pane ul li a{
        font-size: 14px;
    }
}
@media screen and (max-width: 640px) {
	span.mobile-br{
		display: block;
		clear: bold;
	}
    .newsletter input#form-field-email {
        height: 50px !important;
        background-color: #ffffff !important;
        color: #000000;
    }
    .text-list ol li{
        width: 100%;
    }
    .list-cat li{
        width: 100%;
        margin-bottom: 20px;
    }
    .list-cat{
        gap: 0;
    }
    .over-title br{
        display: block;
    }
    .over-info .icon-box .elementor-image-box-description{
        min-height: 160px;
    }
	.hidebr br{
		display: none;
	}
	.tab-instructor-recruitment .pp-advanced-tabs-content-wrapper {
    	padding-left: 0px !important;
	}
    .tab-instructor-recruitment .pp-advanced-tabs-title{
        margin-bottom: 20px !important;
    }
    .tab-instructor-recruitment .pp-advanced-tabs-icon-left{
        display: none !important;
    }
    .continuing-education .elementor-widget-container{
        min-height: 190px;
    }
    .compensation-benefits .elementor-widget-container{
        min-height: 260px;
    }
    .guidelines .elementor-widget-container{ 
        min-height: 190px;
    }
    .candidate-profile .elementor-element-6980959{
        order: 1;
    }
    .candidate-profile .elementor-element-590abaf{
        order: 3;
    }
    .candidate-profile .elementor-element-417d366{
        order: 2;
    }
    .candidate-profile .elementor-image-box-title{
        margin-bottom: 0 !important;
    }
    .candidate-profile .elementor-widget-image-box{
        min-height: 178px !important;
    }
    .presentation-slide .slick-prev {
        left: 90%;
    }
	thead span {
    	font-weight: 600;
    	font-size: 16px;
    	line-height: 23px;
	}
    .list-pdf .elementor-image-box-content .elementor-image-box-title{
        padding: 8px 20px;
    }
    .profile-tabs{
        flex-wrap: wrap;
    }
    .tab-menu,
    .tab-content{
        width: 100% !important;
    }
    .tab-link{
        width: auto;
        display: inline;
    }
    .tab-menu ul{
        text-align: center;
    }
    .tab-link.active {
        border-left: 0;
        border-bottom: 4px solid #1fe3c5;
    }
    .tab-link{
        border-bottom: 0;
    }
    .tab-link:last-child {
        margin-top: 50px;
        border-bottom: 0;
        clear: both;
        display: block;
    }
    .tab-pane ul li{
        display: block;
    }
    .header-user-button{
        font-size: 16px;
    }
}