/******************************************************************
Stylesheet: page-event.php template
******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

******************************************************************/
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,500,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,900;1,400&display=swap");
/******************************************************************
Stylesheet: Event Base Stylesheet
******************************************************************/
#title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  background-color: #f7f7f2; }
  #title .max_width {
    max-width: 1400px;
    margin: auto;
    width: 100%;
    padding: 1em 1em 1.5em 1em; }
    #title .max_width h1,
    #title .max_width h2 {
      margin: 4px 0;
      text-transform: uppercase; }
    #title .max_width h1 {
      -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
      order: 2;
      width: 100%;
      font-size: 2.5em;
      color: #79643f; }
    #title .max_width h2 {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      font-size: 1.5em;
      color: #2B2E34; }
    #title .max_width p {
      -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
      order: 3;
      margin: 0; }

#event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1em;
  margin: 1em auto;
  max-width: 1400px; }
  #event .pb-col {
    width: 50%;
    margin: 0;
    padding: 0; }
  #event .pb-col:first-child .address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 2em 0 1em 0; }
    #event .pb-col:first-child .address .img_wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 2px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      #event .pb-col:first-child .address .img_wrap img {
        max-width: 32px;
        padding-right: 1em;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
    #event .pb-col:first-child .address ul li {
      font-family: "Lato", sans-serif;
      display: block; }
  #event .pb-col:first-child .share {
    margin: 1em 0; }
    #event .pb-col:first-child .share ul li {
      font-family: "Lato", sans-serif;
      font-size: 1.3em;
      padding: .2em 0;
      display: block;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      max-width: 180px;
      line-height: 1.5em; }
    #event .pb-col:first-child .share ul li:first-child {
      font-weight: 600; }
    #event .pb-col:first-child .share ul li:nth-child(n + 2):hover {
      cursor: pointer; }
    #event .pb-col:first-child .share ul li:nth-child(n + 2):active {
      -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
      transform: translateY(4px); }
  #event .pb-col:first-child .event_content h2 {
    text-transform: uppercase; }
  #event .pb-col:first-child .event_content p {
    margin: 1.5em 0;
    max-width: 95%; }
  #event .pb-col:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #event .pb-col:last-child .pb_img {
      width: 100%;
      height: 50vh;
      margin-bottom: 1em;
      background: url(http://local.pebblebeachconcours.net/wp-content/uploads/2020/04/PBC19_BestRamp_06.jpg) no-repeat center center;
      background-size: cover; }
    #event .pb-col:last-child .event_map {
      width: 100%;
      height: 50vh; }
      #event .pb-col:last-child .event_map #map {
        width: 100%;
        height: 100%; }

.custom_blocks h2,
.custom_blocks h3,
.custom_blocks h4,
.custom_blocks h5,
.custom_blocks h6,
.custom_blocks p {
  max-width: 1400px;
  padding: 0 1em; }

@media only screen and (max-width: 767px) {
  /******************************************************************
Stylesheet: Event Base Stylesheet
******************************************************************/
  h1 {
    line-height: 1.1em; }
  #event .pb-col {
    width: 100%; } }