.recommendedwrap{text-align: left; position:absolute;top:50px;left:0;background:white;border:1px solid #ddd;border-top:0;border-bottom: 0;z-index:99;width:100%;}
#recommended ul { margin: 0;box-shadow:0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08); padding-left: 8px;}
#recommended ul li{ text-transform: capitalize;}
#recommended li {list-style:none;color:#666;cursor:pointer;padding:6px 10px;line-height:24px;font-size:0.7rem;}
#recommended li:hover{background:#ededed}
#recommended li::first-letter{text-transform:uppercase}
#recommended li.rcmli.active{background:#ededed;}
li.rcmli strong{font-weight: 500}


#after-title {margin-bottom: 0.15rem;}
.links-after a {display: inline-block; padding-right: 12px; color:#444;}
.links-after a:hover {color: #3f78e0;}

.sidebar.sticky {position: sticky; height: 100%; top: 100px; padding: 0 1rem;}

.image-box a {display: inline-block; width: 14%; padding: 0 1%;}
.image-box img {width: 100%; height: 100%;}

div.featured a {font-size: 0.75rem; font-weight: 500; line-height: normal; display: block;}
div.featured figure:not(.noheight) img {height: 128px !important; }

.dropdown.social a i {margin-right: 6px;}
.dropdown.social .btn {outline: 0; border: 0}
.dropdown.social a.twitter, .dropdown.social a.twitter:hover {color: #222;}
.dropdown.social a.facebook {color: #4470cf}
.dropdown.social a.reddit {color: #ff5617}

.drag-scroll-wrap {position: relative;clear:left;overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    position: relative;
    transition: all 0.5s;
}

#major-tree li a, #career-tree li a {color:#222}
li.nochild a {padding-left: 1.2rem;}

.drag-scroll, .drag-scroll li {display: inline-block;}
.drag-scroll {padding:0.6rem 0;
    float: left;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    position: relative;}
.drag-scroll li {padding: 0 0.6rem;}

aside .widget.imgthumb figure {width: 72px;  height: 48px; margin-right: 1rem;}
aside .widget.imgthumb figure img {width: 72px; max-width: unset;}
aside .widget li { line-height: normal;}
aside .widget li i {top:6px;}
aside .widget li a i {margin-left: -20px;}

.metabox {max-width:100px}
.metabox i {padding-bottom: 1rem;}


.my-schools .school-box a {font-size: 0.75rem; font-weight: 500;}
.save-school, .reqinfo {cursor: pointer;}
.save-school:hover {color: var(--bs-primary)}

.ad-container {min-height: 320px;}
.dt-length .form-select.form-select-sm {display: inline-block; padding-right: 2rem;width:auto;}

.campusexplorer-widget {min-height: 600px;;}
.autors-widget {padding-bottom: 1.2rem;}

.social-share a{position: relative; display: inline-block; width:28px; height: 20px;}
.social-share a i {position: absolute; font-size: 20px;}
#to-review {cursor:pointer;}

h2.small {font-size: 1.3rem;}

.table.small td, .table.small th {font-size:0.7rem;} 

@media (min-width:800px) {
    aside .widget a {font-size: 0.75rem;padding: 0.25rem 0;display: inline-block;padding-right: 0.5rem;}
}



@media (min-width:992px){
    .sidebar.sticky {max-width: 400px; padding-left: 1rem; padding-right: 1rem; padding-top:0; margin-bottom: 300px;}
 }


@media screen and (max-width: 728px) {
    body {font-size: 0.8rem;}
    .flex-wrap-md {flex-wrap: wrap;}
    ::-webkit-scrollbar {display: none;}
    #after-title {display: flex; flex-wrap: wrap;}
    #after-title li {display: flex; flex: 0 0 auto; width: 33%; padding: 8px 0;}
    #after-title li:before {display: none}

    .sidebar-ad {padding-top: 3rem !important; text-align: center;}

    .icon-list li {padding-top: 0.15rem;}
    .sidebar .icon-list li { margin:1rem 0;}
    .blog h2 {font-size: 1.2rem; line-height: 1.2;}
    .blog h3 {font-size: 0.9rem; line-height: 1.2;}
    table caption {font-size: 0.75rem; line-height: 1.4;}
    .table-wrap table  th, .table-wrap table td { font-size: 14px}
    table.table-striped td,table.table-striped th {border:0}
    
    #singlecomments {padding-left: 1rem}
    #singlecomments li {list-style: none;}
    .image-box a {width: 24%;}
    .sidebar.sticky {margin-top: 3rem;}

}

@media screen and (max-width: 480px) {
    #after-title li {width: 33%; letter-spacing: -1px;}
    .image-box a {width: 32%;}
    h6.fs-17 {font-size:0.75rem}
    .accordion-wrapper .card-header {padding:0.9rem 0.5rem;}
    .accordion-wrapper .card-header button:before {left:12px;}
    .accordion-wrapper .card {margin-bottom: 0;}

}