/*
Theme Name: Life 2 Short Charters
Theme URI: https://example.com
Author: Starter
Author URI: https://example.com
Description: A clean starter WordPress theme
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Life 2 Short Charters
*/

 @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@100;300;400;500;600;700&family=Inter:wght@100;300;400;500;600;700&family=Della+Respira&family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
/*@import url('https://use.typekit.net/yae8laj.css');*/
@import url('https://use.typekit.net/ivj2ejx.css');
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

@font-face {
  font-family: "dm-social-icons";
  src: url("/wp-content/themes/fishmarket/assets/files/dm-social-icons.woff") format("woff"),
       url("/wp-content/themes/fishmarket/assets/files/dm-social-icons.ttf") format("truetype");
  font-display: swap;
}

:root {	
	--black: rgba(36, 36, 36, 1);	
	--primary: #6e4921;
	--primary: #4f3028;
	--primary: #a65f29;
	--accent: #c22d36;
	--accent: #168395;
	--accent: #02788b;
	--accent: #199087;
	--accent: #cd9223;
	--accent: #c8932f;
	--off: #ab6f3b;
	--blue: #265493;
	--navy: #1e3a74;
	--tradblue: #1e508c; 
	--tall: #315b8d;
	--aqua: #1f728b;
	--green: #217B60;
	--olive: #ded4bf;
	--red: #b04e4b;
	--purple: #2c0f75;
	--orange: #dda64b;
	--brown: #664e38;
	--brown: #6e543c;
	--yellow: #e7c891;
	--white: #ecf4f3;
	--gray: #dfe6ec;
	--gray: #f4f7fa;
	--gray: #d7d6d0;
	--gray: #d6dbdf;
	--gray: #f0f0ef;
	--darkgray: #d0d1cd;
	--darkgray: #d0d1cd;
	--tan: #d9d8d3;
	--tan2: #bfc0bd;
	--transparent: rgba(255,255,255,.75);
	--fonts: adobe-garamond-pro, "Della Respira", futura-pt, "Libre Franklin", sans-serif;
	--sans: futura-pt, oswald, "Libre Franklin", fenwick, sans-serif;
	--alternative: modesto-expanded, adobe-garamond-pro, serif;
	--handwriting: felt-tip-senior, serif;
}

* {
	margin: 0;
	padding: 0;
}
html, 
body, 
*, 
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, 
body {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}
body {
	height: auto;
	font-family: 'Raleway', Times, "Times New Roman", "serif";
	font-family: "Roboto", Helvetica, Arial, "Gill Sans", "Gill Sans MT", "sans-serif";
	font-size: 16.5px;
	line-height: 1.8;
	color: #444;
	background: #242424;
}

.menu a.phone-number,
a.phone-number {
	display: flex !important;
	align-items: center;
	position: relative;
	margin: 0 .5rem 0 0;
	padding: .3rem .4rem .2rem .6rem;
	width: auto;
	height: auto;
	font-family: 'Raleway' !important;
	font-size: 130%;
	font-weight: 600;
	color: #18ddf2;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.5px;
	line-height: 1;
	background: var(--accent);
	border-radius: 4px;
}

a.align-center{
	text-align: center;
}
@media only screen and (max-width: 1960px) {
	.menu a.phone-number,
	a.phone-number {
		font-size: 132.5%;
	}
}
@media only screen and (max-width: 1560px) {
	.menu a.phone-number,
	a.phone-number {
		font-size: 130%;
	}
}
a.phone-number:hover {
	color: #fff !important;
	background: var(--primary);
	transform: scale(1.025);
}
.menu a.phone-number i,
a.phone-number i {
	position:  relative !important;
	left: auto !important; 
	bottom: auto !important; 
    margin: 0 .3rem 0 0;
    padding: 0;
    font-size: 85% !important;
	color: var(--accent); 
	color: rgba(255,255,255,.9);
/*	transform: none !important;*/
	transform: translateY(-1%) rotate(6deg);
    opacity: .85;
	transition: all .2s ease-in;
}
a.phone-number:hover i {
	color: var(--accent);
	color: #fff;
}
.phone-number small {
	margin-right: .4rem;
	font-family: Oswald;
	font-size: 60%;
	font-weight: 400;
	color: rgba(255,255,255,.85);
	letter-spacing: 1px;
	text-transform: none;
}

