font-family: 'Bebas Neue', cursive;
font-family: 'Josefin Sans', sans-serif;
.logo {display: inline-block;max-width: 300px;}
.logo img {
}
.navbar .collapse {
    background: none;
    padding: 0;
}
/*Login*/
.msl-loginbutton {
	font-family:'Josefin Sans', sans-serif!important;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.95rem;
	color: #015963;
	letter-spacing: 0.0625em;
	transition: 0.3s;
	font-weight: bold;
	background: #69bfab;
	border-radius:4px;
	padding: 10px;
	position: absolute;
	right: 60px;
	top: 40px;
	}
@media(min-width:992px) {
	.msl-loginbutton {
	    position:relative;
		top:initial;
		right:initial;
		}
	}
	
@media(max-width:992px) {
	.msl-loginbutton {
	    position:absolute;
		top:25px;
		right:65px;
		}
	}
.msl-loginbutton:hover {
	text-decoration:none;
	color:#fff;
	background:#000;
}
/*Admin Controls*/
.admin-dropdown {
    background-image: none;
    background: transparent;
    height: 35px;
    position: absolute;
    top: 32px;
    margin-right: 10px;
    right: 180px;
    display: none;
}
.admin-dropdown h3, .admin-dropdown h4 a, .admin-dropdown h4 {
	font-size:18px;
	margin: 5px;
	padding: 0;
	display: block;
	overflow: hidden;
	color: #000;
}
.admin-dropdown #ulControlPanel {
	padding:0;
	margin:0;
}
.admin-dropdown .dropdown-menu .msl_admin {
	background:none;
	padding:0;
}
@media(min-width:992px){
    .admin-dropdown .dropdown-menu {
        width:40rem;
        left:initial;
        right:0;
        max-height: 65vh;
        overflow-y: auto;
        overflow-x: unset;
    }
    .admin-dropdown {
        position:relative;
        top: 14px;
        right: 6px;
    }
}
.admin-dropdown li {
    list-style-type:none;
}
.admin-dropdown li .fa-cog {
    color:#fff;
    font-size: 22px;
}
.admin-dropdown .dropdown-toggle::after {
    color:white;
}
.admin-dropdown #ctl00_controlpanel_ulControlPanel {
	padding:5px 10px;
}

@media (min-width: 768px) {
	.dropdown-menu .sidepanel {
		float:left;
		width: 30%;
	}
	.dropdown-menu .mslwidget {
		float:left;
		width: 70%;
	}
	.dropdown-menu .mslwidget #ulAdmin, .dropdown-menu .mslwidget [id*='pnlOrganisations'] {
		float:left;
		width:50%;
		padding:0 10px
	}
	.mslwidget [id*='pnlOrganisations'] {
		margin-top:-50px;
	}
}
/*Basket*/
#msl-basket-summary {
	background-image: none;
	background: transparent;
	padding: 11px 23px;
	position: absolute;
	top: 25px;
	right: 170px;
}
@media(min-width:992px) {
	#msl-basket-summary {
		background-image: none;
		background: transparent;
		padding: 14px 24px;
		height: 50px;
		position:relative;
		/*right: 160px;*/
	 /*   top: 39px;*/
		right:initial;
		top:initial;
		margin-right: 10px;
	}
}
 #msl-basket-summary .msl-basket-link:before {
	content: "\f07a";
	font-family: fontawesome;
	position: absolute;
	left: 10px;
	text-indent: 0;
	color: #fff;
	top: 47%;
	transform: translateY(-50%);
	font-size: 24px;
	font-weight: normal;
	z-index: 1;
}
#msl-basket-summary .msl-basket-link {
	color: #fff;
	font-weight: bold;
	font-size: 0px;
	text-indent: -5000px;
}
.msl-basket-summary-items .msl-basket-itemcount {
	line-height: 20px;
	white-space: nowrap;
	text-align: center;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	background-color: #da2129;
	border-radius: 50%;
	padding: 2px 3px 5px 4px;
	margin: 0;
	border: none;
	color: #fff;
	height: 20px;
	width: 20px;
	font-weight: bold;
	position: absolute;
	z-index: 2;
	top: 6px;
	margin-left: -5px;
}
@media(min-width:992px) {
	.adminbar .msl-basket-summary-items .msl-basket-itemcount {
		position: absolute;
		top: 6px;
		margin-left: -1px;
	}
}

