/*
Theme Name: Charitian Child
Theme URI: http://wp.dynamiclayers.net/charitian
Author: DynamicLayers
Author URI: http://dynamiclayers.net
Description: A child theme of Charitian Theme
Version: 1.2.19
Template: charitian
Text Domain: charitian
*/

/* darken the text site-wide */
body {
    color: #567;
}

/* set inline links to stand out from the text */
a, a:hover, a:focus {
    color: #3a88bf;
    text-decoration: underline;
}
.button a,
a.header-btn,
.button a:hover,
a.header-btn:hover,
.button a:focus,
a.header-btn:focus {
    text-decoration: none;
}

/* override various elementor default settings */
.elementor a {
        text-decoration: underline;
}
.elementor-heading-title {
    line-height: 1.2;
}
.elementor-button:hover,
.elementor-button:active,
.elementor-button:focus {
    color: #FFF !important;
    background-color: #69A5DC !important;
}

/* utility classes */
.indent {
    padding-left: 50px;
}
.half-indent {
    padding-left: 15px;
}

/* override a theme style that was ignorning break tags */
@media (max-width: 767px) {
    h1 br, h2 br, h3 br, p br {
        display: initial !important;
    }
}

/* css hide element utilities */
.hide-element {
    display: none !important;
}
@media (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}
@media (min-width: 768px) {
    .hide-on-desktop {
        display: none !important;
    }
}

/* 
    Add a line below the main header to distinguish chapter website main content.
    This gets removed on non-chapter sites via Appearance > Customize > CSS.
*/
header {
    border-bottom: 1px solid #999;
}

/* When a menu item wraps to two lines, ensure it has smaller line-height */
@media (min-width: 993px) {
    .header-menu-wrap li li>a {
        line-height: 1.3;
    }
    .header-menu-wrap li li {
        padding: 3px 35px;
    }
}

/* set the mobile submenus to always be expanded */
@media (max-width: 992px) {
    .primary-header .dropdown-plus {
        display: none;
    }
    .primary-header .header-menu-wrap {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }
    .primary-header ul.sub-menu {
        display: block !important;
    }
}

/* display the chapter menu on mobile */
@media (max-width: 992px) {
    .elementor-widget.header-menu-wrap {
        display: block;
        position: static;
    }
    .elementor-widget.header-menu-wrap .dropdown-plus {
        display: none;
    }
    .elementor-widget.header-menu-wrap  ul.inline-menu {
        display: block !important;
    }
}

/* Make the CTA button on password protected pages be the brand color */
.cht-form .pass-button {
    background-color: #3a88bf;
}

/* make outline buttons look good (e.g. no black background) on active state */
.entry-content .wp-block-button .wp-block-button__link:hover {
    border-color: #6a8695 !important;
    color: #6a8695 !important;
}
.entry-content .wp-block-button .wp-block-button__link:focus {
    color: inherit;
    background: inherit;
}

/* hide the comments text on the blog post elementor widget */
.el-blog-posts .blog-post-inner .footer-meta-right .comments {
    display: none !important;
}

/* change success text on Join Us newsletter signup */
.mc4wp-alert.mc4wp-success {
    color: #fff;
}



/**** Slider styles ****/

/* ensure that the faces in the sliders do not run off the right side of the screen, particularly on mobile */
.dl-slider .bg-img {
    background-position: right center;
}

/* spacing around homepage slider mobile text */
@media (max-width:1023px) {
  .slider-content {
      padding: 0 20px;
  }
}

/* remove slider dots on mobile */
@media (max-width: 600px) {
  .slick-dots {
      display: none !important;
  }
}

/* Ensure that only the first slider shows on initial page load */
.dl-slider .slide-2,
.dl-slider .slide-3 {
    left: -12255px;
    position: absolute;
}



/* widen the logo */
.primary-header .header-logo {
    max-width: 240px;
}
.header .header-logo img {
    max-width: 82% !important;
}

/* reduce site-wide padding in content area on mobile */
@media only screen AND (max-width:576px) {
    .content-area, .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .custom-top-text .elementor-widget-container {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .row {
        margin: 0;
    }
}

/* increase line height on the site */
h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
}

