/*
Theme Name:     PORT THEME MOD
Description:    PLAYBACK EXPERIENCE
Author:         admin
Template:       portthemetrust

(optional values you can add: Theme URI, Author URI, Version)
*/




/*Homepage Logo ------------------*/

.home #logo {
  margin-top:25px;
}

.home #logo img {
  display: none;
}

.home #logo img.home-logo {
  display:block;

  }
.home #logo a {
  margin-top:25px;
  display: block;
  width: 970px;
  height: 275px;
  background: url('/wp-content/uploads/2014/09/PLAYBACK-Logo-Yellow-LG1.png') no-repeat;
}

body #logo {
  float: none;
}

body #header .top {
  position:absolute;
}

.home #downButton {
    bottom:25px;
}

body #homeBanner #bannerText {
  margin:0 !important;
  position:absolute;
  left:0;
  bottom:60px;
  width:100%;
}

body #homeBanner #bannerText .secondary p {
  max-width:900px;
  margin:0 auto 30px;
  padding:0 20px;
  line-height:1.4em !important;
}

body #homeBanner #bannerText .main {
  display:none;
}

/* Hamburger menu ----------------------------- */
.home .menuToggle {
  right:35px;
  top:30px;
  margin-top:0;
}

.menuToggle {
  width: 64px;
  height: 56px;
}


/*Homepage Font Size and Colors------------------*/

#homeBanner #bannerText .secondary {
  font-size: 1.5em;
  color: #ffffff;
  line-height: 1.5em !important;
}

.homeSection .sectionHead p {
    font-size: 1.5em;
    line-height:1.4em;
}

#projectsPages  p span {
   font-size: 1.5em;
   line-height:1.4em;
}

#projectsPages h3 span {
    color: #ffffff! important;
}

#featuredPages  p span {
   font-size: 24px!important;
   color: #ffffff! important;
}

#featuredPages h3 span {
    color: #fff22d! important;
}

/*Featured Pages------------------*/

#featuredPages {
  background: #f9f9f9;
  padding: 150px 0 120px 0;
  width: 100%;
  max-width: none;
}

#featuredPages .wrap { margin: 100 15px; }

#featuredPages .pages {
  margin: 0 auto;
  /* max-width: 1045px; */
  width:80% !important;
}

#featuredPages .small{
  float: left;
  width: 49% !important;
  max-width:49% !important;
  display: none;
  padding-left:20px;
  padding-right:20px;
  box-sizing:border-box;
}

#featuredPages img{
  max-width: 100% !important;
  height: auto;
  margin: 0 auto;
}

#featuredPages .page p{
  text-align: center;
  font-size: 1.1em !important;
  color:#fff;
  opacity: 1 !important;
}

#featuredPages .inside{
  margin: 0 15px;
}

#featuredPages a{
  position: relative;
  display: block;
  text-align: center;
}

#featuredPages .title {
  font-size: 1.6em;
  color: #000;
  font-weight: normal;
  width: 100%;
  margin-bottom: 10px;
  display: block;
}

/*Home Content ------------------*/

body.home #middle {
  background: #fff22d;
}

#home.homeSection {
  padding: 60px 0 60px 0 !important;
}

#home.homeSection p {
  margin-bottom: 0px !important;
  font-size: .95em;
    text-align: justify;
}

#body .homeSection, 
#body .homeSection h1, 
#body .homeSection h2, 
#body .homeSection h3, 
#body .homeSection p {
         text-align: center! important;
}

#projects.homeSection .sectionHead {
  text-align:center;
}

.home .ttsc_one_half {
    width:44%;
    margin-right:0;
}

.home .ttsc_last {
    float:right;
}
.home .ttsc_one_half p {
    text-align:justify !important;
    padding-bottom:20px !important;
}

.home .ttsc_one_half p:first-child {
         text-align: center! important;
}

/*Hide View All Button ------------------*/

.homeSection .viewAll{
  display: none;
}

/*PageHead ------------------*/

#pageHead h1 {
  font-size: 2em;
}

/*Space Around Small Images ------------------*/

.imagespacing {
    border: #b9b9b9 solid 2px;
    margin: 10px 20px 0px 0;
}


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

#footer {
  background: #eeee22;
        padding: 0px 0 0px;
}

#footer #text {
    width: 100%;2
    text-align: center;
    color:#e0dcdc;
}

