/*
Theme Name: Twenty Seventeen Biggi Style
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: Cajon & the WordPress team
Author URI: none
Description: Childtheme of Twenty Seventeen, which brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.1
Updated: 2017-09-04 14:50:20

*/

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #666;
	font-size: 14px;
	font-size: 1.3em;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.twentyseventeen-front-page .site-content{
	  padding-top: 5.5em;
}

.twentyseventeen-front-page .panel-content .wrap{
	padding-top:0;
}

.has-sidebar:not(.error404) #primary{
    float: right;
    width: 70%;
}
.has-sidebar #secondary {
    float: left;
	 width: auto;
	 padding-right:10%;
}
@media (max-width: 800px) {
.has-sidebar #secondary{	
        display:none !important;
		float:right;
}
.has-sidebar:not(.error404) #primary{
    float: left;
    width: 100%;
}
}


.panel-content .wrap{
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.imprint{
	display:none;
}
span[role=separator]{
	display:none;
}

.menu-logo{
	max-width:7vw !important;
}

@media screen and (min-width: 48em){
	.wrap {
		max-width:1200px;
	}
	.menu-item-18 {
		max-width:150px;
	}

	.site-header .menu-scroll-down {
	    left: 0;
	    right: unset;
	}
	.site-description {
	    font-size: 1.6rem;
	}
	
.has-sidebar #secondary {
     width: 30%;
	 padding-right:5%;
}
	
}

#masthead .wrap {
	text-align:right;
}

a.tooltip {
  position: relative;
  text-decoration: none;
}
a.tooltip:after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 130%;
  left: 20%;
  background: #DDDDDD;
  padding: 5px 15px;
  color: black;
  -webkit-border-radius: 10px;
  -moz-border-radius : 10px;
  border-radius : 10px;
  white-space: normal;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;  
}
a.tooltip:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  /*border-top: 20px solid #DDDDDD;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;*/
  border-width: 30px 10px 0 5px;
  border-style: solid;
  border-color: #DDDDDD transparent transparent transparent;
  -webkit-transition: all 0.4s ease;
  -moz-transition : all 0.4s ease;
  transition : all 0.4s ease;
  opacity: 0;
  left: 30%;
  bottom: 90%;
}
a.tooltip:hover:after {
  bottom: 200%;
}
a.tooltip:hover:before {
  bottom: 70%;
}
a.tooltip:hover:after, a:hover:before {
  opacity: 1;
}