/*
	Theme Name: Ocean Reef Club
	Theme URI: https://oceanreef.com
	Description: Custom Wordpress Theme
	Version: 1.0
	Author: Erich slipsager
	Author URI: http://78madison.com
	Tags: Custom, CMS

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

.text-blue { color:#0060a9 !important; }



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/



/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}







/* fix header height on subpages - menu not visible */
@media only screen and (min-width: 769px) and (max-width: 1390px) {
.page-template-template-flex-members .page-header {height:475px !important;}
.page .titles {width:90vw !important}
.page .page-title {font-size:5.25vw !important;}		
}
@media only screen and (min-width: 769px) {
html body.page-template-template-flex-members .page-header {height:475px !important;}
}




/*two column menu*/
@media only screen and (min-width: 769px) {
html body.membersonly .mega-memberquicklinks .mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-memberquicklinks ul.mega-sub-menu {-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2; width:auto !important;
    column-gap: 20px; width:400px !important; left: 25% !important; margin-left: -75% !important;}	
	html body .mega-memberquicklinks .mega-sub-menu li a {text-align:left !important;}
	html body .mega-memberquicklinks .mega-sub-menu li {padding-left:10px !important}	
	#mega-menu-wrap-max_mega_menu_1 .mega-memberquicklinks ul.mega-sub-menu {width:400px !important}
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
html body.membersonly .mega-memberquicklinks .mega-sub-menu, html body #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-memberquicklinks ul.mega-sub-menu {right:0% !important; margin-right:0% !important; width:auto !important; width:400px !important; margin-left:inherit !important; left:inherit !important; left:inherit !important}	
}
/*end 2 column menu*/




