/*

 Theme Name:   Sailing Fifteen

 Theme URI:    http://example.com/twenty-fifteen-child/

 Description:  Twenty Fifteen Child Theme

 Author:       Hannes Koch

 Author URI:   http://example.com

 Template:     twentyfifteen

 Version:      1.0.1

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  sailing-fifteen

*/



/**

 * Font

 */





h1,

h2,

h3,

h4,

h5,

h6,

.site-title {

	

font-family: 'Lato', sans-serif;  /* Gill Sans Ersatz */

}



.site-title {

	font-size:2.4rem;

	line-height:1.1em;

	margin-left: 55px;

	

}



.menu-item {

		font-variant:small-caps;	

	}





#logo {

		width:3.5em;

		position:absolute;

	}



body,

button,

input,

select,

textarea {

	color: #333;

	font-family: 'Roboto Slab', serif;

	font-weight:400;

	font-size:1.5rem;

	line-height: 1.6;

}





.fb-toggle {

	display:none;

	box-sizing: border-box;

	width:100%;

	

}



.fb-toggle.active {

	display:inline-block;	

	background-color: white;

  	overflow: hidden;	}







.site-title {

	margin-right:18%;

}



.site-branding {

		background:rgba(255,255,255,0.9);	

		padding:1em;

		

}





button.secondary-toggle {

	

	margin-right:1em;

	}





	.sky-form footer fieldset section label .input {

		  padding: 3% 7.6923%;

	}



/**



WPML Languagw style fix



*/



#lang_sel_click ul {

	list-style:none;

}



#lang_sel_click ul li a {

	float:left;

}



#lang_sel_click ul li ul {

	float:right;	

}





#nav_menu-2.impressment { 

  margin-left: 20px;

  font-variant: small-caps;

  



}

#top-menu {

 background-color: #f7f7f7;

 border-color:rgba(200,200,200,1);

 border-bottom-style:solid;

 border-bottom-width:0px;

 padding: 10px;

 overflow: auto;

 z-index:1;

 font-size:80%;

 position:relative;



}





#top-menu .widget-area {

	margin:0px;	

}



#top-menu .widget ul {

	margin-bottom:0;	

	list-style:none;

}

 

 #language-title, .widget.widget_text_icl,  .widget.widget_text_icl .widget-title,  .widget.widget_text_icl .textwidget, #icl_lang_sel_widget-3, #icl_lang_sel_widget-2, #lang_sel_list, #lang_sel_list ul, #lang_sel_list ul li {

	 float:right;

	 width:auto;}

 

  #text_icl-3,   #text_icl-2 {

	margin-left:15px;

	padding-bottom: 0px;

  	height: 20px;

	  

  }

 

 #text_icl-3 .widget-title, #text_icl-2 .widget-title {

	float:left;	 

	line-height: 1.9;

	margin-bottom:0;

 }

 

 #text_icl-3 h3, #text_icl-2 h3 {

	font-size:80%;	 

 }

 

  #text_icl-3 .textwidget, #text_icl-2 .textwidget {

	  margin-left:5px;

  }

 

 #text_icl-3 .textwidget a, #text_icl-2 .textwidget a {

	border:none;	 

 }

 

 .icl-de {

	margin-left:10px;	 

 }

 

 .icl_lang_sel_native {

	margin-right:15px; 

	 

 }

 

 

 #icl_lang_sel_widget-3, #icl_lang_sel_widget-2 {

	clear: both;

	margin-bottom:5px;

 }

 

 

 .widget.widget_text_icl {

	margin-bottom:5px; 

	 

 }

 

 #language-title {

	

	 clear:none;

	 font-size:80%;

	 line-height: 1.9;

	 margin-right:5px;

 }

 

 

 #top-menu .widget {

	margin-bottom:0px; 

	 

 }



 .impressment {

		float:left;

 }



	

#menu-impressment li {

		padding-right:10px;

	

}



#fourth aside {

	float:left;

	width:50%;	

}



#fourth aside ul li {

	list-style:none;

}

	



	.menu-impressment-container ul { 

	padding-left:10px;

	} 



.menu-impressment-container ul li, .qtranslate-2-chooser ul li { 

	display:inline; 

	}       



.impressment, #menu-impressment {

	vertical-align:top;

}



	#copyright-sign {

	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;	

	display:inline;

	}

	

#fifth.widget-area {

	clear:both;	

}



#fourth aside {

	float:left;

	width:50%;

	

}



#fourth aside ul {

	list-style: none;

	

}





.section-wrapper .entry-title a {

    font-size: 120%;

    color: #333;

}





.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {

    border-bottom: 1px solid #00AEDF;

    color: #00AEDF;

}





.section-wrapper {

	padding-top:0px;	

}