/* set the default page header for every page */
.page-header {
    height: 250px;
    margin-bottom: 20px;
}
.page-header.no-image {
    background-image: url('/wp-content/uploads/2021/01/issues.jpg');
    background-position: top center;
}
.page-header.no-image::before {
    display: block !important;
    content: '';
    background-color: #21202b;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
    z-index: -1;
}

/* Hide unnecessary admin tools when viewing pages as admin */
.entry-footer {
    display: none;
}

/* Turn off the ALL CAPS labels coming from the theme default styles */
label {
    text-transform: inherit;
}

/* change contribute button background color */
.header-right a.header-btn span {
    background: #3d3d3d none repeat scroll 0 0;
}

/* remove the margin from above the page banner on every page */
@media only screen and (min-width: 768px) {
  .entry-content>* {
    margin-top: 0 !important;
  }
}

/* hide the background images in the Subscribe footer overlay */
.subscribe-wrapper .tree {
    display: none !important;
}
.subscribe-wrapper .subs-wave {
    display: none !important;
}

/* remove padding from all pages so there's no space above the banner image */
.charitian #page-wrapper {
    padding-top: 0;
}

/* Add some padding around the logo on mobile devices */
@media only screen and (max-width:1024px) {
  .header-logo {
      margin: 10px
  }
}

/* Prevent chapter contact forms from being full width, which looks obnoxious. */
.chapter-contact-form .wpcf7-form {
    max-width: 500px;
}

/* remove margin on manual page header */
.full-width-page-header .container-fluid {
    padding: 0 !important;
}
.full-width-page-header .elementor-column-wrap {
    padding: 0 !important;
}

/* hide the last menu item on larger screens (in favor of the big CTA button) */
@media only screen and (min-width:600px) {
    #menu-item-4611 {
        display: none;
    }
}
/* hide the Join Us on mobile since we're displaying a top-level version */
@media only screen and (max-width:599px) {
    #menu-item-3547 {
        display: none;
    }
}
/* on homepage, add an overlay on mobile since text is over the slider faces */
@media only screen and (max-width:600px) {
  .dl-slider .bg-img {
      background-position: right center;
  }
    .dl-slider .overlay {
      background-color: rgba(0,0,0,.4) !important;
    }
}

/* remove extra padding on Fair At School page */
.page-id-2163 .wrapper {
    padding: 0 !important;
}
.page-id-2163 .elementor-2163 {
    margin-top: 0;
}

/* Hide 'fund info' on Issues page */
ul.fund-info {
  display: none;
}

/* override contact form 7 submit button styles */
.wpcf7 input[type="submit"] {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #3a88bf;
    padding: 12px 24px;
    border: none;
    border-radius: 3px;
    width: auto;
    letter-spacing: initial;
    text-transform: initial;
    font-family: inherit;
    display: block;
    margin-left: auto;
}
.wpcf7 input:hover[type="submit"] {
    background: #1f202a;
    transition: all 0.4s ease 0s;
}
.wpcf7 input:active[type="submit"] {
    background: #1f202a;
}

/* Service Block */
.dl-service .thumb {
    height: auto;
}

.dl-service a.readmore_btn {
    border: none;
}

/* get rid of obnoxious promo-item animatino from charitian theme */
.dl-promo-item span {
    display: none !important;
}
.dl-promo-item p {
    color: #6A8695 !important;
}
.dl-promo-item h3 {
    color: #263A4F !important;
}
.dl-promo-item a.read-more {
    color: #6A8695 !important;
    text-align: center;
    margin-top: 15px !important;
    margin-bottom: 2px !important;
    display: block;
}

/* hide donate now button on issues page */
.dl-donation-item .donate-btn {
    display: none;
}
.dl-donation-item .donation-details a.cat {
    pointer-events: none;
}

/* Set full width page to actually be full width */
.charitian #full-width-page-wrapper {
    padding: 0;
    min-height: 200px;
}
.charitian #full-width-page-wrapper > .container {
    max-width: 100%;
    padding: 0;
    min-height: 200px;
}

/* Set the petition to align left and have max width */
.max-width-left {
    width: 400px;
    max-width: 100%;
    margin-right: auto;
}
.max-width-content {
    width: 1000px !important;
    max-width: 100%;
    margin: 0 auto;
}

