/*
Theme Name: Breakwork
Description: Theme for Breakwork
Author: Matthew Tilley
Author URI:http://www.hellocavalry.com/;
Version: 1
*/

html{
  scroll-behavior: smooth;
}

.icon-text .material-icons {
    font-size: 26px;
    margin-bottom: 11px;
}


header.header .main-navigation ul li.contact-link a{
    float: right;
    padding-right: 0;
    background-color: #1e5be9;
    padding: 10px 15px 7px 15px;
    border-radius: 20px;
    color: #ffffff !important;
}

header.header .main-navigation ul li.contact-link a:hover{
  opacity: 0.7;
}

header.header .main-navigation ul li.contact-link a:before{
  display: none !important;
}

header.header .main-navigation ul {
    line-height: initial;
}

.page-linking .page-link .align-middle:after{
  content: " ";
}

.page-linking .next-page .align-middle:after{
  content: " ";
}

.col-2.logo-container{
    padding-left: 3px;
    padding-right: 3px;
    position: relative;
    float: left;
}

p a {
    color: #000000;
    text-decoration: underline;
}

p a:hover {
    text-decoration: none;
}

textarea:focus-visible,
textarea:focus,
select:focus-visible,
select:focus {
    outline: transparent;
}




input:not([type="submit"]), select,textarea {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #fff!important;
    color: #fff;
    font-family: "Helvetica LT Std",sans-serif;
    font-size: 16px;
    padding: 10px 0;
    width: 100%;
    margin-bottom: 25px;
    border-left: none;
}

select {
    min-height: 41px;
}

textarea#input_1_8 {
    height: 100px;
}

label {
    /* position: absolute;
    top: 5px; */
    color: #fff;
    font-size: 12px;
}

.justify-center{
  display: flex;
  justify-content: center;
}

.text-grey{
  color: #979797;
}

.line-height-s{
  line-height: 1.25;
}

.line-height-m {
  line-height: 1.5;
}

@media (min-width: 1024px) and (max-width: 1535px) {
  #site-navigation{
    width: 80%;
  }

  header.header .main-navigation{
    position: static;
  }

  #menu-top-navigation{
    justify-content: flex-end;
  }
}

@media (min-width: 1535px) {
	header.header .main-navigation ul li.contact-link{
		margin-left: auto;
	}
}

@media (min-width: 1024px) {
	#menu-top-navigation{
		display: flex;
		align-items: center;
	}
	
	header.header .main-navigation ul li.contact-link{
		margin-top: initial !important;
	}
	
	header.header .main-navigation ul li.contact-link a{
		padding : 10px 15px !important;
	}
}




/* Tablet Classes */

@media (min-width: 768px) and (max-width: 1023px) {
  .rightborder-t{
    border-right: 1px solid #fff;
  }
  
  .leftborder-t{
    border-left: 1px solid #fff;
  }
  
  .topborder-t{
    border-top: 1px solid #fff;
  }
  
  .bottomborder-t{
    border-bottom: 1px solid #fff;
  }
}

.hero.bg-blue h1{
	font-weight: 700 !important;
}

.hero.big.bg-dark-grey{
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 1240px) and (max-width: 1469px) {
	.cea .hero.big.bg-dark-grey .row:first-of-type .col-10-xl{
    	width: 100%;
  	}
}

