@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&family=League+Gothic&family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap');

/*UNIVERSAL*/
body {
	background:#ffffff;
	color:#333333;
    font-family: 'Heebo', sans-serif;
	font-size:16px;
	font-weight: 300;
	margin-top: 0;
}
a, a:hover {
	color:#754157;
	text-decoration:none;
}
a:hover {
	color:#754157;
}
h1, h2, h3, h4, h5, h6 {
	color:#754157;
    font-family: 'League Gothic', sans-serif;
	font-weight: 400;
    text-transform: uppercase;
}
h1 {
	font-size: 42px;
}
h2 {
	font-size: 40px;
}
h3 {
	font-size: 38px;
}
h4 {
	font-size: 36px;
}
h5 {
	font-size: 34px;
}
h6 {
	font-size: 33px;
}


b, strong {
	font-weight: 700;
}

img {
	height: auto;
	max-width: 100%;
}
li {
    margin: 0 0 5px;
}
.btn, .btn:hover, .btn:focus,
.btn-primary, .btn-primary:hover, .btn-primary:focus{
    background: none repeat scroll 0 0 #754157;
    border: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    padding: 10px;
	width: 100%;
	max-width: 300px;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #cbcbcb;
    border-color: #cbcbcb;
}

.container {
    width: 100%;
    max-width: 1920px;
}
.container > .row {
    padding: 0 20px;
    margin: 0 auto;
}

.form-required {
    position: relative;
}
.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    vertical-align: super;
    content: '*';
    color: #f10000;
    position: absolute;
    top: -1px;
	background-image: none;
}
.webform-required .form-required {
    padding-left: 17px;
}
.webform-required .form-required:after {
    left: 0;
}
::placeholder {
	color: #CCC !important;
	font-style: italic;
}

/* Fixes slick slideshow globally.
 https://github.com/kenwheeler/slick/issues/982#issuecomment-73517458
 https://www.drupal.org/project/slick/issues/3060748#comment-13150634*/
* {
  min-height: 0;
  min-width: 0;
}


/*MAINTENANCE PAGE*/
.maintenance-page #page-wrapper {
    border: none !important;
    text-align: center;
    margin-top: 100px !important;
}
.maintenance-page img {
    max-width: 400px;
    margin: 0 auto 20px;
}
.alert-wrapper .alert {
    max-height: 75px;
    font-size: 80%;
}
.alert-heading {
    font-size: 20px;
    margin-bottom: 0;
}
.messages__wrapper {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    background: #ffffffa1;
    width: 100%;
    left: 0;
    padding: 10px;
    font-size: 14px;
}





/*HEADER and NAV*/
.affix {
    position: fixed;
}
#navbar-top {
    background-color: #754157;
	color: #fff;
}
#navbar-top .container > .row {
    padding: 0;
    margin: 0;
    display: block;
    width: 100%;
}
#navbar-top .nav {
    justify-content: flex-end;
}
#navbar-top .nav a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 11px;
}
#header {
    background-color: #fff;
    width: 100%;
    border-bottom: 2px solid #754157;
}
.scrolled #header {
    position: fixed;
    top: 0;
    z-index: 9999;
}
#navbar-main {
    background-color: transparent;
}
.navbar-brand img {
    max-width: 100px;
    transition: 1s;
}
.scrolled .navbar-brand img {
    max-width: 80px;
}
.scrolled #navbar-main .container {
    padding: 5px 15px;
}
.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #754157;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
.navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	background: transparent;
}
.menu--account > div > a {
    font-size: 12px !important;
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
    color: #754157;
    background: transparent;
}
.dropdown-toggle::after {
	color: #754157;
}
.dropdown-menu {
    border: none;
    font-size: inherit;
}
.navbar-nav .dropdown-menu > li > a, .navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > active > a {
    background-color: transparent;
}
.dropdown-item {
    padding: 0 10px 10px;
}
.dropdown-item:hover, .dropdown-item:focus {
	background: transparent;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: transparent;
}





