.custom-icon .sow-icon-ionicons
{
		background: black !important;
		border-radius: 100%;
		padding: 10px;
		max-width:85px;
		width: 100%;
}

.custom-icon .sow-icon-fontawesome {background: black !important;
		border-radius: 100%;
		padding: 10px;
		max-width:85px;
		width: 100%;
}


.sow-tabs-tab {
	margin-bottom: 10px !important;	
}

		




@media only screen and (max-width: 780px) {
.astm-search-menu.open {
xpadding-bottom: 20px !important;
}

.is-search-form {
		width: 100% !important;
}


.astm-search-menu {
	margin-left: 10px;	
			margin-right: 10px;	

}
}

#mobile-dropdown {
	overflow: visible !important;	
}



@media only screen and (max-width: 780px) {
	    .cover-div-s1 {
				width: 100%;
								height: 100%;

		}
				
					    .cover-div-s2 {
				width: 100%;
								height: 100%;

		}
				
					    .cover-div-s3 {
				width: 100%;
								height: 100%;

		}
				
					    .cover-div-s4 {
				width: 100%;
								height: 100%;

		}
		.cover-div-s1 {
left: -30px !important;
}
				.cover-div-s3 {
left: 30px !important;
}
						.cover-div-s4 {

		left: 0px !important;
		}
	}

.cover-div-s1 {
position: relative;
left: -100px;
}


.cover-div-s3 {
position: relative;
left: 100px;
}
.cover-div-s4 {
position: relative;
left: 200px;
}

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

.mylist-div {
		margin-left: 0px !important;
		margin-right: 0px !important;
}
}


@media only screen and (max-width: 780px) {
.search-mirror-row-text p {
	margin-bottom: 0px !important;	
		padding: 0px;
}

.search-mirror-row-text {
		margin-bottom: 30px;
}
}

.footer-social-icons-flex {
	display: flex;
		justify-content: center;
		gap: 10px;
}

#footer-widgets a {
		color: white !important;
}

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

.button-div  {
		opacity: 1 !important;
		}
		
		.owl-element span  {
		opacity: 1 !important;
		}
		.image-overlay-test {
background: rgb(0, 0, 0, 0.4)		}
		.row {
margin-right: 0px !important;		
		margin-left: 0px !important;	

}
		
.image-overlay-test {
box-shadow: inset 0px -100px 52px -20px rgba(0,0,0,0.5) !important;
}	
		
			.hero-paragraph {
				font-size: 11pt !important;
		}
}


		
		.hero-paragraph {
				font-size: 12pt;
		}
		


.image-overlay-test {
box-shadow: inset 0px -41px 52px -20px rgba(0,0,0,0.75);
}



.owl-element span {
		font-family: hancock;
		line-height: 20pt !important;
	
}

.second-span {
					font-family: arial !important;
}

.button-div button {
		font-family: hancock;

}


@media only screen and (max-width: 780px) {
.carousel-caption {
	left: 5% !important;
			right: 5% !important;

}
}






#footer-widgets {
padding-top: 0px !important;
		padding-bottom: 0px !important;

}



.carousel-control:focus{
    outline: none !important;
}



.is-ajax-search-result {
		max-width: 430px !important;
	
		background: white !important;
		margin-top:15px !important;
		border-radius: 25px !important;
		filter: drop-shadow(2.5px 2.5px 5px rgba(0, 0, 0, 0.47));
}

.is-show-more-results-text {
		background: #feb72b;
				border-radius: 0px 0px 20px 20px !important;
		margin-top:10px !important;

}

.is-ajax-search-post {
	background: transparent !important;	
}

.is-search-submit {
float: left;
}

.is-search-icon  {
		background: transparent !important;
						xmin-height: 45px !important;
		border: 0px !important;
		border-right: 1.5px solid #A7A7A7 !important;

}

.is-search-icon svg  {

		width: 30px;
		margin-left:-5px;
		margin-top:-2px;
		opacity: 0.5
}

