/* ----------------- General & Resets ----------------- */ :root { font-size:62.5%;/* Set's Browser Root EM size to 10px, so that you can easily convert REM to px (ex. 1.6rem = 16px) */ } #editAnywhere, #pal_iframe {display:none;} body { background: #d9e0e2; position: relative; font-family: 'Lato', sans-serif; font-weight:300; color: #1a2732; margin: 0; font-size:18px;} body.home { background: #fff; } /* Color Replacement Skyblue 4fbbd1, to 55C9E8 (Skyblue) Blue 006da3 to 007DBB (Blue) Lime d9da55,b7be16,b7bf00, bbc12a to 6FC049 (Green) */ input, textarea, select { font-family: 'Lato', sans-serif; font-size: 1.8rem; box-sizing: border-box; line-height: 36px; height: 44px; width: 100%; padding: 4px 8px; border: 1px solid #ccc; outline: 0px; margin: 3px 0 3px; background: #f8f8f8; border-radius: 4px; transition: border 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;} input { } input[type="button"] {} input[type="checkbox"] { width: auto; vertical-align: middle; margin-right: 5px; } input[type="file"] { height: auto; line-height: normal; padding-top:10px; padding-bottom:10px; box-sizing: content-box; } input[type="password"] {} input[type="radio"] { width: auto; vertical-align: middle; margin-right: 5px; } input[type="submit"] { height:auto; width: auto; } input[type="text"] {} select { display:block; height: 44px; line-height: normal; padding-top:0px; padding-bottom:0px; -moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #f8f8f8 0%,#f8f8f8 100%);background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%; } select.listbox {height: auto !important; background: #f8f8f8 !important;} select::-ms-expand { display: none; } select option { font-weight:normal; } textarea { height: auto; line-height: normal; width: 100%; } /* Input Focus Styling */ input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="color"]:focus, select:focus, textarea:focus { border-color: #387fc0; box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset,0 0 5px rgba(89,153,178,0.333); } /* Stylish Checkboxes */ input[type="checkbox"].styledCheck {width:0px; height: 0px; opacity:0;margin:0px;} label.styledCheck {display: inline-block; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #ccc; background: #f8f8f8;} label.styledCheck::after {display:block; width: 100%; text-align:center; line-height: 24px; content: '\00a0'; font-family: FontAwesome; font-size: 1.8rem; color: #fff;} input[type="checkbox"].styledCheck:checked + label.styledCheck { background: #9cb111; border-color: #9cb111;} input[type="checkbox"].styledCheck:checked + label.styledCheck::after { content: '\f00c';} /* Stylish Radio Buttons */ input[type="radio"].styledRadio {width:0px; height: 0px; opacity:0;margin:0px;} label.styledRadio {display: inline-block; width: 24px; height: 24px; border-radius: 100% 100%; border: 1px solid #ccc; background: #f8f8f8;} label.styledRadio::after {display:block; width: 100%; text-align:center; line-height: 24px; content: '\00a0'; font-family: FontAwesome; font-size: 1.8rem; color: #fff;} input[type="radio"].styledRadio:checked + label.styledRadio { background: #9cb111; border-color: #9cb111;} input[type="radio"].styledRadio:checked + label.styledRadio::after { content: '\f00c';} a { text-decoration:none; color: #007bb9; } img {border:0px;} .wrapper, .halfwrapper {margin:0 auto; width: 96%; max-width: 1200px; position:relative;} body.internshipsLandingPage .wrapper {max-width:1440px;} .halfwrapper {max-width:600px;} .halfwrapper.left {margin-right:0px;} .halfwrapper.right {margin-left:0px;} .clear {clear:both;} h1, h2, h3, h4, h5, h6 { font-weight: 700; text-transform: uppercase; line-height: 1.2em; margin: 0px 0px 1em; padding-top: 0.73em;} h1 { font-size: 3.6rem;} h1.larger { font-size: 4.4rem;} h2 { font-size: 2.4rem; } h2.larger { font-size: 3.2rem; } h3 { font-size: 2.0rem; } h4 { font-size: 1.8rem;} h5 { font-size:1.6rem; } h6 { font-size:1.5rem; } .w_chevron {position: relative; line-height:40px; height:40px;margin: 1em 0; padding:0px; display: inline-block;} .w_chevron::before { content: ' '; display:block; float:left; margin: 0 7px 0 0; background: transparent url('graphics/msp2019/chevron.svg') 50% 50% no-repeat; width:40px; height: 40px; line-height:40px; background-size: cover; overflow: hidden;} .w_chevron::after {content: ' '; display:block; clear:both; height:0px; overflow: hidden;} .text-center {text-align:center;margin:0 auto;} /* More buttons & General Page Button Styling */ .morebutton, .morebutton a:not(.nonbuttonfix), .button, .button a, button, input[type="button"], input[type="submit"], a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.goldbutton, .goldbutton a, a.redbutton, .redbutton a { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; position: relative; border:0px; border-radius:0px; line-height: 50px; font-family: 'Lato', sans-serif; padding: 0 45px 0 15px; background-color: #1b3667; color: #fff; font-weight: bold; font-size: 1.8rem; text-transform: uppercase; display: inline-block; } /* Submit input fix */input[type="submit"] {padding: 0 20px;} a.morebutton:hover, .morebutton:hover a, a.button:hover, .button:hover a, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #274F96; color: #fff; -moz-transition: all 0.21s ease-in-out; -webkit-transition: all 0.21s ease-in-out; transition: all 0.21s ease-in-out;} /* MSP Icon */ .morebutton::after, .morebutton a::after, .button::after, .button a::after, button::after, input[type="button"]::after, input[type="submit"]::after, a.bluebutton::after, .bluebutton a::after, a.greenbutton::after, .greenbutton a::after, a.goldbutton::after, .goldbutton a::after, a.redbutton::after, .redbutton a::after { display:block; content: ''; position: absolute; top: 13px; right: 15px; height:24px; width: 24px; overflow: hidden; background-image: url('graphics/msp2019/chevron.svg'); background-position: right 50%; background-repeat: no-repeat; background-size: 100% 100%;} /* White Variant */ .morebutton.white, .morebutton.white a { background-color: #fcf8ec; color: #1b3667 } .morebutton.white:hover, .morebutton.white:hover a { background-color: #274F96; color:#fff; } /* Transparent Variant */ .morebutton.transparent, .morebutton.transparent a { background-color: transparent; color: #fff } .morebutton.transparent::after, .morebutton.transparent a::after { background-image: url('graphics/msp2019/chevron_w_border.svg'); } .morebutton.transparent:hover, .morebutton.transparent:hover a { background-color: #274F96; color:#fff; } /* Specific Colored WYSIWYG Editor Buttons */ /* Margin Fix */ a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.goldbutton, .goldbutton a, a.redbutton, .redbutton a { margin: 0 12px;} a.bluebutton:first-child, .bluebutton a:first-child, a.greenbutton:first-child, .greenbutton a:first-child, a.goldbutton:first-child, .goldbutton a:first-child, a.redbutton:first-child, .redbutton a:first-child { margin-left:0px;} /* Colors */ a.bluebutton, .bluebutton a, input[type="submit"], button[type="submit"] { background-color: #1b3667 ; } a.bluebutton:hover, .bluebutton:hover a, input[type="submit"]:hover, button[type="submit"]:hover { background-color: #274F96; } a.greenbutton, .greenbutton a { background-color: #00956F; } a.greenbutton:hover, .greenbutton:hover a { background-color: #00D7A0; } a.goldbutton, .goldbutton a { background-color: #FAA61A; } a.goldbutton:hover, .goldbutton:hover a { background-color: #FBB94C; } a.redbutton, .redbutton a { background-color: #A8235A; } a.redbutton:hover, .redbutton:hover a { background-color: #D63879; } /* Additional button classes */ a.morebutton.smallbutton, .morebutton.smallbutton a, .button.smallbutton, .button.smallbutton a, button.smallbutton, input[type="button"].smallbutton, input[type="submit"].smallbutton {font-size: 1.3rem; line-height: 25px; padding: 0 30px 0 7px; border-radius: 5px; } a.morebutton.smallbutton::after, .morebutton.smallbutton a::after, .button.smallbutton::after, .button.smallbutton a::after, button.smallbutton::after, input[type="button"].smallbutton::after, input[type="submit"].smallbutton::after { top: 5px; right: 7px; width:15px; height:15px;} .chevron { background: transparent url('graphics/msp2019/chevron.svg') 50% 50% no-repeat; width: 79px; height:75px; background-size: cover; } hr, .divider { clear: both; border:0px; height: 1px; background: #55c7e7; margin: 40px 0;} .prominent_blue { color: #387fc0; text-transform: uppercase; } .prominent_green { color: #9cb111; text-transform: uppercase; } .split_left, .split_right { width: 48.5%;} .split_left { float: left; } .split_right { float: right;} /* MSP Background Coloring */ .bg.striped {background: #ccc url('graphics/redesign/texture_line.png')50% 50% repeat;} .bg.blue {background-color: #007bb9;} .bg.green {background-color: #6ebe49;} .bg.skyblue {background-color: #55c7e7;} .bg.navy {background-color: #1b3667;} #content, .editor_content { } .editor_content p, .editor_content ol, .editor_content ul, .editor_content p, .editor_content ol, .editor_content ul {line-height: 1.8em;} #tinymce { margin: 0px; line-height: 1.8em;} .photo_left { float: left; margin: 0 15px 15px 0; } .photo_right { float: right; margin: 0 0 15px 15px; } .collapsible_header { padding: 15px 10px; background: #eee; cursor: pointer; text-align:left; font-weight: bold; } .collapsible_header span.fa { margin-right: 16px;} .collapsible_content { margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; } .flex_row { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin: 0 -15px;} .flex_row.reverse {flex-direction: row-reverse;} .flex_row.stretch {align-items:stretch;} .flex_item { flex: 1 1 100%; padding: 0 15px; box-sizing: border-box;} .flex_item.one_sixth { flex-basis: calc(16.666% - 30px);} .flex_item.one_fifth { flex-basis: calc(20% - 30px);} .flex_item.one_fourth { flex-basis: calc(25% - 30px);} .flex_item.one_third { flex-basis: calc(33.333% - 30px);} .flex_item.one_half { flex-basis: calc(50% - 30px);} .flex_item.two_thirds { flex-basis: calc(66.666% - 30px);} .flex_item.three_fourths { flex-basis: calc(75% - 30px);} .flex_item img { max-width:100%; } .flex_row.force_grid {align-items: stretch;justify-content: flex-start;} .flex_row.force_grid .flex_item { flex-grow: 0 !important;box-sizing: content-box;} /* Header tags with inline filters */ .flex_row.heading_with_filter { flex-wrap: wrap; justify-content: space-between; padding-bottom: 8px; line-height: 40px; position: relative;} .flex_row.heading_with_filter::after { content: ' '; height:0px; left: 15px; right: 15px; bottom: -1px; display:block; position: absolute; overflow: hidden; border-bottom: 1px solid #ddd; } .flex_row.heading_with_filter h1, .flex_row.heading_with_filter h2, .flex_row.heading_with_filter h3, .flex_row.heading_with_filter h4, .flex_row.heading_with_filter h5, .flex_row.heading_with_filter h6 { margin:0px; padding-top:0px; padding-bottom:0px; flex: 0 1 auto; } .flex_row.heading_with_filter button, .flex_row.heading_with_filter .button, .flex_row.heading_with_filter select, .flex_row.heading_with_filter input, .flex_row.heading_with_filter .filter { flex: 0 0 auto;} .filter { } .filter select {display: inline-block; width: 220px; margin-left: 8px;} .ajaxSearchLister { position:relative; } .ajaxSearchLister .tags { margin-bottom:1em; } .ajaxSearchLister .tags .tag { border: 2px solid #1b3667; margin-right: 3px; border-radius:0; background:transparent; padding: 0.7em 1em; font-size:larger; font-weight:bold; color:#1b3667; } .ajaxSearchLister .tags .current, .ajaxSearchLister .tags .tag:hover { background-color:#1b3667; color:#fff; } .ajaxSearchLister .searchForm { margin-bottom:2em; } /* .ajaxSearchLister.loading::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(255,255,255,0.8); cursor:wait; } .ajaxSearchLister .resultsPage { position:relative; padding-top:2em; padding-bottom:2em; } .ajaxSearchLister .resultsPage::before { content: 'Page ' attr(data-currentpage); position:absolute; top:0; right:0; color:#E3E3E3; } */ .ajaxSearchLister .resultsPage { display:flex; flex-wrap:wrap; justify-content: space-between; } .ajaxSearchLister .item { flex-basis:100%; margin: 1% 0; } .ajaxSearchLister .item.oneThird { flex-basis:32%; } .ajaxSearchLister .item>a { position:relative; display:block; box-sizing:border-box; height:100%; color:inherit; } .ajaxSearchLister .item>a.border { border: 4px solid #1b3667; } .ajaxSearchLister .item .coloredBg { color:#fff; } .ajaxSearchLister .item .bgImage { min-height:200px; background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; } .ajaxSearchLister .item .overlay { height:100%; box-sizing:border-box; } .ajaxSearchLister .item .text { padding: 1px 1em; } .ajaxSearchLister .item img { max-width:100%; height:auto !important; } .ajaxSearchLister .item .icon { position:absolute; top:5px; right:5px; } #content .ajaxSearchLister .item h2, #content .ajaxSearchLister .item h3, #content .ajaxSearchLister .item h4, #content .ajaxSearchLister .item h5, #content .ajaxSearchLister .item h6 { margin-top:1em; } .ajaxSearchLister .item iframe { width:100% !important; height:100% !important; min-height:200px; } .ajaxSearchLister .loadMore { display:none !important; margin-top:2em; text-align:center; } .ajaxSearchLister.loading .loadMore { opacity:0.5; cursor:wait; } .chevronbox { display:block; width: 100%; height:0px; padding-bottom: 65%; overflow: hidden; position: relative;color: #fff;} .chevronbox .chevron { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); opacity: 0.3; right:28%; width: 100%; height: 200%; background: transparent url('graphics/msp2019/chevron_transparent_white.svg') right 50% no-repeat; background-size: 100% 100%; } .chevronbox .positioner { z-index: 2; position: absolute; left:0px; top:0px; width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-items:center; justify-content: center; text-align:center;} .chevronbox .positioner .cb_contents { position: relative; padding: 0 25px;} .chevronbox .positioner .cb_contents h2 {max-height: 200px; opacity: 1; margin:0px !important; padding: 0px; padding-bottom: 40px; transition: opacity 0.6s ease, max-height 0.7s ease, padding-bottom 0.5s ease;} .chevronbox:hover .positioner .cb_contents h2 { max-height: 1px; opacity: 0; padding-bottom: 0px; transition: opacity 0.2s ease, max-height 0.3s ease, padding-bottom 0.15s ease;} .chevronbox .positioner .cb_contents .image {height: 60px;} .chevronbox .positioner .cb_contents .image img {display:block; margin: 0px auto 0; height: auto; max-height: 100%; width: auto;} .chevronbox .positioner .cb_contents .cb_rollover {opacity: 0; max-height: 1px; overflow: hidden; transition: opacity 0.2s ease, max-height 0.3s ease;} .chevronbox:hover .positioner .cb_contents .cb_rollover {opacity: 1; max-height: 200px; transition: opacity 0.6s ease, max-height 0.7s ease;} .counterbox { text-align:left;} .counterbox .co_number { padding-left: 70px; color: #1b3667; font-weight: 700; font-size: 6.5rem; text-transform: uppercase;} .counterbox .co_img {position: relative; width:100%; height:0px;} .counterbox .co_img img {position: absolute; right: calc(100% - 60px); top:0px; width: auto; max-width: 60px;} .counterbox .co_desc {padding-left:75px; font-size:2.0rem; text-transform: uppercase; font-weight: bold; margin: 0 auto 0 0; max-width:215px;} @media screen and (max-width: 749px) and (min-width: 20px) { .chevronbox .positioner .cb_contents .cb_rollover { opacity: 1; max-height: none; } } /* -- Header Styles -- */ header.msp2019_header {position: relative; z-index: 2000; height: 136px; } header.msp2019_header .wrapper { height: 100%;} header.msp2019_header .top_bar { background: #1b3667; height: 36px; } header.msp2019_header .top_bar > .wrapper > .flex_row {margin:0px; justify-content:flex-end; height: 36px;} header.msp2019_header .top_bar > .wrapper > .flex_row > .flex_item {padding: 0 0 0 15px; flex: 0 0 auto; } header.msp2019_header .top_bar .utility_menu { position: relative; height: 36px; line-height:36px; font-weight:700; font-size:1.3rem; color: #56c8e7;} header.msp2019_header .top_bar .utility_menu a {color: #fff;} header.msp2019_header .top_bar .utility_menu .menu_separator {padding: 0 5px;} header.msp2019_header .top_bar .utility_menu .chevron {position: absolute; left: -100px; height: auto; top: 0px; bottom:0px; opacity: 0.5; background-size:cover;} header.msp2019_header .top_bar .translate {position: relative; height:30px;} header.msp2019_header .search_switcher { width: 150px; height:25px; overflow: hidden; position: relative;} header.msp2019_header .search_switcher #search_box_form {position: absolute; z-index: -1; pointer-events: none; top: 0px; opacity: 0; left:0px; width: 150px; height:25px;} header.msp2019_header .search_switcher #search_box_form.active {opacity:1; z-index: 10; pointer-events: auto; transition: all 0.5s ease;} header.msp2019_header .search_switcher #search_box_form input {width: 80px; margin:0px;height:25px; line-height:25px; padding:0px 10px; border:0px; box-sizing: content-box;} header.msp2019_header .search_switcher #search_box_form button {width: 40px; line-height:25px; font-size:20px; padding:0px; text-align:center;} header.msp2019_header .search_switcher #search_box_form button::after {display:none;} header.msp2019_header .main_heading { background:#fff; height:100px;} header.msp2019_header .main_heading .logo { position: absolute; left: 0px ; width: 350px; height: 100px; top: 50%; transform: translateY(-50%); background: transparent url('graphics/msp2019/GMSP_Horizontal_Full_Logo_2023.png') left 50% no-repeat; background-size: contain;} header.msp2019_header .main_heading nav.main_menu { position: absolute; left: 390px; right:0px; top:0px; height: 100%;} /* ---------------------- Sections ------------------------------ */ /* Slideshow */ .slideshow { position: relative; z-index: 1; height: 0px; padding-bottom: 58.3%; background: #1b3667; overflow: hidden;} .slideshow .slides { z-index: 5; position: absolute; width: 100% !important; height: auto !important; left:0px; top:0px; bottom:0px; right:0px; } .slideshow .slide_credit {position: absolute; bottom: 15px; right: 15px; color: #fff; z-index: 9;} .slideshow .slides .slide { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover; color:#fff; } .slideshow .slides .slide video { z-index:2; position: absolute; left:0px; top:0px;width: 100%; height: 100%;} .slideshow .slides .slide .chevron {z-index:3; position: absolute; opacity: 0.3; top: 0px; bottom:0px; left:0px; right:27%; width: auto; height:100%; background-size: auto 151%; background-position: right 50%; } .slideshow .slides .slide .color_overlay {z-index:4; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #1b3667; opacity: 0.3; } .slideshow .slides .slide .wrapper {z-index: 5; height: 100%; max-width: 860px; display: flex; flex-flow: row nowrap; align-items:center; justify-content: stretch;} .slideshow .slides .slide .wrapper .caption {flex: 1 1 100%; text-align:center;} .slideshow .slides .slide .wrapper h2.mega {font-size: 8.0rem; margin:0px; padding:0px;} .slideshow .slides .slide .wrapper h1 { color: inherit; margin:0px; padding: 0px 0px 15px;} .slideshow .slides .slide .wrapper .extra_html {} .slideshow .slides .slide .wrapper a.button { margin-top: 30px;} /* Controls */ .slideshow .slide_prev, .slideshow .slide_next, .slideshow .pager {z-index: 10;} .slideshow .slide_prev, .slideshow .slide_next { display:block; cursor: pointer; position: absolute; z-index: 200; top: 50%; margin-top: -20px; line-height: 40px; height: 40px; width: 40px; color: #fff; font-size: 2.6rem; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; background: transparent url('graphics/msp2019/chevron_white.svg') 50% 50% no-repeat; background-size: 22px 22px; } .slideshow .slide_prev { left: 10px; transform: rotate(180deg); } .slideshow .slide_next { right: 10px; } .slideshow .pager {position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); height:20px; line-height:20px;} .slideshow .pager a { display: inline-block; height:10px; width:10px; line-height:10px; border-radius: 100% 100%; overflow: hidden; font-size: 1px; margin: 0 5px; background: #929d99;color: transparent; text-indent: 999px; box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);} .slideshow .pager a.activeSlide { background: #55c7e7;} /* In-Slide Statistics */ .slide_stats {text-align:left;} .slide_stats > .flex_row {} .slide_stats > .flex_row > .flex_item.one_half { padding-bottom: 25px;} .slide_stats .sstat_number { padding-left: 80px; font-size: 12.0rem; font-weight: bold; } .slide_stats .sstat_number sup {font-size: 4.0rem;} .slide_stats .flex_row.sstat_bottom {margin:0px;} .slide_stats .flex_item.sstat_icon {flex: 0 0 80px; padding:0px;} .slide_stats .flex_item.sstat_icon img {display:block; margin: 0 auto 0 0; width: auto; height: auto; max-width: 64px;} .slide_stats .flex_item.sstat_desc {flex: 1 1 20px; padding: 0px;} .slide_stats .sstat_title {font-size:2.2rem; font-weight: 700; text-transform: uppercase; padding-bottom: 4px;} .slide_stats .sstat_subtitle {font-size:1.6rem;font-style:italic;} /* Generic Section */ section { padding: 50px 0; text-align:center; position: relative; overflow: hidden; background:#fff;} section > .wrapper {} section > .wrapper > h2 {margin:0px; padding: 0 0 1.5em;} section .editor_content {} section .editor_content p.desc {} section .editor_content p.byline { font-style:italic; font-weight: 700;} section.black_box {background: #1b3667; color: #fff; } /* Section with Chevron */ section.chevron_bg { padding: 50px 0; min-height:400px;} section.chevron_bg .chevron {z-index:1;position: absolute; left: 0px; top:0px; width: auto; height: 100%; background-position: right 50%; background-size: auto 100%; opacity: 0.1;} section.chevron_bg .chevron img {display:block; height: 100%; width: auto;} section.chevron_bg .wrapper {z-index:2;} section.msp2019_boxlister {background:#fff; padding:0px;} section.msp2019_boxlister .wrapper { padding: 50px 0; text-align:center;} section.msp2019_boxlister > .wrapper > h2 {padding: 0px !important; margin:0px !important;} section.msp2019_boxlister .flex_row {margin:0px;} section.msp2019_boxlister .flex_item { padding:0px; flex: 0 0 25%;} section.msp2019_boxlister .chevronbox { padding-bottom:100%; } section.msp2019_boxlister .chevronbox .positioner .cb_contents .cb_rollover { font-size:1.4rem; } section.msp2019_boxlister .chevronbox:hover .positioner .cb_contents .cb_rollover { max-height:230px; } /* Key Industry Boxes */ section.key_industry_boxes { margin: -70px 0px -50px;} section.key_industry_boxes>.flex_row {margin: 0 3px;} section.key_industry_boxes > .flex_row > .flex_item {flex: 1 1 20px; padding: 0 3px;} section.key_industry_boxes .kib_top { position: relative; display:flex; flex-flow: row nowrap; align-items:center; justify-content: center; height: 100px; background: #1b3667; } section.key_industry_boxes .kib_top .chevron { position: absolute; z-index: 1; left: 0px; top:0px; width: 100%; height: 100%; opacity: 0.4; background-position: left 50% ; background-size: auto 100%;} section.key_industry_boxes .kib_top h4 { z-index: 2; color: #fff; display:block; width: 100%; text-align:center;} section.key_industry_boxes .kib {position: relative; } section.key_industry_boxes .kib_bottom {background-color: #ccc; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: 0px; padding-bottom: 94%; width: 100%; position: relative; overflow: hidden;} section.key_industry_boxes .kib_overlay {position: absolute; left:0px; width: 100%; height: 100%; top: 100%; transition: top 0.2s ease; background: rgba(27,54,103,0.7);} section.key_industry_boxes .kib:hover .kib_overlay { top:0px; } section.key_industry_boxes .kib_desc {position: absolute; top: 15px; left:5px; right:5px; bottom: 15px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: stretch;} section.key_industry_boxes .kib_desc > div {width: 100%; max-height: 100%; overflow-y: scroll; scrollbar-color: #00547E #1b3667; box-sizing: border-box; padding: 10px 10px 0 5px; font-size: 14px; font-weight: 400; color: #fff;} section.key_industry_boxes .kib_desc > div::-webkit-scrollbar { background: #1b3667;} section.key_industry_boxes .kib_desc > div::-webkit-scrollbar-thumb { background: #007bb9;} section.key_industry_boxes .kib_desc > div::-webkit-scrollbar-corner {background: #1b3667;} section.key_industry_boxes .kib_desc .text {padding-bottom: 20px;} section.investor_spotlight { padding-bottom: 70px; } section.investor_spotlight .flex_row.featured_investor { margin:0px; position: relative; z-index: 2; align-items: flex-start;} section.investor_spotlight .flex_item.fi_image { flex: 0 0 40%; height:300px; background-position: 50% 50%; background-size:cover; position: relative;} section.investor_spotlight .flex_item.fi_image a {position: absolute; display:block; left:0px; top:0px; width: 100%; height: 100%; color: rgba(255,255,255,0.7);} section.investor_spotlight .flex_item.fi_image a::after { display:block; content: '\f144'; font-family: FontAwesome; position: absolute; left:50%; top:50%; margin: -30px 0 0 -30px; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 60px; } section.investor_spotlight .flex_item.fi_desc { flex: 1 1 20px; padding: 0 24px; text-align:left;} section.investor_spotlight .flex_item.fi_desc h6 { color: #55c7e7; padding-top:0px; font-size: 3.0rem; } section.investor_spotlight .flex_item.fi_desc h2 {margin-bottom:0px; color: #1b3667;} section.investor_spotlight .flex_item.fi_desc p.title {font-weight: bold; margin:5px 0 22px; color: #1b3667;} section.investor_spotlight .flex_item.fi_desc p.desc {line-height: 1.66em;} section.investor_spotlight .logo_scroller {margin: 80px 0 0;} section.interior_content { padding: 0px; overflow:hidden; text-align: left;} section.interior_content .wrapper { } section.interior_header_banner { position: relative; padding:0px;} section.interior_header_banner .image { position: absolute; z-index: 1; top:0px; left:0px; width: 100%; height: 100%; background-position: 20% 20%; background-repeat: no-repeat; background-size:cover;overflow: hidden;} section.interior_header_banner .image::after { display:block; content: ' '; position: absolute; z-index: 1; top:0px; left:0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); } section.interior_header_banner .wrapper {z-index: 2; padding: 40px 0;} section.interior_header_banner .caption { display: flex; flex-flow: row nowrap; align-items:center; justify-content: center; min-height:300px;} section.interior_header_banner .caption > .div {width: 100%;} section.interior_header_banner .caption h1 { color: #fff; margin: 0px; padding: 15px 0 15px;} section.interior_header_banner .caption h3 {color: #fff; margin:0px; padding:0px;} section.top_text { padding: 55px 0 65px;} section.top_text .wrapper {} section.top_text .wrapper > .flex_row {margin:0px; align-items: flex-start;} section.top_text .flex_item.desc {flex: 1 1 20px; padding:0 50px 0 0;text-align:left;} section.top_text .wrapper > .flex_row.reverse .flex_item.desc {padding: 0 0 0 50px;} section.top_text .flex_item.desc h2 { color: #00000;} section.top_text .flex_item.desc p {line-height: 1.5em;} section.top_text .flex_item.cta {flex: 0 0 310px; box-sizing: content-box; padding: 0 0 0 50px; border-left: 1px solid rgba(255,255,255,0.3);} section.top_text .wrapper > .flex_row.reverse .flex_item.cta {border-left:0px; border-right: 1px solid rgba(255,255,255,0.3); padding: 0 50px 0 0; } section.top_text .flex_item.cta .cta_text { color: #fff;} section.top_text .flex_item.cta .cta_text p {line-height:1.3em;} section.top_text .flex_item.cta .cta_text a {color: #fff; font-weight: bold; text-decoration: underline;} section.top_text .flex_item.cta a.button {margin: 12px 8px 12px;} section.text_editor { text-align:left; padding: 65px 0; overflow: visible;} /* Main Content Input from a Pages Module Page */ section.text_editor .top_chevron_divider { z-index:2; position: absolute; top: -35px; left: 50%; margin-left: -70px; height: 70px; width: 140px;} section.text_editor .top_chevron_divider::after {z-index:3; position: absolute; display:block; content: ''; overflow: hidden; left: 0px; top:0px; width:0px; height: 0px; border-left:70px solid transparent;border-right:70px solid transparent;border-top:70px solid #fff; } section.text_editor .top_chevron_divider .chevron {width:20px; height:20px; position: absolute; z-index:4; left: 50%; top: 38%; transform: translateX(-50%) rotate(90deg); background-size: auto 20px; background-position: right 50%;} section.text_editor .image { position: absolute; z-index: 1; top:0px; left:0px; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size:cover;overflow: hidden;} section.text_editor .image.faded { opacity: 0.14; mix-blend-mode: luminosity;} section.text_editor .wrapper {z-index: 10; overflow: hidden;} section.text_editor .section_heading {text-align:center; margin: 0 0 18px;} section.regional_indicators {} section.regional_indicators .collapsible_header {margin: 15px 0; font-size:2.2rem; padding: 22px 18px;} section.regional_indicators .collapsible_header span.fa {padding-right:0px;} section.regional_indicators .collapsible_content {padding: 0px; border:0px; } section.regional_indicators .indicator_data {} section.regional_indicators .indicator_data > .flex_row {margin:0px; align-items: stretch;} section.regional_indicators .indicator_data > .flex_row > .flex_item { padding:0px; background: rgba(255,255,255,0.9); position: relative;} section.regional_indicators .indicator_data > .flex_row > .flex_item.w_separator::after { position: absolute;top:24px; bottom: 24px; left:0px; border-left: 1px solid rgba(0,0,0,0.12); width:0px; height:auto; content: ' '; display:block; overflow: hidden;} section.regional_indicators .indicator_data > .flex_row > .flex_item.id_form { padding:0px; background: rgba(255,255,255,0.7);} section.regional_indicators .id_box_inner {padding: 12px 28px; font-size:1.8rem; line-height:1.5em; color: #000; text-align:center;} section.regional_indicators .flex_item.id_form div.desc {font-size: 1.35rem; font-weight:700; padding-bottom: 6px; text-align:left;} section.regional_indicators .flex_item.id_form .id_box_inner {padding: 12px 22px; } section.regional_indicators .flex_item.id_form input, section.regional_indicators .flex_item.id_form textarea { background: rgba(255,255,255,0.67); border-color: transparent; font-size: 1.35rem; font-weight: 400;} section.regional_indicators .flex_item.id_form textarea {height:80px; line-height: 36px;} section.split_content {padding:0px;} section.split_content > .flex_row {margin:0px; align-items: stretch;} section.split_content > .flex_row > .flex_item {margin:0px; padding: 0px; } section.split_content .sc_content {color: #fff; text-align:center; padding-top: 45px; padding-bottom: 45px;} section.split_content .halfwrapper.left .sc_content {padding-right: 35px;} section.split_content .halfwrapper.right .sc_content {padding-left: 55px;} section.video_component { padding:100px 0px; background: #1b3667; color: #fff;} section.video_component .wrapper {} section.video_component .wrapper .video_container {position: relative;} section.video_component .wrapper video {width: 100%; height:auto; object-fit: cover;} section.video_component .wrapper .video_container .play_button {position: absolute; cursor: pointer; left: 50%; top: 50%; margin-left:-50px; margin-top: -50px; height: 90px; width: 90px; line-height: 90px; border: 5px solid #fff; text-align:center; color:#fff; font-size: 46px; border-radius: 100% 100%;} section.video_component .wrapper .video_container .play_button.hidden { transition: all 0.3s ease; opacity: 0; pointer-events:none;} section.video_component .wrapper .video_container .play_button span.fa {position: relative; display:block; text-align:center; top: 0px; left:2px; line-height:90px; } section.ranking_slider {} section.ranking_slider .wrapper {} section.ranking_slider .rs_container {position: relative; overflow: hidden; height: 585px; margin: 0 -15px;} section.ranking_slider .rs_cycle { height: 535px; width: 100%; display:flex; flex-flow: row nowrap; position: relative; transition: left 0.75s ease-out; left:0px; } section.ranking_slider .rs_controls { position: absolute; bottom: 0px; left:0px; width: 100%; height: 30px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: stretch;} section.ranking_slider .rs_controls .rs_pager { flex: 1 1 20px;} section.ranking_slider .rs_controls .rs_pager .rs_link { display:inline-block; cursor: pointer; width: 20px; height: 20px; margin: 0 5px; border-radius: 100% 100%; background: transparent; border: 1px solid #6ebe49;} section.ranking_slider .rs_controls .rs_pager .rs_link.active {background: #6ebe49;} section.ranking_slider .rs_controls .rs_prev, section.ranking_slider .rs_controls .rs_next { flex : 0 0 40px; color: #007bb9; font-size: 32px; height: 40px; width: 40px; margin: 0 15px; cursor: pointer;} section.ranking_slider .rs_slide { height: 520px; flex: 0 0 33.333%; } section.ranking_slider .rs_slide.rs_clone {opacity: 0.6;} section.ranking_slider .rs_slide a {color: #fff;} section.ranking_slider .rs_slide .rs_inner { display:block; padding: 0 15px; height: 520px; overflow: hidden; } section.ranking_slider .rs_slide .rs_box { padding: 20px; width: 100%; box-sizing: border-box; border-bottom: 3px solid rgba(0,0,0,0.25); height:520px; background: #ccc; display: flex; align-items:center; justify-content: center; text-align:center;} section.ranking_slider .rs_ranking { vertical-align: middle; font-size:4.0rem; font-weight: bold; color: #fff; text-shadow: 2px 4px rgba(0,0,0,0.25); padding: 0 0 12px;} section.ranking_slider .rs_ranking.number span { font-size:8rem;vertical-align: middle; } section.ranking_slider .rs_ranking.word span { font-size:6.4rem;vertical-align: middle; } section.ranking_slider .rs_desc {font-size: 3.0rem; text-transform: uppercase; font-weight: bold; color: rgba(0,0,0,0.46); padding: 5px 0 20px; } section.ranking_slider .rs_period { font-size: 1.8rem; color: #fff; padding: 5px 0; } section.ranking_slider .rs_extrainfo { font-size: 1.8rem; color: #fff; padding: 0px 0 5px; } section.ranking_slider .rs_source { display:block; font-size:1.8rem; text-transform: uppercase; color : #fff; font-weight: bold; margin: 20px auto 0; padding: 12px 12px; width: 100%; max-width: 200px; box-sizing: border-box; background: rgba(0,0,0,0.08); border-bottom: 2px solid rgba(0,0,0,0.25);} /* Colors */ section.ranking_slider .rs_box.box1 { background: #56c8e7; } section.ranking_slider .rs_box.box2 { background: #007cba; } section.ranking_slider .rs_box.box3 { background: #6fbf4a; } @media screen and (max-width: 960px){ section.ranking_slider .rs_slide { flex: 0 0 50%;} } @media screen and (max-width: 749px){ section.ranking_slider .rs_slide { flex: 0 0 100%;} } /* -------------------- Styles for things --IN-- Sections -------------------------*/ /* 3 Counterboxes */ section .counterboxes_lister>.flex_row {margin: 0 -30px;} section .counterboxes_lister>.flex_row>.flex_item.one_third {padding: 0 30px; flex: 1 1 calc(33.3333% - 60px);} /* Dashboard CTA */ section .dashboard_cta {} section .dashboard_cta > .flex_row {align-items: flex-start; margin: 0 auto; max-width: 1000px;} section .dashboard_cta .flex_item.dcta_img { flex: 0 0 auto;} section .dashboard_cta .flex_item.dcta_img img {display:block; width: auto; height:auto;} section .dashboard_cta .flex_item.dcta_desc { flex: 1 1 20px; font-size: 2.2rem; font-weight:400; text-align:left;} section .dashboard_cta .flex_item.dcta_desc h2 {padding-top:0px; margin-bottom: 18px; width: 100%; max-width:700px; margin-right:auto;} section .dashboard_cta .flex_item.dcta_desc p {margin: 0px;} section .dashboard_cta .flex_item.dcta_desc .button_container { margin-top: 30px;} /* Key Industries top text */ section .key_industries_top {margin: 0 auto; width: 100%; max-width: 790px; font-size: 2.0rem;} section .key_industries_top p.desc {} section .key_industries_top p.byline {} /* Logo Scroller */ .logo_scroller { position: relative; height: 100px;} .logo_scroller .slides {z-index: 5; width: 100% !important; height: 100px !important; position: absolute; left:0px; top:0px} .logo_scroller .slide { height: 100px !important; width:100% !important;} .logo_scroller .slide .flex_row { flex-flow: row nowrap; align-items: stretch; justify-content: stretch; margin: 0px 80px;} .logo_scroller .slide .flex_row .flex_item { position: relative;flex: 1 1 auto; height: 100px; box-sizing: border-box; padding:0px 10px; overflow:hidden; } .logo_scroller .slide .flex_row .flex_item img { width: auto; min-width:0px; height: auto; max-height:80px; width: auto; max-width: 100%; position: relative; top: 50%; transform: translateY(-50%);} .logo_scroller .slide_prev, .logo_scroller .slide_next, .slideshow .pager {z-index: 10;} .logo_scroller .slide_prev, .logo_scroller .slide_next { display:block; cursor: pointer; position: absolute; z-index: 200; top: 50%; margin-top: -15px; line-height: 30px; height: 30px; width: 30px; color: #fff; font-size: 2.6rem; border-radius: 100% 100%; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; background: #1b3667 url('graphics/msp2019/chevron_white.svg') 50% 50% no-repeat; background-size: 12px 12px; } .logo_scroller .slide_prev { left: 10px; transform: rotate(180deg); } .logo_scroller .slide_next { right: 10px; } /* News & Insights */ .news_and_insights {} .news_and_insights .ni_toggles {border-bottom: 4px solid #007bb9; padding: 0 0 5px; margin: 0 0 10px;} .news_and_insights .ni_toggle { display: inline-block; cursor: pointer; margin: 0 8px 10px; line-height:50px; padding: 0 25px; border-radius: 25px; background: #ddd; color: #434343;} .news_and_insights .ni_toggle.active { background: #007bb9; color: #fff;} .ni_body {align-items: flex-start; text-align:left;} .news_and_insights .ni_sections {margin: 0 0 20px;} .news_and_insights .ni_section { display:none; color: #000000;} .news_and_insights .ni_section.active {display:block;} .news_and_insights .morebutton.ni_loadmore {margin: 20px 0 0;} .news_and_insights .morebutton.ni_loadmore.loading {background-color: #ccc !Important; color: #888 !important; pointer-events:none;} .ni_item { display:block; width: 100%; max-width: 600px; margin: 0 auto; padding: 25px 0; border-top: 1px solid #55c7e7;} .ni_item:first-child {border-top:0px;} .ni_item .flex_row {margin:0px;align-items: flex-start; } .ni_item .flex_item {padding:0px;} .ni_item .flex_item.thumbnail {flex: 0 0 150px; margin: 0 20px 0 0;} .ni_item .ni_thumbnail {display:block; width: 100%; height: 0px; padding-bottom: 80%; background-color: #1b3667 ; background-position: 50% 50%; background-size:cover;} .ni_item .flex_item.ni_contents {flex: 1 1 20px; text-align:left;} .ni_item h6, .ni_item h2, .ni_item p.desc, .ni_item p.date { margin:0px; padding:0px;} .ni_item h6 { color: #6ebe49;} .ni_item h2 {padding: 0 0 5px; line-height:1.5em;} .ni_item h2, .ni_item h2 a { color: #007bb9;} .ni_item p.desc { color: 000; font-size:2.2rem; margin: 0 0 6px;} .ni_item p.date { color: #aaaaaa; font-style: italic; font-size:2.0rem;} .ni_contact { border: 1px solid #007bb9; padding:0px; margin-top:20px;} .ni_contact h2 {background: #007bb9;margin: 0 0 10px; padding:0px 16px; line-height: 1.8em; color:#fff;} .ni_contact h3 {color: #6ebe49; padding: 0 16px;} .ni_contact p { font-size:1.8rem; padding: 0 16px; line-height:1.8em;} /* Legacy Interior Styles ------------------------------- */ #interior_header_banner { background: #000 url('graphics/redesign/loading-transparent.gif') 50% 50% no-repeat; height: 310px; position: relative; opacity:0; transition: opacity 0.5s ease;} #interior_header_banner { min-height: 380px;} #interior_header_banner { opacity: 1;} #interior_header_banner #image_holder { z-index: 5; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0.01; transition: opacity 0.5s ease;} #interior_header_banner.active #image_holder {opacity: 1;} #interior_header_banner #positioner { z-index: 6; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;} #interior_header_banner #positioner .outer { display: table; width: 100%; position: relative; height: 100%; margin:0; padding:0; vertical-align:middle; } #interior_header_banner #positioner .inner { display: table-cell; width: 100%; position: relative; height: 100%; margin:0; padding:0; vertical-align:middle; text-align:center; color: #fff; color: #fff; margin: 0px; padding: 15px 0 15px} #interior_header_banner #positioner h1 { position: relative;top: 36px; transition: all 0.5s ease; transition-delay: 0.2s; opacity: 0; color: #fff; margin: 0px;} #interior_header_banner #positioner h1 .main_title { padding: 15px 0 15px; } #interior_header_banner.active #positioner h1 { top:0px; opacity: 1; } #interior_header_banner #positioner div.above_title { display:block; } #interior_header_banner span, #interior_header_banner span img { display: none; } #interior_header_banner .above_title h3, #interior_header_banner .below_title h3 { color: #fff; margin:0px; padding:0px;} #interior_header_banner .below_title { font-size: 18px; color: #fff; text-transform: none;} #interior_header_banner .below_title h2 {} #interior_header_banner .below_title p { width: 95%; max-width: 900px; margin: 20px auto; font-weight: normal; line-height: 1.6em;} xsection.interior_header_banner { position: relative; padding:0px;} xsection.interior_header_banner .image { position: absolute; z-index: 1; top:0px; left:0px; width: 100%; height: 100%; background-position: 20% 20%; background-repeat: no-repeat; background-size:cover;overflow: hidden;} xsection.interior_header_banner .image::after { display:block; content: ' '; position: absolute; z-index: 1; top:0px; left:0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); } xsection.interior_header_banner .wrapper {z-index: 2; padding: 40px 0;} xsection.interior_header_banner .caption { display: flex; flex-flow: row nowrap; align-items:center; justify-content: center; min-height:300px;} xsection.interior_header_banner .caption > .div {width: 100%;} xsection.interior_header_banner .caption h1 { color: #fff; margin: 0px; padding: 15px 0 15px;} xsection.interior_header_banner .caption h3 {color: #fff; margin:0px; padding:0px;} #content { /* min-height:400px; */} #content > .wrapper {padding: 35px 0 80px;} #sub_menu { display: none; margin-bottom: 30px; } #sub_menu ul { margin:0px; list-style-type: none;padding:0px 0; background: #1a2732; } #sub_menu>ul { margin:0px; padding: 5px 0; } #sub_menu ul li { margin:0px; padding: 0 10px; list-style-type: none; margin-bottom: 3px; } #sub_menu ul li.no_sub_display ul { display: none; } #sub_menu ul a { display:block; line-height: 18px; padding: 10px 12px 10px; color: #fff; font-size: 1.6rem; font-weight: 400; } #sub_menu ul ul {} #sub_menu ul ul {display:none; margin: 2px 0; background: rgba(0,0,0,0.33);} #sub_menu ul ul.active {display:block;} #sub_menu ul ul li { padding-left: 15px; } #sub_menu ul ul ul li { padding-left: 30px; } #sub_menu ul a:hover, #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { background: #394a59; color: #fff; } #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { font-weight: bold; } #sub_menu_title {line-height: 48px; background: #394a59; margin:0px; padding: 0px 22px 0px ; color: #fff; font-weight: 400; font-size: 1.8rem; } #sub_menu_title a { color: #fff; } #sub_menu ul li.menuItemHighlight>ul, #sub_menu ul li.menuItemHighlight>ul >li {display:block;} #side_banners { } #side_banners span { display: block; margin: 0 0 30px; } #side_banners span a { display: block;} #side_banners span img { display: block; width: 100% !important; height: auto !important; } #content .tag_cloud {display:none;} /* Footer ------------------------------- */ #site_map { padding: 50px 0; background: #253746;} #site_map>div>ul::after { content: " "; display:block; clear: both;} #site_map ul, #site_map li { padding: 0px; margin:0px; display:block; list-style-type:none;} #site_map a { color: #fff; display:block;} #site_map a:hover { color: #9cb111; } #site_map>div>ul>li { width: 16.8%; margin-left: 4%; float:left; font-size: 1.8rem; font-weight: 500; } #site_map>div>ul>li:first-child { margin-left:0px; } #site_map>div>ul>li>a { margin: 0 auto; width: 100%; padding-bottom: 18px; } #site_map>div>ul>li>ul { margin: 0 auto; width: 100%;} #site_map ul ul li { padding: 2px 8px; } #site_map ul ul li a { font-size: 1.5rem; } #site_map ul ul ul li { padding-left: 15px;} footer.msp2019_footer {position:relative; overflow: hidden; color: #fff;} footer.msp2019_footer .chevron {position: absolute; z-index:1; width: 70%; min-width: 800px; height: 105%; min-height: 700px; right:-5%; top:0px; background-position: right 50%; background-size: cover; opacity: 0.14;} .footer_top, .footer_bottom { position: static; overflow: hidden; padding: 50px;} .footer_top { background: #007bb9;} .footer_bottom { background: #1b3667;} footer.msp2019_footer a, footer.msp2019_footer h1, footer.msp2019_footer h2, footer.msp2019_footer h3, footer.msp2019_footer h4, footer.msp2019_footer h5, footer.msp2019_footer h6 {color: #fff;} footer.msp2019_footer .wrapper { position:relative; z-index:2; } .footer_top {padding: 54px 0 48px; color: #fff; text-align:center;} .footer_top h2 { color: #fff; margin: 0px; padding: 0 0 6px;} .footer_top p { font-size: 22px; font-weight:400;} .footer_top .bottom_buttons { padding: 6px 0 0;} .footer_top .bottom_buttons a.button { margin: 0 20px; } .footer_bottom { padding: 75px 0 70px; font-weight:400;} .footer_bottom .wrapper {max-width: 1000px;} .footer_bottom img.footer_logo { display:block; width: 100%; max-width:155px; height:auto;} .footer_bottom .flex_row { align-items: flex-start;} .footer_bottom .flex_item.footer_left { flex: 0 0 26.8%;} .footer_bottom .flex_item.footer_middle { flex: 0 0 41.7%;} .footer_bottom .flex_item.footer_right { flex: 0 0 31.5%;} .footer_bottom h3 {margin:0px; padding:0px;} .footer_bottom p { padding: 12px 0 20px;} .footer_social { } .footer_social a { display:block; float:left; font-size: 24px; height:40px; width: 30px;text-align:center; border-radius: 80px; margin: 0 15px 0 0; } .footer_social a:first-child { margin-left:0px;} .footer_social a span { transition: color 0.3s ease; } .footer_social a:hover .fa-facebook { color: #3b5998 !important;} .footer_social a:hover .fa-twitter { color: #00aced !important;} .footer_social a:hover .fa-linkedin { color: #007bb5 !important;} .footer_social a:hover .fa-instagram { color: #125688 !important;} .footer_social a:hover .fa-pinterest { color: #cb2027 !important;} .footer_social a:hover .fa-google { color: #dd4b39 !important;} .footer_social a:hover .fa-youtube { color: #ed1c24 !important;} footer.msp2019_footer .credits {padding-top: 70px; text-align:center;} #mobile_bottom {display: none; text-align:center;position: fixed; bottom: 0px; left: 0px; width: 100%; height: 0px; z-index: 9999;} #back_to_top { background: #121212; position: absolute; bottom: -30px; width: 100%; color: #fff; cursor: pointer; line-height: 30px; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } #back_to_top.scrolled { bottom: 0px; } #ui-datepicker-div { background: #fff; border: 2px solid #333;} .ui-datepicker { width: 20em; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;} .ui-datepicker .ui-datepicker-header a { color: #fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; } .ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;} .ui-datepicker .ui-datepicker-prev span { cursor: pointer; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; right: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .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: center;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;} .secondary__footer__paragraph { text-align: center; max-width: 80%; margin: 10px auto 0; font-size: 11.5px; } /*** Flexisel ***/ .nbs-flexisel-container { position:relative; max-width:100%;} .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { position: relative; overflow: hidden; width:100%; padding: 0 70px; box-sizing: border-box; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; position:relative; line-height:0px; height: 215px; } .nbs-flexisel-item span { display:block; position: absolute; top: 50%; left:18px; right:18px; transform: translateY(-50%);} .nbs-flexisel-item span a { display:block;} .nbs-flexisel-item img { width: 100% !important; max-width: 100%; height: auto !important; margin: 0 auto; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { display:block; padding:0; position: absolute; cursor: pointer; z-index: 4; top:0; bottom:0; line-height: 258px; font-size: 4.2rem; width: 70px; text-align:center; background: #fff; color: #0669ac; font-family: 'FontAwesome'; } .nbs-flexisel-nav-left { left: 0px; } .nbs-flexisel-nav-left:before { content: "\f100"; } .nbs-flexisel-nav-left.disabled { opacity: 0.4; } .nbs-flexisel-nav-right { right: 0px; } .nbs-flexisel-nav-right:before { content: "\f101"; } .nbs-flexisel-nav-right.disabled { opacity: 0.4;} #nospamResponse {display:none;} .simpleAntiSpam > div {margin: 6px auto !important;} .simpleAntiSpam p > span { display: block; float:none !important; margin: 5px auto !important; padding: 0px !important;} #form .formtextRequired, #form .formtext { line-height: 28px; } #form table { width: 100%; } #gtrans { position: relative; z-index: 20000; padding-left: 4px; } #gtrans::after {display:block; content: ' '; height:0px; width: 100%; overflow: hidden; clear:both; } #gtrans a#back_to_english { display:block; float:left; width: 35px; height: 30px; background: url('graphics/redesign/switchtoenglish.png') 50% 50% no-repeat; background-size: contain;} #gtrans select { float:left; font-size: 1.3rem; background: transparent; color: #fff; height:28px; line-height:28px; padding: 0 10px; margin:0px 0px 0px 20px; width: 140px; border: 1px solid #fff; } #gtrans select option { background: #fff; color: #000; font-weight: normal;} .goog-te-banner-frame {display:none;} #google_translate_element2 { display:none;} /* ----------------- Menus ----------------- */ /* +++ Main Menu +++ */ nav.main_menu ul { display: block; list-style-type: none; margin: 0px; padding: 0px; } nav.main_menu li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; position: relative;} nav.main_menu a { display:block; color: #fff; font-weight: 700; } nav.main_menu li > ul { display: none; } nav.main_menu li:hover > ul { display: block; } /* Level 1 */ nav.main_menu>ul { display:flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; width: 100%; height: 100%; position: relative; } nav.main_menu>ul>li { display: block; text-align:center; padding: 0px 0px; height: 100px; } nav.main_menu>ul>li.item1 {padding-left:0px;} nav.main_menu>ul>li>a { font-size: 1.8rem; position: relative; line-height: 100px; padding: 0 12px; color: #1b3667; transition: background-color .2s ease;} nav.main_menu>ul>li:hover>a { background: rgba(0,0,0,0.12);} /* Level 2 */ nav.main_menu>ul>li>ul { position: absolute; top:100%;left: 0px; width: 250px; padding: 8px 0px; background: #007bb9; border-top: 2px solid #6ebe49;} nav.main_menu>ul>li.flyleft>ul { left: auto; right: 0px;} nav.main_menu>ul>li>ul>li { text-align:left; padding: 0 15px; } nav.main_menu>ul>li>ul>li>a { font-size: 1.4rem; padding: 6px 5px; } nav.main_menu>ul>li>ul>li:hover>a { background: rgba(255,255,255,0.8); color: #1f5489;} /* Level 3 and Beyond*/ nav.main_menu>ul>li>ul>li ul { position: absolute; top:-8px;right: -250px; width: 250px; padding: 8px 0px; background: #141e26; border-left: 2px solid #0e141a; } nav.main_menu>ul>li.flyleft>ul>li ul { right: auto; left: -250px;} nav.main_menu>ul>li>ul>li ul>li { padding: 0 15px;} nav.main_menu>ul>li>ul>li ul>li>a { font-size: 1.4rem; padding: 6px 5px; } nav.main_menu>ul>li>ul>li ul>li:hover>a { background: #eee; color: #1f5489; } /* +++ Mobile Menu +++ */ #mobile_menu { display:none; width: 0px; opacity:0; overflow: hidden; overflow-y: visible; z-index: 2800;position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(189,232,255,0.7); transition: opacity 0.3s ease 0s, width .001s linear .4s; } #mobile_menu.active {opacity: 1; width: 100%; transition: opacity 0.3s ease .0001s, width 0s linear 0s; } #menu_toggle { display:none; cursor: pointer; position: absolute; right:0px; top: 50%; transform: translateY(-50%); vertical-align: middle;} #menu_toggle::after { display:inline-block; font-family: FontAwesome; content: '\f0c9'; font-size:21px; background-image: none; height:30px; width: 30px; line-height:30px; top: 50%; margin-top: -15px; right: 6px; font-weight:normal; text-align:center; transition: transform 0.3s ease; transform: rotate(0deg);transform-origin: 50% 50%;} #menu_toggle.active::after { content: '\f00d'; transform: rotate(90deg);} #mobile_menu ul { z-index: 100; margin: 0; padding:0; list-style-type: none; position: relative; } #mobile_menu li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; } #mobile_menu li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 50px; width: 50px; background: rgba(255,255,255,0.18); color: #fff; line-height: 50px; text-align:center;} #mobile_menu a { display:block; text-transform: uppercase; font-weight: bold; color: rgba(255,255,255,0.8);} #mobile_menu a.haschildren { margin-right: 50px;} #mobile_menu li ul {display: none;} #mobile_menu img { display: none; } /* Level 1 */ #mobile_menu>ul { border-right: 6px solid #007bb9; border-left: 6px solid #007bb9; background: #1b3667 ; position: absolute; left:-320px; top:136px; width: 320px; min-height: 100%; opacity: 0; transition: opacity .5s ease 0s, left 0.5s ease 0s; } #mobile_menu.active>ul { left: 0px; opacity: 1; transition: opacity .4s ease 0s, left 0.3s ease .17s;} #mobile_menu>ul>li { text-align:left; padding: 0px; background: #1b3667; border-top: 1px solid #14274B; } #mobile_menu>ul>li.alt{ background: #6ebe49; border-top: 1px solid #5DA63B;} #mobile_menu>ul>li:first-child {border-top:0px;} #mobile_menu>ul>li>a, #mobile_menu>ul>li>span>a { font-size: 18px; text-transform: uppercase; position: relative; line-height: 34px; padding: 8px 27px; color: #fff;border-radius: 4px;} #mobile_menu>ul>li.alt>a, #mobile_menu>ul>li.alt>span>a { } /* Level 2 and Beyond */ #mobile_menu>ul>li ul { background: rgba(0,0,0,0.19); left: 0px; } #mobile_menu>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(255,255,255, 0.12);} #mobile_menu>ul>li ul>li>a.haschildren {margin-right:32px;} #mobile_menu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} #mobile_menu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;} #mobile_menu li.aux {border: 0px !important; padding: 14px 8px; text-align:center;} /* ---------------General Module Styles--------------- */ .moduleDetail {} .moduleLister {} div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); } div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* common elements across modules */ .label { font-weight: bold; margin-right:10px; } /* form required vs form optional*/ .title {} .description {} .blurb { padding-top: 10px;} .thumbnail {} .info {} .author {} .date {} .time {} .imageLink {float:left;} .tags {} .tags .tag {background: #f2f2f2; border-radius: 4px; font-size: 1.3rem; color: #676767; display: inline-block; padding: 3px 6px; margin: 0 1px; } .utilityLinks {} .comments {padding-top: 12px;} .listerItem .flex_row { align-items: flex-start;} .listerItem .flex_item.thumbnail { flex: 0 0 230px; } .listerItem .thumbnail img { width: 100%; height: auto; } .listerItem .listerContent.flex_item { flex: 1 1 20px;} .errorMessage{ font-weight:bold; color:#f00; } .tag_cloud { margin-bottom: 30px;} .tag_cloud_box { border: 2px solid #ddd; border-radius: 4px; padding: 12px;} .tag_cloud a {background: #f2f2f2; border-radius: 4px; font-size: 1.3rem; color: #676767; display: inline-block; padding: 3px 6px; margin: 2px 1px; } .archive { margin-bottom: 30px; } .archive .year { line-height: 48px; margin: 0px; padding: 0px 22px 0px; background: #9cb111; color: #fff; font-weight: 400; font-size: 1.8rem; } .archive .year a { color: #fff;} .archive .month_container {background: #73830D; padding: 5px 10px;} .archive .month { display: block; line-height: 18px; padding: 10px 12px 10px; color: #fff; font-size: 1.6rem; font-weight: 400;} .archive .month a {color: #fff;} .archive .month:hover { background: rgba(255,255,255,0.6);} /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:1.1rem; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:1.1rem; display:block; } /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* ModuleBegin::photo */ /******************************* ****************************************** ******************************** PHOTO ****************************************** ******************************** *****************************************/ /* Photo Lister */ .photoModule.moduleLister {} .albumBox { border: 1px solid #ddd; border-radius: 8px; padding: 12px; box-sizing: border-box; position: relative; height: 100%;} .albumBox .albumImage { display:block; width: 100%; height: 0px; padding-bottom: 86%; background-color: #ccc; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .albumBox h5 {margin-bottom: 8px;} /* Thumbnails */ .photoModule.thumbLister .flex_item { margin-bottom: 30px;} .thumbnailItem {display:block; height: 0px; padding-bottom: 86%; background-color: #ccc; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 4px; border: 4px solid #fff; box-shadow: -0 0 5px -2px rgba(0,0,0,0.54); } .thumbnailItem:hover {border-color: #9cb111; transition: border-color 0.1s ease;} /* Slideshow */ .photoModuleSlideshow { } .photoModuleSlideshow img { display:block; width: auto; height: auto; max-width: 100%;} /* ModuleEnd::photo */ /* ModuleBegin::news */ .newsModule.moduleDetail {} .newsModule.moduleLister {} .newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } .newsModule .blurb {} .newsModule .thumbnail {} /* ModuleEnd::news */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::blog */ .blogModule {} .blogModule .info { } .blogModule .author {} .blogModule .date {} .blogModule .tags {} .blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; } .blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; } .blogModule.moduleDetail .info .posted {font-weight: 600;text-align: left;} .blogModule .blog-image { display: block; width: 100%; height: auto; min-height: 700px; background-repeat: no-repeat; background-size: cover; background-position: center center; } /* ----- Internships Landing Page ----- */ .internshipStatistics {display:block;position:relative;width:100%;padding:0 30px;margin:0 auto;} @media screen and (max-width:60em) { .internshipStatistics {margin:1rem auto;} } #internshipStatistics-slider-slide_prev, #internshipStatistics-slider-slide_next {z-index: 10;} #internshipStatistics-slider-slide_prev, #internshipStatistics-slider-slide_next { display:block; cursor: pointer; position: absolute; z-index: 200; top: 50%; margin-top: -20px; line-height: 30px; height: 30px; width: 30px; color: #fff; font-size: 1.6rem; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; background: transparent url('graphics/msp2019/chevron_white.svg') 50% 50% no-repeat; background-size: 12px 12px; background-color: #1b3667; border-radius: 100%;} #internshipStatistics-slider-slide_prev { left: 0px; transform: rotate(180deg); } #internshipStatistics-slider-slide_next { right: 0px; } .internshipStatistics-slider {} .internshipStatistics-slider-slides {display:block;width:calc(100% - 30px);transition: left 0.75s ease-out;margin:0 auto;} .internshipStatistics .internshipStatistics-item {display:block;margin:0 1rem;position:relative;width:calc(274px + 1rem);height:274px;} .internshipStatistics .internshipStatistics-item-inner {display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;color:#fff;padding:2rem;box-sizing:border-box;width:100%;height:100%;} .internshipStatistics .internshipStatistics-icon.fontAwesome {font-size:80px;} .internshipStatistics .internshipStatistics-icon img {max-height: 70px;} .internshipStatistics .internshipStatistics-stat {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;} .internshipStatistics .internshipStatistics-stat .internshipStatistics-stat-number, .internshipStatistics .internshipStatistics-stat .internshipStatistics-stat-prefix, .internshipStatistics .internshipStatistics-stat .internshipStatistics-stat-suffix {font-size:50px;font-weight:600;text-shadow:0 2px 2px #000;margin:10px 0;} .internshipStatistics .internshipStatistics-description {text-transform:uppercase;} .internshipStatistics .lightBlueBg {background: #55c7e7;} .internshipStatistics .mediumBlueBg {background:#007cba;} .internshipStatistics .greenBg {background:#6fbf4a;} .internship-graphic {text-align:center;margin-bottom:6rem;} .internship-graphic h2 { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 0; } .internship-graphic h2 .w_chevron {margin:0;} .internship-graphic p {margin-top:.5rem;} .waysToGrowInternships, .waysToGrowInternships-item {display:block;position:relative;} .waysToGrowInternships .waysToGrowIntro h2 {margin-top:0;padding-top:0;} .waysToGrowInternships-item .iconContainer {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;width:100%;height:130px;position:relative;margin-bottom:2rem;} .waysToGrowInternships-item .iconBackground {display:block;position:absolute;top:0;left:0;margin:0;background-repeat:no-repeat;background-size:cover;background-position:center center;z-index:0;width:100%;height:100%;} .waysToGrowInternships-item .iconBackground::before {display:block;width:100%;height:100%;position:absolute;z-index:1;opacity:.8;top:0;left:0;content:'';} .waysToGrowInternships-item .iconBackground.lightBlue:before, .waysToGrowInternships-item .waysToGrowInfo.lightBlue {background:#55c7e7;color:#fff;} .waysToGrowInternships-item .iconBackground.mediumBlue:before, .waysToGrowInternships-item .waysToGrowInfo.mediumBlue {background:#007cba;color:#fff;} .waysToGrowInternships-item .iconBackground.green:before, .waysToGrowInternships-item .waysToGrowInfo.green {background:#6fbf4a;color:#fff;} .waysToGrowInternships-item .iconBackground.pink:before, .waysToGrowInternships-item .waysToGrowInfo.pink {background:#e11483;color:#fff;} .waysToGrowInternships-item .waysToGrowIcon.fontAwesome {display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;position:relative;font-size:50px;z-index:3;color:#fff;} .waysToGrowInternships-item .waysToGrowIcon img {max-height: 70px;z-index:3;position:relative;} .waysToGrowInternships-item .waysToGrowInfo {display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:center;position:relative;padding:2rem;box-sizing:border-box;min-height:auto;} @media screen and (min-width:60em) { .waysToGrowInternships-item .waysToGrowInfo {min-height:300px;} } .waysToGrowInternships-item .waysToGrowTitle, .waysToGrowInternships-item .waysToGrowDesc, .waysToGrowInternships-item .waysToGrowAction a {color: #fff;} .waysToGrowInternships-item .waysToGrowTitle {margin-top:0;padding-top:0;} .waysToGrowInternships-item .waysToGrowDesc {} .waysToGrowInternships-item .waysToGrowAction {} .waysToGrowInternships .waysToGrowInternships-section-bg {display:block;width:100%;height:100%;position:absolute;z-index:0;top:0;left:0;content:'';background-size:cover;background-repeat:no-repeat;background-position:center center;} .waysToGrowInternships .waysToGrowInternships-section-bg:before {display:block;content:'';position:absolute;width:100%;height:100%;background:rgba(255,255,255,.8);z-index:0;} /* ---- Blog Lister ----- */ .blogModule.moduleLister {} .blogModule.moduleLister h2 { } .blogModule .listerItem {} .blogModule .blurb { padding: 8px 0;} .blogListerGrid { margin: .625rem; } @media print, screen and (min-width: 40em) { .blogListerGrid { margin: .9375rem; } } .blogListerGrid > * { text-align: left; } .blogListerGrid .listerGridItem-thumbnail { display: block; width: 100% !important; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .blogListerGrid .listerGridItem-blogInfo { display:flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; padding: 1.5rem; box-sizing: border-box; width:100%; height:auto; } .blogListerGrid .listerGridItem { border: 5px solid; box-sizing: border-box; } .blogListerGrid .listerGridItem:nth-child(1n) { border-color: #55c7e7; } .blogListerGrid .listerGridItem:nth-child(2n) { border-color: #6fbf4a; } .blogListerGrid .listerGridItem:nth-child(3n) { border-color: #007cba; } .blogListerGrid .listerGridItem .listerGridItem-action {margin-top: auto;} .blogListerGrid .listerGridItem .listerGridItem-action a { font-weight: 600; margin-top: 1rem; } .listerGridItem-blurb { display: block; margin: 1rem 0; } .listerGridItem-date { font-size: 1rem; font-weight: 600; } /* ---- Blog Detail ------- */ .blogModule.moduleDetail {} .blogModule.moduleDetail h1 { margin-bottom: 5px; } .blogModule.moduleDetail .fullText { padding: 32px 0 16px;} .blogModule.moduleDetail .fullText > img:first-child + p {margin-top: 0px;} /* ---- Blog Archives ------ */ /* ModuleEnd::blog */ /* ModuleBegin::events */ /* ---- Events Lister ---- */ .eventsModule.moduleLister {} /* ---- Events Detail ---- */ .eventsModule.moduleDetail {} .eventsModule .date {} .eventsModule .label {} .eventsModule .time {} .eventsModule .location { margin: 1em 0; } .eventsModule .map {} .eventsModule .address {} .eventsModule .directions {} .eventsModule .contactInfo {} .eventsModule .name {} .eventsModule .phone {} .eventsModule .email {} .eventsModule .rsvp {} .eventsModule .ticketsWrapper {} .eventsModule .ticket {} .eventsModule .description {} .eventsModule .utilityLinks {} .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;} /* ---- Events Small Calendar ---- */ .cal { text-align: center; position:relative; background: transparent;} .calTop { height: 38px; line-height:38px; background: #1b3667;} .calTop a { color: #fff; } a.calPrev, a.calNext { display: block; position: absolute; top: 0px; width: 42px; font-size: 1.7rem; text-align:center; line-height:41px; height: 38px; } .calPrev:hover, .calNext:hover { background: rgba(255,255,255,0.3); } .calPrev { left: 0px; } .calNext { right: 0px; } .calMonth { position: absolute; top: 0; left: 43px; right: 43px; text-align: center; font-family: 'Quicksand', sans-serif; font-size: 1.8rem; text-transform: uppercase; font-weight: bold; } .calGrid { background: #fff;clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;} .calGrid td { position: relative; color: #2e2e2e; font-weight: bold; width: 14.2857%; font-size: 1.5rem; height: 41px; padding: 0px 0; vertical-align: middle; text-align: center; } .calGrid tr.calWeek { text-align: center; } .calGrid tr.calWeek td { font-weight: normal; color: #fff; font-size: 1.2rem; height: 33px; border-left: 0px ; border-top:0px; background: #007bb9; } .glance_inner a { margin-bottom: 10px; display: block; } /* Small Calendar Only */ .cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad;} .cal.smallCalendar .calGrid tr.calWeek td {border-left: 0px; border-top:0px;} .cal.smallCalendar .calGrid td:first-child { border-left:0px;} .cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0px;} .cal.smallCalendar .calGrid td .glance_inner { display:none; position: absolute; transition: all .3s; opacity: 0; position: absolute; bottom: 20px; left: 50%; margin-left: -60px; width: 106px; background: #6ebe49; color: #fff; padding: 5px 7px; font-size: 1.1rem; line-height: 17px; text-transform: uppercase; } .cal.smallCalendar .calGrid td.hovered .glance_inner, .calGrid td.active .glance_inner { opacity: 1; bottom: 38px; z-index:25;} .cal.smallCalendar .calGrid td .glance_inner a { color: #fff;} .cal.smallCalendar .calGrid td .glance_inner a:hover {text-decoration: underline;} .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle { position: absolute; top: 100%; border-bottom: 6px solid transparent; } .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.right {left: 50%; border-left: 6px solid #6ebe49;} .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.left {right: 50%; border-right: 6px solid #6ebe49;} .cal.smallCalendar .calGrid td.today { color: #177a38 ;} .cal.smallCalendar .calGrid td.activeday { cursor: pointer; } .cal.smallCalendar .calGrid td span.indicator { display: block; position: absolute; right: 0px; bottom: 0px; width:0px;height:0px; border-right: 12px solid #ccc; border-top:12px solid transparent;} /* Large Calendar Only */ .cal.largeCalendar .calGrid td { padding: 7px; vertical-align: top; text-align:left; height: 100px; border-right:1px solid #adadad; border-bottom:1px solid #adadad; } .cal.largeCalendar .calGrid tr.calWeek td { border-right: 0px; border-bottom: 0px; text-align:center; height: auto;} .cal.largeCalendar .calGrid td .glance_inner { display: block; padding-top: 7px; font-size: 1.3rem;} .cal.largeCalendar .calGrid td:first-child { border-left:1px solid #adadad;} .cal.largeCalendar .glance_inner a {color: #6ebe49;} .calBottom { text-align: left; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; } #calendarDetail table { width: 100%; table-layout: fixed; text-align: center; } #calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { color: #000; } #calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; } #calendarDetail .title a { font-size: small; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; } #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; } #calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); } #calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom: 10px; } .eventsModule.moduleLister.box .date { color: #777; } /* ---- Events Registration ----- */ form[name="eventTicketSelect"] { width: 100%; display:block; margin-bottom :20px;} form[name="eventTicketSelect"] table { border: 1px solid #9cb111; border-collapse: collapse; border-spacing: 0px; margin-bottom :20px;} form[name="eventTicketSelect"] table td { border: 1px solid #9cb111; padding: 4px 6px;} form[name="eventTicketSelect"] table thead td { background: #9cb111; color: #fff; font-weight: bold; padding: 10px 6px; } .eventTicketTypeTitle { margin: 20px auto; white-space: nowrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; text-align: center; padding: 10px 0; } .ticketTypeSummary td {padding: 5px 10px; } .ticketTypeSummary .ticketPriceTotal { text-align: right; font-size: 2.0rem; font-weight: bold; } .ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #CCC; } .ticketQuantity, td.ticketTotal { text-align: center; } .repeatSection { margin:0px !important; padding: 5px 8px;} .eventTicketTypeTitle { counter-reset: attendee; } .attendee_label::after { counter-increment: attendee; content: counter(attendee); } .odd.repeatSection { } .odd.repeatSection.last { } #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #e5e5e5; background: #f8f8f8; padding: 20px; width:275px; border-radius: 4px;} #formLogin h2 { padding-top: 0px; margin-top:0px;} .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 0px; } .memberLoginBox td input[type="text"], .memberLoginBox td input[type="password"] { background: #fff; } .memberLoginBox td input[type="checkbox"] { height: 24px; } .membershipModule .search {} .membershipModule .companyInfo { margin: 1em 0; } .membershipModule .companyInfo .name {} .membershipModule .companyInfo .jobTitle {} .membershipModule .address { margin: 1em 0; } .membershipModule .contactInfo { margin: 1em 0; } .membershipModule .contactInfo .phone {} .membershipModule .contactInfo .email {} .membershipModule .contactInfo .website {} .membershipModule .thumbnail { float:left; margin-right: 20px;} /* ----- Membership Lister ----- */ .membershipModule.moduleLister {} /* ---- Membership Detail ----- */ .membershipModule.moduleDetail {} /* ----- My Account ---- */ .membershipModule.myAccount {} .membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .membershipModule.myAccount {} .my_account_links { margin-top: 35px; align-items: stretch;} .my_account_links .my_account_box { border: 1px solid #ddd; border-radius: 4px; padding: 12px 15px; height: 100%;} .my_account_links h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; } .my_account_links .link_section {} .my_account_links .link_section a { display: block; padding: 5px 0;} .my_account_links .morebutton { text-align: center; padding-top: 25px;} .my_account_links .morebutton a { margin:0 0 10px;} .myaccount_sidebar { margin-bottom: 30px; } .myaccount_sidebar .block { background: #253746;} .myaccount_sidebar .block h4.title { background: #394a59; color: #fff; padding: 12px 15px 12px 40px; margin:0px; position: relative; cursor: pointer;} .myaccount_sidebar .block h4.title::after { display: block; position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 1.9rem; content: '\f196'; top: 50%; left: 12px; margin-top: -11px; height: 24px; line-height: 24px; } .myaccount_sidebar .block.active h4.title::after { content: '\f147';} .myaccount_sidebar .block ul { margin:0px; list-style: none; padding: 0px 0; color: #fff; height:auto; max-height: 0px; overflow: hidden;} .myaccount_sidebar .block.active ul { max-height: 2000px; padding: 5px 0 ; transition: max-height 2s linear, padding 0.2s linear;} .myaccount_sidebar .block ul li { display:block; margin: 0px; padding: 6px 15px;} /* ----- My Account - Dispatch ( System Forms ) ---- */ #myaccount_form > div { text-align: left; width: 100%;} .myaccountForm > table, .freedomAdminForm > table { width: 100%;} .myaccountForm > table td, .freedomAdminForm > table td { vertical-align: top;} .myaccountForm > table td:first-child, .freedomAdminForm > table td:first-child { padding-top: 14px; padding-right: 12px;} .myaccountForm > table table, table.freedomTable { width: 100%; border: 1px solid #ccc; background: #f8f8f8; margin:0px; border-spacing: 0px; border-collapse: collapse;} .myaccountForm > table table td, table.freedomTable td, table.freedomTable th { vertical-align: middle; padding: 8px 12px;} .myaccountForm > table table thead td, table.freedomTable thead th { background: #ccc; color: #000;} .myaccountForm > table table thead td *, table.freedomTable thead th * { color: #000;} .myaccountForm > table table thead td:first-child, table.freedomTable thead th:first-child { text-align: left;} table.freedomTable thead th.sort img { display:none;} table.freedomTable thead th.sort::after { position: relative; padding-left: 3px; display: inline-block; font-family: 'FontAwesome'; content: '\f0d7'} .editorLabel {display: inline-block; padding-bottom: 15px;} .myaccountDetail table { color: #444;} .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; } .myaccountDetail .formtextRequired label { font-weight: bold ;} .formButtons {padding-top: 15px;} select.filterCombo { width: 200px;} .img_box_container { width: 100%; background: #eee; padding: 3px ; line-height: 38px; } .img_box_container img { display: inline-block; } .img_box_container { text-align: left;} .img_box_container * { vertical-align: middle !important; text-align: center;} .img_box_container .imageBox { border: 4px solid #fff; background: #f8f8f8; display: inline-block; width: auto; margin: 8px; padding: 12px;} .img_box_container input {margin-right: 5px;} .myaccountMessage { display:block; padding: 18px; border: 2px dashed #777; background: #ddd; color: #000; font-size: 1.6rem; line-height:22px; text-align:center; margin-bottom: 18px;} .myaccountMessage.positive::before { position: relative; padding-right: 6px; font-size: 1.8rem; display: inline-block; font-family: 'FontAwesome';} .myaccountMessage.positive { background: #ECF6A6; border-color: #9cb111; } .myaccountMessage.positive::before { content: '\f046'; color: #9cb111; top: 1px;} .myaccountMessage.negative { background: #EFADAD; border-color: #BF2525;} .myaccountMessage.negative::before { content: '\f057'; color: #BF2525;} .myaccountMessage.alert { background: #FFD702; border-color: #000; } .myaccountMessage.alert::before { content: '\f071'; color: #000; } .myaccountLister {} .myaccountListerBack {} /* ModuleEnd::membership */ /* ModuleBegin::forms */ .formFieldWrapper { margin-bottom: 15px;} .formFieldWrapper label.formLabel { display:block;font-weight: 500; font-size: 1.4rem;} label.formLabel.primaryLabel.formAlign_split { margin-bottom: 12px;} .formFieldWrapper .flex_item label.formLabel {font-size: 1.5rem; font-weight: normal;} .formFieldWrapper .formField { } .formLabel.formAlign_align { } .formField.formAlign_align { } .formLabel.formAlign_split, .formField.formAlign_split { } label.formLabel.formAlign_none, .formField.formAlign_none { display: inline-block; vertical-align: middle;} .formLabel.formAlign_none:not(.checkRadioLabel) {margin-right: 30px;} .formLabel.formAlign_none.checkRadioLabel {margin-left: 10px;} .formField.formAlign_none input:not([type='radio']):not([type='checkbox']), .formField.formAlign_none textarea, .formField.formAlign_none select { vertical-align: middle; width: 250px; max-width: 100%;} .formButtonWrapper {text-align:center;} .formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width: auto; } /* basic calendar popup css */ .ui-datepicker { background-color: #fff; border: 1px solid #999; border-radius: 4px; display: none; margin-top: 4px; padding: 10px; width: 240px; } .ui-datepicker .ui-datepicker-header { text-align: center; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 2px 0; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-today { background-color: #f2f2f2; } .ui-datepicker .ui-datepicker-current-day a { color: #000; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } /* ModuleEnd::forms */ /* ModuleBegin::documents */ .documentsListWrapper { } .documentsListWrapper table { border: 1px solid #ccc; } .documentsRowOdd { } .documentsRowEven { background: #ccc; } .documentsListWrapper th {border-bottom: 1px solid #ccc; } .documentsListWrapper td {padding: 3px;} .documentsName { } .documentsDate { } .documentsSize { } /* ModuleEnd::documents */ .formSubmitRow {padding-top: 20px; text-align:center;} /* Legacy Code! */ /* ----------------- General & Resets ----------------- */ #zoombox { z-index: 9400; } #zoombox .zoombox_mask { z-index: 9500; } #zoombox .zoombox_container {z-index: 9999;} .collapsible_header { font-size:19px; cursor: pointer;margin:0; background: #55C9E8; padding: 16px 20px; color: #fff; border-bottom:1px solid #fff;} .collapsible_header span.fa { padding-right: 20px; font-size: 15px;} .collapsible_content { border-bottom:1px solid #fff;font-size: 15px;margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; background:#F0F9FB; margin:0;padding: 10px 20px;} .indicators .collapsible_content { padding: 0 0 2px;} .indicator_table { width: 100%; padding:40px 0px 30px; margin:0px; border:0px;} .indicator_table td { width: 16.66667%; text-align:center; vertical-align:top; padding: 0px 0; border: 0px; border-left: 1px solid #6FC049; position: relative;} .indicator_table td:first-child, .indicator_table td.item5, .indicator_table td.item6 { border-left: 0px !important; } .indicator_table td.item5:after { content: " "; position: absolute; top: -25%; bottom: -25%; width: 400%; left:0px; opacity: 0.2; z-index: 2;} .indicator_table td .statinner { padding: 10px 14px 0; position: relative; z-index: 3; } .indicator_table td .right_section { z-index: 3; position: absolute; left:0px; width: 200%; text-align:center; font-weight: bold; font-size: 18px; text-transform: uppercase; line-height: 45px; top: -40px;} td.tablestat { color: #253746; text-align: left;} td.tablestat.newstat { } td.tablestat .desc { font-weight: bold; font-size: 16px; } td.tablestat .stat { font-size: 34px; font-weight: bold; padding: 10px 0;} td.tablestat .trend { font-size: 15px; font-weight: bold; } td.tablestat .rank { font-size: 15px; font-weight: bold;vertical-align:middle; line-height: 20px; } td.tablestat img { vertical-align:middle; position: relative; top: -2px;} .collapsible_header.headercolor1, .collapsible_header.headercolor9, .indicator_table.headercolor1 td.item5:after, .indicator_table.headercolor9 td.item5:after { background: #6FC049;} .collapsible_header.headercolor2, .collapsible_header.headercolor10, .indicator_table.headercolor2 td.item5:after, .indicator_table.headercolor10 td.item5:after { background: #007DBB;} .collapsible_header.headercolor3, .collapsible_header.headercolor11, .indicator_table.headercolor3 td.item5:after, .indicator_table.headercolor11 td.item5:after { background: #61c2d6;} .collapsible_header.headercolor4, .collapsible_header.headercolor12, .indicator_table.headercolor4 td.item5:after, .indicator_table.headercolor12 td.item5:after { background: #98579b;} .collapsible_header.headercolor5, .collapsible_header.headercolor13, .indicator_table.headercolor5 td.item5:after, .indicator_table.headercolor13 td.item5:after { background: #e58426;} .collapsible_header.headercolor6, .collapsible_header.headercolor14, .indicator_table.headercolor6 td.item5:after, .indicator_table.headercolor14 td.item5:after { background: #db3762;} .collapsible_header.headercolor7, .collapsible_header.headercolor15, .indicator_table.headercolor7 td.item5:after, .indicator_table.headercolor15 td.item5:after { background: #61c2d6;} .collapsible_header.headercolor8, .collapsible_header.headercolor16, .indicator_table.headercolor8 td.item5:after, .indicator_table.headercolor16 td.item5:after { background: #f5d258;} .indicator_table.headercolor1, .indicator_table.headercolor9 { background: #f2f3da;} .indicator_table.headercolor1 td, .indicator_table.headercolor9 td { border-left: 1px solid #6FC049; } .indicator_table.headercolor2, .indicator_table.headercolor10 { background: #dae8ef;} .indicator_table.headercolor2 td, .indicator_table.headercolor10 td { border-left: 1px solid #007DBB; } .indicator_table.headercolor3, .indicator_table.headercolor11 { background: #d5edf2;} .indicator_table.headercolor3 td, .indicator_table.headercolor11 td { border-left: 1px solid #61c2d6; } .indicator_table.headercolor4, .indicator_table.headercolor12 { background: #edd9ee;} .indicator_table.headercolor4 td, .indicator_table.headercolor12 td { border-left: 1px solid #98579b; } .indicator_table.headercolor5, .indicator_table.headercolor13 { background: #f0e1d2;} .indicator_table.headercolor5 td, .indicator_table.headercolor13 td { border-left: 1px solid #e58426; } .indicator_table.headercolor6, .indicator_table.headercolor14 { background: #eccfd7;} .indicator_table.headercolor6 td, .indicator_table.headercolor14 td { border-left: 1px solid #db3762; } .indicator_table.headercolor7, .indicator_table.headercolor15 { background: #d5edf2;} .indicator_table.headercolor7 td, .indicator_table.headercolor15 td { border-left: 1px solid #61c2d6; } .indicator_table.headercolor8, .indicator_table.headercolor16 { background: #eee5c7;} .indicator_table.headercolor8 td, .indicator_table.headercolor16 td { border-left: 1px solid #f5d258; } .indicator_table_2019.headercolor1, .indicator_table_2019.headercolor9 { background:#b4bd35; } .indicator_table_2019.headercolor2, .indicator_table_2019.headercolor10 { background:#af9531; } .indicator_table_2019.headercolor3, .indicator_table_2019.headercolor11 { background:#0067a1; } .indicator_table_2019.headercolor4, .indicator_table_2019.headercolor12 { background:#964e98; } .indicator_table_2019.headercolor5, .indicator_table_2019.headercolor13 { background:#be5227; } .indicator_table_2019.headercolor6, .indicator_table_2019.headercolor14 { background:#41bad1; } .indicator_table_2019.headercolor7, .indicator_table_2019.headercolor15 { background:#628a3c; } .indicator_table_2019.headercolor8, .indicator_table_2019.headercolor16 { background:#002060; } .collapsible_header.indicator_table_2019+.collapsible_content { padding:0; } table.indicator_table_2019.headercolor1, table.indicator_table_2019.headercolor9 { background:#F5F3E3; } table.indicator_table_2019.headercolor2, table.indicator_table_2019.headercolor10 { background:#F2EDE1; } table.indicator_table_2019.headercolor3, table.indicator_table_2019.headercolor11 { background:#E2E6EF; } table.indicator_table_2019.headercolor4, table.indicator_table_2019.headercolor12 { background:#EFE7F0; } table.indicator_table_2019.headercolor5, table.indicator_table_2019.headercolor13 { background:#F3E6DC; } table.indicator_table_2019.headercolor6, table.indicator_table_2019.headercolor14 { background:#ECF6F8; } table.indicator_table_2019.headercolor7, table.indicator_table_2019.headercolor15 { background:#E9EAE1; } table.indicator_table_2019.headercolor8, table.indicator_table_2019.headercolor16 { background:#DEE3F0; } .indicator_table_2019 td.item5::after { content: ''; position:absolute; top:-50%; bottom:-50%; width:400%; left:0; opacity:1; z-index:2; } .indicator_table_2019.headercolor1 td.item5::after, .indicator_table_2019.headercolor9 td.item5::after { background:#D7D893; } .indicator_table_2019.headercolor2 td.item5::after, .indicator_table_2019.headercolor10 td.item5::after { background:#D3C187; } .indicator_table_2019.headercolor3 td.item5::after, .indicator_table_2019.headercolor11 td.item5::after { background:#88A2C7; } .indicator_table_2019.headercolor4 td.item5::after, .indicator_table_2019.headercolor12 td.item5::after { background:#C29DC3; } .indicator_table_2019.headercolor5 td.item5::after, .indicator_table_2019.headercolor13 td.item5::after { background:#D99E7A; } .indicator_table_2019.headercolor6 td.item5::after, .indicator_table_2019.headercolor14 td.item5::after { background:#A9D7E5; } .indicator_table_2019.headercolor7 td.item5::after, .indicator_table_2019.headercolor15 td.item5::after { background:#A9B88E; } .indicator_table_2019.headercolor8 td.item5::after, .indicator_table_2019.headercolor16 td.item5::after { background:#DEE3F0; content:none;} .indicator_table_2019.headercolor8 td.item5, .indicator_table_2019.headercolor16 td.item5 { border-left: 1px solid currentColor !important; } .indicator_table_2019.headercolor1 td, .indicator_table_2019.headercolor9 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor2 td, .indicator_table_2019.headercolor10 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor3 td, .indicator_table_2019.headercolor11 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor4 td, .indicator_table_2019.headercolor12 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor5 td, .indicator_table_2019.headercolor13 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor6 td, .indicator_table_2019.headercolor14 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor7 td, .indicator_table_2019.headercolor15 td { border-left: 1px solid currentColor; } .indicator_table_2019.headercolor8 td, .indicator_table_2019.headercolor16 td { border-left: 1px solid currentColor; } .linklist a { display:block; line-height: 32px; color: #6FC049; } .clear {clear:both;} .clear.smallClear { height:1px; overflow: hidden;} .clearleft {clear:left;} .block_section { display:block; position: relative; padding: 20px 0 40px; } .block_section:after { clear:both; content: ''; position: absolute; left: -100%; right: -100%; background: #f2f2f2; top:0px; bottom:0px; z-index: -1;} .block_section.greenbg:after { background: #F2FCF4; } .block_section.last {bottom:-50px;} img.section_bottom { position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%);} img.section_bottom.triangle { bottom: -21px; } .inline_youtube { max-width: 800px; width: 100%; margin: 45px auto; } .inline_youtube iframe { width: 100% !important; height: 480px !Important;} .data_table { border-spacing:0; border-collapse: collapse; margin: 20px 0 20px; padding:0; width: 100%; font-size: 16px; } .data_table td, .data_table th { background: #fff; border: 2px solid #e2e2e2; width: 15%; padding: 10px; text-align:center; } .data_table td:first-child, .data_table th:first-child { text-align:left; width: 33%;} .data_table tr.data_table_head td, .data_table tr.data_table_head th { background: #55C9E8; color: #fff; border-color: #55C9E8; font-weight: bold; } .data_table tr.data_table_head.style2 td { background: #007bb9; color: #fff; border-color: #007bb9; font-weight: bold; } .photoLeft { float: left; margin: 0 45px 55px 0; } .photoRight { float: right; margin: 0 0 45px 55px; } /* -- Header Styles -- */ /* Home Page ------------------------------ */ /* Interior Styles ------------------------------- */ #interior_bottom1 { padding: 40px 0; color: #fff;} #interior_bottom1 h1 { width: 100%; max-width: 380px; color: #fff; margin:0px; padding: 0 0 13px;} h2 sub {font-size: 18px; vertical-align: baseline;} a.quicklink { display:block; float:left; width: 25%; margin-left: 12.5%; color: #fff;} a.quicklink.link1 { margin-left:0px;} a.quicklink .ql_name {display:block; font-size: 18px; text-transform: uppercase; padding: 0 30px 25px 0; line-height: 25px; letter-spacing: -0.2px; font-weight: bold; background: transparent url('graphics/msp2019/chevron.svg') right top no-repeat; background-size: 20px 20px;} a.quicklink .ql_desc {display:block; font-size: 16px; padding: 0 0 20px;} a.quicklink .ql_cta {display:block; color: #6FC049; font-size: 14px; text-transform: uppercase; letter-spacing: -0.2px; font-weight: bold; } .interior_section_split {} .interior_section_split_left { float:left; width: 50%; height: 320px; background: #55C9E8 url('graphics/redesign/texture_line.png') left top repeat;} .interior_section_split_right { float: right; width: 50%; height: 320px; background: #6FC049 url('graphics/redesign/texture_line.png') left top repeat; } .interior_section_split .outer { position: relative; top:0; left:0; width: 100%; max-width: 590px; height: 100%; display: table; margin: 0; padding: 0; vertical-align: middle; text-align:center;} .interior_section_split_left .outer { float: right;} .interior_section_split_right .outer { float: left; } .interior_section_split .inner { position: relative; vertical-align: middle; padding: 0 8% 50px;} .interior_section_split h1 { color: #fff; text-align:center; margin: 0; padding: 30px 0 15px; } .interior_section_split p { color: #fff; margin: 0px 0 25px;} .interior_section_split .morebutton { margin: 0 20px;} .interior_section_split.contact .interior_section_split_left, .interior_section_split.contact .interior_section_split_right { height: 625px; } .interior_section_split.contact .interior_section_split_right { background: #3facc2; } .interior_section_split.contact .outer { text-align: left; display: block;} .interior_section_split.contact .inner { display:block; margin: 15px auto; width: 95%; max-width: 425px;} .interior_section_split.contact h1 {font-size: 24px; text-align:left;} .interior_section_split.contact h3 { color: #fff;} .interior_section_split.contact a.not(.button) { color: #dadc56 ;} .interior_section_split.contact form {} .interior_section_split.contact form td input, .interior_section_split.contact form td textarea { margin: 0 0 30px; box-sizing: border-box; border:0px; outline:0px; border-radius:0px; background: #3facc2; color; #fff; width: 100%; max-width: 425px; padding: 10px 20px; height: 50px; line-height: 30px;} .interior_section_split.contact form td textarea { height: 90px;} .interior_section_split.contact form td input::-webkit-input-placeholder { color:#218498;} .interior_section_split.contact form td input:-ms-input-placeholder { color:#218498;} .interior_section_split.contact form td input:-moz-placeholder { color: #218498; opacity: 1; } .interior_section_split.contact form td input::-moz-placeholder { color: #218498; opacity: 1; } .interior_section_split.contact form td textarea::-webkit-input-placeholder { color:#218498;} .interior_section_split.contact form td textarea:-ms-input-placeholder { color:#218498;} .interior_section_split.contact form td textarea:-moz-placeholder { color: #218498; opacity: 1; } .interior_section_split.contact form td textarea::-moz-placeholder { color: #218498; opacity: 1; } .interior_section_split.contact form div { padding:0px !important;} .interior_section_split .outer.state { background: transparent url('graphics/redesign/state_bg_white.png') left top no-repeat; background-size: auto 100%; } #interior_bottom_links {position: relative; overflow:hidden; } #interior_bottom_links .wrapper { min-height: 200px;} #ibl_bg_left { z-index: 5; position: absolute; width: 50%; top:0px; left:0px; height: 100%; background: #6FC049 url('graphics/redesign/texture_line.png') left top repeat;} #ibl_bg_middle { z-index: 6; position: absolute; right: 25%; top:0; left:25%; height: 100%;} #ibl_bg_middle .outer { position: absolute; left: 24%; right: 24%; bottom: -50%; top: -50%; -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); transform: rotate(20deg);overflow:hidden; } #ibl_bg_middle .inner {position: absolute; left: -50%; right: -50%; bottom: -50%; top: -50%;-ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); background: #007DBB url('graphics/redesign/texture_line.png') left top repeat; } #ibl_bg_right { z-index: 5; position: absolute; width: 50%; top:0px; right:0px; height: 100%; background: #55C9E8 url('graphics/redesign/texture_line.png') left top repeat;} .ibl { z-index: 10; position: relative; text-align:center; color: #fff; width: 33.3333%; float:left; padding: 70px 0;} .ibl2 { width: 25.333%; padding-left: 4%; padding-right: 4%; } .ibl .box_stats { border:0px; padding:0px; } .ibl .box_number {text-align:left; vertical-align:middle; font-weight: 900; font-size: 62px; padding: 0 10px 0 0;} .ibl .box_description {text-align:left; vertical-align:middle; padding:0px; font-size: 18px; font-weight: 700;} .ibl a.morebutton { margin-right: 0px;} .content_split_left, .content_split_right { width: 45%; float:left; padding: 10px; box-sizing: border-box; font-size: 22px;} .content_split_right { float:right; } .content_split_left ul, .content_split_right ul {} .content_split_left li, .content_split_right li {} .content_split_left li a, .content_split_right li a { color: #6FC049;} .content_split_four { width: 25%; float:left; padding: 10px; box-sizing: border-box; font-size: 22px;} #infographics { } #infographic_main_items { padding: 45px 0 0;} #infographic_main_items .wrapper { max-width:1600px; vertical-align: middle; text-align:center;} #infographic_main_items .statitem { display: inline-block; vertical-align: top; width: 33.00%; /*min-height: 280px;*/ margin-bottom: 60px; text-align:center; } #infographic_main_items .statitem .inner { width: 95%; max-width: 300px; margin: 0 auto;} #infographics .box_stats { text-align:left;} #infographics .box_number { font-size: 60px; font-weight: bold; color: #89ccda; padding: 0 5px 0 0;} #infographics .box_description {} #infographics .box_stats .line1 { color: #3a3431; text-align:left; font-size: 17px;} #infographics .box_stats .line2 { color: #3a3431; font-size: 34px;} .interior_section_split .line1, .interior_section_split .line2, .interior_section_split .box_number { color: #fff !important;} #infographics .statitem.icon { text-align:center;} #infographics .statitem.icon img { width: auto; height: 40px;} #infographics .statitem.icon .line1 {color: #3a3431; font-size: 17px; /* font-weight: bold; */} #infographics .statitem.icon .stat { color: #89ccda; font-size: 34px; } #infographics .statitem.icon .line2 { font-size: 17px;color: #3a3431; /* font-weight: bold; */} #infographics a.morebutton { margin: 18px 0 0; } #infographics a {color:#fff; } #infographics p { margin:0px !important;} #resource_directory {} #resource_search { background: #1b3667; color: #fff; padding: 23px 0;} #resource_search .wrapper { line-height: 42px; vertical-align:middle;} #resource_search h1 { color: #fff; padding:0px; margin: 0px 17px 0 0; line-height: 42px; display: inline-block; vertical-align:middle;} #resource_search .pseudoselect { color: #000; background: #fff; display:inline-block; height: 42px; line-height: 42px; padding: 0 50px 0 20px; width: 215px; margin-right: 17px; vertical-align:middle; position: relative; z-index: 100;} #resource_search .pseudoselect span.fa { cursor: pointer; background: #033e5c; position: absolute; top:0px; right:0px; height: 42px; line-height: 42px; width: 42px; vertical-align:middle; text-align:center; font-size: 30px; color: #fff;} #resource_search .pseudoselect .label { display:block; width: 100%; height: 42px; overflow: hidden;} #resource_search .alpha_button { cursor: pointer; background: #033e5c; display:inline-block; height: 42px; line-height: 42px; width: 42px; vertical-align:middle; text-align:center; font-size: 20px;} #resource_search .pseudooptions { display:none; position: absolute; top: 42px; left:0px; right:0px; overflow: scroll; height: 150px; background: #ddd; border: 2px solid #007DBB;} #resource_search .pseudooption { padding: 5px 15px; width: 210px; line-height: 25px; cursor: pointer;} #resource_search .pseudooption:hover { background: #007DBB; color: #fff; } #resource_list { font-size: 16px; padding-bottom: 35px;} #resource_list h2 { padding: 30px 0 0; margin: 0; color: #000;} #resource_list .cat_desc { padding: 9px 0; margin-bottom: 5px; border-bottom: 1px solid #777;} #resource_list a.resource { color: #6ebe49; display: block; padding: 7px 0; line-height: 20px; font-weight:bold;} #resource_list #alpha_list { padding: 25px 0; } body.county_map #content { padding-bottom: 0px;} #county_map { background: #fff; border-top: 8px solid #007DBB; border-bottom: 8px solid #007DBB; height: 630px; position: relative;} #county_map .wrapper { height: 100%;} #county_map #navanchorframe { position: absolute; width: 330px; top:0px; bottom: 0px; left:0px;} #county_map #countyContent{ position: absolute; top:0px; bottom: 0px; left: 345px; right:0px;} #countyContent img.photoRight {margin: 30px 0 40px 0; width: 400px; height: auto;} #county_map {} #image_map_box {display:none;float:left; width:100%;} #switcher {background: url(graphics/design/listing_indicator.png) no-repeat -65px 100%; height: 60px;width: 200px;margin-bottom: 10px;margin-top: 25px;} #listing {height: 30px;width: 50px; margin-right:5px;background: url(graphics/design/list_select.png) no-repeat 50% 0; float:left;margin-left: 60px; cursor: pointer;} #mapview {height: 30px;width: 50px; margin-right:5px;background: url(graphics/design/small_map.png) no-repeat 50% 0; float:left; cursor: pointer;} #switcher div:hover, #switcher div.active {background-position: 50% 100%;} ul#nav_anchor, ul#nav_anchor li, ul#nav_anchor a { display: block; padding:0px; margin:0px; list-style-type:none;} ul#nav_anchor li { float:left; width: 50%; } ul#nav_anchor a { padding: 6px 10px; margin-right: 10px; font-size: 20px; font-weight:bold; text-transform:uppercase; color: #55C9E8; } ul#nav_anchor a.active { color: #fff; background: #55C9E8;} .county_desc { position: absolute; top:30px; left:0; right:410px; bottom:0; /* overflow: scroll; */opacity: 0; padding: 0px 30px; z-index: 5;} .county_desc.active { opacity: 1; transition: opacity 0.3s ease; z-index: 10; } .county_desc h1 { color: #3e3e3e;} @media screen and (max-width: 1024px) { #county_map {min-height: 850px; display: flex; justify-content: center;} #county_map #navanchorframe {position: relative; width: 90%; z-index: 99; } #county_map #countyContent {position: relative; left: auto;} .county_desc {position: relative} .county_desc.active {position: absolute; top: 10%;} } @media screen and (max-width: 798px) { #county_map {min-height: 1150px;} #countyContent img.photoRight {position: absolute; top: 16%; left: 20%; width: 80%;} .county_desc.active {width: 85%;} } /* ----------------- Menus ----------------- */ /* ---------------General Module Styles--------------- */ .itemCount { } .itemList { clear: both; } .itemList:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .itemList h2 a { text-decoration: none; } .itemList h2 a:hover { text-decoration: underline; } .itemList span { display: block; } .itemLabel { font-weight: bold; } .itemList span.itemLabel { display: inline; } .bottomNavigation { clear: both; } .goBack { } .errorMessage{ font-weight:bold; color:#f00; } /* End General Module Styles */ /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#333; } .pagination .prevnextCurrent {background:#ccc; color:#333; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* Send Page Styles */ .sendpage { clear:both; } .sendpageBody div, .sendpageBody td { padding: 2px 0px; } /* End Send Page Styles */ /* ModuleBegin::gendocs */ .webpageWrapper {} /* ModuleEnd::gendocs */ /* ModuleBegin::news */ .newsWrapper .headline { font-weight: bold; } .newsWrapper .publish, .newsWrapper .author, .newsWrapper .copyright { padding-bottom: 10px; font-weight: bold; color: #6FC049; } .newsWrapper .blurb { } .newsWrapper .content { } .newsWrapper .newsitem { padding-bottom: 1em; } .newsWrapper .copyright { padding: 1em 0em;font-size: smaller; } .newsWrapper { padding: 0 0 40px; } .newsWrapper, #content .newsWrapper h1, #content .newsWrapper h2, #content .newsWrapper h3, #content .newsWrapper h4, #content .newsWrapper h5, #content .newsWrapper h6 { text-align:left; } .newsWrapper .photoRight { border-radius: 10px; margin-top: 20px; width: auto; max-width: 350px; height: auto !important;} /* ModuleEnd::news */ /* ModuleBegin::broadcastemail */ .enewsWrapper {position:relative;margin-top: 20px;} .enewsWrapper div { } .enewsWrapper span { display: inline; position:absolute;left: 6px;top:14px;line-height:24px;font-size:14px;} span.enewslabel2 {top: 52px;} .enewsText { } .enewsEmail { } .enewsboxesWrapper {position:relative;} .enewsboxes input {width: 252px; height: 24px; box-shadow:inset 0 0 10px #666;border:0;margin-top: 14px;text-indent: 55px;} .enewsWrapper input.blue-action-button {border:0;margin-top: 15px;} /* ModuleEnd::broadcastemail */ /* ModuleBegin::membership */ #formLogin { margin:0 auto 70px; border: 1px solid #ccc; padding: 20px; width:320px; } .membershipLoginWrapper { } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } .myaccountListerBack { text-align:center;width:100%;padding-top:10px; } /* ModuleEnd::membership */ /* ModuleBegin::blog */ /********************** ***************************** *********************** GENERAL MODULE STYLES ***************************** *********************** ****************************/ .moduleDetail {} .moduleLister {} div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); text-align:left;} div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #content .moduleLister h1, #content .moduleLister h2, #content .moduleLister h3, #content .moduleLister h4, #content .moduleLister h5, #content .moduleLister h6 { text-align:left; margin:0px; padding:0px; line-height: 1.5em; } .filter {float:right;} .imageLink {float:left;} .tags {clear: both; display:flex;margin-bottom:5px;padding:8px 0 0; font-size: 13px; flex-flow: row nowrap; justify-content: flex-start; } .clearFiltersJS { display: none; width: 130px; } .zoombox_content { background: #fff; padding: 20px 25px; box-sizing: border-box; position: relative; height: 100%; overflow-y: scroll; overflow-x: hidden; } .zoombox_content h1, .zoombox_content h2, .zoombox_content h3, .zoombox_content h4, .zoombox_content h5, .zoombox_content h6 { text-align:left; margin:0px; padding:0px; line-height: 1.5em; } .listerItem .zoombox_content, .wrapper .zoombox_content, #mobile_menu .zoombox_content { display:none; } .moduleLister .thumbnail { width: 200px; float: left; margin-right: 20px; } .errorMessage{ font-weight:bold; color:#f00; } /******************************* ****************************************** ******************************** BLOG ****************************************** ******************************** *****************************************/ .blogModule {} .blogModule .info {font-size:smaller;} .blogModule .author {} .blogModule .date {} .blogModule .thumbnail img { width:350px; max-width:100%; } .blogModule .tags {} .blogModule .thumbnail {} .blogModule .posted {} .blogModule .photoRight {margin-bottom: 12px; margin-left: 20px;} /* --------------- Blog Lister ----------------- */ .blogModule.moduleLister .tags {margin-top: 8px; clear:both;} .blogModule.moduleLister {} .blogModule.moduleLister .info {margin-bottom: 20px;} .blogModule.moduleLister h2 { margin-bottom:5px; } .blogModule .listerItem {} .blogModule .blurb {} /* --------------- Blog Detail ----------------- */ .blogModule.moduleDetail {} .blogModule.moduleDetail .info {margin-bottom: 27px; text-align:left;} .blogModule.moduleDetail h1 { margin-bottom: 8px; } .blogModule.moduleDetail .fullText {} .blogModule.moduleDetail .tags {border-top: 1px solid #eee; margin-top: 8px;} /* --------------- Blog Archives ----------------- */ .blogModule .archiveMonth { padding-left:10px; } .blogModule .archiveYear { font-weight: bold; } /* --------------- Comments Module ----------------- */ #addcomment_section {} .commentsModule.moduleLister {clear:both;} .commentsModule.listerItem {} .commentsModule.moduleLister .private {} .commentsModule.moduleLister .info {} .commentsModule.moduleLister .date {} .commentsModule.moduleLister .author { font-size:smaller; font-style:italic; } .commentsModule.moduleLister .commentText {} .commentsWrapper { clear:both; } #addcomment_section input, #addcomment_section textarea, #addcomment_section select { outline: none; padding: 8px; margin:6px 0 6px 0px; border: 0; font-size: 14px; border: 1px solid #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -webkit-background-clip: padding-box; } #addcomment_section input, #addcomment_section textarea { width: 100%; } #addcomment_section input[type="checkbox"], #addcomment_section input[type="radio"] {width:auto; box-shadow:none;} input.button {margin-right:0;} #addcomment_section .formButtons a { display: block; float:left; cursor: pointer; background: #CFD665; color: #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 9px 14px 7px; margin: 10px 0; color: #333; font-family: 'TradeGothicW01-BoldCn20 675334', sans-serif; text-transform: uppercase; } #addcomment_section input#submit:hover { } /* ModuleEnd::blog */ /* ModuleBegin::jobs */ .jobsListWrapper { } .jobsDetailWrapper { } .jobsDetailWrapper span { display: block; } .jobsDetailWrapper span.itemLabel { display: inline; } .jobsJobCode { } .jobsCategory { } .jobsLocation { } .jobsKeywords { } .jobsDescription { } /* ModuleEnd::jobs */ /* ModuleBegin::newsfeed */ .newsfeedListWrapper { } .newsfeedNumber { } .newsfeedTitle { } .newsfeedSource { } .newsfeedDetailWrapper { } .newsfeedDetailWrapper .newsItem {border-bottom:1px solid #ccc; margin-bottom:10px;padding-bottom:10px;} .newsfeedDetailWrapper .newsItem img {margin:0 10px 0 0;} .newsfeedDetailWrapper .newsItem span {display:block;} .newsfeedDetailWrapper .newsItem .newsListHeadline {font-size:120%;} .newsfeedDetailWrapper .newsItem .newsListPublishline {font-size:90%;} /* ModuleEnd::newsfeed */ /* ModuleBegin::weather */ .highTempLabel, .lowTempLabel {font-weight:bold;} .highTemp {color:red;} .lowTemp {color:blue;} /* Weather Current */ .weatherCurrentWrapper .weatherDetail, .weatherCurrentWrapper .weatherLink { display: block; } .weatherDetail {padding: 5px 0px; } .weatherDetail a {text-decoration: none; color: #333;} .weatherDetail a:hover {text-decoration: underline; } .weatherCurrentWrapper .weatherImage { float: left; display:block; } .weatherCurrentWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 5px 0px 0px;} .weatherCurrentWrapper .highTempLabel, .weatherCurrentWrapper .lowTempLabel { margin-left:5px; display:block; } /* Weather List */ .weatherListWrapper { } .weatherListWrapper th, .weatherListWrapper td { padding: 5px; border-bottom: 1px solid #ccc; } /* Weather Detail */ .weatherDetailWrapper { } .weatherLocation { } .weatherDetailWrapper .itemList span { display: inline } .weatherDetailWrapper .weatherImage { float: left; display: block;} .weatherDetailWrapper .weatherImage img { border: 1px solid #ccc; padding: 2px; margin: 0px 10px 0px 0px;} .weatherDetailWrapper p { padding-top: 10px; } .weatherDetailWrapper .daypart { font-weight: bold; } /* ModuleEnd::weather */ /* ModuleBegin::faq */ #faqRoot { margin: 0 auto; padding: 0; } #faq .faqcontent { margin: 0 10px 0 15px; } #faq h2.faqopened, #faq h2.faqclosed { cursor: pointer; padding: 0 0 0 15px; margin-bottom: 0; } #faq h2.faqclosed:hover { color: #004469; } #faq h2.faqclosed { background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 5px; margin-bottom: 5px; } #faq h2.faqopened { background: transparent url(graphics/jquery/expanded.gif) no-repeat scroll 0 5px; } /* ModuleEnd::faq */ /* ModuleBegin::photo */ #photoWrapper {} .photoListItem { height: 160px; padding: 15px 0px; border-bottom: 1px solid #cccccc; clear: both; } .photoBorder { width: 200px; height: 150px; padding: 5px; margin: 0px 15px 0px 0px; border: 1px solid #cccccc; float: left;} .photoAlbumImage { width: 200px; height: 150px; background: transparent no-repeat 50% 50%; } .photoAlbumImage a { width: 200px; height: 150px; display: block; text-indent: -3000px; } #photoThumbWrapper {} #thumbPhotos { padding: 15px 0px 0px 0px; } #thumbPhotos ul { padding: 0; margin: 0; list-style: none; } #thumbPhotos li { width: 100px; height: 75px; padding: 5px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #cccccc; } #thumbPhotos a { width: 100px; height: 75px; display: block; text-indent: -3000px; background: transparent no-repeat 50% 50%; outline-style:none; outline-width:0; } /* Included to attach necessary jQuery Files - Edit jquery.lightbox-0.5.js file to change these image names or locations */ .includeLightBoxJs { background-image: url(graphics/jquery_scripts/jquery.lightbox-0.5.js);} .includeLightboxImg1 { background-image: url(graphics/jquery_scripts/images/lightbox-blank.gif);} .includeLightboxImg2 { background-image: url(graphics/jquery_scripts/images/lightbox-btn-close.gif);} .includeLightboxImg3 { background-image: url(graphics/jquery_scripts/images/lightbox-btn-next.gif);} .includeLightboxImg4 { background-image: url(graphics/jquery_scripts/images/lightbox-btn-prev.gif);} .includeLightboxImg5 { background-image: url(graphics/jquery_scripts/images/lightbox-ico-loading.gif);} /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; font-size: 14px; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } .eventBody {margin-top: 10px;} /* ModuleEnd::photo */ #socialmedia img {width:26px!important;height:26px!important;} .video_addthis { position: absolute; bottom: 4px; right: 137px; } /* ModuleBegin::documents */ .documentsListWrapper { } .documentsListWrapper table { border: 1px solid #ccc; padding: 3px; } .documentsRowOdd { } .documentsRowEven { background: #eee; } .documentsListWrapper th { padding: 3px 10px; border-bottom: 1px solid #ccc; } .documentsListWrapper td { padding: 3px 10px; } .documentsName { } .documentsDate { } .documentsSize { } /* ModuleEnd::documents */ /* ModuleBegin::leads */ .pcl-name { text-align:center; width:100%; font-weight:bold; } /* ModuleEnd::leads */ /* ModuleBegin::directory-investors */ .investorsModule.moduleLister .column { float:left; width:46%; margin: 1em 2%; } .investorsModule.moduleLister .listerItem { margin:0; padding:.5em; border-bottom: 0 none; } .investorsModule.moduleLister .listerItem.odd { background-color:#f0f0f0; } .investorsModule.moduleLister .listerItem.subItem { padding-left:2em; } /* ModuleEnd::directory-investors */ /* ModuleBegin::directory-custom_pages */ .custom_pagesModule.moduleDetail #rotator { margin-bottom:2em; } .custom_pagesModule.moduleDetail .pageHeading { margin-bottom:1em; padding:1em; background-color:#f5f5f5; text-align:center; } .custom_pagesModule.moduleDetail #content, .custom_pagesModule.moduleDetail #boxes { margin-bottom:2em; } .custom_pagesModule.moduleDetail.leftBoxes #content { float:right; width:66%; } .custom_pagesModule.moduleDetail.leftBoxes #boxes { float:left; width:30%; } .custom_pagesModule.moduleDetail.rightBoxes #content { float:left; width:65%; } .custom_pagesModule.moduleDetail.rightBoxes #boxes { float:right; width:30%; } .custom_pagesModule.moduleDetail .box { margin-bottom:1em; } .custom_pagesModule.moduleDetail .box h3 { color:inherit; } .custom_pagesModule.moduleDetail .box img { max-width:100%; } .custom_pagesModule.moduleDetail.bottomBoxes #boxes { margin: 1em 0; border-top: 1px solid #f5f5f5; padding-top:1em; } .custom_pagesModule.moduleDetail.bottomBoxes .box { float:left; margin-left:2%; margin-right:2%; width:21%; } .custom_pagesModule.moduleDetail #rotatorImages { display:none; } .custom_pagesModule.moduleDetail #rotator .slides { position:relative; z-index:1; width:100% !important; height:250px !important; overflow:hidden; } .custom_pagesModule.moduleDetail #rotator .slides:empty { height:auto !important; } .custom_pagesModule.moduleDetail #rotator .slides>* { display:block; width:100% !important; height:100% !important; color:#fff; text-decoration:none; } .custom_pagesModule.moduleDetail #rotator .slides img { width:100%; } .custom_pagesModule.moduleDetail #rotator .slideshowPrev, .custom_pagesModule.moduleDetail #rotator .slideshowNext { position:absolute; top:40%; z-index:2; width:40px; height:40px; cursor:pointer; font-family: FontAwesome; } .custom_pagesModule.moduleDetail #rotator .slideshowPrev { left:10px; } .custom_pagesModule.moduleDetail #rotator .slideshowNext { right:10px; } /* ModuleEnd::directory-custom_pages */ /* ---- Events Month at a Glance ---- */ #calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; float: left; } #calendarDetail table { width: 100%; table-layout: fixed; text-align: center; } #calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { color: #000; } #calendarDetail .calendarDays { table-layout: fixed; width:100%; border-collapse: collapse; min-height: 750px;} #calendarDetail .calendarDays td { background:none; border:1px solid #d2d2d2;vertical-align:top;padding-top:10px;} #calendarDetail .calendarDays th { border:1px solid #666; } #calendarDetail .calendarDays .calendarHead td {padding: 0;vertical-align: middle;} #calendarDetail .calendarDays .title { border: none; line-height: 55px; text-align:center; color:#55c7e7; font-weight: bold; font-size: 24px; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { border: none; line-height: 55px; color:#1a2732; font-weight: bold; font-size: 18px; } #calendarDetail .calendarDays .prevLink { text-align: left; } #calendarDetail .calendarDays .nextLink { text-align: right; } #calendarDetail .title a { font-size: small;} #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a { color: #1a2732; } #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays td a {display:inline-block;margin-top: 10px; } #calendarDetail .calendarDays .weekdays { height: 50px; line-height: 50px;background-color: #394a58; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: bold; } #calendarDetail .calendarDays .cal_day { background: #fff; vertical-align: top; text-align:left;} #calendarDetail .calendarDays .day_wrap { background: #00a3e3; color: #fff; padding: 0 8px; line-height: 24px; font-size: 13px; } .day_items { min-height: 175px; } .day_item { padding: 6px 8px; line-height: 16px; font-size: 13px; border-top: 1px solid #ddd;} .day_item:first-child { border-top: 0px; } .cal_marker { width: 10px; height: 10px; float:left; margin-right: 6px; position: relative; top: 3px; } /* Staff */ #content .staff_directoryModule h2 { color: #6FC049; } #content .staff_directoryModule h3 {margin: -4px 0 10px;} #content .staff_directoryModule h4 { color: #3d3935; margin: 10px 0 15px; } .staff_directoryModule.moduleLister .listerItem { padding: 15px 0 45px;} .staff_directoryModule .thumb { float:left; width: 240px; height: 260px; border-radius: 120px / 130px; margin: 0px 35px 0 0;} .staff_directoryModule.moduleDetail .thumb { float:right; width: 180px; height: 200px; border-radius: 90px / 100px; margin: 10px 0 18px 18px; } /* ---------------------------------------------------------- */ /* ------------------- New Page Redesigns ------------------- */ /* ---------------------------------------------------------- */ /* Global Styles ---------------------------------------------*/ body.designupdate1 .collapsible_header { padding: 16px 20px; font-size: 24px; font-weight: bold;} body.designupdate1 .collapsible_header span.fa { font-size: 22px;} .designupdate1 h1, .designupdate1 h2, .designupdate1 h3, .designupdate1 h4, .designupdate1 h5, .designupdate1 h6 { color: #00bfd7;} body.designupdate1 #bottom1 { display:none;} body.designupdate1 #interior_bottom1 { } body.designupdate1 #interior_bottom1 h1 { width: 50%; max-width: none; font-size: 24px; padding:0px; margin: 0px 0px 5px; } body.designupdate1 #interior_bottom1 p { margin: 0;} body.designupdate1 #interior_bottom1 .wrapper { max-width: 850px;} body.designupdate1 #interior_bottom1 a.morebutton { position: absolute; top: -8px;left: 50%; } body.designupdate1 #main_menu>ul>li>a { font-weight: bold; } body.designupdate1 #content_section_wrapper { width: 100%; max-width: none;} body.designupdate1 #content { padding:0px;} body.designupdate1 #content .wrapper { max-width: 1000px; } body.designupdate1 .webpageWrapper {padding-bottom: 0 !important;} body.designupdate1 .interior_section_split h1 { font-size: 24px; padding-top: 50px; color: #fff;} body.designupdate1 #content .interior_section_split h2 { color: #fff;} body.designupdate1 .interior_section_split p { color: #3d3935; font-size: 15px;} .designupdate1 a.morebutton { font-size: 15px;} .bottom_link_menu a { font-size: 18px; color: #56C8E7; display:block; box-sizing: border-box; padding: 7px 0 7px 10px; line-height: 25px; position: relative; transition: all 0.3s ease; left:0px;} .bottom_link_menu a:hover { left: 15px; color: #fff;} .bottom_link_menu.splitcolumns a{ float:left; clear:left; width: 49%;} .bottom_link_menu.splitcolumns a.right_link { float:right; clear: right;} .blackbox { background: #1b3667; color: #fff; padding: 65px 0 75px;} .blackbox::after {content: ' '; display: block; clear:both;} .quote_box { float: right; width: 250px; margin: 35px 0 35px 50px; padding: 10px 65px; height: 115px; border-left: 1px solid rgba(255,255,255,0.3); position: relative; color: ##56c8e7; } .quote_box.left { float:left; border-left:0px; border-right: 1px solid rgba(255,255,255,0.3); margin: 23px 50px 35px 0;} .quote_box .outer { display: table; position: relative; height: 100%; width: 100%; border-spacing: 0px; padding: 0px; } .quote_box .inner { display: table-cell; position: relative; height: 100%; width: 100%; border-spacing: 0px; padding: 0px; text-align:left; vertical-align: middle;} .quote_box h2 {padding-top:2em; } .quote_box img { margin: 0 auto 8px; display: block; } .quote_box a.inline_link { color: #fff !important; text-decoration: underline;} .white_box { background: #fff; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3) ; padding: 75px 40px; margin: 0 0 25px;} .white_box_quote { width: 29%; min-height: 290px; text-align: right; font-weight: bold;} .white_box_quote h3 {padding-top: 5px;} .white_box_quote.left { border-right: 1px solid #61c2d6; float:left; padding:0 4% 0 0; margin:0 4% 10px 0 ;} div.blue_box { padding: 35px 40px; min-height: 200px; background: #55c7e7 ; margin: 20px 0 35px; box-sizing: border-box; } div.blue_box.left_box { float:left; width: 48.5%;} div.blue_box.right_box { float:right; width: 48.5%; } div.blue_box.full_box { clear:both;} div.blue_box h3 { color: #fff; text-align:left !important; padding: 0px;} div.blue_box p { margin: 15px 0 !important;} ul.red_chevron_list, ul.blue_chevron_list, ul.green_chevron_list { display:block; padding: 0px; margin: 15px 0;} ul.red_chevron_list > li, ul.blue_chevron_list > li, ul.green_chevron_list > li { display:block; list-style-type: none; padding: 0 0 10px 20px; margin:0px; position: relative;} ul.red_chevron_list > li::after, ul.blue_chevron_list > li::after, ul.green_chevron_list > li::after { position: absolute; display:block; left:0px; top:0px; line-height:24px; color: #ccc; font-size: 24px; content: '>'; transform:scale(0.5,1); /* W3C */} ul.red_chevron_list > li::after { color: #1B3667; } ul.blue_chevron_list > li::after { color: #1B3667;} ul.green_chevron_list > li::after { color: #6ebe49;} .gray_box { padding: 80px 0; margin: 5px 0;background: #ebebeb url('graphics/redesign/state_bg_white.png') 25% bottom no-repeat; background-size: auto auto; clear: both;} .gray_box .wrapper {max-width: 1050px !important; font-size: 15px; color: #3d3935;} .gray_box .quote_box {float:left; width: 280px; height: 90px; box-sizing: border-box; padding: 0 35px 0 12px; margin: 0 50px 0 0; border-left:0px; border-right: 1px solid #0b222a; } .gray_box .quote_box .outer { } .gray_box .quote_box .inner { vertical-align: middle;} .gray_box .quote_box h3 {margin:0px; padding:0px; text-align: right !important; color: #3d3935;} .gray_box .wrapper > p {margin:0px ;} .gray_box .wrapper > div.clear { height:0px; overflow:hidden} .newpage_top {background-position: left 50%; background-repeat: no-repeat; font-size: 18px; padding-top: 40px;} .newpage_top h2 { margin-bottom: 10px; padding-top:2em; } .newpage_top p { line-height: 1.6em; margin: 0px; } .newpage_top .quote_box { padding:0px 30px; width: 310px; height: 180px; font-size: 18px; line-height: 24px;} .newpage_top a.morebutton { margin: 10px 0 0 0 ;; } .newpage_middle {} .newpage_middle { background: #fff; padding: 85px; position: relative;} .newpage_middle .wrapper { width: 100%; max-width: 960px;} .newpage_middle iframe { display:block; height: 550px; width: 100%;} .newpage_bottom { padding: 40px 0; } .newpage_bottom h3 { padding: 15px 0; margin: 0 0 0; } .newpage_bottom p:not(.collapsible_header) {margin: 0 0 25px;} .newpage_bottom p.collapsible_header { margin-bottom: 6px;} .newpage_bottom .tableauPlaceholder {width: 100%; max-width: 1000px; margin: 0 auto 40px; background: #fff; padding: 18px 25px; box-sizing: border-box; box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);} .newpage_bottom .tableauPlaceholder iframe {display:block; margin: 0 auto !important;} .gray_box_section {clear:both; margin:0px; padding:0px;} .transparency_box { background: rgba(85, 201, 232,0.8); box-sizing:border-box; padding: 50px; max-width: 980px; margin: 0 auto 14px;} .transparency_box::after {display:block; content: ''; height:0px; overflow: hidden; width: 100%; clear: both;} /* Home --------------------------------------------*/ body.designupdate1 #home_top { background: #fff url('graphics/redesign/home_news_bg.jpg') right 50% no-repeat; background-size:cover; padding: 100px 0;} body.designupdate1 #home_top h1 {display:none;} body.designupdate1 #news_slider { height: 235px;} body.designupdate1 .news_slide .news_slide_title { font-size: 32px; font-weight: bold;} body.designupdate1 .news_slide a.news_slide_image {border-radius: 0; height: 230px; width: 275px;} body.designupdate1 .news_slide .news_slide_caption { left: 415px;} body.designupdate1 #middle1_left, body.designupdate1 #middle1_right { height: 360px;} body.designupdate1 #middle1_left .outer, body.designupdate1 #middle1_right .outer { font-size: 20px; text-align:left;} body.designupdate1 #middle1_left h1, body.designupdate1 #middle1_right h1 { text-align:left;} body.designupdate1 #middle1_left .outer {} body.designupdate1 #middle1_left .inner { padding-left: 120px; padding-right: 40px;} body.designupdate1 #middle1_right .inner { padding-left: 80px;} body.designupdate1 #home_middle1 .morebutton { margin: 20px 0;} body.designupdate1 #home_middle2 h1 {margin: 0px; padding: 40px 0; font-weight: bold;} body.designupdate1 .key_industry_box .box_label a { text-transform: none; font-size: 22px;} body.designupdate1 .key_industry_box a.box_image:hover::after { content: ' '; position: absolute; left:0px; top:0px; right: 0px; bottom:0px; background: url('graphics/redesign/slanted_hover.png') 50% 50% no-repeat; background-size: cover;} body.designupdate1 .key_industry_box.box1 a.box_image:hover::after { background-image: url('graphics/redesign/slanted_hover_left_end.png');} body.designupdate1 .key_industry_box.box5 a.box_image:hover::after { background-image: url('graphics/redesign/slanted_hover_right_end.png');} #initiatives_2017.blackbox { background-color: #636363; background-image: url('graphics/redesign/large_arrow_bg.png'); background-position: 31% 50%; background-repeat: no-repeat; background-size: auto 100%; padding-bottom: 42px; } #initiatives_2017.blackbox .wrapper { max-width: 960px;} #initiatives_2017 .quote_box { float:left; width: 52%; height: 190px; position: relative; top: 15px; box-sizing: border-box; margin: 0 0 0 0; padding: 18px 35px 8px 0 ; border-left:0px; border-right: 1px solid #fff; color: #fff;} #initiatives_2017 .quote_box h1 { text-align: right; color: #fff; margin: 0; padding: 50px 0 15px;} #initiatives_2017 .quote_box h4 { text-align: right; margin: 0; padding: 0; } #initiatives_2017 #initiatives_menu { float:right; width: 45%; } body.designupdate1 #home_bottom1 { background-image: url('graphics/redesign/testimonials_2017.jpg'); background-position: 50% 20%; height: 580px; } body.designupdate1 #testimonials_cycle { height: 100% !important;} body.designupdate1 .testimonial_body { position: absolute; left: 0px; right: auto; top:0px; height: 100%; width: 100%} body.designupdate1 .testimonial_body .outer { display: table; width: 100%; position: relative; height: 100%; margin:0; padding:0; vertical-align:middle; } body.designupdate1 .testimonial_body .inner { display: table-cell; width: 100%; position: relative; height: 100%; margin:0; padding:0; vertical-align:middle; text-align:center; color: #fff; } body.designupdate1 .testimonial_quote {font-size: 65px; color: #3a3431; font-weight: bold; height: 40px; overflow: hidden;} body.designupdate1 .testimonial_body h1 { color: #fff; text-align:center; width: 100%; max-width: 800px; margin: 0 auto; font-weight: bold;} body.designupdate1 .testimonial_body .author { font-style: normal; font-size: 24px;} body.designupdate1 .testimonial_image_div {width: 140px; height: 140px; margin: 25px auto 15px; border: 10px solid #6FC049; border-radius: 100% 100%; } body.designupdate1 .interior_section_split.contact p { color: #fff; font-weight: bold; font-size: 15px;} body.designupdate1 .interior_section_split.contact .interior_section_split_left, body.designupdate1 .interior_section_split.contact .interior_section_split_right { height: 650px; } body.designupdate1 #interior_bottom1.quicklinks_lister .wrapper { max-width: 1100px;} .blog_signup {padding: 70px 0; margin-bottom: 10px; box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.15);} .blog_signup .wrapper { height: 50px;} .blog_signup h1 { float:left; display:block; font-size: 24px; height: 42px; line-height: 45px !important; margin: 0px; padding:0px; width: 185px; overflow:hidden;} .blog_signup form {display:block; margin-left: 185px;} .blog_signup form table, .blog_signup form tr, .blog_signup form tbody, body.designupdate1 .blog_signup form th, .blog_signup form td { display:block;} .blog_signup form table {width: 75%; float:left; margin:0px; padding:0px;} .blog_signup form td { float: left; width: 31.333%; margin:0px; padding: 0 2% 0 0;} .blog_signup form input {display:block; width: 100%; box-sizing: border-box; border: 1px solid #004e72; background: #fff; border-radius: 0px; padding: 0px 12px; line-height:42px; height: 42px; } .blog_signup form > div { float: left; width: 25%; max-width: 150px; padding: 3px 0px 0px !important;} .blog_signup form > div input[type="submit"] { display:block; text-align:left; width: 100%; max-width: 150px; box-sizing: border-box; padding: 0 12px; margin: 0 auto 0 0;} .blog_list { padding: 40px 0; margin: 0 0 8px; border-bottom: 1px solid #3d3935;} .blog_list a {color: #1B3667; } .blog_list .wrapper { max-width: 730px;} #resource_search { background: #1b3667; padding: 70px 0; text-align:center;} #resource_search h2 { color: #55c7e7; margin: 0 0 12px; padding:0px; text-align:center;} #resource_search p { color: #fff; font-size: 18px; margin: 0 0 35px; text-align:center; line-height: 1.5em;} #resource_search .pseudoselect span.fa { background: #55c7e7; color: #fff;} #resource_search .pseudoselect {font-size: 18px; text-align:left} #resource_search .alpha_button { display:none;} #resource_list .resource_left_column {width: 50%; box-sizing: border-box; overflow:hidden;float:left; padding-right: 1.5%;} #resource_list .resource_right_column {width: 50%; box-sizing: border-box; overflow:hidden;float:right; padding-left: 1.5%;} #resource_list .cat_container { } #resource_list .cat_container.leftside {} #resource_list .cat_container.rightside {} #resource_list.all_selected .resource_left_column, #resource_list.all_selected .resource_left_column {float:none !important; width: 100% !important; } #resource_list.all_selected .cat_container {padding: 20px;} #resource_list .clear { display:block !important;} #resource_extra_divs.interior_section_split .interior_section_split_left { background-color: #55c7e7;} #resource_extra_divs.interior_section_split .interior_section_split_right { background-color: #55c7e7;} #resource_extra_divs.interior_section_split .outer {text-align:left;} #resource_extra_divs.interior_section_split h1 { font-size: 30px; text-align:left;} #resource_extra_divs.interior_section_split p { font-size: 18px; text-align:left; color: #fff;} #resource_extra_divs.interior_section_split a.morebutton { font-size:15px; margin-left:0px !important; padding-right: 60px; } #content .staff_directoryModule.moduleLister {padding: 60px 0;} #content .staff_directoryModule.moduleLister .wrapper {} #county_map { border-bottom:0px; border-top:0px;} /* Affordable Utilities --------------------------------------*/ #affordable_utilities_top { background-image: url('graphics/redesign/plug.png'); background-position: left 50%; background-repeat: no-repeat; font-size: 18px; } #affordable_utilities_top h2 { margin-bottom: 7px; } #affordable_utilities_top p { line-height: 1.8em; margin: 0px; } #affordable_utilities_middle { background: url('graphics/redesign/au_middle.jpg') 50% 50% no-repeat; background-size: cover; } #affordable_utilities_middle {} .au_box { box-sizing: border-box; width: 50%; float: left; text-align:center;padding: 40px 0 20px; } .au_box.left { padding-right: 65px; } .au_box.right { padding-left: 65px; } .au_box img { } .au_box h3 { color: #fff; padding: 15px 0; margin:0px; text-align:center;} .au_box p { color: #3d3935; font-size: 15px; font-weight: bold;} #au_graphs { background: url('graphics/redesign/au_bottom1.jpg') 50% top no-repeat; background-size: 100% auto; } #au_graphs_inner { min-height: 700px; padding-bottom: 100px; background: url('graphics/redesign/au_bottom2.jpg') 50% bottom no-repeat; background-size: 100% auto; } #au_graphs_inner .wrapper {} .au_graphs_top { padding: 75px 0 40px;} .au_graphs_top h3 {} .au_graphs_top p { text-align:center;} .au_graphs_bottom { padding: 45px 0 20px;} .au_graphs_bottom h3 { text-align: left !important; margin: 0; padding: 15px 0 5px;} .au_graphs_bottom p { text-align:left; margin-top:0px;} .au_graphs_bottom .quote_box { padding:10px 0 0px; width: 300px; margin-right: 32px; } /* Business Retention & Expansion ( BRE ) --------------------------------------------*/ #bre_top { background-image: url('graphics/redesign/hands_large.png'); background-position: 46% 50%; background-size: auto 100%; } #bre_top2 { padding: 50px 0;} #bre_top2 .wrapper { max-width: 980px;} #bre_top2 img { display:block; max-width: 100%; height: auto ; margin: 0 auto;} #bre_middle { background: #ddd url('graphics/redesign/bre_bottom.jpg') 50% 50% no-repeat; background-size: cover; color: #fff; text-align:left; } #bre_middle h3 { padding:0px; margin-bottom: 10px;} #bre_middle p { line-height: 1.3em; margin: 0 0 0.6em;} #bre_middle .photoLeft {margin-right: 40px; margin-bottom: 30px;} #bre_bottom {box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.2)} #bre_resources {} #bre_resources > h3 { text-align:center !important; margin:0px; padding: 45px 0 35px; color: #3d3935;} #bre_resources .gray_box { padding:0px; height: 260px;} #bre_resources .gray_box .quote_box { width: 28%; padding-right: 3%; margin-top:80px;} #bre_resources .gray_box .quote_box h3 {text-transform: uppercase; max-width: 150px; margin: 0 0 0 auto;} #bre_resources .gray_box .wrapper > .split_right { width: 65%;} #bre_resources .gray_box .wrapper > .split_right .split_right p { line-height: 27px;} #bre_resources a.morebutton {margin: 0px 0 0;} .gray_box.resource1 { background-image: url('graphics/redesign/bre_iconbg_1.png');} .gray_box.resource1 .wrapper > .split_right { padding-top: 38px;} .gray_box.resource2 { background-image: url('graphics/redesign/bre_iconbg_2.png');background-position: 30% bottom;} .gray_box.resource2 .wrapper > .split_right { padding-top: 25px;} .gray_box.resource3 { background-image: url('graphics/redesign/bre_iconbg_3.png');} .gray_box.resource3 .wrapper > .split_right { padding-top: 10px;} .gray_box.resource3 .wrapper > .split_right .split_right { font-size: 14px;} #form_Bre_signup1 { height: 42px; border: 2px solid #c2c0bf; background: #fff; display:block; position: relative;} #form_Bre_signup1 input[type="text"] { display:block; height: 42px;line-height:40px; padding: 0px 12px; margin: 0px 90px 0 0; background: none; border-radius:0px; border:0px; outline:0px; color: #3d3935; font-weight: normal;} #form_Bre_signup1 input[type="text"]::-webkit-input-placeholder { color: #b0b0b0; font-style: italic; opacity: 1;} #form_Bre_signup1 input[type="text"]::-moz-placeholder { color: #b0b0b0; font-style: italic; opacity: 1;} #form_Bre_signup1 input[type="text"]:-ms-input-placeholder { color: #b0b0b0; font-style: italic; opacity: 1;} #form_Bre_signup1 input[type="text"]:-moz-placeholder { color: #b0b0b0; font-style: italic; opacity: 1;} #form_Bre_signup1 input[type="submit"]{ padding:0px; line-height:42px; height:42px; text-align:center; background: #3d3935; width: 100% !important; font-size:15px;} #form_Bre_signup1 > div { position: absolute; top:0px; right:0px; padding:0px !important; float: right; width: 80px;} /* Infrastructure --------------------------------------------*/ #infrastructure_top { padding: 65px 0; text-align:center;} #infrastructure_top .wrapper { max-width: 1050px !important;} #infrastructure_top h2 { margin: 0 0 5px; padding:0;} #infrastructure_top p { font-size: 18px; margin: 5px 0 0; text-align:center;} #infrastructure_boxes {} .inf_box {width: 33.3333%; float:left; position: relative;height: 645px; background: #1b3667;} .inf_box .overlay { position: absolute; z-index: 11; left:0; right:0; top:0; bottom: 0; transition: all 0.33s ease; opacity: 1;} .inf_box:hover .overlay { opacity: 0;} .inf_box.box1 .overlay { background: #55C9E8 url('graphics/redesign/texture_line.png') left top repeat; } .inf_box.box2 .overlay { background: #007DBB url('graphics/redesign/texture_line.png') left top repeat; } .inf_box.box3 .overlay { background: #6FC049 url('graphics/redesign/texture_line.png') left top repeat; } .inf_box .overlay .image { position: absolute; left:0; top:0; bottom: 0; right: 0; opacity: .1; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;} .inf_box .info_container { position: absolute; top:25px; bottom: 65px; left:0; right:0; z-index: 12;} .inf_box .outer { display: table; position: relative; height: 100%; width: 100%; border-spacing: 0px; padding: 0px; } .inf_box .inner { display: table-cell; position: relative; height: 100%; width: 100%; border-spacing: 0px; padding: 0px; text-align:left; vertical-align: middle;} .inf_box .info_container img { margin: 0 auto 15px; display:block;} .inf_box .info_container h4 { color: #fff; font-size: 24px; margin: 0 0 5px; padding: 0; text-align:center; transition: color 0.3s ease; } .inf_box:hover .info_container h4 { color: #6FC049;} .inf_box .info_container .desc {transition: opacity 0.3s ease; text-align:center; color: #fff; font-size: 16px; height:20px; padding: 5px 50px; opacity: 0; overflow:hidden;} .inf_box .info_container .desc p {margin: 0 0 10px; } .inf_box:hover .info_container .desc { height: auto; opacity: 1;} .inf_box:hover .info_container .desc p { } #infrastructure_bottom {padding: 40px 0; background: #e1e1e1; } #infrastructure_bottom .wrapper { max-width: 700px !important; } #infrastructure_bottom p { font-size: 15px; font-weight: bold;} #infrastructure_bottom div.linkbox { float: right; width: 180px; } #infrastructure_bottom a.morebutton { margin: 8px 0px 10px !important; color: #fff;} /* Health + Life Sciences --------------------------------------------*/ #hls_top {} #hls_bottom { background-image: url('graphics/redesign/hls_bottom.jpg'); background-position: 50% top; background-size: 100% 100%; } #hls_bottom_left {width: 50%;} #hls_bottom_right { background: #1b3667; width: 43.75%; color: #6FC049; box-sizing: border-box; padding: 33px 30px; margin-top: 67px} #hls_bottom_bottom { padding-top: 25px; margin-top: 25px; border-top: 1px solid #3d3935} #hls_bottom_bottom p { font-size: 14px; font-weight: bold;} /* Food & Water --------------------------------------------*/\ #food_top {} #food_bottom { background-image: url('graphics/redesign/food_ig1_bg.jpg'); background-position: 50% top; background-size: 100% 100%; } #food_ig2 { padding: 90px 0; background-image: url('graphics/redesign/food_ig2_bg.jpg'); background-position: 50% 50%; background-size: cover; } #food_bottom img, #food_ig2 img { max-width: 100%; height: auto; display:block; margin: 0 auto;} /* Doing Businss Here ( Infographics Styles At Bottom ) --------------------------------------------*/ /* Living with Us ( Infographics Styles At Bottom ) --------------------------------------------*/ /* Partner with Us --------------------------------------------*/ #partner_with_us_middle.newpage_middle { background: #ddd url('graphics/redesign/partner_with_us_middle.jpg') 50% 50% no-repeat; background-size: cover; } #partner_with_us_middle .wrapper > h3 { color: #3d3935;} #partner_with_us_middle .blue_box { background: #3d3935; color: #fff;} #partner_with_us_middle .blue_box h3 { color: #61c2d6;} #partners_referrals { background: #61c2d6; padding: 70px 0 50px; text-align:center;} #partners_referrals h3 {color: #fff;} #partners_referrals p { color: #3d3935;} #partners_referrals a.morebutton { margin: 15px 0; display:inline-block; } /* Demographics --------------------------------------------*/ #demographics_top { background-image: url('graphics/redesign/people.png'); background-size: auto 100%; } #demographics_bottom { background: #ddd url('graphics/redesign/demographics_bottom.jpg') 50% bottom no-repeat; background-size: cover;} #demographics_bottom.newpage_bottom .wrapper { max-width: 1200px !important;} #demographics_bottom.newpage_bottom h3 { color: #3d3935; } /* Education --------------------------------------------*/ #education_top { background-image: url('graphics/redesign/degree.png'); } #education_top.newpage_top .quote_box { width: 320px;} #education_bottom { background: #ddd url('graphics/redesign/education_bottom.jpg') 50% 50% no-repeat; background-size: cover;} #education_bottom.newpage_bottom .wrapper { max-width: 1200px !important;} /* Key Industries --------------------------------------------*/ #ki_page_top { background-image: url('graphics/redesign/building.png'); background-size: auto 100%; } #ki_page_bottom { background: #ddd url('graphics/redesign/ki_bottom.jpg') 50% 50% no-repeat; background-size: cover;} #ki_page_bottom.newpage_bottom .wrapper { max-width: 1100px !important;} #ki_page_bottom.newpage_bottom .tableauPlaceholder { max-width: 1100px;} /* Property Search --------------------------------------------*/ #property_search { background: #ddd url('graphics/redesign/prop_search_bottom.jpg') 50% 50% no-repeat; background-size: cover; } #crroot button::after { content:none; } /* Financial Services --------------------------------------------*/ #financial_svcs_bottom { background: #ddd url('graphics/redesign/financial_svcs_bottom.jpg') 50% 50% no-repeat; background-size: cover; } /* Major Employers --------------------------------------------*/ #major_employers_top { background-image: url('graphics/redesign/headquarters.png'); background-size: auto 100%; } #major_employers_bottom { background: #ddd url('graphics/redesign/major_employers_bottom.jpg') 50% 50% no-repeat; background-size: cover; } /* Workforce Statistics --------------------------------------------*/ #workforce_top { background-image: url('graphics/redesign/employees.png'); background-size: auto 100%; } #workforce_middle.newpage_middle {} #workforce_bottom { background: #ddd url('graphics/redesign/workforce_bottom.jpg') 50% 50% no-repeat; background-size: cover; } #workforce_bottom2 {} #workforce_bottom3 {} .blue_info_boxes {margin: 35px 0;} .blue_info_box { float:left; width: 32.6%; margin-left: 1%; position: relative; background-color: #55c7e7; background-position: right 50%; background-repeat: no-repeat; background-size: auto 100%; height: 191px; } .blue_info_box:first-child {margin-left:0px;} .blue_info_box .info_box_title { position: absolute; top: 10px; right: 20px; font-size: 24px; color: #fff;} .blue_info_box .info_box_stat { position: absolute; top: 60px; left: 20px; font-size: 36px; color: #1B3667;} .blue_info_box .info_box_stat span.fa {position: relative; top: 2px;} .blue_info_box .info_box_description { position: absolute; top: 110px; left: 20px; right: 20px; font-size: 18px; color: #fff;} .blue_info_box.manufacturing { background-image: url('graphics/redesign/tools_small.png');} .blue_info_box.finance { background-image: url('graphics/redesign/calculator_small.png');} .blue_info_box.computer { background-image: url('graphics/redesign/desktop_small.png');} #workforce_bottom4 { background: #ebebeb url('graphics/redesign/texture_line.png') left top repeat; padding: 45px 0;} #workforce_bottom4 .wrapper { max-width: 1050px; } #workforce_bottom4 .wrapper::after { width: 1px; overflow: hidden; position: absolute; overflow:hidden; height: 100%; left:50%; top:0px; content: ' '; background: #55C9E8;} /* Taxes --------------------------------------------*/ #taxes_top { background-image: url('graphics/redesign/bank.png'); background-size: auto 100%; padding-bottom: 45px; } #taxes_bottom { background: #ddd url('graphics/redesign/taxes_bottom.jpg') 50% 50% no-repeat; background-size: cover; } #taxes_bottom.newpage_bottom .wrapper{max-width: 960px;} /* Incentives --------------------------------------------*/ #incentives_top { background-image: url('graphics/redesign/award.png'); background-size: auto 100%; padding-bottom: 40px;} #incentives_bottom { background: #ddd url('graphics/redesign/incentives_bottom.jpg') 50% 50% no-repeat; background-size: cover; } #incentives_bottom .split_left {width: 24%; padding: 30px 4%; border-right:1px solid #5ebfd3; text-align: right; font-size: 15px; color: #004e72; line-height:1.5em;} #incentives_bottom .split_right {width: 62%; padding: 30px 4% 30px 0;} #incentives_bottom .split_right a { float:left; clear:left; display:block; width: 50%; box-sizing: border-box; padding: 0 15px 12px; margin:0px; color: #6FC049 /* #3a3431*/; position: relative; top: 0; left:0; transition: all 0.3s; font-size: 15px;} #incentives_bottom .split_right a:nth-child(even) { float: right; clear: right;} #incentives_bottom .split_right a:hover { left:8px; color: #5ebfd3; } #incentives_bottom .split_right::after {clear:both; display:block; height:1px; content: ' ';} /* Regional Indicators Dashboard --------------------------------------------*/ #regional_indicators_top { } #regional_indicators_bottom { background: #fff url('graphics/redesign/regional_indicators_bottom.jpg') 50% top no-repeat; background-size: 100% auto; } #regional_indicators_bottom.newpage_bottom { padding-top: 55px;} #regional_indicators_bottom .content_split_left { width: 33%; margin-bottom: 40px;} #regional_indicators_bottom .content_split_right { width: 66%; margin-bottom: 40px; border: 2px solid #7098ab; padding: 20px 25px; color: #004e72;} #regional_indicators_bottom .content_split_right p {line-height: 1.9em; margin: 0 0 5px;} #regional_indicators_bottom h3 { text-align:left !important; padding:0px;} #regional_indicators_bottom p {margin: 0 0 15px;} #regional_indicators_bottom a.morebutton { font-size: 14px; margin: 0px 0px 7px; width: 270px; box-sizing: border-box;} #regional_indicator_credit {} #regional_indicator_credit.blackbox { background-color: #1b3667; background-image: url('graphics/redesign/large_arrow_bg.png'); background-position: 31% 50%; background-repeat: no-repeat; background-size: auto 100%; padding-bottom: 42px; } #regional_indicator_credit.blackbox .wrapper { max-width: 960px;} #regional_indicator_credit .quote_box { float:left; margin: 0 0 0 0; padding: 18px 35px 8px 0 ; border-left:0px; border-right: 1px solid rgba(255,255,255,0.3); color: #fff;} #regional_indicator_credit #regional_indicator_compliments { float:right; width: 625px;} #indicators_addendum .interior_section_split_left { background-color: #61c2d6; height: 440px !important;} #indicators_addendum .interior_section_split_right { background-color: #6FC049; height: 440px !important;} #indicators_addendum p { line-height: 1.7em;} #indicators_addendum b { font-weight: normal; color: #3d3935 !important; text-transform: none !important;} .regional_indicator_embedded_content { padding: 1em 0; background-color:#F0F9FB; } /* HQ + Business Services */ #hq_bus_top {} #hq_bus_bottom { padding: 55px 0 45px; font-size: 15px;} #hq_bus_bottom h3 {margin: 0; padding: 0 0 10px;} #hq_bus_bottom img.photoLeft { margin-right: 45px; } #hq_bus_bottom p.morebutton { padding: 0px 0 0;} #hq_bus_bottom p.morebutton a{ margin:0px;} /* Manufacturing & Technology */ #manufacturing_top {} #manufacturing_top .quote_box a.not(.morebutton) { color: #fff; text-decoration: underline; font-weight: bold;} #manufacturing_bottom {} .gray_box.r_and_d { background-image: url('graphics/redesign/r_and_d.png');} .gray_box.adv_manufacturing { background-image: url('graphics/redesign/adv_manufacturing.png');} .gray_box.energy_renew { background-image: url('graphics/redesign/energy_renew.png');} .gray_box.data_centers { background-image: url('graphics/redesign/data_centers.png');} /* Center Cities Competitiveness Initiative ( ccci) */ #ccci_top { background-image: url('graphics/redesign/headquarters.png'); background-size: auto 100%; } #ccci_middle { padding: 45px 0 60px; border-bottom: 1px solid #ccc; } #ccci_bottom { background: #ddd url('graphics/redesign/ccci_bottom.jpg') 50% 50% no-repeat; background-size: cover; } .ccci_bot_section { padding: 40px 0 0;} .ccci_bot_section.border {border-top: 1px solid #61c2d6;} .ccci_bot_section h4 { width: 100%; max-width: 230px; text-align: left; padding: 100px 0 5px 0; margin:0px; color: #3d3935;} .ccci_bot_section p { width: 100%; max-width: 230px; text-align: left; padding: 0px ; margin:0px;} .ccci_bot_section ul.blue_chevron_list { margin-top:0px; float: right; width: 62%; } /* Why Invest */ #why_invest_top { background-image: url('graphics/redesign/piggybank.png');} #why_invest_top .quote_box {line-height: 1.5em;} #why_invest_top a { color: #fff;} #why_invest_bottom { background: #ddd url('graphics/redesign/why_invest_bottom.jpg') 50% 50% no-repeat; background-size: cover; } #why_invest_bottom .wrapper {max-width: 980px;} #why_invest_bottom .blue_box {background: #fff; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);} #why_invest_bottom .blue_box h3 {color: #3d3935;} #why_invest_bottom .blue_box.full_box h3 {padding-bottom: 22px;} #why_invest_bottom .blue_box.left_box, #why_invest_bottom .blue_box.right_box { min-height: 420px;} #why_invest_bottom ul.blue_chevron_list > li {padding-bottom: 4px;} .wi_leadership_left { float:left; width: 50%; box-sizing: border-box; padding: 0 2.5% 0 0; border-right: 1px solid #61c2d6; text-align: right;} .wi_leadership_right { float:right; width: 50%; box-sizing: border-box; padding: 0 0 0 2.5%; text-align: left;} .wi_leadership_right p, .wi_leadership_left p {margin:0 0 0 0;} .wi_leadership_right a, .wi_leadership_left a {margin:22px 0 0 0 !important;} /* Civic Engagement */ #civic_top { background-image: url('graphics/redesign/hands.png');} #civic_middle { background: #ddd url('graphics/redesign/civic_middle1.jpg') 50% 50% no-repeat; background-size: cover; padding: 75px 0;} #civic_middle .wrapper { background: #ddd url('graphics/redesign/civic_middle2.jpg') 50% 50% no-repeat; background-size: cover; max-width: 978px; height: 378px; box-sizing: border-box; padding: 30px; } #civic_middle .wrapper .outer { position: relative; top:0; left:0; width: 100%; height: 100%; display: table; margin: 0; padding: 0; vertical-align: middle; text-align:center;} #civic_middle .wrapper .inner { position: relative; width: 100%; height: 100%; display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align:center;} #civic_middle .wrapper .inner * {text-align:center !important;} #civic_middle .wrapper .inner h3 {margin:0px; padding: 0 0 10px;} #civic_middle .wrapper .inner p { font-size: 15px; color: #fff; margin: 10px auto; max-width: 650px;} #civic_bottom { padding: 84px 0 60px;} #civic_bottom img.photoLeft { margin-right: 50px;} #civic_bottom h3 { margin:0px; padding: 40px 0 10px;} #civic_bottom p {margin:0px; font-size: 15px;} #civic_bottom p::after {content: ' '; display:block; clear: both;} /* Healthy Living */ #health_top { background-image: url('graphics/redesign/heart_watch.png');} #health_bottom { background: #ddd url('graphics/redesign/healthy_living_bottom.jpg') 50% 50% no-repeat; background-size: cover; padding: 75px 0;} #health_bottom .transparency_box h3 { color: #3d3935; margin:0px 0px 10px; padding: 0px;} #health_bottom .transparency_box p { color: #fff; font-size: 15px; margin: 0 0 10px;} #health_bottom .transparency_box.photoRight {margin-left: 50px;} #health_bottom .transparency_box.photoLeft {margin-right: 50px;} /* Sports + Recreation */ #sports_rec_top { background-image: url('graphics/redesign/trophy.png'); padding-bottom:30px;} #sports_rec_top .wrapper { max-width: 1000px !important;} #sports_rec_top .quote_box {} #sports_rec_top .wrapper > h2, #sports_rec_top .wrapper > p { width: 100%; max-width: 460px; margin-right: auto;} #sports_rec_bottom { background: #ddd url('graphics/redesign/sports_rec_bottom.png') 50% 50% no-repeat; background-size: cover; padding: 75px 0;} #sports_rec_bottom .transparency_box h3 { color: #3d3935; margin:0px 0px 10px; padding: 0px;} #sports_rec_bottom .transparency_box p { color: #fff; font-size: 15px; margin: 0 0 10px;} #sports_rec_bottom .transparency_box.photoRight {margin-left: 50px;} #sports_rec_bottom .transparency_box.photoLeft {margin-right: 50px;} /* Arts */ #arts_top { background-image: url('graphics/redesign/keys.png');} #arts_bottom { background: #ddd url('graphics/redesign/arts_bottom.jpg') 50% 50% no-repeat; background-size: cover; padding: 85px 0;} #arts_bottom .squarify { background: #fff url('graphics/redesign/texture_line.png') left top repeat; min-height: 300px; position: relative; overflow: hidden;} #arts_bottom .squarify .outer { position: relative; top:0; left:0; width: 100%; height: 100%; display: table; margin: 0; padding: 0; vertical-align: middle; text-align:center;} #arts_bottom .squarify .inner { position: relative; width: 100%; height: 100%; display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align:center; font-size: 24px; color: #fff;} #arts_bottom .squarify .default_state {position: absolute; left:0px; top:0px; width: 100%; height: 100%; z-index: 101; transition: all 0.3s;} #arts_bottom .squarify .active_flip {position: absolute; display:block; left:-100%; top:0px; width: 100%; height: 100%; transition: all 0.3s; z-index:102; background: #1b3667;} #arts_bottom .squarify:hover .default_state {left: 150px;} #arts_bottom .squarify:hover .active_flip { left:0px;} #arts_bottom .squarify .inner img { display:block; margin: 0 auto 12px;} #arts_bottom .squarify .active_flip h3 { margin: 0 40px 15px; color: #6ebe49;} #arts_bottom .squarify .active_flip p { margin: 0 40px 0; font-size: 15px;} #arts_bottom #showtime_link { background-color: #6FC049;} #arts_bottom #music_link { background-color: #1b3667;} #arts_bottom #art_link { background-color: #007DBB;} #arts_bottom #fun_link { background-color: #5cc2d7;} /* About */ #about_gmsp_top { background-image: url('graphics/redesign/zigzag.png');} #about_gmsp_middle { background: #ddd url('graphics/redesign/about_bottom.jpg') 50% 50% no-repeat; background-size: cover; padding: 65px 0; position: relative;} #about_gmsp_middle h3 { color: #006ca5;} #about_gmsp_middle .split_3col { width: 33.333%; float:left; box-sizing: border-box; padding: 0 25px 0 0; color: #006ca5;} #about_gmsp_middle .split_3col .outer { position: relative; top:0; left:0; width: 100%; height: 80px; display: table; margin: 0; padding: 0; vertical-align: middle; text-align:left;} #about_gmsp_middle .split_3col .big_number { position: relative; height: 100%; display: table-cell; font-size: 36px; font-weight: 900; margin: 0; padding: 0 18px 0 0; vertical-align: middle; text-align:left; } #about_gmsp_middle .split_3col .inner { position: relative; height: 100%; display: table-cell; margin: 0; padding: 0; vertical-align: middle; text-align:left;} #about_gmsp_bottom { margin: 8px 0; padding: 65px 0; box-shadow: 0px 0px 8px 0 rgba(0,0,0,0.3); background: #fff url('graphics/redesign/texture_line.png') left top repeat; } #about_gmsp_bottom img.photoLeft { margin-right: 50px;} #about_gmsp_bottom h3 { margin: 0 0 15px; padding: 15px 0 0; } #about_gmsp_bottom p { } /* Cost of Living ( COL ) */ #col_top { background-image: url('graphics/redesign/house.png');} #col_middle1 { background: #ddd url('graphics/redesign/col_bottom.jpg') 50% 50% no-repeat; background-size: cover; padding: 70px 0; position: relative;} #col_middle1 .wrapper { } #col_middle2 { padding: 60px 0; background: #55c7e7 url('graphics/redesign/texture_line.png') left top repeat; color: #fff;} #col_bottom { padding: 60px 0; background: #ebebeb; margin-bottom :8px;} #col_middle2 h3 {padding: 73px 0 0; margin: 0 0 10px; color: #3d3935;} #col_bottom h3 {padding: 57px 0 0; margin: 0 0 10px; color: #3d3935;} #col_middle2 p, #col_bottom p {} #col_middle2 img.photoRight{ margin-left: 35px;} #col_bottom img.photoLeft { margin-right: 35px;} /* Board of Directors */ #board_top, #board_middle2 {} #board_top h2, #board_middle2 h2 { font-size:32px;} #board_middle1 { padding: 60px 0 10px; background: #ddd url('graphics/redesign/board_middle1.jpg') 50% 50% no-repeat; background-size: cover;} #board_bottom { padding: 60px 0 30px; background: #e1e1e1 url('graphics/redesign/texture_line.png') left top repeat; } #board_middle1 .wrapper, #board_bottom .wrapper { max-width: 940px;} #board_middle1 h5 { text-align:left; margin: 0px; padding:0px; line-height: 32px;} #board_middle1 p { text-align:left; margin: 0px; padding: 0 0 25px ; font-size: 18px;} #board_bottom p { text-align:left; margin:0px; padding: 0 0 10px; line-height:25px; font-size:18px;} /* Partner Council */ #pc_top { padding: 82px 0 35px;} #pc_top img.photoLeft {margin-right: 55px;} #pc_top h2 { margin: 0px; padding: 50px 0 5px;} #pc_top p {margin: 0px;} #pc_middle1 { padding: 112px 0 90px; background: #ddd url('graphics/redesign/pac_middle1.jpg') 50% 50% no-repeat; background-size: cover;} #pc_middle1 .split_left { width: 33%;} #pc_middle1 .split_right { width: 64%;} #pc_middle1 .quote_box { float:none; margin:0px; border-left:0px; width: 100%; height: 185px; border-right: 1px solid #6FC049; width: 100%; box-sizing: border-box; padding: 0 35px 0 0; font-size: 18px; color: #3d3935; font-weight: bold; } #pc_middle1 ul.blue_chevron_list { margin-top:0px; margin-bottom: 0px;} #pc_middle1 ul.blue_chevron_list li { font-size: 15px; font-weight: bold;} #pc_middle1 p.clear { margin:10px 0 0;} #pc_middle2 {} #pc_middle2 { font-size:32px;} #pc_bottom { padding: 60px 0 30px; background: #e1e1e1 url('graphics/redesign/texture_line.png') left top repeat; } #pc_bottom p { text-align:left; margin:0px; padding: 0 0 10px; line-height:25px; font-size:18px;} /* Our Investors */ #investors_top {padding: 20px 0 50px;} #investors_bottom {background: #e1e1e1 url('graphics/redesign/texture_line.png') left top repeat;} #investors_bottom h3 { max-width: 600px; margin-left: auto; margin-right: auto; color: #3d3935; text-align:center; } #investor_list { padding: 40px 0px 40px ;} #investor_list .column { float:left; width: 33.333%; box-sizing: border-box; padding-right: 20px;} #investor_list .column1 {width:35%;} #investor_list .column2 {width:35%;} #investor_list .column3 { width:30%;} #investor_list .investor_link {} #investor_list .investor_link a { display:block; padding: 5px; color: #1B3667; font-size: 18px; font-weight: bold; position: relative; left:0; top:0; transition: all 0.3s; } #investor_list .investor_link a:hover { left: 8px; color: #3d3935;} /* Infographics ( for Doing Business Here / Living Here Boxes --------------------------------------------*/ #infographics_top { color: #fff; font-size: 18px;} #infographics_top p {font-weight: bold;} #infographics_top a.morebutton {float: right; margin: 0px 0px 0px 90px;} #infographics_middle {padding: 50px 0 0;} #infographics_middle .wrapper { max-width: 980px;} #infographics_middle h3 { text-align:center; color: #3d3935; padding-top: 40px;} #infographics_middle p { font-size: 15px; text-align:center;} .new_infographics_boxes { position: relative; margin: 50px auto 40px; width: 100%; max-width: 1100px; text-align:center;} .new_infog_box { width: 316px; margin: 0 9px 18px; display: inline-block; height: 290px; overflow: hidden; background: #ccc left top no-repeat; position: relative; text-align:left; } .new_infog_box .line1 { position: absolute; left: 20px; top: 20px; color: #fff; font-size: 24px; font-weight: bold;} .new_infog_box .stat { position: absolute; left: 120px; right: 10px; top: 112px; color: #fff; font-size: 68px; font-family: 'TradeGothicW01-BoldCn20 675334', sans-serif; line-height: 70px; vertical-align: middle;} .new_infog_box .stat span.small { vertical-align: middle; font-size: 40px; position: relative; top: -5px;} .new_infog_box .line2 { position: absolute; left: 120px; right: 10px; top: 180px; color: #fff; font-weight: bold; font-size: 15px; line-height: 28px;} .new_infog_box .line1 p, .new_infog_box .line2 p { margin:0px;} .new_infog_box a.morebutton {position: absolute; bottom: 0px; left:0px; right: 0px; width: auto; margin: 0px; font-size: 15px;} /* Colors */ #dbh_boxes .new_infog_box { background-color: #55c7e7;} #dbh_boxes .new_infog_box .stat, #dbh_boxes .new_infog_box .line2 { color: #fff;} #lh_boxes .new_infog_box { background-color: #55c7e7;} /* ModuleBegin::commerce */ .shoppingCartTableHeader, .shoppingCartTableHeader td { background: #333; color: #fff;} .shoppingCartTable{ border: 1px solid #dcdcdc;} .shoppingCartTableFooter { background: #cccccc; color:#333;} input.shoppingFormQuantity {width: auto; background: none;} .shoppingCartTable .product.even {background:#f7f8f9;} .shoppingCartTable .quantity {text-align:center;} .shoppingCartTable .price, .shoppingCartTable .total { text-align:right;padding-right:30px;} .shoppingCartTable .description {padding: 7px;} .shoppingCartTable { margin-bottom: 13px;} .shoppingOutOfStock { color: #7e030e} .shoppingLowStock { color: #e79700} .shoppingCartButtons { display: flex; justify-content: space-between;} /*Checkout page*/ #cart_charges_summary td { border-bottom: 1px solid #ddd; padding: 0.5em; } .shoppingCartCheckout .price { padding: 7px; } .freeProductsOnlyMode #cart_charges_summary, .freeProductsOnlyMode .shoppingCartCheckout .shoppingCartTable td:nth-child(3), .freeProductsOnlyMode .hideWhenFree { display:none; } /* ModuleEnd::commerce */ /* ModuleBegin::directory-products */ .productGrid { display:flex; flex-flow:row wrap; margin-left: -0.9em; margin-right: -0.9em;} .productGridItem { flex: 0 0 calc(33% - 1.8em); margin: 0.9em; display: flex; flex-direction: column; align-items: stretch;} @media screen and (max-width: 798px){ .productGridItem {flex: 0 0 calc(50% - 1.8em); } } @media screen and (max-width: 525px){ .productGridItem {flex: 0 0 calc(100% - 1.8em); } } .productInfo { padding: 1em 2em; color: #000;} .productInfo a { color: #000;} .productDesc { font-size: 0.8em; font-style: italic; font-weight:400;} .productPrice { margin-top: auto; font-weight: 700;} .productAddToCart { margin-top: auto;} .productCategory { display: inline-block;position: absolute;} .productCategory a { background: #007bb9; display: inline-block;color: white; text-transform: uppercase; font-weight: bold; padding: 2px 1em; } .cart_add_submit { display: flex; flex-direction: row; justify-content: flex-start;align-items: center;} .cart_add_submit input {display: block; background: #000; flex: 1 1 auto;} .view_cart_link { display:none; margin-left: 1em; transition: all 500ms;flex: 0 1 25%;} .productImage img { max-width:100%;} .productGridItem .productImage img { max-width: 100%; margin: 0 auto; display: block;} .productDetailItem .product_detail_img {display:none;} .productDetailItem { display: flex; flex-direction: row;} @media screen and (max-width: 525px){ .productDetailItem {flex-direction: column; } } @media screen and (min-width: 798px){ .productDetailItem .productImage{ max-width: 50vw; } } @media screen and (min-width: 525px) and (max-width: 798px){ .productDetailItem .productImage{ max-width: 40vw; } } .productDetailItem .productImage,.productDetailItem .productInfo { flex: 1 1 auto;} .productDetailItem .productInfo { display: flex; flex-direction: column;} .productDetailItem .productDesc { font-style:normal; max-width: 750px; margin:0 auto; font-size: 90%; line-height: 22px;} .productDetailItem h2 {text-align:center;} .productDetailItem .productPrice { text-align:center;} .productDetailItem .productAddToCart { margin:20px auto; width: 350px;} .productDetailItem ul {font-weight:bold;} /* courtesyMember set on body via login layout */ .courtesyMember .productPrice .diritem_price { text-decoration:line-through;} .courtesyMember .productPrice::after { content: "Free"; margin-left: 1em } /* ModuleEnd::directory-products */ /* ModuleBegin::directory-featured_content */ .containerFeatured {position: relative;} .imageFeatured { display: block; width: 100%; height: auto;} .overlayFeatured { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #3A7EA6;} .overlayFeatured:hover { opacity: 1;} .textFeatured {width: 100%; color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;} /* ModuleEnd::directory-featured_content */ /*Collapsible Content CSS*/ .truncateIndicator { padding-left:150px; } .truncateIndicator:hover { cursor:pointer; } p.truncateSection { display:flex; } .truncateText { position: relative; width: 950px; /* need automatic multi-line height */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; word-wrap: break-word; padding-right: 20px; } .truncated { white-space: initial; width: unset; } .topTruncate { padding-left:150px; text-align:center; } #bottomTruncate { margin-left: -150px; text-align:left; }