/*Override and Custom*/
/*
Theme Name: Rosa
Theme URI: https://pixelgrade.com/demos/rosa
Author: PixelGrade
Author URI: https://pixelgrade.com
Description:  ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa_txtd
Tags: fluid-layout, responsive-layout, parallax, translation-ready, restaurant
*/

/*Generals*/

body{
	color: #111;
}

h3{
	font-size: 26px;
}

hr{
	height: 0px;
    margin: 42px 0;
    border: 0;
    border-bottom: 2px dotted #d8d8d8!important;
}

/*Elements*/
.btn{
	padding-top: 16px;
}

/*Site Title*/
.site-title{
	color: #fff;
}

.site-subtitle{
	/*font-weight: bold;*/
	/*color: #e21616;*/
	color: #fff;
}

/*Logo*/
.site-title--image{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.site-title--image img{
	max-height: 100px; 
	width: 150px;
}

.header--transparent a.site-logo--text {
	color: white;
}
.site-header.headroom--not-top a.site-logo--text{
	color: white;
}

/*Mobile Brand*/
#mobile-brand{
	display: none;
}


/*Top Menu*//*
.site-header .navigation--main,
.site-header .navigation--main .sub-menu{
	background: rgba(0, 0, 0, 0.5);
	  -webkit-animation: fadein 5s;
       -moz-animation: fadein 5s; 
        -ms-animation: fadein 5s; 
         -o-animation: fadein 5s; 
            animation: fadein 5s;
}
*/

/*Main Menu*/
#menu-main-menu.nav--main > .menu-item > a,
#menu-main-menu-english.nav--main > .menu-item > a{
	color: #fff;
}
#menu-main-menu.nav--main .menu-item a:after,
#menu-main-menu-english.nav--main .menu-item a:after{
	content: "";
	display: block;
	border-bottom: 2px solid transparent;
}
#menu-main-menu.nav--main > .menu-item > a:hover,
#menu-main-menu-english.nav--main > .menu-item > a:hover{
	color: #fff;
}
#menu-main-menu.nav--main > .menu-item > a:hover:after ,
#menu-main-menu-english.nav--main > .menu-item > a:hover:after {
	content: "";
	display: block;
	/*border-bottom: 2px solid currentColor;*/
	border-bottom: 2px solid #e21616;
} 
#menu-main-menu.nav--main .menu-item.current_page_item a:after,
#menu-main-menu-english.nav--main .menu-item.current_page_item a:after{
	content: "";
	display: block;
	/*border-bottom: 2px solid currentColor;*/
	border-bottom: 2px solid #e21616;
}

/*Menu in Archives/Blog Pages*/
/*.archive.category .site-header{
	background: #222B34;
}*/

/*Social Menu*/
#menu-social-menu.nav--main > .menu-item > a,
#menu-social-menu-english.nav--main > .menu-item > a {
	color: #fff!important;
}
#menu-social-menu.nav--main > .menu-item > a:hover,
#menu-social-menu-english.nav--main > .menu-item > a:hover {
	color: #e21616!important;
}

/*Language Selector*/
#menu-main-menu.nav--main > .menu-item-language > a:hover:after ,
#menu-main-menu-english.nav--main > .menu-item-language > a:hover:after {
	border-bottom: 2px solid transparent;
} 
.submenu-languages,
.submenu-languages li{
	background: transparent!important;
}
.submenu-languages li{
	position: relative;
	top: -20px;
}


/*Hamburger Menu Icon*/
body:not(.header--transparent) .nav-trigger .nav-icon:before,
body:not(.header--transparent) .nav-trigger .nav-icon,
body:not(.header--transparent) .nav-trigger .nav-icon:after{
	background-color: #fff;
}

/*Sub-Menu*/
.headroom--not-top .sub-menu,
.header--transparent .sub-menu{
	background:rgba(0,0,0,0.9);
}

.headroom--not-top .sub-menu .menu-item > a,
.header--transparent .sub-menu .menu-item > a {
	color: #fff!important;
}
.sub-menu li:after{
	display: none;
}

/*Menu Scroll Effect*/
/*.site-header, 

.sub-menu, */ 
.site-header.headroom--not-top{ 
/*.headroom--not-top,
.site-header.headroom--not-top .navigation--main ,
.site-header.headroom--not-top .navigation--main .sub-menu{ */
	background:rgba(0,0,0,0.9);
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	padding-bottom: 5px;
}
/***************************************************************************/

