<style><!-- [et_pb_line_break_holder] -->/*****************Advent Calendar 2017 - 18******************/<!-- [et_pb_line_break_holder] -->/******One Half and Two Quarter Alternating Blog Layout******/<!-- [et_pb_line_break_holder] -->/************************By Divi Soup************************/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position the posts and remove margin*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .et_pb_post {<!-- [et_pb_line_break_holder] --> position: relative;<!-- [et_pb_line_break_holder] --> float: left;<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] --> cursor: default;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Set the widths and floats for the alternating posts on desktop*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (min-width: 981px) {<!-- [et_pb_line_break_holder] --> /*Set posts to quarter width*/<!-- [et_pb_line_break_holder] --> .ds-advent-18 .et_pb_post {<!-- [et_pb_line_break_holder] --> width: 25%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Set every fifth post to half width starting at the first post*/<!-- [et_pb_line_break_holder] --> .ds-advent-18 .et_pb_post:nth-of-type(5n+1) {<!-- [et_pb_line_break_holder] --> width: 50%;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> /*Set every tenth post to float right starting at the sixth post*/<!-- [et_pb_line_break_holder] --> .ds-advent-18 .et_pb_post:nth-of-type(10n+6) {<!-- [et_pb_line_break_holder] --> float: right;<!-- [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] -->/*Resize posts for smaller screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 980px) {<!-- [et_pb_line_break_holder] --> /*Set all posts to half width*/<!-- [et_pb_line_break_holder] --> .ds-advent-18 .et_pb_post {<!-- [et_pb_line_break_holder] --> width: 50%;<!-- [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: 479px) {<!-- [et_pb_line_break_holder] --> /*Set all posts to full width*/<!-- [et_pb_line_break_holder] --> .ds-advent-18 .et_pb_post {<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [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 image margin*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .entry-featured-image-url {<!-- [et_pb_line_break_holder] --> margin-bottom: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Add the gradient overlay*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .entry-featured-image-url:after {<!-- [et_pb_line_break_holder] --> content: '';<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> top: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> height: 100%;<!-- [et_pb_line_break_holder] --> background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(1%, rgba(0, 0, 0, 0.01)), to(rgba(0, 0, 0, 1)));<!-- [et_pb_line_break_holder] --> background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 1) 100%);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position the title*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .entry-title {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> left: 0;<!-- [et_pb_line_break_holder] --> width: 100%;<!-- [et_pb_line_break_holder] --> padding: 10px 20px 20px;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .5s ease;<!-- [et_pb_line_break_holder] --> transition: all .5s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Position the excerpt and read more*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .post-content {<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> z-index: 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: vertical;<!-- [et_pb_line_break_holder] --> -webkit-box-direction: normal;<!-- [et_pb_line_break_holder] --> -ms-flex-direction: column;<!-- [et_pb_line_break_holder] --> flex-direction: column;<!-- [et_pb_line_break_holder] --> -webkit-box-pack: end;<!-- [et_pb_line_break_holder] --> -ms-flex-pack: end;<!-- [et_pb_line_break_holder] --> justify-content: flex-end;<!-- [et_pb_line_break_holder] --> bottom: 0;<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> -webkit-transition: all .5s ease;<!-- [et_pb_line_break_holder] --> transition: all .5s ease;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*For IE11 - Prevent text overflow*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .post-content p {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Style the read more*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 a.more-link {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> clear: both;<!-- [et_pb_line_break_holder] --> text-transform: uppercase;<!-- [et_pb_line_break_holder] --> color: #000;<!-- [et_pb_line_break_holder] --> background: #fff;<!-- [et_pb_line_break_holder] --> width: 100px;<!-- [et_pb_line_break_holder] --> text-align: center;<!-- [et_pb_line_break_holder] --> margin-top: 10px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Switch content on hover*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .et_pb_post:hover .entry-title {<!-- [et_pb_line_break_holder] --> opacity: 0;<!-- [et_pb_line_break_holder] --> z-index: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .et_pb_post:hover .post-content {<!-- [et_pb_line_break_holder] --> opacity: 1;<!-- [et_pb_line_break_holder] --> z-index: 1;<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*Limit the excerpt length on smaller screens*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 1400px) {<!-- [et_pb_line_break_holder] --> .ds-advent-18 .post-content p {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> max-height: 9em;<!-- [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] -->@media all and (max-width: 1280px) {<!-- [et_pb_line_break_holder] --> .ds-advent-18 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 6em;<!-- [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: 1080px) {<!-- [et_pb_line_break_holder] --> .ds-advent-18 .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-18 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 100%;<!-- [et_pb_line_break_holder] --> overflow: visible;<!-- [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: 700px) {<!-- [et_pb_line_break_holder] --> .ds-advent-18 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 7.5em;<!-- [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] -->@media all and (max-width: 479px) {<!-- [et_pb_line_break_holder] --> .ds-advent-18 .post-content p {<!-- [et_pb_line_break_holder] --> max-height: 100%;<!-- [et_pb_line_break_holder] --> overflow: visible;<!-- [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] -->/*If you are using pagination*/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.ds-advent-18 .pagination {<!-- [et_pb_line_break_holder] --> padding: 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/*****************Advent Calendar 2017 - 18******************/<!-- [et_pb_line_break_holder] -->/***End - One Half and Two Quarter Alternating Blog Layout***/<!-- [et_pb_line_break_holder] -->/************************By Divi Soup************************/<!-- [et_pb_line_break_holder] --></style>