/* Theme Name: My Template Theme URI: http://saltedstone.com/ Author: the Saltedstone team (Aaron, Stephen) Author URI: http://saltedstone.com/ Description: This theme is based on Wordpress theme 2014, which lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Version: 1.0 */ /* typekit fonts ------------------------------------------- font-family: "jaf-domus-titling-web",sans-serif; (Used for CTA buttons & navigation links) font-style: normal; font-weight: 300, 400, 500, 600, 700; (light, regular, medium, semibold, bold) font-family: "brandon-grotesque",sans-serif; (Used for headings & oversized type) font-style: normal; font-weight: 300, 400, 500, 700, 900; (light, regular, medium, bold, black) font-family: "franklin-gothic-urw",sans-serif; (used for paragraph, list items) font-style: normal; font-weight: 300, 400, 500, 700; (light, book, medium, demi) font-family: "open-sans",sans-serif; font-style: normal; font-weight: 400; (regular) font-family: "din-condensed-web"; font-weight:400; font-style: normal; font-family: "ff-tisa-web-pro",serif; font-style: normal; font-weight: 400, 700; font-family: "ff-meta-serif-web-pro"; font-weight:500; */ @font-face { font-family: 'brandon_text_regularregular'; src: url('fonts/brandontext-regular-webfont.eot'); src: url('fonts/brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/brandontext-regular-webfont.woff2') format('woff2'), url('fonts/brandontext-regular-webfont.woff') format('woff'), url('fonts/brandontext-regular-webfont.ttf') format('truetype'), url('fonts/brandontext-regular-webfont.svg#brandon_text_regularregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'brandon_textblack'; src: url('fonts/brandontext-black-webfont.woff2') format('woff2'), url('fonts/brandontext-black-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'modern_pictograms_proregular'; src: url('fonts/modernpictogramspro_2-webfont.eot'); src: url('fonts/modernpictogramspro_2-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/modernpictogramspro_2-webfont.woff') format('woff'), url('fonts/modernpictogramspro_2-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; }/* (s) - search, (—) - >, (‘) - <, (|) - |, (>) - solid arrow right, (^) - rss feed*/ @font-face { font-family: 'wisdom_script_airegular'; src: url('fonts/wisdom_script-webfont.eot'); src: url('fonts/wisdom_script-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/wisdom_script-webfont.woff') format('woff'), url('fonts/wisdom_script-webfont.ttf') format('truetype'), url('fonts/wisdom_script-webfont.svg#wisdom_script_airegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'magistralmedium'; src: url('fonts/paratype_-_magistral_medium-webfont.eot'); src: url('fonts/paratype_-_magistral_medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/paratype_-_magistral_medium-webfont.woff') format('woff'), url('fonts/paratype_-_magistral_medium-webfont.ttf') format('truetype'), url('fonts/paratype_-_magistral_medium-webfont.svg#magistralmedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'magistralbold'; src: url('fonts/paratype_-_magistral_bold-webfont.eot'); src: url('fonts/paratype_-_magistral_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/paratype_-_magistral_bold-webfont.woff') format('woff'), url('fonts/paratype_-_magistral_bold-webfont.ttf') format('truetype'), url('fonts/paratype_-_magistral_bold-webfont.svg#magistralbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Santa-Anita-Basic-Icons'; src:url('fonts/Santa-Anita-Basic-Icons.eot?-ryyha4'); src:url('fonts/Santa-Anita-Basic-Icons.eot?#iefix-ryyha4') format('embedded-opentype'), url('fonts/Santa-Anita-Basic-Icons.woff?-ryyha4') format('woff'), url('fonts/Santa-Anita-Basic-Icons.ttf?-ryyha4') format('truetype'), url('fonts/Santa-Anita-Basic-Icons.svg?-ryyha4#Santa-Anita-Basic-Icons') format('svg'); font-weight: normal; font-style: normal; } * { /*transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; outline:none;*/ } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;} audio, canvas, video { display: inline-block; max-width: 100%;} html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%;} body{ min-width:1024px; height:100%;} body.single-events, body.page-template-events-page{ min-width:inherit;} body, button, input, select, textarea { font-family:"franklin-gothic-urw",sans-serif; font-size: 15px; font-weight: 400; line-height:24px; color:#232220; color:rgb(35, 34, 32);} body.normal-site { overflow:visible; } a { color: #C33F20; text-decoration: none;} a:focus {} a:hover, a:active { outline: 0; text-decoration:underline;} h1, h2, h3, h4, h5, h6 { font-family: "brandon-grotesque",sans-serif; font-weight:900; color:#232220; margin: 0 0 12px;} h1 { font-size: 26px; line-height: 1.3846153846; text-transform:uppercase;} h2 { font-size: 36px; line-height: 1; text-transform:uppercase;} h3 { font-size: 24px; line-height: 1.0909090909;} h3.section-title{ font-size:36px; text-transform:uppercase;} h4 { font-size: 21px; line-height: 1.2; color:#211F17; text-transform:uppercase;} h4.subtitle{ font-weight:700; font-size:24px; color:#973f20;} h5 { font-size: 18px; line-height: 1.3333333333; padding-top:20px; margin:0; text-transform:uppercase;} h6 {font-size: 16px; line-height: 1.5;} b, strong, .strong { font-weight:700;} em, i { font-style: italic;} p { margin-bottom: 20px; } .booIta{ font-weight:400; font-style:italic;} blockquote, q { -webkit-hyphens: none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none;} ul, ol { list-style: none; margin: 0 0 24px 20px;} ul {list-style: disc;} ol {list-style: decimal;} li > ul, li > ol { margin: 0 0 0 20px;} img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} figure {margin: 0;} fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;} legend { white-space: normal;} button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input { line-height: normal;} input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */} button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;} button[disabled], input[disabled] { cursor: default;} input[type="checkbox"], input[type="radio"] { padding: 0;} input[type="search"] { -webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} textarea { overflow: auto; vertical-align: top;} table { width: 100%;} caption, th, td { font-weight: normal; } th { font-weight: bold;} hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px;} /* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */ ::selection { background: #9B948C; color: #fff; text-shadow: none;} ::-moz-selection { background: #9B948C; color: #fff; text-shadow: none;} .alignleft{ float:left; margin:0 20px 10px 0;} .post-21409 .alignleft{ float:none; } /* Assistive text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute;} .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */} .hide { display: none; } .menu-parks-container .hide{ display:none!important; } /* Clearing floats */ .clear{ clear:both;} .grad-gray{ color:#44423B; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eae8e3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eae8e3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eae8e3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eae8e3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eae8e3 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eae8e3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae8e3',GradientType=0 ); /* IE6-9 */} .button.grad-gray:hover{ color:#44423B; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #eae8e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eae8e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eae8e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eae8e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eae8e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eae8e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eae8e2',GradientType=0 ); /* IE6-9 */} .grad-green{ color:#FFFFFF; background: #7d978c; /* Old browsers */ background: -moz-linear-gradient(top, #7d978c 0%, #557767 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d978c), color-stop(100%,#557767)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d978c 0%,#557767 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d978c 0%,#557767 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d978c 0%,#557767 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d978c 0%,#557767 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d978c', endColorstr='#557767',GradientType=0 ); /* IE6-9 */ border: 1px solid #547265!important;} .button.grad-green:hover{ color:#FFFFFF; background: #557767; /* Old browsers */ background: -moz-linear-gradient(top, #557767 0%, #7d978c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#557767), color-stop(100%,#7d978c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #557767 0%,#7d978c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #557767 0%,#7d978c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #557767 0%,#7d978c 100%); /* IE10+ */ background: linear-gradient(to bottom, #557767 0%,#7d978c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557767', endColorstr='#7d978c',GradientType=0 ); /* IE6-9 */ } .grad-yellow{ color:#44423B; background: #e3bc74; /* Old browsers */ background: -moz-linear-gradient(top, #e3bc74 0%, #bc8f3c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3bc74), color-stop(100%,#bc8f3c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* IE10+ */ background: linear-gradient(to bottom, #e3bc74 0%,#bc8f3c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3bc74', endColorstr='#bc8f3c',GradientType=0 ); /* IE6-9 */ border:1px solid #c0955a!important; } .button.grad-yellow:hover{ color:#44423B; background: #bc8f3c; /* Old browsers */ background: -moz-linear-gradient(top, #bc8f3c 0%, #e3bc74 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc8f3c), color-stop(100%,#e3bc74)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bc8f3c 0%,#e3bc74 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bc8f3c 0%,#e3bc74 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bc8f3c 0%,#e3bc74 100%); /* IE10+ */ background: linear-gradient(to bottom, #bc8f3c 0%,#e3bc74 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc8f3c', endColorstr='#e3bc74',GradientType=0 ); /* IE6-9 */ } .grad-brown{ color:#FFFFFF; background: #43423a; /* Old browsers */ background: -moz-linear-gradient(top, #43423a 0%, #17150b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43423a), color-stop(100%,#17150b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #43423a 0%,#17150b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #43423a 0%,#17150b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #43423a 0%,#17150b 100%); /* IE10+ */ background: linear-gradient(to bottom, #43423a 0%,#17150b 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43423a', endColorstr='#17150b',GradientType=0 ); /* IE6-9 */ } .button.grad-brown:hover{ color:#FFFFFF; background: #17150b; /* Old browsers */ background: -moz-linear-gradient(top, #17150b 0%, #43423a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17150b), color-stop(100%,#43423a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #17150b 0%,#43423a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #17150b 0%,#43423a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #17150b 0%,#43423a 100%); /* IE10+ */ background: linear-gradient(to bottom, #17150b 0%,#43423a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17150b', endColorstr='#43423a',GradientType=0 ); /* IE6-9 */} .button{ display:inline-block; width:300px; height:36px; line-height:32px; font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; font-weight:400; text-decoration:none; text-align:center; padding:0;} .button:hover{ text-decoration:none;} .button.yellow{ background-position: 0 -216px; color:#44423b;} .button.orange{ color:#FFFFFF; background:none; background-color:#C33F20;} .cbutton{ display:inline-block; width:100px; height:32px; font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; font-weight:400; color:#FFFFFF; line-height:12px; text-decoration:none;} .lbutton{ display:inline-block; width:230px; height:46px; line-height:40px; font-family: "jaf-domus-titling-web",sans-serif; font-size:16px; font-weight:400; color:#fefefe; text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4); border:1px solid #f2f2f2; border:1px solid rgba(242, 242, 242, 0.75); text-decoration:none;} .lbutton:hover{ text-decoration:none; color:#ffffff; background-color:#789387;} .lbutton.maroon{ background-color:rgba(195, 63, 32, 0.80);} .lbutton.maroon:hover{ background-color:rgba(195, 63, 32, 1.00);} .tbutton{ display:inline-block; width:230px; height:46px; line-height:40px; font-family: "jaf-domus-titling-web",sans-serif; font-size:16px; font-weight:400; color:#fefefe; background:rgba(0,0,0,0.4); text-shadow:1px 1px 0px rgba(0, 0, 0, 0.4); border:1px solid #f2f2f2; border:1px solid rgba(242, 242, 242, 0.75); text-decoration:none; transition:0.2s; } .tbutton:hover { background:rgba(0,0,0,0.8); } .tbutton.orange { background:rgba(195,63,32,0.8); } .tbutton.orange:hover { background:rgba(195,63,32,1); } .link{font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; font-weight:400; color:#44423B;} .link .pictograms{ padding-left:3px; color:#789387;} .link:hover{ text-decoration:none; color:#C33F20;} .pdf-link{ display:block; font-family: "franklin-gothic-urw",sans-serif; font-weight:400; font-size:15px; color:#232220; background:url(images/icon-pdf.png) 0 0 no-repeat; padding-left:28px; margin-bottom:10px;} .ex-link{ display:block; font-family: "franklin-gothic-urw",sans-serif; font-weight:400; font-size:15px; color:#232220; background:url(images/icon-exlink.png) 0 4px no-repeat; padding-left:28px; margin-bottom:10px;} .btn-tix { display: block; width: 30px; height: 30px; overflow: hidden; text-indent: -999px; background: url(images/icons/ico_tix.png) 0 no-repeat; background: url(images/icons/ico_tix.svg), none; background-size: 30px 30px; margin-top: -3px !important; } .btn-tix:hover{ opacity:0.90;} .wisdom{ font-family: 'wisdom_script_airegular';} .pictograms{ font-family: 'modern_pictograms_proregular'; } .alignright{ float:right; margin:0 0 10px 20px;} /* solid colors */ .red{ color:#C33F20;} .yellow{ color:#E2BE67;} .gold { color:#B59166; } .green{ color:#557767;} .black{ color:#232220;} .brown{ color:#44423B;} .gray-orange{ color:#9B948C;} .gray{ color:#BEBBB5;} .light-gray{ color:#F1EFE9;} .bg-beige { background-color:#E9E8E3; } .inblock{ display:inline-block; zoom:1; } /**2.0 Basic Structure *-----------------------------------------------------------------------------*/ .site { background-color:#FFFFFF; max-width:100%; min-height:100%; position: relative; overflow:hidden;} .main-content { width: 100%; margin:0;} .single .column2-r, #col2-left, .nightly-page{ width:992px; margin:0 auto; overflow:hidden;} #col2-left .content-area{ width:723px; float:right; padding-bottom:70px;} #col2-left form { width:634px; } /* Layout Engine */ .columns .column-item { float:left; box-sizing:border-box; position:relative; min-height:1px; margin-left:2.564102564102564%; *margin-left:2.5109110747408616%; } .columns .column-item:first-child { margin-left:0; } .columns:after { display:table; content:""; height:0; width:100%; clear:both; } .column-span-1 { width:5.982905982905983%; *width:5.929714493544281%; } .column-span-2 { width:14.52991452991453%; *width:14.476723040552828%; } .column-span-3 { width:23.076923076923077%; *width:23.023731587561375%; } .column-span-4 { width:31.623931623931625%; *width:31.570740134569924%; } .column-span-5 { width:40.17094017094017%; *width:40.11774868157847%; } .column-span-6 { width:48.717948717948715%; *width:48.664757228587014%; } .column-span-7 { width:57.26495726495726%; *width:57.21176577559556%; } .column-span-8 { width:65.81196581196582%; *width:65.75877432260411%; } .column-span-9 { width:74.35897435897436%; *width:74.30578286961266%; } .column-span-10 { width:82.90598290598291%; *width:82.8527914166212%; } .column-span-11 { width:91.45299145299145%; *width:91.39979996362975%; } .column-span-12 { width:100%; *width:99.94680851063829%; } /** 3.0 Header *-----------------------------------------------------------------------------*/ /* Ensure that there is no gap between the header and the admin bar for WordPress versions before 3.8. */ #wpadminbar { min-height: 32px;} #site-header { position: relative; z-index: 3;} .site-header { position:relative; max-width:100%; height:inherit!important; background:#211F17!important; z-index:9999;} .header-main {width:998px; height:104px; margin:0 auto;} hgroup{ width:166px; float:left; padding-top:20px;} .site-title { float: left; font-size: 18px; font-weight: 700; line-height: 48px; margin: 0;} .site-header h1 a { display:block; width:190px; height:104px; overflow:hidden; background: url(images/headerLogos/logo.png) 50% 50% no-repeat; background: url(images/headerLogos/logo.svg) 0 50% no-repeat; text-indent:-999px; background-size:88%;} .site-header .btn{ display:none;} .search-box-wrapper{ max-width:100%;} .search-box{ max-width:998px; margin:0 auto; position:relative;} .search-form{ position:absolute; top:-67px; right:148px;} .search-field{ max-width:546px; width:546px; height:35px; border:none; padding:0 50px 0 8px;} .search-form .search-submit{ display:block; width:36px; height:35px; overflow:hidden; border:none; position:absolute; top:0; right:0; background-color:transparent; font-size:24px; color:000000; font-weight:400;} /** 4.0 Navigation * -----------------------------------------------------------------------------*/ .site-navigation{ width:760px; height:104px; line-height:104px; float:right; text-align:right;} .site-navigation ul { list-style: none; margin: 0; padding:0; line-height:104px;} .site-navigation li {display:inline-block; vertical-align:top; margin:0 0 0 35px; font-family: "jaf-domus-titling-web",sans-serif; font-size:16px; font-weight:400;} .site-navigation li:first-child { margin:0; } .site-navigation a { display: block; color:#FFFFFF; text-transform: uppercase; position:relative; } .site-navigation a:hover { color: #E2BE67; text-decoration:none;} .site-navigation a:after { content:'\201D'; position:absolute; font-family: 'modern_pictograms_proregular'; font-size:20px; right:-14px; top:4px; } .site-navigation .subMenuWrap a:after, #menu-item-105 a:after, #menu-item-7817 a:after, #menu-item-29 a:after { content:none; display:none; } .site-navigation .current-menu-item > a, .site-navigation .current-menu-parent > a{ color: #E2BE67; } .site-navigation li.menu-item-105 a{ position:relative; top:3px; left:2px; font-size:23px; width:24px; height:24px; text-transform:none; font-family: 'modern_pictograms_proregular';} .site-navigation li.menu-item-105 a:hover{ opacity:0.75;} .site-navigation li.menu-item-7817 a{ position:relative; top:37px; right:0; width:126px; height:35px; overflow:hidden; font-size:12px; color:#44423B; text-align:center; line-height:31px; background: #e3bc74; /* Old browsers */ background: -moz-linear-gradient(top, #e3bc74 0%, #bc8f3c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3bc74), color-stop(100%,#bc8f3c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* IE10+ */ background: linear-gradient(to bottom, #e3bc74 0%,#bc8f3c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3bc74', endColorstr='#bc8f3c',GradientType=0 ); /* IE6-9 */ } .home .site-navigation li.menu-item-7817 a{ color:#27241d; background: #e3bc74; /* Old browsers */ background: -moz-linear-gradient(top, #e3bc74 0%, #bc8f3c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3bc74), color-stop(100%,#bc8f3c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e3bc74 0%,#bc8f3c 100%); /* IE10+ */ background: linear-gradient(to bottom, #e3bc74 0%,#bc8f3c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3bc74', endColorstr='#bc8f3c',GradientType=0 ); /* IE6-9 */ } .site-navigation li.menu-item-7817 a:hover{ color:#27241d; background: #bc8f3c; /* Old browsers */ background: -moz-linear-gradient(top, #bc8f3c 0%, #e3bc74 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc8f3c), color-stop(100%,#e3bc74)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #bc8f3c 0%,#e3bc74 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #bc8f3c 0%,#e3bc74 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #bc8f3c 0%,#e3bc74 100%); /* IE10+ */ background: linear-gradient(to bottom, #bc8f3c 0%,#e3bc74 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc8f3c', endColorstr='#e3bc74',GradientType=0 ); /* IE6-9 */} /* level 2*/ .site-navigation{ transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out;} .site-navigation .subMenuWrap{ display:none; margin:0; padding:0; position:absolute; left:0; top:104px; width:100%; height:275px; overflow:hidden; line-height:24px; background-color:#EAE8E3; transition: 0s;-webkit-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.3);-moz-box-shadow: 0px 3px 15px 0px rgba(50, 50, 50, 0.3); box-shadow:0px 3px 15px 0px rgba(50, 50, 50, 0.3);} .site-navigation .sub-menu{ width:998px; height:275px; margin:0 auto; display:none; line-height:inherit; } /* .site-navigation li:hover .subMenuWrap{ display:block; height:275px; transition-delay:1s;} .site-navigation li:hover .sub-menu{ display:block;}*/ .site-navigation .sub-menu li{ display:block; width:197px; height:237px; margin:20px 0; padding:0; float:left; border-right:1px solid #c4c1bc; font-family: "brandon-grotesque",sans-serif; font-weight:500; font-size:18px; text-align:center;} .site-navigation .col-4 .sub-menu li{ width:245px; } .site-navigation .sub-menu li:first-child{ width:196px; border-left:1px solid #c4c1bc;} .site-navigation .col-4 .sub-menu li:first-child{ width:245px; } .site-navigation .sub-menu li a{ display:block; padding:117px 0 0 0; color:#232220; background-size:110px 110px;} .site-navigation .sub-menu li.menu-head a { display:inline-block; font-family: "brandon-grotesque",sans-serif; font-weight:700; } .site-navigation .sub-menu li a:hover{ color: #000000;} .site-navigation .sub-menu li .nav_desc { display: block; font-family: "franklin-gothic-urw",sans-serif; font-size: 13px; font-weight: 400; line-height: 16px; color: #44423B; padding: 6px 26px 0; } .sub-menu li.menu-item-146 a{ background:url(images/liveRacing.svg) 50% 0 no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-147 a{ background:url(images/nav/raceInfo.png) 50% 0 no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-148 a{ background:url(images/horsemen.svg) 50% 0 no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-149 a{ background:url(images/handicapping.svg) 50% 0 no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-150 a{ background:url(images/interactive.svg) 50% 0 no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .site-navigation .sub-menu li.menu-item-175{ width:392px; margin:17px 0; border-top:1px solid #c4c1bc; border-bottom:1px solid #c4c1bc;} .sub-menu li.menu-item-175 a{ width:393px; height:240px; padding:0; text-align:left; overflow:hidden; text-indent:-999px; background:url(images/menuMapLink.jpg) center center no-repeat; } .sub-menu li#menu-item-9263 a{ width:396px; height:234px; padding:0; text-align:left; overflow:hidden; text-indent:-999px; background:url(images/CRLink.jpg) center center no-repeat;} .sub-menu li#menu-item-9263 { width:396px; border-left:none; border-right:none;} .site-navigation .sub-menu li.menu-item-10774 a{ padding:120px 0 0; font-weight:700;} .site-navigation .sub-menu li.menu-item-10774 a:after{content:""; position:absolute; top:0px; left:50%; margin-left:-55px; width:110px; height:110px; background-image:url(images/thoroughbreds.svg); display:block;} .site-navigation .sub-menu li.menu-item-187 a{ display:none;} .site-navigation .sub-menu li.menu-item-187 ul{ width:197px; height:237px; margin:0;} .site-navigation .sub-menu li.menu-item-187 li{ width:177px; height:73px; float:none; border:none; margin:0; padding:0px 10px; text-align:left; line-height: 18px; font-size:16px; } .site-navigation .sub-menu li.menu-item-187 li a{ display:block; padding:25px 0 20px 70px; } .site-navigation li .sub-menu li.menu-item-165 a{ border-bottom:1px solid #c4c1bc; position:relative;} .site-navigation li .sub-menu li.menu-item-165 a:after{ content:""; position:absolute; top:50%; left:5px; margin-top:-30px; width:55px; height:55px; background-repeat:no-repeat; background-image:url(images/foodDrink.svg); display:block;} .site-navigation li .sub-menu li.menu-item-166{ height:81px;} .site-navigation li .sub-menu li.menu-item-166 a{ border-bottom:1px solid #c4c1bc; position:relative;} .site-navigation li .sub-menu li.menu-item-166 a:after{ content:""; position:absolute; top:50%; left:5px; margin-top:-30px; width:55px; height:55px; background-image:url(images/hotels.svg); display:block;} .site-navigation .sub-menu li.menu-item-167 a{ position:relative;} .site-navigation .sub-menu li.menu-item-167 a:after{content:""; position:absolute; top:50%; left:5px; margin-top:-30px; width:55px; height:55px; background-image:url(images/seating.svg); display:block;} .site-navigation .sub-menu li.menu-item-188 a{ display:none;} .site-navigation .sub-menu li.menu-item-188 ul{ width:197px; height:237px; margin:0;} .site-navigation .sub-menu li.menu-item-188 li{ width:163px; height:23px; float:none; border:none; margin:0; padding:0 17px; font-family:"franklin-gothic-urw",sans-serif; font-size: 15px; font-weight: 400; } .site-navigation .sub-menu li.menu-item-188 li a{ display:block; text-align:left; padding:0; color:#232220; text-transform:none;} .site-navigation .sub-menu li.menu-item-188 li a:hover{ color:#000000;} .site-navigation .sub-menu li#menu-item-4820{ height:35px; padding:0; margin:10px 17px 0; } .site-navigation .sub-menu li#menu-item-4820 a{ display:block; width:163px; height:35px; line-height: 31px; color:#FFFFFF; text-align:center; text-transform:uppercase; font-family: jaf-domus-titling-web; font-size: 13px;} .site-navigation .sub-menu li.menu-item-188 li.col-r{ text-align:left;} .sub-menu li.menu-item-395 a{ background:url(images/featuredEvents.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-396 a{ background:url(images/calendar.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-397 a{ background:url(images/hostEvent.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .site-navigation .sub-menu li.menu-item-394{ width:396px; margin:17px 0; border-top:1px solid #c4c1bc; border-bottom:1px solid #c4c1bc;} .sub-menu li.menu-item-394 a{ width:396px; height:241px; padding:0; text-align:left; overflow:hidden; text-indent:-999px; background:url(images/nav/preaknessParty.jpg) center center no-repeat;} .sub-menu li.menu-item-182 a{ background:url(images/pressReleases.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-183 a{ background:url(images/stableNotes.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-184 a{ background:url(images/stakesQuotes.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-185 a{ background:url(images/nightlyRecaps.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} .sub-menu li.menu-item-186 a{ background:url(images/mediaGuides.svg) center 6px no-repeat; background-size:110px 110px; -webkit-background-size:110px 110px;} /** 5.0 Content * ----------------------------------------------------------------------------- */ .site-main{ position:relative; clear:both; padding-bottom:332px;} .banner{ width:100%; min-width:998px; position:relative; background-size:cover!important; } .banner.content-defined .banner-con { position:static; margin-top:0; margin-left:auto; margin-right:auto; padding:100px 0; } .column2-left .banner{ min-height:450px;} .column2-left .banner .banner-con{ margin-top:-155px;} .banner-con{ position:absolute; top:50%; margin-top:-120px; left:50%; margin-left:-499px; width:998px; /*min-height:450px; margin:0 auto;*/ text-align:center; } h1.banner-title{ font-size:83.78px; color:#FFFFFF; margin-bottom:2px;} .banner-copy{ display:block; font-size:18px; color:#FFFFFF; padding:0 0 48px;} .banner-copy:empty { display: none; } /*.home .banner-con{ left:42%; width:900px; top:43%; } Temp Code for BC/Promo Logo */ /*.home .banner-con #dat-banner{ height:auto; padding-bottom:60px; width:900px; margin:0 auto; } Temp Code for BC/Promo Logo */ /*.home #dat-banner .banner-l1{ font-size:116px; line-height:120px; } Temp Code for BC/Promo Logo */ .breeders-cup{ position:absolute; right:-220px; top:50%; margin-top:-140px; width:170px; border-left:1px solid #FFFFFF; padding-left:50px; } .breeders-cup img{ max-width:100%; } .breeders-white{ display:none; } .breeders-cup:hover .breeders-color{ display:none; } .breeders-cup:hover .breeders-white{ display:block; } .content-area { padding-top: 30px;} .hentry { margin: 0px;} .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content { margin: 0 auto; max-width: 998px; } .interior-page{ padding-bottom:70px;} .seeting-page.interior-page{ padding-bottom:0px;} .mcontent{ width:998px; margin:0 auto; position:relative;} .site-content .entry-header {margin-bottom:30px;} .page-content { margin-bottom: 48px; } .page-title{} .entry-content ul{ list-style:none; margin:0 0 20px 0;} .entry-content li{ margin-bottom:10px; background:url(images/arrow-green-6x5.png) 0 center no-repeat; padding-left:20px;} .entry-content h4{ text-align:center;} .edit-link{ display:block; clear:both; margin:20px 0;} /**5.0.1 sidebar left *-----------------------------------------------------------------------------*/ .content-sidebar{ width:242px; float:left; padding:30px 0;} #menu-host-event{ margin:0 0 10px; padding:0 5px 5px; list-style:none; border:1px solid #c3c0b9; background-color:#e9e8e3;} #menu-host-event li{ height:38px; line-height:38px; font-weight:300; border-left:1px solid #c3c0b9; border-right:1px solid #c3c0b9; border-bottom:1px solid #c3c0b9; background:url(images/btns-gradients.png) 0 0 repeat-x;} #menu-host-event li a{ display:block; color:#44423B; padding:0 12px;} #menu-host-event li a:hover{ text-decoration:none; color:#000000;} #menu-host-event li.group-title{ height:29px; line-height:29px; border:1px solid #221f16; margin-top:5px; background-position:0 bottom; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:15px; text-transform:uppercase;} #menu-host-event li.group-title a{ color:#FFFFFF;} #menu-host-event li.group-title a:hover{ color:#e2be67;} #talk-box{ margin:0 0 10px; padding:5px; border:1px solid #c3c0b9; background-color:#e9e8e3;} #talk-box .title{ display:block; width:230px; height:104px; overflow:hidden; text-indent:-999px; background:url(images/talk-to-us.jpg) center 0 no-repeat;} #talk-box .group-title{ display:block; height:8px; padding:0 12px; line-height:29px; border:1px solid #221f16; background:url(images/btns-gradients.png) 0 100% repeat-x; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:16px; text-transform:uppercase; color:#FFFFFF;} #talk-box .group-box{ border-left:1px solid #c3c0b9; border-right:1px solid #c3c0b9; border-bottom:1px solid #c3c0b9; background-color:#efeeea; padding:15px 10px;} #talk-box .first{ margin-bottom:5px;} #talk-box .intro{ display:block; color:#44423B; font-size:13px; line-height:16px; margin-bottom:12px;} #talk-box ul{ margin:0; list-style:none;} #talk-box li{ display:block; padding-left:12px; background:url(images/arrow-green-6x5.png) 0 10px no-repeat;} #talk-box li a{ color:#557767;} /**5.0.2 sidebar right * -----------------------------------------------------------------------------*/ .blog-sidebar{ width:320px; float:right; margin:30px 0 70px;} .news-section .blog-sidebar{ margin-top:16px;} .side-explorePark{ width:298px; height:597px; border:1px solid #bebbb5; padding:10px; margin-bottom:12px; text-align:center; background:#FFFFFF url(images/explore-park-bg.jpg) center center no-repeat; box-sizing:content-box;} .side-explorePark span{ display:block; font-size:24px; padding-top:20px; color:#557767;} .side-explorePark span strong{ display:block; font-family: "brandon-grotesque",sans-serif; font-size:44px; font-weight:900; text-transform:uppercase; line-height:44px; padding-top:10px; color:#232220; margin-bottom:20px; } .side-explorePark .btn-explorepark{ width:175px; height:36px;} .side-explorePark a:hover{ opacity:0.86;} .recent-posts-extended{ background-color:#FFFFFF; border:1px solid #bebbb5; padding:12px 21px; position:relative;} .recent-posts-extended:after{ width:100%; height:1px; position:absolute; top:84%; left:0; content:""; border-bottom:1px solid #bebbb5;} .recent-posts-extended .widget-title{font-family: "jaf-domus-titling-web",sans-serif; font-weight:600; font-size:14px; color:#232220; text-align:center; margin-bottom:15px;} .recent-posts-extended ul{ margin:0; list-style:none;} .recent-posts-extended .rpwe-clearfix{ font-family: "franklin-gothic-urw",sans-serif; font-weight:400; font-size:13px; color:#44423B; margin-bottom:15px;} .recent-posts-extended h3.rpwe-title{ font-family: "franklin-gothic-urw",sans-serif; font-weight:700; font-size:15px; margin:10px 0 5px; line-height:18px; height:35px; overflow:hidden; } .recent-posts-extended h3.rpwe-title a{ color:#232220;} #recent-posts{} .recent-posts-extended .slidesjs-container{} .recent-posts-extended .slidesjs-pagination{ width:100px; margin:0 auto; position:relative; top:8px; text-align:center; } .recent-posts-extended .slidesjs-pagination li{ display:inline-block; vertical-align:top; margin-left:3px;} .recent-posts-extended .slidesjs-pagination li:first-child{ margin-left:0;} .recent-posts-extended .slidesjs-pagination li a{ display:block; width:8px; height:8px; overflow:hidden; text-indent:-999px; background-color:#bebbb5; border-radius:50%;} .recent-posts-extended .slidesjs-pagination li a.active{ background-color:#232220;} .recent-posts-extended .slidesjs-pagination li a:hover{ background-color:#666666;} .recent-posts-extended .slidesjs-navigation{ position:absolute; bottom:20px; display:block; width:0; height:0; overflow:hidden;} .recent-posts-extended .slidesjs-previous{ left:20px; border-top:5px solid transparent; border-right:10px solid #bebbb5; border-bottom:5px solid transparent;} .recent-posts-extended .slidesjs-previous:hover{ border-right-color:#666666;} .recent-posts-extended .slidesjs-next{ right:20px; border-top:5px solid transparent; border-left:10px solid #bebbb5; border-bottom:5px solid transparent;} .recent-posts-extended .slidesjs-next:hover{ border-left-color:#666666;} /** 5.1 Post Formats * -----------------------------------------------------------------------------*/ .format-aside .entry-content, .format-aside .entry-summary, .format-quote .entry-content, .format-quote .entry-summary, .format-link .entry-content, .format-link .entry-summary { padding-top: 0;} .breadcrumb{ width:100%; height:40px; line-height:36px; background-color:#EAE8E3; border-bottom:1px solid #bfbcb7;} .breadcrumb ul{ width:998px; margin:0 auto; list-style:none;} .breadcrumb ul li{ display:block; float:left; margin:0 18px 0 0; padding:0 18px 0 0; background:url(images/arrow-green-4x6.png) 100% 17px no-repeat; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; font-size:14px; color:#211F17; text-transform:uppercase;} .breadcrumb ul li a{ color:#211F17; } .breadcrumb ul li.last{ padding:0; margin:0; background:none;} .news-mheader{ position:relative; width:100%; height:186px;} .news-mheader h1.entry-title{ font-size:83.78px; margin:30px 0; text-align:center; font-family: "brandon-grotesque",sans-serif; font-weight:900; color:#232220;} .news-mheader .menu-news-container{ width:100%; } .news-menu{ width:100%; height:42px; line-height:38px; padding:0 0 0 10px; margin:0; list-style:none;} .news-menu li{ display:inline-block; vertical-align:top; margin:0 12px; font-family: "jaf-domus-titling-web",sans-serif; font-size:14px; } .news-menu li a{color:#FFFFFF;} .news-menu li a:hover{ text-decoration:none; color:#E7E4E4;} .news-menu li.current-menu-item a{ font-weight:600;} .rss-link{ display:inline-block; line-height:38px; font-family: "jaf-domus-titling-web",sans-serif; font-size:14px; color:#FFFFFF;} .news-mheader .rss-link{ position:absolute; bottom:0px; right:22px;} .news-mheader .rss-link .pictograms{ font-size:21px; padding-left:8px;} .news-mheader .rss-link:hover{ text-decoration:none; color:#E7E4E4;} .blog .site, .page-template-page-templatesnews-php .site{ background-color:#EAE8E3;} .sa_post .content-area, .single .content-area, .full-width .nightly-page .content-area, .sa_post.full-width .content-area, .single.full-width .content-area, .nightly-page.full-width .content-area{ width:657px; float:left; padding-bottom:70px;} .sa_post .content-area{ padding-top:16px;} .news-section .hentry{ background-color:#FFFFFF; border:1px solid #bebbb5; margin-bottom:20px;} .news-section .entry-header{ padding:0 25px; margin-bottom:12px;} .news-section .entry-summary{ padding:0 25px 25px;} .post-link{ font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; color:#557767; letter-spacing:1px;} .post-link span{ padding-left:5px;} .post h2.entry-title, .single-post h1.entry-title{ font-family: "franklin-gothic-urw",sans-serif; font-weight:700; font-size:19px; line-height:19px; margin-top:30px; color:#232220;} .post h2.entry-title a{ color:#232220;} .single .column2-r .entry-header{ text-align:center;} .single .column2-r .entry-header .entry-date{ display:block; font-size:13px; margin-bottom:20px;} .single .column2-r .entry-header .entry-date a{color:#44423B;} .single .column2-r .entry-header #share1{ width:160px; margin:0 auto; position:relative; left:18px;} .media-list{ display:block; margin:0; padding:0; list-style:none; border-top:1px solid #bebbb5; border-left:1px solid #bebbb5; overflow:hidden;} .media-list li{ display:block; width:157.5px; height:170px; padding:30px 30px; text-align:center; border-right:1px solid #bebbb5; border-bottom:1px solid #bebbb5; background-color:#FFFFFF; float:left;} .media-list li img{ width:85%; height:auto;} .media-list li .media-guide-title{ display:block; font-weight:700; font-size:15px; color:#232220; margin-top:10px;} .media-list li a{color:#232220;} .post-80 .entry-header{ margin:0 auto; text-align:center;} .post-80 .entry-header .entry-title{ font-size:24px; margin:0; font-weight:400; position:relative; top:15px;} .full-calendar-page{ position:relative;} .full-calendar-page iframe{ border:0px none transparent!important; background-color:transparent;} #fcalendar-nav{ display:block; width:976px; height:40px; line-height:40px; list-style:none; position:absolute; left:8px; top:110px; margin:0;} #fcalendar-nav li{ display:block; width:33.33%; float:left; background:none; margin:0; padding:0; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:21px; text-transform:uppercase;} #fcalendar-nav li a{ display:block; width:100%; text-align:center;} #fcalendar-nav li a:hover{ text-decoration:none; color:#FFFFFF; background: #17150b; /* Old browsers */ background: -moz-linear-gradient(top, #17150b 0%, #43423a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17150b), color-stop(100%,#43423a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #17150b 0%,#43423a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #17150b 0%,#43423a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #17150b 0%,#43423a 100%); /* IE10+ */ background: linear-gradient(to bottom, #17150b 0%,#43423a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17150b', endColorstr='#43423a',GradientType=0 ); /* IE6-9 */} .nightly-page .entry-header{ display:none;} .nightly-page #calendarFrame{ width:657px!important;} .attachment-post-thumbnail, .attachment-interior-thumb { width:100%; height:auto; } /** 5.2 Front Page * ----------------------------------------------------------------------------- */ #quick-info{ display:block; position:fixed; left:0; top:0; max-width:100%; width:100%; height:60px; background:#25241d; z-index:999999;} .home.admin-bar #quick-info{top:32px;} .qcon{ padding:18px 35px; font-family: "franklin-gothic-urw",sans-serif; font-weight:400; font-size:13px; color:#E8E6E3;} .qcon .title{ color:#E2BE67; padding:0 3px 0 0;} .qcon .divider{ color:#9B948C; font-size:15px; padding:0 8px 0 12px;} .nrd .title{ font-family: "jaf-domus-titling-web",sans-serif; font-size:14px; padding:0; letter-spacing:1px;} .nrd .divider{ color:#E8E6E3; font-size:15px; font-weight:400; padding:0 10px 0 12px;} .nrd span{ font-weight:700;} .first-post .divider{ padding:0 10px;} .racing-info{ font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; float:right; letter-spacing:2px;} .racing-info a{ color:#E2BE67; background: -moz-linear-gradient(left, rgba(37,36,29,0) 0%, rgba(37,36,29,1) 16%, rgba(37,36,29,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,36,29,0)), color-stop(16%,rgba(37,36,29,1)), color-stop(100%,rgba(37,36,29,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(37,36,29,0) 0%,rgba(37,36,29,1) 16%,rgba(37,36,29,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(37,36,29,0) 0%,rgba(37,36,29,1) 16%,rgba(37,36,29,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(37,36,29,0) 0%,rgba(37,36,29,1) 16%,rgba(37,36,29,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(37,36,29,0) 0%,rgba(37,36,29,1) 16%,rgba(37,36,29,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0025241d', endColorstr='#25241d',GradientType=1 ); /* IE6-9 */ position:absolute; padding: 6px 16px 6px 30px; top:13px; right: 10px; } .racing-info a:hover{ color:#fff; text-decoration:none} .racing-info.champions-gift a { right:215px; } .home .site{ padding-top:60px;} .home .site-header{ background-color:transparent!important; height:inherit!important; top:104px; } .home .site-navigation a:hover { color: #fff;} .home .site-header:hover{ background-color:#211f17!important; height:104px;} .home .site-main{ padding-bottom:332px; margin-top:-104px; clear:inherit;} .home .content-area { padding:0;} .pegasus-promo .racing-info { float:none; margin-left:-25px; } .pegasus-promo .racing-info a { position:static; } .pegasus-info { display:none; float:right; position:relative; } .pegasus-info img { margin-right:40px; margin-top:-10px; } .pegasus-info .racing-info { position:relative; top:7px; margin-left:0; } .pegasus-info .countdown { font-family: "din-condensed-web"; width:auto; vertical-align:top; margin:0; top:-6px; display:inline-block; zoom:1; *display:inline; } .pegasus-info .countdown .dash { width:27px; height:auto; text-align:center; margin-left:8px; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .pegasus-info .countdown .dash:first-child { margin-left:0; } .pegasus-info .countdown .digits { color:#E2BE67; font-size:0; font-family:"din-condensed-web"; position:relative; top:0; height:25px; } .pegasus-info .countdown .digit { line-height:1; font-size:28px; display:inline-block; vertical-align:top; zoom:1; *display:inline; } .pegasus-info .countdown .dash_title { left:-2px; top:-7px; } .peg-loc { position:absolute; top:-10px; right:20px; z-index:1; } #front-banner{ /*background:#17150c url(images/bg-f-banner.jpg) 0 0 repeat-x;*/ min-height: 500px; text-align:center;} #video-wrap{ width:100%; min-width:1368px; overflow:hidden; margin:-104px auto -6px; display:inline-block; max-height: 740px; zoom:1; } #video-darken { position:absolute; top:0; left:0; bottom:0; right:0; height:100%; width:100%; background:url(images/video-overlay.png) center center repeat scroll;} #video-grad { position:absolute; top:0; left:0; bottom:0; right:0; height:100%; width:100%; background:url(images/sa-grad.png) top center repeat-x scroll;} #front-banner #pick-title{ display:block; width:998px; height:140px; text-align:left; overflow:hidden; text-indent:-999px; background:url(images/pick-title.png) 50% 0 no-repeat; margin-bottom:63px;} #front-banner #explore-park{ margin-right:5px;} #front-banner #get-tickets{ margin-left:5px;} #front-events-box{ position:relative; width:992px; margin:-48px auto 0; background:#FFFFFF; padding:8px; z-index:1;} #front-events-box{ text-align:justify; font-size:0; text-justify:inter-ideograph;} #front-events-box:after{ content:""; width:100%; display:inline-block;} #front-events-box .front-events-item{ display:inline-block; width:242px; height:330px; background:url(images/bg-gray-orange.jpg) 0 0 repeat; vertical-align:top; font-family: "franklin-gothic-urw",sans-serif; font-weight:400; font-size:15px; color:#514F4B; text-align:left;} #front-events-box .img-box{ display:block; width:242px; height:136px; margin-bottom:15px; position:relative;} #front-events-box .img-box a:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.5);} #front-events-box .img-box img{ width:242px; height:136px;} #front-events-box .img-box:hover a:after{ background:rgba(0, 0, 0, 0.0);} #front-events-box h2.title a, #front-events-box h2.title { display:block; font-size: 17px; line-height:17px; font-weight:700; color:#44423B; margin-bottom:12px; font-family: franklin-gothic-urw, sans-serif; text-transform: none; letter-spacing:-0.6px; } #front-events-box .event-copy{ line-height:18px; width:100%;} #front-events-box .entry-date{ font-size:14px; color:#44423B; padding:0 0 0 16px;} #front-events-box .entry-date strong{font-weight:700; } #front-events-box .btn-tix{ float:right; margin-right:12px; margin-top:5px;} .event-entry{ width: 210px; height: 136px; margin: 0 auto 6px auto; border-bottom-style: solid; border-width: 1px; border-color: #bebbb5;} .sa-font { font-family: 'Santa-Anita-Basic-Icons'; text-transform:none!important; font-weight:normal!important; } #dat-banner { width:992px; height:210px; text-align:center; color:#FFF; } #dat-banner img{ margin-top:-40px; } .banner-l1 { padding-top: 0px; font-size:134px; line-height:75px; } .banner-l1.banner-text { font-family: "brandon-grotesque",sans-serif; font-size:76px; font-weight:800; text-transform:uppercase; text-shadow:2px 2px 0 #000, 4px 4px 0 #fff, 0px 0px 30px rgba(0,0,0,0.5); } .banner-generic.banner-l1 { padding-top: 20px; } .banner-l2 { padding-top:17px; padding-left:23px; font-size:40px; line-height:23px; font-family: "brandon-grotesque",sans-serif; font-weight:700; text-transform:uppercase; } .banner-for { font-size:70px; position:relative; top:15px; } .banner-suffix { position:relative; top:4px; } #chu{ position:relative; width:998px; margin:0 auto 50px;} #chu .title{ font-family: "brandon-grotesque",sans-serif; font-size:18px; font-weight:900; color:#232220; text-transform:uppercase; margin:0 0 20px;} #caryovers{ width:180px; margin-right: 20px;} .caryovers-con{ margin-bottom:30px;} .caryovers-con dl{ margin-bottom:30px; font-family: "franklin-gothic-urw",sans-serif;} .caryovers-con .park-name{ font-weight:700; font-size:15px; color:#44423B; margin-bottom:12px;} .caryovers-con dd{ background:url(images/icon-cups.png) 0 4px no-repeat; margin-bottom:10px; padding-left:35px;} .caryovers-con dd span{ display:block; font-weight:400; font-size:13px; color:#44423B; line-height:16px;} .caryovers-con dd.active{ background-position:0 -40px;} .caryovers-con dd.active .amount{ font-weight:700;} #caryovers .btn-wager{ display:block; width:180px; height:38px; position:relative; border:1px solid #d48500; background: rgb(250,180,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(250,180,0,1) 0%, rgba(217,139,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,180,0,1)), color-stop(100%,rgba(217,139,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(250,180,0,1) 0%,rgba(217,139,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(250,180,0,1) 0%,rgba(217,139,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(250,180,0,1) 0%,rgba(217,139,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(250,180,0,1) 0%,rgba(217,139,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab400', endColorstr='#d98b00',GradientType=0 ); /* IE6-9 */ } #caryovers .btn-wager span{ display:block; width:180px; height:38px; overflow:hidden; text-indent:-999px; background:url(images/xb_wager.png) center center no-repeat;} #caryovers .btn-wager:hover{ background: rgb(217,139,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(217,139,0,1) 0%, rgba(250,180,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(217,139,0,1)), color-stop(100%,rgba(250,180,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(217,139,0,1) 0%,rgba(250,180,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(217,139,0,1) 0%,rgba(250,180,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(217,139,0,1) 0%,rgba(250,180,0,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(217,139,0,1) 0%,rgba(250,180,0,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d98b00', endColorstr='#fab400',GradientType=0 ); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab400', endColorstr='#d98b00',GradientType=1 ); /* IE6-9 */} #hrtv{ width:575px; margin-right: 20px;} #hrtv .title{ display:inline; color:#9B948C;} #hrtv .title .logo{ display:inline-block; width:103px; height:29px; /* background: url(images/hrtv.svg), none; */ background: url(images/xpressbet-logo.jpg) 0 0 no-repeat; overflow:hidden; text-indent:-999px; position:relative; left:0; top:12px; padding:0 8px 0 0;} #hrtv .hrtv-link{ line-height:42px; float:right; font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; font-weight:400; color:#44423B;} #hrtv .hrtv-link .pictograms{ padding-left:4px; color:#789387;} #hrtv .hrtv-link:hover{ text-decoration:none;} #race-days{ width:200px;} #race-days ul{ margin:0; list-style:none;} #race-days ul li{ padding:5px 5px 10px 0; background:url(images/dot-line.png) 0 100% repeat-x;} #race-days ul li.hasEvent .racing-date{ background:url(images/star-yellow.png) 100% 50% no-repeat; padding:0 10px 0 0;} #race-days .btn-tix{ float:right; margin-top:3px;} #race-days .btn-calendar{ display:block; width:196px; margin-top:12px;} /** 5.3 404 Page * ----------------------------------------------------------------------------- */ .error404 .page-content { padding-top: 0;} .error404 .page-content .search-form { margin-bottom: 24px;} /** 5.4 Full-width page * ---------------------------------------------------------------------------- */ .full-width .content-area, .single-events.full-width .content-area, .single-locations.full-width .content-area, .single-live_racing.full-width .content-area{ width:100%; margin:0; float:none;} .full-width .hentry { max-width: 100%; } .full-width .mcontent{ width:1024px; max-width:100%; margin:0 auto; padding:0 15px; box-sizing:border-box; } .full-width .splash-page .mcontent { width:664px; } /** 5.4.1 New Fans page * ---------------------------------------------------------------------------- */ .newfans-page{} .newfans-page .banner{ min-height:550px; height:550px; background:url(images/newfanBG.jpg) center center no-repeat; background-size:cover;} .newfans-page .banner-title{ font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:70px; text-transform:uppercase; letter-spacing:3px; color:#FFFFFF;} .newfans-page .banner-slogan{ display:inline-block; padding:30px 0 50px; font-size:21px; color:#FFFFFF;} .newfans-page .banner-link{ width:283px; height:46px; line-height:42px; font-size:16px; color:#232220;} #nf-cta{ width:998px; min-height:340px; margin:0 auto 40px; border-bottom:1px solid #dedede;} #nf-cta ul{ width:100%; margin:0; list-style:none;} #nf-cta ul li{ width:290px; height:315px; float:left; text-align:center; border-left:1px solid #dedede; padding:0 20px; position:relative;} #nf-cta ul li:first-child{ border-left:none;} #nf-cta .img{ display:block; width:160px; height:160px; margin:-120px auto 20px; border:5px solid #FFFFFF; border-radius:50%; overflow:hidden;} #nf-cta .img img{ width:100%;} #nf-cta .title{ display:block; font-family: "brandon-grotesque",sans-serif; font-weight:500; font-size:36px; text-transform:uppercase; letter-spacing:1px; margin-bottom:12px;} #nf-cta .intro{ display:block; padding:0 10px 20px;} #nf-cta .nf-cta-link{ width:126px; height:35px;} #nf-cta .interactive-map{ width:154px;} #instagram-sec{ width:100%; margin-bottom:50px;} #instagram-header{ width:442px; margin:0 auto 30px;} #instagram-sec .section-title{ display: inline-block; vertical-align:top; text-transform:uppercase; padding-right:12px;} #instagramTags{ display:inline-block; width: 218px; height:30px; padding:3px 10px; margin-top:2px; vertical-align:top; background-color:#eae8e3; border:1px solid #bebbb5; float: right;} #instagramImages{ width:100%; min-height:425px} .si_feed{ width:100%; background-color: #000;} div.si_item{ display:block; width:12.5%; background-color: #000; background: url(images/igLinkBg.jpg) center; background-size: 230px;} div.si_item:hover{ background-size: 160px;} div.si_item img{ display:block; width:100%;} div.si_item img:hover{ width:90%; opacity:0.3; padding: 5%;} #recent-post{ width:992px; margin:0 auto 50px;} #recent-post .section-title{ text-transform:uppercase; text-align:center; margin-bottom:25px;} #recent-post ul{ width:100%; margin:0; padding:0; list-style:none; overflow:hidden;} #recent-post ul li{ width:482px; float:left;} #recent-post ul li:first-child{ margin-right:28px;} #recent-post ul li .post-thumb{ display:block; width:482px; height:270px; margin-bottom:15px; text-align:center; overflow:hidden;} #recent-post ul li .post-thumb img{ display:inline-block; width:auto; height:100%;} #recent-post .postTitle{ display:block; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:24px; color:#211F17; margin-bottom:8px; text-transform:uppercase;} #recent-post a.button{ width:97px; height:32px; line-height:28px;} #recent-post .viewMoreBtn{ float:right; margin-top:-60px; margin-right:150px;} #ats-wrap{ position:relative; width:100%; padding:40px 0 70px; background-color:#EAE8E3; border-top:1px solid #bebbb5;} #ats-wrap:before{ position:absolute; width:100%; height:1px; border-top:1px solid #bebbb5; content:""; top:-5px; left:0;} .all-social{ max-width:1393px; min-height:300px; margin:0 auto;} .all-social .ats-title{ width:360px; padding:4px 12px 4px 0; text-transform:uppercase; text-align:center; margin:0 auto 40px; border-right:1px solid #bebbb5; position:relative; left:-180px;} .all-social .wall-outer{ position:relative; background:none; padding:10px 0 10px 10px;} .all-social .wall-outer .dcsns-toolbar{ position:absolute; width:300px; left:50%; top:-78px; margin-left:33px;} #dcsns-filter li:first-child{ display:none;} #dcsns-filter li{ display:inline-block; height:32px; margin-right:8px;} #dcsns-filter li a{ display:block; width:38px; height:38px; margin:0; padding:0; background:url(images/icon-social.png) 0 0 no-repeat;} #dcsns-filter li a img{ display:none;} #dcsns-filter li.f-facebook a{ background-position:0 0;} #dcsns-filter li.f-twitter a{ background-position:-44px 0;} #dcsns-filter li.f-youtube a{ background-position:-87px 0;} /** 5.5 Events Post * ---------------------------------------------------------------------------- */ .events-post{ padding-left:15px; padding-right:15px; box-sizing:border-box;} .events-post .entry-header{ position:relative; padding:10px 0 0; margin-bottom:20px;} .events-post .entry-header .datebox{ display:block; width:46.33px; height:51.95px; text-align:center; font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:14px; color:#557767; text-transform:uppercase; border:1px solid #557767; float:left; margin-right:15px;} .events-post .entry-header .datebox span{ display:block; line-height:1;} .events-post .entry-header .datebox .month{ padding-top:5px;} .events-post .entry-header .datebox .date{ font-size:30px; font-weight:700;} .events-post .intro-title{ font-weight:400; color:#557767; line-height:1; margin:0;} .events-post h2.entry-title{ margin:0; line-height:1;} .events-post #video-box{ position:relative; margin-bottom:35px; padding-right:250px;} .events-post #video-box img { width:100%; } .events-post #video-box .play-btn{ display:block; width:92px; height:92px; position:absolute; left:33%; top:40%; background:url(images/play-button.png) 0 0 no-repeat; z-index:10; cursor:pointer;} .img-box{ width:100%;} .img-box img{ width:100%; height:auto;} .events-post #timebox { display: block; width: 223px; background: #211F17; background: rgba(24, 22, 0, 0.9); text-align: center; position: absolute; top: 0; right: 0; color: #FFFFFF; padding-bottom: 30px; } #timebox .headline{ display:block; font-family: "brandon-grotesque",sans-serif; font-weight:400; font-size:14px; color:#E2BE67; text-transform:uppercase; padding:31px 0 0px; line-height:1;} #timebox .month{ display:block; font-family:"din-condensed-web",sans-serif; font-weight:300; font-size:36px; line-height:1; margin-bottom:5px; padding-top:7px; text-transform:uppercase;} #timebox .time{ display:block; line-height:1; font-family: "brandon-grotesque",sans-serif; font-weight:400; font-size:14px; margin-bottom:20px;} #timebox .button{ width:155px; margin-bottom:8px; line-height:34px;} #timebox .lbutton{ width:153px; height:36px; line-height:32px; font-size:12px; float:none; margin:0 auto;} #timebox #share{ position:relative; overflow:hidden;} #timebox #share span{ position:absolute; left:35px; bottom:-1px; display:block; width:1px!important; height:1px!important; font-size:0; } .events-post .timebox-footer { margin-top: 120px; margin-bottom: 100px; background: #211F17; background: rgba(24, 22, 0, 0.9); } .events-post .timebox-footer .inner { max-width: 562px; margin: 0 auto; padding: 22px 0; } .events-post .timebox-footer #timebox { position: initial; width: 100%; background: none; padding: 0; } .events-post .timebox-footer #timebox .text { display: inline-block; width: 63%; vertical-align: middle; } .events-post .timebox-footer #timebox .buttons { display: inline-block; width: 35%; vertical-align: middle; } .events-post .timebox-footer #timebox .headline { font-size: 20px; padding: 0; font-weight: 300; } .events-post .timebox-footer #timebox .month { font-size: 52px; } .events-post .timebox-footer #timebox .time { font-size: 20px; margin: 0; } @media screen and (max-width: 768px){ .events-post .timebox-footer #timebox .text { display: block; width: 100%; margin-bottom: 20px; } .events-post .timebox-footer #timebox .buttons { width: 100%; } } #other-dates { border:1px solid #d3d3d3; width:157px; text-align:center; margin:0 auto 8px; } #other-dates-expand { cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin-bottom:0px!important; } .more-dates { display:block; text-decoration:none; color:#e2be67; font-family: "franklin-gothic-urw",​sans-serif; padding:3px 10px; text-align:left; font-size:14px; background:url(images/btn-tix.png) 124px center no-repeat scroll; } .more-dates.no-tix { background:none; } #all-dates { overflow:hidden; height:0px; } .expanded { height:100%!important; } .countdown{ display:block; width:80%; position:relative; margin:10px auto 10px; overflow:hidden;} .countdown .dash{ width:23%; float:left;} .countdown .days_dash{ margin-left:12px;} .countdown .digit{ float:left;} .countdown .digits{ width:42px; height:30px; overflow:hidden; font-family: "din-condensed-web"; font-weight:400; font-style: normal; font-size:36px; line-height:1; float:left; margin-right:2px;} .countdown .divider{ display:inline-block; padding:0;} .countdown .dash_title{ font-family: "jaf-domus-titling-web",sans-serif; font-weight:500; font-size:10px; position:relative; left:-5px;} .events-post h3.headline{ font-size:24px; font-weight:700; text-transform:uppercase;} .event-copy{ width:65%;} .event-copy strong{ font-size:17px;} .event-copy ul{ margin:26px 0 40px;} .event-copy .red{ font-size:17px;} /** 5.5.1 Featured Events Page * ---------------------------------------------------------------------------- */ .events-page{} .events-page .banner{ height:334px; min-width:inherit;} .events-page .banner-con{ min-height:334px; margin-top:-145px;} .events-page .banner-con .banner-title{} .events-page .banner-con .grad-yellow{ width:268px; height:46px; line-height:42px; font-size:16px;} .events-page .banner-con .grad-green{ width:266px; height:44px; line-height:40px; font-size:16px; margin-left:20px;} .event-list{ position:relative; min-height:240px; padding:0 0 30px 526px; margin-bottom:30px; overflow:hidden; border-bottom:1px solid #BCB9B9;} .event-list .event-img{ display:block; width:496px; height:240px; line-height:240px; position:absolute; left:0; top:0; overflow:hidden;} .event-list .event-img img{ width:100%; height:auto; vertical-align:middle;} .event-list .entry-title{ font-weight:900; font-size:21px; color:#567767; margin-bottom:2px; text-transform:uppercase;} .event-list .datecon{ display:block; margin-bottom:12px;} .event-list .datecon .day{ font-weight:700;} .event-list .button{ display:inline-block; width:117px; height:32px; line-height:28px; margin-right:6px; margin-top:20px; zoom:1; *display:inline;} .multiple-dates { font-size:10px; height:15px; line-height:15px; padding:0 7px; position:relative; border-radius:10px; display:inline-block; zoom:1; *display:inline; } /** 5.5.1.2 Single Events Page * ---------------------------------------------------------------------------- */ .single-events .hs-form.stacked .hs_submit{ float:none; } .event-copy{ display:inline-block; vertical-align: top; } .entry-content:after{ content:''; clear: both; display: table; } .otherUpcomingEvents{ width: 223px; display: inline-block; vertical-align: top; float: right; text-transform:uppercase; } .otherUpcomingEvents h4{ text-align: left; } .otherUpcomingEvents li{ background: none; padding: 20px 0 0 0; border-top: 2px solid #dedcdd; } .otherUpcomingEvents span{ display:block; } .otherUpcomingEvents .eventImg{ padding-bottom: 10px; } .otherUpcomingEvents .eventImg img{ width: 100%; } .otherUpcomingEvents .eventTitle{ font-weight: 600; } /** 5.5.2 Host An Event Pages * ---------------------------------------------------------------------------- */ .eSection{ position:relative; overflow:hidden; padding:38px 0; border-bottom:1px solid #d4d3cf;} .features-sec{ border-top:1px solid #d4d3cf;} .features-sec .section-title{ margin-bottom:25px;} .features-sec ul{ margin:0; list-style:none;} .features-sec ul li{ display:inline-block; vertical-align:top; width:320px; padding-left:20px; background:url(images/arrow-green-6x5.png) 0 10px no-repeat; margin:0 20px 10px 0;} .event-cat{ min-height:225px; padding-left:263px;} .ec-img{ display:block; width:241px; height:241px; position:absolute; left:0; top:28px;} .ec-img img{ display:block; width:100%; height:auto;} .ec-title{ color:#557767;} .ec-description{ display:block; margin-bottom:25px; color:#44423B;} .ec-link{ display:inline-block; width:auto; height:32px; line-height:28px; padding-left:15px; padding-right:15px; margin-right:10px; } #events-at-sa h4 { margin:0!important; } /** 5.5.3 live racing Post * ---------------------------------------------------------------------------- */ .live-racing-page{ position:relative; clear:both; padding:0;} .lr-banner{ width:100%; height:500px; background:url(images/horsesBG.jpg) center 0 no-repeat; background-size:cover; position:relative;} .lr-banner.custom-bg-spacing { height:635px; background-size:cover!important; } .lr-banner.adjustHeight{ height:580px; } .lr-banner .banner-con{ position:absolute; width:998px; margin:-220px 0 0 -499px; font-family: "jaf-domus-titling-web",sans-serif; font-weight:300; font-size:16px; color:#FFFFFF; text-align:center; padding-top:50px; letter-spacing:2px; left:50%; top:50%;} .lr-banner.custom-bg-spacing .banner-con { padding-top:0; margin:-255px 0 0 -499px; } .lr-banner.custom-bg-spacing > div > img:first-child, .lr-banner.custom-bg-spacing > div > a > img:first-child { padding-bottom:35px; } .lr-banner.adjustHeight { padding-top:0; } .lr-banner.adjustHeight .banner-con{ padding-top:20px; } .lr-banner .entry-title{ font-weight:400; color:#FFFFFF; font-size:30px; text-transform:uppercase; letter-spacing:20px; margin:0;} .lr-banner .lr-date{ display:inline-block; width:100%; height:102px; line-height:102px; margin:0; font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:71.6px; text-transform:uppercase; letter-spacing:3px;} .lr-date a { color:#FFF; text-decoration:none!important; } .lr-date .pictograms{ font-weight:400;} .lr-date .left{ padding-right:30px;} .lr-date .right{ padding-left:30px;} .track-conditions{ overflow:hidden; margin-bottom:25px;} .track-conditions table{ width:540px; margin:2px auto 20px;} .track-conditions table td{ text-align:center;} .track-conditions table td span{ font-size:12px;} .track-conditions .title{ font-weight:700;} .track-conditions .pictograms{ padding:0 5px;} .track-conditions .slash{ padding:0 5px;} .track-conditions .num{ display:block; font-family: "brandon-grotesque",sans-serif; font-weight:500; font-size:38px; margin-top:6px;} .track-conditions .num span{ display:inline-block; font-family: "jaf-domus-titling-web",sans-serif; font-weight:300; font-size:16px; line-height:14px; margin-left:-8px;} .dotSlash{ display:inline-block; width:12px; height:52px; background:url(images/dotslash.png) 0 0 no-repeat; position:relative; top:10px;} #numOfRaces{ display:block; width:140px;} #numOfRaces .num{ margin-top:8px;} #gateOpen{ display:block; width:200px;} #firstPost{ display:block; width:180px;} #btn-Xpressbet{ width:278px; margin-right:8px;} #btn-Xpressbet .xpressbetLogo{ display:inline-block; width:105px; height:22px; overflow:hidden; text-indent:-999px; background:url(images/xb_bw_logo.png) 0 0 no-repeat; position:relative; top:7px;} #btn-liveStream{ width:278px; margin-right:8px;} #full-cal{ width:278px; } h3.cat-title { font-family: "brandon-grotesque",sans-serif; font-weight: 900; font-size: 36px; color: #232220; text-transform: uppercase; margin-bottom: 15px; } .buy-lr-tickets{ background:url(images/live-racing-tix.jpg) center center no-repeat; background-size:cover; padding:25px 0; text-align:center; width:100%; } .buy-lr-tickets h3, .buy-lr-tickets a{ display:inline-block; vertical-align:top; } .buy-lr-tickets h3{ font-weight:300; font-size:46px; margin-bottom:0; margin-right:40px; text-transform:uppercase; } #prp-con{ margin:40px 0; padding-bottom:26px; border-bottom:1px solid #bcbcbc;} #prp-con #programs-con{ width:325px; height:180px; border-right:1px solid #bcbcbc;} .program-disclaimer { margin-top:40px; font-size: 10px; line-height: 1; color:#999; } #prp-con #results-con{ width:300px; height:180px; border-right:1px solid #bcbcbc; padding-left:30px;} #prp-con #results-con span{ display:block; line-height:24px; margin-bottom:12px;} #prp-con #results-con #brought-by{ margin:5px 10px 0 0; font-size:11px;} #prp-con #results-con .equibase-logo{ display:inline-block; width:75px; position:relative; left:2px;} #prp-con #results-con .equibase-logo img{ width:100%; height:auto;} #prp-con #prospicks-con{ width:285px; padding-left:30px;} #stakes-con{margin:0 0 40px 0; padding-bottom:26px; border-bottom:1px solid #bcbcbc;} #stakes-con table{ margin-bottom:12px; } #stakes-con table td{ font-family: "franklin-gothic-urw",sans-serif; font-weight:500; font-size:15px; color:#232220; } #stakes-con .pdf-link{ margin-bottom:3px;} #stakes-con .stk-title{ width:245px;} #stakes-con .stk-code{ width:200px;} #stakes-con .stk-purse{ width:80px;} #stakes-con .stk-nominations{ width:130px;} #stakes-con .stk-performances{ width:160px;} #stakes-con .stk-weights { width:100px;} #ec-con{ margin-bottom:50px;} #ec-con table td{ vertical-align:top;} #entries-results-con{ margin-right:25px;} #entries-results-con h3.cat-title{ display:inline-block; vertical-align:top; margin-bottom:30px;} /*#entries-results-con .link{ display:inline-block; vertical-align:top; float:right; margin-right:20px; line-height:52px;}*/ #entries-results-con .btn-overnight-pdf{ max-width:220px; float:right; } #er-detail{width:638px; border:2px solid #c0c0c0;} #er-header{ width:100%; height:48px; border-bottom:2px solid #c0c0c0;} #er-header .btn-entries{ display:block; width:140px; height:48px; float:left; border-right:2px solid #c0c0c0; font-size:16px; line-height:42px; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; text-align:center; cursor:pointer; } #er-header .btn-results{ display:block; width:140px; height:48px; float:left; border-right:2px solid #c0c0c0; font-size:16px; line-height:42px; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; text-align:center; cursor:pointer; } #er-header #poweredby{display:block; width:353px; height:48px; line-height:42px; float:left; text-align:right; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; font-size:12px; background:url(images/dotslash-bg.png) 0 0 repeat;} #poweredby .ptitle span{ display:inline-block; vertical-align:top; width:99px; height:48px; overflow:hidden; text-indent:-999px; background:url(images/logos/racing-from-s.png) 0 center no-repeat; text-align:left; margin:0 15px 0 20px; } #er-copy{ padding:0; min-height:300px; max-height:1417px; overflow:auto;} #er-copy table.main{ border-top:none; border-bottom:none; border-left:none;} #er-copy table.main td{ vertical-align:middle;} #er-copy #drfResults{ display:none; } #er-copy .noDataMsg{ text-align:center; margin-top:140px; } #changes-con h3.cat-title { display:inline-block; vertical-align:top; margin-right:30px; margin-bottom:30px;} #changes-con .btn-print{ display:inline-block; vertical-align:top; width:70px; margin-top:12px;} .change-details{width:314px; padding:5px; border:2px solid #c0c0c0;} .change-details dl{ padding:10px;} .change-details dl.odd{ background-color:#ebebeb;} .change-details dt{ font-family: "brandon-grotesque",sans-serif; font-weight:500; font-size:21px; color:#211F17; text-transform:uppercase;} .change-details dd{} #horsemen-con{ margin:30px 0;} #horsemen-con .btn-horesman{ width:187px; height:32px; line-height:26px;} #ec-con #buy-tickets{ width: 300px; height:250px; padding:15px 15px 34px 15px; background:url(images/dotslash-bf.png) 0 0 repeat; display: none!important;} #ec-con #buy-tickets .ticket{ background-color:#FFFFFF;} #ec-con #buy-tickets .ticket img{ display:block; width:298px; height:248px; border:1px solid #bebbb5;} #ec-con .slidesjs-pagination{ margin:12px auto; width:30px; list-style:none;} #ec-con .slidesjs-pagination li{ float:left; margin:0 5px 0 0; padding:0; background:none;} #ec-con .slidesjs-pagination li a{ display:block; width:8px; height:8px; overflow:hidden; text-indent:-999px; background-color:#EAE8E3; border:1px solid #bebbb5; border-radius:50%;} #ec-con .slidesjs-pagination li a.active{ background-color:#789287;} .lr-dates{ vertical-align:top; } .lr_date{ vertical-align:top; width:40px; height:55px; text-align:center; display:inline-block; zoom:1; *display:inline; } .lr_date:hover .lr_day{ display:block; } .lr_link_wrap{ width:30px; height:30px; display:block; margin:0 auto; border:1px solid rgba(255, 255, 255, 0); } .lr_date:hover .lr_link_wrap{ border:1px solid #fff; border-radius:50%; } .lr_day{ display:none; font-size:12px; } .lr_date a{ color:#FFF; margin-left:2px; } .lr_date a:hover{ text-decoration:none; } .lr_date.current .lr_link_wrap{ background:#fff; border-radius:50%; border:1px solid #fff; } .lr_date.current a{ color:#998C74; } .lr-caryovers, .live-racing-page #caryovers{ position:relative; clear:both; width:100%; overflow:hidden; margin:0 0 40px; border-bottom:1px solid #bcbcbc; } .lr-caryovers .caryover-header{ width:325px; float:left;} .lr-caryovers .caryover-header h3.title{ font-size: 36px; letter-spacing: 2px; margin-bottom: 20px; text-transform: uppercase;} .lr-caryovers .caryover-header .btn-wager{ margin-left:48px;} .lr-caryovers .caryovers-con{ float:left; margin-bottom:20px;} .lr-caryovers .caryovers-con .park-name{ font-size:20px; font-weight:900; letter-spacing:1px; text-transform:uppercase; font-family: "brandon-grotesque",sans-serif; color:#232220;} .lr-caryovers .caryovers-con dl{ display:block; float:left; padding-left:30px;} .lr-caryovers .caryovers-con dl:first-child{ width:310px; border-right:1px solid #bcbcbc;} .live-racing-page #caryovers .btn-wager { width:288px; margin:0; } .live-racing-page #caryovers .btn-wager span { width:288px; } /** live racing Calendar * ------------------------------------------------------------------- */ .race-calendar-page{ padding-top:0;} .race-calendar-page .lr-banner{ height:200px;} .race-calendar-page .lr-banner .banner-con { margin-top:-106px;} .race-calendar-page .entry-content{ padding-top:30px;} /** 5.5.4 Locations Entries * ---------------------------------------------------------------------------- */ .full-width .location-page{ padding:45px 0 0;} .location-header{ width:998px; margin:0 auto; position:relative;} .location-header h1.entry-title{ display:inline-block; vertical-align:top; position:relative; text-transform:uppercase; font-size:36px; float:left; margin:0 0 22px;} .location-header h1.entry-title span{ font-family: 'wisdom_script_airegular'; position:absolute; top:-20px; left:0; font-size:20px; font-weight:normal; color:#557767; text-transform:none;} #location-price{ position:absolute; top:5px; height:34px; line-height:32px; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; text-transform:uppercase; text-align:right; font-size:18px;} .noBtns #location-price{ right:0px; } .oneBtn #location-price{ right:130px; } .twoBtns #location-price{ right:265px; } #loca-level{ padding:0 0 0 10px;} #loca-level span{ color:#557767;} #loca-price{ padding:0 10px;} #loca-price span{ color:#557767;} #loca-viewmenu, #loca-virtualtour{ width:121px; height:36px; float:right; margin-top:5px;} .twoBtns #loca-viewmenu{ margin-right:5px; } #location-banner{ width:100%; height:459px; position:relative; clear:both; background-color:#eae8e2; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc;} #location-slide{ width:993px; height:461px; margin:-1px auto 0;} #location-slide .slide { position:relative; overflow:hidden; width:993px; height:461px; } #location-slide .play-btn{ display:block; width:92px; height:92px; position:absolute; left:48%; top:40%; background:url(images/play-button.png) 0 0 no-repeat; z-index:10; cursor:pointer;} .copy-w-sidebar { width:calc(100% - 190px); margin-right:15px; vertical-align:top; display:inline-block; zoom:1; *display:inline; } .loc-sidebar { width:170px; vertical-align:top; display:inline-block; zoom:1; *display:inline; } .location-page .entry-content .loc-sidebar ul { margin:13px 0!important; } .entry-content .loc-sidebar li { padding-left:35px; margin:0; background-image:url(http://www.opentable.com/frontdoor/img/icons_final_dark.png); } .entry-content .loc-sidebar li.OT_day { background-position:-11px -5px; } .entry-content .loc-sidebar li.OT_time { background-position:-11px -55px; } .entry-content .loc-sidebar li.OT_party { background-position:-11px -102px; } .entry-content .loc-sidebar li.OT_submit { padding:5px 0 0 0; background:none; } .loc-sidebar .OTButton, #OTButton { padding-top:10px!important; } .location-page .entry-content{ clear:both; margin:30px auto 80px; max-width: 750px;} .location-page .entry-content td{ vertical-align:top;} .map-link{ display:block; margin-left:30px;} .location-page .entry-content ul{ margin:20px 0 20px;} #exploring{ width:100%; height:370px; position:relative; background-color:#eae8e2; border-top:1px solid #bdbab5;} #exploring hr{ width:100%; height:1px; background-color:#bdbab5; margin:0; position:absolute; top:-6px; left:0;} #exploring h4.sect-title{ display:block; width:283px; height:41px; text-align:center; line-height:39px; margin:0 auto 10px; font-size:18px; color:#FFFFFF; background:url(images/exploring-title.png) 0 0 no-repeat; position:relative; top:-20px;} #exploring ul{ width:998px; margin:0 auto; font-size:0; position:relative; list-style:none; text-align:justify; text-justify:inter-ideograph;} #exploring ul:after{ width:100%; content:""; display:inline-block;} #exploring ul li{ display:inline-block; vertical-align:top; width:223px; height:275px; background-color:#FFFFFF; font-size:16px; color:#44423B;} #exploring h4{ font-size:18px; margin:12px 12px 8px; text-align:left; } #exploring h4 a{ color:#557767;} #exploring h4 a:hover{ color:#C33F20; text-decoration:none;} #exploring .copy{ display:block; font-size:13px; line-height:16px; padding:0 12px 6px 12px; text-align:left; } #exploring .link{ padding:0 0 0 12px;} /** 5.5.5 Author post * ---------------------------------------------------------------------------- */ .author #main{ width:100%; margin:0;} .author #primary{ width:100%; float:none; padding-bottom:0px;} .author .archive-header{ width:100%; height:150px; background-color:#45423b; background: url(images/genericTrack.jpg) center center no-repeat; background-size: cover;} .author-interior-wrap{ width:998px; margin:0 auto; position:relative;} .author-interior-wrap .archive-title{ font-size:64px; color:#FFFFFF; line-height:150px; width:600px;} .author-interior-wrap .avatar{ position:absolute; top:25px; right:0;} .author #handicapper{ width:998px; min-height:340px; margin:0 auto; position:relative; padding:50px 0;} #handicapper-info{ width:600px;} #handicapper-calendar{ position:absolute; top:50px; right:0;} .author #more-handicappers{ width:100%; padding:50px 0; background-color:#EAE7E3; border-bottom:1px solid #BDBBB5; border-top:1px solid #BDBBB5;} #more-handicappers h2{ text-align:center; margin-bottom:20px;} #more-handicappers ul{} /** 5.6 Items list page * ---------------------------------------------------------------------------- */ .items-list-page{ background-color:#eae8e3;} .items-list-page .content-area{ width:992px; margin:0 auto;} .item-list-mheader{ text-align:center; margin-bottom:50px;} .item-list-mheader h1.entry-title{ color: #557767; font-size: 80px; line-height:1; padding-top: 20px;} .item-list-mheader .short-description{ font-weight:300; font-size:17px; padding:0;} #item-list{ width:102%; margin:0; padding:0 0 70px; list-style:none; overflow:hidden;} #item-list a:hover { text-decoration:none; } #item-list li{ position:relative; width:319px; height:330px; display:inline-block; vertical-align:top; margin:0 14px 14px 0; padding:0 0 20px; text-align:center; background-color:#FFFFFF; border:1px solid #bebbb5; overflow:hidden; float:left;} #item-list li .item-img{ display:block; width:321px; height:240px; margin-bottom:20px; background-color:#eae8e3;} #item-list li .item-img img{ width:100%; height:100%; border:none; position:relative; top:-1px; left:-1px;} #item-list li .item-img img:hover{ opacity: 0.9;} #item-list li .item-title{ color:#557767; margin-bottom:5px;} #item-list li .item-subtitle{ font-size:17px; font-weight:300; color:#44423B; padding:0 5px;} /** 5.7 wagering 101 page * ---------------------------------------------------------------------------- */ .wagering-page{} .wagering-page .banner{ height:743px; z-index:800; position:relative; } .wagering-page .banner-con{ position:relative; top:174px; margin:0; left:0; width:100% } .wagering-page .banner-con .banner-img{ vertical-align:middle;} .wagering-page .banner-con .button{ width:220px; height:42px; line-height:38px; font-size:16px; margin-left:20px;} .section{ padding:70px 0;} .section .section-title{ margin-bottom:20px;} .section .subtitle{ margin-bottom:40px;} .live-teller{ position:relative; background:url(images/wagering/teller-station.jpg) center bottom no-repeat #FFF; background-size:100% auto; z-index:800; } .live-teller .btn-wqg{ width:336px; height:46px; line-height:40px; text-shadow:1px 1px 0px #333; font-size:16px; position:absolute; left:88px; bottom: 14px;} .lt-copy{ display:block; padding:0 0 100px 180px; font-size:21px;} #lt-info{ display:block; margin:0 0 100px; list-style:none; overflow:hidden;} #lt-info li{ position:relative; width:362px; padding-left:88px; float:left;} #lt-info .thumb{ display:block; width:68px; height:68px; position:absolute; top:0; left:0;} #lt-info .thumb img{ width:100%; height:auto; border:none;} #lt-info .title{ display:block; font-weight:700; font-size:19px; margin-bottom:12px; padding-top:10px;} #lt-info .copy{ display:block; font-size:15px;} #lt-info .info-1{ margin-right:70px;} #lt-info .info-2{ margin-top:52px; margin-bottom:25px;} #lt-info .info-3{ margin-top: 20px; margin-right:70px;} #lt-info .info-5{ margin-top: 70px;} .ticket-demo{ position:relative; width:100%; height:779px; text-align:center; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:24px; color:#FFFFFF; padding:0; overflow:hidden; z-index:500; } .ticket-demo .ticket-con{ width:100%; background-color:transparent; position:absolute; top:300px; z-index:5; } .ticket-demo #ticketImgs{ position:relative; } .ticket-demo #ticketImgs .bgimg{ z-index:10; top:0; } .ticket-demo .intro{ display:inline-block; width:62%; margin:0 0 50px; text-transform: uppercase;} .ticket-demo .example{ display:inline-block; width:62%; font-size:36px; font-weight:900; border-top:3px solid #FFFFFF; border-bottom:3px solid #FFFFFF; line-height:1; text-transform: uppercase;} .self-service{ min-height:500px; padding:50px 0; background:#FFF; position:relative; z-index:999; } .self-service .section-title{ color:#973f20;} .self-service .sample{ position:absolute; left: -176px; top: 58px;} .self-service .intro{ display:block; padding:0 60px 16px 200px; font-size:21px;} .self-service .bold{ display:block; font-size:21px; font-weight:700; padding:0 0 30px 200px;} .ss-steps{ position:relative; width:750px; height:380px; margin:20px 0 0 200px; } .ss-steps .ss-step{ position:relative; padding:0;} .ss-steps .step-img{ display:block; width:308px; position:absolute; top:0; left:0;} .ss-steps .step-img img{ width:100%; height:auto;} .ss-steps .step-title{ display:block; width:410px; margin-left:340px; font-weight:700; font-size:19px; padding:65px 0 20px;} .ss-steps .step-copy{ display:block; width:410px; margin-left:340px; font-size:15px;} .ss-steps .step-copy strong{ font-weight:700;} .ss-steps .slidesjs-pagination{ display:block; width:305px; position:absolute; top:0; right:106px; margin:0; list-style:none; z-index:100;} .ss-steps .slidesjs-pagination li{ display:block; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; font-size:24px; text-align:center; line-height:36px; float:left; margin-right:30px;} .ss-steps .slidesjs-pagination li a{ display:block; width:44px; height:44px; background:transparent; border:1px solid #e2bb73; color:#44423b; border-radius:50%;} .ss-steps .slidesjs-pagination li a:hover{ border-color:#a66d03; text-decoration:none;} .ss-steps .slidesjs-pagination li a.active{ background:url(images/wagering/pagination.png) center center no-repeat;} .tv-section{ background: #EAE8E3; border-top:1px solid #C4C1BC; padding:60px 0; text-align:center; z-index:999; position:relative; } .tv-section .intro{ display:block; font-size:21px; padding-bottom:60px;} .video-box{display:block; width:100%; height:auto; text-align:justify; text-justify:inter-ideograph; font-size:0px;} .video-box:after{ content:" "; width:100%; display:inline-block; zoom:1; *display:inline;} .video-box .video1, .video-box video2{ display:inline-block; vertical-align:top; width:49%; zoom:1; *display:inline; } .gl-section{ max-width:100%; height:935px; line-height:935px; text-align:center; background-size:cover!important; padding:0; overflow:hidden; z-index:400; } .gl-section .content{ position:fixed; top:0; width:100%; } .gl-section #bgImg{ position:absolute; top:0; left:0; } .gl-section .section-title{ display:block; margin:0 auto; color:#FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; padding:12px 0; vertical-align:central; position:absolute;} .wqg-section{ background: #EAE8E3; border-top: 1px solid #C4C1BC; padding:60px 0 100px; text-align:center; position:relative; z-index:600; } .wqg-section .section-title{ color:#557767; margin-bottom:70px;} .wtype-lists{ display:block; overflow:hidden;} .wtype-lists ul{ display:block; float:left; width:45%; margin:0; list-style:none; text-align:left;} .wtype-lists ul.col-l{ margin-right:90px;} .wtype-lists ul li{ margin-bottom:20px;} .wtype-lists .w-type{ font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:18px; color:#557767; text-transform:uppercase;} .wtype-lists .w-descrip{ font-size:15px;} /** 5.8 Activities page * ---------------------------------------------------------------------------- */ .page-template-page-templatesactivities-page-php .site-header{ z-index:1000; width:100%; top:0; left:0; } .activities-page{ text-align:center;} .activities-page .section{ padding:0; position:relative; } .activities-page .banner{ position:relative; max-width:100%; height:655px; z-index:100; } .activities-page .banner .banner-con{ left:0; margin:0; top:0; width:100%; } .activities-page .banner .banner-bg{ width:100%; height:655px; position:absolute; left:0; top:0; background-size:cover!important; z-index:1; } .activities-page .banner-wrap{ width:100%; background:url(images/activity/transparent-white.png) 0 0 repeat; background:rgba(255,255,255,0.82); height:655px; position:relative; z-index:2; } .banner-wrap .banner-title{ display:inline-block; width:446px; height:314px; overflow:hidden; text-indent:-9999px; background: url(images/makingYourDayGreat.png) center 0 no-repeat; margin-top:60px;} .banner-wrap .banner-copy{ display:block; width:453px; height:123px; padding:30px 40px; margin:40px auto 0; background:url(images/activity/banner-copy-bg.png) 0 0 no-repeat; font-size:14.45px; color:inherit;} .anchor-menu{ width:100%; height:64px; line-height:62px; border-bottom:2px solid #b69267; z-index:200; } .anchor-menu ul{ display:block; margin:0; list-style:none; overflow:hidden;} .anchor-menu ul li{ display:block; float:left; margin:0 85px;} .anchor-menu ul li a{ font-family: "jaf-domus-titling-web",sans-serif; font-size:14px; font-weight:600; color:#44423b;} .anchor-menu ul li a:hover{ color:#000000; text-decoration:none;} .activities-page .a-img{ width:100%; min-height:934px; background-size:100% auto; background-position:center; background-repeat:no-repeat;} .activities-page .a-copy{ display:inline-block; width:62%; font-size:17px;} .activities-page .a-link{ display:block; width:126px; margin:25px auto 30px;} .activities-page .section .section-header{ text-align:center; margin:70px 0 30px;} .activities-page .section .subtitle{ color:#211F17;} .activities-page .section .mcontent{ padding:70px 0 50px;} .ma-section .section-title{ display:inline-block; padding:10px 0; border-top:2px solid #919190; border-bottom:1px solid #232220;} .activities-page .section #thoroughbred-racing.mcontent{ padding-top:0;} .wrfm-section{} .wrfm-header{ position:relative; width:100%; height:246px; background:url(images/activity/transparent-black.png) 0 0 repeat; background:rgba(0,0,0,0.50); border-bottom:3px solid #FFFFFF; z-index:1;} .activities-page .section .wrfm-header .mcontent{ padding:0;} .wrfm-header .section-title{ color:#FFFFFF; padding:45px 0 25px;} .wrfm-header ul{ position:relative; bottom:-3px; margin:0; list-style:none; overflow:hidden;} .wrfm-header ul li{ display:block; width:165px; border-bottom:3px solid #FFFFFF; text-align:center; padding:70px 20px 19px; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400px; font-size:16px; color:#FFFFFF; cursor:pointer; float:left; margin:0 20px;} .wrfm-header ul li:hover{ border-bottom:3px solid #b69267; color:#b69267;} .wrfm-header ul #cat-1{ background:url(images/activity/icon-sport.png) 75px 0 no-repeat; padding-top:46px;} .wrfm-header ul #cat-1:hover{ background-position:-65px 0;} .wrfm-header ul #cat-2{ background:url(images/activity/icon-food.png) 75px 2px no-repeat;} .wrfm-header ul #cat-2:hover{ background-position:-62px 2px;} .wrfm-header ul #cat-3{ background:url(images/activity/icon-families.png) 80px 0 no-repeat;} .wrfm-header ul #cat-3:hover{ background-position:-78px 0px;} .wrfm-header ul #cat-4{ background:url(images/activity/icon-fans.png) 66px 12px no-repeat;} .wrfm-header ul #cat-4:hover{ background-position:-90px 12px;} .wrfm-con{ position:relative; width:100%; margin-top:-248px;} .wrfm-con .section{ padding:0; } .sports-fanatic, .foodie .maincon, .families, .new-fans .maincon{ background-size:cover!important;} .wrfm-con .mcontent, .activities-page .section .wrfm-con .mcontent{ padding:0; min-height:931px; color:#FFFFFF; position:relative;} .activities-page .wrfm-con .subtitle{ display:inline-block; color:#FFFFFF; padding:6px 0; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; position:absolute; left:0; bottom:220px;} .wrfm-con .copy{ width:390px; position:absolute; left:0; bottom:145px; text-align:left; font-size:15px;} .wrfm-con .grad-green{ width:246px; position:absolute; left:0; bottom:85px;} .wrfm-con .copy2{ width:410px; position:absolute; right:0; bottom:160px; text-align:left; font-size:15px;} .wrfm-con .copy2 h5{ color:#FFFFFF; font-weight:700;} .wrfm-con .grad-yellow{ width:246px; position:absolute; right:160px; bottom:85px;} .wrfm-con .foodie .copy{ bottom:196px;} .activities-page .section .wrfm-con .subcon .mcontent{ min-height:367.75px;} .foodies-subcon{ background-color:#c5c3bd;} .foodies-subcon ul{ display:block; margin:0; list-style:none; position:relative; top:-100px; overflow:hidden;} .foodies-subcon ul li{ display:block; width:265px; position:relative; text-align:center; float:left; margin:0 0 0 100px;} .foodies-subcon ul li:first-child{ margin-left:0;} .activities-page .wrfm-con .foodies-subcon .subtitle{ display:block; color:#44423b; padding:0; margin-bottom:2px; border:none; position:relative; left:inherit; bottom:inherit;} .foodies-subcon h5{ color:#44423b; padding:0; font-weight:700; margin-bottom:12px;} .foodies-subcon .thumbnail{ display:inline-block; width:242px; height:242px; margin-bottom:30px;} .foodies-subcon .thumbnail img{ width:100%; height:auto;} .foodies-subcon .more-info{ color:#44423b; min-height:70px; font-size:15px;} .foodies-subcon .more-info span{ display:block; font-weight:700;} .foodies-subcon .grad-green{ width:247px; position:relative; left:inherit; bottom:inherit; margin-bottom:10px;} .foodies-subcon .grad-yellow{ width:247px; position:relative; right:inherit; bottom:inherit;} .activities-page .wrfm-con .families .subtitle{ bottom:392px;} .wrfm-con .families .copy{ bottom:270px;} .wrfm-con .families .grad-green{ display:block; width:195px; height:145px; background:url(images/activity/family-fun-4-pack.png) 0 0 no-repeat; border:none; overflow:hidden; text-indent:-9999px; left:inherit; right:135px; bottom:100px; filter:none;} .families .lbutton{ width:182px; height:36px; line-height:34px; font-size:12px; position:absolute; right:140px; bottom:55px;} .activities-page .wrfm-con .new-fans .subtitle{ bottom:245px; left:518px;} .wrfm-con .new-fans .copy{ bottom:120px; left:518px;} .wrfm-con .new-fans .maincon .grad-yellow{ right:230px; bottom:65px;} .wrfm-con .new-fans .maincon .grad-green{ left:inherit; right:230px; bottom:20px;} .newfans-subcon{ background-color:#c5c3bd; text-align:left;} .newfans-subcon .img2{ position:absolute; top:-110px; left:30px;} .wrfm-con .newfans-subcon .copy2{color:#44423b; right:60px; bottom:200px;} .wrfm-con .newfans-subcon h5{color:#44423b;} .wrfm-con .newfans-subcon .grad-yellow{ right:220px; bottom:130px;} .wsiw{ width:100%; min-height:934px; background-size:cover!important;} .wsiw .section-title{ color:#FFFFFF; padding:312px 0 20px;} .wsiw .copy{ display:inline-block; width:595px; color:#FFFFFF;} .wear-types{ position:relative; height:860px; background:url(images/activity/keep-cool-bg.png) center 100px no-repeat; margin-top:70px;} .wear-types .subtitle{ position:absolute; top:340px; left:50%; margin-left:-60px;} .wear-types .subsubtitle{ position:absolute; top:350px; left:50%; margin-left:-70px;} .wear-types .copy{ width:344px; position:absolute; top:415px; left:50%; margin-left:-172px;} .wear-types .copy strong{ text-transform:uppercase;} .wear-type{ width:165px; position:absolute; left:0; top:0;} .shorts{ left:50%; top:0; margin-left:-82.5px;} .polos{ left:721px; top:190px;} .flowy-blouses{left:721px; top:540px;} .sundresses{left:50%; top:705px; margin-left:-82.5px;} .sunscreen{ left:107px; top:540px;} .sunglasses{ left:107px; top:190px;} .wear-type .wt-img{ display:inline-block; width:160px; height:160px; border:3px solid #b69267; border-radius:50%; overflow:hidden; } .wear-type .wt-img img{ width:100%; height:auto;} .wear-type .wt-title{ color:#b69267; background-color:#FFFFFF; line-height:1; margin:7px 0 0; padding:3px 0; font-weight:700;} .wt-img.active{ position:absolute; left:50%; top:50%; width:320px; height:320px; margin:-60px 0 0 -160px;} .hats{} .hat-bg{ width:100%; height:934px; background-size:cover!important;} .big-hat{ position:relative; height:830px; margin-top:50px; background:url(images/activity/big-hats-bg.png) center 100px no-repeat;} .big-hat .subtitle{ position:absolute; top:370px; left:50%; margin-left:-110px;} .big-hat .copy{width:344px; position:absolute; top:422px; left:50%; margin-left:-172px;} .big-hats{ left:50%; top:16px; margin-left:-82.5px;} .fascinators{ left:760px; top:360px;} .fedoras{ left:50%; top:710px; margin-left:-82.5px;} .bow-ties{ left:60px; top:360px;} .feet-section{ margin-top:40px;} .feet-bg{ width:100%; height:934px; background-size:cover!important;} .activities-page .section .feet-con{ padding-top:50px;} .feet-con .hr{ display:inline-block; width:610px; height:2px; background-color:#c5c3bd; position:relative; top:110px;} .feet-con .wear-type { position:relative; left:50%; margin-left:-82.5px; margin-bottom:50px; min-height:196px;} .feet-con .wt-img.active{ margin-top:-160px;} .feet-con .subtitle{ margin-bottom:20px;} .feet-con .copy{ display:inline-block; width:344px;} .feet-con .copy strong{ text-transform:uppercase;} .final-tips{} .final-tips .section-title{ margin-bottom:40px;} .final-tip{ position:relative; width:100%; min-height:676px; margin-bottom:30px;} .final-tip.ladies{ height:980px;} .tip-con{ width:317px; min-height:122px; padding:30px 35px 10px; background-color:#FFFFFF; text-align:left; position:absolute; left:35px; bottom:82px;} .ladies .tip-con{ left:inherit; right:35px;} .tip-con .subtitle{ display:inline-block; margin-bottom:0px; line-height:1; border-top:1px solid #211f17; border-bottom:1px solid #211f17;} .tip-con .subsubtitle{ margin-bottom:20px; padding:0;} .tip-con .copy strong{ font-family: "brandon-grotesque",sans-serif; font-weight:700; text-transform:uppercase;} .dd-section{} .dd-bg{ width:100%; height:934px; background-size:cover!important;} .dd-con .section-title{ color:#557767; margin-bottom:40px;} .dd-items-con{ display:block; width:100%; text-align:justify; text-justify:inter-ideograph; font-size:0px;} .dd-items-con:after{ content:" "; width:100%; display:inline-block; zoom:1; *display:inline;} .dd-items-con ul{ display:inline-block; vertical-align:top; width:45%; margin:0; list-style:none; zoom:1; *display:inline;} .dd-items-con ul li{ position:relative; text-align:left; padding-left:65px; margin-bottom:30px;} .dd-items-con ul.do-items{ margin-right:90px;} .dd-items-con ul.dont-items li{ padding-left:105px;} .activities-page .section .dd-items-con .subtitle{ position:absolute; left:0; top:0; color:#557767;} .dd-items-con .item-title{ display:block; font-weight:700; font-size:19px;} .dd-items-con .item-copy{ font-size:15px;} .dd-items-con .button{ width:241px; margin-top:15px;} .page-id-399 .site{ background:#666; } .page-id-399 .activities-page .section {background:#FFF;} .page-id-399 .activities-page .anchor-menu .mcontent { padding:0; } .page-id-399 .activities-page .banner {z-index:100;} .page-id-399 #anchorMenuWrap {z-index:700;position:relative;} .page-id-399 .ma-section {z-index:200;} .page-id-399 .ma-section .section-header{background:#FFF;position:relative;z-index:500;} .page-id-399 .activities-page .section .section-header {padding:70px 0 30px;margin:0;} .imgWrap{position:relative;z-index:250;height:800px;} .page-id-399 .imgWrap .a-img{height:0px;position:fixed;left:0px;bottom:0px;} .page-id-399 .activities-page .a-img {min-height:0px; /* Remove min-height */} .pcontentWrap{background:#FFF;position:relative;z-index:300;} #whats-right-for-me{position:relative;z-index:300;} .page-id-399 .wrfm-con {position:absolute;top:0px;font-size:0;} .page-id-399 .wrfm-con .section {vertical-align:top;} .wrfm-con .copy {font-size:15px;} .page-id-399 #main-content .wsiw {position:fixed;z-index:250;bottom:0px;left:0px;min-height:0; /* remove */height:0;overflow:hidden;} .page-id-399 .activities-page .wsiw .mcontent{padding:0;top:50%;} .page-id-399 .wsiw .section-title{padding:0 0 20px;} #wrfmNav .active{border-bottom:3px solid #b69267;color:#b69267;} #wrfmNav #cat-1.active {background-position:-65px 0!important;} #wrfmNav #cat-2.active {background-position:-62px 2px!important;} #wrfmNav #cat-3.active {background-position:-78px 0!important;} #wrfmNav #cat-4.active {background-position:-90px 12px!important;} .keep-cool {z-index:400;} .activities-page .section.keep-cool .mcontent{padding:0;} #keepCoolWrap { padding:70px 0 170px;} .hats {z-index:400; bottom:0px;} .page-id-399 .activities-page .feet-section {z-index:400;margin-top:0;} .final-tips{z-index:400;} .dd-section{ z-index:400; } .hatsImgWrap { height:800px; position:relative; z-index:400; } .hatsImgWrap .hat-bg{ position:fixed; } .feetImgWrap{ height:800px; position:relative; z-index:400; } .feetImgWrap .feet-bg{ position:fixed; } .ddImgWrap{ height:800px; position:relative; z-index:400; } .ddImgWrap .dd-bg{ position:fixed; } .page-id-399 .site-footer{ z-index:999; margin-top:0; } .page-id-399 .site-main{ padding-bottom:104px; } /** 5.8.1 hotels and airports page * ---------------------------------------------------------------------------- */ .hotel-page .content-area{ padding-top:0;} .hotel-page .item-list-mheader{ width:100%; height: 250px; background-color:#EAE7E3; padding-top:40px; border-bottom:1px solid #bebbb5; margin-bottom:32px;} .item-list-mheader h1.entry-title{ color: #557767; font-size: 83.78px; line-height:1;} .item-list-mheader .short-description { display:block; font-size: 17px; font-weight: 300; padding: 0 91px;} /* #hotels-callout-wrap{ padding:50px 0;} #hotels-callout-wrap .section-title{ text-align:center; text-transform:uppercase; margin-bottom:25px; padding-top: 20px;} #hotels-callout{ display:block; margin:0; overflow:hidden; text-align:justify; text-justify:inter-ideograph; font-size:0px;} #hotels-callout:after{content:" "; width:100%; display:inline-block; zoom:1; *display:inline;} .hotel-callout{ display:inline-block; vertical-align:top; position:relative; width:482px; text-align:center; zoom:1; *display:inline;} .hotel-callout-title{ font-size:21px; text-transform:uppercase; color:#557767; margin:20px 0 8px;} .hotel-callout-address{ display:block; font-size:15px;} .hotel-callout-phone{ display:block; font-weight:700; margin-bottom:12px; font-size:15px;} .hotel-callout .button{ width:153px;} .hotel-callout .grad-yellow{ color:#000000; margin-left:15px; height:38px; line-height:34px; vertical-align:top;} .hotel-callout .special-rates{display:block; width:133px; height:77px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px; right:-1px; background:url(images/special-rates.png) 0 0 no-repeat;} .hotel-callout-image{ width:100%; height:auto;}*/ #hotels-callout-wrap{ padding:50px 0;} #hotels-callout-wrap .section-title{ text-align:center; text-transform:uppercase; margin-bottom:25px; padding-top: 20px;} #hotels-callout{ display:block; margin:0; overflow:hidden; text-align:center; text-justify:inter-ideograph; font-size:0px;} #hotels-callout:after{content:" "; width:100%; display:inline-block; zoom:1; *display:inline;} .hotel-callout{ display:inline-block; vertical-align:top; position:relative; width:320px; margin-left:15px; margin-right:15px; text-align:center;} .hotel-callout-title{ font-size:18px; text-transform:uppercase; color:#557767; margin:20px 0 8px;} .hotel-callout-address{ display:block; font-size:14px;} .hotel-callout-phone{ display:block; font-weight:700; margin-bottom:12px; font-size:14px;} .hotel-callout .button{ width:120px; font-size:10px;} .hotel-callout .grad-yellow{ color:#000000; margin-left:15px; height:38px; line-height:34px; vertical-align:top;} .hotel-callout .special-rates{display:block; width:133px; height:77px; overflow:hidden; text-indent:-9999px; position:absolute; top:0px; right:-1px; background:url(images/special-rates.png) 0 0 no-repeat;} .hotel-callout-image{ width:100%; height:auto;} #hotel-list{ width:100%; background-color:#EAE7E3; padding:40px 0 100px; border-top:1px solid #bebbb5;} #hotel-list .section-title{ text-transform:uppercase; text-align:center; margin-bottom:25px;} #hotel-list .section-title span{ font-weight:300;} .hotel-items{ display:block; width:100%; border-left:1px solid #bebbb5; border-top:1px solid #bebbb5; overflow:hidden;} .hotel-item{ display:block; position:relative; max-width:248.4px; width:calc(100%/4); height:224px; padding:25px 13px; border-right:1px solid #bebbb5; border-bottom:1px solid #bebbb5; text-align:center; background-color:#FFFFFF; float:left; overflow:hidden; box-sizing:border-box;} .hotel-item .special-rates{ display:block; width:133px; height:77px; overflow:hidden; text-indent:-9999px; position:absolute; top:-1px; right:-1px; background:url(images/special-rates.png) 0 0 no-repeat;} .hotel-logo{ display:inline-block; width:100px; height:62px; overflow:hidden; line-height:62px; margin-bottom:18px; } .hotel-logo img{ min-width:100%; max-width:100%; max-height:100%; height:auto;} .hotel-title{ display:block; font-size:17px; font-weight:700; line-height:1; margin-bottom:10px;} .hotel-address{ display:block; line-height:1; } .hotel-phone{ display: block; font-weight:700;} /** 5.8.2 Handicapping page * ---------------------------------------------------------------------------- */ .handicapping-page{ padding-bottom:0;} .handicapping-page .banner{ min-height:350px;} .handicapping-page .banner-con{ margin-top:-145px;} .handicapping-page .banner-title{ font-size:64px;} .handicapping-page .banner-con .grad-yellow{ width:268px; height:46px; line-height:42px; font-size:16px;} .handicapping-page .banner-con .grad-green{ width:266px; height:44px; line-height:40px; font-size:16px; margin-left:20px;} .handicapping-page #caryovers{ width:998px; margin:0 auto; margin-bottom:40px; margin-top:22px; } .handicapping-page #caryovers .btn-wager{ width:290px; margin-left:0; } .handicapping-page #caryovers .btn-wager span{ width:290px; } .handicapping-page .section{ padding:10px 0;} .prime-con, .full-width .prime-con{ position:relative; width:574.35px; padding-left:190px; padding-bottom:40px;} .prime-con .pp-user-img{ display:block; width:161px; height:161px; overflow:hidden; position:absolute; left:0; top:0;} .prime-con .pp-user-img img{ width:100%;} .prime-con .section-title{ margin:0;} .prime-con .subtitle{ margin:0 0 15px; font-weight:400; color:#567767; text-transform:uppercase;} .prime-con .subtitle span{ font-weight:700;} .prime-feed{ position:relative; width:100%; min-height:360px; background-color:#EAE7E3; border-top:1px solid #bebbb5; border-bottom:1px solid #bebbb5; margin-top:40px;} .prime-feed:before{ width:0; height:0; content:""; border-top:13px solid #bebbb5; border-left:12px solid transparent; border-right:12px solid transparent; position:absolute; top:-1px; left:50%; margin-left:-12px;} .prime-feed:after{ width:0; height:0; content:""; border-top:12px solid #FFFFFF; border-left:12px solid transparent; border-right:12px solid transparent; position:absolute; top:-1px; left:50%; margin-left:-12px;} .prime-feed .pf-date{ display:block; text-align:center; padding:40px 0 20px; font-family:"brandon-grotesque",​sans-serif; font-size:16px; font-weight:700; color:#567767; text-transform:uppercase;} .prime-feed .pf-date .pre{ display:inline-block; width:0; height:0; border-right:8px solid #567767; border-top:4px solid transparent; border-bottom:4px solid transparent; margin-right:20px; overflow:hidden; text-indent:-999px;} .prime-feed .pf-date .next{ display:inline-block; width:0; height:0; border-left:8px solid #567767; border-top:4px solid transparent; border-bottom:4px solid transparent; margin-left:20px; overflow:hidden; text-indent:-999px;} .prime-feed .feed{font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px; line-height:1.65; padding:0 160px; height:300px; position:relative; overflow:hidden; } .prime-feed .feed.mini:after { filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#00E7E7E2',endColorstr='#FFE7E7E2'); background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyMzEsIDIzMSwgMjI2LCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,rgba(231,231,226,0)),color-stop(100%,#e7e7e2)); background-image:-webkit-linear-gradient(top,rgba(231,231,226,0) 0,#e7e7e2 100%); background-image:-moz-linear-gradient(top,rgba(231,231,226,0) 0,#e7e7e2 100%); background-image:-o-linear-gradient(top,rgba(231,231,226,0) 0,#e7e7e2 100%); background-image:linear-gradient(top,rgba(231,231,226,0) 0,#e7e7e2 100%); background-size: 100% auto; bottom: 0; content: ""; display: block; height: 40%; left: 0; pointer-events: none; position: absolute; width: 100%; *zoom:1; } .prime-feed #bottom-feed-links { text-align:center; padding-top:30px; padding-bottom:50px; } .prime-feed #bottom-feed-links .button { margin:0 10px; cursor:pointer; } .hadicapper-con{ padding:30px 0; text-align:center;} .hadicapper-con .section-title{ margin-bottom:50px;} .hadicapper-con ul{ display:block; width:100%; overflow:hidden; margin:0; list-style:none;} .hadicapper-con ul li{display:block; float:left; width:calc(100% / 4 - 15px); margin:0 0 0 20px;} .hadicapper-con ul li:first-child{ margin:0;} .hadicapper-con .handicatpper-img{ display:inline-block; width:161px; height:161px; overflow:hidden;} .hadicapper-con .handicatpper-img img{ display:block; width:100%; height:auto;} .hadicapper-con .handicatpper-name{ display:block; font-family:"brandon-grotesque",​sans-serif; font-size:21px; font-weight:900; margin:20px 0; text-transform:uppercase; } .hadicapper-con .grad-green{ width:126px; margin:0 auto;} .sc-handicappers{ width:100%; min-height:360px; background-color:#EAE7E3; border-top:1px solid #bebbb5; border-bottom:1px solid #bebbb5; margin:40px 0 0;} .sch-con{ text-align:center;} .sch-con h4{ padding:40px 0; color:#567767; line-height:1.65;} .sch-con ul{ display:block; width:100%; margin:0 0 100px; list-style:none; border-top:1px solid #bebbb5; border-left:1px solid #bebbb5; overflow:hidden;} .sch-con ul li{ display:block; width:25%; box-sizing:border-box; height:208px; border-bottom:1px solid #bebbb5; border-right:1px solid #bebbb5; background-color:#FFFFFF; float:left; overflow:hidden;} .sch-con ul li .sch-img{ display:inline-block; min-width:150px; min-height:100px; padding:30px 20px 20px 20px;} .sch-con ul li .sch-name{ display:inline-block; padding:0 20px; font-weight:900; font-size:17px; color:#44423B;} .sc-handicappers .sch-img img { max-width: 100%; max-height: 100px; width: auto; } #xpressbet-bar { background: url("images/xpressbet-bar-bg.jpg") repeat scroll 0 0; font-family: brandon-grotesque; font-size: 36px; font-weight: 300; margin-top: -10px; padding: 30px 0; text-align: center; border-bottom: 1px solid #bebbb5; } #xpressbet-bar .button{ width: 130px; margin-left: 15px; } /** 5.8.3 History page * ---------------------------------------------------------------------------- */ .history-page{ padding:0;} .history-page .banner{ height:350px;} .history-page .banner-con{ margin-top:-50px;} .history-page .banner-con h4{ margin:0; color:#DEB56B;} .history-page .banner-title{ font-size:64px;} .history-page .content-area{ padding:0;} .history-tltb td{ vertical-align:top;} .history-tltb .copy{ font-size:17px; font-weight:300; padding-bottom:30px;} .history-tltb .copy .img{ display:block; margin:20px 0;} .history-tltb .timeline{ display:block; font-family: "brandon-grotesque",sans-serif; font-weight:300; font-size:48px; color:#B69367; padding-bottom:20px;} .history-Left{ position:relative; text-align:right; padding:70px 20px 100px 0;} .history-Right{ position:relative; text-align:left; border-left:2px solid #EAE7E3; padding:70px 0 100px 20px;} .timepoint{ display:block; position:absolute; font-size:0; z-index:1; border:1px solid #B69367; border-radius:50%;} .timepoint span{ display:block; width:8px; height:8px; background-color:#B69367; overflow:hidden; text-indent:-999px; border:2px solid #FFFFFF; border-radius:50%;} .history-Left .timepoint{ right:-10px;} .history-Right .timepoint{ left:-8px;} .year1907{ top:75px;} .year1934{ top:277px;} .tl1934{ padding-top:200px;} .year1935{ top:845px;} .tl1935{ padding-top:110px;} .year1940{ top:558px;} .tl1940{ padding-top:150px;} .year1969{ top:1352px;} .tl1969{ padding-top:100px;} .year1978{ top:1102px;} .tl1978{ padding-top:130px;} .year1980{ top:2000px;} .tl1980{ padding-top:130px;} .year1982{ top:1636px;} .tl1982{ padding-top:130px;} .year1983{ top:2250px;} .tl1983{ padding-top:200px;} .year1984{ top:2740px;} .tl1984{ padding-top:150px;} .year1986{ top:3122px;} .tl1986{ padding-top:30px;} .year1987{ top:2942px;} .tl1987{ padding-top:165px;} .year1990{ top:3538px;} .tl1990{ padding-top:60px;} .year1999{ top:3710px;} .tl1999{ padding-top:160px;} .year2002{ top:4066px;} .tl2002{ padding-top:150px;} .year2005{ top:4310px;} .tl2005{ padding-top:100px;} .year2009{ top:4575px;} .tl2009{ padding-top:110px;} /** 5.8.4 Horsemen page * ---------------------------------------------------------------------------- */ .horsemen-page{} .horsemen-page .banner{ height:320px;} .horsemen-page .banner h4{ font-weight:400; font-size:22.92px; color:#FFFFFF; letter-spacing:15px; margin:0;} .horsemen-page .banner .banner-con{ margin-top:-70px;} .stall{ width:100%; height:88.45px; background-color:#E9E8E2;} .stall-con{ position:relative; } .stall-con h3{ display:inline-block; text-transform:uppercase; line-height:88.45px;} .stall-con .detail{ display:inline-block; padding:12px 0 12px 20px; margin-left:20px; border-left:1px solid #C9C5B7; position:relative; top:2px;} .stall-con .detail span{ display:block; font-weight:500; font-size:11px; text-transform:uppercase; line-height:1.3;} .stall-con .detail .closeday{ font-weight:700; font-size:13px;} .stall-con .button{ position:absolute; top:25px; right:0; width:200px; height:32px; line-height:28px;} .horsemen-page #primary{ position:relative; overflow:hidden;} .horsemen-page .site-content .entry-content{ width:630px; margin:0; float:left;} .horsemen-con{ display:block; width:630px; padding-top:20px; position:relative;} .horsemen-con .content-header{ margin-bottom:10px;} .horsemen-con .content-header .section-title{ display:inline-block; vertical-align:top;} .horsemen-con .content-header .button{ display:inline-block; width:69px; height:32px; line-height:28px; margin-left:30px; vertical-align:top;} #statsNav{ position:relative; width:630px; min-height:500px; margin:0 0 100px; list-style:none;} #statsNav li{display:block; width:24.60%; margin:0; padding:0; background:none; float:left; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0; border-right:2px solid #c0c0c0;} #statsNav li:first-child{ border-left:2px solid #c0c0c0;} #statsNav .navBtn{ display:block; width:100%; height:51px; line-height:48px; text-align:center; cursor:pointer; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; font-size:16px; text-transform:uppercase; background-color:#EEEDED;} #statsNav .navBtn:hover, #statsNav li.active .navBtn{color:#FFFFFF; background: #7d978c; /* Old browsers */ background: -moz-linear-gradient(top, #7d978c 0%, #557767 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d978c), color-stop(100%,#557767)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d978c 0%,#557767 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d978c 0%,#557767 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d978c 0%,#557767 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d978c 0%,#557767 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d978c', endColorstr='#557767',GradientType=0 ); /* IE6-9 */} #statsNav .sectionTitle{ margin:10px 0 0 10px; line-height:1; text-align:left;} #statsNav .sectionDate{ display:block; margin:0 0 10px 10px;} #statsNav .ls-con{ display:none;} #statsNav li.active .ls-con{ display:block;} #statsNav .ls-con{ width:626px; position:absolute; left:0; top:55px; padding:0; border-left:2px solid #c0c0c0; border-right:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;} .statsSection{ width:100%; border-spacing:0;} .statsSection thead{ width:100%; height:35px; line-height:30px; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; font-size:16px; color:#FFFFFF; text-transform:uppercase;} .statsSection thead td{ padding:0 10px; white-space:nowrap;} .statsSection tr.odd{ background-color:#EAEAEB;} .statsSection td{ padding:5px 10px; text-align:center;} .statsSection td.aleft{ text-align:left;} .statsSection td.bold{ font-weight:700;} .horsemen-sidebar{ width:329px; position:relative; margin:-72px 0 0 0; list-style:none; float:right;} #horsemen-sidebar li{ display:block; border-bottom:1px solid #c0c0c0; padding:20px 0;} #horsemen-sidebar li span{ display:block; font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:24px; text-transform:uppercase;} #horsemen-sidebar li a{ color:#232220;} #horsemen-sidebar li.calendar span{ display:inline-block; background:url(images/arrow-green-down.png) right 10px no-repeat; padding-right:20px; cursor:pointer;} #horsemen-sidebar li .calendar{ margin-top:20px;} #horsemen-sidebar li.pdf a{ display:block; background:url(images/icon-pdf.png) 0 10px no-repeat; padding:8px 0 0 22px;} #horsemen-sidebar li.view a{ display:block; background:url(images/icon-exlink.png) 0 14px no-repeat; padding:8px 0 0 22px;} #horsemen-sidebar .sublist{ margin:0; list-style:none;} #horsemen-sidebar .sublist li{ border:none; padding:5px 0 0;} #horsemen-sidebar .sublist li a{ line-height:1.3;} #horsemen-sidebar #caryovers{ width:100%; border-bottom:none !important; margin-bottom:0; } #horsemen-sidebar .lr-caryovers .caryovers-con{ margin-bottom:0; } #horsemen-sidebar .lr-caryovers .caryovers-con dl{ margin-bottom:0; } #horsemen-sidebar li .caryovers-con dd span{ display:block; font-weight:400; font-family:inherit; font-style:inherit; font-size:15px; line-height:18px; text-transform:none; } #horsemen-sidebar li .caryovers-con dd span.amount{ font-size:16px; line-height:20px; } #horsemen-sidebar li .lr-caryovers .caryovers-con dl{ float:none; padding-left:0; } #horsemen-sidebar li #caryovers .btn-wager{ margin-left:0; margin-top:10px; margin-bottom:10px; } #horsemen-sidebar li .lr-caryovers .caryovers-con .park-name{ font-family:"franklin-gothic-urw",sans-serif; font-weight:700; font-size:17px; margin-bottom:12px; text-transform:none; } #horsemen-sidebar li .caryovers-con dd{ background-position:0 12px; } #horsemen-sidebar li .caryovers-con dd.active{ background-position:0 -30px; } /** 5.8.5 Directions and Parking page * ---------------------------------------------------------------------------- */ .direction-page .banner-con{ width:998px; margin:0 auto; position:relative; left:0; top:0; text-align:center;} .direction-page .entry-title{ font-size:64px; margin:0; padding-top:40px;} .direction-page h4.subtitle{ color:#B59166; text-align:center; margin-bottom:40px;} .direction-page .map{ display:inline-block; width:396px; height:397px; overflow:hidden;} .direction-page .map img{ width:100%; height:auto;} .getdirection-btn{ display:block; width:278px; height:46px; line-height:42px; font-size:16px; margin:0 auto; position:relative; top:-36px;} .gates{ width:790px; margin:0 auto 100px; list-style:none; box-sizing:content-box;} .gates li{ position:relative; margin:0 0 15px; padding:30px 0 30px 90px; background:none; border-bottom:1px solid #c0c0c0; box-sizing:content-box;} .gates .gatenum{ display:block; width:58px; height:58px; line-height:58px; background:#B59166; border-radius:50%; text-align:center; border:6px solid #B59166; position:absolute; left:0; top:30px; box-sizing:content-box;} .gates .gatenum span{ display:inline-block; width:55px; height:55px; border-radius:50%; border:2px solid #FFFFFF; color:#FFF; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:50px; box-sizing:content-box;} .gates .section-title span{ font-weight:300;} .gates h4{ margin:25px 0 8px; box-sizing:content-box;} /** 5.8.6 General Information page * ---------------------------------------------------------------------------- */ .information-page .banner{ height: 350px;} .information-page .banner-con{ margin-top:-80px;} .information-page .banner-con h1.banner-title{ font-size:64px;} .information-page .banner-con h4.subtitle{ color:#B59166;} .info-items{ width:790px; margin:0 auto 100px; list-style:none;} .info-items li{ position:relative; margin:0 0 15px; padding:30px 0 30px 90px; background:none; border-bottom:1px solid #c0c0c0;} .info-items li .thumbnail{ display:block; width:66px; height:66px; position:absolute; left:0; top:30px;} .info-items li .thumbnail img{ width:100%; height:auto;} /** 5.8.7 Seating Admission page * ---------------------------------------------------------------------------- */ .seeting-page .banner{ height:544px;} .seeting-page .banner-con{ margin-top:-120px;} .seeting-page .banner-con h1.banner-title{ font-size:64px;} .seeting-page .banner-con .banner-copy{ font-size:18px;} .seeting-page .banner-con .button{ width:278px; height:46px; line-height:42px; font-size:16px; } .seeting-page .mcontent{ width:730px;} .seeting-page p{ font-size:17px; font-weight:300;} .admission-img{ width:100%; text-align:center;} .admission-img img{ width:90%; height:auto;} .price-tb{ margin:40px 0 100px; overflow:hidden;} .price-tb .pcat{ display:inline-block; width:307px; vertical-align:top;} .price-tb .cat1{ margin-right:80px;} .price-tb .cat3{ float:right; margin:-90px 35px 0 0;} .price-tb .pcat h4{ margin:0 0 5px;} .price-tb ul{ margin:0; list-style:none;} .price-tb ul li{ position:relative; display:block; border-bottom:1px solid #c0c0c0; margin:0; padding:10px 0;} .price-tb ul li:first-child{ border-top:1px solid #c0c0c0;} .price-tb .lbl{ display:block; font-weight:300; font-size:17px; line-height:1.3;} .price-tb .a_info{ display:block; font-weight:400; font-style:italic; color:#9A948B; line-height:1;} .price-tb .price{ position:absolute; top:9px; right:0; font-weight:700; font-size:17px; color:#567767;} /** 5.8.8 filming page * ---------------------------------------------------------------------------- */ .filming-page{ padding-bottom:0;} .filming-page .banner{ height:350px;} .filming-page .banner-con{ margin-top:-120px; text-align:left;} .filming-page .banner-title{ font-size:56px; line-height:1;} .filming-page .banner-title span{ font-weight:300;} .filming-page .banner-copy{ width:690px;} .talkus{ display:block; width:233px; height:258px; padding:4px 4px 5px 4px; border:1px solid #bebbb5; background-color:#ebeae5; position:absolute; top:-20px; right:0; box-sizing:content-box;} .talkus .title{ width:208px; height:31px; line-height:31px; padding:0 12px; font-weight:700; text-transform:uppercase; margin:0; box-sizing:content-box;} .tu-detail{ width:206px; border-left:1px solid #c3c1bb; border-bottom:1px solid #c3c1bb; border-right:1px solid #c3c1bb; background-color:#f3f2ef; padding:19px 12px; box-sizing:content-box;} .tu-detail p{ font-size:13px; line-height:1; margin-bottom:10px;} .talkus ul{ margin:0; list-style:none; } .talkus ul li{ background:url(images/arrow-green-6x5.png) 0 12px no-repeat; padding-left:15px;} .talkus ul li a{ color:#567767;} .anchor-nav{ width:100%; height:71px; line-height:69px; background-color:#E9E8E2;} .anchor-nav ul{ display:block; width:660px; margin:0 auto; list-style:none; overflow:hidden;} .anchor-nav ul li{ display:block; float:left; margin:0 25px; font-family: "jaf-domus-titling-web",sans-serif; font-weight:600; font-size:14px;} .anchor-nav ul li a{ color:#211F17;} .anchor-nav ul li a:hover, .anchor-nav ul li.active a{ color:#59796A; text-decoration:none;} .filming-page h3.section-title{ text-align:center; margin-bottom:40px;} .filming-page .pg-section{padding:50px 0 70px;} .pg-list{ display:block; width:103%; margin:0; list-style:none; text-align:center; overflow:hidden;} .pg-list li{display:block; width:310px; margin:0 20px 20px 0; float:left; min-height: 270px;} .pg-list li .img{ display:block; width:310px; height:189px; overflow:hidden; margin-bottom:12px;} .pg-list li .img img{ width:100%; height:auto;} .pg-list li .img img:hover{ opacity:.9;} .pg-list li h4 a{ color:#567767;} .filming-page .tm-section{ padding-bottom:100px;} .filming-page .tm-section h3.section-title{ margin-bottom:0;} .tm-section{ width:100%; background-color:#EAE7E3; border-top:1px solid #bebbb5; border-bottom:1px solid #bebbb5;} .tm-section #more-testimonials{ display:block; width:298px; height:46px; line-height:42px; font-size:16px; margin:30px auto 0; cursor:pointer;} .testimonial{ padding:40px 0 50px;} .testimonial .copy{ font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px; margin-bottom:20px; line-height:1.6;} .testimonial .tfooter{ font-size:17px; font-weight:300;} .testimonial .tfooter .name{ font-weight:700;} .testimonial .tfooter .company{ text-transform:uppercase;} .tm-section .thide, .tm-section #more-testimonials.thide{ display:none;} .testimonial.texpand{ border-bottom:1px solid #bebbb5;} .project-section .project-banner{ display:block; width:940px; margin:0 auto;} .project-section .project-banner img{ width:100%; height:auto;} .project-lists{ display:block; width:940px; height:296px; overflow:hidden; margin:50px auto 0; list-style:none;} .project-lists h4{ margin-bottom:8px; color:#567767;} .project-lists li.list{ display:block; width:30%; margin-right:30px; float:left;} .project-lists li.list ul{ margin:0; list-style:none;} .project-lists li.list li{ padding:0 0 0 20px; background:url(images/arrow-green-6x5.png) 0 10px no-repeat; margin-bottom:5px;} .project-section hr{ display:block; width:100%; height:6px; background-color:transparent; border-top:1px solid #bebbb5; border-bottom:1px solid #bebbb5; margin:70px 0 0 0;} .project-section #more-projects{ display:block; width:298px; height:46px; line-height:42px; font-size:16px; margin:0 auto; position:relative; top:-27px; cursor:pointer;} .filming-page .link-section{ padding-top:50px;} .link-section{ width:100%; background-color:#EAE7E3; border-top:1px solid #bebbb5; border-bottom:1px solid #bebbb5;} .link-list{ display:block; margin:0; list-style:none; overflow:hidden;} .link-list li{ display:block; width:225px; border:1px solid #deddda; background-color:#FFFFFF; padding:0 0 12px; float:left; margin:0 0 0 20px;} .link-list li:first-child{ margin:0;} .link-list li .img{ display:block; width:225px; height:146px; overflow:hidden;} .link-list li .img img{ width:100%; height:100%;} .link-list li h5{ padding:10px 10px 0; color:#567767; font-weight:700; } .link-list li a{ display:inline-block; font-family: "jaf-domus-titling-web",sans-serif; font-weight:400; font-size:12px; color:#44423B; padding: 0 15px 0 10px; background:url(images/arrow-green-6x5.png) right 13px no-repeat;} .gallery-page .section{ padding:70px 0 0; position:relative;} .gallery-page .section-title{ text-align:center; margin-bottom:40px;} .gallery-page .section ul{ display:block; margin:0; list-style:none; overflow:hidden; text-align:justify; text-justify:inter-ideograph; font-size:0px;} .gallery-page .section ul:after{ content:""; width:100%; display:inline-block; zoom:1; } .gallery-page .section ul li{ display:inline-block; vertical-align:top; width:320px; height:189px; margin:0 10px 10px 0; zoom:1; } .pg-cta-link{ width:auto; padding:0 20px; margin:0 15px; position:absolute; top:70px; right:0;} /** 5.8.9 Interactive page * ---------------------------------------------------------------------------- */ .interactive-page .banner{ height:343px;} .interactive-page .banner-con{ margin-top:-70px;} .interactive-page .banner-title{ font-size:64px;} .interactive-page .banner-copy{ font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:21px; color:#C09554; text-transform:uppercase;} .interactive-page .banner-con .grad-yellow{ width:268px; height:46px; line-height:42px; font-size:16px;} .interactive-page .banner-con .grad-green{ width:266px; height:44px; line-height:40px; font-size:16px; margin-left:20px;} .interactive-page .section{ min-height:240px; padding:20px 0 20px 526px; position:relative; border-bottom:1px solid #c0c0c0;} .interactive-page .section .thumb{ display:block; width:496px; height:240px; overflow:hidden; position:absolute; left:0; top:20px;} .interactive-page .section .thumb img{ width:100%; height:auto;} .interactive-page .section h4{ color:#567767;} .interactive-page .section .copy{ margin-bottom:30px;} .interactive-page .section .button{ width:206px; line-height:30px;} /** 5.9.0 Contact page * ---------------------------------------------------------------------------- */ .contact-page .banner{ height:343px; } .contact-page .banner-con{ margin-top:-60px;} .contact-page .banner-title{ font-size:64px;} .contact-page .banner-con .subtitle{ font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:21px; color:#C09554; text-transform:uppercase;} .contact-page .content-area{ padding-top:60px; overflow:hidden;} .contact-page .site-content{ width:635px; min-height:980px; float:left;} .contact-page .site-content .section-title{ margin-bottom:30px;} .wpcf7-form, .hbspt-form{ position:relative; font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px;} .wpcf7-form label{ display:inline-block; font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px; padding-bottom:5px;} .hs-contact-form .hbspt-form .hs-form.stacked label{ display:block; font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px; padding-bottom:5px; } .wpcf7-form-control-wrap, .hbspt-form .input{ display:inline-block; margin-bottom:20px;} .wpcf7-form input[type='text'], .wpcf7-form input[type='email'], .wpcf7-form input[type='tel'], .hbspt-form .input input{ width:634px; height:46px; background-color:#EAE7E3; border:1px solid #BDBBB5; font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px; padding:0 15px; box-shadow:none; border-radius:0; max-width:none; box-sizing:border-box !important; } .wpcf7-form textarea, .hbspt-form .hs-form textarea.hs-input{ width:634px; height:200px; background-color:#EAE7E3; border:1px solid #BDBBB5; font-family: "ff-meta-serif-web-pro"; font-weight:500; font-size:21px; padding:10px 15px; border-radius:0; max-width:none; text-shadow:none; box-shadow:none; } .captcha-message{ margin-bottom:6px; width:300px;} .wpcf7-captchac{ width:298px; height:60px; border:1px solid #BDBBB5; background-color:#EDEAEA; margin-bottom:5px;} .wpcf7-form .captcha-223 input[type='text']{ width:300px; height:32px;} .wpcf7-submit, .hs-contact-form .hbspt-form .hs-form .hs-button, .splash-page .hbspt-form .hs-form .hs-button{ display: block; width:136px; height:36px; line-height:1; font-family: "jaf-domus-titling-web",sans-serif; font-size:12px; font-weight:400; text-decoration:none; text-align:center; padding:0 0 3px; color:#FFFFFF; background: #7d978c; /* Old browsers */ background: -moz-linear-gradient(top, #7d978c 0%, #557767 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d978c), color-stop(100%,#557767)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d978c 0%,#557767 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d978c 0%,#557767 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d978c 0%,#557767 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d978c 0%,#557767 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d978c', endColorstr='#557767',GradientType=0 ); /* IE6-9 */ border: 1px solid #547265; float:right; margin-top:55px; text-shadow:none; box-shadow:none; border-radius:0; } .splash-page .hbspt-form .hs-form .hs-button { float:none; margin-top:0; } .splash-page .hs-form.stacked .hs_submit { float:none; } .wpcf7-submit:hover, .hs-contact-form .hbspt-form .hs-form .hs-button:hover{ color:#FFFFFF; background: #557767; /* Old browsers */ background: -moz-linear-gradient(top, #557767 0%, #7d978c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#557767), color-stop(100%,#7d978c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #557767 0%,#7d978c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #557767 0%,#7d978c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #557767 0%,#7d978c 100%); /* IE10+ */ background: linear-gradient(to bottom, #557767 0%,#7d978c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#557767', endColorstr='#7d978c',GradientType=0 ); /* IE6-9 */ box-shadow:none; } .hs-contact-form .hbspt-form .hs-form .hs-button{ margin-top:0; } .hs-contact-form .hs-form .hs-button:hover:not(.inactive), .hs-contact-form .hs-form .hs-button:focus:not(.inactive), .hs-contact-form .hs-form .hs-button.hovered:not(.inactive){ box-shadow:none; border:1px solid #547265 !important; } .hs-contact-form .hs-form .hs-button:active:not(.inactive):not(.link), .hs-contact-form .hs-form .hs-button.depressed:not(.inactive):not(.link), .hs-contact-form .dropdown-open>.hs-form .hs-button:not(.inactive):not(.link){ background-image:none; box-shadow:none; border:1px solid #547265 !important; background:linear-gradient(to bottom, #7d978c 0%,#557767 100%); } .hs-form.stacked .hs_recaptcha.field{ display:inline-block; float:left; zoom:1; *display:inline; } .hs-form.stacked .hs_submit{ float:right; display:inline-block; zoom:1; *display:inline; } .hs-contact-form .hs-form.stacked .actions{ padding-top:0; margin-top:0; padding-right:0; } .hs-form .hs-error-msgs label{ color:#f00; } .hbspt-form .submitted-message{ line-height:1.5em; } /* Contact HubSpot Form page */ .page-id-32 #wpcf7-f4825-o1, .page-id-301 #wpcf7-f8121-o1{ display:none; } .page-id-32 .hs-contact-form, .page-id-301 .hs-contact-form{ display:block !important; } .contact-side{ width:329px; float:right; margin-bottom:100px; box-sizing:content-box;} .abox{ padding:20px 0; border-bottom:1px solid #BDBBB5; box-sizing:content-box;} .abox h3{ text-transform:uppercase;} .abox .map{ display:block; width:115px; height:61px; overflow:hidden; position:absolute; left:0; top:5px; padding-right:12px; border-right:1px solid #547265; box-sizing:content-box;} .abox .map:hover{ opacity:0.95;} .abox .subabox{ border-left:1px solid #547265; padding: 0 0 0 18px; box-sizing:content-box;} .abox .subabox span{ display:block;} .abox .note{ padding-top:20px; box-sizing:content-box;} .abox1{ padding-top:0;} .abox1 .subabox{ position:relative; padding:0 0 0 148px; border:none; box-sizing:content-box;} #recaptcha_widget_div{ width:70%;} #recaptcha_widget_div #recaptcha_privacy{ display:none;} .bwp-recaptcha-818, .bwp-recaptcha-801{ display:block; margin-top:10px;} /** 5.9.1 Seabiscuit page * ---------------------------------------------------------------------------- */ .seabiscuit-page{} .seabiscuit-page .banner{ height:345px;} .seabiscuit-page .banner-con{ margin-top:-90px;} .seabiscuit-page .banner-title{ font-size:64px; color:#DEB56B;} .seabiscuit-page .banner-copy{ padding:0 150px;} .seabiscuit-page .mcontent{ width:856px;} .seabiscuit-page h4{ text-align:center;} .seabiscuit-page .copy{ padding:0 100px;} /** 5.9.2 Stakes Schedule page * ---------------------------------------------------------------------------- */ .stakes-page .banner{ height:332px;} .stakes-page .banner .banner-con{ margin-top:-70px;} .stakes-page .banner .banner-title{ font-size:30px; font-weight:400; letter-spacing:12px; margin-bottom:12px;} .stakes-page .banner h2{ color:#FFFFFF; font-size:68.37px;} .stakes-page .banner h2 span{ font-size:71.6px; font-weight:normal; padding:0 10px;} .stakes-page .mcontent{ width:845px; padding:10px 0 70px;} .stakes-list{ margin:0; list-style:none;} .stakes-list li{ position:relative; padding:30px 0 10px 70px; border-bottom:1px solid #BDBAB4;} .stakes-list .date-box{ display:block; width:46px; height:52px; border:1px solid #B59066; text-align:center; font-family: "brandon-grotesque",sans-serif; font-weight:900; font-size:14px; text-transform:uppercase; color:#B59066; line-height:1; position:absolute; left:0; top:30px;} .date-box .month{ display:block; padding-top:7px;} .date-box .date{ display:block; font-weight:700; font-size:30px;} .stakes-list h4{ margin:0 0 20px;} .stakes-list h4 span{ font-weight:400;} .stakes-subitems{ margin:0; list-style:none;} .stakes-subitems li{ padding:0; border:none; margin-bottom:20px; overflow:hidden; font-weight:300; font-size:17px;} .stakes-subitems .subitem-title{ display:block; width:45%; float:left; color:#567767;} .stakes-subitems .subitem-title a{ color:#567767;} .stakes-subitems .type{ display:block; width:40%; float:left;} .stakes-subitems .amount{ display:block; width:15%; float:right; text-align:right;} .pdf-downloads{ clear:both; padding:5px 0; } .pdf-downloads .performances{ margin-left:50px; } .pdf-downloads .weights{ margin-left:50px; } /** Reservations Page * ---------------------------------------------------------------------------- */ .reservation-page .banner h4 { letter-spacing:1em; font-weight:300; color:#FFF; } .reservation-page .banner .banner-title { font-size:83px; } .place-wrapper { font-size:0; padding-top:60px; } .place-item { width:42%; margin:0 4% 100px; vertical-align:top; display:inline-block; zoom:1; } .place-name { font-weight:700; font-family: "brandon-grotesque",sans-serif; color:#232220; font-size:30px; text-transform:uppercase; } .place-details { padding:30px 0; margin:30px 0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } .place-details .button { width:121px; } .place-number { color:#1E1710; font-family: "jaf-domus-titling-web",sans-serif; letter-spacing:0.1em; font-size:15px; font-weight:500; float:right; } .place-description { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #DDDDDD; position:relative; font-size:16px; color:#44423B; line-height:22px; font-weight:300; } .place-description img { width:150px; } .place-description:after { width:30px; height:30px; box-sizing:border-box; content:url(images/sa-d-arrow-res.png); padding:3px 8px; border-radius:50%; background:#DDDDDD; position:absolute; left:50%; bottom:0; transform:translate(-50%, 50%); } .alert-yellow { border:1px solid #FFF0A9; background:#FCFBF0; padding:35px; font-size:14px; line-height:16px; letter-spacing:-0.010em; color:#44423B; text-align:center; } /** 5.9.2 HubSpot CTA Popups * ---------------------------------------------------------------------------- */ #popUpOuter{ display:none; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:9999; text-align:center; background:rgba(0,0,0,0.6); } #popup-title{ font-size:40px; padding-top:50px; } #popUpBox{ max-width:700px; margin:0 auto; background:#FFF; position:relative; } #close-popup{ position:absolute; right:25px; top:25px; font-family: "brandon-grotesque",sans-serif; font-weight:700; text-transform:uppercase; color:#232220; cursor:pointer; } #popUpOuter .hs-cta-wrapper img{ max-width:600px; height:auto; } .top-popup{ margin-bottom:25px; } .popup-see-all{ padding:25px 0; display:block; text-transform:uppercase; font-size:18px; letter-spacing:0.025em; } .popup-see-all a{ color:#232220; font-family: "brandon-grotesque",sans-serif; font-weight:700; } .popup-see-all span{ vertical-align:top; display:inline-block; line-height:1em; } /**6.0 Comments * ----------------------------------------------------------------------------- */ .comments-area { margin: 48px auto; max-width: 474px; padding: 0 10px;} .comment-reply-title, .comments-title { font: 900 16px/1.5 Lato, sans-serif; margin: 0; text-transform: uppercase;} .comment-list { list-style: none; margin: 0 0 48px 0;} .comment-author { font-size: 14px; line-height: 1.7142857142;} .comment-list .reply, .comment-metadata { font-size: 12px; line-height: 2; text-transform: uppercase;} .comment-list .reply { margin-top: 24px;} .comment-author .fn { font-weight: 900;} .comment-author a { color: #2b2b2b;} .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a { color: #767676;} .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover { color: #41a62a;} .comment-list article, .comment-list .pingback, .comment-list .trackback { border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top: 24px;} .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child { border-top: 0;} .comment-author { position: relative;} .comment-author .avatar { border: 1px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px;} .bypostauthor > article .fn:before { content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px;} .says { display: none;} .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata { padding-left: 30px;} .comment-edit-link {margin-left: 10px;} .comment-edit-link:before { content: "\f411";} .comment-reply-link:before, .comment-reply-login:before { content: "\f412"; margin-right: 2px;} .comment-content { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word;} .comment-content ul, .comment-content ol { margin: 0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol { margin-bottom: 0;} .comment-content > :last-child { margin-bottom: 0;} .comment-list .children { list-style: none; margin-left: 15px;} .comment-respond {margin-bottom: 24px; padding: 0;} .comment .comment-respond {margin-top: 24px;} .comment-respond h3 { margin-top: 0; margin-bottom: 24px;} .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code { color: #767676;} .comment-notes, .comment-awaiting-moderation, .logged-in-as { font-size: 14px; line-height: 1.7142857142;} .no-comments { font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase;} .comment-form label {display: block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] { width: 100%;} .form-allowed-tags, .form-allowed-tags code { font-size: 12px; line-height: 1.5;} .required { color: #c0392b;} .comment-reply-title small a { color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px;} .comment-reply-title small a:hover {color: #41a62a;} .comment-reply-title small a:before {content: "\f405"; font-size: 32px;} .comment-navigation { font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase;} .comment-navigation .nav-next, .comment-navigation .nav-previous { display: inline-block;} .comment-navigation .nav-previous a { margin-right: 10px;} #comment-nav-above { margin-top: 36px; margin-bottom: 0;} /** 7.0 Footer * ----------------------------------------------------------------------------- */ .site-footer{ position:relative; max-width:100%; min-width:100%; height:332px; clear:both; margin-top:-332px; background:url(images/footer-bg.jpg) 0 100% repeat-x; /*box-sizing:border-box;*/} .site-footer *, .site-footer *:after, .site-footer *:before{/* box-sizing:border-box; */} #supplementary { position:relative; width:998px; padding:0; color:#FFFFFF; margin:0 auto; overflow:hidden;} .footer-sidebar .widget-title{ display:none;} .menu-sponsors-container{ padding:18px 0;} .sponsors-menu{ width:100%; height:72px; list-style:none; text-align:center; font-size:0; margin:0;} .sponsors-menu li{ display:inline-block; font-size:15px; vertical-align:middle; background:url(images/dot-line.png) 0 0 repeat-y; padding:0 18px; zoom:1; *display:inline;} .sponsors-menu li:first-child{ background:none;} .sponsors-menu li a { display:table-cell; vertical-align:middle; height:75px; } .sponsors-menu li a img { display: block; max-width: 100px; max-height: 75px; height:auto; width:auto; } .sponsors-menu li a:hover{ opacity:0.7; outline:none!important;} #menu-parks{ width:100%; height:136px; line-height:0; padding:27px 0; list-style:none; text-align:center; text-justify:inter-ideograph; font-size:0; margin:0; box-sizing:border-box;} #menu-parks li{ display:inline-block; vertical-align:middle; border-left:1px solid #7e8d83; padding:0 18px; } #menu-parks li:first-child{ border-left:none;} #menu-parks li a { display:table-cell; vertical-align:middle; height:82px; } #menu-parks li a img { max-width:100px; max-height:82px; display:block; width:auto; height:auto; } #menu-parks li a:hover{ opacity:0.7;} #text-3, #text-7{ float:left; width:398px; padding:0; line-height:88px;} .copyrights{ color:#9B948C; font-size:14px; margin:0;} #nav_menu-3, #nav_menu-9{ width:340px; float:left;} #menu-footer-menu{ list-style:none; text-align:justify; text-justify:inter-ideograph; font-size:0; margin:32px 0 0 0; padding:5px 0 0 0;} #menu-footer-menu li{display:inline-block; font-family: "jaf-domus-titling-web",sans-serif; font-size:14px; font-weight:400; line-height:10px; vertical-align:top; zoom:1; *display:inline;} #menu-footer-menu li a{ display:block; color:#FFFFFF; display:block; border-right:1px solid #6d6b68; padding:0 7px 3px;} #menu-footer-menu li a:hover{ text-decoration:none; color:#9B948C;} #nav_menu-4, #nav_menu-10{ width:260px; float:left;} #menu-media{ list-style:none; text-align:justify; font-size:0; margin:32px 0 0; padding:0;} #menu-media li{display:inline-block; font-size:15px; vertical-align:top; padding:0 0 0 19px; zoom:1; *display:inline;} #menu-media li a{ display:block; width:32px; height:32px; overflow:hidden; font-family: 'Santa-Anita-Basic-Icons'; font-size:26px; color:#9B948C;} #menu-media li a:hover{ text-decoration:none; color:#FFFFFF;} .last-img{ position:absolute;} /* xpressbet page ==========================================================================*/ .page-xpressbet-watch-and-wager{} .page-xpressbet-watch-and-wager h1.page-title{font-family: 'magistralmedium'; color:#292929; font-size:21px; border-bottom:1px solid #292929; display:inline-block; padding:5px 20px 5px 35px; background:url(images/xpressbet/xpressbet-logo.png) 3px 2px no-repeat; margin:8px 0 12px 0; *zoom:1; *display:inline;} .page-xpressbet-watch-and-wager p{ font-family: Arial, sans-serif; font-size:12px;} #xpressbet-1{ padding:0 10px 20px;} #xpressbet-1 #legal-banner{ padding:0!important;} #xpressbet-1 #legal-banner img{ position:relative; border:none; float:right; margin:-50px 20px 10px;} #xpressbet-1 .xpressbet-links{ margin:0;} #xpressbet-1 .xpressbet-links a{ display:block; text-decoration:none; color:#1870cb; font-weight:bold; padding:0 0 0 12px; margin:0; background:url(images/xpressbet/arrow-yellow.png) 0 5px no-repeat;} #xpressbet-1 .xpressbet-links a:hover{color:#002552;} #xb-signup{ width:466px; height:180px; position:relative; background:url(images/xpressbet/watch-video.png) 0 0 no-repeat; display:block; margin:20px 0 20px; float:left;} #xb-signup a{ display:block; background:url(images/xpressbet/buttons.png) 0 0 no-repeat; width:208px; height:40px; overflow:hidden; font-family: 'magistralbold'; font-size:18px; color:#002552; text-align:center; line-height:34px; position:absolute; bottom:20px; left:135px;} #xb-signup a:hover{ color:#1870cb;} #xb-offers{ width:430px; height:144px; padding:18px; position:relative; background:url(images/xpressbet/best-value-bg.png) 0 0 no-repeat; display:inline-block; margin:20px 18px 20px 10px; float:right;} #xb-offers span.title{ display:block; text-align:center; color:#00275f; font-family: 'magistralmedium'; font-size:18px; border-bottom:1px solid #00275f; margin-bottom:10px; padding:0 0 5px 0;} #xb-offers ul{ margin:0; padding:0;} #xb-offers li{ padding:0 0 0 12px; margin:0; background:url(images/xpressbet/arrow-yellow.png) 0 5px no-repeat; display:inline-block; font-family:Arial, sans-serif; font-size:12px; color:#00275F; font-weight:bold; width:200px; *zoom:1; *display:inline;} #xb-offers li.list_R{ margin-left:20px; width:182px;} #xb-offers a{ display:block; background:url(images/xpressbet/buttons.png) 0 0 no-repeat; width:208px; height:40px; overflow:hidden; font-family: 'magistralbold'; font-size:18px; color:#002552; text-align:center; line-height:34px; position:absolute; bottom:20px; left:135px;} #xb-offers a:hover{ color:#1870cb;} #xpressbet-1{ font-family:"ff-tisa-web-pro",​serif; font-size:16px; font-weight:400;} #xpressbet-1 .iframe{ clear:both; margin-left:-15px;} #xpressbet-2{ padding: 20px 10px;} #xpressbet-2 h2.page-title{font-family: 'magistralmedium'; color:#292929; font-size:21px; border-bottom:1px solid #292929; width:530px; padding:5px 50px 10px 55px; background:url(images/xpressbet/xpressbet-logo2.png) 3px 2px no-repeat; text-transform:none; letter-spacing:normal; margin-bottom:10px;} #xpressbet-2 h3{font-family: 'magistralmedium'; color:#292929; font-size:21px; border-bottom:1px solid #292929; width:585px; padding:5px 50px 10px 0; text-transform:none; letter-spacing:normal; margin-bottom:10px;} #first-p{ height:100px;} #xpressbet-2 p, #xpressbet-2 li{color:#292929; font-family: Arial, sans-serif; font-size:12px;} #superior-cs{ float:right; width:304px; height:170px; display:block; background:url(images/xpressbet/superior-service.png) 0 0 no-repeat; margin:-70px 10px 10px 20px;} #superior-cs span{ display:block; padding:95px 18px 0; text-align:center; font-family: Arial, sans-serif; font-size:12px; line-height:20px; color:#292929;} #more-tracks{ float:right; display:block; margin:-35px 10px 10px 20px;} #xpressbet-2 #open-acct{ display:block; background:url(images/xpressbet/buttons.png) 0 -45px no-repeat; width:170px; height:42px; color:#292929; text-decoration:none; overflow:hidden; line-height:38px; padding:0 0 0 20px; font-size:12px;} #xpressbet-2 #open-acct:hover{color:#1870cb;} #xpressbet-2 table{ clear:both; width:100%; margin-top:20px;} #xpressbet-2 table tb{ vertical-align:top;} #benefits{ width:430px; height:488px; padding:20px 20px 30px; background:url(images/xpressbet/benefits-bg.png) 0 0 no-repeat;} #benefits span.title{ font-size:18px; font-family: 'magistralmedium'; color:#292929; padding:0 0 10px; display:block; position:relative; top:-5px;} #benefits p{ line-height:20px; font-size:12px; margin-bottom:25px;} #benefits ul{ width:445px; margin:15px 0 0 0; padding:0;} #benefits ul li{ font-family: Arial, sans-serif; font-size:12px; display:inline-block; width:205px; height:175px; margin:0; padding:0; background:none; line-height:20px; *zoom:1; vertical-align:top;} #benefits ul #bl-1, #benefits ul #bl-3{ margin-right:20px;} #benefits ul #bl-3, #benefits ul #bl-4{ margin-top:15px; height:160px;} #benefits ul li span{font-size:18px; font-family: 'magistralmedium'; color:#292929; display:block; background:url(images/xpressbet/benefit-icons.png) 0 0 no-repeat; padding:22px 0 3px 55px; margin-bottom:5px; } #benefits ul #bl-1 span{background-position:0 0;} #benefits ul #bl-2 span{background-position:0 -55px;} #benefits ul #bl-3 span{background-position:0 -109px;} #benefits ul #bl-4 span{background-position:0 -164px;} #xpressbet-2 #learn-more{ display:block; clear:both; background:url(images/xpressbet/buttons.png) 0 0 no-repeat; width:188px; height:42px; color:#292929; text-decoration:none; overflow:hidden; line-height:36px; padding:0 0 0 20px; font-family:Arial, sans-serif; font-size:12px; margin:8px auto 0;} #xpressbet-2 #learn-more:hover{color:#1870cb;} #bftb{ background: url(images/xpressbet/better-for-bettor-bg.png) 0 0 no-repeat; width:428px; height:488px; padding:20px; margin:0 0 0 20px; position:relative;} #bftb span.title, #bftb div.title{ font-size:18px; font-family: 'magistralmedium'; color:#292929; padding:0 0 5px 3px; display:block; border-bottom:2px solid #292929; position:relative; top:-5px;} #bftb p{ font-family: Arial, sans-serif; font-size:12px; line-height:20px; padding:0 10px 15px 0; margin:0;} #bftb ul{ padding:0; margin:0 0 30px 10px;} #bftb li{ font-family: Arial, sans-serif; font-size:12px; line-height:20px; font-weight:bold; background:url(images/xpressbet/arrow-yellow.png) 0 2px no-repeat; margin:0; padding:0 0 0 12px; color:#292929;} #bftb #go-xb-page1{ font-family: 'magistralbold'; color:#292929; font-size:14px; background:url(images/xpressbet/arrow-yellow.png) 0 4px no-repeat; margin:0; padding: 0 0 0 12px; position:absolute; left:105px; bottom:23px;} #bftb #go-xb-page1:hover{color:#1870cb;} #printPicks{ cursor:pointer; color: #C33F20; font-weight:bold; } #changeTime{ font-size:12px; text-align:center; } .fb-login-link { background-color: #3c5a99; color: #fff; padding: 10px 20px; } /* landing page ==========================================================================*/ .page-template-landing-premium{ min-width:inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .bg-maroon{ background-color:#C33F20;} .page-template-landing-premium .row{ font-size:0; margin:0 -15px;} .col{ display:inline-block; vertical-align:top; font-size:20px; padding:0 15px; box-sizing:border-box;} .col-3{ width:calc(100%/3);} .page-center{ max-width:1170px; margin:0 auto; padding:0 15px;} .ta-center{ text-align:center;} .ta-left { text-align:left; } .ta-right { text-align:right; } .btn{ display:inline-block; height:48px; line-height:48px; padding:0 40px; border:1px solid #ffffff; text-align:center; font-family: "brandon-grotesque",sans-serif; font-weight:700; font-size:18px; text-transform:uppercase;} .btn:hover{ opacity:0.85; text-decoration:none;} .btn.bg-maroon{ color:#FFFFFF;} .landing-main{ padding-bottom:0;} .landing-main img{ max-width:100%; height:auto; border:none;} #masthead.landing-header{ height:700px;} .landing-header{ padding:182px 0; box-sizing:border-box;} .landing-header .banner-logo{ display:inline-block; max-width:320px; margin-bottom:30px;} .landing-header .banner-title{ font-size:64px; font-weight:700; margin-bottom:30px; line-height:1em;} .landing-page table{ width:100%; border-spacing:0; table-layout:fixed;} .landing-page table td{ vertical-align:middle;} .landing-page table td .section-img img{ width:100%;} .landing-page .section-details{ max-width:454px; margin:0 auto; padding:15px;} .landing-page .section-title{ margin-bottom:30px;} .landing-page .pfixed, .landing-page .full-img{ height:700px;} .landing-page .pfixed .full-img{ position:relative; background-attachment:fixed!important;} .landing-page p, .landing-page div.section-copy{ font-family: 'brandon_text_regularregular'; font-weight:400; font-size:20px; line-height:1.35em;} .landing-page .sec4 .section-title{ margin-bottom:20px;} .landing-page .sec4 p.starts{ font-size:30px; line-height:1em; padding-top:30px;} .landing-page .amenities p{ line-height:1.65em;} .landing-page .sec6 .section-copy{ font-size:30px; margin-bottom:30px;} .landing-page .ctas-wrap{ background-color:#EAE8E3; padding:100px 0 50px;} .cta-box{ max-width:370px; margin:0 auto 50px; background-color:#FFFFFF;} .cta-img{ display:block;} .cta-img img{ max-width:100%;} .cta-box .cta-details{ padding:30px 72px 40px;} .cta-details .cta-title{ font-family: 'brandon_textblack'; font-size:20px; font-weight:normal; padding-top:0; margin-bottom:6px;} .landing-footer{ height:300px; margin:0; box-sizing:border-box; padding:88px 0;} .footer-logo{ display:inline-block; max-width:350px;} .footer-logo img{ max-width:100%;} /** 8.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width;} @viewport { width: device-width;} @media only screen and (max-width: 1200px) { .cta-box .cta-details{ padding:30px 50px 40px;} } @media only screen and (max-width: 1057px) { .cta-box .cta-details{ padding:30px 30px 40px;} } @media only screen and (max-width: 935px) { .cta-box .cta-details{ min-height:186px;} .cta-box .btn{ padding:0 25px; font-size:16px;} } @media only screen and (max-width: 768px) { body{ min-width:inherit;} /* Layout Engine */ .columns .column-item { width:auto; float:none; margin-left:0; } .columns .column-item + .column-item { margin-top:30px; } /** Header *-----------------------------------------------------------------------------*/ #site-header { } .site-header { background:#201f16!important; } .header-main {width:100%; height:60px; margin:0; text-align:center;} .site-title { display:inline-block; float:none;} .site-header h1 a { width:98px; height:60px; } .site-header .btn{ display:inline-block;} .site-header .btn:hover{ text-decoration:none; opacity:0.9;} .site-header .btn.btn-back{ width:66px; height:34px; line-height:32px; background:url(images/arrow-back.png) 0 0 no-repeat; border:1px solid #777777; border-radius:5px; text-align:center; font-size:1em; color:#eeeeee; text-transform:uppercase; box-sizing:border-box; padding:0 0 0 12px; float:left; position:relative; top:12px; left:10px;} .site-header .btn.btn-bet{ width:74px; height:34px; line-height:32px; background:url(images/green.png) center center repeat-x; border:1px solid #557767; font-size:1em; text-align:center; color:#eeeeee; text-transform:uppercase; border-radius:5px; float:right; position:relative; top:12px; right:10px; box-sizing:border-box; padding: 0; } .search-toggle, .site-navigation{ display:none;} .banner { width:auto; min-width:0; } .site-footer { min-width:0; } #supplementary { width:auto; } #menu-parks li { width:calc(100% / 8 -36px); } #menu-parks li a { background-size:768px; } .post-80 .entry-header .entry-title { top:auto; padding-bottom:30px; } #fcalendar-nav { width:auto; position:static; padding:0 10px 30px; } #fcalendar-nav li { font-size:18px; } #calendarFrame { width:100%!important; } /** event page *-----------------------------------------------------------------------------*/ .events-page{ padding-bottom:0;} .events-page .banner{ min-width:inherit;} .events-page .banner-con{ width:auto; min-height:234px; padding:50px 5px; margin:0; position:relative; top:0; left:0; } .events-page .banner-con .banner-title{ font-size:34px;} .events-page .banner-con .grad-yellow, .events-page .banner-con .grad-green{ display:inline-block; margin:5px;} .full-width .events-page .mcontent{ width:auto;} .event-list{ padding:0 10px 30px;} .event-list .event-img{ width:auto; height:auto; line-height:inherit; position:relative; margin:0 auto 20px;} .event-list .multiple-dates{ top:inherit;} .events-post{ padding:30px 15px; box-sizing:border-box;} .event-copy{ width:100%;} .event-copy img{ display:block; max-width:100%; height:auto; float:none; margin:20px 0;} .events-post h2.entry-title{ padding-left:63px; font-size:32px;} .events-post #video-box{ padding-top:260px; padding-right:0;} .events-post #timebox{ width:100%;} .page-template-events-page .site-main, .single-events .site-main{ padding-bottom:0;} .page-template-events-page .site-footer, .single-events .site-footer{ display:none;} .otherUpcomingEvents{ width: 100%; } /* landing page ==========================================================================*/ .col-3{ width:100%;} .landing-header{ padding:166px 0;} .landing-header .banner-title{ font-size:46px;} .landing-page table td{ display:block;} .landing-page .section-details{ padding:50px 15px;} .landing-page .pfixed{ height:500px;} .landing-page .pfixed .full-img{ height:500px; background-attachment:inherit!important;} .landing-page .ctas-wrap{ padding:50px 0 0;} } @media only screen and (max-width: 767px) { .interactive-page .banner { height:200px; } .interactive-page .banner-con { margin-top:-45px; } .reservation-page .banner .banner-title { font-size:40px; } .reservation-page .banner h4 { font-size:13px; } .place-item { display:block; margin:0 0 100px; width:auto; } .landing-header{ padding:142px 0;} } @media only screen and (max-width: 767px) { .item-list-mheader h1.entry-title{ font-size:48px;} .hotel-page .item-list-mheader{ height:auto; padding-bottom:50px;} #hotels-callout-wrap{ padding:0;} #hotels-callout div.hotel-callout{ margin-bottom:50px;} .hotel-item{ width: calc(100%/2);} } @media only screen and (max-width: 580px) { .pg-cta-link{ display:block; max-width:120px; position:inherit; top:inherit; right:inherit; margin:20px auto;} } @media only screen and (max-width: 480px) { #fcalendar-nav li { font-size:11px; } } @media only screen and (max-width: 320px) { .place-number { font-size:13px; } } /* Contests Page ==========================================================================*/ .banner-icon { max-width:250px; } .contests-page h1.banner-title { font-size:64px; } .upcoming-race { padding:20px; border-bottom:1px solid #BCB9B9; } .upcoming-race:first-child { border-top:1px solid #BCB9B9; } .column-dividers { position:relative; } .column-dividers:before, .column-dividers:after { content:""; min-height:65px; height:90%; width:1px; background:#BCB9B9; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .column-dividers:before { left:0; margin-left:-3.5%; } .column-dividers:after { right:0; margin-right:-3.5%; } #upcoming-showmore { cursor:pointer; } .leaderboard-wrap { position:relative; border:2px solid #E2E2E2; } .leaderboard-heading { padding:15px; background:#FFF; cursor:pointer; } .leaderboard-heading .fa { font-size:24px; float:right; } .leaderboard-heading .fa-times { display:none; } .leaderboard-heading.opened .fa-times { display:block; } .leaderboard-heading.opened .fa-chevron-down { display:none; } .leaderboard-heading.opened { background:#B59166; } .leaderboard-heading.opened * { color:#FFF; } .leaderboard-dropdown { display:none; position:absolute; left:0; width:100%; border-top:2px solid #E2E2E2; border-bottom:2px solid #E2E2E2; padding:3%; box-sizing:border-box; background:#FFF; z-index: 100; } .contest-title-item { font-family:"franklin-gothic-urw"; font-size:24px; font-weight:500; color:#44423B; cursor:pointer; } .contest-title-item:hover { color:#B59166; } .contest-title-item + .contest-title-item { margin-top:20px; } .leaderboard-content { background:#FFF; border-top:2px solid #E2E2E2; /*height:650px;*/ overflow-y:scroll; } .contestWrap { display:none; width: 100%; } .contestWrap:first-child { display:block; } .contest-standing thead th { padding:10px 10px 7px; } .contest-standing tbody td { padding:5px; font-family:"brandon-grotesque"; font-weight:300; font-size:18px; } .contest-standing tbody tr:nth-child(even) td { background-color:rgba(216,216,216,0.15); } .winner-wrap { width:88%; margin:0 auto; position:relative; } .winner-wrap .fa { font-size:18px; color:#9B9B9B; } .slick-arrow { position:absolute; top:50%; } .slick-prev { left:0; -webkit-transform:translate(-300%, -50%); -ms-transform:translate(-300%, -50%); transform:translate(-300%, -50%); } .slick-next { right:0; -webkit-transform:translate(300%, -50%); -ms-transform:translate(300%, -50%); transform:translate(300%, -50%); } .winner-slide { display:inline-block; margin:0 15px; } .winner-slide img { width:100%; border:2px solid #E2E2E2; } .intersection-separator { height:1px; width:100%; margin-top:65px; margin-bottom:65px; background:#BCB9B9; } .contest-ctas { margin-top:30px; } .contest-ctas a + a { margin-left:15px; } .contest-ctas a { max-width:calc(50% - 15px); } .contest-item + .contest-item { padding-top:30px; margin-top:30px; border-top:1px solid #BCB9B9; } @media only screen and (max-width:767px) { .banner.content-defined .banner-con { padding:20px 0; } .banner-con { width:auto; } .banner-con .tbutton + .tbutton { margin-top:10px; } .contests-page .banner-icon { display:none; } .contests-page .banner-title { font-size:30px; } .upcoming-race .button { width:100%; } .contest-ctas a + a { margin-top:15px; margin-left:0; } .contest-ctas a { max-width:100%; } .leaderboard-heading { padding:12px 9px; text-align:left; } .leaderboard-heading h4 { font-size:15px; } .contest-standing thead th h5 { font-size:12px; } .contest-standing tbody td { font-size:14px; } .slick-prev { -webkit-transform:translate(-100%, -50%); -ms-transform:translate(-100%, -50%); transform:translate(-100%, -50%); } .slick-next { -webkit-transform:translate(100%, -50%); -ms-transform:translate(100%, -50%); transform:translate(100%, -50%); } .columns img { max-width:100%; margin-top:0; padding:40px 0; text-align:center; } #colophon { background:#24201f; height:auto; padding:40px 15px; text-align:center; } .menu-sponsors-container { display:none; } #nav_menu-5 { display:none; } #nav_menu-3 { display:none; } #text-3 { float: none; width: auto; line-height: 1.4em; } #nav_menu-4 { float:none; width:auto; } } /** 9.0 Print * ----------------------------------------------------------------------------- */ @media print { body {background: none !important; /* Brute force since user agents all print differently. */ color: #2b2b2b; font-size: 12pt;} .site, .site-header, .hentry, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .archive-header, .page-header, .contributor-info, .comments-area, .attachment .entry-attachment .attachment { max-width: 100%;} #site-header img, .search-toggle, .site-navigation, .site-content nav, .edit-link, .page-links, .widget-area, .more-link, .post-format-archive-link, .comment-respond, .comment-list .reply, .comment-reply-login, #secondary, .site-footer, .slider-control-paging, .slider-direction-nav { display: none;} .site-title a, .entry-meta, .entry-meta a, .featured-content .hentry, .featured-content a { color: #2b2b2b;} .entry-content a, .entry-summary a, .page-content a, .comment-content a { text-decoration: none;} .site-header, .post-thumbnail, a.post-thumbnail:hover, .site-content .entry-header, .site-footer, .featured-content, .featured-content .entry-header { background: transparent;} .header-main {padding: 48px 10px;} .site-title {float: none; font-size: 19pt; } .content-area {padding-top: 0; } .list-view .site-content .hentry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 48px; padding-bottom: 24px; } .post-thumbnail img { margin: 0 10px 24px; } .site-content .has-post-thumbnail .entry-header {padding-top: 0;} .site-content footer.entry-meta {margin: 24px auto; } .entry-meta .tag-links a {color: #fff;} .singular .site-content .hentry.has-post-thumbnail {margin-top: 0;} .gallery-columns-1.gallery-size-medium, .gallery-columns-1.gallery-size-thumbnail, .gallery-columns-2.gallery-size-thumbnail, .gallery-columns-3.gallery-size-thumbnail { display: block; } .archive-title, .page-title {margin: 0 10px 48px;} .featured-content .hentry { margin-bottom: 48px;} .featured-content .post-thumbnail, .slider .featured-content .post-thumbnail {padding-top: 0;} .featured-content .post-thumbnail img { position: relative; } .featured-content .entry-header {padding: 0 10px 24px;} .featured-content .entry-meta {font-size: 9pt; margin-bottom: 11px;} .featured-content .cat-links {font-weight: 900; } .featured-content .entry-title {font-size: 25pt; line-height: 36px; } }