/*-------------------------------------------------------------------------*/
/* Copyright (c) DELTA X MULTIMEDIA                                        */
/* Tutti i diritti sono riservati - All rights reserved                    */
/* https://www.deltaxmultimedia.it - info@deltaxmultimeida.it              */
/* CSS Document                                                            */
/*-------------------------------------------------------------------------*/
/* Responsive  - v.3.01 April 2021                                         */
/*-------------------------------------------------------------------------*/


/* 15/04/2021: Risolto problema con voci del menù responsive quando sono solo 3 su mobile (aggiunto nuovo style a mic)


@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

/*
@media only screen and (max-width: 1200px)
{

}

@media only screen and (max-width: 1160px)
{

}

*/

@media only screen and (max-width: 1160px)
{

	/* CUSTOM */


	.credits,.owner
	{
		float:right;
		clear:right;
		width:100%;	
		text-align:center;
		
	}		

	
}


@media only screen and (max-width: 1024px)
{

	/* CUSTOM 
	
	nav li a {
		font-size: 14px;	
	}	
	
	nav  a {		
		padding:6px;
		margin-top:6px;
		margin-right:6px;
		font-size: 14px;				
	}*/
	

	.credits,.owner
	{
		float:right;
		clear:right;
		width:100%;	
		text-align:center;
		
	}	
	

/*@media only screen and (max-width: 1000px)
{
	
	nav li a {
		margin-top:15px;		
		padding: 14px 10px;	
		margin-right:0px;
		font-size: 14px;				
	}	
}*/


/*@media only screen and (max-width: 966px)
{
	
	nav li a {
		font-size: 15px;				
	}
			
	
}*/
 /* ---><---- */
}

@media only screen and (max-width: 990px)
{
	
	/*nav li a {
		font-size: 15px;				
	}*/

	
	
    nav a
	{		
		margin-right:2px;	
	}	
	
	/*sticky_nav a
	{		
		padding-left:6px;	
	
	}	
	
	sticky_nav {
    	font-size: 0; /* Hackfix per rimuovere spazio tra elementi inline-block 
   		font-family: "OpenSansRegular", Arial, sans-serif;
	}		*/
	
	
	
	#sitemap_box
	{
		float:left;
		width:calc((100% - 30px * 1) / 2);
				
		
	}
	
	
	
	#sitemap_box:nth-child(2n+2)
	{
  		margin-right: 0;
  /*	float: right;*/
	}
	
	#sitemap_box:nth-child(3n+3)
	{
  		margin-top:20px;
  /*	float: right;*/
	}
	
	#sitemap_box:nth-child(4n+4)
	{
		margin-top:20px;
  		margin-right: 0;
  /*	float: right;*/
	}	
	
	
	.calendar
	{
		width:200px !important;
	}
	
}
									
									
@media screen and (max-width: 920px) 
{
	
	#nav_menu
	{
		margin-top:14px;
	}
	
	#nav_sticky_menu
	{
		margin-top:6px;
	}

	nav li a {
		margin-right:0px;
		font-size: 14px;				
	}	

	nav a, sticky_nav a
	{		
		margin-top:0px;	
		margin-right:5px;	
	}	
	
	sticky_nav a
	{		
		padding-left:6px;	
	
	}	
	
	sticky_nav {
    	font-size: 0; /* Hackfix per rimuovere spazio tra elementi inline-block */
   		font-family: "OpenSansRegular", Arial, sans-serif;
	}	

	
	/* CUSTOM */
	
	
	#logo
	{
		width:340px;
	}
	
	#logo_footer
	{
		max-width: 376px;
	}
	
	/*.menu
	{

		padding-top:14px;
		padding-bottom:14px;

	}

	#nav_menu
	{
		margin-top:12px;
	}*/
	
	#logo
	{
		/*width:310px;*/
	}
	
	#logo_footer /* sposta l'immagine del logo in basso per allinearla */
	{
		padding-top: 10px;	
	}
	
	#slogan
	{
		font-size:50px !important;
		line-height:50px !important;
	
		
	}
	

	
}

@media screen and (max-width: 820px) 
{
	/*Custom for long copyright text*/
	
	.footer_copyright_row	
	{
		float:left;
		clear:left;
		width:100%;		
		text-align:center;		
	}	
	
	.h_spacer
	{
		display:none;
	}


}

