/*
Theme Name: CCV
Author: MRW Connected
Author URI: https://mrwconnected.com
Description: Theme for Community College of Vermont
Version: 1.0
Text Domain: ccv-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Corben:wght@400;700&display=swap');

:root {
    --tec-color-button-primary: #D24719;
    --tec-color-accent-primary: #D24719;
    --tec-font-family-sans-serif: 'proxima-nova';
    --tec-font-size-2: 18px;
}
.pagination {
    --bs-pagination-active-bg: #D24719;
    --bs-pagination-active-border-color: #D24719;
    --bs-link-color: #D24719;
}

body {
    font-family: 'proxima-nova', sans-serif;
    background-color: #F9F5F1;
    color: #000;
    font-size: 22px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Corben', serif;
    font-weight: 400;
}
h1 {
    font-size: 48px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-family: 'proxima-nova', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
h5 {
    font-size: 24px;
}
a {
    color: #000;
}
a:hover {
    text-decoration: none;
}
.skip-link:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #333;
    display: block;
    font-size: 1rem;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 12px 24px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
.full-width-element {
  position: relative; /* or absolute */
  width: 100vw; /* 100% of viewport width */
  left: 50%; /* Center the element */
  transform: translateX(-50%); /* Adjust for centering */
}
.form-control {
    border-color: #FCB69E;
}
.form-group {
    position: relative;
}
.form-group .fa-angle-down {
    position: absolute;
    bottom: 7px;
    right: 10px;
}
.bg-darkgreen {
    background-color: #37403c !important;
}
.white-border {
    border: 1px solid #fff;
}
.btn:focus-visible {
    outline: revert;
}
.btn-primary, .btn-ccv, .tb-button a {
    background-color: #d24a1a;
    border-color: #d24a1a !important;
    color: white !important;
    font-weight: 700;
    font-size: 18px;
    width: 400px;
    min-height: 50px;
    align-content: center;
}
.btn-primary:hover, .btn-ccv:hover, .tb-button a:hover {
    background-color: #b43f16;
    color: white;
}
.btn-darkgreen {
    background-color: #37403c;
    color: #fef8f1;
    font-size: 18px;
    font-weight: 700;
    width: 400px;
    min-height: 50px;
    align-content: center;
}
.btn-darkgreen:hover {
    background-color: #2a322f;
    color: #fef8f1;
}
.btn-transparent {
    background-color: transparent;
    color: #D24719;
    border: 1px solid #D24719;
    font-weight: 700;
    font-size: 18px;
    width: 400px;
    min-height: 50px;
    align-content: center;
}
.btn-transparent:hover {
    background-color: #D24719;
    color: white;
}
.btn-white {
    background-color: #fff;
    color: #d24a1a;
    border: 1px solid #fff;
    font-weight: 700;
    font-size: 18px;
    min-height: 50px;
    align-content: center;
}
.btn-white:hover {
    background: #d24a1a;
    color: #fff;
    border: 1px solid #fff;
}

.border-white {
    border-color: #fff;
    color: #fff;
}
.border-white:hover {
    background: #fff;
    color: #D24719;
}
.rounded-tl-300 {
    border-top-left-radius: 300px !important;
}
.rounded-bl-300 {
    border-bottom-left-radius: 300px !important;
}
.rounded-tr-300 {
    border-top-right-radius: 300px !important;
}
.gradient-bg {
    background: linear-gradient(181.38deg, #D0DEEE 64.81%, rgba(249, 245, 241, 0) 95.53%);
    clip-path: ellipse(160% 100% at 50% 100%);
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.breadcrumb {
    font-family: 'proxima-nova';
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 4%;
    text-transform: uppercase;
}
.breadcrumb .home {
    font-weight: 400;
}
.breadcrumb a {
    text-decoration: none;
}
.breadcrumb a:hover {
    text-decoration: underline;
}
.socializer-wrap p {
    font-family: 'proxima-nova';
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 5%;
    text-transform: uppercase;
    text-align: center;
}

#alertbar p {
    margin-bottom: 0;
}
button#alert-close {
    position: absolute;
    background: none;
    border: none;
    right: 20px;
}

.section-title {
    font-family: 'proxima-nova';
    font-weight: 700;
    font-size: 16px;
    line-height: 90%;
    text-align: center;
    color: #F9F5F1;
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

/* Owl Carousel */
.owl-dots {
    text-align: center;
}
.owl-carousel button.owl-dot {
    width: 10px;
    height: 10px;
    background: #D24719 !important;
    border-radius: 50%;
    margin: 5px;
}
.owl-carousel button.owl-dot.active {
    width: 20px;
    border-radius: 10px;
}
.home-testimonial .owl-carousel .owl-item > div {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.home-testimonial .owl-carousel .owl-item img {
    width: 155px;
}

/* Header */
.btn-search {
    position: relative;
    font-size: 27px;
    z-index: 99;
}

#menuToggle {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 98;
  -webkit-user-select: none;
  user-select: none;
}
#menuToggle button {
    border: 0;
    background: transparent;
    position: relative;
}
#menuToggle input
{
  display: none;
  width: 40px;
  height: 32px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
}

