/*
	Theme Name:   Savoy Child
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme
	Author:       NordicMade
	Author URI:   http://www.nordicmade.com
	Template:     savoy
	Version:      1.0
*/


/* Child theme CSS
--------------------------------------------------------------- */

/*CUSTOM DIGITAL YACHT STYLES*/

/*Menu style*/
#nm-menu-cart-btn{font-size: 25px !important;}
#nm-menu-search-btn{font-size: 25px !important;}
#sfm-sidebar.sfm-hl-line .sfm-menu li>a:focus{background-color: rgb(255 255 255);}
/*End of Menu style*/

/*Forms style*/
/* Make Fluent Form full-width */
#fluent-form-container-6,
#fluentform_6 {
  width: 100% !important;
  max-width: 100% !important;
}

/* Only make the First/Last Name row flex */
.fluentform_wrapper_6 .ff-t-container.quote-block {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

/* Each of those two fields gets half width on larger screens */
.fluentform_wrapper_6 .ff-t-container.quote-block .ff-t-cell {
  flex: 1 1 48%;
  min-width: 250px;
}

/* All other fields (outside quote-block) should be full width */
.fluentform_wrapper_6 .ff-el-group:not(.quote-block .ff-el-group),
.fluentform_wrapper_6 .ff-el-group:not(.quote-block) {
  width: 100% !important;
}

/* Ensure inputs and textarea fill their available space */
.fluentform_wrapper_6 .ff-el-form-control {
  width: 100% !important;
  box-sizing: border-box;
}

/* Center the submit button */
.fluentform_wrapper_6 .ff_submit_btn_wrapper {
  text-align: center;
  width: 100%;
}

/* Full-width black Fluent Form submit button with white text */
.fluentform .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {
  display: block;
  width: 100%;
  background-color: #000 !important;
  color: #fff !important;
  border: none !important;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  border-radius: 6px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover effect */
.fluentform .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css:hover {
  background-color: rgba(236, 121, 39, 1) !important;
  color: #fff !important;
}

/* On mobile, stack First/Last Name vertically */
@media (max-width: 600px) {
  .fluentform_wrapper_6 .ff-t-container.quote-block {
    flex-direction: column;
  }

  .fluentform_wrapper_6 .ff-t-container.quote-block .ff-t-cell {
    flex: 1 1 100%;
  }
}



.sfm-search-form{display:none;}
.form-row-block{margin: 20px 0px;}
.form-row-block-checkbox .cursing-block .ff-el-input--content{display: flex;}
.form-row-block-checkbox .cursing-block .ff-el-input--content .ff-el-form-check.ff-el-form-check-{margin-right: 10px;}
/*.woocommerce-password-hint{display:none !important;}
#password_strength{display:none !important;}*/
/* Style reset button */
.faq-clear-btn:hover {
    background:#000000;
    color:#ffffff;
}
/* end of Style reset button */
/* Scroll to top */
#scrollTopBtn {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    background: #ec7927;
    color: #fff;
    border: none;
    padding: 12px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: all .3s ease;
    z-index: 9999;
}

#scrollTopBtn:hover {
    background: #000;
    transform: translateY(-2px);
}
/* End of Scroll to top */

/* Style the Show Password Button */
.show-password-input {
    font-size: 18px; /* Adjust the size of the icon */
    color: #333; /* Set the color */
    cursor: pointer; /* Make the cursor pointer when hovering */
    background: none; /* Remove the background */
    border: none; /* Remove the border */
    padding: 0; /* Remove padding */
}
/* Use an SVG eye icon in place of Font Awesome */
.show-password-input:before {
    content: ''; /* Remove any default content */
	position: relative;
    top: 5px;
    margin-right: 9px;
    display: inline-block;
    width: 18px; /* Set the width of the icon */
    height: 18px; /* Set the height of the icon */
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23333" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M1 12s3-7 11-7 11 7 11 7-3 7-11 7S1 12 1 12z"%3E%3C/path%3E%3Cpath d="M12 12c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
    transition: background-color 0.3s ease-in-out;
}
/* When the password is visible, change the icon */
.show-password-input.active:before {
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"%3E%3Cpath d="M1 12s3-7 11-7 11 7 11 7-3 7-11 7S1 12 1 12z"%3E%3C/path%3E%3Cpath d="M12 12c2 0 3-1 3-3s-1-3-3-3-3 1-3 3 1 3 3 3z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
}
/* End of Style the Show Password Button */


