/**
Theme Name: ALSC 2021
Author: SDC
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: sdc
Template: astra
*/

/* Font @import */

@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@400&family=Lato:ital,wght@0,400;0,800;1,400;1,800&family=Montserrat:wght@600&display=swap');

/*Gravity Forms fixes*/
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select{
	margin-bottom:0px!important
}
.gform_wrapper textarea{margin-top:12px!important}
.gform_wrapper .gform_footer input[type="submit"]{transition:0.5s all}
div.ginput_complex.ginput_container.gf_name_has_2{width:100%!important}
div.ginput_complex.ginput_container.gf_name_has_2 > span:nth-child(n+2){padding-right:0}

/* Variables */

:root {
	/* put root color variables in here for easy use; SDC defaults used to start */
	--primary: #B52A31;
  --red: #B52A31;
	--secondary: #10137E;
  --blue: #10137E;
	--accent: #F99300;
  --yellow: #F99300;
	--light: #fafafa;
	--dark: #333333;


  --transition__fast-ease: .15s all ease-in-out;
  --transition__fast-easeInQuint: .15s all cubic-bezier(0.64, 0, 0.78, 0);
  --transition__fast-easeOutQuint: .15s all cubic-bezier(0.22, 1, 0.36, 1);
  --transition__fast-transform-easeOutQuint: .15s transform cubic-bezier(0.22, 1, 0.36, 1);
}

/* Resets */
body {margin: 0; padding: 0;}
#page {overflow-x: hidden;}

#content {padding-top: calc(45px + 0.5rem);}


a:focus, input:focus {
	outline: 1px solid var(--primary);
	outline-offset: 2px;
  }	


/* change this for global font size changes (as long as REM is used throughout like it should be) */
html {font-size: 16px;}



/* Text color classes */

/* .primary {color: var(--primary);} */
.secondary {color: var(--secondary);}
.accent {color: var(--accent);}
.light {color: var(--light);}
.dark {color: var(--dark);}

/* BG Color Classes */

.primary-bg {background-color: var(--primary);}
.secondary-bg {background-color: var(--secondary);}
.accent-bg {background-color: var(--accent);}
.light-bg {background-color: var(--light);}
.dark-bg {background-color: var(--dark);}

/* Typography */

