/*---------------- 
# Header 
----------------*/

.header-bg {
   background-color: #e74c3c;
}

.site-title a, .site-description {
    color: #353e49;
}

.site-title a:hover, a:active, a:focus {
    color: #e74c3c;
}

*.site-description {
   display: none;
} 

/*----------------
# Hero 
----------------*/

.hero-section .hero-content {
    font-family: "Playfair Display", serif;
    color: #353e49;
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em;
}

.hero-section .hero-title {
    color: #353e49;
    font-weight: bold;
    font-size: 20px;
    font-size: 2rem;
}

@media screen and (min-width: 50em) {
   .hero-section .hero-content {
   font-size: 18px;
   font-size: 1.8rem;
}
}

@media screen and (min-width: 50em) {
   .hero-section .hero-title {
   font-size: 36px;
   font-size: 3.6rem;
}
}

.home-posts-titles h2 {
    display: none;
}

.featured-image a:hover {
	opacity: 0.8;
}

.page-template-template-home-php .site-content {
    margin-top: -2em;
}

/*----------------
# Navigation 
----------------*/ 

div.stick {
    background-color: #353e49;
}

.main-navigation ul {
    background-color: #353e49;
}

.main-navigation a {
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Playfair Display", serif;
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
    color: #e74c3c;    
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Playfair Display", serif;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
    color: #e74c3c;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Playfair Display", serif;
}

.main-navigation a {
    font-size: 14px;
    font-size: 1.4rem;
}

.main-navigation li:hover > a, .main-navigation li.focus > a {
    font-size: 14px;
    font-size: 1.4rem;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
    font-size: 14px;
    font-size: 1.4rem;
}

/* small screen menu toggle off */
button.menu-toggle {
    background-color: #353e49;
}

/* small screen menu toggle on */
button:hover, button:focus, .button:hover, .button:focus {
   background-color: #353e49;
   color: #e74c3c;
}

/* small screen toggle button */
html input[type="button"], input[type="reset"], input[type="submit"], button, .button, #infinite-handle span {
   font-style: normal;
   font-weight: bold;
   font-size: 14px;
   font-size: 1.4rem;
   font-family: "Playfair Display", serif;
   letter-spacing: 1px;
   text-transform: uppercase;
   padding: .75em 1.5em 1em;
}

/*----------------
# Buttons
----------------*/

html input[type="button"], input[type="reset"], input[type="submit"], button, .button, #infinite-handle span {
    background-color: #e74c3c;
    color: white;
}

html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #infinite-handle span:hover {
    background-color: #353e49;
    color: white;
}

button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active {
	background-color: #353e49;
	color: white;
}

a.button {
    color: white;	
    background-color: #e74c3c;
}

a.button:hover, a.button:focus, a.button:active {
    color: white;	
    background-color: #353e49;
}

/*----------------
# Main
----------------*/

/*h1.page-title {
    display: none;
}*/

/*@media screen and (min-width: 50em) {
.entry-content {
    width: 80%;
    margin: auto;
}
}*/

.home-content.entry-content {
    margin-top: 3em;
}

.home-posts-titles {
    margin-bottom: 1.5em;
}


.site-content {
    margin-top: 1em;
    margin-bottom: 1em;
}

@media only screen and (min-width: 50em) {
.site-content {
    margin-top: 2em; 
    margin-bottom: 2em;
}
}

body {
    color: #2e4453;
    font-family: "Vesper Libre", serif;
}

@media screen and (min-width: 50em) {
p {
   font-size: 16px;
   font-size: 1.6rem;
}
}

h1, h2, h3, h4, h5, h6 {
    color: #353e49;
    font-family: "Playfair Display", serif;
}

h1 {
    font-size: 28px;
    font-size: 2.8rem;
}

h2 {
    font-size: 22px;
    font-size: 2.2rem;
}

h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

h4 {
    font-size: 16px;
    font-size: 1.6rem;
}

h5 {
    font-size: 14px;
    font-size: 1.4rem;
}

h6 {
    font-size: 12px;
    font-size: 1.2rem;
}

@media screen and (min-width: 50em) {
h1 {
    font-size: 54px;
    font-size: 5.4rem;
}

h2 {
    font-size: 34px;
    font-size: 3.4rem;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
}

h4 {
    font-size: 20px;
    font-size: 2rem;
}

h5 {
    font-size: 18px;
    font-size: 1.8rem;
}

h6 {
    font-size: 16px;
    font-size: 1.6rem;
}
}

.hentry h1 a, .hentry h2 a, .hentry h3 a, .hentry h4 a, .hentry h5 a {	
   color: #e74c3c;
}

.hentry h1 a:hover, .hentry h2 a:hover, .hentry h3 a:hover, .hentry h4 a:hover, .hentry h5 a:hover {
   color: #ee8377;
}	

a {
    color: #e74c3c;
}

a:hover, a:focus, a:active {
    color: #ee8377;
}

.hentry hr {
    border-color: #e74c3c;
    border-top-width: 1.5px;
    width: 5em;
}

blockquote {
    border-left: 8px solid #ee8377;
}

@media screen and (max-width: 35em) {
blockquote.myblockquote {
    clear: both;
}
}

@media screen and (min-width: 35em) {
    blockquote.myblockquote {
    margin-left: 289px;
}
}

@media screen and (min-width: 70em) {
    blockquote.myblockquote {
    margin-left: 380px;
}
}

blockquote, blockquote p {
	color: white;
	background-color: #e74c3c;
	font-weight: 600;	
        font-size: 14px;
        font-size: 1.4rem;
	line-height: 1.7;
	font-family: "Playfair Display", serif;
        letter-spacing: 0.5px;
}

