/*
Theme Name: Frank Marino Audio
Description: 
Theme URI:   https://www.frankmarinoaudio.com
Author: Frank Marino Audio
Author URI:  https://www.frankmarinoaudio.com
Template: salient
Version: 1.0
*/

@import url('https://fonts.cdnfonts.com/css/xirod');

/* ========================================
GLOBAL
======================================== */

/* Colors /
/ Define color variables for easy customization */

:root {
    --fm-blue: #0078f2;
    }

.fm-title {
	font-family: 'Xirod', sans-serif !important;
}

/* Button Border Width */
body .nectar-button.large.see-through,
body .nectar-button.large.see-through-2,
body .nectar-button.large.see-through-3 {
	border-width: 1px !important;
}

/* Small Navigation */
.small-nav {
	background: rgba(0,0,0,0.85) !important;
}

/* Full Width Button */
.btn-full-width {
	width: 100%;
}

/* Unordered List Adjustments */
.nectar-fancy-ul[data-list-icon=dot] ul li:before {
	top: 4px !important;
}
.nectar-fancy-ul[data-list-icon=dot] ul li {
    padding-left: 20px;
}

/* Scroll to Top Button Hover */
#to-top:hover{
	color: #000 !important;
}

/* Anchor Styling */
div.jug-anchor {
    display: block;
    position: relative;
    top: -30px;
    visibility: hidden;
}


/* ========================================
Menu
======================================== */

.blank-menu {
    
}

span.wpml-ls-native {
    font-size: 14px !important;
}


/* ========================================
Pedal Hover Menu
======================================== */

.fma-hover-menu .page-submenu ul li a {
  border: 2px solid #eee;
  border-radius: 40px;
  padding: 10px 20px !important;
  margin: 20px 0;
}



.fma-hover-menu .page-submenu ul li a:hover, .fma-hover-menu .page-submenu ul li a:active {
  border: 2px solid rgb(0, 120, 242);
}

.fma-hover-menu .page-submenu li a:hover, .fma-hover-menu .page-submenu.stuck .current-menu-item a {
  font-weight: bold;
  border: 2px solid rgb(0, 120, 242);
}

/* ========================================
Gravity Forms
======================================== */
.gform_wrapper.gravity-theme .gfield_required {
	color: var(--fm-blue);
}

/*
.gform_wrapper.gravity-theme .ginput_container_address span {
  flex: 1 !important; 
}
*/

body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option[aria-selected="true"], body[data-fancy-form-rcs="1"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--fm-blue) !important;
  color: #FFF !important;
}

body[data-fancy-form-rcs="1"] .fancy-select-wrap label {
    color: #FFF !important;
}

.select2-selection--single .select2-selection__rendered, body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333 !important;
}

.select2.select2-container.select2-container--default {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.dropdown-wrapper {
    padding: 0 !important;   
}

.gform_wrapper.gravity-theme .ginput_container_address span .selection {
    padding: 0 !important;

}

body[data-fancy-form-rcs="1"] .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px !important;
}

body[data-fancy-form-rcs="1"] .fancy-select-wrap {
    padding-top: 0px !important;
}


body[data-fancy-form-rcs="1"] .select2-container--default .select2-selection--single {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.select2-container .select2-selection--single {
    margin: 0 0 0px !important;
}

.gform_required_legend {
    display: none;
}

.ginput_complex select {
    color: #c02b0a !important;
}

/* ========================================
MDM - Audio Player Mod
======================================== */

.wp-playlist .wp-playlist-current-item img {
    display: none !important;
}
.wp-playlist-current-item {
    height: auto !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: rgba(255,255,255,1);
}
.wp-playlist-item-length,
.wp-playlist-caption {
    line-height: 2 !important;
}
@media screen and (max-width: 999px) {
    .wp-playlist-tracks {
    text-align: left;
    }
}
body .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #FFF !important;
}


/* ========================================
MDM - Wave Form
======================================== */

.audioButton {
  padding: 10px 20px;
  margin: 5px;
  border: 1px solid #FFF;
  background-color: rgba(0,0,0,0);
  color: #FFF;
  cursor: pointer;
  transition: all .1s ease !important;
  -webkit-transition: all .1s ease !important;
  font-family: "Poppins";
  font-size: 16px;
  width: auto;
  height: 50px;
  line-height: 1;
}

