/* Loading */
.inveroak-feed-container-ajax .feed-loading {
    text-align:center;
}
.inveroak-feed-container-ajax .feed-loading .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-grow;
    opacity:0;
    background-color:#6c757d;
}
.inveroak-feed-container-ajax .feed-loading .visually-hidden {
    position:absolute;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}
@keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
      transform: none;
    }
  }
/* End Loading */

/* General Display */
.inveroak-feed-container {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.inveroak-feed-container .op {
    display:flex;
    width:100%;
    padding:10px;
    margin-bottom:5px;
    flex-direction:row;
    flex-wrap:wrap;
}
@media(min-width:768px) {
    .inveroak-feed-container .op {
        width:50%;
    }
}
.inveroak-feed-container .op-inner {
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.inveroak-feed-container .op-image {
    position:relative;
    overflow:hidden;
    width:10%;
    flex:1 0 0%;
    height:auto;
}
.inveroak-feed-container .op-image img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:100%;
    height:auto;
}
.inveroak-feed-container .op-info {
    flex:2 0 0%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    background:#fafafa;
    align-items:center;
    padding:15px;
}
.inveroak-feed-container .op-info > div {
    flex:1 1 50%;
}
.inveroak-feed-container .op-info .op-rating {
    display:inline-block;
    flex:1 1 100%;
    line-height:1;
}
.inveroak-feed-container .op-rating > .star:before {
    content:'\2605';
}
.inveroak-feed-container .op-name {
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
    text-overflow:ellipsis;
    overflow:hidden;
}
.inveroak-feed-container .op-pin {
    text-align:right;
    font-size:90%;
}
.inveroak-feed-container .op-status {
    font-size:90%;
    flex:1 1 100%;
    position:relative;
}
.inveroak-feed-container .op.available .op-status {
    color:green;
}
.inveroak-feed-container .op.busy .op-status {
    color:grey;
}
.inveroak-feed-container .op.logged-off .op-status {
    color:darkred;
}
.inveroak-feed-container .op.email-yes .op-status.email-only {
    color:grey;
}
.inveroak-feed-container .op-status .symbols {
    position:absolute;
    top:0;
    right:0;
}
.inveroak-feed-container .op-status .symbols a {
    box-shadow:none;
}
.inveroak-feed-container .op-status .symbols .icon {
    display:inline-block;
    margin-left:.25rem;
    margin-right:.25rem;
}
.inveroak-feed-container .op-status .symbols svg {
    height:16px;
    width:16px;
}
.inveroak-feed-container .op-status .symbols .available svg {
    fill:green;
}
.inveroak-feed-container .op-status .symbols .busy svg,
.inveroak-feed-container .op-status .symbols .logged-off svg {
    fill:grey;
}
.inveroak-feed-container .line-break {
    flex-basis:100%;
    height:0;
}
.inveroak-feed-container .op-toolbox {
    display:flex;
    width:100%;
    justify-content:space-between;
    font-size:small;
}
.inveroak-feed-container .op-toolbox > div {
    width:100%;
}
.inveroak-feed-container .op-toolbox-list .op-skill-more {
    list-style:none;
}
.inveroak-feed-container .op-toolbox-list .more {
    display:none;
}
.inveroak-feed-container .op-toolbox-title {
    font-weight:bold;
    padding:10px 0 5px;
}
.inveroak-feed-container .op-description {
    flex:0 0 100%;
    margin-top:1rem;
}
.inveroak-feed-container .op-cta {
    display:flex;
    background:#fafafa;
    padding:15px;
    flex:0 0 100%;
    align-items:flex-end;
}
.inveroak-feed-container .op-cta a {
    display:inline-flex;
    width:100%;
    padding:5px;
    background:#666;
    color:#fff;
    text-decoration:none;
    justify-content:center;
}
.inveroak-feed-container .op-cta a:nth-child(2) {
    margin-left:1rem;
}
/* End General Display */

/* Widget */
.inveroak-feed-container.widget .op {
    width:100%;
}
/* End Widget */

/* Carousel */
.inveroak-feed-container.carousel .op {
    padding:0;
    width:100%;
}
.inveroak-feed-container.carousel .op .op-inner {
    flex-direction:column;
}
.inveroak-feed-container.carousel .op .op-inner > * {
    width:100%;
}
.inveroak-feed-container.carousel .op-image {
    flex:none;
    height:130px;
}
.inveroak-feed-container.carousel .op-image > a {
    display:inline-block;
    height:100%;
}
.inveroak-feed-container.carousel .op-info {
    flex:initial;
}
.inveroak-feed-container.carousel .op-status .symbols {
    margin-top:1rem;
    position:static;
    display:flex;
    justify-content:space-between;
}
/* End Carousel */

/* Testimonials */
.inveroak-feed-testimonials .testimonial {
    margin-bottom:1.5rem;
}
.inveroak-feed-testimonials .testimonial-rating > .star:before {
    content:'\2605';
}
.inveroak-feed-testimonials .testimonial-title {
    font-weight:bold;
}
.inveroak-feed-testimonials .testimonial-author {
    font-style:italic;
    color:#666;
}
/* End Testimonials */

/* Rota */
.inveroak-rota-list.chart .not-mobile {
    padding:0;
    background-image:url(../img/rota-bg.png);
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:81px bottom;
    height:245px;
}
.inveroak-rota-list.chart .dayrow {
    height:1.5rem;
    padding:0 5px;
    margin-bottom:1px;
}
.inveroak-rota-list.chart .day {
    width:84px;
    float:left;
    font-size:8pt;
    padding:3px 0;
}
.inveroak-rota-list.chart .hours {
    float:left;
    height:19px;
    position:relative;
}
.inveroak-rota-list.chart .shift {
    height:20px;
    background: #dddddd;
    background: -moz-linear-gradient(top,  #dddddd 0%, #cccccc 100%);
    background: -webkit-linear-gradient(top,  #dddddd 0%,#cccccc 100%);
    background: linear-gradient(to bottom,  #dddddd 0%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#cccccc',GradientType=0 );
    border:1px solid #ccc;
    border-radius:4px;
    position:absolute;
    padding:0;
    margin:0;
}
.inveroak-rota-list.chart .float-end {
    float:right;
}
@media(min-width:768px) {
    .inveroak-rota-list.chart .mobile {
        display:none;
    }
}
@media(max-width:767px) {
    .inveroak-rota-list.chart .not-mobile {
        display:none;
    }
}
/* End Rota */

/* Rota - Calendar */
.inveroak-rota-list.calendar {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-bottom:3rem;
}
.inveroak-rota-list.calendar .rota-shift {
    display:flex;
    flex-direction:column;
    position:relative;
    background-color:#fff;
    border-radius:.6rem;
    overflow:hidden;
    text-align:center;
    width:calc(50% - 1rem);
    max-width:180px;
    margin-bottom:1rem;
    border:1px solid #f8f9fa;
}
.inveroak-rota-list.calendar .shift-day {
    padding:.5rem 0;
    color:#6c757d;
    background:#f8f9fa;
    border-bottom:1px dashed #f8f9fa;
    font-weight:bold;
}
.inveroak-rota-list.calendar .shift-date {
    font-size:4rem;
    line-height:3rem;
    margin-top:.5rem;
    font-weight:bold;
}
.inveroak-rota-list.calendar .shift-month {
    padding-left:.5rem;
    padding-right:.5rem;
}
.inveroak-rota-list.calendar .shift-time {
    font-size:small;
    padding-left:.5rem;
    padding-right:.5rem;
    margin-bottom:.5rem;
}
@media(min-width:992px) {
    .inveroak-rota-list.calendar {
        justify-content:flex-start;
    }
    .inveroak-rota-list.calendar .rota-shift {
        margin-left:.5rem;
        margin-right:.5rem;
    }
}
/* End Rota - Calendar */

/* Star Rating */
.op-rating {
    display:inline-block;
    flex:1 1 100%;
    line-height:1;
}
.op-rating > .star:before {
    content:'\2605';
}
/* End Star Rating */

/* Video */
.inveroak-op-video {
    position:relative;
    padding-bottom:56.25%;
    height:0;
}
.inveroak-op-video iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* End Video */

/* Filter */
.inveroak-feed-search-container {
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    margin-bottom:1rem;
}
.inveroak-feed-search-container > label {
    display:none;
}
.inveroak-feed-search-container #inveroak-feed-search-input {
    width:100%;
}
/* End Filter */