#menuToggle button span
{
    display: flex;
    width: 27px;
    height: 5px;
    margin: 3px 0;
    position: relative;
    background: #000;
    border-radius: 3px;
    z-index: 1;
    transform-origin: -7px 5px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle button span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle button span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

#menuToggle input:checked ~ button span
{
  opacity: 1;
  transform: rotate(45deg) translate(-18px, -16px);
  background: #36383F;
}
#menuToggle input:checked ~ button span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ button span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(-5px,5px);
}

#menuToggle input:checked ~ ul
{
  transform: none;
}

#main_menu
{
    position: absolute;
    width: 477px;
    height: auto;
    /*box-shadow: 0 0 10px #85888C;*/
    margin: 0 0 0 0;
    padding: 20px 50px;
    padding-top: 50px;
    background-color: #F9F5F1;
    -webkit-font-smoothing: antialiased;
    transform-origin: 95% 40px;
    transform: scale(0);
    transition: transform 0.5s 
    cubic-bezier(0.77, 0.2, 0.05, 1.0);
    right: -20px;
    top: -22px;
}

#main_menu li
{
  padding: 10px 10px;
  transition-delay: 2s;
  border-bottom: 1px solid #333C39;
}

#main_menu li a {
    font-family: 'Corben';
    font-size: 30px;
    font-weight: 400;
    color: #1A1A1A;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#main_menu .btn-orange a {
    background: #D24719;
    color: #fff;
    display: block;
    font-family: 'proxima-nova';
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #D24719;    
}
#main_menu .btn-orange a:hover {
    background: transparent;
    color: #D24719;
    border: 1px solid #D24719;
}
#main_menu .btn-orange, #main_menu .btn-transparent {
    border: none;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

#main_menu .btn-transparent a {
    color: #D24719;
    display: block;
    font-family: 'proxima-nova';
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #D24719;
}
#main_menu .btn-transparent a:hover {
    background: #D24719;
    color: #fff;

}

#main_menu .btn-transparent {
    padding-top:  0;
    margin-top: 10px;
}

#main_menu .menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 30px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    line-height: 1;
    transform: rotate(-90deg);
    transition: transform .2s linear;
}

#main_menu .sub-menu {
    list-style: none;
    padding-left: 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

#main_menu .sub-menu li {
    border: none;
}

#main_menu .sub-menu li a {
    font-size: 18px;
    font-family: 'proxima-nova';
    line-height: 24px;
}

#main_menu li.open > ul.sub-menu {
    max-height: 1000px;
}
#main_menu .menu-item-has-children.open > a:after {
    transform: none;
}

/* Popup Overlay */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Semi-transparent black overlay */
    display: none; /* Hidden by default */
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.popup-overlay.active {
    display: block;
    opacity: 1;
}
.popup-overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 40px;
    border: 30px solid #D24719;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 800px;
    width: 90%;
    max-height: calc(100% - 60px);
    overflow: scroll;
}
.popup-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 55px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}
.popup-close:hover {
    color: #000;
}


/* Search Overlay */
.search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); /* Semi-transparent black overlay */
    display: none; /* Hidden by default */
    z-index: 999;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.search-overlay.active {
    display: block;
    opacity: 1;
}
.search-overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    max-width: 500px;
    width: 90%;
    text-align: center;
}
.search-close {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 28px;
    cursor: pointer;
    color: #666;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
}
.search-close:hover {
    color: #000;
}

body:not(.page-id-37194) .gssb_c { /* All except search result page */
    top: calc(50% + 20px) !important;
    left: calc(50% - 200px) !important;
}
.gsc-search-button-v2 {
    background: #D24719 !important;
    border-color: #D24719 !important;
    padding: 10px 15px !important;
}

td.gsc-input {
    padding-right: 0 !important;
}

table.gsc-search-box {
    margin: 3px 5px 0 5px !important;
}

