@charset "UTF-8"; /*----------------------------------------*/ /*  07. portfolio CSS START /*----------------------------------------*/ .portfolio__item-3:hover .portfolio__thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .portfolio__thumb { position: relative;overflow: hidden; } .portfolio__content-3 { border: 1px #eee solid; padding: 15px 15px; } .portfolio__content-3 p { margin-bottom: 0; } .portfolio__title-3 { font-size: 18px; font-weight: 400; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .portfolio__title-3 { font-size: 16px; } } @media (max-width: 575px) { .portfolio__title-3 { font-size: 16px; } } .portfolio__title-3 a:hover { color: #0a4c48; } .portfolio__plus-3 a { display: inline-block; width: 55px; height: 55px; line-height: 57px; background: #fad105; color: #222328; text-align: center; } .portfolio__plus-3 a:hover { background: #222328; color: #ffffff; } .portfolio__details-title { font-size: 42px; margin-bottom: 15px; } @media (max-width: 575px) { .portfolio__details-title {font-size: 27px;} } .postbox__meta { margin-bottom: 5px; } .postbox__meta span { font-size: 14px; font-weight: 600; color: #2c3941; text-transform: uppercase; } @media (max-width:575px) { .postbox__meta span { display: block; } } .postbox__meta span:not(:last-child) { margin-right: 30px; } .postbox__meta span i { color: #fc8459; margin-right: 3px; } .postbox__meta span:hover { color: #24c373; } .postbox__meta span:hover i { color: #24c373; } .postbox__quote { background: #f8f4ef; padding: 40px 65px; padding-bottom: 24px; } @media (max-width:575px) { .postbox__quote { padding-left: 15px; padding-right: 15px; } } .postbox__quote span { font-size: 20px; display: inline-block; margin-bottom: 15px; color: #fc8459; } .postbox__quote p { font-size: 16px; line-height: 1.2; text-align: left; color: #2c3941; margin-bottom: 0; } .postbox__quote-icon { position: absolute; top: 30px; right: 30px; z-index: -1; } .postbox__quote-icon i { font-size: 120px; opacity: 0.1; } /*----------------------------------------*/ /*  11. Blog CSS START /*----------------------------------------*/ .blog__item-3 { -webkit-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.2); -moz-box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.2); box-shadow: 0px 10px 60px 0px rgba(207, 199, 188, 0.2); } .blog__item-3:hover .blog__thumb-3 img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blog__thumb-3 { overflow: hidden; } .blog__title-3 { font-size: 23px; margin-bottom: 10px; } @media (max-width: 575px) { .blog__title-3 { font-size: 19px; } } .blog__title-3 a:hover { color: #0a4c48; } .blog__content-3 { padding: 33px 30px; padding-bottom: 28px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .blog__content-3 { padding-left: 25px; padding-right: 25px; } } @media (max-width: 575px) { .blog__content-3 { padding-left: 20px; padding-right: 20px; } } .blog__content-3 p { margin-bottom: 10px; } .blog__content-3 .link-btn-2 { color: #677a85; } .blog__content-3 .link-btn-2:hover { color: #0a4c48; } .blog__meta-3 span { font-weight: 500; text-transform: uppercase; } .blog__meta-3 span:not(:last-child) { margin-right: 20px; } @media (max-width: 575px) { .blog__meta-3 span:not(:last-child) { margin-right: 10px; } } .blog__meta-3 span i { color: #0a4c48; margin-right: 5px; }