/*

Theme Name: The Dive - Stackable Child Theme
Theme URI:
Author: Nolte
Description: The dive stackable child theme.
Template: stackable
Version: 1.0.0
*/


/*========= TEMPORARY ========*/
.page-id-869 .site-header{
	position: static;
} /* These Style it's just to show different styles of page hero*/

/*========= GENERAL ========*/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	font-family: 'comfortaa';
	color: #fff !important;
}

.ugb-button--design-link {
	color: #D0B285 !important;
	font-size: 18px !important;
}

.ugb-button--design-link:hover {
	color: #EDCB98 !important;
	opacity: 1 !important;
}

.ugb-container {
	box-shadow: none;
}

.wp-block-image.contact-icons figure {
	margin-bottom: 0;
}

.wp-block-image.contact-icons img {
	border-radius: 0;
	margin-top: 10px;
}

.bg-auto {
	background-size: auto;
}

.wp-block-image img {
	border-radius: 10px;
}

::selection { background: #e2eae2; }
::-moz-selection { background: #e2eae2; }
::-webkit-selection { background: #e2eae2; }

p {
	margin: 0 0 1.875rem !important;
	font-size: 18px;
	color: #fff;
}

h1,h2,h3,h4,h5,h6 {
	color: #EDE7DC !important;
	font-weight: 300;
}

h1,h2,h3 {
	text-transform: uppercase;
}

h1 {
	font-size: 48px;
	line-height: 53px;
}

h2 {
	font-size: 44px;
	line-height: 50px;
}

h3 {
	font-size: 32px;
	line-height: 37px;
}

h4 {
	font-size: 28px;
	line-height: 33px;
}

h5 {
	font-size: 24px;
	line-height: 29px;
}

h6 {
	font-size: 22px;
	line-height: 27px;
}

button,
.wp-block-button__link,
.ugb-button {
	background: #A7161E;
	border-radius: 10px;
	text-align: center;
	font-family: 'zing-sans-rust';
	font-size: 18px;
	text-transform: uppercase;
}

.wp-block-button__link {
	border-radius: 10px;
	text-transform: uppercase;
	font-family: "coco-goose";
	padding: 25px;
}

.no-padding {
	padding: 0;
}

.no-style-link a {
	box-shadow: none;
	transition: color 0.3s ease;
}

.no-style-link a:hover {
	color: #fff;
}


.wp-block-coblocks-row[data-columns="1"] .wp-block-coblocks-column__inner>[class*="wp-block-"].alignwide.width-100 {
	max-width: 100%;
}

.ugb-container .ugb-container__content-wrapper>.no-margin {
	margin: 0 auto !important
}

.no-margin {
	margin: 0 !important;
}

.wp-block-ga-block-animation-block {
	max-width: none !important;
}

.home .entry-header {
	display: none;
}

.entry-content h1 {
	text-shadow: 0 0 20px rgba(0,0,0,0.55);
	font-size: 30px;
	line-height: 40px;
}

.mg-top {
	margin-top: 50px;
}

.margin-b-15 {
	margin-bottom: 15px !important;
}

.ugb-image-box.ugb-image-box--v3 {
	margin-bottom: 35px;
	grid-gap: 35px;
}

.ugb-image-box.ugb-image-box--v3>* {
	margin-bottom: 0 !important;
}

p.contact-info {
	line-height: 47px;
}
/*form*/
label {
	color: #EDE7DC;
	margin-bottom: 10px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
}

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 {
	border-radius: 5px;
}

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, select:focus, textarea:focus {
	background: #fff;
	outline: none;
	border-radius: 5px;
}

select {
	height: 47px;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	background: transparent;
	padding: 0;
	font-family: "coco-goose";
	font-size: 24px;
	font-weight: 300;
	color: #D0B285;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background: none;
}


/*footer*/
.footer-mega-col-wrap {
	max-width: 1140px;
}

.footer-mega-col h6 {
	margin-bottom: 5px;
	font-size: 24px;
}

.footer-mega-col h6,
.footer-mega-col li a,
.textwidget p,
.textwidget a{
	color: #fff;
}

.textwidget a:hover {
	color: #D0B285;
}

.footer-mega-col li {
	padding: 5px 0;
}

.widget-footer-top-area {
	border-top: 0;
	background: 0;
}

.widget-footer-top-area .widget_nav_menu li {
	text-align: center;
}

	.widget-footer-top-area .widget_nav_menu li a {
		color: #ffff;
		font-weight: 300;
		font-size: 16px;
		font-family: "coco-goose";
}

.widget-footer-top-area .widget_nav_menu ul {
	margin-bottom: 0;
}

.widget_nav_menu li {
	border-top: 0;
}

.menu-footer-container {
	max-width: 716px;
	margin: 0 auto;
}

.widget_nav_menu ul {
	border-bottom: 0;
}

.site-footer {
	border-top: 0;
}

.widget-footer-area {
	padding-top: 0;
}

.site-info {
	color: #fff;
	margin: 0 auto;
	text-align: center;
}

/*header*/
.home .site-header {
	position: static;
}
.site-header {
	background: none;
	padding: 0;
	box-shadow: none;
	z-index: 20;
}

.custom-logo {
	width: 100px;
}

.home .site-branding {
	display: none;
}

.site-branding {
	padding-right: 0;
	display: flex;
	flex: 0;
}

.entry-header {
	display: none;
}

.sticky-header.scrolling .site-header {
	background: #1E140F;
	padding-bottom: 0;
}

.entry-header {
	margin-top: 60px;
}

.hentry {
	padding-top: 0;
}

/*Hero*/
.ugb-container.ugb-container--height-full.hero {
	min-height: 90vh;
	justify-content: center;
}

/*navigation*/

.site-header-wrapper {
	max-width: 1140px;
	display: flex;
  flex-direction: row-reverse;
}

.main-navigation {
	margin-top: 0;
}

.main-navigation li {
	margin: 0 2em;
}

.main-navigation #menu-interior-pages-menu {
	padding-top: 10px;
}

#menu-menu li a,
#menu-header li a,
#menu-interior-pages-menu li a{
	text-transform: uppercase;
	font-size: 18px;
	transition: 0.2s ease color;
	font-weight: 300;
}

#menu-menu li a:hover,
#menu-header li a:hover,
#menu-interior-pages-menu li a:hover{
	color: #D0B285;
}

