html, body {
	margin:0;
	background-color:#ddd;
	font-family:"Raleway", Arial, Helvetica, sans-serif;
	font-weight:500;
	font-size:13pt;
	line-height:1.25em;
}
p {margin-bottom:15px;}
h1, h2, h3, h4, h5, h6 {
	margin-bottom:15px;
	color:#c80000;
}
h1.title, h2.title, h3.title, h4.title, h5.title, h6.title {
	margin-bottom:5px;
}
h1.subtitle, h2.subtitle, h3.subtitle, h4.subtitle, h5.subtitle, h6.subtitle {color:#245b9d;}
li {margin:10px 0;}
.error {color:red;}
.full-center {
	display:flex;
	align-items:center;
	justify-content:center;
}
.flex-col {flex-direction:column;}
.flex-row {flex-direction:row;}
.max-area {
	width:100%;
	min-height:calc(100vh - 525px);
}

.btn {
	color:#fff;
}
.btn-primary {
	background-color:#23589b;
	border-color:#23589b;
}
.btn-primary:hover, .btn-primary:focus {background-color:#2d6eb9; border-color:#2d6eb9;}
.btn-light, .btn-light:hover {color:#666; border-color:rgba(0,0,0,0.1);}
.modal .btn {white-space:nowrap;}
.modal .action-buttons {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	width:100%;
}

#navbar, .modal-header, #cart-table th, #receipt-table th {
	background: rgb(0,8,80);
	background: -moz-linear-gradient(0deg, rgba(0,8,80,1) 0%, rgba(0,102,173,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,8,80,1) 0%, rgba(0,102,173,1) 100%);
	background: linear-gradient(0deg, rgba(0,8,80,1) 0%, rgba(0,102,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000850",endColorstr="#0066ad",GradientType=1);
}

#navbar {
	position:fixed;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	left:0; top:0;
	width:100vw;
	height:60px; line-height:60px;
	box-shadow:0 0 25px rgba(0,0,0,0.75);
	z-index:99;
}
#navbar > img {
	width:240px; height:60px;
	object-fit:cover;
	margin-left:30px;
	cursor:pointer;
}
#navbutton {
	display:none;
	position:absolute;
	right:0; top:0;
	width:60px; height:60px; line-height:56px;
	font-size:1.5em;
	color:#fff;
	text-align:center;
	cursor:pointer;
}

#navbar ul {
	position:relative;
	list-style-type:none;
	margin:0 auto; padding:0;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-between;
	align-items:center;
	margin:0 auto;
	z-index:100;
}
#navbar ul > li a {
	display:inline-block;
	height:60px; line-height:60px;
	padding:0 25px;
	color:#fff;
	text-decoration:none;
	font-size:14pt;
	white-space:nowrap;
}
#navbar ul li a:hover {color:#ffff66;}
#navbar ul > li {transition:0.5s ease-in-out;}
#navbar ul > li.children-expanded {
	background-color:#0c113d;
}

#navbar ul ul {
	display:none;
	position:absolute;
	top:60px;
	background-color:#0c113d;
	color:#fff;
	margin:0; padding:10px 0;
	min-width:180px;
	z-index:101;
}
#navbar ul ul li {
	margin:0; padding:0;
	position:relative;
	height:auto !important; line-height:normal !important;
}
#navbar ul ul li a {
	padding:0 20px;
	font-size:12pt;
	height:auto !important; line-height:normal !important;
	padding:10px 25px;
}

