/**
 * Theme Name: The Copier Source - By FarOffing
 * Template:   faroffing
 * ...other header fields
 */

:root {
	
	/* general */
	
	--std-link-color: var(--wp--preset--color--fo-color-2);
	--std-link-hover-color: var(--wp--preset--color--fo-color-3);
	
	--content-top-margin: 2.5rem;
	--content-bottom-margin: 4rem;
	
	--box-shadow: 0 0px 15px -5px var(--wp--preset--color--fo-color-6);
	
	/* .btn */
	
	--btn-ff: var(--wp--preset--font-family--fo-ff-1);
	--btn-font-color: var(--wp--preset--color--fo-color-2);
	--btn-background-color: var(--wp--preset--color--fo-color-4);
	--btn-border-color: var(--wp--preset--color--fo-color-3);
	--btn-letter-spacing: 2px;
	--btn-border: solid 3px;
	--btn-border-radius: 100px;
	--btn-padding: .5rem 1.25rem;
	
	--btn-border-hover-color: var(--wp--preset--color--fo-color-4);
	
	/* HERO */
	
	--hero-top-padding: 200px;
	
}

/* #header */

#header {
	background: var(--wp--preset--gradient--fo-gradient-2);
}

#header.fo-scrolled-nav {
	box-shadow: 0 -15px 30px var(--std-black);
}

#header .container {
    max-width: 1200px;
}

#header .header-top {
	color: var(--std-white);
	background: var(--std-black);
}

select.gt_selector.notranslate {
    color: inherit;
    background: transparent;
    border: none;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

#header .gtranslate_wrapper {
	display: inline-block;
}

#header .navbar-nav a {
    color: inherit;
    font-weight: 600;
    text-decoration: none;
}

#header .navbar-nav .dropdown-menu {
	padding: 0;
	border-radius: 0;
}

#header .gtranslate_wrapper {
	min-height: 25px;
}

#header .gtranslate_wrapper option {
	color: var(--std-text);
	background: var(--std-background);
}

#header .navbar-toggler {
	width: 60px;
	height: 60px;
	padding: 0;
	border: 2px solid currentcolor;
	border-radius: 0;
}

/* SEARCH */

#fo-search-banner {
	color: var(--wp--preset--color--fo-color-1);
	background: var(--wp--preset--gradient--fo-gradient-2);
}

#fo-search-close {
	color: inherit;
}

/* LOGIN */

body.login.login-action-login {
	color: var(--wp--preset--color--fo-color-6);
	background: var(--wp--preset--gradient--fo-gradient-4);
}

body.login.login-action-login .wp-login-logo {
	position: relative;
	min-height: 150px;
}

body.login.login-action-login .wp-login-logo:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/wp-content/uploads/2026/05/logo-26-1.webp) no-repeat center / contain;
}

body.login.login-action-login .wp-login-logo a {
	display: none !important;
}

/* PAYMENT FORM */

#page .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gform_ppcp_smart_payment_buttons, body:not(.page-template-default):not(:has(#page)) .is-root-container .wp-block-gravityforms-form .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gform_ppcp_smart_payment_buttons {
    color: var(--std-text);
    background: var(--std-background);
    padding: 1.5rem;
    border-radius: var(--std-border-radius);
}

#page .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-product *, body:not(.page-template-default):not(:has(#page)) .is-root-container .wp-block-gravityforms-form .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-product *, #page .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-total *, body:not(.page-template-default):not(:has(#page)) .is-root-container .wp-block-gravityforms-form .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-total * {
	font-size: 20px;
}

#page .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-product label, body:not(.page-template-default):not(:has(#page)) .is-root-container .wp-block-gravityforms-form .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-product label, #page .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-total label, body:not(.page-template-default):not(:has(#page)) .is-root-container .wp-block-gravityforms-form .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] .gfield--type-total label {
	font-weight: 700;
}

/* btn.is-style-outline */

#page .btn:not(.wp-block-button).is-style-outline:hover, #page .btn.is-style-outline.wp-block-button a:hover, .is-root-container .wp-block.is-style-outline.fo-btn:hover {
	--btn-font-hover-color: var(--std-white);
	--btn-background-hover-color: var(--wp--preset--color--fo-color-6);
	--btn-border-hover-color: var(--wp--preset--color--fo-color-6);
}

