/*
Theme Name: Marine Design Solutions
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

:root {
	--color-black: #000;
	--color-gray-dark: #1f282f;
	--color-gray-light: #f5f5f5;
	--color-white: #ffffff;
	--color-blue: #0100b8;
	--color-blue-bright: #01befe;
	--color-orange: #dd6e02;
	--standard-transition: all ease-in-out 0.2s;
	--font-header: "Outfit", sans-serif;
	--font-body: "Outfit", sans-serif;
}

/*
Utilities
*/
.max-width__1100 .container {
	max-width: 1100px;
}

.max-width__1000 .container {
	max-width: 1000px;
}

.max-width__700 .container {
	max-width: 700px;
}

/*
Typography
*/
#top h1,
#top h2,
#top h3,
#top h4,
#top h5,
#top h6 {
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

#top h1,
#top .h1 .av-special-heading-tag {
	letter-spacing: 1px;
}

#top .avia_textblock p:first-child,
#top .avia_textblock ul:first-child {
	margin-top: 0;
}

#top .avia_textblock p:last-child,
#top .avia_textblock ul:last-child {
	margin-bottom: 0;
}

#top .main_color strong {
	color: inherit;
}

#top .special_amp {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: normal;
}

#top .avia_textblock {
	line-height: 1.5;
}

#top .avia_textblock p {
	font-weight: 500;
}

/*
Buttons
*/
#top .avia-buttonrow-wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.75rem 1.5rem;
	flex-wrap: wrap;
}

#top .avia-buttonrow-wrap.avia-buttonrow-center {
	justify-content: center;
}

#top .avia-buttonrow-wrap .avia-button {
	margin: 0 !important;
}

#top .main_color .avia-button {
	border: 2px solid;
	border-radius: 0.25rem;
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.1;
	min-width: auto;
	opacity: 1;
	text-align: left;
	text-transform: uppercase;
	transition: var(--standard-transition);
}

#top .main_color .avia-button.avia-size-small {
	padding: 1rem 1.25rem;
}

#top .main_color .avia-button.avia-size-medium {
	padding: 1.125rem 1.75rem;
}

#top .main_color .avia-button.avia-size-large {
	font-size: 1.125rem;
	padding: 1.25rem 2rem;
}

#top .main_color .avia-button.avia-size-x-large {
	font-size: 1.25rem;
	padding: 1.25rem 2.25rem;
}

#top .main_color .avia-button.avia-color-theme-color {
	background-color: var(--color-blue);
	border-color: var(--color-blue);
	color: #fff;
}

#top .main_color .avia-button.avia-color-theme-color:hover {
	background-color: var(--color-orange);
	border-color: var(--color-orange);
}

#top .main_color .avia-button.avia-color-theme-color-highlight {
	background-color: var(--color-orange);
	border-color: var(--color-orange);
	color: #fff;
}

#top .main_color .avia-button.avia-color-theme-color-highlight:hover {
	background-color: var(--color-blue);
	border-color: var(--color-blue);
	color: #fff;
}

#top .main_color .avia-button.avia-color-theme-color-subtle {
	background-color: var(--color-gray-light);
	border-color: var(--color-gray-light);
	color: var(--color-blue);
}

#top .main_color .avia-button.avia-color-theme-color-subtle:hover {
	background-color: var(--color-white);
	border-color: var(--color-white);
	color: var(--color-blue);
}

#top .main_color .avia-button.avia-color-white {
	background-color: #fff;
	border-color: #fff;
	color: var(--color-blue);
}

#top .main_color .avia-button.avia-color-white:hover {
	background-color: var(--color-orange);
	border-color: var(--color-orange);
	color: #fff;
}

#top .main_color .avia-button.avia-color-light,
#top .main_color .avia-button.avia-color-dark {
	border-width: 2px;
}

#top .main_color .avia-button.avia-color-light:hover {
	background-color: #fff;
	color: var(--color-blue);
}

#top .main_color .avia-button.avia-color-dark {
	border-color: var(--color-blue);
	color: var(--color-blue);
}

#top .main_color .avia-button.avia-color-dark:hover {
	background-color: var(--color-blue);
	color: #fff;
}

/*
Main Navigation
*/
#header {
	background-color: #fff;
	border-top: 0.5rem solid var(--color-blue);
}

#header_main {
	border: none;
}

#header .logo,
#header .logo a {
	overflow: visible;
}

#header .logo a {
	display: flex;
	align-items: center;
}

#header.header-scrolled .logo a img {
	padding: 0.25rem 0;
}

#header #header_main_alternate {
	background-color: var(--color-blue);
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu > div {
	height: 42px;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
	height: 42px;
	line-height: 42px;
}

#header #avia-menu > li > a {
	background-color: transparent;
	color: var(--color-black);
	font-family: var(--font-body);
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0 1.5rem;
	transition: var(--standard-transition);
}

