/*
Theme Name: Revive Charity Child
Theme URI: https://reachoutbham.org/
Description: Custom child theme for Reachout Birmingham.
Author: Reachout Birmingham
Template: benevolent
Version: 1.0.0
Text Domain: revive-charity-child
*/

/* ==================================================
   REACHOUT CHILD THEME – SITE OVERRIDES
   Keep new site-specific rules in this section.
   ================================================== */

/* GLOBAL MOBILE CONTENT TEXT SIZE – navigation excluded */
@media screen and (max-width: 767px) {
    #page .site-content p,
    #page .site-content li,
    #page .site-content td,
    #page .site-content th,
    #page .site-content blockquote,
    #page .site-content label,
    #page .site-content input,
    #page .site-content textarea {
        font-size: 150% !important;
    }
}

/* HEADER – desktop logo and navigation */
.header-t > .container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.site-logo,
.site-logo a {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
}

.site-logo img.custom-logo {
    display: block;
    width: 330px !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 15px !important;
}

.site-logo,
.site-logo a {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0;
}

.site-logo img.custom-logo {
    display: block;
    width: 330px !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 15px !important;
}

/* ==========================================================
   MOBILE HEADER – CORRECTED
   ========================================================== */

@media screen and (max-width: 767px) {

    /* Full-width blue header */
    .mobile-header {
        display: block !important;
        width: 100% !important;
        background: #1C69DB !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* Logo and hamburger on ONE horizontal line */
    .mobile-header > .container {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 12px 15px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
        background: #1C69DB !important;
    }

    /* Branding */
    .mobile-header .site-branding.logo-text {
        display: block !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    .mobile-header .site-logo {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
    }

    .mobile-header .site-logo img.custom-logo {
        display: block !important;
        width: 200px !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        border-radius: 15px !important;
    }

    .mobile-header .site-title-wrap,
    .mobile-header .btn-donate {
        display: none !important;
    }

    /* Hamburger */
    .mobile-header button.menu-opener {
        display: flex !important;
        position: static !important;
        float: none !important;
        flex: 0 0 48px !important;
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        margin: 0 0 0 12px !important;
        padding: 5px !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: 0 !important;
        transform: none !important;
    }

    .mobile-header button.menu-opener span {
        display: block !important;
        width: 32px !important;
        height: 4px !important;
        margin: 3px 0 !important;
        background: #FFFFFF !important;
        border: 0 !important;
        border-radius: 2px !important;
    }

}

/* MOBILE MENU – X OVERLAYING THE HAMBURGER */
@media screen and (max-width: 767px) {

    #mobile-site-navigation button.btn-menu-close {
        position: fixed !important;
        top: 12px !important;
        right: 15px !important;

        width: 48px !important;
        height: 48px !important;

        z-index: 100001 !important;
        margin: 0 !important;
    }

    /* Account for the WordPress admin toolbar */
    /*body.admin-bar #mobile-site-navigation button.btn-menu-close {
        top: 88px !important;
    }*/
}

/* ==========================================================
   MOBILE MENU – TRAY, ITEMS AND CLOSE BUTTON
   ========================================================== */

@media screen and (max-width: 767px) {

    /* ADJUST THIS VALUE TO MOVE THE WHOLE MENU DOWN */
    #mobile-site-navigation {
        --mobile-menu-offset: -50px;
        padding-top: var(--mobile-menu-offset) !important;
        background: #EAF1FA !important;
    }

    .mobile-menu {
        background: #EAF1FA !important;
    }

    /* Main menu tray */
    #mobile-site-navigation .primary-menu-list {
        position: relative !important;
        background: #EAF1FA !important;
        padding: 15px 14px 30px !important;
        box-sizing: border-box !important;
    }

    /* Menu list */
    #mobile-primary-menu {
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Individual menu tiles */
    #mobile-primary-menu > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF !important;
        border: 1px solid #C8D7EA !important;
        border-left: 5px solid #1C69DB !important;
        border-radius: 3px !important;
        box-shadow: 0 2px 5px rgba(20, 45, 75, 0.10) !important;
        overflow: hidden;
    }

    /* Menu link text */
    #mobile-primary-menu > li > a {
        display: block !important;
        padding: 17px 20px !important;
        color: #183653 !important;
        background: #FFFFFF !important;
        font-size: 21px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        text-decoration: none !important;
    }

    /* Hover and focus */
    #mobile-primary-menu > li > a:hover,
    #mobile-primary-menu > li > a:focus {
        color: #1C69DB !important;
        background: #E3EDFC !important;
    }

    /* Current page */
    #mobile-primary-menu > li.current-menu-item {
        border-left-color: #174F9E !important;
    }

    #mobile-primary-menu > li.current-menu-item > a {
        color: #174F9E !important;
        background: #DCE9FC !important;
        font-weight: 700 !important;
    }

    /* Close button – blue square with white X */
    #mobile-site-navigation button.btn-menu-close {
        position: absolute !important;
        top: -72px !important;
        right: 15px !important;
        display: block !important;
        width: 48px !important;
        height: 48px !important;
        padding: 0 !important;
        background: #1C69DB !important;
        border: 0 !important;
        border-radius: 3px !important;
        box-shadow: none !important;
        z-index: 100001 !important;
    }

    /* Explicitly draw the white X */
    #mobile-site-navigation button.btn-menu-close::before,
    #mobile-site-navigation button.btn-menu-close::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 22px !important;
        left: 9px !important;
        width: 30px !important;
        height: 4px !important;
        background: #FFFFFF !important;
        opacity: 1 !important;
        border: 0 !important;
        border-radius: 2px !important;
    }

    #mobile-site-navigation button.btn-menu-close::before {
        transform: rotate(45deg) !important;
    }

    #mobile-site-navigation button.btn-menu-close::after {
        transform: rotate(-45deg) !important;
    }
}