/* GF Orbital Theme */

#page .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"], body:not(.page-template-default):not(:has(#page)) .is-root-container .wp-block-gravityforms-form .gform_wrapper.gform-theme.gform-theme--orbital[data-form-theme="orbital"] {

    /* =====================================================
       BRAND COLORS
       ===================================================== */

/*     --gf-color-primary: var(--std-link-color); */
/*     --gf-color-primary-darker: var(--std-highlight-color); */

/*     --gf-color-danger: var(--fo-admin-success); */
/*     --gf-color-success: var(--fo-admin-fail); */

    /* =====================================================
       FORM CONTAINER
       ===================================================== */

/*     --gf-form-background-color: var(--std-background); */
/*     --gf-form-border-color: var(--std-gray); */
/*     --gf-form-border-radius: var(--std-border-radius); */

    /* =====================================================
       TYPOGRAPHY
       ===================================================== */

/*     --gf-font-size: var(--std-font-size); */
/*     --gf-font-family: var(--std-ff); */

/*     --gf-line-height: var(--std-line-height); */

    /* =====================================================
       LABELS
       ===================================================== */

/*     --gf-label-color-primary: var(--std-black); */
/*     --gf-label-font-weight: var(--btn-font-weight); */

    --gf-ctrl-label-color-primary: inherit;
	--gf-color-out-ctrl-dark: inherit;
	--gf-ctrl-readonly-color: inherit;
	--gf-ctrl-label-color-secondary: inherit;

    /* =====================================================
       DESCRIPTIONS / HELP TEXT
       ===================================================== */

/*     --gf-ctrl-desc-color: var(--std-gray); */

    /* =====================================================
       INPUTS / CONTROLS
       ===================================================== */

/*     --gf-ctrl-bg-color: var(--std-white); */
/*     --gf-ctrl-bg-color-hover: var(--std-white); */

/*     --gf-ctrl-color: var(--std-black); */

/*     --gf-ctrl-border-color: var(--std-gray); */
/*     --gf-ctrl-border-color-focus: var(--std-link-color); */

/*     --gf-ctrl-border-size: 1px; */

/*     --gf-ctrl-radius: var(--std-border-radius); */

/*     --gf-ctrl-placeholder-color: var(--std-gray); */

    /* =====================================================
       INPUT PADDING
       ===================================================== */

/*     --gf-ctrl-padding-inline: 15px; */
/*     --gf-ctrl-padding-block: 15px; */

    /* =====================================================
       FOCUS STATES
       ===================================================== */

/*     --gf-ctrl-outline-color-focus: var(--std-link-color); */

    /* =====================================================
       BUTTONS
       ===================================================== */

/*     --gf-btn-bg-color: var(--std-link-color); */
/*     --gf-btn-bg-color-hover: var(--std-highlight-color); */

/*     --gf-btn-color: var(--std-white); */

/*     --gf-btn-border-color: transparent; */
/*     --gf-btn-border-color-hover: transparent; */

/*     --gf-btn-border-radius: 12px; */

/*     --gf-btn-font-weight: 600; */

/*     --gf-btn-padding-inline: 24px; */
/*     --gf-btn-padding-block: 14px; */

    /* =====================================================
       CHECKBOXES / RADIO BUTTONS
       ===================================================== */

/*     --gf-ctrl-choice-size: 20px; */

/*     --gf-ctrl-choice-border-color: #9ca3af; */
/*     --gf-ctrl-choice-border-color-checked: var(--std-link-color); */

/*     --gf-ctrl-choice-bg-color: var(--std-white); */
/*     --gf-ctrl-choice-bg-color-checked: var(--std-link-color); */

    /* =====================================================
       SECTION SPACING
       ===================================================== */

/*     --gf-form-gap-y: 20px; */
/*     --gf-form-gap-x: 20px; */

/*     --gf-field-gap-y: 12px; */

    /* =====================================================
       FORM PADDING
       ===================================================== */