.mobile-menu-wrapper a.btn, .mobile-menu-wrapper .btn{
	 display: inline-block;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 15px 0;
    padding: .5rem 1.2rem;
    width: auto;
    font-family: 'Raleway',Oswald, var(--fonts) !important;
    font-size: 115%;
    font-weight: 700;
    text-decoration: none;
/*     text-transform: uppercase; */
    text-align: center;
    letter-spacing: 0.5px;
    line-height: 1.3;
    background: #242424;
    border-radius: 100px;
	color: #fff;
    box-sizing: border-box;
    cursor: pointer;
}

a.btn:hover{
	background: #18ddf2;
	color: #242424;
}
/* ================================================================================= */
/* MAIN HEADER  */
/* ================================================================================= */

#main-header {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0 0;
	width: 100%;
	height: auto;
	background-color: #242424;
	z-index: 9999;
	box-shadow: #18ddf2 0px 3px 11px 0px 
}
/* .home #main-header {
	position: absolute;
	background: none;
	border-bottom: none;
	box-shadow: 0;
} */
@media only screen and (max-width: 1920px) {
	#main-header {
		border-radius: 0
	}
}
@media only screen and (max-width: 1440px) {
	#main-header:after {
		transform: translateY(75%);
	}
}
#main-header.overlay {
	position: absolute;
	background: none;
}
#main-header.left #site-navigation {
	display: grid;
	grid-template-columns: 11% auto;
	grid-gap: 5%;
}
#main-header.left #site-navigation .menu {
	padding: 0 !important; /*-- just in case --*/
}

/* ================================================================================= */
/* NAVIGATION  */
/* ================================================================================= */

#logo-wrap {
	display: grid;
	grid-template-columns: 1fr 25% 1fr;
	grid-gap: 1.5%;
	align-items: center;
	justify-items: center;
	background: var(--tan);
}
#logo-wrap .lefthand,
#logo-wrap .righthand {
	display: flex;
	justify-content: flex-end;
	border-radius: 3px;
	z-index: 2;
}
#logo-wrap .lefthand {
	border: 1px var(--primary) solid;	
/*	border: 1px var(--brown) solid;	*/
}
#logo-wrap .righthand {
	justify-content: flex-start;
}
#site-navigation {
	display: grid;
	grid-template-columns: 240px 1fr;
	align-items: center;
	grid-gap: 1.5%;
	justify-content: center;
	position: relative;
	margin: 0 auto;
	padding:5px 0;
	max-width: 1440px;
	width: auto;
	height: auto;
	font-family: 'Raleway', Oswald, var(--sans);
	font-size: 125%;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 2px;	
	box-sizing: border-box;
	z-index: 1;
}

a#logo, a.custom-logo-link,
a#logo img, a.custom-logo-link img {
	display: block;
	position: relative;
	margin: 0;
	padding: 0 !important;
	width: 100%;
	height: auto;
	transition: all .2s ease-in;
	box-sizing: border-box;
	z-index: 2;
}
/*
a#logo {
	transform: translate(0, -52.55px);
}
@media only screen and (max-width: 1680px) {
	a#logo {
		transform: translate(0, -47.5px);
	}
}
@media only screen and (max-width: 1440px) {
	a#logo {
		transform: translate(0, -45px);
	}
}
*/
a#logo img, a.custom-logo-link img {
	max-width: 162px;
	width: 100%;
	margin: 0 auto;
	transform: translateY(0%);
}

