.breaadcrumbs {
    font-size: 0.65rem;
    text-transform: uppercase;
}

.site-logo .logo {
    display: flex;
    width: 100%;

}

.site-logo img {
    width: 100%;
    max-width: 20rem ;

}

.site-branding {
    margin-bottom: 0.5rem;
}


.site-branding .wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: center;
    width:96%;
}

.site-navigation {
  z-index: 100;
  /*transform: translateZ(0);
  transition:all 0.95s;*/
  width:100%;
}

.site-navigation .wrapper {
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(var(--white), 1.0);
  justify-content: center;
  display: flex;
  flex-wrap: nowrap;
}


.site-branding > div {
    width: 100%;
    display: flex;
    
 }

.site-phones {
    display: flex;
}

.site-mast .wrapper, .slide-content .wrapper {
    width:100%;
}


.site-mast {
    position: relative;
}

.site-mast .source {
    position: absolute;
    right:0.5rem;
    bottom:0.5rem;
    color: rgba(var(--white), 1.0);
    font-weight: 500;
    font-size: 0.75rem;
}

.hero {
    max-width: 100%;
    width: 100%;
    display: flex;
    position: relative;
    transition: width 0.5s ease-in-out;
}

.hero.background {
    background-size: cover;
}

.hero.background:after {
    content:'';
    display: block;
    padding-top: 60%;
    transition: padding 0.3s ease-in-out;
}


.hero .headings {
    display: block;
    position: relative;
}


.headings .tax {
    font-size: 2.5rem;
    font-weight: 900;
    color: rgba(var(--white), 1.0);
    font-family: var(--heading);
}

.hero .head {
    font-size: 2.25rem;
    color: rgba(var(--white), 1.0);
    text-transform: uppercase;
    position: relative;
}

.hero .head:after {
    content: '';
    height:1rem;
    width: 1rem;
    background-color: rgba(var(--accent02-dark), 1.0);
    display: inline-block;
    margin-left: 0.5rem;
}

.hero .head:before {
    content: '';
    background: rgba(var(--accent02-dark), 1.0);
    width: 5rem;
    margin-right: 2rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    height: 1rem;
}


.hero .subhead {
    font-size: 1.25rem;
    color: rgba(var(--white), 1.0);
    line-height: 1.25;
    max-width: 75%;
}


.pageintro {
    background-color: rgba(var(--first-dark), 1.0);
    color: rgba(var(--white), 1.0);
    font-size: 1.5rem;
    font-weight: 500;
    padding:3rem 0;
}

.pageintro p:last-of-type {
    margin-bottom: 0;
}

.pageintro strong {
    font-weight: 900;

}


/*panels*/

.panel .block{
    margin-bottom: 2rem;
}

.panel .pane {
     margin-bottom: 1rem
 }

 .panel .pane p:last-of-type{
    margin-bottom: 0;
 }


.panel .block:last-of-type, .panel .pane::last-of-type  {
    margin-bottom: 0;
}


.panel h2 {
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 900;
}


.panel h3 {
    font-weight: 900;
    font-family: var(--heading);
    padding-left:1.5rem;
    position: relative;
    border-bottom: none;
    line-height: 1;
    margin-bottom: 1rem;
}

.panel h3:before {
    content: '';
    width:0.5rem;
    height:1.5rem;
    display:block;
    position: absolute;
    top:0.25rem;
    left:0;
    background-color: rgba(var(--accent02), 1.0);
}

.panel .view {
    text-transform: uppercase;
    font-size: 0.65rem;
    padding:0.5rem;
    background-color: rgba(var(--accent02-dark), 1.0);
    border: 1px dotted #fff;
    color: rgba(var(--dark), 1.0);
    font-weight: 600;
    border-radius:0.25rem;
}

.panel .view:hover {
    background-color: rgba(var(--accent02), 1.0);
}

 .panel:nth-child(even){
  background: rgba(var(--first), 0.06125);
}

.panel.full .wrapper > .content {
  padding:4rem 0;
}

