/* Theme Name: UKMSA Theme URI: https://menssheds.org.uk/UKMSA/ Description: Child Theme Author: Andi Best Template: Divi Version: 2.5.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: */ /* LOGGED IN ADMIN ON LIVE SITE */ #wp-admin-bar-new-content-default #wp-admin-bar-new-customsettings, #wp-admin-bar-new-content-default #wp-admin-bar-new-project, #wp-admin-bar-new-content-default #wp-admin-bar-new-post, #wp-admin-bar-comments {display:none!Important;} @font-face { font-family: "Moranga-Bold"; src: url("fonts/Moranga-Bold.woff") format('woff'); } .hardcodeMessage {top: unset; position: fixed; bottom: 0; z-index: 9999; background: white; height: 70px; width: 100%; text-align: center; padding: 8px;} *{font-family: 'Nunito', sans-serif; font-weight:300; font-size:20px;} body, .et_pb_section {background:#feffef!important;} h1, .h1, .h1 .et_pb_text_inner {margin: 0;padding:0; font-family: 'Moranga-Bold', serif; font-size: calc(2rem + ((1vw - 7.68px) * 3.6944))!important; line-height:calc(3rem + ((1vw - 7.68px) * 3.6944))!important; width:100%; max-width: 100%!important; color:#663c13; } .h1 { margin: 0 !important;} header { position: absolute; z-index: 5000; right: 0; width: 100%;} nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu { float: right;} #et-top-navigation {float: right!Important; width: 100%;} .et_pb_video_box { padding: 0;} small { font-size: 14px; line-height: 14px;} sup { bottom: .4em; font-size: 14px;} .grecaptcha-badge { display: none; opacity: 0;} .wpcf7-form { padding: 70px 0 0 0;} .resource_library { margin: 0 0 50px 0;} #et_top_search {display:none;} .boostBase { padding: 0 54px 200px 54px;} .et_pb_button, .et_pb_button:hover,.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {padding: .6em 1em; background: #086d75; color: #fff; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px; cursor:pointer;} .et_pb_gallery_grid .et_pb_gallery_item h3 {font-size: 14px !important; font-family: 'Nunito', sans-serif; line-height: 24px; font-weight: bold; padding: 0 !important;} .page-template-page-template-standard .realfullWidth .et_pb_row { padding: 0;} .et_pb_button:after {display:none; visibility:hidden;} .et_pb_bg_layout_light.et_pb_button:hover { background: #ffffff; color: #086d75;} .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column_1_2 { width: 26%!important;} .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column_1_6 { width: 17%;} .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:nth-child(odd) img, .page-template-page-template-standard .standardImage img, .page-template-page-template-ambassador .standardImage img{ -webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1);} .et_pb_accordion .et_pb_toggle:first-child { display: none;} .et_pb_toggle_close { background-color: transparent;} .et_pb_toggle {border:0; padding: 0px; color:#663c13;} .et_pb_toggle h5, .et_pb_toggle div , .et_pb_toggle div a{color:#663c13!important; font-size: 18px;} .et_pb_toggle_open { background-color: transparent;} .et_pb_accordion { padding: 0 0 120px 0;} .et_builder_inner_content {z-index: unset;} .page-template-page-template-standard .standardImage:before, .page-template-page-template-ambassador .standardImage:before {content:url('i/blobby-standardImage.svg'); position:absolute; top: -30px; right: 80px; transform: scale(1.5);} .page-template-page-template-standard .realfullWidth .et_pb_section { width: 100%!important; max-width: unset!important; padding: 2%!Important;display: flex; align-items: center;} .realfullWidth .et_pb_row.textOnly { align-items: baseline;} .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:nth-child(even) img { -webkit-clip-path: url(#blobPath2); clip-path: url(#blobPath2);} .svgDefs { position: absolute;} #main-content .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:nth-child(even) {position:relative; top:-97px;} #main-content .container::before, .et_pb_toggle .et_pb_toggle_title::before {display:none;} .et_pb_image { margin: 0 !important;} .et_right_sidebar #left-area { float: none; padding-right:0;} #left-area { width: 100%} #main-content {background:#feffef; overflow-x: hidden;} .et_pb_button:hover, .et_pb_module .et_pb_button:hover{padding:.6em 1em; border: 0;} .et_pb_heading_container { width: 100%;} .et-db #et-boc .et-l .et_pb_heading_0, .et-db #et-boc .et-l .et_pb_heading { padding: 31px !important; width: 100% !important;} .et_pb_text_inner ul li { padding: 0 0 0 15px;position:relative; font-size: 18px; line-height: 30px; color: #663c13; list-style-type: none;} .et_pb_text_inner ul li:before{ content: ''; display: block; width: 10px; height: 10px; background: #ffcf2a; border-radius: 25px; position: absolute; left: -12px; top: 10px;} .et_pb_audio_module {background: #2d434a url(i/flecks.png) repeat-x center center; border-radius: 110px 50px 110px 60px;} .featuredImage {text-align:center;} #et-boc { position: relative; overflow-x: clip;} #et-boc .et_pb_section {/* padding: 2% 4%!important; */ padding: 0!important;} .single #main-content .et_post_meta_wrapper, .page-template-page-template-standard .et_post_meta_wrapper, .search-results .et_post_meta_wrapper, .search-no-results .et_post_meta_wrapper, .error404 .et_post_meta_wrapper, .page-template-page-template-ambassador .et_post_meta_wrapper{background:#663c13 url('i/grain.png')repeat-x center top; background-size:cover;position: relative;min-height: 300px;} .single #main-content .et_post_meta_wrapper h1, .page-template-page-template-standard .et_post_meta_wrapper h1, .search-results .et_post_meta_wrapper h1, .search-no-results .et_post_meta_wrapper h1, .error404 .et_post_meta_wrapper h1, .page-template-page-template-ambassador .et_post_meta_wrapper h1{color:#ffffff; padding:110px 0% 80px 191px; max-width: 50% !important; white-space:normal; font-size: calc(1.6rem + ((1vw - 7.68px) * 3.6944)) !important; line-height: calc(2.6rem + ((1vw - 7.68px) * 3.6944)) !important;} .single .entry-content .et_pb_section:first-child { padding: 0 !important;} .single .container .back { font-size: 18px;position: absolute;left: -5%;display: block;top: 2px;} .single .container .back:hover, .single .back.reiterate:hover {color:#663c13; cursor:pointer;} .single .back.reiterate{padding: 100px 5%; display: inline-block; cursor: pointer;} .single .container span.publisheddate { font-size:14px; color: #663c13; display: block; padding: 0 4% 40px;} .single #main-content .et_pb_button:hover { background: #ffffff!important; color: #663c13!important; } .single #main-content .et_pb_button { cursor: pointer; list-style-type: none; border-radius: 12px!important; font-size: 18px!important; margin: 0 0 15px 0!important; padding: 0.6em 1em!important; line-height: 1.7em !important; background: #663c13!important; color: #ffffff; border: 0!important; font-weight: 790!important; } .single-news-story .et_pb_row { width: 100%!important; max-width: unset!important; padding: 0 4%!important; display: flex; align-items: center;} .single-news-story .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {padding: 0 4%!important;} p {font-size:22px;padding-top: 12px; padding-bottom: 12px !important; font-weight:300; line-height: 30px; color:#663c13;} ol li {font-size:22px;padding-bottom: 12px !important; font-weight:300; line-height: 30px; color:#663c13;} h2 {text-transform: none; color: #663c13;font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 44px; font-size:38px!important;} h3 {color:#663c13; font-family: 'Moranga-Bold', serif; font-weight:500; padding:40px 0; margin:0; font-size: 38px!important;} h4 {font-size:24px!important; text-transform: none; color: #663c13; font-family: 'Nunito', sans-serif; font-weight: 600; line-height:28px;} h5 {color: #663c13; font-weight: 700; font-size: 20px!important; padding: 10px 0 0 0;} b, strong { font-weight: 700;} .et_pb_fullwidth_header.et_pb_fullwidth_header_0, .et_pb_fullwidth_header.et_pb_fullwidth_header_1 { background-color: unset!important; } .formbutton, .button, .wpcf7-submit {color: #FFF; padding: .6em 1em; background: #086d75; cursor:pointer; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} .formbutton:hover, .button:hover, .wpcf7-submit:hover{background:#ffffff!important;color: #086d75;} .search-no-results .news-container .et_pb_row {max-width: unset; width: 80%; margin: 0 auto;} .button i { margin: 0px 0 0 3px;} .button.mp-hide-pw.hide-if-no-js { display: none;} a {color: #663c13; font-weight:600; text-decoration: underline;cursor:pointer;} .customTopBar {background:#ffcf2a; /*<------------------------------------------------ DARK YELLOW*/ text-align:center; color:#086d75;} .customTopBar span {padding: 7px 0; font-size:16px;font-weight:bold;} .customTopBar a {font-size:16px;font-weight:bold; padding:12px; display: inline-block; color:#086d75; } /*<------------------------------------------------ TEAL*/ .fullwidth, .et_fixed_nav.et_show_nav #page-container { padding: 0%; } .et-db #et-boc .et-l .et_pb_row, .et-db #et-boc .et_pb_row, .container {max-width:unset;width: 80%; margin: 0 auto;} .textSliderRow .et-pb-active-slide .et_pb_slide_description{ animation-name: unset;} .textSliderRow .et_pb_slide {background:transparent!important;} .textSliderRow .et_pb_slider { position:relative;} .textSliderRow .et_pb_slider.yellowRough {margin:0!important; padding: 8% 8% 8% 8%!important;} .textSliderRow .et_pb_slider h2, .textSliderRow .et_pb_slider div { color: #663c13!Important; text-shadow: unset; text-align: left; font-size: 18px;} .textSliderRow .et_pb_slider h2 {line-height: 32px; font-size: 26px!important;} .textSliderRow .et-pb-arrow-next, .textSliderRow .et-pb-arrow-prev {opacity: 1!important; color:#ffffff; text-decoration: none;background:#663c13; border-radius:50px; height:50px; width:50px;} .textSliderRow .et_pb_slider .et-pb-arrow-prev { left: 22px; opacity: 1;} .textSliderRow .et_pb_slider .et-pb-arrow-next { right: 22px; opacity: 1;} .textSliderRow .et_pb_slider .et-pb-arrow-next:hover, .textSliderRow .et_pb_slider .et-pb-arrow-prev:hover{color:#f8e428; background:#086d75;} .textSliderRow.alignTop {align-items:unset!important;} .cards {width: 100%!important; display: flex; justify-content: space-between; flex-wrap: wrap; } .card {background: #fff; display: flex; justify-content: left; flex-wrap: wrap; position: relative; border-radius: 12px; border: 2px solid #e5e6d7; float: none !important;} .card .et_pb_text, .card .et_pb_button_module_wrapper {padding:25px;} .card img {border-radius:12px 12px 0 0;} .rectangle, .mepr_price {background: url('i/line-rectangle.svg') transparent center center!important; background-size: 100% 100%!important;} .rectangle .et_pb_video_box { margin: 25px;} .navs404 { display: flex; max-width: 1024px; margin: 0 auto; padding: 60px 0px;} .navs404 ul { flex: 0 0 25%;} .navs404 ul li { position:relative; text-align: left; list-style-type: none; font-size: 18px;} .navs404 ul li:before{ content: ''; display: block; width: 10px; height: 10px; background: #ffcf2a; border-radius: 25px; position: absolute; left: -20px; top: 6px;} .jumpto ul {width: fit-content; text-align: right; position: relative; top: -50px; float: right;} .jumpto ul li { display: inline; list-style-type: none; padding: 5px 15px; border-left: 2px solid #663c13;} .jumpto ul li:first-child { border: none;} .jumpto ul:before { content: "JUMP TO"; transform:rotate(-5deg); background: url('i/brownRough.svg') no-repeat; color:#ffffff;background-size: 100% 100%;padding:8px;text-align: center; font-family: 'Moranga-Bold', serif; position: absolute; top: -10px; width: 85px;left: -90px;} .jumpto ul li:before{display:none!important;} .jumpto .et_pb_text_inner { max-width: unset!important;} .animation-fade .et_pb_slide_image,.animation-fade .et_pb_slide:first-child .et_pb_slide_image img.active { -webkit-animation-name: fade; -moz-animation-name: fade; -ms-animation-name: fade; -o-animation-name: fade; animation-name: fade;} .animation-fade .et_pb_slide_image{ opacity: 1 !important;} .accentButton { background: url('i/yellowRough.svg') transparent center center!important; background-size: 100% 100%!important; position:relative;} .accentButton a {background:#663c13;} .accentButton a:hover {background:#ffffff;color:#663c13;} .accentButton img {-webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1); max-width: 180px; position: absolute; right: 0; top:25px; right: -60px; top: -65px;} .accentButton .et_pb_button_wrapper { text-align: left;} .accentButton .et_pb_promo_description {padding: 0;} .linkList a {display: block; padding: 0 0 0 40px; position:relative;} .linkList a:before {content:'';background: url(i/linkList.svg) center center no-repeat transparent; left:0; background-size:40%; height: 46px; width: 46px; display:inline-block; cursor: pointer; position:absolute; top: -5px; } input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="date"], input[type="text"], input[type="url"], select, textarea, #prefooter input, textarea {flex: 1; width:90%; background-color: #fff; border: 1px solid #bbb; padding: 6px; color: #4e4e4e; margin: 0 12px 0 0 !important; border-radius: 7px; min-height: 45px;} #GiftAidOptIn input[type=checkbox] {margin: 7px 12px 0 0; -webkit-appearance: checkbox; transform: scale(1.5); float: left;} #GiftAidOptIn .sendbutton { margin: 32px 0;} #fullWidthVisualBanner.revised #fullWidthVisualBannerBlob {align-content: center; flex-wrap: wrap; display: flex;} #fullWidthVisualBanner.revised #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText {height:100%; padding:0!important;} #fullWidthVisualBanner.revised #fullWidthVisualBannerBlob h2{padding:0!important;} #fullWidthVisualBanner.revised #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText .et_pb_text_inner::before { content: ''; float: left; /* Necessary for shape-outside to work */ width: 300px; /* Match the size of your hexagon background */ height: 260px; /* Match the size of your hexagon background */ shape-outside: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); } #fullWidthVisualBanner {background:#663c13; position:relative; min-height: 850px; padding: 0!important;}/*<------------------------------------------------ BROWN */ #fullWidthVisualBanner #fullWidthVisualBannerImage > div {background:#663c13; } #fullWidthVisualBanner #fullWidthVisualBannerImage img { -webkit-filter: grayscale(100%) ; /* Safari 6.0 - 9.0 */ filter: grayscale(100%);object-fit: cover; max-height: 850px;} .realfullWidth .et_pb_row, #fullWidthVisualBanner .et_pb_row { width: 100%!important; max-width: unset!important; padding: 0 4%; display: flex; align-items: center;} #fullWidthVisualBanner #fullWidthVisualBannerImage { position: absolute; padding: 0;} #fullWidthVisualBanner #fullWidthVisualBannerContent {min-height: 850px; font-weight:200; position: absolute; z-index: 700; padding: 130px 10% 130px 13%;} #fullWidthVisualBanner #fullWidthVisualBannerImage .et_pb_image_wrap {background:#663c13; display: inline-block;position: relative; max-height: 850px; max-width: 100%; mix-blend-mode: overlay; } #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_text_inner {color: #feffef;font-size: 18px;padding-top: 12px; padding-bottom: 0px !important; font-weight:500; line-height: 30px; } #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob .et_pb_text_inner p {font-size: 22px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob h2 {color:#feffef; line-height: 40px !important;} #fullWidthVisualBanner h1, #fullWidthVisualBanner h2{color:#feffef;} #fullWidthVisualBanner h1 {} #fullWidthVisualBanner #fullWidthVisualBannerBlob { transform-style: preserve-3d; font-size:20px; position: absolute; right: 5%; bottom: -70px; background: url('i/blobby-fullWidthVisualBannerBlob.svg') center center no-repeat; background-size: cover; width: 599px; height: 522px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob:before {content:url('i/blobby-fullWidthVisualBannerBlob-before.svg'); position:absolute; bottom: -30px; left: 70px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob:after { content:url('i/ring.png');right: 80px; top: -100px; position:absolute; transform: translateZ(-1px);} #fullWidthVisualBanner.noBlobs #fullWidthVisualBannerBlob {display:none;} #fullWidthVisualBanner #fullWidthVisualBannerBlob .et_pb_text {margin:0;} #fullWidthVisualBanner #fullWidthVisualBannerContentText a, #fullWidthVisualBanner #fullWidthVisualBannerContentText p, #fullWidthVisualBanner #fullWidthVisualBannerBlobText p { color: #ffffff;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2 { padding:20px 168px 0px 60px;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob .et_pb_button_module_wrapper { position: absolute; bottom: 60px; left: 60%;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob strong {color:#f8e52c;}/*<------------------------------------------------ LIGHT YELLOW*/ #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText {font-weight:300; padding: 0px 24px 0px 60px; background: none;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob .et_pb_text_inner{max-width:95%;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText .et_pb_text_inner::before { content: ""; display: block; float: left; shape-outside: polygon(85.03% 131px, -1.55% 19px, -5.17% 98px, 135.29% 303px); width: 210px; height: 290px;} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob {transform-style: preserve-3d; font-size: 18px; position: absolute; right: 5%; bottom: -50px; background: url('i/blobby-fullWidthVisualBannerBlob-noButton.svg') center center no-repeat; background-size: auto; background-size: auto; background-size: cover; width: 512px; height: 579px; padding: 110px 42px 0px 60px;} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2 {padding:0;} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob:before {content:url('i/blobby-fullWidthVisualBannerBlob-before.svg'); position:absolute;bottom: 0px; left: -60px;} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob:after { content:url('i/ring.png');right: 290px;top: -30px; position:absolute; transform: translateZ(-1px);} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText .et_pb_text_inner::before {display:none;} #fullWidthVisualBanner.voidBlob #fullWidthVisualBannerContent #fullWidthVisualBannerBlob {display:none;} .css-sheds #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2 , .css-start-a-shed #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2 { padding: 50px 172px 0px 60px;} .yellowDarkRow {background:#ffcf2a!important; position:relative; color:#663c13; font-size:20px; padding:260px 0 190px !important;} .yellowDarkRow h1, .yellowDarkRow h2, .yellowDarkRow h3, .yellowDarkRow h4, .yellowDarkRow h5, .yellowDarkRow h6{color:#663c13;} .yellowDarkRow:before{content:url('i/blobby-yellowDarkRow-before.svg'); position:absolute;left: 0px;top:-243px; z-index:500;} .yellowDarkRow p , .yellowDarkRow a{font-size:20px; color:#663c13;} .yellowDarkRow .et_pb_button {color:#ffffff;background:#663c13;} .yellowDarkRow .et_pb_button:hover {color:#663c13;} .tealRow {background:#086d75!important; position:relative; color:#ffffff; font-size:20px; padding:100px 0 220px 0 !important; overflow-x: clip;} .tealRow h2, .tealRow h3, .tealRow h4, .tealRow p, .tealRow a {color:#ffffff;} .tealRow:before{content:url('i/blobby-yellowDarkRow-after.svg'); position:absolute;right: -80px; top: -53px; z-index:500;} .tealRow .button, .tealRow .wpcf7-submit {color: #663c13; padding: .6em 1em; background: #ffcf2a; cursor:pointer; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} .tealRow.commonWidth {padding:100px 10% 220px 10% !important;} .yellowDarkRow.commonWidth {padding:260px 10% 190px 10% !important;} .paleRow.commonWidth, .paleRowAlt.commonWidth, .paleRowAlt2.commonWidth {padding:160px 10% 150px 10%!important;} .paleRow {background:#feffef; position:relative; color:#663c13; font-size:20px;} .paleRow h1, .paleRow h2, .paleRow h3, .paleRow h4, .paleRow h5, .paleRow h6{color:#663c13;} .paleRow:before{content:url('i/blobby-paleRow-before.svg'); position:absolute;left: 0px;top:-173px; z-index:500;} .paleRow p , .paleRow a{font-size:20px; color:#663c13;} .paleRow .et_pb_button{color:#ffffff; background: #663c13; } .paleRow .et_pb_button:hover{color: #663c13; background:#ffffff; } .paleRow h3 { text-align: left; max-width: 130px; margin: 0 auto 0 auto; position: relative; right: -40px;} .paleRow .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_text { background-size: 55px; background-position-x: 55px;} .paleRow, .paleRowAlt, .paleRowAlt2 {background:#feffef; position:relative; font-size:20px; padding:160px 0 150px 4%!important;} .paleRow.wellbeing, .paleRow.wellbeing h1, .paleRow.wellbeing h2, .paleRow.wellbeing h3, .paleRow.wellbeing h4, .paleRow.wellbeing h5, .paleRow.wellbeing h6{color:#086d75;} .paleRowAlt2:before{content:url('i/blobby-paleRow-before.svg'); position:absolute;right: 0px;top:-194px; z-index:500; transform: scaleX(-100%);} .paleRow.wellbeing:before{content:url('i/blobby-paleRow-before.svg'); position:absolute;left: 0px;top:-194px; z-index:500;} .paleRow.wellbeing p , .paleRow.wellbeing a, .paleRow.wellbeing .et_pb_button:hover, .paleRowAlt.wellbeing a, .paleRowAlt.wellbeing p, .paleRowAlt.wellbeing .et_pb_button:hover{font-size:20px; color:#086d75;} .paleRow.wellbeing h3, .paleRowAlt.wellbeing h3 { text-align: left; max-width: 130px; margin: 0 auto 0 auto; position: relative; right: -40px;} .paleRow .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_text { background-size: 55px; background-position-x: 55px;} .paleRow.wellbeing .et_pb_button, .paleRowAlt.wellbeing .et_pb_button {color:#ffffff; background:#086d75;} .paleRow.wellbeing .et_pb_button:hover, .paleRowAlt.wellbeing .et_pb_button:hover { background:#ffffff;color:#086d75;} .paleRow .quoteBlobbies img { -webkit-clip-path: url(#blobPath2); clip-path: url(#blobPath2); position: relative; right:0px;} .paleRowAlt2 .quoteBlobbies img { -webkit-clip-path: url(#blobPath2); clip-path: url(#blobPath2);} .paleRow .et_pb_button, .paleRowAlt .et_pb_button, .paleRowAlt2 .et_pb_button{color: #ffffff; background: #663c13;} .paleRow .et_pb_button:hover, .paleRowAlt .et_pb_button:hover, .paleRowAlt2 .et_pb_button:hover {background: #ffffff; color: #663c13;} .paleRow .quoteBlobbies .quoteText, .paleRowAlt2 .quoteBlobbies .quoteText {position: absolute; bottom: -110px; background: url('i/blobby-quoteText.svg') center center no-repeat; width:552px; height:539px; background-size: cover; color: #f8e52c; font-size: 18px; font-weight: 500; padding:90px 102px 120px 95px; left: -100px;} .paleRow .quoteText p, .paleRowAlt .quoteText p, .paleRowAlt2 .quoteText p { color: #ffcf2a;} .paleRowAlt:before{content:url('i/blobby-paleRowAlt-before.svg'); position:absolute;left: 0px;top:-243px; z-index:500;} .page-template-page-template-standard .paleRowAlt:before {display:none;} .page-template-page-template-standard .paleRow.commonWidth, .page-template-page-template-standard .paleRowAlt.commonWidth, .page-template-page-template-standard .paleRowAlt2.commonWidth {padding: 0px 10% 150px 10%!important;} .paleRow .paleIntro .et_pb_text_inner , .paleRowAlt2 .paleIntro .et_pb_text_inner {max-width:75%;} .paleRow .quoteBlobbies .quoteText h2, .paleRowAlt2 .quoteBlobbies .quoteText h2 {color:#ffffff; } .paleRow .quoteBlobbies .et_pb_image, .paleRowAlt2 .quoteBlobbies .et_pb_image { position: relative; top: -310px; right: -70px;} .paleRow .quoteBlobbies small, .paleRowAlt2 .quoteBlobbies small { display: block; color: #ffffff; padding: 12px;} .paleRow .paleIntro .et_pb_image_wrap, .paleRowAlt2 .paleIntro .et_pb_image_wrap { padding: 0 0 40px 0;} .paleRowAlt2 .et_pb_row { z-index: 500;} .blobbyWrangle .imageOnlyBlobbyimage {top: 0px!important;} .ctax3 h3 { text-align: left; margin: 0 auto 0 auto; position: relative; font-size: 27px !important; max-width: 170px;} .ctax3.et_pb_row_1-6_1-6_1-6_1-2 .et_pb_text { background-size: 55px; background-position-x: 55px; padding: 0 0 0 130px;} .ctax3.et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:last-child .et_pb_text{padding:0;} .imageOnlyBlobby img { -webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1); margin:45px;} .imageOnlyBlobby .et_pb_text_inner, .imageOnlyBlobby .et_pb_video { max-width: 80%;} .imageOnlyBlobby .imageOnlyBlobbyimage:before{ content: url('i/blobby-onlyBlobbyimage.svg'); position: absolute; top: 0px; right: 20%; transform: scale(1.5);} .imageOnlyBlobby { padding: 200px 10%!Important; margin: 0 auto;} .imageOnlyBlobby .et_pb_row:nth-child(even) .imageOnlyBlobbyimage:before { content: url('i/blobby-map-beforeafter.svg'); position: absolute; bottom: 0; left: 0%; transform: scale(1.5); top: unset; right: unset;} .callToActionImage .imageSide .et_pb_text_inner p {color:#ffffff;} .callToActionImage .imageSide .et_pb_text_inner h3 {right: unset; width: 100%; margin: 0; padding: 0; max-width: unset; color:#ffffff; font-size: 32px;} .callToActionImage .imageSide .et_pb_text_inner{transform: rotate(4deg); background: url('i/blueRough.svg') no-repeat; color:#ffffff;background-size: 100% 100%;padding: 35px;text-align: left; position: relative; top: -140px; width: 79%;} .callToActionImage .imageSide .et_pb_button { position: relative; top: -179px;} .callToActionImageDouble .side01 .et_pb_text_inner p {color:#ffffff;} .callToActionImageDouble .side01 .et_pb_text_inner h3 {right: unset; width: 100%; margin: 0; padding: 0; max-width: unset; color:#ffffff; font-size: 32px;} .callToActionImageDouble .side01 .et_pb_text_inner{transform: rotate(-4deg); background: url('i/blueRough.svg') no-repeat; color: #ffffff; background-size: 100% 100%; padding: 45px 45px 34px 45px; text-align: left; position: absolute; top: 0px; width: 79%; z-index: 30;} .callToActionImageDouble .side01 .imageOnlyBlobby .imageOnlyBlobbyimage:before { content: url(i/blobby-map-beforeafter.svg); position: absolute; top: -60px; left: -60px;} .callToActionImageDouble .side02 .et_pb_text_inner p {color:#ffffff;} .callToActionImageDouble .side02 .et_pb_text_inner h3 {right: unset; width: 100%; margin: 0; padding: 0; max-width: unset; color:#ffffff; font-size: 32px;} .callToActionImageDouble .side02 .et_pb_text_inner{transform: rotate(4deg); background: url('i/tealRough.svg') no-repeat; color:#ffffff;background-size: 100% 100%;padding: 35px;text-align: left; position: absolute; top: -270px; width: 79%;} .callToActionImageDouble .imageOnlyBlobbyimage img { -webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1);} .callToActionImageDouble .imageOnlyBlobby .imageOnlyBlobbyimage:before { content: url(i/blobby-onlyBlobbyimage.svg); position: absolute; top: -30px; right: 20%; transform: scale(1.5);} .callToActionImageDouble .side01 .imageOnlyBlobbyimage:before { content: url('i/blobby-map-beforeafter.svg'); position: absolute;top: 70%; left: 10%; transform: scale(1.5);} .callToActionImageDouble .ctaSubText .et_pb_text_inner { background: none; padding: 0;} .callToActionImageDouble .ctaSubText .et_pb_text_inner { background: none; position: static; color:#663c13; transform: none;} .callToActionImageDouble .ctaSubText .et_pb_text_inner p { color:#663c13;} .callToActionImageDouble .side01 { padding: 50px 0 0 0;} .callToActionImageDouble .side01 .et_pb_image { padding: 70px 0 150px 0;} .callToActionImageDouble .side02 .et_pb_image { padding: 70px 0 150px 0;} .nonphoto {-webkit-clip-path: unset!important; clip-path:unset!important;} .nonphoto:before {display:none;} .yellowDarkRow .et_pb_text_inner ul li:before { content: ''; display: block; width: 10px; height: 10px; background: #663c13; border-radius: 25px; position: absolute; left: -12px; top: 10px;} .accordionStyled.et_pb_accordion .et_pb_toggle_close { background-color:#feffef !important; padding:0!important; border: 0; margin-bottom: 5px!important; border-radius:5px;} .accordionStyled.et_pb_accordion .et_pb_toggle_open {border:0; padding:0!important; background-color:#feffef !important; border-radius:5px; margin-bottom: 5px;} .accordionStyled.et_pb_accordion .et_pb_toggle_content {padding: 25px;} .accordionStyled.et_pb_accordion .et_pb_toggle .et_pb_toggle_title:before {display:none;} .accordionStyled.et_pb_accordion .et_pb_toggle_title {padding: 15px 50px 15px 25px!important; cursor: pointer; font-size: 20px!important; font-weight: bold;} .accordionStyled {margin: 50px 0;} .accordionStyled h3 { font-size: 30px;} .flipBookStyled > div { text-align: center; max-width: unset !important;} .flipBookStyled > div {background:url('i/scratches.png')repeat-x center center;} .flipBookStyled .df-popup-thumb { width: 50%; transform: rotate(4deg);} .flipBookStyled .df-popup-thumb img {-webkit-clip-path: unset!important; clip-path: unset!important; margin: unset!important;} .flipBookStyled .df-popup-thumb .df-book-title {display:none!important;} .map-approval .switch {margin:10px 100px 2px auto; position: relative; display: inline-block; width: 60px; height: 34px; } .map-approval .switch input { opacity: 0; width: 0; height: 0;} .map-approval .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .map-approval .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} .map-approval input:checked + .slider { background-color: #ffcf2a;} .map-approval input:focus + .slider { box-shadow: 0 0 1px #ffcf2a;} .map-approval input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} .map-approval .slider.round { border-radius: 34px;} .map-approval .slider.round:before { border-radius: 50%;} .map-approval li { background: #663c13; border-radius: 25px; display: flex;} .map-approval li:before { display: none!important;} .map-approval ul { margin: 0 0 52px 0; padding: 0; max-width: 820px;} .map-approval li p {font-weight: bold; color: #ffffff;} .map-approval .switch:before {content: "unapprove"; color:#ffffff; font-size: 12px; z-index: 500; position: absolute; left: -79px;} .map-approval .switch:after {content: "approve"; color:#ffffff; z-index: 500; font-size: 12px; position: absolute;right:-70px;} .map-approval { padding: 0!important;} #mapControls .et_pb_text_inner {position:relative; display: grid; grid-template-columns: [col1-start] 48% [col2-start] 38%; column-gap:10%; grid-template-rows: [row1-start] 80px [row2-start] 220px [row3-start] 100px [row4-start] 40px [row5-start] 80px;} #mapControls .et_pb_text_inner .wpgmza_map {z-index: 300;grid-column: col1-start; grid-row: row1-start/ row5-end;} #mapControls .et_pb_text_inner h2{grid-column: col2-start; grid-row: row1-start; align-self: start} #mapControls .et_pb_text_inner > p{grid-column: col2-start; grid-row: row3-start; align-self: start} #mapControls .et_pb_text_inner .wpgmza-store-locator {grid-column: col2-start; display: flex; grid-row: row2-start; align-items: end; align-self: start; overflow: visible;} #mapControls .et_pb_text_inner #legend {display:none;grid-column: col2-start; border:0; grid-row: row3-start; align-self: start; max-width:700px;} #mapControls .et_pb_text_inner #legend td:first-child:before { content: ''; height: 50px; width: 50px; display: inline-block; position: absolute; background: url(i/map-icon2.svg) center center no-repeat #ffffff; border-radius:50px; background-size: 80%; left: 0; top:-10%;} #mapControls .et_pb_text_inner #legend td:before { content: '';height: 50px; width: 50px; display: inline-block; position: absolute; background: url(i/map-icon.svg) center center no-repeat #ffffff; border-radius:50px; background-size: 80%; left: 0; top:-10%;} #mapControls .et_pb_text_inner #legend td:last-child:before { content: '';height: 50px; width: 50px; display: inline-block; position: absolute; background: url(i/map-icon3.svg) center center no-repeat #ffffff; border-radius:50px; background-size: 80%; left: 0; top:-10%;} #mapControls .gm-style-iw-d {overflow-x: scroll!important;max-height: 400px!important;} #mapControls .et_pb_text_inner input.wpgmza-search:hover, #mapControls .wpgmza-get-directions:hover, #mapControls .wpgmza-directions-result__buttons a:hover{background:#fff!important; color: #663c13!important;} #mapControls .wpgmza-infowindow img {display:none;} #mapControls .wpgmza-infowindow p.ShedMember {background: #ffcf2a; display: inline-block; padding: 2px 12px!important; border-radius: 30px; margin: 0 0 14px 0; font-size: 15px; font-weight: bold;} #mapControls .wpgmza-address-container, #mapControls .wpgmza-address { width: 100%;} #mapControls .wpgmza_infowindow_link {display:none;} #mapControls .wpgmza_gd {font-size:13px;padding: 15px;} #mapControls .gm-style-moc { background-color:#663c13;} #mapControls .gm-style-moc p {color:#ffffff;} #mapControls .gm-style .gm-style-iw-c { padding: 0;} #mapControls .wpgmza_infowindow_title { background: #086d75; color: #ffffff!important; padding: 15px;} #mapControls .wpgmza_infowindow_address {padding: 15px;} #mapControls .wpgmza_infowindow_description {padding: 15px;} #mapControls .wpgmza-infowindow .ShedIntro { border-bottom: 2px solid #663c13; border-top: 2px solid #663c13;} #mapControls .wpgmza-infowindow .ShedSocial a, #mapControls .wpgmza-infowindow .ShedSessions span { display: block; font-size: 16px; width: fit-content; color:#086d75;} #mapControls button.wpgmza-use-my-location { border: 0;} #mapControls .wpgmza-address-container button.wpgmza-use-my-location {display:none;} #mapControls button.wpgmza-use-my-location i, #mapControls .wpgmaps_add_waypoint i{color:#663c13;} #mapControls .wpgmza-directions-options__section { background: transparent !important;} #mapControls .et_pb_text_inner:before{ content: url(i/blobby-map-beforeafter.svg); position: absolute; top: -60px; left: -60px; transform: scale(1.5);} #mapControls .et_pb_text_inner:after{ z-index:10; content: url(i/ring.png); position: absolute; bottom: -60px; right: 50%; transform: scale(1.5);} #mapControls .et_pb_text_inner table td {border:0;color:#663c13; font-size:20px; padding: 0 0 0 70px; position:relative;} #mapControls .et_pb_text_inner table.adp-directions td { padding: 5px 0 5px 12px;} #mapControls .et_pb_text_inner table.adp-directions tr:nth-child(odd) {background:white;} #mapControls .et_pb_text_inner .wpgmza-no-results { order: 5;} #mapControls .et_pb_text_inner .wpgmza-radius-container{ display: none;} #mapControls .et_pb_text_inner .wpgmza-address-container{order:1;} #mapControls .et_pb_text_inner div.wpgmza-search {order:3;} #mapControls .et_pb_text_inner div.wpgmza-reset {order:2; } #mapControls .et_pb_text_inner input.wpgmza-search {position: absolute; float: right;} #mapControls .et_pb_text_inner input.wpgmza-search, #mapControls .wpgmza-get-directions, #mapControls .wpgmza-directions-result__buttons a{cursor:pointer; padding: .6em 1em; margin: 0; background: #663c13!important; font-size: 18px; color: #fff!important; width:auto; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease; left: 0; bottom: -58px;} #mapControls input.wpgmza-reset {background: url(i/cross.svg) center center no-repeat transparent; background-size:40%; border: 0; padding: 0; overflow: hidden; height: 46px; width: 46px; cursor: pointer; position: relative; top: -5px; text-indent: -9999px;} #mapControls a[name="map2"] { display: none;} #mapControls .gm-style-iw.gm-style-iw-c{overflow:visible!important;} #mapControls button.gm-ui-hover-effect { background:#ffcf2a!important; z-index: 5000; opacity: 1!important; border-radius: 100%;} .roughQuote {overflow: hidden;color:#ffffff; position: relative; padding:108px 68px;background-image: url('i/blueRough.svg'); background-repeat: no-repeat; background-size: contain!important;margin: 0 auto;max-width: 770px; } .roughQuote .et_pb_text_inner {color:#ffffff; text-align:center!important; font-size: 24px!important; font-family: 'Moranga-Bold', serif!important; font-weight: 600!important; line-height: 32px;} .firstSectionWave:after{content:url('i/wave.svg'); position: absolute; bottom:-10px; z-index: 900; left: 0; width:100%;} .firstSectionWave { overflow-x: clip;} .downloadButton { position: relative; border-radius: 12px; border: 2px solid #663c13; padding: 25px; max-width: 200px; color: #663c13; text-align:center!important; font-size: 24px!important; font-family: 'Moranga-Bold', serif!important; font-weight: 600!important; line-height: 32px; display: inline-block; text-transform: none; margin: 0 5px 0 0; text-decoration: none;} .downloadButton:before{-webkit-transition: all .16s ease;transition: all .16s ease; content:url('i/drill.svg'); display: block; position:relative;} .downloadButton > div {max-width:unset!important; text-align:center!important;line-height: 20px; line-height: 23px; font-size: 19px !important; } .downloadButton:hover{background:#ffffff;} .downloadButton:hover:before { transform: rotate(56deg); top: 8px; right: -8px;} #benefitsModal {display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.7)!important; z-index: 5000;} #benefitsModal.active {display:flex;} #benefitsModal .et_pb_row {background: #feffef; border-radius:20px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 480px; background-color: #fff; padding: 20px; z-index: 11;} #benefitsModal .et_pb_row span { right: -30px; top: -30px; height: 40px; width: 40px; border-radius: 100%; background: #ffcf2a; text-align: center; color: #086d75; position:absolute; padding: 10px 20px; border: none; cursor: pointer;} #benefitsModal .et_pb_row span:hover { background-color: #428bca;} #benefitsModal .et_pb_row span::before { content: "+"; cursor: pointer; position: absolute; top: 8px; left: 12px; font-size: 28px; font-weight: 900; color: #086d75; transform: rotate(45deg);} #benefitsModal .et_pb_row span:hover{background: #086d75;} #benefitsModal .et_pb_row span:hover::before{color: #ffffff;} #benefitsModal .et_pb_column { display: flex; flex-wrap:wrap;} #benefitsModal .et_pb_column > div { width: 100%;} #benefitsModal .et_pb_column > div img { max-width: 150px; float: left; margin: 0 32px 0 0;} #benefitsModal .et_pb_column > div .et_pb_text_inner {align-items: center ;display: flex; flex-wrap:wrap; border-bottom: 1px solid #d3d6d9;} #benefitsModal .et_pb_column > div .et_pb_text_inner p { padding: 0; font-weight: bold; max-width: 50%;} #benefitsModal .et_pb_column > div:first-child .et_pb_text_inner , #benefitsModal .et_pb_column > div:last-child .et_pb_text_inner { border: 0;} /* MemberPress Forms */ .mepr-signup-form small {display:block;padding: 15px 4px;} .mepr-signup-form input, .mepr-signup-form select, #user_login, #user_pass {background:#ffffff;} .mepr-radios-field span { display: inline-block!important; margin: 0 12px 0 0;} #mepr_shed_open_times1 span, #mepr_shed_open_times2 span { width: 32%;} #mepr_shed_open_times1, #mepr_shed_open_times2 { display: flex!important; flex-wrap: wrap;} .mp_wrapper .mp-form-row.mepr_mepr_email_preference, .mp_wrapper .mp-form-row.mepr_mepr_post_preference, .mp_wrapper .mp-form-row.mepr_mepr_phone_preference, .mp_wrapper .mp-form-row.mepr_mepr_sms_preference,.mp_wrapper .mp-form-row.mepr_mepr_circa_male,.mp_wrapper .mp-form-row.mepr_mepr_circa_female { width: 25%!important; padding: 0 2% 0 0; float: left;} .mepr-signup-form .block{ float:left; display: inline-block; width:100%; margin: 20px 0; font-size: 22px; font-family: 'Moranga-Bold', serif; font-weight: 600; } .mp_wrapper .mp-form-label { margin: 20px 0 11px 0;} .mp_wrapper .signupEmails, .mp_wrapper .mepr_price .mepr_price_cell_label {display: none!important; } .mepr_price {padding: 45px;} .mepr-submit, #wp-submit, .buttonStyle a {display: inline-block; text-decoration:none; cursor: pointer; list-style-type: none; border-radius: 12px; font-size: 18px; margin: 50px 0 55px 0; padding: 0.6em 1em; line-height: 1.7em !important; background: #086d75!important; color: #ffffff; border: 0; font-weight: 790; } .mepr-share-button{clear: both; display: block;} .mp_wrapper, .mepr-no-active-subscriptions {margin: 0 0 65px 0;} #mepr-thank-you-page-message { padding: 0 0 100px 0px;} #mepr-account-welcome-message {display: none;} .mepr-account-change-password { padding: 0px 0 60px; display: block;} .mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type="text"], .mp_wrapper input[type="url"], .mp_wrapper input[type="email"], .mp_wrapper input[type="tel"], .mp_wrapper input[type="number"], .mp_wrapper input[type="password"] {background:#ffffff;} .mepr-submit:hover, #wp-submit:hover, .buttonStyle a:hover { background-color:#ffffff!important; color:#086d75!important; } .mp_wrapper .mp-form-row.mepr_first_name,.mp_wrapper .mp-form-row.mepr_last_name,.mp_wrapper .mp-form-row.mepr_mepr-address-one,.mp_wrapper .mp-form-row.mepr_mepr-address-two,.mp_wrapper .mp-form-row.mepr_mepr-address-city,.mp_wrapper .mp-form-row.mepr_mepr-address-country,.mp_wrapper .mp-form-row.mepr_mepr-address-state, .mp_wrapper .mp-form-row.mepr_mepr-address-zip, .mp_wrapper .mp-form-row.mepr_mepr_main_contact_no, .mp_wrapper .mp-form-row.mepr_mepr_mobile_no, .mp_wrapper .mp-form-row.mepr_mepr_website_address, .mp_wrapper .mp-form-row.mepr_mepr_facebook_address, .mp_wrapper .mp-form-row.mepr_mepr_twitter_handle, .mp_wrapper .mp-form-row.mepr_mepr_instagram_handle,.mp_wrapper .mp-form-row.mepr_mepr_how_many_members_including_non_active, .mp-form-row.mepr_custom_field.mepr_mepr_shed_status, .mp-form-row.mepr_custom_field.mepr_mepr_shed_open_date {padding: 0 2% 0 0; width: 50%!important; float: left;} .mp-form-row.mepr_mepr_shed_open_times { display: block; padding: 25px 0; clear: both;} #mepr_loginform, .mepr-login-actions {max-width: 500px;margin: 0 auto 65px; display: block;} .mepr-unauthorized-message {text-align: center;} .mepr_username {clear:both;} .mp-form-submit { padding: 40px 0 0 0; display: block; clear: both;} .ui-datepicker-div a, .ui-datepicker-div div, .ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background: none!important; border: 0; color:#ffffff;} .ui-datepicker { background-color: #663c13; color: #FFFFFF; border: 1px solid #4A3B2C;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { background: #ffcf2a!important;} .ui-datepicker table { border-collapse: collapse; border-spacing: 0;} .ui-datepicker .ui-datepicker-title {display: flex;} .ui-datepicker td,.ui-datepicker th { border: 1px solid #4A3B2C; font-size: 0.8em; padding: 0.2em 0.2em; text-align: center;} .ui-datepicker th { background-color: #6D4C41; font-weight: bold; padding: 0.4em 0.2em; text-align: center;} .ui-datepicker a { color: #FFFFFF; text-decoration: none;} .ui-datepicker .ui-state-default { background-color: #A0522D;} #registrationForms .controls li span {font-weight:900; width: 100%;} #registrationForms .controls li {list-style-type:none;} #registrationForms .controls li:hover{background:#ffffff; color:#663c13;} #registrationForms .controls li {cursor:pointer; display:inline-block; color: #FFF; padding:.6em 4em .6em 1em; margin:0 0.2em; background: #f8e52c; color: #663c13; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} #registrationForms .controls li.active {background: #086d75 url('i/tick.png') no-repeat right 15px center; background-size:25px; color:#ffffff; } #registrationForms .controls ul {margin:0 auto;} #registrationForms .controls {text-align: center; width: 100%;} #registrationForms .regForm{display:none;} #shedRegistration { padding: 200px 10%!Important;} #registrationForms {padding: 118px 0; max-width: 900px!Important;} #registrationForms .controls {padding: 30px 0;} #registrationForms textarea { min-height: 240px;} #registrationForms h3 { max-width: unset; padding: 30px 0; font-size: 22px; position: static;} #registerBenefits .controls ul { padding: 0;} #registerBenefits .controls li.subtier { cursor: pointer; display: inline-block; color: #FFF!important; padding: 0.6em; margin: 0 0.2em; background: transparent; font-weight: 400; border: 0; text-decoration: none; font-size: 14px; -webkit-transition: all .16s ease; transition: all .16s ease;} #registerBenefits .controls li.subtier:hover { background: transparent; text-decoration: underline;} #shedRegistration #registerBenefits .blueRough li em {color:#f8e52c; cursor:pointer; text-decoration:underline; font-style:normal;} #shedRegistration #registerBenefits .blueRough li em:hover{ text-decoration:none;} /* Wellbeing */ #fullWidthVisualBanner.wellbeing, #fullWidthVisualBanner.wellbeing #fullWidthVisualBannerImage .et_pb_image_wrap {background:#086d75;} #fullWidthVisualBanner.wellbeing #fullWidthVisualBannerImage img {mix-blend-mode: multiply;} #post-filter-buttons ul li a { text-decoration: none;cursor: pointer;list-style-type: none;border: 2px solid #e5e6d7;border-radius: 12px;font-size: 18px;margin: 0 0 15px 0;padding: 0.3em 2.4em 0.3em 0.7em;line-height: 1.3em !important;background-color: transparent;color:#663c13;display: inline-block;width: 100%;} #post-filter-buttons ul{margin:0; padding:0; overflow:hidden;} #post-filter-buttons li { margin: 0; padding: 0;} .wellbeing #post-filter-buttons ul a:hover{background: #086d75;} #post-filter-buttons ul a:hover { border:2px solid #e5e6d7; background:#663c13; color:#ffffff;border-radius:12px;} #post-filter-buttons ul a.active { color: #ffffff; background:#00c4cb url('i/tick.png') no-repeat right 15px center; background-size:25px; border:2px solid #e5e6d7; border-radius:12px; } #queried-posts {flex-wrap: wrap; display:flex; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out;} #queried-posts.transition{opacity:0;} #queried-posts article {background: #fff;position:relative; border-radius:12px; border:2px solid #e5e6d7;} #resourceStart article{ text-align: center; background: #fff;position:relative; border-radius:12px; border:2px solid #e5e6d7; align-content: center;} #resourceStart article:hover{background:#f8e52c!important} #resourceStart article a {padding: 7%!important; text-align: center; text-decoration: none; width: 100%;} #resourceStart { width: 100%;} #news-storyPosts #queried-posts article { align-items:flex-start; align-content:flex-start;} #queried-posts article.category-protected-resource .et_pb_image_container:after { content: ''; height: 50px; width: 50px; display: inline-block; position: absolute; background: url(i/lock.svg) center center no-repeat #ffffff; border-radius: 50px; background-size: 80%; top: -20px; right: 0;} #queried-posts article:nth-child(3n), #resourceStart article:nth-child(3n){ margin-right: 0 !important;} #queried-posts article h2, #resourceStart article h2{text-align: left; padding: 3px 15px 15px 15px; display: block;width: 100%;} .wellbeing #queried-posts article h2 a{color:#086d75!important;} #queried-posts article h2 a, #resourceStart article h2 a {color:#663c13; font-size: 24px; font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 32px; line-height: 1.4em; display: inline-block; text-transform: none; text-decoration:none;} #queried-posts article .post-meta {display:none;} #queried-posts article .entry-featured-image-url{ margin: 0; overflow: hidden; border-radius: 12px 12px 0px 0px; } #queried-posts article .entry-featured-image-url img {border-radius:12px 12px 0px 0px; display: block;} #queried-posts article .post-content-inner p {text-align: center; color: #636363; padding: 0 15px 20px;} #queried-posts article .post-content-inner .et_pb_button:hover { background: #ffffff!important; color: #663c13!important; } #queried-posts article .post-content-inner .et_pb_button { cursor: pointer; list-style-type: none; border-radius: 12px!important; font-size: 18px!important; display: inline-block; margin: 10px 0 15px 0!important; padding: 0.6em 1em!important; line-height: 1.7em !important; background: #663c13!important; color: #ffffff; border: 0!important; font-weight: 790!important; } .wellbeing #queried-posts .loadmore { color: #086d75; } #queried-posts .loadmore { text-decoration: none; cursor: pointer; list-style-type: none; border: 2px solid #e5e6d7; border-radius: 12px; font-size: 16px; text-align: center; padding:0.5em 1.5em; line-height: 1.3em !important; background-color: transparent; color: #663c13; display: inline-block; width: 30.5%; margin: 30px auto 0; font-weight:900;} .wellbeing #queried-posts .loadmore:hover{background:#086d75; color:#ffffff;border-radius:12px;} #queried-posts .loadmore:hover{border:2px solid #e5e6d7; background:#663c13; color:#ffffff;border-radius:12px;} #queried-posts .loadmore.active, #queried-posts .loadmore.active:hover{border:2px solid transparent; background:transparent; cursor:default;} #queried-posts .loadmore.active:after {content:url('i/roller.svg');} #queried-posts .loadmore.active{animation: PaintLoad 0.4s linear infinite;} #queried-posts a { text-decoration: none;} .emptySearch {text-align: center; width: 30.5%; margin: 0 auto; padding: 25px;} #queried-posts article a.more-link{ color: #00BAF2!important; font-size: 16px; font-weight: 500; padding: 0.1em 0.7em; line-height: 1.7em !important; background-color: transparent; border: 2px solid #00BAF2; border-radius: 0; text-transform: uppercase; margin: 30px auto; display: inline-block;} .postGrid{display: grid;grid-gap: 52px; row-gap: 52px; grid-template-columns: [col1-start] 30.5% [col2-start] 30.5% [col3-start]30.5%; grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto; row-gap: 30px;} .postGrid article {margin:0!important; padding:0!important; display: flex; justify-content: left; flex-wrap: wrap;} .postGrid article .et_pb_image_container {margin:0!Important;} .postGrid article .post-content { padding: 0 15px 15px 15px; color:#424242; align-self: end; font-size:15px;} .postGrid span {padding:0 15px 15px 15px; font-size:14px; color: #663c13; width: 100%;} .postTypeFilter { display: flex;margin: 0 0 100px 0;} .postTypeFilter .postCatFilters { max-width: 240px; width: 100%;} #eventPosts .postGrid article {justify-content: flex-start; flex-flow: column;} #eventPosts .postGrid article h2.entry-title {padding: 15px 0; color: #663c13; font-size: 24px !important; font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 1.4em; text-transform: none; text-decoration: none;} #eventPosts .postGrid article .et_pb_image_container a {height: 100%; display: block;} #eventPosts .postGrid article .et_pb_image_container img {height: 100%; object-fit: cover; border-radius: 12px 12px 0px 0px;} #main-content.wellbeing .et_post_meta_wrapper {background:#2d434a url('i/flecks.png')repeat-x center center;} #wellbeingFeedback.blueRough form div { width: 50%; float: left;} #wellbeingFeedback .wpcf7-form { padding: 0;} #wellbeingFeedback.blueRough h3 {padding:8px 0 18px 0;} .blueRough {overflow: hidden;color:#ffffff; position: relative; padding:48px 68px;background: url('i/blueRough.svg') no-repeat; background-size: 100% 100%;margin: 9% auto;max-width: 770px; } .blueRough h3 , .blueRough p, .blueRough a{color:#ffffff!important;} #wellbeingFeedback.blueRough h3:before {content:""; background:url('i/wheelbarrow.svg') center center no-repeat; height:40px; width:50px; display:inline-block; background-size: 88%; position: relative; right:3px; } #wellbeingFeedback form label {font-size:20px;} #wellbeingFeedback form .wpcf7-submit:hover{background:#fff!important; color: #00c4cb!important;} #wellbeingFeedback form .wpcf7-submit {cursor:pointer; padding: .6em 1em; margin: 0; background: #086d75; font-size: 18px; float: right; color: #fff!important; width:auto; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} #wellbeingFeedback form textarea {width:100%; margin: 10px 0 !Important; height:80px;} #wellbeingFeedback form .thumbs label {border-radius: 12px; overflow: hidden; width:50px; height:50px; display:inline-block; cursor:pointer; background-image:url('i/thumbdown.svg'); background-color:#086d75; background-position: center center; background-repeat: no-repeat; background-size: 58%;} #wellbeingFeedback form .thumbs { display: flex; justify-content: center; max-width: 75%; padding: 6px 0 0 0;} #wellbeingFeedback form br { display: none;} #wellbeingFeedback form .thumbs label input, #wellbeingFeedback form .thumbs label span { width: 100%; margin: 259px; position: relative; left: -999999px;} #wellbeingFeedback form .thumbs span:first-child label {background-image:url('i/thumbup.svg'); background-color:#086d75; background-position: center center; background-repeat: no-repeat; background-size: 58%;} #wellbeingFeedback form .thumbs label:hover, #wellbeingFeedback form .thumbs span:first-child label:hover, #wellbeingFeedback form .thumbs label.active {background-color: #ffcf2a!important;} #wellbeingTab {-webkit-transition: all 1s ease;transition: all 1s ease;position: fixed; top: 50%;transform: translateY(-50%);height: 311px;width: 256px;background: url('i/blobby-wellbeing-tab.svg') center center no-repeat; background-size: auto;background-size: cover;z-index: 1000;padding:100px 42px 42px 72px;text-align: center;left: -72px;} #wellbeingTab.dismissed {left: -222px;} #wellbeingTab a { color: #ffffff;display:inline-block;} #wellbeingTab h6 {font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 20px; font-size:20px; text-transform:uppercase; position:relative; color:#086d75;} #wellbeingTab .button:hover { color:#086d75;} #wellbeingTab p {font-size: 12px; padding: 0 12px 12px; padding-bottom: 12px; line-height: 18px;} #wellbeingTab h6::before {content: "";background: url('i/exclaim.svg') center center no-repeat; height: 40px; width: 50px; position: absolute; left: 50%; transform: translateX(-50%); top: -54px;} #wellbeingTab span::before {content: "+";cursor:pointer; position: absolute; top: 20px; left: 90px; font-size: 28px; font-weight: 900; color: #086d75; transform: rotate(45deg);} #wellbeingTab.dismissed span::before { content: "GET HELP"; cursor: pointer; position: absolute; top: 103px; left: 198px; font-size: 15px; font-weight: 900; color: #086d75; transform: rotate(-90deg); width: 80px;} #wellbeingTab span { display: block; height: 20px; width: 20px; margin: -10px 0 0 0;} .wellbeing h1, .wellbeing h2, .wellbeing h3, .wellbeing h4, .wellbeing h5, .wellbeing h6{color:#086d75;} #wellbeingResources {padding:0px 0 150px 4%!important;} #wellbeingNews {padding:160px 0 0px 0%!important;} #wellbeingNews .postTypeFilter {margin:0; flex-wrap: wrap;} #wellbeingNews .postTypeFilter .wbRight { padding: 30px 0;} #wellbeingNewsPosts #queried-posts { padding: 0;} #wellbeingNewsPosts .postGrid { display: grid; grid-gap: 52px; row-gap: 52px; grid-template-columns: [col1-start] 32.5% [col2-start] 32.5% [col3-start] 32.5% ; grid-template-rows: [row1-start] auto [row2-start] auto; row-gap: 30px;} #wellbeingNewsPosts .postGrid article .et_pb_image_container , #wellbeingNewsPosts #queried-posts article .newsDetails{ /*width: 50%;*/} #wellbeingNewsPosts #queried-posts article .entry-featured-image-url img { border-radius: 12px;} #wellbeingNewsPosts { padding: 48px 60px 30px!Important; margin: 0 0 40px 0!important; overflow: visible; color: #663c13; position: relative; background:; background-size: auto; background-size: auto; background-size: 100% 100%; margin: 0; margin-right: 0px; max-width: unset; border-radius: 18px; } #wellbeingNewsPosts #queried-posts article { background: transparent; border: 0px solid #e5e6d7; display: flex; flex-wrap: wrap;} #wellbeingNews .postTypeFilter > div { width: 100%;} #wellbeingNewsPosts .buttonRow {text-align:right;} #wellbeingNewsPosts .buttonRow a {cursor: pointer; text-decoration: none; list-style-type: none; border-radius: 12px!important; font-size: 18px!important; display: inline-block; margin: 10px 0 15px 0!important; padding: 0.6em 1em!important; line-height: 1.7em !important; background: #663c13!important; color: #ffffff; border: 0!important; font-weight: 790!important;} #wellbeingNewsPosts .buttonRow a:hover{ background: #ffffff!important; color: #663c13!important;} .noBefore:before {display:none;} .wellbeing blockquote {border-left: 0; padding-left: 1em; overflow: hidden; color: #ffffff; position: relative; padding: 48px 68px; background: url(i/blueRough.svg) no-repeat; background-size: 100% 100%; margin: 35px 0; max-width: 50%; text-align: left;} .wellbeing blockquote p {color:#ffffff; font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 30px; font-size: 20px;} #registerBenefits .blueRough {overflow: hidden;color:#ffffff; position: relative; padding:48px 100px 100px!Important;background: url('i/blueRough.svg') no-repeat; background-size: auto;background-size: 100% 100%;margin:0;max-width:unset; } #registerBenefits { align-items: start;} #registerBenefits .et_pb_column {padding:48px 100px;} #registerBenefits .et_pb_image_wrap {text-align:center;} #registerBenefits .et_pb_image_wrap img { max-width: 100px; padding:100px 0 40px;} #registerBenefits .blueRough li{color:#ffffff;} #registerBenefits li {margin: 0 0 22px 0; list-style-type: none; position:relative;} #registerBenefits li:before{ position: absolute;content: '';display: inline-block;top: 3px;color: #FFF;height: 25px;width: 25px;left: -23px;background: #f8e52c;border: 0;border-radius: 7px; background: #663c13 url('i/tick.png') no-repeat center center; background-size: 15px;} #registerBenefits .et_pb_column:first-child, #registerBenefits ul { padding: 48px 0 0;} #registerBenefits .controls li span {font-weight:900; width: 100%;} #registerBenefits .controls li {list-style-type:none;} #registerBenefits .controls li:hover{background:#ffffff; color:#663c13;} #registerBenefits .controls li {cursor:pointer; display:inline-block; color: #FFF; padding:.6em 4em .6em 1em; margin:0 0.2em; background: #f8e52c; color: #663c13; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} #registerBenefits .controls li.active {background: #086d75 url('i/tick.png') no-repeat right 15px center; background-size:25px; color:#ffffff; } #registerBenefits .controls ul {margin:0 auto;} #registerBenefits .controls {text-align: center; width: 100%; padding: 0 0 30px 0;} #registerBenefits .controls li:before{display:none;} .pictureList .et_pb_testimonial {background-color:transparent!important; display: flex; align-items: center; padding: 0; margin: 0!important;} .pictureList .et_pb_testimonial_portrait{border-radius:0;} .pictureList .et_pb_testimonial_position { text-transform: none; color: #663c13; font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 32px; font-size: 24px;} .pictureList .et_pb_testimonial_description { margin: 0!important; display: flex; flex-wrap: wrap;} .pictureList .et_pb_testimonial_description_inner { color: #663c13; order: 2;} .pictureList .et_pb_testimonial_description_inner+.et_pb_testimonial_meta>span { margin-top: 0px;} .pictureList p.et_pb_testimonial_meta { padding: 0 0 12px 0;} .pictureList .et_pb_testimonial_portrait {flex: 0 0 300px; width: 300px!important; height: 300px!important; margin: 0 30px; -webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1);} .thePictureList .et_pb_module:nth-child(2n) .et_pb_testimonial_portrait { order: 2;} .thePictureListOffset h2 { transform: rotate(4deg); background: url(i/blueRough.svg) no-repeat; color: #ffffff; background-size: 100% 100%; padding: 35px; text-align: left; position: absolute; top: -40px; width: 79%; left: 36%; margin: 0 0 0 -25%;} .tealRow .pictureList .et_pb_testimonial_position { color: #ffffff;} /* Donation */ #dfy .donateControl{ padding: 0px 5% 0px 5%; background: url('i/scratches.png') center center repeat;} #dfy .donateControl {display:flex; flex-wrap: wrap;} #dfy .donateControl .donateFrame, #dfy .donateControl .donateFrame .donateLeft li {display:none;} #dfy .controls li span {font-weight:900; width: 100%; font-size:29px;} #dfy .donateControl .donateFrame.active, #dfy .donateControl .donateFrame .donateLeft li.active {display:flex;} #dfy .donateControl .donateFrame li, #dfy .controls li {list-style-type:none;} #dfy .controls li:hover{background:#ffffff; color:#663c13;} #dfy .controls li {cursor:pointer; display:inline-block; color: #FFF; padding: .6em 4em .6em 1em; margin:0 0.2em; background: #f8e52c; color: #663c13; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} #dfy .controls li.active {background: #663c13 url('i/tick.png') no-repeat right 15px center; background-size:25px; color:#ffffff; } #dfy .controls li:before{display:none;} #dfy .controls ul {margin:0 auto; padding: 0;} #dfy .controls {text-align: center; width: 100%;} #dfy .donateControl .donateFrame .donateLeft {justify-content: center; align-items: center; display: flex;} #dfy .donateLeft img{ -webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1);} #dfy .donateControl .donateFrame .donateRight li span {text-transform: none; color: #663c13;font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 44px; font-size:38px;} #dfy .donateControl .donateFrame .donateLeft ul{ margin: 0 auto; max-width: 530px;} #dfy .donateControl .donateFrame .donateRight ul { max-width: unset;} #dfy .donateControl .donateFrame li p {line-height:23px;} #dfy .donateFrame .donateLeft { padding: 0 45px 0 0;} #dfy .donateFrame .donateRight { padding: 0 0 0 45px;} #dfy .donateFrame .donateRight li.option {-webkit-transition: all .16s ease;transition: all .16s ease; position: relative; padding:10px 25px 5px 45px; cursor: pointer;} #dfy .donateFrame .donateRight li.option:before {content:'';position:absolute;cursor:pointer; display:inline-block; color: #FFF; height: 45px; width: 45px; left: -15px; background: #f8e52c; color: #663c13; border: 0; border-radius: 11px;} #dfy .donateFrame .donateRight li.option.active:before {background: #663c13 url('i/tick.png') no-repeat center center;background-size:25px;} #dfy .donateControl .donateFrame { padding: 25px 0 0 0;} #dfy .donateControl .donateFrame > div {width:50%;} #dfy .donateFrame .donateRight li.option:hover { background: white; border-radius: 11px;} #dfy .donateControl .donateFrame .donateLeft li.active:before { content: ''; background: url('i/blobby-nav.svg') no-repeat; background-size: auto; position: absolute; bottom: 40px; left: -50px; background-size: 88%; width: 160px; height: 160px; transform: rotate(64deg);} #dfy .donateControl .donateFrame .donateLeft ul {position:relative;} #dfy .donateFrame .donateRight li.option.active:before {background: #663c13 url('i/tick.png') no-repeat center center;background-size:25px;} #dfy .controlsRow { width: 100%; text-align: left;} #dfy .controlsRow li.advance::before {display:none;} #dfy .controlsRow li.advance { cursor: pointer; padding: .6em 1em!important; margin: 33px 0 0 0; background: #00c4cb; color: #fff!important; width: auto; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px; -webkit-transition: all .16s ease; transition: all .16s ease; display: inline-block;} #dfy .controlsRow li.advance:hover { background: #fff!important; color: #00c4cb!important;} #dfy .controlsRow ul {width: 50%; float: right; padding: 0 0 0 108px;} #dfy .controlsRow #customAmount {font-size: 22px; background-color: #feffef; width: 100%; border: 0px solid #bbb; padding: 6px;color: #4e4e4e;margin: 0 12px 0 0 !important;border-radius: 7px;min-height: 45px;} #dfy .controlsRow .customSelect {list-style-type:none; position:relative;} #dfy .controlsRow .customSelect:before { display: none;} #dfy .controlsRow .customSelect span { display: block; max-width: 230px; padding: 12px 0 0 30px;} #dfy .controlsRow .customSelect span::before { content: "\00A3"; position: absolute; left: 0px; font-family: 'Moranga-Bold', serif; font-weight: 600; line-height: 44px; font-size:38px;} #donationForm form {width:100%; display: flex; flex-wrap: wrap;} #donationForm form .block{ width: 100%;} #donationForm form p , #donationForm form p label{font-size:22px;} #donationForm form section { position: relative; display: inline-block;} #donationForm form form {padding:60px 0 0 0;} #donationForm form .row.heading{margin:0 0 40px 0; position:relative;} #donationForm form .col-md-6, #donationForm form .col-md-4, #donationForm form .col-md-12 { padding: 0;} #donationForm form h3 {position:relative; color: #ffffff; padding: 40px 0 0 0;} #donationForm form .block.content-blocks.full-width {text-align:left;} #donationForm form .giftaid .yellowRough { padding: 8% 12% 18% 8%;} #donationForm form .block.intro p {padding:0;} #donationForm form .row { display: flex; width: 100%; clear: both; margin:0 0 11px 0; flex-wrap: wrap;} #donationForm form .paymentFields h4, #donationForm #PaypalHeader { width: 100%;} #donationForm form input, #donationForm form select, #donationForm form textarea, #donationForm form select, .inputFix { padding: 0px 5px; border-radius: 0; width: 90%; height: 42px; background: #f8f8f8; border:0; font-size: 1em !important; color: #000000 !important; border-radius: 7px; min-height: 45px;} #donationForm .ErrorContainer, #donationForm #PaypalErrorContainer { color: red; font-weight: 14px; margin-bottom: 12px;} #donationForm form input#GiftAid { margin: 0 6px 7px -22px;height: 15px; width: 15px;} #donationForm form .taggroup input {height: 15px; width: 15px;} #donationForm form .shortfieldfirst{ width: 100px!important;} #donationForm form .col-md-2 {float:left; width:48%; padding:0px 18px 11px 0;} #donationForm form .col-md-12 { width: 100%;} #donationForm form .radiogroup .col-md-2 { padding:0px 18px 0px 0;} #donationForm form .col-md-1 { padding:0px 18px 0px 0;} #donationForm form .radiogroup{padding: 30px 0;} #donationForm form .col-md-4 {width:50%; float: left;} #donationForm form img.DirectDebitLogo { margin:30px 0;} #donationForm form input[type=checkbox] {accent-color: #feffef; width: 25px;} #donationForm form .commsgroup .col-md-4 div { display: flex; align-items: center;} #donationForm form .radiogroup label.error {padding:0!important;} #donationForm form label.error {border-color: #b94a48; box-shadow: none; color: #b94a48!important; padding: 8px 0 0; display: block;} #donationForm form .error {box-shadow: none;} #donationForm form label {padding:5px 0; display: inline-block;} #donationForm form .commsgroup input[type=radio], #donationForm form input[type=radio] { width: 15px; height:15px; min-height:unset; position:relative;top: 1px; margin: 0 7px;} #donationForm form .commsgroup span { width: auto; margin: 0 12px 0 0; display: inline-block; min-width: 100px;} #donationForm form .newslettergroup input[type=radio] {width: 15px; height:15px; position:relative;top: -1px; margin: 0 7px;} #donationForm form .newslettergroup span { width: auto; margin: 0 12px 0 0; display: inline-block;} #donationForm form .container.contact, #donationForm form .container.payment{ margin: 40px auto;} #donationForm form .radiogroup input, #donationForm form .taggroup input { margin: 0 12px 0 0; position: relative; top: -2px;} #donationForm form .taggroup label {width:100%; display:inline-block;} #donationForm form .radiogroup span {margin: 0 12px 0 0;} #donationForm form .container {width:80%!important; padding: 0;} #donationForm form .inputFix { padding: 16px 12px 12px 12px;} #donationForm form .container.giftaid, #donationForm form .container.payment { border: 3px #000000 solid; padding: 15px; margin: 15px 0; line-height:20px;} #donationForm form img.giftAidLogo {width: 150px;} #donationForm form .container.consent, #donationForm form .container.contact {padding:36px 30px 20px 30px; border-radius: 50px; background:#ebebeb;} #donationForm form .grey{background:#ebebeb; padding: 15px;} #donationForm form small { padding: 0 30px; display: block;} #donationForm form .commsgroup { padding: 20px 0px; overflow: hidden;} #donationForm form textarea { height: 100px; width: 100%;} #donationForm form section.contact-details p {margin: 10px 0 0 0;} #donationForm form section.contact-details .row { padding: 0%;} #donationForm form section.contact-details,#donationForm form section.giftaid{width:50%;} #donationForm form section.contact-details h3, #donationForm form section.contact-details p, #donationForm form section.contact-details label, #donationForm form .commsgroup span{color:#ffffff;} #donationForm form section.doubleup .container {display:flex; padding: 0;} #donationForm form section.payment-details {width: 100%;margin: 0 2% 0 0;} #donationForm form #submitButton {cursor:pointer; padding: .6em 1em; margin: 33px 0 0 0; background: #00c4cb; color: #fff!important; width:auto; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px;-webkit-transition: all .16s ease;transition: all .16s ease;} #donationForm form .gagroup label { padding: 5px 0; display: block;} #donationForm form #submitButton:hover {background:#fff!important; color: #00c4cb!important;} #donationForm form .payment-details .col-md-4.expdate{display: flex;} #donationForm form .payment-details .col-md-4 { width: 100% !important; margin:0 0 30px 0;} #donationForm form .payment-details .col-md-2 { padding: 0px 18px 11px 0; flex: 0 0 15%;} #donationForm form .payment-details .col-md-4 { padding: 0px 18px 11px 0; flex: 0 0 35%; text-align: right;} #donationForm form .payment-details label {text-align: left !important;width: 100%;} #donationForm form .payment-details .inputFix {height:auto;} #donationForm form .containerUnwrap {display:flex; margin: 80px auto;} #donationForm form .gagroup { margin: 7px 0 30px 45px;} #donationForm form section.contact-details .row.heading { margin: 0;} #donationForm form .debit-details .row { display: inline !important;} #donationForm form .debit-details p {color:#ffffff;} #donationForm form #paypal-button-container, #donationForm form #applePayDivId { width: 90%;} .page-template-page-template-donorfyWidgets .yellowDarkRow {padding:190px 0 70px !important;} .yellowRough { position:relative;padding:8% 12% 8% 8%; background: url('i/yellowRough.svg') no-repeat; background-size: 100% 100%; margin: 0% 9% 0 0; } .yellowRough p, .yellowRough h3, .yellowRough label {color:#663c13!important;} .yellowRough > div:last-child {align-items: center;} #donationForm form .giftaid h3 { padding: 0;} #donationForm form .giftaid .heading .col-md-4 { width: 75%;} #donationForm form .giftaid .kettle{ -webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1); position:absolute; right: -110px; top: -110px;} #donationForm form .giftaid p span {font-weight:bold;} #donationForm form .giftaid p em { font-style: normal; text-decoration: underline; cursor:pointer;} .entry-content #footer-social ul:first-child li { margin-left: 0;} .returnmsg { background: #BFFCCD; border-radius: 12px; padding: 13px;} #error .theError {background:#F8A7A7;border-radius: 12px; padding: 13px;} #teamMembers h2 { font-size: 38px; margin: 12px 0 0 0;} #teamMembers h3 { color: #086d75; padding: 0 0 30px 0;} #teamMembers .et_pb_column:nth-child(1) img, #teamMembers .et_pb_column:nth-child(3) img {-webkit-clip-path: url(#blobPath2); clip-path: url(#blobPath2);} #teamMembers .et_pb_column:nth-child(2) img{-webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1);} #teamMembers .et_pb_column:nth-child(1) .et_pb_image:before { content: ''; background: url('i/blobby-nav.svg') no-repeat; background-size: auto; position: absolute; top: 170px; right: -10px; background-size: 88%; width: 160px; height: 160px; transform: rotate(64deg);} #teamMembers .et_pb_column:nth-child(3) .et_pb_image:before { content: ''; background: url('i/blobby-wellbeing-tab.svg') no-repeat; background-size: auto; position: absolute; top: -20px; right: -10px; background-size: 88%; width: 160px; height: 170px; transform: rotate(-56deg);} #ambassadorsContent .controlPanel {display:none; clear: both;} #ambassadorsContent .controlPanel.active {display:flex; flex-wrap: wrap;} #ambassadorsContent .controlPanel > h2 {margin: 0 0 30px 0; width: 100%;} #resourceStart article h2 { text-align: center; padding: 7%;} #ambassadorsContent .controlPanel .postCatFilters { width: 25%;} #ambassadorsContent .controlPanel .acRight { width: 75%;} #ambassadorsContent #areaControls ul {width: fit-content; text-align: right; position: relative; top: -50px; float: right;} #ambassadorsContent #areaControls ul li { display: inline; cursor:pointer; list-style-type: none; padding: 5px 15px; border-left: 2px solid #663c13;} #ambassadorsContent #areaControls ul li:hover { color: #663c13;} #ambassadorsContent #areaControls ul li.active {font-weight: bold; color: #663c13;} #ambassadorsContent #areaControls ul li:first-child { border: none;} #ambassadorsContent #areaControls ul:before { content: "Ambassador Access:"; transform: rotate(2deg); background: url(i/brownRough.svg) no-repeat; color: #ffffff; background-size: 100% 100%; padding: 8px; text-align: center; font-family: 'Moranga-Bold', serif; position: absolute; top: -10px; width: 185px; left: -190px;} #ambassadorsContent #areaControls ul li:before{display:none!important;} #ambassadorsContent #ambassadorReporting .reportDiv , #ambassadorsContent #ambassadorDirectory .directoryDiv {max-width: 800px; margin:0 auto; width:100%;} #ambassadorsContent #ambassadorReporting {align-cotent:center;} #ambassadorsContent #ambassadorReporting .reportFormDiv{ background: url('i/blueRough.svg') no-repeat; color:#ffffff;background-size: 100% 100%;padding: 145px 35px 95px 75px;text-align: left;} #ambassadorPosts #post-filter-buttons ul ul li { font-size: 14px; cursor: pointer; padding: 2px 0 9px 36px;} #ambassadorPosts #post-filter-buttons ul ul li.active:before { position: absolute; content: ''; display: inline-block; top: 3px; color: #FFF; height: 25px; width: 25px; left: 5px; border: 0; border-radius: 7px; background: #663c13 url(i/tick.png) no-repeat center center; background-size: 15px;} #ambassadorPosts #post-filter-buttons ul ul li:before { position: absolute; content: ''; display: inline-block; top: 3px; color: #FFF; height: 25px; width: 25px; left: 5px; background: #f8e52c; border: 0; border-radius: 7px; background-size: 15px; } #ambassadorPosts #post-filter-buttons ul ul li:hover:before { position: absolute; content: ''; display: inline-block; top: 3px; color: #FFF; height: 25px; width: 25px; left: 5px; border: 0; border-radius: 7px; background: #663c13; background-size: 15px;} #ambassadorPosts #post-filter-buttons ul li ul {display:none;} #ambassadorPosts #post-filter-buttons ul li.active ul {display:inline;} .ambassador-programme .jumpto ul:before { content: "AMBASSADOR ACTIONS:"; width: 215px; left: -210px;} /* header */ header { position: absolute; z-index: 5000; } header .logoHolder img { padding: 59px 0 12px 0; float: none; max-width: 59px;} header .logoHolder {background:url('i/blobby-logo.svg') no-repeat; background-size: cover; position: absolute; left: -130px; top: -110px; z-index: 5000;} header .logoHolder a{width: 93px; margin: 70px 72px 50px 125px; height: 133px;text-align: right; display: block; } header #top-menu {padding: 0 30px 0 0; float:none; text-align: right; position: relative; z-index: 500; display: block;} header #top-menu a {color:#feffef; font-size: 16px; text-decoration: none;} header #top-menu li { display: inline-block;padding: 0 14px;} header #top-menu li.subLink { padding: 22px 14px 22px 43px;} header #top-menu li.subLink a {font-size:12px;} header #top-menu .mobnav, header #top-menu .closemobnav {display:none;} header nav > ul > li > a {padding: 39px 8px!important;} header nav > ul > li > a:hover, #top-menu li.current-menu-item>a {opacity:1!important; color:#f8e52c!important;} /*<------------------------------------------------ LIGHT YELLOW*/ header #top-menu .navSupport {background:url('i/blobby-nav.svg') center center no-repeat; background-size: 88%; position: relative; right: -12px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;} header #top-menu .navSupport:hover { background-size: 99%; cursor:pointer; } header #et-top-navigation{ padding-top: 0!important;} /*footer*/ #footer-bottom, #footer-bottom > div { background: #ffffff; text-align: center; padding: 45px 5px;} #footer-bottom .social-icon { height: 52px; width: 52px; font-size: 40px; display: inline-block; background: #663c13!important; color: #ffffff !important; border-radius: 40px; margin: 7px;} #footer-bottom .social-icon svg {max-height: 30px; margin: 10px 0 0 0;} #footer-bottom .social { padding: 12px 0;} #preFooter {background:#663c13!important; padding:2% 4%; overflow-x: clip; position:relative;} #preFooter:before{content:''; position: absolute; top: -30px; z-index: 900; left: 0;width: 108%; height:30px; background: url(i/paintTop.svg) left top; background-size: cover;} #preFooter:after{content:''; position: absolute;bottom: -58px; z-index: 900; height: 63px; left: -20px;width: 108%; background: url(i/paintBottom.svg) left top; background-size: cover;} #preFooter > div{ overflow: hidden; /* align-items: center;*/ display: flex;} #preFooter p {color:#fff;font-size: 18px;} #preFooter h3 { font-size: 48px; color:#fff;} #preFooter .mc-field-groups {display:flex; align-items: start;} #preFooter #searchsubmit, #preFooter .button {cursor:pointer; flex: 0 0 100px; padding: .6em 1em; background:#ffcf2a; text-transform:unset; font-size: 18px; color: #663c13; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px; min-width: 130px;} #preFooter #searchform div {display: flex; } #preFooter #s { flex: 1; width: 100%; } #preFooter .mc-field-group label, .mce_inline_error {width: 100%; color: #fff; font-size: 15px; margin: 0 0 6px 0;} #preFooter .mc-field-group:last-child { flex: 0 0 100px;} #preFooter .mc-field-group { flex: 1; flex-wrap: wrap; display:flex;} #preFooter #mc-embedded-subscribe { margin: 29px 0 0 0!Important; cursor:pointer;} #preFooter .footerNewsletter { margin-right: 0 !important; margin-left: 2.25%;} #preFooter .et_pb_column {margin-right: 2.25%; padding: 0 2%;} #preFooter #mc_embed_signup div.mce_inline_error { color: #f85e81; background: none;} #main-footer {padding: 100px 4%; background-color: #f8e52c; display:flex; flex-wrap: wrap; text-align:center;} /*#main-footer .main-footer-linkColumn {float: none;text-align: center;flex: 50%;margin: 0; padding: 0 6%;}*/ #main-footer .main-footer-linkColumn {float: none;text-align: center;margin: 0; padding: 0 6%; width: 100%;} #main-footer .main-footer-linkColumn ul{align-items: center; gap: 2%;display: flex;flex-wrap: wrap;} #main-footer .main-footer-linkColumn li { text-align:center; flex: 0 32%; margin: 2% auto 12% auto;} #main-footer .main-footer-linkColumn ul li img { max-width:180px; max-height: 80px;} #main-footer .main-footer-linkColumn h3 {font-size:23px; color:#086d75; } #main-footer .finalNavs a {color:#663c13; font-size: 18px; text-decoration: none; font-weight: 300;} #main-footer .finalNavs li {display:inline-block; padding:15px;} #main-footer .finalNavs, #main-footer small, #main-footer #footer-social, #footer-social{ width: 100%;} #main-footer .et-social-youtube a.icon::before, #footer-social .et-social-youtube a.icon::before { content: "\e0a3";} #main-footer small, #main-footer a.icon::before ,#footer-social small,#footer-social a.icon::before {color:#663c13;} #main-footer .et-social-icons li, #footer-social .et-social-icons li { margin: 0 20px;} #main-footer .et-social-icons, #footer-social .et-social-icons { float: none; padding: 25px 0;} /* Custom page templates */ .dynamicSheds u, .dynamicSheds .u { text-decoration: none; position: relative; padding: 0 8px 12px; vertical-align: top; height: 17px;} .dynamicSheds [data-words] {overflow: hidden;} .dynamicSheds [data-words]:after { display: none !important;} .dynamicSheds .anim-line { position: absolute; width: 0; left: 0; right: 0; bottom: 0; height: 8px; margin: 0 auto; border-radius: 5px; background: #ee7000; -webkit-transition: opacity .3s linear, width .3s .4s; transition: opacity .3s linear, width .3s .4s;} .dynamicSheds .anim-line.line-active { opacity: 1;} .dynamicSheds .text-anim-item { white-space: nowrap; position: absolute; left: 50%; top: 0; -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0);} .dynamicSheds .text-anim-item.anim-in { -webkit-transform: translate3d(-50%, -120%, 0); transform: translate3d(-50%, -120%, 0); -webkit-animation: textAnimInCenter .6s .3s forwards; animation: textAnimInCenter .6s .3s forwards;} .dynamicSheds .text-anim-item.anim-out { -webkit-transform: translate3d(-50%, 0%, 0); transform: translate3d(-50%, 0%, 0); -webkit-animation: textAnimOutCenter .6s forwards; animation: textAnimOutCenter .6s forwards;} .dynamicSheds .text-anim-items > span { text-align: right; width: 100%;} .dynamicSheds .text-anim-items span {font-weight:500;} .dynamicShedPrefix {display:none; margin: 0 10px 0 0;} #top-menu #dynamicShedPrefix { display: inline-block;} #altTheme.wales .et_pb_button, #altTheme.wales .et_pb_button:hover, #altTheme.wales.et_pb_bg_layout_light.et_pb_button:hover, #altTheme.wales .et_pb_bg_layout_light .et_pb_button:hover { background: #c9082a; } #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerBlob { transform-style: preserve-3d; font-size: 18px; position: absolute; right: 5%; bottom: -70px; background: url(i/blobby-fullWidthVisualBannerBlob_wales.svg) center center no-repeat; background-size: cover; width: 599px; height: 522px;} #altTheme.wales header #top-menu .navSupport { background: url(i/blobby-nav_wales.svg) center center no-repeat; background-size: 88%;} #altTheme.wales .yellowDarkRow { background: #43b766!important; position: relative; color: #ffffff; font-size: 18px; padding: 260px 0 190px !important;} #altTheme.wales .yellowDarkRow:before { content: url(i/blobby-yellowDarkRow-before_wales.svg); position: absolute; left: 0px; top: -243px; z-index: 500;} #altTheme.wales .customTopBar { background: #00B33E; text-align: center; color: #ffffff;} #altTheme.wales .customTopBar a, #altTheme.wales .yellowDarkRow h2, #altTheme.wales .yellowDarkRow h1, #altTheme.wales .yellowDarkRow h3, #altTheme.wales .yellowDarkRow p , #altTheme.wales .yellowDarkRow a, #altTheme.wales #main-footer .main-footer-linkColumn h3, #altTheme.wales #main-footer .finalNavs a, #altTheme.wales #main-footer small, #altTheme.wales #main-footer a.icon::before, #altTheme.wales #footer-social small, #altTheme.wales #footer-social a.icon::before { color: #ffffff;} #altTheme.wales #main-footer { background-color: #43b766!important;} #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_text_inner {display: flex; align-items: flex-start;} #altTheme.wales #fullWidthVisualBannerBlobText .et_pb_text_inner { display: inline !important;} #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_text_inner img {max-width: 110px;margin: 25px 25px 0 0;} #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_text_inner h1 {white-space: break-spaces;} #freeShedDownload { background: #663c13; margin: 100px 0; padding: 40px 95px;} #freeShedDownload:before{content:''; position: absolute; top: -30px; left: 0;width: 100%; height:30px; background: url(i/paintTop.svg) left top; background-size: cover;} #freeShedDownload:after{content:''; visibility:visible; position: absolute;bottom:-58px; z-index: 900; height: 63px; left:0px;width: 100%; background: url(i/paintBottom.svg) left top; background-size: cover;} #frfreeShedDownload .freeshedicon {position:absolute;} #freeShedDownload h2 {color:#ffcf2a; font-size:64px!important; line-height:74px;} #freeShedDownload .freeshedicon {position: absolute; transform: scale(1.5); left: -110px; top: -60px; z-index: 1050;} #freeShedDownload .et_pb_text_inner{color:#ffffff; line-height:25px;} #freeShedDownload .et_pb_button{background-color:#ffcf2a; color: #663c13;} #freeShedDownload .et_pb_button:hover{background-color:#ffffff; color: #663c13;} .teamLinks { display: flex; flex-wrap: wrap;} .teamLinks .et_pb_text { width: 100%;} .teamLinks .accentButton {width: 40%; margin: 5% 0; padding: 0px!important; margin-bottom: 0 !important;} .teamLinks .accentButton .et_pb_button_wrapper { margin: -35px 0 0 0; text-align: center;} .teamLinks .accentButton img{position: relative; right: 0; top: 25px; right: unset; top: -35px;} #circleSelection.yellowDarkRow {padding:130px 0 190px !important;} #circleSelection > .et_pb_row > .et_pb_column:first-child {aspect-ratio: 1 / 1; position:relative; display: flex; border-radius: 50%; aspect-ratio: 1 / 1; align-items: center; background: url(i/scratches.png) no-repeat; background-size: 100% 100%; flex-wrap: wrap;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_row_inner { width: 48%; float: left;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_row_inner .et_pb_image { display: none;} #circleSelection > .et_pb_row > .et_pb_column:first-child h3 { text-align: center; font-size: 28px; padding: 70px 0 0 0;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text {background-position: center top 20px; background-color:#f8e52c; background-size: 40px; max-width: 200px; margin: 0 auto; aspect-ratio: 1 / 1; border-radius: 50%; -webkit-transition: all .16s ease;transition: all .16s ease; padding: 20px 10px 0 10px;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text.fade {opacity:0.4; background-color:transparent;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text:hover h3{color:#ffffff;} #circleSelection > .et_pb_row > .et_pb_column:first-child #circleSelectionImage { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); aspect-ratio: 1 / 1; width: 50%;} #circleSelection > .et_pb_row > .et_pb_column:first-child #circleSelectionImage.blob2 img {-webkit-clip-path: url(#blobPath2); clip-path: url(#blobPath2);} #circleSelection > .et_pb_row > .et_pb_column:first-child #circleSelectionImage.blob1 img {-webkit-clip-path: url(#blobPath1); clip-path: url(#blobPath1);} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text:hover { background-color: #00c4cb;} #circleSelection .et_pb_row_inner:nth-child(1) .et_pb_text:hover { transform: translate(10px, 10px); } #circleSelection .et_pb_row_inner:nth-child(2) .et_pb_text:hover { transform: translate(-10px, 10px); } #circleSelection .et_pb_row_inner:nth-child(3) .et_pb_text:hover { transform: translate(10px, -10px); } #circleSelection .et_pb_row_inner:nth-child(4) .et_pb_text:hover { transform: translate(-10px, -10px); } #search-page-search #searchsubmit, #search-page-search .button {cursor:pointer; flex: 0 0 100px; padding: .6em 1em; background:#ffcf2a; text-transform:unset; font-size: 18px; color: #663c13; font-weight: 790; border: 0; text-decoration: none; border-radius: 13px; min-width: 130px;} #search-page-search div{ overflow: hidden; /* align-items: center;*/ display: flex;} .news-container { padding-bottom: 150px;} .centerImages .et_pb_column { text-align: center; width: 100%; padding: 0 0 20px 0;} .centerImages .et_pb_column, .centerImages .et_pb_column .et_pb_module { text-align: center !important;} @keyframes PaintLoad { 0%, 100% { transform: translateY(0) translateX(0) rotate(-45deg); } 50% { transform: translateY(-40px) translateX(-40px) rotate(-45deg); } } @-webkit-keyframes textAnimIn { 0% { -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); } 100% { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } } @keyframes textAnimIn { 0% { -webkit-transform: translate3d(0, -120%, 0); transform: translate3d(0, -120%, 0); } 100% { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } } @-webkit-keyframes textAnimOut { 0% { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } 50% { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { -webkit-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0); } } @keyframes textAnimOut { 0% { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } 50% { -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0); } 100% { -webkit-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0); } } @-webkit-keyframes textAnimInCenter { 0% { -webkit-transform: translate3d(-50%, -120%, 0); transform: translate3d(-50%, -120%, 0); } 100% { -webkit-transform: translate3d(-50%, 10%, 0); transform: translate3d(-50%, 10%, 0); } } @keyframes textAnimInCenter { 0% { -webkit-transform: translate3d(-50%, -120%, 0); transform: translate3d(-50%, -120%, 0); } 100% { -webkit-transform: translate3d(-50%, 10%, 0); transform: translate3d(-50%, 10%, 0); } } @-webkit-keyframes textAnimOutCenter { 0% { -webkit-transform: translate3d(-50%, 0%, 0); transform: translate3d(-50%, 0%, 0); } 50% { -webkit-transform: translate3d(-50%, -20%, 0); transform: translate3d(-50%, -20%, 0); } 100% { -webkit-transform: translate3d(-50%, 120%, 0); transform: translate3d(-50%, 120%, 0); } } @keyframes textAnimOutCenter { 0% { -webkit-transform: translate3d(-50%, 0%, 0); transform: translate3d(-50%, 0%, 0); } 50% { -webkit-transform: translate3d(-50%, -20%, 0); transform: translate3d(-50%, -20%, 0); } 100% { -webkit-transform: translate3d(-50%, 120%, 0); transform: translate3d(-50%, 120%, 0); } } @media (max-width: 1600px){ #freeShedDownload h2 {color:#ffcf2a; font-size: 51px !important; line-height: 60px;} } @media (max-width: 1500px){ header { position: absolute; width: 100%;} header .logoHolder img { padding: 65px 0 0px 0; max-width: 51px;} header nav > ul > li > a { padding: 21px 8px!important;} header nav > ul > li.navSupport > a { padding: 35px 8px!important;} header .logoHolder a { width: 78px; margin: 50px 53px 42px 121px; height: 129px;} header #top-menu { padding: 0 15px 0 0;} header #top-menu li { padding: 0 10px;} header #top-menu li.subLink { padding: 22px 14px 22px 0px;} #fullWidthVisualBanner #fullWidthVisualBannerImage {position:static;} #fullWidthVisualBanner, #fullWidthVisualBanner #fullWidthVisualBannerContent, #fullWidthVisualBanner #fullWidthVisualBannerImage .et_pb_image_wrap, #fullWidthVisualBanner #fullWidthVisualBannerImage img {max-height: unset; min-height: 50vh;} #fullWidthVisualBanner #fullWidthVisualBannerContent{ padding: 130px 32px 130px 92px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob, .paleRow .quoteBlobbies .quoteText, #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerBlob {right: -3%;} #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_text_inner{max-width: unset;} .ctax3 .et_pb_column { margin-right: 2%; width: 22%;} .ctax3 .et_pb_column:last-child { padding: 0 0 0 25px;} .paleRow.wellbeing:before, .paleRow:before { left: -340px; top: -194px; z-index: 500; transform: scale(0.75);} .paleRowAlt2:before {right: -340px; top: -194px; z-index: 500;transform: scaleY(88%) scaleX(-88%);} .callToActionImage .et_pb_button_module_wrapper {text-align: center; width: 100%; margin: 60px 0 0 0; display: inline-block;} .imageOnlyBlobby { padding: 160px 10% 200px!Important;} #fullWidthVisualBanner #fullWidthVisualBannerBlob, #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerBlob {top: 25vh;bottom: unset;} #donationForm form .giftaid .kettle { position: absolute; right: -40px; top: -30px; width: 40%;} #donationForm form .giftaid h3 { padding: 50px 0 0;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text{ transform: scale(0.7);} #circleSelection .et_pb_row_inner:nth-child(1) .et_pb_text:hover { transform: translate(10px, 10px) scale(0.7); } #circleSelection .et_pb_row_inner:nth-child(2) .et_pb_text:hover { transform: translate(-10px, 10px) scale(0.7); } #circleSelection .et_pb_row_inner:nth-child(3) .et_pb_text:hover { transform: translate(10px, -10px) scale(0.7); } #circleSelection .et_pb_row_inner:nth-child(4) .et_pb_text:hover { transform: translate(-10px, -10px) scale(0.7); } } @media (max-width: 1370px){ header #top-menu a { font-size: 14px;} header #top-menu li.subLink { padding: 0px 3px 10px 0px; position: absolute; top: 9px; right: 20px;} header #top-menu li.subLink a {padding:0!important;} header #top-menu li { display: inline-block; padding: 0 0px;} .cards {width: 100%!important; display: flex; justify-content: space-between; flex-wrap: wrap; } .card h2 { font-size: 24px;} .card { flex:0 0 44%; float: none !important;} #freeShedDownload h2 {color:#ffcf2a; font-size:41px !important; line-height: 50px;} } @media (max-width: 1280px){ #donationForm form .containerUnwrap { display: inline-block; margin: 80px auto 0;} #donationForm form section.contact-details, #donationForm form section.giftaid { width: 100%;} #donationForm form .giftaid .kettle { position: absolute; right: -140px; top: -100px; width: 220px;} #donationForm form .row {display: inline-block; width: 100%;} #donationForm form .payment-details .col-md-4 {text-align: left;} #donationForm form .payment-details > div:nth-of-type(3) .col-md-4{ width: 50%!important;} #fullWidthVisualBanner #fullWidthVisualBannerBlob, .paleRow .quoteBlobbies .quoteText {transform: scale(0.85);} .teamLinks { display: inline;} .teamLinks .accentButton { width: 100%; margin: 0 0 65px 0;} } @media (max-width: 1145px){ .ctax3.et_pb_row_1-6_1-6_1-6_1-2 .et_pb_text { background-size: 38px; background-position-x: center; background-position-y: 20px; padding: 35px 0 0 0px; text-align: center;} .ctax3 h3 { text-align: center; margin: 0 auto 0 auto; position: relative; max-width: unset;} .ctax3.et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:last-child .et_pb_text { padding: 0; text-align: left;} .realfullWidth .et_pb_row, .yellowDarkRow .et_pb_row, .yellowDarkRow .et_pb_row .et_pb_column, .callToActionImage .et_pb_row, .callToActionImage .et_pb_column, .paleRow .et_pb_row .et_pb_column , .paleRowAlt .et_pb_row .et_pb_column, .paleRowAlt2 .et_pb_row .et_pb_column { width: 100%!important; display: inline-block; } .imageOnlyBlobby .et_pb_text_inner, .imageOnlyBlobby .et_pb_video { max-width: unset;} .imageReverse { display: flex!important; flex-wrap: wrap;} .imageReverse .et_pb_column:last-child { order: 1;} .imageReverse .et_pb_column:first-child { order: 2;} .ctax3 .et_pb_image_wrap { width: 100%; text-align: center;} .ctax3 .et_pb_image_wrap img {width:40%!important;} #main-content .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:nth-child(even) { position: relative; top: 0;} .imageOnlyBlobbyimage .et_pb_image_wrap { display: inline-block; position: relative; max-width: 100%; text-align: center; width: 100%;} .imageOnlyBlobbyimage img { width: 50% !important; margin: 0 auto;} .imageOnlyBlobby .imageOnlyBlobbyimage:before {bottom: 25%!important; left: 15%!important; transform: scale(1)!important; top: unset!important; right: unset!important; } .callToActionImage .imageSide .et_pb_text_inner { top: -110px; width: 79%; left: 50%; margin: 0 0 0 -40%;} .imageOnlyBlobby .et_pb_row:nth-child(odd) .imageOnlyBlobbyimage:before { bottom: 42%!important; left: 67%!important; transform: scale(1) rotate(218deg)!important; top: unset!important; right: unset!important;} .imageOnlyBlobbyimage { padding:50px 0 0 0;} #mapControls .et_pb_text_inner { display: inline-block; transform-style: preserve-3d; display: flex; flex-wrap: wrap;} #mapControls .et_pb_text_inner::before { transform: translateZ(-1px);} #mapControls .et_pb_text_inner .wpgmza-store-locator { display: inline-block;order: 2;} #mapControls .et_pb_text_inner input.wpgmza-search {position: static; float: none;} .wpgmza_sl_reset_button_div { float: right;} #mapControls .wpgmza-address-container, #mapControls .wpgmza-address { width: 96%;} #mapControls input.wpgmza-reset {top: -51px;} #mapControls .et_pb_text_inner::before {top: 11%;left: -10%;} #mapControls .et_pb_text_inner::after {bottom: 25%;right: -10%;transform: scale(1);} #mapControls .et_pb_text_inner > div { order: 4;} #mapControls .et_pb_text_inner h2 {order: 1;} #mapControls .et_pb_text_inner .wpgmza_map, #mapControls .et_pb_text_inner #legend {order: 3; margin: 25px 0 0 0;} #mapControls .et_pb_text_inner > p, #mapControls .et_pb_text_inner > a {order: 5;} .textSliderRow .et_pb_slider .et-pb-arrow-prev { left: 2px; opacity: 1;} .textSliderRow .et_pb_slider .et-pb-arrow-next { right: 2px; opacity: 1;} .callToActionImageDouble .ctaSubText .et_pb_text_inner { background: none; position: static; color: #663c13; transform: none; width: 100%;} .paleRow .quoteBlobbies .et_pb_image, .paleRowAlt2 .quoteBlobbies .et_pb_image {top:0;} .paleRow, .paleRowAlt, .paleRowAlt2 {padding:160px 4% 150px 4%!important;} #queried-posts .postGrid { display: grid; grid-gap: 22px;} .yellowDarkRow:before, .paleRowAlt:before, #altTheme.wales .yellowDarkRow::before { left: -57px; top: -170px; z-index: 300; transform: scaleY(0.4);} .jumpto { margin: 80px 0 0 0;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text{ transform: scale(1);} #circleSelection .et_pb_row_inner:nth-child(1) .et_pb_text:hover { transform: translate(10px, 10px) scale(1); } #circleSelection .et_pb_row_inner:nth-child(2) .et_pb_text:hover { transform: translate(-10px, 10px) scale(1); } #circleSelection .et_pb_row_inner:nth-child(3) .et_pb_text:hover { transform: translate(10px, -10px) scale(1); } #circleSelection .et_pb_row_inner:nth-child(4) .et_pb_text:hover { transform: translate(-10px, -10px) scale(1); } #circleSelection > .et_pb_row {display:flex; flex-wrap:wrap;} #circleSelection > .et_pb_row > .et_pb_column:first-child {order:2; flex: 0 0 100%;} #circleSelection > .et_pb_row > .et_pb_column:last-child {order:1; flex: 0 0 100%;} #circleSelection > .et_pb_row > .et_pb_column:first-child {max-width: 700px; margin: 0 auto;} #freeShedDownload { padding: 40px 35px;} #freeShedDownload .freeshedicon { left: -50px; top: -80px;} .callToActionImage .imageSide .et_pb_button {position: static;} .callToActionImage .et_pb_module { margin: 0 !important;} .callToActionImage .imageSide .et_pb_text_inner { top: -30px;} } @media (max-width: 1060px){ .mobile_nav.opened .mobile_menu_bar:before { font-size: 46px;top:6px; cursor: pointer; padding: 0px 6px 0 0; color: #663c13;} .mobile_nav.closed .mobile_menu_bar:before {color: #ffffff; font-size: 46px;top:6px; cursor: pointer; padding: 0px 6px 0 0;} .mobile_menu_bar { position: absolute; z-index: 9999; top:-5px; right: 0;} .et_mobile_menu {top: 0; z-index: 9988; background: #f8e52c; padding: 65px 0; border: 0!important; height: 100vh; position: fixed;} .mobile_nav.opened .mobile_menu_bar_toggle{position:fixed; } .et_header_style_left #et-top-navigation {position: absolute; right: 0;} .et_mobile_menu li a {text-decoration:none; border: 0; color: #663c13; font-size: 18px;} .et_mobile_menu li.navSupport a{background:#00c4cb; color:#ffffff; display: inline-block; border-radius: 25px 5px 5px 25px;} .et_mobile_menu li { text-align: right;} .mobile_nav.opened .mobile_menu_bar:before{color: #663c13;} nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {display:none;} #et_mobile_nav_menu{display:inline-block;} .wellbeing blockquote {max-width:unset; padding: 28px 48px;} } @media (max-width: 1024px){ .jumpto { margin: 0;} #fullWidthVisualBanner {background: #663c13 url(i/grain.png)repeat-x center bottom!important;} #fullWidthVisualBanner #fullWidthVisualBannerBlob {position:relative;} #fullWidthVisualBanner #fullWidthVisualBannerContent {display: block; position: static; padding:110px 32px 30px 62px;} #fullWidthVisualBanner #fullWidthVisualBannerImage {max-height: 25vh; position: absolute; padding: 0; top: 0; z-index: 1; transform: scale(2);} .customTopBar {top:0px; position: absolute; z-index: 5000; left: 0; width: 100%;} #fullWidthVisualBanner #fullWidthVisualBannerBlob { right: -23%; transform: scale(0.75); top: -20px;} .yellowDarkRow {padding: 39px 0 190px !important;} .ctax3 .et_pb_column:last-child { position:static!important; width: 100%!important; padding: 0 0 0 25px;} #preFooter > div {display: inline-block;} #preFooter .mc-field-groups {display: inline;} #preFooter h3 { font-size: 28px; color: #fff; padding: 20px 0;} #preFooter .mc-field-group { margin: 0 0 10px 0;} #preFooter .et_pb_column {margin: 0!important;} #preFooter #searchform div { display: inline;} #preFooter #searchsubmit, #preFooter .button { margin: 29px 0 0 0;} #donationForm form .container {width: 100% !important;} #donationForm form .block { width: 100%;} #donationForm form #bill em {font-size: 68px;} .ctax3 { z-index: 300;} h1 { font-size: calc(3rem + ((1vw - 7.68px) * 3.6944))!important; line-height: calc(3.8rem + ((1vw - 7.68px) * 3.6944))!important;} p, .yellowDarkRow p, .yellowDarkRow a, ul.shedbullet li {font-size: 15px!important;} h2 {font-size: 36px!important; line-height: calc(3rem + ((1vw - 7.68px) * 3.6944))!important;} .et_pb_row_1-6_1-6_1-6_1-2>.et_pb_column.et_pb_column_1_6, .et_pb_row_6col>.et_pb_column.et_pb_column_1_6 {margin-right:0; width: 32.666%;} #main-content .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:nth-child(even) img {margin: 0 0 0 9px;} .paleRow .et_pb_row .et_pb_column, .callToActionImage { width: 100%!important; display:inline;} .paleRow .et_pb_row {display: inline-block;} #fullWidthVisualBanner, #fullWidthVisualBanner #fullWidthVisualBannerContent, #fullWidthVisualBanner #fullWidthVisualBannerImage .et_pb_image_wrap, #fullWidthVisualBanner #fullWidthVisualBannerImage img { min-height:30vh; } .et_pb_text_inner {font-size:15px;} .paleRow .paleIntro .et_pb_text_inner, .paleRowAlt2 .paleIntro .et_pb_text_inner { max-width: unset;} .paleRow .quoteBlobbies .et_pb_image, .paleRowAlt2 .quoteBlobbies .et_pb_image { position: relative; top: -90px; max-width: 520px; right: -45%; transform: scale(1); bottom: 0;} .paleRow .quoteBlobbies .quoteText, .paleRowAlt2 .quoteBlobbies .quoteText { position: absolute; bottom: -190px; background: url(i/blobby-quoteText.svg) center center no-repeat; width: 552px; height: 539px; background-size: cover; color: #f8e52c; font-size: 18px; font-weight: 500; padding: 90px 102px 120px 95px; left: 140px; z-index: 900;} .jumpto ul:before, #ambassadorsContent #areaControls ul:before {display: none;} .jumpto ul, #ambassadorsContent #areaControls ul {position: static;} .imageOnlyBlobby .et_pb_row:nth-child(even) .imageOnlyBlobbyimage:before, .imageOnlyBlobby .imageOnlyBlobbyimage:before {transform: scale(1); top: -50px; right: 10%;} .imageOnlyBlobby .et_pb_text_inner, .imageOnlyBlobby .et_pb_video { max-width: 100%;} .imageOnlyBlobby {padding: 80px 25px 200px!Important; margin: 0 auto; } .paleRow {padding:160px 4% 200px!Important;} #fullWidthVisualBanner #fullWidthVisualBannerContent {padding:0; position: relative; z-index: 10;} #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_column:first-child { padding: 110px 32px 30px 62px;} #altTheme.wales #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_column:last-child, #altTheme.wales #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob {padding:0 0 150px 0; height:auto; background: #00B33E; width: 100%; position: static; transform: unset;} #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_column:last-child, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob {padding:0 0 150px 0; height:auto; background: #00c4cb; width: 100%; position: static; transform: unset;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob .et_pb_button_module_wrapper { position: static; padding: 0px 72px 0px 60px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob:before, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob:before { bottom: 90px; left: unset; right: -50px; transform: scale(0.75);} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob:after { right: 80px; top: -100px; position: absolute; transform: translateZ(-1px);} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText .et_pb_text_inner::before {display:none;} #fullWidthVisualBanner #fullWidthVisualBannerBlob h2 br {display: none;} #registerBenefits { padding: 0; display: flex;flex-wrap: wrap;} #registerBenefits .et_pb_column:first-child, #registerBenefits ul { padding: 0; margin: 0;} #registerBenefits .blueRough {margin:50px 0 0 0; overflow: visible; color: #663c13; position: relative; padding: 48px 100px 100px!Important; background: url('i/line-rectangle.svg') no-repeat #f8e52c; background-size: auto; background-size: auto; background-size: 100% 100%; margin: 0; margin-right: 0px;max-width: unset; border-radius: 18px; order:1;} #shedRegistration #registerBenefits .blueRough li em {color: #086d75;} #registerBenefits .blueRough li, #registerBenefits .blueRough p, #registerBenefits .controls li.subtier { color: #663c13!important;} #registerBenefits .controls li {background:#00c4cb; color:#ffffff!important;} #registerBenefits .et_pb_column:first-child {order:2;} .page-template-page-template-standard .et_post_meta_wrapper h1, .single #main-content .et_post_meta_wrapper h1, .page-template-page-template-standard .et_post_meta_wrapper h1, .search-results .et_post_meta_wrapper h1, .search-no-results .et_post_meta_wrapper h1, .error404 .et_post_meta_wrapper h1, .page-template-page-template-ambassador .et_post_meta_wrapper h1 { font-size: calc(2rem + ((1vw - 7.68px) * 3.6944)) !important; line-height: calc(3.6rem + ((1vw - 7.68px) * 3.6944)) !important; padding: 70px 0% 90px 141px; max-width: 90%!important;} .page-template-page-template-standard .container {padding-top: 0px!important;} .callToActionImageDouble .side02 .et_pb_image{ padding: 70px 0 100px 0;} .callToActionImageDouble .side01 .et_pb_image { padding: 70px 0 10px 0;} .callToActionImageDouble .side02 .et_pb_text_inner {top: -200px; width: 79%; left: 50%; margin: 0 0 0 -40%;} .callToActionImageDouble .side01 .et_pb_text_inner { width: 79%; left: 50%; margin: 0 0 0 -40%;} .ctaSubText .et_pb_text_inner { position: static!important; margin: 0!important; width: 100%!important;} .page-template-page-template-donorfyWidgets .yellowDarkRow { padding: 80px 0 70px !important;} #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2 { padding: 40px 182px 0px 60px;} #dfy .donateControl .donateFrame.active, #dfy .donateControl .donateFrame .donateLeft li.active, #dfy .donateControl .donateFrame .donateLeft, #dfy .donateControl .donateFrame .donateRight { display: inline-block;} #dfy .donateControl .donateFrame > div { width: 100%;} #dfy .donateControl .donateFrame > div { width: 100%; padding: 0;} #donationForm form input, #donationForm form select, #donationForm form textarea, #donationForm form select, .inputFix {width:100%; margin: 0 0 11px 0!important;} #donationForm form input[type=checkbox] {margin:0;} #donationForm form .row {margin:0;} #donationForm form .col-md-4 { width: 100%; float: none;} #teamMembers .et_pb_row { width: 100%;} #fullWidthVisualBanner.voidBlob {min-height: unset!important; overflow: hidden;} #wellbeingNewsPosts .postGrid {display:block;} #wellbeingNewsPosts #queried-posts article{margin:0 0 25px 0;} } @media (max-width: 980px) { div#fullWidthVisualBannerContentText { padding: 0 0 35px 0;} #queried-posts .postGrid { grid-gap: 22px; grid-template-columns: [col1-start] 48.5% [col2-start] 48.5%; grid-template-rows: [row1-start] auto [row2-start] auto;} .page-template-page-template-standard .standardImage:before, .page-template-page-template-ambassador .standardImage:before {top: 100px; right: 60px;} #teamMembers .et_pb_column img {max-width: 400px; width: 100%;} #teamMembers .et_pb_column:nth-child(1) .et_pb_image:before {right:unset; left: -110px;} #teamMembers .et_pb_column:nth-child(3) .et_pb_image:before {right:unset; left: -70px; top: 200px;} .et_section_regular.centerImages .downloadButton { max-width: 100%; display: block; margin: 0 auto !important;} } @media (max-width: 870px){ #donationForm form section.doubleup .container {display:block;} #donationForm form .col-md-4 { float: none; width: 100%;} #donationForm form img.giftAidLogo { width: 150px; margin: 12px 0;} #donationForm form small {padding: 0;} .imageOnlyBlobbyimage img { width: 60%!important; margin: 0 auto;} } @media (max-width: 785px){ .mobile_nav.closed .mobile_menu_bar:before{ top: 9px;} .et_pb_button, .et_pb_button:hover, .et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover { font-size:15px; padding: 0.4em 0.9em;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob .et_pb_text_inner p{ font-size:15px;} .ctax3 .et_pb_column:last-child {width:50%;} .paleRow .quoteBlobbies .quoteText, .paleRowAlt2 .quoteBlobbies .quoteText { width: 100%; position: static; transform: unset; background:#086d75;} .paleRow .quoteBlobbies .et_pb_image, .paleRowAlt2 .quoteBlobbies .et_pb_image { position: absolute; top: unset; right: 0; transform: scale(0.5); bottom: -230px;} .yellowDarkRow:before { z-index: 300;} .paleRow .quoteBlobbies .quoteText, .paleRowAlt2 .quoteBlobbies .quoteText {padding: 25px; border-radius: 40px; height: unset;} .paleRow .quoteBlobbies .et_pb_image, .paleRowAlt2 .quoteBlobbies .et_pb_image {position: relative; top: 22px; max-width: 400px; right: -25%; transform: scale(1); bottom: 0;} .paleRow .quoteBlobbies img {-webkit-clip-path: url(#blobPath2); clip-path: url(#blobPath2); position: relative; right: -50px;} .paleRow .paleIntro .et_pb_text_inner, .paleRowAlt2 .paleIntro .et_pb_text_inner {font-size:15px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob h2 br, .jumpto ul:before {display: none;} .jumpto ul {position: static;} .imageOnlyBlobby .et_pb_text_inner, .imageOnlyBlobby .et_pb_video { max-width: unset;} .realfullWidth .et_pb_row, #fullWidthVisualBanner .et_pb_row {display: inline-block;} .imageReverse { display: flex!important; flex-wrap: wrap;} .imageReverse .et_pb_column:last-child { order: 1;} .imageReverse .et_pb_column:first-child { order: 2;} .et_pb_column .imageOnlyBlobbyimage {transform: scale(0.7);} .paleRow:before { left: -220px; top: -173px; transform: scale(0.5);} .paleRowAlt2:before { right: -220px; top: -194px; transform: scaleY(0.5) scaleX(-0.5);} .yellowDarkRow.imageOnlyBlobby {padding: 40px 25px 140px!Important; margin: 0 auto;} .imageOnlyBlobbyimage img { width: 80% !important; margin: 0 auto;} .imageOnlyBlobby .imageOnlyBlobbyimage:before {bottom: 10%!important; left: 0%!important; transform: scale(1)!important; top: unset!important; right: unset!important; } .mp_wrapper .mp-form-row.mepr_first_name, .mp_wrapper .mp-form-row.mepr_last_name, .mp_wrapper .mp-form-row.mepr_mepr-address-one, .mp_wrapper .mp-form-row.mepr_mepr-address-two, .mp_wrapper .mp-form-row.mepr_mepr-address-city, .mp_wrapper .mp-form-row.mepr_mepr-address-country, .mp_wrapper .mp-form-row.mepr_mepr-address-state, .mp_wrapper .mp-form-row.mepr_mepr-address-zip, .mp_wrapper .mp-form-row.mepr_mepr_main_contact_no, .mp_wrapper .mp-form-row.mepr_mepr_mobile_no, .mp_wrapper .mp-form-row.mepr_mepr_website_address, .mp_wrapper .mp-form-row.mepr_mepr_facebook_address, .mp_wrapper .mp-form-row.mepr_mepr_twitter_handle, .mp_wrapper .mp-form-row.mepr_mepr_instagram_handle, .mp_wrapper .mp-form-row.mepr_mepr_how_many_members_including_non_active, .mp-form-row.mepr_custom_field.mepr_mepr_shed_status, .mp-form-row.mepr_custom_field.mepr_mepr_shed_open_date { padding: 0 2% 0 0; width: 100%!important; float: none;} .mp_wrapper .mp-form-row.mepr_mepr_email_preference, .mp_wrapper .mp-form-row.mepr_mepr_post_preference, .mp_wrapper .mp-form-row.mepr_mepr_phone_preference, .mp_wrapper .mp-form-row.mepr_mepr_sms_preference, .mp_wrapper .mp-form-row.mepr_mepr_circa_male, .mp_wrapper .mp-form-row.mepr_mepr_circa_female { width: 50%!important;} #dfy .donateControl { padding: 0;} #dfy .controls li span { font-size: 19px;} #dfy .controlsRow ul { width: 100%; float: none; padding: 0 0 0 48px;} .tealRow:before { left: 53%; top: -63px; transform: scale(0.7);} #donationForm form .payment-details .col-md-4 { width: 100% !important; margin: 0 0 0px 0;} #queried-posts .loadmore{width: 60.5%;} #wellbeingFeedback.blueRough form div{ width: 100%!important; float: none!important;} #wellbeingFeedback.blueRough {padding:48px 48px;} #wellbeingFeedback form .thumbs label { width: 40px; height: 40px;} .wpcf7-list-item { display: inline-block; margin: 0 1em 0 0;} #wellbeingFeedback form .thumbs { display: block;} #wellbeingFeedback form label { font-size: 15px;} .page-template-page-template-standard .standardImage:before, .page-template-page-template-ambassador .standardImage:before {top: 100px; right: -10px;} .navs404 { display: inline-block;} header .logoHolder a { width: 78px; margin: 57px 51px 41px 119px; height: 119px;} .hardcodeMessage {top: unset; position: fixed; bottom: 0; z-index: 9999; background: white; height: 100px; width: 100%; text-align: center; padding: 8px;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_text{ transform: scale(0.7);} #circleSelection .et_pb_row_inner:nth-child(1) .et_pb_text:hover { transform: translate(10px, 10px) scale(0.7); } #circleSelection .et_pb_row_inner:nth-child(2) .et_pb_text:hover { transform: translate(-10px, 10px) scale(0.7); } #circleSelection .et_pb_row_inner:nth-child(3) .et_pb_text:hover { transform: translate(10px, -10px) scale(0.7); } #circleSelection .et_pb_row_inner:nth-child(4) .et_pb_text:hover { transform: translate(-10px, -10px) scale(0.7); } .card { flex:0 0 100%; float: none !important;} } @media (max-width: 590px) { #freeShedDownload h2 {font-size: 24px !important;} p { line-height:24px;} .et_pb_text_inner {font-size:15px;} #et-main-area {overflow: hidden;} #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_column:first-child { padding: 10px 32px 30px 22px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob {height:auto;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob h2 { padding: 10px 25px 0px 25px;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob #fullWidthVisualBannerBlobText { font-weight: 300; padding: 0px 25px 0px 25px;} #fullWidthVisualBanner #fullWidthVisualBannerContent #fullWidthVisualBannerBlob .et_pb_button_module_wrapper { position: static; padding: 0px 25px 0px 25px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob:after, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob:after { right: -70px; top: -120px; transform: translateZ(-1px) scale(0.5);} #fullWidthVisualBanner {display: flex; flex-wrap: wrap;} #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_column:last-child, #fullWidthVisualBanner #fullWidthVisualBannerContent .et_pb_column:last-child, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob{padding: 0 0 105px 0;} #fullWidthVisualBanner #fullWidthVisualBannerContent {order:2;} #fullWidthVisualBanner #fullWidthVisualBannerImage { overflow: hidden; position: static; transform: scale(1); order: 1;} header .logoHolder { transform: scale(0.8); top: -121px;} .customTopBar a { font-size: 12px;} #fullWidthVisualBanner #fullWidthVisualBannerBlob:before, #fullWidthVisualBanner.blobbyNoButton #fullWidthVisualBannerContent #fullWidthVisualBannerBlob:before { bottom: -70px; right: -100px;} .paleRow, .paleRowAlt, .paleRowAlt2 { padding: 50px 25px!important;} #main-content .et_pb_row_1-6_1-6_1-6_1-2 .et_pb_column:nth-child(even) { position: static;} .ctax3 .et_pb_image img { max-width: 60%; margin: 0 auto!important;} .ctax3 .et_pb_image {text-align:center;} .ctax3 .et_pb_column:last-child {padding: 0 25px;} .paleRow.wellbeing:before, .paleRow:before {transform: scale(0.45); left: -300px;} h2 {font-size: calc(2rem + ((1.4vw - 7.68px) * 3.6944))!important; line-height: calc(3rem + ((1vw - 7.68px) * 3.6944))!important;} .paleRow .paleIntro .et_pb_text_inner, .paleRowAlt2 .paleIntro .et_pb_text_inner {max-width: unset;} .paleRow .quoteBlobbies .et_pb_image, .paleRowAlt2 .quoteBlobbies .et_pb_image { position: relative; top: 22px; right: -25%; transform: scale(1); bottom: 0; max-width: 400px; margin: 0!important;} #fullWidthVisualBanner {background-size: cover!important; background: #663c13 url(i/grain.svg)repeat-x center center!important;} .ctax3 .et_pb_image_wrap img { width: 60%!important;} #fullWidthVisualBanner, #fullWidthVisualBanner #fullWidthVisualBannerContent, #fullWidthVisualBanner #fullWidthVisualBannerImage .et_pb_image_wrap, #fullWidthVisualBanner #fullWidthVisualBannerImage img { min-height: unset; } .callToActionImage .et_pb_button_module_wrapper { margin: 120px 0 0 0;} .page-template-page-template-standard .et_post_meta_wrapper h1, .page-template-page-template-standard .et_post_meta_wrapper h1, .single #main-content .et_post_meta_wrapper h1, .page-template-page-template-standard .et_post_meta_wrapper h1, .search-results .et_post_meta_wrapper h1, .search-no-results .et_post_meta_wrapper h1, .search-no-results .et_post_meta_wrapper h1, .error404 .et_post_meta_wrapper h1, .page-template-page-template-ambassador .et_post_meta_wrapper h1 { font-size: calc(2.7rem + ((1vw - 7.68px) * 3.6944)) !important; line-height: calc(3.9rem + ((1vw - 7.68px) * 3.6944)) !important; padding:70px 0% 90px 60px; max-width: 90%!important;} #registerBenefits .blueRough { padding: 0px 34px 40px!Important;} #registrationForms { padding: 28px 0;} #shedRegistration { padding: 130px 10% 40px!Important;} #mepr_shed_open_times1 span, #mepr_shed_open_times2 span { width: 100%;} .callToActionImageDouble .side01 .et_pb_image { padding: 160px 0 10px 0;} .et_pb_column .imageOnlyBlobbyimage { transform: scale(1);} .callToActionImageDouble .side02 .et_pb_image { padding: 70px 0 170px 0;} .callToActionImageDouble .side02 .et_pb_text_inner {top: -280px;} .callToActionImageDouble .side01 .et_pb_text_inner, .callToActionImageDouble .side02 .et_pb_text_inner { width: 100%; left: 50%; margin: 0 0 0 -51%;} .jumpto ul, #ambassadorsContent #areaControls ul {padding: 0 0 2em 0; position: static; float: none;} .jumpto ul li:first-child, #ambassadorsContent #areaControls ul li:first-child { padding: 5px 15px 5px 5px;} .jumpto ul li, #ambassadorsContent #areaControls ul li { display: inline-block; list-style-type: none; padding: 5px 15px 5px 0px; border-left: 0px solid #663c13!important; float: left;} .tealRow:before { left: 13%;} #donationForm form .giftaid .kettle { position: absolute; right: -80px; top: -130px; width: 180px;} #donationForm form .giftaid .yellowRough { padding: 8% 8% 18% 8%;} #queried-posts .postGrid { grid-gap: 22px; grid-template-columns: [col1-start] 100%; grid-template-rows: [row1-start] auto;} #queried-posts article h2 a { font-size: 17px;} #post-filter-buttons ul li a { text-decoration: none; cursor: pointer; list-style-type: none; border: 2px solid #e5e6d7; border-radius: 12px; font-size: 14px; margin: 0 0 9px 0; padding: 0.3em 2em 0.3em 0.7em; line-height: 1.3em !important; background-color: transparent; color: #663c13; display: inline-block; width: 100%;} #post-filter-buttons ul a.active { background: #00c4cb url(i/tick.png) no-repeat right 7px center; background-size: 18px;} #queried-posts .loadmore{width: 100%;} .blueRough { padding: 108px 38px;} .accentButton img {position:static;} #areaControls { margin: 0 0 30px 0px;} #wellbeingNewsPosts .postGrid article .et_pb_image_container, #wellbeingNewsPosts #queried-posts article .newsDetails { width: 100%;} #benefitsModal .et_pb_row {width: 310px;} #benefitsModal .et_pb_column > div img { max-width: 95px;} #benefitsModal .et_pb_column > div .et_pb_text_inner p { font-size: 14px !important; line-height: 16px;} #benefitsModal .et_pb_column .et_pb_module { margin-bottom: 9px;} #circleSelectionImage {display:none!important;} #circleSelection > .et_pb_row > .et_pb_column:first-child .et_pb_row_inner {padding: 0; width: 100%; float:none;} #circleSelection.yellowDarkRow { padding: 60px 0 190px !important;} #circleSelection > .et_pb_row > .et_pb_column:first-child {border-radius:0;aspect-ratio:unset;} .callToActionImage .imageSide .et_pb_text_inner h3{font-size: 30px !important; line-height: 40px;} }