/*
Theme Name:     Port  Child Theme
Description:    
Author:         Parobri
Template:       portthemetrust

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


#logo {
  width: 12%!important;
}

body  {
    font-size: 100%;
    font-family: FFNettoWeb;
    color: #fff !important;
    font-weight: normal;
}



h1, h3 {
font-family: SpiffilyNF!important;
-moz-osx-font-smoothing: grayscale!important;

}
/* ****************Schriftfarbe schwarz ****************  */
p{
color: black;
}

#bannerText .main {
  margin-top: -69px!important;
}

.admin-bar #header .top {
    top: 0px;
}

#commentBox {
    display: none;
}

#featuredPages .wrap {
    background-color: transparent;
}

#content .page.small p {
    color: #FEFEFE !important;
}

#featuredPages .small {
    top: 20px !important;
}

.project-icon {
    float: left;
    width: 251px !important;	
    margin-top: 0px !important;	
    
}

.project-icon-person {
    float: left;
    width: 100% !important;
    top: 40px;
    position: relative;
    margin-bottom: 40px !important;		
}

/*Home Seite*/

#homeBanner #bannerText {
  top: 90px!important;
}

#homeBanner #bannerText .main {
  font-family: SpiffilyNF;
-moz-osx-font-smoothing: grayscale!important;
	font-size: 5.5rem!important;
}

#homeBanner #bannerText .secondary {
  font-family: SpiffilyNF;
-moz-osx-font-smoothing: grayscale!important;
  font-size: 2.3125rem!important;
  color: rgb(255, 255, 255);
  margin-bottom: 0px;
  line-height: 1.2em !important;
  position: relative;
  float: left;
  text-align: -moz-right;
  align-content: center;
  padding: 20px;
  /*height: 210px;*/
  width: 1024px;
}

.homeSection .sectionHead .inside {
  text-align: center!important;
}

.homeSection .sectionHead h3 {
font-size: 4rem!important;
color: rgb(107,98,90)!important;
}

div#featuredPages .sectionHead h3 {
color: white!important;
}
div#featuredPages .sectionHead p {
color: white!important;

}

div.sectionHead div.inside p {
 font-family: SpiffilyNF;
-moz-osx-font-smoothing: grayscale!important;
 font-weight: bold;
 line-height: 1.2em ;
 font-size: 1.7em!important;
}

/*Products*/

#content .project.small .title span {
  font-family: SpiffilyNF!important;
-moz-osx-font-smoothing: grayscale!important;
font-size: 1.5rem;
}

#content .project.small .title span {
	border: none!important;	
}

#content #project-93 .inside {
    background-color: #8E634A !important;
}

#content #project-88 .inside {
    background-color: #ED824C !important;
}

#content #project-40 .inside {
    background-color: #dea816 !important;
}

#content #project-36 .inside {
    background-color: #394952 !important;
}

#content #project-31 .inside {
    background-color: #A5B3B6 !important;
}

#content #project-217 .inside {
    background-color: #697277 !important;
}


div#project-93 #content .project.small .inside {
  background-color: red;
}
/*Facts and Figures*/

#featuredPages .wrap {
  background-color: none!important;
}
.post-661 span.title, .post-655 span.title, .post-647 span.title, .post-822 span.title {
font-family: SpiffilyNF;
-moz-osx-font-smoothing: grayscale!important;
font-size: 3.5rem!important;
}

.post-661 p, .post-655 p, .post-647 p, .post-822 p {
font-size: 1.4375rem!important;
}



/* **************** Seite facts & figures ****************  */
#featuredPages {    
    padding: 150px 0px 20px 0px;
}


p.featured_icons {
font-size:1.4375rem!important; 

}
/* **************** Seite Copper ****************  */

.postid-93 div#container  {
  background-color: #8e634a;

}
.postid-93 h5, .postid-93 p { 
    color: white;
}
.postid-93 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
   font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.postid-93 p { 
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;
}
.postid-93 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: #ffffff;
    text-align: center;

   
}

.postid-93 #pageHead, .postid-93 #pageHead .inside,.postid-93 #middle {
background-color: #8e634a;
	border-bottom: none;
}

.postid-93 #content .project {
  background-color: #8e634a;

}

/* **************** Seite Copper prodcts ****************  */

.postid-88 div#container  {
  background-color: #ED824C;

}
.postid-88 h5, .postid-88 p { 
    color: white;
}

.postid-88 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.postid-88 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
     font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.postid-88 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: #ffffff;
    text-align: center;
   
}

.postid-88 #pageHead, .postid-88 #pageHead .inside,.postid-88 #middle {
background-color: #ED824C;
	border-bottom: none;
}

.postid-88 #content .project {
  background-color: #ED824C;

}



/* **************** Seite Copper powder ****************  */

