/*
 Theme Name: Cambridge University Recruitment
 Author:	HWB Design
 Template:	hwbdbs4
 Version:	0.1.0
*/

/* Colours 
Teal pastel : #d1f9f1 (paler version: #d9f9f7)
Pink pastel : #f3cad8
*/

/*

Lato weights 400 and 700


*/


body { font-family: Arial, Helvetica, sans-serif; font-size: 1.5rem; line-height:1.5;}



/* Typography */

p {font-size: 1.5rem; line-height:1.5; margin-bottom:12px; color:#0f2125d9;}

a { color: #000000;}
a:hover { color: rgba(145, 8, 57, 1);}



h1, .h1 { font-size: 6.2rem; color:#000000; line-height:1;}
h2, .h2 { font-size: 3.2rem; color:#000000; font-weight: 300; line-height:1.2; }
h3, .h3 { font-size: 2.6rem; color:#000000; font-weight: 300; line-height:1.2;}
h4, .h4 { font-size: 2.1rem; color:#000000; font-weight: 300; line-height:1.2;}
h5, .h5 { font-size: 1.7rem; color:#000000; font-weight: 300;  line-height:1.2;}
h6, .h6 { font-size: 1.6rem; font-weight: 600;  line-height:1.2;}

strong {font-weight:600;}





/* Logo */

.custom-logo-block {
    min-height: 100px;
    min-width: 220px;
}

	@media (max-width: 470px) {
		.custom-logo-block { min-height: 60px; min-width: 180px; }
	}




/* Wrappers */

.wrapper-header {
	background-color:#ffffff;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.24);
-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.24);
-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.24);
}


.wrapper-navbar { background-color: rgba(255, 255, 255, 0.00);}

body.sticky .full-width-page-wrapper.uoc_home {margin-top:110px;}

		@media (max-width: 470px){
			body.sticky .full-width-page-wrapper.uoc_home {margin-top:85px;}
		}



/* Footers */





/*a.custom-logo-link {pointer-events: none;}*/

h3.widget-title {color: #005eb8;}


.hideme {display:none;}






/* Buttons */
.btn-primary {
    background-color: #005eb8;
    border-color: #005eb8;
}



a.hwbd-inline-button {
	color:#000000!important;
	text-decoration:none!important;
	font-size: 2rem;
	background-color: rgba(0,0,0,0.00);
	border: 2px solid #000000;
	border-radius:0px;
}
a.hwbd-inline-button:hover {
	border: 2px solid #000000; 
	background-color: #f3cad8;
}





/* Navigation */


.navbar-nav li {margin-right: 0.6rem; padding-right: 0.6rem; }


.hwbdbsnavbar .navbar-nav .active > .nav-link {color:#000000;}


.hwbdbsnavbar .navbar-nav .nav-link {
	color: rgba(000, 000, 000, 1);
	border-bottom: 2px solid #ffffff;
	text-transform: uppercase;
}

		@media (min-width: 768px){
		.navbar-nav li { border-right:none;}
		}


.hwbdbsnavbar .navbar-nav .nav-link:focus,
.hwbdbsnavbar .navbar-nav .nav-link:hover {
	color: rgba(200,9,9,1.00);
	border-bottom: 2px solid #C80909;
}

		@media (max-width: 991px){
		.navbar-nav li {padding-left: 0px;  padding-right: 0px;}
		.navbar-nav {font-size: 1.6rem;}
		}

		@media (max-width: 767px){
		.hwbdbsnavbar .navbar-nav .nav-link {text-align: center;}
		.navbar-nav {font-size: 1.8rem;}
		.navbar-nav li {margin-left: 0px;  margin-right: 0px;}
		}







/* Nav Mobile */

.navbar-toggler.hwbdbs-mob-nav { border: 1px solid rgba(000, 000, 000, 1);}
.navbar-toggler.hwbdbs-mob-nav .icon-bar {background-color: #000;}














/* BACK TO TOP  */
.cd-top {
	background-color: rgba(130,11,131,0.50);
}


/* Post Navigation */
.page-link { color: #005eb8;}
.page-item.active .page-link {
    background-color: #005eb8;
    border-color: #005eb8;
}
	










/* =================== CLIENT STYLES ======================== */




/* Stylised H2 */

h2 {
	font-family: "Times New Roman", Times, serif;
	display:inline-block;
	font-size: 4rem;
	padding:14px 32px 8px 32px; 
	margin:6px auto 14px auto;}


h3.heading {font-family: "Times New Roman", Times, serif; padding-top: 3px; }
p.heading {margin-bottom: 0px;}

/* Stylised body hrefs */

.full-width-page-wrapper a { text-decoration:underline;}





/* Site Info */

.site-info {padding-top:8px;}




/* Footer */

.footer-wrapper {
    background-color: #000;
    color: #fff;
}

.footer-wrapper a, .footer-wrapper a:hover { color: #fff; }

.footer-wrapper .navbar {padding: 0px;}

.menu-base-menu li { float:none; border: none; padding: 5px 0px;}
.menu-base-menu li:last-child {padding: 5px 0px;}

.base-menu {justify-content: flex-start;}

.ftr-logo {display: flex; align-items: center;}
.ftr-logo img {padding-top:10px; padding-bottom:10px;}



		@media (max-width: 768px){
		.ftr-logo {justify-content: center;}
		.menu-base-menu {margin: 0 auto;text-align: center;}
		}





/* Cookie Yes */

/*.cky-footer-wrapper:nth-child(3) {display:none;}*/



/* Accordian  EDITS */

*:focus {
   outline: none; 
   outline: auto 0px -webkit-focus-ring-color;
}






/* Ninja Form general styling improvements */


.nf-form-fields-required {text-align:right; margin-bottom:20px; font-size:1.3rem;}


.nf-form-content input:not([type=button]), 
.nf-form-content select,
.nf-form-content textarea {
    background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #6b6b6b;
    transition: all .5s;
}

.nf-field-element input  {padding:10px;}


/*.nf-field-container {margin-bottom:4px!important;}*/  /* we have labels ... so we need the additional gapping */
#nf-field-8-container.nf-field-container,
#nf-field-10-container.nf-field-container {margin-bottom:4px!important;} /* need to pull these two fields together */


.checkbox-wrap .nf-field-label label  {font-weight: 400;}

.nf-form-content button, 
.nf-form-content input[type=button], 
.nf-form-content input[type=submit] {
	color: #ffffff!important;
	background-color: #6FB8AA!important;
	font-size: 2rem;
	line-height: 1.2;
	padding: 12px 24px 12px 24px;
	margin: 0px;
	white-space: normal;
	height: auto!important;
     }

.checkbox-wrap .nf-field-label label,
.nf-form-content label, 
.nf-field-label .nf-label-span, 
.nf-field-label label {font-size: 1.6rem!important; line-height: 1.1!important; font-weight: 700!important;}

.nf-field-element li label {font-size:1.3rem;}

.nf-response-msg {
	padding: 20px 20px 5px 20px;
	background-color: #D8EDD7;
	text-align: center;
	border:1px solid #000000;
}
.nf-form-content input[type=email],
.nf-form-content input[type=text],
.nf-form-content input[type=tel],
.nf-form-content textarea {background: #ffffff!important;}

.checkbox-wrap .nf-field-element label:after,
.checkbox-wrap .nf-field-label label:after,
.listcheckbox-wrap .nf-field-element label:after,
.listcheckbox-wrap .nf-field-label label:after {background: #ffffff!important;}

.listradio-wrap .nf-field-element label {font-size:1.3rem!important;}

.recaptcha-wrap .nf-field-label {display:none;}


.list-multiselect-wrap .nf-field-description p {font-size:1.3rem; line-height:1.2; margin-bottom:10px!important;}