#mobile-menu {
	display:none;
	position:fixed;
	left:0; top:60px;
	width:100vw;
	z-index:998;
}
#mobile-menu-inner {
	display:none;
	background-color:rgba(0,8,80,1);
	width:100%;
	margin:0; padding:15px 30px;
	height:100vh;
}
#mobile-menu-inner ul.adults {
	padding-top:15px;
	padding-bottom:15px;
}
#mobile-menu-inner ul.adults > li a {
	font-size:1.25em;
	line-height:1.5em;
}
@media(max-width:767px) {
	#mobile-menu {display:block;}
}
#mobile-menu ul {
	list-style-type:none;
	margin:0; padding:0;
}
#mobile-menu-inner > ul li {
	font-size:16pt;
	line-height:24pt;
}
#mobile-menu-inner a {
	color:#52a5ff;
}
#mobile-menu-inner a:hover {
	color:#7ebdff;
	text-decoration:none;
}
#mobile-menu-inner ul ul {margin-bottom:30px;}
#mobile-menu-inner ul ul li {
	font-size:13pt;
	line-height:16pt;
	padding-left:30px;
}


#jumbotab {
	position:absolute;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	left:60px;
	top:-10px;
	width:130px; height:130px;
	/* background-color:#4d8bd2; */
	border-radius:10px;
	box-shadow:0 0 15px rgba(0,0,0,0.5);
	z-index:100;
	padding:10px;
	overflow:hidden;
	
    background: #cc0000;
    border-bottom: none;
    box-shadow: none;
    background: -moz-linear-gradient(top, #cc0000 0%, #780000 100%);
    background: -webkit-linear-gradient(top, #cc0000 0%,#780000 100%);
    background: linear-gradient(to bottom, #cc0000 0%,#780000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#780000',GradientType=0 );
}
#jumbotab #main-logo {
	position:absolute;
	left:-5px; top:10px;
	width:90%;
	margin:5px 0;
	padding-top:5px;
	opacity:0.4;
}
#jumbotab #main-logo-text {
	width:90%;
	margin-bottom:5px;
}
#top {
	position:relative;
	width:100vw;
	height:500px;
	overflow:hidden;
	text-align:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;

}
#top-bg {
	position:absolute;
	top:0; left:0;
	width:100%;
}
#page-title {
	position:absolute;
	bottom:55px;
	width:calc(100% - 180px);
	font-size:2.75em;
	line-height:1em;
	color:#fff;
	text-align:right;
	text-shadow:2px 2px 1px rgba(0,0,0,0.25);
}
#page-title small {font-size:12pt;}

.slider-inner {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	overflow:hidden;
}
.slider img {
	position:absolute;
	left:0; top:0;
	width:100%;
	opacity:0;
	transition:5s ease-in-out;
}
.slider img.active {
	opacity:1;
}

#main {
	position:relative;
	width:calc(100% - 90px);
	min-height:600px;
	margin:-30px auto 0 auto;
	background-color:#f7f7f7;
	z-index:4;
	box-shadow:0 0 25px rgba(0,0,0,0.5);
	border-top-left-radius:5px;
	border-top-right-radius:5px;	
}
#main-inner {
	width:100%;
	padding:30px;
}

#footer {
	position:relative;
	width:calc(100% - 90px);
	margin:0 auto;
	padding-bottom:45px;
	
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;

	background: rgb(0,8,80);
	background: -moz-linear-gradient(0deg, rgba(0,8,80,1) 0%, rgba(0,102,173,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,8,80,1) 0%, rgba(0,102,173,1) 100%);
	background: linear-gradient(0deg, rgba(0,8,80,1) 0%, rgba(0,102,173,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000850",endColorstr="#0066ad",GradientType=1);
}
.footer-panel {
	margin:30px 45px;
}
.footer-panel * {color:#fff;}
#footer-logo-container {
	min-width:300px;
	display:flex;
	flex-direction:row;
}
#footer-logo {
	margin-right:15px;
}
#footer #footer-brand {font-size:14pt; text-transform:none;}
#footer #footer-brand2 {font-size:10pt; text-transform:uppercase; opacity:0.5; padding-top:5px;}
#footer-facebook, #footer-email {white-space:nowrap;}
#footer #footer-email a, #footer #footer-facebook a {font-size:12pt; color:#ffff66;}
#footer-logo {
	position:relative;
	width:150px; height:160px;
}

.mugshot {
	border:6px solid #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.25);
}
.signature {
	font-family:"Herr Von Muellerhoff", cursive;
	font-size:48pt;
	line-height:48pt;
}

