@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//marinaimportsonline.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.2.7") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//marinaimportsonline.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(85,92,99);
	--wd-text-font-size: 15px;
	--wd-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #222d35;
	--wd-entities-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 16px;
	--wd-primary-color: rgb(0,0,0);
	--wd-alternative-color: rgb(196,19,13);
	--wd-link-color: rgb(196,19,13);
	--wd-link-color-hover: rgb(167,16,11);
	--btn-default-bgcolor: rgb(196,19,13);
	--btn-default-bgcolor-hover: rgb(167,16,11);
	--btn-accented-bgcolor: rgb(196,19,13);
	--btn-accented-bgcolor-hover: rgb(167,16,11);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(196,19,13);
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
 {
	color: rgb(255,255,255);
	background: rgb(196,19,13);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 175px;
}
:root{
--wd-form-brd-radius: 0px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 5px;
}



/**** Fonts ****/


@font-face {
	font-family: 'nocturnal-font';
	src: url('https://marinaimportsonline.com/wp-content/fonts/nocturnal-font.woff') format('woff');
	font-style: normal;
}



/**** Header ****/

.whb-main-header .container {
    padding-inline: 30px;
}

.wd-nav.wd-style-bg>li:is(:hover,.current-menu-item,.wd-active,.active)>a:before {
    visibility: visible;
    opacity: .80 !important;
    background-color: #ffffff !important;
}

.wd-dropdown-register button.button.woocommerce-button.woocommerce-form-login__submit {
    background-color: #c9000d;
    text-transform: capitalize;
    letter-spacing: 1px;
    padding: 4px 0 0 0;
    padding: 18px 25px 15px !important;
    font-size: 16px;
    letter-spacing: 2px !important;
    text-transform: uppercase;
}

span.menu-opener.color-scheme-light {
    background-color: #c4130d !important;
}


.whb-general-header .info-box-inner h6 {
    font-weight: 600;
}


.top-header-text p {
    font-size: 11px;
    color: #000000;
    letter-spacing: 2px;
}


.whb-row.whb-header-bottom {
    /*border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;*/
    background-color: #000000 !important;
}


#menu-main-menu span.nav-link-text {
    letter-spacing: 0.5px;
}


.wd-nav:is(.wd-style-bordered,.wd-style-separated)>li:not(:last-child):after {
    border-right: 1px solid rgb(191 191 191) !important;
}



.header-icon h4 {
    font-size: 11px;
    color: #000000;
    letter-spacing: 2px;
}


.header-icon .info-svg-wrapper img {
    filter: invert(1);
}



/**** Slider Section ****/



.slider-section .slider-one {
    font-family: nocturnal-font !important;
}




.wd-header-cart.wd-design-3 .wd-tools-icon:before {
    color: #000000;
}

ul#menu-categories {
    --nav-gap: 40px;
}

#menu-categories a > span {
    font-size: 20px;
}

.woocommerce-mini-cart__buttons .checkout {
    background: #2a2a2a;
}






.wd-footer {
  position: relative;
  z-index: 50;
}

.footer-section {
  background-color: #1a1a1a;
  padding-top: 0px;
  padding-bottom: 0px;
  position: relative;
  z-index: 10;
  left: calc(
    (50% - 50vw + var(--wd-sticky-nav-w) / 2 + var(--wd-scroll-w) / 2) +
      var(--wd-row-spacing)
  ) !important;
}

.footer-container::before {
  content: "";
  position: absolute;
  width: 120%;
  top: 0;
  z-index: 10;
  left: 0;
  background-color: #fff;
  height: 220px;
}

.footer-section .f-row-one {
  border-bottom: 1px solid #343434;
  padding-top: 45px;
  padding-bottom: 40px;
}

.footer-section .f-row-three {
  border-top: 1px solid #343434;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-section .f-logo img {
  width: 60%;
}

.footer-section .footer-social {
  cursor: pointer;
  transition: 0.5s ease;
}

.footer-section .footer-social:hover {
  opacity: 0.6;
}

.footer-section .footer-social p {
  color: #ffffff;
  font-size: 14px;
}

.footer-section p {
  color: #c2c2c2;
}

.footer-section .f-row-two {
  padding-top: 50px;
  padding-bottom: 0px;
}

.footer-section .f-row-two h4 {
  color: #ffffff;
}

