/*
Theme Name: Love All Pantry
Version: 1.0
Text Domain: lap
*/

@charset "utf-8";

/*----------intial declartaion of css----------*/

*{ /*appearance:none; -moz-appearance:none;-webkit-appearance:none;*/}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,select,input,option,textarea{margin:0;padding:0;border:0;outline:0;font-size:100%;/* list-style:none;*/box-sizing:border-box;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}

audio,canvas,video{ display:inline-block;}

audio:not([controls]){display:none;height:0;}

pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }

q { quotes:none; }

q:before,q:after{ content:''; content:none; }

small { font-size:80%; }

sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline; }

sup { top:-0.5em; }

sub { bottom:-0.25em, }

nav ul,nav ol { list-style:none; list-style-image:none; }

button,input,select,textarea { font-size:100% ;margin:0; vertical-align:baseline; }

textarea { overflow:auto; vertical-align:top; }

table { border-collapse:collapse; border-spacing:0; }

button,html input[type="button"],input[type="reset"],input[type="submit"],textarea {-webkit-appearance:none;border-radius:0}

/* remember to define focus styles! */
:focus { outline:0; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse:separate; border-spacing:0; }

caption,th,td { text-align:left; font-weight:normal; }

a { text-decoration:none; }

blockquote:before,blockquote:after,q:before,q:after { content:""; }

blockquote,q { quotes:"" ""; }

table { border:0 none; border-collapse:collapse; border-spacing:0; }

td { vertical-align:top; }

img { border:0 none; max-width:100%; }

a { outline:none; cursor:pointer; }

/* End Clearfix */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block; }

.clear { clear:both; }

img { max-width:100%; }

/* For modern browsers */

.d-flex {display:flex; flex-wrap:wrap; }

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

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

.justify-content-center { justify-content:center; }

.text-left { text-align:left; }

.text-right { text-align:right; }

strong { font-weight:bold; }