.objectives {
	list-style-type:none;
}
.objectives li {
	margin:45px 0 15px 0;
	clear:both;
}
.objectives li .fa {
	font-size:48pt;
	float:left;
	color:#245b9d;
	width:120px; height:120px;
}

/* OFFICIALS */

#officials {}
.officials-grid {width:100%;}
.officials_grid .subheader {
	font-size:1.75rem; font-weight:500; line-height:1.2; color:#c80000;
	padding-bottom: 5px; margin:45px 0 20px 0; border-bottom: 1px solid rgba(125,89,128,0.5);
}
#officials-4994 .officials_grid .subheader {
	display:none;
}
.officials_grid ul {
	width:100%;
	list-style-type:none;
	padding:0;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
}
.officials_grid ul li {
	display:inline-block;
	width:17%;
	vertical-align:top;
}
.officials_grid .photo_container {
	width:100%; height:0; padding-top:120%;
	overflow:hidden;
	display:block;
	position:relative;
}
.officials_grid img {
	position:absolute;
	left:0; top:0;
	width:100%; height:100%;
	object-fit:cover;
}
.official_info {
	margin-top:3px;
	width:160px;height:120px;
	overflow:hidden;
	line-height:15pt;
}
.official_info > div {
	
}
.official_title {
	font-size:11pt;
	text-transform:uppercase;
}
.official_info > div:nth-child(2) {
	font-size:14pt;
	font-weight:bold;
	color:#245b9d;
	margin:5px 0 0 0;
}

#officials-popup {
	max-width:800px;
	text-align:center;
}
#officials-popup > img:first-child {
	width:calc(100vw - 60px);
	max-width:400px;
	margin-bottom:10px;
}
#officials-popup > * {text-align:left;}
.official-popup-bio ul li {margin:0 !important; padding:0 !important;}
#officials-popup .official-popup-name {
	font-weight:bold;
	font-size:16pt;
}
#officials-popup .official-popup-location {
	font-style:italic;
	margin-bottom:30px;
}

/* DEPARTMENTS */

.departments {
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}
.department {
	position:relative;
	width:31%;
	background-color:#fff;
	padding-bottom:15px;
	margin-bottom:30px;
	min-height:400px;
	border:1px solid #ccc;
	box-shadow:0 0 20px rgba(0,0,0,0.15);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.15);
}
.department > div {position:relative; padding:0 15px;}
.dept-bg {
	width:100%; height:auto;
}
.dept-header {
	margin:-60px 5px 15px 5px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
}
.dept-mugshot {
	position:relative;
	display:inline-block;
	width:120px; height:120px;
	object-fit:cover;
	border:5px solid #fff;
	box-shadow:0 0 10px rgba(0,0,0,0.25);
	-webkit-shadow:0 0 10px rgba(0,0,0,0.25);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.25);
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
.department h5 {display:block; position:relative; top:70px; line-height:25px; text-align:right; color:#245b9d;}
.department .label {
	display:inline-block;
	width:130px;
	font-weight:600;
}

/* =========== Members Page */

#member-search {
	width:100%;
	font-size:15pt;
	padding:4px 8px;
	margin:10px 0 15px 0;
}
#member-pills {
	line-height:35px;
}
.pill {
	padding:4px 8px;
	background-color:#fff;
	color:#0066ad;
	border:1px solid #0066ad;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	font-size:11pt;
	text-transform:uppercase;
	cursor:pointer;
}
.pill.selected {
	background-color:#0066ad;
	color:#fff;
}
#member-list {
	width:100%;
}
#member-list ul {
	width:100%;
	margin:15px 0;
	padding:0;
	list-style-type:none;
}
#member-list ul li {
	color:#0066ad;
	cursor:pointer;
	display:flex;
	flex-direction:row;
}
#member-list ul li .fas {
	display:inline-block;
	margin-right:10px;
	font-size:11pt;
}
#member-list div {
	width:33%;
	white-space:nowrap;
	overflow-x:hidden;
	text-overflow:ellipsis;
}
#member-list .mem-name {max-width:300px;}
#member-list .mem-location {margin:0 10px;}
#member-list .mem-creds, #member-details-credentials {
	overflow-x:visible;
	white-space:normal;
}
#member-list .mem-creds span, #member-details-credentials span {
	font-size:12pt;
	font-weight:bold;
	color:#fff;
	background-color:#0066ad;
	display:inline-block;
	padding:0 5px;
	text-align:center;
	margin:0 2px 5px 2px;
	min-width:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

