#menu-mobile-menu {
	display: none;
}

.navigation {
	/*line-height: 24px;*/
	margin: 0;
	padding: 0;
	position: relative;
	font-family: 'DINProBold', sans-serif;
	text-align: center;
}

.navigation li {
	display: inline;
	list-style-type: none;
	/*position: relative;*/
	margin: 0;
	padding: 0;
}

.navigation a {
	font-size: 0.75em;
	font-style: normal;
	font-weight: 400;
	text-align: center;
	line-height: 1.0em;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center bottom;
	letter-spacing: 0;
	border-bottom: 2px solid transparent;
	transition: all 0.3s ease-in-out;
	text-transform: UPPERCASE;
	position: relative;
}

.navigation li a {
	text-decoration: none;
	padding: 3px 0 3px 0;
	margin: 0 0 11px 3.8%;
	display: inline-block;
}

.navigation > li:first-child a {
	margin: 0 0 11px 0;
}

.navigation li a:link, .navigation li a:visited {
	color: #fff;
}

.navigation > li.menu-item-has-children a {

}

.navigation > li.add-triangle > a {
	padding-right: 14px;
}

.navigation > li.add-triangle > a::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.6px 0 5.6px 9px;
	border-color: transparent transparent transparent #fff;
	right: 0em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.navigation > li.menu-item-has-children > a::before {
	border-style: solid;
	border-width: 0.20em 0.20em 0 0;
	content: '';
	display: inline-block;
	left: -1.2em;
	position: absolute;
	top: 3px;
	transform: rotate(135deg);
	vertical-align: top;
	height: 0.5em;
	width: 0.5em;
	transition: all 0.2s ease-in-out;
}


.navigation > li.menu-item-has-children > a:hover::before {
	top: 5px;
}

.navigation li a:focus {
    outline: none;
}

.navigation li.current_page_parent a,
.navigation li.current-menu-parent a,
.navigation li.current_page_item a {
    /*font-weight: 600;*/
}

/*.navigation li a:hover {
	color: #fff;
}*/

.navigation li.current_page_parent a {
	border-bottom: 2px solid #808080;
}

.navigation li.current-menu-parent a {
	border-bottom: 2px solid #fff;
}

.navigation li.current_page_item a {
	border-bottom: 2px solid #808080;
}


.navigation li a:hover,
.navigation li a:active {
	border-bottom: 2px solid #fff;
}

.navigation li ul.sub-menu {
	position:absolute;
	/*top: 34px;*/
    padding: 0;
	margin: 0;
	display: none;
	width: 100%;
	background: transparent;
	text-align: center;
	z-index: 1;
}

.navigation li:hover ul.sub-menu {
	display: block;
}

.navigation li.current-menu-parent ul.sub-menu {
	display: block;
	z-index: 0;
}

.navigation .sub-menu li {
	padding:0;
	margin:0;
	font-size: 0;
	height:auto;
	line-height:26px;
	z-index: 500;
	position:relative;
	border-left: none;
	width: 100%;
}

.navigation .sub-menu li a {
	margin: 0 2% 7px 2%;
	/*width: 270px;*/
	text-align: left;
	line-height:1.0em;
	font-size: 16px;
	border-bottom: 2px solid transparent;
	transition: all 0.6s ease-in-out;
	opacity: 0;
}

.navigation li.current-menu-parent ul.sub-menu li a {
	opacity: 1;
}

/*.navigation .sub-menu li:first-child a {
	margin: inherit;
}
*/

.navigation .sub-menu li a:link,
.navigation .sub-menu li a:visited {
	text-decoration: none;
	display:inline-block;
	padding:11px 0 3px 0;
	height:auto;
	white-space:nowrap;
	/*line-height:16px;*/
	background: transparent;
	color: #fff;
}

.navigation .sub-menu li a:hover,
.navigation .sub-menu li a:active {
	border-bottom: 2px solid #fff;
}


.navigation ul.sub-menu .current_page_item a {
	border-bottom: 2px solid #ccc;
}

/* ----- */

.navigation li.footer_show {
	display: none;
}

ul.footer-menu li.footer_hide {
	display: none;
}

ul.footer-menu {
	vertical-align: top;
	font-size: 0;
}

ul.footer-menu > li {
	display: inline-block;
	font-size: 16px;
	vertical-align: top;
	padding-bottom: 10px;
	width: 20%;
}

@media (max-width: 768px) {
	ul.footer-menu > li {
		width: 100%;
		margin-bottom: 20px;
	}
}

