#suggestions-list li a,
.cate-name a,
.col-n h4,
.donation_section_inner,
.fo-author,
.fo-search-row,
.nav-2n-col.col-n .nav-post article .fo-post-content h3 a,
.nav-first-col.col-n ul li a,
.newdonation+h5,
.related_section h6,
.sidebar-col .donation-anywhere-form .donation-form-section h4,
.sidebar-col .donation-anywhere-form span,
.site-btn,
.sr-dashboard-content #users .team_1 .post_mem {
    font-family: var(--second-font)
}

.cpf-checkbox label,
.fo-signup-innersection .fo-cpf-checkbox label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    order: 1;
    cursor: pointer
}

.content-row .entry-meta .byline-single-post a:hover,
.fo-author a:hover,
.fo-post-content p a,
.fo-signup-innersection label a,
.internship-wrapper .requirement-block .small-title,
.pmpro_checkout a,
.top-notice h2 a span {
    text-decoration: underline
}

ol,
table,
ul {
    margin: 0 0 1.5em
}

:root {
    --font-family: 'Cardo', serif;
    --second-font: 'Roboto Condensed', sans-serif;
    --roboto-font: "Roboto", serif;
    --blue-color: #1d2a99;
    --white: #fff;
    --gray: #808080;
    --black: #000;
    --yellow-color: #febf01;
    --red-color: #df0000
}

html {
    scroll-behavior: smooth
}

body {
    font-size: 16px;
    line-height: 1.4;
    background: #fff;
    color: var(--black);
    font-family: var(--font-family);
    font-weight: 400
}

.newsletter-block #email,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea #loginmodal .wpuf-login-form #wpuf-user_pass,
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
select#card_month,
select#card_year,
textarea {
    color: #666;
    background: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 15px;
    padding: 10px 15px;
    width: 100%;
    transition: .5s ease-out
}

#filter_button,
.fo-menu-links h4,
.fo-newsletter-footer .size-20,
.fo-spd-content h2 {
    text-transform: uppercase
}

body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
    background: 0 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    color: #888 !important;
    width: 100% !important
}

.container {
    max-width: 1230px;
    margin: auto;
    padding: 0 15px
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fff;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px
}

::-webkit-input-placeholder {
    opacity: 1
}

:-ms-input-placeholder {
    opacity: 1
}

::placeholder {
    opacity: 1
}

#screen-2,
#screen-3,
.fo-post-img,
.pos-r,
.single-post .entry-content .wp-block-media-text,
.single-support .donation-anywhere-form span,
.tml-field-wrap.tml-pwd-wrap {
    position: relative
}

.pos-f {
    position: fixed
}

.pos-a {
    position: absolute
}

.padl5 {
    padding-left: 5px
}

.padl10 {
    padding-left: 10px
}

.padl15 {
    padding-left: 15px
}

.padl20 {
    padding-left: 20px
}

.padl25 {
    padding-left: 25px
}

.padl30 {
    padding-left: 30px
}

.padl35,
.page .entry-content ul {
    padding-left: 35px
}

.padl40 {
    padding-left: 40px
}

.padl45 {
    padding-left: 45px
}

.padl50 {
    padding-left: 50px
}

.padl55 {
    padding-left: 55px
}

.padl60 {
    padding-left: 60px
}

.padr5 {
    padding-right: 5px
}

.padrl0 {
    padding-right: 10px
}

.padr15 {
    padding-right: 15px
}

.padr20 {
    padding-right: 20px
}

.padr25 {
    padding-right: 25px
}

.logo-newsletter,
.padr30 {
    padding-right: 30px
}

.padr35 {
    padding-right: 35px
}

.padr40 {
    padding-right: 40px
}

.padr45 {
    padding-right: 45px
}

.padr50 {
    padding-right: 50px
}

.padr55 {
    padding-right: 55px
}

.padr60 {
    padding-right: 60px
}

.padt5 {
    padding-top: 5px
}

#top_area_test,
.padt10 {
    padding-top: 10px
}

.padt15 {
    padding-top: 15px
}

.padt20 {
    padding-top: 20px
}

.padt25 {
    padding-top: 25px
}

.padt30 {
    padding-top: 30px
}

.padt35 {
    padding-top: 35px
}

.padt40,
.single-events .site-main {
    padding-top: 40px
}

.padt45 {
    padding-top: 45px
}

.padt50 {
    padding-top: 50px
}

.padt55 {
    padding-top: 55px
}

.padt60,
.padt65 {
    padding-top: 60px
}

.padt70 {
    padding-top: 70px
}

.padt75 {
    padding-top: 75px
}

.padt80 {
    padding-top: 80px
}

.padt85 {
    padding-top: 85px
}

.padt90 {
    padding-top: 90px
}

.padt95 {
    padding-top: 95px
}

.padt100 {
    padding-top: 100px
}

.padb5 {
    padding-bottom: 5px
}

.padb10 {
    padding-bottom: 10px
}

.padb15 {
    padding-bottom: 15px
}

.padb20 {
    padding-bottom: 20px
}

.padb25 {
    padding-bottom: 25px
}

.padb30 {
    padding-bottom: 30px
}

.padb35 {
    padding-bottom: 35px
}

.padb40 {
    padding-bottom: 40px
}

.padb45 {
    padding-bottom: 45px
}

.padb50 {
    padding-bottom: 50px
}

.padb55 {
    padding-bottom: 55px
}

.padb60 {
    padding-bottom: 60px
}

.padb65 {
    padding-bottom: 65px
}

.padb70 {
    padding-bottom: 70px
}

.padb75 {
    padding-bottom: 75px
}

.padb80 {
    padding-bottom: 80px
}

.padb85 {
    padding-bottom: 85px
}

.padb90 {
    padding-bottom: 90px
}

.padb95 {
    padding-bottom: 95px
}

.padb100 {
    padding-bottom: 100px
}

.marl5,
.register-btn.btn-normal a svg {
    margin-left: 5px
}

.marl10 {
    margin-left: 10px
}

.marl15 {
    margin-left: 15px
}

.marl20,
.page-id-36398 ol {
    margin-left: 20px
}

.marl25 {
    margin-left: 25px
}

.marl30 {
    margin-left: 30px
}

.marl35 {
    margin-left: 35px
}

.marl40 {
    margin-left: 40px
}

.marl45 {
    margin-left: 45px
}

.marl55 {
    margin-left: 55px
}

.marl60 {
    margin-left: 60px
}

.listen-on ul li img,
.marr5,
.secure-transation-info img {
    margin-right: 5px
}

.marr10,
.page .entry-content .social_contact ul li i,
.register-btn a img,
.search-author-img img {
    margin-right: 10px
}

.marr15 {
    margin-right: 15px
}

.fo-sb-website-logo a,
.marr20 {
    margin-right: 20px
}

.marr25 {
    margin-right: 25px
}

.fo-footer-social li,
.marr30 {
    margin-right: 30px
}

.marr35 {
    margin-right: 35px
}

.marr40 {
    margin-right: 40px
}

.marr45 {
    margin-right: 45px
}

.marr50 {
    margin-right: 50px
}

.marr55 {
    margin-right: 55px
}

.marr60 {
    margin-right: 60px
}

.donation_section_inner h5,
.internship-wrapper .user-block p:first-child,
.label-sub-heading,
.mart0,
.modal-body .content-right .cr-time p:last-child,
.modal-body .content-right h4,
.page-template-fo_event footer,
.page-template-in_person_events footer,
.page-template-online_events footer,
.page-template-past_events footer,
.page-template-upcoming_events footer,
.se-location-btn .register-btn {
    margin-top: 0
}

.cli-plugin-button,
.invoice_header p,
.mart5,
.single-date-time .social_medai_share {
    margin-top: 5px
}

.download-link,
.footer-fixed-form .fo-cpf-checkbox,
.mart10,
.pf-box .btn-blue,
.se-social {
    margin-top: 10px
}

.bottom-event-post .content-left,
.donation-table,
.mart15,
.podcast-post.podcast-right .listen-on {
    margin-top: 15px
}

.fo-home-big-news .read-btn,
.mart20,
.register-btn,
.register-btn.btn-text {
    margin-top: 20px
}

.mart25,
.sidebar-col.more_results .donation-anywhere-form {
    margin-top: 25px
}

.mart30,
.page-template-donation-design #main,
.single-support {
    margin-top: 30px
}

.intrective-cat-list.bottom,
.mart35,
.single-post .wrap {
    margin-top: 35px
}

.mart40 {
    margin-top: 40px
}

.mart45 {
    margin-top: 45px
}

.custom-plan-outer,
.mart50 {
    margin-top: 50px
}

.mart55 {
    margin-top: 55px
}

.fo-home-big-news,
.mart60 {
    margin-top: 60px
}

.mart70 {
    margin-top: 70px
}

#pmpro_pricing_fields div,
.cr-time:last-child,
.custom-plan-outer .dm-membership-contact p,
.donation-grid .collapsible-content .form-control:last-child,
.dt-full-events:last-child,
.fo-left-col-1 article:last-child,
.fo-menu-links ul,
.marb0,
.modal-body .content-right .cr-time:last-child,
.page .entry-content .woocommerce-MyAccount-navigation ul li,
.page-template-online_events .main-events-block,
.thank-contant h2,
.video-main-cat .post-summary,
.videotext h3 {
    margin-bottom: 0
}

.category-grid-col-2 .cat-col-1 .fo-post-content .fo-author,
.donation-checkbox,
.marb5 {
    margin-bottom: 5px
}

#custom-plan .custom-plan-one div p,
.marb10,
.page-template-confirmation_required .confirmation_message ol li,
.pmpro_checkout-field-bemail {
    margin-bottom: 10px
}

#country,
#country-state,
.bookmark-full-cover .bookmarking_text,
.emailnewsletter-new .fo-signup-innersection .fo-cpf-checkbox,
.marb15,
.page .entry-content ul li,
.sidebar-col .donation-anywhere-form .donations-content-section p,
.single-newsletters .single-authors,
.woocommerce div.product .product_title {
    margin-bottom: 15px
}

.form-plan-row,
.marb20,
.modal-body .content-right .cr-time,
.video-main-cat #social_link_2 {
    margin-bottom: 20px
}

#filter_section,
.donation-grid .wire-transfer-form-block #country,
.donation-grid .wire-transfer-form-block .form-control,
.donation-grid .wire-transfer-form-block select,
.intrective-cat-list.bottom li,
.main-events-block article,
.marb25,
.nav-post,
.post-360-top .fo-col-2 {
    margin-bottom: 25px
}
.main-events-block article:last-child { 
    /* grid-column: auto / span 2; 
  max-width: 530px;*/
  justify-self: center;
}

.marb30 {
    margin-bottom: 30px
}

.cr-time,
.marb35 {
    margin-bottom: 35px
}

.main-events-block.upcoming-event-page article,
.marb40,
.past-event-list article {
    margin-bottom: 40px
}

.marb45 {
    margin-bottom: 45px
}

.marb50 {
    margin-bottom: 50px
}

.marb55 {
    margin-bottom: 55px
}

.marb65 {
    margin-bottom: 65px
}

.marb60 {
    margin-bottom: 60px
}

.marb70 {
    margin-bottom: 70px
}

.bottom-30 {
    bottom: -30px
}

#download_product_popup .cpf-checkbox-new,
.d-flex,
.pp-author-new,
.signup-wrapper.n-email-popup .signup-innersection .cpf-checkbox-new,
.two_donation_buttons {
    display: flex
}

.event-form-right .signup-popup.email-box-2col .newsletter-block,
.flex-wrap {
    flex-wrap: wrap
}

.align-item-center {
    align-items: center
}

.align-items-bottom {
    align-items: baseline
}

.justify-space-between {
    justify-content: space-between
}

.h-authors-list .slick-slide,
.page-header,
.text-center,
.upcoming-title {
    text-align: center
}

.shop_table tr td.actions,
.text-right {
    text-align: right
}

.event-form-right .signup-popup.n-email-popup .modal-content .display-flex,
.text-left {
    text-align: left
}

.text-justify {
    text-align: justify
}

.m-l-auto {
    margin-left: auto
}

.m-r-auto {
    margin-right: auto
}

.m-auto {
    margin: auto
}

#contactmodal .dm-fo-contact-form .nf-form-layout .nf-before-form-content,
#myDiv,
.address_for_inovice,
.bottom-event-post.bot-upcoming-event,
.confirmation_message br,
.d-grid-col-3-border .border-left:last-child,
.d-none,
.donation-text-mobile,
.event-form-right .signup-popup.email-box-2col .left-col,
.f-none,
.fo-HeaderNavigation-Menu .fo-search-row,
.fo-navigation-close,
.fo-top-btn ul li.fo-donatebtn a.donate-icon,
.home #myDiv,
.img-mobile,
.interctive-top-acnhor span.hide,
.intrective-cat-list li.hide,
.latest-news li:last-child:after,
.mm-interactive .post-content,
.mobile-m,
.news-list-col article .fo-post-img .fo-video-yt-small-icon.podc,
.nf-form-layout label,
.page-template-donation-design .entry-header,
.pmpro-confirmation .woocommerce-MyAccount-content ul li:last-of-type,
.pmpro-invoice .woocommerce-MyAccount-content ul li:last-of-type,
.pmpro_asterisk,
.pmpro_checkout-h3-msg,
.pmpro_checkout_gateway-stripe hr,
.pmpro_payment-discount-code,
.postid-108979 #myDiv,
.postid-108979 footer,
.postid-109146 #myDiv,
.postid-109146 footer,
.postid-112681 #myDiv,
.postid-112681 footer,
.postid-113830 #myDiv,
.postid-113830 footer,
.postid-128723 #myDiv,
.postid-128723 .border-bottom,
.postid-128723 .fo-menu-block,
.postid-128723 .fo-newsletter-footer,
.postid-128723 .fo-spd-block,
.postid-128723 footer,
.postid-131376 #myDiv,
.postid-131376 .border-bottom,
.postid-131376 .fo-menu-block,
.postid-131376 .fo-newsletter-footer,
.postid-131376 .fo-spd-block,
.postid-143263 #myDiv,
.postid-143263 .fo-spd-block,
.postid-143263 footer,
.postid-145413 #myDiv,
.postid-145413 footer,
.postid-149716 #myDiv,
.postid-149716 footer,
.postid-150946 #myDiv,
.postid-150946 .fo-newsletter-footer,
.postid-150946 footer,
.postid-150946 header.fo-site-header,
.postid-151306 #myDiv,
.postid-151306 .fo-newsletter-footer,
.postid-151306 footer,
.postid-151306 header.fo-site-header,
.postid-151398 #myDiv,
.postid-151398 .fo-newsletter-footer,
.postid-151398 footer,
.postid-151398 header.fo-site-header,
.postid-151875 #myDiv,
.postid-151875 .fo-newsletter-footer,
.postid-151875 footer,
.postid-151875 header.fo-site-header,
.postid-152991 #myDiv,
.postid-152991 .fo-newsletter-footer,
.postid-152991 footer,
.postid-152991 header.fo-site-header,
.postid-78911 #myDiv,
.postid-78911 footer,
.postid-78914 #myDiv,
.postid-78914 footer,
.postid-80960 #myDiv,
.postid-80960 footer,
.postid-82013 #myDiv,
.postid-82013 footer,
.postid-87061 #myDiv,
.postid-87061 footer,
.postid-92034 #myDiv,
.postid-92034 footer,
.postid-92324 #myDiv,
.postid-92324 footer,
.postid-96098 #myDiv,
.postid-96098 footer,
.postid-97260 #myDiv,
.postid-97260 footer,
.postid-97492 #myDiv,
.postid-97492 footer,
.print_logo,
.product_meta,
.products.columns-4 li a.button,
.quantity .screen-reader-text,
.se-cate-date.mobile,
.se-location.mobile,
.selectedplan,
.share-wrapper,
.single .fowednesday .si-emailnewsletetr-support,
.single-date-time #bookmark-cresta-c,
.single-event-left.mobile,
.single-events .event-tab-pages,
.single-fo-events .post-thumbnail.mobile,
.single-newsletters .post-thumbnail,
.single-newsletters .si-emailnewsletetr-support,
.single-newsletters .social_media,
.single-post #myDiv,
.single-post .entry-content .wp-block-media-text h2.wp-block-heading::before,
.single-post .entry-content .wp-block-media-text::before,
.single-support .donation_amount_section h4,
.single-support .donation_amount_section label:last-child,
.single-support .donation_cycle h4,
.single-support .donations-content-section,
.support-us-m,
.swiper.gallery-thumbs .swiper-content:before,
.tml-links,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product a.product_type_simple,
.woocommerce-MyAccount-content .view_summary+strong,
body.single .fowednesday .post-thumbnail .wp-post-image,
footer .fo-sb-website-logo,
main footer.entry-footer.default-max-width {
    display: none
}

.custom-plan-one .form-group .wpcf7-spinner,
.d-block,
.fo-navigation.-open {
    display: block
}

.d-in-block,
.fo-navigation.-open .fo-navigation-close,
.news-list-col article.podcasts .fo-post-img .fo-video-yt-small-icon.podc,
.news-list-col article.video .fo-post-img .fo-video-yt-small-icon,
.single_add_to_cart_button.button {
    display: inline-block
}

.fo-author {
    color: #9b9b9b;
    font-size: 15px;
    font-weight: 700
}

#pmpro_pricing_fields p strong,
.cate-name.si-post a,
.contributers-latest-article ul a,
.donation-text-mobile p a,
.donation_left_panel p a,
.editorview-content p a,
.fo-author a,
.fo-home-big-news .fo-top-post-content .post-content a,
.fo-post-title a:hover,
.intrective-cat-list li .interctive-content h2:hover a,
.nav-first-col.col-n ul li a:hover,
.newsletters-tags ul li label span p a,
.pf-box strong,
.red-color,
.se-location .event-time a:hover,
.single-event-right .cate-name.si-post,
.single-events .entry-content a,
.single-post .entry-content a,
.static-page-all .entry-content a,
.video-main-cat .video-top-scroll .videopartbox.item .fo-author-light a,
.voice-big-p-content a,
footer .nav-2n-col.col-n .nav-post article .fo-post-content a:hover {
    color: var(--red-color)
}

.byline a {
    color: var(--gray)
}

.author-social-icon a:hover svg,
.fo-ligt-text,
.fo-ligt-text a,
.fo-post-title a.light-text:hover,
.light-text,
.light-text a,
.signup-popup.square-email-box.dark .mobile-view-content h1,
footer h4 {
    color: var(--white)
}

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

a,
a:hover,
button,
button:hover,
div,
div:hover,
input[type=submit],
input[type=submit]:hover {
    transition: .5s ease-out
}

ol,
ul {
    padding: 0;
    list-style: disc
}

.d-grid {
    display: grid
}

.d-grid-gap-5 {
    gap: 5px
}

.d-grid-gap-10,
.dm-fo-register-link {
    gap: 10px
}

.d-grid-gap-15 {
    gap: 15px
}

.d-grid-gap-20 {
    gap: 20px
}

.d-grid-gap-30 {
    gap: 30px
}

.d-grid-col-2 {
    grid-template-columns: repeat(2, 1fr)
}

.d-grid-col-3 {
    grid-template-columns: repeat(3, 1fr)
}

.d-grid-col-4 {
    grid-template-columns: repeat(4, 1fr)
}

.d-grid-col-5 {
    grid-template-columns: repeat(5, 1fr)
}

.d-grid-col-6 {
    grid-template-columns: repeat(6, 1fr)
}

.d-grid-col-1-2-1 {
    grid-template-columns: 24.8% 48% 24.8%
}

.d-grid-col-2-1-2 {
    grid-template-columns: 41.5% 20% 38.5%
}

.d-grid-col-2-1 {
    grid-template-columns: 64.5% 33%
}

.d-grid-col-2-1-cat {
    grid-template-columns: 65.8% 33%
}

.d-grid-col-3-1 {
    grid-template-columns: 74.8% 24%
}

.d-grid-col-3-border {
    grid-template-columns: 31.1% 31.1% 33%
}

.event-form-right .signup-popup.email-box-2col .right-col,
.full-width,
.main-events-block article .fo-post-img img,
.page-template-search-template #filter_form h5,
.register-btn.btn-normal,
.related-authors h5,
.sidebar-col .donation-anywhere-form .donation-form-section,
.signup-popup.email-box-2col .newsletter-block input[type=submit],
.single-support .donation-form-section,
.slidecontainer #slider,
.swiper-content .container,
.tml .tml-field,
.video-main-cat .left_video .voice-big-p-content,
.w-100,
.wpuf-errors {
    width: 100%
}

.w-10 {
    width: 10%
}

.w-11 {
    width: 11%
}

.w-12 {
    width: 12%
}

.w-13 {
    width: 13%
}

.w-14 {
    width: 14%
}

.w-15 {
    width: 15%
}

.nav-3rd-col.col-n,
.w-16 {
    width: 16%
}

.w-17 {
    width: 17%
}

.w-18 {
    width: 18%
}

