/*
Theme Name: Northern Health 2021
Theme URI: https://www.nh.org.au/
Author: Grindstone Creative / Tsunami Web Studio
Author URI: https://grindstone.com.au/
Description: Northern Health theme based on _s and Bootstrap 3.x
Version: 3.1
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

section ul li, section ol li,
ul.gform_fields li {
        font-size: 16px !important;
}

/*
h1, h2 {
    font-size: 3em;
}

ul li, ol li {
    font-size: 1em !important;
}

section p,
section#content .container .row table td,
.child-sidebar-menu li,
.child-sidebar-menu li ul li {
    font-size: 1.4em !important;
}

.child-sidebar-menu li ul li {
    line-height: 2em !important;
}
*/
#searchform button[type="submit"] i,
header .donate i:last-of-type, 
header .ed i:last-of-type, 
header .telehealth i:last-of-type {
    top: 48% !important;
}

@media screen and (min-width: 1024px)
{
    #icons .icon a strong {
        font-size: 16px !important;
    }
}

@media screen and (min-width: 1280px) {
    header nav > ul.main-navigation li {
      font-size: 16px !important;
    }
}

body.careers div.container {
    max-width: 98%;
}

body.careers .footer-locations > .container,
body.careers .footer-acknowledgement > .container {
    max-width: 95%;
}

body.careers header nav > ul.main-navigation {
    margin: 0 0 0 24px;
    max-width: 90%;
}

body.careers section#content {
    padding-top: 15px;
}

body.careers section#content .container .row #breadcrumbs
{
    margin: 0 0 15px 0;
}

body.careers section#internal-banner h1
{
    padding: 15px 0;
    font-size: 28px;
    font-weight: normal;
}

section#icons > div.container {
    max-width: 1320px;
}

#shiftnav-toggle-main {
	color: #FFFFFF !important;
}
#shiftnav-toggle-main .shiftnav-toggle-burger, 
#shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before {
    padding: 12px 12px !important;
}

body.careers p#breadcrumbs {
    text-align: left;
    font-weight: bold;
}

body.careers h3 {
    margin: 12px 0;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px !important;
    font-size: 16px !important;
    line-height: 1.5;
    border-radius: 6px !important;
}

body:not(.careers-home) .footer-careers {
    display: none;
}
body.careers-home .footer-careers {
    margin-bottom: 40px;
}
body.careers-home .footer-careers .north-offers {
    background-color: white;
}
body.careers-home .footer-careers .north-offers div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 225px;
}

/** Careers title banner **/
.page-id-18 h1::after {
    content: ' ';
    height: 60px;
    width: 60px;
    background: url('/wp-content/uploads/2021/03/magnifying-glass.png') no-repeat;
    position: absolute;
    margin-left: 16px;
    background-size: 60px;
    margin-top: -10px;
}

