/* Enter Your Custom CSS Here */
/* Enter Your Custom CSS Here */
body{
  background-color:#fff;
}
.post-meta .date{
  color:#7b631e;
}
.footerContactForm #submitbutton button{
  text-align:center !important;
  width:100%;
}
.portfolio-items .col .work-item .work-info a {
    background-color: #f7d225;
}

.flexslider-caption {
    background-color:#faf8f6 !important;

}
.flexslider-caption-inner h3, .flexslider-caption-inner p{
    color:#DE8100 !important;
}
.flexslider-caption-inner h3{
    color:#DE8100 !important;
}
.flexslider-caption-inner p{
    color:#7b631e !important;
}


#footer-outer .footer_images {
  margin-top:-270px;
    padding:0 40px ;
    margin-bottom: 0px;
}
article.post .more-link span, .blog-recent .more-link span, input[type=submit], button[type=submit], input[type="button"]{
    background-color: #DE8100;
  	border-radius:0;
    padding: 11px 30px;
    font: 800 14px/20px 'Raleway', sans-serif;
    text-align: center;
    letter-spacing: 3px;
}
.entry-title {
  color:#DE8100;
}

article.post .more-link span:hover {
    background-color: #cf913a;
}
.content-inner .article-content-wrap .post-header h2 a:hover{
    color: #cf913a !important;
}
article.post .content-inner {
    border-bottom: 1px solid #f7d225;
}
#header-outer[data-format="centered-menu-under-logo"] header#top #logo{text-align:left;}
header#top .sf-menu li  a{color: #7b632b;font-weight:700;}  
header#top .sf-menu a:hover{color: #fff !important;}  
header#top .sf-menu li ul li a{background-color:#DE8100;color: #7b632b;}  
header#top .sf-menu li ul li a:hover{background-color:#DE8100 !important; color:#DE8100;}  
#mainMenu{padding-top:15px;}
[class^="icon-"], [class*=" icon-"] {background-color: #fff;color:#ddd}
.sf-menu a{padding:0;font-size:12px}
#mainMenu .sf-menu li:hover{
  background-color:#DE8100;
}
.slides_container{
text-align:center;
}
#search-btn .icon-salient-search{font-size:12px;padding:3px}
#search-btn{
  padding-bottom:1px;
}

.nectar-button{
  border-radius:0;
  box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.photoGal div .wpb_tabs_nav  li{
  background-color:#DE8100 !important;
  border-right:#fff solid 1px;
  color:#fff;
}
.photoGal div .wpb_tabs_nav  li a{
  color:#fff;
}
.photoGal div .wpb_tabs_nav  li .active-tab{
  background-color:#f7d225 !important;
}
.wpb_wrapper p span .nectar-button:hover, .nectar-button span:hover{
 font-size: 13px !important;
font-style: normal;
font-weight: 800 !important;
}
.nectar-button.large{
  box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.swiper-slide .button a {
    border-radius: 0;
}
.uppernav {
  float:right;
  }
header#top #logo{
  max-width:236px !important;
}
.text-right{
  text-align:right;
  float:right;
}
#social li i{
  background-color: #F7D225;
  color:#DD8102;
  margin-top:10px;
}
#social li i:hover{
  color:#B9AE97;
}
header#top .uppernav li a {
  color:#DD8102;
  font-weight:700;
  font-size:16px;
  margin-left:10px;
  font-family:raleway;
}

header#top .uppernav li a:hover {
  color:#F7D225 !important;
}
#menu-item-3268,#menu-item-2604{
  margin-top:17px;
  border-right:solid 2px #7B631E;
  padding: 3px 9px 3px 0;
}
header#top .uppernav li a span{
  color:#7B631E;
  margin-top:20px;
}
header#top .uppernav li a span:hover{
  color:#F7D225;
  
}

.SidebarLinks li a{color:fff;font-weight:700}
.SidebarLinks li {list-style:none !important;margin:30px 0;}
.SidebarLinks li a:hover{color:#de8100;}
.SidebarLinks .active a{color:#de8100;}
.active{color: #de8100;}

.footerContactForm {
    margin-bottom: 40px;
  }
    .footerContactForm .btn {
      float: right;
    }

#header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
  margin:0 0 17px 0 !important;
}
#menu-item-2603{
  background-color:#DD8102;
  color:#fff;
  padding:11px 30px;
  margin-top:9px;
  margin-left:15px;
  letter-spacing: 3px;
}
#menu-item-2603 a{
  color:#fff !important;
}
#header-secondary-outer .uppernav > li > a {
  border:none;
}

#mainHeader{
  background-color:#F7D225; 
}
.swiper-slide .content p{
  color:#fff;
}

