/*
Theme Name:     The 1818 Society
Description:    Custom WordPress theme built using the Bootstrap 3.2 framework.
Author:         Clark Concepts
Author URI:     http://clarkconcepts.com/
*/

/*	STYLE GUIDE:
light blue = #007ab9
dark blue - #00477f
light gray = #ebebeb
dark gray = #414143
gold = #f6c568
font-family: 'Open Sans', sans-serif;
*/

.nav-logo img, footer img, .light-blue-button, .gold-button, .dark-blue-button, .light-blue-button-wide, .gold-button-wide, .dark-blue-button-wide, .footer-button { /* effects speed */
	transition: all 1s;
	-moz-transition: all 1s; /* Firefox 4 */
	-webkit-transition: all 1s; /* Safari and Chrome */
	-o-transition: all 1s; /* Opera */
}
html, body {
  	background: #414143;
  	font-family: 'Open Sans', sans-serif;
  	font-size: 16px;
    font-weight: 400;
	line-height: 1.5;
	color: #000;
	overflow-x: hidden;
}
strong {
  	font-weight: 700;
}
em {
  	font-style: italic;
}
hr {
  	background: #000;
  	clear: both;
  	float: none;
  	width: 100%;
  	height: 1px;
  	margin: 0 0 1.4em;
  	border: none;
}
h1 { /* large title text */
	text-align: left;
	font-size: 26px;
	font-weight: 700;
	color: #007ab9;
	border-bottom: 1px solid #007ab9;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
h2 { /* medium-large title text */
	text-align: left;
	font-size: 23px;
	font-weight: 400;
	color: #007ab9;
	border-bottom: 1px solid #007ab9;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
h3 { /* medium title text */
	text-align: left;
	font-size: 21px;
	font-weight: 600;
	color: #007ab9;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
h4 { /*  */
	text-align: left;
	font-size: 18px;
	font-weight: 300;
	color: #000;
	padding: 5px 0;
}
h5 { /*  */
	text-align: left;
	font-size: 20px;
	font-weight: 400;
	color: #007ab9;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
h6 { /* same as H1 but without an underline */
	text-align: left;
	font-size: 26px;
	font-weight: 700;
	color: #007ab9;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
a, a:focus {
  color: #00477f;
  text-decoration: none;
}
a:hover {
  color: #808080;
  text-decoration: none;
}
a:active {
  color: #414143;
  text-decoration: none;
}





/* no gutters row */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}



/* images */
img {
	max-width: 100%;
	height: auto;
}
.alignleft {
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
}
.alignright {
	float: right;
	margin-left: 40px;
	margin-bottom: 30px;
}
.aligncenter {
	display: block;
	float: none;
	margin: 0 auto;
	text-align: center;
}



/* header */
header {
	position: relative;
	width: 100%;
	background: #007ab9;
	padding: 10px 0;
	color: #fff;
}
header a, header a:focus {
	color: #f6c568;
  	text-decoration: none;
}
header a:hover {
  	color: #e6e6e6;
  	text-decoration: none;
}
header a:active {
  	color: #f6c568;
  	text-decoration: none;
}
.nav-logo img:hover {
	opacity: .6;
}
.top-nav {
	padding: 15px 0 20px 0;
	text-align: right;
}
.bottom-nav {
	padding-top: 30px;
	text-align: right;
}
.search-wrapper {
	width: 100%;
	border: 2px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.search-text {
	width: 100%;
	height: 24px;
	background: none;
	border: none;
	color: #fff;
	padding-left: 8px;
}
.search-icon {
	position: relative;
	top: 3px;
	height: 24px;
	width: auto;
	margin-right: 6px;
}
#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #f6c568;
}
#s::-moz-placeholder { /* Firefox 19+ */
  color: #f6c568;
}
#s:-ms-input-placeholder { /* IE 10+ */
  color: #f6c568;
}
#s:-moz-placeholder { /* Firefox 18- */
  color: #f6c568;
}
#plustext, #minustext {
	color: #fff;
	size: 18px;
	cursor: pointer;
}



