/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
:root {
	--jet-primary : #102b4e;
	--jet-secondary : #d2ad31;
	--jet-tertiary: #d45f62;
}


.archive-cus h5.post-title {font-size:18px}
.archive-cus {grid-template-columns:50% 50% ; display: grid; grid-template-areas: 'left right-one' 'left right-two' 'left right-three' 'full full' 'full full'}
.archive-cus .post-1 {grid-area: left;} 
.archive-cus .post-1 .box-vertical { display: grid }
.archive-cus .post-1 .box-vertical .box-image {width: 100% !important}
.archive-cus .post-1 .box-image .image-cover {padding-top:60% !important}
.archive-cus .post-2 {grid-area: right-one;} 
.archive-cus .post-3{grid-area: right-two;} 
.archive-cus .post-4{grid-area: right-three;} 
.archive-cus .post-2 .box-image .image-cover, .archive-cus .post-3 .box-image .image-cover, .archive-cus .post-4 .box-image .image-cover {padding-top: 80% !important; }
.archive-cus .post-2 .box-image, .archive-cus .post-3 .box-image, .archive-cus .post-4 .box-image {width: 40%!important}
.archive-cus .post-5, .archive .post-6, .archive .post-7 ,.archive .post-8, .archive .post-9, .archive .post-10 {grid-area: full; grid-row: auto;}
.archive-cus .post-2 .from_the_blog_excerpt , .archive-cus .post-3 .from_the_blog_excerpt , .archive-cus .post-4 .from_the_blog_excerpt {overflow: hidden;   text-overflow: ellipsis;
	display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2; padding: 0; }
.archive-cus .post-5 .col-inner, .archive-cus .post-6 .col-inner, .archive-cus .post-7 .col-inner, .archive-cus .post-8 .col-inner, .archive-cus .post-9 .col-inner {box-shadow: none; border-bottom: 1px solid #f9f9f9; padding-bottom:20px}
.archive-cus .box-text a.xemthem {display:block; text-align: right; margin-top: 10px; font-size: 16px; color: var(--red); margin-right:10px; transition: margin-right 0.5s ease}
.archive-cus .col-inner:hover a.xemthem{margin-right: 0px}













































.copyright-footer {	color: #fff;}

/* CSS BUTTON SLIDER CUSTOM*/
.mfp-arrow, .mfp-counter {color: #000}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer}

.jet-slider .flickity-prev-next-button {
    width: 50px;
}

.jet-slider .flickity-prev-next-button,
.jet-slider .slider-show-nav .flickity-prev-next-button, 
.jet-slider .slider:hover .flickity-prev-next-button {
    opacity: 1;
}

.jet-slider .flickity-prev-next-button svg, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover .arrow, 
.jet-slider .slider-nav-circle .flickity-prev-next-button:hover svg {
    background-color: var(--jet-primary);
    border-color: var(--jet-primary)!important;
    padding: 16px;
    fill: #000!important;
    border-radius: 99px
}

.jet-slider .flickity-page-dots {
    bottom: 5%;
    background-color: #fff;
    padding : 10px 20px;
    border-radius: 99px;
    width: max-content;
    margin: 0 auto;
    box-shadow: 0 0 10px #dcdcdc;
}

.jet-slider .flickity-page-dots .dot {
    width: 8px;
    height: 8px;
	border-color: var(--jet-primary);
	background-color: var(--jet-primary);
	opacity: .8
}

.jet-slider .flickity-page-dots .dot.is-selected {
    width: 30px;
    border-radius: 99px;
	border-color: var(--jet-primary);
	background-color: var(--jet-primary)
}

/* CSS PAGINATION CUSTOM */
.nav-pagination li span, .nav-pagination li a{height: 2.75em;    line-height: 2.5em;    min-width: 2.75em; border: 0}
.nav-pagination li a {background: #efefef}