/*
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.
Version: 1.8.0
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
*/

/*Override and Custom*/
/******************************************************************************************************************************************/
/*Titolo Sito*/
.site-header__branding{
	display: none;
}
/*Logo*/
#logo_top{
	width: 250px;
	/*margin-left: 70px;*/
	margin-top: 10px;
}
/*Menu di Navigazione*/
.navigation--main {
	padding-top: 10px;
}
.nav--main a {
	color: #666;
}
.nav--main li[class*="current-menu"] > a:after {
	border-bottom: 2px solid #ccc; 
}
/*Sottomenu*/
.nav--main .sub-menu  > .menu-item > a{
	text-transform: uppercase;
}
/*Immagine Slider*/
/*.headline__description{*/
.home.page .headline__description{
	/*background-color:rgba(255, 255, 255, 0.5);
	padding: 15px;
	border-radius: 10px;*/
	position: relative;
	top: -50px;
}
/*Home Page Slide Title*/
.home.page .headline__primary{
	font-weight: 600;
}
.headline__description p{
	margin: 0px;
	font-size: 18px;
	text-shadow: 0px 0px 4px #222;
}
.home.page .headline__description .pixcode--icon{
	color: #03632B;
	text-shadow: none;
}
.home.page .article__header .headline__secondary{
	position: relative;
	top: -50px;
}
.article__headline .headline__primary{
	text-shadow: 0px 0px 4px #222;
	font-weight: 600;
}
/*Logo Slider*/
.headline__description img{
	/*height: 190px!important;
	width: auto!important;*/
}
/*Scorrimento Slider*/
.rsArrow {
	background-color:rgba(255, 255, 255, 0);
}
.rsArrowLeft .rsArrowIcn{
	border-left: 2px solid #aaa;
	border-bottom: 2px solid #aaa;
}
.rsArrowRight .rsArrowIcn {
	border-bottom: 2px solid #aaa;
	border-right: 2px solid #aaa;
}	

/*Banner Pagine*/
/*.covers .article__parallax .article__parallax__img{
	width: 100%;
	height: auto;
}*/
/*Titolo Secondario*/
.headline__secondary{
	color: #fff;
	font-size: 13px;
	margin: 0px;
}

/*Contenuto*/
.page__content  a{
	border: 0px!important;
}
.page .article__content {
	/*padding: 25px 0!important;*/
}
/*.home .article__content {
	padding: 25px 0!important;
}*/
/*Contact Form Banner*/
.contact-banner-container{
	background: #F5F5F5;
	position: absolute;
	width: 100%;
	z-index: 99;
	margin-top: -100px;
}
.contact-banner{
	position: relative;
	max-width: 1250px;
}

.contact-banner p{
	float: left;
	margin-bottom: 0px;
}

.contact-banner-container .container{
	padding-bottom: 20px;
}

.contact-banner select, 
.contact-banner textarea,
.contact-banner input[type="text"],
.contact-banner input[type="password"],
.contact-banner input[type="datetime"],
.contact-banner input[type="datetime-local"],
.contact-banner input[type="date"],
.contact-banner input[type="month"],
.contact-banner input[type="time"],
.contact-banner input[type="week"],
.contact-banner input[type="number"],
.contact-banner input[type="email"],
.contact-banner input[type="url"],
.contact-banner input[type="search"],
.contact-banner input[type="tel"],
.contact-banner input[type="color"],
.contact-banner .form-control {
	width: 260px;
	margin-bottom: 0px;
}
.contact-banner input[type="submit"]{
	margin-top: 30px;
}

.contact-banner textarea{
	height: 20px;
}

.contact-banner input::placeholder {
  color: #aaa;
  opacity: 1; /* Firefox */
}

.contact-banner input::-ms-input-placeholder { /* Edge 12 -18 */
  color: #aaa;
}
.contact-banner .contact-privacy{
	width: 100%!important;
	text-align: center;
	margin-top: 7px;
}

#contact-banner-133{
	display: none;
}
.wpcf7-response-output{
	width: 100%;
	display: table;
}

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

/*Divisor*/
hr{
	border-bottom: 1px dashed #bbb
}
/******************************************************************************************************************************************************************/
/*------------------------------------*\
    $BUTTONS
\*------------------------------------*/
.btn, .comments_add-comment, .form-submit #comment-submit, .wpcf7-form-control.wpcf7-submit, .otreservations-submit, .widget_tag_cloud a, .read-more-button {
	/*background: #DED8D2;*/
	background: #BCBB35;
	/*color: #666;*/
	color: #FFF;
}
.btn:hover, .comments_add-comment:hover, .form-submit #comment-submit:hover, .wpcf7-form-control.wpcf7-submit:hover, .otreservations-submit:hover, .widget_tag_cloud a:hover, .read-more-button:hover {
	background: #DED8D2;
	color: #666;
}