/* prevent the spin effect when mousing over board of advisors members */
.team-3.style-3 .team-thumb:hover img {
    transform: none !important;
}


/* *** Customize the Forums pages *** */

/* disable the input forms now that community.fairforall.org is live */
.bbp-topic-form #new-post,
.bbp-reply-form #new-post {
    display: none;
}

/* hide the search boxes */
#bbpress-forums #bbp-search-form #bbp_search {
    padding: 7px;
}

#bbpress-forums #bbp-search-form > div {
    margin-bottom: 4px;
}

#bbpress-forums #bbp-search-form #bbp_search_submit {
    color: #3a88bf;
    border-color: currentColor;
    border-width: 2px;
    border-style: solid;
    border-radius: 5px;
    padding: .76rem 1rem;
    background-color: #fff;
}

/* hide the chapter forums on the forums main page */
.forum-archive #forums-list-4309,
.forum-archive #forums-list-8485,
.forum-archive #forums-list-15668 {
    display: none !important;
}

/* hide bbpress breadcrumbs */
.bbp-breadcrumb {
    display: none !important;
}

/* change color of informational boxes to gray */
div.bbp-template-notice, 
div.indicator-hint {
    background-color: #efefef;
    border-color: #ccc;
}


/* *** Customize the Fundraisers pages *** */

/* override the width of 1170 so that we can embed the fundraiser */
@media(min-width: 1200px) {
    .wpneocf-container {
        width: 100%;
        max-width: 1170px;
    }
}

/* Hide sections on the /fundraisers/ main page */
.wpneo-author,
.wpneo-location {
    display: none !important;
}

/* Hide sections on the single campaign detail page */
.wpneo-author-info,
.wpneo-campaign-creator-info-wrapper,
.wpneo-single-short-description {
    display: none !important;
}

/* for the gabrielle demo fundraiser, temporarily change the page title */
.page-id-7101 .page-title {
    display: none;
}
.page-id-7101 .page-header .container .row .text-center:before {
    content: 'Fundraisers';
    color: white;
    font-size: 36px;
    font-weight: bold;
    font-family: Roboto,Sans-serif;
}

/* Reposition the share links on the single campaign page */
.social-container {
    display: inline-flex;
    width: 48%;
    float: right;
    margin-top: 20px;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .social-container {
        width: 94%;
        padding: 0 20px;
        margin-top: 0;
        margin-bottom: 20px;
    }
}

/* Display checkboxes on the checkout page */
.woocommerce-checkout-review-order ul li input[type=checkbox] {
    visibility: visible;
    display: block;
}
/* Hide the order notes section on the checkout page */
#order_comments_field {
    display: none !important;
}

/* add borders to the input fields on the checkout page */
.woocommerce-checkout .woocommerce .checkout .checkout_content input {
    border-color: #ccc;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #ccc;
}

/* Darken the input fields on the campaign form */
#wpneofrontenddata .wpneo-fields input[type=email],
#wpneofrontenddata .wpneo-fields input[type=number],
#wpneofrontenddata .wpneo-fields input[type=text],
#wpneofrontenddata .wpneo-fields select,
#wpneofrontenddata .wpneo-fields textarea,
#wpneo-form-description_ifr,
#wpneo-form-short-description_ifr {
    border: 1px solid #ddd;
}
/* Change the font color on the media upload tab on the campaign form */
button#menu-item-upload {
    color: #23282d;
}
button#menu-item-upload:hover {
    color: #0073aa;
}


/* Customize the member form (/members/ and /account/) */
.mepr_mepr-address-one,
.mepr_mepr-address-two,
.mepr_mepr-address-city {
    display: none;
}


/* Customize the Beta page */
/* the landing page is 2546, thank you 2596, login 2606 */

/* beta login box on all protected pages */
.mp_login_form {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.page-id-2546 .mp_login_form,
.page-id-2596 .mp_login_form,
.page-id-2606 .mp_login_form {
    max-width: auto;
    margin: inherit;
}

/* beta header.  */
.page-id-2546,
.page-id-2596,
.page-id-2606 {
    background-image: url('/wp-content/uploads/2021/01/external-content.duckduckgo.jpg');
    background-position: bottom;
    border-top: 20px solid #3A88BF;
    background-repeat: no-repeat;
}
.page-id-2546 .header,
.page-id-2596 .header,
.page-id-2606 .header {
    background: none;
}

.page-id-2546 #menu-main-menu,
.page-id-2596 #menu-main-menu,
.page-id-2606 #menu-main-menu {
  display: none !important;
}

