/*
 Theme Name:   N7 Golf Club Child Theme
 Theme URI:    https://golfclub.themerex.net
 Description:  N7 Golf Club Child Theme
 Author:       ThemeREX
 Author URI:   https://themerex.net
 Template:     n7-golf-club
 Version:      1.0.0
 Tags:         flexible-header, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
 Text Domain:  n7-golf-club
*/


/* =Theme customization starts here
------------------------------------------------------------ */

/*pricing page  */
.pricing-list .sc_price_item.with_bg_color {
    background-color: #123559 !important;
}

.pricing-list .sc_price_item.with_bg_color .sc_price_item_details {
    color: #fff !important;
    max-height: 300px !important;
    overflow-y: scroll;
}
.pricing-list .sc_price_item{
    max-height: 620px;
    border-radius:20px;
}
.pricing-list .sc_price_item.with_bg_color{
    max-height: 680px;
}
.pricing-list .sc_price_item.with_bg_color .sc_price_item_details {
    color: #fff !important;
    max-height: 300px !important;
}
.pricing-list .sc_price_item .sc_price_item_details {
    max-height: 270px !important;
    overflow-y: scroll;
    padding: 10px 10px;
}
/* Styling the scrollbar */
.pricing-list .sc_price_item .sc_price_item_details::-webkit-scrollbar {
    width: 8px; /* Adjust the width of the scrollbar */
}

/* Track (background of the scrollbar) */
.pricing-list .sc_price_item .sc_price_item_details::-webkit-scrollbar-track {
    background: #2a3a47; /* Track color */
    border-radius: 10px; /* Rounded corners for the track */
}

/* Handle (the draggable part of the scrollbar) */
.pricing-list .sc_price_item.with_bg_color .sc_price_item_details::-webkit-scrollbar-thumb {
    background: #a6985b; /* Handle color */
    border-radius: 10px; /* Rounded corners for the handle */
    border: 2px solid #2a3a47; /* Optional border around the handle */
}
.pricing-list .sc_price_item .sc_price_item_details::-webkit-scrollbar-thumb {
    background: #a6985b; /* Handle color */
    border-radius: 10px; /* Rounded corners for the handle */
    border: 2px solid #2a3a47; /* Optional border around the handle */
}
/* Handle hover state */
.pricing-list .sc_price_item.with_bg_color .sc_price_item_details::-webkit-scrollbar-thumb:hover {
    background: #a6985b; /* Darker color when hovering over the handle */
}
.pricing-list .sc_price_item .sc_price_item_details::-webkit-scrollbar-thumb:hover {
    background: #2a3a47; /* Darker color when hovering over the handle */
}

/* end here pricing */
.wpcf7 .wpcf7-submit-style .submit-style-in {
    background-color: #a6985b !important;
}
.cpt_services-template .sc_layouts_row_type_compact .sc_layouts_item_icon, [class*="scheme_"].sc_layouts_row_type_compact .sc_layouts_item_icon {
    color:#fff;
}
.multiple-heading-col .sc_item_descr {
    margin-top: 10px !important;
}
.multiple-inner-sec {
    position: relative;
}
.multiple-inner-sec:before {
    content: '';
    background: transparent;
    width: 3px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0px;
    transition: 0.5s ease!important;
}
.multiple-inner-sec:hover:before {
    background: #a6985b;
}
.multiple-inner-sec h3 {
    position: relative;
    transition: 0.5s ease!important;
}
.multiple-inner-sec:hover h3 {
    color:#a6985b;
}
.icon-color .elementor-icon svg {
    stroke: #fff !important;
    fill: #FFFFFF !important;
}

.icon-color .elementor-icon {
    background-color: #A88C72 !important;
    color: #FFFFFF !important;
}

.choose-slider .sc_icons_decoration .sc_icons_item {
  transition: background-color 0.35s ease, transform 0.35s ease;
}

.choose-slider .sc_icons_decoration .sc_icons_item:hover {
  background-color: #a88c72;
}

.sc_icons_icon {
  background-color: #a88c72;
  padding: 20px;
  border-radius: 50px;
  transition: background-color 0.35s ease;
}

.choose-slider .sc_icons_decoration .sc_icons_item:hover .sc_icons_icon {
  background-color: #fff;
}

.choose-slider .sc_icons_icon svg {
  color: #fff;
  height: 45px !important;
  width: 45px !important;
  transition: color 0.35s ease;
}

.choose-slider .sc_icons_decoration .sc_icons_item:hover .sc_icons_icon svg {
  color: #000;
}

