/*CSS Document*/

.site_body[data-main-page="articles"] .content_wrap{background-image: url(../images/grey_shape.svg); background-position: top center; background-repeat: no-repeat;}
.site_body[data-main-page="tag"] .content_wrap{background-image: url(../images/grey_shape.svg); background-position: top center; background-repeat: no-repeat;}

/*Article Search Page*/
.a_search_header{background: #F6F6F6; height: 100px; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative;}
.a_search_header > div{height: 100%; display: flex; align-items: center; padding: 0 10px; box-sizing: border-box;}
.a_search_title h1{font-size: 32px; color: #000000; padding: 0 0 0 30px; text-transform: uppercase; font-family: 'Exo', sans-serif; position: relative;}
.a_search_title h1::before{content: ""; height: 100%; width: 3px; background:#00853F; border-radius:5px; position: absolute; left: 0; top: 0;}

.a_search_controls{height: 50px; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; margin-bottom: 25px;}
.a_search_controls > div{height: 100%; padding: 0 5px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; gap: 30px;}
.a_search_controls > div >*{flex: 1;}
.a_search_controls select{border: 1px solid #DEDBDB; background-color: #FFFFFF; border-radius: 5px; height: 50px; color: #231F20;
	padding: 0 20px; box-sizing: border-box; font-size: 14px; background-image: url(../images/green_arrow_down.svg); font-family: 'Open Sans', sans-serif;}

/*Article Search Box*/
.article_searchbox { box-sizing:border-box; background: #fff; border: 1px solid #DEDBDB; border-radius: 5px; display: flex;}
.article_searchbox input { color:#231F20; font-size:14px; 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_green.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 {margin: 20px 10px; height: 60px; background:#F9F9F9; font-family: 'Exo', sans-serif;} 
.art_search_pager>div{height: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative;} 
.art_pager_pages {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;} 
.art_pager_link:not(.hidden){box-sizing: border-box; height: 100%; display: flex; justify-content: center; align-items: center;} 
.art_pager_link a {font-size: 18px; color:#231F20; box-sizing: border-box; justify-content: center; position: relative;
  width: 100%; transition: ease-in-out all .3s; display: flex; align-items: center; line-height: 24px; padding: 0 10px; border-right: 1px solid #DBDBDB; } 
.art_pager_link:nth-last-child(2) a{border:0;}
.art_pager_current_page a {color: #00712D; text-decoration: underline;}  
.art_pager_prev_button, .art_pager_next_button{position: absolute; padding: 0; margin: 0; height: 100%;}
.art_pager_next_button{right: 0; top: 0;}
.art_pager_prev_button{left: 0; top: 0;}
.art_pager_prev_button a, .art_pager_next_button a{display: flex; align-items: center; justify-content: center; gap:5px; 
	height: 100%; width: 185px; color: #fff; font-weight: bold; border: 0;}
.art_pager_prev_button a{background: #B1B4B2;}
.art_pager_next_button a{background: #00712D; }
.art_pager_prev_button a::before{content: ""; height: 8px; width: 8px; transform: rotate(45deg); border: solid #fff; border-width: 0 0 2px 2px;}
.art_pager_next_button a::after{content: ""; height: 8px; width: 8px; transform: rotate(45deg); border: solid #fff; border-width:2px 2px 0 0;}
.art_pager_prev_button a:hover, .art_pager_next_button a:hover{animation: shadow-pulse 1s;}

/*Article Block*/
.a_list{width: 33.333333%; font-family: 'Exo', sans-serif;}
.a_list > div{margin: 0 10px 30px 10px;}
.a_list .a_list_image{height: 210px; width: 100%; display: flex; align-items: flex-start; border-radius: 5px; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; margin-bottom: 20px; cursor: pointer;}
.a_list .a_list_image.noImage{background-size: contain;}
.a_list .a_list_details{padding: 0 5px; 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: #231F20; line-height: 28px; width: 100%;}
.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: #00712D; font-weight: bold; border: 1px solid #00712D; font-size: 18px; 
	text-transform: uppercase; transition: ease-in-out all .3s; padding: 16px 20px; border-radius: 5px;}
.a_list > div:hover .a_list_button a{color:#fff; background: #00712D;}

/*Article Details*/
.site_body[data-main-page="article"] .a_search_controls{height: 100px;}
.site_body[data-main-page="article"] .content_wrap{background:url(../images/grey_shape.svg) center top no-repeat;}

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

.art_details_left{width: 70%; padding-right: 10px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; gap:20px; }
.art_aside{width: 30%; padding-left: 10px; box-sizing: border-box;}

.a_title {font-size:40px; color:#000000; font-weight:bold; line-height: 46px; padding: 0;}

.a_categories{display: flex; align-items: center; flex-wrap: wrap; gap:15px;}
.a_categories a{font-size: 16px; line-height: 22px; text-decoration: underline; color: #00712D;}
.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-radius: 5px;
	border:1px solid #DEDBDB; font-family: 'Exo', sans-serif; margin-bottom: 30px;}
.aside_recent > span{font-weight: bold; color: #231F20; font-size:20px; line-height:28px; position:relative; display:flex; gap:10px; align-items:center; 
	margin:10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #DEDBDB;}
.aside_recent > span::before{content: ""; height: 30px; width: 3px; background: #00853F;}
.aside_article{display: flex; gap: 10px; cursor: pointer; padding: 10px 0; border-bottom: 1px solid #DEDBDB;}
.aside_image{height: 60px; width: 120px; overflow: hidden; border-radius: 5px; 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: center; gap: 10px;}
.aside_details > a{color: #231F20; font-size: 18px; font-weight: bold; transition: ease-in-out all .3s;}
.va_articles{background: #00853F; color: #fff; display: flex; align-items: center; justify-content: center; height: 56px; width: 100%; 
	margin: 10px 0; border-radius: 3px; font-weight: bold; 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; }

.aside_article:hover .aside_details > a{color:#00853F; }
.va_articles:hover{animation: shadow-pulse 1s;}

/*Article Associations*/
.art_associate_wrap{padding:60px 0; background: #FBFBFB; border-top: 1px solid #DBDBDB;}
.art_associate_wrap > div{display: flex; flex-direction: column; align-items: flex-start; position: relative;}
.art_associate_wrap > div > h2{color: #000000; position: relative; font-size: 32px; margin-bottom: 40px; text-align: center; padding: 0 0 20px 0; width: 100%;}
.art_associate_wrap > div > h2::after{content: ""; height: 3px; width: 50px; border-radius: 5px; background: #00853F; position: absolute; left: 50%; bottom: 0;
	transform: translateX(-50%);}
.art_associate_wrap .aa_items{display: flex; width: 100%; flex-wrap: wrap;}

.a_assoc_nav_prev{height: 60px; width: 40px; position: absolute; left: -40px; top: calc(50% - 30px); z-index: 20;}
.a_assoc_nav_prev::after{content: ""; height: 24px; width: 24px; border:solid #1D1D1D; border-width:0 0 5px 5px; border-radius: 3px; transform:rotate(45deg); position: absolute; right:0px; top:15px; transition: ease-in-out all .3s;}
.a_assoc_nav_next{height: 60px; width: 40px; position: absolute; right: -40px; top: calc(50% - 30px); z-index: 20;}
.a_assoc_nav_next::after{content: ""; height: 24px; width: 24px; border:solid #1D1D1D; border-width:5px 5px 0 0; border-radius: 3px; transform:rotate(45deg); position: absolute; left:0px; top:15px; transition: ease-in-out all .3s;}
.a_assoc_nav_disabled::after{border-color: #959494;}

.a_assoc_pagination{display: flex; align-items: center; justify-content: center; gap:12px; margin-top: 30px;}
.a_assoc_pagination.swiper-pagination-lock{display: none;}
.a_assoc_pagination > .a_assoc_bullet{height: 14px; width: 14px; background: #fff; border: 1px solid #00712D; border-radius: 100%; 
	cursor: pointer; transition: ease-in-out all .3s;}
.a_assoc_pagination > span.active{background: #00712D;}

/*Article List module*/
.article_list_module{width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; padding: 80px 0 40px 0; background: #FBFBFB;}
.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: #000000; font-size: 32px; 
	text-transform: uppercase;}
.article_list_heading > h2::after{content: ""; height: 3px; width: 50px; border-radius: 5px; background: #00853F; 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;}

.arts_nav_prev{height: 60px; width: 40px; position: absolute; left: -40px; top: calc(50% - 30px); z-index: 20;}
.arts_nav_prev::after{content: ""; height: 24px; width: 24px; border:solid #00712D; border-width:0 0 5px 5px; border-radius: 3px; transform:rotate(45deg); position: absolute; right:0px; top:15px; transition: ease-in-out all .3s;}
.arts_nav_next{height: 60px; width: 40px; position: absolute; right: -40px; top: calc(50% - 30px); z-index: 20;}
.arts_nav_next::after{content: ""; height: 24px; width: 24px; border:solid #00712D; border-width:5px 5px 0 0; border-radius: 3px; transform:rotate(45deg); position: absolute; left:0px; top:15px; transition: ease-in-out all .3s;}
.arts_nav_disabled::after{border-color: #959494;}

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

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

	/*Search*/
	.a_search_controls > div{gap: 15px;}
	.a_list > div {margin: 0 5px 20px 5px;}
	.art_pager_prev_button a, .art_pager_next_button a{width: 140px;}

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

}

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

	/*Search*/
	.a_search_controls > div{gap: 8px;}
	.a_list > div {margin: 0 5px 20px 5px;}
	.art_pager_prev_button a, .art_pager_next_button a{width: 140px;}

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

	/*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_title h1{font-size: 18px;}
	.a_search_controls{height: initial;}
	.a_search_controls > div{flex-direction: column; gap: 10px;}
	.a_search_controls > div > *{flex: initial; width: 100%;}
	
	/*Article Pager*/
	.art_pager_link a{font-size: 14px; border: 0;}
	.art_pager_prev_button a, .art_pager_next_button a{width: 90px;}
	.art_pager_link:not(.art_pager_prev_button, .art_pager_next_button, .art_pager_current_page){display: none;}

	/*Article block*/
	.a_list{width: 100%;}
	.a_list .a_list_image{height: 160px;}
	.a_list .a_list_details .a_list_title{height: initial;}
	.a_list .a_list_details .a_list_title a{font-size: 16px;}
	.a_list .a_list_details .a_list_button a{font-size: 16px;}

	/*Details*/
	.site_body[data-main-page="article"] .a_search_controls{height: initial; padding: 20px 0 0 0;}
	.art_details_left{width: 100%; padding: 0; margin-bottom: 20px;}
	.art_aside{width: 100%; padding: 0;}
	.a_categories{gap:10px;}
	.a_title{font-size: 30px; line-height: 40px;}
	.art_associate_wrap > div > h2{font-size: 28px;}

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

}