.panel .content {
    width:100%;
}

.custom .panel .content {
    padding-bottom: 2rem;
}

.panel .content p:last-of-type {
  margin-bottom: 0;
}

/*.panel .sector.left {
  justify-content: right;
  
}*/


.panel.default:nth-child(even) {
  flex-direction: row-reverse;
}


/*

.panel.default:nth-child(odd) .sector.main, .panel.default:nth-child(even) .sector.other{
  justify-content: left;
}


.panel.default:nth-child(even) .sector.other, .panel.default:nth-child(odd) .sector.main{
  justify-content: left;
}

*/


.panel.split .wrapper{
  display: flex;
  flex-wrap: wrap;
  position: relative;
  column-gap: 2%;
}


.panel.split.default {
    align-items: center;
  padding:4rem 0;

}


.panel.split .wrapper:before {
    content:'';
    height:100%;
    width:2px;
    display: block;
    position: absolute;
    left:50%;
}


/*.panel.split:nth-child(odd)  .wrapper{
  flex-direction: row-reverse;
}*/


.panel .sector {
  width:100%;
  display: flex;
}

/*.sector.bgcolour {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.125);
  
}*/

.panel .bgimage {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.panel .sector.bgimage {
  padding-top:50%;
  margin-bottom:2rem; 
}



/*Items*/

.items .item {
    line-height: 1.5;
}

.items .item h5 {
    font-weight: 900;
    font-size: 1.15rem;
    
}

.item .bullet li {
    padding-bottom: 0.5rem;
    border-bottom: 1px dotted rgba(var(--grey-light), 1.0);
}

.item .bullet li:last-of-type {
   border-bottom: none;
}

.item ul li {
    padding-bottom: 0;
    margin-bottom: 0.25rem;
}

.item ul li:last-of-type {
    margin-bottom: 0;
}


.panel.split .sector {
    align-items: center;
}

.panel.overview .sector.main {
    padding:4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.25rem;
    padding-left: 4rem;
}

.panel.overview .sector.main p:last-of-type {
    margin-bottom: 0;
}


.panel.option .items .item .background {
    background-size: cover;
    background-repeat: no-repeat;
}

.panel.option .items .item .background:before {
    padding-top:40%;
}


.panel.expertise.split {
    padding: 0;
}

.panel.split .main .wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: left;
    margin: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    width:90%;
    margin:0 auto;
}


/*Contact*/

.contact.box {
    padding-top: 1.5rem;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5%;
    background-color: rgba(var(--first), 1.0);
    color: #fff;
}

.contact.box > div {
    position: relative;
    padding-left: 2.25rem;
    font-size: 0.95rem;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 2px dotted rgba(var(--first-bright), 1);
    width:47.5%;
    max-width:240px ;
}

.contact.box > div:before {
    content:'\e807';
    display: block;
    position: absolute;
    font-family: 'unique';
    left:0;
    top:-0.25rem;
    font-size: 1.5rem;
    color: rgba(var(--white), 0.85);
}

.contact.box p:last-of-type{
    margin-bottom: 0;
}


.contact.box > div.location:before {
    content:'\e8f1';
}


.contact.box > div.tel:before {
    content:'\ea0b';
}

.contact.box > div.email:before {
    content:'\ea22';
}

.contact.box > div.hours:before {
    content:'\e810';
}

.contact.box > div.visit:before {
    content:'\ea24';
}

.contact.box > div.referral:before {
    content:'\ea21';
}

.contact .block {
    margin-bottom: 0;
}

.contact.box > div.visit{
    width:100%;
    max-width: 100%;
}

.contact.box > div.wide {
    width:100%;
    max-width: 100%;

}

.contact.box > div.wide:last-of-type{
    border-bottom: none;
    margin-bottom: 0;
}


.contact.box .hours {
    display: flex;
    flex-wrap: wrap;
}

