@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; } /* FORM RESET ----------------------------------------------- /////////////////////////////////////////////// */ fieldset { border:0; margin:0; padding:0; } input,label,textarea,button,select { border:0; margin:0; padding:0; vertical-align:top; } label,textarea { display:block; cursor:pointer; } /* Indicates these areas have a function on-click */ textarea:active,textarea:focus { cursor:text; } /* Changes cursor back to text indicator when using */ button,input,select,textarea { display:block; font-size:100%; vertical-align:baseline; *vertical-align:middle; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* Makes inputs behave like true block-level elements. Corrects font-sizes not being inherited in all browsers. Improves vertical appearance and consistency */ textarea { resize:vertical; overflow:auto; vertical-align:top; } /* Removes default vertical scrollbar in IE6/7/8/9. Changes vertical-align to top for consistency and sense */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; } /* Indicates area has function on-click. Allows iOS buttons to be style-able. Removes innert spacing in IE7. Known issue: Inner spacing still in IE6 */ button[disabled], input[disabled] { cursor:default; } /* Resets the cursor to default for disabled elements */ input[type="checkbox"], input[type="radio"] { box-sizing:border-box; *height:13px; *width:13px; } /* Addresses box-sizing to content-box in IE8/9. Removes excess padding in IE7 */ input[type="search"] { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -webkit-appearance:textfield; } /* Address appearance set to searchfield in S5/Chrome. Addresses box-sizing set to border-box in S5/Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; } /* Removes inner padding and search cancel button in S5, Chrome on OS X */ button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; } /* Removes inner padding and border in FF3+ */ legend { white-space:normal; *margin-left:-7px; } /* Corrects text not wrapping in FF3. Corrects alignment displayed oddly in IE6/7 */ /* 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') format('svg'); font-weight:bold; } @font-face { font-family:ampFontsMain; src:url('../fonts/M__1c_thin/mplus-1c-thin.eot'); src:url('http://www.indianawines.org/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') 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') 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') 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') 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 { background:url('../images/bk1.jpg') repeat #eee; margin:0; overflow-x:hidden; padding:0; } body { color:#888; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:1.125em; } 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 */ #googleMap img { border:0 !important; float:none !important; margin:0 !important; max-width:none !important; outline:0 !important; } 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; } h1, h2, h3, h4, h5, h6 { color:#f26522; display:block; font-family:'MenschRegular',sans-serif; font-style:normal; font-weight:400; margin:0; padding:0; } h1 { font-size:48px; line-height:1.125em; } h2 { font-size:40px; line-height:1.125em; } h3 { font-size:32px; line-height:1.125em; } h4 { font-size:23px; line-height:1.125em; } h5 { font-size:16px; line-height:1.125em; } h6 { font-size:8px; line-height:1.125em; } a { color:#f26522; 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:#111; /* color:#bed524; */ } .nav > li > a:hover { color:#f26522 /* 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; } 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; overflow:hidden; text-align:left; vertical-align:top; left:0; width:100%; } .section { margin:0; position:relative; padding-left:20px; padding-right:20px; 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-navi { margin:0 auto; position:relative; vertical-align:top; max-width:1400px; } .row:after { display:block; clear:both; content:"."; font-size:0; height:0; visibility:hidden; } .row-navi: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; } /* Banner / Header */ #banner { background:#ccc; padding-top:10px; 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 { background:url('../images/scanline.png'); 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; } #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:10px; list-style-position: outside; margin-left: 1em;} #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:'MenschBold',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:'MenschBold',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:'MenschBold',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:'MenschBold',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: 8px; width: 8px; display: inline-block; background: none; border-radius: 0px;} /* 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; } #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; } .lte8 #white .arrow a { background:none; } #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:'MenschBold',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:'MenschBold',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:'MenschBold',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:'MenschBold',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:'MenschBold',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:'MenschBold',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 ----------------------------------------------- /////////////////////////////////////////////// */ #pop { display:none; position:fixed; top:50%; left:50%; margin-top:-325px; margin-left:-250px; overflow:visible; border:none; text-align:left; -o-border-radius:4px; -moz-border-radius:6px; -moz-box-shadow:0px 3px 7px #adadad; -webkit-border-radius:6px; -webkit-box-shadow:0px 3px 7px #adadad; -opera-border-radius:10px; border-radius:6px; -moz-box-sizing:border-box; -opera-sizing:border-box; -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; box-sizing:border-box; background-image:-webkit-gradient(linear, left top, left bottom,from(#ffffff), to(#dddddd)); background-image:-moz-linear-gradient(#ffffff, #dddddd); z-index:33000; font-size:0.875em; background-image:url('../images/bk1.jpg'); background-repeat:repeat; } div#fancy_overlay { background-color:#333333; left:0; position:absolute; top:0; width:100%; z-index:2900; } #close { position:absolute; top:-10px; right:-5px; width:24px; height:24px; } /* press */ .datelist { } .datelist dt { font-weight: bold;} .datelist dd { margin-left: 0; font-size: 16px;} /* bryan */ fieldset { border:none; } fieldset legend { background:#fff; border:1px solid #bbb; color:#f26522; display:none; font-family:'MenschBold',sans-serif; font-size:23px; line-height:20px; letter-spacing:-1px; padding:10px 10px 8px 10px; } *: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="submit"], input[type="button"] { border:1px solid #ccc; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px; padding:8px 8px 7px 8px; } input[type="submit"]:hover, input[type="button"]:hover { border:1px solid #f26522; box-shadow:0 2px 6px rgba(0,0,0,0.2); } input[type="text"] { border:1px solid #ccc; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px; padding:8px 8px 7px 8px; } input[type="text"]:focus { border:1px solid #f26522; box-shadow:0 2px 6px rgba(0,0,0,0.2); } input[type="radio"] { border:0; margin:0; padding:0; } select { border:1px solid #ccc; box-shadow:0 1px 3px rgba(0,0,0,0.1); margin-bottom:20px; padding:7px 8px 6px 8px; } select:focus { border:1px solid #f26522; box-shadow:0 2px 6px rgba(0,0,0,0.2); } 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:'MenschBold',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:'MenschBold',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:'MenschBold',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:'MenschBold',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) */ #partners ul li { float:none; margin-top:20px; width:100%; } /* MEDIA QUERIES - LEAVE AT BOTTOM ----------------------------------------------- /////////////////////////////////////////////// */ @media (max-width:480px){} /* Portrait Tablets */ @media (min-width:480px) and (max-width:768px){} /* Landscape Tablets */ @media (min-width:768px) and (max-width:979px){} /* Default */ @media (min-width:980px){} /* ======================================================================== */ /* ======================================================================== */ /* ========================= MEDIA QUERIES ============================== */ /* ======================================================================== */ /* ======================================================================== */ /* ======================================================================== */ /* ========================= Second Smallest =========================== */ /* ======================================================================== */ @media (min-width: 768px) { .mobi { display:block; } .full { display:none; } .gut-side .col_04 { float: left; margin-left: 0; vertical-align: top; width: 100%;} .gut-side .col_02 { float: left; margin-left: 0; vertical-align: top; width: 100%;} #cont .title { font-size:50px; letter-spacing:-2px; margin-top:-10px; margin-bottom:53px; } #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:last-child a { float:none; } #partners a { float:none; margin:0 auto; } #footer { background:#fff; padding-top:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } /* LAYOUT STUFF - MOVE LAYOUT STUFF HERE ----------------------------------------------- /////////////////////////////////////////////// */ /* Logo & Navigation */ #navi { padding-bottom:20px; padding-top:40px; z-index:10; } #navi .logo { float:left; height:1px; overflow:visible; width:25.3%; } #navi .logo a { background:#fff; display:block; border-radius:999px; box-shadow:0 4px 0 rgba(0,0,0,0.2); position:relative; width: 235px; margin: 0 auto;} #navi .logo a:hover { color:#f26522; } #navi .logo a:hover img { opacity:0.25; } #navi .logo a:hover .msg { opacity:1; top:45%; } #navi .logo .msg { font-family:'MenschBold',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 img { display:block; max-width:100%; } #navi .logo_s { display:block; text-align:center; } #navi .logo_s img { margin:0 auto; max-width:100%; } .lte8 #navi .logo a { background:none; } .lte8 #navi .logo .msg { display:none; } #navi .group { float:left; margin:0; width:37.35%; } #navi .left .nav > li { float:right; margin-right:40px; } #navi .right .nav > li { float:left; margin-left:40px; } #navi .nav { margin-top:82px; width:100%; } #navi .nav a { display:block; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav div { color:#f26522; cursor:default; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav > li { position:relative; } #navi .nav > li > ul { box-shadow:0 3px 0 rgba(0,0,0,0.2); left:-9999px; padding-top:30px; position:absolute; width:150px; } #navi .nav > li > ul > li { background:#fff; } #navi .nav > li > ul > li > a { font-size:18px; display:block; line-height:16px; padding:10px 10px 8px 10px; } #navi .nav > li > ul > li > a:hover { background:#f9f9f9; box-shadow:inset 0 0 1px 0 #ddd; } #navi .nav > li:hover > ul { left:-10px; } #navi .nav > li:hover > div { /* color:#bed524; */ } #navi .nav_s { margin-top:20px; } #navi .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family:'MenschBold',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:'MenschBold',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); } } /* ======================================================================== */ /* ========================= Second Largest ========================== */ /* ======================================================================== */ @media (min-width: 992px) { .mobi { display:none; } .full { display:block; } .gut-side .col_04 { float: left; margin-left: 2%; vertical-align: top; width: 66%;} .gut-side .col_02 { float: left; margin-left: 2%; vertical-align: top; width: 32%;} #cont .title { font-size:50px; letter-spacing:-2px; margin-top:-10px; margin-bottom:53px; } #cont .col_04 .pad { margin-right:20px; } #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:inline; } #cont .gallery-display { width:50%; } #cont .gallery-display:nth-child(odd) a { border-left:1px solid #ccc; } #partners ul li { float:left; width:33.333%; margin-top: 0;} #partners ul li:last-child a { float:right; } #partners a { backface-visibility: hidden; background: #f26522 none repeat scroll 0 0; display: block; max-width: 280px; } #footer { background:url('../images/bg-foot.jpg') center top no-repeat #fff; padding-top:60px; padding-bottom:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } /* LAYOUT STUFF - MOVE LAYOUT STUFF HERE ----------------------------------------------- /////////////////////////////////////////////// */ /* Logo & Navigation */ #navi { padding-bottom:20px; padding-top:40px; z-index:10; } #navi .logo { float:left; height:1px; overflow:visible; width:25.3%; } #navi .logo a { background:#fff; display:block; border-radius:999px; box-shadow:0 4px 0 rgba(0,0,0,0.2); position:relative; width: 235px; margin: 0 auto; } #navi .logo a:hover { color:#f26522; } #navi .logo a:hover img { opacity:0.25; } #navi .logo a:hover .msg { opacity:1; top:45%; } #navi .logo .msg { font-family:'MenschBold',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 img { display:block; max-width:100%; } #navi .logo_s { display:block; text-align:center; } #navi .logo_s img { margin:0 auto; max-width:100%; } .lte8 #navi .logo a { background:none; } .lte8 #navi .logo .msg { display:none; } #navi .group { float:left; margin:0; width:37.35%; } #navi .left .nav > li { float:right; margin-right:40px; } #navi .left .nav > li:nth-child(1) { float:right; margin-right:25px; } #navi .right .nav > li { float:left; margin-left:40px; } #navi .right .nav > li:nth-child(1) { float:left; margin-left:25px; } #navi .nav { margin-top:82px; width:100%; } #navi .nav a { display:block; font-family:'MenschBold',sans-serif; font-size:20px; line-height:19px; } #navi .nav div { color:#f26522; cursor:default; font-family:'MenschBold',sans-serif; font-size:20px; line-height:19px; } #navi .nav > li { position:relative; } #navi .nav > li > ul { box-shadow:0 3px 0 rgba(0,0,0,0.2); left:-9999px; padding-top:30px; position:absolute; width:150px; } #navi .nav > li > ul > li { background:#fff; } #navi .nav > li > ul > li > a { font-size:18px; display:block; line-height:16px; padding:10px 10px 8px 10px; } #navi .nav > li > ul > li > a:hover { background:#f9f9f9; box-shadow:inset 0 0 1px 0 #ddd; } #navi .nav > li:hover > ul { left:-10px; } #navi .nav > li:hover > div { /* color:#bed524; */ } #navi .nav_s { margin-top:20px; } #navi .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family:'MenschBold',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:'MenschBold',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); } } /* ======================================================================== */ /* ========================= LArgest ================================== */ /* ======================================================================== */ @media (min-width: 1200px) { .mobi { display:none; } .full { display:block; } .gut-side .col_04 { float: left; margin-left: 2%; vertical-align: top; width: 66%;} .gut-side .col_02 { float: left; margin-left: 2%; vertical-align: top; width: 32%;} #cont .title { font-size:60px; letter-spacing:-2px; margin-top:-10px; margin-bottom:53px; } #cont .col_04 .pad { margin-right:20px; } #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:inline; } #cont .gallery-display { width:50%; } #cont .gallery-display:nth-child(odd) a { border-left:1px solid #ccc; } #partners ul li { float:left; width:33.333%; margin-top: 0;} #partners ul li:last-child a { float:right; } #partners a { backface-visibility: hidden; background: #f26522 none repeat scroll 0 0; display: block; max-width: 280px; float:none; margin: inherit;} #footer { background:url('../images/bg-foot.jpg') center top no-repeat #fff; padding-top:60px; padding-bottom:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } /* LAYOUT STUFF - MOVE LAYOUT STUFF HERE ----------------------------------------------- /////////////////////////////////////////////// */ /* Logo & Navigation */ #navi { padding-bottom:20px; padding-top:40px; z-index:10; } #navi .logo { float:left; height:1px; overflow:visible; width:25.3%; } #navi .logo a { background:#fff; display:block; border-radius:999px; box-shadow:0 4px 0 rgba(0,0,0,0.2); position:relative; width: 235px; margin: 0 auto;} #navi .logo a:hover { color:#f26522; } #navi .logo a:hover img { opacity:0.25; } #navi .logo a:hover .msg { opacity:1; top:45%; } #navi .logo .msg { font-family:'MenschBold',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 img { display:block; max-width:100%; } #navi .logo_s { display:block; text-align:center; } #navi .logo_s img { margin:0 auto; max-width:100%; } .lte8 #navi .logo a { background:none; } .lte8 #navi .logo .msg { display:none; } #navi .group { float:left; margin:0; width:37.35%; } #navi .left .nav > li { float:right; margin-right:60px; } #navi .left .nav > li:nth-child(1) { float:right; margin-right:15px; } #navi .right .nav > li { float:left; margin-left:60px; } #navi .right .nav > li:nth-child(1) { float:left; margin-left:15px; } #navi .nav { margin-top:82px; width:100%; } #navi .nav a { display:block; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav div { color:#f26522; cursor:default; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav > li { position:relative; } #navi .nav > li > ul { box-shadow:0 3px 0 rgba(0,0,0,0.2); left:-9999px; padding-top:30px; position:absolute; width:150px; } #navi .nav > li > ul > li { background:#fff; } #navi .nav > li > ul > li > a { font-size:18px; display:block; line-height:16px; padding:10px 10px 8px 10px; } #navi .nav > li > ul > li > a:hover { background:#f9f9f9; box-shadow:inset 0 0 1px 0 #ddd; } #navi .nav > li:hover > ul { left:-10px; } #navi .nav > li:hover > div { /* color:#bed524; */ } #navi .nav_s { margin-top:20px; } #navi .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family:'MenschBold',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:'MenschBold',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); } } /* ======================================================================== */ /* ========================= XL LArgest ================================= */ /* ======================================================================== */ @media (min-width: 1600px) { .mobi { display:none; } .full { display:block; } .gut-side .col_04 { float: left; margin-left: 2%; vertical-align: top; width: 66%;} .gut-side .col_02 { float: left; margin-left: 2%; vertical-align: top; width: 32%;} #cont .title { font-size:60px; letter-spacing:-2px; margin-top:-10px; margin-bottom:53px; } #cont .col_04 .pad { margin-right:20px; } #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:inline; } #cont .gallery-display { width:50%; } #cont .gallery-display:nth-child(odd) a { border-left:1px solid #ccc; } #partners ul li { float:left; width:33.333%; margin-top: 0; } #partners a { backface-visibility: hidden; background: #f26522 none repeat scroll 0 0; display: block; max-width: 280px; } #footer { background:url('../images/bg-foot.jpg') center top no-repeat #fff; padding-top:60px; padding-bottom:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } /* LAYOUT STUFF - MOVE LAYOUT STUFF HERE ----------------------------------------------- /////////////////////////////////////////////// */ /* Logo & Navigation */ #navi { padding-bottom:20px; padding-top:40px; z-index:10; } #navi .logo { float:left; height:1px; overflow:visible; width:25.3%; } #navi .logo a { background:#fff; display:block; border-radius:999px; box-shadow:0 4px 0 rgba(0,0,0,0.2); position:relative; width: 235px; margin: 0 auto; } #navi .logo a:hover { color:#f26522; } #navi .logo a:hover img { opacity:0.25; } #navi .logo a:hover .msg { opacity:1; top:45%; } #navi .logo .msg { font-family:'MenschBold',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 img { display:block; max-width:100%; } #navi .logo_s { display:block; text-align:center; } #navi .logo_s img { margin:0 auto; max-width:100%; } .lte8 #navi .logo a { background:none; } .lte8 #navi .logo .msg { display:none; } #navi .group { float:left; margin:0; width:37.35%; } #navi .left .nav > li { float:right; margin-right:70px; } #navi .left .nav > li:nth-child(1) { float:right; margin-right:10px; } #navi .right .nav > li { float:left; margin-left:70px; } #navi .right .nav > li:nth-child(1) { float:left; margin-left:10px; } #navi .nav { margin-top:82px; width:100%; } #navi .nav a { display:block; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav div { color:#f26522; cursor:default; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav > li { position:relative; } #navi .nav > li > ul { box-shadow:0 3px 0 rgba(0,0,0,0.2); left:-9999px; padding-top:30px; position:absolute; width:150px; } #navi .nav > li > ul > li { background:#fff; } #navi .nav > li > ul > li > a { font-size:18px; display:block; line-height:16px; padding:10px 10px 8px 10px; } #navi .nav > li > ul > li > a:hover { background:#f9f9f9; box-shadow:inset 0 0 1px 0 #ddd; } #navi .nav > li:hover > ul { left:-10px; } #navi .nav > li:hover > div { /* color:#bed524; */ } #navi .nav_s { margin-top:20px; } #navi .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family:'MenschBold',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:'MenschBold',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); } } /* ======================================================================== */ /* ========================= Smallest ================================= */ /* ======================================================================== */ @media (max-width: 767px) { .mobi { display:block; } .full { display:none; } .gut-side .col_04 { float: left; margin-left: 0; vertical-align: top; width: 100%;} .gut-side .col_02 { float: left; margin-left: 0; vertical-align: top; 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:inline; } #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 a { float:none; margin:0 auto; } #footer { background:#fff; padding-top:40px; } #footer .toe div { float:none; } #footer .toe a { float:none; margin-top:10px; } /* LAYOUT STUFF - MOVE LAYOUT STUFF HERE ----------------------------------------------- /////////////////////////////////////////////// */ /* Logo & Navigation */ #navi { padding-bottom:20px; padding-top:40px; z-index:10; } #navi .logo { float:left; height:1px; overflow:visible; width:25.3%; } #navi .logo a { background:#fff; display:block; border-radius:999px; box-shadow:0 4px 0 rgba(0,0,0,0.2); position:relative; width: 235px; margin: 0 auto; } #navi .logo a:hover { color:#f26522; } #navi .logo a:hover img { opacity:0.25; } #navi .logo a:hover .msg { opacity:1; top:45%; } #navi .logo .msg { font-family:'MenschBold',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 img { display:block; max-width:100%; } #navi .logo_s { display:block; text-align:center; } #navi .logo_s img { margin:0 auto; max-width:100%; } .lte8 #navi .logo a { background:none; } .lte8 #navi .logo .msg { display:none; } #navi .group { float:left; margin:0; width:37.35%; } #navi .left .nav > li { float:right; margin-right:40px; } #navi .right .nav > li { float:left; margin-left:40px; } #navi .nav { margin-top:82px; width:100%; } #navi .nav a { display:block; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav div { color:#f26522; cursor:default; font-family:'MenschBold',sans-serif; font-size:22px; line-height:19px; } #navi .nav > li { position:relative; } #navi .nav > li > ul { box-shadow:0 3px 0 rgba(0,0,0,0.2); left:-9999px; padding-top:30px; position:absolute; width:150px; } #navi .nav > li > ul > li { background:#fff; } #navi .nav > li > ul > li > a { font-size:18px; display:block; line-height:16px; padding:10px 10px 8px 10px; } #navi .nav > li > ul > li > a:hover { background:#f9f9f9; box-shadow:inset 0 0 1px 0 #ddd; } #navi .nav > li:hover > ul { left:-10px; } #navi .nav > li:hover > div { /* color:#bed524; */ } #navi .nav_s { margin-top:20px; } #navi .nav_s a { background:#F26522; border-top:1px solid #fff; color:#fff; display:block; font-family:'MenschBold',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:'MenschBold',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); } }