.page-template-newsletters-php .newsletter-box .newsletter-img,
.w-19 {
    width: 19%
}

.w-20,
.w-22 {
    width: 22%
}

.w-21 {
    width: 21%
}

.w-23 {
    width: 23%
}

.w-24 {
    width: 24%
}

.post-360-top .fo-post-content,
.single-fo-events .single-event-left,
.w-25 {
    width: 25%
}

.w-26 {
    width: 26%
}

.w-27 {
    width: 27%
}

.fo-email-newsletter-2col .fo-newsletter-block input[type=submit],
.fo-newsletter-footer .fo-newsletter-block input[type=submit],
.w-28 {
    width: 28%
}

.e-right-col article .fo-post-img,
.w-29 {
    width: 29%
}

.nav-2n-col.col-n,
.related_post_data article .fo-post-img,
.w-30 {
    width: 30%
}

.past-event-list .bottom-event-post article,
.w-31 {
    width: 31%
}

.donation-cycle-box button,
.news-list-col article,
.w-32 {
    width: 32%
}

.w-33 {
    width: 33%
}

.w-34 {
    width: 34%
}

.post-360-top .fo-col-1 .fo-post-img,
.w-35 {
    width: 35%
}

.w-36 {
    width: 36%
}

.w-37 {
    width: 37%
}

.w-38 {
    width: 38%
}

.sfr-left,
.w-39 {
    width: 39%
}

.pmpro-custom-p-fields,
.w-40 {
    width: 40%
}

.w-41 {
    width: 41%
}

.fo-daily-devils.geo-philosophy .title,
.w-42 {
    width: 42%
}

.w-43 {
    width: 43%
}

.w-44 {
    width: 44%
}

.w-45 {
    width: 45%
}

.email-icon-images,
.w-46 {
    width: 46%
}

.w-47 {
    width: 47%
}

.col2-set .col-1,
.col2-set .col-2,
.e-let-col,
.fo-daily-devils li:first-child article .fo-post-content,
.w-48 {
    width: 48%
}

.form-group-two .form-control,
.form-plan-row .form-group,
.w-49 {
    width: 49%
}

.cart-collaterals .cart_totals,
.event-form-right,
.footer-fixed-form,
.w-50 {
    width: 50%
}

.video-main-cat .video-top-scroll .videopartbox.item .videotext,
.w-51 {
    width: 51%
}

.w-52 {
    width: 52%
}

.w-53 {
    width: 53%
}

.w-54 {
    width: 54%
}

.w-55 {
    width: 55%
}

.mem-all-right,
.w-56 {
    width: 56%
}

.w-57 {
    width: 57%
}

.w-58 {
    width: 58%
}

.w-59 {
    width: 59%
}

.fo-daily-devils .title,
.w-60 {
    width: 60%
}

.w-61 {
    width: 61%
}

.w-62 {
    width: 62%
}

.fo-video-col-left,
.w-63 {
    width: 63%
}

.video-main-cat .left_video,
.w-64 {
    width: 64%
}

.post-360-top .fo-col-1 .fo-post-content,
.w-65 {
    width: 65%
}

.e-right-col article .fo-post-content,
.w-66 {
    width: 66%
}

.w-67 {
    width: 67%
}

.w-68 {
    width: 68%
}

.w-69 {
    width: 69%
}

.fo-email-newsletter-2col .fo-newsletter-block input[type=email],
.single-fo-events .single-event-right,
.w-70 {
    width: 70%
}

.w-71 {
    width: 71%
}

.nav-2n-col.col-n .nav-post article .fo-post-content,
.podcast-right,
.w-72 {
    width: 72%
}

.w-73 {
    width: 73%
}

.w-74 {
    width: 74%
}

.publication-right,
.w-75 {
    width: 75%
}

.w-76 {
    width: 76%
}

.podcast-right .fo-post-content,
.w-77 {
    width: 77%
}

.single-author-content,
.w-78 {
    width: 78%
}

.w-79 {
    width: 79%
}

.w-80 {
    width: 80%
}

.w-81 {
    width: 81%
}

.nav-first-col.col-n,
.w-82 {
    width: 82%
}

.w-83 {
    width: 83%
}

.w-84 {
    width: 84%
}

.w-85 {
    width: 85%
}

.w-86 {
    width: 86%
}

.w-87 {
    width: 87%
}

.points-content,
.w-88 {
    width: 88%
}

.w-89 {
    width: 89%
}

.w-90 {
    width: 90%
}

.w-91 {
    width: 91%
}

.w-92 {
    width: 92%
}

.w-93 {
    width: 93%
}

.w-94 {
    width: 94%
}

.w-95,
.w-96,
.w-97,
.w-98,
.w-99 {
    width: 95%
}

.fo-video-col-left #big-video,
.fo-video-col-left>article,
.h-100,
.intractive-block .swiper,
.intrective-cat-list li.full .fo-post-img,
.swiper-wrapper article {
    height: 100%
}

.l-spacing-1 {
    letter-spacing: 1px
}

.l-spacing-2 {
    letter-spacing: 2px
}

.l-spacing-3 {
    letter-spacing: 3px
}

.l-spacing-4 {
    letter-spacing: 4px
}

.l-spacing-5 {
    letter-spacing: 5px
}

.b-radius-3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.b-radius-4 {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.b-radius-5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.b-radius-6 {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.b-radius-7 {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.b-radius-8 {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.b-radius-9 {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.b-radius-10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.b-radius-36 {
    -moz-border-radius: 36px;
    -webkit-border-radius: 36px;
    border-radius: 36px
}

.size-40 {
    font-size: 40px;
    line-height: 50px;
    margin: 0
}

.size-36,
.size-38 {
    line-height: 46px;
    margin: 0
}

.size-38 {
    font-size: 38px
}

.size-36 {
    font-size: 36px
}

.size-34 {
    font-size: 34px;
    line-height: 40px;
    margin: 0
}

.size-32 {
    font-size: 32px;
    line-height: 42px;
    margin: 0
}

.size-30 {
    font-size: 30px;
    line-height: 40px;
    margin: 0
}

.size-28 {
    font-size: 28px;
    line-height: 36px;
    margin: 0
}

.size-26 {
    font-size: 26px;
    line-height: 34px;
    margin: 0
}

.e-right-col article h2,
.size-24 {
    font-size: 24px;
    line-height: 30px;
    margin: 0
}

.size-22 {
    font-size: 22px;
    line-height: 28px;
    margin: 0
}

.size-20 {
    font-size: 20px;
    line-height: 26px;
    margin: 0
}

.size-18 {
    font-size: 18px;
    line-height: 24px;
    margin: 0
}

.size-15,
.size-16 {
    font-size: 16px;
    margin: 0
}

.size-16 {
    line-height: 20px
}

.size-15 {
    line-height: 17px
}

.size-12 {
    font-size: 12px;
    line-height: 18px
}

ol li {
    list-style: decimal
}

.fo-post-content p a {
    color: #2393d3
}

header.fo-site-header {
    background: #f4f4f4;
    padding: 20px 0 14px;
    transition: 150ms
}

header.fo-site-header.sticky {
    background: #f4f4f4;
    padding: 14px 0 10px;
    position: fixed;
    width: 100%;
    z-index: 2;
    transition: 150ms;
    top: 0
}

header.fo-site-header.sticky .fo-logo img {
    max-width: 200px;
    transition: 150ms
}

.hamburger-box {
    width: 30px;
    height: 17px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -.5px
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
    width: 30px;
    height: 2px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.hamburger-box .hamburger-inner {
    -webkit-transition-duration: .22s;
    transition-duration: .22s;
    -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger-inner::after,
.hamburger-inner::before {
    content: '';
    display: block
}

.hamburger-inner::before {
    top: -7px
}

.hamburger-box .hamburger-inner::before {
    -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
    transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger-inner::after {
    bottom: -7px;
    width: 22px
}

.hamburger-box .hamburger-inner::after {
    -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
    transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.donation-grid .collapsible.active,
.donation-grid .collapsible:hover,
.hamburger-box.is-active .hamburger-inner,
.hamburger-box.is-active .hamburger-inner::after,
.hamburger-box.is-active .hamburger-inner::before {
    background-color: var(--red-color)
}

.hamburger-box.is-active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    height: 1px
}

.hamburger-box.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
    transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger-box.is-active .hamburger-inner::after {
    bottom: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
    width: 30px;
    height: 1px
}

.fo-header-whitcher {
    border: none;
    background: 0 0;
    cursor: pointer;
    padding: 0;
    margin-right: 30px
}

.buy-membership a,
.donation_section_inner .donation-cancel-btn,
.fo-top-btn ul li a,
.new_comment_btn,
.newdonation a,
.support_link a,
.two_links ul li a,
.wpuf-submit-button {
    color: var(--white);
    font-weight: 400;
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-family: var(--second-font);
    text-transform: capitalize;
    padding: 8px 18px;
    background: var(--blue-color);
    border-radius: 36px;
    font-size: 20px;
    gap: 5px
}

.newdonation {
    display: block;
    float: right;
    margin: 0 0 10px
}

.newdonation a {
    margin: 0;
    padding: 6px 12px;
    font-size: 16px
}

button#change_payment_method {
    background: #1d2a99;
    margin-bottom: 8px
}

.buy-membership a,
.donation_section_inner .donation-cancel-btn,
.support_link a,
.two_links ul li a,
.wpuf-submit-button {
    border: none;
    background: var(--red-color)
}

.fo-top-btn ul li.fo-donatebtn a {
    padding: 8px 18px;
    background: var(--blue-color);
    border-radius: 36px;
    font-size: 20px;
    gap: 5px
}

.fo-top-btn ul li.fo-login-link.ttp a {
    padding: 8px 18px;
    background: var(--red-color);
    border-radius: 36px;
    font-size: 20px;
    gap: 5px;
    line-height: normal;

}

.checkout-button.button:hover,
.donation-back-btn:hover,
.fo-top-btn ul li.fo-eventbtn a,
.place-order button:hover,
.shop_table tr td .button:hover {
    background: #000
}

.fo-top-btn ul li.fo-login-link a,
.newdonation a,
.se-social .social_medai_share #crestashareiconincontent a:hover,
.social_medai_share a:hover,
.support_fo_button_member {
    background: var(--red-color)
}

.fo-search-row {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
    margin-right: 13px;
    cursor: pointer
}

.fo-search-row svg { width: 28px;}

.cate-name,
.col-n h4 {
    text-transform: uppercase
}

.fo-navigation-close svg {
    width: 30px;
    height: 30px;
    position: fixed;
    left: 10px;
    top: 10px;
    z-index: 999;
    cursor: pointer
}

.fo-menu-line {
    width: 30px;
    height: 3px;
    background: #fff
}

.fo-menu-line:last-child {
    width: 22px
}

.fo-navigation {
    z-index: 9;
    display: none;
    width: 100%;
    position: absolute
}

.bookmarkspan,
.fo-search-row svg,
.gallery .swiper-slide {
    cursor: pointer
}

.fo-top-btn svg {
    width: 24px;
    height: 24px;
    color: var(--white);
    fill: #fff;
    margin-right: 5px
}

#suggestions-list,
.collapsible h3,
.collapsible p,
.fo-top-btn ul,
.modal-body .row,
.pmpro_checkout-fields p,
.sr-dashboard-content #users .team_1 .board-content h3,
.support_link a,
.woocommerce-product-gallery figure {
    margin: 0
}

.fo-top-btn ul li a#myBtn {
    margin-right: 2px
}

.fo-search-popup {
    background: rgba(0, 0, 0, .9);
    position: relative;
    top: -20px;
    transition: 150ms
}

.fo-search-popup.active {
    display: flex;
    transition: 150ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999999;
    align-items: center
}

.fo-search-close svg {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer
}

.fo-search-popup .search-field {
    width: 100%;
    border: none;
    background: 0 0;
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    padding: 20px 10px;
    border-bottom: 2px solid #fff
}

.fo-search-popup input[type=text]:focus {
    box-shadow: 0 0 3px #fff;
    border-color: #fff
}

.border-right,
.fo-daily-devils li {
    border-right: 1px solid #d9d9d9
}

#suggestions-list li,
.border-bottom,
.podcast-right article,
.publication-right ul li {
    border-bottom: 1px solid #d9d9d9
}

.fo-search-popup .search-field::placeholder {
    color: #fff
}

input:focus-visible {
    outline: 0
}

.fo-search-popup .search-form {
    width: 100%;
    position: relative;
    margin: 0 auto;
    max-width: 1216px
}

.fo-search-popup .search-submit {
    position: absolute;
    right: 10px;
    background: no-repeat;
    border: none;
    padding: 0;
    margin: 0;
    top: 23px
}

.search-suggestions {
    background: #fff;
    margin-top: 00;
    position: absolute;
    width: 100%;
    z-index: 99
}

#suggestions-list li {
    list-style: none;
    font-size: 16px
}

#suggestions-list li a {
    display: block;
    padding: 10px
}

.fo-HeaderNavigation-Overlay {
    display: block;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 96px;
    left: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .5);
    pointer-events: none;
    transition: .25s cubic-bezier(.165, .84, .44, 1)
}

.fo-navigation.-open .fo-HeaderNavigation-Overlay {
    visibility: visible;
    opacity: 1;
    pointer-events: all
}

.fo-HeaderNavigation-Menu {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 30px 0;
    height: auto;
    position: absolute;
    top: 76px;
    left: 0;
    z-index: 4;
    transform: translateX(-100%);
    background: #fff;
    color: #000;
    transition: width .25s cubic-bezier(0.165, 0.84, 0.44, 1), transform .25s cubic-bezier(0.165, 0.84, 0.44, 1)
}

header.fo-site-header.sticky .fo-HeaderNavigation-Menu {
    top: 61px
}

.fo-navigation.-open .fo-HeaderNavigation-Menu {
    transform: none
}

.fo-HeaderNavigation-Menu .fo-first-ul {
    flex: 1 1 0%;
    max-width: 240px;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 33px
}

.fo-navigation.-open .fo-header-whitcher {
    opacity: 0
}

.col2-set,
.donation-amount-box,
.donation-cycle-box,
.first-n-col,
.fo-HeaderNavigation-Menu .container,
.form-group-three,
.form-group-two,
.nav-2n-col.col-n .nav-post article,
.pmpro_checkout_gateway-stripe #pmpro_form,
.products.columns-4,
.single-fo-events article,
.single-support .donation_amount_section,
.single-support .donation_cycle,
.video-main-cat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.col-n h4 {
    width: 100%;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px
}

.nav-first-col.col-n .first-menu-col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 65%
}

.menu-donate,
.site-btn {
    display: flex;
    align-items: center;
    color: #fff
}

.nav-first-col.col-n .first-menu-col ul,
.single-featuring-author .single-author-content {
    width: auto
}

.nav-first-col.col-n .first-menu-col ul li {
    list-style: none;
    width: 100%;
    margin-bottom: 14px
}

.nav-first-col.col-n ul li a {
    font-weight: 300;
    font-size: 16px
}

.nav-2n-col.col-n .nav-post article .fo-post-img {
    width: 25%;
    height: 70px
}

.category-grid-col-2 .cat-col-1 .fo-post-img img,
.category-grid-col-2 .cat-col-2 article .fo-post-img img,
.culture-block .e-let-col .fo-post-img img,
.culture-block .e-right-col article .fo-post-img img,
.fo-daily-devils li .fo-post-img img,
.fo-home-big-news .fo-post-img img,
.nav-2n-col.col-n .nav-post article .fo-post-img img,
.news-list-col article .fo-post-img img,
.podcast-right .fo-post-img img {
    height: 100%;
    object-fit: cover
}

.nav-2n-col.col-n .nav-post article .fo-post-content h2,
.nav-2n-col.col-n .nav-post article .fo-post-content h3 {
    margin: 0;
    font-size: inherit;
    line-height: inherit
}

.nav-2n-col.col-n .nav-post article .fo-post-content h3 a {
    font-size: 12px;
    color: var(--red-color)
}

.event-tab-pages ul li,
.list-style-none li,
.woocommerce-error,
.woocommerce-pagination ul.page-numbers li {
    list-style: none
}

.menu-donate {
    background: url(/wp-content/themes/fo2023/assets/images/support-fo-menu.png) -5px top no-repeat #111;
    width: 100%;
    border-radius: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px 30px 30px 225px
}

.menu-donate-content h2 {
    margin: 0;
    font-size: 36px;
    line-height: 36px
}

.menu-donate-content p {
    margin: 15px 0 0
}

.site-btn svg,
.top-notice h2 a svg {
    fill: #fff;
    margin-left: 6px
}

.site-btn {
    background: #3043b4;
    font-weight: 700;
    font-size: 22px;
    border-radius: 6px;
    padding: 13px 25px
}

.btn-red,
.top-notice {
    background: var(--red-color)
}

.top-notice {
    text-align: center;
    padding: 10px 0;
    margin-bottom: 45px
}

.top-notice h2 {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    line-height: 36px
}

.top-notice h2 a {
    color: #fff;
    display: inline-flex;
    align-items: center
}

.top-notice h2 a svg {
    width: 10px;
    height: 15px;
    margin-top: 4px;
    margin-right: -6px
}

.cbxwpbookmark-mostlist,
.cbxwpbookmark-mylist,
.top-notice h2 a svg:nth-child(3),
.top-notice h2 a svg:nth-child(4) {
    margin-left: 0
}

.fo-home-big-news .container {
    background: #f4f4f4
}

.cate-name {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 8px
}

.cate-name a {
    font-weight: 700
}

.fo-home-big-news .fo-top-post-content h1 {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    margin: 0
}

.fo-home-big-news .fo-top-post-content .fo-author {
    font-size: 15px;
    margin-top: 10px
}

.fo-home-big-news .fo-top-post-content .post-content {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
    margin: 5px 0
}

.post-date,
.posted-on {
    font-weight: 400;
    color: #9b9b9b
}

.btn-red,
.title-block .title {
    font-weight: 700;
    font-family: var(--second-font);
    text-transform: uppercase
}

.fo-home-big-news .fo-top-post-content .fo-author a {
    text-decoration: none;
    text-transform: uppercase;
    color: var(--red-color)
}

.btn-red {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    padding: 10px 18px;
    border-radius: 36px
}

#contactmodal .nf-form-layout .submit-container .ninja-forms-field:hover,
#make_donation_section .support_link a,
.author-social-icon a:hover,
.btn-red:hover,
.button_subscribe a:hover,
.popup_loginmodel .dm-fo-register-link a:hover,
.popup_loginmodel .submit input[type=submit]:hover,
.register-btn a:hover,
.signup-wrapper.n-email-popup .newsletter-block input[type=submit]:hover,
.single_add_to_cart_button.button:hover,
.tml-submit-wrap button.tml-button:hover,
.tml-submit-wrap input.tml-button:hover,
input.book_download_button:hover,
.primary_action_btn:hover,
input[type=submit]:hover {
    background: var(--blue-color)
}

.fo-home-big-news .fo-post-img {
    height: 460px;
    margin-top: -20px
}

.title-block .title {
    font-size: 30px
}

.view-all-title {
    position: relative;
    width: 100%;
    text-align: right;
    justify-content: flex-end
}

.view-all-title a {
    text-transform: uppercase;
    color: var(--red-color);
    font-family: var(--second-font);
    font-weight: 400
}

.view-all-title::before {
    content: '';
    width: 9px;
    height: 9px;
    background: var(--red-color);
    position: absolute;
    border-radius: 100%;
    left: 9px
}

.view-all-title::after {
    content: '';
    background: #000;
    height: 1px;
    position: absolute;
    width: 91%;
    left: 2.5%
}

.latest-news li {
    width: 23.5%;
    list-style: none;
    position: relative
}

.latest-news li::after {
    width: 1px;
    height: 100%;
    content: '';
    background: #d9d9d9;
    position: absolute;
    right: -12px;
    top: 0
}

.latest-news li .fo-post-img {
    width: 100%;
    height: 170px;
    margin-bottom: 3px
}

.fo-video-col-left #big-video img,
.gallery img,
.intrective-cat-list li .fo-post-img img,
.latest-news li .fo-post-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.latest-news li .cate-name {
    font-size: 14px;
    margin-bottom: 4px
}

.latest-news li h2 {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 26px
}

.fo-author-light,
.fo-spd-content p,
.membership-top-plan-box h5 span,
.newsletter-content .fo-author {
    font-weight: 400
}

.fo-author-light a {
    text-transform: uppercase;
    font-weight: 700
}

.border-left {
    border-left: 1px solid #d9d9d9
}

.border-top {
    border-top: 1px solid #d9d9d9
}

.h-authors-list,
.listen-on ul li a,
.tml-rememberme-wrap {
    display: flex;
    align-items: center
}

.slick-arrow {
    background: url(/wp-content/themes/fo2023/assets/images/arrow-authors.png) left top no-repeat;
    width: 42px;
    height: 42px;
    text-indent: -9999px;
    border: none;
    box-shadow: 0 5px 10px #d3d3d3;
    border-radius: 36px;
    position: absolute;
    z-index: 1
}

.slick-prev.slick-arrow {
    left: -60px
}

.slick-next.slick-arrow {
    right: -60px;
    background-position: -42px top
}

.slick-prev.slick-arrow:hover {
    background-position: left -42px
}

.slick-next.slick-arrow:hover {
    background-position: -42px -42px
}

.h-authors-list .slick-slide img {
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #e1e1e1
}

.h-authors-list .slick-slide h3 {
    text-transform: uppercase;
    font-family: var(--second-font);
    line-height: 22px;
    padding: 0 10px;
    margin-bottom: 0;
    margin-top: 3px
}

.gallery-thumbs .swiper-slide {
    width: auto;
    border-radius: 10px;
    opacity: .8;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.gallery-thumbs .swiper-slide-active {
    opacity: 1;
    -webkit-filter: initial;
    filter: initial;
    font-weight: 700;
    color: #231b93
}

.gallery-thumbs img {
    cursor: pointer;
    width: auto;
    height: 100%;
    border-radius: 10px;
    object-fit: contain
}

.swiper-button-next {
    opacity: .2;
    margin-top: 0
}

.slidecontainer .slider:hover,
.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-next:after {
    margin-left: inherit
}

.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
    margin-right: inherit
}

@media (hover:none),
(pointer:coarse) {

    .swiper-button-next,
    .swiper-button-prev {
        display: none
    }
}

.intractive-block {
    height: 550px;
    overflow: hidden;
    position: relative
}

.swiper-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    right: 0;
    z-index: 1
}

.swiper-content::before {
    content: '';
    background: #000;
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1
}

.swiper-content .cate-name {
    background: var(--red-color);
    padding: 5px 17px;
    border-radius: 4px
}

.intrective-cat-list li .interctive-content .ic-inner h2 a:hover,
.intrective-cat-list li.full .interctive-content h2 a,
.single-support .donation-form input[name=amount]:checked+label span,
.single-support .donation-form input[name=donation_cycle]:checked+label span,
.static-page-all .entry-content .social_contact a,
.swiper-content .cate-name a,
.swiper-content .cate-name a span {
    color: #fff
}

.swiper-content h2 {
    font-size: 50px;
    line-height: 60px;
    max-width: 620px;
    margin-top: 0;
    margin-bottom: 0
}

.swiper.gallery-thumbs {
    position: absolute;
    bottom: 0;
    width: 55%;
    right: 0;
    height: 140px;
    background: rgba(0, 0, 0, .6);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px
}

.swiper.gallery-thumbs h2 {
    font-size: 19px;
    line-height: 24px;
    max-width: 100%
}

.swiper.gallery-thumbs .swiper-content {
    position: inherit;
    width: 64%;
    height: auto;
    display: inline-block
}

.gallery-thumbs .swiper-slide article {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.swiper.gallery-thumbs .swiper-zoom-container {
    width: 32%;
    height: 100px;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 4%
}

.swiper-button-next,
.swiper-button-prev {
    border: none;
    width: 50px;
    height: 100%;
    bottom: 0;
    display: flex;
    top: 0
}

.swiper.gallery-thumbs .swiper-zoom-container img {
    object-fit: cover
}

.gallery-thumbs .swiper-slide article .fo-author-light,
.publication-right ul li .fo-author {
    font-size: 13px
}

.swiper-button-prev {
    opacity: .2;
    margin-top: 0;
    left: 10px;
    padding-left: 0;
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    justify-content: center;
    align-items: center
}

.swiper-button-next {
    right: 10px;
    padding-right: 0;
    opacity: 1;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    justify-content: center;
    align-items: center
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    background: var(--red-color);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 100%
}

.fo-daily-devils .view-all-title::after {
    left: 3.2%;
    width: 87.5%
}

.fo-daily-devils li {
    list-style: none;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px
}

.fo-daily-devils li:first-child {
    width: 50%;
    padding-left: 0
}

.fo-daily-devils li:first-child article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%
}

.fo-daily-devils li:first-child article .fo-post-img {
    width: 48%;
    height: 100%;
    margin-bottom: 0
}

.fo-daily-devils li:last-child {
    border: none;
    padding-right: 0
}

.fo-daily-devils li h2 {
    font-size: 26px;
    line-height: 30px;
    margin: 0
}

.fo-daily-devils li .fo-post-img {
    height: 170px;
    margin-bottom: 10px
}

.e-let-col p,
.fo-daily-devils li article .fo-post-content p,
.podcast-post.podcast-right p {
    font-weight: 700;
    color: #4a4a4a
}

.podcast-left {
    width: 25%;
    text-align: center;
    position: relative;
    padding-top: 40px;
    background: url(/wp-content/themes/fo2023/assets/images/podcast-right.png) right 300px no-repeat #ffe1e1
}

.podcast-left .btn-red {
    padding: 8px 25px
}

.podcast-left .view-all-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px
}

