@import url("//fonts.googleapis.com/css2?family=BenchNine:wght@400;700&display=swap"); .greyBkg {background:#f5f5f5;} #properHeader {padding:5px 25px 10px 25px; display:flex; position:relative; align-content:center; flex-wrap:wrap; justify-content:space-between;} #properHeader #logo {max-width:160px; justify-content: center; flex-wrap: wrap; display:flex;} #properHeader #logo img {max-width:120px;} #properHeader .sub-menu {display:none;} #properHeader #menu-latest-menu {display:flex; padding-right:8px;} #properHeader #logo span {font-size: 11px; text-align: left; width: 236px; display: block; color: #FE5000; font-weight: 900; align-content: center;} #properHeader-right {width:auto; display:flex; align-content:center; flex-wrap:wrap; justify-content:end;} #properHeader #properNav {width:auto; display:flex; align-content:center; flex-wrap:wrap; justify-content:end;} #properHeader #properNav ul li a {position:relative; padding-left:11px; padding-right:11px; padding-top:8px; padding-bottom:8px; -webkit-transition:all .3s ease; transition:all .3s ease;} #properHeader #properNav ul li.menu-item-has-children a { padding-right: 22px;} #properHeader #properNav ul > li {margin:0 4px 0; list-style-type:none; border-bottom:4px solid #ffffff; position:relative; padding:8px 0 8px 0;} #properHeader #properNav ul li.menu-item-has-children a:before {content:"\f078"; font-family:'Font Awesome 5 Free', sans-serif; position:absolute; right:6px; font-size:10px; top:12px;} #properHeader #properNav ul ul li {border:0px; padding:0px;} #properHeader #properNav ul ul li a {padding:8px 24px; display:block;} #properHeader #properHeader-buttons {display:flex; align-content:center; flex-wrap:wrap; column-gap:20px; position: relative;} #properHeader #properHeader-burger-btn {display:none;} #properHeader a.donate-button {-webkit-transition:all .3s ease; transition:all .3s ease; font-family:"BenchNine", Sans-serif; font-size:20px; font-weight:700; text-transform:uppercase; letter-spacing:1.8px; fill:#FFFFFF; color:#FFFFFF; background-color:#FE5000; padding:9px 25px 9px 25px; border-radius:5px; z-index: 10;} #properHeader a.giftaid {position: absolute; top: 55px; right: 66px;} #properHeader a.giftaid svg { max-height: 26px; height: 30px;} #properHeader a.giftaid:hover svg path {fill: #fe5000;} #properHeader a.donate-button:before {animation: moveitback 400ms ease forwards; z-index:-1; will-change: transform; content: ""; background-image: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/dog-anim.svg); background-size: 30px 30px; position: absolute;top: 22px; right: 70px;width:30px; height:30px; opacity: 0;} #properHeader a.donate-button:hover:before { animation: moveit 900ms ease forwards; will-change: transform;} #properHeader a.donate-button:after {animation: moveitback 400ms ease forwards; z-index:-1; will-change: transform; content: ""; background-image: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/cat-anim.svg); background-size: 20px 20px; position: absolute;top: 29px; right: 110px;width:20px; height:20px; opacity: 0;} #properHeader a.donate-button:hover:after { animation: moveit 900ms ease forwards; will-change: transform;} #properFooter { margin: 100px 0 0 0; border-top: 1px solid #000; padding: 25px 0 0 0;} #properFooter .spon_news{display:flex;} #properFooter .spon_news > div { padding: 0 3%; width:50%;} #properFooter .spon_news .swiper-pagination-bullet { transform: scale(1.8);} #properFooter .spon_news .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#FE5000; color:#FE5000;} #properFooter .elementor-widget-image-carousel, #properFooter #newsletter { max-width: 800px; margin: 0 auto;} #properFooter .socialLinks .elementor-social-icon {background:#FE5000; border-radius:50%;} #properFooter .socialLinks i { color: #ffffff;} #properFooter .socialLinks .elementor-container { max-width: unset !important; align-items: center; width: 100%;} #properFooter .socialLinks .elementor-social-icons-wrapper > span {transform: scale(.8);} #properFooter .socialLinks > div { padding: 0 3%; width: 50%; float: right;} #properFooter .socialLinksInner .elementor-widget-wrap {align-items: center;} #properFooter .socialLinks .elementor-container > div:first-child { width: 230px;} #properFooter .socialLinks .elementor-social-icons-wrapper {word-spacing: unset;} #properFooter .socialLinksInner { margin: 0 40px 10px 40px;} #properFooter .socialLinksInner:after { content: ""; background-image: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/cat-social.svg);background-size: 74%; background-repeat: no-repeat; position: absolute; bottom: -22px; right: -40px; width: 120px; height: 90px;} #properFooter .footerLinks {background:#282828; padding:25px; display: block; clear: both;} #properFooter .footerLinks h4 {font-size: 19px; font-family: "Quicksand", Sans-serif; color: #ffffff;} #properFooter .footerLinks section { background: transparent !important;} #properFooter .footerLinks .elementor-column { padding: 0 25px;} #properFooter .footerLinks p , #properFooter .footerLinks a, #properFooter .footerLinks nav a{ font-size: 15px; line-height: 27px; font-family: "Quicksand Regular", Sans-serif; color: #ffffff;} #properFooter .footerLinks .elementor-icon-list-item a{align-items: start;} #properFooter .footerLinks .elementor-icon-list-item a i{color: #FE5000; transition: color 0.3s; margin: 5px 9px 0 0;} #properFooter .footerLinks .elementor-icon-list-item a:hover {color: #FE5000;} #properFooter .footerLinks nav ul { display: inline;} #properFooter .footerLinks nav a {font-family: "Quicksand Regular", Sans-serif; text-decoration:none; padding: 0 5px;font-weight: 400;} #properFooter .footerLinks nav a:hover {text-decoration:none; color: #FE5000;} #properFooter .footerLinks nav ul ul , #properFooter .footerLinks nav a span, #properFooter .footerLinks nav a:after {display:none!important;} #properFooter .spon_news_news button { width: 300px; display: inline-block; flex-basis: unset; margin: 0 auto;} #properFooter .footerFinal {background:#3b3b3b; padding: 0 50px;} #properFooter .footerFinal section { margin: 0 !important; border: 0;} #properFooter .footerFinal, #properFooter .footerFinal p, #properFooter .footerFinal a {color:#ffffff; font-size:12px;} #properFooter .footerFinal li {display:inline; list-style-type:none;padding:0 0 0 15px;} #properFooter .footerFinal ul {text-align:right;} #properFooter .footerLinks img { max-width: 170px;} .post-query-content { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;max-width: 150ch; } .post-query-image {height: 300px;} .post-query-image img {height: 100%; width: 100%; object-fit: cover; object-position: center;} .cats-home-img-100 .elementor-element, .cats-home-img-100 .elementor-widget-container {height: 100%;} .cats-home-img-100 img {overflow: visible;} .pagination .nav-links { display: flex; justify-content: center; gap: 13px;} #searchTool{ position: absolute; top: 7px; right: 22px; z-index: 999;} #searchTool .search-form { position: relative; display: flex; flex-flow: row-reverse;background: #f5f5f5; border-radius: 99em; align-items: center;} #searchTool .search-form.active { padding: 15px 20px; box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.36); } #searchTool .search-icon { background: transparent; border: 0;border-radius: 100%;width: 30px;height: 30px;padding: 0;display: flex;align-items: center;justify-content: center; cursor: pointer;} #searchTool .search-icon svg { width: 15px; } #searchTool .search-form #search-field { width: 0; opacity: 0; transition: width 0.3s ease, opacity 0.3s ease; padding: 5px; background-color: transparent; border: 0; padding:0; font-size: 14px; font-family: var(--e-global-typography-primary-font-family); border-bottom: 2px solid #d5d5d5;border-radius: 0; font-weight: 700;padding-bottom: 5px;} #searchTool .search-form .search-field.active { width: 300px; opacity: 1;} h1.search {color: #ff5001; font-weight: 700; font-size: 16px;margin: 20px 0 50px;} h1.search span {color: #000; font-size: 24px; font-weight: 600;} .search-content article {display: flex; flex-flow: row-reverse; align-items: center; gap: 50px;margin-bottom: 50px;} .search-content article .search-content-inner {flex: 0 1 60%;} .search-content article .img-link {width: 100%; display: block;flex: 1 0 40%; aspect-ratio: 7 / 5; overflow: hidden;} .search-content article .read-more {color: #ff5001; text-decoration: underline; font-size: 14px;} .search-content article .img-link img {width: 100%; object-fit: cover; height: 100%;} .search-main .nav-links {text-align: center;} .search-main .nav-links a {font-weight: 400;} .search-main .nav-links .page-numbers.current {font-weight: 700;} @media screen and (max-width: 767px) { .search-content article { flex-flow: column;} } #typicalSlider .swiper-slide-contents { background: rgba(255,255,255,0.6); position: relative;padding: 25px; text-align:left; max-width:560px;} #typicalSlider .swiper-slide-contents .elementor-slide-heading {color:#000000;font-size:68px;} #typicalSlider .swiper-slide-contents .elementor-slide-description {color:#000000; font-size:16px;} #typicalSlider .swiper-slide-contents .elementor-slide-description strong {display:block; font-family: "BenchNine", Sans-serif; font-size:38px;} #typicalSlider .swiper-slide-contents {align-self:stretch; align-content:center;} #typicalSlider .swiper-slide-inner { padding: 0 0 0 70px; } #typicalSlider .swiper-slide-inner .elementor-slide-button{border:0; -webkit-transition: all .3s ease; transition: all .3s ease; font-family: "BenchNine", Sans-serif; font-size: 20px; font-weight: 700; letter-spacing: 1.8px; fill: #FFFFFF; color: #FFFFFF; background-color: #FE5000; padding: 9px 25px 9px 25px; border-radius: 5px; } #typicalSlider .swiper-slide-inner .elementor-slide-button:hover {color: #FE5000; background-color:#FFFFFF ; } #typicalSlider .swiper-pagination-clickable .swiper-pagination-bullet {background:#ffffff; height: 20px; width: 20px; opacity:1;} #typicalSlider .swiper-pagination-clickable .swiper-pagination-bullet-active {background:#FE5000;} #typicalSlider .swiper-pagination-bullets { color: #fff; cursor: default; text-align: right; padding: 10px 45px;} #typicalSlider .swiper-slide-contents:after {content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/paws1.png); position:absolute; bottom: -19px; position:absolute; left: -60px; transform:scale(0.6);} #typicalSlider .swiper-slide-contents:before {content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/paws2.png); position:absolute; top: -19px; position:absolute; right: -40px; transform:scale(0.6);} #lotterySelector { margin: -60px 0 0 0;} #lotterySelector h2 {color: #ffffff; background: #FE5000; padding: 14px 12px; display: inline-block; transform: rotate(-4deg); margin: -22px 0 0 0; position: relative; top: -10px; font-size: 48px;} #lotterySelector h3 {background:#f5f5f5;padding: 8px 12px; } #lotterySelector .reveal { text-align: center;} #lotterySelector .reveal p {cursor:pointer;font-family: "BenchNine", Sans-serif; color:#FE5000; font-size: 26px; font-weight: bold; line-height: 26px; display:inline-block; margin:0 auto;} #lotterySelector .reveal p:hover {text-decoration:underline;} #lotterySelector img {position: relative; top:32px;} .lotteryDesc {display:none;} .lotteryDesc > .elementor-container .elementor-column {background:#f5f5f5; max-width: 1024px; margin: 60px auto;} .lotteryDesc > .elementor-container .elementor-column img{ width: 100%;} .lotteryDesc > .elementor-container .elementor-column h2 {margin:30px 0 0 0; font-size:38px!important;} .lotteryDesc > .elementor-container .elementor-column h3 {color:#000000; text-transform:uppercase; font-size:32px!important;} .lotteryDesc > .elementor-container .elementor-column .elementor-column {margin:0;} .lotteryDesc .subButtons .elementor-container {width:min-content;} .lotteryDesc .subButtons .elementor-widget-wrap {padding:0!important;} .lotteryDesc .subButtons .elementor-widget-wrap a {width: 100%; color:#FE5000!important; background:#ffffff!important; border-radius:0; border:2px solid #dfdfdf;} .lotteryDesc .subButtons .elementor-widget-wrap a.elementor-animation-grow:hover{transform:scale(1)!important; background: #dfdfdf!important;} .lotteryDesc .lotteryBlurb, .lotteryDesc .lotterySmall {padding:0 8%; } .lotteryDesc .lotteryBlurb p {line-height: 35px; padding: 30px 0 0 0;} .lotteryDesc .lotterySmall p {font-size:13px;} .lotteryDesc.active {display:flex!important;} #palliative #palliativeInner #palliativePosts .palliativeBlock .elementor-section { background: #FE5000; color: #ffffff; padding: 22px;} #palliative #palliativeInner #palliativePosts .palliativeBlock .elementor-widget-wrap{padding:0;} #palliative #palliativeInner #palliativePosts .palliativeBlock .elementor-widget {margin:0;} #palliative #palliativeInner #palliativePosts .palliativeBlock h1 { font-size: 26px; padding: 0 0 7px 5px;} #palliative #palliativeInner #palliativePosts .palliativeBlock ul li {display:inline-block;} #palliative #palliativeInner #palliativePosts .palliativeBlock a.elementor-button {background: #ffffff; color:#fe5000; margin: 12px 0 0 0;} #palliative #palliativeInner #palliativePosts .palliativeBlock a.elementor-button:hover { background: #aaa7a7; color:#000000;} .palliativeIntro img{border-radius:50%!Important;} @keyframes moveit { 0% { transform: translateY(0) scale3d(0.96,0.96,1); opacity: 0;} 20% { transform: translateY(-48px) scale3d(1.1,1.1,1); opacity: 0.5;} 40% { transform: translateY(-40px) scale3d(0.98,0.98,1); opacity: 1;} 60% { transform: translateY(-47px) scale3d(1.05,1.05,1); opacity: 1;} 80% { transform: translateY(-45px) scale3d(1.01,1.01,1); opacity: 1;} 100% { transform: translateY(-45px) scale3d(1,1,1); opacity: 1;} } @keyframes moveitback { 0% { transform: translateY(-45px); } 100% { transform: translateY(0) scale3d(0.96,0.96,1); opacity: 0;} } @keyframes scale { 0% { transform: scale3d(0.96,0.96,1); } 100% { transform: scale3d(1,1,1); } } #properHeader a.cart-button {-webkit-transition:all .3s ease; transition:all .3s ease; display:flex; align-content:center; flex-wrap:wrap; justify-content:start;} #properHeader a.cart-button i {color:#FE5000; font-size:24px;} #properHeader a.cart-button span {position:absolute; top:-9999px;} #properHeader a.donate-button:hover {background-color:#AAA7A7;} #properHeader #properNav ul ul li {margin:0;} [data-elementor-type="header"] {display:none;} #properHeader .elementor-widget:not(:last-child) {margin-bottom:0!important; display:flex; align-items:center;} #properHeader .elementor-menu-cart__toggle .elementor-button {background-color:transparent; color:#fe5000; border:none; border-radius:0; display:inline-flex; flex-direction:row-reverse; align-items:center; padding:0;} #properHeader .elementor-menu-cart__toggle .elementor-button .elementor-button-text {display:none} #properHeader .elementor-menu-cart__toggle_button {font-size:24px} #properHeader .eicon-cart-light:before {content:"\f07a"; font-family:'Font Awesome 5 Free', sans-serif; font-weight:700; color:#fe5000;} #properHeader .elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {background-color:#000} .woocommerce-mini-cart__buttons {display:flex; flex-wrap:wrap; column-gap:15px; justify-content:stretch;} .woocommerce-mini-cart__buttons a {background-color:#fe5000!important; color:#ffffff!important; ; padding:10px!important; flex-grow:1; text-align:center;} .woocommerce-mini-cart {list-style:none; padding:0;} .woocommerce-mini-cart .remove_from_cart_button {font-size:24px; width:24px; margin-right:5px; display:inline-block; color:#bbbbbb;} .woocommerce-mini-cart .woocommerce-mini-cart-item {display:flex; column-gap:5px; padding-right:15px;} .woocommerce-mini-cart .woocommerce-mini-cart-item a {display:flex; column-gap:15px;} .woocommerce-mini-cart img.attachment-woocommerce_thumbnail {width:100px!important; border-radius:3px; float: left!important; margin-right: 4px!important; margin-left:0!important; box-shadow: none;} .woocommerce-mini-cart__total {display:block; margin-top:10px; text-align:right; padding:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} .woocommerce-mini-cart .quantity {text-align:right;} .woocommerce-mini-cart .woocommerce-Price-amount {font-weight:700; color:#fe5000;} .elementor-menu-cart--items-indicator-none .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] { position: absolute; right: -8px; top: -20px; background: #C6483D; font-size: 15px; color:white; width: 18px; height: 18px; padding: 3px; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center;} #dfy {margin:55px 0 55px;} #dfy, #dfy section {max-width:unset; width:100%;} #dfy .donateControl {position:relative; text-align:center; display:flex; flex-wrap:wrap; max-width:unset;} #dfy .donateControl .donateFrame, #dfy .donateControl .donateFrame .donateLeft li, #dfy .donateControl .donateFrame .donateRight .description {display:none;} #dfy .controls li span {font-weight:900; width:100%; font-size:26px; font-family:BenchNine, sans-serif;} #dfy .donateControl .donateFrame .donateRight > p {text-align:left; font-family:BenchNine, sans-serif; color:#fe5000; font-size:38px; font-weight:bold;} #dfy .donateControl .donateFrame.active, #dfy .donateControl .donateFrame .donateLeft li.active, #dfy .donateControl .donateFrame .donateRight .description.active {display:flex; max-width:unset;} #dfy .donateControl .donateFrame li, #dfy .controls li {list-style-type:none;} #dfy .controls li:hover {background:#fe5000; color:#ffffff;} #dfy .controls li {cursor:pointer; display:inline-block; text-align:center; padding:.2em 2em .2em 2em; margin:0 0.2em; background:#aaa7a7; color:#ffffff; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px; -webkit-transition:all .16s ease; transition:all .16s ease;} #dfy .controls p {text-align:left; font-family:BenchNine, sans-serif; color:#fe5000; font-size:38px; font-weight:bold;} #dfy .donateFrame .donateRight li {display:flex;} #dfy .controls li:before {display:none;} #dfy .controls ul {text-align:left; margin:0 auto; padding:0;} #dfy .controls {padding:0px 4% 0 4%; text-align:center; width:100%; position:absolute; right:0; left:0; top:30px; max-width:100%; z-index:600;} #dfy .controls li.active {background:#fe5000;} #dfy .donateControl .donateFrame li.option.active p {color:#ffffff;} #dfy .donateControl .donateFrame {width:100%;} #dfy .donateLeft img {max-width:450px; border-radius:7px;} #dfy .donateControl .donateFrame .donateLeft li {position:relative; transform-style:preserve-3D; transform-origin:130px 190px;} #dfy .donateControl .donateFrame .donateLeft li.active {animation:slowenter 1s ease-out;} #toBeHomedFeed .e-loop-item .elementor-widget-wrap {padding:0!important} #toBeHomedFeed .elementor-icon-list-icon {display:none;} #toBeHomedFeed .elementor-widget {margin-bottom:0!important; margin-block-end:0!important;} #toBeHomedFeed .elementor-icon-list-text { font-size: 14px;} #toBeHomedFeed .elementor-widget-wrap .elementor-inner-section h1 {font-size: 26px; padding: 0 0 7px 5px;} #toBeHomedFeed .elementor-widget-wrap .elementor-inner-section {background:#FE5000; color:#ffffff; padding: 22px;} #toBeHomedFeed .elementor-widget-wrap .elementor-icon-list-items li:first-child {display:block; width:100%;} #toBeHomedFeed li.C1 { background: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/list-icon-door.svg) no-repeat left center; background-size: 26px;height: 30px;padding: 0 0 0 30px;} #toBeHomedFeed li.C2 { background: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/list-icon-dog.svg) no-repeat left center; background-size: 26px;height: 30px;padding: 0 0 0 30px;} #toBeHomedFeed li.C3 { background: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/list-icon-cat.svg) no-repeat left center; background-size: 26px;height: 30px;padding: 0 0 0 30px;} #toBeHomedFeed li.C4 { background: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/list-icon-child.svg) no-repeat left center; background-size: 26px;height: 30px;padding: 0 0 0 30px;} #compatibilityKey ul {display:flex; justify-content: center;} #compatibilityKey ul li {padding: 0 12px;} #compatibilityKey {background:#f5f5f5; margin: 0 0 30px 0; position:absolute;} #animalLoop .elementor-column { width: 100%; display: inline;} #compatibilityKey.fixed {position:fixed; top:320px; } #animalLoop .elementor-container {position:static;} @keyframes slowenter { 0% {opacity:0; left:-25px; top:25px; transform:rotate(-5deg);} 100% {opacity:1; left:0; top:0; transform:rotate(0deg);} } #dfy .donateControl .donateFrame li.option p {margin:6px 11px; font-weight:bold; font-size:15px;} #dfy .donateControl .donateFrame .donateRight li span {width:150px; display:flex; text-transform:none; color:#fe5000; font-weight:600; line-height:35px; font-size:26px;} #dfy .donateControl .donateFrame .donateRight li.active span, #dfy .donateControl .donateFrame .donateRight li:hover span {color:#ffffff;} #dfy .donateControl .donateFrame .donateLeft ul {margin:0 auto; max-width:530px; display:flex;} #dfy .donateControl .donateFrame li p {line-height:23px;} #dfy .donateFrame .donateLeft {display:flex; align-items:center;position: absolute; top: -350px; right:-50px; transform: rotate(5deg);} #dfy .donateFrame .donateRight {z-index:500; padding:160px 4%; width:100%; background:#ffffff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); border-radius:7px;} #dfy .donateFrame .donateRight li.option {-webkit-transition:all .16s ease; transition:all .16s ease; background:#ffffff; text-align:left; position:relative; padding:.5em 1em .5em 1em; cursor:pointer; border-radius:7px;} #dfy .donateFrame .donateRight li.option.active, #dfy .donateFrame .donateRight li.option:hover {background:#fe5000;} #dfy .donateControl .donateFrame .donateLeft ul {position:relative; padding:0; margin:0;} #dfy .controlsRow {padding:0 4%; text-align:center; width:100%; position:absolute; right:0; left:0; bottom:0; max-width:100%; bottom:30px; z-index:600;} #dfy .controlsRow ul {width:100%; float:none; padding:0; margin:0 auto;} #dfy .controlsRow #customAmount {font-size:22px; background-color:#f8f8f8; width:150px; border:0px solid #bbb; padding:6px; color:#4e4e4e; margin:0 12px 0 0 !important; border-radius:0; min-height:45px;} #dfy .controlsRow .customSelect {list-style-type:none; position:relative; display:flex;} #dfy .controlsRow .customSelect:before {display:none;} #dfy .controlsRow .customSelect label {min-width:220px; color:#000000; font-weight:bold; text-align:left; font-size:15px; padding:12px 0 0 0px; line-height:20px; position:relative; bottom:-14px;} #dfy .controlsRow li {list-style-type:none; text-align:right;} #dfy .controlsRow li button:hover {background:#aaa7a7;} #dfy .controlsRow li button {margin:12px 10px!important; font-size:26px; font-family:BenchNine, sans-serif; cursor:pointer; display:inline-block; text-align:center; padding:0.2em 2em 0.2em 2em; margin:0 0.2em; background:#fe5000; color:#ffffff; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px; -webkit-transition:all .16s ease; transition:all .16s ease;} #dfy .controlsRow .customSelect span {display:block; max-width:unset; padding:12px 0 0 30px; position:relative; width:100%; position:relative; text-align:right;} #dfy .controlsRow .customSelect span::before {content:"\00A3"; padding:0 10px 0 0; left:0px; color:#fe5000; font-weight:600; line-height:44px; font-size:26px; bottom:-3px;} #dfy .controlsRow .customSelect button, #donationForm form #submitButton {margin:12px 10px!important; font-size:26px!important; font-family:BenchNine, sans-serif; cursor:pointer; display:inline-block; text-align:center; padding:0.2em 2em 0.2em 2em; margin:0 0.2em; background:#fe5000!important; color:#ffffff!important; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px!important; -webkit-transition:all .16s ease; transition:all .16s ease;} #dfy .controlsRow .customSelect button:hover {background:#fe5000; color:#ffffff;} #donationForm form #submitButton {margin:10px 0 0 0!important; max-width:240px; padding:0.2em 1em 1.6em 1em;} #donationForm form #submitButton:hover {background:#aaa7a7!important;} #dfy .donateControl .donateFrame .donateRight ul.descriptions {padding:0 3vw;} #dfy .donateControl .donateFrame .donateRight .descriptions li span {font-size:calc(35px + (30 - 21) * ((100vw - 768px) / (1600 - 768))); color:#5f1617; line-height:52px;} #dfy .donateControl .donateFrame .donateRight .descriptions li span span {font-size:11px; line-height:6px;} #dfy .donateControl .donateFrame .donateRight .descriptions li p {color:#5f1617; font-size:16px; text-align:left; padding:0 0 0 4%;} #dfy .donateControl .donateFrame .donateRight ul.options {padding:0;} #dfy .donateControl .donateFrame .donateRight li span span {margin:10px 7px 0px 7px; display:block; font-size:13px; line-height:23px; padding:0;} #dfy.confirmation {margin:180px 0;} #dfy.confirmation .donateControl {padding:45px; flex-wrap:wrap;} #dfy.confirmation .donateControl h2 {width:100%; text-align:left;} #dfy.confirmation .donateControl .footer__social {width:100%;} #dfy.confirmation .donateControl p {text-align:left;} .donationStart .wp-block-cover__background {position:static;} #donationForm #bill {text-align:right; z-index:200; font-size:14px; display:flex; color:#fff; padding:200px 0 0 0; align-items:flex-start; order:2; min-width:200px;} #donationForm #bill p {margin:0; padding:0 0 10px 0;} #donationForm #bill em {font-size:30px; font-weight:900; font-style:normal; color:#fff;} #donationForm #bill em span {font-size:16px; display:block; font-style:normal; position:relative; top:-10px; color:#fff;} #donationForm #bill .bill {background:#fe5000; padding:25px; text-align:right;} #donationForm #bill a {color:#ffffff; text-decoration:underline;} #donationForm {max-width:unset; display:flex;} #donationForm form {margin:60px 0; width:100%; display:flex; flex-wrap:wrap; max-width:unset;} #donationForm form #AddressSearch {width:95%; margin:0!important;} #donationForm form .block {width:100%;} #donationForm form p , #donationForm form p label {font-size:18px; max-width:unset;} #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:#000000; padding:30px 0 0 0; font-size:25px; font-family:Epilogue , sans-serif; font-weight:bold;} #donationForm form .block.content-blocks.full-width {text-align:left; max-width:unset;} #donationForm form .block.intro p {padding:0;} #donationForm form .block.person-details, #donationForm form .block.payment-details, #donationForm form .block.blurb {background-color:#E4E4E4;} #donationForm form .block.blurb {margin:0 0 30px 0; padding: 25px 35px 0 25px;} #donationForm form .block.blurb:before { content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/paws2.png); position: absolute; top: -19px; position: absolute; right: -40px; transform: scale(0.6);} .eventPayColumns #donationForm form .block.customQs {background-color:#E4E4E4;} .eventPayColumns #donationForm form section.payment-details { margin: 0;} #donationForm form .row {display:flex; width:100%; clear:both; margin:0 0 11px 0; flex-wrap:wrap; max-width:unset; padding:0 4%;} #donationForm form .paymentFields h4, #donationForm form #DeviceHeader, #donationForm form #PaypalHeader {width:100%; text-align:left; font-weight:700; font-family:Epilogue Bold, sans-serif; font-size:16px;} #donationForm form input, #donationForm form select, #donationForm form textarea, #donationForm form select, .inputFix {padding:0px 5px; border-radius:0; width:90%; height:42px; border:0; font-size:1em !important; color:#000000 !important; font-size:22px; background-color:#fff; border:1px solid #bbb; padding:6px; margin:0 12px 0 0 !important; border-radius:0!important; min-height:45px;} #donationForm form .giftaid .col-md-12 {width:50%;} #donationForm form .giftaid .halves .col-md-12:first-child {background:#fe5000; padding:5%; color:#ffffff;} #donationForm form .row.halves {padding:0; align-items:center;} #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%; max-width:unset;} #donationForm form .radiogroup .col-md-2 {padding:0px 18px 0px 0;} #donationForm form h1 {font-size:36px; font-family:BenchNine, sans-serif; color:#fe5000; margin:25px 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; height:auto; min-height:16px; float:left; position:relative; bottom:-3px;} #donationForm form .radiogroup label.error {padding:0!important;} #donationForm form .gagroup label.error {background: #fff; padding: 0px;} #donationForm form .gagroup label.error.haserror {padding: 10px;} #donationForm form .error {box-shadow:none;} #donationForm form label {padding:5px 0; display:inline-block; max-width:unset;} #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; max-width:unset;} #donationForm form .radiogroup span {margin:0 12px 0 0;} #donationForm form .container {width:100%!important; padding:0; max-width:unset;} #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; margin:0 0 30px 0;} #donationForm form .container.consent, #donationForm form .container.contact {padding:36px 30px 20px 30px; border-radius:50px; background:#ebebeb;} #donationForm form .grey {background:#ebebeb; padding:0 17%;} #donationForm form small {padding:0 30px; display:block;} #donationForm form .commsgroup {padding:20px 0px; overflow:hidden; max-width:95%;} #donationForm form .commsgroup div {width:100%; display:flex;} #donationForm form .commsgroup div span:last-child {text-align:right;} #donationForm form .commsgroup div span {margin:0 0 10px 0; flex:2 1 auto;} #donationForm form #Postcode-error {color:#b94a48;} #donationForm form #Address-error { color: #b94a48; padding: 0 4%;} #donationForm form .commsgroup label input {margin:0px 0 0 12px!important; position:relative; top:-3px;} #donationForm form textarea {height:100px; width:100%; max-width:unset;} #donationForm form .prefsIntro {margin:32px 0 0 0!important;} #donationForm form section.contact-details p {margin:10px 0 0 0;} #donationForm form section.contact-details .row {padding:0%;} #donationForm form section.giftaid {margin:50px 0;} #donationForm form section.contact-details h3, #donationForm form section.contact-details p, #donationForm form section.contact-details label, #donationForm form .commsgroup span {color:#000000;} #donationForm form section.doubleup .container {display:flex; padding:0;} #donationForm form section.payment-details, #donationForm form section.payment-details .paymentFields {width:100%; margin:0;} #donationForm form section.payment-details .row .col-md-12, #donationForm form section.payment-details .paymentFieldsinner, #donationForm form section.payment-details .commit div {padding:5%;} #donationForm form section.payment-details .paymentFieldsinner {width:50%; padding:5% 5% 0 5%;} #donationForm form section.payment-details .row {margin:0; padding:0;} #donationForm form section.payment-details img.DirectDebitLogo {width:150px; margin:0 0 30px 0;} #donationForm form section.payment-details .row .col-md-12:last-child {padding:0 5%;} #donationForm form section.payment-details .commit div {padding:4% 5% 5% 5%; margin:0!important; width:100%; max-width:unset;} #donationForm form section.payment-details .row.heading .col-md-12 {padding:5% 5% 0 5%!important;} #donationForm form section.payment-details .row.heading {margin:0;} #donationForm form section.payment-details h3 {padding:0; margin:0;} #donationForm form .gagroup label {padding:5px 0; display:flex;} #donationForm form .gagroup input {margin:0 12px 25px 0!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:0px;} #donationForm form section.contact-details .row.heading {margin:0;} #donationForm form .debit-details .row {display:inline !important;} #donationForm form .debit-details p {color:#000000;} #donationForm form #paypal-button-container, #donationForm form #applePayDivId {width:90%; text-align:left;} #donationForm form .giftaid h3 {padding:0;} #donationForm form .giftaid .heading .col-md-4 {width:75%;} #donationForm form .giftaid p span {font-weight:bold;} #donationForm form .giftaid p em {font-style:normal; text-decoration:underline; cursor:pointer;} #donationForm #ErrorContainer, #Errors {padding:0!important;} #donationForm #PaypalErrorContainer {color:red; font-weight:14px; margin-bottom:12px;} #donationForm form section.payment-details {margin:50px 0;} #donationForm form section .customQs {margin:0 0 40px 0;} #donationForm form .commsgroup div span:first-child {width:490px;} #donationForm form #fullAddress {color:green; padding: 0 0 20px 25px;} #donationForm form #fullAddress.active:before {content:"\2713"; font-size: 25px; color: green; margin: 0 12px;} #thankYou {padding:95px 0;} #thankYou h2 {color:#FE5000; font-size:65px; font-weight:900; display:block; position:absolute; width:300px; left:-210px; top:-50px; text-shadow:3px 3px 0px rgba(255, 255, 255, 1); transform:rotate(10deg);} #thankYou .confetti {position:absolute; max-width:200px; display:block; margin:0 auto; user-select:none; border-radius:100%; left:-200px; top:-100px;} .spaceOption {display:none!important;} .spaceOption.active {display:flex!important;} #spaceOptions .elementor-column-wrap section h4 {min-height:50px;} #appealMast .elementor-widget-wrap {padding:0!important;} #appeal .headergraphicinner {max-width:1148px; min-height:500px;} #appeal .appealColumns {display:flex; width:100%;} #appeal .title-wrapper { background-color: #FE5000; padding: 40px; text-align: center;} #appeal .title-wrapper h1 { color: #fff} #appealEcho.appealColumns { width:100%;} #appeal .appealColumns .appealColumnsRight, #appealEcho.appealColumns .appealColumnsRight {width:450px; background:#fe5000;} #appeal .appealColumns .appealColumnsLeft, #appealEcho.appealColumns .appealColumnsLeft {flex:1; padding:50px 20%; background:#ffffff; position:relative;} #appeal.appeal-pay .appealColumns .appealColumnsLeft {padding:50px 5%;} #appeal h1 {color:#FE5000; font-family:"Roboto", Sans-serif; font-size:60px; font-weight:800; text-transform:uppercase;} #appeal .centreImage {width:510px; margin:50px auto; position:relative; display:flex; justify-content:center;} #appeal .centreImage span {left:0px; bottom:40px; position:absolute; background:#F39200; color:#ffffff; height:120px; width:120px; display:flex; align-items:center; text-align:center; border-radius:100%; padding:5px;} #appeal .centreImageImg {transform:rotate(-4deg); border:16px solid #ffffff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); padding:0 0 30px 0; width:400px;} #appeal .centreImage span strong {display:inline-block; font-size:28px;} #appeal p, #appealEcho p {margin:0; padding:0; width:100%;} #appeal .appealContent p { margin: 0 0 25px 0!important;} #appeal #featureBox {padding:0 0 25px 0; background:#f8f8f8; text-align:center; display:inline-block; margin:50px 0;} #feature_box_image_1 .featureImageImg {transform:rotate(-4deg);} #feature_box_image_2 .featureImageImg {transform:rotate(4deg);} #appeal #featureBox .feature_box_image {width:40%; float:left;} #appeal #featureBox .feature_box_call_to_action {font-size:44px; display:block; width:100%; clear:both; background:#334b7c; text-align:center; z-index:500; position:relative; padding:21px 0; font-family:"BenchNine", Sans-serif; text-align:center; color:#ffffff; padding:25px 0; font-weight:bold;} #appeal #featureBox .feature_box_image_1 {float:left;} #appeal #featureBox .feature_box_image_2 {float:right;} #appeal #featureBox .featureImageImg {border:10px solid #ffffff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); padding:0 0 30px 0; background:#ffffff;} #appeal #featureBox h3 {font-family:"BenchNine", Sans-serif; text-align:center; padding:25px 0; font-weight:bold;} #appeal .feature_box_images {display:flex; justify-content:center; margin:55px 0 0 0;} #appeal #featureBox p {text-align:center; padding:15px;} #appeal #feature_box_image_2 {margin:25px 0 0 0;} #appeal #featureBox .cta {margin:12px auto!important; font-size:26px!important; font-family:BenchNine, sans-serif; cursor:pointer; display:inline-block; text-align:center; padding:0.2em 2em 0.2em 2em; margin:0 0.2em; background:#fe5000!important; color:#ffffff!important; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px!important; -webkit-transition:all .16s ease; transition:all .16s ease;} #appeal #featureBox .cta:hover {background:#fe5000; color:#ffffff;} #appeal .donateControl {z-index:500; padding:17px; width:30%; width:480px; background:#ffffff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); border-radius:7px; position:absolute; right:0; top:230px; transform:translateX(50%);} #appealEcho .donateControl {z-index:500; padding:17px; width:30%; width:480px; background:#ffffff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); border-radius:7px; right:0; top:unset;} #appealEcho {background:url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/drop-faint.png) #fe5000 center center; padding: 50px 0;} #appealEcho.appealColumns .appealColumnsLeft, #appealEcho.appealColumns .appealColumnsRight {background: transparent;} #appealEcho .donateMainImage img { transform: rotate(-4deg); border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 0 0 30px 0; background: #fff;} #appealEcho.appealColumns .appealColumnsLeft { padding: 0 8%; display: grid; align-items: center; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 0px; grid-row-gap: 0px;} #appealEcho .donateMainImage img {max-width: 80%;} #appealEcho .donateMainImage { text-align: right; width: 95%;} #appeal .donateRightHeader, #appealEcho .donateRightHeader {display:flex;} #appeal .donateRightHeader h3, #appealEcho .donateRightHeader h3 {color:#FE5000; font-size:43px; font-weight:800; line-height:42px; margin:11px 0 32px 0;} #appeal .donateRightHeader img, #appealEcho .donateRightHeader img {max-width:100px; max-width:68px; align-self:flex-start;} #appeal .donateRight .options, #appealEcho .donateRight .options {margin:0; padding:0;} #appeal .donateControl li.option.active:after, #appealEcho .donateControl li.option.active:after {content:""; width:40px; display:block; position:absolute; background-image:url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/check.png); background-size:35px; display:block; height:40px; right:0; background-repeat:no-repeat; top:5px;} #appeal .donateControl li.option.active > span, #appealEcho .donateControl li.option.active > span {background:#FE5000;} #appeal .donateControl li.option, #appealEcho .donateControl li.option {align-items:center; list-style-type:none; display:flex; align-content:center;} #appeal .donateControl li.option:hover > span, #appeal .donateControl li.option.active:hover span, #appealEcho .donateControl li.option:hover > span, #appealEcho .donateControl li.option.active:hover span {color:#FE5000;} #appeal .donateControl li.option:hover > span, #appealEcho .donateControl li.option:hover > span {background:#ffffff!important;} #appeal .controls p, #appealEcho .controls p {text-align:center; padding:15px 0;} #appeal .donateControl li p, #appealEcho .donateControl li p {text-align:left; flex:0 0 220px; line-height:16px;} #appeal .donateControl li.option , #appealEcho .donateControl li.option {position:relative;} #appeal .donateControl li.option > span, #appealEcho .donateControl li.option > span {-webkit-transition:all .16s ease; text-align:center; color:#ffffff; flex:0 0 150px; margin:0px 12px 6px 0; transition:all .16s ease; background:#aaa7a7; text-align:center; position:relative; padding:0.5em 1em 0.5em 1em; cursor:pointer; border-radius:7px;} #appeal .donateControl li, #appealEcho .donateControl li {list-style-type:none;} #appeal li.customSelect, #appealEcho li.customSelect {display:flex; align-items:center;} #appeal ul, #appealEcho ul {margin:0; padding:0;} #appeal .controlsRow input, #appealEcho .controlsRow input {background:#f8f8f8; border:0; padding:2px;} #appeal .controlsRow .customSelect span::before, #appealEcho .controlsRow .customSelect span::before {content:"\00A3"; font-weight:bold; color:#FE5000; font-size:21px; margin:0 8px;} #appeal .controlsRow li button:hover , #appealEcho .controlsRow li button:hover {background:#aaa7a7;} #appeal .controlsRow li button, #appealEcho .controlsRow li button {margin:12px 10px!important; font-size:26px; font-family:BenchNine, sans-serif; cursor:pointer; display:inline-block; text-align:center; padding:0.2em 2em 0.2em 2em; margin:0 0.2em; background:#fe5000; color:#ffffff; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px; -webkit-transition:all .16s ease; transition:all .16s ease;} #appeal .controlsRow, #appealEcho .controlsRow {text-align:center;} #appeal li.customSelect span, #appealEcho li.customSelect span {flex:0 0 107px; display:flex; margin-left:auto;} #appeal .donateFrame {display:none; padding:25px 0 0 0;} #appealEcho .donateFrame {display:none; padding:0 0 0 0;} #appeal .donateFrame.active, #appealEcho .donateFrame.active {display:flex;} #appeal .controls li, #appealEcho .controls li {-webkit-transition:all .16s ease; text-align:center; color:#ffffff; flex:0 0 150px; margin:0px 12px 6px 0; transition:all .16s ease; background:#aaa7a7; text-align:center; position:relative; padding:0.5em 1em 0.5em 1em; cursor:pointer; border-radius:7px; display:inline-block;} #appeal .controls li.active, #appealEcho .controls li.active {color:#ffffff; background:#FE5000;} #appeal .controls ul, #appealEcho .controls ul {text-align:center; padding:0 0 15px 0;} #appeal .controls, #appealEcho .controls {margin:0 0 12px 0;} #appeal .donateRight, #appealEcho .donateRight {width:100%;} #appealEcho {position:relative;} #appealEcho .appealLink {text-align:center; width:100%; display:inline-block; text-decoration:underline; color:#FE5000;} #appealEcho .appealLink:hover {text-decoration:none; color:#000000;} #appealEcho .appealColumnsLeft {display:flex; align-items:center;} #DualAppeal {margin:50px 0;} #DualAppeal .e-con-inner { max-width: 1350px;} #DualAppeal .donateControl {width:560px;} #DualAppeal #appealEcho #appealChoice { height: 80px;} #DualAppeal #appealEcho.appealColumns .appealColumnsRight { width: 120px;} #DualAppeal #appealEcho #appealChoice, #appealEcho #appealChoice li { display: flex; align-items: center;} #DualAppeal #appealEcho #appealChoice li span {text-align: center; color: #ffffff; flex: 0 0 200px; margin: 0px 12px 6px 0; transition: all .16s ease; background: #aaa7a7; position: relative; padding: 0.5em 1em 0.5em 1em; cursor: pointer; border-radius: 7px;} #DualAppeal #appealEcho #appealChoice li { flex: 0 0 50%;} #DualAppeal #appealEcho #appealChoice li.active span { background: #FE5000;} #DualAppeal #appealEcho #appealChoice li:hover > span { background: #ffffff !important; color: #FE5000; } #DualAppeal #appealEcho #appealChoice li:first-child:after {content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/cat.png); transform: scale(0.4) translate(-83px, 0px);} #DualAppeal #appealEcho #appealChoice li:last-child:after {content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/dog.png); transform: scale(0.4) translate(-83px, 0px);} #DualAppeal #appealEcho .donateControl li p { flex: 0 0 310px;} #DualAppeal #appealEcho .controlsRow { margin: 20px 10px;} #DualAppeal .doubleImage.diOne img { transform: rotate(-4deg); border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 0 0 30px 0; background: #fff;} #DualAppeal .doubleImage.diTwo img { transform: rotate(4deg); border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 0 0 30px 0; background: #fff;} #DualAppeal .doubleImage.diOne { position: absolute; max-width: 370px; right:220px; bottom: 50%; transform: translate(0px, 25%);} #DualAppeal .doubleImage.diTwo { position: absolute; max-width: 370px; left: -190px; top: 50%; transform: translate(0px, -25%);} #DualAppeal #appealEcho.appealColumns.design2 { padding: 180px 0 30px 0; display: flex;} #DualAppeal #appealEcho.appealColumns.design2 > div { flex: 0 0 50%; position:relative;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl {position:relative; z-index:500; margin:0; width:540px;} #DualAppeal #appealEcho.appealColumns.design2 .doubleImage.diOne { bottom: unset; right: unset; position: absolute; max-width: 290px; top: -60px; left: 0; transform: translate(50%, -50%);} #DualAppeal #appealEcho.appealColumns.design2 .doubleImage.diTwo { bottom: unset; left: unset; position: absolute; max-width: 290px; top: -60px; right: 0; transform: translate(-50%, -50%);} #DualAppeal #appealEcho.appealColumns.design2 .appealColumnsLeft {padding:0;display: flex; justify-content: flex-end;} #DualAppeal #appealEcho.appealColumns.design2 > div { padding: 0 40px !important;} #DualAppeal #appealEcho.appealColumns.design2 .donateRightHeader h3 { color: #FE5000; font-size: 33px; font-weight: 800; line-height: 35px; margin: 11px 0 9px 0px;} #DualAppeal #appealEcho.appealColumns.design2 .donateFrame {padding:25px 0 0 0; flex-wrap: wrap;} #DualAppeal #appealEcho.appealColumns.design2 .controlsRow { margin: 3px 0px; width: 100%;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl .options p {cursor:pointer;} #spaceClosure .closurecontainer {display: flex; padding: 25px 0 0 13px;} #spaceClosure .closurecontainer {display: flex; height: 100%; justify-content:center; align-items: center;} #spaceClosure .closurecontainer .closurerectangle { display: flex; align-items: center; justify-content: flex-start; position: relative; width: 50px; height: 50px; background: #FE5000; transform: scale(0); border-radius: 50%; color: white; opacity: 0; animation: scale-in .3s ease-out forwards, expand-long .35s .25s ease-out forwards;} #spaceClosure .closurecontainer .closurenotification-text {position:relative; display: flex; flex-wrap:wrap; align-items: center; padding: 0 16px; font-size: 18px; animation: fade-in .65s ease-in forwards;} #spaceClosure .closurecontainer .closurenotification-text h4 { font-size: 38px; margin: 0 0 25px 0; font-weight:bold;} #spaceClosure .closurecontainer .closurerectangle span { flex: 0 0 100%; width: 100%;} #spaceClosure .closurecontainer .closurerectangle { padding: 22px 22px 22px 76px;} #spaceClosure .closurecontainer .closurerectangle i { left: -90px; top: -14px; background: white; animation: fade-in .65s ease-in forwards; color:#FE5000; position: absolute; padding: 8px 8px; font-weight: bold; width: 88px; text-align: center; font-size: 19px; line-height:19p; text-transform: uppercase; transform: rotate(-4deg); border-radius: 60%;} #sideBar {margin: 90px 0px 0 -40px; max-width: 400px;} #sideBar .elementor-section {background:#fe5000; color:#ffffff; margin:0 0 30px 0; border-radius: 12px; padding: 15px;} #sideBar .elementor-section img { border-radius: 50%; position: absolute; top: -210px;} #sideBar .elementor-widget-image { margin: 0 0 80px 0;} #sideBar a {margin: 12px 10px!important; font-size: 26px; font-family: BenchNine, sans-serif; cursor: pointer; display: inline-block; text-align: center; padding: 0.2em 2em 0.2em 2em; margin: 0 0.2em; color: #fe5000; background: #ffffff; font-size: 26px; font-weight: 790; border: 0; text-decoration: none; border-radius: 7px; -webkit-transition: all .16s ease; transition: all .16s ease;} #lflfaqs {margin:70px 0 0 0;} #fieldRentQuotes { padding: 50px 0;} #bookButtons {padding: 50px 0 100px 0;} .fieldRentHeader h1 span { display: block; color: #fe5000;} .fieldRentHeader .elementor-widget-wrap{padding:40px!important;} #fieldRentQuotes .elementor-icon-list-item .elementor-icon-list-icon {min-width: 40px;} #fieldRentQuotes .elementor-icon-list-item .elementor-icon-list-icon svg{ width: 100%;} #fieldRentQuotes .elementor-icon-list-item {margin: 0 0 10px;} #fieldRentQuotes .elementor-cta .elementor-cta__content{background:#407fc4;border-radius: 15px; overflow: visible; padding: 35px 35px 35px 75px; text-align: left;} #fieldRentQuotes .fieldQuotesColumn .elementor-widget-call-to-action:nth-child(2n) .elementor-cta__content {background:#61a116;} #fieldRentQuotes .fieldQuotesColumn .elementor-widget-call-to-action:nth-child(2n) {transform:translate(60px , 0);} #fieldRentQuotes .fieldQuotesColumn .elementor-widget-call-to-action:nth-child(3n) .elementor-cta__content {background:#45ac81;} #fieldRentQuotes .elementor-cta {padding: 0 0 0 140px;} #fieldRentQuotes .elementor-cta h2 {font-family:"BenchNine", Sans-serif; color:#ffffff;} #fieldRentQuotes .elementor-cta .elementor-cta__description {color:#ffffff;} #fieldRentQuotes .elementor-cta .elementor-cta__content img { border-radius: 50%; max-width: 140px;} #fieldRentQuotes .elementor-cta .elementor-cta__content .elementor-cta__image{ position: absolute; text-align: left; left: -100px; top: 50%; transform: translateY(-50%);} #fieldRentQuotes .elementor-widget-call-to-action .elementor-widget-container {overflow:visible;} @media screen and (max-width: 1220px) { #fieldRentQuotes .elementor-cta {padding: 0 0 0 100px;} #fieldRentQuotes .fieldQuotesColumn .elementor-widget-call-to-action:nth-child(2n) {transform:translate(0px , 0);} } .customShop.trafficWishlist .elementor-widget-heading {position:relative; width: auto; display: inline-block;} .customShop.trafficWishlist .elementor-widget-heading:after {background-size: contain!important;content:""; right: -110px;top: -4px; height:80px; width:80px; background: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/wishlist.svg)no-repeat center center; position:absolute;} .customShop.trafficWishlist .elementor-widget-heading span {color:#000000;} .customShop.trafficBanner .elementor-widget-wrap .elementor-column:last-child .elementor-widget-wrap{transform: rotate(6deg) translateY(-25%);position: absolute;right: -10px;top: 0;} .customShop.trafficBanner .elementor-column .elementor-column:last-child { overflow: hidden; position: relative;} .customShop.trafficBanner.trafficKatKin .imageBumpColumn img { position: absolute; left: -70px; top: -60px; width: 210px;} .customShop.trafficBanner.trafficKatKin .imageBumpColumn { padding: 0 0 0 20px;} .customShop.trafficPawsForThought { background-size: 116%!important; background-position: right 410% center !important;} .customShop .pawsCol1 .elementor-element:first-child { padding: 0;} .customShop .pawsCol1 .elementor-element {padding:0 0 0 50px; max-width: unset!Important;} .woocommerce .filteredOff {display:none!important;} .woocommerce .price-prefix {display: block; font-size: 14px; color: gray; position: absolute; width: 100%; bottom: 40px;} #wishlist-price-filter {z-index: 500; top: 40px; border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 25px 25px 25px 55px; background: #fff; border-radius: 10px; position: absolute; left:-30px;} #wishlist-price-filter ul li {padding: 4px 0; list-style-type: none;} #wishlist-price-filter ul { margin: 0; padding: 0;} #wishlist-price-filter label { color: #FE5000; font-family: "Quicksand", Sans-serif; font-weight: 700; font-size: 25px;} #wishlist-price-filter input { float: right; margin: 7px 0 0 0;} .singleProduct .price-prefix { display: none;} .singleProduct .variations td, .singleProduct .variations th {background:#ffffff;} .woocommerce-Price-amount.amount .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {display:none;} #noDelivery { background: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/nodelivery.svg)#fe5000 no-repeat center right 12px; background-size: auto; color: #fff; padding: 9px 109px 9px 9px; margin: 0 0 20px 0; border-radius: 7px; background-size: 64px;} .woocommerce .back-history a { padding: 0!important;} .woocommerce .back-history a:hover {color:#FE5000;} .woocommerce .object-fit-img, .woocommerce .object-fit-img .elementor-widget-container { height: 100%;} .woocommerce .object-fit-img img { height: 100%; width: 100%; object-fit: cover; object-position: center;} .woocommerce .margin-bottom-0 { margin-bottom: 0 !important;} .woocommerce .align-content-stretch .elementor-widget-wrap { align-content: stretch;} .woocommerce .flex-grow-1 { flex-grow: 1;} .woocommerce form.cart {position: relative; margin-bottom: 10px !important; display: flex; flex-wrap: nowrap; flex-direction: column;} .woocommerce .category-products .woocommerce-Price-amount { display:block;} .woocommerce .category-products .woocommerce-price-suffix { font-family: "Quicksand" !important; font-weight: 400; font-size: 16px;} .woocommerce .single-product-price { margin-bottom: 0px !important;} .woocommerce .single-product-price .woocommerce-price-suffix, .woocommerce .related-products .woocommerce-price-suffix { display: block; font-family: "Quicksand" !important; font-weight: 400; font-size: 16px;} .woocommerce .single-product-price ins { text-decoration: none;} .woocommerce .single-product-add-to-cart button { top: 0; margin: 0 !important;max-width: 50%} .woocommerce .single-product-add-to-cart .quantity { display: flex; flex-direction: row-reverse; align-items: center; gap: 10px; position: absolute; left: 55%; bottom:0;} .woocommerce .woocommerce-cart-form tbody>tr:last-child>td { background: #fff;} .woocommerce .checkout-cart .checkout-button { background-color: #FE5000 !important;} .woocommerce .woocommerce-product-gallery--with-images { margin-bottom: 0px;} .woocommerce .qty-suffix { opacity: 0;} .woocommerce .single-product-add-to-cart .qty-suffix { opacity: 1;} .woocommerce .christmas-dinner-select { margin: 0 0 10px 0;} .woocommerce #cartDonation {display:flex;background: #FE5000; width: 100%; z-index: 500; padding: 25px; margin: 25px 0;} .woocommerce .cart_totals.inactive {display:none;} .woocommerce #cartDonation img {background: #ffffff; object-fit: cover; object-position: 78% 50%; width: 400px; position:absolute; left:50%; height: 400px; transform: translateX(-50%) rotate(-4deg) translateY(-50%); top:50%; border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 0 0 30px 0;} .woocommerce #cartDonation > div {position:relative; padding: 0 2%; width: 50%; text-align: center;} .woocommerce #cartDonation h2 {color: #ffffff; font-size: 43px; font-weight: 800; line-height: 42px; margin: 11px 0 32px 0;} .woocommerce #cartDonation p{font-weight: bold; font-size: 15px; color:#ffffff; font-family: 'Quicksand', sans-serif;} .woocommerce #cartDonation .buttonset, .woocommerce #cartDonation .buttonset ul { display: flex; flex-wrap: wrap; justify-content: center; width: 310px;} .woocommerce #cartDonation .buttonset ul li{padding: 0.5em 1em 0.5em 1em; margin:0 2%; list-style-type:none; cursor: pointer; font-weight: bold; background:#ff9f73; font-family: 'Quicksand', sans-serif; font-size:24px;color:#FE5000; border-radius: 7px;} .woocommerce #cartDonation .buttonset ul li:hover {color:#ffffff;} .woocommerce #cartDonation .buttonset a {width:100%; font-family: 'Quicksand', sans-serif; display: block; color:#FE5000; border-radius: 7px; padding: 0.5em 1em 0.5em 1em; font-size:24px; padding: 0.5em 1em 0.5em 1em; font-weight: bold; background: #ffffff; margin:12px 0;} .woocommerce #cartDonation .buttonset ul {margin:0; padding:0;} .woocommerce #cartDonation .buttonset ul li.selected{ background:#ffffff;} .woocommerce #cartDonation .buttonset ul li.selected:hover {color:#FE5000; } .woocommerce #cartDonation .buttonset {max-width: 400px; margin: 0 auto;} .woocommerce #cartDonation .buttonset a:hover {opacity:0.8;} .woocommerce #cartDonation .buttonset .dismiss {cursor:pointer; font-family:"BenchNine", Sans-serif; font-size:26px; font-weight:700; color:#ffffff;} .woocommerce #cartDonation .buttonset .dismiss:hover{text-decoration:underline;} .woocommerce a.checkout-button br {display:none;} .woocommerce-cart .wc-proceed-to-checkout a.checkout-button { background: #FE5000!important;} .woocommerce .gaboost { background: #FE5000; padding: 5%; margin: 0 0 60px 0;} .woocommerce .gaboost h2 {font-family:"BenchNine", Sans-serif; } .woocommerce .gaboost h2, .woocommerce .gaboost p { color: #ffffff;} .woocommerce .gaboost .gaReveal { display: none;} .woocommerce .gaboost .gaReveal.complete {background:#ffffff; color:#FE5000; padding:12px;} .woocommerce .gaboost .gaReveal.complete p { color: #000000; font-weight: bold;} .woocommerce .gaboost p {font-size: 17px; line-height: 28px; font-family: "Quicksand", Sans-serif; } .woocommerce .gaboost p img {float: right; padding: 0 0 0 30px;} .woocommerce .gaboost p > span{ margin: 50px 0 0 0; cursor:pointer; display:inline-block; padding: 10px 15px!important; font-size: 18px; font-weight: bold; background: #ffffff!important; color: #FE5000!important; border-radius: 3px!important;} .woocommerce .gaboost p > span:hover {opacity:.8;} #wc-stripe-payment-request-wrapper {width:100%; order:2; margin:0 0 50px 0;} #wc-stripe-payment-request-button-separator {display:none!important;} form.woocommerce-checkout{display:flex; flex-wrap:wrap;} .promoBanner .elementor-section .elementor-container { flex-wrap: unset;} .promoBanner .promoBannerContent .elementor-widget-wrap {padding:45px 0!important;} .rehomedcontainer {display:none;} .rehomed .rehomedcontainer {display: flex; padding: 25px 0 0 13px;} .rehomed .rehomedcontainer { display: flex; height: 100%; justify-content: left; align-items: center;} .rehomed .rehomedcontainer .rehomedrectangle { display: flex; align-items: center; justify-content: flex-start; position: relative; width: 50px; height: 50px; background: #FE5000; transform: scale(0); border-radius: 50%; color: white; opacity: 0; animation: scale-in .3s ease-out forwards, expand .35s .25s ease-out forwards;} .rehomed .rehomedcontainer .rehomednotification-text {position:relative; display: flex; flex-wrap:wrap; align-items: center; padding: 0 16px; font-size: 14px; animation: fade-in .65s ease-in forwards;} .rehomed .rehomedcontainer .rehomednotification-text h4 { font-size: 18px; margin: 0; font-weight:bold;} .rehomed .rehomedcontainer .rehomedrectangle span { flex: 0 0 100%; width: 100%;} .rehomed .rehomedcontainer .rehomedrectangle { padding: 22px 0 22px 46px;} .rehomed .rehomedcontainer .rehomedrectangle i { left: -70px; top: -14px; background: white; animation: fade-in .65s ease-in forwards; color:#FE5000; position: absolute; padding: 8px 8px; font-weight: bold; width: 72px; text-align: center; font-size: 19px; line-height:19p; text-transform: uppercase; transform: rotate(-4deg); border-radius: 20%;} .rehomed .rehomedcontainer .rehomedrectangle a {color:#ffffff; text-decoration:underline;} .rehomed .rehomedcontainer .rehomedrectangle a:hover {text-decoration:none;} .facebook-fundraisers-image { position: relative;} .facebook-fundraisers-image img {position:relative; z-index:300;} .facebook-fundraisers-image:before { animation:twirl-in1 2s ease-out forwards; content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/facebook-fundraiser-celebrate01.png); position: absolute; right: 0; top: 50%; transform: translateY(-25%);} .facebook-fundraisers-image:after { animation:twirl-in2 2s ease-out forwards; content: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/facebook-fundraiser-celebrate02.png); position: absolute; left: 20%; top: 35%; transform: translate(-25% , -24%);} #fundraising-range {text-align:center;} #fundraising-range .dynamicprice {display:flex; margin:50px 0 0 0; padding: 0 25px;} #fundraising-range .dynamicprice li{display:none; width:50%; border-radius:25px; background:#ffffff; padding:25px; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.23); align-items: center; gap: 25px;} #fundraising-range .dynamicprice li.active{display:flex;} #fundraising-range .dynamicprice li img {max-width:180px;} #fundraising-range input{ width: 100%; -webkit-appearance: none; appearance: none; width: 100%; height: 20px; background:#ffffff; border: none; outline: none; border-radius: 25px; margin: 25px 0; } #fundraising-range input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 30px; height: 30px; background: #bfbfbf; border-radius: 50%; cursor: pointer; margin-top: -3px; } #fundraising-range input::-moz-range-thumb {width: 30px; height: 30px; background:#bfbfbf; border: none; border-radius: 50%; cursor: pointer; margin-top: -3px; } #fundraising-range .range {padding:0 50px; position:relative;} #fundraising-range .dynamicprice li.rightSide { margin-left: auto;} #fundraising-range .range span { display: block; background: #ffffff; width: 14px; height: 14px; position: relative; top: -21px; left:3%; transform: translateX(-50%) scale(1, 5) rotate(45deg); margin: 4px; } #fundraising-range .high { font-weight: bold; font-size: 45px;} #fundraising-inspiration { padding: 30px 0 140px 0; margin: 0 0 100px 0;} #fundraising-where {margin:100px 0 0 0;} #fundraising-inspiration .elementor-column .elementor-widget-wrap { padding: 10px 10px 45px 10px; align-content: normal;} #fundraising-inspiration .elementor-column .elementor-widget-wrap .elementor-widget-button {align-self:end;} .mcdownload .elementor-form {display:none;} .mcdownload .elementor-form.active {display:block;} .mcdownload .elementor-form .elementor-button {background-color: #FE5000; font-family: "BenchNine", Sans-serif; font-size: 26px; font-weight: bold; line-height: 24px; padding: 10px 40px 10px 40px;} .mcdownload .elementor-field-label { color: #fff; margin: 0 0 6px 0; font-size: 20px;} #eventsFeed { padding: 30px 0 140px 0; margin: 0 0 100px 0; flex-wrap:wrap; gap: 2%; display:flex;} #eventsFeed > div { flex: 0 0 32%; margin: 0 0 20px 0;} #eventsFeed .elementor-column .elementor-widget-wrap { padding: 10px 10px 45px 10px; align-content: normal; border-radius:8px 8px 8px 8px; background:#ffffff; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.23); align-items:flex-start; } #eventsFeed .elementor-column .elementor-widget-wrap .elementor-widget-button {align-self:end;} #eventsFeed .elementor-column .elementor-button-wrapper a {font-family: "BenchNine", Sans-serif; font-size: 26px; font-weight: bold; line-height: 26px; fill: #FFFFFF; color: #FFFFFF; background-color: var(--e-global-color-2e76fb8); padding: 10px 60px 10px 60px; width:auto;} #eventsFeed .elementor-column h4 {color: var(--e-global-color-2e76fb8); font-family: "BenchNine", Sans-serif; font-size: 25px; font-weight: bold; text-align:center; line-height: 38px;} .eventSalient td{background:#ffffff!important; border:0!important; vertical-align: middle; color:#000000; padding: 4px;font-family: "BenchNine", Sans-serif; font-size: 25px; font-weight: bold; line-height: 38px;} .eventSalient img { max-width: 30px!important;} .eventSalient { margin: auto; max-width: 250px;} .event-filters ul {padding:25px 13px; display:flex; gap:25px;} .event-filters ul li { cursor:pointer;list-style-type: none; padding:0 0 15px 0; flex: 0 0 20%; position:relative;} .event-filters ul li select {display:none; margin:10px 0;} .event-filters ul li.active select {display:inline;} .event-filters ul li.active:after {display:none;} .event-filters ul li:after{top: 5px; right: 10px; -webkit-transition:all .16s ease; transition:all .16s ease; content:"";display:inline-block; height:9px; width:9px; transform: translateX(-50%) rotate(135deg);background:#f8f8f8; position: absolute; border-top:1px solid #000; border-right:1px solid #000;} .eventSalient tr td:first-child { width: 44px;} #eventsSnippet { padding: 10px 10px 45px 10px; align-content: normal; border-radius: 8px 8px 8px 8px; background: #ffffff; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.23); align-items: center;} .elementor-location-single.type-event { background:#f8f8f8; padding: 50px 0; border-top:#fe5000 3px solid;} #eventsSnippet .eventSalient { max-width: 330px;} .eventless {text-align: center; padding: 65px 0; font-weight:900; width:100%; font-size:26px; font-family:BenchNine, sans-serif; color:#000000;font-size:38px;} #newsletterPopup, #newsletterPopup img { box-shadow: unset;} #newsletterPopup button, #newsletterPopup button span {border:0; font-size:18px;} #externalGiving .elementor-widget-image a { width: 100%; margin: 0 0 30px 0px; background: #334b7c; padding: 25px; border-radius: 50%; height: 200px; width: 200px; display: flex; justify-content: center; align-items: center;} #externalGiving { width: 50%; max-width: 600px; margin: 0 10% 0 0%;} .dialog-message {display: flex; align-items: center;} .rehoming-button .elementor-button {min-width: 260px;} .customColumnBanner { overflow: hidden; position: relative; border-top-left-radius: 8px; border-bottom-left-radius: 8px;} .customColumnBanner .elementor-widget-wrap { transform: rotate(6deg) translateY(-25%); position: absolute;left: -35px;top: 0;} #adoptionForm {display:none;} #adoptionForm.active {display:block;} #impactStats { margin: 75px 0;} #impactStats > div { box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.23); border-radius: 10px; padding:35px 75px;} #impactStats #impactStatsRow {background-color: #FE5000; padding: 50px 20px; border-radius: 10px;} #impactStats #impactStatsRow .elementor-counter-title {text-align:center; line-height: 1.4em;} #impactStats .elementor-counter .elementor-counter-number { background: white; color:#000; position: relative; top: -23px; border-radius: 50%; padding: 25px; height: 160px; width: 160px; display: flex; justify-content: center; align-items: center;} .aboutpage.endLinks > div { padding: 40px 0;} .aboutpage.endLinks .elementor-column > div { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 12px; grid-row-gap: 12px;} .aboutpage.endLinks .elementor-column > div div:first-child { grid-area: 1 / 1 / 3 / 2; justify-content: start; margin: 0;} .aboutpage.endLinks .elementor-column > div div{grid-area: 1 / 2 / 2 / 3; display: flex; align-items: end; justify-content: center;} .aboutpage.endLinks .elementor-column > div div:last-child {grid-area: 2 / 2 / 3 / 3; align-items: start;} .aboutpage.endLinks .elementor-column > div div:first-child img { width: 200px; border-radius: 10px;} .aboutpage.centreBanner { padding: 180px 0 !important;} .textFormDonate {background:#f5f5f5; padding: 60px 0;} .textFormDonateText img { transform: rotate(4deg); border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 15px 15px 30px 15px; background: #fff; width: 100%; max-width: 320px !important;} .textFormDonateForm img{ transform: rotate(-4deg); border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 15px 15px 30px 15px; background: #fff; width: 100%; max-width: 320px !important;} .textFormDonateText figcaption {right: 40px; font-weight:bold; font-style:normal; bottom: 40px; position: absolute; background: #334b7c; color: #ffffff; height: 120px; width: 120px; display: flex; align-items: center; justify-content:center; text-align: center; font-size:28px; border-radius: 100%; padding:5px;} .textFormDonateForm figcaption {left: -20px; font-weight:bold; font-style:normal; bottom: 40px; position: absolute; background: #334b7c; color: #ffffff; height: 120px; width: 120px; display: flex; align-items: center; justify-content:center; text-align: center; font-size:28px; border-radius: 100%; padding:5px;} .textFormDonateForm figure { width:400px; top: -50px; z-index: 500; position: relative; right: -230px;} .textFormDonateText figure { position: relative; left: -60px;} #dfy.mini { margin: -130px 0 0 0;} #dfy.mini .donateControl {position:relative; text-align:center; display:flex; flex-wrap:wrap; max-width:unset; right: -30px; padding:50px 4%; width:100%; background:#ffffff; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); border-radius:7px;} #dfy.mini .donateControl .donateFrame, #dfy.mini .donateControl .donateFrame .donateRight .description {display:none;} #dfy.mini .controls li span {font-weight:900; width:100%; font-size:26px; font-family:BenchNine, sans-serif;} #dfy.mini .donateControl .donateFrame .donateRight > p {text-align:left; font-family:BenchNine, sans-serif; color:#000000; margin:10px 0 0 0;font-size:38px; font-weight:bold; line-height: 40px;} #dfy.mini .donateControl .donateFrame.active, #dfy.mini .donateControl .donateFrame .donateRight .description.active {display:flex; max-width:unset;} #dfy.mini .donateFrame .donateRight li.option.active, #dfy.mini .donateFrame .donateRight li.option:hover {background:transparent;} #dfy.mini .donateControl h3 { width: 100%; text-align:left; color: #FE5000;font-family: "Quicksand", Sans-serif; font-size: 43px; font-weight: 800; line-height: 42px; margin: 11px 0 32px 0;} #dfy.mini .donateControl .donateFrame li, #dfy.mini .controls li {list-style-type:none;} #dfy.mini .controls li:hover {background:#fe5000; color:#ffffff;} #dfy.mini .controls li {cursor:pointer; display:inline-block; text-align:center; padding:.2em 2em .2em 2em; margin:0 0.2em; background:#aaa7a7; color:#ffffff; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px; -webkit-transition:all .16s ease; transition:all .16s ease;} #dfy.mini .controls p {text-align:left; font-family:BenchNine, sans-serif; color:#000000; font-size:38px; font-weight:bold;} #dfy.mini .donateFrame .donateRight {box-shadow:unset; padding: 0; width: 100%;} #dfy.mini .donateFrame .donateRight li {display:flex; align-items: center; padding: .5em 3em .5em 1em;} #dfy.mini .controls li:before {display:none;} #dfy.mini .donateControl .donateFrame .donateRight ul.options {margin: 0 auto 0 -0.2em;} #dfy.mini .controls ul {text-align:left; margin: 0 auto 0 -0.2em;padding:0;} #dfy.mini .controls {padding:0%; text-align:center; width: 100%; position: static; max-width:unset; z-index:600;} #dfy.mini .controls li.active {background:#fe5000;} #dfy.mini .donateControl .donateFrame li.option.active p {color:#000000;} #dfy.mini .donateControl .donateFrame {width:100%;} #dfy.mini .donateControl .donateFrame li.option p {margin:6px 11px; font-weight:bold; font-size:15px;} #dfy.mini .donateControl .donateFrame .donateRight li span {width:150px; display:flex; text-transform:none; background:#aaa7a7; color:#ffffff; font-weight:600; line-height:35px; font-size:26px;} #dfy.mini .donateControl .donateFrame .donateRight li.active span, #dfy.mini .donateControl .donateFrame .donateRight li:hover span {color:#ffffff; background: #FE5000;} #dfy.mini .donateControl .donateFrame li p {line-height:23px;} #dfy.mini .donateFrame .donateRight li.option span {-webkit-transition:all .16s ease; background:#aaa7a7; flex: 0 0 31%; transition:all .16s ease; font-size: 16px;color:#ffffff; text-align:center; display:inline-block; position:relative; padding:.2em; cursor:pointer; border-radius:7px;} #dfy.mini .donateFrame .donateRight li.option span.active, #dfy.mini .donateFrame .donateRight li.option span:hover {background:#fe5000;} #dfy.mini .controlsRow {padding:0 4%; text-align:center; width:100%; position:static; right:0; bottom:0; max-width:unset; } #dfy.mini .controlsRow ul {width:100%; float:none; padding:0; margin:0 auto;} #dfy.mini .controlsRow #customAmount {font-size:22px; background-color:#f8f8f8; width:150px; border:0px solid #bbb; padding:6px; color:#4e4e4e; margin:0 12px 0 0 !important; border-radius:0; min-height:45px;} #dfy.mini .controlsRow .customSelect {list-style-type:none; position:relative; display:flex; align-items:center;} #dfy.mini .controlsRow .customSelect:before {display:none;} #dfy.mini .controlsRow .customSelect label {padding: 0px 0 0 0px; position: static;min-width:220px; color:#000000; font-weight:bold; text-align:left; font-size:15px; padding:0px; line-height:20px;} #dfy.mini .controlsRow li {list-style-type:none; text-align: center;} #dfy.mini .controlsRow li button:hover {background:#aaa7a7;} #dfy.mini .controlsRow li button {margin:12px 10px!important; font-size:26px; font-family:BenchNine, sans-serif; cursor:pointer; display:inline-block; text-align:center; padding:0.2em 2em 0.2em 2em; margin:0 0.2em; background:#fe5000; color:#ffffff; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px; -webkit-transition:all .16s ease; transition:all .16s ease;} #dfy.mini .controlsRow .customSelect span {display:block; max-width:unset; padding:0 0 0 30px; position:relative; width:40%; right: -60px; text-align:right;} #dfy.mini .controlsRow .customSelect span::before {content:"\00A3"; padding:0 10px 0 0; left:0px; color:#fe5000; font-weight:600; line-height:44px; font-size:26px; bottom:1px; position:absolute;} #dfy.mini .controlsRow .customSelect button, #donationForm form #submitButton {margin:12px 10px!important; font-size:26px!important; font-family:BenchNine, sans-serif; cursor:pointer; display:inline-block; text-align:center; padding:0.2em 2em 0.2em 2em; margin:0 0.2em; background:#fe5000!important; color:#ffffff!important; font-size:26px; font-weight:790; border:0; text-decoration:none; border-radius:7px!important; -webkit-transition:all .16s ease; transition:all .16s ease;} #dfy.mini .controlsRow .customSelect button:hover {background:#fe5000; color:#ffffff;} #dfy.mini .donateControl .donateFrame .donateRight ul.descriptions {padding:0 3vw;} #dfy.mini .donateControl .donateFrame .donateRight .descriptions li span {font-size:calc(35px + (30 - 21) * ((100vw - 768px) / (1600 - 768))); color:#5f1617; line-height:52px;} #dfy.mini .donateControl .donateFrame .donateRight .descriptions li span span {font-size:11px; line-height:6px;} #dfy.mini .donateControl .donateFrame .donateRight .descriptions li p {color:#5f1617; font-size:16px; text-align:left; padding:0 0 0 4%;} #dfy.mini .donateControl .donateFrame .donateRight ul.options {padding:0;} #dfy.mini .donateControl .donateFrame .donateRight li span span {margin:10px 7px 0px 7px; display:inline; font-size:13px; line-height:23px; padding:0;} #dfy.mini a { text-align: center; font-family: BenchNine, sans-serif; color: #aaa7a7; font-size: 20px; font-weight: bold; margin: 0 auto; text-decoration: underline;} #dfy.mini .donateFrame .donateRight li.active:after { content: ""; width: 40px; display: block; position: absolute; background-image: url(//rainrescue.co.uk/wp-content/themes/hello-elementor/assets/images/check.png); background-size: 35px; display: block; height: 40px; right: 0; background-repeat: no-repeat; top: 11px;} .borderedTextImage {margin:100px 0 0 0;} .borderedTextImage section .elementor-container > div:first-child > div {background:#ffffff; padding: 0 20px;} .borderedTextImage section .elementor-container > div:first-child {background:#fe5000; padding:50px;} .morePadding {padding:50px 0!important;} .morePadding .elementor-column .elementor-widget-wrap { padding: 10px 10px 45px 10px!important;} .explorers .elementor-inner-section .elementor-container { display: flex; align-items: center; flex-wrap: wrap;} .explorers .elementor-inner-section .elementor-container p {margin:0;} .explorers .elementor-inner-section .elementor-container a , .explorers > .elementor-widget-wrap > div:last-child a{ font-size:26px; font-family: "BenchNine", Sans-serif;} .explorers > .elementor-widget-wrap > div:last-child { padding: 0 0 0 91px;} .explorers .lostCatLinks {border-top:2px solid #e6e1dd;} .photobacked {margin:65px 0px;} .photobacked.clippedRight > div , .photobacked.clippedLeft > div { max-width: 1220px; background:#f5f5f5;} .photobacked.clippedRight section, .photobacked.clippedLeft section { padding: 45px 0; background-size: 75%; background-color:#f5f5f5; background-repeat: no-repeat;} .photobacked.clippedRight section > div .elementor-column:last-child { max-width: 500px; padding: 0 45px 0 0;} .photobacked.clippedRight section > div, .photobacked.clippedLeft section > div {justify-content: space-between;} .photobacked.clippedLeft section { padding: 45px 0; background-size: 75%; background-color:#f5f5f5; background-repeat: no-repeat; background-position:right top;} .photobacked.clippedRight > div > div > div , .photobacked.clippedLeft > div > div > div { padding: 0 !important;} .photobacked.clippedLeft section > div .elementor-column:first-child { max-width: 500px; padding: 0 0 0 45px;} .photobacked.clippedLeft section > div .elementor-column:first-child > div, .photobacked.clippedRight section > div .elementor-column:last-child > div {padding:40px;} .assetbacked {margin:65px 0px;} .assetbacked .elementor-column {width: 500px !important; height: 500px; position:relative;} .assetbacked .elementor-column img {border-radius:50%; position:absolute;} .assetbacked.setRight > div , .assetbacked.setLeft > div { max-width: 1350px; } .assetbacked.setLeft { padding: 45px 0 45px 180px; background-size: 45%; background-repeat: no-repeat; background-position: left center;} .assetbacked.setRight { padding: 45px 180px 45px 0; background-size: 45%; background-repeat: no-repeat; background-position: right center;} .assetbacked.setRight section > div, .assetbacked.setLeft section > div {justify-content: space-between;} .assetbacked.setLeft section { padding: 45px 0; background-size: 75%; background-color:#f5f5f5; background-repeat: no-repeat; background-position:right top;} .assetbacked.setRight > div > div > div , .assetbacked.setLeft > div > div > div { padding: 0 !important;} .assetbacked.setLeft section > div .elementor-column:first-child { max-width: 500px; padding: 0 0 0 45px;} .assetbacked.setLeft .elementor-column:first-child .elementor-widget-wrap, .assetbacked.setRight .elementor-column:last-child .elementor-widget-wrap { aspect-ratio: 1 / 1; border-radius: 50%; border: 2px solid #FE5000; padding: 85px !important; z-index: 400; align-content: center; justify-content: center;} .assetbacked.setLeft > div { justify-content: end;} .assetbacked.setLeft .elementor-column:last-child .elementor-element { height: 100%; position: absolute;} .assetbacked.setLeft .elementor-column:last-child > div > div:last-child img { width: 230px; left: -60px; bottom: 0;} .assetbacked.setLeft .elementor-column:last-child > div > div:first-child img { left: 120px; } .assetbacked.setRight .elementor-column:first-child .elementor-element { height: 100%; position: absolute;} .assetbacked.setRight .elementor-column:first-child > div > div:last-child img { width: 230px; right: -60px; bottom: 0;} .assetbacked.setRight .elementor-column:first-child > div > div:first-child img { right: 120px; } #iddForm > div { background: #E4E4E4; padding: 35px;} #iddForm .elementor-field-group { margin: 11px 0;} #iddForm label {margin: 0 0 7px 0;} #iddForm input[type="checkbox"], #iddForm input[type="radio"]{transform: scale(1.2); margin: 0 6px 0 0;} #iddForm button{font-family: "BenchNine", Sans-serif; border-radius: 5px; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.8px; fill: #FFFFFF; color: #FFFFFF; background:#FE5000; flex-basis: unset;} #iddForm button:hover{background:#AAA7A7;} #iddForm .elementor-field-group-currentOther, #iddForm .elementor-field-group-newOther {display:none;} #iddForm .elementor-field-group-currentOther.active, #iddForm .elementor-field-group-newOther.active {display:flex;} @keyframes twirl-in1 { 0% { opacity: 0; position: absolute; right: 0; top: 50%; transform: translateY(-25%) rotate(-35deg); } 100% { opacity: 1; position: absolute; right: 0; top: 50%; transform: translateY(-25%) rotate(0deg); } } @keyframes twirl-in2 { 0% { opacity: 0; position: absolute; left: 20%; top: 35%; transform: translate(-25% , -24%) rotate(-35deg); } 100% { opacity: 1; position: absolute; left: 20%; top: 35%; transform: translate(-25% , -24%) rotate(0deg); } } @keyframes scale-in { 100% {transform: scale(1);opacity: 1;} } @keyframes expand { 50% {width: 245px;border-radius: 6px;} 100% { width: 490px; height:auto; border-radius: 4px; } } @keyframes expand-long { 100% { width: 670px; height:auto; border-radius: 4px; } } @keyframes fade-in { 0% {opacity: 0;} 80% {opacity: 0;} 100% {opacity: 1;} } @media screen and (max-width: 1620px) { #wishlist-price-filter {position:static; max-width: 1140px; margin: 0 auto; padding: 0; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, .1);} #wishlist-price-filter ul li { display: inline;} #wishlist-price-filter input { float: none; margin: 7px 24px 0 7px; position:relative; top:2px;} #wishlist-price-filter label {font-size: 19px;} } @media (min-width:1025px) { #properHeader #properNav ul li:hover ul {display:inline; margin:4px 0 0 0; padding:0 0 10px; position:absolute; left:0; top:100%; width:100%; background-color:#E5E5E5; min-width:290px; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); z-index:600;} #properHeader #properNav ul ul li:hover {border-bottom:0!important;} #properHeader #properNav ul ul li a:hover {background:#FE5000; color:#ffffff;} #properHeader #properNav ul ul li a:before {display:none;} #properHeader #properNav ul li.current_page_item a, #properHeader #properNav ul li:hover a {color:#FE5000;} #properHeader #properNav ul li.current_page_item, #properHeader #properNav ul li:hover {border-bottom:4px solid #FE5000;} } @media screen and (max-width: 1380px) and (min-width:1180px) { #dfy .donateControl .donateFrame .donateRight li span {line-height:unset; font-size:calc(20px + (30 - 21) * ((100vw - 768px) / (1600 - 768)));} #appeal .donateControl, #appealEcho .donateControl {right:-90px; width:380px;} #appeal .donateControl li.option, #appealEcho .donateControl li.option {display:block; margin:0 0 12px 0;} #appeal .donateControl li.option > span, #appealEcho .donateControl li.option > span {display:block;} #appeal .donateRight .options, #appealEcho .donateRight .options {max-width:320px;} #appeal .donateControl li.option.active:after, #appealEcho .donateControl li.option.active:after {right:-34px;} #appeal .donateControl li.option, #appealEcho .donateControl li.option {max-width:310px;} #appealEcho {position:relative; padding:60px 0;} #appealEcho .donateControl { right: -10px!important;} } @media screen and (max-width: 1380px) { #dfy .donateControl .donateFrame .donateRight .descriptions li p, #dfy .controlsRow .customSelect label {font-size:14px; line-height:19px;} #dfy .controlsRow .customSelect button {padding:0.6em 1em 0.5em 1em; line-height:unset;} #dfy .controlsRow #customAmount {min-height:unset;} button, input, optgroup, select, textarea {line-height:90%;} #appeal #donationForm {max-width:unset; display:inline;} #appeal #donationForm #bill {padding:20px 0 0 0;} #appeal #donationForm #bill .bill {width:100%;} #appeal #donationForm form {margin:0;} #appeal .appealColumns .appealColumnsRight {width:300px;} #appeal .appealColumns .appealColumnsLeft{padding:50px 10%;} .catpng { max-width: 190px !important; left: 15px!important;} .dogpng { max-width: 210px !important; right: 4px!important;} .doubleFeatureBox {padding: 0 35px;} .textFormDonateForm figure { width: 250px; right: -300px;} .textFormDonateForm figcaption { left: -90px;} #DualAppeal #appealEcho #appealChoice li span { flex: 0 0 119px;} #typicalSlider .swiper-slide-contents .elementor-slide-heading { font-size: 48px;} #typicalSlider .swiper-slide-contents { max-width: 430px;} #DualAppeal .doubleImage.diTwo { position: absolute; max-width: 370px; left: 60px; top: 50%; transform: translate(0px, -25%);} #DualAppeal #appealEcho.appealColumns.design2 li.option { max-width: unset; display:flex; margin:0;} #DualAppeal #appealEcho.appealColumns.design2 .options { max-width: 93%;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl li.option > span { text-align:center; flex:0 0 80px;} #DualAppeal #appealEcho.appealColumns.design2 > div { padding: 0 2% !important;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl { width: auto;} } @media screen and (max-width: 1280px) { .assetbacked.setLeft .elementor-column:last-child > div > div:last-child img { width: 180px;} .assetbacked.setLeft .elementor-column:last-child > div > div:first-child img { width: 210px; left: unset; right: 40px;} .assetbacked.setLeft .elementor-column:last-child , .assetbacked.setRight .elementor-column:first-child { width: 200px !important;} .assetbacked.setRight .elementor-column:first-child > div > div:first-child img { right: 20px;} #properHeader #menu-latest-menu {padding-left: 0;} #properHeader #logo img , #properHeader #logo { max-width: 150px;} #properHeader #logo span { width: 152px;} #properHeader #properNav ul li a {font-size:14px;} #properHeader #properNav a.donate-button {font-size:18px; padding:6px 14px 5px 18px; margin:-1px -10px 0 12px; border-radius:5px;} #properHeader #properNav a.cart-button i {color:#FE5000; font-size:19px; position:absolute; right:10px; padding:8px 0 0 0;} #properHeader {padding:5px 10px 10px 10px;} #properHeader a.giftaid {position: absolute; top: 51px; right: 66px;} #properHeader a.giftaid svg { max-height: 24px;} } @media screen and (max-width: 1205px) { #externalGiving .elementor-widget-image a img { width: 75px;} #externalGiving .elementor-widget-image a {height: 120px; width: 120px;} #externalGiving { width: 50%; max-width: 430px; margin: 0 9% 0 5%;} } @media screen and (max-width: 1180px) { .textFormDonateForm figure { width: 200px; top: -50px; z-index: 500; position: relative; right: -250px;} #dfy.mini .donateControl {width:80%;} #dfy.mini .controlsRow .customSelect {flex-wrap: wrap;} #dfy.mini .controlsRow .customSelect label { padding: 0px 0 0 0px; position: static; min-width: 220px; color: #000000; font-weight: bold; text-align: left; font-size: 15px; padding: 0px; line-height: 20px; width: 100%; text-align: center; margin: 0 0 20px ;} #dfy.mini .controlsRow .customSelect span { display: block; max-width: unset; padding: 0 0 0 30px; position: relative; width: 100%; right: 0;text-align: right;} #dfy.mini .controlsRow #customAmount { width: 100%;} #dfy .donateControl .donateFrame.active {display:flex!important; flex-wrap:wrap;} #dfy .controls, #dfy .controls p {text-align:center; width:100%; position:static; max-width:unset; padding:15px 0 0 0;} #dfy .donateControl .donateFrame > div {width:100%; padding:25px 0 0 0;} #dfy .controlsRow {position:static;} #dfy {margin-top: 55px;} #dfy .donateControl .donateFrame .donateLeft {position: relative; top: auto; right: auto; transform: rotate(0deg);} #dfy .donateControl .donateFrame .donateLeft ul {position:relative; padding:0; margin:0; max-width:unset; display:inline;} #dfy .donateControl .donateFrame.active .donateLeft li {width:100%; text-align:center;} #dfy .donateControl .donateFrame.active .donateLeft li img {display:inline; margin:0 auto; max-width:380px;} #dfy .donateControl .donateFrame > div {max-width:unset;} #dfy .donateFrame .donateRight p {max-width:unset; text-align:center; width:100%;} #dfy.mini .donateFrame .donateRight p {max-width:unset; text-align:left; width:100%;} #dfy .donateControl .donateFrame .donateRight ul {margin:0 auto;} #dfy .donateControl .donateFrame .donateRight ul.descriptions {padding:16px;} #dfy .donateControl .donateFrame .donateRight ul.options {max-width:90%;} #dfy.mini .donateControl .donateFrame .donateRight ul.options {max-width:100%;} #dfy .donateControl .donateFrame .donateRight ul.descriptions {max-width:420px;} #dfy .controlsRow {text-align:center; width:100%; max-width:unset;} #dfy .donateControl {padding:0 0 50px 0;} #dfy .controlsRow .customSelect {display:inline;} #dfy .controlsRow .customSelect label {color:#fe5000; text-align:left; padding:0; position:static;} #dfy .controlsRow .customSelect label br {display:none;} #dfy .controlsRow .customSelect span {width:100%; padding:12px 0 0 0px;} #dfy .donateLeft {order:2;} #dfy .controlsRow {padding:10px 0 0 0;} #dfy .controlsRow #customAmount {width:auto;} #dfy .controlsRow .customSelect span::before {position:relative; bottom:-7px; left:-12px;} #dfy .donateControl {padding:0 0 50px 0; max-width:560px; margin:0 auto;} #donationForm form {max-width:560px; margin:0 auto;} #donationForm form h3 {padding:20px 0 0 0;} #donationForm form .row.heading {margin:0 0 0px 0;} #donationForm form label, #donationForm form p, #donationForm form p label {font-size:14px;} #donationForm form h3 {font-size:20px;} #donationForm form .commsgroup span {width:auto; margin:0 32px 0 0; display:inline-block; min-width:unset;} #donationForm form .payment-details .col-md-2 {padding:0px 18px; flex:0 0 15%; float:none; width:100%;} #donationForm form .payment-details .col-md-4 {margin:0;} #donationForm form section.payment-details .commit div {padding:4% 5% 10% 5%;} #donationForm form .payment-details .col-md-2 {padding:0;} #dfy .donateControl .donateFrame .donateRight .descriptions li span span {line-height:16px;} #dfy .donateControl {box-shadow:0px 0px 5px 5px rgba(0, 0, 0, .1); border-radius:7px;} #dfy .donateFrame .donateRight {box-shadow:0px 0px 0px 0px rgba(0, 0, 0, .1); border-radius:0px; order:2;} #dfy .controls ul {text-align:center;} #dfy .donateControl .donateFrame .donateRight > p, #dfy .controlsRow li, #dfy .controlsRow .customSelect span {text-align:center;} #dfy .donateFrame .donateLeft {order:1; justify-content:center;} #donationForm #bill {width:20%;} #appeal #donationForm #bill {width:100%;} #donationForm form {width:80%; max-width:unset;} #appeal #donationForm form {width:100%;} #appeal .donateControl {position:static; margin:60px auto; transform:translateX(0%);} .catpng { max-width: 190px !important; left: 15px!important;} .dogpng { max-width: 210px !important; right: 4px!important;} .dogpngcolumn > div { padding: 40px 40px 110px 70px !important;} .catpngcolumn > div { padding: 40px 70px 110px 40px !important;} } @media screen and (max-width: 1120px) { #properHeader #logo img {max-width:90px;} #properHeader #logo span {width:auto; font-size:10px; text-align:left; display:block; color:#FE5000; font-weight:900; padding:0 0 0 0px;} .catpng { max-width: 130px !important;} .dogpng { max-width: 160px !important;} .catpngcolumn h2, .dogpngcolumn h2 {font-size:48px!important; line-height:48px;} .catpngbuttons a, .dogpngbuttons a {padding:10px 20px 10px 20px!important; min-width: 190px!important;} .aboutpage.centreBanner { padding: 60px 0 !important; background-size: 100% auto;} .borderedTextImage section .elementor-container > div:first-child { padding: 20px;} #spaceOptions .e-con-inner {flex-wrap:wrap; justify-content: space-between;} #spaceOptions .e-con-inner > div{ flex: 0 0 48%;} } @media (max-width: 1050px) { .textFormDonate .elementor-container { display: inline-block!important;} .textFormDonate .elementor-container .elementor-column {width:75%; margin:0 auto;} .explorers .elementor-inner-section .elementor-container > div:first-child { display: none;} .explorers > .elementor-widget-wrap > div:last-child { padding: 0 0 0 11px;} .explorers .elementor-inner-section .elementor-container > div { flex: 0 0 50%;} } @media (max-width: 1075px) { .stackEarly > div { display: flex!important; flex-wrap:wrap;} .stackEarly > div > div {width:100%!important;} .stackEarly > div > div:first-child{order:2;} #sideBar {margin: 90px 0px 0 0px; } #lfliframe {height: 2360px!important;} #sideBar .elementor-section img{ right: 0; top: -120px; width: 200px;} #donationForm .block {width:100%;} #appealEcho .donateControl {right:70px;} #properHeader #menu-latest-menu {display:none; position:absolute; width:100%; right:0; top:100px; z-index:1000; background-color:#fff; padding:0; -webkit-box-shadow:0px 15px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow:0px 15px 15px 0px rgba(0,0,0,0.1); box-shadow:0px 15px 15px 0px rgba(0,0,0,0.1);} #properHeader #menu-latest-menu.active {display:block;} #properHeader #properNav ul li {width:100%; display:block; padding:0; border-bottom:1px solid #e5e5e5; margin-left:0} #properHeader #properNav ul li:first-of-type {border-top:1px solid #e5e5e5;} #properHeader #properNav ul li.active .sub-menu {display:block; padding:7px 0 10px 0; background-color:#E5E5E5;} #properHeader #properNav ul li a {font-size:20px; display:block; padding:10px 15px;} #properHeader #properNav ul li a:before {position:absolute; right:32.5px; font-size:20px; color:#fe5000;} #properHeader #properNav ul li.menu-item-has-children > a:before {display:none;} #properHeader #properNav ul li.menu-item-has-children > a {width:calc(100% - 80px); background-color:#ffffff; border-right:1px solid #fe500040} #properHeader #properNav ul li.menu-item-has-children {position:relative; background-color:#fe5000} #properHeader #properNav ul > li.menu-item-has-children:before {content:"\f078"; font-family:'Font Awesome 5 Free', sans-serif; position:absolute; font-weight:700; right:32.5px; width:15px; height:15px; font-size:18px; top:13px; color:#fff; display:block;} #properHeader #properNav ul ul li a {font-size:18px; color:#fe5000; padding:10px 15px} #properHeader #properNav ul ul li a:before {content:'\f054'; font-size:14px} #properHeader #properHeader-burger-btn {display:flex; align-content:center; flex-wrap:wrap; color:#000000; padding:0; border:none; border-radius:0;} #properHeader #properHeader-burger-btn:hover, #properHeader #properHeader-burger-btn:focus, #properHeader #properHeader-burger-btn:active {background-color:transparent; outline:none; border:none; padding:0;} #properHeader #properHeader-burger-btn i {color:#fe5000; font-size:24px;} #properHeader a.donate-button:before {right: 110px;} #properHeader a.donate-button:after {right: 150px;} #properHeader a.giftaid { right: 112px;} .promoBanner .elementor-column.elementor-col-16 { width: 39.666%;} #sideBar { width: 100%; max-width: unset; margin: 90px 25px 0 25px;} #sideBar .elementor-section {padding:15px 35px 35px 35px;} .externalGivingItem .elementor-container .elementor-column:first-child {width:25%;} .externalGivingItem .elementor-container .elementor-column:last-child {width:50%;} .externalGivingItem .elementor-container { display: flex; flex-wrap: unset;} #fundraising-where { margin: 0px 0 0 0;} .dogpngcolumn > div { padding: 40px 40px 50px 70px !important;} .catpngcolumn > div { padding: 40px 70px 50px 40px !important;} #dfy.mini .donateControl {right: 0px; width: 100%; padding: 20px 4% 50px 4%; } #dfy.mini { margin: 0;} .textFormDonateForm figure { width: 260px; top: 80px; z-index: 500; position: relative; right: -360px;} .textFormDonate .elementor-container .elementor-column { width: 87%;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl {right:unset;} } @media (min-width: 1024px) and (max-width: 1580px) { #properFooter .socialLinks > div {width: 100%;} #properFooter .socialLinks .elementor-container {display:inline; text-align:center; max-width: 500px !important;} #properFooter .socialLinks .elementor-container > div {text-align:center; width: 100%!important; } } @media (min-width: 768px) and (max-width: 1024px) { @keyframes twirl-in1 { 0% { opacity: 0; position: absolute; right: -40%; top: 20%; transform: translateY(-25%) rotate(-35deg) scale(0.7); } 100% { opacity: 1; position: absolute; right: -40%; top: 20%; transform: translateY(-25%) rotate(0deg) scale(0.7); } } @keyframes twirl-in2 { 0% { opacity: 0; position: absolute; left: 20%; top: 15%; transform: translate(-25% , -24%) rotate(-35deg) scale(0.7); } 100% { opacity: 1; position: absolute; left: 20%; top: 15%; transform: translate(-25% , -24%) rotate(0deg) scale(0.7); } } #properFooter .elementor-47411 .elementor-element.elementor-element-16828b20 > .elementor-element-populated {margin-left:0px;} } @media (max-width: 1038px) { #properFooter .socialLinks > div { width:100%;} #properFooter .socialLinks .elementor-container {justify-content: center;} #properFooter .socialLinks .elementor-container > div:first-child {width: 100%;} #properFooter .socialLinks .elementor-container > div:first-child .elementor-widget-wrap {margin: 0 0 10px;} #properFooter .socialLinks .elementor-container > div:last-child .elementor-widget-container {margin-bottom: 30px;} #properFooter .socialLinksInner:after {bottom: -30px;} #properFooter .elementor-47226 .elementor-element.elementor-element-c63ab56 > .elementor-element-populated {margin-left:0px;} } @media (max-width: 982px) { #externalGiving { width: 100%; max-width: unset; margin: 0 9% 0 5%;} .customColumnBanner .elementor-widget-wrap { top: 35px;} .aboutpage.endLinks > div { padding: 40px 0;} .aboutpage.endLinks > div { display: inline-block; width: 100%;} .aboutpage.endLinks > div div { margin: 0 auto 20px auto;} .aboutpage.endLinks > div > div { margin: 0 auto 20px auto; width: 80%; display: block;} #eventsFeed > div { flex: 0 0 49%; margin: 0 0 20px 0;} } @media (max-width: 930px) { #donationForm {display:inline-block;} #donationForm form {width:100%;} #donationForm #bill {width:100%; display:inline-block; padding:0;} #appeal .appealColumns .appealColumnsRight, #appealEcho.appealColumns .appealColumnsRight {width:140px;} #lotterySelector h2 {padding: 9px 12px; font-size: 34px;} #compatibilityKey ul li {flex:0 0 50%;} #compatibilityKey ul {flex-wrap: wrap;} #typicalSlider .swiper-slide-contents { align-self: end;} #typicalSlider .swiper-slide-inner { padding: 0 0 0 0px;} #typicalSlider .swiper-slide-contents { max-width: 100%; padding: 16px; flex: 0 0 155%;} #typicalSlider .swiper-slide-contents .elementor-slide-heading { font-size: 40px; margin: 0 0 4px 0;} #typicalSlider .swiper-slide-contents .elementor-slide-description strong { font-size: 27px;} #typicalSlider .swiper-slide-contents .elementor-slide-description { font-size: 16px; margin: 0 0 0 0;} #typicalSlider .swiper-pagination-bullets { padding: 0px 12px;} #typicalSlider .swiper-pagination {top:10px; height: 50px;} #typicalSlider .swiper-slide-contents:after {display:none;} #typicalSlider .swiper-slide-contents:before {top:-49px;} #appealEcho {padding:40px 0;} #appealEcho.appealColumns .appealColumnsLeft {padding:0px 20px;} #appealEcho.appealColumns .appealColumnsRight {width:300px;} #appealEcho.appealColumns .appealColumnsLeft {padding:50px 10%;} #appealEcho.appealColumns{text-align: center;} #appealEcho .donateControl {right:-10px; width:380px;} #appealEcho .donateControl li.option {display:block; margin:0 0 12px 0;} #appealEcho .donateControl li.option > span {display:block;} #appealEcho .donateRight .options {max-width:340px;} #appealEcho .donateControl li.option.active:after {right:-34px;} #appealEcho .donateControl li.option {max-width:310px;} #appealEcho.appealColumns .appealColumnsLeft { padding: 0 8%; display: inline-block;} #appealEcho .donateMainImage img { max-width: 300px;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl {right:unset;} #DualAppeal #appealEcho.appealColumns.design2 { padding: 30px 0 30px 0; display: inline-block;} #DualAppeal #appealEcho.appealColumns.design2 > div { display: flex; width: 100%;} #DualAppeal #appealEcho.appealColumns.design2 .appealColumnsLeft{ margin: 0 0 40px 0;} #DualAppeal #appealEcho.appealColumns.design2 .appealColumnsRight{display: flex; justify-content: flex-end;} #DualAppeal #appealEcho.appealColumns.design2 .doubleImage.diOne, #DualAppeal #appealEcho.appealColumns.design2 .doubleImage.diTwo { bottom: unset; left: 20px; position: absolute; max-width: 230px; top: 25px; right: unset; transform:translate(0%, 0%);} } @media (max-width: 870px) { #donationForm section.doubleup .container {display:block;} #donationForm .col-md-4 {float:none; width:100%;} #donationForm img.giftAidLogo {width:150px; margin:12px 0;} #donationForm small {padding:0;} .inputFix {width:100%;} #donationForm form .payment-details .col-md-4 {padding:0px 0px 11px 0;} #appeal .appealColumns .appealColumnsRight, #appealEcho.appealColumns .appealColumnsRight {display:none;} #appeal h1 {font-size:40px;} #appealEcho .appealColumnsLeft { background-size:contain!important;} #appeal .donateControl, #appealEcho .donateControl {max-width:390px; position:static; transform:unset; margin:30px auto;} #appealEcho .donateControl { margin: -10px auto 0 auto !important; height: unset; transform: translateY(-42px); } #appeal .donateControl li p, #appealEcho .donateControl li p {flex: 0 0 151px;} #appealEcho .appealColumnsLeft { display: block;} #appealEcho.appealColumns {display: block; width: 100%; height: unset;} #appealEcho .donateMainImage { width: 55%; margin: 0 auto;} #appealEch o.appealColumnsLeft {padding:400px 0 0 0; background-position:center top!important;} .customShop.trafficWishlist .elementor-widget-heading:after {right: -78px;top: 11px;height: 60px;width: 60px;} .customColumnBanner { overflow: visible; position:static;} .customColumnBanner .elementor-widget-wrap {transform: unset;position:static;height:100%;} .customColumnBanner .elementor-widget-wrap .object-fit-img{height:100%;} .customColumnBanner .elementor-widget-wrap .object-fit-img .elementor-widget-container{height:100%;} .customColumnBanner .elementor-widget-wrap .object-fit-img .elementor-widget-container a {height:100%;} .customColumnBanner .elementor-widget-wrap .object-fit-img .elementor-widget-container img {object-fit: cover;} #DualAppeal .doubleImage.diTwo { position: absolute; max-width: 260px; left: unset; top: 10%; transform: translate(0px, -25%); right: 20px;} #DualAppeal .doubleImage.diOne { position: relative; max-width: 260px; right: 10px; bottom: 50%; transform: translate(0px, 25%);} #DualAppeal #appealEcho.appealColumns.design2 .donateControl { margin: 0 !important;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl li p {flex:unset;} .explorers .elementor-inner-section .elementor-container > div { flex: 0 0 100%;} } @media (max-width: 896px) { .assetbacked.setLeft .elementor-column:last-child, .assetbacked.setRight .elementor-column:first-child { display: none; } .assetbacked.setLeft .elementor-column:first-child .elementor-widget-wrap, .assetbacked.setRight .elementor-column:last-child .elementor-widget-wrap { aspect-ratio: unset; border-radius: 0; border: 2px solid #FE5000; padding: 35px !important; z-index: 400; align-content: center; justify-content: center; margin: 50px;} } @media (max-width: 768px) { #impactStats .elementor-counter .elementor-counter-number { background: white; color:#000; position: relative; top: -23px; border-radius: 50%; padding: 25px; height: 120px; width: 120px; font-size: 45px; display: flex; justify-content: center; align-items: center;} #impactStats #impactStatsRow .elementor-counter-title {margin:0 0 25px 0;} #impactStats > div {padding:35px 15px;} .woocommerce .gaboost p img {float: none; padding: 0 0 30px 0px;} .woocommerce .gaboost p { font-size: 17px; line-height: 28px; display: flex; flex-wrap: wrap;} #donationForm form h1 {margin:25px 10px;} #donationForm form .col-md-4, #donationForm form .col-md-12 {width:100%; margin:0 0 11px 0; float:none;} #donationForm form input, #donationForm form select, #donationForm form textarea, #donationForm form select, .inputFix, #donationForm form #AddressSearch {width:100%;} #donationForm form .row {margin:0;} #donationForm form .commsgroup div {display:inline-block;} #donationForm form .commsgroup div span:last-child {text-align:left;} #donationForm form .row.halves, .row.paymentFields {display:inline-block!important;} #donationForm form .giftaid .col-md-12, .paymentFieldsinner {width:100%;} #donationForm form section.payment-details .paymentFieldsinner {width:100%;} #spaceOptions .elementor-column-wrap section h4 {min-height:unset;} #thankYou {padding:0;} #thankYou .elementor-image {text-align:center;} #thankYou .elementor-image img {max-width:400px;} #thankYou h2 {left:30px; top:-120px;} #thankYou .confetti {left:20px; top:-190px;} .columnStyle .elementor-column:last-child {min-height:300px;} #appeal .centreImage {width:310px} #appeal .centreImage span {left:30px; bottom:10px;} #appeal .appealColumns .appealColumnsLeft, #appealEcho.appealColumns .appealColumnsLeft {background-position:center top!important;} .woocommerce.background-img-none {background-image: none !important;} .customShop.trafficBanner .elementor-column .elementor-column:last-child { overflow: visible; position:static;} .customShop.trafficBanner .elementor-widget-wrap .elementor-column:last-child .elementor-widget-wrap{transform: unset;position:static;} .customColumnBanner, .customColumnBanner img { border-top-right-radius: 8px !important; border-bottom-left-radius: 0px !important;} .customShop.trafficBanner.trafficKatKin .imageBumpColumn img { left: -50px;} .customShop.trafficBanner.trafficKatKin .imageBumpColumn { padding: 0px;} .customShop.trafficPawsForThought { background-size: 116%!important; background-position: right 410% center !important;} .customShop .pawsCol1 .elementor-element:first-child { padding: 0;} .customShop .pawsCol1 .elementor-element {padding:0 0 0 50px; max-width: unset!Important;} .customShop.trafficPawsForThought { background-size: 100% !important; background-position: center top !important; padding: 200px 0 0 0px;} .customShop.trafficPawsForThought > .elementor-container {background:#FE5000;} .woocommerce #cartDonation img {height:200px; width:200px; position: absolute; top: -40px; transform: rotate(-4deg); left:-30px; border: 10px solid #ffffff; min-height: 200px; min-width: 200px;} .woocommerce #cartDonation > div:first-child {width:100%;} .woocommerce #cartDonation > div:first-child {width: 25%;} .woocommerce #cartDonation > div:last-child {width: 75%; padding: 0 0% 0 10%;} .woocommerce #cartDonation h2 { font-size: 33px; line-height: 31px;} .woocommerce #cartDonation .buttonset ul li, .woocommerce #cartDonation .buttonset a { padding: 0.2em 0.5em 0.2em 0.5em;} .woocommerce #cartDonation .buttonset { max-width: unset; margin: 0 auto; width: unset;} #lotterySelector section .elementor-column { margin: 0 0 45px 0;} .lotteryDesc .elementor-section .elementor-container { flex-wrap: nowrap;} .lotteryDesc .elementor-widget-wrap {padding:0!important;} .lotteryBlurb .elementor-container { display: block!important;} .palliativeIntro img{ max-width:50%!important; margin: -80px 0 0 0;} .palliativeIntro .elementor-container > div:first-child { order: 2; text-align: center;} #palliative #palliativeInner #palliativePosts .palliativeBlock .elementor-section { max-width: 600px; margin: 0 auto;} #fundraising-events-content .elementor-column:last-child{order:1;} #fundraising-events-content .elementor-column:first-child { order: 2;} #fundraising-range .dynamicprice li {width:100%;} #properFooter .spon_news { flex-flow: column wrap;} #properFooter .spon_news > div { padding: 0 3%; width:100%;} #properFooter .spon_news > div .elementor-button{ width:100%;} #properFooter .footerLinks .elementor-widget-wrap { gap: 30px;justify-content: space-between; margin-top:30px;} #properFooter .footerLinks .elementor-47411 .elementor-element.elementor-element-2157d9d, #properFooter .footerLinks .elementor-47411 .elementor-element.elementor-element-589a0ec {text-align: center;width: 44%} #properFooter .footerLinks .elementor-47411 .elementor-element.elementor-element-2157d9d img, #properFooter .footerLinks .elementor-47411 .elementor-element.elementor-element-589a0ec img{width: 100%} #properFooter .footerLinks .elementor-column {padding: 0;} #properFooter .footerFinal ul {text-align: left;padding-left: 0;} #properFooter .footerFinal li {padding-left: 0px;} .catpngbuttons div, .dogpngbuttons div, .catpngcolumn div, .dogpngcolumn div { text-align: center;} .catpngbuttons > div, .dogpngbuttons > div { padding: 0 5% 40px !important;} .catpngcolumn h2, .dogpngcolumn h2{margin: 0 0 31px 0 !important;} .houseBox div {background-image:none!important;} .catpngcolumn > div, .dogpngcolumn > div { padding: 40px 40px 50px 40px !important;} .catpng { max-width: 80px !important; left: -39px !important;} .dogpng { max-width: 100px !important; right: -44px !important;} .visitShop h2 { font-size: 34px !important; line-height: 32px !important;} .catspage.catspage_adopt img {width: 25%; transform: scaleX(-1);} .catspage.catspage_adopt .elementor-widget-image {text-align:right!important;} .catspage.catspage_adopt .catspage_adopt_img {position:absolute;} .catspage.catspage_adopt .catspage_adopt_text {width:75%;} .catspage.catspage_homes .catspage_homes_img {background:#ffffff;} .catspage.catspage_homes .availableCats .elementor-loop-container {display:inline;} .catspage.catspage_homes .availableCats h3{padding: 0 12px 0 0; width: fit-content;} .catspage.catspage_homes .availableCats .elementor-loop-container .e-loop-item { width: fit-content; float: left;} .catspage.catspage_homes .availableCats, .catspage.catspage_homes .availableCats+div { width: fit-content; float: left;} .catspage.catspage_homes .availableCats .elementor-element .elementor-widget-container { width: fit-content;} .availableCats .elementor-loop-container { grid-template-columns: repeat(4, 1fr)!important;} .textFormDonateForm figure { width: 260px; top: 70px; z-index: 500; position: relative; right: -280px;} .textFormDonate .elementor-container .elementor-column { width: 100%;} .textFormDonateForm figure { width: 260px; top: 40px; z-index: 500; position: relative; left: 60%; transform: translate(-10%, 0);} .aboutpage.centreBanner { padding: 270px 20px 20px 20px !important;} .aboutpage.centreBanner .elementor-widget-wrap.elementor-element-populated { padding: 30px;} .textFormDonate .elementor-container .elementor-column {width: 97%; } .explorers .elementor-inner-section .elementor-container > div { flex: 0 0 33%;} .explorers .elementor-inner-section .elementor-container > div:first-child { display: inline; } .explorers > .elementor-widget-wrap > div:last-child { padding: 0 0 0 21%; } .aboutpage.centreBanner.lostAnimals .elementor-widget-wrap.elementor-element-populated {padding:10px;} .aboutpage.centreBanner.lostAnimals { background-position: center top !important; background-size: 100% !important; padding: 400px 0 0 0 !important;} .aboutpage.centreBanner.lostAnimals .elementor-widget-wrap.elementor-element-populated img { width: 50px;} .explorers .elementor-inner-section .elementor-container > div:first-child { flex: 0 0 20%;} .event-filters ul li { flex: 0 0 50%;} #eventsFeed { padding: 30px 0 ; margin: 0 ;} .photobacked.clippedRight section, .photobacked.clippedLeft section { padding: 285px 0 0px 0;} .photobacked.clippedRight section > div .elementor-column:last-child , .photobacked.clippedLeft section > div .elementor-column:first-child { max-width: unset; padding: 0;} .photobacked.clippedRight section, .photobacked.clippedLeft section { background-size: 100%;} .assetbacked.setLeft, .assetbacked.setRight {background-size:75%;} .assetbacked .elementor-column { width: 100% !important; height: auto;} .assetbacked.setLeft .elementor-column:first-child .elementor-widget-wrap, .assetbacked.setRight .elementor-column:last-child .elementor-widget-wrap { background-color: rgba(255, 255, 255, 0.8) !important;} #spaceOptions .e-con-inner > div{ flex: 0 0 100%;} } @media (max-width: 610px) { #dfy .donateFrame .donateRight li {display:inline-block; text-align:center!important; width:100%;} #dfy .donateControl .donateFrame .donateRight li span {display:inline-block;} #dfy .donateControl .donateFrame .donateRight li span span {margin:0;} #dfy {margin:0;} #dfy .donateControl {max-width:95%;} #appeal .donateControl li.option, #appealEcho .donateControl li.option {display:block; margin:0 0 12px 0;} #appeal .donateControl li.option > span, #appealEcho .donateControl li.option > span {display:block;} #appeal .donateRight .options, #appealEcho .donateRight .options {max-width:340px;} #appeal .donateControl li.option.active:after, #appealEcho .donateControl li.option.active:after {right:-34px;} #appeal .donateControl li.option, #appealEcho .donateControl li.option {max-width:280px;} #appeal .donateControl, #appealEcho .donateControl {width:100%;} #appeal .appealColumns .appealColumnsLeft, #appealEcho.appealColumns .appealColumnsLeft {padding:50px 20px;} #appeal .donateControl, #appealEcho .donateControl {max-width:390px;} #appeal .centreImage {width:100%;} #appeal .appealColumns, #appealEcho.appealColumns {display:inline-block;} #appealEcho .donateMainImage { text-align: right; width: 75%; margin: 0 auto;} #appeal .donateRightHeader img, #appealEcho .donateRightHeader img {max-width:38px;} #appeal li.customSelect, #appealEcho li.customSelect {display:inline-block;} #appeal .controlsRow li button, #appealEcho .controlsRow li button {margin:12px 0px!important;} .woocommerce #cartDonation { display: block;} .woocommerce #cartDonation > div {width:100%!important; padding:0!important;} .woocommerce #cartDonation img {position:static; margin: -32px 0 20px 0;} .assetbacked.setLeft, .assetbacked.setRight { padding: 195px 45px 45px 45px;} .assetbacked.setLeft, .assetbacked.setRight { background-size: 100%; margin: 0; background-position: center top; } .assetbacked.setLeft .elementor-column:first-child .elementor-widget-wrap, .assetbacked.setRight .elementor-column:last-child .elementor-widget-wrap {margin: 110px 0 0 0;} } @media screen and (max-width: 550px) { #donationForm form .giftaid .col-md-12 {width:100%;} #donationForm form small {padding:30px 0 0 0;} #donationForm form .col-md-4 {width:100%; float:none;} #donationForm form input, #donationForm form select, #donationForm form textarea, #donationForm form select, .inputFix {width:100%;} #donationForm form section.payment-details .paymentFieldsinner {width:100%;} #dfy .controlsRow #customAmount {width:120px;} #donationForm form .commsgroup {display:inline-block;} #dfy .donateControl .donateFrame .donateRight .descriptions li span {line-height:38px;} #donationForm form .commsgroup div span {width:80%!important;} #appeal #featureBox .feature_box_call_to_action {font-size:29px; padding:12px 0;} #appeal .donateControl li.option, #appealEcho .donateControl li.option {max-width:94%;} #appeal .donateRightHeader img, #appealEcho .donateRightHeader img {display:none;} #appeal .donateRightHeader h3, #appealEcho .donateRightHeader h3 {color:#FE5000; font-size:31px; font-weight:800; line-height:34px; margin:11px 0 8px 0;} #appeal #featureBox .feature_box_image {width:70%;} #appeal #featureBox .featureImageImg {padding:0; border:6px solid #ffffff;} #appeal #featureBox h3 {padding:25px 0 0;} #feature_box_image_2 .featureImageImg {transform:rotate(4deg); margin:0 35px 0 0;} #feature_box_image_1 .featureImageImg {transform:rotate(-4deg); margin:0 0 0 35px;} #properHeader #properNav ul li.menu-item-has-children > a {width:calc(100% - 60px);} #properHeader #properNav ul > li.menu-item-has-children:before, #properHeader #properNav ul li a:before {right:22.5px;} #wishlist-price-filter ul li { display: inline-block; width: 48%;} #compatibilityKey ul {display:inline;} #compatibilityKey ul svg {transform: scale(0.7);} .palliativeIntro img{ max-width:80%!important;} .externalGivingItem .elementor-container .elementor-column:first-child {width:100%;} .externalGivingItem .elementor-container .elementor-column:last-child {width:100%; margin: 0 0 35px;} .externalGivingItem .elementor-container { display: inline; flex-wrap: unset;} .externalGivingItem .elementor-container .elementor-column div {display:inline;} #fundraising-range .dynamicprice li.active { display: inline;} #fundraising-range .dynamicprice li img {max-width: 130px;} .aboutpage.endLinks .elementor-column > div, .aboutpage.endLinks .elementor-column > div div { display: inline-block;} .aboutpage.endLinks > div div { margin: 12px auto 6px auto; } .aboutpage.endLinks .elementor-column > div div:first-child img { width: 100%;} .event-filters ul {flex-wrap:wrap;} #eventsFeed > div , .event-filters ul li { flex: 0 0 100%; margin: 0 0 20px 0;} .event-filters ul li {padding:0;} #DualAppeal #appealEcho.appealColumns.design2 .donateControl { margin: 0 auto!important;} #DualAppeal #appealEcho.appealColumns.design2 .appealColumnsLeft { margin: 160px 0;} #DualAppeal #appealEcho.appealColumns.design2 .doubleImage.diOne, #DualAppeal #appealEcho.appealColumns.design2 .doubleImage.diTwo { bottom: unset; left: 50%; position: absolute; max-width: 190px; top: -200px; right: unset; transform: translate(-50%, 0%); } } @media screen and (min-width: 1500px) { #compatibilityKey { z-index: 500; width:250px!important; border: 16px solid #ffffff; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, .1); padding: 15px; background: #fff; border-radius: 10px; left: -30px;} #compatibilityKey ul { display: inline;} #compatibilityKey ul li { font-size: 14px; padding: 0;} #compatibilityKey div { padding: 0;} } @media screen and (max-width: 1500px) { #animalLoop .elementor-container { display: inline;} #compatibilityKey.fixed, #compatibilityKey { position: static;} .borderedTextImage { margin: 10px 0 0 0;} .borderedTextImage section .elementor-container > div:first-child { background: #ffffff;} } @media screen and (max-width: 767px) { .reverse-row-mobile > .elementor-container {flex-direction: column-reverse;} .aboutpage.meetTeam .elementor-column { padding: 0 20px 40px 20px;} .textFormDonateForm figure {left: 40%;} } @media screen and (max-width: 460px) { #dfy .donateControl .donateFrame .donateRight li span {line-height:unset; font-size:calc(20px + (30 - 21) * ((100vw - 768px) / (1600 - 768)));} #dfy .donateFrame .donateRight li.option {padding:1em 1em 0.5em 1em;} #dfy .controlsRow #customAmount {margin:0!important;} #dfy .controlsRow .customSelect span {width:50%; margin:0 auto;} #dfy .controlRow #customAmount {width:130px;} #dfy .donateControl .donateFrame .donateRight ul.options {display:block;} #dfy .donateControl .donateFrame .donateRight ul.options li {margin:12px 0;} #dfy .donateControl .donateFrame.active .donateLeft li img {max-width:340px;} #appeal .centreImage span {left:-20px; bottom:-40px;} #properHeader #menu-latest-menu {top:90px} #properHeader a.donate-button {padding:5px 10px 4px 10px; font-size:18px} #properHeader #logo {max-width:90px;} #properHeader #logo img {max-width:70px;} #properHeader #logo span {display:none;} #properHeader #properNav ul ul li a {padding:8px 15px} #properHeader a.donate-button:before {display:none;} #properHeader a.donate-button:after {display:none;} #properHeader a.giftaid { right: 91px; top: 34px;} #properHeader a.giftaid svg { max-height: 21px;} .aboutpage.centreBanner .elementor-widget-wrap.elementor-element-populated { padding: 0px;} .textFormDonateForm figure { width: 240px;} .textFormDonateText figure { position: relative; left: 0px; width: 240px;} .textFormDonateText figcaption { right: -50px; height: 100px; width: 100px; font-size: 16px;} .textFormDonateForm figure {position:static;} .textFormDonateForm figcaption {right: unset; left:190px; height: 100px; width: 100px; font-size: 16px; } #dfy.mini .controls li {padding: .1em 1em .1em 1em;} #dfy.mini .donateFrame .donateRight li.active:after {top: 21px;} #dfy.mini .donateFrame .donateRight li { display: inline-block;} #dfy.mini .donateControl .donateFrame li.option p { text-align: center; margin: 6px 0;} #dfy.mini .donateFrame .donateRight li.active:after{margin: 0 auto; position:static;} #dfy.mini .donateControl .donateFrame .donateRight ul.options li { margin: 0; } #dfy.mini .textFormDonateForm { margin: 120px 0 0 0 !important;} .explorers .elementor-inner-section .elementor-container > div { flex: 0 0 100%;} .explorers .elementor-inner-section .elementor-container > div:first-child { display: none; } .explorers > .elementor-widget-wrap > div:last-child { padding: 10px; } .aboutpage.centreBanner.lostAnimals .elementor-widget-wrap.elementor-element-populated {padding:10px;} .aboutpage.centreBanner.lostAnimals { background-position: center top !important; background-size: 100% !important; padding: 230px 0 0 0 !important;} .explorers .elementor-inner-section .elementor-container > div:first-child { flex: 0 0 100%;} #DualAppeal .doubleImage.diOne, #DualAppeal .doubleImage.diTwo {max-width:170px; } .assetbacked.setLeft .elementor-column:first-child .elementor-widget-wrap, .assetbacked.setRight .elementor-column:last-child .elementor-widget-wrap { margin: 30px 0 0 0; } .assetbacked.setLeft, .assetbacked.setRight { padding: 195px 15px 0px 15px; } @keyframes twirl-in1 { 0% { opacity: 0; position: absolute; right: -40%; top: 20%; transform: translateY(-25%) rotate(-35deg) scale(0.7); } 100% { opacity: 1; position: absolute; right: -40%; top: 20%; transform: translateY(-25%) rotate(0deg) scale(0.7); } } @keyframes twirl-in2 { 0% { opacity: 0; position: absolute; left: 20%; top: 15%; transform: translate(-25% , -24%) rotate(-35deg) scale(0.7); } 100% { opacity: 1; position: absolute; left: 20%; top: 15%; transform: translate(-25% , -24%) rotate(0deg) scale(0.7); } } } @media screen and (max-width: 359px) { #properHeader #logo img {max-width:114px;} #properHeader #logo span {font-size:8px} #properHeader #menu-latest-menu {top:78px} #properHeader a.donate-button {padding:5px 8px 4px 8px; font-size:15px;} } .events-month-filter { display: flex; flex-flow: wrap; gap: 10px 0px; list-style: none; padding-left: 0;} .events-month-filter .events-mobth-filter--month { padding: 0 25px; border-left: 3px solid #000;} .calendarcontrols > div > .elementor-column:first-child > div { padding: 0;} .events-month-filter .events-mobth-filter--month:first-child { padding-left: 0px; border-left: 0; } .events-month-filter .events-mobth-filter--month a { color: var(--e-global-color-2e76fb8); font-family: "BenchNine", Sans-serif; font-size: 24px; font-weight: bold; line-height: 32px; } @media screen and (max-width: 767px) { .events-month-filter { justify-content: center; } } .two-col-100-height .elementor-widget-container { height: 100%; } #billing_state_field.view-required abbr {display: inline-block !important;}