body {line-height: 1.6; font-size: 1.125rem; font-weight: 400; font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .elementor-heading-title  {line-height: 1.4 /* may need to change depending on font and style but it's a good starting point */}


h1, .h1, h2, .h2, h3, .h3 {font-family: 'Hepta Slab', serif; font-weight: 500;}
h4, .h4, h5, .h5 {font-family: 'Montserrat', 'Helvetica', 'Arial', sans-serif;}
h6, .h6 {font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;}
h1, .h1 {font-size: 3.05rem;}
h2, .h2 {font-size: 2.44rem;}
h3, .h3 {font-size: 1.95rem;font-weight:500}
h4, .h4 {font-size: 1.56rem;font-weight:600}
h5, .h5 {font-size: 1.25rem;}
h6, .h6 {font-size: 1rem;}

cite, small, .small, caption {font-size: 0.8rem;}


p, ol, ul {font-size: 1.125rem; line-height: 1.6;}
div.elementor-text-editor p {font-size: inherit;}
strong, b {font-weight: 700;}
em, i {font-style: italic;}

a {color: var(--blue); transition: var(--transition__fast-ease);}
a:hover, a:focus {color: var(--yellow);}

.subheading {text-transform: uppercase; letter-spacing: .2rem; font-weight: 600; color: var(--primary);}
.subheading .elementor-heading-title {font-size: 1rem;
}
@media screen and (max-width: 1024px) {
  .subheading .elementor-heading-title {font-size: 0.8rem;}
}

@media (max-width: 768px) {
  h1, .h1 {font-size: 2.44rem;}
  h2, .h2 {font-size: 1.95rem;}
  h3, .h3 {font-size: 1.56rem;}
  h4, .h4 {font-size: 1.25rem;}
}

@media (max-width: 481px) {

}


/* Buttons */

.arrow .elementor-button-link .elementor-button-text:after {content: ' '; width: 20px; height: 12px; background-image: url('./images/icons/arrow-blue.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; margin-left: 0.5rem; transform: translateX(0); transition: .15s all ease-in-out;}

.arrow .elementor-button-link:hover .elementor-button-text:after, .arrow .elementor-button-link:focus .elementor-button-text:after {
  background-image: url('./images/icons/arrow-white.svg'); transform: translateX(10px);
}

/* Header */

.sdc-header {background-color: transparent; transition: .15s all cubic-bezier(0.22, 1, 0.36, 1);}
.sdc-header img {transition: .15s transform cubic-bezier(0.22, 1, 0.36, 1); -webkit-transform: scale(1); transform: scale(1); filter: brightness(1000) saturate(0) contrast(1000);}
.sdc-header .elementor-nav-menu--main a {color: white;}
.sdc-header .elementor-icon i {color: white;}

.sdc-header.scrolled img {transform: scale(0.7); -webkit-transform: scale(0.7); filter: brightness(1) saturate(1) contrast(1);}
.sdc-header.scrolled {background-color: white; padding: 0 1rem !important;}
.sdc-header.scrolled .elementor-nav-menu--main a {color: var(--blue);}
.sdc-header.scrolled .elementor-icon i {color: var(--blue);}

.sdc-header .elementor-nav-menu__container .sub-menu a {color: var(--blue);}

.sdc-header .elementor-nav-menu .sub-arrow {padding-top: 0px !important; position: absolute; top: 60%; right: 0;}

/* Mobile Menu */

.sdc-mmenu .elementor-nav-menu li .sub-menu {margin-left: 0 !important; min-width: 200px !important; width: auto; left: 50% !important; transform: translateX(-50%); top: 5rem !important;}


/* Footer */


/* Page Headers */

.hero {min-height: 550px; height: 40vh;}
.hero.superhero {min-height: 650px; height: 60vh;}
.hero.notext {min-height: 300px; height: 30vh;}

.hero > .elementor-container {height: 100%;}
/* This is where you change the size and color of the hero header red background */
.hero > .elementor-container >  .elementor-column >  .elementor-widget-wrap {background-color: transparent; background-image: linear-gradient(50deg, #B52A31CF 50%, #FFFFFF00 50%);}

.hero.superhero > .elementor-container > .elementor-column >  .elementor-widget-wrap {background-color: transparent; background-image: linear-gradient(50deg, #B52A31CF 60%, #FFFFFF00 60%);}
.hero > .elementor-container  > .elementor-column >  .elementor-widget-wrap section .elementor-row .elementor-column:first-of-type {padding-top: 50px;}

.hero::before {content: ''; position: absolute; width: 100%; height: 100%; background-color: #404040; background:linear-gradient(0deg, rgba(0,0,0,0) 65%, rgba(0,0,0,0.45) 100%); opacity: 1; pointer-events: none;}

@media (max-width: 768px) {
  .hero > .elementor-container  > .elementor-column >  .elementor-widget-wrap {background-color: transparent; background-image: linear-gradient(50deg, #B52A31CF 75%, #FFFFFF00 75%)}
  .hero.superhero > .elementor-container > .elementor-column >  .elementor-widget-wrap {background-color: transparent; background-image: linear-gradient(50deg, #B52A31CF 75%, #FFFFFF00 75%)}


}

@media (max-width: 481px) {
  .hero.superhero .subtitle, .hero.superhero h5 {font-size: .5rem !important;}
}

@media (max-width: 400px) {
  .hero {min-height: 550px; height: 65vh;}
  .hero.notext {min-height: 400px; height: 40vh;}
  .hero.superhero {min-height: 600px; height: 60vh;}
  .hero > .elementor-container > .elementor-column >  .elementor-widget-wrap {background-color: transparent; background-image: linear-gradient(50deg, #B52A31CF 75%, #FFFFFF00 75%)}
}


/* Section Overrides */

/* Lightbox */

.elementor-slideshow__header .eicon-frame-minimize {display: none !important;}

/* CTA Columns */

.cta-column .elementor-widget-heading, .cta-column .elementor-widget-text-editor, .cta-column .elementor-widget-divider .elementor-divider-separator {transition: var(--transition__fast-ease);}
.cta-column:hover .elementor-widget-heading .elementor-heading-title, .cta-column:hover .elementor-widget-text-editor {color: white !important;}
.cta-column:hover .elementor-widget-divider .elementor-divider-separator {border-color: white !important;}
.cta-column:hover .elementor-widget-button .elementor-button {border-color: white !important; background-color: white !important;}
.cta-column:hover .elementor-widget-button .elementor-button .elementor-button-text {color: var(--blue) !important;}
/*.cta-column:hover .elementor-widget-button .elementor-button .elementor-button-icon i {color: white !important;}*/

@media (min-width: 1025px) and (max-width: 1379px) {
  .cta-column .elementor-column-wrap {background-size: 530% auto !important;}
  .cta-column:hover .elementor-column-wrap {background-size: 600% auto !important;}
}

/* Core Values Section */

.alsc-values .elementor-accordion-item {margin-bottom: 2rem}
.alsc-values .elementor-accordion-item .elementor-tab-title span .fas, .alsc-values .elementor-accordion-item .elementor-tab-title span .fa {font-weight: 400;}
.alsc-values .elementor-accordion-item .elementor-tab-title span i.fa-plus:before {content: "+";}
.alsc-values .elementor-accordion-item .elementor-tab-title span i.fa-minus:before {content: "—"}
.alsc-values .elementor-accordion-item .elementor-tab-content {padding: 0 1rem; margin-left: 1.5rem; margin-top: 0; margin-bottom: 0.5rem; border-left: 2px solid var(--blue) !important; border-width: 1px; border-top-width: 0px;}


/* Testimonial Gallery */

/* .elementor-widget-testimonial-carousel .swiper-slide {box-shadow: 3px 3px 10px rgba(40,40,40.2);} */
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial {border-left: 2px solid var(--yellow); padding-left: 1rem; margin-top: 40px; position: relative;}
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial::before {content:''; position: absolute; width: 30px; height: 30px; background-image: url('./images/ALSC-quote-open--red-XS.png'); background-repeat: no-repeat; background-size: contain; display: block; top: -40px; left: 0;}
.elementor-widget-testimonial-carousel .swiper-slide .elementor-testimonial .elementor-testimonial__text {font-style: normal !important; font-size: 1rem !important; line-height: 1.6 !important}
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: initial; left: initial; top: -25%; right: 0; text-align: right; padding-right: 2rem;}
.swiper-pagination-bullet {opacity: 1 !important; border: 1px solid var(--red); background-color: white;}

@media (max-width: 768px) {
  .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 0; top: initial; right: initial; left: 0;}
}

/* Toggle */

.elementor-toggle-item {border-radius: 25px; background-color: var(--light); margin-bottom: 2rem; padding: 2rem;}
.elementor-toggle .elementor-tab-title {border-bottom-color: transparent; padding: 0; transition: var(--transition__fast-easeInQuint);}
.elementor-toggle .elementor-tab-title.elementor-active {padding-bottom: 1rem;}
.elementor-toggle-item .elementor-tab-content {padding: 0 1rem; padding-top: 0 !important; border-left: 2px solid var(--yellow); border-bottom: 0px solid transparent;}
.elementor-toggle-item .elementor-tab-content ul li {margin-bottom: 1rem;}
.elementor-toggle-item .elementor-tab-content ul li:last-of-type {margin-bottom: 0rem;}

.elementor-toggle-item .elementor-tab-content strong {color: var(--blue); margin-bottom: 1rem; display: block;}

/* Forms */

/* General Overrides */
.sdc-form-override {color: var(--dark);}
.sdc-form-override input[type="text"], .sdc-form-override select, .sdc-form-override textarea {background-color: transparent !important; border-color: var(--blue) !important; transition: var(--transition__fast-ease);}
.sdc-form-override input[type="text"]:focus, .sdc-form-override select:focus, .sdc-form-override textarea:focus {border-color: var(--yellow) !important;}

.sdc-form-override input[type="text"]:focus ~ label, .sdc-form-override input[type="select"]:focus ~ label, .sdc-form-override textarea:focus ~ label {color: var(--yellow);}

.sdc-form-override .gfield > label {margin-top: 1rem;}

.sdc-form-override .gfield span label {margin-bottom: -10px !important; background-color: white; display: block; position: relative; z-index: 2; width: max-content; padding: 0px 5px; margin-left: 5px !important; text-transform: uppercase; font-size: .7rem !important; }

/* Disclaimer Above Donation Form */
.sdc-form-override #field_4_22 {font-style: italic;}
.sdc-form-override #field_4_22::before {content: "*"}

/* Radio Box Styling + Checkboxes on Contact Us, Dues Renewal Forms */
.sdc-form-override .gfield_radio, .sdc-form-override .ginput_container_checkbox #input_2_5, .sdc-form-override .ginput_container_checkbox #input_7_46 {margin-bottom: 1rem; display: flex; flex-wrap: nowrap;}
.sdc-form-override .gfield_radio li, .sdc-form-override .ginput_container_checkbox #input_2_5 li, .sdc-form-override .ginput_container_checkbox #input_7_46 li {display: inline; margin-right: 2rem !important; flex: 1 1 33%; text-align: center;}
.sdc-form-override .gfield_radio li:last-of-type, .sdc-form-override .ginput_container_checkbox #input_2_5 li:last-of-type, .sdc-form-override .ginput_container_checkbox #input_7_46 li:last-of-type {margin-right: 0 !important;}
.sdc-form-override .gfield_radio li label, .sdc-form-override .ginput_container_checkbox #input_2_5 li label, .sdc-form-override .ginput_container_checkbox #input_7_46 li label {font-size: 1rem !important; padding: .5rem 1rem !important; border: 1px solid var(--blue); width: 100% !important; transition: var(--transition__fast-ease); max-width: 100% !important;}
.sdc-form-override .gfield_radio li label::before, .sdc-form-override .ginput_container_checkbox #input_2_5 li label::before, .sdc-form-override .ginput_container_checkbox #input_7_46 li label::before {opacity: 0; display: none !important;}
.sdc-form-override .gfield_radio li label:hover, .sdc-form-override .gfield_radio li label:focus, .sdc-form-override .ginput_container_checkbox #input_2_5 li label:hover, .sdc-form-override .ginput_container_checkbox #input_2_5 li label:focus, .sdc-form-override .ginput_container_checkbox #input_7_46 li label:hover, .sdc-form-override .ginput_container_checkbox #input_7_46 li label:focus  {background-color: var(--light); border-color: var(--yellow);}
.sdc-form-override .gfield_radio li input[type="radio"]:checked + label, .sdc-form-override .ginput_container_checkbox #input_2_5 li input[type="checkbox"]:checked + label, .sdc-form-override .ginput_container_checkbox #input_7_46 li input[type="checkbox"]:checked + label {background-color: var(--blue); border-color: var(--blue); color: white;}
.sdc-form-override .gfield_radio li input[type="text"] {margin-top: 1rem !important; width: 100% !important;margin-left: 0 !important;}
.sdc-form-override .gform_wrapper .top_label li ul.gfield_radio, .sdc-form-override .ginput_container_checkbox #input_2_5, .sdc-form-override .ginput_container_checkbox #input_7_46 {width: 100% !important;}

@media (max-width: 768px) {
  .sdc-form-override .ginput_container_checkbox #input_2_5, .sdc-form-override .ginput_container_checkbox #input_7_51 {flex-wrap: wrap;}
  .sdc-form-override .ginput_container_checkbox #input_2_5 li, .sdc-form-override .ginput_container_checkbox #input_7_51 li {flex: 1 1 45%; margin-right: 1rem !important;}
  .sdc-form-override .ginput_container_checkbox #input_2_5 li:nth-of-type(2n), .sdc-form-override .ginput_container_checkbox #input_7_51 li:nth-of-type(2n) {margin-right: 0 !important;}
}

/* Radio Boxes for 'How will Your Donation be Used' */
.sdc-form-override .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li {width: calc(50% - 1rem) !important; margin-bottom: 1rem !important;}
.sdc-form-override .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li.gchoice_4_23_6 {width: 100% !important;}
.sdc-form-override .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li.gchoice_4_23_6::before {content:'Or specify another way to utilize your donation:'; font-style: italic; font-size: .8rem; margin-top: .5rem; display: block; text-align: left;}
.sdc-form-override .gform_wrapper li.gfield.gf_list_2col ul.gfield_radio li:nth-of-type(2n) {margin-right: 0 !important;}

.sdc-form-override .ginput_container_total span {font-size: 1.6rem !important; color: var(--blue) !important; font-weight: 600;}
.sdc-form-override #field_4_26, .sdc-form-override #field_4_27, .sdc-form-override #field_4_28 {font-style: italic; opacity: .75;}

.sdc-form-override .gform_legacy_markup_wrapper li.gfield.field_description_below + li.gsection, .sdc-form-override .gsection {margin-top: 4rem !important; margin-bottom: 1rem !important; color: var(--blue); border-bottom: 1px solid var(--blue) !important;}

/* CC Auth on Membership + Dues Renewal Forms */
.sdc-form-override #input_3_20_1_container, .sdc-form-override #input_3_20_2_container, .sdc-form-override #input_3_20_5_container, .sdc-form-override #input_7_20_1_container, .sdc-form-override #input_7_20_2_container, .sdc-form-override #input_7_20_5_container {display: block;}
.sdc-form-override #input_3_20_5_container, .sdc-form-override #input_7_20_5_container  {margin-top: 1.5rem;}

/* Titles and Sections within Forms */
#gfield_description_7_24 {margin-top: 0.5rem;}

/* Submit Button */
.sdc-form-override input[type="submit"]:hover, .sdc-form-override input[type="submit"]:focus {cursor: pointer;}

@media (max-width: 640px) {
  .sdc-form-override .gfield_radio {flex-wrap: wrap;}
  .sdc-form-override #field_4_15 .gfield_radio {flex-wrap: nowrap;}
  .sdc-form-override .gfield_radio li input[type="text"] {margin-left: 0 !important; }
}

@media (max-width: 481px) {
  .sdc-form-override .gfield_radio li {flex: 1 1 100%; margin-right: 0 !important;}
  .sdc-form-override #field_4_15 .gfield_radio {flex-wrap: wrap;}
}

 /* Page-specific Elements */

 .background-image-caption {}

span.keeptogether {
  white-space: nowrap ;
}