/*

	Theme Name: Weigh Sol
	Theme URI: https://www.weighsol.com
	Description: Weigh Sol WordPress Theme
	Version: 1.0
	Author: Flamingoat
	Author URI: https://www.flamingoat.co.uk

*/



/*------------------------------------*\

    MAIN

\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600&display=swap');

html {
	font-size:100%;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}






body {
	font-family: "Poppins", sans-serif;
	margin: 0;
	padding:0;
	text-align: left;
	position:relative;
	z-index:0;
	background-color:#b8b8b8;
}
p {
	font-family: "Poppins", sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.55;
	font-weight: 400;
	padding: 0 0 13px 0;
}

h1 {
    font-family: "Poppins", sans-serif;
	font-size: 1.75em;
	margin: 10px 0 15px 0;
	color: #004080;	
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h2 {
    font-family: "Poppins", sans-serif;
	font-size: 1.25em;
	margin: 3px 0 5px 0;
	color: #004080;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h3 {
    font-family: "Poppins", sans-serif;
	font-size: 1.05em;
	margin: 3px 0 2px 0;
	color: #67686b;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}









/*BULLETS*/
.page-inner ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 0px 4px 16px;
}
.page-inner li {
	padding:3px 0 11px 41px;
	margin: 0;	
	font-size:95%;
	color: #646464;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_blue.png');
	background-position:0 0.3em;
	background-repeat:no-repeat;
	line-height:1.45;
}




/* NUMBERED LISTS */
.page-inner ol {
    counter-reset: item;
    margin: 0;
    padding: 2px 0px 4px 24px;
    list-style: none;
}

.page-inner ol li {
    counter-increment: item;
    padding: 3px 0 11px 32px;
    margin: 0;
    font-size: 95%;
    color: #646464;
    font-weight: normal;
    line-height: 1.45;
    position: relative;
    background-image: none !important;
}

.page-inner ol li::before {
    content: counter(item) ".";
    position: absolute;
    left: 0;
    top: 0.3em;
    font-size: 95%;
    font-weight: bold;
    color: #004080;
}




.footer-outer ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0px 8px 8px;
}
.footer-outer li {
	padding:3px 0 4px 27px;
	margin: 0;	
	font-size:100%;
	color: #a7bddc;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_white.png');
	background-position:0 0.45em;
	background-repeat:no-repeat;
}









/* clear */

.clear:before,
.clear:after {
    content:' ';
    display:table;
}



.clear:after {
    clear:both;
}

.clear {
    *zoom:1;
}

img {
	max-width:100%;
	vertical-align:bottom;
}

a:link,
a:visited {
	color: #646464;
	text-decoration:underline;
	font-family:Poppins;
	font-weight:500;
}

a:hover {
	color: #4b4b4b;
	text-decoration:underline;
}

a:focus {
	outline:0;
}

a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}



/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/


/* wrapper */

.wrapper {
	margin:0 auto;
	position:relative;
	/*overflow: hidden;*/
}






/* header */




.header-outer {
	width:100%;
	height:98px;
	z-index:99;
	position:relative;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	border-bottom:2px solid #00b6f0;
}

.header-inner {
	width:1200px;
	height:98px;
	margin:auto;
	position:relative;
}



.logo {
	width:280px;
	height:auto;
	position:absolute;
	left:42px;
	top:18px;
	z-index:999999;
}



/* --------------------------nav---------------------------------------- */

#menu-width {
	width:800px;
	height:98px;
	margin:0px 28px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Poppins !important;
}



#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
    border-bottom: 2px solid #00b6f0;
    margin: 0 16px;
    padding-bottom: 50px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	margin:0 16px;
	padding-bottom: 52px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
	border-bottom:2px solid #00b6f0;
	padding-bottom: 50px;

}

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none;
}


/* Active item INSIDE dropdown only */
#mega-menu-wrap-header-menu 
#mega-menu-header-menu 
ul.mega-sub-menu li.mega-current-menu-item > a.mega-menu-link {
    background-color: #022a63 !important; /* background colour */
}




/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:399px;
	height:auto;
	margin:6px 0px 15px 47px;
	float:right;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
/*---- HOME IMG -----*/
.aligncenter {
	width:500px;
	height:auto;
	margin:6px 0px 15px 47px;
	float:right;
	position:relative;
}




/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:555px;
	z-index:13;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 555px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none;
}








/*------------------------------- Banner - Single Image & Text - Right Text -------------------------------------*/

.banner-text-bg {
	position:relative;
	z-index:10;
	font-family: Poppins;
	color:#fff;
	text-shadow: 0 0 5px #022a63;
	transform: translate(555px, 80px) translate(-50%, 0%);
}

.banner-title-right {
	position:absolute;
	right:0px;
	top:0px;
	font-weight:500;
	font-size: 3.2em;
	text-align: right;
	line-height:1.22;
}

.banner-hr {
	position:absolute;
	right:0px;
	top:188px;
    display:block;
    width:451px;
    margin:33px 0 10px auto;
    border:0;
    height:2px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right {
	position:absolute;
	right:0px;
	top:236px;
	font-size: 1.2em;
	text-align: right;
	line-height:1.31;
}

.banner-blue-button a {
	display:block;
	position:absolute;
	right:185px;
	top:301px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 267px;
    padding: 13px 0 15px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:1.15em;
	font-weight:100;
}

.banner-blue-button a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button a {
	position:absolute;
	right:0px;
	top:301px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 171px;
    padding: 13px 0 15px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:1.15em;
	font-weight:100;
}

.banner-white-button a:hover {
    background: #f2f2f2;
    color: #022a63;
}






/*------------------------------- Banner - Single Image & Text - Left Text -------------------------------------*/

.banner-text-bg-l {
    position:absolute;
    z-index: 10;
    font-family: Poppins;
    color: #fff;
    text-shadow: 0 0 5px #022a63;
    left: 50vw;                      /* anchor to viewport centre */
    transform: translateX(-553px) translateY(80px);
	width:600px;
}

.banner-title-right-l {
	position:absolute;
	left:0px;
	top:0px;
	font-weight:500;
	font-size: 3.2em;
	text-align: left;
	line-height:1.22;
}

.banner-hr-l {
	position:absolute;
	left:0px;
	top:188px;
    display:block;
    width:451px;
    margin:33px 0 10px auto;
    border:0;
    height:2px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right-l {
	position:absolute;
	left:0px;
	top:236px;
	font-size: 1.2em;
	text-align: left;
	line-height:1.31;
}

.banner-blue-button-l a {
	display:block;
	position:absolute;
	left:0px;
	top:301px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 267px;
    padding: 13px 0 15px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:1.15em;
	font-weight:100;
}

.banner-blue-button-l a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button-l a {
	position:absolute;
	left:283px;
	top:301px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 171px;
    padding: 13px 0 15px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:1.15em;
	font-weight:100;
}

.banner-white-button-l a:hover {
    background: #f2f2f2;
    color: #022a63;
}










/*------------------------------- Smart Slider Banner (HOME) Right Text -------------------------------------*/




/* Remove Smart Slider’s auto padding */
.home-banner-row .n2-ss-layer-row {
    padding: 0 !important;
}

/* Set your column width */
.home-banner-col {
    width: 600px !important;
}

/* Align text inside the column */
.home-banner-text-right {
    text-align: right !important;
    width: 100% !important;
}

.home-banner-text-right .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
}



.home-banner-hr {
  display:block !important;
  width:451px !important;
  margin:33px 0 10px auto !important;
  border:0;
  height:2px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}


.banner-home-tag .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
}




/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 267px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63 !important;
}

/* BLUE BUTTON — hover */
.home-banner-blue-button .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 171px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63 !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;   /* subtle grey so hover is visible */
    color: #022a63 !important;
}


/* BUTTON ROW — align right + spacing */
.home-banner-button-row .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1,
.home-banner-button-col-2 {
    flex: 0 0 auto !important;
	padding: 0px !important;
}
.home-banner-button-col-2 {
	margin: 0px 10px 0 0 !important;
}

/* Remove padding/margin from ALL inner column wrappers inside the button row */
.home-banner-button-row .n2-ss-layer-col,
.home-banner-button-row .n2-ss-layer-col > div {
    padding: 0 !important;
    margin: 0 !important;
}










/*------------------------------- Smart Slider Banner (HOME) Left Text -------------------------------------*/

/* Remove Smart Slider’s auto padding */
.home-banner-row-l .n2-ss-layer-row {
    padding: 0 !important;
}

/* Set your column width */
.home-banner-col-l {
    width: 600px !important;
}

/* Align text inside the column */
.home-banner-text-right-l {
    text-align: left !important;
    width: 100% !important;
}

.home-banner-text-right-l .n2-ss-item-content {
    width: 600px !important;
    display: block !important;
    text-align: left !important;
    text-shadow: 0 0 5px #022a63 !important;
    margin-left: 126px !important;  /* shift heading 126px to the right */
}

/* HR aligned LEFT now */
.home-banner-hr-l {
  display:block !important;
  width:451px !important;
  margin:33px 0 10px 0 !important; /* changed from auto - 0 */
  border:0;
  height:2px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}

/* TAGLINE aligned LEFT now */
.banner-home-tag-l {
    width:451px !important;
    margin:0 !important;           /* changed from auto - 0 */
    text-align:left !important;
}

.banner-home-tag-l .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
    display:block !important;
}

