/*
 Theme Name:   Fotosnap - Athena Child
 Theme URI: https://smartcatdesign.net/articles/athena-responsive-multipurpose-wordpress-theme/
 Description:  Athena Child Theme
 Author: Jewel extended Smartcat's Athena 
 Author URI: https://smartcatdesign.net
 Template:     athena
 Version: 1.1.6
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain: athena-child
*/

html,
body,
button,
input,
select,
textarea {
  font-family: 'Raleway', sans-serif;
}

footer { margin-top: 60px; }
body h1, body h2, body h3, body h4, body h5, body h6, body .entry-content {
  margin-top: 0;
}
div.venues{
	display: none !important;
}


body .content-area p a {
    color: #00bcd4;
    font-weight: bold;
}

body .site-content { min-height: 70vh; }

h1.title {
  font-weight: 300;
  font-size: 48px;
  margin-bottom: 0;
}
.parallax-window { position: relative; }
.center  {
  margin: 0 auto;
  text-align: center;
}
.dark-overlay {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0,0,0,.3);
}
.dark-overlay-text {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}
.page-template-page-photographers img.attachment-thumbnail {
  border-radius: 10px;
  box-shadow: 2px 2px 5px #888888;
}
.photographer-avatar { 
  border-radius: 10px;
  height: 200px;
  overflow: hidden;
  max-width: 200px;
  box-shadow: 2px 2px 5px #888888;
}

body #athena-jumbotron h2.header-text { margin-top: 30px; }
body #athena-page-jumbotron .entry-title{ margin-top: 0; margin-bottom: 6px; }
body #athena-page-jumbotron .entry-address{ 
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
body #athena-page-jumbotron .entry-address a,
body #athena-page-jumbotron .entry-address a:visited,
body #athena-page-jumbotron .entry-address a:active{
  color: #fff;
  text-decoration: underline; 
}
body #athena-page-jumbotron p { font-size: 16px; margin: auto 10%; }
body #athena-page-jumbotron .entry-header { margin-top: 100px; color: #fff; }
body #athena-page-jumbotron .entry-header small a {
  font-size: 16px;
  font-weight: lighter;
  color: #eee;
  margin-top: 100px;
}


body.single-referral #athena-header,
body.home #athena-header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    
}

body.single-referral #athena-header .header-inner,
body.home #athena-header .header-inner {
    background: rgba(27,27,27,0.3);
    height: 85px;
}

/* top nav */
body #athena-logo img {
    max-height: 45px;
    padding: 0 0 0 5px;
}
body #athena-header.frontpage.sticky .header-inner #athena-logo {
    padding: 0 0 0 5px;
}
body #athena-header.frontpage .header-inner {
    background: rgba(27,27,27,0.6);
    height: 48px;
}

@media (min-width: 1100px){
  body #athena-logo img {
      max-height: 80px;
      margin-top: 7px;
  }
  body #athena-header.frontpage .header-inner {
      height: 76px;
  }
}

body #athena-header.frontpage.sticky .header-inner #athena-logo img {
  padding: 2px 0 5px;
}

body .site-branding { padding: 0 0; }

body .main-navigation {
  padding: 10px 0 0;
}
body #athena-header.frontpage.sticky .main-navigation {
  padding: 0 0;
  margin-top: -6px;
}

body ul.athena-nav > li.menu-item:nth-last-child(1)  {
    border: solid 1px #fff;
    padding: 10px 10px 2px;
    margin-top: -10px;
}

body ul.athena-nav > li.menu-item a {
    font-size: 16px;
    font-family: Raleway, sans-serif;
    font-weight: 200;
    text-transform: uppercase;
}

/* homepage */
body #athena-jumbotron{
    height: 95vh;
}

body #athena-jumbotron .slider-bottom {
  bottom: 40px;
}

body #athena-jumbotron .camera_fakehover {
  height: 96vh;
}

body #athena-jumbotron .overlay {
  top: 40%;
}

