/*
 Theme Name:   FWTL
 Description:  Divi Child Theme
 Author:       Dunkelbunt
 Author URL:   –
 Template:     Divi
 Version:      1.0.0
 Text Domain:  Divi
*/

:root {
	/* Colors */
	--clr-white: #fff;
	--clr-grey: #f3f3f2;
	--clr-black: #1D1D1B;
	--clr-red: #E1141B;
	--clr-yellow: #F8E81F;

	/* Font Sizes */
	--fs-900: clamp(2.5rem, (2.5rem + 1vw), 3.755rem); /* 40-54px */
	--fs-800: clamp(2rem, (2rem + 1vw), 3rem); /* 32-48px */
	--fs-700: clamp(1.5rem, (1.5rem + 1vw), 2.25rem); /* 24-36px */
	--fs-600: clamp(1rem, (1rem + 1vw), 1.5rem); /* 16-24px */
	--fs-500: clamp(1rem, (1rem + 1vw), 1.125rem); /* 18px */
	--fs-400: clamp(.75rem, (.75rem + 1vw), 1rem); /* 12-16px */
}

/* WORK SANS */
@font-face {
  font-family: "WorkSans Black";
  src: url("fonts/WorkSans-Black.woff2") format("woff2"),
       url("fonts/WorkSans-Black.woff") format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
  font-family: "WorkSans Medium";
  src: url("fonts/WorkSans-Medium.woff2") format("woff2"),
       url("fonts/WorkSans-Medium.woff") format('woff');
    font-weight: 600;
    font-style: normal;
}

/* ROCKWELL */
@font-face {
    font-family: 'Rockwell Bold Italic';
    src: url('fonts/Rockwell-BoldItalic.woff2') format('woff2'),
        url('fonts/Rockwell-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Rockwell Bold';
    src: url('fonts/Rockwell-Bold.woff2') format('woff2'),
        url('fonts/Rockwell-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Rockwell Regular';
    src: url('fonts/Rockwell.woff2') format('woff2'),
        url('fonts/Rockwell.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* TAHOMA */
@font-face {
    font-family: 'Tahoma Bold';
    src: url('fonts/Tahoma-Bold.woff2') format('woff2'),
        url('fonts/Tahoma-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tahoma Regular';
    src: url('fonts/Tahoma.woff2') format('woff2'),
        url('fonts/Tahoma.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


.et_pb_column h1, h1 {
	font-family: "WorkSans Black", sans-serif;
	font-size: var(--fs-800);
	color: var(--clr-red);
}

.et_pb_column h2, h2 {
	font-family: "Rockwell Bold", sans-serif;
	font-size: var(--fs-700);
	color: var(--clr-red);
}

.et_pb_column h3, h3 {
	font-family: "Rockwell Bold Italic", 'Rockwell', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
	font-size: var(--fs-600);
	line-height: 1.2;
	font-weight: bold;
	font-style: italic;
	color: var(--clr-white);
	
	display: inline-block;
	background-color: var(--clr-red);
	padding: .75em 1.5em .5em 1em;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
}
.et_pb_bg_layout_dark h3 {
	color: var(--clr-red) !important;
	background-color: var(--clr-white);
}

.subtitle {
	font-family: "Rockwell Regular", 'Rockwell', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
	font-size: var(--fs-600);
	color: var(--clr-red);
}

.caps {
	font-family: "WorkSans Medium", sans-serif;
	font-size: var(--fs-400);
	text-transform: uppercase;
	color: var(--clr-black);
}

.teaser {
	font-family: "Tahoma Regular", sans-serif;
	font-size: var(--fs-600);
	line-height: 1.6;
	color: var(--clr-black);
}

.cta-head {
	font-family: "WorkSans Black", sans-serif;
	font-size: var(--fs-900);
	line-height: 1.25;
	text-transform: uppercase;
	color: var(--clr-red);
	padding-bottom: .5em;
}
.et_pb_bg_layout_dark .cta-head {
	color: var(--clr-white);
}
.cta-subhead {
	font-family: "Rockwell Regular", sans-serif;
	font-size: var(--fs-600);
	color: var(--clr-red);
}
.et_pb_bg_layout_dark .cta-subhead {
	color: var(--clr-white);
}

.section,
.section-grey,
.section-yellow {
	font-family: "WorkSans Medium", sans-serif;
	font-size: var(--fs-400);
	text-transform: uppercase;
	color: var(--clr-red);
	
	display: inline-block;
	padding: .5em 1.5em .5em 1em;
	margin-left: -1rem;
	margin-bottom: -.5rem;
	clip-path: polygon(0 0, 100% 0, 96% 100%, 0% 100%);
}
.section {
	background-color: var(--clr-white);
}
.section-grey {
	background-color: var(--clr-grey);
}
.section-yellow {
	background-color: var(--clr-yellow);
}

p {
	font-family: "Tahoma Regular", sans-serif;
	font-size: var(--fs-500);
	line-height: 1.6;
}

.list {
	font-family: "Tahoma Regular", sans-serif;
	font-size: var(--fs-500);
	line-height: 1.6;
}
.list li {
	padding-bottom: .5rem;
}
.list li::marker {
    color: var(--clr-red);
}
.et_pb_bg_layout_dark .list li::marker {
    color: var(--clr-yellow);
}