.podcast-left h4 {
    font-size: 32px;
    margin-bottom: 5px
}

.podcast-left p {
    font-weight: 700;
    padding: 0 65px;
    margin-top: 0
}

.podcast-right .fo-post-img {
    width: 20%;
    height: 160px;
    overflow: hidden
}

.podcast-right article {
    padding-bottom: 25px;
    margin-bottom: 25px
}

.podcast-right article:last-child,
.single-author-featuring:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.podcast-right .fo-post-content h2 {
    font-size: 26px;
    margin: 0 0 5px;
    line-height: 30px
}

.listen-on {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.listen-on h5 {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: #7d7e7f;
    font-family: var(--second-font)
}

.listen-on ul {
    margin: 0;
    display: flex;
    padding-left: 10px
}

.listen-on ul li {
    list-style: none;
    margin-right: 13px;
    background: #fff;
    box-shadow: 0 10px 30px #dfdfdf;
    border-radius: 19px;
    padding: 5px 10px;
    font-family: var(--second-font);
    font-size: 15px;
    font-weight: 700
}

.fo-video-yt-icon svg {
    width: 100px;
    cursor: pointer;
    fill: var(--red-color)
}

.fo-video-yt-icon {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center
}

.fo-video-yt-icon svg:hover {
    opacity: .7
}

.fo-video-col-right,
.video-main-cat .video-top-scroll {
    width: 35%;
    border-left: 2px solid var(--red-color);
    padding: 20px;
    background: #fff;
    box-shadow: 0 10px 30px #dfdfdf
}

.fo-video-col-right h2 {
    font-size: 17px;
    line-height: 20px;
    margin: 0
}

.fo-video-col-right .fo-video-yt-small-icon {
    background: #fff;
    width: 26px;
    height: 19px;
    line-height: 16px;
    text-align: center;
    top: 4px;
    left: 4px;
    border-radius: 3px
}

.fo-video-col-right .fo-video-yt-small-icon svg,
.news-list-col article .fo-post-img .fo-video-yt-small-icon svg {
    fill: var(--red-color);
    width: 20px;
    height: 20px;
    cursor: pointer
}

.fo-editors-pick .title {
    width: 20%
}

.e-let-col h2 {
    font-size: 32px;
    line-height: 36px;
    margin: 0
}

.e-right-col {
    width: 50%;
    border-left: 1px solid #d9d9d9;
    padding-left: 25px
}

.e-right-col article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 25px
}

.publication-left {
    width: 22%;
    text-align: center
}

.publication-left img {
    border: 15px solid #fff;
    border-radius: 3px;
    box-shadow: 0 10px 30px #dfdfdf;
    width: 100%
}

.publication-left .post-date {
    font-family: var(--second-font);
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-top: 15px
}

.download-link svg {
    fill: #fff;
    margin-left: 5px
}

.download-link .btn-red {
    border-radius: 6px;
    font-size: 18px;
    display: inline-flex;
    align-items: center
}

.publication-right h3 {
    font-family: var(--second-font);
    font-weight: 700;
    color: var(--red-color);
    font-size: 22px;
    margin: 0
}

.publication-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 19px;
    margin-bottom: 0
}

.publication-right ul li {
    list-style: none;
    width: 48.5%;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.publication-right ul li h4 {
    margin: 0;
    font-size: 17px;
    line-height: 26px
}

.publication-right ul li:nth-child(10),
.publication-right ul li:nth-child(9),
.woocommerce-order-overview li:last-child {
    border: none
}

.fo-email-newsletter,
.fo-newsletter-block input[type=email] {
    background: #fff;
    border: 1px solid #c3c2c2;
    box-shadow: 0 5px 25px #d2d2d2
}

.culture-block .cate-name {
    font-size: 14px
}

.culture-block .e-let-col .fo-post-img {
    height: 330px;
    margin-bottom: 4px
}

.category-grid-col-2 .cat-col-2 article,
.culture-block .e-right-col article .fo-post-content,
.culture-block .e-right-col article .fo-post-img,
.f-mb-col-img,
.f-mb-col-text {
    width: 48.5%
}

.culture-block .e-right-col article .fo-post-img,
.podcast-post.podcast-right .fo-post-img {
    height: 200px
}

.fo-email-newsletter-2col {
    max-width: 980px
}

.fo-newsletter-block input[type=email] {
    height: 50px;
    color: #777;
    display: block;
    font-size: 15px;
    width: 100%;
    padding: 0 20px
}

.fo-newsletter-block input[type=submit] {
    text-transform: uppercase;
    padding: 6px 17px;
    font-weight: 700;
    height: 50px;
    border: none;
    width: 100%;
    color: var(--white);
    cursor: pointer
}

.fo-newsletter-block input[type=email]::-webkit-input-placeholder {
    color: var(--black);
    opacity: 1
}

.fo-newsletter-block input[type=email]:-ms-input-placeholder {
    color: var(--black);
    opacity: 1
}

.fo-newsletter-block input[type=email]::placeholder {
    color: var(--black);
    opacity: 1
}

.fo-signup-innersection .fo-cpf-checkbox {
    width: 100%;
    margin-top: 15px;
    position: relative;
    margin-bottom: 0
}

.fo-signup-innersection .fo-cpf-checkbox label {
    font-weight: 400;
    text-align: left;
    display: block;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 18px;
    user-select: none;
    color: var(--black)
}

#download_product_popup .cpf-checkbox-new input[type=checkbox],
.fo-signup-innersection .fo-cpf-checkbox input[type=checkbox],
.signup-wrapper.n-email-popup .signup-innersection .cpf-checkbox-new input[type=checkbox] {
    border: 2px solid #000;
    width: 40px
}

.signup-popup.square-email-box.dark .newsletter-block input[type=submit] {
    background: #fff !important;
    color: var(--black)
}

.emailnewsletter-new {
    background: var(--blue-color);
    max-width: 1100px;
    border-radius: 0;
    border: none;
    text-align: center;
    color: #fff;
    padding: 40px 140px
}

.emailnewsletter-new h2 {
    font-size: 44px;
    line-height: 54px;
    margin: 0
}

.emailnewsletter-new p {
    font-size: 20px;
    margin: 10px 0;
    font-family: var(--second-font)
}

.emailnewsletter-new .fo-newsletter-block input[type=email] {
    box-shadow: none;
    height: 60px;
    border-radius: 6px;
    border: none;
    text-align: center;
    font-family: var(--second-font);
    color: #888;
    font-weight: 400
}

.emailnewsletter-new input[type=submit] {
    height: 60px;
    font-size: 24px;
    min-width: 220px
}

.emailnewsletter-new .fo-signup-innersection .fo-cpf-checkbox label,
.emailnewsletter-new .fo-signup-innersection .fo-cpf-checkbox label a {
    color: #fff;
    font-family: var(--second-font)
}

.page .entry-header h1,
.page-header h1 {
    border-bottom: 1px solid #000;
    color: var(--red-color);
    font-size: 44px;
    font-family: var(--second-font);
    font-weight: 700;
    text-transform: uppercase;
    padding-top: 30px;
    padding-bottom: 25px;
    margin: 0
}

.podcast-post.podcast-right {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto
}

.podcast-post.podcast-right .fo-author-light {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 16px
}

.podcast-post.podcast-right .fo-post-content h2 {
    font-size: 30px;
    line-height: 40px
}

.btn-blue,
.cbxbookmark-more,
.pmpro_btn {
    background: var(--red-color);
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    padding: 13px 22px;
    color: var(--white);
    cursor: pointer;
    font-family: var(--second-font);
    text-transform: uppercase;
    border-radius: 6px;
    letter-spacing: 0
}

.btn-blue svg,
.cbxbookmark-more svg,
.pmpro_btn svg {
    fill: #fff
}

#loadmorelable,
.load-icon-flex,
.register-btn.btn-normal a {
    display: inline-flex;
    align-items: center
}

#loadmorelable svg,
.load-icon-flex svg {
    margin-left: 5px;
    width: 15px;
    height: 15px
}

body.single .fowednesday,
body.single .post {
    max-width: 980px;
    width: 100%;
    margin: auto
}

.single .fowednesday header.entry-header h1 {
    line-height: 62px;
    font-size: 52px;
    margin: 0 0 15px;
    font-family: var(--font-family)
}

.single .fowednesday .entry-content {
    margin: auto;
    justify-content: center;
    display: flex
}

body.single .fowednesday {
    max-width: 662px;
    margin: auto;
    width: 100%
}

.single .fowednesday .response_section {
    max-width: 630px;
    margin: auto;
    width: 100%
}

.exclusive_insight .entry-content,
.exclusive_insight .entry-meta,
.exclusive_insight header.entry-header,
.fo_monthly_messages .entry-content,
.fo_monthly_messages .entry-meta,
.fo_monthly_messages header.entry-header,
.podcast_content,
.single-newsletters article.newsletters,
.single-post article .single-bottom-social,
.single-post header.entry-header {
    max-width: 680px;
    margin: auto
}

.single-newsletters article.newsletters,
.single-post header.entry-header {
    max-width: 700px
}

.cate-name.si-post,
.category-grid-col-2 .cat-col-1 .fo-post-content .fo-author .post-date {
    font-size: 15px
}

.single-event-right .cate-name.si-post {
    font-weight: 700;
    font-family: var(--second-font)
}

.newsletters h1.entry-title,
.single-post header.entry-header h1 {
    line-height: 62px;
    font-size: 52px;
    margin: 0 0 15px
}

.getvideocontent-box h2.v_title {
    font-size: 40px !important
}

.post-summary {
    font-size: 18px;
    font-style: normal;
    color: #4a4a4a;
    padding-bottom: 15px;
    font-weight: 700;
    line-height: 28px
}

.post-thumbnail .caption {
    padding: 5px 0;
    margin: 0;
    font-size: 12px;
    line-height: 18px;
    color: #9b9b9b;
    font-family: var(--second-font)
}

.single-authors {
    color: var(--red-color);
    font-size: 18px;
    font-family: var(--second-font);
    text-transform: uppercase;
    font-weight: 700
}

.author-description p a,
.single-authors a {
    color: var(--red-color);
    text-decoration: underline
}

.single-events .entry-content,
.single-post .entry-content,
.static-page-all .entry-content,
.support_fo_wrapper p,
.voice-big-p-content,
.woocommerce-tabs.wc-tabs-wrapper {
    font-size: 22px;
    line-height: 38px
}

.single-post .entry-content h2.wp-block-heading {
    text-align: left;
    font-size: 34px;
    position: relative;
    padding-top: 0;
    margin-top: 30px;
    margin-bottom: 30px
}

.podcast_content p:first-child::first-letter,
.single article .entry-content p:first-child::first-letter,
.upcase::first-letter {
    font-size: 120px;
    line-height: 120px;
    display: block;
    float: left;
    padding: 0 10px 0 0;
    font-weight: 400;
    color: var(--red-color);
    margin-top: 10px
}

.single-events article .entry-content p:first-child::first-letter,
.single.postid-118159 article blockquote p,
.single.postid-118159 article blockquote p:first-child::first-letter,
.single.postid-118335 article blockquote p,
.single.postid-118335 article blockquote p:first-child::first-letter,
.single.postid-118601 p:first-child::first-letter,
.single.postid-119267 p:first-child::first-letter,
.single.postid-119965 article blockquote p,
.single.postid-119965 article blockquote p:first-child::first-letter {
    font-size: 16px !important;
    line-height: 27px !important;
    padding: 0 !important;
    font-style: italic
}

.single-events article .entry-content p:first-child::first-letter {
    font-size: 22px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
    float: none;
    display: inline-block
}

.single-post .entry-content iframe {
    height: 350px
}

.past-event-list .bottom-event-post article .fo-post-img,
.single-post .podcast-single-page .entry-content iframe {
    height: auto
}

.single-post .content-row {
    position: relative;
    margin-top: 50px;
    display: inline-block;
    width: 100%
}

.date-time-bookmark,
.editorview-box time {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--second-font);
    line-height: 16px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    align-items: center
}

.editorview-box time {
    margin: 0 0 10px;
    color: #000;
    padding: 0
}

.nonmember-bookmark-tag svg,
.social_medai_share a svg {
    width: 16px;
    height: 16px
}

.single-post article .entry-content-right {
    padding-left: 15px;
    padding-right: 100px;
    width: 78%;
    float: left
}

.content-row .entry-meta {
    position: sticky;
    width: 22%;
    text-align: center;
    float: left;
    top: 90px
}

.content-row .entry-meta .author-img {
    display: inline-flex;
    width: auto;
    flex-wrap: wrap;
    gap: 5px
}

.content-row .entry-meta .author-img img {
    width: 60px;
    border-radius: 36px;
    margin-right: 5px;
    height: 60px;
    object-fit: cover
}

.content-row .entry-meta .author-img img:last-child,
.content-row .entry-meta .author-img.extra-authors img:last-child,
.fo-sb-website-logo a:last-child {
    margin-right: 0
}

.content-row .entry-meta .byline-single-post {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    line-height: 20px
}

.content-row .entry-meta .byline-single-post a {
    font-weight: 400;
    text-decoration: none
}

.shop_table tr td:first-child,
.shop_table tr th:first-child,
body.single .content-row .entry-meta .date-author-single-post {
    border-left: none
}

.content-row .author-twitter-src svg {
    width: 18px;
    height: 18px;
    color: #03a9f4;
    fill: #03a9f4;
    margin-right: 5px
}

.content-row .author-social a,
.social_medai_share a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center
}

.content-row .author-twitter-src a {
    color: #536471;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    font-family: var(--second-font)
}

.content-row .author-social a {
    color: #03a9f4;
    border: 2px solid #03a9f4;
    margin-right: 8px;
    display: inline-block;
    border-radius: 36px
}

.support_fo_section a {
    background: var(--blue-color);
    color: #fff;
    text-decoration: none !important;
    font-size: 17px;
    padding: 10px 35px;
    display: block;
    margin-top: 20px;
    border-radius: 4px;
    text-align: center
}

.content-row .author-social a:hover {
    background: #03a9f4
}

.content-row .author-social a:hover svg {
    color: #fff;
    fill: #fff
}

.content-row .author-social svg {
    width: 16px;
    height: 16px;
    color: #03a9f4;
    fill: #03a9f4
}

.content-row .entry-meta .author-img.extra-authors img {
    width: 40px;
    height: 40px;
    margin-right: 5px
}

.social_medai_share h5 {
    font-family: var(--second-font);
    color: var(--red-color);
    font-size: 15px;
    margin: 10px 0 12px
}

.social_medai_share a {
    background: #fff;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    border: 1px solid #e1e0e0
}

.social_medai_share a:hover svg {
    fill: #fff;
    color: #fff
}

.social_medai_share #crestashareiconincontent .sbutton {
    margin-bottom: 6px;
    text-align: center
}

.response_section {
    background: #fafbff;
    border-top: solid 8px var(--blue-color);
    margin-top: 50px;
    clear: both;
    border-radius: 10px;
    box-shadow: 0 30px 60px #dddfe0
}

.response_content {
    display: block;
    font-size: 18px;
    line-height: 28px;
    padding: 0 20px 20px
}

.response_content p span {
    font-weight: 700;
    color: var(--red-color)
}

.single-support h3 {
    margin: 0;
    font-size: 28px
}

.single-support p {
    font-size: 17px;
    margin: 8px 0 0
}

.single-support .donation-anywhere-form {
    max-width: 80%;
    margin: 0
}

.single-support .donation_section {
    max-width: 100%;
    margin: 0;
    box-shadow: none;
    border: none;
    background: 0 0;
    padding: 0
}

.single-support .donation_amount_section label,
.single-support .donation_cycle label {
    margin-bottom: 0;
    display: inline-block;
    margin-right: 0;
    font-size: 20px;
    font-family: var(--second-font);
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 10px;
    position: relative;
    color: #0d269d;
    cursor: pointer
}

.single-support .donation-form input[name=amount]+::before,
.single-support .donation-form input[name=donation_cycle]+::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    margin-right: 0;
    margin-top: 0;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    border-color: var(--blue-color);
    position: absolute;
    left: -2px;
    top: -2px
}

.single-support .donation-form input[name=amount]:checked+::before,
.single-support .donation-form input[name=donation_cycle]:checked+::before {
    background: var(--blue-color);
    border-color: var(--blue-color)
}

