/********* 
   CSS Specially for WMS osts widget
 *********/
 
.wms_posts-wrapper {
  width: 100%;
  display: block;	
}

.wms_posts-wrapper .wms_posts {
  width: 100%;
  padding: 0;	
  font-size: 0;
}

.wms_posts-wrapper .wms_posts li {
  display: inline-block;
  font-size: 20px;
  box-sizing: border-box;
  vertical-align: top;
}

.wms_posts-wrapper.col-3 .wms_posts li {
  width: 32%;	
  margin-left: 1%;
  margin-bottom: 15px;
  padding: 15px !important;
}

.wms_posts-wrapper.col-3 .wms_posts li:first-child,
.wms_posts-wrapper.col-3 .wms_posts li:nth-child( 3n + 1 ) {
  margin-left: 0;	
}

.wms_posts-wrapper .wms_posts li article {
  width: 100%;
  display: block;	
  font-size: 0;
}

.wms_posts-wrapper .wms_posts li article .wms-media,
.wms_posts-wrapper .wms_posts li article .wms_post_contents {
  display: inline-block;
  vertical-align: top;	
}

.wms_posts-wrapper .wms_posts li article .wms-media {
  width: 37%;
  position: relative;	
  padding-bottom: 37%;
  overflow: hidden;
}

.wms_posts-wrapper.col-3 .wms_posts li article .wms-media {
  width: 28%;
  padding-bottom: 28%;	
}

.wms_posts-wrapper .wms_posts li article .wms-media img {
  border-radius: 16px;
  position: absolute;
  width: 100%;
  height: 100%;	
  left: 0;
  top: 0;
  object-fit: cover;
  object-position: center;
}

