body {
background: #FBFCF7; }

dl, dt, dd, ul, ol, li, p, blockquote, th, td, tr, table tr th, table tr td {
font-family: 'Lato', sans-serif;
font-size: 1.15rem;
line-height: 1.6rem;
font-weight: 300;
letter-spacing: .05rem;
color: #5C5C5C;
text-align: center; }

table { margin: auto; } 

a, a:link, a:visited, a:hover, a:active, a:focus {
color: #009092;
border: none;
text-decoration: none;
outline: none; }

h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {
color: #5C5C5C;
margin: 0;
padding: .5rem 0;
background: none;
border: none;
font-family: 'Yantramanav', sans-serif;
font-weight: 300;
font-size: 2.3rem;
text-align: center; }

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus {
color: #009092; }

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
font-family: 'Yantramanav', sans-serif;
font-size: 1.90rem;
color: #5C5C5C;
margin: 0;
padding: .5rem 0;
font-weight: 300;
text-align: center;
background: none;
border: none; }

h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
color: #009092; }

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h3 a:focus {
font-family: 'Yantramanav', sans-serif;
font-size: 1.6rem;
color: #5C5C5C;
margin: 0;
padding: .5rem 0;
font-weight: 300;
text-align: center;
background: none;
border: none; }

h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h3 a:focus {
color: #009092; }

h4, h5 {
color: #5C5C5C;
text-align: center;
margin: 0;
padding: .5rem 0;
background: none;
border: none;
font-family: 'Yantramanav', sans-serif;
font-weight: 300; }

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active, h6 a:focus {
color: #5C5C5C;
margin: 0;
padding: .5rem 0;
background: none;
border: none;
font-family: 'Yantramanav', sans-serif;
font-weight: 300;
font-size: 5.3rem;
text-align: center; }

h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:active, h6 a:focus {
color: #009092; }

small, .small {
font-family: 'Lato', sans-serif;
font-size: 0.7rem;
letter-spacing: .065rem;
line-height: 1rem;
font-weight: 100; }

.small-italic {
font-family: 'Lato', sans-serif;
font-size: 0.7rem;
letter-spacing: .065rem;
line-height: 1rem;
font-weight: 100;
font-style: italic; }

.black {
color: #5C5C5C; }

.green {
color: #009092; }

b, strong {
color: #000;
font-weight: 400; }

blockquote, blockquote p {
background: #FFF9E1;
line-height: 1.6rem;
color: #5C5C5C;
font-style: italic; }

.center {
display: block;
background: transparent;
padding: 0;
border: none;
margin-left: auto;
margin-right: auto;
text-align: center; }

.cent {
display: block;
background: transparent;
padding-top: 1rem;
padding-bottom: 1rem;
border: none;
margin-left: auto;
margin-right: auto;
text-align: center; }

.fl {
background: transparent;
padding: 0;
border: none;
float: left;
margin: 0px 10px 0px 0px; }

.fr {
background: transparent;
padding: 0;
border: none;
float: right;
margin: 0px 0px 0px 10px; }

.norm {
background: transparent;
padding: 0;
border: none;
margin: 10px 10px 10px 10px; }

.flnb {
background: transparent;
padding: 0;
border: none;
float: left;
margin: 0px 0px 0px 0px; }

.frnb {
background: transparent;
padding: 0;
border: none;
float: right;
margin: 0px 0px 0px 10px; }

.normnb {
background: transparent;
padding: 0;
border: none;
margin: 10px 10px 10px 10px; }

.centnb {
display: block;
background: transparent;
padding: 0;
border: none;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px; }

table.desc-table {
background: transparent;
border: none; }

.sep {
padding-top: 1.5rem;
background: transparent;
clear: both; }

.foot {
background: #009092;
color: #FFF;
font-size: 0.7rem;
letter-spacing: .065rem;
line-height: 1rem;
font-weight: 100;
text-align: left; }

.foot b, .foot strong {
color: #FFF;
font-weight: 400; }

.foot a, .foot a:link, .foot a:visited, .foot a:hover, .foot a:active, .foot a:focus  {
color: #FFF;
border: none:
text-decoration: none;
outline: none; }

.foot-bottom {
font-size: 0.7rem; }

.footicon {
float: left;
padding: 0 1rem 0 1rem; }

#clear {
clear: both;}

.clear {
clear: both;
margin: 0 0 2rem 0;}

.social_links {
padding-top: 10px; }

#social_blog {
 }

.social_share {
float: left;
padding-right: 10px;
padding-bottom: 10px; }

.facebook, .twitter, .instagram {
display: inline-block;
color: #FFF;
margin: 0;
padding-right: 1%;
border: none;
text-decoration: none ! important ;
outline: none;
border: none;
background: transparent; }

.divider1 {
clear: both;
padding: 0;
margin: 0 0 2rem 0;
border-bottom: 1px #9C9997 solid; }

.divider2 {
clear: both;
padding: 1rem 0 1rem 0;
margin: 2rem 0 2rem 0;
border-bottom: 1px #9C9997 solid; }

.vdivider {
border-right: 1px #9C9997 solid;
padding: 0 20px 0 0px; }

#pagination {
width: 250px;
display: block;
margin-left: auto;
margin-right: auto;
padding-bottom: 10px; }

.bottom-logos {
padding: 20px 0 20px 0;
text-align: center; }

.google-maps {
position: relative;
padding-bottom: 20%; // This is the aspect ratio
height: 0;
overflow: hidden; }

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }

#content {
padding: 0;
background: transparent; }

#events h1, #events h2, #events h3 {
text-align: left; }

#events h1 {
padding: 0 0 .5rem 0;
font-size: 1.35rem; }