.audioButton.active {
  background-color: rgba(0,0,0,0);
  border: 2px solid #0078f2;
  font-weight: 700;
  color: #FFF;
}

.audioButton:hover {
  background-color: rgba(0,0,0,0);
  border: 2px solid #0078f2;
  font-weight: 700;
  color: #FFF;
}

#switchToA, #switchToB, #resetButton {
  border-radius: 40px !important;
}

/* Styling for waveform */
#waveform {
  width: 100%;
  height: 128px;
  background-color: #333;
  margin-top: 10px;
}

/* Styling for timecode */
#currentTime, #totalDuration {
  color: #FFF;
  font-family: "Poppins";
  font-size: 14px;
}

.waveform-text {
  position: absolute;
  top: -15px;
  left: 10px;
  color: white;
  font-size: 14px;
  font-family: "Poppins";
  z-index: 10; /* Ensure the text stays above the waveform */
  background-color: rgba(0, 0, 0, 0.5); /* Optional background for better readability */
  padding: 2px 6px;
  border-radius: 3px;
}

.loading-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: "Poppins";
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 5px 10px;
  border-radius: 3px;
  z-index: 15; /* Make sure it's above the waveform */
}

/* ========================================
MDM - Column break fix
======================================== */
@media screen and (min-width: 1300px) {
    .fm-column-fix {
        margin-left: -66px !important;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1299px) {
    .fm-column-fix {
        margin-left: -53px !important;
    }
}
@media screen and (max-width: 999px) {
    .fm-column-fix {
        margin-left: 0px !important;
    }
}

/* ========================================
About Page
=========================================*/

.portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
    background-color: rgba(0,0,0,0) !important;
}


/* ========================================
WooCommerce - Nav
======================================== 

#header-outer .widget_shopping_cart a.button {
    background-color: none !important;
    border: 1px solid #EEE !important;
}
*/

#header-outer .widget_shopping_cart a.button:hover {
    background-color: #fff !important;
}

/* ========================================
WooCommerce - Category Page
======================================== */

.post-type-archive-product.woocommerce .container-wrap, .tax-product_cat.woocommerce .container-wrap {
    background-color: #000;
  }

.post-type-archive-product.woocommerce .container-wrap, .tax-product_cat.woocommerce .container-wrap {
  background-color: #111;
}

/* ========================================
WooCommerce - Single Product
======================================== */

.woocommerce div.product div.images img.zoomImg {
    display: none !important;
}

.woocommerce-product-gallery__trigger {
    display: none !important;
}


.single-product div.product h1.product_title {
    font-family: 'Xirod', sans-serif !important;
    font-size: 40px;
}

.woocommerce div.product .summary p.price {
    padding-bottom: 0 !important;
}

.woocommerce div.product form.cart div.quantity {
    float: left;
}

.woocommerce div.product form.cart {
    max-width: 315px;
    margin-left: auto;
    margin-right: auto;
}

.product[data-tab-pos*="fullwidth"] .summary.entry-summary {
    text-align: center;
}

.sku_wrapper {
    display: none !important;
}

.woocommerce-page button[type=submit].single_add_to_cart_button {
    margin-top: 0px;
}

.woocommerce div.product form.cart div.quantity, .woocommerce-page div.product form.cart div.quantity {
    margin-top: 8px;
}

.woocommerce div.product .entry-summary .stock {
    text-transform: uppercase;
    font-size: 18px;
}

.woocommerce div.product form.cart {
    margin-bottom: 1.3em;
}

.woocommerce div.product_meta>span:last-child {
    display: none;
}

.woocommerce-page button.single_add_to_cart_button {
    background: none !important;
    border: 2px solid var(--fm-blue);
}


body.woocommerce-page:not([data-form-submit=see-through]) div[data-project-style=classic] button[type=submit].single_add_to_cart_button:hover {
    background-color: var(--fm-blue) !important;
    border: 1px solid var(--fm-blue) !important;
}

.woocommerce button[type="submit"][name="calc_shipping"]:hover, .woocommerce input[type="submit"][name="apply_coupon"]:hover, .woocommerce input[type="submit"][name="update_cart"]:hover, body.woocommerce-page:not([data-form-submit="see-through"]) div[data-project-style="classic"] button[type="submit"].single_add_to_cart_button:hover {
    color: #FFF;
}

.entry-summary .cart .quantity input.qty {
    color: #FFF;
    border: 1px solid #EEE;
}

