/*
Theme Name: Città dell'Uomo
Theme URI: https://www.cittadelluomo.it
Author: diòtima
Author URI: https://www.cittadelluomo.it
Description: Tema personalizzato per l'Associazione Città dell'Uomo
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cittadelluomo
Tags: custom-menu, featured-images, theme-options, translation-ready
*/

/* ================================================
   VARIABILI E RESET
   ================================================ */
:root {
    --primary-color: #e30613;
    --secondary-color: #3c3c3b;
    --text-color: #000000;
    --white: #ffffff;
    --light-gray: #f8f9fa;
    --dark-gray: #333333;
    --transition: all 0.3s ease;
    --bs-dropdown-link-active-bg: #e30613;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Roboto', sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    overflow-x: hidden;
}

a {
    text-decoration: none;
     color: var(--primary-color);
    transition: var(--transition);
}

/* Content links */
.page-content a,
.post-content a,
.entry-content a,
article p a,
article li a {
    color: var(--primary-color);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

.page-content a:hover,
.post-content a:hover,
.entry-content a:hover,
article p a:hover,
article li a:hover {
    color: #c00510;
    text-decoration-thickness: 2px;
}

/* ================================================
   BUTTONS
   ================================================ */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #c00510;
    border-color: #c00510;
    color: var(--white);
}

.btn-primary:focus,
.btn-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(227, 6, 19, 0.25);
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--white);
}

.btn-outline-primary:focus,
.btn-outline-primary:active:focus {
    box-shadow: 0 0 0 0.25rem rgba(227, 6, 19, 0.25);
}

/* ================================================
   NAVBAR / HEADER
   ================================================ */
.navbar {
    background-color: rgba(255, 255, 255, 0.98);
    padding: 20px 20px;
    transition: var(--transition);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Container flessibile per layout verticale/orizzontale */
.navbar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    transition: var(--transition);
}

/* Wrapper logo centrato */
.navbar-logo-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    transition: var(--transition);
}

/* Menu centrato sotto il logo */
.navbar .navbar-collapse {
    flex-basis: auto;
    justify-content: center;
}

.navbar .navbar-nav {
    justify-content: center;
    width: 100%;
    flex-wrap: nowrap;
}

/* Link menu più compatti in cima */
.navbar:not(.scrolled) .navbar-nav .nav-link {
    padding: 6px 6px !important;
    margin: 0;
    font-size: 0.85rem;
    white-space: nowrap;
}

/* === STATO SCROLLED === */
.navbar.scrolled {
    background-color: var(--white);
    padding: 5px 20px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}

.navbar.scrolled .navbar-container {
    flex-direction: row;
    justify-content: space-between;
}

.navbar.scrolled .navbar-logo-wrapper {
    width: auto;
    margin-bottom: 0;
}

.navbar.scrolled .navbar-collapse {
    flex-grow: 0;
}

.navbar.scrolled .navbar-nav {
    width: auto;
    justify-content: flex-end;
}

.logo-img {
    height: 120px;
    width: auto;
    object-fit: contain;
    border-radius: 5px;
    transition: var(--transition);
}

.navbar.scrolled .logo-img {
    height: 45px;
}

.navbar-nav .nav-link {
    color: var(--secondary-color) !important;
    font-weight: 500;
    padding: 10px 15px !important;
    margin: 0 5px;
    position: relative;
}

.navbar-nav .nav-link::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 15px;
    right: 15px;
    height: 2px;
    background-color: var(--primary-color);
    transform: scaleX(0);
    transition: var(--transition);
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    transform: scaleX(1);
}

/* No underline for dropdown toggles */
.navbar-nav .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.3em;
    vertical-align: middle;
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.navbar-nav .dropdown > .nav-link.dropdown-toggle::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 15px;
    right: 15px;
    height: 2px;
    background-color: var(--primary-color);
    transform: scaleX(0);
    transition: var(--transition);
}

/* Remove default underline for dropdown items */
.navbar-nav .dropdown > .nav-link::after {
    content: none;
    display: none;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
    color: var(--primary-color) !important;
}

/* Search */
.nav-search .nav-link::after {
    display: none;
}

.nav-search .nav-link {
    font-size: 1.1rem;
}

.search-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
}

.search-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/logow.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 35%;
    opacity: 0.15;
    z-index: 0;
}

.search-box.active {
    opacity: 1;
    visibility: visible;
}

.search-form {
    width: 80%;
    max-width: 600px;
    position: relative;
    z-index: 1;
}

.search-form .form-control {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid var(--white);
    border-radius: 0;
    color: var(--white);
    font-size: 2rem;
    padding: 15px 50px 15px 0;
}

.search-form .form-control:focus {
    box-shadow: none;
    border-color: var(--primary-color);
}

.search-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.search-form button[type="submit"] {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: var(--white);
    font-size: 1.5rem;
    cursor: pointer;
}

.search-close {
    position: fixed;
    right: 30px;
    top: 30px;
    transform: none;
    background: none;
    border: none;
    color: var(--white);
    font-size: 2rem;
    cursor: pointer;
    z-index: 10000;
    transition: var(--transition);
}

.search-close:hover {
    transform: rotate(90deg);
}

/* Dropdown Menu */
.dropdown-menu {
    background-color: var(--white);
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
    margin-top: 0;
    padding: 10px 0;
    border-top: 3px solid var(--primary-color);
}

/* Hover dropdown on desktop */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
    
    .navbar .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.3s ease;
    }
    
    .navbar .dropdown-toggle::after {
        transition: transform 0.3s ease;
    }
    
    .navbar .dropdown:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}

.dropdown-item {
    padding: 10px 20px;
    font-weight: 400;
    color: var(--text-color);
    transition: var(--transition);
}

.dropdown-item:hover {
    background-color: var(--light-gray);
    color: var(--primary-color);
    padding-left: 25px;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--primary-color) !important;
    color: var(--white) !important;
}

/* Mobile Menu */
.navbar-toggler {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    padding: 8px 12px;
    border-radius: 4px;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(227, 6, 19, 0.25);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ================================================
   HERO CAROUSEL
   ================================================ */
#hero {
    margin-top: 180px;
}

.carousel-slide {
    height: calc(100vh - 80px);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

.carousel-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 2;
}

/* Blur background for small images */
.carousel-slide.has-blur-bg {
    background: var(--secondary-color);
}

.carousel-blur-bg {
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background-size: cover;
    background-position: center;
    filter: blur(30px);
    transform: scale(1.1);
    z-index: 0;
}

.carousel-main-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    padding: 40px;
    box-sizing: border-box;
}

.carousel-main-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
}

.carousel-slide.has-blur-bg .carousel-caption-custom {
    z-index: 3;
    background: rgba(0, 0, 0, 0.6);
    padding: 30px 40px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
}

.carousel-slide.has-blur-bg::before {
    background: rgba(0, 0, 0, 0.4);
}

.carousel-caption-custom {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    max-width: 600px;
    z-index: 3;
}

.carousel-caption-custom h1 {
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--white);
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.carousel-caption-custom p {
    font-size: 1.3rem;
    color: var(--white);
    margin-bottom: 30px;
    opacity: 0.9;
}

.carousel-caption-custom .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    padding: 15px 40px;
    font-size: 1.1rem;
    font-weight: 600;
    border-radius: 50px;
    transition: var(--transition);
}

.carousel-caption-custom .btn-primary:hover {
    background-color: var(--white);
    border-color: var(--white);
    color: var(--primary-color);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

/* Carousel Animations */
.animate-title {
    animation: fadeInUp 1s ease forwards;
}

.animate-text {
    animation: fadeInUp 1s ease 0.3s forwards;
    opacity: 0;
}

.animate-btn {
    animation: fadeInUp 1s ease 0.6s forwards;
    opacity: 0;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Carousel Controls */
.carousel-control-prev,
.carousel-control-next {
    width: 60px;
    height: 60px;
    background-color: var(--primary-color);
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.8;
    transition: var(--transition);
    z-index: 5;
}

.carousel-control-prev {
    left: 30px;
}

.carousel-control-next {
    right: 30px;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 1;
    background-color: var(--secondary-color);
}

.carousel-indicators {
    bottom: 30px;
    z-index: 5;
}

.carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--white);
    opacity: 0.5;
    margin: 0 5px;
    transition: var(--transition);
}

.carousel-indicators button.active {
    opacity: 1;
    background-color: var(--primary-color);
    transform: scale(1.2);
}

/* ================================================
   NEWS SECTION
   ================================================ */
#news {
    padding: 80px 0;
    background-color: var(--light-gray);
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.section-title h2::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: var(--primary-color);
}

.section-title p {
    color: #666;
    font-size: 1.1rem;
    margin-top: 20px;
}

/* News Filter */
.news-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    padding: 15px 20px;
    background-color: var(--light-gray);
    border-radius: 12px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.news-filter .btn-filter {
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 0.9rem;
    transition: var(--transition);
    background-color: var(--white);
    border: none;
    color: var(--secondary-color);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.news-filter .btn-filter:hover {
    background-color: var(--white);
    color: var(--primary-color);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.news-filter .btn-filter.active {
    background-color: var(--primary-color);
    color: var(--white);
    box-shadow: 0 4px 15px rgba(227, 6, 19, 0.3);
}

.news-filter .btn-filter .fa-chevron-down {
    font-size: 0.7rem;
    transition: var(--transition);
}

.news-filter .btn-filter[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

/* Filter Dropdown */
.filter-dropdown {
    position: relative;
}

.filter-dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    padding: 10px 0;
    min-width: 220px;
    margin-top: 8px !important;
}

.filter-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--white);
}

.filter-dropdown-menu .dropdown-item {
    padding: 10px 20px;
    font-size: 0.9rem;
    color: var(--secondary-color);
    transition: var(--transition);
}

.filter-dropdown-menu .dropdown-item:hover {
    background-color: var(--light-gray);
    color: var(--primary-color);
    padding-left: 25px;
}

.filter-dropdown-menu .dropdown-item.active {
    background-color: var(--primary-color);
    color: var(--white);
}

.filter-dropdown-menu .dropdown-divider {
    margin: 5px 15px;
    border-color: var(--light-gray);
}

/* News Cards */
.news-item {
    margin-bottom: 40px;
}

.news-card {
    background-color: var(--white);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    height: 100%;
}

.news-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.news-card-img {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.news-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.news-card:hover .news-card-img img {
    transform: scale(1.1);
}

.news-card-category {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 25px 15px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.8) 100%);
}

.news-card-category.cat-notizie {
    background: linear-gradient(to bottom, transparent 0%, rgba(227, 6, 19, 0.9) 100%);
}

.news-card-category.cat-eventi {
    background: linear-gradient(to bottom, transparent 0%, rgba(40, 167, 69, 0.9) 100%);
}

.news-card-category.cat-sezioni {
    background: linear-gradient(to bottom, transparent 0%, rgba(23, 162, 184, 0.9) 100%);
}

.news-card-body {
    padding: 25px;
}

.news-card-date {
    color: #999;
    font-size: 0.85rem;
    margin-bottom: 10px;
}

.news-card-date i {
    margin-right: 5px;
    color: var(--primary-color);
}

.news-card-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 15px;
    line-height: 1.4;
}

.news-card-title a {
    color: inherit;
}

.news-card-title a:hover {
    color: var(--primary-color);
}

.news-card-excerpt {
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.news-card-link {
    color: var(--primary-color);
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    transition: var(--transition);
}

.news-card-link i {
    margin-left: 8px;
    transition: var(--transition);
}

.news-card-link:hover {
    color: var(--secondary-color);
}

.news-card-link:hover i {
    transform: translateX(5px);
}

/* View All Button */
.view-all-btn {
    text-align: center;
    margin-top: 30px;
}

.view-all-btn .btn {
    padding: 15px 40px;
    border-radius: 50px;
    font-weight: 600;
}

/* ================================================
   YOUTUBE / VIDEO SECTION
   ================================================ */
#youtube-section {
    padding: 80px 0;
    background-color: var(--white);
}

.video-card {
    background-color: var(--light-gray);
    border-radius: 15px;
    overflow: hidden;
    transition: var(--transition);
    margin-bottom: 30px;
    cursor: pointer;
}

.video-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.video-thumbnail {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
}

.video-card:hover .video-thumbnail img {
    transform: scale(1.05);
}

.video-play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 1.5rem;
    transition: var(--transition);
}

.video-card:hover .video-play-btn {
    background-color: var(--secondary-color);
    transform: translate(-50%, -50%) scale(1.1);
}

.video-play-btn i {
    margin-left: 5px;
}

.video-duration {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.8);
    color: var(--white);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.8rem;
}

.video-duration i {
    color: #FF0000;
}

.video-info {
    padding: 20px;
}

.video-info h5 {
    font-size: 1rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.video-info p {
    color: #666;
    font-size: 0.9rem;
    margin: 0;
}

.video-date {
    font-size: 0.85rem !important;
    color: #888 !important;
}

.video-date i {
    color: var(--primary-color);
}

.youtube-channel-btn {
    text-align: center;
    margin-top: 30px;
}

.youtube-channel-btn .btn {
    background-color: #FF0000;
    border-color: #FF0000;
    padding: 15px 40px;
    border-radius: 50px;
    font-weight: 600;
}

.youtube-channel-btn .btn:hover {
    background-color: #cc0000;
    border-color: #cc0000;
    transform: translateY(-3px);
}

/* ================================================
   NEWSLETTER SECTION
   ================================================ */
#newsletter-section {
    background-color: #f8f9fa;
    padding: 80px 0;
    border-top: 1px solid #e0e0e0;
}

