/*
   Theme Name: Divi Child
   Template: Divi
   */

.checkout-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
}

.checkout-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.checkout-column {
    background: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.checkout-column  p {
    font-size: 16px;
}

.checkout-column .checkout-card .checkout-card-content {
    border-top: none;
    border: 1px solid #e0e0e0;
    padding: 15px;
}

.checkout .checkout-column h3 {
    color: white !important;
    background: #177C8A;
    margin: 0;
    padding: 15px;
    border-radius: 0;
    font-size: 24px;
    font-weight: bold;
}

.product-item {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 10px;
}

.product-item:hover {
    background: #f5f5f5;
    cursor: pointer;
}

.product-details {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.product-details .dash {
    display: none;
}

.product-item label {
    margin-left: 15px;
    flex-shrink: 0;
}

.product-item .price {
    font-size: 14px;
    color: #666;
}

.product-item .opc-radio-list-label {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.product-item input[type="radio"] {
    margin-top: 4px;
}

.product-item h4 {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

.product-item p {
    margin: 0;
    color: #666;
    font-size: 14px;
}

.nyp-field {
    margin-top: 15px;
}

.nyp-field label {
    display: block;
    margin-bottom: 5px;
}

.nyp-field input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.login-prompt {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
    text-align: left;
}

.login-prompt input {
    -webkit-appearance: none;
    background-color: #eee;
    width: 100%;
    border-width: 0;
    border-radius: 0;
    color: #999;
    font-size: 14px;
    padding: 16px;
    line-height: 1.7em;
    border-style: solid;
}

.login-link {
    color: #177C8A;
    text-decoration: underline;
    display: block;
    margin-top: 5px;
}

.login-button {
    width: calc(100% - 30px);
    margin: 15px;
    padding: 12px;
    background: #AE445C;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.order-summary {
    margin: 15px;
}

.summary-row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.summary-row.total {
    border-top: 1px solid #177C8A;
    border-bottom: none;
    margin-top: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.terms-acceptance {
    margin: 15px;
}

.terms-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.terms-acceptance input[type="checkbox"] {
    margin-top: 3px;
}

#place_order {
    width: calc(100% - 30px);
    margin: 15px;
    padding: 12px;
    background: #E94E6F;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

#place_order:hover {
    background: #d63e5d;
}

@media (max-width: 992px) {
    .checkout-grid {
        grid-template-columns: 1fr;
    }
    
    .donation-options {
        grid-template-columns: 1fr;
    }
}

/* Hide duplicate checkout forms */
.wcopc-product-single .checkout.woocommerce-checkout {
    display: none;
}

/* Show only the first checkout form inside our container */
.wcopc-product-single .checkout-container .checkout.woocommerce-checkout {
    display: block;
}

.wcopc-product-single .woocommerce #respond input#submit,
.wcopc-product-single .woocommerce-page #respond input#submit,
.wcopc-product-single .woocommerce #content input.button,
.wcopc-product-single .woocommerce-page #content input.button,
.wcopc-product-single .woocommerce-message,
.wcopc-product-single .woocommerce-error,
.wcopc-product-single .woocommerce-info {
    background: #177C8A !important;
}

.wcopc-product-single h3 {
    color: white;
}

.donation-section .nyp {
    margin: 20px 0;
}

.donation-section .nyp-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
}

.donation-section .product_title,
.donation-section .price,
.donation-section .product_meta,
.donation-section .quantity {
    display: none !important;
}

.donation-section .single_add_to_cart_button {
    display: none !important;
}

#checkout-products {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Additional styles for donation section */
.donation-options {
    padding: 15px 0;
}

.donation-options .preset-amounts {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.donation-options .preset-amounts label {
    flex: 1;
    margin: 0;
}

.donation-options .custom-amount-container {
    display: block;
    width: 100%;
}

.donation-options label {
    display: block;
    margin-bottom: 10px;
    cursor: pointer;
}

.donation-options input[type="radio"] {
    margin-right: 8px;
}

.donation-options input.custom-donation {
    margin-left: 0;
    width: 100%;
    flex: 1;
    border: 1px solid #e0e0e0;
    height: 30px;
    padding: 0 10px;
}

.fiscal-notice {
    background: #F8F1EE;
    padding: 20px;
    border-radius: 4px;
}

.checkout .checkout-column .fiscal-notice h3 {
    color: #C4536C !important;
    font-size: 24px;
    margin-bottom: 20px;
    background-color: transparent;
    padding: 0;
}

.fiscal-notice p {
    color: #C4536C;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* Hide quantity fields and column in order summary */
.opc_order_review .product-quantity,
.opc_order_review .quantity {
    display: none !important;
}

/* Adjust product name header without quantity */
.opc_order_review .product-name {
    width: 60%;
}

/* Remove quantity column spacing */
.opc_order_review .product-details {
    padding-right: 0;
}

/* Ensure remove button alignment without quantity */
.opc_order_review .product-remove {
    float: right;
    margin-left: 10px;
}

.checkout-login-form {
    margin-top: 15px;
}

.checkout-login-form .form-row {
    margin-bottom: 10px;
}

.checkout-login-form input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.checkout-login-form .login-button {
    width: 100%;
    padding: 10px;
    background: #177C8A;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
}

.checkout-login-form .login-button:hover {
    background: #146d79;
}

.login-links {
    margin-top: 15px;
    text-align: center;
}

.lost-password-link {
    color: #177C8A;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.lost-password-link:hover {
    color: #146d79;
    text-decoration: underline;
}

.toggle-login-form {
    background: none;
    border: none;
    color: #177C8A;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    font-size: 16px;
}

.login-form-container {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.donation-options .custom-amount-container label {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* My Account Page Styling */
.vdn-account-wrapper {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 30px;
    margin: 30px 0;
}

.vdn-account-sidebar {
    background: #F8F1EE;
    border-radius: 8px;
    padding: 20px;
}

.account-user-info {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(12, 92, 102, 0.1);
}

.user-welcome h2 {
    color: #0C5C66;
    font-size: 24px;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 15px;
    color: #0C5C66;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    background: #0C5C66;
    color: white;
}

.vdn-account-content {
    background: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Responsive Design */
@media (max-width: 768px) {
    .vdn-account-wrapper {
        grid-template-columns: 1fr;
    }
    
    .vdn-account-sidebar {
        margin-bottom: 20px;
    }
    
    .donation-options .preset-amounts {
        flex-direction: column;
    }
    
    .donation-options .preset-amounts label {
        width: 100%;
        text-align: left;
    }
}

/* Override WooCommerce default navigation width */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 100% !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: 100% !important;
}

/* Custom navigation styling */
.woocommerce-MyAccount-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    color: #0C5C66;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    background: #0C5C66;
    color: white;
}

.woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
    background: rgba(12, 92, 102, 0.1);
    color: #0C5C66;
}

/* Add icons to menu items */
.woocommerce-MyAccount-navigation ul li a::before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.7;
}

/* Menu Icons */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230C5C66'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230C5C66'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230C5C66'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230C5C66'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230C5C66'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
}

/* White icons for active menu items */
.woocommerce-MyAccount-navigation-link--dashboard.is-active a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--subscriptions.is-active a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--orders.is-active a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--edit-account.is-active a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E");
}

.woocommerce-MyAccount-navigation-link--customer-logout.is-active a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
}

/* Custom menu item icons will be added dynamically via PHP */

/* Update hover styles */
.woocommerce-MyAccount-navigation ul li:not(.is-active) a:hover {
    background: rgba(12, 92, 102, 0.1);
    color: #0C5C66;
}

.woocommerce-MyAccount-navigation ul li a::before {
    opacity: 0.7;
}

.woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-MyAccount-navigation ul li a:hover::before {
    opacity: 1;
}

/* Resource Template Styles */
.resource-formats {
    margin: 20px 0;
}

.format-tag {
    display: inline-block;
    background: #177C8A;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 14px;
}

.resource-meta {
    background: #F8F1EE;
    padding: 20px;
    border-radius: 4px;
    margin-top: 30px;
}

.resource-meta-item {
    margin-bottom: 10px;
}

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

.et_featured_image {
    margin-bottom: 30px;
}

.et_featured_image img {
    width: 100%;
    height: auto;
}

.addon-products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    padding: 20px 0;
}