@media (min-width: 1025px) and (max-width: 1500px) {
  .cea .hero.big.bg-dark-grey{
    max-height: initial !important;
    height: auto !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cea .hero.big.bg-dark-grey h1{
    font-size: 46px !important;
	  line-height: 50px !important;
  }
}

@media (max-width: 768px) {
  .cea .hero.big.bg-dark-grey h1{
    font-size: 40px;
    line-height: 50px;
  }

  .cea .hero.big.bg-dark-grey h2 {
    font-size: 24px;
  }
}


.cta-btn{
  display: flex !important;
  align-items: center;
  padding: 0.75rem 2rem;
  background-color: #262626;
  color: #fff;
  border: none;
  cursor: pointer;
}

.cta-btn.blue-btn{
  background-color: #1e5be9;
}

.cta-btn p{
  font-family: "Helvetica LT Std",sans-serif;
  margin-bottom: 0;
  font-weight: 600;
  transition: all .3s ease-in-out;
}

.icon-blue{
  filter: invert(32%) sepia(77%) saturate(7427%) hue-rotate(224deg) brightness(99%) contrast(84%);
}

.cta-btn img{
  margin-right: 1rem;
}

.hover-blue .cta-btn:hover img{
  filter: invert(32%) sepia(77%) saturate(7427%) hue-rotate(224deg) brightness(99%) contrast(84%);

}

.cta-btn:hover{
  background-color: #fff;
}

.cta-btn:hover p{
  color: #262626;
  transform: translateX(15px);
}

.header.cta-btn{
  background-color: #1e5be9;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 100px 80px;
}

.header.cta-btn h3{
  font-size: 40px;
  transition: all .3s ease-in-out;
}

.header.cta-btn img{
  width: 32px;
  margin-right: 2rem;
}

.header.cta-btn:hover{
  background-color: #fff;
}

.header.cta-btn:hover h3{
  color: #252525;
  transform: translateX(30px);
}

.header.cta-btn:hover img{
  filter: invert(32%) sepia(77%) saturate(7427%) hue-rotate(224deg) brightness(99%) contrast(84%);
}

@media (max-width: 1119px) {
  .header-cta{
    width: 100%;
  }

  .header.cta-btn{
    padding: 30px;
    margin-top: auto;
    justify-content: center;
    width: 100%;
  }
  .header.cta-btn h3{
    font-size: 20px;
    transition: all .3s ease-in-out;
  }

  .benefit-block{
    min-height: 293px !important;
    margin-bottom: 0 !important;
  }
}

/* .header-cta-btn h3::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 2rem;
  width: 32px;
  height: 32px;
  background: url(../breakwork/assets/icon/black/arrow-right.svg) no-repeat center center;
  background-size: contain;
} */

.benefit-block{
  min-height: 372px;
  transition: all .3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0 !important;
}

@media (min-width: 1024px) and (max-width: 1119px) {
  .rightborder-ds{
    border-right: 1px solid #fff;
  }
  
  .leftborder-ds{
    border-left: 1px solid #fff;
  }
  
  .topborder-ds{
    border-top: 1px solid #fff;
  }
  
  .bottomborder-ds{
    border-bottom: 1px solid #fff;
  }

  .no-bottomborder-ds{
    border-bottom: none;
  }

  .no-leftborder-ds{
    border-left: none;
  }
}

.benefit-block .small-number{
  font-weight: bold;
  position: absolute;
  top: 50px;
  color: #fff;
}

.benefit-block:hover{
  background-color: #fff;

}

.benefit-block:hover .small-number{
  color:#1e5be9;
}

.benefit-block:hover h4 {
  color: #252525;
}

.slider-quote{
  padding-left: 70px;
  padding-right: 50px;
}

.slider-quote::before{
  content: '“';
  display: block;
  font-size: 96px;
  position: absolute;
  top: -20px;
  left: 10px;
}

.slider-quote::after{
  content: '”';
  display: block;
  font-size: 96px;
  position: absolute;
  bottom: -10px;
  right: 10px;
  line-height: 0;;
}

@media (max-width: 768px) {
  .benefit-block{
    padding: 50px !important;
  }

  .benefit-block .small-number{
    position: relative;
    font-weight: normal;
    top: initial;
    font-size: 13px;
    margin-bottom: 40px;
  }

  .slider-quote{
    font-size: 24px !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .slider-quote::before{
    content: '“';
    display: block;
    font-size: 48px;
    position: relative;
    line-height: 0;
    left: 0px;
  }
  
  .slider-quote::after{
    content: '”';
    display: block;
    font-size: 48px;
    position: absolute;
    bottom: -10px;
    right: 10px;
    line-height: 0;;
  }
}

.owl-nav {
  position: absolute;
  left: 6%;
}

@media(max-width: 990px) {
  .owl-nav {
    position: initial;
    display: flex;
    justify-content: center;
  }
}

.owl-nav .owl-prev{
  margin-right: 2rem;
}

.owl-nav .owl-next{
  margin-left: 2rem;
}

.owl-nav img{
  filter: invert(69%) sepia(0%) saturate(1150%) hue-rotate(214deg) brightness(87%) contrast(92%);
  width: 32px;
}

.owl-nav .owl-next:hover img,
.owl-nav .owl-next:active img,
.owl-nav .owl-prev:hover img,
.owl-nav .owl-prev:active img{
  filter: invert(32%) sepia(77%) saturate(7427%) hue-rotate(224deg) brightness(99%) contrast(84%);
}

#approach .small-number{
  color: #1e5be9;
  font-weight: bold;
  margin-bottom: 0;
}

#approach hr{
  margin: 1.5rem 0;
}

.accordion {
  padding-left: 0 !important;
  margin-top: 0 !important;
}

.accordion li{
  position: relative;
}

ul.accordion li:first-of-type a.toggle{
  padding-top: 0;
}

a.toggle{
  display: flex !important;
  width: 100% !important;
  justify-content: space-between;
}

a.toggle h5{
  max-width: 90%;
}

a.toggle img{
  display: block;
  width: 21px;
  height: 21px;
  /* position: absolute;
  right: 50px;
  top: 26px; */
  transform: rotate(-45deg);
  transform-origin: center;
  transition: all .3s ease-in-out;
}

ul.accordion li:first-of-type a.toggle::after{
  top: -12px;
}

ul.faq-list,
ul.faq-list li {
  list-style: circle;
}

