.site-menu-wrapper .actions {display:none; position:absolute; z-index:99; right:0; top:360px; width:480px; width:35vw; opacity:0;}
.site-menu-wrapper .actions ul {display:flex; width:100%; justify-content: center;}
.site-menu-wrapper .actions ul img {mix-blend-mode:multiply;}
.site-menu-wrapper .actions ul span {display:block; text-align: center; width: 100%; font-size:18px; line-height:1; color: $brand-secondary;}
.site-menu-wrapper .actions.show {display:block;}


@keyframes actions-show {
	    0 {opacity:0;}
	    50% {opacity:0;}
	    100% {opacity:1;}
}

@media screen and (min-width:1024px){
	.site-header .site-branding {z-index:9;}
	
	.main-navigation {max-width:80%; padding-top:0;}
	.main-navigation .primary-actions {display:none;}
	#site-menu, #site-menu[data-action="slide-from-right"] {width: auto; overflow:visible;
    max-width: 100%; right:auto;
    padding: 0;
    top: auto;
    height: auto;
    position: relative;
    visibility: visible; background:transparent; box-shadow:none;}
    #site-menu::after {display:none;}
    
    .site-menu-wrapper, #primary-navigation, .tertiary-menu {display:flex; align-items: center; margin-bottom: 0;}
    .tertiary-menu {position:relative; left:0.5%;}
    
    .main-navigation ul#primary-navigation li.menu-item-has-children a:first-child:nth-last-child(2), .main-navigation #site-menu a, .main-navigation ul#primary-navigation li.blog-mm a {color:#d4d4d4;}
    .main-navigation ul#primary-navigation a.open {color:#FFF !important;}
    .main-navigation ul#primary-navigation li.menu-item-has-children a:first-child:nth-last-child(2), .main-navigation ul#primary-navigation li.blog-mm a {padding:0 1.75vw; font-size:2.2vw; position:relative; left:0; top:0.1vw;}
    
    .main-navigation ul#primary-navigation li.menu-item-has-children a:first-child:nth-last-child(2):before, .main-navigation ul#cta-navigation li.menu-item-has-children a:first-child:nth-last-child(2):before {display:none;}
    
    .main-navigation #site-menu .tertiary-menu a {text-transform: uppercase; padding:0 1.2vw; font-size:1.2vw;}
    
    .main-navigation ul.menu a+.sub-menu {position:absolute; top:-76px; left:0; height:1px; overflow:hidden; opacity:0; transition: 1s all; width:90%; padding-top:45px; padding-left:22%;}
    
    .main-navigation ul.menu a+.sub-menu li {width:50%; line-height:1.7; opacity:0;}
    .main-navigation ul.menu a.open+.sub-menu {position:absolute !important; top:76px !important; left:0; overflow:visible; opacity:1;}
    .scrolling .main-navigation ul.menu a.open+.sub-menu {top:56px !important;}
    .main-navigation ul.menu a.open+.sub-menu li {opacity:1;}
    /*.main-navigation ul.menu a.open+.sub-menu li {animation:nav-lists 0.5s 1; animation-fill-mode: forwards; opacity:0;}*/
    .main-navigation ul.menu a.open+.sub-menu li.cta {display:block; float:right; position:absolute; top:45px; left:60%; text-transform: uppercase;}
    .main-navigation ul.menu a.open+.sub-menu li:nth-child(2 of li.cta){top:94px;}
    .main-navigation ul.menu a.open+.sub-menu li:nth-child(3 of li.cta){top:142px;}
    .main-navigation ul.menu a.open+.sub-menu li:nth-child(4 of li.cta){top:190px;}
    .main-navigation ul.menu a.open+.sub-menu li.cta a {text-transform: uppercase !important; font-size:26px;}
     
    .scrolling .main-navigation ul.menu a.open+.sub-menu {top:56px;}
    .main-navigation ul.menu a.open+.sub-menu::after {display:block; content:""; background:#FFF; width:100vw; position:absolute; top:0; height:450px; left:0; margin-left:-26vw; box-shadow: 0 0 20px #000; z-index: -1;}
    
    .main-navigation ul.menu li a.open+.sub-menu::before {display:block; content:""; width:100vw; height:150vh; position:absolute; top:0; left:0; margin-left:-26vw; z-index:-2; background:#000; opacity:0.5;}
    
    .main-navigation ul.menu li.about-mm a+.sub-menu::after {background:#FFF url(../img/mega-menu-about.jpg) no-repeat left center; background-size:auto 101%;}
    .main-navigation ul.menu li.staff-mm a+.sub-menu::after {background:#FFF url(../img/mega-menu-staff.jpg) no-repeat left center; background-size:auto 101%;}
    .main-navigation ul.menu li.families-mm a+.sub-menu::after {background:#FFF url(../img/mega-menu-families.jpg) no-repeat left center; background-size:auto 101%;}
    .main-navigation ul.menu li a+.sub-menu .actions {opacity:1; display:none;}
    .main-navigation ul.menu li.about-mm a+.sub-menu .actions {width:330px; margin:-7em 8% 0 0;}
    .main-navigation ul.menu li.families-mm a+.sub-menu .actions, .main-navigation ul.menu li.staff-mm a+.sub-menu .actions {width:330px; margin:-20em 5% 0 0;}
     .main-navigation ul.menu li.families-mm a+.sub-menu .actions::before, .main-navigation ul.menu li.staff-mm a+.sub-menu .actions::before {display:block; content:""; background:url(../img/see-skylemar-in-action-nav.jpg) no-repeat center center; background-size:100%; width:175px; height:200px; margin-left:120px;}
    
    .main-navigation .sub-menu li::before, .main-navigation ul.menu ul.sub-menu .current-menu-item>a::before {display:none !important;}
    
    @keyframes nav-lists {
	    0 {opacity:0;}
	    50% {opacity:0;}
	    100% {opacity:1;}
    }
    
    .main-navigation ul#primary-navigation li.menu-item-has-children a:first-child:nth-last-child(2):hover, .main-navigation #site-menu .tertiary-menu a:hover {color:#FFF;}
}

@media screen and (max-width:1023px){
	.menu-primary-container li ul.sub-menu {display:none;}
	.menu-primary-container li a.open+ul.sub-menu {display:block;}
	#site-menu {background:#FFF;}
	#site-menu .sub-menu li.cta {display:none;}
	#site-menu .sub-menu li .sub-menu {display:none;}
	#site-menu li.about-mm, #site-menu li.staff-mm, #site-menu li.families-mm {border-bottom:3px solid rgba(14,45,121,0.2); margin-bottom:1em; padding-bottom:0.7em !important;}
	#site-menu::before {display:block; content:""; width:116%; height:30vw; background:url(../img/mega-menu-families.jpg) no-repeat; background-position: center top; margin-top:-5.5vw; margin-left:-8%; background-size:100%;}
	#site-menu .site-menu-wrapper::before {display:block; content:""; width:116%; height:3em; margin-top:-1.5em; position:relative; left:-7%; top:-1.4em; margin-bottom:-2vw;
		background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 5%,rgba(255,255,255,1) 63%,rgba(255,255,255,1) 100%);
	}
	
	.site-menu-wrapper .actions {display:block;position:relative; opacity:1; width:100%; right:auto; top:0;padding:5% 0;}
	.site-menu-wrapper .tertiary-menu {display:flex; flex-flow:column; justify-content:space-between; text-transform: uppercase;}
	#site-menu .site-menu-wrapper .tertiary-menu a {font-size:3vw;}
}
@media screen and (max-width:760px){
	#site-menu::before {height:56vw;}
	#site-menu .site-menu-wrapper::before {margin-bottom:-7vw;}
	#site-menu .site-menu-wrapper .tertiary-menu a {font-size:4vw;}
}

.owl-carousel .owl-item img {aspect-ratio:1; object-fit:cover;}


.prev-page-anchor, .next-page-anchor, .nav-previous a, .nav-next a {position:relative;}
.prev-page-anchor::after, .next-page-anchor::before, .nav-previous a::after, .nav-next a::before {display:block; content:""; clear:both; height:6px; background:#6e1912; width:1px; opacity:0; transition: 0.5s all; position:absolute; left:0; bottom:-15px;}
.next-page-anchor::before, .nav-next a::before {float:right; left:auto; right:0;}

.prev-page-anchor:hover::after, .next-page-anchor:hover::before, .nav-previous a:hover::after, .nav-next a:hover::before {opacity:1; width:50%;}

@media screen and (max-width:760px){
	.next-prev-page-nav, .nav-links {padding-top:5vw;}
	.prev-page-anchor, .next-page-anchor, .nav-previous a, .nav-next a {font-size:4vw;}
}

@media screen and (min-width:1024px){
	.main-navigation ul.menu a.open+.sub-menu {padding-top:10px; display:flex !important; flex-flow:column; justify-content:center;}
}

/* Locking down max-width to 2000px */
@media screen and (min-width:1999px){
	html, body {max-width:2000px; margin:0 auto;}
	html {border-left:10px solid rgba(0,0,0,0.2); border-right:10px solid rgba(0,0,0,0.2); box-shadow:0 0 30px #ccc;}
	.site-header {max-width:1979px;}
	
	.main-navigation ul#primary-navigation li.menu-item-has-children a:first-child:nth-last-child(2), .main-navigation ul#primary-navigation li.blog-mm a {font-size:44px; padding:0 32px; left:-30px; top:2px;}
	.main-navigation #site-menu .tertiary-menu a {font-size:26px; padding:0 24px;}
	.main-navigation ul.menu a.open+.sub-menu::after, .main-navigation ul.menu li a.open+.sub-menu::before {width:1979px; margin-left:-514px;}
	.page .entry-header.top {top:-800px;}
	.landing-grid .box h1 {font-size: 60px;}
}