/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea {
color: #222;
}
body {
font-size: 1em;
line-height: 1.4;
}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate.
* Customize the background color to match your design.
*/
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
/*
* A better looking default horizontal rule
*/
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
/****/
/*colors*/
/*
gold bc9f60
gold hov 9d7637
red 925530
lt red b77747
gray 716157
lt gray d4ccb9
*/
/*temporary - to indicate areas in need of updating*/
.highlight {background: yellow;}
/*temp image link below widget on homepage*/
#eventLink {
width: 100%;
overflow: hidden;
}
#eventLink img {width: 100%; height: auto;}
#home #main-content-row {margin-bottom: 30px;}
.txt-bd {font-weight: 700; color: #925530;}
span.txt-bd {text-transform: uppercase;}
body {
font-family: 'Lato', sans-serif;
font-weight: 400;
background: #f5f5f5;
}
body#keystats {padding: 20px;}
a {color: #925530}
#coronaresponse h2 {
font-size: 20px;
color: #925530;
margin-bottom: 0px;
line-height: 25px
}
#coronaresponse p.txt-it-sm {margin-top: 0px;}
#coronaresponse .article {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #bc9f60;
}
#coronaresponse #leftCol-contents hr {border-top: 1px solid #bc9f60; margin-top: 40px;}
#coronaresponse .article p {line-height: 1.8em;}
#coronaresponse .txt-bd {color: #925530;}
#coronaresponse #main-content ul li {padding: 10px 0px;}
#coronaresponse .article .btn {
display: block;
background-color: #bc9f60!important;
background-image: none;
}
/*main nav active*/
#home #homeNav a,
#about #aboutNav > a,
#history #aboutNav > a,
#factbook #aboutNav > a,
#benefits #benefitsNav > a,
#employment #benefitsNav > a,
#taxes #benefitsNav > a,
#tourism #benefitsNav > a,
#education #benefitsNav > a,
#contributions #benefitsNav > a,
#heroes #benefitsNav > a,
#regHistory #regulationNav > a,
#current #regulationNav > a,
#news #newsNav > a,
#newsroom #newsNav > a,
#social #newsNav > a
{
background: #bc9f60;
}
/*
.navbar-wrapper .container {width: 230px; padding-right: 710px;}
*/
/*dropdown active*/
#about #aboutNraNav a,
#history #historyNav a,
#factbook #factsNav a,
#employment #employNav a,
#education #eduNav a,
#taxes #taxNav a,
#tourism #tourismNav a,
#contributions #charityNav a,
#heroes #heroesNav a,
#current #regdataNav a,
#regHistory #reghistoryNav a,
#news #newsNavMedia a,
#newsroom #newsNavNews a,
#newsroom #newNavNews a,
#social #socialNavNews a {
background: #bc9f60;
}
#main-content.container {
background: #fff;
/*padding-top: 20px;*/
margin-top: 10px;
}
#home #main-content.container {margin-top: 0px;}
#main-content .row > div {min-height: inherit;}
#home #main-content .row > div {/*min-height: 21em;value w/o subscribe btn*/ }
#about #main-content .row > div {min-height: 19em;}
#heroes #main-content .row > div {min-height: 28em;}
#home #main-content .row #rightCol {min-height: 21.5em\0/}
/**ie fix**/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#g2eBox {margin-top:100px;}
#home #main-content .row #rightCol {min-height:18.5em;}
.carousel-text {font-size: 1.6em;}
}
/****/
/*hide areas*/
#about #bot-content,
#board #bot-content,
#benefits #rightCol,
#board #main-content #rightCol,
#subscribe #bot-content,
#subscribe #main-content #rightCol {display: none;}
/*temp hide factbook area
#factbook #rightCol {display:none;}
*/
#search #rightCol {display:none;}
#footer {text-align: center; font-weight: 400; margin-top: 10px;}
#footer-nav {font-size: 14px;}
.navbar-wrapper {
position: absolute;
top: 1;
left: 0;
right: 0;
z-index: 10;
margin-top: 10px;
*margin-top: 0px;
margin-top: 10px\0/;
margin-bottom: -90px;
*background: none!important;
*background-color: transparent!important;
*background-image: none!important;
}
.navbar-inner {
background: none;
*background: none!important;
*background-color: transparent!important;
*background-image: none!important;
filter: none;
border: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
margin: 0px;
padding: 0px;
}
.navbar-inner .container,
.navbar-inner .container .nav-collapse {
*background: none!important;
*background-color: transparent!important;
*background-image: none!important;
}
ul.nav-list {
margin: 0;
padding: 0;
*background: none;
}
.nav-list > li {
background: #925530;
color: #fff;
margin: 0;
padding: 0;
border-right: 4px solid #fff;
}
.nav-list .nav-header {
background: #716157;
color: #fff;
/*padding-left: 0;*/
margin: 0px;
*margin:0px;
margin:0px\0/;
}
.nav-list .nav-header img {max-height: 100px; width: auto; padding: 10px 20px; box-sizing: border-box;}
.nav-list > li > a {
color: #fff;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
border-top: 1px solid #222;
/**line-height: 20px;*/
margin: 0;
padding: 8px 15px;
/**padding-top: 0px;*/
padding: 11px 15px\0/;
padding: 8px 15px\9;
line-height: 28px\0/;
text-shadow: none;
}
.navbar-inner li.nav-header > a {
background: none;
border: none;
text-transform: none;
padding: 0px;
margin: 0px;
}
ul.dropdown-menu {
background: #d4ccb9;
margin-top: -32px;
*margin-top: -25px;
margin-top: -25px\0/;
margin-left: 215px;
*margin-left: 220px;
z-index: 4000;
*padding: 0px;
padding: 0px\0/;
}
ul.dropdown-menu li {
margin: 0;
*padding-top: 0px;
padding-top: 0px\0/;
*line-height: 17px;
line-height: 17px\0/;
}
ul.dropdown-menu li a {
background: #d4ccb9;
color: #222;
font-size: 14px;
font-weight: 300;
margin:0;
padding: 5px 10px;
text-transform: uppercase;
*line-height: 17px;
*padding: 0px 3px 5px;
line-height: 17px\0/;
padding: 0px 3px 5px\0/;
}
#historyNav ul.dropdown-menu li a {text-transform: none;}
.nav li a:hover,
.nav li a:focus,
ul.dropdown-menu li > a:hover,
ul.dropdown-menu li > a:focus {
color: #fff;
text-decoration:none;
background-color:#b77747
}
.nav >.active>a,
.nav >.active>a:hover,
.nav >.active>a:focus
{
background: #bc9f60;
}
.nav-list li.nav-header > a {background: none;}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
background-color:#b77747;
background-image: none;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
background-color:#b77747;
background-image: none;
}
/*show dropdown on hover*/
ul.nav-list li.dropdown:hover > ul.dropdown-menu {display: block;}
/****/
/*subnav tab styles*/
.nav-tabs>.active>a,
.nav-tabs>.active>a:hover,
.nav-tabs>.active>a:focus {
font-weight: bold;
}
/****/
/*banner carousel*/
.carousel {
background: #fff;
border-bottom: 1px solid #fff;
margin-bottom: 0px;
}
.carousel-inner > div {
/*height: 380px;*/
height: 285px;
*height: 325px;
height: 325px\0/;
}
.carousel-inner .item {
background-repeat: no-repeat;
/*background-position: center;
background-size: 105%;*/
}
#home #heroCarousel { }
#home #heroCarousel > div {
left: 300px;
margin-left: 0px;
margin-right:0px;
position: relative;
width: 639px;
}
#home #heroCarousel a {
display: block;
position: relative;
color: inherit;
z-index: 4000;
}
#home #heroCarousel a:hover {/*text-decoration: none;*/}
/*new banner images / home page carousel*/
#banner1 {
background-image: url(../img/banner/reno.jpg);
background-position: -40px -105px;
background-size: 120%;
}
#banner2 {
background-image: url(../img/banner/ccsd.jpg);
background-position: 0px -23px;
background-size: 100%;
}
#banner3 {
background-image: url(../img/banner/strip.jpg);
background-position: 0px -57px;
background-size: 100%;
}
#banner4 {
background-image: url(../img/banner/crayon.jpg);
background-position: 0px -60px;
background-size: 100%;
}
#banner5 {
background-image: url(../img/banner/capital.jpg);
background-position: -90px -286px;
background-size: 130%;
}
/**/.carousel-control {left: 263px; top: 55%; z-index: 3000; }
.carousel-indicators {
/*top: 360px;*top: 270px; */
top:266px;
*top: 305px;
top: 305px\0/;
right: 315px;
z-index: 3001;
*z-index: 4001!important;
}
.carousel-indicators li {
border: 1px solid #666;
*background-color: rgb(100, 100, 100);
*z-index: 4001;
background-color: rgba(255, 255, 255, 0.247059)\0/;
}
.carousel-indicators li:hover {cursor: pointer;}
.carousel-indicators .active {background: #d4ccb9; border: 1px solid #000;}
/*carousel banner text*/
.carousel-text {
background: #877466;
color: #fff;
font-weight: 700;
font-size: 1.2em;
font-size: 1.1em\0/;
height: 20px;
line-height: 1em;
padding: 10px 20px;
position: relative;
text-align: right;
text-transform: uppercase;
top: 220px;
width: 600px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.carousel-text {font-size: 1.1em;}
}
.carousel-text.reverse {
background: #fff;
color: #877466;
}
#banner5 .carousel-text span:after {content: '\a'; white-space: pre-line;}
#banner5 .carousel-text {height: 40px; top: 200px;}
.carousel .item {-webkit-transition: opacity 2s; -moz-transition: opacity 2s; -ms-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s;}
.carousel .active.left {left:0;opacity:0;z-index:2;}
.carousel .next {left:0;opacity:1;z-index:1;}
/****/
/*non-carousel banner*/
#heroCarousel {height: 285px; *height: 325px; height: 325px\0/; top: 10px;}
/*#about #heroCarousel*/ #board #heroCarousel {
background: url(../img/banner/about.jpg) -30px -100px no-repeat;
background-position: -30px -55px\0/;
*background-position: -30px -55px;
}
/*banner quote settings*/
.banner-text {
background: #877466;
background: rgba(135, 116, 102, .85);
border-left: 1px solid #fff;
box-sizing:border-box;
color: #fff;
font-weight: 300;
float:right;
height: 100%;
padding: 20px;
text-align: right;
text-transform: uppercase;
width: 215px;
}
.banner-text.red {
background: #92562d;
background: rgba(146,86,45,.85);
}
.banner-text.orange {
background: #b87944;
background: rgba(184,121,68,.85);
}
.banner-text.gold {
background: #bca15d;
background: rgba(188,161,93,.85);
}
.txt-quote {font-size: 24px; font-weight: 300; color: #fff; line-height: 30px;}
.txt-attribution {color: #fff; margin-top: 20px; font-size: 16px;}
#about #heroCarousel,
#board #heroCarousel,
#privacy #heroCarousel,
#credits #heroCarousel {
background: url(../img/banner/about.jpg) no-repeat;
background-size: cover;
}
#about .txt-quote {margin-top: 10px;}
#board .banner-text {display:none;}
#news .banner-text {width: 365px;}
#history #heroCarousel {
background: url(../img/banner/fremont.jpg) no-repeat;
background-position: 300px -140px;
background-size: 69%;
}
#history .txt-quote {margin-top: 10px;}
#history .banner-text {width: 250px;}
#factbook #heroCarousel, #search #heroCarousel {
background: url(../img/banner/factbook.jpg) no-repeat;
background-position: 296px -38px;
background-size: 69%;
}
#factbook .txt-quote {font-size: 21px; line-height: 24px;}
#factbook .txt-attribution {font-size: 14px;}
#benefits #heroCarousel {
background: url(../img/banner/bellhop.jpg) no-repeat;
background-position: 220px -113px;
background-size: 79%;
}
#benefits .banner-text {display:none;}
#employment #heroCarousel {
background: url(../img/banner/maid.jpg) no-repeat;
background-position: 289px -50px;
}
#taxes #heroCarousel {
background: url(../img/banner/construction.jpg) no-repeat;
background-position: 191px -119px;
background-size: 80%;
}
#taxes .txt-quote {font-size: 22px; margin-top: 25px;}
#tourism #heroCarousel, #coronavirus #heroCarousel {
background: url(../img/banner/vegas.jpg) no-repeat;
background-position: 188px -52px;
background-size: 80%;
}
#home #heroCarousel,
#coronavirus2 #heroCarousel,
#coronaresponse #heroCarousel {
background: url(../img/banner/staysafe-2.jpg) no-repeat;
background-position: bottom right;
background-size: 86%;
background-color: red;
}
#tourism .txt-quote {line-height: 36px; margin-top: 50px;}
#education #heroCarousel {
background: url(../img/banner/classroom.jpg) no-repeat;
background-position: 270px -50px;
}
/*#education .txt-quote {margin-top: 25px;}*/
#contributions #heroCarousel {
background: url(../img/banner/volunteers.jpg) no-repeat;
background-position: 202px -158px;
background-size: 87%;
}
#contributions .txt-quote {line-height: 36px; margin-top: 20px;}
#heroes #heroCarousel {
background: url(../img/banner/recipients.jpg) no-repeat;
background-position: bottom right;
}
#heroes .txt-quote {font-size: 21px; line-height:34px; margin-top: 20px;}
#current #heroCarousel {
background: url(../img/banner/security.jpg) no-repeat;
background-position: 263px -40px;
background-size: 72%;
}
#current .txt-quote {margin-top: 20px;}
#regHistory #heroCarousel {
background: url(../img/banner/hooverdam.jpg) no-repeat;
background-position: 290px -10px;
}
#regHistory .txt-quote {margin-top: 40px;}
#newsroom #heroCarousel {
background: url(../img/banner/newsroom.jpg) no-repeat;
background-position: 270px -60px;
}
#newsroom .txt-quote {margin-top: 20px;}
#news #heroCarousel,
#partners #heroCarousel {
background: url(../img/banner/renoskyline.jpg) no-repeat;
background-position: 293px -50px;
}
#partners .banner-text {display:none;}
#social #heroCarousel,
#contact #heroCarousel,
#subscribe #heroCarousel {
background: url(../img/banner/phone.jpg) no-repeat;
background-position: 28px -143px;
background-size: 97%;
}
/****/
/**g2e home page**/
#g2eBox {margin: 10px 0px; width: 179%;}
#g2eBox img {margin-bottom: 10px;}
/****/
/*ticker*/
#ticker-wrap.container {width: 938px; *background: none!important; margin-top: 10px;}
#ticker-wrap.container iframe {*background: none!important}
.iframe_scroller {
/*height: 60px;*/
margin-left: -8px;
margin-top: -5px;
outline: medium none;
width: 980px;
float: right;
*background: none !important;
}
.iframe_scroller html,
.iframe_scroller body {*background: none;}
.iframe_scroller {
border: 0 none !important;
height: 40px !important;
height: 45px\9 !important;
*margin-left: -29px !Important;
margin-top: -8px !important;
margin-top: -16px\9 !important;
overflow: hidden !important;
width: 966px !important;
*width: 966px !important;
}
/****/
.btn {
border: 0;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
color: #fff;
margin-top: 20px;
padding: 8px;
padding-right: 18px;
text-align: right;
text-transform: uppercase;
width: 215px;
*margin-bottom: 20px;
/*margin-bottom: 20px\0/;*/
}
.leftImg {
float: left;
*margin-top: 0px;
margin-right: 20px;
*margin-right:10px;
margin-right: 10px\0/;
margin-bottom: 20px;
*margin-bottom: 30px;
*height:135px;
*width:90px;
height: 135px\0/;
width:90px\0/;
}
a.gray-bk:hover {background: #925530; color: #fff;}
a.gold-bk:hover {background: #9d7637; color: #fff;}
a.red-bk:hover,
input.red-bk:hover {background: #b77747; color: #fff;}
#rightCol.ltgray-bk {margin-top: 20px;}
/****/
.red-bk {background: #925530; color: #fff;}
.red {color: #925530;}
.ltgray-bk {background: #d4ccb9;}
.gold-bk {background: #bc9f60; color: #fff;}
.gray-bk {background: #716157; color: #fff;}
.gray {color: #d4ccb9;}
.gold {color: #bc9f60}
small {font-size: 10px;}
.contents {padding: 20px;}
.col {margin-bottom: 20px;}
#bot-content .contents {padding-bottom: 0;*padding-bottom: 20px; padding-bottom: 20px\0/; *padding-top: 5px; padding-top: 5px\0/;}
#main-content {*padding-bottom: 20px; padding-bottom: 20px\0/;}
h2 #factbook-title {
padding-top: 10px;
*padding-top: 0px;
*margin-top:-10px;
padding-top: 0px\0/;
margin-top: 0px\0/;
}
#home #rightCol a,
#factbook #rightCol a {margin-bottom: 20px;}
#home #rightCol-contents {position: relative; padding-top: 40px;}
#home #rightCol a {
position: relative;
display: block;
top: 3.75em;
top: 5em\0/;
}
/****/
/*typography*/
h1 {
font-size: 16px;
margin-top: 0;
padding-top: 0;
line-height: 16px;
}
h1.large {
color: #716157;
font-size: 2em;
font-weight: 400;
line-height: normal;
}
h2 {
font-size: 16px;
margin-top: 0;
padding-top: 0;
}
h2.large {
font-size: 1.3em;
font-weight: 400;
line-height: normal;
margin-top: 25px;
}
h3 {
font-size: 14px;
line-height: 18px;
}
p {
font-size: 1em;
color: #000;
}
.red-bk p {color: #fff;}
.bodyCaps {
font-size: 1em;
font-weight: normal;
text-transform: uppercase;
}
#home #rightCol .bodyCaps {font-size: 12px;}
#home #rightCol {*padding-top: 0px;}
#boardlist {
color: #fff;
list-style-type: none;
line-height: normal;
text-align: center;
display: block;
margin: 0;
padding: 0;
}
#boardlist > li.span3 {
background-color: #d4ccb9;
margin-top: 10px;
float: left;
width: 275px;
height: 165px;
}
#boardlist img {
margin-top: 5px;
margin-bottom: 5px;
max-height: 43px;
width: auto;
}
#boardlist li p {margin: 10px 10px 0px 10px; line-height: normal; }
#about .red-bk p,
#board .red-bk p {color: #000;}
#boardlist li > p.bodyCaps,
#staff li > p.bodyCaps {background: #fff; margin-bottom: 2px;}
#board #botCol2 {display: none;}
#board #bot-content {background: #fff;border-top: 1px solid #ddd;}
#board #botCol1 {color: #000;}
#boardlist span.gold {display:block; color: #9d7637;}
#boardlist p#alt {font-size: .8em;line-height: normal;}
#boardlist p#alt span.gold {display:inline-block;}
#boardlist span.boardname {display: none;}
#boardlist li#president.span3 {
width: 100%;
height: 105px;
margin-left: 0px;
}
#boardlist li p:last-child {padding-bottom: 10px;}
#boardlist #president span.boardname,
#staff span.boardname {color: #925530; font-size: 1.5em; display:block; padding: 12px 0px;}
/****/
/*board*/
#staff .row {
margin-left: 0px;
}
#staff span.boardname {
font-size: 20px;
padding: 8px 0px;
}
#staff .memberTitle {
display: block;
font-size: 14px;
font-style: italic;}
#staff li {
list-style-type:none;
background-color: #d4ccb9;
margin-top: 10px;
}
#staff li:first-child {margin-left: 0px;}
#staff .span3 {width: 217px; height:140px; margin-left: 10px;}
.subtitle {display: block; font-size: .8em; font-weight: 400; line-height: .1em;}
.highlight-quote {
font-weight: 400;
font-size: 24px;
}
.highlight-small {font-size: 16px;}
blockquote footer {
color: #000;
font-style: italic;
font-size: .8em;
margin-top: 10px;
line-height: 1.1em;
}
.bold {font-weight: 700;}
.note {font-size: 11px; line-height: 18px;padding-bottom: 20px;margin-top: 5px;}
.table-note {margin-top: -15px;}
#bot-content > .row > p {padding-top: 20px; padding-bottom: 0; margin-bottom: 0;}
.spaced > li {margin-bottom: 10px;}
#news .spaced > li {padding-top: 10px;}
.small {font-size: 12px; font-weight: normal;}
/****/
/*table edits*/
.table {font-size: .9em;}
.table td, .table th {text-align: right;}
.table {border-bottom: 2px solid #bc9f60;}
.table .text-left {text-align: left;}
.table .indent {text-indent: 20px;}
.table-striped .header-row th,
.table-striped tbody>tr:first-child >th {
background: #bc9f60; color: #fff;vertical-align: bottom;
}
.number, .company {font-weight: 700;}
.table-striped .total-row td {
font-weight: 700;
background-color: #d4ccb9!important;
}
#charity-table {width: 280px;}
#charity-table tr {border-bottom: 1px solid #aaa;}
.coltxt .first #charity-table tr:last-child {border-bottom: 2px solid #bc9f60;}
.coltxt .first {
background: inherit;
*background: none;
}
/*jobs employer table*/
#employment .company,
#employment .number {font-weight: 400;}/*reset weights*/
tr.boldrow td,
#employment tr.boldrow td.company,
#employment tr.boldrow td.number {
font-weight: 700;
}
tr.boldrow td,
.table-striped tbody>tr.boldrow:nth-child(odd)>td {
background-color: RGBA(188,159,96,.3);
}
/*taxes table*/
table em {font-weight: 400;}
.positive-change {color: #35b33b;}
.negative-change {color: #ed5513;}
.zero-change {color: #ffd200; font-size: 1.4rem;}
/*
▼
▲
●
*/
span.positive-change, span.negative-change, span.zero-change {display: block; width: 100%; text-align: center;}
/****/
/*visualize edits*/
.expenditure-visualize > .visualize,
.economy-visualize > .visualize {
margin: 0;
padding: 0;
}
#economy-charts > div > table {
margin-bottom: 0px;
}
.expenditure-visualize .visualize-labels {display: none;}
.economy-visualize .visualize-labels {top: 0px!important; left: 0px!important;}
#roomtax-chart.roomtax-visualize > .visualize {
margin: 0;
padding: 0 20px 20px;
background: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#roomtax-data canvas {
border: none;
border-bottom: 1px solid #aaa;
background: none;
padding-left: 0px;
margin-left: 10px;
}
#roomtax-data .visualize-labels-y {
top: -5px!important;
left: 36px!important;
}
#roomtax-data .visualize-labels-y li:last-child {display: none;}
#roomtax-data .visualize-labels-y li:first-child span.label {display: none;}
#roomtax-data .visualize-labels-y li span.label {
background: none;
width: auto;
}
#roomtax-data .visualize-labels-y li span.line {border-style: dotted; margin-top: 3px;}
#roomtax-data .visualize-labels-x {display: none;}
#roomtax-data .visualize-key-color {display: none;}
#roomtax-data .visualize ul.visualize-key {
position: absolute;
bottom: -10px;
background: none;
z-index: 10;
padding: 10px 0;
color: #aaa;
width: 100%;
left: 41px;
}
#roomtax-data .visualize ul.visualize-key li {
margin: 0;
margin-right: 2.9px;
padding: 0;
text-align: center;
width: 39px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#roomtax-data .visualize ul.visualize-key li {
width: 42.5px;
/*margin-right:2px;*/
}
}
#taxbreakdown-comparison h2 {line-height: 20px;}
/****/
/*legend squares & colors*/
#legend-square {
height: 15px;
width: 15px;
border: 1px solid #000;
margin-right: 10px;
margin-top: 1px;
float: left;
}
.first, .blue-bkgd {background: #046380}
.second, .teal-bkgd {background: #468966}
.third, .lt-yellow-bkgd {background: #f6e497}
.fourth, .green-bkgd {background: #59631e}
.fifth, .gold-bkgd {background: #ffb03b}
.sixth, .beige-bkgd {background: #a7a37e}
.seventh, .orange-bkgd {background: #b64926}
.eighth, .brown-bkgd {background: #493f0b}
.ninth, .lime-bkgd {background: #a7c520}
.tenth, .tan-bkgd {background: #bd8d46}
.eleventh, .red-bkgd {background: #8e2800}
/****/
/*individual page element adjustments*/
/*G2E
#home #rightCol p {text-align: center; margin-top: 10px;}
#home #rightCol .btn {top:0; width: 93%;}
*/
/*#about #bot-content ul.spaced {height: 10em;}*/
#employment #rightCol,
#taxes #rightCol,
#tourism #rightCol,
#education #rightCol,
#regHistory #rightCol,
#current #rightCol,
#factbook #botCol2,
#history1860 #rightCol,
#history30 #rightCol,
#history40 #rightCol,
#history50 #rightCol,
#history60 #rightCol,
#history70 #rightCol,
#history80 #rightCol,
#history90 #rightCol,
#history2000 #rightCol,
#history2010 #rightCol,
#news #rightCol,
#newsroom #rightCol,
#partners #rightCol,
#search #bot-content {display: none;}
#employment #rightCol a.btn,
#taxes #rightCol a.btn {width: auto;}
#regHistory #leftCol a.btn,
#current #leftCol a.btn {padding-left: 100px; width: auto;}
#factbook #botCol1 h3 {float: left; margin-right: 20px;}
#factbook #botCol1 a {
color: #fff;
margin-top: 0px;
margin-right: 20px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
#taxbreakdown-comparison.row {margin-left: -20px; margin-right: -20px;}
#taxbreakdown-comparison > .span6 {width: 440px;}
#economy-charts > .span4 {width: 280px;}
/****/
/*benefits - jobs page*/
#impactChart img {
max-height: 300px;
width: auto;
margin-top: 40px;
}
/****/
/*room tax page*/
/*
#roomtax-data > .span3 {width: 200px;}
#roomtax-data > .span9 {width: 680px;}
*/
#roomtax-data > .span10 {width: 930px;}
/*add dollar sign to y-axis*/
#roomtax-data .visualize-labels-y li span.label:before {content: "$";}
#historyrow .span7 {margin-left: 40px; width: 500px}
#historyrow .span5 {width: 320px;}
#historyrow h1 span.subtitle {font-size: .6em; line-height: 1.2em;}
#historyrow h1 {font-size: 1.6em;line-height: 1.2em;}
.timeline {padding: 10px;}
.timeline ul li {list-style-type: square;}
.timeline h2 {
color: #925530;
font-size: 1.2em;
font-weight: 400;
line-height: 1em;
padding-top: 10px;
}
#history #rightCol {display: none;}
#history div.red-bk > p.note {padding: 10px;}
.timelineimg {margin-top: 20px;}
#problem-resource,
#tourism-resource {
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #aaa;
}
#partners-container {
margin-top: 20px;
padding-top: 10px;
border-top: 1px solid #aaa;
margin-left:0px;
}
#partners-container > .span6 {width: 430px;}
/****/
/*home page data area*/
#home #rightCol-contents.contents {
padding: 10px;
height: 100%;
box-sizing: border-box;
}
/****/
/*contributions*/
#heroes #botCol2, #heroes #rightCol {display:none;}
#heroes #leftCol .span8 {width: 560px;}
#heroes #fake-bot {margin-left: 0px;}
#contributions #rightCol {display: none;}
#contributions #leftCol-contents div.span8 {width: 580px;}
#contributions #leftCol-contents div.span4 {width: 220px; padding: 20px;}
#contributions #leftCol-contents div.span12 {width: 820px; padding: 20px;}
/****/
/*regulation*/
#reghistory #fake-right, #current #fake-right {padding: 20px;}
#reghistory #leftCol-contents div.span9, #current #leftCol-contents div.span9 {width: 630px;}
#reghistory #leftCol-contents div.span3, #current #leftCol-contents div.span3 {width: 170px;}
/****/
/*newsroom*/
.newsList {
list-style-type: square;
color: #bc9f60;
}
.newsList span {color: #925530; font-weight: bold;}
.newsList span.newsInfo {color: #000; display: block; font-weight: normal; font-style: italic; font-size: 80%;}
#contact form label {display: inline-block; float:left; width: 80px;}
#contact form input, #contact form textarea {width: 486px;}
#contact form .btn {padding-left: 100px; width: auto;}
#captcontainer img {border: 1px solid #fff;}
.captinput label {width: 100%!important;}
/****/
/*social hub page*/
.date {font-size: .8em; font-style: italic;}
.title {font-size: 1.5em; font-weight: 100; color: #925530;}
#social div.post {
padding-bottom: 20px;
margin-bottom: 40px;
border-bottom: 1px dotted #925530;
}
#social div.post:last-child {
border-bottom: none;
margin-bottom: 0px;
}
#social #rightCol {height: 750px;}
#social #rightCol-contents {height:100%; padding:0px;}
#social #rightCol iframe {height: 100%; width: 92%!important; padding-left:10px;}
figcaption {color: #000; font-size: .8em; font-style: italic;}
/****/
/*privacy policy page*/
#privacy #rightCol {display: none;}
/****/
/*sitemap page*/
#sitemap #leftCol ul > li {list-style-type: none;}
#sitemap #leftCol ul > li > ul {margin-left: 35px; padding-bottom: 10px;}
#sitemap #leftCol ul > li > ul > li {list-style-type: square; padding-bottom: 5px;}
#sitemap #leftCol ul > li > ul > li > a {color: #000;}
#sitemap #leftCol ul > li > ul > li > ul li {list-style-type: lower-roman;}
/****/
/*home page subscribe button*/
#home #main-content .row > div#rightCol {height: 25em;}
#home #rightCol-contents {
padding-top: 10px;
}
#home #rightCol a {top: 1em;}
#home #rightCol a#subscribe-btn {
margin-bottom: -44px;
width: 93%;
text-align: center;
top: -98px;
}
/****/
/*home page*/
#home #bot-content {background: #fff;}
#home #botCol1 {
/*margin-left:30px;*/
color: #fff;
}
#home #botCol1 a {
color:#fff;
font-size: 17px;
font-weight: 200;
line-height:17px;
text-transform: uppercase;
}
#home #twitterPanel {
color: #000;
/*border: 1px solid #8e2800;
box-sizing: border-box;*/
}
.btn-blocks {
height: 210px;
box-sizing: border-box;
background: #925530;
padding: 10px;
/*float: left;*/
margin-left: 20px;
/*width: 48%;*/
}
/****/
/*uneven split of red buttons for factbook*/
#factbookBtn.btn-blocks {/*width: 66%;*/ overflow: hidden;}
#subscribeBtn.btn-blocks {width: 30%;}
.btn-blocks p {text-transform: capitalize; font-size: 14px;}
.btn-blocks:first-child {margin-left:0px;}
/*home temp hospitality ad*/
#hospitalityBtn {
height: auto!important;
margin-bottom: 20px;
padding: 0px;
box-sizing: border-box;
border: 2px solid #d4ccb9;
background-color: #d4ccb9;
}
#hospitalityBtn a:link {
text-transform: none!important;
color: #000!important;
line-height: 1.5rem!important;
padding: 10px;
}
.hospitalityImg {display: block; margin-bottom: 10px;}
#factbookBtn.btn-blocks {margin-left: 0px;}
/*end temp hospitality styles*/
@-moz-document url-prefix(){
#home #btn-container > div {width: 41%;}
#home #twitterPanel.span5 > {width: 378px; height: 214px;}
}
.btn-blocks a {color: #fff; display: block; height: 100%; text-decoration: none;}
#home #botCol1 #factbookBtn a {
font-size: 28px;
line-height: 25px;
}
.btn-blocks:hover {background: rgba(146, 85, 49,.85); }
#home #btn-container p,
#home #factbookBtn p {
margin-top: 20px;
font-size: 14px;
text-transform: none;
}
.img-container {
display:block;
padding: 10px 0px;
text-align: center;
height:109px;
}
#factbookBtn a > img {
float:left;
height: auto;
width: 70%;
margin-right: 0px;
top: 25px;
left: -40px;
position: relative;
-ms-transform: rotate(-7deg); /* IE 9 */
-webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
transform: rotate(-7deg);
}
#subscribeBtn .img-container {padding: 5px 0px;}
.img-container > img {
margin-left: auto;
margin-right:auto;
}
/****/
/*home page twitter*/
#home #botCol2 {
height: 210px;
float:right;
}
#home #botCol2-contents {height: 100%; padding: 0px; padding-top: 20px;}
#home #twitterPanel {height: 100%;}
#home #twitterPanel iframe {
height: 100%; width: 100%;
}
#twitterPanel h3 {
font-size: 1.5em;
color: #716157;
font-weight: 200;
}
/*home page social hub area*/
#home #botcol3-contents p {
color: #000;
}
#home #botcol3-contents h2 {
color: #716157;
font-size: 2em;
font-weight: 400;
line-height: normal;
margin-top: 0px;
padding-top: 0px;
}
#home #botcol3-contents iframe {
max-width: 100%;
}
#home .title {color: #716157; font-weight: 100;}
#home .date {color: #000;}
/****/
/*home page questionaire button*/
#factbookBtn {margin-bottom: 40px;}
#questionaireBtn {
margin-bottom: 40px;
font-weight: 200;
text-decoration: none;
}
#questionaireBtn h4 {
font-size: 24px!important;
font-weight: 200;
line-height: 30px;
text-transform: uppercase;
}
#questionaireBtn p {
padding-top: 10px;
}
#questionaireBtn a {
text-align: center;
background-color: rgb(146, 85, 48);
background-image: none;
}
#questionaireBtn a:hover {
transition: none!important;
}
/****/
/*PHONE NAV*/
.brand {float:left;}
/****/
/*google search styles*/
#search-container a {
font-size: 12px;
padding-top: 5px;
margin-bottom: -5px;
}
.icon-search {margin-top:1px; margin-right:5px;}
#searchForm{
}
#searchForm fieldset{
border:none;
}
#s{
/* The search text box. */
border:1px solid #8e2800;
background:url("../img/icon-search.png") 5px 5px no-repeat;
background-size: 5%;
padding:5px;
padding-left: 35px;
width:370px;
}
#searchForm label,
#searchForm input[type="radio"] {
float:left; margin-right:10px;
}
#searchForm label {margin-right: 20px; margin-top:2px;}
span.arrow{
/* The little arrow that moves below the icons */
width:11px;
height:6px;
margin:21px 0 0 5px;
position:absolute;
background:url('img/arrow.png') no-repeat;
left:0;
}
/* The submit button */
#submitButton{
position: relative;
text-align: center;
padding: 7px 20px;
top: -5px;
margin: 0px;
margin-left: 10px;
}
#submitButton:hover{
background-position:left bottom;
}
/* Web & news results */
.webResult{
/*text-shadow:1px 1px 0 #586a75;*/
margin-bottom:30px;
}
.webResult h2{
line-height: normal;
margin-bottom: 0px;
padding-bottom: 0px;
}
.webResult h2 b{}
.webResult h2 a{}
.webResult p{margin: 0px;}
.webResult p b{}
.webResult > a{ margin-left:20px;}
.webResult a.refUrl {
color: inherit;
font-size: .8em;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}
.modal {z-index:6000;}
/* The show more button */
#more{
width:83px;
height:24px;
background:url('img/more.png') no-repeat;
cursor:pointer;
margin:40px auto;
}
#more:hover{
background-position:left bottom;
}
/*end google search styles*/
/****/
/****/
/**SSBA share buttons**/
div.ssba {
padding: 0px;
margin: 0px;
margin-left: -5px;
margin-top: -10px;
margin-bottom: 20px;
}
#home div.ssba {margin-top: 0px;}
div.ssba a {margin: 0px 5px;}
div.ssba a img {height: 20px; widht: auto;}
#contact .ssba {display:none; visibility: hidden;}
#contact input[type="submit"] {background: #925530;}
#contact .form-group {display: block; clear: both;}
#contact #emailForm {margin-left: 50px;}
/****/
/****/
/*factbook page*/
#botCol3 {display: none;}
#home #botCol3 {display:block;}
#factbook .img-container {
/*background: #b77747;*/
display: block;
float: left;
height: 230px;
margin-top: -10px;
margin-left: -10px;
margin-bottom: 0px;
margin-right:20px;
overflow: hidden;
padding-top: 0px;
padding-bottom: 0px;
width: 60%;
}
#factbook .img-container > img {
max-width: 100%;
/*max-width: 110%;
-ms-transform: rotate(-10deg); /* IE 9 */
/*-webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
/*transform: rotate(-10deg);
margin-top: 4px;
margin-left: -27px;*/
}
img#2021-cvr {max-width: 90%!important; height: auto; max-height: 100%;}
.previousContainer img {
max-width: 200px!important;
height: auto;
max-height: 100%;
}
#factbook h2 {
color: #8e2800;
font-size: 28px;
font-weight: 300;
line-height: 25px;
margin-top: -7px;
text-transform: uppercase;
}
#factbook h2 .txt-number {
display:block;
clear:right;
font-size:36px;
line-height: 29px;}
#factbook #main-content #rightCol-contents {
display: block;
box-sizing: border-box;
padding-bottom: 0px;
overflow: hidden;
height: 250px;
}
#factbook .btn {width: 32.5%; margin: 0px;}
#factbook #botCol1-contents .span3 {margin-top: 20px;}
/*contact us iframe version*/
#contact iframe {width: 100%; height: 710px;}
#contact #emailForm-remote {background: #fff;}
/****/
/**jobs page**/
div.impactNumbers {
display: block;
overflow: hidden;
margin: 20px auto;
background: #efefef;
padding: 10px;
border-radius: 6px;
}
.impactNumbers h3 {
border-bottom: 1px solid #bc9f60;
width: 100%;
float: left;
}
.lgNumber {font-size: 2em; color: #b49362; font-weight: 400;}
.smLabel {color: #666; text-transform: uppercase;}
.impactNumbers .smLabel {display: block;}
.total .lgNumber {font-weight: 700; color:#925530;}
.total .smLabel {font-weight: 500;}
/****/
/*covid link and page*/
#virusLink.col {
clear:both;
width: 100%;
overflow:hidden;
margin-bottom: 0px;
}
#virusLink a.btn {
background: #bc9f60;
width: 100%;
text-align: center;
margin-top: 10px;
}
.txt-it-sm {
font-size: .7em;
font-style: italic;
}
#coronavirus #main-content ul,
#coronavirus2 #main-content ul
{list-style-type: square;}
#coronavirus #main-content li,
#coronavirus2 #main-content li {padding-top: 10px; padding-bottom: 10px;}
/*target safari
@media screen and (-webkit-min-device-pixel-ratio:0) { }
*/
/*target mozilla
@-moz-document url-prefix() {
}
*/
/* ==========================================================================
Helper classes
========================================================================== */
/*
* Image replacement
*/
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
/* IE 6/7 fallback */
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
display: none !important;
visibility: hidden;
}
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.clearfix:after {
clear: both;
}
/*
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.clearfix {
*zoom: 1;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
Theses examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
/*
gold bc9f60
gold hov 9d7637
red 925530
lt red b77747
gray 716157
lt gray d4ccb9
*/
/*phone*/
@media(max-width:767px){
#home #heroCarousel, #coronavirus2 #heroCarousel, #coronaresponse #heroCarousel {background-color: orange;}
#search-container {height: 25px;}
#searchForm {width: 100%;}
#searchForm input {display: block; clear: both; width: auto;}
#searchForm input#s {
background-position: 5px 5px;
background-size: 5%;
width: 90%;
}
#home #main-content .row > div#rightCol {
min-height: 180px;
overflow:hidden;
height: 435px;
}
#home #btn-container > div {
width: 100%;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}
#home #twitterPanel {
height: 380px;
}
#home #rightCol {margin: 20px; width: inherit;}
#home #botCol2 {float:none;}
#home #botcol3-contents {padding: 20px;}
#home #botcol3-contents > a {width: 94%;}
#home iframe .visitor-vol.washoe {margin-left:66px!important;}
#factbookBtn a > img {top: -36px;}
#social #rightCol {height: 300px;}
#staff li, #staff .span3 {width: 100%; height:auto; margin-left: 0px;}
#staff li:first-child {clear: left; margin-top: 10px;}
#staff li:last-child {margin-left: 0px;}
}
/*normal size*/
@media(min-width:980px) and (max-width:1199px) {
#home #heroCarousel, #coronavirus2 #heroCarousel, #coronaresponse #heroCarousel {
background: url(../img/banner/staysafe-1.jpg) no-repeat;
background-position: bottom right;
background-size: 73%;
background-color: yellow;}
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
.leftImg {height: 150px; width: 105px;}
#factbook-title {height: 76px; width: 190px;}
/*home page widget panel*/
div.visitor-vol.washoe {margin-left: 0px!important;}
/*g2e*/
#g2eBox {margin-top: 100px;}
#roomtax-data .span10 {width: 740px;}
#roomtax-data .visualize ul.visualize-key {
left: 36px;
}
#roomtax-data .visualize ul.visualize-key li {
width: 33.25px;
/*margin-right: 2.5px;*/
}
}
#factbookBtn a > img {width: 62%;}
/*tablet portrait*/
@media(max-width:767px) {
#home #heroCarousel, #coronavirus2 #heroCarousel, #coronaresponse #heroCarousel {background-color: green;}
/****/
/**g2e**/
#g2eBox {float: left; margin-top: 30px; width: 100%;}
#heroCarousel {display: none;}
.navbar-wrapper {margin-top: 0px;}
#ticker-wrap {display: none;}
body {
padding-right: 0px;
padding-left: 0px;
}
#leftCol, #rightCol, #botCol1, #botCol2 {padding-right: 20px; padding-left: 20px;}
#botCol1, #botCol2 {overflow: hidden; padding-bottom: 10px;}
/*#home #botCol1 {min-height: 640px;}*/
.contents {padding: 20px 0px; overflow: hidden;}
/*collapse nav*/
.navbar-wrapper {
background: #716157;
height: 77px;
}
.navbar-inner > .container > a > img {height: 55px; width: auto; padding: 5px 0px 0px 5px;}
.nav-list li {
margin: 0;
line-height: 11px;
}
.nav-list > li {
border-right: 1px solid #333;
/*width: 49.5%;
float: left!important;*/
height:auto;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
.nav-collapse .nav>li>a {
color: #fff;
font-weight: 300;
margin: 0px;
height: 15px;
/*line-height: 11px;*/
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#main-content.container {margin-top: 80px;}
#nav-collapse-btn {float:right; margin-top: 25px; margin-right: 10px; width: auto; background: #bc9f60; font-size: 11px; text-shadow: none;}
#nav-collapse-btn i {margin-top: 0px; margin-right: 4px;}
.nav-collapse ul.dropdown-menu {
background: #716157;
margin: 0px;
/*
position: absolute;
overflow:hidden;
*/
height: auto;
border-radius: 0;
width: 100%;
padding: 0px;
display:block;
position: relative;
}
.nav-collapse ul.dropdown-menu li {
margin: 0px;
padding: 0px;
padding-left: 20px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
#givesNav ul.dropdown-menu {width: 110%; right: 0px;}
#regulationNav ul.dropdown-menu {width: 110%;}
.nav-collapse ul.dropdown-menu li a {
background: none;
padding: 3px 10px;
margin: 0px;
color: #fff;
border-radius: 0;
font-weight: 300;
}
.nav-collapse .nav-list > li > a:hover {background: #b77747;}
.nav-collapse ul.dropdown-menu li a:hover {background: #bc9f60;}
.nav-collapse.in {overflow: visible;}
ul.nav-tabs {font-size: 12px;}
ul.nav-tabs a {padding-right:8px; padding-left: 8px;}
p {margin-bottom: 20px; text-align: justify;}
p.note {margin-bottom: 0px;}
.contents .btn {width: 100%;}
h2 {line-height: normal;}
h2 .subtitle, .subtitle {line-height: 1.1em;}
table.table {font-size: 12px;}
.table th, .table td {line-height: 14px;}
/*home*/
#home #main-content.container {margin-top: 70px;}
#home #main-content .row > div {min-height: 1em;}
#home #leftCol .btn {display:block;}
#home #rightCol-contents {padding-top: 20px;}
#home #rightCol a {top: 0;}
/*home & factbook page image size adjustment*/
.leftImg {width: 72px; height: 112px;}
#factbook-title {width:183px; height:80px; clear:right;}
#home #rightCol p.bodyCaps, #factbook #rightCol p.bodyCaps {clear:left;margin-bottom: 0;}
/*data panel*/
#home #main-content .row > div#rightCol {
/*height: 450px;*/
}
#home .btn-blocks {width: 100%; margin-left: 0px; height: 140px;}
#home .btn-blocks:first-child {margin-bottom: 20px;}
#home .btn-blocks a {display:block;}
#home .btn-blocks p {position: relative; bottom: -10px;}
#home .btn-blocks .img-container {display:none;}
#home #botCol2 {height: 400px;}
/****/
/*home page, uneven split factbook/subscribe buttons*/
#home .btn-blocks {width: 100%; margin: 0px;}
#home .btn-blocks:first-child {margin-bottom: 10px;}
#home #botCol1 #factbookBtn a {font-size: 26px;}
#home #factbookBtn p {margin-top: 0px;}
#home #subscribeBtn {height: 65px;}
#home #subscribeBtn .img-container {display:none;}
/*about*/
#about #bot-content ul.spaced,
#board #bot-content ul.spaced {height: auto;}
#about #botCol2-contents,
#board #botCol2-contents {padding-top: 0px;}
#boardlist > li.span3 {
width: 100%;
height: auto;
margin-right: 15px;
}
#boardlist p {text-align: left;}
#boardlist li > p.bodyCaps {background: none;}
#boardlist img {display: none;}
#boardlist span.gold {display: inline-block;}
#boardlist span.boardname {display: block; padding: 10px; padding-left: 0px;}
#boardlist li#president.span3 {width: 100%;}
#staff li {margin: 10px 0px; width: 100%;}
#main-content .row > div {min-height: 1em;}
#about #main-content .row > div {min-height: auto;}
/*benefits > taxes*/
#taxbreakdown-comparison.row {margin-left: 0; margin-right:0;}
#taxbreakdown-comparison > .span6 {width: 100%;}
#taxbreakdown-comparison .visualize {display: none;}
#taxpayer-table tr td {letter-spacing: -0.05em; padding-left:0;}
/*benefits > tourism*/
#economy-charts p.bodyCaps {margin-top: 10px; margin-bottom: 5px;}
#tourism .visualize {display:none;}
/*benefits > education*/
#education #roomtax-data .span3 {width: 100%;}
#education .visualize, #education #botCol1 {display: none;}
#education #botCol2-contents a.btn {width: 92%;}
/*charity > charity*/
#contributions .nav.nav-tabs > li {width: 110px; line-height: 14px;}
.coltxt > div.column {width: 100%!important;}
.coltxt > div.first .table {border-bottom: 1px solid #DDDDDD; margin-bottom: 0px;}
.coltxt .first #charity-table tr:last-child {border-bottom: 1px solid #DDDDDD}
#heroes #main-content .row > div {min-height: 1em;}
#viewBtn {margin: 10px 0px; clear:both;}
p.note {clear:both;}
#contributions #leftCol-contents div.span4 {width: 100%;}
#contributions #leftCol-contents div.span12 {width: 100%; overflow:hidden; text-align: center;}
/*history*/
#historyrow .span7, #historyrow .span5 {margin-left:0px; width: 100%;}
.timelineimg {display:none;}
#history .nav-tabs > li {
line-height: 14px;
padding-left: 4px;
padding-right: 4px;
width: 38px;
text-align: center;
}
#history .nav-tabs>li:first-child {
width: 67px;
}
/*regulation*/
#regHistory #leftCol-contents div.span9,
#current #leftCol-contents div.span9,
#regHistory #leftCol-contents div.span3,
#current #leftCol-contents div.span3 {width: 96%;}
#regHistory #leftCol a.btn,
#current #leftCol a.btn {padding-left: 0; width: 100%;}
/*newsroom*/
#newsroom ul.nav-tabs>li {width: 40%;}
#news .banner-text {width: 72%;}
/*contact*/
#contact form input, #contact form textarea {width: 95%;}
#contact form label {margin-top: -15px;}
#contact form label:first-child {margin-top: 0px;}
#contact form .btn {margin-top: 0px;}
/*sitemap*/
#sitemap #leftCol-contents > ul {margin-left: 0px;}
/*factbook*/
#factbook #rightCol {margin: 20px; padding: 10px; width: 90%;}
#factbook #main-content #rightCol-contents {height: 224px;}
#factbook #rightCol-contents {padding: 0px;}
#factbook .img-container {height: 224px; margin: 0px; margin-right: 10px; width: 40%;}
#factbook .img-container > img {max-width: 140%; margin-top: 0px; margin-left:-28px;}
#factbook h2 {font-size: 26px; line-height: 23px; margin-top: 0px;}
#factbook #rightCol-contents p.bodyCaps {clear: none; text-align: left;}
#factbook .btn {/*width: 49%;*/ float:left; width: 47%; margin-top: 10px;}
#factbook #botCol1-contents > div {float: left;}
}
/*tablet landscape*/
@media(min-width:768px) and (max-width:979px) {
#factbookBtn a > img {
width: 49%;
top: 11px;
left: -21px;
}
#home #heroCarousel, #coronavirus2 #heroCarousel, #coronaresponse #heroCarousel {background-color: blue;}
/****/
/**g2e**/
#g2eBox {margin-top: 50px;}
#g2eBox {width: 183%;}
#heroCarousel, .carousel-inner {height: 265px;}
/*virus*/
#home #heroCarousel,
#coronavirus2 #heroCarousel,
#coronaresponse #heroCarousel {
background: url(../img/banner/staysafe-1.jpg) no-repeat;
background-size: 77%;
background-position: bottom right;
}
.carousel-inner .item {background-size: cover;}
.carousel-indicators {/*top: 285px;*/ top: 248px; right: 240px;}
.carousel-control {left: 215px; top: 55%;}
/****/
/*home banner carousel*/
#home #heroCarousel > div {
left: 205px;
width: 519px;
}
.carousel-text {
width: 482px;
padding: 5px 20px;
height: 40px;
top: 194px;
}
#banner2 .carousel-text,
#banner3 .carousel-text,
#banner4 .carousel-text {
line-height:20px;
height: 20px;
top: 220px;}
#banner1 {background-position: -46px -58px;}
#banner2 {background-position: 0px -27px;}
#banner3 {background-position: 0px -41px;}
#banner4 {background-position: 0px -28px;}
#banner5 {background-position: -58px -224px;}
/*inside page banner images*/
#history #heroCarousel {
background-size: 76%;
background-position: 180px -114px;
}
#factbook #heroCarousel {
background-position: 176px -38px;
background-size: 77%;
}
#benefits #heroCarousel {
background-position: 161px -73px;
background-size: 82%;
}
#employment #heroCarousel {
background-position: 109px -50px;
}
#employment .txt-quote {margin-top: 30px;}
#taxes #heroCarousel {
background-position: 147px -69px;
}
#taxes .txt-quote {line-height: 28px;}
#tourism #heroCarousel {
background-position: 117px -32px;
background-size: 84%;
}
#education #heroCarousel {
background-position: 61px -80px;
}
#contributions #heroCarousel {
background-position: 122px -134px;
}
#current #heroCarousel {
background-position: 204px -40px;
}
#current .txt-quote,
#regHistory .txt-quote,
#newsroom .txt-quote {margin-top: 10px;}
#regHistory #heroCarousel {
background-position: 77px -8px;
}
#newsroom #heroCarousel {
background-position: 180px -88px;
}
#news #heroCarousel,
#partners #heroCarousel,
#subscribe #heroCarousel {
background-position: 155px -30px;
background-size: 80%;
}
#news .txt-quote {margin-top: 5px;}
#news .banner-text {width: 72%;}
#social .txt-quote {line-height: 27px;}
/*line breaks*/
.carousel-text span:after {
content: '\a'; white-space: pre;}
ul.nav-list {margin-left: 0px; padding: 0px; width:205px!important;}
.nav-list .nav-header {height: 80px;}
.nav-list .nav-header img {height: 67px; width: 172px; margin: 0px; padding: 5px 0px 0px 10px;}
ul.nav-list li {line-height: 12px;}
ul.nav-list > li > a {
font-size: 18px;
padding: 12px 10px;
}
ul.nav-list > li > a,
.nav-list > li > a {
padding: 3px 10px\0/!important;
line-height: 12px\0/!important;
/*height: 18px\0/!important;*/
}
ul.dropdown-menu {margin-left: 192px; margin-top: -28px; margin-top: -22px\0/;}
ul.dropdown-menu li {padding: 0px;}
ul.dropdown-menu li a {padding: 2px\0/;}
#ticker-wrap {margin-top: 1px;}
#ticker-wrap.container {width: 724px;}
#ticker-wrap.container > iframe {width: 752px!important}
#ticker-title {
font-size: 11px;
width: 130px;
}
#ticker-scroll {width: 574px; font-size: 11px;}
/*nav tabs in benefits section*/
#employment .nav-tabs>li>a,
#taxes .nav-tabs>li>a,
#education .nav-tabs>li>a,
#contributions .nav-tabs>li>a,
#heroes .nav-tabs>li>a {
padding-right: 8px;
padding-left: 8px;
}
/*general*/
p {margin-bottom: 20px;}
p.note {margin-bottom: 0px;}
ul.spaced {padding-bottom: 20px;}
/*home page*/
#home #rightCol-contents {padding-top: 20px;}
h2 #factbook-title {padding-top: 0px;}
#home #rightCol a {top: 0;}
#home #leftCol .btn {margin-top: 0px;}
/*data panel*/
#home #main-content .row > div#rightCol {
height: 450px;
}
#home #btn-container > div {
/*width: 45%;*/
height: 230px;
}
#home #twitterPanel {/*height: 228px;*/}
#home .img-container {padding: 10px 0px; height: 90px; box-sizing: border-box;}
#home .img-container img {max-height: 100%; width: auto;}
.btn-blocks {margin-left: 0px; height: 152px; width: 100%;}
.btn-blocks:first-child {margin-bottom: 20px;}
/****/
/*home page, uneven split factbook/subscribe buttons*/
#home .btn-blocks {width: 100%; margin: 0px;}
#home .btn-blocks:first-child {margin-bottom: 10px;}
#home #subscribeBtn {height: 65px;}
#home #subscribeBtn .img-container {display:none;}
/*about banner image*/
#about #heroCarousel,
#board #heroCarousel,
#privacy #heroCarousel,
#credits #heroCarousel {
background-size: 112%;
background-position: -85px -50px;
}
#boardlist > li.span3 {
width: 200px;
height: 175px;
}
#boardlist li#president.span3 {height: 105px;}
#staff li:first-child {margin-left: 0px;}
#staff li:last-child {margin-right: 0px; margin-left: 0px;}
/*benefits > taxes*/
#taxbreakdown-comparison > .span6 {width: 315px;}
/*benefits > tourism*/
#economy-charts > .span4 {width: 210px;}
#economy-charts p {margin-bottom: 10px;}
/*benefits > edu*/
#roomtax-data > .span3 {width: 140px;}
#roomtax-data > .span9 {width: 514px;}
#roomtax-data .visualize ul.visualize-key {left: 40px}
#roomtax-data .visualize ul.visualize-key li {width: 29px;}
#education #bot-content .col {width: 100%;}
#education #botCol2-contents {padding-top: 0px;}
#education #bot-content .btn {margin-top: 0px;}
/*contributions > charity*/
#contributions .coltxt > div {width: 48%!important;}
#charity-table {width: 100%;}
#contributions div.last {margin-left: 10px;}
#contributions #leftCol-contents div.span4 {width: 89%;}
#contributions #leftCol-contents div.span8 {width: 640px;}
#contributions #leftCol-contents div.span12 {width: 89%;}
#contributions #leftCol-contents div.span12 img {width: 450px;}
#contributions #leftCol-contents div.span12 img:first-child {width: 150px;}
/*contributions > heroes*/
#heroes #main-content .row > div {min-height: 8em;}
#heroes #bot-content img.pull-left {height: 192px; width: 195px;}
#heroes #bot-content img.pull-right {height: 189px; width: 482px;}
/*regulation*/
#current #leftCol {margin-bottom: 0px; width: 98%;}
#current #rightCol {margin-top: 0px; width: 97.25%;}
#regHistory #leftCol-contents div.span9 {width: 96%;}
#regHistory #leftCol-contents div.span3 {width: 89%;}
/*history*/
#history .nav-tabs > li {
padding-left: 6px;
padding-right: 6px;
}
#historyrow > div {width: 100%}
#historyrow .narrative {width: 96%;}
#historyrow .timeline {width: 94%;}
.timeline ul.spaced {padding-bottom: 0px; width: 94%;}
#historyrow img {margin-bottom: 10px;}
#historyrow .span7 {margin-left: 20px;}
#history1860 .note, #history30 .note, #history40 .note, #history50 .note, #history60 .note, #history70 .note, #history80 .note, #history90 .note, #history2000 .note, #history2010 .note {margin-bottom: 10px; margin-top: -5px;}
/*partners*/
#partners-container > .span6 {width: 320px;}
/*contact*/
#contact form input, #contact form textarea {width: 425px;}
#contact form label {margin-top: -15px;}
#contact form label:first-child {margin-top: 0px;}
#contact form .btn {margin-top: 0px;}
/*factbook*/
#factbook #rightCol-contents h2 {font-size: 24px;}
#factbook #main-content #rightCol-contents {height: 300px;}
#factbook .img-container {height: 280px;}
#factbook .img-container > img {max-widtH: 118%; margin-top: -16px; margin-left: -11px;}
#factbook .btn {width: 30%;}
/*room tax chart*/
#roomtax-data .span10 {width: 560px;}
#roomtax-data .visualize ul.visualize-key {
left: 39px;
}
#roomtax-data .visualize ul.visualize-key li {
width: 24.2px;
/*margin: 0px 2.8px;*/
}
}
@media all (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
#g2eBox {margin: 100px 0px 10px 0px;}
}
@media(min-width:1200px){
#home #heroCarousel, #coronavirus2 #heroCarousel, #coronaresponse #heroCarousel {background-color: purple;}
#home #heroCarousel > div {
left: 250px;
width: 920px;
}
.carousel-inner .item {/*disabled while placing new home banner images// background-size: cover!important;*/}
.carousel-indicators {right: 405px;}
/*#home #heroCarousel {background-size: cover!important;}
/*#about #heroCarousel,*/
#board #heroCarousel {background-position: bottom right }
/**home widget area**/
#home #main-content .row > div#rightCol {height: 18.5em; min-height: 18.5em\0/;}
/****/
/*home page banner carousel*/
#banner1 {background-position: -60px -162px;}
#banner2 {background-position: 0px -65px;}
#banner3 {background-position: 0px -88px;}
#banner4 {background-position: 0px -90px;}
#banner5 {background-position: -130px -459px;}
.carousel-text {
font-size: 1.8em;
line-height: 20px;
width: 880px;
}
@media all (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.carousel-text {font-size: 1.5em;}
}
#banner5 .carousel-text {
height: 57px;
top: 192px;
line-height: 1em;
padding: 5px 20px;
}
/*inside banners*/
#about #heroCarousel,
#board #heroCarousel,
#privacy #heroCarousel,
#credits #heroCarousel {
background-position: top right;
background-size: 80%;
}
#history #heroCarousel {
background-position: 224px -290px;
background-size: 81%;
}
#factbook #heroCarousel {
background-position: 150px -130px;
background-size: 88%;
}
#benefits #heroCarousel {
background-position: 244px -113px;
background-size: 80%;
}
#employment #heroCarousel {
background-position: 223px -110px;
background-size: 83%;
}
#employment .txt-quote {margin-top: 50px;}
#taxes #heroCarousel {
background-position: 178px -199px;
background-size: 85%;
}
#tourism #heroCarousel, #coronavirus #heroCarousel {
background-position: 177px -132px;
background-size: 85%;
}
#home #heroCarousel, #coronavirus2 #heroCarousel, #coronaresponse #heroCarousel {
background-position: 177px 0px;
background-size: 86%;
}
#education #heroCarousel {
background-position: 248px -172px;
background-size: 79%;
}
/*#education .txt-quote {margin-top: 35px;}*/
#contributions #heroCarousel {
background-position: 224px -236px;
background-size: 81%;
}
#heroes #heroCarousel {
background-position: 250px -140px;
background-size: 79%;
}
#current #heroCarousel {
background-position: 248px -110px;
background-size: 79%;
}
#regHistory #heroCarousel {
background-position: 249px -80px;
background-size: 79%;
}
#newsroom #heroCarousel {
background-position: 249px -160px;
background-size: 79%;
}
#news #heroCarousel,
#partners #heroCarousel,
#subscribe #heroCarousel {
background-position: 247px -100px;
background-size: 79%;
}
/*#news .txt-quote {margin-top: 15px;}*/
#social #heroCarousel,
#contact #heroCarousel {
background-position: 154px -223px;
background-size: 87%;
}
/*home page action buttons*/
.img-container {height: 120px; padding-top: 20px;}
.btn-blocks p {position: relative; bottom: 10px;}
.btn-blocks:last-child p {bottom: -7px;}
@-moz-document url-prefix(){
#home #btn-container > div {width: 46%;}
#home #twitterPanel.span5 > {width: 378px; height: 220px;}
}
ul.nav-list {width:250px;}
ul.dropdown-menu {margin-left: 178px;}
.nav-list > li > a {
font-size: 22px;
/*padding: 15px;*/
}
.nav-list .nav-header img {
max-height: 100px;
width: auto;
}
#ticker-wrap.container {background: #716157; width: 1170px;}
#ticker-wrap.container > iframe {left:0px;}
#boardlist > li.span3 {width: 336px;}
/*#boardlist li#president.span3 {width: 94.5%; height: 105px;}*/
#staff > ul.row {margin: 0px auto;}
#staff .span3 {width: 275px;}
/*charity*/
#contributions #leftCol-contents div.span8 {width: 780px;}
#contributions #leftCol-contents div.span4 {width: 230px; padding: 20px;}
#contributions #leftCol-contents div.span12 {width: 780px; padding: 20px;}
#charity-table {width: 370px;}
#contributions #leftCol-contents div.span12 {width: 1040px;}
/*regulation*/
#regHistory #leftCol-contents div.span9 {width: 780px;}
#regHistory #leftCol-contents div.span3 {width: 220px;}
/*history*/
#historyrow .narrative {width:670px;}
#historyrow .timeline {width:385px;}
/*factbook*/
#factbook .btn {float: left; width: 34%;}
}
/*iPhone 5 & 5S in portrait & landscape*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
#factbookBtn a > img {max-height: 100%; top:0px;}
#home #factbookBtn.btn-blocks {height: 150px;}
#home #subscribeBtn.btn-blocks {height: 81px;}
}
/*iPhone 6 landscape*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
#home #main-content .row > div#rightCol {height: 300px!important;}
}
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* {
background: transparent !important;
color: #000 !important; /* Black prints faster: h5bp.com/s */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links for images, or javascript/internal links
*/
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group; /* h5bp.com/t */
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
/* Ticker iframe css start */
.iframe_scroller {
border: 0 none;
height: 60px;
margin-left: -8px;
margin-top: -5px;
outline: medium none;
overflow: hidden;
width: 980px;
float: right;
}
.iframe_scroller {
border: 0 none !important;
height: 40px !important;
margin-left: -8px !important;
margin-top: -8px !important;
overflow: hidden !important;
width: 966px !important;
float: right;
}
/* Ticker iframe css end */
}