/*
Theme Name: Haltons Heritage - 24 2024
Theme URI: https://ncnewmedia.com/websites/hh
Description: hh bootstrap3 theme v4 - 09/2024
Version: 3
Author: Nick Carrillo
Author URI: https://www.ncnewmedia.com
*/

@charset "utf-8";
@import url('css/bootstrap.css');

/* --------------------- */

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),  url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),  url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}


@import url('https://fonts.googleapis.com/css2?family=Vollkorn&display=swap');

.Montserrat{
  font-family: 'Montserrat', Arial, 'Helvetica Neue', Helvetica, sans-serif; 
}

body,
html{
 
  font-family:"Source Sans Pro", Arial, 'Helvetica Neue', Helvetica, sans-serif; 
  font-size: 1.2em;
	background-color: #fff;
  padding: 0px!important;
	height: 100%;
	color: #fff;
  margin-bottom:70px;

	font-weight:300;
}


.container{
  padding-left: 0px!important; 
  padding-right: 0px!important;
  /* background-color: white; */
  margin-top:0px!important
}

/**/

.banner-homepage{
  min-height:220px;
}


/* main-content */

  .banner-heading{
    font-size:2.5em!important;
  }

#main-content,
.main-content{
 /* margin-top:20px; */
  background-color: white!important;
  color:darkslategrey!important;
  
  }
  #main-content p,
  .main-content p,
  #main-content h3,
  .main-content h3
  {
   /* padding:10px!important; */
  }

  #main-content a{
  /* 
   font-weight: bold!important;

*/  
}

  /* wprdpress // blocks */

  .wp-block-image{
    max-width: 100%!important;
  }

  .wp-block-media-text>.wp-block-media-text__content {
    
  padding: 0px!important;
  
}

  

 
/* typing */

.strong{
	font-weight:bold!important;	
	}
	
.line-height{
	line-height:100%;
}	

/* https://www.localfont.com/ */


/* hr */

/* Gradient color1 - color2 - color1 */ hr.style-one { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); }

/* ------*/ 

a, a:visited, a:active, a:hover{
text-decoration:none;
}

/* audio */
audio{
width:100%;
}

audio::-internal-media-controls-download-button {
    display:none;
}

audio::-webkit-media-controls-enclosure {
    overflow:hidden;
}

audio::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}

/* pdf link */

.pdf {
    background: url("https://www.haltonheritage.co.uk/wordpress/images/pdficon_small.gif");
	background-repeat:no-repeat;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
    min-height: 30px;
    padding-left: 40px;
    width: 100%;
}

/* buttons */

#tabGoBack{
cursor:pointer;
margin-right: 10px!important;

}

.outline {
    background-color: transparent;
    color: inherit;
    transition: all .25s;
}
.btn-primary.outline {
    color: #428bca;
}
.btn-success.outline {
    color: #5cb85c;
}
.btn-info.outline {
    color: #5bc0de;
}
.btn-warning.outline {
    color: #f0ad4e;
}
.btn-danger.outline {
    color: #d9534f;
}

.btn-primary.outline:hover,
.btn-success.outline:hover,
.btn-info.outline:hover,
.btn-warning.outline:hover,
.btn-danger.outline:hover{
	color: #fff;
}    



#btn-content-collapse{
	cursor:pointer!important;

}


/* select */

.form-control-flat{
border:none!important;

}




a.no-decoration{
color:#FFFFFF!important;
}

.font110{
font-size:110%!important;
}

.font120{
font-size:120%!important;
padding:0px!important;
}



/*images */

height100{
  height:100%;
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* colours */

.bg-white{
background-color:#FFFFFF!important;
}

.color-999, .color-999 a, panel-default.color-999,  panel-heading.color-999 {
background-color:#999999!important;
color:#FFFFFF!important;

}


.bg-888{
  background-color: #888!important;
}



.color-0, .color-0 a, panel-default.color-0,  panel-heading.color-0 {
background-color:#bcb9b9!important;
color:#FFF!important;

}


.color-1, .color-1 a, panel-default.color-1,  panel-heading.color-1 {
background-color:#0E8081!important;
color:#FFF!important;

}





#menu-0{
/* border-bottom:5px #0E8081 solid ;*/
background-color:#bcb9b9;
color:#FFFFFF;
}

