/* Article Search Header */
.article-header {background: #303B42; height: 120px; display: flex; align-items: center; margin-bottom: 20px; font-family: var(--secondaryFont);}
.article-header .col-9 {display: flex; align-items: center;}
.article-header .searchTitle{font-size: 38px; line-height: 44px; color: #fff; font-weight: bold; }

.article-search-form {background: #fff; height: 60px; display: flex; align-items: center; width: 100%;}
.article-search-form input[type=text] {border: 0; background: none; padding: 0 15px; box-sizing: border-box; font-size: 16px; color: var(--textColour); 
	font-family: inherit; margin:0; height: 100%; width: calc(100% - 50px);}
.article-search-form input[type=submit] {margin:0; padding: 0; width: 50px; flex-grow: 0; flex-shrink: 0; border: 0; outline:0; 
	background: url(../images/search.svg) no-repeat center; cursor: pointer; height: 100%;}

/* Article Search */
.articles{margin-bottom: 30px;}
.article-search-results {display: flex; flex-wrap: wrap; gap:15px; row-gap: 30px;}

/*Search Pager*/
.search-pager{ margin: 20px 0; height: 60px; display: flex;  align-items: center;}
.search-pager > div{width: 100%; display: flex; height: 100%; flex-direction: row; justify-content: center; 
    align-items: center; position: relative; margin: 0; background: #fff;}
.search-pager > div > a{width: 35px; height: 35px; color: var(--secondaryColour); font-size: 18px; position: relative; display: flex; align-items: center; justify-content: center; text-decoration: underline; }
.search-pager > div > a.pager-prev{position: absolute; left: 0; top: 0; width: 60px; height: 100%;}
.search-pager > div > a.pager-prev::after{content: ""; height: 12px; width: 12px; position: absolute; left: 25px; 
    top: calc(50% - 6px); border:solid var(--secondaryColour); border-width: 0 0 3px 3px; 
    transform: rotate(45deg); transition: ease-in-out all .3s;}
.search-pager > div > a.pager-next{position: absolute; right: 0; top: 0; width: 60px; height: 100%;}
.search-pager > div > a.pager-next::after{content: ""; height: 12px; width: 12px; position: absolute; right: 25px; 
    top: calc(50% - 6px); border:solid var(--secondaryColour); border-width: 3px 3px 0 0; transform: rotate(45deg); transition: ease-in-out all .3s;}
.search-pager > div > a.active{text-decoration: none;}

/* Article Block */
.article {display: flex; flex-direction: column; position: relative; flex-grow: 0; flex-shrink: 0; width: calc((100%/3) - 10px);}
.article .article-image {height: 260px; display: flex; align-items: flex-start; width: 100%; background-size: cover; 
    background-repeat: no-repeat; background-position: center center; background-color: #ededed;}
.article .article-info{display: flex; flex-direction: column; gap:20px; align-items: center; justify-content: center; padding: 20px 10px 30px 10px; background: #fff;}
.article .article-title {height: 90px; overflow: hidden; color: #1E2926; font-size: 24px; line-height: 30px; font-weight: bold; text-decoration: none; text-align: center; font-family: var(--secondaryFont); text-transform: capitalize; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.article .article-read{border-radius: 0;}

.article:hover .article-read{background: var(--buttonColour);}

/* Article Details */
.article-details{margin-bottom: 30px;}
.article-fields .article-image { min-height: 30px;}
.article-fields .article-image img {max-width: 100%; height: auto;}

.article-fields .article-title { font-weight: bold; padding-bottom: 20px;}
.article-meta span{color: var(--textColour); font-size: 18px; display: block; margin-bottom: 20px;}
.article-fields .article-description { margin: 20px 0;}

/*Article Related*/
.article-related-articles{width: 100%; display: flex; flex-direction: column; gap:30px; margin-top: 30px;}
.article-related-articles > h2{display: flex; flex-direction: column; gap:10px; font-weight: bold;}
.article-related-articles > h2::after{content: ""; height: 2px; width:30px; background:var(--buttonColour); }
.article-related-results{width: 100%;}
.article-related-container{display: flex; position: relative; flex-direction: column; width: 100%; gap:30px;}

.associated-pagination{display: flex; align-items: center; justify-content: center; transform: none !important; margin: 0 auto;}
.associated-pagination span{background: #EBEBEB; opacity: 1; height: 20px; width: 20px; transform: none; flex-shrink: 0; border-radius: 50%;}
.associated-pagination span.active{background: var(--secondaryColour); transform:scale(1) !important;}
.associated-pagination :is(span.active-next-next, span.active-prev-prev){transform:scale(.33) !important;}
.associated-pagination :is(span.active-next, span.active-prev){transform:scale(.5) !important;}
.associated-pagination.swiper-pagination-lock{display: none;}

/* Article Sidebar */
.article-sidebar {}
.article-sidebar > div {border: 1px solid #E6E5E5; margin-bottom: 10px; background: #fff;}
.article-sidebar > div header {font-weight: bold; color: #000; padding:20px 15px 10px 15px; font-size: 22px; line-height: 28px; font-family: var(--secondaryFont);}
.article-sidebar > div ul {list-style: none; margin: 0; padding: 0;}
.article-sidebar > div ul li {list-style: none; margin: 0; padding:0; display: flex; align-items: flex-start; flex-wrap: wrap;}
.article-sidebar > div > ul{padding: 10px 15px 20px 15px;}
.article-sidebar > div >ul >li >ul {width: 100%; margin: 0 0 0 10px; padding: 10px 0; list-style: none;}
.article-sidebar > div >ul >li >ul > li {padding: 5px 0 0;}
.article-sidebar > div >ul >li >ul > li > a {font-size: 16px; line-height: 24px;}
.article-sidebar > div ul li a {font-size: 18px; color: #000; transition: ease-in-out all .3s; line-height: 24px;}
.article-sidebar > div ul li > a:hover {text-decoration: none;}
.article-sidebar > div > ul > li > a { display: flex; align-items: flex-start;}

.article-sidebar .sidebar-category-list li > a:hover{background: #f9fce9; text-decoration: underline;}
.article-sidebar .sidebar-category-list ul{display: flex; flex-direction: column; gap:25px;}


.article-sidebar .sidebar-article-list{}
.article-sidebar .sidebar-article-list ul{display: flex; flex-direction: column; gap:25px;}
.article-sidebar .sidebar-article-list li a{font-size: 18px; line-height: 26px;}
.article-sidebar .sidebar-article-list li > a:hover{text-decoration: underline;}
.article-sidebar .sidebar-article-list header{display: flex; flex-direction: column; gap:10px;}
.article-sidebar .sidebar-article-list header::after{content:""; height: 2px; width: 30px; background: var(--buttonColour);}

.view_all_posts{margin: 10px 15px 20px 15px;}
.view_all_posts a{border-radius: 0;}

/* Article List Module*/
.article-list-module { position: relative; padding: 40px 0;}
.article-list-module > div{position: relative; display: flex; flex-direction: column; padding: 0 15px; gap:40px;}
.article-list-module > div > div.article-slider-container{width: 100%; gap:30px; display: flex; flex-direction: column;}

.article-list-module .al_heading{font-size: 58px; line-height: 64px; padding: 0; display: flex; justify-content: center; flex-direction: column;
    align-items: center; gap:20px; width: 100%; text-align: center; font-weight: bold; }
.article-list-module .al_heading::after{content: ""; height: 2px; width: 30px; background: var(--buttonColour);}
.article-list-module .article-slider {width: 100%;}

.article-list-module .article .article-image{height: 345px;}

/*Article List View*/
.article-list-module.list{}
.article-list-module.list .article-slider > div{display: flex; flex-wrap: wrap; gap:15px; row-gap: 30px; margin: 0;}
.article-list-module.list .article{width: calc((100%/3) - 20px);}

/*Article Carousel View*/
.article-list-module.carousel{padding: 100px 0;}

/*Article Carousel Arrows*/
.art-navigation{height: 60px; width: 40px; background: var(--mainColour); position: absolute; top: calc(50% - 30px); transition: ease-in-out all .3s;}
.art-navigation::before{content: ""; height: 16px; width:16px; border:solid #000; border-width: 0 0 3px 3px; position:absolute; top: calc(50% - 8px); 
    left: 15px; transform:rotate(45deg); }
.art-navigation.art-prev{left: -50px;}
.art-navigation.art-next{right: -50px; transform: rotate(180deg);}
.art-nav-disabled{opacity: .5;}

/*Article Carousel Pagination*/
.art-pagination{display: flex; align-items: center; justify-content: center; transform: none !important; margin: 0 auto;}
.art-pagination span{background: #EBEBEB; opacity: 1; height: 20px; width: 20px; transform: none; flex-shrink: 0; border-radius: 50%;}
.art-pagination span.active{background: var(--secondaryColour); transform:scale(1) !important;}
.art-pagination :is(span.active-next-next, span.active-prev-prev){transform:scale(.33) !important;}
.art-pagination :is(span.active-next, span.active-prev){transform:scale(.5) !important;}
.art-pagination.swiper-pagination-lock{display: none;}


@media (min-width:1200px) and (max-width:1500px) {

    /*Search Page*/
    .article .article-image{height: 175px;}
    .article .article-title{font-size: 22px;}

    /*Sidebar*/
    .article-sidebar > div ul li a, .article-sidebar .sidebar-article-list li a{font-size: 16px;}

    /*Article Module*/
    .article-list-module .article .article-image{height: 275px;}


}

@media (min-width: 960px) and (max-width: 1199px) {

     /*Search Page*/
    .article .article-image{height: 145px;}
    .article .article-title{font-size: 18px; height: 75px; line-height: 26px;}
    .article-sidebar > div header{font-size: 20px; line-height: 26px;}

    /*Sidebar*/
    .article-sidebar > div ul li a, .article-sidebar .sidebar-article-list li a{font-size: 15px;}

    /*Article Module*/
    .article-list-module .al_heading{font-size: 45px; line-height: 50px;}
    .article-list-module .article .article-image{height: 230px;}

}

@media (max-width:991px) {

    /*Article Search*/
    .article-header {height: 100px;}
    .article-header .searchTitle{font-size: 30px; line-height: 40px;}
    .article-sidebar{margin-top: 30px;}

    /*Article Block*/
    .article .article-title{font-size: 18px; line-height: 26px; height: 80px;}
    .article .article-read{font-size: 17px;}
    .article .article-info{padding: 20px 10px;}

    /*Article Details*/
    .article-fields .article-title{font-size: 42px; line-height: 48px;}
    .article-related-articles > h2{font-size: 40px; line-height: 46px;}

    /*Article Module*/
    .article-list-module.carousel{padding: 50px 0;}
    .article-list-module .al_heading{font-size: 36px; line-height: 42px;}

}

@media (min-width: 768px) and (max-width: 991px) {

    /*Article Block*/
    .article .article-image{height: 162px;}

    /*Article Module*/
    .article-list-module .article .article-image{height: 162px;}
    

}

@media (max-width: 767px) {

    /*Article Search Page*/
    .article-search-results{flex-direction: column; align-items: center;}

    /*Article Block*/
    .article{width: 310px;}
    .article .article-image{height: 206px;}

    /*Article Details*/
    .article-related-results{width: 310px;}
    .article-fields .article-title{font-size: 32px; line-height: 38px;}

    /*Article Module*/
    .article-list-module > div{align-items: center;}
    .article-list-module.list .article-slider > div{flex-direction: column; align-items: center;}
    .article-list-module.list .article{width: 100%;}
    .article-list-module > div > div.article-slider-container{width: 310px;}
    .article-list-module .article .article-image{height: 205px;}

}