/* WEBSITE ONLY CSS */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- SITE COLORS: ORANGE: #ea8b1c DARK BLUE: #212130 :: Browser Resets :: Main Structure :: Sub Structure :: Universal Classes :: Universal Facebook Styles */ /* -------------------------------------------------- :: Browser Resets -------------------------------------------------- */ .row {max-width: 1040px;} h1, h2, h3, h4, h5, h6 {color:#53524e; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-weight: 400; line-height: 1.5; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#53524e; font-family: 'Oswald', Arial, Helvetica, sans-serif;} h1 { font-size: 28px; margin-bottom: 12px;} h2 { font-size: 23px; margin-bottom: 9px;} h3 { font-size: 20px; margin-bottom: 9px;} h4 { font-size: 18px; margin-bottom: 3px;} h5 { font-size: 16px; margin-bottom: 3px;} h6 { font-size: 14px;} p, td, div, body {font-family: 'Open Sans', Arial, Helvetica, sans-serif;} /* Elements */ a { color:#ea8b1c; line-height:inherit;} a:hover { color:#ea8b1c; } em, i { font-family: inherit; font-style: italic; line-height: inherit; } hr { border: none; background: #d5d4d0; clear: both; display:block; height: 1px; margin: 20px 0;} li { line-height: 1.6; } p { margin: 0 0 18px; } p a, p a:visited { line-height: inherit; } p, p a, ul, ol { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } small { font-size: 60%; line-height: inherit; } strong, b { font-family: inherit; font-weight: 700; line-height: inherit; } ul, ol { list-style:disc; } .flex-video iframe {border: none;} :focus {outline: 0;} ::-moz-selection {background: #ffdab0; } ::selection {background: #ffdab0; } /* Forms */ input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea {min-width: 100%;} /* Specified in foundation.css */ /* Tables */ table { width:100%; } caption, th, td {font-weight: normal;} form table td {width: 1%;} @media only screen and (max-width: 100%) and (min-width: 768px) { table tbody tr td {padding:2% 0;} table tr td input {padding:2% 0;} /* remember to define focus styles! */ } /* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* ----------------------------------------- Define Main Structure ----------------------------------------- */ body { color:#46464a; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:14px; line-height: 1.6; margin:0; padding:0; position:relative; background: #eee; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* these 2 items remove the extra "boldness" that's added to Google Fonts in FF - such as white fonts on dark backgrounds, etc. */ } .fixed { position:fixed; top:0; left:0; width:100%; z-index:999; } /* Header */ #header {background: url(graphics/polygon/images/bg_header.jpg) repeat-x center top; background-size: auto 100%;} #header .row.header-main {min-height: 107px;} #header.happy-hour {background: url(graphics/polygon/images/bg_header-map-happyhour.jpg) no-repeat center center; background-size: cover;} #logo {margin-top: -17px; display: block;} #logo img {width: 170px; height: auto;} .happy-hour #logo {margin-top: -25px; display:inline-block; position:absolute; right:0; z-index:100;} .happy-hour #logo img {width: 130px; height: auto;} #header.happy-hour .row.header-main {min-height:0; text-align:right;} #header.happy-hour .powered {margin:0 20px 0 0; text-align:right; color:#a9a9b6; text-transform:uppercase; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif;} #header #main-nav .happy_hour_menu .happy-hour-facebook a {background: #4267b2 url("graphics/polygon/images/icon-facebook.png") no-repeat center center; background-size: 10px; text-indent: -2000px;} #header #main-nav .happy_hour_menu .happy-hour-twitter a {background: #1da1f3 url("graphics/polygon/images/icon-twitter.png") no-repeat center center; background-size: 20px; text-indent: -2000px;} @media only screen and (max-width: 767px) { #header #main-nav .happy_hour_menu .happy-hour-facebook {display: none;} #header #main-nav .happy_hour_menu .happy-hour-twitter {display: none;} } #header .menu-toggle-right {padding: 6px 10px 7px 0px; text-align: right;} #header a.happy-hour-social-icons.mobile { border: 2px solid #dedeea; padding: 6px 22px; background: #212130; text-transform: uppercase; border-radius: 20px; color: #dedeea; font-size: 16px; text-decoration: none; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif; margin: 0px 2px; display: inline-block; } #header a.happy-hour-facebook.mobile {background: #4267b2 url("graphics/polygon/images/icon-facebook.png") no-repeat center center; background-size: 10px; text-indent: -2000px;} #header a.happy-hour-twitter.mobile {background: #1da1f3 url("graphics/polygon/images/icon-twitter.png") no-repeat center center; background-size: 20px; text-indent: -2000px;} /* Navigation */ /* Top Nav */ .top-nav ul {list-style: none; margin: 0; padding: 0; width: 100%; text-align: right;} .top-nav ul li {display: inline;} .top-nav ul li a { color: #FFF; font-size: 13px; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif; padding: 0px 10px; line-height: 30px; text-decoration: none; border-right: 1px solid #d29041; border-right: 1px solid rgba(255,255,255,0.15); } .top-nav ul li a.last {padding-right: 5px; border: none;} .top-nav ul li a:hover {text-decoration: underline;} .happy-hour .top-bar {background:#212130; padding:3px 0;} .happy-hour .top-bar ul {margin:0; padding:0; list-style-type:none; text-align:left;} .happy-hour .top-bar ul li {margin:0; padding:0; display:inline-block;} .happy-hour .top-bar ul li a {line-height:1.1; border:none; color:#a9a9b6; text-decoration:none; display:block; font-family:"Oswald", "Open Sans", Helvetica, Arial, sans-serif; font-size:16px; padding:0 7px;} /* Main Nav */ .mobile-menu-toggle {display: none;} #main-nav { background:#212130; text-align: center; border-bottom: 5px solid #ea8b1c; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #main-nav ul { display:block; list-style:none; margin:0 auto; padding:0; position:relative; text-align:center; z-index:10; -webkit-transition: all 400ms ease; transition: all 400ms ease;} #main-nav ul li { display: inline-block; padding: 0; margin: 0 0 0 -4px; /* removes the spacing of li inline-blocks */ line-height:14px; position:relative; zoom:1; -webkit-transition: all 400ms ease; transition: all 400ms ease; } #main-nav ul a { border-right:1px solid #4d4b65; color:#a9a9b6; display: block; font-size: 16px; padding: 18px 22px; text-decoration: none; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif; -webkit-transition: all 400ms ease; transition: padding 400ms ease; } #main-nav ul a:hover { color:#fff; text-decoration:none; background: #2a2a3e; } #main-nav ul a.first { } #main-nav ul a.last { border-right: none;} #main-nav ul li ul { background:#53534f; font-size:14px; line-height:28px; padding:0 0 10px 0; position:absolute; top:30px; left:-10px; text-align: left; visibility:hidden; width:180px; z-index:1000; } #main-nav ul li ul ul { top:0px; left:180px; padding:0 10px 10px 0; } #main-nav ul li li { margin:0; width:100%; } #main-nav ul li ul a { border-right:0; display:block; line-height:28px; margin:0!important; padding:2% 5%!important; text-align:left; text-transform: none!important; width:90%; } #main-nav ul li ul a:hover { color:#f48a35; } #main-nav ul li:hover ul, #main-nav ul li.sfhover ul {visibility:visible;} .happy-hour #main-nav {background:transparent; text-align:left;} .happy-hour #main-nav ul {text-align:left; margin:10px 0;} .happy-hour #main-nav ul li {margin:0 5px;} .happy-hour #main-nav ul li a {border:2px solid #dedeea; padding:10px 20px; background:#212130; text-transform:uppercase; border-radius:20px; color:#dedeea;} .happy-hour #main-nav ul li a:hover {border-color:#ea8b1c;} .happy-hour #main-nav.stuck ul li a {padding:8px 15px;} .happy-hour #main-nav.stuck ul {margin:5px 0;} /* Menu Sticky Animations */ @keyframes main-nav-ul-sticky { 0% {left: 0; font-size: inherit;} 100% {left: 100px; font-size: 12px;} } @-webkit-keyframes main-nav-ul-sticky { 0% {left: 0; font-size: inherit;} 100% {left: 100px; font-size: 12px;} } /* The above might be able to be deleted in place of transitions */ #main-nav.stuck {position: fixed; z-index: 1001; width: 100%; top: 0; background: rgba(25,25,40,.92);} #main-nav.stuck ul li {display: inline-block; float: none;} /* These (below) are animated via the transitions on the respective classes above (without .stuck) */ #main-nav.stuck ul {text-align: right;} #main-nav.stuck ul a {font-size: 14px; padding: 14px 21px;} #main-nav.stuck ul a:hover {background: #212130;} .logo-icon {position: absolute; left: -15px; top: -700px; z-index: 1000; transition: all 400ms ease; -webkit-transition: all 400ms ease;} #main-nav.stuck .logo-icon {top: -7px;} .happy-hour-header {height:300px; text-align:center;} .happy-hour-header img {width:950px;} .happy-hour-header .hr-logo {width:100%; height:auto; overflow:hidden; margin-top:10px;} /* Weather & Search */ .weather {padding: 15px 0 0; max-width: 290px; float: right; margin-bottom: 8px;} /* Changed from 250px to 290px max-width to accommodate long weather descriptions */ .weather .weather-temp {color: #fff; font-size: 32px; font-weight: 100; line-height: 1; float: left; margin-right: 15px; margin-bottom: 0;} /* .weather .weather-temp span {font-size: 44px; position: relative; top: 9px; line-height: 0;} - Modern IE renders this HUGE, FF & Chrome do it too smaller by default, hiding this because of IE for now */ .weather .weather-temp a {color: #fff; text-decoration: none; font-size: 32px;} .weather p {float: left; line-height: 1; font-size: 15px; color: #fff; margin-bottom: 0;} .weather a {font-size: 12px;} .site-search {clear: right;} .site-search.results-page {margin: 35px 0 10px;} .site-search #search_box_form {float: right;} .site-search.results-page #search_box_form {float: none; width: 100%;} .site-search input.searchBoxInput { display:block; min-width: inherit; float:left; border: 1px solid #151618; color: #7f828a; } .site-search.results-page input.searchBoxInput {width: 90%;} .site-search input {border: 1px solid #151618;} .site-search .search-submit {padding: 7px 10px 8px; background: #EA8B1C; border-left: none;} .searchBoxInput.ajaxSearch {width:100%;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fff; border-color: #EA8B1C; outline: none; color: #222; } /* Content */ .row.main {position: relative;} .main-content.columns {position: relative; margin-right: 320px; width: auto; max-width: 100%;} .main-conent.full-width.columns {margin: 0; width: 100%;} .sidebar.columns {float: right; width: 320px; margin: 0 0 25px -322px; padding-left: .55em;} .sidebar .box {border-bottom: none;} .main-content ul, .main-content ol {margin-left: 30px;} .sidebar .banner-ads li {line-height: 0; margin-bottom: 15px; text-align: center;} .sidebar .banner-ads li:empty {display: none;} .sidebar .banner-ads.ads_140 li {float: left; width: 50%;} .sidebar .banner-ads.ads_140 li:nth-child(even) {text-align: right;} .sidebar .banner-ads.ads_140 li.clear {float: none; width: 100%; margin: 0;} .sidebar .ads {line-height: 1; margin: -20px 0 0; color: #999999;} .ads sub {font-size: 14px; color: #999; font-weight: 300;} .banner-ads {list-style: none; padding: 0; margin: 0;} .banner-ads.row {margin: 25px 0;} .banner-ads.row .columns {text-align: center;} /* Homepage */ .home.page {padding-top: 20px;} .box .row {margin: 0;} .box { position: relative; background: #fff; border-bottom: 5px solid #EA8B1C; margin-bottom: 20px; z-index: 15; -webkit-box-shadow: 0 2px 5px 0 rgba(57,69,110,.33); box-shadow: 0 2px 5px 0 rgba(57,69,110,.33); } .main-content .row.box {border: none; padding-bottom: 40px;} .home.page .box h2, .sidebar .box h3, .mini-cal.box h3 {background: #2B2B3A; border-bottom: 5px solid #EA8B1C; color: #fff; padding: 10px 15px; margin-bottom: 20px; font-size: 21px;} .home.page .box h2.latest {font-size: 26px;} .home.page .main-content .box ul, .home.page .main-content .box ol {margin-left: 0;} .box article {padding: 0;} .home.page .box article h3 {font-size: 18px; margin: 0;} .box article h3 a {text-decoration: none;} .box article h3 a:hover {color: #EA8B1C; text-decoration: underline;} .byline p {font-size: 12px; margin: 0;} .byline .category, .byline .author a {font-weight: 600; color: #545459;} .byline .category:hover, .byline .author a:hover {color: #EA8B1C;} .home.page article img {width: 100%;} .home.page article .no-img {background: #f0f0f0; width: 100%; height: 0; padding-bottom: 66.6667%; display: block; text-decoration: none;} .box article .blurb {margin: 0;} .box .view-all { display: block; text-align: right; font-size: 14px; padding: 20px 50px 0 0px !important; margin-top: 15px; text-decoration: none; } .box .view-all.big { font-size: 20px; padding: 30px 100px 15px 0px !important; margin-top: 35px; } .box .triangle { height: 0; width: 0; display: block; border-left: 50px solid transparent; border-bottom: 50px solid #EA8B1C; position: absolute; right: 0; bottom: 0; z-index: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; text-indent: -23px; color: #fff; line-height: 70px; font-size: 15px; text-align: left; } .box .triangle.big { border-left: 100px solid transparent; border-bottom: 100px solid #EA8B1C; text-indent: -40px; line-height: 140px; font-size: 22px; } .box a.view-all:hover {text-decoration: underline; color: #EA8B1C;} .box a:hover .triangle {width: 58px;} .box a:hover .triangle.big { /* border-bottom-color: #d47200; */ width: 115px; } .landing p { margin: 0; } .landing-link a {font-weight: 600; color: #545459;} .landing-link a:hover {color: #EA8B1C;} .box .flexslider-carousel {margin:0 auto 20px; width: 78%;} .flexslider-carousel .slides li {width: 128px !important; margin-right: 10px; line-height: 1;} .flexslider-carousel p {margin: 0; font-size: 11px; line-height: 1.5;} .box.local-features {background: none; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0;} .box.local-features h2 {margin-bottom: 10px;} .box.local-features .row {margin: 0 -0.5em;} .box.local-features .columns {padding-left: .5em; padding-right: .5em;} .box.local-features .box {min-height: 380px;} .box.local-features.version2018 .box {min-height:339px;} .box.local-features .view-all {position: absolute; width: 100%; bottom: 0;} .box.local-features h3 {font-size: 15px; text-transform: uppercase; border-bottom: 5px solid #212130; color: #fff; text-align: center; line-height: 1; letter-spacing: 2px; margin-bottom: 20px;} .box.local-features.version2018 h3 {margin-bottom:5px;} .box.local-features.version2018 .gig-guide h3 {border-color:#981201;} .box.local-features.version2018 .in-focus h3 {border-color:#e87607;} .box.local-features.version2018 .creative-natives h3 {border-color:#537d09;} .box.local-features h3 a {padding: 15px; display: block; color: #fff;} .box.local-features h3 span {display: inline-block; border: 1px solid rgba(255, 255, 255, .5); padding: 6px 15px;} .box.local-features h4 {font-size: 16px; margin: 0; line-height: 1.3; overflow: hidden; white-space: nowrap; min-width: 100%; width: 100px;} .box.local-features.version2018 .gig-guide h4, .box.local-features.version2018 .creative-natives h4 {white-space:initial; color:#fff; font-size:19px; line-height:1.2; text-align:center; width:100%; border-bottom:2px solid; padding:0 0 5px; margin-bottom:4px;} .box.local-features.version2018 .gig-guide h4 {border-color:#e05814;} .box.local-features.version2018 .creative-natives h4 {border-color:#a2c73e;} .box.local-features.version2018 .box .box-link {text-decoration:none;} .box.local-features.version2018 .wrap {margin:0 5px 5px 5px; min-height:207px; position:relative; transition:opacity .3s ease;} .box.local-features.version2018 .gig-guide .wrap {background:#f0f0f0 url(graphics/polygon/images/gig-guide-background-orange.jpg) no-repeat center center; background-size:cover; padding:7px; display:flex; align-items:flex-end;} .box.local-features.version2018 .in-focus .wrap {background:#f0f0f0 url(graphics/polygon/images/in-focus-photos-background-yellow.jpg) no-repeat center center; background-size:cover;} .box.local-features.version2018 .creative-natives .wrap {background:#f0f0f0 url(graphics/polygon/images/creative-native-background-green.jpg) no-repeat center center; background-size:cover; padding:7px; display:flex; align-items:flex-end;} .box.local-features.version2018 .wrap:hover {opacity:.8;} @media screen and (max-width:900px) { .box.local-features.version2018 .box {min-height:auto;} .box.local-features.version2018 h3 {margin-bottom:10px;} .box.local-features.version2018 .wrap {margin:0 10px 60px; min-height:170px} .box.local-features.version2018 .gig-guide h4, .box.local-features.version2018 .creative-natives h4 {font-size:24px;} } /* The min-width & width fix above solves a problem when gig guide title is ridiculously long - like 30 words - that pushed over the main content large-8 column too far */ .box.local-features h4 a {text-decoration: none;} .box.local-features h4 a:hover {text-decoration: underline;} .box.local-features p {margin: 0;} .box.local-features li {font-size: 12px; list-style: none; margin: 0 15px 10px; padding-bottom: 10px; line-height: 1.3; border-bottom: 1px dashed #d3d3dd;} .box.local-features li:last-child {border: none} .box.local-features .flexslider-infocus li {margin: 0; padding: 0; border: none;} .box.local-features.version2018 .flexslider-infocus li {text-align:center;} .local-features .gig-guide .box, .local-features .gig-guide .view-all .triangle {border-bottom-color: #e05814;} .local-features .gig-guide h3 {background: #e05814;} .local-features .gig-guide .view-all, .local-features .gig-guide .view-all:hover {color: #e05814;} .local-features .in-focus .box, .local-features .in-focus .view-all .triangle {border-bottom-color: #ffb72f;} .local-features .in-focus h3 {background: #ffb72f;} .local-features .in-focus .view-all, .local-features .in-focus .view-all:hover {color: #ffb72f;} .local-features .in-focus .album {margin-top: 5px; display: block; position: relative;} .local-features.version2018 .in-focus .album {max-width:192px; margin:5px auto;} .local-features .in-focus .album img {width: 94%;} .album .blank-photo {display: block; width: 94%; height: 100%; border: 1px solid #bdbdbe; background: #fff; display: block; position: absolute; top: 0; z-index: -1; -webkit-transition: all 200ms ease; transition: all 200ms ease;} .album .blank-photo.one {left: 4px; top: 3px;} .album .blank-photo.two {left: 7px; top: 6px; z-index: -2;} .album:hover .blank-photo.one {left: 6px; top: 5px;} .album:hover .blank-photo.two {left: 11px; top: 9px;} .local-features .in-focus p {text-align: center; margin-top: 20px;} .local-features.version2018 .in-focus p {margin:0;} .local-features .flexslider-infocus {padding: 0 5%;} .local-features.version2018 .flexslider-infocus {padding-top:3px;} .local-features .flexslider-infocus .flex-direction-nav a {height: 36px; width: 30px; top: 72%;} .local-features.version2018 .flexslider-infocus .flex-direction-nav a {width:20px; background-color:#e87607; background-position-x:right -4px; top:77%;} .local-features.version2018 .flexslider-infocus .flex-direction-nav .flex-next {background-position-x:left -4px;} .local-features .flexslider-infocus .flex-direction-nav a:hover {width: 25px;} .local-features .flexslider-infocus .flex-direction-nav .flex-next {background: url("graphics/polygon/images/icon_arrow_right_small.png") no-repeat scroll left center #BDBDBE;} .local-features .flexslider-infocus .flex-direction-nav .flex-prev {background: url("graphics/polygon/images/icon_arrow_left_small.png") no-repeat scroll right center #BDBDBE;} .local-features .flexslider-infocus .photo-info {text-align:center; background:#fff; margin:8px 0; padding:2px 4px; max-width:162px; display:inline-block; width:100%;} .local-features .creative-natives .box, .local-features .creative-natives .view-all .triangle {border-bottom-color: #a2c73e;} .local-features .creative-natives h3 {background: #a2c73e;} .local-features .creative-natives .view-all, .local-features .creative-natives .view-all:hover {color: #a2c73e;} .home-attractions {padding:0 0.9375em;} .home-attractions .columns {padding:0;} .home-attractions .local-attractions {margin-right:7px;} .home-attractions .day-trips {margin-left:7px;} .home-attractions h2 {margin:0 !important;} .home-attractions .wrapper {padding:7px;} .home-attractions h3 {font-size:15px; font-style:italic; color:#727272; margin-bottom:5px;} .home-attractions .item-link {display:block; text-decoration:none;} .home-attractions .item {min-height:270px; background:#f0f0f0; padding:10px; position:relative;} .home-attractions .item .logo {text-align:right;} .home-attractions .item .logo img {max-height: 150px; max-width: 150px;} .home-attractions .item .banner {position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,.8); padding:5px 5px 10px; text-align:center; border-bottom:3px solid #EA8B1C;} .home-attractions .item .banner h4 {color:#fff; margin:0 0 3px; line-height:1.2;} .home-attractions .item .banner p {margin:0; text-decoration:underline; font-size:12px; line-height:1.2;} .home-attractions .item-link:hover .item .banner p {text-decoration:none;} @media screen and (max-width:767px) { .home-attractions .local-attractions {margin-right:0;} .home-attractions .day-trips {margin-left:0;} } .photo-frame {border: 1px solid #bdbdbe; margin: 1px 1px 0 1px; padding: 3px; background: #fff; display: block;} .news-feed .box {margin-bottom: 0;} /* These are the bottom 2 boxes on the homepage */ .news-feed .box h3 {font-size: 18px; text-align: center;} .news-feed .box h4 {font-size: 16px; overflow: hidden; height: 23px;} .news-feed .box a {text-decoration: none;} .news-feed .box a:hover {text-decoration: underline;} .news-feed .box ul {list-style: none; padding: 0 15px; margin-bottom: 30px;} .news-feed .box ul li {border-bottom: 1px dashed #D3D3DD; padding: 5px 0;} .regional-events .button {margin: 8px 0 13px;} /* SUB PAGES / INNER PAGES */ .header-image {width: 100%; height: auto; color: #eee;} .sub.page .main-content {padding-right: 20px; margin-top: -30px;} .sub.page .main-content.full-width {padding-right: 0;} .sub.page .main-content h1 {margin-top: 20px;} .main-content .ads.row {margin: 35px 0;} .main-content .ads {line-height: 1; margin: 0;} .main-content p.ads {margin-left: .9375em;} .main-content .ads img {height: auto !important; min-width: 100%;} .main-content blockquote {font-size: 36px; font-family: "Oswald", Arial, Verdana, sans-serif; color: #454364; margin: 60px 0; line-height: 1.4; text-transform: uppercase; font-weight: 300; border-top: 1px solid #cac9d3; border-bottom: 1px solid #cac9d3; text-align: center; position: relative;} .main-content blockquote:before {content: open-quote; font-size: 150px; color: #cac9d3; line-height: 0; position: absolute; left: 44%; font-weight: 400; top: 15px;} .main-content blockquote p {font-size: 36px; font-family: "Oswald", Arial, Verdana, sans-serif;} h1.formsTitle {display: none;} /* SIDEBAR CSS */ .sidebar {position: relative; z-index: 15;} .sidebar .box h3 {margin: 0;} .sidebar .section-container.social-media section {background: #5A5A65;} .sidebar .section-container.social-media .content {border-top: 10px solid #212130; background: #fff; margin-top: 10px; /* margin-top counter acts border top height from JS */} .sidebar .social-media .title {line-height: 0; height: 44px;} .sidebar .section-container.tabs.social-media .title a {padding: .5em .65em;} .sidebar .social-media .title img {margin: 0; padding: 0; opacity: .8; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;} .sidebar .social-media .title a:hover img,.sidebar .social-media .active .title img {opacity: 1;} .sidebar .social-media iframe {width: 100% !important; background: url(graphics/polygon/images/ajax-loader.gif) no-repeat center center;} .sidebar .social-media .content a img {opacity: 1;} .sidebar .social-media #flickr_badge_wrapper {width:100%; text-align:left; padding-top: 10px;} .sidebar .social-media #flickr_badge_wrapper a {display: block; width: 46%; margin-left: 2.5%; float: left;} .sidebar .social-media #flickr_badge_wrapper h6 a {display: inline; margin: 0; width: auto; float: none;} .sidebar .social-media #flickr_badge_wrapper .flickr_badge_image img {border: 0px solid #666666 !important; width: 100%;} .sidebar .social-media .content h4, .sidebar .social-media .content h6 {margin: 0 0 0 3%; line-height: 1.5;} .sidebar .social-media .pinterest span { box-shadow: none !important; width: 100%; overflow: hidden; } .sidebar .social-media .youtube .content {padding: 10px;} .sidebar .social-media .youtube .content h4, .sidebar .social-media .youtube .content h6 {margin-left: 0;} ._1drm._1b90 {border: none !important;} /* Trying to remove Facebook border */ /* Responsive Calendar Styles */ body#calendar-iframe-body {background: #fff;} #calendarDetail .calendarNav { margin-bottom:0; min-height:0; } #calendarDetail .calendarNav div { border:none; background:none; height:auto; min-height:0; vertical-align:baseline; } #calendarDetail div { background:#fff; font-size:16px; min-height:125px; } .calendarDays { } .calendarDays div {} #calendarDetail a { font-size:12px; line-height:1.1; margin-bottom:10px; } #calendarDetail a:hover { text-decoration:underline; } #calendarDetail .title { color:#f48a35; font-size:28px; padding:30px 0; text-align:center; text-transform:uppercase; } #calendarDetail .weekdays { color:#fff; font-weight:700; padding-top:10px; padding-bottom:10px; text-align:center; } .cal { background:#fff; border: none; margin: 8px auto; text-align:center; width: 93%; } .cal table { border:0; width: 90%; margin: 0 auto 20px;} .cal tr th, .cal tr td {padding: 0; line-height: 2.2;} .cal .calGrid th { width: 14.285% /* 1/7th */; font-weight: 300; font-size: 11px; text-transform: uppercase; font-family: 'Open Sans', Arial, Helvetica, sans-serif; padding-bottom: 5px; color: #545459; } .cal .calGrid td { background:#fff; padding: 0; font-size: 13px;} .cal .calPrev { float:left; font-weight:700; margin-left:3%; padding: 10px 0; } .cal .calNext { float:right; font-weight:700; margin-right:3%; padding: 10px 0; } .cal .calMonth { color:#ea8b1c; display:inline-block; font-size: 18px; font-weight:300; text-transform: uppercase; font-family: "Oswald", "Open Sans", Arial, Helvetica, sans-serif; padding: 10px 0; text-align:center;} .cal .calMonth a:hover { text-decoration: underline; } .cal .calNext a, .cal .calPrev a, .cal .calMonth a { color:#ea8b1c; text-decoration:none; } .cal .calNext a:hover, .cal .calPrev a:hover, .cal .calMonth a:hover { } .cal .calDayOn a { text-decoration: none; -webkit-transition: background 500ms ease; transition: background 500ms ease; } .cal .calDayOn a:hover {display: block; height: 100%; width: 80%; margin: auto; background: #fbd7ae;} .cal .calTodayOn {} .cal .calTodayOn a { color:#68686a; font-weight: 400; text-decoration: none; display: block; border-bottom: 29px solid #fbd7ae; height: 0; width: 0; border-left: 29px solid transparent; text-indent: -29px; margin: auto; line-height: 2.3; } .cal .calDayOn { color:#68686a; } .cal a {color: #68686a; text-decoration: none;} .cal a:hover {text-decoration: underline;} .emptyDay { background:#fff!important; } .prevLink, .nextLink { text-align:center; padding-top:25px; } .prevLink a, .nextLink a { color:#f48a35!important; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size:24px!important; font-weight: 700; text-decoration:none; } .calMonthLink { color:#fff!important; display:block; padding:10px 0; } .calMonthLink:hover { color:#779115!important; } .cal .button {color: #fff; margin-bottom: 7px;} .cal .button:hover {text-decoration: none;} .cal .button.large-6 {width: 49%;} .cal .button.orange {margin-bottom: 10px;} /* Event Detail */ /* Events Lister */ .events .events-top {margin-bottom: 35px;} .events .main-cal {border: 1px solid #c5c9d9; border-top: none;} .events .main-cal table {width: 300px;} .events .cal.events-page {margin: 0 auto;} .events .cal.events-page .calMonth a {font-size: 16px; color: #f7b05d;} .events .cal-bottom {padding-bottom: 15px;} .events .cal-bottom.months a {font-size: 11px; color: #a3a3aa; text-transform: uppercase;} .events .cal-bottom.months .orange a {color: #e88a1c;} .events .cal-top {background: #ee962f; position: relative;} .events .cal-top h4 {color: #fff; text-align: left; font-size: 16px; font-family: "Open Sans", Arial, Verdana, sans-serif; text-transform: uppercase; line-height: 1; padding: 10px 25px; margin: 0; min-height: 60px;} .events .cal-top h4 span {display: block; font-size: 52px;} .events .cal-top h4 span.year {color: #f5c082; display: block; font-size: 40px; font-weight: 300; position: absolute; right: 25px; bottom: 10px;} .events .minical.columns {padding: 0; width:60%; left: 40%;} .events .event-buttons.columns {padding: 0; width: 40%; right: 60%;} .events .editor-picks {background: #f0f0f0; padding: 0 .95em 30px; margin: 0 -.95em; border-bottom: 5px solid #EA8B1C; position: relative;} .editor-picks .small-2.large-1 {padding: 0;} .events .editor-picks .events-lister-title {margin-bottom: 30px;} .events .editor-picks .events-lister-title span {font-weight: 300;} .events .editor-picks .item .row {background: #fff;} .events .editor-picks .item .date.img {padding: 4px 20% 0; display: block; width: 100%;} .events .editor-picks .item .date.img img {height: auto;} .events img.staff-pick {width: 30px; margin-top: -7px; margin-right: 6px;} p.staff-pick span {display: inline-block; float: right;} .events .events-lister-title {background: #212130; border-bottom: 5px solid #EA8B1C; color: #fff; padding: 10px 15px; margin: 20px -0.5em; font-size: 26px;} .events .events-lister-title span {font-weight: 300;} .events .event-filter {} .events .event-filter table {width: auto; float: left;} .events .event-filter select {width: auto; padding: 1px; margin: 0 5px 0 0; font-style: normal; font-size: 13px;} .events .event-filter input {display: inline-block; min-width: 200px; border: 1px solid #d9d9db; font-style: normal; -webkit-box-shadow:inset 0 0 2px 2px rgba(240,240,240,1); box-shadow:inset 0 0 2px 2px rgba(240,240,240,1);} .events .event-filter .search-submit {padding: 7px 10px 8px; min-width: inherit; background: #616165; border-left: none; -webkit-box-shadow: none; box-shadow: none;} .events .item {z-index: 1; position: relative;} .events .item .row {background: #f8f8f8; padding: 10px 0; margin-bottom: 3px; -webkit-transition: background 300ms ease; transition: background 300ms ease; overflow: hidden; position: relative;} .events .item .row:hover {background: #ede9e1;} .events .item .large-11 {border-left: 1px solid #7d7d85;} .events .item .triangle {bottom: -10px; border-bottom-color: #f7b05d; text-decoration: none;} .events .item h3 {color: #616165; font-size: 24px; text-align: center; margin: 20px 0; text-transform: uppercase; height: auto;} .events .item h4 {color: #545459; font-size: 16px; font-family: "Oswald", "Open Sans", inherit, sans-serif; margin: 0; line-height: 1.2;} .events .item h4 a {text-decoration: none;} .events .item h4 span a {color: #e88a1c; text-decoration: underline; font-family: "Open Sans", Helvetica, Arial, sans-serif;} .events .item h4 a:hover {text-decoration: underline;} .events .item h4 span {font-weight: 300; font-size: 14px; font-family: "Open Sans", Helvetica, Arial, sans-serif;} .events .item p {color: #B5B5B9; font-size: 14px; font-weight: 600; margin: 0;} .events .item .state {text-transform: uppercase;} .events .item .date {font-size: 24px; color: #b5b5b9; text-align: center; font-weight: 400; line-height: 1; text-transform: uppercase;} .events .item .date span {display: block; font-size: 16px;} .events .no-editor-picks {position: absolute; bottom: 30px; z-index: 0;} .page .ias-trigger, .events .ias-spinner {margin: 20px auto; width: 60%;} .page .ias-trigger a {color: #616165; background: #d9d9db; text-decoration: none; display: block; padding: 10px; -webkit-transition: background 300ms ease; transition: background 300ms ease;} .page .ias-trigger a:hover {background: #C9C9CB;} .events .item .triangle.events {border: none; width: 385px; background: #f7b05d; right: -389px; height: 70px; padding: 0; margin: 0; text-indent: 0; bottom: -10; -webkit-transition: right 500ms ease; transition: right 500ms ease; text-align: right; } .events .item .row .triangle.events:hover {right: 0; background: #e88a1c;} .events .item .triangle.events:before {content: ""; background: url(graphics/polygon/images/bg_events_arrow.png) no-repeat top right; display: block; height: 100%; width: 70px; position: absolute; left: -70px; } .events .item .row .triangle.events:hover:before {background-position: bottom left;} .events .item .triangle.events img {height: 70px; width: auto; -webkit-transition: background 300ms ease; transition: background 300ms ease;} .events .item .triangle.events a:hover img {background: #f7b05d;} .events .top-5-email h5 {font-size: 18px; margin-bottom: 0;} .events .top-5-email #mc_embed_signup form {margin: 0; padding:0; background: #fff;} .events .top-5-email #mc_embed_signup form input {background: #eee; border: 1px solid #a3a3aa; width: 75%; min-width: inherit; float: left;} .events .top-5-email #mc_embed_signup form input[type=submit] {background: #ee962f; border-color: #d48223; width: 25%; color: #fff; font-size: 12px; padding: 6px 0 7px; cursor: pointer; margin: 0; line-height: 1.3; clear: none; box-shadow: none; -webkit-box-shadow: none;} .events .top-5-email #mc_embed_signup form input:focus {border-color: #e88a1c;} .ads.row.grey {background: #f0f0f0; margin: 0 -.95em; padding: 30px 0;} .ads.row.grey.grey-first {padding: 30px 15px;} .ads.row.grey .events-ads {margin-left: 0;} .ads.row.grey .events-ads li {margin: 15px 0 20px;} /* Best of Events */ .best-month {color:#fff; background:#2B2B3A; padding:15px; border-bottom:5px solid #EA8B1C; margin:-12px 0; font-size:24px; text-align:center;} #top-events-months {margin:0; padding:0; list-style-type:none; text-align:center;} #top-events-months li {display:inline-block; font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:18px; margin-bottom:10px;} #top-events-months li a {border-radius:50%; height:50px; width:50px; background:#2B2B3A; display:block; border:2px solid #fff; text-decoration:none; color:#fff; padding-top:8px; position:relative;} #top-events-months li a:after {content:''; width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent; border-top: 10px solid #fff; position:absolute; bottom:-10px; left:50%; transform:translateX(-50%);} #top-events-months li a:hover {border:2px solid #EA8B1C; background:#4d4d7f;} #top-events-months li a:hover:after {border-top: 10px solid #EA8B1C;} #top-events-months li a.inactive {background:#898989;} #top-events-months li a.inactive:hover {cursor:default; border-color:#fff;} #top-events-months li a.inactive:hover:after {border-top: 10px solid #fff;} .best-of-events-address {font-size: 12px; color: #b5b5b9; font-weight: bold; line-height: 0.8;} #eventForm table, #eventForm table tr, #eventForm table tr td { border:0; color:; font-size:14px; margin:0; padding:0; } .breadcrumbs {list-style-type:none; margin-left:0 !important;} .breadcrumbs li {display:inline; } /* Events Membership - Add events */ .membership.page .myaccountHeading {font-size: 24px; border-bottom: 1px solid #ccc; margin-bottom: 30px; color: #EA8B1C; font-family: "Oswald",Arial,Helvetica,sans-serif;} .membership.page td {padding: 0; margin: 0; line-height: 1; vertical-align: top;} .membership.page td input { width: auto; min-width: 0; display: inline; padding: 2px 5px;} .membership.page td select {width: auto; height: auto; padding: 2px;} .membership.page #showTopTags2, .membership.page #showTopTags3 {display: none;} .membership.page .freedomAdminFormFooter a:first-child { display: inline-block; line-height: 1; padding: 10px 20px; text-decoration: none; text-align: center; color: #FFF; background: none repeat scroll 0% 0% #5A5A65; text-shadow: 0px 1px 0px #221F1F; font-family: "Oswald",Arial,Helvetica,sans-serif; font-size: 18px; transition: all 300ms ease 0s; } .membership.page .freedomAdminFormFooter a:first-child:hover {background: #454552;} .membership.page .editorLabel {font-weight: bold;} .membership.page .editorLabel:after {content:"Note: To Paste Text: CTRL+SHIFT+V (or CMD+SHIFT+V on Mac)"; display: block; margin: 5px 0; font-style: italic; font-weight: 400;} .membership.page .editorLabel:before { content: "Please note: Although the system is set up to allow you to add images, PDFs and embedded videos during your submission process, WE WILL DELETE anything other than text and links in the 'Additional Detail' section. Thank you for understanding."; display: block; margin: 5px 0; font-style: italic; font-weight: 400; word-wrap: break-word; white-space: normal; color: red; margin-bottom: 15px; } .membership.page #location_name_td {visibility:visible !important;} .membership.page label[for=ext_url]:before{content:'Event ';} .membership.page label[for=start_date]:before{content:'*Event ';} .membership.page label[for=end_date]:before{content:'Event ';} .membership.page label[for=location_country]{display:none;} .membership.page #location_country {display:none;} .membership.page .lookupSelect:before {content:'Pre-loaded locations: ';} .membership.page #recurring_start:after {content:'Test';} .membership.page td.formTextHeading {border-top:1px solid #ccc; padding-top:10px; font-weight:bold; font-size:18px;} .membership.page .freedomTable td {padding:5px 0;} .membership.page #freedomAdminTableHeaderWrapper:after {content:'Please note: your event must be reviewed and approved by our staff before it will appear on Toledo.com, and your Event can only be edited after it has been approved.'; color:#d60a0a; font-style:italic;} /* Microsite Pages * Micro Site * Area Directory */ .microsite-lister.page {} .microsite-lister.page .main-content img {border: 1px solid #9f9fa9; padding: 0; max-width: 175px;} .microsite-lister.page .main-content img.imgleft {margin: 0 15px 15px 0;} .microsite-lister.page .main-content img.imgright {margin: 0 0 15px 15px;} .microsite.page .main-content .row.box {padding-top: 20px;} .microsite.page h1.title {display: none;} .microsite.page .main-content .row.box h1 {margin-top: 0; color: #353450; font-size: 24px;} .microsite-logo {text-align: center;} .microsite.page .flex-video img {width: 100%;} .directory-search .directorySearchInput {float: left;} .main-content form .directory-search input[type=submit] {padding: 7px 10px 8px; margin: 0px; display: inline-block; font-size: 15px; box-shadow: none;} .main-content form .directory-search.dropdown input[type=submit] {float: right;} /* new styles for new area directory */ .area-directory input[type=submit] {width: 20%; padding: 5px; font-size:14px;} .area-directory select {width: 79%; float:left; margin-right:1%;} .area-directory #form_community_directory_search input[type=submit] {margin:0; font-size:14px; padding:5px;} .area-directory #form_community_directory_search input[type=text] {width:79%; float:left; min-width:0; padding:3px 5px; margin-right:1%;} .area-directory .main-loop.equal-col {display: flex; flex-wrap: wrap; width:100%;} .area-directory .main-loop.equal-col li {display: flex; width:50%;} .area-directory .micro_summary.deluxe {background: #f9f9f9; padding: 10px; display: flex; flex-direction: column; width:100%; flex-flow: row wrap;} .area-directory .micro_summary.deluxe .content {align-self:start; width:100%;} .area-directory .micro_summary.deluxe .content.with-logo {width:calc(100% - 100px);} .area-directory .micro_summary .logo {display:none;} .area-directory .micro_summary.deluxe .logo {order:2; max-width:100px; padding-left:10px; display:flex; align-self: flex-start; align-items:start;} .area-directory .micro_summary .title {margin:0; line-height:1.4;} .area-directory .micro_summary .title a {color:#53524e; font-weight:700; text-decoration:none;} .area-directory .micro_summary .title a:hover {color:#ea8b1c;} .area-directory .micro_summary.deluxe .title a {font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; text-decoration:underline;} .area-directory .address {line-height:1.4; margin-bottom:0;} .area-directory .micro_summary.deluxe .address {margin-top:5px;} .area-directory .social {margin-top:8px;} .area-directory .social img {width:40px;} .area-directory .address .break {display:block;} .phone-mobile {display:none;} .feature-photos {margin:0 20px;} .feature-photos ul {margin:0;} .area-directory .info-wrapper { background: #ededf2; border: 1px solid #c3c2ce; margin-top: 10px; padding: 5px; border-radius: 3px; display:none; order:3; } .area-directory .micro_summary.deluxe .info-wrapper {display:flex;} @media screen and (max-width: 1024px) { .area-directory .micro_summary.deluxe .content.with-logo {width:100%; order:2} .area-directory .micro_summary.deluxe .logo {order:1; padding-left:0; padding-bottom:5px;} } @media screen and (max-width: 767px) { .area-directory .micro_summary.deluxe .content.with-logo {width:calc(100% - 100px); order:1;} .area-directory .micro_summary.deluxe .logo {order:2; padding-left:10px; padding-bottom:0px;} .area-directory .main-loop.equal-col li {width:100%;} } @media screen and (max-width: 767px) { .phone-mobile {display:inline-block;} .phone-desktop {display:none;} } .microsite.page .social-media-links img {width: 28px; height: 28px;} .directory-blurb {overflow:hidden; max-height:3.6em;} .directory-blurb p {color:#888888!important; line-height:1.2em; font-size:13px; overflow-y: hidden; position: relative; max-height: 3.6em; padding-right: 20px; margin:0;} .directory-blurb p:before {content: '...'; position: absolute; right: 0; bottom: 0;} .directory-blurb p:after {content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: #fff;} .micro_summary.deluxe .directory-blurb p:after {background:#ededf2;} /* News Articles, Blog Articles, Events Detail, Article Pages */ select#category{ width:auto; } .article.page .main-content .box.row {line-height: 2;} .article.page .main-content .box.row p {font-size: 16px;} .article.page .main-content .box.row p, .article.page .main-content .box.row h2, .article.page .main-content .box.row h3, .article.page .main-content .box.row h4, .article.page .main-content .box.row h5, .article.page .main-content .box.row h6, .article.page .main-content .box.row ul, .article.page .main-content .box.row table {padding: 0 10%; } .article.page .main-content .box.row .comments h3 {padding: 0;} .article.page .main-content .box.row h1 {font-size: 34px; color: #353450; margin-bottom: 0;} .article.page .main-content .box.row h2 {font-size: 28px;} .article.page .main-content .box.row h3 {font-size: 24px;} .article.page .main-content .box.row h4 {font-size: 20px;} .article.page .main-content .box.row h5 {font-size: 17px;} .article.page .main-content .box.row h6 {font-size: 14px;} .article.page .main-content .box.row .full-text {padding: 0;} .article.page .main-content .box.row h6.full-text {font-family: "Open Sans", Arial, Verdana, sans-serif;} .article.page .main-content .box.row h6.full-text a {color: #e88a1c; font-family: "Open Sans", Arial, Verdana, sans-serif;} .article.page .main-content .box.row blockquote {margin: 60px 80px; padding: 10px 0;} .article.page .main-content .box.row blockquote p {font-size: 36px; padding: 0; margin: 0;} .article.page .main-content .box.row img {width: 124%; margin-left: -12%; max-width: 124%;} .article.page .main-content .box.row .imgright, .article.page .main-content .box.row .imgright img {margin-right: -3.5em; margin-left: 0; width: auto;} .article.page .main-content .box.row .imgleft, .article.page .main-content .box.row .imgleft img {margin-left: -3.5em; margin-right: 0; width: auto;} .article.page .main-content .box.row .imgleft img, .article.page .main-content .box.row .imgright img {margin: 0;} .article.page .main-content .box.row p.imgleft {padding-right: 15px;} .article.page .main-content .box.row p.imgright {padding-left: 15px;} .article.page .main-content .box.row .imgcaption {} .kids-banner img{margin:0 !important; width:100% !important; height:auto !important;} /* Event Detail Specifics */ .page .main-content .event-detail .event-detail-body p, .page .main-content .event-detail .event-detail-body span {color: #46464A !important;} .page .main-content .event-detail .event-detail-body h1, .page .main-content .event-detail .event-detail-body h2, .page .main-content .event-detail .event-detail-body h3, .page .main-content .event-detail .event-detail-body h4, .page .main-content .event-detail .event-detail-body h5, .page .main-content .event-detail .event-detail-body h6 {color: #53524E !important;} /* Take that ADD YOUR OWN EVENT PEOPLE (the public) WHO TRY TO USE DIFFERENT COLORS other than our site colors */ .page .main-content .box.row .event-detail h5 {font-family: "Open Sans", Arial, sans-serif; font-weight: 700; margin: 0; font-size: 16px;} .page .main-content .box.row .event-detail p {font-size: 14px; line-height: 1.8;} .page .main-content .box.row .event-detail .quick-links {font-size: 13px; padding: 0; margin: 0;} .page .main-content .box.row .event-detail pre {font-family: "Open Sans", Arial, sans-serif; font-size: 13px; position: absolute; top: 3px; right: 15px} .page .main-content .box.row .event-detail img {width: auto; margin-left: 0; max-width: 100%;} .page .main-content .box.row .ads img {margin: 0;} .page .main-content .back.button.orange { margin: auto; text-decoration: none; font-family: "Open Sans", Arial, sans-serif; font-size: 16px; font-weight: 600; text-shadow: none; -webkit-text-shadow:none; background: url(graphics/polygon/images/btn_back_arrow.png) no-repeat bottom left #f7b05d; border-color: #e98a1c; border-bottom-width: 5px; display: block; width: 250px; padding: 15px; } .page .main-content .back.button.orange:hover {background-color: #f7a343;} /* NEWS ARTICLES & DETAIL NEWS & BLOG ARTICLES STYLES */ /* Facebook Commenting System Responsive CSS (Also needs data-width="100%" on the HTML of the FB Comments code - can't use Freedom's Facebook Comments Widget...) */ .social-media.box .fb_iframe_widget, .social-media.box .fb_iframe_widget span, .social-media.box .fb_iframe_widget span iframe[style] { min-width: 100% !important; width: 100% !important; background: #fff; } /* GIG GUIDE PAGE CSS & STYLES */ .gig-guide-detail {} .gig-guide-detail .ads.row {margin: 10px 0;} .gig-guide-detail #gig-guide-search form {float: left; margin-right: 4px !important;} .gig-guide-detail #gig-guide-search input {float: left; height: 28px; font-size: 14px; font-style: normal;} .gig-guide-detail #gig-guide-search .search-input {min-width: inherit; border: 1px solid #d9d9db; -webkit-box-shadow:inset 0 0 8px 0 #f0f0f0; box-shadow:inset 0 0 8px 0 #f0f0f0;} .gig-guide-detail #gig-guide-search .search-submit {padding: 7px 10px 8px; background: #616165; border-left: none; -webkit-box-shadow: none; box-shadow: none;} .gig-guide-detail #gig-guide-search select {padding: 1px; float: right; width: 250px; margin-left: 5px;} .gig-guide-detail .extra-info {clear: both;} .gig-guide-detail .extra-info a {font-size: 13px;} .gig-guide-detail .extra-info .venue-info {float: right;} .gig-guide-detail .extra-info img {width: 24px; height: auto; float: left; margin-right: 4px;} .gig-guide-detail #gig-guide {font-size: 13px; border: none; white-space: nowrap; table-layout: fixed;} .gig-guide-detail #gig-guide th {background: #262538; background-image: url(graphics/polygon/images/icon_sort_arrows.png); background-repeat: no-repeat; background-position: center right; color: #fff; font-weight: 700; padding: 4px 10px; font-size: 13px; border-right: 1px solid #4f4c65;} .gig-guide-detail #gig-guide th.sorter-false {background-image:none;} .gig-guide-detail #gig-guide th.tablesorter-headerUp {background-image: url(graphics/polygon/images/icon_sort_arrow_up.png);} .gig-guide-detail #gig-guide th.tablesorter-headerDown {background-image: url(graphics/polygon/images/icon_sort_arrow_down.png);} .gig-guide-detail #gig-guide .even {background: #ededf2;} .gig-guide-detail #gig-guide tr.ads {background: none;} .gig-guide-detail #gig-guide tr td {border-bottom: 1px solid #c3c2ce; line-height: 1.4; overflow: hidden; text-overflow: ellipsis;} .gig-guide-detail #gig-guide tr.last td {border: none;} .gig-guide-detail #gig-guide tr td img.staff-pick {width: 20px;} #gig-guide .venue {width: 150px;} #gig-guide .venue a.dark-link {color:#46464a;} #gig-guide .venue a.dark-link:hover {color:#ea8b1c;} img.staff-pick {width: 25px; height: auto; position: relative; display: block; float: left; margin-right: 4px; margin-top: -2px;} .gig-guide-detail .subject-to-change {text-align: right;} .gig-guide-detail .semi {font-weight: 600;} /* InFocus (in-focus - in focus) Photo Gallery Styles */ .in-focus.page .album-container {margin-bottom: 15px;} .in-focus.page .row.box {margin-bottom: 0;} .in-focus.page .infocus-detail {margin-bottom: 50px !important;} .in-focus.page .ias-trigger, .in-focus.page .ias-spinner {margin-bottom: 40px;} .in-focus.page .photo-album {position: relative; margin-bottom: 8px;} .in-focus.page .photo-album img {width: 94%;} #album-thumbs-container {margin-bottom: 20px;} .in-focus.page .album-thumbs-lister.columns {margin-bottom: 50px;} .in-focus.page .album-thumbs-lister.columns .photo-thumb-item {float: left;} .in-focus.page .album-thumbs-lister.columns .pagination {margin-bottom: 40px; clear: both;} .dark-bg {background: #25252c; padding: 90px 0 20px;} .dark-bg .detail-image {position: relative;} .dark-bg .detail-image img {width: auto; height: auto; max-height: 650px; display: block; margin: auto; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.9); box-shadow: 0 0 40px 0 rgba(0,0,0,.9);} .dark-bg h2 {color: #fff; font-size: 24px; margin-bottom: 0;} .dark-bg p {color: #fff; font-size: 16px;} .dark-bg p.pages {font-size: 14px; font-weight: 700; margin-top: 20px;} .photo-album-nav a {color: #fff; text-decoration: none; position: absolute; top: 49%;} .photo-album-nav a.prev {left: -55px;} .photo-album-nav a.next {right: -55px;} .dark-bg .detail-image .photo-album-nav img {width: auto; -webkit-box-shadow: none; box-shadow: none;} .addthis_photo_gallery {width: 360px; margin: 80px auto 0;} #album-thumbnails {margin: 50px;} .in-focus.page h3.title span {font-weight: 400; font-size: 16px; font-family: "Open Sans", Arial, Helvetica, sans-serif;} .square.thumb {width: 74px; height: 74px; float: left; margin: 0 7px 7px 0; overflow: hidden; position: relative;} .thumb img {min-width: 100%; min-height: 100%; position: absolute; max-width: 130%; top: 50%; left: 50%; margin-left: -37px; margin-top: -37px; } .dark-bg.video-page {padding-bottom: 90px;} .video-page .banner-ads.row {margin-bottom: 50px;} /* Creative Natives */ .creative-natives.article h1.title {display: none;} .creative-natives.article.page .main-content .box.row .container-bio p, .creative-natives.article.page .main-content .box.row .cn-photo-main p, .creative-natives.article.page .main-content .box.row .container-bio h4, .creative-natives.article.page .main-content .box.row .container-bio h5 { padding: 0; } .container-bio h5 {margin-bottom: 20px; line-height: 1;} .container-bio h4, .container-bio p, .container-bio h1 {line-height: 1;} .website-link {word-break: break-all;} .creative-natives .container-bio {float: left;} .creative-natives.article.page .main-content .box.row .cn-photo-main img { width: 100%; height: auto; float: right; margin-left: 0; } .creative-natives.page .main-content .box.row .container-bio .social-icons img {width: 30px!important; height: auto!important; margin: 0;} .cn-date{ margin-top: -18px; font-size: 13px !important; } /* Movie Showtimes */ .movie.iframe iframe {width: 100%; height: 330px; border: 1px solid #999ba2;margin-bottom:15px; max-width:none;} .movie-page h3 {margin-bottom: 0; font-size: 18px;} .movie-page iframe {width:100% !important; max-width:485px;} .genre a {font-size:18px; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-weight: 400; line-height: 2; color:#5a5a65;} .genre a:hover {color:#000000;} .attractions h3{margin-bottom:0!important;} /* AddThis Widget CSS */ body #at4-share {z-index: 10;} /* Footer */ #footer { background: url(graphics/polygon/images/bg_footer.jpg) center bottom no-repeat #1b1a2a; min-height: 480px; padding: 100px 0; margin-top: -25px; position: relative; z-index: 11; } #footer h5 {color: #fff;} #footer a {color: #bbbbca; text-decoration: none; display: block; -webkit-transition: all 500ms ease; transition: all 500ms ease;} #footer a:hover {text-decoration: underline; color: #fff;} #footer hr {height: 1px; border: none; background: #fff; filter:alpha(opacity=20); opacity: .2; margin: 3px 0 10px;} #footer ul {list-style :none; margin: 0;} #footer ul li {font-size: 12px; line-height: 2;} #footer-bottom {background: #212130; padding: 20px 0;} #footer-bottom p, #footer-bottom a {color: #808089; line-height: 1.5; margin: 0;} #footer-bottom a:hover {color: #fff;} #footer-bottom small {font-size: 12px; font-weight: 300;} .social-media a img {width: 32px; margin-right: 20px; filter:alpha(opacity=25); opacity: .25; -webkit-transition: opacity 500ms ease; transition: opacity 500ms ease;} .social-media a:hover img {filter:alpha(opacity=100); opacity: 1; } .corner-pop {position: fixed; bottom: 0; right: 0; z-index: 500; line-height: 0;} /* Add This plugin - hidden */ #_atssh {position: absolute; z-index: -1; bottom: 50px;} select#IDFormField_State_0 { width: auto; } /* Contact Us */ #IDFormField_Name_0, #IDFormField_Email_0, #IDFormField_Phone_0, #nospamA, #nospamB { background:#fff; border:1px #cbced0 solid; color:#888; font-size:14px; margin-bottom:10px; padding: 3px 8px; } #IDFormField_Comments_0 { background:#fff; border:1px #cbced0 solid; color:#888; font-size:14px; height:150px; margin-bottom:10px; padding: 3px 8px; } .simpleAntiSpam { margin:auto; width: 100%; } .simpleAntiSpam div { margin:auto 0; max-width:600px!important; text-align:center;} .simpleAntiSpam br, .simpleAntiSpam #nospamResponse { display:none; overflow:hidden; visibility:hidden; } #nospamA, #nospamB { background:#fff; border:1px #cbced0 solid; color:#aaa; font-size:12px; margin-bottom:10px; padding:3px 8px; width:80px; } #nospamLink { display:block; margin:auto; width:100px; } .row.corporate-housing ul { margin: 0; margin-top: 20px; } /* -------------------------------------------------- :: Universal Classes - Global ---------------------------------------------------*/ /* Alignment Classes */ .center { text-align: center; } .left { text-align:left; } .right { text-align:right; } .no-padding {padding: 0px;} .no-padding-left.columns {padding-left: 0;} .no-padding-right.columns {padding-right: 0;} /* Buttons */ .button, .main-content form input[type=submit], .modal .content .form_widget_outter input[type="submit"] { display:inline-block; line-height:1; padding: 10px 20px; text-decoration: none; text-align:center; color: #fff; background:#5a5a65; text-shadow: 0 1px 0 #221f1f; font-family: 'Oswald', Arial, Helvetica, sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease;} .button:hover, .modal .content .form_widget_outter input[type="submit"]:hover { background:#454552; color:#fff; text-decoration: none; } .main-content form input[type=submit] {display: block; margin: 50px auto 0;} .button.outline { background: none; display:inline-block; border:1px solid #e9903d; color:#e9903d;} .button.outline:hover { border:1px solid #6e6d69; color:#6e6d69; } .button.orange, .main-content form input[type=submit], .modal .content .form_widget_outter input[type="submit"] {background: #ea8b1c; border: 1px solid #a55c07; cursor: pointer; -webkit-box-shadow: 0 2px 4px 0 rgba(17,17,57,.33); box-shadow: 0 2px 4px 0 rgba(17,17,57,.33);} .button.orange:hover, .main-content form input[type=submit]:hover, .modal .content .form_widget_outter input[type="submit"]:hover {background: #D4770B;} .nonprofit.button {width:100%;} .submit { background:#e9903d; border:0; color:#fff; display:block; float:left; font-size:14px; height:32px; line-height:0; margin-left:5px; padding:6px 10px; text-align:center; text-shadow: 0 1px 0 #a65f0d; } .submit:hover { background:#d0711d; color:#fff; } /* List Classes */ ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Miscellaneous Classes */ .formtextRequired { font-weight:bold; } .formtextRequired label:before { content:"*"; } .row.full-width, .columns.full-width { margin:0!important; max-width:none!important; padding:0!important; width:100%!important; } .happy-hour .columns.full-width {margin-top:-140px !important;} .hide { display: none; } .hideclear { clear:both; height:0; overflow:hidden; visibility:hidden; } .one-fifth {width: 20%;} .clear {clear: both; height: 0;} p.clear {height: auto;} .imgleft, .imgleft img { float: left; padding:0 15px 15px 0; } .imgright, .imgright img {float: right; padding:0 0 15px 15px ; } .imgleft img, .imgright img {padding: 0;} /* prevents double padding */ .imgcenter { display:inline-block; margin:auto; } .imgcaption {clear: both; font-size: 12px; font-style: italic; color: #818185;} .imgleft .imgcaption {float: left;} .imgright .imgcaption {float: right;} /* Pagination Classes */ .prevnextCurrent, .prevnextLink, .prevnextWindow { background:#9A9AA5; color:#fff; display:inline-block; text-decoration: none; line-height:0; padding:15px 20px; margin:0 4px; text-align:center;} .prevnextCurrent, .prevnextCurrent:hover, .prevnextLink:hover, .prevnextWindow:hover { background:#5A5A65; color:#fff; } .prevnextWindowArrow {display: block; margin-top: 40px;} /* Freedom 9.6.001 Date Picker Calendar Style Updates: */ #ui-datepicker-div { background: rgba(255, 255, 255, 0.95); /* this will give slightly opaque white bg */ border: 1px solid #ccc; box-shadow: 0 0 45px #ccc; -webkit-box-shadow: 0 0 45px #ccc; margin-left: -20px; padding: 20px; } .ui-datepicker-prev {float: left;} .ui-datepicker-next {float: right;} .ui-datepicker-prev, .ui-datepicker-next {font-size: 11px; margin-top: 4px;} .ui-datepicker-prev:hover, .ui-datepicker-next:hover {cursor: pointer;} .ui-datepicker-title {text-align: center; padding-bottom: 20px;} .ui-datepicker-calendar th {font-size: 12px; font-weight: bold; text-align:center;} #ui-datepicker-div table td {padding: 8px;} /* Google Maps & Locations Directory Classes */ #googlemap img, object, embed, .GMapEZ img { max-width: none; } #map_canvas embed { max-width: none; } #map_canvas img { max-width: none; } #map_canvas object { max-width: none; } @media only screen and (max-width: 767px) { .locations input, .locations select {width:auto;} } @media only screen and (max-width: 450px) { .locations input[type=submit] { width:80%; margin-top:10px; } } /* ---------------------- Facebook Universal Static iFrame Styles ------------------------ */ body.facebook { font-family:'Open Sans', Helvetica, Arial, sans-serif; color: #7a7974; font-size:14px; line-height:1.6; margin:0; padding:0; text-align:center; } body.facebook a { color: #7a7974; text-decoration:none; } body.facebook a:hover { text-decoration:underline; } #fb_container { margin:0 auto; width:810px; text-align:left; } /* ---------------------- Custom Homepage Flex Slider (FlexSlider) Styles ------------------------ */ #slideshow {margin: 25px 0 10px;} .flexslider .slides {border: 1px solid #999ba2; border-right: none;} .flexslider .flexslider-home-thumb-nav {padding: 0; margin: 0; list-style: none; background: #d5d5da; border: 1px solid #999ba2;} .flexslider .flexslider-home-thumb-nav li {cursor: pointer; padding: 3.7% 7.5% 2.25%; border-bottom: 1px solid #999ba2; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease;} .flexslider .flexslider-home-thumb-nav li:last-child {border: none;} .flexslider .flexslider-home-thumb-nav li.flex-active {background: #212130;} /* .flexslider .flexslider-home-thumb-nav .flexslider-thumb {width: 44%; float: left; margin-right: 5%;} */ .flexslider .flexslider-home-thumb-nav .flexslider-nav-text h4 {font-size: 16px;} .flexslider .flexslider-home-thumb-nav li.flex-active .flexslider-nav-text h4 {color: #ea8b1c;} .flexslider .flexslider-home-thumb-nav .flexslider-nav-text h6 {color: #9a9aa1; text-transform: uppercase; font-size: 12px; font-family: "Open Sans", Helvetica, Arial, sans-serif;} .flexslider .flexslider-home-thumb-nav .image img {width: 100%; height: auto;} .flexslider .flexslider-home-thumb-nav .image {position: relative; width: 44%; float: left; margin-right: 5%;} .flexslider .flexslider-home-thumb-nav .image .play-head {position: absolute; width: 40px; height: 40px; left: 50%; top: 50%; margin-top: -20px; margin-left: -20px;} .flexslider .slides .text {background: #212130; border-bottom: 5px solid #e98a1c; padding: 15px; height: 95px;} .flexslider .slides .text h2 {color: #e98a1c; font-size: 26px; font-weight: 400; margin-bottom: 3px;} .flexslider .slides .text p {color: #fff; font-weight: 300; height: 22px; overflow: hidden; white-space: nowrap; } .flexslider .slides .text .read-more {display: block; position: absolute; right: 15px; margin-top: -39px; background: #212130; line-height: 1; padding: 5px 0; display: inline-block; } .flexslider .slides .text .read-more:before {content: "..."; color: #fff; font-weight: 400; margin: 0 25px 0 2px;} .flexslider .slides .text .read-more a {color: #fff; font-weight: 600;} .flexslider .slides img {position: relative;} .flexslider .slides img.play-head {position: absolute; z-index: 1; width: 140px; height: 140px; left: 50%; margin-left: -70px; top: 50%;} #slideshow .flex-direction-nav {display: none;} /* Carousel Flexsliders on Homepage */ .flexslider-carousel .image {position: relative;} .flexslider-carousel .play-head {position: absolute; width: 50px; height: 50px; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px;} /* ------------------ FLEX SLIDER ------------------- */ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 52px; height: 64px; margin: -5px 0 0; display: block; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .2s ease; transition: all .2s ease;} .flex-direction-nav .flex-next {right: 0; background: url(graphics/polygon/images/icon_arrow_right.png) no-repeat center left #bdbdbe;} .flex-direction-nav .flex-prev {left: 0; background: url(graphics/polygon/images/icon_arrow_left.png) no-repeat center right #bdbdbe;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flexslider-carousel .flex-next:hover, .flexslider-carousel .flex-prev:hover {width: 60px;} .flex-direction-nav .flex-disabled {opacity: .6!important; filter:alpha(opacity=60); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav a {width: 30px; height: 36px;} .flex-direction-nav .flex-prev {opacity: 1; left: 0; background: url(graphics/polygon/images/icon_arrow_left_small.png) no-repeat center right #bdbdbe;} .flex-direction-nav .flex-next {opacity: 1; right: 0; background: url(graphics/polygon/images/icon_arrow_right_small.png) no-repeat center left #bdbdbe;} } /* Popup Box */ body.lock {overflow:hidden;} .modal {overflow:scroll; padding-bottom:40px;} .modal-bg, .modal { z-index: 1001; opacity: 1; position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 250ms ease-in-out; } .modal-bg {background: rgba(0, 0, 0, .5); z-index:1002;} .modal.close .modal-bg, .modal.close {opacity:0;} .modal.slide, .modal.slide .modal-bg {top:auto; bottom:auto;} .modal .content { top: 30%; left: 50%; max-width: 600px; transform: translate(-50%,-30%); width:100%; background: white; position: relative; z-index:1003; transition: transform 250ms ease-in-out; -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75); } .modal .content .item {padding:30px; position:relative;} .modal.slim .content { max-width: 420px; } .modal .content .form_widget_outter table {margin:0; background:transparent;} .modal .content .form_widget_outter td {display:block; width:100%; font-size:16px; padding:0;} .modal .content .form_widget_outter td input[type=text] { height:2.5rem; font-size:15px; padding:5px 8px; margin-bottom:15px; background:#fff; border-color:#a8a8a8; min-width:0; width:100%; } .modal .content .form_widget_outter td input[type=text]:focus { border-color: #5a5a5a; background-color: #fdfdfd; } .modal.close .content {transform: translate(-50%,-30%) scale(.75);} .modal .close-modal {position:absolute; z-index:1; right:0; top:0; padding:0 7px; line-height:1; text-align:center; color:#2B2B3A; font-size:27px; font-weight:700;} .modal .close-modal.white {color:#fff;} .modal .close-modal:hover {cursor:pointer; color:#EA8B1C;} .modal .bg-image {z-index:-1;} .has-bg.image-left .item {width:50%; margin-left:50%;} .has-bg.image-right .item {width:50%;} .has-bg.image-top .item {padding-top:140px;} .has-bg.image-left .bg-image {width:50%; position:absolute; top:0; bottom:0; left:0;} .has-bg.image-right .bg-image {width:50%; position:absolute; top:0; bottom:0; right:0;} .has-bg.image-bg .bg-image {position:absolute; top:0; bottom:0; right:0; left:0;} .has-bg.image-top .bg-image {width:100%; position:absolute; top:0; left:0; height:110px;} .float-image {position:absolute;} .float-image.top {top:-30px;} .float-image.middle {top:50%;} .float-image.bottom {bottom:-30px;} .float-image.left {left:-30px;} .float-image.right {right:-30px;} .float-image.center {left:50%;} .float-image.top.center {transform:translate(-50%,0%);} .float-image.middle.center {transform:translate(-50%,-50%);} .float-image.bottom.center {transform:translate(-50%,0%);} .float-image.middle.left {transform:translate(0%,-50%);} .float-image.middle.right {transform:translate(0%,-50%);} .has-bg.image-left .float-image.left {left:-50px;} .has-bg.image-right .float-image.right {right:-50px;} @media only screen and (max-width: 767px) { .modal .content {transform:translate(-50%,0%); top:40px;} .modal.has-bg.image-left .modal-mobile-image, .modal.has-bg.image-right .modal-mobile-image {width: 100%;} .modal.has-bg.image-left .item, .modal.has-bg.image-right .item {width: 100%; margin: 0;} } @media only screen and (max-width: 690px) { .modal.wide .content {max-width:100%;} .modal.wide {padding:20px;} } @media only screen and (max-width: 460px) { .modal.slim .content {max-width:100%;} .modal.slim {padding:20px;} } /* ------------------ Tabs Section / Section JS Styles / Social Media Tabs ------------------*/ /* Sections */ [data-section=''], [data-section='auto'], .section-container.auto, [data-section='horizontal-nav'], .section-container.horizontal-nav, [data-section='accordion'], .section-container.accordion { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section=''][data-section-small-style], [data-section='auto'][data-section-small-style], .section-container.auto[data-section-small-style], [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style], [data-section='accordion'][data-section-small-style], .section-container.accordion[data-section-small-style] { width: 100% !important; } [data-section=''][data-section-small-style] > [data-section-region], [data-section=''][data-section-small-style] > section, [data-section=''][data-section-small-style] > .section, [data-section='auto'][data-section-small-style] > [data-section-region], [data-section='auto'][data-section-small-style] > section, [data-section='auto'][data-section-small-style] > .section, .section-container.auto[data-section-small-style] > [data-section-region], .section-container.auto[data-section-small-style] > section, .section-container.auto[data-section-small-style] > .section, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section, [data-section='accordion'][data-section-small-style] > [data-section-region], [data-section='accordion'][data-section-small-style] > section, [data-section='accordion'][data-section-small-style] > .section, .section-container.accordion[data-section-small-style] > [data-section-region], .section-container.accordion[data-section-small-style] > section, .section-container.accordion[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section=''][data-section-small-style] > [data-section-region] > [data-section-title], [data-section=''][data-section-small-style] > [data-section-region] > .title, [data-section=''][data-section-small-style] > section > [data-section-title], [data-section=''][data-section-small-style] > section > .title, [data-section=''][data-section-small-style] > .section > [data-section-title], [data-section=''][data-section-small-style] > .section > .title, [data-section='auto'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='auto'][data-section-small-style] > [data-section-region] > .title, [data-section='auto'][data-section-small-style] > section > [data-section-title], [data-section='auto'][data-section-small-style] > section > .title, [data-section='auto'][data-section-small-style] > .section > [data-section-title], [data-section='auto'][data-section-small-style] > .section > .title, .section-container.auto[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.auto[data-section-small-style] > [data-section-region] > .title, .section-container.auto[data-section-small-style] > section > [data-section-title], .section-container.auto[data-section-small-style] > section > .title, .section-container.auto[data-section-small-style] > .section > [data-section-title], .section-container.auto[data-section-small-style] > .section > .title, [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title, [data-section='accordion'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='accordion'][data-section-small-style] > [data-section-region] > .title, [data-section='accordion'][data-section-small-style] > section > [data-section-title], [data-section='accordion'][data-section-small-style] > section > .title, [data-section='accordion'][data-section-small-style] > .section > [data-section-title], [data-section='accordion'][data-section-small-style] > .section > .title, .section-container.accordion[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.accordion[data-section-small-style] > [data-section-region] > .title, .section-container.accordion[data-section-small-style] > section > [data-section-title], .section-container.accordion[data-section-small-style] > section > .title, .section-container.accordion[data-section-small-style] > .section > [data-section-title], .section-container.accordion[data-section-small-style] > .section > .title { width: 100% !important; } [data-section=''] > section, [data-section=''] > .section, [data-section=''] > [data-section-region], [data-section='auto'] > section, [data-section='auto'] > .section, [data-section='auto'] > [data-section-region], .section-container.auto > section, .section-container.auto > .section, .section-container.auto > [data-section-region], [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region], [data-section='accordion'] > section, [data-section='accordion'] > .section, [data-section='accordion'] > [data-section-region], .section-container.accordion > section, .section-container.accordion > .section, .section-container.accordion > [data-section-region] { margin: 0; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { margin-bottom: 0; } [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a, [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a, [data-section='accordion'] > section > [data-section-title] a, [data-section='accordion'] > section > .title a, [data-section='accordion'] > .section > [data-section-title] a, [data-section='accordion'] > .section > .title a, [data-section='accordion'] > [data-section-region] > [data-section-title] a, [data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content, [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content, [data-section='accordion'] > section > [data-section-content], [data-section='accordion'] > section > .content, [data-section='accordion'] > .section > [data-section-content], [data-section='accordion'] > .section > .content, [data-section='accordion'] > [data-section-region] > [data-section-content], [data-section='accordion'] > [data-section-region] > .content, .section-container.accordion > section > [data-section-content], .section-container.accordion > section > .content, .section-container.accordion > .section > [data-section-content], .section-container.accordion > .section > .content, .section-container.accordion > [data-section-region] > [data-section-content], .section-container.accordion > [data-section-region] > .content { display: none; } [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content, [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content, [data-section='accordion'] > section.active > [data-section-content], [data-section='accordion'] > section.active > .content, [data-section='accordion'] > .section.active > [data-section-content], [data-section='accordion'] > .section.active > .content, [data-section='accordion'] > [data-section-region].active > [data-section-content], [data-section='accordion'] > [data-section-region].active > .content, .section-container.accordion > section.active > [data-section-content], .section-container.accordion > section.active > .content, .section-container.accordion > .section.active > [data-section-content], .section-container.accordion > .section.active > .content, .section-container.accordion > [data-section-region].active > [data-section-content], .section-container.accordion > [data-section-region].active > .content { display: block; } [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active), [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active), [data-section='accordion'] > section:not(.active), [data-section='accordion'] > .section:not(.active), [data-section='accordion'] > [data-section-region]:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active), .section-container.accordion > [data-section-region]:not(.active) { padding: 0 !important; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title, [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title, [data-section='accordion'] > section > [data-section-title], [data-section='accordion'] > section > .title, [data-section='accordion'] > .section > [data-section-title], [data-section='accordion'] > .section > .title, [data-section='accordion'] > [data-section-region] > [data-section-title], [data-section='accordion'] > [data-section-region] > .title, .section-container.accordion > section > [data-section-title], .section-container.accordion > section > .title, .section-container.accordion > .section > [data-section-title], .section-container.accordion > .section > .title, .section-container.accordion > [data-section-region] > [data-section-title], .section-container.accordion > [data-section-region] > .title { width: 100%; } .section-container.auto, .section-container.horizontal-nav, .section-container.accordion { border-top: 1px solid #cccccc; } .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; -webkit-transition: background 400ms ease; transition: background 400ms ease; } .section-container.auto > section > .title a, .section-container.auto > .section > .title a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a, .section-container.accordion > section > .title a, .section-container.accordion > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover, .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover, .section-container.accordion > section > .title:hover, .section-container.accordion > .section > .title:hover { background-color: #353548; } .section-container.auto > section > .content, .section-container.auto > .section > .content, .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content, .section-container.accordion > section > .content, .section-container.accordion > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child, .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child, .section-container.accordion > section > .content > *:last-child, .section-container.accordion > .section > .content > *:last-child { margin-bottom: 0; } .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child, .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child, .section-container.accordion > section > .content > *:first-child, .section-container.accordion > .section > .content > *:first-child { padding-top: 0; } .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video), .section-container.accordion > section > .content > *:last-child:not(.flex-video), .section-container.accordion > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title, .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title, .section-container.accordion > section.active > .title, .section-container.accordion > .section.active > .title { background: #d5d5d5; } .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a, .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a, .section-container.accordion > section.active > .title a, .section-container.accordion > .section.active > .title a { color: #333333; } .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.accordion > section:not(.active), .section-container.accordion > .section:not(.active) { padding: 0 !important; } .section-container.auto > section > .title, .section-container.auto > .section > .title, .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title, .section-container.accordion > section > .title, .section-container.accordion > .section > .title { border-top: none; } [data-section='tabs'], .section-container.tabs { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='tabs']:not([data-section-resized]):not([data-section-small-style]), .section-container.tabs:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { margin-bottom: 0; } [data-section='tabs'] > section > [data-section-title] a, [data-section='tabs'] > section > .title a, [data-section='tabs'] > .section > [data-section-title] a, [data-section='tabs'] > .section > .title a, [data-section='tabs'] > [data-section-region] > [data-section-title] a, [data-section='tabs'] > [data-section-region] > .title a, .section-container.tabs > section > [data-section-title] a, .section-container.tabs > section > .title a, .section-container.tabs > .section > [data-section-title] a, .section-container.tabs > .section > .title a, .section-container.tabs > [data-section-region] > [data-section-title] a, .section-container.tabs > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='tabs'] > section > [data-section-content], [data-section='tabs'] > section > .content, [data-section='tabs'] > .section > [data-section-content], [data-section='tabs'] > .section > .content, [data-section='tabs'] > [data-section-region] > [data-section-content], [data-section='tabs'] > [data-section-region] > .content, .section-container.tabs > section > [data-section-content], .section-container.tabs > section > .content, .section-container.tabs > .section > [data-section-content], .section-container.tabs > .section > .content, .section-container.tabs > [data-section-region] > [data-section-content], .section-container.tabs > [data-section-region] > .content { display: none; /* Added back - using getScript JS on click now... - Removed to a JS setTimeout call so Pinterest Widget loads properly - if display: none on load, widget doesn't load. JavaScript at bottom of framework */ height: 0; } [data-section='tabs'] > section.active > [data-section-content], [data-section='tabs'] > section.active > .content, [data-section='tabs'] > .section.active > [data-section-content], [data-section='tabs'] > .section.active > .content, [data-section='tabs'] > [data-section-region].active > [data-section-content], [data-section='tabs'] > [data-section-region].active > .content, .section-container.tabs > section.active > [data-section-content], .section-container.tabs > section.active > .content, .section-container.tabs > .section.active > [data-section-content], .section-container.tabs > .section.active > .content, .section-container.tabs > [data-section-region].active > [data-section-content], .section-container.tabs > [data-section-region].active > .content { display: block !important; height: auto; } [data-section='tabs'] > section:not(.active), [data-section='tabs'] > .section:not(.active), [data-section='tabs'] > [data-section-region]:not(.active), .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active), .section-container.tabs > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='tabs'] > section > [data-section-title], [data-section='tabs'] > section > .title, [data-section='tabs'] > .section > [data-section-title], [data-section='tabs'] > .section > .title, [data-section='tabs'] > [data-section-region] > [data-section-title], [data-section='tabs'] > [data-section-region] > .title, .section-container.tabs > section > [data-section-title], .section-container.tabs > section > .title, .section-container.tabs > .section > [data-section-title], .section-container.tabs > .section > .title, .section-container.tabs > [data-section-region] > [data-section-title], .section-container.tabs > [data-section-region] > .title { width: auto; position: absolute; top: 0; left: 0; } .section-container.tabs { border: none; } .section-container.tabs > section > .title, .section-container.tabs > .section > .title { background-color: #5A5A65; cursor: pointer; /* border: solid 1px #cccccc; */} .section-container.tabs > section > .title a, .section-container.tabs > .section > .title a { padding: 0.9375em; color: #fff; font-size: 0.875em; } .section-container.tabs > section > .title:hover, .section-container.tabs > .section > .title:hover { background: #41414e; } .section-container.tabs > section > .content, .section-container.tabs > .section > .content { /* padding: 0.9375em; background-color: white; border: solid 1px #cccccc;*/ } .section-container.tabs > section > .content > *:last-child, .section-container.tabs > .section > .content > *:last-child { margin-bottom: 0; } .section-container.tabs > section > .content > *:first-child, .section-container.tabs > .section > .content > *:first-child { padding-top: 0; } .section-container.tabs > section > .content > *:last-child:not(.flex-video), .section-container.tabs > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { background: #212130; } .section-container.tabs > section.active > .title a, .section-container.tabs > .section.active > .title a { color: #333333; } .section-container.tabs > section:not(.active), .section-container.tabs > .section:not(.active) { padding: 0 !important; } .section-container.tabs > section.active > .title, .section-container.tabs > .section.active > .title { border-bottom: 0; } @media only screen and (min-width: 768px) { [data-section=''], [data-section='auto'], .section-container.auto { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='']:not([data-section-resized]):not([data-section-small-style]), [data-section='auto']:not([data-section-resized]):not([data-section-small-style]), .section-container.auto:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { margin-bottom: 0; } [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section=''] > section > [data-section-content], [data-section=''] > section > .content, [data-section=''] > .section > [data-section-content], [data-section=''] > .section > .content, [data-section=''] > [data-section-region] > [data-section-content], [data-section=''] > [data-section-region] > .content, [data-section='auto'] > section > [data-section-content], [data-section='auto'] > section > .content, [data-section='auto'] > .section > [data-section-content], [data-section='auto'] > .section > .content, [data-section='auto'] > [data-section-region] > [data-section-content], [data-section='auto'] > [data-section-region] > .content, .section-container.auto > section > [data-section-content], .section-container.auto > section > .content, .section-container.auto > .section > [data-section-content], .section-container.auto > .section > .content, .section-container.auto > [data-section-region] > [data-section-content], .section-container.auto > [data-section-region] > .content { display: none; } [data-section=''] > section.active > [data-section-content], [data-section=''] > section.active > .content, [data-section=''] > .section.active > [data-section-content], [data-section=''] > .section.active > .content, [data-section=''] > [data-section-region].active > [data-section-content], [data-section=''] > [data-section-region].active > .content, [data-section='auto'] > section.active > [data-section-content], [data-section='auto'] > section.active > .content, [data-section='auto'] > .section.active > [data-section-content], [data-section='auto'] > .section.active > .content, [data-section='auto'] > [data-section-region].active > [data-section-content], [data-section='auto'] > [data-section-region].active > .content, .section-container.auto > section.active > [data-section-content], .section-container.auto > section.active > .content, .section-container.auto > .section.active > [data-section-content], .section-container.auto > .section.active > .content, .section-container.auto > [data-section-region].active > [data-section-content], .section-container.auto > [data-section-region].active > .content { display: block; } [data-section=''] > section:not(.active), [data-section=''] > .section:not(.active), [data-section=''] > [data-section-region]:not(.active), [data-section='auto'] > section:not(.active), [data-section='auto'] > .section:not(.active), [data-section='auto'] > [data-section-region]:not(.active), .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active), .section-container.auto > [data-section-region]:not(.active) { padding: 0 !important; } [data-section=''] > section > [data-section-title], [data-section=''] > section > .title, [data-section=''] > .section > [data-section-title], [data-section=''] > .section > .title, [data-section=''] > [data-section-region] > [data-section-title], [data-section=''] > [data-section-region] > .title, [data-section='auto'] > section > [data-section-title], [data-section='auto'] > section > .title, [data-section='auto'] > .section > [data-section-title], [data-section='auto'] > .section > .title, [data-section='auto'] > [data-section-region] > [data-section-title], [data-section='auto'] > [data-section-region] > .title, .section-container.auto > section > [data-section-title], .section-container.auto > section > .title, .section-container.auto > .section > [data-section-title], .section-container.auto > .section > .title, .section-container.auto > [data-section-region] > [data-section-title], .section-container.auto > [data-section-region] > .title { width: auto; position: absolute; top: 0; left: 0; } .section-container.auto { border: none; } .section-container.auto > section > .title, .section-container.auto > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.auto > section > .title a, .section-container.auto > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover { background-color: #e2e2e2; } .section-container.auto > section > .content, .section-container.auto > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child { margin-bottom: 0; } .section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child { padding-top: 0; } .section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { background: white; } .section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a { color: #333333; } .section-container.auto > section:not(.active), .section-container.auto > .section:not(.active) { padding: 0 !important; } .section-container.auto > section.active > .title, .section-container.auto > .section.active > .title { border-bottom: 0; } [data-section='horizontal-nav'], .section-container.horizontal-nav { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } [data-section='horizontal-nav']:not([data-section-resized]):not([data-section-small-style]), .section-container.horizontal-nav:not([data-section-resized]):not([data-section-small-style]) { visibility: hidden; } [data-section='horizontal-nav'][data-section-small-style], .section-container.horizontal-nav[data-section-small-style] { width: 100% !important; } [data-section='horizontal-nav'][data-section-small-style] > [data-section-region], [data-section='horizontal-nav'][data-section-small-style] > section, [data-section='horizontal-nav'][data-section-small-style] > .section, .section-container.horizontal-nav[data-section-small-style] > [data-section-region], .section-container.horizontal-nav[data-section-small-style] > section, .section-container.horizontal-nav[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > [data-section-region] > .title, [data-section='horizontal-nav'][data-section-small-style] > section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > section > .title, [data-section='horizontal-nav'][data-section-small-style] > .section > [data-section-title], [data-section='horizontal-nav'][data-section-small-style] > .section > .title, .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > [data-section-region] > .title, .section-container.horizontal-nav[data-section-small-style] > section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > section > .title, .section-container.horizontal-nav[data-section-small-style] > .section > [data-section-title], .section-container.horizontal-nav[data-section-small-style] > .section > .title { width: 100% !important; } [data-section='horizontal-nav'] > section, [data-section='horizontal-nav'] > .section, [data-section='horizontal-nav'] > [data-section-region], .section-container.horizontal-nav > section, .section-container.horizontal-nav > .section, .section-container.horizontal-nav > [data-section-region] { position: relative; float: left; } [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { margin-bottom: 0; } [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { display: none; } [data-section='horizontal-nav'] > section.active > [data-section-content], [data-section='horizontal-nav'] > section.active > .content, [data-section='horizontal-nav'] > .section.active > [data-section-content], [data-section='horizontal-nav'] > .section.active > .content, [data-section='horizontal-nav'] > [data-section-region].active > [data-section-content], [data-section='horizontal-nav'] > [data-section-region].active > .content, .section-container.horizontal-nav > section.active > [data-section-content], .section-container.horizontal-nav > section.active > .content, .section-container.horizontal-nav > .section.active > [data-section-content], .section-container.horizontal-nav > .section.active > .content, .section-container.horizontal-nav > [data-section-region].active > [data-section-content], .section-container.horizontal-nav > [data-section-region].active > .content { display: block; } [data-section='horizontal-nav'] > section:not(.active), [data-section='horizontal-nav'] > .section:not(.active), [data-section='horizontal-nav'] > [data-section-region]:not(.active), .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active), .section-container.horizontal-nav > [data-section-region]:not(.active) { padding: 0 !important; } [data-section='horizontal-nav'] > section > [data-section-title], [data-section='horizontal-nav'] > section > .title, [data-section='horizontal-nav'] > .section > [data-section-title], [data-section='horizontal-nav'] > .section > .title, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title], [data-section='horizontal-nav'] > [data-section-region] > .title, .section-container.horizontal-nav > section > [data-section-title], .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > [data-section-title], .section-container.horizontal-nav > .section > .title, .section-container.horizontal-nav > [data-section-region] > [data-section-title], .section-container.horizontal-nav > [data-section-region] > .title { position: static; width: auto; } [data-section='horizontal-nav'] > section > [data-section-title] a, [data-section='horizontal-nav'] > section > .title a, [data-section='horizontal-nav'] > .section > [data-section-title] a, [data-section='horizontal-nav'] > .section > .title a, [data-section='horizontal-nav'] > [data-section-region] > [data-section-title] a, [data-section='horizontal-nav'] > [data-section-region] > .title a, .section-container.horizontal-nav > section > [data-section-title] a, .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > [data-section-title] a, .section-container.horizontal-nav > .section > .title a, .section-container.horizontal-nav > [data-section-region] > [data-section-title] a, .section-container.horizontal-nav > [data-section-region] > .title a { display: block; } [data-section='horizontal-nav'] > section > [data-section-content], [data-section='horizontal-nav'] > section > .content, [data-section='horizontal-nav'] > .section > [data-section-content], [data-section='horizontal-nav'] > .section > .content, [data-section='horizontal-nav'] > [data-section-region] > [data-section-content], [data-section='horizontal-nav'] > [data-section-region] > .content, .section-container.horizontal-nav > section > [data-section-content], .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > [data-section-content], .section-container.horizontal-nav > .section > .content, .section-container.horizontal-nav > [data-section-region] > [data-section-content], .section-container.horizontal-nav > [data-section-region] > .content { width: auto; position: absolute; top: 0; left: 0; z-index: 999; min-width: 12.5em; } .section-container.horizontal-nav { background: #efefef; border: 1px solid #cccccc; } .section-container.horizontal-nav > section > .title, .section-container.horizontal-nav > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .section-container.horizontal-nav > section > .title a, .section-container.horizontal-nav > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .section-container.horizontal-nav > section > .title:hover, .section-container.horizontal-nav > .section > .title:hover { background-color: #e2e2e2; } .section-container.horizontal-nav > section > .content, .section-container.horizontal-nav > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .section-container.horizontal-nav > section > .content > *:last-child, .section-container.horizontal-nav > .section > .content > *:last-child { margin-bottom: 0; } .section-container.horizontal-nav > section > .content > *:first-child, .section-container.horizontal-nav > .section > .content > *:first-child { padding-top: 0; } .section-container.horizontal-nav > section > .content > *:last-child:not(.flex-video), .section-container.horizontal-nav > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .section-container.horizontal-nav > section.active > .title, .section-container.horizontal-nav > .section.active > .title { background: #d5d5d5; } .section-container.horizontal-nav > section.active > .title a, .section-container.horizontal-nav > .section.active > .title a { color: #333333; } .section-container.horizontal-nav > section:not(.active), .section-container.horizontal-nav > .section:not(.active) { padding: 0 !important; } } .no-js [data-section], .no-js .section-container { width: 100%; position: relative; display: block; margin-bottom: 1.25em; } .no-js [data-section][data-section-small-style], .no-js .section-container[data-section-small-style] { width: 100% !important; } .no-js [data-section][data-section-small-style] > [data-section-region], .no-js [data-section][data-section-small-style] > section, .no-js [data-section][data-section-small-style] > .section, .no-js .section-container[data-section-small-style] > [data-section-region], .no-js .section-container[data-section-small-style] > section, .no-js .section-container[data-section-small-style] > .section { padding: 0 !important; margin: 0 !important; } .no-js [data-section][data-section-small-style] > [data-section-region] > [data-section-title], .no-js [data-section][data-section-small-style] > [data-section-region] > .title, .no-js [data-section][data-section-small-style] > section > [data-section-title], .no-js [data-section][data-section-small-style] > section > .title, .no-js [data-section][data-section-small-style] > .section > [data-section-title], .no-js [data-section][data-section-small-style] > .section > .title, .no-js .section-container[data-section-small-style] > [data-section-region] > [data-section-title], .no-js .section-container[data-section-small-style] > [data-section-region] > .title, .no-js .section-container[data-section-small-style] > section > [data-section-title], .no-js .section-container[data-section-small-style] > section > .title, .no-js .section-container[data-section-small-style] > .section > [data-section-title], .no-js .section-container[data-section-small-style] > .section > .title { width: 100% !important; } .no-js [data-section] > section, .no-js [data-section] > .section, .no-js [data-section] > [data-section-region], .no-js .section-container > section, .no-js .section-container > .section, .no-js .section-container > [data-section-region] { margin: 0; } .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { margin-bottom: 0; } .no-js [data-section] > section > [data-section-title] a, .no-js [data-section] > section > .title a, .no-js [data-section] > .section > [data-section-title] a, .no-js [data-section] > .section > .title a, .no-js [data-section] > [data-section-region] > [data-section-title] a, .no-js [data-section] > [data-section-region] > .title a, .no-js .section-container > section > [data-section-title] a, .no-js .section-container > section > .title a, .no-js .section-container > .section > [data-section-title] a, .no-js .section-container > .section > .title a, .no-js .section-container > [data-section-region] > [data-section-title] a, .no-js .section-container > [data-section-region] > .title a { width: 100%; display: inline-block; white-space: nowrap; } .no-js [data-section] > section > [data-section-content], .no-js [data-section] > section > .content, .no-js [data-section] > .section > [data-section-content], .no-js [data-section] > .section > .content, .no-js [data-section] > [data-section-region] > [data-section-content], .no-js [data-section] > [data-section-region] > .content, .no-js .section-container > section > [data-section-content], .no-js .section-container > section > .content, .no-js .section-container > .section > [data-section-content], .no-js .section-container > .section > .content, .no-js .section-container > [data-section-region] > [data-section-content], .no-js .section-container > [data-section-region] > .content { display: none; } .no-js [data-section] > section.active > [data-section-content], .no-js [data-section] > section.active > .content, .no-js [data-section] > .section.active > [data-section-content], .no-js [data-section] > .section.active > .content, .no-js [data-section] > [data-section-region].active > [data-section-content], .no-js [data-section] > [data-section-region].active > .content, .no-js .section-container > section.active > [data-section-content], .no-js .section-container > section.active > .content, .no-js .section-container > .section.active > [data-section-content], .no-js .section-container > .section.active > .content, .no-js .section-container > [data-section-region].active > [data-section-content], .no-js .section-container > [data-section-region].active > .content { display: block; } .no-js [data-section] > section:not(.active), .no-js [data-section] > .section:not(.active), .no-js [data-section] > [data-section-region]:not(.active), .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active), .no-js .section-container > [data-section-region]:not(.active) { padding: 0 !important; } .no-js [data-section] > section > [data-section-title], .no-js [data-section] > section > .title, .no-js [data-section] > .section > [data-section-title], .no-js [data-section] > .section > .title, .no-js [data-section] > [data-section-region] > [data-section-title], .no-js [data-section] > [data-section-region] > .title, .no-js .section-container > section > [data-section-title], .no-js .section-container > section > .title, .no-js .section-container > .section > [data-section-title], .no-js .section-container > .section > .title, .no-js .section-container > [data-section-region] > [data-section-title], .no-js .section-container > [data-section-region] > .title { width: 100%; } .no-js .section-container { border-top: 1px solid #cccccc; } .no-js .section-container > section > .title, .no-js .section-container > .section > .title { background-color: #efefef; cursor: pointer; border: solid 1px #cccccc; } .no-js .section-container > section > .title a, .no-js .section-container > .section > .title a { padding: 0.9375em; color: #333333; font-size: 0.875em; background: none; } .no-js .section-container > section > .title:hover, .no-js .section-container > .section > .title:hover { background-color: #e2e2e2; } .no-js .section-container > section > .content, .no-js .section-container > .section > .content { padding: 0.9375em; background-color: white; border: solid 1px #cccccc; } .no-js .section-container > section > .content > *:last-child, .no-js .section-container > .section > .content > *:last-child { margin-bottom: 0; } .no-js .section-container > section > .content > *:first-child, .no-js .section-container > .section > .content > *:first-child { padding-top: 0; } .no-js .section-container > section > .content > *:last-child:not(.flex-video), .no-js .section-container > .section > .content > *:last-child:not(.flex-video) { padding-bottom: 0; } .no-js .section-container > section.active > .title, .no-js .section-container > .section.active > .title { background: #d5d5d5; } .no-js .section-container > section.active > .title a, .no-js .section-container > .section.active > .title a { color: #333333; } .no-js .section-container > section:not(.active), .no-js .section-container > .section:not(.active) { padding: 0 !important; } .no-js .section-container > section > .title, .no-js .section-container > .section > .title { border-top: none; } /* -------------------------------------------------- Reveal Modals -------------------------------------------------- */ .reveal-modal-bg { position: fixed; height: 100%; width: 100%; background: #112954; background: rgba(0,0,0,.8); z-index: 10000; display: none; top: 0; left: 0; } .reveal-modal { visibility:hidden; top: 100px; left: 50%; margin-left: -300px; width: 520px; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 10001; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -box-shadow: 0 0 10px rgba(0,0,0,.4); } .reveal-modal.small { width: 200px; margin-left: -140px;} .reveal-modal.medium { width: 400px; margin-left: -240px;} .reveal-modal.large { width: 600px; margin-left: -340px;} .reveal-modal.xlarge { width: 800px; margin-left: -440px;} .reveal-modal .close-reveal-modal { font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; } #modal-content {padding: 17px 22px 10px; margin: 30px 29px 30px; border: 6px solid #d1d1d1;} #modal-content p {font-size: 12px; margin-top: 5px;} #modal-content img.toledo_logo { max-width: 400px; height: auto; margin-bottom: 20px;} /* NOTES Close button entity is × Example markup

