/* 

	Theme Name: Orio Child
	Theme URI: http://www.spab-rice.com/themes
	Description: Orio child Theme. 
	Version: 1.0
	Author: Spab Rice 
	Author URI: http://www.spab-rice.com 
	Tags: portfolio
	Template:    orio
	Text Domain:  orio-child
	
*/

/* -----------------------------------
	CHILD CSS
------------------------------------- */


/* 

	Theme Name: Orio Child
	Theme URI: http://www.spab-rice.com/themes
	Description: Orio child Theme. 
	Version: 1.0
	Author: Spab Rice 
	Author URI: http://www.spab-rice.com 
	Tags: portfolio
	Template:    orio
	Text Domain:  orio-child
	
*/

/* -----------------------------------
	CHILD CSS
------------------------------------- */

/* FONTS */

@font-face {
    font-family: 'roc-grotesk-condensed-600';
    src: url('https://nellyschmerber.me/wp-content/uploads/fonts/FONTSPRINGDEMO-RocGroteskCondensedBold.woff2') format('woff2'),
        url('https://nellyschmerber.me/wp-content/uploads/fonts/FONTSPRINGDEMO-RocGroteskCondensedBold.woff') format('woff'),
		url('https://nellyschmerber.me/wp-content/uploads/fonts/Fontspring-DEMO-rocgroteskcond-bold.otf') format('opentype');
}

@font-face {
    font-family: 'roc-grotesk-condensed-300';
    src: url('https://nellyschmerber.me/wp-content/uploads/fonts/FONTSPRINGDEMO-RocGroteskCondensedLight.woff2') format('woff2'),
        url('https://nellyschmerber.me/wp-content/uploads/fonts/FONTSPRINGDEMO-RocGroteskCondensedLight.woff') format('woff'),
		url('https://nellyschmerber.me/wp-content/uploads/fonts/Fontspring-DEMO-rocgroteskcond-light.otf') format('opentype');
}

@font-face {
    font-family: 'aktiv-grotesk-400';
    src: url('https://nellyschmerber.me/wp-content/uploads/fonts/AktivGroteskCorp-Regular.woff2') format('woff2'),
        url('https://nellyschmerber.me/wp-content/uploads/fonts/AktivGroteskCorp-Regular.woff') format('woff'),
		url('https://nellyschmerber.me/wp-content/uploads/fonts/AktivGroteskCorp-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'aktiv-grotesk-300';
    src: url('https://nellyschmerber.me/wp-content/uploads/fonts/AktivGroteskCorp-Light.woff2') format('woff2'),
        url('https://nellyschmerber.me/wp-content/uploads/fonts/AktivGroteskCorp-Light.woff') format('woff'),
		url('https://nellyschmerber.me/wp-content/uploads/fonts/AktivGroteskCorp-Light.ttf') format('truetype');
}

input[type=text], input[type=password], input[type=email], input[type=number], input[type=tel], textarea, select, .select2-container .select2-selection--single .select2-selection__rendered {
	font-family: aktiv-grotesk-300, sans-serif !important;
	font-weight:300 !important;
}

.widget-title {
	font-family: aktiv-grotesk-300, sans-serif !important;
	font-weight:300 !important;
}

.title-alt {
	font-family: aktiv-grotesk-300, sans-serif !important;
	font-weight:300 !important;
	font-size:34px !important;
}


/* HEADER */

#header .header-inner {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

#header.sticky + #hero-and-body #hero:not(.hero-fullscreen) {
	    margin-top: calc(0px + 120px + 35px) !important;
}

#logo {
	padding-top: 20px !important;
    padding-bottom: 20px !important;
}


p {
	font-family: aktiv-grotesk-300, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #000000;	
	letter-spacing:0.04em;

}

.overlap {
	margin-top: -50px;
}

#overlap {
	margin-top: -50px;
}


#header .header-inner .clearfix {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

#content-hidden {
	visibility:hidden !important;
}

