/*
Theme Name: EHE Versat Child Theme - EARLYCHILDHOOD
Theme URI: http://ehe.osu.edu/
Description:  A wordpress theme designed for The College of Education and Human Ecology,
made to be versatile and changeable.  It fits multiple options and has broad utility in 
displaying multiple different site types and layouts.
From the Ablative case of the latin Versus, meaning to change, to turn. Created 02/2018.
Author: John Arcadian & Thuan Nguyen
Template: ehe-versat
Tags: Advanced Custom Fields, Modular, Custom Page Templates, responsive, multiple layouts, bootstrap
Text Domain:  ehe-versat-earlychildhood
*/


/* Instructions
Copy base child theme and rename any instance of "child", "-child", or "Child Theme" to the specific name of the project. I.e. ehe-versat-child becomes ehe-versat-projectname.
If you have done any development or cusomizations within the main theme, depending on your setup you may need to copy them over to a text file before switching to a child theme.

Place all CSS here to override where needed. 
*/


/*
OSU Navbar Fixes
--------------------------------------------- */

#buckeye_alert .container,
#osu_navbar .container {
    width: 100% !important;
}

#buckeye_alert .container p {
    text-align: center;
    font-size: 16px !important;
}

.right-arrow::after {
    font-family: "fontawesome";
    content: "\f0da";
    padding-left: 15px;
}

#content_wrapper h1,
#content_wrapper h2,
#content_wrapper h3,
#content_wrapper h4,
#content_wrapper h5,
#content_wrapper h6 {
    text-transform: none;
}

#content {
    width: 100%
}

#content_wrapper h1 {
    margin: 40px 0 20px 0;
}

button {
    width: 100%;
}

button {
    text-align: center;
}

blockquote {
    margin-bottom: 40px !important;
}

blockquote cite {
    clear: none;
    display: inline;
}

blockquote cite::before {
    content: none;
}

.paddingtopbottom60px {
    padding-top: 60px;
    padding-bottom: 60px;
}

.paddingtop60px {
    padding-top: 60px;
}

.single article {
    padding: 2% 0;
}

.row:before,
.row:after {
    display: none !important;
}


/* #### HEADER #### */

.site_text_logo a {
    color: #333;
}

.biglittleoneline .text_logo_first,
.biglittleoneline .text_logo_second {
    display: block;
    font-size: 26px;
}


/* mega menu to work with versat */

#site_header {
    overflow: visible;
    border-bottom: 2px solid #bb0000;
}

.site_header .content1 {
    overflow: visible;
}

.site_header .content3 {
    overflow: visible;
}

#inner_content_wrapper {
    padding: 0;
}

.events-archive #content,
.tribe_events-template-default #content {
    float: none;
}

.home #inner_content_wrapper {
    padding: 0;
}

.mega-sub-menu .quick-links {
    background-color: #fff;
    padding: 20px;
}

.mega-sub-menu .quick-links h4 {
    font-size: 26px;
    font-weight: 700;
}

.mega-sub-menu .quick-links a button {
    background-color: #666;
    text-align: left;
    padding: 10px;
    margin: 5px 0;
}

.mega-sub-menu .quick-links a button:hover::after {
    font-family: "fontawesome";
    content: "\f0da";
    padding-left: 15px;
}


/* #### MAIN #### */


/* HOME SECTIONS */


/* HOME SECTION 1 - HERO IMAGE 	*/

.home #section-one .rowheader,
.home #section-three .rowheader {
    display: none;
}

.home #section-one .rowcontentcontainer.container {
    position: relative;
}

.home #section-one .content,
.home #content_wrapper #section-one .content h2,
.home #content_wrapper #section-one .content h3,
.home #content_wrapper #section-one .content a {
    color: #fff;
}

.home #content_wrapper #section-one .content h2 {
    font-size: 3.5em;
    font-weight: bold;
    letter-spacing: 1px;
}

.home #section-one .content {
    margin: 0;
    padding: 3vw;
    letter-spacing: 0.5px;
}