/* Search Form Styling */
.search-form-wrapper {
    margin-top: 20px;
    position: relative;
}
.search-form-wrapper form {
    display: flex;
    gap: 10px;
}
.search-form-wrapper form > div {
    align-items: center;
    display: flex;
    width: 100%;
    padding: 5px;
}
.search-form-wrapper form input[type=text] {
    background: transparent;
    border: none;
    width: 100%;
}
.search-form-wrapper input[type="search"] {
    flex: 1;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.search-form-wrapper input[type="submit"] {
    padding: 8px 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background 0.3s ease;
    background-color: #d24a1a;
    color: white;
    font-weight: 700;
    font-size: 18px;
    margin-left: 5px;
}
.search-form-wrapper input[type="submit"]:hover {
    background: #b43f16;
}

/* Home Page */
.home-hero {
    font-size: 22px;
    height: 450px;
    position: relative;
    z-index: 1;
}
.home-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-hero-text {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 60.58%);

}
.home-explore {
    padding-top: 150px;
    padding-bottom: 50px;
    margin-top: -100px;
    position: relative;
    z-index: 0;
    --c: 70px; /* control the curvature (works with percentage) */
    /* you can also update the 60%  */
    mask: radial-gradient(60% var(--c) at top,#0000 calc(100% - 10px),#000);
}
.home-explore form {
    max-width: 400px;
    position: relative;
    height: 50px;
}
.home-explore input {
    padding-right: 100px;
}
.home-explore button {
    position: absolute;
    right: 6px;
    width: 87px;
    font-size: 18px;
    height: 36px;
    min-height: 0;
    align-self: center;
    padding: 0;
}

.home-tuition {
    position: relative;
    z-index: 1;
}
.home-tuition .featured-image {
    width: 100%;
    height: 502px;
    object-fit: cover;
}

.home-learning {
    background: #94A8BF;
    color:#1f2f2f;
    padding-top: 100px;
    margin-top: -50px;
    position: relative;
    z-index: 0;
    height: 550px
}
.home-learning .circle-bg {
    position: relative;
    padding: 50px 50px 50px 70px;
}
.home-learning .circle-bg::before {
    content: '';
    background: #D0DEEE;
    border-radius: 435px 435px 0 0;
    height: 435px;
    width: 870px;
    position: absolute;
    bottom: 0;
    z-index: -1;
    left: -70px;
}
span.circle-icon {
    background: #D0DEEE;
    padding: 17px;
    border-radius: 50%;
}
.home-learning .home-learning-icon {
    background: #D0DEEE;
}

.home-learning .featured-image {
    width: 100%;
    height: 520px;
    object-fit: cover;
    position: absolute;
    top: -50px;
}

.home-ccvnow img {
    width: 100%;
    height: 277px;
    object-fit: cover;
}
.home-ccvnow a {
    text-decoration: none;
}
.home-ccvnow a h3 {
    color: #333C39;
}
.home-ccvnow a:hover h3 {
    text-decoration: underline;
}

.home-testimonial .testimonial-photo {
    border-radius: 50%;
    width: 155px;
    height: 155px;
    object-fit: cover;
    margin-bottom: 30px;
}
.home-testimonial .testimonial-text {
    max-width: 70%;
    margin: 0 auto;
    font-family: 'Corben', serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
}
.home-nextstep {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width:600px;
    background-color:#7fc1ff !important;
}
.home-nextstep .content {
    padding: 50px 100px 0 100px;
}
.home-nextstep img {
    object-fit: cover;
}

footer {
    font-size: 16px;
}
footer .footer_logo img {
    max-width: 100%;
}
footer a {
    color: #fff;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
footer .menu-title {
    font-family: 'proxima-nova';
    font-size: 18px;
    margin-bottom: 15px;
}
footer ul li {
    margin-bottom: 15px;
}
footer .social-link a {
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px;
    width: 32px;
    height: 32px;
    align-content: center;
    text-align: center;
    font-size: 12px;
}

/* Sidebar */
.sidebar_wrapper {
    background: #D24719;
    padding: 30px;
    border-radius: 20px;
}
.sidebar_mobile_wrapper {
    padding: 30px 30px 0 30px;
}
.sidebar_widget_wrapper {
    margin-bottom: 30px;
}
.sidebar-text-editor, .sidebar-text-editor p, .sidebar-text-editor a {
    color: #fff;
}


@media (max-width: 767.8px) {
    .sidebar_wrapper .advanced-sidebar-menu {
        display: none;
    }
}

.advanced-sidebar-page ul {
    list-style: none;
    padding-left: 0;
}

.advanced-sidebar-page ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: 'proxima-nova';
    font-size: 18px;
    font-weight: 400;
}
.advanced-sidebar-page ul li ul li a:hover {
    text-decoration: underline;
}

.advanced-sidebar-menu-wrap > ul > li > a {
    border-bottom: 1px solid #fff;
    display: block;
    font-family: 'Corben';
    font-size: 24px;
    font-weight: 400;
    text-decoration: none;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    line-height: 30px;
    padding: 5px 32px 10px 0;
}
/*
.advanced-sidebar-menu-wrap > ul > li.has_children > a::after {
    content: '\f107';
    font-family: 'Font Awesome 5 Free';
    font-size: 26px;
    font-weight: 900;
}
.advanced-sidebar-menu-wrap > ul > li.current_page_ancestor > a::after, 
.advanced-sidebar-menu-wrap > ul > li.current_page_item.has_children > a::after  {
    content: '\f106';
}
.advanced-sidebar-menu-wrap > ul > li.has_children > a:hover {
    text-decoration: none;
}
*/
.advanced-sidebar-menu-wrap .has_children svg {
    right:  0;
    width: 30px;
    height: 30px;
}

.advanced-sidebar-menu-wrap > ul > li > ul > li > ul li {
    padding-left: 20px;
}
.advanced-sidebar-menu-wrap > ul > li > ul li.current_page_item > a {
    font-weight: 700;
}

/* Search Page Specific */
.search-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 20px;
}