.pixcode--icon.square, .pixcode--icon.circle {
    background-color: #DED8D2;
	color: #666;
}	
.pixcode--icon{
	border: 0px;
}
/******************************************************************************************************************************************************************/
.scroll-back-to-top-wrapper {
     background-color: transparent!important; /*Set on Page*/
}
/******************************************************************************************************************************************************************/
/*Bolla Inferiore*/
.down-arrow--bubble .arrow {
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
}
/*Freccia Sottomenu Lingua*/
.nav--main .sub-menu  > .menu-item-language:after ,
.nav--main .sub-menu  > .menu-item-language > a:after {
	display: none;
}
/*Social Share*/
#s-share-buttons{
	border-top: 1px dashed #bbb;
	margin-top: 15px;
	padding-top: 15px;
	text-align: center;
}
.home #s-share-buttons,
.article--subpage #s-share-buttons{
	display:none;
}
/***************************************************************************/
/*Border Wave*/
.border-waves-custom{
	content:"";
	display:block;
	width:100%;
	height:14px!important;
	position:absolute;
	margin-top:-7px;
	left:0;
	background:url(assets/images/border-wave.svg) top left repeat-x;
	z-index: 999;
}
/***************************************************************************/
/*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;
}
/*Hover Caption on Gallery Images*/
.gallery .gallery-item .wp-caption-text {
    position: absolute;
    height: 35px;
    line-height: 35px;  /*//Should be same as height*/
    bottom: -35px;  /*//Should be same as height, only negative*/
    background: rgba(0,0,0,.8);
    left: 0;
    right: 0;
    color: #fff;
    padding: 0;
    transition: bottom 250ms;
    text-align: center;
	/*display: none;*/
}
.gallery .gallery-item{
	position: relative;
    overflow: hidden;
}
.gallery .gallery-item:hover .wp-caption-text {
	bottom: 0px;
}
/******************************************************************************************************************************************/
/*Instagram Feed*/
#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: #398E62!important;
}
/******************************************************************************************************************************************/
/*Whatsapp-floating-button*/
.whatsapp{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-whatsapp{
	margin-top:16px;
}
/******************************************************************************************************************************************/
/*Footer*/
/*.sidebar--footer,*/
.btn--top,
/*.blurp--top,*/
/*.down-arrow,*/
.blurp--bottom
{
	display: none;
}
.sidebar--footer a{
	color: #bcbb35!important;
}
.sidebar--footer a:hover{
	text-decoration: underline;
}
.sidebar--footer__dark {
	background-color: #222222;
}
.copyright-area {
	/*background-color: #F7F4F2!important;*/
	padding: 0px;
}
.copyright-text {
   display: none!important;
}
/*Nice Scroll*/
#ascrail2000{
	z-index: 999999!important;
}
/******************************************************************************************************************************************/

/*------------------------------------*\
    $GOOGLE MAPS
\*------------------------------------*/
.map__marker {
	background: #fff;
	color: #000;
}
.map__marker:after {
    border-top-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) {
		
    }


/* #Tablet (Portrait)
================================================== */

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

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		/*Sottomenu*/
		.nav--main .sub-menu  > .menu-item > a{
			text-transform: capitalize;
		}
    }
	
	/*Hybrid Fix!*/
	@media only screen and (max-width: 899px) {
		/*Logo*/
		#logo_top{
			margin-left: 70px;
		}
		/*Home Thumb Grid*/
		.home .pixcode.grid .three-twelfths{
			width: 50%;
		}
		/*Footer Menu*/
		.nav--footer{
		    margin: 0px;
		}
	}
	
	
	@media only screen and (max-width: 544px) {
		/*Header Pagine Interne*/
		.page .headline__description{
			position: relative;
			top: 30px;
		}
		.page .headline__description img{
			display: none;
		}
		
		/*Header Home Page Interne*/
		.home.page .article__headline{
			position: relative;
			top: 80px;
		}
		/*Immagine Home Slider*/
		.home.page .headline__description img{
			display: block;
		}
		
		/*Contact Form Banner*/
		.contact-banner-container {
			position: relative;
			width: 100%;
			margin-top: 0px;
		}
		.page .article__content {
			padding: 0px 0px 50px 0px;
		}
		
		.contact-banner p, 
		.contact-banner select, 
		.contact-banner textarea,
		.contact-banner input[type="text"],
		.contact-banner input[type="password"],
		.contact-banner input[type="datetime"],
		.contact-banner input[type="datetime-local"],
		.contact-banner input[type="date"],
		.contact-banner input[type="month"],
		.contact-banner input[type="time"],
		.contact-banner input[type="week"],
		.contact-banner input[type="number"],
		.contact-banner input[type="email"],
		.contact-banner input[type="url"],
		.contact-banner input[type="search"],
		.contact-banner input[type="tel"],
		.contact-banner input[type="color"],
		.contact-banner .form-control {
			width: 100%;
			margin-bottom: 0px;
			text-align: center;
		}
		.contact-banner input[type="submit"]{
			margin-top: 30px;
		}
	}


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

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

    @media only screen and (max-width: 767px) {
		/*Sottomenu*/
		.nav--main .sub-menu  > .menu-item > a{
			text-transform: capitalize;
		}
		#home-instagram .instagram-feed img {
			width: 750px; /* width of container */
			height: 750px; /* height of container */
		}
	}
	
	/*More Little*/
	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/*Logo Slider*/
		.headline__description img{
			width: 100%!important;
			height: auto!important;
		}	
		/*Home Thumb Grid*/
		.home .pixcode.grid .three-twelfths{
			width: 100%;
		}
	}

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

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

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

	
	/*iPad in landscape*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 
		/*Logo*/
		#logo_top{
			margin-left: 10px;
		}		
	}
	
	/*iPad in portrait*/
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
		
	}