/*
Theme Name: Arkhe_child
Template:arkhe
Version: 2.0.1
*/

/* types */
a{
	color:#868686;
	text-decoration:none;
}

h1{
	font-size:2.4rem;
	margin-bottom:1rem;
}

p:not(:last-of-type){
	margin-bottom:1rem;
}

/* //types */

.flex{
	display:flex;
	flex-wrap:wrap;
}

.relative{
	position:relative;
}

.relative{
	position:relative;
}

/* top slide */

#slide{
	width: 70%;	 
}

#slide .slick-list, #slide .slick-track{
	max-height:calc(100vh - 64px);
}

#slide .slick-prev:before,
#slide .slick-next:before
{
	color:black;
}

#slide .slick-prev
{
    left: 50px;
}
#slide .slick-next
{
    right: -40%;
}

#slide .slick-dots{
    width: 100vw;
    margin-top: -140px;
    bottom: 10px;	
}

/* // top slide */

.header_heading{
    width: auto;
    padding: 5%;
    background: white;
    position: absolute;
    max-width: 40%;
    top: 50%;
    right: 0%;
    transform: translate(-20%, -50%);	
}

/* top posts */
.l-main__body>.section_top{
	margin:120px auto!important;
}

.sectiontitle{
    text-align: center;	
	margin-bottom: 80px;	
}

.postswrap > a{
	flex: 0 0 23.33%;
    max-width: 23.33%;
    margin-right: 2%;
}

.postswrap > a:last-child{
	margin-right:0;
}

.postswrap > a img{
    margin-bottom: 8px;	
    max-height: 205px;	
}

.newastitle{
	font-size:20px;
    color: #4D4D4D;
    line-height: 1.3;
    margin-top: 8px;
    letter-spacing: 0;
}

/* top schedule */
.schedule_top{
	background-color:#F4F4F4;
	padding:120px 0;
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);		
}

.schedule_inner{
    max-width: 1000px;
	margin:0 auto;
}

.schedule_inner .postswrap > a{
	flex: 0 0 100%;
	max-width:100%;
	margin-bottom: 24px;
}

.schedule_inner .postswrap > a img{
    width: 120px;	
	margin-right:32px;
}

.postmeta_wrap{
    width: calc(100% - 160px);	
	border-bottom:1px solid #000000;
}

.scheduletitle{
	margin-left:24px;
}

.schedule_exerpt{
    display: block;
    width: 100%;	
}

.postlink{
    background: black;
    color: white;
    padding: 20px 80px;
    margin: 7% auto 0;
    display: inline-block;
    text-align: center;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);	
}

.blog_top .postswrap{
	justify-content: center;	
	max-width:800px;
    margin: 0 auto;	
}

.blog_top .postswrap a{
	margin-bottom: 3%;
    margin-right: 3%;	
    flex: 0 0 30%;
    max-width: 30%;	
}

.blog_top .postswrap a:nth-child(3){
	margin-right: 0;
}

.blog_top .postswrap a:nth-child(n +3){
	margin-bottom: 0;
}