/*CONTENT TOP*/
#contenttop {
    position: relative;
    background: #f4f4f4;
}
#contenttop .container {
    max-width: 100%;
    padding: 0;
}
.contentheader {
	position:relative;
	min-height: 500px;
}
.contentheader .views-field-field-header-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*background: #2f2f2f5e;*/
}
.contentheader .views-field-title {
    position: absolute;
    bottom: 7%;
    /*left: 50%;
    transform: translate(-50%, -50%);*/
    text-align: center;
    width: 100%;
    padding: 0 20px;
}
.contentheader .views-field-title h1 {
    color: #ffffff;
    text-shadow: 3px 3px 5px #00000029;
    font-size: 80px;
}


.videotextblock {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #fff;
    font-size: 125%;
    max-width: 1800px;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
	text-transform:uppercase;
}
.videotext {
    /*width: 700px;*/
    font-weight: 400;
	text-shadow:3px 3px 5px #00000029;
}
.videoheadlinesmall {
    text-transform: uppercase;
    font-size: 150%;
	line-height:1;
}
.videoheadline {
    text-transform: uppercase;
    font-family: 'League Gothic', sans-serif;
    font-size: 100px;
	line-height:1;
}
.videotextblock .btn {
    background: transparent;
    border: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    padding: 15px 30px;
    width: 100%;
    max-width: 300px;
	transition: 2s;
}
.videotextblock .btn:hover {
	background: #754157;
    border: 1px solid #754157;
}
#block-bootstrap-custom-video {
    overflow: hidden;
    height: 900px;
    position: relative;
    background: #2f2f2f;
}
#block-bootstrap-custom-video video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(1);
    -moz-transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(-1px) scale(1);
    z-index: -99;
    z-index: 1;
    object-fit: cover;
	opacity: 0.7;
}






/*MAIN*/
#contenttop .row, #slideshow .row, #contentbottom .row {
    margin: 0 auto;
    display: block;
    flex-wrap: unset;
}
#main {
    margin: 50px auto;
}
.path-frontpage #main {
    margin-top: -130px;
    position: relative;
    z-index: 1;
}
.view-title .row {
    display: block;
    margin: 0;
}
.views-field-edit-node {
    font-size: 80%;
    font-style: italic;
    margin: 10px 0;
}

.row {
    margin-left: auto;
    margin-right: auto;
}



.flexaligncenter .layout,
.aligncenter > .layout {
    align-items: center;
}

.centeralign {
    text-align: center;
}


.field--name-field-sections .field__item {
    clear: both;
    overflow: hidden;
}
.field--name-field-sections .field__item > .paragraph {
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 30px;
	position:relative;
}
.field--name-field-sections .field__item > .paragraph.fullwidth {
    width: 100%;
    max-width: 100%;
}
.field--name-field-sections .field__item > .paragraph.fullwidth.homecarousel,
.field--name-field-sections .field__item > .paragraph.fullwidth.gallery {
	padding: 0;
	position:relative;
}
.field--name-field-sections .field__item > .paragraph.fullwidth > .layout {
    max-width: 1400px;
    margin: 0 auto;
}
.field--name-field-sections .field__item > .paragraph.fullwidth.homecarousel > .layout,
.field--name-field-sections .field__item > .paragraph.fullwidth.gallery > .layout {
    max-width: 100%;
}
.layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    padding: 30px;
}

.paragraph.fullwidth.fullwidthimage {
    padding: 0;
}
.paragraph.fullwidth.fullwidthimage .layout {
    max-width: 100% !important;
}
.paragraph.fullwidth.fullwidthimage img {
    width: 100%;
    margin: 0;
}

.field--name-field-sections .field--name-field-image {
    text-align: center;
    width: 100%;
}

.narrowtext {
    padding: 0 11%;
}
.narrowtext .layout,
.narrowtext.paragraph {
    max-width: 900px !important;
	margin:0 auto;
}
.view .row {
    margin-left: auto;
    margin-right: auto;
}

