body{
background-color: #fff;
}
.pos-rel {
position: relative;
}
.pos-abs {
position: absolute;
}
.rsp-pad-top{
padding-top: 56.25% !important;
}
.alignleft{
margin-right: 15px;
float: left;
}
:after, 
:before {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.has-after::after {
content: " ";
width: 90px;
height: 5px;
background: #c9ab81;
display: inline-block;
margin: 0 auto;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
}
.img-responsive{
display:block;
max-width:100%;
height:auto;
}
.img-pointer{
cursor:pointer;
}
.header-top-bar {
padding: 15px 0;
background: rgb(37, 47, 56, 0.8);
color: #fff;
}
.header-top-bar {
background: #000;
width: 100%;
display: table;
padding: 8px 0;
}
.slider-content {
padding: 15px 0 5px;
width: 100%;
top: 50%;
transform: translateY(-50%);
max-width: none;
background: rgba(0, 0, 0, 0.5);
text-align: center;
}
.slider-content p,
.slider-content a,
.slider-content span,
.gallery .item p,
.gallery .item a{
color: #fff;
}
.slider-content a{
display: inline-block;
}
.side-menu{
background: #fff;
}
.side-menu p,
.side-menu a,
.side-menu span{
color: #000;
}
h3 {
margin-bottom: 10px;
font-size: 1.5rem;
line-height: 2rem;
color: #4c4c4c;
}
.pst-flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
h2 {
font-size: 35px;
line-height: 45px;
font-weight: 300;
}
h2.services {
color: #000;
text-transform: uppercase;
padding-bottom: 20px;
margin-bottom: 35px;
letter-spacing: 6px;
}
h2.page-title{
padding-bottom: 15px;
margin-bottom: 20px;
}
h1.has-after,
h2.has-after,
h3.has-after{
position: relative;
}
.gallery .item{
border-width:6px;
border-bottom-style:solid;
}
.gallery .item .fr-text, 
.gallery .item .text {
letter-spacing: 0.15em;
font-size: 1.3rem;
font-weight: 450;
color: #fff;
text-transform: uppercase;
text-align: center;
text-shadow: 2px 4px 2px black;
}
.gallery .item .fr-text {
top: 50%;
left: 50%;
-ms-transform: : translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.pst-entry h3, .program-info.pst-block h3 {
margin-top: 10px;
line-height: 26px;
}
.pst-entry h3 {
margin-bottom: 27px;
}
.hoverlay {
background: rgb(10, 60, 98, 0.7);
transition: 0.8s all;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;;
width: 100%;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.gallery .item .hoverlay-block {
padding: 0 15px 0;
max-width: 100%;
width: 100%;
height: 100%;
}
.gallery .item .hoverlay-block h3{
margin-bottom: 5px!important;
}
.gallery .item .hoverlay-block p{
margin-top: 0px!important;
margin-bottom: 10px!important;
}
.gallery .item:hover .fr-text{
opacity: 0;
}
.gallery .item:hover .hoverlay {
animation: 1s slowMotion;
animation-fill-mode: forwards;
}
.gallery .item:hover{
border-bottom-color: #c9ab81;
}
.gallery .item a.btn{
padding-right: 25px;
position: relative;
text-transform: uppercase;
font-size: 16px;
font-weight:500;
}
.gallery .item a.btn::after {
content: "→"; 
position: absolute;
right: -1px;
}
@keyframes slowMotion{
0%{opacity:0}
100%{visibility:visible;opacity:1;}
}
.page span.role{
margin-bottom: 5px;
font-size: 20px;
line-height: 26px;
font-weight: 400;
color: #444;
}
.main-menu>ul>li {
list-style: none;
}
ul{
padding-left: 18px;
}
ul li {
font-size: 1.2rem !important;
line-height: 1.6rem !important;
list-style: circle;
font-weight: 300;
}
.grid-title-wrapper{
max-width: 1024px;
margin: auto;
text-align: center;
}
.grid-title-wrapper .blog_post_title{
font-size: 32px;
line-height: 36px;
}
.grid-wrapper-content{
margin-top: 35px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
text-align: center;
grid-gap: 30px;
}
.grid-blog{
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-item{
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
border-radius: 8px;
border-style: none;
}
.grid-post-image {
max-height: 222px;
}
.grid-post-image img {
width: 100%;
display: block;
transition: .3s; 
height: 222px;
object-fit: Cover;
}
.grid-content{
padding: 30px 30px 30px 30px;
background-color: #eff4f8;
border-radius: 0px 0px 8px 8px;
}   
.grid_post_title,
.grid-title-wrapper p{
margin-bottom: 15px;
}
.grid-post-title,
.grid-content .blog-post-title a{
font-size: 21px;
font-weight: 600;
line-height: 26px;
color: #000;
}
.grid-content .grid-post-title a {
text-decoration: none;
}
.grid-grid-item .grid-content-featured img{
width: 100%;
max-height: 255px;
}
.grid-content .grid-post-text p{
color: #636363;
font-size: 16px;
line-height: 22px;
}
.grid-more-btn {
padding: 15px 23px 15px 25px;
border-radius: 8px;
background-color: #5385b4;
color: #fff;
margin-top: 10px;
display: inline-block;
text-align: center;
text-decoration: none;
transition: .3s;
}
.grid-btn-inner{
gap: 10px;
}
.grid-content .more-link{
display: none;
}
.single .grid-post-title{
margin-bottom: 25px;
}
.single .post-thumbnail{
float: left;
margin-right: 25px;
}
.footer-info-top{
background-color: #232323;
}
.footer-info-top h3,
.footer-info-top p,
.footer-info-top a,
.footer-info-bottom .copyright p,
.footer-info-bottom .copyright a {
color: #fff;
}
.footer-info-bottom{
background-color: rgb(37, 47, 56, 0.8);
}
.footer-info-bottom .copyright p{
margin: 0;
font-size: 1.1rem !important;
line-height: 1rem !important;
}
@media (min-width: 768px){
.main-container {
margin-left: 120px;
width: calc(100% - 240px);
}
.grid-wrapper-content {
margin-top: 35px;
}
p {
line-height: 1.5rem !important;
overflow: hidden;
}
.alignright{
margin-left: 15px;
float: right;
}
.alignleft{
margin-right: 15px;
float: left;
}
}
@media (min-width: 992px){
.about--x{
margin-top: 25px!important;
}
.gallery .item {
cursor:pointer;
-webkit-flex: 1 0 33.33%;
flex: 1 0 33.33%;
position: relative;
}
.grid-wrapper-content {
margin-top: 45px;
}
}
@media (max-width: 767px){
.xs{
flex-direction: column;
}
.pt-\[56\.25\%\]{
padding-top: 56.25% !important;
}
.mobile-main-menu{
display: block;
}
h1.services {
padding-bottom: 0;
}
.post-content{
padding: 0 15px;
}
.grid-wrapper-content {
margin-top: 25px;
}
.grid-wrapper-content,
.grid-blog {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}