#menu-0:hover{
/* border-bottom:5px #0E8081 solid ;*/
background-color:#cdcbcb;
color:#FFFFFF;
}



#menu-1{
/* border-bottom:5px #0E8081 solid ;*/
background-color:#0E8081;
color:#FFFFFF;
}

#menu-1:hover{
/* border-bottom:5px #0E8081 solid ;*/
background-color:#13a5a6;
color:#FFFFFF;
}



.color-2, .color-2 a{
background-color:#4E9899!important;
color:#FFFFFF!important;
}


#menu-2{
background-color:#60b9ba!important;
color:#FFFFFF;
}


#menu-2:hover{
background-color:#65c1c2!important;
color:#FFFFFF;
}


.color-3,
.color-3 a,
a.color-3{
background-color:#1ae272!important;
color:#FFFFFF!important;
}




#menu-3{
background-color:#1ae272!important;
color:#FFFFFF;
}

#menu-3:hover{
background-color:#1efd80!important;
color:#FFFFFF;
}

.color-4, .color-4 a{
background-color:#FF5B7F!important;
color:#FFFFFF!important;
}


#menu-4{
background-color:#FF5B7F!important;
color:#FFFFFF;
}

#menu-4:hover{
background-color:#ff7795!important;
color:#FFFFFF;
}


.color-5, .color-5 a{
background-color:#CC0293!important;
color:#FFFFFF!important;
}



#menu-5{
background-color:#fe849f!important;
color:#FFFFFF;
}

#menu-5:hover{
background-color:#fe99b0!important;
color:#FFFFFF;
}

.dropdown-toggle{
  border:none!important;

}


.resources-menu{
  background-color: #333!important;
}

/* ------------------ */


.color-red, .color-red a{
background-color:#FF3C3C;
color:#FFFFFF;
}



.bg-white{
background-color:#FFFFFF!important;
color:#666666;
}

.bg-999{
background-color:#999999!important;
color:#FFFFFF;
}

.bg-grey{
  background-color:#454545!important;
}

.nocolor, .nocolor a, a > .nocolor{
color:#333333!important;
}


.strong{
font-weight:400;

}	

.bold{
font-weight:bold!important;
}

.font400{
font-weight:400!important;
}


.font300{
font-weight:300!important;
}


h1,.h1, h2, .h2 {
  font-family: 'Montserrat', Arial, 'Helvetica Neue', Helvetica, sans-serif; 
  font-weight: 300!important;
}


h3, h4, h5, h6 .h3, .h4, .h5, .h6{
font-family:"Source Sans Pro";
/*	font-weight:300; */
}

h2, .h2{
margin-top:0px!Important;

}



a, a:hover{
text-decoration:none!important;
}


.clear{
clear:both!important;
margin-bottom:20px!important;
}

.clear-left{
clear:left!important;

}


.panel-heading a{
padding:2px!important;
}

.panel-heading a{
text-decoration:none;
}


.faded{
color:#999999;
}

.responsive {
  width: 100%;
  height: auto;
}

/* breadcrumbs */

.breadcrumbs{
 /* margin-top:40px; */
  font-size: 16px!important;
  font-weight: 400;;
}


/* layout */


.border-bottom-black10{
  border-bottom: 10px black solid!important;
  
}

.height100{
height:100px;
}

.height90{
height:90px;
}

/*
.bottom5{
}
*/


.margin5{
margin:5px!important;
}



.margin-top-130pc{
margin-top:130%!important;

}

.nopadding{
padding:0px!important;
}

.nomargins-nopadding{
padding:0px!important;
margin:0px!important;
}

.padding0{
padding:0px!important;
}