.addon-product-item {
    background: white;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
}

.addon-product-image {
    margin-bottom: 15px;
}

.addon-product-image img {
    max-width: 100px;
    height: auto;
    margin: 0 auto;
}

.addon-product-item h4 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
}

.addon-product-price {
    color: #177C8A;
    font-weight: 600;
}

.add-addon-to-cart {
    background: #177C8A;
    color: white;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}

.add-addon-to-cart:hover {
    background: #115f6a;
}

#addon-products {
    list-style: none;
    padding: 0;
    margin: 0;
}

.addon-product-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
}

.addon-product-item:last-child {
    border-bottom: none;
}

.addon-product-details {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
}

.addon-product-image {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.addon-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.addon-product-info {
    flex: 1;
}

.addon-product-info h4 {
    margin: 0;
    font-size: 16px;
    color: #333;
    padding-bottom: 0;
}

.addon-product-price {
    color: #177C8A;
    font-weight: 600;
}

.quantity-selector {
    display: flex;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    margin-left: 15px;
}

.quantity-selector button {
    background: #f7f7f7;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
    color: #177C8A;
}

.quantity-selector input {
    width: 40px;
    text-align: center;
    border: none;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 8px 0;
}

.addon-variations {
    margin-top: 10px;
}

.addon-variations select {
    width: 100%;
    max-width: 200px;
    padding: 8px;
    margin-bottom: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background-color: #fff;
}

.addon-product-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/* Resources Page */

.ressource-column {
    height: 100%;
}

.ressource-card {
    background: #F8F1EE;
    padding: 15px;
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.ressource-cover img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.ressource-meta-container {
    margin-top: auto;
}

.ressource-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 100%;
    align-self: flex-end;
}

.ressource-date {
    color: #177C8A;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
    width: 45%;
}

.ressource-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.ressource-formats {
    display: inline-block;
    padding: 0 10px;
    width: 50%;
}

.ressource-formats .fwpl-term {
    background: #0C5C66;
    color: white;
    padding: 2px 5px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 10px;
}

.ressource-formats .fwpl-term a {
    color: white;

}

.facetwp-type-search {
    margin-bottom: 10px !important;
    width: 100%;
}

.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    min-width: 140px !important;
    width: 100%;
}