#member-details-inner {
	width:calc(100vw - 60px);
	max-width:600px;
	background-color: #fff;
	padding:15px;
	margin:15px;
}
#member-details h3 {
	text-align:center;
	font-size:18pt;
}
#member-details-credentials {text-align:center; margin:-10px 0 15px 0;}
#member-details table {width:auto; margin:0 auto;}
#member-details td, th {vertical-align:top;}
#member-details th {
	text-align:right;
	padding-right:15px;
}
#member-details-notes td {font-style:italic; padding:30px 0 10px 0;}

.fancybox-close {

}
.fancybox-close:after {color:#aaa;}
.fancybox-close:hover:after {color:#000 !important;}

.photo {
	border:5px solid #fff;
	box-shadow:0 0 15px rgba(0,0,0,0.25);
}
.info-icon {
	clear:both;
	width:calc(25vw - 60px);
	height:calc(25vw - 60px);
	object-fit:cover;
}
@media(max-width:1120px) {.info-icon {width:calc(33vw - 60px); height:calc(33vw - 60px);}}
@media(max-width:1000px) {.info-icon {width:calc(40vw - 60px); height:calc(40vw - 60px);}}
@media(max-width:767px) {
	.info-icon {width:100%; height:auto;}
	.info-icon.circle {
		float:none !important;
		border-radius:0 !important;
		-webkit-border-radius:0 !important;
		-moz-border-radius:0 !important;
	}
}

	
.circle {
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
}
.float-left {
	float:left;
	margin:0 30px 15px 0;
}
.float-right {
	float:right;
	margin:0 0 15px 30px;
}

.exam-info {
	clear:both;
	padding-top:30px;
}


/* SHOPPING */

#aida-store-links {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
	margin-top:45px;
}
.aida-store-link {
	text-align:center;
	width:14%;
	margin-bottom:30px;
	cursor:pointer;
}
.aida-store-link img {
	width:100%; height:200px;
	object-fit:contain;
	margin-bottom:10px;
}

.store-header {
	text-align:center;
	margin-bottom:0;
}
.store-subheader {
	display:block;
	text-align:center;
	margin-bottom:45px;
	color:#aaa;
}
.product {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
}
.product-image {
	width:200px;
	height:200px;
	object-fit:contain;
	margin-right:15px;
}
.product-info {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:100%;
	min-height:195px;
}
.product-overflow {
	display:inline;
}
.overflow-toggle {
	padding-left:10px;
}
.product-purchase-row {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:flex-end;
}
.product-purchase-row h4 {
	margin:0;
}
.product-purchase-row button {
	padding:3px 12px;
	margin-left:15px;
	font-weight:600;
}

#modal-cart img {
	width:40%; height:200px;
	object-fit:contain;
	float:left;
	margin-right:15px;
}
#modal-cart .modal-cart-label {
	
}
#modal-cart h4 {
	font-weight:600;
}
#modal-cart p {
	clear:both;
	padding:30px 0;
}

#cart-bar {
	position:fixed;
	left:0; bottom:0;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width:100%;
	padding:10px 15px;
	background-color:#000;
	color:#fff;
	z-index:98;
}

#shipping-container a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	text-transform:uppercase;
	font-weight:700;
	margin-left:10px;
	color:#c80000;
}