.grid-box-twocolumn {
    display: grid;
    grid-template-columns: 66% 32%;
    gap: 10px;
    align-items: center
}

@media (max-width:480px) {
    .single-support .other_donation_amount_section input {
        font-size: 15px
    }
}

@media (max-width:360px) {
    .grid-box-twocolumn {
        grid-template-columns: 1fr
    }

    .single-support .other_donation_amount_section input {
        font-size: 15px
    }
}

.single-support .donation_cycle label {
    width: 32.5%;
    margin-bottom: 15px;
    text-align: center
}

.single-support .donation_amount_section label {
    width: 48%;
    text-align: center
}

.single-support input#open-donation-popup-btn {
    width: 100%;
    border-radius: 6px;
    font-family: var(--second-font);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin-top: 15px
}

.single-support .other_donation_amount_section {
    display: block !important;
    margin-bottom: 0
}

.single-support .other_donation_amount_section input {
    border-radius: 0;
    padding-left: 20px;
    border: 2px solid var(--blue-color);
    background: 0 0;
    color: #0d269d;
    font-weight: 700;
    font-family: var(--second-font);
    font-size: 18px;
    height: 47px
}

.single-support .other_donation_amount_section input::placeholder {
    color: #0d269d
}

.single-support .donate_page span.input-icon,
.single-support .donation-anywhere-form span.input-icon {
    position: absolute;
    top: 15px;
    font-size: 18px;
    color: var(--blue-color);
    font-family: var(--second-font);
    font-weight: 700
}

.single-support .donate_page span.input-icon {
    top: 10px !important
}

.single-support div#donate-button-container {
    padding-bottom: 0;
    display: flex;
    align-items: center
}

.single-support .donation-anywhere-form>span {
    font-family: var(--second-font);
    padding-top: 10px;
    margin-bottom: 5px;
    line-height: 18px
}

.single-support div#donate-button-container h6 {
    margin-right: 15px;
    font-family: var(--second-font);
    font-size: 14px
}

.headline h2 {
    margin-top: 0;
    font-size: 40px;
    font-weight: 700
}

.related_post_data article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.related_post_data article .fo-post-content {
    width: 70%;
    padding-right: 30px
}

.related_post_data article .fo-post-content h2 {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 30px
}

.related_post_data article .fo-post-content p {
    color: #4a4a4a;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 5px
}

.si-emailnewsletetr-support {
    margin-top: 50px;
    border-top: 5px solid var(--red-color);
    padding-top: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both
}

.si-emailnewsletetr-support .emailnewsletter {
    width: 54%;
    border-right: 1px solid #d9d9d9;
    padding-right: 25px
}

.support-fo-right {
    width: 46%;
    padding-left: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.sfr-right {
    width: 61%;
    padding-left: 15px
}

.sfr-right h3 {
    margin: 0 0 18px;
    font-size: 26px;
    line-height: 36px;
    font-weight: 400
}

.support-fo-right .btn-red {
    font-size: 22px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    padding: 12px 20px
}

.support-fo-right .btn-red svg {
    fill: #fff;
    margin-left: 5px;
    width: 18px
}

.emailnewsletter h2 {
    margin: 0;
    font-size: 44px
}

.emailnewsletter p {
    margin: 10px 0 0;
    font-size: 19px
}

.emailnewsletter .fo-newsletter-block input[type=email] {
    height: 60px;
    border-radius: 6px;
    box-shadow: none;
    font-family: var(--font-family);
    width: 66%
}

.emailnewsletter .fo-newsletter-block input[type=submit] {
    width: 32%;
    font-size: 22px;
    letter-spacing: 0;
    height: 60px
}

.entry-content .signup-popup.square-email-box,
.short_code_singup_box {
    margin: 50px 0
}

.short_code_singup_box #ms-sub-form,
.signup-popup.square-email-box .modal-content-email-box {
    border: 1px solid #c3c2c2;
    box-shadow: 0 5px 25px #d2d2d2
}

.signup-popup.n-email-popup .modal-content {
    border: none;
    height: auto;
    width: 100%;
    display: block;
    padding: 90px;
    position: relative;
    max-width: 750px;
    margin: 0 auto;
    background: #fff
}

.display-flex,
.download_product_popup_content,
.popup_container,
.popup_loginmodel .dm-fo-login-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center
}

.n-email-popup .mobile-view-content .heading {
    font-size: 46px;
    font-weight: 700;
    margin: 0;
    line-height: 54px
}

.short_code_singup_box .mobile-view-content h2,
.signup-popup.square-email-box .mobile-view-content h2 {
    font-size: 21px;
    line-height: 26px;
    font-weight: 400;
    margin: 5px 0 0
}

.signup-popup.email-box-2col .mobile-view-content h2 {
    padding: 0;
    margin-bottom: 15px
}

.signup-popup form {
    position: relative;
    width: 100%;
    padding: 0 35px;
    margin-top: 20px
}

#main .tnp-field-button,
#main .tnp-field-email {
    top: 6px;
    right: 113px
}

.newsletter-block #email,
.signup-popup.n-email-popup .modal-content .newsletter-block #email {
    height: 50px;
    color: #000;
    background: #fff;
    border: 1px solid #d9d9d9;
    display: block;
    font-size: 16px;
    width: 100%;
    padding: 0 20px;
    box-shadow: none;
    text-align: center;
    font-family: var(--second-font);
    font-weight: 400;
    border-radius: 6px;
    margin-bottom: 15px
}

.cpf-checkbox input {
    width: 44px;
    height: 38px
}

.short_code_singup_box .cpf-checkbox,
.signup-popup.n-email-popup .signup-innersection .cpf-checkbox {
    width: 100%;
    margin-top: 15px;
    position: relative;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.short_code_singup_box .custom-post-from input[type=submit],
.signup-popup.n-email-popup .newsletter-block input[type=submit] {
    text-transform: uppercase;
    padding: 6px 17px;
    height: 50px;
    margin: 0;
    border: none;
    width: 100%;
    cursor: pointer
}

.cpf-checkbox label {
    font-weight: 400;
    text-align: left;
    display: block;
    padding-left: 10px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    user-select: none;
    color: var(--black);
    font-family: var(--second-font)
}

.cpf-checkbox label a,
.cpf-checkbox-new label a {
    color: var(--black);
    text-decoration: underline
}

.signup-popup.email-box-2col .modal-content-email-box {
    width: 100%;
    margin-left: 0;
    max-width: 900px;
    padding: 20px
}

.signup-popup.email-box-2col .modal-content .newsletter-block #email {
    height: 60px;
    width: 100%
}

.signup-popup.square-email-box.dark .modal-content-email-box {
    background: #0e0e0e;
    border: 1px solid #0e0e0e;
    box-shadow: 0 5px 25px #d2d2d2;
    padding: 40px
}

.signup-popup.email-box-2col .modal-content-email-box .display-flex {
    justify-content: space-between;
    text-align: left
}

.signup-popup.email-box-2col .left-col {
    width: 20%;
    display: none
}

.signup-popup.email-box-2col .right-col {
    width: 100%;
    text-align: center
}

.signup-popup.email-box-2col .mobile-view-content h1 {
    line-height: 50px;
    margin-bottom: 0
}

.signup-popup.square-email-box.dark .modal-content .newsletter-block #email {
    box-shadow: none;
    border-color: #313030;
    background: #0e0e0e;
    color: #777
}

.signup-popup.square-email-box.dark .cpf-checkbox label,
.signup-popup.square-email-box.dark .cpf-checkbox label a,
.signup-popup.square-email-box.dark .mobile-view-content h2 {
    color: #aeaeae
}

.short_code_singup_box #ms-sub-form,
.signup-popup.square-email-box .modal-content-email-box {
    background: #fff;
    border: none;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 30px 60px #dddfe0
}

.category-grid-col-2 {
    grid-template-columns: 50% 50%
}

.category-grid-col-2 .cat-col-1 .fo-post-img {
    height: 380px
}

.category-grid-col-2 .cat-col-1 .fo-post-content {
    margin: -50px 5% 0;
    background: #fff;
    position: relative;
    padding: 15px
}

.category-grid-col-2 .cat-col-1 .fo-post-content .fo-author a,
.category-grid-col-2 .cat-col-2 article .fo-author a {
    text-transform: uppercase;
    font-size: 16px
}

.category-grid-col-2 .cat-col-1 .fo-post-content h2 {
    font-size: 46px;
    margin: 0 0 10px;
    line-height: 52px
}

.category-grid-col-2 .cat-col-1 .fo-post-content p,
.post-360-top .fo-post-content p {
    font-size: 18px
}

.category-grid-col-2 .cat-col-2 article .fo-post-img,
.news-list-col article .fo-post-img {
    overflow: hidden
}

.category-grid-col-2 .cat-col-2 article h2,
.news-list-col article h2 {
    font-size: 22px;
    margin: 5px 0 0;
    line-height: 30px
}

.sidebar-col .donation-anywhere-form {
    padding-top: 0;
    background: #fafbff;
    border-top: solid 8px var(--blue-color);
    border-radius: 10px;
    box-shadow: 0 30px 60px #dddfe0;
    border-bottom: solid 8px var(--blue-color)
}

#contactmodal,
#modal,
.popup_loginmodel,
.signup-wrapper.modal {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    align-content: center;
    left: 0
}

.sidebar-col .sidebar-donation {
    position: sticky;
    top: 90px
}

.sidebar-col .donation-anywhere-form .donation_section {
    border: none;
    background: 0 0;
    box-shadow: none
}

.sidebar-col .donation-anywhere-form .donations-content-section {
    max-width: 100%;
    border: none;
    margin-right: 0;
    padding-right: 0
}

.sidebar-col .donation-anywhere-form .donations-content-section h3 {
    margin-top: 0;
    font-size: 24px;
    line-height: 31px
}

.sidebar-col .donation-anywhere-form>span {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px
}

.sidebar-col .donation-anywhere-form div#donate-button-container {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px
}

.sidebar-col .donation-anywhere-form div#donate-button-container h6 {
    margin-top: 10px;
    margin-bottom: 0
}

#contactmodal .nf-form-layout .submit-container .ninja-forms-field,
.button_subscribe a,
.popup_loginmodel .submit input[type=submit],
.signup-wrapper.n-email-popup .newsletter-block input[type=submit],
input.book_download_button {
    background: var(--red-color);
    font-size: 20px;
    padding: 10px 21px;
    font-weight: 700;
    color: var(--white);
    cursor: pointer;
    text-transform: uppercase;
    font-family: var(--second-font);
    border-radius: 6px;
    display: inline-block
}

#contactmodal,
#modal,
.popup_loginmodel {
    position: fixed;
    z-index: 9;
    top: 0;
    height: 100%;
    max-width: 100%;
    align-items: center;
    display: flex
}

#contactmodal .close-popup-btn-contact,
.popup_container .close,
.signup-wrapper.n-email-popup .close {
    position: absolute;
    bottom: auto;
    top: 20px;
    right: 20px;
    z-index: 9999;
    cursor: pointer
}



.contact-popup-content h3,
.popup_container h3,
.subscribe-popup-content h3 {
    margin: 0 0 20px;
    font-size: 28px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    line-height: 35px
}

.bookmarking_text .headingTitle {
    font-size: 32px;
    line-height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 700
}

.popup-block-wrp .headingTitle {
    font-size: 44px;
    line-height: 48px;
    margin: 15px 0 0;
    font-weight: 700
}

.popup-block-wrp h2,
.popup_container h2 {
    font-size: 16px;
    padding: 0;
    line-height: 26px;
    font-family: var(--second-font);
    margin-top: 0;
    margin-bottom: 0
}

.email_block_book_download,
.popup_loginmodel .wpuf-login-form #wpuf-user_login,
.signup-wrapper.n-email-popup .modal-content .newsletter-block #email {
    height: 60px;
    color: #777;
    background: #fff;
    border: 1px solid #c3c2c2;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block;
    font-size: 16px;
    width: 100%;
    padding: 0 20px;
    box-shadow: 0 5px 25px #d2d2d2
}

.wpuf-el.description .wpuf-fields textarea,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url] {
    padding: 10px !important
}

.signup-wrapper.modal {
    display: none;
    position: fixed;
    z-index: 9;
    top: 0;
    height: 100%;
    max-width: 100%;
    align-items: center;
    padding: 0
}

.nf-form-content nf-field:first-child {
    width: 45%;
    float: left
}

.nf-form-content nf-field:nth-child(2) {
    width: 50%;
    float: right
}

.dm-fo-contact-form p {
    line-height: 22px
}

#contactmodal .dm-fo-contact-box,
.signup-wrapper.n-email-popup .modal-content {
    height: auto;
    width: 100%;
    display: block;
    padding: 40px;
    position: relative;
    max-width: 657px;
    margin: 0 auto;
    background: #fff;
    top: 0;
    border-top: 4px solid var(--red-color);
    border-bottom: 4px solid var(--red-color);
    border-radius: 10px
}

.cpf-checkbox-new,
.signup-wrapper.n-email-popup .signup-innersection .cpf-checkbox-new {
    width: 100%;
    margin-top: 15px;
    position: relative;
    margin-bottom: 20px
}

.mobile-view-content-popup h2 {
    font-size: 17px;
    padding: 0 0 20px
}

.cpf-checkbox-new label {
    font-weight: 400;
    text-align: left;
    display: block;
    padding-left: 10px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    order: 1;
    color: var(--black)
}

#spopup {
    background: #f3f3f3;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-box-shadow: inset 0 0 3px #333;
    -webkit-box-shadow: inset 0 0 3px #333;
    box-shadow: inner 0 0 3px #333;
    padding: 12px 14px;
    position: fixed;
    bottom: 13px;
    right: 2px;
    display: none;
    z-index: 90;
    width: 34%;
    height: 50%
}

.single-date-time .sdt,
.single-events .event-tab-pages ul li a {
    box-shadow: 0 20px 30px #eaeaea
}

.video-main-cat .left_video .left-videopart {
    padding: 0;
    box-shadow: none
}

.author-img,
.video-main-cat .left_video .voice-big-p-img {
    width: 100%;
    margin-bottom: 10px
}

#loginform input[type=password],
#loginform input[type=text],
.video-main-cat .left_video .social_medai_share,
form.pmpro_form input[type=email],
form.pmpro_form input[type=number],
form.pmpro_form input[type=password],
form.pmpro_form input[type=text],
form.pmpro_form select,
form.pmpro_form textarea {
    max-width: 100% !important
}

#read_more {
    color: var(--blue-color);
    cursor: pointer;
    font-weight: 600
}

.video-main-cat .video-top-scroll .videopartbox.item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: flex-start;
    cursor: pointer
}

.video-main-cat .video-top-scroll .videopartbox.item img {
    border-radius: 4px;
    width: 46%
}

.video-main-cat .video-top-scroll .videopartbox.item .videotext .vtitle {
    font-size: 16px;
    line-height: 20px;
    margin-top: 0
}

.video-main-cat .content-row .entry-meta {
    position: relative;
    width: auto;
    display: inline-block;
    margin-bottom: 0 !important;
    float: inherit;
    text-align: left;
    top: 0
}

.video-main-cat .date-author-single-post.list-date-author-single-post {
    padding-left: 15px;
    padding-top: 15px
}

.video-main-cat .video-top-scroll .videopartbox.item .fo-author-light {
    font-size: 11px;
    display: inline-block
}

.video-main-cat .social_medai_share #crestashareiconincontent {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    line-height: normal;
    gap: 4px
}

.video-main-cat .content-row {
    position: relative;
    margin-top: 0
}

.video-main-cat .content-row .posted-on-single-post {
    font-size: 15px;
    font-weight: 300;
    border-bottom: 1px solid #656565;
    margin-bottom: 15px;
    padding-bottom: 4px;
    font-family: var(--second-font);
    color: #9b9b9b
}

.video-main-cat .content-row .entry-meta .author-img {
    display: flex;
    border-left: 5px solid;
    padding-left: 15px;
    width: auto;
    flex-wrap: wrap
}

.bookmark-wrap .bookmark-tag a,
.confirmation_message p a,
.donation-text-mobile .we-rely-text p.dark,
.donation_left_panel .we-rely-text p.dark,
.intrective-cat-list li .interctive-content h2 a,
.video-main-cat .social_medai_share a,
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #000
}

.video-main-cat .voice-big-p-content h2 {
    margin: 0;
    font-size: 30px;
    line-height: 50px
}

.video-main-cat .voice-big-p-img iframe {
    height: 450px;
    border: none
}

.video-main-cat .content-row .entry-meta .byline-single-post {
    font-size: 20px
}

.intrective-cat-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-top: 0
}

.intrective-cat-list li {
    max-width: 32.5%;
    width: 100%;
    list-style: none;
    position: relative
}

.intrective-cat-list li.full .interctive-content {
    position: absolute;
    bottom: 0;
    padding: 15px;
    z-index: 1;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    top: 0;
    justify-content: flex-end;
    text-align: left
}

.intrective-cat-list li .interctive-content h2 {
    font-size: 26px;
    margin: 0 0 10px;
    line-height: 32px
}

.intrective-cat-list li .interctive-content .post_excerpt {
    font-style: italic;
    font-size: 1rem;
    margin-top: 4px
}

.interctive-top-acnhor {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

body.single .intrective-iframe .entry-content center>div {
    max-width: 100% !important;
    min-width: 100% !important
}

body.single .intrective-iframe .entry-content center>div iframe {
    border: none !important
}

.intrective-cat-list.full li.full {
    max-width: 100%;
    height: calc(100vh - 96px)
}

.intrective-cat-list li .interctive-content .ic-inner {
    max-width: 600px
}

.intrective-cat-list li .interctive-content .ic-inner h2 {
    text-transform: inherit;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 15px
}

.intrective-cat-list li .interctive-content .ic-inner .post_excerpt {
    font-size: 22px;
    margin-bottom: 0
}

.intrective-cat-list.bottom li .fo-post-img {
    height: 300px;
    overflow: hidden;
    margin-bottom: 10px
}

.intrective-cat-list.bottom li .interctive-content .post_excerpt {
    font-style: normal
}

.intrective-iframe,
.page-template-all_web_stories .site-main {
    padding-top: 0
}

.single-post .intrective-iframe .entry-content iframe {
    height: revert-layer
}

.products.columns-4 li img,
.shop_table tr td img {
    height: auto !important
}

.intrective-cat-list.full li.full::before {
    background: #000;
    opacity: .5;
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.post-360-top .fo-post-img {
    width: 75%;
    padding-left: 20px
}

.post-360-top .fo-post-content h2 {
    font-size: 46px;
    line-height: 52px;
    margin: 0
}

.post-360-top .fo-col-1 article {
    width: 48.5%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d9d9d9
}

.post-360-top .fo-col-1 .fo-post-content h2 {
    font-size: 22px;
    line-height: 28px
}

.single-post .entry-content .alignfull {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%
}

#download_product_popup_open_subscriber {
    padding: 14px 70px;
    background: var(--red-color);
    text-transform: uppercase
}

#cookie-law-info-again,
#myModalPopUp,
#tab-description h2,
.download_product_popup_open_subscriber,
.postid-108979 .bottom-social-menu,
.postid-109146 .bottom-social-menu,
.postid-112681 .bottom-social-menu,
.postid-113830 .bottom-social-menu,
.postid-128723 .bottom-social-menu,
.postid-131376 .bottom-social-menu,
.postid-143263 .bottom-social-menu,
.postid-145413 .bottom-social-menu,
.postid-149716 .bottom-social-menu,
.postid-150946 .bottom-social-menu,
.postid-151306 .bottom-social-menu,
.postid-151398 .bottom-social-menu,
.postid-151875 .bottom-social-menu,
.postid-152991 .bottom-social-menu,
.postid-78911 .bottom-social-menu,
.postid-78914 .bottom-social-menu,
.postid-80960 .bottom-social-menu,
.postid-82013 .bottom-social-menu,
.postid-87061 .bottom-social-menu,
.postid-92034 .bottom-social-menu,
.postid-92324 .bottom-social-menu,
.postid-96098 .bottom-social-menu,
.postid-97260 .bottom-social-menu,
.postid-97492 .bottom-social-menu,
.price,
.single-product #tab-description .related.products,
.single-product #tab-description .summary.entry-summary,
.single-product #tab-description .woocommerce-product-gallery,
.woocommerce-ordering,
.woocommerce-product-gallery,
.woocommerce-tabs.wc-tabs-wrapper .tabs.wc-tabs,
footer #myDropdown {
    display: none !important
}

.pmpro_checkout h2 span.pmpro_checkout-h2-name,
.woocommerce ul.products li.product a img {
    margin-bottom: 0 !important
}

.products.columns-4 li {
    list-style: none;
    margin-bottom: 25px;
    width: 23%;
    box-shadow: 0 10px 30px #ddd;
    padding: 15px
}

.products.columns-4 li h2 {
    margin: 0;
    font-size: 20px;
    line-height: 26px
}

.price {
    font-weight: 700;
    margin-top: 5px;
    display: inline-block
}