.newsletter-box {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.newsletter-title {
    font-size: 2rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.newsletter-text {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.7;
}

.newsletter-form .form-control {
    padding: 15px 20px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: var(--transition);
}

.newsletter-form .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.1);
}

.newsletter-form .form-check-label {
    color: #666;
    font-size: 0.9rem;
}

.newsletter-form .form-check-label a {
    color: var(--primary-color);
    text-decoration: underline;
}

.newsletter-form .form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.newsletter-form .btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    padding: 15px 30px;
    font-weight: 600;
    border-radius: 8px;
    transition: var(--transition);
}

.newsletter-form .btn-primary:hover {
    background-color: #c00510;
    border-color: #c00510;
    transform: translateY(-2px);
    box-shadow: 0 5px 20px rgba(227, 6, 19, 0.3);
}

/* ================================================
   5 PER MILLE SECTION
   ================================================ */
#cinque-per-mille {
    background: radial-gradient(ellipse at center, #0099cc 0%, #006699 50%, #004466 100%);
    padding: 50px 0;
    color: var(--white);
}

.cinque-per-mille-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.cinque-per-mille-left {
    display: flex;
    align-items: center;
    gap: 25px;
}

.cinque-per-mille-number {
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--white);
}

.cinque-per-mille-number span {
    font-size: 3rem;
}

.cinque-per-mille-label {
    font-size: 1.5rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-left: 3px solid rgba(255,255,255,0.5);
    padding-left: 25px;
}

.cinque-per-mille-center {
    flex: 1;
    padding: 0 30px;
}

.cinque-per-mille-text {
    font-size: 1.05rem;
    line-height: 1.7;
    margin-bottom: 10px;
    opacity: 0.95;
}

.cinque-per-mille-text strong {
    font-weight: 700;
}

.cinque-per-mille-right {
    text-align: right;
}

.cinque-per-mille-cta {
    font-size: 0.9rem;
    margin-bottom: 5px;
    opacity: 0.8;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cinque-per-mille-cf {
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 2px;
}

@media (max-width: 991px) {
    .cinque-per-mille-wrapper {
        flex-direction: column;
        text-align: center;
        gap: 25px;
    }
    
    .cinque-per-mille-left {
        flex-direction: column;
        gap: 10px;
    }
    
    .cinque-per-mille-label {
        border-left: none;
        padding-left: 0;
        border-top: 2px solid rgba(255,255,255,0.5);
        padding-top: 10px;
    }
    
    .cinque-per-mille-center {
        padding: 0;
    }
    
    .cinque-per-mille-right {
        text-align: center;
    }
}

/* ================================================
   FOOTER
   ================================================ */
#footer {
    background-color: var(--secondary-color);
    color: var(--white);
}

.footer-main {
    padding: 60px 0 40px;
    background-image: url('assets/sfondo.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.footer-logo {
    max-width: 100%;
}

@media (max-width: 767.98px) {
    .footer-col-logo .footer-widget {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
    }
}

.footer-widget h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
}

.footer-widget h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: var(--primary-color);
}

.footer-widget p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.8;
}

/* Social Links */
.social-links a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: var(--white);
    margin-right: 10px;
    transition: var(--transition);
}

.social-links a:hover {
    background-color: var(--primary-color);
    transform: translateY(-3px);
}

/* Footer Links */
.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 12px;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.8);
    transition: var(--transition);
}

.footer-links a:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

/* Footer Contact */
.footer-contact {
    list-style: none;
    padding: 0;
}

.footer-contact li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    color: rgba(255, 255, 255, 0.8);
}

.footer-contact li i {
    color: var(--primary-color);
    margin-right: 15px;
    margin-top: 5px;
    width: 20px;
}

/* Footer Bottom */
.footer-bottom {
    background-color: rgba(0, 0, 0, 0.2);
}

.footer-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.7);
}

.footer-bottom a {
    color: rgba(255, 255, 255, 0.7);
    transition: var(--transition);
}

.footer-bottom a:hover {
    color: var(--primary-color);
}

/* Footer Mobile Layout */
@media (max-width: 767.98px) {
    .footer-col-logo,
    .footer-col-contacts {
        text-align: left;
    }
    
    .footer-col-logo {
        padding-left: 15px;
    }
    
    .footer-col-menu:nth-child(odd) {
        padding-left: 15px;
    }
    
    .footer-col-contacts .footer-contact {
        font-size: 0.85rem;
    }
    
    .footer-col-contacts .footer-contact li {
        margin-bottom: 10px;
    }
    
    .footer-col-menu h5 {
        font-size: 1rem;
        margin-bottom: 15px;
    }
    
    .footer-col-menu .footer-links li {
        margin-bottom: 6px;
    }
    
    .footer-col-menu .footer-links a {
        font-size: 0.85rem;
    }
}

/* ================================================
   BACK TO TOP
   ================================================ */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: var(--primary-color);
    color: var(--white);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition);
    z-index: 999;
    box-shadow: 0 5px 20px rgba(227, 6, 19, 0.4);
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background-color: var(--secondary-color);
    color: var(--white);
    transform: translateY(-5px);
}

/* ================================================
   PAGE HEADER
   ================================================ */
.page-header {
    background: 
        url('assets/sfondo.svg') no-repeat bottom center / 100% auto,
        linear-gradient(135deg, var(--secondary-color) 0%, #1a1a1a 100%);
    padding: 120px 0 60px;
    margin-top: 180px;
    text-align: center;
    color: var(--white);
}

.page-header h1 {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.page-header .breadcrumb {
    background: transparent;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.page-header .breadcrumb-item {
    color: rgba(255, 255, 255, 0.7);
}

.page-header .breadcrumb-item a {
    color: rgba(255, 255, 255, 0.7);
    transition: var(--transition);
}

.page-header .breadcrumb-item a:hover {
    color: var(--primary-color);
}

.page-header .breadcrumb-item.active {
    color: var(--white);
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255, 255, 255, 0.5);
}

/* ================================================
   PAGE SIDEBAR
   ================================================ */
.page-sidebar {
    position: sticky;
    top: 100px;
}

.pages-navigation {
    background-color: var(--white);
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    padding: 25px;
}

.pages-navigation h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--primary-color);
}

.pages-navigation h4 a {
    color: var(--secondary-color);
    text-decoration: none;
    transition: var(--transition);
}

.pages-navigation h4 a:hover {
    color: var(--primary-color);
}

.subpages-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.subpages-list li {
    margin-bottom: 8px;
}

.subpages-list li a {
    color: var(--text-color);
    text-decoration: none;
    padding: 8px 12px;
    display: block;
    border-radius: 5px;
    transition: var(--transition);
    font-size: 0.95rem;
}

.subpages-list li a:hover {
    background-color: var(--light-gray);
    color: var(--primary-color);
}

.subpages-list li.current > a {
    background-color: var(--primary-color);
    color: var(--white);
    font-weight: 600;
}

.subpages-list li.current-ancestor > a {
    color: var(--primary-color);
    font-weight: 600;
}

.sub-subpages-list {
    list-style: none;
    padding: 0;
    margin: 5px 0 5px 15px;
    border-left: 2px solid var(--light-gray);
}

.sub-subpages-list li {
    margin-bottom: 5px;
}

.sub-subpages-list li a {
    font-size: 0.9rem;
    padding: 6px 12px;
}

.sub-subpages-list li.current > a {
    background-color: var(--primary-color);
    color: var(--white);
    font-weight: 600;
}

/* ================================================
   APPUNTAMENTI PAGE
   ================================================ */
#appuntamenti-section {
    padding: 80px 0;
    background-color: var(--light-gray);
}

/* Date Filter */
.date-filter {
    background-color: var(--white);
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 40px;
}

.date-filter .form-label {
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 8px;
}

.date-filter .form-control,
.date-filter .form-select {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 15px;
    transition: var(--transition);
}

.date-filter .form-control:focus,
.date-filter .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(227, 6, 19, 0.1);
}

/* Appuntamento Card */
.appuntamento-card {
    background-color: var(--white);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    margin-bottom: 30px;
    display: flex;
}

.appuntamento-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.appuntamento-date {
    background: linear-gradient(135deg, var(--primary-color) 0%, #c00510 100%);
    color: var(--white);
    padding: 25px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.appuntamento-date .day {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}

.appuntamento-date .month {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 5px;
}

.appuntamento-date .year {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-top: 5px;
}

.appuntamento-content {
    padding: 25px;
    flex: 1;
}

.appuntamento-content h4 {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.appuntamento-content h4 a {
    color: inherit;
    transition: var(--transition);
}

.appuntamento-content h4 a:hover {
    color: var(--primary-color);
}

.appuntamento-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 15px;
}

.appuntamento-meta span {
    color: #666;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

.appuntamento-meta span i {
    color: var(--primary-color);
    margin-right: 8px;
}

.appuntamento-excerpt {
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
}

/* ================================================
   SINGLE POST / NEWS
   ================================================ */
#single-news {
    padding: 80px 0;
}

.news-content {
    background-color: var(--white);
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.news-featured-image {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.news-body {
    padding: 40px;
}

.news-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.news-meta span {
    color: #666;
    font-size: 0.95rem;
    display: flex;
    align-items: center;
}

.news-meta span i {
    color: var(--primary-color);
    margin-right: 8px;
}

.news-body h1 {
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 25px;
    line-height: 1.3;
}

.news-body .content {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444;
}

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

.news-body .content h2,
.news-body .content h3,
.news-body .content h4 {
    color: var(--secondary-color);
    margin-top: 30px;
    margin-bottom: 15px;
}

.news-body .content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 20px 0;
}

.news-body .content blockquote {
    border-left: 4px solid var(--primary-color);
    padding-left: 20px;
    margin: 30px 0;
    font-style: italic;
    color: #666;
}

/* Post Navigation */
.post-navigation {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.post-navigation a {
    display: flex;
    align-items: center;
    color: var(--secondary-color);
    font-weight: 500;
    transition: var(--transition);
}

.post-navigation a:hover {
    color: var(--primary-color);
}

.post-navigation a i {
    font-size: 1.2rem;
}

.post-navigation .prev-post i {
    margin-right: 10px;
}

.post-navigation .next-post i {
    margin-left: 10px;
}

/* Sidebar */
.sidebar .widget {
    background-color: var(--white);
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.sidebar .widget h4 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--primary-color);
}

/* Search Widget */
.widget-search .form-control {
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    padding: 12px 15px;
}

.widget-search .btn {
    border-radius: 8px;
    padding: 12px 20px;
}

/* Categories Widget */
.widget-categories ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget-categories ul li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.widget-categories ul li:last-child {
    border-bottom: none;
}

.widget-categories ul li a {
    color: #666;
    display: flex;
    justify-content: space-between;
    transition: var(--transition);
}

.widget-categories ul li a:hover {
    color: var(--primary-color);
    padding-left: 5px;
}

.widget-categories ul li a span {
    background-color: var(--light-gray);
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
}

/* Recent Posts Widget */
.widget-recent-posts .recent-post {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.widget-recent-posts .recent-post:last-child {
    border-bottom: none;
}

.widget-recent-posts .recent-post img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.widget-recent-posts .recent-post-info h6 {
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.3;
}

.widget-recent-posts .recent-post-info h6 a {
    color: var(--secondary-color);
    transition: var(--transition);
}

.widget-recent-posts .recent-post-info h6 a:hover {
    color: var(--primary-color);
}

.widget-recent-posts .recent-post-info span {
    font-size: 0.8rem;
    color: #999;
}

/* ================================================
   CHI SIAMO PAGE
   ================================================ */
#chi-siamo-section {
    padding: 80px 0;
}

.mission-card {
    background-color: var(--white);
    border-radius: 15px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: var(--transition);
    height: 100%;
}

.mission-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}

.mission-card-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, var(--primary-color) 0%, #c00510 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.mission-card-icon i {
    font-size: 2rem;
    color: var(--white);
}

.mission-card h4 {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 15px;
}

.mission-card p {
    color: #666;
    line-height: 1.7;
}

/* Lazzati Section */
#lazzati-section {
    padding: 80px 0;
    background-color: var(--light-gray);
}

.lazzati-content h3 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--secondary-color);
    margin-bottom: 25px;
}

.lazzati-content p {
    color: #666;
    font-size: 1.1rem;
    line-height: 1.8;
    margin-bottom: 20px;
}

.lazzati-image {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.lazzati-image img {
    width: 100%;
    height: auto;
}

/* Values Section */
#values-section {
    padding: 80px 0;
}

.value-item {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}

.value-icon {
    width: 60px;
    height: 60px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.value-icon i {
    font-size: 1.5rem;
    color: var(--white);
}

.value-content h5 {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--secondary-color);
    margin-bottom: 10px;
}

.value-content p {
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* Timeline */
#timeline-section {
    padding: 80px 0;
    background-color: var(--secondary-color);
    color: var(--white);
}

.timeline {
    position: relative;
    padding: 20px 0;
}

.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 100%;
    background-color: var(--primary-color);
}