.col-filtres p {
    padding-bottom: 0 !important;
}

.col-filtres .facetwp-facet {
    margin-bottom: 10px;
}

.col-filtres .facetwp-type-sort select {
    width: 90%;
}

.custom-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    background-color: #f5f5f5;
}

.newsletter-section {
    background-color: #D13A66;
    color: white;
    padding: 20px;
}

.newsletter-section input[type="email"] {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: none;
    border-radius: 4px;
}

.newsletter-section button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #333;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}

.social-links a, .footer-links a {
    margin-right: 10px;
    color: #333;
    text-decoration: none;
}

@media (max-width: 768px) {
    .newsletter-section {
        flex: 1 1 100%;
    }
}

.flag-menu a img {
    max-width: 20px;
}

.et-menu li.flag-menu ul.sub-menu li a {
    width: 20px;
    padding: 0;
}


.flag-menu ul.sub-menu {
    width: 50px !important;
}

footer .et_pb_section {
    padding: 0;
}

footer .et_pb_section .et_pb_row {
    padding: 0;
    width: 100%;
    max-width: 100%;
}

footer .et_pb_section .et_pb_row .et_pb_column {
    padding: 0;
    width: 100%;
}

footer .et_pb_section .et_pb_row .et_pb_column p:empty {
    display: none;
}

footer .custom-footer {
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    align-items: start;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
        
.newsletter-section { grid-area: 1 / 1 / 2 / 2; }
.donation-section-footer { grid-area: 1 / 2 / 2 / 3; }
.footer-bottom { grid-area: 2 / 1 / 3 / 3; }

.sib-container--large.sib-container--vertical {
    background: transparent !important;
}

.sib-form-block p {
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif !important;
    color: white !important;
}

#sib-form > :first-child p {
    font-size: 30px !important;
    color: white !important;
    margin: 0;
    font-weight: bold;
    padding-left: 60px;
    position: relative;
}

#sib-form > :first-child p:before {
    content: '';
    position: absolute;
    width: 50px;
    top: 20px;
    left: 0;
    height: 2px;
    background: white;
}

#sib-form input.input {
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif !important;
}

#sib-form button,
.donation-button {
    color: #FFFFFF !important;
    border-width: 0px !important;
    border-radius: 3px;
    font-size: 18px !important;
    font-weight: 300 !important;
    text-transform: none !important;
    background-color: #177c8a !important;
    padding-top: 8px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    margin-top: 10px;
    font-family: 'DM Sans',Helvetica,Arial,Lucida,sans-serif !important;
}

#sib-form a {
    color: #FFFFFF !important;
}

.donation-section-footer {
    background-color: #F5EADE;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-self: stretch;
    padding: 40px;
}

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

.donation-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 540px;
}

.donation-content p {
    font-size: 18px !important;
    color: #003B48 !important;
    margin: 0;
    position: relative;
}
.donation-content h3 {
    font-size: 30px !important;
    color: #003B48 !important;
    margin: 0;
    font-weight: bold;
    padding-left: 60px;
    position: relative;
}

.donation-content h3:before {
    content: '';
    position: absolute;
    width: 50px;
    top: 20px;
    left: 0;
    height: 2px;
    background: #C34167;
}