.postid-40 div#container  {
  background-color: #FFF;

}
.postid-40 h5, .postid-40 p { 
    color: rgb(107,98,90)!important;
}

.postid-40 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.postid-40 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
  font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.postid-40 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: rgb(107,98,90)!important;
    text-align: center;
   
}

.postid-40 #pageHead, .postid-40 #pageHead .inside,.postid-40 #middle {
background-color: #FFF;
	border-bottom: none;
}

.postid-40 #content .project {
  background-color: #FFF;

}

/* **************** Seite lead ****************  */


.postid-36 div#container  {
  background-color: #394952;

}
.postid-36 h5, .postid-36 p { 
    color: white;
}

.postid-36 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.postid-36 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
     font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.postid-36 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: #ffffff;
    text-align: center;
   
}

.postid-36 #pageHead, .postid-36 #pageHead .inside,.postid-36 #middle {
background-color: #394952;
	border-bottom: none;
}

.postid-36 #content .project {
  background-color: #394952;

}


/* **************** Seite zinc ****************  */

.postid-31 div#container  {
  background-color: #A5B3B6;

}
.postid-31 h5, .postid-31 p { 
    color: white;
}
.postid-31 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.postid-31 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
     font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.postid-31 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: #ffffff;
    text-align: center;
   
}

.postid-31 #pageHead, .postid-31 #pageHead .inside,.postid-31 #middle {
background-color: #A5B3B6;
	border-bottom: none;
}

.postid-31 #content .project {
  background-color: #A5B3B6;

}

/* **************** Seite steel alloys ****************  */

.postid-217 div#container  {
  background-color: #697277;

}
.postid-217 h5, .postid-217 p { 
    color: white;
}

.postid-217 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.postid-217 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
     font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.postid-217 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: #ffffff;
    text-align: center;
   
}

.postid-217 #pageHead, .postid-217 #pageHead .inside,.postid-217 #middle {
background-color: #697277;
	border-bottom: none;
}

.postid-217 #content .project {
  background-color: #697277;

}

/* **************** Seite history ****************  */
.page-id-324 h1 {
color: rgb(107,98,90)!important;
}
.page-id-324 div#container  {
  background-color: #FFF;

}
.page-id-324 h5, .page-id-324 p { 
   color: rgb(107,98,90)!important;
}
.page-id-324 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.page-id-324 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
    font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.page-id-324 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
   color: rgb(107,98,90)!important;
    text-align: center;
   
}

.page-id-324 #pageHead, .page-id-324 #pageHead .inside,.page-id-324 #middle {
background-color: #FFF;
	border-bottom: none;
}

.page-id-324 #content .project {
  background-color: #FFF;

}

/* **************** Seite montanwerke ****************  */

.page-id-509 div#container  {
  background-color: #FFF;

}
.page-id-509 h5, .page-id-509 p { 
    color: rgb(107,98,90)!important;
}

.page-id-509 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.page-id-509 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
     font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}
.page-id-509 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: rgb(107,98,90)!important;
    text-align: center;
   
}

.page-id-509 #pageHead, .page-id-509 #pageHead .inside,.page-id-509 #middle {
background-color: #FFF;
	border-bottom: none;
}

.page-id-509 #content .project {
  background-color: #FFF;

}

/* **************** Seite gindre ****************  */

.page-id-521 div#container  {
  background-color: #FFF;

}
.page-id-521 h5, .page-id-521 p { 
   color: rgb(107,98,90)!important;
}
.page-id-521 h5 { 
   font-family: SpiffilyNF!important; 
-moz-osx-font-smoothing: grayscale!important;
   text-align: center;
     font-size:2.3125rem;
   margin-top: 68px!important;
   margin-bottom: 68px!important;
}

.page-id-521 p {
   font-size:1.4375rem!important;
   line-height: 1.875rem!important;

}
.page-id-521 #pageHead h1 {
    font-size: 4em;
    line-height: 0.7em;
    color: rgb(107,98,90)!important;
    text-align: center;
   
}

.page-id-521 #pageHead, .page-id-521 #pageHead .inside,.page-id-521 #middle {
background-color: #FFF;
	border-bottom: none;
}

.page-id-521 #content .project {
  background-color: #FFF;

}

/* **************** Seite contact ****************  */

body.page-id-599 div#container, body.page-id-599 div#container div#middle, body.page-id-599 div#container div#pageHead {
background-color: #8e634a!important;

}

body.page-id-599 div#container div#pageHead div.inside {
text-align: center!important;
border-bottom: none!important;

}

body.page-id-599 div#container div#pageHead div.inside h1 {
color: white!important;
font-size: 4rem!important;

}
body.page-id-599 input[type="submit"] {
  background-color: #ED824C!important;
font-family: FFNettoWeb!important;


}

