/*
Theme Name: E-learning
Theme URI: http://elearning.local:8888
Description: HTML5/CSS3 bootstrap responsive theme for HEIW
Version: 1.0
Author: Gareth J Peters
Contributor: Michael Pritchard
*/
html,
body {
  height: 100%;
}
body {
  background: white;
  color: #111;
}
.heiw-gradient {
  background-image: -webkit-gradient(linear, left top, right top, from(#325083), color-stop(40em, #2D7EA5));
  background-image: linear-gradient(to right, #325083, #2D7EA5 40em);
}
#top-nav a {
  padding: 0.2rem 0.6rem;
  font-size: 0.9rem;
}
/*


header {
    .navbar-small {
        padding: 0 0.4rem;
        border-bottom: 3px solid @complimentary;
        margin-bottom: 20px;

        &.bg-dark {
            background: @primary-colour !important;
        }

        .row {
            margin: 0;
        }

        .navbar-toggler {
            padding: 0.1rem 0.4rem;
            margin: 5px 0;

            .navbar-toggler-icon {
                width: 1em;
                height: 1em;
            }
        }

        .navbar-nav {
            .nav-item {
                .nav-link {
                    padding: 0.5rem;
                    font-size: 0.9rem;
                }

                &:last-child {
                    .nav-link {
                        padding-right: 0;
                    }
                }
            }
        }

        .external-links {
            .fa-external-link {
                font-size: 0.6rem;
                opacity: 0.7;
                top: -3px;
                position: relative;
            }
        }
    }

    //	.top-strip {
    //		width: 100%;
    //		height: 15px;
    //		background: @primary-colour;
    //		margin-bottom: 20px;
    //		border-bottom: 4px solid @complimentary;
    //	}
    .logos-strip {
        margin-bottom: 20px;
    }

    margin: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9;

    .main-logo {
        height: 100px;
    }

    .heiw-logo {
        height: 55px;
        .responsive(768px, {
            margin-top: 5px;
            height: 71px;
        });
    }
}

//accessibility colouring for navs

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .65);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, .85);
}

.site-header {
    img {
        margin-top: -10px;
    }
}

.navbar-main {
    background: @primary-colour;
    border-top: 3px solid @complimentary;

    .navbar-nav {
        li {
            a {
                &.nav-link {
                    &.current,
                    &.section {
                        color: #fff;
                    }

                    .responsive(992px, {
                        padding-left: 1rem;
                        padding-right: 1rem;
                    });
                }
            }
        }
    }
}
*/
.masthead {
  background-color: #fff;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.2)), url('../images/dental.jpeg') !important;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 18px 0;
  border-bottom: 1px solid #B9975B;
}
@media only screen and (min-width: 768px) {
  .masthead {
    padding: 30px 0;
  }
}
.masthead .image {
  margin: 0;
}
.masthead .image img {
  width: 100%;
  box-shadow: 0.05rem 0.2rem 0.6rem rgba(0, 0, 0, 0.35);
}
.masthead .site-title {
  font-size: 4.2rem;
  text-align: center;
  font-weight: 700;
  color: #FFF;
  margin-top: 20px;
  margin-bottom: 40px;
}
.masthead .site-title .tint {
  color: #1B365D;
}
.masthead .page-subtitle {
  font-size: 1.14rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .masthead .page-subtitle {
    margin-bottom: 0.8rem;
  }
}
.masthead .page-subtitle p {
  margin-bottom: 0.5rem;
}
.masthead .page-title {
  font-size: 2.5rem;
  font-weight: 400;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .masthead .page-title {
    font-size: 2.8rem;
  }
}
.masthead.home-page {
  padding: 20px 0;
}
@media only screen and (min-width: 768px) {
  .masthead.home-page {
    padding: 60px 0;
  }
}
.masthead.home-page .site-title {
  font-size: 2.2rem;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .masthead.home-page .site-title {
    font-size: 3.6rem;
  }
}
.masthead.secondary {
  margin-top: -1px;
  background: #d3d3d2;
}
.masthead.secondary h3 {
  font-size: 1.2rem;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .masthead.secondary h3 {
    font-size: 1.75rem;
  }
}
.admin-box {
  background: #101f35;
  padding: 10px;
  margin-bottom: 1.6rem;
  margin-top: 2rem;
  color: #FFF;
  border-radius: 4px;
}
.admin-box .footer-header {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1rem;
  border-bottom: 1px solid #489cc9;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.admin-box ul {
  margin-bottom: 0;
}
.admin-box ul li.list-inline-item {
  margin-right: 2rem;
}
.admin-box ul a {
  color: #B9975B;
}
.admin-box ul a:hover {
  color: #5b8bcf;
}
/*
.main-page {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    //	border-top: 1px solid @light-complimentary;
    .container {
        //		margin-top: -1px;
        //		background: #fff;
        //		padding-left: 40px;
        //		padding-right: 40px;
        //		padding-bottom: 40px;
    }
}

body {
    > footer {
        background-color: @primary-colour;
        background-image: url('../images/lozenges-footer.png');
        background-position: right 0 bottom 65px;
        background-repeat: no-repeat;
        //background: @primary-colour;
        border-top: 3px solid @complimentary;
        padding: 25px 0 0 0;
        color: #fff;

        .semi-transparent {
            background: fade(@primary-colour, 45%);

        }
        .footer-header {
            text-transform: uppercase;
            font-weight: 300;
            font-size: 1rem;
            border-bottom: 1px solid @dark-primary-colour;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
        address {
            margin-bottom: 0.8rem;
            p {
                font-size: 0.85rem;
                margin-bottom: 0;
            }
        }
        ul {
            &.fa-ul {
                margin-left: 1.8em;
                font-size: 0.85rem;
                margin-bottom: 3rem;
                .responsive(768px, {
                    margin-bottom: 0;
                });
                li {
                    line-height: 0.9rem;
                    margin-bottom: 0.6rem;
                }
                a {
                    color: #fff;
                }
            }
            &.list-inline {
                .list-inline-item {
                    display: block;
                    margin-right: 0;
                    .responsive(768px, {
                        display: inline-block;
                        &:not(:last-child) {
                            margin-right: 0.5rem;
                        }
                    });
                }
            }
        }
        .social-buttons {
            margin-bottom: 2rem;
            .responsive(768px, {
                margin-bottom: 0;
            });
            .btn-primary {
                color: #fff;
                background-color: darken(@primary-colour, 6%);
                border-color: darken(@primary-colour, 6%);
                &:hover {
                    background-color: darken(@primary-colour, 11%);
                    border-color: darken(@primary-colour, 11%);
                }
                a {
                    color: #fff;
                    &:hover {
                        color: #fff;
                    }
                }
            }
        }
        .admin-box {
            background: @dark-primary-colour;
            padding: 10px;
            margin-bottom: 1.6rem;
            border-radius: 4px;
            .footer-header {
                border-bottom-color: @primary-colour;
            }
            ul {
                margin-bottom: 0;
                a {
                    color: @complimentary;
                    &:hover {
                        color: @light-primary-colour;
                    }
                }
            }
        }
        .sub-footer {
            position: relative;
            padding-top: 20px;
            background: @dark-primary-colour;
            font-size: 0.9rem;
            margin-top: 40px;
            a {
                color: #fff;
            }
            z-index: 999;
        }
    }
}


.flex {
    height: 100%;
    min-height: 100%;
    display: block;
    flex-direction: column;
    //    background-image: url('../images/IMG_3727.jpg');
    //    background-size: cover;
    //    background-repeat: no-repeat;
    //    background-position: center center;
    &.full {
        display: flex;
    }
}
*/
.book-cover img {
  border: 1px solid #d3d3d2;
  border-radius: 3px;
}
.sidebar ul {
  margin-bottom: 2rem;
}
.sidebar ul li {
  width: 100%;
  margin-bottom: 8px;
  line-height: 1.3;
}
.sidebar ul li a {
  display: block;
}
.sidebar ul li ul {
  margin-top: 6px;
  margin-bottom: 0px;
  padding-left: 15px;
  list-style-type: none;
}
.placeholder {
  width: 100%;
  height: 280px;
  background: #d3d3d2;
}
.main-image {
  width: 100%;
  height: auto;
  float: right;
  margin-bottom: 2rem;
}
.main-image img {
  width: 100%;
  height: auto;
}
.news-image {
  width: 35%;
  float: right;
  margin: 0 0 2rem 2rem;
}
.section-teasers,
.child-teasers {
  margin-top: 2rem;
}
hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.embed.right {
  float: right;
  margin: 0 0 1.5rem 1.5rem;
}
.hidden {
  display: none;
  visibility: hidden;
}
.search-results .result-link {
  font-size: 0.7rem;
  margin-bottom: 4px;
}
.search-results .result-header a {
  color: hsl(199, 73%, 37%);
}
.search-results dd {
  margin-bottom: 2.5rem;
}
.sitemap {
  list-style-type: none;
  padding-left: 0px;
}
.sitemap li {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 1.3rem;
  background: #eee;
  border-radius: 4px;
  padding: 5px 15px;
}
.sitemap li ul {
  padding-left: 38px;
  margin-bottom: 10px;
}
.sitemap li ul li {
  font-weight: 300;
  margin-bottom: 0px;
  font-size: 1.14rem;
  padding-bottom: 0px;
}
.external-links .fa-external-link {
  font-size: 0.6rem;
  opacity: 0.7;
  top: -3px;
  position: relative;
}
legend {
  visibility: hidden;
  position: absolute;
  left: -999999px;
}
html,
body {
  font-family: 'Roboto', sans-serif;
}
p,
ol,
ul,
span,
address,
td,
dl {
  font-weight: 300;
}
a {
  color: hsl(199, 73%, 37%);
}
.lead {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .lead {
    font-size: 1.25rem;
  }
}
strong {
  font-weight: 700;
}
h1 {
  font-weight: 300;
  line-height: 40px;
}
h4 {
  font-weight: 300;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}
.sidebar h4 {
  border-bottom: 1px solid #d3d3d4;
  border-top: 1px solid #d3d3d4;
  padding-bottom: 0.6rem;
  padding-top: 0.6rem;
}
.sidebar h4 a {
  color: #212529;
}
.postnominal {
  font-size: smaller;
}
dl dt a {
  color: #1B365D;
}
dl dt a:hover {
  color: #B9975B;
}
dl dd {
  margin-bottom: 0.85rem;
}
dl dd a {
  color: #1B365D;
}
dl dd a:hover {
  color: #B9975B;
}
.news-date {
  color: #666;
  border-bottom: 1px solid #d3d3d2;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.main-page h3 {
  margin-bottom: 1rem;
}
.blockquote {
  position: relative;
  background: #eee;
  padding: 2rem;
  padding-left: 4rem;
  color: #212529;
  margin: 0 0 1.5rem 0;
  clear: both;
  border-radius: 4px;
  font-size: 1.5rem;
}
.blockquote p {
  margin-bottom: 0;
}
.blockquote:before {
  font-family: 'Roboto', sans-serif;
  color: #101f35;
  position: absolute;
  font-size: 6em;
  line-height: 1;
  top: 0;
  left: 4px;
  content: "\201C";
}
.blockquote .blockquote-footer {
  font-size: 70%;
  color: #1B365D;
}
.blockquote .blockquote-footer:before {
  content: none;
}
.blockquote .blockquote-footer p {
  margin: 0;
}
.source {
  font-style: oblique;
  font-size: 85%;
  color: #666;
}
/*

.alert {
	p {
		&:last-child {
			margin-bottom: 0;
		}
	}
}

.teaser {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d3d3d2;
	.teaser-title {
		font-size: 1.6rem;
		line-height: 24px;
		a {
			color: #212529;
			&:hover {
				color: @complimentary;
				text-decoration: none;
			}
		}
	}
	.teaser-subtitle {
		font-size: 1.14rem;
		font-weight: 700;
		margin-bottom: 20px;
	}
	ul {
		&:last-child {
			margin-bottom: 0;
		}
	}
	&.member-teaser {
		margin-bottom: 50px;
		.teaser-image {
			img {
				width: 100%;
			}
		}
		.teaser-title {
			text-transform: uppercase;
			font-size: 1.4rem;
			font-weight: 700;
			color: @dark-primary-colour;
			.tint {
				font-size: 1.14rem;
				color: @primary-colour;
			}
		}
//		.image-box,
//		.text-box {
//			border-top: 1px solid @light-complimentary;
//		}
//		.text-box {
//			padding-top: 20px;
//		}
	}
	&.news-teaser {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 220px;
		border-bottom: 1px solid #d3d3d2;
		.teaser-image {
			margin-bottom: 0;
			margin-left: -220px;
			float: left;
		}
		.teaser-title {
			font-size: 1.6rem;
			line-height: 24px;
			a {
				color: #212529;
				&:hover {
					color: @complimentary;
					text-decoration: none;
				}
			}
		}
		.teaser-date {
			color: #777;
		}
		&:last-of-type {
			border: none;
		}
	}
	&.board-teaser {
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 240px;
		border-bottom: 1px solid #d3d3d2;
		.teaser-image {
			margin-bottom: 0;
			margin-left: -240px;
			float: left;
			border: 1px solid #d3d3d2;
		}
		.teaser-title {
			font-size: 1.6rem;
			line-height: 24px;
			margin-bottom: 0.4rem;
			a {
				color: #212529;
				&:hover {
					color: @complimentary;
					text-decoration: none;
				}
			}
		}
		.teaser-subtitle {
			font-size: 1.14rem;
			font-weight: 700;
		}
		&:last-of-type {
			border: none;
		}
	}
	&::after {
		content: "";
		clear: both;
		display: table;
	}
}

form {
	.field {
		margin-bottom: 20px;
	}
}

.image {
	border: 1px solid #d3d3d2;
	border-radius: .25rem !important;
	img {
//		padding: 10px;
		width: 100%;
	}
	.caption {
		font-size: 0.85rem;
		color: #333;
		padding: 5px 10px;
		background: #d3d3d2;
	}
	&.right {
		float: right;
		margin: 0 0 30px 30px;
	}
}

figure {
	&.image {
		img {
			&.right {
				margin: 0;
				float: none;
			}
		}
	}
}

// video

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; !* 16:9 *!
	padding-top: 25px;
	height: 0;
	margin-bottom: 1.5rem;
	.responsive(768px, {
		margin-bottom: 0;
	});
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


// tile

.grid {
	width: 100%;
	margin-bottom: 50px;
	background: #fff;
	overflow: hidden;
	.responsive(768px, {
		background: #000;
	});
	.tile {
		width: 33.3%;
		height: 333px;
		float: left;
		color: #fff;
		cursor: pointer;
		.front {
			padding: 20px;
			background: @primary-colour;
			img {
				width: 100%;
			}
		}
		.back {
			padding: 20px;
			background: @complimentary;
			border: 1px solid @complimentary;
			overflow-y: scroll;
			h3 {
				margin-bottom: 5px;
			}
			h5 {
				margin-bottom: 15px;
			}
		}
	}
	.fixed-tile {
		width: 100%;
		height: auto;
		float: left;
		position: relative;
		margin-top: -53px;
		margin-left: -52px;
		.responsive(768px, {
			width: 420px;
			margin-top: -51px;
			margin-left: -50px;
		});
//		background: #000;
//		&:before {
//			content: "";
//			display: block;
//			position: absolute;
//			top: 0;
//			bottom: 0;
//			left: 0;
//			right: 0;
//			background: none;
//			transition: all .2s linear;
//			cursor: pointer;
//		}
//		&:hover:before {
//			background: rgba(0,0,0, 0.4);
//		}
		img {
			width: 114%;
			height: auto;
			transition: all .2s linear;
			&:hover {
				opacity: 0.7;
			}
			.responsive(768px, {
				width: 100%;
			});
		}
	}
}

// case studies

.case-study-page {
	img {
		width: 100%;
	}
}

// accordion

.accordion {
	.card-header {
		button {
			color: #212529;
			font-weight: 700;
			font-size: 1.2rem;
			text-shadow: 1px 1px rgba(0,0,0,0.15);
			text-decoration: none;
			position: relative;
			white-space: normal;
			text-align: left;
			&:hover,
			&:active {
				text-decoration: none;
			}
			.box-icon {
				width: 30px;
				height: 30px;
				background: @complimentary;
				position: absolute;
				top: 0.35rem;
				left: -30px;
				border-radius: calc(.25rem - 1px);
				color: #fff;
				line-height: 30px;
				text-align: center;
			}
			&.collapsed {
				font-weight: 400;
				.box-icon {
					background: @primary-colour;
				}
			}
		}
	}
}


// cards

.card {
	.card-title {
		&:last-child {
			margin-bottom: 0;
		}
		a {
			color: #212529;
		}
	}
	ul {
		padding-left: 20px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	dl {
		&:last-child {
			margin-bottom: 0;
		}
	}
	.card-subtitle {
		margin-top: -.5rem;
		margin-bottom: .75rem;
		font-weight: 700;
		&:last-child {
			margin-bottom: 0;
		}
	}
}

.profile {
	h1 {
		margin-bottom: 1.2rem;
	}
	img {
		border: 1px solid rgba(0,0,0,.125);
		margin-bottom: 1rem;
	}
}

// homepage cards
.homepage-cards {
	.card {
		text-align: center;
		.card-title {
			font-size: 1.8rem;
		}
	}
}

.section-teasers,
.child-teasers {
	margin-top: 0;
	.card {
		margin-bottom: 30px;
		.card-title {
			a {
				color: #212529;
				&:hover {
					color: #212529;
					text-decoration: none;
				}
			}
		}
		p {
			font-weight: 300;
		}
	}
}

// sidebar menu

.sidebar {
    margin-bottom: 1rem;
    ul {
        li {
            width: 100%;
            a {
                display: block;
                color: @primary-colour;
                &.current {
                    color: @complimentary;
                    font-weight: 500;
                }
                &.section {
                    color: darken(@complimentary, 10%);
                    font-weight: 500;
                }
            }
        }
        &.submenu {
            margin-top: 0.4rem;
            margin-bottom: 0.5rem;
            margin-left: 1rem;
        }
    }
}

.link {
	+ .submenu {
		&.nav {
			display: none;
		}
	}
}

// language switcher

.language-switcher {
	position: absolute;
	right: 5px;
	top: 3px;
	z-index: 9999;
	.responsive(768px, {
		position: relative;
		right: auto;
		top: auto;
	});
//	float: right;
	h6 {
		font-size: 0.7rem;
		text-transform: uppercase;
		color: #666;
		margin-bottom: 4px;
		border-top: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    line-height: 1.5;
	}
	ul {
		margin-top: 3px;
		margin-bottom: 3px;
	}
	li {
		text-align: center;
		line-height: 1;
		a {
			color: rgba(255,255,255,.7);
			font-size: 0.85rem;
		}
		img {
			width: 18px;
			margin-right: 4px;
		}
		&.link {
			opacity: 0.5;
//			a {
//				color: #aaa;
//			}
//			img {
//
//			}
		}
	}
}

// validate contact message

.message.bad {
    color: #e00000;
}
*/
.site-notification {
  position: fixed;
  z-index: 1032;
  width: 100%;
  bottom: -100%;
  background-color: #1B365D;
  color: #ffffff;
}
.site-notification .site-notification-container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.site-notification p a {
  color: #fff;
  text-decoration: underline;
}
.site-notification p a:hover {
  color: #B9975B;
}
.site-overlay {
  display: none;
  position: fixed;
  z-index: 1031;
  background-color: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
}
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #DC3545;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
input:checked + .slider {
  background-color: #28A745;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}
.btn-navy {
  color: #ffffff;
  background-color: #325083;
  border-color: #24395e;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy .active {
  color: #ffffff;
  background-color: #24395e;
  border-color: #1d2e4c;
}
.btn-navy:active,
.btn-navy.active {
  background-image: none;
}
.btn-navy.disabled,
.btn-navy[disabled] {
  background-color: #5b80c0;
  border-color: #4872b9;
}
.btn-navy.disabled:hover,
.btn-navy[disabled]:hover,
.btn-navy.disabled:focus,
.btn-navy[disabled]:focus,
.btn-navy.disabled:active,
.btn-navy[disabled]:active,
.btn-navy.disabled.active,
.btn-navy[disabled].active {
  background-color: #5b80c0;
  border-color: #4872b9;
}
.btn-navy .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-navy {
  background-color: #5b80c0;
  border-color: #4872b9;
}
.open .dropdown-toggle.btn-navy {
  color: #ffffff;
  background-color: #24395e;
  border-color: #1d2e4c;
  background-image: none;
}
.btn-grey {
  color: #ffffff;
  background-color: #575756;
  border-color: #3d3d3d;
}
.btn-grey:hover,
.btn-grey:focus,
.btn-grey:active,
.btn-grey .active {
  color: #ffffff;
  background-color: #3d3d3d;
  border-color: #313130;
}
.btn-grey:active,
.btn-grey.active {
  background-image: none;
}
.btn-grey.disabled,
.btn-grey[disabled] {
  background-color: #8a8a89;
  border-color: #7d7d7c;
}
.btn-grey.disabled:hover,
.btn-grey[disabled]:hover,
.btn-grey.disabled:focus,
.btn-grey[disabled]:focus,
.btn-grey.disabled:active,
.btn-grey[disabled]:active,
.btn-grey.disabled.active,
.btn-grey[disabled].active {
  background-color: #8a8a89;
  border-color: #7d7d7c;
}
.btn-grey .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-grey {
  background-color: #8a8a89;
  border-color: #7d7d7c;
}
.open .dropdown-toggle.btn-grey {
  color: #ffffff;
  background-color: #3d3d3d;
  border-color: #313130;
  background-image: none;
}
.btn-blue {
  color: #ffffff;
  background-color: #489cc9;
  border-color: #3381ab;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue .active {
  color: #ffffff;
  background-color: #3381ab;
  border-color: #2d7298;
}
.btn-blue:active,
.btn-blue.active {
  background-image: none;
}
.btn-blue.disabled,
.btn-blue[disabled] {
  background-color: #97c7e0;
  border-color: #83bcda;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active {
  background-color: #97c7e0;
  border-color: #83bcda;
}
.btn-blue .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-blue {
  background-color: #97c7e0;
  border-color: #83bcda;
}
.open .dropdown-toggle.btn-blue {
  color: #ffffff;
  background-color: #3381ab;
  border-color: #2d7298;
  background-image: none;
}
.btn-green {
  color: #ffffff;
  background-color: #008071;
  border-color: #004d44;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green .active {
  color: #ffffff;
  background-color: #004d44;
  border-color: #00342d;
}
.btn-green:active,
.btn-green.active {
  background-image: none;
}
.btn-green.disabled,
.btn-green[disabled] {
  background-color: #00e6cb;
  border-color: #00cdb5;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
.btn-green.disabled.active,
.btn-green[disabled].active {
  background-color: #00e6cb;
  border-color: #00cdb5;
}
.btn-green .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-green {
  background-color: #00e6cb;
  border-color: #00cdb5;
}
.open .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #004d44;
  border-color: #00342d;
  background-image: none;
}
.btn-crimson {
  color: #ffffff;
  background-color: #a3195b;
  border-color: #771242;
}
.btn-crimson:hover,
.btn-crimson:focus,
.btn-crimson:active,
.btn-crimson .active {
  color: #ffffff;
  background-color: #771242;
  border-color: #610f36;
}
.btn-crimson:active,
.btn-crimson.active {
  background-image: none;
}
.btn-crimson.disabled,
.btn-crimson[disabled] {
  background-color: #e2408d;
  border-color: #de2a80;
}
.btn-crimson.disabled:hover,
.btn-crimson[disabled]:hover,
.btn-crimson.disabled:focus,
.btn-crimson[disabled]:focus,
.btn-crimson.disabled:active,
.btn-crimson[disabled]:active,
.btn-crimson.disabled.active,
.btn-crimson[disabled].active {
  background-color: #e2408d;
  border-color: #de2a80;
}
.btn-crimson .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-crimson {
  background-color: #e2408d;
  border-color: #de2a80;
}
.open .dropdown-toggle.btn-crimson {
  color: #ffffff;
  background-color: #771242;
  border-color: #610f36;
  background-image: none;
}
.btn-purple {
  color: #ffffff;
  background-color: #511966;
  border-color: #300f3d;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple .active {
  color: #ffffff;
  background-color: #300f3d;
  border-color: #200a29;
}
.btn-purple:active,
.btn-purple.active {
  background-image: none;
}
.btn-purple.disabled,
.btn-purple[disabled] {
  background-color: #922db8;
  border-color: #8228a3;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active {
  background-color: #922db8;
  border-color: #8228a3;
}
.btn-purple .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-purple {
  background-color: #922db8;
  border-color: #8228a3;
}
.open .dropdown-toggle.btn-purple {
  color: #ffffff;
  background-color: #300f3d;
  border-color: #200a29;
  background-image: none;
}
.btn-orange {
  color: #ffffff;
  background-color: #e63323;
  border-color: #c02416;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange .active {
  color: #ffffff;
  background-color: #c02416;
  border-color: #a92013;
}
.btn-orange:active,
.btn-orange.active {
  background-image: none;
}
.btn-orange.disabled,
.btn-orange[disabled] {
  background-color: #f0887f;
  border-color: #ee7368;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active {
  background-color: #f0887f;
  border-color: #ee7368;
}
.btn-orange .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-orange {
  background-color: #f0887f;
  border-color: #ee7368;
}
.open .dropdown-toggle.btn-orange {
  color: #ffffff;
  background-color: #c02416;
  border-color: #a92013;
  background-image: none;
}
.btn-lime {
  color: #ffffff;
  background-color: #afca0b;
  border-color: #859a08;
}
.btn-lime:hover,
.btn-lime:focus,
.btn-lime:active,
.btn-lime .active {
  color: #ffffff;
  background-color: #859a08;
  border-color: #708107;
}
.btn-lime:active,
.btn-lime.active {
  background-image: none;
}
.btn-lime.disabled,
.btn-lime[disabled] {
  background-color: #dcf546;
  border-color: #d8f42e;
}
.btn-lime.disabled:hover,
.btn-lime[disabled]:hover,
.btn-lime.disabled:focus,
.btn-lime[disabled]:focus,
.btn-lime.disabled:active,
.btn-lime[disabled]:active,
.btn-lime.disabled.active,
.btn-lime[disabled].active {
  background-color: #dcf546;
  border-color: #d8f42e;
}
.btn-lime .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-lime {
  background-color: #dcf546;
  border-color: #d8f42e;
}
.open .dropdown-toggle.btn-lime {
  color: #ffffff;
  background-color: #859a08;
  border-color: #708107;
  background-image: none;
}
.btn-pink {
  color: #ffffff;
  background-color: #e52e7d;
  border-color: #c71964;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink .active {
  color: #ffffff;
  background-color: #c71964;
  border-color: #b11659;
}
.btn-pink:active,
.btn-pink.active {
  background-image: none;
}
.btn-pink.disabled,
.btn-pink[disabled] {
  background-color: #f089b5;
  border-color: #ed72a7;
}
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active {
  background-color: #f089b5;
  border-color: #ed72a7;
}
.btn-pink .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-pink {
  background-color: #f089b5;
  border-color: #ed72a7;
}
.open .dropdown-toggle.btn-pink {
  color: #ffffff;
  background-color: #c71964;
  border-color: #b11659;
  background-image: none;
}
.btn-violet {
  color: #ffffff;
  background-color: #78368c;
  border-color: #582867;
}
.btn-violet:hover,
.btn-violet:focus,
.btn-violet:active,
.btn-violet .active {
  color: #ffffff;
  background-color: #582867;
  border-color: #492155;
}
.btn-violet:active,
.btn-violet.active {
  background-image: none;
}
.btn-violet.disabled,
.btn-violet[disabled] {
  background-color: #ad65c3;
  border-color: #a452bc;
}
.btn-violet.disabled:hover,
.btn-violet[disabled]:hover,
.btn-violet.disabled:focus,
.btn-violet[disabled]:focus,
.btn-violet.disabled:active,
.btn-violet[disabled]:active,
.btn-violet.disabled.active,
.btn-violet[disabled].active {
  background-color: #ad65c3;
  border-color: #a452bc;
}
.btn-violet .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-violet {
  background-color: #ad65c3;
  border-color: #a452bc;
}
.open .dropdown-toggle.btn-violet {
  color: #ffffff;
  background-color: #582867;
  border-color: #492155;
  background-image: none;
}
.btn-apricot {
  color: #ffffff;
  background-color: #ed8900;
  border-color: #ba6c00;
}
.btn-apricot:hover,
.btn-apricot:focus,
.btn-apricot:active,
.btn-apricot .active {
  color: #ffffff;
  background-color: #ba6c00;
  border-color: #a15d00;
}
.btn-apricot:active,
.btn-apricot.active {
  background-image: none;
}
.btn-apricot.disabled,
.btn-apricot[disabled] {
  background-color: #ffb754;
  border-color: #ffac3b;
}
.btn-apricot.disabled:hover,
.btn-apricot[disabled]:hover,
.btn-apricot.disabled:focus,
.btn-apricot[disabled]:focus,
.btn-apricot.disabled:active,
.btn-apricot[disabled]:active,
.btn-apricot.disabled.active,
.btn-apricot[disabled].active {
  background-color: #ffb754;
  border-color: #ffac3b;
}
.btn-apricot .badge {
  color: #AD924B;
  background-color: #ffffff;
}
fieldset[disabled] .btn-apricot {
  background-color: #ffb754;
  border-color: #ffac3b;
}
.open .dropdown-toggle.btn-apricot {
  color: #ffffff;
  background-color: #ba6c00;
  border-color: #a15d00;
  background-image: none;
}
a {
  color: hsl(199, 73%, 37%);
}
.home-link:focus {
  outline: #F9D80B auto 2px;
}
.navbar-nav .nav-link:focus {
  outline: #F9D80B auto 2px;
}
.navbar-nav .dropdown-item:focus {
  background: #F9D80B;
  outline: none;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
header {
  font-weight: 300;
}
header a {
  color: white;
  text-decoration: none;
}
header a:hover {
  color: white;
  opacity: 0.85;
  text-decoration: none;
}
header a.link {
  color: white;
  text-decoration: none;
}
header a:focus {
  outline: #F9D80B auto 2px;
}
.form-control:focus {
  border-color: #F9D80B;
  border-width: 3px;
}
input[type="submit"]:focus {
  border-color: #F9D80B;
  border-width: 3px;
}
.main-page p a:focus:not(.card-title),
.main-page li a:focus:not(.card-title) {
  background: white;
  outline: none;
  padding: 1px 6px;
  border-bottom: 2px solid #000;
}
.main-page p a:focus.btn,
.main-page li a:focus.btn {
  border-color: #F9D80B;
  border-width: 3px;
}
.teaser a:focus {
  background: #F9D80B;
  outline: none;
  padding: 1px 6px;
  border-bottom: 2px solid #000;
}
footer a:hover {
  text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
  color: hsl(199, 73%, 37%);
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: hsl(199, 73%, 52%);
}
.navbar-dark .navbar-nav a {
  color: white;
}
.navbar-dark .navbar-nav a:focus,
.navbar-dark .navbar-nav a:hover {
  color: rgba(255, 255, 255, 0.8);
}
.alert.alert-danger a {
  color: #03438C;
}
.alert.alert-danger a:hover {
  color: #022b5a;
}
.language-switcher span a {
  color: white;
}
.language-switcher span a:hover {
  opacity: 0.85;
}
.language-switcher span a.link {
  opacity: 0.85;
}
.language-switcher span a:focus {
  outline: #F9D80B auto 2px;
}
a.skip-main {
  color: #fff;
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
  background-color: #1B365D;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 20px 35%;
  padding: 5px;
  border-radius: 4px;
  border: 2px solid #B9975B;
  text-align: center;
  font-size: 1.4em;
  z-index: 999;
}
.btn.btn-success {
  background-color: #218739;
}
.text-success {
  color: #208337 !important;
}
.sidebar ul li a.current {
  color: #906D3C;
}
.sidebar ul li a.section {
  color: #6c522d;
}
.logos-strip a:focus {
  outline: #F9D80B auto 1px;
}
footer {
  font-weight: 300;
}
footer a {
  color: white;
}
footer a:hover {
  color: white;
  opacity: 0.85;
}
footer a.link {
  color: white;
  opacity: 0.85;
}
footer a:focus {
  outline: #F9D80B auto 2px;
}
.text-heiw-navy {
  color: #325083;
}
.text-heiw-grey {
  color: #575756;
}
.text-heiw-blue {
  color: #489cc9;
}
.text-heiw-green {
  color: #008071;
}
.text-heiw-lime {
  color: #afca0b;
}
.text-heiw-crimson {
  color: #a3195b;
}
.text-heiw-pink {
  color: #e52e7d;
}
.text-heiw-purple {
  color: #511966;
}
.text-heiw-violet {
  color: #78368c;
}
.text-heiw-orange {
  color: #e63323;
}
.text-heiw-apricot {
  color: #ed8900;
}
.bg-heiw-navy {
  background-color: #325083;
}
.bg-heiw-grey {
  background-color: #575756;
}
.bg-heiw-blue {
  background-color: #489cc9;
}
.bg-heiw-green {
  background-color: #008071;
}
.bg-heiw-lime {
  background-color: #afca0b;
}
.bg-heiw-crimson {
  background-color: #a3195b;
}
.bg-heiw-pink {
  background-color: #e52e7d;
}
.bg-heiw-purple {
  background-color: #511966;
}
.bg-heiw-violet {
  background-color: #78368c;
}
.bg-heiw-orange {
  background-color: #e63323;
}
.bg-heiw-apricot {
  background-color: #ed8900;
}
* table,
th,
td {
  border: 1px solid black;
  padding: 0.5em;
}
* table {
  width: 100%;
}
.language-switcher {
  padding-top: 0.6em;
  padding-left: 0.5em;
}
.language-switcher img {
  height: 2vh;
  width: auto;
}
.form-control button {
  border: 1px solid white;
}
mark.highlight {
  background-color: yellow;
  padding: 0;
}
.book .leftAlone {
  height: auto;
  width: auto;
}
.book-cover:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  padding: 0;
  background: none !important;
}
.book-cover img {
  height: auto;
  width: 100%;
}
.nav {
  padding-left: 0.5em !important;
}
.nav .btn:not(:disabled):not(.disabled) {
  padding: 0.5em !important;
}
.side {
  display: flex;
  flex-direction: column;
}
.side a,
.side a:focus {
  text-decoration: none !important;
  border-bottom: none !important;
  padding: 0 !important;
}
.profile-card {
  display: flex;
  align-content: center;
}
.profile-img {
  width: 10vw;
  padding: 1em;
}
.profile-text {
  padding-left: 1em;
  padding-top: 0.75em;
}
.sign img {
  width: 15vw;
}
.page-nav {
  display: flex;
}
.page-nav a {
  text-decoration: none;
  align-content: center;
  display: flex;
  padding: 8px 16px;
  width: 50px;
  height: 50px;
  justify-content: center;
}
.page-nav a:hover {
  background-color: #ddd;
  color: black;
}
.page-nav .previous {
  background-color: #f1f1f1;
  color: black;
}
.page-nav .next {
  background-color: #04AA6D;
  color: white;
}
.page-nav .round {
  border-radius: 50%;
}
/*# sourceMappingURL=style.css.map */