/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button-l .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 267px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
}

/* BLUE BUTTON — hover */
.home-banner-blue-button-l .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button-l .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 171px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button-l .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;
    color: #022a63 !important;
}

/* BUTTON ROW — align right + spacing */
.home-banner-button-row-l .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1-l,
.home-banner-button-col-2-l {
    flex: 0 0 auto !important;
    padding: 0px !important;
}

.home-banner-button-col-2-l {
    margin: 0px 10px 0 0 !important;
}

/* Remove padding/margin from ALL inner column wrappers inside the button row */
.home-banner-button-row-l .n2-ss-layer-col,
.home-banner-button-row-l .n2-ss-layer-col > div {
    padding: 0 !important;
    margin: 0 !important;
}


















/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:0 0 0 0;
}

.page-inner {
	width:1200px;
	margin:auto;
	background-color:#eff1f5;
}


.content {
	width:1110px;
	padding:0;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/Weigh-Sol-content-top-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	z-index:13;
	padding:28px 45px 27px 45px;
	min-height:435px;
	box-shadow: 0px 0px 25px rgba(122, 123, 123, 1);	
}

.title-line {
	width:100%;
	background-color:#b2bac9;
	height:1px;
	margin: 0 0 25px 0;
	padding:0;
	top:-8px;
	position:relative;
}




.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}


.content hr {
    display: block;
    margin-block-start: 1.5em;
    margin-block-end: 2em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border: none;
    height: 1px;
    background-color: #b2bac9;
    overflow: hidden;
    unicode-bidi: isolate;
}










/*------------------------------- Home Page Sections -------------------------------------*/




/* container */
.sections-padded-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin: 32px 0 43px 0;
}

/* boxes */
.sections-padded-boxes > * {
    flex: 1 1 100%; /* mobile: full width */
    background: #f7f7f7;
	box-shadow: 0px 0px 20px rgba(122, 123, 123, 0.4);
}

/* headings */
.sections-padded-boxes .sections-heading {
    background: linear-gradient(to top, #083775 0%, #022a63 100%);
    margin: 0;
    padding: .8rem 1.5rem 1rem 1.5rem;
    color: #fff;
    text-align: center;
    border-top: 2px solid #00b6f0;
    font-size: 125%;
}

.sections-heading a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}

.sections-heading a:hover {
    text-decoration: none;
    opacity: 0.85;
}



/* padded content */
.sections-padded-boxes .sections-padded {
    padding: 1.1rem 3rem 1.4rem 3rem;
    text-align: center;
    color: #67686b;
    font-size: 90%;
}

/* images */
.sections-padded-boxes img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tablet: 2 per row */
@media (min-width: 450px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(50% - 1.6rem);
    }
}

/* Desktop: 3 per row */
@media (min-width: 750px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(33.333% - 1.6rem);
    }
}













/*-------------------------------------- NEWS Page - Grid -------------------------*/

/* GRID WRAPPER */
ul.display-posts-listing {
    list-style: none;
    padding: 0;
    margin: 40px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* CARD CONTAINER */
ul.display-posts-listing li.listing-item {
    background: #f7f7f7;
    padding: 20px;
    border: 1px solid #e2e2e2;
    transition: all 0.2s ease;
}

/* IMAGE */
ul.display-posts-listing li.listing-item a.image img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

/* TITLE */
ul.display-posts-listing li.listing-item a.title {
    font-size: 120%;
    font-weight: 600;
    color: #083775;
    margin-bottom: 10px;
    display: block;
    text-decoration: none !important;
}

/* FORCE TITLE TO CAPITALISED CASE */
ul.display-posts-listing li.listing-item a.title {
    text-transform: capitalize !important;
}


/* REMOVE DASH */
ul.display-posts-listing li.listing-item span.excerpt-dash {
    display: none !important;
}

/* EXCERPT */
ul.display-posts-listing li.listing-item span.excerpt {
    font-size: 90%;
    color: #67686b;
    line-height: 1.4;
    display: block;
    margin-top: 10px;
}

/* HIDE ORIGINAL VIEW ARTICLE */
ul.display-posts-listing li.listing-item a.view-article {
    display: none !important;
}

/* EXCERPT + READ MORE ON SAME LINE */
ul.display-posts-listing li.listing-item span.excerpt {
    font-size: 90%;
    color: #67686b;
    line-height: 1.4;
    display: inline !important;
    margin-top: 0 !important;
}

ul.display-posts-listing li.listing-item span.excerpt::after {
    content: " Read More...";
    font-weight: 600;
    color: #083775;
    text-decoration: none;
    cursor: pointer;
    display: inline !important;
}

/* RESPONSIVE: TABLET */
@media (max-width:1225px) {
    ul.display-posts-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* RESPONSIVE: MOBILE */
@media (max-width: 800px) {
    ul.display-posts-listing {
        grid-template-columns: 1fr;
    }
}

/* PAGINATION WRAPPER */
.display-posts-pagination {
    margin-top: 40px;
    text-align: center;
}

/* PAGINATION LINKS */
.display-posts-pagination a {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 10px;
    background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 4px;
}

.display-posts-pagination a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
}









/*-------------------------------------- NEWS Page - Article -------------------------*/

/* FEATURED IMAGE */
.single-featured-image {
    float: right;
    width: 40%;
    max-width: 350px;     /* stops it getting too big */
    height: auto;
    margin: 5px 0 20px 20px;
}

/* CLEAR FLOAT */
article.post {
    overflow: hidden;
}

/* REMOVE LOGOUT BLOCK */
.logout-position,
.logout-position .hiddenelement,
.logout-btn {
    display: none !important;
}

/* REMOVE COMMENTS BLOCK */
.comments {
    display: none !important;
}

/* POST DATE */
.single-post-date {
    font-size: 12px;      /* smaller */
    color: #67686b;
    margin-bottom: 15px;
    display: block;
}

/* BACK TO NEWS BUTTON */
.back-to-news {
    display: inline-block;
    margin-top: 25px;
    padding: 8px 14px;
    background: linear-gradient(to bottom, #083775 0%, #022a63 100%) !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
}

.back-to-news:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
}

/* TITLE LINE UNDER H1 */
.title-line-post {
    width: 100%;
    background-color: #b2bac9;
    height: 1px;
    margin: 0 0 10px 0;
    padding: 0;
    top: 7px;
    position: relative;
}










/*-------------------------------------- NEWS Page - Grid Pagination -------------------------*/

/* --- PAGINATION WRAPPER --- */
.pagination {
    text-align: center;
    margin: 40px 0;
}

/* --- REMOVE BULLETS + RESET LIST --- */
.pagination ul.page-numbers {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex;
    gap: 10px;
}

.pagination ul.page-numbers li {
    list-style-type: none !important;
    margin: 0;
    padding: 0;
}

/* --- BUTTON STYLE --- */
.pagination .page-numbers a,
.pagination .page-numbers span {
    display: inline-block;
    padding: 8px 14px;
    background: #022a63;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

/* --- CURRENT PAGE --- */
.pagination .page-numbers .current {
    background: #0b4ea7;
}

/* --- HOVER --- */
.pagination .page-numbers a:hover {
    background: #0b4ea7;
}










/*-------------------------------------- Accreditation Logos -------------------------*/

.accreditation-logos .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    align-items: center;
    justify-items: center;
    margin: 20px 0;
}

.accreditation-logos .gallery-item {
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;          /* FIX */
    max-width: 338px;     /* keeps your perfect box size */
    height: 240px;
    margin: 8px 0 !important;
}

.accreditation-logos .gallery-item img {
    width: 280px;
    max-width: none;
    height: auto;
}
.accreditation-logos p {
    display: none !important;
}
.accreditation-logos .gallery-item a {
    pointer-events: none;
    cursor: default;
}




/* Responsive: 2 per row */
@media (max-width: 1225px) {
    .accreditation-logos .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: 1 per row */
@media (max-width: 800px) {
    .accreditation-logos .gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}












/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:402px;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	position:relative;
	z-index:99;
	border-top:solid #00b6f0 2px;
}

.footer-inner {
	width:1200px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:left;
	font-size: 13px;
	color: #a7bddc;
	position:absolute;
	width:384px;
	left:45px;
	top:112px;
	line-height:1.55em;

}

.tel-ema {
	padding:3px 0 3px 0;
}


.footer-logo {
	width:280px;
	height:auto;
	position:absolute;
	top:29px;
	left:42px;
}



.footer-copy-text {
	padding:0;
	text-align:left;
}






.flaming {
	font-size: 13px;
	color: #a7bddc;
}
.flaming a,
.flaming a:visited {
	color: #a7bddc;
	text-decoration:underline;
	font-family: Poppins;
}
.flaming a:hover {
	color: #fff;
}


.footer-company-links-1 {
	width:165px;
	height:auto;
	position:absolute;
	top:84px;
	left:398px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-2 {
	width:165px;
	height:auto;
	position:absolute;
	top:84px;
	left:533px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-3 {
	width:165px;
	height:auto;
	position:absolute;
	top:84px;
	left:679px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-1 a:link,
.footer-company-links-1 a:visited,
.footer-company-links-2 a:link,
.footer-company-links-2 a:visited,
.footer-company-links-3 a:link,
.footer-company-links-3 a:visited {
	color: #a7bddc;
	text-decoration:none;
}

.footer-company-links-1 a:hover,
.footer-company-links-2 a:hover,
.footer-company-links-3 a:hover {
	color: #fff;
}





.footer-text {
	width:275px;
	height:auto;
	position:absolute;
	top:55px;
	left:880px;
	color: #a7bddc;
	font-size: 13px;
}






.footer-logo-1 {
	width:161px;
	height:84px;
	position:absolute;
	top:269px;
	left:377px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_31.png)
}

.footer-logo-2 {
	width:100px;
	height:84px;
	position:absolute;
	top:269px;
	left:568px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_33.png)
}

.footer-logo-3 {
	width:74px;
	height:84px;
	position:absolute;
	top:269px;
	left:691px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_35.png)
}

.footer-logo-4 {
	width:108px;
	height:84px;
	position:absolute;
	top:269px;
	left:798px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_37.png)
}

