/*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