<style><!-- [et_pb_line_break_holder] -->/*************Advent Calendar 2017 - 9**************/<!-- [et_pb_line_break_holder] -->/***********Vertical Timeline Blog Module***********/<!-- [et_pb_line_break_holder] -->/*******************By Divi Soup********************/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add transition to the posts*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 {<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Size and position the featured image*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> width: 35%;<!-- [et_pb_line_break_holder] --> margin: 0 30px 0 100px;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style and position the read more link*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 a.more-link {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> width: 35%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> left: 100px;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> background: rgba(0, 0, 0, .5);<!-- [et_pb_line_break_holder] --> color: #fff;<!-- [et_pb_line_break_holder] --> font-weight: bold;<!-- [et_pb_line_break_holder] --> font-size: 20px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-orient: horizontal;<!-- [et_pb_line_break_holder] --> -webkit-box-direction: normal;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: row;<!-- [et_pb_line_break_holder] --> flex-direction: row;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: center;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> -webkit-box-align: center;<!-- [et_pb_line_break_holder] --> -ms-flex-align: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add title padding*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post .entry-title {<!-- [et_pb_line_break_holder] --> padding-top: 20px;<!-- [et_pb_line_break_holder] --> padding-right: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style & position the date*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post .published {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> top: 25%;<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> width: 100px;<!-- [et_pb_line_break_holder] --> -webkit-box-align: center;<!-- [et_pb_line_break_holder] --> -ms-flex-align: center;<!-- [et_pb_line_break_holder] --> align-items: center;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: center;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> background: #FFFFFF;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> bottom: 25%;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add the background to the post content*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (min-width: 601px) {<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post:before {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> background: #FFFFFF;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> left: 45%;<!-- [et_pb_line_break_holder] --> right: 0;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> z-index: -1;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Add the vertical line below the date*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .published:before {<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> top: 100%;<!-- [et_pb_line_break_holder] --> content: " ";<!-- [et_pb_line_break_holder] --> height: 200%;<!-- [et_pb_line_break_holder] --> width: 5px;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> background: #FFFFFF;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Remove the vertical line from the last post*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post:last-of-type .published:before {<!-- [et_pb_line_break_holder] --> display: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add the side arrow to the date*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post .published:after {<!-- [et_pb_line_break_holder] --> left: 100%;<!-- [et_pb_line_break_holder] --> top: 50%;<!-- [et_pb_line_break_holder] --> border: solid transparent;<!-- [et_pb_line_break_holder] --> content: " ";<!-- [et_pb_line_break_holder] --> height: 0;<!-- [et_pb_line_break_holder] --> width: 0;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> pointer-events: none;<!-- [et_pb_line_break_holder] --> border-color: transparent;<!-- [et_pb_line_break_holder] --> border-left-color: rgba(0, 0, 0, 0);<!-- [et_pb_line_break_holder] --> border-width: 15px;<!-- [et_pb_line_break_holder] --> margin-top: -15px;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Change the arrow colour on hover*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post:hover .published:after {<!-- [et_pb_line_break_holder] --> border-left-color: #dedede;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Change the date, vertical line and post content background colour on hover*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post:hover .published,<!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post:hover .published:before,<!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post:hover:before {<!-- [et_pb_line_break_holder] --> background: #F5F5F5;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Show the readmore link on hover*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post:hover a.more-link {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Limit the excerpt length*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-9 .et_pb_post .post-content p {<!-- [et_pb_line_break_holder] --> padding-right: 20px;<!-- [et_pb_line_break_holder] --> max-height: 6em;<!-- [et_pb_line_break_holder] --> overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Adjust excerpt limit for smaller screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 1079px) {<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 4.5em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 980px) {<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 3em;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 768px) {<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Rearrange content for mobiles*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 600px) {<!-- [et_pb_line_break_holder] --> /*Add margin to top of module*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 {<!-- [et_pb_line_break_holder] --> margin-top: 40px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Set spacing between posts and add background colour*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post {<!-- [et_pb_line_break_holder] --> margin-bottom: 40%;<!-- [et_pb_line_break_holder] --> background: rgba(0, 0, 0, .1);<!-- [et_pb_line_break_holder] --> -webkit-transition: all .3s ease;<!-- [et_pb_line_break_holder] --> transition: all .3s ease;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Position and size the image*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> margin: 0 0 15px 0;<!-- [et_pb_line_break_holder] --> border-bottom: 5px solid #fff;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Position and size the date*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .published {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 10px;<!-- [et_pb_line_break_holder] --> top: -40px;<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> bottom: auto;<!-- [et_pb_line_break_holder] --> display: -webkit-box;<!-- [et_pb_line_break_holder] --> display: -ms-flexbox;<!-- [et_pb_line_break_holder] --> display: flex;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: center;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: center;<!-- [et_pb_line_break_holder] --> justify-content: center;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Add some padding*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .entry-title {<!-- [et_pb_line_break_holder] --> padding: 0 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 100%;<!-- [et_pb_line_break_holder] --> padding: 0 20px 20px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Style and position the bottom arrow*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post .published:after {<!-- [et_pb_line_break_holder] --> top: calc(100% + 15px);<!-- [et_pb_line_break_holder] --> left: 50%;<!-- [et_pb_line_break_holder] --> border-top-color: #F5F5F5;<!-- [et_pb_line_break_holder] --> border-left-color: transparent;<!-- [et_pb_line_break_holder] --> border-width: 10px;<!-- [et_pb_line_break_holder] --> margin-left: -10px;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Change arrow colour on hover*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post:hover .published:after {<!-- [et_pb_line_break_holder] --> border-left-color: transparent;<!-- [et_pb_line_break_holder] --> border-top-color: #dedede;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Position the read more link*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 a.more-link {<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> top: 100%;<!-- [et_pb_line_break_holder] --> height: 40px;<!-- [et_pb_line_break_holder] --> margin-top: 5px;<!-- [et_pb_line_break_holder] --> background: #dedede;<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Change post and read more background on hover*/<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post:hover,<!-- [et_pb_line_break_holder] --> .ds-advent-9 .et_pb_post:hover a.more-link {<!-- [et_pb_line_break_holder] --> background: #8ACAF8;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*************Advent Calendar 2017 - 9**************/<!-- [et_pb_line_break_holder] -->/********End - Vertical Timeline Blog Module********/<!-- [et_pb_line_break_holder] -->/*******************By Divi Soup********************/<!-- [et_pb_line_break_holder] --></style>