/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
:root {
	--font-awesome: 'Font Awesome 6 Free';


/* SIZING & WIDTHS */

--margin:  30px;
--padding: 20px;
--spacing: 36px;

--container-width:      1170px;
--container-width-wide: 1500px;

/* COLORS */
--black: #000;
--body-color: #2E333B;
--white: #fff;
--black-rgb: 0,0,0;
--white-rgb: 255,255,255;

--grey:             #ccc;
--grey-dark:        #4c4c4c;
--grey-medium:		#999;
--grey-light:		#DFDEE1;
--grey-ultra-light:	#f2f2f2;

--brand-primary:   #1C0E52; /* DARK BLUE */
--brand-secondary: #371CA1; /* MEDIUM BLUE */
--brand-tan: 	   #f6f4ef; /* TAN */
--brand-green:	   #1ECD7D; /* GREEN */

--light-border-tab-navigation: #D7D2EC;
--light-interactive-inverse-hover: #BDB4E0;
--light-interactive-secondary: #5F49B4;
--light-interactive-table-background: #E7E4F4;
--light-surface-subdued: #F7F6FB;
--light-text-header-subdued: #493E75;

--success: #68ab69;
--error:   #de4949;
--warning-surface: #FCF6DB;
--warning-text: #605100;

/* TYPOGRAPHY */

/* FONTS */
--font-primary:     'DrukText', sans-serif;
--font-primary-500: 'Druk Text Medium', sans-serif;
--font-primary-700: 'Druk Text Bold', sans-serif;
--font-secondary:   'Druk Text Medium', sans-serif;

--font-weight-thin:   100;
--font-weight-light:  300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semi:   600;
--font-weight-bold:   700;
--font-weight-extra:  800;
--font-weight-black:  900;

/* BASE */
--font-size: 16px; /* default HTML font size */

/* SIZES */
--font-size-10: 0.625rem;
--font-size-12: 0.750rem;
--font-size-13: 0.813rem;
--font-size-14: 0.875rem;
--font-size-18: 1.125rem;
--font-size-20: 1.25rem;
--font-size-22: 1.375rem;
--font-size-24: 1.5rem;
--font-size-26: 1.625rem;
--font-size-28: 1.75rem;
--font-size-32: 2rem;
--font-size-36: 2.250rem;
--font-size-40: 2.5rem;
--font-size-64: 4rem;
--font-size-72: 4.5rem;
--font-size-96: 6rem;

/* BODY */
--body-bg:          var(--white);
--body-color:       var(--body-color);
--body-font-size:   var(--font-size);
--body-font-weight: var(--font-weight-normal);
--letter-spacing:   0;
--line-height:      1.625;

/* HEADINGS */
--heading-color:  var(--brand-primary);
--heading-font:   var(--font-secondary);
--heading-weight: var(--font-weight-bold);

--hero-color:          var(--brand-primary);
--hero-font-family:    var(--font-secondary);
--hero-font-size:      var(--font-size-72); // 72px
--hero-font-weight:    var(--font-weight-medium);
--hero-letter-spacing: -1.2px;
--hero-line-height:    1;

--h1-color:          var(--body-color);
--h1-font-family:    var(--font-secondary);
--h1-font-size:      var(--font-size-32); // 32px
--h1-font-weight:    var(--font-weight-bold);
--h1-letter-spacing: 0;
--h1-line-height:    1.2;

--h2-color:          var(--brand-primary);
--h2-font-family:    var(--font-secondary);
--h2-font-size:      var(--font-size-32); // 32px
--h2-font-weight:    var(--font-weight-medium);
--h2-letter-spacing: -0.8px;
--h2-line-height:    1;

--h3-color:          var(--brand-primary);
--h3-font-family:    var(--font-primary-700);
--h3-font-size: 	 var(--font-size-24); // 24px
--h3-font-weight:    var(--font-weight-normal);
--h3-letter-spacing: 0;
--h3-line-height:    1.33;

--h4-color:          var(--brand-primary);
--h4-font-family:    var(--font-secondary);
--h4-font-size: 	 var(--body-font-size); // 16px
--h4-font-weight:    var(--font-weight-bold);
--h4-letter-spacing: 0;
--h4-line-height:    var(--line-height);

--h5-color:          var(--body-color);
--h5-font-family:    var(--font-primary);
--h5-font-size: 	 var(--font-size-12); // 12px
--h5-font-weight:    var(--font-weight-normal);
--h5-letter-spacing: 0;
--h5-line-height:    1.333;

/* LINKS */

--link-color:            var(--brand-primary);
--link-decoration:       underline;
--link-font-weight:      var(--font-weight-normal);
--link-letter-spacing:   0;
--link-text-transform:   none;

/* LINK HOVER */
--link-hover-color:      var(--brand-secondary);
--link-hover-decoration: underline;


/* MISC */
--radius-large: 20px;
--trans-speed: 0.25s;

/* HEADER HEIGHT - USED FOR SCROLL PADDING AND OFFSETS */
--header-height: 90px;
}

/* RESPONSIVE H1 and H2 font sizes */
@media (min-width: 768px) {
    :root {
		--h1-font-size:   2.5rem; /* 40px */
		--h2-font-size:   var(--font-size-36); /* 36px */
    }
}

@media (min-width: 992px) {
	:root {
    	--spacing: 80px;

    	--h1-font-size:   2.5rem; /* 40px */
    	--h2-font-size:   var(--font-size-64); /* 64px */
	}
}

/* OVERRIDE THEME OVERRIDES FOR DND SECTION */
.dnd-section {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.container-fluid,
.dnd-section .widget-type-cell:not(.span3):not(.span4):not(.span6):not(.span8),
.dnd-section > .row-fluid {
  all: unset;
}

.dnd_area-row-1-max-width-section-centering > .row-fluid,
.dnd_area-row-2-max-width-section-centering > .row-fluid,
.dnd_area-row-3-max-width-section-centering > .row-fluid,
.dnd_area-row-4-max-width-section-centering > .row-fluid,
.dnd_area-row-5-max-width-section-centering > .row-fluid,
.dnd_area-row-6-max-width-section-centering > .row-fluid,
.dnd_area-row-7-max-width-section-centering > .row-fluid,
.dnd_area-row-8-max-width-section-centering > .row-fluid,
.dnd_area-row-9-max-width-section-centering > .row-fluid,
.dnd_area-row-10-max-width-section-centering > .row-fluid,
.dnd_area-row-11-max-width-section-centering > .row-fluid,
.dnd_area-row-12-max-width-section-centering > .row-fluid,
.dnd_area-row-13-max-width-section-centering > .row-fluid,
.dnd_area-row-14-max-width-section-centering > .row-fluid {
  all: inherit;
}

@media (max-width: 895px) {
  .row-fluid [class*=span]:first-child {
    margin-left: auto;
  }
  .row-fluid .span6 {
    width: 100%;
    max-width: 760px;
    margin: 20px auto;
    padding: 0 20px;
    float: none;
    display: block;
  }
}