@charset "utf-8";
/*
 *
 * description: CSS for quicklinks
 *
 */

/* ***** OVERALL **** */
div.qlLayout_vertical.wMarg {
	margin-top: 3.2em;
}

ul.quicklinks, ul.quicklinks li {
	list-style-type: none;
	height: 65px;
}
ul.quicklinks, ul.quicklinks li a {
	text-decoration: none;
	color: #fff;
}
ul.quicklinks {
	width: 100%;
	display: inline;
	margin: 0;
	padding: 0 !important;
}

ul.quicklinks li:before {
	content: none !important;
}

ul.quicklinks li a {
	display: block;
	padding: 6px 10px;
	height: 100%;
	font-size: 16px;
	line-height: 1.2em;
	text-align: left;
	font-family: 'QuadraatSansCondensed', Myriad Pro, Helvetica, sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
ul.quicklinks li a:hover {
	background-color: #666666 !important;
}
ul.quicklinks li a .icon-chevron-right svg,
ul.quicklinks li a.external-link .icon-external-link svg {
	height: 1em;
	fill: #fff;
}
ul.quicklinks li#quicklink_numb_1 a .icon-chevron-right svg,
ul.quicklinks li#quicklink_numb_1 a.external-link .icon-external-link svg {
	fill: #222429;
}
ul.quicklinks li a.external-link .icon-external-link,
ul.quicklinks li a .icon-chevron-right {
	display: initial;
	position: absolute;
  top: 50%;
  left: 11%;
  font-size: 26px;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
ul.quicklinks li a span, ul.quicklinks li span {
	display: block;
	position: absolute;
	top: 50%;
	left: 58%;
	width: 75%;
	margin: 0 auto;
	height: auto;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ***** FRONTPAGE **** *
 ********************** */
.qlLayout_tiles ul.quicklinks li {
	position: relative;
	width: 50%;
	height: 105px;
	float: left;
}
.qlLayout_tiles ul.quicklinks::after {
	content: "";
	display: block;
	clear: left;
}
.qlLayout_tiles ul.quicklinks li#quicklink_numb_0 {
	background-color: #005d75;
}
.qlLayout_tiles ul.quicklinks li#quicklink_numb_1 {
	background-color: rgb(0 93 117 / 30%);
}
.qlLayout_tiles ul.quicklinks li#quicklink_numb_2 {
	background-color: rgb(0 93 117 / 70%);
}
.qlLayout_tiles ul.quicklinks li#quicklink_numb_3 {
	background-color: #ffe700;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_4 {
	background-color: #ffe700;
}
.qlLayout_wide ul.quicklinks li#quicklink_numb_4 a {
	color: #000;
}


/* ***** SUBPAGES **** *
 ********************* */
/* ***** NORMAL **** */
.qlLayout_normal {
	margin: 2em 0;
}
.qlLayout_normal li {
	position: relative;
	width: 20%;
	float: left;
}
.qlLayout_normal ul.quicklinks li a span {
	text-align: left;
	width: 70%;
}
.qlLayout_normal ul.quicklinks li a .fa {
	margin-top: 1em;
	margin-left: 0.5em;
}
/* quicklink - dark blue */
.qlLayout_normal li#quicklink_numb_0 {
	background-color:  #005d75;
}
/* quicklink - yellow */
.qlLayout_normal li#quicklink_numb_1 {
	background-color: #ffe700;
}
.qlLayout_normal li#quicklink_numb_1 a {
	color: #000;
}
/* quicklink - dark blue 70% */
.qlLayout_normal li#quicklink_numb_2 {
	background-color: rgb(0 93 117 / 70%);
}
/* quicklink - dark blue 50% */
.qlLayout_normal li#quicklink_numb_3 {
	background-color: rgb(0 93 117 / 50%);
}
.qlLayout_normal li#quicklink_numb_4 {
	background-color: rgb(0 93 117 / 80%);
}


/* ***** VERTICAL (for sidebar) ***** */
.qlLayout_vertical li {
	position: relative;
	width: 100%;
	max-width: 270px;
}
/* quicklink - dark blue */
.qlLayout_vertical li#quicklink_numb_0 {
	background-color: #005d75;
}
/* quicklink - yellow */
.qlLayout_vertical li#quicklink_numb_1 {
	background-color: #ffe700;
}
.qlLayout_vertical li#quicklink_numb_1 a {
	color: #000;
}
.qlLayout_vertical li#quicklink_numb_2 {
	background-color: rgb(0 93 117 / 50%);
}
.qlLayout_vertical li#quicklink_numb_3 {
	background-color: rgb(0 93 117 / 70%);
}

/* ***** VERTICAL AND RIGHT (for sidebar) ***** */
.qlLayout_vertical.right li {
	float: right;
}




/* ***** PhD Layouts ***** */
.phd-links {
	display: initial;
	margin-bottom: 30px;
}
.phd-links #phd-link_numb_0 {
	float: right;
    width: 35%;
    height: 60px;
    margin-right: 25%;
    /*margin-left: 49%;*/
	background-color: #3EA2B1;
}
.phd-links #phd-link_numb_0 a, .phd-links #phd-link_numb_2 a {
	font-weight: bold;
	font-size: 18px;
    line-height: 1.2em;
    display: block;
    padding: 6px 10px;
    height: 100%;
    text-align: left;
	color: white;
}
.phd-links #phd-link_numb_1 {
	float: right;
    width: 60%;
    height: 140px;
	background-color: #FFF000;
}
.phd-links #phd-link_numb_1 a {
	font-size: 16px;
    line-height: 1.2em;
    display: block;
    padding: 10px;
    height: 100%;
    text-align: left;
	color: black;
}
.phd-links #phd-link_numb_1 a b {
	font-size: 18px;
}
.phd-links #phd-link_numb_0 a:hover, .phd-links #phd-link_numb_1 a:hover,
.phd-links #phd-link_numb_2 a:hover {
	background-color: #666666;
	color: white;
}
.phd-links #phd-link_numb_2 {
	float: right;
	width: 40%;
    height: 80px;
    margin-top: 60px;
	background-color: #005D75;
}



/* RESPONSIVENESS */

/* ************* small devices - Tablets - (min-width:768px) and (max-width:991px) ********************** */
@viewport {
	min-width: 768px;
	max-width: 991px;
	zoom: 1;
}
@media (min-width: 768px) and (max-width: 991px) {

}

/* ************* extra small devices - Phones - (max-width: 767px)  ********************** */
@media screen and (max-width : 768px){
	.qlLayout_normal, .qlLayout_wide, .qlLayout_vertical {
		display: none;
	}
}