/* !
* Bootstrap v3.2.0 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */

/*
* CSS Custom Theme Layout for Bootstrap
* SHIMITS.com
* 2020
*/




/* Resets & Basics
======================================================================================================================================================
====================================================================================================================================================== */

* { margin: 0; padding: 0px; }
body { font-family: 'EB Garamond', serif; font-weight: 500; background: #fff; margin: 0; color: #fff; }
html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden }

hr.red { border: 1px inset #de363d; width: 100%; float: left; height: 0px; }
hr.gray { border-top: 1px solid #ddd; width: 100%; float: left; }
hr.alt { border: none; width: 100%; float: left; height: 10px; content: ''; position: relative;
  background-image: url(../img/icon-ellipses.svg); background-position: center top; background-repeat: no-repeat; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; background-size: 40px auto; }
hr.maltese { border: none; width: 100%; float: left; height: 40px; content: ''; position: relative;
  background-image: url(../img/icon-maltese.svg); background-position: center top; background-repeat: no-repeat; -webkit-background-size: 40px auto; -moz-background-size: 40px auto; -o-background-size: 40px auto; background-size: 40px auto; }

.clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; }
.disabled { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .4; }

.section { width: 100%; float: left; padding: 20px 0; /*overflow: hidden;*/ }
.section.wrap { padding: 0; }
.section.half { padding: 20px 0; }
.section.first { padding-top: 0; }
.section.last { padding-bottom: 0; }
@media (min-width:768px) {
	.section { padding: 30px 0; }
	/*.section .section ~ .section { padding: 20px 0; }*/
}
@media (min-width:1200px) {
	.section { padding: 50px 0; }
}


/* Typography & Images
======================================================================================================================================================
====================================================================================================================================================== */


h1, .h1, h2, .h2, h3, .h3, h4, .h4 { line-height: 1.2; color: #fff; }
h1, .h1 { font-family: 'EB Garamond', serif; font-weight: 500; font-size: 60px; color: #fff; line-height: 0.8; text-transform: uppercase; margin: 10px 0; }
h2, .h2 { font-family: 'EB Garamond', serif; font-weight: 500; font-size: 26px; color: #fff; line-height: 0.8; text-transform: uppercase; margin: 0; }
h3, .h3 { font-family: 'EB Garamond', serif; font-weight: 500; font-size: 15px; color: #a7805a; line-height: 1; text-transform: uppercase; margin: 0; }
h4, .h4 { font-family: 'EB Garamond', serif; font-weight: 500; font-size: 16px; line-height: 1.5; margin-bottom: 10px; margin: 0; }
	.bg-red h4, .bg-red .h4 { color: #c89f77; }
	.bg-grayDark h4, .bg-grayDark .h4 { color: #888; }
	.bg-grayMed h4, .bg-grayMed .h4 { color: #ccc; }
	h4 ~ h4 { margin-top: 40px; }
p, .p { font-family: 'EB Garamond', serif; font-weight: 500; font-size: 13px; color: #888; line-height: 1.3; margin: 0 0 20px 0; padding: 0; float: left; }
p.note, .note { font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; padding: 0; }
.panel-collapse .note { float: left; width: 100%; }
p.lead, .p.lead, .lead { font-size: 13px; line-height: 1.3; font-weight: 700; color: #666; text-transform: uppercase; margin-bottom: 10px; }
p.highlight, .p.highlight { background-color: #de363d; padding: 2px 5px; font-style: italic; border-top: 2px solid #c89f77; border-bottom: 2px solid #c89f77; }

.list-unstyled li { font-family: 'EB Garamond', serif; font-weight: 700; font-size: 12px; text-transform: uppercase; padding-bottom: 5px; }

@media (max-width:767px) {
	.section.intro h3 { font-size: 20px; }
}
@media (min-width:768px) {
	h3, .h3 { font-size: 18px; }
	/*h4, .h4 { font-size: 17px; }*/
	p, p.lead, .p.lead, .lead { font-size: 15px; }
	.list-unstyled li { font-size: 12px; }
}
@media (min-width:992px) {
	h1, .h1 { font-size: 85px; margin: 10px 0 15px; }
	h2, .h2 { font-size: 40px; }
	h3, .h3 { font-size: 26px; }
	h4, .h4 { font-size: 20px; }
	p, .p { margin: 0 0 30px 0; }
	p, p.lead, .p.lead, .lead { font-size: 16px; }
	p.note, .note { font-size: 13px; }
	.list-unstyled li { font-size: 12px; }
}
@media (min-width:1200px) {
	h1, .h1 { font-size: 100px; }
	h2, .h2 { font-size: 48px; }
	h3, .h3 { font-size: 30px; }
	h4, .h4 { font-size: 24px; }
}


.text-weight500 { font-family: 'EB Garamond', serif; font-weight: 500; }
.text-weight700 { font-family: 'EB Garamond', serif; font-weight: 700; }

.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.centered { text-align: center }
.uppercase { text-transform: uppercase; }

.or-container { width: 100%; margin: 10px 0; position: relative; text-align: center; color: #666; font-size: 12px; font-family: 'EB Garamond', serif; font-weight: 700; text-transform: uppercase; }
.or-container:before, .or-container:after { content:""; left: 0; position: absolute; height: 1px; width: calc(50% - 15px); background: #ccc; top: 50%; }
.or-container:after { left: auto; right: 0; }
.order-summary .or-container { margin: 20px 0;}

/*::-moz-selection { color: #fff; text-shadow: none; background: #ffa859; }
::selection { color: #fff; text-shadow: none; background: #ffa859; }*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
a { padding: 0; margin: 0; color: #c6a571; text-decoration: none; -webkit-transition: background-color .4s linear, color .4s linear; -moz-transition: background-color .4s linear, color .4s linear; -o-transition: background-color .4s linear, color .4s linear; -ms-transition: background-color .4s linear, color .4s linear; transition: background-color .4s linear, color .4s linear; }
a:hover, a:focus { text-decoration: none; color: #e2c675; }

.nopadding { padding: 0px !important; margin: 0px; }
.img-responsive { width: 100%; }


/* Colors
======================================================================================================================================================
====================================================================================================================================================== */

.text-primary, .text-red { color: #c1272d; }
a.text-primary:hover, a.text-red:hover, a .text-red:hover { color: #761c1c; }
.bg-primary, .bg-red { color: #fff; background-color: #c1272d; }
.bg-red.hi-vis { background-image: url(../img/pattern-lineTexture.svg); background-position: left top;
    background-repeat: repeat; -webkit-background-size: 35px 35px; -moz-background-size: 35px 35px; -o-background-size: 35px 35px; background-size: 35px 35px; }

.text-secondary, .text-goldLight { color: #c89f77; }
a.text-secondary:hover, a.text-goldLight:hover, a .text-goldLight:hover { color: #a7805a; }
.bg-secondary, .bg-goldLight { color: #fff; background-color: #c89f77; }

.text-tertiary, .text-goldDark { color: #a7805a; }
a.text-tertiary:hover, a.text-goldDark:hover, a .text-goldDark:hover { color: #c89f77; }
.bg-tertiary, .bg-goldDark { color: #fff; background-color: #a7805a; }

.text-grayLight { color: #ccc; }
a.text-grayLight:hover, a .text-grayLight:hover { color: #888; }
.bg-grayLight { background-color: #ddd; }

.bg-grayDark { color: #888; background-color: #212121; }
.bg-grayMed { color: #888; background-color: #333; }

.text-white { color: #fff !important; }
.text-muted { color: #bbbbbb; }
.lead .text-muted { color: #c89f77; text-transform: initial; }


/* Buttons & SVG
======================================================================================================================================================
====================================================================================================================================================== */

.btn { display: inline-block; padding: 8px 12px; margin-bottom: 0; font-family: 'EB Garamond', serif; font-weight: 500; font-size: 14px; line-height: 1; text-align: left; text-transform: uppercase; white-space: nowrap; vertical-align: middle; -webkit-font-smoothing: antialiased;
  -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 6px; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { border-color: #f4e09c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(226, 198, 117, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(226, 198, 117, .6); }
.btn:hover, .btn:focus, .btn.focus { color: #a7805a; text-decoration: none; }
.btn-primary { color: #666; border-color: #ddd; background-color: #fff; background: -webkit-linear-gradient(#fff, #fff); background: -o-linear-gradient(#fff, #fff); background: -moz-linear-gradient(#fff, #fff); background: linear-gradient(#fff, #fff);
 -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #666; border-color: #ddd;  background-color: #fff; background: -webkit-linear-gradient(#ddd, #fff); background: -o-linear-gradient(#ddd, #fff); background: -moz-linear-gradient(#ddd, #fff); background: linear-gradient(#ddd, #fff); }
.btn-primary-icon { padding: 5px 8px; border-color: #ddd; background-color: #eee; }

.btn-facebook .btn-primary, .btn-instagram .btn-primary, .btn-twitter .btn-primary, .btn-youtube .btn-primary { text-transform: none; }
.btn-primary.paypal { color: #fff; border-color: #ddd; background-color: #0099dc; background: -webkit-linear-gradient(#0099dc, #01338a); background: -o-linear-gradient(#0099dc, #01338a); background: -moz-linear-gradient(#0099dc, #01338a); background: linear-gradient(#0099dc, #01338a); }
.btn-primary.venmo { color: #fff; border-color: #ddd; background-color: #5ac8fb; background: -webkit-linear-gradient(#5ac8fb, #3d95ce); background: -o-linear-gradient(#5ac8fb, #3d95ce); background: -moz-linear-gradient(#5ac8fb, #3d95ce); background: linear-gradient(#5ac8fb, #3d95ce); }

.btn-empty { padding: 0; font-size: 15px; color: #a7805a; text-align: left; text-transform: none; background-color: transparent; border: none; border-radius: 0; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.btn-empty .icon { width: 20px; height: 20px; }

.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group.special { width: 100%; }
.btn-group.special .btn-primary { width: 95%; float: right; margin-top: -32px; z-index: 1; padding-left: 35px; }
.btn-group.special .btn-primary-icon { z-index: 2; }

.home .bg-red .btn-group { margin-top: 10px; }

@media (min-width:768px) {
 	.btn-empty.icon-call { margin-right: 115px; }
  	.btn-empty.icon-call span { float: left; padding-left: 25px; }
  	.btn-group ~ .btn-group { margin-left: 10px; }
}

.navbar-nav > li > a.btn-empty { padding: 15px 0; }

.btn .icon { height: 20px; width: 20px; }
.btn .icon-before, .label-inner .icon-before { width: 14px; height: 14px; margin-right: 10px; }
.btn .icon-after { float: right; margin-left: 10px; }
.icon { float: left; position: relative; display: inline-block; background-position: center center; background-repeat: no-repeat; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; background-size: 100% auto; }
.icon-alert { background-image: url(../img/icon-alert.svg); }
.icon-arrowRgold { background-image: url(../img/icon-arrowRgold.svg); background-position: center top; }
.icon-email { background-image: url(../img/icon-email.svg); }
.icon-extSite { background-image: url(../img/icon-extSite.svg); }
.icon-facebook { background-image: url(../img/icon-FB.svg); }
.icon-instagram { background-image: url(../img/icon-IG.svg); }
.icon-twitter { background-image: url(../img/icon-TW.svg); }
.icon-youtube { background-image: url(../img/icon-YT.svg); }
	.btn:hover .icon-facebook, .btn-group:hover .icon-facebook { background-image: url(../img/icon-FB-hover.svg); }
	.btn:hover .icon-instagram, .btn-group:hover .icon-instagram { background-image: url(../img/icon-IG-hover.svg); }
	.btn:hover .icon-twitter, .btn-group:hover .icon-twitter { background-image: url(../img/icon-TW-hover.svg); }
	.btn:hover .icon-youtube, .btn-group:hover .icon-youtube { background-image: url(../img/icon-YT-hover.svg); }

.icon-paypal { background-image: url(../img/icon-paypal.svg); }
.icon-venmo { background-image: url(../img/icon-venmo.svg); }



/* Navs
======================================================================================================================================================
====================================================================================================================================================== */

.header { position: relative; z-index: 2000; }
.navbar { position: relative; height: 80px; margin: 0; border: 0; }
.navbar-default { background-color: transparent; border: none; }
.header .navbar-header { padding: 0; overflow: hidden; }

.header .navbar-brand.logo { float: left; width: 80px; padding: 10px; }
  .header .navbar-brand.logotype { float: left; width: 90px; padding: 10px 0; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-brand > img { display: block; width: 100%; height: auto; }

.navbar-default .navbar-nav > li { padding: 10px; }
.navbar-default .navbar-nav > li > a { font-size: 14px; color: #c89f77; text-transform: uppercase; padding: 15px 0; }

.navbar-default .navbar-toggle { padding: 10px; margin: 22px 0 0 0; background-color: rgba(11, 11, 11, .5); border: 1px solid #454545; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #0B0B0B; }
.navbar-default .navbar-toggle .icon-bar { background-color: #a7805a; }


/*.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); }
.navbar-collapse .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }*/


@media (max-width:767px) {
	.navbar-default .navbar-collapse { width: 100%; background-color: #333; margin: 0; }
	.navbar-default .navbar-collapse .navbar-nav { margin: 0; }
	.navbar-default .navbar-collapse .navbar-nav > li {  border-bottom: 1px solid #454545; }
	.navbar-default .navbar-collapse .navbar-nav > li:last-child {  border-bottom: none; }
	.navbar-default .navbar-collapse .navbar-nav > li > a { padding: 5px 0; }
}
@media (min-width:768px) {
  .navbar { border-radius: 0; height: 115px; }
  .navbar-header { float: left; }
  /*.header .navbar-header { height: 80px; }*/
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; }
  .header .navbar-brand.logo { width: 90px; padding: 20px 15px 20px 0; }
  .header .navbar-brand.logotype { width: 110px; padding: 20px 0; }
  .navbar-default .navbar-nav > li { padding: 30px 10px; }
}
@media (min-width:992px) {
  .navbar { height: 135px; }
  .header .navbar-brand.logo { width: 90px; padding: 30px 15px 30px 0; }
  .header .navbar-brand.logotype { width: 110px; padding: 30px 0; }
  .navbar-default .navbar-nav > li { padding: 40px 10px; }
  .navbar-default .navbar-nav > li > a { font-size: 16px; padding: 15px 0; 
  text-decoration:none; 
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; } 
  .navbar-default .navbar-nav > li > a:hover { color: #dec6af; 
  -webkit-animation: neonEffect 1.5s ease-in-out infinite alternate;
  -moz-animation: neonEffect 1.5s ease-in-out infinite alternate;
  animation: neonEffect 1.5s ease-in-out infinite alternate; }

}
@media (min-width:1200px) {
	.navbar-default .navbar-nav > li { padding: 40px 20px; }
}




/* Containers
======================================================================================================================================================
====================================================================================================================================================== */

.thumbnail { display: block; padding: 0; margin: 0; line-height: 1.4; background-color: rgba(77, 77, 77, .4); border: none; border-radius: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #428bca; }
.thumbnail .caption { padding: 10px 15px 10px 140px; color: #333; background-color: transparent; }
	.thumbnail.news-thumb-empty .caption { padding: 10px 15px 10px 15px; }
.thumbnail .caption p { float: left; width: 100%; }
.news .thumbnail { background-color: #333; border-bottom: 1px solid #212121; }
	.news .thumbnail.news-thumb-blank { float:  left; background-color: transparent; border: 1px solid #c1272d; margin: 10px; }
.news .thumbnail .caption .news-date { font-style: italic; padding-left: 40px; }
.news .thumbnail .caption p.lead { color: #fff; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news .thumbnail .caption p { margin-bottom: 10px; }
.news-thumb { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.news-thumb-1 { background-image: url(../img/news-nozzleForward-50.png); background-position: left top; background-repeat: no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }
.news-thumb-2 { background-image: url(../img/news-ReppinTheStretch.png); }

.well { min-height: 20px; padding: 20px; background-color: rgba(187, 163, 123, .5); margin-bottom: 15px; border: none; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; }

@media (min-width:768px) {
	.news .flex-row .col-xs-12.col-md-6 .row { height: 100%; }
	.news .thumbnail { height: 100%; background-color: rgba(77, 77, 77, .4); }
	.news-thumb { -webkit-background-size: 90px 90px; -moz-background-size: 90px 90px; -o-background-size: 90px 90px; background-size: 90px 90px; }
	.thumbnail .caption { padding: 15px 20px 15px 150px; margin: 0; background-color: transparent; }
		.thumbnail.news-thumb-empty .caption { padding: 15px 20px; }
	.news-thumb { background-position: left top; background-repeat: no-repeat; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; }
}

@media (min-width:992px) {
	.thumbnail .caption { padding: 15px 30px 20px 170px; }
		.thumbnail.news-thumb-empty .caption { padding: 15px 30px 20px 30px; }
	.news .thumbnail { border: none; }
	.news .thumbnail .caption p { margin-bottom: 15px; }
	.news .thumbnail.news-thumb-1 { border-right: 1px solid #212121; }
}
@media (min-width:1200px) {
	.well { padding: 40px; }
}

.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel-heading.alt { background-color: rgba(25, 25, 25, .25); }
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; background-image: url(../img/icon-arrowD888.svg); background-position: right center; background-repeat: no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; }
.panel-title > a { color: inherit; text-decoration: none; }
.helpdesk .panel-title > a { color: #444; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .list-group { margin-bottom: 0; }
.panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }
.list-group + .panel-footer { border-top-width: 0; }
.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0; border-radius: 4px; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; }
.panel-group .panel-footer { border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; }
.panel-default { border-color: #4d4d4d; }
.panel-default > .panel-heading { color: #666; background-color: #333; border-color: #4d4d4d; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #4d4d4d; }
.panel-default > .panel-heading .badge { color: #666; background-color: #333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #4d4d4d; }



/* BIO CARDS */
.card { -webkit-perspective: 150rem; perspective: 150rem; -moz-perspective: 150rem; position: relative; height: 40rem; }
.card__side { height: 40rem; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; position: absolute; top: 0; left: 0; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 3px; overflow: hidden; -webkit-box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15); box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15); }
.card__side--front { background-color: #fff; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.card__side--front-1 { background-image: url(../img/bio-2023-drenik2.jpg); }
.card__side--front-2 { background-image: url(../img/bio-2022-campbell.jpg); }
.card__side--front-3 { background-image: url(../img/bio-2024-rafeld.jpg); }
.card__side--front-4 { background-image: url(../img/bio-2024-reger.jpg); }
.card__side--front-5 { background-image: url(../img/bio-2024-wilson.jpg); }
.card__side--front-6 { background-image: url(../img/bio-2023-mays.jpg); }
.card__side--front-7 { background-image: url(../img/bio-2022-neading.jpg); }
.card__side--front-8 { background-image: url(../img/bio-2025-shimits.jpg); }
.card__side--back { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); background: linear-gradient(-45deg, #ddd, #fff); }
.card:hover .card__side--front-1, .card:hover .card__side--front-2, .card:hover .card__side--front-3, .card:hover .card__side--front-4, .card:hover .card__side--front-5, .card:hover .card__side--front-6, .card:hover .card__side--front-7, .card:hover .card__side--front-8 { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }
.card:hover .card__side--back { -webkit-transform: rotateY(0); transform: rotateY(0); }
.card__title { position: absolute; width: 100%; padding: 20px; bottom: 0; z-index: 2000; text-align: center; background-color: rgba(77, 77, 77, .9); }
.card__title p.note { float: none; }
.card__cta p { font-size: 13px; }

.card__cta { position: absolute; top: 50%; left: 50%; width: 100%; padding: 30px; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.card__cta p.lead { float: none; color: #a7805a; }

@media (max-width:767px) {
	.eboard h2, .eboard h4 { text-align: center; }
	.card { margin: 10px 0; }
	.card-1 { margin-top: 40px;}
	.card-3 { margin-top: -10px; }
}
@media (max-width:991px) {
	.card__cta { padding: 20px; }
}
@media (min-width:768px) {
	.card { height: 52rem; }
	.card__side { height: 52rem; }
}
@media (min-width:992px) {
	.card__cta p { font-size: 15px; }
}


/* PAGE SPECIFIC STYLES
======================================================================================================================================================
====================================================================================================================================================== */


.section.wrap.intro { height: auto; position: relative; width: 100%; min-height: 480px; padding-top: 80px; overflow: hidden; margin-top: -80px; 
	background-image: url(../img/feature202002.jpg); background-position: 0px 0px; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	/*animation-name: animatedBackground;
	animation-duration: 20s;
  	animation-iteration-count: 1; 
  	animation-timing-function: linear;*/ }
.section.wrap.intro .feature { padding-top: 50px; border-top: 1px solid #454545; }
.section.wrap.intro .feature img { width: 100%; height: auto; }
.section.bg-red .social { float: left; width: 100%; }
.section.bg-red .social .social-cta { float: right; }
.section.bg-red .social h4 { float: left; margin-right: 0px; margin-top: 5px;  }
.section.bg-red .btn-primary-icon { padding: 6px 5px 5px 6px; margin-right: 5px; }

/*@keyframes animatedBackground {
	0% { background-position: 0 0; }
	50% { background-position: -50px 0; }
	100% { background-position: 0 0; }

}*/

@media (max-width:767px) {
	.logoMonogramDisplay { margin-top: 20px; }
}
@media (min-width:768px) {
	.section.wrap.intro { height: 760px; /*height: 660px;*/ padding-top: 135px; margin-top: -135px; /*Same as height of header*/ }
	.section.wrap.intro .feature .featureStatement { padding-top: 65px; }
	.section.wrap.news { position: absolute; bottom: 0; }
	.section.bg-red .social { float: right; width: 400px; }
	.section.bg-red .social .social-cta { float: none; }
	.section.bg-red .social h4 { margin-top: 8px; margin-right: 20px;  }
	.section.bg-red .btn-primary-icon .icon { height: 30px; width: 30px; }
	/*.section.wrap.news { margin-top: -128px; }*/
}

@media (min-width:992px) {
	.section.wrap.intro { height: 750px; padding-top: 135px; margin-top: -135px; /*Same as height of header*/ }
	.section.wrap.intro .feature .featureStatement { padding-top: 85px; }
	/*.section.wrap.news { margin-top: -147px; }*/
	.section.bg-red .social { width: 440px; }
	.flex-row { display: flex; }
  	.flex-row .section { flex: 1; -ms-flex: 1; -webkit-flex: 1; }
  	.section.bg-red .social h4 { margin-top: 5px;  }
}

@media (min-width:1200px) {
	.section.wrap.news { margin-top: -147px; }
	.section.bg-red .social { width: 475px; }
}

@media (min-width:992px) {
  .flex-row { display: flex; }
}


/* FOOTER 
======================================================================================================================================================
====================================================================================================================================================== */

.footer { position: relative; border-top: 13px solid #c89f77; -webkit-box-shadow: 0 5px 10px #888; box-shadow: 0 5px 10px #888;
	background-image: url(../img/pattern-so-white.jpg); background-position: left top; background-repeat: repeat; -webkit-background-size: 400px 392px; -moz-background-size: 400px 392px; -o-background-size: 400px 392px; background-size: 400px 392px; }
.footer li { float: left; width: 100%; }
.footer p { color: #666; }
.footer p.note { width: 100%; margin: 0; color: #c89f77; font-weight: 700; }
.footer .newmembers .section p.note, .footer .contact .section p.note { width: 100%; margin-top: 5px; font-size: 10px; color: #888; font-weight: 700; }
.footer h2 { width: 100%; margin-bottom: 20px; }
.footer .contact .note, .footer .newmembers .note { padding-top: 20px; border-top: 1px solid #ddd; }
.footer .contact .section .note, .footer .newmembers .section .note { padding-top: 0; border-top: none; }
.footer .icon-alert { width: 22px; height: 22px; margin: 4px 10px 0 0 }
.footer .section.dues { padding: 10px 0; }
.footer .section.dues h3 { margin-bottom: 10px; }

.footer-lower .navbar-brand { width: 50px; padding: 0; }
.footer-lower p.note { color: #888; font-size: 12px; }

.foot-note .note { width: 100%; margin: 10px 0; font-size: 12px; color: #757575; }


@media (min-width:768px) {
	.footer .contact .note { padding-top: 30px; }
	.footer .newmembers .note { padding-top: 0; border-top: none; }
	.footer .section.dues h3 { margin: 0; }
}
@media (min-width:992px) {
	.footer .contact .note { padding-top: 0; border-top: none; }
}