/*
 Theme Name:     BROFI Child
 Theme URI:      https://www.brofi.eu
 Description:    Brofi Child Theme of Divi
 Author:         Jan Brokes
 Author URI:     https://www.brofi.eu
 Template:       Divi
 Version:        1.0.0
 License:        GNU General Public License v2 or later
 License URI:    http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
*/

/* =Theme customization starts here
------------------------------------------------------- */

/* ===== GOTHAM FONT FACE ===== */

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-XLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Black.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-BookItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Medium.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-Ultra.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-UltraItalic.woff2') format('woff2');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham';
  src: url('/wp-content/uploads/fonts/Gotham-BlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* ===== BASE TYPOGRAPHY ===== */

body {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 17px;
  line-height: 1.41;
  letter-spacing: 0;
  color: #003791;
}

.container,
.et_pb_row {
  width: 94% !important;
}

/* ===== ADMIN TYPOGRAPHY ===== */

body.wp-admin h1 { font-size: 32px !important; line-height: 1.3 !important; }
body.wp-admin h2 { font-size: 26px !important; line-height: 1.3 !important; }
body.wp-admin h3 { font-size: 22px !important; line-height: 1.3 !important; }
body.wp-admin h4 { font-size: 18px !important; line-height: 1.3 !important; }

/* ===== HEADINGS ===== */

h1 {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 69px !important;
  line-height: 1.13;
  color: #003791;
}

@media (max-width: 980px) { h1 { font-size: 55px !important; } }
@media (max-width: 767px) { h1 { font-size: 41px !important; } }

h2 {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 54px !important;
  line-height: 1.11;
  color: #003791;
}

@media (max-width: 980px) { h2 { font-size: 43px !important; } }
@media (max-width: 767px) { h2 { font-size: 32px !important; } }

h3 {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 36px !important;
  line-height: 1.17;
  color: #003791;
}

@media (max-width: 980px) { h3 { font-size: 29px !important; } }
@media (max-width: 767px) { h3 { font-size: 22px !important; } }

h4 {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 30px !important;
  line-height: 1.2;
  color: #003791;
}

@media (max-width: 980px) { h4 { font-size: 24px !important; } }
@media (max-width: 767px) { h4 { font-size: 18px !important; } }

h5 {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 27px !important;
  line-height: 1.11;
  color: #003791;
}

@media (max-width: 980px) { h5 { font-size: 22px !important; } }
@media (max-width: 767px) { h5 { font-size: 16px !important; } }

/* ===== BODY TEXT ===== */

p,
li,
span {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

@media (max-width: 980px) { body { font-size: 14px; } }
@media (max-width: 767px) { body { font-size: 10px; } }

.text-large {
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  font-weight: 500;
  font-size: 27px;
  line-height: 1.33;
  color: #003791;
}

@media (max-width: 980px) { .text-large { font-size: 22px; } }
@media (max-width: 767px) { .text-large { font-size: 16px; } }