@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------ */
/*
/*
/*
/* Project: "Saint Vincent College"*/
/*
/* Use this file to build custom styles that are not part of the base system.
/*
/* ------------------------------------------------------------------------------------------------------ */
/* Course Description row */
 .morecontent span {
	 display: none;
}
 .morelink {
	 display: block;
}
/* Course Schedule row */
 .coursedescription {
	 display: inline;
}

.hh-module .container {
    clear:both;
    width:84%!important;
    max-width:1600px!important;
    margin:0 auto;
    display:block;
    padding-left: 0!important;
    padding-right: 5px!important;
    
    @media (max-width: 767px) {
        padding-left: 0!important;
        width:95%!important;
    }
}

.hh-module .post .post-body.post-body {
    background-color: #fff;
    color: #11151c;
    margin: unset;
    min-height: 170px;
    z-index: inherit!important;
}

.hh-module .post-title.post-title a {
    color: #11151c;
    
    &:focus-visible {
        outline: 2px solid #0065a4;
        outline-offset: 2px;
    }
    
    &:hover {
        color: #0065a4;
    }
}

.hh-module .post-body h3.post-title {
    margin-bottom: 10px!important;
}

.hh-module .section-title {
    z-index: 1 !important; /* hide behind sticky header on scroll*/
}

.hh-module .image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 3 / 2;
}

.hh-module .image-container img {
  height: 100%;
  object-fit: cover;
}

.hh-module .row {
     margin-left: 0!important;
}

.hh-module .post.post-thumb .post-title a:hover {
    color: #ffffff!important;
}

.hh-module .hot-post-left .post-thumb {
    @media (max-width: 767px) {
        margin-left: -11px;
        margin-bottom: 12px!important;
    }
}

.hh-module .hot-post-right .post-thumb {
    @media (max-width: 767px) {
        margin-left: -15px;
        margin-bottom: 12px!important;
    }
}

.hh-module .col-md-8 .row {
    @media (max-width: 767px) {
        margin-left: -15px!important;
        margin-right: 5px!important;
    }
}

.hh-module .col-md-8 .row .col-md-4 {
    @media (max-width: 767px) {
        margin-right: 0px!important;
        padding-right: 0px!important;
    }
}

/*
.hh-module .post-img.tiles.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 400px;
}

.hh-module .col-md-4 .post .post-body {
    margin: 0 0 0 0;
    padding: 0;
    border: 2px solid #F6C;
}

.hh-module .col-md-6 .post .post-body {
    margin: 0 0 0 0;
    padding: 0;
}
*/