@font-face {
    font-family: 'milkshakeregular';
    src: url('../fonts/milkshake-webfont.woff2') format('woff2'),
         url('../fonts/milkshake-webfont.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400;1,700&display=swap');

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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{background:transparent;border:0;margin:0;padding:0;outline:none;box-sizing:border-box;}
html {
    scroll-behavior: smooth;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
}
body {
	font-family: sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #2e2e2e;
}
.body-wrapper {
    background-color: #fdf0f5;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a {
	font-family: inherit;
	font-size: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'milkshakeregular', serif;
	line-height: 1.2;
	letter-spacing: inherit;
	color: #eb2764;
	margin-top: 20px;
}
h1 {
	font-size: 5rem;
	margin-bottom: 1rem;
	font-style: normal;
}

h2 {
	font-size: 4rem;
	margin-bottom: 1rem;
	font-style: normal;
}

h3 {
	font-size: 3rem;
	margin-bottom: .5rem;
	font-style: normal;
}

h4 {
	font-size: 2.7rem;
	margin-bottom: 12px;
	font-style: normal;
}

h5 {
	font-size: 2.5rem;
	margin-bottom: .5rem;
	font-style: normal;
}
h6 {
	font-size: 2.5rem;
	margin-bottom: .5rem;
	font-style: normal;
}
.uppercase-heading {
    text-transform: uppercase;
}
p {
    font-family: sans-serif;
    margin: 0 0 1.8rem 0;
	font-weight: normal;
	font-style: normal;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #2e2e2e;
}
p a {
    text-decoration: underline;
}
p a:hover {
    text-decoration: none;
}
a {
	color: #eb2764;
	text-decoration: underline;
	transition: all 0.3s ease;
	outline: medium none !important;
}
a:hover {
	text-decoration: none;
	color: #9c1532;
}
a:focus, a:hover {
	color: #9c1532;
}

ul {
    list-style-type: disc;
    list-style-position: outside;
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 0 15px;
    padding: 0 0 0 20px;
}
li {
    margin-bottom: 3px;
}
li.list-last {
    margin-bottom: 16px;
}
ol {
    list-style-position: outside;
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 0 15px;
    padding: 0 0 0 20px;
}
.fa-check {
    color: #05057d;
    margin-right: 5px;
}
/*ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0;
    list-style-type: circle;
}*/
b, strong {
	font-weight: bold;
}
a, .sppb-btn {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	cursor: pointer;
	background-color: transparent;
	font-size: 1.6rem;
}
.sppb-btn, .btn {
    font-size: 1.6rem;
    padding: 15px 40px;
    margin: 8px 0;
    color: #eb2764;
    background-image: linear-gradient(137deg, #fdf0f5 27%, #ffbcca 100%);
    border-radius: 4px;
    border: 1px solid rgb(235 39 100 / 30%);
    box-shadow: none;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
}
.sppb-btn:hover, .btn:hover {
	color: #eb2764;
    background-image: linear-gradient(45deg, #ffbcca 0%, #fdf0f5 100%);
    border: 1px solid rgb(235 39 100 / 30%);
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-image: linear-gradient(137deg, #fdf0f5 27%, #ffbcca 100%);
    border-color: rgb(235 39 100 / 30%);
    border: 1px solid rgb(235 39 100 / 30%);
    box-shadow: none;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 4px 1px rgb(235 39 100 / 30%);
    border: 1px solid rgb(235 39 100 / 30%);
}
.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    box-shadow: 0 0 4px 1px rgb(235 39 100 / 30%);
    border: 1px solid rgb(235 39 100 / 30%);
}
.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary, 
.btn-primary.active, 
.btn-primary:active, 
.show>.btn-primary.dropdown-toggle {
    background-color: #ffbcca;
}
.sp-scroll-up {
    background: #eb2764;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    background: #eb2764;
    color: #ffffff;
}
/* HEADER & NAVIAGATION */
#sp-header {
    line-height: 80px;
    width: 100%;
    position: absolute;
    box-shadow: none;
    z-index: 99;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;    
    animation: none;
}
#sp-header.header-sticky {
    position: fixed;
    height: 80px;
    background-color: #ffffff;
    z-index: 9999;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0px 0.5rem 0.5rem 0px rgb(13 43 90 / 14%), 0 0.5rem 2rem rgb(13 43 90 / 14%);
    box-shadow: 0px 0.5rem 0.5rem 0px rgb(13 43 90 / 14%), 0 0.5rem 2rem rgb(13 43 90 / 14%);
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;    
    animation: none;
}
#sp-header .logo a {
    font-family: 'milkshakeregular', serif;
    color: #ffffff;
    font-size: 2.4rem;
    letter-spacing: .2rem;
    text-transform: none;
    text-decoration: none;
}
#sp-header.header-sticky .logo a {
    color: #eb2764;
}
.sp-megamenu-parent>li.active>a {
    font-family: sans-serif;
    color: #ffffff;
    font-size: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
}
#sp-header.header-sticky .sp-megamenu-parent>li.active>a {
    color: #eb2764;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span a {
    font-family: sans-serif;
    color: #ffffff;
    font-size: 2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
}
#sp-header.header-sticky .sp-megamenu-parent>li>a, 
.sp-megamenu-parent>li>span a {
    color: #eb2764;
}
.burger-icon>span {
    background-color: #ffffff;
}
#sp-header.header-sticky .burger-icon>span {
    background-color: #eb2764;
}
.privacy-policy #sp-header {
    color: #eb2764;
}
.privacy-policy #sp-header a {
    color: #eb2764;
}
.privacy-policy .d-flex {
    display: none !important;
}
.p-3 {
    padding: 3rem 1rem 1rem 1rem!important;
}
body.ltr .close-offcanvas {
    right: 15px;
    padding-top: 2rem;
}
.offcanvas-active .burger-icon>span, 
#modal-menu-toggler.active .burger-icon>span {
    background-color: #ffffff;
}
.offcanvas-menu .logo a {
    font-family: 'milkshakeregular', serif;
    color: #ffffff;
    font-size: 2.5rem;
    letter-spacing: .2rem;
    text-decoration: none;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, 
.offcanvas-menu .offcanvas-inner ul.menu>li>span {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    text-decoration: none;
}
/* END HEADER & NAVIGATION */

/* PAGE TITLE */
.sp-page-title .sp-page-title-heading {
    font-size: 5rem;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}
.sp-page-title {
    padding: 125px 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: fixed;
    height: 550px;
    text-align: center;
    position: relative;
    background-blend-mode: overlay;
    background-attachment: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* END PAGE TITLE */

/* ARTICLE TITLES */
.article-details .article-header h1 {
    font-size: 5rem;
}
.article-details .article-header h2 {
    font-size: 4rem;
}
/* END ARTICLE TITLES */

/* FORMS */
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="date"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="number"] {
    display: block;
    width: 100%;
    height: 4rem;
    padding: .8rem;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #495057;
    background-color: #ffdee8;
    background-clip: padding-box;
    border: transparent;
    box-shadow: inset 1px -1px 3px 1px rgb(3 2 3 / 23%) !important;
    border-radius: 0.4rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="date"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus,
.form-control:focus,
textarea.form-control:focus,
textarea:focus {
    background-color: #fff4f7;  
    outline: 0;
    box-shadow: inset 1px -1px 3px 1px rgb(3 2 3 / 23%) !important;
}
select.form-control:not([multiple]),
select.inputbox:not([multiple]), 
select:not([multiple]) {
    display: block;
    width: 100%;
    height: 4rem;
    padding: .8rem;
    font-size: 1.6rem;
    line-height: 1.25;
    color: #495057;
    background-color: #ffdee8;
    border: transparent;
    box-shadow: 3px 3px 3px 1px rgb(0 0 0 / 15%);
    border-radius: 0.4rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
select.form-control:not([multiple]):focus,
select.inputbox:not([multiple]):focus, 
select:not([multiple]):focus {
    background-color: #fff4f7;
    outline: 0;
    box-shadow: inset 1px -1px 3px 1px rgb(3 2 3 / 23%);
}
textarea.form-control, textarea {
    color: #495057;
    font-size: 1.6rem;
    width: 100%;
	height: 13rem;
    padding: .8rem;
    background-color: #ffdee8;
    background-image: none;
    background-clip: padding-box;
    border: transparent;
    box-shadow: inset 1px -1px 3px 1px rgb(3 2 3 / 23%) !important;
    border-radius: 0.4rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; 
}
input[type="submit"],
button[type="submit"] {
    font-size: 1.6rem;
    padding: 15px 40px;
    margin: 8px 0;
    color: #eb2764;
    background-image: linear-gradient(137deg, #fdf0f5 27%, #ffbcca 100%);
    background-color: #ffbcca;
    text-shadow: none;
    border-radius: .4rem;
    border: 1px solid rgb(235 39 100 / 30%);
    box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 28%);
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 1px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;    
}
input[type="submit"]:hover, 
button[type="submit"]:hover,
input[type="submit"].disabled,
button[type="submit"].disabled,
input[type="submit"][disabled],
button[type="submit"][disabled],
.show>.btn-primary.dropdown-toggle {
	color: #eb2764;
    background-image: linear-gradient(45deg, #ffbcca 0%, #fdf0f5 100%);
    border: 1px solid rgb(235 39 100 / 30%);
    background-color: #ffbcca;
}
input[type="submit"]:active, 
button[type="submit"]:active,
input[type="submit"].active,
button[type="submit"].active,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary.focus, 
.btn-primary:focus {
    color: #eb2764;
    transform: translateY(2px) translateX(2px);
}
.formError {
    color: #06005c;
    font-weight: 600;
    font-size: 1.4rem;
}
.formControls p#rsfp-counter-25 {
    margin: .5rem 0;
    font-family: sans-serif;
    color: #2e2e2e;
    font-size: 1.4rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1;  
}
#rsfp-thankyou-scroll1 {
    margin-top: 2.5rem;
}
p.email-response {
    font-size: 2.5rem;
    font-family: 'milkshakeregular', serif;
    color: #2e2e2e;
    font-weight: 400;
}
.rsform-block-recaptcha .formControlLabel,
.rsform-block-submit .formControlLabel{
    display: none;
}
/* END FORMS */

/* GRIDS */
.bis-hours {
    display: grid;
    width: 265px;
    box-sizing: border-box;
    grid-template-columns: 60% 40%;
    grid-gap: 0;
    margin: 0 0 2rem 0;
}
.bis-hours .item {
    /* Center the contents of the grid items. Making each grid item a Flex Patterson Board Members */
    display: initial;
    /* Horizontal and Vertical centering */
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 0;
    font-size: 1.5rem;
    font-family: sans-serif;
    font-weight: normal;
    padding: 1px;
}
/* END GRIDS */

/* BOTTOM */
#sp-bottom .sp-module {
    margin-bottom: 0;
}
#sp-bottom {
    padding: 30px 0;
    font-size: inherit;page-bottom
    line-height: inherit;
}
#page-bottom {
    color: #9c1532;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}
