/* ARTICLE MANAGER*/
/*Article Details*/
.a_details, .a_assocs { padding:10px; box-sizing: border-box; background: #fff;}
.a_image { position:relative; margin-bottom:15px; text-align: center;}
.a_image img { max-width:100%;}

.a_title { margin-bottom:5px; font-size: 36px; color:#303130;}
.a_date { font-size:16px; margin-bottom:20px; color:#303130; line-height: 30px;}
.a_back { font-size:18px;}
.a_assoc_title {  font-size:24px; color:#7e2b36; letter-spacing:2px; margin-bottom:20px;}
.a_tag a {  font-size:14px; color:#454746; padding:0 5px; text-decoration: underline;}
.a_date { padding-left:0;}
.a_tags { margin-top: 10px;}
.a_tag:after {  content:"|";}
.a_tags .a_tag:last-of-type:after{content:none;}

.a_content { font-size:13px; line-height:24px;}

.a_assocs { float: right;}
.a_assocs .a_list { max-width:100%; margin: 0;}


/* Pager */
.article_search_pager{display: flex; justify-content: flex-end;  height: 40px; }
.article_search_pager > div{border: solid 1px #e1e1e1; height: 100%; display: flex; border-radius: 10px;}
.article_search_pager .art_pager_link{height: 100%;}
.article_search_pager .art_pager_link a{height: 100%; width: 30px; font-weight: bold; display: flex; align-items: center; justify-content: center; 
  font-size: 16px; font-size: 16px; color:#3a3c3a;}
.article_search_pager .art_pager_link.art_pager_current_page a{color: #fff; background: #1D1D1B;}

.article_search_pager .art_pager_prev a{width: 50px; position: relative;}
.article_search_pager .art_pager_prev a::after{content: ""; position: absolute; left: 20px; top: 14px; height: 10px; width: 10px; border: solid #252626; 
  border-width: 0 0 3px 3px; transform: rotate(45deg);}
.article_search_pager .art_pager_next a{width: 50px; position: relative;}
.article_search_pager .art_pager_next a::after{content: ""; position: absolute; right: 20px; top: 14px; height: 10px; width: 10px; border: solid #252626; 
  border-width: 3px 3px 0 0; transform: rotate(45deg);}

/*Article List*/
.tagheader {text-align:center; position:relative; margin-bottom:10px; }
.tagheader > span {}

.a_list { margin-bottom:20px; margin:0 10px; width:300px; float:left; box-sizing:border-box; font-size:18px; line-height:24px; height:270px; overflow:hidden; text-align:center;}
.a_list_image{ margin-bottom:10px; height:150px; line-height:150px; overflow: hidden;}
.a_list_image a{display: flex; height: 100%; width: 100%; justify-content: center; align-items: center; background: #fff;}
.a_list_image img { height:auto; width: auto; max-width:100%; max-height: 100%;}
.a_list_details {}
.a_list_details .readmore { font-weight:bold; font-size:16px; color:rgba(249, 155, 28, 0.8); }
.readmore a{color: #E15520;}
.a_list_title { font-size:24px; color:#303130; margin-bottom: 10px;}
.a_list_title a{ color:inherit;  text-decoration:none; }
.a_list_content {  color:#434344; font-size:16px; }
.a_list_catlink {  color:#f26657; font-size:12px; }

.a_list.full .a_list_image { float:none; margin-right:0px; display:block; width:100%; margin-bottom:10px;}
.a_list.full .a_list_details {width:100%;}

/*Article Search Page*/
.article_search{}
.article_search .search_title { color:#343333; font-size:16px; margin-bottom:10px; line-height:40px;}
.article_search .search_title span { font-size:24px; color:#585173;}

.article_results .a_list:first-child, .article_results .a_list:nth-child(3n+1) { margin-left:0;}
.article_results .a_list:nth-child(3n) { margin-right:0;}

.aside { margin-bottom:30px; font-size:14px; border:1px solid #e1e1e1; line-height:24px;}
.aside span { color:#fff; background:#585173; display:block; font-size:18px; padding:0 10px; line-height:43px;}
.aside a { color:#343333; display:block; background:#fff; padding:4px 10px; }
.aside a:after { content:" >"; }

.viewmore { font-size:18px; color:#f26657; float:right; display:block; clear:both; line-height:40px;}


/*Article Search Box*/
.article_searchbox { border:1px solid #ccc; box-sizing:border-box; background:#fff; position: relative;}
.article_searchbox input { color:#848181; font-size:16px; text-indent:10px; width:80%; border:0; outline:none; padding:0; line-height:40px; height:40px;}
.article_searchbox a { display:block; height:40px; width:34px; background:url(../images/search_mobile.svg) center center no-repeat #fff; float:right;}

/*Article Banner*/
.a_banner  { position: relative; height:100px; margin-bottom: 10px;  background: url(../images/blog_bg.png) center top no-repeat; width: 100vw;
    left: 50% !important; right: 50%; margin-left: -50vw !important; margin-right: -50vw;}
.a_banner > div{display: flex; justify-content: flex-end; align-items: center; height: 100%;}
.a_searchtitle { position: relative; color:#fff; font-size: 40px; font-weight: bold;}
.a_tag_search select { font-size:16px; color:#7c7c7c;}

/* Article Carousel*/
.art_gal_wrapper {position: relative; height: 345px; width: 100%; }
.art_gal_wrapper > div {overflow:hidden; height: 300px; }
.art_gal_wrapper > div > div {padding-top: 1px;}
.art_gal_wrapper .product {margin:0 7.5px 0px 7.5px; float: left;}
.art_gal_wrapper > a {position: absolute; left: 0; top: calc(50% - 30px); height: 60px; z-index: 10; width: 45px; background:rgba(0, 0, 0, .2);}
.art_gal_wrapper > a::after{content: ""; position: absolute; left: 18px; top: 24px; height: 10px; width: 10px; border: solid #252626; border-width: 0 0 3px 3px; transform: rotate(45deg);}
.art_gal_wrapper > a:nth-of-type(2) {left: auto; right: 0; transform:rotate(180deg);}
.art_gal_wrapper:hover > a {display: block !important;}

.ddown { position:relative; background: #fff; border:1px solid #ccc; box-sizing:border-box; overflow: hidden;}
.ddown:after { content:" "; display:block; position:absolute; border: solid #252626; border-width: 0 3px 3px 0; transform: rotate(45deg); height:10px; width:10px; right:10px; 
  top:10px; cursor:pointer; pointer-events: none;}
.ddown select { border:0; display: block;width: 100%; padding-right:30px; padding-left:10px; height:39px; margin:0; font-weight:normal; line-height:39px; color:#7c7c7c; font-size:12px; text-indent:0px; box-sizing:border-box; background:none; z-index:1; position:relative; 
  -moz-appearance:none;
  -webkit-appearance: none;
  appearance: none;
  cursor:pointer;
 
}
.ddown select ::-ms-expand { display: none; }


@media only screen and (min-width: 1200px) {
  .a_list { width:380px; height:330px;}
  .a_list_image{ margin-bottom:10px; height:215px; line-height:215px; }
}

@media (min-width: 768px) and (max-width:959px){
  .a_list { margin:0 8px; width:240px;}
  .a_list_title { font-size: 18px;}
  .a_list_details .readmore { font-size: 15px;}

  .search_pager { float: none; text-align: center;}
  .pager_link:not(.hidden) { float: none; display: inline-block; vertical-align: middle;}

  /* Article Carousel*/
  .art_gal_wrapper {height: 230px; padding:0 20px; box-sizing: border-box;}
  .art_gal_wrapper > div { height: 230px;}

  .art_gal_wrapper > a {left: 0px;  background-size: contain !important; width:20px; height:20px;}
  .art_gal_wrapper > a:nth-of-type(2) { right: 0px; }
}

@media (max-width: 767px) {
  .a_banner { top:0;}
  .a_banner_bg { background: #ebebeb; max-width:initial !important; height: 60px; top:45px;}
  .a_searchtitle { color:#fff; font-size: 24px; font-weight:bold; line-height: 45px; padding: 0;}
  .a_tag_search { width:145px !important; margin-top: 0;}
  .article_searchbox { width:145px !important; margin-top: 0;}
  .article_searchbox input { width:60%;}

  .a_list { margin:0 5px 10px 5px !important;  width:145px !important; height:170px;}
  .a_list_image { height:85px; line-height: 85px;}
  .a_list_title { height:46px; overflow: hidden; font-size: 14px; line-height: 20px;}
  
  .search_pager { float: none; text-align: center;}
  .pager_link:not(.hidden) { float: none; display: inline-block; vertical-align: middle;}

  .a_details, .a_assocs { padding:0px;border:0;}
  .a_title { font-size: 24px; line-height: 30px;}
  .a_date { font-size: 14px; font-weight: bold;}
  .article_details_bottom_search { width:100% !Important; margin-left:5px; }
  .a_assocs { float: left;}

  /* Article Carousel*/
  .art_gal_wrapper {height: 220px;}
  .art_gal_wrapper > div { height: 220px;}

  .art_gal_wrapper > a {left: -5px;  background-size: contain !important; width:15px; height:15px;}
  .art_gal_wrapper > a:nth-of-type(2) { right: -5px; }
}