﻿/* Styles for blocks are used in both the frontend and admin - so be specific */
@import'mbg-sticky-menu.css'; /*requires sticky menu CSS */

.mbgmodelintro-contain nav.mbgstickymenu:not(.offscreen) { max-width: 1400px; margin: 0 auto; }


.mbgmodelintro-contain { background-size: cover; background-position: center; position: relative; }
.mbgmodelintro-contain .mbgmodelintro-wrap { padding-top: 50vh; text-align: center; }
.mbgmodelintro-contain .mbgmodelintro-wrap h1 { color: #fff; font-size: 4em; text-shadow: 0 0 20px #1B365D; line-height: .5; }
.mbgmodelintro-contain .mbgmodelintro-wrap h1 a { text-shadow: none; font-family: Montserrat, sans-serif; font-weight: bold; box-shadow: 0 0 20px #1B365D; }

.mbgmodelintro-contain .mbgstickymenu-wrap { max-width: 100%; }

.mbgmodelintro-contain .mbgstickymenu-wrap { max-width: 100%; background-color: rgba(0,0,0,.7); }

.customize-support nav.mbgstickymenu.offscreen { background-color: #000; }

.mbgmodelintro-contain .n2-section-smartslider + .mbgmodelintro-wrap { width: 100%; padding-top: 0; position: absolute; bottom: 0; left: 0; }

.mbgmodelintro-contain nav.mbgstickymenu:not(.offscreen) { background-color: transparent; }


@media only screen and (min-width:783px) {
	.mbgmodelintro-contain nav.mbgstickymenu:not(.offscreen) { text-align: right; }
	.mbgmodelintro-contain nav.mbgstickymenu:not(.offscreen) .mbgstickyitem:last-child a { padding-right: 0; }
	.mbgmodelintro-contain .mbgmodelintro-wrap { text-align: right; }
}



@media only screen and (max-width:782px) {
	nav.mbgstickymenu.offscreen { padding-top: 56px; background-color: black; }
}
