/*
Theme Name: orcl-theme-v4
Theme URI: http://www.registrarofconsultantlobbyists.org.uk
Author: Cabinet Office
Description: Custom theme for Office of the Registrar of Consultant Lobbyists
Version: 4.0
License: 2021 ORCL
*/

body {
	width: 100%;
	height: 100%;
	font-family: "Titillium Web", Arial, sans-serif;
	color: #3e3e3e;
	font-size: 17px;
	background-color: white;
}

html {
	width: 100%;
	height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 10px 0;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.3;
}

h2,
h3,
h4,
h5,
h6 {}

p {
	margin: 0 0 15px;
	line-height: 1.6;
}

p.prominent {
	margin-top: 20px;
	margin-bottom: 20px;
	border-left: 10px solid #dee0e2;
	padding-left: 20px;
}

span.highlight {
	background-color: #005ea5;
	padding: 3px;
	padding-left: 6px;
	padding-right: 6px;
	font-weight: 600;
	font-size: 14px;
	margin-right: 5px;
	color: #ffffff;
}

ul li,
ol li {
	font-size: 17px;
	line-height: 1.5;
}

a {
	color: #181d51;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #855600;
}

a:focus {
	outline-offset: 3px !important;
	outline: 4px solid #BC8724 !important;
}

/* @group Cookie/Browser Warning */

.warning {
	background-color: #e6e7e6;
	padding: 8px;
}

.warning p {
	font-size: 16px;
	margin: 0;
}

.warning p a {
	color: #3e3e3e;
	text-decoration: underline;
}

/* @end */

/* @group Containers */

.container-top {
	border-top: 10px solid #d99e33;
	margin-top: 0px;
}

@media (min-width: 1200px) {
	.container {
		max-width: 970px;
	}
}

/* @end */

/* @group Hero */

.hero {
	display: none;
}

@media (min-width: 768px) {

	.hero {
		display: table;
		width: 100%;
		height: 240px;
		padding: 145px 0;
		text-align: center;
		color: white;
		background: url(img/hero.jpg) 0 no-repeat scroll #646a8a;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
	}

	.hero .hero-body {
		text-indent: -3000px;
	}
}

/* @end */

/* @group Nav */


/* @group Logo */

.navbar .navbar-logo {
	border: none;
	height: 80px;
	margin-left: -15px;
	margin-right: -15px;
	background-color: #575a80;
	-webkit-transition: height 0.3s ease-in-out;
	-moz-transition: height 0.3s ease-in-out;
	transition: height 0.3s ease-in-out;
}