.padding5{
padding:5px!important;
}


.padding10{
padding:10px!important;url(style.css)
}



.padding20{
padding:20px!important;
}

.padding30{
  padding:30px!important;
  }

.padding40{
  padding-left:40px!important;
  }

  
  .padding60{
    padding:60px!important;
    }
    

.padding-bottom3{
padding-bottom:3px!important;
}

.padding-bottom5{
padding-bottom:5px!important;
}

.padding-bottom10{
padding-bottom:10px!important;
}

.padding-bottom20{
padding-bottom:20px!important;
}

.padding-left5{
padding-left:5px!important;
}





.padding5-bottom0{
padding:0px 5px 4px 5px!important;
overflow:hidden;
}

.padding-top10{
padding-top:10px!important;
}


.padding-top8{
padding-top:8px!important;
}


.padding-top5{
padding-top:5px!important;
}


.padding-right10{
  padding-right:10px!important;
  }

 
  

  .padding-right20{
    padding-right:20px!important;
    }

.padding-right30{
padding-right:30px!important;
}




.padding-bottom0{
padding-bottom:0px!important;
}



.margin-top-10{
margin-top:-10px!important;
}

.margin-top0{
margin-top:0px!important;
}

.margin-top5{
margin-top:5px!important;
}

.margin-top2{
margin-top:2px;
}
.margin-top6{
margin-top:6px;
}
.margin-top10{
margin-top:10px;
}

.margin-top20{
margin-top:20px;
}

.margin-top40{
margin-top:40px!important;
}

.margin-top60{
margin-top:60px!important;
}

.margin-top-2{
margin-top:-2px!important;
}


.margin-top-3{
margin-top:-3px;
}

.margin-top-5{
margin-top:-5px!important;
}

.margin-top-20{
margin-top:-20px;
}


.margin-top-25{
margin-top:-25px;
}


.margin-top-40{
margin-top:-40px;
}

.margin-right-20{
margin-right:-20px!important;
}


.margin-right0{
margin-right:0px!important;
}


.margin-right5{
margin-right:5px!important;
}

.margin-right10{
margin-right:10px!important;
}

.margin-left10{
  margin-left:10px!important;
  }
  

.margin-bottom-50{
margin-bottom:-50px!important;
}

.margin-bottom-20{
margin-bottom:-20px!important;
}

.margin-bottom-10{
margin-bottom:-10px!important;
}

.margin-bottom-5{
margin-bottom:-11px!important;
}


.margin-bottom10{
margin-bottom:10px!important;
}


.margin-bottom20{
margin-bottom:20px!important;
}

.margin-bottom40{
margin-bottom:40px!important;
}

.margin-left0{
  margin-left:0px!important;
}

.margin-left-10{
margin-left:-10px!important;
}

.margin-left-15{
margin-left:-15px!important;
}
.margin-left-20{
margin-left:-20px!important;
}


.margin-left5{
margin-left:5px!important;
}




.width100{
width:100%!important;
}


.text-right{
  text-align: right!important;
}


/* --------------  */

.container{
/* margin-top:30px; */
max-width:1260px!important;
}


/* sections & dividers */

section{
padding:10px 10px 0px 10px;
min-height:220px;
margin-left: auto;
margin-right: auto;
border: none;
}

section .row,
section .col{
min-height:220px;
}

.section-title{
  border-radius: 5px;
}

.section-text{
  font-size: 16px;
}

section h2{
  font-size:40px;
  font-weight: bold;
}

.section-background-cover{
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 320px;
}

.bottom_aligner {
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
  width: 0px;
}

section a:hover{
  cursor: pointer;
}

.spacer40{
margin-top:40px;

}

.spacer20{
  margin-top:20px;
  }

  section a{
    color:white;
    font-weight: bold;
  }
  
  section a:hover,
  section a:active,
  section a:visited{
    color: inherit!important;
  }


.spacergrey{
  background-color: #b3b3b3;
  height:40px;
}