.cart .quantity input.plus:hover, .cart .quantity input.minus:hover, .woocommerce-mini-cart .quantity input.plus:hover, .woocommerce-mini-cart .quantity input.minus:hover {
    color: #FFF;
}

div.product .woocommerce-tabs .full-width-content[data-tab-style*=fullwidth] ul.tabs {
    text-align: left;
    margin: 0px 0 15px 0;
    display: none;
}

.woocommerce div.product .woocommerce-tabs .full-width-content[data-tab-style*=fullwidth] ul.tabs li a {
    padding: 0!important;
    line-height: 1.7em;
    margin: 5px 15px 5px 0px;
    font-size: 17px;
}

/* ========================================
WooCommerce - Cart Is Empty Page
======================================== */

.woocommerce-page .woocommerce p.cart-empty {
    color: #FFF;
}

/* ========================================
WooCommerce - Cart Page
======================================== */

.woocommerce table.shop_table th {
    text-transform: uppercase;
    font-size: 16px !important;
    font-weight: bold !important;
    border-bottom: 1px solid #222;
    padding: 9px 20px;
}

.woocommerce-cart table tbody tr:nth-child(2n) td:not(.actions) {
    background-color: rgb(0 0 0 / 15%);
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.woocommerce-page table.cart a.remove {
    color: #FFF !important;
}

.woocommerce-cart .product-name a {
    font-size: 16px;
    font-weight: 400;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    background-color: #141414;
    padding: 25px;
}

.woocommerce td.product-name dl.variation dt {
	float: none !important;
}

/* ========================================
WooCommerce - Checkout
======================================== */

.woocommerce-additional-fields {
    display: none;
}

.checkout .col2-set .col-2 {
    background: #1c1c1c;
    padding: 25px;
    border: 1px #303030 solid;
}

.woocommerce-checkout-review-order-table .product-container {
    margin-bottom: 0;
}

.woocommerce table.order-review th, .woocommerce-page table.order-review th {
    color: #FFF;
}

.woocommerce .woocommerce-checkout-review-order-table table.order-review tr td, .woocommerce .woocommerce-checkout-review-order-table table.order-review tr th {
    line-height: 1em;
}

.checkout #order_review .order-review tbody tr {
    border-bottom: 1px solid #303030 !important;
	border-top: 1px solid #303030 !important;
}

.checkout #order_review .order-review tbody tr:first-child {
    padding-top: 12px;
    padding-bottom: 12px;
}

.checkout #order_review .order-review tbody tr:last-child {
    border-bottom: 1px solid #303030;
    padding-bottom: 15px;
    padding-top: 15px;
}

.woocommerce-checkout-review-order-table .product-info dl dt {
	float: none !important;
}

.woocommerce-checkout-review-order-table .product-info {
	flex-direction: column;
	align-items: normal !important;
}

.woocommerce table.cart td {
    padding: 25px 5px !important;
}

/* =================================
WooCommerce Receipt Page
===================================== */


.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tr {
    color: #000 !important;
}

.tracking-box :last-child {
    color: #FFF !important;
  }

/* =================================
WooCommerce Misc
===================================== */

.woocommerce-message {
    background-color: #0078f2 !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
  background-color: #0078f2 !important;
}

/* ========================================
Footer
======================================== */

.fm-footer {
    font-size: 13px;
    line-height: 1.4em;
}

.fm-footer a {
    font-size: 13px;
    color: #FFF;
}

.fm-footer a:hover {
    font-size: 13px;
    color: var(--fm-blue) !important;
}

.fm-footer h4 {
    font-size: 22px !important;
}

.fm-footer p {
	    -align: justify;
}

.nectar_icon_wrap[data-color="accent-color"] i {
    color: #FFF !important;
    transition: color .3s;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: color;
}

.nectar_icon_wrap[data-color="accent-color"]:hover i {
    color: var(--fm-blue) !important;
    transition: color .3s;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: color;
}


/* FR Fix */

.fm-jug-fr {
    font-size: 13.4px !important;
}
	
	
/* Notice */
.woocommerce div.product div.summary {
	margin-bottom: 0em !important;
}

.single-product .entry-summary .nectar-global-section {
	padding-bottom: 0 !important;
}

.woocommerce-tabs[data-tab-style="fullwidth"] {
	margin-top: 0px !important;
}
	
.woocommerce #ajax-content-wrap .woocommerce-tabs > div:not(.tab-container) {
	padding: 0px 0 !important;
}