/* main menu */
#main-nav ul {
  	float: right;
	list-style: none;
	margin: 0 auto;
	padding-right: 40px;
}
/* ===== First Level ===== */
#main-nav ul li {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 999999;
}
#main-nav ul ul li {
	border: none;
}
#main-nav ul li a {
	display: block;
	text-decoration: none;
	font-size: 17px;
  	font-weight: 400;
	color: #fff;
  	line-height: 2;
}
#main-nav ul li:hover a {
	color: #e2a825;
}
#main-nav ul ul,	#main-nav ul li:hover ul ul {
	position: absolute;
	display: none;
}
#main-nav ul ul li:hover ul, #main-nav ul li:hover ul li:hover ul {
	display: block;
	top: 0px;
	left: 100%;
}
/* ===== Second Level ===== */
#main-nav ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 200px;
	height: auto;
	margin: 0;
	padding: 0;
}
#main-nav ul ul {
	background: #007ab9;
}
#main-nav ul ul ul {
	background: #007ab9 !important;
}
#main-nav ul ul li {
	float: none;
	display: block;
}
#main-nav ul ul li a {
	line-height: 1.5;
	text-align: left;
	font-weight: 400;
	font-size: 15px;
	color: #fff !important;
	margin: 0;
	padding: 6px 0 6px 28px;
	background: none;
	border: none;
}
#main-nav ul ul ul li a {
	color: #fff;
}
#main-nav ul ul li:hover>a {
	color: #e2a825 !important;
}
#main-nav ul ul ul li:hover>a {
	color: #e2a825 !important;
}



/* members menu */
#members-nav {
	background: #f6c568;
}
#members-nav ul {
  	float: left;
	list-style: none;
	margin: 0 auto;
	z-index: 888888;
}
/* ===== First Level ===== */
#members-nav ul li {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
}
#members-nav ul ul li {
	border: none;
}
#members-nav ul li a {
	display: block;
	text-decoration: none;
	font-size: 18px;
  	font-weight: 400;
	color: #00477f;
	padding: 0 20px;
  	line-height: 2;
}
#members-nav ul li:hover a {
	background: #00477f;
	color: #fff;
}
#members-nav ul ul,	#members-nav ul li:hover ul ul {
	position: absolute;
	display: none;
}
#members-nav ul ul li:hover ul, #members-nav ul li:hover ul li:hover ul {
	display: block;
	top: 0px;
	left: 100%;
}
/* ===== Second Level ===== */
#members-nav ul li:hover ul {
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
	min-width: 280px;
	height: auto;
	margin: 0;
	padding: 0;
}
#members-nav ul ul {
	background: #00477f;
}
#members-nav ul ul ul {
	background: #00477f !important;
}
#members-nav ul ul li {
	float: none;
	display: block;
}
#members-nav ul ul li a {
	line-height: 1.5;
	text-align: left;
	font-weight: 400;
	font-size: 15px;
	color: #fff !important;
	margin: 0;
	padding: 6px 0 6px 20px;
	background: none;
	border: none;
}
#members-nav ul ul ul li a {
	color: #fff;
}
#members-nav ul ul li:hover > a {
	color: #e2a825 !important;
}
#members-nav ul ul ul li:hover > a {
	color: #e2a825 !important;
}
#members-nav ul li .menu-item-has-children:before {
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	font-size: 25px;
	font-weight: 300;
	position: absolute;
	content: ">";
	color: #fff;
	right: 10px;
	top: 0px;
}
#members-nav ul li .menu-item-has-children:hover:before {
	color: #e2a825 !important;
}
.member-nav-title {
	float: left;
	line-height: 2;
	padding-right: 20px;
	font-size: 18px;
	font-weight: 700;
	color: #00477f;
}
/* ===== Third Level ===== */
#members-nav ul ul ul {
	width: 280px;
}