.footer-section .f-row-two .menu-item a,
.footer-section .f-row-two .wd-info-box a{
  color: #c2c2c2;
}

.footer-section .phone-info p {
  color: #ffffff;
  font-size: 18px;
}

.footer-section .f-row-two .menu-item {
  margin-bottom: 10px;
  position: relative;
}

/* ---------------------- */

.f-row-two li a:before {
  position: absolute;
  content: "";
  left: -20px;
  top: 5px;
  width: 12px;
  height: 12px;
  opacity: 0;
  display: inline-block;
  transition: 0.25s ease;
  background: url(https://marinaimportsonline.com/wp-content/uploads/2025/08/arrow-for-footer.svg)
    no-repeat;
  background-size: 12px;
}

.f-row-two li a:hover:before {
  opacity: 1;
  left: 0px;
}

.f-row-two li > a {
  transition: 0.25s ease;
}

.f-row-two li > a:hover {
  padding-left: 17px;
}

/**** Footer Form ****/

.footer-section .f-row-two .mc4wp-form-fields {
  display: flex;
  position: relative;
  flex-direction: column;
	margin-left: -15px;
}

.footer-section .f-row-two .mc4wp-form-fields input[type="email"] {
  border: 0px;
  border-bottom: 1px solid #3b3a3e !important;
  padding: 0;
  color: #fff;
  background-color: transparent;
  border-radius: 0;
  margin-right: 0px;
  min-width: 290px;

}

.footer-section .f-row-two .mc4wp-form-fields input[type="email"]::placeholder {
  color: #979aa0;
  font-size: 16px;
}

.footer-section .f-row-two .mc4wp-form input[type="submit"] {
  padding: 0;
  background-color: transparent !important;
  font-size: 0px;
  z-index: 2;
  width: 50px;
  position: absolute;
  right: -15px;
}

.footer-section .f-row-two .mc4wp-form-fields::after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  bottom: 10px;
  right: 0;
  background-size: 22px;
  background-repeat: no-repeat;
  background-image: url(https://marinaimportsonline.com/wp-content/uploads/2025/08/arrow-for-footer.svg);
  transform: rotate(-45deg);
  opacity: 0.8;
}

.wd-prefooter {
  padding-bottom: 0 !important;
}

.footer-title .title {
  color: #ffffff !important;
  line-height: 1.2 !important;
  font-size: 30px !important;
  margin-top: 10px !important;
}

.footer-title b {
  display: block;
  font-size: 10px;
  font-weight: 100;
  letter-spacing: 3px;
}

.generic-title.footer-title {
  margin-bottom: 0 !important;
}

.more-info {
  border: 3px solid #fff !important;
  border-radius: 15px !important;
  gap: 10px !important;
  padding: 7px 7px 10px !important;
  width: max-content !important;
}

.more-info .title {
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 100 !important;
  margin-bottom: 30px !important;
}

.more-info .info-box-inner {
  background-color: #fff !important;
  font-size: 29px !important;
  position: absolute !important;
  top: 18px !important;
  display: flex !important;
  height: 35px !important;
  padding: 0px 15px 0px 15px !important;
  border-radius: 10px !important;
  font-weight: 900 !important;
  width: max-content !important;
  margin-top: 0px !important;
  align-items: center !important;
}

.footer-section .more-info p {
  color: #1a1a1a;
}

.f-row-one span.wd-icon {
  height: 22px;
}

.wd-content-layout {
  padding-block: 0 !important;
}

.wd-copyrights {
  display: none;
}


ul#menu-important-links {
    column-count: 2;
}


.footer-btn {
    background-color: #c4120d;
    letter-spacing: 1px;
    padding: 12px 25px;
    min-height: 0;
    color: #f9e4e4;
}

.f-row-three a {
    color: white;
}


.ques-info h4 {
	font-size: 22px;
}

.ques-info p {
    font-size: 22px;
    letter-spacing: 3px;
    color: #e1e1e1;
}

.ques-info .info-box-inner {
    margin-top: 5px !important;
}


.ques-info .info-box-content {
    border-left: 1px solid #505050;
    border-radius: 0 !important;
    padding-left: 15px;
}






.wd-product .product-image-link {
    padding: 6px;
}

.product-grid-item .product-labels {
    top: 21px !important;
		padding: 0 15px;
    position: sticky;
    max-width: none;
}