@media(max-width:1300px) {
	.aida-store-link {width:22%;}
}
@media(max-width:900px) {
	.aida-store-link {width:30%;}
}
@media(max-width:767px) {
	.aida-store-link {width:49%;}
	.product {
		display:block;
		min-height:245px;
	}
	.product:after {
		content:"";
		display:block;
		clear:both;
	}
	.product-image {
		float:left;
		width:40%; height:auto;
		margin-bottom:15px;
	}
	.product-info {
		display:block;
	}
}
@media(max-width:600px) {
	.aida-store-link {width:100%;}
}


/* MODALS AND LOGIN */

.modal-content {
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:none;
	border:none;
	color:#666;
	overflow:hidden;
}
.modal a {}
.modal div, .modal p {color:#666; position:relative;}
.modal-header {padding:5px;}
.modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 {
	width:100%;
	text-align:center;
}
.modal-header h5 {
	font-size:1.2em;
	color:#fff;
}
.modal-header .close {
	color:rgba(255,255,255,0.5);
	text-shadow:none;
	opacity:1;
	position:absolute;
	right:20px; top:20px;
	padding:10px;
	line-height:10px;
	font-size:2em;
}
.modal-header .close:hover {color:#fff;}
.modal-header .close:focus {
	 outline:none;	
}
.modal-body {background-color:#eee;}
.modal input {padding:3px 8px;}
.modal .action-buttons {
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	margin:0 auto 5px auto;
}

#modal-login .modal-body, #modal-forgot .modal-body {
	padding-bottom:20px;
	border-radius:0 0 .3em .3em;
	-webkit-border-radius:0 0 .3em .3em;
	-moz-border-radius:0 0 .3em .3em;
}
#modal-login .form-group, #modal-forgot .form-group {margin-bottom:0; padding-bottom:5px;}
#modal-login label, #modal-forgot label {width:100px;}
#modal-login input, #modal-forgot input {
	width:calc(100% - 100px);
	border:1px solid #ccc;
	padding:6px 8px;
	margin-bottom:5px;
}
#login-message, #login-extras {
	margin:15px 0 0 100px;
}
#modal-login a {}
#modal-login .modal-body button, #modal-forgot .modal-body button {
	margin:0 10px 0 0;
}
#modal-forgot .form-recaptcha label {
	width:95px;
}
#modal-forgot .g-recaptcha {
	display:inline-block;
	width:calc(100% - 240px);
}
#password-reset-message {
	padding:10px 0 0 100px;
}
#modal-forgot-confirmation h3 {color:maroon; text-align:center;}
#modal-forgot-confirmation h3 i {color:#ccc; padding-bottom:10px;}

#modal-message .modal-body, #modal-message .modal-footer {
	text-align:center;
	background-color:#eee;
	border:none;
}
#modal-message .modal-body {
	padding:25px 15px 15px 15px;
	border-radius:.3em .3em 0 0;
	-webkit-border-radius:.3em .3em 0 0;
	-moz-border-radius:.3em .3em 0 0;
}
#modal-message .modal-footer {
	padding:0 0 30px 0;
	display:flex;
	align-items:center; justify-content:center;
}

#modal-change-pw-form label {
	width:200px;
}
#modal-change-pw-form input {
	width:calc(100% - 200px);
}
#change-pw-message {
	margin:10px 0 -5px 0;
	text-align:center;
}
#change-pw-message span {
	font-size:0.9em;
}

/* NEWS */

#news {
	min-height:600px;
	padding: 0 15px;
	margin-top:30px;
}
#news table {
	width:100%;
}
#news table:last-child {margin-bottom:60px;}
#news td {padding:0 0 20px 0; position:relative; height:230px; vertical-align:top;}
#news .photoContainer {
	width:200px; height:200px;
	overflow:hidden;
	border:1px solid #666;
	position:absolute;
	left:0; top:0;
}
#news .photoContainer img {width:100%; height:100%; object-fit:cover;}
#news .news-header {
	padding-left:240px;
}
#news .subject {
	color:red;
	font-family:"Kabel",sans-serif;
	font-size:18pt;
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}
#news .author, #news .date, #news .time {
	display:inline-block;
	font-size:12pt;
	font-style:italic;
	margin-bottom:30px;
}
#news .author {margin-right:30px;}
#news .date {margin-right:10px;}
#news .tdText {
	position:relative;
	padding-left:240px;
}