.home #section-one .content1 {
    width: 29vw;
    position: relative;
    z-index: 99;
    font-size: 1.1rem;
}

.home #section-one .see-our-work {
    display: block;
    font-size: 1.5rem;
    margin: 20px 0;
    font-weight: 600;
}

.home #section-one .see-our-work::after {
    font-family: "fontawesome";
    content: "\f0da";
    padding-left: 15px;
}


/* mobile styles */

@media only screen and (max-width: 1199px) {
    .home #section-one .content1 {
        width: 100% !important;
        font-size: small !important;
        top: 25vw;
        margin-bottom: 21vw !important;
    }
    .home #content_wrapper #section-one .content h2 {
        font-size: xx-large !important;
    }
}


/* HOME SECTION 2 - FEATURED NEWS AND EVENTS */


/* layout */

.home #section-two {
    padding: 80px 0;
}

.home #section-two .content {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.home #section-two .content1 {
    width: 23%;
    margin-right: 2%;
}

.home #section-two .content2 {
    width: 50%;
    margin-right: 2%;
}

.home #section-two .content3 {
    display: block;
    width: 23%;
}


/* content 1+ 2 layout */

.home #section-two .content ul.lcp_catlist {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.home #section-two .content ul.lcp_catlist li {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.home #section-two .content ul.lcp_catlist a.title {
    color: #fff;
    background-color: rgba(51, 51, 51);
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
}

.home #section-two .content ul.lcp_catlist a img {
    object-fit: cover;
    object-position: 50% 0;
}


/* content 1 */

.home #section-two .content1 a.title {
    font-size: 16px;
    padding: 15px;
}

.home #section-two .content1 ul.lcp_catlist li:first-child {
    margin-bottom: 30px;
}

.home #section-two .content1 ul.lcp_catlist li,
.home #section-two .content1 ul.lcp_catlist li a img {
    height: 235px;
}


/* content 2 */

.home #section-two .content2 a.title {
    font-size: 26px;
    padding: 30px;
}

.home #section-two .content2 ul.lcp_catlist li,
.home #section-two .content2 ul.lcp_catlist li a img {
    height: 500px;
}


/* content 3 */

.home #section-two .content3 .newsletter-signup button {
    margin: 0 0 20px 0;
    font-size: 22px;
    text-transform: uppercase;
}

.home #section-two .content3 li.widget {
    padding: 0;
}

.home #section-two .content3 ol.tribe-list-widget {
    overflow: hidden;
}

.home #section-two .content3 ol.tribe-list-widget li .tribe-event-duration {
    font-size: 16px;
}

.home #section-two .content3 .tribe-events-list-widget .tribe-event-featured {
    background-color: transparent;
}

.home #section-two .content3 .tribe-events-list-widget .tribe-event-featured .tribe-event-duration {
    color: #333;
}

.home #section-two .content3 .tribe-events-list-widget .tribe-event-featured .tribe-event-title a {
    color: #bb0000;
}

.home #section-two .content3 .tribe-events-list-widget img {
    display: none;
}


/* mobile styles */

@media only screen and (max-width: 768px) {
    .home #section-two .content1 {
        width: 100% !important;
    }
    .home #section-two .content ul.lcp_catlist li {
        width: 100% !important;
        margin: 0 0 3% 0 !important;
        float: left;
        height: 67vw !important;
        max-height: 300px;
    }
    .home #section-two .content2 {
        width: 100% !important;
    }
    .home #section-two .content3 {
        width: 100% !important;
    }
    .home #section-two .content2 a.title {
        font-size: 16px !important;
        padding: 15px !important;
        text-align: center;
    }
}


/* SECTION 3 - HOME SECTION OUR WORK */

#section-ourwork {
    text-align: center;
}

#section-ourwork .rowheader {
    display: none;
}

#section-ourwork .container {
    background-color: rgba(38, 104, 109);
    padding: 4%;
}

#content_wrapper #section-ourwork h3 {
    font-size: 40px;
    color: #fff;
}

#section-ourwork .ow-description {
    color: #fff;
    padding: 2% 0;
    font-size: 18px;
}