@media only screen and (max-width: 1120px) and (min-width: 1px){

.profileImage img {
    height:100% !important;
    width: 100% !important;
}
}
@media only screen and (max-width: 1100px) and (min-width: 1px){
  #social{
    display:none;
  }
}

@media only screen and (max-width: 1009px) and (min-width: 1px){
  #menu-item-2604,#menu-item-3268{
    display:none;
  }
  #mainHeader {
    background-color:transparent !important;
  }
  header#top{
    height:150px !important;
  }
  header#top #toggle-nav i{
    margin-top:-40px;
  }
  header#top #toggle-nav{
    right:20px;
  }
  #header-outer[data-format="centered-menu-under-logo"] header#top #logo img {
  margin:0 auto 17px auto !important;
}

  .SidebarLinks{
   /* display:none;
    visibility:hidden;*/
  }
  .wpb_wrapper h1{
    font-size: 34px !important;
    text-align:center !important;
  }
  
  @media only screen and (max-width: 1009px) and (min-width: 401px){
  .wpb_wrapper h1{
        font-size: 24px !important;
        text-align:center !important;
    }
}
  @media only screen and (max-width: 400px) and (min-width: 1px){
  .wpb_wrapper h1{
        font-size: 24px !important;
        text-align:center !important;
    }
    .mb-hidden{
      display:none;
    }
}

  
  body header#top #logo img {
  height: 50px!important;
  margin-top: -3px!important;
  top: 3px;
  position: relative;
    
}
   #search-btn, .open-search, .icon-salient-search{
   display: none;
  }
  .uppernav #menu-item-2603 {
    background-color:#fff !important;
   padding:0px;
  margin-top:9px;
  margin-left:0;
  letter-spacing: 1px;
  }
  header#top .uppernav li a{
   
    border:none !important;
    color:#DD8102 !important;
  }
  .uppernav, .text-right{
  float:none !important;
  }
  #menu-item-3268,#menu-item-2604{
  margin-top:5px;
  border:none;
  padding: 3px  0;
}
 
}
/************************************************************************/
/* STAFF GALLERY
/************************************************************************/

.staffBlock{}
.staff{
  display:inline-block;
  vertical-align:top;
}
.staff div{
  
}
.staffGalleryItems {
  max-width:1100px;
  text-align: center;
  padding-top: 50px;
  
}
.staffGalleryItem {
  margin: 10px;
  font-family: 'Raleway';
  font-weight: 700;
  cursor: pointer;
  text-align: left;
  height:310px;
}
  .staffGalleryItems .col:first-child .staffGalleryItem {
    margin-top: 0;
  }
  .staffGalleryItem .image {
    background-size:contain;
    height: 210px;
    width: 210px;
    margin-bottom: 15px;
    background-color: #f5f5f5;
    transition: .3s all;
  }
  .staffGalleryItem .name {
    color: #de8100;
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 5px;
    max-width: 210px;
  }
  .staffGalleryItem .position {
    color: #7b631e;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    max-width: 210px;
  }

.staffGalleryItem.hide {
  display: none;
}


/************************************************************************/
/* STAFF MEMBER
/************************************************************************/
.staff_gallery {
  margin:100px auto 50px auto;
  border-top: 10px solid #f7d225;
}
.profileImage {
  margin-top:15px;
  margin-bottom: 20px;
}
  .profileImage img {
    height:210px;
    width: 210px;
  }
  .profileDetails {
    
  }
  .profileDetails h1 {
    font-family: 'Raleway';
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 5px;
    color: #de8100;
  }
  .profileDetails .position {
    font-family: 'Raleway';
    font-weight: 14px;
    font-weight: 900;
    color: #7b631e;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .profileDetails .email, .profileDetails .phone {
    font-family: 'Raleway';
    font-size: 16px;
    color: #f7d225;
    font-weight: 600;
  }
    .profileDetails .fa {
      margin-right: 10px;
    }
  .profileDetails .bio {
    font-family: 'Merriweather';
    font-size: 16px;
    line-height: 30px;
    color: #7b631e;
    margin-top: 40px;
  }
    .profileDetails .bio p {
      margin-bottom: 40px;
    }
     .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
     .video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}




