/*
THEME NAME: GFSv002
DESCRIPTION: Because we don't know either...
AUTHOR: Gordon Langley vs Sean Alexander
AUTHOR : https://www.fluffytech.co.uk
TEMPLATE: twentytwelve
VERSION: 866.2.8
*/
/*////// Get the New fonts //////*/
@import url("https://use.typekit.net/jgw3oxr.css");
/*//////New body color #787A7D //////*/
/*////// Basic off switches //////*/
/* No dots on linkys. */
a:focus {outline: none;}
/* Turn off font scaling on ipads */
body, div, p, a, li, td { -webkit-text-size-adjust:100% !important;
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none; }
/* Make all input text solid, not opaque */
::-webkit-input-placeholder {
opacity: 1 !important; /* for chrome */
}
:-moz-placeholder { /* Firefox 18- */
opacity: 1 !important;
}
::-moz-placeholder { /* Firefox 19+ */
opacity: 1 !important;
}
:-ms-input-placeholder {
opacity: 1 !important;
}
/* Remove double lines under articles */
.site-content article {
border-bottom: none;
margin-bottom: 0px !important;
padding-bottom: 0px !important;
-moz-hyphens: none;
word-wrap: normal;}
/*homepage*/
body.home .site-content article {padding-bottom: 0px !important;}
/*single post*/
body.single-post .site-content article {padding-bottom: 160px !important;}
/* turn off shadows and corners on images */
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
border-radius: 0px;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
/*site title off*/
.site-title, .site-description {display:none;}
/*margin off bottom of entry header*/
.entry-header {margin-bottom: 0px !important;}
/*page titles off*/
.page h1.entry-title {display:none;}
/*////// Basic site shape, margins & typopgraphy //////*/
html {
font-size: 100%;
height: 100%;
width: 100%;
background-color: #fff;
overflow-y:auto;
}
/*set the body font, weight and style*/
body {
font-family: 'trade-gothic-next',sans-serif !important;
font-weight: 400;
font-style: normal;}
/*body sizes controlled by VW, therefafter, everything controlled by % of this base*/
@media screen and (min-width: 1920px) {
body {font-size: 16px !important;}
}
@media screen and (max-width: 1919px) {
body {font-size: 16px !important;}
}
@media screen and (max-width:1280px) {
body {font-size: 14px !important;}
}
@media screen and (max-width:540px) {
body {font-size: 3.5vw !important;}
}
@media screen and (max-width:414px) {
body {font-size: 4.3vw !important;}
}
/*strong is normal weight*/
strong {font-weight: 400;}
/*////////////Headings/////////////*/
/*h1*/
h1 {font-size: 210% !important; text-transform:uppercase; letter-spacing: 0.05em;}
.a-bit-smaller h1 {font-size: 180% !important;letter-spacing: 0.04em;}
@media screen and (max-width: 1080px) {
.a-bit-smaller h1 {font-size: 150% !important}
}
@media screen and (max-width: 414px) {
h1 {font-size: 190% !important;}
.a-bit-smaller h1 {font-size: 120% !important;}
}
/*others*/
.half-width-text-content h1 {font-size: 150% !important;}
.full-width-slide h1 {}
.footer-subscribe-contents h1 {}
.full-width-slide h1 a, .full-width-slide h1 a:visited {font-size: 18px; letter-spacing: 0.05em;}
body.single .entry-header h1, body.error404 .entry-header h1 {font-size: 240% !important; hyphens: none !important;}
@media screen and (max-width: 768px) {
body.single .entry-header h1, body.error404 .entry-header h1 {font-size: 210% !important;}
}
@media screen and (max-width: 740px) {
body.single .entry-header h1, body.error404 .entry-header h1 {font-size: 170% !important; margin-bottom: 20px !important;}
}
.footer-subscribe-contents h1 a, .footer-subscribe-contents h1 a:visited {font-size: 55%;}
/*h2*/
h2 {font-size: 125% !important;letter-spacing: 0.05em; line-height: 1.1 !important; text-transform:uppercase; margin: 1.5em auto !important;}
@media screen and (max-width: 1920px) {
h2 {font-size: 110% !important;}
}
/*color-square h2 a*/
.color-square h2 {margin: 0 auto 1em auto !important;}
/*others*/
/*h2 (links)*/
h2 a, h2 a:visited {border-bottom: 3px solid; font-size: 14px; display:inline-block; line-height: 1.6; opacity: 1; transition:all ease 0.3s; letter-spacing: 0.1em;}
h2 a:hover {opacity: 0.6;}
.half-width-slide h2 {font-size: 180% !important;}
.triple-row-text h2 { font-size: 100% !important;max-width: 95%; margin: auto; width: 100%; }
@media screen and (min-width: 1280px) {
.triple-row-text h2 { font-size: 145% !important; max-width: 100% !important;}
}
.gfs-spoiler h2 {font-size: 17px !important;}
@media screen and (max-width: 414px) {
.gfs-spoiler h2 {text-align:center;}
}
/*responsive*/
@media screen and (max-width: 1280px) {
h2 a, h2 a:visited {font-size: 14px;}
.half-width-text-content h2, .color-square h2 {font-size: 120% !important;}
}
/*responsive*/
@media screen and (max-width: 767px) {
.half-width-text-content h2, .color-square h2, .triple-square-content h2 {font-size: 115% !important}
.triple-row-text h2 {font-size: 150% !important; width: 100%;}
}
/*responsive*/
@media screen and (max-width: 540px) {
.triple-row-text h2, .triple-square-content h2, .half-width-text-content h2, .color-square h2 {font-size:130% !important}
}
body.single .site-content h2 {
font-size: 108% !important;}
/*h3*/
h3 { font-size: 125% !important;}
/*ajax*/
li.alm-item h3 {max-width: 66%; font-size: 150% !important;}
/*new coming events*/
.coming-events-feed-new li.alm-item h3 {max-width: 75%; font-size: 140% !important; letter-spacing: 0.05em;}
@media screen and (max-width: 1280px) {
.coming-events-feed-new li.alm-item h3 {max-width: 75%; font-size: 130% !important;}
}
@media screen and (max-width: 1024px) {
li.alm-item h3, .coming-events-feed-new li.alm-item h3 {max-width: 80%; font-size: 110% !important;}
}
@media screen and (max-width: 767px) {
li.alm-item h3, .coming-events-feed-new li.alm-item h3 {max-width: 80%; font-size: 140% !important;}
}
/*h5*/
h5 {font-size: 75% !important; line-height: 1.2 !important; font-weight: 400;}
/*others*/
body.single h5 {margin-top: 40px;}
/*p*/
p {font-size: 95%;}
body.single .entry-content p {/*! font-size: 100%; */}
/*normal body copy line-height and colour*/
.normal-colour p {line-height: 1.4; color: #787A7D !important;}
/*others*/
.members-logos-feed .our-excerpt p {font-size: 80%;}
.half-width-box p {font-size: 100%;}
.color-square-content p {}
/*Ajax*/
.mixed-news-events-feed p.entry-meta {font-size: 150%;}
/*non html tag others*/
/*GFS footer*/
footer[role="contentinfo"] {
font-size: 90% !important;
}
.very-bottom-left {font-size: 90%;}
.very-bottom-right {font-size: 80%;}
/*contact - convert to %*/
.gfs-contact-contents {font-size: 14px;}
@media screen and (min-width: 1441px) {
.gfs-contact-contents {font-size: 14px;}
}
/*tablets convert to %*/
@media screen and (max-width: 1280px) {
.gfs-contact-contents {font-size: 11px;}
}
.gfs-contact-contents a span {font-size: 110%;}
/*WPbakery edit*/
footer.entry-meta {font-size: 70%;}
body.single-post footer.entry-meta span:last-of-type a {font-size: 110%}
/*spoiler title*/
.gfs-spoiler .su-spoiler-title {font-size: 18px !important;}
/*spoiler + icon*/
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {font-size: 300% !important;}
/*spoiler - icon*/
.su-spoiler-icon-plus .su-spoiler-icon::before {font-size: 200% !important; }
/*spoiler content*/
.gfs-spoiler-content .su-spoiler-content {font-size: 100%;}
/*responsive*/
@media screen and (max-width: 1280px) {
.gfs-spoiler .su-spoiler-title {font-size: 110% !important;}
}
@media screen and (max-width: 600px) {
.gfs-spoiler.sample-menu-spoiler .su-spoiler-title {max-width:100% !important}
.gfs-spoiler .su-spoiler-title {max-width: 80%; margin-left: auto; margin-right: auto; font-size: 98% !important;}
}
/*links*/
.su-spoiler-content a {/*! font-size: 95%; */}
/*--slick nav--*/
/*pages items*/
.our-parent a, .our-parent a:visited {font-size: 120% !important;}
/*tablets*/
@media screen and (max-width: 1650px) {
.our-parent a, .our-parent a:visited {font-size: 100% !important}
}
/*mobile*/
@media screen and (max-width: 800px) {
.our-parent a, .our-parent a:visited {font-size: 120% !important}
}
/*sub items*/
.our-child a, .our-child a:visited {font-size: 92% !important;}
/*tablets*/
@media screen and (max-width: 1441px) {
.our-child a, .our-child a:visited { font-size: 80% !important}
}
/*--single post--*/
body.single-post .entry-content {font-size: 100%;}
/*coming events and past events .entry-meta - class on VC page*/
.coming-events-feed .entry-meta, .single_more .entry-meta, .coming-events-feed-new .entry-meta {font-size: 140%;}
.past-events-feed .entry-meta {font-size: 110%; }
/*second row - all in 5 columns - scale the font down*/
.coming-events-feed li.alm-item:nth-of-type(n+4) {font-size: 75%;}
/*SECOND reveal - all in 5 columns - 10 in array - scale the font down*/
.coming-events-feed .alm-reveal:nth-of-type(n+2) li.alm-item {font-size: 75%;}
/*pastevents*/
.past-events-feed li.alm-item { font-size: 75%;}
/*our-tags*/
.our-tags {font-size: 85%;}
/*variables on other feeds*/
.mixed-news-events-feed .our-tags, .members-news-feed .our-tags, .coming-events-feed .our-tags {font-size: 80%;}
@media screen and (max-width: 1280px) {
.mixed-news-events-feed .our-tags, .coming-events-feed .our-tags, .members-news-feed .our-tags {bottom: 24px; right: 8px !important; font-size: 80%;}
}
/*//////////////////////////////Temp single.php post nav/////////////////////////////*/
.posts-nav-container { font-size: 100%;}
/*////////////Margins for the white border//////////*/
#page {margin: 14px 14px 0px 14px !important; padding: 0 0 0 0!important;min-height: 100%;}
@media screen and (max-width: 740px) {
#page {padding: 0px 0px !important; margin: 7px 7px 0px 7px !important;}
}
body .site {
padding: 0 10px !important;
margin-top: 0px !important;
position: absolute;
top: 0px !important;
left: 0px !important;
right: 0px !important;
margin-bottom: 52px !important;
box-shadow: 0 0px 0px rgba(100, 100, 100, 0);
}
/*responsive - mobiles*/
@media screen and (max-width: 360px) {
body .site {padding: 0 11px !important;}
}
.site {
margin: 0 auto !important;
max-width: 100% !important;
overflow-x: hidden;
background-color: #fff;
}
/*home*/
body.home .site-content {margin: 0px !important;}
.site-content {margin: 0px 0 0 0!important;}
/*////// site content widths //////*/
#content {max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0;}
@media screen and (min-width: 769px){
#content {max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 0;}
}
@media screen and (max-width: 768px){
body.single #content {max-width: 100%; margin-left: 6px; margin-right: 6px;}
}
@media screen and (max-width: 414px) {
#content {max-width: 100%;}
}
@media screen and (max-height: 414px) {
#content {/*! margin-top: 100px; */}
body.single #content {margin-top: 0;}
}
/*////// images min-width //////*/
.entry-content img {min-width: 100%; height: auto;}
/*////////////Glove colours///////////*/
.gfs-yellow, .gfs-yellow a {color: #f6b600 !important;}
.gfs-olive, .gfs-olive a {color:#6B2E79 !important;}
.gfs-olive-reverse {background-color: #6b2e79; color: #fff;}
.gfs-olive-reverse p {color: #fff !important;}
.gfs-olive-reverse a {color: #fff;}
.gfs-light-blue, .gfs-light-blue a {color: #59a9e8 !important;}
.gfs-red, .gfs-red a {color:#bb1e10 !important;}
.gfs-purple, .gfs-purple a {color: #064a63 !important;}
.gfs-purple-reverse {background-color: #064a63; color: #fff;}
.gfs-purple-reverse p {color: #fff !important;}
.gfs-purple-reverse a {color: #fff;}
.gfs-pink, .gfs-pink a {color: #f6b600 !important;}
.gfs-pink-reverse {background-color: #f6b600; color: #fff;}
.gfs-pink-reverse p {color: #fff !important;}
.gfs-pink-reverse a {color: #fff;}
.gfs-off-white, .gfs-off-white a {color: #f1ece1 !important;}
.gfs-green, .gfs-green a {color:#61993b !important;}
.gfs-green-reverse {background-color: #61993b; color: #fff;}
.gfs-green-reverse p {color: #fff !important;}
.gfs-green-reverse a {color: #fff;}
.gfs-orange, .gfs-orange a {color: #ed6b21 !important;}
.gfs-orange-reverse {background-color: #ed6b21; color: #fff;}
.gfs-orange-reverse p {color: #fff !important;}
.gfs-orange-reverse a {color: #fff;}
.white, .white a {color: #ffffff !important;}
/*////////////links///////////*/
a {text-decoration: none;}
/*/////////////No nav for now, til we find the right tech, when they know what they want/////////////////*/
/*turn off wordpress desktop menu container*/
.main-navigation {/*display:none;*/}
/*////////////////header////////////////*/
.site-header {position: absolute; top: 14px; left: 12px; padding: 0px 0px 0px 0px; z-index: 999; margin-bottom: 0px !important; background: none !important;}
/*header image size*/
.site-header img {max-width:7vw;}
/*normal desktops*/
@media screen and (max-width: 1920px) {
.site-header img {max-width:150px;}
}
/*tablets*/
@media screen and (max-width: 1280px) {
.site-header img {max-width:110px;}
}
/*header margin*/
.header-image {margin-top: 0; padding-top: 0;}
/*//////////////////VC customisations////////////////////*/
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner {
padding-top: 0px !important;
}
/*---margin-bottom for rows---*/
.vc_row {margin-bottom: 7px;}
/*--none on #site-history---
#site-history.vc_row {margin-bottom: -2px;}*/
@media screen and (max-width: 1280px) {
.vc_row {margin-bottom: 3.5px;}
}
@media screen and (max-width: 600px) {
.vc_row {margin-bottom: 5.5px;}
}
/*//////////////////Royal customisations////////////////////*/
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
background: #fff !important;
color: #FFF;
/*max-height: 100% !important;
min-width: 100% !important;*/
}
.rsArrowDisabled {display:none !important}
/*//////////////////custom move slider arrows/////////////////*/
.rsUni .rsArrowIcn {
background: url("/wp-content/themes/gfsv002/images/gfs-rs-universal.png") !important;
}
.rsUni.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px !important; }
.rsUni.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px !important;}
.rsUni .rsArrowIcn {
width: 32px;
height: 32px;
/*change for responsicce when this goes single column*/
top: 25vw !important;
opacity: 1 !important;
transition:opacity 0.3s ease !important;
}
@media screen and (max-width: 767px) {
.rsUni .rsArrowIcn {top: 50% !important;}
}
.rsUni .rsArrowIcn:hover {opacity: 1 !important;}
.rsUni .rsArrow {
width: 32px !important;}
/*//////////////half-width-slide/////////////*/
.half-width-slide {position:relative;}
/*force the width of the overflow*/
.half-width-slide .rsOverflow {/*! min-height: 105% !important; */ /*! min-width: 105% !important; */}
/*and shift the right arrow*/
.half-width-slide .rsUni.rsHor .rsArrowRight {
/*! right: 4.8%; */
top: 0;
}
.video-square .half-width-slide .rsUni.rsHor .rsArrowRight {right: 11% !important; top: 0% !important; z-index: +2 !important;}
@media screen and (max-width: 768px) {
.video-square .half-width-slide .rsUni.rsHor .rsArrowRight {right: 0% !important; top: 0% !important; z-index: +2 !important;}
}
/*Caption*/
.half-width-slide h2 {z-index: 99; margin: 0 auto !important; text-align:center; color: #fff; line-height: 1.05 !important; max-width: 36%;}
@media screen and (max-width: 1440px) {
.half-width-slide h2 {max-width: 45%}
}
/*responsive*/
@media screen and (min-width: 768px) {
.half-width-slide .royalSlider {width: calc(100% + 2px) !important; top: -2px;}
.half-width-slide.right {left: -2px; margin-left: -4px;}
.half-width-slide.white-text {position:relative; bottom: -2px !important}
}
@media screen and (min-width: 768px) {
.half-width-slide h2 {display:block; position:absolute; top: 24vw; left: 50%; transform:translate(-50%,-50%); }
}
@media screen and (max-width: 767px) {
.half-width-slide h2 {position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
}
@media screen and (max-width: 1280px) {
.half-width-slide h2 {max-width: 66% !important}
}
.half-width-slide h2 a, .half-width-slide h2 a:visited {color: #fff; font-family: 'trade-gothic-next',sans-serif !important;
font-weight: 700;}
.half-width-slide .rsImg.rsMainSlideImage { filter:brightness(85%);}
@media screen and (min-width: 768px) {
.half-width-slide .rsImg.rsMainSlideImage {transform-origin: right !important; /*! max-width: 50vw; */ /*! height: auto !important; */ margin-left: 0 !important;}
.half-width-slide .royalSlider img, .half-width-slide.white-text .royalSlider img {transform:scale(1.08) !important}
.half-width-slide .rsOverflow {min-width: 112% !important; min-height: 112% !important;}
.half-width-slide.white-text .rsOverflow {min-width: 100% !important;}
}
@media screen and (max-width: 767px) {
.half-width-slide .rsImg.rsMainSlideImage {}
}
/*///////////half-width-text///////////*/
@media screen and (min-width: 1440px) {
.half-width-text-content {transform:translateY(-60%) !important;}
}
@media screen and (min-width: 768px) {
.half-width-text {text-align:center; position:relative; left: 0; top: 0; width: 100%; height: 100%; min-height: 100% !important;}
.half-width-text-content {position:absolute; display: block; transform:translateY(-55%);width:100%;}
}
@media screen and (max-width: 767px) {
.half-width-text {text-align:center; position:relative; width: 100%; height: 100%; min-height: 100vw !important; display:block;}
.half-width-text-content {position:absolute; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%;}
}
@media screen and (max-width: 414px) {
.half-width-text {padding-top: 80px; padding-bottom: 80px}
}
.half-width-text-content p {line-height: 1.4; color: #787A7D; margin: 0 0 1.5em; width: 100%;max-width: 40%; margin-left: auto; margin-right: auto;}
/*responsive*/
@media screen and (min-width: 1920px) {
.half-width-text-content p {max-width: 38%}
}
@media screen and (max-width: 1440px) {
.half-width-text-content p {max-width: 66%}
}
@media screen and (max-width: 810px) {
.half-width-text-content p {max-width: 90%}
}
.half-width-text h1 {
width: 100%;
max-width: 36%; margin:auto; line-height: 1.1;
}
/*responsive*/
@media screen and (max-width: 1440px) {
.half-width-text h1 {max-width: 60% !important}
}
/*responsive*/
@media screen and (max-width: 768px) {
.half-width-text h1 {max-width: 80% !important}
}
.half-width-text-content h2 {margin-top: 0 !important; width: 100%;max-width: 45%; margin-left: auto; margin-right: auto; margin: 0 auto 1.5em auto !important;}
/*responsive*/
@media screen and (max-width: 1440px) {
.half-width-text-content h2 {max-width: 66% !important}
}
.half-width-text-content h2 a {margin: 0em 0 -3em 0 !important;}
/*new h3 links for the double link thing*/
.half-width-text-content h3 {margin: 0 auto .5em;}
.half-width-text-content h3 a {
border-bottom: 3px solid;
font-size: 14px;
display: inline-block;
line-height: 1.6;
opacity: 1;
transition: all ease 0.3s;
letter-spacing: 0.15em;
text-transform:uppercase;
}
@media screen and (max-width: 1080px) {
.half-width-text-content h3 a {font-size: 12px}
}
/*/////////bullets if we want them////////////*/
.half-width-slide .rsUni .rsBullets {
position: absolute;
left: 0; right: 0; top: 45vw !important;
z-index: 35;
padding-top: 0;
width: 100%;
height: auto;
margin: 0 auto;
margin-bottom: 0px;
text-align: center;
line-height: 5px;
overflow: hidden;
}
.half-width-slide .rsUni .rsBullet span {
display: block;
width: 6px;
height: 6px;
border-radius: 0;
background-color: rgba(255, 255, 255,.5) !important;
cursor: pointer;
transition: all ease 0.3s;
}
.half-width-slide .rsUni .rsBullet span:hover {background-color: rgba(255, 255, 255,1) !important;}
.half-width-slide .rsUni .rsBullet.rsNavSelected span {background-color: rgba(255, 255, 255,1) !important;}
.half-width-slide .rsUni .rsBullet {padding: 8px;}
/*//////////////full-width-slide/////////////*/
.full-width-slide .rsImg.rsMainSlideImage {/*position:absolute; top: 50%; transform:translateY(-50%);*/ filter:brightness(80%);}
body.home .full-width-slide .rsImg.rsMainSlideImage {position:absolute; top: 75%; left: 50%; transform:translate(-50%,-75%); object-fit:cover !important; min-height: 100%;}
.full-width-slide .rsImg.rsMainSlideImage {position:absolute; top: 75%; left: 50%; transform:translate(-50%,-90%);object-fit:cover !important; min-height: 100%;}
@media screen and (max-width: 1080px) {
body.home .full-width-slide .rsImg.rsMainSlideImage { transform:translate(-50%,-70%) scale(.7); top: 50%; }
.full-width-slide .rsImg.rsMainSlideImage {transform:translate(-50%,-70%) scale(.7); top: 50%; }
.full-width-slide.sub-page-slide .rsImg.rsMainSlideImage {transform:translate(-50%,-80%) scale(.7); top: 50%;}
}
@media screen and (max-width: 900px) {
body.home .full-width-slide .rsImg.rsMainSlideImage {transform:translate(-50%,-55%) scale(.95); top: 50%; }
.full-width-slide .rsImg.rsMainSlideImage {transform:translate(-50%,-55%) scale(.95); top: 50%; }
}
/*mobile fix for for width sliders at 540px*/
@media screen and (max-width: 540px) {
body.home .full-width-slide .rsImg.rsMainSlideImage {transform:translate(-50%,-65%) scale(.7); top: 50%; }
.full-width-slide .rsImg.rsMainSlideImage {transform:translate(-50%,-65%) scale(.7); top: 50%; }
}
/*mobile fix for for width sliders at 540px ENDS*/
/*---min-height for full-width-slide rows---*/
body.home .full-width-slide {height: 97vw; max-height: 97vh;}
.full-width-slide {height: 80vw; max-height: 80vh;}
.full-width-slide.sub-page-slide {height: 60vw; max-height: 60vh;}
.logged-in-header {height: 200px !important; max-height: 200px !important;}
@media screen and (max-width: 1280px) {
body.home .full-width-slide {min-height: 100vw; min-height: 100vh;}
.full-width-slide {height: 100vw; max-height: 100vh;}
.full-width-slide.sub-page-slide {height: 45vw; max-height: 45vh;}
.logged-in-header {height: 150px !important; max-height: 150px !important;}
}
@media screen and (max-width: 810px) {
body.home .full-width-slide {min-height: 100vh;}
.full-width-slide {min-height: 100vh;}
.full-width-slide.sub-page-slide {min-height: 65vw; max-height: 65vh;}
.logged-in-header {min-height: 140px !important; max-height: 140px !important;}
}
@media screen and (max-width: 600px) {
.full-width-slide.deeper-for-mobile {min-height: 125vh !important}
.full-width-slide.deeper-for-mobile .big-white-box-copy {margin-top: 10vw !important}
.logged-in-header {min-height: 140px !important; max-height: 140px !important;}
}
@media screen and (max-width: 600px) {
body.home .full-width-slide, .full-width-slide.sub-page-slide {min-height: 75vh;}
}
/*---Headings--*/
.full-width-slide {position:relative;}
.full-width-slide h1 {position:absolute; top: 50%; left: 50%; display:block; color: #fff; z-index: +999; text-align:center; margin: auto; transform:translate(-50%,-50%) !important; margin: 0 auto !important; line-height: 1; width: 100%; max-width: 80%; margin-left: auto; margin-right: auto;}
.full-width-slide.sub-page-slide h1 {top: 50vh; transform:translate(-50%,-22.5vh) !important;}
@media screen and (max-width: 1280px) {
.full-width-slide.sub-page-slide h1 { top: 45vh; transform:translate(-50%,-22.5vh) !important;}
}
@media screen and (min-width: 1366px) {
.full-width-slide h1.headline-not-so-wide {max-width: 50%}
}
.full-width-slide.a-bit-smaller h1 {max-width: 550px; line-height: 1.1;}
@media screen and (max-width: 1080px) {
.full-width-slide.a-bit-smaller h1 {max-width: 350px;}
}
@media screen and (max-width: 800px) {
.full-width-slide.sub-page-slide h1 { top: 45vh; transform:translate(-50%,-15.5vh) !important;}
}
@media screen and (max-width: 540px) {
.full-width-slide.a-bit-smaller h1 {max-width: 80%;}
.full-width-slide.sub-page-slide h1 {font-size: 180% !important; top: 42vh; max-width:75%}
}
@media screen and (max-width: 1080px) {
.full-width-slide h1 {max-width: 85%;}
}
.full-width-slide h1 a, .full-width-slide h1 a:visited {border-bottom: 3px solid;display: inline-block; line-height: 1.5; opacity: 1; transition: all ease 0.3s; margin-top: 1.5em; color: #fff; font-family: 'trade-gothic-next',sans-serif !important; margin-bottom: 1.5em;}
.full-width-slide h1 a:hover {opacity: .6;}
/*//////////////full-width-slide ENDS/////////////*/
/*//////////////full-width-slide call-to-action/////////////*/
.call-to-action h2 {color: #fff; text-align:center; width: 100%;max-width: 30%; margin: auto; letter-spacing: 0.05em}
/*tablets*/
@media screen and (max-width: 1280px) {
.call-to-action h2 { max-width: 66%;}
}
@media screen and (max-width: 800px) {
.call-to-action h2 { max-width: 66%;}
}
.call-to-action a, .call-to-action a:visited {color: #fff}
.call-to-action a {margin-top: 2em;}
/*//////////////full-width-slide call-to-action ENDS/////////////*/
/*//////////////split-row/////////////*/
@media screen and (min-width: 768px) {
.split-row {max-height: 50vw !important; min-height: 50vw !important;overflow:hidden;}
}
@media screen and (max-width: 767px) {
.split-row {min-height: 600px; display:block !important}
}
/*////////////////////////////mosaic///////////////////////////*/
.mosaic-or-video-qtr-text h2 {position:relative; left: 0;transform:translateY(-50%);}
/*video*/
.split-row .video-square {min-height: 50vw !important; max-height: 50vw !important;}
.split-row .video-square video {filter:brightness(95%)}
.split-row .video-square:after {position:absolute; display:block;content:""; left: 0; top: 0; width:100%;height: 100%;
background:transparent url("/wp-content/themes/gfsv002/images/4by2_white.png"); background-repeat:repeat; opacity: .3; z-index:-1; }
.mosaic-words-combined h2 {margin: 0 0 1em 0 !important;}
@media screen and (min-width: 1280px) {
/*heading over video or slider*/
.mosaic-or-video-qtr-text h2 {font-size: 230% !important}
/*larger link*/
.mosaic-or-video-qtr-text h2 a {font-size: 16px !important}
/*all the stuff on the left*/
.mosaic-elements {position:relative; min-height: 50vw;}
/*medium image*/
.mosaic-combined .big-image {width: 66%; position:absolute; right: 7px; top: 0; overflow:hidden;}
/*smallest image*/
.small-image-combined img {min-width: 105% !important; overflow:hidden;}
.small-image-combined {width: 33.3%; position:absolute; bottom: -6px; left: 0;overflow:hidden;}
/*all the copy on the left*/
.mosaic-words-combined {width: 66.6%;position:absolute; right: 0px; z-index: +1; text-align:center; display:block; top: 80%; transform:translateY(-25%); height: 40%; padding-top: 4vw}
.mosaic-words-combined.no-heading {transform:translateY(-25%);}
/*link*/
.mosaic-words-combined a {margin-top: 1em;}
/*copy*/
.mosaic-words-combined.normal-colour p {margin: 0 0 1em; padding-left: 10%; padding-right: 10%;}
.mosaic-words-combined.normal-colour.no-heading p {font-size: 110%; margin: 0em 0 1em;}
}
@media screen and (max-width: 1920px) {
.mosaic-words-combined {padding-top: 1.2vw}
.mosaic-words-combined.no-heading {padding-top: 1vw;}
}
@media screen and (max-width: 1600px) {
.mosaic-words-combined {padding-top: .6vw; transform:translateY(-30%);}
.mosaic-words-combined.no-heading {transform:translateY(-30%)}
.mosaic-words-combined.normal-colour p {margin: 0 0 1em; padding-left: 4%; padding-right: 4%; font-size: 88%}
.mosaic-words-combined.normal-colour.no-heading p {font-size: 90%; margin: 0em 0 1em;}
}
@media screen and (max-width: 1400px) {
.mosaic-words-combined {padding-top: 0;}
}
@media screen and (max-width: 1279px) {
/*all the stuff on the left*/
.mosaic-elements {position:relative; min-height: 50vw;}
/*medium image*/
.mosaic-combined .big-image {width: 99%; position:absolute; left: 0; top: 0; height: 50%;overflow:hidden;}
/*switch off the smallest image*/
.small-image-combined {opacity: 0}
/*all the copy on the left*/
.mosaic-words-combined {width: 100%;position:absolute; top: 60%;z-index: +1; text-align:center; display:block; transform:translateY(30%);}
.mosaic-words-combined.no-heading {transform:translateY(30%);}
.mosaic-words-combined p {font-size: 100% !important;}
/*heading*/
.mosaic-words-combined h2 {font-size: 110% !important}
/*link*/
.mosaic-words-combined a {margin-top: 1em;}
/*copy*/
.mosaic-words-combined.normal-colour p {margin: 0 0 1.5em; padding-left: 5%; padding-right: 5%;}
}
/*responsive*/
@media screen and (max-width: 1350px) {
/*all the copy on the left*/
.mosaic-words-combined p {font-size: 90%;}
}
/*responsive*/
@media screen and (max-width: 1200px) {
/*all the copy on the left*/
.mosaic-words-combined {top: 60%; transform: translateY(0%)}
.mosaic-words-combined.no-heading {transform:translateY(25%);}
}
/*switch off the remaining picture*/
@media screen and (max-width: 1280px) {
.mosaic-combined .big-image {display:none}
.mosaic-words-combined {top: 50%; transform: translateY(-50%)}
.mosaic-words-combined.no-heading {transform:translateY(-50%);}
}
/*portrait tablets*/
@media screen and (max-width: 767px) {
/*video*/
.split-row .video-square {height: 96.2vw !important; max-height: 100vw !important; margin-top:4px; display:block}
/*heading*/
.mosaic-or-video-qtr-text h2 {transform:translateY(45vw); max-height: 50vw; max-width: 90% !important}
/*copy HEADING*/
.mosaic-words-combined h2 {position:relative; width: 100%; transform:translate(0,0); font-size: 150% !important; margin: 0 auto;}
/*all the stuff on the left*/
.mosaic-words-combined {/*margin-top: 80px;*/}
.mosaic-words-combined.no-heading p {font-size: 105% !important}
}
@media screen and (max-width: 540px) {
/*copy HEADING*/
.mosaic-words-combined h2 {font-size: 130% !important;}
}
/*////////////////////////////mosaic ENDS///////////////////////////*/
/*/////////////triple-row/////////////*/
.triple-row {}
.triple-row-text {color: #fff; text-align:center; width: 100%;max-width: 40%; margin: auto;}
.triple-row-text {position:absolute; top: 18vw; left: 50%; transform:translate(-50%,-9vw)}
.triple-row-text h2 {margin: 1em auto 1em !important;}
.triple-row-text p {line-height: 1.4;}
/*tablets*/
@media screen and (max-width: 1820px) {
.triple-row-text {max-width: 80%;}
}
@media screen and (min-width: 768px) {
.triple-row {min-height: 30vw !important;max-height: 30vw !important; overflow: hidden;}
}
@media screen and (max-width: 767px) {
.triple-row-text {min-height: 100vw;}
.triple-row-text div {position:absolute; left: 50%; top: 40vw; transform:translate(-50%,0); width: 100%;}
.triple-row-static img {transform:scale(1.6) translateY(15%); transform-origin:bottom center;}
.triple-row-text h2 {padding: 0 0 8vw 0; max-width: 80%; width: 100%; transform:translateY(-50%);}
}
.triple-row-text a, .triple-row-text a:visited {color: #fff}
.triple-row-text a {margin-top: 0em;}
/*/////////////triple-row ENDS/////////////*/
/*/////////////Half width box/////////////*/
.half-width-box {
text-align: center;
margin: 0 auto !important;
width: 100%;
max-width: 30%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.half-width-box:before {content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 25vw; height: 25vw; background: rgba(255,255,255,.9); z-index: -1;}
/*responsive*/
@media screen and (max-width: 1600px) {
.half-width-box {max-width: 60%}
.half-width-box:before {width: 40vw; height: 40vw;}
}
/*responsive*/
@media screen and (max-width: 800px) {
.half-width-box {max-width: 80%; position:absolute; top: 50%; left:0}
.half-width-box:before {width: 60vw; height: 60vw;}
}
/*responsive*/
@media screen and (max-width: 767px) {
.half-width-box {position:absolute; top: 50%; left:50%}
.half-width-box:before {width: 90vw; height: 90vw;}
}
/*responsive*/
@media screen and (max-width: 414px) {
.half-width-box {}
.half-width-box:before {width: 92vw; height: 98vw;}
}
.half-width-box p {line-height: 1.4;
color: rgba(90,92,96,.65);
margin: 0 0 1em;}
/*/////////////GFS footer////////////////*/
/*twentytwelve overides*/
footer[role="contentinfo"] {
border-top: 0px none;
line-height: 1;
max-width: 100%;
margin-top: 0 !important;
margin-left: auto;
margin-right: auto;
padding: 0 !important;
}
/*gfs-footer-container*/
.gfs-footer-container {display:block; width: 100%;padding-bottom: 6px;min-height: 50vw; opacity: 1 !important;}
body.single #contact {border-top: 4px solid #fff;}
@media screen and (max-width: 1024px) {
body.single #contact {border-top: 3px solid #fff;}
}
.very-bottom {background:#fff; padding-bottom: 24px; padding-top: 6px;width: 100% !important; color:#787A7D !important;}
.very-bottom-left, .very-bottom-right {display:inline-block;}
.very-bottom-left {width: 85%; line-height: 1.5 }
.very-bottom-right {float:right; text-align:right !important; margin: 0; padding-top: 5px;}
@media screen and (max-width: 414px) {
.very-bottom-left {width: 80%;}
}
/*links and hover*/
.very-bottom a {color:#787A7D !important; transition:all ease 0.3s; opacity: 1;}
.very-bottom a:hover {opacity: .6;}
/*our credit*/
.very-bottom-right a span:after {display:inline-block;content:"";width: 9px; height: 9px; border: 3px solid; box-sizing: border-box; transform:rotate(45deg); margin-right: 2px; margin-left: 6px;}
/*photo-credit*/
a.photo-credit {position:relative;}
a.photo-credit:before {content:" | ";}
@media screen and (max-width: 768px) {
a.photo-credit {display:block;}
a.photo-credit:before {display:none;}
}
/*map and contact inline*/
.gfs-footer-map img {margin: 0; padding: 0; }
.gfs-contact {text-align:center !important; position:relative;}
.gfs-footer-map img {filter:saturate(.9);}
@media screen and (min-width: 740px) {
.gfs-footer-map {float:left; width:calc(50% - 3px); min-height: 50vw; max-height: 100vw;overflow:hidden;}
.gfs-contact {float:right; width:calc(50% - 3px); min-height: 50vw; max-height: 100vw;}
.gfs-footer-map img {max-height: 50vw;}
}
@media screen and (max-width: 739px) {
.gfs-footer-map {width: 100%;overflow:hidden; display:block; margin-bottom: 4px;}
.gfs-footer-map img {width: 100%;}
.gfs-contact {display:block; position:relative; max-width: 100vw; height: 100vw; text-align:center !important;}
}
@media screen and (max-width: 800px) {
.gfs-footer-map img {object-fit:cover;}
}
/*background white square*/
.gfs-contact:after {content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: 55%; max-height: 55%; width: 100%; height: 100%; background: rgba(255,255,255,.9); margin: 0 auto; text-align:center}
@media screen and (max-width: 1280px) {
.gfs-contact:after {max-width: 75%; max-height: 75%; width: 100%; margin: 0 auto !important;}
}
@media screen and (max-width: 414px) {
.gfs-contact:after {max-width: 90%; max-height: 90%; width: 100%; }
}
/*gfs-contact backgrounds - change to page-id/category for more images*/
.gfs-contact {background:url("/wp-content/themes/gfsv002/images/gfs-footer-contact-home-v1.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*workspace*/
body.page-id-137 .gfs-contact {background:url("/wp-content/themes/gfsv002/images/glove-factory-studios-home-workspace-footer.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*members*/
body.page-id-197 .gfs-contact {background:url("/wp-content/themes/gfsv002/images/glove-factory-studios-home-members-footer.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*events*/
body.page-id-273 .gfs-contact {background:url("/wp-content/themes/gfsv002/images/glove-factory-studios-events-footer.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*food*/
body.page-id-241 .gfs-contact {background:url("/wp-content/themes/gfsv002/images/glove-factory-studios-home-food-footer.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*our story*/
body.page-id-325 .gfs-contact {background:url("/wp-content/themes/gfsv002/images/glove-factory-studios-footer-about-v1.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
/*health - tribe*/
body.tribe-theme-twentytwelve .gfs-contact {background:url("/wp-content/themes/gfsv002/images/gfs-health-footer.jpg"); background-position: center; background-repeat:no-repeat; background-size:cover;}
.gfs-contact-contents {position:absolute;top: 50%; left: 50%; transform:translate(-50%,-50%); margin: auto; z-index:+1;}
.gfs-contact-contents {text-transform:uppercase; font-weight: 700; line-height: 1.4; letter-spacing: 0.1em;}
.gfs-contact-contents, .gfs-contact-contents a, gfs-contact-contents a:visited {color: #5A5C60 !important;transition: opacity ease 0.3s;}
.gfs-social {margin-top: 2em}
.gfs-social img {max-height: 24px; margin: 0 .5em; opacity: 1; }
/*hide twitter and linked in for now
a#twitter-hide, a#linkedin-hide {display:none;}*/
.gfs-contact-contents a:hover {opacity: 0.6;}
/*nudge the @ sign for this font*/
.gfs-contact-contents a span {position:relative; bottom: 1px;}
/*/////////////GFS footer ENDS////////////////*/
/*/////////////////////animated arrivals//////////////////*/
/*---Animate hello---*/
/* animation*/
@keyframes hello {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#page {animation-name: hello; animation-duration: 1s;animation-delay: .8s;opacity: 0; animation-fill-mode:forwards;}
.full-width-slide h1, #eu-cookie-bar {animation-name: hello; animation-duration: 1s;animation-delay: 1.5s;opacity: 0; animation-fill-mode:forwards;}
@media screen and (min-width: 1280px) {
.slicknav_btn, .yet-another-header, .plain-text-intro-content {animation-name: hello; animation-duration: 1s;animation-delay: 1.5s;opacity: 0; animation-fill-mode:forwards;}
}
/*/////////////////////animated page arrivals ENDS//////////////////*/
/*//////can we move the edit/edit with WPbakery to the end of the page Gordon///////*/
/*hide it in the map for now*/
footer.entry-meta {
margin: 0;
display:block; position:relative; top: 10px; left: 10px;line-height: 0; z-index: +1;
}
body.single-post footer.entry-meta a, body.single-post footer.entry-meta {color: #fff;}
body.single-post footer.entry-meta {position:relative; top: -180px;}
body.single-post footer.entry-meta span:last-of-type a {float:left; clear:both;display:block; width: 60px; height: 60px; opacity: 0.7;}
/*////////////////////////Spoilers///////////////////////*/
/*kill focus*/
.su-spoiler-title:focus {outline: none !important;}
.gfs-spoiler.su-spoiler {border-bottom: 0px !important; margin-top: 0px; margin-bottom: 0px !important;}
@media screen and (min-width: 768px) {
/*shift the purple one up?*/
#meeting-room-options .gfs-spoiler.su-spoiler.gfs-olive-reverse {transform:translateY(-4px) !important; margin-bottom: -3px !important}
}
.gfs-spoiler .su-spoiler-title {
/*! min-height: 100px; */
line-height: 1.2;
padding-top: 32px;
font-family: 'trade-gothic-next',sans-serif !important;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align:center;
border-top: 0px !important;
padding-left: 0 !important;
padding-bottom: 0;
}
/*sample menu exceptions*/
.sample-menu-spoiler.su-spoiler {border-bottom: 1px #6e8f2c solid !important; margin-top: 4px; margin-bottom: 4px !important;}
.sample-menu-spoiler .su-spoiler-title {
border-top: 1px #6e8f2c solid !important;
}
.sample-menu.gfs-spoiler-content.olive h2 {color: #6e8f2c; margin: 2em 0 !important; }
.gfs-spoiler .su-spoiler-icon {
position: absolute !important;
right: 0px !important;
width: 100%; z-index: +1;
text-align: right;
margin: 0 !important;
padding: 35px 0px 0px 0px !important;
}
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
content: "" !important; position:absolute;right: 36px !important; top: 58%;width: 58px !important; height: 18px !important;background: url("/wp-content/themes/gfsv002/images/gfs-down.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;
}
.sample-menu-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {background: url("/wp-content/themes/gfsv002/images/gfs-down-food.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;}
.su-spoiler-icon-plus .su-spoiler-icon::before {
content: "" !important; position:absolute;right: 36px !important; top: 58%;width: 58px !important; height: 18px !important;background: url("/wp-content/themes/gfsv002/images/gfs-up.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;
}
/*dippers*/
.gf-spoiler-swim-lilac.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
background: url("https://www.glovefactorystudios.com/wp-content/themes/gfsv002/images/gfs-blue-down.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;
}
/*dippers*/
.gf-spoiler-swim-lilac.su-spoiler-icon-plus .su-spoiler-icon::before {
background: url("https://www.glovefactorystudios.com/wp-content/themes/gfsv002/images/gfs-blue-up.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;
}
/*gym*/
.gf-spoiler-gym-brown.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
background: url("https://www.glovefactorystudios.com/wp-content/themes/gfsv002/images/gfs-brown-down.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;
}
/*gym*/
.gf-spoiler-gym-brown.su-spoiler-icon-plus .su-spoiler-icon::before {
background: url("https://www.glovefactorystudios.com/wp-content/themes/gfsv002/images/gfs-brown-up.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;
}
.sample-menu-spoiler.su-spoiler-icon-plus .su-spoiler-icon::before {background: url("/wp-content/themes/gfsv002/images/gfs-up-food.svg") !important; background-repeat:no-repeat !important; background-size: contain !important;}
@media screen and (max-width: 1280px) {
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {right: 0px !important; width: 50px !important; height: 12px !important; top: 65% !important;}
.su-spoiler-icon-plus .su-spoiler-icon::before {right: 0px !important; width: 50px !important; height: 12px !important; top: 65% !important}
}
@media screen and (max-width: 600px) {
.su-spoiler-icon-plus .su-spoiler-icon::before {right: -16px !important; }
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {right: -48px !important;}
.su-spoiler-icon-plus .su-spoiler-icon::before {right: -48px !important;}
.sample-menu-spoiler.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {right: -48px !important;}
.sample-menu-spoiler.su-spoiler-icon-plus .su-spoiler-icon::before {right: -48px !important;}
}
.gfs-spoiler-content .su-spoiler-content {color: #fff; max-width: 100%; margin-left: auto; margin-right: auto; line-height: 1.4; padding-bottom: 30px !important;}
.gfs-spoiler-content.gfs-normal-colour p {color: #787A7D !important;}
/*gfs-green headings in food spoiler*/
.gfs-spoiler-content.gfs-normal-colour h2 {color: #61993b;}
@media screen and (max-width: 1280px) {
.gfs-spoiler .su-spoiler-title {padding-top: 30px;}
.gfs-spoiler .su-spoiler-icon {padding: 20px 0px 0px 0px !important;}
.gfs-spoiler-content .su-spoiler-content {padding-bottom: 30px !important; max-width: 100%;}
}
@media screen and (max-width: 414px) {
.gfs-spoiler-content .su-spoiler-content {padding-bottom: 30px !important; max-width: 86%;}
}
.gfs-spoiler-content .su-spoiler-style-default > .su-spoiler-content {
padding: 2em 0 30px 0;
}
.gfs-spoiler-content .su-spoiler-content p {margin: 0 0 1em; line-height: 1.4; font-size: 100%}
/*food*/
.sample-menu .su-spoiler-content {text-align:center;}
/*speed*/
.su-spoiler-content {
-webkit-transition: padding-top 4s ease-out !important;
transition: padding-top .4s ease-out !important; }
/*links*/
.su-spoiler-content a {border-bottom: 2px solid;}
/*lists in spoilers*/
/*lists*/
.gfs-spoiler-content ul {
list-style: none outside; position:relative;
}
/*smaller bullets*/
.gfs-spoiler-content li {position:relative; line-height: 1.4;}
.gfs-spoiler-content li:before {position:relative; display:inline-block; width: 3px; height: 3px; content:""; position:absolute; left: -12px; top: 10px;background: #fff;}
.gfs-spoiler-content li {
margin: 0 0 .6em 12px;
}
/*h2 in spoiler*/
.gfs-spoiler h2 {margin: 3em 0 3em 0 !important; text-align:center;}
/*coloured spoilers*/
.gfs-spoiler-content.aubergine h2 {color:#fff; }
.gfs-spoiler-content.olive h2 {color:#fff; }
.gfs-spoiler-content.darkgrey h2 {color:#fff; }
/*aubergine spoiler*/
.gfs-spoiler.su-spoiler.aubergine {background-color: #4b3040 !important; color: #fff !important;}
.gfs-spoiler.su-spoiler.aubergine .accordion-intro, .gfs-spoiler.su-spoiler.aubergine .su-spoiler-content {color: #fff !important;}
/*olive & old iron spoilers*/
.gfs-spoiler.su-spoiler.olive {background-color: #6e8f2c !important; color: #fff !important;}
.gfs-spoiler.su-spoiler.old-iron {background-color: #4f4133 !important; color: #fff !important;}
.gfs-spoiler.su-spoiler.olive .accordion-intro, .gfs-spoiler.su-spoiler.olive .su-spoiler-content, .gfs-spoiler.su-spoiler.old-iron .accordion-intro, .gfs-spoiler.su-spoiler.old-iron .su-spoiler-content {color: #fff !important;}
/*darkgrey spoiler*/
.gfs-spoiler.su-spoiler.darkgrey {background-color: #5a5c60 !important; color: #fff !important;}
.gfs-spoiler.su-spoiler.darkgrey .accordion-intro, .gfs-spoiler.su-spoiler.darkgrey .su-spoiler-content {color: #fff !important;}
/*accordion columns*/
.accordion-column h3 {margin: 0 0 1.5em 0; font-size: 100% !important; text-transform:uppercase; letter-spacing: 0.1em; line-height: 1.1;}
.accordion-column {column-count: 2; padding-left: 4vw; padding-right: 4vw; padding-bottom: 40px; column-gap: 2vw;}
.workspace-column {width: 100%; max-width: 1024px; margin-left: auto; margin-right:auto; padding-bottom: 80px;}
.accordion-column.meeting-container {column-count: auto !important; width: 100%;margin-left: auto; margin-right: auto;}
.accordion-column.meeting-container .meeting-item {display:inline-block; width: 29%; vertical-align:top; margin-bottom: 4em; padding-right: 2em}
.accordion-column.meeting-container .meeting-item:nth-of-type(3), .accordion-column.meeting-container .meeting-item:nth-of-type(6) {padding-right: 3%}
.accordion-intro {text-align:center; width: 100%; max-width: 810px; margin-left: auto; margin-right: auto; font-size: 100%; padding-bottom: 4em !important;}
.accordion-intro.out {margin-top: 3em;padding-bottom: 2em !important; width: 100%; max-width: 810px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 1280px) {
.accordion-column {column-count: 2; padding-left: 4vw; padding-right: 4vw; column-gap: 2vw;}
.accordion-intro.out {max-width: 80%;}
}
@media screen and (max-width: 1280px) {
.accordion-column {padding-left: 4vw; padding-right: 4vw;}
.accordion-column.meeting-container {column-count: auto !important; width: 100%;margin-left: auto; margin-right: auto; padding-left: 2%; padding-right: 2%;}
.accordion-intro {max-width: 50%;}
}
@media screen and (max-width: 1024px) {
.accordion-column {padding-left: 0vw; padding-right: 0vw; max-width: 94%; margin-left: auto; margin-right: auto;}
.accordion-column.meeting-container {column-count: auto !important; width: 100%;margin-left: auto; margin-right: auto; padding-left: 2%; padding-right: 2%;}
.accordion-intro {max-width: 66%;}
}
@media screen and (max-width: 810px) {
.accordion-column {column-count:1;max-width: 80%; margin-left: auto; margin-right: auto;}
.accordion-column.meeting-container {column-count: auto !important; width: 100%;margin-left: auto; margin-right: auto; padding-left: 2%; padding-right: 2%;}
.accordion-column.meeting-container .meeting-item {display:inline-block; width: 100%; vertical-align:top; margin-bottom: 3em}
}
@media screen and (max-width: 1080px) {
.accordion-intro, .accordion-intro.out {max-width: 90%; font-size: 100%;}
}
@media screen and (max-width: 810px) {
.accordion-column {column-count:1;max-width: 90%; margin-left: auto; margin-right: auto;}
.accordion-column.meeting-container {column-count: auto !important; width: 100%;margin-left: auto; margin-right: auto; padding-left: 2%; padding-right: 2%;}
.accordion-column h3 {margin-top: 2em}
}
@media screen and (max-width: 414px) {
.accordion-column {max-width: 100%;}
}
/*////////////////////////Spoilers ENDS///////////////////////*/
/*////dark-colour & color-square - a slider and a dark colour 2 column block////*/
.color-square-content {text-align:center;}
.color-square-content {position:absolute; top: 50%; left: 50%; width: 100%; margin: auto; transform:translate(-50%,-50%);}
@media screen and (min-width: 1920px) {
.color-square.cranky {width: calc(100% - 4px) !important; min-height: 99.95% !important}
}
@media screen and (min-width: 768px) {
.color-square {min-height: 100%; position:absolute; top: 2px; right: 0; left: 0; text-align:center;width: calc(100% - 2px);}
.color-square {top: 2px;}
.split-row.dark-colour {/*! margin-bottom: 2px; */ position:relative;/*! top: -2px !important; */}
#meeting-rooms {top: -1px !important}
.color-square.cranky {width: calc(100% - 2px); min-height: 101% !important}
.color-square.right {margin-left: -2px}
.color-square.left {margin-right: 3px}
.color-square-content {position:absolute; top: 48%; left: 50%; width: 100%; margin: auto; transform:translate(-50%,-48%);}
}
@media screen and (max-width: 767px) {
.color-square {min-height: 120vw !important;}
.color-square-content {top: 50%;}
}
.color-square h2 {margin: 0 auto 1em auto !important;}
.color-square-content, .color-square-content a {color: #fff}
/*tablets*/
.color-square-content p {line-height: 1.4; width: 100%; max-width: 480px; text-align:center; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; font-size: 100%; }
/*responsive*/
@media screen and (max-width: 1440px) {
.color-square-content p {max-width: 66%;}
}
/*responsive*/
@media screen and (max-width: 800px) {
.color-square-content p {max-width: 85%;}
}
.dark-colour .rsArrowLeft {/*left: 15px !important*/}
.color-square a, .color-square a:visited {color: #fff;}
.color-square h2 a {margin-bottom: -1.5em !important}
/*////color-square ENDS////*/
/*///Darker parallax?///*/
.vc_parallax .vc_parallax-inner {filter:brightness(80%)}
/*//////////members-pie-chart//////////*/
/*the chart*/
.members-pie-chart {position:absolute;
left: 50%; top: 50%;
/*safari*/
-webkit-transform:translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 90% !important; height:90% !important;
padding: 10%; margin: auto !important; max-width: 1024px; max-height: 1024px; pointer-events:none; }
/*responsive*/
@media screen and (max-width: 767px) {
.members-pie-chart {position:relative;
left: 50%; top: 0;
/*safari*/
-webkit-transform:translate(-50%,0%);
transform:translate(-50%,0%);}
}
/*white circle in the middle*/
.members-pie-chart:after {display:block; content:""; width:60%; height: 60%; max-width: 1024px; max-height: 1024px; position:absolute; left: 50%; top: 50%;
/*safari*/
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
text-align:center; background:#fff; border-radius:50%; }
@media screen and (max-width: 767px) {
.members-pie-chart:after {display:block; content:""; width:70%; height: 70%;}
}
/*our-legend*/
.our-legend {position:absolute; top: 50% !important; left: 50%; transform:translate(-45%,-50%)}
@media screen and (max-width: 810px) {
.our-legend {font-size: 11px;}
}
/*legend span name*/
.brand-legend, .built-legend, .catering-legend, .fashion-legend,
.film-legend, .health-legend, .marketing-legend, .professional-legend, .retail-legend, .tech-legend {position:relative}
/*block:before legend span*/
.brand-legend:before, .built-legend:before, .catering-legend:before, .fashion-legend:before,
.film-legend:before, .health-legend:before, .marketing-legend:before, .professional-legend:before, .retail-legend:before, .tech-legend:before {display:inline-block; width: 12px; height: 12px;content:""; margin-right: 10px }
@media screen and (max-width: 767px) {
.brand-legend:before, .built-legend:before, .catering-legend:before, .fashion-legend:before,
.film-legend:before, .health-legend:before, .marketing-legend:before, .professional-legend:before, .retail-legend:before, .tech-legend:before {width: 8px; height: 8px}
}
/*colours*/
.brand-legend:before { background:#fe6c61; }
.built-legend:before { background:#f7be68; }
.catering-legend:before { background:#00c1cf; }
.fashion-legend:before { background:#4cadc9; }
.film-legend:before { background:#f4524d; }
.health-legend:before { background:#5aa1e3; }
.marketing-legend:before { background:#b97ebb; }
.professional-legend:before { background:#5472d2; }
.retail-legend:before { background:#75d69c; }
.tech-legend:before { background:#ebebeb; }
/*
Branding & Design
Built Environment
Catering & Hospitality
Fashion & Textiles
Film & Photography
Health & Wellbeing
Marketing & Communications
Professional Services
Retail & E-commerce
Technology & IT*/
/*/////////members-pie-chart-ends////////*/
/*/////////members bracket/////////*/
.bracket h2 {color: #f6b600; text-align:center; width: 100%; max-width: 30%; margin: 0em auto 3em auto !important;}
@media screen and (max-width: 800px) {
.bracket h2 {max-width: 90%;}
}
.bracket img {transform:scale(.96)!important; margin-bottom: 2em !important;}
/*//////scroll top arrow/////////*/
a#scroll-to-top {
background: url("/wp-content/themes/gfsv002/images/gfs-scroll-arrow.png") no-repeat center center; background-size: 26px;
width: 30px;
height: 30px;
position: fixed;
right: 40px;
bottom: 80px;
text-indent: -9999px;
font-size: 0;
cursor: pointer;
outline: 0;
}
/*hide on tablets*/
@media screen and (max-width: 1280px) {
a#scroll-to-top {display:none !important;}
}
/*/////////scroll top arrow ends//////////*/
/*////////Slicknav Menu////////*/
/*hide wordpress default mobil button*/
.menu-toggle {display:none;}
/*transition*/
.slicknav_nav.slicknav_hidden {}
/*scroll on desktops, fixed on mobiles position*/
.slicknav_menu {z-index: 99999999999 !important; position:fixed; width: 100%; padding: 0; }
@media screen and (max-width: 1280px) {
.slicknav_menu {position:fixed;}
}
/*ease in...?*/
.slicknav_nav {transition: all ease-in !important;}
/*button radius and position*/
.slicknav_btn {border-radius:0 !important;right: 32px; top: 32px; z-index: +1 !important;}
@media screen and (max-width: 1280px) {
.slicknav_btn {right: 20px; top: 22px;}
}
@media screen and (max-width: 740px) {
.slicknav_btn {right: 14px; top: 14px;}
}
/*container full browser height - and border-bottom workaround*/
.slicknav_menu .menu-main-menu-container {background:#8D2B2A; position:relative; min-height: calc(100vh - 52px); border-bottom: 14px solid #fff; }
.slicknav_hidden .menu-main-menu-container {background: #fff; transition: background 0.4s ease;}
/*borders*/
.slicknav_menu .menu-main-menu-container {border-left: 14px solid #fff; border-right: 14px solid #fff; box-sizing: border-box;}
/*tippex before the container*/
.slicknav_menu .menu-main-menu-container:before {display:block; position:fixed; top: 0; height: 51px; background:#8D2B2A; border-left: 14px solid #fff; border-right: 14px solid #fff; border-top: 14px solid #fff;content:""; left: 0; right: 0; /*width: calc(100% - 28px);*/}
.slicknav_hidden .menu-main-menu-container:before {background:#fff; transition:background 0.4s ease;}
@media screen and (max-width: 740px) {
.slicknav_menu .menu-main-menu-container {border-left: 7px solid #fff; border-right: 7px solid #fff; border-bottom: 7px solid #fff;}
.slicknav_menu .menu-main-menu-container:before {border-left: 7px solid #fff; border-right: 7px solid #fff; border-top: 7px solid #fff; /*width: calc(100% - 14px);*/}
}
/*center the ul*/
.slicknav_menu .nav-menu {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-52%); margin: -20px auto 0 auto; width: 100%; text-align:center;}
/*the ul*/
.slicknav_nav ul {
margin: 0 0 0 0;
}
/*display inline and as columns*/
.slicknav_menu li {display:inline-block; width: 16%; text-align:left; vertical-align:top; margin: 0 0 0!important; max-width: 300px;}
.slicknav_menu li li {display:block; width: 100%;}
/*------------Mobile solution-------------*/
/*switch off mobile contact button*/
@media screen and (min-width: 1023px) {
.our-parent.mobile, .dum-parent.mobile {display:none}
}
@media screen and (max-width: 1023px) {
/*no children*/
.slicknav_menu .our-child {display:none}
/*display as vertical list*/
.slicknav_menu li {display:block; width: 100%; text-align:center; max-width: 100%;}
/*center it*/
.slicknav_menu .nav-menu {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); margin: -20px auto 0 auto; width: 100%; text-align:center;}
}
/*margins and padding*/
.slicknav_nav .slicknav_row, .slicknav_nav a {
padding: 5px 10px;
margin: 0;
}
/*hide the wordpress page items*/
.slicknav_nav li [aria-haspopup="true"] {display:none;}
/*style the pages items*/
.our-parent a, .our-parent a:visited {text-transform: uppercase !important; font-weight: 700 !important; letter-spacing: .1em; opacity: 1; transition: opacity 0.3s ease; color: rgba(255,255,255,1) !important;}
.our-parent a:hover {opacity: .6; color: rgba(255,255,255,1) !important;}
.our-parent a {margin-bottom: 2em !important;}
/*style the sub items*/
.our-child a {text-transform:uppercase !important; letter-spacing: .15em; transition: color 0.3s ease !important; margin-bottom: .8em; line-height: 1.2}
.our-child a, .our-child a:visited {font-weight: 400; color: rgba(255,255,255,1) !important}
.our-child a:hover {color: rgba(255,255,255,.6) !important;}
.sub-menu li a [aria-haspopup="true"] {pointer-events:none;}
span.slicknav_arrow {display:none !important;}
/*add opacity to fade up the action*/
/*menu hidden*/
.slicknav_nav[aria-hidden="true"] {opacity: 0; border-bottom: 14px solid rgba(255,255,255,0);}
.slicknav_nav[aria-hidden="true"] .nav-menu {opacity: 0; transform:translate(-50%,-100%);}
.slicknav_nav[aria-hidden="true"] .our-child {opacity: 0; }
/*menu visible*/
.slicknav_nav[aria-hidden="false"] {opacity: 1; transition: opacity .4s ease-in !important; border-bottom: 14px solid rgba(255,255,255,1);}
.slicknav_nav[aria-hidden="false"] .nav-menu {opacity: 1; transition: all .8s ease !important; transition-timing-function: ease;transform:translate(-50%,-50%);}
.slicknav_nav[aria-hidden="false"] .our-child {opacity: 1; transition: all .8s ease !important; transition-timing-function: ease;}
/*button size and hamburger strips*/
.slicknav_btn {width: 56px; height: 40px;padding: 11px 10px 10px 10px; text-align:center !important; transform:scale(.9)}
/*tablets*/
@media screen and (max-width: 1280px) {
.slicknav_btn {transform:scale(.9)}
}
span.slicknav_icon-bar {margin-bottom: 6px !important}
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 35px;
height: 2px;
}
.slicknav_collapsed {transition: all 0.8s ease;}
/*animate*/
/*rotate 1st and 3rd on open*/
span.slicknav_icon span.slicknav_icon-bar:nth-child(1) {transition: all 0.3s ease;}
a.slicknav_open span.slicknav_icon span.slicknav_icon-bar:nth-child(1) {transform:rotate(45deg); transition: all 0.3s ease; margin-top: 8px; height:3px; background:#fff;}
span.slicknav_icon span.slicknav_icon-bar:nth-child(3) {transition: all 0.3s ease;}
a.slicknav_open span.slicknav_icon span.slicknav_icon-bar:nth-child(3) {transform:rotate(-45deg); position:relative; top: -9px;transition: all 0.3s ease; height:3px; background:#fff;}
/*kill the middle one*/
a.slicknav_open span.slicknav_icon span.slicknav_icon-bar:nth-child(2) {display:none;}
/*kill the dead space*/
.slicknav-flex {pointer-events:none;}
/*but keep the button active!*/
.slicknav_btn {pointer-events:auto;}
/*hamburger color on desktops*/
@media screen and (min-width: 1280px) {
.slicknav_btn {background-color: rgba(255,255,255,0);}
.slicknav_icon-bar {background-color: rgba(255,255,255,1) !important;}
.slicknav_menu .slicknav_icon-bar {width: 42px}
.slicknav_btn {right: 42px;top: 28px;z-index: +1 !important;}
}
/*////////Slicknav Menu ENDS////////*/
/*///////////////////////////////single post///////////////////////////////*/
body {color: #787A7D;}
body.single .site-header {
top: 14px;
left: 12px;
}
body.single .site-content {width: 100% !important; float:none; width: 30% !important; min-width: 660px; margin-left: auto !important; margin-right: auto !important;}
/*responsive*/
@media screen and (max-width: 767px) {
body.single .site-content {min-width: calc(100% - 7px) !important;}
}
/*featured image*/
body.single .entry-header img.wp-post-image {
position:fixed;
left: 14px;
top: 14px;
/* z-index:-1; */
filter:brightness(72%) contrast(101%) blur(.5px);
height: auto;
width: calc(100% - 28px);
margin: 0 0 0 0 !important;
z-index: 1;
}
#ajax-load-more {}
@media screen and (max-width: 1280px) {
body.single .entry-header img.wp-post-image {
position:absolute; left: 0px; top: 0px;filter:brightness(72%) contrast(101%) blur(0px);height: auto; width: 100%;margin: 0 0 0 0 !important;}
}
/*single post full vh height featured image fix*/
@media screen and (min-width: 1281px) {
body.single .entry-header img.wp-post-image {min-height: 100vh !important; object-fit:cover;}
}
/*single post full vh height featured image fix ENDS*/
/*'noise' disguise 1 - divs only*/
body.single .entry-header:after {position:fixed; display:block;content:""; left: 14px; top: 14px; width: calc(100% - 28px); height: 100%;
background:transparent url("/wp-content/themes/gfsv002/images/4by2_white.png"); background-repeat:repeat; opacity: .2; z-index: +1 }
body.single .category-events .entry-header:after, body.single .category-previous-events .entry-header:after {background:transparent url("/wp-content/themes/gfsv002/images/4by2_white.png");opacity: .2;}
@media screen and (max-width: 1280px) {
body.single .entry-header:after {position:absolute; top: 0; left: 0; right: 0; width: 100%}
}
@media screen and (max-width: 740px) {
body.single .entry-header img.wp-post-image {
position:relative; left: -14px; top: 110px;z-index:-1;filter:brightness(100%) contrast(100%) blur(0px);height: auto; min-width: calc(100% + 28px);margin: 0 0 0 0 !important; z-index: +1; box-sizing:border-box}
}
@media screen and (max-width: 740px) {
body.single .entry-header:after {display:none;}
}
body.single .entry-content {background: #fff; float:left; margin-top: 50px; margin-left: auto; margin-right: auto; padding: 4% 4% 10% 4%; margin-bottom: 150px; position:relative; z-index: +1;}
@media screen and (max-width: 740px) {
body.single .entry-content {float:none; clear: left; padding: 4% 4% 10% 4%;}
}
body.single .nav-single a {color: #fff}
body.single .nav-single {display:none;min-width:696px !important; padding-top: 3em !important;padding-bottom: 3em;}
/*body.single .entry-meta {display:none}*/
body.single .entry-content p {padding-left: 0 !important; margin-bottom: 1.15em; line-height: 1.4; font-size: 100%;}
body.single hr {margin: 24px 0;}
body.single .entry-header h1 {display:block; float:left; margin-top: 35vh; margin-bottom: 0; color: #fff; text-transform:none; letter-spacing: 0; font-weight: 700; text-transform:uppercase; max-width: 70%; line-height: 1; position:relative;z-index: +1 !important;}
@media screen and (max-width: 1280px) {
body.single .entry-header h1 {margin-top: 20vw}
}
@media screen and (max-width: 768px) {
body.single .entry-header h1 {position:relative; margin-top: 130px; margin-bottom: 0px;}
}
@media screen and (max-width: 768px) {
body.single .entry-header h1 {max-width: 95%}
}
/*tippex*/
body.single-post #page:after {/*background: #3aa4c4; position:fixed; top: 14px; left: 14px; content:""; width: calc(100% - 28px); height: 100%; z-index:-2*/}
article.category-events {}
article.category-events:after, article.category-previous-events:after {position: fixed; top: 14px; left: 14px; content:""; width: calc(100% - 28px); height: 100%; z-index:0; background: #bb1e10}
article.category-news:after, article.category-info:after, article.category-members:after {position: fixed; top: 14px; left: 14px; content:""; width: calc(100% - 28px); height: 100%; z-index:0; background: #59a9e8;}
@media screen and (max-width: 740px) {
article.category-news:after {left: 7px; top: 7px;width: calc(100% - 14px);}
article.category-events:after, article.category-previous-events:after, article.category-members:after, article.category-info:after {left: 7px; top: 7px;width: calc(100% - 14px);}
}
/*hide legacy video post featuered image on mobile layout switch*/
@media screen and (max-width: 740px) {
article.format-video .entry-header img {display:none;}
}
/*hide legacy video post featuered image on mobile layout switch ENDS*/
body.single-post #contact {background:#fff; }
/*post links*/
body.single-post .entry-content a, body.single-post .entry-content a:visited {color:#787A7D; text-decoration:underline;transition: all ease 0.3s; opacity: 1;}
body.single-post .entry-content a:hover {opacity: .8;}
/*broken links on single posts*/
body.single-post .entry-content a.broken_link, body.single-post .entry-content a.broken_link:visited {opacity: 1 !important; color: inherit !important; text-decoration:none; pointer-events:none;}
/*disable booking to eventbrite on previous events posts*/
body.single .category-previous-events a[href*="https://www.eventbrite.co.uk"], body.single .category-previous-events a[href*="https://www.glovefactory.eventbrite.co.uk"] { color: #787A7D; pointer-events:none; position:relative;}
body.single .category-previous-events a[href*="https://www.thefieldkitchen.com"] {color: #787A7D; pointer-events:none; position:relative;}
/*expired label*/
body.single .category-previous-events a[href*="https://www.eventbrite.co.uk"]:after, body.single .category-previous-events a[href*="https://www.glovefactory.eventbrite.co.uk"]:after, body.single .category-previous-events a[href*="https://www.thefieldkitchen.com"]:after {content:"(Event expired)"; display:inline-block; margin-left: 5px; color: #bb1e10}
/*margin on any in-post image*/
body.single-post .entry-content img {margin: 0 0 10px 0}
/*single post video iframe*/
body.single iframe {min-width: 100%; margin: 10px auto;}
/*///////////////////////////////single post ENDS///////////////////////////////*/
/*///////////////////////////////Single post footer-subscribe///////////////////////////////*/
/*hide on all pages*/
.footer-subscribe {display:none;}
body.single .footer-subscribe {display:block; background: #59a9e8; color: #fff; text-align:center; /*border-bottom: 6px solid #fff;*/ min-height: 50vw; position:relative; z-index: +1;}
@media screen and (max-width: 767px) {
body.single .footer-subscribe { min-height: 150vw;}
}
/*pink for events*/
body.single .footer-subscribe.events {background: #bb1e10 !important; position:relative;}
body.single .footer-subscribe.news {background: #59a9e8 !important; position:relative;}
body.single .footer-subscribe.news:before {content:""; display:block;position:absolute; top: -17px; left: 0;width: 100%; height: 86px; background: #59a9e8 !important; border-top: .25vw solid;}
@media screen and (max-width: 767px) {
body.single .footer-subscribe.news:before {top: 0; border-top: 0 solid;}
}
body.single .footer-subscribe.events:before {content:""; display:block;position:absolute; left: 0;width: 100%; height: 86px; background: #bb1e10 !important; border-top: .25vw solid;}
.footer-subscribe-contents {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%)}
@media screen and (max-width: 768px) {
.footer-subscribe-contents {width: 100%; max-width: 95%; /*min-height: 100vw;*/ padding-top: 5vw;}
.footer-subscribe-contents h1 {font-size: 150% !important}
.footer-subscribe-contents h1 a {font-size: 80% !important; margin-top: 30px !important}
}
@media screen and (max-width: 1280px) {
body.single .footer-subscribe.events:before {border-top: 3px solid;margin-top: 0px; top: 0;}
}
.footer-subscribe-contents h1 {/*! line-height: 1.1 !important; */}
.footer-subscribe-contents h1 a, .footer-subscribe-contents h1 a:visited {border-bottom: 3px solid; display: inline-block; line-height: 1.5; opacity: 1; transition: all ease 0.3s; margin-top: 1.5em; color: #fff; margin-bottom: 1.5em;}
.footer-subscribe-contents h1 a:hover { color: #fff; opacity: .6;}
body.single .footer-subscribe {margin-top: -12px !important;}
/*h2s used in single post*/
body.single .site-content h2 {
letter-spacing: 0;
line-height: 1.2 !important;
text-transform: none;
margin: 1.5em 0em 1.5em !important;
}
/*h2s used in single post*/
body.single .site-content h3 {
letter-spacing: 0;
line-height: 1.2 !important;
text-transform: none;
margin: 0em 0em 1.15em !important;
font-size: 100% !important;
}
body.single .site-content h2:first-of-type {margin-top: 0 !important}
/*lists*/
body.single .entry-content ul {
list-style: none outside; position:relative;
}
/*smaller bullets*/
body.single .entry-content li {position:relative; line-height: 1.4;}
body.single .entry-content ul li:before {position:relative; display:inline-block; width: 5px; height: 5px; content:""; position:absolute; left: -1em; top: .6em;background: rgba(90,92,96,.8);}
body.single .entry-content li, body.single .comment-content li, body.single .mu_register li {
margin: 0 0 8px 16px;
}
/*///////////////////////////////Single post footer-subscribe///////////////////////////////*/
/*///////////////////////////////Ajax feeds///////////////////////////////*/
/*Global settings*/
/*hide the done button*/
.alm-load-more-btn.more.done {display:none;}
/*hide the container on the row*/
.coming-events-feed .alm-btn-wrap {display:none;}
/*padding*/
li.alm-item {padding: 0 0 0 0 !important; overflow:hidden;}
/*display inline*/
li.alm-item {display:inline-block; position: relative;}
/*a link full height and width*/
li.alm-item a {position:absolute; top: 0; left: 0; min-width: 100%; height: 100%;}
/*title position */
li.alm-item h3 {position:relative; top: 14px; left: 14px;width: 100%; height: 100%; margin: 0; }
/*title style*/
li.alm-item h3 {color: rgba(255,255,255,1); text-transform:uppercase; text-align:left; letter-spacing: 0.05em; line-height: 1.1;}
/*max-width*/
li.alm-item h3 {max-width: 60%;}
@media screen and (min-width: 1336px) {
li.alm-item h3 {}
.past-events-feed li.alm-item h3 {}
.coming-events-feed li.alm-item h3 {font-size: 200% !important}
}
/*responsive*/
@media screen and (max-width: 1280px) {
li.alm-item h3 {max-width: 85%; left: 7px; top: 7px;}
.coming-events-feed li.alm-item h3 {font-size: 220% !important}
}
/*responsive*/
@media screen and (max-width: 800px) {
li.alm-item h3 {}
}
/*-z-index-*/
li.alm-item h3 {z-index: +1}
/*post image*/
li.alm-item img {min-height: 100%; min-width: 100% !important; position:absolute !important; left: 50% !important; transform:translateX(-50%);object-fit: cover;}
/*darker*/
li.alm-item .wp-post-image {filter: brightness(75%); border-radius: 0 !important}
/*hover*/
li.alm-item {transition:all ease 0.3s; opacity: 1;}
li.alm-item:hover {opacity: .8}
/*----widths and margins----*/
/*standard 4 columns above tablet*/
@media screen and (min-width: 768px) {
li.alm-item {width: 49.87%; min-height: 49.87vw; vertical-align:top;}
/*standard margins*/
li.alm-item {margin: 0 .25% .25% 0 !important;}
/*last one no margin right*/
li.alm-item:nth-of-type(2n+2) {margin: 0 0 .25% 0 !important;}
}
@media screen and (min-width: 801px) {
li.alm-item {width: 24.835%; min-height: 24.835vw; vertical-align:top;}
/*standard margins*/
li.alm-item {margin: 0 .22% .22% 0 !important;}
/*kill the margin on the 2nd one*/
li.alm-item:nth-of-type(2n+2) {margin: 0 .22% .22% 0 !important;}
/*last one no margin right*/
li.alm-item:nth-of-type(4n+4) {margin: 0 0 .22% 0 !important;}
}
/*---variables----
#latest-news {min-height: 90vh !important;}*/
/*members-news-feed*/
.members-news-feed.first-row li.alm-item:first-of-type {width: 49.85%; margin: 1px .28% .22% 0 !important;}
@media screen and (max-width: 800px) {
.members-news-feed.first-row li.alm-item:first-of-type {width: 100% !important; margin: 0px 0 .22% 0 !important;}
}
.members-news-feed.first-row li.alm-item {margin: 1px .20% .22% 0 !important;}
.members-news-feed.first-row li.alm-item:nth-of-type(3) {margin: 1px 0 0 0 !important;}
.members-news-feed.first-row .alm-btn-wrap {display:none;}
/*mixed-news-events-feed*/
.mixed-news-events-feed .alm-btn-wrap {display:none;}
.mixed-news-events-feed .alm-item {margin-bottom: 0 !important;}
.mixed-news-events-feed {margin-bottom: -2px !important;}
.mixed-news-events-feed h3 {position:relative !important; top: 9px !important;}
@media screen and (max-width: 1280px) {
.mixed-news-events-feed h3, .members-news-feed h3 {top: 5px !important;}
}
.mixed-news-events-feed p.entry-meta {position:relative; left: 14px; margin-bottom: 0;text-transform:uppercase; letter-spacing: 0.05em; opacity: 1 !important; line-height: 1; font-weight: 300;}
/*tablets*/
@media screen and (max-width: 1280px) {
.mixed-news-events-feed p.entry-meta {left: 7px; margin-top: 7px !important;}
}
/*coming events and past events - class on VC page*/
.coming-events-feed .entry-meta, .single_more .entry-meta, .coming-events-feed-new .entry-meta {font-weight: 300; margin-bottom: 5px !important;}
.coming-events-feed .entry-meta , .past-events-feed .entry-meta, .single_more .entry-meta, .coming-events-feed-new .entry-meta {position:relative; left: 14px;top: 14px;text-transform:uppercase; letter-spacing: 0.05em; margin-top: 0 !important;}
@media screen and (max-width: 1280px) {
.coming-events-feed .entry-meta , .past-events-feed .entry-meta, .single_more .entry-meta, .coming-events-feed-new .entry-meta {left: 7px; top: 7px;}
}
.coming-events-feed li.alm-item p.entry-meta, .past-events-feed li.alm-item p.entry-meta, .single_more li.alm-item p.entry-meta, .coming-events-feed-new li.alm-item p.entry-meta {opacity: 1 !important; line-height: 1}
.coming-events-feed, .coming-events-feed-new {margin-bottom: -2px !important;}
@media screen and (min-width: 1441px) {
.coming-events-feed, .coming-events-feed-new {margin-bottom: -6px !important;}
}
/*COMING events first or sticky*/
/*FIRST reveal first item width (latest or sticky)*/
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(1) {width: 49.885%;}
/*////Resolve the coming events feed///*/
@media screen and (min-width: 768px) {
/*full width if there's only 1*/
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(1) {width: 100%;min-height: 100vh;}
/*full width for 2*/
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(2),
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(2) ~ li {width: 49.87% !important; min-height: 49.87vw;}
/*control the margin for the second one*/
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(2) ~ li {margin: 0 0 4px 0 !important; max-width: 66% !important;}
/*bigger title if there's only x, number of events*/
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(1) h3 {font-size: 2.5vw !important; max-width: 66%;}
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(2) h3,
.coming-events-feed .alm-reveal:nth-of-type(1) li:first-child:nth-last-child(2) ~ li h3 {font-size: 2vw !important;}
}
/*////Resolve the coming events feed ENDS///*/
/*responsive*/
@media screen and (max-width: 1280px) {
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(1) {width: 100%; min-height: 49.87vw}
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(1) h3 {transform-origin: left top;}
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(2) {margin: 0 .24% .2% 0 !important; width: 49.88%;min-height: 49.87vw}
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(3) {margin: 0 0 .2% 0 !important; width: 49.88%; min-height: 49.87vw}
}
/*next 2 items is the standard 4 column li.alm-item - but no margin-right on last item*/
.coming-events-feed li.alm-item:nth-of-type(3) {margin: 0 0 .25% 0 !important;}
/*and no margin-right on 8th item*/
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(8) {margin: 0 0 .25% 0 !important;}
/*second row - all in 5 columns - scale the font down*/
.coming-events-feed li.alm-item:nth-of-type(n+4) {min-height: 24vw; margin: 0 .25% .25% 0 !important;}
/*reduce the margin on the heading*/
.coming-events-feed li.alm-item:nth-of-type(n+4) h3 {margin-top: 0 !important; font-size: 1.2vw !important}
@media screen and (max-width: 1280px) {
.coming-events-feed li.alm-item:nth-of-type(n+4) h3 {margin-top: 0 !important; font-size: 180% !important}
}
/*SECOND reveal - all in 5 columns - 10 in array - scale the font down*/
.coming-events-feed .alm-reveal:nth-of-type(n+2) li.alm-item {width: 19.8% !important; min-height: 19.8vw; margin: 0 .25% .25% 0 !important;}
/*no margin right on 5th on second row*/
.coming-events-feed .alm-reveal:nth-of-type(n+2) li.alm-item:nth-of-type(5n) {margin: 0 0 .25% 0 !important;}
/*reduce the margin on the heading*/
.coming-events-feed .alm-reveal:nth-of-type(n+2) li.alm-item h3 {margin-top: 24px !important;}
/*past events colours*/
.past-events-feed .entry-meta, .past-events-feed h3 {color: #bb1e10 !important;}
.past-events-feed img {opacity: 0.2;}
.past-events-feed img.show-bracket {opacity: 1}
.past-events-feed li.alm-item .wp-post-image {filter: brightness(100%);}
.past-events-feed .our-tags a, .past-events-feed .our-tags a:visited {color: #bb1e10 !important;}
/*PAST events*/
.past-events-feed li.alm-item {width: 16.5% !important; min-height: 16.5vw; margin: 0 .2% .2% 0 !important;}
/*responsive*/
@media screen and (max-width: 1280px) {
.past-events-feed li.alm-item {width: 24.85% !important; min-height: 24.85vw; margin: 0 .2% .2% 0 !important;}
}
@media screen and (max-width: 800px) {
.past-events-feed li.alm-item {width: 33.2% !important; min-height: 33.2vw; margin: 0 .2% .2% 0 !important;}
}
/*and no margin-right on 5th item*/
@media screen and (min-width: 1281px) {
.past-events-feed li.alm-item:nth-of-type(6n+6) {margin: 0 0 .2% 0 !important;}
}
/*responsive - not margin on 4th item*/
@media screen and (max-width: 1280px) {
.past-events-feed li.alm-item:nth-of-type(4n+4) {margin: 0% 0 .2% 0 !important;}
}
/*responsive - not margin on 3rd item*/
@media screen and (max-width: 800px) {
.past-events-feed li.alm-item:nth-of-type(3n+3) {margin: 0% 0 .2% 0 !important;}
.past-events-feed li.alm-item:nth-of-type(4n+4) {margin: 0% .2% .2% 0 !important;}
.past-events-feed li.alm-item:last-of-type {margin: 0% 0 .2% 0 !important;}
}
/*reduce margin on the heading*/
.past-events-feed li.alm-item h3 { margin-top: 10px !important; max-width: 75%}
/*responsive*/
@media screen and (max-width: 1280px) {
.past-events-feed li.alm-item h3 { margin-top: 5px !important; max-width: 85%}
}
/*our-tags*/
.our-tags {position: absolute; right: 14px !important; text-align:right;bottom: 24px; width: 100%; text-transform: uppercase; letter-spacing: 0.05em; line-height: 1; z-index: -1;}
@media screen and (max-width: 1280px) {
.our-tags {right: 7px !important; bottom: 20px;}
}
/*variables on other feeds*/
.mixed-news-events-feed .our-tags, .members-news-feed .our-tags, .coming-events-feed .our-tags, .single_more .our-tags, .coming-events-feed-new .our-tags {/*font-weight: 300;*/}
.mixed-news-events-feed .our-tags, .coming-events-feed .our-tags, .members-news-feed .our-tags, .single_more .our-tags, .coming-events-feed-new .our-tags {bottom: 2.5em; z-index: 1; right: 16px !important; }
@media screen and (max-width: 1280px) {
.mixed-news-events-feed .our-tags, .coming-events-feed .our-tags, .members-news-feed .our-tags, .single_more .our-tags, .coming-events-feed-new .our-tags {bottom: 2em; right: 8px !important;}
}
/*kill links*/
.our-tags a {pointer-events:none;}
/*reset for 767 below*/
@media screen and (max-width: 767px) {
/*mixed news events*/
.mixed-news-events-feed li.alm-item {width: 100% !important; height: 100vw; margin: 0 0 -4px 0 !important;}
.mixed-news-events-feed li.alm-item h3 {max-width: 90% !important;}
/*member news*/
.members-news-feed.first-row li.alm-item:first-of-type {margin: 0px 0 -2px 0 !important;}
.members-news-feed.first-row li.alm-item {margin: 0 0 -2px 0 !important;}
.members-news-feed li.alm-item {width: 100% !important; height: 100vw; margin: 0 0 -2px 0 !important;}
.members-news-feed li.alm-item h3 {max-width: 90% !important; font-size: 190% !important; line-height: 1 !important;}
/*coming events and comin events new*/
.coming-events-feed li.alm-item, .coming-events-feed-new li.alm-item {width: 100% !important; height: 100vw; margin: 0 0 -2px 0 !important;}
.coming-events-feed li.alm-item h3, .coming-events-feed-new li.alm-item h3 {max-width: 95% !important; font-size: 110% !important}
.coming-events-feed li.alm-item h3:first-of-type {transform: scale(1) !important;}
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(1) {margin: 2px 0 -2px 0 !important;}
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(2) {margin: -1px 0 -2px 0 !important;}
.coming-events-feed .alm-reveal:nth-of-type(1) li.alm-item:nth-of-type(3) {margin: -2px 0 -2px 0 !important;}
/*past events*/
.past-events-feed li.alm-item:nth-of-type(1) {margin: 2px 0 -2px 0 !important;}
.past-events-feed li.alm-item:nth-of-type(4n+4) {margin: 0 0 -2px 0 !important;}
.past-events-feed li.alm-item {width: 100% !important; height: 100vw; margin: 0 0 -2px 0 !important;}
.past-events-feed li.alm-item h3 {max-width: 90% !important; font-size: 150% !important}
.past-events-feed .entry-meta {font-size: 140%;}
/*single_more*/
.single_more li.alm-item {width: 100% !important; height: 100vw; margin: 0 0 2px 0 !important;}
}
/*/////members-logos-feed/////*/
/*--common---*/
.members-logos-feed .alm-reveal {text-align:center; margin-left: auto !important; margin-right: auto !important; padding: 0 !important;}
.members-logos-feed li.alm-item {text-align:left;}
.members-logos-feed li.alm-item img {min-height: auto; width: 100%; border: 1px solid #DEDEDF; box-sizing: border-box; filter: brightness(100%); position:relative !important;}
.members-logos-feed li.alm-item h3 {position:relative; margin-bottom: 20px !important;color: #5A5C60 !important; left: 0 !important; text-transform:none !important; letter-spacing: 0.02em; opacity: .8; height: auto !important; font-size: 100% !important;}
.members-logos-feed .our-excerpt {display:block; color: #5A5C60 !important; opacity: .8; position:relative; max-width: 95%;}
.members-logos-feed .our-excerpt p {line-height: 1.3;}
.members-logos-feed li.alm-item a {position:absolute; top: 0; left: 0; width: 100%; min-height: auto; }
.members-logos-feed p.entry-meta {display:none;}
/*hover everything but on every ajax load more element on a desktop*/
@media screen and (min-width: 1281px) {
.ajax-load-more-wrap li.alm-item {opacity: 1 !important;}
.ajax-load-more-wrap:hover li.alm-item {opacity: .6 !important;}
.ajax-load-more-wrap li.alm-item:hover {opacity: 1 !important;}
}
/*---responsive layout---*/
@media screen and (min-width: 1280px) {
.members-logos-feed {max-width: 85%; width: 100%; margin-left: auto; margin-right: auto;}
.members-logos-feed li.alm-item { margin: 0 .5% 0 .5% !important; width: 23.5%; min-height: 380px; margin-bottom: 30px !important; padding-bottom: 1.5vw !important;}
.members-logos-feed li.alm-item:nth-of-type(4n-7) {margin: 0 .5% 0 0 !important}
.members-logos-feed li.alm-item:nth-of-type(4n+4) {margin: 0 0 0 .5% !important}
}
@media screen and (max-width: 1279px) {
.members-logos-feed li.alm-item {padding-bottom: 3vw !important;}
}
@media screen and (max-width: 1024px) {
.members-logos-feed li.alm-item {padding-bottom: 6vw !important; min-height: 300px}
}
@media screen and (max-width: 800px) {
.members-logos-feed li.alm-item {padding-bottom: 6vw !important;}
}
/*reset for 767 below*/
@media screen and (max-width: 767px) {
.members-logos-feed {max-width: 95%; width: 100%; margin-left: auto; margin-right: auto;}
.members-logos-feed li.alm-item { margin: 0 0 2px 0 !important; width: 100% !important; min-height: 90vw; margin-bottom: 0 !important; padding-bottom: 4vw !important;}
.members-logos-feed li.alm-item:nth-of-type(4n-7) {margin: 0 .5% 0 0 !important}
.members-logos-feed li.alm-item:nth-of-type(4n+4) {margin: 0 0 0 .5% !important}
}
/*reset for 767 below*/
@media screen and (max-width: 600px) {
.members-logos-feed li.alm-item {min-height: 110vw; margin-bottom: 0 !important;}
}
/*/////members-logos-feed ENDS/////*/
/*---load more button stripped down---*/
.alm-btn-wrap {
display: block;
text-align: center;
padding: 30px 0 40px !important;
margin: 0 !important;
position: relative;
background-color: rgba(255,255,255,0) !important;
}
.past-events-feed .alm-btn-wrap {/*background-color: #e43889 !important; */padding: 80px 0 80px !important;}
body.single .alm-btn-wrap {padding: 0 0 0 !important}
.ajax-load-more-wrap.white .alm-load-more-btn {
background-color: rgba(255,255,255,0) !important;
color: #6e8f2c !important;
border: 0 !important;
overflow: hidden;
border-bottom: 3px solid !important;
}
/*colors on members page*/
.members-logos-feed .ajax-load-more-wrap.white .alm-load-more-btn {color: #f6b600 !important}
/*colors on events page*/
.coming-events-feed .ajax-load-more-wrap.white .alm-load-more-btn, .past-events-feed .ajax-load-more-wrap.white .alm-load-more-btn {color: #bb1e10 !important}
.alm-btn-wrap .alm-load-more-btn {
line-height: 1.5 !important;
letter-spacing: 0.15em;
font-family: 'alternate-gothic-atf', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.15em;
width: auto !important;
height: auto !important;;
background: none transparent !important;
-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
box-shadow: 0 0px 0px rgba(0,0,0,0) !important;
border-radius: 0 !important;
padding: 0 0 !important;
opacity: 1;
transition: opacity 0.3s ease !important;
}
.alm-btn-wrap .alm-load-more-btn:hover {opacity: 0.6}
/*don't show the last button*/
.alm-load-more-btn.more.done {/*display:none !important;*/}
/*loading icon*/
.alm-btn-wrap .alm-load-more-btn.loading {
width:50px !important;
min-height:50px !important;
}
/*everywhere*/
.alm-btn-wrap .alm-load-more-btn.loading:before {
background: url("/wp-content/themes/gfsv002/images/grey-loading.png") no-repeat center center !important;
-webkit-animation: rotate-center 1s linear infinite both;
animation: rotate-center 1s linear infinite both;
border-radius:0 !important;
}
/*single posts*/
body.single .alm-btn-wrap .alm-load-more-btn.loading:before {
background: url("/wp-content/themes/gfsv002/images/white-loading.png") no-repeat center center !important;
-webkit-animation: rotate-center 1s linear infinite both;
animation: rotate-center 1s linear infinite both;
}
/*keyframes*/
@-webkit-keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-center {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*keyframes end*/
/*///////////////////////////////Ajax feeds ENDS///////////////////////////////*/
/*//////////////////////////////Temp single.php post nav/////////////////////////////*/
.posts-nav-container {font-weight: 700; margin-top: 60px; margin-bottom: 20px; line-height: 1; color:#59a9e8; display:none;}
body.single .category-info .posts-nav-container, body.single .category-members .posts-nav-container {display:none;}
/*all link colours in nav gfs-light-blue*/
.posts-nav-container a {color: #59a9e8 !important; border-bottom: 3px solid !important; text-decoration:none !important;}
/*all coming events Eventbrite booking colours in red*/
body.single .category-events a[href*="https://www.eventbrite.co.uk"],
body.single .category-events a[href*="https://www.glovefactory.eventbrite.co.uk"],
body.single .category-events a[href*="http://glovefactory.eventbrite.com"], body.single a.manual-booking {color: #bb1e10 !important; border-bottom: 3px solid !important; text-decoration:none;}
.previous-events-nav {font-weight: 400}
.previous-events-nav a {font-weight: 700;}
/*See all events*/
body.single a.event-breadcrumb {border-bottom: 3px solid; padding-bottom: 1px;}
body.single a.coming-event-breadcrumb {border-bottom: 3px solid; padding-bottom: 1px;}
/*show or don't show*/
body.single .category-events .previous-events-nav {display:none;}
body.single .category-events .news-nav {display:none;}
body.single .category-previous-events .news-nav, body.single .category-previous-events .coming-events-nav {display:none;}
body.single .category-news .coming-events-nav, body.single .category-news .previous-events-nav {display:none;}
/*make all eventbrite links heavier
body.single .category-events a[href*="https://www.eventbrite.co.uk"] { }*/
/*//////////////////////////////Temp content.php for single posts nav ENDS/////////////////////////////*/
/*/////smoother half width slider////*/
.half-width-slide .rsContainer {transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) !important;}
/*/////smoother half width slider ENDS////*/
/*/////smoother full width slider////*/
.full-width-slide .rsSlide {transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) !important;}
/*/////smoother full width slider ENDS////*/
/*//////////Swap columns on mobile - add .swap-on-mobile class to row /////////////*/
@media only screen and (max-width: 767px) {
.swap-on-mobile {
display: flex !important;
flex-direction: column-reverse;
}
}
/*//////////404 - lost sheep/////////*/
/*entry-header*/
body.error404 .entry-header h1 {display:block; float:left; margin-top: 30vh; margin-bottom: 0; color: #fff; text-transform:none; letter-spacing: 0; font-weight: 700; text-transform:uppercase; max-width: 75%; line-height: 1}
@media screen and (max-width: 1280px) {
body.error404 .entry-header h1 {margin-top: 30vw}
}
@media screen and (max-width: 740px) {
body.error404 .entry-header h1 {position:relative; margin-top: 120px; margin-bottom: 30px;}
}
/*lost sheep*/
body.error404 .entry-header img.wp-post-image {
position:fixed; left: 14px; top: 14px;z-index:-1;filter:brightness(72%) contrast(101%) blur(.5px);height: auto; width: calc(100% - 28px);margin: 0 0 0 0 !important;
}
@media screen and (max-width: 1280px) {
body.error404 .entry-header img.wp-post-image {
position:absolute; left: 0px; top: 0px;z-index:-1;filter:brightness(72%) contrast(101%) blur(0px);height: auto; width: 100%;margin: 0 0 0 0 !important;}
}
/*'noise' disguise 1 - divs only*/
body.error404 .entry-header:after {position:fixed; display:block;content:""; left: 14px; top: 14px; bottom: 0;width: calc(100% - 28px); height: 100%;
background:transparent url("/wp-content/themes/gfsv002/images/4by2_blu.png"); background-repeat:repeat; opacity: .4; z-index:-1; }
@media screen and (max-width: 740px) {
body.error404 .entry-header img.wp-post-image {
position:relative; left: -14px; top: 100px;z-index:-1;filter:brightness(100%) contrast(100%) blur(0px);height: auto; min-width: calc(100% + 28px);margin: 0 0 0 0 !important; z-index: +1; box-sizing:border-box}
}
@media screen and (max-width: 740px) {
body.error404 .entry-header:after {display:none;}
}
/*tippex*/
body.error404 #page:after {background: #8D2B2A; position:fixed; top: 14px; left: 14px; content:""; width: calc(100% - 28px); height: 100%; z-index:-2}
@media screen and (max-width: 740px) {
body.error404 #page:after {left: 7px; top: 7px;width: calc(100% - 14px)}
}
/*entry-content*/
body.error404 .entry-content {background: #fff; float:left; margin-top: 50px; margin-left: auto; margin-right: auto; padding: 4% 4% 10% 4%; margin-bottom: 400px; position:relative; min-height: 150px; width: 100%;}
@media screen and (max-width: 767px) {
body.error404 .entry-content {float:none; clear: left; padding: 4% 4% 10% 4%; margin-left: 10px; margin-right: 10px}
body.error404 .entry-title {margin-left: 10px; margin-bottom: 20px !important;}
}
/*the other bits*/
body.error404 .site-header {
position: fixed;
top: 28px;
left: 26px;
}
@media screen and (max-width: 1280px) {
body.error404 .site-header {position: absolute; top: 14px; left: 12px;}
}
body.error404 .site-content {width: 100% !important; float:none; width: 30% !important; min-width: 660px; margin-left: auto !important; margin-right: auto !important;}
/*responsive*/
@media screen and (max-width: 767px) {
body.error404 .site-content {min-width: calc(100% - 7px) !important;}
}
/*footer*/
body.error404 footer {background: #fff; padding-top: 4px !important;}
@media screen and (max-width: 767px) {
body.error404 footer {padding-top: 2px !important;}
}
/*links*/
body.error404 .entry-content a, body.error404 .entry-content a:visited {color: #8D2B2A !important;
border-bottom: 3px solid !important;
text-decoration: none;
transition: all ease 0.3s;
opacity: 1;}
body.error404 .entry-content a:hover {opacity: 0.8 !important;}
/*//////////404 - lost sheep ENDS/////////*/
/*//////Mobile Background Video/////*/
/*square background video - on the VC column*/
@media screen and (max-width: 767px) {
.video-square {min-height: 90vw !important;}
}
/*two-thirds-video*/
/*2-3rds-video - on the VC column*/
.two-thirds-video {min-height: 33vw !important; position:absolute; right: 0 !important;text-align:right;}
@media screen and (max-width: 767px) {
.two-thirds-video {min-height: 100vw !important; position:relative !important; margin-top: -11vh;}
}
/*//////Mobile Background Video ENDS/////*/
/*/////Boxzilla/////*/
.boxzilla.boxzilla-bottom-right {
bottom: 100px !important; padding: 16px;
}
@media screen and (min-width: 769px) {
.boxzilla.boxzilla-bottom-right {right: 46px !important; min-width: 360px}
.boxzilla h2 {font-size: 12px !important;}
.boxzilla p {font-size: 15px !important;}
}
@media screen and (max-width: 768px) {
.boxzilla.boxzilla-bottom-right {width: 100%; min-width: 92%; margin-left: auto !important; margin-right: auto !important; left: 0; right: 0 !important; bottom: 78px !important}
.boxzilla h2 {font-size: 12px !important;}
.boxzilla p {font-size: 12px !important;}
}
.boxzilla {text-align:center; }
.boxzilla h2 { margin: 0 1em 1em !important}
.boxzilla p {line-height: 1.3}
.boxzilla-close-icon {
position: absolute;
right: 6px !important;
font-size: 22px !important;
transition:all ease 0.3s;
}
/*box shadow*/
.boxzilla {-webkit-box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.3);
box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.3);}
/*/pop up Boxzilla///*/
#boxzilla-overlay, .boxzilla-overlay {
background: rgba(255,255,255,.6) !important;
}
.boxzilla-center-container .boxzilla {
display: inline-block;
text-align: left;
line-height: normal;
min-width: 620px !important;
padding: 2em;
}
@media screen and (max-width: 768px) {
.boxzilla-center-container .boxzilla {min-width: 93% !important;}
}
/*book a tour*/
.boxzilla-book-a-tour, .boxzilla-register-interest {position:fixed !important; top: 50%; left: 50%; transform:translate(-50%,-50%); margin-top: 0 !important;}
/*register interest*/
.boxzilla-register-interest {overflow-x:hidden}
.boxzilla-register-interest iframe {min-width:calc(100% + 40px); overflow-x:hidden;min-height: 500px; margin-left: 0px;position:relative; left: -20px; top: -30px; }
/*ruby*/
.boxzilla-register-interest .register-headline {position:relative; z-index:+1; background:white;}
.boxzilla-register-interest .register-headline:after {content: "";min-width:calc(100% + 68px); height: 80px; background:white; z-index: -1; position:absolute; left: -32px; top: 0%;}
/*book a tour with calendar*/
@media screen and (min-width:768px) {
.boxzilla-book-a-tour {background:none !important; box-shadow: 0px 0px !important}
.boxzilla-book-a-tour .boxzilla-close-icon {top: 60px; right: 56px !important; font-size: 160% !important}
}
@media screen and (max-width: 736px) {
.boxzilla-book-a-tour {top: 2%; left: 50%;transform:translate(-50%,0%);}
}
.boxzilla-center-container .boxzilla h1 {font-size: 100% !important; letter-spacing: 0.05em; margin: 0 0 1em 0;}
/*our-pop-up-links*/
.our-pop-up-links {cursor:pointer;}
/*/pop up Boxzilla ENDS///*/
/*/////Boxzilla ENDS/////*/
/*/////Members filtering///////*/
/*max width*/
.members-logos-feed .alm-filters-container {text-align:center; max-width: 50vw; margin-left: auto; margin-right: auto; margin-top: -2vw}
@media screen and (max-width: 1024px) {
.members-logos-feed .alm-filters-container {margin-top: 0}
}
@media screen and (min-width: 1441px) {
.members-logos-feed .alm-filters-container {max-width: 700px !important}
}
@media screen and (min-width: 1920px) {
.members-logos-feed .alm-filters-container {max-width: 750px !important}
}
@media screen and (min-width: 2000px) {
.members-logos-feed .alm-filters-container {max-width: 650px !important}
}
@media screen and (min-width: 2180px) {
.members-logos-feed .alm-filters-container {max-width: 700px !important}
}
@media screen and (min-width: 2190px) {
.members-logos-feed .alm-filters-container {max-width: 750px !important}
}
@media screen and (min-width: 2190px) {
.members-logos-feed .alm-filters-container {max-width: 750px !important}
}
@media screen and (min-width: 2500px) {
.members-logos-feed .alm-filters-container {max-width: 800px !important}
}
@media screen and (max-width: 1280px) {
.members-logos-feed .alm-filters-container {max-width: 55vw;}
}
@media screen and (max-width: 1024px) {
.members-logos-feed .alm-filters-container {max-width: 65vw;}
}
@media screen and (max-width: 800px) {
.members-logos-feed .alm-filters-container {max-width: 90vw;}
}
@media screen and (max-width: 768px) {
.members-logos-feed .alm-filters-container {max-width: 70vw;}
}
@media screen and (max-width: 740px) {
.members-logos-feed .alm-filters-container {max-width: 90vw;}
}
@media screen and (max-width: 540px) {
.members-logos-feed .alm-filters-container {max-width: 100vw;}
}
/*display all li inline-block*/
.members-logos-feed .alm-filters-container .alm-filter li {
display: inline-block !important;
line-height: 1 !important;
}
@media screen and (max-width: 326px) {
.members-logos-feed .alm-filters-container .alm-filter li {display:block !important; min-height: 24px;}
}
/*divider after each one*/
.members-logos-feed .alm-filters-container li.alm-filter--radio:after {content:"/"; position:absolute; right: -2px; bottom: 1%;display:inline-block; font-size: 105%;}
.members-logos-feed .alm-filters-container li.alm-filter--radio:last-of-type:after {display:none}
/*filter by / reset*/
#radio-members-1.alm-filter--link.field-radio.field-members{display:inline-block; position:relative !important; left: 8px; color: #f6b600 !important; text-indent: -8000px;}
#radio-members-1.alm-filter--link.field-radio.field-members:before {content:"filter by / reset" !important; display:inline-block !important; text-indent: 0; top: -8px;width: 400px; transform: translateX(-200px);position:absolute; left: 0; text-align: center;border: 0; background:none transparent; color: #f6b600 !important;margin-right: 4px !important; background:none !important; box-shadow: 0 0 0 0 transparent !important;}
#radio-members-1.alm-filter--link.field-radio.field-members:hover:before {border: 0; background:none; box-shadow: 0 0 0 0 transparent;}
#radio-members-1.alm-filter--link.field-radio.field-members:active {color: #f6b600 !important; border: 0; background:none !important; box-shadow: 0 0 0 0 transparent !important;}
#radio-members-1.alm-filter--link.field-radio.field-members:active:before {color: #f6b600 !important; border: 0; background:none; box-shadow: 0 0 0 0 transparent;}
@media screen and (max-width: 326px) {
#radio-members-1.alm-filter--link.field-radio.field-members:before { top: -20px !important;}
}
/*style and colour*/
.members-logos-feed .alm-filters-container .alm-filter li div.alm-filter--link {
text-transform:uppercase; font-weight: 700;
padding: 0 8px 0 8px !important;
min-height: 8px !important;
line-height: 1 !important;
font-size: 100% !important;
position: relative;
text-decoration: none;
color: #5A5C60 !important; opacity: .8; transition: all .3s ease;
cursor: pointer;
margin: 0 0 0 0 !important;
}
/*active*/
.members-logos-feed .alm-filters-container .alm-filter li div.alm-filter--link.active {color: #f6b600 !important}
.members-logos-feed .alm-filters-container .alm-filter li div.alm-filter--link.active:after {display:none !important}
/*hover*/
.members-logos-feed .alm-filters-container .alm-filter li div.alm-filter--link:hover {opacity: 1;}
/*hide radio element*/
.members-logos-feed .alm-filters-container .alm-filter li div.alm-filter--link::before {
display:none !important;
}
/*hide the edit filter button*/
.members-logos-feed .alm-filters-edit {display:none !important;}
/*mystery padding*/
.alm-filters-container .alm-filter ul ul {padding: 0 !important;}
/*/////Members filtering ENDS///////*/
/*/////single_more posts under single posts////*/
.single_more {background: #fff; padding-top: .2vw !important; position:relative; z-index: +2 !important}
body.single .single_more {/*! margin-bottom: 1em; */; margin-bottom: -1em !important}
@media screen and (max-width: 768px) {
.single_more {padding-top: 3.5px !important;}
body.single .single_more {margin-bottom: 0.6em;}
}
.single_more .our-tags {z-index: +1; bottom: 2em;}
.single_more[data-category="news"] .our-tags, .single_more[data-category="events"] .our-tags {bottom: 3em;}
@media screen and (max-width: 768px) {
.single_more[data-category="news"] .our-tags, .single_more[data-category="events"] .our-tags {bottom: 2.5em; right: 1em !important}
}
body.single .alm-btn-wrap {background-color:rgba(255,255,255,0) !important; z-index: +1; position:relative; top: 60px;}
@media screen and (max-width: 767px) {
body.single .alm-btn-wrap {top: 60px;}
}
body.single .alm-btn-wrap .alm-load-more-btn {color: #fff !important; margin-top: 0; font-size: 100%; position:relative; margin-top: -40px !important;}
/*/////single_more posts under single posts ENDS////*/
/*/////SmashBalloon INSTA - respect the site margins////*/
#sb_instagram {margin-bottom: -8px !important; margin-top: -3px}
#sb_instagram #sbi_images {width: calc(100% + 16px); position:relative; left: -8px}
#sb_instagram #sbi_images {
display: grid;
padding: 4px 0;
}
#sb_instagram:not(.sbi_moderation_mode) .sbi_photo_wrap:hover .sbi_photo {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
/*/////SmashBalloon INSTA - respect the site margins ENDS////*/
/*/////////////////////////plain-text-intro and plain-text-intro-content/////////////////////////*/
.plain-text-intro {min-height: 16vw; text-align:center; font-weight: 700; padding: 40px 0 45px;}
.plain-text-intro-content {width: 100%; max-width: 800px; margin: 0 auto;}
.plain-text-intro-content p {line-height: 1.4; font-size: 18px; margin-bottom: 1em;}
@media screen and (max-width: 1080px) {
.plain-text-intro {padding: 40px 0 45px;}
.plain-text-intro-content p {font-size: 18px}
.plain-text-intro-content {max-width: 66%; margin: 0 auto;}
}
@media screen and (max-width: 810px) {
.plain-text-intro {padding: 60px 0 65px;}
.plain-text-intro-content p {font-size: 18px}
}
@media screen and (max-width: 768px) {
.plain-text-intro-content {max-width: 80%; margin: 0 auto;}
}
@media screen and (max-width: 540px) {
.plain-text-intro-content {max-width: 90%; }
}
/*/////////////////////////plain-text-intro and plain-text-intro-content ENDS/////////////////////////*/
/*/////////////////////////block-instruction for 'All Blocks Page'/////////////////////////*/
.block-instruction {position:absolute; z-index: 999; background: rgba(255,255,255,.6); padding: .5em; font-size: 12px; font-weight: 700}
/*/////////////////////////block-instruction for 'All Blocks Page'/////////////////////////*/
/*////////////////Yet another header////////////////*/
.yet-another-header {position:absolute; right: 8vw; top: 16px;z-index: +999;}
/*dont show on touchscreens*/
@media screen and (max-width: 1300px) {
.yet-another-header {display:none;}
}
.yet-another-header a {color: #fff; cursor: pointer; border-bottom: 2px solid rgba(255,255,255,0) !important; transition: all ease 0.3s; line-height: 3;}
.yet-another-header a:hover {border-bottom: 2px solid rgba(255,255,255,1) !important;}
.yet-another-header li {display:inline; margin: 0 0 0 4vw; font-size: 14px;font-weight: 700; text-transform:uppercase; letter-spacing: 0.05em;}
@media screen and (max-width: 1800px) {
.yet-another-header {right: 10vw;}
.yet-another-header li {font-size: 13px; }
}
.yet-another-header .current_page_item.current-menu-item a {border-bottom: 2px solid rgba(255,255,255,1) !important;}
body.single-post .yet-another-header .menu-item-5872 a {border-bottom: 2px solid rgba(255,255,255,1) !important;}
/*////////////////yet another header ends////////////////*/
/*////Triple square////*/
.triple-square-content {text-align:center;}
.triple-square-content {position:absolute; top: 50% !important; left: 50%; width: 100%; margin: auto; transform:translate(-50%,-50%);}
@media screen and (min-width: 1920px) {
.triple-square.cranky {width: calc(100% - 4px) !important; min-height: 99.95% !important}
}
@media screen and (min-width: 811px) {
.triple-square-row {min-height: 30vw !important; max-height: 30vw !important; overflow:hidden;}
.triple-square {min-height: 30vw; max-height: 30vw; position:absolute; top: 0; right: 0; left: 0; text-align:center;width: calc(100% - 2px);}
.triple-square {top: 2px;}
}
/*force column to break for ipad*/
@media screen and (max-width:810px){
.triple-square-row .vc_col-sm-4, .triple-square-row .vc_col-sm-8 {min-width: 100% !important;}
}
@media screen and (max-width: 810px) {
.triple-square-row {min-height: 100vw !important;}
.triple-square {min-height: 100vw !important; max-height: 100vw !important;}
.triple-square-content {top: 50%;}
}
.triple-square h2 {margin: 0 auto 1.5em auto !important; width: 100%; max-width: 380px; margin-left: auto; margin-right: auto}
@media screen and (max-width: 1280px) {
.triple-square h2 {max-width: 90%}
.triple-square .bold-headline h2 {max-width: 75%; font-size: 120% !important}
}
.triple-square-content, .triple-square-content a {color: #fff}
@media screen and (max-width: 1080px) {
.triple-square {transform:scale(.9) !important}
}
@media screen and (max-width: 810px) {
.triple-square {transform:scale(1) !important}
.triple-square h2 {max-width: 60%}
}
@media screen and (max-width: 767px) {
.triple-square h2 {max-width: 80%}
}
@media screen and (max-width: 600px) {
.triple-square {min-height: 160vw !important;}
}
.triple-square-content p {line-height: 1.4; width: 100%; max-width: 380px; text-align:center; margin-left: auto; margin-right: auto; margin-bottom: 1em; font-size: 110%;}
/*responsive*/
@media screen and (max-width: 1600px) {
.triple-square-content p {max-width: 90%; font-size: 100%;}
}
/*responsive*/
@media screen and (max-width: 1024px) {
.triple-square-content p {max-width: 90%;}
}
@media screen and (max-width: 810px) {
.triple-square-content p {max-width: 70%;}
}
@media screen and (max-width: 600px) {
.triple-square-content p {max-width: 90%;}
}
.triple-square a, .triple-square a:visited {color: #fff;}
.triple-square h2 a {margin-bottom: -1.5em !important}
/*----NEW triple row slider////////////*/
.triple-row-slider img {max-width: 100% !important; height: auto !important}
.triple-row-slider {position:relative;}
@media screen and (max-width: 810px) {
.triple-row-slider .rsImg.rsMainSlideImage {object-fit:cover !important; min-height: 100%;}
}
@media screen and (max-width: 414px) {
.triple-row-slider .rsImg.rsMainSlideImage {object-fit:cover !important; min-height: 100%;}
}
.triple-row-slider .rsImg.rsMainSlideImage {filter:brightness(85%);}
.triple-row-slider h2 {display:block; position:absolute; top: 0%; left: 50%; transform:translate(-50%,0%); color: #fff; z-index: +999; margin: 0 auto !important; font-size: 210% !important; width: 100%; max-width: 85%;text-align:center; padding-top: 14vw;}
@media screen and (max-width: 810px) {
.triple-row-slider h2 {top: 50%; padding-top: 0vw}
}
@media screen and (max-width: 600px) {
.triple-row-slider h2 {}
}
@media screen and (max-width: 540px) {
.triple-row-slider h2 {}
}
/*////triple-square ENDS////*/
/*//////////WP Gallery post slider//////////*/
.wpb_posts_slider .flexslider {margin-bottom: 0;}
.wpb_gallery_slides li {max-width: 50vw; margin-left: auto; margin-right: auto; margin-left: .25vw !important;}
.wpb_posts_slider .flex-caption {position:absolute !important; display:block; top: 0; background: rgba(255,255,255,0) !important}
.wpb_posts_slider .flex-caption h2 {margin: 0 0 .25em!important; font-size: 250% !important; max-width: 600px}
.wpb_posts_slider .flex-caption h2 a {font-size: 100%; letter-spacing: 0 !important; color: #fff; border-bottom: 0; line-height: 1}
.wpb_posts_slider .flex-caption p {color: #fff; max-width: 400px; line-height: 1.2; font-size: 120%;}
.wpb_posts_slider .flexslider .slides img {max-height: 100% !important;}
.wpb_gallery .flex-control-paging {display:none;}
/*hide the bulleted nav*/
/*arrows... WIP...*/
.flex-direction-nav a {opacity: 1 !important; color: rgba(255,255,255,0) !important; font-size: 0;}
.flex-direction-nav a::before {
font-family: flexslider-icon;
font-size: 24px !important;
display: inline-block;
content: '\f001';
color: rgba(255,255,255,1) !important;
text-shadow: 0px 0px 0 rgba(255,255,255,0) !important;
opacity: 1 !important;
}
/*//////////WP Gallery post slider ENDS//////////*/
/*/////////Previous events filtering////////*/
/*but first coming events title*/
.coming-events-title h2 {text-align:center; max-width: 500px; width: 100%; margin: 6em auto !important; font-size: 200% !important; letter-spacing: 0.05em;}
/*max width and relative position*/
.past-events-feed .alm-filters-container {text-align:center; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 1em; position:relative; top: -3em; margin-bottom: -3em;}
@media screen and (max-width: 810px) {
.past-events-feed .alm-filters-container {top: -2em; max-width: 66%;}
}
/*display all li inline-block*/
.past-events-feed .alm-filters-container .alm-filter li {
display: inline-block !important;
line-height: 1 !important;
font-size: 90%;
}
/*divider before every element after the 1st one*/
.past-events-feed .alm-filters-container li.alm-filter--radio:nth-of-type(n+2):before {content:"/"; position:absolute; left: -2px; bottom: 1%;display:inline-block; font-size: 105%;}
/*responsive*/
/*style and colour*/
.past-events-feed .alm-filters-container .alm-filter li div.alm-filter--link {
text-transform:uppercase; font-weight: 700;
padding: 0 8px 0 8px !important;
min-height: 8px !important;
line-height: 1 !important;
font-size: 110% !important;
position: relative;
text-decoration: none;
color: #5A5C60 !important; opacity: .8; transition: all .3s ease;
cursor: pointer;
margin: 0 0 0 0 !important;
}
/*active*/
.past-events-feed .alm-filters-container .alm-filter li div.alm-filter--link.active {color: #bb1e10 !important}
.past-events-feed .alm-filters-container .alm-filter li div.alm-filter--link.active:after {display:none !important}
/*hover*/
.past-events-feed .alm-filters-container .alm-filter li div.alm-filter--link:hover {opacity: 1;}
/*hide radio element*/
.past-events-feed .alm-filters-container .alm-filter li div.alm-filter--link::before {
display:none !important;
}
/*hide the edit filter button*/
.past-events-feed .alm-filters-edit {display:none !important;}
/*reset button*/
.past-events-feed .alm-filters--reset {text-align:center !important; margin: auto; }
.past-events-feed .alm-filters-container button[type="reset"] {
font-size: 12px;
font-weight: 700;
height: 30px;
line-height: 30px;
color: #bb1e10 !important;
background-color: #fff !important;
background: none !important;
text-transform:uppercase;
padding: 8px !important;
opacity: .8;
transition:opacity .3s ease;
letter-spacing: 0.05em}
.past-events-feed .alm-filters-container button[type="reset"]:hover, .past-events-feed .alm-filters-container button[type="reset"]:focus {background: #fff none !important; opacity: 1; background-color: #fff !important;}
.past-events-feed h2.filter-title {text-align:center; margin-top: 0em !important; margin-bottom: 2em !important;color: #bb1e10 !important; font-size: 140% !important; text-indent: .6%; letter-spacing: 0.05em;}
.past-events-feed .alm-filters-container .alm-filter--inner {padding: 0 0 10px}
/*/////////Previous events filtering////////*/
/*/////////////////////////////////gfs-wp-carousel-pro/////////////////////////*/
/*kill the zoom scale effect and opacity of inactive*/
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide .wpcp-single-item {
transform:scale(1);
opacity:1; object-fit:cover !important
}
/*full width slide contents*/
.gfs-wp-carousel-pro .wpcp-single-item {min-width:100% !important}
/*no padding on container*/
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-carousel-section.nav-vertical-center {padding-left: 0 !important;margin: 0 -16px 0 0 !important;}
/*no padding-right on single post*/
.gfs-wp-carousel-pro.wp-carousel-single .wpcpro-wrapper .wpcp-carousel-section.nav-vertical-center {padding-right: 0 !important;}
/*.gfs-wp-carousel-pro .wpcpro-wrapper {background: transparent url("/wp-content/themes/gfsv002/images/4by2_blu.png");}*/
/*darker image*/
.gfs-wp-carousel-pro .wpcp-single-item img {filter:brightness(.85)}
/*don't show category*/
.gfs-wp-carousel-pro .post-categories {display:none !important;}
/*position data*/
.gfs-wp-carousel-pro .wpcp-all-captions {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: block !important;
}
/*titles*/
.gfs-wp-carousel-pro h2.wpcp-post-title {text-align:left !important; padding-top: 0 !important; margin-top: 0 !important; width: 100%;margin-left: 0 !important; }
.swiper-slide h2 a {font-family: "trade-gothic-next", sans-serif !important;}
/*titles links*/
.gfs-wp-carousel-pro h2.wpcp-post-title a {border: 0; color: #fff !important; text-transform:uppercase !important; line-height: .9 !important; letter-spacing: 0.025em !important; pointer-events:none; position:relative}
/*excerpt*/
.gfs-wp-carousel-pro .wpcp-post-content { padding: 0 !important; color: #fff !important; text-align:left !important; margin: 0 !important; pointer-events:none; position:relative; z-index: +2; line-height: 1.1 !important}
/*do show on events*/
.gfs-wp-carousel-pro .wpcp-post-content {display:block !important; font-weight: 300;}
/*tags*/
.gfs-wp-carousel-pro .wpcp-post-meta { position:absolute; bottom: 2em; right: 2em; pointer-events:none; z-index: +2 !important; width:100%; text-align:right !important; /*! font-weight: 300; */}
.gfs-wp-carousel-pro .wpcp-post-meta a {color: #fff !important; text-transform:uppercase !important; letter-spacing: 0.05em !important; font-family: "trade-gothic-next", sans-serif !important;}
/*image link?*/
.gfs-wp-carousel-pro a {position:absolute;left: 0; right: 0; width: 100%; height: 100%; z-index: +1}
/*arrows*/
.gfs-wp-carousel-pro .swiper-prev, .gfs-wp-carousel-pro .swiper-next {height: 100% !important; top: 0 !important; margin: auto 0 !important; border: 0px !important; background: none; color: #fff !important; }
.gfs-wp-carousel-pro .swiper-prev:hover, .gfs-wp-carousel-pro .swiper-next:hover {background: none !important; }
/*arrow icons*/
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-carousel-section .swiper-prev i { position:relative !important; left: -32% !important}
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-carousel-section .swiper-next i { position:relative !important; right: -32% !important}
/*object-fit the image*/
.gfs-wp-carousel-pro .wpcp-single-item img {object-fit:cover;}
.gfs-wp-carousel-pro {overflow:hidden;}
/*focus off*/
.gfs-wp-carousel-pro .swiper-prev:active, .gfs-wp-carousel-pro .swiper-next:active {background: none !important; box-shadow: inset 0 0 0 0 #c6c6c6, 0 0px 0 0 #f4f4f4;}
/*padding*/
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-post-carousel .wpcp-single-item .wpcp-all-captions {
padding: 1em 1em 1em 1em;
overflow: hidden;
}
@media screen and (max-width: 600px) {
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-post-carousel .wpcp-single-item .wpcp-all-captions {
padding: .5em .7em .7em .5em;
overflow: hidden;}
.gfs-wp-carousel-pro .wpcp-post-meta {right: 1.2em; bottom: 20px;}
}
/*margin*/
.gfs-wp-carousel-pro {margin-top: 0; margin-bottom: 2px !important}
/*hover*/
.gfs-wp-carousel-pro .swiper-slide {opacity: 1; transition:opacity 0.3s ease;}
.gfs-wp-carousel-pro .swiper-slide:hover {opacity: .9;}
/*min-widths and heights*/
@media screen and (min-width: 1601px) {
.gfs-wp-carousel-pro .wpcp-single-item, .gfs-wp-carousel-pro .wpcp-slide-image {min-height: 21vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item, .gfs-wp-carousel-pro.wp-carousel-single .wpcp-slide-image {min-height: 35vw !important}
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide {min-width: 21vw !important; border-right: 8px solid #fff !important;}
.gfs-wp-carousel-pro .wpcp-single-item img {min-height: 21vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item img {min-height: 35vw !important}
.gfs-wp-carousel-pro h2 {max-width: 55%; margin-bottom: .5em !important;}
.gfs-wp-carousel-pro h2 a {font-size: 200% !important; }
.gfs-wp-carousel-pro.wp-carousel-single h2 a {font-size: 250% !important; }
.gfs-wp-carousel-pro .wpcp-all-captions .wpcp-post-content {font-size: 150% !important; max-width: 50%}
.gfs-wp-carousel-pro.wp-carousel-single wpcp-post-content {font-size: 130% !important; max-width: 50%}
.gfs-wp-carousel-pro .wpcp-post-meta a {font-size: 110% !important}
.gfs-wp-carousel-pro .swiper-prev {width:6vw !important;}
.gfs-wp-carousel-pro .swiper-next {width: 6vw !important;}
.gfs-wp-carousel-pro .swiper-prev {left: 0 !important}
.gfs-wp-carousel-pro .swiper-next {right: 0 !important}
.gfs-wp-carousel-pro .swiper-prev, .gfs-wp-carousel-pro .swiper-next {font-size: 22px !important}
.gfs-wp-carousel-pro .swiper-prev:focus, .gfs-wp-carousel-pro .swiper-next:focus {background: none !important;}
}
@media screen and (min-width: 1800px) {
.gfs-wp-carousel-pro .swiper-prev {width: calc(4vw + 20px) !important; }
.gfs-wp-carousel-pro .swiper-next {width: calc(4vw + 24px) !important;}
}
@media screen and (max-width: 1600px) {
.gfs-wp-carousel-pro .wpcp-single-item, .gfs-wp-carousel-pro .wpcp-slide-image {min-height: 21vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item, .gfs-wp-carousel-pro.wp-carousel-single .wpcp-slide-image {min-height: 35vw !important}
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide {min-width: 21vw !important; border-right: 8px solid #fff !important;}
.gfs-wp-carousel-pro .wpcp-single-item img {min-height: 21vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item img {min-height: 35vw !important}
.gfs-wp-carousel-pro h2 {max-width: 66%; margin-bottom: .5em !important;}
.gfs-wp-carousel-pro h2 a {font-size: 160% !important; }
.gfs-wp-carousel-pro.wp-carousel-single h2 a {font-size: 200% !important; }
.gfs-wp-carousel-pro .wpcp-post-content {font-size: 120% !important; max-width: 50%}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-post-content {font-size: 120% !important; max-width: 50%}
.gfs-wp-carousel-pro .wpcp-post-meta a {font-size: 100% !important}
.gfs-wp-carousel-pro .swiper-prev {width: 6.4vw !important;}
.gfs-wp-carousel-pro .swiper-next {width: 6.5vw !important;}
.gfs-wp-carousel-pro .swiper-prev {left: 0 !important}
.gfs-wp-carousel-pro .swiper-next {right: 0 !important}
.gfs-wp-carousel-pro .swiper-prev, .gfs-wp-carousel-pro .swiper-next {font-size: 22px !important}
.gfs-wp-carousel-pro .swiper-prev:focus, .gfs-wp-carousel-pro .swiper-next:focus {background: none !important;}
}
@media screen and (max-width: 1080px) {
.gfs-wp-carousel-pro .wpcp-single-item, .gfs-wp-carousel-pro .wpcp-slide-image {min-height: 44vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item, .gfs-wp-carousel-pro.wp-carousel-single .wpcp-slide-image {min-height: 50vw !important}
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide {/*! margin-right: 4px !important; */}
.gfs-wp-carousel-pro .wpcp-single-item img {min-height: 44vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item img {min-height: 50vw !important}
.gfs-wp-carousel-pro h2 {max-width: 60%; margin-bottom: .5em !important; font-size: 150% !important;}
.gfs-wp-carousel-pro h2 a, .gfs-wp-carousel-pro.wp-carousel-single h2 a {font-size: 150% !important; }
.gfs-wp-carousel-pro .wpcp-post-content {font-size: 120% !important; line-height: 1 !important; max-width: 66%}
.gfs-wp-carousel-pro .wpcp-post-meta a {font-size: 110% !important}
.gfs-wp-carousel-pro.wp-carousel-single .swiper-prev {width: 9.7vw !important; }
.gfs-wp-carousel-pro.wp-carousel-single .swiper-next {width: 10.2vw !important; }
.gfs-wp-carousel-pro .swiper-prev:focus, .gfs-wp-carousel-pro .swiper-next:focus {background: none !important;}
.gfs-wp-carousel-pro .swiper-prev:focus, .gfs-wp-carousel-pro .swiper-next:focus {background: none !important;}
}
@media screen and (max-width: 600px) {
.gfs-wp-carousel-pro .wpcp-single-item, .gfs-wp-carousel-pro .wpcp-slide-image {min-height: 88vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item, .gfs-wp-carousel-pro.wp-carousel-single .wpcp-slide-image {min-height: 88vw !important}
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide {/*! margin-right: 4px !important; */}
.gfs-wp-carousel-pro .wpcp-single-item img {min-height: 88vw !important}
.gfs-wp-carousel-pro.wp-carousel-single .wpcp-single-item img {min-height: 88vw !important}
.gfs-wp-carousel-pro h2 {max-width: 95%; margin-bottom: .5em !important; font-size: 110% !important}
.gfs-wp-carousel-pro h2 a, .gfs-wp-carousel-pro.wp-carousel-single h2 a {font-size: 110% !important; }
.gfs-wp-carousel-pro .wpcp-post-content {font-size: 110% !important; line-height: 1 !important; max-width: 66%}
.gfs-wp-carousel-pro .wpcp-post-meta a {font-size: 100% !important}
.gfs-wp-carousel-pro .swiper-prev {width: 8.5vw !important;}
.gfs-wp-carousel-pro .swiper-next {width: 8.5vw !important;}
.gfs-wp-carousel-pro .swiper-prev:focus, .gfs-wp-carousel-pro .swiper-next:focus {background: none !important;}
.gfs-wp-carousel-pro .swiper-prev:focus, .gfs-wp-carousel-pro .swiper-next:focus {background: none !important;}
}
@media screen and (max-width: 540px) {
.gfs-wp-carousel-pro .wpcp-single-item img {min-height: 88vw !important}
.gfs-wp-carousel-pro h2, .gfs-wp-carousel-pro.wp-carousel-single h2 {max-width: 98%; margin-bottom: .25em !important;}
.gfs-wp-carousel-pro h2 a, .gfs-wp-carousel-pro.wp-carousel-single h2 a {}
.gfs-wp-carousel-pro .wpcp-post-content, .gfs-wp-carousel-pro.wp-carousel-single .wpcp-post-content {font-size: 110% !important; line-height: 1 !important; max-width: 80%}
.gfs-wp-carousel-pro .wpcp-post-meta a {font-size: 100% !important}
.gfs-wp-carousel-pro.wp-carousel-single {}
}
/*show a bit of the next one*/
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide-active {width:100% !important;max-width:calc(100% - 10%) !important; margin-left: auto !important; text-align:center !important;margin-right: auto !important;}
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide-active:last-of-type {max-width: 100% !important;}
/*minimise the border below 800*/
@media screen and (max-width: 800px) {
.gfs-wp-carousel-pro .wpcpro-wrapper .wpcp-center.wpcp-carousel-section.swiper-initialized .swiper-slide-active {border-right: 4px solid #fff !important;}
}
/*no swiper-button-disabled shows ever*/
.swiper-button-disabled {display:none !important;}
/*swiper next buttons in a bit*/
.wpcp-next-button.swiper-button-next {position:relative; right: 10px !important}
/*swiper prev button in a bit*/
.wpcp-prev-button.swiper-button-prev {left: 10px !important}
@media screen and (max-width: 600px) {
.wpcp-next-button.swiper-button-next {position:relative; right: 2px !important;}
.wpcp-prev-button.swiper-button-prev {left: 2px !important}}
/*/////////////////////////////////gfs-wp-carousel-pro ENDS/////////////////////////*/
/*/////////////new coming events-feed big-one-first ENDS//////////////*/
.coming-events-feed-new.big-one-first .alm-btn-wrap {display: none;}
.coming-events-feed-new.big-one-first {margin-bottom: 0 !important}
@media screen and (min-width: 801px) {
.coming-events-feed-new.big-one-first li:first-of-type {width: 49.89%; margin: 0 .22% .2% 0 !important;}
.coming-events-feed-new.big-one-first li:nth-of-type(3) {margin-right: 0 !important;}
}
@media screen and (max-width: 800px) {
.coming-events-feed-new.big-one-first li:first-of-type {width: 100% !important; min-height: 50vw;margin: 0 0 .25% 0 !important;}
.coming-events-feed-new.big-one-first li {width: 49.87%; min-height: 49.87vw; margin: 0 .25% .25% 0 !important;}
.coming-events-feed-new.big-one-first li:nth-of-type(3) {margin-right: 0 !important;}
}
@media screen and (max-width: 767px) {
.coming-events-feed-new.big-one-first li:first-of-type {margin: 0 0 -2px 0 !important;}
.coming-events-feed-new.big-one-first li {margin: 0 0 -2px 0 !important;}
}
/*/////////////new coming events-feed big-one-first ENDS//////////////*/
/*/////////////big-white-box//////////////*/
/*for sliders to behave*/
.big-white-box.box-right {position:absolute; top: 0; right: 0; width: 52%; height: 96vh; z-index: +999;}
.big-white-box.box-left {position:absolute; top: 0; left: 0; width: 52%; height: 96vh; z-index: +999;}
.big-white-box-copy {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align:center; margin: auto !important; background: rgba(255,255,255,0.95); width: 31vw; height: 31vw !important; padding: 50px;}
.big-white-box-copy-content {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); text-align:center; margin: auto; width: 100%; max-width: 66% !important}
@media screen and (max-width: 1800px) {
.big-white-box-copy-content {max-width: 80% !important}
}
.big-white-box-copy-content img {max-width: 200px !important; min-width: 200px; margin-bottom: 2em !important;}
@media screen and (max-width: 1800px) {
.big-white-box-copy-content img {max-width: 160px !important; min-width: 160px; margin-bottom: 1em !important;}
.big-white-box-copy {width: 40vw; height: 40vw !important; }
}
.big-white-box-copy-content p {line-height: 1.4;}
.big-white-box-copy-content.lighter {max-width: 480px !important}
@media screen and (max-width: 1440px) {
.big-white-box-copy {width: 36vw; height: 36vw !important; }
}
@media screen and (max-width: 1320px) {
.big-white-box-copy {/*! height: 66vw !important; */ width: 40vw; transform:translate(-60%,-50%);}
}
@media screen and (max-width: 1320px) {
.big-white-box-copy.lefty {transform:translate(-40%,-50%);}
}
@media screen and (max-width: 1280px) {
.big-white-box {height: 100% !important}
.big-white-box.box-right, .big-white-box.box-left {width: 66%;}
.big-white-box-copy, .big-white-box-copy.lefty {width:100%; max-width: 70%; transform:translate(-50%,-50%); background: none; /*! top: 100% !important; */}
.big-white-box-copy-content {background: rgba(255,255,255,0.95); padding: 80px 40px; transform:translate(-50%,-50%);}
.big-white-box-copy-content.lighter {padding: 80px 40px; transform:translate(-50%,-50%);}
}
@media screen and (max-width: 810px) {
.big-white-box {height: 100vh !important; }
.big-white-box.box-right, .big-white-box.box-left {width: 100%;}
.big-white-box-copy {transform:translate(-50%,-50%);}
.big-white-box-copy-content, .big-white-box-copy-content.lighter {padding: 82px 22px; transform:translate(-50%,-50%); /*! top: 100% !important */}
.big-white-box-copy-content.lighter {max-width: 85% !important; transform:translate(-50%,-50%);}
}
@media screen and (max-width: 540px) {
.big-white-box-copy-content.lighter {max-width: 80% !important; transform:translate(-50%,-50%);}
.mobile-fidget .big-white-box-copy-content.lighter {margin-top: 0;}
.big-white-box-copy-content, .big-white-box-copy-content.lighter {padding: 82px 22px; margin-top: 50px;}
}
.big-white-box-copy-content h4 {text-transform:uppercase; font-size: 140% !important; letter-spacing: 0.05em; line-height: 1.1 !important; text-transform: uppercase; margin: 0 auto 1.5em auto !important; width: 100%; max-width: 75%}
@media screen and (max-width: 600px) {
.big-white-box-copy-content h4 {max-width: 90%; font-size: 130% !important;}
}
.big-white-box-copy-content p {margin-bottom: 1em;}
.big-white-box-copy-content a {border-bottom: 3px solid;
font-size: 14px;
display: inline-block;
line-height: 1.6;
opacity: 1;
transition: all ease 0.3s;
letter-spacing: 0.1em;
font-weight: 700;
text-transform:uppercase;
margin-top: .5em;
cursor:pointer;
transition: opacity ease 0.3s;
opacity: 1;
color: inherit;}
.big-white-box-copy-content a:hover {opacity: .6;}
a.normal-box-link {font-weight: 400; text-transform:none; border-bottom: 0; font-size: 100%; letter-spacing: 0; margin-top: 0; margin-bottom: 1em;}
/*for sliders to behave*/
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
max-height: 100% !important;
}
@media screen and (max-width: 1440px) {
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {transform:translate(-50%,-66%); /*! max-width: 162%; */ height: auto !important;}
}
@media screen and (max-width: 1280px) {
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {transform:translate(-50%,0%); /*! max-width: 125%; */ top: 0; height: auto !important;}
}
@media screen and (max-width: 1024px) {
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {
/*! transform:translate(-52.5%,0%); */ /*! max-width: 180%; */ top: 0; height: auto !important;}
}
@media screen and (max-width: 900px) {
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {
/*! transform:translate(-50%,0%); */ /*! max-width: 415% !important; */ /*! height: auto !important; */ top: 0;}
}
@media screen and (max-width: 600px) {
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {
/*! transform:translate(-52.5%,0%); */ /*! max-width: 465% !important; */ /*! height: auto !important; */ top: 0;}
}
@media screen and (max-width: 540px) {
.full-width-slide.for-big-boxes .rsImg.rsMainSlideImage {
transform:translate(-50%,-65%) scale(.7); top: 45%; }
}
/*---min-height for full-width-slide rows---*/
.full-width-slide.for-big-boxes {height: 96vw; max-height: 96vh;}
@media screen and (max-width: 1280px) {
.full-width-slide.for-big-boxes {height: 80vw; max-height: 80vh;}
}
@media screen and (max-width: 900px) {
.full-width-slide.for-big-boxes {min-height: 100vh;}
}
@media screen and (max-width: 600px) {
.full-width-slide.for-big-boxes {min-height: 100vh; max-height: 100vh}
}
@media screen and (max-width: 540px) {
.full-width-slide.for-big-boxes {min-height: 100vh; max-height: 100vh}
}
@media screen and (max-width: 414px) {
.full-width-slide.for-big-boxes {min-height: 100vh; max-height: 100vh}
}
/*/////////////big-white-box ENDS//////////////*/
/*/////////////// Full width slide if there's only one event//////////////// */
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: calc(100% + 200px) !important; margin-left: 0;
}
@media screen and (max-width:980px) {
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: calc(100% + 140px) !important; margin-left: 0;}
}
@media screen and (max-width:736px) {
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: calc(100% + 140px) !important; margin-left: 0;}
}
@media screen and (max-width:700px) {
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: calc(100% + 100px) !important; margin-left: 0;}
}
@media screen and (max-width:479px) {
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) {
/* -or- li:only-child { */
width: calc(100% + 40px) !important; margin-left: 0;}
/*out tags*/
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) .wpcp-post-meta {right: .75em}
}
/*and limit the headline width*/
@media screen and (min-width: 810px) {
.gfs-wp-carousel-pro .slick-slide:first-child:nth-last-child(1) h2 {
max-width: 33%;}
}
/*/////////////// Full width slide if there's only one event ENDS//////////////// */
/*////////////////Labels on bottom of single posts - whaaaaat????///////////////*/
/*Label style*/
body.single .category-previous-events .entry-content, body.single .category-events .entry-content, body.single .category-news .entry-content {position:relative;}
body.single .category-previous-events .entry-content:before, body.single .category-events .entry-content:before, body.single .category-news .entry-content:before
{display:block; position:absolute; left: 0;bottom: -220px; width: 100%; height: 50px; color: #fff; font-size: 150%; line-height: 1; text-align:left; font-weight: 700; }
@media screen and (max-width: 1280px) {
body.single .category-previous-events .entry-content:before, body.single .category-events .entry-content:before, body.single .category-news .entry-content:before {bottom: -220px; font-size: 160%;}
}
@media screen and (max-width: 414px) {
body.single .category-previous-events .entry-content:before, body.single .category-events .entry-content:before, body.single .category-news .entry-content:before {}
}
/*content for each*/
body.single .category-previous-events .entry-content:before {content:"Coming events...";}
body.single .category-events .entry-content:before {content:"More events..."; }
body.single .category-news .entry-content:before {content:"More news...";}
/*//////////////Labels ENDS/////////////////*/
/*///////////////gfs-triplets/////////////////*/
/*row*/
.gfs-triplets {min-height: 32vw; max-height: 32vw;}
@media screen and (max-width: 768px) {
.gfs-triplets {min-height: auto; max-height: 100%;}
.vc_row.gfs-triplets {margin-bottom: 1px;}
}
/*column text*/
.gfs-triplets-column {min-height: 32vw; max-height: 32vw;}
/*each container*/
.gfs-triplet {width: 33.12%; float:left; margin: 0 .32% 0 0 !important; position:relative; }
.gfs-triplet:nth-of-type(3), .gfs-triplet:nth-of-type(5) {margin-right: 0 !important;}
.gfs-triplet.triplet-double {width: 66.56%;}
.gfs-triplet.triplet-double {position:relative}
.gfs-triplet.triplet-double:after {position:absolute; bottom: 3px; width: 100%; height: .4vw; background: #fff; content:"";}
@media screen and (max-width: 810px) {
.gfs-triplet.triplet-double:after {bottom: 4px;}
}
@media screen and (max-width: 768px) {
.gfs-triplet, .gfs-triplet.triplet-double {width: 100%; float:left; margin: 0 0 0 0 !important;}
}
/*image*/
.gfs-triplets-column img {filter:brightness(80%);}
@media screen and (max-width: 768px) {
.gfs-triplets-column {margin-top: 2px;margin-bottom: 0 !important}
.gfs-triplets-column img {margin-bottom: -2px;}
#gathering-shed {min-height: 100vw;}
#gathering-shed img {min-height: 100vw;object-fit:cover !important;}
}
@media screen and (max-width: 767px) {
.gfs-triplet:nth-of-type(5) {margin-bottom: -1px !important;}
}
/*headings*/
.gfs-triplets-column h2 {display:block; position:absolute; padding-top: .25em; padding-left: .25em;margin: 0 !important; color: #fff; font-weight: 300; font-size: 320% !important; line-height: .9 !important; letter-spacing: 0; z-index: +1}
.gfs-triplets-column .triplet-long h2 {width: 100%;}
@media screen and (max-width: 1366px) {
.gfs-triplets-column .triplet-long h2 {width: 100%;}
}
@media screen and (max-width: 1080px) {
.gfs-triplets-column h2 {font-size: 250% !important}
}
@media screen and (max-width: 768px) {
.gfs-triplets-column h2 {width: 100%; float:none; font-size: 400% !important;}
}
@media screen and (max-width: 600px) {
.gfs-triplets-column h2 {font-size: 200% !important;}
.gfs-triplets-column .triplet-long h2 {max-width: 80% !important;}
}
/*button*/
.gfs-triplet-button.gfs-light-blue {background-color: #59a9e8 !important;}
.gfs-triplet-button.gfs-olive-reverse {background-color: #6B2E79 !important;}
.gfs-triplet-button.gfs-orange {background-color: #ed6b21 !important;}
.gfs-triplet-button {text-align:center; line-height: 1; margin-top: 3.5px; }
.gfs-triplet-button.solo-button {margin-top: 0px !important}
.gfs-triplet-button a {color: #fff !important; text-transform:uppercase; font-weight: 700; letter-spacing: 0.1em; padding: 6em 0 !important; display:inline-block; width: 100%; font-size: 15px; cursor:pointer;}
@media screen and (max-width: 1080px) {
.gfs-triplet-button {width: 100%; float:left; font-size: 400% !important; margin-bottom: 3.5px !important}
.gfs-triplet-button a {padding: 2.5em 0 2.5em 0!important; display:block; }
}
/*triplet-link*/
a.triplet-link {position:absolute; bottom: 60px; right: 50px; z-index: +1; width: auto; text-align:right; color: #fff; text-transform:uppercase; font-size: 75%; letter-spacing: .2em; border: 2px solid; line-height: 1; padding: 10px 18px; opacity: 1; transition:all ease .3s; font-weight: 700;}
a.triplet-link:visited { color: #fff; border: 2px solid;}
a.triplet-link:hover {opacity: 0.8;}
@media screen and (max-width: 1280px) {
a.triplet-link {right: 20px; bottom: 30px; font-size: 75%;}
}
/*///////////////gfs-triplets ENDS/////////////////*/
/*//////////Noise for legacy images in carousel feeds/////////*/
.gfs-wp-carousel-pro .wpcp-slide-image {position:relative;}
.gfs-wp-carousel-pro .wpcp-slide-image:before {display:block; position:absolute; top: 0; left; 0; width: 100%; height: 100%; content: ""; background:transparent url("/wp-content/themes/gfsv002/images/4by2_white.png"); background-repeat:repeat; opacity: .2; z-index: +2; pointer-events:none !important;}
.gfs-wp-carousel-pro .wpcp-all-captions a {z-index: +99}
/*blur and darken the image*/
.gfs-wp-carousel-pro .wpcp-slide-image img {filter:brightness(70%) contrast(101%) blur(.5px);}
/*//////////Noise for legacy images in carousel feeds/////////*/
/*Mailchimp customisation*/
#mc_embed_signup {padding-top: 1em;}
.indicates-required {font-size: 80%; margin-bottom: 1em; float: right;}
#mc_embed_signup input[type="email"] {border-radius: 0; width: calc(100% - 22px); max-width: 100%; padding: 10px 10px !important; color: inherit; font-size: 100%}
#mc_embed_signup input.mce_inline_error {border-color: #59a9e8 !important;}
#mc_embed_signup div.mce_inline_error {
margin: 0 0 1em 0;
padding: 10px 10px !important;
background-color: #59a9e8 !important;
font-weight: normal !important;
z-index: 1;
color: #fff;
}
#mc_embed_signup input[type="submit"] {background: #fff; color:#787A7D; font-weight: 400; letter-spacing: 0.1em !important; text-transform: uppercase; border: 1px solid #ccc; box-shadow: 0px 0px;border-radius: 0; margin-top: 2em; padding: 1em 2.2em; float:right; font-size: 70% !important}
/*Mailchimp customisation ENDS*/
/*dead man's pedal - don't show no post found, ever*/
.wpcp-no-post-found {display:none;}
/*dead man's pedal - don't show no post found, ever ENDS*/
/*hide the Thumnbails managed by Thumbpress*/
#image-sizes-credit {display:none !important;}
/*hide the Thumnbails managed by Thumbpress ENDS*/
/*subscribe-pop-up*/
/*heading*/
.subscribe-heading {font-size: 15px !important; text-align:left}
/*email address*/
.subscribe-pop-up label[for="mce-EMAIL"] {text-align: left !important; margin: 0 !important; float:left; font-size: 90%}
/*script p*/
.subscribe-pop-up p {height: 0;}
/*required*/
.subscribe-pop-up .required {font-size: 60% !important}
/*subscribe-pop-up ENDS*/
/*instagram video buttons*/
#sb_instagram .fa-play {transform:scale(.5) !important; }
#sb_instagram .fa-play path {stroke-linecap:square !important;}
/*instagram video buttons ENDS*/
/*force full height video when its in a row*/
.vc_row .nk-awb-wrap {min-height: 100% !important;}
/*force full height video when its in a row ENDS*/
/*light-button*/
a.light-button, a.light-button:visited {display:inline-block; padding: 1em 1.5em; border: 2px solid rgba(90,92,96,.45); font-size: 85%; text-transform: uppercase; line-height: 1; margin: 1em 1.5em; color: #787A7D; transition: all ease 0.3s; letter-spacing: 0.12em;}
a.light-button:hover {border: 2px solid rgba(90,92,96,.75); color: #787A7D;}
@media screen and (min-width: 811px) {
.many-buttons br {display:none;}
}
/*light-button ENDS*/
/*////////////////////////Gallery pages on our-story///////////////////////////*/
.gallery-container {
display: table;
width: 100%; max-width: 100vw;
}
.gallery-item {
display: table-cell;
padding: 0 8px 0 0;
}
.gallery-single-item .gallery-item {padding: 0;}
/*responsive*/
@media screen and (max-width: 736px) {
.gallery-container, .gallery-item {display:block}
}
/*spacing on second image*/
.gallery-item:nth-of-type(2) {padding: 0 0 0 0;}
.gallery-item.triple-push {
padding: 0 8px 0 0;
}
.gallery-item img {max-height: 100%; max-width: 100%;}
.gallery-item.full-width img {width:100vw !important; }
.gallery-item.full-width {padding: 0 0 0 0;}
/*responsive*/
@media screen and (max-width: 736px) {
.gallery-item {min-width: 100%;}
}
/*////////////////////////Gallery pages on our-story ENDS///////////////////////////*/
/*/////////#eu-cookie-bar/////////*/
#eu-cookie-bar { width: 360px;border:0; left: calc(100% - 406px); bottom: 34px; padding: 18px 12px 2px 15px; line-height: 1; box-sizing:border-box;
/*set max width if need be*/
/*background-color*/
background-color: rgba(255,255,255,1) !important; font-size: 80%; color: #787A7D; text-align:left;
-webkit-box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.3);
box-shadow: 2px 2px 10px -3px rgba(0,0,0,0.3);}
@media screen and (max-width: 768px) {
#eu-cookie-bar {font-size: 85% !important;left: 0 !important; right: 0 !important; width: 100% !important; max-width: calc(100% - 8%);bottom: 10px !important;margin-left: auto !important; margin-right: auto !important; background-color: rgba(255,255,255,1) !important; font-size: 70%; bottom: 0;}
}
#eu-cookie-bar a, #eu-cookie-bar a:visited {color: #787A7D; padding-bottom: 3px !important; display:inline-block !important; text-decoration:none; border-bottom: 1px solid rgba(90,92,96,.75); margin-left: 1px; transition: all ease .3s !important;}
#eu-cookie-bar a:hover {border-bottom: 1px solid #787A7D;}
#eu-cookie-bar a:after {}
button#euCookieAcceptWP {
margin: 0 0 0 2px;
line-height: 1.2;
background: rgba(255,255,255,0) !important;
color: rgba(90,92,96,.75) !important;
padding: .7em 1.5em;
border-radius: 0;
cursor: pointer;
font-weight: 400;
border:1px solid #ccc;
font-size: 90%;
float:right;
position:relative; top: -8px;
}
button#euCookieAcceptWP:hover {transition: border ease .3s !important;}
/*/////////#eu-cookie-bar ENDS/////////*/
/*extra single header fixes*/
.alm-reveal { background: #fff !important; position:relative; z-index: +1}
@media screen and (max-width: 1024px) {
.alm-reveal {border-top: 2px solid;}
}
#colophon {background-color: #fff !important; z-index: +1; position:relative;}
/*extra single header fixes ENDS*/
/*booking-buttons-row & booking-buttons-text*/
.booking-buttons-row {text-align:center; padding: 0px 0 120px;}
@media screen and (max-width: 1080px) {
.booking-buttons-row {padding: 0 0 100px;}
}
@media screen and (max-width: 810px) {
.booking-buttons-row {padding: 0 0 120px;}
}
a.new-buttons, a.new-buttons:visited {
display:inline-block;
margin: 0 1.2em;
padding: 1em 1.8em;
border: 2px solid rgba(90,92,96,.8);
font-size: 85%;
text-transform: uppercase;
line-height: 1 !important;
color: #787A7D !important;
transition: all ease 0.3s;
letter-spacing: 0.2em;
font-weight: 700;
}
a.new-buttons:hover {border: 2px solid rgba(90,92,96,.5); color: rgba(90,92,96,.5) !important;}
@media screen and (min-width: 841px) {
.booking-buttons-text br {display:none;}
}
@media screen and (max-width: 840px) {
a.new-buttons, a.new-buttons:visited {margin: 0 auto 3em;}
}
/*booking-buttons-row & booking-buttons-text ENDS*/
/*//////////Regular sessions///////////*/
/*hiit sessions wednesdays - on alm feed + #coming-events*/
.alm-listing.alm-ajax.single_more a[href="https://www.glovefactorystudios.com/wild-well-wednesdays-with-kay-skinner/"] p.entry-meta, #coming-events a[href="https://www.glovefactorystudios.com/wild-well-wednesdays-with-kay-skinner/"] p.entry-meta {color:rgba(255,255,255,0); position:relative;}
.alm-listing.alm-ajax.single_more a[href="https://www.glovefactorystudios.com/wild-well-wednesdays-with-kay-skinner/"] p.entry-meta:before, #coming-events a[href="https://www.glovefactorystudios.com/wild-well-wednesdays-with-kay-skinner/"] p.entry-meta:before {content:"Wednesdays"; display:block; color: rgba(255,255,255,1) !important; position:absolute; top: 0; left: 0;}
/*hiit sessions wednesdays - on alm feed ENDS*/
/*glove dippers group wednesdays - on alm feed + #coming-events*/
.alm-listing.alm-ajax.single_more a[href="https://www.glovefactorystudios.com/glove-dippers-group-dip/"] p.entry-meta, #coming-events a[href="https://www.glovefactorystudios.com/glove-dippers-group-dip/"] p.entry-meta {color:rgba(255,255,255,0); position:relative;}
.alm-listing.alm-ajax.single_more a[href="https://www.glovefactorystudios.com/glove-dippers-group-dip/"] p.entry-meta:before, #coming-events a[href="https://www.glovefactorystudios.com/glove-dippers-group-dip/"] p.entry-meta:before {content:"Wednesdays"; display:block; color: rgba(255,255,255,1) !important; position:absolute; top: 0; left: 0;}
/*hiit sessions wednesdays - on alm feed ENDS*/
/*wim-hof-fundamentals-workshop saturdays - on alm feed + #coming-events*/
.alm-listing.alm-ajax.single_more a[href="https://www.glovefactorystudios.com/wim-hof-fundamentals-workshop/"] p.entry-meta, #coming-events a[href="https://www.glovefactorystudios.com/wim-hof-fundamentals-workshop/"] p.entry-meta {color:rgba(255,255,255,0); position:relative;}
.alm-listing.alm-ajax.single_more a[href="https://www.glovefactorystudios.com/wim-hof-fundamentals-workshop/"] p.entry-meta:before, #coming-events a[href="https://www.glovefactorystudios.com/wim-hof-fundamentals-workshop/"] p.entry-meta:before {content:"Saturdays"; display:block; color: rgba(255,255,255,1) !important; position:absolute; top: 0; left: 0;}
/*wim-hof-fundamentals-workshop saturdays - on alm feed ENDS*/
/*//////////Regular sessions ENDS///////////*/
/*--------Nexudus Go Live--------*/
/*homepage banner-button*/
.banner-button a, .banner-button a:visited {border: 2px solid !important; padding: .5em 1.5em .6em; font-size: 14px !important; letter-spacing: 0.2em !important;}
.banner-button {margin-top: 1em !important; display:block; letter-spacing: 1em !important; font-size: 80% !important;}
.banner-buttons-multiple {display:flex; justify-content: center;}
.banner-buttons-multiple .banner-button {margin: 0 .75em;}
/*--------Nexudus Go Live ENDs--------*/
/*hide Nexudus Login for now
.nexudus-link {display:none !important;}*/
/*hide Nexudus Login for now ENDS*/
/*////////////////Health page additions////////////*/
.triple-white-background p {color: #787A7D !important;}
/*gf-sky-blue*/
.gf-sky-blue h2 {color: #59A9E8}
.gfs-sky-blue-reverse {background-color: #59A9E8}
.gf-sky-blue a, .gf-sky-blue a:visited {border-color: #59A9E8; color: #59A9E8; cursor:pointer;}
.gfs-sky-blue .su-spoiler-title {color: #fff !important;}
/*gf-sage*/
.gf-sage h2 {color: #779E7C}
.gf-sage-reverse {background-color: #779E7C}
.gf-sage a, .gf-sage a:visited {border-color: #779E7C; color: #779E7C; cursor:pointer;}
.gf-sage .su-spoiler-title {color: #fff !important;}
/*///////////////health page additions ENDS//////////////*/
/*fix the triple row sliders for mobile*/
@media screen and (max-width: 600px) {
.triple-row-slider .royalSlider, .triple-row-slider .rsContainer, .triple-row-slider .rsOverflow, .triple-row-slider .rsContent {max-height: 55vh;}
.triple-row-slider h2 {transform:translate(-50%,-50%); font-size: 190% !important;}
}
/*fix the triple row sliders for mobile ENDS*/
/*////////////////Load more////////////*/
.ajax-load-more-wrap.white .alm-load-more-btn::before {visibility: hidden !important;}
.ajax-load-more-wrap.white .alm-load-more-btn {width: 72px !important;}
/*////////////////Load more ENDS////////////*/
/*////////////////Health page additions ENDS////////////*/
/*hide the Done loadmore button*/
.alm-load-more-btn.done {opacity: 0 !important;}
/*accordion-centered - for extra copy - added Oct*/
.accordion-centered {text-align:center; margin-bottom: 3em; width: 100%; max-width: 720px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 768px) {
.accordion-centered {max-width: 90%;}
}
/*accordion-centered ENDS*/
/*gf-spoiler-buttons*/
.gf-spoiler-buttons { text-align:center; font-size: 85%; margin: 2em auto;}
@media screen and (min-width: 600px) {
.gf-spoiler-buttons {
display: flex;
gap: 1em;
justify-content: center;
align-items: center;}
}
@media screen and (max-width: 600px) {
.gf-spoiler-buttons {font-size: 95%;}
a.gf-spoiler-button {margin: 1em !important; line-height: 3;}
}
/*link style*/
a.gf-spoiler-button, a.gf-spoiler-button:visited {color: #fff; border-bottom: 1px solid rgba(255,255,255,1); transition: all ease .2s;}
a.gf-spoiler-button:hover {border-bottom: 1px solid rgba(255,255,255,0);}
/*gf-spoiler-buttons ENDS*/
/*glove-dippers-membership background-color*/
#glovedippers-membership {
background-color: #EFF4F0 !important;
}
/*.wpcp-swiper-wrapper*/
.wpcp-swiper-wrapper {margin-bottom: 0 !important;}
/*///////////////////////////////ARM///////////////////////////////*/
/* Stripe / Hide payment selector */
.arm_setup_gatewaybox_main_wrapper {display: none !important;}
/* Hide plan title */
.arm_setup_form_title {display: none !important;}
/*------//new form//------*/
.arm-default-form .arm_module_box {padding: 0;}
/*main width*/
.arm-default-form.arm_membership_setup_form {width: 100% !important; font-family:inherit !important; padding-top: 0em;}
/*plans container*/
.arm-default-form .arm_module_box.arm_module_plans_container {border-bottom: 0 !important;}
/*item*/
.arm-default-form .arm_module_box .arm_column_3 li.arm_setup_column_item {min-width: 33.12% !important; margin: 0 .15%; height:auto !important;}
@media screen and (min-width: 810px) {
.arm-default-form .arm_module_box .arm_column_3 li:nth-child(1) {margin-left: 0;}
.arm-default-form .arm_module_box .arm_column_3 li:nth-child(3) {margin-right: 0;}
/*if there's only one*/
.arm-default-form .arm_module_box .arm_column_3 li:only-child {margin-left: 0px !important; margin-right: 0 !important}
}
@media screen and (max-width: 810px) {
.arm-default-form .arm_module_box .arm_column_3 li.arm_setup_column_item {min-width: 100% !important; margin: 0 auto 8em auto !important;}
}
@media screen and (max-width: 767px) {
.arm-default-form .arm_module_box .arm_column_3 li.arm_setup_column_item {min-width: 100% !important; margin: 0 auto 5em auto !important;}
}
.arm-default-form .arm_module_plan_option {border: 0px none !important;}
/*title font*/
.arm-default-form .arm_module_plan_name, .gf-spoiler-swim-lilac .arm_module_gateway_name, .gf-spoiler-swim-lilac .arm_module_payment_cycle_name {text-transform:uppercase; position:absolute; top: 10px; left: 10px; font-weight: 300 !important;}
.arm-default-form .arm_module_plan_name {letter-spacing: 0 !important;}
/*price*/
.arm-default-form .arm_setup_column_item .arm_module_plan_price {letter-spacing: 0.1em; position:absolute; top: 4px; right: 14px; }
.arm-default-form .arm_module_plan_price_type {background-color: rgba(255,255,255,0) !important; border: 0px none !important; margin: 0px 0 0px !important;}
/*description*/
.arm-default-form .arm_module_plan_description {}
@media screen and (max-width: 810px) {
.arm-default-form .arm_module_plan_description {margin-bottom: 1.5em !important; padding-bottom: 2em !important;}
}
/*submit button*/
.arm-default-form .arm-df__form-control-submit-btn {font-family:inherit; text-transform:uppercase !important; font-weight: 700 !important;letter-spacing: 0.15em; padding: .1em !important; border-radius: 2px !important; font-size: 80% !important; width: 160px !important; margin-top: 2em !important; margin-bottom: 2em !important;}
@media screen and (max-width: 810px) {
.arm-default-form .arm-df__form-control-submit-btn { margin-top: 0em !important;}
}
/*blue*/
.gf-spoiler-swim-lilac .arm-df__form-control-submit-btn {background-color: #859DDD !important; border-color: #859DDD !important;}
/*brown*/
.gf-spoiler-gym-brown .arm-df__form-control-submit-btn, .gf-gym-brown .arm-df__form-control-submit-btn {background-color: #8D2B2A !important; border-color: #8D2B2A !important;}
/*blue back button*/
.arm-default-form .arm-df__form-control-submit-btn[data-id="arm_setup_two_step_previous"] {opacity: .5;}
.arm-default-form .arm-df__form-control-submit-btn[data-id="arm_setup_two_step_previous"]:hover {opacity: 1; }
/*.arm-default-form .arm_setup_submit_btn_wrapper*/
.arm-default-form .arm_setup_submit_btn_wrapper {padding-top: 0;}
/*default heading text colour*/
.arm-default-form .arm-df__heading-text {margin: 2em 0 !important; letter-spacing: 0.2em; line-height: 1.1 !important; text-transform: uppercase; font-weight: 700 !important;}
/*blue*/
.gf-spoiler-swim-lilac .arm-default-form .arm-df__heading-text {color: #859DDD !important;}
/*brown default heading text colour*/
.gf-spoiler-gym-brown .arm-default-form .arm-df__heading-text {color: #8D2B2A !important;}
/*blue hovers*/
.gf-spoiler-swim-lilac li.arm_setup_column_item:hover * {}
/*brown hovers*/
.gf-spoiler-gym-brown li.arm_setup_column_item:hover * {}
/*default labels*/
.arm-default-form .arm-default-form label {padding-bottom: .5em !important; color: #787A7D !important;}
/*label wrapper*/
.arm-default-form .arm_form_label_wrapper {width: 100% !important;}
/*checkbox & radio buttons*/
.arm-default-form input[type="checkbox"].arm-df__form-control--is-checkbox, .arm-default-form input[type="radio"].arm-df__form-control--is-radio {
border-radius: 0; position: relative; top: --0.25em;}
/*reduce input heights*/
.arm-default-form .arm-df__form-field-wrap input {height:38px !important}
/*reduce padding on im=nputs*/
.arm-default-form input.arm-df__form-control {padding: 8px 12px;}
/*align checkboxes to top*/
.arm-default-form .arm-df__checkbox.arm-d-flex.arm-align-items-center {
align-items: flex-start !important;
}
/*hide checkbox labels and required - on arm-dippers ONLY*/
.arm-dippers .arm-df__form-group_checkbox .arm_form_field_label_text, .arm-dippers .arm-df__form-group_checkbox .arm-df__label-asterisk {display:none !important;}
/*except Previous joining - SNAG*/
.arm-default-form #arm-df__form-group_1193 .arm_form_field_label_text {display:block !important;}
/*arm-df__form-field-wrap_checkbox*/
.arm-default-form .arm-df__form-field-wrap_checkbox {margin-top: .25em;}
/*helper text*/
.arm_form_ltr .arm_df__helper-description .arm_df__helper-description-text {
text-align: left !important;;
}
/*indented text with checkboxes .arm-df__form-group .arm-df__field-label .arm-df__label-asterisk + label.arm_form_field_label_text */
.arm-df__form-group .arm-df__field-label .arm-df__label-asterisk + label.arm_form_field_label_text {padding: 0 5px 5px 0 !important;}
/*required asterisk*/
.armf_alignment_left .arm_form_label_wrapper .arm-df__label-asterisk {
left: -8px !important;
}
/*SA FIX - needs parent div to override - brown .arm-df__form-group*/
.arm-default-form .arm-df__form-group {margin-bottom: .5em !important;}
/*blue .arm_pass_strength_meter*/
.arm-default-form .arm_pass_strength_meter {color: #787A7D; text-align:right; transform:scale(.9); transform-origin:top right; margin-bottom: -1em !important;}
/*tool tip errors*/
.arm-default-form .arm-df__fc--validation__wrap {border: 0px none !important; border-radius: 2px !important}
.arm-default-form .arm-df__fc--validation__wrap .arm_error_box_arrow {border: 0px none;}
/*container(s) padding padding*/
.arm-default-form .arm_module_box.arm_module_coupons_container,
.arm-default-form .arm_module_box.arm_module_gateways_container,
.arm-default-form .arm_module_box.arm_module_plans_container {border-bottom: 0 !important; padding-bottom: 4.5em !important;}
.arm-default-form .arm_module_box.arm_module_forms_container, .arm-default-form .arm_module_forms_container {border-bottom: 0 !important; padding-bottom: 2.5em !important;}
@media screen and (max-width: 767px) {
.arm-default-form .arm_module_box.arm_module_coupons_container,
.arm-default-form .arm_module_box.arm_module_forms_container,
.arm-default-form .arm_module_box.arm_module_gateways_container,
.arm-default-form .arm_module_box.arm_module_plans_container,
.arm-default-form .arm_module_forms_container {border-bottom: 0 !important; padding-bottom: 1em !important;}
}
/*links in html and checkbox areas*/
.arm-default-form .arm-df__fc-checkbox--label a, .arm-df__form-group_html a {color: inherit !important; border-bottom: 1px solid #787A7D !important;}
.arm-df__form-field-wrap_html p a {color: inherit !important; border-bottom: 1px solid #787A7D !important}
/*arm-df__form-group_html h2 & h3*/
.arm-df__form-group_html h2 {font-size: 130% !important; line-height: 1.1 !important;}
.arm-df__form-group_html h3 {text-align:center !important; font-size: 115% !important; line-height: 1.1 !important; margin: 3em auto;}
/*intro & summary text*/
.arm-default-form .acceptance-intro {margin: 4em auto 3em !important; font-size: 115% !important; text-align:center; padding: 0 2em;}
@media screen and (min-width: 500px) {
.arm-default-form .acceptance-intro {padding: 0; max-width: 500px;}
}
.arm-default-form .arm_setup_summary_text_container.arm_module_box .arm_setup_summary_text {font-size: 110% !important; line-height: 1.3; margin-bottom: 3em !important; margin-top: 2em;}
body.wp-singular .arm_setup_summary_text {margin-top: 5em !important}
.arm-default-form .arm_setup_summary_text strong {font-weight: 700}
/*Dippers payment summary colour*/
.arm-dippers .arm_setup_summary_text {/*color: #859DDD !important;*/}
/*brown*/
.gfs-gym-control .arm_setup_summary_text {/*color: #8D2B2A !important;*/}
/*gf-payments*/
.gf-payments {margin-bottom: 1.5em; text-transform:uppercase; width: 100%; max-width: 350px; margin-left: auto; margin-right: auto;}
.gf-payments:last-of-type {margin-bottom: 0;}
.gf-payments .gf-payment-info {text-transform:none; line-height: 1.3;}
.gf-payments.gf-strong {font-weight: 700;}
/*declaration*/
h2#declaration {margin: 0em auto 1em !important; padding-top: 3em;}
.acceptance-intro button, .acceptance-intro button:hover, .acceptance-intro button:focus, .acceptance-intro button:active {background: #fff; color: inherit; border-bottom: 2px solid !important; border-radius: 0; border-left: 0; border-right: 0; border-top: 0; padding: 0; font-size: 95%;
box-shadow: inset 0 0 0px 0px #fff, 0 0px 0 0 #fff;}
.arm-df__form-field-wrap_html .acceptance-intro a {border-bottom: 0px none !important}
/*acceptance button*/
/*------//new form ENDS//------*/
/*///////////////////////////////ARM ENDS///////////////////////////////*/
/*////////////////////////////Dippers & GYM////////////////////////////*/
#glove-dippers-membership {
background-color: #EFF4F0 !important;
}
.gf-swim-lilac {background-color: #859DDD;}
.gf-gym-brown {background-color: #8D2B2A;}
.gfs-booking-gym {background-color: #fff;}
.gf-spoiler-swim-lilac.su-spoiler {color: #859DDD !important; background-color: #fff;}
.gf-spoiler-gym-brown.su-spoiler {color: #8D2B2A !important; background-color: #fff;}
.gf-spoiler-swim-lilac.su-spoiler {border-top: 2px solid #859DDD !important;}
.gf-spoiler-gym-brown.su-spoiler {border-top: 2px solid #8D2B2A !important;}
.su-spoiler.no-border-top {border-top: 0px none !important;}
.gf-swim-lilac-reverse {color: #fff;}
.gf-gym-brown-reverse {color: #fff;}
/*gf-swim-lilac*/
.gf-swim-lilac h2, .gf-swim-lilac .su-spoiler-content {color: #859DDD !important;}
/*gf-gym-brown*/
.gf-gym-brown h2, .gf-gym-brown .su-spoiler-content {color: #8D2B2A !important;}
/*gf-swim-lilac a*/
.gf-swim-lilac a {border-bottom: 1px solid #859DDD !important; color: #859DDD !important; cursor:pointer !important;}
.gf-swim-lilac .gf-spoiler-buttons {font-size:100%;}
/*gf-gym-brown a*/
.gf-gym-brown a {border-bottom: 1px solid #8D2B2A !important; color: #8D2B2A !important; cursor:pointer !important;}
.gf-gym-brown .gf-spoiler-buttons {font-size:100%;}
/*.gf-swim-lilac .accordion-centered*/
.gf-swim-lilac .accordion-centered {text-align:center; margin-bottom: 3em; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto;}
/*.gf-swim-lilac .accordion-centered*/
.gf-gym-brown .accordion-centered {text-align:center; margin-bottom: 3em; width: 100%; max-width: 800px; margin-left: auto; margin-right: auto;}
@media screen and (max-width: 768px) {
.gf-swim-lilac .accordion-centered {max-width: 90%;}
}
@media screen and (max-width: 768px) {
.gf-gym-blue .accordion-centered {max-width: 90%;}
}
/*.gfs-spoiler-content .su-spoiler-content*/
@media screen and (max-width: 414px) {
.gf-swim-lilac .su-spoiler-content {max-width: 98%}
}
/*.gfs-spoiler-content .su-spoiler-content*/
@media screen and (max-width: 414px) {
.gf-gym-blue .su-spoiler-content {max-width: 98%}
}
/*member-benefits*/
.member-benefits ul {
list-style:outside none;
width:100%; max-width: 350px; margin: 3em auto 0 auto; font-size:110%;}
.member-benefits li {margin: 0 0 1em 0; line-height: 1.4;}
/*.always-white*/
.always-white, .always-white p {color: #fff !important}
/*member benefits ENDS*/
/*.coming-events-row-title*/
.coming-events-row-title {text-transform:uppercase; font-size:170%; font-weight: 700; letter-spacing: 0.05em; padding: .25em 0 1em; }
.coming-events-row-title.gf-swim-lilac {color: #859DDD !important; background: 0 !important; border-top: 2px solid #859DDD;}
.coming-events-row-title.gf-gym-brown {color: #8D2B2A !important; background: 0 !important; border-top: 2px solid #8D2B2A;}
/*alm-balm-btn-wrap hidden*/
.dipper-events .alm-btn-wrap {display:none;}
/*/////////////////////////////Dippers ENDS////////////////////////////*/
/*/////////////////////////////Booking Press///////////////////////////////*/
/*gfs-booking-press*/
.gfs-booking-press {margin: 0 auto}
/*main container width*/
.gfs-booking-press .bpa-frontend-main-container, gfs-booking-press .bpp-frontend-main-container-package, .gfs-booking-press .bpp-frontend-main-container-package, .gfs-booking-press .bpp-frontend-main-container-package .bpp-frontend-main-inner_container, .gfs-booking-press .bpa-front-customer-panel-container {
width: 100% !important;
max-width: calc(1600px - 40px) !important;
margin: 0 auto !important;
position: relative;
display: block;
}
.gfs-dummy-calendar {
width: 100% !important;
margin: 10em auto !important;
}
.gfs-calendar-content {
width: 100% !important;
max-width: 1600px !important;
margin: 0 auto !important;
padding: 10em 0;
text-align:center;
}
@media screen and (max-width: 1440px) {
.gfs-booking-press .bpa-frontend-main-container {padding: 0;}
}
/*package detail*/
.gfs-booking-press .bpp-frontend-main-container-package .bpp-front-package-detail {border-radius: 0 !important}
/*packages slider*/
.gfs-booking-press .el-carousel__item {border-radius: 0 !important}
/*Instructor avitar*/
.gfs-booking-press .bpa-front-sm-card .bpa-front-sm-card__left .bpa-front-sm__default-img {border-radius: 0 !important}
/*left menu*/
.gfs-booking-press .bpa-front-tab-menu {
border-radius: 0 !important; box-shadow: 0px 0px 0px 0px !important;
}
/*left menu icons*/
.gfs-booking-press .bpa-front-tm--item-icon {border-radius: 0 !important;}
/*main window*/
.gfs-booking-press .bpa-front-default-card, .gfs-booking-press .bpa-front-cp-card { border-radius: 0 !important;}
/*main window pills*/
.gfs-booking-press .bpa-front-ci-pill.el-tag {border-radius: 0 !important;}
/*main-window-cards*/
.gfs-booking-press .bpa-front-si-card, .gfs-booking-press .bpa-front-sm-card {border-radius: 0 !important;}
/*buttons*/
.gfs-booking-press .bpa-front-btn__medium, .gfs-booking-press .bpa-btn--full-width, .gfs-booking-press .bpp-frontend-main-container-package .bpp-front-package-filter button.bpp-front-btn {border-radius: 2px !important;}
/*booking press fonts - packages*/
.gfs-booking-press .bpp-frontend-main-inner_container * {font-family: 'trade-gothic-next',sans-serif !important;}
/*stubborn heading for packages*/
.gfs-booking-press .bpp-front-module-heading {font-family: 'trade-gothic-next',sans-serif !important; color: #787A7D !important;}
/*search bar*/
.gfs-booking-press .bpp-front-form-control input {border-radius: 0 !important}
/*.bpp-package-slider .el-carousel__item img*/
.gfs-booking-press .el-carousel__container, .gfs-booking-press .bpp-package-slider .el-carousel__item { width: 100%; aspect-ratio: 2 / 1 !important; height:auto !important;overflow:hidden;}
.gfs-booking-press .bpp-package-slider .el-carousel__item img {height: auto;}
/*my account stuff*/
.gfs-booking-press .bpa-front-form-control .el-textarea__inner, .gfs-booking-press .bpa-front-form-control input, .gfs-booking-press .el-date-picker__time-header .el-input .el-input__inner {border-radius: 0 !important}
/*hide repeat titles*/
.gfs-booking-press [aria-label="My Bookings"]{display:none;}
/*my bookings navbar*/
.gfs-booking-press .bpa-front-cp-top-navbar {border-radius: 0 !important;}
/*background colors on certain table cells*/
.gfs-booking-press .bpa-cp-ma-table.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell,
.gfs-booking-press .bpa-front-toast-notification.--bpa-error,
.gfs-booking-press .bpa-front-toast-notification.--bpa-success,
.gfs-booking-press .bpa-front-ma--pagination-wrapper.__bpa-is-sticky,
.gfs-booking-press .el-year-table td.disabled .cell,
.gfs-booking-press .el-month-table td.disabled .cell {
background-color: #fff !important;
}
/*.bpa-front-ma-view-appointment-card*/
.bpa-front-ma-view-appointment-card {border-radius: 0 !important;}
/*avitar*/
.gfs-booking-press .bpa-cp-ls__personal-details .bpa-cp-avatar__default-img {border-radius: 0 !important}
/*my account menu icons*/
.gfs-booking-press .bpa-cp-ls__tab-menu .bpa-tm__item .bpa-tm__item-icon {border-radius: 0 !important}
/*columns*/
.gfs-booking-press .bpp-frontend-main-container-package .bpp-package-list-col {
width: 33%;
}
@media screen and (max-width: 1280px) {
.gfs-booking-press .bpp-frontend-main-container-package .bpp-package-list-col {
width: 48.8%;}
}
@media screen and (max-width: 810px) {
.gfs-booking-press .bpp-frontend-main-container-package .bpp-package-list-col {
width: 100%;}
}
@media screen and (max-width: 810px) {
.gfs-booking-press .bpp-frontend-main-container-package .bpp-package-detail {display:block !important; padding-top: 8vw !important;}
}
/*my account drop down mobile menu*/
.el-dropdown-menu {}
.el-dropdown-menu__item {height: 30px !important;}
/*zindex on whole thing*/
.el-dropdown-menu.el-popper.bpa-tn__dropdown-menu {z-index: 9999999999 !important;}
/*approved colour*/
.gfs-booking-press .bpa-cp-ma-table.el-table .bpa-ma-status-box.__bpa-is-approved .bpa-sb__circle {
background-color: #779E7C;
}
.gfs-booking-press .bpa-cp-ma-table.el-table .bpa-ma-status-box.__bpa-is-approved {
border-color: #779E7C !important;
}
/*hide dodgy vectors*/
.bpa-front-module--booking-summary .bpa-head__vector {opacity: 0 !important;}
/*//////////////////////////LAst child margin bottom override - reinforce Booking Press's own///////////////////////*/
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag {margin-bottom: 12px !important;}
/*//////////////////////////LAst child margin bottom override - reinforce Booking Press's own ENDS///////////////////////*/
/*/////Similar width////////*/
.bpa-front-module--category .bpa-front-cat-items .bpa-front-ci-pill.el-tag .bpa-front-ci-item-title {max-width: 140px !important; padding: 1em;}
/*/////Similar width ENDS////////*/
/*////////////arrange items left in a flex display///////////////*/
.gfs-booking-press .el-row--flex.is-justify-space-between {
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
/*////////////arrange items left in a flex display ENDS///////////////*/
/*tab menu no order*/
.gfs-booking-press .bpa-front-tabs--vertical-left .bpa-front-tab-menu {border: 0}
/*.bpa-front-default-card & .bpa-front-cp-card*/
.gfs-booking-press .bpa-front-default-card, .gfs-booking-press .bpa-front-cp-card {border: 0}
/*/////////////////////////////Booking Press ENDS//////////////////////////*/
/*////////////////////////////temp global menu items we don't want to see 'if I'm logged into health'//////////////////////////////////*/
body.logged-in .global-only {opacity: 0.4}
/*////////////////////////////temp global menu items we don't want to see 'if I'm logged into health' ENDS//////////////////////////////////*/
/*///////////////////////////Logged in header////////////////////////*/
.full-width-slide.logged-in-header .rsImg.rsMainSlideImage {position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);object-fit:cover !important; min-height: 100%;}
.logged-in-header h1 {display:none !important;}
/*//////////////////////////Logged in header ENDS//////////////////////*/
/*gotta sort this footer behaviour out - I've forced opacity on for the BP pages*/
/*gfs-footer-container*/
.gfs-footer-container {display:block; width: 100%;padding-bottom: 6px;min-height: 50vw; opacity: 1 !important;}
/*gotta sort this footer behaviour out - I've forced opacity on for the BP pages ENDS*/
/*calendar font*/
.bpa-front--dt__calendar * {font-family: 'trade-gothic-next',sans-serif !important;}
/*calendar font ENDS*/
/*slots fonts too*/
.bpa-front--dt__time-slots * {font-family: 'trade-gothic-next',sans-serif !important;}
/*slots fonts too ENDS*/
/*hide the search bar in packages*/
.gfs-booking-press .bpp-frontend-main-container-package .bpp-filter-package-search {display:none;}
/*hide the filter bar in packages*/
.gfs-booking-press .bpp-frontend-main-container-package .bpp-front-package-filter {display:none;}
/*hide the packages title and show ours*/
.gfs-booking-press .bpp-frontend-main-container-package {position:relative;}
/*swim*/
.gfs-booking-press.gfs-booking-swim .bpp-frontend-main-container-package:before {content:"Swim memberships"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; /*color: #859DDD;*/}
/*gym*/
.gfs-booking-press.gfs-booking-gym .bpp-frontend-main-container-package:before {content:"Gym bundles"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; /*color: #8D2B2A;*/}
/*classes*/
.gfs-booking-press.gfs-booking-classes .bpp-frontend-main-container-package:before {content:"Class bundles"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; color: #8D2B2A;}
.gfs-booking-press .bpp-frontend-main-container-package .bpp-front-module-heading {display:none}
/*hide the packages title and show ours ENDS*/
/*print a sessions title*/
.gfs-booking-press #bpa-front-tabs {position:relative;}
/*swim*/
.gfs-booking-press.gfs-booking-swim #bpa-front-tabs:before {content:"Swim sessions"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; /*color: #859DDD;*/}
/*induction*/
.gfs-booking-press.gfs-booking-induction #bpa-front-tabs:before {content:"Gym induction"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; color: #8D2B2A;}
/*gym*/
.gfs-booking-press.gfs-booking-gym #bpa-front-tabs:before {content:"Gym sessions"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; color: #8D2B2A;}
/*classes*/
.gfs-booking-press.gfs-booking-classes #bpa-front-tabs:before {content:"Class sessions"; font-size: 150%; font-weight: 700; margin-bottom: 1em !important; display:block; color: #8D2B2A;}
/*print a sessions title ENDS*/
/*'Select' headings in Sessions*/
.gfs-booking-press .bpa-front-module--booking-summary .bpa-front-module--bs-head h4, .gfs-booking-press .bpa-front-module-heading {margin-bottom: 1em !important;}
/*'Select' headings in Sessions ENDS*/
/*.bpa-fm--si--col*/
.gfs-booking-press .bpa-fm--si--col {margin-bottom: 24px;}
/*.bpa-fm--si--col ENDS*/
/*white button*/
a.white-button, a.white-button:visited, a.white-button:focus, a.white-button {
border: 2px solid #fff !important;
padding: .5em 1.5em .6em;
font-size: 100% !important;
margin: 3em auto;
font-weight: 700;
letter-spacing: 0.2em !important;
color: #fff;
text-transform:uppercase;
display:inline-block;
text-align:center;
opacity: 1;
transition:all ease .3s;
}
a.white-button:hover {opacity: .6;}
/*white-button ENDS*/
/*calendar content label*/
.gfs-calendar-content {position:relative;}
.gfs-calendar-content:before {content:"Class schedule"; font-size: 180%; font-weight: 700; margin-bottom: 1.2em !important; display:block; text-align:left; color: #fff;}
/*calendar content label ENDS*/
/*.bpp-package-list-col .bpp-package-detail .bpp-package-name*/
.gfs-booking-press .bpp-package-name {font-size: 125% !important; line-height: 1.2; }
/*.bpp-package-list-col .bpp-package-detail .bpp-package-name ENDS*/
/*bp fix modal*/
.v-modal {z-index: 99999 !important; background:rgba(255,255,255,0) !important;}
/*bp fix modal ENDS*/
/*------------ARM adjustments on SWIM & GYM---------------*/
.gf-spoiler-swim-lilac .arm-default-form .arm-df__form-group.arm-df__form-group_submit, .gf-spoiler-gym-brown .arm-default-form .arm-df__form-group.arm-df__form-group_submit {margin-top: 4em !important}
@media screen and (max-width: 810px) {
.gf-spoiler-swim-lilac .arm-default-form .arm-df__form-group.arm-df__form-group_submit, .gf-spoiler-gym-brown .arm-default-form .arm-df__form-group.arm-df__form-group_submit {margin-top: 2em !important}
}
.gf-spoiler-swim-lilac .arm-default-form.arm_membership_setup_form, .gf-spoiler-gym-brown .arm-default-form.arm_membership_setup_form {padding-top: 0;}
#arm_subscription_plan_option_4,
#arm_subscription_plan_option_3,
#arm_subscription_plan_option_2,
#arm_subscription_plan_option_6,
#arm_subscription_plan_option_10,
#arm_subscription_plan_option_11 {border-radius: 0; width: 100%; width:100% !important; aspect-ratio: 17 / 10 !important;height: auto !important;padding: 1em !important; margin-left: auto; margin-right: auto; border-radius: 0;}
#arm_subscription_plan_option_4 {background: url("https://www.glovefactorystudios.com/wp-content/uploads/glove-factory-swimming-day-pass.jpg"); background-size:cover; background-position: 0% 22%;}
#arm_subscription_plan_option_3 {background: url("https://www.glovefactorystudios.com/wp-content/uploads/2025/07/glove-factory-swimming-season-pass.jpg"); background-size:cover;}
#arm_subscription_plan_option_2 {background: url("https://www.glovefactorystudios.com/wp-content/uploads/2025/09/gfs_health_events_thumb.jpg"); background-size:cover; background-position:0% 33%;}
#arm_subscription_plan_option_6 {background: url("https://www.glovefactorystudios.com/wp-content/uploads/2025/11/gym-membership-lady-hand.jpg"); background-size:cover; background-position: right;}
#arm_subscription_plan_option_10, #arm_subscription_plan_option_11 {background: url("https://www.glovefactorystudios.com/wp-content/uploads/2025/11/gym-membership-man-hand.jpg"); background-size:cover;}
#arm_subscription_plan_option_4 *, #arm_subscription_plan_option_3 *, #arm_subscription_plan_option_2 *, #arm_subscription_plan_option_6 *, #arm_subscription_plan_option_10 *, #arm_subscription_plan_option_11 * {text-align:left; }
/*selected/active*/
.arm-default-form .arm_setup_column_item {opacity: 0.4; transition: all .3s ease;}
.arm-default-form .arm_setup_column_item:hover {opacity: 0.8;}
.arm-default-form .arm_setup_column_item.arm_active {opacity: 1; transition:all ease .4s !important;}
/*print the choose option on active class*/
.arm-default-form .arm_active {position:relative;}
.arm-default-form .arm_active:after {content: "Selected"; position:absolute; top: calc(98% - 50px); right: 3%; min-width: 18%; padding: .6em 1.2em; color: #fff; display:inline-block; border: 2px solid; text-transform:uppercase; letter-spacing: 0.1em; font-size: 85%; line-height:1; pointer-events:none;}
/*name, price and description*/
#arm_subscription_plan_option_4 .arm_module_plan_name,
#arm_subscription_plan_option_3 .arm_module_plan_name,
#arm_subscription_plan_option_2 .arm_module_plan_name,
#arm_subscription_plan_option_6 .arm_module_plan_name,
#arm_subscription_plan_option_10 .arm_module_plan_name,
#arm_subscription_plan_option_11 .arm_module_plan_name {padding: 0 0em 0 0; margin: 0; font-size: 260% !important; letter-spacing: 0.1em; line-height: 1; max-width: 360px; color: #fff !important;}
@media screen and (max-width: 1400px) {
#arm_subscription_plan_option_4 .arm_module_plan_name,
#arm_subscription_plan_option_3 .arm_module_plan_name,
#arm_subscription_plan_option_2 .arm_module_plan_name,
#arm_subscription_plan_option_6 .arm_module_plan_name,
#arm_subscription_plan_option_10 .arm_module_plan_name {font-size: 200% !important; max-width: 66%}
}
@media screen and (max-width: 1280px) {
#arm_subscription_plan_option_4 .arm_module_plan_name,
#arm_subscription_plan_option_3 .arm_module_plan_name,
#arm_subscription_plan_option_2 .arm_module_plan_name,
#arm_subscription_plan_option_6 .arm_module_plan_name,
#arm_subscription_plan_option_10 .arm_module_plan_name,
#arm_subscription_plan_option_11 .arm_module_plan_name{font-size: 180% !important; max-width: 66%}
}
#arm_subscription_plan_option_4 .arm_module_plan_price,
#arm_subscription_plan_option_3 .arm_module_plan_price,
#arm_subscription_plan_option_2 .arm_module_plan_price,
#arm_subscription_plan_option_6 .arm_module_plan_price,
#arm_subscription_plan_option_10 .arm_module_plan_price,
#arm_subscription_plan_option_11 .arm_module_plan_price {padding: 0; margin: 0em 0; font-size: 140% !important; font-weight: 300 !important; color: #fff !important;}
@media screen and (max-width: 1280px) {
#arm_subscription_plan_option_4 .arm_module_plan_price,
#arm_subscription_plan_option_3 .arm_module_plan_price,
#arm_subscription_plan_option_2 .arm_module_plan_price,
#arm_subscription_plan_option_6 .arm_module_plan_price,
#arm_subscription_plan_option_10 .arm_module_plan_price,
#arm_subscription_plan_option_11 .arm_module_plan_price { font-size: 120% !important}
}
/*moving the description*/
.arm_module_box .arm_column_3 {overflow:visible !important;}
.arm_module_plan_description {padding: 0 0 0 0 !important; margin: 0 auto !important; max-width: 640px !important; display:block !important; float:left; position:absolute; left: 0; right: 0; text-align:center !important; top: 104%; color: #787A7D !important; left: 0; overflow:visible !important;
vertical-align:top !important; transform:scale(.9);}
/*letter spacing on price*/
.arm-default-form .arm_setup_column_item .arm_module_plan_price {letter-spacing: 0 !important;}
/*proceed button*/
.gf-spoiler-swim-lilac .arm-df__form-control-submit-btn, .gf-spoiler-gym-brown .arm-df__form-control-submit-btn {margin-top: 0 !important;}
/*form title*/
.gf-gym-brown .arm-df__heading-text {color: #8D2B2A !important;}
/*kill border-radius*/
.arm-default-form:not(.arm_admin_member_form) {border-radius:0 !important;}
/*login link under proceed button*/
.arm_reg_links_wrapper {margin-top: 1.5em !important}
.gf-spoiler-swim-lilac .arm_reg_links_wrapper .arm_login_link a, .gf-spoiler-swim-lilac .arm_reg_links_wrapper * {color: #859DDD !important;}
.gf-spoiler-gym-brown .arm_reg_links_wrapper .arm_login_link a, .gf-spoiler-gym-brown .arm_reg_links_wrapper * {color: #8D2B2A !important;}
/*hide your current membership*/
.arm_current_user_plan_info {display:none !important;}
/*------------ARM adjustments on SWIM & GYM ENDS--------------*/
/*bpa login*/
.bpa-front-customer-panel-login-container {border-radius: 0 !important;}
.bpa-front-customer-panel-login-container .bpa-front-btn {border-radius: 2px !important;}
/*bpa login*/
/*.gfs-arm-row*/
.gfs-arm-row {margin-bottom: 2em;}
/*.arm_current_membership_container */
.gfs-arm-row .arm_current_membership_container {max-width: 1600px; width: 100% !important; margin-left: auto !important; margin-right: auto !important; margin-bottom: 6em;}
/*.arm_current_membership_container ENDS*/
/*border colours*/
.gfs-arm-row .arm_user_current_membership_list_table, .gfs-arm-row .arm_user_current_membership_list_table th, .gfs-arm-row .arm_user_current_membership_list_table td, .gfs-arm-row .arm_user_current_membership_list_table tr {border-color: #e7e7e7 !important; font-weight: 400 !important}
/*header font weight*/
.gfs-arm-row .arm_user_current_membership_list_table th {text-align:left !important;}
/*header*/
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_header th {font-weight: normal !important; padding: 1.5em 1.5em !important; color: #787A7D !important; background-color: #fff !important; font-size: 100% !important;}
/*.arm_current_membership_container .arm_current_membership_heading_main*/
.gfs-arm-row .arm_current_membership_container .arm_current_membership_heading_main {color: #787A7D !important;}
/*Action buttons*/
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style:active,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style:focus,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_update_card_button_style:hover {background-color:#fff !important; background: none !important;color: inherit !important; border-color: inherit !important; border-radius: 0 !important; padding: 0 .5em}
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button:active,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button:focus,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_cancel_subscription_button:hover {background-color:#fff !important; background: none !important;color: inherit !important; border-color: inherit !important; border-radius: 0 !important; padding: 0 .5em}
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:active,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:focus,
.gfs-arm-row .arm_current_membership_container .arm_current_membership_list_item .arm_renew_subscription_button:hover {background-color:#fff !important; background: none !important;color: inherit !important; border-color: inherit !important; border-radius: 0 !important; padding: 0 .5em}
.gfs-arm-row .arm_paging_links .arm_next, .gfs-arm-row .arm_paging_links .arm_page_numbers, .gfs-arm-row .arm_paging_links .arm_prev {color: inherit !important; border-radius: 0 !important;}
.gfs-arm-row .arm_paging_links {filter:saturate(0);}
/*gfs-gym-control general*/
.gfs-gym-control h2, .gfs-gym-control p {text-align:center;}
.gfs-gym-control h2 {color: #8D2B2A;}
.gfs-gym-control p {font-size: 110%; margin-bottom: .5em; line-height: 1.3;}
.gfs-gym-control p a, .gfs-gym-control p a:visited {color: #8D2B2A; border-bottom: 1px solid #fff;}
.gfs-gym-control p a:hover {border-bottom: 1px solid #8D2B2A;}
.gfs-gym-control {margin-bottom: 2em !important}
.gfs-gym-control .bpa-frontend-main-container {margin-top: 2em !important;}
.gfs-gym-arm-embed .arm_setup_form_container {margin-top: 2.5em !important;}
/* WARNING arm_disabled_submission_container*/
.arm_disabled_submission_container {transform:scale(.6); opacity: 0.2; filter:saturate(0); text-align:center !important; max-width: 900px; margin-left: auto; margin-right: auto;}
/*///////my-account ENDS/////////*/
/* /////////////////////////////////// WOO //////////////////////////////////////////// */
/* FLUFFYTECH: WooCommerce Accent – Buttons + Product Links (#8D2B2A)
--------------------------------------------------------------------------------------- */
:root {
--fluffy-accent: #8D2B2A;
--fluffy-accent-hover: #773131;
}
/* 1. WooCommerce links + product titles
(ONLY inside Woo wrappers) --------------------------------------- */
.woocommerce a,
.woocommerce a:visited {
color: var(--fluffy-accent) !important;
}
.woocommerce a:hover {
color: var(--fluffy-accent-hover) !important;
}
/* Product titles in loops & single product */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3,
.woocommerce div.product .product_title {
/*! color: var(--fluffy-accent) !important; */
}
/* 2. WooCommerce buttons (incl. Proceed to checkout & Place order) -- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #content input.button,
.woocommerce .checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order {
background-color: var(--fluffy-accent) !important;
border-color: var(--fluffy-accent) !important;
color: #ffffff !important;
text-decoration: none !important;
box-shadow: none !important;
text-shadow: none !important;
font-size:90% !important; line-height: 1 !important; padding: .7em 1.5em;
}
/*fatter checkout & place order button*/
.woocommerce .checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce #payment #place_order {padding: 1.5em; font-size:100% !important}
/*gap above to overridee smallscreen*/
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
margin-top: 1em
}
/* Hover states */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce .checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #payment #place_order:hover {
background-color: var(--fluffy-accent-hover) !important;
border-color: var(--fluffy-accent-hover) !important;
color: #ffffff !important;
}
/* Safety net for block-theme Woo buttons */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button {
background-color: var(--fluffy-accent) !important;
border-color: var(--fluffy-accent) !important;
color: #ffffff !important;
}
/* Remove rounded corners on ANY Woo box/table/button -------------------------------- */
.woocommerce *,
.woocommerce input,
.woocommerce button,
.woocommerce .button,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce table,
.woocommerce th,
.woocommerce td {
border-radius: 0 !important;
}
/* FLUFFYTECH: WooCommerce Product Title Link Colours
--------------------------------------------------------------------------------------- */
/* Normal state */
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product a.woocommerce-loop-product__link {
color: #8D2B2A; /* your desired colour */
}
/* Hover state */
.woocommerce ul.products li.product .woocommerce-loop-product__title a:hover,
.woocommerce ul.products li.product a.woocommerce-loop-product__link:hover {
color: #9B4C1B; /* hover colour */
}
/* FLUFFYTECH: Add Large White Space Before Footer
--------------------------------------------------------------------------------------- */
/*------------------------woo-quick---------------------*/
.woo-quick li {position:relative;}
.woo-quick h2 {position:absolute; top: 0.5em; left: .5em;margin: 0 !important; padding: 0 !important;}
.woo-quick .price {position:absolute; top: 3em; left: .6em; margin 0 !important; font-size: 120% !important}
.woo-product-array.short-product-titles .price {top: 1.7em;}
/*booking responsive*/
@media screen and (max-width: 1600px) {
.woo-quick .price {top: 11.5%; left: 3%}
}
.woo-quick .button {float:right;position:absolute; bottom:7.2em; right: 2em !important; margin 0 !important; z-index: +1 !important;}
@media screen and (max-width: 1600px) {
.woo-quick .button {bottom: 6.5em; right: 1.2em !important;}
}
/*kills image link so user HAS to use buttons that do the scroll too!*/
.woo-quick a.woocommerce-LoopProduct-link {pointer-events:none !important;}
/*------------------------woo-quick ENDS---------------------*/
/*------------------remove return to shop --------------------*/
.woocommerce-cart .return-to-shop { display: none !important; }
/*------------------remove return to shop --------------------*/
/*max-width for basket, account, check out etc etc*/
body.woocommerce-checkout .woocommerce, body.woocommerce-cart .woocommerce, body.woocommerce-account .woocommerce {width: 100%; max-width: calc(1600px - 40px) !important; margin-left: auto; margin-right: auto; padding-top: 3em; padding-bottom: 6em}
.paperboy-parq-wrapper {width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; padding-top: 3em; padding-bottom: 6em;}
@media screen and (max-width: 1024px) {
.paperboy-parq-wrapper {max-width: 100% !important;}
}
@media screen and (max-width: 1600px) {
body.woocommerce-checkout .woocommerce, body.woocommerce-cart .woocommerce, body.woocommerce-account .woocommerce {max-width: 100% !important;}
}
/*booking responsive*/
@media screen and (max-width: 768px) {
body.woocommerce-checkout .woocommerce, body.woocommerce-cart .woocommerce, body.woocommerce-account .woocommerce, .paperboy-parq-wrapper {padding-top: 1.5em; padding-bottom: 3em}
}
/*max-width for basket, account, check out etc etc ENDs*/
/*woowoocommerce-notices-wrapper*/
.woocommerce-notices-wrapper {text-align:center; margin-bottom: 2em !important; }
/*woowoocommerce-notices-wrapper ENDS*/
/*woocommere-error*/
.woocommerce-error li {line-height: 1.5 !important;}
.woocommerce-error::before {display:none;}
/*woocommere-error ENDS*/
/*woocommerce-info*/
.woocommerce-info, .woocommerce-message, .woocommerce-error {text-align:center; border-top: 0; padding: 2em 16px; background-color: #e4e4e4 !important; line-height: 1.5 !important; font-size:115%; border: 0px solid rgba(0,0,0,0); color: inherit !important;}
.woocommerce-MyAccount-content .woocommerce-info {background-color: rgba(255,255,255,0) !important; }
.woocommerce-info a, .woocommerce-message a, .woocommerce-error a {text-decoration:underline;}
.woocommerce-info a:hover, .woocommerce-message a:hover, .woocommerce-error a:hover {text-decoration:none;}
.woocommerce-MyAccount-content .woocommerce-info, .woocommerce-message {border: 0; padding: 0em 10px 0 0; text-align:left;}
.woocommerce-info:before {display:none;}
/*woocommerce-info ENDS*/
/*error in my account*/
body.woocommerce-account .woocommerce-error {width: 100%; max-width: calc(100% - 3.5em) !important; margin-left: auto; margin-right: auto; margin-top: 0 !important}
@media screen and (max-width: 768px) {
body.woocommerce-account .woocommerce-error {width: 100%; max-width: calc(100% - 2em) !important;}
}
/*all table border*/
.woocommerce table.shop_table {border: 1px solid rgba(0,0,0,0.2);}
/*symbols*/
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {display:none;}
/*paperboy notice on Questionnaires*/
.woocommerce-error.paperboy-required-note {color: #8D2B2A !important;}
/*common font size in cart and totals*/
.woocommerce-cart-form *, .cart-collaterals * {font-size: 100% !important; color: inherit !important;}
/*common font size in cart ENDs*/
/*common size for all table heading*/
.woocommerce-cart-form th, .cart-collaterals tr {font-size: 90% !important}
/*coupon box*/
.woocommerce-cart table.cart td.actions .coupon .input-text {width: 120px !important; min-height: 35.7px; text-align:center;}
/*my-account*/
body.woocommerce-account .woocommerce {border: 2px solid rgba(0,0,0,0.2); margin-top: 2em; margin-bottom: 2em !important; box-sizing: border-box}
/*login*/
body.woocommerce-account #customer_login {width: 100%; max-width: calc(100% - 5.5em); margin: 0 auto;}
body.woocommerce-account .woocommerce-form-register button {margin-top: 1.3em !important}
/*booking responsive*/
@media screen and (max-width: 768px) {
.woocommerce-notices-wrapper:empty {display:none;}
body.woocommerce-account #customer_login {max-width: calc(100% - 2em);}
.woocommerce form.login {margin-bottom: 4em !important}
}
body.woocommerce-account .paperboy-account-health.woocommerce, body.woocommerce-account .paperboy-account-credits.woocommerce {border: 0 !important; margin-top: 0 !important; padding-top: 0;}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper:first-of-type {margin-bottom: 0 !important;}
.woocommerce-MyAccount-navigation ul li {list-style: outside none; margin-bottom: .5em; margin-left: 2em;}
body.woocommerce-account .woocommerce-MyAccount-content {padding-right: 1em}
/*booking responsive*/
@media screen and (max-width: 768px) {
body.woocommerce-account .woocommerce {margin-top: 1em !important; margin-bottom: 1em !important}
body.woocommerce-account .woocommerce-MyAccount-content {margin-left: 1em; max-width: 90%; padding-top: 3em; border-top: 2px solid rgba(0,0,0,0.2); margin-top: 3em;}
.woocommerce-MyAccount-navigation ul li {margin-left: 1em;}
}
body.woocommerce-account .woocommerce-MyAccount-content h2, body.woocommerce-account #customer_login h2 {margin-top: 0 !important; font-size: 100% !important}
body.woocommerce-account .woocommerce-MyAccount-content * {font-style: normal !important;}
body.woocommerce-account .addresses .title .edit {font-size: 80% !important;}
body.woocommerce-account hr {margin-left: 0; margin-right: 0;}
body.woocommerce-account p {margin: 0 0 1em 0; font-size: 100%;}
/*inputs*/
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {color: inherit; font-size: 100%; border: 1px solid rgba(0,0,0,.2) !important;}
.select2-container .select2-selection--single .select2-selection__rendered {color: inherit; font-size: 100%;}
.select2-container .select2-dropdown, .select2-container .select2-selection {border: 1px solid rgba(0,0,0,.2) !important;}
/*cart-count*/
.menu-basket .cart-count:hover {color: inherit !important;}
/*PARQs links*/
.paperboy-waiver-list {list-style: outside none !important;}
.paperboy-waiver-list li {margin-left: 0;}
.paperboy-waiver-list li a, .paperboy-waiver-list li a:visited {text-decoration:underline; }
.paperboy-waiver-list li a:hover {text-decoration:none;}
/*sizes in order confirmation*/
.woocommerce-order-details * {font-size: 100% !important;}
.woocommerce-order * {font-size: 100% !important;}
/*order colors & space below*/
.woocommerce-table--order-details * {color: #787A7D !important}
.woocommerce-customer-details {margin-top: 4em !important}
/* ////////////////////////////////// WOO ENDS////////////////////////////////////////////*/
/* ///////////////////////////// EVENT SINGLE POST ////////////////////////////////////////////////////////////// */
/* FLUFFYTECH: Events back button + drop-in button
--------------------------------------------------------------------------------------- */
.pb-events-back-btn {
display: inline-block;
padding: 8px 0 8px 0;
font-weight: 400 !important;
text-decoration: none;
font-size:90% !important;
}
/* beef up the drop-in button so it looks like a proper CTA */
.pb-class-booking__dropin .pb-class-booking__dropin-button {
display: inline-block;
padding: 10px 24px;
background: #8D2B2A !important;
color: #fff !important;
text-decoration: none;
border-radius: 3px;
font-weight: 700;
}
.pb-class-booking__dropin .pb-class-booking__dropin-button:hover {
background: #9a4a1d !important;
color: #fff !important;
}
/* FLUFFYTECH: Reorder single event sections – put booking above "Add to calendar" */
/* Make the single event post a flex column */
.tribe-events-single .type-tribe_events {
display: flex;
flex-direction: column;
}
/* Our custom "Book this class" block should come earlier */
.tribe-events-single .type-tribe_events .tribe-events-single-section.pb-class-booking {
order: 3; /* After image + description */
}
/* The "Add to calendar" wrapper should come after booking */
.tribe-events-single .type-tribe_events > .tribe-events {
order: 4;
}
/* ///////////////////////////// END EVENT SINGLE POST ////////////////////////////////////////////////////////////// */
/* ///////////////////////////// CLASSES PAGE ////////////////////////////////////////////////////////////// */
/* FLUFFYTECH: My classes styling (lists → table-style)
--------------------------------------------------------------------------------------- */
.paperboy-account-classes.woocommerce {
margin-top: 2rem;
}
/* Shared list styling for provisional / confirmed / past */
.paperboy-my-classes__list {
list-style: none;
margin: 0 0 2.5rem;
padding: 0;
border-top: 1px solid #e3e3e3;
}
.paperboy-my-classes__item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 1.5rem;
padding: 0.75rem 0;
border-bottom: 1px solid #e3e3e3;
}
.paperboy-my-classes__title {
font-weight: 600;
margin-right: 1rem;
}
.paperboy-my-classes__title a {
text-decoration: none;
color: #8D2B2A;
}
.paperboy-my-classes__title a:hover {
text-decoration: underline;
}
.paperboy-my-classes__when {
flex: 1 1 auto;
color: #666666;
min-width: 12rem;
}
.paperboy-my-classes__status {
flex: 0 0 auto;
font-size: 0.9em;
white-space: nowrap;
}
/* Provisional styling */
.paperboy-my-classes__status--provisional {
color: #8D2B2A;
text-transform: uppercase;
letter-spacing: 0.05em;
}
/* Past classes toggle */
.paperboy-my-classes__past {
margin-top: 2rem;
}
.paperboy-my-classes__past > summary {
cursor: pointer;
font-weight: 600;
}
.paperboy-my-classes__status--provisional a {
color: #8D2B2A;
text-decoration: underline;
}
.paperboy-my-classes__status--provisional a:hover {
text-decoration: none;
}
.paperboy-my-classes__basket-actions {
text-align: right;
margin-top: 0.75em;
}
/*---deep classes---*/
.gfs-other-panel .paperboy-my-classes h3 {color: #fff; line-height: 1.1; margin: 2em 0 1em 0 !important; font-size: 130% !important; font-weight: 300;}
.gfs-other-panel .paperboy-my-classes hr {display:none}
.gfs-other-panel .paperboy-my-classes details.paperboy-my-classes__past {border-top: 1px solid rgba(255,255,255,0)}
.gfs-other-panel .paperboy-my-classes * {color: #fff}
.gfs-other-panel .paperboy-series__muted {opacity: 1;}
.gfs-other-panel .paperboy-my-classes summary {padding-bottom: 1em;}
.gfs-other-panel .paperboy-my-classes details {background-color: #C6B6B2; padding: 1em 1em 1em 1em; }
.gfs-other-panel .paperboy-series {
border: 0px none;
border-radius: 10px;
padding: 0;
margin: 14px 0;
}
.gfs-other-panel .paperboy-my-classes details * {color: #8D2B2A !important; font-size: 95%; opacity: 1}
.gfs-other-panel .paperboy-my-classes details.paperboy-my-classes__past > summary::before {opacity: 1 !important;}
.gfs-other-panel .paperboy-my-classes details a.button {background-color: #fff !important; padding: .8em 1.8em; font-weight: 400 !important}
.gfs-other-panel .paperboy-my-classes details a.button.pb-my-classes-ajax-cancel {background-color: rgba(255,255,255,.4) !important}
.gfs-other-panel .paperboy-my-classes details a.button:hover {background-color: #8D2B2A !important; color: #fff !important;}
.gfs-other-panel .paperboy-badge {padding: .8em 1.8em; line-height: 1;}
.gfs-other-panel .paperboy-badge.paperboy-badge--next {opacity: 0 !important;}
.gfs-other-panel .paperboy-my-classes a {}
.gfs-other-panel .paperboy-badge.paperboy-badge--booked {background-color: rgba(255,255,255,.4) !important;}
/*booking responsive*/
@media screen and (max-width: 768px) {
.gfs-other-panel [data-title="When"]:before {display:none}
.gfs-other-panel .woocommerce table.shop_table_responsive tr td[data-title="When"] {text-align:left !important; font-weight: 700;}
.gfs-other-panel .paperboy-my-classes details a.button:hover {background-color: #8D2B2A !important; color: #fff !important;}
.gfs-other-panel .paperboy-my-classes details {background-color: #C6B6B2;}
.gfs-other-panel .paperboy-my-classes tr, .gfs-other-panel .paperboy-my-classes td {min-height: 30px; line-height: 2 !important}
.gfs-other-panel .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .gfs-other-panel .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {background-color: #C6B6B2;}
}
/*---deep classes ENDS---*/
/*////////////////////////////////TRIBE EVENTS/////////////////////////////////*/
/*.gfs-classes row*/
.gfs-classes {position:relative;}
/*turn the tint off*/
.gfs-classes:after {/*content:""; display:block !important; width: 100%; height: 100%; position:absolute; top: 0; left: 0; background-color: rgba(0,0,0,.1); z-index: -1*/}
/*.gfs-classes row ENDS*/
/*switch on if you're logged in
body.logged-in .gfs-classes .tribe-events-pro-week-grid__events-day {pointer-events:auto;}*/
/*kill booking classes if you are logged out
.gfs-classes .tribe-events-pro-week-grid__events-day {pointer-events:none;}*/
.gfs-classes .tooltipster-box {border-radius: 0 !important;}
/*calendar common width - needs to match with Booking Press etc*/
.tribe-common .tribe-common-l-container {
max-width: 1600px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
/*line above times*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__header-column--border-bottom {border: 0}
/*borders below days and dates*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__header-column {border: 0;}
/*border to the right*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__header-row {border: 0;}
/*and its arrow*/
.gfs-classes .tec-events-category-color-filter__dropdown-icon {display:none}
/*space under week range*/
.gfs-classes .tribe-events-c-top-bar.tribe-events-header__top-bar {margin-bottom: 2em !important;}
/*size of date picker*/
.gfs-classes .tribe-events-c-top-bar__datepicker-time {font-size: 80%;}
/*color of date picker*/
.gfs-classes .tribe-events-c-top-bar__datepicker-time, .gfs-classes .tribe-events-c-top-bar__datepicker-separator.tribe-common-a11y-hidden {color: #fff !important;}
/*calendar black*/
.gfs-classes .datepicker-switch, .gfs-classes .tribe-events .datepicker .dow, .gfs-classes .tribe-events .datepicker .day {color: #787A7D !important;}
.gfs-classes .datepicker-switch, .gfs-classes .tribe-events .datepicker .dow, .gfs-classes .tribe-events .datepicker .day {opacity: 1; border-radius:0}
.gfs-classes .tribe-events .datepicker .day.current, .gfs-classes .tribe-events .datepicker .day.active {color: #fff !important}
/*date picker arrow*/
.gfs-classes .tribe-common-c-svgicon__svg-fill {fill: #fff !important}
/*top left and right navigation arrow fills*/
.gfs-classes .tribe-common .tribe-common-c-btn-icon--caret-left .tribe-common-c-btn-icon__icon-svg path, .gfs-classes .tribe-common .tribe-common-c-btn-icon--caret-right .tribe-common-c-btn-icon__icon-svg path {fill: #fff;}
/*just hide it*/
.gfs-classes .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav {display:none !important;}
/*hide 'this week' button*/
.gfs-classes .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__today-button {display:none !important}
/*header font colours*/
.gfs-classes .tribe-events-pro-week-grid__header * {color: rgba(255,255,255,.5) !important}
/*current day*/
.gfs-classes .tribe-events-pro-week-grid__header .tribe-events-pro-week-grid__header-column--current * {color: #fff !important;}
/*times down the left*/
.gfs-classes .tribe-events-pro-week-grid__events-row-header * {color: #fff !important; font-size: 90% !important;}
/*panel link*/
.gfs-classes .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event-link, .gfs-classes .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event-link-inner {
background-color: rgba(255,255,255,1) !important;
color: var(--tec-color-category-text);}
/*kill border*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__event-link {
border: 0;
border-radius: 0;
}
/*font-size*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__event-link * {font-size: 92%;}
/*odd before element*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__event-link:before {display:none;}
/*panels full width*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__event {
right: 0px;
width: 100%;
}
/*hide series icon*/
.gfs-classes .tribe-events-calendar-series-archive__container, body.single .tribe-events-calendar-series-archive__container {display:none;}
/*event title*/
.gfs-classes .tribe-events-pro-week-grid__event-title.tribe-common-h8 {font-weight: 700;}
/*hide subscribe to calendar*/
.gfs-classes .tribe-events-c-subscribe-dropdown__container {display:none !important;}
/*scroll bar colour*/
.gfs-classes .tribe-events-pro .tribe-events-pro-week-grid__events-row-scroll-slider {background-color: rgba(255,255,255,1) !important; border-radius: 0 !important;}
/*dashed lines be-gone*/
.gfs-classes .tribe-events-pro-week-grid__events-day .tribe-events-pro-week-grid__events-day-gridlines {border-bottom: 1px solid rgba(255,255,255,.4);}
/*-----------mobile classes----------*/
/*day and dates across the top*/
.gfs-classes .tribe-events-pro-week-day-selector__days-list * {color: #fff !important;}
/*times down the side*/
.gfs-classes .tribe-events-pro-week-mobile-events .tribe-common-h7 {color: #fff !important;}
/*event details*/
.gfs-classes .tribe-events-pro-week-mobile-events__event-details.tribe-common-g-col *{color: #fff !important; font-size:100%}
.gfs-classes .tribe-events-pro-week-mobile-events__event-datetime-wrapper.tribe-common-b2 {font-size:115%}
.gfs-classes .tribe-events-pro-week-mobile-events__event-details.tribe-common-g-col {padding-bottom: 2em;}
/*navigation*/
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav * { font-size: 100%;}
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav .tribe-common-b2 {padding: 0; border-radius: 1px; color: #fff !important;}
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav .tribe-common-b2.tribe-events-c-nav__today {background:none; font-size: 120%; color: #fff !important}
@media screen and (max-width: 768px) {
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav .tribe-common-b2.tribe-events-c-nav__today {font-size: 100% !important}
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav {}
}
@media screen and (max-width: 600px) {
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav .tribe-common-b2.tribe-events-c-nav__today {font-size: 105% !important}
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav {font-size: 90% !important}
}
@media screen and (max-width: 414px) {
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav .tribe-common-b2.tribe-events-c-nav__today {font-size: 90% !important}
.gfs-classes .tribe-events-pro-week-nav.tribe-events-c-nav {font-size: 80% !important}
}
/*arrows*/
.gfs-classes .tribe-events .tribe-events-c-nav__prev-icon-svg path, .gfs-classes .tribe-events .tribe-events-c-nav__next-icon-svg path {fill: #fff !important;}
.gfs-classes .tribe-events-pro-photo-nav .tribe-events-c-nav__prev-icon-svg path, .gfs-classes .tribe-events-pro-photo-nav .tribe-events-c-nav__next-icon-svg path {fill:#fff !important;}
.gfs-classes .tribe-events-pro-week-mobile-events .tribe-events-c-nav__next-icon-svg path, .gfs-classes .tribe-events-pro-week-mobile-events .tribe-events-c-nav__prev-icon-svg path {fill: #fff !important;}
/*lose the strong line left*/
.gfs-classes .tribe-events-view--week .tribe-events-pro-week-mobile-events__event .tribe-events-pro-week-mobile-events__event-details::before {display:none !important}
.gfs-classes .tribe-events-pro-week-mobile-events__event-venue-address {display:none}
.gfs-classes .tribe-events-calendar-month-nav.tribe-events-c-nav *, .gfs-classes .tribe-events-pro-photo-nav.tribe-events-c-nav * {font-size:100% !important}
.gfs-classes .tribe-events .tribe-events-calendar-month__day {border-radius: 0;}
/*-----------mobile classes ENDs----------*/
/*quick padding & hading size*/
.gfs-classes {padding: .75em 1em;}
.gfs-classes h1 {margin: 0; font-weight: 300; color: #fff; font-size: 360% !important; letter-spacing: -0.015em; padding: 0; line-height: 1;}
@media screen and (max-width: 1280px) {
.gfs-classes h1 {font-size: 270% !important}
}
/*#class-timetable-background*/
#class-timetable {/*background: url("/wp-content/themes/gfsv002/images/gf-classes-background-green-tint.jpg");*/ background-color: #85726C;}
@media screen and (max-width: 824px) {
#class-timetable {/*background: url("/wp-content/themes/gfsv002/images/mobile-classes-background.jpg"); background-size: cover !important; background-attachment:fixed !important;*/}
}
/*---------------hide tootips--------------*/
.tooltipster-base.tribe-events-tooltip-theme {
display:none !important;
}
/*---------------tootips ENDS--------------*/
/*////////////////////////////////TRIBE EVENTS ENDS/////////////////////////////////*/
/*/////health-two-halves/////*/
.health-two-halves, .health-two-halves-static-image {min-height: 98vh;}
.health-two-halves .rust-background {color: #fff; text-align:center;}
.health-two-halves .rust-background p {margin: 0 auto .5em auto; max-width: 650px; line-height: 1.4; font-size: 110%;}
.health-two-halves .health-two-halves-content {padding: 6em 20px;}
@media screen and (max-width: 1280px) {
.health-two-halves .vc_col-sm-6 {width: 100% !important;}
.health-two-halves .rust-background p {max-width: calc(100% - 20px);}
}
/*/////health-two-halves ENDS/////*/
/*/////gfs-white-border-button/////*/
a.gfs-white-border-button {display:inline-block; margin-top: 2em;color: #fff; text-transform:uppercase; font-size: 75%; letter-spacing: .2em; border: 2px solid !important; line-height: 1; padding: 10px 18px; opacity: 1; transition:all ease .3s; font-weight: 700;}
a.gfs-white-border-button:visited { color: #fff; border: 2px solid;}
a.gfs-white-border-button:hover {opacity: 0.8;}
@media screen and (max-width: 1280px) {
a.gfs-white-border-button {right: 20px; bottom: 30px; font-size: 75%;}
}
/*/////gfs-white-border-button ENDS/////*/
/*////many-banner-buttons////*/
.many-banner-buttons .gfs-white-border-button {font-size: 40%; letter-spacing: .2em; margin: 4em 1em 0 1em; line-height: 1;}
@media screen and (max-width: 768px) {
.many-banner-buttons .gfs-white-border-button {margin: 2em 1em 0 1em;}
}
/*////many-banner-buttons////*/
/*that very bottom*/
#complete-paperwork {padding-bottom: 3em;}
/*that very bottom ENDS*/
/*/////health-header/////*/
.health-header {max-height: 200px !important;}
@media screen and (max-width: 1280px) {
.full-width-slide.health-header {min-height: 140px !important; max-height: 140px !important;}
}
/*override old homeapge slideshow stuff*/
.full-width-slide.health-header .rsImg.rsMainSlideImage {
transform: translate(-50%,-100%) !important;}
/*/////health-header////*/
/*//////membership posters & gfs-other-panel ///////*/
.membership-poster * {color: #fff;}
.gfs-other-panel {margin-bottom: 7px; padding-bottom: 4em !important;}
/*booking responsive*/
@media screen and (max-width: 1280px) {
.gfs-other-panel, .membership-poster {margin-bottom: 4px; }
}
.membership-poster {min-height: 33vw; max-height: 33vw;}
/*booking responsive*/
@media screen and (max-width: 1280px) {
.membership-poster {min-height: 50vw; max-height: 50vw;}
}
@media screen and (max-width: 600px) {
.membership-poster {min-height: 100vw; max-height: 100vw;}
}
.membership-poster, .gfs-other-panel {padding: .75em 1em;}
@media screen and (max-width: 540px) {
.membership-poster, .gfs-other-panel {padding: .5em .75em;}
}
@media screen and (max-width: 540px) {
.membership-poster {min-height: 128vw; max-height: 128vw;}
}
/*booking responsive*/
@media screen and (max-width: 1280px) {
.gfs-other-panel.woo-quick {padding: .25em .5em !important;}
}
.membership-poster h1, .gfs-other-panel h1 {margin: 0; font-weight: 300; color: #fff; font-size: 300% !important; letter-spacing: -0.015em; padding: 0; line-height: 1; max-width: 400px; margin-bottom: .5em; position:relative; left: -0.05em}
@media screen and (min-width: 1920px) {
.membership-poster h1, .gfs-other-panel h1 {font-size: 400% !important;}
}
/*booking responsive*/
@media screen and (max-width: 1280px) {
.membership-poster h1, .gfs-other-panel h1 {left: 0; font-size: 270% !important}
}
.membership-poster p, .product-intro p {font-weight: 700; font-size: 115%; line-height: 1.2; max-width: 440px; margin-bottom: .5em; color: #fff;}
.gfs-other-panel p {font-weight: 700; font-size: 120%; line-height: 1.2; margin-bottom: .5em; color: #fff; max-width: 440px; padding-right: 20px;}
@media screen and (max-width: 540px) {
.gfs-other-panel p, .membership-poster p, .product-intro p {font-size: 110%}
}
.gfs-other-panel p:last-of-type {margin-bottom: 2em !important;}
/*hide the woo stuff*/
.membership-poster .attachment-woocommerce_thumbnail, .membership-poster h2.woocommerce-loop-product__title, .membership-poster .price {display:none !important;}
/*button*/
.membership-poster .woocommerce a.button, .membership-poster .woocommerce a.button:visited, .membership-poster .woocommerce a.button:active, .membership-poster .woocommerce a.button:focus {
color: #fff !important; text-transform:uppercase; background-color: rgba(255,255,255,0) !important; border: 2px solid #fff !important; letter-spacing: .2em; padding: .8em 1.5em; line-height: 1; opacity: 1; transition: all .3 ease !important; font-size: 75%; text-align:center;}
.membership-poster .woocommerce a.button:hover {opacity:.8 !important;}
.membership-poster .woocommerce a.button {min-width: 70px}
/*paperwork button*/
.membership-poster .banner-button {margin: 0 0 0 0 !important;}
.membership-poster .banner-button:first-of-type {margin-top: 2em !important}
.membership-poster .banner-button a,
.membership-poster .banner-button a:active,
.membership-poster .banner-button a:visited,
.membership-poster .banner-button a:focus,
.gfs-other-panel .banner-button a,
.gfs-other-panel .banner-button a:active,
.gfs-other-panel .banner-button a:visited,
.gfs-other-panel .banner-button a:focus {
color: #fff !important; text-transform:uppercase; display:inline-block;background-color: rgba(255,255,255,0) !important; border: 2px solid #fff !important; letter-spacing: .2em; padding: .8em 1.5em; line-height: 1; opacity: 1 !important; transition: all .3 ease !important; font-size: 75%;}
.gfs-other-panel .banner-button a {margin-top: 1em !important;}
.membership-poster .banner-button a:hover, .gfs-other-panel .banner-button a:hover {opacity:.8 !important;}
/*images*/
.gym-membership-poster {background: url("/wp-content/themes/gfsv002/images/gym-join-image.jpg"); background-size:cover}
.class-membership-poster {background: url("/wp-content/themes/gfsv002/images/gf-classes-membership-poster.jpg"); background-size:cover}
.swim-membership-poster {background: url("/wp-content/themes/gfsv002/images/member-poster-swim.jpg"); background-size:cover}
.membership-poster-gym-paperwork {background: url("/wp-content/themes/gfsv002/images/member-poster-gym.jpg"); background-size:cover}
.membership-poster-classes-paperwork {background: url("/wp-content/themes/gfsv002/images/member-poster-class-paperwork.jpg"); background-size:cover}
.membership-poster-swim-paperwork {background: url("/wp-content/themes/gfsv002/images/member-poster-swim-paperwork-2.jpg"); background-size:cover}
@media screen and (max-width: 540px) {
.gym-membership-poster {background-position: 72%;}
.membership-poster-gym-paperwork {background-position: 45%;}
}
/*//////membership posters & gfs-other-panel ENDS///////*/
/*/////////////More woocommerce////////////*/
.gfs-other-panel.woo-quick * {color: #fff !important}
.gfs-other-panel.woo-quick h2 {max-width: 300px; font-size: 135% !important}
.gfs-other-panel.woo-quick .short-product-title h2 {max-width: 250px;}
/*booking responsive*/
@media screen and (max-width: 1600px) {
.gfs-other-panel.woo-quick h2 {font-size: 1.45vw !important; max-width: 85%;}
.gfs-other-panel.woo-quick .short-product-titles h2 {min-width: 100%;}
}
.gfs-other-panel.woo-quick .button, .gfs-other-panel.woo-quick .button:active, .gfs-other-panel.woo-quick .button:focus {color: #fff !important; text-transform:uppercase; background-color: rgba(255,255,255,0) !important; border: 2px solid #fff !important; letter-spacing: .2em; padding: .8em 1.5em; line-height: 1; opacity: 1; transition: all .3 ease !important; font-size: 75% !important;}
.gfs-other-panel.woo-quick .button:hover {background-color: rgba(255,255,255,0) !important; border: 2px solid #fff !important; opacity: .8 !important;}
/*woo-product-array*/
.woo-product-array {padding-top: .75em;}
.woo-product-array .woocommerce.columns-3 ul.products li.product {width: 32.8%; margin-right: .5%}
/*booking responsive*/
@media screen and (max-width: 1600px) {
.woo-product-array .woocommerce.columns-3 ul.products li.product {margin-bottom: 1em;}
}
.woo-product-array .woocommerce.columns-3 ul.products li.product img {filter:brightness(.8)}
.woo-product-array .woocommerce.columns-3 ul.products li.product:last-of-type {margin-right: 0;}
.woo-product-array .fluffytech-loop-short-description {float:left; min-width: 100% !important; display:block; position:relative; top: -3em}
.woo-product-array .fluffytech-loop-short-description p {line-height: 1.1 !important; width: 100% !important; text-align:left; max-width: 94%; margin-left: 0; margin-right: 0; font-weight: 400 !important; line-height: 1.3 !important; font-size: 110%;}
/*booking responsive*/
@media screen and (max-width: 1600px) {
.woo-product-array .fluffytech-loop-short-description {top: -3em;}
.woo-product-array .fluffytech-loop-short-description p {max-width: 98%;}
}
.woo-product-array .product-type-simple {opacity: 1 !important;}
/*woo-product-array ENDS*/
/*kill basket product links*/
.woocommerce-cart-form__contents .product-thumbnail a, .woocommerce-cart-form__contents .product-name a {pointer-events:none;}
/*kill basket product links ENDs*/
/*kill order product links too*/
.woocommerce-table__product-name.product-name a {pointer-events:none !important;}
/*kill order product links too ENDS*/
/*/////////////More woocommerce ENDS////////////*/
/*//////tribe single events/////*/
/*width*/
#tribe-events-pg-template {max-width: 960px !important;}
/*booking responsive*/
@media screen and (max-width: 960px) {
#tribe-events-pg-template {padding-left: 0; padding-right: 0;}
}
/*everything in Glove grey*/
.single-tribe_events .tribe-events-single * {color: #787A7D !important;}
/*title*/
.single-tribe_events .tribe-events-single h1 {letter-spacing: 0; text-transform: uppercase;}
/*email space above*/
.tribe-organizer-email-label.tribe-events-meta-label {margin-top: 1em;}
/*booking title*/
.single-tribe_events .tribe-events-single-section-title {margin-top: 2em !important}
.single-tribe_events .tribe-events-single-section.pb-class-booking h3 {display:none}
/*button*/
.tribe-events-single-section.pb-class-booking a.tribe-common-c-btn {margin: 2em 0 4em 0!important; display:inline-block !important; background-color: #8D2B2A; color: #fff !important; font-weight: 700; line-height: 1; padding: .7em 1.5em;}
.tribe-events-single-section.pb-class-booking a.tribe-common-c-btn:hover {background-color: #6D2D2C !important;}
/*--hide at the bottom--*/
/*category*/
.single-tribe_events .tribe-events-meta-list .tribe-events-meta-item:nth-of-type(3) {display:none;}
/*tag*/
.single-tribe_events .tribe-events-meta-list .tribe-events-meta-item:nth-of-type(4) {display:none;}
/*address*/
.single-tribe_events .tribe-address {display:none;}
/*add to calendar*/
.single-tribe_events .tribe-events.tribe-common {display:none !important;}
/*series*/
.tec-events-pro-series-meta-detail--label, .tec-events-pro-series-meta-detail--link {display:none;}
/*more space above Spaces left*/
.single-tribe_events .pb-class-booking__when {margin-bottom: 2em}
/*first item*/
.single-tribe_events .tribe-events-meta-item abbr {text-decoration:none; margin-bottom: .5em !important; display:block;}
/*all the meta stuff one size*/
.single-tribe_events .tribe-events-single-section {font-size: 100% !important}
/*spaces left*/
.single-tribe_events .tribe-events-single-section.pb-class-booking .pb-class-booking__spaces {margin-bottom: 2em !important;}
/*notice at the end*/
.single-tribe_events .tribe-events-single-section.pb-class-booking .description {margin-bottom: 3em; font-style:italic;}
/*more venue & Organizer*/
/*//////tribe single events ENDS/////*/
/*//////tribe_organizer-template-default for PT & Venues////////*/
/*title*/
.tribe-events-header h1 {font-size: 160% !important; font-weight: 700;}
.single-tribe_organizer .tribe-events-header__content-title h1 {font-size: 120% !important; margin-bottom: 2em; letter-spacing: 0;}
.single-tribe_organizer .tribe-events-header__content-title::after {display:none;}
/*everything Glove Grey*/
.tribe_organizer-template-default .tribe-common-l-container *, .tribe_venue-template-default .tribe-common-l-container * {color: #787A7D !important;}
/*silly icon*/
.tribe_organizer-template-default .tribe-events-calendar-list .tec-events-calendar-list__event-categories .tec-events-calendar-list__category .tec-events-calendar-list__category-icon,
.tribe_venue-template-default .tribe-events-calendar-list .tec-events-calendar-list__event-categories .tec-events-calendar-list__category .tec-events-calendar-list__category-icon
{display:none;}
/*rounded corners off category*/
.tribe_organizer-template-default .tribe-events-calendar-list .tec-events-calendar-list__event-categories .tec-events-calendar-list__category,
.tribe_venue-template-default .tribe-events-calendar-list .tec-events-calendar-list__event-categories .tec-events-calendar-list__category {border-radius: 0;}
/*larger p*/
.tribe_organizer-template-default .tribe-events-calendar-list__event-description p, .tribe_venue-template-default .tribe-events-calendar-list__event-description p {font-size:115%;}
/*hide bottom calendar button*/
.tribe_organizer-template-default .tribe-events-c-subscribe-dropdown__container, .tribe_venue-template-default .tribe-events-c-subscribe-dropdown__container {display:none;}
/*//////tribe_organizer-template-default for PT & Venues ENDS////////*/
/*/////////header image on single, organizer & venue templates//////////*/
body.tribe_events-template-default #page, body.tribe_venue-template-default #page, body.tribe_organizer-template-default #page {padding-top: 165px !important}
body.tribe_events-template-default #page:before, body.tribe_venue-template-default #page:before, body.tribe_organizer-template-default #page:before {background:url("https://www.dev.glovefactorystudios.com/wp-content/uploads/glove-factory-studios-health-banner-2.jpg") !important; content:""; display:block; height: 200px;
position:absolute; left: 0; top: 0; width: 100%; background-size: cover !important; background-position: 50% 30% !important; filter:brightness(80%);}
/*hide all events button for now*/
body.tribe_venue-template-default .tribe-events-back, body.tribe_organizer-template-default .tribe-events-back {display:none;}
/*title*/
body.tribe_venue-template-default .tribe-events-header__title {margin-bottom: 2em;}
/*map*/
body.tribe_venue-template-default .tec-events-c-view-box-border {min-width: 100%;}
.tribe-events-pro .tribe-events-pro-venue__meta-data-google-maps-default {min-height: 250px !important;}
body.tribe_venue-template-default iframe {margin: 0;}
/*booking responsive*/
@media screen and (max-width: 1280px) {
body.tribe_events-template-default #page, body.tribe_venue-template-default #page, body.tribe_organizer-template-default #page {padding-top: 105px !important}
body.tribe_events-template-default #page:before, body.tribe_venue-template-default #page:before, body.tribe_organizer-template-default #page:before {height: 140px;}
}
/*/////////header image on single, organizer & venue templates//////////*/
/*links on those three*/
body.single .tribe-common .tribe-common-anchor-thin:hover {border-bottom: 1px solid #787A7D;}
/*links on those three ENDS*/
/*bust the products down early*
/*booking responsive*/
@media screen and (max-width: 1280px) {
.gfs-other-panel.woo-quick h2 {font-size: 1.9vw !important; max-width: 70%;}
.gfs-other-panel.woo-quick .short-product-titles h2 {font-size: 1.8vw !important; min-width: 100% !important}
.woo-quick .price {top: 11%; left: 2.6%;font-size: 1.7vw !important;}
.gfs-other-panel.woo-quick .vc_col-sm-3 {width: 100% !important;}
.gfs-other-panel.woo-quick .vc_col-sm-9 {width:100% !important}
.gfs-other-panel.woo-quick h1 {margin-bottom: .5em !important}
.woo-product-array .woocommerce.columns-3 ul.products li.product {width: 32.9% !important; margin-right: .6%}
}
@media screen and (max-width: 768px) {
.gfs-other-panel.woo-quick h2 {font-size: 2.8vw !important; max-width: 70%;}
.gfs-other-panel.woo-quick .short-product-titles h2 {font-size: 2.8vw !important;min-width: 100% !important}
.gfs-other-panel.woo-quick {padding: .5em .5em !important;}
.woo-quick .price {top: 11%;left: 3%;font-size: 2.5vw !important;}
.woo-product-array .woocommerce.columns-3 ul.products li.product {width: 49.5% !important; margin-right: .5%; margin-bottom: 0;}
.woo-product-array .woocommerce.columns-3 ul.products li.product:nth-of-type(2) {margin-right: 0}
}
@media screen and (max-width: 600px) {
.membership-poster h1, .gfs-other-panel h1, .gfs-classes h1 {font-size: 250% !important}
.woo-product-array .woocommerce.columns-3 ul.products li.product {width: 100% !important; margin-right: 0; margin-bottom: 0;}
.woo-product-array .woocommerce.columns-3 ul.products li.product:nth-of-type(2) {margin-right: 0}
.gfs-other-panel.woo-quick h2 {font-size: 6vw !important; max-width: 70%;}
.gfs-other-panel.woo-quick .short-product-titles h2 {font-size: 6vw !important; min-width: 100% !important}
.woo-quick .price {top: 12%;font-size: 5vw !important;}
.woo-product-array.short-product-titles .price {top: 7% !important}
}
@media screen and (max-width: 600px) {
.gfs-other-panel.woo-quick h2 {max-width: 85%;}
.woo-quick .price {top: 13%;}
.woo-product-array.short-product-titles .price {}
}
@media screen and (max-width: 400px) {
.woo-quick .price {top: 11%;}
.woo-product-array.short-product-titles .price {}
}
/*bust the products down early ENDS*/
/*override override woocommerce small screen - affects buttons in membership rows */
.membership-poster .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {width: 100%;}
/*override override woocommerce small screen - affects buttons in membership rows */
/*booking press peronal details and hide the avatar*/
.bpa-front-cp-left-sidebar .bpa-cp-ls__personal-details * {text-align:left !important;}
.bpa-front-cp-left-sidebar .bpa-cp-ls__personal-details .bpa-cp-avatar__default-img, .bpa-front-cp-left-sidebar .bpa-cp-ls__personal-details .bpa-tn__default-img {display:none !important;}
.bpa-front-cp-left-sidebar .bpa-cp-ls__personal-details {padding-top: 32px !important}
/*hide the booking press avatar*/
/*booking press gym induction avatar*/
.bpa-front-sm-card .bpa-front-sm-card__left .bpa-front-sm__avatar {width:100% !important; border-radius: 0 !important;}
/*avatar in my bookings*/
.bpa-bd__item .bpa-item--val img {border-radius: 0 !important}
/*hide the success svg*/
.bpa-front-tmc__vector--confirmation {visibility: hidden; height: 0;}
/*hide the no apppointments svg*/
.bpa-front-data-empty-view--my-bookings svg {visibility: hidden; height: 0 !important;}
/*no double line on single events meta*/
@media screen and (max-width: 768px) {
.tribe-events-event-meta::before, .tribe-events-event-meta ~ div:not(.tribe-events-event-meta, .event-tickets) {border: 0;}
.tribe-events-single-event-description {border-bottom: 1px solid rgba(0,0,0,0.2);}
}
/*more obvious mobile event nav*/
@media screen and (max-width: 824px) {
.tribe-events-pro-week-day-selector__events-icon {display:none !important}
.tribe-events-pro .tribe-events-pro-week-day-selector__day {border-radius: 0 !important;}
.tribe-events-pro-week-day-selector__day--active {background-color: #8D2B2A !important;}
.tribe-events-pro .tribe-events-pro-week-day-selector__day:focus {box-shadow: 0 0 0 0 !important; border-radius: 0 !important;}
.entry-content .tribe-events-pro .tribe-events-pro-week-day-selector__days-list, .tribe-theme-genesis .tribe-events-pro .tribe-events-pro-week-day-selector__days-list {margin: 0 !important;}
.tribe-events-pro-week-mobile-events__event-featured-image-wrapper .tribe-events-pro-week-mobile-events__event-featured-image {clip-path: inset(0 0 1px 0);}
.tribe-events-pro .tribe-events-pro-week-mobile-events__event-time-separator::after, .tribe-events-pro .tribe-events-pro-week-mobile-events__event-type-separator::after {
background-color: var(--tec-color-border-default);
content: "";
display: block;
flex: auto;
height: 1px;
margin-left: 8px !important;}
.tribe-events-pro .tribe-events-pro-week-day-selector__day-weekday {
color: var(--tec-color-text-secondary);
margin: 2px 0 -7px !important;
text-transform: uppercase;}
}
/*kill day & date links on calendar*/
.gfs-classes .tribe-events-pro-week-grid__header-column-datetime .tribe-events-pro-week-grid__header-column-daynum-link {pointer-events:none;}
/*max height booking-press panels*/
@media (max-width: 576px) {
.bpa-front-tabs--panel-body .bpa-front-dc--body {
min-height: 400px !important;
max-height: unset !important;
padding: 24px 0;}
.bpa-front-module--booking-summary .bpa-head__vector {margin-bottom: -5vh !important}
}
/*selected tab*/
.bpa-front-module-multi-service-selected-heading {border-radius: 0 !important; margin-right: 1em !important;}
/*item*/
@media (max-width: 576px) {
.gfs-booking-press .bpa-front-module--service-item.__bpa-is-selected .bpa-front-si-card, .gfs-booking-press .bpa-front-sm--col, .gfs-booking-press .bpa-front-si-card.bpa_focusable {
box-shadow: 0 0 0 !important;
border-color: rgba(0,0,0,0.2) !important;
border: 1px solid !important;
max-width: calc(100% - 1.5em);
margin: 0 auto;}
}
/*rounded corners*/
.bpa-front--dt__time-slots .bpa-front--dt__ts-body .bpa-front--dt__ts-body--row .bpa-front--dt__ts-body--items .bpa-front--dt__ts-body--item, .gfs-booking-press .bpa-front-module--date-and-time.__sm .bpa-front--dt__ts-sm-back-btn .bpa-front-btn {border-radius: 0 !important}
/*outline off*/
.bpa-front-tabs--vertical-left .bpa-front-tab-menu .bpa-front-tab-menu--item {border-radius: 0 !important}
/*mobile woocommerce error*/
body.woocommerce-checkout .woocommerce-info {margin-bottom: 1.5em !important}
@media screen and (max-width: 768px) {
.woocommerce-error {margin-top: 1em !important}
}
/*mobile book press avatar*/
@media screen and (max-width: 974px) {
.bpa-tn__dropdown-head .bpa-cp-avatar__default-img, .bpa-tn__dropdown-head .bpa-tn__default-img {display:none !important;}
}
/*keep the name!*/
@media (max-width: 576px) {
.bpa-tn__dropdown-head .bpa-cp-pd__title {
display: block !important;
}
}
/*woocommerce order recieved*/
.woocommerce ul.order_details li, .woocommerce-order-overview__payment-method.method {border-right: 0px none; border-left: 1px solid rgba(0,0,0,0.2) !important; padding-left: 1em; padding-right: 0}
@media screen and (max-width: 830px) {
.woocommerce ul.order_details li {margin-bottom: 1em}
}
@media screen and (max-width: 540px) {
.woocommerce ul.order_details .woocommerce-order-overview__date {position:relative; left: 2.1em !important; display:inline-block !important}
}
/*empty order in basket*/
@media screen and (max-width: 768px) {
.woocommerce-cart-form td.product-quantity {min-height: 20px !important}
}
/*////more paperboy////*/
.paperboy-question-block label {line-height: 1.5 !important; margin-bottom: 1em}
.paperboy-question-block .input-text {margin-bottom: .5em !important}
/*////more paperboy ENDS////*/
/*drop down*/
.gfs-classes .tribe-events .tribe-events-c-view-selector__content {border-radius: 0 !important;}
.gfs-classes .tribe-events .tribe-events-c-view-selector__content * {color: inherit !important;}
.gfs-classes .tribe-events .tribe-events-c-view-selector__content .tribe-common-c-svgicon__svg-fill {fill: inherit !important;}
/*drop down change view*/
/*/////////////if we switch photo view back on//////////////*/
/*kill the view navigation*/
.gfs-classes .tribe-events-header__events-bar.tribe-events-c-events-bar {position:relative;}
.gfs-classes .tribe-events-header__events-bar.tribe-events-c-events-bar:before {content:"Change view"; color: #fff; font-size:100% !important; position:relative;top: .25em}
@media screen and (max-width: 840px) {
.gfs-classes .tribe-events-header__events-bar.tribe-events-c-events-bar {top: -3em}
.gfs-classes .tribe-events-header__events-bar.tribe-events-c-events-bar:before {top: 0.15em; right: .75em; font-size: 100% !important}
}
@media screen and (max-width: 540px) {
.gfs-classes .tribe-events-header__events-bar.tribe-events-c-events-bar:before {top: 0.25em; right: .75em; font-size: 80% !important}
}
/*.gfs-classes .tribe-events.tribe-events-c-top-bar__datepicker*/
@media screen and (max-width: 840px) {
.gfs-classes .tribe-events .tribe-events-c-top-bar__datepicker {top: -2em !important}
}
/*.gfs-classes .tribe-events.tribe-events-c-top-bar__datepicker*/
/*photo-view*/
.gfs-classes .tribe-events-pro-photo__event-details-wrapper * {color: #fff !important;}
/*hide the pill though*/
.gfs-classes .tribe-events-pro-photo__event-details-wrapper .tec-events-calendar-photo__event-categories {display:none;}
/*crop the pictures*/
.gfs-classes .tribe-events-pro-photo__event-featured-image {clip-path: inset(0 0 2px 0) !important;}
.gfs-classes .tribe-events-calendar-list__month-separator-text.tribe-common-h7.tribe-common-h6--min-medium.tribe-common-h--alt {color: #fff !important}
.gfs-classes .tribe-events-calendar-list__event-venue-address {display:none;}
.gfs-classes .tribe-common-g-row.tribe-events-calendar-list__event-row * {color: #fff !important;}
.gfs-classes .tec-events-calendar-list__event-categories {display:none !important;}
.gfs-classes .tribe-events-c-top-bar__datepicker-separator {color: #fff;}
/*calendar empty warning*/
.gfs-classes .tribe-events-c-messages__message.tribe-events-c-messages__message--notice *{color: #fff !important}
.gfs-classes .tribe-common .tribe-common-c-svgicon--messages-not-found path {stroke: #fff !important;}
/*month*/
.gfs-classes .tribe-events-calendar-month__day-date-daynum, .gfs-classes .tribe-events-calendar-month__day-date-daynum *{color: rgba(255,255,255,1) !important;}
.gfs-classes .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-daynum a {rgba(255,255,255,1) !important;}
.gfs-classes .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title {color: #fff !important;}
/*mobile month*/
.gfs-classes .tribe-events-calendar-month-mobile-events *, .gfs-classes .tribe-events-calendar-month__header tr * {color: #fff !important;}
.gfs-classes .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-nav.tribe-events-c-nav svg path {fill: #fff !important;}
/*day*/
.gfs-classes .tribe-events-calendar-day * {color: #fff !important}
.gfs-classes .tribe-events-calendar-day .tec-events-calendar-day__event-categories {display:none !important}
.gfs-classes .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__next, .gfs-classes .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-nav__prev {color: #fff !important;}
.gfs-classes .tribe-events-calendar-day-nav .tribe-events-c-nav__next-icon-svg path, .gfs-classes .tribe-events-calendar-day-nav .tribe-events-c-nav__prev-icon-svg path {fill: #fff !important;}
.gfs-classes .tribe-events-calendar-day .tribe-events-calendar-day__event-featured-image {clip-path: inset(0 0 2px 0) !important; transform:scale(.85); transform-origin: top right;}
@media screen and (max-width: 768px) {
.gfs-classes .tribe-events-calendar-day .tribe-events-calendar-day__event-featured-image {transform:scale(1);}
.gfs-classes .tribe-events-calendar-day-nav.tribe-events-c-nav *, .gfs-classes .tribe-events-calendar-list-nav.tribe-events-c-nav *{color: #fff !important; font-size:100%;}
.gfs-classes .tribe-events-calendar-day .tribe-events-calendar-day__event::after {display:none;}
}
/*////////////if we switch list view back on ENDS/////////////*/
/*//////////add prompt to organizer//////////////*/
.single-tribe_events .tribe-events-meta-item.tribe-organizer a {position:relative;}
.single-tribe_events .tribe-events-meta-item.tribe-organizer a:after {font-weight:700;display:inline-block; content:"View profile + classes"; color: inherit; background-color: #e4e4e4; margin:1.5em 0 0; padding: .9em 1.4em; font-size: 90%; opacity: 1; line-height: 1; transition: all ease .3s; text-align:center;}
.single-tribe_events .tribe-events-meta-item.tribe-organizer a:hover:after {opacity: .8}
@media screen and (max-width: 380px) {
.single-tribe_events .tribe-events-meta-item.tribe-organizer a:after {display:block; width: 130px;}
}
/*//////////add prompt to organizer ENDS/////////////*/
/*//////////////the trainers////////////*/
/*row padding*/
#the-trainers.gfs-classes {padding: 0 0;}
/*row title*/
#the-trainers h1 {color: #8D2B2A; margin-bottom: .5em}
/*trainer's name link*/
.gfs-wp-carousel-people a {color: #fff !important; text-decoration:none; text-align:left; border-bottom: 0; margin: 0 !important; font-size: 120% !important;}
/*full width & height link?*/
.woo-quick .gfs-wp-carousel-people h2 a {width: 31vw; text-align:left !important; height: 17vw; left: 0 !important;}
@media screen and (max-width: 980px) {
.woo-quick .gfs-wp-carousel-people h2 a {width: 45vw; height: 25vw}
}
@media screen and (max-width: 487px) {
.woo-quick .gfs-wp-carousel-people h2 a {width: 92vw; height: 50vw}
}
/*//////////////the trainers ENDS////////////*/
/*//////////////additional links///////////////*/
.tribe-common .tribe-common-anchor-alt {
border-bottom: 2px solid #e4e4e4;
}
.tribe-common .tribe-common-anchor-thin {border-bottom: 1px solid #787A7D !important;}
#class-timetable .tribe-common .tribe-common-anchor-thin {/*! border-bottom: 1px solid #fff !important; */}
/*//////////////additional links ENDs///////////////*/
/*////////classes from this PT instructor etc//////////*/
.tribe-events-header__content-title h2 {letter-spacing: 0;}
/*////////classes from this PT instructor etc ENDS//////////*/
/*bring the timetable forward*/
#class-timetable {z-index: +1}
/*bring the timetable forward ENDS*/
/*Make the 'Organizer' cell wider*/
@media (min-width: 768px) {
.tribe-events-meta-group.tribe-events-meta-group-organizer {
width: 250px;
}
}
/*Make the 'Organizer' cell wider ENDS*/
/*///////////////back to main site - DON'T include this in the main site CSS SEAN!/////////////*/
.slicknav_menu li {text-align:center; width: 12%;}
.slicknav_menu li.main-site-mobile-only {font-size: 70%; display:block; min-width: 100% !important; max-width: 100px !important; margin: 0 auto !important; text-align:center; position:relative;margin-top: 6em !important; position:relative;}
.slicknav_nav[aria-hidden="false"] .nav-menu {transform: translate(-50%,-30%);}
@media screen and (max-width: 1280px) {
.slicknav_nav[aria-hidden="false"] .nav-menu {transform: translate(-50%,-50%);}
.slicknav_menu li {width: 100%; min-width:100%;}
}
@media screen and (min-width: 1280px) {
.slicknav_menu li.main-site-mobile-only:before {content: "~"; position:relative; top: -2em; font-size: 150%;}
}
@media screen and (max-width: 1280px) {
.slicknav_nav[aria-hidden="false"] .nav-menu {transform: translate(-50%,-50%);}
.slicknav_menu li.main-site-mobile-only {font-size: 80%;}
.slicknav_menu li.main-site-mobile-only:before {content: "~"; position:relative; top: -2em;}
.slicknav_menu li.main-site-mobile-only {margin-top: 4em !important}
}
/*///////////////back to main site - DON'T include this in the main site CSS SEAN! ENDS/////////////*/
/*////Override calendar colors////*/
.tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event-datetime, .tribe-events-pro.tribe-events-view--week .tribe-events-pro-week-grid__event-title, .tribe-events-calendar-month__calendar-event-details * {color: #8D2B2A !important;}
/*////Override calendar colors ENDS////*/
/*///////make the dates bigger on Photo view*/
.tribe-events-pro-photo__event-date-tag-datetime {transform:scale(1.25) translateY(-2px); transform-origin: top;}
/*More overrides in Month view*/
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day:hover::after {background:none !important;}
#class-timetable .tribe-events-calendar-month__day .tribe-common-anchor-thin {border-bottom: 0 !important;}
/*screen effect over large lo-res membership poster background images*/
.membership-poster {position:relative;}
.membership-poster:after {
background: transparent url("/wp-content/themes/gfsv002/images/4by2_white.png");
opacity: .2;
content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events:none;}
@media screen and (max-width: 1280px) {
.membership-poster:after {position:absolute; top: 0; left: 0; right: 0; width: 100%}
}
@media screen and (max-width: 740px) {
.membership-poster:after {/*display:none !important;*/}
}
/*screen effect over large lo-res membership poster background images ENDS*/
/*all actives and focus blue lines none*/
.gfs-classes :focus *, .gfs-classes :active * {/*! outline: 0 !important; */ /*! border: 0px none !important; */}
/*all actives and focus blue lines none ENDS*/
/*one last try for active & focus*/
.gfs-classes .tribe-common a, .gfs-classes .tribe-common a:active, .gfs-classes .tribe-common a:focus, .gfs-classes .tribe-common a:hover, .gfs-classes .tribe-common a:visited {border: 0px none !important; outline: 0px none !important; border-radius: 0px none !important;}
/*one last try for active & focus ENDS*/
/*time on Day view*/
.tribe-events-calendar-day__time-separator-heading time {display:none;}
/*time on Day view ENDS*/
/*tidy up the trainers bios*/
.tribe_organizer-template-default .tribe-common--breakpoint-medium.tribe-common .tribe-common-b1 {font-size: 105% !important;}
.tribe_organizer-template-default .tribe-common p {margin-bottom: 1em}
@media screen and (max-width: 1600px) {
.tribe_organizer-template-default .tribe-common--breakpoint-medium.tribe-events .tec-events-c-view-box-border {padding: 0 !important; border: 0px none;}
.tribe_organizer-template-default .tribe-common--breakpoint-medium.tribe-common .tribe-common-b1 {font-size: 105% !important;}
}
@media screen and (max-width: 796px) {
.tribe_organizer-template-default h1 {margin-bottom: 1em}
.tribe_organizer-template-default .tec-events-c-view-box-border {padding: 0 !important; border: 0px none !important;}
.tribe_organizer-template-default .tribe-common-b1 {font-size: 105% !important;}
.tribe_organizer-template-default .tribe-events .tribe-events-calendar-list__event-date-tag {position:relative; left: -3px}
}
/*tidy up the trainerss bios ENDS*/
/*hide the address on single PT*/
.tribe_organizer-template-default .tribe-events-calendar-list__event-venue-address {display:none}
/*hide the address on single PT ENDS*/
/*////////default month view on mobiles/////////*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events .tribe-events-c-day-marker__date {display:none !important}
.gfs-classes .tribe-events .tribe-events-c-day-marker::after {margin-left: 0;}
.gfs-classes .tribe-events-calendar-month-mobile-events__mobile-event-details .tribe-common-b2 {font-size: 120% !important}
.gfs-classes .tribe-events-calendar-month-mobile-events__mobile-event-title.tribe-common-h7 {padding-bottom: 1em !important; font-size: 130% !important;}
.gfs-classes .tribe-events-view--month .tribe-events-calendar-month {margin-top: -3em}
.gfs-classes .tribe-events-view--month .tribe-events-l-container {padding-bottom: 2em;}
}
/*////////default month view on mobiles ENDS/////////*/
/*////////default month view desktops/////////*/
.datepicker table tr td span {border-radius: 0 !important}
@media screen and (min-width: 824px) {
/*large font on desktops*/
.gfs-classes .tribe-events-calendar-month .tribe-common-h8 {font-size: 110% !important;}
/*more margin last item in table cell*/
.gfs-classes .tribe-events-calendar-month__events article:last-of-type {margin-bottom: .8em !important}
/*less padding-top in main container*/
.gfs-classes .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-top: 3em !important}
}
/*////////default month view desktops/////////*/
/*navigation on photo view phones*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events-c-nav__list a {color: #fff !important;}
}
/*navigation on photo view phones ENDS*/
/*padding-bottom on last item and overall width*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-common-g-col.tribe-events-pro-photo__event:last-of-type {margin-bottom: 2em !important;}
.gfs-classes .tribe-events-pro-photo .tribe-common-g-col {padding-left: 0 !important; padding-right: 0 !important;}
}
/*padding-bottom on last item and overall width ENDS*/
/*lose the vertical line*/
.gfs-classes .tribe-events .tribe-events-calendar-month-mobile-events .tribe-events-calendar-month-mobile-events__mobile-event .tribe-events-calendar-month-mobile-events__mobile-event-details::before {display:none !important;}
/*lose the vertical line ENDS*/
/*shift empty message up on phones*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events .tribe-events-header__messages.tribe-events-header__messages--mobile {transform:translateY(-3em);}
.gfs-classes .tribe-events-calendar-month-mobile-events .tribe-events-header__messages.tribe-events-header__messages--mobile {transform:translateY(-1.25em);}
}
/*shift empty message up on phones ENDS*/
/*border-radius on tribe message*/
.gfs-classes .tribe-events .tribe-events-c-messages__message {border-radius: 0 !important;}
/*border-radius on tribe message ENDS*/
/*day view on mobile*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events .tribe-events-calendar-day__event {padding-left: 0;}
.gfs-classes .tribe-events-calendar-day__event-venue-address {display:none;}
.gfs-classes .tribe-events .tribe-events-calendar-day__time-separator::after, .gfs-classes .tribe-events .tribe-events-calendar-day__type-separator::after {margin-left: 0;}
}
/*day view on mobile ENDS*/
/*list view on mobile*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {position:relative; left: -3px}
}
/*list view on mobile ENDS*/
/*more photo view on mobile*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events-pro-photo .tribe-events-pro-photo__event-date-tag-datetime {position:relative; top: -.25em; left: -.5em}
}
/*more photo view on mobile ENDS*/
/*my-account fixes*/
.woocommerce-MyAccount-navigation a[aria-current="page"] {font-weight: 700;}
.woocommerce-MyAccount-content .woocommerce {border: 0px none !important; margin-top: 0 !important; padding-top: 0 !important;}
@media screen and (max-width: 600px) {
.woocommerce-MyAccount-content .wc-forward {margin-top: 2em !important;}
}
/*my-account fixes ENDS*/
/*Hide empty rows*/
.vc_row:empty {display:none}
/*Hide empty rows ENDS*/
/*hide the graphic in sessions*/
.gfs-booking-press .bpa-frontend-main-container .bpa-front-cdf__icon {display:none;}
/*hide the graphic in sessions ENDS*/
/*my account BPA*/
.gfs-booking-press .bpa-frontend-main-container, .gfs-booking-press .bpa-front-cp-card {min-height: 400px !important;}
@media screen and (max-width: 600px) {
.gfs-booking-press .bpa-front-cp-card {padding-bottom: 10vh;}
}
.gfs-booking-press .bpa-front-cp-top-navbar {border: 0px none !important;}
/*my account BPA ENDS*/
/* FLUFFYTECH: TEC Pro - Mobile week image link tap target */
.tribe-events-pro-week-mobile-events__event-featured-image-link { display:block; }
/* FLUFFYTECH: TEC Pro - Mobile week image link tap target ENDS*/
/*sumosubs_plan_message no bold*/
.sumosubs_plan_message b {font-weight: inherit !important;}
/*sumosubs_plan_message no bold ENDS*/
/*get rid of all button gradients on hover and active - hopefully*/
button:hover, button:active {background-image:none !important;}
/*get rid of all button gradients on hover and active - hopefully ENDS*/
/*turn off the tribe-events-pro-week-grid WEEK calendar at breakpoint*/
@media screen and (max-width: 824px) {
.gfs-classes .tribe-events-pro-week-grid {display:none;}
}
/*turn off the tribe-events-pro-week-grid WEEK calendar at breakpoint ENDS*/
/*turn off the category select radio thing too*/
.gfs-classes .tec-events-category-color-filter {display:none !important;}
/*turn off the category select radio thing too ENDS*/
/*arrows on single organiser*/
.single-tribe_organizer .tribe-events-c-top-bar__nav-list path {fill: #787A7D !important;}
/*arrows on single organiser ENDS*/
/*drop down size*/
.single-tribe_organizer .tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button {font-size: 120% !important;}
/*drop down size ENDS*/
/*today more obvious on the Calendar*/
.gfs-classes .tribe-events-calendar-month__day.tribe-events-calendar-month__day--current .tribe-events-calendar-month__calendar-event-details {background-color: rgba(255,255,255,1); border-left: 3px solid rgba(255,255,255,1);}
/*today more obvious on the Calendar ENDs*/
/*gym page float them right and fill the space*/
@media screen and (min-width: 1280px) {
.only-two .columns-3 {display: flex; justify-content: flex-end;}
.only-two .woo-product-array .woocommerce.columns-3 ul.products li.product {width: 50%;}
}
/*gym page float them right and fill the space ENDS*/