#section-ourwork .subject a:hover {
    background-color: #666;
}

#section-ourwork .subject a {
    display: flex;
    padding: 10px;
    margin: 10px 0;
}

#section-ourwork .ow-cat-icon {
    height: 32px;
    width: 32px;
}

#section-ourwork .ow-cat-title {
    text-align: left;
    color: #fff;
    width: 100%;
    margin-left: 10px;
}


/* mobile styles */

@media only screen and (max-width: 1400px) {
    /* #section-ourwork {
        margin-bottom: 15vw !important;
    }
    #section-ourwork .rowcontentcontainer{
        width: auto;
        position: relative;
        top: 11vw;
        margin: 0 1.5vw;
    }
    #section-ourwork .rowcontentcontainer .col{
        font-size: 0.85em;
        width: auto;
        float: left;
    }
    #section-ourwork .rowcontentcontainer .col img{
        width: 5vw;
        max-width: 30px !important;
    } */
}


/* MEGA MENU - OUR WORK */

.mega-sub-menu #section-ourwork {
    margin: 0;
}

.mega-sub-menu #section-ourwork .ow-description {
    color: #333;
    padding: 0 10%;
}

.mega-sub-menu #section-ourwork .ow-cat-title {
    color: #333;
}

.mega-sub-menu #section-ourwork a:hover {
    background-color: #ccc;
}

.mega-sub-menu #section-ourwork button {
    width: 50%;
    margin: 2% 0;
}


/* HOME SECTION 4 */


/* Mobile Styles */

@media only screen and (max-width: 808px) {
    .home #section-four .content1 {
        width: 100% !important;
    }
    .home #section-four .content2 {
        padding-top: 25px !important;
        width: 100% !important;
    }
    .home #section-four .content2 .lcp_catlist .news-item {
        width: 100% !important;
        height: 200px !important;
        min-height: 200px !important;
    }
}

@media only screen and (max-width: 499px) {
    .home #section-four .content2 .lcp_catlist .news-item .news-image-wrap {
        width: 100% !important;
    }
    .home #section-four .content2 .lcp_catlist .news-item .news-content-wrap {
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
        float: left;
    }
    .home #section-four .content2 .lcp_catlist .news-item {
        min-width: 0 !important;
        height: auto !important;
    }
    .home #section-four .content2 .lcp_catlist .news-image-wrap {
        height: auto !important;
        min-height: 200px !important;
        max-height: 500px !important;
    }
    .home #section-four .content2 .lcp_catlist .news-image-wrap img {
        height: auto !important;
        max-height: 500px !important;
    }
    .home #section-four .content2 .lcp_catlist .news_excerpt {
        height: auto !important;
    }
}

@media only screen and (min-width: 809px) and (max-width: 1304px) {
    .home #section-four .content1 {
        width: 38% !important;
    }
    .home #section-four .content2 {
        width: 60% !important;
    }
    .home #section-four .content2 .lcp_catlist .news-item {
        width: 100% !important;
    }
}


/* layout */

.home #section-four {
    padding: 80px 0;
}

.home #section-four .content {
    margin: 0;
    padding: 0;
}

.home #section-four .content1 {
    width: 23%;
    display: block;
    margin-right: 2%;
}

.home #section-four .content2 {
    width: 75%;
}


/* content 1 */

.home #section-four .content1 {
    background-color: #f1f1f1;
}

.home #content_wrapper #section-four .content1 h2 {
    background-color: #666;
    width: 100%;
    text-align: center;
    padding: 15px;
    margin: 0 0 30px 0;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px;
}

.home #content_wrapper #section-four .content1 ul {
    margin: 0;
    padding: 0;
}

.home #section-four .arpw-random-staff-member img {
    height: 250px;
    object-fit: cover;
    object-position: top;
    width: 250px;
    border-radius: 100%;
}

.home #section-four .arpw-random-staff-member .arpw-title {
    display: block;
    clear: both;
    padding: 15px 0;
    font-weight: 400;
    font-size: 22px;
    color: #333;
}