/*Rounded Image*/
.round-img{
	 border-radius: 50%;
}

/*Top Banner/pagine varie e Top Menu/home page */
/*.home .site-header,*/
.c-hero__wrapper {
	/*background: url('img/overlay.png');*/
	background: rgba(0, 0, 0, 0.4);
	  -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;

}
.c-hero__background {
	/*background: #07233B;*/
	/*background: #222B34!important;*/
}

/*HomePage Watermark Citation Box*/
.flexbox .flexbox__item .article__headline{
	width: 100%;
	max-width: 600px;
	margin-top: 100px;
}

.flexbox .flexbox__item .headline__citation{
	opacity:0;
	transition:opacity 1s linear;
}

.home .article__headline .headline__description .citation p{
	text-align: center;
	/*font-family: "Manrope", sans-serif;*/
	font-family: Spartan, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
	line-height: 40px;
}
.home .article__headline .headline__description .author{
	font-size: 22px;
}
.home .article__headline .headline__description .author p{
	text-align: center;
}

/*HomePage Watermark Social Links*/
.home #social-home-icons{
	/*margin-top: 20px;*/
}

.home #social-home-icons a .pixcode{
	color: #fff;
	border: 1px solid #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.home #social-home-icons a .pixcode:hover{
	/*color: #C59D5F;*/
	background: #e21616;
}

/*Slider Overlay*/
.slider-overlay{
	position:absolute;
	width:100%; 
	height: 100%;
	z-index: 9;
	/*background: url('img/overlay.png');*/
	background: rgba(0, 0, 0, 0.4);
	  -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
			
}

/*Slider Video*/
.video-gallery video source{
	width: 100%!important;
	height: 1024px;
	border: 1px solid red;
}
.video-gallery video{
	/*position: absolute;
	top: 50%;
	transform: translateY(-50%);
	*/
	position: absolute;
	height: 100%;
    width: 100%;
    object-fit: cover; 
	/*use "fill" instead..*/
}

/*Slider Arrows*/
.slider__custom-arrows .rsArrow{
	background: transparent;
}

.home .article__headline p{
	margin-bottom: 0px;
}

.home .article__headline p .aligncenter {
	margin-top: 0px!important;
	margin-bottom: 20px!important;
}


/*Grid Images*/
.pixcode--grid .grid__item a{
	border-bottom: 0px;
}

/*Home Popup*/
#inPopUp{
	background: transparent!important;
	width: 100%!important;
	max-width: 720px;
}
a#spmCloseButton{
	top: -15px;
}

/*Content*/
.article__content a:not([class]) {
	border: 0px;
}
/*.article__content .grid__item p{
	text-align: center;
}*/
/*.article__content .grid {
	display: table;
	width: 100%;
}
.article__content .grid__item {
	display: table-cell;
	vertical-align: middle;
}*/
/*Progetti (it/en)*/
.page-id-141 .article__content .container,
.page-id-143 .article__content .container{
	max-width: 100%;
	padding: 0px;
}

.page-id-141 .article__content .header-section,
.page-id-143 .article__content .header-section{
	max-width: 1250px;
	margin: 0px auto;
	padding: 0px 24px;
}

.page-id-141 .article__content .grid-container,
.page-id-143 .article__content .grid-container{
	padding: 0px 24px;
	margin-left: -48px;
}

.page-id-141 .article__content .grid-container.grid-background,
.page-id-143 .article__content .grid-container.grid-background{
	background: #eee!important;
}

.page-id-141 .article__content .grid,
.page-id-143 .article__content .grid{
	margin: 0px auto;
    /*padding: 20px 0px;*/
	/*margin-top: 48px;*/
	max-width: 1250px;
	display: table;
	
}
.page-id-141 .article__content .grid h3,
.page-id-143 .article__content .grid h3{
	margin-top: 0px;
}

.page-id-141 .article__content .grid img,
.page-id-143 .article__content .grid img{
	padding: 40px 0px
}


.page-id-141 .article__content .grid .palm-one-whole,
.page-id-143 .article__content .grid .palm-one-whole{
	display: table-cell; 
	vertical-align: middle;
}
 
.page-id-141 .article__content .pixcode--grid > .grid__item{float:none}
.page-id-143 .article__content .pixcode--grid > .grid__item{float:none}

