/* Logos */
#cmslogos
{
    margin:10px auto;
    padding:10px;
    overflow:hidden;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:15px 30px;
}
#cmslogos img
{
    width:100%;
}



/* Logon widget */
#mainwidgets #mainwidgetlogonbtn
{
    margin-top:0px;
    float:right;
}
#mainwidgets #mainwidgetlogonbtn .cssbutton
{
    margin-right:0px;
}

/* Vacancy Search widget */
#mainwidgets #mainwidgetvacancysearchbtn
{
    position:absolute;
    right:0;
    margin:0;
}
#mainwidgets #mainwidgetvacancysearchbtn .cssbutton
{
    margin-right:0px;
}

/* Latest Vacancies widget */
#mainwidgets #mainwidgetlatestvacancieslist
{
    padding:0;
    margin:12px 0 12px 20px;
    list-style-type:none;
}

/* "Left Nav" image */
#mainwidgets .mainwidget .mainwidgetcontainerimage
{
    background-color:transparent;
}
#mainwidgets #mainwidgetimage
{
    text-align:center;
}
#mainwidgets #mainwidgetimage img
{
    width:100%;
    vertical-align:text-bottom;
}

/* Job widgets */
#mainwidgets #mainwidgetjobyoutube
{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 25px; Enable this for 4:3 layout*/
    height: 0;
}
#mainwidgets #mainwidgetjobyoutube object,
#mainwidgets #mainwidgetjobyoutube embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border:0;
}
#mainwidgets #mainwidgetjobimage
{
    text-align:center;
}
#mainwidgets #mainwidgetjobimage img
{
    width:100%;
    vertical-align:text-bottom;
}



/* RSS Feed  */
.rssfeeditem, .searchwidgetrssfeed
{
    background-image:url(../../../images/rssfeed.gif);
    background-repeat:no-repeat;
    background-position:left center;
    line-height:1.5em;
    padding-left:22px;
}
.searchwidgetrssfeed
{
    background-position:right center;
    line-height:normal;
    padding-left:0;
    padding-right:22px;
}


/* Logon grid */
.logongrid
{
    display:-ms-flexbox;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:stretch;
}
.logongrid > div
{
    padding:0 10px 1px 10px;
    background-color:#fbe0df;
    border-radius:5px;
    position:relative;
    margin-bottom:20px;
}
.logongrid .logongridheader
{
    margin-left:-10px;
}
.logongrid .logongridheadertext
{
    display:inline-block;
    background-color:#6d2483;
    color:#fff;
    font-size:1.053em;
    line-height:1;
    padding:5px 16px;
    position:relative;
    height:28px;
    border-top-left-radius:5px;
}
.logongrid .logongridheadertext:after
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #6d2483 #fbe0df #6d2483 #6d2483;
    border-image: none;
    border-style: solid;
    border-width: 14px 10px 14px 14px;
    content: "";
    position: absolute;
    right: -20px;
    top: 0;
}
.logongrid .logongridinner
{
    padding:0 10px 50px 10px;
}
.logongrid .logongridpanel:nth-child(1),
.logongrid .logongridpanel:nth-child(2)
{
    width:calc(30% - 10px);
}
.logongrid .logongridpanel:nth-child(3)
{
    width:calc(40% - 10px);
}
.logongrid .logongridbuttons
{
    position:absolute;
    bottom:15px;
    right:20px;
}
.logongrid .logongridbuttons .cssbutton
{
    margin-right:0px;
}


.vacancyWidgetData
{
    line-height:1.5;
}
.vacancyWidgetData dt
{
    font-weight:700;
    margin: 10px 0 0 0;
}
.vacancyWidgetData dd
{
    margin:0;
}
.vacancyWidgetData dd + dd
{
    margin-top:5px;
}
.vacancyWidgetButton
{
    text-align:right;
    margin-bottom:10px;
}
.vacancyWidgetButton .cssbutton
{
    margin:0;
}

.vacancyDiv
{
    margin:12px -5px;
    padding:5px;
    overflow:hidden;
}
.vacancyEmailFriend
{
    display:inline-block;
    padding-top:5px;
    margin:0 10px 10px 0;
}
.vacancyApply
{
    display:inline-block;
    float:right;
}
.vacancyDivSocial
{
    text-align:right;
}

/* FAQ */
.faqsearchbutton
{
    text-align:right
}
.faqsearchbutton .cssbutton
{
    margin-right:0;
}


/* Jobs by Email */
.gridtabledark tr:first-child
{
    background-color:#e0e0e0;
}


/* Medium - main takes up entire width, widgets takeup 50% */
@media screen and (max-width:799px)
{
    /* Logon grid */
    .logongrid .logongridpanel:nth-child(1),
    .logongrid .logongridpanel:nth-child(2)
    {
        width:calc(50% - 10px);
    }
    .logongrid .logongridpanel:nth-child(3)
    {
        width:100%;
    }
}

/* Small - main takes up entire width, widgets take up entire width */
@media screen and (max-width:499px)
{
    /* Logon grid */
    .logongrid .logongridpanel
    {
        width:100% !important;
    }
}