.search-header h1 {
    margin-bottom: 10px;
}

.search-header p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.search-form-wrapper {
    max-width: 500px;
    margin: 0 auto;
}

.search-form-wrapper form {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.search-form-wrapper input[type="search"] {
    flex: 1;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.search-form-wrapper input[type="submit"] {
    padding: 12px 20px;
    background: #D24719;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s ease;
}

.search-form-wrapper input[type="submit"]:hover {
    background: #b43f16;
}

/* Search Results */

.search-results article {
    margin-bottom: 40px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.search-results h2 {
    margin-top: 0;
}

.search-results .post-excerpt {
    margin-bottom: 15px;
    line-height: 1.6;
    color: #333C39;
}

/* No Results */
.no-results {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-width: 600px;
    margin: 40px auto;
}

.no-results h2 {
    margin-bottom: 10px;
}

.no-results p {
    font-size: 16px;
    color: #333C39;
    margin-bottom: 30px;
}

/* Pagination */
.pagination {
    text-align: center;
    margin: 40px 0;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    background: #D24719;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.pagination .page-numbers:hover,
.pagination .page-numbers.current {
    background: #005a87;
}
.nav-links {
    margin: 0 auto;
}

/* Responsive */
@media (max-width: 768px) {
    .search-header {
        padding: 15px;
    }
    
    .search-form-wrapper form {
        flex-direction: column;
    }
    
    .search-form-wrapper input[type="search"],
    .search-form-wrapper input[type="submit"] {
        width: 100%;
    }
    
    .search-results article {
        padding: 15px;
        margin-bottom: 30px;
    }
    
    .no-results {
        padding: 40px 15px;
        margin: 20px auto;
    }
}

/* Single Page Template */
.page-header {
    border-radius: 20px;
    background: #fff;
    padding: 50px 40px 50px 40px;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
}
.page-header iframe {
    max-width: 100%;
}
.page-synopsis {
    font-size: 18px;
}

.brown-bg {
    padding-top: 150px;
    padding-bottom: 50px;
    margin-top: -150px;
    position: relative;
    z-index: 0;
    --c: 70px; /* control the curvature (works with percentage) */
    /* you can also update the 60%  */
    mask: radial-gradient(60% var(--c) at top,#0000 calc(100% - 10px),#000);
    background-color: #37403c;
}
.page-content {
    line-height: 1.8;
    margin-bottom: 30px;
    font-size: 18px;
    color: #000;
}

.page-content p {
    margin-bottom: 20px;
}

.page-content iframe {
    max-width: 100%;
}

.page-meta {
    font-size: 14px;
    color: #888;
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.page-comments {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

/* Comments Styling (Basic, if enabled) */
.page-comments .comments-title,
.page-comments .comment-reply-title {
    color: #0073aa;
    margin-bottom: 20px;
}

.page-comments .comment {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 15px;
}

.page-comments .comment-form {
    max-width: 600px;
    margin: 0 auto;
}

.page-comments input,
.page-comments textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
}

.page-comments input[type="submit"] {
    background: #0073aa;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.page-comments input[type="submit"]:hover {
    background: #005a87;
}

/* Responsive */
@media (max-width: 768px) {
    .page-content {
        font-size: 18px;
        padding: 0 15px;
    }
    
    .page-meta {
        font-size: 13px;
        padding: 15px;
    }
    
    .page-comments .comment {
        padding: 10px;
    }
}


/* Single Post Template */
.single-post-header {
    position: relative;
    padding: 50px 40px 50px 40px;
}
.single-post-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    border-radius: 20px;
    background: rgba(210, 71, 25, .8);
    z-index: -1;
}
.single-post-header .featured-image img {
    border-radius: 20px;
    width: 100%;
    height: auto;
}
.post-date, .post-author {
    font-family: 'proxima-nova';
    font-size: 15px;
    font-weight: 400;
}
.post-content, .program-content {
    line-height: 1.8;
    margin: 0 auto;
    margin-bottom: 30px;
    font-size: 18px;
    color: #000;
}
.post-content {
	width: 70%;
}
.post-content p {
    margin-bottom: 20px;
}

.post-content blockquote {
    border-left: 4px solid #0073aa;
    padding-left: 20px;
    margin: 20px 0;
    font-style: italic;
    color: #666;
}

.post-tags {
    margin: 30px 0;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
    text-align: center;
}

.post-tags a {
    color: #0073aa;
    text-decoration: none;
    margin: 0 5px;
    transition: color 0.3s ease;
}

.post-tags a:hover {
    color: #005a87;
}

/* Related Posts */
.related-posts {
    margin: 40px 0;
    padding-top: 100px;
}

.related-posts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.related-posts li {
    margin-bottom: 10px;
    padding: 10px;
}

.related-posts li a {
    text-decoration: none;
}

.related-posts li a:hover {
    text-decoration: underline;
}
.related-posts li img {
    height: 278px;
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
}
.related-posts li .post-readmore a {
    font-family: 'proxima-nova';
    font-size: 16px;
    font-weight: 400;
    color: #D24719;
    text-decoration: none;
}

/* Comments Styling (Enhanced for Posts) */
.post-comments {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.post-comments .comments-title,
.post-comments .comment-reply-title {
    color: #0073aa;
    margin-bottom: 20px;
    text-align: center;
}

.post-comments .comment {
    padding: 15px;
    background: #f9f9f9;
    border-radius: 5px;
    margin-bottom: 15px;
    border-left: 3px solid #0073aa;
}

.post-comments .comment-form {
    max-width: 600px;
    margin: 0 auto 30px;
}

.post-comments input,
.post-comments textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.post-comments input[type="submit"] {
    background: #0073aa;
    color: white;
    border: none;
    padding: 12px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s ease;
    width: auto;
}

.post-comments input[type="submit"]:hover {
    background: #005a87;
}

/* Responsive */
@media (max-width: 768px) {
    .post-meta {
        font-size: 13px;
        text-align: left;
    }
    
    .post-meta span {
        display: block;
        margin: 5px 0;
    }
    
    .post-content {
        font-size: 15px;
        padding: 0 15px;
    }
    
    .related-posts {
        padding: 15px;
    }
    
    .post-comments .comment {
        padding: 10px;
    }
}

/* Archive Page Specific */
.archive-header {
    margin-bottom: 40px;
}
.posts-archive {

}
.featured-image img {
    width: 100%;
    height: 380px !important;
    border-radius: 5px;
    object-fit: cover;
}

.post-filter .form-control {
    border: none;
    background: transparent;
    font-family: 'proxima-nova';
    font-size: 16px;
    font-weight: 700;
}

.post-filter .form-group {
    display: flex;
    align-items: center;
}

/* Reuse Posts Archive Styles from index.php (already defined) */
/* .posts-archive, .post-meta, .featured-image, .post-excerpt, .read-more, .no-posts, .pagination */
/* (No need to duplicate; they apply here too) */

/* Archive-Specific Tweaks */
.archive-header .vcard {
    font-weight: bold;
    color: #005a87;
}

/* Responsive */
@media (max-width: 768px) {
    .archive-header {
        padding: 30px 15px;
    }
    
    .archive-header h1 {
        font-size: 1.8em;
    }
    
    .archive-description {
        font-size: 15px;
        padding: 0 15px;
    }
    
}

/* 404 Error Page */
.error-404 {
    text-align: center;
    padding: 40px 20px 200px 20px;
    background: #fff;
}

.error-icon {
    margin-bottom: 30px;
}

.error-icon h1 {
    font-size: 8em;
    margin: 0 0 10px;
    line-height: 1;
}

.error-icon p {
    font-size: 1.2em;
    margin: 0;
    font-weight: 300;
}

.error-404 h2 {
    margin-bottom: 15px;
    font-size: 2em;
}

.error-404 p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 1.6;
}

.search-form-wrapper {
    background: #F9F5F1;
    border: 1px solid #333C39;
    border-radius: 5px;
}

.search-form-wrapper form {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.search-form-wrapper input[type="search"] {
    flex: 1;
    padding: 12px;
    border: none;
    font-size: 16px;
    width: 390px;
    background: transparent;
}

.search-form-wrapper input[type="submit"] {
    padding: 5px 20px;
    background: #D24719;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    transition: background 0.3s ease;
}

.search-form-wrapper input[type="submit"]:hover {
    background: #b43f16;
}

.quick-links {
    text-align: left;
}

.quick-links h3 {
    margin-bottom: 15px;
    text-align: center;
}

.quick-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.quick-links li {
    margin-bottom: 10px;
}

.quick-links a {
    display: block;
    padding: 12px 15px;
    background: #f9f9f9;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease, color 0.3s ease;
    border-left: 4px solid #D24719;
}

.quick-links a:hover {
    background: #D24719;
    color: white;
}

/* Responsive */
@media (max-width: 768px) {
    .error-404 {
        margin: 40px auto;
        padding: 30px 15px;
    }
    
    .error-icon h1 {
        font-size: 5em;
    }
    
    .search-form-wrapper form {
        flex-direction: column;
    }
    
    .search-form-wrapper input[type="search"],
    .search-form-wrapper input[type="submit"] {
        width: 100%;
        max-width: none;
    }
    
    .quick-links {
        text-align: center;
    }
    
    .quick-links a {
        text-align: center;
        margin-bottom: 8px;
    }
}


/* Archive Program */
.archive-header-program, .archive-header-posts {
    position: relative;
    padding: 50px 40px 0 40px;
}
.archive-header-program::before, .archive-header-posts::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.2;
    border-radius: 20px;
    background: linear-gradient(180deg, #D24719 0%, rgba(108, 37, 13, 0) 100%);
    z-index: -1;
}
.archive-header-program select {
    -webkit-appearance: none; /* For Webkit browsers (Chrome, Safari, Opera) */
    -moz-appearance: none;    /* For Mozilla Firefox */
    appearance: none;   
}
.posts-archive-buttons {
    align-items: center;
    justify-content: space-between;
}
.posts-archive-buttons button {
    border: none;
    background: none;
}
.posts-archive-buttons button.active {
    border: 1px solid #1A1A1A;
    border-radius: 5px;
}
.posts-archive article {
    border: 1px solid #A9A9A9;
    border-radius: 5px;
    padding: 10px;
    min-height: 235px;
    background-color: #fff;
    height: 100%;
    position: relative;
}
.posts-archive .post-title {
    font-family: 'Corben';
    font-size: 18px;
    font-weight: 400;
}
.posts-archive .post-title a {
    color: #333C39;
    text-decoration: none;
}
.posts-archive .post-title a:hover {
    text-decoration: underline;
}
.featured_post a {
    text-decoration: none;
}
.featured_post a:hover {
    text-decoration: underline;
}
.featured_post .post-readmore a {
    color: #D24719;
}

.badge a {
    font-family: 'proxima-nova';
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background: #D24719;
    padding: 1px 3px;
    border-radius: 3px;
    text-decoration: none;
}

#posts-list.grid .featured-image {
    display: block;
}
#posts-list.grid .post-readmore {
    display: none;
}
#posts-list.list article {
    height: auto;
}
#posts-list.list .featured-image {
    display: none;
}
#posts-list.list .post-readmore {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 14px;
}
#posts-list.list .post-item {
    width: 100% !important;
}
#posts-list.list .post-item article {
    min-height: 0;
    position: relative;
}
#program-list-button-grid img {
    margin-bottom: 5px;
}

