/*-- Search and Filter Pro Starts --*/
/* Top Filters */
.searchandfilter select.sf-input-select,
li.sf-field-post_date {
    min-height: 45px;
}

form#search-filter-form-10771.searchandfilter,
form#search-filter-form-11195.searchandfilter,
form#search-filter-form-15864.searchandfilter  {
    width: 100%;
    float: left;
    margin-top: 15px;
}

input.sf-input-text {
    padding-left: 2em !important;
}

input[type=text] {
    background-color: transparent;
    border: 0px;
    color: #003057;
}

li.sf-field-search {
    padding: 0px 0px 0px 2em !important;
}

li.sf-field-search::before {
    display: inline-block;
    position: absolute;
    top: 28.75px;
    left: 2em;
    margin-right: .75em;
    width: 17.5px;
    height: 17.5px;
    content: ' ';
    background-image: url(/wp-content/uploads/2020/09/magnify.svg);
    background-size: 17.5px 17.5px;
    background-repeat: no-repeat;
}

input.sf-input-text {
    background-color: #DCE3EB !important;
    border: none !important;
    height: 45px;
    width: 250px;
    color: #003057 !important;
}

.page-id-15861 input.sf-input-text,
.page-id-15799 input.sf-input-text {
    background-color: #DCE3EB !important;
    border: none !important;
    height: 45px;
    width: 350px;
    color: #003057 !important;
}

.page-id-11205 input.sf-input-text {
    width: 100%;
}
.page-id-15864 input.sf-input-text {
    width: 40%;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #003057 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #003057 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #003057 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #003057 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #003057 !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #003057 !important;
}

li.sf-field-tag {
    width: 25%;
    float: left;
    position: relative;
    top: -1.9em;
    left: 0;
}

li.sf-field-category {
    width: 20%;
    float: left;
}

li.sf-field-reset {
    width: 55%;
    float: left;
    position: relative;
    top: 5px;
}

@media only screen and (max-width: 1404px) {
    li.sf-field-tag {
        width: 28%;
        float: left;
        position: relative;
        top: -2.1em;
        left: 0;
    }
    li.sf-field-category {
        width: 22%;
        float: left;
    }
    li.sf-field-reset {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width: 1200px) {
    li.sf-field-tag {
        width: 35%;
        float: left;
    }
    li.sf-field-category {
        width: 30%;
        float: left;
    }
    li.sf-field-reset {
        width: 35%;
        float: left;
    }
}

@media only screen and (max-width: 980px) {
    li.sf-field-tag {
        width: 40%;
        float: left;
    }

    li.sf-field-category {
        width: 30%;
        float: left;
    }

    li.sf-field-reset {
        width: 30%;
        float: left;
    }
}

@media only screen and (max-width: 900px) {
    li.sf-field-tag {
        width: 100%;
        float: left;
        position: relative;
        top: 0px;
        left: 0;
        padding-bottom: .5em;
    }

    li.sf-field-category {
        width: 100%;
        float: left;
        padding-bottom: .5em;
    }

    li.sf-field-reset {
        width: 100%;
        float: left;
        padding-bottom: .5em;
    }
}

@media only screen and (max-width: 1200px) {
    div.search-filter-results {
        font-size: .9em;
    }
}

@media only screen and (max-width: 980px) {
    div.search-filter-results {
        font-size: .75em;
    }
}

/* Date Field */
li.sf-field-post_date h4 {
    padding-bottom: 0px !important;
    font-weight: inherit !important;
    font-size: 14px !important;
    line-height: normal !important;
}

ul.sf_date_field {
    display: none !important;
}

/* Ensure Size */
.base_assessment_filter {
    min-height: 40px;
    margin-bottom: 1em !important;
}

@media all and (min-width: 900px) and (max-width: 980px) {
    .base_assessment_filter {
        min-height: 60px !important;
    }
}

@media all and (max-width: 899px) {
    .base_assessment_filter {
        min-height: 140px !important;
    }
}

.index_assessment_filter {
    min-height: 40px;
    margin-bottom: 1em !important;
}

@media all and (min-width: 900px) and (max-width: 980px) {
    .index_assessment_filter {
        min-height: 200px !important;
    }
}

@media all and (max-width: 899px) {
    .index_assessment_filter {
        min-height: 200px !important;
    }
}

.blueprint_table_container, 
.webinar_table_container/*,
.micro-credential_container*/ {
    overflow-x: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}

@media all and (max-width: 980px) {
    .blueprint_table_container, 
    .webinar_table_container,
    .micro-credential_container {
        overflow-x: scroll !important;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch !important;
    }
    .blueprint_table_container::-webkit-scrollbar, 
    .webinar_table_container::-webkit-scrollbar,
    .micro-credential_container::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    
    .blueprint_table_container::-webkit-scrollbar:vertical, 
    .webinar_table_container::-webkit-scrollbar:vertical,
    .micro-credential_table_container::-webkit-scrollbar:vertical {
        width: 12px;
    }
    
    .blueprint_table_container::-webkit-scrollbar:horizontal, 
    .webinar_table_container::-webkit-scrollbar:vertical,
    .micro-credential_table_container::-webkit-scrollbar:vertical {
        height: 12px;
    }
    
    .blueprint_table_container::-webkit-scrollbar-thumb, 
    .webinar_table_container::-webkit-scrollbar-thumb,
    .micro-credential_table_container::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .25);
        border-radius: 0px;
        border: 2px solid #ffffff;
    }
    
    .blueprint_table_container::-webkit-scrollbar-track, 
    .webinar_table_container::-webkit-scrollbar-track,
    .micro-credential_table_container::-webkit-scrollbar-track  {
        border-radius: 0px;  
        background-color: #DCE3EB; 
    }
}