/* main content */
.section {  /* regular content section */
	overflow: hidden;
	width: 100%;
	padding: 30px 0 30px 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section li {  
	padding-bottom: 6px;
	margin-bottom: 6px;
}
.section a, .section a:focus {
  color: #00477f;
  font-weight: 600;
  text-decoration: none;
}
.section a:hover {
  color: #808080;
  text-decoration: none;
}
.section a:active {
  color: #414143;
  font-weight: 600;
  text-decoration: none;
}
.white {
	background: #fff;
	padding-bottom: 10px;
}
.banner-section {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.sidebar-page-main {
	padding-right: 30px;
}
.wpum-account-forms-tabs {
	display: none;
}
ul#rel-tags {
	list-style-type: none;
	padding: 0;
}
ul#rel-tags li a{
	color:#505050; 
	font-weight: 600;
	transition: 0.1s all ease-in-out;
}
ul#rel-tags li a:hover {
	color:#00477f;
}
/* full screen image and full screen sliders */
.full-screen-image {
	position: relative;
	width: 100%;
	height: 98vh;
	padding-top: 30px;
	z-index: 20;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: cover;
}
.overlay-content {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 50%;
	z-index: 9999;
	background: rgb(0, 71, 127);
	background: rgba(0, 71, 127, 0.9);
	padding: 10px;
	font-size: 16px;
	color: #fff;
}
.overlay-content h1 {
	font-size: 26px;
	color: #f6c568;
	font-weight: 700;
	border-bottom: none;
}

.mock-container-8 {
	position: absolute;
	top: 5%;
	height: 90%;
	right: 0;
	width: 100%;
	overflow: auto;
}

.row.equal-height {
	display: flex;
	flex-wrap: wrap;	
}
.row.equal-height [class*='col-'] {
	display: flex;
	flex-direction: column;
}
.mock-contain-left {
	padding-left: calc(50vw - 580px);
	background-color: #FFF;
	padding-right: 15px;
	height: 100%;
	padding-top: 1.25rem;
}
.mock-contain-right {
	padding-right: calc(50vw - 580px);
	background-color: #D6EAF4;
	padding-left: 15px;
	height: 100%;
	padding-top: 1.25rem;
}
ol.commentlist {
	list-style-type:none;
}
textarea#comment {
	max-width: 100%;
	width: 100%;
}
div#respond {
	max-width: 600px;
}
.comment-leave-head {
	color: #707070;
}
@media(min-width: 992px) and (max-width: 1199px){
	.mock-contain-left {
		padding-left: calc(50vw - 480px);
	}
	.mock-contain-right {
		padding-right: calc(50vw - 480px);
	}	
}
@media(min-width: 768px) and (max-width: 991px){
	.mock-contain-left {
		padding-left: calc(50vw - 370px);
	}
	.mock-contain-right {
		padding-right: calc(50vw - 370px);
	}	
}
@media(max-width: 767px){
	.mock-contain-left {
		padding-left: 15px;
	}
	.mock-contain-right {
		padding-right: 15px;
	}	
}

/* Blog Post Tiles */
.all-blogs-flex .blog-title {
	color: #00477f;
	margin-bottom: 0;
}
.all-blogs-flex .blog-meta,
.recent-blogs-flex .blog-meta {
	display: block;
	margin-bottom: 1em;
}
.all-blogs-flex .blog-author,
.all-blogs-flex .blog-date,
.recent-blogs-flex .blog-author,
.recent-blogs-flex .blog-date {
	font-style: italic;
}
/* --- end Blog Post Tiles --- */

.blog-author {
	color: #707070;
}
.blog-comments, .blog-post, .blog-date {
	color: #505050;
	font-weight: 500;
}
.blog-header {border:none !important;font-weight:700;}
.blog-post a {font-weight: 600;}

.recent-blogs-flex {
	display: flex;
	flex-direction: column;
	font-size: 0.9em;
}
.recent-blogs-flex div {
	background-color: #FFF;
	width: 100%;
	padding: 0.4rem 0.75rem;
	margin-bottom: 0.9rem;
	color: #505050;
}
.recent-blogs-flex :is(h1,h2,h3,h4,h5,h6) {
	color: #222;
	font-weight: 600;
	font-size: 1.1rem;
	margin-bottom: 0;
}
.all-blogs-flex {
	display:flex;
	width: 100%;
	flex-wrap:wrap;
	justify-content: space-between;
	margin: 1.25rem 0;
}
.all-blogs-flex div{
	background-color: #FFF;
	width: calc(33% - 0.5rem);
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
	color: #505050;	
}
@media(min-width: 481px) and (max-width: 767px){
	.all-blogs-flex div{
		width: calc(50% - 0.5rem);
	}	
}
@media(max-width: 480px){
	.all-blogs-flex div{
		width: calc(100% - 0.5rem);
	}	
}
.slider-update {
	height: 440px !important;
}

