/* Theme Name: HIC Mobile Parent Theme for Hawaii State - Larger rotating Banner Theme URI: ehawaii.gov Version: 1.4.7 Description: Responsive Parent based on Chameleon Elegant Theme Author: Elegant Themes / HIC Author URI: http://www.hawaii.gov */ /** $FONTS ** ================================================ */ /* @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Light-webfont.eot'); src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-LightItalic-webfont.eot'); src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Italic-webfont.eot'); src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Semibold-webfont.eot'); src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: bolder; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: bolder; font-style: italic; } @font-face { font-family: 'OpenSansLight'; src: url('fonts/OpenSans-Light-webfont.eot'); src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansLightItalic'; src: url('fonts/OpenSans-LightItalic-webfont.eot'); src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'), url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansRegular'; src: url('fonts/OpenSans-Regular-webfont.eot'); src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular-webfont.woff') format('woff'), url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansItalic'; src: url('fonts/OpenSans-Italic-webfont.eot'); src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic-webfont.woff') format('woff'), url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'), url('fonts/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemibold'; src: url('fonts/OpenSans-Semibold-webfont.eot'); src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansSemiboldItalic'; src: url('fonts/OpenSans-SemiboldItalic-webfont.eot'); src: url('fonts/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiboldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBold'; src: url('fonts/OpenSans-Bold-webfont.eot'); src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansBoldItalic'; src: url('fonts/OpenSans-BoldItalic-webfont.eot'); src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtrabold'; src: url('fonts/OpenSans-ExtraBold-webfont.eot'); src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSansExtraboldItalic'; src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot'); src: url('fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg'); font-weight: normal; font-style: normal; } */ /** ** ================================================ */ 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, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } .buttons button, #buttons button { display: block; clear: both; margin: 0 0 15px } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ * { /* quick reset */ margin: 0; } body { font-family: 'Helvetica Neue', Arial, sans-serif !important; font-size: .9em; padding-top: 0; color: #343434;} body {background-image: none !important;} a { color : #0B7482; font-style: normal; text-decoration: none; padding: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { font-family: 'OpenSansSemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; font-weight: bold; line-height: 1.4em; } h1 {font-size: 1.5em; text-transform: uppercase;} h2 {font-size: 1.4em; text-transform: uppercase;} h3 {font-size: 1.3em; text-transform: uppercase;} .sidebar h3 {text-transform: none; font-weight: normal;} h4 {font-size: 1.2em;} h5 {font-size: 1.1em; border-bottom: 1px solid #eee;} h6 {font-size: 1.1em;} h3.et_pt_title a {text-decoration: none;} h3.et_pt_title a:hover {text-decoration: underline;} html.ie8 h1, html.ie8 h2, html.ie8 h3, html.ie8 h4, html.ie8 h5, html.ie8 h6 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} body ul.skip { text-indent: -130%; overflow: hidden; white-space: nowrap; display: inline; float: left; min-height: inherit; position: absolute; left: -200%; } #header h1.title { margin : 0 0 .45em 0; font-size : .8em; line-height : 1.2em; text-align: left; display: block; color: #000; padding: .4em; text-transform: none; } #header h1.title a { color: #fff; font-size: 1em; margin: 0 0 .5em 0; padding: 0; font-weight: normal; } #header h1.title abbr {font-weight: 100;} #header .seven-col.banner h1 {margin-right: 5%; margin-bottom: .5em;} #header .seven-col.banner {width: 70%;} #header h1.location { margin-bottom : .25em; font-size : .8em; font-weight: normal; line-height : 1.2; color: #fff; font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: left; margin: 0; padding: 1em .65em 0 .35em; text-transform: none; } .primary-content h3 { color: #58585B; font-weight: bold; padding: 0.5em 0 0.25em; text-transform: uppercase; } html.ie8 h2 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} h3 { font-size : 1.3em; line-height : 1.3; font-weight: normal; font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #015F73; } html.ie8 h3 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} .aside h3 {margin-bottom: 0;} html.ie8 h4 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} #tooltip { text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 15px; } #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } form.search-form { white-space:nowrap; } form.search-form label { text-indent: -9999em; display: inline-block; position: absolute; left: -200%; } form.search-form {position: relative; padding: 0; margin: 0; vertical-align: top;} form.search-form input#search-input { -webkit-transition-property: all; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: all; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out; background: #fff; background: rgba(255,255,255,.8); -webkit-appearance: none; border-radius: 1em 0 0 1em; outline: none; font-size: .9em; border: 2px solid #2BABCC; height: 26px; display: inline-block; margin: 0; float: none; padding: 0 .3em; width:70%; } form.search-form #search-input:focus {border-color: #829C46;} #header form.search-form input#search-submit { -webkit-transition-property: all; -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: all; -moz-transition-duration: .2s; -moz-transition-timing-function: ease-in-out; float: none; background: #2BABCC url(images/design/icons/icon-sprite.png) 0px -175px no-repeat; border: none; display: inline-block; width: 3em; height: 30px; margin: 0; text-indent: -9999em; border-radius: 0 1em 1em 0; } #header form.search-form #search-submit:hover, #header form.search-form #search-submit:focus {background: #829C46 url(images/design/icons/icon-sprite.png) 0px -175px no-repeat;} .searchlabel { float: left; margin: 0.5em; text-align: center; } .searchhelpbox { background: none repeat scroll 0 0 #DDF5F7; border: 1px solid #F1FAFB; box-shadow: 0 0 45px #CCC inset; color: #555; padding: 20px; text-shadow: 1px 1px 1px #FFFFFF; } .searchhelpbox { background: url("../images/shortcodes-sprite.png") no-repeat scroll -23px -2px transparent; margin: 10px; } /*** General ***/ p, ol, ul, dl, address, div.post { margin-bottom : 1.3em; font-size : 1em; /* 16 / 16 = 1 */ font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; } html.ie8 p, html.ie8 ol, html.ie8 ul, html.ie8 dl, html.ie8 address {font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;} p, div.post { hyphens : auto; text-align : left; line-height: 1.5em; } li ul, li ol { margin : 0; line-height: 1.5em; font-size : 1em; /* 16 / 16 = 1 */ } ul li, ol li { margin: 0 0 .75em 0; list-style: none; } /* NWH full width blog template 050713 */ div.et_pt_thumb { margin: 0 20px 20px 0; } a.read-more { clear:both; } #page .inner-main ul li { list-style-type: disc; line-height: 1.5em; } #page .inner-main ol li { list-style-type: decimal; line-height: 1.5em; } #page .inner-main ul li ul li { list-style-type: circle; } #page .inner-main ul li ul li ul li{ list-style-type: square; } /* NWH full width blog template 050613 */ #page .inner-main-full ul li { list-style-type: disc; line-height: 1.5em; } #page .inner-main-full ol li { list-style-type: decimal; line-height: 1.5em; } #page .inner-main-full ul li ul li { list-style-type: circle; } #page .inner-main-full ul li ul li ul li{ list-style-type: square; } ul li:last-child {border-bottom: none;} ol {list-style-position: outside; margin: 0 0 0 0.1em;} ol li {list-style-type: decimal; border-bottom: none; list-style-position: outside; padding: 0 0 0 0; width: auto; float: none; } dl, dd {margin-bottom : 1 em; } dt {font-weight : normal; } blockquote { font-style : italic; margin: 0; line-height: 1.4em; padding: 1em 0; } blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; } abbr[title] {cursor : help; } b, strong {font-weight : bold;} dfn {font-style : italic;} hr { display : block; margin : 1em 0; padding : 0; height : 1px; border : 0; border-top : 1px solid rgb(204,204,204); } ins {background-color : rgb(240,240,240); color : rgb(0,0,0); text-decoration : none; } mark { background-color : rgb(240,240,240); color: rgb(0,0,0); font-style : italic; font-weight : bold; } pre, code, kbd, samp { font-family : monospace, monospace; _font-family : 'courier new', monospace; font-size : .875em; line-height : 1.5; } pre {white-space : pre; white-space : pre-wrap; word-wrap : break-word; } q {quotes : none;} q:before, q:after {content : ""; content : none; } small {font-size : 1em; /* 16 / 16 = 1 */ } sub, sup { font-size : 45%; line-height : 0; position : relative; vertical-align : baseline; } sup {top : -.5em;} sub {bottom : -.25em;} /*** Links ***/ a { color : #0B7482; font-style: normal; text-decoration: none; padding: 0; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } a:visited { color : #0B7482; text-decoration: none;} a:focus { outline : thin dotted; color : rgb(0,0,0); text-decoration: none; } a:hover, a:active { color : #14A2D7; outline : 0; text-decoration: underline; } a.button {text-decoration: none;} .primary-content a, .primary a {text-decoration: underline;} /*** Figures & Images ***/ figure { margin-bottom : 1.5em; } figure img, figure object, figure embed {margin-bottom : .75em;max-width : 100%; } figcaption {display : block;font-weight : normal; } img {border : 0; max-width: 100%;} svg:not(:root) {overflow : hidden; } /*** Tables ***/ table { border-collapse : collapse; border-spacing : 0; margin-bottom : 1.4em; width : 100%; max-width: 100%; overflow: scroll; font-size : .875em; /* 14 / 16 = .875 */ } th, td, caption {padding : .25em 10px .25em 5px;} tfoot {font-style : italic;} caption {background-color : transparent;} /*** Forms ***/ form { margin : 0; } fieldset { margin-bottom : 1.5em; padding : 0; border-width : 0; } legend { margin: 0 0 1em 0; width: 100%; font-weight: bold; padding : 0; border-width : 0; } #wrap #page fieldset ul, #wrap #page .event-listing ul {list-style: none; margin: 0; padding: 0;} #wrap #page fieldset ul li, #wrap #page .event-listing ul li {list-style: none; margin: 0; padding: .5em 0; display: block;} label { font-weight : normal; cursor : pointer; } button, input, select, textarea { font-size : 100%; margin : 0; vertical-align : baseline; *vertical-align : middle; } button, input { line-height : normal; *overflow : visible; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor : pointer; } input[type="checkbox"], input[type="radio"] { box-sizing : border-box; } input[type="search"] { box-sizing : content-box; } button::-moz-focus-inner, input::-moz-focus-inner { padding : 0; border : 0; } textarea { overflow : auto; vertical-align : top; } #wp-realtime-sitemap-menu ul code code, #wp-realtime-sitemap-menu ul code, #wp-realtime-sitemap-menu ul { font-family: 'Helvetica Neue',Arial,sans-serif !important; background: none !important; } /* Colors for form validity */ input:valid, textarea:valid { /* Styles */ } input:invalid, textarea:invalid { -webkit-box-shadow : 0 0 2px rgb(255,0,0); -moz-box-shadow : 0 0 2px rgb(255,0,0); box-shadow : 0 0 2px rgb(255,0,0); } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color : rgb(240,221,221); } /*** Search Results Form ***/ form.search-results input[type="radio"] { margin: 1em .5em 0 0; } form.search-results input[type="search"] {width: 70%;} form.search-results label.radio {margin-right: 1.5em;} /*** Search Pagination ***/ #search_ul {margin: 2em 0; padding: 0;} #search_ul li {margin-bottom: .5em; padding-bottom: 0em; border-bottom: 1px solid rgba(0,0,0,.1);} #search_ul li:last-child {border-bottom: none;} #search_ul li a {font-weight: bold;} a.search_pagination {background: #2BABCC; color: #fff; border-radius: .3em; padding: .5em 1em; display: inline-block; text-decoration: none; opacity: .9; margin-bottom: 1em;} a.search_pagination:hover, a.search_pagination:focus {opacity: 1;} /*** Global Objects ***/ .group:before, .group:after, ul.media-gallery:after, .statewide-header:before, .statewide-header:after { content : "."; display : block; height : 0; overflow : hidden; } .group:after { clear : both; } /*** Vendor-Specific ***/ html { -webkit-overflow-scrolling : touch; -webkit-tap-highlight-color : rgba(95,42,135, .7); -webkit-text-size-adjust : 100%; -ms-text-size-adjust : 100%; } .clearfix { zoom : 1; } ::-webkit-selection { background : rgba(1,95,115,.8); color : #fff; text-shadow : none; } ::-moz-selection { background : rgba(1,95,115,.8); color : #fff; text-shadow : none; } ::selection { background : rgba(1,95,115,.8); color : #fff; text-shadow : none; } button, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance : button; } ::-webkit-input-placeholder { font-size : .875em; line-height : 1.4; } input:-moz-placeholder { font-size : .875em; line-height : 1.4; } html.ie7 img, html.iem7 img { -ms-interpolation-mode : bicubic; } input[type="checkbox"], input[type="radio"] { box-sizing : border-box; } input[type="search"] { -webkit-box-sizing : content-box; -moz-box-sizing : content-box; } button::-moz-focus-inner, input::-moz-focus-inner { padding : 0; border : 0; } /*** Statewide Banner ***/ .statewide-header { font-size: 12px; color: #fff; background: #3a597a; overflow-x: hidden; height: 30px; border-bottom: 1px solid #eee; } .statewide-header img {height: 22px;} .statewide-banner { padding: 0; margin: 0 auto; color: #fff; } .statewide-banner a {color: #fff; color: rgba(255,255,255,.8); cursor: pointer;} .statewide-banner-left { float: left; padding-left: .5em; position: relative; top: 6px; } #font-resize { float:left; list-style: none outside none; position: relative; width: 30em; padding: 0 0 0 2.5em; line-height: 1em; margin-top: .5em; background: url(images/design/sliver/resize.png) center left no-repeat; } #font-resize ul {position: relative; margin: 0 0 0 1em; padding: 0; display: inline-block;} #font-resize li.fontResizer { float:left; list-style: none; position: relative; font-size: 1.1em; padding-top: 4px; margin-bottom: 0; } .statewide-banner-right { float: right; padding: .5em .5em .5em 2em; position: relative; margin-top: .5em; text-align: right; font-size: 1.2em; background: url(images/design/sliver/globe.png) center left no-repeat; } .statewide-banner-right a {padding-left: .25em;} /*** Overall Page ***/ #header .navbar a h1 {color: #fff; padding: 0 .5em 0 0; font-size: .9em; } /*** Navigation ***/ .navigation ul {margin: 1em 0; padding: 0 36px;} .navigation ul li {margin: 0;} .navigation ul li a { font-style: normal; display: block; color: #fff; display: block; text-decoration: none; padding: .5em; margin: 0; border-bottom: 1px solid rgba(0,0,0,.2); border-top: 1px solid rgba(255,255,255,.2); } .navigation a:hover {background: rgba(255,255,255,.1);} ul#supermenu li.current_page_item >a {background: rgba(255,255,255,.2) url(images/icon_current_menu.png) 50% bottom no-repeat; font-weight: normal;} html.no-rgba ul#supermenu li.current_page_item >a {background: #378793 url(images/icon_current_menu.png) 50% bottom no-repeat; font-weight: normal;} ul#supermenu li.current-menu-item >a {background: rgba(255,255,255,.2) url(images/icon_current_menu.png) 50% bottom no-repeat; font-weight: normal;} html.no-rgba ul#supermenu li.current-menu-item >a {background: #378793 url(images/icon_current_menu.png) 50% bottom no-repeat; font-weight: normal;} /* removed for current status - RT 130104 ul#supermenu li.current_page_item a {background: rgba(255,255,255,.2) url(images/design/icons/icon-sprite.png) 50% -2186px no-repeat; font-weight: normal;} ul#supermenu ul.children li.current_page_item a {background: none;} html.no-rgba ul#supermenu ul.children li.current_page_item a {background: none;} html.no-rgba ul#supermenu li.current_page_item a {background: #378793 url(images/design/icons/icon-sprite.png) 50% -2186px no-repeat; font-weight: normal;} */ /* added for current status - RT 130104 */ ul#supermenu li.current-menu-ancestor {background: rgba(255,255,255,.2) url(images/icon_current_menu.png) 50% bottom no-repeat; font-weight: normal;} /*** Wrap ***/ #wrap { /* background: #CD9763; */ padding: 0; margin: 0; } #main .main-content {padding: 0 2%;} /*** Content area Image Styling ***/ #main .primary-content img, .inner-main .primary-content img {padding: .2em; background: #fff; background: rgba(255,255,255,.8); border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);} .inner-main-full .primary-content img {padding: .2em; background: #fff; background: rgba(255,255,255,.8); border: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);} #main .ngg-left {margin: .25em 1em 1em 0;} #main .ngg-right {margin: .25em 0 1em 1em;} /*** General Clear ***/ .clear {clear: both;} .clear-left {clear: left;} .clear-right {clear: right;} /*** More! ***/ .more a {font-weight: bold;} /*** Second Row ***/ .second-row { -webkit-box-shadow: 0 0 6px rgba(0,0,0,.2); background: #fff; padding: 1em 0; } .second-row .content {padding: 2%;} .second-row .four-col {margin-bottom: 0;} /*** Button row ***/ .button-row .content {opacity: .9;} .button-row .content:active, .button-row .content:hover {opacity: 1; } /*** Other - Nathan / Corey ***/ #main_body .form_description h2 { display:none; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ .subheading { color: #6C5132; font-size: 1.3em; line-height: 1.2em; margin-bottom: 0.25em; } .heading { color: #6C5132; font-size: 1.4em; line-height: 1.3em; margin-bottom: 0.25em; } /*** Spotlight ***/ .spotlight {padding: 1em 0;} .spotlight h3, .spotlight h4 {text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #58585B; margin-bottom: .5em; font-size: 1em; padding: 0;} #wrap .spotlight ul {list-style-position: inside; margin: 0 0 1em 0; padding: 0;} #wrap .spotlight ul li { list-style-type: square; list-style-position: inside; display: inline-block; width: 100%; clear: both; padding: 0; margin: 0; } #wrap .spotlight ul li a { padding: .4em 0; display: block; } #wrap .spotlight ul li a:hover {background: rgba(0,0,0,.05);} /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ .clear {clear: both;} .last-col {margin-right: 0;} #header { padding: 0px; position: relative; background: none repeat scroll 0 0; z-index: 2 /* fix for ie7 menu dropdowns ~ corey */ } #header-branding {background: none repeat scroll 0 0 #fff; display: inline-block; float: none; position: relative; width: 100%;} #header .logo img {height: auto; padding-top: 3%; vertical-align: top; width: 100%;} #page { background: #fff; background: rgba(255,255,255,.96); padding: 0; } #main { clear: both; margin: .5em 0 0 0; width: 100%; } #container { text-align: left; margin: 0 auto; width: 960px; position: relative; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 0px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; background: #fff url(images/header-shadow.png) repeat-x top; } p#slogan { display: none; float: left; font-size: 12.5px; color: #66929c; text-transform: uppercase; padding-top: 0px; margin-left: -143px; margin-top: 27px; font-family: 'Kreon', Arial, sans-serif;} ul#top-menu { float: left; padding-top:0; } #additional-info { } #et-social-icons { float: right; padding-right: 0; padding-top: 1em; text-align: right; display: inline-block; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0);} #et-social-icons a { padding-left: 0; opacity: .9; width: 38px; height: 38px; display: block; float: left; } #et-social-icons a:hover, #et-social-icons a:focus {opacity: 1;} #quote { text-align: center; width: 890px; margin: 0 auto; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding-top:38px; padding-bottom: 25px; } #category-name p { color: #929292; font-family: Arial,sans-serif; font-size: .9em; font-weight: 200; } #content-area { padding: 45px 48px 60px; } #services { margin-bottom: 40px; } .service { float: left; width: 244px; margin-right: 66px; } .last { margin-right: 0px; } .service h3.title { margin-bottom: 4px; margin-left: 5px; } h3.title, #et-control-panel h3.control_title { color: #58585B; font-weight: bold; padding: 0.5em 0 0.25em; text-transform: uppercase; } .service .thumb { background: url(images/thumb-bg.png) no-repeat; width: 242px; height: 127px; position: relative; margin-bottom: 10px; } .item-image { margin-top:4px; margin-left:4px; } span.more-icon { background: url(images/more-icon.png) no-repeat; position: absolute; display: block; height: 41px; left: 100px; top: 41px; width: 40px; } .service p { margin-left: 5px; } #from-blog { float: left; margin-left: 5px; width: 223px; margin-right: 85px; } #from-blog h3.title { margin-bottom: 2px; } #from-blog ul li { padding:4px 16px; display: block; background:url(images/sidebar-bullet.png) no-repeat 0px 12px; } #from-blog ul li a { color:#929292; text-decoration: none; } #from-blog ul li a:hover { color:#b2b2b2; } #multi-media-bar { float: left; width: 550px; } #multi-media-bar h3.title { margin-bottom: 10px; } #et-multi-media { position: relative; border: 1px solid #f0f0f0; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #dcdcdc; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); padding: 14px 15px 14px 22px; } a#left-multi-media, a#right-multi-media { position: absolute; top: 30px; width: 27px; height: 27px; text-indent:-9999px; } a#left-multi-media { background:url(images/left-multi-media-arrow.png) no-repeat; left: -13px; } a#right-multi-media { background:url(images/right-multi-media-arrow.png) no-repeat; right: -13px; } #et-multi-media .thumb { float: left; margin-right: 16px; position: relative; padding: 4px; border: 1px solid #f0f0f0; border-bottom: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); } #et-multi-media .last { margin-right: 0px; } #et-multi-media .thumb a { display: block !important; } .et-video span.more { background: url(images/et-video-more.png) no-repeat; } #breadcrumbs {line-height: 1.3em; padding: 1em 0 0 0;} #breadcrumbs a:hover { color:#1d1d1d; } #breadcrumbs .raquo { color:#929292; } #category-name { width: 100%; background: none; margin: 0; padding-top: 5px; text-align: left; } #category-inner { padding: 0; background: none;} h1.category-title { color: #6C5132; font-family: Georgia,"Times New Roman",Times,serif; font-size: 28px; font-weight: normal;} p.description { padding-top: 10px; color: #929292; font-size:20px; font-family: 'Kreon', Arial, sans-serif; font-weight: lighter; } #category-name-post { background: none; margin: 0; padding: 10px; text-align: left; width: 100%;} #content { padding: 0 15px 15px; background: #fff;} .fullwidth { background: #fff; } span.post-meta, #comment-wrap > #respond h3#reply-title:before { background: #DDE1E3; background: rgba(0,0,0,.1); color: #58585B; display: block; font-size: 11px; font-weight: bold; height: 60px; line-height: 41px; position: realative; text-align: center; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9); } span.post-meta span { display: block; font-size: 1.8em; margin-top: -1.2em; } #main .et_pt_blogentry {border-bottom: 1px solid #eee;} #left-area {padding: 0 10px 10px 0; width: 645px; float:left;} .fullwidth #left-area { width: 100%; } #sidebar {float: left; padding: 5px; width: 265px;} .aside-right {background: none repeat scroll 0 0 #F2F0E8; border: 1px solid #BC9A74; float: left; margin-bottom: 15px; padding: 10px; width: 248px;} .post {padding: 15px 0 10px 0; } .post-thumbnail {display:block; float:left; position:relative; margin-right: 35px; margin-top: 6px; } .post-thumb {margin-top:7px; margin-left:7px; } span.post-overlay {background:url(images/post-overlay.png) no-repeat; display:block; height:200px; left:0px; position:absolute; top:0px; width:200px; } h2.title { font-size: 1.4em; padding: 0.5em 0 0.25em; } h2.title a { font-family: 'OpenSansSemibold', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #58585B; font-weight: bold; padding: 0.5em 0 0.25em; text-transform: uppercase; } h2.title a:hover {color: #000; } h3.post-title {font-weight: 700; font-size: 1em; text-transform: uppercase; margin: .5em 0 .5em 0; color: #58585B; } h3.post-title a { color: #58585B; } h3.post-title a:hover {text-decoration: none; color: #056777;} .post p.meta-info {padding-bottom:9px; padding-top: 9px; font-family: 'Kreon', Arial, sans-serif; font-weight: lighter; font-size: 15px; color: #333; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin-bottom: 11px; } .post p.meta-info a, p.description a {color: #333; text-decoration: none; } p.description a { color: #6e6e6e; } .post p.meta-info a:hover, p.description a:hover { color: #111; } a.read-more, .reply-container a, #commentform input#submit { border: 1px solid #ccc; color: #fff; border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em; padding: .5em 1em; text-decoration: none; display: block; background: #248893; } /*------------------------------------------------*/ /*---------------[CSS FOR FEATURED POST WIDGET]------------------*/ /*------------------------------------------------*/ .featured-post-widget { background: none repeat scroll 0 0 #F2F0E8; border: 1px solid #BC9A74; float: left; margin-bottom: 15px; padding: 10px; width: 248px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ /*ul#top-menu li { padding: 0px; } ul#top-menu a { font-size: 17px; font-family: Arial, sans-serif; text-decoration: none; padding: 10px 10px 10px 15px; color: #393939; font-weight: lighter; } ul#top-menu a:hover, ul#top-menu > li.sfHover > a { text-decoration: none; color: #fff; background: none repeat scroll 0 0 #839D48;} ul#top-menu > li.current_page_item > a, ul#top-menu > li.current-menu-item > a { color: #839D48 !important; background: none repeat scroll 0 0 #fff; padding:10px; font-weight: normal; } ul#top-menu ul { background: none repeat scroll 0 0 transparent; padding: 0; top: 39px !important; width: 254px; z-index: 9999px; display: none;} ul#top-menu ul li { background: none repeat scroll 0 0 #6C5132; padding: 0;} ul#top-menu ul li a { padding: 10px 12px; width: 230px; } ul#top-menu li:hover ul ul, ul#top-menu li.sfHover ul ul { top: -12px !important; left: 197px !important; } ul.children ul { margin: 12px 0 0 56px;} */ /* Supermenu ==============================================================*/ #supermenu, #supermenu ul { list-style: none; margin: 0; padding: 0 } html.ie6 #supermenu, html.ie7 #supermenu, html.ie8 #supermenu {height: 2.6em; border-bottom: none;} #supermenu { font-family: 'OpenSansRegular', Arial, sans-serif; width: 100%; overflow: visible; /*height: 2.75em; // remove fixed height ~Corey */ clear: both; /* background: #047482; background: -moz-linear-gradient(top, #047482 0%, #065e6f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047482), color-stop(100%,#065e6f)); background: -webkit-linear-gradient(top, #047482 0%,#065e6f 100%); background: -o-linear-gradient(top, #047482 0%,#065e6f 100%); background: -ms-linear-gradient(top, #047482 0%,#065e6f 100%); background: linear-gradient(top, #047482 0%,#065e6f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047482', endColorstr='#065e6f',GradientType=0 ); */ background: #2ba8b4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzJiYThiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDhiOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #2ba8b4 1%, #308b98 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2ba8b4), color-stop(100%,#308b98)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2ba8b4 1%,#308b98 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2ba8b4 1%,#308b98 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2ba8b4 1%,#308b98 100%); /* IE10+ */ background: linear-gradient(to bottom, #2ba8b4 1%,#308b98 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba8b4', endColorstr='#308b98',GradientType=0 ); /* IE6-8 */ } .banner {width: 64%; float:left;} #supermenu li { position: relative; -webkit-tap-highlight-color: none; margin-bottom: 0; } #supermenu > li:first-of-type { margin-left: 36px } /* temp unless want to wrap menu in div */ .no-touch #supermenu li:hover { /*background: #666*/ } .no-js #supermenu li:hover > ul { display: block } #supermenu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(255, 255, 255, 0.1); } html.no-rgba #supermenu li {border-bottom: 1px solid #1B5963;} #supermenu > li { /*float: left // changed for fixed height issue */ display: inline-block; /* ie7 hacks. could be added to an ie7 stylesheet if you need this stylesheet to validate */ zoom:1; *display: inline; } #supermenu > li > a { text-shadow: 0 -1px 0 rgba(0,0,0,.25); font-weight: 600 } #supermenu a { display: block; padding: 12px; text-decoration: none; color: #fff; -webkit-tap-highlight-color: none } #supermenu a:hover { background: #065e6f; background: rgba(0,0,0,.2) } #supermenu ul { width: 200px; display: none; position: absolute; top: 39px; z-index: 9999; left: 0; border-top: 1px solid #FFF; } #supermenu ul a span { float: right; margin: 10px 0 0 } .menu-mobile { display: none } #search_button { display: none } /* nested colors */ #supermenu ul { background-color: #034853 } #supermenu ul ul { left: 200px; top: -1px; background: #00353E; } #supermenu ul ul ul { background: #218e9e } #supermenu ul ul ul ul { background: #34a5b5 } /* triangles */ .tri-down { display: inline-block; margin-left: 12px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; vertical-align: middle; width:0; height:0 } .tri-up { display: inline-block; margin-left: 12px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; vertical-align: middle; width:0; height:0 } .ie7 .tri-down, .ie7 .tri-up { display: none } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ #featured { position: relative; background: url(images/featured-bg.png) no-repeat top center; margin-top: 0; margin-bottom: 0; } a#left-arrow, a#right-arrow, #featured .nivo-prevNav, #featured .nivo-nextNav { position: absolute; top: 143px; width: 40px; height: 44px; text-indent:-9999px; z-index: 40; } a#left-arrow, #featured .nivo-prevNav { background:url(images/left-arrow.png) no-repeat; left: -7px; } a#right-arrow, #featured .nivo-nextNav { background:url(images/right-arrow.png) no-repeat; right: -7px; } .featured-top-shadow { background:url(images/featured-top-shadow.png) repeat-x; position: absolute; top:0; left: 0px; width: 960px; height: 4px; display: none;} .featured-bottom-shadow { background:url(images/featured-bottom-shadow.png) repeat-x; position: absolute; bottom:0; left: 0px; width: 960px; height: 0px; display: none; } .featured-description { height: 48px; padding: 1em; position: absolute; left: 0; bottom: 0; width: 100%; border-radius: 0px; position: absolute; background:url(images/featured-description.png);} #wrap #main .flex-container a.readmore {color: #fff;} h3.featured-title { font-family: Arial,sans-serif; font-size: 1.3em; letter-spacing: 0.1em; font-weight: lighter; padding: 0; margin-bottom:0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); text-transform: uppercase;} h3.featured-title a { text-decoration: none; color: #fff; } h3.featured-title a:hover { background: none repeat scroll 0 0;} h4.featured-title { font-family: Arial,sans-serif; font-size: 1.1em; letter-spacing: 0.1em; font-weight: lighter; padding: 0; margin-bottom:0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); text-transform: uppercase;} h4.featured-title a { text-decoration: none; color: #fff; } h4.featured-title a:hover { background: none repeat scroll 0 0;} .featured-description p { color: #fff; font-size:0.8em; line-height: 21px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); padding:0; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);} #controllers_wrapper {text-align: center; width: 100%;} #controllers, .nivo-controlNav { text-align: center; padding-top: 12px; padding-bottom: 14px; } #controllers a, .nivo-controlNav a { background:url(images/controller1.png) no-repeat; display:block; height:11px; margin-right:4px; text-indent:-9999px; width:11px; display: inline-block; } #controllers a.activeSlide, .nivo-controlNav a.active, #controllers a:hover, .nivo-controlNav a:hover { background:url(images/controller2.png) no-repeat; } .nivoSlider { position:relative; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav { position: absolute; bottom: -40px; left: 0; width: 960px; } .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /* Added by NH 061212 */ #controllers, .nivo-controlNav { display: none; padding-bottom: 14px; padding-top: 12px; position: relative; text-align: center; } #featured-modest { position: relative; height: 340px; margin-top: 30px; } #featured-modest .slide { position: absolute; top: 20px; left: 300px; z-index: 1; opacity: 0; width: 354px; } #featured-modest .active-block { top: 0; left: 246px; z-index: 3; width: 462px; } #featured-modest .next-block, #featured-modest .prev-block { top: 35px; z-index: 2; } #featured-modest .next-block { left: 575px; } #featured-modest .prev-block { left: 20px; } #featured-modest .active-block, #featured-modest .prev-block, #featured-modest .next-block { opacity: 1; } .shadow-left, .shadow-right { position: absolute; top: 35px; height: 234px; display: none; } .shadow-left { left: -29px; width: 29px; background: url(images/active-left-shadow.png) no-repeat; } .shadow-right { right: -21px; width: 21px; background: url(images/active-right-shadow.png) no-repeat; } a.featured-link { text-indent: -9999px; width: 61px; height: 71px; background: url(images/featured_active_link.png) no-repeat; position: absolute; right: -28px; top: 118px; display: none; z-index: 1000; } #featured-modest .featured-title { position: absolute; bottom: 115px; width: 441px; left: 0; text-align: center; padding: 0 10px 26px; font-size: 30px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); background: url(images/featured-title-bg.png) no-repeat bottom center; display: none; } #featured-modest .description { background: url(images/description-bg.png) no-repeat; width: 411px; height: 86px; position: absolute; bottom: 0px; left: 1px; padding: 26px 25px 0; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); line-height: 20px; display: none; } #featured-modest .featured-title, #featured-modest #featured .description { cursor: pointer; } #featured-modest .active-block .shadow-left, #featured-modest .active-block .shadow-right, #featured-modest .active-block .featured-title, #featured-modest .active-block .description { display: block; } #featured-modest a.main { display: block; } #featured-modest img.bottom-shadow { position: absolute; bottom: -7px; left: 0; } #featured-modest .active-block img.bottom-shadow { bottom: -10px; } .gotoslide { position: absolute; top: 0; left: 0; background: url(images/next-slide-overlay.png); width: 354px; height: 234px; display: none; } .gotoslide span { position: absolute; top: 97px; display: block; width: 33px; height: 40px; } /* #featured-modest .next-block .gotoslide span { background: url(images/featured-arrow.png) no-repeat; right: 99px; } */ /* featured-modest .prev-block .gotoslide span { background: url(images/featured-arrow-left.png) no-repeat; left: 99px; } */ /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ h3#comments { color: #1d1d1d; font-size: 28px; font-family: 'Kreon', Arial, sans-serif; font-weight: lighter; margin-bottom: 20px; } #comment-wrap { margin-top: -18px; padding: 42px 35px 0 0; } .comment-body-outer { border: 1px solid #f0f0f0; margin-bottom: 25px; background: url(images/comment-top-bg.png) repeat-x; } .comment-body { background: #fff; padding: 18px 14px 12px 100px; position: relative; background: url(images/comment-bottom-bg.png) bottom left repeat-x; } .avatar-box { position: absolute; top: 17px; left: 19px; padding: 6px 0 0 6px; } .avatar-overlay { position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url(images/avatar-overlay.png) no-repeat; } .comment-date { font-size: 12px; color: #d4d4d4; font-family: Georgia, serif; font-style: italic; float: right; } span.fn, span.fn a { font-family: 'Kreon', Arial, sans-serif; font-weight: lighter; font-size: 20px; color: #1d1d1d; text-decoration: none; } span.fn a:hover { color: #111; text-decoration: none; } /* .comment-arrow { position: absolute; bottom: -19px; right: 45px; background: url(images/comment-arrow.png) no-repeat; width: 18px; height: 19px; }*/ .reply-container { float:right; } .comment ul.children { padding-left: 100px; } #commentform textarea#comment { width: 96%; } #commentform input[type=text] { width: 38%; } #commentform input, #commentform textarea {border: 1px solid #ccc; color: #444; font-size: 1em; padding: 2%; border-radius: .3em;} #commentform .hidden { display: none; } li.comment #respond textarea { width: 91% !important; } li.comment #respond input[type=text] { width: 48% !important; } #trackbacks { margin-bottom: 20px; } #trackbacks h3#comments, #respond h3#comments { margin-bottom: 5px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ /* #footer-content { width: 958px; margin-left: 1px; margin-top: 1px; margin-bottom: 1px; background-color: #f9f9f9; -webkit-border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; border-radius: 0px 0px 7px 7px; } #footer-widgets { padding: 0; } .footer-widget { width: 190px; margin-right: 34px; float: left; color: #929292; text-shadow: 1px 1px 1px #ffffff; } .last { margin-right: 0px; } #footer-slogan { font-size: 9.1px; color: #66929c; text-transform: uppercase; margin-left: 34px; margin-top: -30px; } #footer-copyright { display: block; font-family: 'Kreon', Arial, sans-serif; font-size: 12px; color:#717171; margin-top: -9px; } .footer-widget p { color: #929292; text-shadow: 1px 1px 1px #ffffff; } .footer-widget a { color: #777777; } .footer-widget a:hover { color: #111111; text-decoration: underline; } .footer-widget ul { margin-bottom:8px; } .footer-widget ul ul { margin-bottom:0; } .footer-widget ul li { background:url(images/footer-bullet.png) no-repeat 0 7px; padding:0px 0 7px 16px; } .footer-widget ul li ul { margin:0 0 -3px; padding:5px 0 0 7px; } */ /*** footer ***/ #footer { margin: 0 auto 1em auto; padding: 1em 0; color: #fff; color: rgba(255,255,255,.9); clear: both; max-width: 1022px; /* background: rgba(1,95,115,.85); */ } #footer ul {margin: 0; padding: 0;} #footer ul li {border-bottom: none; list-style: none; line-height: 1.6em; font-size: 1em;} #footer ul, #footer p {color: #fff; color: #fff; color: rgba(255,255,255,.85);} #wrap .social-networking a {opacity: .9; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out-in-out; -o-transition: all .15s ease; transition: all .15s ease-in-out; } #footer .social a:hover, #footer .social a:active {opacity: 1;} #footer span { display: block; font-style: normal; text-transform: none; font-size: 1.45em; color: #fff; color: rgba(255,255,255,.94); letter-spacing: normal; } #footer a {color: #555; color: rgba(0,0,0,.85); line-height: 1em; text-shadow: 0 1px 0 rgba(255,255,255,.3);} #footer a:hover {color: #fff; text-shadow: none;} #footer h5 {color: #fff; color: rgba(255,255,255,.95); margin-bottom: 0; padding-bottom: 0; font-style: italic;} #footer .contact-information a {color: #fff; text-decoration: none;} #footer .tel, #footer .email a{ display: inline-block; background: #8F8C7B; background: rgba(0,0,0,.4); padding: .4em 1em .4em 3em; font-size: .8em; border-radius: 1em; opacity: .9; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; line-height: 1.4em; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,.2); } #footer .tel a {color: #fff; text-shadow: none;} html.no-rgba #footer .tel {background: #8F8C7B url(images/design/icons/icon-sprite.png) 0 0px no-repeat; } html.no-rgba #footer li.email a {background: #8F8C7B url(images/design/icons/icon-sprite.png) 0 -57px no-repeat;} #footer .tel {background: rgba(0,0,0,.4) url(images/design/icons/icon-sprite.png) 0 0px no-repeat; } #footer .email a {background: rgba(0,0,0,.4) url(images/design/icons/icon-sprite.png)0 -57px no-repeat; color: #fff; } #footer li.address a { background: url(images/design/icons/icon-sprite.png) 0 -780px no-repeat; display: inline-block; padding: .4em .4em .4em 3em; color: rgba(0,0,0,.7); } #footer li.map a { background: url(images/design/icons/icon-sprite.png) 0 -840px no-repeat; display: inline-block; padding: .4em .4em .4em 3em; color: rgba(0,0,0,.7); } #footer li.address {display: block;} #footer .tel:hover, #footer .email a:hover {opacity: 1; cursor: pointer;} #footer .address-information li {display: inline-block; margin: 0; padding: 0 1em 0 0; font-size: .8em; border-right: 1px solid rgba(255,255,255,.2);} #footer .address-information li:first-child {padding-left: 0;} #footer .address-information li:last-child {border-right: none;} #footer .address-information li a:hover, #footer .address-information li a:active {text-decoration: underline;} #footer .powered-by a { background: url('images/design/footer/poweredby.png') top left no-repeat; text-indent: -9999em; display: inline-block; height: 33px; opacity: .8; width: 230px; float: left; } #wrap .copyright {font-size: .8em; color: #fff; color: rgba(255,255,255,.3); text-align: left; clear: both;} #wrap ul.social-networking {margin: 0 0 1em 0; text-align: right;} #wrap ul.social-networking li {display: inline-block; margin: 0; padding: 0; line-height: 1em; } #footer ul.social-networking a span {text-indent: -9999em;;} ul.social-networking a { display: block; opacity: .8; height: 35px; width: 28px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: .9; } #footer ul.social-networking a.facebook {background: url(images/design/icons/icon-sprite.png) center -952px no-repeat; } #footer a.twitter {background: url(images/design/icons/icon-sprite.png) center -1009px no-repeat;} #footer a.flickr {background: url(images/design/icons/icon-sprite.png) center -1069px no-repeat;} #footer a.rss {background: url(images/design/icons/icon-sprite.png) center -1131px no-repeat;} #header ul.social-networking a.facebook {background: url(images/design/icons/icon-sprite.png) center -1553px no-repeat; } #header a.twitter {background: url(images/design/icons/icon-sprite.png) center -1610px no-repeat;} #header a.flickr {background: url(images/design/icons/icon-sprite.png) center -1670px no-repeat;} #header a.rss {background: url(images/design/icons/icon-sprite.png) center -1732px no-repeat;} #footer .powered-by a:hover, #footer .powered-by a:active, ul.social-networking a:hover, ul.social-networking a:active {opacity: 1;} /*** Sidebar ***/ .sidebar { background: rgba(0,0,0,.09); font-size: .9em; padding-bottom: .5em; margin-bottom: .5em; } .sidebar .widget:first-child {border-top: none; padding: 1em 0 0 0;} .sidebar .widget:last-child {border-bottom: none; } .sidebar .widget {margin: 0; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.4); padding: 1em 0 0 0;} html.no-rgba .sidebar .widget {border-bottom: 1px solid #D5D6D6; } .sidebar .content {padding: 0 2%;} .sidebar .widget img {background: #fff; padding: .3em; border: 3px solid rgba(0,0,0,.1);} .sidebar h3, .sidebar h4, .sidebar h5 {color: #015F73; text-shadow: 0 px 0 rgba(255,255,255,.9); font-weight: bold; padding-bottom: .3em; text-shadow: 0 1px 0 rgba(255,255,255,.9);} .sidebar h4, .sidebar h5 {color: #444;} .sidebar h3 {font-weight: normal; font-size: 1.5em; font-weight: 600; padding-bottom: .1em; margin-bottom: .75em;} .sidebar form {padding: 0 0 0 1em 0; display: block;} .sidebar form fieldset { background: rgba(255,255,255,.7); padding: .5em; margin: .5em 0 .5em 0; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3); } .sidebar form legend {display: block; float: left;} .sidebar form input[type="submit"] { display: block; padding: .5em 1.5em; background: #0E7D89; color: #fff; width: 100%; -webkit-border-radius: .3em; -moz-border-radius: .3em; border-radius: .3em; border: none; clear: both; margin: .75em 0 1em 0; opacity: .9; } input.medium, select.medium .content-forms{ border: 1px solid #ccc; padding: 6px 4px !important; 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; } form#contact-us.visual-form-builder fieldset.fieldset ul.section li.item { padding: 1em !important; } .sidebar form input[type="submit"]:hover, .sidebar form input[type="submit"]:active {opacity: 1; cursor: pointer; text-decoration: underline;} .primary {border-bottom: 3px solid #AFADAD; background: #fff;} /*** Button List ***/ #wrap #page ul.buttonlist {margin: 0; padding: 0; list-style: none; list-style-position: outside;} #wrap #page ul.buttonlist li {list-style: none;} #wrap #page ul.buttonlist li a { display: block; background: #fff url(images/design/icons/icon-sprite.png) 100% -230px no-repeat; padding: .75em 1em; margin: 0; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.9); font-weight: bold; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); -moz-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); border: 1px solid #ccc; } #wrap #page ul.buttonlist li a:hover { -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); -moz-box-shadow: 0 0 5px rgba(0,0,0,.4); box-shadow: 0 0 5px rgba(0,0,0,.4); text-decoration: none; color: #047482; } #breadcrumb {margin: 0 0 1em 0; padding: 0; font-size: .8em;} /* ol.breadcrumb li {list-style: none; display: inline-block; margin: 0 0 1em 0; padding: 0;} ol.breadcrumb li a{background: url(images/design/icons/icon-sprite.png) 100% -2154px no-repeat; display: inline-block; padding: .2em 2.4em .2em 0;} ol.breadcrumb li.last a {background: none; padding: .2em;} */ /*** HIC Event Lists ***/ .event-listing {margin: 1em 0; );} .event-start {display: block; font-size: 1em; color: #777;} .event-title {border-bottom: 1px solid #fff; display: block; padding-bottom: 1em;} #main .event-listing ul {margin: 0; padding: 0;} #main .event-listing ul li {list-style: none; margin-left: 0; padding-left: 0; font-size: 1em;} .post, .primary-content .widget {border-top: 1px solid rgba(0,0,0,.1); clear: both; } .post:first-child {border-top: none;} .second-row h3 {text-transform: uppercase; font-weight: bold; color: #58585B; padding: .5em 0 1em 0; margin-bottom: .25em;} /*** Media Gallery Thumbnails ***/ ul.media-gallery {clear: both; width: 100%;} ul.media-gallery li {width: 20%; height: 20%; display: block; float: left; margin: 0 4% 4% 0;} ul.media-gallery li img:hover, ul.media-gallery li img:active {-webkit-box-shadow: 0 0 5px rgba(0,0,0,.4); bottom: 2px; position: relative;} ul.media-gallery li a {cursor: pointer;} ul.media-gallery li img {width: 100%; border: 5px solid #E6E7E8; } /*** Read More ***/ a.view, #wrap #main a.readmore {background: url(images/design/icons/icon-sprite.png) 100% -238px no-repeat; display: inline-block; clear: both; padding: .3em 2.4em .3em 0; font-weight: bold; color: #58585B; text-align: left; float: none; font-size: 1em; display: inline-block; line-height: 1em;} #wrap #main a.readmore:hover, #wrap #main a.readmore:active {text-decoration: underline; color: #056979; cursor: pointer;} /*** jQuery Datepicker ***/ /* Component containers ----------------------------------*/ .ui-widget {font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { border: 1px solid #ccc; background: #fff; color: #222; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); } .ui-widget-content a { color: #222; } .ui-widget-header { border: 1px solid #aaa; background: #ccc; color: #222; font-weight: normal; } .ui-widget-header a { color: #222; text-decoration: none; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; color: #555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #dadada; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: #fff; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Icons ----------------------------------*/ /*! * jQuery UI Datepicker 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 100%; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; background: rgba(255,255,255,.7); padding: .2em 1em; border-radius: .3em;} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { } .ui-datepicker .ui-datepicker-prev { left:.3em; } .ui-datepicker .ui-datepicker-next { right: .3em; } .ui-datepicker .ui-datepicker-prev-hover { font-weight: normal; cursor: pointer;} .ui-datepicker .ui-datepicker-next-hover { font-weight: normal; cursor: pointer; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #297484; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.8);} .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .displace { left: -9999px; position: absolute; } .displace { margin-left: -9999px; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ /* .widget { width: 230px; padding-bottom: 25px; } .widget h3.title { padding-bottom: 10px; } .widget ul li { background:url(images/sidebar-bullet.png) no-repeat 0px 7px; padding-bottom: 8px; padding-left: 15px; display: block; } .widget ul li a { color:#929292; text-decoration: none; } .widget ul li a:hover { color: #555; text-decoration: underline;} */ /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 10px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px !important;} img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background-position: bottom; background-repeat: no-repeat; z-index: 10; } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:50px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:192px; top:0px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0px; float: left; height: auto !important; } .nav li ul { width: 191px; z-index:1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 15px 12px 0px; } .wp-pagenavi { position: relative; font-family: 'Kreon', Arial, sans-serif; color: #1d1d1d; font-size: 14px; text-align: right; padding: 15px 33px 0 0; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 12px !important; margin: 2px; text-decoration: none; border:1px solid #eaeaea !important; color: #413f36; background-color: #fff; font-weight: lighter !important; color: #1d1d1d; font-size: 14px; } .wp-pagenavi a:visited { padding: 5px 12px; margin: 2px; text-decoration: none; border: 1px solid #eaeaea; background-color: #fff; color: #1d1d1d; font-size: 14px; } .wp-pagenavi span.pages { padding: 5px 7px 5px !important; margin: 2px !important; border: none !important; background-color: none; color: #1d1d1d; font-size: 14px; font-weight: lighter; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { padding: 5px 12px !important; margin: 2px; font-weight: bold; border:1px solid #eaeaea !important; color: #1d1d1d !important; font-size: 14px; font-weight: lighter !important; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .foursixeight { margin: 0px 0px 15px 84px;} .et_pt_blogentry { position: relative; } .media-description { display: none; position: absolute; bottom: 63px; left: -58px; width: 140px; padding: 15px 15px 8px; z-index: 30; background: #fff; border: 1px solid #f0f0f0; border-bottom: 1px solid #d1d1d1; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px; -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); font-family: Georgia, serif; font-size: 12px; color: #929292; font-style: italic; } /* .media-arrow { display: block; position: absolute; width: 14px; height: 8px; bottom: -8px; left: 80px; background: url(images/media-arrow.png) no-repeat; } */ #et-control-panel { position: fixed; left: 0px; top: 94px; width: 169px; z-index: 9000; color: #9f9f9f; text-shadow: 1px 1px 1px #fff; background: url(images/control-panel-bottom.png) no-repeat bottom left; padding-bottom: 18px; } #control-panel-main { background: url(images/control-panel-mainbg.png) repeat-y; -moz-border-radius-topright: 14px; -webkit-border-top-right-radius: 14px; border-top-right-radius: 14px; } #et-control-close { background: url(images/control-panel-closebutton.png) no-repeat; position: absolute; top: 17px; right: -41px; width: 45px; height: 40px; display: block; } .control-open { background: url(images/control-panel-openbutton.png) no-repeat !important; } #et-control-inner { background: url(images/control-inner.png) no-repeat; padding: 16px 16px 0px 16px; } #et-control-panel h3.control_title { font-size: 15px; padding: 2px 0 10px; float: left; } #et-control-panel p { font-style: italic; font-family: Georgia, serif; font-size: 10px; } .et-sample-setting { display: block; width: 29px; height: 29px; position: relative; float: left; margin: 0 4px 4px 0; text-indent: -9999px; } .et-sample-setting span.et-sample-overlay { background: url(images/control-link-overlay.png) no-repeat; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; } #et-sample-color1 { background: #6a8e94; } #et-sample-color2 { background: #8da49c; } #et-sample-color3 { background: #b0b083; } #et-sample-color4 { background: #859a7c; } #et-sample-color5 { background: #c6bea6; } #et-sample-color6 { background: #b08383; } #et-sample-color7 { background: #a4869d; } #et-sample-color8 { background: #f5f5f5; } #et-sample-color9 { background: #4e4e4e; } #et-sample-color10 { background: #556f6a; } #et-sample-color11 { background: #6f5555; } #et-sample-color12 { background: #6f6755; } /* #et-sample-texture1 { background: url(images/body-bg2.png) 14px 13px; } #et-sample-texture2 { background: url(images/body-bg3.png); } #et-sample-texture3 { background: url(images/body-bg4.png); } #et-sample-texture4 { background: url(images/body-bg5.png); } #et-sample-texture5 { background: url(images/body-bg6.png); } #et-sample-texture6 { background: url(images/body-bg7.png); } #et-sample-texture7 { background: url(images/body-bg8.png); } #et-sample-texture8 { background: url(images/body-bg9.png); } #et-sample-texture9 { background: url(images/body-bg10.png); } #et-sample-texture10 { background: url(images/body-bg11.png) 139px 104px; } #et-sample-texture11 { background: url(images/body-bg12.png); } #et-sample-texture12 { background: url(images/body-bg13.png) 14px 14px; } #et-sample-texture13 { background: url(images/body-bg14.png); } #et-sample-texture14 { background: url(images/body-bg15.png); } #et-sample-texture15 { background: url(images/body-bg16.png); } #et-sample-texture16 { background: url(images/body-bg17.png); } */ .et-control-colorpicker { background: url(images/control-panel-colorpicker.png) no-repeat; width: 18px; height: 19px; display: block; float: right; } .et-font-control { margin-top: 9px; } .colorpicker { z-index: 10000; } #et_control_header_font, #et_control_body_font { width: 73px; } #comment-wrap .navigation { padding: 10px 0; } .nav-previous { float: left; } .nav-next { float: right; } h3#reply-title small { display: block; } h3#reply-title small a { font-size: 12px; letter-spacing: 0px; } #commentform input[type=text] { width: 40%; display: block; padding: 5px; } #commentform textarea#comment { width: 91%; } .commentlist #respond textarea#comment { width: 91% !important; } .commentlist #respond input[type=text] { width: 40%; display: block; padding: 5px; } .comment_navigation_bottom, .comment_navigation_top { padding-bottom: 12px; } #featured #slides { height: 332px; } #media-slides { height: 60px !important; } .media-slide { width: 507px !important; } .et_embedded_videos { display: none; } .js #featured #slides, .js #featured-modest { background: url(images/ajax-loader.gif) no-repeat center; } .js #featured .slide, .js #featured-modest .slide { display: none; } /* JKH - 08292012 - Full background cover */ #backgroundCover { background-size: cover; -moz-background-size: cover; -webkit-background-size:cover; -o-background-size: cover; /* background: #CD9763; */ width: 100%; height: 100%; /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -9999999; } /*------------------------------------------------*/ /*---------------[Responsive CSS]---------------*/ /*------------------------------------------------*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {display: none; list-style: none outside none; margin: 0; padding: 0;margin: 0; padding: 0; list-style: none;} html.no-js .flex-container a:active, html.no-js .flexslider a:active {outline: none;} html.no-js .slides, html.no-js .flex-control-nav, html.no-js .flex-direction-nav {display: block; } /* FlexSlider Necessary Styles *********************************/ #main .flexslider {width: 100%; margin: 0; padding: 0;} /* #main .flexslider .slides > li {display: none;} Hide the slides before the JS is loaded. Avoids image jumping */ #main .flexslider ul.slides {margin: 0; padding: 0; line-height: 1em;} #main .flexslider ul li {margin: 0; padding: 0; overflow: hidden; line-height: 0;} #main .flexslider ul li img {margin: 0; padding: 0; } .flexslider .slides img, .post img {max-width: 100%; display: block; height: auto; padding: 0;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container {zoom: 1; position: relative; margin-bottom: .5em;} /* Caption style */ /* IE rgba() hack */ .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;} /* Direction Nav */ .flex-direction-nav li a {width: 40px; height: 44px; margin: 0; display: block; /* background: url(../images/featured-arrow-left.png) no-repeat 0 0; */ position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li .next {/*background: url(../images/featured-arrow.png) no-repeat 0 0; */ right: -6px;} .flex-direction-nav li .prev {left: -6px;} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* #flex_controllers { position: absolute; bottom: -28px; left: 0; width: 100%; text-align: center; } #flex_controllers li { display: inline-block; margin-right: 4px; } #flex_controllers a { background: url("images/buttons.png") no-repeat scroll 0 0 transparent !important; height: 53px !important; width: 40px !important; text-indent: -9999px; display: inline-block; } #flex_controllers a.active, #flex_controllers a:hover { background: url("images/buttons-act.png") no-repeat scroll 0 0 transparent; } */ #flex_controllers { width: 100%; text-align: center; background: #ddd; margin: 0 auto; padding: .5em 0;} #flex_controllers li { display: inline-block; margin-right: 4px; } /* #flex_controllers a { background: url(images/controller1.png) no-repeat; height: 11px; text-indent: -9999px; width: 11px; display: inline-block; } */ #flex_controllers a { background: #ccc; background: rgba(190,190,190, 0.9); border: 0; border-radius: 1em; display: inline-block; height: 1.4em; margin: 0 .3em; text-indent: -9999em; width: 1.4em; float: left; } #flex_controllers a.active, #flex_controllers a:hover { background: #308B98; } .service img { max-width: 100%; height: auto; } .service .thumb { width: auto; height: auto; border: 1px solid #f0f0f0; -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.1); box-shadow: 0px 0px 1px rgba(0,0,0,0.1); background: none; padding: 3px; } .item-image { margin: 0; } span.more-icon { top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; } #mobile_nav { display: none; padding: 5px 15px; position: relative; padding: 12px 26px 12px 53px; font-family: Georgia, serif; font-style: italic; font-size: 15px; text-shadow: 1px 1px 0 #fff; color: #464646; } #mobile_nav:hover { color: #111; text-decoration: none; } #mobile_nav > span { display: block; width: 17px; height: 11px; background: url(../images/responsive_arrow.png) no-repeat; position: absolute; top: 17px; left: 19px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); } #mobile_menu { position: absolute; top: 43px; left: -101px; border: 1px solid #ECECEC; width: 365px; text-align: center; z-index: 1000; padding: 15px 0 9px; display: none; } #mobile_menu li { padding-bottom: 15px; } #mobile_menu ul { display: block !important; visibility: visible !important; padding-top: 15px; margin-bottom: -15px; } #mobile_nav, #mobile_menu { background: #F9F9F9; -moz-box-shadow: inset 0px 0px 1px 1px #fff; -webkit-box-shadow: inset 0px 0px 1px 1px #fff; box-shadow: inset 0px 0px 1px 1px #fff; border: 1px solid #ECECEC; } #mobile_menu a { font-style: normal; color: #393939; } #mobile_menu li.current-menu-item > a, #mobile_menu a:hover { color: #427D8B; text-decoration: none; } nav#top-menu ul.mobile_nav { width: 320px; border: 1px solid #d6d6d6; background: #fafafa; display: none; } .mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; } ul#top-menu ul { display: none; } /* \\\\\\\\\\\\\\\\\ Added style from HTML mock. Will need to arrange to it's proper location in relation to Cosmetic/Layout/Desktop Nathan \\\\\\\\\\\\\\\\\\ */ /* .sidebar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05); }*/ img, object, iframe, embed, video { border: 0 none; max-width: 100%; } .inner-main, #footer-widgets, .inner-footer, #main .inner-main.second { /* padding: 1em 4%; width: 92%; overflow-x: hidden; */ margin: 0 2%; } .inner-main-full, #main .inner-main-full.second { /* padding: 1em 4%; width: 92%; overflow-x: hidden; */ margin: 0 2%; } #accordian p{padding: 10px; margin:0;} #accordian p.first{display:block; padding: 10px; margin:0;} #accordian h6 { background: #b4b4b4; color: #fff !important; display: block; height: 35px; padding: 10px; border-bottom: 1px solid #F0F0F0; } #accordian{background: #ddd; border: 1px solid #F0F0F0;} @media only screen and (min-width: 768px) and (max-width: 960px) { .featured-post-widget { width: 230px;} .aside-right { width: 230px;} h2.featured-title { font-family: Arial,sans-serif; font-size: 28px; font-weight: lighter; padding: 10px 10px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);} #flex_controllers { left: 59px !important; } ul.children ul { margin: 11px 0 0 56px;} ul#top-menu a { font-family: Arial,sans-serif; font-size: 15px; padding: 8px; text-decoration: none;} ul#top-menu ul { top: 35px !important;} #category-name { width: 100%; } #category-inner { padding: 0; } #container, #quote, .featured-top-shadow, .featured-bottom-shadow { width: 750px; } #quote h3 { font-size: 22px; } #quote p { font-size: 18px; } #content-area { padding:45px 36px 60px; } .service { width:206px; margin-right:29px; } .service .thumb { background: none; } #from-blog { display: none; } #multi-media-bar { padding: 0 57px; } #footer-content { width:748px; } .widget { width: auto; } #left-area { width: 410px; } #sidebar { width: 155px; padding: 0; } #content { background-position: 518px 0; padding: 0 10px 10px;} .fullwidth .et_pt_gallery_entry { margin: 0 0px 32px 14px; } #et_pt_portfolio_gallery { margin-left: -35px !important; } .et_pt_portfolio_item { margin-left: 25px !important; width: 219px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; } .et_portfolio_more_icon { left: 65px !important; } .et_portfolio_zoom_icon { left: 106px !important; } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 11px !important; width: 132px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -20px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 11px !important; width: 348px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; } } @media only screen and (max-width: 960px) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title span { padding: 0 !important; color: #111 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } } @media only screen and (min-width: 684px) and (max-width: 768px) { #wrap .top-feature ul li a { padding: .7em 0 .7em .5em !important; } .banner {margin-top: 1.4em !important;} } @media only screen and (max-width: 768px) { #category-name { width: 100%; } #category-inner { padding: 0; } #container, .featured-top-shadow, .featured-bottom-shadow { width: 460px; } /* #additional-info, .featured-description, #from-blog, #multi-media-bar, #footer-widgets { display: none; } */ p#slogan { float: none; margin-left: 47px; margin-top: -25px; padding-top: 0; } #quote { padding-left:35px; padding-right:35px; width:390px; } #quote h3 { font-size: 22px; } #quote p { font-size: 18px; } ul.children ul { margin: 0px; } #font-resize { display: none; } .aside-right { width: 230px;} #content-area { padding:35px 36px 10px; } #services { margin-bottom: 10px; } .service { float: none; width: 386px; } .service h3.title { text-align: center; } .service .thumb { background: none; } #footer-content { width:458px; } p#copyright { float: none; padding-right: 0; padding-top: 20px; text-align: center; } #mobile_nav { display: inline-block; } #top-menu, #sidebar { padding: 0; display: none; } #content { padding: 0px 28px 60px; } h2.title { text-align: center; } .post p.meta-info { margin-left: -28px; margin-right: -28px; padding-left: 28px; padding-right: 28px; border-bottom: none; } #left-area { width: 404px; } .featured-post-widget { width: 230px; } .post { padding-right: 0; } .comment ul.children { padding-left: 0; } .fullwidth #et_pt_gallery { margin-left: -17px; margin-right: -15px; } .fullwidth .et_pt_gallery_entry { margin: 0 0px 32px 4px; } .sitemap-col { float: none !important; width: auto !important; } #et_pt_portfolio_gallery { margin-left: -34px !important; } .et_pt_portfolio_item { margin-left: 11px !important; width: 143px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 25px !important; } .et_portfolio_more_icon { left: 29px !important; } .et_portfolio_zoom_icon { left: 67px !important; } .et_portfolio_small .et_pt_portfolio_item { width: 410px !important; margin-bottom: 10px; } .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; } .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; } .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 404px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; } #sidebar { display: block !important; border-top: 1px solid #F0F0F0; } .statewide-banner-right { display: none; } .with_frm_style .frm_form_fields input, #wpcontent .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields select, .with_frm_style .frm_form_fields textarea { border-style: solid; border-width: 1px; font-size: 13px; padding: 2px; width: 250px !important; } } @media only screen and (min-width: 684px) { #inner-wrap {margin: 0; margin: 0 auto; padding: 0 1.5%;} .inner-header { padding: 2.2em 36px 1em 36px; } .inner-wrapper, .inner-main { clear: both; display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */ float: left; padding: 1em 5% 0 5%; position: relative; max-width: 950px; background: #fff; margin: 0; /* RT - 121227 width:95%; */ width:90%; } .inner-main-full { clear: both; display: block; float: left; margin: 0; padding: 1em 36px 0; position: relative; } #page, #footer-widgets, .inner-footer { margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */ text-align: left; max-width: 1022px; } #header .logo {display: inline-block;} #header .logo img {height:71px; width: auto; max-width: 225px; vertical-align: top; padding-top: 3%; float: left; margin: 0 2em 0 0;} #header h1 a { color: #0B7482; margin : 0 0 .15em 0; font-size : 1.55em; padding: 0; text-transform: none; } #header h1.location { font-size : 1em; font-weight: normal; line-height : 1.2; color: #79482A; margin: 1.5em 0 0 0; padding: 0; font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow: 0 1px 0 rgba(255,255,255,.9); text-transform: none; } .inner-main.home { background: none; /* RT - 121227 width:auto; */} } @media only screen and (max-width: 684px) { #container { width: 300px; } #header { text-align: center; } #additional-info, #controllers, #from-blog, #multi-media-bar, /* #footer-widgets */ { display: none; } #logo { float: none; } p#slogan { float: none; margin-left: 47px; margin-top: -25px; padding-top: 0; } #quote { padding-left:35px; padding-right:35px; width:230px; } #quote h3 { font-size: 21px; } #quote p { font-size: 16px; } #content-area { padding:35px 30px 10px; } #services { margin-bottom: 10px; } .service { float: none; width: 240px; } .service h3.title { text-align: center; } .service .thumb { background: none; } #footer-content { width:298px; } p#copyright { float: none; padding: 20px 10px; text-align: center; } #mobile_nav { display: inline-block; margin-bottom: 10px; } #top-menu, .post-thumbnail { display: none; } #mobile_menu { width: 240px; } #left-area { width: 244px; } .post p.meta-info { border-bottom: 1px solid #F0F0F0; } .fullwidth #et_pt_gallery { margin-left: 6px; } .et-protected { width: auto !important; } .et-protected-form { background: none !important; } .et-protected-form p input { margin: 0 !important; } p.et-registration { margin-top: 35px !important; } .et_pt_gallery_entry { margin-left: 11px !important; } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -13px !important; } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 272px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 68px !important; } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 94px !important; } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 134px !important; } .entry .et_portfolio_small .et_pt_portfolio_item { width: 264px !important; margin-left: 6px !important; } /* /* Super menu!!!!!!!!! */ #supermenu { color: #fff; height: auto } #supermenu > li{ background: #00353e } #supermenu li { display: block; clear: both; width: 100%; -webkit-tap-highlight-color: none } #supermenu > li:first-of-type { margin-left: 0 } /* temp unless want to wrap menu in div */ #supermenu li a { display: block; text-align: left } #supermenu li a span { float: right; vertical-align: baseline; margin-top: 10px; margin-right: 20px } #supermenu ul { width: 100%; position: relative; top: 0; list-style: none; } #supermenu ul li {list-style: none;} #supermenu ul ul { left: 0 } #header_search { float: right } /* .touch #supermenu a:hover { #fff } .touch li:hover, .touch li:active { background: #900 } .touch #supermenu li:hover a { background-color: transparent } .touch #supermenu li a:hover { color: #fff } .touch #supermenu li:hover, .touch #supermenu li:active, .touch #supermenu li:visited { background-color: #f00 } */ #supersub-menu { display: none; clear: both; position: relative } #supersub-menu.show { display: block } #search_button, .menu-mobile { clear: both; display: block; text-transform: uppercase; color: #fff; padding: 8px 13px; overflow: hidden; text-align: center; width: 18px; float: left; background-color: #222; margin: 10px 2% 10px 10px; border-radius: 5px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); } #search_button:hover, .menu-mobile:hover { cursor: pointer } .menu-mobile span { background-color: #F5F5F5; border-radius: 1px 1px 1px 1px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; margin: 2px 0; width: 18px; text-indent: -999px; } #search_button { background: url("images/icon-sprite.png") no-repeat scroll 20% -175px #222; text-indent: -9999em; position: absolute; top: 0; right: 0; } .banner { width: 35%; } .banner h1.title{ line-height:1.2em !important; } .three-col.et-social-icons{ min-width: 10%; max-width: 43%; margin-top:2em; z-index:1 !important; } #search_button:hover, #search_button:focus {background: #829C46 url("images/icon-sprite.png") no-repeat scroll 20% -175px #222 } .show { display: block } .hide { display: none } .logo img { display: none } #header { z-index: 999 } /* header grid fixes so they dont go responsive */ .inner-header .six-col { float: left } .inner-header .three-col { z-index: 999; position: relative; float: right; margin-right: 10px } #header_search { display: none; padding: 1em; background: #ccc; background: rgba(216,213,188,.9); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4); -moz-box-shadow: 0 0 4px rgba(0,0,0,.4); box-shadow: 0 0 4px rgba(0,0,0,.4); width: 200px; height: 50px; position: absolute; right: 0; top: 2.6em; border-bottom-left-radius: 5px; z-index: 99; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); } #header_search.show { display: block } #main { z-index: 1 } #header { background: #047482; /* Old browsers */ background: -moz-linear-gradient(top, #047482 0%, #065e6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047482), color-stop(100%,#065e6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #047482 0%,#065e6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #047482 0%,#065e6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #047482 0%,#065e6f 100%); /* IE10+ */ background: linear-gradient(top, #047482 0%,#065e6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047482', endColorstr='#065e6f',GradientType=0 ); /* REMIND ME TO FIX THIS REPEATING CODE!?! */ } /* JKH - 08282012 */ #backgroundCover { display: none; } /* Hide backgroundCover for mobile */ #wrap { background-color: #CD9763; } /* RT - 121227 */ .post-snippet { padding-right:4%; padding-left:4%; } #page .inner-main .button-row ul li, #search_ul li{ list-style: none !important; } .primary .content { padding-left: 5%; } .primary-content .content { padding-right: 0; } .post-snippet{     padding: 0 4% 1%; } #footer-widgets h4.widgettitle{ margin-top:15px; } .search_pagination, .pagination { margin-bottom:10px; } .sidebar { overflow:auto;} } /*** Top News ***/ .topnews {margin-bottom: 1em;} .topnews a { /* padding: 1em 2em; background: #6D6E70; */ /* display: block; */ color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); text-transform: uppercase; text-decoration: underline; letter-spacing: 1px; /* margin-bottom: 1em; */ } .topnews a:hover { /* background: #515459; */ color: #CCC !important; } .topnews a span {background: url(images/design/icons/icon-sprite.png) 100% -2279px no-repeat; padding: 0 2.5em 0 0; margin-right: 1em;} .announcer_content { padding: 1em 2em; background: #6D6E70; /* display: block; */ color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.2); text-transform: uppercase; text-decoration: none; letter-spacing: 1px; line-height:1.5em; } #footer dl {color: #404041;} #footer dt, #footer .widgettitle {font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.7); padding-bottom: .25em;} #footer dd {display: block; padding: .65em 0; margin: 0; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.1);} #footer dd a {display: block;} #footer-widgets, .inner-footer {padding: 0 0 0 36px; margin-right: 36px !important;} /*** Spotlight ***/ .top-feature { background: #29AACB; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.4); font-size: 1.2em; margin: 0; padding: 0; } #wrap .top-feature ul {list-style: none; margin: 0; padding: 0; width: 100%;} /* #wrap .top-feature ul li {list-style: none; margin: 0; padding: 1.4em 0 1.4em 1em; border-bottom: 1px solid rgba(255,255,255,.5); display: block;} #wrap .top-feature ul li a {color: #fff;} */ /* Full Button Click Fix Begin -jc */ #wrap .top-feature ul li {list-style: none; margin: 0; border-bottom: 1px solid rgba(255,255,255,.5); display: block;} #wrap .top-feature ul li a {display: block; color: #fff;} #wrap .top-feature ul li a {padding-bottom: 1.38em !important;} /* RT - 130108 */ #wrap .top-feature ul li a span {display: inline-block; max-width: 75%; line-height:1.2em; vertical-align: middle; } /* Full Button Click Fix End -jc */ #wrap .top-feature ul li:hover {background: rgba(0,0,0,.1);} #wrap .top-feature ul li img {margin: 0 .5em 0 0; vertical-align: middle;} .spotlight h3 {text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #58585B; margin-bottom: .5em; font-size: 1em; padding: 0;} #wrap .spotlight {margin: 1em 0;} #wrap .spotlight ul {list-style-position: inside; margin: 0 0 1em 0; padding: 0;} #wrap .spotlight ul li { list-style-type: square; list-style-position: inside; display: inline-block; width: 100%; clear: both; padding: 0; margin: 0; } #wrap .spotlight ul li a { padding: .75em 0; display: block; } #wrap .spotlight ul li a:hover {background: rgba(0,0,0,.05); } #wrap .spotlight.tabs-left .et-tabs-control li.active {background: none;} /*#wrap .spotlight ul li.active a {font-weight: bold; color: #2F8F9C; }*/ #wrap .spotlight ul li.active a {color: #2F8F9C; } #wrap .visual-form-builder ul li {list-style: none; background: none; margin: 0 0 1.5em 0; padding: 0; display: block;} #header p.usa-search {font-size: .8em; text-align: center; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.8);} /***************************************** Landscape - Smartphone ***************************************/ @media only screen and (min-width: 768px) and (orientation:landscape) { } /*** End of Landscape ***/ #footer-widgets, .inner-footer {padding: 0 2%;} .twelve-col.topnews {margin: 0; padding: 0; overflow-x: hidden;} /************************************************* Tablet **********************************************/ @media screen and (min-width: 684px){ .sidebar {background: none;} .statewide-header img {height: auto;} html { background: #EEEEEE; height: 100%; } #main {margin-top: 0;} #header { display: block; margin: 0 auto; padding: 0; clear: both; background: #fff url(images/design/header/background.jpg) 0% 20% no-repeat; position: relative; } .banner {float:none; width: 92%; margin: 1.5em 0 0 3em;} #header h1 { margin: 0; line-height: 1.2; padding-bottom: .25em; } #header h1.title a { color: #fff; font-size: 1.4em; } #header h1.title a:hover { background: none; } #wrap #header_search span.branding {display: block; text-align: left; line-height: 1.5em; margin-left: 20%; margin-top: .75em; color: #444; font-size: .8em;} #header p.usa-search { text-indent: -9999em; height: 25px; width: 100%; margin: .5em .5em 0 0%; display: block; background: url("images/design/header/usagov.png") top center no-repeat; } #controllers_wrapper {bottom: 0; position: absolute; right: 0; width: 250px;} #flex_controllers {background: none;} #wrap .announcer_credits {display: none;} #wrap #announcer_box { margin-bottom:1em;} #wrap #announcer_box .announcer_closebt {padding: 1em; color: #fff;} #wrap #announcer_box .announcer_closebt a {color: #fff; margin: 30% 1em;} .featured-description {width: 100%;} .content { padding: 0 5% 0 0; } #wrap {margin-bottom: 1em;} #wrap .copyright {text-align: right;} #header .inner-header {display: block;} #header h1.location {padding: 0; margin: 0; font-size: 1.1em;} #header h1.location a {padding: 0;} #header h1.title {border: 0 0 0 1px solid rgba(255,255,255,.4); line-height: 1.5em; padding: 0 0 0 .2em;} #header h1.title a { display: block; font-weight: 500; text-align: left; margin: 0 auto; text-decoration: none; color: #2BABCC; font-size : 1.5em; padding: 0; margin: 0; font-weight: 600; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; position: relative; } #header .brand {display: none;} #header .logo {display: inline-block;} #header .logo img {height:71px; vertical-align: top;} #header .two-col {position: relative;} #header .two-col img {vertical-align: bottom; height: auto; width: 100%;} #header .inner-header {margin-left: 0;} #wrap {padding: 0;} #header ul.nav {background: none; display: block; width: 100%; float: left; } #header .navbar .container {padding: 0 36px;} form.search-form #search-input {width: 65%;} #footer a, #footer dl dd a {color: #fff; color: rgba(255,255,255,.95); text-shadow: 0 1px 0 rgba(0,0,0,.5);} #footer dt, #footer .widgettitle {color: #fff; color: rgba(255,255,255,.95); text-shadow: 0 1px 0 rgba(0,0,0,.5); font-weight: 700;} #footer p.powered-by a {background: url('images/design/footer/poweredby.png') top right no-repeat; float: right; text-indent: -200%; overflow: hidden;} #footer .powered-by p {text-indent: -130%;} #footer dd {border-bottom: none;} /*** Slider ***/ .nivo-caption { right: 0; bottom: 18%; background: rgba(0,0,0,.9); color:#fff; width:44%; } /*** Grid ***/ /* ======================== GRIDINATOR CSS v0.4.1 http://gridinator.com/ GRIDINATOR CSS is a very basic framework to create grid-based layouts. The content of this file is provided as-is, without support. If you would like to contact GRIDINATOR to suggest improvements, to ask for help or to file a bug report, please feel free to email: gridinator@steff.me Your grid settings: columns: 12 column width: 70px column margin: 10px container margin: 36px ========================= */ body { font-size: 16px; margin: 0; padding: 0; text-align: left; height: 100%; } #page{ margin: 0 auto; /* This centers the grid. Remove this line to place the grid on the left of the page. */ text-align: left; max-width: 1022px; } #header .search-widgets {display: block;} #header .banner h1 {margin: 0 1em 0 1em;} #header .banner h2 {margin: 0 1.1em;} .inner-wrapper, .inner-main { clear: both; display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */ float: left; /* RT - 121227 padding: 1em 36px 0 36px; */ padding: 1em 5% 0 5%; position: relative; background: url(images/design/backgrounds/inner-main.png) 85.31578% 0% repeat-y; margin: 0; /* RT - 121227 width:100%; */} .inner-main-full { clear: both; display: block;/* IE double margin fix. Feel free to move this to your IE specific stylesheets. */ float: left; /* RT - 121227 padding: 1em 36px 0 36px; */ padding: 1em 5% 0 5%; position: relative; background: none !important; margin: 0; /* RT - 121227 width:100%; */} .noside { background: url(images/design/backgrounds/inner-main-no-side.png) 66.31578% 0% repeat-y; } .inner-main.home { background: none; /* RT - 121227 width:auto; */} #wrap { clear: both; margin: 0 auto auto; width: 100%; font-size: .9em; } #inner-wrap {margin: 0; margin: 0 auto; padding: 0 1.5%;} #header .inner-header { padding: 1em 36px .25em 36px; overflow: hidden; } #header .twelve-col {margin-bottom: 0;} .one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col { clear: none; display: inline; float: left; margin-bottom: 1em; margin-right:1.05264%; overflow:hidden; padding: 0; position: relative; } .one-col {width: 7.36842%;} .two-col {width: 15.78947%;} .three-col {width: 24.21052%;} .four-col {width: 32.63157%;} .five-col {width: 41.05263%;} .six-col {width: 49.47368%;} .seven-col {width: 57.89473%;} .eight-col {width: 66.31578%;} .nine-col {width: 74.73684%;} .ten-col {width: 83.15789%;} .eleven-col {width: 91.57894%;} .twelve-col {width: 100%; margin-right: 0;} .twelve-col .one-col {width: 7.36842%; margin-right: 1.05263%;} .twelve-col .two-col {width: 15.78947%; margin-right: 1.05263%;} .twelve-col .three-col {width: 24.21052%; margin-right: 1.05263%;} .twelve-col .four-col {width: 32.63157%; margin-right: 1.05263%;} .twelve-col .five-col {width: 41.05263%; margin-right: 1.05263%;} .twelve-col .six-col {width: 49.47368%; margin-right: 1.05263%;} .twelve-col .seven-col {width: 57.89473%; margin-right: 1.05263%;} .twelve-col .eight-col {width: 66.31578%; margin-right: 1.05263%;} .twelve-col .nine-col {width: 74.73684%; margin-right: 1.05263%;} .twelve-col .ten-col {width: 83.15789%; margin-right: 1.05263%;} .twelve-col .eleven-col {width: 91.57894%; margin-right: 1.05263%;} .twelve-col .twelve-col {width: 100%; margin-right: 0;} .eleven-col .one-col {width: 8.04597%; margin-right: 1.14942%;} .eleven-col .two-col {width: 17.24137%; margin-right: 1.14942%;} .eleven-col .three-col {width: 26.43678%; margin-right: 1.14942%;} .eleven-col .four-col {width: 35.63218%; margin-right: 1.14942%;} .eleven-col .five-col {width: 44.82758%; margin-right: 1.14942%;} .eleven-col .six-col {width: 54.02298%; margin-right: 1.14942%;} .eleven-col .seven-col {width: 63.21839%; margin-right: 1.14942%;} .eleven-col .eight-col {width: 72.41379%; margin-right: 1.14942%;} .eleven-col .nine-col {width: 81.60919%; margin-right: 1.14942%;} .eleven-col .ten-col {width: 90.80459%; margin-right: 1.14942%;} .eleven-col .eleven-col {width: 100%; margin-right: 0;} .ten-col .one-col {width: 8.86075%; margin-right: 1.26582%;} .ten-col .two-col {width: 18.98734%; margin-right: 1.26582%;} .ten-col .three-col {width: 29.11392%; margin-right: 1.26582%;} .ten-col .four-col {width: 39.2405%; margin-right: 1.26582%;} .ten-col .five-col {width: 49.36708%; margin-right: 1.26582%;} .ten-col .six-col {width: 59.49367%; margin-right: 1.26582%;} .ten-col .seven-col {width: 69.62025%; margin-right: 1.26582%;} .ten-col .eight-col {width: 79.74683%; margin-right: 1.26582%;} .ten-col .nine-col {width: 89.87341%; margin-right: 1.26582%;} .ten-col .ten-col {width: 100%; margin-right: 0;} .nine-col .one-col {width: 9.85915%; margin-right: 1.40845%;} .nine-col .two-col {width: 21.12676%; margin-right: 1.40845%;} .nine-col .three-col {width: 32.39436%; margin-right: 1.40845%;} .nine-col .four-col {width: 43.66197%; margin-right: 1.40845%;} .nine-col .five-col {width: 54.92957%; margin-right: 1.40845%;} .nine-col .six-col {width: 66.19718%; margin-right: 1.40845%;} .nine-col .seven-col {width: 77.46478%; margin-right: 1.40845%;} .nine-col .eight-col {width: 88.73239%; margin-right: 1.40845%;} .nine-col .nine-col {width: 100%; margin-right: 0;} .eight-col .one-col {width: 11.11111%; margin-right: 1.5873%;} .eight-col .two-col {width: 23.80952%; margin-right: 1.5873%;} .eight-col .three-col {width: 36.50793%; margin-right: 1.5873%;} .eight-col .four-col {width: 49.20634%; margin-right: 1.5873%;} .eight-col .five-col {width: 61.90476%; margin-right: 1.5873%;} .eight-col .six-col {width: 74.60317%; margin-right: 1.5873%;} .eight-col .seven-col {width: 87.30158%; margin-right: 1.5873%;} .eight-col .eight-col {width: 100%; margin-right: 0;} .seven-col .one-col {width: 12.72727%; margin-right: 1.81818%;} .seven-col .two-col {width: 27.27272%; margin-right: 1.81818%;} .seven-col .three-col {width: 41.81818%; margin-right: 1.81818%;} .seven-col .four-col {width: 56.36363%; margin-right: 1.81818%;} .seven-col .five-col {width: 70.90909%; margin-right: 1.81818%;} .seven-col .six-col {width: 85.45454%; margin-right: 1.81818%;} .seven-col .seven-col {width: 100%; margin-right: 0;} .six-col .one-col {width: 14.89361%; margin-right: 2.12765%;} .six-col .two-col {width: 31.91489%; margin-right: 2.12765%;} .six-col .three-col {width: 48.93617%; margin-right: 2.12765%;} .six-col .four-col {width: 65.95744%; margin-right: 2.12765%;} .six-col .five-col {width: 82.97872%; margin-right: 2.12765%;} .six-col .six-col {width: 100%; margin-right: 0;} .five-col .one-col {width: 17.94871%; margin-right: 2.5641%;} .five-col .two-col {width: 38.46153%; margin-right: 2.5641%;} .five-col .three-col {width: 58.97435%; margin-right: 2.5641%;} .five-col .four-col {width: 79.48717%; margin-right: 2.5641%;} .five-col .five-col {width: 100%; margin-right: 0;} .four-col .one-col {width: 22.58064%; margin-right: 3.2258%;} .four-col .two-col {width: 48.38709%; margin-right: 3.2258%;} .four-col .three-col {width: 74.19354%; margin-right: 3.2258%;} .four-col .four-col {width: 100%; margin-right: 0;} .three-col .one-col {width: 30.43478%; margin-right: 4.34782%;} .three-col .two-col {width: 65.21739%; margin-right: 4.34782%;} .three-col .three-col {width: 100%; margin-right: 0;} .two-col .one-col {width: 46.66666%; margin-right: 6.66666%;} .two-col .two-col {width: 100%; margin-right: 0;} .one-col .one-col {width: 100%; margin-right: 0;} .twelve-col .last-col {margin-right: 0;} .eleven-col .last-col {margin-right: 0;} .ten-col .last-col {margin-right: 0;} .nine-col .last-col { margin-right: 0;} .eight-col .last-col {margin-right: 0;} .seven-col .last-col {margin-right: 0;} .six-col .last-col {margin-right: 0;} .five-col .last-col {margin-right: 0;} .four-col .last-col {margin-right: 0;} .three-col .last-col {margin-right: 0;} .two-col .last-col {margin-right: 0;} .one-col .last-col {margin-right: 0;} .clear { /* Useful generic clearing class. */ clear: both; } .last-col {margin-right: 0;} /*** Design ***/ #footer-widgets .footer-widget { clear: none; display: inline; float: left; margin-bottom: 1em; margin-right:1.05264%; overflow:hidden; padding: 0; position: relative; width: 16.78947%; } #footer-widgets .last { /*width: 32.63157%; ~NH */ margin-right:1.05264%; } #wrap #footer {/* margin-top: 1em; */ margin-bottom: 1em;} #footer {background: rgba(0,0,0,.6);} #footer .inner-wrapper {overflow: hidden; min-width: 700px;} .navigation ul {margin: 0;} .navigation {margin: 0; display: block; padding: 0; font-size: 1em; width: 100%; background: #047482; /* Old browsers */ background: -moz-linear-gradient(top, #047482 0%, #065e6f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#047482), color-stop(100%,#065e6f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #047482 0%,#065e6f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #047482 0%,#065e6f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #047482 0%,#065e6f 100%); /* IE10+ */ background: linear-gradient(top, #047482 0%,#065e6f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#047482', endColorstr='#065e6f',GradientType=0 ); /* IE6-8 */ color: #fff; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2); } .navigation li {list-style: none; margin-right: 2%; text-align: center; float: left; display: inline-block; margin: 0;} .navigation ul li a {color: #fff; padding: .75em 2em; margin: 0;} .navigation li a.current {color: #19A38B;} ul.footer-navigation li {display: inline-block; margin: 0 .5em;} ul.footer-navigation li a {font-size: .9em; border-bottom: 1px solid rgba(0,0,0,.2); } ul.footer-navigation li a:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #DFDBC2;} ul.footer-navigation li:first-child {margin: 0 .5em 0 0;} /*** Slider ***/ ul.nevo-slider li { display: block; width: 100%; margin: 0; padding: 0; } li.item-one { width: 100%; height: 340px; } html.flexbox .blog-feature { box-sizing: border-box; border-top: none; border-left: 1px solid #D6D5C4; } html.flexbox .blog-feature:first-child {border-left: none;} /* #wrap { background: #CD9763 url(/wp-content/uploads/2012/07/island.jpg) top center no-repeat fixed; -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4); } */ html.no-backgroundsize #wrap { background: #CD9763 url('images/design/backgrounds/capitol-bg03.jpg') top center no-repeat fixed; } #footer-widgets, #footer .inner-footer {background: url('images/design/footer/footer-seal.png') top right no-repeat; padding: 0 0 0 36px; } .statewide-header { font-size: .8em; height: 4.2em; margin-bottom: 1em; background: #284661; background: rgba(0,0,0,.5); color: #fff; border-bottom: 1px solid rgba(0,0,0,.3); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 5px rgba(0,0,0,.2); box-shadow: 0 5px 5px rgba(0,0,0,.2); } .statewide-banner { padding: .5em 0; margin: 0 auto; color: #fff; max-width: 1022px; } .statewide-banner #hawaii-home {padding-right: 1.5em;} #hawaii-home a { text-indent: -9999em; width: 145px; height: 30px; display: inline-block; background: url(images/design/sliver/hawaii.png) center left no-repeat; } #dept-home, #font-resize {display: inline-block;} /*** Search ***/ #header .search-widgets {display: block; position: relative;} #page .search-widgets {text-align: right; display: block; } form.search-form {display: block; padding: 0; margin: 0; text-align: right; } #page { -webkit-box-shadow: 0 0 9px rgba(0,0,0,.4); -moz-box-shadow: 0 0 9px rgba(0,0,0,.4); box-shadow: 0 0 9px rgba(0,0,0,.4); } #main .main-content {padding-right: 2em; } .sidebar .content {padding: 0 5%;} .sidebar form input[type="submit"] {width: auto;} .primary {border-bottom: none; background: none;} .nivoSlider img { display: block; } .nivo-main-image { display: block !important; position: relative !important; width: 100% !important; } } /*** End of Tablet ***/ /*** Desktop / Widescreen Desktop ***/ @media only screen and (min-width: 1400px) { }/*** End of Widescreen Destkop ***/ /* Footer Widget Styles Begin -jc */ #footer .widgettitle { font-size: 14px; } #footer-widgets .footer-widget li { display: block; padding: .65em 0; margin: 0; border-bottom: 1px solid rgba(0,0,0,.1); border-top: 1px solid rgba(255,255,255,.1); } #footer-widgets .footer-widget li a { display: block; } #footer-widgets li a[title='tel'],#footer-widgets li a[title='email']{ margin: 0 0; border: none; line-height: 1.6em; font-size: 1em; padding: 0; } #footer-widgets li a[title='tel'],#footer-widgets li a[title='email'] { display: inline-block; background: #8F8C7B; background: rgba(0,0,0,.4); padding: .4em 1em .4em 3em; font-size: .8em; border-radius: 1em; opacity: .9; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; line-height: 1.4em; color: #fff; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0,.2); } #footer-widgets li a[title='tel'] { background: rgba(0,0,0,.4) url(images/design/icons/icon-sprite.png) 0 0px no-repeat; } #footer-widgets li a[title='email'] { background: rgba(0,0,0,.4) url(images/design/icons/icon_email.png) 0 0 no-repeat; -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; /*-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; */} /* Footer Widget Styles End -jc */ /* Calendar Styles Begin -jc */ /* These styles provide a minimal degree of styling, allowing most theme defaults to be dominant. */ .mc-main .details { background: #fff; border: 1px solid #000; } .mc-main.mini .mini-event { background: #fff; border: 1px solid #000; padding: 5px; } .mc-main.mini .mini-event .details { background: none; border: none; } /* That's the end of all colors set (or set and removed) in this style sheet. */ .mc-main .my-calendar-table { border: 1px solid #D1D3D0; } .mc-main .my-calendar-month { margin-bottom: 0; border-top: 1px solid #D1D3D0; border-left: 1px solid #D1D3D0; border-right: 1px solid #D1D3D0; font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 2em; color: #FFF; text-shadow: 0 -1px 0 rgba(0,0,0,.25); font-weight: 600; background: #4d76a4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzJiYThiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDhiOTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4d76a4 1%, #365473 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4d76a4), color-stop(100%,#365473)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4d76a4 1%,#365473 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4d76a4 1%,#365473 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4d76a4 1%,#365473 100%); /* IE10+ */ background: linear-gradient(to bottom, #4d76a4 1%,#365473 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d76a4', endColorstr='#365473',GradientType=0 ); /* IE6-8 */ } .mc-main.mini .my-calendar-month { padding: 5px 0; font-size: 1.2em; } .mc-main .my-calendar-table thead th { font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .mc-main caption { margin: 2px 0; font-weight:700; padding:2px; } .mc-main .my-calendar-date-switcher { padding: 4px; margin: 0 0 10px; } .mc-main .my-calendar-date-switcher input, .mc-main .my-calendar-date-switcher label, .mc-main .my-calendar-date-switcher select { margin: 0; padding: 0; } .mc-main .my-calendar-date-switcher .button { font-size: .9em; } .mc-main table { width:100%; line-height:1.2; border-collapse:collapse; } .mc-main td { vertical-align:top; text-align:left; width:13%; height:80px; padding:2px!important; font-family: 'OpenSansRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif; border: 1px solid #D1D3D0; } .mini td { height: auto!important; } .mc-main th { text-align: center; padding: 5px 0!important; letter-spacing: 1px; } .mc-main th abbr { border-bottom: none; } .mc-main h3 { font: 700 .8em Arial, Verdana, sans-serif; margin:3px 0; padding:0; width: 100%; clear: none; } .mc-main h3 img { vertical-align: middle; margin: 0 3px 0 0!important; } .mc-main .mc-list h3 img { vertical-align: middle; } .mc-main .list-event h3 { font-size:1.2em; margin:0; } .mc-main .calendar-event .details, .mc-main .calendar-events { position:absolute; left: 15%; width:70%; padding:5px; z-index: 3; } .mc-main .details .close { float: right; width: 16px!important; padding: 2px 2px 7px 7px; } .mc-main.mini .details .close { position: absolute; top: 8px; right: 8px; } .mc-main .calendar-events { width: 200px!important; left: 0px; } .mc-main .list-event .details { margin:5px 0; padding:5px 5px 0; } .mc-main .mc-list { margin: 0; padding: 0; } .mc-main .mc-list li { padding:5px; list-style-type: none; margin: 0; } .mc-main .mc-date { display:block; margin:-2px -2px 2px; padding:2px 4px; } .mc-main th { font-size:.8em; text-transform:uppercase; padding:2px 4px 2px 0; } .mc-main .category-key { padding: 5px; margin: 5px 0; } .mc-main .category-key ul { list-style-type: none; margin: 0; padding: 0; } .mc-main .category-key li { display: inline-block; list-style-type: none !important; margin: 2px 10px; } .mc-main .category-key span { margin-right:5px; vertical-align:middle; float: left; } .mc-main .category-key .no-icon { width: 10px; height: 10px; display: inline-block; } .mc-list li { text-indent:0; margin:0; padding:0; } .mc-main .calendar-event .event-time, .mc-main .list-event .event-time { display:block; height:100%; margin-right:10px; margin-bottom:10px; font-weight:700; font-size:.9em; } .mc-main p { line-height:1.5; margin:0 0 1em; padding:0; } .mc-main .vcard { font-size:.9em; margin:10px 0; } .mc-main .calendar-event .vcard { margin:0 0 10px; } .mc-main { position: relative; } .mc-main img { border: none; } .category-color-sample img { margin-right: 5px; vertical-align: top; } .mc-main .my-calendar-nav ul { height: 2.95em; line-height: 2.95em; margin:0; padding:0; text-align: right !important; } @media only screen and (max-width: 684px) { .mc-main .my-calendar-nav ul { text-align: center !important; } } .mini .my-calendar-nav ul { height: 2em!important; text-align: center !important; } .mc-main .my-calendar-nav li { height: 12px; display: inline-block;list-style-type: none!important; /* It really is pretty important. */;} .mc-main .my-calendar-nav li:before { content:''; } .mc-main .my-calendar-nav li a { display:block; text-align:center; padding:1px 20px; } .mini .my-calendar-nav ul { margin-bottom: 10px !important; } .mini .my-calendar-nav li a { padding: 1px 3px!important; font-size: .7em; } .mc-main .my-calendar-next { margin-left: 4px; text-align:right; } .mc-main.mini .my-calendar-date-switcher { display: none; } .mc-main.mini .my-calendar-date-switcher label { display: block; float: left; width: 6em; } .mc-main.mini .my-calendar-date-switcher { padding: 4px; } .mc-main.mini td .category-icon { display: none; } .mc-main.mini h3 { font-size: 1.1em; } .mc-main.mini .day-with-date span, .mc-main.mini .day-with-date a { font: .9em Arial, Verdana, sans-serif; padding:1px; text-align: center; } .mc-main .mini-event .sub-details { margin: 0; border-bottom: 1px solid #ccc; padding: 2px 0 0; margin-bottom: 5px; } .mc-main .mini-event .details img { width: 100%; } .mc-main.mini .day-with-date a { display: block; margin: -2px; font-weight: 700; font-size: 1.3em; text-decoration: underline; } .mc-main.mini .category-key { display: none; } .mini td { height: 30px!important; } .mini .my-calendar-nav ul { height: 2em!important; } .mini .my-calendar-nav li a { padding: 1px 3px!important; font-size: .7em; } .mc-main .nextmonth { opacity: .7; } .mc-main .vcard, #mc_event .vcard { font-size: .9em; padding: 10px; float: right; } /* Calendar Styles End -jc */