.footer-logo-5 {
	width:83px;
	height:84px;
	position:absolute;
	top:269px;
	left:933px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_39.png)
}

.footer-logo-6 {
	width:75px;
	height:84px;
	position:absolute;
	top:269px;
	left:939px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_41.png)
}

.footer-logo-7 {
	width:112px;
	height:84px;
	position:absolute;
	top:269px;
	left:1043px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_43.png)
}




/*--------------------------contact page-------------------*/


.contact-col-1 {
	float:left;
	width:357px;
	margin:4px 47px 0 0px;
}

.contact-col-2 {
	float:left;
	width:302px;
	margin:0px 47px 0 0;
}

.contact-col-3 {
	float:left;
	width:357px;
	margin:0px 0 10px 0;
}



.mapWrapper {
	position: relative;
	padding-bottom: 142%;
	padding-top: 0px;
	height: 0;
}
.mapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.form-left p, .form-right p  {
	padding:0 !important;
}
.form-left {
	width:200px;
	font-size:0.95em;
	line-height:1.7;
	color: #646464;
}
.form-right {
	width:200px;
	margin: 0 0 5px 0px;
	font-family: Poppins !important;
}

.form-text {
	padding:10px 0 13px 0;
	font-size:95%;
	color: #646464;
	font-family: Poppins;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Poppins;
	font-size:0.95em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width: 290px !important;
    max-width: 312px !important;
	height:16px;
	border:1px solid #ccc;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #ccc;
	font-family: Poppins !important;
	font-size:0.95em;
	font-weight:normal;
	width:302px;
	height:28px;
	padding:1px;
	margin:1px 0 0 0;
}

textarea {
	background-color:#fff;
	font-family: Poppins;
	font-size:0.95em;
	width:290px;
	height:50px;
	font-weight:normal;
	border:1px solid #ccc;
	padding:2px;
	color: #646464;
	margin:1px 0 0 0;
	padding:5px;
}

.form-send {
	margin:0 0 0 0px;
	height:50px;
}
.form-outer input[type=submit] {
	width:302px;
	padding:11px 0 13px 0;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-family: Poppins;
	font-size:1.3em;
	border:none;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
}

.recap {
	width:302px;
	margin: 0 0 3px 0px;
}



.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	color:#F00;
	border:solid #f00 3px;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
	color:#398f14;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: #46b450;
    border-color: #46b450;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    color: #ffb900;
	border-color: #ffb900;
}

























/*-------------------------------------------------------------------------------------------------------------------------*\

    RESPONSIVE

\*------------------------------------------------------------------------------------------------------------------------------*/


@media all and (max-width: 1225px) {









p {
	font-family: "Poppins", sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.55;
	font-weight: 400;
	padding: 0 0 10px 0;
}

h1 {
    font-family: "Poppins", sans-serif;
	font-size: 1.75em;
	margin: 8px 0 15px 0;
	color: #004080;	
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h2 {
    font-family: "Poppins", sans-serif;
	font-size: 1.25em;
	margin: 3px 0 5px 0;
	color: #004080;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h3 {
    font-family: "Poppins", sans-serif;
	font-size: 1.05em;
	margin: 3px 0 2px 0;
	color: #67686b;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}









/*BULLETS*/
.page-inner ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 0px 4px 16px;
}
.page-inner li {
	padding:3px 0 11px 41px;
	margin: 0;	
	font-size:95%;
	color: #646464;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_blue.png');
	background-position:0 0.3em;
	background-repeat:no-repeat;
	line-height:1.45;
}


.footer-outer ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0px 8px 8px;
}
.footer-outer li {
	padding:3px 0 4px 27px;
	margin: 0;	
	font-size:100%;
	color: #a7bddc;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_white.png');
	background-position:0 0.45em;
	background-repeat:no-repeat;
}















/* header */




.header-outer {
	width:100%;
	height:98px;
	z-index:99;
	position:relative;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	border-bottom:2px solid #00b6f0;
}

.header-inner {
	width:800px;
	height:98px;
	margin:auto;
	position:relative;
}



.logo {
	width:280px;
	height:auto;
	position:absolute;
	left:42px;
	top:18px;
	z-index:999999;
}











/* --------------------------nav---------------------------------------- */

#menu-width {
	background: none;
	width:235px;
	height:98px;
	margin:0px 0px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Poppins !important;
	border-bottom:0;
}

#menu-mob {
	width:120px;
	height:98px;
	position:absolute;
	top:0;
	right:0;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    border-color: #fff;
	border-bottom:none;
	margin:0 0px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	margin:0 0px;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 40px; /*----------HAMBURGER HORIZONTAL POSITION------*/
}



#mega-menu-wrap-header-menu .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    line-height: 80px;
    height: 98px;
    text-align: left;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap;
}


#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 0px; /*----------HAMBURGER BORDER RADIUS------*/
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 16px 0 16px; /*----------DROPDOWN MENU ITEM PADDING------*/
        background: transparent;
        text-align: left;
        color: #ffffff;
        font-size: 17px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background-color:#022a63; /*----------DROPDOWN MENU HOVER------*/
	border-bottom:none;

}

/* Indent ALL submenu items and add bullet icon */
[id^="mega-menu-header-menu"] ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    position: relative !important;
    padding-left: 47px !important; /* indent from left */
}

/* Bullet icon before submenu text */
[id^="mega-menu-header-menu"] ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::before {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;            /* bullet horizontal position */
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 13px !important;             /* bullet size */
    height: 13px !important;
    background-image: url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_white.png') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}












/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:300px;
	height:auto;
	margin:6px 0px 15px 47px;
	float:right;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
/*---- HOME IMG -----*/
.aligncenter {
	width:300px;
	height:auto;
	margin:6px 0px 15px 47px;
	float:right;
	position:relative;
}






/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:370px;
	background-color:#fff;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 370px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
  height: 370px;
}








/*------------------------------- Banner - Single Image & Text - Right Text -------------------------------------*/

.banner-text-bg {
	position:relative;
	z-index:10;
	font-family: Poppins;
	color:#fff;
	text-shadow: 0 0 5px #022a63;
	transform: translate(353px, 55px) translate(-50%, 0%);
}

.banner-title-right {
	position:absolute;
	right:0px;
	top:0px;
	font-weight:500;
	font-size: 35px;
	text-align: right;
	line-height:1.17;
}

.banner-hr {
	position:absolute;
	right:0px;
	top:113px;
    display:block;
    width:305px;
    margin:33px 0 10px auto;
    border:0;
    height:2px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right {
	position:absolute;
	right:0px;
	top:156px;
	font-size: 12px;
	text-align: right;
	line-height:1.31;
}

.banner-blue-button a {
	display:block;
	position:absolute;
	right:125px;
	top:196px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 179px;
    padding: 8px 0 10px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:12px;
}

.banner-blue-button a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button a {
	position:absolute;
	right:0px;
	top:196px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 115px;
    padding: 8px 0 10px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:12px;
}

.banner-white-button a:hover {
    background: #f2f2f2;
    color: #022a63;
}






/*------------------------------- Banner - Single Image & Text - Left Text -------------------------------------*/

.banner-text-bg-l {
    position:absolute;
    z-index: 10;
    font-family: Poppins;
    color: #fff;
    text-shadow: 0 0 5px #022a63;
    left: 50vw;                      /* anchor to viewport centre */
    transform: translateX(-353px) translateY(55px);
	width:400px;
}

.banner-title-right-l {
	position:absolute;
	left:0px;
	top:0px;
	font-weight:500;
	font-size: 35px;
	text-align: left;
	line-height:1.17;
}

.banner-hr-l {
	position:absolute;
	left:0px;
	top:113px;
    display:block;
    width:305px;
    margin:33px 0 10px auto;
    border:0;
    height:2px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right-l {
	position:absolute;
	left:0px;
	top:156px;
	font-size: 12px;
	text-align: left;
	line-height:1.31;
}

.banner-blue-button-l a {
	display:block;
	position:absolute;
	left:0px;
	top:196px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 179px;
    padding: 8px 0 10px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:12px;
}

.banner-blue-button-l a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button-l a {
	position:absolute;
	left:190px;
	top:196px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 115px;
    padding: 8px 0 10px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:12px;
}

.banner-white-button-l a:hover {
    background: #f2f2f2;
    color: #022a63;
}











/*------------------------------- Smart Slider Banner (HOME) -------------------------------------*/

div#n2-ss-2 .n2-ss-slider-1 {
    min-height: 370px;
}









/*------------------------------- Smart Slider Banner (HOME) Right Text -------------------------------------*/



/* Keep your transform for the main banner row */
.home-banner-row > .n2-ss-layer-row {
    transform: translate(99px, 40px) translate(-50%, 0%) !important;
}




/* Set your column width */
.home-banner-col {
    width: 400px !important;
}

/* Align text inside the column */
.home-banner-text-right {
    text-align: right !important;
    width: 100% !important;
}

.home-banner-text-right .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
	font-size: 35px !important; 
}