/* SMALL MOBILE */
@media screen and (max-width: 400px) {
    .site-logo img.custom-logo {
        width: 125px !important;
    }
}

.main-navigation,
#site-navigation,
#primary-menu {
    margin: 0 !important;
    padding: 0 !important;
}

#primary-menu > li > a {
    font-size: 2em !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.site-header,
.header-t {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* ==========================================
   MAIN NAVIGATION – SUBMENU
========================================== */

/* Submenu panel */
.main-navigation ul.sub-menu {
    background: #1C69DB !important;
    border: 0 !important;
    padding: 8px 0 !important;
    min-width: 220px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.18);
}

/* Submenu items */
.main-navigation ul.sub-menu li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Submenu links */
.main-navigation ul.sub-menu li a {
    display: block !important;
    padding: 13px 20px !important;
    color: #FFFFFF !important;
    background: #1C69DB !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
    text-decoration: none !important;
}

/* Submenu hover */
.main-navigation ul.sub-menu li a:hover,
.main-navigation ul.sub-menu li a:focus {
    color: #1C69DB !important;
    background: #EAF1FA !important;
}

/* ==========================================
   ACTIVE PAGE – MAIN NAVIGATION
========================================== */

.main-navigation ul#primary-menu > li.current-menu-item > a,
.main-navigation ul#primary-menu > li.current_page_item > a,
.main-navigation ul#primary-menu > li.current-menu-ancestor > a,
.main-navigation ul#primary-menu > li.current_page_ancestor > a {
    color: #1C69DB !important;
    background: #EAF1FA !important;
    font-weight: 800 !important;
}

/* ==========================================
   ACTIVE PAGE – SUBMENU
========================================== */

.main-navigation ul.sub-menu li.current-menu-item > a,
.main-navigation ul.sub-menu li.current_page_item > a {
    color: #1C69DB !important;
    background: #EAF1FA !important;
    font-weight: 800 !important;
    border-left: 5px solid #1C69DB !important;
}

/* Padding for active submenu highlight */
.main-navigation ul.sub-menu li.current-menu-item > a,
.main-navigation ul.sub-menu li.current_page_item > a {
    padding: 16px 24px !important;
}

/* ==========================================
   MAIN MENU AND SUBMENU LINK STYLING
========================================== */

/* Main menu links */
#primary-menu > li > a {
    font-size: 2em !important;
    line-height: 1 !important;
    padding: 5px !important;
    padding-bottom: 0 !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
}

/* Submenu links */
#primary-menu ul.sub-menu li > a {
    font-size: 1.3em !important;
    line-height: 1.2 !important;
    padding: 12px 15px !important;
    border-radius: 3px !important;
    text-transform: uppercase !important;
}


/* PRIVACY POLICY – ABOUT SUBMENU LINK */
#primary-menu ul.sub-menu li.menu-item-privacy-policy > a {
    font-family: var(--primary-font) !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    background: #1C69DB !important;
}

/* Hover – yellow text */
#primary-menu ul.sub-menu li.menu-item-privacy-policy > a:hover,
#primary-menu ul.sub-menu li.menu-item-privacy-policy > a:focus {
    color: #FFFF00 !important;
    background: #1C69DB !important;
}

/* Active Privacy Policy page */
#primary-menu ul.sub-menu li.menu-item-privacy-policy.current-menu-item > a {
    color: #FFFF00 !important;
    background: #1C69DB !important;
    font-weight: 800 !important;
}

#primary-menu ul.sub-menu > li {
    min-width: 320px !important;
    width: 100% !important;
}

#primary-menu ul.sub-menu > li > a {
    font-size: 28px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 18px !important;
}

li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-privacy-policy.menu-item-1823 {
   font-size: 28px;
}


/* ========================================
   HOMEPAGE KEY MESSAGES – LARGE BLUE BULLETS
======================================== */

.ro-message-1 {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1400px;
    margin: 35px auto;
    padding: 25px 0;
    box-sizing: border-box;
    text-align: center;
}

.ro-message-1 .ro-message-item {
    flex: 1 1 25%;
    padding: 15px 10px;
    box-sizing: border-box;
}

.ro-message-1 .ro-message-item h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 0 !important;
    padding: 0;
    color: #1C69DB !important;
    font-size: 52px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

/* Blue pseudo-bullet */
.ro-message-1 .ro-message-item h2::before {
    content: "";
    display: inline-block;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    background: #1C69DB;
    border-radius: 50%;
}

/* Mobile layout */
@media screen and (max-width: 767px) {
    .ro-message-1 .ro-message-item {
        flex: 1 1 50%;
    }

    .ro-message-1 .ro-message-item h2 {
        font-size: 32px !important;
        gap: 9px;
    }

    .ro-message-1 .ro-message-item h2::before {
        flex-basis: 11px;
        width: 11px;
        height: 11px;
    }
}

/* FOOTER – blue background and white content */
#colophon,
#colophon .footer-t,
#colophon .site-info {
    background-color: #1C69DB !important;
}

#colophon,
#colophon p,
#colophon span,
#colophon .widget,
#colophon .widget_text,
#colophon .textwidget {
    color: #FFFFFF !important;
}

