/*SLIDING LINES ON HOVER FOR NAV LINKS*/

.header-nav-item::after {

margin-top: 5px;

transform: translateX(100%);

}

.header-nav-item--active::after {

background-color: #f99900;

content: '';

display: block;

height: 2px;

opacity: 1;

transition: all .3s;

width: 100%;

transform: none;

margin-top: 5px;

}

.header-nav-item::before {

margin-bottom: 5px;

transform: translateX(-100%);

}

.header-nav-item:hover::before,

.header-nav-item:hover::after {

opacity: 1;

transform: none;

}

body:not(.header--menu-open) .header-nav-item--active a {

background: none!important;

}

//home intro

#block-yui_3_17_2_1_1634931548480_12287 h1 {

line-height: 1.5;

font-size: 3rem;

}

//*FOOTER*//

//GFB secondary logo

#block-yui_3_17_2_1_1631639455798_8344 {

width: 50%!important;

margin:0 auto;

}

//food bank bc logo

#block-yui_3_17_2_1_1631639914463_27687 {

top: -50px;

width: 60%;

margin:0 auto;

}

//we are Proud Members text

#block-yui_3_17_2_1_1632340933335_13333 p {

padding-top: 20px;

}

//food bank canada logo

#block-yui_3_17_2_1_1631640724061_6223 {

top: -40px;

width: 70%;

margin:0 auto;

}

//center text with images

section[data-section-id="613e600976794d67b73744f0"],section[data-section-id="613e5dc6bf1d446167a1ea86"],section[data-section-id="613f852c33b7fd70310790b8"],section[data-section-id="613f853d015d5824089e1ea7"] {

@media screen and (min-width: 641px) {

.sqs-row {

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

-webkit-box-align: center;

-webkit-align-items: center;

-ms-flex-align: center;

align-items: center;

}

}

}

//home page hunger free communtiy

#block-yui_3_17_2_1_1635794823004_3053 {

width: 28%;

margin:0 auto;

margin-top: -3%;

}

//vertical line

.vertical-line {

background: #f99900;

width: 3px;

height: 100px;

margin: 0 auto;

margin-top: -100px!important;

}

//vertical line two

.vertical-line-two {

background: #f99900;

width: 3px;

height: 180px;

margin: 0 auto;

padding-bottom: 0 !important;

margin-top: -250px!important;

}

//footer LOGO

#block-yui_3_17_2_1_1631639455798_8344 {

width: 60%;

margin: 0 auto;

}

//footer COPYRIGHT

#block-yui_3_17_2_1_1631648204374_19106 {

font-size: .6rem;

}

//footer navigation

#block-b10689c5aca1affcd30d .sqs-block-content {

align-items: center;

display: flex;

flex-wrap: wrap;

justify-content: center;

}

#block-b10689c5aca1affcd30d p {

margin: 0 50px;

}

/*BUTTON BLOCK EFFECT #2 (medium)*/

//--------------------------------------------------//

//styles here

@bbl-2_hover-time: 0.3s;

@bbl-2_hover-bg: #ffb135;

@bbl-2_hover-border-color: #f99900;

@bbl-2_hover-font-color: #ffffff;

//Button style

.sqs-block-button-element--medium {

-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);

box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);

-webkit-transition: all @bbl-2_hover-time !important;

-o-transition: all @bbl-2_hover-time !important;

transition: all @bbl-2_hover-time !important;

//Button hover mode

&:hover {

background: @bbl-2_hover-bg !important;

border-color: @bbl-2_hover-border-color;

-webkit-box-shadow: none;

box-shadow: none;

color: @bbl-2_hover-font-color !important;

-webkit-transform: translate(4px, 4px);

-ms-transform: translate(4px, 4px);

transform: translate(4px, 4px);

}

}

//------------------------------------//

//home page 3 graphic icons

section[data-section-id="6155fd770372d86bebcd58f4"] .sqs-block-image .image-block-outer-wrapper {

width: 60%;

margin: 0 auto;

padding-left: 70px;

padding-right: 70px;

padding-top: 40px;

padding-bottom: 40px;

background-color: #6a967d;

border-radius: 50px;

}

//3 graphic cards icons text links

.sqs-block-image .design-layout-card .image-subtitle a {

color: #F99900;

}

//custom newsletter fields

#block-0216258d72f4f1bed0d7 input {

text-align: center;

background: transparent;

border: none;

border-bottom: 1px #fff solid;

font-family: poppins;

font-weight: 400;

font-style: normal;

letter-spacing: .14em;

font-size: 15px;

padding: 20px;

margin-top: 20px;

width: 250px;

}

.newsletter-block .newsletter-form-field-element::placeholder {

color: #ffffff!important;

}

//**Media Queries**//

//ALL Buttons

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

.sqs-block-button * {

text-align: center !important;

font-size: .8rem;

}

}

//resizing banners

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

#collection-613e600976794d67b73744ec article.sections .page-section:nth-child(1) .section-background {

background-image: url('https://static1.squarespace.com/static/613e5dc6bf1d446167a1ea59/t/61a50f03db92b17c6aa4b810/1638207235418/dibble_210726_8377.jpg');

