.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } /* Theme Name: template Theme URI: http://drivewaycleaningsussex.co.uk Description: drivewaycleaningsussex.co.uk Author: DanDotSo Author URI: drivewaycleaningsussex.co.uk Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: driveway cleaning */ /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/fonts/fontawesome-webfont.eot?v=4.3.0);src:url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/fonts/fontawesome-webfont.woff2?v=4.3.0) format('woff2'),url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/fonts/fontawesome-webfont.woff?v=4.3.0) format('woff'),url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/fonts/fontawesome-webfont.ttf?v=4.3.0) format('truetype'),url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /* fluid video */ .fluid-vids { padding-top: 66.66667%; } /*OWL Carousel - native styles*/ /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-image, .fancybox-inner, .fancybox-nav, .fancybox-nav span, .fancybox-outer, .fancybox-skin, .fancybox-tmp, .fancybox-wrap, .fancybox-wrap object { padding: 0; margin: 0; border: 0; outline: 0; vertical-align: top } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020 } .fancybox-skin { position: relative; color: #444; text-shadow: none; } .fancybox-opened { z-index: 8030 } .fancybox-inner, .fancybox-outer { position: relative } .fancybox-inner { overflow: hidden } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100% } .fancybox-image { width: 100%; height: 100%; max-width: 100%; max-height: 100% } #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/fancybox/fancybox_sprite.png) } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060 } #fancybox-loading div { width: 44px; height: 44px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/fancybox/fancybox_loading.gif) center center no-repeat } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040 } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/fancybox/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040 } .fancybox-prev { left: 0 } .fancybox-next { right: 0 } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden } .fancybox-prev span { left: 10px; background-position: 0 -36px } .fancybox-next span { right: 10px; background-position: 0 -72px } .fancybox-nav:hover span { visibility: visible } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible!important } .fancybox-lock { overflow: hidden!important; width: auto } .fancybox-lock body { overflow: hidden!important } .fancybox-lock-test { overflow-y: hidden!important } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/fancybox/fancybox_overlay.png) } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0 } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll } .fancybox-title { visibility: hidden; font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050 } .fancybox-opened .fancybox-title { visibility: visible } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: 0 0; background: rgba(0,0,0,.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff } .fancybox-title-inside-wrap { padding-top: 10px } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0,0,0,.8) } @media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { #fancybox-loading, .fancybox-close, .fancybox-next span, .fancybox-prev span { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/fancybox/fancybox_sprite@2x.png); background-size: 44px 152px } #fancybox-loading div { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/fancybox/fancybox_loading@2x.gif); background-size: 24px 24px } } * { margin: 0; padding: 0 } .fancybox-close { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/ico_lbclose.gif) no-repeat 0 0; width: 60px; height: 40px; opacity: 0.4; right: 20px; top: -20px; } .fancybox-close:hover { opacity: 1; } .fancybox-title-inside-wrap { background: #ffffff; color: #444444; font-size: 14px; padding: 20px 151px 20px 22px; min-height: 22px; } .fancybox-title-inside-wrap .count-number { position: absolute; top: 20px; right: 20px; color: #aaaaaa; } .fancybox-title-inside-wrap .count-number * { float: left; } .fancybox-title-inside-wrap .count-number span { display: block; padding: 2px 16px; } /* Global basic styles ------------------------------------------ */ html { overflow: auto; background: auto #FAFAFA; } body { position: relative; background: #fafafa; color: #777; font: 13px 'Open Sans', Helvetca, Arial, sans-serif; line-height: 20px; font-weight: normal; font-weight: 400; overflow: hidden } body.boxed { background-color: #ededed; } dt { font-weight: 700; } img { border: none; vertical-align: middle; } ul[class] { list-style: none; } a { color: #61b23b; text-decoration: none; } a:hover { color: #42931c; text-decoration: underline; } a * { cursor: pointer; } textarea, input, select, option, optgroup, button { font-family: inherit; font-size: inherit; vertical-align: middle; } textarea { min-width: 92%; max-width: 97%; min-height: 150px; padding: 5px 1%; } button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select { cursor: pointer; vertical-align: middle; } input, select, textarea { outline: none; } select option { padding: 0 8px; } fieldset { overflow: hidden; border: none; } legend { display: none; } option { padding: 0 5px; } table { border-collapse: collapse; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner { padding: 0; border: none; } input:required { box-shadow:none; } input:invalid { box-shadow:none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } pre { overflow: auto } :focus { outline: none; } :active { outline: none; } ::-moz-selection { background:#70c14a; color:#fff; text-shadow:none; } ::selection { background: #70c14a; color: #fff; text-shadow: none; } h1 { margin: 0 0 20px 0; padding: 0; color: #333; font: normal 34px 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 400; line-height: 40px; letter-spacing: -0.015em; } h2 { margin: 0 0 18px 0; padding: 0; color: #333; font: normal 29px 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 400; line-height: 36px; letter-spacing: -0.01em; } h3 { margin: 0 0 14px 0; padding: 0; color: #333; font: normal 24px 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 400; line-height: 30px; } h4 { margin: 0 0 14px 0; padding: 0; color: #333; font: bold 18px 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 600; line-height: 26px; } h5 { margin: 0 0 12px 0; padding: 0; color: #333; font: bold 16px 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 600; line-height: 24px; } h6 { margin: 0 0 12px 0; padding: 0; color: #333; font: bold 14px 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 600; line-height: 22px; } h2.with-custom-margin, h3.with-custom-margin, h4.with-custom-margin, h5.with-custom-margin, h6.with-custom-margin { margin-bottom: 22px; } h2.with-custom-margin-2, h3.with-custom-margin-2, h4.with-custom-margin-2, h5.with-custom-margin-2, h6.with-custom-margin-2 { margin-bottom: 30px; } h2.with-custom-margin-3, h3.with-custom-margin-3, h4.with-custom-margin-3, h5.with-custom-margin-3, h6.with-custom-margin-3 { margin-bottom: 24px; } p { padding: 0; margin: 0 0 20px 0; } p.note { color: #999999; font-size: 24px; line-height: 30px; font-weight: 300; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, blockquote + h1, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6, table + h1, table + h2, table + h3, table + h4, table + h5, table + h6 { padding-top: 10px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 90%; font-weight: normal; font-weight: 400; color: #999999; } b, strong { font-weight: 700; } hr.gap { border-color: transparent; } .alignleft { float: left; margin: 0 20px 20px 0; } .alignright { float: right; margin: 0 0 20px 20px !important; } .headline { text-align: center; font-size: 31px; line-height: 36px; letter-spacing: -0.015em; } .content .intro { text-align: left; font-size: 16px; line-height: 24px; letter-spacing: 0.005em; color: #999; } label { display: block; color: #3f3f3f; font-weight: bold; } input, textarea, select { padding: 5px 9px; border: 2px solid #969088; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; position: relative; font-size: 14px; color: #999; -webkit-appearance: none; } input:focus { color: #000; } input.error, textarea.error, select.error { border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437; } a.button, button { display: inline-block; height: 46px; padding: 0 21px; border: none; border-radius: 2px; background: #70c14a; color: #fff; font: bold 14px 'Open Sans', Helvetca, Arial, sans-serif; text-transform: uppercase; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); letter-spacing: 0.005em; line-height: 46px; } a.button:hover, button:hover { background: #5da03d; text-decoration: none; } button.small { height: 34px; line-height: 34px; padding: 0 13px; box-shadow: none; font-size: 14px; font-weight: 400; text-transform: none; } .comment-form > p { overflow: hidden; } .comment-form .comment-notes { font-size: 13px; color: #AAA; margin: 0 0 19px 0; } ul.commentlist li .comment-form .comment-notes { margin: 0 0 5px 0; } .comment-form > p .required { float: left; margin-left: 5px; margin-top: 3px; } .comment-form label { float: left; } .comment-form .required { color: #70c14a; } .comment-form > p .select { width: 28%; } .comment-form > p input, .comment-form > p textarea, .comment-form > p .select { clear: both; display: block; } .comment-form > p input[type=submit] { border: medium none; border-radius: 2px; color: #FFFFFF; display: inline-block; font: 14px/34px Helvetca, Arial, sans-serif; height: 34px; letter-spacing: 0.005em; padding: 0 12px; text-decoration: none; border: none; height: 34px; line-height: 34px; width: auto; background: #555555; } .comment-form > p input[type=submit]:hover { background: #616161; } .comment-form-rating { margin-bottom: -0.5em; } .comment-form-rating .star-rating { width: 90px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/stars.png) repeat-x 0 0px!important; height: 18px; text-indent: -9999px; clear: both; display: block; } .comment-form-rating .star-rating span { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/stars.png) repeat-x 0 -16px!important; height: 18px; display: block; text-indent: -9999px; } .comment-form button { background: none repeat scroll 0 0 #555555; border: medium none; border-radius: 2px 2px 2px 2px; color: #FFFFFF; display: inline-block; font: 14px/34px Helvetca, Arial, sans-serif; height: 34px; padding: 0 13px; text-decoration: none; text-transform: capitalize; } .comment-form button:hover { background: #444444; text-decoration: none; } .comment-form button:active { background: #333333; text-decoration: none; } .comment-form .stars { display: none; } @media (max-width: 800px) { .comment-form > p input[type=text], .comment-form > p .select { width: 80%; } .comment-form > p .select { width: 86%; } .comment-form > p textarea { width: 94%; } } blockquote { padding: 8px 10px 10px 20px; margin: 10px 0 40px 0; border-left: 4px solid #70c14a; position: relative; top: 10px; } blockquote small { font-size: 13px; line-height: 20px; letter-spacing: 0.005em; color: #666; } .main.single blockquote small { color: #999; } .clear { clear: both; height: 0; overflow: hidden; } /* Main layout ------------------------------------------ */ body.boxed .root { max-width: 1190px; margin: 0 auto; background: #fafafa; instead #f9f9f9; box-shadow: 0 0 4px rgba(0,0,0,0.3); } @media (max-width: 1170px) { .root { margin: 0; padding: 0 20px; } body.boxed .root { padding: 0 30px; } .error404 .root { padding: 0 !important; } .error404 .root header { padding: 0 20px; } .boxed .root .content { padding-left: 0; padding-right: 0; } .boxed .root .content > .hp-our-clients { padding-bottom: 40px; } footer, .breadcrumb, .lead { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } body.boxed .breadcrumb, body.boxed .lead { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } header.sticky { margin: 0; } } @media (max-width: 980px) { body.boxed .root { padding: 0 20px; } body.boxed .breadcrumb, body.boxed .lead { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .boxed .root .content { padding-bottom: 0; } } @media (max-width: 400px) { .root { margin: 0; padding: 0 10px; } body.boxed .root { padding: 0 10px; } .error404 .root header { padding: 0 10px; } footer { padding-left: 10px; padding-right: 10px; } } body.boxed.shadow .root { box-shadow: 0 0 3px rgba(0,0,0,0.3); } header .searchform fieldset, aside .searchform fieldset, footer .searchform fieldset { border: 2px solid #dddddd; border-radius: 2px; } footer .searchform fieldset { background: #2B2B2B; border-color: #555; } header .searchform input, aside .searchform input { margin: 0; padding: 3px 9px; border: none; box-shadow: none; background: #fff; font-size: 14px; color: #999; } footer .searchform input { margin: 0; padding: 3px 9px; border: none; box-shadow: none; background: #2b2b2b; font-size: 14px; color: #777; } footer .searchform .focus input { color: #FFF; } header .searchform button, aside .searchform button { width: 24px; height: 24px; padding: 0; opacity: 0.2; border: none; background: #fff url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/svg/search.svg) center center no-repeat; background-size: 16px 16px; box-shadow: none; line-height: 24px; } footer .searchform button { color: #555; width: 24px; height: 24px; padding: 0; border: none; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/search_2.png) center center no-repeat; background-size: 16px 16px; box-shadow: none; line-height: 24px; opacity: 0.2; } footer .searchform fieldset:hover { border-color: #777; } header .searchform .focus button, aside .searchform .focus button { opacity: 1; } /* breadcrumb */ .breadcrumb { min-height: 90px; background-color: #333; -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); position: relative; z-index: 2; clear: both; padding: 0 20px; } .breadcrumb div.content-container { max-width: 1110px; overflow: hidden; margin: 0 auto; line-height: 1.2; position: relative; z-index: 2; } .breadcrumb div.content-container p { padding: 0; margin: 0; color: #eee; font-size: 11px; float: right; padding: 38px 0; max-width: 49%; } .breadcrumb div.content-container a { color: #aaa; } .breadcrumb div.content-container p span { padding: 0 2px; color: #aaa; } .breadcrumb div.content-container a:hover, .breadcrumb div p a:hover span, .breadcrumb div p span a:hover { color: #fff; text-decoration: underline; } .breadcrumb div.content-container h1 { float: left; font-size: 31px; color: #fff; margin: 0; padding: 0; line-height: 1.2; padding: 24px 0; max-width: 49%; } .boxed .breadcrumb div.content-container { width: auto; padding-left: 0; padding-right: 0; max-width: none; } .boxed .breadcrumb { padding-left: 40px; padding-right: 40px; } @media (max-width: 1170px) { .boxed .breadcrumb { padding-left: 30px; padding-right: 30px; } } @media (max-width: 960px) { .boxed .breadcrumb { padding-left: 20px; padding-right: 20px; } } @media (max-width: 800px) { .breadcrumb div.content-container h1, .breadcrumb div.content-container p { float: none; display: block; text-align: center; padding: 20px 0; max-width: none; } .breadcrumb div.content-container h1 { padding-top: 0; } } @media (max-width: 383px) { .breadcrumb div.content-container p { padding-top: 20px; padding-bottom: 20px; } .breadcrumb div.content-container h1 { padding-top: 0; } } .breadcrumb.without-headline { min-height: 40px; } .breadcrumb.without-headline div.content-container p { float: left; padding: 10px 0; line-height: 20px; } .content { position: relative; clear: both; max-width: 1110px; margin: 0 auto; padding: 1px 0 48px; z-index: 1; } .boxed .content { max-width: 100%; padding: 0 40px 40px; } @media (max-width: 1170px) { .boxed .content { padding-left: 30px; padding-right: 30px; } } @media (max-width: 980px) { .content { max-width: 100%; } .boxed .content { padding-left: 20px; padding-right: 20px; } } aside { margin-top: 50px; } aside h3 { color: #bbb; margin-bottom: 16px; margin-top: 0px; font-size: 14px; font-weight: bold; font-weight: 700; text-transform: uppercase; letter-spacing: 0.015em; } aside h3 span { font-weight: normal; text-transform: none; } .social ul, ul.social { overflow: hidden; margin: 10px 0; padding: 0; } .social ul li, ul.social li { display: inline-block; margin: 0 0 0 -1px; list-style: none; width: 40px; height: 40px; } .social ul li a, ul.social li a { display: inline-block; overflow: hidden; width: 40px; height: 40px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/social.png); text-indent: -500em; -webkit-transition: background-color 0.3s ease 0s; -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; opacity: 0.25; filter: alpha(opacity=25); } .social ul li a:hover, ul.social li a:hover { opacity: 0.8; filter: alpha(opacity=80); background-color: rgba(0,0,0,0.1); } /* Default Sharing Icons */ .single ul.social-sharing { margin-bottom: 17px; padding-top: 0 !important; } ul.social-sharing li { margin-right:10px; float:left; clear: none !important; } ul.social-sharing li:last-child { margin-right: 0; } ul.social-sharing li a { background-color: rgba(0,0,0,0.11); opacity: 0.45; filter: alpha(opacity=45); } ul.social-sharing li a:hover { opacity: 0.8; filter: alpha(opacity=80); background-color: rgba(0,0,0,0.1); } .info-post > div .share-social ul.social-sharing { margin: 0; padding: 0; } .info-post > div .share-social ul.social-sharing li { margin: 0 10px 0 0; } .info-post > div .share-social ul.social-sharing li:last-child { margin-right: 0; } aside .social ul { padding: 0; } footer { margin: 0 -20px; padding: 60px 20px 0; background: #333; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.14); color: #888; font-size: 13px; } .boxed footer { margin-left: 0; margin-right: 0; width: auto; padding-left: 40px; padding-right: 40px; } footer a { color: #ccc; } footer a:hover { color: #fff; } footer section { overflow: hidden; margin: 0 auto; max-width: 1110px; } footer section.bottom { overflow: hidden; padding: 0 0 30px 0; color: #999; font-size: 11px; margin-top: -28px; } footer section.widgets + section.bottom { padding: 0 0 30px 0; border-top: 1px solid #575757; margin-top: 6px; } footer section.bottom p { float: left; margin: 13px 0 1em; font-size: 11px; letter-spacing: 0.005em; line-height: 16px; } footer nav.social { float: right; margin: 0; } footer nav.social ul { float: right; overflow: hidden; margin: 0; } footer nav.social ul li { float: left; margin-left: 2px; } footer article.col { margin: 0 0 42px; color: #999; } footer article:nth-of-type(4n-3) { margin-left: 0; } footer article h3 { font-weight: bold; color: #aaa; font-size: 14px; letter-spacing: 0.015em; line-height: 20px; text-transform: uppercase; margin-bottom: 25px; } footer article ul { list-style: none; } footer article ul li { margin: 0 0 6px; line-height: 18px; letter-spacing: 0.005em; overflow: hidden; } footer article ul ul { margin: 6px 0 0 15px; } footer article ul ul > li:last-child { margin: 0; } footer article ul.recent-posts li { margin: 0; } footer article ul.recent-posts li:last-child img { margin-bottom: 0; } img { max-width: 100%; height: auto } footer article.widget_photos ul { margin-right: -10px; } footer article.widget_photos ul li { display: inline-block; margin: 0 7px 10px 0; } footer article.widget_recent_entries ul li img { float: left; margin: 0 12px 0 0; max-width: 100% } footer article.widget_recent_entries ul li span { font-size: 11px; line-height: 16px; color: #888; } footer article.widget_recent_entries ul li a, footer article.widget_recent_entries ul li span { position: relative; top: -2px; } footer article a.view-all { font-size: 11px; line-height: 16px; letter-spacing: 0.005em; text-transform: uppercase; } footer img.footer-logo { margin-bottom: 27px; } footer article.tagcloud a { padding: 0 2px; } footer article input { width: 66.3%; margin-right: 5px; padding: 5px 9px; border: 1 px solid #ccc; border-radius: 2px; font-size: 14px; vertical-align: top; color: #777; } footer article button { width: 40px; height: 28px; padding: 0; border-radius: 3px; line-height: 17px; vertical-align: top; box-shadow: 0 1px 1px rgba(0,0,0,0.18); text-align: center; } @media (max-width: 1170px) { footer { margin-left: -20px; margin-right: -20px; } } /* social icons */ .social a.rss { background-position: 0 0; } .social a.email { background-position: -40px 0; } .social a.facebook { background-position: -80px 0; } .social a.twitter { background-position: -120px 0; } .social a.google { background-position: -160px 0; } .social a.googleplus { background-position: -200px 0; } .social a.linkedin { background-position: -240px 0; } .social a.instagram { background-position: -280px 0; } .social a.picasa { background-position: -320px 0; } .social a.flickr { background-position: -360px 0; } .social a.vimeo { background-position: -400px 0; } .social a.youtube { background-position: -440px 0; } .social a.yahoo { background-position: -480px 0; } .social a.delicious { background-position: -520px 0; } .social a.pinterest { background-position: -560px 0; } .social a.evernote { background-position: -600px 0; } .social a.stumbleupon { background-position: -640px 0; } .social a.dribbble { background-position: -680px 0; } .social a.behance { background-position: -720px 0; } .social a.tumblr { background-position: -760px 0; } .social a.blogger { background-position: -800px 0; } .social a.github { background-position: -840px 0; } .social a.lastfm { background-position: -880px 0; } .social a.skype { background-position: -920px 0; } .social a.aim { background-position: -960px 0; } .social a.hi5 { background-position: -1000px 0; } .social a.bing { background-position: -1040px 0; } .social a.bebo { background-position: -1080px 0; } .social a.technorati { background-position: -1120px 0; } .social a.wordpress { background-position: -1160px 0; } .social a.location { background-position: -1200px 0; } .social a.tripadvisor { background-position: -1240px 0; } .social a.path { background-position: -1280px 0; } .social a.livejournal { background-position: -1320px 0; } .social a.envato { background-position: -1360px 0; } .social a.deviantart { background-position: -1400px 0; } .social a.forrst { background-position: -1440px 0; } .social a.friendfeed { background-position: -1480px 0; } .social a.grooveshark { background-position: -1520px 0; } .social a.sharethis { background-position: -1560px 0; } .social a.reddit { background-position: -1600px 0; } .social a.digg { background-position: -1640px 0; } .social a.myspace { background-position: -1680px 0; } .social a.amazon { background-position: -1720px 0; } .social a.googleplay { background-position: -1760px 0; } .social a.apple { background-position: -1800px 0; } .social a.appstore { background-position: -1840px 0; } .social a.windows { background-position: -1880px 0; } .social a.msn { background-position: -1920px 0; } .social a.android { background-position: -1960px 0; } .social a.xing { background-position: -2000px 0; } .social a.spotify { background-position: -2040px 0; } .social a.qik { background-position: -2080px 0; } .social a.netvibes { background-position: -2120px 0; } .social a.disqus { background-position: -2160px 0; } .social a.orkut { background-position: -2200px 0; } .social a.squidoo { background-position: -2240px 0; } .social a.rdio { background-position: -2280px 0; } .social a.metacafe { background-position: -2320px 0; } .social a.feedburner { background-position: -2360px 0; } .social a.yelp { background-position: -2400px 0; } .social a.soundcloud { background-position: -2440px 0; } .social a.quora { background-position: -2480px 0; } .social a.icloud { background-position: -2520px 0; } .social a.netlog { background-position: -2560px 0; } .social a.newsvine { background-position: -2600px 0; } .social a.vk { background-position: -2640px 0; } .social a.vkontakte { background-position: -2680px 0; } .social a.odnoklassniki { background-position: -2720px 0; } .social a.designfloat { background-position: -2760px 0; } .social a.yandex { background-position: -2800px 0; } .social a.mailru { background-position: -2840px 0; } .social a.badoo { background-position: -2880px 0; } .social a.vine { background-position: -2920px 0; } .social a.mixi { background-position: -2960px 0; } .social a.fotolog { background-position: -3000px 0; } .social a.sonico { background-position: -3040px 0; } .social a.tagged { background-position: -3080px 0; } .social a.formspring { background-position: -3120px 0; } .social a.skyrock { background-position: -3160px 0; } .social a.friendster { background-position: -3200px 0; } .social a.classmates { background-position: -3240px 0; } .social a.askfm { background-position: -3280px 0; } .social a.foursquare { background-position: -3320px 0; } .social a.aboutme { background-position: -3360px 0; } .social a.weibo { background-position: -3400px 0; } .social a.qzone { background-position: -3440px 0; } .social a.renren { background-position: -3480px 0; } .social a.douban { background-position: -3520px 0; } .social a.baidu { background-position: -3560px 0; } .social a.cyworld { background-position: -3600px 0; } .social a.tuenti { background-position: -3640px 0; } .social a.treehouse { background-position: -3680px 0; } .social a.zerply { background-position: -3720px 0; } .social a.justgiving { background-position: -3760px 0; } .social a.kickstarter { background-position: -3800px 0; } .social a.user { background-position: -3840px 0; } .social a.dropbox { background-position: -3880px 0; } .social a.heart { background-position: -3920px 0; } .social a.ebay { background-position: -3960px 0; } .social.social-light a { opacity: 0.3; filter: alpha(opacity=30); } .social.social-light a:hover { opacity: 1.0; filter: alpha(opacity=100); background-color: rgba(255,255,255,0.1); } .social.social-colored a.rss:hover, .social.social-light a.rss { background-position: 0 -40px; } .social.social-colored a.email:hover, .social.social-light a.email { background-position: -40px -40px; } .social.social-colored a.facebook:hover, .social.social-light a.facebook { background-position: -80px -40px; } .social.social-colored a.twitter:hover, .social.social-light a.twitter { background-position: -120px -40px; } .social.social-colored a.google:hover, .social.social-light a.google { background-position: -160px -40px; } .social.social-colored a.googleplus:hover, .social.social-light a.googleplus { background-position: -200px -40px; } .social.social-colored a.linkedin:hover, .social.social-light a.linkedin { background-position: -240px -40px; } .social.social-colored a.instagram:hover, .social.social-light a.instagram { background-position: -280px -40px; } .social.social-colored a.picasa:hover, .social.social-light a.picasa { background-position: -320px -40px; } .social.social-colored a.flickr:hover, .social.social-light a.flickr { background-position: -360px -40px; } .social.social-colored a.vimeo:hover, .social.social-light a.vimeo { background-position: -400px -40px; } .social.social-colored a.youtube:hover, .social.social-light a.youtube { background-position: -440px -40px; } .social.social-colored a.yahoo:hover, .social.social-light a.yahoo { background-position: -480px -40px; } .social.social-colored a.delicious:hover, .social.social-light a.delicious { background-position: -520px -40px; } .social.social-colored a.pinterest:hover, .social.social-light a.pinterest { background-position: -560px -40px; } .social.social-colored a.evernote:hover, .social.social-light a.evernote { background-position: -600px -40px; } .social.social-colored a.stumbleupon:hover, .social.social-light a.stumbleupon { background-position: -640px -40px; } .social.social-colored a.dribbble:hover, .social.social-light a.dribbble { background-position: -680px -40px; } .social.social-colored a.behance:hover, .social.social-light a.behance { background-position: -720px -40px; } .social.social-colored a.tumblr:hover, .social.social-light a.tumblr { background-position: -760px -40px; } .social.social-colored a.blogger:hover, .social.social-light a.blogger { background-position: -800px -40px; } .social.social-colored a.github:hover, .social.social-light a.github { background-position: -840px -40px; } .social.social-colored a.lastfm:hover, .social.social-light a.lastfm { background-position: -880px -40px; } .social.social-colored a.skype:hover, .social.social-light a.skype { background-position: -920px -40px; } .social.social-colored a.aim:hover, .social.social-light a.aim { background-position: -960px -40px; } .social.social-colored a.hi5:hover, .social.social-light a.hi5 { background-position: -1000px -40px; } .social.social-colored a.bing:hover, .social.social-light a.bing { background-position: -1040px -40px; } .social.social-colored a.bebo:hover, .social.social-light a.bebo { background-position: -1080px -40px; } .social.social-colored a.technorati:hover, .social.social-light a.technorati { background-position: -1120px -40px; } .social.social-colored a.wordpress:hover, .social.social-light a.wordpress { background-position: -1160px -40px; } .social.social-colored a.location:hover, .social.social-light a.location { background-position: -1200px -40px; } .social.social-colored a.tripadvisor:hover, .social.social-light a.tripadvisor { background-position: -1240px -40px; } .social.social-colored a.path:hover, .social.social-light a.path { background-position: -1280px -40px; } .social.social-colored a.livejournal:hover, .social.social-light a.livejournal { background-position: -1320px -40px; } .social.social-colored a.envato:hover, .social.social-light a.envato { background-position: -1360px -40px; } .social.social-colored a.deviantart:hover, .social.social-light a.deviantart { background-position: -1400px -40px; } .social.social-colored a.forrst:hover, .social.social-light a.forrst { background-position: -1440px -40px; } .social.social-colored a.friendfeed:hover, .social.social-light a.friendfeed { background-position: -1480px -40px; } .social.social-colored a.grooveshark:hover, .social.social-light a.grooveshark { background-position: -1520px -40px; } .social.social-colored a.sharethis:hover, .social.social-light a.sharethis { background-position: -1560px -40px; } .social.social-colored a.reddit:hover, .social.social-light a.reddit { background-position: -1600px -40px; } .social.social-colored a.digg:hover, .social.social-light a.digg { background-position: -1640px -40px; } .social.social-colored a.myspace:hover, .social.social-light a.myspace { background-position: -1680px -40px; } .social.social-colored a.amazon:hover, .social.social-light a.amazon { background-position: -1720px -40px; } .social.social-colored a.googleplay:hover, .social.social-light a.googleplay { background-position: -1760px -40px; } .social.social-colored a.apple:hover, .social.social-light a.apple { background-position: -1800px -40px; } .social.social-colored a.appstore:hover, .social.social-light a.appstore { background-position: -1840px -40px; } .social.social-colored a.windows:hover, .social.social-light a.windows { background-position: -1880px -40px; } .social.social-colored a.msn:hover, .social.social-light a.msn { background-position: -1920px -40px; } .social.social-colored a.android:hover, .social.social-light a.android { background-position: -1960px -40px; } .social.social-colored a.xing:hover, .social.social-light a.xing { background-position: -2000px -40px; } .social.social-colored a.spotify:hover, .social.social-light a.spotify { background-position: -2040px -40px; } .social.social-colored a.qik:hover, .social.social-light a.qik { background-position: -2080px -40px; } .social.social-colored a.netvibes:hover, .social.social-light a.netvibes { background-position: -2120px -40px; } .social.social-colored a.disqus:hover, .social.social-light a.disqus { background-position: -2160px -40px; } .social.social-colored a.orkut:hover, .social.social-light a.orkut { background-position: -2200px -40px; } .social.social-colored a.squidoo:hover, .social.social-light a.squidoo { background-position: -2240px -40px; } .social.social-colored a.rdio:hover, .social.social-light a.rdio { background-position: -2280px -40px; } .social.social-colored a.metacafe:hover, .social.social-light a.metacafe { background-position: -2320px -40px; } .social.social-colored a.feedburner:hover, .social.social-light a.feedburner { background-position: -2360px -40px; } .social.social-colored a.yelp:hover, .social.social-light a.yelp { background-position: -2400px -40px; } .social.social-colored a.soundcloud:hover, .social.social-light a.soundcloud { background-position: -2440px -40px; } .social.social-colored a.quora:hover, .social.social-light a.quora { background-position: -2480px -40px; } .social.social-colored a.icloud:hover, .social.social-light a.icloud { background-position: -2520px -40px; } .social.social-colored a.netlog:hover, .social.social-light a.netlog { background-position: -2560px -40px; } .social.social-colored a.newsvine:hover, .social.social-light a.newsvine { background-position: -2600px -40px; } .social.social-colored a.vk:hover, .social.social-light a.vk { background-position: -2640px -40px; } .social.social-colored a.vkontakte:hover, .social.social-light a.vkontakte { background-position: -2680px -40px; } .social.social-colored a.odnoklassniki:hover, .social.social-light a.odnoklassniki { background-position: -2720px -40px; } .social.social-colored a.designfloat:hover, .social.social-light a.designfloat { background-position: -2760px -40px; } .social.social-colored a.yandex:hover, .social.social-light a.yandex { background-position: -2800px -40px; } .social.social-light a.mailru:hover, .social.social-light a.mailru { background-position: -2840px -40px; } .social.social-light a.badoo, .social.social-light a.badoo:hover { background-position: -2880px -40px; } .social.social-light a.vine, .social.social-light a.vine:hover { background-position: -2920px -40px; } .social.social-light a.mixi, .social.social-light a.mixi:hover { background-position: -2960px -40px; } .social.social-light a.fotolog, .social.social-light a.fotolog:hover { background-position: -3000px -40px; } .social.social-light a.sonico, .social.social-light a.sonico:hover { background-position: -3040px -40px; } .social.social-light a.tagged, .social.social-light a.tagged:hover { background-position: -3080px -40px; } .social.social-light a.formspring, .social.social-light a.formspring:hover { background-position: -3120px -40px; } .social.social-light a.skyrock, .social.social-light a.skyrock:hover { background-position: -3160px -40px; } .social.social-light a.friendster, .social.social-light a.friendster:hover { background-position: -3200px -40px; } .social.social-light a.classmates, .social.social-light a.classmates:hover { background-position: -3240px -40px; } .social.social-light a.askfm, .social.social-light a.askfm:hover { background-position: -3280px -40px; } .social.social-light a.foursquare, .social.social-light a.foursquare:hover { background-position: -3320px -40px; } .social.social-light a.aboutme, .social.social-light a.aboutme:hover { background-position: -3360px -40px; } .social.social-light a.weibo, .social.social-light a.weibo:hover { background-position: -3400px -40px; } .social.social-light a.qzone, .social.social-light a.qzone:hover { background-position: -3440px -40px; } .social.social-light a.renren, .social.social-light a.renren:hover { background-position: -3480px -40px; } .social.social-light a.douban, .social.social-light a.douban:hover { background-position: -3520px -40px; } .social.social-light a.baidu, .social.social-light a.baidu:hover { background-position: -3560px -40px; } .social.social-light a.cyworld, .social.social-light a.cyworld:hover { background-position: -3600px -40px; } .social.social-light a.tuenti, .social.social-light a.tuenti:hover { background-position: -3640px -40px; } .social.social-light a.treehouse, .social.social-light a.treehouse:hover { background-position: -3680px -40px; } .social.social-light a.zerply, .social.social-light a.zerply:hover { background-position: -3720px -40px; } .social.social-light a.justgiving, .social.social-light a.justgiving:hover { background-position: -3760px -40px; } .social.social-light a.kickstarter, .social.social-light a.kickstarter:hover { background-position: -3800px -40px; } .social.social-light a.user, .social.social-light a.user:hover { background-position: -3840px -40px; } .social.social-light a.dropbox:hover, .social.social-light a.dropbox { background-position: -3880px -40px; } .social.social-light a.heart, .social.social-light a.heart:hover { background-position: -3920px -40px; } .social.social-light a.ebay, .social.social-light a.ebay:hover { background-position: -3960px -40px; } .social.social-colored a:hover { opacity: 1.0; filter: alpha(opacity=100); background-color: #999; } .social-colored a.rss:hover { background-color: #ff8300; } .social-colored a.email:hover { background-color: #666666; } .social-colored a.facebook:hover { background-color: #3b5998; } .social-colored a.twitter:hover { background-color: #40bff5; } .social-colored a.google:hover { background-color: #3876e5; } .social-colored a.googleplus:hover { background-color: #d44132; } .social-colored a.linkedin:hover { background-color: #0077b5; } .social-colored a.instagram:hover { background-color: #5180a4; } .social-colored a.picasa:hover { background-color: #98a5a6; } .social-colored a.flickr:hover { background-color: #0063db; } .social-colored a.vimeo:hover { background-color: #20b9eb; } .social-colored a.youtube:hover { background-color: #cd332d; } .social-colored a.yahoo:hover { background-color: #7e3585; } .social-colored a.delicious:hover { background-color: #3274d1; } .social-colored a.pinterest:hover { background-color: #cd2b30; } .social-colored a.evernote:hover { background-color: #5fb336; } .social-colored a.stumbleupon:hover { background-color: #ea4b24; } .social-colored a.dribbble:hover { background-color: #ea4c89; } .social-colored a.behance:hover { background-color: #1769ff; } .social-colored a.tumblr:hover { background-color: #395975; } .social-colored a.blogger:hover { background-color: #f57d00; } .social-colored a.github:hover { background-color: #272426; } .social-colored a.lastfm:hover { background-color: #d51007; } .social-colored a.skype:hover { background-color: #00aff0; } .social-colored a.aim:hover { background-color: #eec800; } .social-colored a.hi5:hover { background-color: #fca801; } .social-colored a.bing:hover { background-color: #ffa614; } .social-colored a.bebo:hover { background-color: #ee1011; } .social-colored a.technorati:hover { background-color: #3fb43e; } .social-colored a.wordpress:hover { background-color: #21759b; } .social-colored a.dropbox:hover { background-color: #007ee5; } .social-colored a.tripadvisor:hover { background-color: #5ea149; } .social-colored a.path:hover { background-color: #e41f11; } .social-colored a.livejournal:hover { background-color: #31467b; } .social-colored a.envato:hover { background-color: #82b540; } .social-colored a.deviantart:hover { background-color: #5c7061; } .social-colored a.forrst:hover { background-color: #4fb64b; } .social-colored a.friendfeed:hover { background-color: #115894; } .social-colored a.grooveshark:hover { background-color: #444444; } .social-colored a.sharethis:hover { background-color: #018752; } .social-colored a.reddit:hover { background-color: #fa5112; } .social-colored a.myspace:hover { background-color: #008ddf; } .social-colored a.ebay:hover { background-color: #0b3e91; } .social-colored a.amazon:hover { background-color: #ff9900; } .social-colored a.googleplay:hover { background-color: #37b5c6; } .social-colored a.apple:hover { background-color: #9fa6a8; } .social-colored a.appstore:hover { background-color: #757b7e; } .social-colored a.windows:hover { background-color: #00bdf6; } .social-colored a.msn:hover { background-color: #2882c6; } .social-colored a.android:hover { background-color: #a4c639; } .social-colored a.xing:hover { background-color: #0a7577; } .social-colored a.spotify:hover { background-color: #77b900; } .social-colored a.qik:hover { background-color: #4790a9; } .social-colored a.netvibes:hover { background-color: #4fb013; } .social-colored a.disqus:hover { background-color: #2e9fff; } .social-colored a.orkut:hover { background-color: #ed2590; } .social-colored a.squidoo:hover { background-color: #eb7b17; } .social-colored a.rdio:hover { background-color: #008fd5; } .social-colored a.metacafe:hover { background-color: #f58428; } .social-colored a.feedburner:hover { background-color: #ef3e42; } .social-colored a.yelp:hover { background-color: #c93c27; } .social-colored a.soundcloud:hover { background-color: #fa6c14; } .social-colored a.quora:hover { background-color: #ea3d23; } .social-colored a.icloud:hover { background-color: #959c9e; } .social-colored a.netlog:hover { background-color: #ee1010; } .social-colored a.newsvine:hover { background-color: #0d7707; } .social-colored a.designfloat:hover { background-color: #ef7d00; } .social-colored a.vk:hover { background-color: #476a91; } .social-colored a.vkontakte:hover { background-color: #476a91; } .social-colored a.odnoklassniki:hover { background-color: #f68735; } .social-colored a.yandex:hover { background-color: #ed2025; } .social-colored a.mailru:hover { background-color: #014b88; } .social-colored a.badoo:hover { background-color: #e55d23; } .social-colored a.vine:hover { background-color: #00b386; } .social-colored a.mixi:hover { background-color: #d2ae58; } .social-colored a.fotolog:hover { background-color: #444444; } .social-colored a.sonico:hover { background-color: #30a8ff; } .social-colored a.tagged:hover { background-color: #353535; } .social-colored a.formspring:hover { background-color: #0076c0; } .social-colored a.skyrock:hover { background-color: #0098fd; } .social-colored a.friendster:hover { background-color: #009444; } .social-colored a.classmates:hover { background-color: #ee6924; } .social-colored a.askfm:hover { background-color: #1c3753; } .social-colored a.foursquare:hover { background-color: #17bce1; } .social-colored a.aboutme:hover { background-color: #322f31; } .social-colored a.weibo:hover { background-color: #df2029; } .social-colored a.qzone:hover { background-color: #f5b139; } .social-colored a.renren:hover { background-color: #105ba3; } .social-colored a.douban:hover { background-color: #32a24a; } .social-colored a.baidu:hover { background-color: #2932e1; } .social-colored a.cyworld:hover { background-color: #f64e1f; } .social-colored a.tuenti:hover { background-color: #007ac6; } .social-colored a.treehouse:hover { background-color: #5fcf80; } .social-colored a.zerply:hover { background-color: #9dbc7a; } .social-colored a.justgiving:hover { background-color: #7f2974; } .social-colored a.kickstarter:hover { background-color: #8fce3c; } .social-colored a.digg:hover { background-color: #1d1d1e; } .social-colored a.user:hover { background-color: #999999; } .social-colored a.location:hover { background-color: #f86f62; } .social-colored a.heart:hover { background-color: #e74435; } @media (max-width: 645px) { header .social { text-align: center; } } @media (max-width: 550px) { footer nav.social { float: none; clear: both; } footer nav.social ul { float: none; text-align: center; } footer nav.social ul li { float: none; display: inline-block; } footer nav.social ul li a { display: inline-block; float: none; } footer section.bottom p { float: none; text-align: center; } } /* Lead */ .lead { padding: 37px 20px 0 20px; margin-bottom: 50px; background: #fff; position: relative; z-index: 1; box-shadow: 0 0 4px rgba(0,0,0,0.3); } .boxed .lead { box-shadow: 0 1px 2px rgba(0,0,0,0.3); } .lead div { max-width: 1110px; margin: 0 auto; position: relative; padding-bottom: 0; min-height: 296px; } .lead div.clear { min-height: 0; padding: 0 } .lead h1 { font-size: 48px; line-height: 58px; font-weight: 300; padding: 17px 350px 0 0; } .lead p { font-size: 18px; line-height: 28px; color: #999999; padding-right: 350px; padding-bottom: 59px; margin-bottom: 0 } .lead p:last-child { margin-bottom: 0 } .lead img { position: absolute; right: 0; bottom: 0; margin-bottom: 0!important; } @media (max-width: 1100px) { .lead div { min-height: 450px; } } /* Boxes */ .box-dark { padding: 49px 0 41px; margin-bottom: 0; background: #333333; color: #eeeeee; } .box-dark h1, .box-dark h2, .box-dark h3, .box-dark h4, .box-dark h5, .box-dark h6 { color: #ffffff; } .box-dark p:last-child { margin-bottom: 0; } .box-dark .social li { } .box-transparent { padding-top: 11px; padding-bottom: 41px; } /* Column system */ .content .columns:first-child { margin-top: 50px; } .columns>article p:last-child { margin-bottom: 0; } .columns>h2:first-child, .why-us h2 { margin: 0 0 1.5em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em; } .columns>h2:first-child { margin-bottom: 1em; } .columns>h2:first-child, .homepage section .columns h2:first-child, .homepage section .latest h2:first-child, .why-us h2 { margin: 0 0 1.5em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em; } .columns>h2:first-child { margin-bottom: 1em; } .columns .tab-content h4:first-child { margin-bottom: 20px; } .columns .more:first-child+h2 { clear: none; margin: 0 0 1em; } .columns .more:first-child { float: right; margin: 1em 0 0; } .why-us h2 { margin-top: 0.5em; } .columns { margin: 30px -15px; font-size: 0; } .content ul.columns { margin: 0 -15px; } footer section.columns { margin: 0 auto; max-width: 1140px; overflow: hidden; } .boxed footer section.columns { margin: 0 -15px; } .columns > * { padding: 0 15px; font-size: 13px; } .columns>h1 { font-size: 34px; } .columns>h1:first-child { font-size: 34px; } .columns>h2 { font-size: 29px; } .columns>h3 { font-size: 24px; } .columns>h4 { font-size: 18px; } .columns>h5 { font-size: 16px; } .columns>h6 { font-size: 14px; } .columns>p { font-size: 13px; } .columns.no-bottom-margin { margin-bottom: 0; } .columns.custom-bottom-margin { margin-bottom: 14px; } .columns.no-top-margin, .columns.no-top-margin:first-child { margin-top: 0; } .columns.custom-margin-1 { margin-top: 60px; } .columns .col.no-bottom-margin { margin-bottom: 0; } .col { display: inline-block; margin: 0 0 20px; font-family: 'Open Sans', Helvetca, Arial, sans-serif; font-size: 13px; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; } .columns .col { padding: 0 15px; } .page-portfolio .columns.portfolio { margin-left: -15px; margin-right: -15px; } .col1 { width: 100%; margin: 0 0 50px; } .col2 { width: 50%; } .col3 { width: 33.333%; } .col4 { width: 25%; } .col5 { width: 20%; } .col6 { width: 16.667%; } .col23 { width: 66.667%; } .col34 { width: 75%; } .col.col1:after { clear:both; } .safari .col2 {width: 49.8%;} .safari .col3 {width: 32.5%;} .safari .col4 {width: 24.5%;} .safari .col5 {width: 19.5%;} .safari .col6 {width: 16.3%;} .safari .col23 {width: 66.5%;} .safari .col34 {width: 74.5%;} @media (max-width: 1170px) { footer section.columns { margin: 0 -15px; } } /* change the glutter from 30px to 20px under resolution 940px */ @media (max-width: 940px) { .columns > * { padding: 0 10px; } .columns .col { padding: 0 10px; } .columns { margin: 30px -10px; } .content ul.columns { margin: 0 -10px; } .page-portfolio .columns.portfolio { margin-left: -10px; margin-right: -10px; } footer section.columns { margin: 0 -10px; } .boxed footer section.columns { margin: 0 -10px; } } @media (max-width: 800px) { .col3, .col4, .col5, .col6, .col23, .col34 { width: 50%; } .safari .col3, .safari .col4, .safari .col5, .safari .col6, .safari .col23, .safari .col34 { width: 49.8%; } .col23 .col2 { width: 100%; } .safari .col23 .col2 { width: 100%; } } @media (max-width: 600px) { .col2, .col3, .col4, .col5, .col6, .col23, .col34 { width: 100% } .safari .col2, .safari .col3, .safari .col4, .safari .col5, .safari .col6, .safari .col23, .safari .col34 { width: 100% } .col2 .img-border, .col3 .img-border, .col4 .img-border { width: 100%; } .page-portfolio .columns.portfolio { margin-left: -10px; margin-right: -10px; } } .shopleftsidebar .products li.product { vertical-align: top; } .shopleftsidebar .products li.product .star-rating { margin: -15px 0 5px 16px; display: none !important; } .shopleftsidebar .products li.product:after, .cart .products li.product:after, .col1:after, .col2:after, .col3:after, col4:after, .col23:after, .col6:after, .col34:after { content: "."; display: block; clear: both; height: 1px; margin-top: -1px; width: 100%; opacity: 0; } .col2 img.post-thumbnail { width: 100%; max-width: 455px; } .homepage .col2 h2, .homepage .col3 h2, .post>h2 { font-size: 1.846em; font-weight: 400; } .col2 h2 a, .col3 h2 a, .col2 h2 a, .col3 h2 a { color: #3f3f3f; } .col2 h2 a:hover, .col3 h2 a:hover, .col2 h2 a:hover, .col3 h2 a:hover { color: #42931c; } .columns .post h2 { font-weight: 300; } .columns h2:first-child { margin-top: 0; } .columns .col2 > h3:first-child, .columns .col3 > h3:first-child, .columns .content-slider h3, .columns h3.light { margin-top: 0; font-size: 16px; line-height: 22px; color: #bbb; font-weight: 600; text-transform: uppercase; } .col1 .img img { width: 100%; } .cart .products li.product img, .shopleftsidebar .products li.product img { width: 100%; } .col6 img { max-width: 160px; } .col34 img { max-width: 705px; } .col2.post { margin-bottom: 40px; } .col3.post h2, .col2.post h2 { margin: 0.5em 0 0; } .col3 h3 { margin-bottom: 0.5em; font-size: 1.538em; } .col3 h3 img, .col4 h3 img { width: auto; margin-right: 5px; } .col3 p { margin: 0.5em 0; } .img-border { max-width: 100%; width: auto; } .content a img, footer a img { opacity: 1; transition: all 0.15s linear; -moz-backface-visibility: hidden; -moz-transform: rotate(0); box-shadow: 0 0 0 #000; } .content a:hover img, footer a:hover img { opacity: 0.8; -moz-backface-visibility: hidden; -moz-transform: rotate(0); } .post>p>img, .single>article>p>img, .post>p>.img-border img, .single>article>p>.img-border img, .post .img-border img { max-width: 100%; height: auto } *>.img-border>img { margin: 0; } .content .col img { width: auto; height: auto; max-width: 100%; } .content .col img.logo { max-height:110px; } /*keep the image size for retina*/ @media (max-width: 800px) { .shopleftsidebar .products li.product img, .col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img { width: 100%; } .col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img { max-width: 100%; } .col2 .img-border, .col3 .img-border, .col4 .img-border { width: 100%; } } @media (max-width: 400px) { .cart .products li.product, .shopleftsidebar .products li.product, .cart .products li.product:nth-of-type(2n-1), .shopleftsidebar .products li.product:nth-of-type(2n-1), .col23 .img, .col2 .img, .col3 .img, .col23 .img img, .col2 .img img, .col3 .img img, .col1 .img img, .col4 .img img { width: 100%; } .col23 .img img, .col2 .img img, .col3 .img img, .col4 .img img { max-width: 100%; } .col2 .img-border, .col3 .img-border, .col4 .img-border { width: 100%; } } /* overwrite portfolio item margins */ @media (max-width: 400px) { .first-item { margin-left: 0 !important; } .next-item { margin-left: 0 !important; } } /* Widely used classes and styles ------------------------------------------ */ .more a:hover { color: #42931c; } a.go-top { position: fixed; right: 20px; cursor: default; bottom: 20px; display: block; overflow: hidden; width: 40px; height: 40px; background: #000 url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/go-top.png) 50% 50% no-repeat; opacity: 0; text-indent: -50em; z-index: 110; transition: all 0.3s ease 0s; text-indent: -9999px } a.go-top.show { opacity: 0.2; cursor: pointer; } a.go-top.show:hover { opacity: 0.4; } @media (max-width: 960px) { a.go-top { display: none; } } h2.alt { margin-top: 27px; } .dc, .dc-alt { float: left; margin: 0.3em 10px 5px 0; color: #3f3f3f; font-size: 4em; } .dc-alt { color: #42931c; } .dc-circle { background: #333; color: #fff; width: 52px; height: 37px; font-size: 2.6em; text-align: center; padding-top: 15px; font-weight: bold; border-radius: 40px; margin-bottom: 0.1em 10px 0 0 !important; } .dc-square { background: #333; color: #fff; width: 52px; height: 37px; font-size: 2.6em; text-align: center; padding-top: 15px; font-weight: bold; margin-bottom: 0 10px 0 0 !important; } .dc-small { float: left; margin: 0.2em 10px 0 0; color: #3f3f3f; font-size: 3.1em; } .dc-square-small { background: #333; color: #fff; width: 32px; height: 32px; line-height: 32px; font-size: 1.7em; text-align: center; font-weight: bold; } .dc-circle-small { background: #333; color: #fff; width: 32px; height: 32px; line-height: 32px; font-size: 1.7em; text-align: center; font-weight: bold; border-radius: 20px; } .content ul li { letter-spacing: 0.005em; line-height: 18px; margin-bottom: 9px; } .content ul li>i.fa { padding: 2px 2.5px 2.5px 2px; font-size: 12px; } .content ol li { font-size: 13px; line-height: 18px; letter-spacing: 0.005em; margin-bottom: 9px; } .content ol li>i.fa { padding-right: 9px; } ul.tick li { margin-left: 0; padding-left: 25px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/tick.png) 0 1px no-repeat; } ul.tick li:before { display: none; } ul.dash li { margin-left: 0; } ul.dash li:before { overflow: hidden; float: left; width: 7px; margin-right: 10px; content: "—"; } ul.tick { margin-left: 0; padding-left: 0; } .content ol, .content ul { padding: 5px 0; margin: 5px 0; } .content ul { padding: 5px 0 5px 28px; list-style: disc; } .content ol { padding: 5px 0 5px 28px; list-style: decimal; } .content ul[class], .content ol[class] { padding: 5px 0; } .content ul[class] li, .content ol[class] li { list-style: none; } .columns table tr:first-child:hover { background: none; } .columns table tr:hover { background: #f3f3f3; } ul.list-unstyled { padding: 4px 0 0 0; margin: 0 0 22px 0; list-style: none; } ul.list-unstyled ul { padding: 10px 0 0 15px; margin: 0 0 14px 0; list-style: none; } ul.list-unordered { list-style: disc; } ul.tick1 li:before, ul.tick3 li:before { font-family: FontAwesome; margin-right: 11px; font-size: 12px; } ul.tick2 li:before, ul.tick4 li:before { font-family: FontAwesome; margin-right: 9px; font-size: 12px; } ul.tick1, ul.tick3 { margin: 5px 0 5px 24px !important; } ul.tick1 li, ul.tick3 li { text-indent: -24px !important; } ul.tick2, ul.tick4 { margin: 5px 0 5px 27px !important; } ul.tick2 li, ul.tick4 li { text-indent: -27px !important; } ul.tick1 li:before { content: "\f00c"; padding: 2px 0 2px 1.5px; } ul.tick2 li:before { content: "\f00c"; background: #777; border-radius: 50%; color: #FFF; padding: 2px 2.5px 2.5px 2px; } ul.tick3 li:before { content: "\f00c"; color: #70C14A; padding: 2px 0 2px 1.5px; } ul.tick4 li:before { content: "\f00c"; background: #70C14A; border-radius: 50%; color: #FFF; padding: 2px 2.5px 2.5px 2px; } ul.custom { margin-left: 24px; } ul.custom li > i.fa { margin-left: -24px; margin-right: 5px; } dl { padding-top: 4px; margin-bottom: 20px; } dt { margin-bottom: 6px; font-size: 14px; line-height: 22px; font-weight: 600; color: #666; } dd { margin-bottom: 12px; padding-left: 15px; line-height: 18px; } dd p { margin-bottom: 8px; } div.video, p.video { position: relative; padding-bottom: 45%; padding-top: 25px; height: 0; margin-bottom: 22px; } div.video iframe, p.video iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } iframe { border: none; max-width: 100% } .posts .img-border { width: auto; } .table { overflow-x: auto; } /* avatar image shape feature */ .avatar-square .testimonial > img, .avatar-square .avatar-50, .avatar-square .single .post-author img, .avatar-rounded-square .team.circled > img, .avatar-square .project-team.col img { -webkit-border-radius: 0; border-radius: 0; } .avatar-rounded-square .testimonial > img, .avatar-rounded-square .avatar-50, .avatar-rounded-square .single .post-author img, .avatar-rounded-square .team.circled > img, .avatar-rounded-square .project-team.col img { -webkit-border-radius: 4px; border-radius: 4px; } /* testimonial ---------------------------------*/ .testimonial.with-avatar p.muted { font-size: 14px; margin: 0 0 14px 0; } .testimonial.with-avatar span.name { margin-top: 0; } .testimonial.quote blockquote p:first-child { display:inline !important; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quotes.svg) 0 2px no-repeat; text-indent:30px; margin-left:-30px; padding-left: 32px; text-indent: 0; font-size: 16px; line-height: 24px; } .col3 .testimonial.quote blockquote p:first-child { display:block !important; margin-left:0; } .col3 .testimonial.quote p:last-child { padding-left:32px; } .testimonial blockquote { border:none; top:auto; margin:0; padding:0; } .testimonial > p:last-child img { width:40px; height:40px; margin-right:12px; border-radius:50%; } .testimonial p { font-weight:400; line-height:1.45; } .col .flexslider .testimonial > div > p:first-child { margin-left:0; padding-left:32px; } .col2 .flexslider .testimonial p { padding-left:0; } .testimonial.font-size-1x blockquote p { font-size:14px !important; line-height:22px !important; display:block !important; } .testimonial.font-size-1x .name { font-size:13px; } .testimonial.font-size-1x > p span { font-size:13px; } .testimonial.font-size-2x blockquote p { font-size:16px !important; line-height:24px !important; display:block !important; } .testimonial.font-size-2x .name { font-size:13px; } .testimonial.font-size-2x > p span { font-size:13px; } .testimonial.font-size-3x blockquote p { font-size:18px !important; line-height:26px !important; display:block !important; } .testimonial.font-size-3x .name { font-size:13px; } .testimonial.font-size-3x > p span { font-size:13px; } .testimonial.font-size-4x blockquote p { font-size:20px !important; line-height:1.5 !important; display:block !important; } .testimonial.font-size-4x .name { font-size:13px; } .testimonial.font-size-4x > p span { font-size:13px; } .testimonial .name { color: #444; display: inline-block; margin-top: 10px; } .testimonial .org { color: #aaa; } .testimonial img { float: left; max-width: 95px; margin-right: 29px; -webkit-border-radius: 48px; border-radius: 48px; } .testimonial.font-size-1x img, .testimonial.font-size-2x img { max-width: 80px; margin-right: 19px; } .testimonial.font-size-3x img, .testimonial.font-size-4x img { max-width: 95px; margin-right: 29px; } .full-width-bg.dark .testimonial > p { color: #fff; } .full-width-bg.dark .testimonial > p span { color: #fff; } /* testimonial slider ---------------------------------*/ .flexslider { position:relative; overflow:hidden; } .flexslider > .light { display:inline-block; font-size:16px; color:#bbb; font-weight:600; text-transform:uppercase; margin-bottom:16px; margin-top:-7px !important; line-height:36px !important; } .full-width-bg.dark .flexslider p { color:#FFF; } .flexslider .testimonial { max-width: 790px; margin: 0 auto; border:none; padding:0; top:0; } .flexslider .testimonial > img.alignright { float:right; margin:0 0 0 29px !important; } .flexslider .testimonial blockquote > p:first-child { margin-top:0; } .flexslider .testimonial.quote { margin:0 auto; } .flexslider .testimonial.quote > div > p:first-child { display:inline; } .flexslider .testimonial.quote img { margin-right:59px; } .flexslider .testimonial .avatar-bottom { margin-right:12px; margin-top:14px; max-width: 40px; } .flexslider .slider-box { overflow:hidden; -webkit-transition: height .3s ease-out; -moz-transition: height .3s ease-out; -o-transition: height .3s ease-out; -ms-transition: height .3s ease-out; transition: height .3s ease-out; } .flexslider.flexslider-fade .slider-box > * { display:none; } .flexslider ul { margin:0!important; padding:0 !important; overflow:hidden; } .flexslider .flex-control-nav { text-align:center; display:none; margin:11px 0 0 0; padding:0 !important; } .col .flexslider .flex-control-nav { margin:31px 0 0 0; } .flexslider .flex-control-nav li { display:inline-block; font-size:0; margin:0 10px; } .flexslider .flex-control-nav li a { text-indent:-9999px; cursor:pointer; background-color:rgba(0, 0, 0, .2); border-radius:50%; display:block; border: 2px solid rgba(250, 250, 250, .2); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ height: 6px; width: 6px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .flexslider .flex-control-nav li a:hover { background-color: rgba(0, 0, 0, .4); } .flexslider .flex-control-nav li a.flex-active { background-color: rgba(0, 0, 0, 1); } .flexslider .flex-direction-nav { display:none; } .flexslider .flex-direction-nav a { width:24px; height:25px; display:block; cursor:pointer; text-indent:-9999px; top:0; position:absolute; opacity:0.2; } .flexslider .flex-direction-nav a:hover { opacity:0.4; } .flexslider .flex-direction-nav .flex-prev { background:url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat; right:30px; } .flexslider .flex-direction-nav .flex-next { background:url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat -24px 0; right:0; } .flexslider .flex-control-nav { display:none; position:relative; z-index:2; } .flexslider.flexslider-fadeshow-direction .flex-direction-nav { display:block; } .flexslider.flexslider-fadeshow-control .flex-control-nav { display:block; } @media (max-width: 800px) { .flexslider .flex-control-nav li a { width:12px; height:12px; } } /* tabs */ ul.tabs { margin: 0 0 1em; border-bottom: 1px solid #dfdfdf; } ul.tabs:after { clear: both; display: block; height: 0; content: ' '; } ul.tabs li { float: left; margin: 2px 4px 0 0; } ul.tabs li a { float: left; border: 1px solid #dfdfdf; color: #3f3f3f; margin: 0 0 -1px; padding: 0 10px; font: 400 14px/35px 'Open Sans', Helvetca, Arial, sans-serif; } ul.tabs a.selected { border: 1px solid #42931c; border-bottom: 3px solid #d97000; background: #42931c; color: #fff; } .tab-content h2 { font-weight: 300; font-size: 1.538em; } @media (max-width: 800px) { .lead h1, .lead p { padding-right: 0 } } @media (max-width: 600px) { ul.tabs li { float: none; margin: 0; } ul.tabs li a { float: none; display: block; margin: 0; } ul.tabs li a.selected { border-bottom-color: #d97000; } ul.tabs { height: auto; } .lead img { position: relative; bottom: auto; right: auto; clear: both; float: none!important; margin: 10px 0 0!important; padding: 0!important; } .full-width-bg.lead.page-about > div > *, .full-width-bg.lead.page-about div>img { width: 100%; max-width: 100%!important; } } .tabbed.alt ul.tabs { float: left; width: 25%; height: auto; margin: 0; } .tabbed.alt ul.tabs li { float: none; margin: 0; } .tabbed.alt ul.tabs li a { float: none; display: block; border-right: none; border-top: none; line-height: 1.3; padding-left: 0; padding-right: 0; text-align: center; } .tabbed.alt ul.tabs li:first-child a { } .tabbed.alt ul.tabs li:first-child a.selected { border-top: none; } .tabbed.alt .tab-content { overflow: hidden; width: 65%; padding: 5%; } /* pagination */ .wp-pagenavi { display: block; clear: both; margin-top: 1em; font-size: 16px; text-align: center; margin-left: auto; margin-bottom: 49px; margin-top: -10px; } .wp-pagenavi .page, .wp-pagenavi a { display: inline-block; margin-right: 5px; border: 2px solid #fafafa; border-radius: 17px; color: #333; font-weight: bold; height: 25px; text-align: center; min-width: 16px; vertical-align: text-top; padding: 5px 8px 0; display: inline-block; margin-right: 0; margin-top: -1px; } .wp-pagenavi .page:hover, .wp-pagenavi a:hover { border: 2px solid #d6d6d6; color: #333; text-decoration: none; } .wp-pagenavi .prevpostslink, .wp-pagenavi .prev { border-radius: 17px; color: #fff !important; padding: 5px 0 0 10px !important; font-weight: bold; text-align: left; height: 27px; width: 22px; vertical-align: text-top; background: #70C14A; font-size: 24px; text-decoration: none; border: none !important; } .wp-pagenavi .prevpostslink:before, .wp-pagenavi .prev:before { content: "\f104"; font-family: 'FontAwesome'; } .wp-pagenavi .nextpostslink, .wp-pagenavi .next { border-radius: 17px; color: #fff !important; padding: 5px 0 0 12px !important; font-weight: bold; text-align: left; height: 27px; width: 20px; vertical-align: text-top; background: #70C14A; font-size: 24px; text-decoration: none; border: none !important; } .wp-pagenavi .nextpostslink:before, .wp-pagenavi .next:before { content: "\f105"; font-family: 'FontAwesome'; } .wp-pagenavi .prevpostslink:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .prev:hover, .wp-pagenavi .next:hover { background: #61b23b; color: #FFF !important; } .wp-pagenavi .next { margin-left: 5px; } .wp-pagenavi .current { background: #333; border-radius: 17px; color: #fff; min-width: 32px; padding: 6px 0 0 !important; font-weight: bold; text-align: center; height: 26px; min-width: 32px; vertical-align: text-top; margin-right: 5px; display: inline-block; margin-top: -1px; } /* accordion */ ul.accordion { margin-bottom: 14px; } ul.accordion li { margin: 0; background: #FFF; margin-bottom: 5px!important; padding: 13px 20px 0 20px; -webkit-box-shadow: 0 1px 2px #CCCCCC; -moz-box-shadow: 0 1px 2px #CCCCCC; box-shadow: 0 1px 2px #CCCCCC; } ul.accordion li>a { display: block; padding: 0 0 13px 0; color: #444; font: 600 1.333em 'Open Sans', Helvetca, Arial, sans-serif; outline: none; text-decoration: none; font-size: 14px; -webkit-transition: padding .3s ease-out; -moz-transition: padding .3s ease-out; -o-transition: padding .3s ease-out; -ms-transition: padding .3s ease-out; transition: padding .3s ease-out; } ul.accordion li>a:before { float: right; position: relative; margin: -3px -7px 0 0; color: #c8c8c8; font: 600 1.308em 'Open Sans', Helvetca, Arial, sans-serif; content: "+"; } ul.accordion li>a.expanded:before { color: #aeaeae; content: "–"; } ul.accordion li>div { display: none; padding: 0 0 18px 0; width: 100%; } ul.accordion li > a:hover { color: #61b23b; } ul.accordion li > a.expanded:before, ul.accordion li > a:hover:before { color: #000; } ul.accordion li p { margin-top: 10px; font-size: 13px; margin-bottom: 0; padding-bottom: 5px; } /* sliders in content */ .content-slider { overflow: hidden; } .content-slider>h2:first-child { margin-bottom: 0.75em; border-bottom: 1px solid #dfdfdf; font-weight: 300; } .content-slider.related>h2:first-child { font-size: 1.846em; } .content-slider>div.slider-box { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; } .content-slider .next-prev { position: relative; top: -50px; float: right; overflow: hidden; margin: 16px 0 -29px; padding: 0; } .content-slider h2+.next-prev { top: -44px; } .content-slider .next-prev li { float: left; margin: 0 0 0 5px; width: 25px; } .content-slider .next-prev a { float: left; overflow: hidden; width: 22px; height: 22px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/nav-calendar.png); text-indent: -1110px; outline: none; } .content-slider .next-prev .prev a { background-position: 0 0; } .content-slider .next-prev .next a { background-position: -22px 0; } .content-slider>div { padding: 0; } .content-slider>div>div { overflow: hidden; position: relative; left: 0; top: 0; padding: 0; } .team-slider.content-slider .slider-box > div { height: auto!important; } .team-slider.content-slider > div > div { padding-bottom: 5px; } .team-slider.content-slider > h4 { float: left; max-width: 90%; margin: 0 0 18px 0; color: #bbb; text-transform: uppercase; font-size: 16px; } .team-slider.content-slider > .next-prev { top: -20px; right: 14px; } .content-slider article { display: inline-block; margin: 0 0 0 0; vertical-align: top; max-width: none; padding: 0 25px 0 3px; float: left } .content-slider article > div { width: 100%; box-shadow: 0 0 3px #CCCCCC; background: #FFF; } .content-slider article h3 { margin: 15px 0 0; font-size: 18px; } .content-slider.related article h3 { font-size: 18px; } .content-slider article h3 a { color: #333; } .content-slider article h3 a:hover { color: #42931C; } .content-slider article p { margin: 0; color: #999; } .content-slider article img { width: 100%; height: auto } .content-slider.related>div { height: 250px; } .content-slider.related article>div { position: relative; overflow: hidden; } .content-slider.related article div div { display: none; } .content-slider.related article div:hover div { display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); } .content-slider.related article div ul { overflow: hidden; position: relative; z-index: 3; top: 60px; list-style: none; width: 70px; margin: 0 auto; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center; } .content-slider.related article div ul li { display: inline-block; margin: 0 0 0 5px; padding: 0; } .content-slider.related article div ul li:first-child { margin-left: 0; } .content-slider.related article div ul li a { display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/actions.png); text-indent: -500em; vertical-align: middle; } .content-slider.related article div ul li a.view { background-position: 0 0; } .content-slider.related article div ul li a.go { background-position: -34px 0; } .main .content-slider>div.slider-box { height: 220px; } .main .content-slider article { width: 155px; } .main .content-slider article p { margin-top: 1em; line-height: 1.2em; color: #3f3f3f; } .main .content-slider.big>div.slider-box { height: 280px; } .main .content-slider.big article { width: 210px; height: 280px; font: 300 1.231em 'Open Sans', Helvetca, Arial, sans-serif; } /* sliders ------------------------------------------ */ .slider { position: relative; z-index: 20; overflow: hidden; } .slider div.video { overflow: hidden; height: auto; } .slider article > img { width: 100%; height: auto; -moz-backface-visibility: hidden; } @media (max-width: 980px) { .slider { margin: 0 -20px; } } .slider > * { opacity: 0; filter: alpha(opacity=0); } .slider1 { width: 100%; height: 430px; background: #f0f1f2; } .boxed .slider1 { width: 100%; padding: 0; } .slider1 article { position: absolute; left: 0; top: 0; width: 100%; min-height: 430px; margin: 0; } .slider1 article div { position: absolute; left: 50%; top: 60px; z-index: 2; width: 480px; margin: 0 0 0 -480px; } .boxed .slider1 article div { margin: 0 0 0 -450px; } .slider1 article img, .slider1 article div.video { position: relative; left: 50%; top: 0; z-index: 1; width: 1260px; margin: 0 0 0 -630px; } .slider1 article div.video { width: 960px; margin-left: -480px; } .slider1 article h3 { margin: 0; color: #3f3f3f; font-size: 3.462em; line-height: 1.2em; } .slider1 article h3 strong { color: #42931c; font-weight: 300; } .slider1 article p { color: #3f3f3f; font-size: 1.077em; } .slider1 article p.cta { width: 254px; height: 59px; margin-top: 2em; padding: 0 15px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/slider-cta-bg.png) no-repeat; line-height: 59px; } .slider1 article p.cta a { color: #3f3f3f; } .slider1 article p.cta a:hover { color: #42931c; } .slider1 article p.cta a.button { margin-right: 15px; border: none; color: #fff; } .slider1 .next-prev { position: absolute; left: 0; top: 0; width: 100%; z-index: 50; margin: 0; padding: 0; list-style: none; } .slider1 .next-prev li { position: absolute; top: 50%; margin: 0; width: 30px; } .slider1 .next-prev .prev { left: 0; } .slider1 .next-prev .next { right: 0; } .slider1 .next-prev a { display: block; position: absolute; top: 50%; overflow: hidden; width: 30px; height: 100px; margin: -50px 0 0 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/slider1-controls.png); text-indent: -1110px; outline: none; } .slider1 .next-prev .prev a { background-position: 0 -100px; } .slider1 .next-prev .prev a:hover { background-position: 0 0; } .slider1 .next-prev .next a { background-position: -30px -100px; } .slider1 .next-prev .next a:hover { background-position: -30px 0; } .slider1 .slider-pager { overflow: hidden; position: absolute; left: 50%; bottom: 20px; z-index: 50; margin: 0 0 0 -480px; padding: 0; list-style: none; } .boxed .slider1 .slider-pager { margin-left: -430px; } .slider-pager li { display: inline-block; margin: 0; padding: 0; width: auto !important; } .slider-pager a {float: left; overflow: hidden; text-indent: 500px; background-color: rgba(0, 0, 0, .2); border-radius: 999px; border: 2px solid rgba(250, 250, 250, .2); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ height: 6px; width: 6px; margin: 0 10px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .slider-pager a:hover { background-color: rgba(0, 0, 0, .4); } .slider-pager a.selected { background-color: rgba(0, 0, 0, 1); } .slider-pager a:hover, .slider-pager a.selected { border: 2px solid rgba(250, 250, 250, .4); } @media (max-width: 1260px) { .slider1 article { left: 0; margin-left: 0; } .slider1 .slider-pager { left: auto; right: 20px; margin-left: 0; } } @media (max-width: 1080px) { .slider1 article { left: 0; margin: 0 -20px 0 0; padding: 0 20px; } .slider1 article div, .boxed .slider1 article div { width: 60%; top: 30px; left: 40px; margin-left: 0; } .slider1 article p { font-size: 1em; line-height: 1.3em; } } @media (max-width: 980px) { .slider.slider1 { margin: 0 -20px; padding: 0 20px; } } @media (max-width: 940px) { .slider1 article div { top: 1em; } } @media (max-width: 790px) { .slider1 .next-prev { display: none; } .slider1 article { padding: 0; } .slider1 article div, .boxed .slider1 article div { left: 20px; } } @media (max-width: 650px) { .slider1 article h3 { font-size: 2.308em; } } .slider2 { max-width: 940px; height: 351px; margin: 0 auto; padding: 20px; } .slider2 article { position: absolute; left: 50%; top: 20px; width: 100%; max-width: 940px; margin-left: -470px; } @media (max-width: 960px) { .slider2 article { left: 0; margin-left: 0; } } .slider2 article img, .slider2 article div.video { position: static; width: 100%; } .slider2 article div { position: absolute; left: 0; bottom: 20px; width: 94%; margin: 0 3%; background: rgba(255,255,255,0.8); } .slider2 article div h3 { width: 80%; margin: 0 auto; padding: 10px 0; color: #3f3f3f; font-size: 1.769em; text-align: center; } .slider2 .slider-pager { display: none; } .slider2 .next-prev { position: absolute; left: 0; bottom: 85px; z-index: 50; width: 88%; height: 0; margin: 0 6%; } .slider2 .next-prev li { position: absolute; top: 10px; margin: 0; width: 22px; } .slider2 .next-prev .prev { left: 0; } .slider2 .next-prev .next { right: 0; } .slider2 .next-prev a { display: block; overflow: hidden; width: 22px; height: 22px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/slider2-controls.png); text-indent: -1110px; outline: none; } .slider2 .next-prev .prev a { background-position: 0 0; } .slider2 .next-prev .next a { background-position: -22px 0; } @media (max-width: 800px) { .slider2 article div h3 { font-size: 1.077em; line-height: 2em; } } @media (max-width: 400px) { .slider2 article div h3 { font-size: 0.923em; } } .slider3 { width: 100%; padding: 50px 0 35px; background: #edf0f0; position: relative; } .slider3 .slider { height: 420px; overflow: visible!important; } .slider3>div.slider { position: relative; overflow: visible; width: 100%; max-width: 1110px; margin: 0 auto; padding-bottom: 15px; z-index: 2; } .slider3 article { position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); } .slider3 .img-border, .slider3 .video { float: left; width: 75%; max-width: 730px; margin: 0 30px 0 0; } .slider3 .img-border img { width: 100%; } .slider3 h3 { margin: 2em 0 18px 0; font-size: 31px; line-height: 40px; letter-spacing: -0.015em; font-weight: 500; color: #222; } .slider3 h3, .slider3 p { margin-right: 31px; } .slider3 p { font-size: 24px; line-height: 34px; font-weight: 100; color: #333; } .slider3 p a.button { margin-top: 9px; font-size: 14px; letter-spacing: 0.005px; font-weight: 900; text-transform: uppercase; } .slider3 .next-prev { position: absolute; left: 0px; top: 0; z-index: -1 !important; width: 100%; height: 70px; margin: 0; padding: 0 30px; opacity: 0 !important; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; } .slider3 .slider:hover .next-prev { opacity: 1 !important; z-index: 100 !important; } .slider3 .next-prev li { position: absolute; top: 0; height: 370px; margin: 0; padding: 0; } .slider3 .next-prev li.next { right: 0; } .slider3 .next-prev li.prev { left: 0; } .slider3 .next-prev a { display: block; overflow: hidden; position: absolute; top: 50%; width: 30px; height: 70px; margin-top: -35px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/slider3-controls.png); text-indent: -50em; opacity: 0.8; } .slider3 .next-prev a:hover { opacity: 1; } .slider3 .next-prev .next a { right: 0; background-position: -30px 0; } .slider3 .next-prev .prev a { left: 0; background-position: 0 0; } .slider3 .slider-pager { position: absolute; z-index: 50; left: 0; top: auto; bottom: -23px; width: 100%; margin: 0; padding: 0; text-align: center; } .content .columns .col23 .slider3 { margin: -50px 0; } .content .columns .col23 .slider3 .slider-pager { bottom: 30px; height: 16px; } .main.single .slider3 .slider-pager { bottom: 27px; height: 16px; } .content .columns .col23 .slider3 .slider-pager li, .main.single .slider3 .slider-pager li { margin: 0; } .content .columns .col23 .slider3 .next-prev { display: block; z-index: 9999; left: 0; } .content .columns .col23 .slider3 .next-prev .prev { left: 10px; } .content .columns .col23 .slider3 .next-prev .prev a { /*background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/prev2.png) no-repeat 0 0;*/ text-indent:0; text-decoration:none; background:#FFF; border-radius:50%; height: 32px; width: 32px; z-index: 9999; margin-top: -16px; display: block; -moz-backface-visibility: hidden; } .content .columns .col23 .slider3 .next-prev .prev a:before { font-size:15px; color:#000; content:"\f053"; font-family:'FontAwesome'; display:block; margin:9px 0 0 10px; } .content .columns .col23 .slider3 .next-prev .next { right: 10px; } .content .columns .col23 .slider3 .next-prev .next a { /*background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/next2.png) no-repeat 0 0;*/ text-indent:0; text-decoration:none; background:#FFF; border-radius:50%; height: 32px; width: 32px; z-index: 9999; margin-top: -16px; display: block; -moz-backface-visibility: hidden; } .content .columns .col23 .slider3 .next-prev .next a:before { font-size:15px; color:#000; content:"\f054"; font-family:'FontAwesome'; display:block; margin:9px 0 0 11px; } .content .columns .slider3 p, .content .columns .slider3 p { margin-right: 0; } @media (max-width: 1170px) { .slider3 { padding: 35px 20px 35px; } .root > .slider3 { margin: 0 -20px; } .root > .slider3 p, .root > .slider3 h3 { padding: 0 20px; } .main.single .slider3 { padding: 35px 0; } .content .columns .col23 .slider3 { margin: 0; padding: 0; } } @media (max-width: 1045px) { .slider3 h3 { font-size: 2em; line-height: 30px; } .slider3 p { font-size: 1em; line-height: 24px; } .slider3 h3 { margin-top: 10px; margin-bottom: 10px; } } @media (max-width: 980px) { .slider3 { padding: 25px 20px 35px; width: auto; } } @media (max-width: 940px) { .slider3 h3 { font-size: 1.692em; } .slider3>div.slider { background-image: none; } } @media (max-width: 900px) { .slider3 h3 { font-size: 1.538em; } .slider3 .img-border { max-width: 60%; } .slider3>div.slider { background: none; } } @media (max-width: 770px) { .slider3 .img-border { display: block; float: none; width: auto; max-width: 770px; margin: 0; } .slider3 article { margin: 0; padding: 0; } .slider3 .next-prev .next a { right: -10px; } .slider3 .next-prev .prev a { left: -10px; } .post .slider3 article { margin: 0; } .slider3 { padding-bottom: 47px; } .slider3 .slider-pager { bottom: -29px; } } @media (max-width: 400px) { .slider3 { padding-bottom: 27px; } .slider3 .slider-pager { bottom: -20px; } } .slider8-box { width: 100%; position: relative; } .slider8 { width: 100%; position: relative; z-index: 20; overflow: hidden; } .slider8 .slide { width: 100%; color: #fff; background-color: #ddd; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .slider8 .slide img { display: none; height: 0; width: auto; } .slider8 .slide h3 { text-transform: none; color: #fff; font-size: 42px; line-height: 54px; font-weight: 600; letter-spacing: -0.025em; padding: 0; margin: 0 0 20px 0; } .slider8 .slide p { font-size: 24px; line-height: 36px; font-weight: 300; padding:0; margin: 0 0 30px 0; } .slider8 .slide p:last-child { margin-bottom: 0; } .slider8 .slide .content-container { max-width: 1110px; padding-top: 50px; padding-bottom: 50px; overflow: hidden; margin: 0 auto; position: relative; z-index: 2; } .slider8 .slide .col { min-height: 420px; margin: 0; padding: 25px 30px 75px 30px; background-color: rgba(34,34,34,0.85); box-shadow: 0 1px 3px rgba(0,0,0,0.14); } .slider8 .slider-pager-box { position: absolute; bottom: 80px; left: 0; width: 100%; } .slider8 .slider-pager-wrapper { max-width: 1110px; padding: 0; overflow: hidden; margin: 0 auto; position: relative; z-index: 3; } .slider8 .slider-pager { padding: 0 20px; } .slider8 .owl-controls { position: absolute; bottom: 80px; left: 0; width: 100%; } .slider8 .owl-pagination { max-width: 1110px; padding: 0; overflow: hidden; margin: 0 auto; position: relative; z-index: 3; text-align: left; } .slider8 .owl-pagination .owl-page { display: inline-block; margin: 0; padding: 0; width: auto !important; } .slider8 .owl-pagination .owl-page:first-child { margin-left:20px; } .slider8 .owl-pagination .owl-page span {float: left; overflow: hidden; text-indent: 500px; background-color: rgba(0, 0, 0, .2); border-radius: 999px; border: 2px solid rgba(250, 250, 250, .2); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ height: 6px; width: 6px; margin: 0 10px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .slider8 .owl-pagination .owl-page span:hover { background-color: rgba(0, 0, 0, .4); } .slider8 .owl-pagination .owl-page.active span { background-color: rgba(0, 0, 0, 1); } .slider8 .owl-pagination .owl-page span:hover, .slider8 .owl-pagination .owl-page.active span { border: 2px solid rgba(250, 250, 250, .4); } @media (max-width: 1170px) { .root > .slider8-box { width: auto; margin: 0 -20px; } .slider8 .owl-pagination, .slider8 .slider-pager-wrapper, .slider8 .slide .content-container { padding-left: 20px; padding-right: 20px; } } @media (max-width: 980px) { .slider8 .slide .col { padding: 25px 30px 75px 30px; } .slider8 .slide h3 { font-size: 33px; line-height: 44px; } .slider8 .slide p { margin-bottom: 28px; } } @media (max-width: 640px) { .slider8 .slide .content-container { padding-top: 20px; padding-bottom: 20px; } .slider8 .owl-controls, .slider8 .slider-pager-box { bottom: 50px; } .slider8 .slide .col { min-height: 360px; } } @media (max-width: 400px) { .slider8 .slide .content-container { padding-top: 10px; padding-bottom: 10px; } .slider8 .slide .col { padding: 15px 20px 50px 20px; } .slider8 .slide h3 { margin-bottom: 15px; } .slider8 .slide p { font-size: 18px; line-height: 30px; font-weight: normal; margin-bottom: 20px; } .slider8 .owl-controls, .slider8 .slider-pager-box { bottom: 25px; } .slider8 .slider-pager { padding: 0 10px; } .slider8 .owl-pagination .owl-page:first-child { margin-left:10px; } } .slider11-container { position: relative; background: #e9efef; box-shadow: 0 0 3px rgba(0,0,0,0.2); padding: 30px; } .boxed .slider11-container { padding: 30px 40px; } .slider11-container .slider-content { margin: 0 auto; max-width: 1110px; } .slider11 { position: relative; width: 667px; float: left; } .slider11>div.slider { position: relative; width: auto; max-width: 1110px; height: auto; min-height: 420px; margin: 0 auto; z-index: 2; } .slider11 article { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; min-height: 424px; max-width: 667px; } .slider11 article div { float: right; width: 59.3%; padding-left: 4%; padding-top:20px; } .slider11 article img { float: left; width: 36.7%; max-width: 240px; } .slider11 .next-prev { display: none; } .slider11 .slider-pager { position: absolute; left: 0; bottom: 14px; margin: 0; } .slider11 h3 { margin-top: 14px; margin-bottom: 40px; font-size: 65px; line-height: 70px; font-weight: 100; letter-spacing: -0.015; color: #222; float: left; } .slider11 h4 { margin-top: -24px; margin-bottom: 30px; font-size: 50px; line-height: 80px; font-weight: 100; letter-spacing: -0.03; color: #222; } .slider11 h4 span { font-size: 65px; line-height: 80px; letter-spacing: -0.03; font-weight: 700; color: #51a22b; } .slider11 div>p { color: #242424; font-size: 24px; line-height: 34px; color: #333; margin-bottom: 12px; } .slider11 article div>ul { list-style: none; } .slider11 article div>ul li { font-size: 19px; line-height: 28px; color: #444; padding-top: 5px; padding-bottom: 2px; } .slider11 article div>ul li:before { font-family: FontAwesome; content: "\f00c"; color: #70C14A; font-size: 19px; margin-right: 10px; } .slider11-container .landing-form { float: right; position: relative; z-index: 2; } /*custom background opacity*/ .slider11-container .p02 { opacity: 0.9; } @media (min-width: 1170px) { .slider11>div.slider { height: auto !important; } } @media (max-width: 1170px) and (min-width: 920px) { .slider11>div.slider { height: auto !important; } .slider11 h3 { font-size: 52px; line-height: 60px; } .slider11 article div { padding-top: 0; } } @media (max-width: 1170px) { .slider11-container { margin: 0 -30px; padding: 30px; } .boxed .slider11-container { padding: 30px; } .slider11 { width: 59%; } } @media (max-width: 919px) { .slider11-container { padding: 30px 20px; margin: 0 -20px; } .boxed .slider11-container { padding: 30px 20px; } .slider11 { width: 100%; } .slider11-container .landing-form { margin-top: 0; } .slider11 h3 { font-size: 50px; line-height: 60px; } .slider11 .slider-pager { bottom: 117px; } .slider11 > div.slider {margin-bottom: -120px;} } @media (max-width: 600px) { .slider11-container { padding: 30px 20px; } .boxed .slider11-container { padding: 30px 20px; } .slider11 h3 { margin-top: 0; font-size: 40px; line-height: 50px; } .slider11 h3+p { font-size: 1.077em; } .slider11 article { height: auto; } .slider11 article div { padding-top: 0; } .slider11 .slider-pager { bottom: 137px; } .slider11 > div.slider {margin-bottom: -140px;} } @media (max-width: 530px) { .slider11 .slider-pager { bottom: 97px; } .slider11 > div.slider {margin-bottom: -100px;} } @media (max-width: 450px) { .slider11 h3 { font-size: 35px; line-height: 45px; margin-bottom: 20px; } .slider11 article div { width: 100%; margin: 0 auto 1em; } .slider11 article img { float: none; margin: 30px 0; } .slider11 .slider-pager { bottom: 67px; } .slider11 > div.slider {margin-bottom: -70px;} .slider11 article img { width: auto; max-width: auto; } } /* Home page styles ------------------------------------------ */ .hp-quote { clear: both; width: 70%; margin: 25px auto; padding: 15px 0 15px 55px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote2.svg) 0 30px no-repeat; background-size: 26px 24px; color: #747474; } .hp-quote blockquote, blockquote.hp-quote { margin: 0; padding: 0; border: none; } article .hp-quote { width: auto; padding: 0 0 0 55px; background-position: 0 0; } .hp-quote p { margin: 0.5em 0; font: 300 1.846em/1.1em 'Open Sans', Helvetca, Arial, sans-serif; } .hp-quote p.signature { font: normal 1em "Arial", sans-serif; text-align: right; } .hp-quote p.signature span { color: #3f3f3f; } .why-us ul { margin-top: 0; color: #3f3f3f; font-size: 0.923em; } .why-us li { margin-left: 0; padding-left: 25px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/tick.png) 0 1px no-repeat; } .homepage section .why-us h2 { margin-bottom: 1em; } .homepage .hp-latest2 .col2 h2 { font-size: 1.538em; } .homepage .tabbed .tab-content h2 { font-weight: 400; } .homepage .tabbed .img-border:before { box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1); } /* intro */ .hp-intro { overflow: hidden; margin: 0 -20px 0px; padding: 20px 20px; min-height: 0; background-color: #fff; width: 100%; border-top: 1px solid #ececec; position: relative; } .hp-intro div.content-container { max-width: 1110px; margin: 0 auto; position: relative; z-index: 2; } .hp-intro { text-align: center; } .hp-intro p.cta { margin: 0; padding: 0 20px 0 20px; font-size: 1.231em; display: inline-block; vertical-align: middle; letter-spacing: -0.015em; } .hp-intro p.cta .button { font-weight: bold; text-transform: uppercase; } .hp-intro p.slogan { margin: 0; color: #3f3f3f; font: normal 31px 'Open Sans', Helvetca, Arial, sans-serif; line-height: 1.2; display: inline-block; vertical-align: middle } .intro { margin-bottom: 24px; } .intro h1 { font-weight: 300; font-size: 2.462em; line-height: 1.2em; } .intro h1 strong { color: #42931c; font-weight: 300; } .style-intro01 { background: #333; } .style-intro01 p.slogan { color: #fff; } @media (max-width: 1030px) { .hp-intro p.slogan, .boxed .hp-intro p.slogan { margin: 0 auto 30px auto!important; padding: 0; } } @media (max-width: 820px) { .hp-intro p.slogan, .boxed .hp-intro p.slogan { float: none; margin: 0 auto 30px auto!important; padding: 0!important; background: none; text-align: center; } .hp-intro p.cta { float: none; margin: 0; text-align: center; } .hp-intro p.cta a { display: block; text-align: center; margin: 0; } } @media (max-width: 1170px) { .boxed footer { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; width: 100%; } .boxed .hp-intro { margin: 0 -30px; padding: 30px; width: 100%; } .error404 footer { margin-left: 0; margin-right: 0; width: auto; } .boxed.error404 footer { margin-left: 0; margin-right: 0; width: auto; } } @media (max-width: 980px) { .boxed footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .boxed .hp-intro { margin: 0 -20px; padding: 20px; } .boxed.error404 footer { margin-left: 0; margin-right: 0; width: auto; } } /* recent work */ .columns.hp-recent-work>h2:first-child { margin-bottom: 0.75em; } .hp-recent-work>div { padding: 0; } .hp-recent-work article { display: inline-block; } .hp-recent-work article.col3 { margin: 0 0 25px 0; } .hp-recent-work article h3 { margin: 0.5em 0; font-size: 1.538em; } .hp-recent-work article h3 a { color: #3f3f3f; } .hp-recent-work article h3 a:hover { color: #42931c; } .hp-recent-work article p { margin: 0; color: #999; } .hp-recent-work article>div { position: relative; overflow: hidden; } .hp-recent-work article div:hover div { display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); } .hp-recent-work article div ul { overflow: hidden; position: relative; z-index: 3; top: 60px; list-style: none; width: 70px; margin: 0 auto; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center; } .hp-recent-work article div ul li { display: inline-block; margin: 0 0 0 5px; padding: 0; } .hp-recent-work article div ul li:first-child { margin-left: 0; } .hp-recent-work article div ul li a { display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/actions.png); text-indent: -500em; vertical-align: middle; } .hp-recent-work article div ul li a.view { background-position: 0 0; } .hp-recent-work article div ul li a.go { background-position: -34px 0; } .hp-recent-work article img { width: 100%; max-width: 220px; } /* Our clients logo list */ .hp-our-clients>div.slider-box { min-height: 125px; } .hp-our-clients>div ul { position: absolute; left: 0; top: 0; list-style: none; width: 1000em; margin: 0; padding: 0; } .hp-our-clients>div ul li { float: left; width: 172px; padding: 10px 20px 10px 0; margin: 0; } .homepage .col3 h3 { margin-bottom: 1.5em; border-bottom: 1px solid #dfdfdf; font-size: 1.846em; } .homepage .col3 h3 span { display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #42931c; } .homepage .col4 h3, .homepage .with-icons .col3 h3 { margin: 0.5em 0; border-bottom: none; font-size: 1.538em; } .homepage .col4 h3 a, .homepage .col3 h3 a { color: #3f3f3f; } .homepage .col4 h3 a:hover, .homepage .col3 h3 a:hover { color: #42931c; } .homepage h2+p { margin-top: 0; } .homepage .latest h3 { margin-bottom: 0; font-size: 1.538em; font-weight: 400; } .homepage .latest h3 a { color: #3f3f3f; } .homepage .latest h3 a:hover { color: #42931c; } .homepage .latest article { clear: both; } .cat-archive { padding-left: 6px; } .cat-archive>section { position: relative; overflow: visible; margin-bottom: 30px; } .cat-archive>section>h3:first-child { position: absolute; left: -6px; top: 10px; z-index: 5; padding: 0 10px; border: none; box-shadow: 0 0 2px rgba(0,0,0,0.2); background: #42931c; color: #fff; font-size: 1.538em; font-weight: 400; line-height: 40px; } .cat-archive>section>h3:first-child:before { position: absolute; left: 0; top: 40px; width: 0; height: 0; border-right: 3px solid #c76700; border-top: 3px solid #c76700; border-left: 3px solid #fff; border-bottom: 3px solid #fff; content: " "; } .cat-archive ul { list-style: none; } .cat-archive ul li { margin: 0.75em 0; font: 300 1.231em 'Open Sans', Helvetca, Arial, sans-serif; } .cat-archive ul li p { margin: 1em 0 2em; font: 400 0.813em/1.3em "Arial", sans-serif; } .cat-archive ul li a { color: #3f3f3f; } .cat-archive ul li a:hover { color: #42931c; text-decoration: none; } .cat-archive ul li:first-child { margin-bottom: 1em; border-bottom: 1px solid #dfdfdf; } .cat-archive ul li:first-child h4 { margin: 0.5em 0; font-size: 1.25em; } .cat-list li { margin: 0; padding: 0; font-size: 0.923em; } .cat-list a { color: #3f3f3f; font-size: 1.083em; } .cat-list a:hover { color: #42931c; } .product-list-full h2:first-child { margin-bottom: 1.5em; border-bottom: 1px solid #dfdfdf; font-size: 1.846em } .product-list-full ul { list-style: none; } .product-list-full ul li { overflow: hidden; margin: 1em 0; } .product-list-full ul li .img { float: left; margin: 0 20px 20px 0; } .product-list-full ul li p { overflow: hidden; } .product-list-full ul li h3 { margin: 0; font-size: 1.538em; } .product-list-full ul li h3 a { color: #3f3f3f; } .product-list-full ul li h3 a:hover { color: #42931c; } .product-list-full ul li dl { margin: 1em 0; font-size: 0.923em; line-height: 1em; } .product-list-full ul li dl dt { padding: 0 5px 0 10px; } .product-list-full ul li dl dd { padding: 0 10px 0 5px; color: #747474; } /* portfolio ------------------------------------------*/ h1+.columns.portfolio { margin-top: 0; } .portfolio h2 { border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em; } .columns.portfolio { margin-bottom: 0; } .columns.portfolio>div.filters { display: block; overflow: hidden; width: 100%; margin: 0 0 2em; color: #999; font-size: 0.923em; } .columns.portfolio>div.filters:first-child { margin-top: 0; } .columns.portfolio>h2:first-child { margin-top: 0; } .columns.portfolio+.columns.portfolio { margin-top: 0; } .portfolio .filters p { float: left; margin: 2px 5px 0 0; } .portfolio .filters ul { overflow: hidden; margin: 0; padding: 0; list-style: none; } .portfolio .filters ul li { float: left; margin: 0; padding-right: 6px; } .portfolio .filters ul a { float: left; color: #3f3f3f; border: 1px solid #ddd; border-radius: 2px; padding: 3px 9px; font-size: 11px; } .portfolio .filters ul a:hover { color: #42931C; } .portfolio .filters ul a.selected { background: #61b23b; color: #fff; border: none; } .portfolio .filters ul a:hover { background: #61B23B; color: #fff; border: none; border: 1px solid #61b23b; text-decoration: none; } .portfolio article { display: inline-block; margin-bottom: 30px; } .portfolio article h3, .homepage .portfolio article h3 { border-bottom: none; font-size: 1.385em; margin-bottom: 0; } .content-slider.portfolio article h3 { margin-top: 0; } .portfolio article h3 a { color: #333; display: block; font-size: 16px; line-height: 1.4em; padding: 25px 21px 23px; transition: all 0.4s ease-in-out 0s; } .portfolio article:hover h3 a { color: #fff; background: #333; text-decoration: none; } .portfolio article.mobile-hover h3 a { color: #fff; background: #333; text-decoration: none; } .portfolio article.col1:hover h3 a { color: #333; background: none; text-decoration: none; } .portfolio article h3 a span, .portfolio article:hover h3 a span { color: #aaa; font-size: 11px; text-transform: uppercase; } .portfolio article.mobile-hover h3 a span { color: #aaa; font-size: 11px; text-transform: uppercase; } .portfolio article p { margin: 0; color: #999; } .portfolio article>div { position: relative; overflow: hidden; } .portfolio article div div { transition: all 0.4s ease-in-out 0s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; position: static; right: 0; bottom: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); text-align: center; background: none; text-align: right } .portfolio article div div.img { position: relative; top: auto; left: auto; display: block!important; opacity: 1; } .portfolio article div div.img div { position: absolute; width: 70px; height: 70px; right: 0; bottom: 0; top: auto; left: auto; } .portfolio article div div.img img { display:block; } .portfolio article div div.img div ul { position: static; } .portfolio article:hover .img { position: relative } .portfolio article:hover .img div { } .portfolio article:hover .img div { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .portfolio article div ul { display: inline-block; overflow: hidden; position: relative; z-index: 3; top: 50%; list-style: none; margin: -20px auto 0; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center; } .portfolio article div ul li { display: inline-block; margin: 0 0 0 5px; padding: 0; } .portfolio article div ul li:first-child { margin-left: 0; } .portfolio article div ul li a { display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/actions.png); text-indent: -500em; vertical-align: middle; } .portfolio article div ul li a.view { background-position: 0 0; } .portfolio article div ul li a.go { background-position: -34px 0; } .portfolio article p { line-height: 1.3em; } .col1 .img { float: left; width: 64%; margin-right: 4%; } .portfolio article.col1 h3 { font-size: 1.538em; } .portfolio article.col1 p { margin: 1.5em 0; } .slider.portfolio-slider { overflow: hidden; max-width: 940px; height: 410px; margin: 30px auto; } .slider.portfolio-slider article { position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; } .slider.portfolio-slider img { position: static; width: 100%; } .slider.portfolio-slider div { position: absolute; left: 0; bottom: 15px; width: 280px; padding: 10px 20px; background: rgba(0,0,0,0.70); } .slider.portfolio-slider div p { color: #fff; } .slider.portfolio-slider div h3 { margin: 0.5em 0; color: #fff; font-size: 1.385em; } .slider.portfolio-slider .next-prev { display: none; } .slider.portfolio-slider .slider-pager { position: absolute; left: auto; right: 20px; bottom: 15px; z-index: 3; overflow: hidden; margin: 0; padding: 8px; border-radius: 13px; background: rgba(0,0,0,0.5); line-height: 26px; } .slider.portfolio-slider .slider-pager li { float: left; margin: 0 0 0 7px; padding: 0; } .slider.portfolio-slider .slider-pager li:first-child { float: left; margin: 0; } .slider.portfolio-slider .slider-pager li a { float: left; overflow: hidden; width: 10px; height: 10px; border-radius: 6px; background: #b6b4b2; text-indent: -50em; } .slider.portfolio-slider .slider-pager li a.selected { background: #fff; } .columns.no-shadow article, .no-shadow { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } .page-portfolio .content { padding-bottom: 0; } .page-portfolio .content > h1 { margin-top: 30px; } .page-portfolio .filters { max-width: 1110px; margin: 0 auto; } .page-portfolio .head { background: #fff; padding: 20px 20px; border-bottom: 1px solid #e7e7e7; /*box-shadow: 0 1px 0 #f3f3f3;*/ -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 1170px) { .page-portfolio .head { margin-left: -20px; margin-right: -20px; } .boxed .page-portfolio .head { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } } @media (max-width: 980px) { .boxed .page-portfolio .head { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } } .page-portfolio .columns { padding: 0; display:block overflow:hidden; margin: 0; } .page-portfolio .columns:first-child { margin-top: -13px; } .page-portfolio .portfolio .col3 > div, .page-portfolio .portfolio .col4 > div { background: #fff; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); } .columns.portfolio.masonry .item { display: block; left: 0; top: 0; } .page-portfolio article div:hover div { background: none; } .page-portfolio article:hover .img > div { background: none; display: block; } .page-portfolio article div ul li a.view { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/search-large2.png) no-repeat 50% 50%; width: 70px; height: 70px; } .page-portfolio article div ul { border-radius: 0; background: rgba(34, 34, 34, 0.6); bottom: 0; right: 0; margin: 0; top: auto; position: absolute; padding: 0; } .button-more { text-align: center; padding: 17px 0 40px; margin-top: 24px; } .button-more a { border: 2px solid #d8d8d8; text-align: center; color: #bbbbbb; text-transform: uppercase; border-radius: 2px; margin: 0 auto; padding: 11px 20px; font-weight: bold; font-size: 14px; } .button-more a:hover { background: #42931c; border: 2px solid #42931C; color: #fff; text-decoration: none; } .page-portfolio .foot>p { text-align: center; padding: 50px 0; } .page-portfolio .foot>p>a { background: #70c14a; color: #fff; border-radius: 2px; font-weight: bold; min-width: 145px; padding: 10px; } .page-portfolio .foot>p>a:hover { text-decoration: none; background: #61B23b; } .page-portfolio .foot>p>span { font-size: 31px; color: #333; padding-right: 25px; } .page-portfolio .filters ul { overflow: hidden; margin: 0; padding: 0; list-style: none; margin-bottom: -6px } .page-portfolio .filters ul li { float: left; display: none; margin: 0; padding-right: 6px; margin-bottom: 6px; } .page-portfolio .filters ul a { float: left; color: #3f3f3f; border: 1px solid #ddd; border-radius: 2px; padding: 3px 9px; font-size: 11px; } .page-portfolio .filters ul a:hover { color: #42931C; } .page-portfolio .filters ul a.selected { background: #444444!important; color: #fff; border: 1px solid #444444!important; } .page-portfolio .filters ul a:hover { background: #70C14A; color: #fff; border: none; border: 1px solid #70C14A; text-decoration: none; } .post-type-archive-events .page-portfolio .filters ul li { display:block; } .tax-event_category .page-portfolio .filters ul li { display:block; } @media (max-width: 550px) { .slider.portfolio-slider div { padding: 5px 10px; } .slider.portfolio-slider div p { font-size: 0.923em; line-height: 1.2em; } .slider.portfolio-slider div h3 { margin: 0; } } .with-icons>h2 { border-bottom: 1px solid #dfdfdf; } /* prev next nav */ .project-nav { overflow: hidden; width: 60%; margin: 0 0 3em; font-size: 18px; } .project-nav .prev { display: inline-block; margin: 0 20px 0 0; } .project-nav .next { display: inline-block; } @media (max-width: 550px) { .project-nav { width: 98%; margin: 0 1%; } } /* blog page ------------------------------------------*/ .main { float: left; width: 74%; max-width: 810px; } aside { float: right; width: 24%; max-width: 220px; margin-bottom: 28px; } .homepage .main { width: 63%; max-width: 570px; } .homepage aside { width: 33%; max-width: 300px; margin-top: 1em; } aside section:first-child { margin-top: 0; } .reverse .main { float: right; } .reverse aside { float: left; } .wide .main { float: none; width: 100%; max-width: 1110px; } .content.wide > h2.entry-title { margin-top: 50px; } .postlist article h2 { font-weight: 300; line-height: 1.2em; } .postlist article h2 a { color: #3f3f3f; } .postlist article h2 a:hover { color: #42931c; } .post-meta { color: #999; margin: 5px 0 19px; font-size: 13px; letter-spacing: 0.005em; } .post-meta a, .tags a { color: #333; } .post-meta a:hover, .tags a:hover { color: #70C14A; } .post-meta a.comment-link { padding-left: 25px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/icon-comment.png) 10px 50% no-repeat; white-space: nowrap; } .post-meta span { padding: 0 5px; color: #ccc; } .postlist>article p.more { float: right; } .postlist .post p.tags { float: left; clear: left; margin-right: 30px; font-size: 0.846em; } .postlist>article { overflow: hidden; margin: 0 0 20px; padding: 0 0 20px; } .postlist>article:first-child { padding-top: 0; } .postlist h2 { margin-bottom: 0; border-bottom: 0; } .postlist .columns .posts h2 { font-size: 1.385em; } .postlist .columns .col23.posts article { overflow: hidden; margin-bottom: 3em; } .postlist .columns .col23.posts article h2 { font-size: 1.538em; } .postlist .columns .col3.posts article { overflow: hidden; margin-bottom: 2em; } .postlist .columns .col3.posts article img { width: auto; } .postlist .columns .posts .img-border { float: left; margin-right: 15px; } .postlist .columns .posts img+div { overflow: hidden; } .postlist p.post-meta+p .img-border:first-child { margin: 10px 0 15px; } .main .post img, .main .page img { max-width: 100%; -moz-backface-visibility: hidden; -moz-transform: rotate(0); } .main .page .payment_method_paypal img { width: auto; height: auto; } .main .post .img.medium, .main .page .img.medium { float: left; width: 50%; max-width: 300px; margin-right: 4%; } @media (max-width: 800px) { .main { float: none; width: auto; max-width: none; margin: 0 0 20px; } aside { float: none; width: auto; max-width: none !important; margin: 0 0 20px; clear: both; } .reverse aside { float: none; } .homepage .main { width: auto; max-width: 100%; } .homepage aside { width: auto; max-width: 100%; } .main p > iframe { height: 300px; } } @media (max-width: 400px) { .main p > iframe { height: 185px; } } /* single page/post content */ .content .entry-title { font-size: 34px; line-height: 40px; letter-spacing: -0.015em; font-weight: 600; } /* single portfolio page */ .single-project .content .entry-title { margin-bottom: 28px; padding-right: 140px; } .single-project .content { padding-bottom:0; } .single-project .content aside { padding-top:10px; } @media (max-width: 800px) { .single-project .content .single { padding-bottom:0; } } @media (max-width: 480px) { .single-project .content .entry-title { padding-right: 0; } } .content .single .post .entry-title { margin-bottom: 20px; } .content .single .page .entry-title { margin-bottom: 19px; font-weight: 400; } .single p.tags { margin: 2em 0; font-size: 11px; color: #777; clear: both; } .single p.share { padding: 1em 0; border-top: 1px solid #e5e5e5; } .single p>img:first-child, .single p>.img-border:first-child { margin: 10px 0 15px; } /* blog-single-page */ .content .single { padding-top: 50px; padding-bottom: 39px; } .single .post-meta { margin-top: -7px; margin-bottom: 21px; } .bold-text { font-weight: bold; color: #555; font-size: 16px; line-height: 24px; } .main.post-single-page { max-width: 810px; padding-top: 49px; } .post-single-page a { color: #333; } .post-single-page a:hover { color: #42931c; } .post-single-page .post-single-page-headline a { color: #333; font-size: 34px; font-weight: bold; } .post-single-page .post-single-page-headline a:hover { color: #42931c; } .post-single-page .post-meta { margin: 1.1em 0 1.7em; } .post-single-page .post-meta span { padding: 0 10px; } .post-single-page b { font: 18px/1.2 'Open Sans', Helvetca, Arial, sans-serif; } .single blockquote.blockquote-right { width: 45%; } @media (max-width: 600px) { .single blockquote.blockquote-right { width: 90%; } } .post-single-page .note { font: 24px/1.4 'Open Sans', Helvetca, Arial, sans-serif; color: #999; } .post-single-page small { font-size: 13px; color: #aaa; } .single p.tags span { font-size: 14px; text-transform: uppercase; letter-spacing: 0.015em; color: #bbb; font-weight: bold; } .single p.tags span { margin-right: 12px; } .single .tags a { background: none repeat scroll 0 0 #fff; border: 1px solid #ddd; border-radius: 2px; color: #444 !important; display: inline-block; font-size: 11px !important; margin-bottom: 6px; padding: 2px 8px; margin-right: 5px; } .single .tags a:hover { color: #fff !important; background: #70c14a; border: 1px solid #70c14a; text-decoration: none; } .single .post h3 { color: #bbb; font-size: 16px; text-transform: uppercase; } .single .post-author { background: #fff; border: none; border-left: 4px solid #70c14a; box-shadow: 0 0 10px #f2f2f2; padding: 40px; margin: 0 0 2em; } .single .post-author img { float: left; margin-right: 30px; -webkit-border-radius: 45px; border-radius: 45px; } .single .post-author .social01 { margin-bottom: -28px; } .single .post-author .social01 p { display: inline-block; margin-bottom: 0; vertical-align: top; color: #aaa; padding-top: 14px; } .single .post-author .social01 ul { display: inline-block; padding-left: 6px; margin: 0; vertical-align: middle; } @media (max-width: 850px) { .single .post-author { padding:30px; } .single .post-author img { margin-right: 20px; } .single .post-author .social01 .articles { padding-top:5px !important; } .single .post-author .articles { float: none; display: block !important; margin-bottom: 6px !important; } } @media (max-width: 600px) { .single .post-author { padding:30px 20px 33px 20px; } .single .post-author img { margin-right: 20px; max-width: 50px; max-height: 50px; -webkit-border-radius: 50%; border-radius: 50%; } } @media (max-width: 480px) { .single .post-author { padding:30px 20px 7px 20px; } .single .post-author img { margin-right: 15px; } .single .post-author .social01 { margin-bottom: 0; } .single .post-author .social01 ul { padding-left: 0; } } .single ul.commentlist .comment-body { border-bottom: none; } .single .children { margin-left: 19px; padding-left: 0; } .single .share-post h3 { color: #bbb; float: left; font-size: 14px; color: #bbbbbb; font-weight: bold; text-transform: uppercase; } .single .share-post { display: block; overflow: hidden; margin: 26px 0 40px; } .single .share-post h3 { margin-bottom: 0; } .single .share-post .share-social { margin-bottom: 0; margin-left: -10px; } .single .share-post.with-call-to-action .share-social { float: right; } .single .share-post .share-social span { font-weight: normal; margin-right: 0; font-size: 12px; text-transform: none; vertical-align: top; padding: 0; line-height: 24px; } .single .share-post .share-social > * { float: left; margin-left: 7px; margin-top: 4px; } .single .share-post .share-social > span { display:block; margin-bottom:6px; margin-top:0; height:26px; } .single .share-post.with-top-border { border-top: 1px solid #E0E0E0; padding-top: 32px; } .single.single-events .share-post.with-bottom-border { margin-top: 21px; } .single .share-post.with-bottom-border { border-bottom: 1px solid #E0E0E0; } .single ul.commentlist .comment-body { padding: 0 0 3px 18px; } .avatar-50 { float: left; margin-right: 18px; -webkit-border-radius: 25px; border-radius: 25px; } .single .awaiting-post { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/awaiting.png) no-repeat 20px 1px; padding-left: 45px; margin-bottom: 5px; margin-top: 0; position: relative; top: -11px; } .single .comment-author a.comment-reply-link { color: #61b23b; } .comment-form legend { display: block; font-size: 13px; color: #aaaaaa; margin-bottom: 19px; } .comment-form > h2 { margin-bottom: 7px; } .single .articles { float: right; padding-top: 20px; } .single .columns ul.next-prev { display: none; } .single cite span, .single cite span a { text-transform: none; } .comment-form ul { margin: 0 0 1px 0; padding-left: 0; } ul.commentlist li .comment-form ul { margin: 0 0 12px 0; } .comment-form ul li { width: 32.44%; display: inline-block; margin-left: 5px; } .comment-form ul li:first-child { margin-left: 0; padding-left: 0; } .comment-form ul li em { color: #70c14a; } .comment-form ul li input { width: 90%; } #slides { display: none; margin: 0!important; padding: 0!important; list-style: none; } .slider-image { margin-bottom: 17px; } .slider-image + .wp-caption-text { margin-top: 0px; } .slider-image #slides { display: block; overflow: inherit; min-height: 300px; } @media (max-width:800px) { .slider-image #slides { min-height: 0; } } .slider-image #slides li { width: 100%; letter-spacing: 0; margin-bottom: 0; } .slider-image #slides .slidesjs-previous, .slider-image #slides .slidesjs-next { opacity: 0.2 !important; } .slider-image #slides .slidesjs-previous:hover, .slider-image #slides .slidesjs-next:hover { opacity: 0.4 !important; } .container { position: relative; margin: 68px 0 0 0; } .slidesjs-previous { position: absolute; top: -38px; display: inline-block; z-index: 5; width: 24px; height: 24px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat 0 0; text-indent: -9999px; left: 43%; opacity: 0.2; } .col .slidesjs-previous { left: 40%; } .slidesjs-next { position: absolute; top: -38px; display: inline-block; z-index: 5; width: 24px; height: 24px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat right 0; text-indent: -9999px; right: 43%; opacity: 0.2; } .col .slidesjs-next { right: 40%; } .slidesjs-next:hover, .slidesjs-previous:hover { opacity: 0.4; } .slidesjs-pagination { display: none; } .number { position: absolute; top: -36px; left: 0; width: 100%; text-align: center; font-weight: normal; } .post-single-page .number span, .post-single-page .number b { font-weight: normal; padding: 0 5px; margin: 0; font-size: 14px; color: #aaa; } .content .slider-image .number span, .content .slider-image .number b { font-weight: normal; padding: 0 5px; margin: 0; font-size: 14px; color: #aaa; } .content .caption { font-size: 13px; color: #aaaaaa; margin-top: 20px; margin-bottom: 30px; } .related h2 { font-size: 16px!important; font-weight: 600!important; color: #bbbbbb; text-transform: uppercase; border-bottom: none!important; margin-bottom: 10px !important; } .related .related-box { overflow: hidden; margin-bottom: 20px; } .related article .img { margin-bottom: 13px; } .related article h3 { line-height: 20px; padding-top: 0; } .related article h3 a { font-size: 18px; line-height: 24px; letter-spacing: 0.005em; color: #333333; font-weight: 400; text-transform: none; } .related article h3 a:hover { color: #61B23B; } .show-hide > * { display: none; } .show-hide.show-all > .btn { display: inline-block!important; } /* author box */ .post-author { margin: 2em 0 0 0; padding: 30px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; box-shadow: inset 0 0 10px #f2f2f2; } .post-author .img-border { float: left; margin-right: 20px; } .post-author div { overflow: hidden; font-size: 0.923em; } .post-author h3 { margin-top: -5px; font-size: 16px; line-height: 24px; color: #aaa; font-weight: 600; } .post-author h3 a { color: #333; } .post-author h3 a:hover { color: #70C14A; } .post-author p { font-size: 13px; line-height: 20px; letter-spacing: 0.005em; color: #888; } /* comments */ ul.commentlist { list-style: none; padding: 0; margin-left: 0 } ul.commentlist li { margin: 0; padding: 15px 0 0 50px; } ul.commentlist .comment-body { padding: 0 0 15px; border-bottom: 1px solid #e5e5e5; } .comment-author { overflow: hidden; margin-left: -50px; color: #999; font-size: 0.923em; margin-bottom: -15px } .comment-author .img-border { float: left; margin: 0 20px 0 0; } .comment-author .fn { color: #3f3f3f; font-style: normal; font-size: 1.083em; font-weight: bold; margin-top: 5px; } .comment-author a { color: #999; } .comment-author a.comment-reply-link { color: #3f3f3f; } .comment-author a:hover { color: #42931c; } .comment-author .sep { padding: 0 5px; margin: 0; font-weight: normal } .comment-meta.commentmetadata { font-weight: normal; } p.comment-meta { margin: 0; } .comment-form { margin: 2em 0; } #respond .comment-form { margin: 0 0 25px 0; } .comment-form input, .comment-form textarea { width: 25%; padding: 5px 9px; border-radius: 2px; } .comment-form textarea { width: 96%; min-width: 92%; margin-bottom: 10px; padding: 8px } .comment-form label { padding: 3px 0 3px 0; margin: 0 0 10px 0; color: #444; font-size: 13px; } .comment-form label em { font-weight: normal; } .comments>h2 { border-top: 1px solid #dfdfdf; font-size: 16px; color: #bbbbbb; font-weight: 600; text-transform: uppercase; padding-top: 40px; } .comment-reply-title { border-top: 1px solid #dfdfdf; font-size: 16px; color: #bbbbbb; font-weight: 600; text-transform: uppercase; padding-top: 37px; margin-bottom: 4px; } ul.commentlist li .comment-reply-title { margin-bottom: 5px; } #review_form .comment-form input[type=text], #review_form .comment-form textarea { width: 100% } #review_form .comment-form > p .select { width: 100%; } #review_form .comment-form textarea { height: 100px; min-height: 50px; width: 100%; max-width : 100%; } #review_form .comment-form { margin-bottom: 0; } #review_form .comment-form label { font-weight: 600; } #review_form .comment-form .required { color: #70c14a; } .tag-link-1 { font-size: 8pt; } .tag-link-2 { font-size: 11.405405405405pt; } .tag-link-3 { font-size: 22pt; } /* Contact page ------------------------------------------ */ .contact>article { float: left; width: 700px; max-width: none; margin-top: 50px; } .contact>aside { float: right; width: 350px; max-width: 350px; } .contact input { width: 100%; max-width: 100%; margin: 5px 0; } .contact textarea { width: 100%; max-width: 100%; min-width: 100%; margin: 5px 0; } .contact select { width: 100%; max-width: 100%; margin: 5px 0; } .contact .select { width: 100%; max-width: 100%; margin: 5px 0; } .contact .select select { margin: 0; } .contact textarea { min-height: 200px; } .contact article h2 { font-weight: 300; } .contact article p.half { float: left; width: 47.5%; } .contact article p.half+p.half { clear: none; padding-right: 0; float: right; } @media (max-width: 480px) { .contact article p.half { float: none; width: 100%; } } .contact aside .social li { margin-right: 2px; } .contact aside .social li:before { display: none; } .gmap { height: 400px; } aside .gmap { height: 350px; margin: 0 0 22px 0; } @media (max-width:1150px) { .contact > article { width: 65%; } .contact aside { width: 30%; } } @media (max-width: 800px) { .contact>article { float: none; width: 98%; padding: 0 1%; } .contact>aside { float: none; width: 98%; padding: 0 1%; max-width: none; } } /* sidebar ------------------------------------------*/ .content aside a { color: #61b23b; } .content aside a:hover { color: #42931C; } .content aside ul li em { font-size: 11px; color: #aaa; font-style: normal; padding-left: 2px; } .content aside a.btn.green { color: #FFF; font-weight: bold; } .content aside section { margin: 0 0 43px; clear: both; } .content aside section:first-child { margin-top: 0; } .content aside section ul.tabs li.tab-heart { width: 23.5%; } .content aside section ul.tabs li.tab-location { width: 42%; } .content aside section ul.tabs li.tab-best { width: 34.51%; margin-right: -1px!important; } .content aside section ul.tabs li a.selected:hover { color: #fff; } .content aside section ul.tweets li:before, .content aside section ul.recent-posts li:before, .content aside section ul.recent-comments li:before, .content aside section ul.posts li:before, .content aside section ul.latest-works li:before, .content aside section ul.accordion li:before, .content aside section ul.tabs li:before, .content aside section ul.ads li:before { display: none; content: ""; } .content aside section ul ul { margin: 0; padding: 3px 0 3px 2em; font-size: 1em; } .content aside section>p { font-size: 13px; line-height: 20px; letter-spacing: 0.005em; color: #888; } .content aside select { width: 100%; } .content aside section ul.recent-comments li:first-child, .content aside section ul.recent-posts li:first-child, .content aside section ul.posts li:first-child { margin-top: 0!important } .content aside section ul.recent-posts li, .content aside section ul.recent-comments li, .content aside section ul.posts li { margin: 10px 0; line-height: 18px; font-size: 13px; letter-spacing: 0.005em; } .content aside section ul.recent-posts li .img-border, .content aside section ul.recent-comments li .img-border, .content aside section ul.posts li .img-border { float: left; margin: 0 10px 10px 0; } .content aside section ul.recent-posts li span, .content aside section ul.recent-comments li span, .content aside section ul.posts span { color: #aaa; font-size: 11px; } .content aside section ul.tweets li span a { color: #555; font-size: 11px; } .content aside section ul.posts span { display: block; } .content aside .box-default { padding: 26px 20px 30px; } .content aside .box-default p { margin-bottom: 15px; } .content aside section .share-social > span { display:block; margin-bottom:6px; height:26px; } @media (max-width: 600px) { .content aside section ul.tabs li { margin: 0 4px 0 0; } } .widget ul.recent-comments li p { margin: 0; } .widget ul.recent-comments li .comment-head { margin: 0 0 3px 0; } .widget ul.latest-works { margin-right: -10px; padding-bottom: 0; } .widget ul.latest-works li { display: inline-block; margin: 0 10px 5px 0; } aside .widget ul.latest-works li { margin: 0 10px 10px 0; } .widget ul.latest-works li img { width: 78px; height: 78px; } .content aside .widget_twitter_widget h3 { padding: 0 0 0 25px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/twitter.png) 0 center no-repeat; margin-bottom: 12px; } footer .widget_twitter_widget h3 { padding: 0 0 0 25px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/twitter_2.png) 0 center no-repeat; margin-bottom: 22px; } .content aside .widget_twitter_widget ul.tweets li, footer .widget_twitter_widget ul.tweets li { margin: 0 0 19px 0; font-size: 13px; line-height: 20px; } footer .widget_twitter_widget ul.tweets li span { font-size: 11px; line-height: 16px; } .content aside .widget_twitter_widget ul.tweets li:last-child, footer .widget_twitter_widget ul.tweets li:last-child { margin: 0; } .content aside section ul.ads li { display: inline-block; width: 96px; height: 96px; margin: 0 7px 7px 0; border: 2px solid #dfdfdf; background: #f3f3f3; line-height: 100px; text-align: center; } .content aside section.menu>ul { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font: 300 1.231em 'Open Sans', Helvetca, Arial, sans-serif; } .content aside section.menu>ul li { border-top: 1px solid #e5e5e5; } .content aside section.menu>ul li:first-child { border-top: none; } .content aside section.menu>ul li a { display: block; padding: 7px 20px 7px 10px; } .content aside section.menu>ul li a:hover { background: #f5f5f5; color: #3f3f3f; } .content aside section.menu>ul li.current-menu-item>a { background-color: #42931c; color: #fff; } .content aside section.menu>ul li:before { display: none; } .content aside section.menu>ul li.parent>a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/nav-right.png) 95% 50% no-repeat; } .content aside section.menu>ul li.parent.expanded>a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/nav-down.png) 95% 50% no-repeat; } .content aside section.menu>ul li.parent>ul { display: none; } .content aside section.menu>ul li.parent.expanded>ul { display: block; } .content aside section.menu>ul ul { margin: 0; padding: 0 0 0 20px; border-top: 1px solid #e5e5e5; font: 400 0.813em "Arial", sans-serif; } .content aside section table { width: 100%; margin-bottom: 0; } .content aside section table th { padding: 5px 3px; color: #999; font-size: 0.923em; font-weight: bold; } .content aside section table td { padding: 5px 0; color: #3f3f3f; font-size: 14px; } table#wp-calendar { font-size: 0.923em; position: relative; width: 100%; } table#wp-calendar th { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #aaa; font-weight: normal; font-size: 11px; text-align: center; } table#wp-calendar td { border: none; border-bottom: 1px solid #e5e5e5; color: #747474; text-align: center; padding: 5px 0; } table#wp-calendar tfoot { position: absolute; top: 0; right: 0; } table#wp-calendar tfoot td { border-bottom: none; padding: 0; } footer table#wp-calendar tbody tr:hover { background: none; } table#wp-calendar caption { color: #666; font-weight: 400; font-size: 14px; line-height: 30px; letter-spacing: 0.005em; padding: 0 0 5px; margin-bottom: 0; } table#wp-calendar caption span { float: right; margin-left: 5px; } table#wp-calendar caption span.text-gray { color: #aaa; font-weight: normal; float: none; } table#wp-calendar td { border: 0; } table#wp-calendar th { border-bottom: 0; } table#wp-calendar { border-bottom: 0; } .content aside .searchform input, footer .searchform input { width: 70%; padding: 5px 7px; } .content aside .searchform button, footer .searchform button { float: right; white-space: nowrap; } #searchform > div { border: 2px solid #DDD; border-radius: 2px; background: #FFF; } #searchform > div.focus { border-color: #555555; } #searchform label { display: none; } #searchform #s { width: 70%; margin: 0; padding: 5px 9px; border: none; box-shadow: none; background: #fff; font-size: 14px; color: #999; } #searchform #searchsubmit { float: right; white-space: nowrap; margin-top: 2px; width: 24px; height: 24px; padding: 0; border: none; background: #fff url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/search.png) center center no-repeat; box-shadow: none; line-height: 24px; text-indent: -9999px; } /* forms ------------------------------------------*/ button[type="reset"] { margin-left: 5px; border: 1px solid #c9c9c9; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e7e7e7)); background: -webkit-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: linear-gradient(to bottom, #f5f5f5 0%, #e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7', GradientType=0 ); text-shadow: 0 1px 0 #fff; color: #555; box-shadow: 0 2px 2px rgba(0,0,0,0.15); } button[type="reset"]:hover { background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(100%, #f5f5f5)); background: -webkit-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: -o-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: -ms-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: linear-gradient(to bottom, #e7e7e7 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5', GradientType=0 ); } .contact-form *, .form1 *, .comment-form *, .searchform *, .checkout * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form p { clear: both; margin: 1.5em 0; } label { display: block; margin: 5px 0; } .form1 input { padding-left: 9px; padding-right: 9px; width: 100%; } .form1 .columns .col1 p, .form1 .columns .col1, .form1 .columns .col2 p, .form1 .columns .col2, .form1 .columns .col3 p, .form1 .columns .col3 { margin-bottom: 0; } form textarea:hover, form input:hover, form .select:hover { border-color: #cccccc; } form textarea:focus, form input:focus { border-color: #555555; color: #333; } form ul { list-style: none !important; padding: 0 !important; } .form1 input.ico-before { padding-left: 9px; padding-right: 9px; width: 100%; } .form1 input.ico-after { padding-left: 9px; padding-right: 9px; width: 100%; } .form1 select { width: 100%; padding: 5px 9px; } .form1 .input { overflow: hidden; } .form1 .input label { display: inline-block; margin: 0 10px 0 0; font-weight: normal; } .form1 textarea { width: 100%; min-height: 100px; padding: 9px; max-width: 100%; min-width: 100%; } .form2 label { float: left; clear: left; width: 25%; } .form2 input { width: 65%; } .form2 select { width: 72%; } .form2 .input { overflow: hidden; width: 75%; } .form2 .input label { display: inline-block; float: none; clear: none; width: auto; margin: 0 10px 0 0; font-weight: normal; } .landing-form { width: 100%; width: 350px; margin: 0 auto; padding: 0; } .landing-form form { padding: 25px 30px 20px 30px; box-shadow: 0 0 5px rgba(0,0,0,0.1); background: #fff; color: #999; border-top: 4px solid #70c14a; } .landing-form h2:first-child { margin: 0 0 -12px 0; border-bottom: none; color: #323232; font-size: 1.846em; font-weight: bold; } .landing-form button { font-weight: bold; text-transform: uppercase; }ą .landing-form input, .landing-form select { width: 100%; } .landing-form input.error, .landing-form select.error { border: 2px solid #ed5946; background-color: #fff; color: #333; box-shadow: none; } .landing-form input, .landing-form select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .landing-form input[type="checkbox"] { width: auto; padding: 0; vertical-align: middle; } .landing-form p { margin: 0 0 20px 0; font-size: 11px; } .landing-form p.half { float: left; width: 47.5%; margin-right: 5%; } .landing-form p.half+p.half { clear: none; margin-right: 0; } .landing-form p:last-child { margin: 0; } .landing-form a { color: #333; } .landing-form p.dsc { margin: 17px 0 21px; width: 100%; font-size: 16px; line-height: 24px; } .landing-form p.msg { width: auto; margin-top: 25px; } @media (max-width: 920px) { .landing-form { width: 100%; } .landing-form form { position: static; float: none; margin: 26px auto 0 auto; display: block; width: auto; } .landing-form p { width: auto; } .landing-form p:last-child { display: inline-block; } } @media (max-width: 365px) { .landing-form form { } .landing-form input, .landing-form select { width: 100%; } .landing-form p.half { float: none; width: auto; margin-right: 0; } .landing-form p { width: auto; } } /* background ---------------------------------*/ .p01 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern01.png); } .p02 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern01-white.png); } .p03 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern02.png); } .p04 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern02-white.png); } .p05 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern03.png); } .p06 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern03-white.png); } .p07 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern04.png); } .p08 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern04-white.png); } .p09 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern05.png); } .p10 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern05-white.png); } .p11 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern06.png); } .p12 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern06-white.png); } .p13 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern07.png); } .p14 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern07-white.png); } .p15 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern08.png); } .p16 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern08-white.png); } .p17 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern09.png); } .p18 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern09-white.png); } .p19 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern10.png); } .p20 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern10-white.png); } .p01, .p02, .p03, .p04, .p05, .p06, .p07, .p08, .p09, .p10, .p11, .p12, .p13, .p14, .p15, .p16, .p17, .p18, .p19, .p20 { background-position: 50% 0; background-repeat: repeat; filter: alpha(opacity=06); opacity: .06; } /* buttons ---------------------------------*/ a.btn.green { background: #70c14a; } a.btn.white { background: #fff; color: #333; } a.btn.turquoise { background: #33cc94; } a.btn.light-blue { background: #31c3d9; } a.btn.blue { background: #4983c4; } a.btn.purple { background: #a25aa1; } a.btn.pink { background: #dd4c79; } a.btn.red { background: #ee5545; } a.btn.orange { background: #f28728; } a.btn.yellow { background: #e6b211; } a.btn.brown { background: #ae8c4c; } a.btn.light-gray { background: #d8d8d8; color: #444; } a.btn.dark-gray { background: #555; } a.btn.green:hover { background: #61b23b; } a.btn.white:hover { background: #e6e6e6; } a.btn.turquoise:hover { background: #19b27a; } a.btn.light-blue:hover { background: #17a9bf; } a.btn.blue:hover { background: #2f69aa; } a.btn.purple:hover { background: #884087; } a.btn.pink:hover { background: #c3325f; } a.btn.red:hover { background: #d43b2b; } a.btn.orange:hover { background: #d86d0e; } a.btn.yellow:hover { background: #cc9800; } a.btn.brown:hover { background: #947232; } a.btn.light-gray:hover { background: #ccc; } a.btn.dark-gray:hover { background: #444; } a.btn.light.green { color: #70c14a; border-color: #70c14a; } a.btn.light.white { color: #fff; border-color: #fff; } a.btn.light.turquoise { color: #33cc94; border-color: #33cc94; } a.btn.light.light-blue { color: #31c3d9; border-color: #31c3d9; } a.btn.light.blue { color: #4983c4; border-color: #4983c4; } a.btn.light.purple { color: #a25aa1; border-color: #a25aa1; } a.btn.light.pink { color: #dd4c79; border-color: #dd4c79; } a.btn.light.red { color: #ee5545; border-color: #ee5545; } a.btn.light.orange { color: #f28728; border-color: #f28728; } a.btn.light.yellow { color: #e6b211; border-color: #e6b211; } a.btn.light.brown { color: #ae8c4c; border-color: #ae8c4c; } a.btn.light.light-gray { color: #444; border-color: #d8d8d8; } a.btn.light.dark-gray { color: #555; border-color: #555; } a.btn.light.green:hover { color: #fff; border-color: #61b23b; } a.btn.light.white:hover { color: #333; border-color: #e6e6e6; } a.btn.light.turquoise:hover { color: #fff; border-color: #19b27a; } a.btn.light.light-blue:hover { color: #fff; border-color: #17a9bf; } a.btn.light.blue:hover { color: #fff; border-color: #2f69aa; } a.btn.light.purple:hover { color: #fff; border-color: #884087; } a.btn.light.pink:hover { color: #fff; border-color: #c3325f; } a.btn.light.red:hover { color: #fff; border-color: #d43b2b; } a.btn.light.orange:hover { color: #fff; border-color: #d86d0e; } a.btn.light.yellow:hover { color: #fff; border-color: #cc9800; } a.btn.light.brown:hover { color: #fff; border-color: #947232; } a.btn.light.light-gray:hover { color: #444; border-color: #ccc; } a.btn.light.dark-gray:hover { color: #fff; border-color: #444; } a.btn { display: inline-block; height: 34px; padding: 0 13px; background: #70c14a; color: #fff; font: 14px 'Open Sans', Helvetca, Arial, sans-serif; line-height: 34px; text-decoration: none; border: none; text-transform: capitalize; border-radius: 2px; margin-right: 7px; transition: all 0.15s ease-out 0s} a.btn.small { height: 26px; line-height: 26px; font-weight: normal; font-size: 11px; padding: 0 11px; } a.btn.large { height: 46px; line-height: 46px; font-weight: bold; padding: 0 21px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); text-transform: uppercase; } a.btn.light { color: #444; height: 30px; line-height: 30px; background: none; border: 2px solid #d8d8d8; } a.btn.light.small { letter-spacing: 0.015em; padding: 0 10px; height: 22px; line-height: 22px; } a.btn.light.large { height: 42px; line-height: 42px; box-shadow: none; padding: 0 20px; } a.btn i.fa { font-size: 18px; padding: 0 8px 0 0; vertical-align: -5% } a.btn.large i.fa { font-size: 18px; padding: 0 7px 0 0; vertical-align: -5% } p.submit { margin: 30px 0 17px; } p.submit > * { margin-bottom: 13px; margin-right: 10px; margin-left: 0; } .full-width-bg.spacing { padding-bottom: 9px; padding-top: 53px; } .no-bottom-margin { margin-bottom: -50px; } /* quotes ---------------------------------*/ blockquote p { font-size: 18px; line-height: 26px; font-weight: normal; font-weight: 400; color: #999; margin-bottom: 10px; } blockquote p:last-child { margin-bottom: 0; } blockquote.blockquote-left, blockquote.blockquote-right { width: 30%; padding: 0 0 2px 20px; top: 0; } blockquote.blockquote-right { float: right; margin: 0 0 20px 30px; } blockquote.blockquote-left { float: left; margin: 0 30px 20px 0; } blockquote.blockquote-left p, blockquote.blockquote-right p { font-size: 16px; line-height: 24px; } @media (max-width: 800px) { blockquote.blockquote-left, blockquote.blockquote-right { width: 60%; } } @media (max-width: 600px) { blockquote.blockquote-left, blockquote.blockquote-right { width: auto; margin: 0 0 20px 0; float: none; } } blockquote.quote { max-width: 70%; margin: 4em auto; padding: 0 0 2px 42px; border: none; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote2.svg) no-repeat 0 4px; background-size: 26px 24px; border: none; } aside blockquote.quote { margin: 0; } .columns blockquote.quote { margin: 25px auto 0; } .col2 blockquote.quote, .col3 blockquote.quote, .col4 blockquote.quote, .col23 blockquote.quote, .col34 blockquote.quote { max-width: 100% } blockquote.quote p { margin: 0.5em 0; font: 300 1.846em/1.1em 'Open Sans', Helvetca, Arial, sans-serif; } .col23 blockquote.quote p { font-size: 1.692em; } .col3 blockquote.quote p, aside blockquote.quote p { font-size: 1.385em; } blockquote.quote p.signature, aside blockquote.quote p.signature { font-size: 13px; } blockquote.quote p.signature span { color: #3f3f3f; } /* progress bars ---------------------------------*/ p.progress { position: relative; overflow: hidden; height: 34px; margin: 12px 0; border-radius: 16px; background: #ededed; color: #fff; font: 400 14px/20px 'Open Sans', Helvetca, Arial, sans-serif; } p.progress>span.fill { display: block; position: absolute; left: 0; top: 0; height: 34px; width: 0; border-radius: 16px; background: #70c14a; overflow: visible!important; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s; } p.progress>span.fill>span { display: block; padding: 0 16px; line-height: 34px; white-space: nowrap; letter-spacing: 0.022em; } p.progress.small > span.fill, p.progress.small { height: 10px; } p.progress.small { margin-top: 43px; margin-bottom: 0; overflow: visible; } p.progress.small > span.fill > span { margin-top: -35px; padding-left: 0; color: #333333; } .skill-1 { width: 80%; } .skill-2 { width: 70%; } .skill-3 { width: 55%; } .skill-4 { width: 60%; } /* tooltips and highlights ---------------------------------*/ span.tooltip { padding: 1px 0; cursor: help; display: inline-block; } span.highlight { background: #333; color: #ddd; } span.underline { border-bottom: dotted; border-bottom-width: thin; } /* Bootstrap - Tooltips ---------------------------------*/ą .tooltip-text { border-bottom: thin dotted; cursor: help; } .tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; opacity: 0; line-height: 1; filter: alpha(opacity=0); visibility: visible; } .tooltip.in { opacity: 0.95; filter: alpha(opacity=95); } .tooltip.top { margin-top: -2px; } .tooltip.right { margin-left: 2px; } .tooltip.bottom { margin-top: 6px; } .tooltip.left { margin-left: -2px; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top: 5px solid #444444; border-right: 5px solid transparent; border-left: 5px solid transparent; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #444444; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-right: 5px solid transparent; border-bottom: 5px solid #444444; border-left: 5px solid transparent; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; } .tooltip-inner { max-width: 200px; padding: 4px 10px 4px 10px; color: #ffffff; font-size: 11px; line-height: 16px; text-align: center; text-decoration: none; background-color: #444444; } .tooltip-arrow { position: absolute; width: 0; height: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; padding: 2px; } .fade { opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 0.95; filter: alpha(opacity=95); } /* message and content boxes ---------------------------------*/ .msg { margin: 20px 0; padding: 13px 10px 13px 45px; border: 0; font-size: 14px; background-repeat: no-repeat; background-position: 9px center; box-shadow: inset 0 0 15px rgba(0,0,0,0.04); border-radius: 3px; } .msg a.hide { float: right; overflow: hidden; width: 18px; height: 18px; margin-left: 10px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/x.png) 50% 50% no-repeat; text-indent: -50em; opacity: 0.4; } .msg.success { background-color: #70C14A; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success.png); color: #fff; background-position: 10px 11px; } .msg.error { background-color: #ed5946; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error.png); color: #fff; background-position: 10px 11px; } .msg.info { background-color: #35c1d2; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-info.png); color: #fff; background-position: 10px 11px; } .msg.notice { background-color: #ecb918; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-notice.png); color: #fff; background-position: 10px 11px; } .msg a { text-decoration: none; color: #FFF; } .msg a:hover { text-decoration: underline; } .msg ul, .msg p { margin: 0; clear: none; } .msg ul { list-style: none; } .msg ul:first-child, .msg p:first-child { margin: 0; } .msg ul li { margin-left: 0; } .msg ul li:before { float: left; clear: left; overflow: hidden; width: 8px; height: 20px; margin-right: 5px; content: "—"; } .box { -moz-box-shadow: 0 0 2px #e2e2e2; -webkit-box-shadow: 0 0 2px #e2e2e2; box-shadow: 0 0 2px #e2e2e2; } .box p { box-shadow: none; background-image: none; background-color: #fff; border: none; padding: 20px; } .box h4 { padding: 13px 10px 13px 45px; margin: 0px; color: #fff; font-size: 14px; line-height: 20px; font-weight:normal; background-repeat: no-repeat; background-position: 5px center; background-color: #fff; } .box.confirm, .box.alert, .box.info, .box.warning, .box.confirm2, .box.alert2, .box.info2, .box.warning2 { margin-bottom: 30px; } .box.confirm h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success.png); background-color: #70C14A; background-position: 10px 11px; } .box.alert h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error.png); background-color: #ed5946; background-position: 10px 11px; } .box.info h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-info.png); background-color: #35C1D2; background-position: 10px 11px; } .box.warning h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-notice.png); background-color: #ECB918; background-position: 10px 11px; } .box.confirm2 p, .box.alert2 p, .box.info2 p, .box.warning2 p { padding: 0 20px 35px 65px; } .box.confirm2 h4, .box.alert2 h4, .box.info2 h4, .box.warning2 h4 { padding: 24px 5px 24px 65px; background-position: 20px 26px; font-size: 19px; line-height: 26px; } .box.confirm2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success2.png); color: #70c14a; } .box.info2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-info2.png); color: #35C1D2; } .box.alert2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error2.png); color: #ED5946; } .box.warning2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-notice2.png); color: #ECB918; } .box a.hide { float: right; overflow: hidden; width: 12px; margin: 11px 13px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/x.png) right 50% no-repeat; text-indent: -50em; opacity: 0.4; } a.hide:hover { opacity: 1; } .box a.hide2 { float: right; overflow: hidden; width: 12px; height: 11px; margin: 12px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/x2.png) right 50% no-repeat; text-indent: -50em; opacity: 0.2; } .box a.hide2:hover { opacity: 0.7; } /* tables ---------------------------------*/ table { margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .col3 table { width: 100%; } table tr:hover td { } table td, table th { padding: 12px 10px; vertical-align: top; border-top: 1px solid #e0e0e0; text-align: left; font-size: 13px; line-height: 18px; font-weight: normal; font-weight: 400; } table th { padding: 6px 8px 10px 8px; border-top: none; border-bottom: 2px solid #e0e0e0; font-size: 11px; line-height: 16px; font-weight: 600; color: #333333; vertical-align: middle; } table caption { margin-bottom: 10px; padding-top: 6px; font-size: 13px; line-height: 18px; text-align: left; font-weight: 400; color: #999999; } /* custom form elements ---------------------------------*/ .checkout h3 label.checkbox:first-child { padding-left: 0; background: none; } .checkout p label.checkbox:last-child { padding-left: 0; background: none; } label.checkbox { display: inline-block; float: none; clear: none; overflow: hidden; height: 22px; padding-left: 5px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/checkbox.png) 0 -28px no-repeat; line-height: 18px; vertical-align: middle; margin-top: 5px!important; margin-bottom: 5px!important; opacity: 0.3 } label.checkbox:hover { background-position: 0 -28px; opacity: 1; } .ip-disabled label.checkbox { background-position: 0 -56px!important; } .ip-disabled label.checkbox.checked { background-position: 0 -84px!important; } label.checkbox.checked { background-position: 0 0; opacity: 1 } label.radio { display: inline-block; float: none; clear: none; overflow: hidden; height: 18px; padding-left: 5px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/radio.png) 0 -28px no-repeat; line-height: 18px; vertical-align: middle; margin-top: 5px!important; margin-bottom: 5px!important; opacity: 0.3 } label.radio:hover { background-position: 0 -28px; opacity: 1; } .ip-disabled label.radio { background-position: 0 -56px!important; } .ip-disabled label.radio.checked { background-position: 0 -82px!important; } label.radio.checked { background-position: 0 0; opacity: 1 } label.radio input, label.checkbox input { visibility: hidden; display: none } .file-input { position: relative; white-space: nowrap; text-overflow: ellipsis; cursor: text; } .file-input a.btn { height: 28px; margin-right: 5px; padding: 0 10px; font-weight: 400; font-size: 1em; text-transform: none; cursor: text; } .file-input input.fake { border: none; width: auto; padding: 2px 0; vertical-align: middle; cursor: text; text-indent: -9999px; display: none; } .file-input input.fake.file { display: inline-block; width: auto; min-width: 0; padding-left: 15px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/input.png) 0 -76px no-repeat; cursor: text; height: 17px; font-size: 14px; color: #444; text-indent: 0; } .file-input a.empty { display: inline-block; overflow: hidden; position: relative; top: 5px; width: 19px; height: 17px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/input.png) 0 -93px no-repeat; text-indent: -50em; cursor: pointer; } .file-input input[type="file"] { position: relative; top: -5px; cursor: pointer; } span.select { position: relative; display: inline-block; height: 34px; padding: 0; border: 2px solid #DDD; border-radius: 3px; background: #fff; cursor: pointer; width: 100% } span.select.error { border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437; } span.select span.value { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; padding: 7px 9px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/select-arrow.png) right 50% no-repeat; color: #999; zoom: 1; font-size: 14px; line-height: 17px; } .shipping-calculator-form span.select { height: 30px; } .shipping-calculator-form span.select span.value { padding: 6px 9px; } .variations_form span.select span.value { padding: 5px 9px 10px; } .woocommerce-ordering span.select { height: 30px; } .woocommerce-ordering span.select span.value { padding: 6px 9px; } @media not all and (-webkit-min-device-pixel-ratio:0) { noindex:-o-prefocus, span.select span.value { text-indent: -99999px; } noindex:-o-prefocus, header span.select select { top: 5px!important; left:10px!important; } } span.select select { position: relative; z-index: 1; display: block; margin: 0; padding: 3px 9px; -webkit-appearance: menulist-button; font-size: 14px; width: 100%; } .content aside .select>span.value { padding: 7px; } .content aside .select { display: block; height: 30px; width: auto; } /* pricing and plans ---------------------------------*/ .pricing-plans { padding: 48px 0 1px; } .pricing-plans:after { content: "."; opacity: 0; clear: both; padding: 0; margin: 0; width: 100%; height: 1px; } .content .pricing-plans { padding-top: 49px; padding-bottom: 20px; } .pricing-plan { float: left; width: 25%; height: 414px; margin: 20px -1px 30px 0; padding: 0 0 11px 0; border-top: 4px solid #70c14a; text-align: center; background: #fff; border-right: 1px solid #e8e8e8; box-shadow: 0 1px 3px #e4e4e4; } .pricing-plan:last-child { border-right: none; } .pricing-plan .pricing-lead { padding-bottom: 11px; } .pricing-plan.selected .pricing-lead { background: #61b23b; box-shadow: none; } .pricing-plan ul { list-style: none; margin: 1em 0 15px; text-align: center; padding-left: 0; } .pricing-plan ul li strong { color: #999; } .pricing-plan.selected ul { border-color: #94cd7a; margin: 0 0 15px 0; } .pricing-plan ul li { margin: 0; color: #999; font-size: 14px; line-height: 22px; border-top: 1px solid #e8e8e8; padding: 8px 0; margin: 0 20px; } .pricing-plan ul li:last-child { border-bottom: 1px solid #e8e8e8; } .pricing-plan.selected ul li strong { color: #fff; } .pricing-plan.selected ul li { margin: 0 20px; border-top: 1px solid rgba(255, 255, 255, .25); text-align: center; color: #fff; } .pricing-plan.selected ul li:last-child { border-bottom: 1px solid rgba(255, 255, 255, .25); } .pricing-plan ul strong { color: #3f3f3f; } .pricing-plan h2 { margin: 0; color: #70c14a; padding: 12px 0 0px; font-size: 24px; line-height: 34px; font-weight: 400; } .pricing-plan p.subtitle { margin-top: 0; font: 300 14px 'Open Sans', Helvetca, Arial, sans-serif; margin-bottom: 0; display: none; padding-bottom: 3px; padding-top: 2px; } .pricing-plan.selected p.subtitle { color: #fff; display: block } .pricing-plan hr { border: none; border-top: 1px solid #e0e0e0; margin: 0 20px; } .pricing-plan.selected hr { margin: 0; border-color: transparent; } .pricing-plan p.price { margin: 24px 10px 13px 0; color: #333; font: 300 13px 'Open Sans', Helvetca, Arial, sans-serif; line-height: 34px; } .pricing-plan.selected p.price { color: #fff; } .pricing-plan p.price strong, .pricing-plan p.price span { color: #333; font-size: 34px; line-height: 34px; font-weight: 300; } .pricing-plan p.price strong { font-size: 34px; font-weight: 500; } .pricing-plan p.price sup { position: relative; top: -0.5em; color: #3f3f3f; font-size: 1.2em; } .pricing-plan p.price.free strong { text-transform: uppercase; font-weight: 400; } .pricing-plan a.button { padding: 0px 31px; border-radius: 2px; background: #555; margin-top: 10px; text-transform: uppercase; font-size: 14px; line-height: 46px; font-weight: bold; height: 46px; letter-spacing: 0.005em; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); } .pricing-plan a.button:hover { background: #444; } .pricing-plan.selected a.button { background: #fdfdfd; color: #333; height: 46px; margin-top: 20px; } .pricing-plan.selected { margin: 0 -1px 20px 0; padding: 0 0 11px; border-top: 2px solid #61b23b; background: #70c14a; height: 446px; } .pricing-plan.selected { border-right: none!important; margin-right: 0; } .pricing-plan.selected p.price strong, .pricing-plan.selected p.price span { color: #fff; } .pricing-plan.selected h2 { color: #fff; font-size: 27px; line-height: 34px; letter-spacing: -0.02em; font-weight: 600; padding-top: 9px; } .home .pricing-plans { margin-top: 2em; } .home section .pricing-plans h2:first-child { margin: 0; border-bottom: none; line-height: 1.2em; } @media (max-width: 770px) { .pricing-plan { width: 50%; } } @media (max-width: 420px) { .pricing-plan { width: 100%; margin: 0 0 30px 0; } .pricing-plan.selected { margin: 0 0 30px 0; } } .pricing-icon { background: #635c73; padding: 11px 20px -7px; margin-left: -20px; margin-right: -20px; clear: both; } .pricing-inner { max-width: 1110px; margin: 0 auto } .pricing-inner:after { content: "."; opacity: 0; display: block; clear: both; padding: 0; margin: 0; width: 100%; height: 1px; } .pricing-icon .pricing-inner > ul { margin-top: 80px!important; } .pricing-icon .pricing-inner > ul:after { content: "."; opacity: 0; display: block; clear: both; padding: 0; margin: 0; width: 100%; height: 1px; } .pricing-icon .pricing-inner > ul > li { border-top: 4px solid #91dd72; padding-top: 50px; } .pricing-icon .pricing-inner > ul > li+li { border-top: 4px solid #68caea; } .pricing-icon .pricing-inner > ul > li+li+li { border-top: 4px solid #a1a1f3; } .pricing-icon .pricing-inner > ul > li+li+li+li { border-top: 4px solid #f8816a; } .pricing-icon .pricing-inner > ul > li .title { margin-bottom: 20px; font-size: 24px; color: #91dd72; } .pricing-icon .pricing-inner > ul > li .title:before { width: 80px; height: 80px; background: #91dd72; display: block; content: "\f007"; color: #FFF; font-size: 34px; text-align: center; line-height: 80px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; margin: -95px auto 13px; font-family: 'FontAwesome'; } .pricing-icon .pricing-inner > ul > li+li .title { color: #68caea; } .pricing-icon .pricing-inner > ul > li+li .title:before { background: #68caea; content: "\f005"; } .pricing-icon .pricing-inner > ul > li+li+li .title { color: #a1a1f3; } .pricing-icon .pricing-inner > ul > li+li+li .title:before { background: #a1a1f3; content: "\f0b1"; } .pricing-icon .pricing-inner > ul > li+li+li+li .title { color: #f8816a; } .pricing-icon .pricing-inner > ul > li+li+li+li .title:before { background: #f8816a; content: "\f06c"; } .pricing-icon .price { margin-bottom: 20px; color: #aaa; font-size: 16px; line-height: 34px; } .pricing-icon ul, .pricing-icon ul li { margin: 0; list-style: none; padding: 0; text-align: center; } .pricing-icon ul>li { background: #fff; box-shadow: 0 1px 2px #292630; padding: 0 2%; display: inline-block; width: 19%; float: left; margin: 0 1%; } .pricing-icon ul>li:last-child { } .pricing-icon .title { font-size: 2em; text-align: center; } .pricing-icon .price strong { text-align: center; color: #333; font-size: 2.6em; font-weight: 400; } .pricing-icon .price strong > span { font-weight: 300; } .pricing-icon ul li li { text-align: center; float: none; display: block; border-top: 1px solid #e8e8e8; margin-right: 0; width: auto; padding: 0; box-shadow: none; padding: 8px 0; color: #999; font-size: 14px; line-height: 22px; } .pricing-icon ul li li:last-child { border-bottom: 1px solid #e8e8e8; } .pricing-icon ul ul { margin-bottom: 15px; overflow: hidden; } .pricing-icon .button { background: #555; text-transform: uppercase; line-height: 46px; height: 46px; font-weight: bold; padding: 0 30px; letter-spacing: 0.005em; } .pricing-icon .button:hover { background: #444444; } .pricing-icon .button:active { background: #333333; } .pricing-icon h2 { color: #fff; text-align: center; margin-bottom: 5px } .pricing-icon .text-ipsum { color: #fff; text-align: center; } .button-center { text-align: center; } .pricing-table { padding-top: 7px; } .pricing-table h2 { margin-bottom: 5px; text-align: center; } .pricing-table .pricing-text { text-align: center; font-size: 16px; color: #999999; margin: 9px 0 31px } table.pricing { width: 100%; margin-bottom: 70px; margin-top: 4px; } table.pricing th { padding: 10px 0 21px; color: #999; font: 300 1.154em/3em 'Open Sans', Helvetca, Arial, sans-serif; text-align: center; } table.pricing th strong { color: #333; font-size: 34px; line-height: 34px; font-weight: normal } table.pricing th strong span.currency { font-weight: 300; } table.pricing th > span { color: #aaa; display: block; font-size: 11px; line-height: 0px; text-transform: uppercase; } table.pricing sup { position: relative; top: -0.5em; color: #3f3f3f; font-size: 1.2em; } table.pricing td { font-size: 14px; line-height: 22px; color: #444; text-align: center; width: 20%; padding: 14px 0; } table.pricing td:first-child { color: #999; text-align: left; } table.pricing td:nth-child(2n+2) { background: #f4f4f4; } table.pricing td .fa { font-size: 18px; } table.pricing tr.action td { padding: 20px 0px; border-bottom-width: 2px; vertical-align: middle; } table.pricing tr.action td:first-child a { background: none; color: #61b23b; } table.pricing tr.action td:first-child a:hover { color: #42931c; text-decoration: underline; } table.pricing span.yes { display: block; overflow: hidden; width: 18px; height: 18px; margin: 0 auto; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success.png) 50% 50% no-repeat; text-indent: -50em; } table.pricing span.no { display: block; overflow: hidden; width: 18px; height: 18px; margin: 0 auto; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/no2.png) 50% 50% no-repeat; text-indent: -50em; } table.pricing .button { font-size: 14px; font-weight: 400; background: #70c14a !important; color: #fff !important; height: 34px !important; padding: 0 31px; text-transform: none !important; line-height: 34px; box-shadow: none; } table.pricing .button:hover { background: #61b23b !important; color: #fff; } @media (max-width: 800px) { table.pricing th strong { font-size:15px; line-height:1; } } @media (max-width: 720px) { table.pricing tr.action a.button { white-space: nowrap; } table.pricing .button { padding: 0 13px; } } @media (max-width: 520px) { table.pricing th { font-size: 1em; } table.pricing tr.action a.button { margin-top: 0 } } /* modal window for images */ .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #999; opacity: 0.5; } .modal-img { position: absolute; left: 50%; top: 0; z-index: 500; max-width: 900px; max-height: 540px; padding: 20px; background: #fff; box-shadow: 0 0 0 4px rgba(0,0,0,0.2); } .modal-img img { max-width: 100%; } .modal-img a.close { position: absolute; right: 20px; top: -29px; display: block; width: 49px; height: 29px; overflow: hidden; background: #000 url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/modal-close.png) 50% 50% no-repeat; text-indent: -50em; } .modal-img a.prev, .modal-img a.next { position: absolute; top: 50%; display: block; overflow: hidden; width: 30px; height: 60px; margin: -30px 0 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/slider8-controls.png) no-repeat; background-color: rgba(255,255,255,0.6); text-indent: -1110px; outline: none; } .modal-img a.prev:hover, .modal-img a.next:hover { background-color: rgba(255,255,255,1); } .modal-img a.prev { left: 20px; background-position: 0 50%; } .modal-img a.next { right: 20px; background-position: -30px 50%; } @media (max-width: 900px) { .modal-img { max-width: 90%; } } @media (max-width: 400px) { .modal-img { max-width: 100%; left: 0; margin-left: -20px !important; } } /* error 404 page */ .content.custom-bg-color { background-color: #fff; } .root404 .content { max-width: inherit; padding-bottom: 0; } .error404 .content { max-width: inherit; padding-bottom: 0; position: relative; } .error404 .content-container { position: relative; z-index: 2; } .e404 p { color: #3f3f3f; font-family: 'Open Sans', Helvetca, Arial, sans-serif; text-align: center; } .e404 article:first-child { font-size: 2em; line-height: 1.3em; max-width: 1110px; margin: 0 auto !important; } .e404 article p:first-child { padding-top: 82px; font-weight: 300; font-size: 90px; line-height: 1.3em; padding-left: 20px; padding-right: 20px; } .e404 article p:nth-child(2) { font-size: 18px; padding: 13px 0 64px; width: 60%; margin: 0 auto; } .e404 article form+p { width: 120px; margin: 1.3em auto; border-bottom: 1px solid #dfdfdf; color: #999; font: 300 1.231em/0.231em 'Open Sans', Helvetca, Arial, sans-serif; } .e404 article form+p span { margin-top: 10px; padding: 0 10px; background: #fff; text-transform: uppercase; } .e404 article:nth-child(2) { padding: 59px 40px; border-top: 1px solid #e7e7e7; background: #fafafa; margin-left: -40px; margin-right: -40px; } .e404 .search { max-width: 654px; margin: 0 auto !important; padding: 0 20px; text-align: center; } .e404 fieldset { overflow: hidden; width: auto; border-radius: 2px; white-space: nowrap; } .e404 input#s { color: #bbb; width: 80%; border: none; font-size: 14px; border: 2px solid #ddd; padding: 11px 15px; display: inline-block; text-align: left; } .e404 button { margin-left: 10px; height: 46px; line-height: 46px; padding: 0 20px; border: none; text-align: center; background: #70c14a; display: inline-block; } .e404 button:hover { background: #5DA03D; } @media (max-width: 750px) { .e404 article:first-child p:first-child { font-size: 65px; } } @media (max-width: 560px) { .e404 article:first-child p:first-child { font-size: 55px; padding-left: 20px; padding-right: 20px; } .e404 article p:nth-child(2) { width: 90%; } .e404 .search { padding: 0 10px; } .e404 input#s { width: 70%; display: inline-block; padding-left: 20px; padding-right: 20px; } .e404 button { } } @media (max-width: 400px) { .e404 article:nth-child(2) { margin-left: -20px; margin-right: -20px; padding: 59px 20px; } } @media (max-width: 380px) { .e404 input#s { width: 60%; display: inline-block; padding-left: 20px; padding-right: 20px; } } /* typography elements */ .lead-heading { background: #fff; border-bottom: 1px solid #e2e2e2; box-shadow: 0 1px 2px #e2e2e2; } .lead-heading article { max-width: 1110px; margin: 0 auto; position: relative; min-height: 300px; padding-top: 32px; } .lead-heading article h1 { padding-right: 350px; color: #333; font-size: 3.6em; line-height: 1.2; } .lead-heading article p { font-size: 18px; line-height: 28px; margin-bottom: 0; padding-bottom: 20px; padding-right: 350px; } .lead-heading .lead-photo { position: absolute; right: 0; top: 32px; } .call-out { background: #fff; border-top: 4px solid #70c14a; box-shadow: 0 1px 3px #ccc; padding: 27px 30px 8px; max-width: 290px; float: right; margin-left: 30px; margin-bottom: 30px; } .call-out h5 { font-size: 1.5em; } .call-out>p { font-size: 1.2em; line-height: 1.6; padding-bottom: 8px; } .call-out .button { height: 46px; line-height: 46px; font-weight: bold; padding: 0 21px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); letter-spacing: 0.005em; text-transform: uppercase; } .style-section { overflow: hidden; padding: 48px 3px 3px 0 } .style-section>p { padding-right: 380px; } .style-section2 { overflow: hidden; } .wp-caption { max-width: 100%; } .wp-caption-text { margin-top: 17px; color: #aaa; } .wp-caption.alignright { float: right; } .wp-caption.alignleft { float: left; } .wp-caption.aligncenter { padding: 0; margin: 0 auto; } .quote-typography { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote2.svg) no-repeat 0 3px; background-size: 26px 24px; border: none; padding-left: 41px !important; } .postlist-blog .quote-typography { background-position: 20px 5px; padding: 0 0 0 61px !important; margin-bottom: 32px; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote2.svg); background-size: 26px 24px; } .postlist.postlist-blog .quote-typography { background-position: 0 5px; padding: 0 0 0 46px !important; } .postlist.postlist-blog .post.item .quote-typography { background-position: 20px 21px; padding: 16px 20px 0 51px !important; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote.svg); background-size: 16px; margin-top: 0; } .postlist-blog .quote-typography p { margin-bottom: 8px; font-size: 18px; line-height: 26px; color: #70c14a; margin-top: 0; } .postlist.postlist-blog .quote-typography p { margin-bottom: 13px; } .postlist-blog .quote-typography a:hover p { color: #42931C; } .lead-block { text-align: center; margin-top: 58px; padding-bottom: 0px; } .purple2 .lead-block h2, .purple2 .lead-block p { color: #FFF; } .lead-block.first { margin-top: 49px; } .lead-block h2 { border: none; font-size: 31px; margin-bottom: 17px; } /* team page */ .team h3 { margin: 15px 0 0; font-weight: inherit; font-size: 18px; line-height: 24px; } .team p.position { margin: 4px 0 0 0; color: #aaa; font-size: 11px; line-height: 18px; text-transform: uppercase; } .team ul.social li { margin: 0 2px 0 0; } .team .img-border img { width: 100%; max-width: 100%; } .team.col2 .img-border { float: left; margin: 0 20px 0 0; } .team.col1 .img-border { float: left; width: 60%; max-width: 600px; margin: 0 40px 0 0; } .team.col2 h3, .team.col1 h3 { margin-top: 0; } .team h3 { font-size: 18px; line-height: 24px; font-weight: inherit } .team.col1 p { overflow: hidden; } .team.col2 ul.social, .team.col1 ul.social { margin: 1.5em 0; } .team.circled > img { border-radius: 200px } @media (max-width: 800px) { .team.col1 .img-border { margin-right: 20px; } .team.col2 .img-border { float: none; } .team.col2 h3 { margin-top: 1em; } .team h3 { font-size: 17px; } } @media (max-width: 600px) { .team.col1 .img-border { float: none; width: 100%; } .team.col1 h3 { margin-top: 1em; font-size: 1.538em; } } .team.boxed > div, .team-page .boxed, .team-page .slider-box .boxed > div { -moz-box-shadow: 0 0 3px #CCCCCC; -webkit-box-shadow: 0 0 3px #CCCCCC; box-shadow: 0 0 3px #CCCCCC; background: #FFF; } .team-slider .slider-box .boxed, .team-page .slider-box .boxed { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; } .team-page>h2 { margin-top: 50px; text-align: center; font-size: 31px; line-height: 36px; letter-spacing: -0.015em; } p.intro.alt { text-align: center; max-width: 755px; margin: 0 auto 50px auto; } .team.centered> img { width: auto; } .team.centered { text-align: center; } .team.centered ul.social.social-colored { margin: 0; } .team.boxed ul.social.social-colored { margin: 0 0 5px 0; padding: 0 20px 5px 20px; } .team.boxed hr { margin: 15px 20px 10px 20px; } .col1.team .social.vertical ul li, .col1.team ul.social.vertical li { display: list-item; margin-right: 30px; } .col1.team ul.social.social-colored.vertical { margin-top: 0; } .col1.team>img { float: left; margin-right: 30px; } .team.col1 ul.social.social-colored.vertical { display: inherit; float: left; } .team.col1 h3 { font-weight: inherit; padding-top: 5px; } .team.col3 >hr { margin: 15px 0 10px; } .col3.team h3 { margin: 17px 0 4px; } .col3.team p.position { text-transform: none; } .col3.team ul.social.social-colored { margin: 0; padding: 0; } .col3.team p { margin-top: 2px; } .team.centered h3 { font-size: 19px; line-height: 18px; margin: 21px 0 0; } .team.centered p.position { margin: 9px 0 7px 0; text-transform: none; } .team.centered ul.social.social-colored { margin: 0; padding: 0; } .col1.team { width: 100%; } .col1.team h3 { font-size: 29px; line-height: 36px; } .col1.team p.position { font-size: 14px; line-height: 22px; text-transform: none; margin-top: 3px; } .team.col1 > hr { margin: 28px 0 28px; } .col3.team p, .col1.team p { color: #999; } .team-slider.content-slider { margin-bottom: 49px; } /* blog */ .main.postlist { max-width: 820px; padding-top: 45px; } .main.postlist .masonry { margin-top: -5px; } .postlist-blog .post, .postlist-blog .page, .postlist-blog .project { border-bottom: none !important; padding-bottom: 0; margin-bottom: 30px; } .postlist-blog > article { margin-bottom: 17px !important; } .post-mb10 { margin-bottom: 0px; } .postlist article h2.post-headline { padding-top: 0px; padding-bottom: 5px; font-size: 19px; line-height: 26px; margin-top: 0; } .masonry article h2.post-headline { padding-top: 16px; } .postlist article h2.post-headline a { font-weight: bold; font-size: 25px; line-height: 30px; letter-spacing: -0.02em; } .postlist > article p.more-detail { float: none; } .postlist > article blockquote { margin-top: 1px; margin-bottom: 29px !important; } .more-detail a { background: #70c14a; border-radius: 2px; color: #fff; display: block; padding: 0 13px; text-align: center; height: 34px; line-height: 34px; font-size: 14px; letter-spacing: 0.022em; display: inline-block; } .more-detail a:hover { background: #61b23b; color: #fff; text-decoration: none; } .more-detail a:active { background: #51a22b; } .post-right { border-bottom: 1px solid #dfdfdf; padding-bottom: 30px; float: right; width: 89%; margin-bottom: 32px; } .post-right img { margin-bottom: 23px; } .post-right iframe { margin-bottom: 18px; } .no-comment .post-right { width: 100%; float: none; } .post-date-and-comments { float: left; padding-right: 4%; width: 60px; margin-right: -40px; padding-top: 3px; padding-bottom: 16px; } .post-date-and-comments .post-date { display: block; position: relative; z-index: 20; width: 60px; height: 60px; border-radius: 32px; background-color: #333; color: #fff; text-align: center; cursor: default; } .post-date-and-comments .post-date b { font-size: 20px; line-height: 24px; font-weight: 600; display: block; padding: 8px 0 1px; } .post-date-and-comments .post-date small { font-size: 11px; line-height: 12px; display: block; color: #bbb; text-transform: uppercase; border-top: 1px solid #777; width: 26px; margin: 0 auto; padding-top: 3px; } .post-date-and-comments .post-comments { display: block; width: 60px; height: 60px; position: relative; z-index: 10; top: -10px; } @media (max-width: 600px) { .post-date-and-comments .post-comments { left: 50px; top: -60px; margin-bottom: -81px; } } .post-date-and-comments .post-comments a { width: 60px; height: 60px; display: block; border-radius: 32px; text-align: center; font-size: 20px; line-height: 58px; font-weight: 600; background-color: #ccc; color: #fff; transition: all 0.3s ease 0s; } .post-date-and-comments .post-comments a:hover { color: #fff!important; text-decoration: none !important; background-color: #bbb !important; } .post-date-and-comments .post-comments a:active { background-color: #aaa !important; } .post-date-and-comments .post-comments a:after { color: #61B23B; text-decoration: none; transition: all 0.3s ease 0s; content: '\2023'; color: #ccc; font-size: 42px; line-height: 20px; position: absolute; bottom: -5px; right: 2px; transform: rotate(165deg); -ms-transform: rotate(165deg); -webkit-transform: rotate(165deg); } .post-date-and-comments .post-comments a:hover:after { color: #bbb !important; } .post-date-and-comments .post-comments a:active:after { color: #aaa !important; } .postlist-blog .pagenavi-blog { max-width: 820px; margin-top: 20px; } .full-width.postlist-blog .pagenavi-blog { max-width: none; } .postlist-blog article h2 a:hover { color: #42931c; } .postlist-blog .dots { text-align: center; vertical-align: text-top; padding: 6px 10px; display: inline-block; color: #333; } .postlist-blog .quote-text { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote2.svg) no-repeat 0 0; background-size: 26px 24px; color: #70c14a; font: 20px/30px 'Open Sans', Helvetca, Arial, sans-serif; padding-left: 45px; } .postlist-blog .slider3 { background: none; padding: 0; } .postlist-blog .slider3 .slider3 { padding-bottom: 0; } .postlist-blog .slider3 .next-prev, main.single .slider3 .next-prev { z-index: 9999; display: block; } .postlist-blog .slider3 .next-prev .prev a, .main.single .slider3 .next-prev .prev a { /*background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/prev2.png) no-repeat 0 0;*/ text-indent:0; text-decoration:none; background:#FFF; border-radius:50%; height: 32px; width: 32px; z-index: 9999; margin-top: -16px; display: block; -moz-backface-visibility: hidden; } .postlist-blog .slider3 .next-prev .prev a:before, .main.single .slider3 .next-prev .prev a:before { font-size:15px; color:#000; content:"\f053"; font-family:'FontAwesome'; display:block; margin:9px 0 0 11px; } .postlist-blog .slider3 .next-prev .next, .main.single .slider3 .next-prev .next { right: 10px; } .postlist-blog .slider3 .next-prev .prev, .main.single .slider3 .next-prev .prev { left: 10px; } .postlist-blog .slider3 .next-prev .next a, .main.single .slider3 .next-prev .next a { /*background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/next2.png) no-repeat 0 0;*/ text-indent:0; text-decoration:none; background:#FFF; border-radius:50%; height: 32px; width: 32px; margin-top: -16px; display: block; -moz-backface-visibility: hidden; } .postlist-blog .slider3 .next-prev .next a:before, .main.single .slider3 .next-prev .next a:before { font-size:15px; color:#000; content:"\f054"; font-family:'FontAwesome'; display:block; margin:9px 0 0 12px; } .postlist-blog .slider3 > div { background: none; padding-bottom: 0px; } .postlist-blog .slider3 article { box-shadow: none; padding: 0; } .postlist-blog .slider3 .slider-pager { bottom: 19px; } .postlist-blog .masonry .slider3 .slider-pager { bottom: 1px; } .postlist-blog .slider-pager li { padding-right: 6px; } .postlist-blog .item > div { background: #fff; color: #777; -webkit-box-shadow: 0 1px 3px #ccc; -moz-box-shadow: 0 1px 3px #ccc; box-shadow: 0 1px 3px #ccc; text-align: left; padding-bottom: 1px; } .postlist-blog .item > div >p { margin-top: 0; } .full-width.postlist-blog { width: 100%; max-width: none; } .postlist-blog .clear-justify { width: 48%; height: 1px; margin-bottom: 0!important; display: inline-block; border: none; padding: 0!important; } .postlist-blog .item .video { margin-bottom: 1px; } .postlist-blog .item .post-detail { padding: 0 20px 0; } .postlist-blog .item .post-detail .post-meta { color: #999; margin: 2px 0 13px; font-size: 11px; line-height: 18px; letter-spacing: 0.005em; } .postlist-blog .item h2.post-headline a { font-size: 19px; line-height: 26px; } .postlist-blog .item .post-detail .text-about { font-size: 13px; line-height: 20px; letter-spacing: 0.005em; } .postlist-blog .item .info-post { line-height: 2; } .postlist-blog .post .info-post > div { display: inline-block; position: relative; height: 44px; margin-bottom: -24px; margin-left: -22px; padding-left: 22px; } .postlist-blog .post .info-post .count { font-style: normal; } .postlist-blog .post .info-post > div .share-social { position: absolute; top: 28px; left: -2px; border: 1px solid #cccccc; background: #FFF; padding: 10px; z-index: 21; width: 190px; display: none; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; } .postlist-blog .post .info-post.share-this > div .share-social { width: 130px; } .postlist-blog .post .info-post > div:hover .share-social { display: block; } .postlist-blog .post .info-post > div .share-social em { position: absolute; top: -6px; left: 25px; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/ico_arrow_top.png) no-repeat 0 0; display: block; width: 10px; height: 6px; } .postlist-blog .post .info-post > div .share-social > span { padding: 0; display: block; margin-bottom:6px; margin-top:0; height:26px; } .info-post .share > a:before { content: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/svg/share.svg); margin-right: 5px; vertical-align: middle; opacity: 0.2; } .info-post .share:hover a { color: #444; text-decoration: none; } .info-post .share:hover > a:before { opacity: 1; } .info-post a { color: #999; } .postlist-blog .post-detail .quote-text { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/quote.svg) no-repeat 0 3px; background-size: 16px; margin-top: 20px; padding-left: 31px; font: 18px/26px 'Open Sans', Helvetca, Arial, sans-serif; } .postlist-blog > article.item { margin-bottom: 30px !important; } .no-comment.postlist-blog > article { margin-bottom: 16px!important; } aside { max-width: 255px; } aside .col { width: 100% } @media (max-width: 800px) { .postlist-blog .post.type-events .info-post > div .share-social { left:auto; right:0; } .postlist-blog .post.type-events .info-post > div .share-social em { left:auto; right:25px; } } @media (max-width: 768px) { aside { max-width: none; width: 100%; } } /* newsletter widget */ .widget_newsletterwidget { background: #fff; padding: 22px 20px 30px; margin-bottom: 43px !important; border-top: 4px solid #6fc04a; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); } footer .widget_newsletterwidget { background: none; border-top: none; box-shadow: none; } .widget_newsletterwidget h3, .newsletter-widget h3 { color: #333; margin-bottom: 13px; padding: 2px 0 0; border-bottom: none; font-size: 19px; line-height: 26px; font-weight: 600; text-transform: none; margin-top: 0px; } footer .widget_newsletterwidget h3 { color: #aaa; margin-bottom: 25px; padding: 0; border-bottom: none; font-size: 14px; line-height: 20px; font-weight: 600; text-transform: uppercase; margin-top: 0px; } .widget_newsletterwidget > p, .newsletter-widget >p { margin-bottom: 15px; color: #999; font-size: 13px; line-height: 20px; } .widget_newsletterwidget form p, .newsletter-widget form p { display: block; overflow: hidden; margin: 0; } .widget_newsletterwidget .newsletter-email, .newsletter-widget .newsletter-email { width: 98%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 15px 1% 13px 1%; } footer .newsletter-widget .newsletter-email { color: #BBB; width: 205px; margin: 15px 0 13px 0; background: #2B2B2B; border-color: #555; } footer .newsletter-widget .newsletter-email:focus { color: #fff; } .widget_newsletterwidget .newsletter-submit, .newsletter-widget .newsletter-submit { padding: 7px 16px; color: #FFF; text-transform: uppercase; border: none; background: #70C14A; font-weight: bold; margin: 0 0 0 1%; border-radius: 2px; } footer .newsletter-widget .newsletter-submit { text-indent: -9999px; width: 40px; height: 34px; margin-top: 15px; background: #70C14A url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/mail.svg) no-repeat center center; background-size: 16px 14px; } footer .newsletter-widget p:nth-child(odd) { float: right; clear: none; } footer .newsletter-widget p:nth-child(even) { float: left; clear: none; } @media (max-width: 1150px) { footer .newsletter-widget .newsletter-email { width: auto; max-width: 98%; } footer .newsletter-widget p:nth-child(even) { width: 70%; } footer .newsletter-widget p:nth-child(odd) { float: left; margin-left: 7px; } } @media (max-width: 800px) { footer .newsletter-widget p:nth-child(even) { width: auto; max-width: 60%; } footer .newsletter-widget p:nth-child(odd) { margin-left: 6px; } } @media (max-width: 800px) and (min-width: 480px) { .widget_newsletterwidget { background:none; padding:0; margin-bottom: 43px !important; border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .widget_newsletterwidget .newsletter-content { background: #fff; padding: 22px 20px 30px; border-top: 4px solid #6fc04a; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); } } @media (max-width: 400px) { footer .newsletter-widget p:nth-child(even) { max-width: 70%; } } .widget_newsletterwidget .newsletter-submit:hover, .newsletter-widget .newsletter-submit:hover { background-color: #61B23B; } /*other widgets*/ .widget-tabbed { margin-top: 50px !important; padding-top: 0 !important; } .tabbed { background: #fff; -webkit-box-shadow: 0 1px 2px #CCCCCC; -moz-box-shadow: 0 1px 2px #CCCCCC; box-shadow: 0 1px 2px #CCCCCC; overflow: hidden; } .tabbed .tabs { margin-top: 0!important; margin-bottom: 0!important; } .tabbed.alt { position: relative; } .tabbed.alt .tabs { position: absolute; left: 0; height: 100%!important; } ul.tabs a.selected { background: #fff; color: #333; } .widget_newsletterwidget .subscribe { padding-top: 10px; float: right; text-align: center; } .widget_newsletterwidget .subscribe em { font-style: normal; } .recent-posts ul li { padding-bottom: 22px; } .recent-posts ul li:last-child { padding-bottom: 0px; } .content aside section ul { margin: 0; padding: 0; list-style: none; } .content aside section ul li { clear: both; font-size: 14px; } .content aside section ul li li { font-size: 13px; } .content aside section ul.menu li { margin-bottom: 0; } .content aside section ul.menu ul { padding: 0; } .content aside section ul li.cat-item { font-size: 11px; color: #aaa; } .content aside section ul li.cat-item a { font-size: 14px; padding-right: 2px; } .content aside section ul li.cat-item li a { font-size: 13px; } .content aside section ul li.current-cat > a { color: #777; } .content aside section ul li.recentcomments { font-size: 13px; color: #AAA; } .content aside section ul.recent-comments.custom { margin-left: 0; } .content aside section ul.custom { margin-left: 24px; } .content aside section ul.tabs li { clear: none; } .content aside section.widget_pages>ul, .content aside section.widget_categories>ul { margin-top: -7px; } .content aside section.widget_pages>ul, .content aside section.widget_categories>ul { margin-bottom: -8px; } .content aside section ul ul.children { padding-bottom: 0; margin-top: 0; margin-bottom: 0; margin-left: 15px; } .content aside section ul ul>li:last-child { margin-bottom: 0; } .content aside div.tagcloud { margin-bottom: -6px; } .content aside div.tagcloud a, footer .tagcloud a { display: inline-block; margin-bottom: 6px; border: 1px solid #ddd; background: #fff; color: #444 !important; font-size: 11px !important; padding: 2px 8px; border-radius: 2px; } footer .tagcloud a { background: #3D3D3D; color: #ccc !important; border-color: #555; } .content aside div.tagcloud a:hover, footer .tagcloud a:hover { color: #fff !important; background: #70C14A; border: 1px solid #70C14A; text-decoration: none; } footer .tagcloud a:hover { color: #333 !important; } .content aside ul.recent-comments li { margin: 11px 0 !important; } .content aside ul.recent-comments.custom li { margin-bottom: 23px!important; margin-top: 0!important; clear: both; min-height: 50px; } .content aside ul.recent-comments.custom li p.comment-head, .content aside ul.recent-comments.custom li p.comment-head a, .content aside ul.recent-comments.custom li p.comment-head span { font-size: 11px; } .content aside ul.recent-comments.custom li p { line-height: 1.2; color: #555; } .content aside ul.recent-comments li img { float: left; margin-right: 10px; } table#wp-calendar thead tr { background-color: #f3f3f3; } footer table#wp-calendar thead tr { background-color: #3B3B3B; border-top: 1px solid #484848; } footer table#wp-calendar th { border-top: 1px solid #484848; } table#wp-calendar tbody td { color: #999; } table#wp-calendar tbody td a { font-weight: bold; display: block; text-decoration: none; padding: 5px 0; margin: -5px 0; } table#wp-calendar tbody td a:hover { background: #70c14a; color: #fafafa; font-weight: bold; } .content aside .textwidget { font-size: 13px; line-height: 20px; color: #888; } .content aside .textwidget p { font-size: 13px; line-height: 20px; color: #888; } header .searchform fieldset, aside .searchform fieldset { background: #fff; } .content aside section.recent-posts ul li, footer .recent-posts ul li { font-size: 13px; line-height: 1.4; } aside .recent-posts li span, footer .recent-posts li span { display: block; font-size: 11px; line-height: 16px; } aside .recent-posts img, footer .recent-posts img { float: left; margin-right: 15px; margin-bottom: 24px; } .content aside section a.view-all { text-transform: uppercase; color: #555; font-size: 11px; } .content aside section.tweets h3 { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/twitter.png) no-repeat scroll 0 50% rgba(0, 0, 0, 0); padding-left: 25px; } .content aside section.tweets li { margin-bottom: 20px; font-size: 13px; color: #888; letter-spacing: 0.005em; line-height: 20px; } .content aside section.tweets li span { font-size: 11px; line-height: 16px; color: #555; } .content-slider .next-prev .next a, .content aside section table #next a, #wp-calendar #next a, .content aside section table #prev a, #wp-calendar #prev a { display: block; width: 24px; height: 24px; display: inline-block; font-size: 0; line-height: 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); vertical-align: top; opacity: 0.2; } footer #wp-calendar #prev a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number_light.svg) no-repeat 0 0; } footer #wp-calendar #next a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number_light.svg) no-repeat -24px 0; } .content aside section table #next a:hover, #wp-calendar #next a:hover, .content aside section table #prev a:hover, #wp-calendar #prev a:hover { opacity: 0.4; } #wp-calendar #next a, .content aside section table #next a { background-position: right 0; } #wp-calendar #next, #wp-calendar #prev { line-height: 0; font-size: 0; text-align: right; } #wp-calendar #prev { text-align: left; } .content aside .searchform, footer .searchform { padding-top: 4px; } .content aside .searchform button, footer .searchform button { margin-top: 2px; text-indent: -9999px; } .content aside .searchform button:hover, footer .searchform button:hover { opacity: 1; } .content aside .searchform fieldset.focus, footer .searchform fieldset.focus { border-color: #aaa; } .content aside fieldset span.select, footer fieldset span.select { border: none; } aside .widget-tabbed { padding-top: 25px; } .tabbed ul.tabs { padding: 0; border: none; background-color: #70C14A; } .tabbed ul.tabs li { margin: 0!important; border: none; padding: 0!important; } .tabbed ul.tabs li a { border: none; background: #70c14a; color: #fff; text-decoration: none; height: 38px; padding: 4px 20px; letter-spacing: 0.022em; display: block; float: none; } .tabbed ul.tabs li a .fa { padding-left: 0; padding-right: 0; margin-right: 6px; } .tabbed.alt ul.tabs li a .fa { margin-right: 0; } .tabbed ul.tabs li.tab-heart a:before { content: "\f004"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; font-size: 18px; top: 3px; position: relative; color: #FFF; transition: all 0.3s ease 0s; } .tabbed ul.tabs li.tab-location a:before { content: "\f041"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'FontAwesome'; font-size: 22px; margin-left: -21px; top: 2px; position: relative; color: #FFF; margin-right: 10px; transition: all 0.3s ease 0s; } .tabbed ul.tabs li a.selected:before { color: #000!important; } .tabbed ul.tabs li.tab-location a { padding-left: 36px; padding-right: 13px; } .tabbed ul.tabs li.tab-best a { background: #70C14A; } .tabbed ul.tabs li a.selected { background: #fff!important; color: #000!important; } .tabbed ul.tabs li a:hover { color: #fff; background: #61B23B; } aside span.select span.value { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/select-arrow2.png) no-repeat 96.4% 50% !important; } .tabbed > div { padding: 30px 20px 0px; } .tabbed .tab-content p:last-child { margin-bottom: 20px; } .tabbed.alt3 .tab-content { padding-left: 0; padding-right: 0; } .post .slider3 { padding-bottom: 20px; padding-top: 10px; } .postlist-blog .post .slider3 { padding-bottom: 0; padding-top: 0; } .post .slider3 > div { width: 100%; } .info-post { color: #999; } .info-post > span { padding: 0 10px; } .item .info-post { margin-bottom: 16px; } .postlist-blog { padding-top: 53px !important; } .add-music { padding: 20px 20px 0; margin-bottom: -3px; } .main.single .add-music { padding: 0; margin-bottom: 10px; } aside.sidebar { margin-top: 48px; } .enable-padding .ui-datepicker { margin-top: -90px; } .ui-widget-content { background: #FFF; padding: 20px; border: none; box-shadow: 0 1px 3px rgba(0,0,0,0.3) } .ui-datepicker-header { border: none; } .ui-datepicker .ui-datepicker-title { margin: 0; font-size: 13px; font-weight: normal; font-family: 'Open Sans'; text-align: left; margin-bottom: 5px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { color: #666666; font-size: 14px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 0; left: auto; right: 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { display: block; width: 24px; height: 24px; font-size: 0; line-height: 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0)!important; vertical-align: top; opacity: 0.2; border: none; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background: none; } .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover { opacity: 0.4; } .ui-datepicker .ui-datepicker-next { background-position: right 0!important; } .ui-datepicker .ui-datepicker-prev { line-height: 0; font-size: 0; text-align: right; right: 30px; } .ui-datepicker thead th { background: #f4f4f4; border-top: 1px solid #e0e0e0; text-align: center; font-size: 11px; color: #aaaaaa; font-family: 'Open Sans'; font-weight: normal; } .ui-datepicker table { border: none; } .ui-datepicker td a { background: none!important; color: #999999; font-family: 'Open Sans'; font-size: 14px; text-align: center; border: none!important; display: block; text-align: center; padding-top: 4px; padding-bottom: 4px; } .ui-datepicker td { padding-top: 4px; padding-bottom: 4px; } .ui-datepicker td a:hover, .ui-datepicker td a.ui-state-highlight { background: #70c14a!important; color: #FFF; } @media (max-width: 1150px) { } @media (max-width: 980px) { .post-right { width: 88%; } } @media (max-width: 850px) { .post-right { width: 86%; margin-right: 1%; } } @media (max-width: 800px) { aside section { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .content aside section { max-width: 100%; width: 49.5%; display: inline-block; vertical-align:top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content aside section:nth-child(odd) { padding-right: 10px; } .content aside section:nth-child(even) { padding-left: 10px; } } @media (max-width: 600px) { .post-date-and-comments { margin-right: 0; } .post-right { width: 100%; float: none; clear: both; } .wp-pagenavi span.current { margin-right: 0; } .content.contact > aside section { clear: both; width: 100%; } } @media (max-width: 480px) { .content aside section { width: 100%; } .content aside section:nth-child(odd) { padding-right: 0; } .content aside section:nth-child(even) { padding-left: 0; } .content aside section.widget_newsletterwidget { padding-left: 20px; padding-right:20px; } } @media (max-width: 400px) { aside section { width: 100%; float: none!important; clear: both; } .wp-pagenavi a { margin-right: 0; } } /* boxes */ .txt-center { text-align: center; } .green { background: #84c753; } .turquoise { background: #4ac791; } .blue { background: #57b7d6; } .box-colored { padding: 41px 30px; color: #fff; font-size: 16px; margin-top: 30px; margin-bottom: 10px; } .box-colored.alt h3 { margin-bottom: 9px; } .box-1 p { font-size: 16px; line-height: 24px; color: #999; padding-bottom: 10px; } .box-1 .fa + h2 { margin-bottom: 17px; margin-top: 14px; } .box-1 i.fa-5x { font-size: 70px; } .box-2 h4 { margin-top: 17px; margin-bottom: 13px; } .box-2 p { padding-bottom: 10px; } .box-colored h2 { color: #fff; margin-top: 16px; } .box-colored { line-height: 24px; } .custom-color { background: #ebebeb; } .box-colored.alt { font-size: 13px; line-height: 20px; margin-top: 24px; margin-bottom: 10px; background: #fff; border-top: 4px solid #57b7d6; color: #888; text-align: center; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.14); padding: 30px 20px 20px; } .box-colored.alt > h4 { margin-bottom: 14px; } .box-colored.alt.blue { border-top: 4px solid #57b7d6; } .box-colored.alt.purple { border-top: 4px solid #8f7cb3; } .box-colored.alt.red { border-top: 4px solid #ea6659; } .box-colored.alt.green { border-top: 4px solid #84c753; } .box-colored.alt .fa-stack { margin: -82px auto 13px auto; } .box-colored.alt .price { color: #AAAAAA; font-size: 16px; line-height: 34px; margin-bottom: 20px; } .box-colored.alt .price strong { color: #333; font-size: 34px; font-weight: 400; text-align: center; } .box-colored.alt .price strong > span { font-weight: 300; } .box-colored.alt ul { list-style: none; padding: 0; margin: 0 0 20px 0; } .box-colored.alt ul li { border-top: 1px solid #E8E8E8; padding: 12px 0 13px 0; margin: 0; line-height: 1; } .box-colored.alt ul li:last-child { border-bottom: 1px solid #E8E8E8; } .fa.fa-radius { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-colored .fa-stack { text-align: center; } .box-colored .fa-stack .fa { width: 80px; height: 80px; margin: 0 auto; } .box-icon-left { margin-bottom: 11px; } .box-icon-left h4 { margin-bottom: 11px; } .box-icon-left .fa-stack { float: left; margin-right: 23px; } .box-icon-left .fa-stack.fa-2x { font-size: 28px; } .box-icon-left .fa-stack.fa-3x { margin-right: 1px; margin-top: -23px; } .box-icon-left .fa-stack.fa-3x .fa { font-size: 36px; } .box-icon-left p { padding-left: 79px; } .box-default { background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); padding: 26px 31px 30px; } .box-default h4 { font-size: 19px; margin-bottom: 14px; } .box-default p { font-size: 16px; line-height: 24px; color: #999; } .box-default p + .btn { margin-top: 13px; } .top-border { border-top: 4px solid #70c14a; } .left-border { border-left: 4px solid #70c14a; } .fa + h2, .fa + h4 { margin-bottom: 13px; margin-top: 24px; } i.fa-5x { font-size: 70px; } i.fa-6x { font-size: 90px; } .fa + h3 { font-size: 24px; margin-bottom: 14px; margin-top: 18px; } .fa + h3 + p { font-size: 14px; line-height: 22px; color: #777; } .full-width-bg.brown { color: #fff; } .full-width-bg.light-gray { background-color: #f2f2f2; } .full-width-bg.text-white, .full-width-bg.text-white .lead-block p, .full-width-bg.brown.text-white .lead-block h2 { color: #fff; } p.muted { color: #999; font-size: 16px; line-height: 26px; margin-bottom: 33px; } #fa-list .fa { padding: 13px; color: #333; } .share-social .stButton { height: 26px; } .share-social .st_pinterest_hcount .stButton { margin-top: 3px!important; } .single .share-social .st_pinterest_hcount .stButton { margin-top: 0!important; } .share-social .stButton .stButton_gradient { background: none!important; border: none!important; padding-left: 0!important; padding: 0!important; } .googleplus { text-indent: -99999px; } .share-social .stButton .googleplus, .share-social .stButton .stMainServices { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/socia_ct.png) no-repeat 0 0!important; border: none!important; height: 26px!important; padding: 0!important; opacity: 0.8; } .single .share-social .stButton .stMainServices.st-pinterest-counter, .single .share-social .stButton .st-pinterest-counter { top: -1px!important; } .share-social .stButton .googleplus:hover, .share-social .stButton .stMainServices:hover { opacity: 1; } .share-social .stButton .st-facebook-counter { width: 74px!important; } .share-social .stButton .st-twitter-counter { width: 77px!important; background-position: 0 -32px!important; } .share-social .stButton .googleplus { width: 59px!important; background-position: 0 -64px!important; } .share-social .stButton .st-pinterest-counter .btnPinterest > a { width: 72px!important; height: 26px!important; top: 0!important; padding: 5px 30px 0 0 !important; opacity: 0!important; } .share-social .stButton .stMainServices.st-pinterest-counter, .share-social .stButton .st-pinterest-counter { width: 72px!important; background-position: 0 -96px!important; top: 0!important; } .share-social .stButton .st-email-counter { width: 72px!important; background-position: 0 -130px!important; } .share-social .stButton .stArrow { position: relative!important; top: 0!important; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/social_arrow.png) no-repeat 2px center!important; height: auto!important; vertical-align: top; padding-left: 3px!important; padding-right: 0px!important; } .share-social .stButton .stArrow .stButton_gradient { line-height: 24px!important; height: 24px!important; border: 1px solid #cccccc!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; border-radius: 0!important; padding: 0 7px!important; background: #FFF!important; } /* Font Awesome List */ .font-awesome-list { padding: 5px 0 0 0!important; margin: 0 -30px 20px 0!important; list-style: none; width: 108% } .font-awesome-list:before, .font-awesome-list:after { content: " "; display: table; } .font-awesome-list:after { clear: both } .font-awesome-list:before, .font-awesome-list:after { content: " "; display: table; } .font-awesome-list:after { clear: both } .font-awesome-list li { display: block; color: #777777; line-height: 3 !important; padding: 0; margin: 0 !important; vertical-align: top; float: none; height: 32px } .font-awesome-list li .fa { width: 32px; font-size: 14px; display: inline-block; text-align: center; margin-right: 3px; color: #333333; } .font-awesome-list li:hover .fa { font-size: 28px; vertical-align: -6px; } .font-awesome-list li small { color: #aaaaaa; } #hide-block-icon .note { color: #999999; font-size: 11px; line-height: 16px; } @media (min-width:480px) { .font-awesome-list li { float: left; margin-right: 16px; width: 45.5%; } } @media (min-width:768px) { .font-awesome-list li { float: left; margin-right: 20px; width: 29.5%; } } @media (min-width:992px) { .font-awesome-list li { float: left; margin-right: 30px; width: 21.5%; } } @media (min-width:1200px) { .font-awesome-list li { float: left; margin-right: 30px; width: 22%; } } .stButton .stBubble_hcount { color: #999!important; } /* clearfix */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } @media (max-width: 1150px) { .slidesjs-previous { left: 40%; } .slidesjs-next { right: 40%; } .content aside section ul.tabs li[class] { width: 100%; } } @media (max-width: 1024px) { .tabbed.alt ul.tabs { width: 100%; float: none; } .tabbed.alt ul.tabs li a { height: auto; line-height: 39px; min-height: 39px; } } @media (max-width: 768px) { .tabbed.alt .tab-content { } .slidesjs-previous { left: 38%; } .slidesjs-next { right: 38%; } .comment-form ul li { clear: both; width: 50%; margin-left: 0; } .slider3 .next-prev .next a { right: 0; } .slider3 .next-prev .prev a { left: 0; } .content aside section ul.tabs li { float: left; } .content aside section ul.tabs li.tab-heart { width: 23.5%; } .content aside section ul.tabs li.tab-location { width: 42%; } .content aside section ul.tabs li.tab-best { width: 34.51%; margin-right: -1px!important; } } @media (max-width: 480px) { .slidesjs-previous { left: 30%; } .slidesjs-next { right: 30%; } .related article { width: 100%; float: none; clear: both; margin: 0 0 20px 0; } .comment-form ul li { width: 100%; } .comment-form ul li input { width: 92%; } .content aside section ul.tabs li[class] { width: 100%; } .call-out { max-width: none; width: 92%; margin-left: 0; margin-right: 0; padding: 4% 4% 0; } a.btn { margin-bottom: 12px; } } .circle-charts > * { text-align: center; } .animated-milestone { font-size: 60px; color: #70c14a; font-weight: 300; line-height: 70px; margin-bottom: 14px; margin-top: 4px; } .animated-milestone + h4, .circle-chart + h4 { margin-bottom: 13px; } .circle-chart + h4 + p { padding-bottom: 9px; } label.radio { padding-left: 25px; } label.checkbox { padding-left: 25px; } input, textarea, select { border-color: #ddd; } .disabled { background: #f4f4f4; color: #bbb; } .full-width-bg { margin-left: -100% !important; margin-right: -100% !important; padding-left: 100%; padding-right: 100%; overflow: hidden; position: relative; } /*intro on about page */ .full-width-bg.intro-lead h1, .full-width-bg.intro-lead h1 + p { max-width: 730px; margin: 0 auto; } .full-width-bg.intro-lead h1 { font-size: 48px; line-height: 58px; font-weight: 300; letter-spacing: -0.015em; margin-bottom: 19px; } .full-width-bg.intro-lead h1 + p { color: #999; font-size: 18px; line-height: 28px; margin-bottom: 52px; } .full-width-bg>div.content-container { position: relative; z-index: 0; } /*custom margins for fullwidth container*/ .full-width-bg.custom-margin-1 { margin-bottom: 53px; } .full-width-bg.custom-margin-2 { margin-bottom: 55px; } .full-width-bg.custom-margin-3 { margin-bottom: 59px; } .full-width-bg.custom-margin-4 { margin-bottom: 60px; } .full-width-bg.custom-margin-5 { margin-top: 39px; } .boxed .full-width-bg { margin-left: -40px !important; margin-right: -40px !important; padding-left: 40px; padding-right: 40px; } .full-width-bg.hp-intro { padding-top: 50px; padding-bottom: 50px; } .boxed .full-width-bg.hp-intro { margin-left: 0 !important; margin-right: 0 !important; padding: 50px 0; } .boxed .content .full-width-bg.hp-intro { margin-left: -40px !important; margin-right: -40px !important; padding-left: 40px; padding-right: 40px; } @media (max-width: 1170px) { .boxed .full-width-bg.hp-intro { margin-left: -30px !important; margin-right: -30px !important; padding-left: 30px; padding-right: 30px; } .boxed .full-width-bg { margin-left: -30px !important; margin-right: -30px !important; padding-left: 30px; padding-right: 30px; } } @media (max-width: 980px) { .boxed .full-width-bg.hp-intro { margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px; padding-right: 20px; } .boxed .full-width-bg { margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px; padding-right: 20px; } } .error404.boxed .full-width-bg { margin-left: -40px !important; margin-right: -40px !important; padding-left: 50px; padding-right: 50px; } .error404.boxed .coming-soon .full-width-bg { margin-left: -50px !important; margin-right: -50px !important; } .full-width-bg.brown { background-color: #786060; } .full-width-bg.purple { background-color: #6c6476; color: #FFF; } .full-width-bg.purple2 { background-color: #635c73; color: #FFF; } .full-width-bg.purple * { color: #FFF; } .full-width-bg.top-border-enabled { border-top: 1px solid #e2e2e2; } .full-width-bg.white { background-color: #FFF; } .full-width-bg .bg-image { -webkit-background-size: cover; background-size: cover; } form p .icon.before { display: block; float: right; margin-top: -2.5em; } form p .icon.after { float: right; margin-top: -2.5em; display: block; } form p .icon .fa:before { color: #cccccc; font-family: 'FontAwesome'; font-size: 18px; position: relative; top: 7px; transition: all 0.3s ease 0s; font-style: normal; right: 10px; } form p .icon .fa-lock:before { content: "\f023"; } .lock { } .fake { background: transparent; } .file-input a.btn { height: 30px; border: 2px solid #d8d8d8; background: #FFF; line-height: 30px; font-size: 14px; color: #D8D8D8; } .btn[disabled=disabled] { background: #eee; color: #bbb; border: 2px solid #ddd; } .btn_disabled:hover { background: #eee; color: #bbb; border: 1px solid #ddd; } .postlist-blog .slider3, .content .slider3, .content .slider3 article { background: none; } .content .slider3 article { box-shadow: none; } .slider3 .next-prev .prev a, .slider3 .next-prev .next a { display: none; } .main.single .slider3 .next-prev .prev a, .main.single .slider3 .next-prev .next a { display: block; } .postlist-blog .slider3 article { background: transparent; box-shadow: none; } @media (max-width: 1150px) { .postlist-blog .slider3 article img { -moz-backface-visibility: hidden; } } .description { font-size: 18px !important; } .fancybox-title-inside-wrap .count-number .nv, .content-slider .next-prev .prev a, .content-slider .next-prev .next a { display: block; width: 24px; height: 24px; display: inline-block; font-size: 0; line-height: 0; background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat scroll 0 0 rgba(0, 0, 0, 0); vertical-align: top; opacity: 0.2; } .hp-recent-work.content-slider .next-prev { margin-top: 10px; margin-right: 10px; } .page-portfolio .hp-recent-work.content-slider .next-prev { margin-right: 14px; } @media (max-width: 1150px) { .hp-recent-work.content-slider .next-prev { margin-right: 0; } .page-portfolio .hp-recent-work.content-slider .next-prev { margin-right: 10px; } } @media (max-width: 940px) { .hp-recent-work.content-slider .next-prev { margin-right: 0; } } @media (max-width: 800px) { .hp-recent-work.content-slider .next-prev { margin-right: 10px; } } @media (max-width: 400px) { .hp-recent-work.content-slider .next-prev { margin-right: 0; } .page-portfolio .hp-recent-work.content-slider .next-prev { margin-right: 10px; } } .fancybox-title-inside-wrap .count-number .nv:hover, .content-slider .next-prev .next a:hover, .content-slider .next-prev .prev a:hover { opacity: 0.4; } .fancybox-title-inside-wrap .count-number .next, .content-slider .next-prev .next a { background-position: right 0; } .tabbed.alt .fa:before { text-align: center; } .tabbed.alt .fa { padding-left: 0; padding-right: 0; text-align: center; display: block; margin-top: 10px; } .fa { padding: 0; } .selected .fa:before { color: #000; } .tabbed ul.tabs li { height: 46px; } .tabbed.alt ul.tabs { width: 53px; } .tabbed.alt .tab-content { padding-left: 70px; padding-right: 20px; width: auto; } .tabbed.alt2 { } .tabbed.alt2 ul.tabs { background: #fff; border-top: 4px solid #70C14A; border-bottom: 1px solid #e0e0e0; } .tabbed.alt2 ul.tabs li { height: 45px; } .tabbed.alt2 ul.tabs li a { background: #fff; color: #999; border: 1px solid #e0e0e0; border-top: none; ; height: 37px; margin-left: -1px; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .tabbed.alt2.alt ul.tabs { border-right: 1px solid #E0E0E0; } .tabbed.alt2.alt ul.tabs li a { margin-left: 0; border-left: none; border-right: none; border-top: 1px solid #e0e0e0; } .tabbed.alt2.alt ul.tabs li { height: 46px; } .tabbed.alt2 ul.tabs li a.selected { border-bottom: none; height: 38px; } @media (max-width: 600px) { .tabbed.alt2 ul.tabs li:last-child a.selected { border-bottom: 1px solid #E0E0E0; } } .tabbed.alt ul.tabs li a.selected { border-right: none; padding-right: 1px; } .tabbed.alt.alt2 ul.tabs li a.selected { margin-right: -1px; height: 37px; } .tabbed.alt.alt2 ul.tabs li:first-child a { border-top: none; padding-top: 5px; } .tabbed.alt ul.tabs li:first-child a.selected { padding-top: 5px; } .tabbed.alt2 ul.tabs li a:hover, .tabbed.alt2 ul.tabs li a:hover .fa:before { background: #f6f6f6; color: #61b23b; } .tabbed.alt2.alt .tabs { border-left: 4px solid #70C14A; border-top: 0; } .tabbed.alt2 .fa:before, .tabbed.alt2.alt .fa:before { color: #999; } .tabbed.alt2 ul.tabs li a.selected .fa:before, .tabbed.alt2 ul.tabs li a:hover.selected .fa:before { color: #333; background: none;} .circle-chart { position: relative; margin-bottom: 19px; text-align: center; } .circle-counter-text { display: none; } .circle-chart .circle-counter-text { line-height: 120px; font-size: 33px; position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; display: block; } .col1 .circle-chart .circle-counter-text, .col2 .circle-chart .circle-counter-text, .col3 .circle-chart .circle-counter-text { line-height: 160px; } .parallax { background-attachment: fixed; background-size: cover; } .parallax2 { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/photos/bg-photo-01.jpg) no-repeat center 0; background-attachment: fixed; } /* counter */ .counter { padding: 10px 0 5px; font-size: 0; text-align: center; } .counter li { display: inline-block; width: 80px; height: 97px; margin: 0 2px 2px 0; padding: 0; background: #444; font-size: 14px; font-family: 'Open Sans', Helvetca, Arial, sans-serif; font-weight: 400; letter-spacing: -0.015em; text-transform: uppercase; } .counter li.days { background: #70c14a; margin-right: 10px; } .counter li.days span { border-top: 1px solid rgba(255, 255, 255, 0.21); color: #fff; } .counter li.days span.num { background: #61b23b; } .counter li span { display: block; border-top: 1px solid #606060; color: #ccc; font-size: 10px; line-height: 25px; } .counter li span.num { border: none; background: #333; color: #fff; font-size: 40px; font-weight: 100; line-height: 69px; } /* counter 2 */ .counter.counter-2 li { background: none; width: 99px; height: 85px; margin: 0 -18px 2px 0; } .counter.counter-2 li.days { margin-right: 0px; border-right: 1px solid #e0e0e0; width: auto; padding-right: 20px; } .counter.counter-2 li.days span.num { background: none; color: #70c14a; } .counter.counter-2 li span { border-top: none; color: #aaa; } .counter.counter-2 li span.num { background: none; color: #444; font-size: 52px; line-height: 58px; } @media (max-width: 800px) { .counter li { width: 65px; } } /* Nav */ .content aside section ul.menu li { position: relative; } .content aside section ul.menu > li:last-child > a { border-bottom: 1px solid #e0e0e0; } .content aside section ul.menu li.parent span { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/svg/side-nav-plus.svg) no-repeat center center; cursor: pointer; height: 10px; position: absolute; right: 10px; top: 17px; width: 10px; opacity: 0.4; color: #C8C8C8; } .content aside section ul.menu li.parent span.expand { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/svg/side-nav-minus.svg) no-repeat center center; } .content aside section ul.menu li.parent.expanded > a > span { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/svg/side-nav-minus.svg) no-repeat center center; } .content aside section ul.menu li.parent a { border-bottom: 1px solid #e0e0e0; margin-bottom: -1px; } .content aside section ul.menu li.current-menu-item > a { background: none!important; color: #61b23b!important; } .content aside section ul.menu a { float: none; clear: both; height: auto; margin: 0; font-size: 14px; color: #333; display: block; padding: 13px 27px 13px 10px; border-top: 1px solid #e0e0e0; text-decoration: none; } .content aside section ul.menu li li a { margin-left: 15px; font-size: 13px; padding: 11px 10px; } .content aside section ul.menu li li li a { margin-left: 30px; } .content aside section ul.menu li li li li a { margin-left: 45px; } .content aside section ul.menu li.curent-page-item.parent > ul { display: block; } .content aside section ul.menu li.curent-page-item.parent:hover a > span { opacity: 0.8; } .content aside section ul.menu li:hover a > span { opacity: 0.8; } .content aside section ul.menu li:hover > a { background-color: #f4f4f4; } .content aside section ul.recent-posts li { clear: both; } /* coming soon */ .coming-soon { padding: 66px 10px 0 10px; } .coming-soon h2 { text-align: center; font-size: 60px; margin-bottom: 19px; font-weight: 300; line-height: 1; } .coming-soon p { text-align: center; color: #999999; font-size: 16px; line-height: 26px; margin-bottom: 1px; } .coming-soon article { max-width: 500px; margin: 0 auto; } .coming-soon h3 { text-align: center; color: #bbb; margin-top: 20px; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: -20px 0 0; } .coming-soon input { padding-left: 1%; padding-right: 1%; } .coming-soon input.newsletter-submit[type="submit"] { font-size: 14px; text-transform: uppercase; font-weight: bold; height: 46px; padding: 0 19px; line-height: 46px; } .coming-soon .social.social-colored { text-align: center; } .coming-soon .social.social-colored ul { padding-left: 0; padding-right: 0; } .coming-soon .fullwidth { padding-top: 56px; padding-bottom: 47px; } .coming-soon .fullwidth.full-width-bg > p { color: #AAAAAA; font-size: 14px; } .coming-soon input.newsletter-submit[type="submit"] { background: none repeat scroll 0 0 #70C14A; border-color: #70C14A; color: #FFFFFF; margin-left: 0; } .coming-soon input.newsletter-submit[type="submit"]:hover { background: #5DA03D; border-color: #5DA03D; } .coming-soon .newsletter-submit { margin-left: 10px; } .coming-soon .newsletter-email { width: 40%; max-width: 381px; } .coming-soon .newsletter.newsletter-widget input.newsletter-email { color: #bbb; padding: 11px 16px; margin: 14px 10px 13px 0; } .coming-soon .newsletter.newsletter-widget form { text-align: center; } .coming-soon .newsletter.newsletter-widget form > p { display: inline; text-align: left; } .coming-soon .fullwidth.full-width-bg.footer { padding-top: 52px; margin-bottom: -50px; background: #fafafa; } .coming-soon .counter { margin-bottom: 63px; margin-top: 25px; } /*contact page*/ .contact aside { margin-top: 50px; } .contact aside section { margin: 0 0 42px 0; } .contact article.main>p { font-size: 18px; color: #999; line-height: 28px; } .contact .main { padding-bottom: 30px; padding-top: 0; } .content.contact .contact-form .half input { font-size: 14px; padding: 5px 9px; } .content.contact .contact-form .select { height: 34px; } .content.contact .contact-form .select select { padding: 3px 9px; } .content.contact .contact-form .select span.value { padding: 7px 9px 0 9px; } .content.contact .contact-form textarea#message { min-height: 116px; padding: 9px; width: 100%; max-width: 100%; min-width: 100%; } .content.contact .contact-form label { color: #444; font-weight: 600; } .full-width-bg.parallax .lead-block p { color: #333; } .full-width-bg.parallax2 .lead-block p { color: #333; } .tabbed.alt3 { background: transparent; box-shadow: none; } .tabbed.alt3 ul.tabs { background: transparent; border-bottom: 1px solid #e0e0e0; } .tabbed.alt3.centered ul.tabs { text-align: center; } .tabbed.alt3.centered ul.tabs li { float: none; display: inline-block; margin-right: -4px!important; } .tabbed.alt3 ul.tabs li a { background: transparent; color: #999; } .tabbed.alt3 ul.tabs li a.selected { font-weight: normal; box-shadow: 0 -4px 0 0 #444 inset; color: #333; height: 39px; background: transparent !important; } .tabbed.alt3 ul.tabs li a:hover { box-shadow: 0 -4px 0 0 #70c14a inset; color: #70c14a; height: 39px; } .widget_newsletterwidget a.btn { color: #fff; font-weight: bold; text-transform: uppercase; } .widget_newsletterwidget a.btn:hover { color: #fff; background: #61B23B } .team.boxed .team-padding { padding: 0 20px; } .lead-block > p { font-size: 16px; line-height: 24px; margin-bottom: 10px; letter-spacing: 0.005em; } .content.contact >aside { color: #888; } .content.contact .cols h4 { font-size: 19px; line-height: 26px; text-transform: capitalize; margin-bottom: 11px; } .gmap img { max-width: none; } @media (max-width: 800px) { .content aside.side-nav .cols, .content aside.side-nav section { width: 100%; float: none; clear: both; } .columns article.col1.team { margin-right: 0; width: 100%; } .col1.team > img { clear: both; width: 100%; margin-right: 0; float: none; margin-bottom: 20px; } } .main.postlist.postlist-blog.event-page .post { overflow: visible; } .main.postlist.postlist-blog.event-page .post:after { content: "."; clear: both; display: block; opacity: 0; height: 0; line-height: 0; } .main.postlist.postlist-blog.event-page .event-day-number { background: none repeat scroll 0 0 #333; border-radius: 50% 50% 50% 50%; color: #FFFFFF; float: left; height: 60px; line-height: 60px; margin-right: 30px; text-align: center; width: 60px; font-size: 31px; margin-top: 13px; margin-bottom: 10px; letter-spacing: -0.02em; font-weight: 600; } .main.postlist.postlist-blog.event-page .groups-title { border-bottom: #e0e0e0 1px solid !important; position: relative; margin-bottom: 20px !important; padding-bottom: 20px; } .main.postlist.postlist-blog.event-page .event-upcoming .event-upcoming, .main.postlist.postlist-blog.event-page .event-past .event-past { border-bottom: #e0e0e0 1px solid !important; position: relative; margin-bottom: 20px !important; } .main.postlist.postlist-blog.event-page p.event-day-month { font-size: 19px; line-height: 24px; font-weight: 600; color: #333; padding-top: 18px; font-weight: 600; } .main.postlist.postlist-blog.event-page p.event-day-month span { font-size: 14px; display: block; color: #999; font-weight: normal; text-transform: capitalize; font-weight: 400; } .main.postlist.postlist-blog.event-page p.event-hour { float: left; font-size: 23px; color: #333; font-weight: 400; } .main.postlist.postlist-blog.event-page .post-right img { width: auto; float: left; margin-right: 30px; margin-bottom: 0; } .main.postlist.postlist-blog.event-page .post-right { border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; min-height:155px; } .main.postlist.postlist-blog.event-page .post-right .event-category { text-transform: uppercase; color: #999; } .main.postlist.postlist-blog.event-page .post-right h2.post-headline { max-width: 560px; padding-top: 2px; padding-bottom: 9px; } .main.postlist.postlist-blog.event-page .post-right p.event-place { color: #333; margin: 0; } .main.postlist.postlist-blog.event-page .post-right p { margin: 0; } .main.postlist.postlist-blog.event-page .info-post { background: none; } .main.postlist.postlist-blog.event-page .info-post .share { position: absolute; bottom: 15px; right: 0; } .main.postlist.postlist-blog.event-page .info-post .share:hover > a { color: #333; text-decoration: none; } .main.postlist.postlist-blog.event-page .info-post .share p.share-social { margin: 0; } .main.postlist.postlist-blog.event-page { padding-top: 20px !important; margin-bottom: 30px; } .main.postlist.postlist-blog.event-page .wp-pagenavi { margin-top: 31px; margin-bottom: 18px; } .main.postlist.postlist-blog.event-page > .post .post { border-bottom: 1px solid #e0e0e0 !important; margin-bottom:20px !important; position:relative; } .event aside { margin-top: 30px; } .postlist-blog.event-page > article { margin-bottom: 0px !important; } .widget_newsletterwidget.col { margin-top: 50px; } footer .widget_newsletterwidget.col { margin-top: 0; } .widget_newsletterwidget.col > p { color: #999; font-size: 13px; } .widget_newsletterwidget.col .newsletter-subscribe-form input#news_email { color: #bbb; font-size: 14px; padding: 5px 0 5px 9px; } .widget_newsletterwidget.col .newsletter-subscribe-form button#subscribe { text-transform: uppercase; font-weight: 600; } .widget_newsletterwidget.col .newsletter-subscribe-form .subscribe strong { font-size: 14px; color: #777; } .widget_newsletterwidget.col .newsletter-subscribe-form .subscribe em { font-size: 11px; color: #aaa; } .main.postlist.postlist-blog p.txt-center { padding: 30px 0; } /*Event Single*/ .main.single .event-day-number { background: none repeat scroll 0 0 #333; border-radius: 50% 50% 50% 50%; color: #FFFFFF; float: left; height: 60px; line-height: 60px; margin-right: 30px; text-align: center; width: 60px; font-size: 31px; font-weight: 600; margin-bottom: 27px; } .main.single >article.post { position: relative; margin-bottom: 20px !important; } .main.single p.event-day-month { font-weight: 600; color: #333; float: left; border-right: 1px solid #e0e0e0; margin: 10px 0; margin-right: 20px; padding-right: 20px; font-size: 19px; line-height: 24px; } .main.single p.event-day-month span { display: block; color: #999; font-weight: normal; font-size: 14px; } .main.single p.event-hour { font-size: 23px; color: #333; padding: 25px 0; display: inline-table; margin: 0; } /*single-btn*/ .main.single article >ul.single-btn { float: right; margin-top: 15px; } .main.single article >ul.single-btn>li { display: inline; } .main.single article >ul.single-btn>li a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat scroll 0 0 transparent; display: inline-block; font-size: 0; height: 24px; line-height: 0; opacity: 0.2; vertical-align: top; width: 24px; } .main.single article ul.single-btn a.next { background-position: right 0; } .main.single article ul.single-btn a.previous { margin-left: 17px; margin-right: 4px; } .main.single article ul.single-btn a:hover { opacity: .4; } .main.single article ul.single-btn a.all { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_all.png) no-repeat scroll 0 0 transparent; } /* single-btn */ .single-events .main.single .entry-title { margin: 0 0 16px 0; } .main.single p.event-category { color: #999; text-transform: uppercase; font-size: 11px; clear: both; margin-bottom: -8px; } .main.single p.event-place { margin-bottom: 0; color: #333; font-size: 14px; margin-top: 12px; } .main.single p.event-address { margin-bottom: 18px; color: #999; font-size: 11px; } .main.single p > img { margin-bottom: 5px; } .main.single h3.special { color: #BBBBBB; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; padding-bottom: 0; } .main.single ul.special li { margin-bottom: 2px; } .main.single .related { clear: both; } .main.single .related > h2:first-child { margin-top: 43px !important; margin-bottom: 18px !important; } .main.single .related.content-slider > h2:first-child { padding-left: 15px; } .single-events .main.single .related > h2:first-child { padding-left: 0; } .single-events .share-post { margin: 22px 0 -6px; } @media (max-width: 800px) { .main.single .related.content-slider > h2:first-child { padding-left: 10px; } } .main.single .related .related-box.clearfix p.event-category { padding: 0; margin-bottom: 1px; } .main.single .related .related-box.clearfix h3 { text-transform: none; font-weight: normal; margin-bottom: 5px; } .main.single .related .related-box.clearfix p.event-time { color: #999; font-size: 11px; margin-bottom: 0px; } .main.single .related .related-box.clearfix p.event-time span:before { content: "/"; margin-left: 5px; } .main.single .related .related-box.clearfix p.event-address { color: #999; font-size: 11px; margin-bottom: 0; margin-top: 0; } .content > ul.single-btn { text-align: right; margin-top: 15px; position: absolute; top: 37px; right: 0; } @media (max-width: 480px) { .content > ul.single-btn { position: relative; text-align: center; } .main.single article > ul.single-btn { position: relative; float: none; width: 100%; caption-side: bottom; text-align: center; } } .boxed .content.single-sidebar ul.single-btn { right: 20px; } @media screen and (max-width: 1170px) { .boxed .content.single-sidebar ul.single-btn { right: 0; } } .content > ul.single-btn>li { display: inline; } @media screen and (min-width: 801px) { .single-sidebar aside { margin-top: 109px; } } .content > ul.single-btn >li a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat scroll 0 0 transparent; display: inline-block; font-size: 0; height: 24px; line-height: 0; opacity: 0.2; vertical-align: top; width: 24px; overflow: hidden; text-indent: 30px; } .content > ul.single-btn a.next, .content > ul.single-btn li.next a { background-position: right 0; } .content > ul.single-btn a.previous, .content > ul.single-btn li.previous a { margin-right: 2px; } .content > ul.single-btn a:hover { opacity: .4; } .content > ul.single-btn a.all, .content > ul.single-btn li.all a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_all.png) no-repeat scroll 0 0 transparent; margin-right: 17px; } .project-team.col > p:last-child { margin-bottom: 0; } .project-team.col img { border-radius: 30px; float: left; height: 60px; margin-right: 14px; width: 60px; } .project-team.col p { padding: 10px; color: #999; } .project-team.col span.name { color: #333; font-size: 14px; } .cols p.share-social > span { display: block; padding-bottom: 5px; } .main.single .col2 h3 { font-size: 19px; color: #333; text-transform: none; font-weight: 600; } .main.single .col2 img { margin-bottom: 8px; } .full-width-bg.lead div>p.note { color: #999; font-size: 18px; margin-top: 20px; padding-bottom: 11px; line-height: 28px; font-weight: 400; } .full-width-bg.lead div>p { font-size: 14px; color: #777; line-height: 24px; } .full-width-bg.lead div>img { max-width: 49%; height: auto; bottom: -18px; } .full-width-bg.lead > div { margin-top: 18px; } .full-width-bg.lead > div > * { max-width: 49%; padding-right: 0; } .full-width-bg.lead > div > h1 { max-width:100%; } @media (max-width: 600px) { .full-width-bg.lead > div > * { max-width: 100%; width: 100%; } .full-width-bg.lead div > img { width: auto; margin: 0 auto!important; display: block; max-width: 100%; } } .lead-block p.muted { max-width: 750px; margin: 0 auto; } .team.boxed hr { margin: 15px 20px 10px 20px; } .team.boxed h3, .team.boxed p { padding: 0 20px; } .content-slider.hp-our-clients { margin-bottom: 34px; } .content-slider.hp-our-clients.full-width-bg { background: #fff; padding-top: 50px; border-top: 1px solid #f6f6f6; padding-bottom: 50px; } .content-slider.hp-our-clients.full-width-bg h2 { border-bottom: 0; } .content-slider.hp-our-clients h3 { font-weight: 600; font-size: 16px; color: #bbb; display: inline-block; text-transform: uppercase; } .content-slider.hp-our-clients .next-prev { top: -17px; } .full-width-bg.shadow-enabled { position: relative; z-index: 1; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); } .full-width-bg.shadow-enabled .col3.txt-center p { max-width: 300px; margin: 0.5em auto; } .content.services .lead-block p { max-width: 730px; margin: 0 auto; } .related.products .slider-box li.col4, .content.services .slider-box .col4 { width: 22.5%; margin: 0!important; padding: 0; display: inline-block; float: left; margin: 0; max-width: none; padding: 0 30px 0 4px; vertical-align: top; } .related.products .slider-box li.col4 { padding: 0 29px 0 3px!important; } .related.products .slider-box li.col4 > div, .content-slider .slider-box .col3 > div, .content.services .slider-box .col4 >div { -moz-box-shadow: 0 0 3px #CCCCCC; -webkit-box-shadow: 0 0 3px #CCCCCC; box-shadow: 0 0 3px #CCCCCC; margin-top: 3px; background: #FFF; position: relative; margin-bottom: 5px; } .services .hp-recent-work > div { height: auto; } .services .hp-recent-work > div >div { position: relative; } .related.products .slider-box li.col4, .content-slider .slider-box .col3, .content.services .slider-box .col4 { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background: none; } .content.services .slider-box .col4 img { max-width: 100%; } .related.products { margin-left: -15px; } @media (max-width: 800px) { .related.products { margin-left: -10px; } } .related.products .slider-box li.col4 > div, .content.services .slider-box .col4 > div > div, .content.services .slider-box .col4 > div { position: relative; display: block; width: 100%; } .related.products .slider-box li.col4 > div { width: 100%!important; } .related.products.content-slider.columns { margin: 0; } .content.services .slider3 > div { max-width: 760px; } .columns.portfolio.hp-recent-work.content-slider h4 { color: #bbb; text-transform: uppercase; } .content.services .full-width-bg.white.top-border-enabled { padding-top: 50px; border-top: 0; } .content.services .full-width-bg.white.top-border-enabled h4 { color: #bbb; text-transform: uppercase; } .content.services .testimonial > p { max-width: 750px; } .content.services section.slider3 { margin: 0 auto; } .lead-block p.muted { margin-bottom: 39px; } .boxed.homepage { background: #fff; } /* homepage */ .columns.full-width-bg.white, .columns.full-width-bg.light-gray { margin-top: 0; margin-bottom: 0; } .columns.full-width-bg.white .fa-stack { margin: 0 0 7px 0; width: 120px; height: 120px; } .full-width-bg.dark { background-color: #889274; } .full-width-bg.dark { background-color: #333; } .full-width-bg.dark h2 { color: #fff; margin: 0 0 22px 0; } .full-width-bg.larger-text p { font-size: 18px; margin: 0 0 32px 0; line-height: 28px; } .full-width-bg.larger-text h2 { font-size: 31px; line-height: 38px; letter-spacing: -0.015em; } .columns.full-width-bg.light-gray { padding-top: 53px; padding-bottom: 22px; } .columns.full-width-bg.light-gray h3 { font-size: 16px; color: #bbb; font-weight: 600; text-transform: uppercase; margin-bottom: 19px; } .columns.portfolio.hp-recent-work.content-slider article img { max-width: 100%; } .columns.portfolio.hp-recent-work.content-slider .slider-box article h3 span { display: block; padding-top: 2px; font-weight: 400; } @media (max-width: 1110px ) { .columns.portfolio.hp-recent-work.content-slider .slider-box { min-height: 330px; } } @media (max-width: 800px ) { .columns.portfolio.hp-recent-work.content-slider .slider-box { min-height: 290px; } } @media (max-width: 480px ) { .columns.portfolio.hp-recent-work.content-slider .slider-box { min-height: 385px; } } .page-portfolio .hp-recent-work.columns { padding-top: 46px; padding-bottom: 19px; } .columns.portfolio.hp-recent-work.content-slider > h3 { color: #bbb; font-size: 16px; font-weight: 600; text-transform: uppercase; } .page-portfolio .columns { padding: 42px 0; } .root.contact2 #map { max-height: 300px; } .root.contact2 article.main h4 { font-size: 19px; } .root.contact2 .contact textarea { min-width: 98%; } .root > #map { min-height: 395px; } @media (max-width: 1170px) { .root > #map { margin: 0 -20px; } .boxed .root > #map { margin: 0 -30px; } } @media (max-width: 980px) { .root > #map { margin: 0 -20px; } .boxed .root > #map { margin: 0 -20px; } } @media (max-width: 400px) { .root > #map { margin: 0 -10px; } .boxed .root > #map { margin: 0 -10px; } } .full-width-bg.no-parallax { background: #e8e8e8; } .full-width-bg.parallax .lead-block h2, .full-width-bg.parallax .lead-block p { color: #333; } .full-width-bg.parallax2 .lead-block h2, .full-width-bg.parallax2 .lead-block p { color: #333; } .columns.full-width-bg.white { padding-top: 35px; padding-bottom: 39px; margin-top: 0; margin-bottom: 0; box-shadow: 0 2px 4px #ccc; } .root.boxes-and-sections .columns.full-width-bg.white i.fa { color: #ccc; } .root.boxes-and-sections .columns.full-width-bg.white span.fa-stack { margin-top: -23px; margin-right: 3px; margin-left: -8px; } .hp-recent-work { margin: 0; } /* dividers */ .lead-block.limited-width-centered > p { max-width: 770px; margin: 0 auto; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #e0e0e0; margin: 50px auto 47px; padding: 0; } hr.divider-2 { height: 5px; border-bottom: 1px solid #e0e0e0; } .divider { margin: 40px auto; width: 100%; overflow: hidden; text-align: center; } .divider.divider-2 > .divider-content:before, .divider.divider-2 > .divider-content:after { content: ""; display: block; width: 9999%; height: 3px; position: absolute; top: 40%; border-bottom: 1px solid; border-top: 1px solid; border-color: #e0e0e0; } .divider > .divider-content { padding: 0; display: inline-block; position: relative; font-size: 14px; line-height: 1.5em; color: #333333; font-weight: 600; } .divider h1, .divider h2, .divider h3, .divider h4, .divider h5, .divider h6, .divider p, .divider > .divider-content div { display: inline-block!important; text-align: center; margin: 0; padding: 0; color: inherit; } .divider > .divider-content:before, .divider > .divider-content:after { content: ""; display: block; width: 9999%; height: 1px; position: absolute; top: 49%; border-bottom-width: 1px; border-bottom-style: solid; border-color: #e0e0e0; } .divider > .divider-content:before { right: 100%; margin-right: 20px; } .divider > .divider-content:after { left: 100%; margin-left: 20px; } .divider-md, .divider-sm { width: 100%; } @media (min-width: 400px) { .divider-md, .divider-sm { width: 50%; } } @media (min-width: 600px) { .divider-md { width: 50%; } .divider-sm { width: 33%; } } /* Lightbox-image */ .lightbox-image { width: 900px; height: 710px; background: #ddd; margin: 50px auto; position: relative; } .lightbox-image .caption { background: #fff; height: 60px; position: absolute; bottom: 0; width: 100%; color: #444; } .lightbox-image .caption p { margin: 20px; font-size: 14px; } .lightbox-image ul.single-btn { display: inline-block; position: absolute; right: 20px; bottom: 20px; } .lightbox-image ul.single-btn > li { display: inline; color: #aaa; font-size: 14px; line-height: 23px; padding: 0 2px; } .lightbox-image ul.single-btn > li a { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/btn_slider_number.svg) no-repeat scroll 0 0 transparent; display: inline-block; font-size: 0; height: 24px; line-height: 0; opacity: 0.2; vertical-align: top; width: 24px; } .lightbox-image a.close { position: absolute; background: #000; padding: 10px 20px; right: 0; top: -40px; } .lightbox-image a.close { display: block; padding: 10px 20px; } .content.homepagepage .content-slider > div > div { position: relative; } .columns.content-slider .slider-box .col3 > div { -moz-box-shadow: 0 0 3px #CCCCCC; -webkit-box-shadow: 0 0 3px #CCCCCC; box-shadow: 0 0 3px #CCCCCC; } .columns.content-slider .slider-box .col4 > div { -moz-box-shadow: 0 0 3px #CCCCCC; -webkit-box-shadow: 0 0 3px #CCCCCC; box-shadow: 0 0 3px #CCCCCC; } @media (max-width: 1150px) and (min-width: 900px) { .team-slider.content-slider > .next-prev { right: 1.2%; } } @media (max-width: 899px) and (min-width: 768px) { .team-slider.content-slider > .next-prev { right: 1.2%; } } .slider-center { overflow: hidden; max-width: 1110px; margin: 0 auto; position: relative; } @media (max-width: 380px) { .columns.portfolio.hp-recent-work.content-slider .slider-box { min-height: 200px; } } /* Lead Page ------------------------------------------ */ .lead-page { min-width: 252px; max-width: 350px; margin: 0 auto; padding-top: 60px; min-height: 460px; } .lead-page p.logo { margin-bottom: 30px; } .lead-page .newsletter-submit { border: 0; background: #70c14a; margin-bottom: 2px; color: #fff; text-transform: uppercase; height: 46px; line-height: 46px; font-weight: bold; padding: 0 21px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); } .lead-page .newsletter-submit:hover { background: #61B23B; } .lead-page .box-default { width: auto; min-width: 190px; } .lead-page .box-default h2 { color: #70c14a; font-size: 29px; line-height: 38px; letter-spacing: -0.02em; font-weight: bold; margin-bottom: 14px; } .lead-page .box-default h3 { color: #333; font-size: 19px; line-height: 28px; margin-bottom: 9px; } .lead-page .box-default .newsletter-widget p { margin-bottom: 7px; } .lead-page .box-default p.info { color: #999; font-size: 11px; line-height: 18px; margin-bottom: 0; margin-top: 15px; } .lead-page .box-default input.newsletter-email { width: 98%; } /* Selling Page ------------------------------------------ */ .box-default { padding: 26px 30px; } .wpcf7 .wpcf7-form>p { font-size: 13px; line-height: 30px; color: #444; font-weight: 600; padding: 0px; margin-top: 20px; overflow: hidden; vertical-align: middle; } .wpcf7 .wpcf7-form hr { margin: 20px 0 20px; } .box-default h2 { font-weight: bold; } .wpcf7 .wpcf7-form [type="submit"] { color: #FFFFFF; font-weight: 900; margin-bottom: 5px; letter-spacing: 0.005px; text-transform: uppercase; background: #70C14A; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.08); border: none; border-radius: 2px; height: 46px; padding: 0 21px; } .wpcf7 .wpcf7-form [type="submit"]:hover { background: #61b23b; } .wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="date"], .wpcf7 .wpcf7-form input[type="number"], .wpcf7 .wpcf7-form input[type="range"], .wpcf7 .wpcf7-form span.select, .wpcf7 .wpcf7-form span.file-input { width: 80%; max-width: 173px; float: right; } .wpcf7 .wpcf7-form span.file-input { padding-left: 0; padding-right: 0; max-width: 195px; } .wpcf7 .wpcf7-form span.your-message { width: 100%; max-width: 100%; } .wpcf7 .wpcf7-form textarea { margin-top: 5px; padding: 0; max-width: calc(100% - 4px); } .wpcf7 .wpcf7-form input[type="text"]:focus, .wpcf7 .wpcf7-form input[type="email"]:focus, .wpcf7 .wpcf7-form textarea:focus { border-color: #555; } .wpcf7 .wpcf7-form span.select { padding: 0 9px; font-weight: 400; height: 30px; } .wpcf7 .wpcf7-form span.select span.value { padding-right: 20px; } .wpcf7 .wpcf7-form span.file-input a.btn { height: 28px; color: #444; cursor: pointer; margin: 0; } .wpcf7 .wpcf7-form select { padding-top: 1px; padding-bottom: 1px; position: absolute; left: 0; } .wpcf7 .wpcf7-form span.acceptance { float: left; width: auto; } p.note-small { color: #999; font-size: 11px; line-height: 18px; margin-top: 15px; } .wpcf7 .wpcf7-form input.wpcf7-not-valid { border-color: #ed5946; } .wpcf7 .wpcf7-form span.wpcf7-not-valid-tip { font-size: 11px; line-height: 11px; color: #de4a37; float: right; padding-top: 7px; } .wpcf7 .wpcf7-form div.wpcf7-response-output { margin: 20px 0px; padding: 13px 10px 13px 47px; border: 0px none; background-repeat: no-repeat; background-position: 9px center; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.04) inset; border-radius: 3px; } .wpcf7 .wpcf7-form div.wpcf7-validation-errors { background-color: #ED5946; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error.png); color: #FFF; } .wpcf7 .wpcf7-form div.wpcf7-mail-sent-ok { background-color: #70C14A; background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success.png); color: #FFF; } .wpcf7 .wpcf7-form img.ajax-loader { width: auto; } .wpcf7 .wpcf7-form span.wpcf7-form-control-wrap { display: inline !important; } @media (max-width: 980px) { .wpcf7 .wpcf7-form span.wpcf7-form-control-wrap { width: 100%; max-width: 100%; display: block; float: right; padding: 0 0px; } .wpcf7 .wpcf7-form input[type="text"], .wpcf7 .wpcf7-form input[type="email"], .wpcf7 .wpcf7-form input[type="url"], .wpcf7 .wpcf7-form input[type="date"], .wpcf7 .wpcf7-form input[type="number"], .wpcf7 .wpcf7-form input[type="range"], .wpcf7 .wpcf7-form span.select { width: calc(100% - 22px); max-width: calc(100% - 22px); float: left; margin-top: 2px; } .wpcf7 .wpcf7-form span.file-input { width: 100%; max-width: 100%; float: left; padding-left: 0; padding-right: 0; margin-top: 2px; } .wpcf7 .wpcf7-form span.acceptance { float: left; width: auto; } } /* Misc ------------------------------------------ */ /* general */ .center { text-align: center; } .content .slider3 { box-shadow: none; } .gallery { } .gallery .gallery-item { display: inline-block; width: 150px; vertical-align: top; margin: 0 20px 20px 0; } .gallery .gallery-item .wp-caption-text { text-align: left; padding: 0; } .gallery-caption { position: static; } .bypostauthor { position: static; } .post-password-form label { float: left; margin: 0 10px 20px 0; } .post-password-form label input { margin-left: 7px; } .post-password-form input[type=submit] { border: 0; float: left; margin: 0 0 20px 0; background: #70c14a; color: #fff; text-transform: uppercase; font-weight: bold; padding: 7px 16px; } .post-password-form input[type=submit]:hover { background: #61B23B; } /* modern page */ .columns.larger-text h2 { font-size: 31px; line-height: 36px; letter-spacing: -0.015em; } .columns.larger-text p { font-size: 16px; line-height: 26px; } hr.hr-custom-1 { margin-top: 37px; margin-bottom: 51px; } /* homepage */ .custom-class-1 .slider3 { padding-top: 14px; } /* for background with opacity */ .custom-bg { height: 100%; width: 100%; position: absolute; right: 0; top: 0; } /* Pinterest widget */ h3.pinterest { padding-left: 25px; background-repeat: no-repeat; background-position: 0 50%; } .content aside h3.pinterest { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/pinterest2.png); } footer .widget h3.pinterest { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/pinterest.png); } /* basic scrollbar styling ------------------------------------------ */ /* vertical scrollbar */ .mCSB_container { width: auto; margin-right: 0; overflow: hidden; } .mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar { margin-right: 0; } .mCustomScrollBox>.mCSB_scrollTools { width: 16px; height: 100%; top: 0; right: 0; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a+.mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: relative; height: 20px; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { top: 100%; margin-top: -40px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container { height: auto; margin-right: 0; margin-bottom: 30px; overflow: hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-bottom: 0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools { width: 100%; height: 16px; top: auto; right: auto; bottom: 0; left: 0; overflow: hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer { margin: 0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail { width: 100%; height: 8px; margin: 0; border-radius: 10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger { width: 30px; height: 100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 0 auto; border-radius: 10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight { display: block; position: relative; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; float: left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight { margin-left: -40px; float: right; } .mCustomScrollBox { -ms-touch-action: none; /*MSPointer events - direct all pointer events to js*/ } /* default scrollbar colors and backgrounds (default theme) */ .mCSB_scrollTools .mCSB_draggerRail { background: #ebebeb; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #aeaeae; /* rgba fallback */ } /* images for retina and other hi-density screens */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { .social ul li a, ul.social li a { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/social@2x.png); background-size: 4000px 80px; } .p01 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern01@2x.png); background-size: 60px 60px; } .p02 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern01-white@2x.png); background-size: 60px 60px; } .p03 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern02@2x.png); background-size: 61px 106px; } .p04 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern02-white@2x.png); background-size: 61px 106px; } .p05 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern03@2x.png); background-size: 60px 70px; } .p06 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern03-white@2x.png); background-size: 60px 70px; } .p07 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern04@2x.png); background-size: 60px 104px; } .p08 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern04-white@2x.png); background-size: 60px 104px; } .p09 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern05@2x.png); background-size: 80px 90px; } .p10 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern05-white@2x.png); background-size: 80px 90px; } .p11 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern06@2x.png); background-size: 60px 104px; } .p12 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern06-white@2x.png); background-size: 60px 104px; } .p13 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern07@2x.png); background-size: 10px 10px; } .p14 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern07-white@2x.png); background-size: 10px 10px; } .p15 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern08@2x.png); background-size: 45px 90px; } .p16 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern08-white@2x.png); background-size: 45px 90px; } .p17 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern09@2x.png); background-size: 75px 75px; } .p18 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern09-white@2x.png); background-size: 75px 75px; } .p19 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern10@2x.png); background-size: 53px 10px; } .p20 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/patterns/pattern10-white@2x.png); background-size: 53px 10px; } .msg.success { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success@2x.png); background-size: 24px 24px; } .msg.error { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error@2x.png); background-size: 24px 24px; } .msg.info { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-info@2x.png); background-size: 24px 24px; } .msg.notice { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-notice@2x.png); background-size: 24px 24px; } .box.confirm h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success@2x.png); background-size: 24px 24px; } .box.alert h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error@2x.png); background-size: 24px 24px; } .box.info h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-info@2x.png); background-size: 24px 24px; } .box.warning h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-notice@2x.png); background-size: 24px 24px; } .box.confirm2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-success2@2x.png); background-size: 24px 24px; } .box.info2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-info2@2x.png); background-size: 24px 24px; } .box.alert2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-error2@2x.png); background-size: 24px 24px; } .box.warning2 h4 { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/msg-notice2@2x.png); background-size: 24px 24px; } a.go-top { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/go-top@2x.png); background-size: 19px 10px; } ul.tick li { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/tick@2x.png); background-size: 16px 16px; } .share-social .stButton .googleplus, .share-social .stButton .stMainServices { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/socia_ct@2x.png) !important; background-size: 77px 156px !important; } .share-social .stButton .stArrow { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/social_arrow@2x.png) !important; background-size: 5px 8px !important; } .postlist-blog .post .info-post > div .share-social em { background: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/ico_arrow_top@2x.png); background-size: 10px 6px; } .single .awaiting-post { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/awaiting@2x.png); background-size: 16px 16px; } .content aside h3.pinterest { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/pinterest2@2x.png); background-size: 16px 16px;} footer .widget h3.pinterest { background-image: url(//drivewaycleaningsussex.co.uk/wp-content/themes/template/images/pinterest@2x.png); background-size: 16px 16px;} }