ul.footer-menu ul.sub-menu li {
	padding-bottom: 0;
	padding-top: 10px;
	display: block;
	width: 100%!important;
	margin-left: 0!important;
	text-transform: none;
}

ul.footer-menu li a {
	color: inherit;
	font-weight: 400;
}

ul.footer-menu > li > a {
	font-weight: 600;
}

/* ----- */

@media (max-width: 1300px) {

	.navigation li a {
		/*padding: 0 1.5% 25px 0;*/
	}

}

@media (max-width: 1260px) {

	.navigation li a {
		/*padding: 0 1.5% 25px 0;*/
	}

	.navigation {
		/*line-height: 24px;*/
		padding-left: 0;
	}

}

@media (max-width: 1160px) {

	.navigation li a {
		/*padding: 0 0 25px 1.0%;*/
		font-size: 14px!important;
		padding-right: 10px;
	}

}

@media (max-width: 972px) {

	#navBar {
		width: 100%;
		/*height:36px;*/
		padding: 0;
		margin: 0;
	}

	.navigation {
		/*line-height: 24px;*/
		padding-left: 0;
	}

	.navigation li a {
		margin: 0;
		font-size: 12px!important;
	}

    .navigation > li.menu-item-has-children > a::before {
        display: none;
    }


}

@media (max-width: 768px) {

	.navigation li a {
		font-size: 12px!important;
	}

	.navigation .sub-menu li a {
		transition: none;
	}


	#menu-mobile-menu {
		display: block;
	}

	.navigation {
		width: 100%;
		background: #000;
		color: #fff;
		padding: 0;
		margin: 0;
		line-height: 20px;
	}

	.navigation li {
		display: inline-block;
        margin: 0!important;
		border-bottom: 1px solid #c2c5c9;
		background-color: #000;
		width: 92%;
		background-repeat: no-repeat;
		background-position: center right;
		padding: 4%!important;
	}

	.navigation li.menu-item-has-children {
        background-image: url('/wp-content/themes/televisual/images/assets/chevron.png');
        background-position: right 13px;
        background-repeat: no-repeat;
	}

	.navigation li a {
		font-size: 14px!important;
		width: 100%;
		display: inline-block;
		text-align: left;
		padding: 0!important;
		margin: 0!important;
		transition: none;
	}

	.navigation li a:hover,
	.navigation li a:active,
	.navigation li.current_page_parent a,
	.navigation li.current-menu-parent a,
	.navigation li.current_page_item a {
		border-bottom: 2px solid transparent;
	}

    .navigation li a:link, .navigation li a:visited {
	    color: #fff;
	}

	.navigation li a:hover,
	.navigation li a:active,
	.navigation li.current-menu-item a {
		color: #fff;
	}

	.navigation li:hover,
	.navigation li.current-menu-item {
		color: #fff;
		background-color: #000;
	}

	.navigation li ul.sub-menu {
		/*position: absolute;*/
        position: relative;
		top: 9px;
	    padding: 0;
		margin: 0;
		width: 100%;
        max-height: 0;
        left: 0;
        overflow: hidden;
		/*left:-999999;*/
		/*height: 0;*/
		transition: all 0.6s ease-in-out 0s;
	}

	.navigation li.menu-item-has-children:hover {
        background-image: url('/wp-content/themes/televisual/images/assets/chevron_down.png');
	}

	.navigation li.menu-item-has-children:hover ul.sub-menu {
		max-height: 100%;
		height: 100%;
        overflow: visible;
	}

	.navigation li.current-menu-parent ul.sub-menu {
	}

	.navigation .sub-menu li {
		padding: 0!important;
		background-color: #000;
		border-bottom: none;
	}

	.navigation .sub-menu li a {
		font-size: 14px!important;
	}

	/*.navigation .sub-menu li:first-child a {
		margin: inherit;
	}
	*/

	.navigation .sub-menu li a:link,
	.navigation .sub-menu li a:visited {
		text-decoration: none;
		display:block;
		padding: 4% 0!important;
		height:auto;
		white-space:nowrap;
		/*line-height:16px;*/
		background-color: transparent;
		color: #fff!important;
	}

	.navigation .sub-menu li a:hover,
	.navigation .sub-menu li a:active {
		text-decoration: none;
	}


	.navigation ul.sub-menu .current_page_item a {
		text-decoration: none;
	}

	.navigation > li.add-triangle > a::after {
		right: auto;
		left: 4.0em;
	}

}