body #athena-jumbotron .overlay .parallax {
    background-color: rgba(0,0,0,.5);
    padding-bottom: 40px;
    padding-left: 30px;
}

body #athena-jumbotron .hero img{
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

.homepage-page-content .entry-title, .blog .entry-title { font-weight: 400; }
.homepage-page-content .entry-meta, .blog .entry-meta { display: none; }

.homepage-page-content.how-it-works {
  margin: 120px 0 0;
  font-size: 140%;
  font-weight: lighter;
}

#athena-homepage-widget > div {
  background: rgba(10,10,10, 0.1);
}

.athena-blog-content.masonry {
  margin-left: 4%;
}

.homepage-page-content .athena-blog-post {
  width: 44%;
}
.blog .athena-blog-post {
  width: 100%; max-width: 600px;
}

.homepage-page-content h2,
.blog h2
{
  text-align: center;
  font-weight: 300;
  margin: 80px 0 40px;
  font-size: 38px;
}

.blog .post .entry-title,
.homepage-page-content .post .entry-title {
  font-size: 26px;
  margin: 30px;
  padding-top: 20px;
}

.blog .post .continue-reading,
.homepage-page-content .post .continue-reading {
  text-align: center;
}

.blog .post .continue-reading .athena-button.primary,
.homepage-page-content .post .continue-reading .athena-button.primary {
  background: #C8C8C8;
}

.blog .more,
.homepage-page-content .more {
    margin-top: 40px;
    border-top: solid 1px #ccc;
}
.blog .more .athena-button.default,
.homepage-page-content .more .athena-button.default {
    margin-top: -20px;
    background-color: #C8C8C8;
}
.homepage-page-content.testimonials .client-avatar {
  width: 75px;
  height: 75px;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 40px;
  float: left;
}
.homepage-page-content.testimonials
.testimonial .client-avatar img {
  width: 75px;
  height: auto;
  border-radius: 40px;
}
.homepage-page-content.testimonials
.testimonial {
  font-size: 16px;
  text-transform: uppercase;
  width: 48%;
  margin: 10px 1%;
  float: left;
}
.homepage-page-content.testimonials
.testimonial blockquote {
  font-size: 18px;
  text-transform: none;
}

.homepage-page-content.venues h2 {
  margin-bottom: 0;
}
.homepage-page-content.venues p {
  color: #999;
  margin-bottom: 40px;
  font-weight: 300;
}

.homepage-page-content.promo
{
  text-align: center;
}


/* venue & photo blocks */

.callout {
  padding: 40px;
  background-color: rgba(150,150,150,.1);
}

.venue-gallery img {
  margin-bottom: 10px;
}

.thumb-card {
  text-align: center;
  min-height: 280px!important; 
}
.thumb-card h4 {
  margin-top: 6px;
  font-weight: normal;
}
.thumb-card h4 a,
.thumb-card h4 a:visited {
  color: #666;
}

/* pricing page */
.content-area table {
  max-width: 400px;
}
table td { text-align: left; }
.center table { margin: 0 auto; }
.content-area hr {
  margin-top: 80px;
}

/* referral codes */

#referral-layer {
    /*background-image: url(img/referral-bg.svg);*/
    /*background-color: rgba(250, 188, 61, .9);*/
    background-color: rgba(0, 188, 212, .95);
    background-size: 100% auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-clip: padding-box;
    color: #fff;
    display: none;
    max-width: 721px;
    min-height: 300px;
    left: 20px;
    padding: 39px;
    position: fixed;
    top: 155px;
    right: 20px;
    width: auto;
    z-index: 1;
}
#referral-layer h2 {
    color: #fff;
    font-size: 1.125em;
    margin-bottom: 10px;
    margin-top: 0;
}
#referral-layer h1 {
    color: #fff;
    font-size: 2.5em;
    margin-bottom: 10px;
    margin-top: 0;
    letter-spacing: -2px;
}
#referral-layer .referral-code { font-weight: bold; }
#referral-layer .character {
    background-image: url(img/referral-icon.png);
    bottom: -90px;
    height: 95px;
    left: -20px;
    position: absolute;
    width: 70px;
}
#referral-layer .close {
    background-image: url(img/referral-close@3x.png);
    background-size: 100% auto;
    cursor: pointer;
    height: 20px;
    display: block;
    right: 10px;
    position: absolute;
    top: 10px;
    width: 70px;
}
/* profile photo */
.instr-download{
    position: absolute;
    top: -50px;
}
#profile-gallery-cta{
    margin-top: 60px;
}
#ngg_pro_links_wrapper .ngg_pro_btn{
    background-color: #00bcd4;
    background-image: none !important;
    border-radius: 0px !important;
    font-family: Raleway, sans-serif !important;
    text-shadow: none !important;
}

