/*!
Theme Name: TDG Speakers
Theme URI: http://underscores.me/
Author: Vinh Nguyen
Author URI: http://taradowdellgroup.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tdg-speakers
Tags:

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.

TDG Speakers is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Global Typography
# Layout
# Forms
# Elements
# Navigation
	## Menus
# Accessibility
# Content
	## Header
	## Front Page
	## Speakers Page
	## News Page
	## Contact Page
	## Posts and pages
	## Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Global Typography
--------------------------------------------------------------*/
body {
  color: #656565;
  font-size: 16px;
  font-size: 1em;
  line-height: 1.5;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 300;
  font-size-adjust: 0.5; }

.button-link {
  color: #656565;
  font-family: "Source Sans Pro,", sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1em; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #656565;
  line-height: 1.1;
  position: relative;
  display: inline-block;
  margin: 0;
  z-index: 1; }

.yellow-background-bar:before {
  content: "";
  height: 30%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 33%;
  background-color: #F2D448;
  z-index: -50; }

h1 {
  font-family: "mr-eaves-sans", sans-serif;
  font-weight: 400;
  font-size: 54px;
  font-size: 3.375em; }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 46px;
      font-size: 2.875em; } }
  @media screen and (max-width: 544px) {
    h1 {
      font-size: 38px;
      font-size: 2.375em; } }

h2 {
  font-family: "mr-eaves-sans", sans-serif;
  font-weight: 300;
  font-size: 36px;
  font-size: 2.25em; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 32px;
      font-size: 2em; } }
  @media screen and (max-width: 544px) {
    h2 {
      font-size: 30.4px;
      font-size: 1.9em; } }

h3 {
  font-family: "mr-eaves-sans", sans-serif;
  font-weight: 300;
  font-size: 24px;
  font-size: 1.5em; }
  @media screen and (max-width: 768px) {
    h3 {
      font-size: 20.8px;
      font-size: 1.3em; } }

.news-title {
  font-weight: 600; }

p {
  margin: 0; }

.body-display {
  font-size: 19.776px;
  font-size: 1.236em;
  line-height: 1.6; }
  @media screen and (max-width: 768px) {
    .body-display {
      font-size: 18.4px;
      font-size: 1.15em; } }

.display {
  font-family: "mr-eaves-sans", sans-serif;
  font-weight: 300;
  font-size: 37.6px;
  font-size: 2.35em; }
  @media screen and (max-width: 768px) {
    .display {
      font-size: 28.8px;
      font-size: 1.8em; } }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.container {
  max-width: 1140px;
  margin: 0 auto; }
  @media screen and (max-width: 1160px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #F5F5F5;
  /* Fallback for when there is no custom background color defined. */ }

ul, ol {
  margin: 0; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

.image-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%; }

.scroll-down-arrow {
  width: 35px;
  margin: 25px auto 0 auto; }

.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7; }
  50% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0.9);
    opacity: 0.7; } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; }
  50% {
    -webkit-transform: scale(1);
    opacity: 1; }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7; } }
.header-bar {
  background-color: #F2D448;
  text-align: center;
  margin-top: -1px;
  padding-top: 20px;
  padding-bottom: 20px; }

.button-link {
  background-color: #F2D448;
  padding: 7px 10px;
  text-decoration: none;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.5); }
  .button-link:hover {
    text-decoration: underline; }

