@charset "utf-8";

/*
Theme Name: Silicon Saxony / Respo
Author:		Rico Floß, floss@51nullacht.de
Author URI: http://www.51nullacht.de/
Date:		2016-08
Client:		VOR
Project:	Silicon Saxony
*/

/*---------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 	- desktop (default grid)
1024-768 	- tablet landscape
768-480 	- tablet
480-less 	- phone landscape & smaller
-----------------------------------*/

.hideOnMobile { /* all good */ }

/* content width */
@media (max-width: 1370px) {
	
	.social-container { left: 0; margin-left: 0; z-index: +1; }
	.social-container .social { right: auto; width: 4rem; }

}

@media (max-width: 1090px) {

	.seen-member-button,
	.seen-member-close { display: none !important; }
	.seen-member { display: block !important; position: relative; right: auto; left: auto; top: auto; bottom: auto; width: auto; }
	.seen-member li.seen-members { padding: 1rem; float: left; width: 200px; height: 100px; }
	.seen-member li.seen-members img { max-height: 100%; }

	.social-container { position: absolute; }
	
}

/* bigger Portrait tablet to landscape and desktop */
@media (max-width: 1020px) {

	body { font-size: 1em; }

	/* grid */
	.grid,
	.page-document,
	.page-footer,
	.content-container { width: 100%; max-width: 100%; min-width: auto; }

	.page-header,
	.content-container { height: auto; padding-left: 1em; padding-right: 1em; }

	.contact-container { width: 43%; }

	/* navigation */
	.page-navigation { clear: both; float: left; margin: 1em 0; }
	.page-navigation ul { margin: 2rem 0; text-align: left; }
	/* .page-navigation ul li a { padding: 0 1.25rem 0 0; margin: 0; font-size: 1rem; } */
	.page-navigation ul li.last a { padding-right: 0; }
	.menu li.current > a,  .menu li.current > a:hover,  .menu li.current.hover > a { color: #005D55; }

	/* searchform */
	form.searchform { clear: both; margin-top: 1rem; width: 320px; }
	form.searchform .searchword { padding: 0.5rem 0.5rem 0.5rem 1.5rem; }

	/* language */
	/* .language-navigation { position: absolute; right: 0; top: 7rem; } */

	.page-navigation ul { margin: 0; }

	/* slider */
	.header-slideshow li,
	.home .header-slideshow li { height: auto !important; }

	/* sidebar */
	.page-sidebar .member-login-btn { top: -120px; }

	/* content */
	.page-document h2 { font-size: 142.85%; }
	.home .page-content { margin-top: 0; }
	.tx-sisaxpublication .bx-controls-direction a.bx-prev,
	.tx-listsubpages .bx-controls-direction a.bx-prev,
	.event-list .bx-controls-direction a.bx-prev { left: 1rem; }
	.tx-sisaxpublication .bx-controls-direction a.bx-next,
	.tx-listsubpages .bx-controls-direction a.bx-next,
	.event-list .bx-controls-direction a.bx-next { right: 1rem; }

	/* helper */
	.hideOnMobile { display: none !important; }
	.showOnMobile { display: run-in !important; }

	.social-container .social { height: 2rem; width: 3rem; }
	.social-container .social span::before { line-height: 2rem; /* padding-left: 1rem; */ font-size: inherit; }
	
	/* footer member list */
	.member-logo-list { margin-bottom: 2rem; }
	
}

/* tablet */
@media (max-width: 768px) {

	/* grid */
	.page-content,
	.page-sidebar { width: 100%; }

	.nav-container {
		width: 100%;
		position: absolute;
		top: 2rem;
	}

	.page-services {
		text-align: center;
		float: none;
		position: static;
		margin-right: 0;
	}

	.page-services {
    position: relative;
    right: 0;
    margin-right: 15px;
    width: 100%;
    text-align: center;
	}

	.contact-navigation,
	.search-navigation {
		position: static;
	}

	.toggle-btn.open { color: gray; }

	.page-header {
		z-index: +100;
	}

	.page-header .logo {
		height: 75px !important;
		max-width: 25% !important;
		margin-top: 0;
	}

	.page-header .logo span { background-size: contain !important; }

	.contact-navigation .toggle-container,
	.search-navigation .toggle-container {
		left: 0;
		right: 0;
		top: 2rem;
		text-align: left;
		min-width: 220px;
	}

	.navigation>li:hover>.sub-navigation { height: 0; opacity: 0; visibility: visible; }

	/* header */
	.page-header { padding-bottom: 1rem; }

	/* language */
	/* .language-navigation { top: 3.5rem; right: 0.5rem; z-index: 9999; } */
	.language-navigation li a,
	.language-navigation li.current a { font-size: 100%; }
	.page-navigation { position: static; }
	.nav-container { position: absolute; }

	/* navigation */
	.toggle-navigation {
		display: inline-block !important;
		position: relative;
		padding: .2rem;
		z-index: +5;
		float: right;
	}
	.toggle-navigation.active { color: #fff; background-color: #727272; }
	.toggle-navigation.active i:before { content: "\f00d"; }
	.page-navigation { width: 100%; display: none; padding: 1rem; background-color: #727272; }
	.page-navigation ul { margin: 0; }
	.page-navigation ul li { display: block; }
	.page-navigation ul li a { padding: 0.5em 0; color: #fff; }

	.navigation li:first-child a,
	.navigation li.first a { display: none; }

	/* service */
	.service-container .col_4 { width: 48.3333%; }
	.service-container .col_4:nth-of-type(5n+3) { clear: both; }
	.service-container .clear { display: none; }

	/* sidebar */
	.tx-sisaxevent .page-sidebar { position: relative; left: auto; top: auto; right: auto; bottom: auto; width: 100%; padding: 0; }
	.page-sidebar .member-login-btn { position: relative; top: auto; left: auto; width: auto; margin: 0 0 2rem 0; }
	.page-sidebar .member-login-btn:hover { top: auto; }

	/* content */
	.page-content article.panel { height: auto !important; max-width: 100% !important; width: 100% !important; clear: both; float: none; display: block; }
	/* .news-single-container .news-article-content { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; } */
	.pages { padding-top: 2rem; }

	/* Footer */
	.contact-container { padding: 0.5rem; width: 100%; }
	.contact-container .social { margin: 0 .25rem; }

	.social-container { display: none; }
	
	/* footer member list */
	.member-logo-list .member-single { width: 15.5%; }
	
}

/* Landscape phones and down */
@media (max-width: 480px) {

	/* grid */
	.contact-container,
	.service-container article,
	.column,
	[class*=" col_"],
	[class^="col_"],
	.csc-textpic-imagewrap,
	.csc-textpic-text,
	.col_2 input[type="text"],
	.col_1 input[type="text"],
	.page-footer .footer-navigation li.last,
	img { height: auto !important; max-width: 100% !important; width: 100% !important; clear: both; float: none; display: block; }

	.news-list-container .news-article-content,
	.csc-textpic-imagewrap,
	.csc-textpic-text,
	img { padding-right: 0; padding-left: 0; margin-left: 0; margin-right: 0; width: auto !important; }

	.contact-container { padding: 0.5rem 0.25rem; }
	.contact-container .toggle-link { padding-right: 0; }
	.social_share_privacy_area img { width: auto !important; height: auto !important; }

	/* navigation */
	.page-content .content-header { padding: 0; }
	.toggle-navigation { top: 0; }
	/* .page-navigation { margin-top: -3.5rem; z-index: +1; position: relative; } */

	/* logo */
	.page-header .logo { max-width: 25%; }
	.page-header .logo a span {
		background-image: url('images/logo_silicon-saxony_small.png');
		background-size: contain;
	}

	/* menu */
	.nav-container {
    position: absolute;
    top: 1.75rem;
		right: 0;
		width: 75% !important;
	}

	/* content */
	.page-content article.panel { padding-top: 1rem; }
	/* .seen-member { width: 200px; } */
	.tx-sisaxpublication .bx-wrapper, .event-list .bx-wrapper, .tx-listsubpages > .bx-wrapper { margin-top: 1rem; }

	.pages-list-browse .pages li,
	.tx-sisaxpublication .bx-pager, .event-list .bx-pager, .tx-listsubpages .bx-pager { display: none; }
	.pages-list-browse .pages li.prev,
	.pages-list-browse .pages li.next { display: block; }

	/* calendar */
	.calendar-tooltip { display: none !important; }

	/* footer member list */
	.member-logo-list .member-single { width: 31.5%; }
	
}
@media (max-width: 380px) {
	.contact-container .social, .tx-sisaxmembers-detail .social {
		margin: 0 .3em;
	}
}