/* Theme Name: Clearing House Theme URI: http://wordpress.org/ Author: Clearing House Version: 1.0 */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* SITE RELATED */ html { overflow-y: scroll; } /* :root { overflow-y: scroll; } */ html {} body { font: 13px/20px Arial, sans-serif; color: #302f2f; background: #fff; } a { color: #80bf6a; text-decoration: none; outline: 0; } a:hover { text-decoration: underline; } fieldset, a img { border: 0; } table { text-align: left; border-collapse: collapse; border-spacing: 0; } td, th { vertical-align: top; text-align: left; } select, input, textarea, p, li, dd, dt, label, legend, td, th, caption { font-size: 13px; line-height: 23px; } select, input, textarea { outline: 0; font-family: Arial, sans-serif; } legend { white-space: normal; } /* =Layout -------------------------------------------------------------- */ #layout { width: 980px; margin: 0 auto; background: url(../images/css/layout-bkg.gif) repeat-y 0 0; } #header { position: relative; height: 168px; background: #fff; border-bottom: 5px solid #fff; z-index: 100; } #content { clear: both; } #content-inner { padding: 0; } #main-content { float: left; width: 715px; position: relative; overflow: hidden; } #sidebar { float: right; width: 265px; ; } /* =HEADER -------------------------------------------------------------- */ #logo, #logo a { display: block; width: 396px; height: 120px; } #logo { position: absolute; left: 0; top: 0; float: left; background: url(../images/css/logo.jpg) no-repeat 0 0; } #logo a { text-indent: -9999px; overflow: hidden; } /* NAVIGATION */ #navigation-container { clear: both; padding: 129px 0 0; width: 100%; } #menu-header { float: left; width: 100%; background: #80bf6a; } #menu-header ul { float: left; width: 100%; padding: 5px 60px 4px; } #menu-header li { float: left; font-size: 19px; line-height: 21px; color: #fff; margin: 0 0 0 25px; position: relative; font-family: "Century Gothic", Arial, Verdana, sans-serif; } #menu-header li a { float: left; color: #fff; padding: 5px; } #menu-header li.first-child { margin: 0; } #menu-header li.first-child a { } #menu-header li ul { display: none; } #menu-header .current-menu-ancestor a, #menu-header .current-menu-parent a, #menu-header .current_page_parent a, #menu-header .current_page_ancestor a, #menu-header a:hover, #menu-header .over a, #menu-header .current-page-ancestor a, #menu-header .current-menu-item a { color: #80bf6a; background: #f6f4f2; text-decoration: none; } #menu-header li.over { z-index: 10; position: relative; } #menu-header li.over a { } #menu-header li ul { display: none; position: absolute; float: none; z-index: 60; top: 31px; left: 0px; width: 70px; background: #f6f4f2; list-style: none; padding: 0 7px 15px; } #menu-header li.over ul { display: block; } #menu-header li li { margin: 0; float: none; width: auto; display: block; padding: 0; background: 0; font-size: 13px; line-height: 15px; text-transform: none; border-bottom: 1px solid #80bf6a; } #menu-header li li:first-child { border-top: 0; } #menu-header li li a { padding: 5px 0; display: block; float: none; background: 0; } #menu-header li.over li a { color: #5ca3cf; } #menu-header li.over li.active a, #menu-header li.over li a:hover { color: #000; } #free-consult { position: absolute; top: 46px; right: 10px; font-size: 19px; line-height: 23px; text-align: right; } /* CONNECT */ #connect { position: relative; padding: 3px 0 0; margin: 0 0 20px; } #connect h3 { position: absolute; top: 15px; right: -13px; width: 92px; padding: 7px 0 0 10px; height: 44px; font: normal 15px/18px "Century Gothic", Arial, Verdana, sans-serif; color: #fff; background: url(../images/css/tab-connect.png) no-repeat 0 0; } #connect ul { list-style: none; padding: 10px 0 0 10px; } #connect li { float: left; margin-left: 8px; } #connect li:first-child { margin-left: 0; } #connect img { display: block; } #searchform { background: url(../images/css/search-bkg.gif) no-repeat 0 0; margin: 0 10px 22px; } #searchform #s { float: left; color: #898787; font-size: 12px; line-height: 14px; width: 165px; padding: 5px 0 3px 35px; background: transparent; border: 0; } #searchform label { position: absolute; top: -9999px; left: -9999px; } #searchform .input-submit { float: right; margin: 7px 12px 0 0; } .browser-chrome #searchform #s { padding-top: 3px; } .browser-safari #searchform #s { padding-top: 3px; } h3.wide-tab { position: absolute; top: 15px; right: -14px; width: 251px; padding: 7px 0 0 22px; height: 44px; font: normal 15px/18px "Century Gothic", Arial, Verdana, sans-serif; color: #fff; background: url(../images/css/sidebar-tab.gif) no-repeat 0 0; } #from-our-blog h3.wide-tab { width: 211px; padding-left: 62px; } #from-our-blog ul { padding: 60px 0 0 12px; } #from-our-blog li { padding: 0 0 20px 10px; font: 14px/17px "Century Gothic", Arial, Verdana, sans-serif; background: url(../images/css/li-dot-green.gif) no-repeat 0 5px; } #from-our-blog li a { color: #3a3a3a; } #blog-tags, #blog-archive, #from-our-blog, #join-our-list { position: relative; padding: 3px 0 0; margin: 0 0 20px; } #join-our-list { padding: 67px 0 0; margin: 0 0 8px; } #join-our-list .inner { margin: 6px; padding: 0 0 10px; background: #e9ecee; } #join-our-list #free-pdf { padding: 10px; font: italic 15px/18px "Century Gothic", Arial, Verdana, sans-serif; color: #57a0ce; } #join-our-list form div { background: url(../images/css/join-email-bkg.png) no-repeat 5px 0; } #join-our-list #cc-email { float: left; margin: 0 0 5px 5px; color: #898787; font-size: 12px; line-height: 14px; width: 181px; padding: 5px 10px; border: 0; background: transparent; } #join-our-list .input-submit { float: right; margin: 5px 5px 0 0; } #blog-archive {} #blog-archive ul { padding: 60px 0 0 12px; } #blog-archive li { padding: 0 0 20px 10px; font: 14px/17px "Century Gothic", Arial, Verdana, sans-serif; background: url(../images/css/li-dot-green.gif) no-repeat 0 5px; } #blog-archive li a { color: #3a3a3a; } #blog-tags { } #tag-cloud { padding: 60px 5px 0; } #tag-cloud a { color: #3a3a3a; } #blog-subscribe { float: left; position: absolute; top: 10px; right: 60px; } #blog-subscribe p { float: left; color: #bcbcbd; font-size: 14px; line-height: 18px; padding: 15px 0 0; } #blog-subscribe ul { float: left; padding-left: 10px; } #blog-subscribe li { float: left; margin-left: 5px; } #blog-subscribe li img { display: block; } #blog-subscribe li a {} .layout-post #blog-subscribe { top: 15px; } /* SLIDESHOW */ #slideshow { width: 700px; height: 314px; overflow: hidden; margin: 0 0 0 6px; } #slideshow .inner { overflow: hidden; position: relative; height: 314px; } #slideshow img { display: block; } #slideshow ul { list-style: none; } #slideshow .items { width: 700px; height: 314px; position: relative; z-index: 10; overflow: hidden; margin: 0; } #slideshow .items li { position: absolute; top: 0; left: 0; z-index: 10; display: none; width: 700px; height: 314px; } #slideshow .items .active { display: block !important; } #slideshow .numbered-nav { float: left; position: absolute; height: 20px; bottom: 12px; right: 20px; list-style: none; z-index: 30; } #slideshow .numbered-nav li { float: left; margin-left: 7px; font-size: 18px; line-height: 29px; } #slideshow .numbered-nav a { width: 20px; height: 20px; float: left; display: block; overflow: hidden; text-indent: -9999px; outline: 0; background: url(../images/css/slideshow-dot.png) no-repeat 0 0; } #slideshow .numbered-nav li.first-active a, #slideshow .numbered-nav li.last-active a, #slideshow .numbered-nav li.active a, #slideshow .numbered-nav li a:hover { background: url(../images/css/slideshow-dot-active.png) no-repeat 0 0; } /* HOME BOXES */ #home-boxes { padding: 15px 0 5px 5px; } #home-boxes .article-intro { width: 215px; overflow: hidden; padding: 0 0 0 10px; margin: 0 0 0 10px; float: left; background: url(../images/css/home-boxes-divider.gif) no-repeat 0 10px; } #home-boxes .first-child { background: 0; margin: 0; } #home-boxes .article-intro h2 { font: bold 23px/26px "Century Gothic", Arial, Verdana, sans-serif; color: #65b04b; text-align: center; margin: 0 0 25px; } #home-boxes .article-intro p { font-size: 14px; line-height: 16px; margin: 0 0 10px; } #home-boxes .article-intro a:hover { text-decoration: underline; } #home-boxes img { border: 0; clear: both; } #home-boxes .blue-link { white-space: nowrap; position: relative; top: 60px; left: -20px; padding: 0 20px 0 0; color: #2daae1; text-decoration: none; background: url(../images/css/arrow-blue.png) no-repeat 100% 50%; } #breadcrumbs { list-style: none; padding: 10px 30px; } #breadcrumbs li { display: inline; font-size: 11px; line-height: 13px; color: #bcbcbd; } #breadcrumbs li a { color: #bcbcbd; } /* =ARTICLE STYLE -------------------------------------------------------------- */ body.error404 #article-container { min-height: 400px; height: auto !important; height: 400px; } #article-container { padding: 0 30px 30px; } .error404 #article-container { padding-top: 30px; } .layout-post #article-container { padding-top: 20px; } .page-id-171 #jetpack h3 label, .page-id-171 #jetpack h3, #content h1 { font: 23px/26px "Century Gothic", Arial, Verdana, sans-serif; color: #65b04b; margin: 0 0 22px; } .layout-category #content h1 { margin: 0 0 75px; } .default-txt h2 { font: 18px/22px Arial, Verdana, sans-serif; color: #65b04b; margin: 0 0 2px; } .default-txt h3 { font: 18px/22px Arial, Verdana, sans-serif; color: #65b04b; margin: 0 0 2px; } .default-txt h2.small { font: 14px/17px Arial, Verdana, sans-serif; color: #65b04b; margin: 0 0 5px; text-transform: uppercase; } .default-txt h4, .default-txt h5, .default-txt h6 { font: 14px/18px Arial, Verdana, sans-serif; color: #65b04b; } .default-txt p, .default-txt ul, .default-txt dl, .default-txt ol { margin-bottom: 20px; } .default-txt dt { font-weight: bold; } .default-txt ul { list-style: none; margin-left: 25px; } .default-txt ul li { padding: 0 0 0 10px; background: url(../images/css/li-dot.png) no-repeat 0 10px; } .default-txt ol { margin-left: 30px; list-style: decimal; } .default-txt ol li { margin-bottom: 5px; } .default-txt li ul, .default-txt li ol { margin-top: 1em; } .default-txt ul ol li { background: 0; padding-left: 0; } .default-txt table { margin: 0 auto 18px; border-collapse: separate; width: 100%; } .default-txt table thead th { border-bottom: 1px solid #c9c9c9; } .default-txt table th, .default-txt table td { padding: 5px 10px; } .default-txt table caption { padding: 0 10px 10px; font-weight: normal; text-align: center; font-weight: bold; } .default-txt thead th { font-weight: normal; } .default-txt tbody th, .default-txt tbody td { font-weight: normal; border-bottom: 1px solid #c9c9c9; } .default-txt tbody th { } .default-txt tbody th a { } .default-txt strong { font-weight: bold; } .default-txt cite, .default-txt em, .default-txt i { font-style: italic; } .default-txt hr { background-color: #80bf6a; border: 0; clear: both; height: 1px; margin: 0 0 20px 0; width: 400px; } .default-txt big { font-size: 131.25%; } .default-txt ins { background: #ffc; text-decoration: none; } .default-txt blockquote { /*padding: 28px 20px 10px 35px; width: 845px; margin: 0 -5px 35px -20px; background: url(../images/css/quote.png) no-repeat 15px 17px;*/ } .default-txt blockquote, .default-txt blockquote p { font-style: italic; } .default-txt blockquote p { margin: 0; } .default-txt blockquote strong {} .default-txt blockquote .quote-author { float: right; font-weight: normal; font-style: normal; } .default-txt blockquote .quote-author strong { font-weight: normal; } .default-txt blockquote cite, .default-txt blockquote em, .default-txt blockquote i { font-style: normal; } .default-txt pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } .default-txt abbr, .default-txt acronym { border-bottom: 1px dotted #666; cursor: help; } .default-txt sup, .default-txt sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } .default-txt sup { bottom: 1ex; } .default-txt sub { top: .5ex; } .default-txt .gallery { padding: 0 0 18px; } .default-txt .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .default-txt .gallery img { margin: 0; border: 0 !important; } .default-txt .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .default-txt .gallery dl { margin: 0; } .default-txt .gallery img { border: 1px solid #f1f1f1; } .default-txt .gallery br+br { display: none; } .default-txt a { text-decoration: underline; } .default-txt a:hover, .default-txt a:active, .default-txt a:focus { text-decoration: none; } .back-to-top { text-align: right; } .default-txt strong { } .default-txt .green-button { text-transform: uppercase; font: 15px/17px "Century Gothic", Arial, Verdana, sans-serif; margin: -10px 0 30px 25px; } .default-txt .green-button a { float: left; background: #80bf6a; color: #fff; padding: 5px 15px; text-decoration: none; } .browser-ie10 .default-txt .green-button a { padding: 8px 15px 4px; } /* RESOURCES */ .page-id-12 .default-txt h2 { margin: 0 0 5px; } .page-id-12 .default-txt table { border-bottom: 1px solid #80bf6a; width: 90%; margin: 0 0 35px; padding: 0 0 20px; } .page-id-12 .default-txt td { border: 0; padding: 0px 0 20px; width: 50%; } .page-id-12 .default-txt th { border: 0; padding: 0px 0 20px; } /* SERVICES */ .page-id-8 .default-txt a.more { color: #302f2f; text-align: right; display: block; } /* CONTACT */ .page-id-15 #article-container { padding-bottom: 10px; } /* =IMAGES -------------------------------------------------------------- */ .default-txt img { max-width: 600px; height: auto; } .default-txt .attachment img { max-width: 600px; height: auto; } .default-txt .alignleft, .default-txt img.alignleft { clear: left; float: left; display: inline; margin: 0 30px 0 0; } .default-txt .alignright, .default-txt img.alignright { float: right; display: inline; margin: 0 0 0 30px; } .default-txt .aligncenter, .default-txt img.aligncenter { clear: both; display: block; margin: 0 auto 20px; } .default-txt img.alignleft, .default-txt img.alignright, .default-txt img.aligncenter { margin-bottom: 5px; margin-top: 5px; } .default-txt img.alignleft, .default-txt img.alignright { } .default-txt .wp-caption { background: #eee; line-height: 18px; margin-bottom: 10px; padding: 8px 4px 4px; } .default-txt .wp-caption img { margin: 0 auto; display: block; } .default-txt .wp-caption p.wp-caption-text { color: #888; font-size: 12px; line-height: 14px; margin: 5px !important; } /* =ARTICLE CONTAINER -------------------------------------------------------------- */ #article-container.has-attachment {} #back-to-article { padding: 0; } #back-to-article { } #article-container .default-txt { } /* =ARTICLE ATTACHMENT -------------------------------------------------------------- */ .attachment-meta {} .attachment-container {} .attachment-container .attachment {} .attachment-document {} .attachment-caption { font-weight: bold; } .attachment-caption p { margin: 0; } .attachment-description { font-style: italic; } .attachment-img {} .attachment-file { font-weight: bold; font-size: 16px; line-height: 18px; padding-bottom: 10px; } /* = CATEGORY LISTING -------------------------------------------------------------- */ #category-articles { position: relative; padding: 20px 30px 30px; } #category-articles h1 { margin-bottom: 20px; } #category-articles .article { margin-bottom: 50px; padding: 0 0 7px; } #category-articles .first-child { } #category-articles .article h2 { font-size: 18px; line-height: 20px; margin: 0 0 15px; border-top: 1px solid #99cc88; } #category-articles .article h2 a { text-decoration: none; } #category-articles .article h2 a:hover { color: #404041; } #category-articles .article h2 a { float: left; margin-top: -17px; color: #80bf6a; width: 530px; } #category-articles .article h2 a span { float: left; padding: 5px 10px 5px 0px; background: #fff; } #category-articles .article h2 .date { float: right; padding: 5px 0px 5px 10px; margin-top: -17px; color: #80bf6a; background: #fff; } .sharing-widget { float: left; margin: 0 0 0 95px; } .post-details .sharing-widget { margin: 0 0 20px; } #category-articles .comments-number { float: left; font: bold 13px/15px Arial, Verdana, sans-serif; margin: -3px 0 0 65px; } #category-articles .comments-number a { float: left; background: #80bf6a; color: #fff; padding: 6px 15px 6px; text-decoration: none; } .browser-firefox #category-articles .comments-number a { padding: 5px 15px 7px; } .post-tags { padding: 0 0 10px; } .post-tags h4 { font: 13px/15px Arial, Verdana, sans-serif; color: #65b04b; margin: 0 0 5px; text-transform: uppercase; } .post-tags ul { line-height: none; } .post-tags li { float: left; } .post-tags a { color: #302f2f; } .pagination { list-style: none; text-align: center; } .pagination li { color: #bcbcbd; display: inline; font-size: 16px; line-height: 18px; border-left: 1px solid #bcbcbd; } .pagination li:first-child { border-left: 0; } .pagination li.prev {} .pagination li.next { padding-left: 5px; margin-left: 2px; } .pagination a { color: #bcbcbd; } .pagination a:hover { color: #000; text-decoration: none; } #pagination-top { position: absolute; top: -20px; right: 50px; } #pagination-bottom {} /* BLOG SUBSCRIBE */ .page-id-171 #jetpack { padding: 0 30px 30px 30px; } .page-id-171 #jetpack form { width: 300px; } .page-id-171 #jetpack p { margin: 0 0 20px; } .page-id-171 #content #subscribe-field { font-size: 12px; line-height: 14px; padding: 5px !important; } .page-id-171 .success { font-size: 12px; line-height: 14px; font-weight: normal; background: #cfe6af; padding: 10px; margin: 0 0 20px; border: 0; } .page-id-171 .success p { margin: 0 !important; } /* SINGLE POST */ .layout-post h1 { position: relative; width: 510px; } .layout-post h1 .date { position: absolute; top: 0; right: -115px; color: #000; font-size: 20px; line-height: 23px; } /* SHOP LIST */ #shop-list { padding: 0 30px 10px; } #shop-list h1 { margin: 0 0 55px; } #shop-list .article { margin: 0 0 45px; } #shop-list .thumbnail { float: left; width: 225px; overflow: hidden; } #shop-list .lead-container { float: right; width: 355px; margin: 0 30px 0 0; overflow: hidden; } #shop-list .lead-container h2 {} #shop-list .lead-container .default-txt {} /* FREE CASE EVALUATION */ #contact-form-container { width: 545px; margin: 0; padding: 0 0 30px; } #contact-form-container h2 { font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: normal; font-style: normal; padding: 0 0 15px; } #contact-form-container form { width: 545px; margin: 0 auto; /*overflow: hidden;*/} #contact-form-container .formBuilderError, #contact-form-container .formBuilderLabelRequired, #contact-form-container .formBuilderLabel { float: left; width: 161px; font-size: 16px; line-height: 18px; text-align: right; color: #80bf6a; padding: 3px 0 0; font-weight: normal; } #contact-form-container .formBuilderSelect select { padding: 5px; width: 272px; float: right; margin: 0 95px 0 0; color: #333; font-size: 14px; line-height: 18px; display: block; } #contact-form-container .formBuilderSelect option { } #contact-form-container .formBuilderField { margin-bottom: 0px; position: relative; } #contact-form-container .large_text_area { margin-bottom: 5px; } /* .browser-chrome #contact-form-container .formBuilderField { margin-bottom: 3px; } .browser-safari #contact-form-container .formBuilderField { margin-bottom: 3px; } */ #contact-form-container .formBuilderLargeTextarea, #contact-form-container .formBuilderSelect, #contact-form-container .formBuilderInput { } #contact-form-container .formBuilderLargeTextarea textarea, #contact-form-container .formBuilderSelect select, #contact-form-container .formBuilderInput input { color: #7e7b7b; } #contact-form-container .formBuilderForm textarea { width: 249px !important; height: 100px !important; clear: none; overflow: auto; background: #fff; } #contact-form-container .formBuilderForm .formBuilderSubmit { text-align: right; padding: 30px 0 0; } #contact-form-container .formBuilderForm .formBuilderSubmit input { display: block; margin: 0 0 0 auto; } /* .browser-chrome #contact-form-container .formBuilderForm .formBuilderSubmit, .browser-safari #contact-form-container .formBuilderForm .formBuilderSubmit { padding-top: 2px; } .browser-chrome #contact-form-container .formBuilderForm .formBuilderSubmit { } .browser-chrome #contact-form-container .formBuilderForm .formBuilderSubmit input { } */ #contact-form-container .formBuilderForm .formBuilderInput input, #contact-form-container .formBuilderForm textarea { float: right; margin: 0 95px 0 0; padding: 4px 10px; color: #7e7b7b; border: 1px solid #dbdddd; font-size: 14px; line-height: 18px; background: #fff; } #contact-form-container .formBuilderForm .formBuilderInput input { width: 249px; } #contact-form-container label.error { display: block; font-size: 13px; line-height: 14px; padding-top: 1px; color: #f00; } #contact-form-container .formBuilderForm .formBuilderError { color: #f00; padding: 0; font-weight: normal !important; position: absolute; top: 5px; left: 460px; width: 230px; text-align: left; font-size: 12px; line-height: 14px; } #contact-form-container .formBuilderSuccess { font-size: 12px; line-height: 14px; font-weight: normal; background: #cfe6af; padding: 10px; width: 251px; margin: 0 auto 5px 190px; border: 0; } #contact-form-container .formBuilderSuccess h4 { font-size: 12px; line-height: 14px; font-weight: normal; color: #000; } #contact-form-container .formBuilderFailure { background: #fe8989; padding: 10px; width: 251px; margin: 0 auto 5px 190px; border: 0; } #contact-form-container .formBuilderFailure p, #contact-form-container .formBuilderFailure ul { margin-bottom: 0 !important; } #contact-form-container .formBuilderFailure h4 { display: none; } #contact-form-container .formBuilderSuccess p, #contact-form-container .formBuilderFailure p, #contact-form-container .formBuilderSuccess li, #contact-form-container .formBuilderFailure li { font-size: 12px; line-height: 14px; } #contact-form-container .formBuilderSuccess p, #contact-form-container .formBuilderSuccess a, #contact-form-container .formBuilderFailure p, #contact-form-container .formBuilderFailure a { color: #000; } /* FOOTER */ #footer { background: #cce2f0; border-top: 5px solid #fff; } #member-of { float: left; width: 316px; padding: 10px 0 0 20px; overflow: hidden; } #member-of h3 { font: normal 18px/20px "Century Gothic", Arial, Verdana, sans-serif; color: #65b04b; margin: 0 0 8px; } #member-of ul { float: left; } #member-of li { float: left; margin-left: 35px; } #member-of li:first-child { margin-left: 25px; } #member-of li img { display: block; } #member-of li a {} #testimonials { float: right; width: 550px; overflow: hidden; margin: 0 0 -10px; padding: 0 50px 0 30px; background: url(../images/css/testimonials-divider.gif) no-repeat 0 14px; } #testimonials .default-txt { background: url(../images/css/quote-green.png) no-repeat 0px 23px; } #testimonials blockquote { padding: 35px 0 0 30px; width: auto; font: italic 13px/18px Georgia, Arial, Verdana, sans-serif; color: #4fa6dd; } #testimonials blockquote p { font: italic 13px/18px Georgia, Arial, Verdana, sans-serif; } #testimonials strong { text-align: right; font-weight: normal; display: block; font-size: 12px; line-height: 14px; padding: 5px 0 0; } #testimonials .read-more { margin-top: -39px; margin-left: 30px; } #testimonials .read-more a { color: #000; text-decoration: none; font-weight: bold; } #testimonials .read-more a:hover { text-decoration: underline; } #contact-info { clear: both; background: #80bf6a; color: #fff; font: 18px/20px "Century Gothic", Arial, Verdana, sans-serif; padding: 5px; text-align: center; } #contact-info a { color: #fff; } #legal { font-size: 12px; line-height: 15px; color: #4c4a4a; padding: 10px; margin: 0 0 30px; } #legal a { color: #4c4a4a; } /* FANCYBOX */ #fancybox-left span { left: 20px; } #fancybox-right span { left: auto; right: 20px; } .browser-ie10 #join-our-list #cc-email, .browser-ie10 #searchform #s { line-height: 15px; } .browser-ie10 .default-txt hr { position: relative; left: -130px; } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; padding: 30px 0 0; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { font-size: 18px; line-height: 20px; color: #a2aaaf; margin: 0 0 10px; } h3#comments-title { padding: 24px 0 0; } h3#comments-title em, h3#reply-title em { font-style: normal; color: #c21f2c; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { /*border-bottom: 1px solid #e7e7e7;*/ line-height: 24px; margin: 0; /*padding: 0 0 0 56px;*/ padding: 0; position: relative; } .commentlist ul.children { margin-left: 15px; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body { clear: both; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } #comments .comment-body p { margin-bottom: 12px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { float: left; width: 200px; font-size: 12px; line-height: 14px; } .comment-author cite { font-size: 12px; line-height: 14px; font-style: normal; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; line-height: 18px; margin: 0 0 5px 0; float: right; width: 200px; text-align: right; } .comment-meta a { color: #afb5be; } .comment-meta a:link, .comment-meta a:visited { text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #55AF46; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #55AF46; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { /*border-bottom: 1px solid #e7e7e7;*/ margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ #respond input[type=submit] { color: #333; } #respond { /*border-top: 1px solid #e7e7e7;*/ margin: 0 0 10px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { font-size: 18px; line-height: 20px; color: #a2aaaf; margin: 0 0 10px; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 14px; line-height: 18px; } #respond input { margin: 0 0 5px; width: 50%; } #respond textarea { width: 97%; overflow: auto; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; line-height: 14px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { cursor: pointer; padding: 2px 5px; width: auto; } #respond .comment-form-author input, #respond .comment-form-email input, #respond .comment-form-url input, #respond .comment-form-comment textarea { color: #333333; display: block; font-size: 12px; line-height: 13px; padding: 5px 6px; } #respond .comment-form-comment { padding-top: 0; } /* =SITE WIDE -------------------------------------------------------------- */ #shop-list .article:after, #join-our-list form div:after, #comments:after, #breadcrumbs:after, .post-tags ul:after, #category-articles .article h2:after, #downloads-list .row:after, .green-button:after, #home-boxes:after, #searchform:after, #connect ul:after, #navigation-container:after, .formBuilderField:after, blockquote:after, #layout:after, .default-txt:after, #content-inner:after, #header:after, #footer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } /* ------------------------------------------------------------ *\ Responsive styles \* ------------------------------------------------------------ */ /* Burger button */ .nav-trigger-outer { display: none; background: #80bf6a; } .menu-text { position: relative; top: -3px; font-size: 22px; color: #fff; margin-left: 10px; } .nav-trigger { position: relative; display: inline-block; width: 40px; height: 26px; } .nav-trigger span { position: absolute; display: block; height: 1px; width: 100%; background: #fff; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; } .nav-trigger span:nth-child(1) { top: 0; } .nav-trigger span:nth-child(2) { top: 12px; } .nav-trigger span:nth-child(3) { top: 25px; } .nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; } .nav-trigger.active span:nth-child(3), .nav-trigger.active span:nth-child(1) { top: 12px; background: #fff; } .nav-trigger.active span:nth-child(2) { opacity: 0; } .nav-trigger.active span:nth-child(1) { transform: rotate(45deg); } .nav-trigger.active span:nth-child(3) { transform: rotate(-45deg); } .desktop #menu-header { display: block !important; } .slider-responsive { position: relative; display: none; opacity: 0; } #contact-form-container .formBuilderFailure { margin-left: 179px; } /* Media Queries */ @media (max-width: 1200px ){ #menu-header ul { padding: 5px 0 4px; } .menu li.first-child { padding-left: 60px; } } @media ( max-width: 1024px ){ .bx-has-pager:after, #menu-header:after { content: ''; clear: both; display: table; } #layout { max-width: 1024px; width: auto; box-sizing: border-box; padding: 0 15px; background: none; } #header { height: auto; } .nav-trigger-outer { display: block; padding: 8px 15px 5px; } #menu-header { display: none; } .menu li.first-child { padding-left: 0px; } #menu-header ul { padding: 5px 10px 10px; float: none; box-sizing: border-box; } #menu-header li { margin: 0; float: none; width: auto; } #menu-header li.over ul { display: none; } #menu-header li ul { display: none; position: static; width: auto; } #menu-header li a { float: none; display: block; } #navigation-container { padding-top: 130px; } #sidebar, #main-content { float: none; width: auto; } #slideshow { display: none; } #slideshow .items { width: auto; height: auto; } #slideshow .items li { width: auto; height: auto; position: static; } #slideshow img { width: 100%; height: auto; } #slideshow a { display: block; } #slideshow .inner { height: auto; } .slider-responsive { display: block; max-height: 445px; overflow: hidden; } .slider-responsive .slides a { display: block; } .slider-responsive .slides img { width: 100%; height: auto; display: block; } .bx-has-pager { position: absolute; bottom: 12px; right: 20px; } .bx-pager-item { float: left; margin-left: 7px; } .bx-pager-link { display: block; width: 20px; height: 20px; background: url(../images/css/slideshow-dot.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4004px; } .bx-pager-link.active { background: url(../images/css/slideshow-dot-active.png) no-repeat 0 0; } #home-boxes { padding: 15px 0 5px 0; } #home-boxes .article-intro { width: 33.33333%; margin: 0; box-sizing: border-box; padding: 20px 10px; } #home-boxes img { display: block; float: none; } #home-boxes .blue-link { position: static; } #from-our-blog h3.wide-tab, h3.wide-tab, #connect h3 { position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; height: auto; display: block; padding: 7px 10px; background: none; background: #80bf6a; width: auto; padding-left: 15px; margin-left: -10px; } #from-our-blog h3.wide-tab:before, h3.wide-tab:before, #connect h3:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 13px 13px 0; border-color: transparent #80bf6a transparent transparent; position: absolute; top: 100%; left: 0px; } #join-our-list .inner { margin-right: 0; } #join-our-list .input-submit, #searchform .input-submit { float: left; margin: 7px 0px 0 20px; } #from-our-blog ul, #join-our-list { padding-top: 10px; margin-bottom: 25px; } #member-of { float: none; width: auto; } #testimonials { float: none; width: auto; margin: 0 0px 0px 15px; padding-left: 15px; } #member-of li:first-child { margin-left: 0; } #member-of li { margin-left: 0; margin: 0px 15px 10px 0px; } #breadcrumbs { padding: 10px 0; } #article-container { padding: 0 0 30px; } .default-txt > div { width: auto !important; } .default-txt .alignleft, .default-txt img.alignleft, .default-txt .alignright, .default-txt img.alignright { float: none; margin-left: 0; margin-right: 0; display: block; } #category-articles { padding: 20px 0 30px; } #blog-archive ul, #tag-cloud { padding: 20px 0 12px; } #pagination-top { right: 0; } #blog-subscribe { right: 0; } .page-template-default .default-txt table { table-layout: fixed; width: 100%; } .page-template-default .default-txt table td { padding: 0 5px; } .page-template-default .default-txt table a { display: inline-block; max-width: 100%; word-break: break-all;} #shop-list { padding: -0px 0 10px; } #shop-list .lead-container { width: auto; float: none; } #respond input, #respond textarea { width: 100%; box-sizing: border-box; } #member-of { padding-left: 0; } #member-of h3 { text-align: center; } #member-of ul { float: none; text-align: center; } #member-of li { margin: 0 0 10px 0; display: inline-block; float: none; display: block; } #member-of li a { display: inline-block; } #testimonials { max-width: 300px; margin: 0 auto; background: none; padding: 0 10px; } #testimonials .default-txt { background: url(../images/css/quote-green.png) no-repeat center 15px; } #testimonials .read-more { margin-top: 0; margin-left: 0; text-align: center; } #testimonials strong { text-align: center; } #testimonials blockquote { padding-left: 0; text-align: center; padding: 35px 0 10px 0px; } #testimonials .default-txt p { margin-bottom: 10px; } #legal { text-align: center; margin: 0; } #connect { text-align: center; } #connect ul { padding: 10px 0 0 0; display: inline-block; } #searchform { width: 200px; margin: 0 auto; } #join-our-list .input-submit, #searchform .input-submit { float: none; display: inline-block; margin: 0; margin-top: 20px; } #searchform fieldset { text-align: center; } #legal { text-align: center; } #join-our-list { text-align: center; } #join-our-list form div { width: 210px; margin: 0 auto; } #join-our-list .input-submit { margin-top: 5px; } } @media ( max-width: 767px ){ #logo { position: static; margin: 0 auto; float: none; margin-top: 10px; } #logo, #logo a { width: 277px; height: 84px; background-size: cover; } #free-consult { top: 110px; left: 10px; right: 10px; text-align: center; } #navigation-container { padding-top: 100px; } #home-boxes .article-intro { width: 100%; text-align: center; margin: 0; border-bottom: 1px solid #70b558; background: none; } #home-boxes img { display: block; margin: 0 auto 10px; max-width: 90px; } #home-boxes .blue-link { position: static; } .layout-category #content h1 { margin: 0 0 30px; } #blog-subscribe { float: none; position: static; margin-bottom: 40px; } #blog-subscribe { content: ''; clear: both; display: table; } #category-articles .article { margin-bottom: 35px; } #category-articles .article h2 .date { float: none; display: inline-block; padding-left: 0; top: -10px; margin-top: 0; padding-top: 0px; padding-right: 10px; position: relative; top: -10px; } #category-articles .article h2 a { float: none; display: block; margin-top: 0; width: auto; } #category-articles .article h2 a span { float: none; background-color: transparent; } .sharing-widget, #category-articles .comments-number { float: none; margin: 0; margin-bottom: 20px; } #category-articles .comments-number a { float: none; } #shop-list .thumbnail { float: none; } #shop-list .article { margin: 0 0 25px; } #contact-form-container { width: auto; } #contact-form-container form { width: auto; } #contact-form-container .formBuilderForm .formBuilderInput input, #contact-form-container .formBuilderForm textarea, #contact-form-container .formBuilderSelect select, #contact-form-container .formBuilderForm .formBuilderInput input { float: none; width: 100% !important; overflow: hidden; box-sizing: border-box; margin: 0; } #contact-form-container .formBuilderLargeTextarea, #contact-form-container .formBuilderSelect, #contact-form-container .formBuilderInput { overflow: hidden; } #contact-form-container .formBuilderError, #contact-form-container .formBuilderLabelRequired, #contact-form-container .formBuilderLabel { width: 130px; float: none; text-align: left; } #contact-form-container .formBuilderForm .formBuilderError { left: auto; right: 0; text-align: right; } #contact-form-container .formBuilderFailure { margin-left: 0; width: 100%; } .layout-post h1 { width: 100%; } .layout-post h1 .date { display: block; position: static; margin-top: 10px; } }