/* LICENSE & DETAILS
   ==================================================

	Theme Name: Narodni Dom
	Theme URI: -
	Description: -
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Template: joyn
	Version: 1.0
	Author: -
	Author URI: -

	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

   ==================================================
*/

/* --------------------------------------------
	CHILD THEME CSS
-------------------------------------------- */
/*Header*/
#logo a:hover {margin-top: 0 !important;}
nav .menu > li.current-menu-ancestor > a, nav .menu > li.current-menu-item > a, nav .menu > li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {box-shadow: none !important;}
nav .menu > li.menu-item> a:hover {box-shadow: none !important;}
#main-nav ul.menu > li > a {padding: 20px 30px !important;}

/*General*/
.page-heading .heading-text, .fancy-heading .heading-text {text-align: center !important;}
.circular img {width: 300px; height: 300px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;margin: 0 auto !important;}
.header-wrap, #header-section .is-sticky .sticky-header, #header-section.header-5 #header {border: none !important;}
#breadcrumbs { background-color: #CBC5AA !important; font-size: 12px !important; color: #222 !important; text-align: center;}
#breadcrumbs a, #breadcrumb i {color: #f9f9f9 !important;}
#breadcrumbs a:hover {color: #222 !important; border-bottom: 1px solid;}

body.home .inner-page-wrap {margin-top: 0 !important;}

.ilightbox-social {display: none !important;}

a:hover, a:focus {text-decoration: none !important;}

/*Blog*/
.author {display: none !important;}
.posts-type-bold .recent-post.has-thumb:hover .details-wrap, .posts-type-bold .recent-post.no-thumb:hover .details-wrap, .bold-items .blog-item:hover, .masonry-items .blog-item:hover .details-wrap, .blog-grid-items .blog-item:hover > div, .instagram-item .inst-overlay {
    background-color: #D89D34 !important;
}
.categories-wrap, .comments-likes {display: none !important;}
.bold-items .blog-item {border-top: 1px solid #111 !important;}

/*Mostra*/
.titolo-mostra {min-height: 80px;}
body.page-id-6 figure.animated-overlay figcaption {width: 300px; height: 300px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;position: absolute; left: 30px;
background-color: rgba(215, 157, 52, 0.50) !important;}
body.page-id-6 .centrato figure.animated-overlay figcaption {width: 300px; height: 300px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;position: absolute; left: 128px;
background-color: rgba(215, 157, 52, 0.50) !important;}
body.page-id-6 .spb_text_column {top: 0 !important;}
body.page-id-6 #main-container {background-color: #cbc5aa !important;}
figure.animated-overlay figcaption {background-color: rgba(215, 157, 52, 0.50) !important;}
.thumb-info .ss-view {display: none !important;}
h3 {margin-top: 0 !important; line-height: 40px !important; margin-bottom: 20px !important;}
.spb_text_column {position: relative; top: -17px !important;}
.right {float: right !important;}
.page-heading h1 {color: #222; font-size: 47px !important; line-height: 47px !important;}
#main-nav ul.menu > li > a:hover {text-decoration: none;}

.last-left {position: relative; left: 75px;}
.last-right {position: relative; left: -75px;}

/*Pagine mostra*/
.page-heading {background-color: #f9f9f9 !important; border-bottom: 1px solid !important; }
.page-heading h1 {color: #222 !important;}
.page-id-96 .inner-page-wrap, .page-id-83 .inner-page-wrap, .page-id-46 .inner-page-wrap, .page-id-20 .inner-page-wrap, .page-id-64 .inner-page-wrap, .page-id-37 .inner-page-wrap, .page-id-62 .inner-page-wrap, .page-id-73 .inner-page-wrap {margin-top: 0 !important;}
.page-id-96 .menu-item-10 a, .page-id-83 .menu-item-10 a, .page-id-46 .menu-item-10 a, .page-id-20 .menu-item-10 a, .page-id-64 .menu-item-10 a, .page-id-37 .menu-item-10 a, .page-id-62 .menu-item-10 a, .page-id-73 .menu-item-10 a {color: #D89D34 !important;}

/*Footer*/
#footer {font-size: 14px !important; line-height: 18px !important;background-color: #f9f9f9 !important; color: #222 !important; }

#logos-footer {margin-top: 20px;}
#logos-footer ul li {display: inline; padding-right: 40px; }
#logos-footer ul li img {max-width: 100px;}

.image-caption h4 {font-size: 14px !important; font-style: italic !important; line-height: 16px !important;}

/*Responsive*/
@media only screen and (max-width: 1024px) {
    #top-bar {display: block !important;}
}

@media only screen and (max-width: 991px) {
    .circular img {width: 200px !important; height: 200px !important;}
    .titolo-mostra {margin-bottom: 0 !important;}
    .titolo-mostra h3 {font-size: 18px !important; line-height: 24px !important;}
    body.page-id-6 figure.animated-overlay figcaption {
        background-color: rgba(215, 157, 52, 0.5) !important;
        border-radius: 100% 100% 100% 100%;
        height: 200px;
        left: 10px;
        position: absolute;
        width: 200px;
    }
    body.page-id-6 .centrato figure.animated-overlay figcaption {
        background-color: rgba(215, 157, 52, 0.5) !important;
        border-radius: 100% 100% 100% 100%;
        height: 200px;
        left: 72px;
        position: absolute;
        width: 200px;
    }
}

#mobile-logo img {max-height: 150px !important;}
 #mobile-header {background-color: #FCF6D4 !important }

.single-post .page-heading h1 {font-size: 30px !important;}