/* YDEF Custom Site Styles */

/* = Fonts Families
-------------------------------------------------------------- */

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Outfit';
	src: url('../fonts/Outfit-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Outfit Bold';
	src: url('../fonts/Outfit-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Outfit Light';
	src: url('../fonts/Outfit-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Outfit Italic';
	src: url('../fonts/Outfit-Italic.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Outfit SemiBold';
	src: url('../fonts/Outfit-Semibold.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

/* = Site Variables
-------------------------------------------------------------- */
:root {
	--rhi-bold-font: 'Outfit Bold', Arial, Helvetica, sans-serif;
	--rhi-semibold-font: 'Outfit SemiBold', Arial, Helvetica, sans-serif;
	--rhi-italic-font: 'Outfit Italic', Arial, Helvetica, sans-serif;
	--rhi-light-font: 'Outfit Light', Arial, Helvetica, sans-serif;
	
	--ydef-c-navy: #05306e;
	--ydef-c-blue: #3db9dc;
	--ydef-c-navy-15: rgba(5,48,110,0.15);
	
	--rhi-c-red: #d72435;
	--rhi-c-grey: #2b3b46;
	--rhi-c-lightgrey: #a6aab1;
	--rhi-c-primary-15: rgba(46,106,180,0.15);
	--rhi-c-background: #f3f3f3;
	
	--ydef-c-primary-text: #2b3b46;
	--ydef-c-secondary-text: #a6aab1;
	--ydef-c-tertiary-text: #D72435;

	/* Text-size styles */
	--rhi-s-xxl: 3.5rem;
	--rhi-s-xl: 2.5rem;
	--rhi-s-l: 2rem;
	--rhi-s-r3: 1.5rem;
	--rhi-s-r2: 1.25rem;
	--rhi-s-r1: 1.125rem;
	--rhi-s-r: 1rem;
	--rhi-s-s: 0.875rem;
	--rhi-s-xs: 0.75rem;
	--rhi-s-gap: var(--rhi-s-r);

/* = Type
-------------------------------------------------------------- */

html {
	font-size: 100%;
}
body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	line-height: 1.9;
	font-size: 100%;
}
h1, h2, h3, h4, h5, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong,
.h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong,
h1 b, h2 b, h3 b, h4 b, h5 b, .h1 b, .h2 b, .h3 b, .h4 b, .h5 b {
	font-family: var(--rhi-bold-font);
	font-weight: normal;
	line-height: 1.5;
	color: var(--ydef-c-navy)
}
h1, .h1 {
	font-size: var(--rhi-s-xxl);
}
h2, .h2 {
	font-size: var(--rhi-s-xl);
}
legend, .block-title,
h3, .h3 {
	font-size: var(--rhi-s-r3);
}
h4, .h4 {
	font-size: var(--rhi-s-r2);
}
h5, .h5 {
	font-size: var(--rhi-s-r1);
}
h6, .h6 {
	font-size: var(--rhi-s-r1);
}
strong, b, .field__label {
	font-weight: normal;
	font-family: var(--rhi-bold-font);
}
.region-content a, .region-content .a {
		color: var(--ydef-c-blue);
}
.region-content a:hover, .region-content .a:hover {
		color: var(--ydef-c-navy);
}
	
@media (max-width: 990px) {
	h1, .h1 {
		font-size: var(--rhi-s-xl);
	}
	h2, .h2 {
		font-size: var(--rhi-s-l);
	}
	legend, .block-title,
	h3, .h3 {
		font-size: var(--rhi-s-r2);
	}
	h4, .h4 {
		font-size: var(--rhi-s-r1);
	}
	h5, .h5 {
		font-size: var(--rhi-s-r);
	}
	h6, .h6 {
		font-size: var(--rhi-s-r);
	}
}
@media (max-width: 768px) {
	body {
		font-size: 0.95rem;
	}
	h1, .h1 {
		font-size: var(--rhi-s-r3);
	}
	h2, .h2 {
		font-size: var(--rhi-s-r2);
	}
	legend, .block-title,
	h3, .h3 {
		font-size: var(--rhi-s-r1);
	}
	h4, .h4 {
		font-size: var(--rhi-s-r1);
	}
	h5, .h5 {
		font-size: var(--rhi-s-r);
	}
	h6, .h6 {
		font-size: var(--rhi-s-r);
	}
}


blockquote {
		font-size: var(--rhi-s-r1);
		margin: 30px;
		background-color: var(--rhi-c-background);
		padding: 1px 15px 1px 15px;
		font-family: var(--rhi-bold-font);
		border-bottom: solid 9px var(--ydef-c-navy);
}

blockquote p::before {
	content: open-quote;
	color: var(--ydef-c-navy);
	font-size: var(--rhi-s-l);
}

blockquote p::after {
	content: close-quote;
	color: var(--ydef-c-navy);
	font-size: var(--rhi-s-l);
}


/* = Text editor styles
-------------------------------------------------------------- */

.red {color: var(--ydef-c-navy)}
.grey {color: var(--ydef-c-blue)}
.small-text {font-size: 80%;}
.grey-background {
	background-color: var(--rhi-c-background);
	padding: 15px 15px 1px 15px;
}


/* = Nav
-------------------------------------------------------------- */

body, #navbar {
	margin-block: 0;
}
	
.navbar-default,
.tbm,
.tbm-submenu-toggle {
	background-color: transparent;
	border-color: transparent;
}

.dropdown-toggle::after {
	display: none;
}

@media (min-width: 992px) {
    .navbar-brand img {height: 70px;}
}

	
/* Default Bootstrap Nav Menu 
-------------------------------------------------------------- */
.region-nav-main .navbar-nav li a {
	font-family: var(--rhi-bold-font);
	color: var(--ydef-c-navy);
	font-size: var(--rhi-s-r3);
	padding-left: 20px;
	padding-right: 20px;
}

.region-nav-main .navbar-nav li a:hover {
	color: var(--ydef-c-blue);
	text-decoration:underline;
}

.region-nav-main .navbar-nav .nav-link.active {
	color: var(--ydef-c-blue);
	border: solid var(--ydef-c-blue);
}

.dropdown-item.active {
    background-color: var(--rhi-c-primary-15);
	text-decoration:underline;
}
	
	
/* = Homepage styles
-------------------------------------------------------------- */

/* Carousel */
.carousel-caption.d-none.d-md-block {
	font-size: var(--rhi-s-r2);
}
.carousal-text h2 {
	color: white;
}
.carousal-text h3 {
	color: var(--ydef-c-blue);
}
.carousel-caption.d-none.d-md-block a {
	color: white;
}

.path-frontpage .field.field--name-title {
	display:none;
}


/* = Footer
-------------------------------------------------------------- */	
.footer {
	margin: 0;
	padding: 0;
	border: 0;
}
footer {
	background-color: var(--rhi-c-grey);
	color: #fff;
	border-top: solid 19px var(--ydef-c-navy);
}
footer a:hover {
	text-decoration: underline;
}
footer .nav-link {
	padding-left: 0;
}
.region-footer h5 {
	color: white;
}
footer a.nav-link.dropdown-toggle {
	float: left
}
.region.region-footer h2 {
	color:white
}
	
#block-b5rhi-footertext h2 {
	font-size: var(--rhi-s-l);
}
h5#block-b5rhi-footer-menu {
	font-size: var(--rhi-s-l);
}
h5#block-b5rhi-account-menu-menu {
	font-size: var(--rhi-s-l);
}

	

/* = Footer block display
-------------------------------------------------------------- */	

@media (min-width: 977px) {
.region.region-footer {
	    display: grid;
        grid-template-columns: 1fr 3fr;
}
}
	
#block-b5rhi-contact h2 {
	color: white;
}

