/* ----------------------------------------- */ /* Content Template: loop-item-in-listings-grid-view-grid-home-page-ron-west-design - start */ /* ----------------------------------------- */ .background-grey {background-color:#f9f9f9;} .border-gray {border: 1px solid #cccccc;} .border-5a {border: 1px solid #5a5a5a;} .background-white {background-color:#ffffff;} .text-left {text-align:left;} .text-center {text-align:center;} .text-uppercase {text-transform: uppercase;} .theme-blue {color: #2d628f;} .font-size-09 {font-size:0.9em;} .font-size-11 {font-size:1.1em;} .padding-left-right {padding: 0 20px 0 20px!important;} .divider-top {padding-top:8px;} .divider-top-2x {padding-top:16px;} .divider-top-3x {padding-top:24px;} .divider-bottom-2x {padding-bottom:16px;} .box {transition: box-shadow .25s, -webkit-box-shadow .50s; border-radius: 4px;} table tbody tr, table thead tr {border: 0px solid #f2f2f2;} /* ----------------------------------------- */ /* Content Template: loop-item-in-listings-grid-view-grid-home-page-ron-west-design - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: loop-item-in-recent-transactions-grid-view-home-page-ron-west-design - start */ /* ----------------------------------------- */ .border {border: 1px solid #ececec;} .border-grey {border: 1px solid #cccccc;} .border-5a {border: 1px solid #5a5a5a;} .box {transition: box-shadow .25s, -webkit-box-shadow .50s; border-radius: 4px;} .font-theme-color {color: #2d628f;} .font-08 {font-size: 0.8em;} .font-09 {font-size: 0.9em;} .font-07 {font-size: 0.7em;} .font-11 {font-size: 1.1em;} .font-company-involment {color: #333333;} .text-center {text-align: center;} .bckgrd-color {background-color: #ececec;} .italic {font-style: italic;} .padding-comp-inv {padding: 20px 10px 20px 10px;} .bold {font-weight: 500;} .line-height-company-involment {line-height: 20px;} /**/ .ftrd-img {position: relative; width: 100%;} .overlay { position: absolute; top: 70%; bottom: 0; left: 0; right: 0; height: 30%; width: 100%; opacity: 0; transition: .25s ease; background-color: #000000; } .ftrd-img:hover .overlay { opacity: 0.2; } .overlay-text { color: white; font-size: 22px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } /**/ /* minimal.com.hr */ .ftrd-img .overlay { top: 0!important; height: 100%!important; opacity: 0.65!important; } .ftrd-img:hover .overlay { top: 70%!important; height: 30%!important; } .ftrd-img .overlay-text { left: 0; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); width:100%; } .ftrd-img .overlay-text .bold span{ display:block; } .ftrd-img:hover .overlay-text .bold span{ display:none; } .ftrd-img .overlay-text .bold span{ display:block; height:30px; } .ftrd-img:hover .overlay-text .bold span{ display:block; height:0; overflow:hidden; } /**/ /* pero */ .recent-transaction-featured { height: 225px !important; } /* end pero */ @media only screen and (max-width: 600px) { .overlay-text {font-size: 14px; line-height: 12px;} } /* ----------------------------------------- */ /* Content Template: loop-item-in-recent-transactions-grid-view-home-page-ron-west-design - end */ /* ----------------------------------------- */