/*
Theme Name: Il Foro dei Baroni
Template: ilforo
*/

/* COLORI */
.giallo{color: #d69128}
.marrone{color: #372420}
.blu{color: #1F4E59}
.beje {color: #d8ccbd}

/* STILI */
.clear{clear:both}
hr.separator { border-bottom: 1px solid #d8ccbd; margin: 40px 0}
blockquote {font-size: 21px}
.article__content a:not([class]) {border:none}
.headline__primary, .btn.btn--text, .btn--text.comments_add-comment {letter-spacing:normal}
h1, h2, h3, h4, h5, h6, b, strong{font-weight:bold}

/* LOGO */
.site-title{margin-top: 10px}

/* MENU */
@media all and (min-width:900px){
	.nav.nav--main > li > a {padding:30px 16px}
}
.header--transparent .sub-menu {background-color:#fff}
.header--transparent .sub-menu li a{color:#1f4e59}
.header--transparent .nav--main .sub-menu a:hover{color: #1f4e59}
ul.sub-menu, .headroom--not-top ul.sub-menu{left:0; transform: none; background-color:#fff}

.nav--stacked > li, .sub-menu > li, .menu-list__items > li {text-align: left; width: 290px; padding: 5px;}
.sub-menu > li{border-bottom: 1px solid #dedede}
.nav--main li[class*="current-menu"] > a:after {display:none}
.nav--main li.current-menu-item a {font-weight:bold}
.sub-menu > li > a {letter-spacing:1px; padding: 5px 10px; font-size:13px}


/* SPIGA MENU */

.spiga {
background-image: url('https://www.ilforodeibaroni.com/wp-content/uploads/2021/10/panetteria-il-foro65.png');
background-repeat: no-repeat;
background-position: center center;
padding-right: 10px;
}

/* CTA PRENOTA */
.header--transparent .nav.nav--main .arc_menu_cta {background-color:transparent}
.header--transparent .nav.nav--main .arc_menu_cta a{color:#ffffff}
.header--transparent .nav.nav--main .arc_menu_cta a:hover{font-weight:bold}
.nav li.mostra_su_mobile {display:none}

@media all and (max-width:899px) {
	.nav.nav--main .arc_menu_cta a, .header--transparent .headroom--not-top .nav.nav--main .arc_menu_cta a{color: #d8ccbd}
	.nav li.mostra_su_mobile {display:list-item}
}

@media all and (min-width:900px) {
	.nav.nav--main .arc_menu_cta, .nav.nav--main .arc_menu_cta .sub-menu,.header--transparent .headroom--not-top .nav.nav--main .arc_menu_cta {background-color:#1f4e59}
	.nav.nav--main .arc_menu_cta a, .header--transparent .headroom--not-top .nav.nav--main .arc_menu_cta a{color: #fff}
	.nav.nav--main .arc_menu_cta a:hover, .header--transparent .headroom--not-top .nav.nav--main .arc_menu_cta a:hover{color: #fff; font-weight:bold}

}


/* HEADER e MENU */
.c-hero__wrapper {background-color:rgba(0,0,0,0.6)}
@media all and (max-width: 899px) {

	 .blurp--top{margin-bottom:-15px}	 
	 body:not(.home) .site-header{position:relative}
	 .navigation--main .nav--main li ul.sub-menu a{font-size:13px}
}

@media all and (min-width: 900px) and (max-width: 1199px) {
	.site-logo{max-width:170px}
	.nav.nav--items-menu > .menu-item > a {padding-left:10px; padding-right:10px; letter-spacing:1px; font-size:12px}
	li.menu-item-has-children:after, li.menu-item-language:after{right:0}
	.nav.nav--items-social > .menu-item > a {width:auto; margin:0 3px}
}


/* BLOG*/
.article__body.arc_full_size{width1:100%}
h1.article__title, header h2.article__title{margin-top:40px; margin-bottom:20px; text-transform:none; letter-spacing:1px}
.sidebar--main.t25, .sidebar--main.t25 h4.widget__title{margin-top:0}
.page .arc_post .article__content{padding-top:0}
.sidebar--main.t25 {width:25%}
@media all and (max-width: 899px){
	.sidebar--main.t25 {width:100%}
	.arc_wrapper.t70{width:100%}
}
.arc_data, span.post-date{ display:none !important; text-align: left; font-weight:bold; color:#d8ccbd; margin-bottom:20px }
span.post-date{font-size:14px}
.arc_data{font-size:26px}

.widget_recent_entries ul {padding-left:15px}
.widget_recent_entries ul li{list-style-type:disc}

/* HOME */
.testo_slide{font-size:70px; line-height:82px; letter-spacing: 9px}

@media all and (max-width: 767px) and (min-width: 480px) {
	.testo_slide { font-size: 40px; line-height: 50px; letter-spacing: 2px}
}

@media all and (max-width: 479px) {
	.testo_slide {font-size: 32px; line-height: 46px; letter-spacing: 2px}
}

@media all and (max-width: 767px) and (orientation: landscape) {
	.testo_slide { font-size: 32px; line-height: 40px; letter-spacing: 2px}
	.c-hero__wrapper{padding-top:0}
}

.headline__primary {margin: 35px 0 15px 0;}

.btn:not(.btn--primary), .btn--secondary, .btn--tertiary, .add-comment .add-comment__button {margin-top: 30px;}


/* MAILCHIMP */
input.mailchimp_newsletter, input.btn_iscriviti_newsletter {float:left; margin:0;padding:18px 25px}
input.mailchimp_newsletter {width:75%; border-bottom-right-radius:0; border-top-right-radius:0 }
input.btn_iscriviti_newsletter{width:25%; border-radius:3px; border-bottom-left-radius:0; border-top-left-radius:0; background-color:#d8ccbd; border-color:#d8ccbd}

@media all and (max-width:480px){
	input.mailchimp_newsletter , input.btn_iscriviti_newsletter {width:100%; display:block; float:none; border-radius:3px; margin-top:15px}
}

/* CF 7*/
::placeholder { color: #999; opacity: 1}
:-ms-input-placeholder, ::-ms-input-placeholder, ::-webkit-input-placeholder { color:#999}


/* FLOATING BAR */
.arc_floating_bar{width:100%; display:none; flex-direction:row; justify-content: space-around; position:fixed; bottom: 0; z-index:1000}
.arc_floating_bar .item {background-color:#1f4e59; color:#1f4e59; padding: 5px; width:100%; text-align:center; border-right:1px solid #d8ccbd; border-top:1px solid #d8ccbd} 
.arc_floating_bar .item:last-child{border-right:none}
.arc_floating_bar .item a {color:#d8ccbd; font-size:18px; display:block; padding:5px 0; height:35px}
.arc_floating_bar .item a span {font-size:11px; display:none; color: #d8ccbd}
.arc_floating_bar .item a > img{max-width:30px}

@media all and (max-width: 899px){
	.arc_floating_bar{display:flex}
	.copyright-area{padding-bottom:80px}
}

/* GALLERY FIX */
@media all and (min-width:768px) and (max-width:899px) {
	#page .gallery .gallery-item{width:50%}
}
@media all and (max-width:767px) {
	#page .gallery .gallery-item{width:100%}
}

/* 404 */
body.error404{background-color:#181818}
body.error404 .site-header, body.error404 .site-footer, body.error404 .fixed-bar {display:block}
.errore-404{text-align:center; color: #fff; padding: 50px 0}

/* CREDIT */
.credit { width: 100%; position: relative; float: left; overflow: hidden; height: 13px}
.credit a{ width: 52px; height: 13px; float: right;}
.credit a img { position: absolute; top: -26px; right: 0; width:52px}
.credit a:hover img { top: -13px; right: 0; }