/*-------- blog-flight-home --------*/ .blog-flight-home { width: 100%; float: left; padding-bottom: 64px; } .blogcard-img, .blogcard-img img { width: 100%; } .blogcard-img { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; margin: 0 auto; position: relative; z-index: 2; background-color: #ffffff; padding-top: 60%;} .blogcard-title h4 { font-size: 18px; line-height: 1.6; font-weight: 600; margin-bottom: 6px; } .blogcard-title svg { width: 30px; height: 30px; position: absolute; top: 3px; right: -7px; } .blogcard-title { position: relative; padding-right: 24px; font-size: 14px; } .blogcard-label { border-bottom: solid 1px #f1f2f4; margin-bottom: 18px; padding-bottom: 18px; color: #080808;} .blogcard-label ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; list-style: none; padding: 0; margin: 0; font-size: 14px;} .blogcard-label ul svg { vertical-align: middle; margin-right: 3px; margin-top: -2px; fill: #ff6600; stroke: #ff6600; } a.blogcard-site, .blogcard-site { display: block; width: 100%; color: #000; text-decoration: none; border: solid 1px #f1f2f4; padding: 8px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 30px; } .blog-flgslide .blogcard-site, .blog-flgslide a.blogcard-site { margin-bottom: 1px; } a.blogcard-site:hover, .blogcard-site:hover { border-color: #ff6600; } .blogcard-body { padding: 24px 12px 5px; margin-bottom: 6px; } .blog-wrap-post { padding: 80px 0; width: 100%; float: left; } .row.blog-wrap-row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; } .row.blog-wrap-row a.blogcard-site.pg-blog { height: 100%; margin: 0; } .row.blog-wrap-row .col-xs-6 { margin-bottom: 40px; } .content_div div.blogcard-title-desp, .blogcard-title-desp { font-size: 15px !important; margin-bottom: 0; margin-top: 10px; line-height: 1.6; color: #868d96; position: relative; max-height: 50px; overflow: hidden; text-align: justify; } .blogcard-title-desp::after { content: ''; position: absolute; bottom: 0; right: 0; width: 150px; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); height: 28px; color: #ffffff; text-align: right; z-index: 2; } .blogcard-img span { left: 50%; top: 80%; position: absolute; z-index: 2; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #fff; font-weight: 500; opacity: 0; visibility: hidden; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; padding: 10px 20px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background: #ff6600; white-space: nowrap; } .blogcard-site:hover .blogcard-img span{ opacity: 1; visibility: visible; top: 50%; } .blogcard-img span svg { fill: #ffffff; vertical-align: middle; } .blogcard-img img { position: absolute; min-width: 1000%; min-height: 1000%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0.1); -webkit-transform: translateX(-50%) translateY(-50%) scale(0.1); -ms-transform: translateX(-50%) translateY(-50%) scale(0.1); -moz-transform: translateX(-50%) translateY(-50%) scale(0.1); -o-transform: translateX(-50%) translateY(-50%) scale(0.1); max-width: none; width: auto; } .blogcard-site:hover .blogcard-title svg { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .blogcard-site:hover .blogcard-img img { -webkit-transform: translateX(-50%) translateY(-50%) scale(0.12); -moz-transform: translateX(-50%) translateY(-50%) scale(0.12); -ms-transform: translateX(-50%) translateY(-50%) scale(0.12); -o-transform: translateX(-50%) translateY(-50%) scale(0.12); transform: translateX(-50%) translateY(-50%) scale(0.12); opacity: 0.3; } .blogcard-site:hover .blogcard-title h4 { color: #ff6600; } .blogcard-site:hover .blogcard-body { border-color: #ff6600; } .blogcard-img img, .blogcard-title h4,.blogcard-title svg, .blogcard-body  { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; } @media only screen and (max-width:1199px) { .blogcard-title h4 { font-size: 16px; } .blogcard-label ul { font-size: 14px; } .content_div div.blogcard-title-desp, .blogcard-title-desp{ font-size: 14px !important; } .blog-wrap-post { padding: 70px 0; } } @media only screen and (max-width:991px) { .blog-wrap-post { padding: 60px 0; } } @media only screen and (max-width:575px) { .blogcard-label ul { font-size: 13px; } .content_div div.blogcard-title-desp, .blogcard-title-desp{ font-size: 13px !important; max-height: 44px; } .row.blog-wrap-row .col-xs-6 { width: 100%; } .blogcard-img span { font-size: 14px; padding: 8px 15px; } .blogcard-body { padding: 24px 8px 5px; } } @media only screen and (max-width:425px) { .blogcard-title h4 { font-size: 15px; } .blogcard-img { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} } /*-------- end blog-flight-home --------*/