.gallery {
    position: relative;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery {
    gap: 0;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery .field__item .field--name-field-media-image {
    margin: 0;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery .field__item .field--name-field-media-image .field__item img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 3px;
}

.homecarousel {
    /*max-height: 700px;
    overflow: hidden;*/
}
.homecarousel .field--name-field-image, .homecarousel .field--name-field-image img,
.homecarousel .field--name-field-home-carousel-image, .homecarousel .field--name-field-home-carousel-image img {
    width: 100%;
}
.homecarousel .ept-carousel-controls {
    display: none;
}

.spacersmall {
    padding: 25px 0;
}
.spacermedium {
    padding: 50px 0;
}
.spacerlarge {
    padding: 100px 0;
}
.spacerxlarge {
    padding: 150px 0;
}
.spacerxxlarge {
    padding: 250px 0;
}

.ept-carousel-basic .field--type-image {
    margin: 0;
}
.ept-carousel-basic .field--name-field-mobile-image {
    display: none;
}
.ept-carousel-basic .ept-carousel-prev, .ept-carousel-basic .ept-carousel-next {
    border-color: #ffffff;
    opacity: .9;
}

.imagefloatleft .layout {
    flex-direction: row-reverse;
}


.twoup .views-row {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 20px;
}
.threeup .views-row {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding: 20px;
}
.twoup .views-row .views-field,
.threeup .views-row .views-field {
    margin-bottom: 15px;
}

.ept-paragraph-image .ept-container {
    position: relative;
}
.ept-paragraph-image .ept-container a {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}


.circleimage img {
    border-radius: 999px;
    border: 10px solid #fff;
	overflow: hidden;
}
.paragraph--type--ept-text {
    padding: 0 20px;
}


.col3 {
    display: inline-block;
    width: 32%;
    vertical-align: top;
}


.layout--threecol-33-34-33 > .layout__region--second {
    flex: 0 1 33%;
}


.node--type-article #main {
    max-width: 1600px;
	padding: 0 20px;
}


.paragraph--unpublished {
    display: none;
}


.view-filters .btn {
    font-size: 80%;
    padding: 6px 20px;
    margin: 0 0 0 10px;
}
.views-exposed-form > div {
    justify-content: center;
}
.views-exposed-form .js-form-item {
    width: 100%;
    max-width: 300px;
}




.homecontent .layout--threecol-33-34-33 {
	column-gap: 5px;
}
.homecontent .layout__region--first,
.homecontent .layout__region--second,
.homecontent .layout__region--third {
    text-align: center;
    padding: 0 0 30px 0;
	position:relative;
	color: #fff;
	flex: 0 1 32.5%;
}
.homecontent .layout__region--first {
	background: #754157;
}
.homecontent .layout__region--second {
	background: #f4f4f4;
    color: #754157;
}
.homecontent .layout__region--third {
	background: #CCA49C;
}
.homecontent .layout__region--first .btn,
.homecontent .layout__region--second .btn,
.homecontent .layout__region--third .btn {
	position:absolute;
	bottom:0;
	left:0;
	max-width: 100%;
	border-radius: 0;
	padding: 15px 10px;
}
.homecontent .layout__region--first .btn {
    background: #8f6376;
    color: #fff;
}
.homecontent .layout__region--second .btn {
    background: #e1dadd;
    color: #754157;
}
.homecontent .layout__region--third .btn {
    background: #dbbdb7;
    color: #fff;
}
.homecontent .field--name-field-image {
	float: none;
}
.homecontent .layout__region--first img,
.homecontent .layout__region--second img,
.homecontent .layout__region--third img {
    margin: 0 auto;
}
.homecontent .spacersmall {
    padding: 15px 0;
}
.homecontent h2 {
}
.homecontent .layout__region--first h2,
.homecontent .layout__region--third h2 {
	color: #fff;
}


.reducespace {
    padding: 10px 30px !important;
}
.number {
    font-size: 150px;
	display:none;
}


.quotetext {
    font-size: 200%;
    text-align: center;
    max-width: 900px;
    font-family: serif;
    color: #754157;
    margin: 0 auto;
    font-style: italic;
}



.imageoutline .field--type-image {
    float: none;
    margin: 0;
    position: relative;
    overflow: visible;
}
.imageoutline .field--type-image img {
	border: 1px solid #efefef;
    position: relative;
    z-index: 1;
}
.imageoutline .field--type-image:after {
    border: 1px solid #754157;
    content: "";
    position: absolute;
    top: 15px;
    right: -15px;
    width: 100%;
    height: 97%;
    z-index: 0;
}




/*PERSONNEL*/
.personnel > .view-content,
.personnel.personnelsingle > .view-content .views-row {
	flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 3%;
    row-gap: 40px;
}
.personnel.personnelsingle > .view-content .views-row {
	width: 100%;
    align-items: center;
}
.personnel.personnelsingle > .view-content {
    display: block;
    margin-bottom: 70px;
}
.personnel > .view-content > div {
	width: 31%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.personnel.personnelsingle > .view-content > div {
	width: 49%;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}
.personnel.personnelsingle > .view-content > div  > div {
	width: 48%;
}
.personnel .views-field-field-image img,
.node--type-personnel .field--name-field-image img {
	margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    border: 5px solid var(--bricks-color-oqhxax);
    border-radius: 10px 50px 10px 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27);
}
.personnel .views-field-nothing {
    width: 100%;
}
.personnel h3 {
    margin-bottom: 0;
	font-size:35px;
}
.jobtitle, .field--name-field-job-title {
    font-size: 125%;
    font-weight: 400;
	margin-bottom:10px;
}

.node--type-personnel #main.container {
    max-width: 1300px;
}
.floatleft {
	width:50%;
	margin-right: 3%;
	float: left;
}
.floatright {
	overflow: hidden;
}
.node .field--type-image {
    float: none;
    margin: 0;
}
.field--name-field-credentials .field__item {
    margin: 0 0 10px;
    font-size: 90%;
}