#user-info, #user-info table, .formtable, .formtable table {
	width:100%;
}
#user-info table, .formtable table {
	margin-bottom:15px;
}
#user-info th, .formtable th {
	width:200px;
	text-align:right;
	padding:10px 10px 10px 0;
}
#user-info td, .formtable td {
	width:calc(100% - 200px);
	position:relative;
}
#user-info input, .formtable input {
	width:100%;
	padding:0 5px;
	height:30px; line-height:30px;
	font-size:1em;
	margin:5px 0;
	border: 1px solid #aaa;
}
#user-info .input-row, .formtable .input-row {
	position:relative;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}
#user-info .input-row.overlay, .formtable .input-row-overlay {
	position:absolute;
	width:100%; height:100%;
}
#user-info .input-degrees {
	justify-content: flex-start;
	padding:5px 3px;
}
#user-info .input-degrees .degree {
	background-color:#aaa;
	color:#fff;
	padding:0 6px;
	margin:4px 2px;
	height:22px;
	cursor:pointer;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#user-info .input-membership-type-wrapper {
	width:40%;
	position:relative;
}
@media(max-width:767px) {#user-info .input-membership-type-wrapper {width:100%;}}
#user-info .input-membership-type {
	
}
#user-info .premium-badge {
	position:absolute;
	right:4px; top:8px;
	font-size:0.8em;
	font-weight:700;
	text-transform:uppercase;
	background-color:green;
	color:#fff;
	padding:0 6px;
	height:24px; line-height:24px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;	
}
#user-info .input-row .premium-badge span {
	margin:0 0 0 5px;
}
#user-info .input-row .renew-button {width:200px; white-space:nowrap; font-weight:700;}
#user-info .input-expiration-wrapper {
	width:60%;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;	
}
#user-info .input-expiration-wrapper span {font-weight:600;}
#user-info .input-city, #user-info .input-state-container, #user-info .input-province, #user-info .input-zip,
#signup-city, #signup-state-container, #signup-province, #signup-zip,
#shipping-address-table .shipping-city, #shipping-address-table .shipping-state-container, #shipping-address-table .shipping-province, #shipping-address-table .shipping-zip {
	width:calc(33.3% - 10px);
}
@media(max-width:767px) {
	.member-type-row, .csz-row {flex-wrap:wrap;}
	#user-info .input-membership-type {width:100%;}
	#user-info .input-expiration-wrapper {width:100%; position:relative;}
	#user-info .input-expiration-wrapper span {width:100%; position:absolute; left:-75px;}
	#user-info .input-city, #user-info .input-state-container, #user-info .input-province, #user-info .input-zip,
	#signup-city, .signup-state-container, #signup-province, #signup-zip,
	#shipping-address-table .shipping-city, #shipping-address-table .shipping-state-container, #shipping-address-table .shipping-province, #shipping-address-table .shipping-zip {
		width:100%;
	}
}

#user-info .input-row button {
	width:80px; height:30px;
	margin:5px 0 5px 10px;
}
#user-info .input-row span {
	margin:10px 10px 10px 20px;
}
#user-info .input-status-container, #user-info .input-gender-container, #signup-status-container, #signup-gender-container {
	width:calc(50% - 8px);
}
#user-info .input-bio, #signup-bio {
	width:100%; height:200px;
	margin-top:5px;
	border:1px solid #aaa;
	padding:5px;
}
#user-info .user-info-action-buttons td {
	padding-top:10px;
}
#user-info small {
	font-size:0.8em;
	position:relative;
	top:-7px;
}
#user-info input.error {
	border:1px solid red;
	outline-color:red;
}

