/* ----------------------------------------- */ /* WordPress Archive: Archive for Boats - start */ /* ----------------------------------------- */ .fl-page-content [class*="col-"] { margin-bottom: 15px; } /* ----------------------------------------- */ /* WordPress Archive: Archive for Boats - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: Loop item in Archive for Boats - start */ /* ----------------------------------------- */ .notif{ padding: 5px 5px; } .villa-icons{ display: inline-block; margin-top:5px; } figure h2{ display:block; background: rgba(26,40,60,.6); border-top-right-radius:3px; border-bottom-right-radius:3px; } figure { z-index:1; position: relative; overflow: hidden; border-radius: 4px; height: 250px; background: #0B162A; text-align: left; cursor: pointer; } figure img { position: relative; display: block; max-height: 100%; max-width:none !important; width: auto; opacity: 1; } figure figcaption { padding: 15px; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure .price{ z-index: 1000; position: absolute; bottom: 20px; left: 0; background: #A37E2C; padding: 10px 10px; color: #ffffff; font-size: 12px; font-weight: 600; border-top-right-radius:6px; border-bottom-right-radius: 6px; text-transform: uppercase; } figure figcaption, figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(11,22,42,0) 0%, rgba(11,22,42,0.8) 75%); background: linear-gradient(to bottom, rgba(11,22,42,0) 0%, rgba(11,22,42,0.8) 75%); content: ''; opacity: .5; -webkit-transform: translate3d(0,40%,0); transform: translate3d(0,40%,0); } figure.effect-sadie h2 { font-family: 'bentonsansmedium'; font-size: 20px; padding-left:10px; padding-right:10px; position: absolute; top: 63%; left: 0; /*width: 100%;*/ color: #ffffff; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } figure.effect-sadie figcaption::before, figure.effect-sadie p { text-align: left; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie p { position: absolute; bottom: 50px; left: 0; padding-left: 10px; width: 100%; opacity: 0; font-size:14px; -webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); } figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0,-30%,0) translate3d(0,-30px,0); transform: translate3d(0,-30%,0) translate3d(0,-30px,0); } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* ----------------------------------------- */ /* Content Template: Loop item in Archive for Boats - end */ /* ----------------------------------------- */