/***************************************************************************/
/*Gallery*/
.wpape_gallery_button{
	display: none;
}
.wpape-img-container{
	border: 3px solid #fff!important;
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	border-radius: 0px!important;
}
.single-wpape_gallery_type  #s-share-buttons{
	display: none;
}
/***************************************************************************/
/**************************************************/
/*CSS Effect on Link Image*/
/*.article--main  a img{
	max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}

.article--main  a img:hover {
    transform: scale(1.1);
}
*/
/******************************************************************************************************************************************/
/*Blog Articles*/
.page-content.archive .archive__side-title{
	display: none;
}
.post-categories{
	list-style-type: none;
	margin: 0px;
	margin-bottom: 15px;
}
.post-categories li{
    margin-bottom: 5px;
	height: 40px;
	display: inline;
	margin-right: 15px;
}
.post-categories li a{
    background-color: #222B34;
	color: #fff;
	padding: 7px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
}

.article__featured-image img{
	/*border: 3px solid #222B34;*/
}

.article__featured-image img:hover{
	opacity: 0.6;
}

.article--archive .article__content{
	background: #eee;
}
.article--archive{
	background: #eee;
}

/******************************************************************************************************************************************/
/*Whatsapp-floating-button*/
.whatsapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	border-radius:50px;
	text-align:center;
	/*box-shadow: 2px 2px 3px #999;*/
	z-index:100;
}
.whatsapp i{
	color: #fff!important;
	font-size:30px;
}

.my-whatsapp{
	margin-top:16px;
}
/******************************************************************************************************************************************/
/*Contacts*/
.page-template-contact .site-header{
	background:rgba(34,43,52,0.9);
}
#gmap-container{
	
}

/**************************************************/
/*Vertical Scroll Bar*/
#ascrail2000{
	z-index: 999999!important;
}
/**************************************************/
/*Instagram Feed*/
#home-instagram{
	background: #F0EBE1;
}
#home-instagram .instagram-feed img {
	width: 450px; /* width of container */
	height: 450px; /* height of container */
	overflow: hidden;
	object-fit: cover;
	object-position: center center;
}
/*Slides Bulletts*/
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{
	background-color: #C59D5F!important;
}

/**************************************************/
/*Social Share*/
#s-share-buttons{
	border-top: 1px dashed #bbb;
	margin-top: 15px;
	padding-top: 15px;
	text-align: center;
}
.home #s-share-buttons{
	display: none!important;
}

/***************************************************/
/*Footer*/
.sidebar--footer{
	display: none;
}
.copyright-text{
	font-size: 16px;
	color: #fff;
}

/*Bottom Cookies Withdraw TAB*/
#cookies-withdraw-tab{
	width:100%;
	text-align: center;
	position: fixed;
	bottom: 0px;
	z-index: 999999;
}
#cookies-withdraw-tab button{
	cursor: pointer; 
	padding: 7px 9px;
	margin: 0px;
	background: #000;
	color: #fff;
	border: 0px;
	font-size: 13px;
}

/*
RESPONSIVE
*/