.is-search-form {
		
max-width: 430px;
			filter: drop-shadow(2.5px 2.5px 5px rgba(0, 0, 0, 0.47));

}

.is-search-form input {
border-radius: 0px 40px 40px 0px !important;
				min-height: 45px !important;
margin-left:-1px !important;

}

.is-form-style input.is-search-input {
				border: 0px !important;

}

.is-form-style button.is-search-submit {
		width: 56px !important;
								min-height: 45px !important;
background: white;
				border-radius: 40px 0px 00px 40px !important;
}

.is-form-style.is-form-style-3 label {
		width: calc(100% - 56px)!important
}

#mobile-dropdown .menu:before {
		content: "";
		height: 50px;
		width: 100%;
		xbackground: red;
		display: block;
				 background-image: url("https://hancockandsonsbuilders.co.uk/dev/wp-content/uploads/2023/05/Hancock-Hori.png");
		background-size: 70vw;
		background-repeat: no-repeat;
		margin-left: 5%;
		margin-top: -30px;
		

}

.oceanwp-mobile-menu-icon .oceanwp-text {
		color: white !important;

}

.xxxoceanwp-mobile-menu-icon svg path {
		fill: white !important;

}
@media only screen and (max-width: 780px) {

.oceanwp-mobile-menu-icon a {
		
		color:white !important;
		}

}

#mobile-dropdown {
		max-height: 100vh !important;
}

.oceanwp-mobile-menu-icon {
				z-index: 999999;
		position:relative !important;
}

#mobile-dropdown nav {
		padding-top: 70px;
	xbox-shadow: 0px -66px 0px 0px rgba(0,0,0,1);
		background: black;
	
		
}

#mobile-dropdown {
				margin-top:-80px !important;
}

#mobile-dropdown a {
color: white;
}

.oceanwp-close-text {
	color: #FEB72B;	
}



/* Portfolio */

.stack-buttons .widget_sow-button {
		display: inline-flex;
}

.photonic-thumb img {
		border-radius: 25px;
						box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 5px 0px; 
}

.photonic-thumb {
				padding: 7px !important;
}


.sow-tabs-tab-selected.sow-tabs-tab {
opacity: 0;
	 width: 0px;
		margin: 0px !important;
		padding: 0px !important;
}

.sow-tabs-tab {
opacity: 1;
}



.sow-tabs-tab {
		background: #f2f2f2 !important;
		border-radius: 15px;
		max-height: 50px;
		xbox-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px 0px; 

}

.sow-tabs-tab:hover {
background:#FEB72B !important;
}

.sow-tabs-tab-selected:hover {
		background-size: 500px 500px!important;


}

/* Portfolio */







/* Header and Menu */

#site-navigation-wrap a {
		color: white !important;
}

#menu-item-94 a:before {
		content: "";
		width: 50%;
		height: 70%;
		left: 0px;
		right: 0px;
		bottom: 0px;
		top:12.5%;
		background: #FEB72B;
		position: absolute;
z-index:-1;
}


#menu-item-94:hover a:before {
		width: 100%;

}



#menu-item-94 a:before {
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

#site-header.shrink .sub-menu:nth-child(2) .sub-menu {
		background: #feb72b !important;

  border-bottom-right-radius: 15px;
}

#site-header.shrink .sub-menu:nth-child(2) .sub-menu .menu-item span {
		xxcolor: black !important;
		font-weight: bold;
}

#site-header.shrink .sub-menu {
		background: black !important;
  xborder-bottom-right-radius: 15px;
		  border-bottom-left-radius: 15px;
		border-bottom: solid 5px #feb72b;
}

.sub-menu {
		width: 200%;
}

#main.blur {
		filter: blur(4px)   !important;
		box-shadow: inset 0px 0px 35px 4px rgba(0,0,0,0.25);


}

