/* @override
http://localhost:8888/hawkes2/drinks/css/drinks.css?m=1422654426
http://localhost:8888/thecoach/list/css/list.css?m=1528791195
http://localhost:8888/thecoach/list/css/list.css?m=1564498239
http://localhost:8888/kemp/list/css/list.css?m=1564758818
http://localhost:8888/kemp/list/css/list.css?m=1573684348
http://localhost:8888/kemp/list/css/list.css?m=1573685548
http://localhost:8888/kemp/list/css/list.css?m=1573755888
http://localhost:8888/kemp/list/css/list.css?m=1573814713
http://localhost:8888/kemp/list/css/list.css?m=1574185239
http://localhost:8888/kemp/list/css/list.css?m=1574186481
http://localhost:8888/kemp/list/css/list.css?m=1574201270
http://localhost:8888/kemp/list/css/list.css?m=1574202034
http://localhost:8888/kemp/list/css/list.css?m=1574204582
http://ashtangayogaessex.co.uk/list/css/list.css?m=1574452520
http://www.ashtangayogaessex.co.uk/list/css/list.css?m=1575294539
http://localhost:8888/stu/list/css/list.css?m=1576769412
http://localhost:8888/stu/list/css/list.css?m=1586260273
http://localhost:8888/stu/list/css/list.css?m=1586260566
http://localhost:8888/stu/list/css/list.css?m=1586260959
*/
#list-items-holder {
width: 55%;
margin-right: 5%;
float: left;
padding-left: 30px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top: 20px;
}
div#list-holder {
columns:2;
}
div.main {
padding-top: 30px;
padding-bottom: 0;
}
.content a{
color: black !important;
}
.content a:hover{
background-color: #F3671C;
color: white !important;
}
#collab-list-items-holder {
width: 40%;
float: left;
padding-right: 30px;
padding-left: 25px;
padding-top: 20px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color: #C1C1C1;
position: relative;
z-index: 5;
}
.item-button {
max-width: 1100px;
margin: auto;
transition: all ease 0.2s;
margin-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
}
.image-holder{
position: relative;
}
:root {
--base: #ffffff;
--bg-blend: multiply;
--bg-blend2: multiply;
--blur: 0px;
--fg-blend: overlay;
--fg-blend2: screen;
--foreground: #358321;
--foreground2: #1b3513;
--opacity: 0.3;
--opacity2: 0.3;
--spacing: 0px;
color: #1b3513;
}
.ListPage .img-wrapper {
background-color: var(--base);
display: flex;
flex: 1 1 100%;
height: 100%;
overflow: hidden;
padding: var(--spacing);
position: relative;
max-width: 1100px;
margin: auto;
}
.ListPage .img-wrapper.img2 {
position: absolute;
width: 80%;
max-width: 880px;
margin-right: auto;
height: auto;
transform:translate(-50%,-50%);
top: 50%;
left: 50%;
}
.ListPage div.wrapwrap {
position: relative;
margin-bottom: 50px;
margin-top: 50px;
padding-bottom: 30px;
padding-top: 30px;
width: 100%;
}
h1{
max-width: 1100px;
clear: none;
display: block;
margin-top: auto;
margin-left: auto;
margin-bottom: auto;
}
.ListPage .img-wrapper img {
filter: grayscale(100%) contrast(1.5) blur(var(--blur));
flex: 1 0 100%;
height: 100%;
max-width: 100%;
mix-blend-mode: var(--bg-blend);
object-fit: cover;
opacity: var(--opacity);
position: relative;
width: 100%;
}
.ListPage .img-wrapper::before {
background-color: var(--foreground);
bottom: 0;
content: '';
height: 100%;
left: 0;
mix-blend-mode: var(--fg-blend);
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.ListPage .img-wrapper.img2 img {
filter: grayscale(100%) contrast(1.5) blur(var(--blur));
flex: 1 0 100%;
height: 100%;
max-width: 100%;
mix-blend-mode: var(--bg-blend2);
object-fit: cover;
opacity: var(--opacity2);
position: relative;
width: 100%;
}
.ListPage .img-wrapper.img2::before {
background-color: var(--foreground2);
bottom: 0;
content: '';
height: 100%;
left: 0;
mix-blend-mode: var(--fg-blend2);
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 1;
}
.decor.bot{
width: 70%;
bottom: 0;
z-index: 1;
height: 80px;
position: absolute;
background: url(../../themes/simple/images/HalfCirlces-01.svg) repeat-x left bottom;
background-size:contain;
right: 0;
background-repeat: round;
}
.decor.top{
width: 70%;
z-index: 1;
height: 80px;
position: absolute;
background: url(../../themes/simple/images/HalfCirlces-01.svg) repeat-x right bottom;
background-size:contain;
left: 0;
top: -25px;
background-repeat: round;
}
div#question {
width: 40%;
display: inline-block;
padding-right: 10%;
vertical-align: top;
}
.item-button a{
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white !important;
position: absolute;
width: 135px;
transition: all ease 0.2s;
font-size: 15px;
}
.item-button a:hover{
opacity: 0.5;
}
ul#listing-items-holder {
max-width: 700px;
color: #284931;
font-size: 14px;
font-weight: 400;
}
.listing {
display: flex;
}
#clm1{
width: 50%;
}
#clm2{
width: 30%;
}
#clm1 {
font-family: superclarendon;
font-weight: bold;
font-style: italic;
letter-spacing: 1px;
}
/* BREAKPOINT 680px */
@media only screen and (max-width: 880px) {
div#list-holder {
columns:1;
}
ul#listing-items-holder {
text-align: center;
}
.listing {
width: 100%;
display: block;
padding-bottom: 20px;
}
div#question, div#answer {
width: 100%;
display: inline-block;
padding-right: 0%;
vertical-align: top;
}
.item-button {
max-width: 1100px;
margin: auto;
transition: all ease 0.2s;
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 680px) {
#collab-list-items-holder {
width: 100%;
float: left;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color: #C1C1C1;
position: static;
z-index: 5;
padding: 35px 20px 40px;
}
#partners {
padding-bottom: 87px;
}
#list-items-holder {
width: 100%;
margin-right: 0%;
float: left;
padding-left: 20px;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top: 20px;
padding-bottom: 35px;
}
}