@media screen and (min-width: 1024px){
  #referral-layer {
      left: 20px;
      right: 20px;
      top: 95px;
      width: 80%;
  }
  #referral-layer h1 {
      font-size: 3.75em;
  }
}

/* venue pages */

nav.locations-nav {
position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
nav.locations-nav a {
    top: 60px;
    color: #ccc;
  position: absolute;
    font-size: 120px;
}
nav.locations-nav a.next {
  right: 10px;
}
nav.locations-nav a.previous {
    left: 10px;
}

.zozi-frame {
  width: 100%; height: 500px; position: relative; top: -120px; margin-bottom: -240px;
}
.zozi-frame-full {
  width: 100%; height: 500px; position: relative; margin-bottom: -120px;
}
.zozi-frame-wrapper { overflow: hidden; }

.peek-frame {
  width: 100%;
  position: relative;
  top: -50px;
  margin-bottom: -40px;  
}
.peek-frame-wrapper { overflow: hidden; }

/* mobile */

@media screen and (max-width: 600px){
  body #athena-jumbotron h2.header-text { font-size: 30px; padding-top: 20px; }
  body #athena-jumbotron .overlay { bottom: 60px; top: auto; }
  body .athena-button.large { font-size: 16px; }
  body #main.athena-page { padding: 30px 10px 0; }
  body #main.athena-page #athena-page-jumbotron { margin-left: -10px; width: 110%; }
  #referral-layer h1 { font-size: 18px; letter-spacing: 0; }
}

.um-directory .col-sm-8
.um-directory .col-xs-1, .um-directory .col-sm-1, .um-directory .col-md-1, .um-directory .col-lg-1, .um-directory .col-xs-2, .um-directory .col-sm-2, .um-directory .col-md-2, .um-directory .col-lg-2, .um-directory .col-xs-3, .um-directory .col-sm-3, .um-directory .col-md-3, .um-directory .col-lg-3, .um-directory .col-xs-4, .um-directory .col-sm-4, .um-directory .col-md-4, .um-directory .col-lg-4, .um-directory .col-xs-5, .um-directory .col-sm-5, .um-directory .col-md-5, .um-directory .col-lg-5, .um-directory .col-xs-6, .um-directory .col-sm-6, .um-directory .col-md-6, .um-directory .col-lg-6, .um-directory .col-xs-7, .um-directory .col-sm-7, .um-directory .col-md-7, .um-directory .col-lg-7, .um-directory .col-xs-8, .um-directory .col-sm-8, .um-directory .col-md-8, .um-directory .col-lg-8, .um-directory .col-xs-9, .um-directory .col-sm-9, .um-directory .col-md-9, .um-directory .col-lg-9, .um-directory .col-xs-10, .um-directory .col-sm-10, .um-directory .col-md-10, .um-directory .col-lg-10, .um-directory .col-xs-11, .um-directory .col-sm-11, .um-directory .col-md-11, .um-directory .col-lg-11, .um-directory .col-xs-12, .um-directory .col-sm-12, .um-directory .col-md-12, .um-directory .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}

h1 small {
    font-size: 14px;
    font-weight: normal;
}

