/* rbenson@circle -- https://intranet.circle-interactive.co.uk/site/social-farms-gardens/todo/34312 */
/* allow 3 blocks at the bottom to be 'hoverable' */
.sfg-footer.contextual-links-region {
    position: initial !important;
}

/* micah@circle -- https://intranet.circle-interactive.co.uk/site/social-farms-gardens/todo/35149 */
/* correct sign-up z-index */
.node-type-webform .token-input-dropdown { 
    z-index: 500; 
}

/** Autocomplete civicrm spacing **/
.token-input-dropdown {
    margin-top: -2.5em;
}

/* micah@circle -- https://intranet.circle-interactive.co.uk/site/social-farms-gardens/todo/36828 */

/* 
 *   KNOWLEDGE-BASE CUSTOM CSS START    
 */

/* Page span full width */
.node-type-knowledge-base-header .col-lg-3, 
.node-type-knowledge-base-article .col-lg-3, 
.node-type-knowledge-base-resources .col-lg-3,
.page-knowledge-base-knowledge-base-search .col-lg-3 {
    width: 32%;
}

/* Articles / Related Articles image css */
/* https://css-snippets.com/tabs/ */
#block-views-05a7a874546f3beb2c1f53a28f5ba6a2 .media.article-container img.img-responsive, 
#block-views-45ccf03550407054dc4a01453801fb63 .media.article-container img.img-responsive, 
#block-views-0546f91dbfeecdf514b0d14995b673b1 .media.article-container img.img-responsive {
    -moz-border-radius: 20px 0px 20px 0px;
    -webkit-border-radius: 20px 0px 20px 0px;
    border-radius: 20px 0px 20px 0px;
    height: 140px;
    width: 150px;
    object-fit: cover;
    border: 2px solid #365340;
}

.node-type-knowledge-base-header .media-heading,
.node-type-knowledge-base-article .media-heading,
.node-type-knowledge-base-resources .media-heading {
    margin: 0 0 0 0;
}

#block-views-752639fd147913dacf73c1174085dd30 .views-field-title,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-field-title {
    background-color: rgba(215, 235, 188, 0.85);
    font-family: 'Montserrat Alternates', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

/** Block header colors **/
#block-views-752639fd147913dacf73c1174085dd30 .views-row :hover,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-row :hover {
    background-color: #F4F9EC;
}

#block-views-752639fd147913dacf73c1174085dd30 .views-row.views-row-first :hover,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-row.views-row-first :hover {
    background: #8DC63F;
}

#block-views-752639fd147913dacf73c1174085dd30 .views-row-1 .views-field-title a,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-row-1 .views-field-title a {
    color: white;
}

#block-views-752639fd147913dacf73c1174085dd30 .views-row-1 .views-field-title,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-row-1 .views-field-title {
    background: #8DC63F;
}

/* Custom header chevrons */
#block-views-752639fd147913dacf73c1174085dd30 .views-row .views-field-title ::before,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-row .views-field-title ::before {
    right: 20px;
    top: 30%;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 9px;
    border-color: transparent transparent transparent #395040;
    -webkit-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

#block-views-752639fd147913dacf73c1174085dd30 .views-row.views-row-first .views-field-title ::before,
#block-views-127ad6c09243c9417330f3ea0ecdae8a .views-row.views-row-first .views-field-title ::before {
    content: "";
    position: absolute;
    bottom: -11px;
    left: 35px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 10.5px 0 10.5px;
    border-color: #8DC63F transparent transparent transparent;
    z-index: 100;
    right: unset;
    top: unset;
    -webkit-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* Knowledge-base individual item flexboxes */
#block-views-05a7a874546f3beb2c1f53a28f5ba6a2 .media.article-container, 
#block-views-45ccf03550407054dc4a01453801fb63 .media.article-container, 
#block-views-0546f91dbfeecdf514b0d14995b673b1 .media.article-container,
.view-display-id-knowledge_base_search .media.article-container {
    display: inline-flex;
    width: 100%;
    align-items: center;
}

