/* Theme Name: The F1 Spectator Theme Description: This is The F1 Spectator Theme created for the Genesis Framework. Author: iGuiding Author URI: http://www.iguiding.com/ Version: 2.0.1 Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready Template: genesis Template Version: 2.0.1 License: GPL-2.0+ License URI: http://www.opensource.org/licenses/gpl-license.php */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Forms - Tables - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Titles - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Gravity Forms - Jetpack - Site Header - Title Area - Widget Area - Site Navigation - Header Navigation - Primary Navigation - Secondary Navigation - Content Area - Entries - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - Media Queries - max-width: 1139px - max-width: 1023px - max-width: 767px */ /* HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* FONT ICON */ @font-face { font-family: 'icomoon'; src: url('./fonts/icomoon.eot?61ikvz'); src: url('./fonts/icomoon.eot?61ikvz#iefix') format('embedded-opentype'), url('./fonts/icomoon.ttf?61ikvz') format('truetype'), url('./fonts/icomoon.woff?61ikvz') format('woff'), url('./fonts/icomoon.svg?61ikvz#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-F1Spick:before { content: "\e911"; } .icon-02:before { content: "\e900"; } .icon-03:before { content: "\e901"; } .icon-04:before { content: "\e902"; } .icon-05:before { content: "\e903"; } .icon-06:before { content: "\e904"; } .icon-07:before { content: "\e905"; } .icon-08:before { content: "\e906"; } .icon-09:before { content: "\e907"; } .icon-10:before { content: "\e908"; } .icon-11:before { content: "\e909"; } .icon-12:before { content: "\e90a"; } .icon-13:before { content: "\e90b"; } .icon-14:before { content: "\e90c"; } .icon-15:before { content: "\e90d"; } .icon-16:before { content: "\e90e"; } .icon-17:before { content: "\e90f"; } .icon-01:before { content: "\e910"; } /* END FONT ICON */ /* Baseline Normalize normalize.css v2.1.2 | MIT License | git.io/normalize --------------------------------------------- */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block } audio, canvas, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } [hidden] { display:none } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } a:focus { outline: thin dotted } a:active, a:hover { outline: 0 } h1 { font-size: 1.2em; margin: .67em 0 } abbr[title] { border-bottom: 1px dotted } b, strong { font-weight: bold } dfn { font-style: italic } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } mark { background: #ff0; color: #000 } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em } pre { white-space: pre-wrap } q { quotes: "\201C" "\201D" "\2018" "\2019" } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { border: 0 } svg:not(:root) { overflow: hidden } figure { margin: 0 } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } legend { border: 0; padding: 0 } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0 } button, input { line-height: normal } button, select { text-transform: none } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0 } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0 } textarea { overflow: auto; vertical-align: top } table { border-collapse: collapse; border-spacing: 0 } .introtext { font-size: 120%; color: #838385; line-height: 1.825 } .attribution { font-size: 60%; color: #838385} /* Box Sizing --------------------------------------------- */ *, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------------------------------- */ /* Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } body { background-color: #fff; color: #666; font-family: 'Open Sans', serif; font-size: 16px; font-weight: 300; line-height: 1.625; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } a { color: #666; text-decoration: none; } a img { margin-bottom: -4px; margin-bottom: -0.4rem; } a:hover { color: #333; } p { margin: 0 0 24px; margin: 0 0 2.4rem; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } blockquote, blockquote::before { color: #999; } blockquote { margin: 40px 40px 24px; margin: 4rem 4rem 2.4rem; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } .entry-content code { background-color: #333; color: #ddd; } cite { font-style: normal; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Open Sans', serif; font-weight: 700; line-height: 1.2; margin: 0 0 16px; margin: 0 0 1.6rem; } /* h1 { font-size: 36px; font-size: 3.6rem; font-family: 'ubuntu', serif; } h2 { font-size: 24px; font-size: 3rem; font-family: 'ubuntu', serif; } h3 { font-size: 18px; font-size: 2.4rem; font-family: 'ubuntu', serif; } h4 { font-size: 16px; font-size: 2rem; font-family: 'ubuntu', serif; } */ h5 { font-size: 16px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; width: auto; /* IE8 */ } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 1px 1px 3px #eee inset; color: #999; font-size: 14px; font-size: 1.4rem; padding: 16px; padding: 1.6rem; width: 100%; } input:focus, textarea:focus { border: 1px solid #999; outline: none; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #333; border: none; box-shadow: none; color: #fff; cursor: pointer; padding: 16px 24px; padding: 1.6rem 2.4rem; text-transform: uppercase; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { background-color: #f15123; } .entry-content .button:hover { color: #fff; } .button { border-radius: 3px; display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } tbody { border-bottom: 1px solid #ddd; } th, td { text-align: left; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ddd; padding: 6px 0; padding: 0.6rem 0; } /* Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; /*max-width: 1140px; */} .site-inner { clear: both; padding-top: 40px; padding-top: 4rem; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 920px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content */ .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 520px; } .full-width-content .content { width: 100%; } /* Primary Sidebar */ .sidebar-primary { float: right; width: 360px; background: #fff; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Common Classes---------------------------------------------------------------------------------------------------- */ /* WordPress --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; } .alignright .avatar { margin-left: 24px; margin-left: 2.4rem; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .sticky { } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 2.4rem; } img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 2.4rem 2.4rem; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .gallery-caption { } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Genesis --------------------------------------------- */ .breadcrumb { margin-bottom: 20px; margin-bottom: 2rem; } .archive-description, .author-box { background-color: #fff; margin-bottom: 40px; margin-bottom: 4rem; } .archive-description { padding: 40px 40px 24px; padding: 4rem 4rem 2.4rem; } .author-box { padding: 40px; padding: 4rem; } .author-box-title { color: #333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; margin-bottom: 0.4rem; } .author-box a { border-bottom: 1px solid #ddd; } .author-box p { margin-bottom: 0; } .author-box .avatar { margin-right: 24px; margin-right: 2.4rem; } /* Titles --------------------------------------------- */ .entry-title { font-size: 30px; font-size: 3.0rem; line-height: 1; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover { color: #666; } .widget-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 24px; margin-bottom: 2.4rem; text-transform: uppercase; } .sidebar .widget-title a { border: none; } .archive-title { font-size: 20px; font-size: 2rem; margin-bottom: 24px; margin-bottom: 2.4rem; } /*Widgets---------------------------------------------------------------------------------------------------- */ /* Featured Content--------------------------------------------- */ .featured-content .entry { border-bottom: 2px solid #f5f5f5; margin-bottom: 20px; margin-bottom: 2rem; padding: 0 0 24px; padding: 0 0 2.4rem; } .featured-content .entry-title { border: none; font-size: 24px; font-size: 2.4rem; line-height: 1.2; } .featured-content .entry-title a { border: none; } /*Plugins---------------------------------------------------------------------------------------------------- */ /* Genesis eNews Extended--------------------------------------------- */ .enews-widget { color: #999; } .enews-widget .widget-title { color: #fff; } .enews-widget input { margin-bottom: 16px; margin-bottom: 1.6rem; } .enews-widget input:focus { border: 1px solid #ddd; } .enews-widget input[type="submit"] { background-color: #f15123; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"] { background-color: #fff; color: #333; } /* Genesis Latest Tweets--------------------------------------------- */ .latest-tweets ul li { margin-bottom: 16px; margin-bottom: 1.6rem; } /* Gravity Forms--------------------------------------------- */ div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label { font-size: 16px; font-size: 1.6rem; padding: 16px; padding: 1.6rem; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; margin: 1.6rem 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; font-size: 1.4rem; } /* Jetpack--------------------------------------------- */ img#wpstats { display: none; } /*Site Header---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #fff; } .site-header .wrap { padding: 40px 0; padding: 4rem 0; } /* Title Area --------------------------------------------- */ .title-area { float: left; font-family: 'ubuntu', serif; font-weight: 700; padding: 16px 0; padding: 1.6rem 0; width: 320px; } .header-image .title-area { padding: 0; } .site-title { font-size: 28px; font-size: 2.8rem; line-height: 1; margin: 0 0 8px; margin: 0 0 0.8rem; text-transform: uppercase; } .site-title a, .site-title a:hover { color: #333; } .site-description { color: #999; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1; margin-bottom: 0; } /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { width: 100%; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } /* Logo, hide text */ /*.header-image .site-header .wrap { background: url(images/the-f1-spectator.png) no-repeat left; padding: 0; } .header-image .site-header .f1-logo { background: url(images/the-f1-spectator.png) no-repeat left; padding: 0; }*/ .header-image .site-title a { float: left; min-height: 131px; width: 100%; } .two-third.f1-logo{padding-left: 33% !important;} /* Widget Area --------------------------------------------- */ .widget-area { word-wrap: break-word; } .site-header .widget-area { float: right; text-align: right; width: 800px; } .header-image .site-header .widget-area { padding: 40px 0; padding: 4rem 0; } .site-header .search-form { float: right; margin-top: 24px; margin-top: 2.4rem; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; color: #999; font-family: 'Open Sans', serif; line-height: 1.5; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; text-align: left; } .genesis-nav-menu a { border: none; color: #999; display: block; padding: 28px 24px; padding: 2.8rem 2.4rem; position: relative; } .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover { color: #333; } .genesis-nav-menu .sub-menu .current-menu-item > a { color: #999; } .genesis-nav-menu > .menu-item > a { text-transform: uppercase; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 200px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #fff; border: 1px solid #eee; border-top: none; font-size: 14px; font-size: 1.4rem; padding: 16px 20px; padding: 1.6rem 2rem; position: relative; width: 200px; } .genesis-nav-menu .sub-menu .sub-menu { margin: -54px 0 0 199px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { display: inline-block; float: right; list-style-type: none; padding: 28px 0; padding: 2.8rem 0; text-transform: uppercase; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; margin-left: 4.8rem; } .genesis-nav-menu > .search { padding: 14px 0 0; padding: 1.4rem 0 0; } /* Site Header Navigation --------------------------------------------- */ .site-header .sub-menu { border-top: 1px solid #eee; } .site-header .sub-menu .sub-menu { margin-top: -55px; } /* Primary Navigation --------------------------------------------- */ .nav-primary { background-color: #ddd; } .nav-primary a { font-size: 22px; color: #000; font-weight: bold; padding: 10px 15px; } .nav-primary a:hover, .nav-primary .current-menu-item > a { color: #d00609; } .nav-primary .sub-menu a:hover { color: #333; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #fff; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Entries --------------------------------------------- */ .entry { background-color: #fff; border-radius: 3px; margin-bottom: 40px; margin-bottom: 4rem; //padding: 40px 40px 24px; //padding: 4rem 4rem 2.4rem; } .entry-content a { border-bottom: 1px solid #ddd; color: #f15123; } .entry-content a:hover { color: #333; } .entry-content .attachment a, .entry-content .gallery a { border: none; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 26px; margin-bottom: 2.6rem; } .entry-content ol, .entry-content ul { margin-left: 40px; margin-left: 4rem; } .entry-content ol li { list-style-type: decimal; } .entry-content ul li { list-style-type: circle; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content .search-form { width: 50%; } .entry-meta { color: #999; font-size: 14px; font-size: 1.4rem; } .entry-meta a { border-bottom: 1px solid #ddd; } .entry-header .entry-meta { margin-bottom: 18px; margin-bottom: 1.8rem; } .entry-footer .entry-meta { border-top: 2px solid #f5f5f5; margin: 0 -40px; margin: 0 -4rem; padding: 32px 40px 8px; padding: 3.2rem 4rem 0.8rem; } .entry-comments-link::before { content: "\2014-2015 "; margin: 0 6px 0 2px; margin: 0 0.6rem 0 0.2rem; } .entry-categories, .entry-tags { display: block; } /* Pagination --------------------------------------------- */ .archive-pagination, .entry-pagination { font-size: 14px; font-size: 1.4rem; margin: 40px 0; margin: 4rem 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #333; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block; padding: 8px 12px; padding: 0.8rem 1.2rem; } .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #f15123; } .entry-pagination a { border-bottom: 1px solid #ddd; } /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; margin-bottom: 40px; margin-bottom: 4rem; } .entry-comments { padding: 40px; padding: 4rem; } .comment-respond, .entry-pings { padding: 40px 40px 16px; padding: 4rem 4rem 1.6rem; } .comment-respond a, .entry-comments a { border-bottom: 1px solid #ddd; } .comment-content { clear: both; } .entry-comments .comment-author { margin-bottom: 0; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50% } .comment-respond label { display: block; margin-right: 12px; margin-right: 1.2rem; } .comment-list li, .ping-list li { list-style-type: none; } .comment-list li { margin-top: 24px; margin-top: 2.4rem; padding: 32px; padding: 3.2rem; } .comment-list li li { margin-right: -32px; margin-right: -3.2rem; } li.comment { background-color: #f5f5f5; border: 2px solid #fff; border-right: none; } .comment .avatar { margin: 0 16px 24px 0; margin: 0 1.6rem 2.4rem 0; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 14px; font-size: 1.4rem; padding: 24px; padding: 2.4rem; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { color: #999; } .sidebar a { //border-bottom: 1px solid #ddd; } .sidebar p:last-child { margin-bottom: 0; } .sidebar li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; word-wrap: break-word; } .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #fff; border-radius: 3px; margin-bottom: 20px; padding: 0; } /* Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #262626; color: #999; clear: both; padding: 0px 0 0 0; } .footer-widgets-1 { width: 60%; line-height: 1.3; } .footer-widgets-1 .tagline { padding: 30px 160px 0 0; } .footer-widgets-2 { width: 25%; padding-top: 80px; } .footer-widgets-2 a { margin-left: 6px; margin-right: 3px; text-transform: lowercase; border-bottom: 0px !important; } .redcolor { color: #d00609 !important; } .footer-widgets-3 { width: 10%; } .footer-widgets-1 { margin-right: 40px; margin-right: 4rem; } .footer-widgets-1, .footer-widgets-2 { float: left; } .footer-widgets-3 { float: right; } .footer-widgets a { border-bottom: 1px solid #666; color: #999; } .footer-widgets a:hover { color: #ddd; } .footer-widgets .widget { margin-bottom: 24px; margin-bottom: 2.4rem; } .footer-widgets .widget-title { color: #fff; } .footer-widgets li { list-style-type: none; margin-bottom: 6px; margin-bottom: 0.6rem; word-wrap: break-word; } .footer-widgets .search-form input:focus { border: 1px solid #ddd; } /* Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #262626; color: #999; font-size: 14px; font-size: 1.4rem; padding-bottom: 20px; margin-top: -50px; } .site-footer a:hover { color: #ddd; } .site-footer p { margin-bottom: 0; } /* Extra CSS Code ---------------------------------------------------------------------------------------------------- */ .bahrain, .mexico, .russia, .f1-australia, .f1-belgium, .f1-brazil, .f1-canada, .f1-china, .f1-hungary, .f1-italy, .f1-japan, .f1-monaco, .f1-singapore, .f1-spain, .f1-usa, .f1-abu-dhabi, .f1-britain-min, .f1-france, .f1-germany, .quote-icon { display: inline-block; background: url('images/sprite-flag.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } .austria { background-position: -0px -0px; width: 70px; height: 47px; } .bahrain { background-position: -0px -47px; width: 70px; height: 47px; } .mexico { background-position: -0px -94px; width: 70px; height: 47px; } .russia { background-position: -0px -141px; width: 70px; height: 47px; } #mega-menu-wrap-primary #mega-menu-primary li.austria{ display: inline-block; background: url('images/sprite-flag.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; } #mega-menu-wrap-primary #mega-menu-primary li.australia { background-position: -0px -188px; width: 70px; height: 47px; } .f1-belgium { background-position: -0px -235px; width: 70px; height: 47px; } .f1-brazil { background-position: -0px -282px; width: 70px; height: 47px; } .f1-canada { background-position: -0px -329px; width: 70px; height: 47px; } .f1-china { background-position: -0px -376px; width: 70px; height: 47px; } .f1-hungary { background-position: -0px -423px; width: 70px; height: 47px; } .f1-italy { background-position: -0px -470px; width: 70px; height: 47px; } .f1-japan { background-position: -0px -517px; width: 70px; height: 47px; } .f1-monaco { background-position: -0px -564px; width: 70px; height: 47px; } .f1-singapore { background-position: -0px -611px; width: 70px; height: 47px; } .f1-spain { background-position: -0px -658px; width: 70px; height: 47px; } .f1-usa { background-position: -0px -705px; width: 70px; height: 47px; } .f1-abu-dhabi { background-position: -0px -752px; width: 70px; height: 47px; } .f1-britain-min { background-position: -0px -799px; width: 70px; height: 47px; } .f1-france { background-position: -0px -846px; width: 70px; height: 47px; } .f1-germany { background-position: -0px -893px; width: 70px; height: 47px; } .quote-icon { background-position: -0px -940px; width: 40px; height: 34px; } /* MailChimp widget plugin --------------------------------------------- */ .widget_ns_mailchimp .widget, #ns_widget_mailchimp-2 { color: #999; background: #ffffff !important; border-radius: 0px !important; } #ns_widget_mailchimp-2 .widget-title { color: #262626 !important; background: #ffffff !important; padding: 0px !important; text-transform: capitalize !important; } .widget_ns_mailchimp input { margin-bottom: 16px; margin-bottom: 1.6rem; } .widget_ns_mailchimp input:focus { border: 1px solid #ddd; } #ns_widget_mailchimp-2 input[type="submit"] { background-color: #D00609 !important; color: #fff !important; width: 100% !important; } #ns_widget_mailchimp-2 input:hover[type="submit"] { background-color: #f2f2f2 !important; color: #444 !important; } /* Font Awesome Main Menu ---------------------------------------------------------------------------------------------------- */ .nav-primary a:before { font-family: FontAwesome; // padding-left:20px; font-weight: normal; } .nav-primary .home a:before { content: "\f015"; color: #d00609; font-size: 28px; } /* Sidebar Widget Title ---------------------------------------------------------------------------------------------------- */ .sidebar h4 { background: #D00609; color: #ffffff; padding: 15px; text-transform: uppercase; font-size: 20px; } .sidebar .featuredpost .entry { background: #262626; height: 100px; } .sidebar .featuredpost img { padding-right: 10px; } .sidebar .featuredpost h2 { background: #262626; min-height: 100px; font-size: 18px; padding-top: 20px; } .sidebar .featuredpost h2 a { color: #eee; text-transform: none; } .sidebar .featuredpost h2 a:hover { color: #b8b6b6; } /* Sidebar Widget Title ---------------------------------------------------------------------------------------------------- */ .sidebar h4 { background: #f0f0f1; color: #262626; padding: 15px; text-transform: uppercase; font-size: 20px; } .sidebar .featuredpage .entry { background: #262626; height: 100px; } .sidebar .featuredpage img { padding-right: 10px; } .sidebar .featuredpage h2 { background: #262626; min-height: 100px; font-size: 20px; padding-top: 15px; } .sidebar .featuredpage h2 a { color: #ffffff; text-transform: uppercase; } .sidebar .featuredpage h2 a:hover { color: #D00609; } /* Social Icons Nav Widget ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu .widget-area { float: right; padding-top: 1.2rem; } .simple-social-icons .social-facebook a { background-color: #315094 !important; border-radius: 50%; } .simple-social-icons .social-facebook a:hover { background-color: #A0A7AD !important; border-radius: 50%; } .simple-social-icons .social-gplus a { background-color: #ca0d0e !important; } .simple-social-icons .social-gplus a:hover { background-color: #980d0d !important; } .simple-social-icons .social-rss a { background-color: #efb533 !important; } .simple-social-icons .social-rss a:hover { background-color: #c99012 !important; } .simple-social-icons .social-twitter a { background-color: #3d9fcd !important; border-radius: 50%; } .simple-social-icons .social-twitter a:hover { background-color: #A0A7AD !important; border-radius: 50%; } .footer-widgets-3 .simple-social-icons ul li a { font-size: 38px !important; margin-top: 6px !important; } .footer-widgets-3 .simple-social-icons ul { margin-top: 20px !important; } /* Race Information Widget ---------------------------------------------------------------------------------------------------- */ .race-information .widget { background: #f0f0f1; padding: 10px; } .race-information .widget h4 { font-family: 'Open Sans', serif; font-size: 32px; color: #262626; } .race-information .textwidget { font-size: 18px; color: #262626; margin-top: -20px; font-style: italic; } /* Latest Blog Posts ---------------------------------------------------------------------------------------------------- */ /* .latest-blog-posts .widget { //background:#fff; padding:20px; }*/ .latest-blog-posts .widget h4 { background: #d00609; font-size: 20px; color: #fff; padding: 15px; } .latest-blog-posts .entry { background: #f2f2f2; height: 200px; padding: 20px; margin-bottom: 40px; border-radius: 0px; } .latest-blog-posts .alignleft { margin: -20px 20px -20px -20px; } /* Flag Align --------------------------------------------- */ .flagalign { float: right; margin-top: -25px; } /* Ozan's Changes BEGIN */ .sidebar { display: none !important; } .home #content { width: 100%; } .main-text-link:hover{ color: red !important; text-decoration: none !important; } .entry-title { display: block !important; } .entry-meta { display: block !important; } @media (max-width:979px){ .tp-caption { max-height: none !important } .tp-caption a:hover { text-decoration: none !important; } .tp-caption p { font-size: 14px !important; line-height: 21px !important; margin-bottom: 5px !important; max-height: 200px !important; } .cookie-bar-bar .ctcc-inner { flex-direction: column; padding-bottom: 20px; } } /* Ozan's Changes END */ /* Responsive Tabs ---------------------------------------------------------------------------------------------------- */ .responsive-tabs { margin-top: -50px !important; } ul.responsive-tabs__list { margin-left: 0; border-bottom: 0px; background: #262626; //padding:14px 0 22px 0; padding: 16px 0 24px 0px; } .responsive-tabs__list .responsive-tabs__list__item { padding: 20px 20px; margin-right: 0px; background: #262626; color: #fff; text-transform: uppercase; font-size: 18px; border: 0px; border-radius: 0px; } .responsive-tabs__list .responsive-tabs__list__item:hover, .responsive-tabs__list .responsive-tabs__list__item--active { background: #575757; } #tablist1-tab1:before, #tablist1-tab2:before, #tablist1-tab3:before, #tablist1-tab4:before { font-family: FontAwesome; padding-right: 6px; font-weight: normal; color: #d00609; } #tablist1-tab1:before { content: url('images/info-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } #tablist1-tab2:before { content: url('images/tickets-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } #tablist1-tab3:before { content: url('images/spectating-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } #tablist1-tab4:before { content: url('images/access-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } .responsive_tabs { margin-top: 0px !important; } ul.responsive_tabs { margin-left: 0; border-bottom: 0px; background: #ffffff; padding: 0px 0 0px 0px; clear: both } .responsive_tabs li { padding: 0px; margin-right: 0px; background: #262626; color: #fff; text-transform: uppercase; font-size: 18px; border: 0px; border-radius: 0px; display: inline-block; } .responsive_tabs li a { padding: 20px 20px; margin-right: 0px; background: #fff; color: #262626; text-transform: uppercase; font-size: 18px; border: 0px; border-radius: 0px; display: block; } .responsive_tabs li.active a, .responsive_tabs li:hover a { background: #fff; color: #575757 } #tab1 a:before, #tab2 a:before, #tab3 a:before, #tab4 a:before { font-family: FontAwesome; padding-right: 6px; font-weight: normal; color: #d00609; } #tab1 a:before { content: url('images/info-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } #tab2 a:before { content: url('images/tickets-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } #tab3 a:before { content: url('images/spectating-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } #tab4 a:before { content: url('images/access-button.png'); position: relative; z-index: 100000; left: -5px; top: 5px; } @media only screen and (max-width: 767px) { .responsive_tabs li { display: block; } .responsive_tabs li a { padding: 10px 20px; } } /* Race Page Headlines ---------------------------------------------------------------------------------------------------- */ .page .entry-title { background: #f0f0f1; color: #262626 !important; text-transform: uppercase; font-size: 24px; padding: 15px 20px 5px 20px; font-family: 'Open Sans', serif; } .raceinfo { background: #f0f0f1; color: #262626; font-size: 18px; padding: 0px 20px 15px 20px; margin: -16px 0 0px 0; font-style: italic; } .raceimage { background: #262626; color: #eee; min-height: 200px; margin: -26px 0 30px 0 } .raceimage img { margin-right: 50px; } .raceimage ul { padding-top: 30px; padding-bottom: 20px; } /* Homepage Slider ------------------------------------------------------------ */ .homepage-slider { margin-bottom: 60px; } /* Genesis Responsive Slider ------------------------------------------------------------ */ .content #genesis-responsive-slider { border: none; padding: 0; } .content #genesis-responsive-slider a:hover, .content #genesis-responsive-slider h2 a, .content #genesis-responsive-slider h2, .content #genesis-responsive-slider p { color: #fff; } .content #genesis-responsive-slider a, .content #genesis-responsive-slider h2 a:hover { color: #6ab446; } #genesis-responsive-slider li { border: none; margin: 0; padding: 0; } .content .slide-excerpt { background-color: rgba(0, 0, 0, 0.7); border: none; filter: alpha(opacity=10); margin: 0; opacity: 1; } html > body .content .slide-excerpt-border { border: none; margin: 0; padding: 30px; padding: 3rem; } .content #genesis-responsive-slider p { color: #fff; } .widget.genesis_responsive_slider, .content #genesis-responsive-slider .flex-control-nav { margin-bottom: 0; } .content #genesis-responsive-slider .flex-control-nav { margin-top: -40px; margin-top: -4rem; } .content .genesis_responsive_slider .flex-direction-nav li a { background: url(images/icon-direction-nav.png) no-repeat -50px 0; background-size: 100px 98px; height: 49px; right: -25px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; width: 50px; } .content .genesis_responsive_slider .flex-direction-nav li a:hover { background-position: -50px -49px; } .content .genesis_responsive_slider .flex-direction-nav li a.prev { background-position: 0 0; bottom: 10px; left: auto; right: 62px !important; top: auto; } .content #genesis-responsive-slider .flex-direction-nav li a.next { bottom: 10px; left: auto; right: 10px !important; top: auto; } .content .genesis_responsive_slider .flex-direction-nav li a:hover.prev { background-position: 0 -49px; } /* eNews Sidebar Widgets --------------------------------------------- */ .sidebar .enews-widget { color: #ddd; background: #262626; border-radius: 0px; } .sidebar .enews-widget .widget-title { color: #fff; } .sidebar .enews-widget p:before { font-family: FontAwesome; padding-right: 5px; } .sidebar .enews-widget p:before { content: "\F024"; } .sidebar .enews-widget input { margin-bottom: 16px; margin-bottom: 1.6rem; } .sidebar .enews-widget input:focus { border: 1px solid #ddd; } .sidebar .enews-widget input[type="submit"] { background-color: #1f9c1f; color: #fff; margin: 0; width: 100%; text-transform: capitalize; font-weight: bold; } .sidebar .enews-widget input:hover[type="submit"] { background-color: #f2f2f2; color: #333; } /* After Header Section ---------------------------------------------------------------------------------------------------- */ .after-header-section { background: #f0f0f1; } .after-header-section .widget { padding: 15px 0; } /* Home button ---------------------------------------------------------------------------------------------------- */ .fa-home { font-size: 36px; vertical-align: middle; padding-right: 5px; padding-left: 10px; color: #d00609; } .topmenu { text-align: right !important; padding-top: 5px; } .topmenu a { font-size: 26px; color: #000; font-weight: bold; padding-left: 30px; text-transform: uppercase; } .topmenu a:hover { color: #d00609; } /* Pages Drop down --------------------------------------------- */ .pagedropdown select { width: 240px; color: #434242; font-size: 18px; padding: 12px; border-radius: 0px; border: solid 2px #ce0508; background: #ffffff url('http://www.thef1spectator.com/wp-content/uploads/2014/06/dropdown-arrow-2.png') no-repeat right; appearance: none; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; } .pagedropdown input[type="button"] { border-radius: 0px; background: #ce0508; color: #fff; text-transform: capitalize; font-weight: bold; font-size: 18px; margin-left: 6px; padding: 14px 25px; } /* Simple Responsive Slider ---------------------------------------------------------------------------------------------------- */ .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } .rslides_container { margin-bottom: 10px; position: relative; float: left; width: 100%; } .rslides_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes/themes.gif") no-repeat left top; margin-top: -55px; } .rslides_nav:active { opacity: 1.0; } .rslides_nav.next { left: auto; background-position: right top; right: 0; } .rslides_nav:focus { outline: none; } .rslides_tabs { margin-top: 10px; text-align: center; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .rslides_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; } .rslides_here a { background: #222; background: rgba(0,0,0, .8); } .caption { position: absolute; display: block; bottom: -24px; left: 0; right: 0; padding: 15px 20px; text-align: left; background: #000; background: rgba(0,0,0, .6); text-shadow: 1px 1px #444; font-family: 'Open Sans', serif; color: #fff; font-size: 34px; line-height: 1.1; } /* Mega Menu ---------------------------------------------------------------------------------------------------- */ .mega-menu-item ul#menu-site-menu{list-style:none; margin:0; padding:0;background: #eee;} .mega-menu-item ul#menu-site-menu li{display:inline-block} .mega-menu-item ul#menu-site-menu li a{display:block; padding:3px 15px; text-transform:uppercase;font-size: 16px;} #mega-menu-item-text-11 .textwidget{text-align:center} ul.buttons_list{list-style:none;margin:0; padding:0;display:inline-block;margin-top: 20px;} ul.buttons_list li{display:block; margin:2px} ul.buttons_list li a{display:block; background:#D00609 !important; color:#fff !important; font-size:15px; text-transform:uppercase;padding: 5px 20px;} .read_more{display:inline-block; background:#D00609 !important; color:#fff !important; font-size:14px!important; text-transform:uppercase;padding: 5px 20px!important;} .mega-menu-item ul#menu-country-menu-1, .mega-menu-item ul#menu-country-menu-2{list-style:none; margin-bottom:20px !important; padding:0;} .mega-menu-item ul#menu-country-menu-1 li, .mega-menu-item ul#menu-country-menu-2 li{display:block} .mega-menu-item ul#menu-country-menu-1 li a, .mega-menu-item ul#menu-country-menu-2 li a{display:block; padding:0px; font-size: 13px; line-height:35px;text-decoration: none;} .mega-menu-item ul li a{text-decoration: none !important;} #mega-menu-wrap-primary #mega-menu-primary img._mi._before {max-width: 30px !important;margin-bottom: 3px !important;} .site-header .wrap { padding: 10px 0; padding: 1rem 0; } .site_logo{width:auto;margin-left: 100px;border-left: 1px solid #bbb;padding-left: 10px;max-width: 230px;} .one-fourth.logo_tag{line-height:95px;text-align:left} .site_logo_tag{width:auto;line-height:120px;max-width: 200px;} .one-fourth .simple-social-icons ul li{line-height: 84px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link{position:absolute;top: -97px; background: transparent;color: #000;font-size: 15px;text-transform: uppercase;text-align: center;} #mega-menu-wrap-primary{background: transparent !important;} #mega-menu-wrap-primary #mega-menu-primary{line-height:0 !important} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{color: red !important;background: transparent !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link:before{font-size: 55px;margin:0 0px 0 0px !important;color: #D00609;line-height: 45px;} #mega-menu-wrap-primary #mega-menu-primary.mega-keyboard-navigation a:focus{ -webkit-box-shadow: inset 0px 0px 0px 0px #fff!important; -moz-box-shadow: inset 0px 0px 0px 0px #fff!important; -ms-box-shadow: inset 0px 0px 0px 0px #fff!important; -o-box-shadow: inset 0px 0px 0px 0px #fff!important; box-shadow: inset 0px 0px 0px 0px #fff!important;} header .widget.simple-social-icons ul li a{background-color:#D00609 !important} header .widget.simple-social-icons ul li a:hover{background-color:#666 !important} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding: 5px 0px !important;} .footer-widgets-1 {width: 50% !important;padding-top: 20px;} .footer-widgets-3 {width: 100% !important;float:none !important;clear: both !important;padding-top:0px;} .footer-widgets-2 {width: 45% !important;padding-top: 30px;} .footer-widgets-2 .two-third{width: 68%;float: left;border-left: 1px solid #666;padding-left: 20px;font-size: 14px;} .site-footer{margin-top: 0px !important;background-color: #D00609 !important;padding: 15px !important;} .site-footer .wrap p:first-child{display:none !important} .footer-widgets-1 .menu li{margin-bottom: 5px;margin-bottom: 0.5rem;} .footer-widgets-1 .menu li a{color:#999;border-bottom:none; font-size:14px} .footer-widgets-1 .menu li a:hover{color:#D00609; text-decoration:none} .footer-widgets-1 .menu li a img{width:16px; height:auto;margin-bottom: 3px;} .footer-widgets-1 section.widget{margin-bottom: 20px;margin-bottom: 2rem;} .footer-widgets-3 .simple-social-icons ul{margin-top: 0px !important;} .footer-widgets-1 #nav_menu-5, .footer-widgets-1 #nav_menu-6{float:left; width:49%} #mega-menu-item-featured-post-4 article{padding: 0 0 0px !important;margin-bottom: 5px !important;} #mega-menu-item-featured-post-4 article img{width: 60px !important;} #mega-menu-item-featured-post-4 article a.alignleft{padding:0 10px 0 0px !important} #mega-menu-item-featured-post-4 article header h2{line-height: 16px;} #mega-menu-item-featured-post-4 article header h2 a{font-size:15px !important; padding:0 !important} #mega-menu-item-ns_widget_mailchimp-3 input[type="text"]{padding: 5px !important;margin-bottom: 5px !important;} #mega-menu-item-ns_widget_mailchimp-3 label{width:100%} #mega-menu-item-ns_widget_mailchimp-3 h4.mega-block-title{text-transform: unset !important;font-size: 16px !important;font-weight: normal !important;} #mega-menu-item-ns_widget_mailchimp-3 input[type="submit"]{padding: 10px 15px !important;margin-top: 10px !important;width: 100%;background-color:#D00609; font-weight:bold} #mega-menu-item-ns_widget_mailchimp-3 input[type="submit"]:hover{background-color: #333;} .heart_color{font-size: 35px;color: pink;line-height: 20px;display: inline-block;} .responsive_tabs li.active a, .responsive_tabs li:hover a { color: red; text-decoration: none; } /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .header-image .site-header .wrap { /* background: url(images/the-f1-spectator@x2.png) no-repeat left; background-size: 288px 131px;*/ } } @media only screen and (max-width: 1139px) { .site-inner, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content, .site-header .widget-area { width: 620px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-primary, .title-area { width: 300px; } } @media only screen and (max-width: 1023px) { body { background-color: #fff; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .site-inner, .title-area, .wrap { width: 100%; } .site-header .wrap { padding: 20px 0; padding: 2rem 0; } .header-image .site-header .wrap { background-position: center top; } .site-inner { padding-left: 5%; padding-right: 5%; } .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-footer .entry-meta, .header-image .site-header .widget-area, .sidebar .widget, .site-header { padding: 0; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 20px 16px; padding: 2rem 1.6rem; } .site-header .search-form { margin: 16px auto; margin: 1.6rem auto; } .genesis-nav-menu li.right { display: none; } .entry-footer .entry-meta { margin: 0; padding-top: 12px; padding-top: 1.2rem; } .sidebar .widget.enews-widget { padding: 40px; padding: 4rem; } .site-footer { padding: 24px 0; padding: 2.4rem 0; } .footer-widgets { padding: 40px 5% 16px; } .footer-widgets-1 { margin: 0; } } @media only screen and (max-width: 767px) { .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .latest-blog-posts .entry { height: auto !important; } .latest-blog-posts .alignleft { margin: 10px !important; } .sidebar .featuredpost h2 { font-size: 14px; } .sidebar .featuredpage h1 { font-size: 16px; } .after-header-section { text-align: center; } .topmenu { text-align: center !important; } .footer-widgets-1, .footer-widgets-1 .tagline, .footer-widgets-2 { width: 100% !important; padding: 0px; } .footer-widgets-2 .two-third {width: 100%;float: left;border-left: 0px solid #666;padding-left: 0px;} .footer-widgets-1 .tagline { padding-left: 5px; } .footer-widgets-2 img { display: none; padding: 0px; } .site-footer { padding: 30px; } .flagalign { display: none; } .caption { font-size: 20px; } } @media only screen and (max-width: 768px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{width: 100% !important;} #mega-menu-item-text-10, #mega-menu-item-text-11{display:none !important} .mega-menu-item ul#menu-country-menu-1 li, .mega-menu-item ul#menu-country-menu-2 li, .mega-menu-item ul#menu-site-menu li {display: block !important;} .mega-menu-item ul#menu-site-menu{background:transparent !important} .mega-menu-item ul#menu-site-menu li a {padding: 3px 0px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding:15px !important;} .site-header .one-half.first{width: 50% !important;} .site-header .one-fourth.logo_tag {line-height: 65px !important;width:25% !important;} .site-header .one-fourth.logo_tag img{width:90% !important;} .site-header .one-fourth.social{width: 22% !important;padding-top: 5px;} .one-fourth .simple-social-icons ul li{line-height: 45px !important;} .site_logo {width: 50% !important;margin-left: 70px !important;} #mega-menu-wrap-primary #mega-menu-primary img {max-width: 24px !important;margin-bottom: 3px !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link::before {font-size: 35px !important;line-height: 21px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link{font-size: 11px !important;line-height: 20px !important;text-align: center !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below{display:block !important} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link{top: -60px;} .site-header .wrap{padding: 0px 0 5px 0 !important;padding: 0rem 0 0.5rem 0 !important;} .site-inner {padding-top: 15px !important;padding-top: 1.5rem !important;} header .widget.simple-social-icons ul li{margin: 10px 6px 0px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-featured-post-4, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-13, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-ns_widget_mailchimp-3,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li#mega-menu-item-text-14{border:2px solid #eee !important; padding:15px !important; margin:15px 0px !important} #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-featured-post-4 article img{width: 50px !important; max-width: 50px !important} #mega-menu-item-featured-post-4 article a.alignleft{padding:0 10px 0 0px !important} #mega-menu-item-featured-post-4 article header h2{line-height: 16px;} #mega-menu-item-featured-post-4 article header h2 a{font-size:14px !important; padding:0 !important} } @media only screen and (max-width: 600px) { header .widget.simple-social-icons ul li a{font-size: 13px !important;padding: 5px !important;} .site-header .one-fourth.logo_tag {line-height: 45px !important;} .one-fourth .simple-social-icons ul li {line-height: 28px !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link{top: -42px;} .footer-widgets-1 #nav_menu-5, .footer-widgets-1 #nav_menu-6{float:none; width:100%} } @media only screen and (max-width: 420px) { #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below {display: none !important;} .site-header .one-fourth.logo_tag {line-height: 38px !important;} header .widget.simple-social-icons ul li {margin: 0px 6px 0px !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link {top: -36px;} .site-header .wrap {padding: 5px 0 5px 0 !important;padding: 0.5rem 0 0.5rem 0 !important;} .site_logo {margin-left: 50px !important;} .site-header {border-bottom: 1px solid #eee;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item {padding: 5px !important;} .mega-menu-item ul#menu-country-menu-1 li a, .mega-menu-item ul#menu-country-menu-2 li a{font-size: 12px;line-height: 32px;} .mega-menu-item ul#menu-site-menu{border-top: 1px solid #eee;} .mega-menu-item ul#menu-site-menu li a{font-size: 13px;} } /*@media only screen and (max-width: 600px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{width: 100% !important;} #mega-menu-item-text-10, #mega-menu-item-text-11{display:none !important} .mega-menu-item ul#menu-country-menu-1 li, .mega-menu-item ul#menu-country-menu-2 li, .mega-menu-item ul#menu-site-menu li {display: block !important;} .mega-menu-item ul#menu-site-menu{background:transparent !important} .mega-menu-item ul#menu-site-menu li a {padding: 3px 0px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item{padding:0px !important;} .site-header .one-half.first{width: 55% !important;} .site-header .one-fourth.logo_tag {line-height: 30px !important;width:45% !important;} .site-header .one-fourth.logo_tag img{width:80% !important;} .site-header .one-fourth.social{width: 30% !important;display:none !important} .one-fourth .simple-social-icons ul li{line-height: 45px !important;} .site_logo {width: 50% !important;margin-left: 70px !important;} #mega-menu-wrap-primary #mega-menu-primary img {max-width: 24px !important;margin-bottom: 3px !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link::before {font-size: 24px !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link{font-size: 15px !important;line-height: 20px !important;text-align: center !important;} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link > span.mega-title-below{display:block !important} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link{top: -40px;} .site-header .wrap{padding: 20px 0 5px 0 !important;padding: 2rem 0 0.5rem 0 !important;} .site-inner {padding-top: 15px !important;padding-top: 1.5rem !important;} } */ .latest-blog-posts { margin-top: 16px; } .home .site-inner .content { width: 100%; } .homepage-slider .rslides_container .rslides { max-width: 100% !important; } .home .sidebar { display: none; } .homepage-slider { margin-bottom: 0; } .caption { font-size: 22px; width: 40%; font-weight: 500; bottom: 60px; } .page-id-4339 .entry-header { display: none; } #slide-1-layer-5 > p { background: #000 none repeat scroll 0 0; opacity: 0.7; } #slide-2-layer-2 > p { background: #000 none repeat scroll 0 0; opacity: 0.7; } .page-id-21 .sidebar{ display: none; } #slide-3-layer-5 .image { float: right; width: 70px; } .image > img { height: 65px !important; margin-top: -15px !important; width: 80px !important; } #slide-3-layer-5 .new-h1 { color: #ffff; float: left; min-width: 380px; font-family: arial; font-size:35px !important; } .page-id-21 .content{ min-width:100% !important; max-width:100% !important; } .page-id-21 .raceimage { display: none; } .responsive_tabs li a { padding: 12px ; } .page-id-21 .tp-revslider-mainul { min-width:100% !important; max-width:100% !important; } /* @media only screen and (max-width: 780px) { #rev_slider_3_1_wrapper { display:none !important; } */ } @media only screen and (min-width: 781px) { #rev_slider_21_2_wrapper { display:none !important; } } @media only screen and (max-width: 480px) { #rev_slider_1_1_wrapper { display: none !important; } } @media only screen and (min-width: 481px) { #rev_slider_2_2_wrapper { display: none !important; } } /* @media only screen and (min-width: 769px) { .site-header .one-half.first .site_logo { border: none ; margin-left: 00px; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link::before { display: none !important; } .mega-title-below { display: none !important; } } */ @media screen and (min-device-width: 601px) and (max-device-width: 768px) { .mega-title-below { margin-left: 2px; } .site-header { top: 0 ; } .site-inner { padding-top: 110px !important ; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link::before { top: 20px !important; } .mega-title-below { top: 40px !important; } } .raceimage { display: none; } .race-information { display: none; } .page .entry-header { display: none; } @media only screen and (min-width: 769px) { .new-cont-div { margin: auto; width: 100%; } #rev_slider_22_2_wrapper, #rev_slider_23_2_wrapper{ display:none !important; } } @media only screen and (max-width: 768px) { #rev_slider_5_1_wrapper, #rev_slider_17_1_wrapper { display:none !important; } .home #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-top > a.mega-menu-link::before { top: 10px; } .responsive_tabs li { width: 25%; float:left; } .responsive_tabs li a { font-size: 12px; } } @media only screen and (max-width: 420px) { .home .mega-sub-menu { margin-top: 50px !important; } } @media only screen and (max-width: 600px) { .home .dashicons-menu.mega-menu-link { margin-top: -10px !important; } } @media only screen and (min-width: 601px) and (max-width: 768px) { .home .dashicons-menu.mega-menu-link { margin-top: -5px !important; } } .home .mega-sub-menu { top: 116px !important; } .site-header { position: fixed; z-index: 100001; width: 100%; } .home .dashicons-menu.mega-menu-link { position: fixed !important; z-index: 2000; top: 20px !important; } .home .site-inner { margin-top: 75px !important; } .responsive_tabs.fixed.fixed { position: fixed; z-index: 2000; width: 100%; top: 00px; left: auto; right: auto; } @media only screen and (max-width: 629px) { #tab1 a::before, #tab2 a::before, #tab3 a::before, #tab4 a::before { color: #d00609; font-family: FontAwesome; font-weight: normal; padding-right: 80px !important; } } @media only screen and (max-width: 380px) { #tab1 a::before, #tab2 a::before, #tab3 a::before, #tab4 a::before { color: #d00609; font-family: FontAwesome; font-weight: normal; padding-right: 80px !important; } #tab1 a::before { content: url("images/info-button.png"); left: 15px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } #tab2 a::before { content: url("images/tickets-button.png"); left: 10px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } #tab3 a::before { content: url("images/spectating-button.png"); left: 18px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } #tab4 a::before { content: url("images/access-button.png"); left: 10px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } } @media only screen and (min-width: 381px) and (max-width: 629px) { #tab1 a::before { content: url("images/info-button.png"); left: 15px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } #tab2 a::before { content: url("images/tickets-button.png"); left: 10px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } #tab3 a::before { content: url("images/spectating-button.png"); left: 18px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } #tab4 a::before { content: url("images/access-button.png"); left: 10px; position: relative; top: 5px; z-index: 100000; margin-right: -5px; } } .ssi-facebook a { border-radius: 50% !important; } .ssi-twitter a{ border-radius: 50% !important; } .stickymenu { position: fixed; top: 0px; opacity: 1; width: 100%; } .submenu-new ul li a {text-transform: uppercase !important;} /* customizations*/ .responsive_tabs{ margin-left: auto !important; margin-right: auto !important; width: 80%; overflow: hidden !important; } @media only screen and (max-width: 1139px) { body .content { margin-left: auto !important; margin-right: auto !important; width: 100% !important; max-width: 100% !important; float: none; } } @media only screen and (max-width: 768px){ .site-inner { padding-top: 0px !important; } } /* CUSTOMIZED BY IVAN */ [id^="rev_slider"] { display: none; } /* HEADER AND NAVIGATION STYLES */ .site-container .site-inner { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; width: 100% !important; } .home .site-container .site-inner { margin-top: 0 !important; } @media (max-width: 768px) { .home .site-container .site-inner { margin-top: 0 !important; } } .home .site-container .site-inner .content { padding: 50px 0; } body:not(.home) .site-inner { margin-top: 71px; } body .site-container .wrap { max-width: 100% !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; padding: 0 !important; } body:not(.page-template-default) .site-container .content, body.page .site-container .content .entry-content:not(.full-width), body.page .site-container .content .responsive_tabs, body.home .site-container .content, /* Milos Test */ body:not(.single-post) .entry-content:not(.full-width), body.page-template-blog_template .site-container .content { width: 1320px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; padding-left: 15px !important; padding-right: 15px !important; } @media (max-width: 1350px) { body:not(.page-template-default) .site-container .content, body.page .site-container .content .entry-content:not(.full-width), body.page .site-container .content .responsive_tabs, /* Milos Test */ body:not(.single-post) .entry-content:not(.full-width), body.home .site-container .content, body.page-template-blog_template .site-container .content { width: 1150px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 1201px) { body:not(.page-template-default) .site-container .content, body.page .site-container .content .entry-content:not(.full-width), body.page .site-container .content .responsive_tabs, /* Milos Test */ body:not(.single-post) .entry-content:not(.full-width), body.home .site-container .content, body.page-template-blog_template .site-container .content { width: 960px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 993px) { body:not(.page-template-default) .site-container .content, body.page .site-container .content .entry-content:not(.full-width), body.page .site-container .content .responsive_tabs, body.home .site-container .content, /* Milos Test */ body:not(.single-post) .entry-content:not(.full-width), body.page-template-blog_template .site-container .content { width: 720px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 769px) { body:not(.page-template-default) .site-container .content, body.page .site-container .content .entry-content:not(.full-width), body.page .site-container .content .responsive_tabs, /* Milos Test */ body:not(.single-post) .entry-content:not(.full-width), body.home .site-container .content, body.page-template-blog_template .site-container .content { width: 540px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 577px) { body:not(.page-template-default) .site-container .content, body.page .site-container .content .entry-content:not(.full-width), body.page .site-container .content .responsive_tabs, /* Milos Test */ body:not(.single-post) .entry-content:not(.full-width), body.home .site-container .content, body.page-template-blog_template .site-container .content { width: 100% !important; } } .homepage-slider #block-2 .widget-wrap > p { display: none; } .site-header .wrap { width: 100% !important; padding-top: 0; padding-bottom: 0; } .f1-header-logo-wrapper { margin-left: 100px; display: flex; align-items: center; justify-content: left; } @media (max-width: 1280px) { .f1-header-logo-wrapper { margin-left: 70px; } } @media (max-width: 1040px) { .f1-header-logo-wrapper { margin-left: 100px; } } @media (max-width: 640px) { .f1-header-logo-wrapper { margin-left: 75px; } } .f1-header-logo-wrapper span { margin-left: 70px; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 21px; color: #111; display: inline-block; padding-right: 20px; } @media (max-width: 1280px) { .f1-header-logo-wrapper span { margin-left: 10px; } } @media (max-width: 1040px) { .f1-header-logo-wrapper span { margin-left: 40px; } } @media (max-width: 500px) { .f1-header-logo-wrapper span { margin-left: 30px; } } .f1-header-logo-wrapper span img { height: 20px; width: auto; display: block; } .f1-header-logo-wrapper a { text-decoration: none; display: inline-block; } .f1-header-logo-wrapper img { display: block; width: 180px; height: 47px; } .f1-header-wrapper { display: flex; align-items: center; justify-content: space-between; position: relative; /* height: 96px; */ height: 86px; height: 71px; border-bottom: 1px solid #eee; } @media (max-width: 920px) { .f1-header-wrapper { justify-content: center; } } .f1-header-nav { display: flex; align-items: center; justify-content: flex-end; } @media (max-width: 1040px) { .f1-header-nav { display: none; } } .f1-header-nav ul { margin: 0; padding: 0; list-style: none; display: flex; } /* @media (max-width: 1280px) { .f1-header-nav .menu-header-navigation-menu-container { display: none; } } */ .f1-header-nav .menu-store-tv-tickets-container { margin-left: 20px; } .f1-header-nav .menu-store-tv-tickets-container li.f-tickets a { font-size: 16px; padding: 30px 30px 23px; font-weight: 700; white-space: nowrap; } .f1-header-nav .menu-store-tv-tickets-container li.f-icon-red a, .f1-header-nav .menu-store-tv-tickets-container li.f-icon-black a { line-height: 26px; } .f1-header-nav .menu-store-tv-tickets-container li.f-icon-red { position: relative; } .f1-header-nav .menu-store-tv-tickets-container li.f-icon-red::before, .f1-header-nav .menu-store-tv-tickets-container li.f-icon-red::after { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); height: 60%; border-left: 1px solid #eee; } .f1-header-nav .menu-store-tv-tickets-container li.f-icon-red::after { left: auto; right: 0; border-left: none; border-right: 1px solid #eee; } .f1-header-nav ul li a, .store-tv-tickets-menu ul li a { font-family: 'Open Sans', sans-serif; font-weight: 800; display: block; padding: 30px 13px; text-transform: uppercase; color: #111; text-decoration: none; transition: .3s all ease; font-size: 16px; } @media (max-width: 460px) { .store-tv-tickets-menu ul li a { padding: 25px 20px; } } @media (max-width: 400px) { .store-tv-tickets-menu ul li a { padding: 25px 15px; } } @media (max-width: 400px) { .store-tv-tickets-menu ul li a { padding: 25px 10px; } } .f1-header-nav ul li a:hover { color: #e10000; } .f1-header-nav ul li.current-menu-item a { color: #e10000; display: flex; align-items: center; } .f1-header-nav ul li.f-icon-red a, .f1-header-nav ul li.f-icon-black a, .store-tv-tickets-menu ul li.f-icon-red a, .store-tv-tickets-menu ul li.f-icon-black a { overflow: hidden; text-indent: -9999px !important; display: flex; align-items: center; justify-content: center; font-size: 0 !important; } .f1-header-nav ul li.f-icon-red a::before, .store-tv-tickets-menu ul li.f-icon-red a::before { content: ''; /* width: 125px; */ /* height: 18px; */ width: 100px; height: 12px; background-image: url('/wp-content/uploads/2022/03/f1-store.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; text-transform: capitalize; text-indent: 0; font-size: 16px !important; } @media (max-width: 460px) { .store-tv-tickets-menu ul li.f-icon-red a::before { width: 100px; height: 16px; } } @media (max-width: 440px) { .store-tv-tickets-menu ul li.f-icon-red a::before { width: 94px; height: 16px; } } @media (max-width: 370px) { .store-tv-tickets-menu ul li.f-icon-red a::before { width: 86px; height: 16px; } } .f1-header-nav ul li.f-icon-black a::before, .store-tv-tickets-menu ul li.f-icon-black a::before { content: ''; /* width: 105px; */ /* height: 16px; */ width: 85px; height: 12px; background-image: url('/wp-content/uploads/2022/03/f1-tv-black.svg'); background-repeat: no-repeat; background-size: contain; display: inline-block; text-transform: capitalize; text-indent: 0; } @media (max-width: 460px) { .store-tv-tickets-menu ul li.f-icon-black a::before { width: 79px; height: 16px; } } @media (max-width: 440px) { .store-tv-tickets-menu ul li.f-icon-black a::before { width: 73px; height: 16px; } } @media (max-width: 370px) { .store-tv-tickets-menu ul li.f-icon-black a::before { width: 70px; height: 16px; } } .f1-header-nav ul li.f-tickets a, .store-tv-tickets-menu ul li.f-tickets a { display: flex; align-items: center; justify-content: center; } .f1-header-nav ul li.f-tickets a { background-color: #e10000; color: #fff; } .f1-header-nav ul li.f-tickets a:hover { /* background-color: #fc4545; */ background-color: #fc4545; color: #fff; } .f1-header-nav ul li.f-tickets a::after, .store-tv-tickets-menu ul li.f-tickets a::after { content: ''; background-image: url('/wp-content/uploads/2022/03/f1-ticket.svg'); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; display: inline-block; margin-left: 8px; } .store-tv-tickets-menu ul li.f-tickets a::after { background-image: url('/wp-content/uploads/2022/03/f1-ticket-black.svg'); } @media (max-width: 460px) { .store-tv-tickets-menu ul li.f-tickets a { transform: translateY(-3px); } } /* .f1-header-nav ul li.f-tickets a:hover::after, .f1-header-nav ul li.current-menu-item.f-tickets a::after { background-image: url('/wp-content/uploads/2022/03/f1-ticket.svg'); } */ .site-header__menu-icon { width: 35px; height: 25px; position: absolute; top: 50%; left: 20px; z-index: 100002; transform: translateY(-50%); cursor: pointer; border-radius: 5px; } .site-header__menu-icon::before { content: ""; position: absolute; top: 0; left: 0; width: 35px; height: 4px; background-color: #e10000; transform-origin: 26% 0; transition: transform .3s ease-out; border-radius: 5px; } .site-header__menu-icon::after { content: ""; position: absolute; bottom: 0; left: 0; width: 35px; height: 4px; background-color: #e10000; transform-origin: 0 100%; transition: transform .3s ease-out; border-radius: 5px; } .site-header__menu-icon__middle { position: absolute; top: 10px; left: 0; width: 35px; height: 4px; background-color: #e10000; transition: all .3s ease-out; transform-origin: 0 50%; border-radius: 5px; } .site-header__menu-icon--close-x { z-index: 100001; } .site-header__menu-icon--close-x::before { transform: rotate(45deg) scaleX(1.25); } .site-header__menu-icon--close-x::after { transform: rotate(-45deg) scaleX(1.25) translateY(1px); } .site-header__menu-icon--close-x .site-header__menu-icon__middle { opacity: 0; transform: scaleX(0); } .site-header__menu-content { opacity: 0; transform: scale(1.2); transition: all .3s ease-out; position: fixed; z-index: 9998; top: 71px; /* top: 102px; */ text-align: center; width: 100%; padding: 20px; visibility: hidden; background-color: #fff; /* height: 75vh; */ /* overflow-y: scroll; */ } @media (max-width: 1380px) { .site-header__menu-content { /* height: 75vh; */ height: 533px; } } @media (max-width: 1130px) { .site-header__menu-content { overflow-y: scroll; } } @media (max-width: 640px) { .site-header__menu-content { /* height: 75vh; */ padding: 10px; height: calc(100% - 86px); overflow-y: auto; } } .site-header__menu-content--is-visible { visibility: visible; opacity: 1; z-index: 100001; transform: scale(1); height: calc(100vh - 88px); overflow-y: auto; padding-top: 0; padding-bottom: 0; } .f1-mobile-navigation-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 4%; padding: 20px 0; border-bottom: 1px solid #eee; } @media (max-width: 1130px) { .f1-mobile-navigation-wrapper { grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; } } @media (max-width: 640px) { .f1-mobile-navigation { display: grid; grid-template-rows: 1fr min-content; align-items: center; border-bottom: 1px solid #eee; } .f1-mobile-navigation-wrapper { grid-template-columns: 1fr; display: none; } } .f1-mobile-navigation .f1-destinations { display: none; color: #111; padding: 10px 15px; text-decoration: none; font-size: 20px; font-weight: 700; cursor: pointer; position: relative; } .f1-mobile-navigation .f1-destinations::before { content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 150px; border-bottom: 1px solid #eee; } .f1-mobile-navigation .f1-destinations::after { content: '\203A'; display: inline-block; position: absolute; top: 5px; right: -10px; font-size: 30px; transform: rotate(90deg); } .f1-mobile-navigation .f1-destinations:hover { color: #e10000; } @media (max-width: 640px) { .f1-mobile-navigation .f1-destinations { display: inline-block; } } .f1-mobile-navigation-wrapper > div { position: relative; } @media (max-width: 640px) { .f1-mobile-navigation-wrapper > div:not(:last-child) { margin-bottom: 30px; } .f1-mobile-navigation-wrapper > div::after { content: none !important; } } .f1-mobile-navigation-wrapper > div:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100%; height: 90%; background-color: transparent; border-right: 1px solid #eee; display: block; z-index: -1; } @media (max-width: 1130px) { .f1-mobile-navigation-wrapper > div.f1-mobile-navigation-column2::after { content: none; } } .f1-mobile-navigation-wrapper ul.menu { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; align-items: left; } .f1-mobile-navigation-wrapper ul.menu li a { font-family: 'Oxygen'; font-weight: bold; display: flex; flex-direction: column; align-items: left; text-decoration: none; text-align: left; position: relative; padding-left: 65px; font-size: 16px; } .f1-mobile-navigation-wrapper ul.menu li a img { max-width: 50px; height: auto; display: block; position: absolute; top: 0; left: 0; } .f1-mobile-navigation-wrapper ul.menu li a span:not(.sub) { text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #111; } .f1-mobile-navigation-wrapper ul.menu li a span.sub { font-weight: 600; font-family: 'Open Sans', sans-serif; font-size: 15px; color: #666; } .f1-mobile-navigation-wrapper ul.menu li:not(:last-child) { margin-bottom: 30px; } .store-tv-tickets-menu { display: none; } @media (max-width: 1280px) { .store-tv-tickets-menu { display: block; } } .store-tv-tickets-menu ul.menu { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; align-items: center; justify-content: center; } .f1-header-nav-mobile { display: none; } @media (max-width: 1040px) { .f1-header-nav-mobile { padding-top: 15px; padding-bottom: 15px; position: relative; display: block; } } @media (max-width: 640px) { .f1-header-nav-mobile { padding-top: 0; } } .f1-header-nav-mobile ul.menu { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; display: none; } @media (max-width: 1380px) { .f1-header-nav-mobile .menu-header-navigation-menu-container ul.menu { display: flex; flex-direction: column; } } .f1-header-nav-mobile .menu-header-navigation-menu-container ul.menu li { position: relative; } .f1-header-nav-mobile .menu-header-navigation-menu-container ul.menu li:nth-child(2) { order: -1; } .f1-header-nav-mobile .menu-header-navigation-menu-container ul.menu li:not(:last-child)::after { content: ''; display: block; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 150px; border-bottom: 1px solid #eee; } .f1-header-nav-mobile .menu-header-navigation-menu-container ul.menu li a { display: block; color: #111 !important; padding: 10px 15px; text-decoration: none; font-size: 20px; font-weight: 700; } .f1-header-nav-mobile .menu-header-navigation-menu-container ul.menu li a:hover { color: #e10000 !important; } .f1-header-nav-mobile .menu-header-navigation-menu-container ul li.current-menu-item a { color: #e10000; } .tickets-nav-and-social { display: none; } @media (max-width: 1040px) { .tickets-nav-and-social { display: block; } } @media (max-width: 640px) { .tickets-nav-and-social .f1-nav-social { display: none; } } .f1-nav-social .simple-social-icons ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: space-between; float: none; text-align: center; } .f1-nav-social .simple-social-icons ul li { float: none !important; margin: 0 !important; flex-basis: 100%; } .f1-nav-social .simple-social-icons ul li:not(:last-child) a { position: relative; } .f1-nav-social .simple-social-icons ul li:not(:last-child) a::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; border-right: 2px solid #fff; } .f1-nav-social .simple-social-icons ul li a { border-radius: 0 !important; display: block !important; background-color: #e10000; width: 100%; } /* END HEADER AND NAVIGATION STYLES */ /* FRONT PAGE WHERE TO SECTION */ .where-to-next-section { margin-top: 71px; } @media (max-width: 769px) { .where-to-next-section { margin-top: 0; } } .where-to-next-section-external-link-wrapper, .latest-from-blog-external-link-wrapper { text-align: center; margin-top: 50px; } .where-to-next-section-external-link, .latest-from-blog-external-link { display: inline-block; background-color: #e10000; color: #fff; padding: 10px 30px; border-radius: 40px; text-decoration: none; transition: .3s all ease; font-weight: bold; } .where-to-next-section-external-link:hover, .where-to-next-section-external-link:active, .where-to-next-section-external-link:focus, .latest-from-blog-external-link:hover, .latest-from-blog-external-link:active, .latest-from-blog-external-link:focus { text-decoration: none; background-color: #fc4545; color: #fff; } .where-to-next-section-header, .latest-from-blog-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 20px 0; } @media (max-width: 577px) { .where-to-next-section-header, .latest-from-blog-header { flex-direction: column; justify-content: center; text-align: center; } } .where-to-next-section-title, .latest-from-blog-title { font-size: 45px; font-weight: bold; color: #111; } .where-to-next-section-subtitle, .latest-from-blog-subtitle { color: #111; font-weight: bold; max-width: 500px; font-size: 16px; } .where-to-next-section-wrapper, .latest-from-blog-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 50px; } @media (max-width: 1201px) { .where-to-next-section-wrapper, .latest-from-blog-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 993px) { .where-to-next-section-wrapper, .latest-from-blog-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 577px) { .where-to-next-section-wrapper, .latest-from-blog-wrapper { grid-template-columns: 1fr; } } .where-to-next-section-feature { box-shadow: 0 2px 15px #ccc; border-radius: 10px; overflow: hidden; } .latest-from-blog-feature { box-shadow: 0 2px 20px #ccc; border-radius: 10px; overflow: hidden; } .where-to-next-section-feature-img-wrapper, .latest-from-blog-feature-img-wrapper { display: block; height: 180px; overflow: hidden; } .where-to-next-section-feature-img-wrapper:hover > img , .latest-from-blog-feature-img-wrapper:hover > img { transform: scale(1.1); opacity: 1 !important; } .where-to-next-section-feature-img, .latest-from-blog-feature-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: .3s all ease !important; opacity: .92 !important; } .where-to-next-section-feature-body { display: grid; grid-template-columns: 22% 1fr; grid-column-gap: 15px; padding: 15px; } .latest-from-blog-feature-content { padding: 20px; } .where-to-next-section-feature-flag-img { height: 50px; } .where-to-next-section-feature-content { transform: translateY(-4px); } .where-to-next-section-feature-title, .latest-from-blog-feature-title { font-size: 22px; margin-bottom: 5px; line-height: 1; } .latest-from-blog-feature-title { margin-bottom: 20px; line-height: 1.2; } .where-to-next-section-feature-title-link, .latest-from-blog-feature-title-link { font-size: 22px; font-weight: bold; text-decoration: none; color: #111; } .where-to-next-section-feature-title-link:hover, .latest-from-blog-feature-title-link:hover { text-decoration: none; opacity: 9; } .where-to-next-section-feature-subtitle { font-weight: bold; font-size: 14px; color: #111; margin-bottom: 0; line-height: 1.3; } .latest-from-blog-feature-subtitle { color: #111; margin-bottom: 0; font-size: 16px; } /*######## Footer area /*########*/ body .site-footer { background-color: transparent !important; padding: 0 !important; } body .site-footer .wrap > p { display: none; } .f1-footer-area { background-color: #262626; padding: 30px 20px 0; border-bottom: 15px solid #e10000; } .f1-footer-area-container { max-width: 1200px; margin: 0 auto; } .f1-footer-area-wrapper { display: grid; /* grid-template-columns: 3fr 1fr; */ grid-template-columns: 1fr auto; } /* @media (max-width: 1380px) { .f1-footer-area-wrapper { grid-template-columns: 2fr 1fr; } }*/ @media (max-width: 993px) { .f1-footer-area-wrapper { grid-template-columns: 1fr; } } /* @media (max-width: 769px) { .f1-footer-area-wrapper { grid-template-columns: 1fr; } } */ .f1-footer-area-column-1, .f1-footer-area-column-2 { padding: 20px 20px 10px; } .f1-footer-area-column-2 { /* max-width: 516px; */ max-width: 440px; } @media (max-width: 993px) { .f1-footer-area-column-2 { max-width: 100%; } } @media (max-width: 500px) { .footer-travel-guides-header { margin-bottom: 30px; } } .footer-travel-guides-header h3, .footer-newsletter-header h3 { color: #98999b; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; font-size: 16px; /* font-size: 18px; */ } .f1-footer-area .menu-races-footer-navigation-container { padding: 15px 0 0; position: relative; } .f1-footer-area .menu-races-footer-navigation-container:after { content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 0; height: 100%; border-right: 1px solid #444444; } @media (max-width: 993px) { .f1-footer-area .menu-races-footer-navigation-container { padding-bottom: 30px; margin-bottom: 30px; } .f1-footer-area .menu-races-footer-navigation-container:after { border-right: none; border-bottom: 1px solid #444444; left: 0; top: auto; bottom: 0; height: auto; } } .f1-footer-area #menu-races-footer-navigation { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: flex-start; } .f1-footer-area #menu-races-footer-navigation li { flex: 0 1 calc(100% / 3); /* margin-bottom: 7px; */ /* height: 40px; */ margin-bottom: 8px; padding-right: 10px; } @media (max-width: 1250px) { .f1-footer-area #menu-races-footer-navigation li { flex: 0 1 calc(100% / 2); } } /* @media (max-width: 1150px) { .f1-footer-area #menu-races-footer-navigation li { flex: 0 1 100%; height: auto; } } */ @media (max-width: 993px) { .f1-footer-area #menu-races-footer-navigation li { flex: 0 1 calc(100% / 3); height: auto; } } @media (max-width: 577px) { .f1-footer-area #menu-races-footer-navigation li { flex: 0 1 calc(100% / 2); } } @media (max-width: 430px) { .f1-footer-area #menu-races-footer-navigation li { flex: 0 1 100%; } } .f1-footer-area #menu-races-footer-navigation li a { color: #98999b; font-size: 18px; font-weight: 500; display: block; line-height: 1.3; text-decoration: none; transition: .3s all ease; } .f1-footer-area #menu-races-footer-navigation li a:hover { text-decoration: none; /* opacity: .7; */ color: #e10000; } .f1-footer-area #menu-races-footer-navigation li a img { display: block; width: 24px; height: 17px; float: left; margin-right: 5px; } .f1-footer-area #menu-races-footer-navigation li a span { position: relative; top: -3px; } .f1-footer-area #menu-main-footer-navigation { margin: 0; padding: 15px 20px 15px 0; list-style: none; display: flex; align-items: center; justify-content: left; flex-wrap: wrap; } .f1-footer-area #menu-main-footer-navigation li:not(:last-child) { margin-right: 25px; } .f1-footer-area #menu-main-footer-navigation li a { /* font-size: 22px; */ font-size: 21px; font-weight: bold; color: #98999b; display: inline-block; text-decoration: none; transition: .3s all ease; } .f1-footer-area #menu-main-footer-navigation li a:hover { text-decoration: none; color: #e10000; } .footer-newsletter-subscribe-form form { display: grid; grid-template-columns: 1fr min-content; grid-gap: 30px; } @media (max-width: 1250px) { .footer-newsletter-subscribe-form form { grid-template-columns: 1fr; grid-gap: 15px; margin-bottom: 30px; } } .site-footer .f1-footer-area .footer-newsletter-subscribe-form form p { margin: 0; display: block !important; } .footer-newsletter-subscribe-form form p input[type="email"] { background-color: #262626; color: #98999b; border: 4px solid #fff; border-radius: 100px; box-shadow: none; font-size: 22px; padding: 7px 20px 12px; } .footer-newsletter-subscribe-form form p input[type="email"]::placeholder { color: #686868; } .footer-newsletter-subscribe-form form p input[type="email"]:focus, .footer-newsletter-subscribe-form form p input[type="email"]:-webkit-autofill, .footer-newsletter-subscribe-form form p input[type="email"]:-webkit-autofill:hover, .footer-newsletter-subscribe-form form p input[type="email"]:-webkit-autofill:focus, .footer-newsletter-subscribe-form form p input[type="email"]:-webkit-autofill:active { background-color: #262626 !important; } .footer-newsletter-subscribe-form form p input[type="email"]:focus:invalid { border-color: #e10000; } .footer-newsletter-subscribe-form form p input[type="submit"] { background-color: #e10000; color: #fff; font-size: 22px; font-weight: 700; text-transform: lowercase; border-radius: 100px; transition: .3s all ease; line-height: 1.2; padding: 14px 24px 18px; } @media (max-width: 1250px) { .footer-newsletter-subscribe-form form p input[type="submit"] { width: 100%; display: block; text-align: center; } } .footer-newsletter-subscribe-form form p input[type="submit"]:hover { background-color: #fc4545; color: #fff; } .footer-newsletter-subscribe-form-heading, .footer-travel-guides-subheading { color: #fff; /* font-size: 30px; */ font-size: 25px; margin-bottom: 40px; } .footer-travel-guides-subheading { margin-bottom: 30px; position: relative; display: inline-block; } @media (max-width: 500px) { .footer-travel-guides-subheading { margin-bottom: 0; display: inline; } } .footer-travel-guides-subheading::after { content: ''; display: block; position: absolute; bottom: 3px; right: -5px; width: 6px; height: 6px; background-color: #e10000; border-radius: 100%; } .footer-newsletter-subscribe-form-description { font-size: 18px; color: #fff; line-height: 1.2; font-weight: 400; } .footer-newsletter-subscribe-form-description a { color: #e10000; text-decoration: none; } .footer-newsletter-subscribe-form-description a:hover { color: #e10000; text-decoration: none; } .f1-footer-nav-and-social-media { /* display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; */ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; border-bottom: 1px solid #444; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; } @media (max-width: 993px) { .f1-footer-nav-and-social-media { grid-template-columns: 1fr; } } .f1-footer-social-media { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; justify-self: end; } @media (max-width: 993px) { .f1-footer-social-media { justify-self: start; } } .f1-footer-social-media #simple-social-icons-4 li a { width: 40px; height: 40px; line-height: 65px; background-color: #908788 !important; } .f1-footer-social-media #simple-social-icons-4 li a:hover { background-color: #e10000 !important; } .f1-footer-social-media #simple-social-icons-4 li a svg { width: 24px; height: 24px; fill: #262626 !important; } @media (max-width: 1150px) { .f1-footer-social-media #simple-social-icons-4 li a { width: 30px; height: 30px; line-height: 49px; } .f1-footer-social-media #simple-social-icons-4 li a svg { width: 28px; height: 28px; fill: #262626 !important; } } .f1-footer-social-text { margin-right: 30px; } @media (max-width: 1150px) { .f1-footer-social-text { margin-right: 10px; } } @media (max-width: 577px) { .f1-footer-social-text { margin-bottom: 15px; } } .f1-footer-social-text span { font-size: 20px; font-size: 18px; font-weight: bold; color: #fff; } .f1-footer-social-text img { width: 25px; height: 25px; display: inline-block; transform: translateY(-3px); margin: 0 10px; } body .site-footer .f1-footer-area .footer-info-copy-text { color: #98999b; font-size: 15px; line-height: 1.3; padding: 15px 40px 15px 10px; margin: 0; display: block !important; } /* .footer-newsletter-subscribe-form .wpcf7 form .wpcf7-response-output { margin: 0 0 20px; padding: 10px 20px; border: 2px solid #00a0d2; } .footer-newsletter-subscribe-form .wpcf7 form.init .wpcf7-response-output { display: none; } .footer-newsletter-subscribe-form .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .footer-newsletter-subscribe-form .wpcf7 form.failed .wpcf7-response-output, .footer-newsletter-subscribe-form .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .footer-newsletter-subscribe-form .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .footer-newsletter-subscribe-form .wpcf7 form.invalid .wpcf7-response-output, .footer-newsletter-subscribe-form .wpcf7 form.unaccepted .wpcf7-response-output { border-color: #ffb900; } */ /*######## Home Page Hero Area /*########*/ .f1-homepage-hero { transform: translateY(71px); position: relative; background-repeat: no-repeat; background-size: cover; height: 620px; overflow: hidden; display: flex; justify-content: flex-start; align-items: center; border-bottom: 15px solid #e10000; display: none; } .f1-homepage-hero--active { display: flex; } .f1-homepage-hero .hero-content { width: 1110px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } @media (max-width: 1201px) { .f1-homepage-hero .hero-content { width: 100%; margin-left: auto; margin-right: auto; } } @media (max-width: 768px) { .f1-homepage-hero { transform: translateY(0); margin-top: 71px; height: 720px; } .f1-homepage-hero .hero-content { padding-right: 150px; padding-left: 15px; } } .f1-homepage-hero-header { max-width: 650px; } @media (max-width: 768px) { .f1-homepage-hero-header { max-width: 100%; transform: translateY(15px); } } @media (max-width: 577px) { .f1-homepage-hero-header { transform: translateY(30px); } } .f1-homepage-hero-heading { color: #fff; font-size: 105px; line-height: 1.2; text-shadow: 0 0 15px #505050; word-break: keep-all !important; word-wrap: normal; } @media (max-width: 690px) { .f1-homepage-hero-heading { font-size: 80px; line-height: 1.2; margin-bottom: 25px; } } @media (max-width: 550px) { .f1-homepage-hero-heading { font-size: 70px; } } @media (max-width: 490px) { .f1-homepage-hero-heading { font-size: 60px; } } @media (max-width: 440px) { .f1-homepage-hero-header { transform: translateY(10px); } .f1-homepage-hero-heading { font-size: 50px; } } @media (max-width: 385px) { .f1-homepage-hero-header { transform: translateY(0); } .f1-homepage-hero-heading { font-size: 40px; } } @media (max-width: 330px) { .f1-homepage-hero-heading { font-size: 35px; } } .f1-homepage-hero-btn { display: inline-block; background-color: #e10000; color: #fff; font-size: 20px; text-transform: uppercase; padding: 10px 23px; font-weight: bold; text-decoration: none; border-radius: 25px; transition: .3s all ease; } @media (max-width: 400px) { .f1-homepage-hero-btn { font-size: 14px; padding: 10px 18px; } } @media (max-width: 350px) { .f1-homepage-hero-btn { font-size: 12px; } } .f1-homepage-hero-btn:hover { text-decoration: none; background-color: #fc4545; color: #fff; } .f1-homepage-hero-next-race { width: 90px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); background-color: #fff; } .f1-homepage-hero-next-race-flag { width: 90px; height: auto; } .f1-homepage-hero-next-race-text, .f1-homepage-hero-next-race-date { color: #111; font-size: 25px; font-weight: bold; display: block; padding: 15px 10px; line-height: 1.3; text-align: center; text-transform: uppercase; } .f1-homepage-hero-next-race-text { font-size: 23px; } .f1-homepage-hero-next-race-date { padding: 10px 10px; line-height: 1.1; } .f1-homepage-hero-next-race-date-text { display: block; font-size: 40px; } .f1-homepage-hero-next-race-date-month { display: block; } /* end f1-homepage-hero */ .f1-page-featured-image { position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 20px; overflow: hidden; border-bottom: 15px solid #e10000; } .f1-page-featured-image--header-wrapper { max-width: 1320px; margin: 0 auto; display: flex; justify-content: flex-start; align-items: center; height: 700px; padding-right: 80px; } @media (max-width: 640px) { .f1-page-featured-image--header-wrapper { height: 790px; align-items: center; justify-content: flex-start !important; padding-right: 80px !important; padding-left: 0 !important; } } @media (max-width: 565px) { .f1-page-featured-image--header-wrapper { height: 690px; } } @media (max-width: 470px) { .f1-page-featured-image--header-wrapper { height: 620px; } } .f1-page-featured-image--header { max-width: 700px; /* margin-left: 10vw; */ } @media (max-width: 640px) { .f1-page-featured-image--header { max-width: 400px; /* margin-left: 2vw; */ margin-right: 0 !important; text-align: left !important; } } @media (max-width: 565px) { .f1-page-featured-image--header { max-width: 320px; } } @media (max-width: 470px) { .f1-page-featured-image--header { max-width: 250px; /* margin-left: 1vw; */ } } @media (max-width: 400px) { .f1-page-featured-image--header { max-width: 190px; } } .f1-page-featured-image--heading { font-size: 120px; color: #fff; /* word-spacing: 100vw; */ margin: 0; font-weight: 900; line-height: 1.1; text-shadow: 0 0 15px #505050; word-break: keep-all !important; word-wrap: normal; } @media (max-width: 850px) { .f1-page-featured-image--heading { font-size: 90px; line-height: 1.5; } } @media (max-width: 680px) { .f1-page-featured-image--heading { font-size: 85px; line-height: 1.5; } } @media (max-width: 640px) { .f1-page-featured-image--heading { font-size: 70px; line-height: 1.4; } } @media (max-width: 565px) { .f1-page-featured-image--heading { font-size: 55px; line-height: 1.6; } } @media (max-width: 470px) { .f1-page-featured-image--heading { font-size: 45px; line-height: 1.8; } } @media (max-width: 400px) { .f1-page-featured-image--heading { font-size: 35px; line-height: 1.8; } } @media (max-width: 320px) { .f1-page-featured-image--heading { font-size: 30px; line-height: 1.8; } } .f1-page-featured-image--heading span { display: block; } .f1-page-featured-image--next-race-flag { width: 90px; } .f1-page-featured-image--next-race-flag-img { max-width: 100%; height: auto; display: block; } .f1-page-featured-image--next-race { position: absolute; top: 0; bottom: 0; right: 0; background-color: rgba(0,0,0, .5); /* width: 125px; */ overflow: hidden; /* z-index: 9999999999999999; */ } @media (max-width: 640px) { .f1-page-featured-image--next-race { right: 0 !important; left: auto !important; } } .f1-page-featured-image--next-race-date { padding: 15px 10px 15px; } .f1-page-featured-image--next-race-date span { display: block; text-align: center; } .f1-page-featured-image--next-race-date-day { font-size: 45px; font-weight: 900; color: #fff; line-height: 1; margin-bottom: 4px; } .f1-page-featured-image--next-race-date-month { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 28px; line-height: 1; } .f1-page-featured-image--next-race-date-year { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 28px; line-height: 1; position: relative; padding-top: 8px; margin-top: 10px; } .f1-page-featured-image--next-race-date-year::before { content: ''; position: absolute; top: 0; left: 0; right: 0; border-top: 3px solid #e10000; } .f1-page-featured-image--next-race-heading { position: relative; height: 100%; overflow: hidden; } .f1-page-featured-image--next-race-heading-wrapper { position: absolute; top: 0; right: 0; transform: rotate(90deg); width: 470px; transform-origin: 46% 405%; line-height: 1.4; } @media (max-width: 640px) { .f1-page-featured-image--next-race-heading-wrapper { transform-origin: 46% 405% !important; transform: rotate(90deg) !important; } } .f1-page-featured-image--next-race-heading-wrapper * { color: #fff; margin: 0; } .f1-page-featured-image--next-race-heading-wrapper *:first-child { font-weight: 700; margin-bottom: 3px; text-transform: uppercase; } .f1-page-featured-image--next-race-heading-wrapper *:nth-child(2) { text-transform: capitalize; } .f1-page-featured-image--next-race-title { color: #fff; display: block; font-weight: 900; text-transform: uppercase; font-size: 17px; } .f1-page-featured-image--next-race-subtitle { color: #fff; display: block; } .f1-page-featured-image---mirrored .f1-page-featured-image--header-wrapper { justify-content: flex-end; padding-right: 0; padding-left: 80px; } .f1-page-featured-image---mirrored .f1-page-featured-image--header { text-align: right; margin-left: 0; } .f1-page-featured-image---mirrored .f1-page-featured-image--next-race { right: auto; left: 0; } .f1-page-featured-image---mirrored .f1-page-featured-image--next-race-heading-wrapper { transform: rotate(270deg); transform-origin: 92% 68%; } .f1-page-featured-image---cancelled .f1-page-featured-image--next-race-date { background-image: url('/wp-content/uploads/2022/04/chess-table.jpg'); background-repeat: no-repeat; background-size: contain; background-position: center center; } .f1-page-featured-image---cancelled .f1-page-featured-image--next-race-date-day, .f1-page-featured-image---cancelled .f1-page-featured-image--next-race-date-month, .f1-page-featured-image---cancelled .f1-page-featured-image--next-race-date-year { visibility: hidden; opacity: 0; } /* F1 Blog page */ .f1-blog-section { padding-top: 100px; } .f1-blog-section .f1-blog-section-header { padding: 60px 20px; text-align: center; display: none; } .f1-blog-section .latest-from-blog-wrapper { grid-template-columns: repeat(3, 1fr); margin-top: 50px; } @media (max-width: 993px) { .f1-blog-section .latest-from-blog-wrapper { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 577px) { .f1-blog-section .latest-from-blog-wrapper { grid-template-columns: 1fr; } } .f1-blog-section .f1-blog-section-feature { margin-bottom: 0; } .f1-blog-section .f1-blog-pagination-wrapper { display: flex; justify-content: center; padding: 70px 0; } .f1-blog-section .f1-blog-pagination-wrapper:last-child { margin-right: 0; } .f1-blog-section .f1-blog-pagination-wrapper > * { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; line-height: 45px; margin-right: 8.5px; text-align: center; font-size: 18px; color: #C4C4C4; border: 1px solid #C4C4C4; transition: .3s all ease; text-decoration: none; } .f1-blog-section .f1-blog-pagination-wrapper > *:hover { background-color: #fc4545; border-color: #fc4545; color: #fff; text-decoration: none; } .f1-blog-section .f1-blog-pagination-wrapper span.current { background-color: #e10000; border-color: #e10000; color: #fff; } .f1-blog-section .f1-blog-pagination-wrapper a.next, .f1-blog-section .f1-blog-pagination-wrapper a.prev { display: block; } /* F1 Blog Single page */ body.single .site-container .site-inner { padding-top: 60px !important; padding-bottom: 60px !important; } body.single .new-cont-div { width: 100%; } body.single .new-cont-div .wp-block-spacer { display: none; } body.single .entry-header { text-align: left; margin: 0 0 60px; } body.single .site-container .site-inner .content { width: 700px !important; margin-left: auto !important; margin-right: auto !important; float: none !important; padding-left: 15px !important; padding-right: 15px !important; } @media (max-width: 769px) { body.single .site-container .site-inner .content { width: 540px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 577px) { body.single .site-container .site-inner .content { width: 100% !important; } } /* F1 Tickets page */ /* body.page-template-tickets_template .site-container .site-inner .content { width: 1240px !important; margin-left: auto !important; margin-right: auto !important; } @media (max-width: 1265px) { body.page-template-tickets_template .site-container .site-inner .content { width: 1100px !important; } } @media (max-width: 1201px) { body.page-template-tickets_template .site-container .site-inner .content { width: 960px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 993px) { body.page-template-tickets_template .site-container .site-inner .content { width: 720px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 769px) { body.page-template-tickets_template .site-container .site-inner .content { width: 540px !important; margin-left: auto !important; margin-right: auto !important; } } @media (max-width: 577px) { body.page-template-tickets_template .site-container .site-inner .content { width: 100% !important; } } */ .f1-tickets-section { padding: 100px 0; } .f1-tickets-section .f1-tickets-content-wrapper { margin-top: 50px; } .f1-tickets-section .f1-tickets-section-header { display: none; } .f1-tickets-section .f1-tickets-guide-feature-gp-flag-wrapper { width: 41px; height: 41px; } @media (max-width: 480px) { .f1-tickets-section .f1-tickets-guide-feature-gp-flag-wrapper { width: 49px; height: 49px; } } .f1-tickets-section .f1-tickets-guide-feature-gp-flag-img { display: block; } .f1-tickets-section .f1-tickets-guide-feature { border-radius: 15px; box-shadow: 0 5px 15px #afafaf; padding: 15px 15px 15px 20px; } .f1-tickets-section .f1-tickets-guide-feature:not(:last-child) { margin-bottom: 20px; } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature { box-shadow: 0 5px 25px #afafaf; max-width: 510px; margin-left: auto; margin-right: auto; padding: 35px 25px; border-radius: 25px; } } /* @media (max-width: 769px) { .f1-tickets-section .f1-tickets-guide-feature { padding: 35px 25px; border-radius: 25px; } } */ .f1-tickets-section .f1-tickets-guide-feature-header { display: grid; grid-template-columns: 1fr auto; } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-header { grid-template-columns: 1fr; grid-row-gap: 25px; } } .f1-tickets-section .f1-tickets-guide-feature-header-column-1 { display: grid; grid-template-columns: min-content 1fr; align-items: start; justify-items: start; } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-1 { padding: 0 15px 25px; border-bottom: 1px solid #eee; justify-self: center; } } @media (max-width: 769px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-1 { padding: 0 15px 25px; border-bottom: 1px solid #eee; justify-self: stretch; } } @media (max-width: 500px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-1 { padding: 0 0 25px; } } .f1-tickets-section .f1-tickets-guide-feature-gp-wrapper { display: grid; grid-template-columns: min-content 1fr; grid-gap: 22px; align-items: start; justify-items: start; justify-self: stretch; padding: 0 0 0 30px; border-left: 1px solid #eee; border-right: 1px solid #eee; } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-gp-wrapper { border-right: none; grid-gap: 15px; } } @media (max-width: 550px) { .f1-tickets-section .f1-tickets-guide-feature-gp-wrapper { padding: 0 0 0 15px; grid-gap: 10px; } } .f1-tickets-section .f1-tickets-guide-feature-date-day, .f1-tickets-section .f1-tickets-guide-feature-date-month { display: block; font-weight: 700; text-align: center; color: #111; } .f1-tickets-section .f1-tickets-guide-feature-date-wrapper { line-height: 1; padding-right: 25px; } @media (max-width: 550px) { .f1-tickets-section .f1-tickets-guide-feature-date-wrapper { padding-right: 15px; } } @media (max-width: 480px) { .f1-tickets-section .f1-tickets-guide-feature-date-wrapper { padding-right: 10px; } } .f1-tickets-section .f1-tickets-guide-feature-date-day { font-size: 25px; margin-bottom: 1px; } @media (max-width: 480px) { .f1-tickets-section .f1-tickets-guide-feature-date-day { font-size: 20px; } } .f1-tickets-section .f1-tickets-guide-feature-date-month { font-size: 14px; text-transform: uppercase; transform: translateY(1px); } @media (max-width: 480px) { .f1-tickets-section .f1-tickets-guide-feature-date-month { font-size: 13px; } } .f1-tickets-section .f1-tickets-guide-feature-gp-title { margin-bottom: 0; line-height: .8; color: #111; font-size: 22px; } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-gp-title { font-size: 19px; } } @media (max-width: 460px) { .f1-tickets-section .f1-tickets-guide-feature-gp-title { font-size: 16px; } } @media (max-width: 410px) { .f1-tickets-section .f1-tickets-guide-feature-gp-title { font-size: 16px; line-height: 1; } } .f1-tickets-section .f1-tickets-guide-feature-gp-subtitle { margin-bottom: 0; color: #111; transform: translateY(9px); line-height: 1; font-weight: bold; font-size: 14px; } @media (max-width: 410px) { .f1-tickets-section .f1-tickets-guide-feature-gp-subtitle { font-size: 13px; } } .f1-tickets-section .f1-tickets-guide-feature-header-column-2 { max-width: 450px; display: grid; grid-template-columns: 1fr min-content min-content; grid-gap: 20px; align-items: end; padding-left: 50px; } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-2 { padding-left: 0; justify-self: center; } } @media (max-width: 769px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-2 { justify-self: stretch; padding-left: 20px; } } @media (max-width: 410px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-2 { padding-left: 0; } } @media (max-width: 385px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-2 { grid-gap: 10px; } } @media (max-width: 360px) { .f1-tickets-section .f1-tickets-guide-feature-header-column-2 { grid-gap: 5px; } } .f1-tickets-section .f1-tickets-guide-feature-plan-trip-btn { display: inline-block; color: #c3c1c2; background-color: #ebebeb; font-weight: bold; padding: 5px 25px; border-radius: 20px; text-decoration: none; text-transform: uppercase; margin-right: 10px; text-align: center; cursor: default; pointer-events: none; transition: .3s all ease; font-size: 15px; } @media (max-width: 480px) { .f1-tickets-section .f1-tickets-guide-feature-plan-trip-btn { font-size: 12px; padding: 9px 10px; } } .f1-tickets-section .f1-tickets-guide-feature-plan-trip-btn:hover { text-decoration: none; background-color: rgb(221, 221, 221); } .f1-tickets-section .f1-tickets-guide-feature-ticket-btn, .f1-tickets-section .f1-tickets-guide-feature-mail-btn { display: block; width: 34px; height: 34px; line-height: 25px; text-align: center; position: relative; border: 1px solid #111; border-radius: 100%; background-color: #ebebeb; } .f1-tickets-section .f1-tickets-guide-feature-ticket-btn { cursor: default; pointer-events: none; text-decoration: none; line-height: 23px; } .f1-tickets-section .f1-tickets-guide-feature-mail-btn { background-color: #ffff00; } .f1-tickets-section .f1-tickets-guide-feature-mail-btn-img { width: 22px; height: 17px; display: inline-block; } .f1-tickets-section .f1-tickets-guide-feature-ticket-btn-img { width: 22px; height: 17px; display: inline-block; } .f1-tickets-section .f1-tickets-guide-feature-dropdown-btn, .f1-tickets-section .f1-tickets-guide-feature-dropdown-btn--expandable { display: block; font-size: 50px; line-height: 38px; width: 38px; height: 38px; text-align: center; transform: rotate(90deg); cursor: default; transition: .3s all ease; color: #ebebeb; } .f1-tickets-section .f1-tickets-guide-feature-dropdown-btn--expandable { cursor: pointer !important; } .f1-tickets-section .f1-tickets-guide-feature-dropdown-btn--toggled { transform-origin: 35% 65%; transform: rotate(270deg); } .f1-tickets-section .f1-tickets-guide-feature-body { display: none; position: relative; padding-top: 25px } .f1-tickets-section .f1-tickets-guide-feature-body::before { content: ''; position: absolute; top: 25px; left: 0; right: 0; width: 100%; border-top: 1px solid #eee; } .f1-tickets-section .f1-tickets-guide-feature-body-wrapper { padding-top: 25px; margin: 0 4%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } @media (max-width: 1265px) { .f1-tickets-section .f1-tickets-guide-feature-body-wrapper { margin: 0; } } @media (max-width: 769px) { .f1-tickets-section .f1-tickets-guide-feature-body-wrapper { display: block; } } .f1-tickets-section .f1-tickets-guide-feature-body-description { max-width: 480px; color: #111; font-weight: bold; margin-bottom: 15px; line-height: 1.1; padding-right: 15px } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-body-description { margin: 0 auto 25px; text-align: center; } } .f1-tickets-section .f1-tickets-guide-feature-body-btns { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px; transform: translateY(-5px); } @media (max-width: 1265px) { .f1-tickets-section .f1-tickets-guide-feature-body-btns { grid-template-columns: 1fr; grid-gap: 10px; } } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-body-btns { grid-template-columns: 1fr 1fr; grid-gap: 25px; transform: translateY(0); margin: 0 auto; } } @media (max-width: 769px) { .f1-tickets-section .f1-tickets-guide-feature-body-btns { grid-template-columns: 1fr; grid-gap: 10px; } } .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti { display: inline-block; padding: 8px 25px 8px 25px; position: relative; color: #111; text-decoration: none; font-weight: bold; box-shadow: 0 5px 10px #c5c5c5; border-radius: 30px; transition: .3s all ease; text-align: center; } .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor:hover, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti:hover, .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor:active, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti:active, .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor:focus, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti:focus { color: #e10000; } .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti-img, .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor-img { display: block; width: 18px; height: 18px; position: absolute; top: 50%; left: 20px; transform: translateY(-49%); } .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor-img { width: 21px; height: 21px; } .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor span { display: block; transform: translateY(-1px); } @media (max-width: 993px) { .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti { padding-top: 10px; padding-bottom: 10px; font-size: 14px; } } @media (max-width: 769px) { .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti { display: block; width: 100%; padding: 8px 30px 8px 30px; font-size: 16px; } } .f1-tickets-section .f1-tickets-guide-feature-body-btn-motor:hover, .f1-tickets-section .f1-tickets-guide-feature-body-btn-gooti:hover { text-decoration: none; } /* active */ .f1-tickets-section .f1-tickets-guide-feature--active .f1-tickets-guide-feature-plan-trip-btn { background-color: #e10000; color: #fff; cursor: pointer; pointer-events: auto; } .f1-tickets-section .f1-tickets-guide-feature--active .f1-tickets-guide-feature-plan-trip-btn:hover { background-color: #fc4545; } .f1-tickets-section .f1-tickets-guide-feature--active .f1-tickets-guide-feature-ticket-btn { background-color: #ffff00; cursor: pointer; pointer-events: auto; } .f1-tickets-section .f1-tickets-guide-feature--active .f1-tickets-guide-feature-dropdown-btn { color: #111 } .f1-tickets-section .f1-tickets-guide-feature--active .f1-tickets-guide-feature-body { display: none; } /* half-active */ .f1-tickets-section .f1-tickets-guide-feature--halfactive .f1-tickets-guide-feature-plan-trip-btn { background-color: #e10000; color: #fff; cursor: pointer; pointer-events: auto; } .f1-tickets-section .f1-tickets-guide-feature--halfactive .f1-tickets-guide-feature-plan-trip-btn:hover { background-color: #fc4545; } /* .f1-tickets-section .f1-tickets-guide-feature--halfactive .f1-tickets-guide-feature-dropdown-btn { color: #111 } */ body { font-size: 20px; color: #000; } a { color: #e10000; } h2 { font-size: 42px; font-family: 'ubuntu', serif; } h3 { font-size: 36px; font-family: 'ubuntu', serif; } h4 { font-size: 24px; font-family: 'ubuntu', serif; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: none !important; } .f1-footer-nav-and-social-media .simple-social-icons ul li { margin: 0 5px 0px !important; } .f1-footer-nav-and-social-media .simple-social-icons ul li a{ position: relative; width: 24px!important; height: 24px!important; } .f1-footer-nav-and-social-media .simple-social-icons ul li a svg{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 19px; height: 19px; } @media (min-width: 784px) { .heateor_sss_sharing_container { top: auto !important; bottom: 60px !important; } } /* Arsa css */ #wpforms-13160-field_2 { height: 57px; background-color: #262626; color: #98999b; width: 100%; border: 4px solid #fff; border-radius: 100px; box-shadow: none; font-size: 22px; padding: 7px 20px 12px; } #wpforms-13160-field_2::placeholder, #wpforms-13160-field_2:-ms-input-placeholder, #wpforms-13160-field_2::-ms-input-placeholder { color: #443026; } #wpforms-submit-13160 { background-color: #e10000; color: #fff; font-size: 22px; font-weight: 700; text-transform: lowercase; border-color: #e10000; border-radius: 100px; transition: .3s all ease; line-height: 1.2; padding: 14px 24px 18px; display: block; width: 100%; } #wpforms-13160 .wpforms-confirmation-container-full p { display: block !important; } /* Arsa css */