.menu {
    display: flex;
    align-items: flex-start;
	flex-wrap: wrap;
    position: relative;
	padding: 0;
    height: auto;
    box-sizing: border-box;
    z-index: 2;
	transform: translateY(4%);
}
.home .menu {
/*	transform: none;*/
}
.alt .menu {
	transform: translateY(-25%);
}
.menu:nth-of-type(2) {
	justify-content: flex-start;
}
.menu li {
    display: block;
    position: relative;
	margin: 0;
}
.menu li#home {
	font-variant: normal !important;
	font-weight: 900 !important;
}
.menu li#home i {
	margin: 0;
	font-size: 140% !important;
	font-weight: 300 !important;
	color: var(--black) !important;
	transform: translateY(-3%);
}
.bg-dark .menu li#home i {
	color: #fff !important;
}
.menu li:last-child a { /* Only for graphic divider */
	background-image: none;
}
.menu a {
	display: grid;
	align-content: center;
	padding: 6px 12px;
	height: auto;
	font-size: 16px;
	line-height: 140%;
	font-weight: 400;
	color: #18ddf2;
	text-align: center;
	text-decoration: none;
}
.overlay .menu a {
	color: #18ddf2;
}

.overlay .menu a {
	color: #fff;
}
.menu a:hover {
/* 	font-weight: 600; */
	text-decoration: underline;
}

.menu i {
	display: block;
	margin: 0 0 .75rem;
	font-size: 150% !important;
	color: var(--accent);
	color: #cdab62;
/*	opacity: 0.7;*/
	transition: all 0.125s ease-in;
}
.menu li:hover i {
	color: var(--accent);
	transform: scale(1.2);
	opacity: 1;
}
.home .menu i {
	color: #fff;
	opacity: 0.7;
}
.home .menu li:hover i {
	color: #fff;
	opacity: 1;
}
.social-media i,
.menu .social-media i {
	font-size: 120% !important;
/*	color: rgba(255,255,255,.75);*/
	color: var(--black);
}
.menu .social-media i {
	color: rgba(0,0,0,.75);
}
.social-media a:hover i,
.menu .social-media a:hover i {
	color: var(--accent);
}
.bg-dark .social-media i {
	color: #fff;
}
.bg-dark .social-media a:hover i {
	color: #fff;
}
#site-navigation .menu span {
	margin: 0 auto .666rem;
	text-align: center;
	color: var(--accent) !important;
}

/* ---------------------------------------- Responsiveness ---------------------------------------- */ 

.main-navigation.unifiednav .unifiednav__container{
	flex-direction: column !important;
}

footer .unifiednav__item{
	color: #000 !important;
	border-bottom: 1px solid #d1d1d1;
}
footer .unifiednav__item:hover{
	color: #fff !important;
}

footer .copyright{
	text-align: center;
	margin-top: 10px;
}

.dmCustomWidget div, .dmCustomWidget div .svg.rotate {
	height: 100%;
}
/* ---------------------------------------- SUBMENU ---------------------------------------- */ 

.sub-wrapper:after {
    content: '\e5cf';
	position:  absolute;
	left: 50%;
	bottom: 0;
    font-family: 'Material Symbols Outlined';
    font-size: 160% !important;
	font-weight: 300;
	color: var(--accent);
/*	color: var(--transparent);*/
	transform: translate(-50%, 70%);
}
.overlay .sub-wrapper:after {
/*	color: var(--transparent);*/
}
.sub-menu {
	display: none;
	position: absolute;
	top: 95%;
	left: 4%;
	margin: 0;
	padding: .8rem 0;
	width: 240px;
	height: 0;
	font-size: 100%;
	background: #faf9f9;
	box-sizing: border-box;
	z-index: 2;
}
@media only screen and (max-width: 1560px) {
	.sub-menu {
		width: 230px;
	}
}
.sub-wrapper:hover .sub-menu {
	display: block;
	height: auto;
	opacity: 1;
}
.sub-menu li {
	display: block;
	margin: 0;
	width: 100%;
	height: auto;
	font-family: 'Raleway', Oswald, var(--sans);
	font-weight: 400;
	font-size: 97.5%;
	line-height: 1.4;
	text-align: left;
	text-shadow: 0 -1px 0 #fff;
}
.sub-menu a {
	display: block;
	padding: .5rem 1rem;
	height: auto;
	color: #999;
	font-family: 'Roboto';
	font-size: 15px;
	text-align: left;
	text-shadow: none;
	background: none;
}
.sub-menu a:hover {
	color: #000;
}

