.search-job{ border-radius:2rem; padding: 0.5rem 0.5rem; .search-dropdown{ @include respond ('tab-port'){ margin-bottom:0.625rem; } } @include respond('tab-port'){ border-radius:$radius; .dashboard-select-1, .dashboard-select-2{ width: 100%!important; } } .form-control.default-select{ .list{ width:100%; padding:10px 0; box-shadow:0 15px 30px 0 rgba(0, 0, 0, 0.2); .option{ padding:8px 20px; font-weight:400; font-size:14px; line-height:2; color:$black; } .option.selected.focus{ background-color:var(--primary); color:$white; padding:8px 20px; font-weight:400; font-size:14px; line-height:2; } &:hover{ .option.selected.focus{ background-color:var(--primary)!important; } } } &:after{ border-width:2px; } } .search-dropdown{ position:relative; &:after{ content:""; position:absolute; top:0.375rem; #{$dlab-pos-right}:0; width:1px; height:2rem; background:#E2E2E2; } @include respond ('tab-port'){ &:nth-child(2){ &:after{ content:none; } } } @include respond ('phone'){ &:after{ content:none; } } } .job-title-search{ .search-box{ margin-#{$dlab-pos-left}: 1rem; .form-control{ border: 0; &:focus{ background-color: transparent; } } } @include respond ('tab-port'){ border-top: 1px solid var(--border); padding-top: .5rem; .search-box{ margin-#{$dlab-pos-left}: 0; } } } } .jobs2{ // border-radius:1.25rem; // transition: all 0.5s; a{ color:var(--text-dark); } i{ color:var(--primary); } .icon-img-bx{ margin-#{$dlab-pos-left}: auto; margin-#{$dlab-pos-right}: auto; margin-bottom: 15px; } .bottom-info { color: var(--text-dark); text-align: center; i { width: 20px; color: var(--text); } } &:hover{ box-shadow: 0 15px 25px rgba(0,0,0,0.1); } } .researcher{ height:3.8rem; } .block{ svg{ margin-top:-5.25rem; position: relative; z-index: 1; } } .bg-blue{ background:#3772EA!important; } .orange{ color:#F93A0B; } .location{ margin-top:2rem; span{ color: var(--text-dark); i{ height: 2rem; width: 2rem; min-width: 2rem; border-radius: 3.125rem; background: $secondary; color: #fff; line-height: 2rem; text-align: center; margin-#{$dlab-pos-right}: .5rem; font-size: .875rem; } } } .pagination{ .page-indicator{ a{ border:1px solid var(--rgba-primary-1); } } } .search-row { background-color: var(--card); .title{ font-size: 1rem; font-weight: 600; margin-bottom: 4px; .sub-title{ font-size: 1.125rem; } } .svg-ico{ height: 3rem; width: 3rem; } } .search-job{ background-color: var(--card); } .job-tabs{ .nav-tabs{ border:0; .nav-item{ .nav-link{ border:0; border-radius:$radius; background:var(--rgba-primary-1); margin-#{$dlab-pos-right}:0.625rem; padding: 0.7rem .9rem; &.active{ i{ color:$white; } background-color:var(--primary); } i{ color:var(--primary); @at-root [data-theme-version="dark"] & { color:$white; } } } } } }