/** Submenu top banner and tiles **/
.orange #content,
.green #content,
.purple #content,
.red #content,
.light-blue #content,
.dark-blue #content {
    padding-bottom: 15px;
}
.orange #content > .container,
.green #content > .container,
.purple #content > .container,
.red #content > .container,
.light-blue #content > .container,
.dark-blue #content > .container
{
    padding: 0 45px 15px 45px;
}
.landing_top_banner *,
.lpage_top_banner * {
    text-align: left;
}
.landing_top_banner a,
.page_top_banner a
{
    pointer-events: none; 
}
.landing_top_banner div.grid-entry-excerpt,
.page_top_banner div.grid-entry-excerpt {
    color: white; 
    line-height: 1.16em !important;
    padding: 20px 60px !important;
    text-align: left;
    position: absolute;
    z-index: 98;
    font-size: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.landing_top_banner div.grid-entry-excerpt {
    width: 28%;
    height: 400px;
}

.page_top_banner div.grid-entry-excerpt {
    width: 31%;
    height: 827px;
}
.submenu_tile {
    margin-bottom: 30px;
}

.landing_top_banner .grid-entry,
.page_top_banner .grid-entry,
.submenu_tile .grid-entry {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: top right;
}
.landing_top_banner .grid-entry,
.page_top_banner .grid-entry {
    position: relative;
}
.landing_top_banner .grid-entry {
    height: 400px;
}
.page_top_banner .grid-entry {
    height: 950px;
}
.submenu_tile .grid-entry {
    height: 235px;
}
.grid-entry a .image-overlay {
    height: 100%;
    top: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;  
    position: absolute;
    background: #fff;
    z-index: 78;
    opacity: 0;
    filter: alpha(opacity=0);
    width: -webkit-calc(100% - 30px);
    width:    -moz-calc(100% - 30px);
    width:         calc(100% - 30px);
    overflow: hidden;
}

.grid-entry a:hover .image-overlay {
    opacity: 0.7;
}

div.grid-entry .grid-image:before
{
    content: attr(title);
    word-wrap: normal;
    position: absolute;
    width: 28%;
    padding: 3%;
    height: 100%;
    z-index: 80;
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #ffffff !important;
    top: 0;
}
.page_top_banner .grid-image:before {
    width: 31% !important;
}

.grid-entry .grid-image::after {
    content: ' ';
    position: absolute;
    height: 100%;
    z-index: 79;
    margin: 0;
    padding: 0;
    top: 0;
    width: 80%;
    background: linear-gradient(55deg, rgba(00,92,185,0.8) 0%, rgba(0,92,185,0.8) 42%,rgb(0,92,185) 42%,rgb(0,92,185) 52%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 100%);
}
.landing_top_banner .grid-entry .grid-image::after {
    width: 69%;
}
.page_top_banner .grid-entry .grid-image::after {
    width: 95%;
}
/** Orange eg: Benefits and wellbeing **/
.orange:not(.icon) {
    color: rgb(255,107,0) !important;
    border-color: rgb(255,107,0) !important;
}
.orange section h3 {
    color: rgb(255,107,0) !important;
}
.orange .breadcrumb_last {
    color: rgb(255,107,0) !important;
}
.orange.grid-entry,
.orange a .image-overlay
{
  background-color: rgba(255,107,0,0.8);
}
.orange #internal-banner,
.orange .grid-image:before
{
  background-color: rgb(255,107,0) !important;
}
.orange .grid-image:after
{
  background:linear-gradient(55deg, rgba(255,107,0,0.8) 0%, rgba(255,107,0,0.8) 42%,rgb(255,107,0) 42%,rgb(255,107,0) 52%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 100%);
}

/** Green eg: Learning and development **/
.green:not(.icon) {
  color: rgb(118,188,33) !important;
  border-color: rgb(118,188,33) !important;
}
.green section h3 {
    color: rgb(118,188,33) !important;
  }
.green .breadcrumb_last {
  color: rgb(118,188,33) !important;
}
.green.grid-entry,
.green a .image-overlay
{
  background-color: rgba(118,188,33,0.8) !important;
}
.green #internal-banner,
.green .grid-image:before
{
  background-color: rgb(118,188,33) !important;
}
.green .grid-image:after
{
  background:linear-gradient(55deg, rgba(118,188,33,0.8) 0%, rgba(118,188,33,0.8) 42%,rgb(118,188,33) 42%,rgb(118,188,33) 52%,rgba(255,255,255,0) 52%,rgba(255,255,255,0) 100%);
}

/** Purple: eg: Fields of Work **/
.purple:not(.icon) {
    color: rgb(120,66,129) !important;
    border-color: rgb(120,66,129) !important;
}
.purple section h3 {
    color: rgb(120,66,129) !important;
}
.purple .breadcrumb_last {
    color: rgb(120,66,129) !important;
}
.purple.grid-entry,
.purple a .image-overlay
{
    background-color: rgba(120,66,129,0.8) !important;
}
.purple #internal-banner,
.purple .grid-image:before
{
    background-color: rgb(120,66,129) !important;
}
.purple .grid-image:after
{
    background:linear-gradient(55deg, rgba(120,66,129,0.8) 0%, rgba(120,66,129,0.8) 42%,rgb(120,66,129) 42%,rgb(120,66,129) 52%,rgba(120,66,129,0) 52%,rgba(120,66,129,0) 100%);
}

/** Red: eg: We are growing **/
.red:not(.icon) {
    color: rgb(235,0,69) !important;
    border-color: rgb(235,0,69) !important;
}
.red section h3 {
    color: rgb(235,0,69) !important;
}
.red .breadcrumb_last {
    color: rgb(235,0,69) !important;
}
.red.grid-entry,
.red a .image-overlay
{
    background-color: rgba(235,0,69,0.8) !important;
}
.red #internal-banner,
.red .grid-image:before
{
    background-color: rgb(235,0,69) !important;
}
.red .grid-image:after
{
    background:linear-gradient(55deg, rgba(235,0,69,0.8) 0%, rgba(235,0,69,0.8) 42%,rgb(235,0,69) 42%,rgb(235,0,69) 52%,rgba(235,0,69,0) 52%,rgba(235,0,69,0) 100%);
}

/** Light blue: eg: Life at Northern Health **/
.light-blue:not(.icon) {
    color: rgb(0,193,222) !important;
    border-color: rgb(0,193,222) !important;
}
.light-blue section h3 {
    color: rgb(0,193,222) !important;
}
.light-blue .breadcrumb_last {
    color: rgb(0,193,222) !important;
}
.light-blue.grid-entry,
.light-blue a .image-overlay
{
    background-color: rgba(0,193,222,0.8) !important;
}
.light-blue #internal-banner,
.light-blue .grid-image:before
{
    background-color: rgb(0,193,222) !important;
}
.light-blue .grid-image:after
{
    background:linear-gradient(55deg, rgba(0,193,222,0.8) 0%, rgba(0,193,222,0.8) 42%,rgb(0,193,222) 42%,rgb(0,193,222) 52%,rgba(0,193,222,0) 52%,rgba(0,193,222,0) 100%);
}

/** Dark blue: default **/
.dark-blue:not(.icon) {
    color: rgb(0,92,185) !important;
    border-color: rgb(0,92,185) !important;
}
.dark-blue section h3 {
    color: #005cb9 !important;
}
.dark-blue .breadcrumb_last {
    color: rgb(0,92,185) !important;
}
.dark-blue.grid-entry,
.dark-blue a .image-overlay
{
    background-color: rgba(0,92,185,0.8) !important;
}
.dark-blue #internal-banner,
.dark-blue .grid-image:before
{
    background-color: rgb(0,92,185) !important;
}
.dark-blue .grid-image:after
{
    background:linear-gradient(55deg, rgba(0,92,185,0.8) 0%, rgba(0,92,185,0.8) 42%,rgb(0,92,185) 42%,rgb(0,92,185) 52%,rgba(0,92,185,0) 52%,rgba(0,92,185,0) 100%);
}

div.footer-acknowledgement ul li {
    font-size: 1em;
}

.orange p, .orange ul li,
.green p, .green ul li,
.purple p, .purple ul li,
.red p, .red ul li,
.light-blue p, .light-blue ul li,
.dark-blue p, .dark-blue ul li
{
    color: #535f67 !important;
}

/** Media queries **/
@media only screen and (max-width: 414px) {
    .submenu_tile .grid-entry {
        height: 140px !important;
    }
    .grid-entry .grid-image:before
    {
        font-size: 18px !important;
    }
    .submenu_tile.col-sm-6 {
        padding: 0;
    }
}
@media only screen and (min-width: 415px) and (max-width: 601px) {
    .submenu_tile .grid-entry {
        height: 200px !important;
    }
    .grid-entry .grid-image:before
    {
        font-size: 18px !important;
    }
}
@media only screen and (min-width: 601px) and (max-width: 768px) {
    .landing_top_banner div.grid-entry-excerpt,
    .page_top_banner div.grid-entry-excerpt {
        font-size: 16px !important;
        height: 180px;
        padding: 10px 20px !important;
    }
    .landing_top_banner .grid-entry .grid-image::after,
    .page_top_banner .grid-entry .grid-image::after  {
        width: 80%;
    }
    .landing_top_banner .grid-entry,
    .page_top_banner .grid-entry {
        height: 180px;
    }
    .submenu_tile .grid-entry {
        height: 290px;
    }
    .grid-entry .grid-image:before
    {
        font-size: 24px !important;
    }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
    .landing_top_banner div.grid-entry-excerpt,
    .page_top_banner div.grid-entry-excerpt {
        font-size: 14px !important;
        height: 170px;
        padding: 20px 40px !important;
    }
    .landing_top_banner .grid-entry,
    .page_top_banner .grid-entry {
        height: 170px;
        font-size: 14px !important;
    }
    .submenu_tile .grid-entry {
        height: 150px !important;
    }
    .submenu_tile .grid-entry a::before {
        font-size: 1.4em;
        line-height: 1.2em;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
    .landing_top_banner .grid-entry,
    .landing_top_banner div.grid-entry-excerpt {
        font-size: 16px !important;
        height: 210px;
    }
    .page_top_banner .grid-entry,
    .page_top_banner div.grid-entry-excerpt {
        font-size: 20px !important;
        height: 490px;
    }
    .submenu_tile .grid-entry {
        height: 130px !important;
    }
    .submenu_tile .grid-entry a::before {
        font-size: 1.4em;
        line-height: 1.2em;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1250px) {
    .landing_top_banner .grid-entry,
    .landing_top_banner div.grid-entry-excerpt {
        font-size: 18px !important;
        height: 240px;
    }
    .page_top_banner .grid-entry,
    .page_top_banner div.grid-entry-excerpt {
        font-size: 20px !important;
        height: 510px;
    }
    .submenu_tile .grid-entry {
        height: 140px !important;
    }
    .grid-entry .grid-image:before
    {
        font-size: 18px !important;
    }
}
@media only screen and (min-width: 1251px) and (max-width: 1440px) {
    .landing_top_banner .grid-entry,
    .landing_top_banner div.grid-entry-excerpt {
        font-size: 24px;
        height: 280px;
    }
    .page_top_banner .grid-entry,
    .page_top_banner div.grid-entry-excerpt {
        font-size: 24px !important;
        height: 685px;
    }
    .submenu_tile .grid-entry {
        height: 160px !important;
        font-size: 11px;
    }
}
@media only screen and (min-width: 1441px) and (max-width: 1680px) {
    .landing_top_banner div.grid-entry-excerpt {
        font-size: 24px;
        height: 360px;
    }
    .landing_top_banner .grid-entry {
        height: 360px;
    }
    .page_top_banner div.grid-entry-excerpt {
        font-size: 28px;
        height: 720px;
    }
    .page_top_banner .grid-entry {
        height: 720px;
    }
    .submenu_tile .grid-entry {
        height: 180px;
    }
}
@media only screen and (min-width: 1681px) and (max-width: 1770px) {
    .landing_top_banner div.grid-entry-excerpt {
        font-size: 28px;
        height: 380px;
    }
    .landing_top_banner .grid-entry {
        height: 380px;
    }
    .page_top_banner div.grid-entry-excerpt {
        font-size: 28px;
        height: 870px;
    }
    .page_top_banner .grid-entry {
        height: 870px;
    }
    .submenu_tile .grid-entry {
        height: 200px;
        font-size: 10px;
    }
}
@media only screen and (min-width: 1920px) {
    .landing_top_banner div.grid-entry-excerpt {
        font-size: 28px !important;
        height: 380px;
    }
    .landing_top_banner .grid-entry {
        height: 380px;
    }
    .submenu_tile .grid-entry {
        height: 235px;
    }
}

/** Careers: Fields of work **/
.fields-of-work section h3 {
    line-height: 81px;
    font-size: 28px;
    font-weight: lighter;
    margin: 12px 0;
}
.fields-of-work section h3.students {
    line-height: 40px;
}
@media only screen and (max-width:1112px)
{
        .fields-of-work section h3.support {
                line-height: 40px;
        }
}
@media only screen and (max-width:414px)
{
    .fields-of-work section h3 {
            font-size: 22px;
    }

    .fields-of-work section h3.volunteering 
    {
            line-height: 40px;
    }
    .fields-of-work section h3.students {
            line-height: 28px;
    }
}
.fields-of-work .icon-content {
    text-align: center;
    font-size: 20px;
}

.fields-of-work .icon-content a {
    color: rgb(120,66,129);
    text-transform: uppercase;
    white-space: nowrap;
}
.fields-of-work .icon-content img {
    margin-bottom: 6px;
}
.fields-of-work .alignleft {
    margin-right: 12px;
}
@media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-lg-1  {
      width: 50%;
      *width: 50%;
    }
}
  
@media (min-width: 992px) {
.seven-cols .col-md-1,
.seven-cols .col-lg-1 {
        width: 14.285714285714285714285714285714%;
        *width: 14.285714285714285714285714285714%;
    }
}

/** Careers: Learning and Development **/
.learning-and-development table {
    width: 100% !important;
    border: none !important;
    overflow-wrap: break-word;
    display: table;
}
.learning-and-development table tr {
  color: #ffffff !important;
  font-weight: bold;
  border: none;
}
.learning-and-development table tr td {
    text-align: center;
    border: 4px solid #f4f5f6 !important;
    padding: 15px !important;
    font-size: 1.4em!important;
}
.learning-and-development table tr:nth-child(odd) td:nth-child(odd),
.learning-and-development table tr:nth-child(even) td:nth-child(even)
{
  background-color: rgb(0,193,222) !important;
}
.learning-and-development table tr:nth-child(even) td:nth-child(odd),
.learning-and-development table tr:nth-child(odd) td:nth-child(even)
{
    background-color: rgb(118,188,33) !important;
    border: none;
}

/** Careers: Benefits and Wellbeing **/
.benefits-and-wellbeing table {
    width: 100% !important;
    border: none !important;
    overflow-wrap: break-word;
    display: table;
}
.benefits-and-wellbeing table tr {
  color: #ffffff !important;
  font-weight: bold;
  border: none;
}
.benefits-and-wellbeing table tr td {
    text-align: center;
    padding: 15px !important;
    font-size: 1.4em !important;
    width: 50%;
    border: 4px solid #f4f5f6 !important;
}
.benefits-and-wellbeing table tr:nth-child(1) td:nth-child(1)
{
    background-color: rgb(255,107,0) !important;
}
.benefits-and-wellbeing table tr:nth-child(1) td:nth-child(2)
{
    background-color: rgb(118,188,33) !important; 
}
.benefits-and-wellbeing table tr:nth-child(2) td:nth-child(1)
{
    background-color: rgb(235,0,69) !important; 
}
.benefits-and-wellbeing table tr:nth-child(2) td:nth-child(2)
{
    background-color: rgb(0,193,222) !important; 
}
.benefits-and-wellbeing table tr:nth-child(3) td:nth-child(1)
{
    background-color: rgb(0,92,185) !important; 
}
.benefits-and-wellbeing table tr:nth-child(3) td:nth-child(2)
{
    background-color: rgb(99,101,105) !important; 
}

/** Careers: Fields of work **/
.fields-of-work table {
    width: 100% !important;
    border: none !important;
    overflow-wrap: break-word;
    display: table;
}
.fields-of-work table tr {
  color: #ffffff !important;
  font-weight: bold;
  border: none;
}
.fields-of-work table tr td {
    text-align: center;
    border: 4px solid #f4f5f6 !important;
    padding: 15px !important;
    font-size: 1.4em!important;
}
.fields-of-work table tr:nth-child(odd) td
{
    background-color: rgb(120,66,129);
}
.fields-of-work table tr:nth-child(even) td
{
    background-color: rgba(120,66,129,0.8);
}
.fields-of-work .research-partners div {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 225px;
}

/** Careers: Life at Northern Health **/
.life-at-northern-health table {
    width: 100% !important;
    border: none !important;
    overflow-wrap: break-word;
    display: table;
}
.life-at-northern-health table tr {
  color: #ffffff !important;
  font-weight: bold;
  border: none;
}
.life-at-northern-health table tr td {
    text-align: center;
    padding: 15px !important;
    font-size: 1.4em !important;
    width: 50%;
    border: 4px solid #f4f5f6 !important;
}
.life-at-northern-health table tr:nth-child(1) td:nth-child(1)
{
    background-color: rgb(255,107,0) !important;
}
.life-at-northern-health table tr:nth-child(1) td:nth-child(2)
{
    background-color: rgb(118,188,33) !important; 
}
.life-at-northern-health table tr:nth-child(2) td:nth-child(1)
{
    background-color: rgb(235,0,69) !important; 
}
.life-at-northern-health table tr:nth-child(2) td:nth-child(2)
{
    background-color: rgb(0,193,222) !important; 
}
.life-at-northern-health table tr:nth-child(3) td:nth-child(1)
{
    background-color: rgb(0,92,185) !important; 
}

/** Did you know? **/
p.did-you-know {
    display: flex;
    align-items: center;
    font-weight: bold;
}

/** Latest news **/
@media only screen and (max-width: 574px) {
    section#content .container .row article.type-post:nth-of-type(even) {
        margin-left: 0 !important;
    }
    section#content .container .row article.type-post {
        max-width: 100%;
        margin: 0;
    }
 }