.timeline-item {
    position: relative;
    margin-bottom: 50px;
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-content {
    width: 45%;
    padding: 25px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.timeline-item:nth-child(odd) .timeline-content {
    margin-left: auto;
}

.timeline-date {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    background-color: var(--primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    font-weight: 700;
    z-index: 1;
}

.timeline-content h5 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.timeline-content p {
    opacity: 0.9;
    margin: 0;
    line-height: 1.6;
}

/* ================================================
   POSTS LIST BLOCK
   ================================================ */
.posts-list-block {
    background-color: var(--white);
}

.posts-list {
    max-width: 900px;
    margin: 0 auto;
}

.post-list-item {
    padding: 30px 0;
    border-bottom: 1px solid #e8e8e8;
}

.post-list-item:first-child {
    padding-top: 0;
}

.post-list-item:last-child {
    border-bottom: none;
}

.post-list-meta {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
    font-size: 0.9rem;
}

.post-list-date {
    color: #888;
}

.post-list-date i {
    color: var(--primary-color);
    margin-right: 6px;
}

.post-list-category {
    display: inline-block;
    padding: 3px 12px;
    background-color: var(--light-gray);
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
    color: var(--secondary-color);
    text-transform: uppercase;
}

.post-list-category.cat-notizie {
    background-color: rgba(227, 6, 19, 0.1);
    color: var(--primary-color);
}

.post-list-title {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.3;
}

.post-list-title a {
    color: var(--secondary-color);
    text-decoration: none;
    transition: var(--transition);
}

.post-list-title a:hover {
    color: var(--primary-color);
}

.post-list-excerpt {
    color: #666;
    line-height: 1.7;
    margin-bottom: 15px;
}

.post-list-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    transition: var(--transition);
}

.post-list-link:hover {
    color: var(--secondary-color);
}

.post-list-link i {
    font-size: 0.8rem;
    transition: transform 0.3s ease;
}

.post-list-link:hover i {
    transform: translateX(5px);
}

/* ================================================
   PAGINATION
   ================================================ */
.pagination-wrapper {
    margin-top: 60px;
    text-align: center;
}

.pagination {
    justify-content: center;
    gap: 5px;
}

.pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    color: #666;
    background: transparent;
    border: none;
    font-weight: 500;
    font-size: 1rem;
    text-decoration: none;
    transition: var(--transition);
    position: relative;
}

.pagination .page-numbers:hover {
    color: var(--primary-color);
}

.pagination .page-numbers.current {
    color: var(--primary-color);
    font-weight: 700;
}

.pagination .page-numbers.current::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background-color: var(--primary-color);
    border-radius: 2px;
}

.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    color: var(--secondary-color);
    font-weight: 600;
    gap: 8px;
}

.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover {
    color: var(--primary-color);
}

.pagination .page-numbers.dots {
    min-width: auto;
    padding: 0 5px;
    color: #999;
}

/* Bootstrap pagination override */
.pagination .page-link {
    color: #666;
    background: transparent;
    border: none;
    padding: 10px 15px;
    font-weight: 500;
    transition: var(--transition);
}

.pagination .page-link:hover {
    background: transparent;
    color: var(--primary-color);
}

.pagination .page-item.active .page-link {
    background: transparent;
    color: var(--primary-color);
    font-weight: 700;
}

.pagination .page-item.disabled .page-link {
    background: transparent;
    color: #ccc;
}

/* ================================================
   RESPONSIVE
   ================================================ */
@media (max-width: 991px) {
    .carousel-slide {
        height: 70vh;
    }
    
    .carousel-caption-custom {
        left: 5%;
        right: 5%;
        max-width: 100%;
    }
    
    .carousel-caption-custom h1 {
        font-size: 2.5rem;
    }
    
    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }
    
    .dropdown-menu {
        border: none;
        box-shadow: none;
        padding-left: 15px;
    }
    
    .dropdown-item {
        padding: 8px 15px;
    }
    
    .dropdown-item:hover {
        padding-left: 20px;
    }
    
    .appuntamento-card {
        flex-direction: column;
    }
    
    .appuntamento-date {
        flex-direction: row;
        gap: 15px;
        padding: 15px;
    }
    
    .timeline::before {
        left: 30px;
    }
    
    .timeline-content {
        width: calc(100% - 80px);
        margin-left: 80px !important;
    }
    
    .timeline-date {
        left: 30px;
        width: 60px;
        height: 60px;
        font-size: 1rem;
    }
}

@media (max-width: 767px) {
    .carousel-slide {
        height: 60vh;
    }
    
    .carousel-caption-custom h1 {
        font-size: 1.8rem;
    }
    
    .carousel-caption-custom p {
        font-size: 1rem;
    }
    
    .carousel-caption-custom .btn-primary {
        padding: 12px 25px;
        font-size: 1rem;
    }
    
    .section-title h2 {
        font-size: 2rem;
    }
    
    .page-header {
        padding: 100px 0 40px;
    }
    
    .page-header h1 {
        font-size: 2rem;
    }
    
    .news-body {
        padding: 25px;
    }
    
    .news-body h1 {
        font-size: 1.6rem;
    }
}

/* WordPress Specific Styles */
.wp-block-image {
    margin: 20px 0;
}