#header #avia-menu > li.current_page_item a,
#header #avia-menu > li:hover > a {
	color: var(--color-blue);
}

#header .main_menu #avia-menu li.menu-item a:before {
	content: "";
	position: absolute;
	width: calc(100% - 2.5rem);
	height: 2px;
	bottom: 30px;
	left: 1.25rem;
	background-color: var(--color-blue);
	visibility: hidden;
	transform: scaleX(0);
	transition: var(--standard-transition);
}

#header .main_menu #avia-menu li.menu-item.current_page_item a:before,
#header .main_menu #avia-menu li.menu-item a:hover:before {
	visibility: visible;
	transform: scaleX(1);
}

#top #wrap_all .av-main-nav ul > li > a {
	color: var(--color-blue);
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1.4em;
	padding: 0.65rem 1rem;
	transition: var(--standard-transition);
}

#top #wrap_all .av-main-nav ul > li > a:hover {
	background-color: var(--color-gray-light);
}

/*
Forms
#top label {
	color: #fff;
	display: block;
	font-size: 1rem;
	margin: 0 0 0.125rem;
	font-weight: 400;
}

#top .alt-color-form label {
	color: var(--color-blue);
	font-weight: 500;
}

#top .gform_wrapper {
	margin: 0 auto;
	max-width: 600px;
	width: 100%;
}

#top form,
#top form p {
	margin: 0;
}

#top .gform-theme--foundation .gform_fields {
	row-gap: 1.5rem;
}

#top .gform-theme--foundation .gform_fields .gform-grid-row {
	gap: 1.5rem 0.25rem;
}

#top .main_color .input-text,
#top .main_color input[type="text"],
#top .main_color input[type="input"],
#top .main_color input[type="password"],
#top .main_color input[type="email"],
#top .main_color input[type="number"],
#top .main_color input[type="url"],
#top .main_color input[type="tel"],
#top .main_color input[type="search"],
#top .main_color textarea,
#top .main_color select {
	background-color: #fff;
	border: 1px solid var(--color-gray-light);
	border-radius: 0.25rem;
	box-shadow: none;
	height: auto;
	font-family: var(--font-body);
	font-size: 1rem;
	line-height: 1.3em;
	padding: 0.75rem 1rem;
	margin: 0;
}

#top .main_color input[type="checkbox"],
#top .main_color input[type="radio"] {
	border: 1px solid var(--color-gray-light);
}

#top .main_color textarea {
	height: 8rem;
}

#top .main_color input::placeholder,
#top .main_color textarea::placeholder {
	color: var(--color-gray-dark);
	opacity: 1;
}

#top .gform_required_legend {
	display: none;
}

#top fieldset {
	margin: 0;
}
*/

/*
Default Enfold styles
*/
#top .avia-content-slider-inner {
	margin: 0 auto;
	width: calc(100% - 4rem);
}

#top .avia-smallarrow-slider-heading {
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

#top .avia-smallarrow-slider .avia-slideshow-arrows {
	display: block;
	height: 2rem;
	position: unset;
	width: 2rem;
}

#top .avia-smallarrow-slider-heading > div {
	display: none;
}

#top .avia-section.alternate_color {
	position: relative;
}

#top .avia-section.alternate_color:before {
	background-image: linear-gradient(#000, #00000000), url(/wp-content/uploads/cubes.png);
	content: "";
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#top h2 {
	padding: 0 0 1rem !important;
	position: relative;
	width: fit-content;
}

#top .modern-centered h2 {
	margin: 0 auto;
}

#top h2:before {
	border-top: 0.5rem solid transparent;
	border-bottom: 0.5rem solid transparent;
	border-left: 1rem solid var(--color-blue);
	content: "";
	position: absolute;
	z-index: -1;
	width: 0;
	height: 0;
	bottom: -6px;
	right: -0.5rem;
}

#top h2:after {
	background: var(--color-blue);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0.25rem;
	width: 100%;
}

#top .alternate_color h2:before {
	border-left: 1rem solid var(--color-orange);
}

#top .alternate_color h2:after {
	background: var(--color-orange);
}

#top .iconbox.av-no-box .iconbox_icon {
	background-image: url(/wp-content/uploads/cubes.png);
	background-size: 3rem;
	border-radius: 1rem 0 1rem 0;
}

#top .avia-video.av-preview-image {
	border-radius: 1rem;
}

#top .av-horizontal-gallery {
	padding-bottom: 2rem;
}

#top .av-horizontal-gallery img {
	border-radius: 1rem;
}

#top .av-horizontal-gallery .avia-slideshow-dots {
	bottom: -0.5rem;
}

#top #projects .avia-icongrid {
	gap: 1rem;
}

