/*CSS Document*/

/*Article Search Page*/
.a_search_header{background: #2D4386; height: 180px; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative;
	margin-bottom: 20px;}
.a_search_header > div{height: 100%; display: flex; justify-content: center; flex-direction: column; gap:30px; align-items: flex-start; 
	padding: 0 10px; box-sizing: border-box;}
.a_search_title h1{font-size: 32px; font-weight: bold; display: flex; align-items: center; gap:10px; color:#fff; text-transform: uppercase; 
	position: relative; padding: 0;}
.a_search_title h1::before{content: ""; height: 35px; width: 35px; background: url(../images/icon.svg) center no-repeat;}

.a_search_controls{width: 100%; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.a_search_controls >*{flex: 1;}
.a_search_controls select{border:0; background-color: #FFFFFF; height: 50px; color: #231F20; padding: 0 20px; box-sizing: border-box; 
	font-size: 16px; background-image: url(../images/chevron-down-black.svg);}

/*Article Search Box*/
.article_searchbox { box-sizing:border-box; background: #fff; border: 0; display: flex;}
.article_searchbox input { color:#231F20; font-size:16px; background: 0; font-family: inherit; padding: 0 10px; box-sizing: border-box; border:0; 
	outline:none; line-height:50px; height:50px; width: calc(100% - 50px); text-indent: 5px;}
.article_searchbox input::placeholder{color: inherit; font-family: inherit;}
.article_searchbox a { display:block; height:50px; width:50px; background:url(../images/search_tablet.svg) center no-repeat;}

.article_search {padding: 0 0 20px 0;}
.article_search > div{display: flex; flex-wrap: wrap;}
.articles_container{width: 100%;}
.articles_container .articles_group{display: flex; align-items: flex-start; flex-wrap: wrap;}

/*Articles Pager */
.art_search_pager{width: 100%; height: 74px; background: #F5F2F2; margin-bottom: 40px;}
.art_pager_pages{display: flex; height: 100%; align-items: center; justify-content: center; position: relative; }
.art_pager_link:not(.hidden){height: 100%; display: flex; align-items: center;}
.art_pager_link a{display: flex; align-items: center; justify-content: center; gap:5px; padding:0 10px; height: 100%; width: 100%; font-size: 18px;
    color: #003477; position: relative; text-decoration: none; box-sizing:border-box; text-transform: uppercase; font-weight: bold;}
.art_pager_link.art_pager_prev_button{position: absolute; left: 0; top: 0;}
.art_pager_link.art_pager_prev_button a{font-weight: bold; color: #003477; font-size: 14px; padding: 0 15px;}
.art_pager_link.art_pager_prev_button a::before{content: ""; height: 8px; width:8px; border: solid #0C4C8D; border-width: 0 0 2px 2px; transform: rotate(45deg);
    flex-shrink: 0;}
.art_pager_link.art_pager_prev_button.disable a{pointer-events: none;}
.art_pager_link.art_pager_next_button{position: absolute; right: 0; top: 0; }
.art_pager_link.art_pager_next_button a{font-size: 20px; font-weight: bold; color: #003477; padding: 0 15px;}
.art_pager_link.art_pager_next_button a::after{content: ""; height: 8px; width:8px; border: solid #0C4C8D; border-width: 2px 2px 0 0; transform: rotate(45deg);
    flex-shrink: 0;}
.art_pager_link.art_pager_next_button.disable a{pointer-events: none;}
.art_pager_link.art_pager_current_page a{ color: #00A4E4; text-decoration: underline;}

/*Article Block*/
.a_list{width: 33.333333%;}
.a_list > div{margin: 0 10px 30px 10px;}
.a_list .a_list_image{height: 210px; width: 100%; display: flex; align-items: flex-start; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; margin-bottom: 10px; cursor: pointer;}
.a_list .a_list_image.noImage{background-size: contain;}
.a_list .a_list_details{padding: 0 10px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px;}
.a_list .a_list_details .a_list_title{height: 55px; overflow: hidden; text-align: center; display: flex; justify-content: center;}
.a_list .a_list_details .a_list_title a{font-size: 20px; font-weight: bold; color: #011C3E; line-height: 28px; width: 100%; display: -webkit-box; 
	-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.a_list .a_list_details .a_list_button{display: flex; align-items: flex-start; justify-content: center;}
.a_list .a_list_details .a_list_button a{line-height:26px; color: #2D4386; font-weight: bold; border: 1px solid #2D4386; font-size: 18px; 
	text-transform: uppercase; transition: ease-in-out all .3s; padding: 16px 20px;}
.a_list > div:hover .a_list_button a{color:#fff; background: #2D4386;}

/*Article Details*/
.site_body[data-main-page="article"] .a_search_header{height: 100px;}

.article{}
.article > div{display: flex; flex-wrap: wrap; padding: 0 10px; box-sizing: border-box;}

.art_details_left{width: calc(100% - 355px); padding-right: 10px; box-sizing: border-box; display: flex; flex-direction: column; 
	align-items: flex-start; gap:20px; margin-bottom: 40px;}
.art_aside{width: 355px; padding-left: 10px; box-sizing: border-box;}

.a_title {font-size:32px; color:#011C3E; font-weight:bold; line-height: 36px; padding: 0;}
.a_categories{display: flex; align-items: center; flex-wrap: wrap;}
.a_categories a{font-size: 16px; line-height: 22px; color: #274E91; padding-right: 10px; margin-right: 10px; border-right: 1px solid #D0D1D2;}
.a_categories a:last-child{border-right: 0;}
.a_image { position:relative; width: 100%; text-align: center;}
.a_image img { max-width:100%;}
.a_details { padding: 0 0 10px 0;}
.a_content {}
.a_content p{ font-size:16px; line-height:24px; color: #000000;}

/*Article Sidebar*/
.aside_recent{display: flex; flex-direction: column; padding:10px; box-sizing: border-box; background:#fff;
	border:1px solid #DEDBDB; margin-bottom: 30px;}
.aside_recent > span{font-weight: bold; color: #011C3E; font-size:24px; line-height:28px; position:relative; display:flex; align-items:center; 
	margin:10px 0; padding: 0 0 20px 0; border-bottom: 1px solid #DEDBDB;}
.aside_article{display: flex; gap: 10px; cursor: pointer; padding: 10px 0; border-bottom: 1px solid #DEDBDB;}
.aside_image{height: 65px; width: 120px; overflow: hidden; display: flex; align-items: center; justify-content: center; background-size: cover;
	background-repeat: no-repeat; background-position: center;}
.aside_image.noImage{background-size: contain;}
.aside_details{display: flex; flex-direction: column; justify-content: flex-start; gap: 10px; flex-grow: 1;}
.aside_details > a{color: #231F20; font-size: 18px; transition: ease-in-out all .3s;}
.va_articles{background: #2D4386; color: #fff; display: flex; align-items: center; justify-content: center; height: 56px; width: 100%; 
	margin: 10px 0 0 0; font-weight: bold; transition: ease-in-out all .3s; font-size: 18px; gap:5px;}
.va_articles::after{content: ""; height: 6px; width: 6px; transform: rotate(45deg); border:solid #fff; border-width: 2px 2px 0 0; }

.va_articles:hover{background: #8DC43F;}
.aside_article:hover .aside_details > a{color:#274E91; text-decoration:underline;}

/*Article List module*/
.article_list_module{width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; 
	padding: 50px 0; background: #f9f8f8;}
.article_list_module > div{display: flex; flex-direction: column;}
.article_list_heading > h2{position: relative; padding-bottom: 15px; margin-bottom: 40px; font-weight: bold; color: #2D4387; font-size: 28px; 
	text-transform: uppercase;}
.article_list_heading > h2::after{content: ""; height: 4px; width: 30px; background: #93BE1F; position: absolute; left: 50%; 
	bottom: 0; transform: translateX(-50%);}
.article_list_module .articles_group{display: flex; flex-wrap: wrap; width: 100%;}
.article_list_module .article_list_heading{display: flex; flex-direction: column; align-items: center; gap: 5px;  width: 100%;}
.article_list_module > div{padding: 0 10px; box-sizing: border-box; display: flex; align-items: flex-start; flex-wrap: wrap; position: relative;}
.article_list_module .a_list > div{margin: 0;}


.arts_pagination{display: flex; align-items: center; justify-content: center; gap:20px; margin-top: 30px;}
.arts_pagination.swiper-pagination-lock{display: none;}
.arts_pagination > .arts_bullet{height: 18px; width: 18px; background: #fff; border: 1px solid #8DC43F; border-radius: 100%; 
	cursor: pointer; transition: ease-in-out all .3s;}
.arts_pagination > span.active{background: #8DC43F;}

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

	/*Search*/
	.a_search_title h1{font-size: 30px;}

	/*Article Block*/
	.a_list .a_list_image{height: 180px;}

	/*Details Page*/
	.art_details_left {width: calc(100% - 320px);}
	.art_aside{width: 320px;}

}

/*Tablet*/
@media (min-width:768px) and (max-width:959px) {

	/*Search*/
	.a_search_title h1{font-size: 28px;}
	.a_search_controls{gap:10px;}

	/*Article Block*/
	.a_list .a_list_image{height: 145px;}
	.a_list .a_list_details .a_list_title a{font-size: 18px;}
	.a_list .a_list_details .a_list_button a{font-size: 16px; padding: 12px 16px;}

	/*Details*/
	.art_details_left{width: 100%; padding: 0; margin-bottom: 20px;}
	.art_aside{width: 100%; padding: 0;}

	/*Article Module*/
	.article_list_heading > h2{font-size: 28px;}

}

/*Mobile*/
@media (max-width: 767px) {

	/*Search Page*/
	.a_search_header{height: initial; padding: 15px 0;}
	.a_search_header > div{gap:15px;}
	.a_search_title h1{font-size: 18px;}
	.a_search_controls{flex-direction: column; gap: 10px;}
	.a_search_controls > *{flex: initial; width: 100%;}

	/*Pager*/
   .art_pager_link .art_pager_prev_button a, .art_pager_link .art_pager_next_button a{width: 90px;}
   .art_pager_link:not(.art_pager_prev_button, .art_pager_current_page, .art_pager_next_button){display: none;}
	
	/*Article block*/
	.a_list{width: 100%;}
	.a_list .a_list_image{height: 170px;}
	.a_list .a_list_details{gap:20px;}
	.a_list .a_list_details .a_list_title{height: initial;}
	.a_list .a_list_details .a_list_title a{font-size: 18px;}
	.a_list .a_list_details .a_list_button a{font-size: 16px; padding: 14px 20px;}

	/*Details*/
	.site_body[data-main-page="article"] .a_search_header{height: initial; padding: 15px 0;}
	.art_details_left{width: 100%; padding: 0; margin-bottom: 20px;}
	.art_aside{width: 100%; padding: 0;}
	.a_categories a{font-size: 14px;}
	.a_title{font-size: 26px; line-height: 30px;}
	.a_content p{font-size: 14px;}

	/*Article Module*/
	.article_list_heading > h2{font-size: 24px;}
	.arts_pagination{gap:10px;}

}