Works – Foxidia Digital Media

/* ----------------------------------------- */ /* View slug: works - start */ /* ----------------------------------------- */ .select-btn { width:300px; margin:auto; background:#fff; color:#081b47; font-size:20px; height:40px; font-family: "Barlow"; margin-bottom: 50px; } .form-control:focus { border-color:#fff; } .pagination { display: inline-flex; } .pagination > li > a, .pagination > li > span { margin-left: 15px; border-radius: 30px; height: 35px; width: 35px; font-weight: 800; color: #fff; background-color: rgba(0,0,0,0); border: 1px solid #fff; line-height: 22px; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 30px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #e4cf0e; border-color: #e4cf0e; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 30px; } .wpv-archive-pagination-nav-links-container .page-link, .wpv-archive-pagination-nav-links .page-link, .wpv-pagination-nav-links-container .page-link, .wpv-pagination-nav-links .page-link, .wpv-pagination-preview-element .page-link { padding-top:7px; } /* ----------------------------------------- */ /* View slug: works - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: loop-item-in-works - start */ /* ----------------------------------------- */ .works-title { padding-top:100px; color:rgba(255,255,255,0); position:absolute; top:0; bottom:0; left:0; right:0; height:400px; font-size:25px; font-weight:800; background-color:rgba(8,27,71,0); transition:500ms all; } .works-title:hover { background-color:rgba(8,27,71,0.95); color:rgba(255,255,255,1); transition:300ms all; padding-top:150px; } .works-img { color:rgba(255,255,255,1); font-size:20px; font-family:"Barlow"; font-weight:800; text-align:center; background-size:60% !important; background-position:center center !important; background-repeat:no-repeat !important; height:400px; padding: 20px 20px 0px; transition:500ms all; } .works-img:hover { color:rgba(255,255,255,0); background-size:60% !important; transition:200ms all; } /* ----------------------------------------- */ /* Content Template: loop-item-in-works - end */ /* ----------------------------------------- */