.elementor-13 .elementor-element.elementor-element-438b308{text-align:center;}.elementor-13 .elementor-element.elementor-element-438b308 .elementor-heading-title{color:#1814B1;font-family:"Romanesco", Ropa - sans;font-weight:600;font-style:italic;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-13 .elementor-element.elementor-element-95035f0 .blog-list.blog-style-4:not(.list-isotope-metro) .post-content-bottom {min-height:200px;}.elementor-13 .elementor-element.elementor-element-95035f0 .blog-list .post-inner-loop .post-title,.elementor-13 .elementor-element.elementor-element-95035f0 .blog-list .post-inner-loop .post-title a{font-family:"Ropa Sans", Ropa - sans;font-weight:600;color:#000000;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-dots.style-1 li button,.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-dots.style-6 li button{-webkit-box-shadow:inset 0 0 0 8px #252525;-moz-box-shadow:inset 0 0 0 8px #252525;box-shadow:inset 0 0 0 8px #252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-dots.style-1 li.slick-active button{-webkit-box-shadow:inset 0 0 0 1px #252525;-moz-box-shadow:inset 0 0 0 1px #252525;box-shadow:inset 0 0 0 1px #252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-dots.style-2 li button{border-color:#252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick ul.slick-dots.style-3 li button{-webkit-box-shadow:inset 0 0 0 1px #252525;-moz-box-shadow:inset 0 0 0 1px #252525;box-shadow:inset 0 0 0 1px #252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-dots.style-3 li.slick-active button{-webkit-box-shadow:inset 0 0 0 8px #252525;-moz-box-shadow:inset 0 0 0 8px #252525;box-shadow:inset 0 0 0 8px #252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick ul.slick-dots.style-4 li button{-webkit-box-shadow:inset 0 0 0 0px #252525;-moz-box-shadow:inset 0 0 0 0px #252525;box-shadow:inset 0 0 0 0px #252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-dots.style-1 li button:before{color:#252525;}.elementor-13 .elementor-element.elementor-element-95035f0 .list-carousel-slick .slick-slider.slick-dotted{padding-bottom:0px;}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-13 .elementor-element.elementor-element-d9e1279:after{content:"0.66";}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-post__meta-data span + span:before{content:"•";}.elementor-13 .elementor-element.elementor-element-d9e1279{--item-display:flex;--read-more-alignment:1;--grid-column-gap:10px;--grid-row-gap:6px;}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-post__card{background-color:#EAEAEA;border-color:#EFEFEF;border-radius:25px;}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-post__text{margin-top:20px;}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-post__thumbnail img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-post__title, .elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-post__title a{font-family:"Rowdies", Ropa - sans;font-weight:600;}.elementor-13 .elementor-element.elementor-element-d9e1279 a.elementor-post__read-more{font-family:"Road Rage", Ropa - sans;font-weight:500;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-438b308 .elementor-heading-title{font-size:25px;}.elementor-13 .elementor-element.elementor-element-95035f0 .blog-list.blog-style-4:not(.list-isotope-metro) .post-content-bottom {min-height:150px;}.elementor-13 .elementor-element.elementor-element-d9e1279 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-13 .elementor-element.elementor-element-d9e1279:after{content:"0.5";}}/* Start custom CSS for posts, class: .elementor-element-d9e1279 *//*INSTRUCTIONS FOR HORIZONTAL SCROLL ON POSTS BY THEAFRICANBOSS.COM
1. add the CSS class 'horizontally' to the posts element you want the effect applied to
2. if u want same post height, add CSS class'scrollingCol' to the column (not section) containing the posts
3. Add the CSS code below EITHER
- your CHILD THEME style.css file
- or add it to an HTML element you can place anywhere in your page with open style tag and closing style tag surrounding the code below
- or add it to the page custom CSS under Advanced tab in Page Settings where the posts are
*/
/* for post WIDTH on MOBILE, adjust the pixels below */
.horizontally>div>div>article {
    max-width: 300px;
    /* width on mobile */
}/* for post WIDTH on DESKTOP, adjust the pixels below */
@media screen and (min-width: 480px) {
    .horizontally>div>div>article {
        width: 350px;
        /* width on desktop */
    }
}/* for SAME post HEIGHT on MOBILE, adjust the pixels below */
.scrollingCol>div>.elementor-column-wrap .elementor-element-populated {
    min-height: 100px;
    /* height on mobile */
}/* for SAME post HEIGHT on DESKTOP, adjust the pixels below */
@media screen and (min-width: 480px) {
    .scrollingCol>div>.elementor-column-wrap .elementor-element-populated {
        min-height: 200px;
        /* height on desktop */
    }
}/* for your own custom swiping cursor, add a 36x36 png URL of your choosing in this format "cursor: url(https://theafricanboss.com/wp-content/uploads/2020/07/swipe-left-right-lg.png), ew-resize;" */
.horizontally>div {
    cursor: ew-resize;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}.horizontally>div::-webkit-scrollbar {
    height: 4px;
}.horizontally>div::-webkit-scrollbar-track {
    background: black;
    background: rgba(0, 0, 0, 0.1);
}.horizontally>div::-webkit-scrollbar-thumb {
    background: black;
    background: rgba(0, 0, 0, 0.31);
}.horizontally>div>div {
    display: flex !important;
    flex-wrap: nowrap;
    flex: 0 0 auto;
}



.elementor-7 .elementor-element.elementor-element-364f78d a.elementor-post__read-more {
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: block;
    width: 115px;
    height: 45px;
    background: #61CE70;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    line-height: 25px;
}/* End custom CSS */