/* 
Theme Name: Brooklyn Lab
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Fonts used: Barlow, Halant */
.barlow-thin {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: normal;
}
.barlow-extralight {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: normal;
}
.barlow-light {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.barlow-regular {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}
.barlow-semibold {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: normal;
}
.barlow-bold {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.barlow-extrabold {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.barlow-black {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.barlow-thin-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 100;
  font-style: italic;
}
.barlow-extralight-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 200;
  font-style: italic;
}
.barlow-light-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 300;
  font-style: italic;
}
.barlow-regular-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.barlow-medium-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: italic;
}
.barlow-semibold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 600;
  font-style: italic;
}
.barlow-bold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.barlow-extrabold-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}
.barlow-black-italic {
  font-family: "Barlow", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.halant-light {
  font-family: "Halant", serif;
  font-weight: 300;
  font-style: normal;
}
.halant-regular {
  font-family: "Halant", serif;
  font-weight: 400;
  font-style: normal;
}
.halant-medium {
  font-family: "Halant", serif;
  font-weight: 500;
  font-style: normal;
}
.halant-semibold {
  font-family: "Halant", serif;
  font-weight: 600;
  font-style: normal;
}
.halant-bold {
  font-family: "Halant", serif;
  font-weight: 700;
  font-style: normal;
}



/* REM is based on the root element's font size. We'll use REM. In this case that's 16px. */

/* Palette Variables */
:root {
    --white: #ffffff;
    --teal: #1AC4C0;
    --red: #EB1E25;
    --grey: #414140;
    --mGrey: #9F9F9F;
    --lGrey: #f1f1f1;
    --black: #000000;
}

html {
  font-size:16px;
  color:#000000;
  font-family:"Barlow", sans-serif;
  font-weight:500;
  font-style:normal;
}
body:not([class*=elementor-page-]) .site-main {max-width:1440px;padding:0;}
a {color:var(--red);}
a:hover {color:#000;}
p {
  font-family:"Barlow", sans-serif;
  font-style:normal;
}
strong {
  font-family:"Barlow", sans-serif;
  font-style:normal;
  font-weight:700;
}
h1,
h2 {
  font-family:"Barlow", sans-serif;
  font-style:normal;
}

h1 {
  font-weight:700;
  font-size:1.5rem;
  text-transform:uppercase;
  letter-spacing:.025rem;
}

h2 {
  font-weight:700;
  font-size:2rem;
  text-transform:none;
  letter-spacing:.025rem;
}
.lab-heros h1 {
  font-family:"Halant", serif;
  font-weight:400;
  font-style: normal;
  font-size:4.5rem;
  line-height:4rem;
  color:var(--red);
  margin:10px 0;
  text-transform:none;
  letter-spacing:-.15rem;
}
.lab-heros .hero-text, .hero-text p {
  font-size:1.15rem;
  font-weight:600;
}

/* content is set to 100% width by default */
#content {width:100%;}
.page-header .entry-title {width:100%; max-width:1440px; padding:30px 0;}

/* page-content */
.page-content {width:100%;}

/* Buttons */
.elementor-button {
  border-radius:0;
  font-weight: 600;
  font-family: "Barlow", sans-serif;
  font-style: normal;
}

/* Header */
.header {
  font-family: "Barlow", sans-serif;
  font-style: normal;
}
.announcement-link .elementor-button {
  font-size:.75rem;
  text-transform:uppercase;
  font-weight:600;
  letter-spacing:.025rem;
  line-height:1;
  padding:6px;
  background: transparent;
  color: var(--teal);
  border:1px solid var(--teal);
}
.announcement-link .elementor-button:hover {
  background: var(--red);
  color: var(--white);
  border:1px solid var(--red);
}
.header a {
  font-weight:500;
}
.header .elementor-nav-menu li li {
  padding:0 30px 0 0;
}
.header .announcement, .announcement p {
  color:var(--white);
  font-size:.875rem;
  margin:0;
}
.header .announcement, .announcement-link {
  color:var(--teal);
}
.menu-button .elementor-button {
  font-size:1.125rem;
  line-height:1;
  padding:10px 15px;
  background: var(--red);
  color: var(--white);
  border:0;
  font-weight:600;
  text-transform:uppercase;
}
.menu-button .elementor-button:hover {
  background: var(--teal);
}

/* Footer */
.footer p {
  font-size:1rem;
  color:#000000;
  font-family:"Barlow", sans-serif;
  font-style:normal;
  font-weight:500;
}
.footer .footer-menu a {
  text-transform:uppercase;
  font-family:"Barlow", sans-serif;
  letter-spacing:.025rem;
  font-weight:700;
}

/* Subheads */
.bkred {color:var(--red);}
.bkteal {color:var(--red);}
.bkwhite {color:var(--white);}

.subhead1, .subhead1 p {
  font-family:"Halant", serif;
  font-weight:400;
  font-style:normal;
  font-size:2.5rem;
  line-height:2.5rem;
  margin:0;
}
.subhead2, .subhead2 p {
  font-family:"Halant", serif;
  font-weight:400;
  font-style:normal;
  font-size:4rem;
  line-height:3.5rem;
  margin:10px 0;
  letter-spacing:-.15rem;
}
.subhead3, .subhead3 p {
  font-family:"Barlow", sans-serif;
  font-weight:700;
  font-style: normal;
  text-transform:uppercase;
  font-size:1.25rem;
  margin:0;
  line-height:1.5rem;
  letter-spacing:.025rem;
}
.subhead4, .subhead4 p {
  font-family:"Barlow", sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:.875rem;
  margin:0;
  line-height:1rem;
  text-transform:uppercase;
  letter-spacing:.015rem;
}
.subhead5, .subhead5 p {
  font-family:"Barlow", sans-serif;
  font-weight:700;
  font-style: normal;
  text-transform:uppercase;
  font-size:1.5rem;
  margin:0;
  line-height:1.75rem;
  letter-spacing:.025rem;
}
.subhead6, .subhead6 p {
  font-family:"Barlow", sans-serif;
  font-weight:500;
  font-style: normal;
  text-transform:none;
  font-size:1.25rem;
  margin:0;
  line-height:1.5rem;
}
.subhead7, .subhead7 p {
  font-family:"Barlow", sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:1.25rem;
  margin:0;
  line-height:1rem;
  text-transform:uppercase;
  letter-spacing:.025rem;
  color:var(--black);
}
.subhead8, .subhead8 p {
  font-family:"Halant", serif;
  font-weight:400;
  font-style:normal;
  font-size:1.5rem;
  line-height:2rem;
  margin:0;
}

.caption, .caption p {
  font-family:"Barlow", sans-serif;
  font-weight:500;
  font-style: normal;
  text-transform:uppercase;
  font-size:.75rem;
  margin:0;
  line-height:1.5rem;
  letter-spacing:.025rem;
}

/* Day in the Life Styles */
.daily-event-loop-item {
  border-left:1px solid var(--red);
}
.daily-event-time {
  font-family:"Halant", serif;
  font-weight:400;
  font-style:normal;
  font-size:3.5rem;
  line-height:1;
  margin:0 0 15px 0;
  letter-spacing:-.15rem;
}
.daily-event-title {
  font-family:"Barlow", sans-serif;
  font-weight:700;
  font-style:normal;
  font-size:.875rem;
  margin:0;
  line-height:1rem;
  text-transform:uppercase;
  letter-spacing:.015rem;
  color:var(--red);
}
.daily-event-description {
  font-family:"Barlow", sans-serif;
  font-weight:500;
  font-style:normal;
  font-size:.75rem;
  line-height:1.25rem;
}

/* Pages */
.page-synopsis p {
  font-size:1.15rem;
  font-weight:600;
}
.page-intro, .page-intro p {
  font-family:"Halant", serif;
  font-weight:500;
  font-style: normal;
  font-size:1.5rem;
  line-height:2rem;
  color:var(--grey);
  margin:10px 0;
}
.boxed-text, .boxed-text p{
  font-family: "Halant", serif;
  font-weight: 500;
  font-style: normal;
  font-size:1.125rem;
  line-height:1.5rem;
  margin:0 0 15px 0;
}

/* CTA */
.cta-text, .cta-text p {
  font-family:"Barlow", sans-serif;
  font-size:1.25rem;
  font-weight:500;
}
.cta-button .elementor-button {
  font-size:1.125rem;
  line-height:1;
  padding:10px 15px;
  background: var(--black);
  color: var(--white);
  border:0;
}
.cta-button .elementor-button:hover {
  background: var(--grey);
}

.large-cta-button .elementor-button {
  font-size:1.5rem;
  line-height:1;
  padding:20px;
  background: var(--black);
  color: var(--white);
  border:0;
}
.large-cta-button .elementor-button:hover {
  background: var(--grey);
}

.hero-button .elementor-button {
  font-size:1.125rem;
  line-height:1;
  padding:10px 15px;
  background: var(--red);
  color: var(--white);
  border:0;
}
.hero-button .elementor-button:hover {
  background: var(--grey);
}
.page-button .elementor-button {
  font-size:.875rem;
  line-height:1;
  padding:10px 15px;
  background: var(--red);
  color: var(--white);
  border:0;
}
.page-button .elementor-button:hover {
  background: var(--grey);
}

.ko-page-button .elementor-button {
  font-size:1.25rem;
  line-height:1;
  padding:10px 15px;
  background: var(--white);
  color: var(--red);
  fill: var(--red);
  border:0;
  text-transform:uppercase;
  letter-spacing:.075rem;
}
.ko-page-button .elementor-button:hover {
  background: var(--black);
  color: var(--white);
  fill: var(--white);
}

.small-page-button .elementor-button {
  font-size:.75rem;
  line-height:1;
  padding:5px 7px;
  background:transparent;
  color: var(--red);
  border:1px solid var(--red);
}
.small-page-button .elementor-button:hover {
  background: var(--red);
  color: var(--white);
}

/* Quick Links */
.quick-link-loop-item img {
  border:2px solid var(--lGrey);
}
.quick-link-loop-item img:hover {
  border:2px solid var(--red);
}


.team-member-loop-item .member-title {
  font-family:"Barlow", sans-serif;
  font-size:.75rem;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:.025rem;
}

ul {
  margin:0;
  padding:0 0 0 15px;
}

ul li {
  margin:0 0 10px 0;
}

.bklab-faq .e-n-tab-title-text {
  font-family:"Barlow", sans-serif;
  font-weight:600;
  font-size:1.125rem;
}
.bklab-faq .e-n-accordion-item-title-text {
  font-family:"Barlow", sans-serif;
  font-weight:600;
  font-size:1rem;
}








.socket, .socket p {margin:0 0 3px 0; font-size:.65rem;lin-height:.875rem;}
.hide-this {display:none;}
.site-header:not(.dynamic-header) {padding:0;}

/* Media Queries */
@media only screen and (max-width: 1440px){   
    body:not([class*=elementor-page-]) .site-main {max-width:1440px;}
}

@media only screen and (max-width: 1200px){   
  .hero-loop-item .text h1 {font-size:4rem;}
  .page-columns h2 {font-size:3.5rem;letter-spacing:-.125rem;}
  .upcoming-events-loop-item h3 {font-size:9rem;letter-spacing:-.125rem;}
  .apply-today h3 {font-size:7rem;line-height:5.5rem;letter-spacing:-.125rem;}
}

@media only screen and (max-width: 900px){   
  .page-columns h2 {font-size:2.5rem;letter-spacing: normal;}
  .apply-today h3 {font-size:5rem;line-height:3.5rem;letter-spacing: normal;}
}

@media only screen and (max-width: 767px){
  .apply-today h3 {font-size:3rem;line-height:2.5rem;letter-spacing: normal;}
}

@media only screen and (max-width: 500px){
    
}