.woocommerce-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.woocommerce-pagination ul.page-numbers li .page-numbers {
    display: inline-block;
    background: #fff;
    box-shadow: 0 10px 20px #d7d7d7;
    padding: 7px 20px
}

#add_amount:hover,
#minus_amount:hover,
.gift-membership-part-two a:nth-child(2):hover,
.woocommerce-pagination ul.page-numbers li .page-numbers.current,
.woocommerce-pagination ul.page-numbers li .page-numbers:hover {
    background: var(--blue-color);
    color: var(--white)
}

.single-product.woocommerce #main>.container {
    padding-top: 50px;
    width: 50%;
    margin: auto
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    float: left;
    width: 48%
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: right;
    width: 48%;
    clear: none
}

.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
    clear: both
}

#tab-description,
.postid-108979 .share-wrapper,
.postid-113830 .share-wrapper,
.postid-128723 .share-wrapper,
.postid-131376 .share-wrapper,
.postid-143263 .share-wrapper,
.postid-150946 .share-wrapper,
.postid-151306 .share-wrapper,
.postid-151398 .share-wrapper,
.postid-151875 .share-wrapper,
.postid-152991 .share-wrapper,
.postid-78911 .share-wrapper,
.postid-78914 .share-wrapper,
.postid-80960 .share-wrapper,
.postid-82013 .share-wrapper,
.postid-92034 .share-wrapper,
.postid-92324 .share-wrapper,
.postid-97260 .share-wrapper,
.tt-boxed .share-wrapper {
    display: block !important
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 0 0 1em;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #d3ced2;
    z-index: 1
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 1px solid #d3ced2;
    border-bottom-color: #d3ced2;
    display: inline-block;
    position: relative;
    border-radius: 4px 4px 0 0;
    margin: 0 -5px;
    padding: 0 1em;
    background: #fff;
    z-index: 2;
    border-bottom-color: var(--white)
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    left: -5px;
    border-bottom-right-radius: 4px;
    box-shadow: 2px 2px 0 #ebe9eb
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 #fff
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 1px solid #d3ced2;
    border-width: 1px;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
    box-sizing: border-box
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    right: -5px;
    border-bottom-left-radius: 4px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 #ebe9eb
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 #fff
}

.product .summary.entry-summary h1 {
    line-height: 40px;
    margin: 0
}

.product .summary.entry-summary .price {
    color: var(--blue-color);
    font-size: 22px;
    margin: 10px 0 11px
}

.product .summary.entry-summary .cart {
    display: none;
    margin: 10px 0
}

.product .summary.entry-summary .cart input {
    border: 1px solid #bbb;
    padding: 13px 10px;
    font-size: 15px;
    margin-right: 5px;
    border-radius: 3px
}

.woocommerce-notices-wrapper .woocommerce-message {
    background: var(--blue-color);
    color: var(--white);
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px
}

.woocommerce-notices-wrapper .button {
    background: #000;
    color: var(--white);
    font-weight: 700;
    font-size: 14px;
    padding: 8px 15px
}

.shop_table {
    box-shadow: 0 2px 8px #ddd
}

.shop_table tr td,
.shop_table tr th {
    padding: 15px;
    border-bottom: 1px solid #e6e1e1;
    border-left: 1px solid #e6e1e1;
    text-align: left
}

.shop_table tr td img {
    width: 60px !important
}

.shop_table tr td.product-name a {
    color: var(--black);
    font-weight: 700;
    font-size: 16px
}

.shop_table tr td input {
    border: 1px solid #bbb;
    padding: 13px 10px;
    font-size: 15px;
    margin-right: 0;
    border-radius: 3px
}

.shop_table tr td .remove {
    background: var(--blue-color);
    color: var(--white);
    padding: 6px 9px 7px 10px;
    border-radius: 30px;
    display: inline-block;
    line-height: 14px
}

.checkout-button.button,
.place-order button,
.shop_table tr td .button {
    background: var(--blue-color);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    border: none;
    padding: 15px 20px;
    border-radius: 0;
    text-transform: capitalize
}

.redbg,
.team_1 .avt_image img {
    border-radius: 4px
}

.cart-collaterals {
    display: flex;
    justify-content: flex-end
}

.woocommerce-notices-wrapper .woocommerce-message a {
    color: var(--black)
}

.shop_table thead tr th {
    background: #f7f7f7
}

.woocommerce-checkout label {
    font-weight: 600;
    margin-bottom: 5px;
    display: block
}

.woocommerce-notices-wrapper,
.woocommerce-shop .entry-content {
    max-width: 1270px;
    margin: auto
}

.woocommerce-error li {
    background: #fbe6e6;
    border-radius: 3px;
    padding: 8px 10px;
    margin-bottom: 3px
}

.download-product a {
    color: var(--black);
    font-weight: 700
}

.woocommerce-customer-details address {
    box-shadow: 0 2px 8px #ddd;
    padding: 15px;
    background: #fff
}

.woocommerce-order .woocommerce-thankyou-order-received {
    text-align: center;
    color: green;
    font-weight: 700;
    font-size: 24px
}

.woocommerce-order-overview {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-shadow: 0 2px 8px #ddd;
    padding: 20px
}

.woocommerce-order-overview li {
    border-right: 1px solid #e6e1e1;
    width: 25%;
    padding-left: 20px
}

.page .entry-content .social_contact ul,
.woocommerce-order-overview li:first-child {
    padding-left: 0
}

.main-front-pages h2 span {
    font-weight: 700 !important
}

.woocommerce-product-gallery {
    opacity: 1 !important;
    margin-bottom: 25px;
    display: block !important
}

.sr-dashboard-content #users {
    display: flex;
    flex-direction: column
}

.page-template-advisors-users .sr-dashboard-content #users,
.page-template-borad-users-php .sr-dashboard-content #users {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.sr-dashboard-content #users .team_1 {
    box-shadow: 0 2px 8px #ddd;
    width: 29%;
    border-radius: 4px
}

.sr-dashboard-content #users .team_1 .avt_image h3 {
    margin-top: 0;
    height: 100%
}

.sr-dashboard-content #users .team_1 .board-content {
    padding: 5px 15px 15px;
    text-align: center
}

.sr-dashboard-content #users .team_1 .avt_image {
    height: 250px;
    overflow: hidden
}

.bottom-event-post article .fo-post-img img,
.sr-dashboard-content #users .team_1 .avt_image img,
.thank-you-donate img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.team_blocks h2 {
    border-bottom: 2px solid #ddd;
    padding-bottom: 15px;
    margin: 20px auto;
    color: #344752;
    text-align: center
}

.team_bios {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: row
}

.post_mem {
    color: #878a8c;
    font-size: 14px
}

.single-author-left {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 60px 0 45px;
    margin-bottom: 45px;
    border-bottom: 5px solid var(--red-color);
    text-align: center
}

.author-social-icon .contact_title {
    font-size: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #aaa;
    margin-bottom: 14px;
    color: #777;
    padding-top: 10px
}

.author-img img {
    border-radius: 100%;
    max-width: 160px
}

.author-info {
    width: 100%;
    padding: 0
}

.author-info h4 {
    margin: 0 0 10px;
    line-height: 66px;
    font-size: 60px;
    color: var(--red-color)
}

.desigination.post_mem {
    font-family: var(--second-font);
    font-size: 16px
}

.author-social-icon svg {
    width: 16px;
    height: 15px
}

.author-social-icon a {
    margin-right: 5px;
    background: 0 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    border-radius: 36px
}

.author-social-icon {
    margin: 15px 0 10px;
    width: 100%
}

.author-description p i {
    font-style: italic
}

.listen-on ul li a svg {
    width: 17px;
    height: 17px;
    margin-right: 5px
}

#pmpro_cancel p,
.main-access_div .access_content {
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 18px;
    font-family: var(--second-font)
}

.redbg {
    background: var(--red-color);
    padding: 5px 10px;
    display: inline-block;
    color: #fff;
    font-family: var(--second-font)
}

.page-template-search-template #filter_form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #d9d9d9;
    padding-top: 5px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px
}

.page-template-search-template .daterange,
.page-template-search-template .select2-container {
    max-width: 28%;
    margin: 0 .5% 0 0
}

body .select2-container .select2-selection--multiple {
    min-height: 46px;
    border: 1px solid #d9d9d9
}

#filter_form .selection .select2-selection__rendered {
    padding-top: 12px;
    padding-left: 15px;
    font-size: 15px
}

.select2-search.select2-search--inline input.select2-search__field {
    color: #666;
    margin: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    color: #666
}

#filter_submit_btn {
    text-transform: uppercase;
    font-size: 18px
}

body .select2-container--default .select2-selection--multiple {
    border: 1px solid #d9d9d9
}

.more_results .author_name a,
.more_results .topic_name a {
    font-size: 14px;
    font-family: var(--second-font)
}

.more_results {
    width: 29%;
    float: right;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0 10px
}

.more_results .author,
.more_results .topic {
    width: 101px
}

.more_results .author_image,
.more_results .topic_image,
.success-img img {
    width: 100px
}

.search_result_author,
.search_result_topic,
.two_support_section {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.related-authors {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.search-author-img {
    background: #fff;
    padding: 10px;
    box-shadow: 0 5px 10px #ddd;
    margin: 0 10px 10px 0;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center
}

p.count_user_posts {
    margin: 0;
    font-size: 13px
}

.main-events-block article .fo-post-img {
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

.main-events-block article .fo-post-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.catname {
    background: var(--blue-color);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    padding: 3px 10px
}

.bottom-event-post .fo-post-img .catname,
.main-events-block article .fo-post-img .catname,
.single-fo-events .post-thumbnail .catname {
    position: absolute;
    left: 10px;
    top: 10px;
    background: var(--red-color);
    color: #fff;
    font-family: var(--second-font)
}

.bottom-event-post .fo-post-content .catname,
.content-left .catname {
    color: var(--blue-color);
    letter-spacing: 2px;
    font-size: 14px;
    background: 0 0;
    padding: 0;
    font-family: var(--second-font);
    text-transform: uppercase
}

.single-fo-events .post-thumbnail .catname {
    top: 30px
}

.main-events-block article .fo-post-content .content-left h2 {
    font-size: 34px;
    line-height: 40px;
    margin: 0 0 15px;
    font-weight: 400;
    font-style: italic
}

.ev-date strong {
    font-size: 20px;
    font-family: var(--second-font)
}

.content-left .catname {
    margin-bottom: 8px
}

.main-events-block article .fo-post-content .content-left .size-36 {
    line-height: 42px;
    margin-bottom: 10px
}

.confirmation_message p,
.main-events-block article .fo-post-content .content-left .size-30 {
    line-height: 38px
}

.main-events-block article .fo-post-content .content-right {
    width: 27%;
    background: #ecf8ff;
    border-radius: 4px;
    padding: 20px;
    margin-right: 0
}

.main-events-block article .fo-post-content .content-right h4 {
    margin-top: 0;
    font-size: 22px;
    margin-bottom: 5px
}

.main-events-block article .fo-post-content .content-right .event-date {
    font-weight: 600;
    display: block;
    font-size: 18px;
    margin-bottom: 3px
}

.main-events-block article .fo-post-content .content-right .event-time {
    display: block;
    font-size: 16px
}

.bottom-event-post article {
    width: 48.5%;
    background: #fff;
    margin-bottom: 30px
}

.bottom-event-post .fo-post-content {
    margin-top: 10px;
    padding: 0;
    text-align: left
}

.bottom-event-post .fo-post-content .catname {
    margin-bottom: 10px
}

.bottom-event-post .fo-post-content .catname.In-Person {
    color: #ff7800
}

.bottom-event-post .content-right span.event-date {
    display: block;
    font-weight: 400;
    font-size: 14px
}

.bottom-event-post .content-left h2 {
    margin-bottom: 12px;
    font-size: 32px;
    line-height: 44px
}

.register-btn a svg {
    width: 18px;
    height: 18px;
    fill: #fff
}

.email-newsletter-events {
    background: #ceedff;
    padding: 50px 0
}

.email-events-new {
    max-width: 1100px;
    margin: auto;
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.event-form-right .signup-popup.n-email-popup .modal-content {
    background: 0 0;
    box-shadow: none;
    border: none;
    text-align: left;
    padding: 0 75px 0 0;
    width: 100%;
    max-width: 100%;
    margin: 0
}

.event-form-right .signup-popup.n-email-popup .modal-content .mobile-view-content h1 {
    font-size: 44px;
    font-weight: 700;
    margin: 0 0 5px;
    line-height: 45px
}

.event-form-right .signup-popup.n-email-popup .modal-content .mobile-view-content h2 {
    padding: 0;
    font-size: 19px;
    margin-bottom: 15px;
    margin-top: 10px
}

.event-form-right .signup-popup.n-email-popup .modal-content .newsletter-block #email {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    box-shadow: none;
    text-align: center;
    border-color: #d6d6d6;
    font-size: 16px;
    width: 100%;
    height: 60px;
    margin-bottom: 20px
}

.event-tab-pages ul li a.active,
.event-tab-pages ul li a:hover {
    border-bottom: 1px solid var(--red-color)
}

.event-form-right .signup-popup.email-box-2col .newsletter-block input[type=submit] {
    width: 100%;
    border-radius: 6px !important;
    height: 60px;
    font-size: 20px !important;
    font-weight: 700 !important
}

.event-form-right input[type=checkbox] {
    width: 30px;
    height: 30px
}

.event-form-right .signup-popup.n-email-popup .signup-innersection .cpf-checkbox {
    flex-wrap: wrap;
    align-items: normal;
    margin-bottom: 0;
    margin-top: 20px
}

.event-form-right .cpf-checkbox label {
    width: 93%;
    margin-top: -4px
}

.email-icon-images img {
    margin-bottom: -6px
}

.single.single-events article .entry-content p:first-child::first-letter {
    color: #000;
    float: none
}

.single-date-time h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0 0 2px;
    font-family: var(--second-font)
}

#bottom_service p,
.collapsible p,
.past-event-list .ev-date p,
.past-event-list .ev-date strong,
.single-date-time .event-time,
tbody td {
    font-size: 16px
}

.single-date-time .event-date {
    font-weight: 600;
    display: block;
    font-size: 16px;
    margin-bottom: 5px
}

.se-social #crestashareiconincontent,
.single-date-time .sdt #crestashareiconincontent {
    display: flex;
    gap: 4px
}

.single-date-time .sdt {
    margin-bottom: 25px;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    border-left: 3px solid var(--red-color);
    font-family: var(--second-font)
}

.single-fo-events .single-event-right .entry-title {
    margin: 0;
    font-size: 52px;
    line-height: 62px
}

.single-fo-events .single-event-right .post-thumbnail img {
    width: 100%;
    max-width: 100% !important;
    height: auto !important
}

.single-featuring-author {
    margin-top: 30px;
    background: var(--blue-color);
    padding: 20px;
    color: #fff;
    font-family: var(--second-font)
}

.single-featuring-author h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 15px
}

.single-author-featuring {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 20px
}

.single-author-img img {
    border-radius: 100%
}

.single-author-content p {
    margin: 0 0 8px
}

.single-author-content .author-social {
    display: flex;
    flex-wrap: wrap
}

.single-author-content .author-social a {
    display: inline-block;
    margin-right: 5px
}

.single-author-content .author-social a svg {
    width: 16px;
    height: 14px;
    fill: var(--blue-color)
}

.modal.right .close {
    color: #fff !important
}

body .modal-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body .modal-body {
    padding: 30px
}

.modal-body h3 {
    font-size: 32px;
    line-height: 44px;
    margin-top: 0;
    margin-bottom: 5px
}

.modal-body .row .form-group {
    padding: 0
}

.modal-body .content-right {
    width: 100%;
    background: 0 0;
    border-radius: 4px;
    padding: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 0
}

#event-register-btn,
.modal-footer .close-btn {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    padding: 10px 25px;
    border-radius: 6px;
    text-transform: uppercase;
    font-family: var(--second-font)
}

.modal-body .content-right .cr-time p {
    font-size: 14px;
    margin: 8px 0;
    font-family: var(--second-font)
}

#event-register-btn {
    background: var(--red-color);
    color: #fff;
    border: none
}

.modal-footer .close-btn {
    color: #000;
    border: none
}

.modal.right.fade .modal-dialog {
    right: -500px !important
}

.modal.right.fade.show .modal-dialog {
    transform: translateX(0);
    right: 0 !important
}

.ev-date p {
    margin: 5px 0 0;
    font-family: var(--second-font);
    font-size: 14px
}

.event-tab-pages ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 20px;
    gap: 40px
}

.event-tab-pages ul li a,
.register-btn a {
    display: inline-block;
    font-family: var(--second-font);
    text-transform: uppercase
}

.event-tab-pages ul li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px
}

.event-tab-pages ul li a:hover {
    color: var(--red-color)
}

#member_section,
.single-events .event-tab-pages ul li a {
    border-bottom: 2px solid var(--red-color)
}

.register-btn a {
    background: var(--red-color);
    font-size: 15px;
    font-weight: 700;
    padding: 8px 12px;
    color: var(--white);
    cursor: pointer;
    border-radius: 0;
    letter-spacing: 0
}

.event-top {
    background: #f2efef;
    padding-bottom: 60px
}

.title-red {
    color: var(--red-color);
    font-size: 44px;
    font-family: var(--second-font);
    font-weight: 700;
    text-transform: uppercase
}

.bottom-event-post {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #ecefff 100%);
    background: -webkit-linear-gradient(top, #fff 0, #ecefff 100%);
    background: linear-gradient(to bottom, #fff 0, #ecefff 100%)
}

.bottom-event-post article .fo-post-img {
    height: 400px;
    overflow: hidden
}

.past-event-list .bottom-event-post {
    background: 0 0
}

.past-event-list .bottom-event-post .content-left h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 400;
    font-style: italic
}

.support_fo_option {
    width: 48%;
    box-shadow: 0 10px 30px #dfdfdf;
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    text-align: center
}

.support_link,
.thanyou-box ul {
    display: flex;
    justify-content: center
}

.support_fo_option .support_link.link_member a {
    font-size: 18px;
    padding: 8px 15px 11px
}

.support_fo_option .support_link.link_member a img {
    width: 15px;
    margin-left: 6px
}

.support_fo_option .support_fo_description {
    min-height: 152px;
    margin-top: 10px
}

#make_donation_section {
    border-bottom: 2px solid var(--blue-color)
}

.support_fo_title {
    margin: 0;
    font-size: 36px
}

#bottom_service,
#top_area_test {
    border-top: 1px solid #e5e5e5;
    margin-top: 50px;
    text-align: center
}

#bottom_service p {
    color: #606060
}

.membership-cancle-msg {
    color: red;
    background-color: #f0f8ff;
    padding: 15px 5px
}

.support_fo_wrapper h3 {
    font-size: 32px
}

.donation_right_panel p {
    font-size: 20px;
    color: #6f6f6f;
    margin-top: 0
}

.donate-container .donate-title {
    font-weight: 700;
    text-align: center;
    font-size: 24px
}

.donation-sub-title {
    font-size: 18px;
    font-weight: 700
}

.range-slider-amount {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 10px 0;
    align-items: center
}

#add_amount,
#minus_amount {
    font-weight: 700;
    box-shadow: 0 5px 25px #d2d2d2;
    font-size: 30px;
    padding: 0;
    border-radius: 36px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    cursor: pointer
}

#donation_amount {
    font-size: 44px;
    font-weight: 700;
    color: var(--blue-color);
    max-width: 200px;
    width: 100%;
    text-align: center
}

.slidecontainer .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    background: #d3d3d3;
    outline: 0;
    opacity: 1;
    -webkit-transition: .2s;
    transition: opacity .2s
}

.slidecontainer .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    background: var(--blue-color);
    cursor: pointer;
    border-radius: 36px;
    border: none
}

.slidecontainer .slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--blue-color);
    cursor: pointer;
    border-radius: 36px;
    border: none
}

.slidecontainer .slider::-moz-range-progress {
    background: var(--blue-color);
    height: 10px
}

.slider-rotation-info {
    text-align: center;
    color: #848383;
    font-size: 14px
}

.donation-amount-box .amount-button,
.donation-cycle-box button {
    width: 24%;
    border: 2px solid var(--blue-color);
    background: 0 0;
    padding: 14px 10px;
    color: var(--blue-color);
    font-weight: 700;
    font-family: var(--second-font);
    font-size: 18px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.donation-amount-box .amount-button:hover,
.donation-cycle-box button:hover {
    box-shadow: 0 1px 4px var(--blue-color);
    transition: none
}

.donation-amount-box .amount-button.active,
.donation-cycle-box button.active {
    transition: none;
    background: var(--blue-color);
    color: var(--white)
}

#donation-amount-cycle,
.secure-transation-info span {
    text-transform: capitalize
}

.irs_note,
.us_lib {
    color: #848383;
    font-size: 18px;
    font-family: var(--second-font);
    padding-bottom: 20px;
    text-align: center
}

.irs_note {
    padding-bottom: 0
}

.donate_page .btn-blue {
    border: none;
    width: 100%;
    text-transform: uppercase
}

.donation-page-error {
    background: #ffd3d3;
    color: #4f4f4f !important;
    padding: 10px 15px;
    margin-top: 5px;
    font-size: 14px;
    border: 1px solid #ff9393;
    width: 100% !important;
    display: block;
    border-radius: 5px
}

.donation-back-btn {
    background: var(--blue-color);
    border: none;
    border-radius: 36px;
    width: 30px;
    height: 30px;
    margin: 0 0 15px
}

.donation-back-btn svg {
    width: 13px;
    height: 16px;
    color: var(--white)
}

.dt-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: var(--second-font)
}