background-position: 58% bottom;

background-repeat: no-repeat;

background-size: 230%;

}

#collection-613e600976794d67b73744ec article.sections .page-section:nth-child(1) .section-background img {

display: none;

}

//h1

#block-yui_3_17_2_1_1634931548480_12287 h1 {

font-size: 1.7rem!important;

}

//h2 message

section[data-section-id="613e600976794d67b73744f4"] h2 {

font-size: 1.7rem;

margin-top: -45%!important;

}

//yellow vertical line:

.vertical-line {

margin-top: -65%!important;

}

//pull up green card section

#block-yui_3_17_2_1_1633025240600_8862 {

margin-top: -38%;

}

//green graphic blocks

section[data-section-id="6155fd770372d86bebcd58f4"] .sqs-block-image .sqs-block-image-figure {

width:50%;

}

//font sizes on cards

.image-card-wrapper .image-subtitle-wrapper p {

font-size: .9rem!important;

}

.image-card-wrapper .image-title-wrapper h3 {

font-size: 1.2rem!important;

}

.image-block-card-text-alignment-left .sqs-block-image .design-layout-card .image-card>* {

text-align: center!important;

}

//gallery img

section[data-section-id="613e600976794d67b73744f8"] {

display: none;

}

//newsletter text styling

section[data-section-id="614f61a90e64f47eb7ea399d"] h2 {

font-size:1.8rem!important;

text-align: center;

}

.newsletter-block .newsletter-form-header-description p {

font-size: .8rem!important;

text-align: center;

}

.newsletter-block .newsletter-form-body {

text-align: center;

}

#block-0216258d72f4f1bed0d7 input {

font-size: .8rem!important;

}

//footer

#block-46f8795cbf3153d68839 h4 {

font-size: .9rem;

text-align: center;

}

#block-46f8795cbf3153d68839 p{

font-size: .8rem;

text-align: center;

}

#block-yui_3_17_2_1_1632340933335_13333 p {

font-size: .9rem;

text-align: center;

padding-bottom: 30px;

}

#block-yui_3_17_2_1_1631639914463_27687, #block-yui_3_17_2_1_1631640724061_6223 {

width: 40%;

margin:0 auto;

}

//horizontal line

#block-yui_3_17_2_1_1632347875054_12527 {

margin-top:-20%!important;

}

//footer navigation

section[data-section-id="6140e39ce1a8e566596b9212"] a {

line-height: 3!important;

}

#block-b10689c5aca1affcd30d .sqs-block-content {

flex-direction:column;

}

}

//**ways to give page**//

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

#block-4ce577062f38927f63da h1 {

font-size: 1.9rem;

margin-top:-80%;

text-align: center!important;

}

//remove green angle background

section[data-section-id="6154eba1dc901a7e72365f41"] {

display:none;

}

//font sizes

#collection-613f85b56fbb1a4abd85e160 p {

font-size:.8rem;

line-height: 1.7;

}

#collection-613f85b56fbb1a4abd85e160 h2 {

font-size:1.3rem;

}

//**Find Food Page**//

#block-yui_3_17_2_1_1632353931743_3057 h1 {

font-size: 1.8rem;

text-align: center!important;

}

#block-yui_3_17_2_1_1632353931743_3057 h3 {

font-size: 1.3rem;

text-align: center!important;

}

//font sizes second section

#collection-613f854a611ea74475cb9421 h3 {

font-size: 1.3rem;

text-align: center!important;

}

#collection-613f854a611ea74475cb9421 h4 {

font-size: 1rem;

}

#collection-613f854a611ea74475cb9421 p {

font-size: .9rem;

}

#block-yui_3_17_2_1_1633037552924_5577 ul {

padding-left:8px!important;

}

//our food hamper delivery

#block-yui_3_17_2_1_1632253750991_42733 h1 {

font-size: 1.4rem;

}

//**FAQ**//

section[data-section-id="614a304f65502924f6121cc4"] h2 {

font-size: 1.4rem;

}

#collection-614a3027fe0d92440375b235 p {

font-size: .8rem;

line-height:1.7;

}

//**About Us**//

#collection-613f852c33b7fd70310790b4 h3 {

font-size:1.3rem;

}

#collection-613f852c33b7fd70310790b4 h2 {

font-size: 1.4rem;

}

#collection-613f852c33b7fd70310790b4 p{

font-size: .8rem;

}

//**Contact Us page**//

#collection-613f853d015d5824089e1ea5 h3 {

font-size:1.2rem;

}

#collection-613f853d015d5824089e1ea5 h1 {

font-size: 1.4rem;

}

#collection-613f853d015d5824089e1ea5 h4 {

font-size: 1rem;

}

//Footer copyright

#block-yui_3_17_2_1_1631648204374_19106 p {

font-size: .4rem;

}

}

//**Mobile Menu**//

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

.header-menu-nav-item a {

font-size: 16px;

}

//mobile menu button

.header-menu.bright-inverse .header-menu-cta a {

font-size: small;

}

}

///END OF CSS