.home-banner-hr {
  display:block !important;
  width:305px !important;
  margin:20px 0 5px auto !important;
  border:0;
  height:2px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}


.banner-home-tag .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
	font-size: 11px !important; 
}




/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 179px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
	margin-top: 8px !important; /* adjust */
	box-shadow: 0 0 5px #022a63 !important;
	font-size: 12px !important; 
}

/* BLUE BUTTON — hover */
.home-banner-blue-button .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 115px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
	margin-top: 8px !important; /* adjust */
	box-shadow: 0 0 5px #022a63 !important;
	font-size: 12px !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;   /* subtle grey so hover is visible */
    color: #022a63 !important;
}


/* BUTTON ROW — align right + spacing */
.home-banner-button-row .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1,
.home-banner-button-col-2 {
    flex: 0 0 auto !important;
	padding: 0px !important;
}
.home-banner-button-col-2 {
	margin: 0px 10px 0 0 !important;
}








/*------------------------------- Smart Slider Banner (HOME) Left Text -------------------------------------*/

/* Remove Smart Slider’s auto padding */
.home-banner-row-l .n2-ss-layer-row {
    padding: 0 !important;
	transform: translate(428px, 42px) translate(-50%, 0%) !important;
}

/* Set your column width */
.home-banner-col-l {
    width: 400px !important;
}

/* Align text inside the column */
.home-banner-text-right-l {
    text-align: left !important;
    width: 100% !important;
}

.home-banner-text-right-l .n2-ss-item-content {
    width: 400px !important;
    display: block !important;
    text-align: left !important;
    text-shadow: 0 0 5px #022a63 !important;
    margin-left: 0px !important;  /* shift heading 126px to the right */
	font-size: 35px !important;
}

/* HR aligned LEFT now */
.home-banner-hr-l {
  display:block !important;
  width:305px !important;
  margin:20px 75px 5px 0 !important; /* changed from auto - 0 */
  border:0;
  height:2px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}

/* TAGLINE aligned LEFT now */
.banner-home-tag-l {
    width:400px !important;
    margin:0 !important;           /* changed from auto - 0 */
    text-align:left !important;
}

.banner-home-tag-l .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
    display:block !important;
	font-size: 11px !important;
}

/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button-l .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 179px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
	font-size: 12px !important;
}

/* BLUE BUTTON — hover */
.home-banner-blue-button-l .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button-l .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 115px !important;
    padding: 1px 0 2px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
	font-size: 12px !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button-l .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;
    color: #022a63 !important;
}

/* BUTTON ROW — align right + spacing */
.home-banner-button-row-l .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1-l,
.home-banner-button-col-2-l {
    flex: 0 0 auto !important;
    padding: 0px !important;
}

.home-banner-button-col-2-l {
    margin: 0px 10px 0 0 !important;
}

/* Remove padding/margin from ALL inner column wrappers inside the button row */
.home-banner-button-row-l .n2-ss-layer-col,
.home-banner-button-row-l .n2-ss-layer-col > div {
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix button position (285px left, 46px up) */
.home-banner-button-row-l {
    position: relative;
    left: -312px !important;
    top: -46px !important;
}








/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:0 0 0 0;
}

.page-inner {
	width:800px;
	margin:auto;
	background-color:#eff1f5;
}


.content {
	width:710px;
	padding:0;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/Weigh-Sol-content-top-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	z-index:13;
	padding:28px 45px 27px 45px;
	min-height:435px;
	box-shadow: 0px 0px 25px rgba(122, 123, 123, 1);	
}

.title-line {
	width:100%;
	background-color:#b2bac9;
	height:1px;
	margin: 0 0 25px 0;
	padding:0;
	top:-8px;
	position:relative;
}




.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}

.content hr {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border: none;
    height: 1px;
    background-color: #b2bac9;
    overflow: hidden;
    unicode-bidi: isolate;
}








/*------------------------------- Home Page Sections -------------------------------------*/




/* container */
.sections-padded-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin: 32px 0 43px 0;
}

/* boxes */
.sections-padded-boxes > * {
    flex: 1 1 100%; /* mobile: full width */
    background: #f7f7f7;
	box-shadow: 0px 0px 20px rgba(122, 123, 123, 0.4);
}

/* headings */
.sections-padded-boxes .sections-heading {
    background: linear-gradient(to top, #083775 0%, #022a63 100%);
    margin: 0;
    padding: .8rem 0.5rem 0.9rem 0.5rem;
    color: #fff;
    text-align: center;
    border-top: 2px solid #00b6f0;
    font-size:105%;
}

.sections-heading a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}

.sections-heading a:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* padded content */
.sections-padded-boxes .sections-padded {
    padding: 0.9rem 1rem 1.2rem 1rem;
    text-align: center;
    color: #67686b;
    font-size: 90%;
}

/* images */
.sections-padded-boxes img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tablet: 2 per row */
@media (min-width: 450px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(50% - 1.6rem);
    }
}

/* Desktop: 3 per row */
@media (min-width: 750px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(33.333% - 1.6rem);
    }
}












/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:580px;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	position:relative;
	z-index:99;
	border-top:solid #00b6f0 2px;
}

.footer-inner {
	width:800px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:left;
	font-size: 13px;
	color: #a7bddc;
	position:absolute;
	width:200px;
	left:45px;
	top:112px;
	line-height:1.55em;

}

.tel-ema {
	padding:3px 0 12px 0;
}


.footer-logo {
	width:280px;
	height:auto;
	position:absolute;
	top:29px;
	left:42px;
}



.footer-copy-text {
	padding:0;
	text-align:left;
}






.flaming {
	font-size: 13px;
	color: #a7bddc;
}
.flaming a,
.flaming a:visited {
	color: #a7bddc;
	text-decoration:underline;
	font-family: Poppins;
}
.flaming a:hover {
	color: #fff;
}


.footer-company-links-1 {
	width:165px;
	height:auto;
	position:absolute;
	top:84px;
	left:361px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-2 {
	width:165px;
	height:auto;
	position:absolute;
	top:84px;
	left:495px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-3 {
	width:165px;
	height:auto;
	position:absolute;
	top:84px;
	left:632px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-1 a:link,
.footer-company-links-1 a:visited,
.footer-company-links-2 a:link,
.footer-company-links-2 a:visited,
.footer-company-links-3 a:link,
.footer-company-links-3 a:visited {
	color: #a7bddc;
	text-decoration:none;
}

.footer-company-links-1 a:hover,
.footer-company-links-2 a:hover,
.footer-company-links-3 a:hover {
	color: #fff;
}





.footer-text {
	width:395px;
	height:auto;
	position:absolute;
	top:234px;
	left:361px;
	color: #a7bddc;
	font-size: 13px;
}






.footer-logo-1 {
	width:161px;
	height:84px;
	position:absolute;
	top:370px;
	left:135px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_31.png)
}

.footer-logo-2 {
	width:100px;
	height:84px;
	position:absolute;
	top:370px;
	left:326px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_33.png)
}

.footer-logo-3 {
	width:74px;
	height:84px;
	position:absolute;
	top:370px;
	left:449px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_35.png)
}

.footer-logo-4 {
	width:108px;
	height:84px;
	position:absolute;
	top:370px;
	left:556px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_37.png)
}

.footer-logo-5 {
	width:83px;
	height:84px;
	position:absolute;
	top:460px;
	left:287px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_39.png)
}

.footer-logo-6 {
	width:75px;
	height:84px;
	position:absolute;
	top:460px;
	left:343px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_41.png)
}

.footer-logo-7 {
	width:112px;
	height:84px;
	position:absolute;
	top:460px;
	left:400px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_43.png)
}












/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:left;
	width:361px;
	margin:4px 47px 0 0px;
}

.contact-col-2 {
	float:left;
	width:302px;
	margin:0px 0px 0 0;
}

.contact-col-3 {
	float:left;
	width:100%;
	margin:20px 0 10px 0;
}



.mapWrapper {
	position: relative;
	padding-bottom: 50%;
	padding-top: 0px;
	height: 0;
}
.mapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.form-left {
	width:200px;
	font-size:0.95em;
	line-height:1.7;
	color: #646464;
}
.form-right {
	width:200px;
	margin: 0 0 5px 0px;
	font-family: Poppins !important;
}

.form-text {
	padding:10px 0 13px 0;
	font-size:95%;
	color: #646464;
	font-family: Poppins;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Poppins;
	font-size:0.95em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:290px;
	height:16px;
	border:1px solid #ccc;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #ccc;
	font-family: Poppins !important;
	font-size:0.95em;
	font-weight:normal;
	width:302px;
	height:28px;
	padding:1px;
	margin:1px 0 0 0;
}

textarea {
	background-color:#fff;
	font-family: Poppins;
	font-size:0.95em;
	width:290px;
	height:40px;
	font-weight:normal;
	border:1px solid #ccc;
	padding:2px;
	color: #646464;
	margin:1px 0 0 0;
	padding:5px;
}

