Art Nouveau

/* ----------------------------------------- */ /* View slug: product-loop-view - start */ /* ----------------------------------------- */ #page-numbering {text-align:center;margin-top:20px; font-family:'arial'} .page-numbering-header {font-size:120%;font-weight:bold;letter-spacing:5px;padding-bottom:15px;line-height:normal;} #page-numbering form {display:table;margin:0 auto;} #page-numbering ul {text-align:center;} #page-numbering ul li { padding:6px; width:auto; display:inline-block; margin-right:4px; } #page-numbering ul li a {color:#fe765c; font-weight:bold;text-decoration: none;} #page-numbering ul li.wpv_page_current {text-decoration:none; color:#12c6eb;font-weight:bold;} .prev-next {font-size:90%; } .prev-next a {text-decoration:none;} span.next-page {display:inline-block;padding:10px; } span.prev-page {display:inline-block;padding:10px; } .products-entry-title { font-size:1.8em; line-height: 2em; font-weight:bold; margin-bottom:1.8em; text-align:center; } #container3 { width: 100%; /* width of the entire container for the wall */ margin-bottom: 10px; } .brick { width:22.87234%; /* width of each brick less the padding inbetween */ /*width:217px;*/ padding:3px 3px 3px 3px!important; background-color: #fff; margin-top:0px; margin-bottom: 0px; border: none; display:table; } .brick_header, .brick .price{ padding-bottom: 0px; padding-top: 0px; text-align:center; position: absolute; padding: 0 10px 0 8px; top: 33.33%; margin-left: auto; margin-right: auto; width: 95%; text-decoration:none; color: #ad413b; font-weight: bold; font-size:80%; display: none; z-index: 1000; } .brick .price { top:66.6667%; font-size:100%;} .brick a .brick_featured_image { opacity: 1; transition: opacity 0.35s ease-out; } .brick:hover a .brick_featured_image { opacity:.3333; transition: opacity 0.35s ease-in; } .brick:hover .brick_header, .brick:hover .price { display: initial; color:#ad413b; text-decoration: none; transition: 0.35s ease-in; } .brick:hover .brick_header a{ color: #ad413b; text-decoration:none; } .brick:hover .brick_header a:hover, .brick_header, .brick .price a:hover { color: #ad413b; text-decoration:none; } .brick_featured_image{ width: 100%; margin-top: 0px; } .brick_featured_image img{ width: 100%; height: auto; } @media only screen and (max-width : 480px) { .brick { width:100%; } /* ----------------------------------------- */ /* View slug: product-loop-view - end */ /* ----------------------------------------- */