.overlay-content-update {
	margin-top: 5%;
	margin: 0;
	width: 50%;
	height: auto;
	max-height: 90%;
	overflow-y: auto;
/*	height: 90%; */
	z-index: 9999;
	background: rgb(0, 71, 127);
	background: rgba(0, 71, 127, 0.9);
	padding: 10px 10px 10px 32px;
	font-size: 16px;
	color: #fff;
}
.overlay-content-update h1 {
	font-size: 26px;
	color: #f6c568;
	font-weight: 700;
	border-bottom: none;
}
.carousel-indicators {
	position: absolute;
	bottom: -40px;
	left: 30px;
}
.carousel-indicators li {
	width: 15px;
	height: 15px;
	background-color: #f6c56f !important;
	border: none;
}
.carousel-indicators .active {
	width: 15px;
	height: 15px;
	background-color: #007cbc !important;
	border: none;
}
.carousel-control {
    width: 4%;
}

.new-indicate {
	position: absolute;
	bottom: 15% !important;
	left: auto !important;	
	right: 1170px !important;
	margin: 0 !important;
}
.full-slide {
	width: 100%; 
	height: 100%;	
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.two-thirds-width-slider {
	padding: 30px 0 30px 30px;
}
.two-thirds-width-slider-update {
	padding: 0;
}
.right-section-content {
	width: 90%;
	margin: 0 auto;
	padding-top: 0;
	margin-top: 0;
}
.right-section-content-update h2 {
	margin-top: 8px;
	margin-bottom: 4px;
}

.right-section-content-update {
	width: 90%;
	margin: 0 auto;
	margin-top: 0;
	overflow: auto;
	max-height: 440px;
}

/* content carousel */
.carousel {
	position: relative;
}
.carousel-section {
	padding-top: 40px;
	padding-bottom: 40px;
}
.carousel-control.left, .carousel-control.right {
	background-image: none;
}
.carousel-inner {
	font-size: 14px;
	font-weight: 400;
}
.carousel-inner h3 {
	font-size: 17px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 2px;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#mobile-carousel {
	display: none;
}

/* columns of same height styles */
.inside-full-height {
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

/* buttons */
.light-blue-button {
	display: inline-block;
	padding: 6px 20px;
	background: #007ab9;
	color: #fff !important;
	text-align: center;
	border: none;
}
.light-blue-button:hover {
	background: #f6c568;
	color: #000 !important;
  	text-decoration: none;
}
.light-blue-button-wide {
	display: block;
	padding: 6px 20px;
	background: #007ab9;
	color: #fff !important;
	text-align: center;
}
.light-blue-button-wide:hover {
	background: #f6c568;
	color: #000 !important;
  	text-decoration: none;
}
.dark-blue-button, .submit {
	display: inline-block;
	padding: 6px 20px;
	background: #00477f;
	color: #fff !important;
	text-align: center;
	border: none;
}
.dark-blue-button:hover, .submit:hover {
	background: #f6c568;
	color: #000 !important;
  	text-decoration: none;
}
.dark-blue-button-wide {
	display: block;
	padding: 6px 20px;
	background: #00477f;
	color: #fff !important;
	text-align: center;
}
.dark-blue-button-wide:hover {
	background: #f6c568;
	color: #000 !important;
  	text-decoration: none;
}
.gold-button {
	display: inline-block;
	padding: 6px 20px;
	background: #f6c568;
	color: #00477f !important;
	text-align: center;
	border: none;
	position: relative;
	z-index: 113;
}
.gold-button:hover {
	background: #ebebeb;
	color: #000 !important;
  	text-decoration: none;
}
.gold-button-wide {
	display: block;
	padding: 6px 20px;
	background: #f6c568;
	color: #00477f !important;
	text-align: center;
}
.gold-button-wide:hover {
	background: #ebebeb;
	color: #000 !important;
  	text-decoration: none;
}
.white-button {
	display: inline-block;
	padding: 6px 20px;
	background: #fff;
	color: #00477f !important;
	text-align: center;
}
.white-button:hover {
	background: #f6c568;
	color: #000 !important;
  	text-decoration: none;
}



/* Events Calendar */
.calendar-views-wrapper {
	height: 75px;
	background: #005588 !important;
	color: #fff !important;
}
ul.ecs-event-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
li.ecs-event {
	display: block;
	padding: 2px 0;
	margin: 2px 0;
	line-height: 1;
	border-bottom: 1px solid #00477f;
}
li.ecs-event h4 {
	padding: 0;
}

.slider-section .row div .right-section-content-update {
	max-height: 440px;
	overflow-y: auto;
}
.entry-title {
	font-weight: 600;
}
span.duration {
	display: block;
	padding-bottom: 4px;
	font-weight: 600;
}
.calendar-view {
	display: inline-block;
	margin: 6px 0 0 15px;
	color: #fff !important;
}
.calendar-view-icon {
	position: relative;
	top: -2px;
}
.tribe-events-button {
	background: #007cbc !important;
}
.tribe-events-cal-links {
	overflow: hidden !important;
	padding: 20px 0;
}
a.tribe-events-ical, a.tribe-events-gcal {
	clear: none !important;
	float: left !important;
	background: #656565 !important;
	margin-top: 0 !important;
	margin-right: 20px !important;
}
#tribe-bar-date, #tribe-bar-search {
	background: #fff !important;
	border-bottom: none !important;
}
.tribe-events-event-cost span {
	background-color: #007cbc !important;
	color: #fff !important;
	padding: 4px 20px !important;
}
.tribe-events-event-wrapper {
	padding: 30px;
	background: #fafafa;
	border: 1px solid #ededed;
	margin-bottom: 20px;
}
.tribe-events-event-wrapper dt {
	float: left;
	padding-right: 6px;
}
h2.tribe-events-single-event-title {
	border-bottom: none;
}
.tribe-events-calendar-list__event-header {
	background-color: #D6EAF4;
	padding: 15px 15px 5px 15px !important;
}



/* Members Forum */
.forum > ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.forum > ul > li {
	font-size: 14px;
	padding-bottom: 10px;
}
.forum-sidebar-title {
	border-bottom: 1px solid #007ab9;
	margin-bottom: 20px;
}
.forum-nav {
	overflow: hidden;
}
.forum-edit-links {
	font-size: 13px;
	text-align: center;
}
.comment-form-comment label {
	display: block;
	width: 100%;
}
.comment-author {
	font-weight: 600;
	color: #707070;
	font-size: 1.1em;
	margin-bottom: 0.4rem;
}
ul.children .comment-top-level {
	margin-top: 0.4rem;
}
.comment-reply-link, .comment-edit-link {
	font-weight: 600;
	color: #707070;
	font-size: 0.9em;
	margin-top: 0.4rem;
}
.comment-top-level {
	margin-top: 2rem;
}



/* Skills Finder */
.skills-list th {
	padding: 8px;
	border: 1px solid #00477f;
}
.skills-list td {
	padding: 8px;
	border: 1px solid #007ab9;
}



/* footer */
footer {
	background: #005588;
	padding: 20px 0;
	font-size: 15px;
	color: #fff;
	font-weight: 300;
	text-align: left;
}
footer img:hover {
	opacity: .6;
}
footer a, footer a:focus {
  color: #fff;
  text-decoration: none;
}
footer a:hover {
  color: #f6c568;
  text-decoration: none;
}
footer a:active {
  color: #fff;
  text-decoration: none;
}
#footer-nav-wrapper {
	background: #007ab9;
	padding: 40px 0;
}
.footer-button {
	display: block;
	padding: 6px 20px;
	background: #f6c568;
	font-size: 18px;
	font-weight: 600;
	color: #00477f;
	text-align: center;
}
.footer-button:hover {
	background: #ebebeb;
	color: #000;
  	text-decoration: none;
}
#copyright-wrapper {
	background: none;
	padding: 8px 0;
}
#copyright-wrapper a, #copyright-wrapper a:focus {
  color: #fff;
  text-decoration: none;
}
#copyright-wrapper a:hover {
  color: #f6c568;
  text-decoration: none;
}
#copyright-wrapper a:active {
  color: #fff;
  text-decoration: none;
}
#copyright-wrapper .copyright {
	text-align: left;
	font-size: 13px;
	color: #fff;
}
#copyright-wrapper .credits {
	text-align: right;
	font-size: 13px;
	color: #fff;
}
#footer-nav-wrapper ul {
  	float: left;
	list-style: none;
	margin: 0 auto;
}
#footer-nav-wrapper ul li {
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	z-index: 999999;
}
#footer-nav-wrapper ul ul li {
	border: none;
}
#footer-nav-wrapper ul li a {
	display: block;
	text-decoration: none;
	font-size: 17px;
  	font-weight: 600;
	color: #fff;
  	margin: 0 20px;
  	line-height: 2;
}
#footer-nav-wrapper ul li:hover a {
	color: #e2a825;
}

