/* Typology */
@media (min-width: 769px) {
  html{
    font-size: 1.188rem;
  }
}

.content-text h1:not(#\9), .content-text h2:not(#\9), .content-text h3:not(#\9), .content-text h4:not(#\9), .content-text h5:not(#\9), .content-text h6:not(#\9){
  margin-bottom: 0.4rem; 
}
.content-text p+h1:not(#\9), .content-text p+h2:not(#\9), .content-text p+h3:not(#\9), .content-text p+h4:not(#\9), .content-text p+h5:not(#\9), .content-text p+h6:not(#\9){
  margin-top: 2rem; 
}

.content-text p+p:not(#spec) {
  margin-top: 1rem; 
}

.body .ba-item-text:not(.hide-link) .content-text a, .footer .ba-cookies .content-text a{
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-style: dotted;
}
.body .ba-item-text:not(.hide-link) .content-text a:hover, .footer .content-text a:hover, .footer li.nav-item a:hover{
  text-decoration: underline!important;
  text-underline-offset: 5px !important;
  text-decoration-style: solid !important;
}



.content-text ul li{
  font-weight:400;
  padding-bottom:0.4rem;
}

/* shape divider fix */
.ba-shape-divider.ba-shape-divider-top {
margin-top: -3px;
}

.ba-shape-divider.ba-shape-divider-bottom {
margin-bottom: -3px;
}


/* HOME */
.why-website-slider ul li+li{
  padding-top: 0.8rem;
}

/* SERVICES */
.list-our-services{
  background: url("https://www.webdesigndover.co.uk/images/web-design-services/our-website-services.webp") no-repeat center;
}

.optional-extras{
  background-position: 180% 60% !important;
}


/* PROJECTS */

.projects-image .intro-post-image{
  background-position: top center !important;  
}
.projects-image .intro-post-wrapper{
  border-radius: 50px;
}

.projects-image .fullscreen-post.intro-post-wrapper{
  justify-content: flex-end;
}
.projects-image .intro-post-wrapper .intro-post-title-wrapper{
    padding: 0 15px;
}
.client-review .ba-field-group-wrapper{
  border-radius: 50px;
  padding: 50px;
  margin-left: 50px;
  margin-right: 50px;  
  background-image: linear-gradient(35deg, var(--secondary) 35%, var(--primary) 75%);
  box-shadow: 0px 5px 10px 4px var(--shadow);
}

.client-review .ba-field-group-wrapper .ba-field-wrapper:last-child .ba-field-content{
  font-size: 0.9rem !important;
  font-weight: 700;
}

@media (max-width: 768px) {
  .client-review .ba-field-group-wrapper{
  	padding: 25px;
    margin-left: 0px;
    margin-right: 0px; 
  }
}

.ba-instagram-image {
  background-position: top center;
}

.project-categories .ba-blog-post.active .ba-blog-post-title:not(#\9) a{
  font-weight: 700;
}

/* CONTACT */
.contact-form .ba-form-page{
  background-image: linear-gradient(35deg, var(--primary) 35%, var(--secondary) 75%);
}
.contact-form .ba-form-submit-wrapper .ba-form-submit-btn-wrapper{
  justify-content: flex-end;
}


.contact-form .ba-field-label-wrapper{
  padding-left: 35px;
}

.contact-form .ba-form-acceptance-html a{
  color: var(--title-inverse) !important;
  font-weight: 700;
}
.contact-form .ba-form-acceptance-html a:hover{
  color: var(--overlay) !important;
}

.google-map iframe{
  border-radius: 50px;
  box-shadow: 0px 5px 10px 4px var(--shadow);
}

/* TERMS */
.accordion .accordion-group:first-child, .accordion-group:first-child .accordion-heading{
  border-radius: 12px 12px  0px 0px;
}
.accordion .accordion-group:last-child, .accordion-group:last-child .accordion-heading .collapsed{
  border-radius: 0px 0px 12px 12px ;
}

.accordion-heading > a > span + i {
	/* move open/close to start of tab */
  left: 1rem;
  right: initial;  
}
.accordion-toggle > span {
  padding-left: 2.3rem;
}