#modal-membership-options, #signup-membership-options {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
}
#signup-membership-options > div {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background-color:#fff;
	margin:15px;
	padding:30px 15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0 0 15px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);	
}
#modal-membership-options h5, #signup-membership-options h5 {
	margin-bottom:0;
}
#modal-membership-option1 {
	flex:2;
	border-right:1px solid #ccc;
	padding-right:25px;
}
#signup-membership-option1 {flex:1;}
#modal-membership-option2, #signup-membership-option2 {
	flex:1;
	padding-left:25px;
}
#modal-membership-options button {width:100%;}
#modal-membership-options h3, #modal-membership-options h5, #signup-membership-options h3, #signup-membership-options h5 {
	text-align:center;
}

@media(max-width:991px) {
	#modal-membership-options, #signup-membership-options {flex-direction:column;}
	#modal-membership-option1, #signup-membership-option1 {
		flex:1;
		padding-right:0;
		border:none;
		margin-bottom:30px;	
	}
	#modal-membership-option2, #signup-membership-option2 {
		padding-left:0;
	}
}

#user-info button.off {
	opacity:0.25;
	cursor:default;
}

#user-info button.btn-warning {
	background-color:#ff9933;
	border-color:#ff6600;
	color:#fff;
	font-weight:600;
}

.select-container {
	display: block;
    width: 100%;
    height: 30px;
    background-color: #fff;
    border: 1px solid #aaa;
    position: relative;
    overflow: hidden;
    padding:0;
    margin: 5px 0;
    vertical-align: bottom;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.select-container select {
	border: none;
    background: transparent;
    font-size: 12pt;
    padding: 0px 15px 2px 6px;
    -webkit-appearance: none;
    width: 100%;
    height: 30px;
    position: relative;
    font-size:1em;
    outline:none;
}
.select-container:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #aaa;
    right: 0;
    top: 8px;
    margin-right: 7px;
    pointer-events: none;
}
.select-container.focused {
	border:1px solid blue;
}

::placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
::-ms-input-placeholder {color:#aaa;}


#password-reset-container {margin-top:30px;}
#password-reset-container th {width:210px;}
#password-reset-container td {width:calc(100% - 210px);}
#password-reset-container .btn {padding:3px 10px;}
#password-reset-container > p {text-align:center;}
@media(max-width:1100px) {#password-reset-container > p {text-align:left;}}





#cart-table, #receipt-table {
	width:100%;
	border-collapse:collapse;
}
#receipt-table {margin-top:30px;}
#cart-table .item-row td, #cart-table th, #receipt-table .item-row td, #receipt-table th {
	padding:5px;
}
#cart-table .item-row td, #receipt-table .item-row td {
	border-bottom:1px solid rgba(0,102,173,0.2);
}
#cart-table .item-row:nth-child(even) td, #receipt-table .item-row:nth-child(even) td {
	background-color:rgba(0,102,173,0.05);
}
#cart-table .item-row:nth-even(odd) td, #receipt-table .item-row:nth-even(odd) td {
	background-color:#fff;
}
#cart-table th, #receipt-table th {
	color:#fff;
}
#cart-table tr td:last-child, #cart-table tr th:last-child,
#receipt-table tr td:last-child, #receipt-table tr th:last-child {
	text-align:right;
	padding-right:10px;
}
#cart-table tr:last-child td, #receipt-table tr:last-child td {padding-top:10px;}
#cart-table .row-delete {
	width:30px;
	text-align:center;
}
#cart-table .row-delete i {cursor:pointer; color:#aaa;}
#cart-table .row-label, #receipt-table .row-label {width:calc(100% - 330px);}
#cart-table .row-label small, #receipt-table .row-label small {display:block; line-height:15px;}
#cart-table .row-price, #receipt-table .row-price {width:100px;}
#cart-table .row-qty, #receipt-table .row-qty {width:100px;}
#cart-table .row-subtotal, #receipt-table .row-subtotal {width:100px;}
#clear-cart-button {
	margin:5px 0;
	padding:3px 10px;
	border:1px solid rgba(0,102,173,0.2);
}
#cart-table h4, #receipt-table h4 {
	display:inline;
	padding-left:15px;
	font-size:1.5em;
	font-weight:600;
}
#empty-cart .fas {
	color:rgba(0,102,173,0.25);
}

