/*Responsive iframe */
.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.eds_logo{
	max-height:initial;
	align-items:initial
/*	border:1px solid red*/
}
@media (min-width: 769px) {
  .eds_logo{
	height:150px;
    width:30%
}
}
.eds_logo.eds_logo5 > a > img {
	max-width: initial;
}
.eds_logo > a > img {
	max-height:initial;
  	height: 100%;
    width:auto
}
a#dnn_dnnLOGO_hypLogo {
/*	border:1px solid blue;*/
    flex:0 1 auto
}

.responsAbilityMenu .raMenuWrapper > ol > li > span .edsmm_itemContainer {
	text-transform: initial;
}
.eds_pageTitle {
	text-transform: initial;
}

ul.eds_listCircle > li, ul.eds_listStar > li, ul.eds_listCheckSquare > li, ul.eds_listChevronCircle > li, ul.eds_listCircleO > li, ul.eds_listCheck > li, ul.eds_listCheckSquareO > li, ul.eds_listPaperclip > li {
	padding: 0 0 0 1.5rem;
}

/*hide controls in Google Maps tours - doesn't work. Cannot style iframe contents*/
div.gm-bundled-control {
  display:none
}

/*stop logo going 100% on small screens */
@media (max-width: 768px) {
  .eds_logo {
    width: 20%;
  }
  .eds_headerBanner .Normal{
   font-size:0.7rem
}
}
/* Style form button same as eds_btn */
.btn-openform {
	border-color: #cc0000;
	background-color: transparent;
	color: #cc0000;
}
@media (max-width: 768px) {
  .notification{
    font-size: 3vw
      }
}
@media (min-width: 769px) {
  .notification{
    font-size: 2.5vw
  }
}
@media (min-width: 992px) {
  .notification{
    font-size: 2vw
  }
}
@media (min-width: 1200px) {
  .notification{
    font-size: 1.5vw
  }
}
a.notification:hover{
    color:white
  }
.xmas-border{
  		border: 40px solid transparent;
		border-image:url(/Portals/0/Images/xmas-border3.png?ver=g5_Jjis1Q36vQ45brd1z6A%3d%3d) 33% round;
}
/*Fix for hidden overlya text on slider*/
.chameleon_slider .scrollable_box {
    width: 400px!important;
}