/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


h1 {font-size: clamp(40px, 6vw, 56px)!important; line-height: .98em!important;}
h2:not(h2.gform_submission_error.hide_summary) {font-size: clamp(34px, 5vw, 48px)!important; line-height: .98em!important;}
h3 {font-size: clamp(28px, 4vw, 40px)!important; line-height: .98em!important;}
h4 {font-size: clamp(24px, 3.5vw, 36px)!important; line-height: .98em!important;}
h5 {font-size: clamp(22px, 3vw, 30px)!important; line-height: .98em!important;}
h6 {font-size: clamp(20px, 2.5vw, 28px)!important; line-height: .98em!important;}

#ab1-port-title h2 {font-size: clamp(22px, 3vw, 30px)!important; line-height: .98em!important;}
#ab1-port-title h2 a {text-decoration: none;}
/* ===  === HEADER STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
@media all and (max-width: 1320px) and (min-width: 1310px) { 
    div#a1-respMenu .elementor-widget-container {margin: 0px 0 0px 0!important;}
}
@media all and (max-width: 1240px) { 
    div#a1-respMenu .elementor-widget-container {margin: 0px 0 10px 0!important;}
    section.elementor-section.elementor-inner-section.elementor-element.elementor-element-3b186db.elementor-reverse-tablet.elementor-reverse-mobile_extra.elementor-reverse-mobile.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default .elementor-column .elementor-widget-wrap {flex-direction: row-reverse!important;justify-content: end!important;align-content: end!important;}
	.elementor-4116 .elementor-element.elementor-element-c911a5e.elementor-column.elementor-element[data-element_type="column"] > .elementor-column-wrap.elementor-element-populated > .elementor-widget-wrap {align-content: center;
    align-items: center;}
}
@media all and (max-width: 1100px) {
	div#a1-respMenu .elementor-widget-container {margin: 0px 0px 0px 10px!important;}
} 


/* ===  === HOME PAGE STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
section#a1-homeHero {background-image: radial-gradient(at 100% 30%, #06032e 40%, #040316 100%)!important;}
@media all and (max-width: 1240px) and (min-width: 767px) { 
    section#a1-homeHero {margin-top: -150px;padding-top: 180px;}
}
@media all and (max-width: 1100px) {
    #a1-homeHero .elementor-background-overlay {opacity: .75;}
} 
.vf-hero-image-rt .elementor-image-carousel-wrapper:after {content: url(/wp-content/uploads/2022/04/overlay-line-accent_02.png);position: absolute;left: 50px;right: 0;top: 0;bottom:0;z-index: 999;}
.vf-hero-image-rt .elementor-image-carousel-wrapper:before {content:"";background: url(/wp-content/uploads/2022/04/dot-accent_01.png);position: absolute;left: -260px;right: 0;top: 0;bottom: 0;background-size: 1100px;background-repeat: no-repeat;opacity: .046;height: 739px;width: 1070px;display: block;overflow: hidden;}
@media all and (max-width: 1450px) {
	.vf-hero-image-rt .elementor-image-carousel-wrapper:after {left: -30px;}
} 


/* ===  === line accent for section  STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
section.elementor-section.elementor-top-section.elementor-element.elementor-element-70a34f4::before {content: '';display: block;border: 1px solid #28ace236;position: absolute;right: 0;top: 720px;bottom: 0;width: 600px;height: 50px;}
section.elementor-section.elementor-top-section.elementor-element.elementor-element-70a34f4::after {content: '';display: block;position: absolute;right: 610px;top: 687px;background-color: #2bace294;bottom: 0;width: 5px;height: 5px;}


/* ===  === PORTFOLIO STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
div#a1-hpPortSlide .elementor-swiper-button.elementor-swiper-button-prev {display: none;}


/* ===  === BACKGROUND CLAMPING STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
#a1-bg01 .elementor-background-overlay {background-size: clamp(500px, 49%, 880px)!important;}
#a1-bg02 .elementor-background-overlay {background-size: clamp(500px, 49%, 880px)!important;}
#a1-bg03 .elementor-background-overlay {background-size: clamp(500px, 49%, 880px)!important;}


/* ===  === CTA BUTTON STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
section#a1-fwCTA {width: 100%;}
section#a1-fwCTA a.elementor-button span.elementor-button-content-wrapper {display: flex;flex-direction: row;justify-content: space-between;align-items: center;max-width: 1400px;width: 100%;padding: 0 1% 0 0;}
section#a1-fwCTA a.elementor-button span.elementor-button-text {text-align: left;}
section#a1-fwCTA a.elementor-button.elementor-size-sm {border-radius: 0;width: 100%;display: flex;align-items: center;justify-content: center;}
section#a1-fwCTA a.elementor-button span.elementor-button-text::before {content: 'Get Started';display: block;text-transform: uppercase;font-size: 14px;letter-spacing: 4px;font-weight: 200;margin-bottom:20px;}
section#a1-fwCTA:after {background: url(/wp-content/uploads/2022/04/dark-accent-line_01.png);content: '';position: absolute;left: 120px;right: 0;bottom: 0;top: -60px;background-repeat: no-repeat;opacity: .25;pointer-events: none;}
section#a1-fwCTA:before {background: url(/wp-content/uploads/2022/04/accent-lines_01.png);content: '';position: absolute;left: 70px;right: 0;bottom: 0;background-repeat: no-repeat;z-index: 999;background-size: 1400px;height: 24px;pointer-events: none;opacity: .45;}
/* ===  == CUSTOM CTA STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
section#a1-fwCTA a.elementor-button.elementor-size-sm:before {content: '';background-color: #2f8da4;left: -170px;top: -80px;width: 250px;height: 150px;transform: rotate(52deg);position: absolute;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
section#a1-fwCTA a.elementor-button.elementor-size-sm:hover:before, section#a1-fwCTA a.elementor-button.elementor-size-sm:focus:before {background-color: #2bace2;}


/* ===  === HOME PAGE GRAVITY FORM STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
#a1-homeForm form#gform_3 {display: flex; flex-direction: row; justify-content: space-between; align-items:  flex-end;}
#a1-homeForm .gform_footer.top_label {padding: 0!important;margin: 0!important;flex-basis: 9%;}
#a1-homeForm .gform_body.gform-body {padding: 0!important;margin: 0 10px 0 0!important;flex-basis: 87%;}
#a1-homeForm input#gform_submit_button_3 {margin: 0;border-radius: 100px;background-color: #d621f400;border: solid 2px #d621f4;font-family: 'Kanit';font-weight: 400;font-size: 17px;}
#a1-homeForm input#gform_submit_button_3:hover {background: #d621f4;}
#a1-homeForm .gform_wrapper.gravity-theme .gfield input.large, #a1-homeForm .gform_wrapper.gravity-theme .gfield select.large {height: 49px;font-family: 'Kanit';font-weight: 200}
/*global form styling*/
.gform_wrapper.gravity-theme .gfield_label {color: #ebebeb; font-family: 'Kanit';font-weight: 200; font-size: 18px;}
.gform_footer.top_label input, .gform_footer.top_label label {font-family: "Kanit", Sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: -0.1px;}
.gfield_checkbox label {font-family: "Kanit", Sans-serif;font-weight: 400;text-transform: uppercase;letter-spacing: -0.1px;color:#ebebeb;}

@media all and (max-width: 767px) {
    #a1-homeForm form#gform_3 {flex-direction: column;align-items: center;margin-top: 20px;}
    #a1-homeForm .gform_body.gform-body {width: 100%;}
    #a1-homeForm .gform_footer.top_label {margin-top: 40px!important;}
} 


/* ===  === FOOTER STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
.vf-footer-copy {font-family: "Kanit", Sans-serif; font-size: 13px; font-weight: 200;}
.vf-footer-copy {display: inline-block;margin: 0 15px;}
body:not(.home) .vf-footer-copy {display: none;}


/* ===  === INTERIOER PAGE STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
section#a1-intHero {background-image: radial-gradient(at 100% 30%, #06032e 40%, #040316 100%)!important;}
section#a1-intHero:after {content: '';width: 210px;height: 160px;background-color: #fff;position: absolute;left: -165px;bottom: 0;transform:rotate(79.68deg);}
@media all and (max-width: 1240px) and (min-width: 767px) { 
    section#a1-intHero {margin-top: -150px;padding-top: 180px;}
}
@media all and (max-width: 1100px) {
    #a1-intHero .elementor-background-overlay {opacity: .75;}
} 
@media all and (max-width: 767px) {
	section#a1-intHero:after {bottom: -110px;}
}

section#a1-intHero.a1-cut1:before {background-image: url(/wp-content/uploads/2022/05/plane-cutout_01.png);position: absolute;content: '';width: 1000px;height: 1000px;right: -360px;bottom: -420px;background-size: cover;}
section#a1-intHero.a1-cut2:before {background-image: url(/wp-content/uploads/2022/05/plane-cutout_03.png);position: absolute;content: '';width: 1000px;height: 1000px;right: -510px;bottom: -190px;background-size: cover;}
section#a1-intHero.a1-cut3:before {background-image: url(/wp-content/uploads/2022/05/plane-cutout_02.png);position: absolute;content: '';width: 900px;height: 900px;right: -260px;bottom: -320px;background-size: cover;}


/* ===  === Interior Gravity Form STYLING === === ===  ===  ===  ===  ===  ===  ===  === */
div#a1-intForm form#gform_3 .gform_fields {flex-direction: column!important;display: flex;}
div#a1-intForm form#gform_3 {max-width: 560px;margin: 0 auto;}
div#a1-intForm form#gform_3 .gfield_label {font-size: 18px;color: #02001e;font-weight: 300;}
div#a1-intForm input#gform_submit_button_3 {background-color: #ffffff00;border: 2px solid #d621f4;font-size: 19px;width: 100%;border-radius: 100px;    color: #020022;}
div#a1-intForm input#gform_submit_button_3:hover {background-color: #d621f4;color:#Fff;}
div#a1-intForm .gform_footer.top_label {margin-top: 20px;}
div#a1-intForm form#gform_3 {padding: 40px 40px;background-color: #ffffff;border-radius: 23px;}
div#a1-intForm form#gform_3 .gfield input {border-color: #02001f42;background: #f1f1f1;}
@media all and (max-width: 667px) {
    div#a1-intForm form#gform_3 {padding: 32px 30px 20px 30px;}
}

p.gform_required_legend {
    display: none;
}
input#gform_submit_button_4 {
    background-color: #D621F400;
    font-family: "Kanit", Sans-serif;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    color: var(--e-global-color-5562bc39);
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-b0c7650);
    border-radius: 100px 100px 100px 100px;
    padding: 13px 23px 13px 23px;
    width: 100%;
    background: var(--e-global-color-b0c7650);
}
.ab1-sld-n-frm:hover {cursor: pointer;}