/*
Theme Name: DemoPress
Theme URI: http://demo.clinchmg.com/
Description: Demo Theme created by Clinch Media Group
Author: Mike Rodriguez
Author URI: http://mikerodriguez.me
Version: 1.0
*/
/* =Global Styles
-------------------------------------------------------------- */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  background-color: #000;
  color: #FFF;
  font-family: "Open Sans", sans-serif; }

a {
  color: #FFF;
  text-decoration: none; }

a:hover {
  color: #c7ad57; }

a:active, a:active * {
  outline: none !important;
  -moz-outline-style: none !important; }

a:focus, a:focus * {
  outline: none !important;
  -moz-outline-style: none !important; }

::selection {
  background: #CCC;
  color: #FFF; }

::-moz-selection {
  background: #CCC;
  color: #FFF; }

.clearfix {
  clear: both; }

.clear:before, #header .logo .logo-imagetext:before, #header:before, .billboard-stage .static-billboard:before, .footer:before,
.clear:after,
#header .logo .logo-imagetext:after,
#header:after,
.billboard-stage .static-billboard:after,
.footer:after {
  content: " ";
  display: table; }

.clear:after, #header .logo .logo-imagetext:after, #header:after, .billboard-stage .static-billboard:after, .footer:after {
  clear: both; }

.clear, #header .logo .logo-imagetext, #header, .billboard-stage .static-billboard, .footer {
  zoom: 1; }

.fleft {
  float: left; }

.fright {
  float: right; }

.wrapper {
  width: 100%;
  max-width: 1280px;
  margin: auto; }

.page-content {
  min-height: 750px; }

#content {
  width: 100%;
  max-width: 1280px;
  margin: auto; }

.entry-content {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.6;
  color: #FFF;
  padding: 10px 15px; }
  .entry-content p {
    margin-bottom: 15px; }
  .entry-content a {
    color: #c6b682;
    text-decoration: underline; }

/* =Theme Styles
-------------------------------------------------------------- */
.wrapper {
  width: 100%;
  max-width: 1120px;
  margin: auto; }

/* =Header
-------------------------------------------------------------- */
#header {
  background: #FFF;
  width: 100%;
  color: #000;
  min-height: 30px;
  padding: 15px;
  /* Navigation */ }
  #header .logo {
    float: left; }
    #header .logo .logo-image {
      width: 100%;
      max-width: 300px; }
      @media only screen and (min-width: 481px) and (max-width: 1024px) {
        #header .logo .logo-image {
          max-width: 280px; } }
      @media only screen and (max-width: 480px) {
        #header .logo .logo-image {
          max-width: 150px; } }
      #header .logo .logo-image img {
        width: 100%;
        height: auto;
        display: block; }
    #header .logo .logo-imagetext {
      width: 100%;
      max-width: 450px; }
      @media only screen and (max-width: 480px) {
        #header .logo .logo-imagetext {
          max-width: 150px; } }
      #header .logo .logo-imagetext img {
        width: 100%;
        max-width: 100px;
        height: auto;
        margin-right: 7px;
        vertical-align: middle; }
      #header .logo .logo-imagetext h1 {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -1px;
        display: inline;
        padding: 0;
        margin: 0; }
        @media only screen and (max-width: 480px) {
          #header .logo .logo-imagetext h1 {
            display: none; } }
    #header .logo .logo-text {
      color: #000; }
      #header .logo .logo-text h1 {
        font-size: 28px;
        font-weight: bold;
        letter-spacing: -1px;
        padding: 0;
        margin: 0; }
      #header .logo .logo-text p {
        font-size: 11px;
        margin: 0px;
        padding: 0; }
  #header .navigation {
    float: right;
    padding-top: 5px; }
    #header .navigation ul {
      padding: 0;
      margin: 0;
      list-style: none; }
      @media only screen and (max-width: 480px) {
        #header .navigation ul {
          display: none; } }
      #header .navigation ul li {
        margin: 0;
        padding: 0;
        display: inline-block; }
        #header .navigation ul li a {
          display: block;
          padding: 12px 15px;
          text-transform: uppercase;
          color: #000;
          font-size: 14px; }
          @media only screen and (max-width: 480px) {
            #header .navigation ul li a {
              padding: 12px 10px; } }
          #header .navigation ul li a:hover {
            color: #FFF; }
        #header .navigation ul li:last-child a {
          padding-right: 0px; }
    #header .navigation .mobile-trigger {
      display: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      background: none;
      border: 0;
      color: rgba(0, 0, 0, 0.7);
      font-size: 24px;
      padding: 0px; }
      @media only screen and (max-width: 480px) {
        #header .navigation .mobile-trigger {
          display: inline-block; } }

/* =Push Menus
-------------------------------------------------------------- */
.push-menu-right {
  background: #151515; }
  .push-menu-right .mobile-nav-menu {
    padding: 0;
    margin: 0;
    list-style: none; }
    .push-menu-right .mobile-nav-menu li {
      display: block;
      border-bottom: 1px solid #444; }
      .push-menu-right .mobile-nav-menu li:last-child {
        border-bottom: 0; }
      .push-menu-right .mobile-nav-menu li a {
        display: block;
        padding: 15px 10px;
        font-size: 14px;
        color: #FFF; }

/* =Category Pages
-------------------------------------------------------------- */
/* =Home Page
-------------------------------------------------------------- */
.billboard-stage {
  background: #333;
  padding: 15px; }
  .billboard-stage .static-billboard {
    min-height: 200px; }
  .billboard-stage .billboard {
    background: purple;
    min-height: 400px; }

/* =Loop Styles
-------------------------------------------------------------- */
/* =Single Loop 
------------------------------------------------------------- */
/* =Page Loop 
------------------------------------------------------------- */
/* =Footer
-------------------------------------------------------------- */
.footer {
  background: #FFF;
  color: #333;
  font-size: 12px;
  padding: 15px; }
  .footer a {
    color: inherit; }
    .footer a:hover {
      color: #CCC; }
  .footer .footer-social .footer-navigation .nav-menu {
    padding: 0;
    margin: 0;
    list-style: none; }
    .footer .footer-social .footer-navigation .nav-menu li {
      display: inline-block; }
      .footer .footer-social .footer-navigation .nav-menu li a {
        padding: 10px; }
      .footer .footer-social .footer-navigation .nav-menu li:last-child a {
        padding-right: 0px; }
  .footer .footer-social .footer-social-media-icons {
    text-align: right;
    color: #333;
    font-size: 12px; }
    .footer .footer-social .footer-social-media-icons a {
      display: inline-block;
      margin-right: 7px;
      color: #333; }
      .footer .footer-social .footer-social-media-icons a .smiconbg {
        color: #333; }
      .footer .footer-social .footer-social-media-icons a .smicon {
        color: #FFF; }
      .footer .footer-social .footer-social-media-icons a:last-child {
        margin-right: 0px; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignnone {
  margin: 5px 20px 20px 0; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center; }

.wp-caption.alignnone {
  margin: 5px 20px 20px 0; }

.wp-caption.alignleft {
  margin: 5px 20px 20px 0; }

.wp-caption.alignright {
  margin: 5px 0 20px 20px; }

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto; }

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px; }

/* =Media Queries
-------------------------------------------------------------- */