/*
Theme Name: J&S
Theme URI:
Author: J&S
Author URI: https://johnsonandsekin.com
Description: 
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: shortcodes, Inputs, Custom Fields Builder, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: charm

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.background-mimic img {
  position: absolute;
  left: 0;
  top: 0;
}

/*============================================================================
FONT IMPORT
=============================================================================*/

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: DIN Next Complete Family Pack by Monotype
 * URL: https://www.myfonts.com/products/din-next-complete-family-pack-package-353594
 * Copyright: Copyright © 2023 Monotype Imaging Inc. All rights reserved.
 *
 * © 2023 MyFonts Inc. */

/* ULTRA LIGHT */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextUltraLight/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextUltraLight/font.woff") format("woff");
  font-display: swap;
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextUltraLightItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextUltraLightItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextUltraLightCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextUltraLightCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 100;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextUltraLightCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextUltraLightCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 100;
  font-style: italic;
  font-stretch: condensed;
}
/* LIGHT */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextLight/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextLight/font.woff") format("woff");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextLightItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextLightItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextLightCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextLightCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 300;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextLightCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextLightCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 300;
  font-style: italic;
  font-stretch: condensed;
}
/* NORMAL */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextRegular/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextRegular/font.woff") format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 400;
  font-style: italic;
  font-stretch: condensed;
}
/* MEDIUM */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextMedium/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextMedium/font.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextMediumItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextMediumItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextMediumCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextMediumCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextMediumCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextMediumCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 600;
  font-style: italic;
  font-stretch: condensed;
}
/* BOLD */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBold/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBold/font.woff") format("woff");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBoldItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBoldItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBoldCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBoldCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 700;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBoldCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBoldCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 700;
  font-style: italic;
  font-stretch: condensed;
}
/* HEAVY */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextHeavy/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextHeavy/font.woff") format("woff");
  font-display: swap;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextHeavyItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextHeavyItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 800;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextHeavyCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextHeavyCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 800;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextHeavyCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextHeavyCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 800;
  font-style: italic;
  font-stretch: condensed;
}
/* BLACK */
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBlack/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBlack/font.woff") format("woff");
  font-display: swap;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBlackItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBlackItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBlackCondensed/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBlackCondensed/font.woff") format("woff");
  font-display: swap;
  font-weight: 900;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "DINNext";
  src: url("assets/fonts/webFonts/DINNextBlackCondensedItalic/font.woff2") format("woff2"), url("assets/fonts/webFonts/DINNextBlackCondensedItalic/font.woff") format("woff");
  font-display: swap;
  font-weight: 900;
  font-style: italic;
  font-stretch: condensed;
}
@font-face {
  font-family: "Barlow";
  src: url("assets/fonts/googleFonts/Barlow-Regular.ttf") format("tff");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

/* ===================================
   Address Element Normalization
   =================================== */
address {
    font-style: normal;      
    font-weight: normal;    
    line-height: inherit;    
    padding: 0;            
    display: block;         
}

.footer-address,
.site-footer address {
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;       
}

.footer-address a,
.site-footer address a {
    color: inherit;         
    text-decoration: none;  
    font-style: normal !important;
    font-size: 1.6rem !important;
    font-weight: 300;
    display: inline-block;  
}

.footer-logo{
  margin-bottom: 0 !important;
}

/*============================================================================
VARIABLES
most moved to theme.json
=============================================================================*/

:root {
  /*================ #Breakpoints ================*/
  --size-tablet: 600px;
  --size-desktop: 980px;

  --size-max: 1600px;

  --clr-light-neutral: #b6b5b6;

  accent-color: var(--wp--preset--color--primary);
}

/*============================================================================
Global Styles
=============================================================================*/

/* old spacing scale
      "padding-xs": "0.3rem",
      "padding-s": "0.8rem",
      "padding-m": "1.7rem",
      "padding-l": "2.7rem",
      "padding-xl": "3.8rem",
      "padding-xxl": "5rem",
      "padding-xxxl": "6.3rem",
       */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/*================ Text Styles ================*/
nav * a,
a.button {
  text-decoration: none;
}
/* a:hover,
a:hover * {
  opacity: 0.8 !important;
} */
a,
.bg-white a,
.bg-light a {
  color: var(--wp--preset--color--primary);
  font-weight: bold;
}
.bg-dark a {
  color: var(--wp--preset--color--accent);
}

body {
  font-family: "DINNext", sans-serif !important;
  line-height: 1.6;
  color: var(--wp--preset--color--primary);
  background-color: var(--wp--preset--color--white);
}

strong,
b {
  font-weight: 700;
}

em {
  font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
bold,
li {
  font-family: "DINNext", sans-serif !important;
  font-weight: 700;

  margin-bottom: 0.6em;
  line-height: 1.3;
}
h1 {
  font-size: var(--wp--preset--font-size--xxl);
}
h2 {
  font-size: var(--wp--preset--font-size--xl);
}
h3 {
  font-size: var(--wp--preset--font-size--l);
}
h4 {
  font-size: var(--wp--preset--font-size--m);
}
h5 {
  font-size: var(--wp--preset--font-size--s);
}
h6 {
  font-size: var(--wp--preset--font-size--s);
}

p,
ul {
  font-size: var(--wp--preset--font-size--s);
  margin: 0;
}
p {
  line-height: 1.6;
  margin-bottom: 0.7em;
}
ol,
ul {
  margin-left: 1em;
}

li {
  line-height: 1.2;
  margin-bottom: 0.2em;
}
ul.content-list li {
  text-align: left;
}

p.strong {
  font-weight: 500;
}
img {
  width: 100%;
  height: auto;
}

img.alignleft,
figure.alignleft {
  float: left;
  width: unset;
  padding-right: 1rem;
}
img.alignright,
figure.alignright {
  float: right;
  width: unset;
  padding-left: 1rem;
}

em {
  font-style: italic !important;
}

/*.page-id-9004111222152168 .text-banner {
	padding-top: 0em;
}*/

/*.page-id-9004111222152168 .content-box strong a {
	font-weight: bold;
}*/

.popupform {
  background: rgba(245, 245, 245, 1);
  border: 1px solid #ccc;
  bottom: 0;
  max-width: 390px;
  padding: 40px;
  position: fixed;
  right: 0;
  width: 100%;
  z-index: 9999;
}

.popupform--hidden {
  display: none;
}

.popupform__close {
  cursor: pointer;
  display: block;
  height: 29px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 29px;
}

.popupform__close::before, .popupform__close::after {
  background-color: #000;
  content: '';
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}

.popupform__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.popupform__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.popupform__heading {
  color: #000;
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 20px;
}

.popupform__form {
}

.popupform__form .wpforms-container {
  margin: 0 !important;
}

.popupform__form .wpforms-container .wpforms-field {
  margin-bottom: 10px;
  padding: 0;
}

.popupform__form .wpforms-container .wpforms-field .wpforms-error {
}

.popupform__form .wpforms-container .wpforms-field .wpforms-field-label {
  display: none;
}

.popupform__form .wpforms-container .wpforms-field input[type="text"], .popupform__form .wpforms-container .wpforms-field input[type="email"] {
  border: 1px solid #ddd;
  border-radius: 0;
  height: auto;
  line-height: 1;
  max-width: 100% !important;
  padding: 12px 10px;
}

.popupform__form .wpforms-submit-container {
  margin: 0 !important;
  padding-top: 15px;
}

.popupform__form .wpforms-submit-container button[type="submit"] {
  width: 100%;
}

/**/

.popupform__button {
}

.popupform__button a {
  background: #FDD106 !important;
  color: #252b3a;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.25rem;
  line-height: 1;
  padding: 0.6em 1em;
  text-align: center;
  text-transform: uppercase;
}

.popupform__button--hide a {
  display: none;
}

.popupform__iframe {
  display: none;
}

.popupform__iframe--active {
  display: block;
}

.popupform__iframe iframe {
  height: 450px;
}

/**/

.iframe-box {
}

.iframe-box.iframe-box--right {
  order: 2;
  padding-left: 5rem;
}

.iframe-box__wrapper {
  width: 100%;
}

.iframe-box__wrapper iframe {
  display: block;
  width: 100%;
}

.iframe-content-box .content-box {
  justify-content: normal;
}

@media only screen and (max-width: 600px) {
  .iframe-box.iframe-box--right {
    order: 0;
    padding-left: 0;
  }
}

/**/

.columns-section--padding {
  padding-top: 20rem !important;
}

/**/

.scarousel {
  background-color: #252A37;
  padding: 0 30px;
}

.scarousel__box {
  overflow: hidden;
  padding: 70px 0;
}

.scarousel__items {
  display: flex;
  transition: transform 0.5s ease-in-out;
  width: 100%;
}

.scarousel__item {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  width: 100%;
}

.scarousel__item__left {
  padding-left: 120px;
  padding-right: 24px;
  width: 40%;
}

.scarousel__item__right {
  position: relative;
  width: 60%;
}

.scarousel__item__heading {
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.25;
  margin-bottom: 30px;
  margin-top: 0;
  padding-bottom: 30px;
  position: relative;
}

.scarousel__item__heading::after {
  background-color: #FDD100;
  bottom: 0;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  width: 34px;
}

.scarousel__item__text {
}

.scarousel__item__text p {
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
}

.scarousel__item__link {
  margin-top: 30px;
}

.scarousel__item__link a {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1;
}

.scarousel__item__link a:hover {
  color: #fff;
}

.scarousel__item__image {
}

.scarousel__item__image img {
  display: block;
}

@media (max-width: 1100px) {
  .scarousel__item__left {
    padding-left: 0;
  }
}

@media (max-width: 991px) {
  .scarousel {
    padding: 0 25px;
  }
  .scarousel__box {
    padding: 25px 0;
  }
  .scarousel__item {
    flex-direction: column-reverse;
  }
  .scarousel__item__left {
    padding: 20px 0 0;
    width: 100%;
  }
  .scarousel__item__right {
    padding-bottom: 6px;
    width: 100%;
  }
  .scarousel__item__heading {
    font-size: 16px;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
  .scarousel__item__text p {
    font-size: 14px;
  }
  .scarousel__item__link {
    margin-top: 10px;
  }
  .scarousel__item__link a {
    font-size: 13px;
  }
}

/**/

.scarousel__arrow {
  align-items: center;
  background-color: #FDD100;
  bottom: 0;
  color: #252A37;
  cursor: pointer;
  display: flex;
  font-size: 24px;
  height: 64px;
  justify-content: center;
  position: absolute;
  width: 64px;
}

.scarousel__arrow:hover {
  opacity: 0.85;
}

.scarousel__arrow.scarousel__prev {
  right: 64px;
}

.scarousel__arrow.scarousel__next {
  right: 0;
}

.scarousel__dots {
  bottom: -24px;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(var(--items), 1fr);
  left: 0;
  position: absolute;
  width: 100%;
}

.scarousel__dot {
  background-color: #E2E8F0;
  height: 8px;
  width: 100%;
}

.scarousel__dot.active {
  background-color: #FDD100;
}

@media (max-width: 991px) {
  .scarousel__arrow {
    bottom: 50%;
    font-size: 12px;
    height: 20px;
    transform: translateY(50%);
    width: 20px;
  }
  .scarousel__arrow.scarousel__prev {
    right: calc(100% - 20px);
  }
  .scarousel__arrow.scarousel__next {
    right: 0;
  }
  .scarousel__dots {
    bottom: 0;
    gap: 6px;
  }
  .scarousel__dot {
    gap: 6px;
    height: 3px;
  }
}

/**/

.contentgrid__content--center {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.contentgrid__content--center .contentgrid__content__heading.line-under:after {
  margin-left: auto;
  margin-right: auto;
}


.promo-sidebar iframe{
  width:100%;
  border: none;
}

body.hide-header-nav #main-nav-toggle {
  display: none !important;
}

@media (max-width:767px){
  .page-template-bal-blocks .columns-section .columns-repeater.columns-repeater-grid{
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .page-template-bal-blocks .columns-section .columns-repeater.columns-repeater-grid .repeater-col.grid-box{
    border-left: none;
    padding-left: 0;
    padding-right: 0;
  }

  .page-template-bal-blocks .columns-section .section-heading.line-under:after {
    margin-inline: 0;
  }

  .page-template-bal-blocks .recommended-section .recommended-wrap.four-columns { 
    grid-template-columns: 1fr;
  }

  .page-template-bal-blocks .content-and-media-section .content-and-media > div{
    min-height: 250px;
  }

  .page-template-bal-blocks .content-and-media-section .content-and-media .media-box{
    aspect-ratio: 1 / 0.65;
  }
  body.hide-header-nav .navbar-toggle.collapsed {
    display: none !important;
  }
}

body.gated-asset .header-right-wrapper .search-button, 
body.gated-asset .header-right-wrapper .contact-button, 
body.gated-asset .header-right-wrapper .login-button {
  display: none;
}

body.gated-asset .mobile-icons  {
  min-height: 66px;
}

.single main.post-main{
   width: 65%;
}

.single aside.post-sidebar{
   width: 30%;
}

.single nav.post-taxonomy{
 width: 100%;
}

.single ul.share-buttons{
 display: flex;
 list-style: none;
 gap: 15px;
 padding:0;
 margin: 0;
}

.single ul.share-buttons li{
 height: 20px;
}

.single .share-label span{
  margin-right: 15px;
  margin-left: 10px;
  font-size: .9em;
  position: relative;
  top: 2px;
}

.single .post-content-wrapper  > .container{
 padding-left: 0;
 padding-right: 0;
 width: 100%;
}

.single .authors-wrap{
 display: block !important;
}

.single.single-bal_events .authors-wrap{
 display: grid !important;
}

.single .authors-list{
 padding: 0;
 margin: 0;
 list-style: none;
 display: grid;
 grid-template-columns: 1fr 1fr;
 margin: 0.5em 0 2em;
 row-gap: 1em;
}

.single .authors-list li{
 margin-bottom: 0;
}

.single .authors-wrap .author-info .author-link{
 font-size: 17px;
}

.single .authors-list{
 margin-bottom: 0;
}

.single .authors-wrap .author{
 align-items: flex-end;
}

.single aside .contact-simple{
 padding: 10%;
 text-align: center;
}

.single header .post-image-wrap{
  margin-top: 0;
  margin-bottom: 14px;
}

.single .share-label{
  display: flex;
  align-items: center;
}

#mainNav .logo{
  display: block;
}

@media (max-width:900px){
  .single .authors-list{
    grid-template-columns: 1fr !important;
  }
}

@media (max-width:600px){
  .single main.post-main,
  .single nav.post-taxonomy,
  .single aside.post-sidebar{
    width: 90%;
    margin: auto;
  }

  .single nav.post-taxonomy{
    line-height: 130%;
  }
}
.searchwp-live-search-result--img {
    display: none;
}