/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.cdnfonts.com/css/tt-norms-pro');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto+Slab:wght@500&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
* {
  margin:0;
  padding:0;
  overflow-x: none;
}




/* Text Hierarchy Settings */

/* page main heading */
h1 {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  font-weight: 700;
  color: #003057;
}

/* section headings */
h2 {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 2rem;
  line-height: 2.25rem;
  font-weight: 500;
  color: #005479;
  margin-bottom: 30px;
}

/* sub headings */
h3 {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 500;
  color: #00799B;
  margin-bottom: 16px;
}

/* element headings */
h4 {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;
  font-weight: 500;
  color: #009dbc;
  margin-bottom: 5px;
}
h4.highlight {
  color: #E81F76;
}

/* captions */
h5, h6 {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 600;
  color: #009dbc;
  margin-bottom: 5px;
  text-transform: uppercase;
}
h5.highlight, h6.highlight {
  color: #003057;
  opacity: 1;
}


/* body text */
p, ul, li, .row ul, .row li, p span, li span, p em, li em, p i {
  font-family: "TT Norms Pro", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #2a4d63;
  word-wrap: none !important; -webkit-hyphens: none !important;-ms-hyphens: none !important; hyphens: none !important;
}
p i {
  font-weight: 500;
}
i {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #123952;
}

p br {
  line-height: 0.5rem;
}

.bullet-points {
  margin-bottom: 16px;
  margin-left: 20px;
}
.bullet-points li {
  margin-bottom: 16px;
  list-style-type: disc;
}
ol {
  margin-left: 20px;
}
ol li {
  list-style: decimal;
  margin-bottom: 16px;
}

/* subtext */
span, em {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 450;
  color: #2a4d63;
}
li span {
  color: #009dbc;
}

/* captions */
p i, li i, i {
  font-style: italic;
  margin-right: 1px;
}

/* links */
a {
  font-family: "TT Norms Pro", sans-serif;
  font-weight: 450;
  text-decoration: none;
}
a:hover {
  color: #C2145F;
}
p a {
  border-bottom: 1px solid transparent;
  color: #E81F76;
  text-decoration: none;
}
p a:hover {
  border-bottom: 1px solid #2a4d63;
  color: #2a4d63;
}
p.highlight {
  color: #005479;
  font-style: italic;
}
p span.highlight {
  color: #005479;
  font-style: italic;
}
em a {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-weight: 500;
  color: #e81f76;
  position: relative;
  left: 0;
  transition: ease 0.3s;
  text-decoration: none;
}
em a:hover {
  color: #2a4d63;
  left: 10px;
  cursor: pointer;
}

@media screen and (max-width:1023px) {
  h1 {
    font-size: 2rem;
    line-height: 2.25rem;
  }
  .bullet-points li {
    text-align: left;
  }
}
    
@media only screen and (max-width:705px) {
  h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  h3 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  h5, h6 {
    font-size: 0.8rem;
    line-height: 1rem;
  }

  p, ul, li, .row ul, .row li, p span, li span, p em, li em, p i {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .bullet-points li {
    margin-left: 16px;
  }
}




body {
  font-family: "TT Norms Pro", sans-serif;
  background-color: #F4F7FC;
}
.body-container {
  padding: 0 0 0 50px;
  max-width: 1900px !important;
  margin: 0 auto !important;
}
.body-container-wrapper {
  margin: 166px 0px 50px auto;
}

body.cs-learn-2022 *{font-family: "TT Norms Pro", sans-serif; !important;}


/* NEW LEARN PORTAL STYLES */

#top-sticky-menu-bar {
  padding: 20px 30px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color:#004877;
  color: #004877;
  font-family: "TT Norms Pro", sans-serif;
  z-index: 100000;
}
#top-sticky-menu-bar .sub-header {
  max-width: 100%;
  margin-left:0;
} 
.learn-search {
  margin: 0 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

#side-menu {
  max-width: 400px;
  padding: 50px;
}
#side-menu h3 {
  color: #00799b;
  margin-top: 16px;
  margin-bottom: 50px;
}
.side-menu-button {
  background-color: #FA237C;
  border: 2px solid #FA237C;
  padding: 5px;
  max-width: 120px;
  text-align: center;
  cursor: pointer;
  margin-top: 8px;
  border-radius: 20px;
}
.side-menu-button:hover {
  filter: brightness(85%);
}

