/*Recent Projects*/
  .single-x-portfolio .x-portfolio .x-section.recent-projects {padding:45px 5%!important;}
  .h-recent-posts{font-size:14px!important; margin-bottom:0!important; color:#fff;}
  .x-recent-posts a {padding:0;}
  .x-recent-posts a .x-recent-posts-img {transition:transform 0.3s;}
  .x-recent-posts a:hover{border:1px solid #777; box-shadow:0px 1px 5px rgba(0,0,0,0.5);}
  .x-recent-posts a:hover .x-recent-posts-img{transform:scale(1.1);}
  .x-recent-posts-img{z-index: -1;}
  .x-recent-posts-content{background:rgba(0,0,0,0.6); text-align: center; position:absolute;bottom:0; width:100%;}
  
 
  /*Image Sizing Fix*/
  .entry-content img {max-width: 100%;}
  
  /*Subheading*/
  sh{font-style:italic; font-size:120%;}
  
  /*Testimonial*/
  blockquote{border-top:0; border-bottom:0; color:inherit; font-size:100%!important;}
  testimonial, blockquote {border-left:2px solid #004488; padding-left:20px; display:block; font-style:italic; opacity:0.8; margin-left:8px;}
  testimonial cite, blockquote cite{text-align:right; display:block;}
  testimonial cite:before, blockquote cite:before{content:"— ";}
  blockquote p, testimonial p{margin-bottom:0;}
  
  /*Testimonials*/
  .testimonials {margin-bottom:15px!important; font-size:20px; color:#777; padding:0 10%;}
  .testimonials li {font-weight:400!important;}
  .testimonials .x-slide cite:last-child {font-style: italic; margin-right: 10%; opacity: 0.5; text-align: right; display:block;}
  .testimonials .x-slide cite:before {content: "— ";}
  .testimonials .flex-control-nav {bottom:-35px;}
  .testimonials .flex-control-nav a{background:#777;}
  
  
  /*Button Style*/
  .x-btn, input[type="submit"]{text-shadow:none!important; font-weight:bold;  border-radius:3px;}
  
  /*CTA*/
  .cta .x-container{padding:100px 5%!important;}

  .cta-heading{margin:0 0 15px; font-weight:600!important; text-transform:uppercase; line-height:110%!important;}
  .cta-subheading{margin:0 0 30px; color:rgba(255,255,255,1)!important; line-height:110%!important; font-style:italic;}
  
  .cta-phone {margin-top:-10px; margin-bottom:0 ;line-height:45px;}
  .cta-phone a{font-size:14px; color:#fff!important; text-decoration:none;}
  
  .cta-btn:before{content:"\f046"; font-family:fontawesome; font-size:25px; line-height: 0; vertical-align: middle; margin-right:10px;}
  
  @media(min-width:900px){
    .cta-subheading{margin-bottom:0px}
    .cta-text, .cta-btns{display:inline-block; vertical-align: top;}
    .cta-text {text-align: right; margin-right:50px;padding:0 5% 0 0%; transition:padding 1s cubic-bezier(0,0.5,0.5,1)}
    .cta-btns{margin-top:0px; transition:transform 1s ease;}
    .cta:hover .cta-text{padding:0 0% 0 5%;}
    .cta:hover .cta-btns{transform:scale(1.1)}
  }
  
  /*CTA Button in Body (shortcoder "book")*/
  .cta-body a{margin:0 auto; display:block; max-width:200px;}
  .cta-body {text-align:center; margin-bottom:20px;}
  .dark .cta-body a:last-child{color:rgb(230, 198, 88)!important;}
  
  
  /*CTA Box*/
  .cta {background:#080!important; color:#fff; font-size:28px;  width:100%;  min-height:100px;padding:100px 5%!important; text-align:center;margin-top:-25px;}
  .cta span {display:inline-block; margin:0 15px 20px; line-height:30px;}
  .cta div {display:inline-block;}
  .cta div > button {display:inline-block; border:2px solid #fff!important; background:#4c8222; text-shadow:none; transition: background 0.2s, color 0.2s;}
    .cta div:hover > button{background:#fff!important;color:#319600!important;border-color:#fff;}
  @media(max-width:450px){.cta div {font-size:23px;}}
  .cta + p {display:none;}
  .cta-btn{border:2px solid #fff; color:#fff; text-transform:uppercase; display:inline-block; font-size:18px; padding:10px 20px; border-radius:2px; margin:10px 10px 0px;}
  .cta-btn:hover{color:#080; background:#fff; }
  
  
  /*COLORS*/
  .x-navbar, .mobile .sub-menu {background-color: #004488!important;}
  body {background:#fff!important;}
  .x-container.main::before{background-color:#fafafa!important;}
  .x-topbar{background-color:#080!important;}

  /*Photoswipe Gallery*/
  .x-container.width {width: 92%!important;}
  .photoswipe_gallery img {max-width:100%!important; max-height:auto!important; width:100%;}
  .photoswipe_gallery figure {padding:2px!important; overflow:hidden;}
  .photoswipe_gallery figure figcaption{display:none;}
  .photoswipe_gallery img {transition:transform 0.2s ease 0s;}
  .photoswipe_gallery img:hover {transform:scale(1.1);}
  @media(min-width:750px){.photoswipe_gallery figure{width:150px!important;}}
  
  /*Lightbox Style*/
  #prevLink, #prevLink:visited, #nextLink, #nextLink:visited {transition:opacity 0.3s; opacity:0; display:block!important;}
  #prevLink:hover, #prevLink:visited:hover, #nextLink:hover, #nextLink:visited:hover{opacity:0.5; background:none;}
  #prevLink:hover::after, #prevLink:visited:hover::after, #nextLink:hover::after, #nextLink:visited:hover::after {font-size:50px; font-family:fontawesome; color:#fff; margin-top:-30px; position:absolute; top:50%;  background:#000; padding:50px 20px 55px;}
  #prevLink:hover::after, #prevLink:visited:hover::after{content:"\f104"; left:10px;}
  #nextLink:hover::after, #nextLink:visited:hover::after{content:"\f105"; right:10px;}
  #outerImageContainer, #imageDataContainer{background-color:#000; color:#aaa;}
  #bottomNavClose img{display:none;}
  #bottomNavClose:after{content:"CLOSE X"; line-height:25px; font-size:16px; font-weight:bold; font-family:lato; color:#aaa;}  
  #outerImageContainer, #imageDataContainer{background-color:transparent;}
  #jqlb_loading{background-image: url("https://ttbc.ca/wp-content/plugins/wp-lightbox-2/styles/images/loading-dark.gif")!important;} 

  
  /*Revolution Slider*/
  .rs-logo {text-align:center; position:relative!important; display:block!important;}
  .rs-logo img {position:relative!important; max-width:600px!important; height:auto!important; display:block!important;}
  .responsive-words{display:block!important; padding:20px; text-align:center; position:relative!important; font-weight:bold; text-shadow:0 2px 4px #000;}
  .responsive-words span {margin:0 0px;}
  /*.bluecover{background:#004488; left:0!important; top:0!important; width:100%; height:100%; position:fixed!important; opacity:0.9!important;}*/
  .transparent-two{opacity:0.1!important;}


  
  /*slide1*/
  .responsive-words span{color:#fff; font-size:30px;}
  @media(max-width:1200px){.responsive-words span{font-size:28px;}}
  @media(max-width:900px){.responsive-words{top:70px;} .responsive-words span{display:block!important;margin:8% 0;} .responsive-words, .rs-logo {margin-top:-50px;}}
  @media(max-width:600px){.responsive-words span{font-size:20px;}}
  
  /*Post Carousel Meta*/
  .x-post-carousel-meta span{display:none;}
  .x-post-carousel-meta:after {content:"VIEW THIS PROJECT"; color:#fff; line-height:130px;}
  
  /*TopBar*/
  .x-topbar-inner{width:95%!important;}
  .x-topbar{padding:0; min-height:20px;}
  .x-topbar .x-social-global{display:none;}
  .p-info {text-align: center!important;}
  .p-info a {border:none!important; display:inline-block; margin-left:15px; transition:color 0.2s ease;}
  .p-info a:hover {color:#fff!important;}
  .p-info a, .p-info {color: #fff!important;  text-shadow:0px 1px 2px #000;}
  .p-info span {display:inline-block;}
  .x-topbar .p-info {border:none; padding: 0; background:none; font-size:16px; font-weight:bold; margin: 15px 0 !important; width:100%; text-align:right;}

  
  /*Navbar*/
  .x-navbar{opacity:0.985!important; border-bottom:0px!important;}
  .x-navbar-inner{min-height:86px!important;}
  .x-navbar .x-nav a {color:#fff!important; text-transform:uppercase;}
  .x-navbar-fixed-top-active .x-navbar-wrap {margin-bottom:0!important;}
  .x-navbar .desktop .x-nav > li > ul {top: 90px!important;}
  .x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{box-shadow:none!important;}
  
  .x-navbar .desktop .x-nav li > a > span::after{content:"";}
  .desktop .sub-menu{background:#003d7b!important; box-shadow:none; padding:0;}
  .desktop .sub-menu li{border-top:1px solid rgba(255,255,255,0.2);}
  .desktop .sub-menu li a{padding:15px;}
  .desktop li{transition:background 0.2s; font-size:14px;}
  .desktop li:hover{background:rgba(0,0,0,0.1);}
  
  
  /*Logo*/
  .x-brand.img {margin-top:8px!important;}
  .x-brand.img {width:68%; max-width:300px;}
  
  
  /*Menu Mobile*/
  @media(max-width:979px){
    .x-brand.img {float:left; line-height:60px; margin-left:6%;}
    .x-btn-navbar {background:none!important; margin-top:33px!important; padding-right:6%;}
    .x-btn-navbar:after {content:"MENU"}
  }
  @media(max-width:530px){
    .x-btn-navbar {margin-top:25px!important;  font-size:35px!important;}
    .x-btn-navbar:after {content:""}
  }
  .x-navbar .mobile .x-nav {margin:12px 0 0!important; background-color:#004488!important;}
  .x-navbar .mobile .x-nav li > a {background-color:transparent;}
  
  /*Navigation Mobile Menu Full Width*/
@media(max-width:979px){
  .x-navbar-inner > div{width:100%!important;}
  .mobile.x-nav-wrap ul.x-nav li a {margin:0;border:0; border-bottom: 1px solid rgba(0,0,0,0.1); font-size:15px; color:#333; padding-left:5%;}
  .mobile.x-nav-wrap ul.x-nav li.current_page_item, .mobile.x-nav-wrap ul.x-nav li a:hover {background:rgba(255,255,255,0.2);}
  .x-btn-navbar.collapsed {color: rgba(255, 255, 255, 0.7);}
  .x-btn-navbar:hover, .x-btn-navbar:not(.collapsed){color:#fff!important;}
  .x-navbar {border-bottom:2px solid #333;}
  .x-navbar .mobile .x-nav{margin-bottom:0;}
}
  
  
/*Form*/
  form input,form textarea{border-color:#004488!important; border-width:1px!important;}
  select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
  {font-size:16px!important;}
  select, textarea, input:not([type="submit"]) {background:transparent!important; transition: background 0.3s;}
  select:focus, textarea:focus, input:focus:not([type="submit"]) {background:#fff!important;}
  input[type="submit"]:focus, input[type="submit"]:hover{opacity:0.9!important;}
  ::-webkit-input-placeholder{color:#555;opacity:1}::-moz-placeholder{color:#555;opacity:1}:-ms-input-placeholder{color:#555}

  .form-appointment div{display:inline-block;}
      .form-submit {display:block; width:100%;}
    .form-submit input, input[type="submit"]{width:100%; max-width:300px; margin:0 auto; display:block;}
  @media(min-width:500px){
    .form-name1, .form-name2, .form-email, .form-phone {width:49%;}
    .form-name1{float:left}
    .form-name2{float:right;}
    .form-email{float:left;}
    .form-phone{float:right;}
    .form-project {width:100%;}
    .form-project textarea {height:150px;}

  }
  @media (max-width:499px){.form-name1, .form-name2, .form-email, .form-phone, .form-when, .form-source, .form-treatment {width:100%;}}
  
  
  /*Portfolio Item Page*/
  .x-portfolio .x-slide img {margin-bottom:0;}
  .x-portfolio .entry-content #x-section-1{padding:0!important;}
  .single-x-portfolio .entry-wrap{float:none; width:100%;}
  .project-before-after .x-column{background:#fff; box-shadow: 0px 3px 8px #888; padding:10px!important; text-align:center;}
  .project-before-after p, .project-before-after img{margin-bottom:8px; margin-top:0;}
  .project-details {background:#f9f9f9!important; padding:10px!important; border: 2px dashed #ddd!important;}
  .x-recent-posts-content .x-recent-posts-date {display:none;} /*remove dates*/
  @media(min-width:768px){
    .project-before-after .x-column:first-child{transform:rotate(-1deg);}
    .project-before-after .x-column:last-child{transform:rotate(1deg);}
  }
  .project-title-before:before{content:"BEFORE";} /*   */
  .project-title-after:before{content:"AFTER";}   /*    */
  .p-meta > span > span::before {content: " / ";}

/*Wordpress Gallery Style*/
  .gallery-item img {width:100%;}
  .gallery-item{float:left!important; width:23%!important;} /*default to 4 columns*/ 
    @media (max-width:979px){.gallery-item{float:left!important; width:48%!important;}.gallery-item:nth-child(odd){clear:both;}}/*2 columns*/
    @media (max-width:768px){.gallery-item{float:left!important; width:23%!important;}.gallery-item:nth-child(5n){clear:both;}} /*4 columns*/
    @media (max-width:600px){.gallery-item{float:left!important; width:48%!important;}.gallery-item:nth-child(odd){clear:both;}}/*2 columns*/

  /*gallery item style*/
  .gallery .gallery-item{margin: 2% 2% 0 0!important;}

  /*animated thumbnails*/

  .img-btns .x-column, .gallery-icon {overflow: hidden;transition: border 0.3s ease;}
  .img-btns img, img.attachment-thumbnail{transition: all 0.3s ease;}
  .img-btns img:hover,img.attachment-thumbnail:hover {transform: scale(1.04);opacity:0.8;}
  
  /*Project Item Full Width and remove bottom gap*/
  .single-x-portfolio .site > div.x-container.max.width{width:100%!important; max-width:none!important;}
  .entry-top-navigation {max-width:1200px; width:92%; margin:0 auto 35px;}
  
  .single-x-portfolio .cf {margin-bottom:0;}
  .single-x-portfolio .x-section:last-child {padding-bottom:0!important;}
  
  /*Footer Top*/
  .x-colophon.top .widget h4 {color:#ddd; text-align:center;}
  .x-colophon.top .widget, .x-colophon.top a {color:#bbb!important; text-decoration:none;}
  .x-colophon.top a:hover {color:#fff!important;}
  .x-colophon.top a i{font-size:30px; line-height:35px; margin-right:5px; vertical-align: middle}
  
  .widget::before{display:none;}
  .widget_rss ul {margin-top:15px!important;}
  .widget_rss li {padding-bottom:8px!important; line-height:20px!important;}
  .widget_rss h4 a{display:none;}
  .widget_rss h4:after {content:"Recent Projects"}
  .x-colophon.top .x-container {text-align:center;}
  .x-colophon.top .x-container .x-column{display:inline-block; text-align:center; width:auto!important; float:none; vertical-align: top;}
  .x-colophon.top .textwidget div, .x-colophon.top .widget_rss {text-align:left; display:inline-block;}
  .footer-contact a i{font-size:25px!important; width:25px;}
  .footer-social a{display:block;}
  
  @media (max-width:979px){.x-colophon.top .x-container .x-column{display:block;}}
  
  /*Footer Bottom*/
  .x-colophon.bottom .x-nav li a {text-decoration:none; color:rgba(255,255,255,0.5)!important;}
  .x-colophon.bottom .x-nav li a:hover {color:rgba(255,255,255,1)!important;}
  
  .credentials img {display:inline-block; margin:5px 8px;}
  
  .review-link{font-size:12px; text-decoration:none!important; color:rgba(255,255,255,0.5)!important;}
  .review-link:hover {color:rgba(255,255,255,1)!important}
  

  
  
/*Defaults*/
  /*p margins*/
  p {margin:0 0 20px;}
  
  /*Sub-Menu Hover Fix*/
  .x-nav-wrap.desktop > ul > li:hover > .sub-menu, .x-nav-wrap.desktop > ul > li > .sub-menu li:hover .sub-menu {display:block;}
  .desktop .menu-item.x-active > .sub-menu {display:none;}
  .desktop .sub-menu .sub-menu {top:-1px!important;}

  
  
  /*Contact Form 7*/
  .screen-reader-response{display: none!important;}
  .wpcf7-not-valid-tip{color: red; font-size: 14px; position: relative; top: -8px;}
  
  .swap {float:right; margin-right:0;}
  .entry-content .accent {background:#03a315!important; color:#eee;}
  .entry-content .accent h1, .accent h2, .accent h3, .accent h4, .accent h5, .accent h6 {color:#fff!important;}
  
/*(Alternating BG Container Color)*/
.entry-content .x-section:nth-child(even){background-color:#f0f0f0!important;}
.entry-content .x-section:nth-child(odd) {background-color:#fafafa!important;}
/*Portfolio Background*/
.x-portfolio .entry-content .x-section {background-color:#fafafa!important;}

  
/*Font Sizing*/
  body {color: #4d6069!important; line-height:1.5; font-size:16px;}
  .entry-header, .entry-content, footer {font-size:17px!important;}
  footer .x-nav {font-size: 16px!important;}
  li {line-height:1.6;}
  @media (max-width:767px){.entry-header, .entry-content, footer{font-size:15px!important;} footer .x-nav{font-size:12px!important;}}
  
    /*Responsive Headings*/
  h1, .h1{font-size:340%; text-transform:uppercase;}
  h2, .h2 {font-size:276%; text-transform:uppercase;}
  h3, .h3{font-size:212%; text-transform:uppercase;}
  h4, .h4, .h-widget{font-size:156%;}
  h5, .h5{font-size:124%;}
  blockquote, .sh {font-size:120%;}
  h6, .h6{font-size:100%;}

  @media (max-width:767px){
  h1, .h1{font-size:280%;}
  h2, .h2, .h-landmark, .entry-title.h-landmark{font-size:232%;}
  h3, .h3{font-size:184%;}
  h4, .h4, .h-widget{font-size:142%;}
  h5, .h5{font-size:118%;}
  blockquote .sh {font-size:115%;}
  h6, .h6{font-size:100%;}
  }
  @media (max-width:480px){
  h1, .h1{font-size:220%;}
  h2, .h2, .h-landmark, .entry-title.h-landmark{font-size:188%;}
  h3, .h3{font-size:156%;}
  h4, .h4, .h-widget{font-size:128%;}
  h5, .h5{font-size:112%;}
  blockquote .sh {font-size:110%;}
  h6, .h6{font-size:100%;}
  }
  
/*Column Spacing*/
  .x-1-2, .x-1-3, .x-2-3, .x-1-4, .x-2-4, .x-3-4, .x-1-5, .x-2-5, .x-3-5, .x-4-5, .x-1-6, .x-2-6, .x-3-6, .x-4-6, .x-5-6 {
    margin-bottom: 22px;
  }
  
img + p {margin-top:15px;}
  
    /*First Child Header Top Margin*/
.x-column h1:first-child, .x-column h2:first-child, .x-column h3:first-child, .x-column h4:first-child, .x-column h5:first-child, .x-column h6:first-child,
  .x-column .h1:first-child, .x-column .h2:first-child, .x-column .h3:first-child, .x-column .h4:first-child, .x-column .h5:first-child, .x-column .h6:first-child{margin-top:0;}
/*.x-column:first-child h1, .x-column:first-child h2, .x-column:first-child h3, .x-column:first-child h4, .x-column:first-child h5, .x-column:first-child h6 {margin-top:0;}*/
.x-column > blockquote:first-child{margin-top:0;}
  
/*Navigation Arrow Icon*/
.x-navbar .desktop .x-nav li > a > span:after {content:none;} /*no dropdown icon*/
.x-sub-toggle{text-align:right; width:52px;}
.x-nav-wrap.mobile li.menu-item-has-children a span {padding-right:20px;}
.x-nav-wrap.mobile li.menu-item-has-children a .x-sub-toggle  {border-left: 1px solid rgba(255,255,255,0.2);}
.x-nav-wrap a, .x-sub-toggle {transition:background 0.3s ease 0s!important;}


.x-sub-toggle span i::before{content:"\f105"; font-size:20px; line-height:0.8;}
.x-sub-toggle span i {transition:-ms-transform 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.x-sub-toggle.x-active:not(.collapsed) span i {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
  
.x-nav-wrap.mobile li.menu-item-has-children.menu-hash a .x-sub-toggle {width:100%; border-left:0;}
  
    /*Container Default Spacing & automatically remove margin*/
.page .site > .x-container {margin-top:0;}
.entry-content > .x-section {padding-top:70px; padding-bottom:50px;margin-bottom:0;}
@media(max-width:768px){.entry-content > .x-section {padding-top:35px; padding-bottom:25px;margin-bottom:0;}}
  
    /*Fade In Body*/
.x-main{-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s}@keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-ms-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-o-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}