.contact.box .hours .daily {
    border-right: 2px solid rgba(var(--first-bright), 0.5);
    padding-right: 0.5rem;
    margin-right: 1rem;
    width: calc(50% - 0.5rem);
}

.contact.box .hours .daily:last-of-type {
    border-right:none;
    padding-right: 0;
    margin-right: 0;
}

.contact.box .hours .day {
    font-weight: 600;
}


/*Custom Gallery*/

.photo-gallery {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2%;
  width: 100%;
}

.gallery-item {
    width:100%;
    margin-bottom: 2rem;
    padding:1rem;
    border: 1px solid rgba(var(--first-bright),0.25);
    border-radius: 0.25rem;
}

.photo-gallery .gallery-item img {
  width: 100%;
  height: auto;
  cursor: pointer;
  border: 2px solid #ccc;
  border-radius: 4px;
}

/* Modal styling */
.gallery-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 50%;
  transform: translateX(-50%);
  bottom:5%;
  width: fit-content; 
  height: fit-content;
  background: rgba(250, 250, 250, 1.0);
  padding:4rem;
  border:1px solid #eee;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 10px;
  width:96%;
  max-width: 1440px;

}

.gallery-modal .modal-content {
  display: block;
  margin: auto;
  max-width:100%;
  max-height:100%;
}

.gallery-modal .close,
.gallery-modal .prev,
.gallery-modal .next {
  color: #444;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  user-select: none;
}
.gallery-modal .close { top: 2rem; right: 2rem; font-size: 50px; }
.gallery-modal .prev { left: 1.25rem; }
.gallery-modal .next { right: 1.25rem; }

/*Search*/

.results {
    max-width: 1440px;
    padding:4rem;
    margin: 4rem auto;
    box-shadow: var(--box-shadow);
}

.results .result {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2%;
    margin-bottom: 1rem;
    padding-bottom:1rem;
    border-bottom: 1px dashed rgba(var(--grey-light),0.5);
}

.results .result:last-of-type {
    border-bottom: none
}

.results .result .thumbnail {
    width: 120px;
    height:100px;
    background-size: cover;
}

.results .result .data {
   flex:1;
   font-weight: 600;
}

.results .result .description {
   font-size: 0.85rem;
   font-weight: 400;
}

.results .result .tag {
    font-size: 0.6rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0.125rem 0.25rem;
    border:1px solid rgba(var(--first-bright), 1.0);
    border-radius: 0.125rem;
    width: fit-content;
}

.results .count {
    font-size: 0.85rem;
    margin-bottom: 2rem;

}


 .pagination {
    display: flex;
    flex-wrap: wrap;
}

.pagination .page-numbers {
    padding: 0 0.25rem;
    margin-right: 0.5rem;
    width: fit-content;
    text-align: center;
}

 .pagination .page-numbers.current {
    font-weight: 800;
    padding-bottom: 0.125rem;
    border-bottom: 0.25rem solid rgba(var(--first), 1.0);
}


.site-search {
    position: relative;
    padding: 0 1%;
}

.search-bar {
  position: absolute;
  right: 1rem;
  top: 1%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 3.5rem;
}

/* INPUT HIDDEN */
.search-bar input {
  width: 0;
  min-width: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  padding: 0;
  border:  0.125rem solid rgba(var(--first-bright), 1.0);
  font-size: 14px;
  transition: width 0.25s ease, opacity 0.2s ease;

}

/* INPUT SHOWN */
.search-bar.open input {
  width: 15rem;
  height:3rem;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  padding: 0 1rem;
  margin-right: 0.25rem;
}

/* BUTTON */
.search-btn {
  height: 1rem;
  padding: 0 0.25rem;
  cursor: pointer;
}

.search-btn, .search-btn:hover {
    position: relative;
    background: transparent;
    width:fit-content;
    height: 100%;
    margin-top: -0.25rem;
}

.search-btn:before {
    font-family: 'unique';
    content: '\ea2f';
    display: block;
    font-size: 1.5rem;
    color: rgba(var(--dark), 1.0);
    width: 1rem;


}