.product-grid-item span.onsale.product-label {
    background: white;
    color: black;
    letter-spacing: 1px;
    padding: 7px 15px;
}

.product-grid-item span.new.product-label {
    top: 15px !important;
    position: absolute;
    right: -43px !important;
    width: 175px !important;
    text-align: center;
    padding: 6px 20px;
    font-size: 15px;
    transform: rotate(45deg);
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
    box-shadow: 0px 0px 3px #1b0302c9;
    background-color: #c4120d !important;
    border-radius: 0;
}

.product-grid-item .product-labels span.new:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #951e1b;
    position: absolute;
    left: 3px;
    top: 26px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
    transform: rotate(316deg);
}

.product-grid-item .product-labels span.new:after {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #951e1b;
    position: absolute;
    top: 26px;
    right: 2px;
    clip-path: polygon(-17% 0%, 0% 100%, 100% 100%);
    transform: rotate(318deg);
}


.product-grid-item .product-labels span.new::before,
.product-grid-item .product-labels span.new::after {
  transition: opacity .50s ease-in-out;
  pointer-events: none;
}

/*
.product-grid-item .product-wrapper:hover .product-labels span.new::before,
.product-grid-item .product-wrapper:hover .product-labels span.new::after {
  content: none !important;
}
*/

/* .product-grid-item .product-wrapper:hover .product-labels span.new::before,
.product-grid-item .product-wrapper:hover .product-labels span.new::after {
  opacity: 0;
}
 */


.product-grid-item.wd-with-labels img.attachment-full.size-full {
    margin-top: -28px;
}

.product-grid-item .wd-buttons.wd-pos-r-t {
    display: none;
}

.wd-btn-arrow.wd-next, .wd-btn-arrow.wd-prev {
    background: white;
    border-radius: 50%;
}

@media (min-width: 1025px) {
.woocommerce-product-gallery .wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-next {
		transform: translateX(-15px) !important;
}
	
.woocommerce-product-gallery .wd-nav-arrows.wd-hover-1.wd-pos-sep .wd-prev {
		transform: translateX(15px) !important;
}
	
.wd-product-grid-slider-nav .wd-next, .wd-product-grid-slider-nav .wd-prev {
    background: white;
}
	
.wd-product-grid-slider-nav .wd-prev {
    padding-inline-start: 12px !important;
}
	
.wd-product-grid-slider-nav .wd-next {
    padding-inline-end: 12px !important;
}
}




/* Login to See Pricing Module */
#mi-login-upsell.mi-login-upsell {
    display: flex;
    align-items: center;
    gap: 0px;
    background: #fde8e7;
    border: 2px solid #fab9b7;
    padding: 20px 25px;
    border-radius: 10px;
    margin: 10px 0 18px;
}


.mi-login-upsell .mi-col {
    flex: 1;
    /* display: flex; */
    align-items: center;
    gap: 10px;
}


.mi-login-upsell .mi-col--left {
  	justify-content: flex-start;
}

.mi-login-upsell .mi-col--center {
    justify-content: center;
    text-align: center;
}

.mi-login-upsell .mi-col--right {
		justify-content: flex-end;
		text-align: right;
}

.mi-login-upsell .mi-eyebrow {
    font-size: 14px;
    opacity: 0.8;
    white-space: nowrap;
    color: #180202;
}


.mi-login-upsell a {
    font-weight: 600;
    text-decoration: underline;
    font-size: 16px;
}


.mi-login-upsell .mi-or {
    font-weight: 600;
    color: #313030;
    font-size: 26px;
    font-style: italic;
}


/* Modal (400px wide) */
	.mi-modal {
		position: fixed;
		inset: 0;
		display: none;
		z-index: 99999;
}

.mi-modal.is-open {
  	display: flex; 
		align-items: center;
		justify-content: center; 
}

.mi-modal__overlay {
		position: absolute;
		inset: 0;
		background: rgba(57, 57, 57, 0.79);
}

.mi-modal__dialog {
		position: relative;
		width: min(400px, 94vw);
		max-height: 90vh;
		overflow: auto;
		margin: 0;
		background: #fff;
		border-radius: 12px;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
		padding: 22px;
/*   	margin: 25vh auto 0; */
}

.mi-modal__close {
		position: absolute;
		top: 10px;
		right: 12px;
		background: transparent;
		border: 0;
		font-size: 28px;
		cursor: pointer;
}

