/* Fonts */

p {
    line-height: 1.5 !important;
    margin: 0px 0 8px !important;
}

/* Carousel & Hero Banner Headings */

@media (min-width: 992px) {
.banner-text h1 .heading .main {
	font-size: 2.25em;
	margin: 0 0 0.67em 0; }

.banner-text h2 .heading .main {
	font-size: 2.25em;
	margin: 0 0 0.25em 0;
	color:#dddddd;}
}

@media (min-width: 768px) and (max-width: 991px) {
	
.banner-text h1 .heading .main  {
	font-size: 1.8em;
	margin: 0 0 0.67em 0; }

.banner-text h2 .heading .main  {
	font-size: 1.8em;
	margin: 0 0 0.25em 0; }
}


@media (max-width: 767px) {
.banner-text h1 .heading .main  {
	font-size: 1.25em;
	margin: 0 0 0.67em 0; }

.banner-text h2 .heading .main  {
	font-size: 1.25em;
	margin: 0 0 0.25em 0; }
}

/* Heading Main styles */

h2 {
	text-transform: sentence-case !important;
}

@media (min-width: 992px) {

.apc h1 .heading .main {
	font-size: 2.5em !important;
	margin: 0 0 0.67em 0; }

.apc h2 .heading .main {
	font-size: 2em !important;
	margin: 0 0 0.25em 0; }

.apc h3 .heading .main {
	font-size: 1.75em !important;
	margin: 0 0 0.2em 0; }

.apc h4 .heading .main {
	font-size: 1.5em !important;
	margin: 0 0 0.15em 0; }

.apc h5 .heading .main {
	font-size: 1.25em !important;
	margin: 0 0 0.1em 0; }

.apc h6 .heading .main {
	font-size: 1.15em !important; }
}

@media (max-width: 991px) {

.apc h1 .heading .main {
	font-size: 1.667em !important;
	margin: 0 0 0.67em 0; }

.apc h2 .heading .main {
	font-size: 1.5em !important;
	margin: 0 0 0.25em 0; }

.apc h3 .heading .main {
	font-size: 1.4em !important;
	margin: 0 0 0.2em 0; 
	color: red; }

.apc h4 .heading .main {
	font-size: 1.3em !important;
	margin: 0 0 0.15em 0; }

.apc h5 .heading .main {
	font-size: 1.2em !important;
	margin: 0 0 0.1em 0; }

.apc h6 .heading .main {
	font-size: 1.15em !important; }
}

@media (max-width: 767px) {
.listing .item .heading {
    font-size: 18px;
	margin-bottom: 8px;
}
}

.apc.banner .info p {
	font-weight: 600;
}

.apc.featured-blogs .item .heading {
    line-height: 1.3 !important;
}


.inner {
	text-align: left;
} 

.apc.cta-strip .heading.main {
    margin-bottom: 8px;
}

/* DISABLE GLOBAL HEADING MAIN STYLE */ 
/* @media (min-width: 992px) {
	.apc .heading.main {
	font-size: 1.8em !important;
	line-height: 1.2 !important;
	margin-bottom: 18px;
	}	
}

@media (max-width: 991px) {
	.apc .heading.main {
	font-size: 1.8em !important;
	line-height: 1.2 !important;
	margin-bottom: 12px;
	}	
}
*/

.apc .link {
	margin-top: 10px !important;
}

@media (min-width: 1200px) { 
	.apc {
        padding: 40px 0;
  	}
}

.apc h1.heading.main {
	margin-bottom: 18px; /* To increase the gap between the page heading and sub heading */	
}

.apc.featured-blogs .item .heading {
     font-size: 18px;
}

.apc.pod-windows .item .link {
	left: 16px !important;
}	

/* Intro typography – Reduce sizes */

.intro {
  font-size: 120%; }

.banner .intro {
  font-size: 120%;
  font-weight: 300; }

/* Wide column text & lists */

#wide-col p, #wide-col table {
	max-width: 840px; 
	margin: 0 auto 18px !important;
}

