html { font-size: 16px; font-family: 'Open Sans', sans-serif; }
p { font-size: 1rem; line-height: 1.8; margin-bottom: 1.8rem; }
img { max-width: 100%; }
.unpad { padding: 0; }
a, button { cursor: pointer; } 

h1, h2, h3, h4, h5, h6 { font-family: 'Josefin Sans', sans-serif; text-transform: uppercase; }
h1 { letter-spacing: 0.4375rem; color: #b26998; }
h2 { letter-spacing: 0.375rem; }
h3 { letter-spacing: 0.3125rem; }
h4 { letter-spacing: 0.25rem; }
h5 { letter-spacing: 0.1875rem; }
h6 { letter-spacing: 0.125rem; }

h1 { font-size: 2.5em; }

.navbar {
    padding: 1.5rem;
    background-color: #000;
    box-shadow: 0px 0px 30px #000000c2;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
	text-transform: uppercase;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-right: .25rem;
    font-size: .875rem;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.navbutton .nav-link {
	background-color: #095112;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.navbar-dark .navbar-nav .navbutton2 .nav-link {
	background-color: #cf9719;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
	color: white;
}

.navbar-dark .navbar-nav .navbutton .nav-link:hover, .navbar-dark .navbar-nav .navbutton2 .nav-link:hover {
	background-color: white;
	color: #0074bf !important;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.navbar-expand-lg {
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.navbar-toggler {
    margin-right: 0px;
}

.main-title {
	text-align: center;
	padding: 0;
	background-size: cover;
	background-position: center center;
	height: auto;
}

.main-title img {
	width: 100%;
}

.main-title-img {
    max-width: 80%;
    width: 953px;
}

.main-info { 
	background-color: white;
	padding: 4rem 0;
	text-align: center;
}

.main-info h6 {
    color: #f0af1e;
    letter-spacing: .1975rem;
    font-weight: 700;
    font-size: 1.25rem;
}

.social-box {
	padding-top: 0rem;
	border-left: 0;
	padding-left: 2rem;
}

.social-box h6 {
	border-bottom: 2px solid #b26998;
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

.social-box h4 {
	color: #0074bf;
	font-weight: bold;
}

.social-box h4 i {
	color: #f7604f;
}

.main-info h1 {
    color: black;
    font-weight: 700;
    font-size: 2.75rem;
    letter-spacing: 1px;
}

button {
	background-color: #f0af1e;
	padding: .5rem 2.5rem;
	color: white;
	text-align: center;
	margin: 0 auto;
	border: 0px;
	text-transform: uppercase;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

button:hover {
	background-color: #d89e0c;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.white-cool-bottom {
	width: 100%;
	height: 146px;
	margin-bottom: -127px;
	background-image: url('img/white-cool-bottom.png');
	background-size: cover;
	background-position: center bottom;
	position: relative;
	z-index: 1;
}

.purply-bg {
	background-image: url('img/pretty-purply-bg.jpg');
	position: relative;
	z-index: 0;
	padding: 22% 0% 16%;
	background-size: cover;
	background-position: center top;
}

.pb-about {
	padding: 10% 0 10%;
	background-image: url('img/bricks.jpg');
}

.gold-box {
	border: .5rem solid #0074bf;
	padding: 0px 2rem;
	text-align: center;
	padding-bottom: 1.5rem;
	position: relative;
	background-color: #fffc;
	
}

.social-box iframe {
	width: 100%;
	height: 600px;
}

.gold-box h5 {
	display: inline-block;
	padding: 0.5rem 2.5rem;
	text-align: center;
	color: white;
	background-color: #0074bf;
	letter-spacing: .1875rem;
	position: relative;
    top: -1.5rem;
    margin-bottom: 0px;
}

.gold-box h4 {
	color: #0074bf;
	text-transform: uppercase;
	letter-spacing: .25rem;
}

hr {
    height: 3px;
    background-color: #f0af1e;
    border-top: 0px;
    margin: 1rem 0rem 1.5rem;
}

.footsie {
	padding: 4rem 0 8rem;
	background-color: black;
	box-shadow: inset 0 0 2rem #00000024;
	text-align: center;
	border-bottom: 8px solid #f0af1e;
	position: relative;
	background-image: none;
	background-size: cover;
	background-position: left bottom;
}

.footer-top-band img { 
	width: 100%;
}

.website-by {
	color: #0074bf;
	font-size: 1rem;
	padding: .75rem 2.75rem;
	background-color: #f0af1e;
	position: absolute;
	font-weight: 300;
	letter-spacing: .125rem;
	right: 0px;
	bottom: 0px;
	display: inline-block;
	text-transform: uppercase;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.website-by:hover {
	background-color: #bf9608;
	color: black;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

a.footer-policy {
	display: block;
	color: #020e2a;
	text-transform: uppercase;
	letter-spacing: .125rem;
	margin-top: 8px;
}

img.footer-logo {
	max-width: 50%;
}

.left-info {
	text-align: left;
}

.content-block {
	margin-bottom: 3.5rem;
}

.person-row {
	margin-top: 2.5rem;
}

.left-info h3, .person-row h3 {
	color: #906b13;
	font-weight: bold;
	margin-bottom: 2rem;
}

.left-info h4, .person-row h4 {
	color: #3f729b;
}

.purply-text h3, .purply-text p {
	color: white;
}

.this-dude {
	text-align: right;
}

.p-about-text {
	padding-left: 6em;
}

.gold-box p {
	color: #0074bf;
}

.gold-box button.auc-button {
	position: absolute;
	bottom: -1.25rem;
	width: 20rem;
	left: 50%;
	margin-left: -10rem;
}

.mobile-bidding-box {
	border: 4px solid #3f729b;
	text-align: center;
	margin-top: 2.5rem;
}

.mobile-bidding-box h3 {
	padding: 0.75rem;
	color: white;
	font-weight: bold;
	background-color: #3f729b;
	margin-bottom: 0px;
}

.mobile-bidding-box p {
	width: 88%;
	margin: 2rem auto 4rem;
}

#mapkit-9533 {
	width: 100%;
	height: 25rem;
}

.little-sponsor-box hr {
	margin: 0.25rem 0rem;
}

.little-sponsor-box p {
	margin-bottom: 0.25rem;
}

.sponsor-group {
	margin-bottom: 1.25rem;
}

.unmargin { margin-left: 0px; margin-right: 0px; } 

.involved-row {
	text-align: center;
}

.purply-gi {
	padding: 16% 0% 10%;
	text-align: center;
}

.involved-row p {
	height: 10rem;
	color: white;
}

.involved-row h3 {
	color: #d8b362;
    font-weight: bold;
}

.purply-gi h1 {
	color: white;
	margin-bottom: 2.5rem;
}

.involved-block {
	margin-bottom: 3rem;
}

.gala-details-2022 {
	width: 100%;
	padding: 0;
}

.gala-details-2022 img {
	width: 100%;
}

.subpage-title {
	width: 100%;
	padding: 0;
}

.subpage-title img {
	width: 100%;
}

.agenda-list h1 {
	color: #0c4e07;
	margin-bottom: 3rem;
}

.agenda-list h3 {
	color: #906b13;
	letter-spacing: 4px;
	font-size: 1.6rem;
}

.agenda-list hr {
	background-color: #f2c85f;
}

.emcee-upper h2 {
	color: #02388e;
}

.emcee-upper h1 {
    color: #c33b32;
    font-size: 3.5rem;
    font-weight: bold;
}

.were-back {
	width: 100%;
	background-color: #f0af1e;
	padding: 4rem 0;
	text-align: center;
}

.were-back h2 {
	margin-bottom: 1.8rem;
}

.sponsors-section {
	padding-top: 4rem;
	padding-bottom: 4rem;
	text-align: center;
}

.sponsor-block {
	width: 250px;
	margin-left: 0.6%;
	margin-right: 0.6%;
	margin-bottom: 2rem;
	box-shadow: 1rem 1rem 2rem #00000038;
	display: inline-block;
	vertical-align: top;
}

.sponsor-logo {
	width: 100%;
	padding-top: 116%;
	background-color: white;
	background-size: 80% auto;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.sponsor-name  {
	padding: 1rem;
	background-color: #095112;
	line-height: 1.2;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.sponsor-name strong {
	color: white;
	font-size: 0.875rem;
	letter-spacing: 0px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.sponsor-name em {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 0.875rem;
	display: block;
	margin-top: 0.25rem;
	color: gold;
}

a .sponsor-block:hover .sponsor-logo {
	background-size: 85% auto;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

a .sponsor-block:hover .sponsor-name {
	background-color: #202141;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;
}

.next-sponsors {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.next-sponsor-block {
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
	display: table;
	margin-bottom: 1rem;
}

.next-sponsor-block p {
	display: block;
	width: 100%;
	font-size: 0.875rem;
	letter-spacing: 0px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: white;
	background-color: #095112;
	margin-bottom: 0;
	line-height: 1.2;
	padding: 0.5rem;
}

.next-sponsor-block p.nsb-type {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 0.875rem;
	color: gold;
	background-color: #3f6a45;
	text-transform: none;
}

.gold-sponsors {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.gold-sponsors p {
    line-height: 1.5;
    color: black;
    margin-bottom: 0.9rem;
    margin-top: 0.9rem;
}

.navbar-home-link {
	width: 121px;
	height: 82px;
	position: relative;
}

.navbar-home-link {
    width: 100%;
    height: auto;
}

.navbar-home-link img.under {
	position: relative;
	z-index: 1;
}

.navbar-home-link img.glower {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s;
	z-index: 2;
}

.navbar-home-link:hover img.glower {
	opacity: 1;
	transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s;
}

.wine-list {
	-webkit-column-count: 3; 
	-moz-column-count: 3; 
	column-count: 3;
	column-gap: 1rem;
	margin-top: 1rem;
}

.wine-list-sub {
	margin-bottom: 2rem;
	column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid-column;
}

.wine-list-sub p {
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 0.875rem;
}

.wine-list-sub h6 {
    font-weight: bold;
}

.modal-body {
	padding: 3rem;
	text-align: center;
}

.close {
    position: absolute;
    top: 0.25rem;
    right: 0.5rem;
    cursor: pointer;
}

.sponsor-name a {
	color: white;
}

.sponsor-name a:hover {
	color: #d1880d;
}

.sponsor-name a:visited {
	color: white;
}

.sponsor-name span {
	color: #b0b0b0;
	text-transform: none;
}

.navbar-dark .navbar-brand {
    color: #fff;
    width: 25%;
}

a.navbar-brand img {
    height: auto;
    max-height: 36px;
    width: auto;
}



/* * { outline: 1px solid red; } */

.unrow { margin-left: 0px; margin-right: 0px; }




/* Large Devices, Wide Screens */
@media (max-width: 1200px) { 

html { font: normal 0.9375rem/1.5 'Open Sans', sans-serif; }

}

@media (max-width: 992px) { 

html { font: normal 0.875rem/1.5 'Open Sans', sans-serif; }
.p-about-text { padding-left: 4em; padding-right: 4em; }
.pb-about { padding: 24% 0 0; }
.this-dude { padding: 0px; }
.wine-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }

}

@media (max-width: 768px) { 

html { font: normal 0.8125rem/1.5 'Open Sans', sans-serif; }
.white-cool-bottom { height: 73px; margin-bottom: -63px; }
.involved-row p { height: auto; }
.purply-gi { padding: 26% 0% 10%; }

}

@media (max-width: 576px) { 

html { font: normal 0.75rem/1.5 'Open Sans', sans-serif; }
.wine-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }

}