img.section-featured{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* search form */

#searchbar-container{
  background-color: #203F59!important;
  color: #F2F2F2;

 
}

/* Color Theme Swatches in Hex */
.UI/UX-1-hex { color: #011640; }
.UI/UX-2-hex { color: #203F59; }
.UI/UX-3-hex { color: #8C7472; }
.UI/UX-4-hex { color: #F2F2F2; }
.UI/UX-5-hex { color: #0D0D0D; }



#search-form{
  max-width:600px;
  margin-left:auto;
  margin-right: auto;
  border-radius:5px;
  font-size:1.4em;
}


#search-heading{
  font-size:26px;
  text-align: center;
 
  width:240px;
  position: relative;
z-index:3;
margin-top:20px;
margin-bottom:-5px;
margin-left: auto;
  margin-right: auto;
  line-height:110%;
  padding:6px;
  border-radius:10px;

}

.search-input{
  font-size:30px;
  height:100%;
  float: right;
  border-right:none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding:12px;
}

.search-glyph{
  font-size:35px;
  font-weight:100;
  float:left;
   border-radius: 0px;
   padding-top: 8px!important;

 /*
 
  background-color: white!important;
  color:#555555;
  border-left:none!important;
  border:1px solid #cccccc;
  margin-top:1px;

  */

}

/*
.search-glyph:hover,
.search-glyph:focus,
.search-glyph:visited,
.search-glyph:active{
  background-color: white!important;
  color:#555555;
  border-left:none!important;
  border:1px solid #cccccc;
}
*/

#btn-search{
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}


#search-info,
.search-info{
  font-size:24px!important;
  text-align: center;
  padding:10px;
  max-width:360px;
  margin-left: auto;
  margin-right: auto;
  border:2px solid #F2F2F2;
  border-radius:10px;
  color:#F2F2F2;
  line-height:110%;

}


#search-info a,
#search-info a:active{
  color:#F2F2F2;
  font-weight: bold;
}


/* form / controls*/

.glyphy {
    cursor: pointer;
}
.glyphy input {
    display: none;
}



/*  images */

.background-full{
background-size:100%;
background-repeat:no-repeat;

}


/* tab panes */


/* tabs / links */


ul#heritage-partnerstip .active,
ul#heritage-partnerstip .active a,
ul#heritage-partnerstip .active a:hover  {
	color:#000000!important;
}


.tab-pane{
padding:10px;
/* border-bottom:#666666 solid 1px; */
margin-bottom:20px;

}

.tab-pane p{
  padding:0px!important;
}


/* panels */

.panel, .panel-default, .panel-heading, .panel-body{
margin-bottom:0px!important;
margin-top:0px!important;
border-radius:0px!important;
border:none;
}

.panel-body{
margin-top:-1px!important;
}

#panel-search{
margin-top:-3px;
}



.search-toggle .glyphicon{
background-color:#FF0000;
padding:3px;
}

.caption h3{
font-weight:300;
}

.caption{
font-weight:100;
font-size:80%;
}

/* this may be for bootstrap 4 */
.control-label{
	font-size:110%;
	margin-top:-3px;
	font-weight:400;
	padding:5px!important;
}

.label-white{
background-color:#FFFFFF;
color:#333333;
padding:0px 5px 2px 5px;
font-weight:200;
letter-spacing:1px;
margin-top:-2px;
}

.label-dark{
  color:#333333;
  padding:0px 5px 2px 5px;
  font-weight:600;
  letter-spacing:1px;
  margin-top:-2px;
  }


.section-start-red{
background-color:#FF3C3C;
color:#FFFFFF;
padding:2px 5px 2px 5px!important;
float:left;
}

.label-red, a.label-red{
font-weight:300!important;
padding:5px 7px 5px 7px;
text-decoration:none;
color:#FFFFFF!important;
background-color:#FF3C3C;
font-size:120%!important;
border-radius:0px!important;
}