#menu-menu li a:visited,
#menu-header li a:visited,
#menu-menu li a:focus,
#menu-header li a:focus {
	color: #D0B285;
}

.main-navigation #menu-interior-pages-menu li {
	margin: 0;
}

#menu-interior-pages-menu li a {
	font-size: 16px;
}

.home .menu-toggle {
	margin: 20px 0 0;
	float: none;
	display: block;
	width: 100%;
	text-align: left;
	max-width: none;
}

.menu-toggle {
	width: 50%;
	float: left;
	margin-top: 0.7em;
	max-width: none;
	display: flex;
	flex: 2;
}

.home .site-menu {
    margin: 0 auto;
    max-width: 1140px;
    text-align: center;
    width: 100%;
}

.home .main-navigation {
	margin: 1.5em auto;
	display: inline-block;
	float: none;
	width: 100%;
}

.site-menu.toggled-on {
	background: transparent;
}

.main-navigation.toggled-on ul {
	text-align: left;
}

.main-navigation.toggled-on ul  li {
	margin: 0;
}

/*========= HERO ========*/

.comment-content a,
.comment-reply-title small a,
.entry-content a,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-summary a,
.logged-in-as a,
.pingback .comment-body > a,
.site-info a:focus,
.site-info a:hover,
.taxonomy-description a {
	box-shadow: 0 1px 0 0;
}


/*========= RESPONSIVE ========*/

