#vendor-categories-dialog {
    padding: 0;
}

.ui-dialog[aria-describedby="vendor-categories-dialog"] {
    z-index: 100000;
}

#vendor-categories-dialog-footer {
    padding: 0.4em 0;
    text-align: center;
    color: #96031A;
    font-weight: normal;
}

#wpwrap #vendor_categories_button,  #wpwrap #add_portfolio_image_button {
    margin-top: 15px;
}

.woocommerce #vendor_categories_p {
    padding: 0 15px;
}

#search-vendor-categories-input {
    width: 100%;
    flex: 0 1 auto;
}

#vendor-category-checkbox-panel-wrapper {
    flex: 1 1 auto;
}

#vendor-category-checkbox-panel {
    margin: 2em;
    -webkit-columns: 3 15em;
    -moz-columns: 3 15em;
    columns: 3 15em;
    -webkit-column-gap: 3em;
    -moz-column-gap: 3em;
    column-gap: 3em;
    -webkit-column-rule: 1px dotted #ddd;
    -moz-column-rule: 1px dotted #ddd;
    column-rule: 1px dotted #ddd;
}

.vendor-category-checkbox-div {
    padding: 0.5em;
    display: flex;
}

.vendor-category-checkbox-div input {
    flex: 0 1 auto;
    margin-top: 0.2em;
}

.vendor-category-checkbox-div label {
    margin-left: 0.5em;
    flex: 1 1 auto;
}

.empty-categories {
    font-style: italic;
}

.ui-widget-overlay {
    opacity: 0.6!important;
}

.address {
    color: #797979;
    line-height: 1.2em;
}

.vendor-listing {
    display: flex;
    padding-bottom: 2em;
}

.vendor-listing .address {
    color: black;
    display:inline-flex;
    margin-bottom: 2em;
    white-space: nowrap;
}

.vendor-profile-summary {
    padding: 2em 1em;
    flex-shrink: 0;
    width: 20em;
}

.vendor-profile-summary a {
    display: block;
    margin-top: 5px;
}

.vendor-profile-summary .company-name {
    margin-bottom: 5px;
    font-weight: bold;
}

.vendor-profile-summary .address {
}

.vendor-listing-detail > div {
    padding: 0 3em;
}

.vendor-listing-detail > div > div {
    padding-bottom: 1em;
}

#vendor-profile-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
}

.contact-details {
    /*padding-top: 5px;*/
    line-height: 1.2em;
    white-space: nowrap;
}

.contact-details label {
    font-weight: 300;
}

.contact-details > div {
    display: inline-block;
}

.contact-details .avatar-portrait {
    vertical-align: top;
    margin-right: 1em;
    margin-top: -0.7em;
    border: 3px solid gray;
    border-radius: 50px;
    margin-left: 0.5em;
}

.contact-details .avatar {
    border-radius: 45px;
}

.social-profiles a {
    padding-right: 10px;
    padding-bottom: 10px;
    display: inline-block;
}

#vendor_categories_button, #add_portfolio_image_button {
    background: #18314f;
    color: #f9f9f9;
}

#vendor_categories_button:disabled, #add_portfolio_image_button:disabled {
    background: #9d9d9d;
}

#vendor-categories-dialog-footer {
    color: #96031A;
}

.vendor-contact .avatar-portrait {
    vertical-align: top;
    margin-right: 1em;
    margin-top: -0.7em;
    border: 3px solid gray;
    border-radius: 50px;
    margin-left: 0.5em;
}

.vendor-contact .avatar {
    border-radius: 45px;
}

#vendor-cat-form-ext-instruction {
    margin-left: 1em;
    font-style: italic;
}

#avatar-editor {
    position: relative;
    display: inline-block;
    height: 96px;
    width: 96px;
}

#avatar-editor label::after {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    content: "Click to Edit";
    width: 100%;
    background: #a88a0599;
    color: rgb(220, 220, 220);
    padding: 2px;
    font-size: small;
}

#avatar-editor .fa-trash {
    position: absolute;
    right: 0px;
    padding: 2px;
    background: rgba(245, 245, 220, 0.87);;
}

