ArtSg.org - Art in Singapore Directory for our art community

.ppt-search-short .form-group .input-group-wrapper{position:relative;display:flex;align-items:center;padding:0 1.0625rem;background-color:#fff;border:none;border-color:#ececec;border-radius:4px;color:#747474;} .ppt-search-short .form-group .input-group-wrapper:focus{box-shadow:0 0 0 .05rem rgba(55,0,60,.25);} .ppt-search-short .form-group .input-group-wrapper .form-control{padding:0;height:3.125rem;background-color:transparent;border:0;} .ppt-search-short .form-group .input-group-wrapper .form-control:focus{box-shadow:none;} .ppt-search-short .form-group .input-group-label{margin-right:.625rem;font-size:16px;font-weight:700; } .ppt-search-short{position:relative;display:flex; } .ppt-search-short .hero-search-field:not(.hero-search-field-button){position:static;width:100%;} .ppt-search-short .hero-search-field:not(.hero-search-field-button):nth-child(2){position:static;margin-left:-15px;} .ppt-search-short .hero-search-field:not(.hero-search-field-button):nth-child(2) .form-group .input-group-wrapper{position:static;} .ppt-search-short .hero-search-field:not(.hero-search-field-button) .form-group{margin-bottom:0;} .ppt-search-short .hero-search-field:not(.hero-search-field-button) .form-group .input-group-wrapper{position:relative;} .ppt-search-short .hero-search-field:not(.hero-search-field-button) .form-group .input-group-wrapper input{ } .ppt-search-short .hero-search-field{cursor:pointer;transition:ease .2s;} .ppt-search-short .hero-search-field:nth-child(2)::before{left:4px;} @media (max-width:1440px){ .ppt-search-short .hero-search-field .form-group .input-group-wrapper{padding:0 .8125rem;} .ppt-search-short .hero-search-field .form-group .input-group-label{ font-size:15px;} .ppt-search-short .hero-search-field input{font-size:14px;} .ppt-search-short .hero-search-field input:-moz-placeholder,.ppt-search-short .hero-search-field input:-ms-input-placeholder,.ppt-search-short .hero-search-field input::-moz-placeholder{font-size:14px;} } @media (max-width:1030px){ .ppt-search-short .hero-search-field:not(.hero-search-field-button),.ppt-search-short .hero-search-field:not(.hero-search-field-button):nth-child(2) .form-group .input-group-wrapper{position:relative;} .ppt-search-short{flex:0 0 100%;max-width:100%;} } @media (max-width:670px){ .ppt-search-short{flex:0 0 100%;flex-wrap:wrap;} .ppt-search-short .hero-search-field:not(.hero-search-field-button):nth-child(2){margin-top:9px;left:auto;} .ppt-search-short .hero-search-field:not(.hero-search-field-button):nth-child(2)::before{display:none;} .ppt-search-short .hero-search-field:not(.hero-search-field-button):nth-child(2){margin-left:0;} .ppt-search-short .btn { width:100%; margin-top:20px; } } @media (min-width:1030px){ .ppt-search-short { box-shadow: 0px 0px 0px 7px rgb(255 255 255 / 10%); } } /* mobile */ @media (max-width: 575.98px) { .ppt-search-short .btn { width:100%; margin-top:20px; } } .testomonial-2{ padding-left: 80px; position: relative; padding-top: 10px; } .testomonial-2-img{ width: 70px; height: 70px; border-radius: 50%; overflow: hidden; position: absolute; left: 0; top: 0; } .testomonial-2-img img{ width: 100%; height: auto; } @media (max-width: 575.98px) { .testomonial-2-des { max-height: 40px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .testomonial-2-img { width: 60px; height: 60px; margin-top:10px; } } .block-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px; font-size:28px;font-weight:700; } .block-header__title{margin-bottom:0;font-size:20px;} .block-header__divider{-ms-flex-positive:1;flex-grow:1;height:2px;background:#ebebeb;} .block-header__title+.block-header__divider{margin-left:16px;} @media (max-width:767px){ .block-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} } #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:#000000 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #000000 !important; border-color: #000000 !important; } .text-primary, .filters_col .distance span { color: #000000 !important; } .btn-outline-primary { color: #000000 !important; border-color: #000000 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #000000 !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:#F9B303 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #F9B303 !important; border-color: #F9B303 !important; } .text-secondary { color: #F9B303 !important; } .text-secondary a { color: #F9B303 !important; } .btn-outline-secondary { color: #F9B303 !important; border-color: #F9B303 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #F9B303 !important; background-color: #F9B303 !important; }