/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */

@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');

@import "bgColours.css";
body{
  background-color:var(--website-color-primary);
}
div.container-sidebar-left div,
div.container-sidebar-right div{
  background-color:var(--website-color-primary);
}
main{
  padding:4px;
  margin-top:5px !important;
}
body{
  font-size:20px;
}
.clsBold{
  font-weight: bold;
}
.clsColorRed{
  color:red;
}
img.clsImageMenu{
  width:80px !important;
}

ul.mm-show{
  background-color:var(--website-color-primary);
  border:solid thin grey !important;
  border-radius: 5px;
  
}
ul.mm-show li{
  background-color:var(--website-color-primary);
  border-bottom: solid thin grey !important;
}
body div.com-wrapper{
  padding:1px;
}
div.clsSEOHeader{
  text-align: center !important;
}
div.com-content-article{
  border:solid thin grey !important;
  padding:5px;
  border-radius: 5px;
}
cite.result__title-url{
  border:solid thin red !important;
  visibility: hidden;
  display: none;
}
/**
see notes here https://magazine.joomla.org/all-issues/february-2022/joomla-4-cassiopeia-template-a-bunch-of-tips-tricks

**/
body.wrapper-static .site-grid {
  /*grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,15%) minmax(0,35%) minmax(0,35%) minmax(0,15%) [main-end] 10px [full-end];*/
  /*grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,10%) minmax(0,30%) minmax(0,45%) minmax(0,15%) [main-end] 10px [full-end];*/
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,10%) minmax(0,30%) minmax(0,45%) minmax(0,15%) [main-end] 10px [full-end];
  /*border:solid thin red !important;*/
}

body.wrapper-fluid .site-grid {
  /*grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,10%) minmax(0,30%) minmax(0,45%) minmax(0,15%) [main-end] 10px [full-end];*/
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,12%) minmax(0,30%) minmax(0,43%) minmax(0,15%) [main-end] 10px [full-end];
}

div.clsFeaturedArticle {
  border:solid 2px grey !important;
  border-radius:8px;
  padding:10px;
}
div {
  border-radius:8px !important;
}
.clsLargerFont{
  font-size: 125%;
}
div [class^="clsWhiteBoxBlackBorder"]{
  border:solid thin darkgrey !important;
  background-color: whitesmoke;
  border-radius:10px;
  width:100%;
  margin-left:auto;
  margin-right: auto;
  /*text-align:center;*/
  padding:10px;
  /*font-size:28px;*/
}
div.clsWhiteBoxBlackBorder90{
  width:90%;
}
div.clsWhiteBoxBlackBorder75{
  width:75%;
}
/*
https://forum.joomla.org/viewtopic.php?f=815&t=988393
*/
div.mod-custom.custom.banner-overlay{
  width:100%;
}
div.mod-custom.custom.banner-overlay p{
  margin-bottom:5px !important;
}
img.clsMyBanner{
  border-radius: 8px;
  /*width:100%;*/
}

footer div.mod-footer {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: smaller;
}
@media (min-width: 768px) {
  footer div.mod-footer {
    flex-direction: row;
  }
}
div.container-below-top,
div.overlay{
  padding-bottom:0px !important;

}
div.banner-overlay p.clsMyBannerP{
  margin-bottom:0px !important;
  padding-bottom:0px !important;
}
div.container-nav,
div.container-nav nav{
  padding:0px 10px !important;
  margin-top:2px !important;
}
/** both side bars **/
div.container-sidebar-left,
div.container-sidebar-right{
  font-size:16px;
}
div.container-sidebar-left  div.card,
div.container-sidebar-right  div.card {
  border:solid thin grey !important;
}
div.container-sidebar-left  div.card div.card-body,
div.container-sidebar-right  div.card div.card-body{
  padding:0px 5px 0px 5px;
}
div.container-sidebar-left  div.card div.card-body nav.navbar,
div.container-sidebar-right  div.card div.card-body nav.navbar{
  padding:2px 0px 2px 0px;
}
div.container-sidebar-left  div.card h3.card-header,
div.container-sidebar-right  div.card h3.card-header{
  text-align: center;
  padding-left:2px;
  padding-right: 2px;
  font-size:18px;
}

/** articles **/
img.clsFullWidth{
}
/** articles **/
div.clsLeadingArticle div.blog-item div.item-content h2.item-title{
  text-align: center;
}
/** term dates **/
div.clsTermDates p{
  margin-bottom:5px;
  font-size:16px;
  font-weight: normal;
}
/** Phoca **/
div.pg-item-box-title{
  display: none;
}
div.pg-item-box-title, div.pg-category-box-title {
  font-size: 12px;
}
div.pg-category-box-info{
  margin-top:10px;
}
div.clsPhotoGalleryMdl{
  font-size:20px;
  border:solid thin grey !important;
  background-color:#c7ddf2;
}
div.pg-category-view div.pg-item-box figure{
  width:100%;
}
div.pg-category-view div.pg-item-box figure img{
  width:80%;
}
div.ph-pd-tree-moduleclsPhotoGalleryMdl a{
  width:95%;
  overflow: hidden  !important;
  text-overflow: ellipsis;
}
div.pg-item-box figure a div.pg-item-box-image{
  text-align: center;
}

