/** gihtub */
a.cm_dark_link{
  display: block!important;
  width: 100%;
  margin:0 0 40px 
}
a.cm_dark_link:hover:before,
a.cm_dark_link:hover:after{
  display: none!important
}
.cm_dark_link:hover .button:before{
    -webkit-animation: sonar_small 1.2s 0.1s forwards;
    animation: sonar_small 1.2s 0.1s forwards;
}
.cm_dark_link:hover .button:after{
    -webkit-animation: sonar_big 1.2s 0.1s forwards;
    animation: sonar_big 1.2s 0.1s forwards;
}
.cm_dark{
  border-radius: 15px;
  display: block;
  color: #fff;
  padding:10px 30px 30px;
  text-align: center;
  width: 100%;
}
.sinlge-shortcode .cm-title,
.wp-singular #interior .cm_type-ads-wp .cm-title,
.wp-singular .detail-content .cm_dark_link .cm-title{
  color: #fff;
  font-size: 24px;
  margin-bottom: 20px;
  display: block;
  line-height: 1.3
}
.sinlge-shortcode .cm-desc,
.single .detail-content .cm_dark .cm-desc{
  display: block;
  color: #fff;
   margin-bottom: 20px
}
.cm_logo_solly{
  padding: 0 0 0;
  position: relative;
  top: 5px;
  margin:auto; 
  max-width: 80px;
  border-radius: 50%
}
.cm_logo_solly img{
  max-width: 80px;
  width: 100%;
  display: block;
  margin:20px auto; 
  border-radius: 50%
}
.cm-logo{
  display: none;
  width: 100%;
  text-align: right;
}
.cm_ads_solly_wp,
.cm_ads_solly{
  position: absolute;
  bottom: -28px;
  right: -27px;
  width: 100px;
  height: auto;
}
.cm_ads_solly_wp{display: none}
.cm_type-ads-wp,
.cm_type-ads{
  padding: 30px;
}
.solace-comm-block span.cm-desc{display: block; margin-bottom: 10px}
a.solace-comm-block {text-decoration: none!important}
.bg-dark-blue{background-color: var(--sblue);position: relative;}
@media (min-width: 768px){
  .cm-logo{display: block;}
  .cm_type-ads{background: url(https://solace.com/wp-content/uploads/2018/10/corner-dots-bg.png) no-repeat top right / auto 100%;}
  .cm_type-ads-wp{background-image: var(--wpr-bg-d451acea-edf0-4927-96f3-6c656e6c9b3d);background-repeat: no-repeat; background-size:auto 225px; background-position: bottom right; }

  
}
@media (min-width: 992px){
  .cm_dark{text-align: left;}
  .cm-logo{margin-bottom: 10px}
  .sinlge-shortcode .cm-title,
  .wp-singular #interior .cm_type-ads-wp .cm-title,
  .wp-singular .detail-content .cm_dark_link .cm-title{font-size: 30px;margin-bottom: 10px;}
  .cm_logo_solly img{margin: auto;}
  .cm_ads_solly{width: 169px; right: -32px;}
  .cm_ads_solly_wp{width:180px; right: 2px; bottom: -15px; display:block;}
  .cm_ads_solly_wp img{display: block; box-shadow:0 3px 10px rgba(183, 254, 134, 0.8)}
  .cm_type-ads-wp,
  .cm_type-ads{padding: 30px 30px 30px 50px}
  .cm_type-ads-wp{margin-top: 40px}

}
@media (min-width: 1200px){
  .cm_ads_solly_wp{width: 233px;}
  .wp-singular .cm_type-ads-wp .cm-title{min-height: 80px}
}

/** Codelab end */
/** Twitter tweet block **/
.cm_tweeter_link{
  border-radius: 15px;
  display: block;
  margin-bottom: 40px;
  overflow: hidden;
  text-decoration: none!important;
  width: 100%;
}
.bg-twitter{
  background-color: #038add;
  border-radius: 15px;
  display: block;
  color: #fff;
  padding:30px 30px 30px;
  text-align: center;
  width: 100%;
  overflow: hidden;
  transition: background-color 0.3s ease
}
a:hover .bg-twitter{
  background-color: #0282d1;
}

.cm-tweet-short .bg-twitter {
  padding:20px 30px 20px;
}

.cm-tweet-short .cm-twitter-logo {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.cm-tweet-short  .cm-title{
  padding-right: 70px
}
.bg-twitter .cm-title{
  display: block;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  z-index: 4
}
.bg-twitter .cm-desc{
  display: block;
  text-align: left;
  position: relative;
  z-index: 4
}
.cm-twitter-logo{
  border-radius: 50%;
  display: block;
  height: 80px;
  margin: auto;
  position: relative;
  width: 80px;
  z-index: 2;
}
@media (min-width: 992px){
  .cm-twitter-logo{  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);}
}
.cm-twitter-logo:before{
  background-color: #1b98e5;
  border-radius: 50%;
  content: '';
  display: block;
  height: 150px;
  position: absolute;
  width: 150px;
  left:-35px;
  top:-35px;
  z-index: -1;
}
.cm-twitter-logo:after{
  background-color: #0d90e1;
  border-radius: 50%;
  content: '';
  display: block;
  height: 250px;
  position: absolute;
  width: 250px;
  left:-85px;
  top:-85px;
  z-index: -2;
}
.cm-twitter-logo i{
  background-color: #1da1f2;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
  display: block;
  height: 80px;
  line-height: 80px;
  margin: auto;
  text-align: center;
  width: 80px;
  z-index: 4;
}
.cm-tweet-short .cm-twitter-logo i{
  font-size: 30px;
  height: 60px;
  line-height: 60px;  
  width: 60px;  
}
.cm-tweet-short .cm-twitter-logo{
  height: 60px;
  width: 60px;
}
.cm-tweet-short .cm-twitter-logo:before{
  left:-45px;
  top:-45px;
}

.cm-tweet-short .cm-twitter-logo:after{
  height:300px;
  width: 300px;
  left:-120px;
  top:-120px;
}
.bg-twitter:hover .cm-twitter-logo i {
  animation: btnAnime 1s ease forwards;
}
@keyframes btnAnime {
  5% {
    transform: scale(0.8);
  }
  25% {
    background: none;
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
    background: rgba(255, 255, 255, 0.1);
  }
}

.detail-content p>a.cm_tweeter_link:before{
  display: none!important
}
.cm_type-ads-wp span.cm-desc,
.cm_type-ads span.cm-desc{display: block; margin-bottom: 10px}


/** Asset type **/
.solace-comm-asset{
/*    background: var(--sgreenlight);
    border: 1px solid var(--sgreen);
*/  background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 8px 20px 0px #00000026;
    margin: 0 auto 1.5rem auto;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 90%;
    max-width: 400px;
    clear: right;
    z-index: 2;
 }
@media(min-width:650px){
  .solace-comm-asset{
    margin: 0 0 1.5rem 2rem;
      clear: right;
      float: right;
      max-width: 100%;
      width: 320px;
   }
}
.solace-comm-asset_inner{
    padding: 15px;

 }
.solace-comm-asset h4{
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
}
.solace-comm-asset p{
  margin-bottom: 7px;
  font-size: 16px;  
  padding: 0;
  max-width: 100%!important;
}
.solace-comm-asset_cta{
  color: var(--sgreen2)!important;
  font-weight: 600;
  margin-bottom: 10px;
}
.solace-comm-asset_cta-icon{
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 1px;
  transition: margin-left 0.5s ease;
}
.solace-comm-asset:hover .solace-comm-asset_cta-icon{
  margin-left: 15px;
}

.solace-comm-asset_eyebrow{    
  font-family: var(--font-family-monospace);
    font-size: 12px;
    color: #767676 !important;
    display: block;    
    letter-spacing: 0.5px;
    min-height: 50px;
    padding: 20px 0 30px;
    position: relative;
    text-transform: uppercase;
}
.solace-comm-asset_eyebrow-icon{
  display: block;
  height: 56px;
  position: absolute;
  right: 15px;
  top:20px;
  width: 56px;
}
.solace-comm-asset_link{
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.pathf-view_border {
    background: linear-gradient(90deg, #ABFF88 0%, #00C895 100%);
    height: 10px;
    display: block;
    width: 100%;
}