/****************** CSS RESET ******************/ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;vertical-align:baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} body{width:100%;} html{width:100%;position:relative;z-index:-1001;} ol, ul{list-style:none;} blockquote, q{quotes:none;} blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} h1, h2, h3, h4, h5, h6{font-weight:300;} :focus{outline:0 !important;} .screen-reader-text{display:none;} input, textarea{-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;font-family:'Open Sans';} *{-webkit-tap-highlight-color:transparent;} div, a, section, article, span, img, h1, h2, h3, h4, h5 ,h6{} input:focus::-webkit-input-placeholder { color:transparent; } input:focus:-moz-placeholder { color:transparent; } input:focus::-moz-placeholder { color:transparent; } input:focus:-ms-input-placeholder { color:transparent; } /****************** GLOBAL ******************/ html,body{height:100%; width:100%; font-family: 'Open Sans'; color:#877d6e; font-weight:300; font-size:16px; line-height:20px; color:#706259; } body{ max-width:100%; overflow-x:hidden; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased;} .mobileOnly{ display:none;} .mobile-only .desktopOnly{ display:block;} #page{ position:relative;} .maxContain{ max-width:1300px; margin:0 auto; display:block; height:100%; width:auto; position:relative; padding:0 20px;} .maxContainInner{ max-width:980px; padding:0 110px; margin:0 auto; display:block; height:100%; width:auto; position:relative;} a{ color:#669cd3;} a:hover{ color:#3a7bbd;} a.fa{font-family: 'Open Sans'; } a.fa:before{font: normal normal normal 14px/1 FontAwesome; margin-right: 6px;} .backgroundBrown a{color:#ffb718} .backgroundBrown a:hover{ color:#e8a707;} .backgroundBrown .button a{color:#fff; text-decoration:none} .backgroundBrown .button a:hover{ color:#fff;} b,strong{ font-weight:600;} img{max-width:100%; height:auto} .left{ float:left;} .right{ float:right} .clear{clear:both;} .center{ text-align:center} .hide{ display:none;} .row{margin:0 -1%; font-weight:400;} .row{ text-align:center} .row > div{ display:inline-block; vertical-align:top; text-align:left; margin-bottom:1%;} .two-third{width:64.6%; padding:0 1%;} .third{width:31.3%; padding:0 1%;} .fourth{width:23%; padding:0 1%;} .half{width:48%; padding:0 1%;} .backgroundGreen{ background:#658320; color:#fff;} .backgroundGreenLight{ background:#6c8844; color:#fff;} .backgroundBrown{ background:#8f5927; color:#fff; font-weight:400} .backgroundBrownLight{ background:#f1e4d3; color:#706259;} h1{ font-size:32px; font-weight:500; margin-bottom:15px; line-height:32px;} h2{ font-size:32px; font-weight:500; margin-bottom:15px; line-height:32px;} h4{ font-weight:600;} h5{ font-style: italic} .green{ color:#6c8945;} .backgroundBrownLight h2{color:#8f5927;} .backgroundGreenLight h1, .backgroundGreenLight h2, .backgroundBrown h2, .backgroundGreen h2{ color:#fff;} .helper { display: inline-block; height: 100%; vertical-align: middle;} .table{ display:table; height:100%;} .tablecell{ display:table-cell; vertical-align:middle;} #content .nodeTabs{ position:relative; top:0; left:0; background:#eee; padding-top:10px; text-align:right} #content .nodeTabs ul{ max-width:1300px; margin:0 auto; padding:0} #content .nodeTabs li{ display:inline-block;} /****************** FORMS ******************/ .node-webform h2{ display:none !important;} .container-inline input{ display:inline-block; vertical-align:middle;} .container-inline .form-item, .container-inline .form-actions{ display:inline-block;} form.webform-client-form{ text-align:left; padding-top:30px;} form.webform-client-form .webform-component-fieldset{ padding-bottom:20px;} form.webform-client-form legend{ width:100%;} form.webform-client-form .fieldset-legend{ font-size:23px; color:#658320; font-weight:500; border-bottom:1px #706259 solid; display:block; padding-bottom:10px;} form.webform-client-form .fieldset-wrapper > .form-item > label{ width:235px; display: inline-block; text-align:right; vertical-align:middle; font-weight:400} input, textarea{ border:1px solid #706259; padding:0 10px; height:30px; line-height:30px; display:inline-block; font-size:16px; max-width:475px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} input[type=submit]{ cursor:pointer; width:auto; background:#8f5927; color:#fff; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; border:none; width:200px; max-width:100%; margin:0 auto; display:block; line-height: 42px; height:44px; padding:0 0 2px; } input[type=submit]:hover{ background:#704820;} input[type=checkbox]{ width:auto; } input[type=radio]{ width:auto;} input.webform-calendar{ width:30px; border:none;} .form-textarea-wrapper{ display:inline-block; max-width:475px; position: relative; vertical-align: top;} textarea{ height:100px;} .form-item .description, .captcha{ margin-left:235px;} .checkbox, .radio, .select, select{ cursor:pointer} .checkbox, .radio { width: 30px; height: 30px; padding: 0; display:inline-block; vertical-align:middle; margin:-3px 3px 3px; /* background: url(http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/checkbox.png) no-repeat; */ /* background: url(../images/check-box.png) no-repeat; */ /* background-color: black; */ } .checkbox-icon:after{ content: "\2713"; font-size: 34px } .checkbox { width: 25px; height: 25px; border: 1px solid black; } .radio { background: url(../images/radio.png) no-repeat; } .select { position: absolute; height: 30px; padding: 0 24px 0 8px; overflow: hidden; line-height:30px; border:1px solid #706259; background: url(../images/select-arrow.png) no-repeat 90% center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select, select.form-select{height: 30px; line-height:30px; padding: 0 24px 0 8px;} .select, select, select.form-select{width: 308px !important; background-position: 288px 55%;} .webform-datepicker .select, .webform-datepicker select, .webform-datepicker select.form-select{width: 100px !important; background-position: 80px 55%;} /****************** BUTTONS ******************/ a.button,.button{ display:inline-block; line-height:22px; background:#ffb718; color:#fff !important; font-weight:600; padding:12px 25px; font-size:20px; margin-top:20px; text-align:center; text-decoration:none; -webkit-border-radius:10px; -ms-border-radius:10px; border-radius:10px; cursor:pointer} .button:hover{background:#e8a707; color:#fff;} .button.brown{background:#8f5927;} .button.brown:hover{background:#75481f;} /****************** FLEXSLIDER ******************/ #content .flexslider{margin:0; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} #content .flexslider ul{ list-style:none; padding:0; margin:0;} #content .flexslider ul.slides li{background-size:cover !important; background-position:center center; overflow:hidden;} #content .flexslider ul.slides li > div{ height:100%;} /****************** CALENDAR ******************/ .calendar-calendar .calendar .stripe{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; height:100% !important;} .calendar-calendar .calendar .contents{ z-index:5; top:0px; position:relative; color:#fff;} .ui-datepicker{ z-index:auto !important} /****************** HEADER ******************/ #header{ position:fixed; top:0; right:0; left:0; z-index:500; background:#fff; height:97px} #header.minimized{ -webkit-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 22px -6px rgba(0,0,0,0.4); box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.4);} #headerSpacer{height:96px; background:#8f5927;} #logo{ float:left; margin-left:-20px;} #logo img{ margin-top:20px; margin-bottom:-40px;} #navigation { font-weight:500; line-height:37px; margin-bottom:-5px; padding-top:8px;} #navigation ul.menu{margin:0; font-size:16px;} #navigation .content > ul.menu > li{ display:block; float:left; margin:0 8px; position:relative; padding:0 0 5px;} #navigation .content > ul.menu > li > a{ display:block; text-decoration:none; border-bottom: solid 7px #fff; border-collapse: collapse; padding:0 10px 0px; margin-bottom:0px; font-weight:600; color:#706259; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #navigation .content > ul.menu > li:hover > a, #navigation .content > ul.menu > li > a:hover, #navigation .content > ul.menu > li > a.active-trail{ border-bottom:8px #658320 solid; color:#706259; border-collapse: collapse;} #navigation .content > ul.menu > li > ul{ display:none; position:absolute; top:100%; left:0; background:#658320; list-style:none; margin:0; padding:10px 20px; min-width:100%; box-sizing:border-box; -ms-box-sizing:border-box; webkit-box-sizing:border-box;} #navigation .content > ul.menu > li:hover > ul{display:block;} #navigation .content > ul.menu > li > ul li{ list-style:none; font-size:14px; margin:0; padding:0; line-height:30px;} #navigation .content > ul.menu > li > ul a{ color:#fff; text-decoration:none; white-space:nowrap;} #navigation .content > ul.menu > li > ul a:hover {text-decoration: underline;} #navigation .content > ul.menu > li > ul ul{ padding-left:10px} #navigation-secondary { padding:0px 50% 0px 10px; margin-right:-50%; border-radius: 0 0 0 10px; font-size:13px; line-height:42px;} #navigation-secondary ul{margin:0;} #navigation-secondary li{ display:block; float:left; margin:0 10px;} #navigation-secondary a{color:#fff; display:block; text-decoration:none} #navigation-secondary a.active-trail{ font-weight:60} a#payBill{ background:#fff; color:#658320; padding: 0 8px; line-height:22px; margin:10px 0 10px -8px ; border-radius:10px; -ms-border-radius:10px; -webkit-border-radius:10px;} #navigation-secondary a.fa{ffont-size:13px; line-height:42px; font-weight:bold} #navigation-secondary a.fa:before{margin-right: 6px;} #alerts{ background:#b51a1a; color:#fff; z-index:5; font-weight:500; position:relative; font-size:14px; -webkit-box-shadow: 0px 2px 22px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 2px 22px -6px rgba(0,0,0,0.75); box-shadow: 0px 2px 22px -6px rgba(0,0,0,0.75);} #alertsContainer{ padding:10px 0; border-bottom:5px #F1E4D3 solid;} #alerts p{ margin:0; padding:0 250px; display:block} /****************** WHITE ARROW SPACE ******************/ .whiteArrowArea{ height:0px; position:relative; margin-bottom:-30px;} .whiteArrowArea div{ background:#fff; height:30px; width:50%; position:absolute; top:-30px;} .whiteArrowArea .leftWhitespace{left:-30px;} .whiteArrowArea .rightWhitespace{right:-30px;} .whiteArrowArea .leftWhitespace:before, .whiteArrowArea .rightWhitespace:before{ position:absolute; top:0; content: '';} .whiteArrowArea .leftWhitespace:before{width: 0; height: 0; border-style: solid; border-width: 30px 0 0 30px; border-color: transparent transparent transparent #ffffff; right:-30px} .whiteArrowArea .rightWhitespace:before{width: 0; height: 0; border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #ffffff transparent; left:-30px} /****************** HOME ******************/ /*flexslider*/ .homeSlider.flexslider ul.slides li{height:450px;} #content .flexslider ul.slides li .slideLinkContain{ background: rgba(255,255,255,.8); padding:0px 20px 0px 1025px; position: absolute; bottom:95px; left:0; max-width:500px; margin-left:-1000px; color:#774517; font-size:26px; line-height:29px; text-align:center;} #content .flexslider ul.slides li .slideLinkContain a{color:#774517; text-decoration:none; display:block; height:100%; font-weight:bold; overflow:hidden;} #content .flexslider ul.slides li .slideTitle{ display:block; padding:12px 0;} #content .flexslider ul.slides li .slideButton{ position:absolute; left:100%; margin-left:10px; top:0; bottom:0; padding:0 27px 0 7px; background:rgba(241,179,25,.8); vertical-align:middle; display:block; color:#fff; font-size:18px; line-height:19px; border-radius: 0 10px 10px 0;} #content .flexslider ul.slides li .slideButton .fa{ position:absolute; right:5px; top:50%; margin-top:-10px; font-size:20px;} .homeSlider .flex-control-nav{bottom:50px;} .homeSlider .flex-control-paging li a.flex-active{ background:transparent} .homeSlider .flex-control-paging li a{background:#fff; border:2px #fff solid;} .homeSlider .flex-direction-nav{bottom:0px;} .homeSlider .flex-direction-nav a{text-decoration: none; top:auto; bottom:43px; text-shadow:none; background:rgba(255,255,255,.8); line-height:20px; font-size:20px; border-radius:5px;opacity:1; color:#905926} .homeSlider .flex-direction-nav a.flex-prev{left:25px;} .homeSlider .flex-direction-nav a.flex-next{right:25px;opacity:.8;} .flexslider:hover .flex-next, .flexslider:hover .flex-prev {opacity:1;} .flex-direction-nav a.flex-next:before{padding:11px 11px 0 0; content: "\f054"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; font-weight:300;} .flex-direction-nav a.flex-prev:before{padding:11px 0 0 11px; content: "\f053"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px;font-weight:300;} .homeArrowArea{margin-bottom:0px;} /*content blocks*/ .bean-field-collection .field-type-field-collection > .field-items{ margin:0 -2% -30px; padding:0 25px; text-align:center; overflow:hidden} .bean-field-collection .field-type-field-collection > .field-items > .field-item { width:21%; padding:0 2% 30px; display:inline-block; text-align:center; vertical-align:top} .bean-field-collection .field-name-field-title1, .bean-field-collection .field-name-field-link{color:#8f5927; font-size:23px; font-weight:500; line-height:26px; margin:12px 0 15px;} .bean-field-collection .field-name-field-link a{color:#8f5927; text-decoration:none} .bean-field-collection .field-type-field-collection > .field-items > .field-item:hover .field-type-image, .bean-field-collection .field-type-field-collection > .field-items > .field-item:hover .field-name-field-link { opacity:.7} /*serviceareas*/ .residentialServiceAreaHeader{ margin-bottom:25px;text-align:center } .residentialServiceAreaHeader h3{ font-size:18px; font-weight:400; margin-bottom:5px;} .residentialServiceAreaHeader .fa:before{ display:inline-block; top:auto; position:relative} .residentialServiceSearch{ background:#8f5927; width:215px; color:#fff; position:absolute; top:0; bottom:0; left:0; margin-left:-1000px; padding:60px 40px 30px 1025px; text-align:right; font-size:23px; line-height:26px;} .residentialServiceSearchHeader{ font-size:37px; line-height:36px; font-weight:600; margin-bottom:15px; float:right; max-width:95%;} .residentialServiceSearchContent{float:right; max-width:77%;} .residentialServiceSearchForm{padding:35px 0 20px;} .residentialServiceSearch .link{ font-size:14px; color:#efb31d;text-decoration:none; float:right; width:75%; text-align:left; line-height:17px} .residentialServiceSearch .link:before{ font-size:1.5em; float:left; margin-3px 6px 10px 0} .residentialServiceSearch .link:hover{ text-decoration:underline} .residentialServiceSearchForm input{color:#8f5927; border-radius:10px; height:38px; line-height:38px; text-align: center; width:85%;float:right; margin:0 0 20px; vertical-align:middle} .residentialServiceSearchForm ::-webkit-input-placeholder { color: #8f5927;} .residentialServiceSearchForm :-moz-placeholder { color: #8f5927;} .residentialServiceSearchForm ::-moz-placeholder { color: #8f5927;} .residentialServiceSearchForm :-ms-input-placeholder { color: #8f5927;} .residentialServiceSearchForm input[type=submit]{ width:50px; color:#fff; background:#ffb718; border:1px #fff solid; text-transform:uppercase; font-weight:400; height:36px; line-height:34px;} .residentialServiceSearchForm input[type=submit]:hover{ color:#e8a707;background:#fff; border:1px #e8a707 solid;} .residentialServiceMap{ margin:0 280px; height:650px; text-align:center;} .residentialServiceMapContain{ max-width:433px; margin:0 auto; width:100%; position:relative} .residentialServiceMap img{margin:30px 0; max-width:100%;} .residentialServiceMapContent{ padding:0 20px;} .residentialServiceCounties{ background:#f1e4d3; width:215px; position:absolute; top:0; bottom:0; right:0; margin-right:-1000px; padding:60px 1025px 30px 40px; color:#8f5927;} .residentialServiceCountyHeader{ font-weight:600; font-size:23px; line-height:26px; max-width:200px; padding-bottom:30px} .residentialServiceCounties a{color:#8f5927; text-decoration:none; line-height:30px;} .residentialServiceCounties a:hover{ text-decoration:underline;} .mapLink{ background:#ffb718; padding:4px 8px 4px 32px; margin:0; color:#fff; border-radius:20px; font-weight:600; text-decoration:none; font-size:14px; line-height:1em; position:absolute; left:0; top:0; margin-bottom:30px;} .mapLink:hover{ background:#e8a707; color:#fff;} .mapLink:before{ content:""; position:absolute; top:-10px; left:-10px; height:40px; width:40px; background-color:#ffb718; border-radius:50%; display:block; background-image:url(../images/home-map-arrow.png); background-position:1px 2px; background-repeat: no-repeat;} .mapLink:hover:before{ background-color:#e8a707; } /****************** CONTENT ******************/ #block-system-main{ overflow:hidden;} #content{ position:relative;} #content .featured.backgroundBrown{padding-bottom:20px;} #content .featured.backgroundBrown h3{padding-top:0px;} #main-wrapper{ position:relative;} .contentSection{ padding-top:65px; padding-bottom:55px;} .contentSectionTop{ padding-top:0;} .contentSectionBottom{ padding-bottom:0;} #content .contentSectionHeader h2{float:left; display:inline-block; vertical-align:text-bottom} #content p{ padding:0 0 15px;} #content ul{ list-style:disc; padding: 0 0 15px 17px;} #content .contentSection{padding-bottom:60px} #content .contentSection h3{font-size:23px; font-weight:500; padding:25px 0 15px;} #content .contentSection h3 b{color:#6c8945; font-weight:700;} #content .contentSection > .field-name-body{padding-top:0px; margin-bottom:-20px;} #content .group-featured{ padding-bottom:0px;} #content .group-right-page{margin-left:60px; max-width:50%;} #content .group-right-side{ margin:0 0 30px 30px; max-width:50%;} /*featured images*/ .featured .field-type-image img{border:1px solid #FFFFFF} .field-type-image.right img{max-width:100%; height:auto; margin:0 0 20px 20px; } .countyMap{margin-left:60px; margin-top:-35px;} /*tip link*/ #content .contentSection a.contentSectionTipLink{ text-decoration:none; color:#6c8945; display:inline-block; vertical-align:text-bottom; line-height:16px; margin:12px 0 18px;} #content .contentSection a.contentSectionTipLink:hover{ color:#527423;} /*content blocks*/ .block-bean.maxContain{padding:35px 0 35px;overflow:hidden} /* "taxonomy" arrow blocks -- residential*/ .taxonomyServices .row{margin-top:40px; margin-bottom:-20px;} .taxonomyServices .fourth{color:#8f5927; font-weight:500; font-size:23px; line-height:24px;padding-bottom:30px; float:none; display:inline-block; *display:block; *float:left; vertical-align:top; text-align:center} .backgroundBrownLight .taxonomyServices .fourth{color:#706259; } .taxonomyServiceImageKnob{ background:#8f5927; color:#fff; left:100%; top:55px; position:absolute; padding:15% 5px; border-radius:0 5px 5px 0; margin-left:1px; z-index:1} .backgroundBrownLight .taxonomyServices .taxonomyServiceImageKnob{background:#ffb718;} .taxonomyServiceImage{ padding-bottom:20px; display:block; margin:0 auto; position:relative; max-width:199px; cursor: pointer} .taxonomyServiceImage img{border:0px #ccc solid; display:block; margin:-0px; position:relative; z-index:10; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);} .taxonomyServiceImage:hover img{ border:5px #8f5927 solid; margin:-5px} .taxonomyServiceImage:hover .taxonomyServiceImageKnob{ margin-top:5px;} .backgroundBrownLight .taxonomyServices .taxonomyServiceImage:hover img{ border-color:#ffb718;} .taxonomyServices .fourth.notAvailable {color:#caa977 !important} .taxonomyServices .fourth.notAvailable .taxonomyServiceImage:hover{ cursor:pointer} /* .taxonomyServices .fourth.notAvailable .taxonomyServiceImage:hover img{border:0px #ccc solid; display:block; margin:-0px; position:relative; z-index:10;} .taxonomyServices .fourth.notAvailable .taxonomyServiceImage:hover .taxonomyServiceImageKnob{ margin-top:0px;} */ /* taxonomy content "tabs" -- business */ .taxonomyContent .row{margin-top:40px; margin-bottom:-20px;} .taxonomyContent .row > div.fourth{color:#706259; font-weight:500; font-size:23px; line-height:24px;padding-bottom:35px; float:none; display:inline-block; *display:block; *float:left; vertical-align:top; text-align:center} .taxonomyContentImage{ padding-bottom:15px; display:block; margin:0 auto; position:relative; max-width:199px; cursor: pointer} .taxonomyContentImage img{border:0px #ccc solid; display:block; margin:-0px; position:relative; z-index:10; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);} .page-node-26 .taxonomyContentImage, .page-node-24 .taxonomyContentImage {cursor: default;} /* Garbage Collection & Document Destruction pages only */ .taxonomyContent .fourth:hover .taxonomyContentImage img, .taxonomyContent .fourth.active .taxonomyContentImage img{ border:5px #8f5927 solid; margin:-5px} .taxonomyContent .fourth:hover, .taxonomyContent .fourth.active {color:#8f5927;font-weight:600;} .backgroundBrownLight .taxonomyContent .taxonomyContentImage:hover img{ border-color:#ffb718; } .featured .tabContentContain{} .featured .tabContent{ display:block;padding:0px 0 0; margin-top:0px;} .featured .tabContent.active{ display:block} #content .featured .tabContent .group-right-side{ margin:0; width:37%;} #content .featured .tabContent .group-left-side{width:60%;} #content .featured .tabContent .group-left-side.no-right-side{ float:none; width:100%;} .featured .tabContent h2, .taxonomyContent .tabContent h3{ font-size:23px; line-height:1.2em; margin-bottom:30px; font-weight:600} .featured .tabContent .field-name-field-link{padding-top:18px; line-height:30px;} .featured .tabContent .field-name-field-link a{ color:#ffb718; text-decoration:none; font-weight:400} .featured .tabContent .field-name-field-link a:before { font: normal normal normal 20px FontAwesome; margin-right: 5px; content: "\f138"; display:inline-block; vertical-align:text-top; margin-top:1px;} .featured .tabContent .field-name-field-link a:hover{color:#e8a707} .featured .tabContent .ds-2col > .group-left{width:60%; width: calc(100% - 365px - 50px); padding-right:3%; padding-right:calc(50px);} .featured .tabContent .ds-2col > .group-right{width:37%; width: calc(365px);} .featured .tabContent .ds-2col > .group-right img{ max-width:100%;height:auto} /* tabs -- drop sites */ .node-type-map-page #content .contentSection.tabbedBlock{padding-bottom:0;} #content .tabWidget{ position:relative; margin-top:30px; text-align:left;} #content .tabsContain ul{padding:0; margin:0 0 0px 25px; list-style:none; font-size:17px; font-weight:400; text-align:left} #content .tabsContain ul li{padding:18px 45px 13px; margin:0 -2px 0 0; display:inline-block; *display:block; *float:left; background:#fff; cursor:pointer; position:relative; z-index:1;} #content .tabsContain ul li.active{ z-index:10; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);} #content .tabsContain ul li:before{ position:absolute; top:100%; height:10px; left:-5px; right:-5px; background:#fff; display:block; content:"";} #content .tabsContentContain{border:0px #ccc solid; display:block; padding:40px 70px 50px; z-index:5; position:relative; text-align:left; -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25); box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);} #content .tabsContentContain > ul, #content .tabsContentContain > ul > li{margin:0; padding:0; list-style:none;} #content .tabsContentContain > ul > li{ display:none;} #content .tabsContentContain > ul > li.active{ display:block} .tabimg-col1{ width:200px; position:absolute; top:55px; left:55px;} .tabimg-col2{ margin-left:175px; padding:20px 0 15px;} /*accordian lists*/ #content .tabsContentContain > ul > li ul.accordian{ list-style:none; padding:0; margin:0; font-weight:300;} #content .tabsContentContain > ul > li ul.accordian > li{ line-height: 16px; padding:7px 0; position:relative} #content .tabsContentContain > ul > li ul.accordian > li.isParent{ color:#669cd3; font-weight:500; cursor:pointer;} #content .tabsContentContain > ul > li ul.accordian > li.isParent li{ color:#706259 ; font-weight:300; padding:3px 0} #content .tabsContentContain > ul > li ul.accordian > li.isParent > ul{padding:0 0 0 40px; list-style:none; padding-top:5px;} #content .tabsContentContain > ul > li ul.accordian > li > ul{ display:none} #content .tabsContentContain > ul > li ul.accordian > li.active > ul{ display:block} #content .tabsContentContain > ul > li ul.accordian > li.isParent .arrow{content: "";display: inline-block; margin:-3px 0 0 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #669cd3; vertical-align:middle} #content .tabsContentContain > ul > li ul.accordian > li.isParent.active .arrow{margin:-3px 0 0 5px; border-right: 5px solid transparent; border-top: 5px solid #669cd3; border-left: 5px solid transparent; border-bottom:none;} /* cities by county */ #content .contentSection.citiesByCounty table{ font-weight:400} #content .contentSection.citiesByCounty table thead{ border-bottom:1px #706259 solid; color:#8f5927; font-size:18px; font-weight:600;} #content .contentSection.citiesByCounty table thead td{padding-bottom:15px;} #content .contentSection.citiesByCounty table td{padding:15px 20px 15px 0;} #content .contentSection.citiesByCounty table tbody tr:first-child td{ padding-top:40px;} #content .contentSection.citiesByCounty table a{ font-weight:600; text-decoration: none} #content .contentSection.citiesByCounty table a:hover{ text-decoration: underline;} #content .contentSection.citiesByCounty table .zipLinks a{ font-weight:400; color:#706259;} #content .citiesByZip{border-top: 5px solid #8f5927;} #content .citiesByZip .contentSection{ padding-top:30px} /* holidaySchedule */ #content .contentSection.hoiidaySchedule{ padding-top:0px; margin-top:-60px;} #content .contentSection.hoiidaySchedule tr td:first-child {padding-right:10px; min-width:140px;} #content .contentSection table{ font-weight:400} #content .contentSection table thead{ border-bottom:1px #706259 solid; color:#8f5927; font-size:18px; font-weight:600;} #content .contentSection table thead td{padding-bottom:15px;} #content .contentSection table td{padding:15px 20px 15px 0;} #content .contentSection table tbody tr:first-child td{ padding-top:40px;} #content .contentSection table a{ font-weight:600; text-decoration: none} #content .contentSection table a:hover{ text-decoration: underline;} #content .contentSection table .zipLinks a{ font-weight:400; color:#706259;} .contentSectionTipLink.belowContent{ position:absolute; top:30px; right:20px;} /****************** FAQ PAGE ******************/ .page-node-63 #content .featured .contentSection{ padding-bottom:50px} .faqAllContain{ padding-top:0px; margin-top:-10px; text-align:left !important} .faqAllContain h2{color:#706259; font-weight:600; font-size:22px; border-top:#8f5927 5px solid; padding-top:30px;} #content .view-faqs > .view-content > .group { padding-left:30px;} #content .view-faqs > .view-content > .group > .views-row{ display:none; padding:0 0 15px; margin-top:-5px;} #content .view-faqs > .view-content > .group.active > .views-row{ display:block} #content .view-faqs > .view-content h3{ color:#8f5927; font-weight:600; font-size:22px; cursor:pointer; margin:-5px 0 0; position:relative} #content .view-faqs > .view-content h3:hover{ color:#704820;} #content .view-faqs > .view-content h3:before{ padding: 0px 8px 0 0; content: "\f0fe"; font: normal normal normal 12px/1 FontAwesome; font-size: 20px; font-weight: 300 !important; display: inline-block; vertical-align: middle; margin: -2px 0 2px -26px; } #content .view-faqs > .view-content > .group.active h3:before{content: "\f146";} #content .view-faqs > .view-content > .group .views-field-title{ font-weight:bold; cursor:pointer; margin-top:10px;} #content .view-faqs > .view-content > .group .views-field-title:hover{ text-decoration:underline;} #content .view-faqs > .view-content > .group .views-field-body{ display:none; margin-bottom:-15px; padding-top:5px;} #content .view-faqs > .view-content > .group > .views-row.active .views-field-body{ display:block} /****************** SHARE THIS ******************/ .st_sharethis_large{ position:absolute; right:0; top:55px; z-index:10;} .stButton {margin:0 !important} .stButton .stLarge { height: 40px !important; width: 50px !important; background:#fff url(../images/sharethis.png) center center no-repeat !important; background-size:contain; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);} .stButton .stLarge:hover{ background-position:center center !important; opacity:1 !important; background:#b6be9d url(../images/sharethis-white.png) center center no-repeat !important; } /****************** MAP ******************/ #map-canvas{color:#706259; height:400px; margin-top:20px;} #infobox { border:2px solid black;} .infoContent{ font-size:18px; line-height:24px;} .infoHeader{ font-size:20px; color:#8f5927; padding-bottom:5px;} .infoContent a{ text-decoration:none; padding-top:0px; display:block} .infoContent a:before{ padding: 0px 5px 0 0; content: "\f138"; font: normal normal normal 12px/1 FontAwesome; font-size: 20px; font-weight: 300 !important; display: inline-block; vertical-align: middle; margin: -2px 0 2px; } .mapLocationsListContain{border-bottom:10px solid #8f5927; border-top: 10px solid #8f5927; padding-bottom:45px;padding-top:30px; } .locationSearch { text-align:center; margin:5px auto -25px;} .locationSearch form{ background:transparent;max-width:none;margin:0; padding-bottom:0px; display:inline-block} .locationSearch form label{ width:250px; padding-right:0px; display:inline-block; vertical-align:middle; font-size:25px; color:#8f5927; font-weight:500; text-align:left;} .locationSearch form input[type=text]{ width:260px; color:#8f5927; border-radius:10px; height:38px; line-height:38px; text-align: center;display:inline-block; margin:0 0 0px; vertical-align:middle} .locationSearch form input[type=submit]{ width: 50px; color: #fff; background: #ffb718; border: 1px #fff solid; text-transform: uppercase; font-weight: 400; height: 36px; line-height: 34px; border-radius:10px; display:inline-block; vertical-align:middle; font-weight:bold;} .locationSearch form input[type=submit]:hover{background:#e8a707; color:#fff;} #mapLocationsList{ } #mapLocationsList > div:first-of-type{ border-top:none;} #mapLocationsList > div{ border-top:1px #706259 solid; padding:25px 0; line-height:22px;} #mapLocationsList > div h3{ font-size:20px; color:#8f5927; font-weight:600; margin-bottom:3px;} #mapLocationsList > div .dropSiteImage{ float:right; max-width:300px; margin:0 0 0 30px; height:auto} #mapLocationsList > div .contactDetails{ padding:20px 0} #mapLocationsList > div .dropSiteLinks a{ color:#8f5927; text-decoration:none} .node-type-drop-sites #content h1{ float:left} .node-type-drop-sites #content .field-group-div h3{ color:#6c8945; font-weight:600; padding-top:0} .node-type-drop-sites .fourth{ text-align:left} .node-type-drop-sites #content .field-group-div.fourth > div{ max-width:90%; font-size:17px; line-height:23px;} .node-type-drop-sites #content .field-name-field-address{ font-weight:bold;} .node-type-drop-sites #content .field-name-field-spacial-hint{padding-top:7px;} .node-type-drop-sites #content .field-type-link-field{ font-weight:600;} .node-type-drop-sites #content .contentSection a.contentSectionTipLink{ color:#fff; text-align:right; font-size:18px; margin-top:10px; padding-right:50px;} .node-type-drop-sites #content .contentSection a.contentSectionTipLink:hover{ opacity:.8;} .node-type-drop-sites .infoContent span, #mapLocationsList .infoContent span, .node-type-drop-sites .field-name-field-address span, .node-type-map-page .addressDetails span{ display:block;} .node-type-drop-sites .field-name-field-hours span{ display:block;} .block .blockHeader{ font-size:22px; color:#658320; font-weight:500; margin:0 0 5px} .block .blockHeader2{ margin-top:20px;} .block .blockLink{ font-weight:600; margin-top:20px;} .block .blockLink a:before { font: normal normal normal 14px/1 FontAwesome; margin:3px 6px 10px 0; content: "\f138"; display:inline-block; float:left; } /****************** BLOG ******************/ .node-type-article .featured.backgroundBrown h1{ max-width:40%; font-weight:600;} .articlePage .view-artlicles .node-article{margin:30px 0 0 0px} .articlePage .view-artlicles .field, .page-about-blog .group-info{margin:0px 0 0 0px} .articlePage .view-artlicles .view-mode-teaser .field-name-field-image{ float:left; margin:10px 30px 20px 0; width:200px;} .articlePage .view-artlicles .field-name-field-image img{ width:100%; height:auto;} .articlePage .view-artlicles .field-name-field-video{ float:left; margin:10px 30px 20px 0; width:200px;} .articlePage .view-artlicles .field-name-field-video img{ width:100%; height:auto;} .articlePage .view-artlicles .group-teaser{ text-align:left; padding-left:230px; display:block} .articlePage .view-artlicles .group-teaser.no-image{padding-left:0px; } .articlePage .view-artlicles .view-mode-teaser h2{margin-bottom:5px;} .articlePageFeature .view-artlicles h2{padding-top:10px; margin-top:10px;} .articlePage .view-artlicles h2 a{ color:#8f5927; font-size:25px;} .articlePage .view-artlicles .arrowLink a{ color:#6c8945; font-weight:400; text-decoration:none} .articlePage .view-artlicles .arrowLink a:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f138"; font-size: 18px; padding-right: 8px;} .articlePageFeature img{ border:1px #fff solid;} .blogCategoryHeader .categoryHeader{margin-bottom:-10px} .blogCategoryHeader .categoryHeader h1, .blogCategoryHeader .categoryHeader h2{ font-size:20px; font-weight:600; line-height:34px; margin:0; color:#c9915c; display:inline-block} .articlePage .view-artlicles .group-info{ margin-bottom:15px; padding:0 0 0px; margin-top:0px; font-weight:300;} .articlePageFeature .view-artlicles .group-info{ margin-bottom:20px; padding:0 0 0px; margin-top:-10px; font-weight:300;} .backgroundBrown.featured .field-name-post-date{ margin-bottom:0px; padding:0 0 0px; margin-top:-10px; font-weight:300;} .articlePage .view-artlicles .group-info .field, .articlePageFeature .view-artlicles .group-info .field{ display:inline-block; margin:0; padding:0 0px 0 0;} .taxonomyBlock .views-field-name {margin:15px 0 0; font-weight:400} .taxonomyBlock .views-row-1 .views-field-name {margin:-10px 0 0;} .taxonomyBlock .views-field-name a{ text-decoration:none} .taxonomyBlock .views-field-name a:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f138"; font-size: 18px; padding-right: 8px;} /****************** VIDEOS ******************/ /* view */ #bottomBlocks .views-field-field-how-to-video{padding-right:25px; margin-top:-20px} #bottomBlocks .field-name-field-video{margin:-40px -20px 40px -45px;} /*featured videa?*/ /*video page*/ .views-field-field-how-to-video{ overflow:hidden; margin:-0px 0 10px; position:relative;} .views-field-field-how-to-video:before{ cursor:pointer; content: "\f01d";font: normal normal normal 14px/1 FontAwesome; margin: -30px 0 0 -30px; font-size: 60px; position:absolute; top:50%; left:50%; z-index:9; color:#fff; opacity:.8} .views-field-field-how-to-video:hover:before{ opacity:1} .views-field-field-how-to-video img{margin:-11% 0; width:100%;} .view-video-gallery .views-field-title{ font-weight:600; } /* node display : article page*/ .field-name-field-video{ overflow:hidden; margin:0px 0 20px; position:relative; max-height:300px} .field-name-field-video:before{ content: "\f01d";font: normal normal normal 14px/1 FontAwesome; margin: -30px 0 0 -30px; font-size: 60px; position:absolute; top:50%; left:50%; z-index:9; color:#fff; opacity:.8; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.9); cursor:pointer;} .field-name-field-video:hover:before{ opacity:1} .field-name-field-video img{margin:-11% 0; width:100%;} /*videopage*/ #content .view-id-video_gallery .view-content {margin:0 -2% 0; white-space:none; font-size:0;} #content .view-id-video_gallery .views-row {width:46%; display:inline-block; vertical-align:top; padding:0 2% 2%; margin: -1en; overflow:hidden; font-size:16px;} #content #block-views-video-gallery-block h2{color:#706259; font-weight:700; margin:-50px 0 50px; font-size:23px} #block-views-video-gallery-block{border-top: 5px solid #8f5927;} #block-views-video-gallery-block .views-field-title{ font-weight:600; color:#8f5927; font-size:22px; padding:3px 0 8px; line-height:1.2em} #bottomBlocks .faq-block-view.video-block-view .views-field-field-how-to-video:before{ content:""; display:none;} #bottomBlocks .faq-block-view.video-block-view .views-field-field-how-to-video{ color:#706259; font-size:22px; line-height:1.3em; margin:0 0 20px; display:block;} #bottomBlocks .faq-block-view.video-block-view .views-field-field-how-to-video a{color:#706259; font-size:22px;} #bottomBlocks .faq-block-view.video-block-view .views-field-field-how-to-video a:hover{color:#4f464d;} #bottomBlocks .faq-block-view.video-block-view .blockpadding{ padding:50px 50px 30px;} /****************** BLOCKS ******************/ #bottomBlocks{margin:0 auto; border-top:5px solid #8f5927; overflow:hidden;} .node-type-homepage #bottomBlocks, .node-type-map-page #bottomBlocks, .vocabulary-customer_types #bottomBlocks, .page-about-blog #bottomBlocks, .vocabulary-blog #bottomBlocks{ border-top:none;} #bottomBlocksContain{ margin:50px auto 10px; max-width:975px;} .region-bottomblocks{ margin:0 -1.5%; } .region-bottomblocks .block{ border:0px #ccc solid; box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);} .grid-sizer, .region-bottomblocks .block { width: 47%; margin:0% 1.5% 3%; } .region-bottomblocks .block.w2 { width: 97%; margin:0% 1.5% 3%; } .region-bottomblocks .block.block-block h2{margin:40px 0 0px;} .region-bottomblocks .block.block-block .blockpadding{padding-top:20px;} .region-bottomblocks .block.w2 .blockpadding{padding-left:20px;} .region-bottomblocks .block.block-views > h2{margin:40px 0 0px;} .region-bottomblocks .block.block-view .blockpadding{padding-top:20px;} /*styles*/ .region-bottomblocks .blockpadding{padding:40px 20px 45px 45px; background:#fff;} .region-bottomblocks .block-bean .field-name-title, .region-bottomblocks .block h2{ margin-left:-45px; padding-left:35px; border-left:10px solid #fcb423; margin-bottom: 20px; font-size:28px; line-height:30px; color:#706259; font-weight:400} .region-bottomblocks .block .field-name-title a{ text-decoration:none} .region-bottomblocks .field-type-image{ margin:-40px -20px 40px -45px;} .region-bottomblocks .field-type-image img{ width:100%; height:auto;} .region-bottomblocks .field-name-field-link a, .region-bottomblocks .field-name-node-link a{ display:block; float:right; margin:20px -20px -15px 0; background:#eeb21d no-repeat 10px 10px; padding:0 12px 0 12px; color:#fff; text-decoration:none; font-size:16px; line-height:38px; border:1px #e8a707 solid; border-right:none; font-weight:400;} .region-bottomblocks .field-name-field-link a:hover, .region-bottomblocks .field-name-node-link a:hover{ color:#e8a707;background:#fff; border-color: #e8a707;} .region-bottomblocks .field-name-field-link a:before, .region-bottomblocks .field-name-node-link a:before{padding:0px 11px 0 0; content: "\f138"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; font-weight:300 !important; display:inline-block; vertical-align:middle; margin: -2px 0 2px;} /*testimonial*/ .bean-testimonial{ font-size:19px; margin-bottom:-10px; background:#fff url(../images/quotes.png) top left no-repeat; padding-top:120px;} .bean-testimonial .field-name-field-content1-note{ font-style:italic; padding-top:8px;} /*button*/ .region-bottomblocks .block.buttonContain{ border:none; padding:0; text-align:center; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none;} .region-bottomblocks .block.buttonContain .field-name-title{ display:none;} .region-bottomblocks .block.buttonContain .field-name-field-link a{ float:none; display:inline-block; margin:-10px 0 -10px; font-size:20px; background:#8f5927; font-weight:500; padding:12px 25px; line-height:22px;} .region-bottomblocks .block.buttonContain .field-name-field-link a:hover{ background:#704820;} /*city logo slider*/ .citylogos.flexslider{height:170px; margin-bottom:0; border:none; box-shadow:none;} .citylogos.flexslider .slides img{ width:auto; height:auto; max-width:80%; max-height:170px; display:inline} .citylogos.flexslider .slides li, .citylogos.flexslider .slides li .views-field-field-image, .citylogos.flexslider .slides li .views-field-field-image .field-content{ height:170px; width:100%;} .citylogos.flexslider .slides li .views-field-field-image{ display:table} .citylogos.flexslider .slides li .views-field-field-image .field-content{ display:table-cell; vertical-align:middle; text-align:center} .citylogos .flex-direction-nav{bottom:0px;} .citylogos .flex-direction-nav a{top:auto; bottom:50%; text-shadow:none; background:#e3d0b5; line-height:20px; font-size:20px; border-radius:50%;opacity:1; color:#fff; margin-bottom:-20px;} .citylogos .flex-direction-nav a.flex-prev{left:0px;} .citylogos .flex-direction-nav a.flex-next{right:0px;opacity:1;} /*look up services*/ .residentialServiceSearch{ overflow:hidden} .lookUpServiceSearch.block{ border:none; text-align:center; margin-bottom: 60px !important; padding-top:0px; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none;} .node-type-homepage .lookUpServiceSearch.block{width: 97%;} .lookUpServiceSearch .serviceSearchHeader h3{color:#8f5927; font-size:32px; font-weight:400; margin:0} .lookUpServiceSearch .residentialServiceSearchForm{ max-width:440px; border-radius:10px; background:#8f5927;margin:35px auto 60px; position:relative; padding:35px 0 35px } .lookUpServiceSearch .residentialServiceSearchForm:before { content:""; position:absolute; top:100%; left:50%; margin-left:-26px; font-size:30px; border-left: 26px solid transparent; border-right: 26px solid transparent; border-top: 26px solid #8f5927; } .lookUpServiceSearch .residentialServiceSearchForm input{float:none; display:inline-block; margin-bottom:0} .lookUpServiceSearch .residentialServiceSearchForm input[type=text]{ width:180px;} .lookUpServiceSearch .residentialServiceSearchForm input[type=submit]{ font-weight:700} .lookUpServiceSearch .serviceSearchSubHeader{ font-size:23px; color:#8f5927; font-weight:600; position:relative; cursor:pointer} .lookUpServiceSearch .serviceSearchSubHeader .arrow { width: 20px; height: 10px; content:"";display:inline; position:relative; margin-left:0px; margin-right:5px;} .lookUpServiceSearch .serviceSearchSubHeader .arrow:before { content:""; position:absolute; top:50%; left:15px; margin-top:-9px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #8f5927; } .lookUpServiceSearch .serviceSearchSubHeader.active .arrow:before { border-top: none; margin-top:-5px;left:10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #8f5927; } .lookUpServiceSearch .countyContain{width:100%; max-width:480px; margin:0 auto; padding-top:35px; display:none} .lookUpServiceSearch .countyContain > div{ text-align:left; font-size:19px; line-height:30px;} .lookUpServiceSearch .countyContain a{ text-decoration:none; font-weight:400; color:#706259; } .lookUpServiceSearch .countyContain a:hover{ text-decoration:underline} /*serviceAreaTool*/ .lookUpServiceSearch.serviceAreaTool .residentialServiceSearchForm{ background:transparent;max-width:none; margin:0px auto 0px; padding-bottom:25px;} .lookUpServiceSearch.serviceAreaTool .residentialServiceSearchForm:before{ display:none;} .lookUpServiceSearch.serviceAreaTool .residentialServiceSearchForm label{ width:250px; padding-right:0px; display:inline-block; vertical-align:middle; font-size:25px; color:#8f5927; font-weight:500; text-align:left;} .lookUpServiceSearch.serviceAreaTool .residentialServiceSearchForm input[type=text]{ width:260px;} .lookUpServiceSearch.serviceAreaTool .serviceSearchSubHeader{padding-left:270px; text-align:left; display:inline-block; width: 325px; font-size:16px; color:#669cd2} .lookUpServiceSearch.serviceAreaTool .countyContain{padding-top:15px;padding-left:270px; text-align:left; width: 325px; font-size:16px; color:#669cd2} .lookUpServiceSearch.serviceAreaTool .serviceSearchSubHeader .arrow{margin-right:0;} .lookUpServiceSearch.serviceAreaTool .serviceSearchSubHeader .arrow:before { content:""; position:absolute; top:50%; left:15px; margin-top:-8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #669cd2; } .lookUpServiceSearch.serviceAreaTool .serviceSearchSubHeader.active .arrow:before { border-top: none; margin-top:-4px;left:10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #669cd2; } /*faqs*/ .region-bottomblocks .block.faq-block-view{ width: 97%; border:none; border-top:2px #8f5927 solid; border-bottom:2px #8f5927 solid; padding:30px 0; text-align:center; margin-bottom: 40px !important; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow:none;} .region-bottomblocks .block.faq-block-view h2{border:none; margin:0; padding-left:0; color:#8f5927; cursor:pointer} .region-bottomblocks .block.faq-block-view .blockpadding{ display:none; text-align:left; background:#f1e4d3; margin:30px 0 -30px; padding:25px 30px;} .region-bottomblocks .block.faq-block-view .blockpadding > .content{padding:0px 0;} .region-bottomblocks .block.faq-block-view .blockpadding > .content .field-name-title h2{padding:5px 0 5px; font-size:18px; color:#706259;} .region-bottomblocks .block.faq-block-view .blockpadding > .content .field-name-body{ display:none; padding:0px 0 20px;} .faq-block-view > h2 .arrow { width: 20px; height: 10px; content:"";display:inline; position:relative; margin-left:10px;} .faq-block-view > h2 .arrow:before { content:""; position:absolute; top:50%; left:15px; margin-top:-9px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #8f5927; } .faq-block-view > h2.active .arrow:before { border-left: 10px solid transparent; left:10px; margin-top:-5px; border-right: 10px solid transparent; border-botom: none; border-top: 10px solid #8f5927; } .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs > div{position:relative} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs > div > .views-row {padding-left:28px; position:relative} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs > div > .views-row .node-faqs{position:relative} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs > div > .views-row .node-faqs:before{padding:11px 5px 0 0; content: "\f0fe"; font: normal normal normal 14px/1 FontAwesome; font-size: 20px; font-weight:300; position:absolute; left:-28px; top:0; color:#8e592d;} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs > div > .views-row .node-faqs.active:before{content: "\f146";} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs .field-name-body ul{ list-style:disc; padding:0 0 10px 19px;} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs .field-name-body p{padding-bottom:10px;} .region-bottomblocks .block.faq-block-view .blockpadding .view-faqs .field-name-body { margin-bottom:-15px;} /*blog-more-block-view*/ .region-bottomblocks .block.faq-block-view.blog-more-block-view a{color:#706259; padding:10px 0; display:block; font-weight:400;} /*service alert*/ .region-bottomblocks .block-bean .serviceAlertDate.field-name-title{ margin-right:130px; margin-bottom:60px;} .calendarDate{ position:absolute; top:30px; right:30px; width:100px; text-align:center; border:5px #6c8945 solid; border-radius:10px; height:100px; color:#6c8945;} .calendarDate:before, .calendarDate:after{ display:block; position:absolute; top:-12px; height:20px; content:'';background:#6c8945; border-radius:10px; width:5px; left:50%; margin-left:-25px} .calendarDate:after{ margin-left:20px} .calendarDate .month{ font-weight:700; text-transform:uppercase; border-bottom:1px #6c8945 solid; line-height:1em; padding:16px 0 5px;} .calendarDate .day{ font-weight:600; text-transform:uppercase; font-size:50px; line-height:58px;} /*review widget*/ #eKomiWidget_default{ text-align:center; padding-right:25px;} /*pagination*/ .pagination{ border:none; padding:0 0 10px; background:#fff; margin-bottom:-20px; margin-top:-10px; font-size:1.2em;} .pagination .maxContain{padding-top:18px; border-top:2px #8f5927 solid; } .paginationLinks a{ text-decoration:none; color:#6c8945; font-weight:400;} .paginationLinks a:hover{ color:#527423;} /****************** SEARFCH ******************/ #headerSearch{ display:none} #triggerHeaderSearch{ color:#658320; font-size:1px; margin:5px -15px -5px -10px;} #triggerHeaderSearch:before{ color:#fff; font-size:18px;} .headerSearch{ background:#fff; padding:3px 8px; position:absolute; top:40px; right:20px; z-index:999; border:1px #ccc solid; -webkit-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 22px -6px rgba(0,0,0,0.4); box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.4);} .headerSearch input[type=text]{ width:100px; border:1px solid #aaa display:inline-block; vertical-align:middle} .headerSearch button[type=submit]{ display:inline-block; vertical-align:middle;width: 30px; background:#706259; color:#fff; padding:0 5px; height:30px; line-height:30px; -webkit-appearance:none;border:none; font-size:18px; cursor:pointer} .headerSearch:after, .headerSearch:before { bottom: 100%; right: 0%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .headerSearch:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 7px; margin-right: 8px; } .headerSearch:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-right: 7px; } #content .view-search h3{ margin:0; padding:30px 0 0;} #content .view-search .views-field-body{padding-bottom:5px;} #content .view-search .views-field-body p, #content .view-search .views-field-body ul, #content .view-search .views-field-body li{ padding:0; margin:0; } #content .view-search .views-field-body h1, #content .view-search .views-field-body h2, #content .view-search .views-field-body h3{ font-size:18px; margin:-5px 0 0; padding:0; line-height:1.2em} #content .view-search .views-field-body img{ display:none} .views-exposed-form .views-exposed-widget .form-submit {margin-top: 13px;} #content .view-search .view-filters{padding-bottom:15px;} #content .view-search > .view-content{border-top: 1px solid #8f5927; padding-top:10px;} #content .view-search .form-item input.error{border:1px solid #706259;} #content .view-search .pager{border-top: 1px solid #8f5927; padding-top:30px; margin-top:50px;} #content .view-search .select{ font-weight:500; color:#706259;} /****************** FOOTER ******************/ #footer{ color:#fff; padding:25px 0 40px; margin-top:0px;} #footer ul, #footer ul li{ list-style:none; padding:0; margin:0;} #footer a{ color:#fff; text-decoration:none; line-height:40px; font-weight:400} #footer a:before{font-size:20px; padding-right:5px;} #footer a:hover{ text-decoration:underline} #copyright{padding-top:10px; text-align:center; font-size:12px;} #copyright a{ padding:0 15px 0 0; white-space:nowrap;} #copyright u{padding:0 7px 0; display:inline; text-decoration:none} #footer .menu-footer{float:left; width:50%} #footer .menu-footer ul li{ display:inline-block; *display:block; *float:left; padding:0 20px 0 0;} #footer .menu-contact{float:left; width:25%} #footer .menu-social{float:left; width:25%} @media screen and (min-width: 1024px) { #navigation .content > ul.menu, #navigation .region-mainmenu .content{display:block !important;} } @media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and ( min-device-pixel-ratio: 1.25), only screen and ( min-resolution: 200dpi), only screen and ( min-resolution: 1.25dppx) { /*-webkit-font-smoothing: subpixel-antialiased;*/ }