#enhancedtextwidget-3 {
    width:100%;
    text-align:center;
    color:#e0dcdc;
}

#enhancedtextwidget-3 img {
    display:inline;
    margin-top:20px;
    text-align:center;
    color:#e0dcdc;
}

#footer .footerBox {
  width:100% !important;
}

#footer #menu-playback-menu-1 {
  text-align:center;
}

#footer #menu-playback-menu-1 li {
  display:inline;
  padding:0 15px;
}

#footer #menu-playback-menu-1 li a {
  white-space:nowrap;
  color:#cccccc;
}

#footer #menu-playback-menu-1 li a:hover {
  color:#e0dcdc;
}


/* === GENERAL PAGE PROPERTIES ========================================================================================= */

body.page {
  background-size:cover;
  background-position: center 0;
  background-repeat: no-repeat;
  background-attachment:fixed;
}

body.page #pageHead, 
body.page #container, 
body.page #middle {
  background:transparent;
}

body.page h1 {
  color:#fff;
}


/* ===CONTACT PAGE ========================================================================================= */

body.page-id-343 .ttsc_one_half {
  width:43%;
}

body.page-id-343 .ttsc_last {
  float:right;
}

body.page-id-343 h2 {
  color:#cccccc;
  font-size:18px;
  text-align:center;
  margin-bottom:0;
}

body.page-id-343 h3 {
  color:#aaaaaa;
  font-size:16px;
  text-align:center;
}

body.page-id-343 #content h3 a {
  color:#aaaaaa;
}

body.page-id-343 #middle p {
  color:#ccc;
  text-align:justify;
}

.page-id-343 .wp-caption {
  text-align:center;
}

.page-id-343 .wp-caption img {
  border:solid 2px #fff;
  margin:0 auto;
}
.page-id-343 .wp-caption p {
  font-style:italic;
  font-size:0.8em;
  margin:0;
  text-align:center !important;
}

/* === ABOUT PLAYBACK ========================================================================================= */

.page-id-627 h4 {
   color:#eeee22;
}
.page-id-627 p {
   color:#ffffff;
   font-size:18px;
}  


/* === THE EVENTS ========================================================================================= */

.page-id-437 h4 {
   color:#eeee22;
}
.page-id-437 h5 {
   color:#ffffff;
}
.page-id-437 p {
   color:#ffffff;
   font-size:18px;
}

/* === THE STUDIOS ========================================================================================= */

.page-id-435 h4 {
   color:#eeee22;
}

.page-id-435 p {
   color:#ffffff;
   font-size:18px;
}

/* === PHOTOS ========================================================================================= */

.isotope-item {
    display:block;
}

.isotope-item a img {
  border:solid 2px #fff;
}

.home .isotope-item a img {
  border:0;
}

td#fancybox-title-float-left,
td#fancybox-title-float-right {
  display:none;
}

#fancybox-title-float-wrap td#fancybox-title-float-main {
  font-size:14px;
  font-weight:normal;
  background:#000;
  padding:3px 10px;
  border:solid 2px #fff;
  border-radius:9px;
  display:block;
}

/* === THE EVENTS ========================================================================================= */


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

.home .menuToggle,
.menuToggle {
  right:10px;
  top:10px;
  margin-top:0;
  width:23px;
  height:20px;
}


.home #logo {
  margin-top:0;
}

.home #header .top.solid, 
.home #header .top,
.home.has-banner #header .top.solid {
  background-color:transparent !important;
}

body #homeBanner #bannerText {
  bottom:40px;
}

body #homeBanner #bannerText .secondary p {
  font-size:0.8em;
  margin-bottom:15px;
}

.home #downButton {
    bottom:15px;
}

.home .ttsc_one_half {
         width:100%;
         margin-right:0;
         padding-bottom:15px;
    }

#featuredPages .pages {
  margin: 0 auto;
  max-width: 100% !important;
  width:100% !important;
}

#featuredPages .small{
  float: left;
  max-width:100% !important;
  width: 100% !important;
  display: none;
}

body.page-id-343 .ttsc_one_half {
  width:100%;
  float:none;
  padding-bottom:30px;
}

body.home .homeSection .sectionHead p,
body.home .homeSection .sectionHead p span,
body.home #featuredPages .sectionHead p span,
body.home #content .page.small p {

  font-size:16px !important;

}

}

/* === ADMIN BAR SNAFU FIX ================================================ */

.admin-bar #container #header .top {
  top:0 !important;
}