/**
Applies to all pages

Global styles are already loaded via frontend-singular.css
*/

#inside-hero {
  height: 65rem;
}

.inside-hero-text-container {
  background-color: white;
  padding-left: 8rem;
  padding-right: 3rem;
  padding-top: 1rem;
  padding-bottom: 5rem;
  margin-top: 44rem;
  border-radius: 0px 60px 0px 0px;
}

#inside-hero .vc_column_container > .vc_column-inner {
  padding-left: 0;
  padding-right:0;
}

#cta-section .cta-right-col {
  background-size: cover;
  padding: 30rem;
  background-position: right;
}

#cta-section h5 {
  font-size: 1em;
  margin-bottom: 1rem;
}

#cta-section .vc_col-has-fill > .vc_column-inner,
.vc_row-has-fill
  + .vc_row-full-width
  + .vc_row
  > .vc_column_container
  > .vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner,
.vc_row-has-fill
  + .vc_vc_row
  > .vc_row
  > .vc_vc_column
  > .vc_column_container
  > .vc_column-inner,
.vc_row-has-fill
  + .vc_vc_row_inner
  > .vc_row
  > .vc_vc_column_inner
  > .vc_column_container
  > .vc_column-inner,
.vc_row-has-fill > .vc_column_container > .vc_column-inner,
.vc_row-has-fill
  > .vc_row
  > .vc_vc_column
  > .vc_column_container
  > .vc_column-inner,
.vc_row-has-fill
  > .vc_vc_column_inner
  > .vc_column_container
  > .vc_column-inner,
.vc_section.vc_section-has-fill,
.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.vc_section.vc_section-has-fill + .vc_section {
  padding-top: 0;
}

.cta-text-block h5{
	margin-bottom:1rem;
}

#cta-section .cta-right-col {
  position: absolute;
  right: 0;
}

#cta-section .cta-left-col {
  padding-top: 8rem;
  padding-bottom: 6rem;
  padding-right: 8rem;
}

#cta-section .cta-right-col {
  height: 100%;
  padding: 0;
}

/* post grid styles
--------------------------------------------------------------------------------------------------*/

#post-type-grid-section #view-all-resources-btn a{
	border-radius: 100px;
    font-family: 'Kanit semi-bold';
    padding-left: 4rem;
    padding-right: 4rem;
    color: white;
    background-image: none;
    text-decoration: none;
    padding-top: .8rem;
    padding-bottom: .8rem;
		font-size:.9em;
}

#post-type-grid-section {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

#post-type-grid-section
.vc_gitem_row .vc_gitem-col{
	background-color:white;
}

#post-type-grid-section .vc_gitem-zone{
	overflow:visible;
}

#post-type-grid-section h4 {
  text-transform: capitalize;
  font-size: 24px;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}

#post-type-grid-section .vc_gitem-post-data-source-post_excerpt {
  font-size: 14px;
  margin-top: -1.5rem !important;
}

#post-type-grid-section .post-img{
	border-radius:3rem;
}

#post-type-grid-section .vc_gitem-post-data {
  margin-bottom: 0px;
}

#post-type-grid-section .vc_gitem-post-data-source-post_date {
  color: #a8a8a8;
}

#post-type-grid-section a {
  padding: 0;
  font-family: 'Kanit semi-bold';
  font-size: 18px;
  margin-top: -2rem;
	text-decoration: none;
	font-size:1.2em;
	text-transform:uppercase
}

.vc_grid-item img{
	border-radius:2rem !important;
}

#post-type-grid-section h2:before, #resources-grid-section h2:before {
  content: url('https://isesastg.wpengine.com/wp-content/uploads/2025/05/circle-graphic-small-1.svg');
  position: absolute;
  top: -20rem;
  left: -24rem;
  z-index: -1;
}

.ast-separate-container .ast-separate-posts.ast-article-post{
	border-radius:2rem;
}

#post-type-grid-section p{
	color:#153a63;
  margin-top:2rem;
}

.vc_grid-item{
  height: 100%;
	-webkit-box-shadow: 3px 3px 10px 3px #dddddd;
-moz-box-shadow: 3px 3px 10px 3px #dddddd;
box-shadow: 3px 3px 10px 3px #dddddd;
	padding:1rem !important;
	border-radius:3rem;
	margin-right:3rem;
	width:20vw;
}

.vc_grid{
	margin-bottom:3rem !important;
  display: flex;
}

/* popups */

.pum-theme-1558 .pum-container, .pum-theme-default-theme .pum-container{
	padding:4rem;
  border-radius:2rem
}

.pum-theme-1558 .pum-title, .pum-theme-default-theme .pum-title{
	font-family:'Kanit semi-bold';
	color:#153a63;
}

.pum-container h3{
	font-size:1.5em;
	color:#2db04a;
}

.pum-container p{
	color:#153a63;
}

.pum-theme-1558 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
	background-color:#153a63;
	font-family:'Kanit semi-bold';
  border-radius:0 2rem;
}

.pum-container .vc_column-inner{
	padding-left:0;
}






/* Board Styles --------------------------------------------*/

#board-member-section{
	margin-top:4rem;
	margin-bottom:12rem;
}

.university-name, .organisation-name, .discipline{
	font-family:'Kanit semi-bold';
	font-size:2rem;
	color:#2DB04A;
}

.university-name, .organisation-name, .discipline{
	margin-top:-3rem;
}

.board-profile-img{
	margin-top:4rem;
	margin-left:4rem;
	width:500px;
}

@media (max-width: 915px) {

  #inside-hero{
    height:33rem;
  }

  #cta-section .cta-left-col {
    padding-right: 0;
  }

  .board-profile-img{
    margin-left: -1rem;
    width:40rem;
  }


  #post-type-grid-section .vc_gitem-post-data-source-post_excerpt {
    margin-bottom: 2rem;
  }


  .inside-hero-text-container {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  .inside-hero-text-container h1{
    font-size: 2.5em !important;
  }

  .inside-hero-text-container span{
    padding-bottom: 4rem;
    z-index: 9999;
  }

  #cta-section .cta-right-col {
    position: static;
    height:40rem;
  }
  
  
  
  

}

@media only screen and (min-width: 1950px) and (max-width: 6600px) {

  


}