/*
Theme Name:     Elektronický Ott NG 2015
Theme URI:      http://www.e-ott.info
Description:    Nový vzhled mého blogu
Author:         Vlastimil Ott
Author URI:     http://www.vlastimilott.cz/wordpress
Template:       first
Version:        0.2
*/

body {
	font-family: "PT Sans", Arial, sans-serif !important;
}



header#masthead {
  background: rgb(44,83,158); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44,83,158,1)), color-stop(100%,rgba(44,83,158,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 ); /* IE6-9 */
}


header#masthead .site-top {
  margin-top:0;
  margin-bottom:0;
  padding-top: 1em;
  padding-bottom: 1em;
}

h1.site-title a,
.site-description {
  color: #fff;
}

header#masthead .header-image {
  border-top: 5px solid #E1AC28;
}

.site-header{
  border-bottom: 5px solid #E1AC28;
  margin-bottom: 2em;
}

.home .site-header {
  border-bottom: 0;
}

header#masthead .header-navigation li {
  padding-left:0;
  color: #fff;
}

header#masthead .header-navigation li  a {
  color: #fff !important;
  padding-left: .625em;
  padding-right: .625em;
}

header#masthead .header-navigation li.starthere a {
	color: #FA9618 !important;
	font-weight: bold;
}

header#masthead .header-navigation li a:hover {
  background: #E1AC28;
  color: #000 !important;
  transition: all 500ms ease-in-out;
}

.header-navigation ul ul {
	width: 200px;
	background: rgb(44,83,158);
	font-size: .9em;
	border:0;
}

.header-navigation ul ul li {
	border: 0;
}

.header-navigation ul ul li a  {
	border-color: #325FB6;
}

footer#colophon {
  background: rgb(44,83,158);
}

.site-info a,
.footer-navigation li a {
  color: #888;
}

.site-info a:hover,
.footer-navigation li a:hover  {
  text-decoration: underline !important;
  color: #fff;
}

.widget ul li {
	border:0;
	padding-top: 4px;
	padding-bottom: 4px;
}

.site-bottom {
  color: #fff;
}

.site-credit {
  font-size: .8em;
}

.footer-area {
  background: #C0D0EE !important;
  border-top: 5px solid #000;
  border-bottom: 5px solid #E1AC28;
  /*font-family: "Trebuchet MS", "Helvetica Neue", Arial, sans-serif;*/
  font-size: .9em;
}

.widget-title,
.widget-title a {
  color: #000 !important;
  font-size: 20px;
}

.box {
	border:1px solid #ddd;
	padding: 1em;
	border-radius: 2px;
	margin: 1em auto;
}

.box p {
	margin: .5em 0;
}

.box.center {
	text-align: center;
}

.box.right {
	text-align: right;
}

.box.alert {
	background-color:#FFE6A7;
	border-color: #E1AC28;
}

.newsletter {
	background-image: linear-gradient(#2c539e 0%, #2c539e 100%);
	padding: 2em;
    color: #fff;
    border: 16px solid transparent;
    border-image: 16 repeating-linear-gradient(-45deg, red 0, red 1em, transparent 0, transparent 2em,
                  #fff 0, #fff 3em, transparent 0, transparent 4em);
}

.newsletter h2 {
	color: #fff;
	font-size: 28px;
	margin: 0 0 1em;
	font-weight: bold;
}

.newsletter .mauticform_wrapper {
	margin-left: 120px;
    padding: 1em;
}

.newsletter .mauticform-page-wrapper {
	display: inline-block;
}

.newsletter .mauticform-row {
    display: inline-block;
}

.newsletter img {
	border-radius: 50%;
}

.newsletter img.img-circle {
	border-radius: 4px;
}

.newsletter button {
	background-color: #FA9618;
	border-radius: 0;
	color: #000;
	padding: .75em 1em;
}

.newsletter .input {
	padding: .75em 1em;
	border: 1px solid #888;
}

.newsletter .mauticform-errormsg {
	display: block;
}

.footer-widget .widget {
  color: #000
}

.footer-widget .widget a {
  color: #1982D1;
}

.footer-widget .widget a:hover {
  color: #1982D1;
  text-decoration: underline !important;
}

.breadcrumbs {
  font-size: .9em;
  margin-bottom: 1em;
  color: #000;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.socialbox h3 {
  margin-bottom: .5em;
  margin-top:0;
}

.pocket-btn {
  display: inline-block;
}

.fb-btn {
  height: 22px;
  width: 100px;
  margin-top: 14px;
}


.toplist {
 float:right;
 margin-left: 1em;
}

.media-buttons a {
	margin-right: 1em;
}

.ninja-forms-field-error {
	color: red;
}

.related-wrapper {

}

.related-wrapper img {
	margin-right: 20px;
	width: 200px;
	float: left;
}

.related-item a {
	text-decoration: none;
	font-size: 130%;
	display: block;
}

.related-item {
	margin-bottom: 2em;
	clear:both;
}

.related-wrapper .crp_excerpt {
    font-size: 80%;
    font-style: italic;
}

.related-wrapper .crp_title {
    line-height: 1.2;
    width: 100%;
}