:root {
	--display-font-family: Lalezar;
	--body-font-family: Hind;

	--font-size: 16px

	--logo-padding: 13px;
	--logo-height: 82px;

	--header-width: 1366px;
	--header-border-position: top;
	--header-border-size: 1px;
	--header-bg-color: 255 255 255;
	--header-border-color: 247 247 247;

	--brand-color: 61 61 61;
	--brand-color-inverted: 255 15 ;

	--background-color: 255 15 ;
	--text-color: 61 61 61;
	--link-color: 61 61 61;

	--action-color: 94 164 84;
	--action-color-inverted: 255 15 ;

	--announcement-bar-bg-color: 235 209 176;
	--announcement-bar-text-color: 84 19 19;
	--announcement-bar-link-color: 61 61 61;

	--main-navigation-bg-color: 255 255 255;
	--main-navigation-link-color: 61 61 61;
	--main-navigation-link-color-hover: 32 32 32;
	--main-navigation-link-bg-color: 44 81 112;
	--main-navigation-link-font-size: 16px;
	--main-navigation-link-alignment: center;

	--auxiliary-bg-color: transparent;
	--auxiliary-border-color: transparent;
	--auxiliary-link-color: 61 61 61;

	--order-status-bg-color: 215 235 213;
	--order-status-color: 90 160 79;

	--store-menu-bg_color: 248 248 248;
	--store-menu-color: 119 7 ;

	--footer-bg-color: 32 32 32;
	--footer-color: 255 15 ;
	--footer-link-color: 255 15 ;
}

/*Custom Styles*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, legend {
	font-family: sweet-sans-pro, sans-serif;
    font-weight: 800;
    font-style: normal;
}

body, p, label, .paragraph {
	font-size: 16px;
	font-family: sweet-sans-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
}


ul.checkmark {
  list-style: '\2713';
}

.verse {
    text-align: center;
    font-family: sheila, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    margin-bottom: -0.5em;
}

.verseAddress {
    text-align: center;
    font-family: sheila, sans-serif; 
    font-weight: 400; 
    font-style: normal; 
    font-size: 25px; 
    line-height: 25px;
}

.bannerWidget__heading {
    font-weight: 600;
    text-shadow: 3px 3px 6px #000000;
}

.bannerWidget__subheading {
    font-weight: 500;
    text-shadow: 2px 2px 5px #000000;
}

@media (max-width: 768px) {
    .bannerWidget__heading {
        font-size: 34px !important;
    }
}

.textWidget--61 {
    padding: 5px 20px;
}

.collectionBanner__heading {
    text-shadow: 2px 2px 5px #000000;
}

.collectionBanner__subheading {
    text-shadow: 2px 2px 5px #000000;
    font-weight: 500;
}
