/*
 grey #989898;
 orange #fe0000;
*/
*{
  margin:0px;padding:0px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html{height:100%; }

body{
  font-family: 'Open Sans', sans-serif;
  text-align:center;
  color:#444444;
  font-size:17px;
}

ul,ol{margin-left:10px;margin-bottom:10px;}
li{margin-left:10px;}

h1{
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
  text-transform:none;
  font-size:65px;
  margin-bottom:0px;
}

.outerBannerContent h1{
  text-align:center;
}

h2{
  font-size:32px;
  font-weight:bold;
  font-family:arial, sans-serif;
  margin-bottom:15px;
}
h3{
  font-size:29px;
  font-weight:bold;
  margin-bottom:10px;
  font-weight:normal;
}

h4{
  font-size:19px;
  text-transform:uppercase;

  margin-bottom:15px;
}
h5{
  font-family: 'Open Sans', sans-serif;
  margin-bottom:5px;
  font-size:15px;
  text-transform:uppercase;
}
p{margin-bottom:13px;}

.pageOuter{
  width:100%;
}
.pageOuterGrey{
  background:#e4e4e4;
}
.pageInner{
  margin-left:auto;
  margin-right:auto;
  width:1170px;
  text-align:left;
}
.pageInner a{
  color:#414141;
}
  .pageInner a:hover{color:#908e8e;}

.contentPad{
  padding-top:65px;
  padding-bottom:80px;
}

.pageHalfLeft{
  padding:0px 60px 60px 0px;
  width:50%;
  float:left;
}
.pageHalfRight{
  float:left;
  width:50%;


}

.sidemenu{
  margin:0px;
  margin-bottom:30px;
  padding:0px;
  list-style:disc;
}
  .sidemenu li{float:left;margin-left:15px;}
  .sidemenu li a{padding-right:30px;}
  .sidemenu li a.selected{font-weight:bold;}

/* --------------------- Header -------------------- */
.headerOuter{
  background:#fff;
  
}
  .headerOuter .pageInner{
    text-align:center;
  }

  .headerOuter .logo{

     display:inline-block;

  }
    .headerOuter .logo img{
      width:auto;
      height:auto;
      -webkit-transition: all 2s; /* Safari */
      transition: all 2s;
      width:462px;
      height:auto;
    }

  .logo{
    margin-top:45px;
    margin-bottom:10px;

  }
  .headerContent{
    float:right;
    margin-top:20px;

    color:#000;
    text-align:right;
  }

  .headerContent a{color:#000;text-decoration:none;}

  .stickied .headerContent{
    margin-top:5px;
  }

  .stickied{
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
    z-index: 19999;
    box-shadow:5px 5px 5px #000000aa;
  }
  .stickied .menuContainer{
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .stickied .logo{margin-top:5px;}
  .stickied .logo img {
    width: auto;
    margin-top:10px;
    max-width:300px;
    height:65px;
    max-height:65px;

  }
/* --------------------- /Header -------------------- */


/* --------------------- Banner -------------------- */

.bannerSmoke {
  background: rgba(0,0,0,0.5);
  background: rgba(0,0,0,0.40);
}

  .outerBannerHome .bannerSmoke{

  }

.bannerInner{
  width:100%;
  height:100%;
  display:block;
  background:rgba(255,255,255,0.65);
}

  .outerBannerHome{
    height:60vw;
    min-height:330px;
    max-height:900px;
    /*background:url(../images/demo-header.jpg) top center no-repeat #191919;*/
    background-color:#ffffff;
    background-size:100% 275px;
    background-size:100% auto;
    /*background-size:100% auto;*/
    background-position:top center;
    background-repeat:no-repeat;
  }
  .outerBannerHome h1{
    font-weight:bold;
    text-shadow:1px 1px 4px #4c4d4d;
    font-size:80px;
    color:#ffffff;
    text-transform:uppercase;
  }
  .outerBannerHome h2{
    font-weight:normal;
    margin-top:15px;
    color:#ffffff;
  }

  .outerBannerHome .pageInner{
    padding-top:50px;

    padding-top:1vw;
    padding-bottom:1vw;
    color:#000000;
    /*text-shadow:1px 1px #000000;*/
    text-align:center;
    font-size:25px;
  }
  .outerBannerHome .pageInner ul{text-shadow:none;}

.outerBannerContent{
  max-height:500px;
  height:30vw;
  background:center center no-repeat #b2b2b2;
  background-size:cover;
}

  .outerBannerContent .pageInner{
    padding-top:5vw;
    padding-bottom:5vw;
    text-align:left;
    font-size:25px;
  }
  .outerBannerContent h1{
    color:#ffffff;
    text-transform:uppercase;
    text-shadow:1px 1px 4px #4c4d4d;
    font-size:90px;
    
  }
  
.outerBannerSculpture{
  height:50vw;
  max-height:700px;
  background:center center no-repeat #b2b2b2;
  background-size:cover;
  background-size:100% auto;
  background-position:top center;
}

  .outerBannerSculpture .pageInner{
    padding-top:5vw;
    padding-bottom:5vw;
    font-size:25px;
    text-align:center;
  }

  .outerBannerSculpture h1{
    color:#ffffff;
    text-shadow:1px 1px 4px #4c4d4d;
    text-transform:uppercase;
    font-size:70px;
  }
  
  .outerBannerSculpture h1,
  .outerBannerSculpture h2,
  .outerBannerSculpture h3,
  .outerBannerSculpture h4{
    color:#ffffff;
    text-shadow:1px 1px 4px #4c4d4d;
  }
/* --------------------- /Banner -------------------- */

/* --------------------- /Home -------------------- */
.contentBox{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;

  align-items: center;
  width: 100%;
  padding:40px;
  border:1px solid #444444;
}
.contentBoxLeft{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  max-width: 25%;
  padding:40px 40px 40px 0px;
  text-align:center;
}
.contentBoxRight{
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  max-width: 75%;
  border-left:1px solid #444444;
  padding:30px 70px;
  text-align:left;
}
/* --------------------- /Home -------------------- */

/* --------------------- Content -------------------- */
  .pageContentLeft{
    float:left;
    width:850px;
    padding-right:50px;
    padding-left:15px;
  }
  .pageContentRight{
    float:left;
    width:311px;
  }

  .page50Left,
  .content50Left{
    float:left;
    width:50%;
    padding-right:50px;
  }
    .page50Left img,.content50Left img{max-width:100%;height:auto;}
  .page50Right,.content50Right{
    float:left;
    width:50%;
  }
    .page50Right img,.content50Right img{max-width:100%;height:auto;}

  .page20Left{
    float:left;
    width:20%;
    margin-bottom:20px;
    text-align:center;
  }
    .page20Left img{
      width:100%;
      height:auto;
    }
  .page80Right{
    float:left;
    width:77%;
    margin-left:2%;
    margin-bottom:20px;
  }

  .page30Left{
    float:left;
    width:30%;
  }
    .page30Left img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
  .page70Right{
    float:left;
    width:67%;
    margin-left:2%;
    margin-bottom:20px;
  }


  .page70Left{
    float:left;
    width:70%;
    padding-right:20px;
  }
  .page30Right{
    float:left;
    width:30%;
  }
    .page30Right img{
      width:100%;
      height:auto;
      padding-bottom:20px;
    }
/* --------------------- /Content -------------------- */

  /* ------------- Sculptures ------------- */
  .sContent{
    margin-top:3%;
    width:100%;
    padding:3.5%;
    background:#fff;
  }
  .sParent{
    position:relative;
  }
  .sLeft{
    float:left;
    padding:40px;
    padding:3.5%;
    background:#fff;
    width:68%;
    margin-right:3%;
  }
    .sLeft img{
      width:100%;
      height:auto;
    }
  .sRight{
    padding-top:40px;
    padding-top:3.5%;
    background:#fff;
    height: 100%;
    width: 29%;
    position: absolute;
    right: 0;
    top: 0;
  }
  
  .sRightImageContainer{
    background:#fff;
    height:33%;
    padding-left:13%;
    padding-right:13%;
    padding-bottom:13%;
  }
  .sRightImage{
    display:block;
    height:100%;
    width:100%;
    background:url(/themes/pnsculpturetrust/images/blank.png) #fff;
    background-size:cover;
    background-position:center center;
  }
  .galleryLink{
    display:block;
    width:100%;
    height:100%;
  }

  .sArtist{
    padding:3%;
    background:#fff;
    margin-top:3%;
  }
  .sArtistLeft{
    float:left;
    width:25%;
    padding-right:3%;
  }
    .sArtistLeft img{width:100%;height:auto;}
  .sArtistRight{
    float:left;
    width:75%;
    text-align:left;
  }
  
  .sMap{
    padding:3%;
    background:#fff;
    margin-top:3%;
  }
  .sMapLeft{
    float:left;
    width:50%;
    padding-right:3%;
  }
    .sMapLeft img{width:100%;height:auto;}
  .sMapRight{
    float:left;
    width:50%;
    text-align:left;
  }
  /* ------------- /Sculptures ------------- */
  
/* --------------------- Gallery -------------------- */
.thumb_class{
  float:left;
  padding:2px;
  border:1px solid #aaaaaa;
  margin-top:10px;
  margin-left:10px;
  margin-left:1%;
  width:19%;
  vertical-align:middle;
  background-color:#ffffff;
}
.thumb_class a{
  line-height:150px;
  width:150px;
  width:100%;
  vertical-align:middle;
}
.thumb_class a:active,.thumb_class a:visited{
  color:inherit;
}
.thumb_class a img{
  width:100%;
  height:auto;
  vertical-align:middle;
}
/* --------------------- /Gallery -------------------- */


/* --------------------- Quicklinks -------------------- */
  .sculptureCellsOuter{
    padding:80px 0px;
  }
  .sculptureCellsOuter .pageInner{
    text-align:center;
  }
  .sculturesContainer{
    padding-top:40px;
    
  }
  .sculptureCell{
    position:relative;
    width:31%;
    margin-right:1%;
    margin-left:1%;
    margin-bottom:25px;
    float:left;
    text-align:center;
    font-size:13px;

  }

  .sculptureImage{
    display:block;
    /*
    border-radius:6px;
    */
    background-size:cover;
  }
  .sculptureImage img{
    width:100%;
    height:100%;
  }
/*
  .sculptureImageOverlay:hover{
    border-radius:inherit;
    background:rgba(0,0,0,0.45);

    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  }
*/

  .sculptureImage .sculptureHover{
   position:absolute;
   bottom: 0;
   left: 0;
   right: 0;
   width:100%;
   height:0;
   background:rgba(0,0,0,0.45);
   color:#fff;
   text-transform:uppercase;
   font-size:24px;
   font-weight:bold;
   transition: .5s ease;
  }
  
  .sculptureImage:hover .sculptureHover{
   display:block;
   height:100%;
  }
  .viewMore{
    display:block;
    font-weight:normal;
    font-size:18px;
  }
  .sculptureCellsOuterHome .sculptureCellHeading{

  }

/* --------------------- /Quicklinks -------------------- */


/* --------------------- Forms -------------------- */

  form input{
    margin-bottom:1px;
  }
  form input[type="text"],
	form input[type="password"]{
    float:left;
    width:100%;
    background:#dfdfdf;
    border:0px;
    padding-left:20px;
    margin:0px;
    margin-bottom:1px;
    line-height:44px;
    color:#0d2b42;
  }

  form input[type="text"].textFullWidth{
    width:100%;
  }

form select{
	width:100%;
	background:#dfdfdf;
	border:0px;
	padding:10px 15px;
	margin:0px;
	margin-bottom:1px;
	line-height:44px;
	color:#0d2b42;
}
  form textarea{
    width:100%;
    background:#dfdfdf;
    border:0px;
    margin-bottom:10px;
    padding-left:20px;
    line-height:44px;
    color:#363636;
    font-family:'Open Sans';
    font-size:13px;
  }
  .formHalf{
    width:50%;
  }

  form input[type="submit"]{
    background:#dfdfdf;
    color:#363636;
    padding:15px 25px;
    border:2px solid #ffffff;
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
   }
   form input[type="submit"]:hover{
		background:#363636;
		color:#ffffff;
   }

/* --------------------- /Forms -------------------- */

/* --------------------- Call to Action -------------------- */
.callToAction{
  background:#dfdfdf;
  padding-top:50px;
  padding-bottom:50px;
  color:#ffffff;

}
  .callToAction .pageInner{
    text-align:center;
  }
  .callToAction .pageInner > p,
  .callToAction .pageInner > p > span{
    padding:0px 15px;
    font-weight:bold;
    color:#000000;
    vertical-align:middle;
  }

  .callToAction h2{
    font-size:29px;
  }
  .callToAction  strong,
  .callToAction h3{

    font-size:21px;
    text-shadow: 1px 1px #767673;
    display:inline-block;
    font-weight:bold;
    margin:0px;
    vertical-align:middle;
  }
/* --------------------- /Call to Action -------------------- */

/* --------------------- Sponsors -------------------- */
.sponsorsOuter{
  background:url(/themes/pnsculpturetrust/images/bg_sponsors.jpg);
  background-size:cover;
  
}
.sponsorsOuter .pageInner{
  text-align:center;
  color:#fff;
  font-size:20px;
}
.bgSmoke{
  width:100%;
  height:100%;
  background:rgba(68,68,68,0.90);
}
.sponsors {
  padding-top:60px;
  padding-bottom:20px;
  width:100%;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-width: 33%;
  -moz-column-width: 33%;
  column-width: 33%;
  text-align:center;
}

/* --------------------- /Sponsors -------------------- */

/* --------------------- Footer -------------------- */
.pageOuterSc{
  font-size:19px;
  padding:35px 0px;
  text-transform:uppercase;
  line-height:42px;

}


  .footerOuter{
    background:#343434;
    padding-top:30px;
    padding-bottom:30px;
    font-size:14px;
    line-height:22px;
    color:#ffffff;
  }
    .footerOuter a{color:#ffffff;text-decoration:none;}
    .footerOuter ul.sysmenulist li a{color:#000000;padding-left:15px;}

    .footerOuter h3{
      font-size:14px;
      color:#000000;
      text-transform:uppercase;
      margin-bottom:15px;
      font-family:'Open Sans';
      font-weight:bold;
    }
    .footerOuter ul{
      list-style:none;
    }
    .footerOuter ul li{
      margin:0px;
      padding:0px 5px;
    }

    .footerLeft{
      float:left;
      width:50%;
    }
    .footerLeft a{color:#ffffff;text-decoration:none;}

      .footerLogo{
        display:block;
        width:174px;
        margin-top:140px;
      }
        .footerLogo img{
          width:100%;
          height:auto;
        }

    .footerRight{
      float:right;
      text-align:right;
      width:50%;
    }
    .footerRight ul{float:right;}


.websiteBy{
  background:#000;
  text-align:center;
  padding:73px 0px;
}
  .websiteBy .pageInner{
    font-size:12px;
    color:#444444;
    text-align:center;
  }
  .websiteBy .pageInner a{
    color:#444444;
    text-transform:none;
    text-decoration:none;
  }

/* --------------------- /Footer -------------------- */

.icon_phone{
  padding-left:20px;
  padding-right:10px;
  background:url(/templates/themes/default/images/icon_phone.png) center left no-repeat;
}

.icon_email{
  padding-left:20px;
  padding-right:10px;
  background:url(/templates/themes/default/images/icon_email.png) center left no-repeat;
}


.button{
  background:#231f20;
  color:#ffffff !important;
  text-decoration:none;
  text-transform:none;
  display:inline-block;
  padding:10px 20px;
  text-shadow:1px 1px #0a0a0b;
  margin-right:15px;
  font-weight:bold;
  font-size:18px;
  box-shadow:10px 10px 15px rgba(0,0,0,0.50);
}
.button:hover{background:#c1c1c1;}

  .callToAction .button{
    background:#231f20;
    box-shadow:10px 10px 15px rgba(0,0,0,0.20);
  }

.summaryItem{
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #dddddd;
}
#summaryItemContent{
  padding-bottom:15px;

}

.pdf {
    display: inline-block;
    background: url(../images/icon_pdf.png) center left no-repeat;
    padding-left: 35px;
    line-height: 35px;
    font-size: 22px;
    font-weight: bold;
    color: #040708 !important;
    text-decoration: none;
}

.splitHalfContent {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
    text-align:left;
}
.medPad{padding:60px 0px;}
.smallPad{padding:50px 0px;}
.centerText{text-align:center;}
.leftText{text-align:left;}
.mobVertCentOuter{display:table;width:100%;height:100%;}
.mobVertCent {display: table-cell;vertical-align: middle;width:100%;height:100%;}
.message{font-size:13px;padding:5px;margin:5px;border:1px solid #555555;}
.note{font-size:12px;padding:5px;margin:5px;border:1px solid #00ff00;}
.stickyContainer{z-index:50000;}
.debug{border:1px solid #00ff00;}
.fluidImage{width:100%;height:auto;}
.clr{clear:both;}

.flex-grid-thirds {
  display: flex;
  justify-content: space-between;
}
.flex-grid-thirds .col {
  width: 32%;
}

@media (max-width: 400px) {
  .flex-grid {
    display: block;
  }
}