#footer-nav-wrapper ul li.goldlink a {
	color: #f6c568 !important;
}

/* Google maps */
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* RESPONSIVE MEDIA QUERIES: */

/* "Largest" */
@media (min-width: 1600px) {

	.overlay-content {
		width: 30%;
	}
	.right-section-content {
		padding-top: 20px;
	}
	.slider-update, .right-section-content-update {
		height: 480px !important;
	}
}

/* "Large" */
@media (min-width: 1200px) {

	#main-nav ul li a {
		margin: 0 15px;
	}

}


/* "Medium" */
@media (min-width: 992px) and (max-width: 1199px) {

	#main-nav ul li a {
		font-size: 15px;
		margin: 0 8px;
	}
	.overlay-content {
		top: 5%;
		left: 5%;
		width: 50%;
	}
	#footer-nav-wrapper ul li a {
		font-size: 17px;
		margin: 0 10px;
	}
	.calendar-view {
		margin: 6px 0 0 5px;
	}
	.two-thirds-width-slider {
		padding: 30px 30px 30px 30px;
	}
	.two-thirds-width-slider-update {
		padding: 0;
	}
	.carousel {
		margin-bottom: 50px;
	}
	.mock-container-8 {
		left: 5%;
	}
	.mock-container-4 {
		width: 100%;
		text-align: center;
	}
}


