/* 
   Font Imports
    */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/* 
   Reset & Base Styles
    */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 
   CSS Custom Properties
    */
:root {
    /* Color Palette */
    --primary-color: #e9682e;
    --black-color: #181818;
    --gray-700: #606060;
    --gray-400: #f5f5f4;
    --white-color: #ffffff;
    --brown-color: #5f0808;

    /* Typography */
    --font-primary: 'Marcellus', serif;
    --font-secondary: 'Work Sans', sans-serif;

	  /* Spacing */
  --spacing-xs: 12px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 46px;
  --spacing-xl: 96px;

    /* Transitions */
    --transition: all 0.3s ease;

    /* Layout */
    --container-max: 1720px;
    --container-medium: 1280px;
    --container-padding: 20px;
	
	/* Base spacing scale */
	--space-0: 0;
    --space-1: 0.5rem;
    --space-2: 1.5rem;
    --space-3: 2rem;
    --space-4: 2.5rem;
    --space-5: 3rem;
}

/* 
   Typography - Headings
    */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-primary);
    color: var(--black-color);
    font-weight: 400;
    line-height: 1.2;
}

h1,
.h1 {
    font-size: 56px;
    font-weight: 400;
}

h2,
.h2 {
    font-size: 42px;
    font-weight: 400;
}

h3,
.h3 {
    font-size: 32px;
    font-weight: 400;
	line-height: 1;
}

h4,
.h4,
.heading {
    font-size: 24px;
    font-weight: 400;
}

/* 
   Typography - Text Styles
    */

.supporting-text {
    font-family: var(--font-secondary);
    font-size: 18px;
    font-weight: 400;
}

.title-text {
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 400;
}

.content-title {
    margin-bottom: var(--spacing-md);
}

p {
    margin-bottom: var(--spacing-md);
}

p:last-child {
    margin-bottom: 0;
}

/* gaps */

/* Margin Top */
.mt-0 {
    margin-top: var(--space-0) !important;
}
.mt-1 {
    margin-top: var(--space-1) !important;
}
.mt-2 {
    margin-top: var(--space-2) !important;
}
.mt-3 {
    margin-top: var(--space-3) !important;
}
.mt-4 {
    margin-top: var(--space-4) !important;
}
.mt-5 {
    margin-top: var(--space-5) !important;
}
/* Margin Bottom */
.mb-0 {
    margin-bottom: var(--space-0) !important;
}
.mb-1 {
    margin-bottom: var(--space-1) !important;
}
.mb-2 {
    margin-bottom: var(--space-2) !important;
}
.mb-3 {
    margin-bottom: var(--space-3) !important;
}
.mb-4 {
    margin-bottom: var(--space-4) !important;
}
.mb-5 {
    margin-bottom: var(--space-5) !important;
}

.pt-0{
    padding-top: 0rem !important;
}
.pt-1{
    padding-top: 1rem !important;
}
.pt-2{
    padding-top: 1.5rem !important;
}
.pt-3{
    padding-top: 2rem !important;
}
.pt-4{
    padding-top: 2.6rem !important;
}
.pt-5{
    padding-top: 3rem !important;
}

.pb-0{
    padding-bottom: 0rem !important; 
}
.pb-1{
    padding-bottom: 1rem !important; 
}
.pb-2{
    padding-bottom: 1.5rem !important;
}
.pb-3{
    padding-bottom: 2rem !important;
}
.pb-4{
    padding-bottom: 2.5rem !important;
}
.pb-5{
    padding-bottom: 3rem !important;
}


/* colors */


.primary-color {
	color: var(--primary-color);
}
.black-color {
	color: var(--black-color);
}
.white-color {
	color: var(--white-color);
}
.dark-gray {
	color: var(--gray-color-700);
}
.light-gray {
	color: var(--gray-color-400);
}
.brown-color {
	color: var(--brown-color);
}


/* 
   Buttons
    */