/* Single Program */
.type-program .featured-image, .type-program .featured-image img {
    height: 335px;
}
.program-sidebar_wrapper {
    background: #333C39;
    padding: 30px;
    border-radius: 20px;
}
.program-sidebar_wrapper, .program-sidebar_wrapper a {
    color: #fff;
}


.post-header {
    border-radius: 20px;
    background: #fff;
    padding: 50px 40px 50px 40px;
    position: relative;
    z-index: 1;
}
.post-header-buttons {
    padding-top: 150px;
    padding-bottom: 50px;
    margin-top: -100px;
    position: relative;
    z-index: 0;
    --c: 70px; /* control the curvature (works with percentage) */
    /* you can also update the 60%  */
    mask: radial-gradient(60% var(--c) at top,#0000 calc(100% - 10px),#000);
    background: #D24719;
}

#nextstep .image {
    display: flex;
    justify-content: center;
}
#nextstep img {
    width: 400px;
    height: 430px;
    border-radius: 20px;
    object-fit: cover;
    object-position: bottom;
}

/* Stats */
.stats_wrapper {
    background: #333C39;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
}

.stats_wrapper .stats_item.stats_type_body:not(:last-of-type) {
    border-right: 2px solid #FFC46A;
}
.stats_icon {
    color: #FFC46A;
    line-height: 60px;
}