#colophon a,
#colophon a:visited {
    color: #FFFFFF !important;
    text-decoration: none;
}

#colophon a:hover,
#colophon a:focus {
    color: #FFFFFF !important;
    text-decoration: underline;
}


a.privacy-policy-link {
    font-size: 14px;
    line-height: 0.7;
    position: relative;
    top: -4px;  /* move up 4px */
    left: 5px;  /* move right 5px */
}

/* MOBILE HEADER, HOMEPAGE MESSAGES AND FOOTER */
@media screen and (max-width: 767px) {
    .header-t > .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px;
        padding: 8px 12px !important;
    }

    .site-logo {
        width: 100%;
        text-align: center;
        margin: 0 auto !important;
    }

    .site-logo img.custom-logo {
        width: 220px !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .ro-message-1 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
        align-items: center;
        gap: 18px 5px;
        margin: 25px auto !important;
        padding: 15px 5px !important;
    }

    .ro-message-1 > div {
        width: 100%;
        min-width: 0;
        padding: 5px 0 !important;
        text-align: center;
    }

    .ro-message-1 h2 {
        text-align: center !important;
        white-space: normal;
    }
/*
    .footer-t .row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
        text-align: center;
    }*/

    .footer-t .column {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .footer-t img,
    .footer-t svg {
        display: block;
        width: 100%;
        max-width: 260px;
        height: auto;
        margin: 0 auto;
    }

    .quote-rotator {
        height: auto !important;
        min-height: 0 !important;
        padding: 10px 0;
    }

    .quote-rotator blockquote {
        margin: 1rem auto;
        padding: 0 15px;
        line-height: 1.4;
        height: auto !important;
        min-height: 0 !important;
    }

    .wp-image-1427 {
        max-width: 100%;
        height: auto;
    }

    .mobile-menu,
    #mobile-site-navigation,
    .primary-menu-list,
    .overlay {
        max-width: 100vw;
    }
}

	.quote-rotator blockquote p {
        font-size: 36px;
    }
	

@media screen and (max-width: 400px) {
    .site-logo img.custom-logo {
        width: 185px !important;
    }
}

/* --------------------------------------------------------------------------
   EXISTING BENEVOLENT / REVIVE CHARITY STYLES
   Original theme rules and comments retained below.
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   REFACTORED STYLESHEET
   Theme sections remain grouped by site area; general content and responsive
   overrides follow the homepage sections.
   -------------------------------------------------------------------------- */


/* header section */
:root{
    --primary-font: 'Lexend Deca', sans-serif;
    --primary-color: #45C267;
    --secondary-color: #F8B016;
}

body{
    font-family: var(--primary-font);
    font-size: 18px;
}

/* ========================================
   HEADINGS – H1 TO H6
======================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font);
    font-weight: 700;
    line-height: 1.2;
}

/* Main page heading */
h1 {
    font-size: 48px !important;
    padding-bottom: 26px;
    display: inline-block;
}

/* Section heading */
h2 {
    font-size: 30px !important;
    line-height: 1.2;
    margin: 2.5em 0 1.5em;
}

/* Subheadings */
h3 {
    font-size: 26px;
    margin: 1.5em 0 0.75em;
}

h4 {
    font-size: 22px;
    margin: 1.25em 0 0.75em;
}

h5 {
    font-size: 18px;
    margin: 1em 0 0.5em;
}

h6 {
    font-size: 16px;
    margin: 1em 0 0.5em;
}

body.home.admin-bar .site-header {
    padding-top: 0px;
    background: none;
    position: relative;
}

.site-header .header-top {
    padding: 16px 0 0;
}

.site-header .header-top .social-networks li a {
    color: #fff;
}

.site-header .secondary-navigation ul li {
    margin-left: 26px;
}


.site-header .site-branding .site-title a {
    color: #000;
}

.main-navigation li {
    margin-left: 44px;
}

.main-navigation a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #000;
}

.main-navigation a:hover {
	color: #eeee22 !important;/* ro yellow */
}

.main-navigation ul .submenu-toggle svg path {
    fill: #000;
}

.site-header .site-branding .site-description {
    color: grey;
}

.site-header .secondary-navigation ul {
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
}

.site-header .btn-donate {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    /*background: var(--secondary-color);*/
	background: #eeee22;/* ro yellow */
    color: #111;
    padding: 15px 24px;
    cursor: pointer;
    height: unset;
    width: unset;
    text-transform: uppercase;
    border-radius: 4px;
    letter-spacing: -0.01em;
}

body.custom-background {
    background-color: #FFF !important;
}

/* custom rules */
.indent1 { 
	display:block;
	margin-top: 1em !important; 
	margin-left: 1em !important; 
}

.ro-blue { 
	color: #1C69DB !important;}

input[type="image"] {
    width: 200px;
}

.site-header .btn-donate:hover {
    background: none;
    color: #000;
    border: 1px solid var(--secondary-color);
}


.site-header .header-top .social-networks li:first-child {
    margin-left: 0px;
}

.site-header .site-branding .site-title{
    line-height: 1.75;
}

.site-branding.logo-text{
    display: flex;
    align-items: center;
}

.site-branding.logo-text .site-title{
      font-size: 1.7em;
}

.site-header .right-panel {
    align-items: center;
    margin-left: auto;
    margin-left: auto;
}

.site-header .header-bottom .container{
    display: flex;
    align-items: center;
}

.home.has-slider .site-header {
    background: none;
    position: unset;
}

/* donation section */

#acc-content .give-section{
    background: #fff;
    padding: 53px 0 96px 0;
}