.home #section-four .arpw-random-staff-member .arpw-title::after {
    font-family: "fontawesome";
    content: "\f0da";
    padding-left: 15px;
}

.home #section-four .content1 ul li {
    box-shadow: none;
    text-align: center;
}

.home #section-four .content1 .view-all-staff {
    margin: 20px;
}

.home #section-four .content1 .view-all-staff button {
    color: #333;
    background: none;
    border: 2px solid #333;
    font-weight: bold;
}


/* content 2 */

.home #content_wrapper #section-four .content2 h2 {
    margin: 0 0 2% 0;
}

.home #content_wrapper #section-four .content2 .recent-news {
    clear: both;
}

.home #content_wrapper #section-four .content2 .recent-news a {
    font-weight: 700;
}

.home #section-four .content2 .lcp_catlist .news-item {
    height: 200px;
    display: block;
    background-color: #f1f1f1;
    overflow: hidden;
    display: inline-block;
    width: 49%;
    margin-bottom: 2%;
    min-width: 468.55px;
    float: left;
}

.home #section-four .content2 .lcp_catlist .news-item:nth-child(odd) {
    margin-right: 2%;
}

.home #section-four .content2 .lcp_catlist .news-image-wrap {
    float: left;
    display: inline-block;
    height: 200px;
    width: 40%;
    max-height: 200px;
}

.home #section-four .content2 .lcp_catlist .news-image-wrap img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 0;
    min-height: 200px;
    max-height: 200px;
}

.home #section-four .content2 .lcp_catlist .news-content-wrap {
    padding: 15px;
    overflow: hidden;
    display: inline-block;
    width: 60%;
}

.home #section-four .content2 .lcp_catlist .news-title {
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 10px;
}

.home #section-four .content2 .lcp_catlist .news_excerpt {
    font-size: 14px;
    height: 90px;
    text-overflow: clip;
}


/* SECTION style 1 */

@media only screen and (max-width: 812px) {
    #section-style1 .rowcontentcontainer {
        display: block !important;
        margin-bottom: 37vw !important;
    }
    #section-style1 .rowcontentcontainer .content {
        width: 100% !important;
        position: relative !important;
        top: 37vw !important;
    }
}

#section-style1 .rowcontentcontainer {
    display: flex;
}

#section-style1 .rowheader {
    display: none;
}

#section-style1 .content {
    margin: 0;
    padding: 60px;
}

#section-style1 .content1 {
    width: 40%;
    background-color: #26686d;
    position: relative;
    z-index: 99;
    color: #fff;
}

#content_wrapper #section-style1 .content1 h2 {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 45px;
    margin-bottom: 15px;
}

#content_wrapper #section-style1 .content1 h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 15px;
}

#section-style1 .content1 p {
    font-size: 18px;
    color: #f1f1f1;
}

#section-style1 .content2 {
    background-color: rgba(241, 241, 241, .9);
    width: 60%;
}

#content_wrapper #section-style1 .content2 h3 {
    color: #000;
    padding-bottom: 2%;
    font-weight: 600;
}

#section-style1 .content2 button {
    color: #333;
    background: none;
    border: 2px solid #333;
    font-weight: bold;
}


/* Newsletter and Contact Us Page */

@media only screen and (max-width: 768px) {
    .content-box .rowcontentcontainer {
        display: block !important;
        padding: 25px !important;
    }
    .content-box .rowcontentcontainer .content {
        width: 100% !important;
        padding: 25px !important;
    }
}

.content-box-page #inner_content_wrapper {
    padding: 0;
}

.content-box .rowcontentcontainer {
    display: flex;
    padding: 60px;
}

.content-box .rowcontentcontainer .content {
    width: 50%;
    padding: 60px;
    margin: 0;
    float: left;
}

.content-box .rowcontentcontainer .content hr {
    border: none;
}

.content-box .rowcontentcontainer .content .ctct-form {
    padding-top: 30px;
}

.content-box .rowcontentcontainer .content1 {
    background-color: #fff;
}

.content-box .rowcontentcontainer .content2 {
    background-color: #bb0000;
    color: #fff;
}

