/*------------------------------------------------------

	Theme Name: Raw
	Type: Layout css
	Author: Monika Sedivy

/*------------------------------------------------------

	CSS TOB: 

	1. COMMONS
	2. STRUCTURAL
	3. TYPO & LINKS-
	4. MISC
	5. REQUIRED
	6. WPML
		
---------------------------------------------------------*/

/*@import url(https://fonts.googleapis.com/css?family=Muli:400,300);*/


/*--------------------------------------------------------
	1.COMMON
--------------------------------------------------------*/

	body, h1,h2, h3, h4, h5, h6 {
		font-family: "Mulish", Helvetica, Arial, sans-serif;
		font-weight: 300;
		color:#1f1f1f;
	}
	
	h1 .sub-title {
		display: block;
		font-family: "Mulish", Helvetica, Arial, sans-serif;
		font-size: 0.5em;
		text-transform: uppercase;
		color:#989898;
	}
	
	h2 {
		margin-bottom: 20px;
	}
	
	h3 {
		margin-bottom: 15px;
	}
	
	h4 {
		margin-bottom: 10px;
	}
	
	img.size-full {
		width:100%;
		max-width: none;
	}
	
/*
	.center-content {
		max-width: 960px;
		margin:0 auto;
	}
	
	.center-content h2 {
		text-align: center;
	}
*/


/*--------------------------------------------------------
	2.STRUCTURAL 
--------------------------------------------------------*/
	
	/* Sidebar */
	#header-wrapper header {
		position: fixed;
	}
	
	/* Full Width für Bilder */
	#content-wrapper section.pages {
		max-width: 100%;
	}
	
	#header-wrapper #header-inner, #section-title, #content-wrapper section.portfolio-below-content .sub-section-title, #content-wrapper section.latest-posts-below-content .sub-section-title, article.blog-post, #footer-wrapper #footer-top, #footer-wrapper #footer-bottom, #footer-wrapper #footer-bottom .back-to-top, aside.sidebar, aside.sidebar ul li, #header-wrapper.is_tablet #header-inner .mobile-menu-toggle, .pagination, #content-inner-blog-grid .pagination, header nav#primary-nav ul.mobile-navigation li ul.sub-menu, .divider, #lang_sel_footer {
		border:0;
	}

	
	/* Menü */
	

	
	header nav#primary-nav ul {
    	margin-top: 80px;
    	font-size: 12px;
	}


	header nav#primary-nav ul li {
	    text-align: center;
	}
	
	header nav#primary-nav ul li:after {
	    border: 0;
	}

	header nav#primary-nav ul li.current-menu-item a:after, 
	header nav#primary-nav ul li.current_page_item a:after {
	    content: "";
	}
	
	header nav#primary-nav ul li a {
		font-weight: normal;
		line-height: 1.5;
	    padding: 4px 40px 4px 40px;
	    text-transform: none;
	    font-family: "Mulish", Helvetica, Arial, sans-serif;
	    color:#1f1f1f;
	}
	
	.header nav#primary-nav ul li.current-menu-item a, 
	header nav#primary-nav ul li.current_page_item a, 
	header nav#primary-nav ul li.current-menu-ancestor a, 
	header nav#primary-nav ul li.current_page_parent a {
		text-decoration: underline;
		
	}
	
	
	/* Content */
	#content-wrapper section.pages,
	#content-wrapper section.homepage, 
	#content-wrapper section.portfolio {
	    width: 100%;
	    max-width:none;
	    margin-left: 0px; 
	}
	
	.portfolio-full-width-grid .sub-section-title {
    	margin-left: 0px;
	}
	
	#section-title {
		width: 100%;
		max-width: none;
		padding-bottom: 0;
	}
	
	#section-title h1 {
		font-size: 31px;
		letter-spacing: 2px;
	    line-height: 1.3;
	    text-align: center;
	}
	
	
	.featured-media-container {
	    max-width: none;
	    width:100%;
	}
	
	.featured-media-container img {
	    max-width: none;
	    width: 100%;
	}
	
	/* Slider */
	
	.es-caption.default p {
    	font-family: Muli, Arial, Helvetica, sans-serif;
	}
	
	/* Grid Gallery */
	.thumb a .thumb-rollover .thumbInfo {
	    font-family: "Mulish", Helvetica, Arial, sans-serif;
	    font-size: 16px;
	    line-height: 16px;
	}
	
	/* Pager */
	#folio-navigation {
	    max-width: 140px;
	    margin-left: 0px; 
	}


	#folio-navigation ul li#closeProject a {
	    margin-left: -48px;
	}

	.portfolio-full-width-grid .portfolio-button  {
		margin-left:0;
	}
	
/*--------------------------------------------------------
	4. Contact Form
--------------------------------------------------------*/		
		
	
	.wpcf7-form {
		max-width: 960px; 
	}
	
	.wpcf7-form__fbox--text {
		margin-bottom: 1.5em;
		overflow: hidden;
	}
	
	.wpcf7-form__fbox--text label {
		float:left;
		padding-right: 1.5em;
		width: 30%;
		clear:left;
	}
	
	.wpcf7-form__fbox--text .note {
		
	}
	
	.wpcf7-form__fbox--text input {
		width: 66%;	
		border: 1px solid #949494;
		padding: .7em 0.5%;
	}
	
	.wpcf7-form__fbox--text textarea {
		width: 99.5%;
		border: 1px solid #949494;
	    font-family: "Mulish", Helvetica, Arial, sans-serif;
	    margin-bottom: 0;
	}
	
	.wpcf7-form__fbox--button input {
		background-color:#1f1f1f;
		padding:0.8em 2em;
		border:0;
		color:#fff;
		text-transform: uppercase;
		letter-spacing: 1px;
	}
	
	.wpcf7-not-valid-tip {
	    color: #f00;
	    font-size: 1em;
	    display: block;
	    margin-left: 32.5%;
	}


	
			
/*--------------------------------------------------------
	Media Queries
--------------------------------------------------------*/

@media screen and ( max-width: 959px) {
	
	#content-wrapper {
	    padding: 50px 10px 50px 10px;
	}
		
	/* Sidebar */
	#header-wrapper header {
		position: relative;
	}
	
	header .mobile-menu-toggle, 
	header nav#primary-nav ul.mobile-navigation li ul.sub-menu, 
	header nav ul.menu li ul.sub-menu, 
	header nav#primary-nav .menu ul li ul.children {
		border: 0;
	}
		
	header .mobile-menu-toggle {
		margin-bottom: 20px;
	}
	
	header nav#primary-nav ul.mobile-navigation li a {
    	padding: 7px 0;
	}
	
	header nav#primary-nav ul.mobile-navigation {
		padding-bottom: 30px;
	}
	
	.thumb a .thumb-rollover .thumbInfo {
		font-size: 13px;
		line-height: 1.4;
	}

}

@media screen and ( max-width: 749px) {
	
	.wpcf7-form__fbox--text label {
		float:none;
		width: 100%;
	}
	
	.wpcf7-form__fbox--text input {
		width: 98%;	
	}

	.wpcf7-form__fbox--text textarea {
		width: 99%;
	}
	
}