
.articles, .article-details-page {margin: 20px 0;}
.article-header .cat-header, .article-header .cat-header a {font-weight:bold; font-family: 'Prometo', sans-serif; font-size: 40px; text-transform: capitalize; }
.article-header .cat-header a:hover {text-decoration:none;}


.article-search-form {background: #fff; border: 1px solid #e6e4e4; height: 50px; display: flex; align-items: center; width: 100%; margin-bottom: 20px}
.article-search-form input[type=text] {border: 0; background: none; flex: auto; width: 0; font-size: 18px; color: #6f6f70; font-family: inherit; padding:0 0 0 5px; margin:0}
.article-search-form input[type=submit] {margin:0; padding: 0; width: 50px; flex-grow: 0; flex-shrink: 0; border: 0; outline:0; background: #f8f6f6 url(../images/search.png) no-repeat center; cursor: pointer; height: 48px; border-left: 1px solid #e6e4e4;}
.article-search-form select {width: 100%; height: 100%; border:none; color: #6f6f70;}

.search-category-container{}
.search-category-container select{width:100%; height:50px; border:1px solid #e6e4e4; color:#6f6f70; font-size:18px;}

.articles-pager {display: flex; width: 100%; margin: 20px 0; flex-direction: row; justify-content: flex-end; align-items: center; border-top: 1px solid #e1e1e1;}
.articles-pager > a {color: #4a4f55; font-size: 20px; line-height: 60px; margin: 0  5px; text-transform: uppercase;}
.articles-pager > a:last-child {margin-right: 0;}
.articles-pager > a.active {color: #000000; text-decoration: underline;}
.articles-pager > a.pager-next {font-weight: bold;}

/* Article Block */

/* Article Search */
.article-search-results {display: flex; flex-wrap: wrap;}


.article {display: flex; flex-direction: column; position: relative; width: 33%; flex-grow: 0; flex-shrink: 0; marign-bottom: 20px; padding:0 10px;}
.article::nth-child(3) {margin-right:0;}
.most-recent-article .article {width: 100%;}
.article .article-image {height: 330px;  width: 100%; display: flex; align-items: flex-start;}
.most-recent-article .article .article-image {height: 600px;  width: 100%; display: flex; align-items: flex-start;}
.article .article-image a{height: 100%; width: 100%; display:flex; align-items:center; justify-content:center;}
.article .article-image img{max-height: 100%; max-width: 100%; height:auto; width:auto;}
.article .article-details {padding: 5px 5px 20px 5px; line-height: 25px; display: flex; justify-content: flex-start; width: 100%; align-items: center; flex-direction: column;}
.article .article-cat { font-size: 18px; font-weight: 300; line-height: 32px; padding: 0 10px; background-color: #EBEBEB; margin: 10px auto; text-transform: uppercase;}
.article .article-title { font-family: 'Prometo'; font-size: 36px; padding: 0 10px;  font-weight: normal; line-height: 46px; color: #000; margin-bottom: 30px; height: 134px; overflow:hidden;}
.article .article-summary {font-weight: 300; font-size: 20px; line-height: 32px; margin-bottom: 30px; height: 100px; text-align: center; overflow-y: hidden;}
.most-recent-article .article-summary {padding-left: 12.5%; padding-right:12.5%;}
.article .article-details:first-child {border-width: 1px; padding-top: 10px;}
.article .article-meta {font-size: 12px; color: #3c3d3d; display: flex; align-items: center; line-height: 12px; justify-content: center; margin-top: auto; margin-bottom: 10px;}
.article .article-meta > span:not(:last-child) {border-right: 1px solid #9d9e9e; margin-right: 5px; padding-right: 5px;}

.article .readmore-button a {padding: 10px 30px; background-color: #FFC600; color: #000; font-size: 22px; line-height: 24px;}
.article .readmore-button a:hover {background-color: #000; color: #FFC600; text-decoration:none;}

.article-details .article-cat a:not(:first-child){display:none;}

body[data-page="articles"] .article-search-results .firstArticle{width:100%;}
body[data-page="articles"] .article-search-results .firstArticle .article-image {height:initial; max-height:600px;}
body[data-page="articles"] .article-search-results .firstArticle .article-title{height:initial; font-weight:bold; font-size 30px; }
body[data-page="articles"] .article-search-results .firstArticle .article-summary{height:initial;}
   
   
   
/* Article Details */
.article-details-page .article-header{font-size: 16px;}
.article-fields .article-image {min-height: 30px;}
.article-fields .article-title {font-size: 40px; text-align:center; line-height: 45px; padding: 20px 0px; font-weight: bold; color: #000;}
.article-fields .article-meta {display: flex; align-items: center; justify-content:center; color:#999; font-size: 22px; line-height: 26px;}
.article-fields .article-meta > span:not(:last-child) {border-right: 1px solid #9d9e9e; margin-right: 5px; padding-right: 5px;}
.article-fields .article-description {margin: 20px 0;}
.article-fields .article-description strong{font-weight:bold;}

.article-details .article-related-articles {border-top: 1px solid #ebebeb;}
.article-details .article-related-articles > div:first-child {margin: 0 0 20px; border-bottom: 1px solid #ebebeb; color: #414141; font-size: 24px; font-weight: bold; line-height: 60px;}

.all-posts-link {margin-bottom: 50px;}

.readmore-link a{font-size: 20px;}
.article-sidebar .article-title {font-weight:400; padding-top:15px;}


/* Article Sidebar */
.article-sidebar {}
.article-sidebar .article-related-articles, .article-sidebar .article-related-categories {background-color: #EBEBEB;}
.article-sidebar .related-article-block { padding: 5px 5px; margin: 5px 5px;}
.article-sidebar header {font-family: 'Prometo'; font-size: 36px; padding: 0 10px;  font-weight: 400; text-align:center; line-height: 46px; color: #000; margin-bottom: 10px;}
.article-sidebar .article-title {font-size: 32px; font-family: 'Prometo'; line-height: 41px;}
.article-sidebar .readmore-link a {text-decoration: underline;}
.article-sidebar .article-related-articles .article {background-color: #fff; padding: 5px 2px; margin:5px 5px;}
.article-sidebar .article-related-categories li {list-style:none; padding-left: 10px;}

<!-- .article-sidebar > div {border: 1px solid #e6e4e4; padding: 0; margin-bottom: 20px;}
.article-sidebar > div ul {list-style: none; margin: 10px 0; padding: 0;}
.article-sidebar > div ul li {list-style: none; margin: 0; padding: 5px 0; display: flex; align-items: flex-start; line-height: 24px; flex-wrap: wrap;}
.article-sidebar > div >ul >li {}
.article-sidebar > div >ul >li >ul {width: 100%; margin: 0 0 0 35px; padding: 0; list-style: none;}
.article-sidebar > div >ul >li >ul > li {border-top: 0;}
.article-sidebar > div >ul >li >ul > li > a {font-size: 14px; display: flex; align-items: flex-start;}
.article-sidebar > div ul li a {font-size: 18px; color: #3a3a3c;}
.article-sidebar > div ul li > a:hover {color: #000000; text-decoration: none;}
.article-sidebar > div >ul >li > a { display: flex; align-items: flex-start;}

.article-sidebar > a {border: 1px solid #e6e4e4; width: 100%; background: #f8f6f6; font-size: 14px; display: flex; line-height: 40px; padding: 0 10px; color: #3a3a3c !important; font-weight: bold; text-transform: uppercase; align-items: center; margin-bottom: 20px; text-decoration: none;}
.article-sidebar > a:after {content: ''; width: 10px; height: 10px; clip-path: polygon(0 0, 100% 50%, 0 100%); background: #3a3a3c; margin-left: auto;}

.article-sidebar > .sidebar-custom {border: 0; min-height: 50px;} -->



/* Article List */

.article-list-module { margin: 20px 0; position:relative;}
.article-list-module .article-slider {display: flex; align-items: flex-flex-start;}
.articles-gal-prev, .articles-gal-next {width: 40px; height: 40px; padding: 0; top:50%; position:absolute;} 
.articles-gal-prev {background: rgba(0,0,0, 0.4) url(../images/navigation-left.svg) center center no-repeat; left:0;}
.articles-gal-next{background: rgba(0,0,0, 0.4) url(../images/navigation-right.svg) center center no-repeat; right:0;}
.article-list-module .article{margin:0 10px;}

/*Featured Articles*/
.featured-article{display: flex; justify-content: center; flex-direction: column; align-items: center; margin-bottom:20px;}
.featured-article .featured-article-image{margin-bottom:20px;}
.featured-article-category a{margin:0 10px; background:#EBEBEB; font-size:18px; display:inline-block; padding:0 10px; line-height: 37px; text-transform:uppercase;}
.featured-article-title .article-title{font-size:30px; margin-bottom:20px;}
.featured-article-snippet{font-size:22px; line-height: 32px; font-weight:200; margin-bottom:20px; color:#000000;}
.featured-article-readmore a{ background:#FFC600; font-size:16px; display:inline-block; padding:0 25px; line-height: 40px;}



/* Desktop */
@media (min-width: 1200px) {
    
    /*.article-list-module, .article-list-module > div, .article-list-module > div > div{height:790px !important;}*/
}
@media (min-width: 768px) and (max-width: 1199px) {
    
   /* .article-list-module, .article-list-module > div, .article-list-module > div > div{height:790px !important;}*/

    body[data-page="articles"] .article-search-results .firstArticle .article-image {max-height:550px;}
    .article .article-image {height:150px;}

}
@media (max-width: 767px) {
    
    /*.article-list-module, .article-list-module > div, .article-list-module > div > div{height:790px !important;}*/

    .article{width:100%;}
    body[data-page="articles"] .article-search-results .firstArticle .article-image {max-height:220px;}
    .article .article-image{height:180px;}
    .article .article-title { height:auto;}
}