a.help-article {
  background: transparent;
  border: 2px solid #E6427B;
  color: #E6427B;
  font-size: 1rem;
  font-family: "TT Norms Pro", sans-serif;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 25px;
  -webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;
  margin-top: 30px;
}
a.help-article:hover {
  background: #E6427B;
  color: #fff;
}


span {
  font-family: "TT Norms Pro", sans-serif;
}

strong {
  font-family: "TT Norms Pro", sans-serif;
  font-weight: 600;
}

.popup-menu {
  margin-bottom: 16px;
}

.popup {
  background-color: rgba(200,200,200,0.9);
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  z-index:1400;
  overflow:scroll;
  display:none;
}
.popup.active {
  display:block;
}
.popup-box {
  width:60%;
  height:70%;
  max-height:800px;
  position:relative;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  background-color:white;
  padding:50px;
  overflow:scroll;
  text-align:left;
  max-width:1000px;
}
.popup-box h1 {
  font-family: "TT Norms Pro", sans-serif;
  font-weight:600;
  color:#fa297c;
  margin-bottom:32px;
  max-width:500px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}
.popup-box p {
  font-family: "TT Norms Pro", sans-serif;
  color:#7b98ac;
  margin-bottom:24px;
  max-width:500px;
  margin-right:auto;
  margin-left:auto;
}
.popup-box ul {
  list-style-position: outside;
  color:#7b98ac;
  max-width:500px;
  margin-right:auto;
  margin-left:auto;
  margin-bottom: 32px;
}
.popup-box ul li {
  margin-left:20px;
  margin-bottom:8px;
}
.popup-close {
  position:absolute;
  top:20px;
  right:20px;
  font-size:25px;
  color:red;
  font-family: "TT Norms Pro", sans-serif;
  font-weight:bold;
  cursor:pointer;
}
.popup-form {
  width:90%;
  margin-right:auto;
  margin-left:auto;
}


.header-container-wrapper {
  width:100%;
  max-width:1900px;
  margin: 0 auto;
}
.top-space {
  height:100px;
}

#top-nav {
  position:fixed;
  top:0;
  height:100px;
  width:100% !important;
  max-width:1900px;
  padding-left:50px;
  padding-right:50px;
  background-color:white;
  vertical-align:middle;
  z-index:100;
}
#top-nav img {
  margin-top:30px;
  width:300px;
}
.top-nav {
  /*   width:100% !important; */
  float:right;
}
.site-search .hs-search-field__input{
  font-family: "TT Norms Pro", sans-serif;
  font-size:20px;
  border:2px solid #7b98ac;
  border-radius:5px;
  padding-left: 5px;
  transition: all .2s ease;
  margin-top: 30px;
}
.site-search .hs-search-field__input:focus {
  border:2px solid #0c5a88;
  transition: all .2s ease;
}
.site-search .hs-search-field__bar form {
  display:flex;
}
.site-search .hs-search-field__bar form button {
  margin-left:10px;
  padding-right:12px;
  padding-left:12px;
  font-family: "TT Norms Pro", sans-serif;
  font-size:20px;
  border:none;
  border-radius:5px;
  transition: all .2s ease;
  background-color:#eee;
  margin-top: 30px;
}
.site-search .hs-search-field__bar form button:focus,
.site-search .hs-search-field__bar form button:active,
.site-search .hs-search-field__bar form button:hover {
  background-color: #7b98ac;
  transition: all .2s ease;
}
.site-search .hs-search-field--open .hs-search-field__suggestions {
  background-color:white; 
  font-family: "TT Norms Pro", sans-serif;
  font-size:17px;
  padding:10px 0;
}
.site-search .hs-search-field--open .hs-search-field__suggestions li {
  background-color:white;
  padding:10px;
  padding-bottom:10px;
}
.site-search .hs-search-field--open .hs-search-field__suggestions li a {
  color:#0c5a88;
  transition: all .2s ease;
  text-decoration:none;
}
.site-search .hs-search-field--open .hs-search-field__suggestions li a:hover {
  color:#fa297c;
  transition: all .2s ease;
}
.hs-search-field__suggestions a:hover, 
.hs-search-field__suggestions a:focus {
  background-color:white;
  color:#fa297c;
  transition: all .2s ease;
}