.donation-image-container {
    width: 50%;
}

.donation-button {
    align-self: flex-start;
}

.footer-bottom {
    background-color: #003B48;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    margin: 0;
    color: white;
}

.footer-bottom a {
    color: white;
}

.footer-bottom .social-links {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    margin: 0;
}

.footer-bottom .social-links h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.footer-bottom .social-links-icons {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.footer-bottom .social-links svg {
    width: 20px;
    height: 20px;
    fill: white;
}

.footer-bottom .logo-footer img {
    max-height: 80px;
    width: auto;
}

@media (max-width: 768px) {
    footer .custom-footer {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        width: 100%;
        overflow-x: hidden;
    }
    
    .newsletter-section { 
        grid-area: 1 / 1 / 2 / 2;
        padding: 20px;
    }
    
    .sib-form {
        max-width: 100% !important;
    }
    
    #sib-container {
        max-width: 100% !important;
        padding: 10px;
    }
    
    .donation-section-footer {
        grid-area: 2 / 1 / 3 / 2;
        padding: 20px 40px;
        flex-direction: column;
    }
    
    .donation-content {
        width: 100%;
    }

    .donation-image-container {
        margin-top: 20px;
        width: 80%;
        max-height: 200px;
        align-self: center;
        text-align: center;
    }

    .donation-image-container img {
        margin-left: auto;
    }

    .footer-bottom {
        grid-area: 3 / 1 / 4 / 2;
        padding: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }
    
    .footer-bottom > * {
        width: 100%;
        text-align: center;
    }
    
    .footer-links {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .footer-bottom .social-links {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding: 0 0 40px;
    }
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--ressources a::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%230C5C66%22%20d%3D%22M0%2032C0%2014.3%2014.3%200%2032%200L96%200c17.7%200%2032%2014.3%2032%2032l0%2064L0%2096%200%2032zm0%2096l128%200%200%20256L0%20384%200%20128zM0%20416l128%200%200%2064c0%2017.7-14.3%2032-32%2032l-64%200c-17.7%200-32-14.3-32-32l0-64zM160%2032c0-17.7%2014.3-32%2032-32l64%200c17.7%200%2032%2014.3%2032%2032l0%2064L160%2096l0-64zm0%2096l128%200%200%20256-128%200%200-256zm0%20288l128%200%200%2064c0%2017.7-14.3%2032-32%2032l-64%200c-17.7%200-32-14.3-32-32l0-64zm203.6-19.9L320%20232.6l0-89.9%20100.4-26.9%2066%20247.4L363.6%20396.1zM412.2%2085L320%20109.6%20320%2011l36.9-9.9c16.9-4.6%2034.4%205.5%2038.9%2022.6L412.2%2085zM371.8%20427l122.8-32.9%2016.3%2061.1c4.5%2017-5.5%2034.5-22.5%2039.1l-61.4%2016.5c-16.9%204.6-34.4-5.5-38.9-22.6L371.8%20427z%22%2F%3E%3C%2Fsvg%3E");
}

.et_pb_menu .et-menu>li {
    padding: 0;
    padding-right: 10px;
}

.et_pb_menu .et-menu>li a {
    padding: 0;
}

@media only screen and (max-width: 1149px) {
    .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    
    .et_pb_menu .et_mobile_nav_menu {
        float: none;
        margin: 0 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .et_pb_menu--style-left_aligned .et_pb_menu_inner_container,.et_pb_menu--style-left_aligned .et_pb_row {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }

    .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .et_pb_menu--style-left_aligned.et_pb_text_align_justified .et_pb_menu__wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo-wrap,.et_pb_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container>.et_pb_menu__logo,.et_pb_menu--style-inline_centered_logo .et_pb_row>.et_pb_menu__logo {
        margin: 0 auto
    }

    .et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot {
        display: none
    }

    .et_pb_menu .et_pb_row {
        min-height: 81px
    }

    .et_pb_menu .et_pb_menu__menu {
        display: none
    }

    .et_pb_menu .et_mobile_nav_menu {
        float: none;
        margin: 0 6px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .et_pb_menu .et_mobile_menu {
        top: 100%;
        padding: 5%
    }

    .et_pb_menu .et_mobile_menu,.et_pb_menu .et_mobile_menu ul {
        list-style: none!important;
        text-align: left
    }

    .et_pb_menu .et_mobile_menu ul {
        padding: 0
    }

    .et_pb_menu .et_pb_mobile_menu_upwards .et_mobile_menu {
        top: auto;
        bottom: 100%
    }
}