/* Add your own custom css to this file. You may wish to use css !important calls to override css from the template css files.
----------------------------------------------------------- */

div#jomclassifieds .jomcl-detailview h1.title, div#jomclassifieds .jomcl-detailview .jomcl-row1 .jomcl-right h3.title {

    line-height: 1.25 !important;

}

/* center banners */
.banneritem {
  text-align: center !important;
}
.bannergroup {
  text-align: center !important;
  margin-left: 10% !important;
}
.s5_outer img {
  padding-top: 20px; !important;
  padding-right: 5px !important;
}

/* side menu with scroll*/
div.module_round_box.right_calendar {
    margin: 0px;
    height: 750px;
    overflow-y: scroll;
  padding: 5px;
}
div.blk_h {
  text-align: center;
  font-weight: 700;
  font-size: 18pt;
  color: #00337f;
  font-family: Arvo !important;

}
div.blk_h a{
  font-weight: 300;
  font-size: 9pt;
  color: #000000;
}


#s5_menu_wrap.s5_wrap {
    height: 100px;
    position: fixed;
    top: 0px !important;
    z-index: 2;
    margin-top: 0px !important;
}

.cb_template .form-auto #autocomplete {
    width: 100% !important;
}

.inputbox {
  background: #fff;
}


/*Internet Explorer Fix for responsive tables*/
.rt-table {
	table-layout: fixed;
  	width: 100%;
}

/*Custom css for TOES component */
ul.ui-autocomplete  {
  width:500px;
  background: #fff;
 padding-left: 35px;
 padding-right: 25px;
 border-style: solid;
 border-width: 1px;
  border-color: #ccc;
}
ul.ui-autocomplete li:hover  {
  background: #eee;
}

/* Cancel swipe effect on menu */

#s5_responsive_mobile_sidebar_inner1 {
    overflow-y: none;
}

/*Checkbox/Radial Button size */
input[type="checkbox"]{
  width: 15px !important; /*Desired width*/
  height: 15px !important; /*Desired height*/
  min-width: 15px !important;
}

input[type=radio] {
  width: 15px !important; /*Desired width*/
  height: 15px !important; /*Desired height*/
  min-width: 15px !important;
}
/* fix Cat Standings button */

.btn.btn-primary {
   background-color: #00337f !important;
}

.js-stools-container-bar .btn-primary .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    margin-top: 7px;
    margin-bottom: 8px;
}
/* Fix for button on Standings */

button.btn.hasTooltip.js-stools-btn-filter.btn-primary
{
  background-color: #eee !important;
}
/* Search Bar fixes*/

input.form-control.search { 
  min-height: 30px !important;
  min-width: 230px !important;
  margin-top: 9px;
  margin-left: 10px;
}
.button.button {
    border-radius: 5px;

}

@media screen and (max-width: 600px) {
 #s5_logo_wrap {
    margin-top: -250px;
}
}
@media(max-width:1024px) and (min-width:724px) {
#s5_right_wrap {
    display: flex;
}
}


@media (min-width: 900px) {

  .crate-posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(20rem, auto);
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 2rem;
  }

  .crate-post {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

}

.crate-post {
  margin-bottom: 4rem;
  max-width: 292px;
  /* margin-left: auto;
  margin-right: auto; */
}

article {
  display: block;
}

.crate-post figure {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto 2rem !important;
  border-radius: 50%;
  overflow: hidden;
  width: 82%;
  padding-bottom: 82%;
  background-color: #00337F;
}

a {
  color: #0B79A8;
}

.crate-post figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  padding: 0px !important;
}

/*
img {
    display: block;
    max-width: 100%;
}*/

.crate-post figure+div {
  margin-top: -8rem;
  color: #fff;
  position: relative;
  z-index: 0;
  padding: 65px 13px 37px 23px;
  background-color: #00337F;
}

.crate-post .center {
  text-align: center;
}

.crate-post .entry-title {
  font-size: 20px !important;
  margin: 1rem 0 1rem;
  color: inherit;
}

.crate-post .entry-title a {
  color: #FFF !important;
  text-decoration: none;
}

.crate-post .entry-source {
  font-size: 20px !important;
  font-weight: 700;
  font-family: "Playfair Display", serif;
  font-style: italic;
  color: #FFE5A9;
}

.clsbutton {
  width: 120px !important;
  height: 30px !important;
  border-radius: 5px;
  background-color: #00337f;
  text-align: center !important;
  margin: auto;
}

.clsbutton a {
  color: #FFF !important;
}

.module_round_box.home-modules {
  padding: 15px 9px !important;
}