#main.blur :before {
  position: fixed;
  top: 0;
  left:0;
  height: 100%;
  width: 100vw;
  background-color: rgba(0,0,0,0.5);
  z-index: 999999;
		opacity: 0.01;
				xfilter: opacity(0.01)   !important;

}



#main {
		filter: blur(0px) !important;
						transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.xxxsub-menu {
		visibility: visible !important;
		opacity: 1 !important;
		display: block !important;
}

.sub-menu span:after {
display: none !important;
}

.menu-item {
			font-family: hancock !important;

}

.sub-menu .menu-item  {
					font-family: arial !important;

}


.sub-menu .menu-item:hover {
	border-bottom-color: #feb72b !important;	
		border-bottom-width: 2px !important;
}

#site-navigation a {
		background: transparent !important;
		xline-height: 40px !important;
		xmargin-top: px;
}

#site-navigation a:hover span:after {

		opacity: 1;
		      -webkit-transition: opacity .8s ease-in-out;  
}

#site-navigation a span:after {
			opacity: 0;
				transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
			content:"";
		display: block;
border-bottom: 2px solid #FEB72B;
}

.dropdown-menu .sub-menu {
		background-color: transparent !important;
		border-top: 0px !important;
}

.sub-menu a {

		xxxmargin-top: 0px !important;
		text-decoration: none !important;

}

.sub-menu {
		box-shadow: 0px 0px 0px !important;


}

#site-logo {
		opacity: 0;
				  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

#site-header.shrink #site-logo {
				opacity: 1;
		  transition-property: opacity;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

#site-header.shrink {
		position: fixed;
		  animation-name: example;
  animation-duration: 1s;
		background: black;
}

@keyframes example {
  0%   {top: -100px;}
  100% {top: 0px;}
}

@keyframes example2 {
  0%   {opacity: 1; top:100px;}
	50%   {opacity: 0; top:0px;}
  100% {opacity: 1; top:0px;}
}

#site-header {
				  animation-name: example2;
  animation-duration: 3s;

}

/* Header and Menu */







/* Hero Slider */
@media only screen and (max-width: 0px) {

@media only screen and (min-width: 920px) {

.slider, .slide {
		xheight: 60vh !important;
		height: 800px !important;
}
}

.slide__img .full-image {
		width: 100%;
}


.slide .top-title {
		
			font-family: hancock !important;
	
}


.slider .hero-overlay-test {
		opacity: 0.5;

}

.slider .hero-overlay-test-2  {
		opacity: 0.5;
}

.slider:not(:hover) .hero-overlay-test {
		opacity: 1;

}

.slider:not(:hover) .hero-overlay-test-2  {
		opacity: 1;
}

.hero-overlay-test {
		transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.hero-overlay-test-2  {
		transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}



.slide .slide__content--headings .button-custom {
		border-style: none !important;
		box-shadow: 0px 0px !important;
} 

.slide__content {
		z-index:3;
		top: 55% !important;
}

.hero-overlay-test {
		background: rgba(39,104, 160, 0.4)  !important;
width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
mix-blend-mode:screen;

}


.hero-overlay-test-2 {
		background: rgba(0,0, 0, 0.7)  !important;
width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;

}

.top-title {
font-family: "arial" !important;		
		margin-top: 200px !important;
		letter-spacing: 4pt;
		
}


.text-center .button-custom {
		top: 20px;
}

.title  {
font-family: "arial" !important;
		font-size: 11pt !important;
		max-width: 800px;
		color: #C8C8C8;
}


.button-custom {
		background: transparent !important;
		border: none !important;
		text-decoration: none !important;
		z-index: 0 !important;
		position: relative !important;
		color: white !important;

}


.button-custom:before {
		content: "";
		width: 40%;
		height: 120%;
		left: 10px;
		right: 0px;
		bottom: 0px;
		top:-10%;
		background: #FEB72B;
		position: absolute;
z-index:-1;
}



.button-custom:hover::before {
		width: 90%;
}

.button-custom:before {
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}



.logo-test-123 {
position: absolute;
		z-index:3;
		margin: auto;
		margin-top: 150px;
		left: 50%;
		transform: translate(-50%, -0%);
}

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

.logo-test-123 {
max-width: 250px !important;
				margin-top: 0px;

		}
		.slide .slide__img img {
				max-width: 300% !important;
				width: auto;
				height: 500px !important;
		

		
}
		
	.slider, .slide {
		height: 500px !important;
}	
		
		.slick-list   {
		height: 500px !important;
}	
		
}
		
		.slide .text-center {
margin-top: 100px;		
}



@media only screen and (min-width: 1200px) {


.slide__content__left {
		margin-left: 10%;
}

.slide__content__right {
		margin-right: 10%;
}
}

		
		}

