@charset "UTF-8"; .postbox__item:hover { -webkit-box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1); -moz-box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1); box-shadow: 0px 16px 32px 0px rgba(40, 89, 196, 0.1); } .postbox__item-single:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .postbox__content { border: 2px solid #ededed; border-top: none; padding: 40px 50px; } @media (max-width:575px) { .postbox__content { padding-left: 20px; padding-right: 20px; } } .postbox__content-single { padding-left: 0; padding-right: 0; border: none; } .postbox__title { font-size: 32px; margin-bottom: 20px; } @media only screen and (min-width:992px) and (max-width:1199px) { .postbox__title { font-size: 28px; } } @media only screen and (min-width:768px) and (max-width:991px) { .postbox__title { font-size: 33px; } } @media only screen and (min-width:576px) and (max-width:767px) { .postbox__title { font-size: 30px; } } @media (max-width:575px) { .postbox__title { font-size: 25px; } } .postbox__title a:hover { color: #fc8459; } .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; } .postbox__text p { margin-bottom: 28px; } .postbox__text-single img { max-width: 100% !important; height: auto !important; } .postbox__text-single p { margin-bottom: 15px; } .postbox__comment-form { margin-bottom: 20px; padding: 40px 30px; box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.09); background: #ffffff; } .postbox__comment-title { font-size: 27px; margin-bottom: 0; } .postbox__comment-input { position: relative; margin-bottom: 20px; } .postbox__comment-input span { font-weight: 600; color: #2c3941; margin-bottom: 12px; display: block; } .postbox__comment-input input, .postbox__comment-input textarea { height: 55px; padding: 0 20px; width: 100%; font-size: 14px; color: #2c3941; outline: none; border: 1px solid transparent; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #f7f7f7; } .postbox__comment-input textarea { height: 175px; resize: none; padding-top: 20px; padding-bottom: 20px; } .postbox__tag h4 { font-size: 20px; margin-bottom: 17px; } .postbox__tag a { color: #2c3941; display: inline-block; font-size: 13px; font-weight: 500; text-transform: uppercase; padding: 8px 15px; margin: 5px; position: relative; z-index: 1; border-radius: 40px; background: #f8f4ef; } .postbox__tag a:hover { color: #ffffff; background: #2c3941; } @media (max-width:991px) { .sidebar__wrapper-2 { margin-top: 40px; } } .sidebar__widget { padding: 30px; background: #ffffff; border: 2px solid #ededed; -webkit-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2); -moz-box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2); box-shadow: 0px 8px 16px 0px rgba(200, 183, 255, 0.2); } .sidebar__widget-title { position: relative; display: inline-block; font-size: 20px; padding-left: 15px; margin-bottom: 0; } .sidebar__widget-title::after { left: 0px; height: 20px; width: 2px; background: #fc8459; position: absolute; top: 50%; content: ""; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sidebar__search-input-2 { position: relative; } .sidebar__search-input-2 input { width: 100%; height: 60px; line-height: 60px; background: #f8f4ef; padding: 0 25px; text-transform: capitalize; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 2px solid #f8f4ef; outline: none; padding-top: 3px; padding-right: 80px; } .sidebar__search-input-2 button { position: absolute; top: 0; right: 0; height: 100%; padding: 0 24px; color: #fff; line-height: 60px; -webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0; background: #fc8459; } .sidebar__category ul li { padding: 15px 0; } .sidebar__category ul li:not(:last-child) { border-bottom: 1px solid #eaeaea; } .sidebar__category ul li:last-child { padding-bottom: 0; } .sidebar__category ul li:first-child { padding-top: 0; } .sidebar__category ul li a { color: #222328; display: inline-block; font-weight: 500; text-transform: capitalize; } .sidebar__category ul li a:hover { color: #fc8459; } .sidebar__tag a { background: #f8f4ef; color: #2c3941; display: inline-block; font-size: 13px; font-weight: 600; line-height: 1; padding: 10px 15px; padding-bottom: 8px; margin-bottom: 8px; margin-right: 5px; border-radius: 40px; border: 0; } .sidebar__tag a:hover { background: #2c3941; color: #ffffff; } .sidebar__banner::after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(44, 57, 65, 0.5); } .sidebar__banner-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; background: #ffffff; } .sidebar__banner-content h4 { padding: 15px 20px; font-size: 24px; color: #222328; text-transform: uppercase; margin-bottom: 0; } .rc__post ul li:not(:last-child) { margin-bottom: 15px; } .rc__post-thumb img { width: 80px; height: 80px; max-width: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .rc__post-title { margin-bottom: 6px; font-size: 15px; } .rc__post-title a:hover { color: #fc8459; } .rc__meta span { font-size: 12px; text-transform: uppercase; font-weight: 600; }