/* Table of Contents
==================================================
    #Base (1180 Grid)
    #Desktop (960 Grid)
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
       

/* #Dekstop (960 Grid)
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1199px) {
		
    }
    
    @media only screen and (min-width: 769px) and (max-width: 1040px) {
		
	}
	

	/* Note: Design for a width of 768px */
	/*Exception for Mini Logo on Lateral Menu*/
    @media only screen and (min-width: 768px) and (max-width: 899px) {
		
	}
	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
				
    }

	/*Exception Width: Fixing Top Menu*/	
	@media only screen and (min-width: 900px) and (max-width: 1040px) {
		
	}

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    /* @media only screen and (max-width: 767px) {*/
    @media only screen and (max-width: 899px) {
		/*Mobile Brand*/
		#mobile-brand{
			display: block;
		}
		/*Site Title*/
		.site-title{	
			text-align: center;
		}		
		/*Site Subtitle*/
		.site-subtitle{
			text-align: center;
		}
		
		/*Watermark in Home Page*/
		.article__header.article__header--page .flexbox__item{
			width: 300px;
			height: 300px;
			/*border: 4px solid #fff;*/
			/*padding-top: 20px;*/
			text-align: center;
		}
		/*HomePage Watermark Citation Box*/
		.flexbox .flexbox__item .article__headline{
			margin-top: 0px;
		}
		
		/*Main Menu*/
		#menu-main-menu.nav--main .menu-item.menu-item-has-children a:after,
		#menu-main-menu-english.nav--main .menu-item.menu-item-has-children a:after {
			content: "";
			display: block;
			border-bottom: 2px solid #fff;
		}
		#menu-main-menu.nav--main .menu-item.menu-item-language a:after,
		#menu-main-menu-english.nav--main .menu-item.menu-item-language a:after {
			display: none!important;
		}
		.navigation--main .nav--main li.menu-item-language a{
			display: block;
			
		}
		.navigation--main .menu-item-language .sub-menu {
			display: block;
			margin-top: 10px;

		}
		
		
		/*Home Blocks*/
		#home-blocks {
			display: block;
			overflow: auto;
			padding: 0px;
		}
		#home-blocks .one-fourth.home-blocks-img{
			width:50%;
			float: left;
			padding: 15px;
		} 
				
		/*Home Icons*/
		.home-icons .grid__item{
			margin-bottom: 30px;
		}
		
		/*Columns*/
		.one-quarter, .two-eighths, .three-twelfths {
			width: 50%!important;
		}
		.one-third, .two-sixths, .four-twelfths {
			width: 100%!important;
		}
		
		/*Main Menu*/
		.navigation--main .nav--main li a, 
		.navigation--main .nav--items-social li,
		.navigation--main .nav--items-social li a{
		/*.navigation--main .sub-menu li,
		.navigation--main .sub-menu li a{*/
			color: #fff!important;
			display: inline-block;
		}
		.navigation--main .sub-menu li,
		.navigation--main .sub-menu li a{
			color: #fff!important;
		}	
		
		/*Home Popup*/
		#inPopUp{
			width: 640px!important;
			margin-left: -320px!important;
		}
		/*Img Columns*/
		.gallery  .gallery-item{
			width: 50%!important;
		}
		
		/*Content*/
		/*Progetti (it/en)*/
		.page-id-141 .article__content .container,
		.page-id-143 .article__content .container{
			margin: 0px;
		}
		.page-id-141 .article__content .header-section, 
		.page-id-143 .article__content .header-section{
			padding: 0px 22px;
		}
		
		
		
		
		.page-id-141 .article__content .grid,
		.page-id-143 .article__content .grid{
			display: block;
			padding: 30px 0px;
		}

		.page-id-141 .article__content .grid img,
		.page-id-143 .article__content .grid img{
			padding: 0px 0px
		}


		.page-id-141 .article__content .grid .palm-one-whole,
		.page-id-143 .article__content .grid .palm-one-whole{
			display: block;
		}
		 
		.page-id-141 .article__content .pixcode--grid > .grid__item{float:left}
		.page-id-143 .article__content .pixcode--grid > .grid__item{float:left}
		
	
	}
	
	@media only screen and (min-width: 480px) and (max-width: 666px) {
		/*Img Columns*/
		.gallery  .gallery-item{
			width: 33%!important;
		}
	}  	
	
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		/*Home Popup*/
		#inPopUp{
			width: 480px!important;
			margin-left: -240px!important;
		}
		
		
	}

/* #Mobile (Landscape)
================================================== */

	/*More Little*/
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/*Site Subtitle*/
		.site-subtitle{
			text-align: center;
			font-size: 12px;
		}
		
		/*Home Blocks*/
		#home-blocks-container{
			padding: 0px;
		}
		#home-blocks{
			margin-top: 0px;
		}
		#home-blocks .one-fourth.home-blocks-img{
			width:100%;
			float: none;
			padding: 20px;
		} 
				
		/*Home Icons*/
		.home-icons .grid__item{
			margin-bottom: 30px;
		}
		
		/*Home Popup*/
		#inPopUp{
			width: 320px!important;
			margin-left: -160px!important;
		}
		
		/*Columns*/
		.one-quarter, .two-eighths, .three-twelfths {
			width: 100%!important;
		}
		.one-third, .two-sixths, .four-twelfths {
			width: 100%!important;
		}
		/*Img Columns*/
		.gallery  .gallery-item{
			width: 50%!important;
		}
	}


    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation : landscape) {
		
	}

	
	/*iPad in landscape*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
		
	}
	
	/*iPad in portrait*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
		
	}