/*
Theme Name: Jevelin Child
Description: Child theme for Jevelin theme
Author: Shufflehound
Author URI: http://shufflehound.com
Template: jevelin
*/

/* Add your custom CSS below */
@media only screen and (min-width: 768px) {
.sh-header:not(.sh-header-6) .container, .sh-header-top:not(.sh-header-top-6) .container {
    width: 90%!important;
    max-width: 1160px!important;
	padding: 0 10px!important;
}
.single-post .container {
    max-width: 1160px!important;
    width: 1160px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}
.sh-nav li.menu-item {
    padding: 0px 12px;
}
.sh-nav-seperator {
    padding-left: 10px!important;
    margin-left: 15px!important;
}
.home-focus .post-item {
	background:#fff;
}
.home-focus .post-item:nth-child(1) {
    width: 66%;
    margin-bottom: 32px;
    margin-right: 2%;
}
.home-focus .post-item:nth-child(1) .post-meta-thumb img {
    height: 430px;
    object-fit: cover;
}
.home-focus .post-item:nth-child(1) h2{
	font-size: 33px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.home-focus .post-item:nth-child(1) .post-content, .home-focus .post-item:nth-child(1) .post-meta-two {
    display:none;
}
.kepa .sh-column {
    background-image: linear-gradient(-179deg, transparent 0%, rgba(0, 0, 0, 0.43) 100%)!important;
}
.home-focus .post-item h2{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4!important;
}
.home-focus .post-item:nth-child(n+2):hover .post-right-side:before {
	background-color: #bcd631;
    /* bottom: 100%; */
    top: 238px;
    content: '';
    display: block;
    height: 0;
    left: 0px;
    position: absolute;
    height: 4px;
    right: 0px;
    transition: height .25s ease;
}
.home-focus .post-item:hover .post-meta-thumb img {
    -webkit-transform: translate3d(0,0,0) scale(1.1, 1.1);
    transform: translate3d(0,0,0) scale(1.1, 1.1);
}
.home-focus .post-item .post-right-side:before  {
	height:0px;
}
.home-focus .post-item:nth-child(1) .post-right-side{
	padding:30px;
	position:absolute;
	bottom:0;
	background-image: linear-gradient(-179deg, transparent 0%, rgba(0, 0, 0, 0.73) 50%);
    padding-top: 100px;
}
.home-focus .post-item:nth-child(1) .post-left-side{
	margin-right:0;
}
.home-focus .post-item:nth-child(2) {
    width: 32%;
}
.home-focus .post-item:nth-child(n+3) {
    width: 32%;
    margin-right: 2%;
}
.home-focus .post-item:nth-child(n+2) .post-container {
    min-height: 430px;
}
.home-focus .post-item:nth-child(n+2) p{
	display:none;
}
.home-focus .post-item:nth-child(n+2) .post-meta-thumb img {
    height: 240px;
    object-fit: cover;
}
.home-focus .post-item:nth-child(5) {
width:32%;
margin-right:0!important;
}
.home-focus .post-item .post-left-side{
	width:100%;
}
.home-focus .post-item .post-right-side{
	width:100%;
	padding: 15px 18px;
}
.home-focus .post-item:nth-child(n+2) .post-right-side{
	min-height: 190px;
    border-bottom: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
}
.home-focus .post-meta-two {
    border-top: none;
    display: inline-block;
	position:absolute;
	bottom:20px;
}
.home-focus .post-meta-one {
    margin-bottom: 0;
    padding-bottom: 7px;
}
.home-focus .post-meta-two div{
    font-weight: 500;
    font-family: roboto, arial,helvetica;
    letter-spacing: 1.5px;
}
.home-focus .post-meta-two:hover {
    background: none;
}
.home-focus .post-meta-two:hover div {
    
}
.home-focus .post-meta-author, .home-praxis .post-meta-two, .home-buah .post-meta-one, .home-buah .post-meta-two, .sh-recent-posts-widgets-count, .sh-recent-posts-widgets-item-meta {
display:none;
}
.home-focus .post-meta-date {
    padding-left: 0;
}
.home-focus .post-meta i {
    padding-right: 3px;
    font-size: 14px;
}
.home-focus .post-content p {
	line-height: 26px;
    max-height: 104px;
    overflow: hidden;
}
.home-buah .post-right-side {
    padding-right: 30px;
}
.home-buah .sh-portfolio-img, .sh-portfolio-image-position {
    width: 100%;
    margin-bottom: 0px!important;
    height: 250px;
    object-fit: cover;
}
.home-buah .sh-portfolio-image, .sh-portfolio-image-fluid {
    width: 48%;
    float: left;
    padding-right:30px;
}
.home-buah .sh-portfolio-description {
    display:none;
}
.home-buah .sh-portfolio-title {
	font-size: 18px;
    font-weight: 500;
    line-height: 1.4!important;
}
.home-buah .sh-portfolio-title:after {
	content: "";
    height: 1px;
    background-color: #d2d2d2;
    width: 120px;
    display: flex;
    position: relative;
    margin-top: 20px;
}
.home-buah .keter {
    font-size: 12px;
    padding-bottom: 15px;
    font-family: arial, helvetica;
    color: #999;
}
.home-buah .baca-lagi{
    display:none;
}
.home-buah .baca{
    font-size: 14px;
    font-family: helvetica,arial;
    color: #bcd631;
}
.home-praxis .baca {
    font-size: 14px;
    font-family: helvetica,arial;
    color: #fff;
	font-weight: 500;
}
.home-praxis .baca i {
	font-size: 14px;
    padding-right: 3px;
}
.home-buah .baca i{
	font-size: 12px;
    padding-left: 3px;
}
.home-buah .sh-portfolio-item {
    margin-bottom: 40px;
}
.home-praxis .masonry2 .post-title h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4!important;
    color: #ffffff;
    letter-spacing: 1px;
}

.home-praxis .masonry2 .post-content {
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
	color: #cdcdcd;
    font-size: 15px;
}
.home-praxis .masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container {
    padding: 15px 20px;
    height: 340px;
    background: #17345b;
}
.home-praxis .post-meta-author {
	display:none;
}
.home-praxis .masonry2 .post-meta-date, .home-focus .post-meta-date {
    padding-left: 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #999!important;
	text-transform: uppercase;
    letter-spacing: 1px;
}
.home-praxis .tanggal {
    padding-bottom: 0;
}
.home-praxis .baca {
    padding-top: 20px;
	text-transform:uppercase;
	letter-spacing:1.5px;
}
.blog-style-large .post-title h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2!important;
}
.single-post .post-meta-thumb, .single-post .post-content {
    width: 90%;
}
.single-post .post-content {
    padding-left:60px;
	padding-top:40px;
}
.single-post .sh-blog-single-meta {
    display:none;
}
.single-post .post-content img:not(:last-child), .single-post .post-content p:not(:last-child), .single-post .post-content table:not(:last-child) {
    margin-bottom: 30px;
}
p {
    line-height:1.7;
    margin: 0px 0 25px;
}
.single-post  .post-meta-thumb img {
    max-height: 400px;
    object-fit: cover;
    object-position: center;
}
.single-post  .post-item-single .post-meta-data {
    border-bottom: 0;
    font-size: 12px;
    font-family: arial, helvetica;
}
.single-post .post-meta-author a.bypostauthor {
    font-weight: normal;
    text-transform: uppercase;
}
.single-post .post-meta-date {
    padding-left: 0;
    display: block;
	color: #a3a3a3!important;
}
.single-post .post-item-single .post-meta-one {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #bcd631;
}
.single-post #sidebar .widget-item .wrap-recent-posts .widget-title {
    color: #424242;
    font-size: 18px;
    font-family: arial, helvetica;
    font-weight: 400;
    border-top: solid 2px #444;
    border-bottom: solid 2px #444;
    padding: 20px 0;
}
.single-post #sidebar.sidebar-right {
	margin-top: 700px;
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}
.single-post .sh-recent-posts-widgets-item h6, .sh-related-posts h2 {
	font-size: 15px;
    font-weight: 600;
}
.single-post #sidebar .widget-item .widget-title {
    color: #6f6f6f;
    font-size: 14px;
    font-family: arial, helvetica;
}
.single-post .widget-item {
    padding-bottom: 35px;
}
.single-fw-portfolio .sh-portfolio-single-default {
    max-width: 1000px;
    margin: auto;
}
.single-fw-portfolio .port-img {
    width: 65%;
    float: right;
    padding-left: 30px;
    padding-bottom: 10px;
	margin-right: -120px;
}
.single-fw-portfolio .kanan-buah {
    width: 30%;
    float: left;
    padding-left: 60px;
    left: 10px;
    margin-top: 640px;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
}
.single-fw-portfolio .isi-buah {
    width: 70%;
    float: left;
}
.sh-portfolio-single-info-item {
    border-bottom: 0;
}
.single-fw-portfolio .pw-lis .pw-judul { 
    padding-left: 42px;
}
.single-fw-portfolio .pw-lis .pw-judul #sidebar h3, #sidebar h3 > a {
    font-size: 14px;
    line-height: 1.5!important;
    font-weight: 600;
}
.single-fw-portfolio .pw-lis i { 
    position:absolute;
	display:inline-block;
	color: #17345b;
	left: 10px;
}
.single-fw-portfolio .pw-lis {
	padding: 5px 0;
}
.sh-portfolio-single-title {
	font-weight: 700;
    font-size: 37px;
    border-bottom: 0;
    padding-bottom: 0;
}
.single-fw-portfolio .penulis {
    font-size: 14px;
    color: #3179b4;
    font-style: italic;
}
.single-fw-portfolio #sidebar .widget-item .widget-title {
    color: #ffffff;
    font-size: 16px;
    font-family: arial, helvetica, roboto;
    padding: 10px 30px;
    text-align: center;
    background-color: #3179b4;
}
.p-buah:before {
	content:"";
	display: block;
    width: 100px;
    border-top: 3px solid #bcd631;
	padding-bottom: 20px;
}
.buah-pg .sh-portfolio-description {
    margin: 0px 20px 0px 0px;
    display: none;
}
.buah-pg  .sh-portfolio-title {
	font-size: 20px;
    font-weight: 700;
}
.buah-pg  .sh-portfolio-style-default-shadow .sh-portfolio-content-container {
    background: #fff;
    min-height: 260px;
}
.buah-pg .keter {
    font-size: 14px;
    line-height: 1.4;
    color: #a0a4a7;
    font-style: italic;
}
.buah-pg .baca-lagi {
    padding-top: 30px;

}
.buah-pg .baca {
    font-size: 15px;
	font-weight: bold;
}
.buah-pg i {
    font-size: 11px;
	font-weight: bold;
}
.narasi-pg .sh-portfolio-description {
    margin: 0px 20px 0px 0px;
    display: none;
}
.narasi-pg  .sh-portfolio-title {
	font-size: 20px;
    font-weight: 700;
}
.narasi-pg  .sh-portfolio-style-default-shadow .sh-portfolio-content-container {
    background: #fff;
    min-height: 235px;
}
.narasi-pg .keter {
    font-size: 14px;
    line-height: 1.4;
    color: #a0a4a7;
    font-style: italic;
}
.narasi-pg .baca-lagi {
    padding-top: 30px;

}
.narasi-pg .baca {
    font-size: 15px;
	font-weight: bold;
}
.narasi-pg i {
    font-size: 11px;
	font-weight: bold;
}
.praxis-pg .masonry2 .post-title h2 {
	font-size: 22px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 100%!important;
    font-weight: 700;
    line-height: 1.4!important;
}
.praxis-pg .post-meta-author, .praxis-pg .post-meta-two { display:none;}
.praxis-pg .post-meta-date { 
	padding-left: 0;
    font-size: 12px;
    color: #aaa!important;
}
.praxis-pg .masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container {
    padding: 30px;
	height: 390px;
}
.praxis-pg .masonry2 .post-content {
    padding-bottom: 28px;
    line-height: 26px;
    max-height: 142px;
    overflow: hidden;
    padding-top: 12px;
}
.praxis-pg .baca {
    position: absolute;
    bottom: 30px;
}
.single-format-gallery .sh-button-container {
    margin: 10px auto;
    width: 200px;
    float: left;
}
.single-format-gallery .post-meta-author, .single-format-gallery #sidebar.sidebar-right, .single-format-gallery .sh-related-posts {display:none;}
.single-format-gallery .post-content {
    padding-left: 40px;
}
.single-format-gallery .sh-gallery {
    display: none!important;
}
.down-pg .masonry2 .post-meta-two, .down-pg .masonry2 .post-meta-one, .down-pg .masonry2 .post-content {
    display: none;
}
.down-pg .masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container {
    padding: 20px;
    min-height: 154px!important;
}
.down-pg .masonry2 .post-title h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2!important;
	color:#17345b;
}
.sh-footer .container {
    max-width: 1130px!important;
    width: 1130px!important;
    padding: 0 15px;
}
.sh-footer #custom_html-3 {
    width: 40%!important;
}
.sh-footer #nav_menu-2 {
    width: 20%!important;
}
.sh-footer #archives-2 {
    width: 20%!important;
}
.sh-footer #social-2 {
    width: 20%!important;
}
}
.home-focus .post-meta-author, .home-praxis .post-meta-two, .home-buah .post-meta-one, .home-buah .post-meta-two, .single-post .post-meta-two, .sh-recent-posts-widgets-count, .sh-recent-posts-widgets-item-meta {
	display:none;
}
html .menu-item a {
    font-family: roboto, helvetica!important;
}
.sh-nav > li.menu-item > a {
    font-family: roboto, helvetica, arial!important;
    font-weight: 600!important;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.12em;
}
.single-fw-portfolio .sh-portfolio-single-buttons {
    margin-bottom: 20px;
    display: none;
}
.blog-style-grid {
    margin: 0px -15px;
}
.sh-footer-widgets ul li, .sh-footer-widgets ul li {
    border-bottom: 0;
    padding: 0;
}
.sh-footer-widgets {
    font-size: 14px;
    color: #cccccc!important;
}
.sh-social-widgets-item {
    margin: 0 5px;
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    float: left;
    color: #8d8d8d;
    background-color: #00000000;
    font-size: 18px;
    border-radius: 50%;
    border: solid 2px #fff;
}
@media only screen and (max-width: 777px) {
.home-focus, .home-buah {
    background-color: #f7f7f7;
}
.home-focus .post-item {
    background-color: #fff;
}
.home-focus .post-right-side {
    padding: 18px 18px;
    /* border-bottom: solid 1px #e6e6e6; */
    /* border-right: solid 1px #e6e6e6; */
    /* border-left: solid 1px #e6e6e6; */
    position: absolute;
    bottom: 0;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0, 0, 0, 0.75) 100%);
	padding-top: 80px;
}
.home-focus .post-left-side {
    margin: 0;
}
.home-focus .post-meta-thumb img {
    height: 240px;
    object-fit: cover;
}
.home-focus .post-content, .home-focus .post-meta-one {
    display: none;
}
.home-focus h2 {
	font-size: 20px;
    line-height: 1.4!important;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #fff;
}
.home-focus .post-meta-two {
    border-top: 0;
    padding-top: 0;
    float: left;
}
.home-focus .post-meta-two div {
	font-size: 12px!important;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: raleway, helvetica;
    color: #fff;
}
.home-focus article {
    margin-bottom: 20px;
}
.sh-header-mobile .container {
    /*max-width: 100%!important;
    padding: 0 15px!important;*/
}
.home-buah {/*background-color: #17345b;*/}
.home-buah .sh-portfolio {
    margin: 0;
}
.home-buah .sh-portfolio-layout-grid .sh-portfolio-item {
    margin-left: 0;
}
.home-buah .sh-portfolio-item {
    padding: 0;
	background-color: #fff;
	border-bottom: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
}
.home-buah .sh-portfolio-content-container {
    padding: 10px 20px;
	padding-bottom:25px;
}
.home-buah .sh-heading-content, .home-focus .sh-heading-content {
    font-size: 30px;
	text-transform:uppercase;
}
.home-buah .sh-portfolio-title{
    margin: 10px 0 10px 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2!important;
}
.home-praxis .masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container {
    padding: 15px 18px;
    box-shadow: none;
	border-bottom: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
    border-left: solid 1px #e6e6e6;
}
.home-praxis .post-title h2{
	font-size: 20px;
    font-weight: 600;
    line-height: 1.2!important;
    margin: 0;
    padding-top: 5px;
}
.home-buah .sh-portfolio-description, .home-buah .baca-lagi, .home-praxis .post-content, .home-praxis .post-meta-author, .home-buah .tanggal {
    display: none;
}
.home-buah .keter {
    font-size: 12px;
    line-height: 1.4;
    color: #999;
}
.home-buah .sh-portfolio-img, .sh-portfolio-image-position {
    height: 220px;
    object-fit: cover;
}
.home-praxis .post-meta-date {
    padding-left: 0;
    font-size: 12px;
    color: #999!important;
}