#acc-content .give-section .header{
    text-align: center;
    margin-bottom: 56px;
}

#acc-content .give-section .main-title{
    text-align: center;
    color: #0F0F0F;
    font-size: 40px;
    line-height: 3.11rem;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
}

.give-section .header p{
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: rgba(24, 24, 24, 0.8);
}

.give-section .give-holder .post{
    background: #fff;
    box-shadow: 0px 38px 87px rgba(29, 35, 39, 0.03), 0px 13.8706px 41.6129px rgba(29, 35, 39, 0.0206994), 0px 6.73393px 27.2666px rgba(29, 35, 39, 0.0166887), 0px 3.3011px 18.0265px rgba(29, 35, 39, 0.0133113), 0px 1.30526px 9.48276px rgba(29, 35, 39, 0.00930055);
    border-radius: 8px;
}

#acc-content .give-section .give-holder .owl-item.active {
    margin-right: 30px;
}

.give-section .give-holder .post .text-holder .entry-title {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.11;
}

.give-section  .owl-carousel .owl-item img {
    border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

.give-section .give-holder .post .text-holder .entry-title a {
    color: #0F0F0F;
    font-weight: 500;
}

.give-section .give-holder .post .text-holder .entry-title a:hover,
.give-section .give-holder .post .text-holder .entry-title a:focus {
    color: var(--primary-color);
    text-decoration: none;
}

.give-section .give-holder .post .text-holder {
    padding: 24px 16px;
    text-align: left;
}

.give-section .give-holder .post .text-holder .entry-content p{
    font-size: 16px;
    line-height: 1.667;
    color: #000000;
    margin-bottom: 20px;
    opacity: 0.7;
}

.give-section .give-holder .post .text-holder .btn-donate{
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    background: var(--secondary-color);
    display: block;
    padding: 12px 24px;
    color: #fff;
    border: 1px solid var(--secondary-color);
    text-align: center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
    height: unset;
    width: unset;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;

}

.give-section .give-holder .post .text-holder .btn-donate:hover{
    background: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
}

.give-section .owl-nav .owl-prev, .give-section .owl-nav .owl-next{
    color: var(--primary-color);
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    height: 42px;
    width: 42px;
    display: inline-block;
    margin: 0 5px;
    font-size: 20px;
    line-height: 20px;
    padding: 9px 0;
    box-shadow: 0px 38px 87px rgba(29, 35, 39, 0.03), 0px 13.8706px 41.6129px rgba(29, 35, 39, 0.0206994), 0px 6.73393px 27.2666px rgba(29, 35, 39, 0.0166887), 0px 3.3011px 18.0265px rgba(29, 35, 39, 0.0133113), 0px 1.30526px 9.48276px rgba(29, 35, 39, 0.00930055);
}

 .give-section .owl-carousel .owl-nav .owl-next {
    font-size: 0;
    position: absolute;
    top: 42%;
    right: -65px;
}

.give-section .owl-carousel .owl-nav .owl-prev{
    font-size: 0;
    position: absolute;
    top: 42%;
    left: -65px;
}


.give-section .owl-carousel .owl-nav .owl-next::after{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3572 19.4062L18.0035 12.8541C18.1267 12.7484 18.2256 12.6174 18.2933 12.47C18.3611 12.3226 18.3962 12.1623 18.3962 12C18.3962 11.8377 18.3611 11.6774 18.2933 11.53C18.2256 11.3826 18.1267 11.2515 18.0035 11.1459L10.3572 4.59374C9.6274 3.96842 8.50006 4.48686 8.50006 5.4478L8.50006 18.5541C8.50006 19.515 9.62741 20.0334 10.3572 19.4062Z' fill='%2345C267'/%3E%3C/svg%3E%0A");
    top: 23%;
    background-repeat: no-repeat;
    right: 11px;
    width: 20px;
    height: 20px;
}

.give-section .owl-carousel .owl-nav .owl-prev::after{
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='16' viewBox='0 0 11 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.64275 0.593751L0.996503 7.14595C0.873321 7.25156 0.774442 7.38257 0.706651 7.52999C0.63886 7.67741 0.603761 7.83775 0.603761 8.00001C0.603761 8.16227 0.63886 8.32261 0.706651 8.47003C0.774442 8.61745 0.873321 8.74846 0.996503 8.85407L8.64275 15.4063C9.3726 16.0316 10.4999 15.5131 10.4999 14.5522L10.4999 1.44594C10.4999 0.485001 9.37259 -0.0334367 8.64275 0.593751Z' fill='%2345C267'/%3E%3C/svg%3E%0A");
    top: 28%;
    background-repeat: no-repeat;
    left: 13px;
    width: 20px;
    height: 20px;
}

/* .site-content {
    padding: 60px 0 80px;
} */

.give-goal-progress {
    margin-bottom: 5px;
}

.give-section .cc-goal-raise .goal-wrapper{
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.give-section .cc-goal-raise{
    margin-bottom: 24px;
}
.give-section .cc-goal-raise .goal-wrapper .cc-goal, .give-section .cc-goal-raise .goal-wrapper .cc-goal span, .give-section .cc-goal-raise .goal-wrapper .cc-raise, .give-section .cc-goal-raise .goal-wrapper .cc-raise span{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.give-section .cc-goal-raise .goal-wrapper .cc-goal span{
   color: #000000;   
}

.give-section .cc-goal-raise .goal-wrapper .cc-raise span{
   color: var(--primary-color);
}

.give-goal-progress .give-progress-bar {
    height: 30px;
} 

.give-goal-progress .give-progress-bar>span {
    background: linear-gradient(90.18deg, #45C267 -17.78%, #0F907F 111.84%);
    border-radius: 0px 24px 24px 0px;
    transform: rotate(180deg);
}

.give-section .give-holder .post .text-holder .entry-content .give-goal-progress .raised {
    position: absolute;
    top: -30px;
    font-size: 12px;
    line-height: 15px;
    color: #fff;
    background: #000;
    border-radius: 5px;
    padding: 4px 7px;
}

.give-section .give-holder .post .text-holder .entry-content .give-goal-progress .raised span {
    color: #fff;
    font-size: 12px;
    line-height: 15px;
}

.give-section .give-holder .post .text-holder .entry-content .give-goal-progress .raised:after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    content: "";
    position: absolute;
    left: 50%;
    bottom: -5px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.give-section .give-holder .post .text-holder .entry-content .give-goal-progress {
    position: relative;
    margin-top: 45px;
    margin-bottom: 15px;
    padding-left: 10px;
}
/*

.give-section .row .columns-3{
    width: 31.33%;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;   
}*/

.give-section .give-holder{
    text-align: center;  

}

.give-section .give-holder .post .text-holder .entry-content {
    padding: 0;
}

.home.has-slider .site-header .header-bottom, .site-header .header-bottom {
    background: #1C69DB;
	/*background: RGB(181,196,219);*/
    padding: 10px 0 25px;
	max-height: 160px;
    /*background: transparent; /* edit rt */
	/*setting alpha = 0.1*/
    /*background: rgba(0, 151, 19, 0.4);*/
	/*background: rgba(240, 255, 0,0.1);*/

}

.banner .banner-text {
    top: 0;
    height: 100%;
}

.banner .banner-text .container {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: unset;
}


.banner .banner-text::before{
    content: "";
    background: rgba(0,0,0,0.55);
    position: absolute;
    width: 100%;
    height: 100%;
}

.banner img{
    height: 850px;
    object-fit: cover;
}

.banner .text .main-title {
    font-size: 48px;
    line-height: 68px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
}

.banner-text .text{
    font-size: 20px;
}

  .banner .text .btn-learn {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    padding: 15px 32px;
    width: unset;
    height: unset;
    text-transform: uppercase;
    border-radius: 4px;
}

h1.mt3.inlnblk {
    max-width: 700px;
    display: inline-block;
    text-align: center;
}

/*  */

.intro {
    padding: 64px 0 96px;
    background: #fff;
    background-position: unset;
}

.intro .container{
    width: 1130px;
}

/*
.intro .row{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 30px;
    margin: 0;
}*/

.intro .header .main-title, .our-community .header .main-title, .blog-section .header .main-title{
    margin-bottom: 16px;
}

.intro .header .main-title, .our-community .header .main-title, .blog-section .header .main-title, .sponsors .main-title {
    line-height: 56px;
    letter-spacing: -0.02em;
    color: #0F0F0F;
}

#acc-content .intro .header p, .blog-section .header p{
    font-size: 20px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: rgba(24, 24, 24, 0.8);
  }

.intro .header {
    margin: 0 auto 56px;
}

.intro .columns-3 .icon-holder {
    top: 0px;
    margin: 0px;
    left: 38%;
    transform: translateY(-50%);
    margin-bottom: -12px;
}

.intro .columns-3 .img-holder img {
    -webkit-border-radius: unset;
    border-radius:  0;
    object-fit: cover;
    width: unset;
    height: unset;
}

.intro .columns-3 {
    padding-left: 0px;
    padding-right: 0px;
    background: #fff;
    width: 100%;
    box-shadow: 0px 38px 87px rgba(29, 35, 39, 0.03), 0px 13.8706px 41.6129px rgba(29, 35, 39, 0.0206994), 0px 6.73393px 27.2666px rgba(29, 35, 39, 0.0166887), 0px 3.3011px 18.0265px rgba(29, 35, 39, 0.0133113), 0px 1.30526px 9.48276px rgba(29, 35, 39, 0.00930055);
    border-radius: 8px;
}
/* .intro .columns-3:nth-child(2) {
    margin-right: 30px;
    margin-left: 30px;
} */

.intro .columns-3 .text-holder{
    text-align: center;
    padding: 0px 40px 40px 40px;
}

.intro .columns-3 .icon-holder img {
    border-radius: 50%;
}

.intro .columns-3 .img-holder {
    margin-left: 0px;
    text-align: center;
}

.intro .columns-3 .text-holder .btn svg {
    display: none;
}

.intro .columns-3 .text-holder .title{
    margin-bottom: 24px;
}

.intro .columns-3 .text-holder .title, .blog-section .blog-holder .post .entry-title a {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    letter-spacing: -0.01em;
    color: #0F0F0F;
}

.intro .columns-3 .text-holder .btn {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    background: var(--secondary-color);
    border-radius: 4px;
    border: 1px solid var(--secondary-color);
    cursor: pointer;
    padding: 11px 24px;
}

.intro .columns-3 .text-holder .btn:hover {
    color: #000;
    background: none;
    border: 1px solid var(--secondary-color);
}


/* COMMUNITY SECTION */

.our-community{
    background: #F6FBFA;
    padding-bottom: 181px ;
}

.our-community .header {
    background: none;
    padding: 96px 10px 87px 10px;
}

.our-community .community-holder .hover-state .text-content {
    display: none;
}

.our-community .community-holder .hover-state .table{
    background: rgba(15,144,127,0.85);
    mix-blend-mode: normal;
    backdrop-filter: blur(87px);
    border-radius: 8px;
}

.our-community .community-holder .hover-state {
    padding: 30px;
    background: none;
    background: none;
}

.our-community .community-holder .hover-state .title, .our-community .community-holder .text-holder .title {
    font-size: 32px;
    line-height: 40px;
    color: #fff;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
}

.our-community .community-holder .hover-state p, .our-community .community-holder .text-holder P{
    color: #FFFFFF;
}
.our-community .community-holder .hover-state p{
    margin-bottom: 70px;
    padding: 0 54px;
}

.our-community .community-holder .hover-state p, .our-community .community-holder .text-holder P, .blog-section .columns-3 .entry-content p{
    font-size: 16px;
    line-height: 30px;
}

.our-community .community-holder .columns-2 .hover-state .btn-learn{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    background: var(--secondary-color);
    padding: 14px 24px;
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    cursor: pointer;
    transition: .3s ease all;
}

.our-community .community-holder img {
    height: 500px;
    object-fit: cover;
}

.our-community .community-holder .columns-2 .hover-state .btn-learn:hover{
    background: none;
    border: 1px solid var(--secondary-color);
    text-decoration: none;
}

.our-community.no-stats{
    padding-bottom: 0px;
}
/* stats section */

.stats {
    padding: 119px 0 0px;
    background: #fff;
}


.stats .row{
    background: #fff;
    box-shadow: 0px 38px 87px rgba(29, 35, 39, 0.03), 0px 13.8706px 41.6129px rgba(29, 35, 39, 0.0206994), 0px 6.73393px 27.2666px rgba(29, 35, 39, 0.0166887), 0px 3.3011px 18.0265px rgba(29, 35, 39, 0.0133113), 0px 1.30526px 9.48276px rgba(29, 35, 39, 0.00930055);
    border-radius: 8px;
    position: relative;
    padding: 40px 0;
    top: 0;
    left: 0;
    margin: -209px auto 0 auto;
}

.stats .number::after {
    width: 1px;
    height: 85px;
    top: 14%;
    left: 0;
    background: rgba(0,0,0,0.16);
}

/*
.stats .row .columns-4:first-child .number::after{
    content: none;
}
*/
.stats .columns-4 {
    padding-right: 0px;
    padding-left: 0px;
}

/* .stats .columns-4 .number:nth-child(2) {
    padding-left: 20px;
} */

.stats .number {
    margin: 0;
    padding: 0;
}

.stats .columns-4 .number {
    font-size: 48px;
    line-height: 56px;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 12px;
}

.stats .columns-4 span {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
}

/* blog section */

.blog-section .blog-holder {
    background: none;
    padding: 0;
    text-align: center;
}

.blog-section{
    background: #F6FBFA;
    padding: 96px 0;
}

.blog-section .header {
    padding: 0;
}

.blog-section .header p{
    margin-bottom: 60px;
}

.blog-section .blog-holder .container{
    text-align: left;
}

.blog-section .blog-holder .post {
    padding: 0px;
    border: none;
    border-radius: 8px;
}

.blog-section .blog-holder .post .post-thumbnail {
    margin: 0px;
}

.blog-section .blog-holder .columns-3 .text-holder{
    padding: 18px 16px;
}

.blog-section .blog-holder .post .entry-title a {
    margin-bottom: 10px;
}

.blog-section .blog-holder .post .entry-meta a {
    line-height: 20px;
    letter-spacing: -0.01em;
    color: rgba(0,0,0,0.5);
}

.blog-section .blog-holder .post .entry-content {
    border-bottom: none;
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 85px;
}

.blog-section .blog-holder .post .entry-meta {
    font-size: 14px;
}

.blog-section .columns-3 .entry-content p{
    color: rgba(0,0,0,0.7);
    height: 100%;
    width: 100%;
}

.blog-section .blog-holder .post .entry-header {
    margin: 0 0 15px;
}

.blog-section .blog-holder .post .readmore {
    font-size: 16px;
    line-height: 24px;
    color: var(--secondary-color);
    text-transform: uppercase;
}

.blog-section .blog-holder .post .readmore:hover {
    color: var(--primary-color);
}

.blog-section .btn-learn{
    text-align: center;
    background: var(--secondary-color);
    border-radius: 4px;
    border: 1px solid var(--secondary-color);
    padding: 18px 32px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.blog-section .btn-learn:hover{
    background: none;
    border: 1px solid var(--secondary-color);
    color: #000;
    text-decoration: none;
}

/*
.blog-section .row{
    margin-bottom: 64px;
}*/

.blog-section .header:after {
    display: none;
}



/* sponsors section  */

.sponsors {
    padding: 96px 0 64px 0;
    background: #fff;
}

/*
.sponsors .row{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 32px;
    align-items: center;
}

.sponsors .row a{
    background: #FFFFFF;
    box-shadow: 0px -2px 205px rgba(121, 121, 121, 0.04), 0px -0.602941px 61.8015px rgba(121, 121, 121, 0.0260636), 0px -0.250431px 25.6692px rgba(121, 121, 121, 0.02), 0px -0.090576px 9.28404px rgba(121, 121, 121, 0.0139364);
    padding: 32px 51px;
}

.sponsors .columns-5 {
    width: 100%;
}

.sponsors .main-title{
    font-size: 40px;
    margin-bottom: 64px;
    font-weight: 700;
    text-transform: none;
}
*/
/* footer section */

.site-footer .columns-4 .title, .site-footer .columns-6 .title, .site-footer .widget .widget-title {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    text-transform: none;
}

.site-footer .widget ul li{
    margin-bottom: 0;
}

.site-footer .widget ul li a {
    font-size: 16px;
    line-height: 44px;
    letter-spacing: -0.01em;
    color: rgba(255,255,255,0.8);
}

.site-info .by, .site-info .copyright {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: rgba(255,255,255,0.8);
}

.site-info {
    padding: 24px 0;
}

@media only screen and (max-width: 1300px){
    .give-section .owl-carousel .owl-nav .owl-next::after {
        position: absolute;
        top: 23%;
        right: 11px;
    }
    
    .give-section .owl-carousel .owl-nav .owl-prev::after {
        position: absolute;
        top: 29%;
        left: 11px;
    }
    
    .give-section .owl-carousel .owl-nav .owl-next {
        font-size: 0;
        position: absolute;
        top: 42%;
        right: 8px;
    }
    
    .give-section .owl-carousel .owl-nav .owl-prev{
        font-size: 0;
        position: absolute;
        top: 42%;
        left: 8px;
    }
}

@media only screen and (max-width: 1199px){
.banner img {
    height: 660px;
}

.give-section .owl-carousel .owl-nav .owl-next::after {
    position: absolute;
    top: 23%;
    right: 12px;
}

.give-section .owl-carousel .owl-nav .owl-prev::after {
    position: absolute;
    top: 30%;
    left: 12px;
}

.give-section .owl-carousel .owl-nav .owl-next {
    font-size: 0;
    position: absolute;
    top: 42%;
    right: -65px;
}

.give-section .owl-carousel .owl-nav .owl-prev{
    font-size: 0;
    position: absolute;
    top: 42%;
    left: -65px;
}

}

@media only screen and (max-width: 1100px) and (min-width: 1000px){
    .give-section .owl-carousel .owl-nav .owl-next::after {
        position: absolute;
        top: 23%;
        right: 11px;
    }
    
    .give-section .owl-carousel .owl-nav .owl-prev::after {
        position: absolute;
        top: 30%;
        left: 12px;
    }
    
    .give-section .owl-carousel .owl-nav .owl-next {
        font-size: 0;
        position: absolute;
        top: 42%;
        right: 0px;
    }
    
    .give-section .owl-carousel .owl-nav .owl-prev{
        font-size: 0;
        position: absolute;
        top: 42%;
        left: 0px;
    }
    
    }

    @media only screen and (max-width: 991px){
        .banner img {
            height: 500px;
        }
        
        .banner .text .main-title {
            font-size: 28px;
            line-height: 36px;
            margin: 0 0 15px;
        }
        
        .banner-text .text{
            font-size: 17px;
        }
    /*    
        .intro .row{
            grid-template-columns: repeat(2,1fr);
            margin: 0;
        }
        
        .sponsors .row{
            grid-template-columns: repeat(3,1fr);
            margin: 0;
        }*/
        }

    @media only screen and (max-width: 850px) {
        .give-section .owl-carousel .owl-nav .owl-next::after {
            position: absolute;
            top: 22%;
            right: 10px;
        }
        
        .give-section .owl-carousel .owl-nav .owl-prev::after {
            position: absolute;
            top: 30%;
            left: 13px;
        }
        
        .give-section .owl-carousel .owl-nav .owl-next {
            font-size: 0;
            position: absolute;
            top: 38%;
            right: 0px;
        }
        
        .give-section .owl-carousel .owl-nav .owl-prev{
            font-size: 0;
            position: absolute;
            top: 38%;
            left: 0px;
        }
        
        }
    
    
/* DESKTOP – FOUR IN A ROW */
.footer-t .row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    align-items: center;
    justify-items: center;
}

.footer-t .row > .column {
    width: 100%;
    min-width: 0;
    text-align: center;
}

.footer-t .row .widget {
    margin: 0;
}

.footer-t .row .textwidget > div {
    padding-top: 10px !important;
}

/* MOBILE – TWO BY TWO */
@media screen and (max-width: 600px) {
    .footer-t .row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px 12px;
    }

    .footer-t .row img {
        max-height: 75px;
    }
}

.footer-t {
    padding: 20px 15px !important;
}

.footer-t .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/*
.footer-t .row .textwidget img {
    display: block !important;
    width: 100% !important;
    height: 100px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    margin: 0 auto !important;
}*/

/* @media (max-width: 836px) and (min-width: 768px){
    .give-section .owl-carousel .owl-nav .owl-next::after {
        position: absolute;
        top: 22%;
        right: 10px;
    }

    .give-section .owl-carousel .owl-nav .owl-prev::after {
        position: absolute;
        top: 29%;
        left: 12px;
    }
} */

.our-community .header {
    background: none;
    padding: 56px 10px 47px 10px;
}

.stats {
    padding: 119px 0 35px;
    background: #fff;
}

.blog-section {
    background: #F6FBFA;
    padding: 56px 0;
}

.sponsors {
    padding: 56px 0 56px 0;
    background: #fff;
}

.give-section .give-holder .columns-3{
    width: 100%;
    margin-bottom: 30px;
}

.give-section .give-holder .columns-3 .post img {
    width: 100%;
}
	
}
/* custom */
#primary .post .entry-content blockquote, #primary .page .entry-content blockquote {
    margin: 1.5em 0 1.5em;
}
	