#content_wrapper .content-box .rowcontentcontainer .content2 h2,
#content_wrapper .content-box .rowcontentcontainer .content2 h3 {
    color: #fff;
}

.content-box .rowcontentcontainer .content2 a {
    color: #ccc;
}

.content-box .rowcontentcontainer .content2 input {
    border: 2px solid #fff;
}

.ctct-form-wrapper .ctct-button {
    display: none;
}

.displayinline {
    display: inline-block;
}

.textaligncenter {
    text-align: center;
}

.textalignright {
    text-align: right;
}


/* News Page */

.ctct-form-field-email span {
    display: none;
}

.ctct-form-field-email input {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 18px;
    width: 100%;
}

.ctct-form-field-submit {
    width: 100%;
}

.ctct-form-field-submit input {
    width: 100%;
    margin: 0;
}


/* About Page */

@media only screen and (max-width: 875px) {
    .page-id-4941 #section-style1 .rowcontentcontainer {
        display: block;
        margin-bottom: 46vw;
    }
    .page-id-4941 #section-style1 .rowcontentcontainer .content1 {
        width: 100%;
        top: 46vw;
    }
    .page-id-4941 #section-style1 .rowcontentcontainer .content2 {
        width: 100%;
        position: relative;
        top: 46vw;
    }
}

.page-id-4941 .page-top-section-content-resp {
    display: none !important;
}

.page-id-4941 .content1 iframe {
    width: 100%;
}


/* Our Work Page */

.page-id-5130 .sidebar_container {
    min-width: 350px;
}

.page-id-5130 #content.col-md-9 {
    width: calc(100% - 350px);
}

@media only screen and (max-width: 992px) {
    /* .page-id-5130 .sidebar_container {
        width: calc(100% - 60px);
        min-width: 0px !important;
        margin: 30px;
    }
    .page-id-5130 .col-md-9 {
        width: 100% !important;
    } */
    .page-id-5130 .sidebar_container {
        width: 100%;
        max-width: 100%;
        margin: 0;
        /* margin: 30px; */
    }
    .page-id-5130 #content.col-md-9 {
        width: 100%;
        max-width: 100%;
    }
}


/* Events - Default Look */

ol.tribe-list-widget li {
    background-color: #ffffff;
    border: 1px solid #f1f1f1;
}

li.tribe-events-list-widget li.tribe-events-list-widget-events {
    padding: 0;
}

#content_wrapper .sidebar_container ol.tribe-list-widget li {
    margin: 0 0 10px;
    display: flex;
    flex-direction: column-reverse;
}

ol.tribe-list-widget li .tribe-event-duration::before {
    font-family: 'fontawesome';
    content: "\f073";
    padding-right: 10px;
}

ol.tribe-list-widget li .tribe-event-duration {
    font-size: 18px;
    background-color: #f1f1f1;
    width: 100%;
    padding: 10px;
}

#content_wrapper ol.tribe-list-widget li h4.tribe-event-title {
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 400;
    text-transform: unset;
}

#content_wrapper ol.tribe-list-widget li h4.tribe-event-title::after {
    font-family: 'fontawesome';
    content: "\f105";
    padding-left: 5px;
}

.single-tribe_events .tribe-events-event-meta {
    background-color: #f1f1f1;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#tribe-events-content a,
.tribe-events-event-meta a {
    color: #bb0000;
    border: none;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured {
    background-color: #bb0000;
}

/* calendar view */
/* #content_wrapper h3.tribe-events-calendar-month__calendar-event-title {
    font-size: 12px;
} */

.post-type-archive-tribe_events #content_wrapper h1,
.post-type-archive-tribe_events #content_wrapper h2,
.post-type-archive-tribe_events #content_wrapper h3,
.post-type-archive-tribe_events #content_wrapper h4,
.post-type-archive-tribe_events #content_wrapper h5,
.post-type-archive-tribe_events #content_wrapper h6 {
    font-size: unset; 
}


/* widget */

.tribe-events-list-widget .tribe-events-list-widget-events.tribe-event-featured {
    background-color: transparent;
}

.tribe-events-list-widget .tribe-events-list-widget-events img {
    display: none;
}

.tribe-events-list-widget .tribe-events-list-widget-events.tribe-event-featured .tribe-event-duration {
    color: #333;
}

.tribe-events-list-widget .tribe-events-list-widget-events.tribe-event-featured .tribe-event-title a {
    color: #bb0000;
}

/* event widget sidebar  */
#content_wrapper h2.tribe-events-widget-events-list__header-title {
    font-size: 22px;
}
#content_wrapper h3.tribe-events-widget-events-list__event-title {
    font-size: 16px;
    font-weight: normal;
}

