/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.31
 Text Domain:  bricks
*/


/** OFF CANVAS MENU **/

#brxe-heijmu .x-offcanvas_inner {
   width: 350px;
}



#brxe-heijmu .x-offcanvas_inner {
    clip-path: polygon(0 0, 100% 0%, 61.8% 100%, 0% 100%);

} 


#brx-header.sticky .bricks-nav-menu>li>a {
	padding: var(--space-xs) var(--space-m);
	transition: 0.2s all ease;
	}
	
#brx-header.sticky .bricks-nav-menu>li>a:hover {
	padding-left:var(--space-l);
	background-color:var(--secondary-semi-dark);
	}


/** HEADINGS **/

main h1,
main h2,
main h3,
main h4,
main h5,
main h6
  {font-weight:300;
  text-transform:uppercase;
   text-align:left;
  }
  
  
main h1,
main h2 {
  border-left:0.4rem solid var(--primary);
  padding-left: var(--space-xs);
  margin-left: -1.4rem;}


.ww-card h1, .ww-card h2 {
  border:none;
  padding:none;
  margin:none;
  width:100%;
  text-transform:none;
  text-align:center;
  font-weight:400;
  font-size:var(--h3);
}

.ww-accordion-row h3, .ww-accordion-row a {color: #000000 !important;}



/** HEADER **/

.cwtc-video-background {
  z-index: 1;
   
}

#cwtc-page-hero-section {
    background-attachment: fixed;
    text-align: left;
    background-position: 0% 50%;
}


.cwtc-video-background .cwtc-video-container {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: -1;
}

.cwtc-video-background .cwtc-video-container video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}





#cwtc-page-hero-section .cwtc-video-overlay {
    background-color: rgba(25,25,25,0.9);
  backdrop-filter: grayscale(1.0);
 
}


.cwtc-video-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
     
}





svg#brxe-1ed19b {
    margin-bottom: -1px;
}





#accreditations img {width: auto; margin:var(--space-m); max-height:64px;}



/** HERO **/



.page-id-306 .ww-hero-content {
    min-height: 25vh !important;
}





/** PAGE **/

#sectors,
#services {
  scroll-margin-top: 108px; /* match your fixed header height */
}

.ww-page-section-wrapper:nth-of-type(2n) {
    flex-direction: row-reverse;
}

.ww-page-section-wrapper:nth-of-type(2n) .ww-page-content-background-image {
    background-position-x: 100% !important;
}

.ww-page-content-background-image {background-size:auto 100vh !important;}


ul.ticks {padding-left:0px;}

ul.ticks li {
	padding-left:var(--space-l);
	list-style-type: none;
	background: url(https://climberswaytreecare.co.uk/wp-content/themes/climberswaytreecare/images/tick.png) no-repeat 0px 0px;
	}






/** YOUTUBE PLAYER **/

/* YouTube Lazy Load */

.youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  width:100%;
  max-width: 100%;
  background: #000;
  margin: 0;
}

.portrait-video .youtube-player  {padding-bottom:177.77% !important;}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
    
.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -o-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all;
  object-fit: cover;
  height: 100%;
}
.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}


.youtube-player .play { 
  background:rgba(210,24,32,1);
  
  border-radius: 50% / 10%;
  color: #FFFFFF;
  font-size: 1em; /* change this to change size */
  height: 3em;
  margin-top:-1.5em;
  margin-left:-2em;
  top:50%;
  left:50%;
  padding: 0;
  position: absolute;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  width: 4em;
  cursor: pointer;
}

.youtube-player .play:hover {
  background: rgba(250,150,100,1);
  }

.youtube-player .play::before { 
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

.youtube-player .play::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 1);
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}




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

/** ABOUT PAGE **/

#brxe-czvdpq {grid-template-columns: var(--grid-auto-4) !important;}

}

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

  #accreditations img {margin:var(--space-m);}

}



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

}

@media screen and (max-width:980px) {
  #accreditations img {margin:var(--space-s);}

}

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

  #accreditations img {margin:var(--space-s); max-height:var(--space-xl);}

  .cwtc-page-section-wrapper:nth-of-type(2n) .ct-section-inner-wrap {
    flex-direction: column;
}

}

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


   #_nav_menu-182-15744 .menu-item a {padding-top:8px; padding-bottom:8px;}

  
   #accreditations img {margin:var(--space-xs); max-height:var(--space-l);}

   

}