/* "Small" */
@media (min-width: 768px) and (max-width: 991px) {

	#main-nav ul li a {
		font-size: 16px;
		margin: 0 8px;
	}
	.bottom-nav {
		padding-top: 0px;
	}
	#searchform {
		margin-top: 10px;
	}
	.member-nav-title {
		padding-right: 5px;
		font-size: 16px;
	}
	#members-nav ul li a {
		font-size: 15px;
		padding: 0 10px;
	}
	#members-nav ul li:hover ul {
		min-width: 220px;
	}
	#members-nav ul ul li a {
		font-size: 14px;
		padding: 6px 0 6px 10px;
	}
	.search-text {
		font-size: 15px;
		height: 24px;
	}
	.search-icon {
		top: 3px;
		height: 20px;
	}
	.footer-button {
		padding: 6px 6px;
		font-size: 15px;
	}
	#footer-nav-wrapper ul li a {
		font-size: 16px;
		margin: 0 10px;
	}
	.two-thirds-width-slider {
		padding: 30px 30px 30px 30px;
	}
	.two-thirds-width-slider-update {
		padding: 0;
	}
	.carousel {
		margin-bottom: 50px;
	}
	.overlay-content {
		top: 2%;
		left: 5%;
		width: 90%;
		padding-top: 0;
	}
	.mock-container-8 {
		left: 5%;
	}
	.mock-container-4 {
		width: 100%;
		text-align: center;
	}

}



