/*************Advent Calendar 2017 - 5**************/
/***********Filterable Blog Module Layout***********/
/*******************By Divi Soup********************/
/*Remove tab module border*/
.ds-advent-5 {
border: none;
}
/*Remove tabs border*/
.ds-advent-5 ul.et_pb_tabs_controls:after {
border-top: none;
}
/*Remove tab link border*/
.ds-advent-5 .et_pb_tabs_controls li {
border-right: none;
}
/*Add content padding*/
.ds-advent-5 .et_pb_tab {
padding: 20px 20px 0;
}
/*Style the controls*/
.ds-advent-5 ul.et_pb_tabs_controls {
background-color: #fff;
margin-bottom: 10px;
padding-left: 20px !important;
}
/*Style the tab links*/
.ds-advent-5 .et_pb_tabs_controls li a {
font-weight: 500;
padding: 5px 10px;
}
/*Active tab text colour*/
.ds-advent-5 .et_pb_tab_active a {
color: #FFCE06 !important;
}
/*Set the post container display*/
.ds-advent-5-content .et_pb_ajax_pagination_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
/*Hide the post excerpt*/
.ds-advent-5-content .post-content {
display: none;
}
/*Style the pagination*/
.ds-advent-5-content .pagination {
bottom: 0;
border-top: 10px solid #f5f5f5;
position: absolute;
left: -30px;
width: calc(100% + 60px);
padding: 5px 30px;
}
.ds-advent-5-content .pagination a {
background: transparent;
color: #FFCE06 !important;
border: none;
}
/*Set the post width and spacing*/
.ds-advent-5-content .et_pb_post {
margin-right: 20px;
max-width: 23.5%;
}
/*Remove margin from the last post*/
.ds-advent-5-content .et_pb_post:nth-child(4n) {
margin-right: 0;
}
/*Adjust for tablets and mobile*/
@media all and (max-width: 980px) {
.ds-advent-5-content .et_pb_post {
max-width: 48.5%;
padding-bottom: 10px;
}
.ds-advent-5-content .et_pb_post:nth-child(2n) {
margin-right: 0;
}
}
@media all and (max-width: 767px) {
.ds-advent-5 ul.et_pb_tabs_controls {
padding-left: 0 !important;
}
.ds-advent-5 .et_pb_tabs_controls li a {
display: block;
text-align: center;
}
.ds-advent-5 .et_pb_tabs_controls li:last-child {
border-bottom: none;
}
.ds-advent-5-content .et_pb_post {
max-width: 100%;
min-width: 100%;
}
.ds-advent-5-content .et_pb_post:nth-child(1n) {
margin-right: 0;
}
}
/*************Advent Calendar 2017 - 5**************/
/********End - Filterable Blog Module Layout********/
/*******************By Divi Soup********************/
