Select Page
/* ----------------------------------------- */
/* View: Homepage Grid2 - start */
/* ----------------------------------------- */
.filterwrapper {
display: inline-flex;
width: 25%;
position: absolute;
top: 0;
left: 0;
padding: 1em;
z-index:1000;
}
.postfilter {
background-image: url(/wp-content/uploads/2017/12/swimmer.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 1em;
height: 400px;
width: 100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.checkbox {
position: relative;
display: inline-block;
margin-top: 10px;
margin-bottom:0px;
margin-right: 10px;
}
.checkbox label {
font-weight:bold;
}
.filtercontrol {
background-color:transparent;
padding:1em;
color:white;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.2);
}
.btn {
color:#2a6787!important;
margin-bottom:5px!important;
}
.postfilter h3, label {
color:white;
text-shadow:1px 1px 0px black;
}
.agelabels {
display:inline-block;
margin-left:5px;
}
@media (max-width:980px) {
.filterwrapper {
display:block!important;
width:100%!important;
position:relative!important;
padding:1em 0!important;
}
.postfilter {
height:unset!important;
}}
.postgrid .js-wpv-view-layout {
display: inline-flex;
position: relative;
vertical-align: top;
flex-wrap: wrap;
top: 0;
left: 0;
min-height:450px;
min-width:100%;
}
.gridrow1 {
margin-left:25%;
width:75%;
}
.rowresult {
width: 32.8%;
}
.result {
width:25%;
}
.result, .rowresult {
display: inline-block;
position: relative;
padding: 1em;
}
.noresults {
margin-left:25%;
padding:1em;
}
.form-group {
margin-bottom:10px!important;
}
@media (max-width:1150px) {
.postfilter h3 {
font-size:20px!important;
}}
@media (max-width:980px) {
.gridrow1 {
margin-left: 0!important;
width: 100%!important;
}
.result, .rowresult {
display: block!important;
width: 100%!important;
padding:.5em 0!important;
}}
/* ----------------------------------------- */
/* View: Homepage Grid2 - end */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* Content Template: Loop item in Homepage Grid2 - start */
/* ----------------------------------------- */
.programitem {
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1);
padding:1em;
overflow:hidden;
background-color:rgba(114,166,197,0.8);
border-bottom:solid 5px #2a6787;
height: 400px;
}
.programimage, .noprogramimage {
width: 100%;
padding-top: 100%; /* 1:1 ratio */
position: relative;
overflow:hidden;
background-color:white;
margin-bottom:10px;
}
.programimage img {
position: absolute;
width:100%;
height:100%;
object-fit:cover;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.noprogramimage img {
position: absolute;
width:100%;
height:100%;
object-fit:contain;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.programhead a {
display:block;
color:white;
font-weight:900;
font-size:1.2em;
}
.programdesc {
color:white;
}
@media (max-width:980px) {
.programimage {
width: 100px;
height:75px;
float:left;
margin-right:1em;
padding-top:0;
margin-bottom:0px;
}
.programimage img {
position:relative;
}
.programitem {
height:unset!important;}
}
/* ----------------------------------------- */
/* Content Template: Loop item in Homepage Grid2 - end */
/* ----------------------------------------- */