/****************mixins********************/ @maroon: #a83d35; @yellow: #ebc771; @darkgray: #242021; @gray: #d7d7d7; @lightgray: #f1f1f1; @lightwhite: #f8f8f8; @black:#000; /*------------Default Css-----------*/ @font-face { font-family: 'robotoregular'; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('../fonts/RobotoCondensed-Bold-webfont.eot'); src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('../fonts/Roboto-Medium-webfont.eot'); src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedregular'; src: url('../fonts/RobotoCondensed-Regular-webfont.eot'); src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_light'; src: url('../fonts/Roboto-Light-webfont.eot'); src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Light-webfont.woff') format('woff'), url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/Roboto-Light-webfont.svg#roboto_light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotobold'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } body{ background:url(../images/body-bg.png) repeat-y 0px 0px fixed; background-size:100%; font-family:'roboto_light'; } .content-bg{ background:url(../images/content-bg.png) no-repeat 0px 0px; background-size:100%; } .wrapper_ucM3d2uA h1, .wrapper_ucM3d2uA h2, .wrapper_ucM3d2uA h3, .wrapper_ucM3d2uA h4, .wrapper_ucM3d2uA h5, .wrapper_ucM3d2uA h6 { font-family: 'robotobold'; font-weight:normal; } h1,h2{ font-size:21px;} h3{font-size:18px} .wrapper_ucM3d2uA #block-views-watch-replays-block h2, .wrapper_ucM3d2uA #block-views-live-racing-block h2, .wrapper_ucM3d2uA #block-block-13 h2 { font-family: 'robotobold'; font-weight:normal; } /*------------End Default Css-----------*/ /*------------Start Header-----------*/ .HT_header{background:#000 !important; padding-top:5px;} #navbar{background:#a83d35;} .HT_nav{ background:#000 !important; } .wrapper_ucM3d2uA { .region-content{ #block-views-promo-display-block, #block-views-promo-display-block-3{ border-radius:5px; border:2px solid #231812; height:361px; overflow:hidden;} } ul.liScroll { line-height: 1.2; font-family:'robotomedium'; font-size:12px; font-weight:normal; } .views-field-nothing { .field-content { display: block; overflow: hidden; padding:0 !important; } } #views_slideshow_cycle_teaser_section_promo_display-block { width: 100% !important; } .view-promo-display { .views-slideshow-controls-top { width: 26.5%; float: left; margin-top:21px; } #views_slideshow_cycle_main_promo_display-block { width: 73.5%; float: left; a img{ width:100%} } } #block-views-promo-display-block { .views-slideshow-controls-text-previous, .views-slideshow-controls-text-next { display: block; position: absolute; left: 0; height: 21px; width: 162px; font: 0/0 sans-serif; color: transparent; background: url(../images/sprites/slider_arrows.png) no-repeat center 4px #d7d7d7; z-index: 0; border-bottom:1px solid #b7b7b7; a { display: block; } } .views-slideshow-cycle-main-frame-row-item .views-field-title, .views-slideshow-cycle-main-frame-row-item .views-field-field-strapline { background-color: #000; text-align: center; width: 100%; } .views-slideshow-controls-text-pause { display: none; } .views-slideshow-controls-text-next { bottom: 0px; background-position: center -14px; border-top:1px solid #b7b7b7; } .views-slideshow-controls-text-previous { top: 0px; } .views-slideshow-controls-bottom { position: relative; width: 1px; height: 358px; } .views-slideshow-controls-top { .views-content-title { margin: auto; height: 52px; padding: 6.25%; text-align: center; font-weight: 400; font-size: 13px; line-height:17px; color: #000000; font-family:'robotobold'; a { color: #3a2100; text-decoration:none; } } .views-slideshow-pager-field-item { /*border-left: 5px solid transparent;*/ /*height: 74.3px;*/ margin-bottom: 0px; position: relative; background: #f8f8f8; border-bottom: 1px solid #b7b7b7; } .views-slideshow-pager-field-item.active { /*border-left: 5px solid #002636;*/ position: relative; background: #f1f1f1;border-bottom:1px solid #b7b7b7; &:after, &:before { z-index:500;left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } &:after { border-color: rgba(241, 241, 241, 0); border-left-color: #f1f1f1; border-width: 23px; margin-top: -23px; } &:before { border-color: rgba(241, 241, 241, 0); border-left-color: #f1f1f1; border-width: 24px; margin-top: -24px; } a{ color:#7e2420;/* font-weight:bold;*/} } #views_slideshow_pager_field_item_top_promo_display-block_2.views-slideshow-pager-field-item.views_slideshow_pager_field_item.views-row-odd.active{ position: relative; background: #f1f1f1;border-bottom:1px solid #b7b7b7; &:after, &:before { z-index:1000;left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } &:after { border-color: rgba(241, 241, 241, 0); border-left-color: #f1f1f1; border-width: 32px; margin-top: -32px; } &:before { border-color: rgba(241, 241, 241, 0); border-left-color: #f1f1f1; border-width: 33px; margin-top: -33px; } a{ color:#7e2420;/* font-weight:bold;*/} } } .views-slideshow-cycle-main-frame-row-item { .views-field-nothing { width: 100%; } .views-field-title { text-transform: uppercase; color: #fca800; font-size: 21px; font-family: robotobold; line-height: 20px; padding-top: 8px; a { color: #fca800; } } .views-field-field-strapline { font-weight: bold; color: #fff; font-size: 14px; line-height: 26px; padding-bottom: 4px; } } } .positioner, .centered-text { float: left; } .centered-text { width: 50%; text-align: center; p.centered { font-family: 'robotomedium' !important; font-size: 20px; font-weight: bold; padding-top: 5px; } } #block-block-3a, #block-block-3 { clear: left; background-color: #000; padding: 5px; *zoom: 1; } #block-block-3a:before, #block-block-3:before, #block-block-3a:after, #block-block-3:after { display: table; content: ""; line-height: 0; } #block-block-3a:after,#block-block-3:after { clear: both; } #block-block-3a p,#block-block-3 p { color: #fff; float: none; margin: 0; line-height: 30px; } #block-block-3a h2.block-title, #block-block-3 h2.block-title { color: #FFFFFF; float: left; font-size: 0px; font-style: italic; font-weight: bold; margin: 0; padding: 5px 0 0 10px; text-indent: -10000000px; background: url("../images/mw-logo.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); width: 171px; height: 30px; margin-right: 20px; } #block-block-3a .signupimg, #block-block-3 .signupimg { float: right; font-family:'roboto_condensedbold'; font-size:21px; } #block-om-maximenu-om-maximenu-1 h3.title,#user-login-form .form-required,h1.page-header,#navbar { display: none; } #block-om-maximenu-om-maximenu-1 { clear: left; float: left; margin-bottom: 0; .block-block-id-2 { .content { text-align: center; } } } .region-content { clear: left; } .om-maximenu { .om-maximenu-content { left: 0; position: absolute; top: 30px; width: 100%; z-index: 500; } } #user-login-form { #edit-submit { position: absolute; } ul { display: none; } } #block-block-1 { float: left; margin-top: 0px; margin-bottom:3px; } .drop4 { margin-right: 0px !important; } .om-maximenu-no-style { .om-maximenu-content { float: left; left: 0; padding: 0; top: 37px; width: 940px; .content { width: 100%; } } } .om-maximenu-no-style { .first{ .om-maximenu-content { width: 188px; } } } .leaf-how-to-wager { .om-maximenu-middle-right { height: 225px; border: 3px solid #d3b464; background:#fff; } } .leaf-wager-online { .om-maximenu-middle { width: 20%; background: #fff; border: 3px solid #d3b464; } .om-maximenu-middle-right { padding: 0 !important; .leaf { a { display: block; padding: 8px 10px; color: #000; font-size: 13px; font-weight: normal !important; border-top: 1px solid #d3b464; text-transform: uppercase; font-family:'robotoregular' !important; &:hover { background: #f6f0e0; color:#593e13; } } } .leaf.first { a { border-top: 0; } } } } .nav-tabs { margin-bottom: 10px; clear: left; } #om-leaf-om-u1-357795345-1 { width: 140px; .om-maximenu-content { margin-bottom: -10px; left: -157px; position: absolute; top: auto; #block-block-3a { display: none; } } } #page-header { margin-bottom: 10px; } .view-locations-tabs { h2 { font-family: 'robotobold'; } } #user-login-form { #edit-submit { position: absolute; } ul { display: none; } } #block-block-1 { float: left; margin-top: 0px; margin-bottom:3px; } .drop4 { margin-right: 0px !important; } .om-maximenu-no-style { .om-maximenu-content { float: left; left: 0; padding: 0; top: 37px; width: 940px; .content { width: 100%; } } } #block-om-maximenu-om-maximenu-1 { .block-block-id-2 { .content { text-align: center; } } } .leaf-how-to-wager { .om-maximenu-middle-right { height: 225px; border: 3px solid #d3b464; background:#fff; } } .leaf-wager-online { .om-maximenu-middle { width: auto; background: #fff; border: 3px solid #d3b464; } .om-maximenu-middle-right { padding: 0 !important; .leaf { a { display: block; padding: 8px 10px; color: #000; font-size: 12px; font-weight: 600; border-top: 1px solid #d3b464; text-transform: uppercase; } a:hover { background: #f6f0e0; } } .leaf.first { a { border-top: 0; } } } } .nav-tabs { margin-bottom: 10px; clear: left; } #om-leaf-om-u1-357795345-1 { width: 140px; .om-maximenu-content { margin-bottom: -10px; left: -157px; position: absolute; top: auto; #block-block-3a { display: none; } } } #block-views-promo-display-block-1 { width: 100%; clear: left; height: 37px; background-color: #ac1c32; color: #fff; padding-top:0px; .view-promo-display { margin-top: 10px; float: left; width: 83%; margin-left: 1%; .views-field-title { .field-content { color: #fff !important; } } } h2.block-title { float: left; font-size: 14px; margin: 0; padding: 9px 4px 9px 5px; font-weight: normal; width: 14.5%; text-align: center; border-right: 2px solid #4b262c; background:#ecc872; color:#802f2b; border-radius:5px 0 0 5px; } } .liScroll-container { width: 100%; height: 12px; margin: 10px 0 0; padding: 0; overflow: hidden; font-size: 12px; .mask { width: 100%; top: 0px; left: 0px; } } #page-header { margin-bottom: 10px; } .view-locations-tabs { h2 { font-family:robotobold; } } .om-maximenu ul.om-menu li.om-leaf { display: block; list-style: none outside none; margin: 0; padding: 0; position: relative; z-index: 5; float: left; } #block-multiblock-4, #block-menu-menu-mobile-menu { display: none; } .login-wrapper { display: block; clear: both; .form-type-textfield:before, .form-type-password:before { content: " "; display: block; width: 26px; height: 26px; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/login_person.png) no-repeat center center; background-size: 40%; } .form-type-password:before { background-image: url(../images/login_padlock.png); background-size: 50%; } .form-type-textfield, .form-type-password { position: relative; } input[type="text"], input[type="password"] { position: relative; background: #fff; text-transform: uppercase; color: #b3b3b3; font-size: 10px; padding: 0 10px 0 25px; line-height: 26px; height: 26px; border-radius: 0; width: 100%; border: none; /*margin-bottom: 5px;*/ } .forgot-password-link { display: block; float: right; color: #fca800; text-transform: none; font-size: 10px; margin-top: 2px; } .btn { background: #fca800; border: none; text-align: center; color: #000000; text-transform: uppercase; padding: 0 20px; line-height: 26px; height: 26px; font-size: 10px; border-radius: 0; font-weight: bold; width: 100%; } .block-title { display: none; } .control-group { display: block; width: 100%; margin-bottom: 5px; } .login-button-wrapper { margin-bottom: 2px; } .user-name { color: #ffffff; font-size: 12px; line-height: 26px; text-align: right; padding-right: 10px; } } #block-block-1 { float: left; margin-bottom: 3px; margin-top: 0; } .master-header{ .navbar-header, .navbar-toggle, .navbar-btn, .navbar-nav { display: none !important; } .container { position: relative; clear: both; *zoom: 1; &:before,&:after { display: table; content: ""; line-height: 0; } &:after { clear: both; } } .navbar-collapse { *zoom: 1; margin-left: 0; margin-right: 0; padding: 0; position: relative; &:before,&:after { display: table; content: ""; line-height: 0; } &:after { clear: both; } } } #navbar { /*display: none;*/ display: block; *zoom: 1; &:before, &:after { display: table; content: ""; line-height: 0; } &:after { clear: both; } } #navbar:before, #navbar:after { display: table; content: ""; line-height: 0; } #block-block-16 iframe#loginframe { /*min-width: 382px; width: 412px; min-height: 77px; border: none; top: -30px; right: 0px; position: absolute;*/ min-width: 482px; width: 482px; min-height: 70px; border: none; top: -10px; right: -22px; position: absolute; } .responsive-menus { margin: 0px auto 0px auto !important; background:#ecc872; width:100%; float:none !important; } .responsive-menus.responsified { span.toggler { padding: 6px 1px 8px; background: #e7cdaa; margin: 20px 0 0px; border-radius: 0; box-shadow: none; border: 0; font-weight: bold; font-size: 13px; text-transform: uppercase; color:#000; .ico { background: url(../images/bg_menu_mobile.png) no-repeat center center; margin-left: 3px; width: 14px; height: 8px; display: inline-block; } } &.responsive-toggled.absolute .responsive-menus-simple{ z-index: 50; box-shadow: none; } &.responsive-toggled.absolute .responsive-menus-simple > .rm-removed > li { width: auto; margin: 0; } &.responsive-toggled .responsive-menus-simple{ width: 100%; ul{ width: 100%; } } &.responsive-menus-simple{ li:nth-child(n+2) a{ background: #000000; text-align: center; text-transform: uppercase; color: #ffffff; } li:nth-child(n+2).expanded.dropdown li { float: left; width: 33.333%; clear: none; a { display: block; position: relative; background: #e5e5e5; color: #000000; text-transform: none; margin: 0; padding: 45px 0 10px 0; } a:before { content: ''; position: absolute; top: 0; left: 50%; width: 70px; height: 40px; margin-left: -35px; background: url(../images/sprites/responsive_menu_icons.png) no-repeat 0 0; } &:first-child a:before { background-position: -24px 0; } &:nth-of-type(2) a:before { background-position: -125px 0; } &:nth-of-type(3) a:before { background-position: -232px 0; } &.first a { background: #000000; text-align: center; text-transform: uppercase; color: #ffffff; } &.first.expanded.dropdown li { float: left; width: 50%; clear: none; } &.first.expanded.dropdown li a { display: block; position: relative; background: #e5e5e5; color: #000000; text-transform: none; font-weight: 600; margin: 0; font-size: 10px; padding: 7px 10px; } } } } .responsive-menus.absolute { margin-top: 5px; } } #block-block-16 iframe#loginframe{ margin-top:-21px; } .om-maximenu { ul.om-menu { display: block; padding: 0; margin: 0; height: inherit; position: relative; z-index: 20; li.om-leaf { display: block; padding: 0; margin: 0; height: inherit; list-style: none; list-style-image: none; position: relative; z-index: 5; .om-link { display: block; padding: 0 15px; margin: 0; height: 37px !important; line-height: 37px; .om-subtitle { line-height: normal; display: block; margin-top: -2px; font-size: .9em; } } .om-link:hover { cursor: pointer; text-decoration: none; } } li.om-leaf.om-leaf-icon { .om-link { padding: 0; } } li.om-leaf:hover { .om-maximenu-content-nofade { display: block; } } li.backLava { position: absolute; top: 5px; height: 20px; background: #f2f2f2; z-index: 10; z-index: 3; } } .om-maximenu-top { position: relative; width: 100%; } .om-maximenu-bottom { position: relative; width: 100%; } .om-maximenu-content { left: 0; top: 30px; padding: 0; } .om-maximenu-middle { background: none #fff; width: 100%; } .om-maximenu-middle-right { padding: 10px; } } .om-clearfix { clear: both; } .om-maximenu.om-maximenu-main-menu { ul.om-menu { float: left; li.om-leaf { float: left; .om-link { float: left; } } } } .om-maximenu.om-maximenu-block.om-maximenu-row { ul.om-menu { li.om-leaf { float: left; .om-link { float: left; outline:none; } } } } .om-maximenu.om-maximenu-block.om-maximenu-column { height: auto; ul.om-menu { float: none; height: auto; li.om-leaf { float: none; height: auto; .om-link { float: none; height: auto; outline:none; } } } } .om-maximenu.om-maximenu-float.om-maximenu-row { ul.om-menu { li.om-leaf { float: left; .om-link { float: left; outline:none; } } } } .om-maximenu.om-maximenu-float.om-maximenu-column { height: auto; ul.om-menu { float: none; height: auto; li.om-leaf { float: none; height: auto; .om-link { float: none; height: auto; outline:none; } } } } .om-maximenu.om-maximenu-vertical { height: auto; width: 30px; ul.om-menu { height: auto; width: 30px; li.om-leaf { height: auto; width: 30px; .om-link { height: auto; width: 30px; padding: 30px 0; line-height: normal; outline:none; } } } } .om-maximenu.om-maximenu-vertical.om-maximenu-left { ul.om-menu { li.om-leaf { .om-link { -webkit-transform: rotate(-270deg); -moz-transform: rotate(-270deg); outline:none; } } } .om-maximenu-content { margin-left: 15px; } } .om-maximenu.om-maximenu-vertical.om-maximenu-right { ul.om-menu { li.om-leaf { .om-link { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); outline:none; } } } .om-maximenu-content { margin-right: 15px; } } .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-vertical.om-maximenu-left , .om-maximenu-content,.om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-vertical.om-maximenu-right .om-maximenu-content { top: -20px; } .om-maximenu.om-maximenu-dock { height: auto; ul.om-menu { height: auto; li.om-leaf-icon { height: auto; .om-link { height: auto; outline:none; } } } } .om-maximenu.om-maximenu-dock.om-maximenu-vertical { ul.om-menu { li.om-leaf-icon { .om-link { padding: 0; } } } } .om-maximenu.om-maximenu-dock.om-maximenu-left { ul.om-menu { li.om-leaf-icon { text-align: left; } } } .om-maximenu.om-maximenu-dock.om-maximenu-right { ul.om-menu { li.om-leaf-icon { text-align: right; } } } .om-maximenu.om-maximenu-dock.om-maximenu-middle { ul.om-menu { width: auto; li.om-leaf-icon { text-align: center; } } } .om-maximenu.om-maximenu-dock.om-maximenu-bottom,.om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu,.om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon,.om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon .om-link,.om-maximenu.om-maximenu-dock.om-maximenu-bottom ul.om-menu li.om-leaf-icon .om-link img { vertical-align: bottom; float: none; display: inline; } .om-maximenu.om-maximenu-dock.om-maximenu-bottom { ul.om-menu { li.om-leaf-icon { .om-maximenu-content { bottom: 50px; } } } } .om-maximenu.om-maximenu-dock.om-maximenu-top { height: 30px; ul.om-menu { li.om-leaf-icon { .om-maximenu-content { top: 50px; } } } } .om-maximenu.om-maximenu-dock.om-maximenu-top.om-maximenu-column { ul.om-menu { li.om-leaf-icon { .om-maximenu-content { top: -30px; } } } } .om-maximenu.om-maximenu-dock.om-maximenu-column.om-maximenu-top { height: auto; } .om-maximenu.om-maximenu-dock.om-maximenu-column.om-maximenu-top.om-maximenu-column { ul.om-menu { height: auto; } } .om-maximenu.om-maximenu-float { .om-maximenu-content { text-align: left; } } .om-maximenu.om-maximenu-float.om-maximenu-left { right: auto; ul.om-menu { position: relative; left: 0; } .om-maximenu-content { left: 10px; right: auto; } } .om-maximenu.om-maximenu-float.om-maximenu-right { left: auto; ul.om-menu { position: relative; right: 0; } .om-maximenu-content { right: 10px; left: auto; } } .om-maximenu.om-maximenu-float.om-maximenu-middle { bottom: 0; left: 0; right: 0; margin: 0 auto; z-index: 190; text-align: center; ul.om-menu { width: auto; margin: 0 auto; text-align: center; li.om-leaf { display: inline-block; float: none; .om-link { display: inline-block; float: none; } } } } .om-maximenu.om-maximenu-float.om-maximenu-top { height: 30px; .om-maximenu-content { bottom: auto; top: 30px; } } .om-maximenu.om-maximenu-float.om-maximenu-bottom { .om-maximenu-content { top: auto; bottom: 30px; } } .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-left { .om-maximenu-content { top: -50px; left: 100%; right: auto; } } .om-maximenu.om-maximenu-float.om-maximenu-column.om-maximenu-right { .om-maximenu-content { top: -50px; right: 100%; left: auto; } } .om-maximenu.om-maximenu-block { .om-maximenu-content { z-index: 500; } ul.om-menu { float: left; li.om-leaf { float: left; .om-link { float: left; } } } } .om-maximenu.om-maximenu-block.om-maximenu-block-up { .om-maximenu-content { top: auto; bottom: 30px; } } .om-maximenu.om-maximenu-block.om-maximenu-block-right { .om-maximenu-content { top: -50px; left: 100%; right: auto; } } .om-maximenu.om-maximenu-block.om-maximenu-block-left { .om-maximenu-content { top: -50px; right: 100%; left: auto; } } *+ html { .om-maximenu { .om-maximenu-content { width: 300px; } .om-maximenu-middle-right { width: 300px; margin-left: 20px; padding-left: 0; } } } .front { .white-bg{border:0 none !important;} .bx-wrapper .bx-viewport{ border:0px none !important; left:0 !important} ol.breadcrumb, #block-block-10, #block-block-11{ display:none !important;} #block-system-main{ display:none !important} .skin-default{ background:#fff; #views_slideshow_cycle_main_promo_display-block{ border-left:1px solid #ccc} } .col-sm-4 .skin-default{background:none;} .row.boxRadius .white-bg{ background:none !important} #navbar { position: relative; &:after { content: ""; position: absolute; width: 100%; /*height: 325px; background-color: #ccc; bottom: -428px;*/ } } } #om-maximenu-admin { table { .col-link { width: 75%; } } } #om-maximenu-blocks-get { .edit-block { display: inline; a { font-weight: bold; } } } .om-maximenu { height: auto; position: relative; z-index: 100; .om-maximenu-content { position: absolute; top: 30px; left: 0; min-width: 180px; z-index: 500; .block { position: relative; } } .om-maximenu-content.open { display: block !important; } .om-maximenu-open { position: absolute; bottom: -10px; right: 0; font-size: 9px; height: 15px; line-height: 15px; input { margin: 0 5px 0 0; float: left; } } .om-maximenu-edit { display: none; position: absolute; top: 0; right: 0; font-size: .7em; background-color: #fff; a { display: block; float: left; margin-left: 3px; height: 0; width: 16px; padding: 16px 0 0; overflow: hidden; background: url(images/icons.gif) 0 0 scroll no-repeat; } a:hover { background-position: 0 -16px; } } } .om-maximenu-content { display: none; .edit-block { display: none; position: absolute; top: 0; right: 0; font-size: .7em; background-color: #fff; } .block:hover { .edit-block { display: block; z-index: 1000; } } .block { .edit-block { a { display: block; float: left; margin-left: 3px; height: 0; width: 16px; padding: 16px 0 0; overflow: hidden; background: url(images/icons.gif) 0 0 scroll no-repeat; } a.block-config { background-position: 0 0; } a.block-config:hover { background-position: 0 -16px; } a.block-edit-menu { background-position: -16px 0; } a.block-edit-menu:hover { background-position: -16px -16px; } a.block-edit-view { background-position: -32px 0; } a.block-edit-view:hover { background-position: -32px -16px; } } } } .om-maximenu:hover { .om-maximenu-edit { display: block; z-index: 1000; } } #block-views-promo-display-block-block-1 .views-field-field-image .field-content img{width:100%; border-radius:5px; border:2px solid #000;} .wrapper_ucM3d2uA .main-container #block-views-promo-display-block-2{height: 295px; border-radius: 5px; border: 2px solid #000;} .wrapper_ucM3d2uA .facebook-widget-container{height:279px; min-height:279px !important;} .wrapper_ucM3d2uA .twitter-widget-container{height:279px; min-height:279px !important;} .social-icons{margin-left:49%;} .om-maximenu-open{display:none;} /*----------Menu---------------*/ .wrapper_ucM3d2uA { .region-content { clear: left; } #om-menu-main-menu-ul-wrapper { float: left; height: inherit; width: 100%; position: relative; top: 0px; } #block-om-maximenu-om-maximenu-1 { width: 100%; ul#om-menu-main-menu{ width: 100%; li.leaf-wager-online a.om-link{ padding-right: 20px; background: url("../images/tick-red.png") no-repeat scroll 90% 15px; font-family:'robotobold' !important; font-weight:normal; font-size:13px !important; outline:none; &:hover{ background-color: #d3b366; background-image: url("../images/tick-red.png"); } } li.leaf-how-to-wager a.om-link { padding-right: 20px; background: url("../images/tick-red.png") no-repeat scroll 90% 15px; font-family:'robotobold' !important; font-weight:normal; font-size:13px !important; &:hover{ background-color: #d3b366; background-image: url("../images/tick-red.png"); } } li.leaf-wager-online:hover > .om-link{ color: #802f2b; background-color: #d3b366; background-image: url("../images/tick-red.png"); } li.leaf-how-to-wager:hover > .om-link { color: #802f2b; background-color: #d3b366; background-image: url("../images/tick-red.png"); } li.leaf-wager-online.active > .om-link{ color: #802f2b; background-color: #d3b366; background-image: url("../images/tick-red.png"); background-repeat: no-repeat; background-position: 100% 15px; padding-right: 25px; padding-left: 5px; } li.leaf-how-to-wager.active > .om-link { color: #802f2b; background-color: #d3b366; background-image: url("../images/tick-red.png"); background-repeat: no-repeat; background-position: 100% 15px; padding-right: 25px; padding-left: 5px; } li.leaf-how-to-wager.active { height: inherit; } } ul#om-menu-main-menu > li { width: 16.66666%; } ul#om-menu-main-menu li a.om-link { display: block; color: #ffffff; font-size: 13px; font-family:'robotobold'; font-weight: normal; /*height: 37px !important;*/ margin: 0px auto 0; text-align: center; padding: 0px 5px; line-height: 37px; text-decoration:none; } ul#om-menu-main-menu > li.active{ color: #ffffff; background-color: #d3b366; /*margin: 10px auto 0;*/ text-align: center; /* padding-top: 4px;*/ margin-top: 0px; margin-right: 0; /*height: 37px;*/ font-family:'robotobold'; font-size: 13px; } ul#om-menu-main-menu > li > a:hover{ color: #ffffff; background-color: #d3b366; /*margin: 10px auto 0;*/ text-align: center; font-family:'robotobold'; font-size: 13px; height: 37px; } ul#om-menu-main-menu li a .open{ position: relative; top: 6px; } ul#om-menu-main-menu li.active .open{ position: relative; top: 6px; } } #om-maximenu-main-menu { ul.om-menu { li.om-leaf.first { float: left; font-family:'robotobold' !important; font-weight:normal; font-size:13px !important; } li.om-leaf.leaf-how-to-wager { .active { /* padding-bottom: 33px;*/ padding-top: 0px; display: inline-block; } ul li.active{ width: 23%; margin-right: 2%; margin-bottom: 10px; text-align: center; } } } } .drop1, .drop2, .drop3, .drop4{ width: 23%; margin-right: 2%; margin-bottom: 10px; text-align: center; display: inline; float: left; } .drop1 a, .drop2 a, .drop3 a, .drop4 a{ background-color: none !important; color: none; font-size: 0px !important; } #block-block-id-2 a:hover{ padding: 0px; font-size: 0px !important; } #block-block-id-2 a { padding: 0px; font-size: 0px !important; } #block-om-maximenu-om-maximenu-1 .om-maximenu.om-maximenu-block.om-maximenu-row ul.om-menu li.om-leaf .om-link { float: none; } } /*------------End Header-----------*/ /***********************************footer****************************************/ .wrapper_ucM3d2uA { footer{ padding:0; border:none; margin-top:0px !important; border-top:0px !important; .fullwidth_footertop{ width:100%; background:rgba(0,0,0,0.8); #block-views-popular-posts-block{ width: 67%; float: right; margin:3% 0 0; padding-bottom:3%; h2 { margin: 0 0 10px 7px; font-size: 19px; color:#fff; font-family:'robotoregular'; } .views-row { width: 50%; float: left; padding: 7px; border-bottom: 1px solid #706c6a; margin-bottom:7px; a{ float: left; text-decoration:none; outline:none; } &:nth-child(3),&:nth-child(4){border-bottom:none;} .views-field-nothing{ .field-content { display: block; overflow: hidden; } } } .views-field-field-image { float: left; margin: 0 7px 7px 0; } .views-field-title { text-transform: uppercase; color: #eac670; font-size:13px; font-family:'robotobold'; font-size:13px; } .views-field-body { float: left; width: 66%; color:#fff; font-size:13px; font-family:'robotoregular'; } } #block-block-6 { width: 33%; float: left; text-align: left; margin-top: 6%; h2:first-letter { font-size: 120%; } h2 { display: none; } p { font-weight: bold; font-style: italic; margin-bottom:15px; } .HT_footpopleft{ span{ color:#fff; display:inline-block; float:left; font-family:'robotomedium'; font-size:13px; font-weight:normal; img{padding-left:10px;} } } } } .footer_maroon{ background:#8e3023; .region-footer, .region-footer h2, .region-footer p, .region-footer a, .region-sidebar-second h2, .region-sidebar-second, .region-sidebar-second p, .region-sidebar-second a { color: #fff; font-family: 'robotoregular'; font-size:13px; } } #block-menu-menu-footer-secondary-menu { width:72%; ul { float: none; padding: 4px 0px 4px 5px; position: relative; li { /*background: url("../images/separator.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/ margin-right: 3px; margin-bottom: 5px; border-right:1px solid #fff; line-height:14px; &:first-child{ background:none; } &:last-child{ border-right:0px; } } &.nav > li > a { display: inline; padding: 0px 10px 0px 5px; position: relative; font-size:13px; &:hover,&.active,&:focus{ text-decoration:none; background: none; color: #fca800; } } } } #block-block-18 { float: right; clear: right; } } } /**********************why mywinners********************/ .wrapper_ucM3d2uA { .main-container { margin-bottom: 10px; section.col-sm-8 { /*border-right: 1px solid #ccc;*/ margin-right: -1px; } #page-header { margin-bottom: 10px; } @media (min-width: 480px) { #page-header { position: relative; } } .region-header { position: relative; } #block-block-3, #block-block-3a { clear: left; background-color: #232020; padding: 5px; *zoom: 1; margin-top:20px; border-radius:5px; } #block-block-3a{ .signupimg{ float:right; } } .positioner{margin-left:18px;} .positioner, .centered-text { float: left; p.centered { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; padding-top: 5px; } img{margin-right:20px;margin-top:5px;} } #block-block-3a p, #block-block-3 p { color: #fff; float: none; margin: 0; line-height: 44px; } #block-block-3a .signupimg, #block-block-3 .signupimg { background:@maroon; border-radius: 5px; color: #fff; float: right; font-size: 18px; margin: 10px 18px 10px 0px; padding: 5px 15px; a{ color:#fff; text-decoration:none; } } #block-views-promo-display-block-1 { width: 100%; clear: left; height: 37px; background-color:@maroon; color: #fff; margin-top: 10px; border-radius:5px; border:2px solid @black; .view-promo-display{ margin-top: 0px; float: left; width: 83%; margin-left: 1%; .views-field-title { .field-content { color: #fff !important; } } } h2.block-title { float: left; font-size: 14px; margin: 0; padding: 9px 4px 9px 5px; font-weight: normal; width: 14.5%; text-align: center; border-right: 2px solid #4b262c; background:#ecc872; color:#ffffff; border-radius:5px 0 0 5px; } } /***block-views-promo-display-block-1 end***********/ /******region header end********/ /********why my winners left start***/ .col-sm-8{ font-family:robotoregular; font-size:13px; .white-bg{ background:#fff; border-radius:5px; border:2px solid @black; .breadcrumb { display: block; padding: 8px 15px 8px; margin-bottom: 0px; list-style: none; background-color: transparent !important; border-radius: 0px; border-bottom: 1px solid #a9a9a9; li,li a { color: #000; font-size: 13px; &.active{color:#7e2420} } li + li:before{border-color: rgba(169, 169, 169, 0); border-top-color: #a9a9a9; border-width: 1px; margin-left: -1px;content:">"} } .region-content { clear: left; font-family: robotoregular; a.splash-link:hover { text-decoration: none; } a.splash-link { color: #000; } } &.page-node-60{ .field-name-title:before { content: " "; display: block; border: 8px solid black; position: absolute; left: 50%; bottom: -15px; margin-left: -8px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; text-align:center; } } .wrapper_ucM3d2uA.page-node-60{ .field-name-title{ h1{ bottom: 9px; color: #FFFFFF; font-weight: bold; margin-top: 0; position:absolute; font-size:20px; } &.arrow_box { position: relative; background: #e6e6e6; } &:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(230, 230, 230, 0); border-top-color: #e6e6e6; border-width: 20px; margin-left: -20px; } } } .view-why-mywinners{ .views-row { border-bottom: 1px solid #a9a9a9; margin-bottom: 0px; padding: 15px; clear: left; float: left; &:last-child{border-bottom:none;} } } .views-field-nothing{ .field-content { display: block; overflow: hidden; padding:0 18px; } } .region-content a.splash-link { color: #000; &:hover { text-decoration: none; } } .view-why-mywinners{ .views-field-field-image { float: left; margin: 5px 10px 10px 0; width: 9%; Img{border-radius:5px;width:50px;height:50px;} } } } } .view-why-mywinners{ .views-field-field-second-title { color: #000; font-size: 21px; font-family:robotobold; background: url("../images/readmore.png") no-repeat scroll right 7px transparent; float: left; padding-right: 24px; text-transform:uppercase; } } .view-why-mywinners .views-field-field-teaser { color: #000; float: left; width: 88%; p{font-family:robotoregular;font-size:13px;} } /************why my winners left end**********/ /********************why my winners rightside start********/ .col-sm-4 { #block-views-next-race-block-2{ background-color: @maroon; position: relative; border-radius:5px; border:2px solid #000; h2.block-title { float: left; max-width: 56px; font-size: 13px; text-transform: uppercase; font-style: italic; font-weight: bold; padding: 5px; background-image: url("../images/star.png"); background-repeat: no-repeat; background-position: 44px 5px; background-color: #000; background-attachment: scroll; margin: 0px !important; color: #fff; } .view-header{ font-size: 14px; font-style: italic; text-transform: uppercase; font-weight: bold; background: url("../images/star.png") no-repeat scroll -12px 5px rgba(0, 0, 0, 0); padding: 7px 5px 0 16px; float: left; color: #fff; position: absolute; left: 56px; top: 0px; } .bx-wrapper{ .bx-viewport { -moz-box-shadow: 0 0 0px #ccc; -webkit-box-shadow: 0 0 0px #ccc; box-shadow: 0 0 0px #ccc; border: solid #fff 0px; left: 0px !important; background: #fff; overflow: visible !important; margin-top: 37px; } } .next-race { width: 100%; float: left; } ul.bxslider-views-slideshow-main-frame li.bxslider-views-slideshow-main-frame-row{ left: 0px !important; width: 100% !important; } .next-race-title { clear: left; } .next-race,.next-race-title{ text-align: none; background-color: #fca800; color: #000; font-weight: bold; font-style: italic; font-size: 14px; line-height: 12px; line-height: 18px; padding-left: 42px; padding-right: 0px; } .bx-controls { position: absolute; top: 25px; } .bx-wrapper .bx-controls-direction a { position: absolute; margin-top: -16px; outline: 0; width: 12px; height: 21px; text-indent: -9999px; z-index: 50; } .view-empty { display: block; height: 306px; padding-top: 120px; text-align: center; position: relative; color:#fff; font-family:'robotomedium'; font-size:12px; font-weight:normal; &:before { content: ""; background: url("../images/star.png") no-repeat scroll -12px 5px rgba(0, 0, 0, 0); width: 30px; height: 30px; position: absolute; left: 56px; top: 0px; } } } #block-block-5 { background-color: @maroon; padding: 0; float: left; clear: left; width: 100%; border-radius:5px; margin:10px 0; .info-box { width: 100%; float: left; clear: left; margin-bottom: 10px; padding:10px; border-bottom:1px solid #333; &.no-border { border: none!important; } &:nth-child(4) { margin-bottom: 0px; } } .info-icon { width:15%; float: left; } .info-text { width: 80%; float: left; font-size: 15px; line-height: 20px; p,a { color: #fff; font-family: 'robotoregular'; } } } } #block-block-4 { background-color: @black; padding: 12px; margin:10px 0 ; border-radius:5px; width:100%; img { margin-right: 1%; &:nth-child(4) { margin-right: 0px; } } h2 { font-size: 16px; float: left; width: 38%; margin-right: 5px; margin: 0px; /*font-weight: bold;*/ font-family:'robotomedium'; color: #fff; } } #block-block-12 { background-color:@maroon; float: left; width: 100%; margin:10px 0; h2 { background-color: #000; font-size: 16px; margin: 0px; padding: 12px; font-weight: bold; color: #fff; } .ways-to-play { width: 32%; float: left; text-align: center; margin-top: 10px; margin-bottom: 10px; a{ color: #fff; &:hover { text-decoration: none; } } } } #block-block-5,#block-block-4,#block-block-12{ border:2px solid @black;border-radius:5px; } #block-views-promo-display-block-2 { padding: 12px 0 0 0; background-color: #000; float: left; clear: left; width: 100%; .bx-wrapper { margin: 0 auto 10px; padding: 0; position: relative; .bx-viewport { background: none repeat scroll 0 0 transparent; border: 0px solid #FFFFFF; box-shadow: 0 0 0px #CCCCCC; left: 0px; } } h2 { font-size: 16px; margin-bottom: 10px; margin-top: 0px; margin-left: 12px; /*font-weight: bold;*/ color: #fff; font-family:'robotomedium'; text-transform:uppercase; } .views-field-field-strapline { text-align: center; padding: 25px 12px 0 12px; position: relative; } .bx-controls { position: static; width: 100%; bottom: 21px; } } #block-multiblock-1,#block-multiblock-4 { display: none; } .liScroll-container .mask{ width:100%;} } } /******media queries*********/ @media (max-width: 480px) { .wrapper_ucM3d2uA { #block-system-main { padding-left: 10px; padding-right: 10px; font-family:'robotoregular'; font-weight:normal; #webform-client-form-2235 { .btn { width: 100%; } } } #node_21_view_map { text-indent: -9999px; } #ip-geoloc-map-of-view-locations_map-block.visible { width: 280px; min-width: 280px; margin-left: 17px; } #block-block-1 { display: none; } #block-block-3 { h2.block-title { width: 36%; height: 30px; margin-left: 3px; } .signupimg { clear: both; padding-top: 5px; width: 100%; img { width: 100%; } } .positioner { width: 8%; } } } .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { bottom:0px; } /*.full-width-footer { height: 476px; }*/ } @media (min-width: 300px) and (max-width: 331px) { .wrapper_ucM3d2uA.page-node-60 .field-name-title { height: 250px; } } @media (min-width: 332px) and (max-width: 419px) { .wrapper_ucM3d2uA.page-node-60 .field-name-title { height: 205px; } } /*@media (min-width: 300px) and (max-width: 330px) { .wrapper_ucM3d2uA .full-width-footer { background: url("../images/footer-bkg.png") repeat-x scroll center bottom #000000; height: 996px; } } @media (min-width: 331px) and (max-width: 368px) { .wrapper_ucM3d2uA .full-width-footer { background: url("../images/footer-bkg.png") repeat-x scroll center bottom #000000; height: 860px; } } @media (min-width: 369px) and (max-width: 390px) { .wrapper_ucM3d2uA .full-width-footer { background: url("../images/footer-bkg.png") repeat-x scroll center bottom #000000; height: 860px; } } @media (min-width: 391px) and (max-width: 419px) { .wrapper_ucM3d2uA .full-width-footer { background: url("../images/footer-bkg.png") repeat-x scroll center bottom #000000; height: 860px; } }*/ @media (max-width: 419px) { .wrapper_ucM3d2uA{ footer{ .fullwidth_footertop{ #block-views-popular-posts-block .views-row, #block-views-popular-posts-block { width: 100%; float: left; clear: left; } #block-views-popular-posts-block .views-field-body { float: left; width: 61%; } #block-block-6 { width: 100%; } } } } .col-sm-4, .col-sm-8 { padding: 0 5px !important; } .wrapper_ucM3d2uA { #block-views-watch-replays-block { .view { border-left: none; border-right: none; margin-right: 0; } } .social-bottons { .social-botton { vertical-align: top; float: left; width: 80px; } } .node-type-page { .field-name-post-date { margin-top: 55px; } } .view-why-mywinners { .views-field-field-second-title { font-size: 16px; background: url("../images/readmore.png") no-repeat scroll right 2px transparent; } } #block-block-16 { margin-top: 5px; } #block-block-1 { display: none; } .bx-controls { position: static; width: 100%; top: 0px; } .just-minutes { right: 3px; } } .wrapper_ucM3d2uA.page-node-30 { h1 { font-size: 26px; } } .wrapper_ucM3d2uA.page-node-30 .breadcrumb li,.wrapper_ucM3d2uA.page-node-30 .breadcrumb li a { font-size: 10px; } .wrapper_ucM3d2uA.page-node-60 { .breadcrumb { display: none; } } .wrapper_ucM3d2uA #node_page_full_group_postedby .views-field-title .field-content,.wrapper_ucM3d2uA #node_page_full_group_postedby .views-field-title .views-label-title,.wrapper_ucM3d2uA #node_page_full_group_postedby { font-size: 10px; } .wrapper_ucM3d2uA.page-node-53 .view-content .views-field-title,.wrapper_ucM3d2uA .node-type-view-container .view-content .views-field-title,.wrapper_ucM3d2uA.page-node-30 .view-content .views-field-title { font-size: 16px; } .wrapper_ucM3d2uA.page-node-53 .view-content .views-field-body,.wrapper_ucM3d2uA .node-type-view-container .view-content .views-field-body,.wrapper_ucM3d2uA.page-node-30 .view-content .views-field-body { font-size: 10px; } .wrapper_ucM3d2uA.page-node-60 .breadcrumb { display: none; } .wrapper_ucM3d2uA .main-container .view-why-mywinners .views-field-field-second-title { font-size: 16px; background: url("../images/readmore.png") no-repeat scroll right 2px transparent; } /*.wrapper_ucM3d2uA #block-views-popular-posts-block .views-field-body { float: left; width: 61%; }*/ .wrapper_ucM3d2uA .col-sm-4, .wrapper_ucM3d2uA .col-sm-8 { padding: 0 5px !important; } .wrapper_ucM3d2uA #block-block-16 { margin-top: 5px; } .wrapper_ucM3d2uA #block-block-1 { display: none; } .wrapper_ucM3d2uA .bx-controls { position: static; width: 100%; top: 0px; } .wrapper_ucM3d2uA .just-minutes { right: 3px; } .wrapper_ucM3d2uA #block-multiblock-3 a.bx-next, .wrapper_ucM3d2uA #block-views-next-race-block-2 a.bx-next { left: 165px; } .wrapper_ucM3d2uA #block-multiblock-4 .bx-controls, .wrapper_ucM3d2uA #block-views-promo-display-block-2 .bx-controls { position: static; width: 100%; /*top:0px;*/ } .wrapper_ucM3d2uA .main-container .view-why-mywinners .views-field-field-teaser { color: #000; float: left; width: 82%; } .wrapper_ucM3d2uA .main-container .col-sm-8 .white-bg .view-why-mywinners .views-field-field-image { float: left; margin: 10px 10px 10px 0; width: 15%; } .wrapper_ucM3d2uA #block-block-12, .wrapper_ucM3d2uA #block-multiblock-1, .wrapper_ucM3d2uA #block-block-5, .wrapper_ucM3d2uA #block-views-promo-display-block-2, .wrapper_ucM3d2uA #block-block-4, .wrapper_ucM3d2uA #block-views-next-race-block-1 { float: none; width: 100%; max-width: 320px; margin: 0 auto; clear: left; } .wrapper_ucM3d2uA ul.quicktabs-tabs li { background-color: #E5E5E5; float: left; height: 35px; margin-bottom: 5px; text-align: center; padding-top: 6px; } .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(16), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(13), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(10), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(7), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(4), .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li:nth-child(9), .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li:nth-child(6), .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li:nth-child(3), .wrapper_ucM3d2uA #quicktabs-view__expert_advice__block ul.quicktabs-tabs li:nth-child(3) { margin-right: 0px; } .wrapper_ucM3d2uA ul.quicktabs-tabs li a { font-family: robotobold; font-size: 12px; color: #000; } .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(11), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(6), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li, .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li { width: 32.5%; margin-right: 1.25%; } .wrapper_ucM3d2uA #block-menu-menu-mobile-menu { display: block; } .wrapper_ucM3d2uA #block-views-next-race-block-1 .next-race-title, .wrapper_ucM3d2uA #block-views-next-race-block-1 .next-race { padding-right: 50%; } .wrapper_ucM3d2uA #block-block-13 { padding-top: 30px; max-height: 136px; } .wrapper_ucM3d2uA #block-block-13 h2 { width: 100%; background-color: #000; font-size: 17px; font-family: 'robotoregular' !important; color: #fff; font-weight: normal; padding: 5px 20px 1px 20px; position: absolute; height: 30px; top: -20px; width:278px !important; } .wrapper_ucM3d2uA #block-views-live-racing-block { float: left; width: 100%; } .wrapper_ucM3d2uA .view-watch-replays .views-field-field-date span.date-display-single, .wrapper_ucM3d2uA .view-live-racing a:hover, .wrapper_ucM3d2uA .view-live-racing a, .wrapper_ucM3d2uA .view-watch-replays a:hover, .wrapper_ucM3d2uA .view-watch-replays a { font-size: 10px; } .wrapper_ucM3d2uA #block-views-watch-replays-block { margin-top: 0px; float: left; width: 100%; } .wrapper_ucM3d2uA #block-block-5, .wrapper_ucM3d2uA #block-views-promo-display-block-2, .wrapper_ucM3d2uA #block-block-4, .wrapper_ucM3d2uA #block-views-next-race-block-1 { float: none; width: 100%; max-width: 320px; margin: 0 auto; clear: left; } .wrapper_ucM3d2uA #block-views-next-race-block-1 { position: relative; } .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu { width: 100%; } .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu li a { font-size: 12px; } .wrapper_ucM3d2uA .om-maximenu .om-maximenu-middle { display: none; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 { display: block; } .wrapper_ucM3d2uA #block-views-next-race-block-2, .wrapper_ucM3d2uA #block-views-promo-display-block { display: none; } .wrapper_ucM3d2uA #block-block-9, .wrapper_ucM3d2uA #block-block-8 { display: none; } .wrapper_ucM3d2uA #block-block-11, .wrapper_ucM3d2uA #block-block-10, .wrapper_ucM3d2uA #block-block-9, .wrapper_ucM3d2uA #block-block-8 { width: 100%; float: left; padding: 0px; } .wrapper_ucM3d2uA .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; } .wrapper_ucM3d2uA .centered-text { width: 55%; text-align: center; } .wrapper_ucM3d2uA #block-multiblock-3 a { color: #fff; } .wrapper_ucM3d2uA #block-multiblock-3 { display: block; border-top: 0px; border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; float: left; width: 100%; position: relative; background-color: #a91c33; color: #fff; clear: left; margin-top: 15px; } .wrapper_ucM3d2uA #block-views-next-race-block-1 { display: none; } /* .wrapper_ucM3d2uA #block-block-6 { width: 100%; margin-bottom: 15px; } .wrapper_ucM3d2uA #block-views-popular-posts-block .views-row, .wrapper_ucM3d2uA #block-views-popular-posts-block { width: 100%; float: left; clear: left; }*/ .wrapper_ucM3d2uA .centered-text { width: 100%; text-align: center; } .wrapper_ucM3d2uA .centered-text p.centered { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: bold; padding-top: 5px; } .wrapper_ucM3d2uA #block-block-11, .wrapper_ucM3d2uA #block-block-10 { height: 250px; margin-bottom: 15px; } .wrapper_ucM3d2uA #block-block-13 { position: relative; } .wrapper_ucM3d2uA #block-om-maximenu-om-maximenu-1 ul#om-menu-main-menu li { width: 100%; } .wrapper_ucM3d2uA .view-promo-display .bx-viewport { width: 100%; overflow: hidden; position: relative; height: 257px; left: 0px !important; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing { background-color: #000; text-align: center; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-title { text-transform: uppercase; color: #fca800; font-size: 17px; font-weight: bold; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-field-strapline { font-weight: bold; color: #fff; font-size: 14px; } .wrapper_ucM3d2uA .sponsors img { margin: 0px; } .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu { float: right; margin-top: 8px; } .wrapper_ucM3d2uA .footer { padding-bottom: 0px; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 h2.block-title { width: 20%; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 .view-promo-display { width: 78%; } .wrapper_ucM3d2uA #block-multiblock-4, .wrapper_ucM3d2uA #block-om-maximenu-om-maximenu-1 { display: none; } } @media (min-width: 420px) and (max-width: 768px) { .wrapper_ucM3d2uA .main-container .col-sm-8 .white-bg .view-why-mywinners .views-field-field-image{ float: left; margin: 10px 10px 10px 0; width: 11%; } .wrapper_ucM3d2uA .main-container .view-why-mywinners .views-field-field-second-title{ color: #000; background: url("../images/readmore.png") no-repeat scroll right 8px transparent; float: left; padding-right: 24px; } .wrapper_ucM3d2uA .main-container .view-why-mywinners .views-field-field-teaser { width: 82%; } .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(16), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(13), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(10), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(7), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(4), .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li:nth-child(9), .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li:nth-child(6), .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li:nth-child(3), .wrapper_ucM3d2uA #quicktabs-view__expert_advice__block ul.quicktabs-tabs li:nth-child(3) { margin-right: 0px; } .wrapper_ucM3d2uA ul.quicktabs-tabs li a { font-size: 12px; color: #000; } .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(11), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li:nth-child(6), .wrapper_ucM3d2uA #quicktabs-view__locations_tabs__block ul.quicktabs-tabs li, .wrapper_ucM3d2uA #quicktabs-view__how_to_wager__block ul.quicktabs-tabs li { width: 32.5%; margin-right: 1.25%; } .wrapper_ucM3d2uA .view-best-runners .views-field-title { font-size: 10px; } .wrapper_ucM3d2uA .just-minutes { padding: 0px 5px; position: absolute; background-color: #000; font-size: 23px; width: 36px; height: 36px; float: right; top: -33px; right: 7px; text-align: center; font-weight: bold; color: #fff; } .wrapper_ucM3d2uA #block-multiblock-3 .view-header { font-size: 11px; width: 50%; } .wrapper_ucM3d2uA #block-multiblock-3 a.bx-next, .wrapper_ucM3d2uA #block-views-next-race-block-2 a.bx-next { left: 300px; } .wrapper_ucM3d2uA .view-watch-replays .views-field-field-date span.date-display-single, .wrapper_ucM3d2uA .view-live-racing a:hover, .wrapper_ucM3d2uA .view-live-racing a, .wrapper_ucM3d2uA .view-watch-replays a:hover, .wrapper_ucM3d2uA .view-watch-replays a { font-size: 10px; } } @media (min-width: 420px) and (max-width: 619px) { .wrapper_ucM3d2uA #block-block-12 { margin-right: 0.5%; } .wrapper_ucM3d2uA #block-block-5 .info-text { font-size: 11px; } footer{ .fullwidth_footertop { #block-views-popular-posts-block{ .views-row { width: 100% !important; float: left; .views-field-field-image{ img { width: 65px; } } } .views-field-body { float: left; width: 80%; font-size: 12px; } } } } } @media (min-width: 620px) and (max-width: 767px) { .wrapper_ucM3d2uA #block-block-12 { margin-right: 0.5%; } #block-views-popular-posts-block { .views-row { width: 50%; float: left; } .views-field-body { float: left; width: 56%; font-size: 12px; } } } /*@media (min-width: 420px) and (max-width: 479px) { .wrapper_ucM3d2uA .full-width-footer { height: 760px; } } @media (min-width: 480px) and (max-width: 560px) { .wrapper_ucM3d2uA .full-width-footer { height: 822px; } } @media (min-width: 561px) and (max-width: 619px) { .wrapper_ucM3d2uA .full-width-footer { height: 822px; } } @media (min-width: 620px) and (max-width: 660px) { .wrapper_ucM3d2uA .full-width-footer { height: 655px; } } @media (min-width: 661px) and (max-width: 740px) { .wrapper_ucM3d2uA .full-width-footer { height: 655px; } } @media (min-width: 741px) and (max-width: 767px) { .wrapper_ucM3d2uA .full-width-footer { height: 655px; } }*/ @media (min-width: 420px) and (max-width: 619px) { .wrapper_ucM3d2uA #block-views-popular-posts-block .views-field-body { float: left; width: 80%; font-size: 12px; } .wrapper_ucM3d2uA #block-views-popular-posts-block .views-field-field-image img { width: 65px; } .wrapper_ucM3d2uA #block-views-popular-posts-block .views-row { width: 100%; float: left; } } @media (min-width: 620px) and (max-width: 767px) { /* .wrapper_ucM3d2uA #block-views-popular-posts-block .views-field-body { float: left; width: 56%; font-size: 12px; } .wrapper_ucM3d2uA #block-views-popular-posts-block .views-row { width: 50%; float: left; }*/ } @media (min-width: 420px) and (max-width: 767px) { .wrapper_ucM3d2uA footer .fullwidth_footertop{ #block-views-popular-posts-block{ float: left; width: 100%; .views-row{ border-bottom: 1px solid #888; a { float: left; width: 100%; } &:nth-child(3){border-bottom:1px solid #888;} } } } #block-block-6 { width: 100%; padding-bottom: 10px; margin-top: 0px; .HT_footpopleft{ span{float:none}} } .wrapper_ucM3d2uA #block-block-5 .info-text { width: 60%; float: left; font-size: 13px; font-weight: bold; line-height: 15px; } .wrapper_ucM3d2uA #block-multiblock-3 a { color: #fff; } .wrapper_ucM3d2uA #block-multiblock-4 .views-field-field-strapline, .wrapper_ucM3d2uA #block-views-promo-display-block-2 .views-field-field-strapline { position: static; color: #fff; } .wrapper_ucM3d2uA #block-multiblock-4 .bx-controls, .wrapper_ucM3d2uA #block-views-promo-display-block-2 .bx-controls { position: static; width: 100%; /*top:0px;*/ /*display:none;*/ } .wrapper_ucM3d2uA.front .full-width-grey { top: 164px; height: 15%; } .wrapper_ucM3d2uA #block-block-15 { float: left; clear: none; width: 50%; margin-bottom: 15px; } .wrapper_ucM3d2uA #block-block-5, .wrapper_ucM3d2uA #block-block-12 { float: left; width: 49.5%; height: 190x; } .wrapper_ucM3d2uA #block-block-5 { margin-left: 0.5%; clear: none; } .wrapper_ucM3d2uA #block-block-12 { margin-right: 0.5%; } #block-menu-menu-footer-secondary-menu { width: 100%; margin-top: 5px; } .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu li a { font-size: 12px; } .wrapper_ucM3d2uA #block-block-8, .wrapper_ucM3d2uA #block-block-9 { display: none; } .wrapper_ucM3d2uA .sponsors img { width: 57px !important; height: 30px !important; } .wrapper_ucM3d2uA #block-views-promo-display-block-2 { /*display:none;*/ } .wrapper_ucM3d2uA #block-multiblock-3 { margin-right: 0.5%; } .wrapper_ucM3d2uA #block-multiblock-4 { margin-left: 0.5%; } .wrapper_ucM3d2uA #block-multiblock-3, .wrapper_ucM3d2uA #block-multiblock-4 { width: 49.5%; float: left; margin-top: 15px; clear: none; } .wrapper_ucM3d2uA #block-multiblock-4 { /*display:block*/ } .wrapper_ucM3d2uA #block-multiblock-3 { display: block; } .wrapper_ucM3d2uA #block-views-next-race-block-2 { /*display:none !important;*/ /*float:left !important;*/ } .wrapper_ucM3d2uA #block-block-13 { padding-top: 30px; max-height: 136px; } .wrapper_ucM3d2uA #block-block-13 h2 { width: 100%; background-color: #000; font-size: 26px; font-family: 'robotoregular' !important; color: #fff; font-weight: normal; padding: 5px 20px 1px 20px; position: absolute; height: 30px; top: -20px; width:278px !important; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-title { text-transform: uppercase; color: #fca800; font-size: 17px; font-weight: bold; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-field-strapline { font-weight: bold; color: #fff; font-size: 14px; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing { background-color: #000; text-align: center; } .wrapper_ucM3d2uA #block-block-10 h2, .wrapper_ucM3d2uA #block-block-11 h2 { font-size: 14px; } .wrapper_ucM3d2uA #block-om-maximenu-om-maximenu-1 { display: none; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 .views-liScroll-item { height: 12px; overflow: hidden; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 h2.block-title { float: left; font-size: 10px; margin: 0; padding: 3px 0 0 5px; font-weight: normal; width: 80px; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 .view-promo-display { margin-top: 3px; float: left; width: 77%; } .wrapper_ucM3d2uA .om-maximenu .om-maximenu-middle { display: none; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 { display: block; position: relative; z-index: 0; } .wrapper_ucM3d2uA #block-views-promo-display-block { display: none; } .wrapper_ucM3d2uA #block-views-next-race-block-1 .next-race-title, .wrapper_ucM3d2uA #block-views-next-race-block-1 .next-race { padding-right: 70%; } .wrapper_ucM3d2uA #block-views-promo-display-block-2, .wrapper_ucM3d2uA #block-block-4, .wrapper_ucM3d2uA #block-views-next-race-block-1 { float: none; width: 100%; clear: left; max-width: 320px; margin: 0 auto; } .wrapper_ucM3d2uA #block-block-11, .wrapper_ucM3d2uA #block-block-10, .wrapper_ucM3d2uA #block-block-9, .wrapper_ucM3d2uA #block-block-8 { width: 50%; float: left; } .wrapper_ucM3d2uA .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; } } @media (min-width: 768px) and (max-width: 991px) { #block-views-popular-posts-block{ .views-field-body { float: left; width: 57%; } } .wrapper_ucM3d2uA { /*.sponsors img:nth-child(1) {*/ /*width: 80px !important;*/ /*height: 40px !important;*/ /*}*/ } .wrapper_ucM3d2uA .view-best-runners .views-field-views-conditional, .wrapper_ucM3d2uA .view-best-runners .views-field-field-odds { width: 40px; font-size: 12px; } .wrapper_ucM3d2uA .views-field-field-postposition, .wrapper_ucM3d2uA .views-field-counter { width: 40px; height: 30px; } /* .wrapper_ucM3d2uA #block-views-popular-posts-block .views-field-body { float: left; width: 57%; }*/ .wrapper_ucM3d2uA ul.quicktabs-tabs li a { font-size: 12px; } .wrapper_ucM3d2uA #block-block-13 h2 { font-size: 19px; } /*.wrapper_ucM3d2uA .full-width-footer { background: url("../images/footer-bkg.png") repeat-x scroll center bottom #000000; height: 440px; }*/ .wrapper_ucM3d2uA .view-popular-posts a { font-size: 80%; } .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu { width: 100%; margin-top: 8px; } .wrapper_ucM3d2uA #block-multiblock-4 .bx-controls, .wrapper_ucM3d2uA #block-views-promo-display-block-2 .bx-controls { position: static; width: 100%; bottom:21px; } .wrapper_ucM3d2uA #block-block-3, .wrapper_ucM3d2uA #block-block-3 p { font-size: 100%; } .wrapper_ucM3d2uA #block-block-3 h2.block-title { font-size: 120%; } .wrapper_ucM3d2uA #block-block-3 .positioner img { width: 15px; height: 20px; } .wrapper_ucM3d2uA #block-block-3a h2.block-title, .wrapper_ucM3d2uA #block-block-3 h2.block-title { color: #FFFFFF; float: left; font-size: 0px; font-style: italic; font-weight: bold; margin: 0; padding: 5px 0 0 10px; text-indent: -10000000px; background: url("../images/mw-logo.png") no-repeat scroll 0px 2px rgba(0, 0, 0, 0); width: 171px; height: 30px; margin-right: 20px; } .wrapper_ucM3d2uA #block-block-3 .signupimg { float: right; width: 150px; } .wrapper_ucM3d2uA .centered-text { width: 47%; text-align: center; } .wrapper_ucM3d2uA .signupimg img { width: 150px; float: right; } .wrapper_ucM3d2uA #block-om-maximenu-om-maximenu-1 { display: none; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-title { text-transform: uppercase; color: #fca800; font-size: 17px; font-weight: bold; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-field-strapline { font-weight: bold; color: #fff; font-size: 14px; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing { background-color: #000; text-align: center; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 h2.block-title { float: left; font-size: 11px; margin: 0; padding: 3px 0 0 5px; font-weight: normal; width: 14%; } .wrapper_ucM3d2uA #block-views-promo-display-block-1 .view-promo-display { margin-top: 2px; float: left; width: 84%; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 { display: block; } .wrapper_ucM3d2uA #block-views-promo-display-block { display: none; } .wrapper_ucM3d2uA .view-best-runners .views-field-title { font-size: 10px; } .wrapper_ucM3d2uA .just-minutes { padding: 0px 5px; position: absolute; background-color: #000; font-size: 26px; width: 40px; height: 40px; float: right; top: -33px; right: 7px; text-align: center; font-weight: bold; color: #fff; } .wrapper_ucM3d2uA #block-views-next-race-block-2 .view-header { font-size: 11px; width: 50%; height: 28px; } .wrapper_ucM3d2uA #block-multiblock-3 a.bx-next, .wrapper_ucM3d2uA #block-views-next-race-block-2 a.bx-next { left: 170px; } } @media (min-width: 992px) and (max-width: 1199px) { .wrapper_ucM3d2uA #block-block-3 { font-size: 90%; } .wrapper_ucM3d2uA #block-om-maximenu-om-maximenu-1 { display: block; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .bx-wrapper { position: relative; margin: 0 auto 0px; padding: 0; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-title { text-transform: uppercase; color: #fca800; font-size: 17px; font-weight: bold; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing .views-field-field-strapline { font-weight: bold; color: #fff; font-size: 14px; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 .views-field-nothing { background-color: #000; text-align: center; } .wrapper_ucM3d2uA #block-views-promo-display-block-3 { display: none; } .wrapper_ucM3d2uA #block-views-promo-display-block { display: block; } } @media (min-width: 1200px) { .col-sm-8 { width: 66%; padding-right: 10px; } .col-sm-4 { padding-left: 2px; width: 34%; } .wrapper_ucM3d2uA { #block-views-promo-display-block-3 { display: none; } #block-views-promo-display-block { display: block; } .container { width: 969px; } .col-sm-8 { width: 66%; padding-right: 10px; } .col-sm-4 { padding-left: 2px; width: 34%; } } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:0; } .bx-wrapper { .bx-viewport { border:0px none; box-shadow:none; } } } @media (min-width: 480px) { .wrapper_ucM3d2uA { .login-wrapper { position: absolute; right: 10px; top: 0px; z-index: 20; .control-group { float: left; width: 125px; margin-right: 5px; margin-bottom: 0; } .login-button-wrapper { width: 100px; margin-right: 0; margin-bottom: 0; } .btn { width: 100px; } } } .wrapper_ucM3d2uA .login-wrapper input[type="text"],.wrapper_ucM3d2uA .login-wrapper input[type="password"] { width: 125px; margin-bottom: 0; } } @media (min-width: 600px) { } @media (min-width: 600px) { } @media (max-width: 1006px) { .wrapper_ucM3d2uA .master-header { background-image: url(../images/bkg-full-mobile.png); } } @media (max-width: 480px) { } @media (max-width: 1006px) { .wrapper_ucM3d2uA #block-om-maximenu-om-maximenu-1 { display: none; } .views-slideshow-bxslider li img{ width:100%} .wrapper_ucM3d2uA #block-views-live-racing-block{ width: 50.1% !important;} } @media (min-width: 768px) { .wrapper_ucM3d2uA .sponsors-block { background: transparent; float: left !important; margin: 30px -115px 0 -10px !important; padding-bottom: 0 !important; } } @media (min-width: 992px) { .wrapper_ucM3d2uA .sponsors-block { margin: 30px 0 0 !important; } } @media (max-width: 767px) { .wrapper_ucM3d2uA footer #block-block-18 { float: none; text-align: center; } #block-views-popular-posts-block { background-color: black; padding-top: 10px; padding-bottom: 20px; padding: 20px; width: 104% !important; margin-right: -12px; } .wrapper_ucM3d2uA footer .fullwidth_footertop #block-block-6 { background-color: black; margin-right: -12px; width: 104% !important; padding-top: 15px; padding-bottom: 10px; margin-top: 0; text-align:center; .HT_footpopleft{ span{float:none} } } } @media (min-width: 480px) { .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu ul { width: 340px; margin: 0 auto 20px; display: block; } } @media (min-width: 768px) { .wrapper_ucM3d2uA { .sponsors-block { .sponsors { padding-top: 20px; } } #block-block-18 { margin-right: 4px; margin-top:25px; margin-bottom:20px; } #block-menu-menu-footer-secondary-menu { ul { width: auto; margin-right: 0; margin-left: 0; margin-bottom: 5px; text-align: center; li { display: inline-block; float: none; } li:nth-child(3) { clear: both; /*background: url("../images/separator.png") no-repeat scroll left top rgba(0, 0, 0, 0);*/ } } } } } @media (max-width: 767px) { #block-views-popular-posts-block { background-color: black; padding-top: 10px; padding-bottom: 20px; padding: 20px; width: 104% !important; margin-left: -12px; margin-right: -12px; } #block-block-6 { background-color: black; margin-left: -12px; margin-right: -12px; width: 104% !important; padding-top: 15px; padding-bottom: 10px; margin-top: 0; } } @media (max-width: 632px) { #block-views-popular-posts-block { width: 107% !important; } #block-block-6 { width: 107% !important; } } @media (max-width: 420px) { #block-views-popular-posts-block { width: 107% !important; } #block-block-6 { width: 107% !important; margin-top: 0 !important; } } @media (max-width: 378px) { #block-views-popular-posts-block { width: 109% !important; } #block-block-6 { width: 109% !important; margin-top: 0 !important; } } @media (max-width: 767px) { .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu ul { text-align: center; } .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu ul li { float: none; display: inline-block; } .wrapper_ucM3d2uA footer #block-menu-menu-footer-secondary-menu { margin-top: 0; width: 100%; } } @media (max-width: 768px) { .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu ul li:nth-child(1) { background: none; } } @media (max-width: 992px) { .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu { width: 58%; } } @media (min-width: 992px) { .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu { width: 68%; max-width: 710px; } } @media (min-width: 768px) { .wrapper_ucM3d2uA #block-menu-menu-footer-secondary-menu { margin-top: 22px; float:left; margin-bottom:7px; } } @media (max-width: 340px) { .wrapper_ucM3d2uA.page-node-60 .field-name-title { height: 190px; } .wrapper_ucM3d2uA.page-node-60 .field-name-title h1 { font-size: 25px; } } @media (min-width: 990px) { .wrapper_ucM3d2uA .bx-wrapper .bx-pager, .wrapper_ucM3d2uA .bx-wrapper .bx-controls-auto { bottom:0px; } } @media (max-width: 765px) { .wrapper_ucM3d2uA .bx-wrapper .bx-pager, .wrapper_ucM3d2uA .bx-wrapper .bx-controls-auto { bottom:0px; display: block; } } /*.wrapper_ucM3d2uA #block-block-17{background:#000; border:2px solid #000; border-radius:5px; margin-top:-15px;} .wrapper_ucM3d2uA #block-block-17{background:#000; border:2px solid #000; border-radius:5px; margin-top:-15px;}*/ @media (max-width: 768px) { .wrapper_ucM3d2uA #block-multiblock-4 .bx-controls { display: block; } } @media (max-width: 767px) { .wrapper_ucM3d2uA .region-sidebar-second > .block { width: 100% !important; max-width: 320px; margin: 10px auto 0 !important; float: none !important; } } @media (max-width: 767px) { .wrapper_ucM3d2uA .region-sidebar-second { clear: both; } } @media (min-width: 768px) and (max-width: 992px) { .wrapper_ucM3d2uA .social-icons { min-width: 105px; } } @media (min-width: 768px) and (max-width: 992px) { .wrapper_ucM3d2uA .social-icons a { display: inline-block; width: 25px; height: 25px; margin-top: 5px; } .wrapper_ucM3d2uA .main-container .col-sm-8 .white-bg { .view-why-mywinners{ .views-field-field-image{width:11%;} .views-field-field-teaser {width:85%;} } } } @media (max-width: 992px) { .wrapper_ucM3d2uA { .phone-field { float: left; clear: both; .phone-label { background-position: 12px 0px; padding-left: 50px; min-width: 95px; } } .addres-field { min-height: 40px; } } .wrapper_ucM3d2uA .addres-field,.wrapper_ucM3d2uA .phone-field { font-size: 13px; } .wrapper_ucM3d2uA .bx-wrapper .bx-pager, .wrapper_ucM3d2uA .bx-wrapper .bx-controls-auto { bottom:0px; display: block; } } @media (max-width: 768px) { .wrapper_ucM3d2uA #block-block-16 iframe#loginframe { right: 100px; } } @media (max-width: 600px) { .wrapper_ucM3d2uA #block-block-16 iframe#loginframe { position: relative; top: 0; left: 50%; right: auto; margin-left: -225px; min-height: 67px; } } @media (max-width: 600px) { .wrapper_ucM3d2uA { #block-block-1 { display: block; float: none; margin: 10px auto 0; width: 160px; z-index: 10; position: relative; height: 40px; img { height: 40px; width: auto; } } #block-block-16 { position: relative; left: auto; clear: both; width: 100%; margin: 0 auto; top: auto; z-index: 0; height: 65px; overflow: hidden; } } } @media (min-width: 480px) and (max-width: 992px) { .wrapper_ucM3d2uA .facebook-widget-container { min-height: 322px; height: 322px; } } @media (min-width: 992px) { .wrapper_ucM3d2uA .facebook-widget-container { min-height: 274px; height: 274px !important; } } @media (min-width: 480px) and (max-width: 992px) { .wrapper_ucM3d2uA .facebook-widget-container .fb-like-box > span, .wrapper_ucM3d2uA .facebook-widget-container .fb-like-box > span > iframe { height: 317px !important; } } @media (min-width: 480px) and (max-width: 992px) { .wrapper_ucM3d2uA #twitter-widget-1 { min-height: 322px; height: 322px; } } @media (min-width: 992px) { .wrapper_ucM3d2uA #twitter-widget-1 { height: 274px; } } @media (max-width: 768px) { .wrapper_ucM3d2uA #block-block-3 { margin: 5px 0; } .wrapper_ucM3d2uA #block-block-3 h2.block-title { width: 20%; background-size: 100%; height: 20px; } .wrapper_ucM3d2uA #block-block-3 .signupimg { width: 23%; padding-top: 0; } .wrapper_ucM3d2uA #block-block-3 .signupimg img { max-width: 100%; } .wrapper_ucM3d2uA #block-block-3 .centered-text .centered { font-size: 13px; } .wrapper_ucM3d2uA #block-block-3 .positioner { width: 2.5%; } .wrapper_ucM3d2uA #block-block-3 .positioner img { max-width: 100%; } } @media (max-width: 600px) { .wrapper_ucM3d2uA #block-block-3 .signupimg { padding-top: 1px; padding-bottom: 2px; } .wrapper_ucM3d2uA #block-block-3 .centered-text .centered { font-size: 11px; } } @media (max-width: 350px) { .wrapper_ucM3d2uA #block-block-3 h2.block-title { width: 82%; height: 32px; margin-left: 3px; } .wrapper_ucM3d2uA #block-block-3 .signupimg { clear: both; padding-top: 5px; width: 100%; } .wrapper_ucM3d2uA #block-block-3 .signupimg img { width: 100%; } .wrapper_ucM3d2uA #block-block-3 .positioner { width: 8%; } } @media (max-height: 480px) { /* .wrapper_ucM3d2uA aside.col-sm-4 { clear: both; }*/ } @media (min-width: 992px) and (max-width: 1200px) { .wrapper_ucM3d2uA #block-views-next-race-block-2 .next-race-title { font-size: 13px; } } @media (min-width: 768px) and (max-width: 991px) { .wrapper_ucM3d2uA #block-views-next-race-block-2 .next-race-title { padding-right: 49px; font-size: 12px; } } @media (max-width: 767px) { .wrapper_ucM3d2uA #block-views-next-race-block-2 .next-race-title { padding-right: 20px; } } @media (max-width: 1006px) { .front #navbar:after { bottom: -428px; } } @media (max-width: 992px) { .front #navbar:after { height: 305px; bottom: -405px; } } @media (max-width: 767px) { .front #navbar:after { display: none !important; } .wrapper_ucM3d2uA #block-block-17 { margin-top: 10px; } } @media (min-width: 767px) and (max-width: 992px) { .wrapper_ucM3d2uA .view-best-runners .views-row { padding: 2px 7px; } .wrapper_ucM3d2uA #block-views-next-race-block-2 .view-footer { padding: 5px 4px; } #block-views-next-race-block-2#block-views-next-race-block-2 { margin-bottom: 20px; } .wrapper_ucM3d2uA #block-block-17 { margin-top: 10px; } } @media (max-width: 991px) and (min-width: 768px) { #block-views-next-race-block-2 .view-empty { height: 290px; } } @media (min-width: 768px) and (max-width: 1200px) { .wrapper_ucM3d2uA .col-sm-4{padding-left:0px !important;} } @media (min-width: 800px){ #block-views-promo-display-block-block-1{ .views-slideshow-cycle-main-frame-row{ width: 312px !important; height: 271px !important; } } }