/**
 * 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-6);
	
	--content-top-margin: 2.5rem;
	--content-bottom-margin: 4rem;
	
	/* .btn */
	
	--btn-ff: var(--wp--preset--font-family--fo-ff-1);
	--btn-font-color: var(--wp--preset--color--fo-color-3);
	--btn-background-color: var(--wp--preset--color--fo-color-5);
	--btn-border-color: var(--wp--preset--color--fo-color-4);
	--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-5);
}

#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);
}

/* 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; */

}


/* RELATIONAL */

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

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

.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;
}

/* SC */

.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;
	}
}