.home-praxis .baca {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
}
.praxis-pg .post-container {
}
.praxis-pg .masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container {
    padding: 5px 18px;
	padding-bottom:20px;
}
.praxis-pg .post-title h2 {
    font-size: 22px;
    margin-top: 12px;
    margin-bottom: 14px;
    line-height: 1.4!important;
}
.praxis-pg .tanggal, .praxis-pg .post-meta-two, .buah-pg .tanggal, .narasi-pg .tanggal {
	display:none;
}
.buah-pg .sh-portfolio-style-default-shadow .sh-portfolio-content-container, .narasi-pg .sh-portfolio-style-default-shadow .sh-portfolio-content-container {
    background: #fff;
	padding: 18px;
}
.praxis-pg .baca {
    background: #bcd631;
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
}
.buah-pg .sh-portfolio-title, .narasi-pg .sh-portfolio-title {
    margin: 5px 0;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4!important;
}
.buah-pg .keter, .narasi-pg .keter {
    font-size: 14px;
    color: #999;
    padding-bottom: 12px;
}
.buah-pg .sh-portfolio-description, .narasi-pg .sh-portfolio-description {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    padding-bottom: 15px;
}
.buah-pg .baca, .narasi-pg .baca {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    background: #bcd631;
    display: inline-block;
    padding: 5px 17px;
	letter-spacing: 1px;
	color: #333;
}
.buah-pg [class^="ti-"], [class*=" ti-"], .narasi-pg [class^="ti-"], [class*=" ti-"] {
    display: none;
}
.buah-pg .sh-portfolio-layout-grid .sh-portfolio-item, .narasi-pg .sh-portfolio-layout-grid .sh-portfolio-item {
    margin-left: 0;
}
.down-pg .post-meta {
    font-size: 12px;
    display: none;
}
.down-pg .masonry2 .post-item:not(.format-quote):not(.format-link) .post-content-container {
    padding: 10px 18px;
    background-color: #fff;
}
.down-pg .masonry2 .post-title h2 {
    font-size: 20px;
    margin-top: 12px;
    margin-bottom: 14px;
    line-height: 1.4!important;
}
.single-post #wrapper > .sh-page-layout-default {
    padding: 25px 0px;
}
.single-post .blog-style-large .post-title h1 {
    font-size: 24px;
    letter-spacing: 0.2px;
    font-weight: 600;
    line-height: 1.2!important;
    padding-top: 10px;
}
.single-post .blog-style-large h2{
    letter-spacing: 0.2px;
    font-weight: 600;
    line-height: 1.4!important;
}
.single-post .post-meta-one {
    margin-bottom: 0;
    font-size: 12px;
}
.single-post .post-content {
    padding-top: 15px;
}
.single-post p {
    line-height: 1.7;
    font-size: 16px;
}
.container {
    max-width: calc(100% - 40px)!important;
}
.single-post .post-meta-data {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 0;
}
.single-post a.bypostauthor, .single-post .post-meta-author, .single-post a.post-meta-date.sh-default-color {
    color: #999!important;
}
.single-post div#sidebar, .blog-single .sh-blog-single-meta {
    display: none;
}
.single-post #content.content-with-sidebar-right {
    padding-right: 0;
}
.single-fw-portfolio .p-buah, .single-fw-portfolio .kanan-buah {
	display:none;
}
.single-fw-portfolio .sh-portfolio-single-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.4!important;
    letter-spacing: 0.5px;
    border-bottom: none!important;
    padding-bottom: 0;
}
.single-fw-portfolio .penulis {
    font-size: 14px;
    color: #999;
}
.single-fw-portfolio #wrapper > .sh-page-layout-default {
    padding: 25px 0px;
}
.single-fw-portfolio .sh-portfolio-single-description {
    padding-top: 20px;
}
.sh-portfolio-single-related-mini h5 {
    font-size: 18px;
    line-height: 1.5!important;
}
.sh-portfolio-single-related-mini .sh-portfolio-image {
    margin-bottom: 5px;
}
.single-post .format-gallery .alignright, img.alignright, .single-format-gallery .sh-related-posts {
    display: none;
}
}