@charset "UTF-8"; /* Sets the encoding of the style sheet to Unicode UTF-8. Don't move it. */ /* GRIDS ----------------------------------------------- /////////////////////////////////////////////// */ /* Gutterless Grids */ .gut-none .col_06 { float:left; margin:0; vertical-align:top; width:100%; } .gut-none .col_04 { float:left; margin:0; vertical-align:top; width:66.666%; } .gut-none .col_03 { float:left; margin:0; vertical-align:top; width:50%; } .gut-none .col_02 { float:left; margin:0; vertical-align:top; width:33.333%; } .gut-none .col_01 { float:left; margin:0; vertical-align:top; width:16.666%; } /* Gutter Grids */ .gut-side .col_06 { float:left; margin-left:2%; vertical-align:top; width:100%; } .gut-side .col_04 { float:left; margin-left:2%; vertical-align:top; width:66%; } .gut-side .col_03 { float:left; margin-left:3%; vertical-align:top; width:30%; } .gut-side .col_02 { float:left; margin-left:2%; vertical-align:top; width:32%; } .gut-side .col_01 { float:left; margin-left:2%; vertical-align:top; width:15%; } .gut-side .row > [class^="col_0"]:first-child { margin-left:0; } /* Removes left margin from first .col_0X of each .row */ /* Top Gutters */ .gut-top [class^="col_0"] { margin-top:2%; } .gut-top-20 [class^="col_0"] { margin-top:20px; } .gut-top-40 [class^="col_0"] { margin-top:40px; } /* Bottom Gutters */ .gut-bot [class^="col_0"] { margin-bottom:2%; } .gut-bot-20 [class^="col_0"] { margin-bottom:20px; } .gut-bot-40 [class^="col_0"] { margin-bottom:40px; } /* FONTS ----------------------------------------------- /////////////////////////////////////////////// */ @font-face { font-family:titleFontThin; src:url('/fonts/font-face/mensch-thin-wf.ttf'), url('/fonts/font-face/mensch-thin-wf.eot'); /* IE9 */ font-weight:bold; } @font-face { font-family:'subFonts'; src:url('/fonts/font-face/mensch-bold-wf.eot'); src:url('/fonts/font-face/mensch-bold-wf.eot?#iefix') format('embedded-opentype'), url('/fonts/font-face/mensch-bold-wf.woff') format('woff'), url('/fonts/font-face/mensch-bold-wf.ttf') format('truetype'), url('/fonts/font-face/mensch-bold-wf.svg#MenschMenschBold') format('svg'); font-weight:bold; } @font-face { font-family:ampFontsMain; src:url('/fonts/M__1c_thin/mplus-1c-thin.eot'); src:url('/fonts/fM__1c_thin/mplus-1c-thin.eot?#iefix') format('embedded-opentype'), url('/fonts/M__1c_thin/mplus-1c-thin.woff') format('woff'), url('/fonts/M__1c_thin/mplus-1c-thin.ttf') format('truetype'), url('/fonts/M__1c_thin/mplus-1c-thin.svg') format('svg'); } @font-face { font-family:ampFontsBold; src:url('/fonts/wonderfull/wonderfull.eot'); src:url('/fonts/wonderfull/wonderfull.eot?#iefix') format('embedded-opentype'), url('/fonts/wonderfull/wonderfull.woff') format('woff'), url('/fonts/wonderfull/wonderfull.ttf') format('truetype'), url('/fonts/wonderfull/wonderfull.svg') format('svg'); font-weight:bold; } .ampMain { font-family:ampFontsMain; } .ampBold { font-family:ampFontsBold; font-size:85%; vertical-align:bottom; } @font-face { font-family:'MenschRegular'; src: url('/fonts2/mensch-wf.eot'); src: url('/fonts2/mensch-wf.eot?#iefix') format('embedded-opentype'), url('/fonts2/mensch-wf.woff') format('woff'), url('/fonts2/mensch-wf.ttf') format('truetype'), url('/fonts2/mensch-wf.svg#MenschMenschRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'MenschBold'; src: url('/fonts2/mensch-bold-wf.eot'); src: url('/fonts2/mensch-bold-wf.eot?#iefix') format('embedded-opentype'), url('/fonts2/mensch-bold-wf.woff') format('woff'), url('/fonts2/mensch-bold-wf.ttf') format('truetype'), url('/fonts2/mensch-bold-wf.svg#MenschMenschBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'MenschBoldInline'; src: url('/fonts2/mensch-inline-wf.eot'); src: url('/fonts2/mensch-inline-wf.eot?#iefix') format('embedded-opentype'), url('/fonts2/mensch-inline-wf.woff') format('woff'), url('/fonts2/mensch-inline-wf.ttf') format('truetype'), url('/fonts2/mensch-inline-wf.svg#MenschMenschBoldInline') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'MenschThin'; src: url('/fonts2/mensch-thin-wf.eot'); src: url('/fonts2/mensch-thin-wf.eot?#iefix') format('embedded-opentype'), url('/fonts2/mensch-thin-wf.woff') format('woff'), url('/fonts2/mensch-thin-wf.ttf') format('truetype'), url('/fonts2/mensch-thin-wf.svg#MenschMenschThin') format('svg'); font-weight: normal; font-style: normal; } /* KEYFRAMES ----------------------------------------------- /////////////////////////////////////////////// */ @keyframes slide { 0% { padding-left:0; opacity:0; } 100% { padding-left:100px; opacity:1; } } @keyframes slidein { 0% { padding-left:0; opacity:1; } 100% { padding-left:100px; opacity:0; } } @keyframes trans { 0% { transform:none; } 100% { transform:scale(2,2) rotate(90deg); } } @keyframes fadein { 0% { opacity:0; transform:translate(-100px,0); } 100% { opacity:1; transform:translate(0,0); } } /* TOP LEVEL SHIT - NEEDS REORGANIZE ----------------------------------------------- /////////////////////////////////////////////// */ body { } body { } textarea { font-family:Arial, Helvetica, sans-serif; } img { max-width:100%; vertical-align:top; } img { border:none; height:auto; font-style:italic; -ms-interpolation-mode:bicubic; } /* Removes borders from linked images. Increases quality when scaled in IE7 */ dl,dt { margin:0; padding:0; border:0; } div,span,ol,ol li,ul,ul li { list-style-type:none; vertical-align:top; } p { margin:0; padding:0; margin-bottom:12px; vertical-align:top; } [class^="col_0"] p:last-child { margin-bottom:0; } a { color:#0099FF; text-decoration:none; line-height:1.125em; transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; } a img { transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; } a:hover { color:#ffff99; /* color:#bed524; */ } .img { background:#ccc; display:inline-block; overflow:hidden; } .img img { opacity:0; transition:opacity 1s; -webkit-transition:opacity 1s; -moz-transition:opacity 1s; -ms-transition:opacity 1s; } .img.loaded img { opacity:1; margin: 0 auto;} ul, ol, li { margin:0; padding:0; } .hidden { display:none; } .pad h2:first-child, .pad h3:first-child { margin-top:0; } .wrapper { height:100%; margin:0; position:relative;text-align:left; vertical-align:top; left:0; width:100%; } .section { margin:0; position:relative; vertical-align:top; } .section_full { display:block; margin:0; position:relative; vertical-align:top; } .row { margin:0 auto; position:relative; vertical-align:top; max-width:1000px; } .row:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; } .pad { background:#fff; border-bottom:3px solid #ddd; padding:40px; } .pad:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; } .box { background:red; width:100px; height:100px; } .box:hover { animation-name:trans; animation-delay:0; animation-direction:normal; animation-duration:2s; animation-iteration-count:infinite; animation-play-state:running; animation-timing-function:ease; animation-fill-mode:none; } .meow { opacity:0; color:black; } .box:hover .meow { transition:1s; opacity:1; } .fadein { animation-name:fadein; animation-delay:0; animation-direction:normal; animation-duration:1s; animation-iteration-count:1; animation-play-state:running; animation-timing-function:ease; animation-fill-mode:none; } .repeat { animation-name:slide; animation-delay:0; animation-direction:normal; animation-duration:2s; animation-iteration-count:infinite; animation-play-state:running; animation-timing-function:ease; animation-fill-mode:none; } .hov:hover { animation-name:slidein; animation-delay:0; animation-direction:alternate; animation-duration:2s; animation-iteration-count:infinite; animation-play-state:running; animation-timing-function:ease; animation-fill-mode:none; } /* LAYOUT STUFF - MOVE LAYOUT STUFF HERE ----------------------------------------------- /////////////////////////////////////////////// */ /* Logo & Navigation */ #navi { padding-bottom:0px; padding-top:0px; z-index:10;} #navi .logo-new { height:1px; overflow:visible; width:45%; left: -75px; position: absolute;} #navi .logo-new a { display:block; border-radius:999px; position:relative; } #navi .logo-new a:hover { color:#f26522; } #navi .logo-new a:hover img { opacity:0.85; } #navi .logo-new a:hover .msg { opacity:1; top:45%; } #navi .logo-new .msg { font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:33px; line-height:30px; left:0; right:0; opacity:0; position:absolute; top:30px; text-align:center; z-index:1; transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; -webkit-transition:all .4s ease; } #navi .logo-new img { display:block; max-width:100%; } #navi .logo_s { display:block; text-align:center; } #navi .logo_s img { margin:0 auto; max-width:100%; } #navi .group { float:right; margin:0 0px 0 0; width:70%; position:relative; } #navi .left .nav > li { float:left; margin-left:1%; } #navi .left .nav > li:first-child { margin-left:5px; } #navi .right .nav > li { float:right; margin-right:20%; } #navi .right .nav > li:first-child { margin-right:0; } #navi .nav { margin-top:180px; width:100%; background-color: #03339C; border-bottom: 1px solid #0b3da9;} #navi .nav a { display:block; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:13px; line-height:19px; color:#ffffff; } #navi .nav div { color:#ffffff; cursor:default; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:13px; line-height:19px; } #navi .nav > li { padding:5px 3px 5px 3px; position:relative; } #navi .nav > li:hover { background-color:#03339C; } #navi .nav > li > ul { left:-9999px; position:absolute; width:150px; background-color:#03339C; margin-top:4px; border-bottom:} #navi .nav > li > ul > li { padding-left:5px; margin-top:2px; border-bottom: 1px solid #0b3da9;} #navi .nav > li > ul > li > a { font-size:12px; display:block; line-height:16px; padding:4px 5px; } #navi .nav > li > ul > li > a:hover { text-decoration:underline; } #navi .nav > li:hover > ul { left:-5px; } #navi .nav > li:hover > div { /* color:#bed524; */ } #navi .nav > li > ul > li { position:relative; } #navi .nav > li > ul > li > ul { left:-9999px; position:absolute; width:170px; background-color:#03339C; top:-2px;} #navi .nav > li > ul > li > ul > li { padding-left:5px; margin-top:2px; border-bottom: 1px solid #0b3da9;} #navi .nav > li > ul > li:hover > ul { left:150px; } #navi .nav > li > ul > li > ul > li > a:hover { text-decoration:underline; } #navi .nav > li > ul > li > ul > li > a { display: block; font-size: 12px; line-height: 16px; padding: 4px 5px; } #navi .nav_s { margin-top:20px; } #navi .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:10px 10px 8px 10px; } #navi .nav_s div { background:#F26522; border-top:1px solid #fff; color:#fff; cursor:pointer; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:10px 10px 8px 10px; transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; } #navi .nav_s > li { } #navi .nav_s > li:first-child > div { border-top:0; } #navi .nav_s > li > ul { display:none; } #navi .nav_s > li > ul > li { } #navi .nav_s > li > ul > li > a { background:#fc9564; background:rgba(252,149,100,1); } #navi .nav_s > li > ul > li > a:hover { background:rgba(252,149,100,0.5); } #nav-gap { height:0px; } .blue-bottom { } .active-link { background-color:#03339C; } #navi .nav > .active-link > ul { left:10px; } #navi .nav > li:hover + .active-link > ul { left:-9999px; } /* Banner / Header */ #banner { padding-top:0px; text-align:center; } #banner .white { background:#fff; box-shadow:0 3px 0 rgba(0,0,0,0.2); display:block; position:absolute; top:0; left:0; right:0; height:10px; z-index:5; } #banner .scan { position:absolute; top:0; left:0; right:0; bottom:0; z-index:4; } #banner .slider { margin:0 auto; } #banner .slider img { display:block; } #banner .static { margin:0 auto; min-width:909px;} #banner .static img { display:block; } #caption { background:#fff; color:#f26522; font-size:14px; font-style:italic; padding-bottom:15px; padding-top:15px; text-align:center; } /* Content Sections */ #cont { padding-top:60px; } #cont .col_04 .pad { margin-right:20px; } #cont [class^="col_0"] { margin-bottom:60px; } #cont .row:first-child [class^="col_0"] { margin-bottom:0; } #cont .title { font-family:'MenschThin'; font-size:60px; letter-spacing:-2px; margin-top:-15px; margin-bottom:51px; } #cont .title-sub { font-family:'MenschRegular'; font-size:40px; letter-spacing:-1px; line-height:31px; margin-bottom:39px; padding-left:40px; } #cont p { font-size:16px; line-height:25px; margin-top:-5px; } #cont hr { display:block; border:0; margin:0; padding:0; background:#ccc; height:1px; margin-top:23px; margin-bottom:29px; } #cont .col_02 > .contacter > p > a { display:block; font-size:16px; line-height:25px; overflow:hidden; position:relative; } #cont .col_02 > .contacter > p > a:after { background:url('/images/fade.png') repeat-y right; content:""; position:absolute; top:0; right:0; left:0; bottom:0; z-index:100; } #cont .col_04 > .pad > img { border:1px solid transparent; float:right; outline:1px solid #eee; margin:0 0 20px 20px; max-width:50%; } #cont .col_06 > .pad > img { border:1px solid transparent; float:right; outline:1px solid #eee; margin:0 0 20px 20px; max-width:50%; } #cont ul { margin-top:-6px; margin-bottom:12px; } #cont [class^="col_0"] ul:last-child { margin-bottom:0; } #cont ul li { font-size:16px; line-height:26px; list-style-type:square; margin-left:2px; margin-left:20px; } #cont ul > li > ul { margin-top:0; } #cont h1 { } #cont h2 { } #cont h3 { line-height:25px; margin-bottom:39px; } #cont h4 { line-height:23px; margin-bottom:16px; margin-top:-3px; letter-spacing:-1px; background: } #cont h5 { } #cont ul + h4 { margin-top:30px; } #cont p + h4 { margin-top:30px; } #cont p + h3 { margin-top:33px; } #cont p + fieldset { margin-top:38px; } #cont div.boxed { border-radius:5px; display:block; color:#fff; margin-bottom:10px; padding:5px; } #cont p.boxed { margin-bottom:20px; margin-top:0; } #cont p.boxed a { display:block; font-size:12px; line-height:18px; } #cont .boxed:last-child { margin-bottom:0; } #cont .c_03 > li { background:#f1f1f1; float:left; list-style-type:none; margin-left:2%; min-height:250px; padding:2%; width:28%; } #cont .c_03 > li:first-child { margin-left:0; } #cont .c_03 > li img { background:#fff; float:none; display:block; margin:0 auto; padding:10px; border-radius:5px; } #cont .gallery-wrap { margin-top:41px; } #cont .gallery-row { } #cont .gallery-display { float:left; width:25%; } #cont .gallery-display a { background-color:#efefef; background-repeat:no-repeat; background-position:center center; border:1px solid #ccc; border-left:0; margin-top:-1px; min-height:190px; display:block; } #cont .gallery-display:first-child a { border-left:1px solid #ccc; } #cont .tip { display:block; margin-top:40px; } #cont .tip:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; } #cont .tip img { float:left; margin:0 20px 0 0; } #cont .directory > li { float:left; margin:0; margin-left:2%; width:48%; } #cont .events > li { border-top:1px dotted #999; margin:0; padding-top:5px; padding-bottom:5px; list-style-position:inside; } #cont .events > li:first-child { border-top:0; padding-top:0; } #cont .events > li:last-child { padding-bottom:0; } #cont .grape { display:block; text-align:center; } #cont .grape:hover { opacity:0.5; } #cont .amenity-table { border-collapse:collapse; width:100%; } #cont .amenity-table th { background:#F26522; border:1px solid #fff; color:#fff; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:9px 8px 7px 8px; text-align:center; } #cont .amenity-table th:first-child { text-align:left; } #cont .amenity-table tr:hover > td { background:rgba(252,149,100,0.1); cursor:default; } #cont .amenity-table tr { border-top:1px solid #ccc; } #cont .amenity-table td { color:#444; border-left:1px solid #fff; border-right:1px solid #fff; padding:7px 8px 7px 8px; } #cont .amenity-table td:first-child { padding:0; } #cont .amenity-table td:first-child a { padding:7px 8px 7px 8px; } #cont .amenity-table td:nth-child(even) { background:rgba(252,149,100,0.1); } #cont .amenity-table a { display:block; } #cont .amenity-key { border-collapse:collapse; width:100%; } #cont .amenity-key th { background:#F26522; border:1px solid #fff; color:#fff; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:9px 8px 7px 8px; } #cont .amenity-key tr:hover > td { background:rgba(252,149,100,0.3); cursor:default; } #cont .amenity-key tr:nth-child(even) { background:#f3f3f3; } #cont .amenity-key td { color:#444; font-size:14px; padding:5px 6px 5px 6px; } #cont .recentwinners { margin:0; margin-bottom:20px; } #cont .recentwinners li { list-style-type:none; margin:0; margin-top:5px; padding:0; } #cont .recentwinners img { background:#f8eee8; border-radius:5px; display:block; float:left; margin:2px 10px 0 0; padding:5px; } #cont .recentwinners a { display:block; } #cont .recentwinners strong { display:block; } #cont .listtable { border-collapse:collapse; width:100%; } #cont .listtable th { background:#F26522; border:1px solid #fff; color:#fff; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:9px 8px 7px 8px; text-align:center; } #cont .listtable th:first-child { text-align:left; } #cont .listtable tr:hover > td { background:rgba(252,149,100,0.1); cursor:default; } #cont .listtable tr { border-top:1px solid #ccc; } #cont .listtable td { color:#444; border-left:1px solid #fff; border-right:1px solid #fff; padding:7px 8px 7px 8px; } #cont .listtable td:nth-child(even) { background:rgba(252,149,100,0.1); } #cont .item { margin-bottom:33px; } #cont .item h4 { margin-bottom:7px; transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; } #cont .item a:hover h4 { color:#111; } #cont .item .date { border-top:1px solid #ddd; display:block; font-size:14px; line-height:10px; padding:10px 0 0 0; margin-bottom:19px; text-transform:uppercase; font-weight:bold; color:#999; } #cont .item:last-child { border:0; margin:0; padding:0; } #cont .pressdate { border-bottom:1px solid #ddd; display:block; font-size:14px; line-height:10px; padding:0 0 10px 0; margin-bottom:19px; text-transform:uppercase; font-weight:bold; color:#999; } #award-table { border-collapse:collapse; width:100%; } #award-table img { background:#f8eee8; border-radius:5px; display:block; margin:0 auto; padding:2px; } #award-table th { background:#F26522; border:1px solid #fff; color:#fff; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:9px 8px 7px 8px; } #award-table th a { color:#fff; } #award-table tbody td { border-top: 1px solid #ccc; } #award-table .arrow { margin-top:10px; width:8px; } /* Footer */ #partners { padding-bottom:90px; } #partners h3 { line-height:25px; margin-bottom:39px; } #partners a { background:#f26522; display:block; max-width:280px; backface-visibility:hidden; -webkit-backface-visibility:hidden; /* Chrome and Safari */ -moz-backface-visibility:hidden; /* Firefox */ -ms-backface-visibility:hidden; /* Internet Explorer */ } #partners img { display:block; max-width:100%; } #partners a:hover img { opacity:0.75; } #partners ul li { float:left; width:33.333%; } #partners ul li:nth-child(2) a { margin:0 auto; } #partners ul li:last-child a { float:right; } #white { background:#fff; height:10px; } #white .arrow { top:-30px; left:0; right:0; position:absolute; text-align:center; z-index:1; } #white .arrow a { background:#fff; border-radius:999px; display:block; position:relative; margin:0 auto; width:70px; } #white .arrow a:hover img { opacity:0.25; } #white .arrow img { display:block; } #footer { background:url('/images/bg-foot.jpg') center top no-repeat #fff; padding-top:60px; padding-bottom:40px; } #footer .group.left { float:left; margin-right:0%; width:41.5%; } #footer .group.left a { margin-right:20px; } #footer .group.right { float:left; margin-left:0%; width:41.5%; text-align:right; } #footer .group.right a { margin-left:20px; } #footer .group.center { float:left; width:17%; } #footer .nav { font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; } #footer .nav > li { float:left; width:33%; } #footer .nav > li > div { color:#f26522; font-size:24px; line-height:21px; } #footer .nav > li > ul { margin-bottom:-2px } #footer .nav > li > ul > li { margin-top:17px; } #footer .nav > li > ul > li:first-child { margin-top:37px; } #footer .nav > li > ul > li > a { color:#888; display:block; line-height:15px; } #footer .nav > li > ul > li > a:hover { color:#444; } #footer .nav_s { } #footer .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:10px 10px 8px 10px; } #footer .nav_s div { background:#F26522; border-top:1px solid #fff; color:#fff; cursor:pointer; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:22px; line-height:19px; padding:10px 10px 8px 10px; transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; } #footer .nav_s > li { } #footer .nav_s > li:first-child > div { border-top:0; } #footer .nav_s > li > ul { display:none; } #footer .nav_s > li > ul > li { } #footer .nav_s > li > ul > li > a { background:#fc9564; background:rgba(252,149,100,1); } #footer .nav_s > li > ul > li > a:hover { background:rgba(252,149,100,0.5); } #footer .big { font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; } #footer .big li { margin-top:20px; } #footer .big li:first-child { margin-top:0; } #footer .big a { background:#fff; box-shadow:0 3px 0 #ccc; display:block; line-height:15px; padding:9px 0 8px 0; text-align:center; } #footer .big a:hover { background:#f9f9f9; box-shadow:0 3px 0 #999; color:#444; } #footer .toe { color:#aaa; display:block; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; margin-top:40px; margin-bottom:-2px; } #footer .toe div { display:block; font-size:14px; line-height:13px; float:left; } #footer .toe a { display:block; font-size:14px; line-height:13px; float:right; color:#999; } #footer .toe a:hover { color:#666; } #footer .toe span { float:right; } /* CATEGORY NAME HERE - REORGANIZE ----------------------------------------------- /////////////////////////////////////////////// */ .arrow-quiver { position:absolute; width:100%; top:-70px; text-align:center; } .arrow-quiver-mobile { position:absolute; width:100px; top:-45px; text-align:center; } .arrow { position:relative; margin:0 auto; } div.partners > .pad > div:nth-child(2) { margin-left:2%; } ul.bjqs { display:none; list-style:none outside none; margin:0; overflow:hidden; padding:0; position:relative; } .sm2, .lg2 { background-color:#FFF; border-bottom:solid 4px #dddddd; display:table-cell; min-width:150px; } .sm3, .lg3 { background-color:#FFF; border-bottom:solid 4px #dddddd; display:table-cell; min-width:150px; } .partners { background-color:#FFF; border-bottom:solid 4px #dddddd; } .wineries { padding-bottom:30px; margin-top:30px; } .wineries p a { text-decoration:none; line-height:1.125em; color:#f26522 } #navDiv ul li { font-size:16px !important; } .black { color:#000 !important; } .black visited { color:#000 !important; } /* SLIDER & CALENDER ----------------------------------------------- /////////////////////////////////////////////// */ ul.bjqs { position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; } li.bjqs-slide { position:absolute; display:none; } ul.bjqs-controls { list-style:none;margin:0;padding:0;z-index:9999; } ul.bjqs-controls.v-centered li a { position:absolute; } ul.bjqs-controls.v-centered li.bjqs-next a { right:0; } ul.bjqs-controls.v-centered li.bjqs-prev a { left:0; } ol.bjqs-markers { display:none; list-style:none; padding:0; margin:0; width:100%; } ol.bjqs-markers.h-centered { text-align:center; } ol.bjqs-markers li { display:inline; } ol.bjqs-markers li a { display:inline-block; } ul.bjqs-controls.v-centered li a { display:block; padding:10px; background:#fff; color:#000; text-decoration:none; } ul.bjqs-controls.v-centered li a:hover { background:#000; color:#fff; } ol.bjqs-markers li a { padding:5px 10px; background:#000; color:#fff; margin:5px; text-decoration:none; } ol.bjqs-markers li.active-marker a, ol.bjqs-markers li a:hover { background:#999; } p.bjqs-caption { display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0; } p.bjqs-caption { background:rgba(255,255,255,0.5); } #loading { position: absolute; top: 5px; right: 5px; } #calendar { margin-bottom:40px; } #calendar .fc-header-title { display:block; } #calendar .fc-header-title h2 { font-size:23px; line-height:19px; margin-bottom:19px; } #calendar .fc-day-header { padding:10px 0 8px 0; } .tooltipevent { background:#eee; border-radius:4px; border:1px solid #ccc; box-shadow:inset 0px 1px 0px 0px #fff; color:#888; font-weight:bold; position:absolute; z-index:10001; padding:11px 10px 5px 10px; width:250px; } .tooltipevent h5 { font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-style:normal; font-weight:400; font-size:16px; line-height:13px; margin-bottom:5px; } .sub-pop { font-size:12px; display:block; } .controls { width:80%; margin:20px 10%; position:relative; } .filter-control { width:80%; margin:20px 10% 0 10%; } dd { margin-bottom: 10px; } /* FORM STYLES - MOSTLY ----------------------------------------------- /////////////////////////////////////////////// */ /* press */ .datelist { } .datelist dt { font-weight: bold;} .datelist dd { margin-left: 0; font-size: 16px;} /* bryan */ *:focus { outline:0; } select, button, input { transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -webkit-transition:all .2s linear; } input[type="radio"] { border:0; margin:0; padding:0; } textarea { border:1px solid #ccc; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px; padding:8px; min-height:151px; } textarea:focus { border:1px solid #f26522; box-shadow:0 2px 6px rgba(0,0,0,0.2); } button { background:#f26522; border-radius:2px; color:#fff; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:18px; line-height:16px; margin:0 auto; margin-top:20px; padding:10px 40px 8px 40px; text-shadow:0 1px 0 rgba(0,0,0,0.1); width:auto; } button:hover { opacity:0.6; } label { font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; line-height:14px; padding-bottom:8px; } .form-line:before, .form-line:after { content:""; display:table; } .form-line { display:block; zoom:1; } .form-line.last > div > * { margin-bottom:0; } .form-line:after { clear:both; } .form-line > div { float:left; margin-left:2%; width:49%; } .form-line > div:first-child { margin-left:0; } .form-line-bg:before, .form-line-bg:after { content:""; display:table; } .form-line-bg { display:block; zoom:1; } .form-line-bg:after { clear:both; } .checkbox-cont { cursor:pointer; display:block; margin-bottom:20px; zoom:1; } .checkbox-cont:before, .checkbox-cont:after { content:""; display:table; } .checkbox-cont:after { clear:both; } .checkbox-cont ::selection { background:transparent; /* Safari */ } .checkbox-cont ::-moz-selection { background:transparent; /* Firefox */ } .checkbox { display:block; float:left; width:auto; cursor:pointer; border-radius:15px; border:3px solid #eee; background:#eee; margin-right:10px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .checkbox > span { display:block; width:15px; height:15px; border-radius:15px; background:#eee; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; } .checkbox:hover > span { background:#ccc; } .checkbox.active { border:3px solid #f26522; } .checkbox.active > span { -webkit-transform:scale(.6); -moz-transform:scale(.6); -o-transform:scale(.6); transform:scale(.6); background:#f26522; } .checkbox-text { color:#999; display:block; font-weight:bold; margin-top:2px; } .error { background:#ff2222; border-radius:5px; color:#fff; display:block; margin-bottom:40px; padding:10px; text-shadow:0 1px 0 rgba(0,0,0,0.5); } .success { background:#61d384; border-radius:5px; color:#444; font-weight:bold; display:block; margin-bottom:40px; padding:10px 10px 8px 10px; } .btn-back { background:#f26522; border-radius:2px; color:#fff; display:block; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:18px !important; line-height:16px !important; margin-top:36px; opacity:0.6; padding:10px 0 8px 0; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.1); } .btn-back:hover { color:#fff; opacity:1; } .btn-large { background:#f26522; border-radius:2px; color:#fff; display:block; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:18px !important; line-height:16px !important; opacity:0.6; padding:10px 0 8px 0; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.1); } .btn-large:hover { color:#fff; opacity:1; } /* CLEARFIX ----------------------------------------------- /////////////////////////////////////////////// */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */ /* MEDIA QUERIES - LEAVE AT BOTTOM ----------------------------------------------- /////////////////////////////////////////////// */ @media (max-width:480px) { .test-resp {width:30px; height:30px; position:relative; background-color:#C00;} .mobi { display:none; } .full { display:block; width:909px; } #navi [class^="col_0"] { margin-left:0; width:100%; } #cont .title { font-size:40px; letter-spacing:-2px; margin-top:-10px; margin-bottom:53px; } #cont [class^="col_0"] { margin-left:0; width:100%; } #cont .col_04 .pad { margin-right:0; } #cont .c_03 > li { float:none; margin-left:0; margin-top:20px; min-height:0 ! important; padding:20px; width:auto; } #cont .c_03 > li:first-child { margin-top:0; } #cont .events > li strong { display:block; } #cont .gallery-display { float:none; width:100%; } #cont .gallery-display a { border-left:1px solid #ccc; } .form-line > div { float:none; margin:0; width:auto; } #partners ul li { float:none; margin-top:20px; width:100%; } #partners ul li:first-child { margin-top:0; } #partners a { float:none !important; margin:0 auto; } #footer { background:#fff; padding-top:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } } /* Portrait Tablets */ @media (min-width:480px) and (max-width:768px){ .test-resp {width:30px; height:30px; position:relative; background-color: #03C;} .mobi { display:none; } .full { display:block; width:909px; } #navi [class^="col_0"] { margin-left:0; width:100%; } #cont .title { font-size:50px; letter-spacing:-2px; margin-top:-10px; margin-bottom:53px; } #cont [class^="col_0"] { margin-left:0; width:100%; } #cont .col_04 .pad { margin-right:0; } #cont .c_03 > li { float:none; margin-left:0; margin-top:20px; min-height:0 ! important; padding:20px; width:auto; } #cont .c_03 > li:first-child { margin-top:0; } #cont .events > li strong { display:block; } #cont .gallery-display { width:50%; } #cont .gallery-display:nth-child(odd) a { border-left:1px solid #ccc; } #partners ul li { float:none; margin-top:20px; width:100%; } #partners ul li:first-child { margin-top:0; } #partners a { float:none !important; margin:0 auto; } #footer { background:#fff; padding-top:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } } /* Landscape Tablets */ @media (min-width:768px) and (max-width:979px){ .test-resp {width:30px; height:30px; position:relative; background-color: #0F6;} .mobi { display:none; } .full { display:block; width:909px;} } /* Default */ @media (min-width:980px) { .test-resp {width:30px; height:30px; position:relative; background-color: #FF0;} .mobi { display:none; } .full { display:block; width:909px; } }