/*MEMBERS*/
#views-exposed-form-member-directory-block-1 {
    max-width: 500px;
    margin: 0 auto 40px;
    border-bottom: 1px solid #efefef;
    padding: 0 20px 40px;
}
#views-exposed-form-member-directory-block-1 > div {
    justify-content: left;
}
#views-exposed-form-member-directory-block-1 .js-form-item {
    width: 50%;
	padding: 0 2%;
}
#views-exposed-form-member-directory-block-1 label {
    font-weight: bold;
}
#views-exposed-form-member-directory-block-1 #edit-actions,
#views-exposed-form-member-directory-block-1 #edit-actions button {
    width: 100%;
    max-width: 100%;
    font-size: 100%;
}
#views-exposed-form-member-directory-block-1 #edit-actions #edit-reset {
    margin-top: 10px;
    background: #8b5f72;
}
.membergrid .views-row {
    width: 19.5%;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    text-align: center;
    font-size: 13px;
}
.membergrid .views-field-field-profile-image {
    border: 1px solid #754157;
}
.membergrid .views-field-field-full-name {
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
}


.path-profile #main.container {
    max-width: 900px;
}
.path-profile .field--name-field-full-name {
    font-size: 250%;
    margin: 0 auto 30px;
    text-align: center;
    color: #754157;
    font-weight: 700;
    text-transform: uppercase;
}
.path-profile .field__label {
    font-weight: 500;
    margin-right: 10px;
}




/*EVENTS*/
.node--type-event #main.container {
    max-width: 900px;
}
.node--type-event .field--name-field-date,
.views-field-field-date {
    font-style: italic;
    margin-bottom: 20px;
}
.view-events .views-row {
    margin: 10px 0 30px;
}