/************************************************************************/
/* PARALLAX

/************************************************************************/
.intro{
  margin-top:40px;
}
.parallax {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
  .parallax nav {
    display: none;
  }
.parallaxSection {
  padding: 40px;
  position: relative;
}
  .parallaxSection.bgImage {
    background-attachment: fixed;
    background-size: cover;
  }
    .parallaxSection.bgImage h2, .parallaxSection.bgOrange h2 {
      color: #f7d225;
    }
    .parallaxSection.bgImage .subTitle, .parallaxSection.bgImage .description p, .parallaxSection.bgOrange .subTitle, .parallaxSection.bgOrange .description p {
      color: #fff !important;
    }
  .parallaxSection.bgOrange {
    background: #de8100;
  }
  .parallaxSection.bgYellow {
    background: #f7d225;
  }
    .parallaxSection.bgYellow h2 {
      color: #de8100;
    }
    .parallaxSection.bgYellow .subTitle, .parallaxSection.bgYellow .description {
      color: #917e4b;
    }  
  .parallaxSection h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 15px;
  }
  .parallaxSection .subTitle {
    font-size: 15px;
    font-family: 'Raleway';
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 20px;
  }
  .parallaxSection .navTitle {
    font-size: 17px;
    font-family: 'Raleway';
    font-weight: 900;
    margin-bottom: 10px;
    color: #fff;
  }
  .parallaxSection .description {
    font-family: 'Merriweather';
    font-size: 11px;
    line-height: 16px;
  }
    .parallaxSection .button {
      margin-top: 15px;
    }
  .parallaxSection .icon {
    display: none;
  }
/* Filters */
.filters {
  font-size: 14px;
  font-family: 'Raleway';
  font-weight: 700;
  color: #7b631e;
  text-align: center;
  position: relative;
  padding-top:100px;
}
  .filters .active {
    color: #de8100;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 50px;
    cursor: pointer;
  } 
    .filters div.active:after {
      content: '\f107';
      font-family: 'FontAwesome';
      margin-left: 10px;
    }
    .filters .active:before {
      content: '';
      display: block;
      width: 34px;
      height: 3px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      background: #f7d225;
    }
  .filters .filterItems {
    display: none;
    position: absolute;
    top: 50px;
    width: 100%;
    background: #fff;
    z-index: 2;
    box-shadow: 0 5px 10px -5px rgba(0,0,0,0.5);
  }
    .filters .filterItems.show {
      display: block;
    }
  .filters .filterItems li {
    margin: 15px 0;
    padding-bottom: 5px;
    cursor: pointer;
    position: relative;
    list-style:none;
  }
    .filters .filterItems li:hover:after {
      content: '';
      display: block;
      width: 34px;
      height: 3px;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 auto;
      background: #f7d225;
    }

/* TABLETS */
@media all and (min-width: 569px) and (max-width: 1028px) {
  .device-indicator {
    z-index: 2;
  }
}

/* TABLETS+ */
@media all and (min-width: 569px) {
  .tabContentButtons .btn {
    width: auto;
    margin-bottom: 0;
  }
}

/* DESKTOPS */
@media all and (min-width: 1029px) {
  .device-indicator {
    z-index: 3;
  }



  /************************************************************************/
  /* STAFF GALLERY
  /************************************************************************/
  .staff_gallery {
    
  }
  .staffGalleryItem {
    
    height: 300px;
  }
  .staff_gallery .backToTop {
    display: none;
  }


  /************************************************************************/
  /* STAFF MEMBER
  /************************************************************************/
  .profileImage {
  }



  /************************************************************************/
  /* PARALLAX
  /************************************************************************/
  .parallax {
    text-align: left;
  }
    .parallax nav {
      display: block;
      position: fixed;
      z-index: 5;
      width: 220px;
      left: 16.5%;
    }
      .parallax nav a {
        display: block;
        font-family: 'Raleway';
        font-weight: 700;
        color: rgba(255,255,255,0.5);
        padding-bottom: 22px;
        font-size: 20px;
        position: relative;
        line-height: 1;
        transition: all .3s;
      }
        .parallax nav a:last-child:before {
          display: none;
        }
        .parallax nav a:after {
          content: '';
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          width: 21px;
          height: 21px;
          border-radius: 22px;
          border: 3px solid rgba(255,255,255,0.5);
        }
        .parallax nav a:before {
          content: '';
          width: 3px;
          position: absolute;
          right: 12px;
          top: 27px;
          bottom: 0;
          background: rgba(255,255,255,0.5);
        }
      .parallax nav a:hover {
        color: #f7d225;
        transition: all .3s;
      }
      .parallax nav a.active {
        font-size: 35px;
        color: #fff;
        transition: all .3s;
      }
        .parallax nav a.active .icon {
          opacity: 1;
          height: auto;
          position: absolute;
          right: -16px;
          top: -8px;
          width: 54px;
          transition: all .3s;
        }
          .parallax nav a.active .icon img {
            max-width: 54px;
          }
        .parallax nav a .icon {
          opacity: 0;
          height: 0;
          overflow: hidden;
          display: block;
          transition: all .3s;
        }
  .parallaxSection {
   padding: 260px 0;
  }
    .parallaxSection .content {
      margin-left: 500px;
      position: relative;
    }
      .parallaxSection .content.hasIcon {
        padding-right: 300px;
      }
      .parallaxSection .content.hasBgColor {
        background: #fff;
        padding: 60px;
      }
        .parallaxSection .content.hasBgColor .intro {
          margin-right: 10%;
        }
        .parallaxSection .content.hasBgColor .description {
          color: #917e4b;
        }
        .parallaxSection .content.hasBgColor .subTitle {
          color: #917e4b;
        }
        .parallaxSection h2 {
          font-size: 68px;
          line-height: 70px;
          margin-bottom: 30px;
        }
        .parallaxSection .subTitle {
          font-size: 24px;
          margin-bottom: 25px;
        }
        .parallaxSection .navTitle {
          display: none;
        }
      .parallaxSection .description {
        font-size: 16px;
        line-height: 22px;
      }
        .parallaxSection .button {
          margin-top: 15px;
        }
      .parallaxSection .icon {
        display: block;
        position: absolute;
        right: 0;
      }
  
  /* Filters */
  .filters .active {
    display: none;
  }
  .filters .filterItems {
    display: block;
    position: relative;
    box-shadow: none;
    top: 0;
    background: none;
  }
  .filters .filterItems li {
    margin-bottom: 0;
    padding-bottom: 5px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: 0 15px;
  }
  
  
  
  
}




  /************************************************************************/
  /* header
  /************************************************************************/