.button {
    padding: 12px 46px 12px 24px;
    font-family: var(--font-secondary);
    font-size: 18px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid var(--white-color);
    color: var(--white-color);
	display: inline-block;
	background-repeat: no-repeat;
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.986774 0.20544C1.02716 0.226147 1.06757 0.246796 1.10801 0.26739C1.19188 0.310166 1.27564 0.353184 1.35933 0.39638C1.53329 0.48594 1.70854 0.572459 1.88381 0.659019C1.9787 0.705924 2.07349 0.753057 2.16829 0.800164C2.20631 0.819045 2.24433 0.837925 2.28235 0.856805C4.16429 1.79137 6.04624 2.72594 9.86714 4.62339C9.90519 4.64228 9.94324 4.66118 9.98129 4.68007C10.0759 4.72704 10.1705 4.77403 10.2651 4.82102C10.4415 4.90869 10.618 4.99628 10.7946 5.0836C10.877 5.12437 10.9594 5.16519 11.0419 5.206C11.0808 5.22525 11.1196 5.24447 11.1586 5.26368C11.2634 5.31544 11.3682 5.36752 11.4726 5.42028C11.5048 5.43653 11.5371 5.45269 11.5693 5.46878C11.6148 5.49152 11.66 5.51469 11.7051 5.538C11.7307 5.551 11.7562 5.56401 11.7825 5.57741C11.8801 5.64168 11.9482 5.73213 11.9889 5.84745C12.0071 5.99146 12.01 6.13221 11.9421 6.26124C11.8062 6.44985 11.5809 6.53157 11.3835 6.62604C11.2971 6.66743 11.2109 6.70931 11.1247 6.75114C11.107 6.75972 11.0893 6.76831 11.071 6.77715C10.8926 6.86379 10.7154 6.9533 10.5383 7.04319C10.2697 7.17942 10 7.31273 9.72946 7.4444C9.49126 7.56037 9.25409 7.6785 9.01757 7.7984C8.74895 7.93458 8.47925 8.06794 8.2087 8.1996C7.9705 8.31558 7.73332 8.4337 7.49681 8.55361C7.22819 8.68979 6.95849 8.82314 6.68793 8.95481C6.44973 9.07078 6.21256 9.18891 5.97605 9.30881C5.70742 9.44499 5.43773 9.57835 5.16717 9.71001C4.92897 9.82599 4.6918 9.94411 4.45528 10.064C4.18666 10.2002 3.91696 10.3336 3.64641 10.4652C3.40821 10.5812 3.17104 10.6993 2.93452 10.8192C2.66599 10.9554 2.39642 11.0887 2.12593 11.2203C1.89773 11.3313 1.6706 11.4445 1.44413 11.5596C1.30942 11.6279 1.17444 11.6956 1.03942 11.7632C1.01417 11.7759 0.988914 11.7886 0.962898 11.8017C0.896011 11.835 0.828878 11.8677 0.761584 11.9001C0.742984 11.9095 0.724383 11.9188 0.705218 11.9285C0.566002 11.9941 0.415365 12.0271 0.267365 11.9726C0.153441 11.909 0.0672285 11.8109 0.00997637 11.6877C-0.0151319 11.4793 0.00250012 11.3329 0.116814 11.1619C0.135603 11.1361 0.154392 11.1102 0.173751 11.0835C0.197856 11.0498 0.221952 11.0161 0.246042 10.9824C0.301595 10.905 0.357624 10.8281 0.413838 10.7513C0.498857 10.6346 0.580848 10.5157 0.66215 10.396C0.77832 10.2251 0.896386 10.0559 1.01602 9.8878C1.13456 9.72117 1.25172 9.55362 1.36697 9.38433C1.49767 9.19232 1.63117 9.00279 1.76562 8.8138C1.86813 8.66943 1.96908 8.52396 2.06886 8.37739C2.19956 8.18538 2.33307 7.99585 2.46751 7.80686C2.57002 7.66249 2.67097 7.51702 2.77075 7.37045C2.90124 7.17876 3.03451 6.98954 3.16873 6.80086C3.31637 6.59293 3.46078 6.38253 3.60432 6.17131C3.62749 6.13741 3.65158 6.10424 3.67621 6.07155C3.71328 6.02526 3.71328 6.02526 3.69673 5.96722C3.64411 5.86829 3.57982 5.78201 3.51358 5.69327C3.39675 5.53431 3.28247 5.37392 3.17141 5.21025C3.05524 5.03933 2.93717 4.87018 2.81754 4.70206C2.68526 4.51612 2.55516 4.32869 2.42656 4.13978C2.32451 3.99023 2.22045 3.84245 2.11565 3.69512C1.98338 3.50918 1.85327 3.32175 1.72467 3.13284C1.62262 2.98329 1.51856 2.8355 1.41376 2.68818C1.28149 2.50224 1.15137 2.31481 1.02278 2.1259C0.920732 1.97635 0.816665 1.82857 0.711867 1.68124C-0.0120325 0.662969 -0.0120325 0.662969 0.00997637 0.334454C0.0484227 0.214708 0.108025 0.139738 0.197147 0.0575456C0.484938 -0.086435 0.726585 0.0688321 0.986774 0.20544Z' fill='white'/%3E%3C/svg%3E%0A");
    background-position: 90% center;
}

.button-primary {
    background-color: var(--primary-color);
    border-color: transparent;
}

.button-primary:hover {
    background-color: var(--brown-color);
}


.button-secondary {
    background-color: var(--black-color);
    border-color: var(--white-color);
}

.button-secondary:hover {
    background-color: var(--gray-700);
}

/* 
   Lists
    */
ul {
    list-style: none;
}

/* 
   Layout - Containers
    */
.container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    width: 100%;
}

.container-medium {
    max-width: var(--container-medium);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    width: 100%;
}

/* 
   Spacing Utilities
    */
.section-gap {
    padding: var(--spacing-xl) 0;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pt-sm {
	padding-top: 42px !important;
}
.pb-sm {
	padding-bottom: 42px !important;
}
.pt-xl{
	padding-top: 96px !important
}

.pb-xl{
	padding-bottom: 96px !important
}

img{
	max-width:100%;
}

/* 
   Responsive Design
    */
@media (max-width: 991px) {

    /* font  */
    h1, .h1 {
        font-size: 32px !important;
    }

    h2, .h2 {
        font-size: 28px !important;
    }

    h3, .h3 {
        font-size: 24px !important;
    }
}
@media (max-width: 768px) {
  :root {
    --spacing-xl: 64px;
    --container-padding: 16px;
  }
  
  .button {
    padding: 10px 36px 10px 20px;
/*     font-size: 1rem; */
  }
  
  .button::after {
    right: 12px;
    width: 10px;
    height: 10px;
  }
	.pt-xl{
	padding-top: 60px !important
	}

	.pb-xl{
	padding-bottom: 60px !important
	}
}

@media (max-width: 480px) {
  :root {
    --spacing-xl: 48px;
  }
}

#tinymce > * {
	color: #000000 !important;
}