.wp-block-image img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.alignleft {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.alignright {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 0.9rem;
    color: #666;
    text-align: center;
    margin-top: 10px;
}

/* WordPress Block File Button */
.wp-block-file {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.wp-block-file a:not(.wp-block-file__button) {
    color: var(--secondary-color);
    font-weight: 500;
    text-decoration: none;
    word-break: break-word;
}

.wp-block-file a:not(.wp-block-file__button):hover {
    color: var(--primary-color);
}

.wp-block-file__button.wp-element-button {
    background-color: var(--primary-color);
    color: var(--white);
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: var(--transition);
    border: none;
    cursor: pointer;
}

.wp-block-file__button.wp-element-button:hover {
    background-color: var(--secondary-color);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.wp-block-file__button.wp-element-button::before {
    content: '\f019';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

/* Screen Reader Text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.acf-form,
.acf-fields,
.acf-field,
.acf-input,
.acf-label {
    all: unset;
}

.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select
{
line-height: 3 !important;}

.form-check {padding: 0px;}

.acf-switch.-on .acf-switch-slider {
    border-color: var(--primary-color) !important;
}

.acf-switch.-on {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.acf-switch:hover, .acf-switch.-focus {
    border-color: var(--primary-color) !important;
    background: #f3f5f6;
    color: var(--primary-color) !important;
}

.acf-admin-page #wpcontent {
    line-height: 140%
}

.acf-admin-page a {
    color: #0783be
}

.acf-h1,.acf-admin-page h1,.acf-headerbar h1 {
    font-size: 21px;
    font-weight: 400
}

.acf-h2,.acf-page-title,.acf-admin-page h2,.acf-headerbar h2 {
    font-size: 18px;
    font-weight: 400
}

.acf-h3,.acf-admin-page h3,.acf-headerbar h3 {
    font-size: 16px;
    font-weight: 400
}

.acf-admin-page .p1 {
    font-size: 15px
}

.acf-admin-page .p2 {
    font-size: 14px
}

.acf-admin-page .p3 {
    font-size: 13.5px
}

.acf-admin-page .p4 {
    font-size: 13px
}

.acf-admin-page .p5 {
    font-size: 12.5px
}

.acf-admin-page .p6,.acf-admin-page .acf-field p.description,.acf-field .acf-admin-page p.description,.acf-admin-page .acf-small {
    font-size: 12px
}

.acf-admin-page .p7,.acf-admin-page .acf-field-setting-prefix_label p.description code,.acf-field-setting-prefix_label p.description .acf-admin-page code,.acf-admin-page .acf-field-setting-prefix_name p.description code,.acf-field-setting-prefix_name p.description .acf-admin-page code {
    font-size: 11.5px
}

.acf-admin-page .p8 {
    font-size: 11px
}

.acf-page-title {
    color: #344054
}

.acf-admin-page .acf-settings-wrap h1 {
    display: none !important
}

.acf-admin-page #acf-admin-tools h1:not(.acf-field-group-pro-features-title,.acf-field-group-pro-features-title-sm) {
    display: none !important
}

.acf-admin-page a:focus {
    box-shadow: none;
    outline: none
}

.acf-admin-page a:focus-visible {
    box-shadow: 0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8);
    outline: 1px solid rgba(0,0,0,0)
}

.acf-field,.acf-field .acf-label,.acf-field .acf-input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.acf-field {
    margin: 15px 0;
    clear: both
}

.acf-field p.description {
    display: block;
    margin: 0;
    padding: 0
}

.acf-field .acf-label {
    vertical-align: top;
    margin: 0 0 10px
}

.acf-field .acf-label label {
    display: block;
    font-weight: 500;
    margin: 0 0 3px;
    padding: 0
}

.acf-field .acf-label:empty {
    margin-bottom: 0
}

.acf-field .acf-input {
    vertical-align: top
}

.acf-field p.description {
    display: block;
    margin-top: 6px;
    color: #667085
}

.acf-field .acf-notice {
    margin: 0 0 15px;
    background: #edf2ff;
    color: #0c6ca0;
    border-color: #2183b9
}

.acf-field .acf-notice.-error {
    background: #ffe6e6;
    color: #cc2727;
    border-color: #d12626
}

.acf-field .acf-notice.-success {
    background: #eefbe8;
    color: #0e7b17;
    border-color: #32a23b
}

.acf-field .acf-notice.-warning {
    background: #fff3e6;
    color: #bd4b0e;
    border-color: #d16226
}

td.acf-field,tr.acf-field {
    margin: 0
}

.acf-field[data-width] {
    float: left;
    clear: none
}

.acf-field[data-width]+.acf-field[data-width] {
    border-left: 1px solid #eee
}

html[dir=rtl] .acf-field[data-width] {
    float: right
}

html[dir=rtl] .acf-field[data-width]+.acf-field[data-width] {
    border-left: none;
    border-right: 1px solid #eee
}

td.acf-field[data-width],tr.acf-field[data-width] {
    float: none
}

.acf-field.-c0 {
    clear: both;
    border-left-width: 0 !important
}

html[dir=rtl] .acf-field.-c0 {
    border-left-width: 1px !important;
    border-right-width: 0 !important
}

.acf-field.-r0 {
    border-top-width: 0 !important
}

.acf-fields {
    position: relative
}

.acf-fields:after {
    display: block;
    clear: both;
    content: ""
}

.acf-fields.-border {
    border: #ccd0d4 solid 1px;
    background: #fff
}

.acf-fields>.acf-field {
    position: relative;
    margin: 0;
    padding: 16px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eaecf0
}

.acf-fields>.acf-field:first-child {
    border-top: none;
    margin-top: 0
}

td.acf-fields {
    padding: 0 !important
}

.acf-fields.-clear>.acf-field {
    border: none;
    padding: 0;
    margin: 15px 0
}

.acf-fields.-clear>.acf-field[data-width] {
    border: none !important
}

.acf-fields.-clear>.acf-field>.acf-label {
    padding: 0
}

.acf-fields.-clear>.acf-field>.acf-input {
    padding: 0
}

.acf-fields.-left>.acf-field {
    padding: 15px 0
}

.acf-fields.-left>.acf-field:after {
    display: block;
    clear: both;
    content: ""
}

.acf-fields.-left>.acf-field:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    background: #f9f9f9;
    border-color: #e1e1e1;
    border-style: solid;
    border-width: 0 1px 0 0;
    top: 0;
    bottom: 0;
    left: 0;
    width: 20%
}

.acf-fields.-left>.acf-field[data-width] {
    float: none;
    width: auto !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important
}

.acf-fields.-left>.acf-field>.acf-label {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0 12px
}

.acf-fields.-left>.acf-field>.acf-input {
    float: left;
    width: 80%;
    margin: 0;
    padding: 0 12px
}

html[dir=rtl] .acf-fields.-left>.acf-field:before {
    border-width: 0 0 0 1px;
    left: auto;
    right: 0
}

html[dir=rtl] .acf-fields.-left>.acf-field>.acf-label {
    float: right
}

html[dir=rtl] .acf-fields.-left>.acf-field>.acf-input {
    float: right
}

#side-sortables .acf-fields.-left>.acf-field:before {
    display: none
}

#side-sortables .acf-fields.-left>.acf-field>.acf-label {
    width: 100%;
    margin-bottom: 10px
}

#side-sortables .acf-fields.-left>.acf-field>.acf-input {
    width: 100%
}

@media screen and (max-width: 640px) {
    .acf-fields.-left>.acf-field:before {
        display:none
    }

    .acf-fields.-left>.acf-field>.acf-label {
        width: 100%;
        margin-bottom: 10px
    }

    .acf-fields.-left>.acf-field>.acf-input {
        width: 100%
    }
}

.acf-fields.-clear.-left>.acf-field {
    padding: 0;
    border: none
}

.acf-fields.-clear.-left>.acf-field:before {
    display: none
}

.acf-fields.-clear.-left>.acf-field>.acf-label {
    padding: 0
}

.acf-fields.-clear.-left>.acf-field>.acf-input {
    padding: 0
}

.acf-table tr.acf-field>td.acf-label {
    padding: 15px 12px;
    margin: 0;
    background: #f9f9f9;
    width: 20%
}

.acf-table tr.acf-field>td.acf-input {
    padding: 15px 12px;
    margin: 0;
    border-left-color: #e1e1e1
}

.acf-sortable-tr-helper {
    position: relative !important;
    display: table-row !important
}

.acf-postbox {
    position: relative
}

.acf-postbox>.inside {
    margin: 0 !important;
    padding: 0 !important
}

.acf-postbox .acf-hndle-cog {
    color: #72777c;
    font-size: 16px;
    line-height: 36px;
    height: 36px;
    width: 1.62rem;
    position: relative;
    display: none;
    vertical-align: middle
}

.acf-postbox .acf-hndle-cog:hover {
    color: #191e23
}

.acf-postbox>.hndle:hover .acf-hndle-cog,.acf-postbox>.postbox-header:hover .acf-hndle-cog {
    display: inline-block
}

.acf-postbox>.hndle:hover .handle-actions .handle-order-higher,.acf-postbox>.hndle:hover .handle-actions .handle-order-lower,.acf-postbox>.hndle:hover .handle-actions .toggle-indicator,.acf-postbox>.hndle:hover .handle-actions .acf-hndle-cog,.acf-postbox>.postbox-header:hover .handle-actions .handle-order-higher,.acf-postbox>.postbox-header:hover .handle-actions .handle-order-lower,.acf-postbox>.postbox-header:hover .handle-actions .toggle-indicator,.acf-postbox>.postbox-header:hover .handle-actions .acf-hndle-cog {
    vertical-align: middle
}

.acf-postbox>.hndle .acf-hndle-cog {
    height: 20px;
    line-height: 20px;
    float: right;
    width: auto
}

.acf-postbox>.hndle .acf-hndle-cog:hover {
    color: #777
}

.acf-postbox .acf-replace-with-fields {
    padding: 15px;
    text-align: center
}

#post-body-content #acf_after_title-sortables {
    margin: 20px 0 -20px
}

.acf-postbox.seamless {
    border: 0 none;
    background: rgba(0,0,0,0);
    box-shadow: none
}

.acf-postbox.seamless>.postbox-header,.acf-postbox.seamless>.hndle,.acf-postbox.seamless>.handlediv {
    display: none !important
}

.acf-postbox.seamless>.inside {
    display: block !important;
    margin-left: -12px !important;
    margin-right: -12px !important
}

.acf-postbox.seamless>.inside>.acf-field {
    border-color: rgba(0,0,0,0)
}

.acf-postbox.seamless>.acf-fields.-left>.acf-field:before {
    display: none
}

@media screen and (max-width: 782px) {
    .acf-postbox.seamless>.acf-fields.-left>.acf-field>.acf-label,.acf-postbox.seamless>.acf-fields.-left>.acf-field>.acf-input {
        padding:0
    }
}

.acf-field input[type=text],.acf-field input[type=password],.acf-field input[type=date],.acf-field input[type=datetime],.acf-field input[type=datetime-local],.acf-field input[type=email],.acf-field input[type=month],.acf-field input[type=number],.acf-field input[type=search],.acf-field input[type=tel],.acf-field input[type=time],.acf-field input[type=url],.acf-field input[type=week],.acf-field textarea,.acf-field select {
    width: 100%;
    padding: 4px 8px;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.4
}

.acf-admin-3-8 .acf-field input[type=text],.acf-admin-3-8 .acf-field input[type=password],.acf-admin-3-8 .acf-field input[type=date],.acf-admin-3-8 .acf-field input[type=datetime],.acf-admin-3-8 .acf-field input[type=datetime-local],.acf-admin-3-8 .acf-field input[type=email],.acf-admin-3-8 .acf-field input[type=month],.acf-admin-3-8 .acf-field input[type=number],.acf-admin-3-8 .acf-field input[type=search],.acf-admin-3-8 .acf-field input[type=tel],.acf-admin-3-8 .acf-field input[type=time],.acf-admin-3-8 .acf-field input[type=url],.acf-admin-3-8 .acf-field input[type=week],.acf-admin-3-8 .acf-field textarea,.acf-admin-3-8 .acf-field select {
    padding: 3px 5px
}

.acf-field textarea {
    resize: vertical
}

body.acf-browser-firefox .acf-field select {
    padding: 4px 5px
}

.acf-input-prepend,.acf-input-append,.acf-input-wrap {
    box-sizing: border-box
}

.acf-input-prepend,.acf-input-append {
    font-size: 13px;
    line-height: 1.4;
    padding: 4px 8px;
    background: #f5f5f5;
    border: #7e8993 solid 1px;
    min-height: 30px
}

.acf-admin-3-8 .acf-input-prepend,.acf-admin-3-8 .acf-input-append {
    padding: 3px 5px;
    border-color: #ddd;
    min-height: 28px
}

.acf-input-prepend {
    float: left;
    border-right-width: 0;
    border-radius: 3px 0 0 3px
}

.acf-input-append {
    float: right;
    border-left-width: 0;
    border-radius: 0 3px 3px 0
}

.acf-input-wrap {
    position: relative;
    overflow: hidden
}

.acf-input-wrap .acf-is-prepended {
    border-radius: 0 6px 6px 0 !important
}

.acf-input-wrap .acf-is-appended {
    border-radius: 6px 0 0 6px !important
}

.acf-input-wrap .acf-is-prepended.acf-is-appended {
    border-radius: 0 !important
}

html[dir=rtl] .acf-input-prepend {
    border-left-width: 0;
    border-right-width: 1px;
    border-radius: 0 3px 3px 0;
    float: right
}

html[dir=rtl] .acf-input-append {
    border-left-width: 1px;
    border-right-width: 0;
    border-radius: 3px 0 0 3px;
    float: left
}

html[dir=rtl] input.acf-is-prepended {
    border-radius: 3px 0 0 3px !important
}

html[dir=rtl] input.acf-is-appended {
    border-radius: 0 3px 3px 0 !important
}

html[dir=rtl] input.acf-is-prepended.acf-is-appended {
    border-radius: 0 !important
}

.acf-color-picker .wp-color-result {
    border-color: #7e8993
}

.acf-admin-3-8 .acf-color-picker .wp-color-result {
    border-color: #ccd0d4
}

.acf-color-picker .wp-picker-active {
    position: relative;
    z-index: 1
}

.acf-color-picker.acf-color-picker-large-custom-palette .iris-picker {
    display: flex;
    flex-direction: column;
    height: inherit !important
}

.acf-color-picker.acf-color-picker-large-custom-palette .iris-picker .iris-picker-inner {
    position: initial;
    margin: 10px
}

.acf-color-picker.acf-color-picker-large-custom-palette .iris-picker .iris-palette-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px;
    position: relative;
    padding-top: 10px
}

.acf-color-picker.acf-color-picker-large-custom-palette .iris-picker .iris-palette-container .iris-palette {
    width: 20px !important;
    height: 20px !important;
    margin: 0 !important
}

.acf-color-picker.acf-hide-color-picker-color-wheel:not(.acf-color-picker-large-custom-palette) .iris-picker {
    width: inherit !important;
    margin-right: 25px !important
}

.acf-color-picker.acf-hide-color-picker-color-wheel .iris-picker {
    height: inherit !important;
    padding: 10px 0 !important
}

.acf-color-picker.acf-hide-color-picker-color-wheel .iris-picker .iris-picker-inner {
    display: none
}

.acf-color-picker.acf-hide-color-picker-color-wheel .iris-picker .iris-palette-container {
    display: flex;
    position: relative;
    bottom: inherit;
    padding-top: 0 !important
}

.acf-url i {
    position: absolute;
    top: 5px;
    left: 5px;
    opacity: .5;
    color: #7e8993
}

.acf-url input[type=url] {
    padding-left: 27px !important
}

.acf-url.-valid i {
    opacity: 1
}

.select2-container.-acf {
    z-index: 1001
}

.select2-container.-acf .select2-choices {
    background: #fff;
    border-color: #ddd;
    box-shadow: 0 1px 2px rgba(0,0,0,.07) inset;
    min-height: 31px
}

.select2-container.-acf .select2-choices .select2-search-choice {
    margin: 5px 0 5px 5px;
    padding: 3px 5px 3px 18px;
    border-color: #bbb;
    background: #f9f9f9;
    box-shadow: 0 1px 0 hsla(0,0%,100%,.25) inset
}

.select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-helper {
    background: #5897fb;
    border-color: rgb(63.0964912281,135.4912280702,250.4035087719);
    color: #fff !important;
    box-shadow: 0 0 3px rgba(0,0,0,.1)
}

.select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-helper a {
    visibility: hidden
}

.select2-container.-acf .select2-choices .select2-search-choice.ui-sortable-placeholder {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    visibility: visible !important
}

.select2-container.-acf .select2-choices .select2-search-choice-focus {
    border-color: #999
}

.select2-container.-acf .select2-choices .select2-search-field input {
    height: 31px;
    line-height: 22px;
    margin: 0;
    padding: 5px 5px 5px 7px
}

.select2-container.-acf .select2-choice {
    border-color: #bbb
}

.select2-container.-acf .select2-choice .select2-arrow {
    background: rgba(0,0,0,0);
    border-left-color: #dfdfdf;
    padding-left: 1px
}

.select2-container.-acf .select2-choice .select2-result-description {
    display: none
}

.select2-container.-acf.select2-container-active .select2-choices,.select2-container.-acf.select2-dropdown-open .select2-choices {
    border-color: #5b9dd9;
    border-radius: 3px 3px 0 0
}

.select2-container.-acf.select2-dropdown-open .select2-choice {
    background: #fff;
    border-color: #5b9dd9
}

html[dir=rtl] .select2-container.-acf .select2-search-choice-close {
    left: 24px
}

html[dir=rtl] .select2-container.-acf .select2-choice>.select2-chosen {
    margin-left: 42px
}

html[dir=rtl] .select2-container.-acf .select2-choice .select2-arrow {
    padding-left: 0;
    padding-right: 1px
}

.select2-drop .select2-search {
    padding: 4px 4px 0
}

.select2-drop .select2-result .select2-result-description {
    color: #999;
    font-size: 12px;
    margin-left: 5px
}

.select2-drop .select2-result.select2-highlighted .select2-result-description {
    color: #fff;
    opacity: .75
}

.select2-container.-acf li {
    margin-bottom: 0
}

.select2-container.-acf[data-select2-id^=select2-data] .select2-selection--multiple {
    overflow: hidden
}

.select2-container.-acf .select2-selection {
    border-color: #7e8993
}

.acf-admin-3-8 .select2-container.-acf .select2-selection {
    border-color: #aaa
}

.select2-container.-acf .select2-selection--multiple .select2-search--inline:first-child {
    float: none
}

.select2-container.-acf .select2-selection--multiple .select2-search--inline:first-child input {
    width: 100% !important
}

.select2-container.-acf .select2-selection--multiple .select2-selection__rendered {
    padding-right: 0
}

.select2-container.-acf .select2-selection--multiple .select2-selection__rendered[id^=select2-acf-field] {
    display: inline;
    padding: 0;
    margin: 0
}

.select2-container.-acf .select2-selection--multiple .select2-selection__rendered[id^=select2-acf-field] .select2-selection__choice {
    margin-right: 0
}

.select2-container.-acf .select2-selection--multiple .select2-selection__choice {
    background-color: #f7f7f7;
    border-color: #ccc;
    max-width: 100%;
    overflow: hidden;
    word-wrap: normal !important;
    white-space: normal
}

.select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-helper {
    background: #0783be;
    border-color: #066998;
    color: #fff !important;
    box-shadow: 0 0 3px rgba(0,0,0,.1)
}

.select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-helper span {
    visibility: hidden
}

.select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    position: static;
    border-right: none;
    padding: 0
}

.select2-container.-acf .select2-selection--multiple .select2-selection__choice.ui-sortable-placeholder {
    background-color: #f2f4f7;
    border-color: #f2f4f7;
    visibility: visible !important
}

.select2-container.-acf .select2-selection--multiple .select2-search__field {
    box-shadow: none !important;
    min-height: 0
}

.acf-row .select2-container.-acf .select2-selection--single {
    overflow: hidden
}

.acf-row .select2-container.-acf .select2-selection--single .select2-selection__rendered {
    white-space: normal
}

.acf-admin-single-field-group .select2-dropdown {
    border-color: #6bb5d8 !important;
    margin-top: -5px;
    overflow: hidden;
    box-shadow: 0px 1px 2px rgba(16,24,40,.1)
}

.select2-dropdown.select2-dropdown--above {
    margin-top: 0
}

.acf-admin-single-field-group .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f9fafb !important;
    color: #667085
}

.acf-admin-single-field-group .select2-container--default .select2-results__option[aria-selected=true]:hover {
    color: #399ccb
}

.acf-admin-single-field-group .select2-container--default .select2-results__option--highlighted[aria-selected] {
    color: #fff !important;
    background-color: #0783be !important
}

.select2-dropdown .select2-results__option {
    margin-bottom: 0
}

.select2-container .select2-dropdown {
    z-index: 900000
}

.select2-container .select2-dropdown .select2-search__field {
    line-height: 1.4;
    min-height: 0
}

.acf-link .link-wrap {
    display: none;
    border: #ccd0d4 solid 1px;
    border-radius: 3px;
    padding: 5px;
    line-height: 26px;
    background: #fff;
    word-wrap: break-word;
    word-break: break-all
}

.acf-link .link-wrap .link-title {
    padding: 0 5px
}

.acf-link.-value .button {
    display: none
}

.acf-link.-value .acf-icon.-link-ext {
    display: none
}

.acf-link.-value .link-wrap {
    display: inline-block
}

.acf-link.-external .acf-icon.-link-ext {
    display: inline-block
}

#wp-link-backdrop {
    z-index: 900000 !important
}

#wp-link-wrap {
    z-index: 900001 !important
}

ul.acf-radio-list,ul.acf-checkbox-list {
    background: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,0);
    position: relative;
    padding: 1px;
    margin: 0
}

ul.acf-radio-list:focus-visible,ul.acf-checkbox-list:focus-visible {
    border: 1px solid #a5d2e7;
    border-radius: 6px
}

ul.acf-radio-list li,ul.acf-checkbox-list li {
    font-size: 13px;
    line-height: 22px;
    margin: 0;
    position: relative;
    word-wrap: break-word
}

ul.acf-radio-list li label,ul.acf-checkbox-list li label {
    display: inline
}

ul.acf-radio-list li input[type=checkbox],ul.acf-radio-list li input[type=radio],ul.acf-checkbox-list li input[type=checkbox],ul.acf-checkbox-list li input[type=radio] {
    margin: -1px 4px 0 0;
    vertical-align: middle
}

ul.acf-radio-list li input[type=text],ul.acf-checkbox-list li input[type=text] {
    width: auto;
    vertical-align: middle;
    margin: 2px 0
}

ul.acf-radio-list li span,ul.acf-checkbox-list li span {
    float: none
}

ul.acf-radio-list li i,ul.acf-checkbox-list li i {
    vertical-align: middle
}

ul.acf-radio-list.acf-hl li,ul.acf-checkbox-list.acf-hl li {
    margin-right: 20px;
    clear: none
}

html[dir=rtl] ul.acf-radio-list input[type=checkbox],html[dir=rtl] ul.acf-radio-list input[type=radio],html[dir=rtl] ul.acf-checkbox-list input[type=checkbox],html[dir=rtl] ul.acf-checkbox-list input[type=radio] {
    margin-left: 4px;
    margin-right: 0
}

.acf-button-group {
    display: inline-block
}

.acf-button-group label {
    display: inline-block;
    border: #7e8993 solid 1px;
    position: relative;
    z-index: 1;
    padding: 5px 10px;
    background: #fff;
    cursor: pointer
}

.acf-button-group label:hover {
    color: #016087;
    background: #f3f5f6;
    border-color: #0071a1;
    z-index: 2
}

.acf-button-group label:focus-visible {
    color: #016087;
    background: #f3f5f6;
    border-color: #0071a1;
    box-shadow: 0 0 0 1px #fff,0 0 0 3px #var(--primary-color);
    z-index: 2;
    outline: none
}

.acf-button-group label.selected {
    border-color: #var(--primary-color);
    background: rgb(0,141,211.5);
    color: #fff;
    z-index: 2
}

.acf-button-group input {
    display: none !important
}

.acf-button-group {
    padding-left: 1px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.acf-button-group label {
    margin: 0 0 0 -1px;
    flex: 1;
    text-align: center;
    white-space: nowrap
}

.acf-button-group label:first-child {
    border-radius: 3px 0 0 3px
}

html[dir=rtl] .acf-button-group label:first-child {
    border-radius: 0 3px 3px 0
}

.acf-button-group label:last-child {
    border-radius: 0 3px 3px 0
}

html[dir=rtl] .acf-button-group label:last-child {
    border-radius: 3px 0 0 3px
}

.acf-button-group label:only-child {
    border-radius: 3px
}

.acf-button-group.-vertical {
    padding-left: 0;
    padding-top: 1px;
    flex-direction: column
}

.acf-button-group.-vertical label {
    margin: -1px 0 0 0
}

.acf-button-group.-vertical label:first-child {
    border-radius: 3px 3px 0 0
}

.acf-button-group.-vertical label:last-child {
    border-radius: 0 0 3px 3px
}

.acf-button-group.-vertical label:only-child {
    border-radius: 3px
}

.acf-admin-3-8 .acf-button-group label {
    border-color: #ccd0d4
}

.acf-admin-3-8 .acf-button-group label:hover {
    border-color: #0071a1
}

.acf-admin-3-8 .acf-button-group label.selected {
    border-color: #var(--primary-color)
}

.acf-admin-page .acf-button-group {
    display: flex;
    align-items: stretch;
    align-content: center;
    height: 40px;
    border-radius: 6px;
    box-shadow: 0px 1px 2px rgba(16,24,40,.1)
}

.acf-admin-page .acf-button-group label {
    display: inline-flex;
    align-items: center;
    align-content: center;
    border: #d0d5dd solid 1px;
    padding: 6px 16px;
    color: #475467;
    font-weight: 500
}

.acf-admin-page .acf-button-group label:hover {
    color: #0783be
}

.acf-admin-page .acf-button-group label:focus-visible {
    color: #0783be;
    box-shadow: 0 0 0 1px #fff,0 0 0 3px #0783be;
    outline: none
}

.acf-admin-page .acf-button-group label.selected {
    background: #f9fafb;
    color: #0783be
}

.acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice {
    display: inline-flex;
    align-items: center;
    margin-top: 8px;
    margin-left: 2px;
    position: relative;
    padding-top: 4px;
    padding-right: auto;
    padding-bottom: 4px;
    padding-left: 8px;
    background-color: #ebf5fa;
    border-color: #a5d2e7;
    color: #0783be
}

.acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    order: 2;
    width: 14px;
    height: 14px;
    margin-right: 0;
    margin-left: 4px;
    color: #6bb5d8;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
    color: #0783be
}

.acf-admin-page .select2-container.-acf .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    background-color: currentColor;
    border: none;
    border-radius: 0;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-image: url("../../images/icons/icon-close.svg");
    mask-image: url("../../images/icons/icon-close.svg")
}

.acf-checkbox-list .button {
    margin: 10px 0 0
}

.acf-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: fit-content;
    max-width: 100%;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    background: #f5f5f5;
    height: 30px;
    vertical-align: middle;
    border: #7e8993 solid 1px;
    -webkit-transition: background .25s ease;
    -moz-transition: background .25s ease;
    -o-transition: background .25s ease;
    transition: background .25s ease
}

.acf-switch span {
    display: inline-block;
    float: left;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    padding: 4px 10px;
    min-width: 15px
}

.acf-switch span i {
    vertical-align: middle
}

.acf-switch .acf-switch-on {
    color: #fff;
    text-shadow: #000 0 1px 0 !important;
    overflow: hidden
}

.acf-switch .acf-switch-off {
    overflow: hidden
}

.acf-switch .acf-switch-slider {
    position: absolute;
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 50%;
    z-index: 1;
    background: #fff;
    border-radius: 3px;
    border: #7e8993 solid 1px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    transition-property: left,right
}

.acf-switch:hover,.acf-switch.-focus {
    border-color: #000;
    background: #f3f5f6;
    color: #016087
}

.acf-switch:hover .acf-switch-slider,.acf-switch.-focus .acf-switch-slider {
    border-color: #000
}

.acf-switch.-on {
    background: #0d99d5;
    border-color: #var(--primary-color)
}

.acf-switch.-on .acf-switch-slider {
    left: 50%;
    right: 2px;
    border-color: #var(--primary-color)
}

.acf-switch.-on:hover {
    border-color: #var(--primary-color)
}

.acf-switch+span {
    margin-left: 6px
}

.acf-admin-3-8 .acf-switch {
    border-color: #ccd0d4
}

.acf-admin-3-8 .acf-switch .acf-switch-slider {
    border-color: #ccd0d4
}

.acf-admin-3-8 .acf-switch:hover,.acf-admin-3-8 .acf-switch.-focus {
    border-color: #0071a1
}

.acf-admin-3-8 .acf-switch:hover .acf-switch-slider,.acf-admin-3-8 .acf-switch.-focus .acf-switch-slider {
    border-color: #0071a1
}

.acf-admin-3-8 .acf-switch.-on {
    border-color: #var(--primary-color)
}

.acf-admin-3-8 .acf-switch.-on .acf-switch-slider {
    border-color: #var(--primary-color)
}

.acf-admin-3-8 .acf-switch.-on:hover {
    border-color: #var(--primary-color)
}

.acf-switch-input {
    opacity: 0;
    position: absolute;
    margin: 0
}

.acf-admin-single-field-group .acf-true-false {
    border: 1px solid rgba(0,0,0,0)
}

.acf-admin-single-field-group .acf-true-false:focus-within {
    border: 1px solid #399ccb;
    border-radius: 120px
}

.acf-true-false:has(.acf-switch) label {
    display: flex;
    align-items: center;
    justify-items: center
}

.compat-item .acf-true-false .message {
    float: none;
    padding: 0;
    vertical-align: middle
}

.acf-google-map {
    position: relative;
    border: #ccd0d4 solid 1px;
    background: #fff
}

.acf-google-map .acf-actions .acf-icon.-cancel:before {
    margin: -6px -1px 0 -1px
}

.acf-google-map .acf-actions .acf-icon.-location:before {
    margin: -4px -1px 0 -1px
}

.acf-google-map .acf-actions .acf-icon.-search:before {
    margin: -6px 0 0 0
}

.acf-google-map button.acf-icon {
    font-size: 20px !important;
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: inherit;
    font: inherit
}

.acf-google-map .title {
    position: relative;
    border-bottom: #ccd0d4 solid 1px
}

.acf-google-map .title .search {
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    height: 40px;
    padding: 5px 10px;
    border: 0 none;
    box-shadow: none;
    border-radius: 0;
    font-family: inherit;
    cursor: text
}

.acf-google-map .title .acf-loading {
    position: absolute;
    top: 10px;
    right: 11px;
    display: none
}

.acf-google-map .title .acf-icon:active {
    display: inline-block !important
}

.acf-google-map .canvas {
    height: 400px
}

.acf-google-map:hover .title .acf-actions {
    display: block
}

.acf-google-map .title .acf-icon.-location {
    display: inline-block
}

.acf-google-map .title .acf-icon.-cancel,.acf-google-map .title .acf-icon.-search {
    display: none
}

.acf-google-map.-value .title .search {
    font-weight: bold
}

.acf-google-map.-value .title .acf-icon.-location {
    display: none
}

.acf-google-map.-value .title .acf-icon.-cancel {
    display: inline-block
}

.acf-google-map.-searching .title .acf-icon.-location {
    display: none
}

.acf-google-map.-searching .title .acf-icon.-cancel,.acf-google-map.-searching .title .acf-icon.-search {
    display: inline-block
}

.acf-google-map.-searching .title .acf-actions {
    display: block
}

.acf-google-map.-searching .title .search {
    font-weight: normal !important
}

.acf-google-map.-loading .title a {
    display: none !important
}

.acf-google-map.-loading .title i {
    display: inline-block
}

.pac-container {
    border-width: 1px 0;
    box-shadow: none
}

.pac-container:after {
    display: none
}

.pac-container .pac-item:first-child {
    border-top: 0 none
}

.pac-container .pac-item {
    padding: 5px 10px;
    cursor: pointer
}

html[dir=rtl] .pac-container .pac-item {
    text-align: right
}

.acf-relationship {
    background: #fff;
    border: #ccd0d4 solid 1px
}

.acf-relationship .filters {
    border-bottom: #ccd0d4 solid 1px;
    background: #fff
}

.acf-relationship .filters:after {
    display: block;
    clear: both;
    content: ""
}

.acf-relationship .filters .filter {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 7px 7px 7px 0
}

.acf-relationship .filters .filter:first-child {
    padding-left: 7px
}

.acf-relationship .filters .filter input,.acf-relationship .filters .filter select {
    margin: 0;
    float: none
}

.acf-relationship .filters .filter input:focus,.acf-relationship .filters .filter input:active,.acf-relationship .filters .filter select:focus,.acf-relationship .filters .filter select:active {
    outline: none;
    box-shadow: none
}

.acf-relationship .filters .filter input {
    border-color: rgba(0,0,0,0);
    box-shadow: none;
    padding-left: 3px;
    padding-right: 3px
}

.acf-relationship .filters.-f2 .filter {
    width: 50%
}

.acf-relationship .filters.-f3 .filter {
    width: 25%
}

.acf-relationship .filters.-f3 .filter.-search {
    width: 50%
}

.acf-relationship .list {
    margin: 0;
    padding: 5px;
    height: 160px;
    overflow: auto
}

.acf-relationship .list .acf-rel-label,.acf-relationship .list .acf-rel-item,.acf-relationship .list p {
    padding: 5px;
    margin: 0;
    display: block;
    position: relative;
    min-height: 18px
}

.acf-relationship .list .acf-rel-label {
    font-weight: bold
}

.acf-relationship .list .acf-rel-item {
    cursor: pointer
}

.acf-relationship .list .acf-rel-item b {
    text-decoration: underline;
    font-weight: normal
}

.acf-relationship .list .acf-rel-item .thumbnail {
    background: rgb(223.5,223.5,223.5);
    width: 22px;
    height: 22px;
    float: left;
    margin: -2px 5px 0 0
}

.acf-relationship .list .acf-rel-item .thumbnail img {
    max-width: 22px;
    max-height: 22px;
    margin: 0 auto;
    display: block
}

.acf-relationship .list .acf-rel-item .thumbnail.-icon {
    background: #fff
}

.acf-relationship .list .acf-rel-item .thumbnail.-icon img {
    max-height: 20px;
    margin-top: 1px
}

.acf-relationship .list .acf-rel-item:hover,.acf-relationship .list .acf-rel-item.relationship-hover {
    background: #3875d7;
    color: #fff
}

.acf-relationship .list .acf-rel-item:hover .thumbnail,.acf-relationship .list .acf-rel-item.relationship-hover .thumbnail {
    background: hsl(216.9811320755,66.5271966527%,78.137254902%)
}

.acf-relationship .list .acf-rel-item:hover .thumbnail.-icon,.acf-relationship .list .acf-rel-item.relationship-hover .thumbnail.-icon {
    background: #fff
}

.acf-relationship .list .acf-rel-item.disabled {
    opacity: .5
}

.acf-relationship .list .acf-rel-item.disabled:hover {
    background: rgba(0,0,0,0);
    color: #333;
    cursor: default
}

.acf-relationship .list .acf-rel-item.disabled:hover .thumbnail {
    background: rgb(223.5,223.5,223.5)
}

.acf-relationship .list .acf-rel-item.disabled:hover .thumbnail.-icon {
    background: #fff
}

.acf-relationship .list ul {
    padding-bottom: 5px
}

.acf-relationship .list ul .acf-rel-label,.acf-relationship .list ul .acf-rel-item,.acf-relationship .list ul p {
    padding-left: 20px
}

.acf-relationship .selection {
    position: relative
}

.acf-relationship .selection:after {
    display: block;
    clear: both;
    content: ""
}

.acf-relationship .selection .values,.acf-relationship .selection .choices {
    width: 50%;
    background: #fff;
    float: left
}

.acf-relationship .selection .choices {
    background: #f9f9f9
}

.acf-relationship .selection .choices .list {
    border-right: #dfdfdf solid 1px
}

.acf-relationship .selection .values .acf-icon {
    position: absolute;
    top: 4px;
    right: 7px;
    display: none
}

html[dir=rtl] .acf-relationship .selection .values .acf-icon {
    right: auto;
    left: 7px
}

.acf-relationship .selection .values .acf-rel-item:hover .acf-icon,.acf-relationship .selection .values .acf-rel-item.relationship-hover .acf-icon {
    display: block
}

.acf-relationship .selection .values .acf-rel-item {
    cursor: move
}

.acf-relationship .selection .values .acf-rel-item b {
    text-decoration: none
}

.menu-item .acf-relationship ul {
    width: auto
}

.menu-item .acf-relationship li {
    display: block
}

.acf-editor-wrap.delay .acf-editor-toolbar {
    content: "";
    display: block;
    background: #f5f5f5;
    border-bottom: #ddd solid 1px;
    color: #555d66;
    padding: 10px
}

.acf-editor-wrap.delay .wp-editor-area {
    padding: 10px;
    border: none;
    color: inherit !important
}

.acf-editor-wrap iframe {
    min-height: 200px
}

.acf-editor-wrap .wp-editor-container {
    border: 1px solid #ccd0d4;
    box-shadow: none !important
}

.acf-editor-wrap .wp-editor-tabs {
    box-sizing: content-box
}

.acf-editor-wrap .wp-switch-editor {
    border-color: #ccd0d4;
    border-bottom-color: rgba(0,0,0,0)
}

#mce_fullscreen_container {
    z-index: 900000 !important
}

.acf-field-tab {
    display: none !important
}

.hidden-by-tab {
    display: none !important
}

.acf-tab-wrap {
    clear: both;
    z-index: 1;
    overflow: auto
}

.acf-tab-group {
    border-bottom: #ccc solid 1px;
    padding: 10px 10px 0
}

.acf-tab-group li {
    margin: 0 .5em 0 0
}

.acf-tab-group li a {
    padding: 5px 10px;
    display: block;
    color: #555;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    border: #ccc solid 1px;
    border-bottom: 0 none;
    text-decoration: none;
    background: #e5e5e5;
    transition: none
}

.acf-tab-group li a:hover {
    background: #fff
}

.acf-tab-group li a:focus {
    outline: none;
    box-shadow: none
}

.acf-tab-group li a:empty {
    display: none
}

html[dir=rtl] .acf-tab-group li {
    margin: 0 0 0 .5em
}

.acf-tab-group li.active a {
    background: #f1f1f1;
    color: #000;
    padding-bottom: 6px;
    margin-bottom: -1px;
    position: relative;
    z-index: 1
}

.acf-fields>.acf-tab-wrap {
    background: #f9f9f9
}

.acf-fields>.acf-tab-wrap .acf-tab-group {
    position: relative;
    border-top: #ccd0d4 solid 1px;
    border-bottom: #ccd0d4 solid 1px;
    z-index: 2;
    margin-bottom: -1px
}

.acf-admin-3-8 .acf-fields>.acf-tab-wrap .acf-tab-group {
    border-color: #dfdfdf
}

.acf-fields.-left>.acf-tab-wrap .acf-tab-group {
    padding-left: 20%
}

@media screen and (max-width: 640px) {
    .acf-fields.-left>.acf-tab-wrap .acf-tab-group {
        padding-left:10px
    }
}

html[dir=rtl] .acf-fields.-left>.acf-tab-wrap .acf-tab-group {
    padding-left: 0;
    padding-right: 20%
}

@media screen and (max-width: 850px) {
    html[dir=rtl] .acf-fields.-left>.acf-tab-wrap .acf-tab-group {
        padding-right:10px
    }
}

.acf-tab-wrap.-left .acf-tab-group {
    position: absolute;
    left: 0;
    width: 20%;
    border: 0 none;
    padding: 0 !important;
    margin: 1px 0 0
}

.acf-tab-wrap.-left .acf-tab-group li {
    float: none;
    margin: -1px 0 0
}

.acf-tab-wrap.-left .acf-tab-group li a {
    border: 1px solid #ededed;
    font-size: 13px;
    line-height: 18px;
    color: #0073aa;
    padding: 10px;
    margin: 0;
    font-weight: normal;
    border-width: 1px 0;
    border-radius: 0;
    background: rgba(0,0,0,0)
}

.acf-tab-wrap.-left .acf-tab-group li a:hover {
    color: #00a0d2
}

.acf-tab-wrap.-left .acf-tab-group li.active a {
    border-color: #dfdfdf;
    color: #000;
    margin-right: -1px;
    background: #fff
}

html[dir=rtl] .acf-tab-wrap.-left .acf-tab-group {
    left: auto;
    right: 0
}

html[dir=rtl] .acf-tab-wrap.-left .acf-tab-group li.active a {
    margin-right: 0;
    margin-left: -1px
}

.acf-field+.acf-tab-wrap.-left:before {
    content: "";
    display: block;
    position: relative;
    z-index: 1;
    height: 10px;
    border-top: #dfdfdf solid 1px;
    border-bottom: #dfdfdf solid 1px;
    margin-bottom: -1px
}

.acf-tab-wrap.-left:first-child .acf-tab-group li:first-child a {
    border-top: none
}

.acf-fields.-sidebar {
    padding: 0 0 0 20% !important;
    position: relative
}

.acf-fields.-sidebar:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    bottom: 0;
    border-right: #dfdfdf solid 1px;
    background: #f9f9f9;
    z-index: 1
}

html[dir=rtl] .acf-fields.-sidebar {
    padding: 0 20% 0 0 !important
}

html[dir=rtl] .acf-fields.-sidebar:before {
    border-left: #dfdfdf solid 1px;
    border-right-width: 0;
    left: auto;
    right: 0
}

.acf-fields.-sidebar.-left {
    padding: 0 0 0 180px !important
}

html[dir=rtl] .acf-fields.-sidebar.-left {
    padding: 0 180px 0 0 !important
}

.acf-fields.-sidebar.-left:before {
    background: #f1f1f1;
    border-color: #dfdfdf;
    width: 180px
}

.acf-fields.-sidebar.-left>.acf-tab-wrap.-left .acf-tab-group {
    width: 180px
}

.acf-fields.-sidebar.-left>.acf-tab-wrap.-left .acf-tab-group li a {
    border-color: #e4e4e4
}

.acf-fields.-sidebar.-left>.acf-tab-wrap.-left .acf-tab-group li.active a {
    background: #f9f9f9
}

.acf-fields.-sidebar>.acf-field-tab+.acf-field {
    border-top: none
}

.acf-fields.-clear>.acf-tab-wrap {
    background: rgba(0,0,0,0)
}

.acf-fields.-clear>.acf-tab-wrap .acf-tab-group {
    margin-top: 0;
    border-top: none;
    padding-left: 0;
    padding-right: 0
}

.acf-fields.-clear>.acf-tab-wrap .acf-tab-group li a {
    background: #e5e5e5
}

.acf-fields.-clear>.acf-tab-wrap .acf-tab-group li a:hover {
    background: #fff
}

.acf-fields.-clear>.acf-tab-wrap .acf-tab-group li.active a {
    background: #f1f1f1
}

.acf-postbox.seamless>.acf-fields.-sidebar {
    margin-left: 0 !important
}

.acf-postbox.seamless>.acf-fields.-sidebar:before {
    background: rgba(0,0,0,0)
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap {
    background: rgba(0,0,0,0);
    margin-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap .acf-tab-group {
    border-top: 0 none;
    border-color: #ccd0d4
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap .acf-tab-group li a {
    background: #e5e5e5;
    border-color: #ccd0d4
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap .acf-tab-group li a:hover {
    background: #fff
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap .acf-tab-group li.active a {
    background: #f1f1f1
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap.-left:before {
    border-top: none;
    height: auto
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap.-left .acf-tab-group {
    margin-bottom: 0
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap.-left .acf-tab-group li a {
    border-width: 1px 0 1px 1px !important;
    border-color: #ccc;
    background: #e5e5e5
}

.acf-postbox.seamless>.acf-fields>.acf-tab-wrap.-left .acf-tab-group li.active a {
    background: #f1f1f1
}

.menu-edit .acf-fields.-clear>.acf-tab-wrap .acf-tab-group li a,.widget .acf-fields.-clear>.acf-tab-wrap .acf-tab-group li a {
    background: #f1f1f1
}

.menu-edit .acf-fields.-clear>.acf-tab-wrap .acf-tab-group li a:hover,.menu-edit .acf-fields.-clear>.acf-tab-wrap .acf-tab-group li.active a,.widget .acf-fields.-clear>.acf-tab-wrap .acf-tab-group li a:hover,.widget .acf-fields.-clear>.acf-tab-wrap .acf-tab-group li.active a {
    background: #fff
}

.compat-item .acf-tab-wrap td {
    display: block
}

.acf-gallery-side .acf-tab-wrap {
    border-top: 0 none !important
}

.acf-gallery-side .acf-tab-wrap .acf-tab-group {
    margin: 10px 0 !important;
    padding: 0 !important
}

.acf-gallery-side .acf-tab-group li.active a {
    background: #f9f9f9 !important
}

.widget .acf-tab-group {
    border-bottom-color: #e8e8e8
}

.widget .acf-tab-group li a {
    background: #f1f1f1
}

.widget .acf-tab-group li.active a {
    background: #fff
}

.media-modal.acf-expanded .compat-attachment-fields>tbody>tr.acf-tab-wrap .acf-tab-group {
    padding-left: 23%;
    border-bottom-color: #ddd
}

.form-table>tbody>tr.acf-tab-wrap .acf-tab-group {
    padding: 0 5px 0 210px
}

html[dir=rtl] .form-table>tbody>tr.acf-tab-wrap .acf-tab-group {
    padding: 0 210px 0 5px
}

.acf-oembed {
    position: relative;
    border: #ccd0d4 solid 1px;
    background: #fff
}

.acf-oembed .title {
    position: relative;
    border-bottom: #ccd0d4 solid 1px;
    padding: 5px 10px
}

.acf-oembed .title .input-search {
    margin: 0;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    padding: 0;
    border: 0 none;
    box-shadow: none;
    border-radius: 0;
    font-family: inherit;
    cursor: text
}

.acf-oembed .title .acf-actions {
    padding: 6px
}

.acf-oembed .canvas {
    position: relative;
    min-height: 250px;
    background: #f9f9f9
}

.acf-oembed .canvas .canvas-media {
    position: relative;
    z-index: 1
}

.acf-oembed .canvas iframe {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.acf-oembed .canvas .acf-icon.-picture {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    height: 42px;
    width: 42px;
    font-size: 42px;
    color: #999
}

.acf-oembed .canvas .acf-loading-overlay {
    background: hsla(0,0%,100%,.9)
}

.acf-oembed .canvas .canvas-error {
    position: absolute;
    top: 50%;
    left: 0%;
    right: 0%;
    margin: -9px 0 0 0;
    text-align: center;
    display: none
}

.acf-oembed .canvas .canvas-error p {
    padding: 8px;
    margin: 0;
    display: inline
}

.acf-oembed.has-value .canvas {
    min-height: 50px
}

.acf-oembed.has-value .input-search {
    font-weight: bold
}

.acf-oembed.has-value .title:hover .acf-actions {
    display: block
}

.acf-image-uploader {
    position: relative
}

.acf-image-uploader:after {
    display: block;
    clear: both;
    content: ""
}

.acf-image-uploader p {
    margin: 0
}

.acf-image-uploader .image-wrap {
    position: relative;
    float: left
}

.acf-image-uploader .image-wrap.show-if-value .acf-actions {
    display: block;
    opacity: 0;
    text-align: right;
    z-index: 1
}

.acf-image-uploader .image-wrap.show-if-value .acf-actions.-hover a:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
    border-radius: 2px
}

.acf-image-uploader .image-wrap.show-if-value:hover .acf-actions,.acf-image-uploader .image-wrap.show-if-value:focus-within .acf-actions {
    opacity: 1
}

.acf-image-uploader .image-wrap:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px
}

.acf-image-uploader .image-wrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    min-width: 30px;
    min-height: 30px;
    background: #f1f1f1;
    margin: 0;
    padding: 0
}

.acf-image-uploader .image-wrap img[src$=".svg"] {
    min-height: 100px;
    min-width: 100px
}

.acf-image-uploader input.button {
    width: auto
}

html[dir=rtl] .acf-image-uploader .image-wrap {
    float: right
}

.acf-file-uploader {
    position: relative
}

.acf-file-uploader p {
    margin: 0
}

.acf-file-uploader .file-wrap {
    border: #ccd0d4 solid 1px;
    min-height: 84px;
    position: relative;
    background: #fff
}

.acf-file-uploader .file-wrap:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px
}

.acf-file-uploader .file-icon {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 10px;
    background: #f1f1f1;
    border-right: #d5d9dd solid 1px
}

.acf-file-uploader .file-icon img {
    display: block;
    padding: 0;
    margin: 0;
    max-width: 48px
}

.acf-file-uploader .file-info {
    padding: 10px;
    margin-left: 69px
}

.acf-file-uploader .file-info p {
    margin: 0 0 2px;
    font-size: 13px;
    line-height: 1.4em;
    word-break: break-all
}

.acf-file-uploader .file-info a {
    text-decoration: none
}

.acf-file-uploader.has-value .acf-actions {
    display: block;
    opacity: 0;
    text-align: right;
    z-index: 1
}

.acf-file-uploader.has-value .acf-actions.-hover a:focus {
    outline: 2px solid #0073aa;
    outline-offset: 2px;
    border-radius: 2px
}

.acf-file-uploader.has-value:hover .acf-actions,.acf-file-uploader.has-value:focus-within .acf-actions {
    opacity: 1
}

.acf-file-uploader:hover .acf-actions {
    display: block
}

html[dir=rtl] .acf-file-uploader .file-icon {
    left: auto;
    right: 0;
    border-left: #e5e5e5 solid 1px;
    border-right: none
}

html[dir=rtl] .acf-file-uploader .file-info {
    margin-right: 69px;
    margin-left: 0
}

.acf-ui-datepicker .ui-datepicker {
    z-index: 900000 !important
}

.acf-ui-datepicker .ui-datepicker .ui-widget-header a {
    cursor: pointer;
    transition: none
}

.acf-ui-datepicker .ui-state-highlight.ui-state-hover {
    border: 1px solid #98b7e8 !important;
    background: #98b7e8 !important;
    font-weight: normal !important;
    color: #fff !important
}

.acf-ui-datepicker .ui-state-highlight.ui-state-active {
    border: 1px solid #3875d7 !important;
    background: #3875d7 !important;
    font-weight: normal !important;
    color: #fff !important
}

.acf-field-separator .acf-label {
    margin-bottom: 0
}

.acf-field-separator .acf-label label {
    font-weight: normal
}

.acf-field-separator .acf-input {
    display: none
}

.acf-fields>.acf-field-separator {
    background: #f9f9f9;
    border-bottom: 1px solid #dfdfdf;
    border-top: 1px solid #dfdfdf;
    margin-bottom: -1px;
    z-index: 2
}

.acf-taxonomy-field {
    position: relative
}

.acf-taxonomy-field .categorychecklist-holder {
    border: #ccd0d4 solid 1px;
    border-radius: 3px;
    max-height: 200px;
    overflow: auto
}

.acf-taxonomy-field .acf-checkbox-list {
    margin: 0;
    padding: 10px
}

.acf-taxonomy-field .acf-checkbox-list ul.children {
    padding-left: 18px
}

.acf-taxonomy-field:hover .acf-actions {
    display: block
}

.acf-taxonomy-field[data-ftype=select] .acf-actions {
    padding: 0;
    margin: -9px
}

.acf-range-wrap .acf-append,.acf-range-wrap .acf-prepend {
    display: inline-block;
    vertical-align: middle;
    line-height: 28px;
    margin: 0 7px 0 0
}

.acf-range-wrap .acf-append {
    margin: 0 0 0 7px
}

.acf-range-wrap input[type=range] {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    height: 28px
}

.acf-range-wrap input[type=range]:focus {
    outline: none
}

.acf-range-wrap input[type=number] {
    display: inline-block;
    min-width: 5em;
    padding-right: 4px;
    margin-left: 10px;
    vertical-align: middle
}

html[dir=rtl] .acf-range-wrap input[type=number] {
    margin-right: 10px;
    margin-left: 0
}

html[dir=rtl] .acf-range-wrap .acf-append {
    margin: 0 7px 0 0
}

html[dir=rtl] .acf-range-wrap .acf-prepend {
    margin: 0 0 0 7px
}

.acf-accordion {
    margin: -1px 0;
    padding: 0;
    background: #fff;
    border-top: 1px solid #d5d9dd;
    border-bottom: 1px solid #d5d9dd;
    z-index: 1
}

.acf-accordion .acf-accordion-title {
    margin: 0;
    padding: 12px;
    font-weight: bold;
    cursor: pointer;
    font-size: inherit;
    font-size: 13px;
    line-height: 1.4em
}

.acf-accordion .acf-accordion-title:hover {
    background: #f3f4f5
}

.acf-accordion .acf-accordion-title:focus-visible {
    box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
    outline-offset: -2px
}

.acf-accordion .acf-accordion-title label {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.4em
}

.acf-accordion .acf-accordion-title p {
    font-weight: normal
}

.acf-accordion .acf-accordion-title .acf-accordion-icon {
    float: right
}

.acf-accordion .acf-accordion-title svg.acf-accordion-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #191e23;
    fill: currentColor
}

.acf-accordion .acf-accordion-content {
    margin: 0;
    padding: 0 12px 12px;
    display: none
}

.acf-accordion.-open>.acf-accordion-content {
    display: block
}

.acf-field.acf-accordion {
    margin: -1px 0;
    padding: 0 !important;
    border-color: #d5d9dd
}

.acf-field.acf-accordion .acf-label.acf-accordion-title {
    padding: 12px;
    width: auto;
    float: none;
    width: auto
}

.acf-field.acf-accordion .acf-input.acf-accordion-content {
    padding: 0;
    float: none;
    width: auto
}

.acf-field.acf-accordion .acf-input.acf-accordion-content>.acf-fields {
    border-top: #eee solid 1px
}

.acf-field.acf-accordion .acf-input.acf-accordion-content>.acf-fields.-clear {
    padding: 0 12px 15px
}

.acf-fields.-left>.acf-field.acf-accordion:before {
    display: none
}

.acf-fields.-left>.acf-field.acf-accordion .acf-accordion-title {
    width: auto;
    margin: 0 !important;
    padding: 12px;
    float: none !important
}

.acf-fields.-left>.acf-field.acf-accordion .acf-accordion-content {
    padding: 0 !important
}

.acf-fields.-clear>.acf-field.acf-accordion {
    border: #ccc solid 1px;
    background: rgba(0,0,0,0)
}

.acf-fields.-clear>.acf-field.acf-accordion+.acf-field.acf-accordion {
    margin-top: -16px
}

tr.acf-field.acf-accordion {
    background: rgba(0,0,0,0)
}

tr.acf-field.acf-accordion>.acf-input {
    padding: 0 !important;
    border: #ccc solid 1px
}

tr.acf-field.acf-accordion .acf-accordion-content {
    padding: 0 12px 12px
}

#addtag div.acf-field.error {
    border: 0 none;
    padding: 8px 0
}

#addtag>.acf-field.acf-accordion {
    padding-right: 0;
    margin-right: 5%
}

#addtag>.acf-field.acf-accordion+p.submit {
    margin-top: 0
}

tr.acf-accordion {
    margin: 15px 0 !important
}

tr.acf-accordion+tr.acf-accordion {
    margin-top: -16px !important
}

.acf-postbox.seamless>.acf-fields>.acf-accordion {
    margin-left: 12px;
    margin-right: 12px;
    border: #ccd0d4 solid 1px
}

.widget .widget-content>.acf-field.acf-accordion {
    border: #dfdfdf solid 1px;
    margin-bottom: 10px
}

.widget .widget-content>.acf-field.acf-accordion .acf-accordion-title {
    margin-bottom: 0
}

.widget .widget-content>.acf-field.acf-accordion+.acf-field.acf-accordion {
    margin-top: -11px
}

.media-modal .compat-attachment-fields .acf-field.acf-accordion+.acf-field.acf-accordion {
    margin-top: -1px
}

.media-modal .compat-attachment-fields .acf-field.acf-accordion>.acf-input {
    width: 100%
}

.media-modal .compat-attachment-fields .acf-field.acf-accordion .compat-attachment-fields>tbody>tr>td {
    padding-bottom: 5px
}

.block-editor .edit-post-sidebar .acf-postbox>.postbox-header,.block-editor .edit-post-sidebar .acf-postbox>.hndle {
    border-bottom-width: 0 !important
}

.block-editor .edit-post-sidebar .acf-postbox.closed>.postbox-header,.block-editor .edit-post-sidebar .acf-postbox.closed>.hndle {
    border-bottom-width: 1px !important
}

.block-editor .edit-post-sidebar .acf-fields {
    min-height: 1px;
    overflow: auto
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field {
    border-width: 0;
    border-color: #e2e4e7;
    margin: 0px;
    padding: 10px 16px;
    width: auto !important;
    min-height: 0 !important;
    float: none !important
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field>.acf-label {
    margin-bottom: 5px
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field>.acf-label label {
    font-weight: normal
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field.acf-accordion {
    padding: 0;
    margin: 0;
    border-top-width: 1px
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field.acf-accordion:first-child {
    border-top-width: 0
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field.acf-accordion .acf-accordion-title {
    margin: 0;
    padding: 15px
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field.acf-accordion .acf-accordion-title label {
    font-weight: 500;
    color: #1e1e1e
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field.acf-accordion .acf-accordion-title svg.acf-accordion-icon {
    right: 16px
}

.block-editor .edit-post-sidebar .acf-fields>.acf-field.acf-accordion .acf-accordion-content>.acf-fields {
    border-top-width: 0
}

.block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields>.acf-notice {
    display: grid;
    grid-template-columns: 1fr 25px;
    padding: 10px;
    margin: 0
}

.block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields>.acf-notice p:last-of-type {
    margin: 0
}

.block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields>.acf-notice>.acf-notice-dismiss {
    position: relative;
    top: unset;
    right: unset
}

.block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields .acf-field .acf-notice {
    margin: 10px 0;
    padding: 2px 0 2px 5px
}

.block-editor .edit-post-sidebar .block-editor-block-inspector .acf-fields .acf-field .acf-notice p {
    margin: 0
}

.acf-field-setting-prefix_label p.description,.acf-field-setting-prefix_name p.description {
    order: 3;
    margin-top: 0;
    margin-left: 16px
}

.acf-field-setting-prefix_label p.description code,.acf-field-setting-prefix_name p.description code {
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-left: 6px;
    background-color: #f2f4f7;
    border-radius: 4px;
    color: #667085
}

.acf-fields>.acf-tab-wrap:first-child .acf-tab-group {
    border-top: none
}

.acf-fields>.acf-tab-wrap .acf-tab-group li.active a {
    background: #fff
}

.acf-fields>.acf-tab-wrap .acf-tab-group li a {
    background: #f1f1f1;
    border-color: #ccd0d4
}

.acf-fields>.acf-tab-wrap .acf-tab-group li a:hover {
    background: #fff
}

.form-table>tbody>.acf-field>.acf-label {
    padding: 20px 10px 20px 0;
    width: 210px
}

html[dir=rtl] .form-table>tbody>.acf-field>.acf-label {
    padding: 20px 0 20px 10px
}

.form-table>tbody>.acf-field>.acf-label label {
    font-size: 14px;
    color: #23282d
}

.form-table>tbody>.acf-field>.acf-input {
    padding: 15px 10px
}

html[dir=rtl] .form-table>tbody>.acf-field>.acf-input {
    padding: 15px 10px 15px 5%
}

.form-table>tbody>.acf-tab-wrap td {
    padding: 15px 5% 15px 0
}

html[dir=rtl] .form-table>tbody>.acf-tab-wrap td {
    padding: 15px 0 15px 5%
}

.form-table>tbody .form-table th.acf-th {
    width: auto
}

#your-profile .acf-field input[type=text],#your-profile .acf-field input[type=password],#your-profile .acf-field input[type=number],#your-profile .acf-field input[type=search],#your-profile .acf-field input[type=email],#your-profile .acf-field input[type=url],#your-profile .acf-field select,#createuser .acf-field input[type=text],#createuser .acf-field input[type=password],#createuser .acf-field input[type=number],#createuser .acf-field input[type=search],#createuser .acf-field input[type=email],#createuser .acf-field input[type=url],#createuser .acf-field select {
    max-width: 25em
}

#your-profile .acf-field textarea,#createuser .acf-field textarea {
    max-width: 500px
}

#your-profile .acf-field .acf-field input[type=text],#your-profile .acf-field .acf-field input[type=password],#your-profile .acf-field .acf-field input[type=number],#your-profile .acf-field .acf-field input[type=search],#your-profile .acf-field .acf-field input[type=email],#your-profile .acf-field .acf-field input[type=url],#your-profile .acf-field .acf-field textarea,#your-profile .acf-field .acf-field select,#createuser .acf-field .acf-field input[type=text],#createuser .acf-field .acf-field input[type=password],#createuser .acf-field .acf-field input[type=number],#createuser .acf-field .acf-field input[type=search],#createuser .acf-field .acf-field input[type=email],#createuser .acf-field .acf-field input[type=url],#createuser .acf-field .acf-field textarea,#createuser .acf-field .acf-field select {
    max-width: none
}

#registerform h2 {
    margin: 1em 0
}

#registerform .acf-field {
    margin-top: 0
}

#registerform .acf-field .acf-label {
    margin-bottom: 0
}

#registerform .acf-field .acf-label label {
    font-weight: normal;
    line-height: 1.5
}

#registerform p.submit {
    text-align: right
}

#acf-term-fields {
    padding-right: 5%
}

#acf-term-fields>.acf-field>.acf-label {
    margin: 0
}

#acf-term-fields>.acf-field>.acf-label label {
    font-size: 12px;
    font-weight: normal
}

p.submit .spinner,p.submit .acf-spinner {
    vertical-align: top;
    float: none;
    margin: 4px 4px 0
}

#edittag .acf-fields.-left>.acf-field {
    padding-left: 220px
}

#edittag .acf-fields.-left>.acf-field:before {
    width: 209px
}

#edittag .acf-fields.-left>.acf-field>.acf-label {
    width: 220px;
    margin-left: -220px;
    padding: 0 10px
}

#edittag .acf-fields.-left>.acf-field>.acf-input {
    padding: 0
}

#edittag>.acf-fields.-left {
    width: 96%
}

#edittag>.acf-fields.-left>.acf-field>.acf-label {
    padding-left: 0
}

.editcomment td:first-child {
    white-space: nowrap;
    width: 131px
}

#widgets-right .widget .acf-field .description {
    padding-left: 0;
    padding-right: 0
}

.acf-widget-fields>.acf-field .acf-label {
    margin-bottom: 5px
}

.acf-widget-fields>.acf-field .acf-label label {
    font-weight: normal;
    margin: 0
}

.acf-menu-settings {
    border-top: 1px solid #eee;
    margin-top: 2em
}

.acf-menu-settings.-seamless {
    border-top: none;
    margin-top: 15px
}

.acf-menu-settings.-seamless>h2 {
    display: none
}

.acf-menu-settings .list li {
    display: block;
    margin-bottom: 0
}

.acf-fields.acf-menu-item-fields {
    clear: both;
    padding-top: 1px
}

.acf-fields.acf-menu-item-fields>.acf-field {
    margin: 5px 0;
    padding-right: 10px
}

.acf-fields.acf-menu-item-fields>.acf-field .acf-label {
    margin-bottom: 0
}

.acf-fields.acf-menu-item-fields>.acf-field .acf-label label {
    font-style: italic;
    font-weight: normal
}

#post .compat-attachment-fields .compat-field-acf-form-data {
    display: none
}

#post .compat-attachment-fields,#post .compat-attachment-fields>tbody,#post .compat-attachment-fields>tbody>tr,#post .compat-attachment-fields>tbody>tr>th,#post .compat-attachment-fields>tbody>tr>td {
    display: block
}

#post .compat-attachment-fields>tbody>.acf-field {
    margin: 15px 0
}

#post .compat-attachment-fields>tbody>.acf-field>.acf-label {
    margin: 0
}

#post .compat-attachment-fields>tbody>.acf-field>.acf-label label {
    margin: 0;
    padding: 0
}

#post .compat-attachment-fields>tbody>.acf-field>.acf-label label p {
    margin: 0 0 3px !important
}

#post .compat-attachment-fields>tbody>.acf-field>.acf-input {
    margin: 0
}

.media-modal .compat-attachment-fields td.acf-input table {
    display: table;
    table-layout: auto
}

.media-modal .compat-attachment-fields td.acf-input table tbody {
    display: table-row-group
}

.media-modal .compat-attachment-fields td.acf-input table tr {
    display: table-row
}

.media-modal .compat-attachment-fields td.acf-input table td,.media-modal .compat-attachment-fields td.acf-input table th {
    display: table-cell
}

.media-modal .compat-attachment-fields>tbody>.acf-field {
    margin: 5px 0
}

.media-modal .compat-attachment-fields>tbody>.acf-field>.acf-label {
    min-width: 30%;
    margin: 0;
    padding: 0;
    float: left;
    text-align: right;
    display: block;
    float: left
}

.media-modal .compat-attachment-fields>tbody>.acf-field>.acf-label>label {
    padding-top: 6px;
    margin: 0;
    color: #666;
    font-weight: 400;
    line-height: 16px
}

.media-modal .compat-attachment-fields>tbody>.acf-field>.acf-input {
    width: 65%;
    margin: 0;
    padding: 0;
    float: right;
    display: block
}

.media-modal .compat-attachment-fields>tbody>.acf-field p.description {
    margin: 0
}

.acf-selection-error {
    background: #ffebe8;
    border: 1px solid #c00;
    border-radius: 3px;
    padding: 8px;
    margin: 20px 0 0
}

.acf-selection-error .selection-error-label {
    background: #c00;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    margin-right: 8px;
    padding: 2px 4px
}

.acf-selection-error .selection-error-message {
    color: #b44;
    display: block;
    padding-top: 8px;
    word-wrap: break-word;
    white-space: pre-wrap
}

.media-modal .attachment.acf-disabled .thumbnail {
    opacity: .25 !important
}

.media-modal .attachment.acf-disabled .attachment-preview:before {
    background: rgba(0,0,0,.15);
    z-index: 1;
    position: relative
}

.media-modal .compat-field-acf-form-data,.media-modal .compat-field-acf-blank {
    display: none !important
}

.media-modal .upload-error-message {
    white-space: pre-wrap
}

.media-modal .acf-required {
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    color: red !important
}

.media-modal .media-sidebar .compat-item {
    padding-bottom: 20px
}

@media(max-width: 900px) {
    .media-modal .setting span,.media-modal .compat-attachment-fields>tbody>.acf-field>.acf-label {
        width:98%;
        float: none;
        text-align: left;
        min-height: 0;
        padding: 0
    }

    .media-modal .setting input,.media-modal .setting textarea,.media-modal .compat-attachment-fields>tbody>.acf-field>.acf-input {
        float: none;
        height: auto;
        max-width: none;
        width: 98%
    }
}

.media-modal .acf-expand-details {
    float: right;
    padding: 8px 10px;
    margin-right: 6px;
    font-size: 13px;
    height: 18px;
    line-height: 18px;
    color: #666;
    text-decoration: none
}

.media-modal .acf-expand-details:focus,.media-modal .acf-expand-details:active {
    outline: 0 none;
    box-shadow: none;
    color: #666
}

.media-modal .acf-expand-details:hover {
    color: #000
}

.media-modal .acf-expand-details .is-open {
    display: none
}

.media-modal .acf-expand-details .is-closed {
    display: block
}

@media(max-width: 640px) {
    .media-modal .acf-expand-details {
        display:none
    }
}

.media-modal.acf-expanded .acf-expand-details .is-open {
    display: block
}

.media-modal.acf-expanded .acf-expand-details .is-closed {
    display: none
}

.media-modal.acf-expanded .attachments-browser .media-toolbar,.media-modal.acf-expanded .attachments-browser .attachments {
    right: 740px
}

.media-modal.acf-expanded .media-sidebar {
    width: 708px
}

.media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail {
    float: left;
    max-height: none
}

.media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail img {
    max-width: 100%;
    max-height: 200px
}

.media-modal.acf-expanded .media-sidebar .attachment-info .details {
    float: right
}

.media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail,.media-modal.acf-expanded .media-sidebar .attachment-details .setting .name,.media-modal.acf-expanded .media-sidebar .compat-attachment-fields>tbody>.acf-field>.acf-label {
    min-width: 20%;
    margin-right: 0
}

.media-modal.acf-expanded .media-sidebar .attachment-info .details,.media-modal.acf-expanded .media-sidebar .attachment-details .setting input,.media-modal.acf-expanded .media-sidebar .attachment-details .setting textarea,.media-modal.acf-expanded .media-sidebar .attachment-details .setting+.description,.media-modal.acf-expanded .media-sidebar .compat-attachment-fields>tbody>.acf-field>.acf-input {
    min-width: 77%
}

@media(max-width: 900px) {
    .media-modal.acf-expanded .attachments-browser .media-toolbar {
        display:none
    }

    .media-modal.acf-expanded .attachments {
        display: none
    }

    .media-modal.acf-expanded .media-sidebar {
        width: auto;
        max-width: none !important;
        bottom: 0 !important
    }

    .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail {
        min-width: 0;
        max-width: none;
        width: 30%
    }

    .media-modal.acf-expanded .media-sidebar .attachment-info .details {
        min-width: 0;
        max-width: none;
        width: 67%
    }
}

@media(max-width: 640px) {
    .media-modal.acf-expanded .media-sidebar .attachment-info .thumbnail,.media-modal.acf-expanded .media-sidebar .attachment-info .details {
        width:100%
    }
}

.acf-media-modal .media-embed .setting.align,.acf-media-modal .media-embed .setting.link-to {
    display: none
}

.acf-media-modal.-edit {
    left: 15%;
    right: 15%;
    top: 100px;
    bottom: 100px
}

.acf-media-modal.-edit .media-frame-menu,.acf-media-modal.-edit .media-frame-router,.acf-media-modal.-edit .media-frame-content .attachments,.acf-media-modal.-edit .media-frame-content .media-toolbar {
    display: none
}

.acf-media-modal.-edit .media-frame-title,.acf-media-modal.-edit .media-frame-content,.acf-media-modal.-edit .media-frame-toolbar,.acf-media-modal.-edit .media-sidebar {
    width: auto;
    left: 0;
    right: 0
}

.acf-media-modal.-edit .media-frame-content {
    top: 50px
}

.acf-media-modal.-edit .media-frame-title {
    border-bottom: 1px solid #dfdfdf;
    box-shadow: 0 4px 4px -4px rgba(0,0,0,.1)
}

.acf-media-modal.-edit .media-sidebar {
    padding: 0 16px
}

.acf-media-modal.-edit .media-sidebar .attachment-details {
    overflow: visible
}

.acf-media-modal.-edit .media-sidebar .attachment-details>h3,.acf-media-modal.-edit .media-sidebar .attachment-details>h2 {
    display: none
}

.acf-media-modal.-edit .media-sidebar .attachment-details .attachment-info {
    background: #fff;
    border-bottom: #ddd solid 1px;
    padding: 16px;
    margin: 0 -16px 16px
}

.acf-media-modal.-edit .media-sidebar .attachment-details .thumbnail {
    margin: 0 16px 0 0
}

.acf-media-modal.-edit .media-sidebar .attachment-details .setting {
    margin: 0 0 5px
}

.acf-media-modal.-edit .media-sidebar .attachment-details .setting span {
    margin: 0
}

.acf-media-modal.-edit .media-sidebar .compat-attachment-fields>tbody>.acf-field {
    margin: 0 0 5px
}

.acf-media-modal.-edit .media-sidebar .compat-attachment-fields>tbody>.acf-field p.description {
    margin-top: 3px
}

.acf-media-modal.-edit .media-sidebar .media-types-required-info {
    display: none
}

@media(max-width: 900px) {
    .acf-media-modal.-edit {
        top:30px;
        right: 30px;
        bottom: 30px;
        left: 30px
    }
}

@media(max-width: 640px) {
    .acf-media-modal.-edit {
        top:0;
        right: 0;
        bottom: 0;
        left: 0
    }
}

@media(max-width: 480px) {
    .acf-media-modal.-edit .media-frame-content {
        top:40px
    }
}

.acf-temp-remove {
    position: relative;
    opacity: 1;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    overflow: hidden
}

.acf-temp-remove:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99
}

.hidden-by-conditional-logic {
    display: none !important
}

.hidden-by-conditional-logic.appear-empty {
    display: table-cell !important
}

.hidden-by-conditional-logic.appear-empty .acf-input {
    display: none !important
}

.acf-postbox.acf-hidden {
    display: none !important
}

.acf-attention {
    transition: border .25s ease-out
}

.acf-attention.-focused {
    border: #23282d solid 1px !important;
    transition: none
}

tr.acf-attention {
    transition: box-shadow .25s ease-out;
    position: relative
}

tr.acf-attention.-focused {
    box-shadow: #23282d 0 0 0px 1px !important
}

#editor .edit-post-layout__metaboxes {
    padding: 0
}

#editor .edit-post-layout__metaboxes .edit-post-meta-boxes-area {
    margin: 0
}

#editor .metabox-location-side .postbox-container {
    float: none
}

#editor .postbox {
    color: #444
}

#editor .postbox>.postbox-header .hndle {
    border-bottom: none
}

#editor .postbox>.postbox-header .hndle:hover {
    background: rgba(0,0,0,0)
}

#editor .postbox>.postbox-header .handle-actions .handle-order-higher,#editor .postbox>.postbox-header .handle-actions .handle-order-lower {
    width: 1.62rem
}

#editor .postbox>.postbox-header .handle-actions .acf-hndle-cog {
    height: 44px;
    line-height: 44px
}

#editor .postbox>.postbox-header:hover {
    background: #f0f0f0
}

#editor .postbox:last-child.closed>.postbox-header {
    border-bottom: none
}

#editor .postbox:last-child>.inside {
    border-bottom: none
}

#editor .block-editor-writing-flow__click-redirect {
    min-height: 50px
}

body.is-dragging-metaboxes #acf_after_title-sortables {
    outline: 3px dashed #646970;
    display: flow-root;
    min-height: 60px;
    margin-bottom: 3px !important
}

.editor-sidebar__panel .is-side #poststuff .acf-postbox .postbox-header {
    margin-top: -1px
}