/*************** ADD CUSTOM CSS HERE.   ***************/
.heading-1-home .section-title-main {margin:0}.heading-1-home .section-title-main {margin:0}
.justify { text-align: justify }
body blockquote { border-width: 5px; border-color: #f9cf82; padding: 0 .8em 0 1.5em; color: #777 }
.col-blog-post { border-radius: 10px; overflow: hidden }
.badge-recent-post.badge { width: 5em }
div .recent-blog-posts a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;  white-space: normal; overflow: hidden; text-overflow: ellipsis }
span.widget-title h2 { font-size: 1.2em }
h3.post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; transition: all 0.3s ease; cursor: pointer; max-height: 3em }
.col-inner-home:hover h3.post-title a { -webkit-line-clamp: unset; max-height: none; overflow: visible; white-space: normal; position: relative; z-index: 10 }
.nav-pagination .page-number { border-radius: 10px; min-width: 4em }
.nav-pagination .page-number.current {background-color: #e48360;border-color: #e48360}
.nav-pagination>li>a:hover {background-color: var(--fs-experimental-link-color) !important;border-color:var(--fs-experimental-link-color) !important;}
.section-title b {display: none !important;}
.wp-caption .wp-caption-text {background: #f9cf82 !important;color: #333;}
.wp-caption img {border-radius:5px 5px 0px 0px}
.wp-caption .wp-caption-text {border-radius:0px 0px 5px 5px}
.header-bottom {border-bottom: 5px solid #ffcd75;box-shadow: -2px 3px 5px;}
@media only screen and (max-width: 48em) { 
/*************** ADD MOBILE ONLY CSS HERE  ***************/ }