.page-id-2546 .primary-header-inner,
.page-id-2596 .primary-header-inner,
.page-id-2606 .primary-header-inner {
    display: block !important;
}

.page-id-2546 .header-logo,
.page-id-2596 .header-logo,
.page-id-2606 .header-logo {
    width: 100%;
    margin: 50px auto;
    border: 10px solid white;
    background: white
}

.page-id-2546 .viewport-lg .primary-header .header-menu-wrap,
.page-id-2596 .viewport-lg .primary-header .header-menu-wrap,
.page-id-2606 .viewport-lg .primary-header .header-menu-wrap {
  display: none !important;
}

.page-id-2546 .header-right,
.page-id-2596 .header-right,
.page-id-2606 .header-right {
  display: none !important;
}

/* beta page */
.page-id-2546 .mepr_price,
.page-id-2596 .mepr_price,
.page-id-2606 .mepr_price {
    display: none;
}


/* beta login box on all protected pages */
.mp_login_form {
    width: 100%;
    max-width: 400px !important;
    margin: 0 auto;
}
.mepr-unauthorized-message {
    width: 100%;
    max-width: 400px !important;
    margin: 40px auto 0;
}

/* beta footer */
.page-id-2546 .wrapper.footer-widget-section.dark-widget,
.page-id-2596 .wrapper.footer-widget-section.dark-widget,
.page-id-2606 .wrapper.footer-widget-section.dark-widget {
    display: none;
}

.page-id-2546 div#wrapper-footer,
.page-id-2596 div#wrapper-footer,
.page-id-2606 div#wrapper-footer {
    display: none;
}

/* overwrite salsa css style affecting the homepage slider */
.slick-slider {
    margin-bottom: inherit !important;
}
.slick-prev:before,
.slick-next:before {
    content: '' !important;
}

/* Override salsa styles that were making input boxes hard to see */
.sli-form input:not([type]), .sli-form input[type="text"], .sli-form input[type="password"], .sli-form input[type="date"], .sli-form input[type="datetime"], .sli-form input[type="datetime-local"], .sli-form input[type="month"], .sli-form input[type="week"], .sli-form input[type="email"], .sli-form input[type="number"], .sli-form input[type="search"], .sli-form input[type="tel"], .sli-form input[type="time"], .sli-form input[type="url"], .sli-form input[type="color"], .sli-form textarea, .sli-form input[type="file"], .sli-form .sli-element select {
    border-width: 1px !important;
}

/* Style the custom news box on FAIR News */
h5.news-item-headline {
 margin: 20px 0 15px;
}
.news-item-headline a {
 font-family: Times New Roman, serif;
 text-decoration: none !important;
 color: black;
 font-size: 22px;
 line-height: 1.3em;
 transition: none !important;
}
.news-item-headline a:hover {
 text-decoration: underline !important;
 color: #3a88bf;
}
a.news-continue {
 text-decoration: none !important;
 color: #bbb;
 transition: none !important;
}
a.news-continue:hover {
 color: #bbb;
 text-decoration: underline !important;
}

/* Hide the image on blog news posts, because they are far too large on chapter news sections */
.single-post-head img.wp-post-image {
    display: none;
}

/* reduce padding on top of chapter news entries */
.wrapper#single-wrapper {
    padding-top: 50px;
}

/* Disable registration button on Film Festival page */
.film-festival.disabled .sli-button {
    pointer-events: none;
    background: #ccc !important;
}

/* Hide the PDF Embedder's "View in Full Screen" button on mobile. */
.pdfemb-wantmobile {
    display: none;
}