.form-send {
	margin:0 0 0 0px;
	height:50px;
}
.form-outer input[type=submit] {
	width:302px;
	padding:11px 0 13px 0;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-family: Poppins;
	font-size:1.3em;
	border:none;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
}


.recap {
	width:302px;
	margin: 0 0 3px 0px;
}































}












@media all and (max-width: 799px) {












p {
	font-family: "Poppins", sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.55;
	font-weight: 400;
	padding: 0 0 10px 0;
}

h1 {
    font-family: "Poppins", sans-serif;
	font-size: 1.5em;
	margin: 0px 0 15px 0;
	color: #004080;	
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h2 {
    font-family: "Poppins", sans-serif;
	font-size: 1.15em;
	margin: 3px 0 5px 0;
	color: #004080;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h3 {
    font-family: "Poppins", sans-serif;
	font-size: 1em;
	margin: 3px 0 2px 0;
	color: #67686b;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}









/*BULLETS*/
.page-inner ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 0px 4px 8px;
}
.page-inner li {
	padding:3px 0 11px 37px;
	margin: 0;	
	font-size:95%;
	color: #646464;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_blue.png');
	background-position:0 0.3em;
	background-repeat:no-repeat;
	line-height:1.45;
}


.footer-outer ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0px 8px 3px;
}
.footer-outer li {
	padding:1px 0 2px 22px;
	margin: 0;	
	font-size:100%;
	color: #a7bddc;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_white.png');
	background-position:0 0.45em;
	background-repeat:no-repeat;
}















/* header */




.header-outer {
	width:100%;
	height:75px;
	z-index:99;
	position:relative;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	border-bottom:2px solid #00b6f0;
}

.header-inner {
	width:420px;
	height:75px;
	margin:auto;
	position:relative;
}



.logo {
	width:235px;
	height:auto;
	position:absolute;
	left:18px;
	top:11px;
	z-index:999999;
}












/* --------------------------nav---------------------------------------- */

#menu-width {
	background: none;
	width:235px;
	height:73px;
	margin:0px 0px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Poppins !important;
	border-bottom:0;
}


#menu-mob {
	width:80px;
	height:74px;
	position:absolute;
	top:0;
	right:0;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 20px; /*----------HAMBURGER HORIZONTAL POSITION------*/
}



#mega-menu-wrap-header-menu .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    line-height: 80px;
    height: 74px;
    text-align: right;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap;
}


#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 0px; /*----------HAMBURGER BORDER RADIUS------*/
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 16px 0 16px; /*----------DROPDOWN MENU ITEM PADDING------*/
        background: transparent;
        text-align: left;
        color: #ffffff;
        font-size: 17px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background-color:#022a63; /*----------DROPDOWN MENU HOVER------*/
}










/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:50%;
	height:auto;
	margin:6px 0px 15px 20px;
	float:right;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
/*---- HOME IMG -----*/
.aligncenter {
	width:50%;
	height:auto;
	margin:6px 0px 15px 20px;
	float:right;
	position:relative;
}










/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:194px;
	background-color:#fff;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 194px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
  height: 194px;
}








/*------------------------------- Banner - Single Image & Text - Right Text -------------------------------------*/

.banner-text-bg {
	position:relative;
	z-index:10;
	font-family: Poppins;
	color:#fff;
	text-shadow: 0 0 5px #022a63;
	transform: translate(188px, 19px) translate(-50%, 0%);
}

.banner-title-right {
	position:absolute;
	right:0px;
	top:0px;
	font-weight:500;
	font-size: 18px;
	text-align: right;
	line-height:1.17;
}

.banner-hr {
	position:absolute;
	right:0px;
	top:41px;
    display:block;
    width:150px;
    margin:33px 0 10px auto;
    border:0;
    height:1px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right {
	display:none;
}

.banner-blue-button a {
	display:block;
	position:absolute;
	right:0px;
	top:69px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 135px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:10px;
}

.banner-blue-button a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button a {
	position:absolute;
	right:0px;
	top:110px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 72px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:10px;
}

.banner-white-button a:hover {
    background: #f2f2f2;
    color: #022a63;
}









/*------------------------------- Banner - Single Image & Text - Left Text -------------------------------------*/

.banner-text-bg-l {
    position:absolute;
    z-index: 10;
    font-family: Poppins;
    color: #fff;
    text-shadow: 0 0 5px #022a63;
    left: 50vw;                      /* anchor to viewport centre */
    transform: translateX(-188px) translateY(19px);
	width:200px;
}

.banner-title-right-l {
	position:absolute;
	left:0px;
	top:0px;
	font-weight:500;
	font-size: 18px;
	text-align: left;
	line-height:1.17;
}

.banner-hr-l {
	position:absolute;
	left:0px;
	top:41px;
    display:block;
    width:150px;
    margin:33px 0 10px auto;
    border:0;
    height:1px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right-l {
	display:none;
}

.banner-blue-button-l a {
	display:block;
	position:absolute;
	left:0px;
	top:69px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 135px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:10px;
}

.banner-blue-button-l a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button-l a {
	position:absolute;
	left:0px;
	top:110px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 72px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:10px;
}

.banner-white-button-l a:hover {
    background: #f2f2f2;
    color: #022a63;
}
















/*------------------------------- Smart Slider Banner (HOME) -------------------------------------*/

div#n2-ss-2 .n2-ss-slider-1 {
    min-height: 194px;
}










/*------------------------------- Smart Slider Banner (HOME) Right Text -------------------------------------*/



/* Keep your transform for the main banner row */
.home-banner-row > .n2-ss-layer-row {
    transform: translate(-66px, 75px) translate(-50%, 0%) !important;
}




/* Set your column width */
.home-banner-col {
    width: 240px !important;
}

/* Align text inside the column */
.home-banner-text-right {
    text-align: right !important;
    width: 100% !important;
}

.home-banner-text-right .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
	font-size: 18px !important; 
}



.home-banner-hr {
  display:block !important;
  width:150px !important;
  margin:10px 0 5px auto !important;
  border:0;
  height:1px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}


.banner-home-tag .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
	font-size: 7px !important; 
}




/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 135px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
	margin-top: 0px !important; /* adjust */
	box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important; 
}

/* BLUE BUTTON — hover */
.home-banner-blue-button .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 72px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
	margin-top: 0px !important; /* adjust */
	box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;   /* subtle grey so hover is visible */
    color: #022a63 !important;
}


/* BUTTON ROW — align right + spacing */
.home-banner-button-row .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1,
.home-banner-button-col-2 {
    flex: 0 0 auto !important;
	padding: 0px !important;
}
.home-banner-button-col-2 {
	margin: 0px 10px 0 0 !important;
}










/*------------------------------- Smart Slider Banner (HOME) Left Text -------------------------------------*/

/* Remove Smart Slider’s auto padding */
.home-banner-row-l .n2-ss-layer-row {
    padding: 0 !important;
	transform: translate(433px, 85px) translate(-50%, 0%) !important;
}

/* Set your column width */
.home-banner-col-l {
    width: 240px !important;
}

/* Align text inside the column */
.home-banner-text-right-l {
    text-align: left !important;
    width: 100% !important;
}

.home-banner-text-right-l .n2-ss-item-content {
    width: 240px !important;
    display: block !important;
    text-align: left !important;
    text-shadow: 0 0 5px #022a63 !important;
    margin-left: 0px !important;  /* shift heading 126px to the right */
	font-size: 18px !important;
}

/* HR aligned LEFT now */
.home-banner-hr-l {
  display:block !important;
  width:150px !important;
  margin:10px 70px 5px 0 !important; /* changed from auto - 0 */
  border:0;
  height:1px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}

/* TAGLINE aligned LEFT now */
.banner-home-tag-l {
    width:240px !important;
    margin:0 !important;           /* changed from auto - 0 */
    text-align:left !important;
}

.banner-home-tag-l .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
    display:block !important;
	font-size: 11px !important;
}

/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button-l .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 135px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important;
}

/* BLUE BUTTON — hover */
.home-banner-blue-button-l .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button-l .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 72px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button-l .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;
    color: #022a63 !important;
}

/* BUTTON ROW — align right + spacing */
.home-banner-button-row-l .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1-l,
.home-banner-button-col-2-l {
    flex: 0 0 auto !important;
    padding: 0px !important;
}

.home-banner-button-col-2-l {
    margin: -13px 73px 0 0 !important;
}

/* Remove padding/margin from ALL inner column wrappers inside the button row */
.home-banner-button-row-l .n2-ss-layer-col,
.home-banner-button-row-l .n2-ss-layer-col > div {
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix button position (285px left, 46px up) */
.home-banner-button-row-l {
    position: relative;
    left: -407px !important;
    top: -97px !important;
}










/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:0 0 0 0;
}

.page-inner {
	width:420px;
	margin:auto;
	background-color:#eff1f5;
}


.content {
	width:380px;
	padding:0;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/Weigh-Sol-content-top-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	z-index:13;
	padding:20px 20px 20px 20px;
	min-height:435px;
	box-shadow: 0px 0px 25px rgba(122, 123, 123, 1);	
}

.title-line {
	width:100%;
	background-color:#b2bac9;
	height:1px;
	margin: 0 0 14px 0;
	padding:0;
	top:-8px;
	position:relative;
}




.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}

.content hr {
    display: block;
    margin-block-start: 0.8em;
    margin-block-end: 1.3em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border: none;
    height: 1px;
    background-color: #b2bac9;
    overflow: hidden;
    unicode-bidi: isolate;
}