.pageheadertext {
  
    text-align: right;
    font-size: 72px;
    font-weight: bold;
    color: #ffffff;
  line-height:60px;
}


@media only screen and (max-width: 1300px) and (min-width: 701px){
  .pageheadertext {
    font-size:72px !important;
    line-height:60px;
    text-align: center !important;

  }
}

@media only screen and (max-width: 700px) and (min-width: 401px){
  .pageheadertext {
    font-size:45px !important;
    line-height:50px;
    text-align:center;
    
  }
}

@media only screen and (max-width: 400px) and (min-width: 1px){
  .pageheadertext {
    font-size:30px !important;
    line-height:30px;
    text-align:center;
    
  }
}

  /************************************************************************/
  /* font fixes
  /************************************************************************/

p {
  
  color: #7B631E;
  font-family: "merriweather";
}

.main-content ul li{
  
  color: #7B631E;
  font-family: "merriweather";
}


html body p a{
  
  color: #DE8100;
  font-family: "merriweather";
}

p a:hover{
  
  color: #fbb85b;
  font-family: "merriweather";
}

.testimonial_slider blockquote p{
  
  color: #fff;
  font-family: "merriweather";
  font-size: 22px;
  font-weight: 300;
}

.light .testimonial_slider blockquote span{
  
  color: #7B631E;
  font-family: "merriweather";
  font-size: 22px;
}


  
  

.sunriseLightbox {
  cursor: pointer;
}

.sunriseLightboxContainer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 5%;
  padding-bottom: 5%;
  z-index: 999999;
}

  .sunriseLightboxOverlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
  }

  .sunriseLightboxContent {
    background-color: #fff;
    max-width: 80%;
    padding: 40px;
    max-height: 100%;
    margin: 0 auto;
    overflow: auto;
    position: relative;
  }

    .sunriseLightboxClose {
      position: absolute;
      top: 0;
      right: 0;
      background: #333;
      color: #fff;
      width: 30px;
      line-height: 30px;
      text-align: center;
      cursor: pointer;
    }
    .sunriseLightboxContent .video-container {
      margin-bottom: 0;
    }




#resource-btn{
  text-align:center;
}
#resource-btn ul li{
  display:inline-block;
  background-color:#DE8100;
  padding:5px 10px;
  color:#fff;
  border-right:#fff solid 1px;
  font-family:Raleway;
  font-weight:700;
}
#resource-btn ul li a{
  color:#fff;
}
#resource-btn ul li:hover{
  background-color:#cc7700;
}


/************************************************************************/
  /* image - video embedd
  /************************************************************************/
  
.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

/*.embed-video {
    position: absolute; 
	z-index: -1;
}*/

.iframe- {
    background-image: url(http://new.sunrisertc.com/wp-content/uploads/2015/08/vid-image.png);
    cursor: pointer;
    position: absolute;
    z-index: 5;
}

.video-thumbnail {
    height: 348px;
    position: relative;
    width: 656px;
}

.video-embed {
    display: none;
    left: 5px;
    opacity: 0;
    position: absolute;
    top: 5px;
    z-index: 10;
}
.read-more{line-height:100px;}
.rps .slide {
    overflow: visible; 
    /* display: none; */
}
.content-inner .article-content-wrap .post-header h2 a{
  color:#de8100 !important;
  font-weight:700;
}

/************************************************************************/
/* Landing Page
/************************************************************************/
.lp-container {
    max-width: 3000px;
    margin: 0 auto;
    position: relative;
    background-color: #ffffff;
}