/*.quote-block .ff-el-group{margin-bottom:0px !important;}*/
/* Registration */
.woocommerce-form.woocommerce-form-register.register{
    margin-top: 30px;
    background-color: rgba(255, 255, 255, 0.8) !important; /* White with transparency */
    padding: 30px !important; /* Adjust padding as needed */
    border-radius: 10px; /* Optional: add rounded corners */ }
/*End of forms style*/

/*Product page style*/
.product .summary .price del, .product .summary .price del .amount{vertical-align: initial !important;}
.nm-product-tabs-col .tabs.wc-tabs li {font-weight:bold;}
.woocommerce-tabs .tabs li.active a{color: #EC7927 !important;}
.nm-shop-loop-title-price .woocommerce-Price-amount.amount{font-weight: bold; font-size:17px;}
#nm-product-meta .posted_in, #nm-product-meta .tagged_as{display:none;}
.title-product-desc{border-bottom: 2px solid #EC7927;margin-bottom: 25px;}
.woocommerce-Tabs-panel--product_video{text-align: center;}
.request-quote-button{color: #FFFFFF;background-color: #0A0A0A;width: 100%;padding: 10px 10px;font-size: 18px;margin-bottom: 20px;}
.request-quote-button:hover{background-color: #323232;}
/*End of product page style*/

/*Reset MMSI page style*/
#post-27027{margin-top:40px; margin-bottom: 30px;}
/*Download button ZIP*/
.download-button-zip {
    font-weight: 700;
    background-color: black;
    padding: 6px 15px;
    color: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 10pt;
    display: flex;
    align-items: center;
    gap: 8px;
    border: none;
    cursor: pointer;}

.download-button-zip svg {width: 14px;height: 14px;}
.download-button-zip:hover{background-color:#5d5d5d;color:#ffffff;}
/*End of Download button ZIP*/
/*What inside box plugin style*/
.container-inside-box{width: 80%;margin: 0 auto;padding: 30px;background: #00000003;border-radius: 10px;}
.container-inside-box li {list-style: none; font-weight: 600;}
.container-inside-box li:before{content: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='19' height='18' viewBox='0 0 19 18'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2383b70f;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Echeck%3C/title%3E%3Cpath class='cls-1' d='M18.4458,1.4249,17.1173.1586,14.2,3.5178a8.2707,8.2707,0,1,0,1.3538,1.6191ZM15.6735,9.5732a7.1157,7.1157,0,1,1-2.2487-5.1651l-5.1085,5.88L4.5178,6.49,3.2516,9.022l3.9369,4.405.9179,1.1462.9572-1.1092,5.7128-7.3319A7.0364,7.0364,0,0,1,15.6735,9.5732Z'/%3E%3C/svg%3E");width: 19px;height: 18px;position: relative;top: 3px;padding-right: 10px;}
/*End of What inside box plugin style*/

/*Algolia style*/
#algolia-search-box input{border-bottom: 2px solid #000000 !Important;}
.algolia-search-box-wrapper .search-icon{fill: #EC7927 !Important;}
.aa-dropdown-menu {
	max-height: 500px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;         /* For Firefox */
  scrollbar-color: #ccc #fff !important;    /* For Firefox */

  /* For WebKit browsers (Chrome, Safari) */
}
.aa-dropdown-menu::-webkit-scrollbar {
  width: 6px !important;
}
.aa-dropdown-menu::-webkit-scrollbar-thumb {
  background: #ccc !important;
  border-radius: 10px !important;
}
.aa-dropdown-menu::-webkit-scrollbar-track {
  background: transparent !important;
}
.search-results .page-title{margin-bottom:0px;}
.aa-dropdown-menu{width:100%;}
.aa-dropdown-menu .aa-suggestion .suggestion-post-title {
    font-size: 18px; /* Increase this value as needed */
    font-weight: bold;
}
/*End of Algolia style*/

/*Category product page style*/
.nm-shop-categories li a{margin: 0 14px !important;}
#nm-shop-taxonomy-header.has-image{height: 200px !important;}
.nm-shop-sub-categories a{font-size: 15px;}
.nm-shop-sub-categories{margin-top: 20px;margin-bottom: 0px;border: 1px solid #e4e4e4;}
/*End of category product page style*/

/*B2B King Plugin styles*/
#b2bking_myaccount_conversations_container{border: 1px solid lightgray;border-radius: 5px;padding: 30px; margin: 0px 0px !important;}
.b2bking_b2bregistration_only_register_header{color:#ffffff;}
#b2bking_request_custom_quote_button{margin-top: 20px;}
.b2bking_add_cart_to_purchase_list_button.button{margin-top: 20px;}
/*End of B2B King Plugin styles*/

/*VAT plugin styles*/
.alg-wc-eu-vat-valid.alg-wc-eu-vat-valid-color{color: #03a678;}
#alg_wc_eu_vat_details{border: 1px solid lightgray;}
#alg_wc_eu_vat_details ul{padding: 5px;}
/*End of VAT plugin styles*/

/*TAWK.io plugin styles*/
.tawk-branding {display: none !important;}
/*End of TAWK.io plugin styles*/

/*Footer styles*/
.nm-footer-bar-copyright{font-size: 11px;}
/*.nm-footer-bar-inner{padding:0px 0px !important;}*/
.nm-footer-bar-logo img{max-height:60px !important;}
.page-id-27111 #nm-footer,
.page-id-8.b2bking_logged_out #nm-footer {display: none !important;}
/*End of Footer styles*/

/*Manual page styles*/
.manual-container {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 5px;
    margin: 20px auto;
    max-width: 800px;}
.manual-title {
    font-size: 24px;
    font-weight: bold;}
.manual-description {
    margin-top: 15px;
    font-size: 16px;
    line-height: 1.5;}
.manual-download-button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 15px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 5px;}
.manual-download-button:hover {background-color: #005f8e;}
.download-card{max-width: 900px;}
.download-card .dw-card-item{padding: 15px;box-shadow: none;border: 0;font-style: normal;background: #f5f5f5;border-radius: 4px;margin-bottom: 10px;}
.download-item-single{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.dw-media-description{padding-right: 100px; margin-top: 5px;}
/*End of Manual page styles*/

/*FAQ style*/
/* General styling for the FAQ page */
.faq-single {
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.faq-single h1 {
    font-size: 32px;
    color: #333;
    margin-bottom: 20px;
    font-weight: bold; }
.faq-single .faq-content {
    font-size: 18px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 30px; }
.faq-single .faq-download { margin-top: 20px; }
.faq-single .download-button {
    display: inline-block;
    background-color: #0073e6;
    color: white;
    padding: 12px 20px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease; }
.faq-single .download-button:hover { background-color: #005bb5;}
/*End of FAQ style*/

/*Woocommerce My account style*/
.nm-MyAccount-user-image{display:none;}
.nm-MyAccount-user-info{font-weight:700;}
.woocommerce-MyAccount-navigation ul {display:none !important;}
.nm-MyAccount-user{margin-left:13px; min-height:10px;}
.woocommerce-MyAccount-content{margin-top: 0px !important; width: 100% !important;}
.woocommerce-MyAccount-navigation{margin-bottom: 0px !important;}
.nm-myaccount-login {
    margin-top: 40px;
    margin-bottom:40px;
    background-color: rgba(255, 255, 255, 0.8) !important; /* White with transparency */
    padding: 30px !important; /* Adjust padding as needed */
    border-radius: 10px; /* Optional: add rounded corners */ }
/*End of Woocommerce My account style*/

/*User menu dropdown style*/

.custom-dropdown-container {
        position: relative;
        display: inline-block;
    }

    .gear-icon-container {
        cursor: pointer;
    color: #0A0A0A;
    display: inline-block;
    position: relative;
    top: 15px;
    font-size: 24px;
    margin-right: 9px;
    }

    .custom-menu-wrapper {
        position: absolute;
        top: 150%;
        right: 10%;
        background: white;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        min-width: 200px;
        display: none; /* Hidden by default */
        z-index: 1000;
    }

    .custom-menu-list {
        list-style: none;
        margin: 0;
        padding: 10px 0;
    }
.menu-dropdown-logout{    border-top: 1px solid #dddddd;
    width: 100%;}
    .custom-menu-list li {
        padding: 10px 15px;
        cursor: pointer;
    }

    .custom-menu-list li a {
        text-decoration: none;
        color: #333;
        display: block;
		font-size: 16px !important;
		padding: 4px 2px !important;
		font-weight: 400 !important;
    }

    /* Show dropdown on hover for desktop */
    @media (hover: hover) {
        .custom-dropdown-container:hover .custom-menu-wrapper {
            display: block;
        }
    }

/*End of User menu dropdown style*/

/* Apply background to the login page when the user is logged out */
.page-id-8.b2bking_logged_out .nm-page-wrap{
    background-image: url('https://pro.digitalyachtstore.com/wp-content/uploads/2024/11/login-web-2.jpeg') !important; /* Use !important */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat;
    height: 100vh; /* Ensure it covers the entire viewport */ }
/* End of Apply background to the login page when the user is logged out */

/* Terms and condition page */
.term-description p{color: #000000; line-height:20px;}
/* End of Terms and condition page */

/* Download manual styles */
.download-card-block .dw-card-item{padding: 15px;box-shadow: none;border: 0;font-style: normal;background: #f5f5f5;border-radius: 4px;margin-bottom: 10px;}
.download-item-single{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.dw-media-description{padding-right: 100px; margin-top: 5px;}
/* End of Download manual styles */

/* Responsive styles */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .sfm-search-form{display:block;}
.nm-header.default .nm-header-logo{margin-left:40px;}
}

@media (max-width: 991px) {
	.nm-right-menu ul li {display: block !important;}
	/* Logo styles */
	.nm-header.default .nm-header-logo{margin-left:40px;position: relative;top: 9px;}
	.search-field.aa-input{background-color: #555555 !important;}
	/* End of Logo styles */
    /* Forms styles */
    .sfm-search-form{display:block;}
    .form-row-block-checkbox .cursing-block .ff-el-input--content{display: block;}
    .form-row-block-checkbox .cursing-block .ff-el-input--content .ff-el-form-check.ff-el-form-check-{margin-right: 0px;}
    .form-row-block{margin: 10px 0px;}
    .form-row-block .ff-t-cell{margin-bottom: 20px;}
    /* End of Forms styles */
    /* B2B king plugin styles */
    #b2bking_request_custom_quote_button{width: 100%;}
    .b2bking_add_cart_to_purchase_list_button.button{width: 100% !important;}
    /* End of B2B king plugin styles */
    /* Menu styles */
    .nm-menu li.nm-menu-offscreen{display:none !important;}
    /* End of Menu styles */
    /* Download manual styles */
    .download-item-single{flex-direction: column;align-items: flex-start;}
    .dw-media-description{padding-right: 0px;}
    .wpdm-download-link{margin-top: 15px;}
    .download-title-main-item{width:100%;}
    /* End of Download manual styles */
}
@media (max-width: 768px) {
#nm-menu-search-btn{display:none !important;}
	 .custom-menu-wrapper {

        top: 250%;

    }
}
/* End of Responsive styles */