.stats_icon .dashicons {
    font-size: 60px;
    line-height: 60px;
}

.stats_number {
    font-family: 'Corben';
    font-size: 42px;
    line-height: 1.5;
}

.stats_text {
    font-family: 'Corben';
    font-size: 22px;
    line-height: 1.3;
}

.stats_wrapper .stats_item.stats_type_sidebar {
    display: flex;
    padding-bottom: 20px;
}
.stats_wrapper .stats_item.stats_type_sidebar:not(:last-of-type) {
    border-bottom: 2px solid #FFC46A;
}
.stats_wrapper .stats_item.stats_type_sidebar .stats_icon {
    width: 70px;
    align-content: center;
}

/* Upcoming Events */
.upcoming_events.body {
    margin-top: 50px;
    margin-bottom: 50px;
}
.upcoming_events-date {
    background: #D24719;
    color: #fff;
    min-width: 145px;
    padding: 10px;
    text-align: center;
    margin-right: 20px;
    align-content: center;
    border-radius: 8px;
}
.upcoming_events-wrapper {
    display: flex;
    margin-bottom: 20px;
    border-bottom: 1px solid #333C39;
    padding-bottom: 20px;
}

.upcoming_events-day {
    font-family: 'Corben';
    font-size: 92px;
    font-weight: 400;
    line-height: 90%;
}

.upcoming_events-month {
    font-family: 'Corben';
    font-weight: 400;
    font-size: 18px;
}