#avatar-editor input {
    display: none;
}

#avatar-editor label {
    display: inline-block;
    height: 100%;
    width: 100%;
}

#avatar-editor img {
    height: 96px;
    width: 96px;
    object-fit: cover;
}

#update-vendor-listing {
    width: 100%;
    border: none;
    margin-left: 1em;
}

#vendor-listing-form #vendor_categories_button {

}

#vendor-listing-form #vendor_categories_p {
    margin-bottom: 0;
}

.edit-vendor-section {
    padding-top: 1.5em;
}

.edit-vendor-section label {
    font-weight: 300;
}

.edit-vendor-section hr {
    margin-top: 3px;
    margin-bottom: 0px;
}

#listing-status {
    margin-bottom: 1em;
    font-size: large;
}

.valid-status {
    color: green;
}

.invalid-status {
    color: red;
}

#current-listing-status {
    font-size: large;
    margin-bottom: 1em;
}

.req-for-listing {
    margin-left: 0.5em;
    margin-top:2em;
    color:#787878;
}

.company-news article {
    margin-top: 15px;
}
.company-news article * {
    font-size: small!important;
}

.company-news .date-area-container {
    width: 2.5em!important;
    height: 3.5em!important;
}

.company-news .day-area {
    margin-bottom: 3px!important;
}

.company-news .date-area-container * {
    font-size: 10px!important;
}

.company-news .entry-header, .company-news .entry-header * {
    font-size: 14px!important;
    margin-bottom: 1px!important;
}

.company-news .fa-trash {
    float: right;
}

.company-news .entry-summary {
    margin-top: 0;
    margin-bottom: 1em!important;
}

.company-news .entry-summary * {
    font-size: 14px!important;
}

.company-news .article-details {
    padding: 1px!important;
    margin-left: 55px;
}

.company-news .entry-title, .company-news .entry-title a {
    padding: 1px!important;
}

.vendor-confirm-dialog {
    border-radius: 10px;
}

.vendor-confirm-dialog .ui-dialog-titlebar {
    display: none;
}

.vendor-confirm-dialog .ui-dialog-content p {
    padding-top: 20px;
    font-size: 1em;
    text-align: center;
}

.vendor-confirm-dialog .ui-dialog-buttonpane {
    border: none;
}

.type-rfp[rel~="loop-post"] .date-area-container, .type-job[rel~="loop-post"] .date-area-container {
    background: #707070;
    pointer-events: none;
}

.type-rfp[rel~="loop-post"] .title-container::after {
    content: "RFP";
    float: right;
    background: #56ccc8;
    color: #ffffff;
    font-size: 9px;
    line-height: 9px;
    padding: 3px 5px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.type-job[rel~="loop-post"] .title-container::after {
    content: "JOB";
    float: right;
    background: #568acc;
    color: #ffffff;
    font-size: 9px;
    line-height: 9px;
    padding: 3px 5px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

#editable-portfolio-images, .company-portfolio-images > div {
    display: flex;
    flex-wrap: wrap;
}

figure.company-portfolio {
    display: inline-block;
    position: relative;
    margin: 5px;
    max-width: 30%;
    max-height: 200px;
    text-align: center;
}

figure.company-portfolio figcaption {
    display: none;
}

.fancybox-caption h6 {
    color: #eee;
    font-weight: 500;
}

.fancybox-caption span {
    color: #ccc;
}

figure.company-portfolio img {
    object-fit: contain;
    max-height: 184px;
    transition: all 0.5s;
}

figure.company-portfolio img:hover {
    transform: scale(0.9);
    border: none;
}


.portfolio-img-div {
    display: inline-block;
    position: relative;
    margin: 15px;
    max-width: 30%;
    max-height: 200px;
    text-align: center;
}

.portfolio-img-div img {
    transition: all 0.5s;
}

.portfolio-img-div img:hover {
    transform: scale(0.9);
    border: none;
}

.portfolio-img-div .fa-trash {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px;
    background: rgba(245, 245, 220, 0.87);
}

#editable-portfolio-images .portfolio-img-div h4 {
    display: block;
    width: 90%;
    color: #1b1b1e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    font-weight: normal;
}

