/*
Theme Name: West Coast District Health Board
Theme URI: https://www.wcdhb.health.nz/
Description: West Coast District Health Board theme by <a href="https://www.pixelplay.co.nz">Pixelplay</a>
Version: 1
Author: Pixelplay
Author URI: https://www.pixelplay.co.nz
*/
/* --------------------------------------------------------------
***** IMPORTANT: Do not edit the styles directly in style.css
***** Make style changes via the scss files in the css folders. 
-------------------------------------------------------------- */
/* --------------------------------------------------------------
Base
-------------------------------------------------------------- */


*, html, body {
  box-sizing: border-box; font-size: 1.2rem; }
/*.pane-content {background:#e5e5d2;} */
#page a:hover {text-decoration:none; color:#321ea8!important;  background:#e5e5d2!important;}
a, .menu-nav, #page a {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  color:blue; font-weight:normal;}

 a img, header a, footer a,
a img:hover, header:hover a, footer:hover a,
a.link-no-border, a.link-no-border:hover,
a.link-to-pdf, a.link-to-pdf:hover {
  border: none; }
.menu-nav {display:block!important;}







  
  .bg-light1 {background:#fff!important;}
#navbar a {border:none!important; text-decoration:none!important;}

.d-flex {
    display: flex;
    /* alignment */
    &.flex-row {
        flex-direction: row;
    }
    &.flex-row-reverse {
        flex-direction: row-reverse;
    }
    &.flex-column {
        flex-direction: column;
    }
    &.flex-column-reverse {
        flex-direction: column-reverse;
    }
    /* justify content */
    &.justify-content-start {
        justify-content: start;
    }
    &.justify-content-end {
        justify-content: end;
    }
    &.justify-content-center {
        justify-content: center;
    }
    &.justify-content-between {
        justify-content: space-between;
    }
    &.justify-content-around {
        justify-content: space-around;
    }
    /* align items */
    &.align-items-start {
        align-items: flex-start;
    }
    &.align-items-end {
        align-items: flex-end;
    }
    &.align-items-center {
        align-items: center;
    }
    &.align-items-baseline {
        align-items: baseline;
    }
    &.align-items-stretch {
        align-items: stretch;
    }
    /* align content */
    &.align-content-start {
        align-content: flex-start;
    }
    &.align-content-end {
        align-content: flex-end;
    }
    &.align-content-center {
        align-content: center;
    }
    &.align-content-around {
        align-content: space-around;
    }
    &.align-content-between {
        align-content: space-between;
    }
    &.align-content-stretch {
        align-content: stretch;
    }
    /* wrapping */
    &.flex-wrap {
        flex-wrap: wrap;
    }
    &.flex-nowrap {
        flex-wrap: nowrap;
    }
    /* self align */
    .align-self-start {
        align-self: flex-start;
    }
    .align-self-end {
        align-self: flex-end;
    }
    .align-self-center {
        align-self: center;
    }
    .align-self-baseline {
        align-self: baseline;
    }
    .align-self-stretch {
        align-self: stretch;
    }
    /* fill equal spaces */
    .flex-fill {
        flex: 1 1 auto !important;
    }
    /* order */
    @for $i from 0 through 12 {
        .order-#{$i} {
            order: $i;
        }
    }
}

@media(max-width: 767px){
    ul.nav-link  a, .nav-link, .nav-link.nav-item {border-bottom: 1px solid #323ea8!important; padding: 0 15px 15px; color:#fff!important;}
    #navbar > .nav-link {border:none!important;}
    #hide_on_small_screen {
        display:none;
    }
    #mininav{}
    #mininav .sign-in{float:right!important; position:absolute; display:flex; justify-content:center!important;}
    
}
@media(min-width:768px){
    .navbar{margin-bottom:0px!important;}
}

.bread_crumb a, .bread_crumb {
    background:#323ea8;
    color:#fff;}
h1, h2, h3, h4, h5, h6 {color:#323ea8;}

.navbar-toggler-icon {transition: all .6s;}




/***** Top menu *****/

.navbar {
	background: transition: all .6s; backface-visibility: hidden;
	box-shadow: 0 2px 5px 1px rgba(51, 51, 51, 0.5);
}

.navbar-light .navbar-nav { font-size: 15px; color:#fff;}

.navbar-light .navbar-nav .nav-link {border-bottom:color: #fff!important;}
.navbar-light .navbar-nav .nav-link:hover {color: #fff;}
.navbar-light .navbar-nav .nav-link:focus {color: #fff; outline: 0; }
.navbar-toggler {border:none; color:#fff!important;}

.navbar-light .navbar-toggler:focus {background: none; outline: 0; }

.navbar-light .navbar-toggler span {
	display: block; 
	width: 30px; 
	height: 2px; 
	margin: 6px auto; 
	transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
.navbar-light .navbar-toggler:hover span,
.navbar-light .navbar-toggler:focus span { background:#67c3ea!important; }

/* rotate first span */
.navbar-light .navbar-toggler[aria-expanded="true"] span:first-of-type { background:#323ea8!important; transform: rotate(45deg) translate(6px, 6px); }
/* hide second span */
.navbar-light .navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {opacity: 0; }
/* rotate third span */
.navbar-light .navbar-toggler[aria-expanded="true"] span:last-of-type { background:#323ea8!important; transform: rotate(-45deg) translate(5px, -5px); }

.navbar-light .navbar-toggler[aria-expanded="false"] span {background:#323ea8!important;  transform: none; opacity: 1; }

.bg-dark1 {background:#e5e5e5!important; color:#fff!important;}

.nav-item {margin-left:20px!important;}
.nav-link, .dropdown-item.a:hover, .nav-link.a:hover {text-transform:none!important;}
.nav-link a{color:#323ea8!important;}
a{underline:none!important;}

#navbar {
  overflow: hidden;
  background-color:transparent; /*#e5e5e5;*/
  color:#323ea8;
  height:50px!important;
  
}

#navbar a {
    underline:none!important;
  float: left;
  display: block;
  padding: 5px!important;
  top:5%;
  text-align: center;
  vertical-align:middle;
  text-decoration: none;
  background:#fff!important;
}
.navbar ul li a {
    color:#323ea8!important; underline:none!important;}
.navbar ul li a:hover {
color:#323ea8!important; background:#fff!important; underline:none!important;}
#login ul li a {color:#323ea8!important; underline:none!important;}


#navbar a.active {
  background-color: #04AA6D;
  color: #fff;
}

.content {
  padding: 16px;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}