.dt-row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.donation-cylce-text {
    background: #e8f6e9;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px
}

.form-control {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: .5s ease-out
}

.form-control:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
    -moz-box-shadow: 0 0 3px var(--blue-color);
    -webkit-box-shadow: 0 0 3px var(--blue-color);
    box-shadow: 0 0 3px var(--blue-color);
    transition: .5s ease-out;
    border-color: var(--blue-color)
}

.donation-checkbox input,
.tml-rememberme-wrap input {
    margin-right: 8px
}

.already_user {
    font-size: 12px;
    color: var(--black)
}

.already_user a {
    text-decoration: underline;
    cursor: pointer
}

.sp-box {
    box-shadow: 0 2px 4px #d7d2d2;
    font-size: 18px;
    padding: 22px 20px;
    border-radius: 6px;
    margin-bottom: 15px;
    font-weight: 700;
    display: flex
}

.sp-box input {
    margin-right: 15px;
    width: 25px;
    height: 25px
}

.sp-c-card {
    background: url(/wp-content/themes/fo2023/assets/images/cards.png) 170px center/210px no-repeat #fff
}

.sp-paypal {
    background: url(/wp-content/themes/fo2023/assets/images/PayPal-Logo.png) 170px center/100px no-repeat #fff
}

.form-group label {
    margin-bottom: 5px;
    font-weight: 600;
    display: block
}

.secure-transation-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px
}

.tml .tml-label {
    display: block;
    margin: .5em 0;
    font-weight: 700;
    text-align: left;
    color: #555353
}

#show_hide_div_reg1,
#show_hide_div_reg2
{
    position: absolute;
    right: 7px;
    z-index: 9;
    top: 40px;
    background: var(--blue-color);
    color: var(--white);
    border-radius: 3px;
    padding: 2px 11px;
    font-size: 12px;
    cursor: pointer;
    font-family: var(--second-font)
}

.tml-rememberme-wrap .tml-label {
    font-weight: 500
}

.tml-submit-wrap button.tml-button,
.tml-submit-wrap input.tml-button,
.primary_action_btn
{
    background: var(--red-color);
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    padding: 8px 16px;
    color: var(--white);
    cursor: pointer;
    border: none;
    width: 100%;
    letter-spacing: 0.1px;
    font-family: var(--second-font);
    border-radius: 100px;
    line-height: 20px;
    height: 38px;
    text-transform: capitalize;
}

.popup_loginmodel .dm-fo-login-link {
    padding-top: 20px;
    font-weight: 700;
    font-size: 17px;
    border-top: 1px solid #bdbdbd;
    margin-top: 20px;
    width: 100%
}

.popup_loginmodel .dm-fo-login-link p {
    margin: 0 0 15px;
    color: #000
}

.popup_loginmodel .dm-fo-register-link a,
.thanyou-box li a {
    font-size: 14px;
    color: var(--white);
    font-family: var(--second-font);
    text-transform: uppercase
}

.popup_loginmodel .dm-fo-register-link a {
    padding: 10px 35px 12px;
    border-radius: 3px;
    font-weight: 500;
    line-height: 15px;
    background: #000;
    border: none;
    display: inline-block
}

.thank-you-container {
    margin-top: 25px;
    text-align: center
}

.thank-contant p {
    font-size: 22px;
    line-height: 32px;
    margin-top: 0
}

.thanyou-box li {
    list-style: none;
    margin-right: 10px
}

.thanyou-box li svg {
    width: 16px;
    height: 15px;
    margin-right: 4px
}

.thanyou-box li a {
    display: flex;
    align-items: center;
    background: #ccc;
    padding: 5px 14px;
    border-radius: 3px
}

.collapsible,
.donation-checkbox {
    justify-content: space-between;
    display: flex
}

.thanyou-box li:first-child a {
    background: #00aced
}

.thanyou-box li:last-child a {
    background: #325a97
}

.main_invoice_content {
    border-top: 1px solid #e3e2e2;
    margin-top: 25px;
    padding-top: 15px
}

.invoice_header h1 {
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 0
}

.main_invoice_content .table-bordered {
    border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6
}

.main_invoice_content .table-bordered td,
.main_invoice_content .table-bordered th {
    padding: 10px;
    text-align: left;
    border-bottom: 2px solid #dee2e6;
    font-family: var(--second-font)
}

table {
    border-collapse: collapse;
    width: 100%
}

tbody td {
    text-align: left
}

.support-fo-img h2 {
    margin: 0;
    position: absolute;
    bottom: 40%;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--second-font);
    font-size: 42px
}

.collapsible {
    background-color: #242424;
    color: #fff;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    align-items: center;
    border-radius: 4px;
    padding: 10px
}

.collapsible h3 {
    font-size: 20px;
    margin-bottom: 4px
}

.donation-checkbox {
    border: 1px solid #b1b1b1;
    border-radius: 4px;
    padding: 10px;
    align-items: center;
    background: #fff
}

.collapsible.active,
.collapsible:hover {
    background-color: #1076b1
}

.collapsible:after {
    content: '\002B';
    color: #fff;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.collapsible.active:after {
    content: "\2212"
}

.collapsible-content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    background-color: #f1f1f1
}

.fo-membership-banner {
    background: #fff;
    padding-bottom: 50px;
    padding-top: 60px
}

.f-mb-col-text h2 {
    font-weight: 700;
    font-size: 55px;
    line-height: 66px;
    margin: 0 0 20px
}

.fo-mb-plan-started a {
    display: inline-block;
    color: #fff;
    background: var(--red-color);
    font-size: 18px;
    padding: 12px 20px;
    font-family: var(--second-font);
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 4px
}

.fo-ms-pna-block {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1;
    padding-top: 50px;
    padding-bottom: 180px
}

.fo-ms-pna-block-round {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2700px;
    width: 4000px;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    background-color: #f3f4ff;
    z-index: -1
}

.fo-ms-heading-title {
    font-size: 52px;
    line-height: 60px;
    margin: 0 0 40px
}

.membership-plan-list {
    max-width: 1050px;
    margin: auto
}

.membership-plan-list .dm-membership-default {
    background: #fff;
    padding: 30px 20px;
    border-radius: 10px;
    border-top: 10px solid var(--blue-color);
    width: 32%;
    box-shadow: 0 10px 30px #d6d7e6
}

.membership-plan-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.gift-membership-part-two a,
.membership-top-plan-box a {
    padding: 12px 20px;
    border-radius: 4px;
    background: var(--blue-color)
}

.membership-plan-list ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.point-icon {
    width: 26px;
    height: 26px;
    background: #e8e8e8;
    border-radius: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.point-icon svg {
    width: 11px;
    height: 11px
}

.points-content strong {
    font-weight: 600
}

.membership-top-plan-box h4 {
    margin: 0;
    font-size: 24px
}

.membership-top-plan-box h3 {
    font-size: 40px;
    margin: 20px 0 12px
}

.membership-top-plan-box h3 span {
    font-weight: 400;
    font-size: 24px
}

.membership-top-plan-box h5 {
    font-weight: 700;
    font-size: 15px;
    margin: 0 0 15px
}

.membership-top-plan-box a {
    color: var(--white);
    font-weight: 700;
    font-size: 18px;
    display: inline-block;
    max-width: 200px;
    width: 100%;
    text-align: center;
    font-family: var(--second-font);
    text-transform: uppercase
}

.membership-top-plan-box {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.membership-plan-list .dm-membership-default.currentplan,
.membership-plan-list .dm-membership-default:hover {
    background: var(--red-color);
    color: #fff;
    border-color: var(--white)
}

.membership-plan-list .dm-membership-default.currentplan .membership-top-plan-box a,
.membership-plan-list .dm-membership-default:hover .membership-top-plan-box a {
    background: #fff;
    color: var(--black)
}

.gift-membership {
    color: var(--black);
    background: #fff;
    padding: 35px 35px 45px;
    max-width: 580px;
    margin: auto;
    border-radius: 10px;
    position: relative;
    top: -70px;
    text-align: center;
    -moz-box-shadow: 0 60px 50px #ddd;
    -webkit-box-shadow: 0 60px 50px #ddd;
    box-shadow: 0 60px 50px #ddd;
    z-index: 1;
    display: none
}

.custom-plan-one .form-group .wpcf7-form-control.wpcf7-submit,
.gift-membership-part-two a {
    display: inline-block;
    text-align: center;
    box-shadow: 0 20px 29px #c4c4c4;
    color: var(--white);
    font-family: var(--second-font);
    text-transform: uppercase
}

.custom-plan-outer h2,
.gift-membership h3 {
    font-size: 52px;
    line-height: 60px;
    margin: 0
}

.gift-membership p {
    font-size: 18px;
    margin: 8px 0 20px
}

.gift-membership-part-two a {
    font-weight: 600;
    font-size: 20px;
    margin-right: 5px
}

.gift-membership-part-two a:hover {
    background: var(--red-color);
    color: var(--black)
}

.gift-membership-part-two a:nth-child(2) {
    background: var(--red-color);
    color: #fff;
    margin-right: 0
}

.dm-membership-contact {
    max-width: 700px;
    padding: 30px 30px 10px;
    border-radius: 10px;
    margin: auto;
    box-shadow: 0 10px 30px #dfdfdf
}

.custom-plan-outer p {
    font-size: 22px;
    margin: 5px 0 30px
}

#custom-plan .custom-plan-one div {
    text-align: left;
    margin-bottom: 0
}

#custom-plan .custom-plan-one label {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 3px;
    display: block
}

.dm-membership-contact input::placeholder,
.dm-membership-contact textarea::placeholder {
    color: #807d7d;
    opacity: 1
}

.custom-plan-one .wpcf7-form-control {
    min-height: 55px;
    padding: 15px;
    font-family: var(--second-font)
}

.custom-plan-one .form-group .wpcf7-form-control.wpcf7-submit {
    margin-top: 20px;
    background: var(--red-color);
    font-size: 18px;
    padding: 12px 40px;
    border-radius: 4px;
    font-weight: 700
}

.custom-plan-one .form-group .wpcf7-form-control.wpcf7-submit:hover {
    background: var(--blue-color);
    color: #fff
}

.sr-dashboard-content ul li {
    list-style: none;
    display: flex;
    flex-direction: row
}

.bookmark-post-image {
    margin: 0 20px 0 0;
    max-width: 150px
}

.bookmark-post-image img {
    aspect-ratio: 1.3
}

.shadow {
    -moz-box-shadow: 0 10px 30px #dfdfdf;
    -webkit-box-shadow: 0 10px 30px #dfdfdf;
    box-shadow: 0 10px 30px #dfdfdf
}

.pmpro_checkout_gateway-stripe {
    width: 100%;
    margin: auto
}

body .pmpro_checkout h3 span.pmpro_checkout-h3-name {
    display: block;
    margin: 0;
    padding: 0
}

.pmpro_checkout-h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 13px
}

body #pmpro_billing_address_fields h3,
body #pmpro_form .pmpro_checkout h3,
body #pmpro_level_options h3,
body #pmpro_payment_information_fields h3,
body #pmpro_pricing_fields h3,
body #pmpro_user_fields h3 {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 24px
}

.css-162lbvj {
    box-shadow: 0 10px 30px #eee;
    padding: 10px;
    margin-bottom: 15px;
    font-family: var(--second-font);
    border-radius: 4px
}

#pmpro_form #pmpro_billing_address_fields,
#pmpro_level_options,
#pmpro_payment_information_fields,
#pmpro_pricing_fields,
#pmpro_user_fields {
    text-align: left;
    background: #fff;
    box-shadow: 0 10px 30px #dfdfdf;
    border-radius: 5px;
    padding: 20px;
    clear: both;
    max-width: 780px;
    margin: auto
}

#pmpro_pricing_fields {
    top: 0;
    border: 2px dashed var(--red-color);
    max-height: inherit
}

.pmpro_checkout-field.pmpro_captcha,
form.pmpro_form .pmpro_submit {
    max-width: 780px;
    margin: 15px auto auto
}

.page-template-payment-success .donate-container,
.thanyou-box.payment-cacnel {
    background: #fff;
    box-shadow: 0 40px 60px #ececec;
    margin-left: auto;
    margin-right: auto;
    max-width: 680px
}

body #pmpro_form .pmpro_checkout h2 {
    margin-top: 0;
    font-size: 30px
}

#pmpro_pricing_fields p {
    margin-bottom: 10px;
    font-size: 16px
}

body #loginform label,
body form.pmpro_form label {
    font-weight: 600;
    margin-bottom: 5px;
    font-family: var(--second-font)
}

body #loginform input[type=password],
body #loginform input[type=text],
body form.pmpro_form .input,
body form.pmpro_form select,
body form.pmpro_form textarea {
    max-width: 100%
}

#pmpro_level_options .pmpro_checkout-field-radio {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0;
    justify-content: space-around
}

#pmpro_level_options .pmpro_checkout-field-radio-item {
    width: 43%;
    background: #fff;
    box-shadow: 3px 2px 10px 2px #d9d9d9;
    border-radius: 5px;
    padding: 10px 0;
    margin: 0 10px 20px
}

div#cookie-law-info-bar {
    width: 476px !important;
    bottom: 30px !important;
    left: 30px !important;
    padding: 20px !important;
    background: #ffd6d6 !important
}

.medium.cli-plugin-button.cli-plugin-main-button.cli_settings_button {
    background: #fff !important
}

.cli_messagebar_head {
    color: #383838;
    font-size: 20px;
    margin-bottom: 20px;
    float: left;
    clear: both;
    margin-top: 0
}

div#cookie-law-info-bar span {
    text-align: justify;
    display: block;
    float: right !important;
    margin-bottom: 5px;
    line-height: 22px
}

.mem-all-right #pmpro_pricing_fields {
    border: none;
    position: inherit;
    top: 0
}

#download_product_popup {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0 0 0);
    z-index: 999;
    overflow: hidden;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background-color: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.download_product_popup_content {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
    border-radius: 3px;
    max-width: 520px;
    position: relative;
    text-align: center;
    box-shadow: 0 2px 5px 1px rgb(64 60 67 / 58%)
}

.download_product_popup_close {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer
}

.download_product_popup_content form input[type=submit] {
    margin-top: 0 !important;
    margin-bottom: 20px !important
}

.thank-you-donate {
    height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.thank-you-donate h2 {
    position: absolute;
    font-size: 52px;
    margin: 0
}

.page-template-payment-success .donate-container {
    margin-top: -60px;
    position: relative;
    padding: 30px
}

.invoice_summary h3 {
    font-size: 24px
}

.help_text,
.summary_text {
    font-size: 22px
}

.invoice_summary .download-link {
    margin-top: 10px;
    margin-bottom: 10px
}

.static-page-all .entry-content h2 {
    line-height: 50px
}

.sr-dashboard-sidebar nav ul li a {
    display: block;
    padding: 10px 0 10px 10px;
    font-size: 16px;
    border-bottom: 1px solid #d3d3d3;
    color: var(--black);
    font-family: var(--second-font);
    text-transform: uppercase
}

.thanyou-box.payment-cacnel {
    padding: 40px;
    border-radius: 6px
}

.thanyou-box.payment-cacnel img {
    max-width: 150px;
    margin-bottom: 25px
}

.thanyou-box.payment-cacnel h2 {
    font-size: 52px;
    line-height: 60px;
    margin-top: 0;
    color: var(--red-color)
}

.pf-box {
    font-size: 20px;
    margin: 15px 0
}

.pf-box p {
    margin: 0 0 10px
}

#cookie-law-info-bar {
    font-size: 15px;
    margin: 0 auto;
    padding: 12px 10px;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, .5) 0 5px 50px;
    display: none;
    left: 0;
    font-weight: 300;
    box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, .3)
}

.cli-plugin-main-link {
    margin-left: 0;
    font-weight: 550;
    text-decoration: underline
}

.cli-plugin-button,
.cli-plugin-button:visited {
    display: inline-block;
    padding: 9px 12px;
    color: #fff;
    position: relative;
    cursor: pointer;
    margin-left: 5px;
    text-decoration: none
}

.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
    font-family: var(--second-font);
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 400;
    line-height: 1
}

.middle {
    border: 1px solid #ccc;
    border-radius: 6px;
    margin: 50px auto;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 10px 30px #dfdfdf
}

.confirmation_message h2 {
    clear: both;
    text-align: center;
    line-height: 44px;
    font-size: 36px
}

.confirmation_message {
    text-align: center;
    font-size: 22px
}

.page-template-newsletters-php .newsletter-box {
    list-style: none;
    max-width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 30px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px
}

.page-template-newsletters-php .newsletter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    margin: auto
}

.newsletter-content>span {
    color: #9b9b9b;
    font-size: 15px;
    font-weight: 400;
    font-family: var(--second-font)
}

.page-template-newsletters-php .newsletter-box .newsletter-content {
    width: 80%;
    padding-left: 30px
}

.page-template-newsletters-php .newsletter-box .newsletter-content h4 {
    margin-top: 5px;
    margin-bottom: 0
}

.newsletter-content .fo-author span {
    color: var(--red-color);
    text-transform: uppercase;
    font-weight: 700
}

.single-post .entry-content .wp-block-media-text::before {
    content: '';
    position: absolute;
    width: 180px;
    height: 4px;
    background: var(--red-color);
    left: 0;
    right: 0;
    margin: auto;
    top: 0
}

.single-post .entry-content .wp-block-media-text h2.wp-block-heading {
    text-align: left;
    line-height: 35px;
    padding-top: 0;
    font-size: 24px;
    margin-bottom: 25px
}

footer {
    font-family: var(--second-font);
    color: var(--white);
    clear: both
}

.fo-copyright {
    color: #a3a3a3;
    font-size: 14px;
    text-align: right
}

.cre,
.cre a {
    font-size: 12px;
    color: #848484
}

.fo-newsletter-footer .fo-newsletter-block input[type=email] {
    font-family: var(--second-font);
    box-shadow: none;
    padding: 0 20px 0 50px;
    width: 71%
}

.single_add_to_cart_button.button,
.wpuf-form li.wpuf-submit #wpuf-post-draft,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],
input[type=submit] {
    background: var(--red-color);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    padding: 12px 20px;
    border-radius: 0;
    box-shadow: none;
    letter-spacing: 1px;
    font-family: var(--second-font);
    letter-spacing: 0;
    text-transform: uppercase
}

footer .border-bottom {
    border-color: #131313
}

.fo-menu-links a {
    font-size: 15px;
    color: #a3a3a3
}

.f-btn a {
    color: #7483fb;
    font-weight: 600;
    margin-top: 5px;
    display: inline-block
}

.fo-footer-social li a:hover,
.fo-menu-links a:hover {
    color: var(--blue-color)
}

.fo-menu-links li {
    width: 49%;
    margin-bottom: 10px
}

.fo-newsletter-footer {
    max-width: 710px
}

.fo-newsletter-footer .fo-newsletter-block svg {
    color: #676767;
    fill: #676767;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 15px;
    top: 15px
}

.fo-newsletter-footer .fo-cpf-checkbox input[type=checkbox] {
    max-width: 23px;
    height: 26px
}

.fo-newsletter-footer .fo-cpf-checkbox label {
    font-size: 13px;
    line-height: 20px;
    color: #a3a3a3;
    padding-left: 10px
}

.fo-newsletter-footer .fo-cpf-checkbox label a {
    color: #a3a3a3;
    text-decoration: underline
}

.fo-footer-social li a {
    color: #a2a2a2
}

.fo-footer-social li a svg {
    width: 18px;
    height: 18px;
    fill: #a2a2a2
}

.fixed-footer-newsletter {
    position: fixed;
    bottom: -140px;
    width: 100%;
    background: var(--blue-color);
    padding-top: 0;
    padding-bottom: 25px;
    transition: .8s;
    z-index: 999
}

.fixed-footer-newsletter.active {
    bottom: 0;
    transition: .8s
}

.fixed-footer-newsletter .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.fixed-f-left {
    width: 48%;
    display: flex
}

.logo-newsletter img,
.woocommerce .logo-newsletter img {
    max-width: 130px
}

.fixed-f-text h2 {
    color: #fff;
    margin: 0;
    font-size: 36px;
    font-weight: 700
}

.fixed-f-text p {
    color: #fff;
    margin: 0
}

.footer-fixed-form .fo-newsletter-block input[type=submit] {
    background: #000 !important;
    width: auto;
    border-radius: 0 !important;
    height: 40px;
    padding: 0 20px !important
}

