h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Archivo", sans-serif;
}
a,
p {
  font-family: "Inter", sans-serif;
}
.c-padding {
  padding-top: 15px;
  padding-bottom: 30px;
}
/* .banner-image img{
    height: 300px;
    object-fit: cover;
    aspect-ratio: 1/1;

} */
.club-logo {
  background-color: #ffffff;
  padding: 15px;
  position: relative;
  z-index: 9;
  width: 185px;
}
.club-logo img {
  max-height: 150px;
}
.border-rounded-50 {
  border-radius: 50% !important;
}
.border-rounded-10 {
  border-radius: 10px !important;
}

.team-name h1 {
  font-family: Archivo Black;
  font-size: 45px;
  font-weight: 500;
  line-height: 40px;
  margin-top: 20px;
  color: #fff;
}
.team-description p {
  font-size: 16px;
  color: #fff;
}
.team-button {
  margin-top: 20px;
}
.team-button a span {
  width: 17px !important;
  margin-top: -3px;
}
.team-button a {
  font-size: 14px !important;
  font-weight: 500;
}
.bg-grey {
  background-color: rgba(4, 49, 107, 0.03);
}
.bg-rounded {
  border-radius: 25px;
}
.nav-menu {
  padding: 7px 10px;
}
.nav-menu ul li {
  padding: 15px 30px;
}
.nav-menu ul a li {
  color: #041933;
  font-size: 16px;
  font-weight: 500;
}
.nav-menu ul li.active,
.nav-menu ul li:hover {
  background-color: #ffffff;
  border-radius: 40px;
}

.nav-menu ul a li.active,
.nav-menu ul a:hover li {
  color: #ca0813;
}
/* .nav-menu ul li:not(.active):last-child {
    padding-right: 40px; 
} */
/* CHILD SITE NEWS DESIGN  */
.child-news {
  padding: 20px;
}
.child-news-image {
  border-radius: 40px;
}
p.child-news-date {
  color: #83878b;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 16px;
}
h2.child-news-heading a,
h1.child-news-heading a {
  color: #041933;
  font-weight: 600;
  text-decoration: none;
}
h2.child-news-heading,
h1.child-news-heading {
  line-height: 30px !important;
  font-size: 21px;
  font-family: "Archivo", sans-serif;
}
p.excerpt-child-news {
  color: #363b41;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4; /* Limit to 4 lines */
  -webkit-box-orient: vertical;
}
.child-readmore-btn a div {
  color: #ca0813;
  font-weight: 500;
  font-size: 18px;
}
.see-more-btn button {
  background-color: #fff;
  border: 1px solid #ca0813;
  color: #ca0813;
  font-size: 14px;
  text-decoration: none;
  border-radius: 40px;
  padding: 10px 20px;
}
.see-more-btn button:hover {
  color: #ca0813;
  background-color: #fff;
  border: 1px solid #ca0813;
}
.btn:focus {
  box-shadow: none !important;
}
.child-news-image img {
  height: 220px;
}
/* no-more-posts */
.no-more-posts {
  margin-top: 35px !important;
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
  color: #363b41;
}

/* Notification */
.notification-img img {
  height: 86px;
  width: 86px;
}
.notification-img {
  display: flex;
  justify-content: end;
  cursor: pointer;
}
.notification-content-box {
  padding: 30px 30px;
  height: 500px;
  width: 500px;
  background-color: #ffffff;
  border-radius: 40px;
  top: 82%;
  right: 0%;
  box-shadow: 0 0 10px rgba(4, 25, 51, 0.1);
  z-index: 9;
  overflow-y: scroll;
  clip-path: inset(0 round 40px);
}
/* Custom Scrollbar for WebKit browsers (Chrome, Safari) */
.notification-content-box::-webkit-scrollbar {
  width: 10px; /* Fixed scrollbar width */
}

.notification-content-box::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.05); /* Light background for track */
  border-radius: 20px; /* Rounded scrollbar track */
}

.notification-content-box::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3); /* Darker color for scrollbar thumb */
  border-radius: 10px; /* Rounded scrollbar thumb */
  /* No border to avoid expansion */
}

.notification-content-box::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3); /* Keep background color the same */
  width: 10px; /* Fixed width, no expansion */
  border: none; /* No border changes on hover */
}

