/*CSS Document*/

/*Article Details*/
.article-banner.details_banner{background: url(../images/a_details_banner.png) center center no-repeat;}

.article { margin-top: 25px;}
.a_image { position:relative; max-width: 780px; max-height: 585px; background-size: auto;}
.a_image img{width: 100%; height: 585px;}

.a_title{font-size: 32px; color: #202124; line-height: 42px; margin-top: 10px;}
.a_date, .a_cat {font-size: 16px; color: #4E4F53; line-height: 27px; margin: 20px 0;}
.a_cat a {color: #000; text-decoration:underline; margin-right: 10px;}
.a_cat a:hover {color: #ff2800;}
.article-container{background: #fff; padding: 10px;}

.a_details { padding:0 0 10px 0;}
.a_content p { font-size:16px; line-height:28px; color: #4E4F53; }

.post-viewall{text-align: left;  line-height: 30px; }
.post-viewall a{display: block; margin: 20px 10px; color:#000; text-decoration:underline; font-size:16px; line-height:28px;}
.post-viewall a:hover{color: #ff2800;}


.read-next, .all-cats {padding: 5px; margin-top:25px; border: 1px solid #D8D8D8; margin-bottom:20px;}
.read-next-header, .all-cats-header {color: #202124; font-size: 28px; line-height: 38px; font-family: 'Playfair Display'; display: block; margin-bottom: 10px; border-bottom: 1px dashed #D8D8D8;}
.read-next .a_list{width: 100%; display: flex; flex-direction: row; margin: 0 0 20px 0; align-items: flex-start;}
.read-next .a_list_image{width: 100px; height: initial;}
.read-next .a_list_details{padding: 0 10px; flex:1 0 0; text-align: left;}
.read-next .a_list_date{display: none;}

.all-cats-header {margin-bottom:20px;}
.all-cats-link {display:block; margin: 10px auto; color: #000; text-decoration: underline;}



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


/*Associated Articles Block*/
.art_assoc_block {height: 85px; margin: 5px auto 10px auto; display:flex; flex-direction:row;}
.art_assoc_image {width: 113px; height: 85px;}
.grid_5 .art_assoc_image img {width: 100%; height: 100% !important;}
.art_assoc_details {padding:5px; font-size: 22px; line-height:26px;overflow:hidden; font-family:'Playfair Display'; color: #202124; max-width: 230px;}
.art_assoc_title {height:56px; overflow:hidden;}
.art_assoc_details a:hover {text-decoration:none;}
.art_assoc_readmore {color:#000; text-decoration:underline; font-size:16px; line-height:28px; }



/* .a_list_image{ display: inherit; position: relative; height: 100%; width: 100%; overflow: hidden; }
.a_list_image img { max-width: 100%; vertical-align: middle; height: 450px; width: 380px;}
.a_list_title { position:absolute; top:0; left:0; display:flex; align-items:center; justify-content: center; width: 100%; height:100%;}
.a_list_title a{ color:#000; width: 80%; height: 70px; background-color: rgba(255,255,255,0.7); text-decoration:none; font-size:26px; line-height: 70px; text-align:center; text-transform: uppercase; letter-spacing: 2.34px;}
.a_list_date{position: absolute; bottom: 15px; color: #fff; background: #05224B; padding: 0 10px; font-size: 14px; line-height: 24px; left: calc(50% - 45px);}
.a_list_details  { box-sizing: border-box; padding: 10px;}
.a_list:hover .a_list_title a{color: #0490C1;}
.a_list_content{height: 50px; overflow: hidden; color: #696868; font-size: 14px;}
.a_list.full .a_list_details {width:100%;} */

/* Article List Module Block */
.art_gal_wrapper .art_list.third {box-sizing:border-box; display: inline-block; border:1px solid #F5EAE0; width:380px !important; margin: 20px 6px; vertical-align:top;}
.art_gal_wrapper .art_list { display: inline-block; height: 400px; margin-bottom: 20px;}
.art_gal_wrapper .art_list.third:nth-of-type(3n-2) {margin: 20px 6px; margin-left:6px;}

/* Article Search Block */
.art_list.third {box-sizing:border-box; display: inline-block; border:1px solid #F5EAE0; width:380px !important; margin-left: 10px; vertical-align:top;}
.art_list.third:nth-of-type(3n-2) {margin-left:0;}
.art_list {margin-bottom:20px;}

.artImage {width:100%; height: 253px !important; position:relative; text-align:center;}
.grid_16 .artImage img {max-width: 100%; max-height: 100% !important;}
.art_list_tag { position:absolute; bottom: 20px; left: 50%;  }
.art_list_tag a {position:relative; left:-50%; text-transform: uppercase; text-decoration: none; color:#202124; padding: 5px 10px; background-color: rgba(255,255,255,0.7);border: 1px solid #4E4F53; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px;}
.art_list_details {text-align:center; padding-bottom:10px;}
.art_list_title {margin: 20px 0; height: 70px; overflow:hidden;}
.art_list_title a {font-family: 'Playfair Display'; text-decoration: none; font-size: 24px; color: #202124; line-height: 36px; overflow:hidden;}
/* .art_list_content {display:block; color: #202124;font-size:14px; line-height: 28px; text-align:center; height: 105px; overflow: hidden;} */
.art_list_readmore {margin-top: 20px; color:#000; text-decoration:underline; font-size:16px; line-height:28px; }
.art_list:hover {box-shadow: 0 0 15px #00000066;}

.aside-contact img{position: absolute; top:-20px; left: calc(50% - 30px);}

/*Article Search Page*/
.article-banner {height: 100px; display: flex; flex-direction: row; justify-content:space-between; align-items: center; border-bottom: 1px dashed #4E4F53; }
.article-banner .article_catHeader{font-size: 36px; color: #4A4A4A; line-height: 42px; overflow:hidden; width:70%; height:42px;}
.article_catHeader a {margin-right: 20px; text-decoration: none;}
.article-banner .art-search {width: 30%; position:relative; display: flex; margin-right: 20px;}
.article-banner input { box-sizing: border-box; line-height: 45px; color: #7B7B7B; flex: 1; padding: 0 0 0 10px; border:none; font-family: 'Raleway';}
.article-banner select {height: 47px; color: #7B7B7B;  margin-right: 20px; background: #fff; border:none; flex: 1;}

.article_search {margin: 20px 0;}

.artImage .art_list_tag:not(:first-of-type){display: none;}
.article_searchbutton{height: 45px; width: 60px; text-align: center; line-height: 45px; display: block; background: #fff;}
.article_searchbutton img{vertical-align: middle;}
.article_search_container{position: relative; display: flex; align-items: center; flex: 1;}


/* Pager */
.a_pager_link.hidden{display: none !important;}
.a_search_pager{display: flex; justify-content: flex-end; margin-bottom: 20px;}
.a_search_pager .a_pager_pages{display: flex; flex-direction: row; justify-content: flex-end;}
.a_search_pager .a_pager_link{width: 36px; height: 36px; display: flex; align-items: flex-start; justify-content: center;}
.a_search_pager .a_pager_link a{color: #696868; font-size: 16px; display:block; width: 100%; height: 100%; text-align: center; line-height: 36px; border: 1px solid #C4C4C4; text-decoration: none;}
.a_search_pager .a_pager_current_page a{background: #F4F4F4; color:#0490C1; font-weight: bold; text-decoration: none;}
.a_search_pager .pager_next_button, .a_search_pager .pager_prev_button{text-align: center; position: relative; height: 38px;}
.a_search_pager .pager_next_button a:after, .a_search_pager .pager_prev_button a:after{ content: ""; position: absolute;  right: 15px; top: calc(50% - 5px);  
width: 8px; height: 8px; transform: rotate(45deg); border: 2px solid #696868; border-width: 2px 2px 0 0;}
.a_search_pager .pager_prev_button a:after{transform: rotate(-135deg); right: 9px;}
.a_search_pager .pager_next_button a, .a_search_pager .pager_prev_button a {display: block; box-sizing: border-box; font-size: 0;}

/*Tag list Footer*/
.a_categories{background:#F3F3F3; padding: 30px 0; }
.a_categories > div{height: 100%; text-align: center;}
.a_categories span{display: block; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.a_categories a{background: #05224B; padding: 0 10px; line-height: 24px; color: #fff; text-transform: capitalize; margin: 0 5px 10px 5px; display: inline-block; text-decoration: none;}
.a_categories a:hover{background: #0490C1;}

/*Article Search Box*/
.article_searchbox { border:1px solid #8d8d8a; box-sizing:border-box; overflow:hidden; width: 100%; background: #292828;}
.article_searchbox input { color:#fff; font-size:16px; text-indent:15px; width:75%; border:0; outline:none; padding:0; line-height:55px;
	height:55px; font-size: 18px; background: 0;}
.article_searchbox input::placeholder{color: #fff;}
.article_searchbox a { display:block; height:55px; width:55px; background:url(../images/search_article.png) center center no-repeat rgba(0, 0, 0, .5); text-decoration: none; float:right;}

/* Article Carousel*/
.art_gal_wrapper {position: relative; width: 100%; }
.art_gal_wrapper > div {overflow:hidden;  }
.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{height: 46px; width: 26px; position: absolute;  top: calc(50% - 5px); left: -20px; background: rgba(0, 0, 0, .3); text-decoration: none;}
.art_gal_wrapper > a:nth-of-type(2){right: -20px; left: initial;}

.art_gal_wrapper > a:after { content:""; width: 10px; height: 10px; border: solid #fff;  border-width: 3px 3px 0 0;   display: block; position: absolute;
     transform: rotate(-135deg); right: 5px; top: 18px;}
.art_gal_wrapper > a:nth-of-type(2):after {transform: rotate(45deg); right: 10px;}





/* DESKTOP  */
@media (min-width: 960px) and (max-width:1199px) {
     .art_list.third {width: 310px !important; margin-left: 5px;}
     .art_gal_wrapper .art_list.third {width: 310px !important; margin: 20px 4px;}
     .art_gal_wrapper .art_list.third:nth-of-type(3n-2) {margin: 20px 4px;}
     .artImage {height:210px !important;}

     .art_assoc_image {width:100px; height:85px;}
     .container_16 div.art_assoc_details {max-width:150px;}
     .art_assoc_title {font-size: 20px;}
     .art_assoc_readmore {font-size:16px;}


}




 /* TABLET  */
@media (min-width: 768px) and (max-width:959px) {
     .art_list.third {width: 243px !important; margin-left: 10px;}
     .art_gal_wrapper .art_list.third {width: 243px !important; margin: 20px 5px;}
     .art_gal_wrapper .art_list.third:nth-of-type(3n-2) {margin: 20px 5px;}
     .artImage {height:162px !important;}
     .art_list_title a{font-size: 22px; line-height:32px; text-decoration: none;}
     .art_list_readmore {font-size:14px;}

     .art_assoc_image {width:65px; height:85px;}
     .container_16 div.art_assoc_details {max-width:146px;}
     .art_assoc_title {font-size: 18px;}
     .art_assoc_readmore {font-size:14px;}




}



/* MOBILE */

@media (max-width: 767px) {

     
     .article-banner {flex-direction:column; justify-content: center; padding-left:10px;}
     .article-banner .article_catHeader {width:100%; justify-content:center;}
     .article-banner .art-search {width:100%;}
     .article_search_container {justify-content: flex-start;}

     /*article module*/
     .art_gal_wrapper{height: 400px;}
     .art_gal_wrapper .caroufredsel_wrapper{max-height: initial !important;}
     .art_gal_wrapper > a{left: 0; text-decoration: none;}
     .art_gal_wrapper > a:nth-of-type(2){right: 0;}

     .art_list.third:nth-of-type(2n-1) {margin-left: 0;} 
	.art_list.third, .art_gal_wrapper .art_list.third {width: 300px !important; margin-bottom: 10px; height: auto; margin-left:0;}
	.artImage {width: 300px; height: 200px !important;}
	.art_list_tag {max-width: 95%; font-size: 11px;}

     /*Details*/
     .a_title{font-size: 22px; line-height: 30px;}
     .read-next .a_list{flex-direction: column;}
     .read-next .a_list_image{width: 100%;}
     .read-next .a_list_details{width: 100%; text-align: center;}
     .art_assoc_image {width:88px; height:85px;}
     .container_16 div.art_assoc_details {max-width:210px;}

   
	
}