ul.faq-list::marker{
  color: #fff;
}

ul.faq-list li{
  color: #fff;
  border-bottom: none;
  padding-bottom: 1rem;
}

.rotate {
  transform: rotate(0) !important;
}

.gform_button {
    background: 0 0;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 16px;
    font-family: "Helvetica LT Std",sans-serif;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

/* .gform_footer.top_label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    width: 14px;
    height: 14px;
    background: url(../icon/black/arrow-right.svg) no-repeat center center;
    background-size: contain;
} */

.gfield{
  position: relative;
}

.validation_message {
    position: absolute;
    bottom: -2px;
    font-size: 14px;
    color: #ff5656;
}

.gfield_required_text{
  display: none;
}

h2.gform_submission_error.hide_summary {
    font-size: 18px;
    color: #ff5656;
    font-weight: normal;
    padding: 1%;
}

.gform_footer.top_label {
    padding: 0px 1%;
}

.btn-wrapper:before, .submit-wrapper:before {
    margin-top: -4px;
}

#gform_fields_1 .gfield select {
	background-color: #1E5BE9 !important;
}

#gform_fields_2 {
  margin-bottom: 20px;
}

#gform_fields_2 .gfield_label {
  color: #262626;
  font-weight: bold;
  font-size: 18px !important;
  cursor: text;
}

#gform_fields_2 input{
  border-bottom: 1px solid #979797 !important;
  color: #262626;
  font-family: "GT Pressura Mono",sans-serif;
  font-size: 16px !important;
  transition: all .2s ease-in-out;
  height: initial;
}

#gform_fields_2 .gfield{
  margin-bottom: 50px;
}

#gform_fields_2 input:placeholder-shown {
  height: 0;
  padding: 0;
}

#gform_fields_2 input:focus{
  border-bottom: 1px solid #1e5be9 !important;
  height: initial;
  padding: 10px 0 !important;
}

#gform_fields_2 input::placeholder{
  color: transparent;
  font-family: "GT Pressura Mono",sans-serif;
  font-weight: bold;
  font-size: 18px !important;
}

#gform_fields_2 .validation_message{
  position: initial;
}

#gform_confirmation_message_2{
  color: #008E2B;
  padding: 1.5rem 1.25rem;
  font-size: 14px;
  background-color: #E1F6E7;
  font-family: "Helvetica LT Std",sans-serif;
}

#gform_confirmation_message_2::after{
  content: url(assets/icon/grey/check-mark.svg);
  display: block;
  width: 24px;
  height: 24px;
  padding: 3px 5px 5px;
  border-radius: 50%;
  background-color: #008E2B;
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
}

.gform_fields .gform_validation_container {
    display: none;
}

.submit-container{
  display: inline-block;
  background-color: #1e5be9;
  border: 1px solid #1e5be9;
  padding: 1rem 0.5rem;
  padding-right: 5rem;
  position: relative;
  transition: all .1s ease-in-out;
  cursor: pointer;
}

.submit-container input{
  margin-left: 0;
  line-height: normal;
}

.submit-container:hover{
  background-color: #fff;
  border: 1px solid #979797;
}

.submit-container:hover input{
 color: #262626;
}

.submit-container:before{
  content: '';
  height: 40%;
  width: 1px;
  display: block;
  opacity: 0;
  background: #fff;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .1s ease-in-out;
}

.submit-container::after{
  content: url(assets/icon/grey/arrow.svg);
  display: block;
  width: 18px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .1s ease-in-out;
}

.submit-container:hover::before{
  opacity: 1;
}

.submit-container:hover::after{
  transform: translate(10px, -50%);
  filter: invert(69%) sepia(0%) saturate(1150%) hue-rotate(214deg) brightness(87%) contrast(92%);
}

.gform_footer{
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* MOBILE */
@media (max-width:1024px) {

  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  header.header .site-logo img {
      width: 120px;
      height: auto;
  }

  header.header {
    padding: 20px 0 !important;
  }
	
  header.header .mobile-navigation {
    padding: 25px 20px;
  }

  .col-2.logo-container {
    width: 50% !important;
  }

  .col-2.logo-container img {
    width: 100%;
  }
}

/* DESKTOP */
@media (min-width:1024px) {

  .desktop {
    display: block;
  }

  .mobile {
    display: none;
  }

  header.header {
      padding: 10px 0;
  }


  header.header .site-logo img {
    width: 200px;
    height: auto;
  }

  .site-branding {
    display: flex;
    align-items: center;
  }

  header.header.sticky{
    top: 0 !important;
    padding: 3.5px 0 !important;
  }

  .logo-container img {
    width: 100%;
  }

  header.header .main-navigation ul li.contact-link {
    float: right;
    padding-right: 0;
    margin-top: -6px;
  }

  .gfield--width-half {
      width: 48%;
      display: inline-block;
      margin: 1%;
  }
}