.upcoming_events-content h4 a {
    font-family: 'Corben';
    font-weight: 400;
    font-size: 28px;
    text-decoration: none;
}
.upcoming_events-content h4 a:hover {
    text-decoration: underline;
}
.upcoming_events-content p {
    font-size: 18px;
}
.upcoming_events.sidebar .upcoming_events-wrapper {
    border-bottom: 1px solid #fff;
}
.upcoming_events.sidebar .upcoming_events-date {
    background: #fff;
    color: #D24719;
}
.upcoming_events.sidebar .upcoming_events-content h4 a, .upcoming_events.sidebar .upcoming_events-content p {
    color: #fff;
}

/* Events Page */
.event-grid .event-item a {
    transition: all .15s ease-in-out;
    display: block;
    text-decoration: none;
    border-left: 8px solid #D24719;
    padding-left: 24px;
    height: 100%;
}
.event-grid .event-item a .item-action {
    text-align: inherit;
    margin-top: 0;
}
.btn-line {
    padding: 0;
    border-bottom: 2px solid #000;
    border-radius: 0;
}
.event-item .details {
    min-height: 175px;
}
.event-item .details time {
    font-size: 14px;
}

/* Figure */
figure img, .wp-caption img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    object-fit: cover;
}
figure figcaption, .wp-caption-text {
    font-family: 'proxima-nova';
    font-weight: 400;
    font-size: 15px;
    color: #333C39;
    padding-top: 2px;
}
figure figcaption .attribution {
    font-size: .65rem;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgba(26, 26, 26, .1);
    padding: 7px 5px 2px;
    margin: -7px 0 .5em 1.5em;
}
.sidebar_wrapper figure figcaption, .wp-caption-text {
    color: #fff;
}

/* Accordion */
.wp-block-esab-accordion {
    margin: auto !important;
}
.wp-block-esab-accordion .wp-block {
    margin: 0;
}
.esab__container {
    background: #333C39;
    padding: 20px 20px 30px 20px;
    border-radius: 20px;
}

.wp-block-esab-accordion-child {
    background: #333C39;
    border:none !important;
}

.esab__head {
    background: #333C39 !important;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.esab__heading_txt {
    color: #fff !important;
}

p.esab__heading_tag {
    color: #fff !important;
    font-family: Corben;
    font-weight: 400;
    font-size: 24px;
    line-height: 120%;
}

.wp-block-esab-accordion-child {
    border: none;
}

.esab__body, .esab__body a {
    background: #333C39 !important;
    color: #fff;
    font-family: 'proxima-nova';
    font-size: 18px;
    line-height: 140%;
    border: none !important;
}

.esab__icon svg, .esab__active_icon svg {
    fill: #fff !important;
}

.esab__heading_tag {
    color: #fff !important;
}

.esab__body table a {
    background: transparent !important;
    color: #333C39 !important;
}

/* Tabs */
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
    border-radius: 5px !important;
    color: #D24719 !important;
    border-color: #D24719 !important;
}
.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title.active, .gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title:hover {
    background: #D24719 !important;
    color: #fff !important;
    border: 1px solid #D24719;
}
.gutena-tabs-block>.gutena-tabs-tab {
    justify-content: flex-start !important;
    border-bottom: 1px solid #D24719 !important;
    gap: 5px !important;
}

.gutena-tabs-block>.gutena-tabs-tab>.gutena-tab-title {
    border-radius: 5px 5px 0 0 !important;
    border-bottom: none !important;
}


/* Button */
.wp-element-button {
    background: #D24719;
    border-radius: 5px;
    font-family: 'proxima-nova';
    font-size: 18px;
    font-weight: 700;
    text-align: center;
}
.wp-element-button:hover {
    background-color: #b43f16;
    color: white;
}

/* Table */
.wp-block-table table {
    color: #333C39;
}


/* Page Current Students */
#page-169 .btn-ccv {
    height: 100%;
}
#page-169 .wp-block-heading {
    border-bottom: 1px solid #333C39;
    display: flex;
    align-items: baseline;
    line-height: 42px;
}
#page-169 .wp-block-heading img {
    margin-right: 5px;
}
#page-169 .wp-block-list {
    list-style: none;
    padding-left: 0;
}


/* Form */
.gform-body label, .gfield_description {
    font-size: 18px !important;
}

.form_container input, .form_container select,
.gform-body input, .gform-body select {
    border: 1px solid #D24719 !important;
    border-radius: 5px !important;
    padding: 8px !important;
    line-height: 1 !important;
    font-size: 18px !important;
}

.form_container button, .gform-body button, .gform-footer input[type="submit"] {
    background: #D24719 !important;
    color: #fff !important;
    border: 1px solid #D24719 !important;
    padding: 10px 35px !important;
    border-radius:  5px !important;
    font-size:  18px !important;
}
.form_container button:hover, .gform-body button:hover,  .gform-footer input[type="submit"]:hover {
    background-color: #b43f16 !important;
    color: white !important;
}