/*------------------------------- Home Page Sections -------------------------------------*/




/* container */
.sections-padded-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin: 10px 0 30px 0;
}

/* boxes */
.sections-padded-boxes > * {
    flex: 1 1 100%; /* mobile: full width */
    background: #f7f7f7;
	box-shadow: 0px 0px 20px rgba(122, 123, 123, 0.4);
}

/* headings */
.sections-padded-boxes .sections-heading {
    background: linear-gradient(to top, #083775 0%, #022a63 100%);
    margin: 0;
    padding: .8rem 1.5rem 1rem 1.5rem;
    color: #fff;
    text-align: center;
    border-top: 2px solid #00b6f0;
    font-size: 125%;
}

.sections-heading a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}

.sections-heading a:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* padded content */
.sections-padded-boxes .sections-padded {
    padding: 1.1rem 3rem 1.4rem 3rem;
    text-align: center;
    color: #67686b;
    font-size: 90%;
}

/* images */
.sections-padded-boxes img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tablet: 2 per row */
@media (min-width: 450px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(50% - 1.6rem);
    }
}

/* Desktop: 3 per row */
@media (min-width: 750px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(33.333% - 1.6rem);
    }
}












/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:845px;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	position:relative;
	z-index:99;
	border-top:solid #00b6f0 2px;
}

.footer-inner {
	width:420px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:left;
	font-size: 13px;
	color: #a7bddc;
	position:absolute;
	width:200px;
	left:20px;
	top:100px;
	line-height:1.55em;

}

.tel-ema {
	padding:3px 0 3px 0;
}


.footer-logo {
	width:280px;
	height:auto;
	position:absolute;
	top:20px;
	left:17px;
}



.footer-copy-text {
	padding:0;
	text-align:left;
}






.flaming {
	font-size: 13px;
	color: #a7bddc;
}
.flaming a,
.flaming a:visited {
	color: #a7bddc;
	text-decoration:underline;
	font-family: Poppins;
}
.flaming a:hover {
	color: #fff;
}


.footer-company-links-1 {
	width:125px;
	height:auto;
	position:absolute;
	top:125px;
	left:295px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-2 {
	width:125px;
	height:auto;
	position:absolute;
	top:265px;
	left:295px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-3 {
	width:125px;
	height:auto;
	position:absolute;
	top:405px;
	left:295px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-1 a:link,
.footer-company-links-1 a:visited,
.footer-company-links-2 a:link,
.footer-company-links-2 a:visited,
.footer-company-links-3 a:link,
.footer-company-links-3 a:visited {
	color: #a7bddc;
	text-decoration:none;
}

.footer-company-links-1 a:hover,
.footer-company-links-2 a:hover,
.footer-company-links-3 a:hover {
	color: #fff;
}





.footer-text {
	width:230px;
	height:auto;
	position:absolute;
	top:352px;
	left:20px;
	color: #a7bddc;
	font-size: 13px;
}






.footer-logo-1 {
	width:161px;
	height:84px;
	position:absolute;
	top:555px;
	left:64px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_31.png)
}

.footer-logo-2 {
	width:100px;
	height:84px;
	position:absolute;
	top:555px;
	left:255px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_33.png)
}

.footer-logo-3 {
	width:74px;
	height:84px;
	position:absolute;
	top:625px;
	left:102px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_35.png)
}

.footer-logo-4 {
	width:108px;
	height:84px;
	position:absolute;
	top:625px;
	left:209px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_37.png)
}

.footer-logo-5 {
	width:83px;
	height:84px;
	position:absolute;
	top:723px;
	left:98px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_39.png)
}

.footer-logo-6 {
	width:75px;
	height:84px;
	position:absolute;
	top:723px;
	left:153px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_41.png)
}

.footer-logo-7 {
	width:112px;
	height:84px;
	position:absolute;
	top:723px;
	left:209px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_43.png)
}


























/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:none;
	width:100%;
	margin:0px 0px 0 0px;
}

.contact-col-2 {
	float:none;
	width:100%;
	margin:30px 0px 43px 0;
}

.contact-col-3 {
	float:none;
	width:100%;
	margin:0px 0 10px 0;
}



.mapWrapper {
	position: relative;
	padding-bottom: 100%;
	padding-top: 0px;
	height: 0;
}
.mapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.form-left {
	width:100%;
	font-size:0.95em;
	line-height:1.7;
	color: #646464;
}
.form-right {
	width:100%;
	margin: 0 0 5px 0px;
	font-family: Poppins !important;
}

.form-text {
	padding:10px 0 13px 0;
	font-size:95%;
	color: #646464;
	font-family: Poppins;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Poppins;
	font-size:0.95em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:368px !important;
	max-width: 380px !important;
	height:16px;
	border:1px solid #ccc;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #ccc;
	font-family: Poppins !important;
	font-size:0.95em;
	font-weight:normal;
	width:380px;
	height:28px;
	padding:1px;
	margin:1px 0 0 0;
}

textarea {
	background-color:#fff;
	font-family: Poppins;
	font-size:0.95em;
	width:368px;
	height:50px;
	font-weight:normal;
	border:1px solid #ccc;
	padding:2px;
	color: #646464;
	margin:1px 0 0 0;
	padding:5px;
}

.form-send {
	margin:0 0 0 0px;
	height:50px;
}
.form-outer input[type=submit] {
	width:380px;
	padding:11px 0 13px 0;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-family: Poppins;
	font-size:1.3em;
	border:none;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
}

.recap {
	width:302px;
	margin: 0 0 3px 39px;
}











}




















@media all and (max-width: 420px) {













p {
	font-family: "Poppins", sans-serif;
	font-size: 0.95em;
	font-weight: normal;
	margin: 0;
	color: #646464;
	line-height: 1.55;
	font-weight: 400;
	padding: 0 0 10px 0;
}

h1 {
    font-family: "Poppins", sans-serif;
	font-size: 1.5em;
	margin: 0px 0 15px 0;
	color: #004080;	
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h2 {
    font-family: "Poppins", sans-serif;
	font-size: 1.15em;
	margin: 3px 0 5px 0;
	color: #004080;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}

h3 {
    font-family: "Poppins", sans-serif;
	font-size: 1em;
	margin: 3px 0 2px 0;
	color: #67686b;
	text-align: left;
	font-weight: 600;
	line-height:1.3em;
}









/*BULLETS*/
.page-inner ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 0px 4px 8px;
}
.page-inner li {
	padding:3px 0 11px 37px;
	margin: 0;	
	font-size:95%;
	color: #646464;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_blue.png');
	background-position:0 0.3em;
	background-repeat:no-repeat;
	line-height:1.45;
}


.footer-outer ul {
	list-style-type: none;
	margin: 0;
	padding: 4px 0px 8px 3px;
}
.footer-outer li {
	padding:1px 0 2px 22px;
	margin: 0;	
	font-size:100%;
	color: #a7bddc;
	font-weight:normal;
	background-image:url('https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/bullet_white.png');
	background-position:0 0.45em;
	background-repeat:no-repeat;
}















/* header */




.header-outer {
	width:100%;
	height:63px;
	z-index:99;
	position:relative;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	border-bottom:2px solid #00b6f0;
}

.header-inner {
	width:300px;
	height:63px;
	margin:auto;
	position:relative;
}



.logo {
	width:175px;
	height:auto;
	position:absolute;
	left:18px;
	top:12px;
	z-index:999999;
}












/* --------------------------nav---------------------------------------- */

#menu-width {
	background: none;
	width:235px;
	height:58px;
	margin:0px 0px 0 0;
	position:absolute;
	top:0px;
	z-index:9999;
	right:0px;
	font-family: Poppins !important;
	border-bottom:0;
}


#menu-mob {
	width:80px;
	height:58px;
	position:absolute;
	top:0;
	right:0;
}

#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child {
    margin-right: 20px; /*----------HAMBURGER HORIZONTAL POSITION------*/
}



#mega-menu-wrap-header-menu .mega-menu-toggle {
    z-index: 1;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    line-height: 80px;
    height: 58px;
    text-align: right;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    white-space: nowrap;
	margin-bottom:5px;
}


#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    width: 40px;
    height: 4px;
    background-color: #fff;
    border-radius: 0px; /*----------HAMBURGER BORDER RADIUS------*/
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
        border-radius: 0;
        border: 0;
        margin: 0;
        line-height: 50px;
        height: 50px;
        padding: 0 16px 0 16px; /*----------DROPDOWN MENU ITEM PADDING------*/
        background: transparent;
        text-align: left;
        color: #ffffff;
        font-size: 17px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover {
	background-color:#022a63; /*----------DROPDOWN MENU HOVER------*/
}










/*-------------------------------------- Image Alignment -------------------------*/

.alignright {
	width:40%;
	height:auto;
	margin:6px 0px 15px 15px;
	float:right;
	position:relative;
	box-shadow: 0 0 10px rgba(0,0,0,0.08);
}
/*---- HOME IMG -----*/
.aligncenter {
	width:40%;
	height:auto;
	margin:6px 0px 15px 15px;
	float:right;
	position:relative;
}










/*------------------------------- Banner -------------------------------------*/


.banner-outer {
	width:100%;
	height:194px;
	background-color:#fff;
	z-index:9;
	position:relative;
}
	

.banner-image-container {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  height: 194px;
}