#page-bottom p {
    color: #ffe2e2;
}
/* END BOTTOM */

/* FOOTER */
#sp-footer {
    background-color: #EEC6CE;
}
#sp-footer .container-inner {
    padding: 25px 0;
    border: none;
    text-align: center;
}
#sp-footer1 .sp-copyright {
    color: #9c1532;
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}
#sp-footer1 .sp-copyright a {
    font-size: 1.4rem;
    font-weight: 600;
    margin: 0;
}
/* END FOOTER */
#sp-page-builder .sp-pagebuilder-page-edit {
    display: none !important;
}

/* OFFLINE PAGE */
.offline {
    width: 100%;
    height: 100%;
    min-height: 100%;
}
.offline body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-color: #fdf0f5;
    background-repeat: no-repeat;
    background-position: 50% 40%;
}
.offline-wrapper {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.offline .login-wrapper {
    display: inline-block;
    width: 300px;
    align-items: center;
}
.offline .login-form {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}
.offline .form-input {
    width: 100%;
    margin-bottom: 5px;
}
.offline-label label {
    display: none;
}
.offline .input-group-text {
    padding: 1rem 1.5rem !important;
}
.offline .login-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
.offline .form-control {
	font-size: 1.5rem;
}
.offline .login-form input[type="submit"],
.offline .login-form button[type="submit"] {
    width: 100%;
	font-size: 1.5rem;
    padding: 8px 40px;
    margin-top: 15px;
}
.login-buttons .offline-webauth {
    display: block;
    padding: 10px 26px;
    width: 100%;
    box-shadow: 2px 2px 3px 0px rgb(0 0 0 / 28%);
}
/* END OFFLINE PAGE */