.label-spacer{
margin-bottom:20px!important;
}

.spacer10{
  height:10px;
}


.read-more, a.read-more{
/* -- position:absolute; */
bottom:5px;
right:15px;
padding:2px 5px 2px 5px;
text-decoration:none;
color:#FFFFFF!important;
background-color:#FF0000;
}


.bottom-right-10{
position:absolute;
bottom:20px;
right:10px;
padding:2px 5px 2px 5px;
text-decoration:none;


}

.bottom-right-100{
position:absolute;
bottom:20px;
right:100px!important;
padding:2px 5px 2px 5px;
text-decoration:none;


}





#col-logo{
margin:0px;
padding-right:0px;

}


/* tabs */

.tabsDT .active a, 
.tabsDT .nav-item a.active:hover,
.tabsDT .nav-item a.active:focus {
    background:#FF0000!important;
	 color: #FFF !important;
}


/* nav */

.navbar{
  margin-bottom: 0px;
  min-height:90px!important;
}

.navbar-brand{
  padding:5px!important;
}

.navbar, 
.navbar-header
{
  background-color:#510000!important;
}


.navbar,
.navbar-default{
  border:none!important;
  
}

.navbar-nav{
margin-top:16px;
}

.navbar-nav > li > a,
.navbar-nav > li > a:active,
.navbar-nav > li > a:hover,
.navbar-nav > li > a:visited,
a.dropdown-toggle,
.nav.open > a
{
color: #fff!important;
background-color:#510000!important;
font-weight: 600;
}


.dropdown-menu > li > a,
.dropdown-menu > li > a:active,
.dropdown-menu > li > a:visited,
.dropdown-menu > li > a:hover{
  font-size: 16px;
  color: #fff!important;
}


.container > .navbar-header,
 .container-fluid > .navbar-header,
  .container > .navbar-collapse,
   .container-fluid > .navbar-collapse
   {
    margin-right: 0px;
   }

 .navbar-default .navbar-nav .open .dropdown-menu > li > a{
  color:#fff;
 }

    
/* homepage */

#banner-homepage{
  background-image: url(https://haltonheritage.co.uk/wp-content/uploads/2016/06/explore.jpg);
  background-size:cover;
  min-height:340px;
  font-weight:500;
 
}

.banner-homepage-heading{
  font-size:65px!important;
  line-height: 100%;
  font-weight:600!important;
  margin: 20px 0px 20px 0px;
}

.banner-text{
  font-size:130%;
}


/* carousel
*/


#banner{
padding:0px;
margin-bottom:-2px!important;

}



#carousel-banner{
height:360px;
}

 

.item{
background-color: #203F59;
height:360px;
background-repeat:no-repeat;
background-position:center;
background-size:100%;
}



.carousel-control{
opacity:1!important;
top:50%!important;
width:50px!important;
height:50px!important;
}

.carousel-control.left,
.carousel-control.right{
background-image:none;
}

/* ------------------------------------------------  */
/* carousel caption */