.section-heading {

	  background-color: #f7f7f7;

	  padding: 2% 7.6923%;

	}



.post-thumbnail {

	margin-bottom:0px;

	

}



.entry-title {

	margin-bottom:0px;

}



.entry-title a {

	border-bottom: none;	

}





.header-image {

	padding-bottom:6%;

}



article.page .post-thumbnail {

	padding-bottom: 7.6923%;

	

}



#page.site .site-content .content-area .site-main article .entry-header {

	padding-bottom:3%;

}



#instagram .entry-content {

	

padding-top:9.0909%;

}



.pinterest li span {

	background-color:#F7F7F7;	

}



.medium {

	padding: 6% 7.6923% 7.6923%;	

	border-top:1px solid #f7f7f7;

}



.medium.topartists {

	padding-bottom:0px;	

}



.medium.bottomartists {

	padding-top:0px;

	border-top:none;	

}



.mini {

    background-color: #F7F7F7;

    max-width: 320px;

    margin: auto;

	margin-bottom: 7.6923%;

}





.mini-thumbnail {

	position: relative;

	

}



.mini-content {

	padding: 3.8461%;	

}



.mini-content p {

    font-size: 80%;

    font-weight: 100;

}



.mini .entry-footer, .mini .entry-content {

	padding:0px;	

}



.mini-content .entry-footer span {

	display:none;	

}



.mini-content .entry-footer span.posted-on {

	display:block;	

}



.mini-thumbnail img {

    width: 100%;

}


input#mc-embedded-subscribe.button {
    background-color: #00aedf;
	opacity: 0.8;
    /* height: 39px; */
    height: 35px;
    overflow: hidden;
    margin: 10px 0 0 20px;
    /* padding: 0 25px; */
    padding: 0 20px;
    outline: none;
    border: 0;
    border-radius: 0;
    /* font: 300 15px/39px Helvetica, Arial, sans-serif; */
    font: 300 15px/35px Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: none;
		  transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
	
	
}

input#mc-embedded-subscribe.button:hover {
	opacity:1;
	  transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
	
}




.sky-form {

	box-shadow:none;

	

}



.sky-form fieldset {

	padding:0px;	

}



#chimpy_shortcode_1 footer {

	padding:0px;	

	background:none;

	border-top:none;

}



.sky-form footer {

	border-top:none;

	background:none;

	padding:0px;

	

}


.indicates-required {
	float: right;
    margin-top: -10px;
}




.sky-form footer button.button, .sky-form form footer button.button {

	background-color:#00aedf;

	

}



.shop-footer {

	padding: 6% 7.6923% 7.6923%;	

}





#blogbuch article, #videos article {

	box-shadow:none;

	

}



.sticky-post {

	right:0px;

	

}







	.related_post {

		overflow:hidden;	

	}



	ul.related_post {

	margin:0px;	

	}

	





	ul.related_post li {

		position: relative;

		display: inline-block;

		width: 48.4%;

		margin-bottom:10px;

		vertical-align:top;

		float: left;

		margin-left: 3.2%;

	}      



	ul.related_post li::nth-of-type(3n+1) {

		margin-left: 3.2%;

		clear: none;

	}



	ul.related_post li:nth-of-type(2n+1) {

		margin-left:0;

		clear:left;

	}	



	ul.related_post li a {

		line-height:1.2em;

		border-bottom:none;

	}





	ul.related_post li a:nth-child(2) {

		display:none;	

		

	}

	

	.related_post_title {

		display:none;	

	}



		.entry-footer {

			font-size:1rem;

		}

		

		

		.mini-title {

			line-height:1.7rem;

			

		}

		

		

		

		.mini-content .entry-content {

			line-height:1.8rem;

			font-size:0.9em;

			margin-top: 0.3rem;

				

		}

		

		

		.menu-item-description {

		font-variant:normal;

			

		}

		

		.mini-content p {

		font-size: 80%;

		font-weight: 100;

		}

		

		.menu-impressment-container	ul li {

			font-style:normal;

			font-variant:normal;	

			font-size:80%;

				

			}

			

			

		h1.entry-title {

			

		/*	padding-bottom:3%;	*/

		}

				

				

		#map {

		height:300px;	

			

		}





/**

 * 15.1 Mobile Very Small 350px

 */



@media screen and (min-width: 21.875em) {

	



	#logo {

		top:5%;	

		

	}

}



/**

 * 15.1 Mobile Small 414px

 */



@media screen and (min-width: 25.87em) {



ul.related_post li a:nth-child(2) {

	display:block;

	width:100%;

	max-width:150px;

	margin-top:5px;

	

}





}



/**

 * 15.1 Mobile Large 620px

 */