/* Add focus state for keyboard navigation across the site */
video.elementor-video:focus-visible,
ul#menu-footer-more > li > a:focus-visible,
ul.wt-social-icons > li > a:focus-visible,
div.header-logo > a:focus-visible,
ul#menu-main-menu > li:focus-visible,
ul#menu-main-menu > li > ul > li:focus-visible,
ul#menu-main-menu > li > ul > li > ul > li:focus-visible,
button:focus-visible,
div.elementor-text-editor > p > a:focus-visible,
div.layoutArea p a:focus-visible,
div.wp-block-column p a:focus-visible,
a.wp-block-button__link:focus-visible,
section.elementor-section a:focus-visible,
section.elementor-section select:focus-visible,
form#mepr_loginform input:focus-visible,
form.mepr-signup-form input:focus-visible,
form.mepr-signup-form select:focus-visible,
div.sli-callout.sli-element > p > strong > a:focus-visible,
div.sli-social-icons-list a:focus-visible,
div#addeventatc1:focus-visible,
div#addeventatc2:focus-visible,
div#addeventatc3:focus-visible,
div#addeventatc4:focus-visible,
div#addeventatc5:focus-visible,
div.sli-element.sli-text a:focus-visible,
div.sli-element.sli-mailing-lists input:focus-visible,
input#bbp_search_submit:focus-visible,
div#bbpress-forums a:focus-visible,
div#wp-bbp_reply_content-editor-container input:focus-visible,
div#wp-bbp_reply_content-editor-container textarea:focus-visible,
input#bbp_topic_tags:focus-visible,
input#bbp_topic_subscription:focus-visible,
div#mepr-account-nav a:focus-visible,
form.mepr-account-form.mepr-form input:focus-visible,
form.mepr-account-form.mepr-form select:focus-visible,
span.mepr-account-change-password a:focus-visible
{
    outline: 3px darkblue solid !important;
    box-shadow: 0 0 0px 4px white !important;
}

.skip-navigation {
    top: -80px;
    transition: top 0.3s linear;
    text-align: center;
    color: #009fdb;
    margin: 0 auto;
    position: fixed;
    z-index: 1001;
    transform: translate(-50%, 0);
    left: 50%;
    display: block;
}
.skip-navigation:focus {
    outline: none;
    top: 0px;
    transition: top .3s linear;
    z-index: 1003;
    color: #009fdb;
    text-decoration: underline;
    background-color:white;
    width: 100%;
    height: 80px;
}
.skip-navigation a {
    text-align: center;
}
.snMarker{
    margin: 20px 20px 20px 20px;
    border: 1px solid #009fdb;
}

/*
    The imgs on board of directors page required an
    adjustment from hover to focus for keyboard navigation
    - css was adapted from el-main.css
 */
.team-3.style-3:focus-within .team-thumb img{
    -webkit-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg);
    filter: blur(2px);
    -webkit-animation: teamhover 0.2s linear;
    animation: teamhover 0.2s linear;
}

.team-3.style-3:focus-within .team-social li{
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}


div.play-btn-wrap > a:focus > div.dl-vb-2{
    background-color:#FA575D;
    color:#fff;
}

ul#menu-main-menu li:focus > ul{
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

ul#menu-main-menu li ul:focus-within {
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

/* override a:focus in default-styles.css in charitian */
a.header-btn:focus,
a.dl-btn-1:focus,
a.dl-btn-2:focus,
a.sli-button.sli-flat.sli-small:focus,
a.sli-button.sli-floating.sli-expand:focus,
p.bbp-attachments-form input:focus{
    background: black !important;
}

/* FAIRstory: Override the heading styles on the FAIRstory site (#105) */
.site-105 h1,
.site-105 h2,
.site-105 h3,
.site-105 h4,
.site-105 h5,
.site-105 h6{
	font-weight: 500;
	line-height: 1.2;
}
.site-105 h1 {
    font-size: 40px;
}
.site-105 h2 {
	font-size: 32px;
}
.site-105 h3 {
	font-size: 25px;
}
.site-105 h4 {
    font-size: 24px
}
.site-105 h5 {
    font-size: 20px
}
.site-105 h6 {
    font-family: 'Work Sans', serif;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
}

/* FAIRstory: Remove the box shadow from promo items */
.site-105 .dl-promo-item {
	box-shadow: none;
	border: 1px solid #ccc;
}

/* Hide the "Join Button" on Charitian sites, since "join" is already a menu item since the 2022 redesign. */
.primary-header-inner .header-right {
	display: none !important;
}