html, body, div, p, span, header, footer, section, nav, iframe, table, tr, td, h1, h2, h3, h4, h5, h6, ul, ol, li {
margin: 0; padding: 0; border: 0; outline: 0; box-sizing:border-box;
}
img { border:none; }
body {
position:relative; top:0; left:0;
background-color:#fff;
color:#000;
font-family: Helvetica Neue,Arial,sans-serif;
font-size: 16px;
line-height: 1.5;
margin: 0;
padding: 0;
}
footer, #footer { padding:1em 2em; background-color:#ddd; }
h1 { font-weight:300; line-height:1.1; }
h2, h3, h4 { margin-bottom:.4rem; font-weight:600; }
h2 { font-family:helvetica,arial,sans-serif; color:#800; text-shadow:1px 1px 2px #444; }
div, p { font-size:1rem; line-height:1.3rem; margin-top:0; margin-bottom:.7em; }
a { color:#2799FA; text-decoration:none; }
a:visited { color:#2799FA; }
a:hover { color:#F90; text-decoration:underline; }
a:focus { color:#2799FA; }
a:active { color:#fff; }
/* ====================================================
Drop-down Nav Bar #E3ECF6
*/
.toggle, [id^=drop] { display: none; }
nav { margin:0; padding:0; background-color:#444; }
nav #logo { float:left; margin:0; }
nav #logo:hover, nav #logo a:hover { background-color:#800 !important; }
nav #logo img { vertical-align:middle; }
nav:after {
content: "";
display: table;
clear: both;
}
nav ul {
float: left;
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index:10;
}
nav ul li {
margin: 0px;
display: inline-block;
float: left;
background-color: #444;
}
nav a {
display: block;
padding: 0 20px;
color: #fff !important;
font-size: 20px;
line-height: 40px;
text-decoration: none;
background-color:#444;
}
nav ul li ul li:hover { color:#ffd; background: #fff; }
nav a:hover { color:#000 !important; background-color: #fff; }
nav ul ul {
display: none;
position: absolute;
top: 40px;
}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {
padding-bottom:6px;
width: 230px;
float: none;
display: list-item;
position: relative;
}
nav ul ul li a {
line-height:24px;
}
nav ul ul ul li {
position: relative;
top: -60px;
left: 170px;
}
li > a:after { content: ' +'; }
li > a:only-child:after { content: ''; }
/* ====================================================*/
#topBanner { height:240px; background:no-repeat 50%; background-size:cover; background-image:url('img/skyline_sm.jpg'); overflow:hidden; }
#topBanner h1 { margin-top:80px; font-size:1.2rem; color:gold; text-align:center; text-shadow:1px 1px 2px #000; text-stroke:1px #fff; -webkit-text-stroke:1px #fff; }
#topBanner h1:first-line { font-size:2.6rem; }
#wrapper { position:relative; margin:0 auto; max-width:1480px; z-index:1; }
#rightColumn { float:right; width:300px; }
#rightColumn p { text-align:center; }
#rightColumn p img { max-height:390px; }
.adBlock { display:none; }
#mainContent { position:relative; margin:10px 10px 0 0; padding:0 1em; overflow:hidden; z-index:1; }
#homeCats { float:left; max-width:1050px; }
.homeCatBox { float:left; margin:0 0 4px 1%; padding:4px 12px; width:24%; min-height:280px; }
.homeCatBox h2 { font-size:1.2em; text-align:center; }
.homeCatBox img { width:98%; height:170px; text-decoration:none; } /* max-height:200px; */
.homeCatBox a, a:link, a:visited, a:hover { color:#800; }
.homeCatBox p { margin-top:0; font-size:.8em; text-align:center; }
#homeCats .homeCatBox:nth-Child(4n+1) { clear:left; } /* 3n+1 */
#mission { margin-top:2rem; padding:8px 12px; border-top:solid 1px #000; overflow:hidden; }
#mission h2, #mission h3 { text-align:center; }
.table-responsive { background-color:#e0e0e0; margin:0 auto; box-shadow:2px 2px 3px #444; }
.table-responsive tr td { padding:.2em 1em; }
.table-responsive tr td:first-child { font-weight:600; }
.table-responsive tr td:first-child a, .bustitles { color:#654321; text-shadow:1px 1px 2px #444;}
.bustitles a { color:#654321; text-transform:capitalize; }
.center { display: block; margin: 10px auto; }
.center80 { width:80%; margin-left:auto; margin-right:auto; }
.rdToggleBtn { color:#008; text-decoration:underline; }
.rdLocBox { display:none; padding:.5em; background-color:#ffffd8; }
.rdLocBox a { text-decoration:underline; }
a.mapButton { margin:.6em 0 0 0; display:inline-block; width:6em; padding:4px 0; font-size:1em; color:#fff; text-align:center;
background-color:#2980b9; border:solid 2px gold; }
.bordered { border:solid 1px #000 !important; }
.clearFloat { clear: both; display: block; height:0; }
.clearLeft, .clearleft { clear:left; height:0; }
.clearRight, .clearright { clear:right; height:0; }
.clearBoth, .clearboth { clear:both; height:0; }
.clearFix, #nav:after {
content:'';
display:block;
clear:both;
height:0;
}
.col {float:left; width:50%;}
.col ul {list-style:none;}
.col ul li {display:block; margin-bottom:10px;}
.halfBox { float:left; margin-left:1%; width:46%; min-width:296px; }
.halfBox img { width:98%; max-width:290px; }
.imgBoxLeft { float:left; margin:4px 6px; width:25%; max-width:260px; text-align:center; }
.imgBoxLeft img { width:98%; max-height:300px; }
.phoneList { width:100%; }
.phoneList tr td:first-child { width:70%; }
.reg { text-decoration:underline; }
.smallText, .smalltext { font-size:.7em; }
.centered { text-align:center; }
.nobr, .noBr { white-space:nowrap; }
.gradient-text {
background: -webkit-linear-gradient(pink, red);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.outline-white { text-shadow: #fff -1px -1px 0px, #fff -1px 1px 0px, #fff 1px 1px 0px, #fff 1px -1px 0px; }
.outline-black { text-shadow: #000 -1px -1px 0px, #000 -1px 1px 0px, #000 1px 1px 0px, #000 1px -1px 0px; }
.wholeLinks a { font-size:18px; white-space:nowrap; }
/* .colGrid { columns:auto 3; column-gap:1em; margin-bottom:2em; } */
.colGrid { display:grid; grid-template-columns:1fr 1fr 1fr; column-gap:1em; margin-bottom:2em; }
.colGrid p { box-sizing:border-box; font-size:.9rem; background-color:#eee; }
.map-container { float:left; position:relative; margin:0 20px 20px 0; width:420px; height:400px; overflow:hidden; }
.map-container div:first-child { height:100%; }
.featureboxes {
float: left;
padding:10px 0 10px 1%;
width:48%;
line-height: 1.2em;
}
.featureboxes h2, .colGrid h2 {
font-size:1.4rem; line-height:1.3rem;
}
.featureboxes p { margin-bottom:.7em; }
.featureboxes p a, .featureboxes p a:visited, .colGrid p a, .colGrid p a:visited {
font-size:18px;
color:#800;
font-weight:bold;
}
.left-box {
width: 200px;
margin-right: 20px;
float: left;
}
.middle-box {
float: left;
width: 180px;
margin-right: 20px;
}
.right-box {
float: left;
width: 180px;
margin-right: 0px;
}
.featuretitle {
font-size: 1rem;
font-weight: bold;
color: #036;
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
}
.readmore {
background-image: url(images/arrow.png);
background-repeat: no-repeat;
background-position: left top;
padding-left: 18px;
}
.homefeatureboxes {
max-width:650px; margin:0 auto;
padding-top: 10px;
padding-bottom: 4px;
line-height: 1.2rem;
font-size: 1rem;
}
.homefeatureboxes p {
margin:6px 0;
}
.homefeatureboxesx img {
float: left;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
margin-left: 10px;
}
.homeleft-box { float:left; margin-right:1% !important; width:48%; height:220px; background-color:#fff; border:#000; }
.homeleft-box p a, .homeleft-box p a:link, .homeleft-box p a:visited{ color:#f90; }
.homeleft-box img { max-width:97%; }
.homeleft-box .homefeaturetitle { background-color:#fff; color:#000; text-align:center; }
.homeleft-box .homefeaturetitle a { color:#000; }
.homemiddle-box p a, .homemiddle-box p a:link, .homemiddle-box p a:visited{ color:#f90; }
.homeright-box p a, .homeright-box p a:link, .homeright-box p a:visited{ color:#f90; }
.homeleft-box p a:hover, .homemiddle-box p a:hover, .homeright-box p a:hover{ color:#fff; }
.homemiddle-box, .homeright-box {
float: left;
margin-right: 17px;
width:310px;
background-color: #0F3674;
border: 1px solid #18ABF8;
}
.homefeaturetitle {
font-size: 23px;
font-weight: normal;
color: #F90;
line-height: 25px;
display: block;
padding-bottom: 5px;
padding-top: 5px;
background-color: #0B2653;
padding-left: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
}
.homefeaturetitle a{
font-size: 23px;
font-weight: normal;
color: #F90;
line-height: 25px;
}
@media all and (min-width:481px) {
#airlines #topBanner { background-image:url('img/airplane.jpg'); }
#airport-hotels #topBanner { background-image:url('img/1hotel.jpg'); }
#airport-info #topBanner { background-image:url('img/airport.jpg'); }
#area-government #topBanner { background-image:url('img/government-services.jpg'); }
#arts-cultural #topBanner { background-image:url('img/cultural-centers.jpg'); }
#bike-trails #topBanner { background-image:url('img/bike1.jpg'); }
#boats #topBanner { background-image:url('img/boats.jpg'); }
#bowling #topBanner { background-image:url('img/bowling-pins.jpg'); }
#bus #topBanner { background-image:url('img/bus.jpg'); }
#cafes #topBanner { background-image:url('img/cafe.jpg'); }
#camping #topBanner { background-image:url('img/camping.jpg'); }
#carver #topBanner { background-image:url('img/county2.jpg'); }
#casinos #topBanner { background-image:url('img/casino.jpg'); }
#chambers #topBanner { background-image:url('img/chambers-commerce.jpg'); }
#charity #topBanner { background-image:url('img/charity_sm.jpg'); }
#charters #topBanner { background-image:url('img/charters.jpg'); }
#cities #topBanner { background-image:url('img/city-government.jpg'); }
#communityevents #topBanner { background-image:url('img/mn-state-fair2_sm.jpg'); }
#counseling #topBanner { background-image:url('img/counseling.jpg'); }
#credit-unions #topBanner { background-image:url('img/credit-union.jpg'); }
#dining #topBanner { background-image:url('img/dining.jpg'); }
#dog-parks #topBanner { background-image:url('img/dogpark.jpg'); }
#downtown-dining #topBanner { background-image:url('img/downtown-dining.jpg'); }
#downtown-restaurants #topBanner { background-image:url('img/downtown-dining.jpg'); }
#ethnic-dining #topBanner { background-image:url('img/ethnic-dining.jpg'); }
#familyfun #topBanner { background-image:url('img/ffi.jpg'); }
#familyoutdoor #topBanner { background-image:url('img/outdoor-fun.jpg'); }
#finearts #topBanner { background-image:url('img/art-gallery.jpg'); }
#gokart #topBanner { background-image:url('img/gokart.jpg'); }
#golfcourses #topBanner { background-image:url('img/thumbs/golf-course3.jpg'); }
#government #topBanner { background-image:url('img/capitol.jpg'); }
#hennco #topBanner { background-image:url('img/county1.jpg'); }
#highschools #topBanner { background-image:url('img/school-2.jpg'); }
#homeimprovement #topBanner { background-image:url('img/improvement-home.jpg'); }
#home-services #topBanner { background-image:url('img/services-home.jpg'); }
#hotels #topBanner { background-image:url('img/1hotel.jpg'); }
#hotel-deals #topBanner { background-image:url('img/4hotel.jpg'); }
#hotel-downtown #topBanner { background-image:url('img/2hotel.jpg'); }
#hotel-suburbs #topBanner { background-image:url('img/3hotel.jpg'); }
#ice-skating #topBanner { background-image:url('img/iceskating.jpg'); }
#indoor-amusement #topBanner { background-image:url('img/iac.jpg'); }
#lake-minnetonka #topBanner { background-image:url('img/minnetonka-beach.jpg'); }
#libraries #topBanner { background-image:url('img/library.jpg'); }
#mass-transit #topBanner { background-image:url('img/mass-transit.jpg'); }
#metro #topBanner { background-image:url('img/metro.jpg'); }
#moa #topBanner { background-image:url('img/moa.jpg'); }
#movies #topBanner { background-image:url('img/movie-theater2.jpg'); }
#musicvenues #topBanner { background-image:url('img/band1.jpg'); }
#newspapers #topBanner { background-image:url('img/newspapers.jpg'); }
#other-indoor #topBanner { background-image:url('img/lasertag.jpg'); }
#recreation #topBanner { background-image:url('img/oac.jpg'); }
#outdoor-sports #topBanner { background-image:url('img/minigolf.jpg'); }
#paintball #topBanner { background-image:url('img/paintball.jpg'); }
#parks #topBanner { background-image:url('img/parks1.jpg'); }
#pizza #topBanner { background-image:url('img/pizza.jpg'); }
#radio #topBanner { background-image:url('img/radio.jpg'); }
#car-rental #topBanner { background-image:url('img/rental.jpg'); }
#recreation #topBanner { background-image:url('img/oac.jpeg'); }
#retail #topBanner { background-image:url('img/retail.jpg'); }
#roller-skating #topBanner { background-image:url('img/roller-skating.jpg'); }
#services #topBanner { background-image:url('img/services.jpg'); }
#shopping #topBanner { background-image:url('img/moa.jpg'); }
#shopping-centers #topBanner { background-image:url('img/shopping-centers.jpg'); }
#shopping-mens #topBanner { background-image:url('img/mens-shop.jpg'); }
#shopping-womens #topBanner { background-image:url('img/womens-shop.jpg'); }
#shopping-womens-moa #topBanner { background-image:url('img/womens-shop-2.jpg'); }
#skateboarding #topBanner { background-image:url('img/skateboard.jpg'); }
#skiing #topBanner { background-image:url('img/ski.jpg'); }
#spas #topBanner { background-image:url('img/club-health.jpg'); }
#sports #topBanner { background-image:url('img/minnesota-helmet.jpg'); }
#statenumbers #topBanner { background-image:url('img/government-services.jpg'); }
#swimming #topBanner { background-image:url('img/waterpark.jpg'); }
#taxis #topBanner { background-image:url('img/taxi.jpg'); }
#artsandentertainment #topBanner { background-image:url('img/theater1.jpg'); }
#theme-parks #topBanner { background-image:url('img/themepark.jpg'); }
#trains #topBanner { background-image:url('img/train.jpg'); }
#trampolines #topBanner { background-image:url('img/trampoline.jpg'); }
#transportation #topBanner { background-image:url('img/skyline.jpg'); }
#tv #topBanner { background-image:url('img/tvstation.jpg'); }
#variety1 #topBanner { background-image:url('img/variety-restaurants.jpg'); }
#wallclimbing #topBanner { background-image:url('img/climbing-wall.jpg'); }
#zoos #topBanner { background-image:url('img/zoo.jpg'); }
}
#mainContent h2, #mainContent h3 { text-align:center; line-height:1.3rem; }
#mainContent p { font-size:1rem; }
#artsandentertainment .featureboxes { margin-bottom:1em; max-width:430px; max-height:550px; overflow-y:scroll; background-color:#ffd; }
#artsandentertainment .featureboxes ol { list-style-position:inside; }
#artsandentertainment .featureboxes li p { display:inline; }
#artsandentertainment .featureboxes h2, #musicvenues .featureboxes h2 { font-size:1.5rem; }
#artsandentertainment .featureboxes p, #musicvenues .featureboxes p { font-size:1rem; }
#artsandentertainment .featureboxes p:first-line, #musicvenues .featureboxes p:first-line { font-size:1.2rem; }
#bike-trails #mainContent h2 { margin-top:1em; font-size:1.8em; color:#008; }
#bike-trails #innerLinks { width:80%; }
#bike-trails #innerLinks td { width:50%; vertical-align:top; font-size:larger; text-align:center; line-height:2.2em; }
#bike-trails .bikelist { width:90%; max-width:600px; }
#bike-trails .bikelist td:nth-child(2) { text-align:center; }
#bike-trails .bikelist td a { font-size:16px; color:#400; }
#bike-trails .phoneList td, .bikelist td { padding:4px 0; text-transform:capitalize; }
#boats .table-responsive { width:80%; }
#boats .table-responsive tr td { width:45%; }
#boats .table-responsive tr td:nth-child(2) { width:30%; }
#boats .table-responsive tr td:nth-child(3) { width:25%; text-align:center; }
#bowling .table-responsive { min-width:70%; }
#bus .table-responsive { min-width:60%; }
#camping .table-responsive { width:90%; }
#camping .table-responsive tr td { text-transform:capitalize; width:30%; }
#camping .table-responsive tr td:nth-child(2) { width:30%; }
#camping .table-responsive tr td:nth-child(3) { width:25%; }
#camping .table-responsive tr td:nth-child(4) { width:15%; }
#carver .table-responsive { width:50%; }
#casinos .table-responsive { width:50%; }
#casinos .featureboxes { margin-bottom:1em; max-width:430px; max-height:550px; overflow-y:scroll; background-color:#ffd; }
#casinos .featureboxes ol { list-style-position:inside; }
#casinos .featureboxes li p { display:inline; }
#cities .halfBox { width:35%; }
#counseling .table-responsive { width:60%; }
#credit-unions .table-responsive { width:70%; }
#dining .homefeatureboxes { width:auto; max-width:650px; margin:0 auto; }
#dining .homeleft-box { float:left; margin-right:1% !important; width:48%; height:220px; background-color:#fff; border:#000; }
#dining .homeleft-box img { max-width:97%; }
#dining .homeleft-box .homefeaturetitle { background-color:#fff; color:#000; text-align:center; }
#dining .homeleft-box .homefeaturetitle a { color:#000; }
#dog-parks .featureboxes { margin-bottom:1em; max-width:430px; max-height:650px; overflow-y:scroll; background-color:#ffd; }
#dog-parks .featureboxes ol { list-style-position:inside; }
#dog-parks .featureboxes li p { display:inline; }
#gokart .table-responsive { width:60%; }
#familyfun .left-box { box-sizing:border-box; width:23%; margin-right:1%; min-height:270px; }
#familyfun .left-box a { display:block; text-align:center; }
#familyfun .left-box img { max-width:98%; height:200px; }
#familyfun .left-box h4 { font-size:18px; text-align:center; }
#familyoutdoor .left-box { box-sizing:border-box; width:23%; margin:0 1% 1em 0; min-height:330px; }
#familyoutdoor .left-box a { display:block; text-align:center; color:#000 !important; }
#familyoutdoor .left-box img { max-width:98%; height:200px; }
#familyoutdoor .left-box h4 { font-size:18px; text-align:center; }
#familyoutdoor #mainContent .left-boxx:nth-child(4n+1) { clear:left; }
#finearts .featureboxes { margin-bottom:1em; max-width:430px; max-height:650px; overflow-y:scroll; background-color:#ffd; }
#finearts .featureboxes ol { list-style-position:inside; }
#finearts .featureboxes li p { display:inline; }
#golfcourses .halfBox { max-width:310px; }
#golfcourses #innerLinks { margin:.5em auto; width:600px; }
#golfcourses #innerLinks .halfBox { float:left; width:48%; margin:.4em 1%; min-width:0; }
#golfcourses #innerLinks .halfBox a { vertical-align:top; color:#000; font-weight:bold; line-height:1.7em; text-decoration:underline; }
#golfcourses p a[title='More Info'] { color:#800; }
#golfcourses a.reg[rel=nofollow] { font-size:1rem; color:#008; }
#golfcourses .featureboxes h2 { margin-bottom:.5em; font-size:20px; line-height:1.3em; }
#government .left-box { box-sizing:border-box; width:22%; margin-bottom:4px; min-height:270px; border:solid 1px #000; }
#government .left-box div img { max-width:100%; text-align:center; }
#government .left-box h4 { font-size:18px; text-align:center; }
#government .left-box p { text-align:center; }
#hennco #mainContent .table-responsive tr td { padding-left:8px; padding-right:8px; }
#highschools .table-responsive { width:50%; }
#hotels .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#hotels .left-box div img { max-width:100%; text-align:center; }
#hotels .left-box h4 { margin-bottom:.5em; font-size:18px; line-height:1.2em; text-align:center; }
#hotels .left-box p { text-align:center; }
#hotel-deals .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#hotel-deals .left-box div img { max-width:100%; text-align:center; }
#hotel-deals .left-box h4 { font-size:18px; text-align:center; }
#hotel-deals .left-box p { text-align:center; }
#hotel-downtown .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#hotel-downtown .left-box div img { max-width:100%; text-align:center; }
#hotel-downtown .left-box h4 { font-size:18px; text-align:center; }
#hotel-downtown .left-box p { text-align:center; }
#hotel-suburbs .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#hotel-suburbs .left-box div img { max-width:100%; text-align:center; }
#hotel-suburbs .left-box h4 { font-size:18px; text-align:center; }
#hotel-suburbs .left-box p { text-align:center; }
#indoor-amusement .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#indoor-amusement .left-box div img { max-width:100%; text-align:center; }
#indoor-amusement .left-box h4 { font-size:18px; text-align:center; }
#indoor-amusement .left-box p { text-align:center; }
#mass-transit .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#mass-transit .left-box div img { max-width:100%; text-align:center; }
#mass-transit .left-box h4 { font-size:18px; text-align:center; }
#mass-transit .left-box p { text-align:center; }
#metro .left-box { box-sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#metro .left-box div img { max-width:100%; text-align:center; }
#metro .left-box h4 { margin-bottom:4px; font-size:18px; text-align:center; line-height:1.1em; }
#metro .left-box p { margin:4px; color:#000; text-align:center; }
#moa .table-responsive tr td:first-child { vertical-align:middle; }
#movies .featureboxes { margin-bottom:1em; max-width:430px; max-height:650px; overflow-y:scroll; background-color:#ffd; }
#movies .featureboxes ol { list-style-position:inside; }
#movies .featureboxes li p { display:inline; }
#musicvenues .featureboxes { margin-bottom:1em; max-width:430px; max-height:450px; overflow-y:scroll; background-color:#ffd; }
#musicvenues .featureboxes ol { list-style-position:inside; }
#musicvenues .featureboxes li p { display:inline; }
#outdoor-sports .table-responsive { width:70%; }
#parks .left-box { box=sizing:border-box; margin-bottom:4px; min-height:262px; border:solid 1px #000; }
#parks .left-box div img { max-width:100%; text-align:center; }
#parks .left-box h4 { font-size:18px; text-align:center; }
#parks .left-box p { text-align:center; }
#partyvenues .table-responsive { width:96%; margin:0 auto; border-collapse:collapse; }
#partyvenues .table-responsive th { font-weight:bold; background-color:#1E90FF; }
#partyvenues .table-responsive thead, #partyvenues .table-responsive tr { border-color:#000; border-style:solid; border-width:1px 0 0 1px; }
#partyvenues .table-responsive th { text-align:center; font-size:1.3em; color:#fff; text-shadow:1px 1px 0 #000; }
#partyvenues .table-responsive th, #partyvenues .table-responsive td { padding:2px 4px; vertical-align:top; border-color:#000; border-style:solid; border-width:0 1px 1px 0; }
#partyvenues .table-responsive tr td:first-child p a { font-size:1.2em; }
#shopping .left-box { box-sizing:border-box; margin-bottom:4px; width:23%; min-height:262px; border:solid 1px #000; }
#shopping .left-box div img { max-width:100%; text-align:center; }
#shopping .left-box h4 { font-size:18px; text-align:center; line-height:1.2em; }
#shopping .left-box p { margin:0 4px; text-align:center; }
#shopping-womens-moa .table-responsive { width:70%; }
#skateboarding .table-responsive { width:90%; }
#skateboarding .table-responsive tr td { box-sizing:border-box; text-transform:capitalize; width:30%; }
#skateboarding .table-responsive tr td:nth-child(2) { width:30%; }
#skateboarding .table-responsive tr td:nth-child(3) { width:25%; }
#skateboarding .table-responsive tr td:nth-child(4) { width:15%; }
#skiing .table-responsive { }
#skiing .table-responsive tr td { width:25%; }
#skiing .table-responsive tr td:nth-child(2) { width:35%; }
#skiing .table-responsive tr td:nth-child(3) { width:20%; }
#skiing .table-responsive tr td:nth-child(4) { width:18%; }
#sports .halfBox h2 { margin:.5em 0; font-size:1.3em; }
#sports .featureboxes { float:none; width:340px; margin:1em auto; padding:1em .5em; background-color:lightgreen; box-shadow:1px 1px 3px #444; }
#swimming .featureboxes { margin-bottom:1em; max-width:430px; max-height:450px; overflow-y:scroll; background-color:#ffd; }
#swimming .featureboxes ol { list-style-position:inside; }
#swimming .featureboxes li p { display:inline; }
#theme-parks .table-responsive { width:90%; }
#theme-parks .table-responsive tr td { box-sizing:border-box; text-transform:capitalize; width:40%; }
#theme-parks .table-responsive tr td:nth-child(2) { width:30%; }
#theme-parks .table-responsive tr td:nth-child(3) { width:20%; }
#theme-parks .table-responsive tr td:nth-child(4) { width:15%; }
#zoos .table-responsive { width:60%; }
#mainContent table tr:hover, .table-responsive tr:hover { background-color:#ffd; }
#events .eName { color:#800; font-weight:bold; text-transform:capitalize; }
#events .eDate { color:#008; font-weight:bold; }
#events .event, #events .rdEvent { margin:.5em 0 1em 0; }
#events .event:first-line { font-size:1.4rem; }
#events a[name] { clear:left; }
#events .rdEvent { float:none; margin:0 0 20px 2%; width:48%; min-height:130px; font-size:.9rem; color:#000; line-height:1.3; }
#events .rdEvent .eName { font-size:1.4rem; color:#800; text-shadow:1px 1px 1px #444; }
#events .rdEvent .eName img { float:left; margin:0 6px 0 0; width:150px; }
#events .rdEvent .eDate { font-size:1.2rem; color:#008; font-weight:bold; }
#events .rdEventsBox { display:flex; flex-wrap:wrap; }
/* #events .rdEventsBox .rdEvent:nth-Child(2n+1) { clear:left; }
#events .rdEventsBox .rdEvent:first-Child { clear:none; } */
#events .rdEventsBox h2, #events h2 { margin:4px 0 12px 0; padding:4px 0; background-color:#ffff80; }
#events .rdEvent .rdToggleBtn { font-weight:bold; }
#musicvenues .featureboxes p a img { float:left; margin:0 6px 1em 0; width:150px; }
#musicvenues .featureboxes p:after { content:' '; display:block; clear:both; height:0; }
#mainContent .bannerAdBox {
float:left;
margin:2px 1% 4px 0;
padding:0;
width:24%;
height:350px;
vertical-align:top;
}
#mainContent .bannerAdBox img {
width:99%;
max-width:290px;
}
#mainContent #restaurants .bannerAdBox { height:510px; }
/* Contact */
#rdMailForm { margin:0 auto; padding:.5em 1em; width:80%; background-color:rgba(255,255,128,.4); }
#rdMailForm label { padding-top:.5em; font-weight:bold; }
#rdMailForm input, #quote #rdMailForm select { margin-bottom:.75em; }
#rdMailForm input[type=text], #rdMailForm input[type=email] { font-size:16px; }
#rdMailForm input[type=submit] { margin-top:.5em; padding:2px .5em; font-size:1.1em; color:#fff; background-color:#800; border-radius:.5em; }
#rdMailForm h2 { margin-top:.25em; }
#rdMailForm .halfBox { padding:0 8px; }
/* =============== */
/* MEDIA QUERIES */
/* =============== */
/* 768px */
@media screen and (max-width:768px) {
p { font-size:16px; }
#wrapper { padding-bottom:310px; }
#mainContent { float:none; margin-bottom:0px; }
#rightColumn { position:absolute; bottom:0; float:none; margin:0; padding:0; width:100%; height:308px; min-height:0; overflow:hidden; z-index:2; text-align:center; background-color:#ddd; }
#rightColumn p { float:none; width:100px; margin:0 2px 0 0; }
#rightColumn p { display:none; }
#rightColumn p:first-child, #rightColumn p:nth-child(2), #rightColumn p:nth-child(3), #rightColumn p:nth-child(4), #rightColumn p:nth-child(5), #rightColumn p:nth-child(6) { display:inline-block; }
#rightColumn p img { max-width:100%; }
#rightColumn p.mobileAd { display:block; margin:2px 0; width:100%; text-align:center; }
.adBlock { display:block; }
.ads-manual #rightColumn, .ads-events #rightColumn { display:none; }
.ads-manual .adBlock, .ads-events .adBlock { background-color:#aaa; overflow:hidden; }
.ads-manual .adBlock p, .ads-events .adBlock p { margin:2px auto; text-align:center; }
.homeCatBox { width:31%; min-height:226px; }
.homeCatBox p { font-size:1rem !important; }
.homeCatBox h2 { line-height:1.2em; }
.homeCatBox img { height:110px; }
#homeCats .homeCatBox:nth-Child(4n+1) { clear:none; } /* 3n+1 */
.halfBox { line-height:2em; }
.noMobile, .nomobile { display:none; }
.noDesktop { display:block !important;}
.table-responsive { font-size:1rem !important; }
.table-responsive td, .bustitles { padding:2px; }
nav #logo { display:block; padding: 4px 0 0 0; width: 100%; text-align: center; float: none; }
nav #logo a { margin:0; font-size:.8em; line-height:1em; }
nav #logo img { margin:0; width:80%; }
nav { margin: 0; }
.toggle + a, .menu { display: none; }
label[for=drop] { text-align:center; }
.toggle {
display: block;
padding: 0 20px;
color: #FFF;
font-size: 20px;
line-height: 40px;
text-decoration: none;
border: none;
}
.toggle:hover { background-color: #000000; }
[id^=drop]:checked + ul { display: block; }
nav ul li {
display: block;
width: 100%;
}
nav ul ul .toggle,
nav ul ul a { padding: 0 40px; }
nav ul ul ul a { padding: 0 80px; }
nav a:hover { color:#fff; }
nav a:hover,
nav ul ul ul a { color:#fff; background-color: #000000; }
nav ul li ul li .toggle,
nav ul ul a { background-color: #212121; }
nav ul ul {
float: none;
position: static;
color: #ffffff;
}
nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }
nav ul ul li {
display: block;
width: 100%;
}
nav ul ul ul li { position: static; }
#events .rdEvent { float:none; margin:.5% 0 12px .5%; width:auto; }
#events .rdEvent:after {
content:'';
display:block;
clear:both;
height:0;
}
.featureboxes { width:100%; }
#mainContent .bannerAdBox {
float:none;
width:auto;
}
} /* end max-width:768px */
/* =============================
480 px
============================= */
@media all and (max-width : 480px) {
#airlines #topBanner { background-image:url('img/thumbs/airplane.jpg'); }
#airport-hotels #topBanner { background-image:url('img/thumbs/1hotel.jpg'); }
#airport-info #topBanner { background-image:url('img/thumbs/airport.jpg'); }
#area-government #topBanner { background-image:url('img/thumbs/government-services.jpg'); }
#arts-cultural #topBanner { background-image:url('img/thumbs/cultural-centers.jpg'); }
#bike-trails #topBanner { background-image:url('img/thumbs/bike1.jpg'); }
#boats #topBanner { background-image:url('img/thumbs/boats.jpg'); }
#bowling #topBanner { background-image:url('img/thumbs/bowling-pins.jpg'); }
#bus #topBanner { background-image:url('img/thumbs/bus.jpg'); }
#cafes #topBanner { background-image:url('img/thumbs/cafe.jpg'); }
#camping #topBanner { background-image:url('img/thumbs/camping.jpg'); }
#carver #topBanner { background-image:url('img/thumbs/county2.jpg'); }
#casinos #topBanner { background-image:url('img/thumbs/casino.jpg'); }
#chambers #topBanner { background-image:url('img/thumbs/chambers-commerce.jpg'); }
#charity #topBanner { background-image:url('img/thumbs/charity.jpg'); }
#charters #topBanner { background-image:url('img/thumbs/charters.jpg'); }
#cities #topBanner { background-image:url('img/thumbs/city-government.jpg'); }
#communityevents #topBanner { background-image:url('img/thumbs/mn-state-fair.jpg'); }
#counseling #topBanner { background-image:url('img/thumbs/counseling.jpg'); }
#credit-unions #topBanner { background-image:url('img/thumbs/credit-union.jpg'); }
#dining #topBanner { background-image:url('img/thumbs/dining.jpg'); }
#downtown-dining #topBanner { background-image:url('img/thumbs/downtown-dining.jpg'); }
#downtown-restaurants #topBanner { background-image:url('img/thumbs/downtown-dining.jpg'); }
#ethnic-dining #topBanner { background-image:url('img/thumbs/ethnic-dining.jpg'); }
#familyfun #topBanner { background-image:url('img/thumbs/ffi.jpg'); }
#familyoutdoor #topBanner { background-image:url('img/thumbs/outdoor-fun.jpg'); }
#finearts #topBanner { background-image:url('img/thumbs/art-gallery.jpg'); }
#gokart #topBanner { background-image:url('img/thumbs/gokart.jpg'); }
#golfcourses #topBanner { background-image:url('img/thumbs/thumbs/golf-course3.jpg'); }
#government #topBanner { background-image:url('img/thumbs/capitol.jpg'); }
#hennco #topBanner { background-image:url('img/thumbs/county1.jpg'); }
#highschools #topBanner { background-image:url('img/thumbs/school-2.jpg'); }
#homeimprovement #topBanner { background-image:url('img/thumbs/improvement-home.jpg'); }
#home-services #topBanner { background-image:url('img/thumbs/services-home.jpg'); }
#hotels #topBanner { background-image:url('img/thumbs/1hotel.jpg'); }
#hotel-deals #topBanner { background-image:url('img/thumbs/4hotel.jpg'); }
#hotel-downtown #topBanner { background-image:url('img/thumbs/2hotel.jpg'); }
#hotel-suburbs #topBanner { background-image:url('img/thumbs/3hotel.jpg'); }
#ice-skating #topBanner { background-image:url('img/thumbs/iceskating.jpg'); }
#indoor-amusement #topBanner { background-image:url('img/thumbs/iac.jpg'); }
#lake-minnetonka #topBanner { background-image:url('img/thumbs/minnetonka-beach.jpg'); }
#libraries #topBanner { background-image:url('img/thumbs/library.jpg'); }
#mass-transit #topBanner { background-image:url('img/thumbs/mass-transit.jpg'); }
#metro #topBanner { background-image:url('img/thumbs/metro.jpg'); }
#moa #topBanner { background-image:url('img/thumbs/moa.jpg'); }
#movies #topBanner { background-image:url('img/thumbs/movie-theater2.jpg'); }
#musicvenues #topBanner { background-image:url('img/thumbs/band1.jpg'); }
#newspapers #topBanner { background-image:url('img/thumbs/newspapers.jpg'); }
#other-indoor #topBanner { background-image:url('img/thumbs/lasertag.jpg'); }
#recreation #topBanner { background-image:url('img/thumbs/oac.jpg'); }
#outdoor-sports #topBanner { background-image:url('img/thumbs/minigolf.jpg'); }
#paintball #topBanner { background-image:url('img/thumbs/paintball.jpg'); }
#parks #topBanner { background-image:url('img/thumbs/parks1.jpg'); }
#pizza #topBanner { background-image:url('img/thumbs/pizza.jpg'); }
#radio #topBanner { background-image:url('img/thumbs/radio.jpg'); }
#car-rental #topBanner { background-image:url('img/thumbs/rental.jpg'); }
#retail #topBanner { background-image:url('img/thumbs/retail.jpg'); }
#roller-skating #topBanner { background-image:url('img/thumbs/roller-skating.jpg'); }
#services #topBanner { background-image:url('img/thumbs/services.jpg'); }
#shopping #topBanner { background-image:url('img/thumbs/moa.jpg'); }
#shopping-centers #topBanner { background-image:url('img/thumbs/shopping-centers.jpg'); }
#shopping-mens #topBanner { background-image:url('img/thumbs/mens-shop.jpg'); }
#shopping-womens #topBanner { background-image:url('img/thumbs/womens-shop.jpg'); }
#shopping-womens-moa #topBanner { background-image:url('img/thumbs/womens-shop-2.jpg'); }
#skateboarding #topBanner { background-image:url('img/thumbs/skateboard.jpg'); }
#skiing #topBanner { background-image:url('img/thumbs/ski.jpg'); }
#spas #topBanner { background-image:url('img/thumbs/club-health.jpg'); }
#sports #topBanner { background-image:url('img/thumbs/minnesota-helmet.jpg'); }
#statenumbers #topBanner { background-image:url('img/thumbs/government-services.jpg'); }
#swimming #topBanner { background-image:url('img/thumbs/waterpark.jpg'); }
#taxis #topBanner { background-image:url('img/thumbs/taxi.jpg'); }
#artsandentertainment #topBanner { background-image:url('img/thumbs/theater1.jpg'); }
#theme-parks #topBanner { background-image:url('img/thumbs/themepark.jpg'); }
#trains #topBanner { background-image:url('img/thumbs/train.jpg'); }
#trampolines #topBanner { background-image:url('img/thumbs/trampoline.jpg'); }
#transportation #topBanner { background-image:url('img/thumbs/skyline.jpg'); }
#tv #topBanner { background-image:url('img/thumbs/tvstation.jpg'); }
#wallclimbing #topBanner { background-image:url('img/thumbs/climbing-wall.jpg'); }
#zoos #topBanner { background-image:url('img/thumbs/zoo.jpg'); }
#rdTopButton { display:none; left:60% !important; padding:.2em .4em !important; font-size:1rem !important; white-space:nowrap; }
nav #logo img { box-sizing:border-box; width:60%; }
nav ul li {
display: block;
width: 94%;
}
#topBanner { height:100px; }
#topBanner h1 { margin-top:20px; }
#topBanner h1 { font-size:1.2em; }
#topBanner h1:first-line { font-size:1.2em; }
.imgBoxLeft { min-width:140px; }
#wrapper { padding-bottom:1610px; }
#mainContent { margin-bottom:0px; }
#rightColumn { position:absolute; bottom:0; float:none; margin:0; padding:0; width:100%; height:1600px; min-height:0; overflow:hidden; z-index:2; text-align:center; }
#rightColumn p { display:inline-block; margin:0 auto 4px auto; width:98%; text-align:center; } /* width:145px; height:195px; */
#rightColumn p { display:none; }
#rightColumn p:first-child, #rightColumn p:nth-child(2), #rightColumn p:nth-child(3), #rightColumn p:nth-child(4) { display:inline-block; }
#rightColumn p:nth-child(4n) { clear:left; }
#rightColumn p img { max-width:100%; }
#rightColumn p.mobileAd { display:block; margin:2px 0; text-align:center; }
#mainContent .table-responsive { width:100%; }
#mainContent p, #events .rdEvent { font-size:1rem; line-height:1.2rem; }
#events .rdEvent .eName { font-size:1.2rem !important; }
#events .rdEvent .eName img { margin:0 10px 10px 0; width:100px; }
#events .rdEvent .eDate { font-size:1.1rem !important; }
.homeCatBox { width:48%; height:auto; min-height:0; }
.homeCatBox img { max-width:75%; }
.halfBox, .featureboxes, .left-box { float:none; width:auto; }
.left-box img { height:auto; }
.left-box h4 { font-size:16px; }
#familyoutdoor .left-box { width:98%; min-height:0; text-align:center }
#familyoutdoor .left-box p { text-align:center; }
#golfcourses #innerLinks .halfBox { float:none; width:auto; margin:.4em 1%; }
#shopping .left-box { margin-right:1%; width:48%; }
#skateboarding .table-responsive { width:100%; }
#theme-parks .table-responsive { width:100%; }
.homeleft-box { height:150px; }
.homefeaturetitle { line-height:1em; }
.homefeaturetitle a { font-size:18px; line-height:1em; }
.map-container { float:none; position:relative; margin:1em auto; width:340px; height:400px; max-width:100%; }
.colGrid { display:block; margin-bottom:8px; }
} /* end max-width: 480px */
@media screen and (max-width:414px) {
.homeCatBox { width:98%; }
} /* end max-width:414px */