/*PRODUCTS AND CART*/
.path-product #main,
.path-cart #main, .path-checkout #main {
    max-width: 1000px;
	padding: 0 20px;
}
.path-product legend,
.path-product .form-type-textfield label,
.path-product .form-type-textarea label {
    font-weight: 400;
    font-size: 18px;
}
.cartfields {
    position: relative;
}
.cartfields .form-actions {
    position: relative;
    bottom: -55px;
}
.cartfields .price {
    position: relative;
    bottom: 65px;
    font-size: 150%;
    color: #754157;
    font-weight: 400;
}
.field--name-quantity input {
    width: 100px;
}
.view-commerce-cart-form .row {
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
.view-commerce-cart-form .row .table-responsive {
    padding: 0;
}
.view-commerce-cart-form button {
    font-size: 100%;
}
.views-field-remove-button .btn {
    font-size: 14px;
    padding: 3px 9px;
    font-family: arial;
}
.view-commerce-cart-form .form-actions {
    margin: 30px auto 0;
}
.view-commerce-cart-form .form-actions button#edit-submit {
    background: #754157;
}
.path-checkout legend {
    font-size: 28px;
    color: #754157;
    font-weight: 900;
}
.layout-region-checkout-footer a.link--previous {
    display: block;
    margin-top: 20px;
    font-size: 80%;
}




/*USER*/
.path-user #main {
    max-width: 900px;
    padding: 50px 10px 100px 10px;
}







/*WEBFORMS*/
.webform-submission-form {
    margin: 30px auto;
}
.form-inline .form-control {
    display: block;
    width: 100%;
}
form label {
    display: block;
}
select {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.webform-name--wrapper .fieldset-wrapper,
.webform-address--wrapper .fieldset-wrapper {
    display: flex;
    gap: 20px;
}
.narrowform {
    max-width: 600px;
    margin: 0 auto;
}





/*FOOTER*/
.site-footer {
    border: none;
    background: #754157;
	color: #ffffff;
	text-align:center;
    font-family: inherit;
	font-size: 80%;
}
.site-footer .block {
	border: none;
}
.site-footer a, .site-footer a:hover, .site-footer a:focus,
.site-footer .content a, .site-footer .content a.is-active,
.site-footer h1 {
	color: #fff;
}
.site-footer__bottom {
    letter-spacing: inherit;
    margin-top: 0;
    border-top: none;
}
.site-footer__bottom .region {
    margin-top: 0;
}
#block-footercopyrightanalytics {
    width: 100%;
}
.site-footer .content {
    color: inherit;
    font-size: inherit;
}




/**********************************************************************************/
/*MOBILE STYLES*/
/**********************************************************************************/
@media(max-width:1920px) {
.container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

}


@media(max-width:1600px) {
.container {
	width: 100%;
}

}


@media(max-width:1400px) {
.container {
	width: 100%;
}


#block-bootstrap-custom-video {
	height: 700px;
}

.videoheadlinesmall {
	font-size: 33px;
}
.videoheadline {
    font-size: 90px;
}
.videotextblock {
	font-size: 21px;
}

}


@media(max-width:1200px) {
.container {
	width: 100%;
}
.node--type-article #main,
.path-product #main {
    padding-top: 80px;
}

}


@media(max-width:992px) {
.container {
	width: 100%;
}
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus {
    background: transparent;
    border: none;
	outline: none;
    border-radius: 0;
    position: absolute;
    top: 15px;
    right: 10px;
    margin: 0;
}
.navbar-toggler .icon-bar {
    background-color: #754157;
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	margin-top: 4px;
}
.navbar-collapse {
    border: none;
    text-align: center;
}
.region-navigation {
    text-align: center;
}
.navbar-nav > li > a, .navbar-nav > li > a:hover, .navbar-nav > li > a:focus, .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
	font-size: 110%;
    padding: 7px 15px;
}
.dropdown-item {
	text-align:center;
}
.navbar-brand {
    display: block;
    margin: 0 auto;
}
.threeup .views-row {
    width: 50%;
}

.videotextblock {

}
.videotext {
	width: 100%;
}


.personnel > .view-content > div {
    width: 48%;
}


.membergrid .views-row {
    width: 32.5%;
}


}





