/*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
*/
body{

}

h3{
	margin-top: 0px;
}

/*Logo*/
.branding-container{
	display: none;
}
.navigation--main {
	float: none;
}

/*Top Menu*/
.site-header .navigation--main,
.site-header .navigation--main .sub-menu{
	/*background: rgba(0, 0, 0, 0.5);
	  -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; */
}

/*Main Menu*/
.site-header.headroom--not-top .navigation--main ,
.site-header.headroom--not-top .navigation--main .sub-menu{
	background: #fff;
}

/*Language Menu*/
.menu-item-language img.iclflag{
	margin-top: 3px;
	width: 17px!important;
	height: 16px!important;
	margin: 0px!important;
}
.menu-item-language:after {
	display: none;
}

/*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.5);
	  -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;

}

/*HomePage Watermark Social Links*/
.home .article__headline a .pixcode{
	color: #fff;
}
.home .article__headline a .pixcode:hover{
	color: #C59D5F;
}

/*Slider Overlay*/
.slider-overlay{
	position:absolute;
	width:100%; 
	height: 100%;
	z-index: 9;
	background: rgba(0, 0, 0, 0.6);
	  -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 Arrows*/
.slider__custom-arrows .rsArrow{
	background: transparent;
}

/*Watermark in Home Page*/
.article__header.article__header--page .flexbox__item{
	/*background: rgba(0, 0, 0, 0.5);
    -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;
		text-shadow: 0px 0px 4px #222;
		border-radius: 50%;
		width: 420px;
		height: 420px;
		border: 6px solid #fff;
		 display: flex;
		justify-content: center;
		align-items: center; */
}

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

/*Home Blocks*/
.home-blocks p{
	display: none;
}
.home-blocks .title{
	color: #fff;
	padding: 6px;
    font-size: 24px;
	text-align: center;
}
.home-blocks .desc{
	padding-top: 10px;
	text-align: center;
}

/*Home Icons*/
.home-icons{
	text-align: center;
}
.home-icons h3,
.home-icons h4{
	margin-top: 20px;
	margin-bottom: 10px;
}
.home-icons p{
	margin: 0px;
}
.home-icons img{
	margin: auto;
}

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

/**************************************************/
/*Vertical Scroll Bar*/
#ascrail2000{
	z-index: 999999!important;
}

/**************************************************/
/*No Line under Link*/
.article__content a:not([class]),
.article--main p a{
	border: 0px;
}

/*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);
}

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

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

/*
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) {
		/*Site Subtitle*/
		.site-subtitle{
			text-align: center;
		}		
    }

	/*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) {
		/*Site Subtitle*/
		.site-subtitle{
			text-align: center;
		}
		
		/*Watermark in Home Page*/
		.article__header.article__header--page .flexbox__item{
			width: 320px;
			height: 320px;
			/*border: 4px solid #fff;*/
			padding-top: 20px;
		}
		
		/*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;
		}
		
		/*Home Popup*/
		#inPopUp{
			width: 640px!important;
			margin-left: -320px!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 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: 100%!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) { 
		
	}