body{padding-bottom:0 !important}

.al-thumb > a:hover{opacity: 0.9;}
.al-title h2:hover, .al-title h4:hover{color: #75b11e;}
.hl-logo {margin-left: 10px; }
.hl-logo > a.small{display: block;}
.hl-logo-large > a {display: block; }
.hl-logo-large > a > img {height: 95px; }
.hl-logo-large > a.none{display: none;}

.hl-search .hl-button{display:block;}
.hl-search > .hl-search-field{margin:0 20px 0 0; height:50px;}
.hl-search > .hl-search-field .cf-search{-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;}
.hl-search > .hl-search-field .cf-search .cf-field{padding:8px; padding-right:42px; font-size:14px; width:300px;}
.hl-search > .hl-search-field .cf-search .cfs-button{height:34px; width:34px; color:#ff3a85;}
.hl-share, .hl-openmenu{display:none !important;}

.hl-menu menu{position:relative;}
.menu-button:hover {color: #dcffa1 !important; }

.headline > span > ul > li {float: left; width: 50%; flex-basis: 50%; }
.headline > span > ul > li .cate-box-each > ul > li .al-title h2 {font-size: 18px; line-height: 24px; }

.obrolan,.tips-hijab,.most-view {margin: 10px 10px 10px;}
.tips-hijab .cate-box-each > ul > li .al-info .al-date:hover {color: #75b11e; }

/*cover*/
.cover {margin-bottom: -4px; }
.cover > span {max-width: 100%; } 
.cover > span .cate-box-each > ul > li {width: 100%; margin: 0; border: 0; } 
.cover > span .cate-box-each > ul > li .al-thumb {position: absolute; height: 400px; } 
.cover > span .cate-box-each > ul > li .al-info {position: relative; height: 400px;padding: 20px 80px; }
.cover > span .cate-box-each > ul > li .al-info > span {max-width: 1280px;margin-top: 200px;padding-left: 10px;margin: 0 auto; margin-bottom: -130px;}
.cover > span .cate-box-each > ul > li .al-thumb a {background-size: cover; background-position: top; }
.cover > span .cate-box-each > ul > li .al-info > span .al-title {max-width: 400px; }

.two-column > ul {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 1280px; }
.two-column > ul > li {float: left; min-width: 0; }
.left-column {width: calc(100% - 330px); flex-basis: calc(100% - 330px); }
.right-column {width: 330px; flex-basis: 330px; }


.last-news > span > ul > li {width: 50%;flex-basis:50%;  float: left; }
.last-news > span > ul > li .al-title h4 {line-height: 25px; font-size: 16px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.last-news > span > ul > li .cate-box-each > ul > li .al-info, .last-news-small > span > ul > li .cate-box-each > ul > li .al-info {position: relative; background: #fff;} 
.last-news > span > ul > li .cate-box-each > ul > li .al-info .al-title >h2,.last-news > span > ul > li .cate-box-each > ul > li .al-info .al-date, .last-news-small > span > ul > li .cate-box-each > ul > li .al-info .al-title >h2,.last-news-small > span > ul > li .cate-box-each > ul > li .al-info .al-date {color: #333; }
.last-news > span > ul > li .cate-box-each > ul > li {min-height: 487px; background: #fff; }


.last-news-small.detail > span > ul > li {width: calc(25% - 10px); flex-basis: calc(25% - 10px);margin: 5px; }
.cate-box-each > ul > li .al-info .al-title >h2, .cate-box-each > ul > li .al-info .al-date {color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.most-view .cate-box-each > ul > li .al-info .al-date {color: #333; }
.last-news-small > span > ul > li .cate-box-each > ul > li{border: 0;margin: 0;width: 100%;}
.last-news-small > span > ul > li {width: calc(33.33% - 10px); flex-basis: calc(33.33% - 10px); float: left; border: 1px solid #e8e8e8; background: #fff; margin: 5px;}
.last-news-small > span > ul > li .al-title h4{line-height: 24px; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.al-desc {margin-top: 5px; display: block; }
.al-desc h3 {font-size: 14px; line-height: 20px; font-weight: 200;}

.m-stories li .al-info h4 {font-size: 14px; line-height: 20px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.update > span > ul > li .cate-box-each > ul > li {margin: 0; width: 100%; }
.update .cate-box-each > ul > li .al-info .al-title h4 {margin-top:10px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }



.update.hijabtainment-base > span > ul > li { width: calc(33.33% - 10px); flex-basis: calc(33.33% - 10px); }
.update.hijabtainment-base .cate-box-each > ul > li .al-thumb {width: 100px; height: 100px; } 
.update.hijabtainment-base .cate-box-each > ul > li .al-info {margin-left: 100px; min-height: 100px; } 
.update.hijabtainment-base  .al-desc {display: none; }  
.update.hijabtainment-base .cate-box-each > ul > li .al-info .al-title h4 {font-size: 16px;line-height: 22px; }
.update.hijabtainment-base .cate-box-each > ul > li .al-info .al-title {margin: 4px 0 4px; }
.update .cate-box-each > ul > li .al-info > span{margin-top: 4px;}

.style.headline-s > span > ul{margin:0 10px;}


.cate-box-each > ul > li .al-info .al-title >h2:hover,.style .cate-box-each > ul > li .al-info .al-title h4:hover {color: #75b11e; }
.title-kanal h2:hover, .title-kanal h3:hover{opacity: 0.9;}

@media screen and (min-width:1024px) and (max-width:1024px){

	.headline > span > ul > li{margin-left: 0;}
	.headline > span > ul > li:nth-child(2) {top: 0; right: 260px; }
	.headline > span > ul > li:nth-child(4) {bottom: 0; right: 260px; }

	.al-desc{display: none;}
	.last-news-small > span > ul > li .cate-box-each > ul > li {min-height: 270px; background: #fff; }

	.update > span > ul > li .cate-box-each > ul > li {min-height: 110px; }
	.update .cate-box-each > ul > li .al-thumb {position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; }
	.update .cate-box-each > ul > li .al-info {position: relative; background: inherit; width: inherit; margin-left: 100px; min-height: 100px; padding: 0px; }


}

/*sindikasi*/
/*.brand-link-bbc:hover{background:rgb(241, 40, 43);color: #fff;}
.brand-link-abc:hover{background:rgb(32, 172, 255);color: #fff;}
.brand-link-times:hover{background:rgb(218, 6, 19);color: #fff;}
.brand-link-republika:hover{background:rgb(232, 50, 49);color: #fff;}
.brand-link-dw:hover{background:rgb(1, 94, 171);color: #fff;}*/

.menu-curr > h4 {border-bottom: 1px solid #dcffa1; }