span.inlnblk {
    clear: both;
    display: inline-block;
    width: 100%;
    line-height: 0.4em !important;
	}	

	p {
	color: #444;
	font-size: 18px;
	line-height: 28px;
    margin-bottom: 0.5em;
    margin-top: 0;
	text-align:justify;
   }

@media only screen and (max-width: 600px) {
 /*   .intro .row{
        grid-template-columns: repeat(1,1fr);
    }
*/
    .intro .columns-3 .text-holder .btn {
        width: 100%;
    }
}

/*
@media only screen and (max-width: 500px) {
    .sponsors .row{
        grid-template-columns: repeat(1,1fr);
}*/

.our-community .community-holder img {
    height: 650px;
}
		
}

/* blog page */

#primary .post .entry-header .entry-title a, #primary .page .entry-header .entry-title a {
    color: #0F0F0F;
    font-size: 40px;
}

.blog .site-content .site-main .entry-content p{
    color: rgba(24, 24, 24, 0.8);
    font-size: 20px;
  }
  
#primary .post .entry-meta a {
    color: #45C267;
}

#secondary .widget ul li a {
    color: rgba(24, 24, 24, 0.8);
}

@media only screen and (max-width: 1199px){
.intro .container {
    width: 900px;
}
}

@media only screen and (max-width: 991px){
.intro .container {
        width: 680px;
}
}


