/*
Theme Name: Topaz
Theme URI: https://wordpress.com/themes/singl/

Author:      Customized by Cristian Pencheff
Author URI:  https://wordpress.com/themes/
Template: singl

Description: Topaz is a customization of Singl, a minimalist theme that helps you to create a strong — yet beautiful — online presence. Primarily designed for music artists, Singl is a powerful and flexible theme.
Version: 1.0.4
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: singl
Domain Path: /languages/
Tags: black, green, white, one-column, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

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.

Singl is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@import url("../singl/style.css");

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

/* SELFMADE CUSTOM */

body.custom-background {
  background-size: 100%; 
}

.main-navigation {
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

a {
  color: #bb7005;
}

.page-title a:hover, 
.page-title a:focus, 
.page-title a:active, 
.entry-title a:hover, 
.entry-title a:focus, 
.entry-title a:active, 
.entry-meta a:hover, 
.entry-meta a:focus, 
.entry-meta a:active {
  color: #bb7005;
}

.page-title a, 
.entry-title a, 
.entry-meta a {
  text-shadow: 1px 1px #fff;
}

.has-header #masthead {
  padding-top: 50px;
}

.site-image img {
  width: 100%;
  max-width: 300px;
}

.site-branding {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin: 0 auto 20px auto;
}

.site-branding h1 {
  letter-spacing: 2px;
}

.site-title {
  text-shadow: 1px 1px 0 rgba(0,0,0,0.3) !important;
}

.site-description {
  text-indent: -9999em;
  line-height: 0;
}

#social-links-wrapper {
  position: relative;
  left: auto;
  max-width: 722px;
  margin: 0 auto 20px auto;
  display: block !important;
  visibility: visible !important;
  background-color: transparent;
}

.social-links li {
  display: inline-block;
  float: none;
}

.social-links a {
  border-radius: 50%;
  width: 35px !important;
  height: 35px !important;
  line-height: 36px !important;
  background-color: rgba(0,0,0,0.4);
  box-shadow: 0 1px 2px -1px rgba(255,255,255,0.3);
}

.social-links a:hover {
  background-color: #bb7005;
  text-shadow: 1px 1px #6a4003;
}

#content {
  margin-top: 20px;
}

#content .sticky {
  margin-top: -10px;
  text-align: center;
}

#content .sticky > header {
  display: none;
}

#content .sticky > .entry-content {
  margin-top: 0;
}

.page-header, .page-content, .hentry {
  background-color: rgba(255,255,255,0.8);
}

.page-title a, .entry-title a, .entry-meta a {
  pointer-events: none;
}

.entry-meta {
  display: none;
}

#content .hentry {
  box-shadow: 0px 5px 15px -10px #000;
}

.site-info {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400; 
  color: #fff; 
}

@media only screen and (max-width: 959px) {
  .social-links a {
    box-shadow: 0 1px 2px -1px rgba(255,255,255,0.7);
  }
}

@media only screen and (max-width: 767px) {
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font-size: 97%;
  }
  
  h1 {
    font-size: 20px;
    line-height: 1.2;
  }
  
  .site-branding {
    padding: 20px 20px;
  }
  
  #social-links-wrapper {
    padding: 0;
  }
  
  .entry-content, .entry-summary {
    margin: 0;
  }
}