/* Theme Name: Valorous Circle's Hello Elementor Child Theme URI: https://valorouscircle.com Template: hello-elementor Author: Valorous Circle Marketing Author URI: https://valorouscircle.com Description: A plain-vanilla & lightweight theme for Elementor page builder Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready Version: 2.2.0.18 Updated: 2024-10-09 18:36:00 */ /* Global CSS Variables see "Utility Classes & Variables" documentation in the Knowledge Base */ /** here are FALLBACK values for browsers without clamp support **/ :root { --vc-radius-s: 6px; --vc-gutter: 25px; --vc-space-xs: 20px; --vc-space-s: 25px; --vc-space-m: 35px; --vc-space-l: 45px; --vc-container-gutter: 25px; --vc-container-space-xs: 20px; --vc-container-space-s: 25px; --vc-container-space-m: 35px; --vc-container-space-l: 45p } /** here are the REAL values **/ :root { --vc-radius: 12px; /* standard border radius */ --vc-radius-s: calc(var(--vc-radius) / 2); /* small border radius*/ --vc-box-shadow: rgba(0, 0, 0, 0.1) 5px 15px 45px -6px; --vc-gutter: clamp(1.2rem, 4.606vw + -0.527rem, 5rem); /* left & right padding for outer containers */ --vc-space-xs: clamp(1rem, 2.424vw + 0.091rem, 3rem); /* extra small padding */ --vc-space-s: clamp(2rem, 2.424vw + 1.091rem, 4rem); /* small padding */ --vc-space-m: clamp(3rem, 2.424vw + 2.091rem, 5rem); /* medium padding */ --vc-space-l: clamp(6rem, 2.424vw + 5.091rem, 8rem); /* large padding */ /** legacy space variables **/ --vc-container-gutter: var(--vc-gutter); --vc-container-space-xs: var(--vc-space-xs); --vc-container-space-s: var(--vc-space-s); --vc-container-space-m: var(--vc-space-m); --vc-container-space-l: var(--vc-space-l); } /* END Global CSS Variables */ /* Utility Classes */ /** Outer Container Padding & Gutter **/ /** here are FALLBACK values for browsers without clamp support **/ .e-con.vc-outer-con-xs, .e-con.vc-outer-con-s, .e-con.vc-outer-con-m, .e-con.vc-outer-con-l {padding: 30px 20px;} /*** here are the REAL values ***/ @supports (font-size: clamp(1vw, 2vw, 3vw)) { .e-con.vc-outer-con-xs { padding-block: var(--vc-space-xs); padding-inline: var(--vc-gutter); } .e-con.vc-outer-con-s { padding-block: var(--vc-space-s); padding-inline: var(--vc-gutter); } .e-con.vc-outer-con-m { padding-block: var(--vc-space-m); padding-inline: var(--vc-gutter); } .e-con.vc-outer-con-l { padding-block: var(--vc-space-l); padding-inline: var(--vc-gutter); } } /** Box Shadows **/ .vc-box-shadow.elementor-widget:not(.elementor-widget-image) .elementor-widget-container, .vc-box-shadow.e-con, .vc-box-shadow.elementor-widget-image img, .vc-box-shadow-hover.elementor-widget .elementor-widget-container:hover, .vc-box-shadow-hover.e-con:hover {box-shadow: var(--vc-box-shadow);} /** Text Styles **/ /*** callout text ***/ .vc-highlight--primary {color: var(--e-global-color-7b1251f );} .vc-highlight--secondary {opacity: .6;} .vc-highlight--light {color: white;} /*** span in headline ***/ .vc-headline-before { font-size: 0.4em; /* fallback value */ line-height: 1.2; font-weight: 500; display: inline-block; padding-bottom: 10px; } @supports (font-size: clamp(1vw, 2vw, 3vw)) {.vc-headline-before {font-size: clamp(0.9rem, 0.242vw + 0.809rem, 1.1rem);}} /*** balances text ***/ .vc-balance {text-wrap: balance;} .vc-pretty {text-wrap: pretty;} /*** inline link style ***/ .elementor:not(.elementor-location-footer) .elementor-widget-text-editor p a, .type-post .elementor-text-editor p a, .elementor-widget-theme-post-content .elementor-text-editor p a, .vc-post-content .elementor-widget-theme-post-content a, .elementor-widget-theme-post-content .elementor-text-editor ul a { text-decoration: underline; text-underline-offset: 3px; font-weight: bold; text-underline-offset: 4px; } .vc-light a {color: white;} /* light link styling */ /** Effects **/ /*** blur effect ***/ :root { --vc-blur-s: blur(2px) grayscale(20%); --vc-blur-m: blur(8px) grayscale(20%); } .vc-blur-s {backdrop-filter: var(--vc-blur-s);} .vc-blur-m {backdrop-filter: var(--vc-blur-m);} /* END Utility Classes */ /* Site Header */ /** hide menu items on non-hamburger menu **/ #vc-header nav:not(.elementor-nav-menu--dropdown) .vc-hamburger-only {display: none;} /** submenu focus state **/ .elementor-location-header .menu-item .elementor-sub-item:focus {background-color: white;} /* END Site Header */ /* Buttons */ /** button with large icon **/ .vc-btn__icon svg {font-size: calc(var(--e-global-typography-accent-font-size ) * 1.1);} .elementor-button .elementor-button-content-wrapper {align-items: center;} .elementor-button .elementor-button-content-wrapper .elementor-button-text {flex-grow: 0;} /* END Buttons */ /* GravityForms */ /** field labels **/ .gform_wrapper.gravity-theme .gfield_label { color: var( --e-global-color-primary ); font-size: 16px; font-weight: 600; } /** fields **/ :root {--vc-form-label-gap: 8px;} .gform_wrapper.gravity-theme {font-family: var( --e-global-typography-text-font-family ), Sans-serif;} .elementor-shortcode .gform_wrapper.gravity-theme .gform_fields {grid-row-gap: 20px;} .elementor-shortcode .gform_wrapper.gravity-theme input[type=color], .elementor-shortcode .gform_wrapper.gravity-theme input[type=date], .elementor-shortcode .gform_wrapper.gravity-theme input[type=datetime-local], .elementor-shortcode .gform_wrapper.gravity-theme input[type=datetime], .elementor-shortcode .gform_wrapper.gravity-theme input[type=email], .elementor-shortcode .gform_wrapper.gravity-theme input[type=month], .elementor-shortcode .gform_wrapper.gravity-theme input[type=number], .elementor-shortcode .gform_wrapper.gravity-theme input[type=password], .elementor-shortcode .gform_wrapper.gravity-theme input[type=search], .elementor-shortcode .gform_wrapper.gravity-theme input[type=tel], .elementor-shortcode .gform_wrapper.gravity-theme input[type=text], .elementor-shortcode .gform_wrapper.gravity-theme input[type=time], .elementor-shortcode .gform_wrapper.gravity-theme input[type=url], .elementor-shortcode .gform_wrapper.gravity-theme input[type=week], .elementor-shortcode .gform_wrapper.gravity-theme select, .elementor-shortcode .gform_wrapper.gravity-theme textarea { padding: 10px 14px; min-height: 50px; line-height: 1.5em; color: var(--e-global-color-text ); border: 2px solid #EDECEC; font-size: 17px; margin-top: var(--vc-form-label-gap); } .elementor-shortcode .gform_wrapper.gravity-theme .gform_drop_area {margin-top: var(--vc-form-label-gap);} .gform_wrapper.gravity-theme .gfield .gfield_label {font-size: 1.2rem;} /** description **/ .gform_wrapper.gravity-theme .field_description_above .gfield_description {padding-top: 0px; line-height: 1.4em;} /** confirmiation message **/ .gform_confirmation_wrapper .gform_confirmation_message { font-weight: bold; font-style: italic; } /** required legend **/ .gform_required_legend {font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-size: 15px;} /** google policy **/ .vc-GFGooglePolicy {font-size: 12px; line-height: 1.3;} .gform_wrapper.gravity-theme.gform-theme--no-framework .gform_footer {padding: 5px 0;} /*** left align captcha policy message ***/ .vc-captcha-left .vc-GFGooglePolicy {text-align: left;} /* END GravityForms */ /* Password Protected Page */ form.post-password-form { max-width: 600px; margin-left: auto; margin-right: auto; padding: 5rem 5%; } form.post-password-form p:nth-of-type(1), form.post-password-form label { font-weight: 500; color: #000; line-height: 1.6; } form.post-password-form input {height: 45px; border-radius: 3px;} form.post-password-form input[type="submit"] {height: 46px; border-radius: 3px; border-color: var( --e-global-color-accent ); padding: 0 15px;} /* END Password Protected Page */ /* Single Blog Post */ .vc-post-content .elementor-widget-theme-post-content h1, .vc-post-content .elementor-widget-theme-post-content h2, .vc-post-content .elementor-widget-theme-post-content h3, .vc-post-content .elementor-widget-theme-post-content h4, .vc-post-content .elementor-widget-theme-post-content h5, .vc-post-content .elementor-widget-theme-post-content h6, .vc-featured-project-content { margin-top: 1em; color: var( --e-global-color-primary ); font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight: var( --e-global-typography-primary-font-weight ); } /** add spacing under lists **/ .vc-post-content .elementor-widget-theme-post-content ul, .vc-post-content .elementor-widget-theme-post-content ol {margin-bottom: 1em;} .vc-post-content .elementor-widget-theme-post-content ul, .vc-post-content .elementor-widget-theme-post-content ol {margin-bottom: 1em;} /** table of contents **/ .single-post .elementor-toc__list-item-text-wrapper {align-items: start;} .single-post .elementor-toc__list-item-text-wrapper svg {margin-top: 3px;} /* END Single Blog Post*/ /* Elementor Anchor Link Offset */ body:not(.elementor-editor-active) .elementor-widget-menu-anchor {position: relative; z-index: -1;} body:not(.elementor-editor-active) .elementor-menu-anchor:before { content: ""; display: block; height: 200px; /* fixed header height*/ margin: -200px 0 0; /* negative fixed header height */ visibility: hidden; pointer-events: none; } /* END Elementor Anchor Link Offset */ /* Social Media Links */ .vc-socials .jet-listing-dynamic-repeater__items ul { list-style-type: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding-inline-start: 0px; } .vc-socials .jet-listing-dynamic-repeater__item a, .jet-listing-dynamic-link__link {transition: all 200ms ease-in-out !important;} /* END Social Media Links */ /* Footer */ /** copyright **/ .vc-copyright {opacity: 0.8;} .vc-copyright a { color: inherit !important; font-weight: inherit; text-decoration: none; opacity: 0.8; } /** footer menu responsiveness **/ @media (max-width: 767px) { .elementor-location-footer .vc-footer-menu ul { display: block; width: 100%; margin: 0; } .elementor-location-footer .vc-footer-menu li a { margin: 0 !important; display: block; width: 100%; text-align: center; } } /* END Footer */ /* Breadcrumbs*/ .elementor-widget-breadcrumbs nav a {text-decoration: underline; text-underline-offset: 3px;} /* END Breadcrumbs */