/* Orima_Wordmark logo dimensions: w=400, h=103*/



/* mobile layout*/
@media (max-width: 419px) {
    div.logo-bar {
        height: 80px;
    }
    div.logo-bar #left-logo {
        top: 0;
        left: 10px;
        width: 150px;
        height: 140px;
        background-image: url('../images/Youth-Action-NSW-logo.png');
    }
    div.logo-bar #right-logo {
        display:none;
    }
    #page-top div.title-bar {    /* to improve presentation of logo bar at small screen */
        width:98%;
    }
}

/* wider screen mobile layout*/
@media (min-width: 420px) {
    div.logo-bar {
        height: 80px;
    }
    div.logo-bar #left-logo {
        top: 0;
        left: 10px;
        width: 160px;
        height: 140px;
        background-image: url('../images/Youth-Action-NSW-logo.png');
    }
    div.logo-bar #right-logo {
        display:none;
    }
}

/* smallscreen layout*/
@media (min-width: 600px) {
    div.logo-bar {
        height: 90px;
    }
    div.logo-bar #left-logo {
        top: 0;
        left: 10px;
        width: 150px;
        height: 140px;
        background-image: url('../images/Youth-Action-NSW-logo.png');
    }
    div.logo-bar #right-logo {
        top: 25px;
        right: 0;
        width: 200px;
        height: 52px;
        background-image: url('/_resources/images/Orima_Logo.png'); /*  dimensions of logo = 400 x 103  */
        display: inline-block;
    }
}

/* desktop layout  */
@media (min-width: 800px) {
    div.logo-bar {
        height: 120px;              /* set height to accommodate size of logos */
    }
    div.logo-bar #left-logo {
        top: 0;
        left: 10px;
        width: 200px;
        height: 140px;
        background-image: url('../images/Youth-Action-NSW-logo.png');
    }
    div.logo-bar #right-logo {
        top: 30px;
        right: 10px;
        width: 250px;
        height: 64px;
        background-image: url('/_resources/images/Orima_Logo.png'); /*  dimensions of logo = 400 x 103  */
    }

//ToolTips

div.tooltip div.tooltip-inner  {
    font-family: verdana;
    font-size: 14px;
    padding-top: 0;
}

    div.tooltip div.tooltip-inner p {
        font-family: verdana;
        font-size: 14px;
        padding-top: 6px;
        padding-bottom: 8px;
        padding-left: 8px;
        padding-right: 8px;
        margin: 0;
        line-height: 1.7;
        text-align: left;
    }

    .expandable-heading {
        cursor: pointer;
        font-weight: bold;
    }
}

.youthHubLabel:not(:empty)::before {
    content: " ";
}