@media screen and (min-width: 38.75em) {

	

	.site-title, .site-description {

	margin-left:15%;	

		}

	

	.site-title {

	font-size:2.8em;

	}

	

	.site-description {

	font-size:1em;

	}



	#logo {

	width:5em;

	left:auto;

	top:14%;

	}

	

	

	#blogbuch article, #videos article {

		margin:0px;	

	}

	

	.header-image {

	padding-bottom:5.4545%;

	}





 #icl_lang_sel_widget-3, #icl_lang_sel_widget-2 {

	clear: none;

 }

 

	

	.medium {

		padding:5.4545% 9.0909%;	

		

	}

	

	.section-heading {

		padding: 2% 9.0909%;	

	}

	

	.mini {

		max-width:none;	

	    overflow: hidden;

	}

	

	.mini-thumbnail {

    width: 40%;

    float: left;

	}

	

	.mini-content {

    width: 60%;

    float: right;

	padding: 2% 2% 0% 3.8461%;

	}

	

	.mini .play-button-small {

	background:url(img/play_mini.png) no-repeat center; 

	position: absolute; 

	height:58px;

	width:100%;

	top:34.5%;

		

	}

	

	.mini .play-button-small:hover {

		

	background:url(img/play_mini_hover.png) no-repeat center; 



	}







			.entry-footer {

				font-size:0.7em;

			}

			

			

			.mini-title {

				line-height:2rem;

				

			}

			

			

			

			.mini-content .entry-content {

				line-height:2rem;

				font-size:1em;

				margin-top: 0.5rem;

					

			}

			

			

			body,

			button,

			input,

			select,

			textarea,

			.post-navigation .post-meta {

				color: #333;

				font-family: 'Raleway', sans-serif;

				font-weight:400;

				font-size: 1.5rem;

				line-height: 1.6;

				}

				

				

			

			



	

}



/**

 * 15.2 Tablet Small 740px

 */



@media screen and (min-width: 46.25em) {

	

	

	

ul.related_post li:nth-of-type(1n+1) {

	margin-left: 3.2%;

	width: 22.6%;

	clear:none;

}



ul.related_post li:nth-of-type(4n+1) {

	margin-left: 0;

	clear: left;

}





.play-button {

	

	background:url(img/play_big.png) no-repeat center; 

	height:142px;

	width:100%;

	

	

	}	

		

	.play-button:hover {

		background:url(img/play_big_hover.png) no-repeat center;

		

	}



	

}





/**

 * 15.3 Tablet Large 880px

 */



@media screen and (min-width: 55em) {

	

	.mini-content .entry-content {

		line-height:2.5rem;	

	}

	

	ul.related_post li a, #buch {

				font-size:1.6rem;	

			}

			

			

	#map {

		height:600px;	

			

		}



	

}



/**

 * 15.4 Desktop Small 955px

 */

 

@media screen and (min-width: 59.6875em) {

	

	

	.sidebar {

		background: rgba(255,255,255,0.7);	

		

	}

	

	.site-header {

		margin-bottom:0px;

		margin-top:5%;

		

	}

	

	.site-branding {

		background:none;

		padding:0px;

		}

	

	.site-title {

	font-size: 2.4rem;

	}

	

	.site-title, .site-description {

	margin:0px;	

	}

	

	.site-description {

	font-size:1.2rem;	

		

	}

	

		#logo {

		width:160px;

		float:none;

		left:auto;

		position:relative;

		padding-top:0px;

		margin:auto;

		margin-top:0;

		

	}

	

	.main-navigation, .social-navigation {

		margin-bottom: 10%;	

		

	}

	

	

	

	

	.medium {

		padding: 6% 10%;

	}

	

	.section-wrapper {

		margin: 8.3333% 8.3333% 0;

		overflow: auto;

	}

	

	

	.hentry.section-wrapper:first-child {

		

		margin-top:0;	

	}



	

	.site-content {

		

		max-width:990px;	

	}

	

	.header-image {

		padding-bottom: 6%;	

	}

	

	

	.section-heading {

		padding: 2% 10%;	

	}

	

	

	#top-menu .widget {

		margin:0px;

		padding:0px;	

		

	}

	

	#top-menu#front {

		margin-bottom:-25%;	

	}

	

	#top-menu .widget {

		float:right;	

		width: auto;

	}

	

	#icl_lang_sel_widget-3 {

		clear:none;

			

	}

	

	#top-menu #text_icl-2 {

		margin-left:15px;	

	}

	

	.site-main {

		padding-top:0px;	

	}

	

	.below-content {

	float: left;

	margin: 0px 0px 0px 35.2941%;

	padding: 0px;

	width: 58.8235%;

	}

	

	.below-content.hentry {

		margin-top: 0px;

    	margin-bottom: 6%;

	}

		

	.fb-toggle {

			display:block;	

			

		}

	

	

				.mini-content .entry-content {

					line-height:1.8rem;	

				}

	

	

				

	

	

				

				.menu-item {

					font-size:1.3em;	

				}

				

				

				

					.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title, .related_post_title   {

					font-size:220%;

					

				}

					

			

				.entry-content {

				font-size:109%;

				}		

	

				.mini .entry-footer {

					font-size:0.7em;	

				}

				

				.mini .entry-content {

					font-size:0.8em;	

				}

				

				

				h5.entry-title {

				font-size:80%;

					

					

				}



	

			

}