#block-views-05a7a874546f3beb2c1f53a28f5ba6a2 .media.article-container .media-left, 
#block-views-0546f91dbfeecdf514b0d14995b673b1 .media.article-container .media-left {
    flex-basis: 50%;
}

#block-views-45ccf03550407054dc4a01453801fb63 .media.article-container .media-left {
    flex-basis: 100%;
}

#block-views-0546f91dbfeecdf514b0d14995b673b1 .media.article-container span.file,
.view-display-id-knowledge_base_search .media.article-container span.file,
.node-type-knowledge-base-resource .field-type-file span.file,
.node-type-knowledge-base-resource .field-name-field-youtube-link .field-items {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.view-display-id-knowledge_base_search .media.article-container .media-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.view-display-id-knowledge_base_search .media.article-container .media-body .field-content {
    padding-right: 10px;
}

#block-views-0546f91dbfeecdf514b0d14995b673b1 .media.article-container {
    justify-content: space-between;
    align-items: center;
}

#block-views-05a7a874546f3beb2c1f53a28f5ba6a2 .media .media-body, 
#block-views-45ccf03550407054dc4a01453801fb63 .media .media-body,
.view-display-id-knowledge_base_search .media .media-body {
    margin: 0 0 0 10px;
}
 
#block-views-45ccf03550407054dc4a01453801fb63 {
    margin-top: 20px;
}

/** Knowledge-base embeded Iframe **/
#block-views-0546f91dbfeecdf514b0d14995b673b1 .iframe-container iframe {
    padding: 0 0 0 0;
    margin-top: 0;
    position: unset;
}

#block-views-0546f91dbfeecdf514b0d14995b673b1 .iframe-container {
    margin-top: 0;
    position: unset;
}

#block-views-0546f91dbfeecdf514b0d14995b673b1 .iframe-container:before {
    content: unset;
}

.node-type-knowledge-base-header .search-bar, .node-type-knowledge-base-article .search-bar {
    margin-top: 20px;
}

.node-type-knowledge-base-header header#breadcrumbs-social, 
.node-type-knowledge-base-article header#breadcrumbs-social,
.node-type-knowledge-base-resource header#breadcrumbs-social,
.page-knowledge-base-knowledge-base-search header#breadcrumbs-social {
    padding: 0px 0px 15px 0px;
    margin-top: 0px;
}

#block-views-f918c3bf8e55670dea24e493b221f43c #edit-body-value-wrapper, #edit-combine-wrapper {
    display: flex;
    align-items: baseline;
    width: 92%;
}

#block-views-f918c3bf8e55670dea24e493b221f43c .views-exposed-form label {
    flex-basis: 12%;
}

#block-views-f918c3bf8e55670dea24e493b221f43c .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}

#block-views-f918c3bf8e55670dea24e493b221f43c  .views-widget {
    flex-basis: 100%;
}

#block-views-f918c3bf8e55670dea24e493b221f43c  .views-exposed-widgets {
    margin-bottom: 1.5em;
    display: flex;
    align-items: center;
}

#block-views-f918c3bf8e55670dea24e493b221f43c button.form-submit.btn.btn-default:before {
    content: unset;
}

.node-knowledge-base-resource .content {
    display: inline-flex;
}

.node-type-knowledge-base-resource .col-sm-12 .title {
    margin-top: 0px;
}

/** Embed YT video **/
.node-type-knowledge-base-resource .field-name-field-embed-pdf, 
.node-type-knowledge-base-resource .field-type-file,
.node-type-knowledge-base-resource .field-name-field-youtube-link {
    flex-basis: 65%;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);;
}

.node-type-knowledge-base-resource .field-name-field-embed-pdf, 
.node-type-knowledge-base-resource .field-type-file {
    display: flex;
    align-items: center;
    justify-content: center;
}

.node-type-knowledge-base-resource .field-name-field-youtube-link {
    word-break: break-word;
} 

.node-type-knowledge-base-resource .field-name-body {
    padding: 0 0 0 20px;
    margin-bottom: 20px;
}


/* 
 *   KNOWLEDGE-BASE CUSTOM CSS END  
 */