.tribe-common-g-row.tribe-events-widget-events-list__event-row {
    background-color: #ffffff;
    border-top: 1px solid #f1f1f1;
    padding: 10px 0;
}

.tribe-events-widget-events-list__event-datetime-wrapper {
    display: none;
}

/* Search and Filter Sidebar */

.page-template-search-filter-page #content_wrapper .sidebar_container ul,
.page-template-search-filter-page li.widget {
    margin: 0;
    padding: 0;
}

.page-template-search-filter-page #content_wrapper .sidebar_container ul li:last-of-type {
    padding-bottom: 20px;
}

.page-template-search-filter-page .sidebar_container {
    background-color: #f1f1f1;
}

.page-template-search-filter-page #content_wrapper .sidebar_container h4 {
    font-size: 16px;
    color: #333;
    margin-left: 40px;
    padding: 20px 0;
}

.searchandfilter ul {
    padding: 40px 0;
}

#content_wrapper .sidebar_container li.sf-level-0 {
    padding: 0 0 0 40px;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#content_wrapper .sidebar_container li.sf-level-0 label {
    font-weight: 400;
}

#content_wrapper .sidebar_container .sf-field-taxonomy-owcategory li.sf-level-0 label {
    padding: 12px;
}

#content_wrapper .sidebar_container li.sf-level-1 {
    padding: 5px 0 5px 60px;
    margin-left: -40px;
    width: 100%;
}

#content_wrapper .sidebar_container li.sf-level-1 label {
    padding-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    text-transform: initial;
}


/* CATEGORIES COLOR SIDEBAR */

.sf-field-taxonomy-owcategory li.sf-item-29 {
    border-left: 8px solid #442369;
    background-color: rgb(68, 35, 105, .2);
}

.sf-field-taxonomy-owcategory li.sf-item-35 {
    border-left: 8px solid #dcaa38;
    background-color: rgb(220, 170, 56, .2);
}

.sf-field-taxonomy-owcategory li.sf-item-39 {
    border-left: 8px solid #26686d;
    background-color: rgb(38, 104, 109, .2);
}

.sf-field-taxonomy-owcategory li.sf-item-42 {
    border-left: 8px solid #851e5e;
    background-color: rgb(133, 30, 94, .2);
}

.sf-field-taxonomy-owcategory li.sf-item-45 {
    border-left: 8px solid #909738;
    background-color: rgb(144, 151, 56, .2);
}

.sf-field-taxonomy-owcategory li.sf-item-47 {
    border-left: 8px solid #d65828;
    background-color: rgb(214, 88, 40, .2);
}

.sf-field-taxonomy-owcategory .sf-item-62 {
    border-left: 8px solid #6ebbab;
    background-color: rgba(110, 187, 171, 0.2);
}

.sf-field-taxonomy-owcategory .sf-item-68 {
    border-left: 8px solid #92b0d7;
    background-color: rgb(146, 176, 215, .2);
}


/* END - CATEGORIES COLOR SIDEBAR */

.searchandfilter ul li.sf-field-search {
    border-top: 20px solid #fff;
}

.sf-field-search label {
    width: 100%;
    padding: 10px 40px 10px 40px;
}

.sf-field-search label input {
    height: 50px;
    width: 100%;
    padding: 10px;
}


/* Search and Filter Content */