@media(max-width:768px){
.container {
	width: 100%;
	padding: 0;
}

.paragraph--type--ept-text {
    padding: 0;
}
.layout--twocol-bricks > .layout__region,
.layout--twocol > .layout__region {
    flex: 0 1 100%;
}
.layout--twocol > .layout__region--first,
.layout--twocol > .layout__region--second {
    padding: 0 0 30px;
}
.contentheader .views-field-title h1,
.pagetitle h1 {
    font-size: 40px;
}
.field--name-field-sections .field__item > .paragraph {
    padding: 50px 20px;
}

.homecarousel .ept-carousel-basic .field--name-field-image,
.homecarousel .ept-carousel-basic .field--name-field-home-carousel-image {
    display: none;
}
.ept-carousel-basic .field--name-field-mobile-image {
    display: unset;
}


.path-frontpage #main {
    margin-top: -35px;
}
.homecontent .layout--threecol-33-34-33 {
    column-gap: unset;
    flex-direction: column;
	row-gap: 20px;
}
.homecontent .layout--threecol-33-34-33 .paragraph--type--ept-text {
    padding: 0 20px;
}




.reducespace {
    padding: 10px 0 !important;
}

ul {
    columns: 1 !important;
    -webkit-columns: 1 !important;
    -moz-columns: 1 !important;
}


.narrowtext {
    padding: 0;
}


.path-product .splide--field-images {
    width: 100%;
    margin-bottom: 30px;
}

.col3 {
    width: 31%;
}


#block-bootstrap-custom-video {
    height: 600px;
}
.videotextblock {
}
.videoheadline {
    /*font-size: 15vw;*/
}
.videoheadlinesmall {
    /*font-size: 5vw;*/
}
.videotext {
    font-size: 19px;
}



.floatleft, .floatright {
    float: none;
    width: 100%;
    margin: 0 auto 30px;
    overflow: unset;
}


.personnel.personnelsingle > .view-content .views-row {
    column-gap: unset;
    flex-direction: column;
}
.personnel.personnelsingle > .view-content > div > div {
    width: 100%;
}


#navbar-top .nav {
    justify-content: center;
}


.imageoutline .field--type-image {
    width: 97%;
}



}


@media(max-width:576px){
.container {
	width: 100%;
}
.container > .row {
    padding: 0;
}
.region-top-header {
    display: block;
}
.region-top-header > div {
    flex: none;
    text-align: center;
    font-size: 85%;
}

.navbar-brand img {
}
.layout--twocol > .layout__region--first, .layout--twocol > .layout__region--second {
    padding: 10px 20px;
}

.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery {
    display: block;
}
.ept-paragraph-image-gallery.four_columns .ept-container .field--name-field-ept-image-gallery > .field__item {
    width: 49%;
    display: inline-block;
}


.threeup .views-row {
    width: 100%;
    display: block;
    padding: 0 0 20px;
}

#navbar-top {
    padding: 2px 0;
}
#navbar-main {
    padding: 0;
}
.navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus {
    top: 5px;
    right: 10px;
	transition: 1s;
}
.scrolled .navbar-toggler {
}


.spacersmall {
    padding: 15px 0;
}
.spacermedium {
    padding: 25px 0;
}
.spacerlarge {
    padding: 30px 0;
}
.spacerxlarge {
    padding: 50px 0;
}
.spacerxxlarge {
    padding: 50px 0;
}


#navbar-top li.nav-item .nav-link {
    padding: 2px 8px;
}


.node--type-article .field--type-image {
    width: 100%;
}


.pagetitle {
    padding: 70px 20px 0;
}

.view-commerce-cart-form .form-actions button {
    display: inline-block;
    width: 49%;
	padding: 15px 10px;
}


.col3 {
	display:block;
	margin-bottom: 20px;
    width: 100%;
}


.videotextblock {
	padding:0 20px;
}
#block-bootstrap-custom-video {
   height: 600px;
}
.videotext .btn {
    font-size: 19px;
}
.videoheadline {
    font-size: 65px;
}
.videoheadlinesmall {
    font-size: 25px;
}



.personnel > .view-content {
    flex-direction: column;
    column-gap: unset;
}
.personnel > .view-content > div {
    width: 100%;
}


#memberdirectorysections {
    padding: 50px 0;
}
.membergrid .views-row {
    width: 50%;
	padding: 10px;
}



}

@media(max-width:400px){
.videoheadlinesmall {
    font-size: 22px;
}
.videoheadline {
    font-size: 55px;
}

}