.banner-image-container img {
  position: absolute;
  top: 49.99%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width:none !important;
  height: 194px;
}








/*------------------------------- Banner - Single Image & Text - Right Text -------------------------------------*/

.banner-text-bg {
	position:relative;
	z-index:10;
	font-family: Poppins;
	color:#fff;
	text-shadow: 0 0 5px #022a63;
	transform: translate(140px, 19px) translate(-50%, 0%);
}

.banner-title-right {
	position:absolute;
	right:0px;
	top:0px;
	font-weight:500;
	font-size: 18px;
	text-align: right;
	line-height:1.17;
}

.banner-hr {
	position:absolute;
	right:0px;
	top:41px;
    display:block;
    width:150px;
    margin:33px 0 10px auto;
    border:0;
    height:1px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right {
	display:none;
}

.banner-blue-button a {
	display:block;
	position:absolute;
	right:0px;
	top:69px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 135px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:10px;
}

.banner-blue-button a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button a {
	position:absolute;
	right:0px;
	top:110px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 72px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:10px;
}

.banner-white-button a:hover {
    background: #f2f2f2;
    color: #022a63;
}









/*------------------------------- Banner - Single Image & Text - Left Text -------------------------------------*/

.banner-text-bg-l {
    position:absolute;
    z-index: 10;
    font-family: Poppins;
    color: #fff;
    text-shadow: 0 0 5px #022a63;
    left: 50vw;                      /* anchor to viewport centre */
    transform: translateX(-140px) translateY(19px);
	width:200px;
}

.banner-title-right-l {
	position:absolute;
	left:0px;
	top:0px;
	font-weight:500;
	font-size: 18px;
	text-align: left;
	line-height:1.17;
}

.banner-hr-l {
	position:absolute;
	left:0px;
	top:41px;
    display:block;
    width:150px;
    margin:33px 0 10px auto;
    border:0;
    height:1px;
    background:#959ca4;
    box-shadow: 0 0 5px #022a63;
}

.banner-tag-right-l {
	display:none;
}

.banner-blue-button-l a {
	display:block;
	position:absolute;
	left:0px;
	top:69px;
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%);
    color: #ffffff;
    display: block;
    width: 135px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-decoration:none;
	font-size:10px;
}

.banner-blue-button-l a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
    color: #ffffff;
}

.banner-white-button-l a {
	position:absolute;
	left:0px;
	top:110px;
	display:block;
    background: #ffffff;
    color: #022a63;
    display: block;
    width: 72px;
    padding: 7px 0 8px 0;
    text-align: center;
	margin-top:12px;
	box-shadow: 0 0 5px #022a63;
	text-shadow:none;
	text-decoration:none;
	font-size:10px;
}

.banner-white-button-l a:hover {
    background: #f2f2f2;
    color: #022a63;
}
















/*------------------------------- Smart Slider Banner (HOME) -------------------------------------*/

div#n2-ss-2 .n2-ss-slider-1 {
    min-height: 194px;
}










/*------------------------------- Smart Slider Banner (HOME) Right Text -------------------------------------*/



/* Keep your transform for the main banner row */
.home-banner-row > .n2-ss-layer-row {
    transform: translate(-116px, 75px) translate(-50%, 0%) !important;
}




/* Set your column width */
.home-banner-col {
    width: 240px !important;
}

/* Align text inside the column */
.home-banner-text-right {
    text-align: right !important;
    width: 100% !important;
}

.home-banner-text-right .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
	font-size: 18px !important; 
}



.home-banner-hr {
  display:block !important;
  width:150px !important;
  margin:10px 0 5px auto !important;
  border:0;
  height:1px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}


.banner-home-tag .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
	font-size: 7px !important; 
}




/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 135px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
	margin-top: 0px !important; /* adjust */
	box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important; 
}

/* BLUE BUTTON — hover */
.home-banner-blue-button .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 72px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
	margin-top: 0px !important; /* adjust */
	box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;   /* subtle grey so hover is visible */
    color: #022a63 !important;
}


/* BUTTON ROW — align right + spacing */
.home-banner-button-row .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1,
.home-banner-button-col-2 {
    flex: 0 0 auto !important;
	padding: 0px !important;
}
.home-banner-button-col-2 {
	margin: 0px 10px 0 0 !important;
}










/*------------------------------- Smart Slider Banner (HOME) Left Text -------------------------------------*/

/* Remove Smart Slider’s auto padding */
.home-banner-row-l .n2-ss-layer-row {
    padding: 0 !important;
	transform: translate(483px, 85px) translate(-50%, 0%) !important;
}

/* Set your column width */
.home-banner-col-l {
    width: 240px !important;
}

/* Align text inside the column */
.home-banner-text-right-l {
    text-align: left !important;
    width: 100% !important;
}

.home-banner-text-right-l .n2-ss-item-content {
    width: 240px !important;
    display: block !important;
    text-align: left !important;
    text-shadow: 0 0 5px #022a63 !important;
    margin-left: 0px !important;  /* shift heading 126px to the right */
	font-size: 18px !important;
}

/* HR aligned LEFT now */
.home-banner-hr-l {
  display:block !important;
  width:150px !important;
  margin:10px 70px 5px 0 !important; /* changed from auto - 0 */
  border:0;
  height:1px;
  background:#959ca4;
  box-shadow: 0 0 5px #022a63 !important;
}

/* TAGLINE aligned LEFT now */
.banner-home-tag-l {
    width:240px !important;
    margin:0 !important;           /* changed from auto - 0 */
    text-align:left !important;
}

.banner-home-tag-l .n2-ss-item-content {
    text-shadow: 0 0 5px #022a63 !important;
    display:block !important;
	font-size: 11px !important;
}

/* BLUE BUTTON — vertical gradient */
.home-banner-blue-button-l .n2-ss-button-container a {
    background: linear-gradient(to bottom, #0052c6 0%, #094088 100%) !important;
    color: #ffffff !important;
    display: block !important;
    width: 135px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important;
}

/* BLUE BUTTON — hover */
.home-banner-blue-button-l .n2-ss-button-container a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%) !important;
    color: #ffffff !important;
}

/* WHITE BUTTON — solid white */
.home-banner-white-button-l .n2-ss-button-container a {
    background: #ffffff !important;
    color: #022a63 !important;
    display: block !important;
    width: 72px !important;
    padding: 0px 0 1px 0 !important;
    text-align: center !important;
    margin-top:12px;
    box-shadow: 0 0 5px #022a63 !important;
	font-size: 10px !important;
}

/* WHITE BUTTON — hover */
.home-banner-white-button-l .n2-ss-button-container a:hover {
    background: #f2f2f2 !important;
    color: #022a63 !important;
}

/* BUTTON ROW — align right + spacing */
.home-banner-button-row-l .n2-ss-layer-row-inner {
    display: flex !important;
    justify-content: flex-end !important;
}

/* Prevent Smart Slider from stretching columns */
.home-banner-button-col-1-l,
.home-banner-button-col-2-l {
    flex: 0 0 auto !important;
    padding: 0px !important;
}

.home-banner-button-col-2-l {
    margin: -13px 73px 0 0 !important;
}

/* Remove padding/margin from ALL inner column wrappers inside the button row */
.home-banner-button-row-l .n2-ss-layer-col,
.home-banner-button-row-l .n2-ss-layer-col > div {
    padding: 0 !important;
    margin: 0 !important;
}

/* Fix button position (285px left, 46px up) */
.home-banner-button-row-l {
    position: relative;
    left: -457px !important;
    top: -97px !important;
}










/*------------------------------- Page Template -------------------------------------*/

.page-outer {
	width:100%;
	z-index:12;
	margin:0 0 0 0;
	position:relative;
	margin:0 0 0 0;
}

.page-inner {
	width:300px;
	margin:auto;
	background-color:#eff1f5;
}


.content {
	width:260px;
	padding:0;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/Weigh-Sol-content-top-grad.jpg);
	background-position:top;
	background-repeat:repeat-x;
	position:relative;
	z-index:13;
	padding:20px 20px 20px 20px;
	min-height:435px;
	box-shadow: 0px 0px 25px rgba(122, 123, 123, 1);	
}

.title-line {
	width:100%;
	background-color:#b2bac9;
	height:1px;
	margin: 0 0 14px 0;
	padding:0;
	top:-8px;
	position:relative;
}




.content-line {
	width:100%;
	border-top:solid #fff 3px;
	margin:0 0 3px 0;
	position:relative;
	z-index:99;
}

.content hr {
    display: block;
    margin-block-start: 0.8em;
    margin-block-end: 1.3em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    border: none;
    height: 1px;
    background-color: #b2bac9;
    overflow: hidden;
    unicode-bidi: isolate;
}










/*------------------------------- Home Page Sections -------------------------------------*/




/* container */
.sections-padded-boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin: 10px 0 30px 0;
}

/* boxes */
.sections-padded-boxes > * {
    flex: 1 1 100%; /* mobile: full width */
    background: #f7f7f7;
	box-shadow: 0px 0px 20px rgba(122, 123, 123, 0.4);
}

/* headings */
.sections-padded-boxes .sections-heading {
    background: linear-gradient(to top, #083775 0%, #022a63 100%);
    margin: 0;
    padding: .8rem 1.5rem 1rem 1.5rem;
    color: #fff;
    text-align: center;
    border-top: 2px solid #00b6f0;
    font-size: 125%;
}

.sections-heading a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}