.choose-slider .sc_icons_decoration .sc_icons_item_title {
  transition: color 0.35s ease;
}

.choose-slider .sc_icons_decoration .sc_icons_item:hover .sc_icons_item_title {
  color: #fff !important;
}

.choose-slider .sc_icons_decoration .sc_icons_item_description span {
  transition: color 0.35s ease;
}

.choose-slider .sc_icons_decoration .sc_icons_item:hover .sc_icons_item_description span {
  color: #fff !important;
}


a.trx_addons_scroll_to_top.trx_addons_icon-up.scroll_to_top_style_default.inited.show {
    display: none !important;
}
.cale-btn-color a {
    border-radius: 10px !important;
    background-color: #a6985b !important;
    color: #fff !important;
    border: 1px solid #a6985b !important;
}
.cale-btn-color a:hover{
    background-color: #123559 !important;
    color: #fff !important;
}

.col-hiegt .elementor-container {
    align-items: end;
}

.col-hiegt .first-col,
.col-hiegt .six-col{
 min-height:500px
}
.col-hiegt .sec-col,
.col-hiegt .five-col{
 min-height:350px
}
.col-hiegt .same-col {
    min-height: 230px;
}
.page-id-3738 .top_panel {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.page-id-19482 .top_panel {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.cpt_services-template .top_panel {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.page-id-18192 .top_panel {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
/* Your existing styles – kept unchanged */
.single-cpt_services .services_page_featured img {
    border-radius: 30px;
}
.single-page-content-style h1,
.single-page-content-style h2,
.single-page-content-style h3,
.single-page-content-style h4,
.single-page-content-style h5 {
    margin: 0 0 10px;
}
.letter-div {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
}

.single-page-content-style .first-letter-style {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 50px;
    margin: 0px;
    font-size: 30px;
    font-weight: bold;
    color: #000;
}

.single-page-content-style .first-letter-back {
    background-color: #2CC374;
    border-radius: 50%;
}
.single-page-content-style .line-margin{
    margin: 0;
}
/* ── Green circled checkmark list ── */
.check-list-columns {
    display: flex;
    gap: 50px;                /* space between columns – adjust as you like */
    flex-wrap: wrap;          /* becomes single column on small screens */
    margin: 20px 0 30px;
}

.check-list-columns ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;                  /* equal width columns */
    min-width: 280px;         /* prevent columns from getting too narrow */
}

.check-list-columns li {
    position: relative;
    padding-left: 38px;       /* space for the green circle */
    margin-bottom: 14px;
    line-height: 1.55;
}

.check-list-columns li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #2CC374;   /* very light green background */
    color: #000;              /* darker green checkmark – common match */
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.what-set-box .elementor-widget-container {
    min-height: 280px;
}
.what-set-box .elementor-widget-container {
    padding: 25px;
    border: 1px solid #e3e3e3;
    border-radius: 25px;
    transition: all 0.35s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.what-set-box .elementor-icon {
    background-color: #a88c72;
    border-radius: 50%;
    padding: 15px;
    transition: all 0.35s ease;
}

.what-set-box .elementor-icon svg {
    filter: brightness(0) invert(1);
    height: 35px;
    width: 35px;
    transition: fill 0.35s ease;
}

.what-set-box .elementor-widget-container:hover {
    background-color: #a88c72;
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(168, 140, 114, 0.28);
    border-color: #a88c72;
}

.what-set-box .elementor-widget-container:hover .elementor-icon {
    background-color: #fff;
    transform: scale(1.08);
}

.what-set-box .elementor-widget-container:hover .elementor-icon svg {
    filter: none;
}

.what-set-box .elementor-widget-container:hover .elementor-icon-box-content h3,
.what-set-box .elementor-widget-container:hover .elementor-icon-box-content p {
    color: #fff;
}
/* media query start here */
@media (max-width: 1615px) {

    .col-hiegt .elementor-flip-box__layer__title {font-size: 26px !important;}

    .col-hiegt .elementor-flip-box__layer__overlay {padding: 30px 20px;}

    .elementor-flip-box__layer__description {font-size: 16px !important;}
}
@media (max-width: 1280px) {
	.what-set-box .elementor-widget-container {
			min-height: 250px !important;
	}
	.col-hiegt .same-col {
    min-height: 180px;
}
}
@media (max-width: 768px) {
    .check-list-columns {
        flex-direction: column;
        gap: 10px;
    }
}
/* media query end here */