@media only screen and (max-width: 767px){
    .intro .container {
            width: 100%;
    }
}
	
	/* MOBILE FOOTER FIXES */

@media only screen and (max-width: 767px) {

    /* Logo row */

    .footer-t .row {
        display: block;
        text-align: center;
    }

    .footer-t .column {
        width: 100% !important;
        display: block;
        margin: 0 0 25px;
        padding: 0;
    }

    .footer-t img,
    .footer-t svg {
        max-width: 260px;
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
    }

    /* Quote rotator */

    .quote-rotator {
        height: auto !important;
        min-height: 0 !important;
        padding: 10px 0;
    }

    .quote-rotator blockquote {
        margin: 1rem auto;
        padding: 0 15px;
        font-size: 22px;
        line-height: 1.4;
        height: auto !important;
        min-height: 0 !important;
    }

    /* Footer copyright section */

    .footer-container {
        display: block !important;
        text-align: center;
    }

    .footer-col {
        width: 100% !important;
        display: block;
        margin-bottom: 15px;
    }

    .footer-right img {
        max-width: 90px;
        margin: 0 auto;
        display: block;
        padding: 0 !important;
    }

    /* Charity commission image in page content */

    .wp-image-1427 {
        max-width: 100%;
        height: auto;
    }

}

.footer-t .row .textwidget img {
    border-radius: 6px !important;
    overflow: hidden !important;
    clip-path: inset(0 round 6px);
}

	@media (max-width: 767px){

   /* .footer-t .row{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:15px;
    }*/

    .footer-t .column{
        width:auto;
        margin:0;
    }

    .footer-t img,
    .footer-t svg{
        width:100%;
        max-width:none;
        height:auto;
        display:block;
    }
}
	
	.copyright { font-size:30px; }
	
	
	@media (max-width: 767px) {
    .mobile-menu,
    #mobile-site-navigation,
    .primary-menu-list,
    .overlay {
        max-width: 100vw;
    }
}