.menu-toggle {
	margin-top: 6px !important;
}

.three-fourth {
    width: calc(73% - 6.25px) !important;
}

.toggle-title  {
	width: 49% !important;
    margin-right: 20px !important;
    display: inline-flex !important;
}

.toggle-name {
	transition: all 300ms ease;
  	border-bottom: 3px solid transparent;
	margin-bottom: 25px !important;
}

.toggle-name :hover {
  	border-bottom: 3px solid #00ffb1 !important;
	line-height: 0px !important;
	padding-bottom: 0px !important;
}

/*.toggle-title :hover {
	color: #00ffb1;
}*/


h5 {
	font-family: roc-grotesk-condensed-300, sans-serif !important;
	font-size: 75px !important;
	line-height:85px !important;
	color: #2d2d2d !important;
}

.toggle-active {
	color: #00ffb1;
}

.next :hover {
	color: #00ffb1 !important;
}

.prev :hover {
	color: #00ffb1 !important;
}

body {
    font-family: aktiv-grotesk-300, sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
	font-size: 17px !important;
	line-height: 20px !important;
}

.footer-rechts {
	text-align:right !important;
}

.home-header {
	margin-top: -250px !important;
}

/*** Markierungsfarbe ändern***/
::-moz-selection {
background-color: #00ffb1;
color: #000000;
}
::selection {
background-color: #00ffb1;
color: #000000;
}

.button {
	background-color: #ffffff !important;
}


input[type=submit], input[type=button], .button, button {
	background: none !important;
	font-size: 18px !important;
    border: solid 3px #00f2a1 !important;
    color: #00f2a1 !important;
    padding-top: 17px !important;
    margin-top: 10px !important;
}

input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover { 
	background: #00f2a1 !important; 
	color: #ffffff !important;
}

.sr-button.button-big {
	font-size: 20px !important;
}

.sr-button.style-2 {
    border: solid 3px #00f2a1 !important;
    color: #00f2a1 !important;
	background: none !important;
}

.floating-d {
	margin-top: -30% !important;
	margin-left: 40px;
	position:absolute !important;
	z-index: 2 !important;
	width: 60% !important;
}

.floating-m {
	margin-top: -150% !important;
	margin-left: 30px;
	position:absolute !important;
	z-index: 2 !important;
	width: 70% !important;
}

.portfolio-container .portfolio-name {
    font-family: roc-grotesk-condensed-300 !important;
    font-weight: 300;
    letter-spacing: 0.02em;
    text-transform: none;
    font-size: 30px !important;
}


/* --------------------   RESPONSIVE  ---------------------- */



#content-desktop {display: block;}
#content-mobile {display: none;}
.content-tablet {display: none;}
.content-mobileportrait {display: none;}

@media screen and (max-width: 1024px) {
	
	p {font-size: 18px; line-height: 25px;}
	
	#content-desktop {display: none;}
	#content-mobile {display: none;}
	.content-tablet {display: block;}
	.content-mobileportrait {display: none;}
	
	.menu-toggle {
        display: none !important;}
	
	nav#main-nav ul {
		text-align: right !important;
	}
	
}

@media only screen and (max-width: 1024px) {
	
	.menu-toggle {
        display: none !important;}
	
    .menu-actions {
        float: right !important;
    }
	
}

@media screen and (max-width: 768px) {
	
	p {font-size: 18px; line-height: 25px;}

	#content-desktop {display: none;}
	#content-mobile {display: block;}
	.content-tablet {display: none;}
	.content-mobileportrait {display: none;}

	.footer-links {text-align:center !important;}
	.footer-rechts {text-align:center !important;}

}

@media screen and (max-width: 480px) {
	
	p {font-size: 16px; line-height: 24px;}
	
	#content-desktop {display: none;}
	#content-mobile {display: block;}
	.content-tablet {display: none;}
	.content-mobileportrait {display: none;}
	
}