/* Reset & Submit */
li.sf-field-reset {
    margin-top: 3px !important;
}
li.sf-field-submit {
    margin-top: 5px !important;
}

/* Type */
div.blueprint_container p,
div.webinar_container p,
div.webinar_container ul li,
div.micro-credential_container p,
div.micro-credential_container ol li {
    font-size: .778em;
}

div.webinar_title,
div.micro-credential_title {
    padding-bottom: 1em;
}

p.webinar_title,
p.micro-credential_title {
    font-weight: 600;
    padding-bottom: .125em;
}

/* Links */
ul.post-categories {
    list-style-type: none;
    list-style: none;
    padding: 0px;
}

div.blueprint_file a.ter_btn,
div.webinar_link a.ter_btn,
div.micro-credential_link a.ter_btn {
    line-height: 1em;
}

a.search-filter-reset {
    color: #EA6B52;
    font-size: 0.889em;
}

a.search-filter-reset:hover {
    color: rgba(234, 107, 82, 0.8);
}

li.sf-field-submit input {
    text-align: center;
    display: inline-block;
    padding: .5em 1.5em !important;
    font-size: .8em;
    letter-spacing: 1.5px;
    color: #ffffff;
    background-color: #EA6852;
    -moz-border-radius: .2em;
    -webkit-border-radius: .2em;
    border-radius: .2em;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

li.sf-field-submit input:hover {
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.3);
}

li.sf-field-submit input:active {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.3);
}

/* Blocks */
div.blueprint_block,
div.webinar_block,
div.micro-credential_block {
    padding: 1em 2em 2em 2em;
}

div.blueprint_block:nth-child(2n),
div.webinar_block:nth-child(2n),
div.micro-credential_block:nth-child(2n) {
    padding: 2em 0;
    background-color: #F2F4F7;
}

div.blueprint_container:nth-child(2n),
div.webinar_container:nth-child(2n),
div.micro-credential_container:nth-child(2n) {
    background-color: #F2F4F7;
}

div.blueprint_container,
div.webinar_container,
div.micro-credential_container {
    background-color: #ffffff;
    position: relative;
    overflow: hidden;
}

/*- Search and Filter Pro Cards -*/
/* Equalize Columns */
.flex-row-wrapper {
    display: flex;
}

.flex-row-wrapper .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-row-wrapper .et_pb_column .et_pb_module {
    flex: auto;
}

/* Blocks */
div.blueprint_card,
div.webinar_card,
div.micro-credential_card {
    width: 100%;
    float: left;
}

div.blueprint_career_cluster a,
div.blueprint_category a,
div.webinar_date a,
div.webinar_topic a,
div.micro-credential_filter_targeted-skills p,
div.micro-credential_targeted-skills p,
div.micro-credential_career_cluster p {
    color: #212121 !important;
    font-weight: 400;
}

div.micro-credential_targeted-skills p {
    padding-bottom: 1em !important;
}

/*- Filters -*/
/* Blueprints */
.sf-input-select {
    border-radius: 0px;
    border-left: 1px solid #003057 !important;
    padding: 1em !important;
    color: #003057;
}

li.sf-field-post_date {
    border-radius: 0px;
    border-left: 1px solid #003057 !important;
    padding: .8em !important;
    color: #003057;
}

li.sf-field-taxonomy-nocti_blueprints_category select,
li.sf-field-post-meta-targeted_skills select,
li.sf-field-post-meta-targeted_skills_acf select,
li.sf-field-post-meta-nocti_career_cluster select,
li.sf-field-post-meta-nocti_partner select,
li.sf-field-post-meta-nocti_date select,
.page-id-11205 li.sf-field-post_date,
li.sf-field-taxonomy-nocti_webinars_category select,
li.sf-field-post-meta-nocti_topic select {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    color: #003057;
}