/* For Firefox and modern browsers */
.notification-content-box {
  scrollbar-width: thin; /* Thin scrollbar width */
  scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.05); /* Thumb and track colors */
}
.notification-heading h2 {
  color: #041933;
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 1px solid #e6e8eb;
}
.notification-events {
  padding: 20px 0;
  border-bottom: 1px solid #e6e8eb;
}
.notification-events:last-child {
  border: none;
  padding-bottom: 0;
}
.notification-events h2 a,
.notification-post h2 a {
  color: #041933;
  font-family: "Archivo", sans-serif;
  font-size: 18px !important;
  font-weight: bold;
  text-decoration: none;
}
.notification-events p {
  color: #363b41;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 0;
}
.noti-when img,
.noti-where img {
  width: 22px;
  height: 22px;
}
.noti-when h4,
.noti-where h4 {
  color: #041933;
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: bold;
}
.noti-when p {
  color: #363b41;
  font-size: 14px;
  margin-left: 33px;
}
.noti-where a {
  color: #ca0813;
  font-size: 14px;
  font-weight: 500;
  margin-left: 33px;
}
.notification-post h2 a {
  color: #041933;
  text-decoration: none;
}
/* Page header */
header h1.entry-title {
  display: none;
}
.page-heading-main h1 {
  font-family: "Archivo", sans-serif;
  font-size: 55px;
  font-weight: 800;
  color: #041933;
}
.site-main {
  max-width: inherit !important;
}
/* category Sidebar */
.category-sidebar {
  background-color: #f7f8fa;
  border-radius: 40px;
  margin-top: 30px;
}
.heading-category {
  background-color: #f0f2f6;
  padding: 15px 20px;
  border-radius: 29px 29px 0 0;
}
.heading-category h6 {
  margin-bottom: 0;
  font-size: 16px;
}
.cat-listing {
  padding: 15px;
}
.cat-listing ul li {
  padding: 10px 10px;
}
.cat-listing ul li:last-child {
  padding-bottom: 0;
}
.cat-listing ul li a {
  color: #041933;
  text-decoration: none;
}
/* Badge */
.badge {
  left: 20px !important;
  top: 25px !important;
  background-color: #ca0813 !important;
  border-radius: 40px !important;
  color: #ffffff !important;
  font-size: 14px !important;
}

/* Media Library */
.media--image {
  width: 100%;
  height: 245px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.media--image a img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  aspect-ratio: 1 / 1;
}

/* EVENT LISTING */
.events-listing .media--content {
  background-color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 20px;
  z-index: 1;
  position: relative;
  margin: 0 10px;
  margin-top: -43px;
  padding: 15px;
}
.media--listing.events-listing {
  display: inherit !important;
}
.media--detail {
  max-width: inherit !important;
  width: 100% !important;
}
.media--content span {
  font-size: 16px;
  margin-right: 5px;
}
/* FORUM PAGE */
#bbpress-forums li.bbp-header {
  background: rgba(4, 49, 107, 0.03) !important;
}
#bbpress-forums li.bbp-footer,
#bbpress-forums li.bbp-header {
  padding: 14px;
}
#bbpress-forums .forum-titles li {
  font-size: 16px;
  font-weight: 500;
  color: #041933;
  font-family: "Inter", sans-serif;
}
#bbpress-forums ul.bbp-forums {
  border-radius: 10px;
}
#bbpress-forums li {
  font-size: 14px;
}
#bbpress-forums input[type="text"] {
  border: 1px solid #ca0813;
  border-radius: 5px;
}
#bbpress-forums [type="submit"] {
  background: #ca0813;
  color: #fff;
  font-weight: 500;
  margin-left: 5px;
}
#bbp-search-form div {
  display: flex;
  align-items: center;
}
.forum-archive #content,
.post-type-archive #content {
  min-height: auto !important;
}

/* modal video */