@media screen and (max-width: 790px) 
{
	
	
	
	
	#logo_sticky
	{
		width:240px;
	}
	
	#start_hidden
	{
		visibility:visible;	
		display:block;
	}	
		
	#logo, #logo_sticky
	{
		float:none;
		clear:left;
		margin:0 auto;
		text-align:center;
		display:block;
	}
	
	#logo
	{
		width:500px;
	}
	

	
   	#nav_menu, #nav_sticky_menu
	{
		display:block;
		width:100%;
		height:auto;
		line-height:inherit;
		float:left;
		margin:0;
		margin-top:20px;
		
	}	
	
	#slider, #page_title, #sub_page_title, #breadcrumbs
	{
		float:left;
		clear:left;
		width:100%; 
	}


	
    nav ul, sticky_nav ul {
        width: 100%;
    }
	
    nav li, sticky_nav li  {
		display:block;
	    width: 49.5%;
        float: left;
        position: relative;

		
    }
	
    nav li a, sticky_nav li a  {
        text-align: left;
		padding: 6px 8px;
		padding-left:20px;
		
		margin-top:0px;

		font-size: 13px;
    } 
	
	
	
	nav a, sticky_nav a
	{
		
		-o-transition: background-color .2s;
		-ms-transition: background-color .2s;
		-moz-transition:background-color .2s;
		-webkit-transition:background-color .2s;
		transition:background-color .2s;
	 
		/*  -moz-border-radius:3px;
	 		-o-border-radius:3px;
	  		-webkit-border-radius:3px;
	  		border-radius:3px; */
	  
	  	border:none !important;
	  
        text-align: left;
		padding:0;
		padding: 6px 8px;
        width: 100%;
		
		
		margin-bottom:6px;
		margin-right:6px;	  
	  	 
		background-color: #f4f4f4;
		color:#666;
	}
	
	nav a:hover, nav a:active, sticky_nav a:hover, sticky_nav a:active {
		border-bottom:none !important;
		background:none;
		background-color: #313135;
		color: #fff !important;
	}	
	

	.mir
	{
		float:right;		

	}
	
	.mil
	{
		float:left;			
	}
	
	.mic
	{
		display:inline-block;
		float:left;	
		width:100%;
	}
	
	#menu_container	
	{
		float:right;
		clear:right;		


		text-align:center;
		margin: 0 auto;		
        width: 100%;		
		
	}
	
	
	
	#testimonials_wrapper
	{
		width: 88%;	
	}	
	
	#pre_footer
	{
		float:left;
		clear:left;
		margin: 0 auto;		
        width: 100%;	 
	}
	
	#pre_footer_wrapper
	{
		width:100%; 	
	}	
	
	#footer
	{
		/*margin-top:17px;*/
		float:left;	 	
	}
			
	/*.footer_item
	{
		display:block;
		margin-right:0px;
		text-align:center;
		margin-bottom:4px;
		line-height:normal;
	}
	
	.footer_item_credit
	{
		margin-top:14px;
		display:block;
		float:none;
		background:url(../images/deltaxmultimedia_logo_web_credits.png) center 0px no-repeat no-repeat;
		text-align:center;
	}*/	
	
	#content
	{
		float:left;
		clear:left;
		width:100%; 
	}	
	
	#content_wrapper {
		font-size:12px;
		line-height:18px;
	}	
	
	/*#highlights,#services
	{
		float:left;
		clear:left;
		width:100%; 
	}*/	
	




   	#nav_menu, #nav_sticky_menu
	{
		width:100%;
		float:left;
		clear:left;
		margin-top:20px;
	}
	
	


	#slider
	{
		float:left;
		clear:left;
		width:100%; 
	}
	
	#slider_content
	{
		width:100%; 	
	}
	
	.highlights
    {
		padding-top:20px;
		padding-bottom:20px;
    }
	
	
	.hl-container
	{
		display:block;
	}
	
	.hl-container .column
	{
		display:block;
		float:left;
		clear:left;
		width:100%;
		margin:0;
		height:auto;
		margin-bottom:20px;
	}	
	
	.hl-container .column-box
	{
		display:block;
		float:left;
		clear:left;
		width:100%;
	}
	
	.hl-container .column:first-child
	{
		margin-top:10px;
	}
	
	.hl-container .column:last-child
	{
		margin-bottom:10px;
	}	

	.flex-container
	{
		display:block !important;
	}

	#right_side,#left_side
	{
		float:left;
		clear:left;
		margin:0 auto;
		width:100%;
		padding:0;
		border:none;
		
	}
	
	#right_side
	{
		margin-top:30px;
		padding-top:20px;
		border-top:1px solid #eee;		
	}

	#left_side
	{
		margin:0 auto;
		border-left:none;
	}
	
		
	
	

    nav ul, sticky_nav ul {
        width: 100%;
    }
	
    nav li, sticky_nav li {
		display:block;
	    width: 49.5%;
        float: left;
        position: relative;

		
    }
	
    nav li a, sticky_nav li a {
        text-align: left;
		padding:10px;
		padding-left:20px;
		
		
    }
	
	/*.mir
	{
		border-left:3px solid #fff;
	}
	
	.mil
	{
		border-right:3px solid #fff;
	}*/
	
	
    nav a, sticky_nav a {
        text-align: left;
		padding: 6px 8px;
        width: 100%;
				
    }
	
	#content_wrapper {
		font-size:12px;
		line-height:18px;
	}		
	
	
	.hl-flex
	{
		min-width:100%;
	}	
	
	
	.img-bio
	{
		float:none;
		margin:0px;
		padding-bottom:10px;
		width:100%;
		display:block;
	}
	
	#sitemap_box
	{
		display:block;
		float:left;
		clear:left;
		width:100%;
		margin:0 auto;
		margin-top:20px;
		text-align:center;
		height:auto;
		margin-bottom:20px;
	}	
	
	
	#sitemap_box:first-child
	{
		margin-top:0px !important;
		
	}
	
	#sitemap_box:last-child
	{
		margin-bottom:20px;
	}			
	
	.sitemap_box_title:first-child
	{
		margin-bottom:20px !important;
	}


	#logo_footer
	{
		text-align:center;
		margin:0 auto;
		float:none !important;
	}

	.footer_item
	{
		display:block;
		margin-right:0px;
		text-align:center;
		margin-bottom:4px;
		line-height:normal;
	}
	
	.footer_item_credit
	{
		margin-top:14px;
	}
	
	
	.footer_copyright_row	
	{
		float:left;
		clear:left;
		width:100%;		
		text-align:center;	
		
	}	
	
