/*
Theme Name: HRSJM
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#header .nav-top i { font-size:1em;}
.header-corporate .share-links a, .header-builder .share-links a { font-size:1em;}
#header .main-menu>li.menu-item {
    margin: 0 20px 0 20px;
}
#header.sticky-header .header-main {
	position: fixed;
    border-bottom-width: 0 !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
    padding: 8px 0;
	background:#fff;
}
#header.sticky-header .main-menu-wrap {
	top: 100px !important;
	padding : 0px;
}
#footer { border-top: 24px solid #9acd32;}
#footer .footer-ribbon { margin: -39px 0 0;}
#footer .footer-main>.container { padding:35px 10px;}
#footer .footer-main h5 { font-size: 22px;}
#footer .footer-main li a { font-size: 18px;}
#footer .footer-main .contact-info li {
    margin-top: 30px;
    margin-bottom: 15px;
}
#footer .footer-main .contact-info li i {
    color: #9acd32;
    float: left;
    font-size: 24px;
    width: 35px;
}
#footer .footer-main .contact-info .address {
    display: flex;
	font-size: 18px;
}
#footer .footer-bottom {
	padding:0px;
	font-size:1.5em;
}
.hrm-btn .e-n-accordion-item-title { width:125px;}
.hj-section .dc-box:hover { background:#FF9933;}
.hj-section .dc-box:hover .porto-icon { color:#1a4c8b;}
.hj-section .lc-box:hover { background:#9acd32;}
.hj-section .lc-box:hover .porto-icon { color:#fff;}
.ti-content li { display:flex; font-size:14px; color:#333;}
.testimonail-dpt {padding-left:0px;}
.testimonail-dpt li {list-style:none; font-family:'Poppins'; font-size:14px; }
.mx-auto .elementor-has-image {width:30%;}
.testimonial-section .elementor-testimonial-content {width:100%;}
.widget_tag_cloud .tagcloud a { font-size:16px !important;}
body.single-post article.post .post-meta { display:none}
.custom-next-section .post-item .read-more { color:#fff;}
.custom-next-section .post-item h4:hover {color:#9acd32;}
@media (max-width: 991px) {
	#header.sticky-header .main-menu-wrap {
	top: 88px !important;
	}
	#SR7_1_1 .custom.sr7-arrows {
		width:30px !important;
		height:30px !important;
		top:145px !important;
	}
	#header.sticky-header .header-main {
    padding: 0px;
	}
	#header .header-main .header-left { padding:0px;}
    #header.sticky-header .main-menu-wrap, .main-menu-wrap
	{
        display: flex;
    }
	.mx-auto .elementor-testimonial-wrapper {
		display:block;
	}
}




/* --- Membership Form Custom Styling --- */

.membership-form-container {
    max-width: 850px;
    margin: 0 auto;
    padding: 30px;
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    color: #333;
	    border-radius: 8px;
}

.membership-form-container .form-header {
    text-align: left;
    margin-bottom: 10px;
}

.membership-form-container .form-greeting {
    margin: 0;
    font-size: 18px;
	line-height: 1.8;
}

.membership-form-container .form-title {
    text-align: center;
    color: #0056b3;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
    border: 2px solid #0056b3;
    padding: 10px;
    margin-top: 20px;
}
.membership-form-container .cf7-row {
    margin-bottom: 15px;
}
.membership-form-container .cf7-row.two-cols {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
    margin-bottom: 15px;
}

.membership-form-container .cf7-col {
    flex: 1 1 45%; 
    min-width: 250px; 
}

.membership-form-container label {
    display: block;
    font-weight: 500;
    margin-bottom: 2px;
    font-size: 16px;
}

.membership-form-container input[type="text"],
.membership-form-container input[type="email"],
.membership-form-container input[type="tel"],
.membership-form-container input[type="date"],
.membership-form-container select,
.membership-form-container textarea,
.membership-form-container input[type="file"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box; 
    font-size: 14px;
    border-radius: 8px;
    background-color: #fcfcfc;
}
.membership-form-container textarea {
    height: 100px;
}
.membership-form-container .policy-text-container {
    
}

.membership-form-container .policy-header {
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 5px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 5px;
}

.membership-form-container .policy-text-box {
    padding: 15px;
    background-color: #1a4c8b14;
    border-left: 3px solid #9acd32;
    border-radius: 8px;
	    max-height: 280px;
    overflow-y: scroll;
}

.membership-form-container .policy-text-box p {
    font-size: 16px;
    line-height: 1.6;
    margin: 5px 0;
}

.membership-form-container .agreement-check {
    margin-top: 20px;
    font-weight: bold;
}
.membership-form-container .agreement-check .wpcf7-list-item-label {
    font-weight: normal !important;
    color: #333;
    font-size: 16px;
}

.membership-form-container .final-declaration {
    margin-top: 30px;
}

.membership-form-container .wpcf7-submit {
    display: block;
    width: 250px; 
    margin: 40px auto 0; 
    padding: 12px 20px;
    background-color: #9acd32;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px;
    transition: background-color 0.3s;
}

.membership-form-container .wpcf7-submit:hover {
    background-color: #FF9933;
}


@media (max-width: 600px) {
    .membership-form-container .cf7-row.two-cols {
        flex-direction: column;
        gap: 0;
    }
    .membership-form-container .cf7-col {
        min-width: 100%;
        margin-bottom: 15px;
    }
    .membership-form-container {
        padding: 15px;
    }
    .membership-form-container .form-title {
        font-size: 20px;
    }
}