/*countdown*/
.heading-count {
  padding: 10px 68px;
}

.heading-count h2 {
  font-size: 40px;
  color: #015963;
  /* text-transform: uppercase; */
  line-height: 48px;
}

.countdown-timer .heading-count h4 {
  font-size: 24px;
  font-weight: 300;
  color: #fff;
  margin-top: 30px;
  font-family: Bebas Neue',sans-serif!important;
}

.countdown-timer .heading-count h4 span {
  background: #212121;
  padding: 7px 15px;
  border-radius: 4px;
}

.countdown-timer .heading-count p {
  font-size: 14px;
  color: #212121;
  line-height: 30px;
}

.time-count div {
  text-align: center;
}

.time-entry {
  display: inline-block;
  min-width: 120px;
  margin: 15px;
  height: 110px;
  padding: 20px;
  box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #fff;
  text-align: center;
  font-weight: 400;
  color: #212121;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 22px;
}

.time-entry span {
  font-size: 45px;
  line-height: 45px;
  font-weight: 700;
  display: block;
  color: #212121;
  margin-bottom: 10px;
}

.time-entry:first-child {
  border-left: none;
}

.time-countdown {
  margin: 15px 0px 50px 0;
}



/* Image navigation */

.msl-imagenav {
  margin: 25px 0 0 0;
  padding: 0;
  display: block;
}

.msl-imagenav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.msl-imagenav li {
  padding: 0;
  background: transparent;
  /* width: 100%; */
  margin: 0 10px 20px 10px;
  transition: 0.6s;
}
.msl-imagenav li:hover {
box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.2);
}
.msl-imagenav li a {
  position: relative;
  padding-top: 0;
  text-decoration: none;
  background-size: contain;
  text-align: center;
}

.msl-imagenav li a img {
  /* position: absolute; */
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}

.msl-imagenav li .msl-imagenav-title {
  margin: 0;
  display: block;
  font-weight: bold;
  font-size: 20px;
  position: relative;
  background-size: 700px;
  padding: 10px;
  font-family: 'Josefin Sans', sans-serif!important;;
  background: #015963;
  color: #fff;
  transition:0.3s;
}
.msl-imagenav li:hover .msl-imagenav-title {
  color:#f36a95;
}
.msl-imagenav li .msl-imagenav-description {
  font-size: 14px;
  margin: 0;
  display: block;
  line-height: 1.4;
}

@media all and (min-width:600px) {
  .msl-imagenav li {
    width: calc(50% - 20px);
    float: left;
  }
  .msl-imagenav li:nth-of-type(2n+1) {
    clear: left;
  }
}

.msl-imagenav a {
  padding: 0;
  color: #000;
  display: block;
  font-size: 18px;
}

.highlight {
    /* background: #015963; */
    padding: 15px;
    height: 100%;
}
.highlight p {
  /* padding:0; */
  /* margin:0; */
  color: #fff;
}

