NHS Directory

.city-card{position:relative;text-align:center;margin-bottom:30px;cursor:pointer;z-index:1;width:100%;height:230px; border-radius: 8px; } .city-card:hover h5{bottom:42px;} .city-card:hover p{visibility:visible;bottom:15px;opacity:1;} .city-card::before{position:absolute;content:"";top:0px;left:0px;z-index:1;width:100%;height:100%; background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.5)));background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 90%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .city-card h5{position:absolute;bottom:30px;left:50%;z-index:1;width:100%;font-weight:500;text-align:center;text-transform:capitalize;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .city-card h5 a{color:#fff;} .city-card p{position:absolute;bottom:0px;left:50%;z-index:1;width:100%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-size:14px;visibility:hidden;opacity:0;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} @media (min-width: 400px) and (max-width: 575px){ .city-card{width:370px;margin:0px auto 30px;} } @media (max-width: 575.98px) { .city-card{ height:100px; } } #new-categories-4 .list-unstyled > .cat-item {border:1px solid #ddd; margin:5px; margin-bottom:30px; background: #fff; } #new-categories-4 .list-unstyled > .cat-item em { display:none; } #new-categories-4 .list-unstyled > .cat-item .fa { float: right; font-size: 70px; transform: rotate(20deg); opacity:0.1 } #new-categories-4 .list-unstyled > .cat-item > a { display:block; background:#f8f9fa; padding: 0px 20px; line-height:60px; height:60px; overflow:hidden; font-size:18px; font-weight: bold; } #new-categories-4 .list-unstyled > .cat-item > .children { list-style:none; padding:0px; } #new-categories-4 .list-unstyled > .cat-item > .children > .cat-item { border-bottom:1px solid #ddd; margin:0px; line-height:50px; padding:0px 20px; max-height:50px; overflow:hidden; } #new-categories-4 .list-unstyled > .cat-item > .children > .cat-item > em { display:block; float:right; margin-right: 10px; font-size: 14px; color: #999;} #new-categories-4 .list-unstyled .children li:last-child{ border-bottom:0px !important; } @media (max-width: 575.98px) { #new-categories-4 .list-unstyled > .cat-item { width:100%; } #new-categories-4 .list-unstyled > .cat-item .fa { font-size: 26px !important; margin-top: 15px; } } @media (min-width: 576px) and (max-width: 767.98px) { #new-categories-4 .list-unstyled > .cat-item { width: 48%; float: left; } #new-categories-4 .list-unstyled > .cat-item .fa { font-size: 26px !important; margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991.98px) { #new-categories-4 .list-unstyled > .cat-item { width: 47.8%; float: left; } } @media (min-width: 992px) and (max-width: 1199.98px) { #new-categories-4 .list-unstyled > .cat-item { width: 31.8%; float: left; } } @media (min-width: 1200px) {#new-categories-4 .list-unstyled > .cat-item { width:23.9%; float:left; } } .bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#203F60 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #203F60 !important; border-color: #203F60 !important; } .text-primary, .filters_col .distance span { color: #203F60 !important; } .btn-outline-primary { color: #203F60 !important; border-color: #203F60 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #203F60 !important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#FFB700 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #FFB700 !important; border-color: #FFB700 !important; } .text-secondary { color: #FFB700 !important; } .text-secondary a { color: #FFB700 !important; } .btn-outline-secondary { color: #FFB700 !important; border-color: #FFB700 !important; } .btn-outline-secondary:hover { background:none !important; }