Awesome. I have it.

Your couch. I it's mine.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam.

×
*/ /* COUNTDOWN TIMER STYLES */ #countdown-bar {display: none; min-height:75px;} .countdown-bar {position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,.85); z-index: 100; color: #fff; padding: 10px 0;} .countdown-bar .countdown-timer {width: auto;} .countdown-timer .heading {width: auto; float: left; border-right: 1px solid #666;} .countdown-timer .the-timer {width: auto;} .countdown-timer h2 {line-height: 1.2; text-align: right; padding-bottom: 3px; margin: 0; color: #fff; font-size: 22px;} .countdown-box {color: #000; font-size: 12px; border-radius: 5px; -webkit-border-radius: 5px; float: left; padding: 6px; text-align: center; width: 70px; color: #000; line-height: 1; margin: 0 8px 0 0; } .countdown-box span {display: block; color: #fff; font-size: 30px; font-weight: bold;} .countdown-timer .finished .countdown-box {display: none;} .countdown-expiry {font-size: 24px; color: #fff; padding: 8px;} .countdown-text {float: right;} .countdown-banner {line-height: 1;} .countdown-text p {margin: 0; float: right;} .countdown-text img {height: 55px !important; width: auto !important; margin-right: 10px;} #close-cd-bar {position: absolute; right: 10px; top: 10px; color: #8a8a8a; text-decoration: none; font-size: 10px; text-transform: uppercase; z-index: 2; font-weight: bold;} #close-cd-bar img {float: right; margin-left: 5px;} /* Happy Hour */ .hh-title {margin:15px 0 0 3px;} .app .hh-title {margin:0;} .happy-hour hr {height:2px; background:#efefef;} .happy-hour ul[class*="block-grid"] {margin:0;} .happy-hour .main-content .row.box {margin:0;} .happy-hour .top-header {margin-bottom:15px; background:#eaeaea; padding:8px 20px;} .happy-hour .top-header h1 {text-transform:uppercase; text-align:center; margin:0 !important; font-size:22px;} .happy-hour .open-image {overflow:hidden; position:relative; height:450px; background:#eaeaea url('graphics/polygon/images/happy-hour/drink.png'); background-size:cover; width:100%;} .happy-hour .open-image .set-bg {padding:15px; position:absolute; top:0; height:100%; width:100%; text-align:center;} .happy-hour .open-image .set-bg a {position:absolute; top:0; bottom:0; left:0; width:100%; text-indent:-900px;} .happy-hour .open-image .set-bg .fake-button {position:absolute; top:calc(50% - 55px); left:0; width:100%; text-align:center;} .happy-hour .open-image .set-bg.split .fake-button {top:calc(50% - 110px);} .happy-hour .open-image .set-bg .fake-button p {max-width:240px; line-height:1.2; background:rgba(0,0,0,.4); border:1px solid #fff; padding:8px 20px 10px; margin:0; display:inline-block; color:#fff; font-family:'Oswald', Arial, sans-serif; font-size:30px;} .happy-hour .open-image .set-bg:hover .fake-button p {background:rgba(0,0,0,.6);} .happy-hour .open-image .cta-banner {background:#fff; position:absolute; bottom:-7px; left:0; right:0; text-align:center; padding-top:20px;} .happy-hour .disclaimer {font-size:12px; font-style:italic; margin:0 13px;} .happy-hour .updated {font-size:14px; font-style:italic; margin:5px 0;} .hht-copy {position:relative; margin-top:50px;} .hht-copy hr {margin:0; padding:5px 0; border-bottom:2px solid #efefef; background:transparent;} .hht-copy .copy-info {position:absolute; top:0; left:0; width:100%; text-align:center;} .hht-copy .copy-info p {display:inline-block; background:#fff; margin:0; padding:0 10px; color:#6e6e6e; font-size:13px;} .happy-hour .sidebar .menu {margin-bottom:15px;} .happy-hour .sidebar .menu a {position:relative; padding:3px 5px; display:block; font-family:'Oswald', Arial, sans-serif; text-decoration:none; font-size:18px; color:#53524e; border-bottom:1px solid #d5d4d0;} .happy-hour .sidebar .menu a:after {content:'\25BA'; position:absolute; right:5px; font-size:14px;} .happy-hour .sidebar .menu a:hover {background:#f6f6f6;} .happy-hour .sidebar .banner-ad {margin-bottom:7px;} .happy-hour .sidebar .banner-ad img {width:100%; max-width:312px; margin:0 auto;} .specials-lister {background:#ededed; padding:3px;} .specials-lister .deal {background:#ffffff; margin-bottom:3px; padding:5px 0;} .specials-lister .specials .deal:nth-child(2n) {background:#f5f5f5;} .toggle-button {font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:22px; display:block; width:100%; padding:5px 45px 5px 10px; text-decoration:none; margin-bottom:3px; color:#fff; position:relative;} .happy-hour-detail .toggle-button {padding:5px 45px 5px 10px; font-size:18px;} .toggle-button:hover {color:#fff;} .toggle-button:after {content:'+'; position:absolute; right:10px; top:2px; font-size:40px; line-height:1;} .happy-hour-detail .toggle-button:after {content:none;} .toggle-button.clicked:after {content:'-'; font-size:45px; top:-5px; right:11px;} .happy-hour-detail .toggle-button.clicked:after {content:none;} .toggle-button.dow1 {background:#074785; border-bottom:3px solid #1260a2;} .toggle-button.dow1:hover {background:#1260a2;} .toggle-button.dow2 {background:#116fd1; border-bottom:3px solid #228cf0;} .toggle-button.dow2:hover {background:#228cf0;} .toggle-button.dow3 {background:#1e9bb7; border-bottom:3px solid #2ab1d1;} .toggle-button.dow3:hover {background:#2ab1d1;} .toggle-button.dow4 {background:#6cbc3b; border-bottom:3px solid #82d54f;} .toggle-button.dow4:hover {background:#82d54f;} .toggle-button.dow5 {background:#ebb329; border-bottom:3px solid #ffcb4d;} .toggle-button.dow5:hover {background:#ffcb4d;} .toggle-button.dow6 {background:#e58121; border-bottom:3px solid #fea54f;} .toggle-button.dow6:hover {background:#fea54f;} .toggle-button.dow0 {background:#e44d1b; border-bottom:3px solid #ff7345;} .toggle-button.dow0:hover {background:#ff7345;} .happy-hour-detail .icons img {width:40px;} .toggle-button:hover {background:#1c2332;} .specials-lister .specials .deal p {margin:0;} .specials-lister .specials .deal .time {text-align:right;} .specials-lister .specials .deal .location-link a {color:#000000; font-weight:600;} .happy-hour .location-title {margin:0 !important;} .happy-hour .desc {margin:5px 0 10px;} .happy-hour .address {margin:0;} .happy-hour .address .name {font-weight:700;} .happy-hour .phone {} .happy-hour .website {} .happy-hour .social img {width:30px; margin:10px 1px;} .happy-hour p.open {margin:0;} .happy-hour .toggle-hours {display:none;} .happy-hour .hide-hours {background:#eee; padding:15px; margin-top:15px;} .happy-hour .hide-hours p {margin:0;} .happy-hour .hours {margin-bottom:0px; background:transparent; border-top: 1px solid #ccc;} .happy-hour .hours td { background: #f6f6f6; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666666; padding: 0 20px; } .happy-hour .hours td.day { padding: 0 10px 0 5px; font-weight: 600; text-transform: uppercase; background: #e1e0e0; border-left: 1px solid #ccc; } .happy-hour #map {width:100%; height:450px;} .happy-hour .locations .location {background:#f9f9f9; padding:10px;} .happy-hour .locations .location p {margin:0; line-height:1.5;} .happy-hour .locations .location.holiday p {margin-bottom:15px;} .happy-hour .locations .location.holiday p.address {font-size:13px; color:#8a8a8a;} .happy-hour .locations .location.holiday p.more {margin:0;} .happy-hour .locations .location.holiday h3 {margin:0;} .happy-hour .locations .location .specials .day {background:#ededf2; border:1px solid #c3c2ce; margin-top:15px; padding:5px; border-radius:3px} .happy-hour .locations .location .specials .day p {color:#46464a; font-size:13px;} .happy-hour .search .filter {margin-left:15px; display:inline-block;} .happy-hour .search .filter select {display:inline-block; width:auto;} .happy-hour .search .filter input[type=submit] {margin:0; font-size:15px; text-transform:uppercase; display:inline-block; text-shadow:none; box-shadow:none; padding:6px 14px;} .happy-hour .set-bg.image {padding:75px 15px; text-align:center; margin-bottom:20px;} .happy-hour .set-bg.image h1 {color:#fff; margin:0; padding:5px 20px; display:inline-block; background:rgba(0,0,0,.4);} .happy-hour .utility {text-align:center;} .happy-hour .utility a {position:relative; padding:3px 30px 3px 5px; display:inline-block; font-family:'Oswald', Arial, sans-serif; text-decoration:none; font-size:18px; color:#53524e; border-right:1px solid #d5d4d0;} .happy-hour .utility a:nth-child(2) {border:none;} .happy-hour .utility a:after {content:'\25BA'; position:absolute; right:5px; top:5px; font-size:14px;} .happy-hour .utility a:hover {background:#f6f6f6;} /* -------------------------------------------------- :: Media Query Fixes ---------------------------------------------------*/ /* Media Queries Great Than 767px */ @media only screen and (min-width: 1600px) { /* Larger than 1600px */ .sub.page .main-content {margin-top: -150px;} } @media only screen and (max-width: 1130px) { .photo-album-nav a.prev {left: 15px;} .photo-album-nav a.next {right: 15px;} #main-nav ul a {padding: 18px 21px;} } @media only screen and (max-width: 1033px) { #main-nav ul a, #main-nav.stuck ul a {padding: 14px 17px;} #footer-bottom {padding-bottom: 100px;} } @media only screen and (max-width: 999px) { .countdown-text {width: 100%; text-align: center;} .countdown-text img {margin-top: 15px;} } @media only screen and (max-width: 940px) { #main-nav ul a, #main-nav.stuck ul a {font-size: 15px; padding: 14px 14px;} } @media only screen and (max-width: 900px) { #main-nav ul a, #main-nav.stuck ul a {padding: 14px 11px; font-size: 14px;} .flexslider .flexslider-home-thumb-nav li {padding: 3% 7%;} .box.local-features .columns {width: 100%;} } @media only screen and (max-width: 800px) { .logo-icon {display: none;} } /* Media Queries Less than 767px */ @media only screen and (max-width: 767px) { /* Global Classes */ .one-fifth {width: 100%;} .mobile-clear {clear: both;} #header {background: url(graphics/polygon/images/bg_footer.jpg) repeat-x center bottom;} /* --------- Off-canvas ----------- */ .mobile-menu-toggle { display: block; background: #212130; color: #fff !important; text-decoration: none; font-size: 18px; font-family: "Oswald", "Open Sans", Helvetica, Arial, sans-serif; padding: 10px 15px; text-transform: uppercase; border-bottom: 5px solid #ea8b1c; } .mobile-menu-toggle.about { font-size: 14px; text-align: right; background: url("graphics/polygon/images/bg_header.jpg") repeat-x center top; padding: 9px 15px; height: 34px; line-height: 1; text-transform: none; border: none; } .mobile-menu-toggle img {width: 20px;} .mobile-menu-toggle.about img {display: block; float: right;} /* Navigataion */ #main-nav, #main-nav.stuck { -webkit-box-shadow:inset -25px 0 25px 0 rgba(0,0,0,.5); box-shadow:inset -25px 0 25px 0 rgba(0,0,0,.5); position: absolute; width: 70%; top: 0; height: 100%; left:-70%; } #main-nav .row { -webkit-transform: scale3d(.7, .7, .7); -moz-transform: scale3d(.7, .7, .7); -ms-transform: scale3d(.7, .7, .7); -o-transform: scale3d(.7, .7, .7); transform: scale3d(.7, .7, .7); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } #main-nav .large-12 {padding: 0} #main-nav ul {padding: 0; margin: 0;} #main-nav ul li {float: none; text-align: left; display: block;} #main-nav ul li a { border-right: none; border-bottom: 1px solid #4D4B65; font-size: 18px !important; padding: 18px 15px !important;} /* Reveal open/close buttons */ a.open-panel, a.close-panel {display: block;} .close-panel {text-align: right; text-decoration: none; color: #fff; text-transform: uppercase; font-size: 14px; border-bottom: 5px solid #EA8B1C; margin: 10px 0 5px; width: 100%; padding-right: 15px; } .close-panel:hover {color: #fff;} .close-panel img {width: 16px; height: auto;} .top-nav .close-panel {border-color: #212130;} .openNav #canvas-page { left: 0; -webkit-transform: translate3d(70%, 0, 0); -moz-transform: translate3d(70%, 0, 0); -ms-transform: translate3d(70%, 0, 0); -o-transform: translate3d(70%, 0, 0); transform: translate3d(70%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .openNav #main-nav .row { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* When the panel is closed, transition the page back to the left */ #canvas-page { left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } /* About Nav CSS */ /* About Navigataion */ .top-nav { -webkit-box-shadow:inset 0 -10px 8px 0 rgba(0,0,0,.2); box-shadow:inset 0 -10px 8px 0 rgba(0,0,0,.2); background: #EA8B1C; } .top-nav.row { -webkit-transform: scale3d(.7, .7, .7); -moz-transform: scale3d(.7, .7, .7); -ms-transform: scale3d(.7, .7, .7); -o-transform: scale3d(.7, .7, .7); transform: scale3d(.7, .7, .7); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .top-nav .large-12 {padding: 0} .top-nav {position: absolute; height: 280px; top: -280px; left: 0; padding: 0; margin: 0;} .top-nav .top_nav {padding: 0; margin: 0;} .top-nav .top_nav li {float: none; display: block; text-align: left;} .top-nav .top_nav li a { border-right: none; border-bottom: 1px solid #f2b977; font-size: 16px; padding: 10px; display: block; line-height: 1;} /* About Nav Reveal open/close buttons */ a.open-about-panel, a.close-about-panel {display: block;} span.span-button {display: inline-block; border: 1px solid rgba(255, 255, 255, 0.4); padding: 2px 8px; border-radius: 5px; -webkit-border-radius: 5px;} .open-about-panel span.span-button {margin-top: -5px;} .close-panel span.span-button {margin-bottom: 8px;} .openNav-about #canvas-page { right: 0; -webkit-transform: translate3d(0, 280px, 0); -moz-transform: translate3d(0, 280px, 0); -ms-transform: translate3d(0, 280px, 0); -o-transform: translate3d(0, 280px, 0); transform: translate3d(0, 280px, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; } .openNav-about .top-nav.row { -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* SLIDESHOW FLEX SLIDER (FLEXSLIDER) */ .flexslider .slides .text {height: auto;} #slideshow .flex-direction-nav {display: block; clear: both;} #slideshow .flexslider-home-thumb-nav {display: none;} #slideshow .flexslider:hover .flex-prev {left: 0;} #slideshow .flexslider:hover .flex-next {right: 0;} /* Footer Mobile/Tablet CSS */ #footer ul li {width: 50%; float: left; line-height: 3;} #footer .one-fifth h5 {margin-top: 35px;} #footer-bottom .social-media {text-align: center; margin-bottom: 25px;} #footer-bottom .copyright {text-align: center;} .corner-pop {position: absolute;} /* Sidebar Pages */ .sub.page .main-content {padding-right: 0.9375em; margin-top: -5px;} .main-content.columns {position: relative; margin-right: 0; width: 100%; max-width: 100%;} .sidebar.columns {float: none; width: 100%; margin: 40px 0 0; margin-left: 0; padding: 0 .975em;} .sidebar .banner-ads img {height: auto !important; width: 100% !important;} .sidebar .banner-ads.ads_140 img {max-width: 96%} .ads.row .columns {margin-bottom: 15px;} /* Homepage */ .home.page article img {width: 50%; display: block; margin: auto;} .local-features .flexslider-infocus .flex-direction-nav a {top: 78%;} /* Events Page */ .events .item .triangle.events {display: none;} .events .minical.columns {width:100%; left: 0; margin-bottom: 20px;} .events .event-buttons.columns {width: 100%; right: 0;} .events .event-buttons.columns img {width: 300px; height: auto; display: block; margin: 10px auto;} /* Article Pages */ .article.page .main-content .box.row img {width: 100%; margin-left:0; max-width: 100%;} .article.page .main-content .box.row .imgright, .article.page .main-content .box.row .imgleft, .article.page .main-content .box.row .imgright img, .article.page .main-content .box.row .imgleft img {margin: 0; width: auto;} .article.page .main-content .box.row p, .article.page .main-content .box.row h2, .article.page .main-content .box.row h3, .article.page .main-content .box.row h4, .article.page .main-content .box.row h5, .article.page .main-content .box.row h6, .article.page .main-content .box.row ul, .article.page .main-content .box.row table {padding: 0 1.5em; } /* Photo Gallery Album In focus Pages */ .small-clear {clear: both;} .pagination div {white-space: normal !important;} .prevnextCurrent, .prevnextLink, .prevnextWindow {margin-bottom: 10px;} /* Gig Guide */ .gig-guide-detail #gig-guide {white-space: normal;} /* Countdown Timer */ #close-cd-bar {display: block; text-align: center; color: #fff;} .countdown-bar .the-timer, .countdown-bar .heading, .countdown-bar .countdown-text, .countdown-bar .countdown-timer {width: 100%; float: none !important; border: none;} .countdown-bar .heading {margin-top: 22px;} .countdown-bar .countdown-text {text-align: center; margin-top: 15px;} .countdown-timer h2 {text-align: center; font-size: 20px;} .countdown-box {font-size: 10px;} .countdown-box span {font-size: 22px;} .countdown-box {width: 19%; margin: .5%;} .countdown-text img {width: 100% !important; height: auto !important; margin-top: 0;} /* mobile happy hour */ .happy-hour #logo {left:43px; top:0; right:auto; margin-top:-16px;} .happy-hour-header img {height:120px; width:auto;} #header.happy-hour .powered {text-align:left; margin:0; font-size:10px;} .happy-hour #map {height:320px;margin-bottom:20px;} .happy-hour .open-image {height:280px;} .happy-hour .open-image .set-bg .fake-button p {max-width:none;} .happy-hour .sidebar {margin-top:50px;} .happy-hour .sidebar .banner-ad {text-align:center;} .happy-hour #main-nav {background:#212130;} .happy-hour #main-nav ul {margin:0;} .happy-hour #main-nav ul li {margin:0;} .happy-hour #main-nav ul li a {color:#a9a9b6; border:none; border-bottom:1px solid #4D4B65; border-radius:0; background:transparent; text-transform:initial;} .happy-hour #main-nav ul li a:hover {color:#fff; background:#2a2a3e;} .happy-hour .top-bar {padding:0;} .happy-hour .top-bar .small-12 {padding:0;} .happy-hour .mobile-menu-toggle {margin-top:53px;} .happy-hour .top-bar .mobile-menu-toggle {margin-top:0;} .happy-hour .top-nav {width:100%;} .happy-hour .top-bar ul li {display:block;} .happy-hour .top-bar ul li a {color:#fff; border-bottom:1px solid #f2b977; font-size: 16px; padding: 10px; display: block; line-height: 1;} .happy-hour .top-bar ul li a:hover {text-decoration:underline;} .happy-hour .top-nav ul li a.last {border-bottom:none;} .specials-lister .specials .deal .time {text-align:left; font-style:italic;} .happy-hour .open-image.only-banner-mobile {height:auto;} .happy-hour .open-image.only-banner-mobile .cta-banner {position:static; padding:0;} } /* Media Queries Medium */ @media only screen and (max-width: 550px) { .header-main .weather p {display: none;} .header-main .site-search input.searchBoxInput {display:none;} .header-main .site-search .search-submit {border-left: 1px solid;} .article.page .main-content .box.row blockquote {margin-left: 0; margin-right: 0;} .dark-bg .detail-image .photo-album-nav img {width: 50%; height: auto;} #gig-guide .venue {width: 100px;} #album-thumbnails {margin: 50px 0;} p.staff-pick span {float: none; text-align: left;} select#category{ width:100%; } } @media only screen and (max-width: 479px) { .home.page article img {width: 100%;} .article.page .main-content .box.row .imgright, .article.page .main-content .box.row .imgleft {width: 100%; float: none;} .main-content blockquote:before {left: 42%;} .gig-guide-detail #gig-guide-search form, .gig-guide-detail #gig-guide-search select {width: 100%; float: none; clear: both;} .gig-guide-detail .extra-info .venue-info {float: none; display: block;} .movie-page .small-4 {width:100%!important; display:block;} } /* Media Queries Small */ @media only screen and (max-width: 319px) { } .emailholder p { font-size: 13px; line-height: 22px; } /* ModuleBegin::leads */ .pcl-name { text-align:center; width:100%; font-weight:bold; } /* ModuleEnd::leads */ .slideshow.River ul { margin: 0; } .River .flex-control-nav { bottom: -40px; position: absolute; text-align: center; width: 100%; z-index: 100; margin: 0; } .movie-cover-image {width:120px;height:180px;} .movie-button-box {background-color:#eeeeee; padding:10 10 20 10; margin-bottom:20px;} .movie-button-box h4{margin-bottom:6px;} .movie-button a {display: inline-block; line-height: 1; padding: 10px 20px; text-decoration: none; text-align: center; color: #fff; background: #5a5a65; text-shadow: 0 1px 0 #221f1f; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease; width:100%; } .movie-button a:hover {background:#454552;} .movie-button-1 a {display: inline-block; line-height: 1; padding: 10px 20px; text-decoration: none; text-align: center; color: #fff; background: #e35800; text-shadow: 0 1px 0 #c54c00; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease; width:100%; } .movie-button-1 a:hover {background:#c54c00;} .movie-button-2 a {display: inline-block; line-height: 1; padding: 10px 20px; text-decoration: none; text-align: center; color: #fff; background: #ffb80d; text-shadow: 0 1px 0 #e09e00; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease; width:100%; } .movie-button-2 a:hover {background:#e09e00;} .movie-button-3 a {display: inline-block; line-height: 1; padding: 10px 20px; text-decoration: none; text-align: center; color: #fff; background: #9ac227; text-shadow: 0 1px 0 #83ab0f; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease; width:100%; } .movie-button-3 a:hover {background:#83ab0f;} .movie-button-4 a {display: inline-block; line-height: 1; padding: 10px 20px; text-decoration: none; text-align: center; color: #fff; background: #5a5a65; text-shadow: 0 1px 0 #221f1f; font-family: 'Oswald',Arial,Helvetica,sans-serif; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease; width:100%; } .movie-button-4 a:hover {background:#454552;} .movie-page .row .row{padding:0!important;} .movie-page .ads .large-6{text-align:center; margin-bottom:20px;} .movie-detail-cover img{width:100%; max-width:380px;} /* ModuleBegin::landing */ .landing-page {background:#fff;} .landing-page .text-center {text-align: center;} .landing-page .text-right {text-align: right;} .landing-page .text-left {text-align: left;} .landing-page .white {color:#fff;} .landing-page .landing_form {width: 100%;} .landing-page .section {padding:40px 0;} .landing-page .section.no-padding {padding:0 !important;} .landing-page .nav {background:#212130; padding:10px 0; border-bottom:3px solid #ea8b1c;} .landing-page .nav .logo {width:120px;} .landing-page .nav .contact {text-align:right; padding-top:18px;} .landing-page .nav .contact .phone {font-size:20px; font-family:'Oswald', sans-serif; color:#fff; text-decoration:none; margin-right:12px;} .landing-page .nav .contact .phone:hover {text-decoration:underline} .landing-page .staff-lister {margin:0 auto; max-width:620px;} .landing-page .staff-lister .staff-item {max-width:120px; display:inline-block;} /* ModuleEnd::landing */