/*
Additional CSS - Clara design
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300');

@font-face {
  font-family: 'CustomSerif';
  src: url('fonts/revista-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('fonts/revista-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/revista-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/revista-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/revista-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/revista-regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/* Menu
--------------------------------------------- */

.genesis-nav-menu {color: #2c2c2c; font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 300;}

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

.header-image .site-title a {min-height: 189px;}

/* Genesis Responsive Slider
--------------------------------------------- */

.slider-area {width: 100%; display: block;}
.flexslider { max-height: 400px; width: 100%; max-width: 100%;}
.flexslider img {/*! width: 100%; */}

.slider-area #genesis-responsive-slider, .slider-area .genesis_responsive_slider li {border-top: 3px solid #eee;}

.slide-excerpt .more-link {display: block;}

.slider-area  #genesis-responsive-slider .slide-excerpt {bottom: 20%; margin: 0 30%; opacity: 1; overflow: hidden; padding: 20px; text-align: center; width: 40%;}
.slider-area  #genesis-responsive-slider h2 a {color: #2c2c2c;	font-size: 26px; font-weight: 400; letter-spacing: 2px; text-transform: capitalize; font-family: 'CustomSerif', serif;}

.slider-area .more-link {display: block; border-bottom: 2px solid #2c2c2c; width: 140px; margin: 15px auto 0px; color: #2c2c2c; font-size: 10px; padding-bottom: 5px; font-family: 'Montserrat', sans-serif; text-transform: uppercase;
letter-spacing: 1px;}
.slider-area .more-link:hover {opacity: 0.3;}
.slider-area p {margin-bottom: 10px;}


/* Homepage posts
--------------------------------------------- */

.home-top .post .entry-header {padding: 40px 10px 10px; }
.home-top .entry-title {font-family: 'CustomSerif', serif; font-size: 28px;}
.home-top .entry-content {padding: 0px 40px 0px; line-height: 30px}
.home-top .entry-content p {margin-right: 50px; }
.home-top img {margin-right: 30px; border: 1px solid #eee; padding: 10px;}
.home-top .entry {margin: 0px 5px 25px; border-bottom: 1px solid #eee;}

.home-top .more-link, .home-bottom .more-link { display: block; margin: 15px auto 0px; color: #2c2c2c; font-size: 10px; padding-bottom: 5px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; letter-spacing: 1px;}

.home-bottom {width: 1100px; margin: 0px auto;}

.home-bottom .entry-title {font-family: 'CustomSerif', serif; font-size: 20px;}
.home-bottom .post img {position: absolute;}
.home-bottom .post img:hover {opacity: 0.1;}
.home-bottom .post .entry-header {padding: 40px 10px 0px; text-align: center;}
.home-bottom .entry-content {padding: 0px 20px 10px; text-align: center;}

.featured-content {clear: both;	overflow: hidden;}
.home-bottom .featuredpost article {width:33.3%; float: left; border: 5px solid #fff; position: relative; display: block; height: 330px;}
.home-bottom .featuredpost article:nth-child(even) {float:left}

.olderposts {color: #2c2c2c; font-family: 'CustomSerif', serif; font-size: 16px; float: right;}

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

.instagram-section .jr-insta-thumb ul.thumbnails li img {border: 2px solid #fff !important; border-bottom: 4px solid #fff !important;}
.instagram-section .widget-title {color: #2c2c2c; font-family: 'CustomSerif', serif; font-size: 16px;}

.footer-widgets .widget-title {color: #888; font-family: 'CustomSerif', serif; font-size: 16px;}
.footer-widgets .widget_archive label, .footer-widgets .widget_categories label {display: none;}

.footer-widgets, .site-footer {background-color: #eee; color: #aaa;}
.site-footer .wrap {border-top: 1px solid #fff;}

.footer-widgets .search-form input {border:1px solid #ddd;}

/* Blog
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 {color: #2c2c2c; font-family: 'CustomSerif', serif;}
.entry-title {font-size: 26px;}
.content .post .entry-title::after {border-bottom: 1px solid #eee; content: ""; display: block; margin: 0 0 0px; padding-bottom: 15px; width: 200px;}
.content .entry-meta {color: #2c2c2c; font-size: 10px; padding-bottom: 5px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 200;}
.sidebar-primary .widget-title, .sidebar-alt .widget-title {border: 1px solid #eee; padding: 15px 10px; text-align: center; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 200;}

.entry-content .wp-caption-text {font-size: 10px;  font-weight: 200; margin: 0 0 10px;}

.gallery .gallery-item img {border: 1px solid #eee; padding: 10px;}
.gallery .gallery-item .wp-caption-text {margin-bottom: 20px; font-size: 13px; text-transform: uppercase; font-weight: bold;}

/* Sidebar */

.sidebar .entry {margin-bottom: 10px;}
.sidebar .featured-content .more-from-category {border: 2px solid #f5d4d3; text-align: center; padding: 10px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 200;}

.sidebar li {border-bottom: 1px solid #eee;}

blockquote::before {content: "\f10d"; font-family: 'FontAwesome'; color: #f5d4d3; left: -40px; top: -20px;}

/* Subscribe
--------------------------------------------- */

.sidebar-primary .enews {background-color: #f5d4d3; border: 4px double #fff; padding: 20px; color: #444; font-family: 'Montserrat', sans-serif; text-align: center; font-weight: 200;}
.sidebar-primary .enews .widget-title {border: 0px solid #fff; color: #444; font-family: 'CustomSerif', serif; font-size: 30px; margin-bottom: 10px;}
.sidebar-primary .enews input {margin-bottom: 5px; background-color: #f7e3e3; border:1px solid #fff; padding: 8px 15px;}
.sidebar-primary .enews #subbutton {background-color: #fff; width: 100%; margin-top: 10px; font-family: 'CustomSerif', serif; font-size: 18px; letter-spacing: 1px;}

/* Content Pages
--------------------------------------------- */
.category .content .entry .entry-title {font-size: 16px;}

.slider-area .flexslider .slides a img {height: 500px !important; width: 100%;}  


/* MOBILE */
@media only screen and (max-width: 1100px) {
  
.nav-primary .wrap, .site-header, .home-top, .home-bottom, .footer-widgets .wrap, footer .wrap, .site-inner {width: 100%; margin: 0px auto; box-sizing: border-box; padding: 0px 30px;}
.home .site-inner {padding: 0px;}
  
.slider-area  #genesis-responsive-slider .slide-excerpt {bottom: 20%; margin: 0 25%; opacity: 1; overflow: hidden; padding: 20px; text-align: center; width: 50%;}
.slider-area  #genesis-responsive-slider h2 a {color: #2c2c2c;	font-size: 16px; font-weight: 400; letter-spacing: 2px; text-transform: capitalize; font-family: 'CustomSerif', serif;}

  
.home-bottom .post img {position: relative; float: left; margin-right: 40px; width: 250px;}
.home-bottom .post img:hover {opacity: 1;}
.home-bottom .post .entry-header {padding: 20px 10px 0px; text-align: left;}
.home-bottom .entry-content {padding: 0px 20px 10px; text-align: left;}

.featured-content {clear: both;	overflow: hidden;}
.home-bottom .featuredpost article {width:100%; float: none; border: 0px solid #fff; position: relative; display: block; height: auto; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.home-bottom .featuredpost .entry {margin-bottom: 20px;}
.home-bottom .featuredpost article:nth-child(even) {float:none}

.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 {width: 31%;} 
  
.content { width: 60%;}  
  
.slider-area .flexslider .slides a img {height: 400px !important; }  
  
}

@media only screen and (max-width: 900px) {
  .genesis-nav-menu .right {float: none;}
  
  .content, .sidebar-primary { width: 100%; float: none;} 
  .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: none;}
  
  .genesis-nav-menu {text-align: center;}
  .genesis-nav-menu .menu-item {display: inline-block; text-align: center;}
  
  .slim-template .site-inner { width: 80%;}
  
  .slider-area .flexslider .slides a img {height: 300px !important; }
  .slider-area  #genesis-responsive-slider .slide-excerpt {bottom: 5%; margin: 0 25%; opacity: 1; overflow: hidden; padding: 20px; text-align: center; width: 50%;}
}

@media only screen and (max-width: 768px) {
  
  .slim-template .site-inner { width: 100%;}
  .flexslider .slide-excerpt {display: none;}
  .alignleft, .alignright, a.alignleft, a.alignright, .alignleft img, .alignright img {float: none; margin: 5px auto; display: block;}
  
  .responsive-menu-icon {display: block; padding: 20px 0px 10px;}
  .genesis-nav-menu.responsive-menu .menu-item {display: block; border-bottom: 1px solid #eee;}
  

/* second level */
.genesis-nav-menu.responsive-menu .sub-menu .menu-item {border-bottom: 1px solid #fff;}
  
  /* ================== lo panie ========================== */
  .genesis-nav-menu > .first > a {
		padding-left: 20px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}
	.genesis-nav-menu.responsive-menu .right {border-bottom: 0px solid #fff; display: inline-block;}
	.genesis-nav-menu.responsive-menu .menu-item {
		margin: 0;
	}

	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}
	
	.genesis-nav-menu a {
		line-height: 1.5;
		padding: 18px 20px;
	}
  .genesis-nav-menu > .last > a {
    padding-right: 20px;
}
	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;
    text-align: center;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children a {
		margin-right: 60px; text-align: center;
	}
  .genesis-nav-menu.responsive-menu .menu-item-has-children > a span {margin-left:60px;}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 17px 20px 0 0;
		right: 0;
		text-align: right;
		z-index: 9999;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}
	
	.nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		olor: #fff;
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.05);
		border: none;
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}

	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		background: none;
		border: none;
		padding: 14px 20px;
		position: relative;
		width: 100%;
	}
  
/*homepage */
.home-top .post .entry-header {padding: 10px 10px 10px; text-align: center;}
.home-top .entry-content {padding: 0px 0px 0px; text-align: center;}
  
.home-bottom .post .entry-header {padding: 10px 10px 0px;  text-align: left;}
.home-bottom .entry-content {font-size: 11px;}  
.home-bottom .entry-header .entry-meta { margin-bottom: 10px; font-size: 10px;}
  
.footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { width: 100%; float: none; margin: 0px 0px 20px;}
  
.home-top .entry-content p {margin-right: 0px;} 
.slider-area .flexslider .slides a img {height: 200px !important; }

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {margin: 0; width: 100%;	} 
}

@media only screen and (max-width: 600px) {
  
.home-bottom .post img {float: none; margin: 5px auto; width: auto;max-width: 100%; display: block;}
.home-bottom .post .entry-header , .home-bottom .post .entry-content{text-align: center;}
  
.site-header .wrap {padding: 0px 0px 0px;}
  
}
@media only screen and (max-width: 400px) {
  .genesis-nav-menu.responsive-menu .menu-item-has-children > a span {margin-left:0;}
  .genesis-nav-menu {text-align: left;}
  .genesis-nav-menu .menu-item {text-align: left;}
  .genesis-nav-menu.responsive-menu .menu-item-has-children {text-align: left;}
  .genesis-nav-menu.responsive-menu .menu-item-has-children a {text-align: left;}
}
@media only screen and (max-width: 320px) {
  
.header-image .site-title a {min-height: 100px;}
  
}