/* COLOURS dark grey #707782, off-white #e3dfdf, dark blue #202d3f, light teal #e0ebea, dark teal #408e87, cream #ebe6dc, crimson #472323, blush #b98b88, gold #998066 red #c05a55 */


/* FONT IMPORT - only use if non-standard font is required - Google Fonts must NEVER be used. If a Google Font is required, request the Dev team to host a copy locally */

@import url("https://use.typekit.net/ytz2sqw.css");



/* PAGE BACKGROUND - only background-color required if no images are being used. Hantsweb page background-color is set at #f8f8f8 by default */

#page {
	padding-top:0;
}


/* FONT STYLE - check for contrast accessibility, may need color variants for different backgrounds. If non-standard font required, remember to import it at top of stylesheet */

#page_content H1, #page_content H2, #page_content H3, #page_content H4, #page_content H5, p.caption, #local_menu_header li, p.lead, .hero-form fieldset {
	font-family: 'Josefin Sans';
	padding-top: 1em; 
}

#page_content h3 {
    font-size: 1.5rem;
}

/*h1 {
    font-family: 'Josefin Sans';
    padding: 1em;
    color:#DDB892;
}

.content h1 a, .content h1 a:hover, .content h1 a:visited{
    color: #DDB892;
}
}*/

.pseudo-h1 {
    font-family: 'Josefin Sans';
    padding-top: 1em;
}

/* Site title*/

p.sitetitle {
    font-family: 'Josefin Sans';
    padding: 1em;
    color: #DDB892;
    font-size: 2.25rem;
    margin: 0 0 0.5rem;
    line-height: 1.25em;
}

p.sitetitle a, p.sitetitle a:hover, p.sitetitle a:visited {
    color: #DDB892;
}


/* NAVIGATION & HEADER */

/* HEADER */

ul#global_breadcrumb {
    padding-top: 1em;
}

#global_breadcrumb a, #global_breadcrumb li:after {
	color: #fff;
	border-color: #fff;
}

#microsite_header {
    background-color: #3b4d5c;
}

#microsite_header .scale-images a {
	border-bottom: none !important;
}

/* NAVIGATION */

#page .navbar .nav{
    text-align: center; 
}

@media only screen and (max-width: 48em) {
   
    #page .navbar .nav > li:nth-of-type(3) {
        border-right: none;
    }
}

#page .navbar .nav > li{
	float:none;
	display:inline;
	padding:0.5em 0.3em;
    position: relative;
    border-right: 1px solid #fff;
    font-size: 1.2em;
}

@media only screen and (min-width: 49em){
    #page .navbar .nav > li:nth-of-type(5) {
        border-right: none;
    }
}

#page .navbar .nav > li > a{
	display:inline-block;
}

#page .navbar .nav > li a:not([role="button"]) {
    text-shadow: none !important;
	color: #fff;
}

#page .navbar .nav > li  .dropdown-menu a {
    text-shadow: none !important;
    font-size:1em;
    color: #fff;
}

#page .navbar-inner {
    background-color: transparent;
	border:none;
	box-shadow: none !important;
}

#page .navbar .nav>li:last-child {
	border-right: 0 !important;
}

#local_menu_header li.dropdown .caret, #local_menu_header li.dropdown ul.dropdown-menu {
    display: none; 
} 

/* NAVIGATION DROPDOWN ARROWS - the arrow comprises border-top and border-bottom, so ensure both are same colour */

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #374564;
    border-bottom-color: #374564;
}

.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:focus-visible, .dropdown-item:focus-within {
	background: none;
}

#local_menu_header .dropdown-menu a:hover {
    background-color: #ebe6dc;
    color: #202d3f;
}

/* WELLS - Classes can be added to wells in rich text to enable multiple styles of well (colours, background-images, etc) */

.conform-block>.columns>div {
    width: -webkit-fill-available;
}

.conform-block .well {
    height: 100% !important;
}

#page .well.alternate {
	padding: 16px 10px;
	margin: 2px;
	background-color: #c5b6a1;
	color: #202d3f;
	border-radius: 10px;
}

@media only screen and (min-width: 48em) and (max-width: 60em) {
	#page .well.alternate {
		min-height: 350px;
    }
}

#page .well.alternate h2 {
	font-size: 1.4em;
	padding-top: 0;
	color: #202d3f;
}

#page .well.alternate h3 {
    font-size: 1.2em;
}

#page .well.alternate p {
	margin-top: 0;
	color: #202d3f;
}

.well.alternate-two {
    margin-left: 20px !important;
    margin-right: 20px !important;
    border: 2px solid #707782;
    background-color: #f8f8f8;
	padding: 10px;
}


.well.alternate-two img {
    padding-left: 50px;
    padding-right: 50px;
}

.well.alternate-two p, .well.alternate-two h3 {
    text-align: center;
	padding-top: 0 !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.well.teal {
	background-color: #e0ebea;
}

/* BREAKOUT AREAS */

.breakout-bg.bg {
    background-color: #e3dcd2;
	padding-top: 1em;
	padding-bottom: 1em;
}

.breakout-bg.bg.alternate {
    background-color: transparent;
	padding: 20px 0 10px 0;
	margin-bottom: 1em;
}

/* TILES */

a.thumbnail.center {
    box-shadow: none;
    border-radius: 10px;
    font-family: 'Josefin Sans';
    padding: 1px;
    margin-bottom: 1em;
    border: 2px solid #3b4d5c;
    color: #3b4d5c;
}

a.thumbnail.center:visited {
    color: #3b4d5c;
}

.large.icon.grey {
	color: #3b4d5c;
}

/* BUTTONS */

#page a[role="button"] {
    font-family: 'Josefin Sans';
    font-size: large;
    height: 100%;
}

a[role="button"].green, button.green, input[type="submit"].green, input[type="reset"].green input[type="button"].green {
	background-color: #3b4d5c;
	color: #fff;
	text-shadow: none;
	font-size: 1em !important;
    border-color:#28343e;
    box-shadow: 0 -0.25rem 0 rgba(0,0,0,.1) inset, 0 1px 0 0 rgba(146, 166, 185,.75) inset;
}

a[role="button"].green:hover, button.green:hover, input[type="submit"].green:hover, input[type="reset"].green:hover, input[type="button"].green:hover {
	background-color: #3b4d5c;
	text-shadow: none;
	color: #fff;
}

/* ACCORDIONS */

summary.medium::before {
	color: #202d3f !important;
    border-color: #202d3f !important;
}

#page_content details summary h2 {
	font-family: 'Josefin Sans';
    padding-top: 0.1em;
	font-size: 1.5rem;
}

#page_content details h4,
#page_content details h3 {
    padding-top: 0.2em;
}

/* CONTENT CARDS */

a.card-button.medium.green.column.button-link {
    text-shadow: none;
    background-color: #202d3f;
    color: #fff;
}

/* TABLES */
table thead th {
    background-color: #3b4d5c;
}