/*! 
Theme Name: Studio Veh Theme URI: http://webiz.team 
Author: Webiz Team Author URI: https://webiz.team/ 
Description: Studio Veh Theme Version: 1.0.0 
License: GNU General Public License v2 or later License 
URI: LICENSE Text Domain: studioveh */

	.site-header {
	   padding: 0;
	   position: fixed;
	   width: 100%;
	   z-index: 995;
	   top: 0;
	   background: rgba(255, 255, 255, 1);
	   clear: both;
	}
	
	/* ----- LOGO----- */
	.logo-home {
		 margin-top: 62px;
		 margin-bottom: 30px;
	}
	.logo-home svg {
		 max-width: 100%;
		 width: 100%;
		 height: auto;
	}
	.logo-home svg path {
		 -webkit-transition: 1s ease-in-out;
		 transition: 1s ease-in-out;
		 fill: white;
	}
	.logo-letter {
		 width: 33.3%;
		 float: left;
		 -webkit-animation-fill-mode: forwards;
		/* Chrome 16+, Safari 4+ */
		/* FF 5+ */
		/* Not implemented yet */
		/* IE 10+ */
		 animation-fill-mode: forwards;
		 -webkit-transition: width 0.4s;
		 transition: width 0.4s;
	}
	.logo-letter.small {
	 	width: 10%;
	}
	
	
	/* ----- SHOW/HIDE NEWSTICKER + TOP-NAV + BURGER ----- */
	
	/* newsticker */	
	body.news #newsticker { display: block; }
	#newsticker,
	body.topnav_visible #newsticker { display: none; }
	
	/* top-nav */
	body.news .top-nav { display: none; }
	.top-nav,
	body.topnav_visible .top-nav { display: block; }
	
	/* top-nav burger */
	.top-nav .burger {right: 15px; display: none; }
	body.topnav_visible .top-nav .burger { display: none; }
	
	/* top-nav close */
	.top-nav #close { display: none; }
	body.topnav_visible .top-nav #close { display: block; }
	
	/* mainnav ul */
	.main-navigation ul {padding: 5px 0px 3px 0;}
	body.news .main-navigation ul {padding: 5px 30px 3px 0;}
	
	/* lang */
	.wpml-ls-last-item {padding-right: 0px;}
	/*body.news .wpml-ls-last-item {padding-right: 10px;}*/
	
	
	/* ----- NEWSTICKER ----- */
	#newsticker { 
	    position: relative; 
		padding: 10px 0;
		height: 44px; 
		width:  calc(100% + 24px); 
		margin-left: -12px;
	}
	.ditty-ticker .ditty-item {height: 30px;}
	
	.ditty-ticker { width: calc(100% - 55px); }
	.ditty-ticker__contents {margin-top: -3px;}
	
	.ditty-item { padding: 0 !important;}
	.ditty-item__content { color: #000; }
	.ditty-item__content:after { 
		content: "•";
		color: #000;
		margin:0 5px; 
	}
	
	.ditty-item .blue { color: #001fff; }
	.ditty-item .red { color: red; }
	.ditty-item .green { color: green; }
	.ditty-item .yellow { color: yellow; }
	.ditty-item .upper { text-transform: uppercase; }
	
	
	/*newsticker*/
	.ouroboros { font-family: "Ouroboros"; }
	.pilowlava { font-family: "Pilowlava"; }
	.trickster { font-family: "Trickster"; }
	.modak { font-family: "Modak"; }
	.monoton { font-family: "Monoton"; }
	.parisienne { font-family: "Parisienne"; }
	
	.ditty-ticker .ditty-item__content,
	.monoton,
	.ouroboros,
	.pilowlava,
	.trickster { font-size: 24px !important;  }
	.modak { font-size: 30px !important; }
	
	.ditty-item__content span { line-height: 1.1 !important }
	.ditty-item__content, 
	.ditty-item__content a { line-height: 1.3 !important }
	
	.firefox .ditty-item__content span { line-height: 1.1 !important }

	/*ditty link*/
	.ditty-item__link {
		text-decoration: none !important;
		position: relative;
	}
	
	.ditty-item__link:after {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: 0px;
		left: 0;
		background: transparent;
	}
	.ditty-item__link:hover  {color: #000;}
	.ditty-item__link:hover:after  {background: #000;}
	
	/* HOME STYLE / ditty-item__content */
	.home #newsticker { background: #000; }
	.home .ditty-item__content,
	.home .ditty-item__content:after,
	.home .ditty-item__content a { 
		color: #fff;
	} 
	.home .ditty-item__link:after  {
		background: transparent;
	}
	.home .line,
	.home .ditty-item__link:hover:after  {
		background: #fff;
	}
	
	
	/* ----- BURGER ----- */
	.burger { 
	   position: absolute; 
	   right: 15px;
	   top: 5px; 
	   width: 30px;
	   height: 25px;
	}
	.burger:hover { cursor: pointer;}
	
	.line { 
	   position: absolute; 
	   right:0px;
	   height: 2px; 
	   width: 25px; 
	   background: #000; 
	   border-radius: 0px;
	   transform-origin: center; 
	}
	.line:nth-child(1) { top: 10px; }
	.line:nth-child(2) { top: 16px; }
	.line:nth-child(3) { 
		top: 22px; 
		width: 18px; 
	}
	
	/* ----- TOP NAV ----- */
	.main-navigation.mobile,
	.footer-navigation.mobile { display: none; }
	
	.top-nav,
	.main-navigation,
	#newsticker { position: relative; }
	
	/*blue line*/
	.main-navigation:after,
	#newsticker:after { 
	  content: '';
	  position: absolute;
	  bottom: 0px;
	  left: 0;
	  
	  width: calc(100% + 24px);
	  margin-left: -12px;
	  
	  /*height: 2px;
	  width: 100%;
	  background: #7080FE;*/
	}
	
	.main-navigation:after,
	#newsticker:after {
		height: 1px;
		background: #000;
	}
	
	.home .main-navigation:after,
	.home #newsticker:after {
		height: 1px;
		background: #fff;
	}
	.home.scrolled .main-navigation:after,
	.home.scrolled #newsticker:after {
		background: #000;
	}
	
	/*.home .main-navigation:after,
	#newsticker:after {
		 width: calc(100% + 24px);
		 margin-left: -12px;
	}*/
	
	.main-navigation ul {
	   list-style: none;
	   margin: 0;
	   display: grid;
	   grid-auto-flow: column;
	   grid-template-columns: repeat(4, minmax(0, 1fr));
	 
	}
	
	.top-nav a {
		 font-size: .8em;
		 line-height: 0em;
	}
	
	/* hover active */
	.top-nav  ul li a:hover,
	.top-nav  ul li a:focus,
	.top-nav  ul li a:active,
	.top-nav  ul li.current_page_item a,
	
	.wpml-ls-current-language a,
	
	.footer-navigation  ul li a:hover,
	.footer-navigation  ul li a:focus,
	.footer-navigation  ul li a:active,
	.footer-navigation  ul li.current_page_item a { 
		color: #001EFF; 
	}
	
	/* ----- LANG----- */
	.top-nav .wpml-ls-first-item a,
	.top-nav .wpml-ls-last-item a,
	.wpml-ls-first-item:after,
	.wpml-ls-last-item:after { font-size: .7em; }
	
	/*EN / DE*/
	ul .wpml-ls-menu-item a {display: inline-block;}
	#menu-item-wpml-ls-13-en a:after { 
		content: '/';
		padding: 0 1px;
		color: #000;
	}
	.news #menu-item-wpml-ls-13-de {padding-right: 10px;}
	
	
	/**:lang(en-US) #menu-item-wpml-ls-13-en a:after,
	*:lang(de-DE) #menu-item-wpml-ls-13-de a:after { 
		content: '/';
		padding: 0 1px;
		color: #000;
	}
	 body:lang(en-US).news #menu-item-wpml-ls-13-de,
	 body:lang(de-DE).news #menu-item-wpml-ls-13-en {padding-right: 10px;}*/

	
	/* ----- CLOSE-BUT ----- */
	/*#close { 
		position: absolute;
		top: -27px;
		right: 0px;
	 }
	#close:hover { 
		cursor: pointer; 
	 }
	#close:after {
		position: absolute;
		top: 0px;
		bottom: 0;
		left: auto;
		right: 0px;
		content: '\d7';
		font-size: 35px; 
		color: #000;
		line-height: 100px;
		text-align: center;
	}*/
	
	#close {
	  position: absolute;
	  top: 12px;
      right: 10px;
	  width: 20px;
	  height: 20px;
	  opacity: 1;
	}
	#close:hover { cursor: pointer; }
	#close:before, 
	#close:after {
	  position: absolute;
	  content: ' ';
	  left: 10px;
	  height: 22px;
	  width: 1px;
	  background-color: #000;
	}
	#close:before {transform: rotate(45deg);}
	#close:after {transform: rotate(-45deg);}
	
	/* ----- FOOTER ----- */
	.site-footer { 
		padding-bottom: 25px;
		padding-bottom: 10px;
	}
	.footer-navigation ul {
	   list-style: none;
	   margin: 10px 0 0 0;
	   display: grid;
	   grid-auto-flow: column;
	   grid-template-columns: repeat(3, minmax(0, 1fr));
	   padding: 0px;
	}
	
	.footer-navigation ul li:nth-child(2) {
		 margin-left: -20%;
	}
	.footer-navigation a {
		 font-size: .7em;
		 line-height: 0em;
	}
	.site-footer .site-branding {
	 	padding: 3em 0 0px;
	}
	
	
	
	 @media (max-width: 1439px) {
		/*top-nav*/
		#top-nav a {
			 font-size: .6em;
		}
		/*footer*/
		.footer-navigation a {
			 font-size: .7em;
		}
	 }
	  
	 @media (max-width: 1023px) {
		/*footer*/
		footer .wrapper {
			line-height: 0px;
		}
		.footer-navigation ul {
			 margin-top: 20px;
		}
	 }
	 
	 @media (max-width: 939px) {
	 	/*top nav*/
		.main-navigation ul li:nth-child(2) {
			margin-left: -10%;
		}
		.main-navigation ul li:nth-child(3) {
			margin-left: -20%;
		}
	  }
	 
	  @media (max-width: 839px) {
		/*footer nav*/
		:lang(en) .footer-navigation ul li:nth-child(2) {
			margin-left: -30%;
		}
		:lang(de) .footer-navigation ul li:nth-child(2) {
 			margin-left: -20%;
		}
		:lang(de) .footer-navigation ul li:nth-child(3) {
 			margin-left: 20%;
		}
	  }
	 
	 @media (max-width: 766px) {
		 /*topnav*/
		 .main-navigation ul {padding: 5px 0px 3px 0;}
		 body.news .main-navigation ul {padding: 5px 15px 3px 0;}
		 
		 /*close*/
		 #close {right: 0px;}
	}
	  
	 @media only screen and (max-width: 599px) { 
		/*newsticker*/
		.ditty-ticker__contents {margin-top: 0px;}
		#newsticker:after {bottom: 0px;}
		.ditty-item__elements {
			font-size: 18px !important;
		}
		
		/* ------ chance navigation to burger ------ */
		.main-navigation.desk,
		.footer-navigation.desk { display: none; }
		.main-navigation.mobile,
		.footer-navigation.mobile  { display: block; }
		
		#newsticker {background: #fff;}
		.main-navigation { background: #fff;}
		
		#newsticker:after {height: 1px;}
		.main-navigation:after { display: none; }
		
		.main-navigation ul li a,
		.wpml-ls-first-item:after,
		#close:after {
			color: #000;
		}
		.top-nav ul li a:hover, 
		.top-nav ul li.current_page_item a,
		.wpml-ls-current-language a span  {
			color: #001EFF;
		}
		
		/* main-navigation */
		body.home .main-navigation ul, 
		body.news .main-navigation ul,
		.main-navigation ul {
			display: block; 
			padding: 2.5em 0 10px 30px; 
		}
		.main-navigation ul li {
		  	line-height: 1.15em;
		  	text-align: left; 
		}
		
		.main-navigation ul li:nth-child(2),
		.main-navigation ul li:nth-child(3) {
			margin-left: 0%;
		}
		
		/*top-nav*/
		body.news .top-nav {display: block;}
		.top-nav {
			width: calc(100% + 30px);
			margin-left: -15px;
		}
		
		.top-nav a,
		.top-nav .wpml-ls-first-item a, 
		.top-nav .wpml-ls-last-item a {
			font-size: 1.3em;
			line-height: 1.45em;
		}
		.main-navigation ul li:nth-child(6) { padding-top: 1.45em; }
		
		
		/* open / close top-nav */
		.main-navigation.mobile { 
			transition: .4s ease; 
			height: calc(100vh - 60px);
		}
		.top-nav .main-navigation {
			margin-top: calc(-100vh - 60px);
		}
		.topnav_visible .main-navigation {
			height: calc(100vh + 60px);
			margin-top: 0px;	
		}
		
		
		/* burger -> no newsticker */
		.top-nav .burger {
			position: fixed; 
			display: block; 
		}
		body.news .top-nav .burger { 
			display: none; 
		}
		
		/* close-but */
		#close {
		  right: 20px;
		  width: 40px;
		  height: 40px;
		}
		#close:before, 
		#close:after {
		  left: 20px;
		  height: 40px;
		}
	
		
		/*lang*/
		.wpml-ls-first-item:after,
		.wpml-ls-last-item:after {display: none;}
		
		.main-navigation ul li:nth-child(6),
		.main-navigation ul li:nth-child(7) {
			display: block;
		}
		
		/*footer nav*/
		.footer-navigation ul {grid-template-columns: repeat(2, minmax(0, 1fr));}
		:lang(en) .footer-navigation ul li:nth-child(2) {
			margin-left: -5%;
		}
		:lang(de) .footer-navigation ul li:nth-child(2),
		:lang(de) .footer-navigation ul li:nth-child(3) {
 			margin-left: 0%;
		}
	
	 }
	 
	 @media only screen and (max-width: 479px) { 
		.ditty-item__content, 
		.ditty-item__content a, 
		.ditty-item__content span { line-height: 1.0 !important }
		
		/* top-nav */
		.top-nav a,
		.top-nav .wpml-ls-first-item a, 
		.top-nav .wpml-ls-last-item a {
			font-size: 1.9em;
		}
		.main-navigation ul li:nth-child(6) { padding-top: 1.9em; }
		
		#close:before, 
		#close:after {
		  width: 2px;
		}
		
		/*footer nav*/
		:lang(en) .footer-navigation ul li:nth-child(2) {
			margin-left: -10%;
		}
	 }