Our Portfolio

/* ----------------------------------------- */ /* Content Template: loop-item-in-portfolio-section - start */ /* ----------------------------------------- */ .portfolio-filter .form-group { text-align: center; } .portfolio-filter .radio { display: inline-block; padding: 0 1.5rem; border-right: 2px solid #99be51; line-height: 1; } .portfolio-filter .radio:last-child { border-right: 0; } .portfolio-filter .radio label { line-height: 1; font-size: 1.5rem; text-transform: uppercase; font-family: Quicksand; font-weight: 500; padding: 0; display: inline; } .portfolio-filter .radio label:hover, .portfolio-filter .radio label:active, .portfolio-filter .radio label:focus { color: #99be51; } .portfolio-filter .radio label input { display: none; } .portfolio-list .col-sm-4 { padding: 0; } .portfolio-box::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; pointer-events: none; background-color: rgba(0,0,0,0.8); opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .portfolio-box { position: relative; max-width: 390px; margin: 0 auto; width: 100%; } .portfolio-box .website { border: 2px solid #ff5a00; z-index: 5; text-align: center; width: 145px; border-radius: 3px; color: #ff5a00; font-size: 1.6rem; padding: 1rem 2rem; font-weight: normal; margin: auto; height: 47px; display: block; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .portfolio-overlay { position: absolute; top: 0; left: 0; width: 100%; display: flex; height: 100%; flex-wrap: wrap; margin: auto; align-content: center; opacity: 0; -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .portfolio-overlay img { margin: 0 auto 20px; display: block; } .portfolio-box:hover::before, .portfolio-box:hover .portfolio-overlay { opacity: 1; pointer-events: auto; } .portfolio-box .website:hover { color: #fff; background-color: #ff5a00; } .portfolio-filer-pagination .pagination > li > a, .portfolio-filer-pagination .pagination > li > span { border: 1px solid #ff5a00; z-index: 5; text-align: center; border-radius: 3px; color: #ff5a00; font-size: 1.6rem; font-weight: normal; display: inline-block; margin: 5px; background: #fff; } .portfolio-filer-pagination { text-align: center; } .portfolio-filer-pagination .pagination > li > a, .portfolio-filer-pagination .pagination > li > span { border: 1px solid #ff5a00 !important; z-index: 5; text-align: center; border-radius: 3px; color: #ff5a00 !important; font-size: 1.6rem; font-weight: normal; display: inline-block; margin: 5px; background: #fff !important; } .portfolio-filer-pagination .pagination > .active > a:hover, .portfolio-filer-pagination .pagination > a:hover, .portfolio-filer-pagination .pagination a:active, .portfolio-filer-pagination .pagination a:focus { border: 1px solid #ff5a00 !important; background-color: #ff5a00 !important; color: #fff !important; } .portfolio-site-logo { width: 100%; padding: 0 11%; } .visit-parent-link { width: 100%; } .portfolio-filter .radio label input:checked + .pointer { height: 2px; width: 85%; background: #99be51; display: block; margin-top: 6px; position: absolute; left: 0; right: 0; margin: auto; bottom: -7px; } /* ----------------------------------------- */ /* Content Template: loop-item-in-portfolio-section - end */ /* ----------------------------------------- */