/* Hero Slider */




/* Owl Carousel */

.owl-element span {
		color: white !important;
}


.owl-element:hover .button-div  {
				opacity: 1;
						  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;

}

.owl-element .button-div {

						  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;
}


.owl-element .button-div {
								opacity: 0;

		
		display: block;
		position: absolute;
		bottom: 0;
		color: white;
		xmargin-left: 20px;
width: 100%;
		z-index:1;
		bottom: 50px;
}

.owl-element .button-div button {
			
font-size: 14pt;
		padding: 10px 20px 10px 20px;
				border-style: none;

xborder-radius: 25px;
						xbox-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px; 
			xbackground: #FEB72B  !important;

}

	.owl-element button {
		background: transparent !important;
		border: none !important;
		text-decoration: none !important;
		position: relative !important;
		color: white !important;
font-size: 12pt !important;
					padding: 14px 27px 14px 27px !important;

}


.owl-element button:before {
		content: "";
		width: 40%;
		height: 120%;
		left: 10px;
		right: 0px;
		bottom: 0px;
		top:-10%;
		background: #FEB72B;
		position: absolute;
z-index:-1;
}



.owl-element button:hover::before {
		width: 90%;
}


.owl-element button:before {
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}


.owl-element .button-div button {
	background: transparent !important;	
}





.owl-element:hover .second-span {
		opacity: 0.75;
}


span.second-span  {
				bottom: 120px !important;
		font-size: 14pt;

}

#main {
		overflow: hidden !important;
}



.owl-element:hover span {
				opacity: 1;
								  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;

}

.owl-element span {
								  transition-property: all;
  transition-duration: 0.7s;
  transition-timing-function: ease-in-out;
}

.owl-element span {
						opacity: 0;

		height: auto !important;
		margin: 0px !important;
				width: 100% !important;
				xborder-radius: 40px;
		background: transparent !important;
		padding: 0px !important;
position: absolute;
		bottom: 150px;



}

.background-image-test {
		height: 100%;
		border-radius: 40px;

}

.image-overlay-test {
				height: 100%;
				border-radius: 40px;
		position: absolute;
		width: 100%;
		


			xbackground: rgb(0, 0, 0, 0.5)

 !important;	
				  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}



.owl-element:hover .image-overlay-test {
		
			background: rgb(0, 0, 0, 0.5)

 !important;	
				  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;

}




.owl-element span {
z-index: 1;		
}


.owl-element {
		height: 400px;
		padding: 0px !important;
				border-radius: 40px;

}

.owl-carousel .owl-stage-outer {
				overflow: visible !important;
}


.owl-stage {
			height: 400px;
}

.carousel-custom-main {
				height: 400px !important;
}


.owl-nav {

		position: absolute;
		width: 100%;
		

}



.owl-nav span {
		display: none;
}

.owl-next {
		bottom: 220px;
		position: relative;
				box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px; 

float: right !important;	
				background: #FEB72B  !important;
		width: 50px;
				height: 50px;
border-radius: 100%;
				  background-image: url('https://hancockandsonsbuilders.co.uk/dev/wp-content/uploads/2023/12/Arrow-White.png') !important;  background-size: 22px !important;
  background-position: center !important;
		background-repeat: no-repeat !important; 
		margin-right:-40px;
}