a { text-decoration:none; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; color:#2A2F2E; }

a:hover{color:#2A2F2E;}

a:-webkit-any-link:focus-visible{outline-offset:1px;}

:focus-visible{outline:-webkit-focus-ring-color auto 1px;}

a:focus-visible { outline:black auto 1px;}

:focus-visible { outline:black auto 1px;}

:focus { outline:black auto 1px;}



body { font-size:14px; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; color:#2A2F2E; font-family: "brisbane",sans-serif; font-weight:400; margin-top: 110px; }

button,.btn { outline:none!important;transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s;text-decoration:none; color:#fff; background-color: #0F4943; font-size: 20px; line-height: 30px; font-weight: 400; text-transform: uppercase; border-radius: 200px; padding: 10px 30px; display: inline-block; margin: 0 12px;  text-align: center; font-family: 'Besty Land';}
button,.btn:hover { background-color: #BE4C91; color: #fff; }

.yellow-green { background-color: #C9D05E; color: #0F4943; font-family: 'Besty Land'; }

.button-wrap { display: flex; align-items: center; margin: 0 -12px; }

p { font-size:18px; line-height:24px; color:#2A2F2E; font-family: "brisbane",sans-serif; letter-spacing:0;font-weight:400; margin-bottom: 15px;  }

h1 { font-weight:bold; font-size:40px; line-height:30px; margin-bottom:20px; font-family: 'Besty Land'; }

h2,.h2 { font-weight:400; font-size:40px; line-height:48px; margin-bottom:20px; color: #0F4943; font-family: 'Besty Land'; }

h3,.h3 { font-weight:bold; font-size:22px; line-height:32px; margin-bottom:20px; color: #0F4943;}

h4,.h4 { font-weight:bold; font-size:22px; line-height:32px; margin-bottom:20px; }

h5,.h5 { font-weight:bold; font-size:18px; line-height:28px; margin-bottom:20px; }

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

td { border:2px solid #FFB14D; text-align:left; padding:15px 9px; font-size:25px; color:#2A2F2E; font-weight:400; }

td strong { display:block; }

figure { margin: 0; padding: 0; }

.wrapper { overflow:hidden; position:relative; }

.container { max-width: 1380px; margin: 0 auto; padding:0 30px; }
.inner-container { max-width: 960px; margin: 0 auto; }

ul { margin:0 0 20px 20px; padding: 0; list-style: none; }
ul li { color: #2A2F2E; font-size: 18px; line-height: 24px; font-weight: 400; position: relative; }
ul li:before { content: ""; position: absolute; top: 10px; left: -20px; background-color: #2A2F2E; border-radius: 50%; width: 4px; height: 4px; }

ol { margin:0 0 20px 20px; padding: 0; }
ol li { color: #2A2F2E; font-size: 18px; line-height: 24px; font-weight: 400; position: relative; }

.list-style-none ul { margin: 0; }
.list-style-none ul li:before { display: none; }


/* =========== Header section ============ */
header { padding: 15px 0; border-bottom: 1px solid #C9D05E; background-color: #ffffff; position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}
header .header-wrap { display: flex; align-items: center; justify-content: space-between; }
header .header-logo a:focus-within { outline: none; }
header .header-logo a:focus { outline: none; }
header .header-logo figure { width: 125px; height: 79px;}

/* =========== home banner section ============ */
.hide-section .home-banner-wrap { opacity: 0; }
.show-now .home-banner-wrap { opacity: 1; }
.home-banner { overflow: hidden; }
.home-banner .home-banner-wrap { display: flex; } 
.home-banner .home-banner-img { width: 50%; } 
.home-banner .home-banner-img figure { height: 100%; position: relative; }
.home-banner .home-banner-content { width: 50%; text-align: center; padding: 20px 30px; display: flex; align-items: center;  background-color: #FCFFD0;} 
.home-banner .home-banner-img img { width: 100%; height: 100%; object-fit: cover; display: block;}
.home-banner .home-banner-inner-desc h1 { font-size: 30px; line-height: 42px; font-weight: 700; font-family: "brisbane",sans-serif;}
.home-banner .home-banner-content figure { margin-bottom: 30px; }
.home-banner .home-banner-content .button-wrap { justify-content: center; margin-top: 40px; }

/* =========== General Content start here ============ */
.section-title  { margin: 0 0 35px 0; padding: 0 0  0; border-bottom: 2px solid #C9D05E; }
.section-title h2 { margin: 0 0 0px 0; padding: 0 0 6px 0; }
.general-content { padding: 60px 0 40px; overflow: hidden; }
.general-content .section-title h2 { letter-spacing: -0.1px; }
.general-content .general-content-item h3 strong { margin-bottom: 28px; display: inline-block; }
.general-content .general-content-item p { margin-bottom: 32px; }
.general-content p.list-head { margin-bottom: 0 !important; }
.general-content .general-content-item p a { text-decoration: underline; }
.general-content .general-content-item p a.underline { text-decoration: none; }
.general-content .general-content-item p a:hover { color: #C7569A; }
.general-content .general-content-item h3 { margin-bottom: 6px; color: #0F4943; }
.general-content .general-content-item ul { margin-left: 30px; }
.general-content .general-content-item figure { margin: 0 0 30px; }
.general-content .general-content-item img { width: 100%; height: auto; display: block; }
.general-content p strong { color: #0F4943; }
/*.general-content .general-content-item p strong { font-size: 22px; line-height: 32px; }*/

/* =========== Food Insecurity Section ============ */
.food-insecurity-section { background-color: #0F4943; padding: 60px 0; }
.food-insecurity-section .food-insecurity-wrap { display: flex; align-items: center;}
.food-insecurity-section .food-insecurity-content h2 { color: #C9D05E; text-transform: uppercase; margin-bottom: 32px; }
.food-insecurity-section .food-insecurity-content p { color: #FFFFFA;  font-size: 22px; line-height: 30px; margin-bottom: 28px; }
.food-insecurity-section .food-insecurity-image img { width: 100%; }
.food-insecurity-section .food-insecurity-image { width: 50%; }
.food-insecurity-section .food-insecurity-content { width: 50%; }
.food-insecurity-section .food-insecurity-image + .food-insecurity-content { padding-left:70px; }
.food-insecurity-section .food-insecurity-image:only-child { width: 100%; }
.food-insecurity-section .food-insecurity-content:only-child { width: 100%; }

/* =========== Sign Up Newsletter Section ============ */
.sign-up-newsletter { background-color: #FCFFD0; padding: 50px 0; }
.sign-up-newsletter .sign-up-newsletter-wrap { display: flex; }
.sign-up-newsletter .sign-up-newsletter-form { background-color: #0F4943; padding: 38px 43px; width: 50%;}
.sign-up-newsletter .sign-up-newsletter-img {  width: 50%;}
.sign-up-newsletter .sign-up-newsletter-form:only-child { width: 100%; } 
.sign-up-newsletter .sign-up-newsletter-img:only-child { width: 100%; }
.sign-up-newsletter .sign-up-newsletter-title h2 { color: #C9D05E; }
.sign-up-newsletter .sign-up-newsletter-title p { color: #fff; }
.sign-up-newsletter .sign-up-newsletter-img figure { width: 100%; height: 100%; }
.sign-up-newsletter .sign-up-newsletter-img img { width: 100%; height: 100%; }

/* =========== Contact Section ============ */
.contact-section { padding: 60px 0; }
.contact-section .contact-content { max-width: 370px; }
.contact-section .contact-content a { font-size: 18px; line-height: 28px; margin-right: 10px;}
.contact-section .contact-content p { margin-bottom: 0px; }

/* =========== footer Section ============ */
footer { background-color: #0F4943; padding:58px 0 0 0; }
footer .footer-wrap { text-align: center; padding-bottom: 45px; }
footer .footer-wrap p { color: #ffffff; font-size: 22px; line-height: 28px; }
footer .footer-btm p { margin: 0; color: #0F4943; font-size: 16px; font-weight: 500; }
footer .footer-btm p a { text-decoration: underline; color: #0F4943; }
footer .footer-btm { background-color: #C9D05E; text-align: center; padding: 17px 0; }
footer .footer-btm p a
footer .footer-btm p a:focus-visible { outline:none;}
footer .footer-btm p a:focus { outline:none;}
footer .footer-btm-wrap p svg { padding: 0 5px; height: auto; line-height: normal; position: relative; top: 3px; }
footer .footer-btm-wrap p svg path { fill: #0F4943; }

/* =========== Inner Section ============ */
.inner-banner { padding: 138px 0 110px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; }
.inner-banner:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #0000002B; }
.inner-banner-wrap { text-align: center; position: relative; z-index: 1; }
.inner-banner-wrap h1 { color: #ffffff; font-weight: 400; }

/* =========== Art soup icon with content Section ============ */
.art-soup-icon-with-content { background-color: #FCFFD0; padding: 50px 0; }
.art-soup-icon-with-content .inner-container { max-width: 1100px; }
.art-soup-icon-with-content .art-soup-icon-with-content-wrap { display: flex; align-items: center; }
.art-soup-icon-with-content .art-soup-icon figure svg { width: 100%; height: auto; }
.art-soup-icon-with-content .art-soup-icon { width: 30%; }
.art-soup-icon-with-content .art-soup-desc { width:70%; }
.art-soup-icon-with-content .art-soup-icon + .art-soup-desc { padding-left: 95px; }
.art-soup-icon-with-content .art-soup-desc:only-child { width:100%; }
.art-soup-icon-with-content .art-soup-desc p { font-size: 22px; line-height: 28px; }
.art-soup-icon-with-content .art-soup-desc .button-wrap { margin-top: 32px; }

/* ===========Get started today Section ============ */
.get-started-today { background-color: #FCFFD0; padding:60px 0;  overflow: hidden; }
.get-started-today .get-started-today-wrap { text-align: center; }
.get-started-today .button-wrap { justify-content: center; margin-top: 30px; }
.get-started-today .get-started-today-title {  margin-bottom:0px; }
.get-started-today .get-started-today-title h2 { text-transform: uppercase; margin-bottom: 5px; }
.get-started-today .get-started-today-title p strong { font-size: 22px; line-height: 32px; }
.get-started-today .get-started-today-title p:last-child { margin: 0; }

/* =========== News Section ============ */
.news-section { padding:  50px 0; overflow: hidden; }
.news-section .news-item { margin-bottom: 40px; overflow: hidden; }
.news-section .news-item h2 { border-bottom: 2px solid #C9D05E; padding-bottom: 6px; margin-bottom: 15px; font-size: 35px; line-height: 45px; font-family: "brisbane",sans-serif; font-weight: 700; }
.news-section .news-item h3 { font-size: 20px; line-height: 29px; font-weight: 600; font-family: "brisbane",sans-serif;}
.news-section .news-item p { line-height: 24px; }
.news-item a { color: #C7569A; font-size: 18px; line-height: 26px; font-weight: 700; display: inline-block; margin-top: 12px; position: relative; }
.news-item a:after { content: ""; position:absolute; right:-27px; top: 10px; width: 15px; height: 10px; background-image: url(./assets/images/read-more-arrow.svg); background-repeat: no-repeat; }
.news-item a:hover:after { transform: rotate(180deg); }
.news-item a:focus { outline: none; }
.news-item a:focus-visible { outline: none; }



/* =========== Volunteer opportunities Section ============ */
.volunteer-opportunities { padding: 60px 0; }
.volunteer-opportunities .volunteer-opportunities-intro p strong { font-size: 22px; line-height: 28px; }
.volunteer-opportunities .volunteer-opportunities-intro { margin-bottom: 60px; }
.volunteer-opportunities .volunteer-opportunities-intro ul { margin: 0 0 0 27px; }
.volunteer-opportunities .volunteer-opportunities-intro:last-child { margin-bottom: 0px; }
.volunteer-opportunities .volunteer-opportunities-intro ul li strong { color: #0F4943; }


/* =========== Volunteer Schedule Section ============ */
.volunteer-schedule-section { background-color: #0F4943; padding: 60px 0; }
.volunteer-schedule-section .volunteer-schedule-wrap { display: flex; align-items: center;}
.volunteer-schedule-section .volunteer-schedule-content h2 { color: #C9D05E; text-transform: uppercase; margin-bottom: 32px; }
.volunteer-schedule-section .volunteer-schedule-content h3 { color: #fff; }
.volunteer-schedule-section .volunteer-schedule-content p { color: #FFFFFA;  font-size: 22px; line-height: 30px; margin-bottom: 0px; }
.volunteer-schedule-section .volunteer-schedule-image img { width: 100%; }
.volunteer-schedule-section .volunteer-schedule-image { width: 50%; }
.volunteer-schedule-section .volunteer-schedule-content { width: 50%; }
.volunteer-schedule-section .volunteer-schedule-image + .volunteer-schedule-content { padding-left:70px; }
.volunteer-schedule-section .volunteer-schedule-image:only-child { width: 100%; }
.volunteer-schedule-section .volunteer-schedule-content:only-child { width: 100%; }
.volunteer-schedule-section .volunteer-schedule-content .button-wrap { margin-top: 43px; }

/* =========== News Articles Section ============ */
.news-articles { padding: 47px 0; }
.news-articles .back-news { color: #C7569A; font-size: 18px; font-weight: 500; position: relative; padding-left: 28px; margin-bottom: 45px; display: inline-block; }
.news-articles .back-news:before { content: ""; position: absolute; left: 0px; top: 8px; width: 15px; height: 10px; background-image: url(./assets/images/read-more-arrow.svg); background-repeat: no-repeat; transform: rotate(90deg); }
.news-articles .section-title h2 { font-family: "brisbane",sans-serif; font-weight: 700; padding-bottom: 12px;}
.news-articles ul.wp-block-list { margin: 0 0 0 28px; }
.news-articles .section-title { margin: 0 0 20px 0; }
.news-articles span { color: #2A2F2E; font-size: 20px; line-height: 29px; display: inline-block; font-weight: 500; margin-bottom:45px; }
.news-articles img { width: 100%; margin-bottom: 30px; }
.news-articles h4 { margin: 0; padding: 0; font-weight: 500; font-size: 20px; line-height: 28px; font-family: "brisbane", sans-serif; }
.wp-block-buttons { margin: 30px 0; }
.wp-block-buttons .wp-block-button__link { width: 100%; font-family: 'Besty Land'; font-size: 20px; padding: 13px 35px; }
.wp-block-buttons .wp-block-button__link strong { font-weight: 400; }
.wp-block-buttons .wp-block-button__link:hover { background-color:#BE4C91 !important; color:#fff !important; }
nav.news-article-nav { display: flex; align-items: center; justify-content: space-between; margin:65px 0 0px 0; }
nav.news-article-nav a { font-size: 18px; line-height: 28px; font-weight: 700; color: #C7569A; }
nav.news-article-nav a:hover { color: #0F4943; }
nav.news-article-nav a:focus { outline: none; }

/* =========== Donate Iframe Section ============ */
.donate-iframe { padding: 60px 0; overflow: hidden; }

/* =========== 404 page ============ */
.error404 .error-main { padding: 200px 0; text-align: center; }
.error404 .error-main h1.title-404 { font-size: 80px; line-height: 80px; margin-bottom:10px; }
.error404 .error-main h3 { font-size: 30px; line-height: 40px; margin-bottom:25px; }
.error404 .not-found-page { background-color: #FCFFD0; }

/* =========== Pagination css ============ */
nav.news-pagination ul { margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; }
nav.news-pagination ul li:before { display: none; }
nav.news-pagination ul li a { font-size: 15px; line-height: 25px; color: #0F4943; font-weight: 500; font-family: "brisbane",sans-serif; }
nav.news-pagination ul li { margin: 0 10px; }
nav.news-pagination ul li .page-numbers.current { color: #C7569A; font-weight: 700; font-size: 15px; text-decoration: underline; }
nav.news-pagination ul li a.next { width: 15px; height: 12px; background-image: url(./assets/images/read-more-arrow.svg); background-repeat: no-repeat; transform: rotate(270deg); display: inline-block; }
nav.news-pagination ul li a.prev { width: 15px; height: 10px; background-image: url(./assets/images/read-more-arrow.svg); background-repeat: no-repeat; transform: rotate(90deg); display: inline-block; line-height: 7px;}
nav.news-pagination ul li a:focus { outline: none; }


/* =========== Reponsive css start here ============ */
@media (max-width:1400px){
    .home-banner .home-banner-content { padding: 40px 30px; }
    .home-banner .home-banner-inner-desc h1 { font-size: 26px; line-height: 38px; }
    .volunteer-schedule-section .volunteer-schedule-image + .volunteer-schedule-content {padding-left: 50px; }
}
@media (max-width:1199px){
    h2, .h2 { font-size: 33px; line-height: 36px; }
    .button-wrap { margin: 0 -6px; }
    button, .btn { margin: 0 6px; }
    .home-banner .home-banner-content .button-wrap { margin-top: 30px; }  
    .home-banner .home-banner-content figure { max-width: 148px; margin: 0 auto; margin-bottom: 20px; }
    .home-banner .home-banner-content figure svg { width: 100%; height: auto; }
    .food-insecurity-section .food-insecurity-image + .food-insecurity-content { padding-left: 50px; }
    .food-insecurity-section .food-insecurity-content p { margin-bottom: 24px; }
    .food-insecurity-section .food-insecurity-content h2 { margin-bottom: 27px; }
    .art-soup-icon-with-content .art-soup-icon + .art-soup-desc { padding-left: 60px; }
    .art-soup-icon-with-content .art-soup-desc p { font-size: 20px; line-height: 26px; }
    .art-soup-icon-with-content .art-soup-desc .button-wrap { margin-top: 20px; }
    .volunteer-opportunities .volunteer-opportunities-intro { margin-bottom: 40px; }
    .volunteer-schedule-section .volunteer-schedule-content .button-wrap { margin-top: 30px; }
    .volunteer-schedule-section .volunteer-schedule-content h2 { margin-bottom: 25px; }
    .volunteer-schedule-section .volunteer-schedule-content .button-wrap .btn { padding: 10px 15px; font-size: 18px; line-height: 28px; }
    .volunteer-schedule-section .volunteer-schedule-image + .volunteer-schedule-content {padding-left: 30px; }
    .news-articles span { margin-bottom: 30px; }
    .news-articles img { margin-bottom:20px; }
    .error404 .error-main { padding: 150px 0; }
    .error404 .error-main h1.title-404 { font-size: 60px; line-height: 60px; }
    .news-articles .back-news { margin-bottom: 30px; }
}
@media (max-width:991px){
    h1, .h1 { font-size: 33px; line-height: 36px; }
    h2, .h2 { font-size: 33px; line-height: 36px; }
    h3, .h3 { font-size: 20px; line-height: 28px; }
    .home-banner .home-banner-wrap { flex-wrap: wrap; }
    .home-banner .home-banner-img { width: 100%; }
    .home-banner .home-banner-content { width: 100%; padding: 40px 30px; }
    .general-content .general-content-item p { margin-bottom: 25px; }
    .general-content { padding: 40px 0; }
    .food-insecurity-section .food-insecurity-image + .food-insecurity-content { padding-left: 30px; }
    .food-insecurity-section .food-insecurity-content p { font-size: 20px; line-height: 28px; }
    .food-insecurity-section .food-insecurity-wrap { flex-wrap: wrap; }
    .food-insecurity-section .food-insecurity-image { width: 100%; margin-bottom: 30px; }
    .food-insecurity-section .food-insecurity-content { padding-left: 0;  width: 100%; }
    .food-insecurity-section .food-insecurity-image + .food-insecurity-content { padding-left: 0; }
    .food-insecurity-section { padding: 40px 0; }
    .sign-up-newsletter .sign-up-newsletter-wrap { flex-wrap: wrap; }
    .sign-up-newsletter .sign-up-newsletter-form { width: 100%; order: 2; }
    .sign-up-newsletter .sign-up-newsletter-img { width: 100%; order: 1; }
    .sign-up-newsletter .sign-up-newsletter-form { padding: 30px 20px; }
    .sign-up-newsletter { padding: 30px 0; }
    footer .footer-wrap p { font-size: 20px; line-height: 27px; }
    footer { padding: 44px 0 0 0; }
    footer .footer-wrap { padding-bottom: 30px; }
    .art-soup-icon-with-content .art-soup-icon + .art-soup-desc { padding-left: 30px; }
    .art-soup-icon-with-content { padding: 40px 0; }
    .get-started-today { padding: 40px 0; }
    .volunteer-opportunities .volunteer-opportunities-intro p strong { font-size: 20px; line-height: 26px; }
    .volunteer-opportunities { padding: 40px 0; }
    .volunteer-schedule-section { padding: 40px 0; }
    .volunteer-schedule-section .volunteer-schedule-wrap { flex-wrap: wrap; }
    .volunteer-schedule-section .volunteer-schedule-image { width: 100%; margin-bottom: 30px; }
    .volunteer-schedule-section .volunteer-schedule-content { width: 100%; }
    .volunteer-schedule-section .volunteer-schedule-image + .volunteer-schedule-content { padding-left: 0px; }
    .news-section .news-item h2 { font-size: 30px; line-height: 38px; }
    .news-section { padding: 40px 0; }
    .wp-block-buttons .wp-block-button__link { font-size: 18px; padding: 13px 25px; }
    .news-articles h4 { font-size: 18px; line-height: 26px; }
    nav.news-article-nav { margin: 40px 0 0px 0; }
    .news-articles img {  height: auto; width: 100%; }
}
@media (max-width:767px){
    body { margin-top: 104px; }
    button, .btn { font-size: 18px; line-height: 27px; }
    .header-logo { width: 114px; } 
    header .header-logo figure { width: auto; height: auto; }
    .header-logo figure svg { width: 100%; height: auto; }
    .home-banner .home-banner-inner-desc h1 { font-size: 23px; line-height: 32px; margin-bottom: 26px; }
    .home-banner .home-banner-content { padding: 22px 30px; }
    .inner-banner { padding: 120px 0 100px; }
    .art-soup-icon-with-content .art-soup-icon-with-content-wrap { flex-wrap: wrap; }
    .art-soup-icon-with-content .art-soup-icon { width: 100%; margin-bottom: 30px; }
    .art-soup-icon-with-content .art-soup-icon + .art-soup-desc { padding-left: 0px; }
    .art-soup-icon-with-content .art-soup-desc { width: 100%; }
    .art-soup-icon-with-content .art-soup-icon figure svg { width: auto; height: auto; }
    .general-content { padding: 25px 0 12px; }
    .section-title h2 { margin: 0 0 0px 0; padding: 0 0 10px 0; }
    .section-title { margin: 0 0 22px 0; }
    .food-insecurity-section { padding: 40px 0 20px; }
    .donate-iframe { padding: 40px 0; }
    .news-articles span { font-size: 18px; line-height: 27px; }
}
@media (max-width:575px){
    .home-banner .home-banner-content .button-wrap { flex-wrap: wrap; flex-direction: column; flex-direction: column-reverse; }
    .home-banner .home-banner-content .button-wrap a { margin-bottom: 8px; }
    .get-started-today .button-wrap { flex-direction: column; }
    .get-started-today .button-wrap .btn { margin-bottom: 15px; }
    .get-started-today .button-wrap .btn:last-child { margin-bottom: 0px; }
    .volunteer-schedule-section .volunteer-schedule-content .button-wrap { flex-direction: column; align-items: flex-start; }
    .volunteer-schedule-section .volunteer-schedule-content .button-wrap .btn { margin-bottom: 15px; }
    .volunteer-schedule-section .volunteer-schedule-content .button-wrap .btn:last-child {margin-bottom:0px; }
}
/* =========== Reponsive css end here ============ */