/*CSS Document*/

/*Article Details*/

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

.art_details_title{width:100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #D8D8D8;}
.art_details_title h1{font-size: 47px; color: #363636; font-weight: 600; text-transform: uppercase;}
.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_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:36px; color: #000000;}

/*Article Sidebar*/
.aside_recent{display: flex; flex-direction: column; gap: 20px}
.aside_recent > div{display: flex; flex-direction: column; gap:15px;}
.aside_recent > div > span{font-size: 30px; color: #363636; font-weight: 500; line-height: 34px;}
.aside_search .article_searchbox{display: flex; align-items: center; box-sizing: border-box; border: 1px solid #DDDDDD; 
	width:100%; height: 60px; border-radius:0;}
.aside_search .article_searchbox input{height: 100%; width: calc(100% - 	60px); color: #6A6A6A; font-size: 18px;}
.aside_search .article_searchbox input::placeholder{}
.aside_search .article_searchbox a{width: 60px; height: 100%; background: url(../images/search.svg) center no-repeat #F06C00;}

.aside_article{display: flex; gap: 10px; cursor: pointer; width: 100%; border: 1px solid #D9D9D9; border-top: 6px solid #427046; padding: 50px 15px 25px 15px; 
	box-sizing: border-box;}
.aside_title{font-size: 20px; color: #363636; text-transform: uppercase; font-weight: bold;}
.aside_date{font-size: 15px; color: #363636;}
.aside_details{display: flex; flex-direction: column; justify-content: center; gap: 10px;}
.aside_link{padding: 11px 36px; color: #fff; background: #789877; font-size: 16px; line-height: 24px; transition: ease-in-out all .3s;}
.aside_link:hover{background: #F06C00;}
.aside_description{max-height:60px; overflow:hidden; }
.aside_description p{color: #696969; font-size: 14px; padding: 0;}

/*Article Search Page*/
.a_search_header{background: #317142; height: 136px; 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; justify-content: space-between;}
.a_search_title h1{font-size: 30px; color: #fff; line-height: 36px; padding: 0; font-weight: 600; font-family: 'Montserrat', sans-serif;}

/*Article Search Box*/
.article_searchbox { box-sizing:border-box; border: 1px solid #fff; border-radius: 33px; overflow: hidden; display: flex; width: 430px;}
.article_searchbox input { color:#FFFFFF; font-size:18px; background: none; padding: 0 10px; box-sizing: border-box; border:0; 
	outline:none; line-height:55px; height:55px; width: calc(100% - 80px); font-family: inherit; text-indent: 15px;}
.article_searchbox input::placeholder{color: inherit;}
.article_searchbox a { display:block; height:55px; width:80px; background:url(../images/search.svg) center no-repeat;}

.article_search {background: #FBFCFC; padding: 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;}

.a_search_pager {display:flex; align-items: center;  width: auto; justify-content: center; gap:10px; flex-wrap: wrap; position: relative;} 
.a_pager_link { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: #fff;} 
.a_pager_link a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 26px; color: #000; border: 1px solid #F0F0F0;
	font-weight: bold;} 
.a_pager_link.hidden {display: none !important;} 
.a_pager_link:is(.a_pager_next_button, .a_pager_prev_button) a::before {content:""; display: block; width: 10px; height: 10px; border: solid #000; transform:rotate(45deg);}  
.a_pager_link.a_pager_next_button a::before {border-width: 3px 3px 0 0;}  
.a_pager_link.a_pager_prev_button a::before {border-width: 0 0 3px 3px;}  
.a_pager_current_page a { color: #fff; background: #F06C00; } 

/*Article Block*/
.a_list{width: 33.333333%; font-family: 'Montserrat', sans-serif;}
.a_list > div{margin: 0 10px 20px 10px;background: #fff; box-shadow: 0px 3px 7px 0px rgba(148, 148, 148, 0.25); border: 1px solid #DBDBDB;}
.a_list .a_list_image{height: 290px; width: 100%; display: flex; align-items: flex-start; position: relative;}
.a_list .a_list_category{position: absolute; left: 10px; top: 10px; display: flex; gap:10px; flex-wrap: wrap;}
.a_list .a_list_category a{padding: 10px 30px; box-sizing: border-box; color: #fff; border-radius:26px; background:#317142; font-size: 13px;}
.a_list .a_list_image > a{height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box;}
.a_list .a_list_image img{max-width: 100%; max-height: 100%; width: auto; height: auto;}
.a_list .a_list_details{ padding: 20px 15px; box-sizing: border-box; display: flex; flex-direction: column; gap: 10px; border-top: 6px solid #E0742D; }

.a_list .a_list_title_date{display: flex; flex-direction: column; gap:5px; justify-content: center; padding-bottom: 15px; border-bottom: 1px solid #E2E2E2;}
.a_list a.a_list_title {font-size: 20px; font-weight: bold; color: #363636; line-height: 24px; width: 100%;}
.a_list .a_list_date{color: #848484; font-size: 14px;}

.a_list .a_list_details .a_list_short_desc{font-size: 14px; color: #696969; line-height: 26px; height: 78px; overflow: hidden;}

.a_list .a_list_details .a_list_button{display: flex; align-items: center;}
.a_list .a_list_details .a_list_button a{line-height:45px; width: 100%; color: #fff; font-size: 18px; background: #F06C00; border-radius: 26px; text-align: center;
	text-transform: capitalize; transition: ease-in-out all .3s;}
.a_list > div:hover .a_list_button a{animation: shadow-pulse 1s;}

/*Article List module*/
.article_list_module{width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; padding: 80px 0;}
.article_list_module > div{padding: 0 10px;}
.article_list_module .article_list_heading{display: flex; flex-direction: column; align-items: flex-start; gap: 5px;  width: 100%; padding: 0 10px; margin-bottom: 20px;}
.article_list_module .article_list_heading h3{font-size: 46px; line-height: 54px; color: #363636; font-weight: bold; padding: 0;}
.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 .articles_group{display: flex; align-items: flex-start; overflow: hidden; position: relative; flex-direction: column; width: 100%;}
.article_list_module .articles_group .owl-stage{ display: flex; align-items: flex-start;}
.article_list_module .articles_group .a_list {width: 100%;}

.article_list_module .art_owl_dots{width: 100%; text-align: center; display: flex; align-items: center; justify-content: center; height: 20px; 
  gap: 8px; margin-top: 20px;}
.article_list_module .art_owl_dots button{height: 10px; width: 10px; box-sizing: border-box; transition: ease-in-out all .5s; padding: 0;
  cursor: pointer; background: #fff; outline: 0; border: 1px solid #317142; border-radius: 100%;} 
.article_list_module .art_owl_dots button.active{background: #317142;}

.article_list_module :is(.art_owl_dots, .art_owl_nav).disabled{display: none;}

.article_list_module .art_owl_nav{position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%;}
.article_list_module .art_owl_nav button{position: absolute; cursor: pointer; height: 80px; width: 40px; padding: 0; border: 0; 
  transition: ease-in-out all .3s; background: none;}
.article_list_module .art_owl_nav button > span{display: none;}
.article_list_module .art_owl_nav button:after{content: ""; height: 14px; width: 14px; border:solid #317142; border-width: 4px 4px 0 0; transform: rotate(45deg);
	position: absolute; top: calc(50% - 9px); left: 8px; }
.article_list_module .art_owl_nav button.owl-prev{left:-40px; transform: rotate(180deg);}
.article_list_module .art_owl_nav button.owl-next{right:-40px;}
.article_list_module .art_owl_nav button:hover{animation: shadow-pulse 1s;}

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

	/*Search page*/
	.a_list > div {margin: 0 5px 20px 5px;}

	/*Article Block*/
	.a_list .a_list_image{height: 250px;}
	.a_list .a_list_category a{font-size: 10px; padding: 10px 20px;}
	.a_list .a_list_date {font-size: 12px;}
	.a_list a.a_list_title {font-size: 18px;}
	.a_list .a_list_details .a_list_short_desc {font-size: 12px;}
	.a_list .a_list_details .a_list_button a {font-size: 16px;}

	/*Pager*/
	.a_pager_link {height: 40px; width: 40px;}
	.a_pager_link a{font-size: 18px;}
}

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

	/*Search Page*/
	.article_searchbox{width: 380px;}
	.a_search_title h1 {font-size: 28px;}

	/*Pager*/
	.a_pager_link {height: 40px; width: 40px;}
	.a_pager_link a{font-size: 18px;}

	/*Article Block*/
	.a_list{width: 50%;}
	.a_list .a_list_image{height: 280px;}
	.a_list .a_list_category a{padding: 10px 20px; font-size: 12px;}
	.a_list .a_list_details .a_list_button a{font-size: 16px;}

	/*Details*/
	.a_search_header {height: 78px; background: #8D8D8D;}
	.art_details_title h1{font-size: 32px;}
	.art_details_left{width: 100%; padding: 0; margin-bottom: 20px;}
	.art_aside{width: 100%; padding: 0;}
	.aside_recent > div.aside_news{gap:0;}
	.aside_recent > div{flex-direction: row; flex-wrap: wrap;}
	.aside_recent > div > span{width: 100%; margin-bottom: 15px;}
	.aside_news .articles_group {width: 50%;}
	.aside_news .a_list{width: 100%;}

	
}


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

	/*Search Page*/
	.a_search_header > div{flex-direction: column; justify-content:center; gap:10px;}
	.article_searchbox{width: 100%;}
	.article_searchbox input{font-size: 14px; line-height: 45px; height: 45px;}
	.article_searchbox a{height: 45px;}

	/*Pager*/
	.a_pager_link {height: 30px; width: 30px;}
	.a_pager_link a{font-size: 14px;}

	/*Article block*/
	.a_list{width: 100%;}
	.a_list .a_list_image{height: 200px;}
	.a_list .a_list_category a{padding: 10px 20px; font-size: 12px;}
	.a_list .a_list_details .a_list_short_desc{height: initial;}
	.a_list .a_list_details .a_list_button a{font-size: 14px; line-height: 35px;}
	.a_list a.a_list_title {font-size: 14px;}
	.a_list .a_list_date {font-size: 12px;}
	.a_list .a_list_details {padding: 10px;}

	/*Details*/
	body[data-page=article] .a_search_header{height: 78px; background: #8D8D8D}
	body[data-page=article] .a_search_header > div{align-items: flex-start;}
	.art_details_left{width: 100%; padding: 0; margin-bottom: 20px;}
	.art_aside{width: 100%; padding: 0;}

	.art_details_title {padding: 0; margin: 0; border: 0;}
	.art_details_title h1{font-size: 27px; padding: 0;}

	.art_aside{width: 100%; padding: 0;}

	.a_date{color: #8D8D8D; font-size: 17px;}

	.aside_recent > div.aside_news{gap:0;}
	.aside_recent > div{flex-direction: row; flex-wrap: wrap;}
	.aside_recent > div > span{width: 100%; margin-bottom: 15px;}
	.aside_news .articles_group {width: 100%;}
	.aside_news .a_list{width: 100%;}
	.aside_recent > div > span{font-size: 24px;}

	/*Article Module*/
	.article_list_module .a_list{width: 100%;}
	.article_list_module > div{gap:20px;}
	.article_list_module .article_list_heading h3{font-size: 24px;}

}