/*     --gf-padding-x: 24px; */
/*     --gf-padding-y: 24px; */

    /* =====================================================
       VALIDATION
       ===================================================== */

/*     --gf-validation-text-color: var(--fo-admin-success); */
/*     --gf-validation-border-color: var(--fo-admin-success); */

    /* =====================================================
       PROGRESS BAR (MULTI-PAGE FORMS)
       ===================================================== */

/*     --gf-progressbar-bg-color: var(--std-gray); */
/*     --gf-progressbar-progress-color: var(--std-link-color); */

    /* =====================================================
       DROPDOWNS
       ===================================================== */

/*     --gf-ctrl-select-bg-color: var(--std-white); */
/*     --gf-ctrl-select-border-color: #d1d5db; */

    /* =====================================================
       FILE UPLOAD
       ===================================================== */

/*     --gf-fileupload-border-color: #d1d5db; */
/*     --gf-fileupload-bg-color: #f9fafb; */

}

.grecaptcha-badge[data-style="bottomright"] {
    right: 0 !important;
}

/* RELATIONAL */

.fo-rel-grid:hover .fo-rel-docu-inner {
	box-shadow: var(--box-shadow);
}

a.fo-rel-wrapper-link {
	color: inherit;
	text-decoration: none;
}

a.fo-rel-wrapper-link:hover {
	color: inherit;
}

.fo-rel-inner {
	transition: var(--transition);
}

.fo-rel-prod-inner:hover div {
	color: inherit;
}

.prod-img, .post-img {
	background: url() no-repeat top center / cover;
	padding-top: 50%;
}

.post-img {
	background-position: center;
}

.doc-icon-inline {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.doc-icon-inline svg {
	fill: currentcolor;
}

.docu-icon {
    width: 75px;
    max-width: 100%;
    height: 75px;
}

.rel-meta-header-cont {
	display: none;
}

/* SEARCH */

.fo-search .rel-meta-header-cont {
	display: block;
}

.fo-search-options {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    margin-bottom: var(--bs-gutter-x);
}

.fo-search-option, .fo-search .prod-name .h5 {
	font-family: var(--wp--preset--font-family--fo-ff-1);
	font-size: var(--fo-font-size-0-size);
	color: var(--wp--preset--color--fo-color-0);
	margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
	letter-spacing: 3px;
}

.fo-search .prod-price {
	text-decoration: underline;
}

.clear-search-params {
	margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
	.fo-search-options {
		flex-direction: column;
		width: auto !important;
		flex: 0 0 auto !important;
	}
}

/* SC */

.fo-vid-sc-player, .image-modal-trigger {
    border: 3px solid var(--wp--preset--color--fo-color-3);
    border-radius: var(--std-border-radius);
	box-shadow: var(--box-shadow);
}

.fo-prod-img img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}

@media (max-width: 400px) {
	#header-phone-cta a {
		font-size: 3vw;
	}
}

/* Yoast */

.schema-how-to-step::marker, .schema-how-to-step .schema-how-to-step-name {
    font-family: var(--wp--preset--font-family--fo-ff-1);
    font-size: var(--fo-font-size-4-size);
    color: var(--wp--preset--color--fo-color-7);
    line-height: var(--fo-font-size-4-line-height);
    margin-bottom: var(--fo-font-size-4-mb);
}

.wp-block-yoast-faq-block .schema-faq-section {
	margin-bottom: var(--fo-font-size-6-mb);
}

.wp-block-yoast-faq-block .schema-faq-question {
	cursor: pointer;
	position: relative;
	color: var(--std-link-color);
	font-family: var(--wp--preset--font-family--fo-ff-1);
	font-size: var(--fo-font-size-6-size);
	line-height: var(--fo-font-size-6-line-height);
	font-weight: 900;
	text-decoration: underline;
	transition: var(--transition);
}

.wp-block-yoast-faq-block .schema-faq-question:hover {
	color: var(--std-link-hover-color);
}

.wp-block-yoast-faq-block .schema-faq-answer, .schema-how-to-step .schema-how-to-step-text {
	color: var(--std-text);
	padding: 1.5rem;
	margin: 1.5rem 0;
	background: var(--wp--preset--gradient--fo-gradient-4);
	border-radius: var(--std-border-radius);
}