#hs_menu_wrapper_module_160512602502360_ ul {
  list-style:none;
  position:relative;
  float:right;
  margin:30px 0 0 0;
  padding:0;
}

#hs_menu_wrapper_module_160512602502360_ ul a {
  display:block;
  color:#0c5a88;
  text-decoration:none;
  font-weight:600;
  font-size:20px;
  line-height:40px;
  padding:0 15px;
  transition: .5s ease;
}
#hs_menu_wrapper_module_160512602502360_ ul a:hover{
  color:#fa237c;
  transition: .5s ease;
}

#hs_menu_wrapper_module_160512602502360_ ul li {
  position:relative;
  float:left;
  margin:0;
  padding:0
}

#hs_menu_wrapper_module_160512602502360_ ul li:hover {
  color:#0c5a88;
}

#hs_menu_wrapper_module_160512602502360_ ul ul {
  display:none;
  position:fixed;
  z-index:101;
  top:35px;
  /* 	right:5px; */
  background:white;
  padding:0
}
#hs_menu_wrapper_module_160512602502360_ ul:nth-of-type(2) ul {
  right:5px ;
}

#hs_menu_wrapper_module_160512602502360_ ul ul li
{
  float:none;
  /* 	width:200px; */
  padding-right:10px;
}

#hs_menu_wrapper_module_160512602502360_ ul ul li:hover
{
  background-color:#f5f5f5;
}

#hs_menu_wrapper_module_160512602502360_ ul ul a
{
  line-height:120%;
  padding:15px 15px;
  font-size:18px;
  line-height:27px;
  color:#7b98ac;
}

#hs_menu_wrapper_module_160512602502360_ ul ul ul
{
  top:0;
  left:100%
}

#hs_menu_wrapper_module_160512602502360_ ul li:hover > ul
{
  display:block;
}

/* SEARCH RESULT STYLES */

.results-page-search-bar .hs-search-field__input{
  font-size:25px;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:10px;
}
.hs-search-results__listing li {
  margin: 40px 0 20px;
}
.hs-search-results__title{
  font-family: "TT Norms Pro", sans-serif;
  font-size:27px;
  color:#0c5a88;
  margin:50px 0 10px;
  font-weight:600;
  text-decoration:none;
}
p.hs-search-results__description {
  display:block;
  font-size:18px;
  line-height:32px !important;
  color:#7b98ac;
  margin-top:10px;
}

/* Banner spacing */

.banner-space{
  height:50px;
}


#body-container {
  /*   max-width:200px;
  text-align:center; */
  margin-bottom:100px;
}



.post-header h1 {
  font-size:3rem;
  line-height:3.5rem;
  color:#004877;
  font-weight: 500;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
}

#hubspot-author_data {
  display:none !important;
}

.hs-blog-social-share {
  display:none;
}