.searchandfilter select.sf-input-select,
li.sf-field-post_date {
    min-width: 170px;
    width: 100%;
}

.searchandfilter ul li {
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0;
}

div.et_pb_module.et_pb_code.et_pb_code_0.blueprint-filter_header,
div.et_pb_module.et_pb_code.et_pb_code_0.webinar-filter_header,
div.et_pb_module.et_pb_code.et_pb_code_0.micro-credential-filter_header {
    background-color: #DCE3EB;
    height: 75px;
    margin-top: -10px !important;
    margin-bottom: 0px;
}

form#search-filter-results-10771.searchandfilter,
form#search-filter-results-11195.searchandfilter,
form#search-filter-results-15864.searchandfilter {
    min-height: 80px;
}

div#search-filter-results-10771.search-filter-results,
div#search-filter-results-11195.search-filter-results,
div#search-filter-results-15864.search-filter-results,
div.et_pb_module.et_pb_code.et_pb_code_0.blueprint-filter_header, 
div.et_pb_module.et_pb_code.et_pb_code_0.webinar-filter_header,
div.et_pb_module.et_pb_code.et_pb_code_0.micro-credential-filter_header,
div.et_pb_module.micro-credential-filter_header {
    min-width: 980px;
}

div#search-filter-results-10771.search-filter-results::-webkit-scrollbar,
div#search-filter-results-11195.search-filter-results::-webkit-scrollbar,
div#search-filter-results-15864.search-filter-results::-webkit-scrollbar,
div.et_pb_module.et_pb_code.et_pb_code_0.blueprint-filter_header::-webkit-scrollbar, 
div.et_pb_module.et_pb_code.et_pb_code_0.webinar-filter_header::-webkit-scrollbar,
div.et_pb_module.et_pb_code.et_pb_code_0.micro-credential-filter_header::-webkit-scrollbar  {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    display: none;
}

@media only screen and (max-width: 980px) {
    div.search-filter-results {
        font-size: .778em;
    }
}

div.blueprint_filter_block,
div.webinar_filter_block,
div.micro-credential_filter_block {
    padding: 2em 2em 3em 2em;
    border-bottom: 1px solid #003057;
}

div.blueprint_filter_columns,
div.webinar_filter_columns,
div.micro-credential_filter_columns {
    width: 100%;
    float: left;
}

div.blueprint_filter_name,
div.webinar_filter_name,
div.micro-credential_filter_name {
    position: relative;
    top: 0px;
    left: 0px;
}

/*- Arrays -*/
/* Blueprints */
div.blueprint_title {
    position: relative;
    top: 0px;
    left: 0px;
}

div.blueprint_category,
div.blueprint_career_cluster,
div.blueprint_partner {
    position: relative;
    top: 0px;
    left: 0px;
}

div.blueprint_file {
    position: relative;
    top: -5px;
    left: 0px;
}

/* Webinars*/
div.webinar_title {
    position: relative;
    top: 0px;
    left: 0px;
}

div.webinar_content,
div.webinar_date,
div.webinar_topic {
    position: relative;
    left: 0px;
}

div.webinar_link {
    position: relative;
    top: -4px;
    left: 0px;
}

/* Micro Credentials*/
div.micro-credential_title {
    position: relative;
    top: 0px;
    left: 0px;
}

div.micro-credential_content,
div.micro-credential_targeted-skills {
    position: relative;
    left: 0px;
}

/*- SF Field Widths -*/
/* Blueprints */
li.sf-field-search,
div.blueprint_filter_name,
div.blueprint_title {
    width: 19% !important;
    float: left;
}

li.sf-field-taxonomy-nocti_blueprints_category,
div.blueprint_filter_category,
div.blueprint_category {
    width: 17% !important;
    float: left;
}

li.sf-field-post-meta-nocti_career_cluster,
div.blueprint_filter_career_cluster,
div.blueprint_career_cluster {
    width: 22% !important;
    float: left;
}

li.sf-field-post-meta-nocti_partner,
div.blueprint_filter_partner,
div.blueprint_partner {
    width: 20% !important;
    float: left;

}

li.sf-field-reset,
li.sf-field-submit {
    width: 5% !important;
    float: left;
}

div.blueprint_file,
div.blueprint_filter_file {
    width: 10% !important;
    float: left;
}

/* Webinars */
div.webinar_filter_name,
div.webinar_title {
    width: 40% !important;
    float: left;
}

