/*
Theme Name: NAB Streaming Summit
Theme URI: https://nabstreamingsummit.com
Author: ERA404
Author URI: https://era404.com
Description: Simple theme based on Barebones (www.barebones.dev)
Version: 3.X
License: MIT
License URI: https://mit-license.org/
Text Domain: nabstreamingsummit
*/

@font-face {
  font-family: 'Brandon Grotesque Bold Italic';
  src: url('assets/fonts/brandon_bld_it-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_bld_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Bold';
  src: url('assets/fonts/brandon_bld-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_bld-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Black Italic';
  src: url('assets/fonts/brandon_blk_it-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_blk_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Black';
  src: url('assets/fonts/brandon_blk-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_blk-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Light Italic';
  src: url('assets/fonts/brandon_light_it-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_light_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Light';
  src: url('assets/fonts/brandon_light-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Medium Italic';
  src: url('assets/fonts/brandon_med_it-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_med_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Medium';
  src: url('assets/fonts/brandon_med-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_med-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Regular Italic';
  src: url('assets/fonts/brandon_reg_it-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_reg_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

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

@font-face {
  font-family: 'Brandon Grotesque Thin Italic';
  src: url('assets/fonts/brandon_thin_it-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_thin_it-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Brandon Grotesque Thin';
  src: url('assets/fonts/brandon_thin-webfont.woff2') format('woff2'),
    url('assets/fonts/brandon_thin-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  font-size: 62.5%;
}

html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
}

/* ROOT FONT STYLES */

* {
  font-family: "Brandon Grotesque Regular", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #FFF;
  line-height: 1.5;
  font-size: 18px;
  font-size: 1.8rem;
}

p>img {
  margin-bottom: -2rem;
}

.img-fluid {
  max-width: none;
  width: 100%;
}

strong {
  font-family: "Brandon Grotesque Bold";
  font-weight: 300;
}

.btn,
div.wpforms-container-full .wpforms-form button[type=submit],
.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  padding: 1.0625rem 4rem;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: "Brandon Grotesque Black";
  letter-spacing: 1px;
  border-radius: 3rem;
  transition: all .5s ease-in-out;
  margin: 0 1rem;
  border: none !important;
}

.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  margin: 4rem 0;
}

.wpforms-confirmation-container-full p,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
  font-size: 1.25rem;
  text-align: center;
  font-family: "Brandon Grotesque Black";
}
.header__logo h1 {
  margin-bottom: 1.25rem;
}
.header__logo img {
  max-height: 89px;
  display: block;
  margin: 0 auto;
}
.btn.white {
  background-color: rgba(255, 255, 255, 1);
  color: #2f5dab;
}

.btn.white:hover {
  background-color: rgba(255, 255, 255, .25);
  color: #FFF;
}

.btn.blue {
  background: rgba(47, 93, 171, 1);
  color: #FFF;
}

.btn.blue:hover {
  background: rgba(47, 93, 171, .25);
  color: #FFF;
}

.btn.pink,
div.wpforms-container-full .wpforms-form button[type=submit],
.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background-color: rgba(158, 69, 147, 1);
  color: #FFF
}

.btn.pink:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
  background-color: rgba(158, 69, 147, .25);
  color: #FFF
}

div.wpforms-container-full .wpforms-form .wpforms-required-label,
p a:not(.btn),
p a:not(.btn) strong {
  color: rgba(158, 69, 147, 1);
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-size: 2.4rem;
  color: #2F5DAB;
}

div.wpforms-container-full .wpforms-form label.wpforms-error {
  display: block;
  color: #FFF;
  font-size: 16px;
  float: none;
  cursor: default;
  background: #9E4593;
  border-radius: 2rem;
  text-align: center;
  max-width: 60%;
  margin-top: .5rem;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error {
  border: 1px solid #9E4593;
  background-color: #FACDF4;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
  font-size: 2.0rem;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description,
div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
  font-size: 1.8rem;
  opacity: .4;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 2rem 0;
}

footer {
  opacity: .4;
}

.videos-image {
    float: left;
    max-width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    margin-right: 1rem;
}

.videos-image > img {
	max-width: 100%;
	height: auto;
}
h1 {	
    line-height: 1.25;
    margin-bottom: 3rem;
}
hr {
    border-top: 1px solid rgba(255,255,255,.25);
    margin-top: 6rem;
    margin-bottom: 6rem;
}
div.no-break br {
	display: inline-block;
	content: " ";
}
.btn.white, .btn.blue, .btn.pink {
	margin: 1rem;
}