/* External links arrow icon. Added 1/12/2016 */

a.linkext {padding-right: 20px;display: inline-block;background-image: url('https://www.midlothian.gov.uk/images/external_link.png');background-repeat: no-repeat;background-position: right;}

/* Supplement image size increase added 7/12/17 */

.supplement .thumbnail, .supplement .image__avatar {
    margin: 0 auto .6em .5em;
    display: block;
    float: right;
    border: 1px solid #fff;
    max-width: 100%;
}
.thumbnail, .image__avatar {
    width: 100%;
    height: auto;
}

/* Publish date caption removed from images in gallery 17/10/2019 */

.small {
	font-size: 80%;
	margin: 0;
	display: none;
}

/* Focus on dropboxes in Events pages. 11/03/2020 */

.sidebar .form__eventselection select {
	border-color: #494949;
}

.sidebar .form__eventselection select:focus {
	border-color: #157e28;
}



/* Add underline to all links, but NOT nav bars! Hover underline on nav bars. 11/03/2020 */

a {
	text-decoration-color: #157e28;
}


.feedback-container a {
	text-decoration: underline;
}


.item-list__rich a {
	text-decoration-color: transparent;
}

.item-list__rich a:hover {
	text-decoration-color: #157e28;
}

h4 a.icon-pdf {
	text-decoration-color: #157e28;
}

/* Make Alert Banner yellow 12/03/2020 */

.callout__warning {
    background: #FFE700;
    color: #3a3a3a;
    padding-top: 3em;
}
.callout__warning h2  {
    color: #3a3a3a;
}

/* Remove border from directory record contents 03/06/2021 */

.data-table {
    border: none;
}

/* Change text colour to white on hover for standout button links 03/06/2021 */

  .button__standout:hover{
   
    color: #FFF !important;  
  }

/* Change colours of reset button on accessiblity settings page 23/12/2021 */
.button__muted {
    background: #fff;
    color: #6c6b6b;
    border-color: #d1d1d1;
}


.button__muted:hover, .button__muted:focus, .button__muted:active {
    background: #6c6b6b ;
    color: #fff !important;
}

/* Added underline to footer links 8/2/22 */

.wrapper.footer a:link, .wrapper.footer a:visited {
  text-decoration: underline !important;
  text-decoration-color: gray !important;
}

.wrapper.footer a:hover {
  text-decoration-color: white !important;
}

/*Added 13/06/2024 */

/* Header search box and feedback form field focus */
#SearchSite:focus, #page-comment:focus, #comment-email:focus {
border: 3px solid #bad80a !important;
}

/* Header search GO button focus */
.top-header .search-main input[type=submit]:focus {
background-color: #157e28 !important;
}

/* “Anything wrong with this page” link focus */
.feedback-container .feedback-link:focus {
background-color: #bad80a !important;
color: black !important;
font-weight:bold;            
}

/* Feedback form “Send your comments” button focus */
.form__block .button:focus, .form__block input[type=submit]:focus {
background-color: #bad80a !important;

/* A to Z disabled links contrast */
.button__disabled, .button__disabled:hover {
color: #595959 !important;
}

/* Silktide error mobile horizontal scroll fix added 07/25 */
@media (max-width: 500px) {
  html, body {
    width: 100vw;
    overflow-x: hidden;
  }
  .container, .wrapper, .main-content, article, form, ul, ol, .sidebar {
    max-width: 100vw !important;
    box-sizing: border-box;
  }
  img, table {
    max-width: 100%;
    height: auto;
  }
}