@media (min-width: 1024px) and (max-width: 1100px) {
	#main-header .menu a {
		font-size: 14px !important;
	}
}

.menu-item-374{
	padding-right: 10px;
}
.menu-item-has-children{
	position: relative;
}
.menu-item-has-children::after {
	content: "";
	position: absolute;
	right: -14px;
	top: -2px;
	font-family: "Material Symbols Outlined";
	font-weight: 300;
	color: #18ddf2;
	transform: translate(-50%, 55%);
	font-size: 20px !important;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

.sub-menu {
	height: auto !important;
}
.single-content-wrapper {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 16px;
} 
.single-content-wrapper article {
	border-top: 0px !important;
}
#wpadminbar #adminbarsearch .adminbar-button {
	display: none !important;
}
@media(max-width: 1024px){
	.menu, .topbar #connect .flex .flex, #connect .contact-info {
		display: none
	}	
	.swiperHero .drag-center.drag-down{
		align-content: center;
		padding: 2% 0px !important;
	}
	.topbar #connect{
		grid-template-columns: auto;
		position: relative;
	}
	#connect{
		justify-content: center;
	}
	#site-navigation .mobile_nav_bar{
		order: 0;
	}
	#site-navigation {
		grid-template-columns: 1fr 200px 1fr;
		gap: 24px;
		justify-content: space-between;
		align-items: center;
	}

	#site-navigation .hamburger-menu{
		text-align: left;
		padding-left: 10px;
	}
	#site-navigation .phone-number-mobile{
		text-align: right;
		padding-right: 10px;
	}
	.menu-item-has-children:hover  .sub-menu {
		display: none !important;

	}

	#main-header{
		padding: 10px !important;
	}
	.contact_box_left{
		margin: 0 auto 0 0;
	}

}
@media(min-width: 1025px) {
	.phone-number-mobile,
	.hamburger-menu,
	.mobile-menu {
		display: none;
	}
	.mobile-menu-wrapper {
		left: -250px !important;
	}
}

.mobile-menu .sub-menu {
	position: relative;
	width: 100%;
	left: 0;
	background: transparent;
} 

.mobile-menu .menu-item-has-children::after {
	top: -15px;
	bottom: auto;
	right: 0;
	left: auto;
	color: #000;
}
.mobile-menu a {
	text-decoration: none;
	color: var(--black) !important;
	font-family: 'Raleway',Oswald, var(--fonts) !important;
	font-size: 16px;
	text-align: left;
	display: block;
	display: flex;
	gap: 10px;
	align-items: center;
}
.mobile-menu .sub-menu {
	display: none;
}

.mobile-menu .menu-item-has-children.is-open > .sub-menu {
	display: block !important;
}

#main-header .mobile-menu-wrapper {
	background: #fff;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	z-index: 99 !important;
	width: 0px;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transform: translateX(-250px);
	padding: 10px 20px;
	overflow-x: auto;
}
#main-header .mobile-menu-wrapper.is-open {
	width: 100%;
	display: block;
	transform: translateX(0px);
}

#main-header .mobile-menu-wrapper .menu-item{
	border-bottom: 1px solid #dbdbdb;
	padding: 6px 0 12px;
	list-style: none;
}

#main-header .mobile-menu-wrapper .sub-menu .menu-item:last-child{
	border-bottom: none;
}

.hamburger-menu svg,
.phone-number-mobile svg,
.mobile-menu-close svg {
	width: 34px;
}
.hamburger-menu,
.phone-number-mobile,
.mobile-menu-close {
	background: transparent;
	border: 0px;
}

.mobile-close-btn-wrapper {
	text-align: end;
}

/* Visible when active */
#livesite_engage_button.ls-visible, #livesite_active_engage
{
	display: none !important;
}
@media(max-width: 1024px) {
	.home #main-header.overlay {
/* 		position: relative !important; */
	}


	.mobile-menu-wrapper  {
		transition: left .3s ease-in-out;
	}

	@media (max-width: 992px) {

	}

	@media (max-width: 768px) {

		.navbar {
			padding: 10px 15px;
		}

		.navbar .logo img {
			height: 50px;
		}

	}