/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* Find your program shortcode styles */

 #find-my-degree-form {
    overflow: hidden;
    width: 100%;
}

#find-my-degree-form select {
    cursor: pointer;
    color: #9EA3A3;
    background: white;
    height: 60px;
    border: #9EA3A3 solid 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    padding: 0 50px 0 25px;
    white-space: break-spaces;
    width: 100%;
    font-family: 'Gotham Bold', sans-serif;
    font-size: 22px;
    line-height: 26px;
    z-index: 1;
    position: relative;
    box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3); 
}

#find-my-degree-form .select-wrap {
    position: relative;
    margin-bottom: 21px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

#find-my-degree-form .select-wrap:before {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
    transform: rotate(90deg);
    height: 16px;
    width: 10px;
    background-size: 10px 16px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.597" height="22.032" viewBox="0 0 12.597 22.032"><path d="M20.046,17.208,11.709,8.878a1.568,1.568,0,0,1,0-2.224,1.588,1.588,0,0,1,2.23,0l9.446,9.439a1.572,1.572,0,0,1,.046,2.171L13.946,27.77a1.575,1.575,0,0,1-2.23-2.224Z" transform="translate(-11.246 -6.196)" fill="%239EA3A3"/></svg>');
}

#find-my-degree-form select::-ms-expand {
    display: none;
}

#find-my-degree-form select option {
    font-size: 16px;
}

#find-my-degree-form button {
    background-color: transparent; 
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    cursor: pointer;
    position: relative;
    border-radius: 0;
    outline: none;
    border: none;
    transition: all 300ms ease-in-out;
    margin-top: 10px;
}

#find-my-degree-form button:hover::after {
    transform: translateX(10px);
}

#find-my-degree-form button::after {
    content: '';
    display: inline-block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 15px solid #fff;
    font-size: 18px;
    line-height: 0;
    position: relative;
    margin-left: 8px;
    bottom: -2px;
    transition: all 300ms ease-in-out;
}

@media (max-width: 980px) {
    #find-my-degree-form {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    #find-my-degree-form .select-wrap {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
    #find-my-degree-form div:nth-child(3) {
        width: calc(100% - 92px);
    }
}

@media (max-width: 980px) {
    #find-my-degree-form select {
        font-size: 18px;
        line-height: 18px;
    }
}

/* Find your program divi machine styles overrides */

#et-boc .find-your-program {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#et-boc .find-your-program .divi-filter-item:after {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    right: 25px!important;
    top: 25px!important;
    transform: rotate(90deg);
    height: 16px;
    width: 10px;
    margin: 0!important;
    border: none!important;
    background-size: 10px 16px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.597" height="22.032" viewBox="0 0 12.597 22.032"><path d="M20.046,17.208,11.709,8.878a1.568,1.568,0,0,1,0-2.224,1.588,1.588,0,0,1,2.23,0l9.446,9.439a1.572,1.572,0,0,1,.046,2.171L13.946,27.77a1.575,1.575,0,0,1-2.23-2.224Z" transform="translate(-11.246 -6.196)" fill="%239EA3A3"/></svg>');
}

#et-boc .find-your-program select {
    cursor: pointer;
    color: #9EA3A3;
    background: white;
    height: 60px;
    border: #9EA3A3 solid 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    padding: 0 50px 0 25px;
    white-space: break-spaces;
    width: 100%;
    font-family: 'Gotham Bold', sans-serif;
    font-size: 22px;
    line-height: 26px;
    z-index: 1;
    position: relative;
    box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3); 
}

#et-boc .is-search-field:after {
    position: absolute;
    content: '';
    display: block;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.5 26.25L16.625 18.375C16 18.875 15.2812 19.2708 14.4688 19.5625C13.6562 19.8542 12.7917 20 11.875 20C9.60417 20 7.68229 19.2135 6.10938 17.6406C4.53646 16.0677 3.75 14.1458 3.75 11.875C3.75 9.60417 4.53646 7.68229 6.10938 6.10938C7.68229 4.53646 9.60417 3.75 11.875 3.75C14.1458 3.75 16.0677 4.53646 17.6406 6.10938C19.2135 7.68229 20 9.60417 20 11.875C20 12.7917 19.8542 13.6562 19.5625 14.4688C19.2708 15.2812 18.875 16 18.375 16.625L26.25 24.5L24.5 26.25ZM11.875 17.5C13.4375 17.5 14.7656 16.9531 15.8594 15.8594C16.9531 14.7656 17.5 13.4375 17.5 11.875C17.5 10.3125 16.9531 8.98438 15.8594 7.89062C14.7656 6.79688 13.4375 6.25 11.875 6.25C10.3125 6.25 8.98438 6.79688 7.89062 7.89062C6.79688 8.98438 6.25 10.3125 6.25 11.875C6.25 13.4375 6.79688 14.7656 7.89062 15.8594C8.98438 16.9531 10.3125 17.5 11.875 17.5Z" fill="%239EA3A3"/></svg>');
}

#et-boc .is-search-field input {
    margin-top: 0;
    padding-right: 60px;
}

#et-boc .find-your-program select:before {
    content: '';
    z-index: 2;
    display: block;
    position: absolute;
    right: 25px;
    top: 25px;
    transform: rotate(90deg);
    height: 16px;
    width: 10px;
    background-size: 10px 16px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12.597" height="22.032" viewBox="0 0 12.597 22.032"><path d="M20.046,17.208,11.709,8.878a1.568,1.568,0,0,1,0-2.224,1.588,1.588,0,0,1,2.23,0l9.446,9.439a1.572,1.572,0,0,1,.046,2.171L13.946,27.77a1.575,1.575,0,0,1-2.23-2.224Z" transform="translate(-11.246 -6.196)" fill="%239EA3A3"/></svg>');
}

#et-boc .find-your-program .divi-filter-item {
    background: transparent;
    margin: 0;
}

#et-boc .find-your-program .divi-filter-containter {
    overflow: hidden;
    gap: 20px;
}

.divi-filter-loop-container .grid-item-cont .et_pb_row {
    width: 100%;
    padding: 30px !important;
}
  
.divi-filter-loop-container .no-results-layout {
    text-align: center;
    font-size: 16px;
}
  
.loadmore-enabled .dmach-loadmore:after {
    display: none;
}

@media all and (max-width: 980px) {
    #et-boc .find-your-program {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #et-boc .find-your-program .divi-filter-containter > div  {
        width: 100%;
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto;
    }
    #et-boc .find-your-program select {
        font-size: 18px;
        line-height: 18px;
    }
}