div.sub-nav .detail-cont span br { 
display: none; 
}

.logged-in.admin-bar .dt-header { 
	top:32px;
}

body .iti__country-list, div.wpforms-container .wpforms-form .iti__country-list { 
display: block ;}

 .iti__country-list .iti__hide {
	display: none;
}


html {
  height: 100%;
  box-sizing: border-box;
  background: #e6e6e6;
}

* { 
	box-sizing:border-box;	
}

img:not([src]) {
  visibility: hidden;
}

/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
	img:-moz-loading {
		visibility: hidden;
	}
}

a {  
  transition: all .3s ease-in-out; 
}

a:hover { 
   transition: all .3s ease-in-out; 
}



body  {
	  color: #3b3a3c;
    background: #e6e6e6;
    font-size: 16px;
     font-family: "roc-grotesk", sans-serif;
    font-weight: 300;
    line-height: 1.7em;
    margin: 0 auto;
    max-width: 2440px;
    min-width: 980px;
    text-align: left;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;
    text-align: center;
}
	
::selection { 
	 background: #204231; 
}	
#wpadminbar 
{
	bottom:0;
	top:auto;
}
.inner { 
  max-width: 1600px;   
	width:100%;
  padding:0 50px;
  margin:0 auto;
}


.inner.narrow { 
	text-align: left;
	max-width: 1000px;
}

.top-bar {
	display: block;
	padding:10px;
	font-weight: 600;
	text-decoration: none;
}
.inner.narrow img  {
	max-width: 100%;
	margin:30px 0;
	height: auto;
	
}

.inner.narrow h2 { 
	font-weight: 700;
    margin: 0 0 10px 0;
    max-width: unset;
}

.main p a { 
	color:#e5af70;
	font-weight: 700;
}

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


ul { 
	list-style: none;
    padding: 0;
    margin: 0;
}

.hero.blog a:hover { 
	text-decoration: none;
}
header.dt-header { 
	
	
	 transition: all .3s ease-in-out; 
	padding:30px 0;
	position: fixed;
	transition: all .3s ease-in-out; 
	width:100%;
	    z-index:10;
    margin: 0 auto;
    max-width: 2440px;
    min-width: 980px;
    background: none;
    position: absolute;
    top: 0 !important;
	padding-top:0;
}