.slide-title{
float:left!important;
font-weight:400;
margin-top:267px;
  /* background:url(https://www.ncnewmedia.com/websites/hh/images/bg-caption.png);*/
  background-color: rgba(255, 0, 0, .8);
color:#FFFFFF;
  padding:2px 10px 5px 8px!important; 
  background-repeat:repeat;
  font-size:36px;
}

 .slide-title-sm{
float:left!important;
font-weight:400;
margin-top:240px;
  background:url(https://www.ncnewmedia.com/websites/hh/images/bg-caption.png);
color:#FFFFFF;
  padding:0px 5px 0px 8px!important;
  background-repeat:repeat;
  font-size:26px;
}


.slide-title-xs{
float:left!important;
font-weight:400;
margin-top:120px;
  background:url(https://www.ncnewmedia.com/websites/hh/images/bg-caption.png);
color:#FFFFFF;
  padding:0px 5px 5px 8px!important;
  background-repeat:repeat;
  font-size:26px;
  line-height:24px;

}


.carousel-caption {
/*top:170px;
  */
  text-shadow:none;
  font-weight:300;
  color:#FFFFFF;
  margin:0px 0px 0px 60px;
  padding:5px 10px 5px 10px;
  left:-60px;
  vertical-align:middle;
  /*
  background:url(https://www.ncnewmedia.co.uk/websites/hh/images/bg-caption.png);
  */
  background-color: rgba(255, 0, 0, .6);
  right:auto!important;
  font-size:16px;
  text-align: left;
  line-height: 100%;
}

.carousel-caption p{
  
margin-top:0px;
text-align:left;

}

.carousel-caption-xs {
  top:370px;
  text-shadow:none;
  font-weight:300;
  color:#FFFFFF;
  margin:80px 0px 0px 0px;
  padding:0px 10px 0px 10px!important;
  left:-60px;
  vertical-align:middle;
background-color:#FF0000;
  right:auto!important;
  font-size:18px;
  
}

.carousel-caption p{
  
margin-top:0px;
text-align:left;

}

/*  ------  */

a.right .glyphicon,a.left .glyphicon{
padding-top:10px;
width:40px;
height:40px;

}



a.left .glyphicon
{
background-color:#FF0000!important;
left:0px;
float:left;
}

.glyphicon-menu-left,.glyphicon-menu-right{
background-color:#FF0000;
padding:5px 3px 3px 3px;

}

.object-left,.object-right{
height:25px!important;
width:25px!important;
color:#666666;
cursor:pointer;
background-color:#FFFFFF!important;

}

a.right .glyphicon{
background-color:#FF0000!important;
right:0px;
float:right;
}


/* rectangle */


/* squares */

.square{
padding:0px;
margin-bottom:30px;
overflow:hidden;
background-repeat:no-repeat!important;


}


/* Carouse indicatior*/

.carousel-indicators {
bottom:-10px!important;
visibility: hidden;

}


.square-title{
padding:6px;
font-size:200%;
line-height:100%;
height:58%;
}

.square-overlay{
margin-top:70%;
padding:3px 5px 0px 6px;
font-size:120%!important;
line-height:100%;
height:100%;
font-weight:400!important;
}

.square-overlay h5{
margin-top:5px;
}


.square-overlay-xs{
margin-top:70%;
padding:3px 5px 0px 6px;
line-height:100%;
height:100%;
}

.square-caption{
font-size:110%;
line-height:110%;
margin:6px;
}

/* for xs to display correctly */

.margin-left110{
margin-left:110px;
}


/* isotope */

/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.grid-item-inner {
/*
border-top:1px solid  #999999;
border-right:1px solid  #999999;

border-bottom:1px solid  #999999;

border-left:1px solid  #999999;
*/
margin-bottom:20px;
padding-bottom:5px;
/* background-color: #0a6666; */
color:white;

border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
 }



 .grid-item-inner:nth-of-type(odd)
{
  background-color: #0d9b9b;
}

.grid-item-inner:nth-of-type(even)
{
  background-color: #0a6666;
}
 

 

 .image-big {
 display:block;
 background-image:url(https://www.haltonheritage.co.uk/wordpress/images/zoom-1.png);
 background-size:cover;
 width:40px;
 height:40px;
 margin-top:-40px;
 position:absolute;
 right:16px;

}



/* Search results - list view */

.list-view{
width:100%;
padding-bottom:10px;
border-bottom:#999999 1px solid;
}

.list-view-image img{
	width:70%!important;
	height:auto;
	margin-bottom:10px;
	
}


.list-view-heading{
	font-size:24px!important;
	font-weight:bold!important;
  padding-left:5px!important;
}

.commentary-list{
  padding-left:5px!important;
}


/* news events */


.row-hero{
  background-color:cornflowerblue;
  color: white!important;
  margin:0px;

}

.row-hero a{
  text-decoration: none!important;
  font-weight: bold!important;
  color: white!important;
}

/*
.bg-news{
  background-color:#f7f7f7;
}
*/

.bg-news:nth-of-type(odd)
{
   background-color:#e6e6e6;
}

.bg-news:nth-of-type(even)
{
  background-color:#f7f7f7;
 
}


/* news widget */

#news-widget{
  overflow-y: scroll;
  height:480px;

}

/*
.news-widget-item{
}
*/

.news-widget-item img{
  width:80%;
  margin-left: auto;
  margin-right: auto;
}


/* search */

/*
#searchCollections{
font-size:100%!important; 

}

*/

/*
#filter-panel-search{

}
*/


#filter-panel-search ul li{
list-style:none!important;
list-style:outside;
margin-left:-40px;
}


/* collections */

.thumbnail img{
width:100%!important;
}


/* -----------------------------------------------------------*/
/* --------- social media icons ------------------------------------------*/
/* ---------------------------------------------------------- */
 

/* https://lipis.github.io/bootstrap-social/ */

#page-social-bar{
  min-height:110px;
  padding:10px;
  background-color:#dfdfdf!important;
  font-size: 18px;
}

