/* Theme Name: Coalition for the New Economy Description: A custom design for CNE Author: Avendi Media, Inc. Author URI: http://www.avendimedia.com Version 1.0 */ /***************************************************** RESET ****************************************************/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /***************************************************** TYPOGRAPHY STYLES ****************************************************/ /* `Basic HTML ----------------------------------------------------------------------------------------------------*/ body { font: 12px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color: #666; } a:focus { outline: 1px dotted; } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; } /* `Headings ----------------------------------------------------------------------------------------------------*/ h1 { font-size: 25px; } h2 { font-size: 23px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } /* `Spacing ----------------------------------------------------------------------------------------------------*/ ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } /***************************************************** GRID LAYOUT ****************************************************/ /* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs/ Licensed under GPL and MIT. */ body { min-width: 960px; } /* `Containers ----------------------------------------------------------------------------------------------------*/ .container_12, .container_16 { margin-left: auto; margin-right: auto; width: 960px; } /* `Grid >> Global ----------------------------------------------------------------------------------------------------*/ .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; } .push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 { position: relative; } .container_12 .grid_3, .container_16 .grid_4 { width: 220px; } .container_12 .grid_6, .container_16 .grid_8 { width: 460px; } .container_12 .grid_9, .container_16 .grid_12 { width: 700px; } .container_12 .grid_12, .container_16 .grid_16 { width: 940px; } /* `Grid >> Children (Alpha ~ First, Omega ~ Last) ----------------------------------------------------------------------------------------------------*/ .alpha { margin-left: 0; } .omega { margin-right: 0; } /* `Grid >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .grid_1 { width: 60px; } .container_12 .grid_2 { width: 140px; } .container_12 .grid_4 { width: 300px; } .container_12 .grid_5 { width: 380px; } .container_12 .grid_7 { width: 540px; } .container_12 .grid_8 { width: 620px; } .container_12 .grid_10 { width: 780px; } .container_12 .grid_11 { width: 860px; } /* `Grid >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .grid_1 { width: 40px; } .container_16 .grid_2 { width: 100px; } .container_16 .grid_3 { width: 160px; } .container_16 .grid_5 { width: 280px; } .container_16 .grid_6 { width: 340px; } .container_16 .grid_7 { width: 400px; } .container_16 .grid_9 { width: 520px; } .container_16 .grid_10 { width: 580px; } .container_16 .grid_11 { width: 640px; } .container_16 .grid_13 { width: 760px; } .container_16 .grid_14 { width: 820px; } .container_16 .grid_15 { width: 880px; } /* `Prefix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 240px; } .container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 480px; } .container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 720px; } /* `Prefix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .prefix_1 { padding-left: 80px; } .container_12 .prefix_2 { padding-left: 160px; } .container_12 .prefix_4 { padding-left: 320px; } .container_12 .prefix_5 { padding-left: 400px; } .container_12 .prefix_7 { padding-left: 560px; } .container_12 .prefix_8 { padding-left: 640px; } .container_12 .prefix_10 { padding-left: 800px; } .container_12 .prefix_11 { padding-left: 880px; } /* `Prefix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .prefix_1 { padding-left: 60px; } .container_16 .prefix_2 { padding-left: 120px; } .container_16 .prefix_3 { padding-left: 180px; } .container_16 .prefix_5 { padding-left: 300px; } .container_16 .prefix_6 { padding-left: 360px; } .container_16 .prefix_7 { padding-left: 420px; } .container_16 .prefix_9 { padding-left: 540px; } .container_16 .prefix_10 { padding-left: 600px; } .container_16 .prefix_11 { padding-left: 660px; } .container_16 .prefix_13 { padding-left: 780px; } .container_16 .prefix_14 { padding-left: 840px; } .container_16 .prefix_15 { padding-left: 900px; } /* `Suffix Extra Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 240px; } .container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 480px; } .container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 720px; } /* `Suffix Extra Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .suffix_1 { padding-right: 80px; } .container_12 .suffix_2 { padding-right: 160px; } .container_12 .suffix_4 { padding-right: 320px; } .container_12 .suffix_5 { padding-right: 400px; } .container_12 .suffix_7 { padding-right: 560px; } .container_12 .suffix_8 { padding-right: 640px; } .container_12 .suffix_10 { padding-right: 800px; } .container_12 .suffix_11 { padding-right: 880px; } /* `Suffix Extra Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .suffix_1 { padding-right: 60px; } .container_16 .suffix_2 { padding-right: 120px; } .container_16 .suffix_3 { padding-right: 180px; } .container_16 .suffix_5 { padding-right: 300px; } .container_16 .suffix_6 { padding-right: 360px; } .container_16 .suffix_7 { padding-right: 420px; } .container_16 .suffix_9 { padding-right: 540px; } .container_16 .suffix_10 { padding-right: 600px; } .container_16 .suffix_11 { padding-right: 660px; } .container_16 .suffix_13 { padding-right: 780px; } .container_16 .suffix_14 { padding-right: 840px; } .container_16 .suffix_15 { padding-right: 900px; } /* `Push Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .push_3, .container_16 .push_4 { left: 240px; } .container_12 .push_6, .container_16 .push_8 { left: 480px; } .container_12 .push_9, .container_16 .push_12 { left: 720px; } /* `Push Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .push_1 { left: 80px; } .container_12 .push_2 { left: 160px; } .container_12 .push_4 { left: 320px; } .container_12 .push_5 { left: 400px; } .container_12 .push_7 { left: 560px; } .container_12 .push_8 { left: 640px; } .container_12 .push_10 { left: 800px; } .container_12 .push_11 { left: 880px; } /* `Push Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .push_1 { left: 60px; } .container_16 .push_2 { left: 120px; } .container_16 .push_3 { left: 180px; } .container_16 .push_5 { left: 300px; } .container_16 .push_6 { left: 360px; } .container_16 .push_7 { left: 420px; } .container_16 .push_9 { left: 540px; } .container_16 .push_10 { left: 600px; } .container_16 .push_11 { left: 660px; } .container_16 .push_13 { left: 780px; } .container_16 .push_14 { left: 840px; } .container_16 .push_15 { left: 900px; } /* `Pull Space >> Global ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_3, .container_16 .pull_4 { left: -240px; } .container_12 .pull_6, .container_16 .pull_8 { left: -480px; } .container_12 .pull_9, .container_16 .pull_12 { left: -720px; } /* `Pull Space >> 12 Columns ----------------------------------------------------------------------------------------------------*/ .container_12 .pull_1 { left: -80px; } .container_12 .pull_2 { left: -160px; } .container_12 .pull_4 { left: -320px; } .container_12 .pull_5 { left: -400px; } .container_12 .pull_7 { left: -560px; } .container_12 .pull_8 { left: -640px; } .container_12 .pull_10 { left: -800px; } .container_12 .pull_11 { left: -880px; } /* `Pull Space >> 16 Columns ----------------------------------------------------------------------------------------------------*/ .container_16 .pull_1 { left: -60px; } .container_16 .pull_2 { left: -120px; } .container_16 .pull_3 { left: -180px; } .container_16 .pull_5 { left: -300px; } .container_16 .pull_6 { left: -360px; } .container_16 .pull_7 { left: -420px; } .container_16 .pull_9 { left: -540px; } .container_16 .pull_10 { left: -600px; } .container_16 .pull_11 { left: -660px; } .container_16 .pull_13 { left: -780px; } .container_16 .pull_14 { left: -840px; } .container_16 .pull_15 { left: -900px; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /***************************************************** SITE STYLES ****************************************************/ body { background: #fff; padding: 30px 0 40px; } a { color: #69c; text-decoration: none; } a:hover { text-decoration: underline; } .container_12 { margin-bottom: 20px; } .logo { height: 55px; margin-bottom: 20px; } .rotator-wrap { border: 1px solid #999; padding:1px; margin: 30px 10px 0; height: 246px; width: 936px!important; } .rotator { height: 246px!important; width: 936px!important; overflow: hidden; position: relative; } .slide-item { height: 246px; width: 936px; background: url(img/temp-bg.jpg) no-repeat; position: absolute; } .state-slide-item { position: absolute; width: 936px; height: 123px; } .slide-content { background: url(img/black-alpha75.png) repeat; margin: 55px 26px; padding: 12px 32px; width: 820px; } .state-slide-item .slide-content { margin: 32px 26px; } .slide-content p { font-family: Lato; margin: 0; font-size: 22px; color: white; line-height: 32px; } .sub-page-rotator, .sub-page-rotator .rotator { height: 123px!important; } .sub-page-rotator.not-a-state-page, .sub-page-rotator.not-a-state-page .rotator { height: 41px!important; } .sub-page-rotator .rotator { background: url(img/temp-bg.jpg) no-repeat; background-position: 0 -115px; } .sub-page-rotator.not-a-state-page .rotator { background-position: 0 -164px; } .globalNav { background: url(img/nav-bg.png) repeat-x; height: 41px; line-height: 41px; color: #666; margin-bottom:30px; margin-top: 10px; } .globalNav ul { list-style: none; margin: 0; padding: 0; width: 100%; } .globalNav li { float: left; text-align: center; margin:0 27px; padding:0; text-transform: uppercase; } .globalNav a { color: #666; } .footerNav ul { list-style: none; margin: 0; padding: 0; font-size: 11px; } .footerNav li { float: left; margin:0 10px; padding:0; } .footerNav a { color:#999; } .headerDivider { border-bottom: 5px solid #d9d9d9; height:5px; } .gradient { background: url(img/gradient-bg.png) repeat-x; min-height:300px; } .module { border-top: 5px solid #d9d9d9; } .module .module { margin-top: 20px; border-top-width: 1px; } .module img { border:1px solid #999; margin:5px 10px 0; } .module h1 { margin: 20px 20px 10px; color: #000; font-size: 18px; line-height:1; font-weight: normal; } .notFrontPage.page .module h1 { margin-bottom: 20px; } .module h1 a { color: #000; } .module h2 { margin: 20px 20px 10px; color: #666; font-size: 18px; line-height:1; font-weight: normal; } .footerDivider { border-bottom: 5px solid #d9d9d9; height:25px; margin-bottom:20px; } p { margin:10px; } .module p { margin: 10px 40px 10px 20px; } .dateMeta { font-size: 11px; color: #999; } .current-state a { color: #666; } .current-menu-item a, .current_page_parent a { color: #000; } .recentNews p { border-bottom: 1px solid #d9d9d9; padding: 0 10px 10px 10px; line-height:1.3; margin:10px 0 5px 10px; } .recentNews h2 { margin-bottom: 15px; } .memberStates p { color: #999; } .recentNews .last { border-bottom: none; } .copyright { font-size: 11px;color:#999; margin:0 0 0 10px; } .statesList ul { width: 50%; float: left; list-style: none; margin-top:10px; } .statesList li { margin:0 5px 15px 20px; padding:0; } .statesList li a { height: 23px; line-height:23px; padding-left:40px; } .flag-connecticut { background: url(img/states/connecticut/flag.jpg) no-repeat; } .flag-oklahoma { background: url(img/states/oklahoma/flag.jpg) no-repeat; } .flag-florida { background: url(img/states/florida/flag.jpg) no-repeat; } .flag-georgia { background: url(img/states/georgia/flag.jpg) no-repeat; } .flag-illinois { background: url(img/states/illinois/flag.jpg) no-repeat; } .flag-indiana { background: url(img/states/indiana/flag.jpg) no-repeat; } .flag-louisiana { background: url(img/states/louisiana/flag.jpg) no-repeat; } .flag-michigan { background: url(img/states/michigan/flag.jpg) no-repeat; } .flag-north-carolina { background: url(img/states/north-carolina/flag.jpg) no-repeat; } .flag-ohio { background: url(img/states/ohio/flag.jpg) no-repeat; } .flag-south-carolina { background: url(img/states/south-carolina/flag.png) no-repeat; } .flag-tennessee { background: url(img/states/tennessee/flag.jpg) no-repeat; } .flag-wisconsin { background: url(img/states/wisconsin/flag.jpg) no-repeat; } .form-Email { float:left; font-size:11px; } .form-Email input { font-size:11px; } .form-Email p { color: #999; margin:0 0 5px 10px; height:20px; display:block; } .form-Email ul { list-style:none; float:left; width: 100%; } .form-Email li { margin:0; padding:0; float:left; } .form-Email .enterEmail, .wpcf7-text { height: 19px; width: 216px; background: #F5F5F5; border: 1px solid #B2B2B2; font-style:italic; color: #999; line-height:19px; padding:3px 0 3px 10px; margin:0; } .wpcf7-textarea { width: 216px; background: #f5f5f5; border: 1px solid #b2b2b2; color: #999; line-height: 19px; padding: 3px 0 3px 10px; margin: 0; } .wpcf7-select { width: 228px; } .wpcf7-form input, .wpcf7-form textarea { font-style: normal; color: #666; } .form-Email .submitButton, .wpcf7-form input.wpcf7-submit { line-height:23px; height: 27px; width: 67px; background: #E5E5E5; border: 1px solid #999; margin-left:5px; padding:0; color: #000; } .wpcf7-form input.wpcf7-submit { margin-left: 0!important; } .wpcf7-submit { margin-left: 0; } .socialMedia { height:34px; margin: 20px 0 0 0; padding:0; float:left; } .socialMedia span { display: none; } .socialMedia li, .socialMedia a { height:34px; display:block; margin:0; } .socialMedia li { float:left; list-style:none; } #facebook, #twitter, #youtube { width: 34px; margin-right:16px } #twitter { background:url("img/social-sprite.jpg") no-repeat; } #facebook { background:url("img/social-sprite.jpg") -50px 0px; } #youtube { background:url("img/social-sprite.jpg") -100px 0px; margin-right:0px; } .float-left { float:left; } .float-right { float:right; } .module .alignnone, .module img.alignnone { margin-left: 0; } div.aligncenter, .module img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .module .wp-caption { margin: 10px; padding-top: 4px; text-align: center; } .module .alignleft, .module img.alignleft { float:left; margin-left: 0; } .module .alignright, .module img.alignright { float:right; margin-right: 0; } .module .wp-caption img { border: 0 none; margin: 0; padding: 0; } .module .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .avm-pagination { margin: 0 10px; padding-top:5px; } .widget_module { margin-bottom: 40px; } .tagcloud { margin: 0 20px; } .tagcloud a { vertical-align: middle; line-height: 18px; } .required_ffield { color: #c00; } .widget_module ul { list-style: none; margin-left: 20px; } .widget_module ul li { margin-left: 0; } .wpcf7-form p { white-space: nowrap; } .stateEvents p { color: #999; } .statesList .second_list li { margin-left: 10px; } a.selectBox-dropdown { margin-left: 20px; width: 210px !important; padding: 4px 40px 2px 6px !important; } .state-wrap > div { margin-left: 20px; } .state-wrap p { margin-top: 12px; } #supplier-content h4 { margin-top: 20px; margin-bottom: 15px; } #supplier-content p { margin-left: 0; } .module p, .module h1, .module h4 { font-family: Arial; font-size: 12px; font-weight: normal; color: #505050; } .module h1, .module h4 { font-size: 18px; color: #000; } .grid_8.states { padding-left: 34px; margin-right: 0; width: 574px; } .grid_8.states h1, .grid_8.states p { margin-left: 4px; } .notFrontPage.page .module .grid_8.states h1 { margin-bottom: 14px; } .grid_8.states p { margin-bottom: 21px; } #supplier-dropdown { width: 294px; height: 95px; margin-top: 32px; margin-left: -3px; background: #fcb040; } #supplier-dropdown p { margin-right: 0; color: #000; } #supplier-content { margin-top: 65px; padding-left: 20px; } img#usa-supplier-map { margin: 0; } /* Tooltip ------------------------------------------------------------------------------*/ .vtip-container { display: none; position: absolute; z-index: 9998; height: 210px; } .vtip-container #vtipArrow { position: absolute; bottom: 9px; left: -6px; z-index: 9999; border: none; } .vtip-container p { background: url(img/bg_tooltip.png) repeat-y; border: 1px solid #000; border-bottom: none; width: 204px; padding: 14px 16px; position: absolute; bottom: 4px; margin: 0; font-family: Arial; font-weight: normal; font-size: 12px; } .vtip-container p span.title { text-transform: uppercase; display: block; font-weight: bold; font-size: 13px; margin-bottom: 3px; } .metaslider .caption { font-family: Lato !important; font-size: 19px !important; line-height: 1.5 !important; padding: 5px 15px 15px !important; word-wrap: break-word; } .metaslider .caption-wrap { background-color: rgba(0, 0, 0, 0.7) !important; margin-bottom: 15px !important; margin-left: 20px !important; opacity: 10 !important; width: 95% !important; } * { _noFocusLine: expression(this.hideFocus=true); } /* SECTIONS */ .section { clear: both; padding: 0px; margin: 0px; } /* COLUMN SETUP */ .col { display: block; float:left; margin: 1% 0 1% 1.6%; } .col:first-child { margin-left: 0; } /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* GRID OF TWO */ .span_2_of_2 { text-align: center; width: 35%; } .span_1_of_2 { padding-left: 15px; width: 60%; } .modulenew h2 { color: #666666; font-size: 22px; font-weight: normal; line-height: 1; margin: 10px 10px 0; } .col.span_2_of_2 img { border: 1px solid #000000; } .modulenew .col.span_1_of_2 > p { font-size: 16px; margin-bottom: 15px; margin-top: 15px; } .studyimage p { font-size: 16px; margin-bottom: 15px; margin-top: 15px; } .downloadstudybtn { border: medium none !important; margin-left: 10px; } .section.group a { outline: 0 none; } .infographicd3 a { outline: 0 none; } .bannerhome { text-align: center; } .munititlenew { font-size: 38px !important; font-weight: bold !important; margin-top: 30px !important; padding-bottom: 10px !important; text-align: center !important; text-transform: uppercase !important; } .relatedresources { background: #d4cfd9 none repeat scroll 0 0; margin-top: 10px; } .relatedresources h4 { background: #4c46ca none repeat scroll 0 0; color: #ffffff !important; padding: 10px; } .relatedresources h4 a { color: #ffffff !important; font-weight: normal; } .relatedresources p { padding: 0 10px 10px; } .home .grid_8.module.gradient { margin-bottom: 20px; min-height: auto; width: 98%; } /* GO FULL WIDTH AT LESS THAN 480 PIXELS */ @media only screen and (max-width: 480px) { .col { margin: 1% 0 1% 0%; } .span_2_of_2, .span_1_of_2 { width: 100%; } }