/*
Theme Name: Urbano Humano
Description: Flex Mag child theme for Domenico Di Siena's website
Author: Montera34
Author URI: http://montera34.com
Theme URI: http://
Version: 0.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: flex-mag
*/

@import url("../flex-mag/style.css");

body {
	background-color: #eee;
}

/*
 * secondary menu
 */
#menu-sec-wrap {
	clear: both;
	margin: 20px 0;
}
#menu-sec {
	text-align: center;
}
/*Strip the ul of padding and list styling*/
.menu-ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
/*Create a horizontal list with spacing*/
.menu-ul > li {
	display: inline-block;
	position: relative;;
	margin-right: 1px;
}
/*Style for menu links*/
.menu-ul > li a {
	display: block;
	font-family: Montserrat, sans-serif;
	color: #fff;
	/*background: #2f3036;*/
	background-color: #000000;
	text-decoration: none;
	padding: 5px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
}
/*Hover state for top level links*/
.menu-ul > li:hover a {
	background: #d4041d;
}
/*Style for dropdown links*/
.menu-ul > li:hover ul a {
	background: #f3f3f3;
	color: #d4041d;
	/*color: #2f3036;*/
}
/*Hover state for dropdown links*/
.menu-ul > li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}
/*Hide dropdown links until they are needed*/
.menu-ul > li ul {
	display: none;
	position: absolute;
	z-index: 100;
}
/*Make dropdown links vertical*/
.menu-ul > li ul li {
	display: block;
	float: none;
}
/*Prevent text wrapping*/
.menu-ul > li ul li a {
	width: auto;
}
/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Montserrat, sans-serif;
	text-decoration: none;
	color: #fff;
	/*background: #19c589;*/
	background-color: #d4041d;
	text-align: center;
	padding: 10px 0;
	display: none;
}
/*Hide checkbox*/
input#menu-sec-switcher[type=checkbox]{
	display: none;
}
/*Show menu when invisible checkbox is checked*/
input#menu-sec-switcher[type=checkbox]:checked ~ #menu-sec{
	display: block;
}
/*Display the dropdown on hover*/
.menu-ul li a:hover + .sub-menu,
.sub-menu:hover {
	display: block;
}

/*Responsive Styles*/
@media screen and (max-width : 850px){
	/*Make dropdown links appear inline*/
	#menu-sec {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	.menu-ul li {
		display: block;
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	.menu-ul ul li,
	.menu-ul li a {
		width: 100%;
	}
	.menu-ul > li ul {
		position: static;
	}
	.menu-ul > li a {
		padding: 15px 0;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

/*
 * Header Right Menu
 */
.nav-menu-in {
	margin-right: 220px;
}
.right-menu-wrap {
	margin-right: 10px;
	position: relative;
}
.right-menu-wrap #menu-languages-switcher {
	margin-left: 10px;
}
nav.right-menu-wrap > ul > li > a {
	margin-right: 10px;
	color: #fff;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	padding: 19px 0;
}
nav.right-menu-wrap > ul > li > a:after {
	border-style: solid;
	border-color: #fff transparent transparent;
	border-width: 3px 3px 0 3px;
	content: '';
	position: absolute;
		top: 25px;
		right: 0px;
}
nav.right-menu-wrap > ul > li ul.sub-menu {
	background: #fff;
	-webkit-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	    -ms-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	     -o-box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
		box-shadow: -1px 2px 5px 0 rgba(0,0,0,0.15);
	position: absolute;
		top: 50px;
		left: 0;
	max-width: 200px;
	-webkit-transition: -webkit-transform 0.3s;
	   -moz-transition: -moz-transform 0.3s;
	    -ms-transition: -ms-transform 0.3s;
	     -o-transition: -o-transform 0.3s;
		transition: transform 0.3s;
	-webkit-transform: translateY(-999px);
	   -moz-transform: translateY(-999px);
	    -ms-transform: translateY(-999px);
	     -o-transform: translateY(-999px);
		transform: translateY(-999px);
	width: auto;
	z-index: -1;
}
nav.right-menu-wrap ul li:hover ul.sub-menu {
	overflow: visible;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
		transform: translateY(0);
	}

nav.right-menu-wrap ul li ul.sub-menu li {
	display: block;
	float: left;
	position: relative;
	width: 100%;
	}

nav.right-menu-wrap ul li ul.sub-menu li a {
	background: #fff;
	border-top: 1px solid rgba(0,0,0,.1);
	color: #333 !important;
	font-size: 12px;
	line-height: 1em;
	text-transform: uppercase;
	padding: 12px 20px;
	text-transform: none;
	width: 160px;
	font-family: "Montserrat",sans-serif;
	display: block;
	}

nav.right-menu-wrap ul li ul.sub-menu li.current-lang a,
nav.right-menu-wrap ul li ul.sub-menu li a:hover {
	background: rgba(0,0,0,.1);
	}
nav.right-menu-wrap ul li ul.sub-menu li.current-lang a:after {
	content: "*";
}

nav.right-menu-wrap ul li ul.sub-menu ul.sub-menu li ul,
nav.right-menu-wrap ul li ul.sub-menu li ul {
	display: none;
	position: absolute;
		top: 0;
		left: 200px;
	z-index: 10;
	}

nav.right-menu-wrap ul li ul.sub-menu ul.sub-menu li:hover ul,
nav.right-menu-wrap ul li ul.sub-menu li:hover ul {
	display: block;
	}
nav.right-menu-wrap ul li:hover ul.sub-menu li.menu-item-has-children a {
	position: relative;
	}

nav.right-menu-wrap ul li:hover ul.sub-menu li.menu-item-has-children a:after,
nav.right-menu-wrap ul li:hover ul.sub-menu li ul.sub-menu li.menu-item-has-children a:after {
	border-color: transparent transparent transparent #333 !important;
	border-style: solid;
	border-width: 3px 0 3px 3px;
	content: '';
	position: absolute;
		top: 15px;
		right: 10px;
	}

/*Responsive Styles*/
@media screen and (max-width : 1003px){

	.right-menu-wrap {
		display: none;
	}
}