/* 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.19 Updated: 2024-11-15 12:48: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(8, 34, 53, 0.09) 0px 50px 100px -20px, rgba(8, 34, 53, 0.15) 0px 30px 60px -30px; --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), .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-56e85fe );} .vc-highlight--secondary {opacity: .4;} .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 */ /* Remove Margin from Last Paragraph */ .vc-p-fix p:last-of-type {margin-block-end: 0;} /** Effects **/ /*** blur effect ***/ :root { --vc-blur-s: blur(3px); --vc-blur-m: blur(8px); } .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;} /* Video Play Icon Button */ .vc-btn--play-video svg { opacity: .9; border-radius: 100em; box-shadow: 0 0 0 6px rgba(107, 212, 37, .4); background-color: var( --e-global-color-ebeab68 ); } .vc-btn--play-video:hover svg { box-shadow: 0 0 0 8px rgba(107, 212, 37, .5); opacity: 1; } /* END Buttons */ /* GravityForms */ /** field labels **/ .gform_wrapper.gravity-theme .gfield .gfield_label {color: var( --e-global-color-primary ); font-weight: 600; font-size: 14px;} /** submit button **/ .gform_wrapper.gravity-theme input[type="submit"] {padding: 15px 30px;} /** fields **/ :root {--vc-form-label-gap: 5px;} .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: 8px 12px; min-height: 48px; line-height: 1.5em; color: var(--e-global-color-text ); border: 2px solid #EDECEC; font-size: 16px; margin-top: var(--vc-form-label-gap); } .gform_wrapper.gravity-theme input:focus-visible, .elementor-shortcode .gform_wrapper.gravity-theme textarea:focus-visible {box-shadow: 0px 0px 0px 3px rgba(107, 212, 37, .3); outline-color: var( --e-global-color-56e85fe );} .elementor-shortcode .gform_wrapper.gravity-theme .gform_drop_area {margin-top: var(--vc-form-label-gap);} /** confirmiation message **/ .gform_confirmation_message p {font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: bold; font-style: italic;} /** required legend **/ .gform_required_legend {display: none;} /** form footer **/ .elementor-shortcode .gform_wrapper.gravity-theme .gform_footer {margin-top: 15px;} /** google policy **/ .vc-GFGooglePolicy {font-size: 12px; line-height: 1.3; margin-top: .6em; opacity: .8; font-family: var( --e-global-typography-text-font-family ), Sans-serif;} .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;} /** light form **/ .vc-form--light .gform_required_legend, .vc-form--light .gform_wrapper.gravity-theme .gfield_label, .vc-form--light .gform_confirmation_message p {color: #FFF;} .elementor .vc-form--light .vc-GFGooglePolicy, .elementor .vc-form--light .vc-GFGooglePolicy a {color: var( --e-global-color-53df411 );} /* 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, .vc-content-fix ul, .vc-content-fix 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*/ /* 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; } } /** 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 Footer */ /* Breadcrumbs*/ .elementor-widget-breadcrumbs nav a {text-decoration: underline; text-underline-offset: 3px;} /* END Breadcrumbs */ /* Custom ul List Style */ .vc-list ul {padding-inline-start: 0px; list-style-type: none;} .vc-list ul li:not(:last-of-type) {margin-bottom: 5px;} .vc-list ul li::before {content: "ยป"; padding-right: 10px; color: var( --e-global-color-56e85fe );} .vc-list li a {color: var( --e-global-color-accent ); font-weight: bold; text-decoration: underline; text-underline-offset: 5px;} /* END Custom ul List Style */ /* Text Editor Fix */ .vc-text-editor-fix .elementor-text-editor p:last-of-type {margin-block-end: 0;} /** removes margin from bottom of last paragraph**/ /* END Text Editor Fix */ /* Tabs */ /** tab titles **/ .e-n-tabs {align-items: center;} .e-n-tabs-heading { background-color: hsl(200, 27%, 96%); border-radius: 5em; padding: 10px; z-index: 3; } /** content **/ .e-n-tabs-content{ border-radius: var(--vc-radius); padding: 3em; /* fallback */ padding: calc(3em + 35px) 3em 3em 3em; border: 2px solid var( --e-global-color-c76dabe ); margin-top: -35px; } /* Tabs MOBILE */ @media only screen and (max-width: 767px) { .e-n-tabs-content { padding: 0em; /* fallback */ border: 2px solid var( --e-global-color-c76dabe ); margin-top: 25px; } .e-n-tabs-heading { border-radius:1em } } /* Tabs TABLET */ @media only screen and (max-width: 900px) { .e-n-tabs-content { padding: 0em; } }