/* ----------------------------------------- */
/* View slug: view - start */
/* ----------------------------------------- */
.searchy-bit li {
display: block;
float: left;
width: 50%;
}
.selectit {
background: #0659a7;
background-image: -webkit-linear-gradient(top, #0659a7, #187ddb);
background-image: -moz-linear-gradient(top, #0659a7, #187ddb);
background-image: -ms-linear-gradient(top, #0659a7, #187ddb);
background-image: -o-linear-gradient(top, #0659a7, #187ddb);
background-image: linear-gradient(to bottom, #0659a7, #187ddb);
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
font-family: Arial;
color: #ffffff;
font-size: 13px;
padding: 4px 6px 4px 6px;
text-decoration: none;
width: 130px;
}
.selectit:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.inner {padding: 3px;}
.top-grid figcaption {
background: rgba(0,0,0,0.8);
color: white;
display: table;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
z-index: 100;
text-align: center;
}
.title-caravan { background-color: #0659a7; color: white; text-align: center; font-size: 110%; float: left; width: 100%;}
.top-grid {float: left; width: 25%;}
@media screen and (min-width: 960px) {.top-grid {float: left; width: 25%;} .what-img{ width: 100%;} }
@media screen and (min-device-width: 640px) and (max-device-width: 960px) {.top-grid figcaption {font-size: 10px;} }
@media screen and (min-width: 481px) and (max-width: 959px) {.top-grid {float: left; width: 33.333%;} .what-img{ width: 100%;} }
@media screen and (max-width: 560px) {.top-grid {float: left; width: 100%;} .what-img{ width: 100%;}}
.figure {width: 100%;}
figure {
display: block;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
figure {
display: block;
position: relative;
float: left;
overflow: hidden;
margin: 0 0px 0px 0;
width: 100%;
}
figcaption {
position: absolute;
background: black;
background: rgba(0,0,0,0.75);
color: white;
padding: 10px 20px;
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
figure:hover figcaption {
opacity: 1;
}
figure:before {
position: absolute;
font-weight: 800;
background: black;
background: rgba(255,255,255,0.75);
text-shadow: 0 0 5px white;
color: black;
width: 24px;
height: 24px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
text-align: center;
font-size: 14px;
line-height: 24px;
-moz-transition: all 0.6s ease;
opacity: 0.75;
}
figure:hover:before {
opacity: 0;
}
.top-grid:before { top: 10px; left: 10px; }
.top-grid figcaption { left: 0; top: -30%; }
.top-grid:hover figcaption { top: 0; }
.top-grid:hover figcaption {
opacity: 1;
}
.top-grid img {
display: block;
height: auto;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
max-width: 100%;
}
figcaption {
position: absolute;
width: 100%;
background: black;
background: rgba(0,0,0,0.75);
color: white;
padding: 10px 20px;
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
}
.top-grid a {color: #fff;}
.top-grid a:hover {color: #fff;}
.what-img {width: 100%;}
.searchy-bit { background-color: #CCCCCC; padding; 10px; padding-left: 10px;}
ol, ul {
list-style: none;
}
/* ----------------------------------------- */
/* View slug: view - end */
/* ----------------------------------------- */