.sf-result-cat-wrap {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.sf-result-cat-icon {
    float: right;
    padding: 10px;
    background-color: #f1f1f1;
}

.sf-result-cat-icon img {
    display: inline-block;
    padding-right: 5px;
    width: 28px;
}

.sf-result-cat {
    color: #fff;
    font-size: 12px;
}

.sf-result-content-wrap {
    display: block;
    box-shadow: 1px 1px 1px #dddddd, -1px -1px 1px #dddddd;
    padding: 20px;
    margin-bottom: 15px;
}

.sf-result-image {
    width: 100%;
    overflow: hidden;
}

.sf-result-image img {
    width: 100%;
}

.sf-result-title {
    font-size: 20px;
    font-weight: 600;
    overflow: hidden;
}

.sf-result-excerpt {
    overflow: hidden;
}

.sf-result-external-link {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px 20px;
}

.sf-result-external-link {
    text-align: center;
}

.sf-result-top-wrap {
    display: flex;
    justify-content: start;
    color: #3f4443;
    font-size: 14px;
}

.sf-result-top-header {
    text-transform: uppercase;
}

.sf-result-top-title {
    padding-left: 10px;
}


/* Search and Filter */

@media only screen and (max-width: 992px) {
    #content_wrapper .sf-result-cat-icon img {
        display: none;
    }
}


/* Staff Listing */


/* Staff Listing - Temporary Template */

.staff-photo-wrap {
    box-shadow: 1px 1px 1px #dddddd, -1px -1px 1px #dddddd;
    overflow: hidden;
    width: 160px;
    height: 160px;
    border-radius: 100%;
    margin: 0 auto;
    transition: 0.3s;
}

.staff-photo-wrap:hover {
    -webkit-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 10px 1px rgba(0, 0, 0, 0.5);
}

.staff-info {
    text-align: center;
}

.staff-member {
    width: 15%;
    margin-left: 1%;
    display: inline-table;
    justify-content: space-evenly;
    padding: 20px;
}

.staff-member img.staff-member-photo {
    width: 100%;
}

#content_wrapper .staff-member h3.staff-member-name {
    color: #000;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

#content_wrapper .staff-member h4.staff-member-position {
    color: #333;
    font-size: 13px;
    font-style: italic;
    text-align: center;
}

.rtbs_faculty-associates .rtbs_menu ul::after {
    content: "" !important;
}


/* Staff - Single */

@media only screen and (max-width: 768px) {
    .single-staff-member .col-container {
        display: block !important;
    }
}

.single-staff-member .col-md-3 {
    min-width: 310px;
}

.single-staff-member .staff-photo-wrap {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 30px;
}

.single-staff-member .staff-photo-wrap img {
    width: 100%;
}

.single-staff-member .name,
.single-staff-member .title {
    color: #fff;
    padding: 10px 20px;
}

.single-staff-member .name {
    background-color: #dcaa38;
    font-size: 26px;
    font-weight: 600;
}

.single-staff-member .title {
    background-color: #26686d;
    margin-left: 20px;
    margin-bottom: 60px;
    font-style: italic;
    font-size: 14px;
}

.single-staff-member .googlelink {
    margin-bottom: 40px;
}

.single-staff-member .googlelink i {
    margin-left: 10px;
}

.single-staff-member .email {
    margin-bottom: 15px;
}

.single-staff-member .email-icon svg,
.single-staff-member .phone-icon svg {
    width: 20px;
    height: 20px;
}

.single-staff-member .email-icon,
.single-staff-member .phone-icon {
    padding-right: 20px;
}

.single-staff-member #inner_content_wrapper {
    padding: 0px;
}

.single-staff-member .col-sidebar {
    background-color: #f1f1f1;
}

.col-container {
    display: flex;
}

.col-sidebar {
    padding: 60px 30px;
}

.col-content {
    padding: 60px;
}

.single-staff-member #content_wrapper h1 {
    font-weight: 800;
    font-size: 48px;
    padding-bottom: 30px;
    color: #333;
}

.single-staff-member #content_wrapper h2 {
    font-size: 24px;
    padding-top: 20px;
    color: #000;
    font-weight: 600;
}