.wp-block-yoast-faq-block:not(.block-editor-block-list__block) .schema-faq-answer {
	display: none;
}

/* woo */

.wp-block-woocommerce-single-product .wp-block-post-title {
    font-size: var(--fo-font-size-5-size);
}

.wp-block-woocommerce-product-meta {
/* 	display: none !important; */
}

.custom-cart-icon, .wc-block-components-product-sale-badge {
    display: flex;
    flex-direction: row;
    font-size: var(--fo-font-size-6-size);
    font-weight: 900;
    color: var(--std-background);
    padding: .25rem 1rem;
    border-radius: var(--std-border-radius);
    background: var(--wp--preset--gradient--fo-gradient-0);
}

.cart-icon {
    width: 30px;
    margin-right: 10px;
}

.cart-icon path {
	fill: var(--std-background);
}

body.single-product .wp-block-woocommerce-single-product .wp-block-post-title {
    pointer-events: none !important;
    cursor: default !important;
}

.wc-block-product-gallery-dialog {
    z-index: 9999 !important;
}

#page .single_add_to_cart_button {
    color: var(--btn-font-color);
    background: var(--btn-background-color);
    padding: var(--btn-padding);
    border: var(--btn-border);
    border-color: var(--btn-border-color);
    border-radius: var(--btn-border-radius);
    transition: var(--transition);
}

#page .single_add_to_cart_button:hover {
    color: var(--btn-font-hover-color);
    background: var(--btn-background-hover-color);
    border-color: var(--btn-border-hover-color);
}

body.single-product .woocommerce-Price-amount {
    font-family: var(--wp--preset--font-family--fo-ff-1);
    font-size: var(--fo-font-size-5-size);
    line-height: var(--fo-font-size-6-line-height);
    margin-bottom: var(--fo-font-size-6-mb);
}

/* Theme */

.fo-product-shipping {
	justify-content: center;
}

.fo-product-shipping .fo-shipping-header {
	font-family: var(--wp--preset--font-family--fo-ff-1);
	font-size: var(--fo-font-size-4-size);
	color: var(--wp--preset--color--fo-color-10);
	line-height: var(--fo-font-size-4-line-height);
	margin-bottom: var(--fo-font-size-4-mb);
}

.fo-product-shipping > div:not(.col-12) {
    flex: 0 0 auto;
    width: auto;
	padding-top: calc(var(--bs-gutter-x) * .5);
	padding-bottom: calc(var(--bs-gutter-x) * .5);
	border-bottom: 1px solid var(--std-text);
}

.fo-product-shipping .shipping-county {
	background-color: var(--wp--preset--color--fo-color-5);
}

.fo-product-shipping .shipping-state {
	background-color: var(--wp--preset--color--fo-color-6);
}

.fo-product-shipping .shipping-zip {
	background-color: var(--wp--preset--color--fo-color-7);
}

.fo-product-shipping .shipping-per-item {
	background-color: var(--wp--preset--color--fo-color-11);
}

.fo-product-shipping .shipping-per-line {
	background-color: var(--wp--preset--color--fo-color-12);
}

.fo-product-shipping .shipping-column-header {
	font-family: var(--wp--preset--font-family--fo-ff-1);
	font-size: var(--fo-font-size-8-size);
	color: var(--wp--preset--color--fo-color-0);
	line-height: var(--fo-font-size-7-line-height);
	margin-bottom: .25rem;
}

.fo-product-shipping .shipping-value {
	text-transform: uppercase;
}

.prod-img {
	position: relative;
}

.fo-rel-prod-vendor-logo {
    position: absolute;
    top: unset;
    bottom: 15px;
    left: 15px;
    right: unset;
    width: 15%;
    border-radius: var(--std-border-radius);
    overflow: hidden;
}

.fo-rel-prod-vendor-logo img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
}

.wp-block-woocommerce-single-product .is-layout-flex {
    margin-bottom: 0px;
}

.wp-block-cover:has(.has-background-dim) {
    background-image: url(/wp-content/uploads/2026/09/eqipment.jpg);
}