.divider-event {
clear: both;
padding: 0;
margin: 3px 0 2px 0;
border-bottom: 1px #9C9997 dotted; }

.event-image {
position: relative; }

.event-date {
text-align: center;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
letter-spacing: -.0125rem;
line-height: 1rem;
background-color:rgba(255, 255, 255, 0.75);
padding: 5px 5px;
position: absolute; 
width: 15%;
top: 5%; 
left: 75%; }

.event-start-month {
font-size: 0.55rem;
font-weight: 100; }

.event-start-day {
font-size: 0.95rem;
font-weight: 400; }

.event-end {
font-size: 0.45rem;
font-weight: 100; }

#top-logo {
display: block;
border: none;
background: transparent;
padding-top: 3rem;
padding-bottom: 3rem; }


/* Changes top-bar background color */
.top-bar { padding-top: 1.5rem; }

.contain-to-grid, .top-bar, .title-area, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section .dropdown li:not(.has-form) a:not(.button), .top-bar-section .has-dropdown > a:after, .top-bar-section ul li:hover:not(.has-form) > a {
background: #FBFCF7;
font-family: 'Yantramanav', sans-serif;
text-transform: lowercase;
font-size: 1.15rem;
color: #999;
line-height: 2.25rem;
letter-spacing: -.0rem;
font-weight: 100;
text-decoration: none;
border: none;
text-align: left; }

.top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a, .top-bar-section .dropdown label, .top-bar-section .dropdown li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button), .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button)  {
color: #999; }

/* Changes background color of top-bar menu items  */
.top-bar-section #menu-primary a, .top-bar-section #menu-primary a:hover {
background-color: #FBFCF7 !important;
color: #999 !important; }

/* Removes top-bar navigation dropdown carets */
.top-bar-section .has-dropdown > a:after { border-style: none; }
.top-bar { background: #FBFCF7; }
.contain-to-grid { background: #FBFCF7; }
.top-bar ul li a { color: #999; background: #FBFCF7 !important; }
.top-bar-section ul li.active > a { background: #FBFCF7 !important; }
.top-bar-section ul li.active > a:hover { color: #999 !important; background:#FBFCF7 !important; }
.top-bar-section li a:not(.button):hover { color: #999; background:#FBFCF7 !important; }

.top-bar-section ul li.active > a {
background: #FBFCF7 !important;
color: #999 !important; }

.top-bar-section a:hover {
background: #FBFCF7 !important;
color: #999 !important; }


/* Changes button colors */
.button {
background-color: #009092;
font-size: 1.5rem;
font-family: 'Lato', sans-serif;
font-weight: 400;
color: #FFF;
border: none; }

a.button, a.button:link, a.button:visited, a.button:active {
color: #FFF;
border: none;
text-decoration: none; }

.button:hover, .button:focus, a.button:hover, a.button:focus {
background-color: #009092;
text-decoration: none;
border: none;
color: #FFF; }

.top-bar-section ul.right {
margin-top: 15px;
margin-bottom: 40px; }

/* Search field in navigation. */

.search {
display:block;
padding: 0;
background: transparent;
margin-left: auto;
margin-right: auto;
text-align: center; }

.search input[type="search"] {
width: 20rem;
height: 3rem;
padding-right: 0.1875rem;
padding-left: 2rem;
margin: 0 auto;
border: 1px solid #9C9997;
background: #FFF url("./site-design/img-search.png") no-repeat left center;
background-size: 20px 16px; }

[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }

/* Image Links */

.image_links img {
background: #FFF;
padding: 2px 2px 2px 2px;
border: none; }

.image_links a:hover img {
background: #009092;
border: none; }

/* Secondary Image Links */

.secondary_image_links img {
background: #FFF;
padding: 2px 2px 2px 2px;
border: none; }

.secondary_image_links a:hover img {
background: #009092;
border: none; }

/* Gallery */

#cell a, #cell a:active, #cell a:link, #cell a:visited {
text-decoration: none;
background: transparent;
border: none; }

#cell img {
background: #CCC;
padding: 2px 2px 2px 2px;
margin: 5px 0 5px 0;
border: none; }

#cell a:hover img {
background: #009092;
border: none; }

.cr img { clear: right; }


/* Changes top-bar navigation colors for medium and small AND hover for large */
.tab-bar {
background: #FBFCF7;
color: #333; }

a.menu-icon span {
box-shadow: 0 10px 0 1px #525352, 0 16px 0 1px #525352, 0 22px 0 1px #525352;
display: block;
height: 0;
left: 0.72222rem;
position: absolute;
top: 0.27778rem;
width: 0.88889rem; }


.top-bar-section li a:not(.button):hover {
color: #FBFCF7 !important;
background: #009092 !important; }

.phone {
padding-top: .05rem; } 

.spacer {
padding-top: 2rem; } 
 


/* Changes to Google Map display on contact page */

.google-maps {
position: relative;
padding-bottom: 20%; // This is the aspect ratio
height: 0;
overflow: hidden; }

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important; }


/* Changes font size on small screens */

@media only screen and (max-width: 40em) {
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus  {
font-size: 1.25rem;}

h2, h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active, h2 a:focus {
font-size: 1.05rem;}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:active, h3 a:focus {
font-size: 1rem;}


dl, dt, dd, ul, ol, li, p, blockquote, th, td, tr, table tr th, table tr td {
font-size: .95em;
line-height: 1.4rem;}

#footer, small, .small, .small-italic {
font-size: 0.6rem; }

}