div.pg-item-box-descripton p{
  font-size:16px;
}
/** Joomla Random Image **/
div.clsRandomImageMdl div ul li{
  background-color: rgb(31, 71,52);
}
div.clsRandomImageMdl img{
  width:100%;
  margin-left: auto;
  margin-right: auto;
}

/** Officein Help **/
a.clsContactOfficeLink{
  font-weight:bold;
}
/** 
MS Word filtered to htm 
**/
div.com-wrapper{
  background-color:white !important;
  width:100%;
}

/** articles **/
div.clsArticleBorder{
  border:navy dashed thick;
  width:100%;
  margin-left:auto;
  margin-right: auto;
  padding:5px;
  background-color: whitesmoke;
}
div.clsArticleBorder div{
  border:navy dashed medium;
  margin:0px;
  padding:20px;

}
button.clsPrintButton{
  width:80px;
  border:solid thin red !important;
}
button.clsPrintButton:hover{
  border:solid 4px red !important;
  padding:0px;
  margin:0px;
}
img.clsSmallButtons{
  height: 50px !important;
  width: 50px !important;
}

img.clsNavProgramButton{
  width:150px !important;
}
table.clsPDFHelp{
  border:solid thin black;
  border-radius:5px;
  padding:5px;
}

table.clsPDFHelp tr td{
  border:solid thin grey !important;
}
table.clsPDFHelp tr td#idPDFImage{
  /*border:solid thin grey !important;*/
  padding:5px;
  /*border-bottom: solid thin black !important;*/
}

/* articles */
figure.clsSmallFloatRight {
  padding:10px;
  width:100px;
  margin-left:auto;
  margin-right: auto;

}
figure.clsSmallFloatRight:before{

}
.clsBold{
  font-weight: bold;
}
.clsCentre{
  width:100%;
  margin-left: 0px;
  margin-right: auto;
  text-align: center !important;
  /*border:solid thin gold !important;*/
}
.clsLeft{
  text-align:left;
  padding:0px;
}
.clsBoldCentre,
.clsSidebarLeft{
  text-align: center;
  width:100%;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  font-size: 20px;
}
/*ul#idHelpNav li{
  background-color:red !important;
}*/
ul#idHelpNav li li{
  padding-left:5px !important;
  padding-right:2px !important;
  text-align:left;
  font-size: smaller;
}
/** Quick Links **/
div.clsButton{
  display: inline-block;
  /*width:60px;*/
  background-color: transparent !important;
  border-radius: 8px;
}
div.clsButton a img{
  padding:2px;
}
div.clsButton a img:hover{
  background: content-box radial-gradient(crimson,lightgreen);
}
div.clsButtonContainer{
  border:solid thin grey !important;
  border-radius: 8px;
  margin-bottom: 8px;
  padding:5px;

}
div.clsQuickLinks div{
  padding:0px;
  margin:0px;
  vertical-align: top !important;
  line-height: 20px;
}
div.clsQuickLinks div p{
  padding:0px;
  margin:0px;
}
div.clsQuickLinks, div.clsQuickDays{
  background-color: transparent !important;
  border-radius: 10px;
  width:100%;
  margin-left:auto;
  margin-right: auto;
  padding:0px;
  text-align: center;
  display:inline-block;
  margin-bottom: 5px;
}
div.clsQuickDays img,div.clsQuickLinks a{
  width:100px;
  padding:0px;
  margin:0px;
}

div.clsQuickDays img,div.clsQuickLinks img{
  width:80px;
}

div.clsQuickLinks div.clsInfo,
div.clsQuickLinks div.clsUMAS,
div.clsQuickLinks div.clsCourses{
  border:solid thin navy !important;
  display: inline-block;
  padding:0px;
  margin:0px;
  /*background-color:red !important;*/
}
div.clsQuickLinks div.clsInfo p,
div.clsQuickLinks div.clsUMAS p,
div.clsQuickLinks div.clsCourses p{
  margin-bottom: 2px;
}

@media print{
  div.clsQuickLinks,
  div.clsQuickDays
  {
    display: none !important;
    visibility: hidden !important;
  }
}
/** FAQ **/
div.clsmnuFAQMenu{
  background-color:aqua !important;
}
div.clsHdrFAQ{
  background-color:red !important;
}
div.clsmdlFAQ{
  background-color:gold !important;
}
/*

Port Macquarie Hastings University of the Third Age (PMHU3A) 

*/
/** Hide sub category title **/
body > div > div.grid-child.container-component > main > div > div > div.cat-children > h3{
  visibility: hidden;
  display: none;
}
body > div > div.grid-child.container-component > main > div > div.blog-items.items-leading.clsLeadingArticle,
body > div > div.grid-child.container-component > main > div > div.blog-items.clsArticle{
  border-bottom: darkgray outset thick;
}

/**  videos **/
div.clsMP4{
  background-color:transparent !important;
}

/** Contacts **/
div.com-contact div.page-header h1{
  /*background-color:aqua !important;*/
  font-size:30px;
}
ul.clsHelpMenu li{
    padding-top:2px !important;
    padding-bottom:2px !important;
}