#top #projects .avia-icongrid .av-icon-cell-item {
	border-radius: 1rem;
	overflow: hidden;
}

@media screen and (min-width: 990px) {
	#top #projects .avia-icongrid .av-icon-cell-item {
		flex-basis: calc(33.3% - 0.65rem);
	}
}

@media screen and (min-width: 650px) and (max-width: 989px) {
	#top #projects .avia-icongrid.av-flex-cells.av-can-break-50.av-50-break-989 .av-icon-cell-item {
		flex-basis: calc(50% - 0.5rem);
	}
}

#top .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front:after {
	background-color: #00000085;
	border-radius: 2rem;
	color: #fff;
	content: "\e816";
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "entypo-fontello";
	font-size: 1.25rem;
	line-height: 1;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	width: 2rem;
	height: 2rem;
}

#top .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
	transform: none;
	opacity: 0;
	z-index: 2;
}

#top .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-front,
#top .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-flipback {
	transform: none;
}

#top .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item.avia-hover .avia-icongrid-flipback,
#top .avia-flip-x .avia-icongrid-flipbox .av-icon-cell-item:hover .avia-icongrid-flipback {
	opacity: 1;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner {
	background-color: #000000be;
	top: auto;
	bottom: 0;
	transform: none;
	padding: 1rem;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner
	h3 {
	font-size: 1.5rem;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner
	p {
	line-height: 1.4;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner
	h3
	+ p {
	margin-top: 0;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner
	* {
	color: #fff;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner
	.avia-icongrid-text
	*:first-child {
	margin-top: 0;
}

#top
	.avia-flip-x
	.avia-icongrid-flipbox
	.av-icon-cell-item
	.avia-icongrid-flipback
	.avia-icongrid-inner
	.avia-icongrid-text
	*:last-child {
	margin-bottom: 0;
}

#top .avia-icongrid-icon {
	background-color: var(--color-blue);
	background-image: url(/wp-content/uploads/cubes.png);
	background-size: 3rem;
	border-radius: 1rem 0 1rem 0;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	height: 4rem;
	width: 4rem;
	position: absolute;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%);
}

#top .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front {
	background-image: linear-gradient(transparent 50%, #000);
	border-radius: 1rem;
	height: 100%;
	padding: 0;
	top: 0;
	bottom: auto;
	transform: none;
}

#top .avia-icongrid-tooltip .avia-icongrid-icon svg {
	height: 2rem;
}

#top .avia-icongrid-tooltip .av-icon-cell-item .avia-icongrid-front .entry-content-header {
	padding: 0 1rem;
	position: absolute;
	bottom: 1rem;
	width: 100%;
}

#top
	.avia-icongrid-tooltip
	.av-icon-cell-item
	.avia-icongrid-front
	.entry-content-header
	.av_icongrid_title {
	line-height: 1;
	margin: 0;
	text-shadow: 1px 1px 3px #000000;
}

/*
Custom styles
*/
#hero .slideshow_caption {
	max-width: 55rem;
	width: 100%;
}

#hero .slideshow_caption h1 {
	margin: 0;
	text-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
}

#top #hero .slideshow_caption .avia-caption-content p {
	font-size: 2.55rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0.75rem 0 0;
	text-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
	width: fit-content;
}

#hero .avia-slideshow-inner .avia-slide-wrap {
	position: relative;
}

#hero .avia-slideshow-inner .avia-slide-wrap:before {
	content: "";
	background: linear-gradient(#00000000 50%, #000);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#hero .avia-slideshow-inner .avia-slide-wrap img {
	max-height: 65dvh;
	object-fit: cover;
	object-position: center;
}

@media screen and (max-width: 1200px) {
	#top #services .flex_column_table {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.5rem;
	}

	#top #services .flex_column_table .av-flex-placeholder {
		display: none !important;
	}

	#top #services .flex_column_table .flex_column {
		margin: 0;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	#top #services .flex_column_table {
		grid-template-columns: 1fr;
	}
}

#projects {
	background-image: linear-gradient(#fff, #ffffff00 10%), url(/wp-content/uploads/cubes.png);
}

#services .container,
#projects .container {
	max-width: unset;
}

/*
Media Queries
*/
@media screen and (max-width: 989px) {
	.responsive #top #wrap_all .flex_column.av-break-at-tablet,
	.responsive #top #wrap_all .av-break-at-tablet .flex_cell {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 767px) {
	.responsive #top #wrap_all .container {
		max-width: 90%;
		width: 90%;
	}

	#top .avia-section-huge .content {
		padding: 5rem 0;
	}

	#top .avia-section-large .content {
		padding: 60px 0;
	}

	#top #hero .slideshow_caption .avia-caption-content p {
		font-size: 1.5rem;
		line-height: 1.1;
		margin: 0.25rem 0 0;
	}
}