#cart-footer {
	margin-top:45px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
}

#shipping-address-table {
	margin-top:45px;
}


#payment-form #headline {margin-top:-15px;}
#payment-container {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display:flex;
	flex-direction:row;
}
#payment-panel {
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	background-color:#eee;
	padding:30px 30px 60px 30px;
	width:calc(100% - 500px); height:212px;
	margin:25px 30px 0 30px;
	background-color:#fff;
	border:1px solid #ccc;
}
#payment-panel > p {font-weight:600;}
#payment-panel > h1 {}
#payment-panel > div {
	width:100%;
	position:absolute;
	bottom:0;
	border-top:1px solid #ccc;
	text-align:center;
	padding:10px 0;
	cursor:pointer;
}

#square-form-container  {
	width:400px;
	height:300px;
	margin:27px auto 0 auto;
}
#square-form-container > iframe {
	width:100%; height:100%;
}
#sq-creditcard {
	width:100%;
	padding:15px;
	margin-top:15px;
	font-size:1rem;
	font-family:"Raleway", sans-serif;
	cursor:pointer;
}
.sq-input {
	border:none;
}
@media(max-width:767px) {
	#payment-container {
		flex-direction:column;
	}
	#payment-panel {
		width:100%; height:140px;
		margin:0 auto 30px auto;
		max-width:400px;
	}
}


#payment-result .order-summary {
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin-top:30px;
}
#payment-result .order-summary > div {
	width:50%;
	padding:15px 15px 30px 15px;
	background-color:#fff;
	border:1px solid #ccc;
	box-shadow:0 0 20px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.15);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.15);	
}
#payment-result .order-summary .mailing-address-panel {
	margin-left:30px;
}
#payment-result .order-summary .mailing-address-panel > div {
	margin-left:30px;
}
#payment-result .order-summary .billing-summary-row {
	display:flex;
	flex-direction:row;
}
#payment-result .order-summary .billing-summary-row label {
	width:180px;
	margin-bottom:0;
	font-weight:600;
	margin-left:30px;
}
#payment-result .order-summary .billing-summary-row div {
	width:calc(100% - 210px);
}



#copyright {
	width:100%;
	text-align:center;
}


/* MEDIA QUERIES */

@media(max-width:1120px) {
	#navbar ul {margin-left:60px;}
	#navbar ul li a {padding:0 15px;}
	.officials_grid ul li {width:22%;}
	.department {width:48%;}
}
@media(max-width:1020px) {
	#navbar ul {margin-left:30px;}
	#navbar ul li a {font-size:12pt; padding:0 10px;}
}

@media(max-width:900px) {
	#navbar > img {
		object-fit:cover;
		margin-left:-5px; margin-right:-5px;
	}
	#navbar ul {margin-left:15px;}
	#main {width:calc(100% - 50px);}
	#navbar ul {}
	#jumbotab {left:30px;}
	#footer {width:100vw;}
	.officials_grid ul li {width:31%;}
}

@media(max-width:767px) {
	#page-title {right:30px; bottom:40px; font-weight:600;}
	#main {width:100vw; margin:0;}
	#navbar ul {
		display:none;
	}
	#navbutton {display:inline;}
	#top-bg, .slider img {height:100%; object-fit:cover; top:60px;}
	.officials_grid ul li {width:48%;}
	.department {width:100%;}
}

@media(max-width:600px) {
	#footer {min-height:475px;}
	#footer-logo-container {
		flex-direction:column;
		align-items:center;
		margin-top:60px;
	}
	#footer-info {text-align:center;}
	.mugshot {width:100% !important; float:none !important; margin-bottom:45px !important;}
}

@media(max-width:550px) {
	.officials_grid ul li {width:100%;}
}

@media screen {
	.print-only {display:none;}
}

@media print {
	.print-only {}
}