@charset "utf-8"; /* CSS Document */ /* HTML5 */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; } /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, b, i, q, s, strong, em, big, small, strike, sub, sup, samp, ins, kbd, dl, dt, dd, tt, ol, ul, li, img, hr, var, center, cite, code, del, dfn, abbr, acronym, address, blockquote, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } a { text-decoration: none; } a:hover { text-decoration: underline; } a:focus, a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } em { font-style: italic; } strong { font-weight: bold; } ol, ul { list-style-type: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } table .btn { margin: 0; } td { vertical-align: top; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } input, select, textarea { font-size: 1em; box-sizing: border-box; vertical-align: baseline; } textarea { overflow: auto; resize: vertical; vertical-align: top; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; outline: none; } button, input { line-height: normal; } select { padding-right: 50px !important; background: url(/images/reskin/ddl.png) no-repeat center right #fff; } .clearfix:after, header[role="banner"]:after { height: 0; clear: both; content: "."; display: block; line-height: 0; visibility: hidden; } .clearFloat { height: 0; clear: both; overflow: hidden; } .clear { clear:both; } /* -------------------------------------------------------------------------------------------------------------------- *\ START MAIN STYLESHEET \* -------------------------------------------------------------------------------------------------------------------- */ body { /*color: #808285;*/ color: #58585a; text-size-adjust: none; cursor: default !important; -webkit-text-size-adjust: none; font: .82em/1.6em Tahoma, Geneva, sans-serif; } /* ----------------- *\ HEADINGS / TYPE \* ----------------- */ @font-face { font-family: 'barmenoregular'; src: url('/scripts/fonts/barmeno_medium-webfont.eot'); src: url('/scripts/fonts/barmeno_medium-webfont.eot?#iefix') format('embedded-opentype'), url('/scripts/fonts/barmeno_medium-webfont.woff2') format('woff2'), url('/scripts/fonts/barmeno_medium-webfont.woff') format('woff'), url('/scripts/fonts/barmeno_medium-webfont.ttf') format('truetype'), url('/scripts/fonts/barmeno_medium-webfont.svg#barmenoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'rabioheadregular'; src: url('rabiohead-webfont.eot'); src: url('/scripts/fonts/rabiohead-webfont.eot?#iefix') format('embedded-opentype'), url('/scripts/fonts/rabiohead-webfont.woff2') format('woff2'), url('/scripts/fonts/rabiohead-webfont.woff') format('woff'), url('/scripts/fonts/rabiohead-webfont.ttf') format('truetype'), url('/scripts/fonts/rabiohead-webfont.svg#rabioheadregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'catsprotection'; src: url('/scripts/fonts/catsprotection.eot'); src: url('/scripts/fonts/catsprotection.eot?#iefix') format('embedded-opentype'), url('/scripts/fonts/catsprotection.woff2') format('woff2'), url('/scripts/fonts/catsprotection.woff') format('woff'), url('/scripts/fonts/catsprotection.ttf') format('truetype'), url('/scripts/fonts/catsprotection.svg#catsprotection') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'catsprotection'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format('truetype'); font-weight: normal; font-style: normal; } [class^="ic-"]:before, [class*="ic-"]:before, .HYCH a:before { font-family: 'catsprotection'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ic-menu:before { content: "\e907"; } .ic-close:before { content: "\e06"; } .ic-search:before { content: "\e09"; } .ic-about:before, .ic-info:before { content: "\e30"; } .ic-adoption:before { content: "\e30a"; } .ic-blog:before, a.subfriends:before { content: "\e30b"; } .ic-contact:before, .ic-phone:before, a.subcontact:before { content: "\e30c"; } .ic-donate:before, a.subdonate:before { content: "\e30d"; } .ic-find:before { content: "\e30e"; } .ic-find-a-cat:before, a.subcat:before { content: "\e30f"; } .ic-friends:before, a.subfoster:before { content: "\e40"; } .ic-fundraise:before, a.subfundraise:before { content: "\e40a"; } .ic-gift:before, a.sublegacy:before { content: "\e40b"; } .ic-member:before, a.submember:before { content: "\e40c"; } .ic-neutering:before { content: "\e40d"; } .ic-sponsor:before, a.subcabin:before { content: "\e40e"; } .ic-volunteer:before, a.subvolunteer:before { content: "\e40f"; } .ic-arrowUp:before { content: "\e0a"; } .ic-arrowRight:before { content: "\e0b"; } .ic-arrowDown:before { content: "\e0c"; } .ic-arrowLeft:before { content: "\e0d"; } .ic-basket:before { content: "\e10"; } .ic-document:before { content: "\e11"; } .ic-cat:before { content: "\e10a"; } .ic-children:before { content: "\e10b"; } .ic-dog:before { content: "\e10c"; } .ic-family:before { content: "\e10d"; } .ic-house:before { content: "\e10e"; } .ic-cat-head:before { content: "\e10f"; } .ic-share:before { content: "\e900"; } .ic-calendar:before { content: "\e901"; } .ic-leftquotes:before { content: "\e902"; } .ic-listview:before { content: "\e903"; } .ic-mapwithpin:before { content: "\e904"; } .ic-video:before { content: "\e905"; } .ic-bubbles:before { content: "\e600"; } .ic-instagram:before { content: "\e20f"; } .ic-pinterest:before { content: "\e20e"; } .ic-youtube:before { content: "\e20d"; } .ic-linkedin:before { content: "\e20c"; } .ic-google:before { content: "\e20b"; } .ic-twitter:before { content: "\e20a"; } .ic-facebook:before { content: "\e20"; } .ic-minus:before { content: "\e08"; } .ic-plus:before { content: "\e07"; } .ic-minus2:before { content: "\e0e"; } .ic-plus2:before { content: "\e0f"; } .ic-locked:before { content: "\e906"; } .ic-favourite:before { content: "\e909"; } .ic-settings:before { content: "\e90a"; } .ic-edit:before { content: "\e908"; } .ic-email:before { content: "\e41"; } h1, h2 { font-size: 1.3em; padding-bottom: .5em; font: bold 2.3em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; } h1, .feed h3 { clear: both; /*font-size: 1.6em; line-height: 1.3; padding-bottom: .8em;*/ } h2, h3, h4, h5, h6 { padding-bottom: .5em; } h2 { font-size: 1.5em; } h3 { font-size: 1.2em; } h4, h5, h6 { font-weight: bold; font-size: 1.1em; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: block; font-size: .85em; } h1 i { float: right; font-size: .85em; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; } article section h2/*, article section h3, article section h4*/ { font: normal 1.2em Tahoma, Geneva, sans-serif; } h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, p:empty, p strong:empty { display: none; } p { padding-bottom: 1.5em; word-wrap: break-word; } p strong { font-size: 1.1em; } p a { font-weight: bold; } h1 .reserved { border: 2px solid #ff0000; color: #ff0000; padding: 3px; font-weight: bold; margin-left: 10px; display: inline; } /* ----------------- *\ TYPE LINKS \* ----------------- */ a { color: #00bbee; word-wrap: break-word; text-decoration: none; } a:hover { color: #00bbee; text-decoration: underline; } /* ----------------- *\ LISTS \* ----------------- */ dl, ol, ul { padding: 0; } ol { padding-left: 1.5em; list-style-type: decimal; } dl { overflow: hidden; margin-bottom: 1em; } dl hr { margin: 0; } dt, dd { width: 62%; float: left; padding: .5em 0; } dt { width: 36%; font-weight: bold; } dd { padding-left: 2%; } /* ----------------- *\ FORM INPUT/TEXTAREA \* ----------------- */ input, select, textarea { width: 100%; height: 45px; color: #535353; border-radius: 0; padding: 1em .8em; box-sizing: border-box; border: 1px solid #d1d2d4; font: 1em/1 "Trebuchet MS", Tahoma, Geneva, sans-serif; } textarea { height: 145px; } input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], select, textarea { appearance: none; -moz-appearance: none; text-overflow: ''; text-indent: 0.01px; } select { padding-right: 50px; background: url(/images/ddl.png) no-repeat center right #fff; } select::-ms-expand { display: none; } /* ie10*/ .hasDatepicker + img { cursor: pointer; display: inline-block; vertical-align: middle; } input:focus, select:focus, textarea:focus { outline: none; border: 1px solid #00bbee; } input:focus, textarea:focus { transition: linear all 1s; } input[type="submit"] { width: auto; cursor: pointer; } input[type="radio"], input[type="checkbox"] { border: 0; float: left; height: auto; min-width: 0; margin: .4em .5em 0 0; vertical-align: sub; width: auto !important; padding: 0; clear: left; } label { display: block; padding-bottom: .6em; } .form label.full { width: 100%; } .otherInput { width:188px; } .form fieldset > span.rbl-left { float:inherit; color:inherit; } /* ----------------- *\ IMAGES & IFRAMES \* ----------------- */ img.left { float: left !important; margin: .3em 1em .5em 0 !important; } img.right { float: right !important; margin: .3em 0 .5em 1em !important; } iframe { border: 0; /*width: 100%;*/ margin-bottom: 1.2em; box-sizing: border-box; } .iframe { height: 0; width: 100%; clear: both; max-width: 650px; overflow: hidden; position: relative; margin: 0 auto 1.6em; padding-bottom: 41.7%; } .iframe iframe { top:0; left: 0; width: 100%; height: 100%; position: absolute; } /* ----------------- *\ MISC \* ----------------- */ ::selection { background: #00bbee; color: #fff; text-shadow: none; } hr { height: 0; clear: both; display: block; margin: 1em 0 2em; border-top: 1px solid rgba(0,0,0,.1); } .mShow { display: none; } .mHide {} .shareaholic-cookie-consent { top: auto !important; bottom: 0; } .shareaholic-cookie-consent .shareaholic-button-set .shareaholic-accept-button { background: #00bbee !important; } .catImgL img { max-width: 300px; } /* -------------------------------- *\ WRAPPERS \* -------------------------------- */ .uber { width: 100%; height: 100%; overflow: hidden; position: relative; } .outerWrapper { max-width: 1200px; padding: 1.2em; margin: 0 auto; display:block; } /* -------------------------------- *\ HEADER \* -------------------------------- */ header[role="banner"] { position: relative; margin-bottom: 1.2em; } .ic-menu { height: 60px; float: right; display: none; color: #fcc926; cursor: pointer; font-size: 3.3em; margin-top: 1.8%; text-align: center; position: relative; } .ic-menu a { color: inherit; display: block; font-size: .32em; } .ic-menu a:hover { text-decoration: none; } .sidr-open .ic-menu:before { content: "\e06"; } .logo { float: left; width: 14.5%; } .logo img { display: block; max-width: 100%; min-width: 100px; } header .quicklinks { overflow: hidden; min-height: 43px; margin-bottom: 1em; } .quicklinks fieldset { width: 50%; padding: 0; float: right; text-align: right; } .quicklinks input, .quicklinks select { width: 33%; height: 43px; margin-left: 2%; padding-left: .8em; } .quicklinks .btn { float: right; margin: 0 0 0 1em; } header figure { color: #fff; float: right; width: 85.2%; overflow: hidden; /*background: #000;*/ max-height: 107px; position: relative; } header figure img { max-width: 103%; display: block; } header figure.sponsor:before { bottom: 0; width: 100%; height: 30px; content: ""; position: absolute; background: linear-gradient(to top, rgba(54,54,54,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363636', endColorstr='#00363636',GradientType=0 ); } header figure figcaption, header figure span { width: 40%; left: 1em; bottom: 1em; position: absolute; font: 1.2em Tahoma, Geneva, sans-serif } header figure span { top: 1em; bottom: auto; } header figure p { padding: 0; } header figure .btns { right: .75em; /*bottom: 12.5%;*/ font-size: 1.1em; position: absolute; top:50%; transform:translateY(-50%); width:310px } header figure .btn { margin: 0; clear: both; float: right; } header figure .btn:first-child { background-color: #fff; } header figure .btn:only-child { top: 0; right: 0; margin-top: .25em; position: absolute; background-color: #fcc926; } header figure .btn + .btn { margin-top:.5em; margin-left: 0 !important; } figure .btn a { padding: .5em 1.2em; } header figcaption { bottom: 4%; right: -1.3em; position: absolute; text-shadow: 0 0 4px #000; } header figcaption h2 { position: absolute; left: -999em; top: -999em; } header figcaption.lottery:before { content: none; } .sideNav { display: none; } .sidr li a:before { margin-right: .2em; vertical-align: middle; font: 2em "catsprotection" } .sidr li a[title*="Sponsor"]:before { content: "\e40e"; } .sidr li a[title*="Donate"]:before { content: "\e40a"; } .sidr { top: 0; width: 260px; height: 100%; z-index: 999; right: -260px; display: none; position: fixed; overflow-y: auto; font-size: 1.25em; background: #58585a; padding: .5em 0 1em; box-sizing: border-box; } /*.sidr [class*="btn"] { bottom: 0; width: 220px; font-size: .9em; margin-top: .2em; background: #fff; position: absolute; } .sidr [class*="btn"] a { padding: .4em .8em; }*/ .sidr ul li { padding: 0 1em; border-top: 1px solid rgba(255,255,255,.2); } .sidr-inner > ul > li:first-child { border: 0; } /*.sidr ul ul li { border-top-color: rgba(250,250,250,.2); }*/ .sidr li a { color: #fff; display: block; padding: .8em 0; } .sidr li a:hover { text-decoration: none; } .sidr li ul li { font-size: .8em; } .sidr li ul a { padding-left: 1em; } .sidr-inner .nav > li > a { font-weight: bold; } /*.sidr-inner li div,*/ .sidr-inner .dropDown { display: none; } .sidr-inner .parent { display: block; } .sidr-inner .parent > a { display: inline-block; } .sidr-inner .parent:before { color: #fff; float: right; content: "\e0b"; margin-top: 1.5em; font: .6em/2 "catsprotection"; } .sidr-inner .parent.active:before { content: "\e0c"; } .sidr-inner .parent:only-child:before { display: none; } .sidr-inner .parent:only-child a { display: block; } .sidr .quicklinks { padding: 0 1em 1em; border-bottom: 1px solid rgba(255,255,255,.2); } .sidr-class-btn { font-size: .85em; margin-left: 1em !important; } /* ----------------- *\ MAIN NAVIGATION \* ----------------- */ .mainNav { clear: both; overflow: hidden; font-size: 1.15em; text-align: center; } .mainNav > ul { width: 100%; padding: 1em 0 0; display: table; } .mainNav > ul > li { width: 14.2%; display: table-cell; background: #363636; box-sizing: border-box; border-left: 7px solid #fff; } .mainNav li:first-child { margin: 0; border: 0; width: 170px; } .mainNav ul li:hover, .mainNav ul .current { color: #363636; background: #d9dada; text-decoration: underline; } .mainNav ul li:hover a { color: #363636;} .mainNav > ul.branch > li { width: auto; } .mainNav > ul > li > a, .mainNav > ul > li > .parent > a { color: #fff; display: block; padding: .8em .5em; transition: ease-in-out all .3s; } .mainNav li a:hover { text-decoration: none; } /*hide contact on desktop, show on mobile 680px only*/ .nav:not(.branch) > li:last-child { display: none; } /* --------------- *\ DROP DOWN \* --------------- */ html[xmlns] .mainNav ul { display: block; } .mainNav ul li:hover > .dropDown { z-index: 99999; visibility: visible; } .mainNav .dropDown { left: 0; width: 100%; z-index: -1; color: #555555; text-align: left; overflow: hidden; position: absolute; background: #d9dada; padding: 1em 1.2em; box-sizing: border-box; visibility: hidden; } .mainNav .dropDown li a { color: #555555 !important; } .mainNav .dropDown > div { width: 20%; float: left; padding: 0 1.2em; box-sizing: border-box; border-left: 1px solid #cacbcb; } .mainNav .dropDown > div:first-child { border-left: 0; padding-left: 0; } .mainNav .dropDown > div:last-of-type { float: right; padding-right: 0; } .mainNav .dropDown ul li { padding: .3em 0; } .mainNav .dropDown a.btn { color: #fff; width: 100%; min-width: 0; margin: .5em 0; transition: none; font-size: 1.1em; font-weight: bold; box-sizing: border-box; background-color: #b2b2b2; } .mainNav .dropDown .btn:hover { background-color: #00bbee; } .mainNav .dropDown .btn:before { font-size: 2.2em; } .mainNav .dropDown .btn[href*="donate"]:before { content: "\e30d"; } .mainNav .dropDown .btn[href*="sponsor"]:before { content: "\e40e"; } .mainNav .dropDown .btn[href*="legacy"]:before { content: "\e40b"; font-size: 2.6em; right: .6rem; } .mainNav h4 { font-size: 1.1em; padding-bottom: .8em; } .mainNav h4 a { color: inherit; } /* -------------------------------- *\ BANNER / GALLERYS \* -------------------------------- */ .loading .banner { opacity: 0; } .banner { z-index: 0; overflow: hidden; max-height: 400px; position: relative; margin-bottom: 1.2em; background: #58585a; } .banner .slick-next, .banner .slick-prev { font-size: 1em; margin-top: -2em; } .slick-prev:before, .slick-next:before { display: block; content: "\e0d"; cursor: pointer; text-shadow: 0 0 3px #000; font: 4.2em "catsprotection"; } .slick-next:before { content: "\e0b"; } .slick-slider button span { display: block; text-indent: -999em; } .banner.branch .direction-nav { display: none; } .banner img { display: block; width: 100%; } .banner figure { position: relative; min-height: 320px; float: left; width: 100%; background: url(/images/loaderHomepageBanner.gif) center center no-repeat;} .banner a { float: left; } .banner a:hover { text-decoration: none; } .banner figcaption { top: 0; bottom: 0; right: 8.5em; top: 18%; width: 40%; color: #fff; font-size: .9em; text-align: right; position: absolute; } .banner figure figcaption .btn { right: -5em; bottom: 2em; font-size: 1.2em; position: absolute; padding: 1.5em 4.5em 1.5em 1.5em; } .banner figure figcaption .btn:before { right: 1em; position: absolute; } .banner h4 { text-shadow: 1px 1px 4px rgba(0,0,0,.35); font: 2.8em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; } a.disabled { display: none; } .banner .prev:before, .banner .next:before { float: left; content: "\e0b"; font: 4.5em "catsprotection"; } .banner .next:before { float: right; content: "\e0b"; } .prev span, .next span { top: -999em; left: -999em; position: absolute; } .slick-dots { padding: 0; z-index: 2; width: 100%; z-index: 9999; bottom: 1.2em; text-align: center; position: absolute; list-style-type: none; } .slick-dots li { margin: 0 .3em; display: inline-block; } .slick-dots li button { width: 18px; height: 18px; display: block; cursor: pointer; position: static; border-radius: 100%; text-indent: -999em; border: 2px solid #fcc926; box-shadow: 0 0 3px -1px #323232; } .slick-dots li.slick-active button { background: #fcc926; } .slideshow { max-height:470px; max-width: 500px; width: 100%; } .slideshow figure { float: left; } .banner.slideshow figcaption { width: 100%; padding: .8em .8em 0; position: static; text-align: center; } .slideshow figure figcaption .btn { display: none; } .slideshow .slick-dots { margin-bottom: .8em; position: static; } .slideshow .slick-next, .slideshow .slick-prev { font-size: .6em; margin-top: -6em; } /* -------------------------------- *\ MAIN AREA / MAIN CONTAINER / GENERAL MAIN AREA STYLES \* -------------------------------- */ main, aside, .mainContent { display: block; } /* responsive htc issue fix */ main { clear:both; overflow: hidden; padding-bottom: 1.2em; } main img { max-width: 100%; } main > section, main > span > section { clear: both; } main > section + .btn, main > span > section + .btn { margin-top: 0; min-width: 220px; } main header, footer header { color: #fff; overflow: hidden; margin-bottom: 1.2em; padding: .9em 1.6em; background-color: #58585a; } aside header > a, .boxes article header > a, footer > header a { color: inherit; display: block; padding: 1em 1.5em 1.2em; margin: -1em -1.8em -1.2em; transition: ease-in-out all .3s; } aside header > a:hover, footer > header a:hover, .boxes a:hover > article header { color: #808285; background: #d9dada; text-decoration: none; } main header a{ color: inherit; text-decoration: none; } main header a:hover { color: #fff; text-decoration: none; background: #00bbee; } header.yellow, footer header { color: inherit; background: #fcc926; } main header h1, main header h2, main header h3, main header h4, main header h5, main header h6, footer header h2, footer header h3, footer header h4, footer header h5, footer header h6 { padding: 0; font: 1.2em "Trebuchet MS", Tahoma, Geneva, sans-serif; } nav header, article header, section header, footer header { margin: -1em -1.6em 0; } main header + *, footer header + div { margin-top: 1.2em; } aside nav header + div { margin-top: 0; } nav header ~ header { margin-top: 1em; } article p:last-child { padding: 0; } article > input, article > select { margin-bottom: 1.2em; } header.collapse { position: relative; } header.collapse.show { background: #00bbee; } .collapse { cursor: pointer; } .collapse:after, header.close:after { right: 0; bottom: 0; position: absolute; color: #fff; width: 40px; height: 100%; content: "\e0A"; text-align: center; font: 1.4em/2.6 "catsprotection"; } .collapse.hide:after { content: "\e0C"; } header.close:after { cursor: pointer; content: "\e63f"; } /* ----------------- *\ SOCIAL / FEED \* ----------------- */ .shareaholic-canvas { margin: -.3em 0 -.5em; overflow: hidden; } header .shareaholic-canvas { height: 45px; float:left; width:32%; display:inline-block; margin: -.3em 0 -2.5em; } .shareaholic-canvas div.shareaholic-share-buttons-container ul.shareaholic-share-buttons { padding: 0 !important; margin:0 !important; } main .shareaholic-canvas div.shareaholic-share-buttons-container ul.shareaholic-share-buttons { margin-left: -.3em !important; } div.shareaholic-share-buttons-container, .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper { width: 100%; } main > .shareaholic-canvas { width: 100%; clear:both; margin-top: 0;} main [data-app="share_buttons"]:before { float: left; margin-top: 1em; margin-right: 1em; content: "Share this page:"; font-family: inherit; } .shareaholic-share-buttons-container.badge-counter li.shareaholic-share-button.has-shares .share-button-counter { top:-2px !important; right:-2px !important;} div.shareaholic-share-buttons-container { float: left !important;} .shareaholic-share-buttons-container li.shareaholic-share-button { display: inline-block !important; } .shareContainer iframe {margin-bottom:0;} .feed article .btn { width: 100%; } .feed article header { color: inherit; background: none; border-bottom: 1px solid #d1d2d4; } .feed article header a:hover { color: inherit; } .feed article img { float: left; width: 45px; margin: 0 1em 0 0; } .feed h6 { font-size: 1.3em; } .mainContent .feed ul { padding: 0; list-style-type: none; } .feed ul li { padding: .6em 0; border-top: 1px solid #d1d2d4; } .feed ul li:first-child { border: 0; padding-top: 0; } .feed ul li span { display: block; font-size: .85em; margin-bottom: .2em; } .feed ul li span a { color: inherit; } .feed .btn { margin: 0; } .feed i { display: block; text-align: center; } .feed header:before { z-index: -1; float: right; color: #2fc5f4; position: relative; font: 2.75em "catsprotection"; } .twitter header:before { content: "\e20a"; } .facebook header:before { content: "\e20"; color: #027dc3; } .twitter .btn a { color: #fff; background: #2fc5f4; } .facebook .btn a { color: #fff; background: #027dc3; } img.loader { float: none !important; display: block !important; margin: 0 auto .5em !important; } /* -------------------------------- *\ ASIDE \* -------------------------------- */ aside { width: 25%; float: left; } aside img { width: 100%; margin-bottom: .8em; } aside ul li img { width:20%; float:none; margin:0 0.5em 0 0; } aside ul li img + span {position: absolute; margin-top: .5em; } aside > article, aside > div, aside > nav, main > section, main > span > section, .mainContent > section, .boxes article, .feed article, footer > section, .mailing { overflow: hidden; padding: 1em 1.5em 1.5em 1.5em; margin-bottom: 1.2em; box-sizing: border-box; border: 1px solid #d1d2d4; } aside > article section { padding: 1em 0; border-top: 1px solid #efefef; } aside > article section:first-of-type { border: 0; padding-top: 0; } .buttons { padding: 0; margin-bottom: 1.2em; width:100%; float:left; } .buttons .btn, .buttons .prev { margin:0; } aside nav { padding-bottom: .5em; } aside nav header { margin-bottom: 0; } aside nav li { border-top: 1px solid #d1d2d4; } aside nav li:first-child { border: 0; } aside nav ul { padding-left: 0 !important; list-style-type: none !important; } aside ul:last-child { margin-bottom: -.5em; } aside nav li a { display: block; color: inherit; padding: 1.02em 0; } aside nav.images li a { padding: 1.02em 0 0.68em; } aside nav li a:before { float: right; content: "\e0b"; color: #fcc926; font-family: "catsprotection"; } aside nav.images li a:before { margin-top: 0.5em; } aside nav li.active > a:not(:only-child):before { content: "\e0c"; } aside nav li.active li.active > a:before { content: ""; } aside nav li a:hover, aside nav li.active > a { color: #fcc926; text-decoration: none; } aside nav li a.active { padding-bottom: 0; } aside nav li ul { border-top: 1px solid #d1d2d4; } aside nav li ul li { padding: .6em 0; } aside nav li ul li:first-child { margin-top: 0; } aside nav li ul li:last-child { margin-bottom: .7em; } aside nav li ul li a { padding: 0 0 .2em 0; } aside nav li ul li a:before { content: ""; } aside nav li ul { margin-left: 1.5em; } aside nav ul ul ul { margin-top: .5em; margin-bottom: -1.2em !important; } aside .btn { float: none; width: 100%; } .find-a-cat .btn { margin: 0; } .find-a-cat .pcChange { display: block; padding-top: 1.2em; } .pcChange:after { content: " > "; } .find-a-cat [class*="ic-"]:before { float: left; color: #d1d2d4; font-size: 2.2em; padding-right: .2em; vertical-align: middle; } .find-a-cat [class*="ic-"] label { display: inline-block !important; margin-left: 0 !important; } .find-a-cat [class*="ic-"] input[type=checkbox] { float: none; display: none; } .find-a-cat [class*="ic-"] input[type=checkbox] + label { margin-top: .4em; user-select: none; -webkit-user-select: none; position: relative; cursor: pointer; } .find-a-cat [class*="ic-"] input[type=checkbox] + label:before { content: ""; width: 1.7em; height: 1.7em; background: #fff; margin-right: .5em; display: inline-block; vertical-align: middle; border: 1px solid #d1d2d4; } .find-a-cat [class*="ic-"] input[type=checkbox]:checked + label:after { color: #00bbee; position: absolute; content: "\2713"; left: .3em; top: .05em; font-size: 1.5em; } .find-a-cat fieldset { padding-bottom: 2em; } /* -------------------------------- *\ MAIN CONTENT \* -------------------------------- */ .mainContent { width: 73%; float: right; padding-bottom: 1.2em; } .mainContent > img, .PageImageClass { float: right; display: block; margin: 0 0 .8em 1em; } .mainContent img { margin-bottom: 2em; } .mainContent img[style*="float: right"], .mainContent img[style*="float: left"] { margin-left: 1.6em !important; padding-right: 0 !important;} .mainContent img[style*="float: left"] { margin-left: 0 !important; margin-right: 1.6em !important; } .mainContent > h1 ~ p:first-of-type { font-weight: bold; } .mainContent img[src*="banner"] { width: 100% !important; float: none !important; margin: 0 0 .8em; } .mainContent ul { list-style-type: disc; padding: 0 0 1em 1.2em; } .mainContent ul li, .mainContent ol li { padding-bottom: .6em; } .mainContent > article, .results article { overflow: auto; margin-bottom: 40px; } .mainContent > section { width: 100%; margin-bottom: 1.2em; } section .boxes { margin-top: .6em; margin-bottom: -1.5em; } .results article { overflow: inherit; } .mainContent article > img { float: left; margin-right: 20px; } .mainContent figure { overflow: hidden; margin-bottom: 1em; position: relative; } .mainContent figure img, .mainContent figure img[src*="banner"] { margin: 0 !important; } .mainContent figure figcaption { right: 5%; bottom: 20%; position: absolute; } .mainContent figcaption .btn { clear: both; margin-left: 0; margin-bottom: 0; } .mainContent .margin-bottom { margin-bottom: 1em; overflow: hidden; } .mainContent blockquote, .mainContent .story { clear: both; overflow: hidden; position: relative; padding: 1.5em 2em; margin: .5em 0 1.8em; background-color: #f0f0f0; } .mainContent blockquote:before { left: 5px; content: ' “ '; position: absolute; font: 13em/.93 "barmeno", Geneva, sans-serif; } .mainContent blockquote p:last-child, .mainContent .story p:last-child { padding: 0; } .mainContent blockquote img, .mainContent .story img { margin-top: .3em; margin-bottom: 1em; } .mainContent blockquote { margin-left: 6%; line-height: 1.8; padding-left: 5.6em; font-style: italic; } .mainContent .story blockquote { margin-left: 2%; border-top: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4; } ul.bread { color: #aaacae; line-height: 1; font-size: .95em; padding: 0 0 1.2em; list-style-type: none; } ul.bread li { padding: 0; display: inline-block; } .bread a { color: inherit; } .bread li a:hover { text-decoration: none; } .bread li a[href=""]:hover { text-decoration: underline; } .bread li:before { content: " > "; padding-left: .5em; } .bread li:first-child:before, .bread li:nth-child(2):before { display: none; } /* used for boxes like homepage */ .boxes, .feed { clear: both; margin-left: -2%; overflow: hidden; } .boxes.faq { clear: both; margin-left: 0; margin-top: .8em; overflow: auto; } .barmeno .boxes.faq { margin-bottom:2em; } .boxes.faq article { border: 0; width: 100%; float: none; clear: both; overflow: auto; margin: 0 0 1px; max-width: none; padding-bottom: 0; } .boxes.faq article > div{ padding-bottom: 1em; } .boxes article div.fac h2 { position: relative; } .boxes.faq header { height: auto !important; } .boxes article div.fac h2 span { padding-top: 15px; font-style: italic; } .boxes article div.fac h2 span.res { top: 0; right: 0; color: #ff0000; font-size: .7em; padding: 5px 4px; line-height: .6em; font-style: normal; font-weight: bold; position: absolute; text-transform: lowercase; border: 2px solid #ff0000; } .boxes article a:hover .res { color: #fff !important; border-color: #fff !important; } .boxes > *, .boxes article, .feed > * { margin-left: 2%; } .boxes article { float: left; width: 31.3%; padding: 1em 0; max-width: 450px; position: relative; box-sizing: border-box; } .boxes article header { margin: 0; } .boxes article header:first-child { margin-top: -1em; } .boxes article header + img { margin-top: 0; margin-bottom: 0; } .boxes article > div:not(.expand), .boxes article > a > div:not(.expand) { padding: 1em 1.2em 4em 1.2em; } .boxes article > div.expand, .boxes article > a > div.expand { padding: 1.2em; } .boxes article > a > div ~ img { margin-bottom: 0; } .boxes article div > [class^="ic-"]:before { font-size: 10em; color: #fcc926; display: block; text-align: center; } .ad.boxes article > div { overflow: auto; } .ad.boxes article > div, .boxes article > a > div.fac { padding-top: 1em; } .ad.boxes article > div p { padding-bottom:1em; } main .ad.boxes article header + * { margin: 0; } .ad.boxes > br { display: none; } .boxes[class*="2"] > article { width: 48%; } .ad.boxes > article:nth-of-type(2n+1), .ad.boxes a:nth-of-type(2n+1) > article { clear: left; } .ad.boxes > article:nth-of-type(3n+1), .ad.boxes a:nth-of-type(3n+1) > article { clear: none; } .boxes:not(.link):not(.ad):not([class~="2"]) > article:nth-of-type(3n+1), .boxes:not(.link):not(.ad):not([class~="2"]) a:nth-of-type(3n+1) > article { clear: left; } .boxes article > a { color: inherit; display: block; } .boxes article > a:first-child { height: 100%; } .boxes article > p:only-of-type { min-height: 120px /* remove on responsive */ } .boxes article ul, .boxes article ol { overflow: hidden; } .boxes.faq article > p { min-height: 0; } [class="boxes"] article:not(.nohover):hover { color: #fff; background: #00bbee; border-color: #00bbee; transition: ease-in-out all .2s; } [class="boxes"] article.noborder, .boxes article.noborder { border:none; } .boxes article a:hover { text-decoration: none; } .ad.boxes article, .feed article { width: 48%; float: left; position: relative; } .ad.boxes article { padding-bottom: 0; } /*.ad.boxes > article:only-of-type { width: 98%; float: none; max-width: none; }*/ .boxes article .btn{ width: auto; left: 1.2em; right: 1.2em; bottom: 1.2em; position: absolute; } .boxes article .btn:only-child { margin-top: 0; position: static; } .boxes > a { color: inherit; display: block; margin-left: 0; transition: ease-in-out all .3s; } .boxes a:hover .btn { background: #00bbee; } .boxes a:hover .btn { color: #fff; } .boxes article img { width: 100%; display: block; margin-bottom: 1em; height: auto; } .boxes article > img:first-child, .boxes article > a > img:first-child { margin-top: -1em; } .ad.boxes article img { float: left; width: 45%; min-width: 80px; max-width: 150px; margin: .4em 1em .4em 0; } .boxes article .btn { float: none; overflow: hidden; } #QuestionAnswer, #QuestionTitle { clear: both; } .sort { clear: both; float: right; margin-bottom: 1.2em; width: 100%; padding: 1em; background: #D9DADA; box-sizing: border-box; } .sort fieldset { padding: 0; } .sort fieldset:only-of-type { float: right; } .sort label, .sort select, .sort input, .sort fieldset { width: auto; display: inline-block; } .sort .btn { margin: 0; min-width: 140px; } /*.sort .btn.right { margin-left: 1em; }*/ .sort label { color: #58585A; margin: 0 .5em 0 .5em; } .sort > div { float: left; } .sort > div.right { float: right; } .sort > div .btn { margin: 0; min-width: 0; color: #ffffff; background: #B1B2B3; padding-right: 3.4em; height: 45px; box-sizing: border-box; } .sort > div .btn.space { margin-left:1em; } .sort > div input, .sort > div select { height: 45px; box-sizing: border-box; } .sort.map { margin-bottom:1px; } .sort.map input { vertical-align:top; } .sort.map label { vertical-align:text-bottom; } .ui-tabs-anchor:before { font: 3em/1 "catsprotection"; display: inline-block; vertical-align: middle; margin-right: 0.3em; } .listview:before { content: "\e903"; } .mapview:before { content: "\e904"; } .sort a.ic-about { margin-left: 1em; display: inline-block; position: relative; padding-left: 1.75em; } .sort a.ic-about:before { position: absolute; top: .1em; left: 0; font-size: 1.4em; } .interactiveMap { margin-bottom: 1em; } .interactiveMap > div { width: 44%; float: right; } .interactiveMap .map { float: left; margin-bottom: .8em; } .map svg { height: 500px; } .interactiveMap input { width: 100%; } .downloads { padding-bottom: 1.8em; } .downloads p { padding: 0; } .sections article { clear: both; overflow: auto; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #d1d2d4; } .sections article img { width: 25%; max-width: 220px; } .sections article h3 { font-size: 1.5em; padding-bottom: .8em; } .sections article .btn { float: right; } .news > .sort, .news > .paging { margin-top:1.5em; } .news article{ float:left; position:relative; overflow: hidden; width: 31.1%; margin-right:3%; margin-bottom:1em; margin-top:1em; background:#f0f0f0; padding-bottom: 4em; border: 1px solid #f0f0f0; } .news article:nth-of-type(3n){ margin-right:0; } .news article:hover{ background:#ececec; border: 1px solid #ececec; } .news article img { width: 100%; margin:0; } .news article div { color:#808285; } .news article h3, .news article p, .news article .btn { margin:0em 1.5em 1em; padding:0; float:left; clear:both; } .news article div p:first-of-type { font-weight:bold; } .news article h3 { color: #00bbee; font-weight: bold; margin: 1em 1.25em .5em; } .news article .btn { position: absolute; bottom: 0; } .news .regional h3 { color:#f05724; } .news .regional div:first-child h3{ padding-top:1.5em; } .news .regional > span { position: absolute; top: 0; right: 0; background: #f05724; z-index: 999; padding: .25em .75em; color: #fff; } .news article h3 span { /*font-weight:normal; font-style:italic; font-size:0.8em;*/ font-weight: normal; background: #f05724; color: #fff; padding: 0 0.5em; margin-top: 0.5em; display: table; } .news .sort { background: #f0f0f0; } .news h2.regional { color:#f05724; } .news h2.regional > span { display:inline-block; position:relative; } .news > .newsdate { margin-bottom:2em; font-weight:bold; } .news > img.fullImg { width:100%; } .news .related { clear: both; margin-top: 1.5em; } /* -------------------------------- *\ TABBING \* -------------------------------- */ .tabbing ul, ul.tabbing { padding: 0; clear: both; overflow: hidden; margin-bottom: 1px; list-style-type: none; border-top: 1px solid #d1d2d4; } .tabbing li { padding: 0 !important; float: left; color: #58585a; font-weight: bold; } .tabbing li[class*="active"] { background: #D9DADA; } .tabbing li a { display: block; color: inherit; padding: 1.2em 1em; } .tabbing li a:hover { text-decoration: none; } /* -------------------------------- *\ BEREAVEMENT \* -------------------------------- */ .stories article { max-height: 500px; overflow-y: auto; border: none; } .stories article.image { overflow-y:hidden; } .stories article h3 { font-size: 1.4em; } .stories article h3 span { font-size: .7em; line-height: 2.5em; font-style: italic; font-weight: bold; } .stories article::-webkit-scrollbar { width: .6em; height: .6em; border-radius: 100%; } .stories article::-webkit-scrollbar-thumb { background: rgba(0,0,0,.2); } .stories article::-webkit-scrollbar-track { background: rgba(0,0,0,.1); } .stories article.image { padding: 0; } .stories article img { margin: 0; } .storymessage { text-align: center; } .memories.boxes article { background: #F5F2E9; border: none; width: 32.666%; margin-bottom: 0; } .memories.boxes article:not(:nth-child(3n+1)) { margin-left: 0; } .memories article:nth-child(6n), .memories article:nth-child(6n-1), .memories article:nth-child(6n-2) { background: #F0F0F0; } .memories article .btn.private { background: rgba(0, 0, 0, .05); color: rgba(0, 0, 0, .6); } .memories article .btn.private:before { content: "\e906"; font-size: 1.5em; color: rgba(0, 0, 0, .4); } .memories.boxes article h3 { font-family: "barmenoregular", Tahoma, Geneva, sans-serif; font-size: 1.8em; } .boxes.dosdonts article { padding: 0; } .boxes.dosdonts article h3 { padding: 1em; color: #ffffff; font-size: 1.2em; font-weight: bold; } .boxes.dosdonts article ul { padding: 1em; list-style: none; } .boxes.dosdonts article ul li { margin-left: 2em; position: relative; } .boxes.dosdonts article ul li:before { position: absolute; left: -1.5em; top: .5em; border-radius: 100%; content: " "; width: .6em; height: .6em; background: #000000; } .boxes.dosdonts article:first-child h3 { background: #A0CD3F; } .boxes.dosdonts article:first-child ul li:before { background: #A0CD3F; } .boxes.dosdonts article:last-child h3 { background: #CD3F3E; } .boxes.dosdonts article:last-child ul li:before { background: #CD3F3E; } /* -------------------------------- *\ PAGING \* -------------------------------- */ ul.paging { clear: both; width: 100%; overflow: hidden; list-style:none; text-align:center; font-size:1em; font-weight:bold; border-top: 0px solid #fff; margin:0; padding:0; } ul.paging li { display:inline-block; padding:0; } ul.paging li a { position: relative; padding: 0.5em; color: #fcc926; float:left; border-bottom: 1px #fff solid ; } ul.paging li a:hover { color: #fff; background: #fcc926; text-decoration:none; } ul.paging li.active a, ul.paging li.inactive a{ color: #58585a; background:#fff; border-bottom: 1px #58585a solid ; cursor:default; } ul.paging li.inactive a { cursor:none; } ul.paging li.inactive a:hover { color: #58585a; background: #fff; } ul.paging li.first a:before, ul.paging li.previous a:before, ul.paging li.next a:before, ul.paging li.last a:before { content: "\e0d"; font: 1em/1 "catsprotection"; font-weight:normal; } ul.paging li.previous a:before { content: "\e0d"; } ul.paging li.next a:before { content: "\e0b"; } ul.paging li.last a:before { content: "\e0b"; } /* -------------------------------- *\ BUTTONS \* -------------------------------- */ .btn, a.btn, a .btn, .prev, .paging > a, .sidr-class-btn { float: left; margin: 1em 0; min-width: 150px; text-align: left; background: #fcc926; line-height: 1.65em; } .btn.basket { background:#58585a; float:right; } .btn a, a.btn, a .btn, .prev a, .paging > a, .sidr-class-btn a, input.btn { color: #000374; display: block; text-align: left; position: relative; padding: .8em 1.2em; padding-right: 2.4em; transition: ease-in-out all .3s; } .btn.basket a { color:#fff;} .btn a:hover, a.btn:hover, .btn.blue a, .sidr-class-btn a:hover, input.btn:hover, .ad.boxes header:hover ~ div .btn a { color: #fff; background: #00bbee; text-decoration: none; } .btn a:before, a.btn:before, a .btn:before, .sidr-class-btn a:before, input.btn:before, .link a > div:before { top: 50%; right: .8rem; content: "\e0b"; position: absolute; transform: translateY(-50%); font: 1em/1 "catsprotection"; } .btn.basket a:before { content: "\e10"; } .link a > div:before { margin: 0; float: right; position: static; padding-top: .4em; } .btn.prev a { text-align: right; } [class="prev"] { background: none; margin-bottom: 0; } [class="prev"] a { padding-left: 0; } [class="prev"] a:before { padding-right: .6em; } .prev a:before { left: .8em; right: auto; content: "\e0d"; font: 1em/.9 "catsprotection"; } input.btn { border: 0; } .btn:last-child, a.btn:last-child { margin-bottom: 0; } p + .btn, p + a.btn { margin-top: 0; } p + .btn + .btn { margin-top: 0; } .btn + .btn { margin-left: 1em; } .btn + p { clear: both; } .paging > a:first-of-type { float: left; margin-right: 1em; } .paging { clear: both; width: 100%; overflow: hidden; } .paging .btn { margin-bottom: 0; } .mainContent > section + .paging { margin-top: -1em; border-top: 0; } .paging .btn:not([class*="prev"]) { float: right; margin-left: .6em; } .btn.left { float: left; } .btn.right, .btn.next { float: right; } .paging .pagingNumber { text-align: center; padding: 25px 0 0 0; } .paging .pagingNumber span { margin: 0 auto; } .donateBtn { padding:0;} /* -------------------------------- *\ TABLES / TABULAR DATA \* -------------------------------- */ table { width: 100%; text-align: left; margin: .5em 0 1.2em; } table td, table th { padding: .5em 1em; vertical-align: middle; } table th { font-size: 1.1em; font-weight: bold; } table tr { background: #fff; border-bottom: 1px solid #d1d2d4; } table.details td { width: 50%; } table tr:nth-child(odd) { background: #eee; } table .btn { margin: 0; float: right; } .eventTable { clear: both; } table.ui-datepicker-calendar { margin: 0; text-align: center; border: 1px solid #d1d2d4; } table.ui-datepicker-calendar th { background-color: #D9DADA; } .ui-datepicker .ui-datepicker-prev { float: left; } .ui-datepicker .ui-datepicker-next { float: right; } .ui-datepicker [class*="disabled"] { opacity: .2; } .ui-datepicker a[data-event], .ui-datepicker a[href] { cursor: pointer; } .ui-datepicker-header { color: #fff; padding: .3em .5em; text-align: center; border-style: solid; border-color: #d1d2d4; border-width: 1px 1px 0; background-color: #58585a; } .ui-datepicker-header a { color: inherit; } .ui-datepicker-title { font-weight: bold; } /* -------------------------------- *\ FORMS \* -------------------------------- */ .form {} .form fieldset a { clear: both; padding: .3em 0; display: inline-block; text-decoration: underline; } .form fieldset.full { width:100%;} .form fieldset.full input + input[type="submit"] { clear:none;} .form fieldset a:hover { color: #00bbee; } .yellow.form fieldset a, .yellow.form fieldset a:hover { color: inherit; } .form hr { margin: 0 0 1em; } fieldset { padding-bottom: 1em; } fieldset > fieldset { padding-bottom:0; padding-top: 1em; } fieldset + .btn { margin-top: 0; } .quicklinks .ic-phone { float: right; vertical-align:top; text-align:right; } .quicklinks .ic-phone span { font-weight: normal; font-size: 1.6em; } .quicklinks .ic-phone:before { display: none; } .form label strong { display: block; } .form label { width: 35%; float: left; display: block; padding: .75em 0; } .form input[type='checkbox'] + label { width: auto; float:none; } .form section > fieldset input.left { float:left;} .form input, .form select, .form textarea, .form > fieldset > div, .form section > fieldset > div input { width: 65%; display: inline-block;} .form textarea.full { width:100%; } .form p input {float:none;} .form img ~ input { width: 62%; } .form fieldset .cbg > span { display: block; width: auto; overflow: auto;float: left;margin-right: 1.5em;} .form fieldset .cbg > span label { width: auto; margin-right: 1em; } .form fieldset .cbg > span input { width: 100%; } .form fieldset .cbg input[type="checkbox"] { width: auto; float: left; } .form fieldset .security input { width: 91%;} .form fieldset .security > a { display: inline-block; float: none; padding: .8em 1.3em; background: #fcc926; border: 1px solid #d1d2d4; color: #000374; overflow: visible;} .form fieldset .security > a:hover { cursor: pointer; text-decoration: none;} .form fieldset .security > a:before { content:"?" } .form fieldset .security > a span { display: none; position:absolute; /*bottom: -10em; left: -15em;*/ margin-left: 2em; } .form fieldset .security > a:hover span { display:inline;} .form fieldset .security > a span img { max-width: inherit;} .form fieldset .sortcode input { width: 30%; float: left; margin-right: 2%;} .form fieldset .sortcode input:last-of-type { margin-right: 0;} .form fieldset .rbs {clear:both;float:left;display:block;} /*.form input[type="radio"] + label, .form input[type="checkbox"] + label { width: 90%; float: left; }*/ .form input[type='file'] { float: right; width: 100%; } .form input[type='file'] + input[type='file'] { margin-top: 1em; } .form input[type='image'] { display: inline-block; width: auto; height: auto; padding: 2px; } .form input[type='image']:not(:first-of-type) { margin-left: 1em; } .form input[type='image'].active { border-color: #00bbee; } .form fieldset input[type='checkbox'], .form fieldset input[type='radio']:first-of-type { float: left !important;} .form .datepick { text-align: right; } .form .datepick span { width: 10%; display:inline-block; margin-left: 1em; text-align: left;} .form .datepick span:last-child { margin-left: 0;} .form .datepick select { width: 37%; display:inline-block;} fieldset.fw label, fieldset.fw input { width: 100%; float: none; display: block; } .form section { clear: both; overflow: hidden; } .form section > fieldset { width: 49%; float: left; margin-left: 2%; } .form section > fieldset.full, .form section > fieldset.full textarea { width:100%; } .form section > fieldset:first-of-type { margin-left: 0; } .form fieldset div:not(.buttonField) { overflow: hidden; } .form section > fieldset label { float: none; width: auto; } .form section > fieldset input, .form section > fieldset select { width: 100%; float: none; } .form section input[id*="Postcode"] { width: 60%; float: left; display: block; } .form section input:only-of-type { width: 100%; float: none; } .form section input + input[type="submit"] { width: 35%; min-width: 0; float: right; margin: 0; } .form section .no-margin { margin:0;} .pad-bottom { padding-bottom: 1em;} .form fieldset input.error { background: url("http://svn.cats.org.uk/images/formCross.png") no-repeat center right rgba(255, 193, 193, 0.2); transition: linear all 0s; color:#535353; } .form fieldset select.error { background:url("http://svn.cats.org.uk/images/ddlFormCross.png") no-repeat center right rgba(255, 193, 193, 0.2); color:#535353; } .form fieldset input.accepted { background: url("http://svn.cats.org.uk/images/formTick.png") no-repeat center right #fff; transition: linear all 0s; } .form fieldset select.accepted { background:url("http://svn.cats.org.uk/images/ddlFormTick.png") no-repeat center right #fff; } .formErrorArea { background: #E04006; margin: 0 0 1.25em; padding: 1.25em; color: #fff; } .formErrorArea ul { list-style: circle; list-style-position: inside; padding-left: 1em; } .formErrorArea ul li { padding-bottom:0; } .form .dpArea { padding: 2em 2em 1em; background: #f1f1f1; margin-top: 1em; } .form fieldset .no-float + input[type='checkbox'] { float:none !important; } .form fieldset .no-float label + input[type='radio'] { float:none !important; margin-top:1em; } input.sm, select.sm { max-width: 255px; } .sm + .sm {margin-left:1em; display:none} input.vsm, select.vsm { max-width: 125px; width:31% !important } .vsm + .vsm {margin-left:2px;} input.sortcode { max-width: 75px; margin-right:10px } .form .btn:not(.prev) { float: right; } .form .btn { min-width: 190px; } input[type="radio"] + label, input[type="checkbox"] + label { padding: 0; display: inline; display: block; margin-left: 0.5em; } input[type="radio"] + input { width: auto; max-width: 80%; } input[type="radio"] + label + input { width: auto; max-width: 50%; } input + label { display: inline; } .spRadio input[type="radio"] + label {display:inline; color:#666666;} .buttonField { width: 65%; display: inline-block; } .buttonField .btn { width: 33%; margin: 0; min-width: 0; cursor: pointer; max-height: 46px } .formVerification { width: 35%; } .formVerification span { width: 35%; display: block; float:left; font-size: 2em; line-height: 1.5em; } .error, #pError { color :red; } .spBox .error { background:#fff; color:red; border:3px solid red; padding:0.5em; margin-bottom:0.5em;} .err {background:#FFC1C1} .form fieldset > span { float: right; color: #d1d2d4; } .form .RadUpload .ruInputs li { position: relative; } .form .RadUpload .ruInputs li:only-child .ruFileWrap { width: 100%; } .form .RadUpload .ruInputs li:not(:only-child):last-child .ruFileWrap { width: 100%; } .form .RadUpload .ruFileWrap { overflow: visible; height: auto; } .form .RadUpload .ruBrowse { margin-left: 0; background: #B1B2B3; padding: .8em 1.2em; height: 32px; box-sizing: border-box; color: #FFFFFF; position: absolute; top: .5em; left: .5em; } .form .RadUpload .ruFakeInput { padding: .8em 1.2em; height: 45px; box-sizing: border-box; top: 0; left: 0; right: 0; width: 100%; } .form .RadUpload .ruRemove { position: absolute; top: 0; right: 0; } .form.positive header { background:#20af0e; } .form.positive { background: #e6ffe2; } .form.negative header { background:#ca0814; } .form.negative { background:#ffd3d6; } /* -------------------------------- *\ OPPORTUNITIES PAGE \* -------------------------------- */ .opportunities { position: relative; margin-bottom: 1em; padding: 1em 2.5em 0; background: url(images/opportunitiesBg.jpg) no-repeat center 0 #3c4621; } .opportunities p { clear: both; text-shadow: 1px 1px 1px #000; } .opportunities *, .opportunities a:link { color: #fff; z-index: 1; position: relative; } .opportunities input, .opportunities select, .opportunities option { color: #4b4b4b; width: 70%;} .opportunities label, .opportunities p { text-shadow: 1px 1px 2px #000, -1px -1px 3px #000; } .opportunities input { float: none; display: inline-block; } .opportunities .formFieldSetLarge { width: 55%; min-width: 380px } .opportunities .formRow { padding: .6em 0 0; } .opportunities .btn { clear: both; float: left; background: #fff; overflow: hidden; font-weight: bold; border-radius: 2em; margin: 0 0 .8em; } .opportunities .btn a:before { display: none; } .opportunities .btn a:link { display: block; color: #2c3487; padding: .8em 3.2em .8em .8em; background: url(images/searchIcon.png) no-repeat 90% center; } .opportunities .btn a:hover { background-color: #ffc907; } .oppCbList { display: block; padding-bottom: 1em; } .oppCbList label { width: 200px; margin: .35em 0; cursor: pointer; user-select: none; display: inline-block; vertical-align: middle; padding: .2em 0 .2em 4em; background: url(images/opportuntiesSprite.png) no-repeat 0 0; } .cblGroup_1 label { background-position: 0 -277px; } .cblGroup_2 label { background-position: 0 -557px; } .cblGroup_3 label { background-position: 0 -184px; } .cblGroup_4 label { background-position: 0 -370px; } .cblGroup_5 label { background-position: 0 -92px; } .cblGroup_6 label { background-position: 0 -464px; } .cblGroup_7 label { background-position: 0 -652px; } .cblGroup_8 label { background-position: 0 -740px; } .oppCbList label span { display: block; font-size: .9em; } .mainContent .volopp { position:relative; } /* -------------------------------- *\ VOLUNTEER OPPORTUNITIES \* -------------------------------- */ .volop h3 { background-color: #fcc926; color: #40377a; font-size: 1.3em; padding: 0.6em 1em; margin-bottom: .6em; } .volop div { margin-bottom: 1em; } .volop ul { margin-left: 3%; } .volop p { padding-bottom: .55em; } .volop_banner { position: relative; overflow: hidden; } .volop_banner > img { display: block; margin:0 !important; } .volop_banner .dofe { position: absolute; background: #d9dada; padding: .5em; max-width: 16em; bottom: 0; right: 0; box-sizing: border-box; display: inline-block; } .volop_banner .dofe img { height: 50px; float: left; padding-right: .5em; } /* -------------------------------- *\ SPONSORSHIP / SPONSOR A CAT \* -------------------------------- */ body.sponsorPages {} .sponsorPages header figure, .cps-area header figure { color: #fff; background: #000; } .sponsorPages header figure:before, .cps-area header figure:before { bottom: 0; width: 100%; height: 30px; content: ""; position: absolute; background: #000; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); } .sponsorPages header figcaption, .cps-area header figcaption { bottom: 4%; left: auto; height: 72px; width: 284px; right: -1.3em; position: absolute; } .sponsorPages header figcaption:before, .cps-area header figcaption:before { content: url(images/SponsorTab.png); } .sponsorPages .mainContent > h3, .sponsorPages .mainContent .yellow h4 { color: #020266; padding-bottom: .4em; font: bold 2em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; } .sponsorPages .mainContent > h2, .sponsorPages .mainContent > h3 { font-size: 1.5em; } .sponsorPages .mainContent .yellow h4 { font-size: 1.4em; } .catGuardians header figcaption { bottom: 4%; left: auto; height: 94px; width: 300px; right: 2em; position: absolute; } .catGuardians header figcaption:before { content: url(images/CatGuardiansStacked.png); } ul.login { clear: right; float: right; line-height: 1; font-size: .95em; list-style-type: none; } ul.login li { padding: 0; display: inline; } ul.login a { font-weight: bold; } ul.login a:hover { text-decoration: none; } ul.login a:before { color: #000374; padding-right: .3em; vertical-align: sub; font: 1.3em "catsprotection"; } ul.login a[title*="Basket"]:before { content: "\e10"; } .catDetails p { padding-bottom: .8em; } .catDetails div + p { padding-top: 1em; float:left;} .catDetails > div { float: left; width: 25.5%; overflow: hidden; box-sizing: border-box; } .catDetails > div:first-of-type { overflow: visible; margin-bottom: 1.5em; } .catDetails header { margin-bottom: 1.2em; } .catDetails.full > div { width: 34.5%; } .catDetails .gallery { width: 45%; margin: 0 2%; box-sizing: border-box; } .catDetails.full .gallery { width: 63.5%; margin: 0 0 1.2em 2%; } .gallery figure { float: left; position: relative; } .catDetails .gallery figure figcaption { top: 1em; right: 0; position: absolute; } .catDetails .gallery figure figcaption a { padding: .5em; background: #58585a; color: #FFFFFF; font-size: 1.5em; opacity: .5; transition: ease-in-out .3s; } .catDetails .gallery figure figcaption a:before { content: "\e600"; padding-right: .5em; font: 1em "catsprotection"; } .catDetails .gallery figure figcaption a:hover { text-decoration: none; opacity: 1; } .catDetails .gallery figure figcaption a.share_button:before { content: "\e20"; padding: 0 .2em; } .catDetails .shareaholic-canvas:before { content: "Share:"; font-weight: bold; } .catDetails.full .text { width: 100%; height: auto !important; } .catDetails .shareaholic-canvas {min-height:55px;} .catDetails li.shareaholic-share-button[title="LinkedIn"] { display:none !important; } .gallery .img, .overlay > article, .sponsorBasket > article img { padding: 6px; display: block; overflow: hidden; background: #fff; max-height: 316px; box-sizing: border-box; border: 1px solid #e9e9e9; } .gallery { position: relative; } .gallery * { outline: none; } .gallery img { border: 1px solid #e9e9e9; } .gallery .img { max-height: none; position: relative; } .gallery .img img { margin: 0; float: left; display: block; width:100%; max-height:400px;object-fit:cover;} .gallery .img img, .gallery .img a, .gallery .img span { float: left; display: block; } .gallery .thumbs { padding: 1em 0; margin: 0 -.4em; overflow: hidden; } .catDetails .gallery .thumbs { padding: 1.2em; margin-top: .6em; background: #fcc926; } .thumbs img { float: left; margin: 0 .5em; display: block; cursor: pointer; border: 6px solid #fff; box-shadow: 0 0 0 1px #dfdfe1; transition: border ease-in-out .3s; } .thumbs img:hover, .thumbs img.slick-center { border-color: #00bbee; } .catDetails .thumbs img { border-width: 3px; } .catDetails .thumbs img:hover, .catDetails .thumbs img.slick-center { border-color: #9fcc3f; } .mainContent:not(.memories) > .gallery { width: 50%; clear: right; float: right; margin: 0 0 1.5em 1.5em; } .mainContent > .gallery ~ h2 { clear: none; } .slick-slider button { top: 50%; border: 0; left: .5em; color: #fff; /*z-index: 9999;*/ z-index: 1000; font-size: 8px; cursor: pointer; margin-top: -.6em; position: absolute; background: transparent; } button.slick-next { right: .5em; left: auto; } /*.slick-prev:before, .slick-next:before { width: 35px; height: 35px; display: block; content: "\e0d"; cursor: pointer; border-radius: 100%; border: 3px solid #fff; text-shadow: 0 0 3px #000; font: 1.6em/1.6 "catsprotection"; } .slick-next:before { content: "\e0b"; } .slick-slider button span { display: block; text-indent: -999em; }*/ #pnlPhotos img { float: none; width: auto; margin: 0 auto !important; } /* ADOPT PAGE GALLERY */ .catDetails.adopt .gallery { width: 58%; float: right; margin-right: 0; } .catDetails.adopt .gallery a { text-decoration:none; } /* enlarge and plus icon */ .catDetails.adopt .img a:before, .catDetails.adopt .img a:after { top: 20px; right: 16px; color: #000; z-index: 9999; content: "\e09"; position: absolute; font: 40px/1 catsprotection; } .catDetails.adopt .img a:after { content: "+"; top: 21px; right: 30px; font-size: 27px; font-weight: bold; } .catDetails.adopt .gallery .thumbs { margin-top: 0; padding-left: 0; padding-right: 0; background: none; } .catDetails table { width: 38%; float: left; } .catDetails table tr td:first-child { padding-left: 0; font-weight: bold; } .catDetails table tr td:first-child:after { content: ":"; } .catDetails table tr { background: none; border-color: #e9e9e9; } .catDetails table td { padding: .8em .6em; } .spBox { position: relative; background: #fcc926; padding: 0 1.3em 0; font: bold 1.3em "barmenoregular", Tahoma, Geneva, sans-serif; height: 475px; } .spBox:before { left: 0; bottom: 20%; z-index: 0; content: ""; width: 100%; height: 295px; position: absolute; pointer-events: none; background: url(/images/boxBg.png) no-repeat bottom center; } .spBox > article { z-index: 2; position: relative; padding-top: 1em; } .spBox article > div:not(.btn) { margin-bottom: 1.5em; } .spBox h2 { font-size: 1.7em; } .spBox h2 { color: #020266; } .spBox h2 span, .sponsorPages h1 span { color: #808285; font-size: .6em; } .spBox h5 { font-size: 1.1em; } .spBox .btn { left: 1em; right: 1em; bottom: 1em; font-size: 1.3em; font-weight: bold; position: absolute; } .spBox .btn a { padding: .6em; } .spBox input[type="radio"] { clear: left; } .spBox input[type="radio"] + label { clear: right; margin: .3em 0 0 0; } .spBox span br { display: none; } .spBox .btn, .btn.green { background: #9fcc3f; } .btn.twitter, .btn.facebook { float: left !important; margin-right: 1em;} .twitter.btn a, .facebook.btn a { color: #fff; padding-left: 3em; } .facebook.btn a { color: #fff; background: #027dc3; } .twitter.btn a { background: #2fc5f4; } .facebook.btn a { background: #027dc3; } .twitter.btn a:hover, .facebook.btn a:hover { color: #fff; background-color: #808285; } .twitter.btn a:after, .facebook.btn a:after { position: absolute; content: "\e0b"; font: 1.5em/1.5 catsprotection; left: .6em; top: .35em; } .twitter.btn a:after { content: "\e20a"; } .facebook.btn a:after { content: "\e20"; } .giftAmount label span { color: #020266; font-size: 2.9em; vertical-align: middle; } .giftAmount input[type="text"] { padding: .55em; max-width: 35%; } .giftAmount input[type="radio"] { margin-top: 1.1em; } .giftAmount em { font-style: normal; } .overlay { margin-left: -1%; } .overlay > * { margin-left: 1%; } .overlay > article { width: 19%; float: left; overflow: hidden; max-height: none; position: relative; } .overlay > article a:hover { text-decoration: none; } .mainContent .overlay > article { border: 0; width: 31.5%; } .mainContent .yellow .overlay > article { margin-bottom: 1em; } .overlay > article img { margin: 0; float: none; display: block; } .overlay article div:not(.expand):not(.btn), article.generic div:not(.expand):not(.btn) { clear: both; z-index: 3; position: relative; } .link.overlay > article div:not(.expand), .overlay > article div:not(.expand) { color: #020266; padding: .5em .8em; margin: 0 -6px -6px; background: #9fcc3f; font: bold 1.25em "rabioheadregular"; } .expand { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; color: #fff; display: block; overflow: hidden; padding: .5em .8em; position: absolute; box-sizing: border-box; border: 6px solid #58585a; transform: translateY(-100%); background: rgba(88,88,90,.85); transition: ease-in-out transform .4s, ease-in-out visibility .2s, ease-out height .2s; } .link .expand { border-color: #9fcc3f; } article:focus .expand, article:hover .expand { transform: translateY(0); height:100%;visibility:visible; } .overlay .expand h3 { padding-bottom: 0; font: bold 1.85em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; } ul.steps { color: #fff; clear: both; width: 100%; display: table; font-size: 1.1em; overflow: hidden; background: #58585a; margin-bottom: 1.2em; padding:0; } ul.steps li a { z-index: 3; display: block; color: inherit; position: relative; padding: 1em .6em 1em 3.2em; } ul.steps li:first-of-type a { padding-left: 1em; } ul.steps li.active { color: #000374; background: #9fcc3f; } ul.steps.yellow li.active { background: #fcc926; } ul.steps a:hover { text-decoration: none; } ul.steps li { position: relative; display: table-cell; font: bold 1.2em/1.5 "barmenoregular", Tahoma, Geneva, sans-serif; padding-bottom:0; } ul.steps li:after { top: 0; z-index: 2; right: -25px; content: ""; width: 75px; height: 75px; position: absolute; background: #58585a; transform: rotate(45deg); border-top: 2px solid #919192; border-right: 2px solid #919192; } ul.steps li.active:after { border: 0; background: #9fcc3f; } ul.steps.yellow li.active:after { background: #fcc926; } ul.steps li:last-of-type:after { display: none; } ul.steps li span { display: block; font: .8em Arial, Helvetica, sans-serif; } ul.steps.guardian li { width: 20%; } ul.steps + .btn, ul.steps + .btn + section +.prev{margin-top:0;} .sponsorBasket, section.yellow { border: 0; color: #363636; position: relative; background: #fcc926; padding-bottom: .5em; } .sponsorBasket h2, .sponsorBasket .total { color: #000374; padding-bottom: .4em; font: bold 2.35em "barmenoregular", Tahoma, Geneva, sans-serif; } .sponsorBasket > article { width: 21.5%; float: left; margin-top: .5em; margin-left: 4.5%; margin-bottom: .5em; } .sponsorBasket > article:nth-of-type(4n+1) { clear: left; margin-left: 0; } .sponsorBasket img { margin-bottom: .5em; } .sponsorBasket a { color: inherit; } .sponsorBasket .total { width: 22%; right: .6em; bottom: .5em; font-size: 2em; text-align: center; position: absolute; } .sponsorBasket > article:nth-of-type(n+4) ~ .total { width: auto; } .sponsorBasket > article:first-of-type:nth-last-of-type(4n) ~ .total { width: auto; clear: both; float: right; position: static; padding: .5em .5em 0 0; } /* link boxes are style like on donate */ .boxes.link { margin-left: 0; padding-bottom: 1em; } .link img { float: none; display: block; margin: 0 !important; } .boxes.link article { border: 0; padding: 0; width: 23.5%; margin-top: .5em; margin-bottom: .5em; } .mainContent .boxes.link article { width: 32%; } .boxes.link article:first-of-type, .mainContent .boxes.link article:nth-of-type(3n+1) { margin-left: 0; } article.link { border: 0; padding: 0; } .boxes.link article > div, .boxes.link article > a > div, article.link div { color: #020266; padding: .8em 1em; position: relative; background: #9fcc3f; border-top: 1px solid #fff; transition: linear background .3s, linear color .3s; } .link a { text-decoration: none; } article.link a:focus > div, .boxes.link a:hover > div { color: #fff; background: #00bbee; } /* generic boxes are style like on events, bereavement etc */ .boxes .generic { padding: 0; color: #fff; width: 31.3%; margin-bottom: 2.5%; background-color: #58585a; border: 1px solid #d1d2d4; } .boxes .generic a:hover .btn { color: #00bbee; background: #fff; } .boxes .generic.white { color: inherit; background-color: transparent; } .boxes .generic.lightgrey { color: inherit; background-color: #D9DADA; } .boxes .generic.cream { color: inherit; background-color: #F5F2E9; } .boxes .generic.purple { background-color: #332C70; } .boxes .generic.lightblue { background-color:#00bbee; color:#ffffff;} .boxes .generic h2, .boxes .generic h3 { /*padding-top: .5em;*/ padding-bottom: 1em; font-weight: normal; font-family: inherit; } .boxes article.full { width:98%; max-width:none; } .boxes .generic h2 { padding-top:.5em; } .boxes[class="2"] .generic { width: 48%; } .boxes .generic a:hover > div:not(.expand) { color: #fff; background-color: #00bbee; } .boxes .generic a:hover .expand { border-color: #00bbee; } .boxes .generic img { margin: 0 !important; border-bottom: 1px solid #fff; width:100% !important; max-width:inherit !important; } .boxes .generic > div, .generic article a > div { padding: 1em 1.2em 1.4em; } .boxes article.generic > a > div:not(.expand) { padding:1em 1.2em 4em 1.2em;} .boxes .generic > div *:not(a):only-child, article.generic a > div *:only-child, article.generic h2:last-child, article.generic h3:last-child { padding: 0; } /* -------------------------------- *\ EVENTS AREA \* -------------------------------- */ /* see above generic boxes for box types */ .socialCount { float: right; } .socialCount + h1 { display: inline-block; } .socialCount > a { float: left; overflow: hidden; margin-left: .5em; padding: 1.7em; position: relative; border: 1px solid #d1d2d4; font: bold 1em/1 barmenoregular; } .socialCount > a:before { top: 0; left: 0; bottom: 0; position: absolute; font: 3.4em 'catsprotection'; } .socialCount .twitter:before { color: #28a9e0; content: "\e20a"; } .socialCount .facebook:before { color: #4a6ea9; content: "\e20"; } .socialCount > div span { font-size: 1.7em; display: block; } .socialCount .twitter span { color: #28a9e0; } .socialCount .facebook span { color: #4a6ea9; } .socialCount .twitter { padding-left:4em;} .socialCount .facebook { padding-left:4em;} .date:before { content: "\e901" !important; } .location:before { content: "\e904" !important; } #videoDetail:before { content:"\e905" !important; } .eventQuote:before { content: "\e902"; padding-right: .4em; display: inline-block; vertical-align: middle; font: 2.8em catsprotection; } ul.details { padding: .8em 0; font-size: 1.3em; overflow: hidden; margin-bottom: 1em; border-top: 1px solid #d1d2d4; border-bottom: 1px solid #d1d2d4; } ul.details li { padding: .2em 0; position: relative; } ul.details li:before { content: "\e20f"; padding-right: .4em; display: inline-block; vertical-align: middle; font: 1.5em catsprotection; } .sections.events h3 { clear:none; padding-bottom:0; } .sections.events article { padding:1em 0; } .sections.events article:last-of-type { border:none; } .sections.events h3 + span { padding-bottom:.8em; display:block; } .paging.events { border-bottom: 1px solid #d1d2d4; padding-bottom:1em; } .video { position:relative; display:block;} .video span:before { position:absolute; content:""; top:50%; left:0; right:0; transform: translateY(-50%); border-top: 19px solid transparent; border-left: 34px solid #ffffff; border-bottom: 19px solid transparent; } .boxes article.video > div:not(.expand), .boxes article.video > a > div:not(.expand) { padding: .75em 1.2em .75em 1.2em; } .boxes article.video > div.expand, .boxes article.video > a > div.expand { bottom: 55px; } article.video a:focus .expand, article.video a:hover .expand { height: auto; } .video { position:relative;} .video a:after { content: "\e905"; display: inline-block; vertical-align: middle; font: 6.5em catsprotection; position:absolute; top:18%; left:36%; } .video span { position:relative; display:block;} /* -------------------------------- *\ END EVENTS \* -------------------------------- */ #rblSponsorshipType label { float:left; } span#upnlMain { width: 100%; } .ribbon-wrapper { top: 0; right: 0; width: 100%; height: 100%; z-index:1 !important; position: absolute !important; background: transparent !important; font: normal 1.1em "rabioheadregular" !important; } .gallery .ribbon-wrapper { pointer-events: none; z-index: 9999 !important; font: normal 1.25em "rabioheadregular" !important; } .ribbon { right: 20%; top: 5%; width: 200%; position: relative; text-align: center; color: #fff !important; transform: rotate(35deg); padding: 2px 0 !important; background:#000 !important; border: 2px solid #fff !important; font: normal 1.1em "rabioheadregular" !important; } .ribbon.rehomed { background: #CA0814 !important; } .gallery .ribbon { top: 7%; right: 12%; } /* -------------------------------- *\ CONTACT PAGE \* -------------------------------- */ .contactCQ { display: block; margin-bottom: 2em; position: relative; width:50%; float: left; } .contactCQ a { color: #808285; display: block; background: #fff; padding: .8em 1em; line-height: 1.5em; border-top: 1px solid #ccc; } .contactCQ a:before { float: right; content: "\e0b"; font: 1.2em/1.2 catsprotection; } /*.contactQuestions a:before { content: "\e0c"; }*/ .contactCQ a:hover { text-decoration: none; } .contactCQ ul, .mainContent .contactCQ li { padding: 0; list-style-type: none; } .contactCQ .active a { color: #fff; background: #58585a; } .contactQuestions .active a { background: #00bbee; } .contactCats, .contactQuestions { width: 49.9%; float: left; } .contactInfo { width: 48%; float: right; } .contactCats > div { font-weight: bold; } .contactQuestions { top: 0; right: 0; z-index: 999; position: absolute; } ul.contactLinks { text-align:center; width:100%; padding: 1em 0; display: inline-block; } ul.contactLinks li { display: inline-block; font: bold 1.15em/1 barmenoregular; color: #58585a; padding: .5em; } ul.contactLinks a { margin:0 1em; color:#58585a; display:block; } ul.contactLinks a.ic-facebook { color:#3b5998 ; } ul.contactLinks a.ic-twitter { color:#2ba9e1; } ul.contactLinks a:before { vertical-align:middle; font: 1.1em/1 catsprotection; color: #fff; background: #58585a; border-radius: 10em; padding: .4em; display: inline-block; margin-right:.25em; overflow:hidden; } ul.contactLinks a.ic-facebook:before { font: 2em/1 catsprotection; padding: 0em; color:#3b5998 ; background:none; } ul.contactLinks a.ic-twitter:before { font: 2em/1 catsprotection; padding: 0em; color:#2ba9e1; background:none; } #facOverlay { top: 0; left: 0; right: .1em; bottom: 1.2em; background: rgba(0,0,0,.4); position: absolute; z-index: 99; display: none; text-align: center; } #facOverlay p { color: #00bbee; padding: .5em 0 0; } #facOverlay > div { padding: 1em; margin: 3em 5em; background: #fff; position: relative; display: inline-block } #facOverlay > div:after { width: 0; height: 0; top: 50%; right: 100%; content: " "; margin-top: -31px; position: absolute; pointer-events: none; border: solid transparent; border-right-color: #fff; border-width: 31px; } #facOverlay h3 { padding: 0; } .HYCH a { display: block; position: relative; padding-left: 3.5em; } .HYCH li { border-bottom: 1px solid #d1d2d4; padding-bottom: 1.5em; margin-bottom: 1.5em; } .HYCH li:first-child { padding-top: .5em; } .HYCH li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: .5em; } .HYCH h3 { display: inline-block; padding-bottom: 0; } .HYCH a { color: #808285; } .HYCH a:hover { color: #fcc926; } .HYCH a:after { float: right; content: "\e0b"; color: #fcc926; font-family: "catsprotection"; } .HYCH a:before { top: 0; left: 0; color: #fcc926; position: absolute; font: 2.5em/.7 'catsprotection'; } /*ul.HYCH { list-style-type: none; padding-left: 0; }*/ path, polygon { transition: .6s fill; fill: #D1D2D4; } svg a path, svg a polygon { fill: #818285; cursor: pointer; } svg a:hover polygon, svg a:hover path { fill: #FCC926; } /* -------------------------------- *\ FOOTER \* -------------------------------- */ footer[role="contentinfo"] { clear: both; overflow: hidden; } footer a { color: #808285; } footer a:hover { text-decoration: none; } footer h5 { font-weight: bold; } footer > span { float: right; } footer > ul { float: left; font-size: .9em; } footer > ul li, footer section > ul li { padding-left: .6em; display: inline-block; } footer > ul li:first-child, footer section > ul li:first-child { padding-left: 0; } footer > ul li:before, footer section > ul li:before { content: " | "; padding-right: .4em; } footer section > ul li:last-child:before { content: ' | '; padding-left: .4em;} footer section > ul li:last-child{ padding-left: 0;} footer ul li:first-child:before { display: none; } footer > section { padding-bottom: 1em; } footer article { float: left; width: 23.5%; margin-left: 2%; } footer article:first-of-type { margin-left: 0; } footer article ul { padding-bottom: 1.2em; position: relative; } footer article ul:last-child { padding: 0; } footer article ul li { padding: .1em 0; } .googleTranslater { float: right; padding-left: 2em; } .googleTranslater + ul { padding-top: .2em; } /* -------------------------------- *\ POPUP SPONSOR \* -------------------------------- */ .popup { background: #FFCC00; padding-top:10px; overflow:hidden; padding-left: 12px; padding-right: 12px; } .fancybox-outer { padding: 5px !important; } .popup h2 { text-align:center; } .popup p { text-align:center; } .popup .btn { background: #9fcc3f; width: 170px; float: none; margin:0 auto 1em; } .popup img { width:285px; height:180px; padding-bottom:10px; margin: 0 auto; display:block; } /* -------------------------------- *\ POPUP EVENTS \* -------------------------------- */ .eventPopup.mainContent { width:95%; float:none; margin: 0 auto; } .eventPopup .gallery { width:48%; } .eventPopup section { padding-top:1.5em; } .eventPopup .testimonials article { margin-bottom:1.5em; padding-bottom:1em; overflow:hidden; border-bottom: 1px solid #d1d2d4; } .eventPopup .testimonials article:last-of-type { border:none; margin-bottom:0; padding-bottom:0; } .testimonials article span { float:right; font-style:italic; font-size:16px; padding-right:6px; padding-bottom:.5em; } .testimonials article { clear:both;} /* -------------------------------- *\ MEMORIES \* -------------------------------- */ .memories h1, .memories h2 { text-align: center; color: #d1d2d4; font-family: "barmenoregular", Tahoma, Geneva, sans-serif; font-size: 1.6em; } .form fieldset .sortcode input:last-of-type { margin-right: 0; } /*.form input[type="radio"] + label, .form input[type="checkbox"] + label { width: 90%; float: left; }*/ .form input[type='file'] { float: right; width: 100%; } .form input[type='file'] + input[type='file'] { margin-top: 1em; } .form input[type='image'] { display: inline-block; width: auto; height: auto; padding: 2px; } .form input[type='image']:not(:first-of-type) { margin-left: 1em; } .form input[type='image'].active { border-color: #00bbee; } .form fieldset input[type='checkbox'], .form fieldset input[type='radio']:first-of-type { float: left !important; } .form .datepick { text-align: right; } .form .datepick span { width: 10%; display: inline-block; margin-left: 1em; text-align: left; } .form .datepick span:last-child { margin-left: 0; } .form .datepick select { width: 37%; display: inline-block; } fieldset.fw label, fieldset.fw input { width: 100%; float: none; display: block; } .form section { clear: both; overflow: hidden; } .form section > fieldset { width: 49%; float: left; margin-left: 2%; } .form section > fieldset.full, .form section > fieldset.full textarea { width: 100%; } .form section > fieldset:first-of-type { margin-left: 0; } .form fieldset div:not(.buttonField) { overflow: hidden; } .form section > fieldset label { float: none; width: auto; } .form section > fieldset input, .form section > fieldset select { width: 100%; float: none; } .form section input[id*="Postcode"] { width: 60%; float: left; display: block; } .form section input:only-of-type { width: 100%; float: none; } .form section input + input[type="submit"] { width: 35%; min-width: 0; float: right; margin: 0; } .form section .no-margin { margin: 0; } .pad-bottom { padding-bottom: 1em; } .form fieldset input.error { background: url("http://svn.cats.org.uk/images/formCross.png") no-repeat center right rgba(255, 193, 193, 0.2); transition: linear all 0s; color: #535353; } .form fieldset select.error { background: url("http://svn.cats.org.uk/images/ddlFormCross.png") no-repeat center right rgba(255, 193, 193, 0.2); color: #535353; } .form fieldset input.accepted { background: url("http://svn.cats.org.uk/images/formTick.png") no-repeat center right #fff; transition: linear all 0s; } .form fieldset select.accepted { background: url("http://svn.cats.org.uk/images/ddlFormTick.png") no-repeat center right #fff; } .formErrorArea { background: #E04006; margin: 0 0 1.25em; padding: 1.25em; color: #fff; } .formErrorArea ul { list-style: circle; list-style-position: inside; padding-left: 1em; } .formErrorArea ul li { padding-bottom: 0; } .form .dpArea { padding: 2em 2em 1em; background: #f1f1f1; margin-top: 1em; } .form fieldset .no-float + input[type='checkbox'] { float: none !important; } .form fieldset .no-float label + input[type='radio'] { float: none !important; margin-top: 1em; } input.sm, select.sm { max-width: 255px; } .sm + .sm { margin-left: 1em; display: none; } input.vsm, select.vsm { max-width: 125px; width: 31% !important; } .vsm + .vsm { margin-left: 2px; } input.sortcode { max-width: 75px; margin-right: 10px; } .form .btn:not(.prev) { float: right; } .form .btn { min-width: 190px; } input[type="radio"] + label, input[type="checkbox"] + label { padding: 0; display: inline; display: block; margin-left: 0.5em; } input[type="radio"] + input { width: auto; max-width: 80%; } input[type="radio"] + label + input { width: auto; max-width: 50%; } input + label { display: inline; } .spRadio input[type="radio"] + label { display: inline; color: #666666; } .buttonField { width: 65%; display: inline-block; } .buttonField .btn { width: 33%; margin: 0; min-width: 0; cursor: pointer; max-height: 46px; } .formVerification { width: 35%; } .formVerification span { width: 35%; display: block; float: left; font-size: 2em; line-height: 1.5em; } .error, #pError { color: red; } .spBox .error { background: #fff; color: red; border: 3px solid red; padding: 0.5em; margin-bottom: 0.5em; } .err { background: #FFC1C1; } .form fieldset > span { float: right; color: #d1d2d4; } .form .RadUpload .ruInputs li { position: relative; } .form .RadUpload .ruInputs li:only-child .ruFileWrap { width: 100%; } .form .RadUpload .ruInputs li:not(:only-child):last-child .ruFileWrap { width: 100%; } .form .RadUpload .ruFileWrap { overflow: visible; height: auto; } .form .RadUpload .ruBrowse { margin-left: 0; background: #B1B2B3; padding: .8em 1.2em; height: 32px; box-sizing: border-box; color: #FFFFFF; position: absolute; top: .5em; left: .5em; } .form .RadUpload .ruFakeInput { padding: .8em 1.2em; height: 45px; box-sizing: border-box; top: 0; left: 0; right: 0; width: 100%; } .form .RadUpload .ruRemove { position: absolute; top: 0; right: 0; } .form.positive header { background: #20af0e; } .form.positive { background: #e6ffe2; } .form.negative header { background: #ca0814; } .form.negative { background: #ffd3d6; } /* -------------------------------- *\ OPPORTUNITIES PAGE \* -------------------------------- */ .opportunities { position: relative; margin-bottom: 1em; padding: 1em 2.5em 0; background: url(images/opportunitiesBg.jpg) no-repeat center 0 #3c4621; } .opportunities p { clear: both; text-shadow: 1px 1px 1px #000; } .opportunities *, .opportunities a:link { color: #fff; z-index: 1; position: relative; } .opportunities input, .opportunities select, .opportunities option { color: #4b4b4b; width: 70%; } .opportunities label, .opportunities p { text-shadow: 1px 1px 2px #000, -1px -1px 3px #000; } .opportunities input { float: none; display: inline-block; } .opportunities .formFieldSetLarge { width: 55%; min-width: 380px; } .opportunities .formRow { padding: .6em 0 0; } .opportunities .btn { clear: both; float: left; background: #fff; overflow: hidden; font-weight: bold; border-radius: 2em; margin: 0 0 .8em; } .opportunities .btn a:before { display: none; } .opportunities .btn a:link { display: block; color: #2c3487; padding: .8em 3.2em .8em .8em; background: url(images/searchIcon.png) no-repeat 90% center; } .opportunities .btn a:hover { background-color: #ffc907; } .oppCbList { display: block; padding-bottom: 1em; } .oppCbList label { width: 200px; margin: .35em 0; cursor: pointer; user-select: none; display: inline-block; vertical-align: middle; padding: .2em 0 .2em 4em; background: url(images/opportuntiesSprite.png) no-repeat 0 0; } .cblGroup_1 label { background-position: 0 -277px; } .cblGroup_2 label { background-position: 0 -557px; } .cblGroup_3 label { background-position: 0 -184px; } .cblGroup_4 label { background-position: 0 -370px; } .cblGroup_5 label { background-position: 0 -92px; } .cblGroup_6 label { background-position: 0 -464px; } .cblGroup_7 label { background-position: 0 -652px; } .cblGroup_8 label { background-position: 0 -740px; } .oppCbList label span { display: block; font-size: .9em; } .mainContent .volopp { position: relative; } .mainContent .dofe { position: absolute; right: 0; top: -17.3em; background: #d9dada; padding: .5em; width: 16em; height: 60px; } .mainContent .dofe img { height: 50px; float: left; margin-right: .5em; } /* -------------------------------- *\ VOLUNTEER OPPORTUNITIES \* -------------------------------- */ .volop h3 { background-color: #fcc926; color: #40377a; font-size: 1.3em; padding: 0.6em 1em; margin-bottom: .6em; } .volop div { margin-bottom: 1em; } .volop ul { margin-left: 3%; } /* -------------------------------- *\ SPONSORSHIP / SPONSOR A CAT \* -------------------------------- */ body.sponsorPages { } .sponsorPages header figure { color: #fff; background: #000; } .sponsorPages header figure:before { bottom: 0; width: 100%; height: 30px; content: ""; position: absolute; background: #000; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); } .sponsorPages header figcaption { bottom: 4%; left: auto; height: 72px; width: 284px; right: -1.3em; position: absolute; } .sponsorPages header figcaption:before { content: url(images/SponsorTab.png); } .sponsorPages .mainContent > h3, .sponsorPages .mainContent .yellow h4 { color: #020266; padding-bottom: .4em; font: bold 2em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; } .sponsorPages .mainContent > h2, .sponsorPages .mainContent > h3 { font-size: 1.5em; } .sponsorPages .mainContent .yellow h4 { font-size: 1.4em; } .catGuardians header figcaption { bottom: 4%; left: auto; height: 94px; width: 300px; right: 2em; position: absolute; } .catGuardians header figcaption:before { content: url(images/CatGuardiansStacked.png); } ul.login { clear: right; float: right; line-height: 1; font-size: .95em; list-style-type: none; } ul.login li { padding: 0; display: inline; } ul.login a { font-weight: bold; } ul.login a:hover { text-decoration: none; } ul.login a:before { color: #000374; padding-right: .3em; vertical-align: sub; font: 1.3em "catsprotection"; } ul.login a[title*="Basket"]:before { content: "\e10"; } .catDetails p { padding-bottom: .8em; } .catDetails div + p { padding-top: 1em; float: left; } .catDetails > div { float: left; width: 25.5%; overflow: hidden; box-sizing: border-box; } .catDetails > div:first-of-type { overflow: visible; margin-bottom: 1.5em; } .catDetails header { margin-bottom: 1.2em; } .catDetails.full > div { width: 34.5%; } .catDetails .gallery { width: 45%; margin: 0 2%; box-sizing: border-box; } .catDetails.full .gallery { width: 63.5%; margin: 0 0 1.2em 2%; } .catDetails .gallery figure { float: left; position: relative; } .catDetails .gallery figure figcaption { position: absolute; top: 1em; right: 0; } .catDetails .gallery figure figcaption a { padding: .5em; background: #58585a; color: #FFFFFF; font-size: 1.5em; opacity: .5; transition: ease-in-out .3s; } .catDetails .gallery figure figcaption a:before { font: 1em "catsprotection"; content: "\e600"; padding-right: .5em; } .catDetails .gallery figure figcaption a:hover { text-decoration: none; opacity: 1; } .catDetails .gallery figure figcaption a.share_button:before { content: "\e20"; padding: 0 .2em; } .catDetails .shareaholic-canvas:before { content: "Share:"; font-weight: bold; } .catDetails.full .text { width: 100%; height: auto !important; } .catDetails .shareaholic-canvas { min-height: 55px; } .catDetails li.shareaholic-share-button[title="LinkedIn"] { display: none !important; } .gallery .img, .overlay > article, .sponsorBasket > article img { padding: 6px; display: block; overflow: hidden; background: #fff; max-height: 316px; box-sizing: border-box; border: 1px solid #e9e9e9; } .gallery { position: relative; } .gallery * { outline: none; } .gallery img { border: 1px solid #e9e9e9; } .gallery .img { max-height: none; position: relative; } .gallery .img img { margin: 0; float: left; display: block; width: 100%; max-height: 400px; object-fit: cover; } .gallery .img img, .gallery .img a, .gallery .img span { float: left; display: block; } .gallery .thumbs { padding: 1em 0; margin: 0 -.4em; overflow: hidden; } .catDetails .gallery .thumbs { padding: 1.2em; margin-top: .6em; background: #fcc926; } .thumbs img { float: left; margin: 0 .5em; display: block; cursor: pointer; border: 6px solid #fff; box-shadow: 0 0 0 1px #dfdfe1; transition: border ease-in-out .3s; } .thumbs img:hover, .thumbs img.slick-center { border-color: #00bbee; } .catDetails .thumbs img { border-width: 3px; } .catDetails .thumbs img:hover, .catDetails .thumbs img.slick-center { border-color: #9fcc3f; } .mainContent:not(.memories) > .gallery { width: 50%; clear: right; float: right; margin: 0 0 1.5em 1.5em; } .mainContent > .gallery ~ h2 { clear: none; } .slick-slider button { top: 50%; border: 0; left: .5em; color: #fff; /*z-index: 9999;*/ z-index: 1000; font-size: 8px; cursor: pointer; margin-top: -.6em; position: absolute; background: transparent; } button.slick-next { right: .5em; left: auto; } /*.slick-prev:before, .slick-next:before { width: 35px; height: 35px; display: block; content: "\e0d"; cursor: pointer; border-radius: 100%; border: 3px solid #fff; text-shadow: 0 0 3px #000; font: 1.6em/1.6 "catsprotection"; } .slick-next:before { content: "\e0b"; } .slick-slider button span { display: block; text-indent: -999em; }*/ #pnlPhotos img { float: none; width: auto; margin: 0 auto !important; } /* ADOPT PAGE GALLERY */ .catDetails.adopt .gallery { width: 58%; float: right; margin-right: 0; } .catDetails.adopt .gallery a { text-decoration: none; } /* enlarge and plus icon */ .catDetails.adopt .img a:before, .catDetails.adopt .img a:after { top: 20px; right: 16px; color: #000; z-index: 9999; content: "\e09"; position: absolute; font: 40px/1 catsprotection; } .catDetails.adopt .img a:after { content: "+"; top: 21px; right: 30px; font-size: 27px; font-weight: bold; } .catDetails.adopt .gallery .thumbs { margin-top: 0; padding-left: 0; padding-right: 0; background: none; } .catDetails table { width: 38%; float: left; } .catDetails table tr td:first-child { padding-left: 0; font-weight: bold; } .catDetails table tr td:first-child:after { content: ":"; } .catDetails table tr { background: none; border-color: #e9e9e9; } .catDetails table td { padding: .8em .6em; } .spBox { position: relative; background: #fcc926; padding: 0 1.3em 0; font: bold 1.3em "barmenoregular", Tahoma, Geneva, sans-serif; height: 475px; } .spBox:before { left: 0; bottom: 20%; z-index: 0; content: ""; width: 100%; height: 295px; position: absolute; pointer-events: none; background: url(/images/boxBg.png) no-repeat bottom center; } .spBox > article { z-index: 2; position: relative; padding-top: 1em; } .spBox article > div:not(.btn) { margin-bottom: 1.5em; } .spBox h2 { font-size: 1.7em; } .spBox h2 { color: #020266; } .spBox h2 span, .sponsorPages h1 span { color: #808285; font-size: .6em; } .spBox h5 { font-size: 1.1em; } .spBox .btn { left: 1em; right: 1em; bottom: 1em; font-size: 1.3em; font-weight: bold; position: absolute; } .spBox .btn a { padding: .6em; } .spBox input[type="radio"] { clear: left; } .spBox input[type="radio"] + label { clear: right; margin: .3em 0 0 0; } .spBox span br { display: none; } .spBox .btn, .btn.green { background: #9fcc3f; } .btn.twitter, .btn.facebook { float: left !important; margin-right: 1em; } .twitter.btn a, .facebook.btn a { color: #fff; padding-left: 3em; } .facebook.btn a { color: #fff; background: #027dc3; } .twitter.btn a { background: #2fc5f4; } .facebook.btn a { background: #027dc3; } .twitter.btn a:hover, .facebook.btn a:hover { color: #000374; background: #9fcc3f; } .twitter.btn a:after, .facebook.btn a:after { position: absolute; content: "\e0b"; font: 1.5em/1.5 catsprotection; left: .6em; top: .35em; } .twitter.btn a:after { content: "\e20a"; } .facebook.btn a:after { content: "\e20"; } .giftAmount label span { color: #020266; font-size: 2.9em; vertical-align: middle; } .giftAmount input[type="text"] { padding: .55em; max-width: 35%; } .giftAmount input[type="radio"] { margin-top: 1.1em; } .giftAmount em { font-style: normal; } .overlay { margin-left: -1%; } .overlay > * { margin-left: 1%; } .overlay > article { width: 19%; float: left; overflow: hidden; max-height: none; position: relative; } .overlay > article a:hover { text-decoration: none; } .mainContent .overlay > article { border: 0; width: 31.5%; } .mainContent .yellow .overlay > article { margin-bottom: 1em; } .overlay > article img { margin: 0; float: none; display: block; } .overlay article div:not(.expand):not(.btn), article.generic div:not(.expand):not(.btn) { clear: both; z-index: 3; position: relative; } .link.overlay > article div:not(.expand), .overlay > article div:not(.expand) { color: #020266; padding: .5em .8em; margin: 0 -6px -6px; background: #9fcc3f; font: bold 1.25em "rabioheadregular"; } .expand { top: 0; left: 0; right: 0; bottom: 0; z-index: 2; color: #fff; display: block; overflow: hidden; padding: .5em .8em; position: absolute; box-sizing: border-box; border: 6px solid #58585a; transform: translateY(-100%); background: rgba(88,88,90,.85); transition: ease-in-out transform .4s, ease-in-out visibility .2s, ease-out height .2s; } .link .expand { border-color: #9fcc3f; } article a:focus .expand, article a:hover .expand { transform: translateY(0); height: 100%; visibility: visible; } .overlay .expand h3 { padding-bottom: 0; font: bold 1.85em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; } ul.steps { color: #fff; clear: both; width: 100%; display: table; font-size: 1.1em; overflow: hidden; background: #58585a; margin-bottom: 1.2em; padding: 0; } ul.steps li a { z-index: 3; display: block; color: inherit; position: relative; padding: 1em .6em 1em 3.2em; } ul.steps li:first-of-type a { padding-left: 1em; } ul.steps li.active { color: #000374; background: #9fcc3f; } ul.steps.yellow li.active { background: #fcc926; } ul.steps a:hover { text-decoration: none; } ul.steps li { position: relative; display: table-cell; font: bold 1.2em/1.5 "barmenoregular", Tahoma, Geneva, sans-serif; padding-bottom: 0; } ul.steps li:after { top: 0; z-index: 2; right: -25px; content: ""; width: 75px; height: 75px; position: absolute; background: #58585a; transform: rotate(45deg); border-top: 2px solid #919192; border-right: 2px solid #919192; } ul.steps li.active:after { border: 0; background: #9fcc3f; } ul.steps.yellow li.active:after { background: #fcc926; } ul.steps li:last-of-type:after { display: none; } ul.steps li span { display: block; font: .8em Arial, Helvetica, sans-serif; } ul.steps.guardian li { width: 20%; } ul.steps + .btn, ul.steps + .btn + section + .prev { margin-top: 0; } .sponsorBasket, section.yellow { border: 0; color: #363636; position: relative; background: #fcc926; padding-bottom: .5em; } .sponsorBasket h2, .sponsorBasket .total { color: #000374; padding-bottom: .4em; font: bold 2.35em "barmenoregular", Tahoma, Geneva, sans-serif; } .sponsorBasket > article { width: 21.5%; float: left; margin-top: .5em; margin-left: 4.5%; margin-bottom: .5em; } .sponsorBasket > article:nth-of-type(4n+1) { clear: left; margin-left: 0; } .sponsorBasket img { margin-bottom: .5em; } .sponsorBasket a { color: inherit; } .sponsorBasket .total { width: 22%; right: .6em; bottom: .5em; font-size: 2em; text-align: center; position: absolute; } .sponsorBasket > article:nth-of-type(n+4) ~ .total { width: auto; } .sponsorBasket > article:first-of-type:nth-last-of-type(4n) ~ .total { width: auto; clear: both; float: right; position: static; padding: .5em .5em 0 0; } /* link boxes are style like on donate */ .boxes.link { margin-left: 0; padding-bottom: 1em; } .link img { float: none; display: block; margin: 0 !important; } .boxes.link article { border: 0; padding: 0; width: 23.5%; margin-top: .5em; margin-bottom: .5em; } .mainContent .boxes.link article { width: 32%; } .boxes.link article:first-of-type, .mainContent .boxes.link article:nth-of-type(3n+1) { margin-left: 0; } article.link { border: 0; padding: 0; } .boxes.link article > div, .boxes.link article > a > div, article.link div { color: #020266; padding: .8em 1em; position: relative; background: #9fcc3f; border-top: 1px solid #fff; transition: linear background .3s, linear color .3s; } .link a { text-decoration: none; } article.link a:focus > div, .boxes.link a:hover > div { color: #fff; background: #00bbee; } /* generic boxes are style like on events, bereavement etc */ .boxes .generic { padding: 0; color: #fff; width: 31.3%; margin-bottom: 2.5%; background-color: #58585a; border: 1px solid #d1d2d4; } .boxes .generic a:hover .btn { color: #00bbee; background: #fff; } .boxes .generic.white { color: inherit; background-color: transparent; } .boxes .generic.lightgrey { color: inherit; background-color: #D9DADA; } .boxes .generic.cream { color: inherit; background-color: #F5F2E9; } .boxes .generic.purple { background-color: #332C70; } .boxes .generic.lightblue { background-color: #00bbee; color: #ffffff; } .boxes .generic h2, .boxes .generic h3 { /*padding-top: .5em;*/ padding-bottom: 1em; font-weight: normal; font-family: inherit; } .boxes article.full { width: 98%; max-width: none; } .boxes .generic h2 { padding-top: .5em; } .boxes[class="2"] .generic { width: 48%; } .boxes .generic a:hover > div:not(.expand) { color: #fff; background-color: #00bbee; } .boxes .generic a:hover .expand { border-color: #00bbee; } .boxes .generic img { margin: 0 !important; border-bottom: 1px solid #fff; width: 100% !important; max-width: inherit !important; } .boxes .generic > div, .generic article a > div { padding: 1em 1.2em 1.4em; } .boxes article.generic > a > div:not(.expand) { padding: 1em 1.2em 4em 1.2em; } .boxes .generic > div *:not(a):only-child, article.generic a > div *:only-child, article.generic h2:last-child, article.generic h3:last-child { padding: 0; } /* -------------------------------- *\ EVENTS AREA \* -------------------------------- */ /* see above generic boxes for box types */ .socialCount { float: right; } .socialCount + h1 { display: inline-block; } .socialCount > a { float: left; overflow: hidden; margin-left: .5em; padding: 1.7em; position: relative; border: 1px solid #d1d2d4; font: bold 1em/1 barmenoregular; } .socialCount > a:before { top: 0; left: 0; bottom: 0; position: absolute; font: 3.4em 'catsprotection'; } .socialCount .twitter:before { color: #28a9e0; content: "\e20a"; } .socialCount .facebook:before { color: #4a6ea9; content: "\e20"; } .socialCount > div span { font-size: 1.7em; display: block; } .socialCount .twitter span { color: #28a9e0; } .socialCount .facebook span { color: #4a6ea9; } .socialCount .twitter { padding-left: 4em; } .socialCount .facebook { padding-left: 4em; } .date:before { content: "\e901" !important; } .location:before { content: "\e904" !important; } #videoDetail:before { content: "\e905" !important; } .eventQuote:before { content: "\e902"; padding-right: .4em; display: inline-block; vertical-align: middle; font: 2.8em catsprotection; } ul.details { padding: .8em 0; font-size: 1.3em; overflow: hidden; margin-bottom: 1em; border-top: 1px solid #d1d2d4; border-bottom: 1px solid #d1d2d4; } ul.details li { padding: .2em 0; position: relative; } ul.details li:before { content: "\e20f"; padding-right: .4em; display: inline-block; vertical-align: middle; font: 1.5em catsprotection; } .sections.events h3 { clear: none; padding-bottom: 0; } .sections.events article { padding: 1em 0; } .sections.events article:last-of-type { border: none; } .sections.events h3 + span { padding-bottom: .8em; display: block; } .paging.events { border-bottom: 1px solid #d1d2d4; padding-bottom: 1em; } video.vidLot { width: 100% !important; height: auto !important; } .video { position: relative; display: block; } .video span:before { position: absolute; content: ""; top: 50%; left: 0; right: 0; transform: translateY(-50%); border-top: 19px solid transparent; border-left: 34px solid #ffffff; border-bottom: 19px solid transparent; } .boxes article.video > div:not(.expand), .boxes article.video > a > div:not(.expand) { padding: .75em 1.2em .75em 1.2em; } .boxes article.video > div.expand, .boxes article.video > a > div.expand { bottom: 55px; } article.video a:focus .expand, article.video a:hover .expand { height: auto; } .video { position: relative; } .video a:after { content: "\e905"; display: inline-block; vertical-align: middle; font: 6.5em catsprotection; position: absolute; top: 18%; left: 36%; } .video span { position: relative; display: block; } /* -------------------------------- *\ END EVENTS \* -------------------------------- */ #rblSponsorshipType label { float: left; } span#upnlMain { width: 100%; } .ribbon-wrapper { top: 0; right: 0; width: 100%; height: 100%; z-index: 1 !important; position: absolute !important; background: transparent !important; font: normal 1.1em "rabioheadregular" !important; } .gallery .ribbon-wrapper { pointer-events: none; z-index: 9999 !important; font: normal 1.25em "rabioheadregular" !important; } .ribbon { right: 20%; top: 5%; width: 200%; position: relative; text-align: center; color: #fff !important; transform: rotate(35deg); padding: 2px 0 !important; background: #000 !important; border: 2px solid #fff !important; font: normal 1.1em "rabioheadregular" !important; } .ribbon.rehomed { background: #CA0814 !important; } .gallery .ribbon { top: 7%; right: 12%; } /* -------------------------------- *\ CONTACT PAGE \* -------------------------------- */ .contactCQ { display: block; margin-bottom: 2em; position: relative; width: 50%; float: left; } .contactCQ a { color: #808285; display: block; background: #fff; padding: .8em 1em; line-height: 1.5em; border-top: 1px solid #ccc; } .contactCQ a:before { float: right; content: "\e0b"; font: 1.2em/1.2 catsprotection; } /*.contactQuestions a:before { content: "\e0c"; }*/ .contactCQ a:hover { text-decoration: none; } .contactCQ ul, .mainContent .contactCQ li { padding: 0; list-style-type: none; } .contactCQ .active a { color: #fff; background: #58585a; } .contactQuestions .active a { background: #00bbee; } .contactCats, .contactQuestions { width: 49.9%; float: left; } .contactInfo { width: 48%; float: right; } .contactCats > div { font-weight: bold; } .contactQuestions { top: 0; right: 0; z-index: 999; position: absolute; } ul.contactLinks { text-align: center; width: 100%; padding: 1em 0; display: inline-block; } ul.contactLinks li { display: inline-block; font: bold 1.1em/1 barmenoregular; color: #58585a; padding: .5em; } ul.contactLinks a { margin: 0 1em; color: #58585a; display: block; } ul.contactLinks a.ic-facebook { color: #3b5998; } ul.contactLinks a.ic-twitter { color: #2ba9e1; } ul.contactLinks a:before { vertical-align: middle; font: 1.1em/1 catsprotection; color: #fff; background: #58585a; border-radius: 10em; padding: .4em; display: inline-block; margin-right: .25em; overflow: hidden; } ul.contactLinks a.ic-facebook:before { font: 2em/1 catsprotection; padding: 0em; color: #3b5998; background: none; } ul.contactLinks a.ic-twitter:before { font: 2em/1 catsprotection; padding: 0em; color: #2ba9e1; background: none; } #facOverlay { top: 0; left: 0; right: .1em; bottom: 1.2em; background: rgba(0,0,0,.4); position: absolute; z-index: 99; display: none; text-align: center; } #facOverlay p { color: #00bbee; padding: .5em 0 0; } #facOverlay > div { padding: 1em; margin: 3em 5em; background: #fff; position: relative; display: inline-block; } #facOverlay > div:after { width: 0; height: 0; top: 50%; right: 100%; content: " "; margin-top: -31px; position: absolute; pointer-events: none; border: solid transparent; border-right-color: #fff; border-width: 31px; } #facOverlay h3 { padding: 0; } .HYCH a { display: block; position: relative; padding-left: 3.5em; } .HYCH li { border-bottom: 1px solid #d1d2d4; padding-bottom: 1.5em; margin-bottom: 1.5em; } .HYCH li:first-child { padding-top: .5em; } .HYCH li:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: .5em; } .HYCH h3 { display: inline-block; padding-bottom: 0; } .HYCH a { color: #808285; } .HYCH a:hover { color: #fcc926; } .HYCH a:after { float: right; content: "\e0b"; color: #fcc926; font-family: "catsprotection"; } .HYCH a:before { top: 0; left: 0; color: #fcc926; position: absolute; /*font: 2.5em/.7 'catsprotection';*/ } /*ul.HYCH { list-style-type: none; padding-left: 0; }*/ path, polygon { transition: .6s fill; fill: #D1D2D4; } svg a path, svg a polygon { fill: #818285; cursor: pointer; } svg a:hover polygon, svg a:hover path { fill: #FCC926; } /* -------------------------------- *\ FOOTER \* -------------------------------- */ footer[role="contentinfo"] { clear: both; overflow: hidden; } footer a { color: #808285; } footer a:hover { text-decoration: none; } footer h5 { font-weight: bold; } footer > span { float: right; } footer > ul { float: left; font-size: .9em; } footer > ul li, footer section > ul li { padding-left: .6em; display: inline-block; } footer > ul li:first-child, footer section > ul li:first-child { padding-left: 0; } footer > ul li:before, footer section > ul li:before { content: " | "; padding-right: .4em; } footer section > ul li:last-child:before { content: ' | '; padding-left: .4em; } footer section > ul li:last-child { padding-left: 0; } footer ul li:first-child:before { display: none; } footer > section { padding-bottom: 1em; } footer article { float: left; width: 23.5%; margin-left: 2%; } footer article:first-of-type { margin-left: 0; } footer article ul { padding-bottom: 1.2em; position: relative; } footer article ul:last-child { padding: 0; } footer article ul li { padding: .1em 0; } .googleTranslater { float: right; padding-left: 2em; } .googleTranslater + ul { padding-top: .2em; } /* -------------------------------- *\ POPUP SPONSOR \* -------------------------------- */ .popup { background: #FFCC00; padding-top: 10px; overflow: hidden; padding-left: 12px; padding-right: 12px; } .fancybox-outer { padding: 5px !important; } .popup h2 { text-align: center; } .popup p { text-align: center; } .popup .btn { background: #9fcc3f; width: 170px; float: none; margin: 0 auto 1em; } .popup img { width: 285px; height: 180px; padding-bottom: 10px; margin: 0 auto; display: block; } /* -------------------------------- *\ POPUP EVENTS \* -------------------------------- */ .eventPopup.mainContent { width: 95%; float: none; margin: 0 auto; } .eventPopup .gallery { width: 48%; } .eventPopup section { padding-top: 1.5em; } .eventPopup .testimonials article { margin-bottom: 1.5em; padding-bottom: 1em; overflow: hidden; border-bottom: 1px solid #d1d2d4; } .eventPopup .testimonials article:last-of-type { border: none; margin-bottom: 0; padding-bottom: 0; } .testimonials article span { float: right; font-style: italic; font-size: 16px; padding-right: 6px; padding-bottom: .5em; } .testimonials article { clear: both; } /* -------------------------------- *\ MEMORIES \* -------------------------------- */ .memories h1, .memories h2 { text-align: center; color: #d1d2d4; font-family: "barmenoregular", Tahoma, Geneva, sans-serif; font-size: 1.6em; } .memories h1 span { font-size: 1.8em; color: #363636; } .memories h2 { font-style: italic; } .memories .gallery { overflow: hidden; margin: 2em 0; } .memories .gallery .image { padding: 2%; display: inline-block; transition: all 0.5s ease; } .memories .gallery .image img { padding: 3%; display: block; background: #fff; box-sizing: border-box; border: 1px solid #f0f0f0; transition: all 0.5s ease; } .memories .gallery .image.slick-center:nth-child(n+4) img { transform: scale(1.8); } .memories .share-bar { border-top: 1px solid #d1d2d4; border-bottom: 1px solid #d1d2d4; padding: .4em 0 .5em 0; margin: 2em 0; overflow: auto; } .memories .shareaholic-canvas { margin: 0; overflow: visible; clear: none; float: left; } .memories .shareaholic-canvas:before { display: none; } .memories .share-bar .btn { margin: .2em 0 0 1em; } .memories .comments { background: #F7F7F7; padding: 1em; margin-bottom: 1em; } .memories .comments article { display: block; } .memories .comments article:not(:last-child) { border-bottom: 1px solid #d1d2d4; margin-bottom: 1em; padding-bottom: 1em; } .memories .comments article span { display: block; margin-top: 1em; } .memories .comments article span strong { float: right; font-size: 1.5em; } .memories .comments .report { color: #808285; } .memories .comments .report:before { content: "\e30"; font-family: "catsprotection"; font-size: 1.2em; } .memories .comments .report:hover, .memories .comments .report.submitted { text-decoration: none; color: #00bbee; } /*----------------------------------*\ LOTTERY \*----------------------------------*/ .lottery .playBtn { width: 210px; margin: 0 auto 2em auto; display: block; } .lottery h2 { float: left; width: 70%; text-align: center; margin: 0 3em; } .lottery .enter { padding-right: 0; margin-bottom: 2.2em; } .enter > div { width: 74%; float: left; } .enter > div:first-child { width: 24%; } .enter h3 { font-size: 3.4em; line-height: 1.2em; color: #294292; font-weight: bold; font-family: "barmenoregular", Tahoma, Geneva, sans-serif; } .enter a { color: inherit; } .enter div:first-child { border-right: 1px solid #d1d2d4; padding-right: 1em; } .enter div article { width: 31%; float: left; margin-left: 1em; } .enter div article div { background-color: #E62A2E; min-height: 275px; padding: 1em; color: #fff; } .yellow-block { background-color: #FCC22A; } .yellow-block h4 { padding: .5em 0; } .enter div article p { text-align: center; } .enter a { color: #fff; } .enter h3 + p { color: #294292; padding-bottom: 0; } .enter div article img + p { clear: both; } .enter h3 span { color: #fcc926; font-size: inherit; display: initial; } .enter div img { margin: 0 auto; display: block; float: none; } .enter article:nth-child(2n+1) img { width: 80%; } .enter .btnLottery { padding-top: .5em; } .lottery .col { width: 35%; float: left; } .lottery h4 { font-size: 3.5em; font-family: "barmenoregular", Tahoma, Geneva, sans-serif; text-align: center; line-height: 1.3em; color: #294292; } .lottery section ul { -moz-column-count: 2; -moz-column-gap: 2em; -webkit-column-count: 2; -webkit-column-gap: 2em; column-count: 2; column-gap: 2em; counter-reset: reasons-counter; list-style-type: none; padding: 0; } .lottery section ul li { counter-increment: reasons-counter; padding-bottom: 1.5em; margin-bottom: 1em; position: relative; padding-left: 3em; padding-top: .4em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .lottery section ul li:nth-child(5n) { margin-top: 0; } .lottery section ul li:before { content: counter(reasons-counter, decimal); background: url("/images/ballblue.png") no-repeat; text-align: center; padding-top: 5px; display: block; color: #fff; width: 30px; height: 30px; float: left; font-weight: bold; font-size: 1.1em; position: absolute; top: 0; left: 0; } .lottery section ul li.red:before { background: url("/images/ballred.png") no-repeat; } .lottery section ul li.orange:before { background: url("/images/ballorange.png") no-repeat; } .lottery section ul li.yellow:before { background: url("/images/ballyellow.png") no-repeat; } .lottery .bubble { background-color: #CBD0E7; float: left; width: 58%; padding: 2.3em 1em 0; border-radius: 20px 20px 0 0; position: relative; box-sizing: border-box; margin-bottom: 10%; } .lottery .bubble:after { position: absolute; bottom: -32%; left: 0; background: url(/images/lotteryBoxBottom.png) no-repeat bottom; z-index: 0; content: ""; width: 100%; height: 185px; background-size: contain; } .lottery .bubble * { position: relative; z-index: 2; } .lottery .bubble p { color: #294292; padding-bottom: 1em; text-align: center; } .lottery .bubble p strong { font-size: 1.3em; font-family: "barmenoregular", Tahoma, Geneva, sans-serif; } .lottery .disclaimer { width: 38%; float: left; margin-right: 2em; } .lottery .testimonials { padding-top: 4em; overflow: hidden; } .lottery .testimonials h5 { padding-bottom: 1.8em; } .lottery .testimonials figure { padding-bottom: 3em; width: 40%; float: left; } .lottery .testimonials figcaption { bottom: 0; left: 10%; } .lottery .testimonials article { float: left; width: 55%; clear: none; margin-left: 1.8em; } .lottery .testimonials .quote { position: relative; } /*.lottery .testimonials .quote:before { font:bold 21em barmeno; content:'“'; position:absolute; top:-109px; left:-80px; color:rgba(88,88,90,.1); } .lottery .testimonials .quote:after { font:bold 21em barmeno; content:'”'; position:absolute; top:180px; right:0px; color:rgba(88,88,90,.1); }*/ /* ------------------------------ *\ SUMMER APPEAL \* --------------------------------*/ .boxes article.summerAppeal { width: 100%; max-width: none; } .boxes article.summerAppeal .names { float: left; width: 61%; padding-bottom: 0; padding: 1em; } .boxes article.summerAppeal .names > div:not(.btn) { float: left; width: 49%; margin-right: 2%; } .boxes article.summerAppeal .names > div:last-child { margin-right: 0; } .boxes article.summerAppeal .btn { margin-left: 1em; position: inherit; margin-top: 0; width: 120px; } .boxes article.summerAppeal img { width: 35%; float: left; } .pagenotfound { position: relative; } .pagenotfound .pofbottom { position: absolute; margin: 0 auto; left: 0; right: 0; width: 58%; bottom: 0; color: #fff; font: bold 1.3em "barmenoregular", Tahoma, Geneva, sans-serif; } .pagenotfound .btnContainer { width: 330px; margin: 0 auto; } .findus { padding: 0 !important; border: none !important; } .findus h2 { font-size: 3.1em; color: #FCC926; padding-bottom: 0; padding-top: 5px; } .findus p, .findus small { color: #fff; } .findus small { float: left; } .findus > div { padding: 1em; float: left; box-sizing: border-box; } .findus .boxes article { border: none; padding-top: 4px; } .findus .boxes article .btn, .findus article .btn { position: relative; float: left; width: 72px; min-width: 0; text-align: center; padding: .6em .6em .4em .6em; text-transform: uppercase; font-weight: bold; font-size: 14px; } .findus a.btn:before, .btn.small:before { content: ""; } .findus .ad.boxes article.buttons, .findus article.buttons { position: absolute; bottom: 0; left: 0; margin-left: 0; width: 100%; border: none; margin-bottom: 0; padding-bottom: 0; max-width: none; } .findus .ad.boxes article:nth-child(-n+2) { width: 45%; } .findus span { font-size: 18px; } .fbranch { width: 68%; background: url(/images/cat-find-us.jpg) 50% 60%; position: relative; background-size: cover; } .fbranch.full { width: 100%; } .fbranch p { line-height: 17px; } .fshop { width: 32%; background-color: #58585A; position: relative; } .fshop > article { width: 100%; padding-bottom: 0; margin-bottom: 0; } .boxes article .btn.small { float: left; width: 65px; min-width: unset; text-align: center; padding: .6em; text-transform: uppercase; font-weight: bold; } input.input-postcode { width: 250px; margin-left: 1em; } .findus-search { margin-top: 1em; } .findus-search label { display: inline-block; } .findus-search .btn { float: none; width: 100px; display: inline-block; margin-left: 1em; } h2.secondary-title { font-size: 2em; padding: 0.4em 0 1.1em 0; } .adbox-img-override { width: 100%; min-width: 100%; max-width: 100%; margin: 0; } .thank-you-memory article { height: 309px; background-color: #58585A; } .thank-you-memory article > div { padding-bottom: 7em; color: white; } .boxes.thank-you-memory > article img { width: 100%; min-width: 100%; max-width: 100%; margin-top: -15px; } /* -------------------------------- *\ COLUMNS \* -------------------------------- */ .cols { display: block; float: left; width: 100%; } .cols > * { display: block; float: left; width: 50%; } .cols .third { width: 33%; } .cols .twothirds { float: right; width: 66%; } /* -------------------------------- *\ COLUMNS \* -------------------------------- */ .multicampaign{ display:block; } .multicampaign .cols > div { width:50%; box-sizing:border-box; float: left; padding-left:.5em; position:relative; } .multicampaign .cols > div:nth-child(2n+1){ padding-right:.5em; padding-left:0; } .multicampaign .cols > div >.btn { position:absolute; bottom: 1em; right: 50%; margin-right: -75px; } .multicampaign .cnt { clear:both; text-align:center; position: relative; padding: 0 0 1em; } .multicampaign .stats { width:23.4%; box-sizing:border-box; float: left; margin: 1em 2.1% 2em 0; background:#d9dada; color:#363636; padding:1.5em; } .multicampaign .stats:nth-child(4n+3){ margin-right: 0 ; } .multicampaign .stats h3 { font: bold 2.3em/1.2 "barmenoregular", Tahoma, Geneva, sans-serif; padding:0; } .multicampaign .stats p { padding: 0; } .multicampaign .boxes article { max-width: initial; border:none;} .multicampaign .boxes article > div { border:1px solid #d1d2d4; padding-bottom: 7.5em;} /* -------------------------------- *\ TEMPORARY CHRISTMAS SPONSOR FLASH \* -------------------------------- */ .xmasFlash { position: relative; border: #fff 2px solid; background: url(/images/sponsor/snowflakes.PNG) bottom right no-repeat #020266; color: #fff; padding: 1em 5em 1em 7em; margin: 3em 0 1.5em 4em; border-radius: 20px; box-shadow: 0px 3px 5px #888888; } .xmasFlash + h1 { clear: none !important; } .xmasFlash + h1 + p { padding: 0 20em 0 0; } .xmasFlash:before { position: absolute; background: url(/images/sponsor/ribbon.PNG) top left no-repeat transparent; width: 200px; height: 100px; top: -3em; left: -4em; content: ''; } .xmasFlash span { content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(/images/sponsor/snowflakes.PNG) bottom left no-repeat transparent; } .xmasFlash h3 { font: bold 1.6em/1.2 'barmenoregular', Tahoma, Geneva, sans-serif; color: #fcc926 !important; padding: 0; } .xmasFlash h4 { font: bold 1.25em "rabioheadregular" !important; color: #fcc926 !important; padding: 0; } .xmasFlash.flash { width: 200px; padding: 0.75em; text-align: center; font-size: 1.5em; margin: 1.5em 0 0 2em; float: right; } .xmasFlash.flash:before { background: url(/images/sponsor/ribbon_sml.PNG) top left no-repeat transparent; top: -1.5em; left: -2.25em; } .xmasFlash.flash span { display: none; } /* -------------------------------- *\ FIND A CAT \* -------------------------------- */ .cat-counter { left: 0; right: 0; bottom: 0; padding: .2em 1em; position: absolute; text-align: center; background-color: #D5D5D5; } .cat-counter.no-views { color: #fff; background-color: #98C743; } /* cat head number container */ .cat-counter .icon { margin-right: .8em; text-align: center; position: relative; display: inline-block; vertical-align: middle; } /* number inside cat head icon */ .cat-counter .icon span { left: 0; right: 0; top: 50%; bottom: 0; color: #fff; line-height: 1.8; font-weight: bold; position: absolute; transform: translateY(-50%); font-family: "barmenoregular", Tahoma, Geneva, sans-serif; } .cat-counter.no-views .icon span { color: #58585a; } /* cat head icon */ .cat-counter .icon:before { color: #0be; content: "\e10f"; vertical-align: middle; font: 3.2em catsprotection; } .cat-counter.no-views .icon:before, article:hover .cat-counter .icon:before { color: #fff; } .cat-counter p { display: inline-block; vertical-align: middle; } article:hover .cat-counter { background-color: #0be; } article:hover .cat-counter .icon span { color: #0be; } /* -------------------------------- *\ RESPONSIVE \* -------------------------------- */ @media screen and (max-width: 1200px) { .mainNav li:first-child { width: auto; } .quicklinks fieldset .btn, .quicklinks .ic-phone .btn { min-width: 0 !important; } .enter div article { width: 30%;} .enter h3 { line-height:.9em;} } @media screen and (max-width: 1080px) { .enter h3 {line-height:.9em; padding-bottom:.2em; font-size:2.7em;} .enter > div {width:69%;} .lottery h4 {font-size:3em;} .lottery .disclaimer{margin-right:1.6em;} } @media screen and (max-width: 1020px) { .mainNav li:first-child { min-width: 0; } .banner figure { min-height: 0; } .quicklinks .btn { height: 43px; overflow: hidden; } .quicklinks fieldset .btn a span { top: -999em; left: -999em; position: absolute; } .quicklinks .ic-phone .btn { width: 45px; position: relative; } .quicklinks .btn a { height: 100%; box-sizing: border-box; padding-right: 1.2em; } .quicklinks fieldset .btn a:before { display: none; } .quicklinks fieldset .btn a:after { content: "\e09"; padding: 0; margin: 0 -.2em; font: 1.9em/1 "catsprotection"; } .quicklinks .ic-phone .btn i { top: -999em; left: -999em; position: absolute; } .quicklinks .ic-phone .btn a:before { right: .2em; position: absolute; content: "\e30c"; font: 2.3em "catsprotection"; } .banner figcaption { width: 70%; right: 6.5em; font-size: .7em; } header figure figcaption { width: 52%; font-size: 1em; } .direction-nav { font-size: .7em; } .catDetails > div:first-of-type { width: 100%; } .catDetails .gallery { margin: 0; width: 62%; } .catDetails .shareaholic-canvas { margin-bottom: 0; } .catDetails .spBox { float: right; width: 36%; } .news article { width:48%; } .news article:nth-of-type(3n){margin-right:4%;} .news article:nth-of-type(2n){margin-right:0;} } @media screen and (min-width: 800px) and (max-width: 1120px) { header figure .btn + .btn { clear:none; margin-top:0; margin-right:.5em; } header figure .btn:only-child { position:relative; } } @media screen and (min-width: 800px) and (max-width: 1000px), screen and (max-width: 730px) { .mainContent .overlay > article { width: 48%; margin-bottom: .6em; } .overlay > article { width: 31.5%; margin-top: .5em; margin-bottom: .5em; } .mainContent .boxes.link article { width: 49%; } .mainContent .boxes.link article:nth-of-type(3n+1) { clear: none; margin-left: 2%; } .mainContent .boxes.link article:nth-of-type(2n+1) { clear: none; margin-left: 0; } .mainContent .overlay > article:nth-of-type(2n+1), .mainContent .boxes.link article:nth-of-type(2n+1) { clear: left; } } @media screen and (max-width: 920px) { .mainNav { font-size: 1em; } aside { width: 31%; } .mainContent { width: 67%; } footer > ul, footer > span { float: none; text-align: center; display: block; } footer > span { padding: .2em .5em; opacity: .7; margin-top: .5em; border-top: 1px solid #d1d2d4; } .enter div:first-child{width:100%;padding:0; border:none;margin-bottom:.8em;} .lottery .enter {padding:1.5em;} .enter > div {width:100%;} .lottery .disclaimer { margin-right:1.2em;} } @media screen and (max-width: 800px) { .outerWrapper { padding: .6em .6em 0; } .mainNav .dropDown > div { width: 25%; } .mainNav .dropDown > div:last-of-type { width: 100%; float: none; border: 0; padding: 0; height: auto !important; } main { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-orient: vertical !important; } .mainContent, aside { float: none; clear: both; width: 100%; } .mainContent { display: block; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -webkit-order: 2; -ms-flex-order: 2; order: 2; } aside { display: block; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-order: 3; -ms-flex-order: 3; order: 3; } #responsiveAside { display: block; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 1; -ms-flex-order: 1; order: 1; } #responsiveAside ul { list-style-type: none; padding: 0; } .shareaholic-canvas { -webkit-box-ordinal-group: 4; -moz-box-ordinal-group: 4; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .mcollapse { position: relative; } nav .mcollapse:before { right: 1.5em; position: absolute; content: "\e07"; font: 1.1em/1.55 "catsprotection"; } nav .mcollapse.show:before { content: "\e08"; } header .quicklinks { margin-bottom: .6em; } .logo { width: 22.5%; } header figure, .sponsorPages header figure, .cps-area header figure { width: 76%; } header figure img, .sponsorPages figure img, .cps-area figure img { max-width: none; width: 180%; margin-left: -50%; } .sponsorPages figure img { margin-left: 0; } .banner figure figcaption .btn { min-width: 0; padding-top: 1em; padding-bottom: 1em; } ul.login { clear: both; float: none; padding-left: 0; margin-bottom: .5em; } nav .mcollapse.hide + * { display: none; } body.FAC .find-a-cat header + div { display: block !important; } .find-a-cat img { width: 240px; display: block; margin: 0 auto .8em; } .find-a-cat:only-child .columnize { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } aside nav { padding-bottom: 0; } aside ul:last-child { margin-bottom: 0; } aside > *:not(script):nth-of-type(odd) { margin-left: 0; clear: left; } aside > article:only-of-type, aside > div:only-of-type { float: none; width: 100%; min-width: 300px; margin-left: auto; margin-right: auto; } aside > article, aside > div { width: 49%; float: left; margin-left: 2%; } #facOverlay > div:after { top: 0; left: 0; right: 0; margin: -30px auto; border-width: 18px; border-right-color: transparent; border-bottom-color: #fff; } .sponsorBasket > article { width: 23.1%; margin-left: 2.5%; } .sponsorBasket h2, .sponsorBasket .total { font-size: 1.8em; } .catDetails .gallery, .catDetails .spBox, .catDetails.full .gallery { width: 100%; clear: both; height: auto !important; } .catDetails.full .gallery { margin:0;} .spBox:before { display: none; } .spBox .btn { width: 100%; margin-bottom: 1em; position: static; } .catDetails .gallery { margin-bottom: 1.5em; } .gallery .thumbs { padding: .8em; margin: 0; } .boxes.link article { width: 49%; } main > .boxes.link article:nth-of-type(2n+1){ margin-left: 0; clear: left; } main > section .overlay > article { width: 48%; margin-bottom: .6em; } input[type="radio"] + label, input[type="checkbox"] + label { margin-left: 0; } .googleTranslater, footer section:not(.main) ul { text-align: center; } .googleTranslater { padding: 0; float: none; margin-bottom: .5em; } /*footer .main ul:before { content: "\e0c"; right: 0; top: -2.2em; color: #fff; width: 18px; height: 15px; position: absolute; text-align: center; background-color: #808285; font: .9em/1.4 catsprotection; }*/ header figure .btns { font-size: 1.05em; } .lottery .disclaimer {width:37%;} .lottery h4 { font-size:2.5em;} } @media screen and (max-width: 680px) { iframe { width: 100%; } .mcollapse { position: relative; } header.mcollapse:before { right: 1.5em; position: absolute; content: "\e07"; font: 1.1em/1.55 "catsprotection"; } .mcollapse.show:before { content: "\e08"; } #sidr ul.shareaholic-share-buttons { display: none !important; } #sidr .nav .btn { display: none; } header[role="banner"] { margin-bottom: .8em; } .banner h4 { font-size: 2em; } .banner figcaption { width: auto; left: 6.5em; } .banner img { width: 155%; max-width: none; } #pnlPhotos img { width: 100%; } .slideshow img { width: 100%; } ul .bread { padding-bottom: .3em; } .ic-menu { display: block; } .logo img { height: auto !important; } .sponsorPages .ic-menu, .cps-area .ic-menu { margin-top: 0.65em;} .mainNav { display: none; } .sidr-inner h4 { padding: 0; } .nav:not(.branch) > li:last-child { display: block; } header figure, .sponsorPages header figure, .cps-area header figure { width: 100%; clear: both; margin: .6em 0; } header figure figcaption { width: 70%; } header figure br, .sponsorLogin { display: none; } ul.login { top: .6em; right: .6em; position: absolute; text-align:right; } ul.login li span { display: none; } ul.login a { color: #000374; } ul.login li { margin-left: .5em; } ul.login a[title*="Login"]:before { padding: 0; content: "\e40c"; font-size: 1.6em; } main, footer[role="contentinfo"] { /*overflow: visible;*/ padding-bottom: 0; } header > .quicklinks { display: none; } /*aside nav ul:last-child { margin-bottom: -1em; }*/ #responsiveAside article {width:100%; margin: 0.2em 0;} #responsiveAside article:last-child {margin-bottom:.6em;} #responsiveAside ul { list-style-type: none; padding-left:0;} .sidr ul li h3 { padding: 0; font-weight: bold; } .find-a-cat fieldset label { clear:none; width:inherit;} .find-a-cat fieldset { padding-bottom:1em; overflow: hidden; } #facOverlay .mShow { display: block; } .quicklinks fieldset { float: none; width: 100%;clear: both; text-align: left; } .quicklinks .btn, .quicklinks .btn a { margin: 0; width: 43px; padding: 0; min-width: 0; } .quicklinks .btn a:hover { color: inherit; background: none; } .sidr .btn { color: #fff; background: none; } .sidr .btn a { color: inherit; } .quicklinks fieldset .btn a:after { margin: 0 0 0 .4em; line-height: 1.5; float: none; } .quicklinks input { width: 167px; border: 0; margin: 0; } .quicklinks select { display: none; } .sidr .ic-phone { display: none; } aside > article, aside > div, main > section, .mainContent > section, .feed article, footer > section { padding: .8em 1em 0; } aside > article header + div, aside ul:not(.subNav):last-child { padding-bottom: 1em; } .mainContent > section { width: auto; } .mainContent img:not([src*="banner"])[style*="float: right"], .mainContent img:not([src*="banner"])[style*="float: left"] { width: 300px !important; } [class="boxes"] > article { width: 48%; } [class="boxes"] > article:nth-of-type(2n+1) { clear: left; float: right; } .ad.boxes article img { display: none; } main .shareaholic-canvas { text-align: center; margin-bottom: 1em !important; } .sponsorBasket + .btn { width: 100%; } .sponsorBasket .mShow { display: block; padding-bottom: .3em; margin-bottom: .3em; border-bottom: 1px solid rgba(250,250,250,.5); font: bold 1.85em "barmenoregular",Tahoma,Geneva,sans-serif; } img.right, img.left { float: none !important; margin: 0 0 .8em !important; } input, select { height: auto; padding: .7em; } .form input, .form select, .form textarea, .form > fieldset > div, .form section > fieldset > div input, fieldset label, .form label { width: 100%; clear: both; display: block; } .form section input[id*="Postcode"], .form section input + input[type="submit"] { width: 100%; float: none; clear: both; margin-bottom: .3em; } .form section input + input[type="submit"] { width: auto; } .contactCQ, .contactInfo { clear:both; width: 100%; float: left; } .contactCats {width:100%;} .contactQuestions { margin-bottom: 1em; font-style: italic; position: static; width:100%; } .contactQuestions a:before { content: "\e0c"; } .buttonField .btn { clear: both; width: auto; margin-top: .5em; } table td, table th { display: block; padding-top: .3em; padding-bottom: .3em; } table .btn { float: none; } table td:empty, table th:empty { display: none; } ul.steps li span { font-size: .66em; } footer article { width: 48%; margin: 0 0 1em; } footer article:nth-of-type(odd) { clear: left; margin-right: 4%; } footer .googleTranslate { padding-bottom:.8em; } .btn.twitter, .btn.facebook { clear: right; } .lottery section ul {-webkit-column-count:1; -moz-column-count:1;column-count:1;} .lottery section li { border-bottom:1px dashed #d1d2d4 !important;} .findus > div { clear: both; width: 100%; } .cols > * { width: 100% !important; } .multicampaign .cols > div:nth-child(2n+1) { padding-right: 0; padding-left: 0; } } @media screen and (max-width: 600px) { .memories .gallery .image.slick-center:nth-child(n+4) img { transform: scale(1); } .mainContent .details { clear:both; } .mainContent .gallery, .catDetails.adopt .gallery, .catDetails table { width:100%; float:none; margin:0 auto;} .catDetails.adopt .gallery, .catDetails table { max-width: 500px; } .catDetails table td { padding-left: 0; } .boxes.stories article { width: 48%; } .sort > div, .sort > div.right { float: left; clear: both; } .sort > div:not(:first-child) { margin-top: 1em; } .boxes.generic article .btn { width:auto; min-width:99px;} .lottery .testimonials figure {width:100%;} .lottery .testimonials article {width:100%; margin:0;} .lottery .disclaimer {width:100%;} .lottery .bubble { width:auto;margin-left:1.5em; margin-right:1.5em; margin-bottom: 15%; } .lottery section { clear:both;} } @media screen and (max-width: 500px) { header[role="banner"] { overflow: hidden; border-bottom: 1px solid #d1d2d4; } body:not(.sponsorPages) header figure, .sponsorPages header figure img, .sponsorPages header figure:before, .cps-area header figure img, .cps-area header figure:before { display: none; } .mainContent img:not([src*="banner"])[style*="float: right"], .mainContent img:not([src*="banner"])[style*="float: left"] { display: block; float: none !important; margin: 0 auto .5em !important; width: auto !important; } .sponsorPages header figcaption, .cps-area header figcaption { position: static; margin: 0 auto; } .sponsorPages header figure, .cps-area header figure { width: 100%; padding-top: .5em; background: none;border-top: 1px solid #d1d2d4; } .interactiveMap .map, .interactiveMap > div { width: 100%; float: none; overflow: hidden; } .interactiveMap .map { margin-top: 1em; } .logo { padding-bottom: .6em; } .control-nav { top: 1em; bottom: auto; } .banner figcaption { padding: .8em .8em 0; position: static; text-align: center; } .banner figure figcaption .btn { display: none; } .banner .slick-dots { margin-bottom: .8em; position: static; } .banner .slick-next, .banner .slick-prev { font-size: .6em; margin-top: -6em; } .sponsorBasket > article { width: 31.6%; } .sponsorBasket .total { width: auto; text-align: center; padding-top: .5em; position: static; clear: both; border-top: 1px solid rgba(250,250,250,.5); } .form section > fieldset:only-child { width: 100%; } .feed, .feed > * { margin-left: 0; } .feed article, aside .find-a-cat, .find-a-cat + * { width: 100%; float: none; clear: both; margin-left: 0; } .feed, aside > article section:nth-child(n+3) { display: none; } #udpDetails { padding-top: .4em;} .find-a-cat:only-child .columnize { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; } ul.steps li:first-of-type, ul.steps li:first-of-type + li { border: 0; } ul.steps li { display: block; border-top: 2px solid #919192; } ul.steps li a { padding: .5em .8em; } ul.steps li:after { top: auto; right: .5em; margin-top: -.8em; width: 25px; height: 25px; transform: rotate(135deg); } ul.steps.guardian li { width: 100%; } .catImgL img { max-width: 100%; } h1 .reserved { float: right;} h1 .reserved + i { width: 100%; margin-bottom: .5em; } .ribbon { right: 25%; } .gallery .ribbon { right: 18%; top: 11%;} .sort > div { width: 100%; margin-top: 1em; } .sort > div input, .sort > div .btn { width: 100%; box-sizing: border-box; } .mainContent figure figcaption { position: static; margin-left: -2%; } .mainContent figure figcaption > * { margin-left: 2% !important; } .mainContent figcaption .btn { clear: none; width: 48%; box-sizing: border-box; } .news article { width:100%; margin-right:0} .enter div article {width:100%; margin-bottom:1.4em !important; margin-left:0;} .enter div article:nth-child(2) img { padding-bottom:1.4em} .enter div img {width:50% !important;} .boxes article.summerAppeal .names > div:not(.btn) { width:100%;} .boxes article.summerAppeal .btn { float:left !important; width:100%;} } @media screen and (min-width: 380px) and (max-width: 500px), screen and (max-width: 290px) { .overlay > article { background: #9fcc3f; } .overlay .expand { height: auto; opacity: 1; margin: 0 -6px -6px; transform: none; position: static; visibility: visible; } .overlay div + .expand h3 { display: none; } } @media screen and (max-width: 420px) { .mainContent > img, .PageImageClass, .mainContent img[style*="float: right"],.mainContent img[style*="float: left"] { float: none; margin: 0 auto 1em; } .btn, a.btn a .btn, .prev, .paging > a { min-width: 0 !important; } footer article, footer article:nth-of-type(odd) { width: 100%; float: none; } ul.login { max-width: 60%; font-size: 0.85em; } .overlay > article, main > section .overlay > article, .mainContent .overlay > article, .boxes.link article, .mainContent .boxes.link article, aside > article, aside > div, aside > article:only-child, aside > div:only-child, aside > article, aside > div.boxes.link article:nth-of-type(3n+1), .boxes article, .ad.boxes article, .ad.boxes article:only-of-type, .feed article, .boxes[class="2"] > article { width: 100% !important; float: none; margin-left: 0 !important; margin-bottom: .6em; clear: both; min-width: 0; height: auto !important; } [class="boxes"] article, [class="boxes"] > article:nth-of-type(2n+1) { float: none; max-width: 300px; margin: 0 auto .8em !important; } .ad.boxes > article { margin-bottom: 1px !important; } .overlay, .boxes, .feed { margin-left: 0; } .ad.boxes article { border: 0; padding: 0; margin-bottom: 1px; } .ad.boxes article > div { display: none; } .ad.boxes article header { margin: 0; padding: 0; height: auto !important; } .ad.boxes article header a { margin: 0; padding: .82em 1em; } .ad.boxes article a header:before, .ad.boxes article header a:before { float: right; content: "\e0b"; font: 1em/1.5 catsprotection; } .ad.boxes.mShow { display: block; margin-bottom: 1.2em; } .ad.boxes.mShow article header { background: #00bbee; } .ad.boxes.mShow article a header:before, .ad.boxes.mShow article header a:before { font-size: 2.3em; line-height: 1.5; content: "\e40e"; margin: -.45em -.2em 0 0; } .ad.boxes.mShow article header a[href*="donate"]:before { content: "\e30d"; } .boxes.link { border: 0; padding: 0; } .boxes.link article, .mainContent .boxes.link article { margin: 0; } .boxes.link article, .boxes article div { height: auto !important; } .boxes.link article img, aside ~ aside article.link { display: none; } aside > article:only-of-type, aside > div:only-of-type { min-width: 0; } .feed header:before { font-size: 1.5em; } .feed article img { display: none; } .sponsorBasket > article { width: 48.6%; } .sponsorBasket > article:nth-of-type(4n+1) { clear: none; } .sponsorBasket > article:nth-of-type(2n+1) { clear: left; margin-left: 0; } .form section > fieldset, .form section > fieldset:first-of-type { width: 100%; margin: 0; clear: both; float: none; } .sm + .sm { margin: .5em 0 0; } footer > ul li:before, footer section > ul li:before { display: none; } .btn.prev a, .btn.next a { height: 22px; width: 5px; overflow: hidden; padding-right: 1.2em; color:#fcc926; } .btn.prev a:hover, .btn.next a:hover { background: inherit; } .btn.prev a:before, .btn.next a:before { line-height: 1.3; color:#000374; } [class="btn"],[class*="btn right"] { width: 100%; clear: both; } .btn + .btn { margin-left: 0; } .news .btn { width: 89%; } .opportunities { padding: 1em 1.2em; } .opportunities:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 0; position: absolute; background: rgba(0,0,0,.4); } .opportunities .formFieldSetLarge { width: 100%; min-width: 0; } .form fieldset.full input + input[type="submit"] { clear:both; float:left; width: 100%; } .interactiveMap .map { display: none; } /*aside > article .btn:last-child, aside > article .btn:nth-last-child(2) { margin-bottom: 1em;}*/ /*.banner figcaption, .banner .slick-dots, .banner button { display: none !important; }*/ .mainContent article > img { float: none; display: block; margin: 0 auto .5em; } .ribbon {right: 20%; } .sections.events img { width:100%;} .lottery .bubble {margin-bottom:20%;} .boxes article.summerAppeal img {width:100%;} .pagenotfound .btn { width:48%; clear:none; margin-right:2%} .page.pagenotfound .btn:last-of-type {margin-right:0;} .multicampaign .ad.boxes article header {margin: -1em -1.6em 0; padding: 1em 3em; } .multicampaign .ad.boxes article > div { display: block; } .multicampaign .stats { width: 48.75%; margin-bottom:0.25em; } .multicampaign .stats:nth-of-type(2n+2) { clear:both; } .multicampaign .stats:nth-of-type(2n+1) { margin-right: 0; } .stats + hr + h2 {padding-top:1em;} .multicampaign .cols > div >.btn { position:relative; float:left; margin: 1em 0; right:auto; } .multicampaign h1 { padding-top: .5em;} } @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) { select { background-image: url(images/ddl_x2.png); background-repeat: no-repeat; background-size: 46px 46px; } } .adbox-img-override { width: 100%; min-width: 100%; max-width: 100%; margin: 0; } .thank-you-memory article { height: 309px; background-color: #58585A; } .thank-you-memory article > div { padding-bottom: 7em; color: white; } .thank-you-memory article > div img { width: 100%; min-width: 100%; max-width: 100%; margin-top: -15px; }