/* Theme Name: Divi Child Theme Theme URI: http://www.elegantthemes.com/gallery/divi/ Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme. Author: Brad Dalton http://wpsites.net Template: Divi */ @import url("../Divi/style.css"); @import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One); @font-face { font-family: 'aller_lightregular'; src: url('fonts/aller_lt-webfont.eot'); src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_lt-webfont.woff') format('woff'), url('fonts/aller_lt-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'aller_displayregular'; src: url('fonts/allerdisplay-webfont.eot'); src: url('fonts/allerdisplay-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/allerdisplay-webfont.woff') format('woff'), url('fonts/allerdisplay-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'aller_lightitalic'; src: url('fonts/aller_ltit-webfont.eot'); src: url('fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_ltit-webfont.woff') format('woff'), url('fonts/aller_ltit-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerbold'; src: url('fonts/aller_bd-webfont.eot'); src: url('fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_bd-webfont.woff') format('woff'), url('fonts/aller_bd-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerbold_italic'; src: url('fonts/aller_bdit-webfont.eot'); src: url('fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_bdit-webfont.woff') format('woff'), url('fonts/aller_bdit-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'allerregular'; src: url('fonts/aller_rg-webfont.eot'); src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/aller_rg-webfont.woff') format('woff'), url('fonts/aller_rg-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .srp-content-box .srp-post-stringbreak-link {display: none;} .ult_exp_section {background: rgba(234, 234, 234, 0.45) !important; font-family: 'Alfa Slab One' !important; color: #145386 !important} .ult_exp_content {background: #fafafa !important;} .ult_exp_content li {text-align: left; line-height: 1.3em, padding-bottom: 10px;} /* BLUE LARGE LINK with WHITE ON HOVER, FIXED WIDTH */ a.spcala-bluelink:link, a.spcala-bluelink:visited { display: block; text-decoration: none; font-family: "allerbold"; background-color: #0661a7; font-size: 18px; text-align: center; color: #fff; padding: 10px; } a.spcala-bluelink:hover {background-color: #fff; border: #0661a7 1px solid; color: #0661a7; } /* POST TYPE STYLES */ .page .entry-content h1 { clear: none; font: 36px allerbold_italic; color: #0061aa; display: block; width: 100%; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #0061aa; margin-top: 0px; border-top: 1px solid #0061aa; float: left; text-transform: inherit } .wp-caption {padding-top: 8px;} /* PRESS RELEASE STYLES */ .single-press-release h2, .single-press-release h3, .single-press-release h4, .single-press-release h5, .single-press-release h6 {font-family: allerbold_italic; line-height: 1.5em} .single-press-release h1.entry-title { clear: none; font: 36px allerbold_italic; color: #0061aa; display: block; padding-top: 20px; padding-bottom: 8px; border-bottom: 2px solid #0061aa; margin-top: 0px; text-transform: inherit; } .single-press-release .post-meta {display: none;} /* FOUR BOXES BELOW SLIDER STYLE */ #linkbox a:link, #linkbox a:visited { background: #0b5b8d url(/wp-content/uploads/2016/06/bg_linkboxes.jpg) no-repeat center top; text-align: center; height: inherit; width: inherit; display: table-cell; text-decoration: none; font-family: "Alfa Slab One"; font-weight: normal; font-size: 22px; line-height: 28px; color: #fff; vertical-align: middle; padding-left: 5px; padding-right: 5px; margin:auto; } #linkbox a:hover { opacity: 0.6; filter: alpha(opacity=60); } #linkbox p {display: table; max-width: 200px; width: 100%; height: 163px; margin: auto;} /* NEW HEADER STYLES */ span.logo_helper {height: auto} h2.site-description { text-align: center; display: block; max-width: 550px; width : 100%; margin: auto; color: #000; font: bold 9pt aller_lightregular; letter-spacing: 2px;} #et-top-navigation .et-cart-info {display: none} .et_mobile_menu li a { padding: 4px 2%;} .et_header_style_centered #top-menu > li > a {font-weight: 800} #top-menu li a {padding: 10px; line-height: 1.3em; padding-bottom: 10px !important;} #top-menu li a:hover { background: #0061aa; color: #fff !important; opacity: 1 !important; } #top-menu li.current-menu-item > a {background: #115587; color: #fff !important; opacity: 1 !important;} #top-menu li.current-menu-ancestor > a {color: #000} #top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {top: 10px; right: 4px;} .nav li ul {padding: 0px;} #top-menu li li {width: 100%; padding-left: 0px; padding-right: 0px;} #top-menu li li a { width: 100%; padding: 8px 15px; font-size: 12px; line-height: 1.5em; color: #0061aa; font-weight: normal; border-bottom: 1px solid #bdbdbd;} #top-menu li li a:hover {background: #0061aa; color: #fff; opacity: 1} /* NEW FOOTER STYLES */ .et_pb_gutters3 .footer-widget { margin: 0 2.5% 2.5% 0;} #footer-widgets { padding: 2% 0 0;} #main-footer {background: url('/wp-content/uploads/2016/06/bg_footer_tile.jpg') repeat-x bottom; } #black-studio-tinymce-5 {width: 100%} #black-studio-tinymce-4 {width: 27%} #footer-info {float: none; text-align: center} #footer-bottom .container {text-align: center;} #footer-widgets h4.title {display: none} .footer-widget .right-side { width: 180px; float: right; margin-right: 40px; } .footer-widget .title-box { border-bottom: 2px solid #404040; font-family: "Alfa Slab One"; font-size: 35px; color: #0661a7; line-height: 40px; margin-top: 16px; } .footer-widget .date-box { font-family: "aller_lightregular"; font-size: 20px; color: #0661a7; margin-top: 5px; margin-bottom: 15px; } .footer-widget .title-box .italic-style { font-family: "aller_lightitalic"; font-size: 28px; color: #0661a7 } .footer-widget:nth-child(odd) img { padding: 0px; width: auto; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 8px; height: 100%; max-height: 180px; width: 100%; max-width: 240px; border: 1px solid #0d598b;} .footer-widget:nth-child(odd) .fwidget {margin: 5px !important;} .footer-widget:nth-child(odd) {background :#fff} #footerright { width: 200px; height: 185px; float: right; } .footer-widget:nth-child(even) .fwidget {margin-bottom: 0px !important} .footer-widget:nth-child(even) #newsletter { background: #fff; margin-bottom: 18px; font-family: "Alfa Slab One"; font-weight: normal; font-size: 20px; line-height: 20px; text-align: center; } .footer-widget:nth-child(even) #newsletter a:link, .footer-widget:nth-child(even) #newsletter a:visited { color: #0660a8; display: block; padding-left: 20px; padding-right: 20px; text-decoration: none; padding-top: 28px; padding-bottom: 28px; line-height: 26px; } .footer-widget:nth-child(even) #newsletter a:hover { background: #0660a8; color: #fff } .footer-widget:nth-child(even) .fwidget img { margin:2px} .footer-widget:nth-child(even) .fwidget img:hover { opacity: 0.4; filter: alpha(opacity=40); } /* NEW EVENTS PAGES STYLES */ #topbox { margin-bottom: 20px;} .et_right_sidebar #main-content .container:before {display: none;} #tribe-events .tribe-events-content p, .tribe-events-after-html p, .tribe-events-before-html p { line-height: 1.3; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;} .tribe-events-schedule { margin: 20px 0 0; overflow: hidden; float: none; padding-top: 15px; padding-bottom: 20px; clear: both;} .single-tribe_events #tribe-events-header {display: none;} .tribe-event-schedule-details {padding-bottom: 10px;} .tribe-events-event-meta address.tribe-events-address, .tribe-events-list .tribe-events-venue-details { font-size: 14px !important; font-style: italic; line-height: 1.5em; font-weight: 400;} .tribe-events-list-separator-month {text-align: center;} .tribe-events-list h2.tribe-events-list-event-title { } .tribe-mini-calendar-event .list-info h2 {font-weight: normal !important; text-transform: inherit} .tribe-events-list .type-tribe_events {border-bottom: 1px dashed #666} .tribe-mini-calendar-event .list-info { border: 0px; margin-bottom: 0px !important;} .tribe-events-schedule h2, .tribe-events-meta-group .tribe-events-single-section-title, .tribe-mini-calendar-event .list-date {font-weight: normal !important} /* NEW SHOP PAGES STYLES */ .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products li.product .price del { color: #000 !important; font-size: 105%; font-weight: bold;} .woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img { border: 1px solid #0061aa;} .woocommerce div.product .product_title { padding-top: 15px;} .woocommerce div.product p.price, .woocommerce div.product span.price { font-weight: bold; color: #000 !important;} .product .related h2 { font-size: 18px !important;} .woocommerce-tabs h2 {color: #666} label.screen-reader-text {display: none;} input#woocommerce-product-search-field { border: 1px solid #bbb; font-size: 15px; padding: 5px; max-width: 180px;} .woocommerce-product-search input[type=submit] { background: #0061aa; color: #fff; border: 0px; line-height: 1.8em; text-transform: uppercase; font-size: 12px; font-weight: bold; padding-top: 5px; padding-bottom: 2px; cursor: pointer;} /* NEW HEADER PAGES STYLE */ .tp-caption {text-shadow: 1px 1px 1px #000 !important;} /* PLAIN LIST, NO IMAGE */ ul.spcala-twolinelist { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } ul.spcala-twolinelist li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; font-family: "allerregular"; font-size: 14px; color: #000; line-height: 16px; padding-bottom: 15px; } /* GENERAL ORDERED LIST */ .wpb_text_column ol { margin: 0px; padding-left: 35px !important;} .wpb_text_column ol li { font-family: "Alfa Slab One"; color: #0661a7; font-size: 20px; margin-top: 0px; margin-bottom: 10px; border-left: 5px #ccc solid; padding-left: 15px; list-style: decimal outside } .wpb_text_column ol li span { font-family: "allerregular" !important; font-size: 14px; background-color: #fff; height: 100%; margin: 0px; padding: 0px; } .wpb_text_column ol li ul { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); margin-left: 15px; font-family: "allerregular"; font-size: 14px; border: 0px; margin-top: 10px; } .wpb_text_column ol ul li { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); font-family: "allerregular"; padding-left: 15px; font-size: 14px; color: #000; line-height: 20px; padding-bottom: 5px; border: 0px; } /* NEW PAGES STYLES */ .spcala-standard_bullet ul { list-style-image: url('/content/uploads/2013/02/bullet.png'); margin-left: 15px; } .spcala-standard_bullet li { list-style-image: url('/content/uploads/2013/02/bullet.png'); font-family: "allerregular"; padding-left: 5px; font-size: 14px; color: #000; line-height: 20px; padding-bottom: 15px; } ul.spcala-standard_bullet {margin-left: 15px;} sup {font-size: 70%; bottom: 0.6em} .main_title {display:none} #main-content .container {padding-top: 28px;} .page .entry-content h1 {float: none; margin-bottom: 20px;} strong { font-family: "allerbold"; font-size: 105% } .container {width: 95%} h1, h2, h3, h4, h5, h6 {font-family: "Alfa Slab One"} /*PRESS RELEASE POST STYLE*/ .display-posts-listing h2.display-posts-title { clear: none !important; font: 36px allerbold_italic; color: #0061aa !important; display: block; width: 100%; padding-top: 10px; padding-bottom: 15px; border-bottom: 1px solid #0061aa; margin-top: 0px; border-top: 1px solid #0061aa; margin-bottom: 20px; } .display-posts-listing .listing-item { border-bottom: 2px #ccc solid; font-family: "allerregular"; padding-left: 0px; margin-left: 0px; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; } .display-posts-listing .listing-item .title { font-family: "allerbold"; font-size: 18px; color: #0661a7; padding-left: 0px; margin-left: 0px; margin-bottom: 0px; cursor: pointer; } .display-posts-listing .excerpt { display: block; } .display-posts-listing .excerpt-dash { display: none; } .display-posts-listing .date { font-size: 12px; font-style: italic; } /* DIVS FOR 2 to 1 COLUMNS, WITH SIDEBAR*/ .spcala-column_2to1_wide { width: 100%; max-width: 430px; float: left; } .spcala-column_2to1_narrow { margin-left: 40px; max-width: 230px; float: left; } .spcala-column_2to1_narrow_border { margin-left: 37px; width: 100%; max-width: 212px; float: left; padding-left: 20px; border-left: 1px #0661a7 solid; } /* LARGE BLUE LINK WITH WHITE ON HOVER */ a.spcala-largelink:link, a.spcala-largelink:visited { text-decoration: none; font-family: "Alfa Slab One"; background-color: #0661a7; font-size: 25px; text-align: center; color: #fff; padding: 10px; display: inline-block; border: #0661a7 1px solid;} a.spcala-largelink:hover {background-color: #fff; border: #0661a7 1px solid; color: #0661a7;} /* LARGE FULL WIDTH LINK */ a.spcala-classlink:link, a.spcala-classlink:visited { display: block; text-decoration: none; text-transform: uppercase; font-family: "Alfa Slab One"; margin: -1px 0px; background-color: #fff; font-size: 18px; text-align: center; color: #0661a7; padding: 10px; border-top: 1px #0661a7 solid; border-bottom: 1px #0661a7 solid; } a.spcala-classlink:hover { background-color: #0661a7; color: #fff; } /* INDENTED 16px TEXT WITH LEFT BORDER */ p.spcala-indent { margin-left: 40px; padding-left: 15px; border-left: 1px #0661a7 solid; font-family: "allerregular"; font-size: 16px; margin-bottom: 20px; } /* HOME PAGE EVENTS SECTION */ #news-events div.srp-widget-container {display: block } #news-events #wdg_specialrecentpostsfree-5 h4.srp-post-title { border-bottom: 1px solid #0661a7; margin-bottom: 10px; margin-top: 16px; } #news-events #wdg_specialrecentpostsfree-5 a.srp-post-title-link:link, #news-events #wdg_specialrecentpostsfree-5 a.srp-post-title-link:visited { text-decoration: none !important; color: #4d4d4d; font: normal 20px/28px "Alfa Slab One"; text-transform: uppercase; } #news-events #wdg_specialrecentpostsfree-5 a.srp-post-title-link:hover { color: #0661a7; } #news-events #wdg_specialrecentpostsfree-5 { margin-bottom: 20px; position} #news-events #wdg_specialrecentpostsfree-5-srp-singlepost-1 { display: block; width: 100%; max-width: 47% !important; float: left !important; clear: none; } #news-events #wdg_specialrecentpostsfree-5-srp-singlepost-2 { display: block; width: 100%; max-width: 47% !important; float: right !important; clear: none; } #news-events #wdg_specialrecentpostsfree-5-srp-singlepost-1 img, #news-events #wdg_specialrecentpostsfree-5-srp-singlepost-2 img {width: 100% !important; height: auto !important} #news-events #wdg_specialrecentpostsfree-5 div.srp-content-box { display: block !important; } #news-events .srp-thumbnail-box {margin-right: 0px;} #news-events #wdg_specialrecentpostsfree-6 div.srp-widget-singlepost { width: 25% !important; min-height: 180px; float: left; padding-right: 10px;} #news-events #wdg_specialrecentpostsfree-6 a.srp-post-title-link:link, #news-events #wdg_specialrecentpostsfree-6 a.srp-post-title-link:visited { text-decoration: none !important; color: #4d4d4d; font: normal 15px/28px "aller_displayregular"; text-transform: uppercase;} #news-events #wdg_specialrecentpostsfree-6 a.srp-post-stringbreak-link:link, #news-events #wdg_specialrecentpostsfree-6 a.srp-post-stringbreak-link:visited { display: block; width: 96px; background: #0661a7; text-decoration: none; color: #fff; font-family: "aller_displayregular"; line-height: 30px; text-align: center; margin-top: 15px; margin-left: 0px;} #news-events #wdg_specialrecentpostsfree-6 a.srp-post-stringbreak-link:hover { background: #4d4d4d; color: #fff } /* NEW SIDEBAR STYLES */ .wpb_widgetised_column .wpb_wrapper>ul { padding: 0px !important;} ul.leftmenu {list-style-type: none !important; padding-left: 0px !important;} ul.leftmenu li ul {list-style-type: none !important; padding: 15px 0px !important} .et_pb_widget ul.leftmenu li {margin-bottom: 0px;} /* ============================= END OF NEW STYLES */ /* BEGIN OLD STYLES */ .summary form { overflow: hidden; clear: both; margin-bottom: 20px; } body .tribe-mini-calendar-nav #ajax-loading-mini { display: none; } table.tribe-mini-calendar { width: 100%; margin-bottom: 20px; background: #F9F9F9; border: 1px solid #ccc;} table.tribe-mini-calendar td {padding: 8px; border: 1px solid #eee;} table.tribe-mini-calendar th {padding: 8px; border: 1px solid #eee;} h2.tribe-events-title {margin-top: 5px; margin-bottom: 10px; line-height: 1.3em} h2.tribe-events-title a:link, h2.tribe-events-title a:visited {color: #0061AA} thead.tribe-mini-calendar-nav div { text-align: center; font-size: 16px; font-family: alfa slab one; color: #0061AA; } .list-date { font-size: 16px; font-family: "Alfa Slab One"; color: #666; } .list-info { margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom: 20px; } /* HEADER STYLE */ img.header-image { border: none; box-shadow: none } .site-header { text-align: center; position: relative; padding: 0px; width: 1000px; margin-left: auto; margin-right: auto; } .site-header h2 { text-align: center; display: block; width: 550px; margin: auto; color: #000; font: bold 9pt aller_lightregular; letter-spacing: 2px; } /* HEADER SEARCHBOX STYLE */ #searchbox { width: 240px; position: absolute; right: 18px; top: 40px; z-index: 50 } .header-search { position: relative; } .header-search input[type="submit"] { position: absolute; right: 6px; background: url(images/bgsearchicon.png) no-repeat right center; z-index: 51; border: none; text-indent: -9999px; top: 0px; } .header-search input[type="submit"]:active { box-shadow: none; opacity: 0.4; filter: alpha(opacity=40); } .header-search input[type="text"] { padding-right: 30px; color: #333; width: 200px; } /* NAVIGATION STYLE */ #site-navigation { width: 1000px; margin: auto; margin-top: 20px; z-index: 50; } .main-navigation ul.nav-menu { text-align: center; border: none; padding-left: 16px; } .main-navigation ul.nav-menu { display: block !important } .main-navigation ul.nav-menu > ul { display: none !important } .main-navigation ul.nav-menu li { margin-right: 0px; margin-left: 0px; display: block !important; float: left; margin-right: 38px } .main-navigation ul.nav-menu li a { font: 16px aller_displayregular; color: #000; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px } .main-navigation ul.nav-menu li a:hover { background: #0060a9; color: #fff } .main-navigation ul.nav-menu .current-menu-item > a, .main-navigation ul.nav-menu .current-menu-ancestor > a, .main-navigation ul.nav-menu .current_page_item > a, .main-navigation ul.nav-menu .current_page_ancestor > a { font-weight: normal; } .main-navigation ul.nav-menu .current-menu-item > a, .main-navigation ul.nav-menu .current_page_item > a, .main-navigation ul.nav-menu .current-menu-ancestor > a { background: #115587; color: #fff } .main-navigation ul.nav-menu li ul { border-top: 4px solid #0060a9; z-index: 50; } .main-navigation ul.nav-menu li.menu-item-319 { margin-left: 2rem; } .main-navigation ul.nav-menu li.menu-item-23699 { margin-right: 2rem; } .main-navigation ul.nav-menu li.menu-item-23699 ul { right: 0px; } .main-navigation ul.nav-menu li ul li { margin-right: 0px; border-bottom: 2px solid #6c91be; margin-left: 0px; } .main-navigation ul.nav-menu li ul li a { text-align: left; font-family: 'aller_lightregular'; color: #0060a9; width: 14.8571rem; font-size: 12px; line-height: 18px; background: #F3F3F3; padding-top: 0.61429rem; padding-bottom: 0.371429rem; border: none; } /* SEARCH PAGE STYLE */ input[type="submit"], input[type="reset"] { font-size: 1rem; } /* FRONT PAGE STYLE */ .home #primary { display: none; } /* ADOPT PETS PAGE */ #secondary form#adoptFilter { postiion: relative; top: auto; left: auto; } /* FRONT PAGE SLIDER STYLE */ #topcontent { border-bottom: 2px solid #0661a7; height: 540px; padding-top: 36px; clear: both; } #topcontentbox { width: 960px; margin-left: auto; margin-right: auto; background: #ccc; height: 363px; position: relative; } #sliderbox { -moz-box-shadow: 0px 0px 2px #D8D8D8; -webkit-box-shadow: 0px 0px 2px #D8D8D8; box-shadow: 0px 0px 2px #D8D8D8; } .nivo-caption { background: transparent none; } .home .slidedeck-frame a.slidedeck-2-bug { z-index: 1 !important } div.sd-node-title-box { } .home dd.slide_1 div.sd-node-title-box { left: 0px; top: 90px; background: none !important } .home dd.slide_2 div.sd-node-title-box { right: 0px; top: 90px; background: none !important } .home dd.slide_3 div.sd-node-title-box { display: none !important; background: none !important } .home dd.slide_4 div.sd-node-title-box { right: 0px; top: 90px; background: none !important } .home dd.slide_5 div.sd-node-title-box { left: 0px; top: 90px; background: none !important } div.sd-node-title-box .slide-title { font-family: "Alfa Slab One" !important; color: #fff; font-size: 60px; text-transform: uppercase; text-shadow: 2px 2px #000; letter-spacing: 3px; line-height: 70px; padding-left: 20px; padding-right: 20px; width: 460px; top: 90px } div.sd-node-title-box .slide-title { filter: DropShadow(Color=#000000, OffX=2, OffY=2) } .lens-tool-kit div.sd-node-title-box { padding-left: 0px; padding-right: 0px; } #sliderbox p.caption { bottom: -35px !important; } /* FRONT PAGE SPECIAL RECENT POST STYLES */ #news-events { margin-top: 33px; margin-bottom: 65px; } #news-events h3.srp-widget-title { text-align: center; font-family: "Alfa Slab One"; font-weight: normal; font-size: 35px; line-height: 28px; color: #0661a7; margin-bottom: 30px; border: none } #news-events p.srp-widget-excerpt { line-height: 18px; } #news-events #wdg_specialrecentpostsfree-2 a.srp-post-stringbreak-link:link, #news-events #wdg_specialrecentpostsfree-2 a.srp-post-stringbreak-link:visited { display: block; width: 96px; background: #0661a7; text-decoration: none; color: #fff; font-family: "aller_displayregular"; line-height: 30px; text-align: center; margin-top: 15px; } #news-events #wdg_specialrecentpostsfree-2 a.srp-post-stringbreak-link:hover { background: #4d4d4d; color: #fff } #news-events #wdg_specialrecentpostsfree-2 h4.srp-post-title { border: none; margin-bottom: 10px; margin-top: 16px; } #news-events #wdg_specialrecentpostsfree-2 a.srp-post-title-link:link, #news-events #wdg_specialrecentpostsfree-2 a.srp-post-title-link:visited { text-decoration: none !important; color: #4d4d4d; font: normal 15px/28px "aller_displayregular"; text-transform: uppercase; } #news-events #wdg_specialrecentpostsfree-2 a.srp-post-title-link:hover { color: #0661a7; } #news-events p.srp-widget-excerpt { font-family: "aller_lightregular"; color: #000 } #news-events #wdg_specialrecentpostsfree-2 p.srp-widget-excerpt { font-size: 13px; } #news-events div.srp-widget-singlepost { border: none; } #news-events .widget { clear: both !important; } #news-events .srp-post-content-container { display: block } #news-events .srp-content-box { width: auto } #news-events #wdg_specialrecentpostsfree-2 div.srp-widget-singlepost { display: block; width: 228px !important; float: left !important; clear: none; padding-left: 18px; padding-right: 5px; } #news-events #wdg_specialrecentpostsfree-2 #wdg_specialrecentpostsfree-2-srp-singlepost-4 { padding-right: 0px; } /* FOOTER STYLE */ #bgfooter { background: url(images/bg_footer_tile.jpg) repeat-x top; margin: 0px; display: block; padding: 0px; overflow: hidden; width: 100%; max-width: none; margin-top: 40px; } footer[role="contentinfo"] { border: none; max-width: none; width: 1000px; margin-top: 0px; padding: 0px; margin: auto; height: 420px; } #footertop { padding-left: 40px; padding-right: 40px; padding-top: 52px; } #footerdown { clear: both; padding-left: 40px; padding-right: 40px; padding-top: 80px; width: 960px; margin: auto; } #footerleft { width: 700px; height: 185px; background: #fff; float: left; position: relative; margin: 0px; padding: 0px; } #footerleft .right-side { width: 180px; float: right; margin-right: 40px; } #footerleft .title-box { border-bottom: 2px solid #404040; font-family: "Alfa Slab One"; font-size: 35px; color: #0661a7; line-height: 40px; margin-top: 16px; } #footerleft .date-box { font-family: "aller_lightregular"; font-size: 20px; color: #0661a7 } #footerleft .title-box .italic-style { font-family: "aller_lightitalic"; font-size: 28px; color: #0661a7 } #footerleft .pet-thumbs { width: 435px; float: left; height: 185px; margin: 0px; padding: 0px; } #footerleft .jcarousel-skin-tango .jcarousel-container { border: none; } #footerleft div#jcarousel_container .jcarousel-skin-tango .jcarousel-prev-horizontal, #footerleft div#jcarousel_container .jcarousel-skin-tango .jcarousel-next-horizontal { display: none !important } #footerleft .jcarousel-skin-tango .jcarousel-container-horizontal { padding-bottom: 5px; } footer .widget img { border-radius: 0px; box-shadow: none; } #footerleft div#jcarousel_container .jcarousel-skin-tango .jcarousel-item { margin-right: 15px; } #footerright { width: 200px; height: 185px; float: right; } #footerright #newsletter { width: 200px; height: 134px; background: #fff; margin-bottom: 18px; font-family: "Alfa Slab One"; font-weight: normal; font-size: 20px; line-height: 20px; text-align: center; } #footerright #newsletter a:link, #footerright #newsletter a:visited { color: #0660a8; display: block; padding-left: 20px; padding-right: 20px; text-decoration: none; padding-top: 28px; padding-bottom: 28px; line-height: 26px; } #footerright #newsletter a:hover { background: #0660a8; color: #fff } #footerright .widget img { border: none; box-shadow: none; } #footerright .widget img:hover { opacity: 0.4; filter: alpha(opacity=40); } #footerlogo { height: 85px; float: left } #footerlogo img:hover { opacity: 0.4; filter: alpha(opacity=40); } #footerinfo { width: 706px; height: 20px; float: right; color: #fff; font-family: 'aller_lightitalic'; text-align: right; display: block; font-size: 13px; } #footermenu { width: 705px; height: 30px; float: right; } .site-info { text-align: right; color: #fff; padding-right: 4px; font-family: 'aller_lightregular'; font-size: 10px; padding-top: 8px; float: right } .site-info a:link, .site-info a:visited { color: #fff; text-decoration: none; } .tax-info { color: #fff; padding-right: 13px; font-family: 'aller_lightregular'; font-size: 10px; padding-top: 8px; float: right; } .tax-info a:link, .tax-info a:visited { color: #fff; text-decoration: none; } #footermenu li { float: left; display: block; } #footermenu li a:link, #footermenu li a:visited { color: #fff; text-decoration: none; margin-left: 22px; text-align: right; font: 11px/43px allerbold; } #footermenu li a:hover { opacity: 0.4; filter: alpha(opacity=40); } footer #footerleft .widget .pet-thumbs img { margin-left: 18px; margin-top: 16px; } /* GENERAL STYLE */ body .site { max-width: none; min-width: 1000px; padding: 0px; box-shadow: none; } .wrapper { width: 1000px; margin-left: auto; margin-right: auto; min-height: 500px; } .single .entry-header .entry-title, .category .entry-header .entry-title a, .search .entry-header .entry-title, .error404 .entry-header .entry-title { clear: none; font: 36px allerbold_italic; color: #0061aa; display: block; padding-top: 20px; padding-bottom: 8px; border-bottom: 2px solid #0061aa; margin-top: 0px; } .single .widget-area a.srp-post-title-link:link, .single .widget-area a.srp-post-title-link:visited { text-decoration: none !important; color: rgb(77, 77, 77); font: 15px/28px "aller_displayregular"; text-transform: uppercase; line-height: 18px; } .category .widget-area a.srp-post-title-link:link, .category .widget-area a.srp-post-title-link:visited { text-decoration: none !important; color: rgb(77, 77, 77); font: 15px/28px "aller_displayregular"; text-transform: uppercase; line-height: 18px; } .search .widget-area a.srp-post-title-link:link, .search .widget-area a.srp-post-title-link:visited { text-decoration: none !important; color: rgb(77, 77, 77); font: 15px/28px "aller_displayregular"; text-transform: uppercase; line-height: 18px; } .search .widget-area .widget p.srp-widget-excerpt { font-size: 11px; line-height: 16px; } .search .widget-area .widget p.srp-widget-date { margin-bottom: 5px; margin-top: 5px; font-size: 10px; } .search .widget-area a.srp-widget-stringbreak-link:link, .search .widget-area a.srp-widget-stringbreak-link:visited { display: block; width: 96px; height: 24px; background: #0661a7; text-decoration: none; color: #fff; font-family: "aller_displayregular"; padding-top: 5px; text-align: center; margin-top: 15px; } .search .widget-area a.srp-widget-stringbreak-link:hover { background: #4d4d4d; color: #fff } .search-results .site-content article { margin-bottom: 4px; } .single .widget-area .widget p.srp-widget-excerpt { font-size: 11px; line-height: 16px; } .single .widget-area .widget p.srp-widget-date { margin-bottom: 5px; margin-top: 5px; font-size: 10px; } .single .widget-area a.srp-widget-stringbreak-link:link, .single .widget-area a.srp-widget-stringbreak-link:visited { display: block; width: 96px; height: 24px; background: #0661a7; text-decoration: none; color: #fff; font-family: "aller_displayregular"; padding-top: 5px; text-align: center; margin-top: 15px; } .single .widget-area a.srp-widget-stringbreak-link:hover { background: #4d4d4d; color: #fff } .category .widget-area .widget p.srp-widget-excerpt { font-size: 11px; line-height: 16px; } .category .widget-area .widget p.srp-widget-date { margin-bottom: 5px; margin-top: 5px; font-size: 10px; } .category .widget-area a.srp-widget-stringbreak-link:link, .category .widget-area a.srp-widget-stringbreak-link:visited { display: block; width: 96px; height: 24px; background: #0661a7; text-decoration: none; color: #fff; font-family: "aller_displayregular"; padding-top: 5px; text-align: center; margin-top: 15px; } .category .widget-area a.srp-widget-stringbreak-link:hover { background: #4d4d4d; color: #fff } .error404 .site-content { width: 1000px; margin: auto; } .page .site-content .entry-header .entry-title { display: none; } .page .site-content, .single .site-content, .category .site-content, .search .site-content { float: right; position: relative; margin-right: 20px; margin-top: 0px; } .page .site-content { width: 700px; } .single .site-content, .category .site-content, .search .site-content { width: 650px; } .page .widget-area { float: left; width: 240px; margin-left: 20px; } .single .widget-area, .category .widget-area, .search .widget-area { float: left; width: 280px; margin-left: 20px; } .page .entry-content img { border-radius: 0px; box-shadow: none; padding-bottom: 6px; } .page img.alignright { margin-top: 0px; } .entry-content p { font-family: "allerregular"; color: #000 } .entry-header img.wp-post-image { display: none } .entry-content img, .widget img { max-width: none; } .archive-header, .page-header { margin: 0px; padding: 0px; font-family: "Alfa Slab One"; margin-top: 24px; border-bottom: 1px solid #ccc } .archive-title, .page-title { font-weight: normal } h3.srp-widget-title, .page .widget-area .widget h3, .single .widget-area .widget h3, .woocommerce-page .widget-area .widget h3 { margin: 0px; padding: 0px; font-family: "Alfa Slab One"; border-bottom: 1px solid #ccc; font-weight: normal } .category footer.entry-meta, .single footer.entry-meta, .search footer.entry-meta { font-family: "allerregular"; border-top: 1px solid #ccc } .category .site-content article { border-bottom: 4px solid #0661a7; margin-bottom: 5px; } /* EVENTS LIST MENU STYLING */ .page ul.leftmenu a:link, .page ul.leftmenu a:visited, .events-list ul.leftmenu a:link, .events-list ul.leftmenu a:visited, .single-press-release ul.leftmenu a:link, .single-press-release ul.leftmenu a:visited { background: #b0b0b0 none; color: #fff; font-family: "allerbold"; font-size: 12px; padding: 10px 15px; text-transform: uppercase; text-decoration: none; display: block; border-bottom: 1px solid #cfcfcf } .page ul.leftmenu a:hover, .events-list ul.leftmenu a:hover, .single-press-release ul.leftmenu a:hover { color: #0061aa; background : #fff; } .page ul.leftmenu ul a:link, .page ul.leftmenu ul a:visited { background: #fff; color: #0061aa; border: none !important; font-family: "allerbold"; font-size: 12px; padding-bottom: 2px; padding-left: 20px; text-transform: none; padding-top: 2px; padding-right: 5px; } .single-press-release ul.leftmenu li.current-menu-item a, .events-list ul.leftmenu li.current-menu-item a, .page ul.leftmenu li.current-menu-item a, .page ul.leftmenu li.current-menu-ancestor a { color: #0061aa; background: #fff; border-bottom: 1px solid #0061aa; border-top: 1px solid #0061aa; border-left: none; border-right: none; } .page ul.leftmenu ul, .single-press-release ul.leftmenu ul { border-bottom: 1px solid #0061aa; padding-bottom: 10px; margin-left: 0px } .woocommerce-page ul.leftmenu a:link, .woocommerce-page ul.leftmenu a:visited { background: #b0b0b0 none; color: #fff; font-family: "allerbold"; font-size: 12px; padding: 10px 15px; text-transform: uppercase; text-decoration: none; display: block; border-bottom: 1px solid #cfcfcf } .woocommerce-page ul.leftmenu a:hover { color: #0061aa; background : #fff; } .woocommerce-page ul.leftmenu ul a:link, .woocommerce-page ul.leftmenu ul a:visited { background: #fff; color: #0061aa; border: none !important; font-family: "allerbold"; font-size: 12px; padding-bottom: 2px; padding-left: 20px; text-transform: none; padding-top: 2px; padding-right: 5px; } .woocommerce-page ul.leftmenu li.current-menu-item a, .woocommerce-page ul.leftmenu li.current-menu-ancestor a { color: #0061aa; background: #fff; border-bottom: 1px solid #0061aa; border-top: 1px solid #0061aa; border-left: none; border-right: none; } .woocommerce-page ul.leftmenu ul { border-bottom: 1px solid #0061aa; padding-bottom: 10px; margin-left: 0px } .ngg-slideshow { text-align: center; margin: 0px auto; } .single ul.leftmenu a:link, .single ul.leftmenu a:visited { background: #b0b0b0 none; color: #fff; font-family: "allerbold"; font-size: 12px; padding: 10px 15px; text-transform: uppercase; text-decoration: none; display: block; border-bottom: 1px solid #cfcfcf } .single ul.leftmenu a:hover { color: #0061aa; background : #fff; } .single ul.leftmenu ul a:link, .single ul.leftmenu ul a:visited { background: #fff; color: #0061aa; border: none !important; font-family: "allerbold"; font-size: 12px; padding-bottom: 2px; padding-left: 20px; text-transform: none; padding-top: 2px; padding-right: 5px; } .single ul.leftmenu li.current-menu-item a, .single ul.leftmenu li.current-menu-ancestor a { color: #0061aa; background: #fff; border-bottom: 1px solid #0061aa; border-top: 1px solid #0061aa; border-left: none; border-right: none; } .single ul.leftmenu ul { border-bottom: 1px solid #0061aa; padding-bottom: 10px; margin-left: 0px } /* STORE MENU STYLE */ .wpsc-shopping-cart td { padding: 4px !important; } .wpsc-shopping-cart .site-content, .wpsc-user-account .site-content { font-family: "allerregular" !important; } .page .product_grid_display .product_grid_item { width: 190px; } .page .product_grid_display .grid_product_info, #content .product_grid_display .grid_product_info { height: 110px; } .page .product_grid_display h2.prodtitle, #content .product_grid_display h2.prodtitle { text-align: center !important; } .page .shopping-cart-wrapper .shoppingcart table th { text-align: center; } .page .product_grid_display .grid_product_info, #content .product_grid_display .grid_product_info { text-align: center !important; } .single .single_product_display .imagecol img.no-image, #content .single_product_display .imagecol img { margin-right: 15px; } .single .single_product_display .wpsc_variation_forms table td.col1, #content .single_product_display .wpsc_variation_forms table tr td.col1 { width: 500px; } .single .single_product_display .wpsc_variation_forms table td.col2, #content .single_product_display .wpsc_variation_forms table tr td.col2 { width: 200px; } .spcala-sitecontent_fullwidth { width: 1000px; margin: auto; } #content em { font-family: "aller_lightitalic"; } #content .spcala-pushup { margin-top: 30px; } #content .spcala-pushleft { margin-left: 50px; } #content .spcala-pushright { margin-left: 50px; } #content .spcala-pushdown { margin-bottom: 30px; } /* GENERAL UNORDERED LIST */ #content ul { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); margin-left: 15px; font-family: "allerregular"; font-size: 14px; } #content ul li { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); font-family: "allerregular"; padding-left: 15px; font-size: 14px; color: #000; line-height: 20px; padding-bottom: 15px; } #content ul li ul { list-style-image: none; list-style-type: circle; margin-left: 15px; padding-top: 5px; font-family: "allerregular"; font-size: 14px; } #content ul li ul li { list-style-image: none; list-style-type: circle; font-family: "allerregular"; padding-left: 0px; font-size: 12px; color: #444; line-height: 15px; padding-bottom: 5px; } /* GENERAL ORDERED LIST */ #content ol { margin: 0px; padding-left:: 15px;} #content ol li { font-family: "Alfa Slab One"; color: #0661a7; font-size: 20px; margin-top: 0px; margin-bottom: 10px; border-left: 5px #ccc solid; padding-left: 15px; } #content ol li p { font-family: "allerregular"; font-size: 14px; background-color: #fff; height: 100%; margin: 0px; padding: 0px; } #content ol li ul { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); margin-left: 15px; font-family: "allerregular"; font-size: 14px; border: 0px; margin-top: 10px; } #content ol ul li { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); font-family: "allerregular"; padding-left: 15px; font-size: 14px; color: #000; line-height: 20px; padding-bottom: 5px; border: 0px; } /* LIST FOR USER PROFILE */ #spcala-profile ul { list-style-image: none; list-style: none; padding: 0px; margin: 0px; } #spcala-profile ul li { list-style-image: none; list-style: none; padding: 10px 0px 0px 0px; margin: 0px 0px -2px 0px; border-top: 2px #ccc solid; border-bottom: 2px #ccc solid; height: 42px; } #spcala-profile ul li p { font-family: 'allerregular'; font-size: 18px; margin-bottom: 0px; } /* SITEMAP */ #spcala-sitemap a:link { text-decoration: none; color: inherit; } #spcala-sitemap a:visited { text-decoration: none; color: inherit; } #spcala-sitemap a:hover { text-decoration: underline; color: inherit; } #spcala-sitemap ul { list-style-image: none; list-style: none; margin: 0px; padding: 0px; } #spcala-sitemap ul li { list-style-image: none; list-style: none; margin: 0px; padding: 0px; font-family: "aller_lightregular"; color: #666; font-size: 12px; line-height: 14px; } #spcala-sitemap .spcala-4col { padding-right: 40px; } #spcala-sitemap h2 { font-family: "Alfa Slab One"; color: #0661a7; border-bottom: 1px #0661a7 solid; width: 100%; font-size: 25px; margin: 0px 0px 0px 0px; padding-top: 20px; padding-bottom: 0px; } #spcala-sitemap h3 { font-weight: bold; font-family: "allerregular"; color: #000; font-size: 12px; line-height: 1.3em; margin: 20px 0px 5px 0px; } /* PRICE LIST */ .spcala-subtitle { font-size: 12px; font-family: "aller_lightitalic"; line-height: 5px; margin: 0px; } #spcala-pricelist ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; padding-bottom: 20px; } #spcala-pricelist p { margin-bottom: 5px; font-family: "allerbold_italic"; } #spcala-pricelist ul li { list-style-image: none; list-style: none; padding-left: 0px; padding-bottom: 0px; margin-bottom: 20px; height: 15px; margin-left: 0px; border-bottom: dotted 1px #0661a7; width: 100%; float: left; } #spcala-pricelist ul li p { margin-top: 0px; font-family: "allerregular"; } #spcala-pricelist ul li span { background-color: #fff; padding-bottom: 2px; padding-right: 1px; margin-bottom: -2px; position: relative; float: left; } #spcala-pricelist ul li .spcala-bold { text-transform: uppercase; font-family: "aller_displayregular"; font-size: 15px; line-height: 20px; color: #000; } #spcala-pricelist ul li strong { background-color: #fff; padding-bottom: 2px; padding-right: 1px; position: relative; margin-bottom: -2px; float: right; } /* CLEARFIX */ .spcala-clearfix { clear: both; } /* FULL WIDTH PULL QUOTE: Use h1 for slab at the top, h2 for bold italic */ .spcala-pullquote { padding: 5px; border-bottom: 1px solid #0661a7; margin-bottom: 20px; } .spcala-pullquote p { font-family: "aller_lightitalic"; font-size: 15px; color: #0661a7; margin-top: 5px; margin-bottom: 5px; text-align: center; } .spcala-pullquote strong { font-family: "allerbold_italic"; } .spcala-pullquote h1 { display: block; margin: 0px; background-color: #fff; text-align: center; font-family: "Alfa Slab One"; font-size: 25px; color: #0661a7; border-top: 1px solid #0661a7; border-bottom: 1px solid #0661a7; } .spcala-pullquote h2 { display: block; margin: 0px; background-color: #fff; text-align: center; font-family: "allerbold_italic"; font-size: 18px; padding: 10px 0px 10px 0px; color: #0661a7; border-top: 1px solid #0661a7; border-bottom: 1px solid #0661a7; text-transform: inherit } /* NO MARGIN PARAGRAPH */ #content .spcala-pnomargin { margin: 0px; padding: 0px; -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } /* REGULAR LINK */ a.spcala-link:link, a.spcala-link:visited {font-family: "allerbold_italic"; text-decoration: none; font-size: 14px; color: #0661a7;} a.spcala-link:hover { font-family: "allerbold_italic"; font-size: 14px; text-decoration: underline; color: #666; } /* BLUE TEXT SIZE LINK with GRAY ON HOVER */ a.spcala-textlink:link, a.spcala-textlink:visited { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #0661a7; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; margin-bottom: 5px; display: inline-block; width: 100%; max-width: 220px; } a.spcala-textlink:hover { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #666; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; } /* RED TEXT SIZE LINK with GRAY ON HOVER - FOR "DELETE" */ a.spcala-redlink:link { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #C00; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; } a.spcala-redlink:visited { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #903; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; } a.spcala-redlink:hover { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #EEE; font-size: 14px; text-align: center; color: #903; padding: 10px; line-height: 20px; } /* WHITE TEXT SIZE LINK with LT GRAY ON HOVER */ a.spcala-whitetextlink:link { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #FFF; font-size: 14px; text-align: center; color: #0661a7; padding: 10px; line-height: 20px; } a.spcala-whitetextlink:visited { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #FFF; font-size: 14px; text-align: center; color: #0661a7; padding: 10px; line-height: 20px; } a.spcala-whitetextlink:hover { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #aaa; font-size: 14px; text-align: center; color: #FFF; padding: 10px; line-height: 20px; } /* GRAY TEXT SIZE LINK with WHITE ON HOVER */ a.spcala-graylink:link { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #888; font-size: 14px; text-align: center; color: #FFF; padding: 10px; line-height: 20px; } a.spcala-graylink:visited { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #888; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; } a.spcala-graylink:hover { text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #aaa; font-size: 14px; text-align: center; color: #FFF; padding: 10px; line-height: 20px; } /* SIGN UP LOG IN */ #spcala-signup { display: none; width: 300px; text-align: right; position: relative; margin-top: -54px; margin-left: 394px; margin-bottom: 27px; } #spcala-signup.spcala-blue { width: 950px; margin: 0px auto 27px auto; background-color: #0661a7; padding-top: 10px; padding-right: 10px; height: 35px; } #spcala-signup a:link { margin-left: 5px; margin-right: 5px; text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #fff; font-size: 14px; text-align: center; color: #0661a7; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; } #spcala-signup a:visited { margin-left: 5px; margin-right: 5px; text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #fff; font-size: 14px; text-align: center; color: #0661a7; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; } #spcala-signup a:hover { margin-left: 5px; margin-right: 5px; text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #666; font-size: 14px; text-align: center; color: #fff; padding-bottom: 2px; padding-top: 2px; padding-left: 5px; padding-right: 5px; } /* WHITE LARGE LINK with BLUE ON HOVER, FIXED WIDTH */ a.spcala-whitelink:link { display: block; width: 205px; text-decoration: none; font-family: "allerbold"; background-color: #fff; font-size: 14px; text-align: center; border: #0661a7 1px solid; color: #0661a7; padding: 10px; } a.spcala-whitelink:visited { display: block; width: 205px; text-decoration: none; font-family: "allerbold"; background-color: #fff; font-size: 14px; text-align: center; border: #0661a7 1px solid; color: #0661a7; padding: 10px; } a.spcala-whitelink:hover { display: block; width: 205px; text-decoration: none; font-family: "allerbold"; background-color: #0661a7; font-size: 14px; text-align: center; color: #fff; padding: 10px; } /* LARGE FULL WIDTH ITEM WITH BUTTON, like Camp */ .spcala-camplink_open { display: block; text-decoration: none; width: 680px; margin: -1px 0px; background-color: #0661a7; font-size: 20px; text-align: center; padding: 10px 10px 0px 10px; height: 50px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; } .spcala-left { text-align: left; float: left; padding-right: 20px; } .spcala-right { text-align: right; float: right; padding-left: 20px; } .spcala-camplink_closed { display: block; text-decoration: none; width: 680px; margin: -1px 0px; background-color: #bbb; font-size: 20px; text-align: center; padding: 10px 10px 0px 10px; height: 50px; border-top: 1px #fff solid; border-bottom: 1px #fff solid; } /* SECONDARY TOGGLE LIST like VOLUNTEER OPS */ #spcala-toggle.spcala-volunteer { list-style-image: none; margin: none; } #spcala-toggle.spcala-volunteer li { list-style-image: none; display: block; text-decoration: none; text-transform: uppercase; font-family: "Alfa Slab One"; width: 675px; margin: 0px 0px -1px -15px; ; background-color: #fff; font-size: 20px; text-align: center; color: #0661a7; padding: 10px; border-top: 1px #0661a7 solid; border-bottom: 1px #0661a7 solid; cursor: pointer; } #spcala-toggle.spcala-volunteer li:hover { background-color: #0661a7; color: #fff; } #spcala-toggle.spcala-volunteer li ul li { margin-left: -25px; margin-top: 10px; margin-bottom: -11px; width: 675px; display: block; color: #000; background-color: #eee; border-bottom: 1px #0661a7 solid; padding: 10px; font-family: "allerregular"; text-transform: none; text-align: left; font-size: 14px; } #spcala-toggle.spcala-volunteer li ul li:hover { margin-left: -25px; margin-top: 10px; margin-bottom: -11px; width: 701px; display: block; color: #000; background-color: #eee; border-bottom: 1px #0661a7 solid; padding: 10px; font-family: "allerregular"; text-transform: none; text-align: left; font-size: 14px; } /* SECONDARY TOGGLE LIST like CAMP */ #spcala-toggle.spcala-camp { list-style-image: none; margin: none; } #spcala-toggle.spcala-camp li { list-style-image: none; display: block; text-decoration: none; text-transform: uppercase; font-family: "Aller"; width: 100%; margin: 0px 0px -1px -20px; ; background-color: #fff; font-size: 17px; color: #4f4f4f; padding: 10px; padding-bottom: 30px; cursor: pointer; } #spcala-toggle.spcala-camp li a { color: #919191; } #spcala-toggle.spcala-camp li a:hover { color: #ffffff; } #spcala-toggle.spcala-camp li:hover { background-color: #0661a7; color: #fff; } #spcala-toggle.spcala-camp li ul li { margin-top: 10px; margin-bottom: -11px; width: 100%px; display: block; background-color: #eee; border-left: 1px #0661a7 solid; padding: 10px; font-family: "allerregular"; text-transform: none; text-align: left; font-size: 14px; cursor: default !important; } #spcala-toggle.spcala-camp li ul li:hover { margin-top: 10px; margin-bottom: -11px; width: 100%px; display: block; color: #000; background-color: #eee; border-left: 1px #0661a7 solid; padding: 10px; font-family: "allerregular"; text-transform: none; text-align: left; font-size: 14px; } /* LINK LIST like TRAINING CLASS */ ul#spcala-training, ul#spcala-toggle.spcala-training, ul#spcala-toggle.spcala-training li { list-style: none; list-style-image: none; padding: 0px; margin: 0px; } ul#spcala-toggle.spcala-training li.spcala-training_parent { display: block; text-decoration: none; text-transform: uppercase; font-family: "Alfa Slab One"; width: 675px; margin: -1px 0px; background-color: #fff; font-size: 20px; text-align: left; color: #0661a7; padding: 10px; border-top: 1px #0661a7 solid; border-bottom: 1px #0661a7 solid; } ul#spcala-toggle.spcala-training li.spcala-training_parent:hover { cursor: pointer; color: #666; } ul#spcala-training li a:link, ul#spcala-training li a:visited { font-family: aller_displayregular; text-transform: uppercase; text-decoration: none; color: #000; } ul#spcala-training li a:hover { color: #0661a7; } ul#spcala-training li { margin-left: 0px; margin-top: 10px; margin-bottom: -11px; width: 698px; display: block; color: #000; background-color: #fff; height: 25px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 15px 0px 10px 0px; font-family: "allerregular"; text-transform: none; text-align: left; font-size: 14px; } ul#spcala-toggle.spcala-training li ul { margin: -10px 0px 20px 0px; padding: 0px; } ul#spcala-toggle.spcala-training li ul li { margin-left: 0px; margin-top: 10px; margin-bottom: -11px; width: 698px; display: block; color: #000; background-color: #fff; height: 25px; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 15px 0px 10px 0px; font-family: "allerregular"; text-transform: none; text-align: left; font-size: 14px; } ul#spcala-toggle.spcala-training li ul li:first-child { padding-top: 20px; border-top: none; } ul#spcala-toggle.spcala-training li ul li:last-child { border-bottom: none; } /* INDENT FOR SIGNATURES, ETC (Full width w/menu) */ .spcala-signature_indent { text-align: right; font-style: italic; } /* DIV FOR CENTERED 2-COLUMN WIDTH COLUMN */ .spcala-centercolumn { margin: 0 auto; width: 410px; } /* DIV FOR ONE COLUMN LAYOUT, WITH SIDEBAR */ .spcala-1column { width: 700px; margin-bottom: 20px; clear: both; } /* DIV FOR THREE COLUMN LAYOUT, WITH SIDEBAR*/ .spcala-column { width: 25%; float: left; } .spcala-middlecolumn { width: 205px; float: left; padding-left: 40px; padding-right: 40px; } .spcala-middlecolumn_border { width: 205px; float: left; padding-left: 20px; padding-right: 20px; margin-left: 20px; margin-right: 20px; border-left: 1px #0661a7 solid; border-right: 1px #0661a7 solid; } /* DIV FOR TWO COLUMN LAYOUT, FULL WIDTH */ #spcala-fullwidth { width: 100%; margin: 0 auto; padding-left: 48px; } .spcala-1stcolumn { width: 455px; float: left; } .spcala-2ndcolumn { width: 455px; float: left; padding-left: 22px; } .spcala-2ndcolumn_border { width: 455px; float: left; margin-left: 22px; padding-left: 22px; border-left: 1px solid #0661a7; } /* CONDITIONAL ITEMS FOR FORM */ .spcala-conditional1, .spcala-conditional2, .spcala-conditional3, .spcala-conditional4, .spcala-conditional5 { display: none; border-bottom: 1px #eee solid; border-top: 1px #eee solid; padding: 10px 0px 10px 0px; margin-top: -10px; margin-bottom: 20px; } /* VOLUNTEER APPLICATIONS */ #spcala-input_table input.spcala-small { width: 55px; } #spcala-input_table table { font-family: 'allerregular'; } table#spcala-input_table input, div#spcala-input_table input { width: 110px; } #spcala-input_table input.spcala-radio { width: 20px; } /* LIST FOR 3 COLUMN FORM */ #spcala-3col_form ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-3col_form ul li { list-style-image: none; list-style: none; padding-left: 0px; font-family: "aller_lightregular"; margin-left: 0px; height: 60px; margin-top: 20px; margin-bottom: 20px; } #spcala-3col_form .spcala-formlabel { padding-top: 10px; font-family: "aller_lightregular"; font-size: 14px; color: #000; line-height: 18px; padding-bottom: 30px; } #spcala-3col_form ul li p { font-family: "aller_lightregular"; margin-bottom: 5px; } #spcala-3col_form .spcala-formfield { float: right; text-align: left; font-family: "aller_lightregular"; font-size: 14px; color: #000; line-height: 16px; padding-bottom: 7px; } #spcala-3col_form .spcala-formfield.spcala-radiofield { width: 450px; } #spcala-3col_form input { width: 440px; } #spcala-3col_form input.spcala-fullwidth { width: 700px; } #spcala-3col_form input.spcala-radio { width: 15px; } #spcala-3col_form select { width: 450px; height: 30px; } #spcala-3col_form textarea { display: block; width: 680px; height: 50px; } #spcala-3col_form .spcala-textarea { height: 120px; } #spcala-3col_form textarea.spcala-cruelty { width: 683px; margin-bottom: 20px; } #spcala-3col_form ul li.spcala-column { width: 220px; float: left; } #spcala-3col_form ul li.spcala-2column { width: 350px; float: left; } #spcala-3col_form input.spcala-2column { width: 200px; float: left; } #spcala-3col_form input.spcala-column { width: 150px; float: left; } #spcala-3col_form select.spcala-column { width: 218px; float: left; margin-left: 20px; } /* LIST FOR FORM ITEMS */ #spcala-formlist ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-formlist ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-formlist .spcala-formlabel { width: 100px; padding-top: 10px; font-family: "aller_lightregular"; font-size: 14px; color: #000; line-height: 16px; padding-bottom: 30px; } #spcala-formlist ul li p { font-family: "aller_lightregular"; margin-bottom: 5px; } #spcala-formlist input.spcala-credit { width: 285px; } #spcala-formlist .spcala-formfield { width: 300px; float: right; text-align: left; font-family: "aller_lightregular"; font-size: 14px; color: #000; line-height: 16px; padding-bottom: 7px; } #spcala-formlist select { width: 298px; height: 30px; margin-top: 1px; margin-left: 0px; float: right; } #spcala-formlist select.spcala-2col { width: 120px; height: 30px; margin-top: 1px; margin-left: 0px; float: right; } #spcala-formlist select.spcala-expdate { width: 125px; height: 30px; margin-top: 1px; display: inline; } #spcala-formlist input.spcala-small { width: 65px; height: 20px; margin-top: 1px; margin-right: 18px; float: right; } /* INPUT STYLES */ #spcala-fullwidth input { width: 287px; } #spcala-fullwidth select { width: 130px; height: 30px; float: left; margin-right: 0px; } #spcala-fullwidth textarea { width: 420px; height: 50px; } #spcala-fullwidth input.spcala-submit { width: 100px; text-decoration: none; text-transform: uppercase; font-family: "aller_displayregular"; font-size: 14px; text-align: center; padding: 10px; } #spcala-fullwidth input.spcala-radio { width: 15px; } #spcala-fullwidth input.spcala-2col { width: 120px; margin-left: -10px; float: right; } #spcala-fullwidth select.spcala-2col { width: 120px; margin-left: -10px; float: right; } #spcala-fullwidth input.spcala-2col_text { width: 120px; margin-left: 10px; float: right; } #spcala-fullwidth input.spcala-3col { width: 55px; margin-left: -10px; float: right; } #spcala-fullwidth input.spcala-checkwithtext { width: 200px; margin-top: 8px; margin-left: -10px; float: right; } #spcala-fullwidth .spcala-check { padding-top: 10px; float: left; } /* PLAIN LIST, NO IMAGE */ #spcala-twolinelist ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-twolinelist ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; font-family: "allerregular"; font-size: 14px; color: #000; line-height: 16px; padding-bottom: 15px; } /* IFRAMES FOR CONVIO FORMS */ #spcala-iframe { width: 700px; height: 1000px; overflow: hidden; position: relative; } #spcala-iframe iframe { width: 717px; height: 100%; overflow: auto; scrolling: no; position: absolute; top: 0; left: 0; } } /* PLAIN BULLET LIST */ /* COMPRESSED LIST, LIKE NEEDED ITEMS */ #spcala-bulletpage ul { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); margin-left: 0px; font-family: "allerregular"; font-size: 12px; margin-top: 10px; margin-bottom: 10px; padding-top: 0px; } #spcala-bulletpage ul li { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); font-family: "allerregular"; padding-left: 5px; font-size: 12px; color: #000; margin-left: 12px; line-height: 15px; padding-bottom: 5px; } #spcala-bulletpage p { margin-bottom: 10px; } #spcala-bulletpage strong { font-family: "allerregular"; color: #0661a7; font-weight: normal; } /* IMAGE WITH OVERLAID CAPTION, like DONOR TILES */ #spcala-image_caption .spcala-image_caption { float: left; width: 440px; padding-right: 20px; padding-bottom: 20px; } #spcala-image_caption img { width: 440px; float: left; z-index: 1; } #spcala-image_caption h1 { color: #fff; margin-bottom: 5px; border: 0px; font-family: "Alfa Slab One"; z-index: 2; float: left; padding: 5px; font-size: 40px; margin-top: -70px; margin-left: 15px; margin-bottom: 0px; text-shadow: 2px 2px #000; } /* LIST with IMAGE, TITLE, CAPTION, like staff pages */ #spcala-staff_list ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-staff_list ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; font-family: "allerregular"; font-size: 14px; color: #000; line-height: 16px; padding-bottom: 15px; text-align: left; float: left; height: 95px; width: 90px; } #spcala-staff_list .spcala-second { padding-top: 20px; padding-left: 20px; width: 590px; } #spcala-staff_list ul li span { font-family: "allerbold"; color: #0661a7; font-size: 25px; padding-bottom: 2px; border-bottom: 1px #0661a7 solid; } #spcala-staff_list ul li p { font-family: "allerbold"; text-transform: uppercase; font-size: 14px; color: #666; margin-top: 7px; } #spcala-staff_list ul li a:link { color: #0661a7; text-decoration: none; } #spcala-staff_list ul li a:hover { color: #666; text-decoration: none; } #spcala-staff_list ul li a:visited { color: #666; text-decoration: none; } /* EVENTS LIST */ #spcala-events_list ul { list-style-image : none; list-style: none; padding-left: 0px; margin-left: 0px; width: 100%; } #spcala-events_list ul li { display: block; list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: -1px; width: 700px; padding-top: 20px; padding-bottom: 20px; float: left; border-bottom: 1px #0661a7 solid; border-top: 1px #0661a7 solid; clear: left; } #spcala-events_list ul li a:link { font-family: "Alfa Slab One"; text-decoration: none; font-size: 20px; color: #0661a7; } #spcala-events_list ul li a:visited { font-family: "Alfa Slab One"; text-decoration: none; font-size: 20px; color: #0661a7; } #spcala-events_list ul li a:hover { font-family: "Alfa Slab One"; font-size: 20px; color: #666; } #spcala-events_list ul li p { font-family: "allerregular"; margin: 0px; padding: 0px; } #spcala-events_list ul li span { font-family: "aller_lightitalic"; font-size: 14px; color: #666; } #spcala-events_list ul li img { float: left; width: 100px; padding-right: 20px; } /* CALENDAR */ #spcala-calendar table { margin-top: 20px; width: 700px; } #spcala-calendar .spcala-calendar_headers { font-family: "allerbold"; font-size: 10px; line-height: 10px; color: #0661a7; height: 15px; padding: 2px; text-transform: uppercase; } #spcala-calendar .spcala-event_day { font-family: "Alfa Slab One"; font-size: 18px; color: #0661a7; background-color: #ddd; } #spcala-calendar .spcala-event_day td { padding-left: 10px; } #spcala-calendar .spcala-event_type { font-family: "aller_displayregular"; font-size: 14px; color: #000; text-transform: uppercase; } #spcala-calendar .spcala-event_type td { border-bottom: 1px #0661a7 solid; padding-bottom: 0px; padding-top: 15px; } #spcala-calendar .spcala-event_info { font-family: "aller_lightregular"; font-size: 12px; color: #666; border-bottom: 1px #ccc solid; } #spcala-calendar .spcala-filters select { height: 20px; } #spcala-calendar .spcala-filters option { font-family: "aller_lightregular"; font-size: 12px; } #spcala-calendar .spcala-filters { clear: both; padding-bottom: 20px; } #spcala-calendar .spcala-filters p { margin: 0px; padding: 0px; float: right; } #spcala-calendar .spcala-filters .spcala-options { width: 380px; float: left; } #spcala-calendar .spcala-filters .spcala-date { width: 250px; float: right; } /* PET ADOPTION PAGES */ .adoptHead {clear: both; padding: 10px;} h2.adoptions { display: none !important; } ul.adoptNav { list-style-image : none; list-style: none; padding-left: 0px !important; margin-left: 0px !important; width: 100%; margin-bottom: 20px; } ul.adoptNav li { display: inline; list-style-image: none !important; list-style: none; padding-left: 0px !important; padding-bottom: 0px !important; } ul.adoptNav li a { padding-left: 0px !important; margin-left: 0px; margin-right: 8px; float: left !important; display: block; width: 31%; text-transform: uppercase; font-family: "aller_displayregular" !important; background-color: #0661a7; font-size: 14px !important; text-align: center; float: left; color: #fff !important; padding: 10px; line-height: 20px !important; margin-bottom: 15px; text-decoration: none !important; } ul.adoptNav li a:hover { color: #fff !important; text-decoration: none !important; background-color: #9f9f9f; } #s-search { border-top: 1px solid #0661a7; padding-top: 20px; } #adoptFilter { clear: both; } #adoptFilter label { line-height: 1.3em } #adoptFilter .spcala-text { max-width: 220px; width: 100%; padding: 3px; } #adoptFilter p { padding-bottom: 6px; } #adoptList { clear: both; margin-bottom: 1em; } #adoptList ul li { display: inline; padding-right: 10px; float: left; width: 33%; height: 100%; padding-left: 0px; list-style-image: none; list-style: none; min-height: 260px;} #adoptList ul li.lastChild { padding: 0px; margin: 0px; } #adoptList li h4 { font-size: 16px; color: #0661a7; font-family: alfa slab one; font-weight: normal; padding-bottom: 0px; } #adoptList li h4 span { font-family: "aller_lightitalic"; color: #666; font-style: italic; font-size: 14px; } #adoptList li a { text-decoration: none !important; display: block } #adoptList img { width: 200px !important; height: auto; } #adoptList p {line-height: 1.3em} .greyBox { clear: both; line-height: 1.5em; padding: 10px; margin-bottom: 10px; background: #ccc; } /* OLD PET ADOPTION PAGES */ #spcala-adoptions ul { list-style-image : none; list-style: none; padding-left: 0px; margin-left: 0px; width: 100%; margin-bottom: 20px; } #spcala-adoptions ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; width: 220px; height: 275px; float: left; } #spcala-adoptions #spcala-search { border-top: 1px solid #0661a7; padding-top: 30px; margin-left: -256px; margin-top: 275px; width: 220px; float: left; display: block; font-family: "allerregular"; color: #666; font-size: 14px; } #spcala-adoptions #spcala-search input.spcala-text { width: 220px; } #spcala-adoptions ul li a:link { font-family: "Alfa Slab One"; text-decoration: none; font-size: 20px; color: #0661a7; } #spcala-adoptions ul li a:visited { font-family: "Alfa Slab One"; text-decoration: none; font-size: 20px; color: #0661a7; } #spcala-adoptions ul li a:hover { font-family: "Alfa Slab One"; font-size: 20px; color: #666; } #spcala-adoptions ul li a.spcala-small:link { font-family: "allerbold_italic"; text-decoration: none; font-size: 12px; color: #0661a7; padding-bottom: 3px; } #spcala-adoptions ul li a.spcala-small:visited { font-family: "allerbold_italic"; text-decoration: none; font-size: 12px; color: #0661a7; padding-bottom: 3px; } #spcala-adoptions ul li a.spcala-small:hover { font-family: "allerbold_italic"; font-size: 12px; text-decoration: underline; color: #666; padding-bottom: 3px; } #spcala-adoptions ul li img { width: 220px; } #spcala-adoptions ul li p { font-family: "allerregular"; } #spcala-adoptions ul li span { font-family: "aller_lightitalic"; font-size: 14px; color: #666; } .spcala-pet_name { font-family: "Alfa Slab One"; font-size: 30px; line-height: 20px; color: #0661a7; height: 50px; margin-top: 20px; } .spcala-lightitalic { font-family: "aller_lightitalic"; font-size: 14px; color: #666; } .spcala-price { font-family: "Alfa Slab One"; z-index: 1; float: left; padding: 5px; background-color: #fff; color: #0661a7; font-size: 18px; text-transform: uppercase; margin-top: -55px; margin-left: 10px; margin-bottom: 0px; border: 0px; } .spcala-adoptimage { z-index: 2; } #spcala-adoptions #spcala-topnav a.spcala-textlink:link { text-decoration: none; display: block; width: 200px; text-transform: uppercase; font-family: "aller_displayregular"; background-color: #0661a7; font-size: 14px; text-align: center; float: left; color: #fff; padding: 10px; line-height: 20px; margin-bottom: 15px; } #spcala-adoptions #spcala-topnav a.spcala-textlink:visited { text-decoration: none; text-transform: uppercase; display: block; width: 200px; float: left; font-family: "aller_displayregular"; background-color: #0661a7; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; margin-bottom: 15px; } #spcala-adoptions #spcala-topnav a.spcala-textlink:hover { text-decoration: none; text-transform: uppercase; display: block; float: left; width: 200px; font-family: "aller_displayregular"; background-color: #666; font-size: 14px; text-align: center; color: #fff; padding: 10px; line-height: 20px; margin-bottom: 15px; } #spcala-adoptions ul li.spcala-center { width: 220px; margin-left: 20px; margin-right: 20px; } #spcala-pagenumbers { width: 100%; text-align: center; background-color: #fff; color: #0661a7; font-family: "aller_displayregular"; border-top: 1px #0661a7 solid; border-bottom: 1px #0661a7 solid; margin-bottom: 15px; padding-bottom: 0px; display: block; height: 34px; } #spcala-pagenumbers span.spcala-active { width: 100%; text-align: center; color: #fff; font-size: 20px; background-color: #0661a7; padding: 5px 10px 5px 10px; margin-bottom: 0px; font-family: 'aller_displayregular'; } #spcala-pagenumbers .spcala-pagenumbers { font-family: 'aller_displayregular'; text-decoration: none; margin: 5px 10px 5px 10px; font-size: 20px; color: #000; } #spcala-pagenumbers a.spcala-pagenumbers:link { font-family: 'aller_displayregular'; text-decoration: none; margin: 5px 10px 5px 10px; font-size: 20px; color: #000; } #spcala-pagenumbers a.spcala-pagenumbers:visited { font-family: 'aller_displayregular'; text-decoration: none; margin: 5px 10px 5px 10px; font-size: 20px; color: #000; } #spcala-pagenumbers a.spcala-pagenumbers:hover { text-decoration: none; font-family: 'aller_displayregular'; margin: 5px 10px 5px 10px; font-size: 20px; color: #0661a7; } #spcala-pet_info ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 10px; } #spcala-pet_info ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; height: 10px; clear: both } #spcala-pet_info p {margin-bottom: 10px !important; line-height: 1.5em !important} .spcala-pet_info_left { list-style-image: none; list-style: none; float: left; padding-left: 0px; margin-left: 0px; width: 100px; font-size: 14px; line-height: 16px; font-family: "allerbold"; text-transform: uppercase; color: #000; } .spcala-pet_info_right { list-style-image: none; list-style: none; float: right; padding-left: 0px; margin-left: 0px; width: 120px; font-size: 14px; line-height: 18px; font-family: "allerregular"; color: #000; } /* STRAYS */ #spcala-strays ul { list-style-image : none; list-style: none; padding-left: 0px; margin-left: 0px; width: 100%; } #spcala-strays ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; clear: left; height: 150px; border-bottom: 1px #0661a7 solid; padding-bottom: 15px; margin-bottom: 15px; } #spcala-strays ul li img { width: 200px; padding-right: 20px; float: left; } #spcala-strays ul li strong { font-family: "aller_displayregular"; text-decoration: none; font-size: 22px; color: #666; } #spcala-strays ul li p { font-family: "allerregular"; float: left; line-height: 1.3em} #spcala-strays ul li span { font-family: "allerbold"; font-size: 14px; color: #000; } /* RESOURCES */ #spcala-resources ul { list-style-image : none; list-style: none; padding-left: 0px; margin-left: 0px; width: 100%; } #spcala-resources ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; width: 220px; height: 275px; float: left; } #spcala-resources ul li.spcala-center { width: 220px; margin-left: 20px; margin-right: 20px; } #spcala-resources ul li a:link { font-family: "aller_displayregular"; text-transform: uppercase; text-decoration: none; display: block; font-size: 20px; line-height: 25px; color: #0661a7; padding-bottom: 10px; margin-bottom: -10px; border-bottom: 1px #0661a7 solid; } #spcala-resources.spcala-textlist ul li { height: 130px; width: 200px; border-top: 1px #0661a7 solid; margin-top: 20px; padding-top: 10px; line-height: 1.3em } #spcala-resources.spcala-textlist ul li.spcala-center { width: 200px; margin-left: 50px; margin-right: 50px; } #spcala-resources ul li a:visited { font-family: "aller_displayregular"; text-transform: uppercase; text-decoration: none; display: block; font-size: 20px; color: #0661a7; } #spcala-resources ul li a:hover { font-family: "aller_displayregular"; text-transform: uppercase; display: block; font-size: 20px; color: #666; } #spcala-resources ul li img { width: 220px; } #spcala-resources ul li p { font-family: "aller_lightitalic"; font-size: 12px; color: #666; } /* BREADCRUMB */ #spcala-breadcrumb { width: 100%; text-align: left; background-color: #fff; color: #666; font-family: "allerregular"; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; margin-bottom: 15px; } #spcala-breadcrumb span.spcala-active { width: 100%; text-align: center; color: #fff; font-size: 12px; background-color: #0661a7; padding: 5px 10px 5px 10px; margin-left: 10px; font-family: 'allerregular'; } #spcala-breadcrumb a:link { font-family: 'allerregular'; text-decoration: none; margin: 5px 10px 5px 10px; font-size: 12px; color: #0661a7; } #spcala-breadcrumb a:visited { font-family: 'allerregular'; text-decoration: none; margin: 5px 10px 5px 10px; font-size: 12px; color: #0661a7; } #spcala-breadcrumb a:hover { text-decoration: underline; font-family: 'allerregular'; margin: 5px 10px 5px 10px; font-size: 12px; color: #0661a7; } /* 2 COL INFO LIST - LEFT IS QUESTIONS, RIGHT IS ANSWERS */ #spcala-2col_info ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 10px; } #spcala-2col_info ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 10px; } .spcala-2col_info_left { list-style-image: none; list-style: none; display: block; float: left; padding-left: 0px; margin-left: 0px; width: 115px; font-size: 14px; line-height: 16px; font-family: "allerbold"; text-transform: uppercase; color: #0661a7; } .spcala-2col_info_right { list-style-image: none; list-style: none; float: right; display: block; padding-left: 0px; margin-left: 0px; margin-bottom: 20px; width: 315px; font-size: 14px; line-height: 20px; font-family: "allerregular"; color: #000; } /* CAREERS INFO LIST - LEFT IS QUESTIONS, RIGHT IS ANSWERS */ #spcala-careers_info ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 10px; } #spcala-careers_info ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; height: 60px; } .spcala-careers_info_left { list-style-image: none; list-style: none; float: left; padding-left: 0px; margin-left: -15px; width: 225px; font-size: 14px; line-height: 16px; font-family: "allerbold"; text-transform: uppercase; color: #000; } .spcala-careers_info_right { list-style-image: none; list-style: none; float: right; padding-left: 0px; margin-left: 0px; width: 410px; font-size: 14px; line-height: 18px; font-family: "allerregular"; color: #000; } /* FEATURED STORY WITH LIST, like PRESS RELEASES */ #spcala-featurewithlist p { font-family: "allerregular"; font-size: 14px; } #spcala-featurewithlist ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-featurewithlist ul li { list-style-image: none; list-style: none; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; font-family: "allerbold"; font-size: 18px; color: #0661a7; padding-left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 0px; padding-top: 10px; padding-bottom: 10px; cursor: pointer; } #spcala-featurewithlist ul li span { font-family: "aller_lightitalic"; font-size: 18px; color: #666; } #spcala-featurewithlist ul li ul { list-style-image: none; list-style: none; padding-left: 30px; margin-left: 0px; } #spcala-featurewithlist ul li ul li { list-style-image: url('https://secure.spcala.com/secure-content/uploads/2013/02/bullet.png'); font-family: "aller_lightitalic"; border: 0px; font-size: 14px; color: #000; padding-left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } /* SHOPPING PARTNERS */ #spcala-shoppingpartners ul { list-style-image : none; list-style: none; padding-left: 0px; margin-left: 0px; width: 100%; margin-bottom: 20px; } #spcala-shoppingpartners ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; width: 220px; height: 300px; float: left; } #spcala-shoppingpartners ul li a:link { font-family: "Alfa Slab One"; text-decoration: none; font-size: 20px; color: #0661a7; } #spcala-shoppingpartners ul li a:visited { font-family: "Alfa Slab One"; text-decoration: none; font-size: 20px; color: #0661a7; } #spcala-shoppingpartners ul li a:hover { font-family: "Alfa Slab One"; font-size: 20px; color: #666; } #spcala-shoppingpartners ul li.spcala-center { width: 220px; margin-left: 20px; margin-right: 20px; } #spcala-shoppingpartners ul li a.spcala-small:link { font-family: "allerbold_italic"; text-decoration: none; font-size: 12px; color: #0661a7; padding-bottom: 3px; } #spcala-shoppingpartners ul li a.spcala-small:visited { font-family: "allerbold_italic"; text-decoration: none; font-size: 12px; color: #0661a7; padding-bottom: 3px; } #spcala-shoppingpartners ul li a.spcala-small:hover { font-family: "allerbold_italic"; font-size: 12px; text-decoration: underline; color: #666; padding-bottom: 3px; } #spcala-shoppingpartners ul li img { width: 220px; height: 100px; } /* MARKETPLACE TOGGLE LIST */ #spcala-marketplace ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-marketplace ul li { list-style-image: none; list-style: none; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; font-family: "allerbold"; font-size: 15px; color: #0661a7; padding-left: 0px; margin-left: 0px; margin-top: -1px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; text-align: center; } #spcala-marketplace ul li span:hover { text-decoration: underline; color: #666; } #spcala-marketplace ul li.spcala-inactive { cursor: default; } #spcala-marketplace ul li ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-marketplace ul li ul li { list-style: none; font-family: "allerregular"; text-align: center; border: 0px; font-size: 14px; color: #000; padding-left: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } /* PLAIN TOGGLE LIST */ #spcala-plaintoggle ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-top: -15px; } #spcala-plaintoggle ul li { list-style-image: none; list-style: none; font-family: "allerbold_italic"; font-size: 14px; color: #0661a7; padding-left: 0px; margin-left: 0px; margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; cursor: pointer; } #spcala-plaintoggle ul li span:hover { font-family: "allerbold_italic"; font-size: 14px; text-decoration: underline; color: #666; } #spcala-plaintoggle ul li ul { padding-left: 20px; margin-top: 0px; } #spcala-plaintoggle ul li ul li { } /* TRAINING CLASS INFO LIST - LEFT IS QUESTIONS, RIGHT IS ANSWERS */ #spcala-dogtraining_info ul { list-style-image: none; list-style: none; padding-left: 0px; margin-bottom: 10px; margin-left: 0px; } #spcala-dogtraining_info ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; height: 60px; } .spcala-dogtraining_info_left { list-style-image: none; list-style: none; float: left; padding-left: 0px; margin-left: 0px; width: 205px; font-size: 14px; line-height: 16px; font-family: "allerbold"; text-transform: uppercase; color: #0661a7; } .spcala-dogtraining_info_right { list-style-image: none; list-style: none; float: right; padding-left: 0px; margin-left: 0px; width: 205px; font-size: 14px; line-height: 16px; font-family: "aller_lightregular"; color: #000; } /* GRAY BOX LIST */ #spcala-boxlist ul { border: 0px; list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-boxlist ul li { border: 0px; background-color: #ccc; text-align: center; padding: 5px; width: 205px; height: 185px; margin-bottom: 20px; margin-left: 0px; margin-right: 0px; color: #000; font-family: "aller_lightitalic"; font-size: 12px; float: left; display: block; } #spcala-boxlist h1 { float: none; color: #0661a7; font-family: "Alfa Slab One"; text-shadow: 2px 2px #000; font-size: 42px; border: 0px; width: 100%; text-align: center; margin-bottom: 5px; } #spcala-boxlist li.spcala-center { margin-left: 26px; margin-right: 26px; } #spcala-boxlist hr { background-color: #FFF; color: #FFF; height: 3px; margin-top: -5px; margin-bottom: 15px; margin-left: 0px; width: 100%; } /* CLASS SHOPPING CART */ #spcala-class_cart ul { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; } #spcala-class_cart ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; margin-bottom: 20px; } #spcala-class_cart .spcala-class_title { list-style-image: none; list-style: none; padding: 10px; margin-left: 0px; background-color: #CCC; border-top: 1px #0661a7 solid; font-family: "aller_lightregular"; } #spcala-class_cart .spcala-shopping_item { list-style-image: none; list-style: none; padding: 10px; margin-left: 0px; background-color: #f0f0f0; height: 115px; border-top: 1px #0661a7 solid; border-bottom: 1px #0661a7 solid; font-family: "aller_lightregular"; } #spcala-class_cart .spcala-shopping_item img { width: 150px; margin-right: 10px; border: 1px #ccc solid; } #spcala-formlist.spcala-compressed ul li { height: 40px; } #spcala-class_cart .spcala-class_item { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; font-family: "aller_lightregular"; } #spcala-class_cart .spcala-class_toggle { list-style-image: none; list-style: none; padding-left: 10px; margin-left: 40px; border-left: 1px #0661a7 solid; } .spcala-class_total { display: block; text-align: center; width: 100%; font-size: 20px; background-color: #0661a7; color: #fff; margin-bottom: 20px; font-family: "aller_lightregular"; } .spcala-class_total.spcala-fees { font-size: 15px; background-color: #fff; margin-bottom: 0px; padding: 10px 0px; border-top: 1px #ccc solid; color: #0661a7; } #spcala-shoppingsuggestions { width: 205px; border: 1px #0661a7 solid; padding: 10px; } #spcala-shoppingsuggestions img { width: 203px; float: left; z-index: 2; margin-top: 0px; margin-bottom: 0px; } #spcala-shoppingsuggestions hr { margin-top: 10px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; color: #888; background-color: #888; height: 1px; width: 100%; } #spcala-shoppingsuggestions h1 { font-family: "aller_displayregular"; color: #0661a7; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; border: 0px; } #spcala-shoppingsuggestions .spcala-price { font-family: "Alfa Slab One"; z-index: 1; float: left; padding: 5px; background-color: #fff; color: #0661a7; font-size: 18px; text-transform: uppercase; margin-top: -55px; margin-left: 10px; margin-bottom: 0px; border: 0px; } #spcala-shoppingsuggestions a:link { font-family: "aller_lightregular"; text-decoration: none; color: #000; font-size: 12px; margin-bottom: 20px; } #spcala-shoppingsuggestions a:visited { font-family: "aller_lightregular"; text-decoration: none; color: #000; font-size: 12px; margin-bottom: 20px; } #spcala-shoppingsuggestions a:hover { font-family: "aller_lightregular"; text-decoration: underline; color: #0661a7; font-size: 12px; margin-bottom: 20px; } /* TITLE - BLUE SLAB SERIF */ .spcala-slab_title { font-family: "Alfa Slab One"; font-size: 18px; line-height: 20px; color: #0661a7; height: 50px; margin-top: 20px; } /* TITLE - GRAY SANS SERIF ITALIC */ .spcala-sans_title_gray { font-family: "allerbold_italic"; font-size: 18px; line-height: 20px; color: #888; height: 50px; margin-top: 20px; } /* TITLE - WHITE SANS SERIF */ .spcala-sans_title_white { font-family: "allerbold"; font-size: 18px; line-height: 20px; color: #fff; height: 50px; margin-top: 20px; } /* TITLE - BLACK HEAVY SANS SERIF */ .spcala-sans_title_black { text-transform: uppercase; font-family: "aller_displayregular"; font-size: 15px; line-height: 20px; color: #000; } /* TITLE - BLUE BOLD SANS SERIF ITALIC*/ .spcala-sans_title_italic { font-family: "allerbold_italic"; font-size: 25px; line-height: 30px; color: #0661a7; } /* TITLE - BLACK BOLD SANS SERIF ITALIC*/ .spcala-sans_title_black_italic { font-family: "allerbold_italic"; font-size: 25px; line-height: 20px; color: #000; } /* TRANSFORM TO LOWERCASE FOR spcaLA */ .spcala-lowercase { text-transform: lowercase; } /* BLUE 1PX RULE */ .spcala-1pxblue { background-color: #0661a7; color: #0661a7; height: 1px; margin-top: 20px; margin-bottom: 20px; margin-left: 0px; width: 100%; border: 0px } .spcala-1pxblue.spcala-nomargin { margin: 0px 0px 10px 0px; } /* GRAY 5PX RULE */ .spcala-5pxgray { background-color: #ccc; color: #ccc; height: 2px; margin-top: -15px; margin-bottom: 5px; margin-left: 0px; width: 100%; } /* PLAIN FLOATS */ .spcala-floatright { float: right; padding-left: 20px; margin-bottom: 10px; width: 220px; } .spcala-floatleft { float: left; padding-right: 20px; margin-bottom: 10px; width: 220px; } /* FINE PRINT */ .spcala-fineprint { margin-top: 8px; font-family: "aller_lightregular"; font-size: 12px; color: #888; line-height: 1.25; } /* WARNINGS */ .spcala-warning { margin-top: 8px; margin-bottom: 40px; font-family: "allerbold"; font-size: 15px; padding-top: 15px; padding-bottom: 15px; color: #900; border-top: 1px #900 solid; border-bottom: 1px #900 solid; display: block; } /* TM - Use to create TM when using slab */ .spcala-TM { font-family: "aller_displayregular"; vertical-align: text-top; } /* CALL OUT IN LARGER PRINT */ .spcala-large { font-family: "aller_lightregular"; font-size: 16px; } /* WAIVER */ .spcala-waiver { border: 1px #ccc solid; padding: 10px; overflow-y: scroll; overflow-x: hidden; height: 150px; width: 95%; color: #666; font-family: "aller_lightregular"; font-size: 12px; } .spcala-waiver p { color: #666; font-family: "aller_lightregular"; font-size: 12px; } ul.spcala-waiver li { font-size: 12px; color: #666; line-height: 10px; font-family: "aller_lightregular"; } /* STORE STYLE */ #custom-content { margin-top: 12px; } #custom-content .quantity { float: right } #custom-content .variations_button { height: 90px; width: 190px; } #custom-content .product_meta { display: none; margin-top: 10px; margin-bottom: 30px; clear: both } #custom-content .single_add_to_cart_button { float: left; } #custom-content .variations { clear: both; margin-top: 20px; margin-bottom: 50px; } #custom-content .spcala-column_2to1_wide { max-width: 330px; width: 100%; margin-right: 30px; } .woocommerce #custom-content .price { display: none } .woocommerce #bottom-summary-text p { margin-bottom: 10px; } .woocommerce #custom-content .has-post-thumbnail .images { display: none; } .woocommerce .related, .woocommerce .upsells.products, .woocommerce-page .related, .woocommerce-page .upsells.products { padding-top: 10px; } .woocommerce .related ul.products { padding-top: 4px; } .woocommerce-page .entry-header { margin-top: 40px; } .woocommerce-breadcrumb { display: none; } .single.woocommerce .site-content { margin-top: 40px; } .single.woocommerce .site-content, .page.woocommerce-page .site-content, .page.woocommerce-cart .site-content { } .single.woocommerce .widget-area, .page.woocommerce-page .widget-area, .page.woocommerce-cart .widget-area { } .woocommerce ul.products { padding-top: 40px; } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none !important } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin-left: 32px; text-align: center; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { text-align: center; min-height: 40px; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last { margin-right: 3.8% } .woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product { margin-top: 20px; width: 22%; margin-left: 0px; } .woocommerce-page h1 { font: 26px allerbold_italic; color: #0061aa; display: block !important; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #0061aa; margin-top: 0px; border-top: 1px solid #0061aa; margin-bottom: 20px; } .woocommerce-page h2 { font-weight: normal } .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img { border: 1px solid #ccc } #searchform { margin-top: 20px; } ul.product-categories { margin-top: 20px; } ul.product-categories li a { text-decoration: none; font-weight: bold; } /* Minimum width of 600 pixels. */ @media screen and (min-width: 10px) { .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: inline-block !important; text-align: left; width: 1000px; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover { color: #000; } .main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; } .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; } .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul { border-left: 0; display: block; } .main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; } } @media only screen and (max-width: 960px) { .error404 .site-content { width: 92% } .woocommerce #content { padding-left: 20px } } @media only screen and (max-width: 768px) { #custom-content .spcala-column_2to1_narrow { max-width: none !important; width: 100% } .single.woocommerce .site-content, .page.woocommerce-page .site-content, .page.woocommerce-cart .site-content { float: none; } .single.woocommerce .widget-area, .page.woocommerce-page .widget-area, .page.woocommerce-cart .widget-area { float: none; width: 90% } .single .site-content, .category .site-content, .search .site-content, .woocommerce-page .site-content { width: auto; } .spcala-column_2to1_wide, #custom-content .spcala-column_2to1_wide { width: 100%; float: none; max-width: none !important; } #spcala-adoptions #spcala-search input.spcala-text { width: 80% } #spcala-adoptions ul li { list-style-image: none; list-style: none; padding-left: 0px; margin-left: 0px; width: 100% !important; height: 275px; float: left; text-align: center; margin-right: 0px !important; margin-left: 0px !important; } #spcala-pagenumbers { clear: both } #spcala-adoptions #spcala-topnav a.spcala-textlink:link, #spcala-adoptions #spcala-topnav a.spcala-textlink:visited { width: 100px; } #spcala-adoptions #spcala-search { margin-top: 0px; width: 100%; margin-left: auto; margin-right: auto; float: none; } body .site { width: 100%; min-width: 100%; overflow: hidden } .site-header { width: 100% } .site-header h2 { width: 100% } #searchbox { position: relative; top: auto; right: auto; margin-left: auto; margin-right: auto; margin-top: 10px; } #site-navigation { width: 100% } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { width: 100% } .main-navigation ul.nav-menu li { margin-right: 20px; } .main-navigation ul.nav-menu li a { font-size: 13px; } #topcontentbox { width: 100%; background: transparent; height: auto } #sliderbox { width: 100%; overflow: hidden; } .wrapper { width: 100% } #news-events div.srp-widget-container { width: 100% } #news-events #wdg_specialrecentpostsfree-2 div.srp-widget-singlepost { width: 150px !important; min-height: 200px; } #news-events #wdg_specialrecentpostsfree-2 a.srp-post-title-link:link, #news-events #wdg_specialrecentpostsfree-2 a.srp-post-title-link:visited { line-height: 14px; } .page .site-content { width: 420px; } .page .entry-content h1 { width: 100% } .page .entry-content img { width: 100%; height: auto } .page.woocommerce-page #content img, .page.woocommerce-page .entry-content img { width: auto; height: auto } a.spcala-classlink:link, a.spcala-classlink:visited { width: 90% } #spcala-boxlist ul li { width: 170px; height: 200px; margin-right: 26px; } #spcala-boxlist li.spcala-center { margin-left: 0px; } #spcala-image_caption .spcala-image_caption { width: 100% } #spcala-image_caption img { width: 100% } .spcala-careers_info_left { float: none; } .spcala-careers_info_right { float: none; width: 100% } .spcala-middlecolumn { width: 100%; padding-left: 0px !important; padding-right: 0px !important } .spcala-column { width: 100% } .entry-content .spcala-column ul, #spcala-twolinelist ul { margin-bottom: 0px; } #spcala-staff_list .spcala-second { width: 70% } #spcala-dogtraining_info ul li { height: 30px; } .spcala-1column { width: 100% } ul#spcala-training li { width: 100% } ul#spcala-toggle.spcala-training li.spcala-training_parent { width: auto } #content ul#spcala-toggle li ul { margin: 0px; overflow: hidden } #spcala-toggle.spcala-volunteer li { width: 100% } #spcala-toggle.spcala-volunteer li ul li { width: 100%; margin-left: 0px; line-height: 20px; padding-bottom: 20px; } #spcala-toggle.spcala-volunteer li ul li:hover { width: 100%; margin-left: 0px; } #spcala-3col_form input { width: 200px; } #spcala-3col_form textarea { width: 90% } #spcala-input_table input.spcala-small { width: 25px; } #spcala-events_list ul li { width: 100% } #spcala-resources.spcala-textlist ul li.spcala-center { margin-left: 0px; margin-right: 10px; } #spcala-resources.spcala-textlist ul li { margin-right: 10px; } footer[role="contentinfo"] { width: 100% } #footerleft .pet-thumbs { width: 240px; } .pet-thumbs img { width: 100px; height: auto } #footerleft { width: 405px; height: 134px; } #footerleft .right-side { width: 100px } #footerleft .title-box { font-size: 26px; line-height: 26px; } #footerleft .title-box .italic-style { font-size: 22px; } #footerleft .date-box { font-size: 14px; } #footerdown { width: 90% } #footerlogo { display: none; } #footerinfo { display: none; } #footermenu { width: 100%; overflow: hidden; height: 60px } #footermenu li a:link, #footermenu li a:visited { line-height: 14px; } } @media only screen and (min-width: 420px) and (max-width: 480px) { } @media only screen and (max-width: 480px) { .main-navigation ul.nav-menu li ul li a { width: 10rem } .main-navigation ul.nav-menu li.menu-item-390 ul { right: 0px; } .main-navigation ul.nav-menu li.menu-item-23699 ul { right: auto } #spcala-resources.spcala-textlist ul li { width: 100% !important; height: auto !important; margin: 0px !important; } #spcala-resources ul li { width: 180px; } #spcala-resources ul li.spcala-center { width: 180px; float: right; margin-right: 0px; margin-left: 0px; } #spcala-resources ul li img { width: 100% } .site-header { width: 98% } #topcontent { overflow: hidden; padding-bottom: 20px; padding-top: 10px; } .rslides_container { margin-bottom: 10px; } #linkbox { position: relative; bottom: auto; } #linkbox li { margin-bottom: 20px; } #news-events #wdg_specialrecentpostsfree-2 div.srp-widget-singlepost { width: 202px !important; min-height: 130px; } #topbox h1 { margin-top: 0px !important; font-size: 20px; line-height: 30px; top: 100px; } a.spcala-textlink:link, a.spcala-textlink:visited { margin-bottom: 20px; display: block } .page .widget-area { width: 90%; clear: both; float: none; } .page .site-content { width: 90%; float: none; margin: auto; } #footertop { padding-top: 20px; padding-left: 0px; padding-right: 0px; } #footerleft, #footerright { float: none; margin: auto; margin-bottom: 10px; } #footerright { height: auto; } #footerleft .pet-thumbs { height: auto; } #footerright #newsletter { height: auto; } #footerright #newsletter a:link, #footerright #newsletter a:visited { padding-top: 15px; padding-bottom: 15px; } #footerdown { padding-top: 0px; padding-left: 0px; padding-right: 0px; } #footermenu { height: auto; } .site-info { float: none; text-align: center; } } @media only screen and (max-width: 380px) { .main-navigation ul.nav-menu li ul li a { width: 10rem } .main-navigation ul.nav-menu li.menu-item-390 ul { right: 0px; } .main-navigation ul.nav-menu li.menu-item-23699 ul { right: auto } #footertop { background: #2d3a6e } .main-navigation ul.nav-menu { padding-left: 5px; } .main-navigation ul.nav-menu li { margin-right: 10px; } .main-navigation ul.nav-menu li a { font-size: 12px; padding-left: 5px; padding-right: 5px; } #footerleft .pet-thumbs { width: 215px; } .pet-thumbs img { width: 80px; margin-right: 8px; } #footerleft { width: 320px !important; } #footerleft .right-side { margin-right: 0px; } #footerright #newsletter a:link, #footerright #newsletter a:visited { padding-top: 5px; padding-bottom: 5px; font-size: 16px; line-height: 20px; } .site-header { width: 96% } #topcontent { height: auto } #news-events .widget img { width: 100% } } @media only screen and (min-width: 321px) and (max-width: 360px) { .main-navigation ul.nav-menu li.menu-item-23699 ul { right: 0px; ; } .main-navigation ul.nav-menu li.menu-item-1559 ul { right: 0px; } .main-navigation ul.nav-menu li.menu-item-390 ul { right: auto; } } @media only screen and (max-width: 320px) { #linkbox { left: 10px; } .main-navigation ul.nav-menu li.menu-item-1559 ul { right: 0px; } .main-navigation ul.nav-menu li.menu-item-390 ul { right: auto; } .main-navigation ul.nav-menu li.menu-item-23699 ul { right: 0px; } .main-navigation ul.nav-menu li a { font-size: 12px; padding-left: 5px; padding-right: 5px; } } @media screen and (min-width: 960px) { body .site { margin-top: 0px !important } } /* END OF OLD STYLES */ /* NEW STYLES FOR RESPONSIVENESS */ @media only screen and (max-width: 980px) { #spcala-strays ul li img { width: 100%; margin-top: 20px; } #adoptList ul li img {width: 100% !important} #adoptList ul li {width: 100%; float: none;} .wp-caption.alignright, .wp-caption.alignleft {float: none;} #main-footer { background-image: none;} #main-footer .container {width: 95%} #main-footer .et_pb_widget {float: none;} #black-studio-tinymce-4 {width: 97%; text-align: center;} #black-studio-tinymce-2 {float: left !important; height: auto; width: 46%} #black-studio-tinymce-3 {float: right !important; height: auto; width: 46%} .footer-widget .title-box {clear: both} .footer-widget:nth-child(odd) img {height: auto; width: 100%; max-width: 90%} #footer-widgets .footer-widget .fwidget { margin-bottom: 5px;} #main-content .container {width: 95%} #linkbox .vc_column_container {width: 50%; float: left;} #news-events #wdg_specialrecentpostsfree-5-srp-singlepost-1, #news-events #wdg_specialrecentpostsfree-5-srp-singlepost-2 {float: none; max-width: 47% !important; } #news-events .widget img { height: auto} #news-events #wdg_specialrecentpostsfree-6 div.srp-widget-singlepost { width: 50% !important; float: left; padding-left: 10px; padding-right: 10px;} } @media (max-width: 767px) { #footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget, .et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n), .et_pb_gutters1 #footer-widgets .footer-widget .fwidget { margin-bottom: 2.5% !important;} } @media (min-width: 981px) { .post-type-archive-tribe_events.et_right_sidebar #sidebar, .single-tribe_events #sidebar {padding-left: 0px;} body.single-tribe_events #page-container #left-area {float: right; padding-right: 0px; padding-left: 5.5%} body.events-archive #page-container #left-area {float: right; padding-right: 0px; padding-left: 5.5%} .single-press-release #left-area {padding-left: 40px;} .single-press-release.et_right_sidebar #sidebar {padding-left: 0px;} .footer-widget:nth-child(odd) { clear: both; width: 73.625% !important;} .footer-widget:nth-child(even) { width: 20.875% !important; margin-right: 0;} .footer-widget { margin: 0 2.5% 2.5% 0 !important;} } body, p, li, ol, ul, table { font-family: Open Sans, Arial, sans serif; !important } li.tender-row img {width: auto !important} div.donation-level-input-container, div.generic-repeat-label-checkbox-container {padding: 0px !Important}