/*societies*/
ul.msl_organisation_list {
}
ul.msl_organisation_list li {
    padding: 15px;
    background: transparent;
    width: 100%;
    margin: 0 0 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
ul.msl_organisation_list li:hover {
box-shadow: 1px 10px 20px rgba(0, 0, 0, 0.2);
cursor:pointer;
}
@media (min-width: 600px) {
ul.msl_organisation_list li {
    width: calc(50% - 20px);
    float: left;
    margin-right: 20px;
}
}
@media (min-width: 992px) {
ul.msl_organisation_list li {
    width: calc(33.3333% - 20px);
}
ul.msl_organisation_list li:nth-child(3n+1){
	clear:left;
}
ul.msl_organisation_list li:nth-child(3) {
    margin-right:0;
}
}
ul.msl_organisation_list li .details {
  margin:15px 0;
}
ul.msl_organisation_list li .msl-gl-link {
  font-weight:bold;
  font-family: 'Josefin Sans', sans-serif!important;
  color: #69bfab;
  margin: 15px 0;
  font-size: 20px;
}
ul.msl_organisation_list li .msl-gl-attributeset {
  color:#015963;
  margin-top:15px;
}
ul.msl_organisation_list li .msl-gl-attribute {
  color:#c0c0c0;
  font-family: 'Josefin Sans', sans-serif!important;

}
/*Events*/
#events {
display:block;
float:left;
width:100%;
}
.event_item {padding: 15px;background: #fff;width: 100%;margin: 0 0 15px;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.event_item:hover {
cursor:pointer;
}
@media (min-width: 600px) {
.event_item {
    width: calc(50% - 20px);
    float: left;
    margin-right: 20px;
}
}
@media (min-width: 992px) {

.event_item:nth-child(3) {
    margin-right:0;
}
}
.event_item .msl_event_name {font-weight: bold;font-family: 'Josefin Sans', sans-serif!important;color: #333;margin: 15px 0;font-size: 21px;}
.event_item .details {
	padding:15px 0;
}
.event_item .details .msl_event_time {
    color: #015963;
    margin: 10px 0 0 0;
}
.event_item .details .msl_event_description {
    display:none;
}
/*Adverts*/
.advert-section {
	padding: 1rem 0!important;
}
#ad-c {
    text-align: center;
    margin: 50px 0;
    padding: 0 15px;
}
/* Footer */

footer {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 20px;
  text-align: center;
  background: #69bfab;
  color: #fff;
}

footer p {
  font-size: 18px;
  max-width: 600px;
  margin: 0 auto;
}

footer:before,
footer:after {
  position: absolute;
  content: ' ';
  top: -5px;
  height: 5px;
  width: 33.3%;
}

footer h3 {
  margin-top: 0;
  font-size: 18px;
}

footer ul {
  margin: 15px 0;
  padding: 0;
  list-style: none;
}

footer ul li {
  margin: 0;
  padding: 0;
}
footer li a {}

/*mailinglist*/
.ff-signup table {
    width:100%;
    margin: 0 0 1rem 0;
}
.ff-signup label {
	/* font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
	/* font-weight:bold; */
	/* font-size:20px; */
}
.ff-signup input[type="submit"] {
    font-family: 'Josefin Sans', sans-serif!important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.125rem;
    letter-spacing: 0.0625em;
    transition: 0.3s;
    font-weight: bold;
    color: #015963;
    background:#212529;
    border-radius: 4px;
    padding: 9px;
    border:0;
    right: 60px;
    top: 40px;
}
.ff-signup input[type="submit"]:hover {
    background:#015963;
    color: #212529;
}
.ff-signup input[type="checkbox"] {
    margin: 0 10px 0 0;
}
.msl_notification {
    background-color: transparent;
    border: none;
    margin: 15px 0 0;
    padding: 0;
    font-weight: bold;
}
.confirm {
    display: block;
    margin: 0;
    padding: 10px 10px 10px 36px;
    color: #060;
    background-position: 12px 50%;
    border: 1px solid #6a0;
    font-size: 16px;
}
#buttonStyling {

  background-color: #f36a95; /* HEX colour for the background. It can be replaced for another colour */
  border: none; /* Border to the button. To add a border replace none for 2px solid red, for example */
  color: white; /* Font colour */
  padding: 15px 32px; /* Space between text and the border of the button. First number top and bottom, second number left and right */
  text-align: center; /* Text aligned to the centre – it can be set also to left and right */
  text-decoration: none; /* Remove this if you want the text to have an underline */
  display: inline-block;
  font-size: 16px; /* Font size */
  margin: 10px
  cursor: pointer;}