.footer-fixed-form .fo-newsletter-block input[type=email] {
    background: 0 0;
    border: none;
    box-shadow: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 0;
    margin-right: 2%;
    height: 40px;
    font-family: var(--second-font)
}

.footer-fixed-form .fo-newsletter-block input[type=email]::-moz-placeholder {
    color: #fff
}

.footer-fixed-form .fo-newsletter-block input[type=email]::placeholder {
    color: #fff
}

.footer-fixed-form .fo-newsletter-block input[type=email]::-ms-input-placeholder {
    color: #fff
}

.footer-fixed-form label {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding-left: 10px;
    margin-bottom: 0;
    font-family: var(--second-font)
}

.donation-grid .donation_right_panel .collapsible p,
.footer-fixed-form label a {
    color: #fff
}

.dm-fo-login-form a,
.doantion-sm-info-text a,
.total_counts h1 strong {
    color: var(--blue-color);
    text-decoration: underline
}

.footer-fixed-form .fo-cpf-checkbox #privacy-policy {
    width: 30px;
    height: 29px
}

.up-down-toggle-btn svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    cursor: pointer
}

.fixed-toggle {
    height: 16px;
    margin-top: 8px;
    margin-bottom: 8px
}

.fixed-footer-newsletter .fixed-toggle .container {
    justify-content: flex-end
}

.fixed-footer-newsletter.active.hide {
    bottom: -108px;
    transition: .8s
}

.fixed-footer-newsletter.active.hide svg {
    transform: rotate(180deg)
}

.single-post blockquote {
    width: 100%;
    background-color: #fff;
    margin: 0 0 45px;
    border-radius: 15px;
    padding: 48px;
    box-shadow: 15px 20px #ffd5d5;
    box-sizing: border-box;
    position: relative
}

.single-post blockquote::before {
    content: '“';
    font-size: 150px;
    font-family: var(--font-family);
    position: absolute;
    left: 0;
    top: 38px;
    color: var(--red-color)
}

.donation-pop-content .error,
.event-top .entry-header h1,
.main-events-block article .fo-post-content p,
.se-cate-date,
.se-location,
.title-small,
.total_counts h1 strong,
.upcoming-title h4,
body .wpcf7-not-valid-tip {
    font-family: var(--second-font)
}

ul.products li:nth-child(4) {
    margin-right: 0 !important
}

.main-fields-class {
    max-width: 750px;
    margin: auto
}

#pmpro_pricing_fields {
    font-size: 20px;
    position: unset;
    max-width: 780px;
    margin: 0 auto 25px;
    border: 2px dashed var(--red-color)
}

.pmpro_checkout_gateway-stripe #pmpro_form {
    display: flow-root
}

.sr-dashboard-content #crestashareiconincontent {
    display: flex;
    gap: 2px;
    max-width: 680px;
    margin: auto
}

#step-2-back-btn,
#step-3-back-btn {
    position: absolute;
    left: 0
}

.page-template-search-template .select2-container .selection .select2-selection:before {
    background: url(/wp-content/themes/fo2023/assets/images/down-arrow.png) right top/100% no-repeat;
    content: '';
    width: 15px;
    height: 8px;
    position: absolute;
    right: 9px;
    top: 18px
}

.page-template-search-template .donations-content-section {
    max-width: 100%;
    padding-right: 0;
    border-right: none;
    margin-right: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 0 !important
}

.total_counts h1 {
    font-size: 36px;
    margin: 6px 0 20px;
    line-height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 10px 20px #eee;
    display: flex;
    justify-content: space-between;
    text-transform: capitalize
}

.total_counts h1 strong {
    cursor: pointer;
    font-size: 16px;
    font-weight: 400
}

#authorform .pp-text-author label {
    line-height: 18px
}

body .wpcf7-not-valid-tip {
    font-size: 14px;
    text-align: left
}

.left_video .full-content ol,
.left_video .full-content ul {
    padding-left: 22px
}

.news-list-col article .fo-post-img .fo-video-yt-small-icon {
    display: none;
    background: #fff;
    width: 26px;
    height: 19px;
    line-height: 16px;
    text-align: center;
    top: 4px;
    left: 4px;
    border-radius: 3px
}

.news-list-col article .fo-post-img .fo-video-yt-small-icon.podc svg {
    width: 14px;
    height: 14px;
    margin-top: 2px
}

#custom-plan {
    height: 50px
}

body.single .content-row .entry-meta .date-author-single-post .byline-single-post,
body.single .content-row .entry-meta .date-author-single-post .byline-single-post a {
    font-family: var(--second-font);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 18px
}

.donation-pop-content .error {
    font-size: 12px;
    padding: 2px 5px;
    border: 1px solid #e9bfbf;
    border-radius: 0;
    margin: 10px 0
}

.contributers-latest-article {
    border: none;
    padding: 15px;
    display: inline-block;
    margin-top: 10px;
    color: var(--black);
    background: #fff;
    box-shadow: 0 15px 35px #e8e8e8;
    border-radius: 6px
}

.contributers-latest-article ul {
    margin: 0;
    padding: 4px 0 2px
}

.single-newsletters .content-row .date-time-bookmark .posted-on-single-post {
    display: inline-block !important
}

.social_contact ul li.twitterlink {
    background: #1da1f2
}

.page .entry-content .social_contact>ul>li {
    padding: 0;
    background: 0 0
}

.sdt-m-top {
    margin-top: 30px;
    margin-bottom: 0
}

.author-description,
.author-description p {
    text-align: left;
    line-height: 30px;
    font-size: 18px;
    max-width: 800px;
    margin: auto;
    width: 100%
}

.postid-108979 .fo-logo img,
.postid-109146 .fo-logo img,
.postid-112681 .fo-logo img,
.postid-113830 .fo-logo img,
.postid-128723 .fo-logo img,
.postid-131376 .fo-logo img,
.postid-143263 .fo-logo img,
.postid-145413 .fo-logo img,
.postid-149716 .fo-logo img,
.postid-150946 .fo-logo img,
.postid-151306 .fo-logo img,
.postid-151398 .fo-logo img,
.postid-151875 .fo-logo img,
.postid-152991 .fo-logo img,
.postid-78911 .fo-logo img,
.postid-78914 .fo-logo img,
.postid-80960 .fo-logo img,
.postid-82013 .fo-logo img,
.postid-87061 .fo-logo img,
.postid-92034 .fo-logo img,
.postid-92324 .fo-logo img,
.postid-96098 .fo-logo img,
.postid-97260 .fo-logo img,
.postid-97492 .fo-logo img {
    width: 150px
}

.postid-108979 header.fo-site-header,
.postid-109146 header.fo-site-header,
.postid-112681 header.fo-site-header,
.postid-113830 header.fo-site-header,
.postid-128723 header.fo-site-header,
.postid-131376 header.fo-site-header,
.postid-143263 header.fo-site-header,
.postid-145413 header.fo-site-header,
.postid-149716 header.fo-site-header,
.postid-151306 header.fo-site-header,
.postid-151398 header.fo-site-header,
.postid-151875 header.fo-site-header,
.postid-152991 header.fo-site-header,
.postid-78911 header.fo-site-header,
.postid-78914 header.fo-site-header,
.postid-80960 header.fo-site-header,
.postid-82013 header.fo-site-header,
.postid-87061 header.fo-site-header,
.postid-92034 header.fo-site-header,
.postid-92324 header.fo-site-header,
.postid-96098 header.fo-site-header,
.postid-97260 header.fo-site-header,
.postid-97492 header.fo-site-header {
    background: #f4f4f4;
    padding: 12px 0 10px;
    transition: 150ms
}

.postid-131376 footer {
    margin-top: -17px;
    display: none
}

.author-post-list,
.three-articles {
    justify-content: flex-start
}

.news-list-gap {
    gap: 0 2%;
    justify-self: self-start;
    width: 100%
}

.story-content-overlay__title {
    line-height: 27px
}

.web-stories-list .story-content-overlay__title {
    margin-bottom: 1px
}

.status-publish #month {
    width: unset
}

.page-template-donor_details-php .donation-cancel-btn {
    color: #fff;
    font-size: 16px;
    padding: 6px 12px;
    font-weight: 400;
    margin: 15px 0 30px;
    line-height: inherit
}

.view-form-box button.new_comment_btn {
    background: #1d2a99;
    border: none;
    padding: 9px 16px
}

.cancelbtn button {
    background: #ababab;
    color: #000;
    border: none;
    border-radius: 4px;
    padding: 5px 16px;
    font-weight: 700
}

.upcoming-title h4 {
    background: var(--red-color);
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px 3px
}

.main-events-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 3%;
    margin-bottom: 40px
}

.main-events-block article .fo-post-content p {
    line-height: 24px
}

.title-small {
    font-size: 20px;
    color: var(--red-color);
    font-weight: 700
}

.page-template-fo_event header.fo-site-header,
.page-template-in_person_events header.fo-site-header,
.page-template-online_events header.fo-site-header,
.page-template-past_events header.fo-site-header,
.page-template-upcoming_events header.fo-site-header {
    background: #fff
}

.event-top .entry-header h1 {
    color: var(--red-color);
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px 0 15px;
    margin: 0;
    border-bottom: 1px solid #df0000
}

.main-events-block article .fo-post-content .register-btn a {
    background: 0 0;
    padding: 5px;
    color: var(--red-color);
    margin-left: -5px
}

.main-events-block article .fo-post-content .register-btn a:hover {
    background: #ffc9c9
}

.author-form input.error,
.author-form textarea.error {
    background-color: #fff
}

.pp-author-new input.form-control {
    order: 1
}

.pp-author-new .error {
    order: 3
}

.pp-author-new .text {
    order: 2
}

.pmpro_invoice tbody tr td {
    border-color: #333
}

#pmpro_account_loggedin {
    max-width: 780px;
    margin: 20px auto
}

.wc-tabs-wrapper p a {
    color: red;
    text-decoration: underline
}

.wc-tabs-wrapper h3 {
    font-size: 26px
}

.faq-wrapper .wpb_wrapper .wpb_wrapper {
    text-align: center;
    padding: 0 0 20px;
    border: 1px solid #ccc
}

.faq-wrapper .wpb_wrapper .wpb_wrapper h2 {
    margin: 0;
    padding: 10px 20px;
    background: #f7f7f7;
    font-size: 30px;
    border-bottom: 1px solid #ccc;
    text-align: left
}

.faq-wrapper .wpb_wrapper .wpb_wrapper p {
    margin: 20px;
    text-align: left
}

.current-post {
    color: red
}

.singlevents-fo-top {
    max-width: 600px;
    margin: 0 auto
}

.container.single-fo-events {
    max-width: 860px
}

.single-fo-events .post-thumbnail {
    position: relative;
    margin-bottom: 20px;
    height: 100%
}

.single-fo-events .post-thumbnail img {
    height: 100% !important;
    object-fit: cover
}

.se-cate-date {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 15px
}

.se-cate-date .cate-name {
    font-weight: 700;
    color: var(--red-color);
    margin: 0
}

.singlevents-fo-top .entry-title {
    font-size: 44px;
    font-family: var(--font-family);
    font-weight: 400;
    font-style: italic;
    line-height: 54px;
    margin: 10px 0
}

.se-location-btn {
    display: grid;
    grid-template-columns: 71% 25%;
    gap: 0 4%
}

.se-location {
    font-size: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.se-datetime,
.se-location .dt-full-events .event-time,
.se-location .dt-full-events .se-datetime,
.se-location .event-time,
.singlevents-fo-top .event-date {
    font-family: var(--font-family);
    font-size: 18px;
    line-height: 28px
}

.se-location h4 {
    margin: 0;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    width: 100%
}

.single-fo-events .single-featuring-author {
    margin-top: 0;
    border-top: 2px solid #df0000;
    border-bottom: 2px solid #df0000;
    background: 0 0;
    color: #000;
    padding: 15px 0;
    margin-bottom: 20px
}

.single-fo-events .single-featuring-author h4 {
    text-transform: capitalize;
    color: var(--red-color)
}

.single-featuring-author .single-author-img img {
    border-radius: 0
}

.single-featuring-author .single-author-featuring {
    display: grid;
    grid-template-columns: 10% 90%;
    gap: 0 2%
}

.dt-full-events {
    margin-bottom: 10px;
    width: 100%
}

.single-author-content p {
    font-size: 18px;
    font-family: var(--font-family);
    line-height: 28px
}

.single-author-content h5 {
    font-weight: 400;
    margin: 0 0 5px;
    font-size: 24px;
    font-family: var(--font-family);
    font-style: italic
}

@media(max-width:767px) {
    .single-events h2 {
        font-size: 1.4em
    }

    .single-featuring-author .single-author-content {
        width: 100%
    }

    .single-events .bottom-social-menu {
        display: none !important
    }

    .se-button {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        text-align: center;
        bottom: 0;
        z-index: 999;
    }
    .se-button .register-btn a { width: 100%;}

    .ms-icon-close,
    .se-cate-date.desktop,
    .se-location.desktop,
    .se-social.m-share-events.active .share-btn span.ms-icon,
    .single-fo-events .post-thumbnail.desktop {
        display: none
    }

    .single-fo-events .post-thumbnail.mobile {
        display: block;
        padding: 0
    }

    .se-location.mobile {
        display: block
    }

    .se-cate-date.mobile {
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    }

    .container.single-fo-events {
        padding: 0
    }

    .single-events .site-main {
        padding-top: 0
    }

    .single-fo-events .post-thumbnail .catname {
        top: 15px
    }

    .single-fo-events .entry-content-right,
    .singlevents-fo-top {
        max-width: 100%;
        padding: 0 15px;
        width: 100%
    }

    .single-fo-events .single-featuring-author {
        margin: 25px 15px 0
    }

    .singlevents-fo-top .event-date {
        color: #2c2b2b;
        margin-top: 5px;
        display: block
    }

    .share-btn {
        text-transform: uppercase;
        font-size: 14px;
        display: flex;
        align-items: center;
        gap: 5px;
        cursor: pointer
    }

    .share-btn span {
        margin-top: 2px
    }

    .se-social.m-share-events {
        position: relative
    }

    .se-social.m-share-events.active .social_medai_share {
        display: block;
        position: absolute;
        z-index: 9999;
        top: 25px;
        right: 0
    }

    .se-social.m-share-events #crestashareiconincontent,
    .se-social.m-share-events.active .share-btn span.ms-icon-close {
        display: inline-block
    }

    .se-social.m-share-events .social_medai_share #crestashareiconincontent .sbutton {
        margin-bottom: 5px;
        margin-right: 0
    }

    .se-social.m-share-events.active .share-btn span.ms-icon-close svg {
        width: 16px;
        height: 16px
    }

    .singlevents-fo-top .entry-title {
        font-size: 36px;
        line-height: 44px;
        margin-top: 20px
    }

    .singlevents-fo-top {
        text-align: left
    }

    .se-location-btn {
        grid-template-columns: 1fr;
        gap: 0
    }

    .se-cate-date.mobile.mid-datetime {
        flex-wrap: wrap;
        margin-top: 10px;
        align-items: initial;
        gap: 0
    }

    .se-location.mobile {
        margin-top: 15px
    }

    .mid-datetime h4 {
        font-size: 20px;
        color: #000;
        font-weight: 700;
        font-family: var(--second-font);
        width: 100%;
        margin: 0 0 10px
    }

    .mid-date-icon {
        display: flex;
        width: 100%;
        gap: 0 10px
    }

    .singlevents-fo-top .mid-date-icon .event-date {
        display: inline-block;
        margin: 0
    }

    .mid-date-icon svg {
        width: 24px;
        height: 24px;
        fill: #000
    }
}

.donation-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 45px
}

.donation_left_panel img {
    box-shadow: 0 10px 25px #e1e1e1
}

.donation-text-mobile p,
.donation_left_panel p {
    font-size: 20px;
    line-height: 28px
}

.we-rely-text {
    border-top: 1px solid rgba(78, 78, 78, .5);
    margin-top: 40px;
    padding-top: 10px
}

.donation-text-mobile .we-rely-text p,
.donation_left_panel .we-rely-text p {
    font-size: 15px;
    color: #6c6c6c;
    line-height: 18px
}

.donation_right_panel {
    background: #f4f4f4;
    padding: 20px;
    margin-top: 0;
    border-radius: 3px;
    box-shadow: 0 0 5px #c3c3c3
}

.doantion-sm-info-text {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 18px
}

.donation-grid .btn-blue {
    width: 100%;
    border: none;
    border-radius: 3px
}

.donation-grid .donation-cycle-box {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 10px 25px #d7d7d7;
    margin-bottom: 25px
}

.donation-grid .donation-cycle-box button {
    margin-bottom: 0;
    border: none;
    width: 33.33%;
    border-right: 1px solid #bfbfbf;
    color: #000;
    font-family: var(--font-family);
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 700
}

.donation-grid .donation-cycle-box button:last-child {
    border-right: none;
    border-radius: 0 3px 3px 0
}

.donation-grid .donation-amount-box .amount-button:hover,
.donation-grid .donation-cycle-box button:hover {
    box-shadow: 0 1px 4px var(--red-color)
}

.donation-grid .donation-amount-box .amount-button.active,
.donation-grid .donation-cycle-box button.active {
    background: var(--red-color);
    color: #fff;
    border: none
}

.donation-grid .donation-cycle-box button:first-child {
    border-radius: 3px 0 0 3px
}

.donation-grid .donation-amount-box .amount-button {
    border: 1px solid #adadad;
    padding: 10px;
    font-size: 20px;
    background: #fff;
    border-radius: 3px;
    color: #4e4e4e;
    width: 48%;
    margin-bottom: 0
}

.donation-grid .single-support .other_donation_amount_section input {
    border: 1px solid #adadad;
    background: #fff;
    color: #4e4e4e;
    font-weight: 400;
    border-radius: 3px;
    padding-left: 35px
}

.donation-grid .single-support .other_donation_amount_section input::placeholder {
    color: #4e4e4e
}

.donation-grid span.input-icon {
    left: 14px;
    font-size: 20px;
    top: 8px;
    font-family: var(--second-font);
    color: #4e4e4e
}

.donation-grid .form-control,
.donation-grid select {
    border: 1px solid #adadad;
    color: #4e4e4e
}

.donation-grid .form-control::placeholder {
    color: #4e4e4e
}

.donation-grid .collapsible-content {
    background: 0 0;
    padding: 0
}

.wire-transfer-form-block {
    position: relative;
    padding-top: 32px
}

.wire-transfer-form-block::before {
    background: #a1a1a1;
    content: '';
    width: 107.5%;
    height: 1px;
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px
}

.donation-grid .sp-box {
    box-shadow: none;
    font-size: 20px;
    padding: 15px;
    border-radius: 3px;
    font-weight: 400;
    border: 1px solid #adadad;
    color: #4e4e4e
}

.donation-grid .sp-c-card {
    background: url(/wp-content/themes/fo2023/assets/images/cards-fo.jpg) right center/210px no-repeat #fff
}

.donation-grid .sp-paypal {
    background: url(/wp-content/themes/fo2023/assets/images/PayPal-Logo-fo.jpg) right center/100px no-repeat #fff
}

@media(max-width:1199px) {
    .donation-grid .sp-box {
        padding: 10px;
        font-size: 15px
    }
}

@media(max-width:767px) {
    .donation-grid .sp-c-card {
        background-size: 150px
    }

    .donation-grid .sp-paypal {
        background-size: 80px
    }

    .newsletters-top-text p br {
        display: none
    }
}

@media(max-width:575px) {
    .single-featuring-author .single-author-featuring {
        grid-template-columns: 15% 83%
    }

    .donation-grid .sp-c-card {
        background-size: 120px
    }

    .donation-grid .sp-paypal {
        background-size: 70px
    }

    .donation-grid .donation-amount-box .amount-button,
    .donation-grid .donation-cycle-box button,
    .donation-grid .sp-box {
        font-size: 16px
    }

    .sp-box input {
        margin-right: 10px;
        width: 20px;
        height: 20px
    }

    .donation-grid .wire-transfer-form-block #country,
    .donation-grid .wire-transfer-form-block .form-control,
    .donation-grid .wire-transfer-form-block select {
        margin-bottom: 15px
    }

    .img-mobile {
        display: block
    }

    .img-desktop {
        display: none
    }
}

@media(max-width:420px) {
    .donation-grid .sp-box {
        padding: 10px;
        font-size: 14px
    }

    .sp-box input {
        margin-right: 5px;
        width: 17px;
        height: 17px
    }

    .donation-grid .sp-c-card {
        background-size: 100px
    }

    .donation-grid .donation-amount-box .amount-button,
    .donation-grid .donation-cycle-box button {
        font-size: 15px;
        padding: 14px 5px
    }

    .donation-grid .form-control,
    .donation-grid .single-support .other_donation_amount_section input,
    .donation-grid select {
        font-size: 15px
    }

    .donation-grid span.input-icon {
        font-size: 15px;
        top: 9px
    }
}

#page_newsletter {
    max-width: 780px;
    margin: 0 auto 50px;
    padding: 25px 35px;
    background: #fff;
    box-shadow: 0 15px 7px rgba(208, 208, 208, .35)
}

