/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* custom css for www.olol.org.au featuring InspireTheme Sanctum template */
/* created in 2025 by Cristian Secară - www.secarica.ro */
/* site logo custom size */
@media (min-width: 768px) {
  .g-logo {
    /* uncomment the width line to set the desired image width size */
    width: 167px;
    /* use height only if necessary, keep it commented to maintain original aspect ratio */
    /* height: 120px; */
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .g-logo {
    /* uncomment the width line to set the desired image width size */
    width: 100px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* set main menu vertical position */
@media (min-width: 768px) {
  .g-main-nav {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .g-offcanvas-toggle {
    top: 120px;
  }
}
/* keep text strong style colour like the rest of text colour */
#g-mainbody strong {
  color: unset;
}
/* for both www.youtube.com recordings and www.castr.com live stream */
.youtube-video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* height: 0; */
  /* margin-bottom: 1em; */
}
.youtube-video-container::after {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.youtube-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  /* width: 100%;
    height: 100%; */
}
/* create a horizontal ruler under page titles */
/* suggested from https://stackoverflow.com/questions/16073323/horizontal-rule-line-beneath-each-h1-heading-in-css */
.page-header h2:after {
  /* version 1 */
  /* content: ' ';
    display: block;
    border: 1px solid #c91f37;
    margin-bottom: 0.6em; */
  /* version 2 */
  content: " ";
  display: block;
  border: 2px solid #d0d0d0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 0.6em;
}
.g-content-pro-title:after {
  margin: 0.5rem auto 0rem auto !important;
}
.g-content-pro-desc h4 {
  color: #444444 !important;
}
.g-content-pro-desc {
  margin: 0 auto;
}
/* for the logo images of the three columns under the banners */
.olol-content-pro-gap {
  padding: 0.2m;
}
.olol-content-pro-img-size {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 98%;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .olol-content-pro-img-size {
    width: 72%;
  }
  .g-info-container-style2 {
    margin: 1.2rem !important;
  }
  .g-content-pro-title {
    font-size: 1.1rem;
  }
  .g-content-pro-desc h4 {
    font-size: 1rem;
  }
  .g-content-pro-desc {
    font-size: 0.7rem;
  }
}
@media (min-width: 768px) and (max-width: 959px) {
  .olol-content-pro-img-size {
    width: 46%;
  }
  .g-info-container-style2 {
    margin: 0.9rem !important;
  }
  .g-content-pro-title {
    font-size: 0.9rem;
  }
  .g-content-pro-desc h4 {
    font-size: 0.8rem;
  }
  .g-content-pro-desc {
    font-size: 0.5rem;
  }
}
/* reduce the empty space over the three columns under the banners */
.g-particle-intro {
  margin: 0 auto !important;
}
/* hide the separator over the three columns under the banners */
.g-particle-intro .g-title-separator {
  background: #ffffff00 !important;
}
#g-showcase, #g-mainbody {
  padding: 1rem 0;
}
/* center the content of the subscription module */
.newsletter-module-sidebar-right {
  text-align: center;
}
/* center the separator of the subscription module */
.newsletter-module-sidebar-right .g-title:after {
  margin-left: auto;
  margin-right: auto;
}
/* reduce the empty space under blog items */
.blog-items {
  margin-bottom: unset;
}
/* reduce the empty space under last blog item */
.blog article.item, .blog-featured article.item {
  margin-bottom: unset;
}
/* make d and X resemble font-awesome */
.g-social .social-simple-letter {
  font-size: 1.1rem !important;
  font-weight: bold;
  position: relative;
  top: 1px;
}
/* separator class is inserted automatically if readmore button exists */
.olol-gradient-separator-readmore {
  /*	background-color: #f4f4f4; */
  border: 0;
  height: 16px;
  margin-top: 1.4rem;
  margin-bottom: 0.8rem;
  background-image: -webkit-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: -moz-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: -ms-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: -o-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
}
/* separator class must be inserted manually at the end of article */
.olol-gradient-separator-standalone {
  /*	background-color: #f4f4f4; */
  border: 0;
  height: 16px;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
  background-image: -webkit-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: -moz-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: -ms-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: -o-linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
  background-image: linear-gradient(left, #ffffff, #f0f0f0, #ffffff);
}
/* test */
.com-content-article1 {
  position: relative;
  overflow: hidden;
  padding: 0 10px 30px 10px;
  /* keep bottom padding for spacing */
}
/* Image behind content */
.com-content-article1 .item-image1 {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
/* Content starts halfway down the image */
.com-content-article1__body {
  position: relative;
  z-index: 1;
  padding: 20px;
  margin-top: 10px;
  /* start content halfway down the image */
}
/* required for Full Article Image on top of the article as background */
.com-content-article1 {
  position: relative;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding: 10px;
  overflow: hidden;
}
.com-content-article1 .item-image {
  display: none;
  /* hide the img tag if using background-image */
}
.com-content-article1__body {
  position: relative;
  z-index: 1;
  padding: 350px 0px 0px 0px;
}
@media (max-width: 600px) {
  .com-content-article1 {
    padding: 10px;
    /* less space on phones */
  }
  .com-content-article1 .item-image {
    top: 50px;
    height: 300px;
    /* smaller image height on mobile */
  }
  .com-content-article1__body {
    margin-top: -180px;
    /* start content halfway of new image height */
  }
}
/* required for Full Article Image on top of the article as background - full page */
.com-content-article2 {
  position: relative;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding: 10px;
  overflow: hidden;
}
.com-content-article2 .item-image {
  display: none;
  /* hide the img tag if using background-image */
}
.com-content-article2__body {
  position: relative;
  z-index: 1;
  padding: 450px 0px 0px 0px;
}
@media (max-width: 600px) {
  .com-content-article2 {
    padding: 10px;
    /* less space on phones */
  }
  .com-content-article2 .item-image {
    top: 50px;
    height: 300px;
    /* smaller image height on mobile */
  }
  .com-content-article2__body {
    margin-top: -290px;
    /* start content halfway of new image height */
  }
}
/*# sourceMappingURL=custom__body_only.css.map */