/*blockquote cite {
    color: #2e4453;
}

blockquote cite a, blockquote cite a:visited {
    color: #2e4453;
}*/

strong, b {
    color: #353e49;
}

/*----------------
# Custom classes
---------------*/

.cenik {
    border-left: 8px solid #e74c3c;
    margin: 0 auto 2.5em;
    padding: 1.5em 1.5em;
    background-color: #f3f6f8;
    font-weight: bold;
    line-height: 1.7;
    font-family: "Playfair Display", serif;
}

.barva {
    color: #e74c3c;
}

.hvezdicka {
    font-weight: normal;
}

.tloustka {
    font-weight: 700;
}

.priklad {
    /*background-color: #f3f6f8;*/
    font-style: italic;
}

.citace {
    border-left: 8px solid #e74c3c;
    padding-left: 1.5em;
}

.myclear {
    clear: both;
}

/*----------------
# Images
---------------*/

/*div.featured-image img {
    width: 300px; 
    float: right;
    margin-right: 0;
    margin-left: 1.5em;
}*/

.featured-image img:hover {
    opacity: 1;
}

img {
    border: 1px solid #efefef;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

img.alignright, img.alignleft {
   margin-top: 0;
   /*margin-bottom: 1.5em;*/
}

/*----------------
# Lists
----------------*/

li {
    font-size: 16px;
    font-size: 1.6rem;
}

ul {
    list-style-position: inside; /* increases space between leftalign img and li items */
    padding-left: 0; /* decreases space between entry-content container and li items */
}

/*----------------
# Tables
----------------*/

table.tabdiv {
   width: 100%;
   border: 0;
   margin-bottom: 0;
}

table.tabdiv tr td {
    color: #2e4453;
    background-color: #f3f6f8;
    line-height: 1.5;
    font-weight: bold;
    font-family: "Playfair Display", serif;
    padding: 0;
}

table.tabdiv tr:first-child td {
   padding-bottom: 0.45em;
}

/* proofs price table */
table, table tr th, table tr td {
	color: #2e4453;
	background-color: white;
	font-family: "Playfair Display", serif;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.5px;
	border: none;
}

table tr th {
	padding: 1.5em;
}

tr:hover {
	background-color: #f3f6f8;
} /* not working, background-color set, need to remove default striped rows */

.info-cell {
	background-color: #f3f6f8;
	border-left: 8px solid #e74c3c;
}

.title-cell {
	text-transform: uppercase;
	background-color: #f3f6f8;
}

.price-cell {	
	text-transform: uppercase;
	background-color: #f3f6f8;
	padding-top: 0;
}

.icon-cell {
	text-align: center;
}

/* font awesome */
.fas {
	font-size: 18px;
	font-size: 1.8rem;
}

.fa-times-circle {
	color: #bebebe;
}

/*----------------
# Forms
----------------*/

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	background-color: #f3f6f8;
}

.planso-form-builder label {
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 15px;
	color: #353e49;
}

.planso-form-builder button:hover, button:focus {
    text-transform: uppercase;     
    font-weight: bold;
    font-family: "Playfair Display";	 	
  /*  margin: 15px 0; */
    background-color: #353e49;
}

/* radio button */
#psfield_77_5_1 {
	margin-right: .5em;
}

label.checkbox-inline.checkbox_wrapper {
	margin-top: 5px;
}

/*----------------
# Headers and footers
----------------*/

.single .hentry .entry-footer {
    display: none;
}

.entry-meta {
    display: none;
}

.jp-relatedposts-post-context {
    display: none;
}

/*----------------
# Widgets
----------------*/

.robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing {
    padding-top: 1em;
}

/*@media only screen and (min-width: 50em) {
    .robots-nocontent.sd-block.sd-social.sd-social-icon.sd-sharing {
    padding-top: 2em;
}
}*/

div.sharedaddy h3.sd-title::before {
    border-top: 2px solid #e74c3c;
    /*margin-bottom: 2em;
    margin-top: 1em;*/
}

/* hides comments / link / edit box on home page */
.entry-footer {
    display: none;
}

.widget_wpcom_social_media_icons_widget ul {
    padding-left: 0;
}

.widget_wpcom_social_media_icons_widget li a {
    font-size: 40px;
}

.widget_wpcom_social_media_icons_widget li a:hover {
    color: #ee8377;
}

.textwidget a:hover {
    color: #ee8377;
}

.textwidget {
    color: #2e4453;
}

.textwidget a.button:hover, a.button:focus, a.button:active {
    color: white;
    background-color: #2e4453;
}

.widget_tag_cloud a, .wp_widget_tag_cloud a {
	background-color: #e74c3c;
}

.widget_tag_cloud a:hover, .wp_widget_tag_cloud a:hover {
	background-color: #ee8377;
}

.widget-title  {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    display: inline-block;
    border-bottom: 2px solid #e74c3c;
    padding-bottom: 3px;
}

/*----------------
# Footer 
----------------*/

/* Footer Widget */
/*.site-footer .widget-title {
    border-bottom: 2px solid #ee8377;
}*/

/*div.textwidget {
    border-left: 8px solid #ee8377;
    padding-left: 1.5em;
}*/

.footer-wrap {
   background-color: #e74c3c;
}

#colophon.site-footer {
	margin-left: auto;
	margin-right: auto;
}

.site-footer {
    margin: 2em;
}

.site-footer .site-info {
    color: white;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
}

.site-footer .site-info a {
     color: white;
}

.site-footer .site-info a:hover, a:active {
    color: #353e49;
}