.page-id-11205 li.sf-field-search {
    width: 55.5% !important;
    float: left;
}

li.sf-field-post-meta-nocti_date,
.page-id-11205 li.sf-field-post_date,
div.webinar_filter_date,
div.webinar_date {
    width: 15% !important;
    float: left;
}

.page-id-11205 li.sf-field-post_date {
    display: none;
}

li.sf-field-taxonomy-nocti_webinars_category,
li.sf-field-post-meta-nocti_topic,
div.webinar_filter_category,
div.webinar_category,
div.webinar_filter_topic,
div.webinar_topic {
    width: 26% !important;
    float: left;
}

li.sf-field-reset,
li.sf-field-submit {
    width: 5% !important;
    float: left;
}

div.webinar_filter_link,
div.webinar_link {
    width: 10% !important;
    float: left;
}

/* Micro Credentials */
.page-id-15861 li.sf-field-search,
.page-id-15799 li.sf-field-search {
    width: 65% !important;
    float: left;
}

div.micro-credential_filter_name,
div.micro-credential_title {
    width: 30% !important;
    float: left;
}

li.sf-field-post-meta-targeted_skills,
li.sf-field-post-meta-targeted_skills select,
div.micro-credential_filter_targeted-skills,
div.micro-credential_targeted-skills {
    width: 35%;
    float: left;
}

li.sf-field-post-meta-targeted_skills_acf,
li.sf-field-post-meta-targeted_skills_acf select {
    display: none;
    width: 25%;
    float: left;
}


li.sf-field-taxonomy-micro_credentials_category,
div.micro-credential_filter_career_cluster,
div.micro-credential_career_cluster {
    width: 25% !important;
    float: left;
}

li.sf-field-reset,
li.sf-field-submit {
    width: 5% !important;
    float: left;
}

/* Global */
li.sf-field-search,
div.blueprint_title,
div.webinar_title,
div.micro-credential_title,
div.blueprint_filter_name,
div.webinar_filter_name,
div.micro-credential_filter_name,
li.sf-field-taxonomy-nocti_blueprints_category,
li.sf-field-taxonomy-nocti_webinars_category,
li.sf-field-taxonomy-nocti_micro-credentials_category,
div.blueprint_category,
div.webinar_topic,
div.micro-credential_topic,
div.blueprint_filter_category,
div.webinar_filter_topic,
div.micro-credential_filter_topic,
li.sf-field-post-meta-nocti_career_cluster,
div.blueprint_career_cluster,
div.blueprint_filter_career_cluster,
li.sf-field-post-meta-targeted_skills,
li.sf-field-post-meta-targeted_skills_acf,
div.micro-credential_career_cluster,
div.micro-credential_filter_career_cluster,
li.sf-field-post-meta-nocti_partner,
div.blueprint_partner,
div.blueprint_filter_partner,
li.sf-field-post-meta-nocti_date,
div.webinar_date,
div.webinar_filter_date,
div.micro-credential_targeted-skills,
div.micro-credential_filter_targeted-skills,
li.sf-field-post-meta-nocti_topic,
div.webinar_topic,
div.webinar_filter_topic,
div.micro-credential_topic,
div.micro-credential_filter_topic,
li.sf-field-post_date  {
    margin-right: 2% !important;
}

div.blueprint_category,
div.blueprint_career_cluster,
div.blueprint_partner,
div.webinar_title p.webinar_title,
div.webinar_date,
div.webinar_topic,
div.micro-credential_career_cluster,
li.sf-field-post-meta-nocti_partner,
div.micro-credential_title p.micro-credential_title,
div.micro-credential_date,
div.micro-credential_topic  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75ch;
}

p.blueprint_title {
    padding-bottom: 1em !important;
}

/* Nav Borders */
.wp-pagenavi a, .wp-pagenavi span {
    border: 0px !important;
}

/* Nav Older Previous */
.nav-previous a, .nav-next a {
    color: #EA6B52 !important;
}

.nav-previous a::before {
    display: inline-block;
    position: relative;
    top: -1px;
    right: 0px;
    margin-right: .75em;
    width: 6.2376px;
    height: 10px;
    content: ' ';
    background-image: url(/wp-content/uploads/2020/08/btn_arrow.svg);
    background-size: 6.2376px 10px;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    -webkit-transform: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.nav-next a::after {
    display: inline-block;
    position: relative;
    top: -1px;
    left: 0px;
    margin-left: .75em;
    width: 6.2376px;
    height: 10px;
    content: ' ';
    background-image: url(/wp-content/uploads/2020/08/btn_arrow.svg);
    background-size: 6.2376px 10px;
    background-repeat: no-repeat;
    -webkit-transform: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}