/* Theme Name: Katthemmet vaxholm Theme URI: http://www.katthemmetvaxholm.se Author: Triggerfish Author URI: http://triggerfish.se/ Description: TF Template base theme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: TF Text Domain: tftemplate */ /*! * Bootstrap v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;} .clearfix:after{clear:both;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .thumbnails{margin-left:-50px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";line-height:0;} .thumbnails:after{clear:both;} .row-fluid .thumbnails{margin-left:0;} .thumbnails>li{float:left;margin-bottom:20px;margin-left:50px;} .thumbnail{ min-height:225px; height:auto !important; height:225px; display:block;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} a.thumbnail:hover,a.thumbnail:focus{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);} .thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;} .thumbnail .caption{padding:9px;color:#555555;} .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;} .input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} a:focus{outline:thin dotted #333;outline:5px auto; outline-offset:-2px;} a:hover,a:active{outline:0;} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;} #map_canvas img,.google-maps img{max-width:none;} button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;} button,input{*overflow:visible;line-height:normal;} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;} button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;} label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;} input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;} input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;} textarea{overflow:auto;vertical-align:top;} @media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:0.5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;}}.row{margin-left:-50px;*zoom:1;}.row:before,.row:after{display:table;content:"";line-height:0;} .row:after{clear:both;} [class*="span"]{float:left;min-height:1px;margin-left:50px;} .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1150px;} .span12{width:1150px;} .span11{width:1050px;} .span10{width:950px;} .span9{width:850px;} .span8{width:750px;} .span7{width:650px;} .span6{width:550px;} .span5{width:450px;} .span4{width:350px;} .span3{width:250px;} .span2{width:150px;} .span1{width:50px;} .offset12{margin-left:1250px;} .offset11{margin-left:1150px;} .offset10{margin-left:1050px;} .offset9{margin-left:950px;} .offset8{margin-left:850px;} .offset7{margin-left:750px;} .offset6{margin-left:650px;} .offset5{margin-left:550px;} .offset4{margin-left:450px;} .offset3{margin-left:350px;} .offset2{margin-left:250px;} .offset1{margin-left:150px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;} .row-fluid:after{clear:both;} .row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:4.3478260869565215%;*margin-left:4.304347826086956%;} .row-fluid [class*="span"]:first-child{margin-left:0;} .row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:4.3478260869565215%;} .row-fluid .span12{width:100%;*width:99.95652173913044%;} .row-fluid .span11{width:91.30434782608695%;*width:91.26086956521739%;} .row-fluid .span10{width:82.6086956521739%;*width:82.56521739130434%;} .row-fluid .span9{width:73.91304347826087%;*width:73.86956521739131%;} .row-fluid .span8{width:65.21739130434781%;*width:65.17391304347825%;} .row-fluid .span7{width:56.52173913043478%;*width:56.47826086956522%;} .row-fluid .span6{width:47.826086956521735%;*width:47.78260869565217%;} .row-fluid .span5{width:39.130434782608695%;*width:39.08695652173913%;} .row-fluid .span4{width:30.43478260869565%;*width:30.391304347826082%;} .row-fluid .span3{width:21.73913043478261%;*width:21.695652173913043%;} .row-fluid .span2{width:13.043478260869565%;*width:13%;} .row-fluid .span1{width:4.3478260869565215%;*width:4.304347826086956%;} .row-fluid .offset12{margin-left:108.69565217391305%;*margin-left:108.60869565217392%;} .row-fluid .offset12:first-child{margin-left:104.34782608695652%;*margin-left:104.26086956521739%;} .row-fluid .offset11{margin-left:100%;*margin-left:99.91304347826087%;} .row-fluid .offset11:first-child{margin-left:95.65217391304347%;*margin-left:95.56521739130434%;} .row-fluid .offset10{margin-left:91.30434782608695%;*margin-left:91.21739130434783%;} .row-fluid .offset10:first-child{margin-left:86.95652173913042%;*margin-left:86.8695652173913%;} .row-fluid .offset9{margin-left:82.60869565217392%;*margin-left:82.5217391304348%;} .row-fluid .offset9:first-child{margin-left:78.26086956521739%;*margin-left:78.17391304347827%;} .row-fluid .offset8{margin-left:73.91304347826086%;*margin-left:73.82608695652173%;} .row-fluid .offset8:first-child{margin-left:69.56521739130433%;*margin-left:69.4782608695652%;} .row-fluid .offset7{margin-left:65.21739130434783%;*margin-left:65.1304347826087%;} .row-fluid .offset7:first-child{margin-left:60.869565217391305%;*margin-left:60.78260869565218%;} .row-fluid .offset6{margin-left:56.52173913043478%;*margin-left:56.434782608695656%;} .row-fluid .offset6:first-child{margin-left:52.17391304347826%;*margin-left:52.08695652173913%;} .row-fluid .offset5{margin-left:47.826086956521735%;*margin-left:47.73913043478261%;} .row-fluid .offset5:first-child{margin-left:43.47826086956522%;*margin-left:43.39130434782609%;} .row-fluid .offset4{margin-left:39.13043478260869%;*margin-left:39.04347826086956%;} .row-fluid .offset4:first-child{margin-left:34.78260869565217%;*margin-left:34.69565217391304%;} .row-fluid .offset3{margin-left:30.434782608695652%;*margin-left:30.34782608695652%;} .row-fluid .offset3:first-child{margin-left:26.086956521739133%;*margin-left:25.999999999999996%;} .row-fluid .offset2{margin-left:21.73913043478261%;*margin-left:21.652173913043477%;} .row-fluid .offset2:first-child{margin-left:17.391304347826086%;*margin-left:17.304347826086957%;} .row-fluid .offset1{margin-left:13.043478260869565%;*margin-left:12.956521739130435%;} .row-fluid .offset1:first-child{margin-left:8.695652173913043%;*margin-left:8.608695652173912%;} [class*="span"].hide,.row-fluid [class*="span"].hide{display:none;} [class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;} .container{margin-right:auto;margin-left:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";line-height:0;} .container:after{clear:both;} .container-fluid{padding-right:50px;padding-left:50px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";line-height:0;} .container-fluid:after{clear:both;} @media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px;} .container-fluid{padding:0;} .dl-horizontal dt{float:none;clear:none;width:auto;text-align:left;} .dl-horizontal dd{margin-left:0;} .container{width:auto;} .row-fluid{width:100%;} .row,.thumbnails{margin-left:0;} .thumbnails>li{float:none;margin-left:0;} [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row-fluid [class*="offset"]:first-child{margin-left:0;} .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto;} .controls-row [class*="span"]+[class*="span"]{margin-left:0;} .modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0;}.modal.fade{top:-100px;} .modal.fade.in{top:20px;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:20px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px;} .media-object{margin-right:0;margin-left:0;} .modal{top:10px;left:10px;right:10px;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}} /* = Helper/resets ---------------------- */ .left, .alignleft { float:left; } .right, .alignright { float:right; } .clearer { clear:both; height:1px; } .flexslider ul, .thumbnails, .flex-control-nav, #search-needs, #colophon ul, .menu, ul.gform_fields, #masthead ul, .flex-direction-nav, #search-atts, .flex-viewport ul, .news-list, .widget_archive ul, .sub-menu { margin:0; padding:0; list-style-type:none; } .block { display:block; } .hidden { display:none; } .inline-block, .red-button { display:inline-block; *display:inline; zoom:1; } .relative { position:relative; } .rounded, #cart-msg, .wp-pagenavi a, #headersearch, #commentform input[type=text], .faq a.toggle, #commentform textarea, .comment-reply-link, img.avatar, .commentlist li, .form-submit input[type=submit], .gform_button, .wp-pagenavi .current, .box, .box-red a, .red-button, .two-columns a, .submenu li a, .widget_archive a, .widget_tag_cloud {-webkit-border-radius: 5px; border-radius: 5px; } .rounded-bottom { -webkit-border-radius: 0px 0 5px 5px; border-radius: 0px 0 5px 5px; } .bg-trans, .share-now, .checkout-btn, .box-red a, #bring-the-cats, .donate-now, .share-now .red-button, .two-columns a, .gform_button, .form-submit input[type=submit] { -moz-transition: 0.2s background linear; -webkit-transition: 0.2s background linear; transition: 0.2s background linear; } .trans-all { -moz-transition: 0.2s all linear; -webkit-transition: 0.2s all linear; transition: 0.2s all linear; } .container-fluid { padding:0; } .center { text-align:center; } .push-bottom { margin:0 0 40px 0; } .no-margin { margin:0; } .capitalize, .widget_archive a { text-transform: capitalize; } /* = Structure ---------------------- */ html, body { width:100%; } body { width:100%; margin:0; font: 15px/21px 'Lato', Arial, sans-serif; color: #44413c; background:#f5f1e9; } .subpage { padding:40px 0; } /* = Header ---------------------- */ #masthead { padding:40px 0; background:#fff; position:relative; } #search { display:block; height:17px; width:17px; padding:10px; margin:2px 0 0 30px; float:right; background:url('images/sprite.png') -88px -225px no-repeat; } #headersearch { width:250px; position:absolute; top:-20px; right:0; background:#F5F1E9; } #headersearch input { background-color:#f9f9f9; } /* = Navigation ------------------ */ #site-navigation { float:right; margin-top:45px; } #site-navigation li { float:left; margin-left:20px; } #site-navigation li a { font-size:18px; line-height:20px; color:#44413c; } #site-navigation li.current-menu-item a, #site-navigation li.current-menu-parent a, #site-navigation li a:hover, #site-navigation li.current-menu-ancestor a, .single-k_cats #site-navigation li.menu-item-21 a, .single-k_products #site-navigation li.menu-item-2789 a, .page-template-template-checkout-php #site-navigation li.menu-item-2789 a { color:#da7851;} .submenu, .widget_archive, .gform_wrapper { margin-bottom:30px; } .submenu li, .widget_archive li { margin-bottom:3px; } .submenu li a, .widget_archive a { background:#fff; display:block; padding:10px 20px; color:#44413c; font-size:17px; } .submenu li a:hover, .widget_archive a:hover { color:#da7851; } .submenu li.current-menu-item a, .submenu li.current-menu-ancestor a, .submenu li.current-menu-parent a { background:#da7851; color:#fff; } .submenu .sub-menu { margin:10px 0; display:none; } .submenu .sub-menu li { } .submenu .sub-menu li a { padding:0; margin-left:20px; color:#44413c; background:none; display:inline; font-size:14px; line-height:20px; } .submenu .sub-menu li.current-menu-item a, .submenu .sub-menu li a:hover { color:#da7851; } .submenu li.current-menu-ancestor .sub-menu, .submenu li.current-menu-item .sub-menu { display:block; } /* = Footer ------------------ */ #colophon { background:#44413c; padding:40px 0; color:#c4beb3; font-size:14px; line-height:20px; } #colophon h3 { color:#c4beb3; line-height:40px; } #colophon a { font-weight:bold; color:#f5f1e9; } /* = Headers ---------------------- */ h1, h2, h3, h4, h5 { margin: 0 0 15px 0; color: #44413c; font-weight:300; } h1 { font-size:45px; line-height:55px; } h2 { font-size:30px; line-height:38px; margin:0 0 5px 0; } h3 { font-size:20px; line-height:26px; margin:0 0 5px 0; } h2.news { background:url('images/sprite.png') 0 -426px no-repeat; padding-left:45px; margin:0 0 20px 0; } h2.blog { background:url('images/sprite.png') 0 -517px no-repeat; padding-left:45px; margin:0 0 20px 0; } h3.facebook, .widget_rss h3 { background:url('images/sprite.png') 0 -298px no-repeat; padding-left:45px; } h3.info { background:url('images/sprite.png') 0 -631px no-repeat; padding-left:50px; color:#fffffe; font-size:27px; line-height:35px; } h3.sponsor { background:url('images/sprite.png') 0 -715px no-repeat; padding-left:50px; color:#fffffe !important; font-size:27px !important; line-height:35px !important; } .widget_rss h3 img { display:none; } .widget_rss h3 a { font-weight:300 !important; color:#C4BEB3 !important; } .widget_rss .rsswidget { font-weight:400 !important; color:#C4BEB3 !important; } .widget_archive .screen-reader-text { display:none; } /* = Frontpage ---------------------- */ #front-slideshow { position:relative; height:400px; } #front-slideshow .slides > li { position:relative; height:400px; } #front-slideshow img { width:100%; } #front-slideshow .content-wrapper { position:absolute; top:15%; left:0; width:100%; } #front-slideshow .front-text { width:660px; font-size:42px; line-height:52px; color:#fff; font-weight:300; } #front-slideshow .bubble-text { text-align:center; font-weight:300; background:#da7851; width:160px; height:160px; position:absolute; top:0; right:0; font-size:25px; color:#fff; line-height:35px; padding:20px; -webkit-border-radius: 500px; border-radius: 500px; } #slide-controller { position:absolute; bottom:40px; left:0; width:100%; } #front-slideshow .flex-control-nav li { float:left; margin-right:20px; } #front-slideshow .flex-control-nav li a { cursor:pointer; text-indent:-9999px; -webkit-border-radius: 3px; border-radius: 3px; background:#44413c; opacity:0.25; display:block; width:23px; height:23px; } #front-slideshow .flex-control-nav li a:hover { opacity:0.4; } #front-slideshow .flex-control-nav li a.flex-active { opacity:0.55; } #front-cats { padding:30px 0; overflow:hidden; } #front-cats h2 { margin:0 0 25px 0; } .catslider { position:relative; height:150px; } .catslider .slides li { margin-right:50px; } .catslider .slides li a, .thumbnails a, .product-image { height:150px; width:250px; position:relative; display:block; overflow:hidden; } .catslider .slides li a .mask, .thumbnails a .mask, .product-image .mask { cursor:pointer; z-index:10; color: #fff; display: block; top: 0; left: 0; width: 250px; height: 120px; opacity: 0; background:url('images/sprite.png') -856px 56px no-repeat; background-color: rgba(218,120,81, 0.6); transition: all 0.2s linear; position: absolute; overflow: hidden; *display:none !important; } .catslider .slides li a:hover .mask, .thumbnails a:hover .mask, .product-image:hover .mask { opacity:1; } .catslider .slides li .name, .thumbnails a .name { cursor:pointer; z-index:11; position:absolute; bottom:0; left:0; font-size:18px; color:#fff; height:30px; width:100%; line-height:28px; padding-left:10px; background-color: rgba(218,120,81, 0.6) } .catslider .flex-control-nav { display:none; } .flex-direction-nav a { opacity:1; display:block; width:65px; height:65px; position:absolute; top:43px; text-indent:-9999px; } .flex-direction-nav a:hover { opacity:0.8; } .flex-prev { background:url('images/sprite.png') 0 -180px no-repeat; left:-95px; } .flex-next { background:url('images/sprite.png') 0 -96px no-repeat; right:-95px; } .two-columns { padding:60px 0; background:url('images/two-columns-bg.jpg') top center repeat-y; } .two-columns .icon-holder { margin-right:30px; width:100px; height:100px; float:left; } .two-columns .text-holder { } .news-list a { font-size:20px; line-height:26px; color:#44413c; } .news-list .date { display:block; font-weight:300; font-size:13px; line-height:17px; color:#44413c; margin:5px 0 20px 0; } ul.news-list .addthis_toolbox { display:none !important; } /* = Page ---------------------- */ .list-row { padding:40px 0; } .list-row.first { padding:0 0 40px 0; } .border, .border-first { height:1px; background:#e6e0d5; clear:both; width:850px; } .border:last-child { height:0; } .border-first { margin:20px 0 40px 0; } /* = News/Blog ---------------------- */ .widget_tag_cloud a { color:#fff; } .date { } /* = Employees ---------------------- */ .employee .thumbnail { min-height: 250px; } .employee .image-container { background:#EBE7DC; margin-bottom:10px; } .employee .name, .employee .title, .employee .phone { display:block;} .employee .name { font-size:18px; line-height:25px; } .employee .title { font-style:italic; font-size:13px; } .employee a { display:inline; } /* = Single Cat View ---------------------- */ .box-orange { background:#da7851; padding:30px; margin-bottom:20px; } .info-table { border-collapse: collapse; border-spacing: 0; color:#fffffe; } .info-table th { padding:5px 50px 5px 0; } .info-table td { padding:5px 0 5px 0; } .info-table th, .info-table td { vertical-align: top; text-align:left; } #slider { position:relative; margin-bottom:10px; } #carousel { margin-bottom:30px; } #carousel li { margin-right:10px; cursor:pointer; opacity:0.8; } #carousel li.flex-active-slide { opacity:1; } .cat-gallery .flex-direction-nav a { opacity:1; display:block; width:65px; height:65px; position:absolute; top:118px; text-indent:-9999px; } .cat-gallery .flex-direction-nav a:hover { opacity:0.8; } .cat-gallery .flex-prev { background:url('images/sprite.png') 0 -180px no-repeat; left:20px; } .cat-gallery .flex-next { background:url('images/sprite.png') 0 -96px no-repeat; right:20px; } #send-interest { display:block; background:#48838c url('images/sprite.png') -963px -374px no-repeat; font-size:26px; color:#f5f1e9; font-weight:300; padding:20px 55px; } #send-interest:hover { background:#3E7780 url('images/sprite.png') -963px -374px no-repeat; } /* = Search ---------------------- */ #sidebar-search, #searchform { margin-bottom:20px; overflow:hidden; } #catsearch, #s, #headerinput {-webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; display:block; height:53px; line-height:53px; width:157px; padding:0 20px; border:0; float:left; } #catsubmit, #headersubmit, #searchsubmit { -webkit-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;float:right; background:#fff url('images/sprite.png') -80px -217px no-repeat; border:0; text-indent:-9999px; display:block; height:53px; width:53px; } #search-atts { margin:10px 0; } #search-atts li { margin-bottom:10px; } #search-atts li a { color:#44413c; background:url('images/sprite.png') -968px -276px no-repeat; padding-left:50px; width:0px; display:block; height:32px; line-height:32px; } #search-atts li a.active { background:url('images/sprite.png') -968px -318px no-repeat; } .search-container { width:250px; float:right; } .cat-search #cat-month, .cat-search #cat-year, form.cat-archive #search-atts, form.cat-archive .advanced-search-btn { display:none; } .advanced-search #search-atts { overflow:hidden; } .advanced-search #search-atts li { float:left; width:170px; } .advanced-search #search-atts li:last-child { margin:0; } .advanced-search #search-atts li a { padding-left:40px; } .advanced-search .advanced-search-btn { margin-top:13px; position:relative; color:#da7851; line-height:27px; float:left; display:block; padding-right:35px; } .advanced-search .advanced-search-btn span { position:absolute; top:0; right:0; display:block; height:28px; width:28px; } .advanced-search .max span { background:url('images/sprite.png') -531px 0 no-repeat; } .advanced-search .min span { background:url('images/sprite.png') -595px 0 no-repeat; } .advanced-search-atts { display:none; } .advanced-search select { width:250px; border:none; padding:15px 20px; margin-right:50px; float:left; } #search-needs { } #search-needs li { line-height:30px; float:left; padding:20px 0; text-align:center; width:120px; } #search-needs .search-need { display:block; height:42px; width:33px; margin:0 auto; } #search-needs .alonecat { background:url('images/icon-search.png') 0 0 no-repeat; } #search-needs .insidecat { background:url('images/icon-search.png') 0 -61px no-repeat; } #search-needs .extralove { background:url('images/icon-search.png') 0 -121px no-repeat; } #search-needs .kitten { background:url('images/icon-search.png') 0 -182px no-repeat; } #search-needs .needfriend { background:url('images/icon-search.png') 0 -241px no-repeat; } #search-needs .seniorcat { background:url('images/icon-search.png') 0 -301px no-repeat; } #search-needs .outdoorcat { background:url('images/icon-search.png') 0 -360px no-repeat; } #search-needs .extracare { background:url('images/icon-search.png') 0 -420px no-repeat; } #search-needs a { text-indent:-9999px; display:block; margin:0 auto; height:32px; width:32px; background:url('images/sprite.png') -968px -276px no-repeat; } #search-needs a.active { background:url('images/sprite.png') -968px -318px no-repeat; } .thumbnails { margin:0 0 0 -50px; } .thumbnails .mini-content { padding:10px 0 0 25px; position:relative; } .page-id-77 .thumbnails .mini-content.no-icon { padding:10px 0 0 25px; position:relative; } .thumbnails .no-icon { padding:10px 0 0 0; } /* = Misc ---------------------- */ img { vertical-align: bottom; } a { outline:none; text-decoration: none; -moz-transition: 0.2s color linear; -webkit-transition: 0.2s color linear; transition: 0.2s color linear; color:#DA7851; } .normal-link { color:#DA7851 !important; font-size:15px !important; line-height:21px !important; } p { margin:0 0 20px 0; } .ingress { font-size:23px; line-height:33px; color:#a07269; } .entry-content ul { margin:0 0 20px 0; padding:0 0 0 17px; } .entry-content ul li { padding-bottom:10px; } .black { color:#44413C; } .orange { color:#DA7851; } img.wp-smiley { margin-top:3px; vertical-align:top !important; } .ingress img.wp-smiley { margin-top:-3px; vertical-align:middle !important; } em.sponsor { font-size:20px; line-height:30px; } .red-button, .two-columns a { background:#a07269; font-weight:bold; color:#fff; padding:8px 15px; margin:5px 0; } .red-button:hover, .two-columns a:hover { background:#8f5f56; } .orange { color:#DA7851; } .blue { color:#48838C; } .red { color:#A07269; } #bring-the-cats, .gform_button, .form-submit input[type=submit], .orange-button { background:#da7851; color:#fff; display:block; width:150px; text-align:center; margin:0 auto; padding:10px 0; } #bring-the-cats:hover, .gform_button:hover, .form-submit input[type=submit]:hover, .orange-button:hover { background:#c56b48; } .orange-button { display:inline-block; *display:inline; *zoom:1; width:auto; padding:10px 15px; } .blue-button { text-align:center; display:inline-block; *display:inline; *zoom:1; width:auto; padding:10px 15px; color:#fff; font-weight:bold; background:#48838C;} .blue-button:hover { background:#3E7780; } .small { padding:7px 15px; } .box { overflow:hidden; } .box-red { background:#a07269; padding:30px; color:#fff; margin-bottom:20px; } .box-red h3 { font-size:25px; line-height:36px; color:#f5f1e9; margin-bottom:10px; } .box-red a { text-align:center; display:block; color:#fff; padding:8px 15px; font-weight:bold; background:#92645b; } .box-red a:hover { background:#83564e; } .box-blue, .widget_tag_cloud { background:#48838c; padding:30px; color:#fff; margin-bottom:30px; } .box-blue h3, .widget_tag_cloud h3 { font-size:25px; line-height:36px; color:#fff; margin-bottom:10px; } .box-blue a.donate-now, a.share-now, .box-blue .inner-border > a { text-align:center; display:block; color:#fff; padding:8px 15px; font-weight:bold; background:#3e7780; } .box-blue a.donate-now:hover, a.share-now:hover, .box-blue .inner-border > a:hover { background:#73bec4; } .share-wrapper { opacity:0; width:300px; height:72px; display:none; position:absolute; left:7px; bottom:-15px; } .share-wrapper .addthis_toolbox { margin:0; } .post-share .share-wrapper { left:-119px; } .arrow_box { position: relative; background: #F5F1E9; padding:20px; } .post-share .arrow_box { background:#3E7780; } .arrow_box:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(245, 241, 233, 0); border-top-color: #F5F1E9; border-width: 15px; left: 50%; margin-left: -15px; } .post-share .arrow_box:after { border-color: rgba(62, 119, 128,0) ; border-top-color:#3E7780; } .post-share .share-now { background:#48838C !important; } .post-share .share-now:hover { background:#3E7780 !important; } .donate-now { cursor:pointer; float:left; margin-right:20px; } .share-now { cursor:pointer; float:left; } .comment-button { margin-left:30px; display:block; padding:8px 15px; background:#A07269; text-align:center; font-weight:bold; color:#fff; } .comment-button:hover { background:#92645B; } .thumbnail .icon-9 { position:absolute; top:10px; left:0; display:block; height:24px; width:18px; background:url('images/sprite.png') -217px -164px no-repeat; } .thumbnail .icon-10 { position:absolute; top:10px; left:0; display:block; height:18px; width:18px; background:url('images/sprite.png') -217px -115px no-repeat; } .icon-booked { position:absolute; top:10px; left:0; display:block; height:18px; width:18px; background:url('images/sprite.png') -96px -170px no-repeat; } .icon-unbooked { position:absolute; top:10px; left:0; display:block; height:18px; width:18px; } span.booked { display:block; padding-left:25px; background:url('images/sprite.png') -96px -170px no-repeat; margin-bottom:20px; width:60px; } span.unbooked { display:block; padding-left:25px; background:url('images/sprite.png') -96px -112px no-repeat; margin-bottom:20px; } span.icon-9 { display:block; margin-bottom:20px; padding-left:25px; background:url('images/sprite.png') -217px -164px no-repeat; } span.icon-10 { display:block; margin-bottom:20px; padding-left:25px; background:url('images/sprite.png') -217px -115px no-repeat; } .need { position:relative; cursor:pointer; float:left; display:block; width:24px; height:30px; margin:0 20px 20px 0; } .need .popup { position:absolute; bottom:40px; left:50%; margin-left:-66px; display:none; line-height:60px; color:#44413c; width:135px; height:68px; text-align:center; background:url('images/sprite.png') -316px 0 no-repeat; } .icon-needfriend { background:url('images/icon-needs.png') 0 -239px no-repeat; } .icon-outdoorcat { background:url('images/icon-needs.png') 0 -199px no-repeat; } .icon-alonecat { background:url('images/icon-needs.png') 0 -279px no-repeat; } .icon-insidecat { background:url('images/icon-needs.png') 0 -159px no-repeat; } .icon-extralove { background:url('images/icon-needs.png') 0 -39px no-repeat; } .icon-kitten { background:url('images/icon-needs.png') 0 -79px no-repeat; } .icon-seniorcat { background:url('images/icon-needs.png') 0 -119px no-repeat; } .icon-extracare { background:url('images/icon-needs.png') 0 0px no-repeat; } .icon-calender { display:block; width:48px; height:49px; background:url('images/sprite.png') -322px -98px no-repeat; margin:0 auto 10px auto; } .icon-info { display:block; width:48px; height:49px; background:url('images/sprite.png') -372px -98px no-repeat; margin:0 auto 10px auto; } .icon-mail { display:block; width:48px; height:49px; background:url('images/sprite.png') -423px -98px no-repeat; margin:0 auto 10px auto; } .icon-heart { display:block; width:49px; height:49px; background:url('images/sprite.png') -485px -98px no-repeat; margin:0 auto 10px auto; } /* = Pagination ---------------------- */ .wp-pagenavi { margin:30px 0; } .wp-pagenavi .pages { display:none; } .wp-pagenavi a, .wp-pagenavi .current { color:#44413C; background:#fff; border:0; display:inline-block; *display:inline; zoom:1; padding:7px 14px; margin-right:5px; } .wp-pagenavi .current, .wp-pagenavi a:hover { color:#DA7851; } /* = Addthis ---------------------- */ .addthis_toolbox{ margin-bottom:20px; } /* = Gravity Forms/ Forms elements ---------------------- */ .validation_error, .validation_message { display:none; } .gform_fields { margin:0 !important; padding:0 !important; } .gform_button { border:none; margin:0 !important; } .gfield_label { font-size:20px; line-height:26px; font-weight:300; color:#44413C; display:block; margin:0 0 5px 0; } .gfield ul { list-style-type:none; margin:0; padding:0; } .gfield_checkbox { overflow:hidden; } .gfield_checkbox li { float:left; margin-right:15px; padding:0; } .gfield_checkbox li input { margin-right:5px; } .gfield { padding: 0 0 10px 0 !important; } .gfield input[type=text], .gfield textarea, .gfield select, .widget_archive select { border: 0 none; border-radius: 5px; display: block; padding: 12px 20px; width: 350px; font: 15px/21px 'Lato', Arial, sans-serif; color: #44413c; } .gfield textarea { height:120px; resize:none; padding:20px; } .gfield select { width:390px; } .gfield_error input[type=text], .gfield_error textarea { background:#f68b8b; color:#fff; } .widget_archive select { width:100%; } /* = Comments ---------------------- */ .nocomments, .comment-notes { font-style: italic; color: #666; } .comment-awaiting-moderation { font-size: 12px; font-weight: 700; } .form-allowed-tags { display: none; } #commentform label { margin-right: 10px; width: 100px; display: inline-block; *display: inline; zoom: 1; } .commentlist { padding:0; list-style-type:none; margin: 30px 0; font-size: 14px; line-height: 18px; } .commentlist li { background: #EBE7DC; padding: 20px 20px 10px 20px; margin: 0 0 20px 0; position: relative; list-style: none; } .commentlist li.odd { background:#E7E0D6; } .commentlist li ul { margin: 20px 0; } .commentlist li ul li.odd, .commentlist li ul li.even { background: #E7E0D6; } .commentlist li ul ul { margin: 20px 0; } .commentlist li ul ul li.odd, .commentlist li ul ul li.even { background: #EBE7DC; } img.avatar { float: left; margin: 0 20px 10px 0; } .comment-reply-link { position: absolute; top: 20px; right: 20px; background: #fff; font-weight: 700; font-size: 12px; padding: 3px 10px; display: inline-block; *display: inline; zoom: 1; } .comment-content { margin: 5px 50px 0 0; } .page-template-guestbook-php #comments-title { display: none; } #commentform input[type=text],#commentform textarea { border:none; resize:none; padding:10px; width:90%; display:block; } #commentform input[type=text] { width:50%; height:41px; line-height:41px; padding:0 10px; } .form-submit input[type=submit] { border:none; float:left; } /* = FAQ ---------------------- */ .faq { margin-bottom:30px; list-style-type:none; margin:0 0 30px 0; padding:0; } .faq a.toggle { margin:0 0 10px 0; position:relative; cursor:pointer; background:#EBE7DC; display:block; padding:15px 40px 15px 20px; } .faq a.toggle h3 { margin:0; } .faq a.toggle:hover { background:#E7E0D6; } .faq a.active { background:#DA7851 !important; } .faq a.active h3 { color:#fff !important; } .faq a .expand { display:block; height:27px; width:27px; position:absolute; right:20px; top:50%; margin-top:-13px; } .faq a .expand { background:url('images/sprite.png') -532px 0 no-repeat; } .faq a.active .expand { background:url('images/sprite.png') -596px 0 no-repeat; } .faq .answer { display:none; padding:5px 20px 0 20px; } /* = Products ---------------------- */ .product-item { margin-bottom:50px; position:relative; min-height:225px; } .product-item h3 { width:160px; word-wrap: break-word; float:left; } .product-item .product-image { margin-bottom:5px; } .price { line-height:26px; font-size:20px; font-weight:300; } .single-price { line-height:35px; font-size:25px; font-weight:300; margin-right:10px; } .shipping { font-size:16px; color:#44413C; margin-right:10px; line-height:37px; } .product-item .small { position:absolute; bottom:0; right:0; } .featured-product-image { margin-bottom: 10px; } .product-image .mask { height:150px; } /* Cart in header */ a.cart-headline { padding: 10px 12px 0; } #cart-wrapper { position: absolute; top: -20px; right: 0; } #cart { padding: 10px; background: #f9f9f9; } #lean_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; background: #000; display: none; } #cart-msg { width: 400px; padding: 30px; display:none; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); -moz-box-shadow: 0 0px 10px rgba(0,0,0,0.4); position: relative; text-align: center; } #cart-msg h2 { padding-top:50px; font-size: 27px; background: url('images/sprite.png') 184px -875px no-repeat; } #cart-msg a { text-align: center; margin: 10px 0; } .close-button { margin:0 !important; display:block; width:12px; height:12px; text-indent:-9999px; position:absolute; top:20px; right:20px; background: url('images/sprite.png') -989px -860px no-repeat; } /* Checkout */ .simpleCart_increment, .simpleCart_decrement { background: #fff; display: inline-block; padding: 3px 10px; border-radius: 5px; } .simpleCart_increment:hover, .simpleCart_decrement:hover { opacity: 0.9; } #register table { width: 100%; } #register table td, #register table th { padding: 10px 5px; border-bottom: 1px #E6E0D5 solid; } #register table th { text-align: left; } #register table td.item-thumb { padding-left: 0; } #register table td.item-remove { padding-right: 0; text-align: right; } #register table td.item-thumb img { max-width: 150px; } #register table .item-boxid { display: none; } #register table .item-total { text-align: right; } #register table td.item-quantity { text-align: center; font-size: 16px; } .order-extra-fields { margin: 0 0 20px; } .order-extra-fields h2 { margin: 0 0 20px; } #grand-total { font-size: 25px; line-height: 30px; margin: 20px 0 0; } #grand-total table { width:100%; border-collapse: collapse; border-spacing: 0; } #grand-total table td { border:none !important; padding:0; } #grand-total table td.last { text-align:right; padding-left:15px; } .checkout-btn[disabled="disabled"] { background:#eee; cursor: default; } .shop-msg { margin: 40px 0 0; background: #fff; padding: 20px; } #error { color: #c64a3e; display: none; } .order-extra-fields input[type="text"], .order-extra-fields input[type="email"], #checkout_message { outline: none; border: 0; background: #eee; border-radius: 5px; padding: 10px; height: 25px; font: 15px/21px 'Lato', Arial, sans-serif; color: #44413c; } .form-col input { width: 95%; } .form-col.col-first input { width: 96%; } #checkout_message { width: 96%; resize: none; min-height: 200px; } .order-extra-fields input[type="text"]#checkout_zip { width: 110px; margin: 0 20px 0 0; } .order-extra-fields input[type="text"]#checkout_city { width: 210px; } .order-extra-fields input[type="text"].contains-errors, .order-extra-fields input[type="email"].contains-errors { background: #eeaeae; } .order-extra-fields input[type="text"]:focus, .order-extra-fields input[type="email"]:focus, #checkout_message:focus { background: #dedede; } .order-extra-fields .field { margin: 0 0 20px; } .form-col { float: left; width: 388px; margin-left: 20px; } .form-col.col-first { margin-left: 0; width: 390px; } #register table .item-shipping { display: none; } .box-cart .item-thumb, .box-cart .item-boxid, .box-cart .item-decrement, .box-cart .item-increment, .box-cart .item-shipping, .box-cart .item-link, .box-cart .item-price, .box-cart th { display: none; } .box-white { margin-bottom: 20px; padding: 20px; background: #fff; } .box-white h2 { font-size:24px; border-bottom: 1px #f5f1e9 solid; margin: -10px -20px 10px; padding: 0 20px 10px 50px; background: url('images/sprite.png') -960px -971px no-repeat; } .box-white .cart-total a { text-align: center; display: block; color: #fff; padding: 8px 15px; font-weight: bold; background: #48838c; text-transform: uppercase; margin-top: 20px; } .box-white .cart-total a:hover { background: #3b6b72; } .cart-total { margin: 10px -20px 0; padding: 20px 20px 0; border-top: 1px #f5f1e9 solid; } .mini-cart-total { font-size: 26px; line-height: 30px; text-align: right; } .mini-cart-total .simpleCart_total { font-weight: bold; } .box-cart table { width: 100%; font-size: 14px; } .box-cart table td { white-space: nowrap; vertical-align: top; } .box-cart table td.item-name { width: 45%; white-space: normal; } .box-cart .item-remove a { display: block; width: 10px; height: 12px; margin-top: 5px; text-indent: -9999px; background: url('images/sprite.png') -990px -860px no-repeat; }