/******* Do not edit this file *******/
/*
My Custom CSS - by Salvatore Noschese
aka L'AltroWeb - https://laltroweb.it/
/*
Saved: Nov 04 2025 | 10:54:13 (am)
/*
/******* Do not edit this file *******/

/*--COLOURS AND BACKGROUNDS Colour 1: deep blue #3A516D; Colour 2: mid blue #3b3a94; Colour 3: pale grey #c7c8ca; --*/
#home-middle .wp-block-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
}
div#home-middle .wrap {
    width: 100%;
}
/*--text colours --*/
body {background-color: #3A516D; color: #666;}
a {color: #3A516D;}
a:hover {color: #4b7ebb;}
h1,h2,h3,h4,h5,h6 {color: #3A516D;}
.breadcrumb {color: #fff;}
.breadcrumb a {	color: #fff;}
.entry-title {color: #3A516D;}
.entry-title a {color: #3A516D;}
.widget-title {color: #3A516D;}
.-header {background-color: #fff;}
.-title a {color: #3A516D;}
.-title a:hover {color: #3A516D;}
.-description {color: #3A516D;}

/*--Cookie bar--*/
#cookie-law-info-bar {padding: 20px 0;}

/*--button & form colours --*/
input,select,textarea {	background-color: #fff;	color: #999;}
button,input[type="button"],input[type="reset"],input[type="submit"],.button,.entry-content .button {background-color: #3A516D; color: #fff;}
button:hover,input:hover[type="button"],input:hover[type="reset"],input:hover[type="submit"],.button:hover,.entry-content .button:hover {background-color: #4b7ebb; color: #fff;}
.home-top .button {background-color: #3A516D; color: #fff; }
.home-top .widget .button:hover {background-color: #c7c8ca; color: #3A516D;}

/*--menu colours --*/
.nav-primary {background:none;margin-top:41px !important;}
.wrap .nav-primary, .nav-primary, .genesis-nav-menu, .genesis-nav-menu a {background-color: #3A516D; color: #fff; }
.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .-header .current-menu-item > a, .-header .genesis-nav-menu a:hover {background-color: #565656; color: #fff; border:none;}
.genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a {background-color: #717f9a; color: #fff;}
.genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a {background-color: #3A516D; color: #fff;}
.genesis-nav-menu a {
    border-top: none;}
/*--home page widgets colours --*/
.agency-pro-home .content .widget {background: #fff;}
.agency-pro-home .content .featured-content .widget-title {color: #fff;}
.agency-pro-home .featured-content a:hover {color: #26388c;}
.home-top .widget-title {color: #fff;}
.home-top .widget_wysiwyg_widgets_widget {background-color: rgba(255, 255, 255, 0.9); color: #3A516D;}
.home-top .widget_wysiwyg_widgets_widget h4 {color: #3A516D;}
.home-middle .featuredpost .entry {background-color: #fff; color: #3A516D;}
.home-middle .featuredpost .entry-title a {color: #3A516D;}
.home-bottom .featuredpost .entry:hover {background-color: #fff;color: #3b3a94;}
.home-bottom .featuredpost .entry:hover .entry-title a {color: #fff;}

/*--Fix featured page formatting issue--*/
.featuredpage {line-height: 1.2; opacity:1.0; filter:alpha(opacity=100);}
.featuredpage .entry-content {margin-top: 20px;}
.featuredpage p {margin: 0 0 14px; margin: 0 0 1.4rem; padding: 0;}
.featuredpage ul {list-style-position: inside;}
.featuredpage ul li {text-indent: 20px;}

/*--sidebar colours --*/
.sidebar {color: #666;}
.sidebar .widget {background-color: #fff;}

/*--footer colours --*/
.footer-widgets {background-color: #3A516D; border-top: 1px solid #ececec; color: #fff;}
.footer-widgets h4.widget-title {color: #fff;}
.footer-widgets a {color: #fff;}
.-footer {background-color: #f5f5f5;color: #999;}
.-footer a {color: #999;}
.-footer a:hover {color: #4b7ebb;}

/*--Semitransparent content boxes--*/
.entry {opacity:0.9; filter:alpha(opacity=90);}
.sidebar .widget {opacity:0.9; filter:alpha(opacity=90); color: #222;}
.home-middle .entry {opacity:1.0; filter:alpha(opacity=100);}

/*-- FONTS --*/
body {font-size: 17px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Muli', sans-serif;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 15px;}
h6 {font-size: 14px;}
input,select,textarea {font-size: 14px;	}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {font-family: 'Muli', sans-serif;}
.breadcrumb {font-size: 14px;}
.entry-title {font-size: 36px; line-height: 1;}
.widget-title {font-size: 22px;}
.featured-content .entry-title {font-size: 22px; line-height: 1.1;}
.agency-pro-home .content .featured-content .entry-content p {margin-bottom: 20px; margin-bottom: 2rem;}
.nav-primary {text-align:center;}
.genesis-nav-menu {font-size: 15px; }
.genesis-nav-menu .sub-menu a {font-size: 14px;}
.home-top .widget-title {font-size: 60px;}
.footer-widgets a:hover {text-decoration:underline;}
.-footer {font-size: 10px;}
.fa {margin-right:10px;}

/*-- SPACING --*/
.-container {padding-top: 61px;}
.-inner {padding: 5% 0;}
.-tagline {padding: 10px 0;}
.widget-title {margin-bottom: 16px;}
.title-area {padding: 16px 0; width: 400px;}
.-header .widget-area {padding: 16px 0; width: 300px;}
.nav-primary {margin-top: 97px;}
.genesis-nav-menu a {padding: 18px 22px }
.genesis-nav-menu .sub-menu a {	padding: 16px; width: 250px;}
.home-top .wrap {padding: 55px 0 0 0;}
.home-top .widget_wysiwyg_widgets_widget {padding: 20px; max-width: 940px; margin: 0 auto;}
.home-middle {padding: 5% 0 5%;}
.entry {margin-bottom: 40px; padding: 40px 40px 24px;}
.sidebar .widget {margin-bottom: 40px; padding: 40px;}
.footer-widgets {padding: 60px 0 36px;}
.footer-widgets .widget {margin-bottom: 24px;}
.-footer {padding: 40px 0;}
.featured-content img, .gallery img {margin-bottom: 15px; margin-left: auto; margin-right: auto; text-align:center;}
.no-show {display:none;}


/*--Hide these components on post pages--*/
.entry-meta {display: none;}
.entry-footer {display: none;}

/*--RESPONSIVE DESIGN--*/
/*--Ipad landscape--*/
@media only screen and (max-width: 1180px) {
	.home-middle .featuredpost img.entry-image {position: relative;}
	.home-middle .featuredpost .entry img:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
    .featuredpage ul li {text-indent: 0px;}
    .-footer a {font-size: 13px; margin: 20px 20px;}
    .-footer p {font-size: 13px; line-height: 2.5;}
 
}

/*--Ipad portrait--*/
@media only screen and (max-width: 1023px) {
    .genesis-nav-menu li a {color: #fff; padding-left: 20px; padding-right: 20px; }
    h3 {font-size: 20px;}
    .nav-primary {margin-top: 97px;}
    .footer-widgets {padding-left: 30px;}
    .featuredpage ul {margin: 10px 0; padding: 0; list-style-position: outside; list-style-type: none; }
  	.featuredpage ul li {margin: 0 0 10px 0; padding: 0; list-style-type: none; text-indent: 0px;}
}

/*--Mobile landscape--*/
@media only screen and (max-width: 767px) {
    .nav-primary {margin-top: -62px;}
    .genesis-nav-menu li a {color: #fff; padding-left: 10px; padding-right: 10px; }
      .genesis-nav-menu .sub-menu {width: 200px;}
    .genesis-nav-menu .sub-menu a {	padding: 10px; width: 200px;}
    .title-area {float: left;padding: 16px 10px; width: 300px;}
    .entry-content img.alignright {float: none; display: block; margin: 0; padding: 0 0 10px 0;}
   .entry-content img.alignleft {float: none; display: block; margin: 0; padding: 0 0 10px 0;}
    .home-top .widget-title {font-size: 30px;}
    .agency-pro-home .wrap { max-width: 760px; width: 100%;}
}
/*--Mobile landscape--*/
@media only screen and (max-width: 680px) {
  .agency-pro-home .content .featured-content .entry-image {float: none; margin: 0 auto;}
  .featured-content .entry-title {  text-align: center;}
  .agency-pro-home .content .featured-content .entry-content p {text-align: center;}
}

/*--Mobile screen portrait--*/
@media only screen and (max-width: 320px) {
    .button {margin-bottom: 10px; }
    .word-wrap {word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; }
    .no-show {display:block;}
    .down a {
   font-size: 7px !important;
   line-height: 28px;
   background: none !important;
   padding: 0px !important;
}
  
}

/*--CUSTOM--*/
.header-full-width .-title {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100px;
}
@media (min-width: 1px) and (max-width: 680px) {
.genesis-nav-menu {
    font-size: 15px;
    margin-top: -102px;
}}

.-footer a {font-weight:bold;}
.footer-widgets a{font-weight:bold;}
main.content a {font-weight:bold;}

.home-top .widget-title {
    font-size: 42px;
}


body.home .home-bottom {
    display: none;
}

.genesis-nav-menu a {
    padding: 16px 10px;
}
.genesis-nav-menu .menu-item {
    text-transform: uppercase;
}

#mc4wp-form-1 input[type="email"] {
    float: left;
    width: 70%;    border-radius: 66px;
    border: none;
    padding: 10px;
}
#mc4wp-form-1 input[type="submit"] {
	float: left;
	width: 30%;background: #3A516D;
    border-radius: 0px;
    padding:10px
}

body.page-id-141 .entry-title {
    font-size: 26px;
}
@media only screen and (max-width: 768px) {
.responsive-table {
overflow: hidden;
overflow-x: scroll;
display:block;
}
}


/******** 25/11/2020 ********/

@media only screen and (max-width:375px) and (min-width:321px)
{
    .down a {
font-size: 9px !important;
line-height: 28px;
background: none !important;
padding: 0px !important;
}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
		.aa a {
    padding: 11px 57px !important;
	}
	.bb a {
    padding: 11px 26px !important;
}
.aa a, .bb a {
font-size: 10px !important;
}
}
@media only screen and (max-width: 375px) and (min-width: 0){

.down {
background: #3A516D !important;
}
.aa, .bb {
width: 100% !important;
text-align: center;
}

.wraper{width:290px;}
.agency-pro-home .content .featuredpost .entry {float: left; width: 100%;}
   .home-top .widget-title {font-size: 23px !important; padding-top: 50px;}
    .footer-widgets {padding: 60px 30px 36px;}
    .-footer p {padding: 0 20px;}
    .entry-title {
    font-size: 31px;
    line-height: 1;
}
 .entry-content h2 {
    font-size: 23px !important;
}
a.entry-title-link {
    font-size: 20px;
}
.archive-pagination ul {
    text-align: center;
}
a {
    word-break: break-all !important;
}
.content h1.entry-title {
    font-size: 22px;
}
.responsive-menu-icon {
    height: 26px;
    width: 35px;
    position: relative;
    z-index: 999999;
    color: #fff !important;
    float: right;
    margin-right: 29px;
    top: -28px;
    background-image: url(https://ha-law.co.uk/wp-content/uploads/2020/11/untitled-1.png);
    background-size:100%;
    background-repeat: no-repeat;
}
ul#menu-main-menu {
    display: inline-grid;
}
.-container {
    padding-top: 0px;
}
ul#menu-main-menu {
    display: none;
}
.genesis-nav-menu .menu-item {
    display: block;
}
.genesis-nav-menu .sub-menu {
    width: 50%;
}
.home-top .wrap {
    padding: 9px 0;
}
.header-full-width .title-area, .header-full-width .-title {
    width: 100%;
    float: left;
    padding-bottom: 0px;
}
nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 11px 0 !important;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important;
}


.home-top .widget_wysiwyg_widgets_widget {
    padding: 22px;
    max-width: 940px;
    margin: 0 auto;
    float: left;
}
.title-area {
    float: left;
    padding: 15px 10px;
    width: 300px;
}
.-footer a {
    font-size: 13px;
    margin: 0px 2px;
}
body {
    font-size: 16px;
}
.agency-pro-home .wrap {
    max-width: 298px !important;
    width: 100%;
}

}

@media only screen and (max-width: 480px) and (min-width: 376px){
    
      .content h1.entry-title {
    font-size: 22px;
    margin-bottom: 60px;
}
	.entry-content img {
    width: 100%;
    /* margin: 207px; */
}
.down a {
font-size: 9px !important;
line-height: 28px;
background: none !important;
padding: 0px !important;
}
.down {
    background: #3A516D;
    display: inline-block;
    padding: 0 10px;
}

.aa, .bb {
width: 100% !important;
text-align: center;
}



.wraper{width:320px;}
.agency-pro-home .content .featuredpost .entry {float: left; width: 100%;}
    .home-top .widget-title {
    font-size: 31px !important;
    padding-top: 23px;
}
    .footer-widgets {padding: 60px 30px 36px;}
    .-footer p {padding: 0 20px;}
 .entry-content h2 {
    font-size: 29px !important;
}
.archive-pagination ul {
    text-align: center;
}
a {
    word-break: break-all;
}
.responsive-menu-icon {
    height: 26px;
    width: 35px;
    position: relative;
    z-index: 999999;
    color: #fff !important;
    float: right;
    margin-right: 29px;
    top: -28px;
    background-image: url(https://ha-law.co.uk/wp-content/uploads/2020/11/untitled-1.png);
    background-size:  100%;
    background-repeat: no-repeat;
}
ul#menu-main-menu {
    display: inline-grid;
}
.-container {
    padding-top: 0px;
}
ul#menu-main-menu {
    display: none;
}
.genesis-nav-menu .menu-item {
    display: block;
}
.genesis-nav-menu .sub-menu {
    width: 100%;
}
.home-top .wrap {
    padding: 9px 0;
}
.header-full-width .title-area, .header-full-width .-title {
    width: 77%;
    float: left;
    padding-bottom: 0px;
}
nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 85%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important;
}

nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important
}


.home-top .widget_wysiwyg_widgets_widget {
    padding: 20px;
    max-width: 940px;
    margin: 0 auto;
    float: left;
}
.-footer a {
    font-size: 13px;
    margin: 0px 2px;
}








}

@media only screen and (max-width: 600px) and (min-width: 481px){
  
.down a {
font-size: 11px !important;

}
  .aa a, .bb a {
font-size: 13px !important;
}
.aa, .bb {
width: 100% !important;
text-align: center;
}  

    

.wraper{width:450px;}
.agency-pro-home .content .featuredpost .entry {float: left; width: 100%;}
    .home-top .widget-title {
    font-size: 38px !important;
    padding-top: 24px;
}
    .footer-widgets {padding: 60px 30px 36px;}
    .-footer p {padding: 0 20px;}
.archive-pagination ul {
    text-align: center;
}
.entry-title {
    font-size: 31px;
    line-height: 1;
}
.responsive-menu-icon {
    height: 26px;
    width: 35px;
    position: relative;
    z-index: 999999;
    color: #fff !important;
    float: right;
    margin-right: 29px;
    top: -28px;
    background-image: url(https://ha-law.co.uk/wp-content/uploads/2020/11/untitled-1.png);
    background-size:  100%;
    background-repeat: no-repeat;
}
ul#menu-main-menu {
    display: inline-grid;
}
.-container {
    padding-top: 0px;
}
ul#menu-main-menu {
    display: none;
}
.genesis-nav-menu .menu-item {
    display: block;
}
.genesis-nav-menu .sub-menu {
    width: 100%;
}
.home-top .wrap {
    padding: 9px 0;
}
.header-full-width .title-area, .header-full-width .-title {
    width: 64%;
    float: left;
    padding-bottom: 0px;
}
nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important
}


nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important
}


.home-top .widget_wysiwyg_widgets_widget {
    padding: 20px;
    max-width: 940px;
    margin: 0 auto;
    float: left;
}


area, .header-full-width .-title {
    width: 62%!important;
    float: left!important;
    padding-bottom: 0px!important;
}
nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    
}
.home-top .widget_wysiwyg_widgets_widget {
    padding: 24px;
    max-width: 940px;
    margin: 0 auto;
    float: left;
}
.-container .home-top {
    opacity: 1 !important;
}
.title-area {
    float: left;
    padding: 11px 10px;
    width: 300px;
}
.-footer a {
    font-size: 13px;
    margin: 0px 2px;
}


}

@media only screen and (max-width: 667px) and (min-width: 601px){
.aa a, .bb a {
font-size: 13px !important;
}
.aa, .bb {
width: 100% !important;
text-align: center;
} 
    
    
    
    

.wraper{width:500px;}
.agency-pro-home .content .featuredpost .entry {float: left; width: 100%;}
    .home-top .widget-title {font-size: 38px !important;}
    .footer-widgets {padding: 60px 30px 36px;}
    .-footer p {padding: 0 20px;}
    .archive-pagination ul {
    text-align: center;
}
.responsive-menu-icon {
    height: 26px;
    width: 35px;
    position: relative;
    z-index: 999999;
    color: #fff !important;
    float: right;
    margin-right: 29px;
    top: -28px;
    background-image: url(https://ha-law.co.uk/wp-content/uploads/2020/11/untitled-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
ul#menu-main-menu {
    display: inline-grid;
}
.-container {
    padding-top: 0px;
}
ul#menu-main-menu {
    display: none;
}
.genesis-nav-menu .menu-item {
    display: block;
}
.genesis-nav-menu .sub-menu {
    width: 100%;
}
.home-top .wrap {
    padding: 9px 0;
}
.header-full-width .title-area, .header-full-width .-title {
    width: 62%;
    float: left;
    padding-bottom: 0px;
}
nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important
}
nav.nav-primary {
    width: 50%;
    float: left;
}
.header-full-width .-title {
    width: 60%;
    float: left;
}
header.-header {
    width: 50%;
    float: left;
}
nav.nav-primary {
    background: #fff;
    padding: 60px 0 10px 0;
    margin: 0px !important;
    position: absolute !important;
    width: 100%!important;
    z-index: 99!important
    
}


.home-top .widget_wysiwyg_widgets_widget {
    padding: 57px;
    max-width: 940px;
    margin: 0 auto;
    float: left;
}
.title-area {
    float: left;
    padding: 7px 10px;
    width: 300px;
}
.-footer a {
    font-size: 13px;
    margin: 0px 2px;
}

}

@media only screen and (max-width: 753px) and (min-width: 668px){
 .aa a, .bb a {
font-size: 12px !important;
}
  .bb a {
    padding: 11px 24px !important;
}
 .aa a {
    padding: 11px 86px !important;
}   
    
    
    
    

.wraper{width:640px;}
.agency-pro-home .content .featuredpost .entry {float: left; width: 50%;}
    .home-top .widget-title {font-size: 38px !important;}
    .footer-widgets {padding: 60px 30px 36px;}
    .-footer p {padding: 0 20px;}
    .archive-pagination ul {
    padding-left: 38px;
}

}
@media only screen and (max-width: 800px) and (min-width: 754px){
    .wraper{width:640px;}
    .agency-pro-home .content .featuredpost .entry {
    width: 49%;
    padding-left: 14px;}
    .home-top .widget-title {font-size: 38px !important;}
    .footer-widgets {padding: 60px 30px 36px;}
    .-footer p {padding: 0 20px;}
}
   .archive-pagination ul {
    padding-left: 38px;
}
.genesis-nav-menu .sub-menu a {
    padding: 16px;
    width: 187px;
}
    


@media only screen and (max-width: 962px) and (min-width: 801px){

.wraper{width:780px;}
.agency-pro-home .content .featuredpost .entry {
    width: 49.333%;
    padding-left: 12px;
}

}
@media only screen and (max-width: 1280px) and (min-width: 1023px){
    .bb a {
padding: 11px 6px !important;
}
.bb {
width: 47% !important;
float: right;
margin: 30px 10px;
}
.aa a {
padding: 11px 81px !important;
}
.aa {
width: 48% !important;
float: left;
margin: 30px 0px !important;
}
}
@media only screen and (max-width: 1068px) and (min-width: 963px){

.wraper{width:940px;}
.agency-pro-home .content .featuredpost .entry {
    width: 33.333%;
}
article.post-87.post.entry {
    width: 34%!important;
}
article.post-4609.post.entry {
    width: 34%!important;
}
.genesis-nav-menu {
    font-size: 17px;
}
}

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


.wraper{width:1024px;}


}
.aa{
    width:50%;
    float: left;
    margin: 30px 0px;
}
.bb{
    width:50%;
    float: right;
    margin: 30px 0px;
}
h4.dd {
    text-align: center;
    margin: 20px 0px;
    font-weight: 600;
}
.down {
    text-align: center;
    margin: 60px 0;
}
section#wysiwyg_widgets_widget-5 {
margin: 0px !important;
}
.ap a:focus {
outline: 0;
}


.foot-imgg img {
    width: 250px;
}