/* "Extra Small" */
@media (max-width: 767px) {

	header {
		display: none;
	}
	footer, #footer-nav-wrapper {
		text-align: center;
	}
	#copyright-wrapper .copyright {
		text-align: center;
	}
	#copyright-wrapper .credits {
		text-align: center;
	}
	h1 { /* large title text */
		font-size: 20px;
	}
	.carousel {
		margin-bottom: 30px;
	}
	.overlay-content {
		display: none;
	}
	.carousel-indicators {
		display: none;
	}
	.two-thirds-width-slider {
		padding: 0;
	}
	.two-thirds-width-slider-update {
		padding: 0;
	}
	#mobile-header {
		background: #007ab9;
		padding: 10px 0;
		color: #fff;
	}
	#mobile-header a, 	#mobile-header a:focus {
		color: #f6c568;
  		text-decoration: none;
	}
	#mobile-header a:hover {
  		color: #e6e6e6;
  		text-decoration: none;
	}
	#mobile-header a:active {
  		color: #f6c568;
  		text-decoration: none;
	}
	.mobile-header-top {
		line-height: 1.5;
		text-align: center;
	}
	.search-wrapper {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.white {
		padding: 10px 0 10px 0;
	}
	.carousel-control {
    	width: 8%
	}
	.calendar-view {
		display: block;
	}
	.calendar-views-wrapper {
		height: 87px;
	}
	.mock-container-8 {
		left: 5%;
	}
	.mock-container-4 {
		width: 100%;
		text-align: center;
	}

}
	
/* MAIN MOBILE MENU */

/* menu icon */
#mobile-menu-icon {
	float: left;
	color: #000;
	width: 110px;
	height: 30px;
	background: #ecebeb url(img/menu-icon.png) no-repeat 10px center;
	padding: 8px 10px 0 42px;
	cursor: pointer;
	border: solid 1px #666;
	display: block;
	margin-top: 10px;
}
#mobile-menu-icon .menu-icon-text {
	color: #000 !important;
	position: relative;
	top: -6px;
	font-weight: 600;
}
#mobile-menu-icon:hover {
	background-color: #f8f8f8;
}
#mobile-menu-icon.active {
	background-color: #bbb;
}	
#mobile-menu ul {
	clear: both;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 999999;
	padding: 5px;
	background: #f8f8f8;
	border: solid 1px #999;
	display: none;
}
#mobile-menu ul li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;
}
#mobile-menu ul a, 
#mobile-menu ul ul a {
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	color: #666;
	border: none;
}
#mobile-menu ul a:hover, 
#mobile-menu ul ul a:hover {
	background: none;
	color: #000;
}
/* dropdown */
#mobile-menu ul ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;
	margin-left: 10px;
	padding-left: 10px;
}
#mobile-menu ul ul li {
	margin: 3px 0 3px 3px;
}


/* MEMBERS MOBILE MENU */

/* menu icon */
#members-mobile-menu-icon {
	float: right;
	color: #000;
	width: 140px;
	height: 30px;
	background: #ecebeb url(img/menu-icon.png) no-repeat 10px center;
	padding: 8px 10px 0 42px;
	cursor: pointer;
	border: solid 1px #666;
	display: block;
	margin-top: 10px;
}
#members-mobile-menu-icon .menu-icon-text {
	color: #000 !important;
	position: relative;
	top: -6px;
	font-weight: 600;
}
#members-mobile-menu-icon:hover {
	background-color: #f8f8f8;
}
#members-mobile-menu-icon.active {
	background-color: #bbb;
}	
#members-mobile-menu ul {
	clear: both;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 999999;
	padding: 5px;
	background: #f8f8f8;
	border: solid 1px #999;
	display: none;
}
#members-mobile-menu ul li {
	clear: both;
	float: none;
	margin: 5px 0 5px 10px;
}
#members-mobile-menu ul a, 
#members-mobile-menu ul ul a {
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	color: #666;
	border: none;
}
#members-mobile-menu ul a:hover, 
#members-mobile-menu ul ul a:hover {
	background: none;
	color: #000;
}
/* dropdown */
#members-mobile-menu ul ul {
	width: auto;
	position: static;
	display: block;
	border: none;
	background: inherit;
	margin-left: 10px;
	padding-left: 10px;
}
#members-mobile-menu ul ul li {
	margin: 3px 0 3px 3px;
}



/* other stuff */
noscript {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-color: #8f9297;
	color: #fff;
}
noscript > p {
	width: 66.667%;
	margin: 50px auto 0;
	text-align: center;
	color: #fff;
}