/* Quick Links */
.quick-links-block article {
    column-count: 3;
}
.quick-links-block article ul li, .quick-links-block article ol li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.ccv-block {
    padding-top: 117px;
    padding-bottom: 117px;
}


/* Events */
.tribe-common-c-btn {
    background: #D24719 !important;
    font-family: 'proxima-nova' !important;
    font-size: 18px !important;
}
.tribe-common-c-btn:hover {
    background-color: #b43f16 !important;
}
.tribe-events-meta-group {
    width: auto;
}
.tribe-related-event-info {
    padding: 0 10px 10px 10px !important;
}
.tribe-events-meta-group .tribe-events-single-section-title {
    font-weight: 400 !important;
}

/* Socializer */
.socializer a {
    border: 1px solid #333C39 !important;
}
.socializer a {
    border: 1px solid #333C39 !important;
}

.wpsr-counter, .sr-share-menu {
    display: none !important;
}

/* Owl Carousel */
.owl-carousel {
    display: flex !important; /* To override display:block I added !important */
    flex-direction: column;
    justify-content: center; /* To center the carousel */
}

/* Event Calendar Block */
.ecs-event-list {
    list-style: none;
    padding-left: 0;
}

/* Slate Forms */
.form_container h2 {
    font-family: 'proxima-nova';
}
.form_container h2 span {
    color: #D24719 !important;
}

/* Block Group */
.wp-block-group.has-background {
    padding: 20px;
}


@media (max-width: 575.98px) {
    #main_menu {
        width: 350px;
    }

    #main_menu li a {
        font-size: 26px;
    }
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 38px;
    }
    h3 {
        font-size: 26px;
    }
    h4 {
        font-family: 'proxima-nova', sans-serif;
        font-size: 24px;
        font-weight: 700;
    }
    h5 {
        font-size: 24px;
    }
    .btn-ccv {
        width: 100%;
    }
    .btn-darkgreen {
        width: 100%;
    }
    .alert_text {
        padding: 0 30px;
    }
    .home-explore p {
        font-size: 18px;
        padding: 0 8px;
    }
    .home-explore h2 {
        width: 80%;
        margin: 0 auto;
    }
    .home-explore button {
        min-height: 0;
    }
    .home-explore .link {
        text-align: left;
        padding: 8px;
        font-size: 18px;
    }
    .home-tuition-content {
        text-align: center;
        align-items: center !important;
    }
    .home-tuition-content img {
        width: 50%;
        height: auto;
    }
    .home-learning {
        margin-top: -25px;
        height: auto;
        padding-top: 50px;
        overflow-x: hidden;
    }
    .home-learning .featured-image {
        position: relative;
        left: -50px;
        top: 50px;
        height: 350px;
        margin-bottom: 30px;
    }
    .home-learning .circle-bg {
        padding: 0;
    }    
    .home-learning .circle-bg::before {
        width: 600px;
        height: 600px;
        border-radius: 50%;
        left: -200px;
        top: 20px;
    }
    .home-ccvnow h2 {
        text-align: center;
    }
    .home-nextstep {
        background: none !important;
        border-radius: 0 !important;
    }
    .home-nextstep .content {
        padding: 50px 20px;
    }
    .home-nextstep img {
        border-radius: 0 !important;
        margin-top: -100px;
        z-index: -1;
    }
    #nextstep {
        text-align: center;
    }
    #nextstep::before {
        content: url(assets/images/line_curve_orange.svg);
        width: 100%;
        height: auto;
        margin-left: -12px;
    }
    #nextstep img {
        width: calc(100% + 24px);
        height: 200px;
        margin-left: -12px;
        border-radius: 0;
        margin-top: 20px;
    }
    .archive-program .posts-archive article {
        min-height: 211px;
    }
    .page-header {
        padding: 30px 20px;
    }
    .single-post-header {
        padding: 20px 15px;
    }
    .single-post-header .featured-image img {
        border-radius: 5px;
        height: 253px;
    }
    .gradient-bg {
        background: linear-gradient(181.38deg, #D0DEEE 0.81%, rgba(249, 245, 241, 0) 79.53%);
    }

    .featured-image img {
        height: 150px !important;
    }

    .archive-header-program, .archive-header-posts {
        padding: 30px 20px;
    }
    iframe {
        max-width: 100%;
        height: auto;
        min-height: 250px;
    }
    .quick-links-block article {
        column-count: 2;
    }

    .ccv-block {
        padding-top: 78px;
        padding-bottom: 78px;
    }
    .advanced-sidebar-page ul li a {
        line-height: 40px;
    }
    .post-content {
        width: 100%;
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 1199.98px) {}

@media (max-width: 1399.98px) {}


/* Gutenberg editor */
.editor-post-panel__row-label {
    font-size: 14px;
}
.block-editor-block-list__block.wp-block-group {
    border: 3px dotted rgba(0, 0, 0, .5);
    border-radius: 6px;
}