span.wpcf7-not-valid-tip {
  color: #fff!important;
}

.wpcf7 p {
color: white!important;
font-size:1.4375rem!important;
font-family: FFNettoWeb!important;
}

/* **************** Footer ****************  */

#footer  p.footer {
  font-size: 1em!important;
color:  rgb(107,98,90)!important;	
}

a.tel {
  font-size: 1em!important;
  color:  white!important;
  font-family: FFNettoWeb!important;
  font-weight: normal!important;
}

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


@media only screen and (max-width: 1024px) {
	#homeBanner #bannerText .secondary {
  		width: auto;
	}

	#homeBanner #bannerText {
    		display: block;
	}
.postid-93 p, .page-id-324 p, .postid-88 p, .postid-40 p, .postid-36 p, .postid-31 p, .postid-217 p, .page-id-509 p, .page-id-521 p {
    font-size: 1rem !important;
    line-height: 1.3rem !important;
}
}




@media only screen and (max-width: 700px) {
	div.projectNav {
	display: none!important;
}
}



@media only screen and (max-width: 1000px) {
post-655 span.title {
 
  font-size: 2.5rem!important;
}}


/* **************** Tablet ****************  */


@media only screen and (min-width: 737px) and (max-width: 1024px) {

#homeBanner #bannerText .secondary {
  		width: auto;
	}

	#homeBanner #bannerText {
    		display: block;
	}

       #header #logo img {
             margin: 0px;
             max-width: 171px !important;
             width: 171px !important;
       }

 #logo {
    width: 12% !important;
    padding-left: 2%;
 }

#header #homeBanner #bannerText .main {
    font-size: 4.5em !important;
    margin-top: -230px !important;
}

#homeBanner #bannerText .main {
    font-size: 1.3rem !important;
}

#homeBanner #bannerText .secondary {
    font-size: 1.3rem!important;
    top: -20px;
    text-align: center !important;
}

#homeBanner #bannerText .secondary {
    padding: 5px;
}

#content h5, div.sectionHead div.inside p {
    font-size: 1.3rem  !important;
    line-height: 1.2em  !important;
  
}

#pageHead h1, .homeSection .sectionHead h3, .homeSection span.title {
    font-size: 2.8rem  !important;
    line-height: 1.2em  !important;
}

#pageHead {
    margin-bottom: 0px;
}

}

/*iPad in portrait*/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
 
.homeSection span.title {
    font-size: 2.0rem  !important;
    line-height: 1.2em  !important;
} 

}



/* **************** Mobile ****************  */




@media only screen and (max-width: 736px) {
 #logo {
    width: 12% !important;
    padding-left: 2%;
 }

       #header #logo img {
             margin: 0px;
             max-width: 171px !important;
             width: 171px !important;
       }

#header #homeBanner #bannerText .main {
    font-size: 2.1em;
    margin-top: -330px !important;
}

#homeBanner #bannerText .main {
    font-family: SpiffilyNF;
    font-size: 2.8rem !important;
}

#homeBanner #bannerText .secondary {
    font-size: 1.2em !important;
    line-height: 1.3em !important;
    top: -20px;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0px;
padding-right: 0px;
text-align: center !important;
}

#homeBanner #bannerText .secondary {
    padding: 5px;
}

#homeBanner {
    height: 600px !important;
}

#content h5, div.sectionHead div.inside p {
    font-size: 1.2rem  !important;
    line-height: 1.3em  !important;
 
}

#pageHead h1, .homeSection .sectionHead h3, .homeSection span.title {
    font-size: 2.5rem  !important;
    line-height: 1.2em  !important;
}

#featuredPages .page p {
    font-size: 1.0em !important;
}

#pageHead {
    margin-bottom: 0px;
}

.postid-93 h5, .postid-88 h5, .postid-40 h5, .postid-36 h5, .postid-31 h5, .postid-217 h5, .page-id-324 h5, .page-id-509 h5, .page-id-521 h5 {
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}

}

@media only screen and (max-width: 456px) {

input[type="email"], input[type="text"], input[type="password"], textarea {
    width: 190px;
}
}

@media only screen and (min-width: 456px) and (max-width: 736px) {

input[type="email"], input[type="text"], input[type="password"], textarea {
    width: 340px;
}

}



/* min-width 1025px and max-width 1118px*/
@media only screen and (min-width: 1025px) and (max-width: 1118px) {
#homeBanner #bannerText .secondary {
    width: auto;
}}

@media only screen and (max-width: 456px) {

input[type="email"], input[type="text"], input[type="password"], textarea {
    width: 190px;
}
}

@media only screen and (min-width: 456px) and (max-width: 736px) {

input[type="email"], input[type="text"], input[type="password"], textarea {
    width: 340px;
}

}