.footer a {
  color: #656565;
  text-decoration: none; }
  .footer a:hover {
    text-decoration: underline; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.site-header-nav ul {
  margin-left: -30px;
  list-style-type: none; }
  @media screen and (max-width: 660px) {
    .site-header-nav ul {
      margin-top: 100px; } }
  .site-header-nav ul li {
    display: inline-block;
    margin-left: 30px;
    line-height: 100px; }
    @media screen and (max-width: 660px) {
      .site-header-nav ul li {
        display: none; } }
    .site-header-nav ul li a {
      font-family: "Quicksand", sans-serif;
      font-size: 20px;
      font-size: 1.25em;
      color: #656565;
      text-decoration: none; }

.menu-toggle {
  display: none;
  cursor: pointer;
  margin-top: 40px;
  border: none;
  background: none; }
  .menu-toggle > div {
    width: 24px;
    height: 4px;
    background-color: #656565;
    margin: 4px 0; }
  @media screen and (max-width: 660px) {
    .menu-toggle {
      display: block;
      float: right; } }

.mobile-menu {
  display: none; }
  @media screen and (max-width: 660px) {
    .mobile-menu {
      position: fixed;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 20;
      background-color: rgba(255, 255, 255, 0.8); } }

.mobile-menu-container {
  position: absolute;
  right: 0;
  padding: 20px;
  top: 40%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .mobile-menu-container li {
    text-align: right;
    list-style-type: none; }
    .mobile-menu-container li a {
      text-decoration: none;
      font-size: 1.8em;
      color: #656565;
      font-family: "Quicksand", sans-serif; }
  .mobile-menu-container .menu-toggle {
    position: relative;
    height: 30px;
    width: 30px; }
    .mobile-menu-container .menu-toggle .menu-toggle-bar {
      background-color: #656565;
      position: absolute;
      top: 8px;
      right: 3px; }
    .mobile-menu-container .menu-toggle .top {
      transform: rotate(45deg); }
    .mobile-menu-container .menu-toggle .bottom {
      transform: rotate(-45deg); }

.mobile-menu-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s; }

.mobile-menu-not-visible {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 300ms, opacity 300ms; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875em;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  position: absolute;
  width: 100%; }

.site-header-logo {
  display: inline-block;
  max-width: 170px;
  line-height: 100px; }
  .site-header-logo img {
    vertical-align: middle; }

.site-header-nav {
  float: right; }

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
.page-fold {
  height: 650px;
  background-size: cover;
  background-position: bottom; }

.page-intro {
  max-width: 750px;
  margin: 0 auto;
  padding-top: 280px;
  text-align: center; }
  .page-intro h1 {
    margin-bottom: 10px; }
  @media screen and (max-width: 544px) {
    .page-intro {
      padding-top: 230px; } }

.front-page-about {
  background: linear-gradient(-180deg, #FFFFFF 34%, #EAEAEA 100%);
  padding-top: 120px;
  padding-bottom: 120px; }
  .front-page-about .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    .front-page-about .container div {
      width: 450px; }
      @media screen and (max-width: 1000px) {
        .front-page-about .container div {
          width: 100%;
          text-align: center; } }

.workshops-container {
  padding-top: 120px;
  padding-bottom: 120px; }
  .workshops-container > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -60px; }
    @media screen and (max-width: 700px) {
      .workshops-container > div {
        justify-content: center; } }

.workshop {
  width: 27%;
  margin: 30px 0 30px 60px; }
  @media screen and (max-width: 950px) {
    .workshop {
      width: 40%; } }
  @media screen and (max-width: 700px) {
    .workshop {
      width: 60%; } }

.workshop-icon {
  width: 100px;
  margin: 0 auto 20px auto; }
  @media screen and (max-width: 950px) {
    .workshop-icon {
      width: 80px; } }

.workshop-info {
  text-align: center; }
  .workshop-info h3 {
    margin-bottom: 10px;
    background-color: #F2D448;
    padding: 5px 10px; }

.featured-speakers-container {
  background-size: cover;
  background-position: bottom; }
  .featured-speakers-container .container {
    padding-top: 120px;
    padding-bottom: 120px; }
    @media screen and (max-width: 1050px) {
      .featured-speakers-container .container {
        text-align: center; } }

.featured-speakers-content-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (max-width: 1050px) {
    .featured-speakers-content-container {
      justify-content: center; } }
  .featured-speakers-content-container > div:nth-child(1) {
    width: 70%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 60px; }
    @media screen and (max-width: 1050px) {
      .featured-speakers-content-container > div:nth-child(1) {
        width: 80%;
        padding-right: 0; } }
    @media screen and (max-width: 875px) {
      .featured-speakers-content-container > div:nth-child(1) {
        width: 100%; } }
  .featured-speakers-content-container > div:nth-child(2) {
    width: 30%; }
    .featured-speakers-content-container > div:nth-child(2) > div {
      margin-top: 10px; }
    .featured-speakers-content-container > div:nth-child(2) .button-link:nth-child(1) {
      margin-right: 10px; }
    @media screen and (max-width: 1050px) {
      .featured-speakers-content-container > div:nth-child(2) {
        width: 100%; } }

.featured-speakers-headshot-container {
  width: 200px; }
  @media screen and (max-width: 1050px) {
    .featured-speakers-headshot-container {
      margin-bottom: 40px;
      width: 180px; } }
  @media screen and (max-width: 875px) {
    .featured-speakers-headshot-container {
      margin: 0 auto 40px auto;
      width: 150px; } }

/*--------------------------------------------------------------
## Speakers Page
--------------------------------------------------------------*/
.tdg-speakers {
  padding-top: 120px;
  padding-bottom: 120px; }
  .tdg-speakers .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .tdg-speakers .container > div {
      width: 49%;
      margin-bottom: 60px; }
      @media screen and (max-width: 1110px) {
        .tdg-speakers .container > div {
          width: 45%; } }
      @media screen and (max-width: 620px) {
        .tdg-speakers .container > div {
          width: 100%; } }

.speakers-headshot {
  width: 180px;
  display: inline-block;
  vertical-align: top; }

.speakers-info {
  width: 280px;
  display: inline-block;
  margin-left: 20px; }
  @media screen and (max-width: 1110px) {
    .speakers-info {
      width: 100%;
      margin-left: 0; } }
  .speakers-info h3 {
    margin-bottom: 10px; }

.speaker-title {
  font-weight: 400;
  margin-bottom: 20px; }

.speaker-excerpt {
  margin-bottom: 20px; }

.speakers-single {
  padding-top: 110px;
  padding-bottom: 120px; }

.speakers-single-header {
  background-color: #F2D448;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 20px; }

.speakers-single-headshot {
  width: 200px;
  float: left;
  margin-right: 20px; }
  @media screen and (max-width: 544px) {
    .speakers-single-headshot {
      float: none;
      margin: 0 auto 20px auto; } }

/*--------------------------------------------------------------
## News Page
--------------------------------------------------------------*/
.news {
  padding-top: 120px;
  padding-bottom: 120px; }
  .news .news-post {
    max-width: 800px;
    margin: 0 auto;
    border-bottom: 1px solid #656565;
    padding-bottom: 90px;
    padding-top: 90px; }
    .news .news-post .news-button-link-container {
      margin-top: 20px; }
  .news .news-subtitle {
    text-align: center;
    width: 100%;
    margin-bottom: 60px; }
  .news .news-title {
    margin-bottom: 10px; }
  .news .news-meta {
    display: flex;
    margin-bottom: 20px;
    align-items: center; }
    .news .news-meta p {
      margin-left: 20px; }
    .news .news-meta a {
      color: #656565;
      background-color: #F2D448;
      text-decoration: none;
      padding: 5px 10px; }
      .news .news-meta a:hover {
        text-decoration: underline; }
  .news .news-video {
    width: 100%;
    height: 475px; }
    @media screen and (max-width: 768px) {
      .news .news-video {
        height: 300px; } }
    @media screen and (max-width: 544px) {
      .news .news-video {
        height: 200px; } }

.news-nav {
  text-align: center;
  width: 100%;
  margin-top: 20px; }
  .news-nav .page-numbers {
    background-color: #F2D448;
    font-size: 1.2em;
    padding: 5px 10px;
    color: #656565; }
  .news-nav .prev,
  .news-nav .next {
    background-color: #F5F5F5; }
  .news-nav .prev {
    margin-right: 10px; }
  .news-nav .next {
    margin-left: 10px; }

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.contact-page {
  padding-top: 150px;
  padding-bottom: 120px; }

.contact-intro {
  width: 100%;
  background-color: #F2D448;
  padding: 20px;
  margin-bottom: 60px; }
  .contact-intro p {
    max-width: 700px;
    text-align: center;
    margin: 0 auto !important; }

.contact-form {
  text-align: center; }
  .contact-form label {
    padding-bottom: 5px; }
  .contact-form input {
    margin-top: 10px;
    width: 500px;
    text-align: center; }
    @media screen and (max-width: 550px) {
      .contact-form input {
        width: 350px; } }
  .contact-form p {
    margin-top: 30px;
    font-size: 19.2px;
    font-size: 1.2em; }

.wpcf7-textarea {
  width: 500px;
  height: 200px; }
  @media screen and (max-width: 550px) {
    .wpcf7-textarea {
      width: 350px; } }

.wpcf7-checkbox {
  margin-left: -20px; }
  .wpcf7-checkbox input {
    width: auto;
    margin-left: 20px; }

.wpcf7-submit {
  width: 150px !important; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer {
  background-color: #F2D448; }

.footer-container {
  display: flex;
  align-items: center;
  font-weight: 300 !important;
  padding-top: 30px;
  padding-bottom: 30px; }
  @media screen and (max-width: 990px) {
    .footer-container {
      display: block; } }

.footer-logo {
  max-width: 120px; }
  @media screen and (max-width: 990px) {
    .footer-logo {
      margin: 0 auto; } }

.footer-info ul {
  list-style-type: none;
  display: flex;
  align-items: center; }
  .footer-info ul li {
    display: inline-block;
    padding: 0 10px; }
    @media screen and (max-width: 410px) {
      .footer-info ul li {
        display: block;
        margin-bottom: 5px; } }
  .footer-info ul li:nth-child(2) {
    border-left: 1px solid #656565;
    border-right: 1px solid #656565; }
    @media screen and (max-width: 410px) {
      .footer-info ul li:nth-child(2) {
        border: none; } }
  @media screen and (max-width: 990px) {
    .footer-info ul {
      justify-content: center;
      padding-left: 0; } }
  @media screen and (max-width: 410px) {
    .footer-info ul {
      display: block;
      text-align: center; } }

.social-media-icon {
  width: 25px;
  margin-top: 4px; }

.footer-credit {
  margin-left: auto; }
  @media screen and (max-width: 990px) {
    .footer-credit {
      text-align: center;
      width: 100%;
      margin-top: 5px; } }

.book-speaker {
  margin-top: 20px;
}

.speaker-fee-heading {
  text-transform: uppercase;
  margin-top: 50px;
}

.speaking-page-intro {
  padding-top: 190px;
}

.contact-intro {
  text-align: center;
}
.contact-intro h3 {
  margin-top: 20px;
  text-transform: uppercase;
}

.speaker-price, .speaker-price-header {
  font-weight: 500;
}

/*# sourceMappingURL=style.css.map */