@media (min-width: 768px) {
	.navbar .navbar-logo {
		background-color: transparent;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	.navbar.top-nav-collapse .navbar-logo {
		height: 0px;
	}

	.navbar.top-nav-collapse .navbar-logo a {
		/*background: none;*/
	}
}


.navbar .navbar-logo a {
	color: white;
	font-size: 13px;
	background: url(img/logo_new.png) 0px 15px no-repeat;
	background-size: 240px 57px;
	display: block;
	width: 240px;
	height: 100%;
	margin: 0 auto;
	text-indent: -3000px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* @end */

/* List Elements & Links */

.navbar-custom {
	position: absolute;
	-webkit-transition: background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;
	transition: background 0.5s ease-in-out;
}

.navbar-custom li a {
	text-transform: uppercase;
	color: white;
	font-weight: 700;
	font-size: 15px;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.29);
	background-color: rgba(255, 255, 255, 0.00);
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	-webkit-transition: border-color 0.3s ease-in-out;
	-moz-transition: border-color 0.3s ease-in-out;
	transition: border-color 0.3s ease-in-out;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
}

@media (min-width: 768px) {
	.navbar-custom li a {
		font-size: 13px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (min-width: 992px) {
	.navbar-custom li a {
		font-size: 15px;
		padding-left: 18px;
		padding-right: 18px;
	}
}

.navbar-custom li a:hover,
.navbar-custom li a:focus,
.navbar-custom li a:active {
	background-color: rgba(255, 255, 255, 0.15);
}

.navbar-custom .dropdown.open .dropdown-menu {
	display: block !important;
}

.navbar-custom .dropdown.open>a {
	background-color: rgba(255, 255, 255, 0.15);
}

.navbar-custom .dropdown-menu {
	background: rgb(95, 101, 136);
	border-radius: 0px;
	border: none;
	box-shadow: none;
	border-top: 3px solid rgba(255, 255, 255, 0.6);
	padding: 0px;
	-webkit-transition: background 0.5s ease-in-out !important;
	-moz-transition: background 0.5s ease-in-out !important;
	transition: background 0.5s ease-in-out !important;
	-webkit-transition: border 0.5s ease-in-out;
	-moz-transition: border 0.5s ease-in-out;
	transition: border 0.5s ease-in-out;
}


.navbar-custom .dropdown-menu li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.navbar-custom .dropdown-menu li a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-custom .navbar-nav .dropdown-menu>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.navbar-custom .dropdown-menu li a {
	color: #ffffff;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: 600;
	text-transform: none;
	text-shadow: none;
}

.navbar-header {
	background-color: #565a80;
}

.navbar-custom {
	position: relative;
	margin-bottom: 0px;
}

.navbar-collapse {
	background-color: #575a80;
}

.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
	max-height: none;
}

@media (min-width: 768px) {

	.navbar.navbar-custom .nav.navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}

	.navbar.navbar-custom .navbar-collapse {
		text-align: center;
	}

	ul.nav li.dropdown:hover>ul.dropdown-menu {
		display: block;
	}

	.navbar-custom {
		position: static;
	}

	.navbar-header {
		background-color: transparent;
	}

	.navbar-collapse {
		background-color: transparent;
	}

	.navbar-custom {
		position: fixed;
		padding: 0px 0;
		border-bottom: none;
		letter-spacing: 1px;
		background: rgba(10, 14, 70, 0.5);
	}

	.co-cookie-consent .navbar-custom {
		padding-top: 190px;
	}

	.co-cookie-consent .navbar-custom.top-nav-collapse {
		padding-top: 0;
	}

	.navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.navbar-custom.top-nav-collapse {
		background: rgba(10, 14, 70, 0.94);
	}

	.navbar-custom.top-nav-collapse .dropdown-menu {
		background: rgba(10, 14, 70, 0.94);
		border-top: 3px solid #0a0f47;
	}
}

@media (min-width: 1000px) {
	.co-cookie-consent .navbar-custom {
		padding-top: 140px;
		z-index: 1;
	}
}

/* @end */


/* @group Buttons */

.btn {
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
	border-radius: 0;
	border: none;
	border-bottom: 3px solid #c1861b;
	text-decoration: none;
}

.btn-secondary {
	background-color: rgb(219, 218, 221);
	border-bottom: 3px solid #c7c7c7;
	color: #000000;
}

.btn-default {
	color: black;
	background-color: #d99f34;
}

.btn-default:hover,
.btn-secondary:hover {
	outline: none;
	color: white;
	background-color: #181d51;
}

.btn:focus {
	background-color: #181d51;
	outline-offset: 3px;
	color: white;
	outline: 4px solid #FFBF47;
}

/* @end */

/* @group Footer */

footer {
	border-top: 5px solid #c8cbcf;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 40px;
	padding-bottom: 50px;
	margin-top: 60px;
	background-color: rgb(221, 223, 226);
}

footer p {
	margin: 0;
	font-size: 13px;
}

footer .secondary {
	margin-top: 10px;
}

footer .secondary p {
	font-size: 13px;
	color: #606060;
}

/* @end */

/* @group Tables */

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	margin-bottom: 20px;
}

table th,
table td {
	font-weight: 400;
	text-transform: none;
	font-size: 16px;
	line-height: 1.25;
	padding: 0.6315789474em 1.0526315789em 0.4736842105em 0;
	text-align: left;
	color: #0b0c0c;
	border-bottom: 1px solid #bfc1c3;
	vertical-align: text-top;
}

table th {
	font-weight: 700;
}

table th.numeric {
	text-align: right;
}

table td.numeric {
	font-weight: 400;
	text-transform: none;
	font-size: 14px;
	line-height: 1.1428571429;
	text-align: right;
}

/* @end */

/* @group Breadcrumbs */

.breadcrumbs>span {
	display: flex;
}

.breadcrumbs>span span {
	margin-right: 0.6em;
}

.breadcrumbs ol {
	padding-left: 5px;
	font-size: 16px;
}