#block-b5rhi-contact a {
	color: white;
}



/* = Buttons
-------------------------------------------------------------- */	
.btn-primary {
	background-color: var(--ydef-c-navy);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 0;
	font-family: var(--rhi-bold-font);
	font-weight: normal;
	font-size: var(--rhi-s-r2);
}
	
.rhi-button-red {
	background-color: var(--ydef-c-navy);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: var(--rhi-bold-font);
	font-weight: normal;
	font-size: var(--rhi-s-r2);
}

.rhi-button-blue {
	background-color: var(--ydef-c-blue);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: var(--rhi-bold-font);
	font-weight: normal;
	font-size: var(--rhi-s-r2);
}

.rhi-button-grey {
	background-color: var(--ydef-c-blue);
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-family: var(--rhi-bold-font);
	font-weight: normal;
	font-size: var(--rhi-s-r2);
}


a.rhi-button-red,
a.rhi-button-grey,
a.rhi-button-blue {
	color: white;
}

a.rhi-button-red:hover,
a.rhi-button-grey:hover,
a.rhi-button-blue:hover,
.btn-primary:hover {
	color: white;
	text-decoration: underline;
}
	
.rhi-button-red:hover,
.rhi-button-grey:hover,
.rhi-button-blue:hover,
.btn-primary:hover {
  transform: translateY(-2px);
}


/* = Client page styles
-------------------------------------------------------------- */

.block-field-blocknodeclient-event-pagefield-banner {
	padding-bottom: 25px;
}

.block-views-blockevent-details-and-registration-link-block-1 {
	padding: 25px;
	margin: 0 0 0 25px;
	background-color: var(--ydef-c-navy-15);
}

.sponsor-logo {  
	display: flex;
	justify-content: center;
}
	
.sponsor-logo img {
  width: 60%;
}

	/* =Table styles
-------------------------------------------------------------- */

th {
	background-color: var(--ydef-c-blue);
	color: white;	
	border: solid 2px var(--ydef-c-blue);
	padding: 8px;
	text-align: top;
	font-size: var(--rhi-s-r1);
	font-family: var(--rhi-bold-font);
}

td {
	border: solid 2px var(--ydef-c-blue);
	padding: 8px;
	vertical-align: top;
}

td:first-child {
	width: 110px;
}