@charset "utf-8"; .PRINTonly {display: none;} .MOBILE-only {display: inline;} .DESKTOP-only {display: none;} @media only screen and (min-width: 768px) { .MOBILE-only {display: none;} .DESKTOP-only {display: inline;} } .screenMOB, .screenSMALL, .screenMED, .screenBIG, .screenLARGE, .screenHUMONGOUS, .screenHD {position: fixed; top: 0; left: 0; padding: 1px; background-color: black; color: yellow; text-align: left; font-size: 12px; font-weight: 700; display: none; z-index: 10000;} /* MOBILE SCREENS */ .screenMOB {display: block;} .screenSMALL, .screenMED, .screenBIG, .screenLARGE, .screenHUMONGOUS, .screenHD {display: none;} /* SMALL SCREENS */ @media only screen and (min-width: 480px) { .screenSMALL {display: block;} .screenMOB, .screenMED, .screenBIG, .screenLARGE, .screenHUMONGOUS, .screenHD {display: none;} } /* MEDIUM SCREENS */ @media only screen and (min-width: 768px) { .screenMED {display: block;} .screenMOB, .screenSMALL, .screenLARGE, .screenHUMONGOUS, .screenHD {display: none;} } /* BIG SCREENS */ @media only screen and (min-width: 1024px) { .screenBIG {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenLARGE, .screenHUMONGOUS, .screenHD {display: none;} } /* LARGE SCREENS */ @media only screen and (min-width: 1220px) { .screenLARGE {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenBIG, .screenHUMONGOUS, .screenHD {display: none;} } /* HUMONGOUS SCREENS */ @media only screen and (min-width: 1440px) { .screenHUMONGOUS {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenLARGE, .screenBIG, .screenHD {display: none;} } /* HD SCREENS */ @media only screen and (min-width: 1920px) { .screenHD {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenLARGE, .screenBIG, .screenHUMONGOUS {display: none;} } @media only screen and (max-width: 320px) { #top {width: 320px;} } @media only screen and (min-width: 321px) { #top {width: 100%;} } /* GENERAL STYLES ------------------------------------------------------------------ */ html {height: 100%; overflow-x: hidden; margin: 0; padding: 0;} body {background: #dfdfdf; color: #000; text-align: center; font-size: 16px;} html, body, div, header, footer, article, section, h4, h5, h6, p, ul, li, ol {font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: 300; text-rendering: optimizeLegibility;} h1 {font-family: 'Alex Brush', Helvetica, Arial, sans-serif; font-weight: 400; text-rendering: optimizeLegibility;} h2, h3 {font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400; text-rendering: optimizeLegibility;} .font-light {font-weight: 300;} .font-normal {font-weight: 400;} .font-bold, strong {font-weight: 700;} .font-italic, em {font-style: italic;} a:link, a:visited {color: #f04e2a; text-decoration: none;} a:hover, a:active {color: #f04e2a; text-decoration: underline;} .frame-wrapper:after, .frame:after, .frame-in:after {content: ""; display: table; clear: both;} /* clearfix */ .frame {width: 100%; margin: 0 auto; text-align: left;} /* small screens */ @media only screen and (min-width: 480px) { .frame {width: 100%;} } /* medium screens */ @media only screen and (min-width: 768px) { .frame {width: 750px;} } /* big screens */ @media only screen and (min-width: 1024px) { .frame {width: 980px;} } /* large screens */ @media only screen and (min-width: 1220px) { .frame {width: 1160px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { .frame {width: 1300px;} } /* hd screens */ @media only screen and (min-width: 1920px) { .frame {width: 1400px;} } .shadow-top {position: absolute; left: 0; right: 0; top: 0; height: 9px; background: url(../img/bg1140x9shadow-top.png) no-repeat center top;} .shadow-bottom {position: absolute; left: 0; right: 0; bottom: 0; height: 9px; background: url(../img/bg1140x9shadow-bottom.png) no-repeat center bottom;} /* HEADER ------------------------------------------------------------------ */ /* all screens */ #f-header-id-wrapper {min-height: 70px; background-color: #424242;} #f-header-id {position: relative;} /* small screens */ @media only screen and (min-width: 480px) { #f-header-id-wrapper {min-height: 120px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-header-id-wrapper {background: #424242 url(../img/bg400x400logo-glow-medium.png) no-repeat center center;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-header-id-wrapper {background: #424242 url(../img/bg400x400logo-glow-big.png) no-repeat center center;} #f-header-id {width: 1020px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-header-id-wrapper {background: #424242 url(../img/bg400x400logo-glow-large.png) no-repeat center center;} #f-header-id {width: 1160px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-header-id-wrapper {background: #424242 url(../img/bg400x400logo-glow-humongous.png) no-repeat center center;} #f-header-id {width: 1300px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-header-id-wrapper {background: #424242 url(../img/bg400x400logo-glow-hd.png) no-repeat center center;} #f-header-id {width: 1400px;} } /* ID ------------------------------------------------------------------ */ /* all screens */ #f-header-id header {background: url(../img/bg400x400logo-glow.png) no-repeat -140px center;} #f-header-id header #logo-chances-link {position: relative; display: block; height: 70px; width: 117px;} #f-header-id header #logo-chances {position: absolute; top: 0; left: 0; height: 70px; width: auto;} #f-header-id header #logo-chances-bigger {position: absolute; top: 0; left: 0; height: 70px; width: auto; display: none;} #f-header-id header .site-title, #f-header-id header .site-description {display: none;} /* small screens */ @media only screen and (min-width: 480px) { #f-header-id header {background-position: -100px center;} #f-header-id header #logo-chances-link {height: 120px; width: 200px;} #f-header-id header #logo-chances, #f-header-id header #logo-chances-bigger {height: 120px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-header-id header {background: none;} } /* SOCIAL ------------------------------------------------------------------ */ /* all screens */ #nav-social {position: absolute; top: 0; right: 4px;} #nav-social ul:after {content: ""; display: table; clear: both;} /* clearfix */ #nav-social ul li {float: left; margin: 0; padding: 0;} #nav-social ul li a {display: block; height: 40px; width: 28px; color: #fff; text-indent: -9999px; text-decoration: none; font-size: 14px; font-size: 1.4rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #nav-social ul li#menu-item-36 a {background: url(../img/ico24x24social-f.png) no-repeat center 10px; background-size: 20px auto;} #nav-social ul li#menu-item-37 a {background: url(../img/ico24x24social-t.png) no-repeat center 10px; background-size: 20px auto;} #nav-social ul li#menu-item-3022 a {background: url(../img/ico24x24social-i.png) no-repeat center 10px; background-size: 20px auto;} #nav-social ul li#menu-item-36 a:active, #nav-social ul li#menu-item-37 a:active, #nav-social ul li#menu-item-3022 a:active, #nav-social ul li#menu-item-36 a:hover, #nav-social ul li#menu-item-37 a:hover, #nav-social ul li#menu-item-3022 a:hover {background-position: center -73px;} /* small screens */ @media only screen and (min-width: 480px) { #nav-social {top: 20px; right: 8px;} #nav-social ul li a {width: 44px;} #nav-social ul li#menu-item-36 a, #nav-social ul li#menu-item-37 a, #nav-social ul li#menu-item-3022 a {background-position: center 8px; background-size: 24px auto;} #nav-social ul li#menu-item-36 a:active, #nav-social ul li#menu-item-37 a:active, #nav-social ul li#menu-item-3022 a:active, #nav-social ul li#menu-item-36 a:hover, #nav-social ul li#menu-item-37 a:hover, #nav-social ul li#menu-item-3022 a:hover {background-position: center -92px;} } /* medium screens */ @media only screen and (min-width: 768px) { #nav-social {right: 0;} #nav-social ul li a {width: auto; margin-right: 20px; padding-top: 11px; text-indent: 28px;} #nav-social ul li#menu-item-36 a, #nav-social ul li#menu-item-37 a, #nav-social ul li#menu-item-3022 a {background-position: left 8px;} #nav-social ul li#menu-item-36 a:active, #nav-social ul li#menu-item-36 a:hover {background-position: left -92px; color: #3c74a6; text-shadow: 0.5px 1px 2px rgba(0, 0, 0, 0.66);} #nav-social ul li#menu-item-37 a:active, #nav-social ul li#menu-item-37 a:hover {background-position: left -92px; color: #319bd1; text-shadow: 0.5px 1px 2px rgba(0, 0, 0, 0.66);} #nav-social ul li#menu-item-3022 a:active, #nav-social ul li#menu-item-3022 a:hover {background-position: left -92px; color: #dfd2c1; text-shadow: 0.5px 1px 2px rgba(0, 0, 0, 0.66);} } /* big screens */ @media only screen and (min-width: 1024px) { #nav-social {right: 125px;} #nav-social ul li a {margin-left: 10px;} } /* large screens */ @media only screen and (min-width: 1220px) { #nav-social ul li a {margin-left: 15px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #nav-social ul li a {margin-left: 20px;} } /* NAV ------------------------------------------------------------------ */ /* all screens */ #f-header-nav {position: relative;} /* big screens */ @media only screen and (min-width: 1024px) { #f-header-nav {width: 1020px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-header-nav {width: 1160px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-header-nav {width: 1300px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-header-nav {width: 1400px;} } /* SEARCH ------------------------------------------------------------------ */ /* all screens */ #nav-search-release {position: absolute; top: -30px; right: 85px; display: block; padding: 6px 10px; cursor: pointer; background-color: #202020; color: #fff; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #nav-search-release:hover, #nav-search-release.open {background-color: #fff; color: #233353;} #nav-search {display: none; background-color: #fff;} #nav-search form.search-form {position: relative; margin: 0; padding: 0; height: 70px;} #nav-search form.search-form label {position: absolute; top: 10px; left: 10px; right: 70px; height: 50px; margin: 0; padding: 0; border: solid 1px #233353; background-color: #e9eaed;} #nav-search form.search-form label input[type=search] {position: absolute; top: 2px; left: 6px; width: 96%; margin: 0; padding: 0; border: 0; background-color: transparent; color: #233353; font-size: 32px; font-size: 3.2rem; font-weight: 300;} #nav-search form.search-form label input[type=search]:focus {outline: none;} #nav-search form.search-form input[type=submit] {position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; margin: 0; padding: 0; border: 0; border-radius: 0; background: #233353 url(../img/ico40x40search.png) no-repeat center center; background-size: 30px auto; text-indent: -9999px;} #nav-search form.search-form input[type=submit]:active, #nav-search form.search-form input[type=submit]:hover {background-color: #f04e2a;} /* small screens */ @media only screen and (min-width: 480px) { #nav-search-release {top: -44px; right: 110px; min-width: 130px; padding: 18px 20px; z-index: 9999;} #nav-search {position: absolute; left: 0; right: 0; top: 10px; background-color: rgba(255, 255, 255, 0.9); z-index: 9999;} #nav-search form.search-form {height: 90px;} #nav-search form.search-form label {top: 20px; left: 20px; right: 90px;} #nav-search form.search-form input[type=submit] {top: 20px; right: 20px;} } /* medium screens */ @media only screen and (min-width: 768px) { #nav-search-release {right: 172px; min-width: 172px;} #nav-search form.search-form {height: 100px;} #nav-search form.search-form label {height: 60px; right: 100px;} #nav-search form.search-form label input[type=search] {font-size: 40px; font-size: 4.0rem;} #nav-search form.search-form input[type=submit] {width: 60px; height: 60px; background-size: 40px auto;} } /* big screens */ @media only screen and (min-width: 1024px) { #nav-search-release {top: -120px; right: 0px; min-width: 120px; min-height: 72px; padding-top: 30px; padding-bottom: 0; background-color: transparent;} } /* MAIN NAV ------------------------------------------------------------------ */ /* all screens */ #nav-release {position: absolute; top: -30px; right: 0; display: block; min-width: 85px; padding: 6px 10px; cursor: pointer; background-color: #000; color: #fff; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #nav-release:hover, #nav-release.open {background-color: #223252;} #nav-main {display: none;} #nav-main a {color: #fff; text-transform: uppercase; text-decoration: none; font-size: 15px; font-size: 1.5rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #nav-main a:hover {text-decoration: none;} #nav-main > ul.menu {border-top: solid 1px #223252;} #nav-main > ul.menu:after {content: ""; display: table; clear: both;} /* clearfix */ #nav-main > ul.menu > li {border-bottom: solid 1px #223252;} #nav-main > ul.menu > li > a {display: block; padding: 20px 10px 20px 40px; background: #141414 url(../img/ico32x20cards.png) no-repeat 4px 18px;} #nav-main > ul.menu > li > a:hover, #nav-main > ul.menu > li > a:active, #nav-main > ul.menu > li.open > a {background-color: #1d283d; background-position: 4px -82px;} #nav-main > ul.menu > li.open > a {border-bottom: solid 1px #000;} #nav-main > ul.menu > li > div.sub-menu-wrapper {display: none; padding: 0 10px; background-color: #1d283d;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu {} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu:after {content: ""; display: table; clear: both;} /* clearfix */ #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games {padding: 10px 0;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li > a {display: block; padding: 10px 10px 10px 35px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li > a:hover {color: #f04e2a;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools {position: relative; border-top: solid 1px #8e949e;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li {} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li > a {display: block; padding: 20px 10px; min-height: 58px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li > a:hover {color: #f04e2a;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners {width: 144px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a {padding-left: 36px; background: url(../img/ico32x18winners.png) no-repeat left 18px; text-align: left;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a:hover {background-position: left -82px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense {position: absolute; bottom: 0; right: 70px; width: 104px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense > a {background: url(../img/ico104x18gamesense.png) no-repeat right 20px; text-align: right;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards {position: absolute; bottom: 0; right: 22px; width: 44px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards > a {background: url(../img/ico44x18encore.png) no-repeat right 20px; text-align: right;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg {position: absolute; bottom: 0; right: 0; width: 20px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg > a {background: url(../img/ico20x18rg.png) no-repeat right 20px; text-align: right;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg > a:hover {background-position: right -80px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense > a span, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards > a span, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg > a span {display: none;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu {padding: 10px 0;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a {display: block; padding: 10px 10px 10px 35px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a:hover {color: #f04e2a;} /* small screens */ @media only screen and (min-width: 480px) { #nav-release {top: -44px; min-width: 110px; padding: 18px 20px; z-index: 9999; text-align: right;} #nav-main {position: absolute; right: 0; top: 10px; width: 240px; z-index: 9999;} #nav-main > ul.menu > li > a {background-color: rgba(20, 20, 20, 0.9);} #nav-main > ul.menu > li > a:hover, #nav-main > ul.menu > li > a:active, #nav-main > ul.menu > li.open > a {background-color: rgba(34, 50, 82, 0.9);} #nav-main > ul.menu > li.open > a {border-bottom: none;} #nav-main > ul.menu > li > div.sub-menu-wrapper {position: absolute; left: -240px; top: 0; width: 240px; padding: 1px 0 0 0; background-color: rgba(34, 50, 82, 0.9);} #nav-main > ul.menu > li > div.sub-menu-wrapper#nav-promotions {top: 59px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li > a {padding: 10px; text-align: center;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools {padding: 0 20px 58px 20px; border-top: none;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li {width: 100%; float: none;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners {width: 100%; border-top: solid 1px #8e949e; border-bottom: solid 1px #8e949e;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a {padding-left: 78px; background-position: 42px 18px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a:hover {background-position: 42px -82px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense {left: 20px; right: auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards {right: 56px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg {right: 20px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a {padding: 10px; text-align: center;} } /* medium screens */ @media only screen and (min-width: 768px) { #nav-release {min-width: 172px;} #nav-main {width: 344px;} } /* big screens */ @media only screen and (min-width: 1024px) { #nav-release {display: none;} #nav-main {display: block; top: -48px; width: 830px;} #nav-main > ul.menu {float: right; border-top: none; background-color: #000;} #nav-main > ul.menu > li {float: left; position: relative; border-bottom: none;} #nav-main > ul.menu > li > a {padding: 20px 6px 20px 40px; background-position: 4px 18px; background-color: #000;} #nav-main > ul.menu > li:last-child > a {padding-right: 20px;} #nav-main > ul.menu > li > a:hover, #nav-main > ul.menu > li > a:active, #nav-main > ul.menu > li.open > a {background-color: #223252;} #nav-main > ul.menu > li > div.sub-menu-wrapper {display: none; left: -200px; top: 58px; width: 1020px; border-top: solid 10px #223252;} #nav-main > ul.menu > li > div.sub-menu-wrapper#nav-promotions {top: 58px; left: 0; width: 280px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games {position: relative; min-height: 145px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li {float: none; position: absolute; top: 0; width: 200px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots {right: 810px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables {right: 610px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker {right: 410px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo {right: 210px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery {right: 10px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li > a {height: 145px; text-indent: -9999px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots > a {background: url(../img/btn300x200menu-slots.png) no-repeat center 0; background-size: 225px auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables > a {background: url(../img/btn300x200menu-tables.png) no-repeat center 0; background-size: 225px auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker > a {background: url(../img/btn300x200menu-poker.png) no-repeat center 0; background-size: 225px auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo > a {background: url(../img/btn300x200menu-bingo.png) no-repeat center 0; background-size: 225px auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery > a {background: url(../img/btn300x200menu-lottery.png) no-repeat center 0; background-size: 225px auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery > a:hover {background-position: center -375px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools {margin: 0; padding: 0 25px; border-top: solid 1px #8e949e;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li > a {min-height: 85px; font-size: 36px; font-size: 3.6rem;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners {width: 300px; border: 0;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a {padding-left: 84px; background: url(../img/ico75x44winners.png) no-repeat left 18px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-winners > a:hover {background-position: left -82px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense {left: auto; right: 212px; width: 169px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-gamesense > a {background: url(../img/ico169x44gamesense.png) no-repeat right 20px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards {right: 98px; width: 88px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-encorerewards > a {background: url(../img/ico88x44encore.png) no-repeat right 20px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg {right: 25px; width: 51px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#tools > li#menu-item-rg > a {background: url(../img/ico51x44rg.png) no-repeat right 20px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a {text-align: left; padding-left: 40px; background: url(../img/ico32x20cards.png) no-repeat 0px 8px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li.camera > a {background-image: url(../img/ico32x20camera.png)} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li.bullhorn > a {background-image: url(../img/ico32x20bullhorn.png)} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li.winners > a {background-image: url(../img/ico32x20winners.png)} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a:hover {background-position: 4px -92px;} } /* large screens */ @media only screen and (min-width: 1220px) { #nav-main {width: 960px;} #nav-main > ul.menu > li > a {padding: 18px 10px 18px 40px; background-position: 4px 18px; font-size: 18px; font-size: 1.8rem;} #nav-main > ul.menu > li > a:hover, #nav-main > ul.menu > li > a:active, #nav-main > ul.menu > li.open > a {background-position: 4px -82px;} #nav-main > ul.menu > li > div.sub-menu-wrapper {width: 1160px; left: -209px} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games {min-height: 200px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li {width: 270px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots {right: 950px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables {right: 700px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker {right: 450px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo {right: 200px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery {right: -50px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li > a {height: 200px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots > a, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables > a, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker > a, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo > a, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery > a {background-size: 300px auto;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery > a:active, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo > a:hover, #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery > a:hover {background-position: center -500px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a {font-size: 1.8rem; background-position: 0px 10px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.menu#menu-promotions-submenu > li > a:hover {background-position: 4px -90px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #nav-main {width: 1070px;} #nav-main > ul.menu > li > a {padding: 18px 25px 18px 50px; background-position: 12px 18px;} #nav-main > ul.menu > li > a:hover, #nav-main > ul.menu > li > a:active, #nav-main > ul.menu > li.open > a {background-position: 12px -82px;} #nav-main > ul.menu > li > div.sub-menu-wrapper {width: 1300px; left: -239px} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-slots {right: 1070px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-tables {right: 795px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-poker {right: 520px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-bingo {right: 245px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games > li#menu-item-lottery {right: -30px;} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games {margin: 15px 0;} } /* hd screens */ @media only screen and (min-width: 1920px) { #nav-main {width: 1170px;} #nav-main > ul.menu > li > a {padding: 18px 35px 18px 60px; background-position: 20px 18px;} #nav-main > ul.menu > li > a:hover, #nav-main > ul.menu > li > a:active, #nav-main > ul.menu > li.open > a {background-position: 20px -82px;} #nav-main > ul.menu > li > div.sub-menu-wrapper { left: -149px} #nav-main > ul.menu > li > div.sub-menu-wrapper > ul.sub-menu#games {margin: 20px 0;} } /* BANNER ------------------------------------------------------------------ */ /* all screens */ #f-banner-wrapper {position: relative; background: url(../img/bg2580x780.jpg) no-repeat center center; background-size: 150% auto;} .home #f-banner-wrapper {background-image: url(../img/bg2600x1260roulette.jpg); background-size: 230% auto;} #f-banner-wrapper .shadow-top {z-index: 9998; top: auto; bottom: -9px;} #f-banner-blende {z-index: 10; background: url(../img/bg1x300banner-blende.png) repeat-x center center; background-size: auto 100%;} .home #f-banner-blende {position: absolute; left: 0; right: 0; bottom: 0; background-image: url(../img/bg1x550banner-blende.png); background-position: center bottom;} #f-banner {position: relative; min-height: 100px;} #f-banner p {position: absolute; left: 10px; right: 10px; bottom: 10px; color: #fff; text-align: center; text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.66); text-transform: uppercase; font-size: 20px; font-size: 2.0rem; font-weight: 300; line-height: 24px;} .home #f-banner-wrapper {min-height: 155px;} .home #f-banner {min-height: 155px;} .home #f-banner p {text-align: right;} .home #f-banner p em {text-transform: capitalize; font-family: 'Alex Brush', Helvetica, Arial, sans-serif; font-size: 40px; font-size: 4.0rem; font-weight: 400;} .home #f-banner p strong {font-weight: 700;} #f-banner #title-banner {position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: center center; background-size: 100% auto; background-repeat: no-repeat;} .flexslider {border: 0;} .flexslider ul.slides img {height: auto;} .flexslider ul.slides .slide-data, .flexslider .flex-control-nav, .flexslider .flex-direction-nav {display: none !important;} /* small screens */ @media only screen and (min-width: 480px) { #f-banner-wrapper {background-size: 120% auto;} .home #f-banner-wrapper {background-size: 230% auto;} #f-banner {min-height: 160px;} .home #f-banner-wrapper {min-height: 230px;} .home #f-banner {min-height: 230px;} #f-banner p {left: 20px; right: 20px; bottom: 20px; font-size: 32px; font-size: 3.2rem; line-height: 36px;} .home #f-banner p em {font-size: 58px; font-size: 5.8rem;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-banner-wrapper {background-size: 100% auto;} .home #f-banner-wrapper {background-size: 180% auto;} #f-banner {min-height: 220px;} .home #f-banner-wrapper {min-height: 320px;} .home #f-banner {min-height: 320px;} #f-banner p {font-size: 36px; font-size: 3.6rem; line-height: 40px;} .home #f-banner p em {font-size: 74px; font-size: 7.4rem;} #f-banner #title-banner {background-size: auto 280px;} .flexslider-hg-wrapper {position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-banner-wrapper {background-size: 100% auto;} .home #f-banner-wrapper {background-size: 2100px auto;} #f-banner {min-height: 270px;} .home #f-banner-wrapper {min-height: 470px;} .home #f-banner {min-height: 470px;} #f-banner p {font-size: 46px; font-size: 4.6rem; line-height: 50px;} .home #f-banner p em {font-size: 110px; font-size: 11.0rem;} #f-banner #title-banner {background-size: auto 380px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-banner-blende {background-size: auto 550px;} #f-banner {min-height: 300px;} .home #f-banner-wrapper {min-height: 550px;} .home #f-banner {min-height: 550px;} #f-banner p {font-size: 52px; font-size: 5.2rem; line-height: 58px;} .home #f-banner p em {font-size: 130px; font-size: 13.0rem;} #f-banner #title-banner {background-size: auto 440px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-banner {min-height: 300px;} .home #f-banner-wrapper {min-height: 575px;} .home #f-banner {min-height: 575px;} #f-banner p {font-size: 60px; font-size: 6.0rem; line-height: 66px;} .home #f-banner p em {font-size: 144px; font-size: 14.4rem;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-banner {min-height: 300px;} .home #f-banner-wrapper {min-height: 600px;} .home #f-banner {min-height: 600px;} #f-banner p {font-size: 66px; font-size: 6.6rem; line-height: 72px;} .home #f-banner p em {font-size: 152px; font-size: 15.2rem;} } @media only screen and (min-width: 2600px) { #f-banner-wrapper {background-size: 100% auto;} } /* SQUARE BANNERS SLIDER ------------------------------------------------------------------ */ /* all screens */ #f-sqbannerslider-wrapper {min-height: 262px; border-top: solid 1px #082808; border-bottom: solid 1px #082808; background: #082808 url(../img/bg2200x830sqbanner.jpg) no-repeat center center; background-size: auto 360px;} #f-sqbannerslider {position: relative; min-height: 260px;} #f-sqbannerslider div.sqbannerslider {text-align: center;} #f-sqbannerslider div.sqbannerslider:after {content: ""; display: table; clear: both;} /* clearfix */ .simply-scroll-container {position: relative;} .simply-scroll-clip {position: relative; overflow: hidden;} .simply-scroll-list {overflow: hidden; margin: 0; padding: 0; list-style: none;} .simply-scroll-list li {padding: 0; margin: 0; list-style: none;} .simply-scroll-list li img {border: none; display: block;} .simply-scroll {width: 100%; height: 260px;} .simply-scroll .simply-scroll-clip {width: 100%; height: 260px;} .simply-scroll .simply-scroll-list li {float: left; max-width: 242px; height: 260px;} #f-sqbannerslider span img, #f-sqbannerslider a img {width: auto; max-width: 242px; height: 260px; margin: 0 auto;} #f-sqbannerslider a:hover img {position: relative; bottom: 2px;} /* small screens */ @media only screen and (min-width: 480px) { #f-sqbannerslider-wrapper {min-height: 362px; background-size: auto 380px;} #f-sqbannerslider {min-height: 360px;} .simply-scroll {width: 100%; height: 360px;} .simply-scroll .simply-scroll-clip {width: 100%; height: 360px;} .simply-scroll .simply-scroll-list li {float: left; max-width: 335px; height: 360px;} #f-sqbannerslider span, #f-sqbannerslider a {min-height: 360px;} #f-sqbannerslider span img, #f-sqbannerslider a img {width: auto; max-width: 335px; height: 360px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-sqbannerslider-wrapper {min-height: 262px; background-size: auto 420px;} #f-sqbannerslider {min-height: 260px;} .simply-scroll {width: 100%; height: 260px;} .simply-scroll .simply-scroll-clip {width: 100%; height: 260px;} .simply-scroll .simply-scroll-list li {float: left; max-width: 242px; height: 260px;} #f-sqbannerslider span, #f-sqbannerslider a {min-height: 260px;} #f-sqbannerslider span img, #f-sqbannerslider a img {width: auto; max-width: 242px; height: 260px;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-sqbannerslider-wrapper {min-height: 362px; background-size: auto 600px;} #f-sqbannerslider {min-height: 360px;} .simply-scroll {width: 100%; height: 360px;} .simply-scroll .simply-scroll-clip {width: 100%; height: 360px;} .simply-scroll .simply-scroll-list li {float: left; max-width: 335px; height: 360px;} #f-sqbannerslider span, #f-sqbannerslider a {min-height: 360px;} #f-sqbannerslider span img, #f-sqbannerslider a img {width: auto; max-width: 335px; height: 360px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-sqbannerslider-wrapper {min-height: 432px; background-size: auto 710px;} #f-sqbannerslider {min-height: 430px;} .simply-scroll {width: 100%; height: 430px;} .simply-scroll .simply-scroll-clip {width: 100%; height: 430px;} .simply-scroll .simply-scroll-list li {float: left; max-width: 430px; height: 430px;} #f-sqbannerslider span, #f-sqbannerslider a {min-height: 430px;} #f-sqbannerslider span img, #f-sqbannerslider a img {width: auto; max-width: 430px; height: 430px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { #f-sqbannerslider-wrapper {background-size: auto 830px;} } @media only screen and (min-width: 2200px) { #f-sqbanner-wrapper {background-size: 100% auto;} } /* INFO ------------------------------------------------------------------ */ /* all screens */ #f-info-wrapper {position: relative; min-height: 100px; background: #fff;} #info-hours-bg {z-index: 2; position: absolute; left: 0; right: 0; top: 0; height: 350px; background: url(../img/bg690x426info-hours.png) no-repeat center bottom; background-size: 500px auto;} #info-contact-bg {z-index: 2; position: absolute; left: 0; right: 0; bottom: 0; height: 200px; background: url(../img/bg632x426info-contact.png) no-repeat center 40px; background-size: 400px auto;} #f-info {z-index: 3; position: relative;} #f-info #info-wrapper {padding: 0 0 50px 0;} #f-info #info-wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ #f-info #info-wrapper .info {padding: 14px 0 0 0;} #f-info #info-wrapper .info .wrapper {max-width: 300px; margin: 0 auto;} #f-info #info-wrapper .info .wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ #f-info h1, #f-info h2 {margin: 0 10px; padding: 14px 0; text-transform: uppercase; font-size: 26px; font-size: 2.6rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #f-info h2.info-header {margin-bottom: 14px; border-bottom: solid 1px #006CB8;} #f-info h3, #f-info h4, #f-info h5, #f-info h6 {margin: 0 10px; padding: 14px 0; text-transform: uppercase; font-size: 14px; font-size: 1.4rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #f-info #info-hours {} #f-info #info-hours h2.info-header {color: #1a5141;} #f-info #info-hours ul {margin: 0 10px;} #f-info #info-hours ul li {padding: 2px 0; text-align: right; font-size: 16px; font-size: 1.6rem;} #f-info #info-hours strong {margin-right: 10px; font-size: 14px; font-size: 1.4rem; color: #1a5141; text-transform: uppercase; font-weight: 700; font-style: italic;} #f-info #info-hours h3 {padding-left: 33px;} #f-info #info-hours h3.ico-slotin {background: url(../img/ico28x28info-slotin.png) no-repeat 1px 8px;} #f-info #info-hours h3.ico-cards {background: url(../img/ico30x28info-cards.png) no-repeat 0 8px;} #f-info #info-hours h3.ico-token {background: url(../img/ico28x28info-token.png) no-repeat 1px 7px;} #f-info #info-hours h3.ico-bingo {background: url(../img/ico28x28info-bingo.png) no-repeat 1px 7px;} #f-info #info-contact {} #f-info #info-contact a {color: #000;} #f-info #info-contact a:hover, #f-info #info-contact a:active {color: #000; text-decoration: underline;} #f-info #info-contact h2.info-header {color: #233353;} #f-info #info-contact ul {margin: 0 10px;} #f-info #info-contact ul li {padding: 6px 0; font-size: 16px; font-size: 1.6rem;} #f-info #info-contact strong {color: #424242;} #f-info #info-contact li.ico-phone {padding-left: 30px; background: url(../img/ico20x28info-phone.png) no-repeat 2px 3px;} #f-info #info-contact li.ico-address {padding-left: 30px; background: url(../img/ico21x28info-address.png) no-repeat 3px 2px;} #f-info #info-contact li.ico-shuttle {padding-left: 30px; background: url(../img/ico21x28info-shuttle.png) no-repeat 3px 2px;} /* small screens */ @media only screen and (min-width: 480px) { #info-hours-bg {height: 390px; background-position: -100px bottom; background-size: 650px auto;} #info-contact-bg {height: 180px; background-position: right top; background-size: 500px auto;} #f-info #info-wrapper .info .wrapper {max-width: 410px;} #f-info #info-contact li.ico-phone {float: left;} #f-info #info-contact li.ico-address {float: right;} #f-info #info-contact li.ico-shuttle {float: right;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-info-wrapper {background: #aaa url(../img/bg1600x1info.png) repeat-y center center; background-size: 104% auto;} #info-hours-bg {height: 240px; background-position: left bottom; background-size: 660px auto;} #info-contact-bg {height: 220px; background-position: right top; background-size: 600px auto;} #f-info #info-wrapper .info#info-hours .wrapper {max-width: 100%; margin: 0;} #f-info #info-wrapper .info#info-contact .wrapper {max-width: 625px; margin: 0 0 0 40px;} #f-info #info-hours .wrapper > div {float: left; width: 50%;} #f-info #info-hours h3, #f-info #info-hours ul {margin: 0 40px;} #f-info #info-hours ul li {padding-left: 25px;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-info-wrapper {background-size: 108% auto;} #info-hours-bg {left: 0; right: 40%; top: 0; bottom: 0; height: auto; background-position: right center; background-size: 690px auto;} #info-contact-bg {left: 60%; right: 0; top: 0; bottom: 0; height: auto; background-position: -20px 80px; background-size: 632px auto;} #f-info #info-wrapper {padding: 15px 0 65px 0;} #f-info #info-wrapper .info#info-contact .wrapper {margin-left: 10px;} #f-info #info-hours {float: left; width: 640px;} #f-info #info-hours h2.info-header {margin: 0;} #f-info #info-hours h3 {margin-left: 10px; margin-top: 10px;} #f-info #info-hours ul {margin: 0 40px 0 0;} #f-info #info-hours ul li {padding-left: 0;} #f-info #info-contact {float: right;} #f-info #info-contact h2.info-header {margin: 0;} #f-info #info-contact li.ico-phone {float: none; margin-top: 10px;} #f-info #info-contact li.ico-address {float: none; margin-top: 10px;} #f-info #info-contact li.ico-shuttle {float: none; margin-top: 10px;} #f-info #info-contact {min-width: 325px;max-width: 325px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-info-wrapper {background-size: 1300px auto;} #info-contact-bg {background-position: -20px 100px;} #f-info #info-wrapper {padding: 20px 0 70px 0;} #f-info h2 {font-size: 30px; font-size: 3.0rem;} #f-info h3, #f-info h4, #f-info h5, #f-info h6 {font-size: 18px; font-size: 1.8rem;} #f-info #info-hours {width: 750px;} #f-info #info-hours ul li {padding-left: 20px; font-size: 18px; font-size: 1.8rem;} #f-info #info-hours h3.ico-slotin {background-position: 1px 10px;} #f-info #info-hours h3.ico-cards {background-position: 0 10px;} #f-info #info-hours h3.ico-token {background-position: 3px 8px;} #f-info #info-hours h3.ico-bingo {background-position: 3px 8px;} #f-info #info-contact ul li {font-size: 18px; font-size: 1.8rem;} #f-info #info-contact {min-width: 400px;max-width: 400px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-info-wrapper {background-size: 1500px auto;} #info-contact-bg {background-position: -20px 120px;} #f-info #info-wrapper {padding: 25px 0 75px 0;} #f-info #info-hours {width: 835px;} #f-info #info-hours ul {margin-right: 80px;} #f-info #info-hours ul li {padding-left: 32px;} #f-info #info-contact {min-width: 400px;max-width: 400px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-info-wrapper {background-size: 1600px auto;} #info-hours-bg {right: 45%;} #info-contact-bg {left: 55%;} #f-info #info-wrapper {padding: 30px 0 75px 0;} #f-info #info-hours {min-width: 880px;} #f-info #info-contact {min-width: 450px;max-width: 450px;} } /* CONTENT ------------------------------------------------------------------ */ /* all screens */ #f-content-wrapper {position: relative; min-height: 100px; background: #fff url(../img/bg1750x1985cards.png?v=3) no-repeat center center; background-size: 230% auto;} #f-content-wrapper.tpl-contact {background: #fff;} #f-content {} #f-article {position: relative;} .home #f-article #img-cards {position: absolute; left: 0; top: 40%; width: 80px; height: 114px; background: url(../img/img234x114cards.png) no-repeat right center;} #f-content-wrapper small {font-size:75%!important;} /* small screens */ @media only screen and (min-width: 480px) { /*.home #f-article #img-cards {left: 0; top: 110px; width: 100px;}*/ } /* small screens */ @media only screen and (max-width: 480px) { .home #f-article #img-cards {left: 15px!important;} } /* medium screens */ @media only screen and (max-width: 768px) { .home #f-article #img-cards{position: absolute; left: 40px; top:30%; width: 60px; height: 240px; background: url(../img/front-page-card-suites.png) no-repeat right } } /* medium screens */ @media only screen and (min-width: 768px) { #f-content-wrapper.tpl-contact {padding-bottom: 10px;} .page-id-23 #f-content-wrapper.tpl-contact {padding-bottom: 0;} .home #f-article #img-cards {left: 0; top: 130px; width: 234px;} } /* big screens */ @media only screen and (min-width: 1024px) { .home #f-article #img-cards {left: -20px; top: 140px;} } /* large screens */ @media only screen and (min-width: 1220px) { .home #f-article #img-cards {top: 150px; left: 0;} } /* humongous screens */ @media only screen and (min-width: 1440px) { .home #f-article #img-cards {left: 20px;} } /* hd screens */ @media only screen and (min-width: 1920px) { .home #f-article #img-cards {left: 60px;} } /* PAGE - SUBTITLE ------------------------------------------------------------------ */ /* all screens */ #f-page-subtitle-wrapper {border-bottom: solid 1px #233353; background: #fff;} #f-page-subtitle {position: relative; padding: 25px 10px 25px 70px;} #f-page-subtitle > div.frame-bg {z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; width: 200px; background: url(../img/ico400x400cards.png) no-repeat -116px center; background-size: 300px auto;} .page-id-16 #f-page-subtitle > div.frame-bg {background-image: url(../img/ico400x400dining.png);} .search #f-page-subtitle > div.frame-bg {background-image: url(../img/ico400x400search.png);} #f-page-subtitle > div.frame-in {z-index: 2; position: relative;} #f-page-subtitle > div.frame-in > section {} #f-page-subtitle h1 {color: #233353; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: 300;} #f-page-subtitle h1 strong {font-weight: 700;} /* small screens */ @media only screen and (min-width: 480px) { #f-page-subtitle h1 {font-size: 22px; font-size: 2.2rem;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-page-subtitle {padding-left: 180px; background: none;} #f-page-subtitle > div.frame-bg {left: -120px; width: 400px; background-position: center center; background-size: 400px auto;} #f-page-subtitle h1 {font-size: 28px; font-size: 2.8rem;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-page-subtitle {padding-top: 40px; padding-bottom: 40px;} #f-page-subtitle h1 {font-size: 36px; font-size: 3.6rem;} .page-template-page-events #f-page-subtitle h1 {margin-right: 190px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-page-subtitle {padding-left: 200px;} #f-page-subtitle > div.frame-bg {left: -105px;} .page-template-page-events #f-page-subtitle h1 {margin-right: 240px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-page-subtitle {padding-left: 235px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-page-subtitle {padding-left: 245px;} } /* PAGE - IMAGE ------------------------------------------------------------------ */ /* all screens */ #f-page-img-wrapper {border-top: solid 1px #233353; background-color: #ccc;} #f-page-img {width: 100%; margin: 0 auto -5px auto;} #f-page-img img {width: 100%; height: auto;} /* medium screens */ @media only screen and (min-width: 768px) { #f-page-img {width: 750px; margin-bottom: 0;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-page-img {width: 1020px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-page-img {width: 1160px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-page-img {width: 1300px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-page-img {width: 1400px;} } /* EVENTS PAGE ------------------------------------------------------------------ */ /* all screens */ #food-specials-button {display: block; padding: 6px 10px; cursor: pointer; background-color: #202020; color: #fff; text-transform: uppercase; font-size: 15px; font-size: 1.5rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #food-specials-button a {color: #fff;} #food-specials-button a:hover, #food-specials-button a:active {text-decoration: none;} #food-specials-button:hover, #food-specials-button:active {background-color: #223252;} .event {margin: 20px 0; padding: 0 0 20px 0; border-bottom: solid 1px #666;} .event:last-child {border-bottom: none;} .event:after {content: ""; display: table; clear: both;} /* clearfix */ .event .event_image {text-align: center;} .event .event_image img {margin: 0 auto;} .event h2 {margin-left: 0 !important; text-align: center;} /* medium screens */ @media only screen and (min-width: 768px) { #food-specials-button {position: absolute; top: 76px; left: 200px; right: 200px; } .event h2 {margin-left: 0 !important; text-align: left;} .event h2.past-event {padding: 4px; background-color: #f04e2a; color: #fff;} .event .event_image {float: right; margin-left: 20px !important; margin-bottom: -40px !important; text-align: left;} .event .event_image img {position: relative; top: -40px;} } /* big screens */ @media only screen and (min-width: 1024px) { #food-specials-button {top: 30px; left: auto; right: 20px; width: 200px; padding: 12px 20px; text-align: right; font-size: 18px; font-size: 1.8rem; z-index: 9999;} } /* large screens */ @media only screen and (min-width: 1220px) { #food-specials-button {right: 70px;} } /* CONTACT PAGE - ADDRESS ------------------------------------------------------------------ */ /* all screens */ #f-address-wrapper {border-bottom: solid 1px #233353; background-color: #fff;} #f-address {position: relative; padding: 25px 10px 25px 70px;} #f-address > div.frame-bg {z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; width: 200px; background: url(../img/ico400x400address.png) no-repeat -116px center; background-size: 300px auto;} #f-address > div.frame-in {z-index: 2; position: relative;} #f-address > div.frame-in > section {} #f-address h2 {color: #233353; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: 300;} #f-address h2 strong {font-weight: 700;} #f-address p {color: #233353; font-size: 16px; font-size: 1.6rem;} /* small screens */ @media only screen and (min-width: 480px) { #f-address h2 {font-size: 22px; font-size: 2.2rem;} #f-address p {font-size: 18px; font-size: 1.8rem;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-address {padding-left: 180px; background: none;} #f-address > div.frame-bg {left: -120px; width: 400px; background-position: center center; background-size: 400px auto;} #f-address h2 {font-size: 28px; font-size: 2.8rem;} #f-address p {font-size: 20px; font-size: 2.0rem;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-address {padding-top: 40px; padding-bottom: 40px;} #f-address h2 {font-size: 36px; font-size: 3.6rem;} #f-address p {font-size: 24px; font-size: 2.4rem;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-address {padding-left: 200px;} #f-address > div.frame-bg {left: -105px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-address {padding-left: 235px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-address {padding-left: 245px;} } /* CONTACT PAGE - MAP ------------------------------------------------------------------ */ /* all screens */ #f-map-wrapper {height: 220px; background-color: #e2ecf0;} #map_canvas {width: 100%; height: 220px;} .tooltip {position: absolute; width: 175px; padding: 7px; border: 1px solid gray; font-size: 10pt; font-family: Verdana; background-color: #414141; color: #fff; border-radius: 8px 8px 8px 8px;} .tooltip span {font-size: 7pt;} /* small screens */ @media only screen and (min-width: 480px) { #f-map-wrapper {height: 280px;} #map_canvas {height: 280px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-map-wrapper {height: 340px;} #map_canvas {height: 340px;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-map-wrapper {height: 659px;} #map_canvas {height: 659px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-map-wrapper {height: 675px;} #map_canvas {height: 675px;} } /* CONTACT PAGE - DETAILS ------------------------------------------------------------------ */ /* all screens */ #f-details-wrapper {border-top: solid 1px #233353; background-color: rgba(204, 204, 204, 0.9);} #f-details {position: relative;} #f-details > div.frame-bg {z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; background: url(../img/ico400x400details.png) no-repeat -55px -53px; background-size: 180px auto;} #f-details > div.frame-in {z-index: 2; position: relative;} #f-details > div.frame-in > section {} #f-details #detailinfo-button {padding: 25px 10px 25px 70px; cursor: pointer;} #f-details #detailinfo-button h2 {padding: 0; color: #233353; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: 700;} #f-details #detailinfo-button h2 i.fa {float: right; position: relative; right: 20px; top: 6px;} #f-details #detailinfo-button:hover h2 {color: #f04e2a;} #f-details #detailinfo {display: none; padding: 20px 10px 25px 10px; border-top: solid 1px #233353;} #f-details h2 {padding-top: 18px; color: #233353; text-transform: uppercase; font-size: 16px; font-size: 1.6rem;} #f-details p {color: #233353; font-size: 16px; font-size: 1.6rem;} #f-details a {color: #233353;} #f-details p strong {text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-weight: 700px;} /* small screens */ @media only screen and (min-width: 480px) { #f-details > div.frame-bg {background-position: -55px -50px;} #f-details #detailinfo-button h2 {font-size: 22px; font-size: 2.2rem;} #f-details #detailinfo {padding-left: 70px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-details > div.frame-bg {left: -70px; width: 300px; background-position: center -106px; background-size: 300px auto;} #f-details #detailinfo-button h2 {padding-left: 110px; font-size: 28px; font-size: 2.8rem;} #f-details #detailinfo {padding-left: 180px;} #f-details h2 {font-size: 18px; font-size: 1.8rem;} #f-details p {font-size: 18px; font-size: 1.8rem;} #f-details p strong {font-size: 24px; font-size: 2.4rem;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-details-wrapper {position: absolute; left: 0; right: 0; top: 0; border-top: none; background: none;} #f-details {width: 1020px; margin: 0 auto;} #f-details > div.frame-in {z-index: 9998; position: absolute; right: 0; top: 0; width: 300px;} #f-details section {background-color: rgba(204, 204, 204, 0.9);} #f-details #detailinfo {padding-left: 10px;} #f-details #detailinfo-button h2 {font-size: 36px; font-size: 3.6rem;} #f-details > div.frame-bg, #f-details #detailinfo-button {display: none;} #f-details #detailinfo {display: block; border-top: none;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-details {width: 1160px;} #f-details > div.frame-in {width: 390px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-details {width: 1300px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-details {width: 1400px;} } /* CONTACT PAGE - CONTACT FORM ------------------------------------------------------------------ */ /* all screens */ #f-contactform-wrapper {border-top: solid 1px #233353; background-color: #fff;} #f-contactform {position: relative;} #f-contactform > div.frame-bg {z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; background: url(../img/ico400x400contact-form.png) no-repeat -55px -53px; background-size: 180px auto;} #f-contactform > div.frame-in {z-index: 2; position: relative;} #f-contactform > div.frame-in > section {} #f-contactform #contactform-button {padding: 25px 10px 25px 70px; cursor: pointer;} #f-contactform #contactform-button h2 {color: #233353; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: 700;} #f-contactform #contactform-button h2 i.fa {float: right; position: relative; right: 20px; top: 6px;} #f-contactform #contactform-button:hover h2 {color: #f04e2a;} #f-contactform #contactform {display: none; padding: 20px 10px 25px 10px; border-top: solid 1px #233353;} /* small screens */ @media only screen and (min-width: 480px) { #f-contactform > div.frame-bg {background-position: -55px -50px;} #f-contactform #contactform-button h2 {font-size: 22px; font-size: 2.2rem;} #f-contactform #contactform {padding-left: 70px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-contactform > div.frame-bg {left: -70px; width: 300px; background-position: center -106px; background-size: 300px auto;} #f-contactform #contactform-button h2 {padding-left: 110px; font-size: 28px; font-size: 2.8rem;} #f-contactform #contactform {padding-left: 180px;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-contactform > div.frame-bg {left: -120px; width: 400px; background-position: center -150px; background-size: 400px auto;} #f-contactform #contactform-button {padding-right: 320px;} #f-contactform #contactform-button h2 {font-size: 36px; font-size: 3.6rem;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-contactform > div.frame-bg {left: -105px;} #f-contactform #contactform-button {padding-right: 420px;} #f-contactform #contactform-button h2 {padding-left: 130px;} #f-contactform #contactform {padding-left: 200px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-contactform #contactform-button h2 {padding-left: 165px;} #f-contactform #contactform {padding-left: 235px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-contactform #contactform-button h2 {padding-left: 175px;} #f-contactform #contactform {padding-left: 245px;} } /* CONTACT PAGE - PROMO FORM ------------------------------------------------------------------ */ /* all screens */ #f-promoform-wrapper {border-top: solid 1px #233353; background-color: #fff;} #f-promoform {position: relative;} #f-promoform > div.frame-bg {z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; width: 120px; background: url(../img/ico400x400contact-form.png) no-repeat -55px -53px; background-size: 180px auto;} #f-promoform > div.frame-in {z-index: 2; position: relative;} #f-promoform > div.frame-in > section {} #f-promoform #promoform-button {padding: 25px 10px 25px 70px; cursor: pointer;} #f-promoform #promoform-button h2 {color: #233353; text-transform: uppercase; font-size: 18px; font-size: 1.8rem; font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; font-weight: 700;} #f-promoform #promoform-button h2 i.fa {float: right; position: relative; right: 20px; top: 6px;} #f-promoform #promoform-button:hover h2 {color: #f04e2a;} #f-promoform #promoform {display: none; padding: 20px 10px 25px 10px; border-top: solid 1px #233353;} /* small screens */ @media only screen and (min-width: 480px) { #f-promoform > div.frame-bg {background-position: -55px -50px;} #f-promoform #promoform-button h2 {font-size: 22px; font-size: 2.2rem;} #f-promoform #promoform {padding-left: 70px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-promoform > div.frame-bg {left: -70px; width: 300px; background-position: center -106px; background-size: 300px auto;} #f-promoform #promoform-button h2 {padding-left: 110px; font-size: 28px; font-size: 2.8rem;} #f-promoform #promoform {padding-left: 180px;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-promoform > div.frame-bg {left: -120px; width: 400px; background-position: center -150px; background-size: 400px auto;} #f-promoform #promoform-button {padding-right: 320px;} #f-promoform #promoform-button h2 {font-size: 36px; font-size: 3.6rem;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-promoform > div.frame-bg {left: -105px;} #f-promoform #promoform-button {padding-right: 420px;} #f-promoform #promoform-button h2 {padding-left: 130px;} #f-promoform #promoform {padding-left: 200px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-promoform #promoform-button h2 {padding-left: 165px;} #f-promoform #promoform {padding-left: 235px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-promoform #promoform-button h2 {padding-left: 175px;} #f-promoform #promoform {padding-left: 245px;} } /* ENTRY ------------------------------------------------------------------ */ /* all screens */ #entry-wrapper {margin: 0 10px;} #entry-wrapper .entry {position: relative;} #entry-wrapper .entry .entry-header {margin: 0; padding: 40px 0 35px 0; } #entry-wrapper .entry .entry-header h1.entry-title {color: #223252; text-transform: uppercase; font-size: 22px; font-size: 2.2rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif;} #entry-wrapper .entry .entry-header h1.entry-title strong {color: #1a5141; font-weight: 400;} #entry-wrapper .entry .entry-content {margin-left: 70px; padding-bottom: 20px;} .home #entry-wrapper .entry .entry-content {margin-left: 80px;} .page-template-page-events #entry-wrapper .entry .entry-content, .single-event #entry-wrapper .entry .entry-content {margin-left: 0;} .search #entry-wrapper .entry .entry-content {margin-left: 0;} #entry-wrapper .entry .entry-content * {font-size: 14px; font-size: 1.4rem; line-height: 130%;} #entry-wrapper .entry .entry-content h1 {margin: 32px 0 16px 0; padding: 0; color: #233353; text-transform: uppercase; font-size: 24px; font-size: 2.4rem;} #entry-wrapper .entry .entry-content h2 {margin: 32px 0 16px -70px; padding: 0; color: #1a5141; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; clear: left;} .search #entry-wrapper .entry .entry-content h2 {border-bottom: solid 1px #1a5141; margin-left: 0;} .search #entry-wrapper .entry .entry-content h2 a {color: #1a5141; font-size: 24px; font-size: 2.4rem;} .search #entry-wrapper .entry .entry-content h2 a:hover {color: #f04e2a; text-decoration: none;} .search #entry-wrapper .entry .entry-content h2 a span {float: right; color: #233353; position: relative; top: 4px;} .search #entry-wrapper .entry .entry-content h2 a:hover span {color: #f04e2a;} #entry-wrapper .entry .entry-content h3 {margin: 18px 0 9px 0; padding: 0; color: #BF1C09; font-size: 14px; font-size: 1.4rem;} #entry-wrapper .entry .entry-content p {margin: 8px 0;} #entry-wrapper .entry .entry-content ul {} #entry-wrapper .entry .entry-content ul li {margin: 8px 0; padding: 0 0 0 24px; background: url(../img/img10x10bullet.png) no-repeat 10px 4px;} #entry-wrapper .entry .entry-content ol {list-style: decimal; padding: 0 0 0 24px;} #entry-wrapper .entry .entry-content ol li {margin: 8px 0; padding: 0;} #entry-wrapper .entry .entry-content img {max-width: 100%; height: auto; border: none;} #entry-wrapper .entry .entry-content img.border {border-top: solid 1px #999; border-bottom: solid 1px #999;} #entry-wrapper .entry .entry-content img.alignleft, #entry-wrapper .entry .entry-content img.alignright, #entry-wrapper .entry .entry-content img.aligncenter {float: none; display: block; margin: 20px auto;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {float: left; clear: left; position: relative; left: -10px; max-width: 60px; height: auto; margin: 5px 10px 5px -60px;} #entry-wrapper .entry .entry-content a.button-pdf {display: block; float: left;clear: left; margin-bottom: 12px; padding: 12px 16px 12px 42px; background: #233353 url(../img/ico18x20pdf.png) no-repeat 12px 9px; color: #fff; text-transform: uppercase; font-weight: 700; line-height: 120%;} #entry-wrapper .entry .entry-content a.button-pdf:hover {background-color: #f04e2a; text-decoration: none;} #entry-wrapper nav.navigation {margin: 10px 0 40px 0;} #entry-wrapper nav.navigation a {color: #233353; font-weight: 400; text-transform: uppercase;} #entry-wrapper nav.navigation a:hover {color: #f04e2a; text-decoration: none;} #entry-wrapper nav.navigation .nav-links:after {content: ""; display: table; clear: both;} /* clearfix */ #entry-wrapper nav.navigation .nav-links .nav-previous {float: left;} #entry-wrapper nav.navigation .nav-links .nav-next {float: right;} /* small screens */ @media only screen and (min-width: 480px) { #entry-wrapper {margin: 0 20px;} #entry-wrapper .entry .entry-content {margin-left: 90px; padding-bottom: 30px;} .home #entry-wrapper .entry .entry-content {margin-left: 110px;} .search #entry-wrapper .entry .entry-content {margin-left: 50px;} #entry-wrapper .entry .entry-content * {font-size: 16px; font-size: 1.6rem;} #entry-wrapper .entry .entry-content h1, #entry-wrapper .entry .entry-content h2 {margin-left: -100px; font-size: 26px; font-size: 2.6rem;} .search #entry-wrapper .entry .entry-content h2 a {font-size: 26px; font-size: 2.6rem;} .search #entry-wrapper .entry .entry-content h2 a span {top: 8px;} #entry-wrapper .entry .entry-content h3 {font-size: 18px; font-size: 1.8rem;color: #BF1C09;} #entry-wrapper .entry .entry-content ul li {background-position: 10px 6px;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {left: -40px; margin-right: -20px; max-width: 80px;} #entry-wrapper .entry .entry-content a.button-pdf {background-position: 12px 12px;} } /* medium screens */ @media only screen and (min-width: 768px) { .page-template-page-events #entry-wrapper {margin: 0;} #entry-wrapper .entry .entry-header h1.entry-title {font-size: 36px; font-size: 3.6rem;} #entry-wrapper .entry .entry-content {margin-left: 160px; padding-bottom: 40px;} .home #entry-wrapper .entry .entry-content {margin-left: 240px;} .search #entry-wrapper .entry .entry-content {margin-left: 160px;} #entry-wrapper .entry .entry-content * {font-size: 18px; font-size: 1.8rem;} #entry-wrapper .entry .entry-content h1, #entry-wrapper .entry .entry-content h2 {margin-left: -160px; font-size: 32px; font-size: 3.2rem;} .search #entry-wrapper .entry .entry-content h2 a {font-size: 32px; font-size: 3.2rem;} .search #entry-wrapper .entry .entry-content h2 a span {top: 14px;} #entry-wrapper .entry .entry-content h3 {font-size: 20px; font-size: 2.0rem;color: #BF1C09;} #entry-wrapper .entry .entry-content ul li {background-position: 10px 8px;} #entry-wrapper .entry .entry-content p, #entry-wrapper .entry .entry-content ul li, #entry-wrapper .entry .entry-content ol li {margin: 12px 0;} #entry-wrapper .entry .entry-content img.alignleft {float: left; clear: left; margin: 0 20px 0 0;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {position: relative; left: -100px; margin-right: -100px; max-width: 140px; height: auto; padding-bottom: 30px;} #entry-wrapper .entry .entry-content img.alignright {float: right; clear: right; margin: 0 0 0 20px;} .cols:after {content: ""; display: table; clear: both;} /* clearfix */ .col-left {float: left; width: 50%;} .col-right {float: right; width: 50%;} } /* big screens */ @media only screen and (min-width: 1024px) { #entry-wrapper {margin: 0;} #entry-wrapper .entry .entry-header h1.entry-title {font-size: 44px; font-size: 4.4rem;} #entry-wrapper .entry .entry-content {margin-left: 180px; margin-right: 50px;} .home #entry-wrapper .entry .entry-content {margin-left: 250px;} .search #entry-wrapper .entry .entry-content {margin-left: 180px;} .page-template-page-events #entry-wrapper .entry .entry-content, .single-event #entry-wrapper .entry .entry-content {margin: 0;} #entry-wrapper .entry .entry-content * {font-size: 22px; font-size: 2.2rem;} #entry-wrapper .entry .entry-content h1, #entry-wrapper .entry .entry-content h2 {margin: 40px 0 20px -180px; font-size: 36px; font-size: 3.6rem;} .search #entry-wrapper .entry .entry-content h2 a {font-size: 36px; font-size: 3.6rem;} #entry-wrapper .entry .entry-content h3 {margin: 20px 0 10px 0; font-size: 26px; font-size: 2.6rem;color: #BF1C09;} #entry-wrapper .entry .entry-content ul li {background-position: 10px 10px;} #entry-wrapper .entry .entry-content p, #entry-wrapper .entry .entry-content ul li, #entry-wrapper .entry .entry-content ol li {margin: 16px 0;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {left: -120px; margin-right: -120px; max-width: 160px;} } /* large screens */ @media only screen and (min-width: 1220px) { #entry-wrapper .entry .entry-header h1.entry-title {font-size: 48px; font-size: 4.8rem;} #entry-wrapper .entry .entry-content {margin-left: 200px; margin-right: 120px; padding-bottom: 60px;} .home #entry-wrapper .entry .entry-content {margin-left: 280px; margin-right: 80px;} .search #entry-wrapper .entry .entry-content {margin-left: 200px;} #entry-wrapper .entry .entry-content * {font-size: 24px; font-size: 2.4rem;} #entry-wrapper .entry .entry-content h1, #entry-wrapper .entry .entry-content h2 {margin-left: -200px; font-size: 38px; font-size: 3.8rem;} #entry-wrapper .entry .entry-content h2 a {font-size: 38px; font-size: 3.8rem;} #entry-wrapper .entry .entry-content h3 {font-size: 30px; font-size: 3.0rem; color: #BF1C09;} #entry-wrapper .entry .entry-content p, #entry-wrapper .entry .entry-content ul li, #entry-wrapper .entry .entry-content ol li {margin: 18px 0;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {left: -140px; margin-right: -140px; max-width: 180px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #entry-wrapper .entry .entry-content {margin-left: 235px;} .home #entry-wrapper .entry .entry-content {margin-left: 320px; margin-right: 120px;} .search #entry-wrapper .entry .entry-content {margin-left: 235px;} #entry-wrapper .entry .entry-content h1, #entry-wrapper .entry .entry-content h2 {margin-left: -235px;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {left: -170px; margin-right: -170px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #entry-wrapper .entry .entry-content {margin-left: 245px;} .home #entry-wrapper .entry .entry-content {margin-left: 400px; margin-right: 60px;} .search #entry-wrapper .entry .entry-content {margin-left: 245px;} #entry-wrapper .entry .entry-content h1, #entry-wrapper .entry .entry-content h2 {margin-left: -245px;} #entry-wrapper .entry .entry-content img.alignleft.size-thumbnail {left: -180px; margin-right: -180px;} } /* FOOTER NAV ------------------------------------------------------------------ */ /* all screens */ #f-footer-nav-wrapper {position: relative;} #f-footer-nav-wrapper .shadow-top {top: auto; bottom: -9px;} #f-footer-nav-wrapper .shadow-bottom {bottom: auto; top: -9px;} #f-footer-nav {position: relative; min-height: 40px; background: #333;} #f-footer-nav nav {display: block;} #f-footer-nav nav ul.menu {padding: 0;} #f-footer-nav nav ul.menu:after {content: ""; display: table; clear: both;} /* clearfix */ #f-footer-nav nav ul.menu > li {float: left; margin: 0; padding: 0;} #f-footer-nav nav ul.menu > li a {display: block; margin: 0; padding: 12px 10px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 13px; font-size: 1.3rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400;} #f-footer-nav nav ul.menu > li a:hover {background: #999; color: #233353; text-decoration: none;} #nav-footer-left {display: none; margin-right: 80px;} #nav-footer-right {display: none; margin-right: 80px; border-top: solid 1px #666;} #backtop {position: absolute; right: 0; top: 0; display: block; margin: 0; padding: 12px 10px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 13px; font-size: 1.3rem; font-family: 'Varela Round', Helvetica, Arial, sans-serif; font-weight: 400; cursor: pointer;} #backtop:hover {background: #999; color: #233353; text-decoration: none;} #img-tokens {display: none; position: absolute; right: 30px; top: 2px; width: 80px; height: auto;} /* small screens */ @media only screen and (min-width: 480px) { #f-footer-nav nav ul.menu {padding: 0 0 0 10px;} #backtop {right: 10px;} #img-tokens {display: block; right: 50px; top: -20px; width: 120px;} } /* medium screens */ @media only screen and (min-width: 768px) { #f-footer-nav-wrapper {height: 0; z-index: 9999;} #f-footer-nav-wrapper .shadow-top {top: auto; bottom: -80px; background-size: 890px auto;} #f-footer-nav-wrapper .shadow-bottom {bottom: auto; top: -19px; background-size: 890px auto;} #f-footer-nav {top: -10px;} #f-footer-nav nav ul.menu {padding: 0;} #f-footer-nav nav ul.menu > li:first-child a {padding-left: 20px;} #nav-footer-left {display: block;} #nav-footer-right {display: block;} #nav-footer-mobile {display: none;} #backtop {right: 0; bottom: 0; padding: 30px 20px; font-size: 18px; font-size: 1.8rem;} #img-tokens {right: 45px; top: -10px; width: 160px;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-footer-nav-wrapper .shadow-top {bottom: -49px; background-size: 1040px auto;} #f-footer-nav-wrapper .shadow-bottom {background-size: 1040px auto;} #f-footer-nav {width: 1020px;} #f-footer-nav nav ul.menu > li a {padding: 17px 10px;} #f-footer-nav nav #nav-footer-right ul.menu > li:first-child a {padding-left: 10px;} #f-footer-nav nav #nav-footer-right ul.menu > li:last-child a {padding-right: 20px;} #nav-footer-left {margin-right: 0;} #nav-footer-right {position: absolute; top: 0; right: 0; margin-right: 0; border-top: none; } #backtop {display: none;} #img-tokens {right: 380px; top: -25px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-footer-nav-wrapper .shadow-top, #f-footer-nav-wrapper .shadow-bottom {background-size: 1140px auto;} #f-footer-nav {width: 1160px;} #f-footer-nav nav ul.menu > li a {padding: 17px 15px;} #img-tokens {right: 450px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-footer-nav {width: 1300px;} #f-footer-nav nav ul.menu > li a {padding: 17px 18px;} #img-tokens {right: 520px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-footer-nav {width: 1400px;} #f-footer-nav nav ul.menu > li a {padding: 17px 20px;} #img-tokens {right: 580px;} } /* FOOTER TEXT ------------------------------------------------------------------ */ /* all screens */ #f-footer-text-wrapper {background: #233353 url(../img/bg1566x440footer.jpg) no-repeat center center; background-size: auto 100%;} #f-footer-text {position: relative;} #footer-address {position: relative; padding: 20px 0 0 0; text-align: center;} #footer-address #img-footerlogo {margin: 0 auto;} #footer-address p {margin: 18px 0; color: #fff; font-size: 15px; font-size: 1.5rem; text-align: center;} #footer-address .small, #footer-address .small p {color: #fff; font-size: 12px; font-size: 1.2rem;} #footer-address p span {white-space: nowrap;} #footer-address a {color: #fff;} #footer-address a:hover {color: #ccc;} #footer-links {padding: 0 0 20px 0; text-align: center;} #footer-links ul {} #footer-links ul:after {content: ""; display: table; clear: both;} /* clearfix */ #footer-links ul li {display: inline; color: #fff; font-size: 15px; font-size: 1.5rem;} #footer-links ul li a {display: inline-block; color: #fff; text-indent: -9999px;} #footer-links ul li a:hover {color: #ccc;} #footer-link-bclc {width: 66px; height: 45px; background: url(../img/logo90x78footer-bclc.png) no-repeat center top; background-size: auto 160px;} #footer-link-bcrpgp {width: 68px; height: 45px; background: url(../img/logo98x78footer-bcrpgp.png) no-repeat center top; background-size: auto 160px;} #footer-link-gamesense {width: 100px; height: 45px; background: url(../img/logo144x78footer-gamesense.png) no-repeat center top; background-size: auto 160px;} #footer-link-encorerewards {width: 60px; height: 45px; background: url(../img/logo84x78footer-encore.png) no-repeat center top; background-size: auto 160px;} #footer-link-rgcheck {width: 50px; height: 45px; background: url(../img/logo69x78footer-rgcheck.png) no-repeat center top; background-size: auto 160px;} #footer-link-bclc:hover, #footer-link-bcrpgp:hover, #footer-link-gamesense:hover, #footer-link-encorerewards:hover, #footer-link-rgcheck:hover {background-position: center bottom;} #f-footer-credits-wrapper {position: relative; background: #233353;} #f-footer-credits-wrapper .shadow-bottom {bottom: auto; top: -9px;} #footer-credits {padding: 6px 10px;} #footer-credits p {padding-left: 40px; color: #848ea2; font-size: 12px; font-size: 1.2rem;} #footer-credits p span {white-space: nowrap;} #footer-credits a {color: #848ea2;} #footer-credits a:hover {color: #fff;} /* medium screens */ @media only screen and (min-width: 768px) { #f-footer-text {padding-top: 70px;} #footer-address {padding-top: 25px; min-height: 150px;} #footer-address #img-footerlogo {position: absolute; top: 60px; right: 90px;} #footer-address p {text-align: right; margin-right: 250px;} #footer-links {padding: 30px 0;} #footer-link-bclc {width: 96px; height: 59px; background-size: auto 210px;} #footer-link-bcrpgp {width: 98px; height: 59px; background-size: auto 210px;} #footer-link-gamesense {width: 136px; height: 59px; background-size: auto 210px;} #footer-link-encorerewards {width: 90px; height: 59px; background-size: auto 210px;} #footer-link-rgcheck {width: 75px; height: 59px; background-size: auto 210px;} #footer-credits {text-align: center;} #footer-credits p {padding-left: 0;} } /* big screens */ @media only screen and (min-width: 1024px) { #f-footer-text-wrapper {background-size: auto 360px;} #f-footer-text {width: 1000px; padding: 40px 0 30px 0;} #footer-address #img-footerlogo {right: 10px;} #footer-address p {margin-left: 420px; margin-right: 170px;} #footer-links {position: absolute; left: 0; top: 85px ; padding: 0;} #footer-links ul {width: 400px;} #footer-link-bclc {width: 94px;} #footer-link-bcrpgp {width: 96px;} #footer-link-gamesense {width: 132px;} #footer-link-encorerewards {width: 88px;} #footer-link-rgcheck {width: 73px;} } /* large screens */ @media only screen and (min-width: 1220px) { #f-footer-text-wrapper {background-size: auto 400px;} #f-footer-text {width: 1120px; padding: 45px 0 35px 0;} #footer-address p {margin-left: 540px;} #footer-links {top: 70px;} #footer-links ul {width: 480px;} #footer-link-bclc {width: 120px; height: 78px; background-size: auto 278px;} #footer-link-bcrpgp {width: 124px; height: 78px; background-size: auto 278px;} #footer-link-gamesense {width: 174px; height: 78px; background-size: auto 278px;} #footer-link-encorerewards {width: 114px; height: 78px; background-size: auto 278px;} #footer-link-rgcheck {width: 99px; height: 78px; background-size: auto 278px;} } /* humongous screens */ @media only screen and (min-width: 1440px) { #f-footer-text-wrapper {background-size: auto 440px;} #f-footer-text {width: 1260px;} #footer-address #img-footerlogo {right: 50px;} #footer-address p {margin-left: 600px; margin-right: 220px;} #footer-links ul {width: 520px;} #footer-link-bclc {width: 140px;} #footer-link-bcrpgp {width: 140px;} #footer-link-gamesense {width: 194px;} #footer-link-encorerewards {width: 134px;} #footer-link-rgcheck {width: 119px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #f-footer-text {width: 1360px; padding: 60px 0 50px 0;} #footer-address p {margin-left: 700px;} } /* BCLC ------------------------------------------------------------------ */ /* all screens */ #footer-bclc {position: relative; height: 60px; cursor: pointer; background: url(../img/bclc/bclc-bar.jpg) repeat-x top center;} #footer-bclc-logo {position: absolute; bottom: 0; left: 0; display: block; width: 90px; height: 114px; background: url(../img/bclc/bclc-logo.png) no-repeat center center;} #footer-bclc-txt-wrap {position: absolute; bottom: 0; left: 50%; display: block; width: 2px; height: 60px;} #footer-bclc-txt {position: absolute; bottom: 0; left: -67px; display: block; width: 162px; height: 60px; background: url(../img/bclc/bclc-txt-mobile.png) no-repeat center center;} #footer-bclc-19 {position: absolute; bottom: 0; right: 0; display: block; width: 56px; height: 60px; background: url(../img/bclc/bclc-19.png) no-repeat center center;} /* small screens */ @media only screen and (min-width: 480px) { #footer-bclc-txt {left: -150px; width: 300px; background: url(../img/bclc/bclc-txt.png) repeat-x top center;} } /* PRINT ------------------------------------------------------------------ */ @media print { * {background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important;} a, a:link, a:visited {text-decoration: none;} pre, blockquote {border: 1px solid #999; page-break-inside: avoid;} thead {display: table-header-group;} tr, img {page-break-inside: avoid;} img {max-width: 100% !important;} p, h1, h2, h3 {orphans: 3; widows: 3;} h1, h2, h3 {page-break-after: avoid;} .PRINTonly {display: inline;} #detailinfo {display: block;} #f-footer-wrapper {border-top: solid 1px #999;} #f-footer-credits {text-align: center; border-top: solid 1px #999;} #footer-credits p {padding: 0;} #f-header-nav-wrapper, #nav-social, #f-page-subtitle, #f-banner-wrapper, #f-sqbanner-wrapper, #f-info-wrapper, #detailinfo-button, #f-contactform-wrapper, #img-footerlogo, #footer-bclc, #footer-links, #f-footer-nav-wrapper {display: none !important;} } /* FINAL HACKS AND FIXES ------------------------------------------------------------------ */ .group:after {content: ""; display: table; clear: both;} /* clearfix */ /* medium screens */ @media only screen and (min-width: 768px) { .group .group-col {float: left; width: 45%; margin-right: 5%;} .group .group-col:last-child {margin-right: 0;} } #entry-wrapper .entry .entry-footer span.edit-link {position: absolute; top: 2px; right: 2px;} #entry-wrapper .entry .entry-footer span.edit-link a {display: block; padding: 3px 5px; color: #000; border: solid 1px rgba(0, 0, 0, 0.33); border-radius: 8px; background-color: rgba(0, 0, 0, 0.25);} #entry-wrapper .entry .entry-footer span.edit-link a:hover {color: #f00; border: solid 1px rgba(255, 0, 0, 0.33); text-decoration: none;} /* Gravity Forms */ .gform_wrapper ul li {margin: 0 !important; padding: 0 !important; background: none !important;} .gform_wrapper .ginput_complex label {display: none !important;} .gform_wrapper .gfield_required {display: none;} .gform_wrapper input[type=text], .gform_wrapper textarea {border: solid 1px #233353; /*background-color: #e9eaed;*/} .gform_wrapper select.gfield_select {width: 380px; margin: 0; padding: 2px 5px; border: solid 1px #233353; color: #b2b2b2; /*background-color: #e9eaed;*/} .gform_wrapper input[type=submit] {padding: 4px 8px; border: 0; color: #fff; background: #233353; text-transform: uppercase; font-weight: 700;} .gform_wrapper input[type=submit]:hover {background-color: #f04e2a;} .gform_wrapper label {margin: 0 !important;} div.ginput_container_name span {padding-right: 0 !important; margin-right: 0 !important;} .gform_wrapper .ginput_complex .ginput_right {margin-left: 0 !important;} /* .gform_wrapper .field_description_below .gfield_description {display: none !important;}*/ .gform_wrapper .field_description_below .gfield_description {font-size:75.5%!important;} .gform_wrapper .field_description_above .validation_message {font-size:75.5%!important;} .gform_wrapper label.gfield_label+div.ginput_container {margin-top: 0 !important;} .gform_wrapper .ginput_complex span.name_first, .gform_wrapper .ginput_complex span.name_last, .gform_wrapper .ginput_complex span.name_middle, .gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_container_phone, .gform_wrapper .ginput_container_select {min-height: 0 !important; margin-bottom:15px!important;} .gform_wrapper #field_2_4 {margin-top: 20px !important; padding: 8px 6px !important; background-color: #e9eaed !important; border: solid 1px #233353;} .gform_wrapper #field_2_4 .gfield_label {font-weight: 300; padding-bottom: 2px;} .gform_wrapper #field_2_4 #input_2_4 {width: 100%; padding: 4px 0; font-size: 16px !important;} #contactform *, #promoform * {font-size: 14px; font-size: 1.4rem; line-height: 130%;} #contactform h1, #promoform h1 {margin: 32px 0 16px 0; padding: 0; color: #233353; text-transform: uppercase; font-size: 24px; font-size: 2.4rem;} #contactform h2, #promoform h2 {margin: 32px 0 16px 0; padding: 0; color: #1a5141; text-transform: uppercase; font-size: 24px; font-size: 2.4rem; clear: left;} #contactform h3, #promoform h3 {margin: 18px 0 9px 0; padding: 0; color: #233353; font-size: 14px; font-size: 1.4rem;} #contactform p, #promoform p {margin: 8px 0;} #contactform ul li, #promoform ul li {margin: 0; padding: 0;} .gform_wrapper input {font-size: 16px !important; font-size: 1.6rem !important;} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {width: 100% !important; display: -moz-inline-stack; display: inline-block; vertical-align: top;} .gform_wrapper.gf_browser_chrome .gform_body { width: 95%!important; } @media only screen and (min-width: 300px){ .gform_wrapper .gform_body { width: 95%!important; } } /* small screens */ @media only screen and (min-width: 480px) { #contactform *, #promoform * {font-size: 16px; font-size: 1.6rem;} #contactform h1, #promoform h1, #promoform h2, #contactform h2 {margin-left: -50px; font-size: 26px; font-size: 2.6rem;} #contactform h3, #promoform h3 {font-size: 16px; font-size: 1.6rem;} } @media only screen and (min-width: 641px) { .gform_wrapper .gform_body, .top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3, .gform_wrapper .top_label .ginput_complex.ginput_container.ginput_container_email {width: 100% !important;} .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_left, .gform_wrapper .ginput_complex.ginput_container.ginput_container_email .ginput_right {padding-right: 0 !important;} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .name_last, .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {width: 49% !important; /*margin: 0 !important;*/} .gform_wrapper .ginput_complex .name_first, .gform_wrapper .ginput_complex .ginput_left {float: left;} .gform_wrapper .ginput_complex .name_last, .gform_wrapper .ginput_complex .ginput_right {float: right;} } /* medium screens */ @media only screen and (min-width: 768px) { #contactform *, #promoform * {font-size: 18px; font-size: 1.8rem;} #contactform h1, #promoform h1, #promoform h2, #contactform h2 {margin-left: -160px; font-size: 32px; font-size: 3.2rem;} #contactform h3, #promoform h3 {font-size: 18px; font-size: 1.8rem;} #contactform p, #promoform p {margin: 12px 0;} .gform_wrapper input {font-size: 18px !important; font-size: 1.8rem !important;} } /* big screens */ @media only screen and (min-width: 1024px) { #contactform *, #promoform * {font-size: 22px; font-size: 2.2rem;} #contactform h1, #promoform h1, #promoform h2, #contactform h2{margin: 40px 0 20px -180px; font-size: 36px; font-size: 3.6rem;} #contactform h3, #promoform h3 {margin: 20px 0 10px 0; font-size: 22px; font-size: 2.2rem;} #contactform p, #promoform p {margin: 16px 0;} .gform_wrapper input {font-size: 23px !important; font-size: 2.3rem !important;} } /* large screens */ @media only screen and (min-width: 1220px) { #contactform *, #promoform * {font-size: 24px; font-size: 2.4rem;} #contactform h1, #promoform h1, #promoform h2, #contactform h2 {margin-left: -200px; font-size: 38px; font-size: 3.8rem;} #contactform h3, #promoform h3 {font-size: 24px; font-size: 2.4rem;} #contactform p, #promoform p {margin: 18px 0;} .gform_wrapper input {font-size: 24px !important; font-size: 2.4rem !important;} } .gform_wrapper div.validation_error {margin-bottom: 0 !important; padding: 10px 0 !important;} .gform_wrapper div.validation_error, .gform_wrapper .top_label .gfield_error {width: 100% !important; border: 0 !important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {margin-left: 0 !important;} .gform_wrapper #field_2_4.gfield_error {border: solid 1px #790000 !important;} /* WP Video control Style */ .mejs-currenttime, .mejs-duration {font-size:12px!important;position: relative;top: -14px;} /* big screens */ @media only screen and (max-width: 1024px) { .mejs-currenttime, .mejs-duration {top: -12px;}} /* medium screens */ @media only screen and (max-width: 768px) { .mejs-currenttime, .mejs-duration {top: -5px;}} /* medium-small screens */ @media only screen and (max-width: 641px) { .mejs-currenttime, .mejs-duration {top: -5px;}} /* small screens */ @media only screen and (max-width: 480px) { .mejs-currenttime, .mejs-duration {top: -5px;}} /* © PIXEL SCIENCE */