/** Home page slider **/
/*
#carousel #slick-slide00 .slide-content {
    text-align: center !important;
	margin: -33px auto !important;
}
#carousel #slick-slide00 .slide-fader + .slide-content a.btn {
	background-color: transparent !important;
    background-image: url('https://northern-health-website.s3.ap-southeast-2.amazonaws.com/wp-content/uploads/2021/04/08211649/book-now.png') !important;
    height: 120px !important;
    width: 120px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
#carousel #slick-slide00 .slide-fader + .slide-content a.btn:hover,
#carousel #slick-slide00 .slide-fader + .slide-content a.btn:focus,
#carousel #slick-slide00 .slide-fader + .slide-content a.btn:active{
    background-color: transparent !important;
}
#carousel #slick-slide00 .slide-fader + .slide-content a.btn i {
    display: none !important;
}
*/

/** Search results **/
section#search-results article strong {
    display: inline !important;
}

@media only screen and (max-width: 414px) {
	section#content .container .row #breadcrumbs {
		margin-bottom: 20px !important;
	}
	div.grid-entry .grid-image.standalone:before {
		line-height: 20px !important;
	}
	.grid-entry a .image-overlay {
                width: 100% !important;
        }
}

/** Gravity forms **/
.gform_wrapper .gsection_title {
        font-size: 28px;
}
.gform_wrapper .gform_description {
        font-size: 16px;
}