/* 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: 8px; --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: 16px; /* standard border radius */ --vc-radius-s: calc(var(--vc-radius) / 2); /* small border radius*/ --vc-radius-l: calc(var(--vc-radius) * 1.5); /* large border radius*/ --vc-box-shadow: rgba(5.5, 13.86, 27.2, 0.06) 4px 10px 35px -5px; --vc-button-shadow: 0 0 0 5px rgba(104, 194, 50, .25); /* shadow for hover effects */ --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 **/ /*** subheadings ***/ .vc-subheading { padding-left: 8px; border-left: 2px solid var( --e-global-color-6f7fc55 ); } /*** callout text ***/ .vc-highlight--primary {color: var( --e-global-color-56e85fe );} .vc-highlight--secondary {color: var( --e-global-color-ebeab68 );} .vc-highlight--light {color: var( --e-global-color-6f7fc55 );} @supports (font-size: clamp(1vw, 2vw, 3vw)) {.vc-headline-before {font-size: clamp(0.9rem, 0.242vw + 0.809rem, 1.1rem);}} /*** remove margin from last p ***/ .vc-p-fix p:last-of-type {margin-block-end: 0;} /*** balances text ***/ .vc-balance {text-wrap: balance;} .vc-pretty {text-wrap: pretty;} /*** Styled Lists ***/ .vc-list ul {list-style-type: none; padding-inline-start: 10px;} .vc-list ul li {position: relative;padding-left: 25px;} .vc-list ul li:before { content: '✓'; position: absolute; left: 0; font-weight: bold; color: var( --e-global-color-56e85fe ); } .vc-list ul li:not(:last-of-type) { margin-bottom: 10px; } @media (max-width: 767px) { .vc-list ul li:before {font-size: 1.2em;} } /*** 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 p ***/ .vc-p-fix p:last-of-type {margin-block-end: 0;} /** 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 */ /** primary button **/ .vc-btn--primary a.elementor-button:hover, .vc-btn--secondary a.elementor-button:hover {box-shadow:var(--vc-button-shadow);} /** text button **/ .vc-btn--link a.elementor-button, .vc-btn--link a.elementor-button:hover { background-color: transparent; border-top: none; border-right: none; border-left: none; border-radius: 0; } .vc-btn--link a.elementor-button {color: var( --e-global-color-text ); fill: var( --e-global-color-text ); padding: 0 0 2px 0;} .vc-btn--link .elementor-button-icon {font-size: 0.7em;} .vc-btn--link a.elementor-button:hover {color: var( --e-global-color-56e85fe ); fill: var( --e-global-color-56e85fe );} /** button with large icon **/ .vc-btn__icon svg {font-size: calc(var(--e-global-typography-accent-font-size ) * 1.2); margin-top: -4px;} .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 .gfield_label {color: var( --e-global-color-primary ); font-weight: 600; font-size: 16px; margin-bottom: 0;} /** 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: 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 input:focus-visible, .elementor-shortcode .gform_wrapper.gravity-theme textarea:focus-visible {box-shadow: 0 0 0 5px rgba(104, 194, 50, .25); outline-color: var( --e-global-color-56e85fe );} /** description **/ .gform_wrapper.gravity-theme .field_description_above .gfield_description {padding-top: 0px; line-height: 1.4em;} /** buttons **/ .gform_wrapper.gravity-theme .gform_footer input {padding: 12px 25px; line-height: 1.2;} .gform_wrapper.gravity-theme .gform_button:hover, .gform_wrapper.gravity-theme .gform_button_select_files:hover {box-shadow: var(--vc-button-shadow); background-color: var( --e-global-color-56e85fe );} /** 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 {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: 12px 0 6px 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 :is(h1, h2, h3, h4, h5, h6) { margin-top: 1em; font-family: var(--e-global-typography-primary-font-family), Sans-serif; font-weight: var(--e-global-typography-primary-font-weight); } /** add spacing under lists **/ :is(.single-post .vc-post-content, .single-post .vc-post-content.elementor-widget-theme-post-content, .vc-content-fix) :is(ul, ol) {margin-bottom: 1em; text-wrap: pretty;} :is(.single-post .vc-post-content, .vc-content-fix) li:not(:last-of-type) {margin-bottom: .3em;} :is(.single-post .vc-post-content, .vc-content-fix) li {line-height: 1.5;} .elementor :is(.single-post .vc-post-content, .elementor-widget-text-editor) ul li::marker {color: var(--e-global-color-adf62c6);} /** 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;} .vc-socials .jet-listing-dynamic-repeater__item a[aria-label="Podcast"]::before { content: "\f130"; font-family: "Font Awesome 5 Free"; font-weight: 900; } /** Menu Badges **/ /*** Coming Soon ***/ .elementor-location-footer nav li.vc-menu--soon::after, .elementor-location-header nav li.vc-menu--soon a::after { content: "COMING SOON"; display: inline-block; background-color: var( --e-global-color-bb039bc ); color: #fff; font-size: 10px; font-weight: 500; letter-spacing: 1px; padding: 3px 6px; border-radius: 8px; margin-left: 8px; white-space: nowrap; line-height: 1; } .elementor-location-footer nav li.vc-menu--soon {display: flex; align-items: center;} /* END Footer */ /* Breadcrumbs*/ .elementor-widget-breadcrumbs nav a {text-decoration: underline; text-underline-offset: 3px;} /* END Breadcrumbs */ /* Backgrounds */ .vc-bg-gradient {background-color:hsla(236,71%,27%,1);background-image:radial-gradient(circle at 55% 45%, hsla(218, 95%, 30%,1) 6%,transparent 75%),radial-gradient(circle at 47% 80%, hsla(218, 95%, 30%,1) 19%,transparent 70%),radial-gradient(circle at 1% 40%, hsla(211, 59%, 44%,1) 15%,transparent 90%),radial-gradient(circle at 5% 63%, hsla(211, 59%, 44%,1) 11%,transparent 58%),radial-gradient(circle at 26% 25%, hsla(218, 95%, 30%,1) 7%,transparent 80%);background-blend-mode:normal,normal,normal,normal,normal;} /* END Backgrounds*/ /* Animations */ .vc-animate-breathe-xs {animation: breatheAnimationXS 3s ease-in-out infinite;} .vc-animate-breathe {animation: breatheAnimation 3s ease-in-out infinite;} @keyframes breatheAnimationXS { 0% {transform: translateY(0);} 50% {transform: translateY(-3px);} 100% {transform: translateY(0);} } @keyframes breatheAnimation { 0% {transform: translateY(0);} 50% {transform: translateY(-10px);} 100% {transform: translateY(0);} } /* END Animations */ /* FAQs */ .vc-faqs .active-toggle {background-color: var( --e-global-color-5bcd7fa );} .vc-faqs .jet-toggle__control {gap: 25px; align-items: start;} .vc-faqs .jet-accordion__inner > div:last-of-type .jet-toggle__control, .vc-faqs .active-toggle .jet-toggle__control {border: none !important;} /* END FAQs */ /** Custom Video Play Icon **/ .vc-video .elementor-custom-embed-play svg { filter: none; opacity: 1; margin-bottom: -6px; } .vc-video .elementor-custom-embed-play { background-color: rgba(255, 255, 255, .4); border: 1px solid rgba(255, 255, 255, .5); backdrop-filter: blur(3px); padding: .8rem 2rem; padding: clamp(0.5rem, 0.3vw + 0.44rem, 0.8rem) clamp(1.4rem, 0.6vw + 1.28rem, 2rem); border-radius: .5em; transition: all .35s; } .vc-video .elementor-custom-embed-play:hover {box-shadow: 0 0 0 6px rgba(255, 255, 255, .2);} /* Featured Project Form - GP File Upload Pro */ .elementor .gpfup__preview img, .elementor .gpfup__preview-pending {width: 130px; height: 130px;}