.wms_posts-wrapper.col-3 .wms_posts li article .wms-media img {
  border-radius: 8px;	
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents {
  width: 59%; 
  margin-left: 4%;	
}

.wms_posts-wrapper.col-3 .wms_posts li article .wms_post_contents {
  width: 67%;
  margin-left: 5%;		
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents .entry-meta a,
.wms_posts-wrapper .wms_posts li article .wms_post_contents h3 a {
  font-family: "Lato", sans-sarif;
  font-size: 20px;
  font-style: normal;
  line-height: 32px; 	
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents .entry-meta a {
  color: #C5C8D2;
  font-weight: 800;	
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents h3 a {
  color: #1C2D3B;
  font-weight: 700;
  transition: all 0.4s ease;
}

.wms_posts-wrapper.col-3 .wms_posts li article .wms_post_contents h3 a {
  font-weight: 500;
  line-height: 12px;
  transition: all 0.4s ease;
}

.wms_posts-wrapper.col-3 .wms_posts li article .wms_post_contents h3 {
  margin: 0;	
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents h3 a span.arrw,
.wms_posts-wrapper .wms_posts li article .wms_post_contents .wms_post_excerpt span.arrw {
  background: url( '../images/arrow.svg' );
  width: 15px;
  height: 15px;
  display: none;
  margin-left: 0;
  background-size: 100% 100%;
  position: relative;
  right: -8px;
  top: 1px;	
  transition: all 0.4s ease;
}

body .wms_posts-wrapper .wms_posts li article .wms_post_contents .wms_post_excerpt span.arrw {
  display: inline-block;	
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents .wms_post_excerpt,
.wms_posts-wrapper .wms_posts li article .wms_post_contents .wms-entry-date {
  display: block;
}

.wms_posts-wrapper .wms_posts li article .wms_post_contents h3 a:hover span,
.wms_posts-wrapper .wms_posts li article .wms_post_contents .wms_post_excerpt:hover span.arrw {
  right: -15px;	
}

.wms_posts-wrapper.byshortcode .wms_posts li article .wms_post_contents h3 a {
  color: #C5C8D2;	
}

.wms_posts li article .wms_post_contents .entry-meta {
  display: block;
  line-height: normal;	    
}    

body .wms_posts.firstpostbig li:first-child .wms_post_contents .wms_p_title span.arrw {
  display: none !important;	
}

.wms_posts-wrapper .wms_button_wrapper {
  position: relative;	
}

.wms_posts-wrapper .wms_button_wrapper .ajaxloader {
  display: none;
  vertical-align: middle;
  max-height: 50px;
  position: relative;
  top: 0;	
}

.wms_posts-wrapper .wms_button_wrapper .ajaxloader svg {
  width: 50px;	
  height: auto;
}

body .custmbtn .wms-button {
  width: 100%;
  max-width: 271px;	
}

.wms_posts.firstpostbig .wms_register_webinar {
  width: 100%;	
  margin-top: 18px;  
  display: block;
  margin-bottom: 11px;
}

body.page-id-79846 .wms_posts.firstpostbig .wms_register_webinar {
  margin-bottom: 0;	
}

.wms_posts.firstpostbig .wms_register_webinar a {
  padding: 15px 30px; 
  border-radius: 6px;
  background: var(--Midnight, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #1C2D3B);
  color: #FFF;
  text-align: center;
  font-family: "Mulish", sans-sarif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  letter-spacing: 0.44px;  
  transition: all 0.4s ease; 
  display: inline-block;
}

.wms_posts.firstpostbig .wms_register_webinar a:hover {
  background: #495762; 	
}

.post_type_downloads .wms_posts.firstpostbig li:first-child .wms-entry-date {
  font-family: "Lato", Sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 32px;
  color: #C5C8D2;
  margin: 10px 0px 0px 0px;	
}

.post_type_downloads .wms_posts.firstpostbig li:first-child .entry-meta {
  display: none;	
}

.post_type_downloads .livebtn {
  position: absolute;
  right: 16px;
  top: 18px;
  width: 59px;
  height: 29px; 	
  border-radius: 16px; 
  background: #DD5050;
  color: #FFF;
  font-family: "Lato", Sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
  box-sizing: border-box; 
}

.wms_posts-wrapper .wms_posts li article .wms-media .wms_highlight_txnm {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba( 56,86,184,0.7 );
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  font-family: "Lato", Sans-serif;
  line-height: 28px; 
  min-height: 28px;
  border-radius: 0 0 8px 8px;
}

.wms_posts-wrapper .wms_posts li article .wms-media .wms_highlight_txnm.cyan {
  background: rgba( 135,218,255,0.7 );
  color: #000;	
}

.wms_posts-wrapper .wms_posts li article .wms-media .wms_highlight_txnm.blue {
  background: rgba( 56,86,184,0.7 );
  color: #fff;	
}

.wms_posts-wrapper .wms_posts li article .wms-media .wms_highlight_txnm.black {
  background: rgba( 73,87,98,0.7 );
  color: #fff;	
}

.wms_posts-wrapper .wms_posts li article .wms-media .wms_highlight_txnm.white {
  background: rgba( 223,230,238,0.7 );
  color: #1C2D3B;	
}

.wms_posts-wrapper .wms_posts li .wms_post_contents .wms_p_title {
  margin: 0;	
}

/************* Responsive **************/
@media all and ( max-width: 1200px ) { 
  
   .wms_posts-wrapper .wms_posts li article .wms_post_contents h3 {
      line-height: 25px;  
   }
  
}

@media all and ( max-width: 768px ) {
  
  .wms_posts-wrapper .wms_posts li,
  .wms_posts-wrapper.col-3 .wms_posts li {
    width: 100%;
	padding: 0; 
	margin-bottom: 35px;	  
  }
  
  .wms_posts-wrapper .wms_posts li article .wms-media {
    width: 33%;
	padding-bottom: 33%;	  
  }
  
  .wms_posts-wrapper .wms_posts li article .wms_post_contents .entry-meta a {
    line-height: 28px;	  
  }
  
  .wms_posts-wrapper .wms_posts li article .wms_post_contents h3 {
	margin: 0;	  
  }
  
  .wms_posts-wrapper .wms_posts li article .wms_post_contents h3 a {
   	font-size: 18px;
	font-weight: 700;
    line-height: 25px;  
  }
  
  .wms_posts-wrapper:not(.col-3) .wms_posts li:nth-child(2n),
  .wms_posts-wrapper.col-3 .wms_posts li {
    padding: 0 !important;
	margin-left: 0;	  
  }
  
  .wms_posts-wrapper .wms_button_wrapper .ajaxloader {
    /*position: relative;
    right: 0;
    top: 0;	*/  
  }
  
  .wms_posts.firstpostbig .wms_register_webinar a {
    width: 100%;
	max-height: 50px;
	padding: 14px 30px;	  
  }
  
  .post_type_downloads .livebtn {
    font-size: 16px; 
	font-weight: 500; 
	line-height: 26px;	
	width: 47px;  
  }
  
  .wms_posts-wrapper .wms_button_wrapper .ajaxloader svg {
    width: 42px;
  }
}


@media all and ( max-width: 380px ) {
    
  .wms_posts-wrapper .wms_posts li article .entry-meta {
     margin-bottom: 0 !important;
	 display: none;	  
  }
  
  .wms_posts-wrapper .wms_posts li article .wms_post_contents .author-meta {
     display: none;	  
  }
  	
}