.sections-heading a:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* padded content */
.sections-padded-boxes .sections-padded {
    padding: 1.1rem 3rem 1.4rem 3rem;
    text-align: center;
    color: #67686b;
    font-size: 90%;
}

/* images */
.sections-padded-boxes img {
    width: 100%;
    height: auto;
    display: block;
}

/* Tablet: 2 per row */
@media (min-width: 450px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(50% - 1.6rem);
    }
}

/* Desktop: 3 per row */
@media (min-width: 750px) {
    .sections-padded-boxes > * {
        flex: 1 1 calc(33.333% - 1.6rem);
    }
}









/*-------------------------------------- NEWS Page - Grid -------------------------*/

/* GRID WRAPPER */
ul.display-posts-listing {
    list-style: none;
    padding: 0;
    margin: 40px 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
	
}

/* CARD CONTAINER */
ul.display-posts-listing li.listing-item {
    background: #f7f7f7;
    padding: 20px;
    border: 1px solid #e2e2e2;
    transition: all 0.2s ease;
	margin-bottom:20px;
}

/* IMAGE */
ul.display-posts-listing li.listing-item a.image img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

/* TITLE */
ul.display-posts-listing li.listing-item a.title {
    font-size: 120%;
    font-weight: 600;
    color: #083775;
    margin-bottom: 10px;
    display: block;
    text-decoration: none !important;
}

/* FORCE TITLE TO CAPITALISED CASE */
ul.display-posts-listing li.listing-item a.title {
    text-transform: capitalize !important;
}


/* REMOVE DASH */
ul.display-posts-listing li.listing-item span.excerpt-dash {
    display: none !important;
}

/* EXCERPT */
ul.display-posts-listing li.listing-item span.excerpt {
    font-size: 90%;
    color: #67686b;
    line-height: 1.4;
    display: block;
    margin-top: 10px;
}

/* HIDE ORIGINAL VIEW ARTICLE */
ul.display-posts-listing li.listing-item a.view-article {
    display: none !important;
}

/* EXCERPT + READ MORE ON SAME LINE */
ul.display-posts-listing li.listing-item span.excerpt {
    font-size: 90%;
    color: #67686b;
    line-height: 1.4;
    display: inline !important;
    margin-top: 0 !important;
}

ul.display-posts-listing li.listing-item span.excerpt::after {
    content: " Read More...";
    font-weight: 600;
    color: #083775;
    text-decoration: none;
    cursor: pointer;
    display: inline !important;
}

/* RESPONSIVE: TABLET */
@media (max-width:1225px) {
    ul.display-posts-listing {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* RESPONSIVE: MOBILE */
@media (max-width: 800px) {
    ul.display-posts-listing {
        grid-template-columns: 1fr;
    }
}

/* PAGINATION WRAPPER */
.display-posts-pagination {
    margin-top: 40px;
    text-align: center;
}

/* PAGINATION LINKS */
.display-posts-pagination a {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 10px;
    background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border-radius: 4px;
}

.display-posts-pagination a:hover {
    background: linear-gradient(to bottom, #0a63e8 0%, #0b3a7a 100%);
}














/*-------------------------------------- Accreditation Logos -------------------------*/

.accreditation-logos .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0px;
    align-items: center;
    justify-items: center;
    margin: 20px 0;
}

.accreditation-logos .gallery-item {
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;          /* FIX */
    max-width: 260px;     /* keeps your perfect box size */
    height: 180px;
    margin: 10px 0 !important;
}

.accreditation-logos .gallery-item img {
    width: 210px;
    max-width: none;
    height: auto;
}
.accreditation-logos p {
    display: none !important;
}
.accreditation-logos .gallery-item a {
    pointer-events: none;
    cursor: default;
}




/* Responsive: 2 per row */
@media (max-width: 1225px) {
    .accreditation-logos .gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: 1 per row */
@media (max-width: 800px) {
    .accreditation-logos .gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}













/*-------------------------------------- footer -------------------------*/
	

.footer-outer {
	width:100%;
	height:960px;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
	position:relative;
	z-index:99;
	border-top:solid #00b6f0 2px;
}

.footer-inner {
	width:300px;
	margin:auto;
	position:relative;
}


.footer-copy {
	text-align:left;
	font-size: 13px;
	color: #a7bddc;
	position:absolute;
	width:160px;
	left:10px;
	top:100px;
	line-height:1.55em;

}

.tel-ema {
	padding:3px 0 3px 0;
}


.footer-logo {
	width:220px;
	height:auto;
	position:absolute;
	top:20px;
	left:7px;
}



.footer-copy-text {
	padding:0;
	text-align:left;
}






.flaming {
	font-size: 13px;
	color: #a7bddc;
}
.flaming a,
.flaming a:visited {
	color: #a7bddc;
	text-decoration:underline;
	font-family: Poppins;
}
.flaming a:hover {
	color: #fff;
}


.footer-company-links-1 {
	width:125px;
	height:auto;
	position:absolute;
	top:125px;
	left:190px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-2 {
	width:125px;
	height:auto;
	position:absolute;
	top:265px;
	left:190px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-3 {
	width:125px;
	height:auto;
	position:absolute;
	top:405px;
	left:190px;
	color: #a7bddc;
	font-size: 13px;
}

.footer-company-links-1 a:link,
.footer-company-links-1 a:visited,
.footer-company-links-2 a:link,
.footer-company-links-2 a:visited,
.footer-company-links-3 a:link,
.footer-company-links-3 a:visited {
	color: #a7bddc;
	text-decoration:none;
}

.footer-company-links-1 a:hover,
.footer-company-links-2 a:hover,
.footer-company-links-3 a:hover {
	color: #fff;
}





.footer-text {
	width:160px;
	height:auto;
	position:absolute;
	top:372px;
	left:10px;
	color: #a7bddc;
	font-size: 13px;
}






.footer-logo-1 {
	width:161px;
	height:84px;
	position:absolute;
	top:665px;
	left:10px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_31.png)
}

.footer-logo-2 {
	width:100px;
	height:84px;
	position:absolute;
	top:665px;
	left:191px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_33.png)
}

.footer-logo-3 {
	width:74px;
	height:84px;
	position:absolute;
	top:735px;
	left:47px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_35.png)
}

.footer-logo-4 {
	width:108px;
	height:84px;
	position:absolute;
	top:735px;
	left:154px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_37.png)
}

.footer-logo-5 {
	width:83px;
	height:84px;
	position:absolute;
	top:833px;
	left:42px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_39.png)
}

.footer-logo-6 {
	width:75px;
	height:84px;
	position:absolute;
	top:833px;
	left:93px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_41.png)
}

.footer-logo-7 {
	width:112px;
	height:84px;
	position:absolute;
	top:833px;
	left:154px;
	background-image:url(https://www.web-designer-leicester.co.uk/wp-content/uploads/2026/07/foooter-logos_43.png)
}


























/*--------------------------contact page-------------------*/

.contact-col-1 {
	float:none;
	width:100%;
	margin:0px 0px 0 0px;
}

.contact-col-2 {
	float:none;
	width:100%;
	margin:30px 0px 43px 0;
}

.contact-col-3 {
	float:none;
	width:100%;
	margin:0px 0 10px 0;
}



.mapWrapper {
	position: relative;
	padding-bottom: 100%;
	padding-top: 0px;
	height: 0;
}
.mapWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.form-left {
	width:100%;
	font-size:0.95em;
	line-height:1.7;
	color: #646464;
}
.form-right {
	width:100%;
	margin: 0 0 5px 0px;
	font-family: Poppins !important;
}

.form-text {
	padding:10px 0 13px 0;
	font-size:95%;
	color: #646464;
	font-family: Poppins;
}



input[type=text],
input[type="email"] {
	background-color:#fff;
	color: #646464;
	font-family: Poppins;
	font-size:0.95em;
	font-weight:normal;
	cursor: hand;
	padding:5px;
	width:248px !important;
	max-width: 248px !important;
	height:16px;
	border:1px solid #ccc;
}

select {
	background-color:#fff;
	color: #646464;
	border:1px solid #ccc;
	font-family: Poppins !important;
	font-size:0.95em;
	font-weight:normal;
	width:260px;
	height:28px;
	padding:1px;
	margin:1px 0 0 0;
}

textarea {
	background-color:#fff;
	font-family: Poppins;
	font-size:0.95em;
	width:248px;
	height:50px;
	font-weight:normal;
	border:1px solid #ccc;
	padding:2px;
	color: #646464;
	margin:1px 0 0 0;
	padding:5px;
}

.form-send {
	margin:0 0 0 0px;
	height:50px;
}
.form-outer input[type=submit] {
	width:260px;
	padding:11px 0 13px 0;
	cursor: pointer;
	cursor: hand;
	color: #fff;
	font-family: Poppins;
	font-size:1.3em;
	border:none;
	background: linear-gradient(to bottom, #083775 0%, #022a63 100%);
}

.recap {
	width:302px;
	margin: 0 0 3px 0px;
}















}











/*------------------------------------*\

    MISC

\*------------------------------------*/



::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}



/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/









.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone {
	margin:0;
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}

.wp-caption.alignright {
	margin:5px 0 20px 20px;
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}


.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.sticky {
}

.bypostauthor {
}



/*------------------------------------*\

    PRINT

\*------------------------------------*/



@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}