/* blog layout */ .rt-detail .post-meta:after { clear: both; content: ""; display: block; } .post-meta-user { padding: 0 0 10px; font-size: 90%; } .post-meta-tags { padding: 0 0 5px 0; font-size: 90%; } .post-meta-user span, .post-meta-tags span { display: inline-block; padding-right: 5px; } .post-meta-user span.comment-link { text-align: right; float: right; padding-right: 0; } .post-meta-user span.post-tags-links { padding-right: 0; } .rt-detail .post-content { margin-bottom: 10px; } .rt-detail .read-more a { padding: 8px 15px; display: inline-block; } .rt-holder { padding-bottom: 15px; position: relative; overflow: hidden; -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; } .rt-img-holder { position: relative; -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; } .rt-img-holder img { -webkit-transition: all 1.1s ease; -moz-transition: all 1.1s ease; -o-transition: all 1.1s ease; -ms-transition: all 1.1s ease; transition: all 1.1s ease; max-width: 100%; } .rt-holder { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .rt-img-holder:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .rt-holder .overlay { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 1; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-align: center; } .rt-img-holder .overlay { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 1; opacity: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-align: center; } .overlay { display: inline-block; font-size: 20px; } .view-details { display: inline-block; font-size: 20px; } .rt-tpg-container .layout1 .rt-holder:hover { opacity: 1; } .rt-img-holder:hover { opacity: 1; } .rt-holder .active { opacity: 1; } .rt-img-holder .active { opacity: 1; } .rt-holder { background: #fff; padding: 15px 0; } .rt-holder h2 { margin: 0 0 14px; padding: 0; font-size: 24px; line-height: 1.25; } .rt-holder h3 { margin: 0 0 14px; padding: 0; font-size: 24px; line-height: 1.25; } .rt-holder h4 { margin: 0 0 14px; padding: 0; font-size: 24px; line-height: 1.25; } .rt-detail h2 { margin: 0 0 14px; padding: 0; font-size: 24px; line-height: 1.25; } .rt-detail h3 { margin: 0 0 14px; padding: 0; font-size: 24px; line-height: 1.25; } .rt-detail h4 { margin: 0 0 14px; padding: 0; font-size: 24px; line-height: 1.25; } .rt-detail { background: #fff; padding: 15px 0; } .rt-tpg-container .layout1 .rt-holder .view-details { width: 36px; height: 36px; text-align: center; border: 1px solid #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .rt-holder { color: rgb(107, 55, 55); text-align: center; padding: 8px 14px; } .rt-detail i { color: rgb(96, 54, 54); text-align: center; } .rt-detail p { color: rgb(96, 54, 54); text-align: center; padding: 8px 14px; } .rt-detail p a { color: rgb(96, 54, 54); text-align: center; padding: 8px 14px; } .post-meta { text-align: right; margin-top: 10px; } .read-more { display: block; text-align: right; } .read-more a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline-block; background: #81d742; font-size: 15px; }