.post-body h2 {
  font-size:30px !important;
  color:#0c5a88 !important;
  font-weight:600 !important;
  padding: 60px 0 30px 0;
}
.post-body h2 span {
  font-size:30px !important;
  color:#0c5a88 !important;
  font-weight:600 !important;
}
.post-body h3 {
  font-size:25px !important;
  color:#7b98ac !important;
  font-weight:600 !important;
  margin:20px 0 5px;
}
.post-body h3 span{
  font-size:25px !important;
  color:#7b98ac !important;
  font-weight:600 !important;
}
.post-body p {
  font-family: "TT Norms Pro", sans-serif;
  color:#7b98ac;
  font-size:18px;
  line-height:26px;
  font-weight:400;
}
.post-body a {
  color:#02c0da !important;
  font-size:18px !important;
  line-height:26px !important;
  font-weight:500 !important;
  -webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;
}
.post-body a:hover {
  color:#01A0B8 !important;
}

.one-column {
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  width: 100%; 
  justify-content: space-between;
  margin-bottom: 50px;
}
.one-column-item {
  width: 100%;
  padding: 9px;
  padding-left: 0px;
}
.two-columns {
  display: flex; 
  flex-direction: row; 
  flex-wrap: wrap; 
  width: 100%; 
  justify-content: space-between;
  margin-bottom: 50px;
}
.two-column-item {
  width: 45%;
  padding: 9px;
  padding-left: 0px;
}


#hubspot-topic_data {
  margin-top:50px;
  color:#7b98ac;
}
#hubspot-topic_data .topic-link {

  color:#fa237c;
  text-decoration:none;
}


/* HOME PAGE BLOG LISTING */

.hs_cos_wrapper_type_post_listing .block h3 {
  font-family: "TT Norms Pro", sans-serif;
  font-size:30px;
  color:#0c5a88;
  font-weight:600;
  padding:20px 0;
}

.hs_cos_wrapper_type_post_listing .block div ul {
  list-style-type:none;
  text-decoration:none;
}

.hs_cos_wrapper_type_post_listing .block div ul li {

}

.hs_cos_wrapper_type_post_listing .block div ul li a {
  text-decoration:none;
}

.hs-postlisting-item {
  height:300px;
  width:33%;
  border:2px solid #eee;
  border-radius:5px;
}

.load-more-wrap a.load-more {
  background: transparent;
  border: 2px solid rgba(0, 206, 223,1.0);
  color: rgba(0, 206, 223,1.0);
  font-size: 1.15rem;
  font-family: "TT Norms Pro", sans-serif;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;
}
.load-more-wrap a.load-more:hover {
  background: rgba(0, 206, 223,1.0);;
  color: #fff;
}

.load-more-wrap {
  display: block;
  width: 100%;
  text-align: center;
  padding: 50px 0;
}


/* commonsku community blog styles */

.post_listing_heading {
  font-family: "TT Norms Pro", sans-serif !important;
  font-size: 30px;
  color: #004877;
  margin: 50px 0;
  font-weight: 500;
  text-decoration: none;
  width: 100%;
  display: inline-block;
}
.post_listing_heading span {
  font-family: "TT Norms Pro", sans-serif;
  font-size: 30px !important;
  color: #004877;
  font-weight: 500;
  text-decoration: none;
}


.post_listing {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  flex-wrap:wrap;
}

.post_item {
  max-width:32%;
  margin-top:40px;
}
.post_feat_img {

  height:250px;
  overflow:hidden;
  text-align:center;
}
.post_feat_img img {
  min-width:100%;
  height:100%;
  object-fit:cover;
  vertical-align:middle;
  text-align:center;
}

.listing-title a, .skill-test a {
  display:block;
  font-family: "TT Norms Pro", sans-serif;
  font-size:1.25rem;
  line-height:1.5rem;
  color:#7B98AC;
  font-weight:500;
  text-decoration:none;
  padding:15px 0 0 0;
  margin-bottom: 30px;
  -webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;
}
.listing-title a:hover {
  color:#E6427B;
}
.listing_date {
  display:none;
}
.listing_author {
  display:none;
}
.listing_summary {
  display:block;
  padding:10px 0 15px 0;
}
.listing_summary p {
  display:block;
  font-size:18px;
  line-height:32px !important;
  color:#7b98ac;

}