#wide-col ul, #content #wide-col ul, 
#wide-col ol, #content #wide-col ol {
	max-width: 840px !important; 
	margin: 0 auto 18px !important;
	padding-left:32px;
}

/* Standard HTML Heading sizes */

@media (max-width: 767px) {
  h1 {
    font-size: 36px; }
  h2 {
    font-size: 28px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 22px; }
  h5, p.heading {
    font-size: 20px; }
  h6, .sub-heading {
    font-size: 18px; }
  .intro {
    font-size: 120%; }
  .banner .intro {
    font-size: 120%; } 
}

@media (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 36px; }
  h2 {
    font-size: 28px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 22px; }
  h5, p.heading {
    font-size: 20px; }
  h6, .sub-heading {
    font-size: 18px; }
  .intro {
    font-size: 120%; }
  .banner .intro {
    font-size: 120%; } 
}

@media (min-width: 992px) {
  h1 {
    font-size: 42px; }
  h2 {
    font-size: 30px; }
  h3 {
    font-size: 24px; }
  h4 {
    font-size: 22px; }
  h5, p.heading {
    font-size: 20px; }
  h6, .sub-heading {
    font-size: 18px; }
  .intro {
    font-size: 120%; }
  .banner .intro {
    font-size: 120%; } 
}


/* Max Width for blocks */

/* Textblock */
.spc.textblock {
	max-width: 840px;
	margin: 0 auto;
}
/* codeblock */

.codeblock {
	max-width: 840px;
	margin: 0 auto;
}


/* QUOTATIONS */

.quotes blockquote::after {
	display: none;
}

.quotes blockquote::before {
	font-size: 44px;
}

@media (min-width: 992px) {
    .spc.quotes blockquote {
        padding-top: 40px;
    }
}

.navigation nav.main ul li span.active a {
	font-weight: normal;
}

blockquote.custom-quote {
	font-weight: 500;	
	padding-left:30px;
	font-size: 120%;
}

p.custom-quote-cite {
	text-align:center;
	font-size: 24px;
}


/* Lists alignment – align left */

#content ul {
	margin-left:12px !important;
} 
	
ul.checklist li {
    text-align: left;
    padding-left: 1em !important;
    text-indent: -1em !important;
}

ul.quotelist {
	font-style: italic;	
	list-style:none;
}

ul.quotelist li:before {
    content: '\f10d';
    font-family: 'FontAwesome';
    margin-left: 10px;
    margin-right: 10px;
    color: #97c93e;
}

ul.service-list li, .service-tag {
	background-color: #666;
    padding: 0;
	margin: 3px;
    color: #FFF;
	display: inline-block;
}

ul.service-list li a, .service-tag a {
	 color:#fff;
	padding: 3px 5px;
	display:inline-block;
}

ul.service-list li a:hover, .service-tag a:hover {
	 background-color: #AAD24E;
}

#content .textblock ul {
	margin-left: 40px !important; /* For lists in content sections. Used !important because that has also been used above, and need to override that. */	
}

@media (min-width: 992px) {
    header .site-search {
       right:0 !important;
       left: auto;
    }
}

/* MAIN NAV */

/* Main nav reduce height -10px */ 
@media (min-width: 992px) {
    html.reveal-out header, header, header .container {
        height: 130px;
    }
}
/* Main content reduce top padding -10px */
@media (min-width: 992px) {
    body:not(.no-header) {
        padding-top: 130px;
    }
}

@media (min-width: 992px) {
    .navigation nav.main {
		top: 69px !important;
	}
}	

/* Header before */

@media (min-width: 992px) {
    header::before {
		background-color: #0d2944 !important;
	}
}

/* Logo Reduce vertical spacing */
@media (min-width: 992px) {
    header #logo {
        top: 62px;
    }
}	

/* Remove colour background from dropdown arrows */

@media (min-width: 992px) {
    html.touch .navigation nav.main ul li span i {
        background-color: rgba(255, 255, 255, 0);
    }
}

/* Reducing font size at this screen size just because there isn't enough room for the links and they fall behind the Fuse logo. */
@media (min-width: 992px) and (max-width: 1200px) {
 	.navigation nav.main>ul>li>span {
    	font-size: 14px;
	}
}