.modal.show {
  display: flex; /* Show modal */
}
iframe,
.video-wrapper {
  --video-aspect-ratio: inherit !important;
  --padding: 0 !important;
}
#videoModal .btn-close:hover {
  background-color: transparent !important;
}
.video-center {
  top: 15%;
}
/* footer */
/* access */
.heading-access h1 {
  font-size: 36px;
  font-weight: 600;
  color: rgba(4, 49, 107, 1);
  text-align: center;
}
.heading-access p {
  font-size: 18px;
  margin-top: 10px;
}
.learn-border {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.text-why h3 {
  color: #ca0813;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.6;
}
.text-why p,
.text-why a {
  text-align: left;
  font-size: 20px;
  text-decoration: none;
}
.why-img img {
  max-height: 400px;
}
.why-img img,
.flikr-image img {
  border-radius: 15px;
}
.flikr-heading h1,
.what-included-heading h1 {
  font-size: 33px;
  font-weight: 600;
  color: rgba(4, 49, 107, 1);
  text-align: center;
}
.flikr-image {
  padding-top: 30px;
  text-align: center;
}
.flikr-image a img {
  max-height: 550px;
}
.membership-included {
  padding-top: 30px;
}
.membership-included h2 {
  font-size: 20px;
  font-weight: 600;
  color: #ca0813;
}
.custom-tick-list {
  list-style: none; /* Remove default bullets */
  padding: 0;
  margin: 0;
}

.custom-tick-list li {
  font-size: 20px;
  position: relative;
  padding-left: 30px; /* Adjust padding for the tick mark */
  margin-bottom: 10px; /* Adjust spacing between list items */
}

.custom-tick-list li::before {
  content: "\2714"; /* Unicode character for a checkmark */
  position: absolute;
  left: 0;
  top: 0;
  color: green; /* Change color as needed */
  font-size: 20px; /* Adjust size as needed */
  font-family: "Font Awesome 5 Free";
}
.become-a-insider {
  background: #f1f2f2;
  padding: 20px;
  border-radius: 15px;
}
.exclusive-list .custom-tick-list li {
  font-size: 16px;
}
.exclusive-list .custom-tick-list li::before {
  font-size: 16px;
}
.become-a-member {
  border-top: 1px solid #ccc;
  padding-top: 30px;
}
.become_member input {
  background: #ca0813 !important;
  border-radius: 30px !important;
}
.about-club-content {
  padding-top: 60px;
}
.about-club-content .about-club-img img {
  border-radius: 20px;
  height: 270px;
}
.about-club-p {
  padding: 20px;
}
.about-club-p p {
  font-size: 19px;
  text-align: center;
}

/* Pmpro */
#pmpro_account .pmpro_box {
  border-top: 0px !important;
}
#pmpro_account .pmpro_box h2 {
  color: rgba(4, 49, 107, 1) !important;
  font-weight: 600;
  font-family: "Archivo", sans-serif;
}
.pmpro-has-access a {
  color: #ca0813;
  text-decoration: none;
}
.pmpro-has-access table {
  background-color: #fefefe !important;
}
.edit-pmpro {
  border-radius: 20px;
  padding: 20px;
}
form.pmpro_form input[type="text"] {
  max-width: 100% !important;
  background: white;
  border-color: #eee;
}
form.pmpro_form input[type="password"] {
  max-width: 98% !important;
  background: white;
  border-color: #eee;
}
[type="submit"] {
  background-color: #ca0813;
  color: #fff;
  border-radius: 30px;
}
.border-rounded {
  border-radius: 20px;
}
.checkout-membership h2 {
  font-family: "Archivo", sans-serif;
}
.checkout-membership h2 span.pmpro_checkout-h2-name {
  color: #04316b;
  font-size: 28px;
  font-weight: 600;
}
#pmpro_pricing_fields .pmpro_level_name_text {
  background-color: #fbfbff !important;
  border-radius: 10px;
}

#pmpro_pricing_fields .pmpro_level_name_text strong {
  color: #ca0813 !important;
}
.pmpro-has-access h1.entry-title,
h2.membership-heading {
  color: #04316b;
  font-weight: 600;
  font-size: 36px;
}

/* Membershiop perks */
.perks-details h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.25rem;
  color: #363b41;
}
.perks-details p,
span {
  color: #363b41;
  word-wrap: break-word;
}
.perks-details a {
  color: #ee1b2e;
  word-wrap: break-word;
}
.perks-details a:hover {
  color: #336;
}

/* Dont miss */
.miss-container {
  border-radius: 20px;
  padding: 20px 0;
}
.miss-heading h2 {
  font-size: 22px;
  font-weight: 700;
  color: #041933;
}
.miss-content p a {
  color: #ca0813;
  text-decoration: none;
}
.miss-content p {
  margin-bottom: 0;
}
/* pmpro */
.pmpro-custom-class {
  padding: 0 20px;
}
.pmpro-custom-class #pmpro_account-profile h2 {
  text-indent: 0px !important;
  padding-top: 30px;
}
.pmpro-custom-class h1,
.pmpro-custom-class h2,
.pmpro-custom-class h3,
.pmpro-custom-class h4,
.pmpro-custom-class h5,
.pmpro-custom-class h6 {
    color: rgba(4, 49, 107, 1);
}
.pmpro-custom-class .page-header .entry-title{
    margin-inline-start: 0px !important;
    padding-bottom: 0;
}
.pmpro-custom-class table thead:first-child tr:first-child th{
    border-block-start: inherit !important;
}
.pmpro_form_field-password-toggle button, .pmpro_form_field-password-toggle button:hover, .pmpro_form_field-password-toggle button:focus, .pmpro_form_field-password-toggle button:active{
  background: transparent !important;
}
.pmpro_form_submit{
  justify-content: center;
}