#page_newsletter .fo-cpf-checkbox label {
    line-height: 18px;
    color: #191919
}

#page_newsletter .fo-cpf-checkbox label a {
    color: #191919
}

#page_newsletter .fo-newsletter-block input[type=email] {
    border-color: #d9d9d9;
    border-radius: 0
}

.newsletters-top-text p {
    font-family: var(--second-font);
    margin: 0;
    font-size: 22px;
    line-height: 32px
}

.newsletters-tags ul {
    display: grid;
    margin-top: 45px;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0 15px
}

.newsletters-tags ul li {
    border: 1px solid #f4f4f4;
    box-shadow: 0 15px 35px rgba(228, 228, 228, .4);
    list-style: none;
    background: #fff
}

.newsletters-icon-wrap {
    width: 100%;
    background: #f4f4f4;
    text-align: center;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.newsletters-tags ul li label span {
    width: 100%;
    padding: 25px 15px;
    display: block
}

.newsletters-tags ul li label span h4 {
    margin: 0;
    font-size: 25px;
    line-height: 30px;
    font-family: var(--font-family)
}

.newsletters-tags ul li label span p {
    font-weight: 400;
    margin: 10px 0 0;
    font-size: 16px;
    color: #342f2d;
    line-height: 24px;
    font-family: var(--second-font)
}

.newsletters-tags ul li label span p.first {
    min-height: 80px
}

.newsletters-checkbox-b {
    width: 23px;
    height: 72px;
    position: absolute;
    right: 10px;
    top: 10px
}

.newsletters-checkbox-b input[type=checkbox] {
    display: block;
    width: 44px;
    max-width: 23px;
    height: 26px
}

.newsletters-checkbox-b input+label {
    font-size: 18px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #444343;
    border-radius: 50%;
    background: #fff;
    transition: .1s;
    cursor: pointer;
    z-index: 999 !important;
    color: transparent
}

.newsletters-checkbox-b input+label::after {
    content: "\002B";
    color: #444343;
    left: 0;
    position: relative;
    font-size: 32px
}

.newsletters-checkbox-b input:checked+label {
    background: var(--blue-color);
    transform: scale(1.1);
    border-color: var(--blue-color)
}

.newsletters-checkbox-b input:checked+label::after {
    content: "";
    top: 0;
    color: #fff;
    background: url(/wp-content/themes/fo2023/assets/images/checkmark-newsletter.png) 0 0/100% no-repeat;
    width: 20px;
    height: 16px
}

.newsletters-icon-wrap .tooltip {
    font-size: 15px;
    padding: 7px 14px;
    border-radius: 6px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 3px 5px rgba(175, 175, 175, .4);
    position: absolute;
    background: #fff;
    right: -30px;
    top: -48px;
    font-family: var(--second-font);
    opacity: 0;
    transition: .1s
}

.newsletters-tags ul li:hover .newsletters-icon-wrap .tooltip {
    opacity: 1;
    transition: .1s
}

.tooltip:after {
    top: 100%;
    left: 50%;
    border: 10px solid rgba(136, 183, 213, 0);
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    margin-left: -10px
}

.newsletters-tags ul li.active .newsletters-icon-wrap .tooltip {
    opacity: 0 !important
}

@media(max-width:991px) {

    .donation-grid,
    .newsletters-tags ul {
        grid-template-columns: 1fr;
        gap: 0
    }

    .donation-text-dekstop {
        display: none
    }

    .donation-text-mobile {
        display: block
    }

    .donation-grid .donation_right_panel {
        margin: 25px 0;
        width: 100%;
        text-align: left
    }

    .donation_left_panel {
        text-align: center;
        box-shadow: 0 10px 25px #e1e1e1
    }

    .donation_left_panel img {
        box-shadow: none
    }

    .fo-copyright {
        text-align: center
    }

    .newsletters-top-text p {
        font-size: 21px
    }

    .newsletters-tags ul li {
        margin-bottom: 20px
    }

    .newsletters-tags ul li:last-child {
        margin-bottom: 0
    }

    .newsletters-tags ul li label span p.first {
        min-height: inherit
    }
}

@media(max-width:575px) {
    #page_newsletter {
        padding: 20px;
        margin-bottom: 30px
    }

    .newsletters-tags ul {
        margin-top: 30px
    }

    .newsletters-top-text p {
        font-size: 18px;
        line-height: 26px
    }

    .newsletters-icon-wrap {
        min-height: 200px
    }

    .fowednesday .entry-header {
        padding: 0 15px
    }

    .fowednesday .date-time-bookmark {
        padding: 0 15px 10px;
        margin-bottom: 10px
    }

    .fowednesday .post-thumbnail {
        padding-top: 0;
        margin-bottom: 10px
    }

    .fowednesday table {
        margin-bottom: 0 !important
    }

    .fowednesday table tr td {
        padding: 5px !important
    }
}

@media(max-width:481px) {
    .newsletters-page .newsletters-tags ul li {
        padding: 0
    }

    .newsletters-icon-wrap .tooltip {
        font-size: 12px;
        padding: 5px 8px;
        right: -10px;
        top: -39px
    }

    .newsletters-page .newsletters-tags ul li label span {
        width: 100%
    }
}

footer .nav-first-col.col-n ul li a {
    font-size: 15px;
    color: #a3a3a3;
    font-weight: 400
}

footer .nav-first-col.col-n ul li.fo-login-link a {
    background: var(--red-color);
    color: #fff;
    padding: 5px 15px;
    text-transform: uppercase;
    display: inline-block
}

footer .nav-first-col.col-n ul li.fo-login-link a:hover {
    background: var(--blue-color);
    color: #fff;
    opacity: 1
}

footer .nav-2n-col.col-n .nav-post article .fo-post-content a {
    color: #a3a3a3
}

footer .nav-first-col.col-n ul li a:hover {
    text-decoration: underline;
    transition: .2s ease-out
}

.menu-donate-content p,
footer .menu-donate-content h2 {
    font-family: var(--font-family)
}

.static-page-all .entry-content a.blue-color {
    color: #00f
}

@media(max-width:480px) {
    .singlevents-fo-top .entry-title {
        font-size: 26px;
        line-height: 34px;
        margin-top: 15px
    }

    .single-featuring-author .single-author-featuring {
        grid-template-columns: 15% 81%;
        gap: 0 4%
    }

    .single-events .post-thumbnail .caption {
        padding: 5px 15px 0
    }

    .fo-search-row,
    .fo-top-btn {
        display: none
    }

    .support-us-m {
        display: block
    }

    .support-us-m a {
        display: flex;
        color: #fff;
        font-family: var(--second-font);
        padding: 5px 10px;
        background: var(--blue-color);
        border-radius: 36px;
        gap: 5px;
        margin-right: 10px
    }

    .hamburger-box {
        width: 21px
    }

    .support-us-m a:hover {
        background: var(--red-color)
    }

    .support-us-m svg {
        fill: #fff;
        width: 14px;
        height: 23px
    }

    .fo-HeaderNavigation-Menu .fo-search-row {
        display: inline-flex;
        align-items: center
    }

    .fo-HeaderNavigation-Menu .nav-first-col.col-n h4 {
        display: flex;
        justify-content: space-between
    }
}

.fo-top-btn .fo-donatebtn a span,
.fo-top-btn .fo-eventbtn a span {
    line-height: normal
}

.bookmark {
    text-align: right;
    position: relative
}

.bookmark-wrap {
    display: flex;
    justify-content: space-between;
    line-height: normal;
    width: 100%
}

.bookmark-tag,
.nonmember-bookmark-tag {
    font-size: 13px;
    font-family: var(--second-font);
    font-weight: 700;
    line-height: normal
}

.view-bookmark-list-button {
    font-size: 12px;
    line-height: normal;
    font-family: var(--second-font);
    font-weight: 400;
    display: inline-block;
    text-transform: capitalize;
    text-align: center;
    background: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    width: 300px;
    box-shadow: 0 0 5px #ccc;
    position: absolute;
    left: 60px;
    top: 0;
    z-index: 9
}

.view-bookmark-list-button h2 {
    font-family: var(--font-family);
    margin: 0 0 8px;
    line-height: normal;
    padding: 0
}

.view-bookmark-list-button p {
    font-size: 15px;
    margin: 0 auto 15px;
    opacity: .8;
    max-width: 90%;
    text-align: center;
    line-height: 23px
}

.view-bookmark-list-button a {
    border: none;
    width: unset;
    height: inherit;
    background: var(--red-color);
    padding: 6px 12px;
    margin: 0;
    display: inline-flex;
    border-radius: 5px;
    text-decoration: none
}

.view-bookmark-list-button a:hover {
    color: #000;
    background-color: var(--blue-color)
}

.view-bookmark-list-button span {
    display: inline-block;
    line-height: normal;
    white-space: nowrap;
    font-size: 16px;
    margin-right: 8px;
    color: #fff
}

body.category .social_medai_share .vid-page {
    width: inherit;
    margin: inherit
}

.social_medai_share .vid-page {
    width: 60px;
    margin: auto
}

.videocategory .social_medai_share .vid-page {
    width: auto;
    margin: inherit
}

.cbxwpbookmark-list-generic .byline {
    font-size: 15px;
    color: #df0000;
    font-weight: 700;
    line-height: 22px;
    font-family: var(--second-font)
}

.cbxwpbookmark-list-generic .byline a {
    font-size: 15px;
    color: #df0000;
    text-transform: uppercase
}

.cbxwpbookmark-list-generic .posted-on {
    font-size: 15px;
    color: #9b9b9b;
    font-weight: 400;
    line-height: 22px;
    font-family: var(--second-font)
}

.popup_loginmodel.btn-popup-footer-login.pop-active {
    display: flex !important
}

ul.products.columns-4::after,
ul.products.columns-4::before {
    content: " ";
    display: none !important
}

.wp-block-media-text h2.wp-block-heading {
    font-size: 22px;
    line-height: 32px
}

.wp-block-media-text.is-stacked-on-mobile {
    margin-bottom: 25px !important;
    grid-template-columns: 23% auto !important;
    padding: 20px 0;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9
}

body .wp-block-media-text .wp-block-media-text__content {
    padding: 0 4%
}

.team-w-100 {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 27px;
    flex-wrap: wrap
}

.page-template-confirmation_required .middle {
    border: 1px solid #ccc;
    margin: 50px auto;
    padding: 20px;
    width: 100%;
    max-width: 600px;
    border-radius: 20px;
    box-shadow: 10px 7px 0 0 #000;
    background: #e9e5FF42
}

.page-template-confirmation_required .click-here-button {
    color: #fff;
    background: #1d2a99;
    padding: 12px 22px;
    display: flex;
    width: fit-content;
    margin: auto;
    border-radius: 50px;
    font-weight: 700;
    align-items: center;
    gap: 2px
}

.page-template-confirmation_required .click-here-button svg {
    width: 20px;
    fill: #fff
}

.page-template-confirmation_required .confirmation_message ol {
    padding-left: 20px;
    list-style: auto inside;
    margin: 0 20px;
    text-align: start
}

@media(max-width:767px) {
    body .wp-block-media-text h2.wp-block-heading {
        font-size: 22px;
        line-height: 32px
    }

    body .wp-block-media-text .wp-block-media-text__content {
        padding: 10px 0 0
    }
}

@supports (-webkit-appearance:none) {

    .podcast_content p:first-child::first-letter,
    .single article .entry-content p:first-child::first-letter,
    .upcase::first-letter {
        font-size: 120px;
        line-height: 115px;
        display: block;
        float: left;
        padding: 0 10px 0 0;
        font-weight: 400;
        color: var(--red-color);
        margin-top: 0
    }
}

.internship-wrapper .heading {
    font-size: 25px
}

.internship-wrapper .sub-heading {
    font-size: 23px
}

.internship-wrapper ol {
    list-style: disc;
    margin-left: 60px;
    margin-top: 25px
}

.internship-wrapper ol li {
    list-style: disc;
    margin-bottom: 10px
}

.internship-wrapper .user-block {
    border: 1px solid #010101;
    padding: 10px
}

.internship-wrapper .user-block .d-block {
    margin-top: 15px;
    font-size: 18px;
    font-style: italic;
    line-height: 26px
}

.internship-wrapper .user-block .d-block img {
    float: left;
    margin: 0 15px 15px 0
}

.internship-wrapper .user-block span {
    display: block;
    font-style: normal;
    margin-top: 15px;
    font-size: 22px
}

.internship-wrapper .requirement-block {
    border-bottom: 1px solid #c9c9c9
}

.internship-wrapper .requirement-block h5 {
    font-size: 20px;
    font-weight: 700
}

@media(max-width:500px) {
    .sr-dashboard-content ul li {
        flex-direction: column
    }

    .bookmark-post-image {
        max-width: 100%;
        text-align: center;
        margin: 0
    }

    .bookmark-post-image img {
        width: 100%;
        aspect-ratio: 1.5
    }

    .trash-icon {
        padding: 8px;
        justify-content: center;
        position: static;
        max-width: 150px;
        margin: 15px auto 0
    }

    .postid-108979 header.fo-site-header,
    .postid-109146 header.fo-site-header,
    .postid-112681 header.fo-site-header,
    .postid-113830 header.fo-site-header,
    .postid-128723 header.fo-site-header,
    .postid-131376 header.fo-site-header,
    .postid-143263 header.fo-site-header,
    .postid-145413 header.fo-site-header,
    .postid-149716 header.fo-site-header,
    .postid-150946 header.fo-site-header,
    .postid-151306 header.fo-site-header,
    .postid-151398 header.fo-site-header,
    .postid-151875 header.fo-site-header,
    .postid-152991 header.fo-site-header,
    .postid-78911 header.fo-site-header,
    .postid-78914 header.fo-site-header,
    .postid-80960 header.fo-site-header,
    .postid-82013 header.fo-site-header,
    .postid-87061 header.fo-site-header,
    .postid-92034 header.fo-site-header,
    .postid-92324 header.fo-site-header,
    .postid-96098 header.fo-site-header,
    .postid-97260 header.fo-site-header,
    .postid-97492 header.fo-site-header {
        background: #f4f4f4;
        padding: 22px 0;
        transition: 150ms
    }

    .internship-wrapper ol,
    .internship-wrapper p {
        font-size: 19px;
        line-height: 29px
    }

    .internship-wrapper,
    .internship-wrapper .user-block span {
        font-size: 20px;
        line-height: 30px
    }

    .internship-wrapper ol {
        margin-left: 30px
    }
}

/* 23-12-2024 (FOR FO ARTICLE)---------------------------------------------------------------------------------------------------------------------------- */
.new_icons_wrap .cbxwpbkmarktrig:before { width: 24px; height: 24px;}
.new_icons_wrap .cbxwpbkmarktrig-label { display: none;}
.new_icons_wrap { display: flex; gap: 32px;}
.article_comment_icon { position: relative;}
.article_comment_icon .tooltip { background: #DF0000; bottom: 100%; color: #fff; display: block; left: -86px; margin-bottom: 15px; font-size: 14px; font-weight: bold; opacity: 0; padding: 8px 12px; pointer-events: none; position: absolute; width: 100%; -webkit-transform: translateY(10px);   -moz-transform: translateY(10px);   -ms-transform: translateY(10px);    -o-transform: translateY(10px);     transform: translateY(10px); -webkit-transition: all .25s ease-out;   -moz-transition: all .25s ease-out;   -ms-transition: all .25s ease-out;    -o-transition: all .25s ease-out;     transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);   -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);   -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);    -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);     box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);     min-width: 206px;     text-transform: none;
    }
    
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.article_comment_icon .tooltip:before {bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; }
    
    /* CSS Triangles - see Trevor's post */
    .article_comment_icon .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #DF0000 10px; bottom: -10px;  content: " "; height: 0; left: 50%;
    margin-left: -13px; position: absolute; width: 0;  }
    .article_comment_icon:hover .tooltip { opacity: 1; pointer-events: auto;  -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px);
        transform: translateY(0px);  }
    
    /* IE can just show/hide with no transition */
    .lte8 .article_comment_icon .tooltip { display: none; }
    
    .lte8 .article_comment_icon:hover .tooltip { display: block; }

@media (max-width: 460px) {
    .date-time-bookmark, .new_icons_wrap { gap: 15px;}

    .events-template-default .new_icons_wrap { margin: 10px 15px 0 0;}
}


/* LOGIN NEW___________________________________________________________________________________________________________________________________________________ */
.popup_loginmodel { font-family: var(--roboto-font);}
.popup_loginmodel .dm-fo-login-box { height: auto; width: 100%; display: block; position: relative; max-width: 480px; margin: 0 auto; background: #fff; top: 0; border-radius: 10px}
.new_loginModal .new_loginHeader { background-color: var(--red-color); height: 56px; border-radius: 10px 10px 0 0; text-align: left; padding: 16px 0 0 20px;}
.new_loginModal .new_loginHeader .close-popup-btn-signup { line-height: 0; font-size: 24px; cursor: pointer; color: white; float: none; opacity: 1;}
.new_loginModal .dm-fo-login-logo img { max-width: 180px; display: block; margin: auto;}

.new_loginModal .popup-form h3 { font-size: 16px; font-weight: 700; margin: 0 0 32px;}
.new_loginModal .popup-form { margin: 0px 20px 24px; color: #414141;}
.new_loginModal input.tml-field { border: solid 1px #414141; height: 40px; border-radius: 8px;}
.new_loginModal input.tml-field.input-error { border-color: var(--red-color);}
.new_loginModal input.tml-field.input-error::placeholder { color: var(--red-color);}
.new_loginModal input.tml-field::placeholder { color: #767676; font-size: 14px;}
.new_loginModal input.tml-field:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
.new_loginModal .togglepwd { position: absolute; right: 0px; z-index: 9; top: 3px;  color: #c9c9c9; border-radius: 3px; padding: 2px 11px; font-size: 12px; cursor: pointer;}
.new_loginModal .togglepwd i { font-size: 24px; color: #767676;}
.new_loginModal .tml-rememberme-wrap.tml-field-wrap { margin-bottom: 32px;}
.new_loginModal .tml-rememberme-wrap input[type=checkbox] { width: 16px; height: 16px;}
.new_loginModal .tml .tml-label { margin: 0; font-size: 12px; color: #767676; letter-spacing: 0.4px; font-weight: 400;}
.new_loginModal .not-a-member a, .new_loginModal .text_label { font-size: 14px; text-decoration: underline; color: #414141; font-weight: 500;}
.new_loginModal .not-a-member { margin: 74px 0px 32px;}
.new_loginModal .not-a-member .d-flex {  color: #a3a3a3; font-size: 14px; margin-bottom: 14px;}
.new_loginModal .not-a-member .gap-1 { gap: 8px;}
.new_loginModal .not-a-member .d-flex hr { height: 2px; background-color: #a3a3a3; border: none;}
.new_loginModal .tml-alerts { display: none !important;}
.new_loginModal #forgot-password-form h3, .new_loginModal .forgot-password h3 { margin-bottom: 12px;}
.new_loginModal #forgot-password-form p, .new_loginModal .forgot-password h3 + p {font-size: 14px; line-height: 20px; color: #767676; margin-bottom: 32px;}
.new_loginModal h3.large { font-size: 22px; line-height: 33px; color: #000; font-weight: 700; letter-spacing: 0.5px;}
.new_loginModal #membership-form ul { text-align: left; font-size: 14px; font-weight: 500; margin-bottom: 32px; list-style: none;}
.new_loginModal #membership-form ul li { margin-bottom: 16px;}
.new_loginModal #membership-form ul li svg { vertical-align: sub; margin-right: 4px;}
.new_loginModal .member-container { max-width: 300px; margin: auto;}
.new_loginModal .tml-submit-wrap button.tml-button { font-family: var(--roboto-font);}
.new_loginModal .primary_action_btn { display: flex; align-items: center; justify-content: center; font-family: var(--roboto-font); }
.new_loginModal #membership-form .not-a-member { margin-top: 24px;}
.new_loginModal .forget-password-after i svg { width: 59px; color: #414141; display: inline-block; margin-bottom: 32px;}
.error-message { font-size: 12px; line-height: 16px; color: var(--red-color); text-align: left; margin: 5px 0 16px;}
.success-message { font-size: 12px; line-height: 16px; color: green;  margin: 0px 0 16px;}
.new_loginModal .tml .tml-field-wrap { margin-bottom: 1em;}

@media (max-width: 519px) {
    .popup_loginmodel .dm-fo-login-box {max-width: 90%;}
}
@media (max-width: 480px) {
    .popup_loginmodel { align-items: inherit;}
    .popup_loginmodel .dm-fo-login-box {max-width: 100%; border-radius: 0;}
    .new_loginModal .new_loginHeader { border-radius: 0;}
}


.bookmark-full-cover .dm-fo-login-box { max-width: 420px !important; padding: 40px; border-top: 4px solid var(--red-color); border-bottom: 4px solid var(--red-color);}
.bookmark-full-cover .dm-fo-login-box h3, .bookmark-full-cover .headingTitle {font-family: 'Cardo';}