@media screen and (min-width: 600px) {
	.wp-block-image,
	.ugb-container .ugb-container__content-wrapper>.gallery-rows,
	.wp-block-ugb-video-popup {
		margin-bottom: 36px !important;
	}
}

@media screen and (min-width: 768px) {
	/*footer*/
	.widget-footer-top-area .widget_nav_menu li {
		display: inline-block;
    margin: 0 2.1%;
    text-align: center;
	}
	/*header*/
	.custom-logo {
		width: auto;
	}

	/*contact*/
	.wp-block-image.contact-icons figure.alignleft {
		float: none;
	}
	.wp-block-image.contact-icons {
		margin-bottom: 10px !important;
	}
}

@media screen and (min-width: 829px) {
	/*footer*/
	.widget-footer-top-area .widget_nav_menu li {
    margin: 0 2.8%;
	}
	/*Typography*/
	h2.big-title {
		font-size: 80px;
		line-height: 88px;
	}
}

@media screen and (min-width: 895px) {
	.main-navigation {
		float: right;
	}
	/*Header*/
	.entry-content h1 {
		font-size: 48px;
		line-height: 53px;
	}
	/*Menu*/
	.home .main-navigation {
		margin: 1.5em auto;
		display: inline-block;
		float: none;
		width: auto;
	}
	.main-navigation #menu-interior-pages-menu li {
		margin: 0 1em;
	}
	.main-navigation #menu-interior-pages-menu {
		padding-top: 0;
	}
	.menu-toggle,
	.home .menu-toggle {
		display: none;
	}
	.site-branding {
		order: 2;
	}
	.site-header {
		margin-bottom: 50px;
	}
}

@media screen and (min-width: 1000px) {
	/*General*/
	.alignwide {
		max-width: 1140px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1020px){
	/*Hero*/
	.home .site-header {
		position: absolute;
	}
	.ugb-container .ugb-container__content-wrapper>:first-child.logo-hero {
		margin-top: 5% !important;
	}
	/*General*/
	.hentry {
			padding-bottom: 4.5em;
	}
	.home .menu-toggle {
		margin: 0;
	}
	/*Links*/
	.ugb-button--design-link {
		color: #D0B285 !important;
		font-size: 18px !important;
	}
}

@media screen and (min-width: 1140px) {
	.hentry-wrapper {
		min-width: 1140px;
	}
	/*contact*/
	.wp-block-image.contact-icons figure.alignleft {
		float: left;
	}
	.wp-block-image.contact-icons {
		margin-bottom: 36px!important;
	}

	/*Links*/
	.ugb-button--design-link {
		font-size: 24px !important;
	}
}

@media screen and (max-width: 600px) {
	div.is-stacked-on-mobile.has-small-gutter>[class*="wp-block-coblocks-"]:not(:last-child), div.is-stacked-on-mobile.has-medium-gutter>[class*="wp-block-coblocks-"]:not(:last-child){
		margin-bottom: 0;
	}
	.coblocks-row-42419736939 > div {
		padding-bottom: 0;
	}
	.ugb-container.ugb-container--height-full.hero.alignwide {
		min-height: 300px;
	}

}

@media screen and (max-width: 768px) {
	.ugb-feature .ugb-content-wrapper 	.ugb-feature__image-side img {
			width: 90vw;
	}
	.ugb-feature .ugb-content-wrapper .ugb-feature__content {
		margin-top: 30px;
	}

}

/*========= STACKABLE V1 DEPRECATED STYLES ========*/
.ugb-button.ugb-button--design-link, .ugb-button.ugb-link-button {
    background: transparent;
    padding: 0;
    border-radius: 0!important;
}

.ugb-container .ugb-container__content-wrapper>* {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

.ugb-container.ugb-container--v2>.ugb-inner-block>.ugb-block-content>.ugb-container__wrapper {
	box-shadow: none !important;
}
/*========= END STACKABLE V1 DEPRECATED STYLES ========*/