.cx-compass-header{
  margin-left: 8%;
  margin-right: 8%;
  text-align: center; 
  margin-top: 66px;
  margin-bottom: 0px;
  padding: 0px 0px 30px;
  line-height: 0px;
}
.cx-compass-header-link{
  text-decoration: none; 
  color: black ;
}
.category-model-popup{
  text-align: right; 
  font-size: 16px; 
  line-height: 14px; 
  margin-top: -50px;
}
.categories-heading{
  text-decoration: none; 
  color: #0061DF;
}
.cx-tabs{
  justify-content: center; 
}
.container {
  height: auto;
  position: relative;
  text-align: center;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 58px;
  background-size: cover;
}
.container1 {
  height: 600px;
  position: relative;
  text-align: center;
  width: 100%;
  background-size: cover;
  background-color: var(--cx-color-darkBackdrop);
}
.blog-category{
  text-align: center; 
  font-size: 52px; 
  font-weight: 500;
  line-height: 120%; 
  position: static; 
  left: calc(50% - 734px/2); 
  top: 0%; 
  bottom: 70.48%; 
  margin-bottom: 1.5%;
}
.blog-description{
  text-align: center; 
  position: static; 
  width: 704px;
  font-family: 'compass serif';
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  margin-left: calc(50% - 704px/2); ; 
  margin-right: calc(50% - 704px/2);
  color: #000000;
}
.blog-hero-img{
  width: 100%; 
  height: 600px; 
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  z-index: -1;
  object-fit: cover;
}     
.herodata-title{
  width: 80%;
  text-shadow: 0 0 12px var(--cx-color-grey100);
}
.herodata-category{
  text-align: center; 
  color: white;; 
  margin-top: 7px;
  font-size: 20px;
}
.herodata-title-link{
  text-decoration: none; 
  color:white; 
  line-height: 120%; 
  font-weight: 500; 
  text-align: center;
}
.pageNav-textLink:hover {
  font-weight: bold;
}
.parent{
  overflow: hidden;
}
.parent:hover .blog-img, .parent:focus .blog-img{
  -ms-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);;
}
.solid{
  margin-top: 128px;
}
.more-category-heading{
  text-align: center; 
  font-family: 'Compass Serif';
}
.more-category-blogs{
  list-style-type: none; 
  display: grid; 
  grid-gap: var(--gutter); 
  margin-top: 100px;
  padding-bottom: 0px;
}
.more-blogs-li{
  margin-bottom: 24px;
}
.blog-img{
  padding-top: 66.66%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.more-blog-title{
  height: auto; 
}
.more-title-link{
  font-family: Compass Sans;
  font-size: 24px;
  font-weight: 500;
  line-height: 110%;
  text-transform: capitalize; 
  color: #000000; 
  text-decoration: none;
  margin-top: 16px;
}
.blog-updated-at{
  flex: none;
  order: 1;
  flex-grow: 0;
  margin: 0px 0px;font-size: 14px;
  line-height: 14px; margin-top: 16px; margin-bottom: 12px;
}
@media screen and (max-width: 500px) {
  .herodata-title{
    font-size: 21px !important;
    line-height: 100% !important;
  } 
  .blog-description{
    width: 90% !important;
    margin-left: 5% !important; 
    margin-right: 5% !important;
    margin-bottom: 7% !important;
  }
}
@media screen and (max-width: 700px) {
  .uc-appBody{
    min-width: 360px;
    width: 100%;
  }
  .cx-tabs--borderTop{
    display: none;
  }
  .cx-compass-header{
    display: flex;
    margin-left: 0 !important;
    margin-top: 6% !important;
  }
  .archway-desktop{
    display: none;
  }
  .blog-body{
    margin-left: 4.27%;
    margin-right: 4.27%;
  }
  .container1{
    height: 320px;
  }
  .blog-category{
    font-size: 36px !important;
  }
  .blog-description{
    width: 80%;
    margin-left: 10%; 
    margin-right: 10%;
    margin-bottom: 5% ;
  }
  .blog-hero-img{
    height: 320px;
  }
  .herodata-category{
    font-size: 16px;
  }
  .herodata-title{
    text-align: center;
    font-size: 32px;
    line-height: 120% !important;
  } 
  .centered{
    position: relative;
    top: -50%;
    left: 50%;
    margin-top: 7px;
    transform: translate(-50%, -60%);
  }
  .more-category-heading{
    font-size: 24px;
  }
  .more-category-blogs{
    text-align: center; 
    padding-left: 0% !important;
    padding-top: 0% !important;
    width: 100%;
  }
  .blog-img{
    height: auto;
    width: 100%;
  }
}
@media screen and (min-width: 911px){
  .herodata-title{
    font-size: 52px !important;
    line-height: 62px;
    width: 80%;
  }
}
@media screen and (min-width: 701px) {
  .uc-appBody{
    min-width: 532px;
  } 
  .category-model-popup{
    visibility: hidden;
    display: none;
  }
  .archway-mobile{
    display: none;
  } 
  .blog-body{
    max-width: 1492px;
    width: 84%;
    margin: 0 auto;
  }
  .herodata-title{
    text-align: center;
    font-size: 48px;
  }   
  .centered {
    position: relative;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -60%);
  }
  .more-category-heading{
    font-size: 42px;
  }
  .more-category-blogs{
    padding-left: 0px;
    text-align: left;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); 
  }
  .blog-img{
    height: auto;
  }
}