/* ==========================================
   VOLUNTEER QUOTE ROTATOR
   Desktop, tablet and mobile
========================================== */

.quote-rotator {
    position: relative;
    width: 66.666%;
    max-width: 1200px;
    min-height: 120px;
    margin: 45px auto;
    padding: 10px 35px;
    box-sizing: border-box;
    text-align: center;
    background: #EAF1FA;
    border-radius: 6px;
}

/* Individual quotes */

.quote-rotator blockquote {
    display: none;
    width: 100%;
    margin: 0;
    padding: 15px 10px;
    box-sizing: border-box;
    border: 0 !important;
    color: #1C69DB !important;
    font-family: var(--primary-font);
    font-size: 88px !important;
    font-style: italic;
    font-weight: 600;
    line-height: 1.2;
}

/* Active quote */

.quote-rotator blockquote.active {
    display: block;
}

.btn-donate {
    position: absolute !important;
    bottom: -60px;
    left: 225px;
    z-index: 99999;
}

.btn-donate:hover {
    position: fixed !important;
    bottom: -60px;
    left: 225px;
    z-index: 99999;
	background:
}


/* ==========================================
   TABLET
========================================== */

@media screen and (max-width: 1024px) {
    .quote-rotator {
        width: 85%;
        max-width: 950px;
        min-height: 100px;
        padding: 20px 12px;
    }

    .quote-rotator blockquote {
        font-size: 60px !important;
        line-height: 1.3;
    }
}

/* ==========================================
   MOBILE
========================================== */

@media screen and (max-width: 767px) {
    .quote-rotator {
        width: 94%;
        max-width: none;
        min-height: 140px;
        margin: 25px auto;
        padding: 20px 12px;
    }

    .quote-rotator blockquote {
        font-size: 22px !important;
        line-height: 1.4;
        padding: 10px 5px;
    }
}

/* Small mobile screens */

@media screen and (max-width: 400px) {
    .quote-rotator {
        width: 96%;
        padding: 16px 8px;
    }

    .quote-rotator blockquote {
        font-size: 19px !important;
    }
}

}
.quote-rotator blockquote p
 {
    font-size: 36px !important;
}