.breadcrumbs li {
	font-weight: 400;
	text-transform: none;
	font-size: 16px;
	line-height: 1.1428571429;
	float: left;
	background-image: url("img/separator.png");
	background-size: 6px 11px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
	list-style: none;
	margin-left: 0.6em;
	margin-bottom: 0.4em;
	padding-left: 15px;
}

.breadcrumbs li:first-child {
	background-image: none;
	margin-left: 0;
	padding-left: 0;
}

.breadcrumbs a {
	color: #0b0c0c;
}


/* @end */

/* @group Miscellaneous */

.container .row h1,
.container .row h2 {
	margin-top: 25px;
}

.content-section {
	padding-top: 10px;
	clear: both;
}

.content-section img {
	float: right;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.list-buttons {
	list-style: none;
}

.list-buttons li {
	margin: 5px;
	padding-left: 0px;

}

.highlighted-section {
	width: 100%;
	padding: 35px 0;
	padding-left: 15px;
	background-color: rgba(0, 0, 0, 0.03);
}

@media (min-width: 768px) {

	.highlighted-section {
		padding-left: 30px;
	}
}

hr {
	background-color: rgb(216, 158, 47);
	height: 6px;
	outline: none;
	border: none;
	margin-top: 25px;
}

footer .copyright {
	font-family: "Titillium Web", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.25;
	font-weight: 400;
	text-transform: none;
	margin: 30px 0 0 0;
	width: 100%;
	display: block;
}

footer .copyright a {
	display: block;
	background-image: url(/wp-content/uploads/2021/06/govuk-crest-2x.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	text-decoration: none;
	padding: 115px 0 0 0;
	color: #454a4c;
	background-size: 125px 102px;
}

footer .footer-inner {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
}

@media (min-width: 641px) {
	footer .copyright {
		display: inline-block;
		text-align: inherit;
		width: 25%;
		padding-top: 15px;
		margin-top: 0;
	}

	footer .copyright a {
		background-position: 100% 0%;
	}

	footer .copyright a {
		text-align: right;
	}

	footer .footer-inner {
		width: 74%;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
not all,
not all,
not all,
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
	footer .copyright a {
		background-image: url(/wp-content/uploads/2021/06/govuk-crest-2x.png);
		background-size: 125px 102px;
	}
}

/* @end */

.gem-c-cookie-banner__message a:focus {
	outline: 3px solid transparent;
	color: #0b0c0c;
	background-color: #fd0;
	box-shadow: 0 -2px #fd0, 0 4px #0b0c0c;
	text-decoration: none;
}


.skip-link {
	background: #FFFFFF;
	color: #000;
	font-weight: 700;
	left: 0;
	padding: 4px;
	position: absolute;
	transform: translateY(-600%);
}

.skip-link:focus {
	transform: translateY(0%);
}

.skip-link {
	transition: transform 0.3s;
	z-index: 100000000;
}

#main {
	padding-top: 35px;
}

.col-sm-4 h2 {
	font-size: 18px;
}

.menu {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}

.menu>li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
}

/* categories sidebar */
.cats-sidebar__list {
	list-style: none;
	padding: 0;
}

.cats-sidebar__list li {
	margin-bottom: 5px;
	display: block;
}

.cats-sidebar__list li:last-child {
	margin-bottom: 0;
}

/* Archive pagination */
.archive-pagination {
	display: flex;
	justify-content: center;
}

.archive-pagination .dots,
.archive-pagination a {
	margin: 0 5px;
}






.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children {
	position: relative;
}

.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children ul.sub-menu {
	display: none;
}

.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children>ul.sub-menu {
	flex-direction: column;
	position: relative;
	bottom: 0;
	left: 0;
	transform: translateY(0);
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
	background: rgba(10, 14, 70, 0.84);
	width: 100%;
}

@media (min-width: 768px) {
	.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children>ul.sub-menu {
		position: absolute;
		width: 275px;
		transform: translateY(100%);
	}
}

.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children>ul.sub-menu li a {
	padding: 8px 18px;
	display: block;
}

.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children>ul.sub-menu li {
	border-bottom:1px solid #888;
}


.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children:hover>ul.sub-menu,
.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children a:focus+ul.sub-menu,
.navbar.navbar-custom .nav.navbar-nav .menu-item-has-children:focus-within>ul.sub-menu {
	display: flex;
}

.d-none {
	display: none;
}

@media (min-width: 768px) {
	.d-lg-block {
		display: block !important;
	}

	.d-lg-none {
		display: none !important;
	}
}