.listing_summary span {
  display:block;
  font-size:18px;
  line-height:32px;
  color:#7b98ac;

}
.read_more {
  color:#02c0da;
  font-size:18px;
  text-decoration:none;
  margin-top:100px;
}

.BlogList-pagination {
  display:inline-block;
  text-align:center;
  padding:30px 0;
  width:100%;
  margin-top:25px;
}
.BlogList-pagination-link-icon {
  display:none;
}
.BlogList-pagination a {
  color: #fa237c;
  text-decoration:none;
}
.BlogList-pagination a span {
  color: #fa237c;
  text-decoration:none;
  font-size:22px;

}
.BlogList-pagination-link-label {
  padding:0 10px;
}


.line-break {
  width:100%;
  height:5px;
  background-color:#eee;
  margin:20px 0 10px; 
}




/* FOOTER */

/* In footer module */




.tag-sec .blog-post__tags a.blog-post__tag-link.active {
  background-color: #02c0da;
  color: #fff;
  transition: all .4s ease-in-out;
}





body.cs-university-2022 { background-color: #f5f9fc; }
.blog-listing-sec { width: 100%; display: inline-block; vertical-align: top; }
.blog-listing-sec .filter-post { width: 100%; display: inline-block; }
#side-menu { padding: 0 50px 50px; }

.get-started-wrap h4 {
    margin-bottom: 30px;
}
.get-started-wrap a.get-started {
    background: rgba(250, 35, 124, 1);
    color: #fff;
    font-size: 1.15rem;
    font-family: "TT Norms Pro", sans-serif;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 5px;
    -webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms;
}
.get-started-wrap a.get-started:hover {
    background: rgba(197, 19, 80, 1);
}

.get-started-wrap {
    display: block;
    width: 100%;
    text-align: left;
    padding: 50px 0;
}

.cs-university-2022 .post_listing { width: calc(100% + 30px); margin: 0 -15px; display: flex; justify-content: space-between; align-items: flex-start; }
.cs-university-2022 .post_listing .part-col { width: calc(33.33333% - 30px); display: inline-block; margin: 0 15px; }
.post-header h1 { font-size: 42px; line-height: 48px; text-align: left; }
.tag-sec { width: 100%; display: inline-block; vertical-align: top; }
.tag-sec .blog-post__tags { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
.tag-sec .blog-post__tags a.blog-post__tag-link { width: max-content; color: #02c0da; background-color: transparent; border: 1px solid #02c0da; border-radius: 30px; padding: 9px 18px; margin-right: 10px; }
.tag-sec .blog-post__tags a.blog-post__tag-link:last-child { margin-right: 0; }
.tag-sec .blog-post__tags a.blog-post__tag-link:hover { background-color: #02c0da; color: #ffffff; transition: all 0.4s ease-in-out; }
.tag-sec .blog-post__tags a.blog-post__tag-link.active { background-color: #02c0da; }
.tag-sec .blog-post__tags a.blog-post__tag-link.active:active { background-color: #02c0da; }
.resource-tiles-container h2.resources-tile-text { padding-top: 10px; font-size: 21px !important; line-height: 30px; }
body.cs-university-2022 .post-body p, body.cs-university-2022 .post-body ul li, body.cs-university-2022 .post-body p span, body.cs-university-2022 .post-body a, body.cs-university-2022 .post-body strong { font-size: 18px; line-height: 28px; }
body.cs-university-2022 .post-header h1 { font-size: 3rem; line-height: 3.5rem; color: #004877; font-weight: 500; }
body.cs-university-2022 .post-body h2, body.cs-university-2022 .post-body h2 span { font-size: 28px !important; font-weight: 500 !important; color: #0c5a88 !important; }
.result-page .hs-search-results__title { line-height: 37px; }
.category_mob_img { display: none; }
#top-sticky-menu-bar .logo-image { width: 100%; display: inline-block; }
#top-sticky-menu-bar .logo-image img { width: 100%; display: inline-block; max-width: 100px; object-fit: contain; object-position: center; }
.header-center { display: flex !important;  align-items: center;  justify-content: center; }
.header-center a h1 { color: #fff; text-transform: uppercase; }
.header-center span {color: #fff;}
.header-center .span2.logo-wrap { width: 175px !important; }
.header-center .span10.contain-wrap { width: calc(100% - 120px); margin-left: 0; padding-right: 25px; }
#top-sticky-menu-bar .hs-search-field__bar form button svg { fill: #024975; }
.hs-search-field--open .hs-search-field__suggestions { display:none; }
.blog-listing-sec .post_item.filter-post { width: 100%; display: inline-block; max-width: 100%; margin: 0; }
.cs-university-2022 .part-col .level-title { width: 100%; display: inline-block; text-align: center; padding: 0 0 30px 0; }
.cs-university-2022 .part-col .level-title strong { width: 100%; display: inline-block; text-transform: capitalize; font-size: 28px; line-height: 38px; font-family: "TT Norms Pro", sans-serif; color: #7B98AC; font-weight: 500; }
.blog-listing-sec .post_item.filter-post .listing-title { width: 100%; display: inline-block; margin: 0 0 30px 0; text-align: center; }
.blog-listing-sec .post_item.filter-post .listing-title a { width: 100%; display: inline-block; text-align: left; color: #fff; border-radius: 5px; padding: 16px 20px; margin: 0; max-width: 100%; box-sizing: border-box; }
.blog-listing-sec .post_item.filter-post:last-child .listing-title {  margin: 0; }
.blog-listing-sec .post_item.filter-post.beginner .listing-title  a { background: #02c0da; }
.blog-listing-sec .post_item.filter-post.intermediate .listing-title a { background: #01A0B8; }
.blog-listing-sec .post_item.filter-post.advanced .listing-title a { background: #0C5A88; }
.blog-listing-sec .post_item.filter-post.beginner .listing-title a:hover { background: rgb(2 192 218 / 70%); }
.blog-listing-sec .post_item.filter-post.intermediate .listing-title a:hover { background: rgb(1 160 184 / 70%); }
.blog-listing-sec .post_item.filter-post.advanced .listing-title a:hover { background: rgb(12 90 136 / 70%); }

.blog-listing-sec .skill-test { width: 100%; display: inline-block; margin: 0 0 30px 0; text-align: center; }
.blog-listing-sec .skill-test a { width: 100%; display: inline-block; text-align: center; background: transparent; border: 2px solid; border-radius: 5px; padding: 16px 20px; margin: 0; max-width: 100%; box-sizing: border-box; -webkit-transition: 300ms;-o-transition: 300ms;transition: 300ms; }
.blog-listing-sec .beginner .skill-test a { border: 2px solid #02c0da; color: #02c0da;  }
.blog-listing-sec .beginner .skill-test a:hover { background: #02c0da; color: #fff;}
.blog-listing-sec .intermediate .skill-test a { border: 2px solid #01A0B8; color: #01A0B8;  }
.blog-listing-sec .intermediate .skill-test a:hover { background: #01A0B8; color: #fff;}
.blog-listing-sec .advanced .skill-test a { border: 2px solid #0C5A88; color: #0C5A88;  }
.blog-listing-sec .advanced .skill-test a:hover { background: #0C5A88; color: #fff;}

.section.post-header h3 { font-size: 30px; color: #004877; font-weight: 500; text-decoration: none; width: 100%; display: inline-block; }
.section.post-header { width: 100%; display: inline-block; }
.hs-blog-post.cs-university-2022 div#body-container { margin-bottom: 30px; }
#top-sticky-menu-bar .sub-header p { color: #fff; margin-bottom: 8px; }
.hs-search-field--open .hs-search-field__suggestions { display: none !important; }

@media (min-width:1300px) and (max-width:1500px) {
  .resource-tile-img { height: 250px; }
  .blog-listing-sec .post_item.filter-post .listing-title a, .blog-listing-sec .skill-test a { padding: 16px 20px; font-size: 18px; font-weight: normal; }
}

/* MEDIA QUERIES  */
@media screen and (max-width:1400px) {
  .listing-title a, .skill-test a { font-size: 1.25rem; line-height: 1.5rem; }
}

@media screen and (max-width:1299px) {
  .cs-university-2022 .post_listing { width: calc(100% + 20px); margin: 0 -10px; }
  .cs-university-2022 .post_listing .part-col { width: calc(33.33333% - 20px); margin: 0 10px; }
  .blog-listing-sec .post_item.filter-post .listing-title a, .blog-listing-sec .skill-test a { padding: 16px 20px;  font-size: 18px; font-weight: normal; }
}

@media screen and (max-width:1199px) {
  #side-menu { padding: 0 25px 50px; }
  .header-center a h1 { font-size: 30px;  }

}

@media screen and (max-width:1024px) {
  .hs-blog-listing .body-container { padding: 0 50px; }
  .hs-blog-post .body-container { padding: 0 50px; }
  .result-page .body-container { padding: 0 50px; }
  div#learn-menu { width: 100%; }
  body #side-menu { width: 100%; max-width: 100%; padding: 25px 0; margin: 0; }
  .hs-blog-post .span8 { width: 100%; }
  body.cs-university-2022 .post-header h1 { font-size: 2.5rem; line-height: 3rem; }
  .post_listing_heading { margin: 30px 0 50px 0; }
  .cs-university-2022 .part-col .level-title strong { font-size: 24px; line-height: 34px; }
}

@media (max-width:991px) {
  #top-sticky-menu-bar { padding: 16px 16px 0; }
  .hs-blog-listing .body-container { padding: 0 30px; }
  .hs-blog-post .body-container { padding: 0 30px; }
  .result-page .body-container { padding: 0 30px; }
  #top-sticky-menu-bar .span8 { width: 100%; max-width: 100%; display: inline; }
  #top-sticky-menu-bar .span8 .sub-header { max-width: 100%; }
  #top-sticky-menu-bar .span8 .atmc-intro { margin-bottom: 30px; }
  #top-sticky-menu-bar .span8 h1 { font-size: 28px; }
  #top-sticky-menu-bar .span4 { width: 100%; max-width: 100%; margin: 30px 0 0; position: relative; }
  .post-header h1 { font-size: 36px; line-height: 46px; }
  .hs-blog-post .body-container-wrapper { margin: 220px 0 50px auto; }
  .hs-blog-listing #body-container { margin-bottom: 0; }
  .hs-blog-post #body-container { margin-bottom: 0; }
  .hs-blog-listing .body-container-wrapper { margin: 210px 0 50px auto; }
  .result-page .body-container-wrapper { margin: 215px 0 50px auto; }
  .header-center a h1 { font-size: 30px; }
  .header-center .span10.contain-wrap { padding-right: 0;}
  body.cs-university-2022 .post-body h2, body.cs-university-2022 .post-body h2 span { font-size: 24px!important; line-height: 30px !important; padding: 30px 0 30px; }
  .section.post-header h3 { font-size: 26px; margin-bottom: 10px; }
}

@media screen and (max-width:767px) {
  .category_mob_img { display: block; }
  .category_desk_img { display: none; }
  .post-header h1 { font-size: 2.5rem; line-height: 3rem; text-align: left; }
  .post_listing { display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap; }
  .post_item { max-width: 100%; margin-top: 60px; }
  .resource-tile { width: 100%; height: auto; }
  .resource-tile-img { height: 250px; }
  h2.resources-tile-text { font-size: 22px !important; }
  .post_listing { display: flex; flex-direction: inherit; justify-content: space-between; flex-wrap: wrap; }
  #top-sticky-menu-bar { width: 100%; max-width: 100%; }
  div#learn-menu .row-fluid .span6 { margin-bottom: 15px; }
  div#learn-menu .row-number-6.horizontal_spacer { display: none; }
  body #side-menu { padding: 20px 0; }
  div#learn-menu { margin-top: 25px; }
  .post-header h1 { font-size: 2.5rem; line-height: 3rem; }
  .post-body p { font-size: 18px; }
  .default-learn .row-fluid .span6 { width: 50%; padding: 0 10px; float: left; }
  .listing-title a { text-align: center; }
  .cs-university-2022 .post_listing { width: calc(100%); margin: 0; }
  .cs-university-2022 .post_listing .part-col { width: 100%; margin: 0; }
  .blog-listing-sec .post_item.filter-post .listing-title, .blog-listing-sec .skill-test a { margin: 0 0 10px 0; }
  .cs-university-2022 .part-col .level-title { padding: 30px 0 15px 0; text-align: left; }
  .post_listing_heading { margin: 20px 0 10px 0; }
}

@media (max-width:576px) {
  #top-sticky-menu-bar .span8 h1 { font-size: 24px; }
  .listing-title a, .skill-test a { font-size: 14px; }
  .tag-sec .blog-post__tags a.blog-post__tag-link { margin-right: 3px; font-size: 11px; padding: 7px 10.5px; }
  .header-center .span2.logo-wrap { display: none; }
  .header-center .span10.contain-wrap { width: 100%; }
  #top-sticky-menu-bar .span4 { margin: 25px 0 0 0; }
  #top-sticky-menu-bar .span8 h1 { font-size: 20px; }
}

@media screen and (max-width:450px) {
  .top-space { height: 170px; }
  #top-nav { height: 170px; }
  #hs_menu_wrapper_module_160512602502360_ ul a { padding: 0 30px 0 0; }
  #hs_menu_wrapper_module_160512602502360_ ul ul { top: 110px; }
  .two-column-item { width: 100%; }
}

.blog-listing-sec .post_item { display: none; }
.blog-listing-sec .post_item.filter-post { display: block; }




.hs-search-field {
  position: relative;
  background-color: none;
}
.hs-search-field__bar {
}
.hs-search-field__input {
  box-sizing: border-box;
  width: 100%;
  padding: 8px 0 8px 16px;
  background-color: none;
  border: 1px solid #02C0DA;
  border-radius: 20px;
  opacity: .75;
  
  font-family: "TT Norms Pro", sans-serif;
  font-weight: 400;
  color: #7B98AC;
  -webkit-transition:300ms;-o-transition:300ms;transition:300ms;
}
.hs-search-field__input:focus {
  outline: none;
  opacity: 1;
}
.hs-search-field__bar button {
  color: none;
  background: none;
  border: none;
  position: absolute;
  right: 12px;
  top: 8px;
  cursor: pointer;
}
.hs-search-field__bar button svg {
  height: 16px;
  color: #7B98AC;
}
.hs-search-field__suggestions {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hs-search-field--open .hs-search-field__suggestions {
  border: 1px solid #000;
}
.hs-search-field__suggestions li {
  display: block;
  margin: 0;
  padding: 0;
}
.hs-search-field__suggestions #results-for {
  font-weight: 400;
}
.hs-search-field__suggestions a,
.hs-search-field__suggestions #results-for {
  display: block;
}
.hs-search-field__suggestions a:hover,
.hs-search-field__suggestions a:focus {
  background-color: rgba(0, 0, 0, 0.1);
  outline: none;
}