/* 15.5 Desktop Medium 1100px

 *

*/



@media screen and (min-width: 68.75em) {

	

	.site-title {

		

		font-size:3rem;

		}

	

	

	.medium {

		overflow:auto;	

	}

	

	.mini {

		width: 31%;

		float: left;

		margin-right: 3.5%;

	}

	

	.mini:nth-child(3) {

		margin-right: 0;

		float: right;

	}

	

	.mini-thumbnail, .mini-content {

    width: auto;

    float: none;

	}

	

	.fb-page {

		width:100%;

		max-width:413px;	

		

	}

	

	

			.entry-footer {

				font-size:0.7em;

			}

			

			

			.mini-title {

				line-height:2.0rem;

				

			}

			

			

			

			.mini-content .entry-content {

				line-height:1.8rem;

				font-size:0.9em;

				margin-top: 0.5rem;

					

			}

			

			ul.related_post li a, #buch {

				font-size:1.4rem;	

			}

			

				.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title, .related_post_title   {

				font-size:220%;

				

			}

				

			.entry-content {

			font-size:110%;

	}



}



/**

 * 15.6 Desktop Large 1240px

 */







@media screen and (min-width: 77.5em) {

	

	.play-button {

	top:36%;	

	}

		

	

	

			.mini-title {

				margin-top:1rem;	

			}

	

			.mini-content .entry-content {

				line-height:2.2rem;

			}

			

			

			ul.related_post.wp_rp li a, #buch {

				font-size:1.6rem;	

			}

			

						

						.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title, .related_post_title   {

						font-size:240%;

						

					}

						

					.entry-content {

					font-size:110%;

					}

			

			

}



/**

 * 16.7 Desktop X-Large 1403px

 

*/

@media screen and (min-width: 87.6875em) {

	body:before {

		width: 413px; /* max sidebar width */

		/* width: calc(50% - 289px); */

	}

	

	.site {

		max-width:none;	

	}

	

	.site-title {

		

		font-size:3.5rem;

		}

	

	.site-content {

		margin-left:413px; /* max sidebar width */

	/*	width:auto;	 */

	}

	

	.section-wrapper {

		margin:82.6px; /* 413 px * 20 % */	

		max-width:825px;

	}

	

	.site-footer {

		max-width:825px;

		margin-left:495.5px;	

	}

	

	section.below-content.hentry {

		margin-left:495.5px;	

		margin-bottom:82.5px;

	}

	

	#artists {

		margin-bottom:0px;	

	}

	

	

					.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title, .related_post_title   {

						font-size:250%;

						

					}

						

					.entry-content {

					font-size:110%;

					}

}







/**



* Desktop XXX-Large 1820 px 



*/



@media screen and (min-width: 113.75em) {

	





	section.below-content.hentry {

		margin-left:0px;

		margin-right:0px;

		max-width:413px;

		float:left;

		width:30%;	

		

	}

	

	.sidebarfixed {

    position: fixed!important;/*sometime browser overrides the class. so we put important */

    top: 0;

	}



	.right-sidebar {

		position:absolute;

		left:1403px;	

		min-height:2600px;

		

	}

	

	

	section.below-content.hentry {

		float:none;

		width:100%;

	

	}



	#buch {

	/*	margin-bottom:0px; */

		

	}

	

	#sc-tourbox {

		/* min-height:1450px;	*/

		

	}

	

	

	.site {

		max-width:1899px;

		margin-left:0px;

		position:relative;	

		

	}

	

	ul.related_post li:nth-of-type(1n+1) {

		width:48.4%;	

	}

	

	

	ul.related_post li::nth-of-type(3n+1) {

		margin-left: 3.2%;

		clear: none;

	}



	ul.related_post li:nth-of-type(2n+1) {

		margin-left:0;

		clear:left;

	}	



	ul.related_post li a {

		line-height:1.2em;

		border-bottom:none;

	}





			

			.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title, .related_post_title   {

				font-size:250%;

				

			}

				

			.entry-content {

			font-size:120%;

			}

	

	

	

}