/*
Theme Name: US-Mint
Theme URI: https://github.com/grayghostvisuals/WP-Flex
Description: The theme for the US Mint's homepage (usmint.gov)

Author: Mario Hendricks, Lockheed Martin

Version: 1.0.1
Tags: full-width-template, fluid-layout, responsive-layout, custom-background, microformats, editor-style, custom-menu, sticky-post, theme-options, front-page-post-form, featured-images, sticky-post, rtl-language-support, threaded-comments, post-formats, white, light

License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Permission is granted to copy, distribute and/or modify this document
under the terms of the GNU Free Documentation License, Version 1.3
or any later version published by the Free Software Foundation;
with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts.
A copy of the license entitled "GNU Free Documentation License" can be
found at http://www.gnu.org/licenses/fdl-1.3-standalone.html
*/


/*
* The Wordpress CSS Codex
* http://codex.wordpress.org/CSS_Coding_Standards
* http://make.wordpress.org/core/handbook/coding-standards/css/
*
* REMINDERS
* -Use lowercase and separate words with hyphens when naming selectors. Avoid camelcase and underscores
* -Prefixed vendor-specific properties pairs should appear directly before the generic property they refer to
*
* Actual styles for this theme are found in the css subdirectory. They are enqueued by WordPress 
* in a call in functions.php. 
*
*/


/* =============================================================================
   Responsive Embedded Media
   ========================================================================== */

img,
object,
video {
  max-width: 100%;
  height: auto;
}

.shop-now {
  white-space: nowrap;
  display: inline-block;
  padding: .6em 2em .75em;
  font-family: 'Proxima N W01 Smbd';
  font-size: 1.2em;
  text-shadow: none;
  color: #fff;
  text-transform: capitalize;
  margin-top: 10px;
  text-decoration: none;
  text-align: center;
  background: none repeat scroll 0 0 #d62923;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border: 0;
  border-radius: 3px;
}

.shop-now:hover,
.shop-now:active,
.shop-now:visited {
  background: #b31e19;
  color: #fff;
  cursor: pointer;
}


/* This file includes all CSS for the Admin pages of the Events plugin. */

.event_container {
  margin: 0 0 50px 0;
}

.event_container h2 {
  font-weight: bold;
  margin: 0 0 10px 0;
}

.event_container hr {
  margin: 5px 0 0 0;
  width: 75%;
  text-align: right;
}

.event_content {
  border: 1px solid black;
  min-height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.event_other {
  margin-bottom: 20px;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.event_other hr {
  margin-bottom: 10px;
}

.event_info_container {
  margin: 15% 0 0 0;
  text-align: center;
  float: right;
  width: 35%;
}

.event_image_container {}

.event_image_title {
  font-family: 'Montserrat', arial, helvetica, sans-serif;
  margin: 0;
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: rgb(0, 0, 0) 2px 0px 0px,
    rgb(0, 0, 0) 1.75517px 0.958851px 0px,
    rgb(0, 0, 0) 1.0806px 1.68294px 0px,
    rgb(0, 0, 0) 0.141474px 1.99499px 0px,
    rgb(0, 0, 0) -0.832294px 1.81859px 0px,
    rgb(0, 0, 0) -1.60229px 1.19694px 0px,
    rgb(0, 0, 0) -1.97998px 0.28224px 0px,
    rgb(0, 0, 0) -1.87291px -0.701566px 0px,
    rgb(0, 0, 0) -1.30729px -1.5136px 0px,
    rgb(0, 0, 0) -0.421592px -1.95506px 0px,
    rgb(0, 0, 0) 0.567324px -1.91785px 0px,
    rgb(0, 0, 0) 1.41734px -1.41108px 0px,
    rgb(0, 0, 0) 1.92034px -0.558831px 0px;
}

.event_image {
  margin: 15px 0 25px 0;
  width: 200px;
  height: 200px;
}

.event_learn_container a:link,
.event_learn_container a:hover,
.event_learn_container a:visited {
  color: #ffffff;
  text-decoration: none;
}

.subevents_container {
  float: left;
  background-color: #ebebeb;
  opacity: .8;
  padding: 10px;
  margin: 10px 0 10px 10px;
  width: 60%;
  min-height: inherit;
}

.subevent {
  margin-bottom: 25px;
  padding: 0 20px 0 0;
}

.subevent_title {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 0 0;
}

.subevent_label {
  font-size: 15px;
  font-weight: bold;
  margin: 15px 0 0 0;
}

.subevent_content,
.subevent_other {
  font-size: 14px;
}

.subevent_content p {
  margin: 0;
  padding: 0;
}

.subevent_other p {
  margin-top: 25px;
  padding: 0;
}

@media only screen and (max-width: 900px) {
  .event_content {
    background-size: 0 0;
    min-height: 0;
  }

  .event_container {
    margin-right: 0;
  }

  .event_info_container {
    margin: 5px 0 10px 0;
    text-align: center;
    width: 100%;
  }

  .subevents_container {
    background-color: #ebebeb;
    opacity: .8;
    padding: 10px;
    width: 100%;
    margin: auto;
    overflow-wrap: break-word;
  }

  .event_image_title {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: #000000;
    text-shadow: none;
  }

}

.event-wrap {
  margin-top: 80px;
}

.event_image {
  max-width: 450px;
  padding: 10px;
}