header.dt-header .inner { 
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.top-bar {
	border-bottom:2px solid #e5af70;
	margin-bottom: 30px;
	color:#FFF;
	background:#e5af70;
}

.top-bar:hover {
	background:#1e3f3d;
}


.cta-main { 
	padding: 10px 20px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    font-size: 16px;
	color:#FFF;
    border:2px solid #e5af70;
	box-shadow: 7px 7px 0 #e5af70;
    font-family: "roc-grotesk", sans-serif;
   
    
}

.cta-main:hover {
	background:#e5af70;	
	
}



.green-but { 
	background: #204231;
    color: #FFF;
    border: 2px solid #204231;
}

.green-but:hover {
	background: none;
    color: #FFF !important;
    border: 2px solid #204231;
}

.flex-area.green .red-but:hover { 
	color:#FFF;
}

.white .green-but:hover { 
	color:#204231  !important;
}
.logo { 
	max-width: 140px;
	display: block;
}

.logolink { 
	display: inline-flex;
}

.main-nav { 
	display: flex;
	margin-left:50px;
}

.links {
	display: flex;
}
.main-nav a { 
	color:#FFF;
	text-decoration: none;
	 text-decoration: none;
    font-weight: 700;
    font-size: 16px;
   
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
    
	margin:0 15px;
	cursor: pointer;
	position: relative;
	
}


nav.main-nav a:hover {
   color:#e5af70;
}

.end-ctas { 
	display: flex;
}

.end-ctas .call img { 
	max-width: 20px;
}

.end-ctas .call { 
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items:center;
	border:2px solid #1f403e;
	background:#1f403e;
	padding:10px 12px;
	margin-right: 10px;
}

.end-ctas .call:hover { 
		border:2px solid #1f403e;
	background:none;
}

.hero { 
	
	color:#FFF;
	background-color:#FFF;
	background-size:cover;
	background-position: center center;
	background-attachment: scroll;
	
}

.hero.green { 
	padding: 90px 0 90px 0;
	
	background: #204231;
}

.hero.grey { 
		color:#1f403e;
		background:#e6e6e6;
	padding: 90px 0 90px 0;
	
}

.hero.home { 
	background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/gow-hero.jpg");
}

.hero.about { 
	background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/gow-about.jpg");
}

.hero.res { 
	background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/gow-res.jpg");
}

.hero.commercial { 
	background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/commercial-hero.jpg");
}

.hero.family { 
	background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/familylaw.jpg");
}

.hero.wills { 
	background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/will-hero.jpg");
}

.hero.blog { 
	background:#204231;
	padding: 250px 0 250px 0;
	background-size: cover;

}

.hero .cta-main:nth-of-type(2), .cta-bar .cta-main:nth-of-type(2)  { 
	margin-left:10px;
}

.hero h1 { 
	max-width: 750px;
	font-size: 60px;
	line-height: 60px;
	margin:0;
}

	.hero h1 span {
	color:#7b9e89;
}
.hero.blog a { 
	color:#FFF;
	margin-bottom: 30px;
	display: inline-block;
}

.hero p { 
	max-width: 700px;
	margin:20px 0;
}

.hero .cta-main { 
	padding:10px 50px;
}

h2 { 
    font-weight: 700;
    font-size: 30px;
    color: #e5af70;
    font-family: "roc-grotesk", sans-serif;
    margin:0 auto 20px auto;
    

}

h1 { 
    font-weight: 700;
    font-size: 50px;
    
    font-family: "roc-grotesk", sans-serif;
    line-height: 50px;
	margin:0;
  

}

.main { 
	padding:90px 0;
}

.main h1 { 
	font-size: 30px;
	line-height: 40px;
	max-width: 700px;
	margin:0 auto;
}

.main h3 { 
	    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    font-family: europa, sans-serif !important;
    margin: 10px auto 20px auto;
    spacing: 7px;
    max-width: 600px;
    line-height: 22px;
}

.main.reviews h1 { 
	margin-bottom: 70px;
}

.divider { 
	margin:0 auto;
	max-width: 140px;
}

.services { 
	display: flex;
	margin-top:50px;

}


.service-title-area { 
	background:url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/property.jpg");
	color:#FFF;
	padding:90px 40px;
	display: flex;
	    flex-direction: column;
    align-items: flex-start;
	background-size:cover;
    justify-content: center;
	border-bottom: 2px solid #e5af70;

}

.service-title-area.property { 
	background-image:url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/property.jpg");
}


.service-title-area.auction { 
	background-image:url("https://gowlingslaw.co.uk/wp-content/uploads/2022/03/auction-cat.jpg");
}

.service-title-area.family { 
	background-image:url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/family.jpg");
}

.service-title-area.commercial { 
	background-image:url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/commercial.jpg");
}

.service-col { 
	text-align: left;
	background: #1f403e;
	width:33.33333%;
	margin-right: 20px;
}


.service-col:nth-child(3) {
	margin-right:0;
	
}

.service-col h2 { 
	font-weight: 700;
	margin:0 0 10px 0;
	max-width: 90%;
}

.service-col p { 
margin:0;
}

.link-area { 
	background:#1f403e;
	padding:20px;
}

.link-area .half { 
	width:calc(50% - 5px);
}

.link-area .half:last-child { 
	margin-left:10px;
}

.service-col > a { 
	text-decoration: none;
}

.main .link-area a { 
	color:#FFF;
	text-decoration: none;
	 text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
    	
	position: relative;
	padding-left:30px;
	display: block;
	margin-bottom: 10px;
}

.main .link-area a:before  {
	content:"\002AF8";
	position: absolute;
	font-weight: normal;
	color:#e5af70;
	font-size: 16px;
	left:0px;
	
}

.main .link-area a:hover { 
	color:#e5af70;
}

.main .link-area .green-but:hover { 
	color:#FFF !important;
	
}

.main .link-area .green-but { 
	padding:10px;
	text-align: center;
	margin-bottom:0px;
	
}

.main .link-area .green-but:before { 
	content:"";
}

.link-area-split { 
	display: flex;
	justify-content: space-between;
}

.sub-nav { 
	position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    background: #1f403e;
    top: 139.5px;
	padding:40px;
}

.main-nav .link-bg  {
	font-size: 17px;
		display: flex;
	padding:60px 40px;
	background-size:cover;
	flex-direction: column;
	text-align: left;
	border:2px solid #1f403e;
	justify-content: center;
	width:50%;
	background-position: center center;
	
}

.main-nav .link-bg:hover { 
	    border: 2px solid #e5af70;
}

header.dt-header .sub-nav .inner { 
	justify-content:center;
	align-items: stretch;
}

.link-bg p { 
	text-transform: none;
	font-weight: 400;
	spacing: 0;
	font-size: 13px;
	margin:10px 0  0 0;
}

nav.main-nav .sub-nav a:hover { 
	color:#FFF;
}

.for-you-nav, .for-bus-nav { 
	display: none;
}



.flex-area { 
	display: flex;
	flex-direction: row;
}

.flex-image, .flex-text { 
	width: 50%;
}

.flex-text { 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:flex-start;
}



.flex-text p { 
	margin:20px 0 30px 0;
}

.flex-text.right { 
	
	
}

.flex-text .red-but:nth-of-type(2n) {
		margin-left:10px;
	
}

.white { 
	background:#FFF;
}

main.green, .flex-area.green { 
	background: #1e3f3d;
	color:#FFF;
}

main.dark, .flex-area.dark {
	background: #0a090b;
	color:#FFF;
}
.cta-bar.green{ 
	background: #204231;
	color:#FFF;
}

.grey { 
	background:#FFF;
}

.grey h1 {
	
	color:#204231;
}
.flex-image img { 
	max-width: 100%;
	object-fit: cover;
	height: 100%;
	display: block;
}

.text-cont { 
	max-width: 750px;
	width:100%;
	text-align: left;
	margin:0 auto;
}

.text-cont.left {
	margin-left:0;
	padding-left:100px;
}

.text-cont.right {
	margin-right:0;
	padding-right:100px;
}

p.intro-text { 
	max-width: 700px;
	margin:20px auto;
}

.icon-area {
		display: flex;
	margin-top:70px;
	
}

.icon-cont { 
	padding:0 30px;
	width:25%;
}

.icon-cont:first-child { 
	padding-left:0;
}

.icon-cont:last-child { 
	padding-right:0;
}

h4 { 
	font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    line-height: 15px;
	margin:0;
    
}

.icon-cont img { 
	max-height: 40px;
	max-width: 40px;
	
}

.icon-cont h4 { 
	margin:20px 0;
}

.icon-cont p {
		font-size: 14px;
	
}

.inline-links { 
display:flex;
	margin-top:70px;
	justify-content: center;
	align-items: center;
	
}

.inline-links a:first-child { 
	margin-right: 10px;
}


.articles .blog-article {
	margin-right: 20px;
	margin-left:0;
	position: relative;
}

.blogpage { 
	padding-top:221px;
}

.blog-article .date { 
	font-size: 14px;
}

.blog-article  {	
		position: relative;
		width:calc(33.3333333% - 13.3333333px);
		
		border:2px solid #e6e6e6;
}

.blog-article:hover { 
	border:2px solid #e5af70;
}

.blog-article img { 
	max-width: 100%;
	display: block;
	height:auto;
}

.blog-article:nth-child(3n+1) {
		margin-right:20px;	
}

.articles .blog-article { 
	margin-bottom: 20px;
}

.articles .blog-article {
	margin-right: 20px;
	margin-left:0;
	
}

.articles .blog-article:nth-child(2n) {
	margin-left:0;
}

.articles .blog-article:nth-child(1n) {
	margin-left:0;
	margin-bottom: 20px;
}


.articles .blog-article:nth-child(3n) {
	margin-right:0;
}

.articles .blog-article:last-child { 
	margin-right: 0;
}

.articles  {
	display: flex;
	margin-top:70px;
	justify-content: center;
	flex-wrap:wrap;
	
}

.blog-article img { 
	max-width: 100%;
}

.article-info { 
	position: absolute;
	padding:30px;
	bottom:0;
	top:0;
	text-align: left;
	color:#FFF;
	width: 100%;
	display: flex;
	justify-content: center;	
	flex-direction: column;
	
	
}

.article-info h3 { 
font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    line-height: 19px;
	margin:0;
    
	padding-bottom: 10px;
   
}

.review strong { 
	font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    line-height: 19px;
	margin:0;
    
	padding-bottom: 10px;
}

.reviews { 
	display: flex;
	align-items: flex-start;
}

.review {
	    padding: 50px;
    background: none !important;
    border: none;
    background: #71917e !important;
    display: flex;
    color: #FFF !important;
    flex-direction: column;
}

.gallery {
	min-height: 500px;
	height: 500px;
}

.dt-header.fixed .top-bar {
	position: fixed;
	width: 100%;
	left:0;
	right:0;
	max-width: 2440px;
	margin:0 auto;
}


.review img { 
	max-width: 90px;
	margin-bottom: 20px;
}

.review p { 
	font-size: 14px;
}

.review span { 
	font-size:14px;
font-weight:700;
}

footer { 
	background:#1e3f3d;
	color:#FFF;
	text-align: left;
	
}
.footerlogo img {
	max-width: 150px;
	margin-bottom: 30px;
}
.footer .inner { 
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.footer-cont {
	display: flex;
	flex-direction: column;
	padding:0 50px;
	width:25%;	 
}


.footer-top { 
	padding:90px 0;
}
.footer-cont:first-child { 
	padding-left:0;
}

.footer-cont:last-child {
	padding-right: 0;
	
}


.footer strong { 
	font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    line-height: 19px;
	margin:0;
    
	padding-bottom: 30px;
}

.footer p { 
	font-size: 14px;
	margin-top:0;
}

.footer a { 
	
}

.footer .main-nav { 
margin:30px 0;}
.footer .main-nav > a:first-child {
	margin-left:0;
}

.footer .main-nav > a:last-child {
	margin-right: 0;
}
.footer a:hover {
	color:#e5af70;
	
}

.detail-cont  {
		display: flex;
		flex-direction:row;
	  justify-content: flex-start;
	align-items:center;
	font-size: 14px;
	margin-bottom: 10px;
	
}

.detail-cont img { 
	max-width: 20px;
	max-height: 20px;
	display: inline-block;
	margin-right: 10px;
}

.footer .detail-cont { 
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
     
    position: relative;
}

.sol-logos { 
	max-width: 200px;
	
	
}

.footer-bottom  {
	border-top:2px solid #e5af70;
	padding:20px 0;
	
}

.footer-bottom .inner { 
	display:flex;
	justify-content: center;
}

.footer-bottom a { 
	
	color: #FFF;
    text-decoration: none;
    text-decoration: none;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
    
	margin-right: 20px;
	position: relative;
}

.pd-area img { 
	max-width: 30px;
	margin-right: 15px;
}

.pd-area a { 
	    text-transform: capitalize;
    margin: 0 !important;
    line-height: inherit;
    margin-left: 5px !important;
    font-size: 12px;
}

.footer-bottom nav { 
	display: flex;
    justify-content: center;
    align-items: center;
}

.pd-area { 
	display: flex;
	flex-direction: row;
	font-size: 12px;
}

div.sub-nav  {
		display: none;
	
}
div.sub-nav .detail-cont { 
	margin-right: 30px;
	color:#FFF;
}

div.sub-nav .detail-cont a { 
	    color: #FFF;
    text-decoration: none;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
    
    margin: 0 15px;
    position: relative;
}

div.sub-nav .detail-cont a:hover { 
	color:#e5af70;
}

.mob-header { 
	display: none;
}

.show-mob-menu {  
		display: none;
	}

.team { 
	display: flex;
	flex-direction: row;
	margin-top:50px;
	justify-content: center;
	flex-wrap: wrap;
}

.team-member  {
	background: #FFF;
	    width: calc(25% - 15px);
	margin-top:20px;
	margin-right: 20px;
}

.team-member:last-child { 
	margin-right: 0;
}

.team-member:nth-child(4n) { 
	margin-right: 0;
}
.team-member img { 
	max-width: 100%;
}

.member-details { 
padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	text-align: left;
}

.member-details h2 { 
	    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    line-height: 19px;
    margin: 0;
    
    padding-bottom: 10px;
}

.member-details span { 
	font-size: 14px;
}

.team-member .accred { 
	max-width: 80px;
	margin-top:15px;
}

.email-me { 
 	display: inline-block;
	margin-top:0px;
}

.email-me img { 
	
	max-width: 25px;
    max-height: 25px;
}

.faqs { 
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	margin-top:70px;
}

.faq { 
	display: flex;
	flex-direction: column;
	padding:0 50px;
	width:50%;
	text-align: left;
	margin-bottom: 50px;
}
	
.faq strong { 
	font-size: 14px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
	
}

.faqscont { 
	padding-bottom: 40px;
}
f
.social { 
	margin:0;
	padding:0;
	margin-top: 30px;
}

.social a {
    font-size: 25px;
    margin-right: 10px;
    color: #FFF;
    border: 2px solid #e5af70;
    box-shadow: 4px 4px 0 #e5af70;
    width: 40px;
	text-decoration: none;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	font-size: 20px;
}
.social a i {
    color: #FFF;
}

.flex-text .detail-cont a, .flex-text .detail-cont   { 
	  color: #204231;
	text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "roc-grotesk", sans-serif;
    font-weight: 700;
    
}

.map, #map {
    min-height: 600px;
    width: 100%;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label { 
	box-shadow: none !important;
}

div.wpforms-container div.wpforms-uploader { 
	background:#FFF !important;
}

div.wpforms-container-full { 
	    max-width: 700px !important;
    margin: 50px auto 0 auto !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label { 
	text-align: left !important;
	text-transform: uppercase !important;
    spacing: 2px !important;
    font-size: 12px !important;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width:100% !important;
	
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { 
	    background-color: #FFF !important;
	height: 48px !important;
	border-radius: 0 !important;
	border: 2px solid #7b9e89 !important;
	 transition: all .3s ease-in-out !important;  
    font-family: "roc-grotesk", sans-serif !important;
	color:#1f403e !important;
	
}

div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus, div.wpforms-container-full .wpforms-form .is-focused .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__inner, div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown { 
	border:2px solid #e5af70 !important;
	 transition: all .3s ease-in-out !important; 
	
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) { 
	    background-color: #FFF !important;
    display: block !important;
	border:none !important;
	border-radius: 0 !important;
	padding:10px !important;
	display: block !important;
	width:100% !important;
  
}

div.wpforms-container-full .wpforms-form .wpforms-field-sublabel { 
text-align: left !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li { 
	 border: 2px solid #CCC !important; 
	border-radius: 0 !important;
	  background-color: #FFF !important;
	display: flex;
    background-color: #FFF !important;
    justify-content: center;
    align-items: center;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label  { 
color: #1f403e !important; 
    text-decoration: none !important;
    font-size: 13px !important;
   
    font-family: "roc grotesk", sans-serif !important;
    font-weight: 700 !important;
   
    margin: 0 15px !important;
    
}

div.wpforms-container-full .wpforms-form textarea { 
	    height: 120px !important;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img { 
	max-width: 35px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li { 
	width: 100% !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li { 
	    margin: 10px 10px 0 0px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li:last-child  {
		margin-right: 0 !important;
	
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label {
	color:#e5af70 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li:first-child { 
	margin-left:0px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li.wpforms-selected { 
	 border: 2px solid #e5af70 !important;  	
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after { 
	display: none !important;
	opacity: 0 !important;
}

div.wpforms-container-full .wpforms-form ul { 
display: flex;
	flex-direction: row !important;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button { 
	    background: none !important;
	    box-shadow: 7px 7px 0 #e5af70;
    color: #FFF !important;
    border: 2px solid #e5af70 !important;
    padding: 15px 20px !important;
    display: inline-block !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    
       font-family: "roc-grotesk", sans-serif !important;
    
    cursor: pointer !important;
    width: 100%  !important;
	transition: all .3s ease-in-out;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover { 
	background: #e5af70 !important;
    color: #FFF !important;
    border: 2px solid #e5af70 !important;
	transition: all .3s ease-in-out;
}

::placeholder { 
	color:#3b3a3c;
}

.service-but, .services-nav { 
	display: none;
}

.icon-band .icon-area { 
		margin-top:0;
	}

.inner.narrow ul { 
	list-style: unset;
	padding: inherit;
	margin: inherit;
}
.inner.narrow h2:not(:first-of-type) {
   margin-top:30px;
}

.inner.narrow a { 
	    color: #e5af70;
    font-weight: 700;
}

.flex-details  {
	width:100%;
	display:   flex;
	align-items: center;
    flex-direction: row;
}

.flex-details h2 { 
	width: calc(100% - 35px);
	margin-right: 10px;
}

@media screen and (min-width:740px) and (max-width: 1700px) {  
	.flex-area .flex-text {
			
		    padding:70px 50px;
		
	}
	
	.hero h1 {
		font-size: 50px;
		line-height: 50px;
		max-width:600px;
	}
	
		.hero {
		min-height: 750px !important;
	}
	
	.logo {
		max-width: 120px;
	}
	
	.hero.video {
		min-height: 0;
	}
	
	.hero .inner {
    padding-top: 200px;
}
	
}

@media screen and (min-width:740px) and (max-width: 1500px) {  
	
	

	
	
	
	.service-but { 
		display: inline-block;
	}
	
	
	
	
	.text-cont.right { 
		padding-right: 70px;
	}
	
	.text-cont.left { 
		padding-left:70px;
	}
}


	
@media screen and (max-width:740px) {  
	
	div.wpforms-container-full .wpforms-form ul { 
		flex-direction: column !important;
	}
	
	div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li.wpforms-image-choices-item { 
		width: 100% !important;
		margin-right:0px !important;
		margin-bottom: 10px !important;
		margin-left: 0px !important;
	}
	
	div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) { 
			display: flex !important;
    justify-content: center;
    align-items: center;
}
	
	
	div.wpforms-container-full .wpforms-form ul { 
		flex-direction: column;
	}
	
	.team-member img { 
		width:100%;
	}
	
	.team-member  {
	margin-top:20px;
		margin-right:20px;
		width:calc(50% - 10px);
}
	
	.team-member:first-child { 
		margin-top:50px;
	}
	
	.team-member:nth-child(2) { 
		margin-top:50px;
	}
	
	.flex-details { 
		display: block;
	}
	
	
	.team-member:nth-child(2n) { 
		margin-right: 0;
	}
	
	.team { 
		    margin-top: 0px;
	}


	.hero  {
		

	}
	
	.hero-mob {
    background-image: none !important;
   
}
	
	.mob-bg { 
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		right: 0;
		background-size: cover;
	}

	.hero-mob .inner { 
		position: relative;
		    z-index: 3;
	}
	.hero  {
		position: relative;
		
	}
	
	.main  {
		padding:50px 0;
		
	}
	
	
	body { 
        min-width: 0; 
        width:100%;
		font-size: 15px;
		line-height: 1.5em;
      }
	
	
	.dt-header  {
		display: none;
		
	}
	
	header.mob-header { 
	
	
	 transition: all .3s ease-in-out; 
	padding: 0px 0 20px 0;
	position: absolute;
		top:0;
	transition: all .3s ease-in-out; 
	width:100%;
	z-index: 10;
	margin:0 auto;
	
		display: block;

}
	
	.mob-header .logolink { 
			position: absolute;
		top:70px;
    left: 50%;
    transform: translateX(-50%);
	}

header.mob-header .inner { 
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 12px 20px;
}
	
	.inner { 
		max-width: 100%;
		padding-left:20px;
		padding-right: 20px;
	}
	
	.logo { 
		max-width: 120px;
	}
	
	.hero { 
		   
		background-size: cover;
		background-attachment: scroll;
	}
	
	
	
	.hero.green  {
		
		 padding: 70px 0 70px 0;
		background: #204231;
	}
	
	.hero.grey { 
		margin-top:93px;
		padding: 70px 0 70px 0;
	}
	
	.blogpage { 
	margin-top: 93px;
	}
	
	
	.hero h2 { 
		max-width: 80%;
	}
	
	.hero.home { 
		background-image: url("https://gowlingslaw.co.uk/wp-content/themes/gowlings/img/hero-mob.jpg");
	}
	
	h2 { 
		font-size: 14px;
		line-height: 18px;
	}
	
	h1 { 
		    font-size: 19px;
   			 line-height: 23px;
	}
	
	.mob-header .icon {
			max-width: 25px;
		max-height: 25px;
		
	}
	.link-area { 
		padding:20px;
	}
	
	.service-title-area { 
		padding: 80px 25px;
	}
	
	.cta-main  { 
		width:100%;
		text-align: center;
		justify-content: center;
	}
	
	.main {
    padding: 50px 0;
	}
	
	.service-col p { 
		text-align: center;
	}
	
	.service-col h2 { 
		max-width: unset;
		font-size: 18px;
		line-height: 22px;
		text-align: center;
		    margin: 0 auto 10px auto;
	}

		.main h1 {
		font-size: 22px;
		line-height: 30px;
	}
	
	div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea { 
			    -webkit-appearance: none;
		border-radius: 0 !important;
	}
	
	.services { 
		flex-direction: column;
		margin-top:30px;
	}
	
	.faqs { 
		margin-top:50px;
	}
	
	.main h3 { 
		font-size: 12px;
		line-height: 20px;
	}
	
	.faq  {
		width:100%;
		padding:0;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.faq:last-child { 
		margin-bottom: 0;
	}
	
	.service-col { 
		width: 100%;
		margin-bottom: 20px;
	}
	
	.service-col:last-child { 
		margin-bottom: 0;
	}
	
	.flex-area, .icon-area, .reviews, .footer .inner, .pd-area { 
		flex-direction: column;
	}
	
	.flex-image, .flex-text { 
		width:100%;
	}
	
	.flex-image { 
		order:1;
	}
	
	.flex-text .red-but:nth-of-type(2n)  { 
		margin-left:0;
		margin-top:10px;
	}
	
	.flex-text { 
		order:2;
		padding:70px 25px;
		text-align: center;
	}
	
	.text-cont { 
		text-align: center;
	}
	
	.inline-links { 
		flex-direction: column;
		margin-top:30px;
		
	}
	
	.inline-links a:first-child { 
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.icon-band .icon-area { 
		margin-top:0;
	}
	
	.icon-area { 
		margin-top:50px;
	}
	
	.text-cont.left, .text-cont.right { 
		padding:0;
		margin:0 auto;
	}
	
	.icon-cont {
		padding: 0 !important;
		width:100%;
		margin-bottom: 20px;
	}
	
	.icon-cont:last-child  {
			margin-bottom: 0;
		
	}
	
	.articles { 
		margin-top:50px;
		flex-direction: column;
	}
	
	.articles .blog-article, .review, .footer-cont  { 
		width: 100%;
		margin-right: 0;
	}
	
	.articles .blog-article:last-child  { 
		margin-bottom: 0;
	}
	
	.review:nth-child(2) { 
		margin:50px 0;
	}
	
	.footer-cont  { 
		padding:0 0 50px 0;
		
    align-items: center;
	}
	
	.footer-top { 
		padding:50px 0;
		text-align: center;
	}
	
	.footer-cont:last-child { 
		padding-bottom: 0;
	}
	
	.footer-bottom nav { 
		flex-direction: column;
		margin-bottom: 30px;
	}
	
	.footer-bottom { 
		padding:50px 0;
	}
	
	.footer-bottom .inner { 
		align-items: center;
	}
	
	.pd-area { 
		    align-items: center;
    	text-align: center;
	}
	
	.pd-area img { 
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.footer-bottom a { 
		margin:0;
	
	}
	
	.show-mob-menu { 
		background:#1f403e;
		padding:30px 20px;
		top: 93px;
    position: fixed;
		height: 100%;
		z-index: 5;
		width:100%;
		display: none;
	}
	
	.show-mob-menu nav a { 
		color: #FFF;
		text-decoration: none;
		text-decoration: none;
		font-weight: 700;
		font-size: 12px;
		text-transform: uppercase;
		font-family: "roc-grotesk", sans-serif;
		font-weight: 700;
		
		margin: 0 0 10px 0;
		position: relative;
		display: block;
		width:100%;
	}
	
	.show-mob-menu .red-but { 
		margin-top:25px;
		width:100%;
	}
	
	.close { 
		display: none;
	}
	
	.footer p { 
		margin-bottom: 0;
	}
	
	.team-member:nth-child(4n) { 
		    margin-right: 0px;
	}
	
	.detail-cont { 
		justify-content: center;
	}
	
	.hero .cta-main:nth-of-type(2), .cta-bar .cta-main:nth-of-type(2) {   
	margin-left:0px;
		margin-top: 10px;
	}
	
	.text-cont ul {
    max-width: 80%;
    text-align: left;
    margin: 0 auto !important;
    position: relative;
    left: 15px;
}
}

.review-bar {
	background:#204231;
	
	color:#FFF;
}

.review-bar .inner {
	display: flex;
	
	position: relative;
}

.review-bar img:first-of-type {
	max-width: 150px;
}

.review-bar img:last-of-type {
    align-self: flex-start;
}

.review-bar .inner {
	justify-content: space-between;
}

.review-bar strong {
	    padding: 50px;
    font-size: 25px;
    max-width: 700px;
    text-align: left;
    line-height: 32px;
	 display: inline-flex;
	 justify-content: center;
    align-items: center;
}

.review-bar span {
    padding: 50px 50px 50px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.flex-text h1::after {     
	height: 5px;
    content: "";
    width: 70px;
    background: #e5af70;
    position: absolute;
    bottom: -10px;
    left: 0; } 

.flex-text h1 {
	margin-bottom: 50px;
	position: relative;
}

.flex-text { 
position: relative;}

.bottyb {
	    position: absolute;
    bottom: 0;
    max-width: 750px;
    margin-left: auto;
    right: 100px;
    width: 250px;

}


.wedding-band {
	    background-size: cover;
    background-position: bottom;
    padding-bottom: 500px;
}

.wedding-band h1 {
    font-size: 50px;
    line-height: 50px;
    color: #1e3f3d;
}

.wedding-band .flex-text {
	
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;

}
.wedding-band .flex-text h1 {
		font-size: 50px;
    line-height: 50px;
    color: #1e3f3d;
    margin: 0 auto 50px auto;
    text-align: center;
}
.wedding-band .flex-text p {
	    margin: 20px auto 0 auto;
	text-align: center;
}

.wedding-band .text-cont.left {
	padding-left:0;
	magin:0 auto !important;
}

.wedding-band .text-cont {
	text-align: center !important;
	margin:0 auto !important;
}

.wedding-band .flex-text h1::after {
    height: 5px;
    content: "";
    width: 70px;
    background: #e5af70;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.lightgreen {
	color:#FFF;
	background:#7b9e89;
}

.lightgreen h1, .gold h1 {
	font-size: 50px;
	line-height: 50px;
	color:#FFF;
}

.gold {
	background:#e5af70;
}

.gold .cta-main.white-but {
color:#FFF;
	    border: 2px solid #FFF;
    box-shadow: 7px 7px 0 #FFF;
}

.gold .cta-main.white-but:hover {
	color:#e5af70;
	background:#FFF;
}

.review.swiper-slid.swiper-slide-next { margin-left:-7px } 
.review.swiper-slide { margin-bottom:10px; }

.white h1 {
	color:#1e3f3d;
}

@media screen and (max-width:740px) {
	.review-bar .inner {
		flex-direction: column;
	}
	
	.hero .inner {
    padding-top: 50px;
	}
	
	#background-video {
		height: 90vh !important;
	}
	
	.hero {
		min-height: 90vh !important;
	}
	
	.top-bar {
		position: fixed;
		width: 100%;
		z-index: 11;
	}
	
	.hero h1 {
		font-size: 32px;
		line-height: 32px;
		text-align: center;
	}
	
	.hero p {
		text-align: center;
	}
	
	.review-bar {
		padding-top:50px;
	}
	.review-bar img:first-of-type {
		margin:0 auto;
	}
	
	.review-bar strong {
		text-align: center;
		padding:25px 0;
		font-size: 20px;
		line-height: 22px; 	
	}
	
	.review-bar span {
		padding:0 0 25px 0;
	}
	
	.review-bar img:last-of-type {
		align-self: center;
		transform: rotate(180deg);
	}
	
	h1, .wedding-band .flex-text h1, .lightgreen h1, .gold h1 {
		font-size: 32px;
		line-height: 32px;
	}
	
	.flex-text h1::after {
		height: 5px;
		content: "";
		width: 70px;
		background: #e5af70;
		position: absolute;
		bottom: -10px;
		margin: 0 auto;
		transform: translateX(-50%);
		left: 50%;
	}
	
	.flex-text {
		padding:50px 25px;
	}
	
	.flex-text p:last-of-type {
		margin-bottom: 0;
	}
	
	.page-template-page-home .flex-area.green .flex-text {
		padding-bottom: 250px;
	}
	
	.wedding-band .flex-text {
		padding-bottom: 250px;	
	}
		.bottyb {
		position: absolute;
		bottom: 0;
		max-width: 750px;
		width: 250px;
		left: 50%;
		transform: translateX(-50%);
			right:auto;
	}
	
	.wedding-band .flex-text {
		padding-top:0;
	}
	
	
	.main.reviews h1 {
		
	}
	
	.flex-image img {
		max-height: 500px;
	}
	
	.footerlogo img {
		max-width: 100px;
	}
	
	.footer-bottom {
		padding:30px 0;
	}
	
	.wedding-band {
    padding-bottom: 250px;
    padding-left: 25px;
    padding-right: 25px;
}
	.main.reviews h1 {
		margin-bottom: 50px;
	}
	
	.page-id-128 .flex-image img {
	    max-width: 100%;
		object-fit: cover;
		height: 100%;
		max-height: 500px;
		display: block;
		width: 100%;
	}
	
	.page-id-128 .flex-area.green	 .flex-image:before { background: linear-gradient(180deg, rgba(10,9,11,0.5) 0%, rgba(10,9,11,0.22113857750131305) 100%); width:100%; height:100%; content:""; position:absolute; top:0; left:0;} 
	
	.page-id-128 .flex-image {
		position: relative;
		max-height: 400px;
		overflow: hidden;
	}
	.page-id-128 .green .text-cont {
		padding:0 !important;
	}
	 .page-id-128 .flex-text {
		padding: 50px 20px !important;
	}
}

.flex-text {
	padding:150px 0;
}
.dark {
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.hero, .dark {
	background-attachment: fixed !important;
}

video {
	width:100%;
	height: auto;
	display: block;
}

.play {
    background:url("https://jamesboothentertainment.co.uk/wp-content/uploads/2023/05/play.svg");
	width:100px;
	height: 100px;
	background-size: cover;
    border:  none;
    color: #fff;
    display: block;
    z-index: 2;
    left: 0;
    margin: 0 auto;
   font-size: 0;
    position: absolute;
    right: 0;
    top: 50%;
	opacity: 0;
}

.play.active {
	opacity: 1;
}



.page-id-128 .links {
		display: none;
}

.page-id-128 .flex-text {
	padding:0;
}

.wedding-band .flex-text {
	padding:0;
}

.dark .show-mob {
	display: none;
}
@media screen and (max-width: 740px) {
	.flex-text {
		padding: 50px 25px;
	}
	
	.hero, .dark {
		background-attachment: scroll !important;
	}
	
	.dark { background-image:none !important; overflow: hidden;}
	
	.dark .show-mob {
		width: 200%;
		max-width: 200%;
		margin-left: -20%;
		display: block;
	}
	
	.hero.video {
		min-height: 0 !important;
	}
	
	video {
		min-height: 0 !important;
	}
	
	.play {
		width:50px;
		height: 50px;
		    transform: translateY(-50%);
	}
	
	.gallery {
    min-height: 300px;
    height: 300px;
}
}