@font-face {
    font-family: 'ITCLegacySerifStandard';
    src: url('/wp-content/themes/miramar/fonts/LegacySerifStd-Bold.woff2') format('woff2'),
        url('/wp-content/themes/miramar/fonts/LegacySerifStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'JansonText';
    src: url('/wp-content/themes/miramar/fonts/JansonTextLTStd-Roman.woffs') format('woff2'),
        url('/wp-content/themes/miramar/fonts/JansonTextLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JansonText';
    src: url('/wp-content/themes/miramar/fonts/JansonTextLTStd-Italic.woff2') format('woff2'),
        url('/wp-content/themes/miramar/fonts/JansonTextLTStd-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'GothamPro_Medium';
    src: url('/wp-content/themes/miramar/fonts/GothamPro-Medium.woff2') format('woff2'),
    url('/wp-content/themes/miramar/fonts/GothamPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

:root {
  --blue: #2d4586;
}

body{background-color: var(--blue);  }
body { overflow-x: hidden; }

body > *{background-color: #FFF ;z-index: 1;}
.site-content{position: relative;z-index: 1;background: #FFF; }

body, button, input, select, optgroup, textarea, .widget_archive ul li, .widget_categories ul li, .widget_meta ul li, .widget_nav_menu ul li, .widget_pages ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_rss ul li{
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
	font-weight: normal;
	font-style: normal;
	color: #505153 /* Miramar gray body copy */;
}


/*  fade in animation */
body { 
	animation: fadeInAnimation ease 1s;
	animation-iteration-count: 1; 
	animation-fill-mode: forwards; 
} 

@keyframes fadeInAnimation { 
	0% { 
		opacity: 0; 
	} 
	100% { 
		opacity: 1; 
	} 
} 
/*  /end fade in animation */


h1,h2,h3,h4,h5,h6,ul.topnav,ul.sticky-nav li a,.sticky-menu a{
	font-family: "ITCLegacySerifStandard", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
	font-weight: bold;
	font-style: normal;
	/*text-transform: uppercase;*/
	/*color: var(--blue);  Miramar blue */
	/*color: #ab9a6b;	 TenTrin Gold */
	color: white;
}


body[class*="page-template-page-member"] h1,
body[class*="page-template-page-member"] h2,
body[class*="page-template-page-member"] h3,
body[class*="page-template-page-member"] h4,
body[class*="page-template-page-member"] h5,
body[class*="page-template-page-member"] h6{
	color: var(--blue);
}

body[class*="page-template-page-member"] p{color: var(--blue);font-size: 18px;}

.main-navigation, .page-description, .author-description .author-link, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .pagination .nav-links, .comments-title, .comment-author .fn, .no-comments, .site-title, h1, h2, h3, h4, h5, h6{
	letter-spacing: 0px;
}

.easter-egg-logo {
    position: fixed;
    width: 100%;
    top: 60px;
    height: 500px;
    left: 0;
    color: black;
    text-align: center;
    z-index: 0;
    transform: translate3d(0, -60px, 0);
    /*background-image: url(images/logo-easteregg-wine-01.png);*/
	background-size: 120px;
	background-repeat: no-repeat;
	background-position-y: top;
    background-position-x: center;
    background-color: var(--blue);  Miramar blue */
}

body[class*="page-template-page-member"] .easter-egg-logo{display: none;}

a, a:visited{color: var(--blue);}
a:focus {outline: none;text-decoration: none;}

.hide{display:none !important;}
.txt-center{text-align: center;}
.padding-bottom-0{padding-bottom: 0px !important;}
.center{text-align: center;}

.logo {padding-top: 15px;}
.site-title {display:none;}

#page {
    /*max-width: 1500px;*/
    margin: 0 auto;
}

.site-header{
	position: absolute;
    padding: 0 !important;
	width: 100%;
	/*max-width: 1500px;*/
    z-index: 9999;    
}

ul {margin-left: 0;list-style-type: none; }

ul.topnav li a,
ul.topnav li a:hover,
ul.topnav li a:active,
ul.topnav li a:focus,
ul.sticky-nav li a,
ul.sticky-nav li a:hover,
ul.sticky-nav li a:active,
ul.sticky-nav li a:focus,
.menu-toggle a,
.login-toggle a,
.menu-toggle a:hover,
.login-toggle a:hover,
.menu-toggle a:active,
.login-toggle a:active,
.menu-toggle a:focus,
.login-toggle a:focus{
	color: #FFFF;
    outline: none;
    text-decoration: none;
}

ul.sticky-nav li a,
.sticky-menu a{
	text-transform: uppercase;
}


.home .entry-header,
h1:not(.site-title):before, 
h2:before,.entry .entry-title::before{
	display:none;
}


.site-branding {margin:0px !important;}
/*.site-content {margin-top: -162px;}*/

body[class*="page-template-page-member"] .site-header{
	position: relative;
	border-bottom: 0px solid #8b9ac4;
	background: var(--blue);
}

/*body[class*="page-template-page-member"] .site-header a{color: var(--blue);} 
body[class*="page-template-page-member"] .site-header a:hover{color: var(--blue);} */
body[class*="page-template-page-member"] .site-content {}
body[class*="page-template-page-member"] h1.entry-title{
	color: var(--blue);
	text-align: center;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: 1px solid #c8d1eb;
    padding: 50px 0;
	margin-bottom: 50px;
}

.sticky-menu{
	position: fixed;
    top: 0px;
    /*opacity: 0;*/
    z-index: 99999;
    background-color: var(--blue); /* Miramar blue*/
    height: 90px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

	overflow-y: hidden;
	max-height: 0px; /* approximate max height */
}

.has-scrolled .sticky-menu{
	opacity:1;
	max-height: 90px;
	-webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.logo-sticky {display: inherit;}
.custom-logo-miramar{height: 60px;}
.custom-logo-miramar img{margin-top: -10px;}

ul.topnav,
ul.sticky-nav,
ul.mobile-nav{
	padding-left:0px;
}

ul.topnav li,
ul.sticky-nav li{
    list-style: none;
    display: inline-block;
    font-size: .6rem;
	padding: 0 28px;
	text-transform: uppercase;
	letter-spacing: 3px;
}

ul.mobile-nav li{
	list-style: none;
    display: block;
    font-size: 1.2rem;
    padding: 0;
    text-transform: uppercase;
    line-height: 1.6;
}


.main-menu .menu-left-nav-desktop-container,
.sticky-menu .menu-left-nav-desktop-container{
    position: absolute;
    right: 60%;
    top: 37%;
    /*margin-right: 20px;*/
    transform: translateY(7%);
}

body[class*="page-template-page-member"] .main-menu .menu-left-nav-desktop-container,
body[class*="page-template-page-member"] .sticky-menu .menu-left-nav-desktop-container,
body[class*="page-template-page-member"] .main-menu .menu-right-nav-desktop-container,
body[class*="page-template-page-member"] .sticky-menu .menu-right-nav-desktop-container{
	top: 26%;
}

.sticky-menu .menu-left-nav-desktop-container{top:30%;right: 57%;}

.mobile-menu,
.login-toggle,
.menu-toggle {
    display: none;
}

@media (max-width: 2350px)
	.main-menu .menu-left-nav-desktop-container {
	    right: 56%;
}

@media (max-width: 1700px)
	.main-menu .menu-left-nav-desktop-container {
	    right: 58%;
}

.main-menu .menu-right-nav-desktop-container,
.sticky-menu .menu-right-nav-desktop-container {
    position: absolute;
    left: 60%;
    top: 37%;
    /*margin-left: 20px;*/
    transform: translateY(7%);
}

.sticky-menu .menu-right-nav-desktop-container{top:30%;left:57%;}

@media (max-width: 2350px)
	.main-menu .menu-right-nav-desktop-container {
	    left: 56%;
}

@media (max-width: 1700px)
	.main-menu .menu-right-nav-desktop-container {
	    left: 58%;
}


.banner {
    position: relative;
	overflow: hidden;
	height: 100vh;
	min-height: 650px;
	/*background: red;*/
}

.banner .slider-title,
.banner .center{
	position: absolute;
    bottom: 65px;
    z-index: 999;
}

.banner .slider-title{
	left: 10%;
	top: 76%;
    max-width: 44%;
    /*background-color: rgba(255,255,255,.7);*/
    padding: 20px;
    line-height: 1;
}

.banner .slider-title h2{
	margin: 0px;
	font-size: 1.7rem;
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
	line-height: 1;
	text-shadow: 0px 0px 10px rgba(48,27,31,.6);
}

.banner .slider-title h2 i{
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;	
}

.center div, .center a {
    color: #ab9a6b;	/* TenTrin Gold */
    display: inline-block;
    font-weight: bold;
}

.banner .center {
    right: 65px;
    bottom: 65px;
    width: 130px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 0.8rem;
    line-height: .8;
}


.cycle-slideshow{
	display: flex;
    justify-content: center;
    height: 100vh !important;
	min-height: 650px;
}

.cycle-slideshow .cycle-slide{
	/*transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/
}

img.cycle-slide.cycle-slide-active,
img.cycle-slide {
    min-height: 100%;
    min-width: 100%;
    /*max-height: 110%;*/
    /*max-width: 1500px;*/
    left: inherit !important;
    top: inherit !important;
    bottom: 0px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 30px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}
.cycle-pager a{
	background-color:#FFF;
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 10px;
	transition-property: all;
	transition-duration: .5s;
}

.cycle-pager a.cycle-pager-active{background-color:#263b7e;}


.miramar-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.bgimage {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.bgimage img{
	display: none;
}




.login-toggle,
.menu-toggle {
	position: absolute;
	text-transform: uppercase;
    font-weight:bold;
}

.height-100perc{height: 100%;}

.blue-section {
	text-align: center;
	padding: 60px 15%;
	background-color: #FFFFFF; 
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif;
	/* box-shadow: inset 13px 13px #3f2b2f,  TenTrin Wine
				inset -13px -13px #3f2b2f,  TenTrin Wine 
				inset 14px 14px  #ab9a6b,	TenTrin Gold 
				inset -14px -14px  #ab9a6b;	TenTrin Gold */
}

.form-section{
	text-align: center;
	background-color: var(--blue) !important;  /*Miramar blue */
	background-color: #000 !important;  
	padding: 100px 15%;
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif;
}

.form-section h2,
.form-section p{color: #ab9a6b;}

.form-section p {font-size: .8rem;}

.blue-section h2,
.blue-section p{color: #000000; font-weight: normal;}

.blue-section h2{
	font-family: "ITCLegacySerifStandard", "Baskerville Old Face", Garamond, "Times New Roman", serif;
	font-size: .6rem;
	text-transform: uppercase;
	letter-spacing: 8px;
	margin-bottom: 10px;
}

.blue-section p{
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif;
	font-size: 1.4rem;
	letter-spacing: 1px;
}

.blue-section p i{
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif;
	font-size: 1.5rem;
}

.form-section h2 {font-size: 1rem;}

.img-section .page-link {
    position: relative;
    display: block;
}

a.page-link .border-style:hover {cursor: pointer;}

.img-section:first-child .page-link {
	/*border-right: 1px solid #f8f3e1;*/ /* TenTrin Cream */;
}

.img-section .detail {
    position: absolute;
    top: 65px;
    left: 85px;
    z-index: 3;
    max-width: 49%;
}

.img-section .detail h3 {
	color: #FFF;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin-bottom:40px;
    transition: ease;
	transition-duration: 1s;
}

.section-html h1,
.section-html h2,
.section-html h3,
.section-html h4,
.section-html h5,
.section-html h6{
	color: var(--blue) !important;
	font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: 6px;
    /*margin-bottom: 70px;*/
}

.section-html.html-blue h1,
.section-html.html-blue h2,
.section-html.html-blue h3,
.section-html.html-blue h4,
.section-html.html-blue h5,
.section-html.html-blue h6{
	color:#FFF !important;
	/*color: #000 !important;*/
}

.section-html h3.space{margin-top: 2rem;}


.img-section .detail p,
.img-section .detail button{
	opacity: 0;
	transition: ease;
	transition-duration: 1s;
}

.img-section .section-detail .page-link:hover .detail p,
.img-section .section-detail .page-link:hover .detail button,
.img-section .section-imageonly a.page-link:hover .detail p,
.img-section .section-imageonly a.page-link:hover .detail button{
	opacity: 1;
}

.img-section .section-detail .page-link:hover 
.img-section .section-imageonly a.page-link:hover .border-style{

}

.img-section .detail p,
.section-html p,
.section-html ul li {
	color: #000;
	font-size: 16px;
}

.img-section .detail button {
	margin-top: 20px;
}

.section-html.html-blue p,
.section-html.html-blue ul li {color: #FFF;}

.section-html ul li {
	padding: 3px 0px;
	font-style: italic;
}

.section-html {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.img-section .page-link .bg-opacity,
.img-section .page-link .border-style,
.slider-gradient,
.section-html,
.bg-img{
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;

	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease;
	/*transition-timing-function: cubic-bezier(0, 2, 1.5, 2);*/
}

.section-html, .bg-img {position:relative !important;}
/*.section-membership-form{min-height: 543px;}*/
/*.section-membership-form {align-items: center;display: flex;}*/
/*.section-membership-form{
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease;
}*/

.member-inquire-form{ /* whole page popup */
	position: fixed;
	top:0;
	bottom: 0;
	width: 100%;
	z-index: 9999999999 !important;
	display: flex;
	align-content: center;
}

a.toggle-inquire {
    text-decoration: underline;
    cursor: pointer;
}

.img-section .page-link .bg-opacity,
.slider-gradient{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3232+0,7db9e8+28&1+0,0+28 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,.3) 0%, rgba(255,255,255,0) 28%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 28%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,.3) 0%,rgba(255,255,255,0) 28%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='transparent',GradientType=0 ); /* IE6-9 */
}

.img-section .page-link .border-style{background-color: transparent;}
/*.img-section .section-imageonly a.page-link:hover .border-style{background-color: rgba(0,0,0,.3);}*/

.img-section .page-link .border-style,
.section-html,
.section-membership-form{
	z-index: 2;
	outline: 2px solid #FFF;
	outline-offset: -24px;
}

.section-html.html-white{outline-color: var(--blue) !important; }

.slider-gradient{z-index: 101;}

.img-section .section-detail .detail{
	/*top: inherit;*/
	/*bottom: 85px;*/
}

.section-html{
	padding: 5% 7%;
	height: auto;
	color: #000;
}

.section-html.html-blue{color: #FFF;}

.section-html .html-bg,
.form-bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    opacity: 0.1;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-bg{background-position: center;}


.bg-piano {
	background-image: url('images/bg-piano.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: cover;
}

.img-section .section-detail .page-link:hover .border-style,
.img-section .section-imageonly a.page-link:hover .border-style,
.section-html.html-white,
.section-membership-form{
	background: rgba(255,255,255,.85);
	background-image: 
	    url(images/corner-blue-topleft-1.png),
	    url(images/corner-blue-topright-1.png),
	    url(images/corner-blue-bottomright-1.png),
	    url(images/corner-blue-bottomleft-1.png);
	  background-position:
	    top 24px left 24px, /* this positions the first image */
	    top 24px right 24px, /* this positions the second image */
	    bottom 24px right 24px, /* this positions the thrid image */
	    bottom 24px left 24px; /* this positions the fourth image */
	  background-repeat: no-repeat; /* this applies to all images */
	  background-size: 23px;
	outline-color: var(--blue) !important;  /*Miramar blue */
}

a.page-link:hover .border-style {cursor: pointer;}

.post-211 .form-bg,
.post-211 .section-html.html-white,
.section-membership-form{
	background-color: #f4f7ff;
}

.img-section .section-detail .page-link .border-style::after,
.img-section .section-imageonly a.page-link .border-style::after {
        content: "";
        background-image: 
		    url(images/corner-blue-topleft-1.png),
		    url(images/corner-blue-topright-1.png),
		    url(images/corner-blue-bottomright-1.png),
		    url(images/corner-blue-bottomleft-1.png);
	    background-position:
		    top 24px left 24px, /* this positions the first image */
		    top 24px right 24px, /* this positions the second image */
		    bottom 24px right 24px, /* this positions the thrid image */
		    bottom 24px left 24px; /* this positions the fourth image */
	    background-repeat: no-repeat; /* this applies to all images */
		background-size: 23px;
        opacity: 0;
        transition: opacity 3s;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}

.img-section .section-detail .page-link:hover .border-style::after,
.img-section .section-imageonly a.page-link:hover .border-style::after {
    opacity: 1;
    transition: opacity 3s;
}




.section-detail:hover .detail h3,
.section-imageonly:hover a .detail h3{
	color: var(--blue) !important;  /*Miramar blue */
}

.section-html.html-blue{
	background: rgba(45,69,134,1.0);
}

.img-section .page-link .border-style,
.section-html.html-blue{
	background-image: 
	    url(images/corner-white-topleft-1.png),
	    url(images/corner-white-topright-1.png),
	    url(images/corner-white-bottomright-1.png),
	    url(images/corner-white-bottomleft-1.png);
	  background-position:
	    top 24px left 24px, /* this positions the first image */
	    top 24px right 24px, /* this positions the second image */
	    bottom 24px right 24px, /* this positions the thrid image */
	    bottom 24px left 24px; /* this positions the fourth image */
	  background-repeat: no-repeat; /* this applies to all images */
	  background-size: 23px;

}


.site-footer{
	background-color: var(--blue) !important;  /*Miramar blue */
	margin-bottom: 30px;
}

.site-footer a, .site-footer a:visited{color: #ab9a6b;}


.footer-navigation > div {display: block;}
.footer-navigation .footer-menu li {
    display: inline-block;
	font-size: .5rem;
	margin-right: 0;
	padding-left: 0;
	width: 150px;
}

.footer-navigation .footer-menu li a{color: #FFF;}

.footer-left {margin-top: 45px;}
.footer-address, 
.footer-copyright {
	font-family: "ITCLegacySerifStandard", "Baskerville Old Face", Garamond, "Times New Roman", serif;
	font-size: 12px;
	color: #FFF !important;
	margin: 20px auto;
	display: block !important;
}

.footer-address {text-transform: uppercase;letter-spacing: 6px;}

.banner-flex-content {
    max-width: 100%;
    margin: 0;
    width: 100%;
    padding:0px;
}

/*.memberpg-login{display:none;}*/
.memform-layout .cell{ padding: 0 10px; }
/*.memform-layout textarea[rows] {height: 118px;}*/
.memform-layout label {font-size: 16px;margin-top: 10px;}
.memform-layout .trans-btn {margin:20px 0 0px;}
.memberpg-inquire .trans-btn{margin-bottom: 50px;}

.show-inquire, 
.hide-inquire{
	text-decoration: underline;
	cursor: pointer;
}

a.slide-inquire{color: var(--blue) !important;  /*Miramar blue */}

span.memberpg-login-open,
span.memberpg-inquire-open{
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
	color: var(--blue) !important;  /*Miramar blue */
	font-size: 16px;
	text-align: center;
	display: block;
}

.memberpg-login, .memberpg-inquire {margin: 50px auto;}

.memberpg-login h2,
.memberpg-inquire h2{
	margin-bottom: 0px;
	text-align: center;
	color: var(--blue) !important;  /*Miramar blue */
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: 6px;
}

.memberpg-login p,
.memberpg-inquire p{
	margin-bottom: 0px;
}

.keep-height{
	height: 100%;
}

.member-account {
    max-width: 1200px;
    margin: 0 auto;
    min-height: 800px;
}

.member-content{position: relative;}
.member-content h2{font-size: 1.2rem;text-align:center;}
.member-content,
.member-content p{
	color: #ab9a6b;
}


.member-sidebar li.page_item {
    padding: 3px 15px;
    width: 100%;
    border: 1px solid transparent;
    font-size: 16px;
}

.child-sidebar-menu {padding: 0px;}




.member-sidebar li.page_item:hover{
	cursor: pointer;
	outline: thin solid rgba(0, 115, 170, 0.15);
	outline-offset: -4px;
	border: 1px solid #7b93d3;
}
.member-sidebar li.page_item a {display: block;line-height: 1.25;padding: 5px 0;}
.member-sidebar li.page_item:hover a{color: var(--blue);}

.events .event.event-title,
.events .event.event-date{
	font-family: "ITCLegacySerifStandard", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
	text-transform: uppercase;
	font-size: 16px;
}

.events .event.event-description{
	font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
	font-size: 14px;
}

.staff-member {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.staff-details {
    width: 60%;
    padding-left: 15px;
}

.staff-details h4{margin: 0px;font-size: 1.4rem; color: black !important; }
p.staff-jobtitle {margin: 0px;font-size: 1.1rem !important; color: black !important;}
.staff-email a{ }

.rain-viewer{height: 100%;}
.rainviewer-controls{z-index: 99999;}

#tidegraph_title {display: none;}


/* Contact Form 7 Styling */
.wpcf7{

}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.memform-layout input:not([type="submit"]) {
    font-size: 16px;
    line-height: 1;
    padding: 5px 10px;
    height: 40px;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.memform-layout input:not([type="submit"]),
.memform-layout textarea {
    outline: thin solid rgba(0, 115, 170, 0.15);
	outline-offset: -4px;
	box-shadow: none;
}

.memberpg-inquire input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
.memberpg-inquire .memform-layout input:not([type="submit"]),
.memberpg-inquire .memform-layout textarea {
	outline:none !important;
}

body[class*="page-template-page-member"] label{
	margin-bottom: 10px;
	font-size: 16px;
}

body[class*="page-template-page-member"] input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,
body[class*="page-template-page-member"] input[type="date"],
body[class*="page-template-page-member"] select, 
body[class*="page-template-page-member"] textarea{
	font-size: 16px;
	border: 1px solid #7b93d3 !important;	
	outline: 3px solid #FFF;
	outline-offset: -4px;
	box-shadow: none;
	background-color:rgba(0, 115, 170, 0.15);
}

body[class*="page-template-page-member"] .trans-btn{margin-top: 15px;}


label {
    text-align: left;
    color: var(--blue) !important;  /*Miramar blue */
    letter-spacing: 1px;
    font-family: "JansonText", "Baskerville Old Face", Garamond, "Times New Roman", serif !important;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="number"], 
input[type="tel"], 
input[type="range"], 
input[type="date"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="color"], 
textarea{
	background-color: #FFF; 
	border: solid 0px var(--blue) !important;  /*Miramar blue */
	border-radius: 2px;
	color: #000;
	resize: none;
	margin: 0px;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="number"]:focus, 
input[type="tel"]:focus, 
input[type="range"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="time"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="color"]:focus, 
textarea:focus {
    /*background-color: #3f2b2f;*/ /* TenTrin Wine */
    /*border-width: 2px;*/
	-webkit-box-shadow: 0 0 0px #cacaca;
	box-shadow: 0 0 0px #cacaca;
}

.dark-form input[type="text"], 
.dark-form input[type="email"], 
.dark-form input[type="url"], 
.dark-form input[type="password"], 
.dark-form input[type="search"], 
.dark-form input[type="number"], 
.dark-form input[type="tel"], 
.dark-form input[type="range"], 
.dark-form input[type="date"], 
.dark-form input[type="month"], 
.dark-form input[type="week"], 
.dark-form input[type="time"], 
.dark-form input[type="datetime"], 
.dark-form input[type="datetime-local"], 
.dark-form input[type="color"], 
.dark-form select,
.dark-form textarea{
	background-color: #2f1f22; /* TenTrin Dark Wine */
	/*color: #dfcd9a !important;*/ /* TenTrin Light Gold */
	border: solid 0px red;
	border-radius: 2px;
	color:black;
	resize: none;
	margin: 0px;
	margin-bottom: 10px;
}

.dark-form input[type="text"]:focus, 
.dark-form input[type="email"]:focus, 
.dark-form input[type="url"]:focus, 
.dark-form input[type="password"]:focus, 
.dark-form input[type="search"]:focus, 
.dark-form input[type="number"]:focus, 
.dark-form input[type="tel"]:focus, 
.dark-form input[type="range"]:focus, 
.dark-form input[type="date"]:focus, 
.dark-form input[type="month"]:focus, 
.dark-form input[type="week"]:focus, 
.dark-form input[type="time"]:focus, 
.dark-form input[type="datetime"]:focus, 
.dark-form input[type="datetime-local"]:focus, 
.dark-form input[type="color"]:focus, 
.dark-form select:focus, 
.dark-form textarea:focus {
    background-color: #2f1f22; /* TenTrin Dark Wine */
    color: #dfcd9a !important; /* TenTrin Light Gold */
    -webkit-box-shadow: 0px 0px 0px !important;
    box-shadow: 0px 0px 0px !important;
}

.blue-btn{
	text-align: center;
	background-color: var(--blue) !important;  /*Miramar blue */
	/*background-color: #23181a !important;*/
	color: #FFF !important;
	border: 1px solid #FFF !important;
	font-family: "GothamPro_Medium" !important;
	font-weight: 500 !important;
	font-style: normal;
	text-transform: uppercase;
	border-radius: 1px !important;
	letter-spacing: 6px;
	/*box-shadow: inset 3px 3px var(--blue), 
				inset -3px -3px var(--blue),
				inset 5px 5px  #936c26,	
				inset -5px -5px  #ab9a6b;*/

}

.blue-btn:hover{}
.blue-btn:focus,
.blue-btn:active{}

.trans-btn,
.event-register-button{
	text-align: center;
	background-color: transparent !important;
	color: var(--blue) !important;
	border: 2px solid var(--blue) !important;
	font-family: "GothamPro_Medium" !important;
	font-weight: 500 !important;
	font-style: normal;
	text-transform: uppercase;
	border-radius: 1px !important;
	letter-spacing: 6px;
	font-size: .6rem !important;
	line-height: 0.6rem !important;
	padding: 0.76rem .7rem .76rem 1rem;
}

.trans-btn:hover{}
.trans-btn:focus,
.trans-btn:active{}

.trans-btn.white{
	border-color: #FFF !important;
	color: #FFF !important;
}

.trans-btn.exit{
	border-color: #9198ac !important;
	color:#9198ac !important;
	float:right;
}


input:invalid {
  /*border: 2px dashed red;*/
}

.wpcf7-form-control-wrap{display:block;}
span.wpcf7-not-valid-tip{
	font-size: .75em;
	text-align: right;
	position: absolute;
    top: -27px;
    right: 0px;
}


div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing,
div.wpcf7-mail-sent-ok {
    border: 0px solid #f7e700;
    font-size: .75rem;
    background: #7d5d26;
    color: white;
    font-family: sans-serif;
    border-radius: 2px;
}

#colophon .widget-column .widget{width:inherit;}


/* end  Contact Form 7 Styling */

.member-login{
	display:none;
}

.member-login label{color: #FFF !important;}
.memberpg-login input::placeholder {display:none;color: #FFF;}


/*  jQuery Media Query for Responsive Firing */
.jquery-responsive{content:"desktop";}
/*.site-footer {margin-bottom:600px;}*/

.worldtides-wrapper{
	color: var(--blue);
	text-shadow: none;
}

#plot-container #plot{
	height: auto !important;
}

.worldtides-wrapper .worldtides-body{
	max-width: 100%;
}

.worldtides-wrapper .worldtides-title{display:none !important;}

.tides-title-montecito {
    padding: 10px;
    text-align: center;
    background: 
    rgba(0, 0, 0, .075);
    text-transform: uppercase;
    color: var(--blue);
    font-size: 18px;
}

.mobile-only{display:none;}


/* ----------- Mobile Menu:  iPad 3, 4 and Pro 9.7"+ iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.menu-toggle,
  	.menu-toggle.menu-closed .open,
  	.menu-toggle.menu-opened .close,
  	.login-toggle,
  	.login-toggle.login-closed .open,
  	.login-toggle.login-opened .close{ 
		display: block; 
		cursor: pointer;
	}

	.login-toggle.login-opened .close{
		z-index: 999999;
	}

	.site-branding .login-toggle,
  	.site-branding .menu-toggle{
  		position: absolute;
  	}

	.menu-toggle,
	.site-branding .custom-logo-miramar,
	.site-branding .custom-logo-miramar img,
	.site-branding .login-toggle{
		z-index: 999;
	}

	.site-branding {
	    margin: 0px !important;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: normal;
	}

	.login-toggle,
	.menu-toggle{ 
		display: block; 
		font-size: .65rem;
	}

	.menu-toggle.menu-closed .close,
  	.menu-toggle.menu-opened .open,
  	.login-toggle.login-closed .close,
  	.login-toggle.login-opened .open{
		display:none;
	}

	.site-branding .login-toggle,
	.site-branding .menu-toggle{
		/*top: 40%;*/
	}

	article{margin-bottom: -1px;}

	.sticky-menu{justify-content: space-around;}

	.has-scrolled .sticky-menu{height:90px;}

	.sticky-menu .custom-logo-miramar {
	    display: flex;
	    align-items: center;
	}

	.sticky-menu .custom-logo-miramar img {
		width: 100px;
		padding-bottom:0px;
	}

	.mobile-menu,
	.member-login {
		display:none;
		width: 100%;
		top: 0px;
		bottom: 0px;
	    position: fixed;
	    /* display: flex;
	    align-items: center;
	    justify-content: center;
	    
	    background: var(--blue);  
	    width: 100%;
	    z-index: 99; */
	    transition-property: all;
		transition-duration: .5s;
		transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	    overflow-y: hidden;
		/*height: 0px;*/ /* approximate max height */
	}

	.menu-mobile-menu-container,
	.member-login form {
	    display: flex;
	    background: var(--blue);  /* Miramar blue */
	    width: 100%;
	    height: 100%;
	    top: 0px;
	    justify-content: center;
	    align-items: center;

	}

	.member-login{background: var(--blue);  /* Miramar blue */}

	.mobile-menu.menu-opened,
	.member-login.login-opened {
		opacity:1;
		height: 100%;
		-webkit-transform: translateY(0%);
	    -ms-transform: translateY(0%);
	    transform: translateY(0%);
	    /*z-index:999999;*/
	}

	.member-login form{width: 80%;margin: 0 auto;}

	.membership-button {
	    background: transparent;
		text-transform: uppercase;
		padding: 0px;
		font-weight: bold;
		color:white;
		letter-spacing: 2px;
	}

	.membership-button.close{
		color: #000;
	}

	.mobile-menu .mobile-nav a{color: #FFF;}

	.banner{
		height: 720px;
		min-height: auto;
	}

	.cycle-pager{bottom: 0px;}

	.img-section .detail {
	    top: 30px;
	    left: 55px;
	}
	.blue-section {padding: 70px 5% 50px;}
	.blue-section h2 {font-size: .7rem;margin: 10px;}
	.blue-section p {font-size: 1.65rem;}


	.img-section .section-detail .detail {bottom: 50px;}

	.img-section .detail button.trans-btn {
	    font-size: .5rem;
	    padding: 10px 10px 10px 16px;
	    text-align: center;
	    margin-top: 10px;
	}
	.img-section .detail h3 {font-size: .7rem;}
	.img-section .detail p {font-size: .6rem;}

	body.login-opened .sticky-menu,
	body.login-opened .menu-toggle,
	body.menu-opened .sticky-menu,
	body.menu-opened .login-toggle{
		opacity: 0;
	}
	body.login-opened .site-header,
	body.menu-opened .site-header{
		top: 0px;
		position: fixed;
		width: 100%;
	}

	.footer-right{text-align:center;}
	
	.memberpg-login h2,
	.memberpg-inquire h2{
		font-size: .85rem;
	}

	/*.memberpg-login label{display: none;}*/
	/*.memberpg-login input::placeholder {color: var(--blue);display: inline;}*/
	.memberpg-login .button, 
	.memberpg-login button, 
	.memberpg-login input[type="button"], 
	.memberpg-login input[type="reset"], 
	.memberpg-login input[type="submit"]{
		padding: 0.5rem 20px .5rem 30px;
		line-height: 1;
	}

	.section-html p,
	.section-html ul li{font-size: .6rem;}


	
}

/* ----------- smaller desktop screens ----------- */
@media only screen 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.sticky-menu .menu-left-nav-desktop-container,
  	.sticky-menu .menu-right-nav-desktop-container,
  	.main-menu{display:none;}

  	.menu-toggle {left: 62px; top: 23px;}
	.login-toggle{right: 50px; top: 44px;}
	.mobile-only{display:inherit;}
}

/* ----------- weird small device screens ----------- */
@media only screen 
  and (max-width: 641px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.menu-toggle {left: 13px;}
	.login-toggle{right: 20px;}

	.section-html {padding: 19% 12%;}
	.blue-section h2 {margin: 10px 0px;}
	.blue-section p {line-height: 1;}

	.mobile-only{display:inherit;}

}


/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {

  	.hide-tablet{display:none;}

  	.sticky-menu .menu-left-nav-desktop-container,
  	.sticky-menu .menu-right-nav-desktop-container,
  	.main-menu{display:none;}

	.custom-logo-miramar img {
	    width: 150px;
	}

	.menu-toggle {left: 62px; top: 23px;}
	.login-toggle{right: 50px; top: 44px;}

  	.cycle-slideshow{height: 720px !important;}

	img.cycle-slide.cycle-slide-active,
	img.cycle-slide{
		max-width: none;
		max-height: 108%;
		left: 0px !important;
		bottom: 0px !important;
		top: inherit !important;
	}

	.banner .slider-title{
	    left: 20px;
	    max-width: 52%;
	}

	.banner .slider-title h2{font-size: 1.2rem;}
	.banner .center{right: 20px;}

	.section-html ul li{padding: 0px;}

	ul.topnav li, ul.sticky-nav li{
		padding: 0 11px;
		letter-spacing: 2px;
	}

	.main-menu .menu-left-nav-desktop-container, 
	.sticky-menu .menu-left-nav-desktop-container{
		right: 62%;
	}

	.main-menu .menu-right-nav-desktop-container, 
	.sticky-menu .menu-right-nav-desktop-container{
		left: 62%;
	}

	/*  jQuery Media Query for Responsive Firing */
	.jquery-responsive{content:"tablet";}
	/*.site-footer {margin-bottom: 600px;}*/

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {

}


/* ----------- iPhone 5c, 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {

  	.mobile-only{display:inherit;}

  	.sticky-menu .menu-left-nav-desktop-container,
  	.sticky-menu .menu-right-nav-desktop-container,
  	.main-menu{display:none;}

	.menu-toggle {left: 27px;}
	.login-toggle{right: 15px;}

	.custom-logo-miramar img {
	    width: 150px;
	    padding-bottom: 20px;
	}

  	.cycle-slideshow{
  		height: 565px !important;
  		min-height: inherit;
  	}

	img.cycle-slide.cycle-slide-active,
	img.cycle-slide{
		max-width: none;
		max-height: 109%;
		left: inherit !important;
	}

	.banner {height: 565px;}

	.banner .slider-title{
	    left: 20px;
	    max-width: 35%;
	}

	.banner .slider-title h2{font-size: 1.2rem;}
	.banner .center{right: 20px;}

	.banner .slider-title {
	    left: 10%;
	    width: 80%;
	    max-width: 80%;
	    bottom: 30px;
	    text-align: center;
	    padding: 15px 0px;
	}

	.banner .slider-title h2 {
	    font-size: 1rem;
	    line-height: .95;
	}

	.banner .center{
		display:none;
	}

	.img-section .detail{max-width: 69%;}
	.blue-section {padding: 50px 10px 30px;}
	.blue-section h2 {font-size: .6rem;}
	.blue-section p, .blue-section p i {font-size: 1.6rem;line-height: 1;}
	.img-section .detail p {font-size: .8rem;}
	.img-section .detail button.trans-btn {
	    font-size: .7rem;
	    padding: 17px 15px 15px 21px;
	}

	.member-login form{width: 95%;}
	.form-section{padding: 70px 5%;}

	.footer-left .widget-column{justify-content: center;}
	.footer-navigation .footer-menu li{margin-right:0px;}
	.site-footer {padding-bottom: 0px;margin-bottom: 40px;}

	.memberpg-login {
	    /*margin: 65px 0px;*/
	}

	.section-html {
	    padding: 50px 50px;
	    min-height: 580px;
	}

	.footer-navigation .footer-menu li{width: 110px;}
	.footer-address {line-height: 1;}

	.memberpg-inquire{
		overflow-y: scroll;
		height: 100%;
		outline-offset: 16px;
		margin-top: 113px;
		/*background-image: 
		    url(images/corner-blue-topleft-1.png),
		    url(images/corner-blue-topright-1.png),
		    url(images/corner-blue-bottomright-1.png),
		    url(images/corner-blue-bottomleft-1.png);
		  background-position:
		    top 24px left 24px, 
		    top 24px right 24px, 
		    bottom 24px right 24px, 
		    bottom 24px left 24px; 
		  background-repeat: no-repeat;
		  background-size: 23px;  */
		outline: thin solid var(--blue) !important;  /*Miramar blue */
	}

	.section-membership-form{
		background: #f4f7ff;
		outline: none;
	}

	/*  jQuery Media Query for Responsive Firing */
	.jquery-responsive{content:"mobile";}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}


/* ----------- iPhone 5c Only ----------- */


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 374px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

  	.menu-toggle {left: 5px;}
	.login-toggle{right: 3px;}
	.member-login form{width: 95%;}

}


/* ----------- Extra Large Screens ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1500px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	  img.cycle-slide.cycle-slide-active,
	  img.cycle-slide {
		    /*max-width: 1700px;*/
		}

		
  }


/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

  	.banner .slider-title {
		    /*left: 15% !important;*/
		    /*max-width: 30% !important;*/
		}
}