/*
 Theme Name:   Port Theme Child Campus
 Description:  Mein Child Theme
 Author:       Bei Galfe
 Author URI:   http://bei-galfes.com
 Template:     portthemetrust
 Version:      1.0
 Text Domain:  portthemetrust-child
*/


#homeContent .inside {padding:0px !important;padding-bottom:12.5%}


.fullwidth {max-height:500px; width:100%;}
div.meteor-slides {margin:0 auto;}
p, h1 {text-align:center;}

/* Kontakt */
.one_half img {width:10vw;}
.customelement_layout_team {background:rgba(143, 137, 130, 0.4) none repeat scroll 0 0; position:absolute;left:7.6vw;top:0px;opacity:0;width:10vw;height:10vw;transition:all 0.3s ease 0s; overflow:hidden}
.customelement_layout_team:hover {opacity:1}
.one_half {margin-bottom:30px;}
.one_half p {text-align:center; margin:0;}
.one_half img {margin:0 auto;}
.fullLink {height:100%;width:10vw;position:absolute;left:0;top:0;}
.mailIcon {position:absolute;margin: auto; left:calc(50% - 30px); width:50px !important; top:45%}
.allBtn {display:none !important;}
.team {background:rgba(106,106,106,0.5);color:white;width:10vw;margin:0 auto !important;position:relative}
.backgroundGrey {background:#f1f0f0;text-align:center; color:#000; padding:20px 0;}

/*Geburstagsseite */
h1.introText {color:#6a6a6a}
.countdown {display:flex;justify-content:space-between;flex-wrap:wrap}
.square {border:2px solid #f1f0f0;position: relative;width:calc(16.6% - 4px);font-size:1.2em;margin:4.16%}
.square div {position:absolute;width:100%;height: 100%;display: flex;flex-direction: column;justify-content: center;text-align:center;}
.square:after {content: "";display: block;padding-bottom: 100%;}
.square span {display:block;font-size:3em;font-weight:bold;margin-top:0.5em}
.custom-shadow {position:relative}

.custom-shadow a:after {content: '\A'; position: absolute; width: 90%; height:100%; top:0; left:5%; background:rgba(0,0,0,0.2); opacity: 0;}
.custom-shadow a:hover:after {opacity: 1;}

/* Allgemein */
#mainNav div ul li:first-child:after {content:" (ZUM BLOG)"; color:rgba(255,255,255,.5);}
#pageHead .inside {padding:0px !important;}
.gallery img {margin:0 auto;}
.single-project .projectNav {display:none !important}
.gallery-item img {height:auto;}
#header .top {top:0px !important; position:relative;max-width:62.5em; padding:0px; margin:0 auto;width:calc(100% - 20px)}
#header .top .inside {padding: 20px 0;}
#header #logo img {margin:0;}
#header .top.solid, #header .top, .has-banner #header .top.solid {background:rgb(255,255,255,0.0) !important}
#homeBanner {opacity:0.9}
#logo {width:30%; min-width:200px;}
#slideNav {padding-top:140px;}
#slideNav #mainNav li {font-size:20px !important;}
#homeContent.homeSection {padding:0px !important;}
#pageHead .inside {border-bottom:none}
#content {overflow:hidden;}
.menuToggle {right:0px;}
#scrollUp:hover {color:#1d1d1b;}
#footer .secondary .left {float:left;text-align:left}
#footer .secondary .right {float:right; font-size:0.8em;}
#homeContent {margin-top:0px;}
#homeContent.homeSection .inside {background:#fff}
#containerLogos {margin:12.5% auto; display:inline-block;}
/*.page-id-1033 h1, h2, h3, h4, h5, h6, .page-id-1033 p, .post-1037 p, .post-78 h1, h2, h3, h4, h5, h6, .post-78 p{text-align:left; text-transform:lowercase}*/
body.home .parallax {background-image:url("/wp-content/uploads/sites/3/2019/11/paralax-bild.jpg")}
.parallax {background-image:url("/wp-content/uploads/sites/3/2019/11/paralax-bild.jpg")}
#projects {margin-top:0}

.page-template-page-portfolio #middle {display:flex;flex-wrap:wrap}

 .valentinstagTel, .valentinstagSchreibUns {border:2px solid #fff; display:block;margin:0 auto; width:25%; text-align:center; top:140px; padding:20px 0;position:relative; color:#fff;background:rgba(106,106,106,0.3)}
 
 /* CLICK & MEET FORM */
#FSContact4 #fscf_div_field4_0 label, #FSContact4 #fscf_div_field4_1 label, #FSContact4 #fscf_div_field4_3 label, #FSContact4 #fscf_field4_7 label {text-transform:lowercase}

#FSContact4 select {-webkit-appearance: none;padding:15px;width:40%;background:#f7f7f7;border:1px solid rgba(0,0,0,.05);border-bottom:2px solid rgba(0,0,0,.1);border-radius:0;color:#6a6a6a;font-size:.9em}
#FSContact4 input {text-align:center}
#FSContact4 select:focus {border-color:rgba(0,0,0,.1)}

#FSContact4 #fscf_field4_6 {margin-right:2.5%}
#FSContact4 #fscf_field4_6m {margin-left:2.5%}

#FSContact4 #fscf_field4_9 , #FSContact4 #fscf_field4_10{width:calc(100%)}
#FSContact4 textarea {width:calc(100% - 30px)}

#fscf_redirect4 {margin-top:2.5%}

@media screen and (max-width: 1000px) {
.response { width:50vw; height:50vw;}	
#gallery-1 .gallery-item:first-child img {width:50vw; height:50vw;}
#gallery-1 .gallery-item img {width:30vw; height:30vw;}
.one_half img {width:20vw !important}
.mailIcon {width:50px !important}
.customelement_layout_team {width:20vw !important; left:13.5vw;}
.team {width:20vw !important}
.project.small .inside {height:20vw !important; width:20vw !important; }
#content .project.small img, .isotope-item img { height:20vw !important; width:20vw !important}	
.titleNew {width:calc(20vw - 20px);}
.border {max-width:none;}
}

@media only screen and (max-width: 735px) {
	.one_half img {width:40vw !important}
	.customelement_layout_team {width:40vw !important; left:28.5vw;}
	.team {width:40vw !important}
	.project.small .inside {height:40vw !important; width:40vw !important; }
	#content .project.small img, .isotope-item img { height:40vw !important; width:40vw !important}	
	.titleNew {width:calc(40vw - 20px);}
	.fscf-button-submit {width:calc(40vw - 20px);}
	.square {width:calc(41% - 4px);}
	.square span {margin-top:0}
	

}
@media only screen and (max-width: 700px) {
	#footer .secondary .right {width:100%;margin-top:2em}
	#footer .secondary .right img {margin:0 auto;display:block;}
	#footer .secondary .left {width:100%;text-align:center;}	
}
/* iPhone Portrait */
@media screen and (max-width: 480px) {
.fscf-div-label {top:0px;}
#logo {max-width:50%;}
.one_half {margin-bottom:100px}
.parallax {min-heigth:150px !important;max-height:250px !important;}
.fscf-div-field-left {display:block;}
.customelement_layout_team {top:0px;}
.fscf-div-field, .fscf-div-label, .fscf-input-captcha {width:100%;}
.fscf-input-text {width:calc(100% - 35px)}
.fscf-button-submit {width:calc(100% - 35px) !important; left:0px !important;}
.gallery-item img {width:100%;}
.response { width:85vw; height:85vw;}
#slideNav {padding-top:70px;}
#gallery-1 .gallery-item:first-child img {width:90vw; height:90vw;}
#gallery-1 .gallery-item img {width:70vw; height:70vw;}
.project.small .inside {height:38vw !important; width:38vw !important; }
.titleNew {width:calc(38vw - 20px);min-heigth:95px !important}
#content .project.small img, .isotope-item img { height:38vw !important; width:38vw !important}
.one_half img {width:38vw !important}
.customelement_layout_team {width:38vw !important; left:28.5vw;}
.team {width:38vw !important}
.titleNew {height:95px;}


}