.btn-social {
  position: relative;
  margin-left: 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}


.btn-twitter {
  color: #fff!important;
  background-color: #55acee;
  border:none;
}

.btn-facebook {
  color: #fff!important;
  background-color: #3b5998;
  border:none;
}



/* -----------------------------------------------------------*/
/* --------- FOOTER ------------------------------------------*/
/* ---------------------------------------------------------- */
 


/* Color Theme Swatches in Hex */
.UI/UX-1-hex { color: #011640; }
.UI/UX-2-hex { color: #203F59; }
.UI/UX-3-hex { color: #8C7472; }
.UI/UX-4-hex { color: #F2F2F2; }
.UI/UX-5-hex { color: #0D0D0D; }



#footer{
margin-left:0px;
margin-right:0px;
background-color: #203F59!important;
color:white;
font-size:16px;
font-family:"Source Sans Pro",Arial, Helvetica, sans-serif;
}

 .current{
 width:0px;
 }


#logobar{
width:100%;
background-color: white!important;
padding:10px;
}

#logobar img{
width:60%;
}

#copyright{
  background-color: white;
  color:#333333;
  padding:10px;
}

#copyright a{
  color:#333333;
}



/* *************************************************************************************** */
/* *************** MODES *******************************************************************/
/* *************************************************************************************** */


/*
.simpleSearch, #clearsearchbtn, .modesearchSummary, .displaySearchSummary, .displayNavigator{

display:none!important;


}
*/

/* modes specific */

.popup_cont{
  width:90%!important;
  height:90%!important;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, .9)!important;
}

div.popup{
  box-shadow:none!important;
}


.list-view .col-md-2 {
  visibility: hidden!important;
  height:0px;
}

.list-view .col-md-10 {
  width:100%!important;
}




#HALTON_hitlist_data{
  background-color: #fff;
  color:#1b1b1b;
  font-size: 22px;
  font-weight: 400!important;
  font-style: normal!important;
}


/* advanced search*/

.searchtile-inner{
font-weight:400;
font-size:120%;
}

/* advanced search */

#modes_index_event,
#modes_index_subject,
#modes_index_person,
#modes_index_date,
#modes_index_century,
#modes_index_places,
#modes_index_collection,
#modes_index_places,
#modes_index_object,
#modes_index_organisation,
#modes_index_keyword,
#modes_index_occupation,
#modes_index_date-wl,
#oral-history-occupation,
#oral-history-date
{
    width: 100%;
    text-overflow: ellipsis;
	color:#000000!important;
	font-weight:200;
	font-size:80%;
}

.modesearchSummary,
.simpleSearch,
#clearsearchbtn{
display:none!important;
}



.displayNavigator span{
  cursor: pointer;
}


.displayNavigator{
    /* margin-bottom:20px; */
clear:both;
  background-color: white!important;
  color: darkslategrey!important;
  margin-bottom: 0px!important;
  padding-bottom:60px;
}