.owl-prev {
				bottom: 220px;
		position: relative;
				box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px; 
		box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px; 

float: left !important;	
		background: #FEB72B  !important;
		width: 50px;
				height: 50px;
border-radius: 100%;
				  background-image: url('https://hancockandsonsbuilders.co.uk/dev/wp-content/uploads/2023/12/Arrow-White-Left.png') !important;  background-size: 22px !important;
  background-position: center !important;
		background-repeat: no-repeat !important; 
		margin-left: -25px;
}



.owl-item {
		xbackground: red;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 20px 0px; 
}

.owl-item {
		xheight: 400px;
		border-radius: 40px;


}



.owl-stage > .active {
				xbackground: blue;
		xxscale: 1.06;
		xmargin-left: 10px;
				xxmargin-right: 35px !important;

}

.owl-stage > .active ~ .active {
				xbackground: red !important;
				xscale: 1;
				xmargin-left: 0px;
						xmargin-right: 20px !important;



}


/* Owl Carousel */




#xxxfooter {
		display: none;
}

#main #content-wrap {
		padding-top: 0px;
		padding-bottom: 0px;
}

.mycustombutton .ow-button-base a {
		background: transparent !important;
		border: none !important;
		text-decoration: none !important;
		z-index: 0 !important;
		position: relative !important;

}


.mycustombutton .ow-button-base a:before {
		content: "";
		width: 40%;
		height: 120%;
		left: 10px;
		right: 0px;
		bottom: 0px;
		top:-10%;
		background: #FEB72B;
		position: absolute;
z-index:-1;
}





.mycustombutton:hover .ow-button-base a:before {
		width: 90%;
}

.mycustombutton .ow-button-base a:before {
  transition-property: width;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}










.temp-photo img {
		border-radius: 50px;

}

.custom-p p {
		line-height: 2;
}





.button-underline-test .so-widget-sow-button span {
		border-bottom: 2px solid #feb72b;
		font-family: hancock;
		font-size: 13pt;
color:#131932 !important;
		padding-bottom: 5px;
}

.so-widget-sow-button a {
text-decoration: none !important;		
}

.so-widget-sow-button span {
		font-family: hancock;
		font-size: 13pt;
}



.testimonials-slider .sow-slide-nav a {
		color: grey !important;
		text-decoration: none !important;
		border: 1px solid grey;
		border-radius: 100%;
padding: 10px !important;		
}


.clientl-logo {

      -webkit-filter:contrast(0);
      -webkit-transition: all .8s ease-in-out;  
    }

.clientl-logo:hover {

      -webkit-filter:contrast();

    }
		


.architecture-row-test {
		padding-left: 0px !important;
}




.flipping-word {
		font-family: hancock;
		font-size: 30pt;
}
.word {
color: #feb72b;
}




.mylist:hover::before {
color: #FEB72B;
						  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.mylist-div {
		margin-top: 15px;
margin-left: 30px;	
		margin-right: -10px;
}
.mylist {

		display: inline;
}


.mylist:before {
      font-family: "Font Awesome 5 Free"; font-weight: 600; content: "\f00c";
		margin-right: 5px;
								  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
    }





.custom-icon .sowm-regular 
{
		background: black !important;
		border-radius: 100%;
		padding: 10px;
}



.temp-photo-2 img {
		border-radius: 30px;

}

.wpforms-container .wpforms-submit-container {
		text-align: center;
}

.wpforms-submit {
		background: #FEB72B !important;
		border-radius: 50px !important;
}

.wpforms-field-required {
		border-style: none !important;
border-bottom: 2px solid black !important;
}

.wpforms-field-medium  {
		border-style: none !important;
border-bottom: 2px solid black !important;
}