/*new side gallery*/
.largesidegallery .singlegallery {width:initial !important}
.largegallerytext {position: relative;margin-bottom: -30px;left: 10px;color: #fff;z-index: 999;font-size: 90%;}
/*END new side gallery*/




/*member gallery image fix*/
.membersonly .emore, .membersonly .bmore {font-weight:bold !important;}
.orcpress .emore {font-weight: bold !important; font-size:initial !important;}
@media only screen and (min-width: 10px) and (max-width: 1546px) {
.membersonly .uk-light.uk-slideshow {height:inherit !important;}
.membersonly .band.gallery-band {background-color:transparent;}
}
@media only screen and (min-width: 10px) and (max-width: 767px) {
.orcpress .emore {margin-left: -10% !important;width: 86vw;margin-bottom: -4vw;}
}


/* hide new menu while i set it everything up
.new-custom-menu {display: none !important}*/

/*new custom top menu*/
.mega-sub-menu li:hover {background-color:rgba(14, 38, 78, 0.5) !important}
.mega-menu-item .mega-menu-link {font-weight:bold !important;}
.mega-sub-menu .mega-menu-link {font-weight:normal !important;}
.home .site-logo-center {min-width: 150px !important;width: 50vw !important;max-width: 300px !important;}
.uk-active.uk-sticky-fixed {top:0px !important;}
.page-template .nav-buttons, .new-custom-menu, .triggers .nav-buttons, .home .nav-buttons, 
.meatstack.navTrigger, .site-logo.site-logo-center, .account .nav-buttons, .event .nav-buttons, 
.account .main-nav, .event .main-nav {display:none !important}
html body .new-custom-menu.newmembermenu #mega-menu-wrap-max_mega_menu_1 {background-image: none !important; background-color: transparent !important}
.page-template-template-flex-members .page-header {height: 60vh;min-height: auto;max-height: 475px;position: relative;}
.page-header .page-header-image {max-height:100% !important;height: 115vh;
min-height: auto;}
.account .page-header, .event .page-header, .membersonly .page-header {height: 60vh;min-height: auto;max-height: 475px;position: relative;}
#mega-menu-wrap-max_mega_menu_1, .account #mega-menu-wrap-max_mega_menu_1, .event #mega-menu-wrap-max_mega_menu_1 {background:transparent !important}
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {background:inherit}
.triggers {z-index: 9999 !important;width: 94px; position:absolute !important}
.sticky-header .triggers {background-color:transparent !important}
.sticky-header .triggers {padding:25px !important}
.site-logo.burgee svg {width:150px}
.mega-menu-max_mega_menu_2-mobile-open #mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after
 {color: #ffffff;content: '\f335' !important;}
.mega-menu-max_mega_menu_1-mobile-open #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1::after {color:rgba(255, 255, 255, 0.5) !important;content: '\f335' !important}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1::after {color:rgba(255, 255, 255, 0.5) !important}
.mega-menu-max_mega_menu_2-mobile-open #mega-menu-wrap-max_mega_menu_2,.mega-menu-max_mega_menu_1-mobile-open #mega-menu-wrap-max_mega_menu_1
 {background-color: rgba(255,255,255,.8);position: absolute;width: 100%; height: 100%;}
#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle .mega-toggle-block-1:after, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-1:after
{font-size: 40px; color: #ffffff; margin: 20px;}
.mega-toggle-label-closed, .mega-toggle-label-open {display:none !important}
.sticky-header {position:inherit !important}
.home .site-logo-center {max-height:159px !important}
#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {background-color:transparent}
#mega-menu-max_mega_menu_2 .mega-sub-menu, #mega-menu-max_mega_menu_1 .mega-sub-menu {background-color: rgba(0,96,169,.8) !important;}
html body .mega-sub-menu .mega-menu-link {background:transparent !important}
.home .site-logo.site-logo-center {display:block !important}
.new-custom-menu {display:block !important; width: 100%;
position: absolute;
top: 0px; z-index:9999}
.new-custom-menu a {font-style:normal !important; font-weight:500 !important}
.new-custom-menu a {font-family: 'Proxima Nova W01' !important;}
#mega-menu-max_mega_menu_2 .mega-sub-menu li a, #mega-menu-max_mega_menu_1 .mega-sub-menu li a,html body .mega-sub-menu .mega-menu-link {font-size:18px !important; text-transform:capitalize !important; letter-spacing:0px !important}

/* Welcome to ORC in header.php */
a.welcome-to-orc {
    color: white; 
    text-decoration: none; 
    font-family: Playfair Display; 
    font-style: normal;
    font-size: 4vw; 
    font-weight: 350; 
    top: 110px; 
    position: relative;
}

.home .bottom-logo-floating {
    width: 100% !important;
    bottom: 18vw !important;
}

/* Override other media query that hides it on larger screens: */
@media screen and (min-width: 1024px) {
	body.home .scroll-hint-wrap.bottom-logo-floating {
		width: inherit;
		max-width: inherit;
		right: initial;
	}

	body.home .bottom-logo-floating .scroll-hint {
		width: inherit;
		max-width: inherit;
	}
}

.home .bottom-logo-floating div {
    width: 20%!important;
    margin: auto!important;
    height: 30%!important;
}

@media only screen and (min-width: 10px) and (max-width: 600px) {
.page-header, html body .home.membersonly .page-header {overflow: hidden; max-height: 475px !important; height: 60vw !important; min-height: 360px !important;}
.home.page-template .page-header {height: 100vh !important;min-height: auto !important;max-height: none !important;}
}


@media only screen and (min-width: 10px) and (max-width: 768px) {
.mega-menu-item a {text-align:center !important}
	header .member-nav > ul {margin-top: 12px !important;margin-right: 50px !important;}
	#mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2 {width:100% !important;}
  .sticky-header .triggers {width:40% !important}
  body:not(.home) header.sticky-header .member-nav, .wide header.sticky-header .member-nav {right:30px !important}
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {width:0px}
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {margin-top:66px !important; width:100% !important;}
  .newmembermenu .mega-menu-flyout {background-color:#0060a9 !important}
  .newmembermenu .mega-menu-toggle {width:0px;position: absolute;right: 82px; top: 8px;}
  .main-nav-content {display:none !important}
  .triggers {z-index:999 !important}
  .triggers .site-logo {min-width:50px !important; margin-top:-15px !important}
  #mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle + #mega-menu-max_mega_menu_2, #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1 {margin-top:30px; padding:20px 30px 20px 20px; background-color:transparent !important}
  #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {background-color:inherit !important}
  .mega-menu-item-has-children {background-color:#0060a9 !important}
  #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {padding-left:0px !important; padding-right:0px !important}
#mega-menu-max_mega_menu_2 .mega-sub-menu, #mega-menu-max_mega_menu_1 .mega-sub-menu {margin-left:unset !important}
.page-id-8827 .site-logo {margin:auto !important; float:none !important;min-width: 120px;height: auto; top:50px; position:relative}
.new-custom-menu {top:0px !important}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
html body.home .wrap .new-custom-menu {top:285px !important}
  html body.home .wrap .newmembermenu {top:350px !important}
}

@media only screen and (min-width: 10px) and (max-width: 480px) {
.page-template-template-flex-members .page-header > .page-header-wrap {top: 52%;}
	}

@media only screen and (min-width: 10px) and (max-width: 768px) {
.mega-menu-toggle .mega-toggle-blocks-right {justify-content: end !important}
.mega-sub-menu li {margin-top:0px !important; margin-bottom:0px !important}
html body.home .wrap .new-custom-menu {top:0px !important}
  html body.home .wrap .newmembermenu {top:0px !important}
  #mega-menu-wrap-max_mega_menu_2 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {margin-right:23px !important; margin-top:20px !important}
#mega-menu-max_mega_menu_2 .mega-sub-menu li a, #mega-menu-max_mega_menu_1 .mega-sub-menu li a, html body .mega-sub-menu .mega-menu-link {font-size:15px !important}
  ul.mega-menu.max-mega-menu {width:99% !important}
}

@media only screen and (min-width: 769px) and (max-width: 1130px) {
  #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 {text-align:right !important}
.home #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 {text-align:center !important}
    html body.home .wrap .newmembermenu, html body.account .wrap .newmembermenu, html body.event .wrap .newmembermenu, html body.page-template-template-flex-members .new-custom-menu.newmembermenu {top:350px !important}
  #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-flyout ul.mega-sub-menu, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu {width:200px !important}
  .new-custom-menu #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item > a.mega-menu-link, .new-custom-menu #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {font-size:1.9vw !important;padding-left: 7px;
padding-right: 7px;}
    html .home #mega-menu-wrap-max_mega_menu_2 {background:none !important; background-color:trasparent !important; background-image:none !important}
    li.mega-menu-item-has-children {border-bottom:2px solid #ffffff !important}
.home .new-custom-menu {top:225px; background:none !important; background-color:trasparent !important}
  #mega-menu-max_mega_menu_2 .mega-sub-menu li a,#mega-menu-max_mega_menu_1 .mega-sub-menu li a,html body .mega-sub-menu .mega-menu-link {font-size:16px !important; text-transform:capitalize !important; letter-spacing:0px !important}
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {padding-left:10px !important; padding-right:10px !important; margin-left:2vw !important; margin-right:2vw !important}
  .new-custom-menu .mega-sub-menu {border-top:2px solid #ffffff !important;}
.new-custom-menu .mega-sub-menu {margin-top:0px !important; z-index:-1 !important;}
  .new-custom-menu .mega-menu-item-has-children {letter-spacing:1px}
  #mega-menu-max_mega_menu_2 .mega-sub-menu, #mega-menu-max_mega_menu_1 .mega-sub-menu {padding-top:20px !important; padding-bottom:20px !important}
.new-custom-menu .mega-indicator {display:none !important}
.page-id-8827 .site-logo.site-logo-center {min-width: 140px;
height: auto; margin:55px 30px}
.mega-sub-menu li a,.mega-sub-menu li {text-align:center !important}
html body #mega-menu-wrap-max_mega_menu_2 {background-image: linear-gradient(to top, rgba(255,0,0,0), rgb(0, 39, 81)) !important; background-color:transparent !important; padding-top:30px}
}

@media only screen and (min-width: 1131px) and (max-width: 999999px) {
  li.mega-menu-item-has-children {border-bottom:2px solid #ffffff !important}
  .newmembermenu {top:320px !important}
  .home .new-custom-menu {top:225px; background:none !important; background-color:trasparent !important}
  html .home #mega-menu-wrap-max_mega_menu_2,html .home #mega-menu-wrap-max_mega_menu_1 {background:none !important; background-color:trasparent !important; background-image:none !important}
  #mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 > li.mega-menu-item, #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item {padding-left:28px !important; padding-right:28px !important; margin-left:30px !important; margin-right:30px !important}
  .new-custom-menu .mega-sub-menu {border-top:2px solid #ffffff !important;}
.new-custom-menu .mega-sub-menu {margin-top:0px !important; z-index:-1 !important;}
  .new-custom-menu .mega-menu-item-has-children {letter-spacing:1px}
  #mega-menu-max_mega_menu_2 .mega-sub-menu, #mega-menu-max_mega_menu_1 .mega-sub-menu {padding-top:20px !important; padding-bottom:20px !important}
.new-custom-menu .mega-indicator {display:none !important}
.page-id-8827 .site-logo.site-logo-center {min-width: 140px;
height: auto; margin:55px 30px}
.mega-sub-menu li a,.mega-sub-menu li {text-align:center !important}
html body #mega-menu-wrap-max_mega_menu_2, html body #mega-menu-wrap-max_mega_menu_1 {background-image: linear-gradient(to top, rgba(255,0,0,0), rgb(0, 39, 81)) !important; background-color:transparent !important; padding-top:30px}
}

@media only screen and (min-width: 768px) and (max-width: 99999999px) {
  .account .sticky-header .triggers, .page-template-template-events-members .sticky-header .triggers  {width:87vw !important}
.newmembermenu li.mega-menu-flyout {border-bottom:2px solid #ffffff !important} 
  .mega-sub-menu li a {line-height:125% !important}
.mega-sub-menu li {padding:8px 0px 10px 0px !important;}
html body .new-custom-menu.newmembermenu {top:320px !important;}
}
/*END NEW MENU*/