/* Main Nav Dropdowns – DT & MB */

@media (min-width: 992px) {
    .navigation nav.main ul li.has-child ul li span a {
		background-color: #0d2944 !important;
	}
	.navigation nav.main ul li.has-child ul li span a:hover {
		background-color: rgba(139, 196, 53, 1) !important;
		color: #0d2944 !important;
	}
	.navigation nav.main ul li a:active
	.navigation nav.main ul li span a:active {
		color: #0d2944 !important;
	}
	.navigation nav.main ul li.has-child ul li span.active a:hover::before, 
	.navigation nav.main ul li.has-child ul li span.active a::before {
        background-color: rgba(139, 196, 53, 1);
    }
	.navigation nav.main ul li.has-child ul li a:hover::before, 
	.navigation nav.main ul li.has-child ul li a:active::before {
        background-color: rgba(139, 196, 53, 1);
    }
	.navigation nav.main ul li.has-child ul {
        width: 260px;
	}
	html.no-touch .navigation nav.main ul li ul li.has-child:hover ul {
        left: 260px; 
	}	
}

@media (min-width: 992px) {
    .ion-chevron-down {
        width: 30px;
        padding-right: 10px;
	}
}
	
@media (min-width: 0) and (max-width: 991px) {
    .navigation nav.main ul li.has-child ul li span a,
	.navigation nav.main ul li.has-child ul li span a:active {
		background-color: #0d2944 !important;
	}
	.navigation nav.main ul li a:hover,
	.navigation nav.main ul li a:active {
		background-color: rgba(139, 196, 53, 1) !important;
		font-weight: normal;
		color: #0d2944 !important;
	}	
	.navigation nav.main ul li.has-child a:hover,
	.navigation nav.main ul li.has-child a:active {
		background-color: rgba(139, 196, 53, 1) !important;
		font-weight: normal;
		color: #0d2944 !important;
	}	
	.navigation nav.main ul li.has-child ul li span a:hover,
	.navigation nav.main ul li.has-child ul li span a:active {
		background-color: rgba(139, 196, 53, 1) !important;
		color: #0d2944 !important;
		font-weight: normal;
	}	
}

/* temp off - DJ
@media (min-width: 992px) {
	.navigation nav.main ul li span.active, .navigation nav.main ul li.open,
	.navigation nav.main ul li .has-child,
	.navigation nav.main ul li .has-child ul,
	.navigation nav.main ul li .has-child li {
    	background-color: #0d2944 !important;
	}
}*/
    	/* background-color: rgba(139, 196, 53, .95); */

/* temp off - DJ
@media (min-width: 992px) {
	.navigation nav.main ul li:hover, 
	.navigation nav.main ul li .has-child li:hover
	{
    	background-color: rgba(139, 196, 53, 1);
	}
}
*/

/* Homepage */

.shorter {
 /* for the strip below the banner on the home page - MC request */
	padding: 30px;
}

.ion-search {
    color: #1A395F;
}

/* Staff shots */

.staff-pics .promo-pods .item .image {
    margin: 0 0 15px;
    background-color: #eee;
}

.staff-pics .promo-pods .heading , .staff-pics .promo-pods  .item .text :first-child {
   text-align: center;
}

.staff-pics .promo-pods .item .text {
 /* text-align:justify; */
}
   
@media (min-width: 992px) {
	/* Makes the 'Centred' Advanced Component a little wider, for readability */
	div#mid-col {
		width: 840px;
		margin-left: 165px;
	}
}

footer {
	background-color: #12395e;	
}

.ourvalues .promo-pods .item .hover-tile {
	background-color: #12395e;	
}


.ourvalues .accordion .heading a {
	color: #12395e;
	font-size: 30px;

}
.ourvalues .accordion .heading a::first-letter {
	/*-webkit-initial-letter: 1.5 ;*/
	font-size: 50px;
	font-weight: bold;
}

.accordion .panel-body {
	font-size: 24px;	
}

.ourvalues p.heading::first-letter {
font-size: 50px;
	font-weight: bold;
}