/*
Theme Name: Micro Office Child Theme
Theme URI: https://micro-office.themerex.net/
Description: Micro Office is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 2.22.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: micro-office
Template: micro-office
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

:root {
	--color-dark-navy: #1E3A4F;
	--color-pale-blue: #D8E9F2;
	--color-coral: #E8705A;
	--color-blush: #FDF0EE;
	--color-near-black: #2D2D2D;
	--color-white: #FFFFFF;
	--color-caption: #6B7280;
	--font-heading: "Nunito", sans-serif;
	--font-body: "Source Sans 3", sans-serif;
	--theme-color-text: var(--color-near-black);
	--theme-color-text_dark: var(--color-dark-navy);
	--theme-color-text_light: var(--color-white);
	--theme-color-text_link: var(--color-coral);
	--theme-color-text_hover: var(--color-dark-navy);
	--theme-color-alter_text: var(--color-near-black);
	--theme-color-alter_dark: var(--color-dark-navy);
	--theme-color-alter_light: var(--color-white);
	--theme-color-alter_link: var(--color-coral);
	--theme-color-alter_hover: var(--color-dark-navy);
	--theme-color-bg_color: var(--color-white);
	--theme-color-alter_bg_color: var(--color-pale-blue);
	--theme-color-extra_bg_color: var(--color-dark-navy);
	--theme-font-p_font-family: var(--font-body);
	--theme-font-h1_font-family: var(--font-heading);
	--theme-font-h2_font-family: var(--font-heading);
	--theme-font-h3_font-family: var(--font-heading);
	--theme-font-h4_font-family: var(--font-heading);
	--theme-font-h5_font-family: var(--font-heading);
	--theme-font-h6_font-family: var(--font-heading);
	--theme-font-button_font-family: var(--font-heading);
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-body);
	color: var(--color-near-black);
}

body,
p,
li,
td,
th,
input,
select,
textarea {
	font-size: 15px;
	line-height: 1.65;
}

body,
.page_wrap,
.content_wrap,
.body_wrap,
.site_content,
.page_content_wrap {
	background-color: var(--color-white);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.sc_item_title,
.post_title,
.entry-title {
	font-family: var(--font-heading);
	color: var(--color-dark-navy);
	letter-spacing: 0;
}

h1,
.h1,
.sc_item_title.sc_item_title_style_default {
	font-size: 40px;
	font-weight: 800;
	line-height: 1.15;
}

h2,
.h2 {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.25;
}

h3,
.h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

p {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.65;
	color: var(--color-near-black);
}

small,
figcaption,
.wp-caption-text,
.post_meta,
.post_meta_item,
.post_date,
.post_info,
.meta,
.caption,
.description {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 12px;
	color: var(--color-caption);
}

a,
.accent,
.trx_addons_accent {
	color: var(--color-coral);
}

a:hover,
a:focus {
	color: var(--color-dark-navy);
}

.sc_item_subtitle,
.eyebrow,
.is-style-eyebrow,
.wp-block-heading.is-style-eyebrow {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--color-coral);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link,
.elementor-button,
.sc_button,
.theme_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	font-family: var(--font-heading);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background-color: var(--color-coral);
	border-color: var(--color-coral);
	color: var(--color-white);
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.elementor-button:hover,
.elementor-button:focus,
.sc_button:hover,
.sc_button:focus,
.theme_button:hover,
.theme_button:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus {
	background-color: var(--color-dark-navy);
	border-color: var(--color-dark-navy);
	color: var(--color-white);
}

.top_panel,
.top_panel_navi,
.menu_mobile,
.footer_wrap,
.scheme_dark,
.has-dark-navy-background-color,
.wp-block-cover.has-background-dim {
	background-color: var(--color-dark-navy);
	color: var(--color-white);
}


.top_panel .sc_item_subtitle,
.footer_wrap .sc_item_subtitle,
.scheme_dark .sc_item_subtitle,
.has-dark-navy-background-color .sc_item_subtitle,
.wp-block-cover.has-background-dim .sc_item_subtitle,
.has-dark-navy-background-color .eyebrow,
.wp-block-cover.has-background-dim .eyebrow {
	color: var(--color-pale-blue);
}

blockquote,
.wp-block-quote,
.wp-block-pullquote,
.callout,
.info-callout,
.highlight-section {
	background-color: var(--color-blush);
	color: var(--color-near-black);
}

blockquote h1,
blockquote h2,
blockquote h3,
.wp-block-quote h1,
.wp-block-quote h2,
.wp-block-quote h3,
.wp-block-pullquote h1,
.wp-block-pullquote h2,
.wp-block-pullquote h3,
.callout h1,
.callout h2,
.callout h3,
.info-callout h1,
.info-callout h2,
.info-callout h3 {
	color: var(--color-dark-navy);
}

.section-divider,
.divider-strip,
.has-pale-blue-background-color,
.wp-block-separator.is-style-wide,
.sc_layouts_row_type_compact {
	background-color: var(--color-pale-blue);
	color: var(--color-dark-navy);
}

.card,
.post_item,
.sc_services_item,
.sc_blogger_item,
.woocommerce ul.products li.product,
.wp-block-column.is-style-card {
	background-color: var(--color-white);
}

.card:hover,
.post_item:hover,
.sc_services_item:hover,
.sc_blogger_item:hover,
.wp-block-column.is-style-card:hover {
	background-color: var(--color-pale-blue);
}

.has-dark-navy-color { color: var(--color-dark-navy) !important; }
.has-pale-blue-color { color: var(--color-pale-blue) !important; }
.has-coral-color { color: var(--color-coral) !important; }
.has-blush-color { color: var(--color-blush) !important; }
.has-near-black-color { color: var(--color-near-black) !important; }
.has-white-color { color: var(--color-white) !important; }
.has-caption-color { color: var(--color-caption) !important; }
.has-dark-navy-background-color { background-color: var(--color-dark-navy) !important; }
.has-pale-blue-background-color { background-color: var(--color-pale-blue) !important; }
.has-coral-background-color { background-color: var(--color-coral) !important; }
.has-blush-background-color { background-color: var(--color-blush) !important; }
.has-near-black-background-color { background-color: var(--color-near-black) !important; }
.has-white-background-color { background-color: var(--color-white) !important; }
.has-caption-background-color { background-color: var(--color-caption) !important; }

body.login,
body.login form,
body.login label,
body.login input,
body.login .message,
body.login #login_error {
	font-family: var(--font-body);
	color: var(--color-near-black);
}

body.login h1,
body.login #login h1,
body.login .loginlogo,
body.login .button,
body.login input[type="submit"] {
	font-family: var(--font-heading);
}

body.login .button-primary,
body.login input[type="submit"] {
	background: var(--color-coral);
	border-color: var(--color-coral);
	color: var(--color-white);
	font-weight: 700;
	text-transform: uppercase;
}

body.login a {
	color: var(--color-coral);
}

body.login a:hover,
body.login a:focus {
	color: var(--color-dark-navy);
}

/* CRSci button shape and coral hover states */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link,
.elementor-button,
.sc_button,
.theme_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.crsci-onboarding__back,
.crsci-onboarding__next,
.crsci-onboarding__finish,
.crsci-terms__actions .button,
.mo-chip,
.mo-pill,
.mo-bookmark-button,
.mo-discussion-button,
.mo-discussion-actions button {
	border-radius: 10px !important;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:hover,
.button:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus,
.elementor-button:hover,
.elementor-button:focus,
.sc_button:hover,
.sc_button:focus,
.theme_button:hover,
.theme_button:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.crsci-onboarding__next:hover,
.crsci-onboarding__next:focus,
.crsci-onboarding__finish:hover,
.crsci-onboarding__finish:focus,
.crsci-terms__actions .button:hover,
.crsci-terms__actions .button:focus,
.mo-chip.is-active:hover,
.mo-chip:hover,
.mo-pill:hover,
.mo-bookmark-button.is-saved:hover,
.mo-discussion-actions button:hover,
.mo-discussion-actions button:focus {
	background-color: #de6b56;
	border-color: #de6b56;
}

body.login.login-action-crsci_terms div#login {
	width: min(1120px, calc(100% - 32px)) !important;
	max-width: calc(100% - 32px) !important;
	margin-left: auto;
	margin-right: auto;
}

div#login form.crsci-terms input[type="checkbox"] {
	clip: auto;
	position: relative !important;
}