.displayNavigatora:active,
.displayNavigator a:active,
.displayNavigator a:active{ 
  color:#1b1b1b;
  font-weight: bold;
}

.image-cell{
	border-top:#999 solid 1px!important;
/*
	border-bottom:#999 solid 1px!important;
	margin-bottom:10px;
*/
	}	

  /*
	
.data-cell h4{
 
}
*/


.data-cell,
.data-cell a h4{
  font-size:22px;
 color: white;
 font-weight:600;
	font-weight:400!important;
	font-style:normal!important;
	
 
}

.data-cell .btn{
  margin-top:10px;
  color: #ffffff!important;
  /* background-color: #5bc0de; */
  border-color:white!important;
  background: none;
}

/*
	
.full-border{
	
  border:#999 solid 1px!important;
 

	}

 */


.no-border{
	border:none!important;
  color:#1b1b1b;
	}	

  .no-border h4{
    font-weight: 400;
    font-size: 38px;
    background-color: #f8f5f5;
  } 

  .institution{
    font-size: medium!important;
    font-size:14px!important;

  }

  /*
.commentary{
}

	*/

/* direct descendant */	

/* di thisin jquery on doc ready !!!!!!!!!!*/
.image-cell > *{	
	width:100%!important;
}
	
.popup{
text-align:center!important;
}
	
/* modes popup / lightbox */	
	
.popup_cont{
z-index:9999!important;
}
	
	
.data-container img{
	/* 
	changed 15022017
	width:auto; */
	width:100%;	
}	
	
/* summary */	
a.popup img{
	width:100%;
	}		


/* modals  
.mhc-intro-modal {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(21, 21, 21, 0.55);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    &.is-visible {
        opacity: 1;
        visibility: visible;
        z-index: 9999;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }
}

*/

.is-visible {
        opacity: 1;
        visibility: visible;
        z-index: 9999;
        transition: opacity 0.3s 0s, visibility 0s 0s;
    }


.hh-modal-sm{
margin-top:110px;
min-height:150px;
}

/* twitter */

.twitter-timeline{
height:300px;
}

/* 2022 media */

/* -- mobile view ------------------------------------------
@media(min-width: 767px) {
*/

@media(max-width: 767px) {
  .container {
    /* width: 750px; */
    width:100%!important;
  }


  .resources-menu{
  background-color: #333!important;
}



  #banner {
    margin-top: 10px;
  }

  
#banner-homepage{
  min-height:280px;
}

   .banner-homepage-heading{
    font-size:110%!important;
  }

.banner-text{
  font-size: 90%!important;
}

  .slide-title {
    margin-top: 240px!important;  
  }

  .carousel-caption{
    top: 290px;
    font-size: 20px;
  }

  .hr-mobile{
    width:100%;
    color: fff;
  }

  .color-mobile-white{
    color:#fff!important;
  }

/* search */

   .search-input{
    font-size:26px!important;
  }

.section-title{
  font-size:100%;
}


}

/* --------------------------------------------------------- */

@media (min-width: 992px) {
  .container {
    /* width: 970px; */
    width:100%!important;
  }

  .resources-menu{
  background-color: #333!important;
}

  #banner {
    margin-top: 110px;
  }


 

  .slide-title {
    margin-top: 240px!important;  
  }

  .carousel-caption{
    top: 290px;
    font-size: 20px;
  }

  .search-input{
    font-size:32px!important;
  }



}


/* desktop */
@media (min-width: 1260px) {
  .container {
    width: 1260px!important;

  }

  #banner {
    margin-top: 110px;
  }

  .slide-title {
    margin-top: 250px!important;  
    margin-bottom: 0px;
  }

   .carousel-caption{
    top: 300px;
    font-size: 22px;
  }

  .search-input{
    font-size:32px!important;
  }

}


/* object detail page*/

#HALTON_detail{
  width:100%;
  padding:5px;

}