/* Sidebar */

.archive .sidebar_container {
    padding-left: 60px;
    margin-top: 40px;
}

.archive .sidebar_container li.widget {
    padding: 0;
    margin-bottom: 40px;
}

.archive #content_wrapper .widgettitle {
    margin-bottom: 20px;
    border-bottom: none;
}

.archive #content_wrapper .sidebar_container ul,
#content_wrapper .sidebar_container ol {
    margin: 0;
}

.archive #content_wrapper .sidebar_container .textwidget {
    margin: 0;
}

.archive #content_wrapper .sidebar_container .textwidget button {
    font-size: 24px;
}


/* Footer */

.site_footer h2.widgettitle {
    color: #fff !important;
    font-size: 18px !important;
    margin-bottom: 20px;
}

.site_footer .creds {
    font-weight: 200;
    font-size: 14px;
}

.site_footer button {
    background: none;
    border: 1px solid #fff;
}


/* category */

.category article {
    padding: 40px 0 0 0;
}


/* OUR WORK CATEGORIES ARCHIVE PAGE */

.entry {
    display: inline-flex;
}

.entry .post-thumbnail {
    display: inline-block;
    padding-right: 20px;
    padding-bottom: 20px;
}

.entry .post-excerpt {
    display: inline-block;
}


/* OUR WORK - SINGLE POST */

.the-post-featured-image img {
    width: 100%;
}

.post-meta {
    margin: 4% 0;
}

.post-meta-categories a.post-meta-categories-name {
    display: inline-flex;
    padding: 10px;
    background-color: #999;
    color: #fff;
    margin: 2px 0;
}

.post-meta-categories a.post-meta-categories-name:hover {
    background-color: #ccc;
}

.post-meta .post-meta-tag {
    margin: 5px 0;
}

.post-meta a.post-meta-tag-name {
    padding-left: 10px;
    text-decoration: underline;
    color: #999;
}


/* Home */

@media only screen and (max-width: 768px) {
    .home .sidebar_container {
        margin: 0;
    }
    .home #section-four .content2 .lcp_catlist .news-item .news-image-wrap {
        display: none;
    }
    .home #content_wrapper #section-four .arpw-random-staff-member img {
        height: 250px !important;
    }
    /* contact us + news signup */
    .content-box.sectioned_row {
        background-size: cover !important;
    }
    /* news sidebar */
    .archive .sidebar_container {
        padding: 2%;
        /* float: none; */
        margin: 0;
    }
}


/* OUR WORK - SEARCH AND FILTER PAGE */

.our-work #inner_content_wrapper {
    padding: 60px 0;
}

.single-ourwork #inner_content_wrapper,
.single-post #inner_content_wrapper {
    padding: 0;
}

@media only screen and (max-width: 1460px) {
    .single-ourwork #inner_content_wrapper,
    .single-post #inner_content_wrapper {
        padding: 0 4%;
    }
}

.at-below-post.addthis_tool {
    margin-top: 40px;
}

#inner_content_wrapper {
    overflow: visible;
}


/* OUR WORK - SEARCH AND FILTER PAGINATION */

.our-work .page-result {
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 20px 0;
}

.our-work .page-result .page-found,
.our-work .page-result .page-counter {
    display: inline-block;
    float: right;
}

.our-work-pagination {
    margin: 20px auto;
    text-align: center;
}

.our-work-pagination .nav-previous,
.our-work-pagination .pagination-number,
.our-work-pagination .nav-next {
    display: inline-flex;
}

.our-work-pagination .nav-previous,
.our-work-pagination .nav-next {
    font-family: 'fontawesome';
    font-size: 18px;
}

.our-work-pagination .nav-previous a,
.our-work-pagination .nav-next a {
    padding: 5px 20px;
}

#content_wrapper .our-work-pagination .pagination-number ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#content_wrapper .our-work-pagination .pagination-number ul li {
    margin: 0;
    display: inline-block;
    padding: 0 10px;
}

.our-work-pagination .pagination-number ul li.active {
    background-color: #bb0000;
    color: #fff;
}