/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/** fix to keep hero video without fading - DO NOT DELETE **/
.pwr-video-background-plyr .plyr.player--visible.plyr--paused, .pwr-video-background-plyr .plyr.player--visible.plyr--stopped {
    opacity: 100!important;}
/** END fix to keep hero video without fading - DO NOT DELETE **/


  body, .pwr-blog-listing, .pwr-hero {
     background:#D3D0C6 url("https://www.titan-one.co/hubfs/2025-Titan-Website-Assets/TO_bg_Pattern.png");
    background-repeat: repeat;
    background-size:10%;
  }

@media (max-width: 768px) {
  .pwr-video-background-plyr{display:none;}
  
   body, .pwr-blog-listing, .pwr-hero {
     background-size:50%;}  
  
   .pwr-hero--full-height .pwr-hero__cta-container{
    margin-bottom:60px!important;}
  }

/***** HERO FIXES for small devices ***/


@media (max-width: 768px) {
  .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent,.pwr-header-top--transparent)) .about-hero .pwr-hero__info-box {margin-top:0px!important;top: 350px;}
  .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent,.pwr-header-top--transparent)) .home-hero .pwr-hero__info-box {margin-top:0px!important;top: 460px;}
  .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent,.pwr-header-top--transparent)) .work-hero .pwr-hero__info-box {margin-top:0px!important;top: 350px;margin-bottom:400px;}
  .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent,.pwr-header-top--transparent)) .team-hero .pwr-hero__info-box {margin-top:0px!important;top: 230px; margin-bottom:0px;}
  .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent,.pwr-header-top--transparent)) .contact-hero .pwr-hero__info-box {margin-top:0px!important;top: 230px; }
  .body-wrapper:not(:has(.pwr-header--transparent)):not(:has(.pwr-header--transparent,.pwr-header-top--transparent)) .blog-hero .pwr-hero__info-box {margin-top:0px!important;top: 230px; }
  .team-hero, .contact-hero{height:600px!important;}
}

@media (max-width: 1024px) and (orientation: landscape) {
   
.about-hero{
    height: 600px!important;
}
.home-hero{
    height: 700px!important;
}
 .work-hero {
    height: 500px!important;
}
 .team-hero{
    height: 600px!important;
}
 .contact-hero {
    height: 600px!important;
}
  .blog-hero  {
    height: 400px!important;
}
  
/* Menu - Burger Color change */

.pwr-burger__icon-open:before {background-color:#ed1c24!important;}

/* End Menu - Burger Color change */

/* Our TEAM Module - Add border to circle pictures */
.pwr-team-member__img .pwr-background-img{
  border:solid 5px #ec1c24;}
/* END Our TEAM Module - Add border to circle pictures */


/* Footer */
.footer a, .footer p{ color:#ffffff!important;}