/*
Theme Name: SongWriter Premium
Theme URI: http://www.tomastoman.cz/downloads/songwriter/
Author: Tomas Toman
Author URI: http://www.tomastoman.cz/
Description: SongWriter is an easily customizable multipurpose theme. It is a fully responsive and Retina ready theme that allows for easy viewing on any device. SongWriter theme offers 7 pre-defined color schemes, 220 Google fonts, Theme Options panel for easy adaptation to your needs, sidebar and footer widget areas, contact information and social network profile links in header, header Carousel box, custom widgets for displaying the latest posts from the selected category in 6 different ways, Facebook Like Box and Twitter Following custom widgets, Info-box custom widget, custom shortcodes, theme documentation and much more. Using the drag-and-drop Page Builder, you can easily create your own page layouts according to your needs. Supports popular plugins WooCommerce and Breadcrumb NavXT. Available in Brazilian Portuguese, Czech, Danish, Dutch, English, French, German, Greek, Italian, Romanian, Russian, Slovak and Spanish.
Version: 2.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, black, white, gray, blue, green, red, purple, orange, one-column, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-colors, custom-menu, featured-images, full-width-template, sticky-post, theme-options, translation-ready, editor-style, post-formats, rtl-language-support
Text Domain: songwriter
*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: none;
  margin: 0;
	padding: 0;
	vertical-align: baseline;
}    
h1, h2, h3, h4, h5, h6 {
  font-family: Oswald, Arial, Helvetica, sans-serif;
  -ms-word-wrap: break-word;
  word-wrap:     break-word;
  line-height: 120%;
  margin: 30px 0 7px;                   
}
h1 {
  color: black;
  font-size: 27px;  
}
h2 {
  color: #222222;
  font-size: 21px;  
}
h3 {
  color: #333333;
  font-size: 18px;  
}
h4 {
  color: #444444;
  font-size: 16px;  
}
h5 {
  color: #555555;
  font-size: 14px;  
}
h6 {
  color: #666666;
  font-size: 13px;  
}
p, ul, ol, li, dl, address {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  font-size: 13px;
  text-align: left;
}
ul {
  margin-left: 16px;   
}
ol {
	list-style-type: decimal;
  margin-left: 20px;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
dl {
  margin-bottom: 20px;   
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 5px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote cite {
  display: block;
  font-style: normal;
	text-transform: uppercase;
}
a {
  color: #437bd0;
  text-decoration: underline;           
}
a:hover {
  text-decoration: none;           
}
a img {
  border: none;      
}
img {
  height: auto; 
  max-width: 100%;   
}
table {
  font-size: 13px;
  width: 100%;      
}
table, td, th {
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  text-align: left;
}
td, th {
  padding: 5px 8px;       
}
th {
  background: #555555;
  color: white;
  font-weight: bold;   
}
blockquote, q { 
  background: #f0f0f0;
  border-left: 1px solid #e3e3e3;
  clear: both;
  color: #333333;
  font-style: italic;
  margin: 0 0 20px;
  padding: 15px;
}
address {
  font-style: italic;        
}
pre {
  margin-bottom: 20px;
  overflow: auto;   
}
sup {
  vertical-align: super;    
}
sub {
  vertical-align: sub;    
}
iframe,
embed {
  clear: both;
  width: 100%;   
}
hr {
  background: #e8e8e8;
  border: none;
  height: 1px; 
  margin: 15px 0;  
}


/* WordPress Core
-------------------------------------------------------------- */

.alignnone {
  clear: both;
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  clear: both;
  display: block;
  margin: 5px auto 20px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 20px 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,
.gallery-caption {
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px;
  text-align: center;
}
#wrapper .gallery-caption {
  border: none;                          
}
.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;
}
#wrapper .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px;
}
.wp-audio-shortcode {
  margin-bottom: 20px;                   
}


/* basic structure
-------------------------------------------------------------- */

body {
  background: #f1f1f1;
  color: black;
  font-family: Arial, Helvetica, sans-serif;  
  line-height: 150%; 
}
#container {  
  position: relative;
  width: 100%; 
}
#header,
#ticker-wrapper,
#top-navigation-wrapper,
#main-content-wrapper,
#wrapper-footer,
.top-navigation-wrapper,
.header-content-wrapper,
.footer-signature,
.menu-box-wrapper {
  float: left;
  height: auto;
  position: relative;
  width: 100%;        
}
#header {
  background: white;  
  margin-bottom: 30px;      
}
#main-content,
#footer,
.footer-signature-content,
.header-content,
.top-navigation,
.menu-box {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1170px;              
}
#content {
  float: left;
  margin: 0 0 5px;
  width: 770px;         
}
.page-template-template-full-width-php #container #content,
.page-template-template-landing-page-php #container #content,
.page-template-template-full-width-without-title-php #container #content,
.page-template-template-full-width-without-sharing-php #container #content,
.page-template-template-page-builder-full-width-php #container #content {
  width: 100%;                                                      
}
.entry-content,
.sidebar-widget {
  background: white;
  float: left;
  margin-bottom: 25px;
  position: relative; 
  width: 100%;           
}
.entry-content-inner {
  padding: 20px;
  position: relative;
  width: auto;                  
}
#sidebar {
  float: right;
  margin: 0 0 10px 30px;
  position: relative;
  width: 370px;         
}
.scroll-top {
  border: 1px solid #111111;
  color: #111111;
  cursor: pointer;
  display: block;
  font-family: ElegantIcons !important;
  font-size: 21px;
  height: 21px;
  line-height: 21px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  padding: 4px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  text-align: center;
  width: 21px;
  z-index: 2000; 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;           
}
#wrapper .scroll-top:hover {
  background: #555555;
  color: white;
  opacity: 1;
  filter: alpha(opacity=100);                             
}
#header,
#nav-below,
#wrapper-footer,
.post-entry,
.entry-content,
.sidebar-widget,
.search .navigation,
.entry-headline-wrapper,
.page-template-template-page-builder-php .panel,
.page-template-template-page-builder-full-width-php .panel {
  -webkit-box-shadow: 0 0 3px #bbbbbb;
  -moz-box-shadow:    0 0 3px #bbbbbb;
  box-shadow:         0 0 3px #bbbbbb;
}


/* header
-------------------------------------------------------------- */

body .header-content-wrapper {
  padding: 30px 0;               
}
.site-title { 
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 48px;  
  line-height: 100%;
  margin: 0;
  max-width: 950px; 
  position: relative;
  width: 100%;
  z-index: 50;       
}
.site-description { 
  color: #888888;
  font-family: Oswald, Arial, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 100%;
  margin: 12px 0 0; 
  max-width: 950px;
  position: relative;
  width: 100%;
  z-index: 50;        
}
.site-title a {
  color: #437bd0;
  text-decoration: none; 
  -webkit-transition: color 1s ease;
     -moz-transition: color 1s ease;
       -o-transition: color 1s ease;
      -ms-transition: color 1s ease;
          transition: color 1s ease;          
}
.site-title a:hover {
  color: black;                    
}
.header-logo {
  clear: both;
  display: block;
  height: auto;
  margin