/* ---------------------------------------------- Theme Name :Avocado ------------------------------------------------ */ body {background-color:#fff;margin:2%;padding:0;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;margin:0;padding:0;} a {color:#33CC00;} a img {border:0;} img, object, embed, iframe {max-width:100%;} img {height:auto;-ms-interpolation-mode:bicubic;} * {outline:none;} /* ------------------------------------------ LAYOUT ------------------------------------------- */ #container {background-color:#fff;margin:0 auto;max-width:983px;width:100%;} .inner {} header {background-color:#fff;background:url(/packages/avocado/themes/avocado/images/bubble-background.jpg);padding:15px 0 15px 0;overflow:hidden;} #logo {font-family:'Lato', Arial, Helvetica, sans-serif;display:inline-block;float:left;width:40%;} #header-area {float:right;text-align:right;width:60%;} #header-area p {margin:0;} #header-area input[type="text"] {display:inline!important;} /* ------------------------------------------ NAV MENU ------------------------------------------- */ nav {margin:0;padding:0;clear:both;z-index:10;background:#33CC00;padding:1em 0 1em 0;} nav ul {list-style:none;margin:0;padding:0;} nav ul li {list-style:none;float:left;margin:0;padding:0;text-transform:uppercase;} nav ul li a {font-size:1.25em;color:#fff;background:#33CC00;text-decoration:none;padding:0.75em 3em 0.75em 1em!important;} nav ul li a:hover {color:#453237;} nav ul li a.nav-selected, nav ul li a.nav-path-selected {color:#fff;background:#453237 url(/packages/avocado/themes/avocado/images/tab-slice.png)top right no-repeat;} nav ul li.nav-last {float:right;} nav .clearboth {height:0;} /* Wrapper */ #wrapper {margin:0;overflow:hidden;} /* Feature */ #feature {margin:0 auto 20px auto;overflow:hidden;} #feature p {} #feature img {vertical-align:bottom;} /* ------------------------------------------ BANNER ------------------------------------------- */ #feature .wrapper {margin:0;padding:0;overflow:hidden;} #feature .item {padding:3.8% 3.8% 0 3.8% ;background:#34A34E url(/packages/avocado/themes/avocado/images/lawn-mower-illustration.png) no-repeat top center;min-height:310px;} #feature .item-1 .col_8 h3, #feature .item-1 .col_8 p {margin-right:240px;} #feature .item .col_8 p.link {width:200px;height:40px;margin:0;padding:0;background:#453237 url(/packages/avocado/themes/avocado/images/arrow.png) no-repeat center right;} #feature .item .col_8 a {display:block;height:24px;text-align:right;padding:8px 70px 8px 8px;color:#fff;text-decoration:none;} #feature .item-2 {} /* ------------------------------------------ CUSTOM STUFF ------------------------------------------- */ .box {border:1px solid #33CC00;min-height:229px;position:relative;padding-bottom:35px;} .box h3 {background:#33CC00;padding:3px 5px 10px 5px;color:#fff;} .box p {margin:0 20px 10px 20px;} .box p.link {position:absolute;bottom:0;width:100%;height:40px;margin:0;padding:0;} .box p.link a {display:block;height:24px;text-align:right;padding:8px 60px 8px 8px;color:#fff;text-decoration:none;background:#453237 url(/packages/avocado/themes/avocado/images/arrow.png) no-repeat center right;} ul.box-bullets {list-style:square;margin:0 10px 10px 30px;} ul.box-bullets li {list-style:square;font-size:16px;line-height:1.2;} #sidebar .box {margin-bottom:10px;min-height:0;padding-bottom:45px;} #sidebar .cta-bar {margin-bottom:10px;border:1px solid #33CC00;} #header-area h2 {font-size:24px;margin:0 0 10px 0;line-height:1;} #header-area h3.cta {font-size:34px;margin:0 0 10px 0;line-height:1;} #header-area h3.cta em {font-size:34px;color:#33CC00;font-style:normal;} #header-area p.cta {font-size:18px;margin:0;line-height:1;} ul.split-bullets {list-style: none;padding:0;margin:0 0 20px 0;} ul.split-bullets li {width:40%;float:left;padding-left:1em;text-indent: -.7em;} ul.split-bullets li:before {content:"■";color:#33CC00;margin-right:5px;font-size:18px;} .cta-bar {position:relative;margin-right:200px;height:40px;margin:0;padding:0;background:#453237 url(/packages/avocado/themes/avocado/images/arrow.png) no-repeat center right;} .phone {color:#fff;font-size:18pt;padding:0px 3px 3px 6px;} .cta-bar p.link {position:absolute;top:0;right:0;width:200px;height:40px;margin:0;padding:0;} .cta-bar p.link a {display:block;height:24px;text-align:right;padding:8px 70px 8px 8px;color:#fff;text-decoration:none;} #content .tick {color:#33CC00;min-height:130px;margin:0;padding:0;} #content .tick ul {margin:0;padding:10px 10px 10px 10px;list-style:none;} #content .tick ul li {list-style:none;margin:0;padding:0 0 10px 30px;font-size:18px;background:url(/packages/avocado/themes/avocado/images/tick.png) no-repeat 3px 3px;} .white {color:#fff;} /* Sections */ #sections {margin:0 0 3.8%;padding-bottom:1.5em;border-bottom:1px solid #ccc;} /* Page Meta */ #page-meta {margin-bottom:10px;} #page-meta h1 {margin:0;} #page-meta p {margin:0.25em 0 0;font-family:"Droid Serif", Georgia, Times, serif;font-style:italic;font-size:1.2em;} /* Breadcrumbs */ #breadcrumbs {margin-bottom:0.75em;font-family:"Lato", Arial, Helvetica, sans-serif;font-size:0.75em;text-transform:uppercase;color:#999;float:right;} #breadcrumbs a {color:#999;} #breadcrumbs a:hover {color:#777;} .ccm-autonav-breadcrumb-sep {margin:0 3px;} /* Content */ #content {} /* Sidebar */ #sidebar {} /* Sub Navigation */ #sidebar ul.nav, #sidebar ul.nav ul {margin:0 0 2em;padding:0;list-style:none;font-family:'Lato', Arial, Helvetica, sans-serif;} #sidebar ul.nav li {font-size:1.1em;text-transform:uppercase;margin-top:2px;margin-bottom:3px;padding:0;} #sidebar ul.nav li a {background:#eee;color:#666;text-decoration:none;display:block;padding:5px;border-left:3px solid #bbb;} #sidebar ul.nav li a:hover, #sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {background:#ddd!important;color:#444!important;border-left-color:#888!important;} #sidebar ul.nav li a.nav-selected, #sidebar ul.nav li a.nav-path-selected {font-weight:bold;} #sidebar ul.nav li li {border-bottom:none!important;color:#777;font-size:0.85em;text-transform:none;} #sidebar ul.nav li ul {margin:0.5em 1em;} #sidebar ul.nav li li a {background:none;padding:0!important;border:none;} #sidebar ul.nav li li a:hover, #sidebar ul.nav li li a.nav-selected, #sidebar ul.nav li li a.nav-path-selected {background:none!important;} /* Footer */ footer {clear:both;margin:0;padding:0;font-size:12px;text-align:center;} footer h2 {font-size:24px;margin:0 0 10px 0;line-height:1;} footer h3.cta {font-size:34px;margin:0 0 10px 0;line-height:1;} footer h3.cta em {font-size:34px;color:#33CC00;font-style:normal;} footer p.cta {font-size:18px;margin:0;line-height:1;} footer ul {margin-left:0;list-style:none;} footer ul li {display:inline;font-size:18px;margin:0 10px 0 10px;} footer ul li a {text-decoration:none;} footer .right a {text-decoration:none;color:#453237;} /* Forms ================================================== */ #container form {margin-bottom:20px;} #container fieldset {margin-bottom:20px;} #container input[type="text"], #container input[type="password"], #container input[type="email"], #container input[type="tel"], #container textarea, #container select {border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#777;margin:0;width:210px;max-width:100%;display:block;margin-bottom:20px;background:#fff;} #container select {padding:0;} #container input[type="text"]:focus, #container input[type="password"]:focus, #container input[type="email"]:focus, #container input[type="tel"]:focus, #container textarea:focus {border:1px solid #aaa;color:#444;-moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2);} #container textarea {min-height:60px;} #container label, #container legend {display:block;font-weight:bold;font-size:13px;} #container select {width:220px;} #container input[type="checkbox"] {display:inline;} #container label span, #container legend span {font-weight:normal;font-size:13px;color:#444;} /* Page List Block */ .ccm-page-list-title {margin:0 0 0.45em;} div.ccm-page-list-description {margin-bottom:2.5em;} .ccm-page-list-thumbnail {margin-bottom:0.5em;} .ccm-page-list-link {text-decoration:none;} .ccm-page-list-one-col .row, .ccm-page-list-two-col .row, .ccm-page-list-three-col .row, .ccm-page-list-four-col .row {margin-bottom:2em;} .ccm-page-list-one-col p, .ccm-page-list-two-col p, .ccm-page-list-three-col p, .ccm-page-list-four-col p {margin-bottom:0.75em;} /* Blog Styles */ /* Default Blog */ #blog-index .entry {} #blog-index .entry .title h3 {margin:0 0 0.5em;} .meta, #blog-index .entry .title h4 {font-family:"Droid Serif", Georgia, Times, serif;font-size:0.95em;font-style:italic;color:#999;} .meta a, #blog-index .entry .title h4 a {color:#999;} .meta a:hover, #blog-index .entry .title h4 a:hover {color:#666;} .blog-entry-divider {margin:3em 0!important;} h4.guestBook-title {border-bottom-color:#ccc!important;margin-left:0!important;margin-right:0!important;} /* Date Nav / Tag Cloud */ .ccmDateNav, .ccm-search-block-tag-cloud-wrapper {margin-bottom:1.5em;} ul.ccm-search-block-tag-cloud li a {line-height:1em;} /* Slideshow block */ .ccm-SlideshowBlock-display .slideImgWrap div { background-position:center top !important; background-size:100% auto !important;} /* Icons */ .date, .tags, .comments, .user, .star, .settings, .view, h4.guestBook-title {background-position:left 50%;background-repeat:no-repeat;padding-left:16px;margin:0 2px;} .date {background-image:url(/packages/avocado/themes/avocado/images/icons/calendar.png);} .tags {background-image:url(/packages/avocado/themes/avocado/images/icons/tag.png);} .comments, h4.guestBook-title {background-image:url(/packages/avocado/themes/avocado/images/icons/comments.png);} .user {background-image:url(/packages/avocado/themes/avocado/images/icons/user.png);padding-left:15px;} .star {background-image:url(/packages/avocado/themes/avocado/images/icons/star.png);} .settings {background-image:url(/packages/avocado/themes/avocado/images/icons/settings.png);} .view {background-image:url(/packages/avocado/themes/avocado/images/icons/view.png);} /* Next/Previous */ .ccm-next-previous-wrapper .ccm-next-previous-parentlink {text-align:center;} /* #Buttons ================================================== */ #container a.button, #container button, #container input[type="submit"], #container input[type="reset"], #container input[type="button"] {background:#eee; /* Old browsers */ background:#eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background:#eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background:#eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background:#eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background:#eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background:#eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border:1px solid #aaa;border-top:1px solid #ccc;border-left:1px solid #ccc;padding:4px 12px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;color:#444;display:inline-block;font-size:11px;font-weight:bold;text-decoration:none;text-shadow:0 1px rgba(255, 255, 255, .75);cursor:pointer;margin-bottom:20px;line-height:21px;font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;} #container a.button:hover, #container button:hover, #container input[type="submit"]:hover, #container input[type="reset"]:hover, #container input[type="button"]:hover {color:#222;background:#ddd; /* Old browsers */ background:#ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background:#ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background:#ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background:#ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background:#ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background:#ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border:1px solid #888;border-top:1px solid #aaa;border-left:1px solid #aaa;} #container a.button:active, #container button:active, #container input[type="submit"]:active, #container input[type="reset"]:active, #container input[type="button"]:active {border:1px solid #666;background:#ccc; /* Old browsers */ background:#ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background:#ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background:#ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background:#ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background:#ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background:#ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } #container .button.full-width, #container button.full-width, #container input[type="submit"].full-width, #container input[type="reset"].full-width, #container input[type="button"].full-width {width:100%;padding-left:0 !important;padding-right:0 !important;text-align:center;} .row {clear:both;display:block!important;margin-left:0!important;overflow:hidden;margin-bottom:20px;} /* Google Maps Fix */ .googleMapCanvas img {max-width:none!important;} /* alignment classes & additional classes*/ .left {float:left;} .right {float:right;} /* Clearing */ .clearboth {clear:both;} .clear {display:inline-block;} .clear:after {display:block;visibility:hidden;clear:both;height:0;content:".";} /* clearfix */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;}