/*}@media only screen and (max-width : 740px){*/

	
	#pf_box
	{
		display:block;
		float:left;
		clear:left;
		width:100%;
		margin:0 auto;
		margin-top:30px;
		text-align:center;
		
	}

	.text_content
	{
		font-size:13px;
		line-height:20px;
	}	
	
	
	.owner
	{
		float:left;
		clear:left;
		width:100%;	
		text-align:center;
	}
	
	
	.credits
	{
		float:right;
		clear:right;
		width:100%;	
		text-align:center;
		
	}
	
	
	#img-map
	{
		object-fit: cover;
	  	height: 300px;
	  	width: 100%;
	}
	
	
	/* CUSTOM */
	
	#logo
	{
		/*width:500px;*/
	}	
	

	#logo_footer /* rimette su l'immagine del logo */
	{
		padding-top: 0px;	
	}
	
	.hl-container .column
	{
		/*margin-top:40px;
		text-align:center;*/
	}
	
	.h_spacer
	{
		display:none;
	}
	
	
	.complianceCookie
	{
		font-size:14px;
	}
	
	.calendar
	{
		width:222px !important;
	}
	
}


@media only screen and (max-width : 599px)
{
    nav, sticky_nav {
        border-bottom: 0;
    }
	
    nav ul, sticky_nav ul {
        display: none;
    }
	

	#top_info_wrapper	
	{
		text-align:center;
		margin: 0;	
        width: 100%;
	}
	
	#top_main_link
	{
		/*display:none;
		visibility:hidden;*/
	}

	#top_info_container	
	{
		/*float:none;*/
	}
	

	#slider1_content
	{
		width: 1900px; height: 1000px;
	}
	
	#slide
	{
		width: 1900px; height: 1000px;
	}
	
	
	nav a#pull {
        display: block;
        width: 100%;
		height:auto;
        position: relative;
		/*padding:6px;*/
    }
	
	sticky_nav a#sticky_pull {
        display: block;
        width: 100%;
		height:auto;
        position: relative;
		margin-top:2px;
		/*padding:6px;*/
    }
	
	
	
	/* CUSTOM */
	#tab_l,#tab_r
	{
		float:left;
		width:100%;
			
	}
	
	#tab_r
	{
		float:left;
		width:100%;
	}
	
	#tab_title
	{
		font-size:13px;
	}
	
	#cell_desc
	{
	
		width:70%;	
		font-size:11px;	
	}
	
	#cell_cost
	{
	
		width:30%;
		font-size:10px;	
	}
	
	
	#tab_row
	{
		float:left;
		width:100%;
		background-color:#e2e8ed;	
		margin-top:2px;
		
	}
	
	
	.complianceCookie
	{
		position:fixed;	
		z-index:9999 !important;
		max-width: inherit !important;
		width:auto;
		margin:20px !important;
		bottom:0 !important;
	
		clear:both !important;
		left:inherit !important;
	}
	
	#media-gallery
	{
		display:none;
	}
	
	#media-slideshow-gallery
	{
		display:block;
	}
	
	
	.padding_tb_wide
	{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	

}
 
@media only screen and (max-width : 476px)
{
	#hl_box
	{
		margin-top:40px;
	}
	
	.mir,.mil
	{
		border:none;
	}
	
	nav li, sticky_nav li {
        display: inline-block;
        float: none;
        width: 100%;
    }
	
	nav li a
	{
		text-align: left;
		padding: 6px 4px 8px 6px;
	}
	
    sticky_nav li a {
        text-align: left;
		
		padding: 4px 8px;	
    }	


	/*nav a#pull
	{
		font-size: 18px;
		padding:6px;
	}	*/


	.text_content
	{
		font-size:11px;
		line-height:16px;		
	}
	
	.btn_up
	{
		visibility:hidden;
	}
	
	.btn_up.active
	{
		visibility:hidden;
	}

	#top_social_box
	{
		padding-left:5px;
	}
	
	.calendar
	{
		width:200px !important;
	}
	
	
	/* CUSTOM */
	
	.sitemap_box_title:first-child
	{
		/*margin-bottom:0px !important;*/
	}	
	
	.mir,.mil
	{

	/*	border-radius:3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;		
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;*/
	}

}


@media only screen and (max-width : 360px)
{
	.calendar
	{
		width:100% !important;
	}	
}