#editable-portfolio-images .portfolio-img-div img:hover {
    transform: none;
}

.portfolio-img-div img {
    object-fit: contain;
    max-height: 184px;
    max-width: 100%;
}

.portfolio-img-div h4 {
    font-size: 16px;
}

#pie-dialog-content {
    display: none;
}

#pie-dialog-content > label {
    display: inline-block;
    height: 100%;
    width: 100%;
}

#pie-dialog-content > input {
    display: block;
    width: 25em;
}

#pie-dialog-content textarea {
    display: block;
    width: 100%;
    resize: none;
}

.portfolio-image-edit-dialog .ui-dialog-buttonset {
    white-space: nowrap;
    float: none;
    width: 100%;
    text-align: center;
}

.portfolio-image-edit-dialog .ui-dialog-buttonpane.ui-widget-content {
    border: none;
}

#pie-editor {
    position: relative;
    background-image: url("../images/addImageDrop.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 256px;
    border: 2px dashed #a88a0599;
    margin: auto;
}

#pie-dialog-content > label {
    margin-top: 20px;
}

#pie-editor img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: contain;
    padding-bottom: 1.45em;
}

#pie-upload-status {
    display: none;
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    padding: 25px;
    width: 100%;
    height: 100%;
    background: white;
    flex-flow: column;
    justify-content: center;
}

#pie-dnd {
    position: relative;
    width: 100%;
    height: 100%;
}

#pie-dnd img {
    height: 100%;
    object-fit: contain;
    background: white;
}

#pie-dnd .up-error {
    z-index: 9;
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    color: red;
    font-size: small;
    font-weight: bold;
    padding: 0.5em;
}

#pie-dnd label {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    background: #a88a0599;
    color: white;
    font-size: small;
    padding: 0.5em;
}

.pie-dialog-button.ui-button, .cover-requirements-button.ui-button {
    border: 1px solid #a88a05;
    color: #a88a05;
    background: white;
    border-radius: 5px;
    font-weight: normal;
    padding: 15px;
    width: 5em;
}

.pie-dialog-button:disabled, .cover-requirements-button:disabled {
    border: 1px solid #9d9d9d;
    color: #9d9d9d;
}

.fancybox-button {
    padding: 10px!important;
    border-radius: 0!important;
    background: rgba(30,30,30,.6)!important;
}

.company-vid svg {
    position: absolute;
    left: 50%;
    width: 68px;
    height: 48px;
    top: 50%;
    margin-left: -34px;
    margin-top: -24px;
}

.company-vid-solo label {
    display: block;
}

.ytp-large-play-button-bg {
    -webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
    transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
    fill: #212121;
    fill-opacity: .8;
}

.ytp-large-play-button-bg.active {
    fill: rgb(255, 0, 0);
}

#cover-photo-button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 10px 20px;
    color: white;
    background: #18314f;
    border-radius: 5px;
    border: 1px solid white;
    font-weight: 500;
}

#cover-photo-requirements {
    padding: 1em 1em 0.5em 1em;
}

.cover-photo-requirements-dialog .ui-dialog-titlebar {
    float: right;
    border: 0;
    padding: 0;
}
.cover-photo-requirements-dialog .ui-dialog-titlebar-close {
    top: 0;
    right: 0;
    margin: 0;
    z-index: 999;
}

.cover-photo-requirements-dialog .ui-dialog-titlebar-close {
    display: none;
}

.cover-photo-requirements-dialog .ui-dialog-buttonpane {
    border: none;
    margin: 0;
    padding: 0;
}

#cover-photo-menu {
    background: white;
    padding: 0.5em 1em;
    z-index: 9999997;
    border: 1px rgb(180, 180, 180);
    border-radius: 5px;
    min-height: unset;
    box-shadow: rgba(0, 0, 0, 0.28) 0 0 4px;
    margin: 0;
    list-style: none;
}

#cover-photo-menu li {
    margin-top: 0.5em;
    font-size: smaller;
}