.mi-modal__title {
		margin: 0 0 10px;
		font-weight: 700;
}

.mi-note {
		margin: 0 0 12px;
		padding: 10px 12px;
		background: #fff8e6;
		border: 1px solid #ffe2a4;
		border-radius: 8px;
}

.mi-auth-errors {
		margin: 0 0 12px;
		padding: 10px 12px;
		background: #ffecec;
		border: 1px solid #ffc9c9;
		border-radius: 8px;
		color: #900;
}

@media (max-height: 520px) {
  .mi-modal.is-open { align-items: flex-start; }
  .mi-modal__dialog { margin: 16px auto; }
}




/* Swatches CSS */
/* RESET all theme borders, shadows, etc. */
.wd-swatches-product[data-id="pa_colors"] .wd-swatch,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch:hover,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch.selected,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch:focus,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch:focus-visible,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch-bg {
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.wd-swatches-product[data-id="pa_colors"] .wd-swatch::before,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch::after,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch-bg::before,
.wd-swatches-product[data-id="pa_colors"] .wd-swatch-bg::after {
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* EVEN pinking shear on all sides, with CLEAN CORNERS */
.wd-swatches-product[data-id="pa_colors"] .wd-swatch-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;

  -webkit-mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 110 110' preserveAspectRatio='none'>\
<path fill='white' d='M0,5 L5,0 L10,5 L15,0 L20,5 L25,0 L30,5 L35,0 L40,5 L45,0 L50,5 L55,0 L60,5 L65,0 L70,5 L75,0 L80,5 L85,0 L90,5 L95,0 L100,5 \
L100,10 L95,15 L100,20 L95,25 L100,30 L95,35 L100,40 L95,45 L100,50 L95,55 L100,60 L95,65 L100,70 L95,75 L100,80 L95,85 L100,90 L95,95 L100,100 \
L95,100 L90,95 L85,100 L80,95 L75,100 L70,95 L65,100 L60,95 L55,100 L50,95 L45,100 L40,95 L35,100 L30,95 L25,100 L20,95 L15,100 L10,95 L5,100 L0,95 \
L0,90 L5,85 L0,80 L5,75 L0,70 L5,65 L0,60 L5,55 L0,50 L5,45 L0,40 L5,35 L0,30 L5,25 L0,20 L5,15 L0,10 Z'/>\
</svg>");
  mask-image: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='-5 -5 110 110' preserveAspectRatio='none'>\
<path fill='white' d='M0,5 L5,0 L10,5 L15,0 L20,5 L25,0 L30,5 L35,0 L40,5 L45,0 L50,5 L55,0 L60,5 L65,0 L70,5 L75,0 L80,5 L85,0 L90,5 L95,0 L100,5 \
L100,10 L95,15 L100,20 L95,25 L100,30 L95,35 L100,40 L95,45 L100,50 L95,55 L100,60 L95,65 L100,70 L95,75 L100,80 L95,85 L100,90 L95,95 L100,100 \
L95,100 L90,95 L85,100 L80,95 L75,100 L70,95 L65,100 L60,95 L55,100 L50,95 L45,100 L40,95 L35,100 L30,95 L25,100 L20,95 L15,100 L10,95 L5,100 L0,95 \
L0,90 L5,85 L0,80 L5,75 L0,70 L5,65 L0,60 L5,55 L0,50 L5,45 L0,40 L5,35 L0,30 L5,25 L0,20 L5,15 L0,10 Z'/>\
</svg>");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* SELECTED swatch highlight */
.wd-swatches-product[data-id="pa_colors"] .wd-swatch.selected .wd-swatch-bg img {
  filter: brightness(1.2);
  box-shadow: 0 0 0 2px #000 !important;
  transition: box-shadow 0.2s ease;
}

.wd-swatch.wd-bg.wd-tooltip.wd-enabled.wd-active.wd-tooltip-inited {
  border-bottom: 2px solid black !important;
}


.wd-swatch.wd-bg.wd-tooltip.wd-enabled.wd-active.wd-tooltip-inited {
  position: relative;
}

.wd-swatch.wd-bg.wd-tooltip.wd-enabled.wd-active.wd-tooltip-inited::after {
  content: '';
  position: absolute;
  bottom: -4px; /* pushes line below the swatch */
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  border-radius: 2px;
}