/* Handle small screen first, then larger screens in media queries */ html { font-size: 62.5%; } body { background-color: #bddbed; color: #264d6b; font-size: 1.25em; font-size: 1.25rem; line-height: 1.45; margin: 0; padding: 0; } /* Fonts */ body, input, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .view-list-event-previous-results.view-display-id-page main h1, .modal-content form { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } h1, .site-name, footer h4, .view-list-event-previous-results.view-display-id-page .view-content > h3, #front-opening-box .field-collection-view h2, .domain-front .display-listing h2, .domain-front .display-playlist h2, .domain-front .display-3100 h2, #offer-block-header h3 { font-family: 'myriad-pro-semi-condensed', 'Arial Black', sans-serif; font-weight: normal; } .domain-mn-srichinmoyracesorg h1, .domain-mn-srichinmoyracesorg .site-name, .domain-mn-srichinmoyracesorg footer h4, .domain-mn-srichinmoyracesorg .view-list-event-previous-results.view-display-id-page .view-content > h3, .domain-mn-srichinmoyracesorg #front-opening-box .field-collection-view h2, .domain-mn-srichinmoyracesorg .domain-front .display-listing h2, .domain-mn-srichinmoyracesorg .domain-front .display-playlist h2, .domain-mn-srichinmoyracesorg #offer-block-header h3, .domain-lv-srichinmoyracesorg h1, .domain-lv-srichinmoyracesorg .site-name, .domain-lv-srichinmoyracesorg footer h4, .domain-lv-srichinmoyracesorg .view-list-event-previous-results.view-display-id-page .view-content > h3, .domain-lv-srichinmoyracesorg #front-opening-box .field-collection-view h2, .domain-lv-srichinmoyracesorg .domain-front .display-listing h2, .domain-lv-srichinmoyracesorg .domain-front .display-playlist h2, .domain-lv-srichinmoyracesorg #offer-block-header h3 { font-family: 'Open Sans', 'Arial Black', sans-serif; font-weight:800; } strong, b, #display-page-wrapper h1, .node-type-book #content article h1#page-title, #term-information h1, h2, h3, h4, h5, h6, .button, input[type="submit"], article a, #event-first-section-box-links, .ui-widget-header .ui-state-default a { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform: none; } #header #navigation ul.menu li { /*font-family: 'franklin-gothic-extra-compre','Arial Narrow', Arial, sans-serif; */ font-family: "franklin-gothic-compressed",'Arial Narrow', Arial,sans-serif; line-height: 1.05; } .domain-ua-srichinmoyracesorg #header #navigation ul.menu li, .domain-ua-vs-racestestingorg #header #navigation ul.menu li, .domain-ru-srichinmoyracesorg #header #navigation ul.menu li, .domain-ru-vs-racestestingorg #header #navigation ul.menu li, .domain-bg-srichinmoyracesorg #header #navigation ul.menu li, .domain-bg-vs-racestestingorg #header #navigation ul.menu li, .domain-by-srichinmoyracesorg #header #navigation ul.menu li, .domain-by-vs-racestestingorg #header #navigation ul.menu li { font-family: "myriad-pro-condensed",'Arial Narrow', Arial,sans-serif; } .domain-mn-srichinmoyracesorg #header #navigation ul.menu li, .domain-mn-vs-racestestingorg #header #navigation ul.menu li, .domain-lv-srichinmoyracesorg #header #navigation ul.menu li, .domain-lv-vs-racestestingorg #header #navigation ul.menu li { font-family: 'Open Sans Condensed', 'Arial Narrow', sans-serif; } /* Layout, elements and common classes */ .section { width: 96%; margin: 0 2%; padding: 0; } #content { display: inline; position: relative; width: 100%; } .messages { position: absolute; top: 100px; right: 0; z-index: 10000;} h1, h2, h3, h4, h5, h6 { color: #045d97; line-height: 1.1; } img { height: auto; max-width: 100%; } a { text-decoration: none; } p { margin: 0 0 1em 0; padding: 0; } hr { border: 0px none; height: 1px; color: rgb(171, 202, 220); background-color: rgb(171, 202, 220); margin: 0.5em 0px 1em; } tbody { border-top: none; } article a, #event-third-section .ui-tabs-panel.ui-widget-content a, h3.ui-accordion-header a, #event-view-header a, #result-header a, .single-result-opened-files a { color: #679ec0; font-weight: bold; } article .table-wrap { width: 100%; overflow-x: scroll; } article table { font-size: .92em; max-width: 100%; } article table tr { background: transparent !important; border-bottom: 1px #bddbed solid !important; } article table tr td { padding: 5px 2px; } #main-wrapper { min-height: 250px; } /* #main-wrapper p, #main-wrapper ul, #main-wrapper blockquote { max-width: 520px; } */ #main-wrapper ul { margin-left: 0; padding-left: 1.5em; list-style-type: disc;} #main-wrapper ul li { margin-bottom: .5em; } h1.title { letter-spacing: .04em; font-size: 3em; margin: 1em 0 .7em 0; color: #222; font-weight: normal; line-height: 1.15em; } .page-reports h1.title { text-align: center; } .button, input[type="submit"], .ctools-use-modal, a.views-more-link, ul.pager .pager-previous a, ul.pager .pager-next a, #views_infinite_scroll_button a, .pager--infinite-scroll a { padding: 2px 6px; font-weight: bold; color: #045d97; background-color: #fff; width: auto; border-radius: 4px; display: inline-block; clear: left; border: none; font-size: 1em; line-height: 1.2; } .shadow { box-shadow: 0 0 20px rgba(91, 131, 158, .85); } .field-collection-container { border-bottom: none; margin-bottom: 0; } img.lazyloader-icon, .page-body img.lazyloader-icon { width: 16px !important; } /* Header */ #main-wrapper { padding-top: 78px; } .domain-lv-srichinmoyracesorg #main-wrapper { padding-top: 108px; } .domain-mn-srichinmoyracesorg #main-wrapper { padding-top: 98px; } #header { line-height: 1.4; background: #045d97; background: linear-gradient(to bottom, #001c30 0%, #045d97 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: 5px #66b6e7 solid; position: fixed; width: 100%; z-index: 45;} #header .section { position: relative; } #header form { display: none; margin: 12px 0 6px 0;} #header form input[type="text"] { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; padding: 4px 4px 4px 23px; background: #2673b6 url(images/search.png) 8px 50% no-repeat; background-size: 10px 12px; color: #dbedf4; border: none; border-radius: 10px; font-size: .87em; } #header form input[type="submit"] { display: none; } #header h1, #header h2 { border-bottom: 1px solid #66b6e7; clear: right; font-size: 1.3em; font-weight: normal; letter-spacing: 0.04em; margin: 0 auto; padding: 8px 0; text-transform: uppercase;} #header a { color: #fff; } #header a#logo img { display: block; float: left; margin-right: 8px; width: 20px; height: 20px; } #header a#logo .site-name { padding-top: 12px; color: #fff; line-height: 1.1; } ul.menu li { list-style: none; } ul.menu { margin: 0; padding: 0; } #header #navigation { } #header #navigation ul.menu { font-size: 1.2em; margin-left: -6px;} #header #navigation ul.menu li { text-transform: uppercase; padding: 0; margin: 0; text-align: center; display: block; float: left;} #header #navigation ul.menu li.navtext { width: 26%; } #header #navigation ul.menu li.navimage { width: 10%; } #header #navigation ul.menu li a { color: #fff; padding: 10px 5px 5px 5px; display: block; } #header #navigation ul.menu li a .homeimg { margin-bottom: -1px; max-width: 18px; max-height: 18px; } #header #navigation ul.menu li .searchimg { margin-bottom: 1px; max-width: 18px; max-height: 18px; } #header #navigation ul.menu li.last { margin-right: 0; } #header #navigation ul.menu li.mobilelast { margin-right: 0; padding: 10px 0 0 5px; cursor: pointer; } #header #navigation ul.menu li.collapsed { list-style: none; } .navarea { display: none; } /* FlexSlider Necessary Styles */ .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} /* Control Nav */ .flex-control-nav { display: none; } /* Direction Nav - defaults for front page, adapted for other sliders below */ ul.flex-direction-nav { margin-left: 0 !important; padding-left: 0 !important; position: absolute; list-style: none; top: 40px; width: 100%; max-width: none !important; } ul.flex-direction-nav li { display: inline !important;} ul.flex-direction-nav a { text-decoration:none; font-size: 0pt; display: block; width: 20px; height: 15px; margin: 0; position: absolute; z-index: 30; cursor: pointer; color: rgba(255,255,255,0.8); /* text-shadow: 1px 1px 0 rgba(255,255,255,0.3); */ } .flexslider:hover .flex-prev { opacity: 0.7; } .flexslider:hover .flex-next { opacity: 0.7; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } ul.flex-direction-nav a.flex-prev { left: 10px; width: 25px; height: 25px; background: url(images/slide-left.png) 0 0 no-repeat; background-size: contain; text-align: -9999px; display: inline-block; } ul.flex-direction-nav a.flex-next { right: 10px; width: 25px; height: 25px; background: url(images/slide-right.png) 0 0 no-repeat; background-size: contain; text-align: -9999px; display: inline-block; } /**************************************/ /* Article */ /**************************************/ /* Common items across all displays - result and article */ .page-header, .page-body { width: 92%; padding: 0 4%; } .page-body { margin-top: 1em; } .page-header h1#page-title { margin: 0; padding: .2em 0 0 0; font-weight: bold; font-size: 1.5em; } .page-header h2 { margin: 0; padding: .3em 0; } /* ul.item-slides > li { position: absolute !important;} */ /*.flex-control-paging li a:hover { background: #ddd; background: rgba(255,255,255,0.7); } .flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); cursor: default; } */ /* Slider - again common across all displays */ .item-slider { position: relative; text-align: center; background: #bbb; margin: 10px 0 50px 0; border-top: 2px #66b6e7 solid; border-bottom: 2px #66b6e7 solid; } .item-slider.with-video{height: 52vw} .item-slider.with-video .single-embed{height: 100%} .item-slider.with-video .single-embed iframe{width: 100%;height: 100%;position: absolute;top: 0;left: 0} .item-slider.with-video li{overflow: hidden;} .item-slider.with-video li img{object-fit: cover;object-position: 50% 50%;height: 100%} .item-slides, .item-slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .item-slides { zoom: 1; max-width: none; margin: 0 !important; padding: 0 !important; } .item-slides > li { display: none; -webkit-backface-visibility: hidden; margin-bottom: 0 !important; } .item-slider ul.item-slides > li img { width: 100% !important; display: block; height: auto; -moz-user-select: none; } .item-slider ol.flex-control-nav { height: 10px; display: block; max-width: none; margin: 0 4%; padding: 12px 2%; width: 88%; background: url(images/bluebg.png); position: absolute; bottom: -34px; /*z-index: 15; top: 3px; right: 0; width: auto; */ border-radius: 0 0 5px 5px; } .item-slider ol.flex-control-nav li {margin: 0 6px !important; display: block; zoom: 1; } .item-slider ol.flex-control-paging li a {width: 10px; height: 10px; display: block; float:left; margin-left: 7px; background: #fff; background: rgba(255,255,255,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .item-slider ol.flex-control-paging li a:hover, .item-slider ol.flex-control-paging li a.flex-active { background: rgba(230,0,0,0.9); cursor: default; } .item-slider ul.flex-direction-nav { position: absolute; z-index: 16; bottom: -11px; right: 6% !important; width: 55px; left: inherit !important; top: inherit !important; } .item-slider ul.flex-direction-nav a.flex-prev {left: 0;} .item-slider ul.flex-direction-nav a.flex-next {left: 33px;} p.flex-caption { color: #666; background: #ccc; background: rgba(189, 219, 237, .7); position: absolute; bottom: 0; margin: 0; padding: 7px 3%; font-style: italic; line-height: 1.3; } /*.item-slider ol.flex-control-nav { height: 10px; display: block; max-width: none; margin: 0; padding: 10px 54px 10px 7px; background: url(images/bluebg.png); position: absolute; z-index: 15; top: 3px; right: 0; width: auto; border-radius: 5px 0 0 5px; } .item-slider ol.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; display: inline;} .item-slider ol.flex-control-paging li a {width: 10px; height: 10px; display: block; float:left; margin-left: 7px; background: #fff; background: rgba(255,255,255,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .item-slider ol.flex-control-paging li a:hover, .item-slider ol.flex-control-paging li a.flex-active { background: rgba(230,0,0,0.9); cursor: default; } .item-slider ul.flex-direction-nav { margin-left: 0 !important; padding-left: 0 !important; position: absolute; list-style: none; z-index: 16; top: -7px; right: 10px !important; width: 55px; left: inherit !important; } .item-slider ul.flex-direction-nav a.flex-prev {left: 0;} .item-slider ul.flex-direction-nav a.flex-next {left: 33px;} p.flex-caption { color: #fff; background: url(images/bluebg.png); position: absolute; bottom: 0; margin: 0; padding: 7px 3%; font-style: italic; line-height: 1.3; } */ .term-page { position: relative; margin-top: -5px; } #term-article-listing { width: 100%; padding: 0 0 0 0; } #term-article-listing main { margin: 0 0 25px 0; } article.result { background: #fff; } article.article { background: #f2f2f2; position: relative; padding: 0; margin-bottom: 0; } article.article .page-body { background: #f2f2f2; background: linear-gradient(to bottom, #f2f2f2 0%, #d7d7d7 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } #term-article-listing .views-row { margin-bottom: 15px; } .page-header-submitted { font-size: .85em; } .originally-posted { width: 100%; font-style: italic; margin-bottom: 1em; } .author-name { margin-right: 13px; } .author-link { color: #679ec0; cursor: pointer; display: inline-block; } .author-profile { display: none; width: 84%; margin: 5px 0 10px 0; padding: 10px 8%; border-top: 1px #aaa solid; border-bottom: 1px #aaa solid; font-style: italic; font-size: .9em; line-height: 1.4em; } .author-profile h4 { margin: 0 0 .2em 0; } .author-profile img { width: 75px !important; height: 100px !important; float: right; margin-left: 5%; } /* #term-article-listing .views-row .item-slider ol.flex-control-nav { padding-right: 80px; bottom: 5px; } #term-article-listing .views-row .item-slider ul.flex-direction-nav { bottom: 18px; display: none; } #term-article-listing .views-row .item-slider ol.flex-control-nav { } */ .page-terms { background: #003557; width: 92%; padding: 7px 4%; } .page-terms a { font-weight: normal; margin-right: 20px; color: #bddbed !important; } .page-terms a:after { content: ' ยป'; } a.permalink { float: right; color: #aaa !important; font-size: .8em; font-style: italic; margin-top: 4px; text-transform: lowercase;} article > img { margin-top: 15px; } /* Single slider image */ .page-body img { width: 100% !important; height: auto !important; } .page-body img.left { float: left; max-width: 40%; width: auto; height: auto; margin: 0 20px 5px 0; } .page-body img.right { float: right; max-width: 40%; width: auto; height: auto; margin: 0 0 5px 20px; } .initial-teaser { height: 250px; overflow: hidden; position: relative; } .teaser-ending { position: absolute; bottom: 0; left: 0; width: 100%; } .teaser-ending-fade { background: url(images/article-teaser-gradient.png) bottom left repeat-x scroll; height: 100px; width: 100%; z-index: 25;} .teaser-ending-more { cursor: pointer; border-top: 1px #aaa solid; background: #d2d2d2; width: 84%; padding: 10px 8%; text-align: right; position: relative; z-index: 20;} .page-body h2, .node-type-book #content article .page-body h3, .node-type-book #content article .page-body h4 { font-size: 1.1em; font-weight: bold; margin: 1.5em 0 .5em 0; } #term-information { background-color: #66b6e7; padding: 4px 2% 9px 4%; display: block; margin-bottom: 10px; box-shadow: 0 0 5px rgba(91, 131, 158, .85); } #term-information h1 { font-weight: bold; margin: 0 0 .3em 0; display: inline-block; font-size: 1.4em; } #term-information h2 { font-weight: normal; margin: 0; display: inline-block; margin-right: 5px; font-size: 1em; } #term-information img { width: 30%; float: right; margin-left: 5%; margin-bottom: 7px; } #term-information a.mobile-expand-link { color: #eee; cursor: pointer; display: inline-block; } #term-description { line-height: 1.3; } #term-description br { display: none; } .node-type-book .view-article-listing ul.pager { display: none;} .page-taxonomy h1.title { display: none; } #page-sidebar a { color: #045d97; } #page-sidebar ul { margin-bottom: 1.5em; margin-left: 0; padding-left: 0; max-width: 90%; } #page-sidebar ul li { line-height: 1.15; margin-bottom: .3em; } #page-sidebar .view select { max-width: 100%; } #page-sidebar .expanded .view { display: block; } /* search navigation */ #article-search .view-display-id-sidebar_search { float: left; max-width: 50%; margin-right: 3%; } #article-search .view-display-id-sidebar_search .view-content { width: 200%; } #article-search .archive-link { font-size: .9em; color: #f2f2f2; float: left; margin-top: 5px; max-width: 47%; } #term-information .views-exposed-form { display: table; width: 60%; } #term-information .views-exposed-form .views-exposed-widgets { display: table-row; margin-bottom: .3em; } #term-information .views-exposed-form .views-exposed-widget { display: table-cell; padding: 0 .4em 0 0; position: relative; } #term-information input[type="text"] { border: none; padding: 4px 4%; border-radius: 2px; background: #f0f0f0; min-width: 150px; font-size: 1em; color: #777;} #term-information .views-exposed-form .views-exposed-widget .form-submit { display: inline; margin-top: .1em; padding-top: 5px; padding-bottom: 5px; display: none; } h3#more-articles { background-color: #66b6e7; color: #fff; padding: 10px 5%; margin-top: 30px; font-size: 1.5em; } ul.pager, .term-link { text-align: center; background-color: #66b6e7; padding: 10px 5%; margin-bottom: 30px; } ul.pager a, .term-link a{ background-color: #bddbed;} ul.pager.pager--infinite-scroll { padding: 0 !important; margin: 0 !important; background: transparent; margin-bottom: 15px; } ul.pager.pager--infinite-scroll > li { background-color: #66b6e7; list-style: none; padding: 10px 0; } /* jump menu and event link */ #page-sidebar .view-display-id-jumpmenu_manual_samepage input[type="submit"], #page-sidebar .view-display-id-jumpmenu_samepage input[type="submit"] { display: none; } #page-sidebar .article-event-link { clear: none; text-align: center; margin: 1em 0 25px 0; } /* related articles */ #article-event { margin-top: 1em; padding: 1em 3%; border: 1px #aaa solid; font-size: .9em; background-color: #f2f2f2;} #article-event h4 { margin: 0 0 .5em 0; text-transform: uppercase;} #article-event img { width: 45% !important; height: auto !important; float: right; margin: 0 0 10px 2%; } #article-event .view-articles-refer-to-same-event ul { margin: .3em 0 1em 0 !important; padding-left: 0 !important; } #article-event .view-articles-refer-to-same-event ul li { margin-bottom: .3em !important; line-height: 1.2em; } #article-event .button { float: right; } /* Article archive */ .page-articles-archive .views-row { margin-bottom: 15px; } .page-articles-archive h1#page-title { text-align: center; font-size: 1.9em; margin: 1em 0 .5em 0; color: #045d97;} .page-articles-archive .views-exposed-form, .page-articles-archive ul.pager { background-color: #66b6e7; padding: 10px 4%; border-radius: 3px; margin: 0 0 15px 0; max-width: none !important;} .page-articles-archive .archive-single { position: relative; background: #f2f2f2; background: linear-gradient(to bottom, #f2f2f2 0%, #d1d1d1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 10px 4% 20px 4%; } .page-articles-archive .archive-single .button { position: absolute; bottom: 5px; right: 5px; } .page-articles-archive .archive-single .button a { color: #045d97 !important; } .page-articles-archive .archive-single h3 { margin: .2em 0; } /*************************/ /* Event page */ /*************************/ #event-first-section img { width: 100%; height: auto; } #event-first-section .section { position: relative; z-index: 40; } #event-first-section-box { position: static; width: 92%; background: #c1dded; padding: 10px 4%; } #event-first-section-box h1 { font-size: 1.7em; margin: .1em 0 .3em 0; text-align: center; /* color: #264d6b; */ } #event-first-section-box #event-date-location { text-transform: uppercase; margin-bottom: .7em; width: 100%; font-size: .95em;} #event-first-section-box #event-date-location .event-date-display { background: url(images/mobile-event-clock.png) 0 0 no-repeat; background-size: 14px 14px; padding-left: 22px; } #event-first-section-box #event-date-location .location { background: url(images/mobile-event-place.png) 2px 3px no-repeat; background-size: 9px 14px; padding-left: 22px; margin-top: 3px; } #event-first-section-box p { margin-bottom: 1em; max-width: 470px; } #event-first-section-box a.button { text-transform: none; margin-top: 1px; } ul#event-first-section-box-links { margin: 0; padding: 0; } ul#event-first-section-box-links li { text-align: right; font-size: 1.2em; list-style: none; float: left; margin-right: 0; width: 50%; margin-bottom: 0; font-weight: bold; } ul#event-first-section-box-links li:first-child, ul#event-first-section-box-links li:last-child { text-align: left; } ul#event-first-section-box-links li a { color: #045d97; padding: 2px 0; display: block; } .banner-slides, .banner-slides > li { margin: 0; padding: 0 !important; list-style: none; } .node-type-event h2 { text-align: center; } .event-body-section { margin-bottom: 30px; } .event-body-section .section { background: #fff; } .event-body-section h2, .event-body-section h3, .event-body-section h4 { text-transform: uppercase; font-weight: bold; } #event-second-section { margin-top: -20px; position: relative; z-index: 5; } #event-second-section-introduction { background: #fff; width: 90%; padding: 12px 5%; } #event-second-section-belowintro { width: 100%; background: #c1dded; } #event-second-section-belowintro h2 { font-size: 1.2em; margin-bottom: .5em; margin-left: 3%; display: inline-block; margin-right: 7px} #event-second-section-belowintro p { margin-bottom: .5em; } #event-second-section-belowintro .view-results-single-event { width: 94%; padding: 1px 3% 10px 3%; } #event-second-section-belowintro .view-results-single-event .view-content > div { display: inline; } #event-second-section-belowintro .view-results-single-event .view-content > div a { padding-right: 5px; } #event-second-section-belowintro .view-results-single-event .view-content > div:first-child a { font-size: 1.3em; } #event-second-section-newsletter { padding: 20px 3%; } /* #event-second-section-previous-results { border-top: 1px #b2d5f1 solid; margin-top: 2.5em; padding-top: 1em; } #event-second-section-previous-results h2 { margin-top: 0; display: inline-block; float: left; width: 50%; margin-right: 3%; } #event-second-section-previous-results .results-body { float: left; width: 47%; } #event-second-section-previous-results div a { padding-right: 7px; font-size: 1.1em; } #event-second-section-previous-results div a:first-child { font-size: 1.4em; } */ #event-second-section-video { margin-top: 10px; background: #c1dded; padding: 1px 3% 15px 3%; } #event-second-section-video h2 { font-size: 1.2em; margin-bottom: .5em; } #event-second-section-details { background: #003557; color: #fff; font-size: .9em; border: 12px #fff solid; width: 95%; margin: 0 2.5%; padding: 12px 5%; box-sizing: border-box; } #event-second-section-details h3 { color: #b2d5f1; margin: .8em 0 .1em 0; } #event-second-section-details h4 { color: #fff; text-transform: none; margin: 1em 0 .4em 0; font-size: 1.1em; } #event-second-section-details ul { margin: 0 0 1em 0; padding: 0; } #event-second-section-details ul.event-info-grouped { margin-bottom: 2.5em; } #event-second-section-details ul li { list-style: none; position: relative; margin-bottom: .3em; } #event-second-section-details ul li.start-time, #event-second-section-details ul li.cost { margin-top: 3px; } #event-second-section-details ul li .details-icon { position: absolute; width: 16px; height: 16px; top: 2px; } #event-second-section-details ul li .details-text { padding-left: 23px; } #event-second-section-details ul li .details-text ul { margin-bottom: 5px; } #event-second-section-details ul li.start-time .details-icon { background: transparent url(images/clock.png) no-repeat; background-size: contain;} /* Currency icons for different countries */ #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/dollar.png) no-repeat; background-size: contain;} .domain-fr-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-fr-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon, .domain-de-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-de-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon, .domain-at-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-at-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon, .domain-nl-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-nl-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon, .domain-lv-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-lv-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/euro.png) no-repeat; background-size: contain;} .domain-uk-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-uk-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/pound.png) no-repeat; background-size: contain;} .domain-jp-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-jp-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/yen.png) no-repeat; background-size: contain;} .domain-cs-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-cs-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/czech-koruna.png) no-repeat; background-size: contain;} .domain-hu-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-hu-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/hungarian-forint.png) no-repeat; background-size: contain;} .domain-is-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-is-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/icelandic-krone.png) no-repeat; background-size: contain;} .domain-mk-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-mk-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/macedonian-denar.png) no-repeat; background-size: contain;} .domain-mn-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-mn-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/mongolian-togrog.png) no-repeat; background-size: contain;} .domain-ru-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-ru-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/ruble.png) no-repeat; background-size: contain;} .domain-rs-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-rs-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/serbian-dinar.png) no-repeat; background-size: contain;} .domain-ua-vs-racestestingorg #event-second-section-details ul li.cost .details-icon, .domain-ua-srichinmoyracesorg #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/ukrainian-hryvnia.png) no-repeat; background-size: contain;} #event-second-section-details ul li.cost .details-icon { background: transparent url(images/currencies/dollar.png) no-repeat; background-size: contain;} #event-second-section-details h3.details-contact-info-heading, #event-second-section-details h3#event-award-categories, #event-second-section-details h3#event-certification-info { border-top: 2px #b2d5f1 solid; padding-top: 2em; margin-top: 1.5em; } #event-second-section-entrylinks .entrylink-cell a.button { background-color: #bddbed; color: #003557; margin-bottom: 5px; line-height: 1.3; padding: 5px 10px 8px 10px; font-size: 1.3em; margin: 15px 0;} #event-second-section-details a.course-map { background: transparent !important; color: #bddbed !important; font-weight: normal !important; padding: .2em 0 !important; } #event-certification-logos { display: flex; margin: 20px 0 ; width: 100%; align-items:center;} .event-certification-logos-cell { align-items:center; display: flex; flex: 1; text-align: center; padding: 10px 0; } .event-certification-logos-cell img { max-width: 100%; height: auto; width:auto; max-height:150px;} .event-certification-logos-cell.odd { } .event-certification-logos-cell.even { } #event-unique-features { } .event-unique-features-row { } .event-unique-features-cell { color: #666; line-height: 1.3; padding: 10px 0; border-bottom: 1px #bddbed solid; width: 100%; } .event-unique-features-cell.odd { } .event-unique-features-cell.even { } #event-second-section-seriessummary { margin-bottom: 40px; } h3#event-second-section-seriessummary-header { display: inline-block; margin-right: 7px; } #event-second-section-seriessummary .view-previous, #event-second-section-seriessummary .view-future { color: #679ec0; cursor: pointer; } .view-grid-table { display: table; width: 100%; max-width: 550px; } .view-grid-table-row { display: table-row; } .view-grid-table-cell { color: #666; line-height: 1.3; display: table-cell; vertical-align: middle; padding: 10px 0; border-bottom: 1px #bddbed solid; width: 50%; } .view-grid-table-cell .previous-event { color: #999; } .view-grid-table-cell .future-event a { font-weight: normal; color: #777; } .view-events-multiple-summary .view-grid-table-cell { width: 33%; } #event-second-section-seriessummary .series-event h3, #event-second-section-seriessummary .series-event-photo { display: none; } .series-event-odd { } .series-event-even { } h3.details-contact-info-heading { margin-bottom: .3em !important; } .details-contact-info { margin-bottom: 1em; } .details-contact-info img { max-height: 22px; max-width: 24px; margin-right: 5px; width: auto; height: auto; } .details-contact-info span { display: inline-block; margin-right: 10px; } .details-contact-info a { color: #fff; } .details-contact-info-table { display: table; } .details-contact-info-table-row { display: table-row; } .details-contact-info-table-cell { display: table-cell; vertical-align: middle; height: 22px; } #event-third-section-raceinfo { width: 96%; padding: 0 2%; } #event-third-section-raceinfo .field-collection-view { margin: 0; } #event-third-section-photos { display: none; } #application { padding-top: 20px; border-top: 2px #045d97 solid; } #application form input { max-width: 100%; } #application form input[type="submit"] { background: #bddbed; font-size: 1.2em; padding: 4px 9px;} #application form .messages { position:static} #application .tabledrag-toggle-weight-wrapper{display:none} .page-node-done #main-wrapper {max-width: 1200px; margin: 0 auto; padding-left: 4%; padding-right: 4%;} .page-node-done #content { display:block; margin-top: 20px; width: 94%; padding: 20px 3%; background: linear-gradient(to bottom, #f7f7f7 0%, #e1e1e1 100%); box-shadow: 0 0 20px rgba(91, 131, 158, .85);} .ui-widget, .ui-widget .ui-widget { font-size: 1em; } .ui-widget-content { border: none; padding: 0; background: #fff; color: #222; } .ui-widget-header { border: none; border-bottom: 5px #003557 solid; background: #fff; padding: 0 !important; } .ui-widget-header .ui-state-default { border: none; margin: 0 4px 0 0 !important; padding: 0 !important; background: #fff; } .ui-widget-header .ui-state-default a { padding: 3px 10px !important; margin: 0 !important; background: #bddbed; color: #003557; font-weight: bold; text-transform: uppercase; } .ui-widget-header .ui-state-default.ui-tabs-selected { background: #003557; margin-bottom: 0; padding-bottom: 5px !important; } .ui-widget-header .ui-state-default.ui-tabs-selected a { background: #003557; margin-bottom: 0; color: #fff; } .ui-tabs .ui-tabs-panel { padding: 1em 0; } /* Result listing in events page */ .view-display-id-eventlisting { border: 12px #fff solid; position: relative; /* padding-bottom: 370px; */ background: #003357 url(images/results-graphic.jpg) bottom right no-repeat; box-sizing: border-box; margin-bottom: 30px !important; } .view-display-id-eventlisting .view-header { background: #fff; width: 100%; margin-bottom: 0; border-bottom: 1px #dedede solid; } .view-display-id-eventlisting .view-header h2 { text-transform: uppercase; margin: 0 4%; padding : 0 2% 40px 0; } .view-display-id-eventlisting .view-content { background: #fff; width: 100%; float: left; } .view-display-id-eventlisting .view-content .content-feather { background: url(images/resultscroll-vertical-gradient.png) bottom left repeat-x scroll; position: absolute; bottom: 0; left: 0; height: 100px; width: 100%; z-index: 35;} #main-wrapper .view-display-id-eventlisting .view-content .event-result-list > ul.slides { max-width: none; } #main-wrapper .view-display-id-eventlisting .view-content .event-result-list > ul.slides > li { overflow-y: scroll; max-height: 450px; padding-bottom: 60px; } .view-display-id-eventlisting .view-content .event-single-result-listing { display: none; } .view-display-id-eventlisting .more-link { position: absolute; top: 34px; right: 2%; } .view-display-id-eventlisting .more-link a { background-color: #bddbed; color: #003557 !important; line-height: 1.2; padding: 4px 6px; border-radius: 4px; } #content .view-display-id-eventlisting article .page-body, #content .view-display-id-eventlisting article .page-header { margin: 0; } #content .view-display-id-eventlisting article .page-header h2.listing-page-title { font-size: 1.3em !important; padding: .5em 0 .2em 0; } /* For mobile event 'previous results' navigation, only display prev/next' links */ .view-display-id-eventlisting .event-result-list > .resultslider-direction-nav { height: 28px; border-radius: 4px; padding-top: 2px; top: 20px; left: 2%; position: absolute; list-style: none; } .view-display-id-eventlisting .event-result-list > .resultslider-direction-nav > li { display: block; width: auto; margin-right: 17px; float: left; } .resultslider-direction-nav .firstActive, .resultslider-direction-nav .lastActive { display: none; } .view-display-id-eventlisting .event-result-list > .resultslider-control-nav { display: none; } h3.ui-accordion-header { padding: 3px 10px !important; margin: 0 0 4px 0 !important; background: #bddbed; color: #003557; font-weight: bold; text-transform: uppercase; } #event-fourth-section a { font-weight: normal; } #event-fourth-section .shadow { padding: 20px 5% 40px 5%; } #event-fourth-section-about { margin-bottom: 20px; } #event-fourth-section-about > a { display: block; width: 100%; padding: 0; margin-bottom: 12px; background: #204c7d; color: #fff; } .event-fourth-section-organisers-box.even { } .event-fourth-section-organisers-box img { float: left; margin-right: 3%; width: 35%; height: auto; } .event-fourth-section-organisers-box .organisers-text { float: left; width: 52%; margin: 0 3%; } .event-fourth-section-organisers-box h3 { color: #fff; } #event-fourth-section-eventlisting .view { margin-bottom: 30px; } #event-series-section h2 { margin: 0 10px 0 5%; padding: 30px 10 15px 0; display: inline-block; } #event-series-section .series-full-view-previous { color: #679ec0; cursor: pointer; } #event-series-section .field-collection-container { display: table; width: 100%; padding: 0; margin: 0; } #event-series-section .series-event { display: table-row; } #event-series-section .series-event-details { display: table-cell; width: 65%; padding: 20px 5%; border-top: 1px #bddbed solid; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #event-series-section .series-event-details h3 { text-transform: none; margin-top: 0; } #event-series-section .series-event-photo { display: table-cell; width: 35%; vertical-align: middle; padding: 20px 0; border-top: 1px #dedede solid; } #event-series-section .series-event-photo img { border: 12px #fff solid; width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /*****************************/ /* Books and items for sale */ /*****************************/ .page-offers h1 { text-align: center; margin: 10px 2%; font-size: 1.5em; color: #004b7a; } .page-offers .page-header { padding-bottom: 0; } #offer-content article { background: #fff; position: relative; padding: 7px 0; margin-bottom: 20px; } #offer-page { position: relative;} #offer-sidebar { display: none;} img.offer-image { float: right; width: 40% !important; margin: 0 0 10px 15px;} ul.offer-info, ul.offer-places { margin: 0 0 1em 0 !important; padding: 0 !important; list-style: none; width: auto; display: inline-block;} ul.offer-info li { margin-bottom: 0 !important; } ul.offer-places { border-top: #bddbed 1px solid; } ul.offer-places li { margin: 0 !important; padding: 7px 0; border-bottom: 1px #bddbed solid !important; } #offer-block { width: 100%; background: #fff; padding: 0; margin-top: 10px; margin-bottom: 20px; border-top: 2px #66b6e7 solid; border-bottom: 2px #66b6e7 solid;} #offer-block-header { background: #f2f2f2; padding: 7px 3%; } #offer-block-header h3 { text-align: center; font-size: 1.5em; line-height: 1.15; margin: 0; padding: 0; } #offer-block-items { width: 100%; padding: 5px 3%; } /* for mobile, entire block becomes table */ .offer-block-item { width: 100%; position: relative; margin-bottom: 0; overflow: hidden; } .offer-block-item > div { width: 100%; } .offer-block-item .listing-item-text, #offer-block-item .listing-item-image { } .offer-block-item .listing-item-text { position: absolute; top: 15px; left: 0; padding-right: 160px; line-height: 1.3; } .offer-block-item .listing-item-image img { width: 130px; height: auto; float: right; margin-right: 20px; } .view-article-listing #offer-block { margin-bottom: 15px; } .view-results-single-event #offer-block, .view-articles-featured #offer-block { margin-top: -15px; margin-bottom: 15px; } .listing-item-offerrow a.listing-item-text, .offer-block-item a.listing-item-text { color: #333; } .listing-item-offerrow .listing-item-title, .offer-block-item .listing-item-title { font-size: 1.2em; line-height: 1.2; margin-bottom: 3px; font-weight: bold; } .offer-block-item a.listing-item-text .button { background-color: #bddbed; margin-top: 1em; } #offer-articles h3, #offer-events h2 { text-align: center; font-size: 1.8em; } #offer-articles, #offer-events { background: #f2f2f2; padding: 10px 3%;} .display-offers { background: #fff !important; } .display-offers > div { width: 94%; padding: 0 3%; } .display-offers #offer-block { width: 100%; padding: 0; margin: 0; } .display-offers #offer-block-header h3 { display: none; } .display-offers .offer-block-item { margin-bottom: 15px; } /*******************************************************/ /* Previous Results page for event, Featured articles */ /*******************************************************/ .page-node-previous-results h1.title, .page-featured h1.title { display: none; padding: 0; margin: 0 !important;} .view-display-id-resultsandfeatured { min-height: 400px; position: relative;} .view-display-id-resultsandfeatured .views-row .views-field-field-past-event-date { width: 92%; padding: 10px 4%;} #result-header-inner { position: fixed; left: 0; top: 78px; background-color: #66b6e7; padding: 2px 2% 10px 2%; width: 92%; margin: 0 2%; box-shadow: 0 0 5px rgba(91, 131, 158, .85); z-index: 20; margin-top: -5px; } #result-header-inner h3 { font-weight: bold; text-transform: uppercase; font-size: .9em; margin: 0; padding: 0; } #result-header-inner #result-article-and-image { position: relative; } #result-header-inner h1 { margin: 0; font-size: 1.4em; width: auto; margin-bottom: 5px; } #result-header-inner img { display: none; } #result-browse { display: none; margin-top: 30px; } #result-browse select { width: 100%; font-size: 12px; margin-bottom: 15px; } #result-browse input[type="submit"] { display: none; } #result-browse-link { color: #fff; float: right; font-size: .9em; margin-top: 1px; } #result-browse-total { color: #fff; font-size: .9em; } #result-sidebar { margin-top: 20px; } #result-content { width: 100%; margin: 25px 0 0 0; padding: 0; } #result-content-inner > h3 { margin: 0 0 .3em 0; font-size: 2.5em; font-weight: bold; } #result-content-inner > .views-row { margin-bottom: 30px; } /* #result-content article { background: #fff; padding-bottom: 30px; } #result-content article.article { background: #f2f2f2; background: linear-gradient(to bottom, #f2f2f2 0%, #d1d1d1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } */ #result-content .views-row .views-field-field-past-event-date { display: block; margin: 0; background-color: #e6e6e6; } #result-content .views-row main .section { width: 100%; } img.file-icon { width: auto !important;} .result-images { margin-bottom: 15px; } .result-link-section { margin-bottom: 1em; display: table; border-collapse: collapse; border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid; background-color: #f2f2f2;} .result-link-section .result-filewrapper { margin: 2px 0; } .result-link-section .single-filewrapper { margin-bottom: 5px; } .result-link-section .single-filewrapper .single-filesize { font-size: .75em; } .result-row { display: table-row; border-bottom: 1px #ccc solid; } .result-label, .result-cell { display: table-cell; padding: 5px 15px;} .result-label { font-weight: bold; font-style: italic; text-align: right;} /*********************************************************/ /* Views page displays (previous results, term listings) */ /*********************************************************/ .view-display-id-page .views-row main .section p, .view-display-id-page .views-row main .section ul, .view-display-id-page .views-row main .section h1, .view-display-id-page .views-row main .section h2, .view-display-id-page .views-row main .section h3, .view-display-id-page .views-row main .section h4 { max-width: 550px; } .view-display-id-page .views-row main .section h1, .view-display-id-page .views-row main .section h2, .view-display-id-page .views-row main .section h3, .view-display-id-page .views-row main .section h4 { font-size: 1.1em; font-weight: bold; } .view-display-id-page .views-row main .section h1 { font-size: 1.4em !important; text-transform: uppercase; } /****************/ /* Display page */ /****************/ #display-page-wrapper .display-single-text { width: 90%; padding: 15px 5%; } #display-page-wrapper .display-single-image { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 12px 12px 12px; } .domain-front .display-single-item { display: none; } #display-page-wrapper .display-single-item.display-odd { background: #f7f7f7; background: linear-gradient(to right, #f7f7f7 0%, #e1e1e1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } #display-page-wrapper .display-single-item.display-even { color: #fff; background: #004b7a; position: relative; z-index: 11;} .display-image-feather { display: none; } #display-page-wrapper .display-single-text h1 { margin-top: 0; font-size: 1.8em; font-weight: bold; } #display-page-wrapper .display-single-text p, #display-page-wrapper .display-single-text h1, #display-page-wrapper .display-single-text h2 { max-width: 430px; } #display-page-wrapper .display-single-image { position: relative; } #display-page-wrapper .display-odd .display-image-feather { height: 545px; position: absolute; width: 90px; z-index: 10; background: url(images/image-gradient.png) } #display-page-wrapper .display-single-item.display-even .display-single-text p, #display-page-wrapper .display-single-item.display-even .display-single-text h1, #display-page-wrapper .display-single-item.display-even .display-single-text h2 { color: #fff; } #display-page-wrapper .display-single-image img { width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* #display-page-wrapper > .clearfix:after { content: ''; } */ /**********************/ /* Listings */ /**********************/ .display-listing { padding-bottom: 30px; } .display-listing span.ext { display: none;} .display-listing, .display-playlist, .display-organisers { line-height: 1.4; } .display-listing .section-opening, .display-playlist .section-opening { padding: 20px 4% 1em 4%; text-align: center; } .display-listing .section-opening h2, .display-playlist .section-opening h2 { margin: 0; font-size: 2em;} .display-listing, .domain-not-front .display-listing.display-odd, .domain-not-front .display-playlist.display-odd { display: block; background: #7272f7; background: linear-gradient(to bottom, #f7f7f7 0%, #e1e1e1 100%); position: relative; z-index: 11; } .domain-front .display-playlist, .domain-not-front .display-listing.display-even, .domain-not-front .display-playlist.display-even { display: block; color: #fff; background: #004b7a; position: relative; z-index: 11; } .domain-front .display-playlist h2, .domain-not-front .display-listing.display-even h2, .domain-not-front .display-playlist.display-even h2 { color: #fff; } .listing-item > div { background: #bddbed; box-shadow: 0 0 5px rgba(155,155,155,.7); } .domain-not-front .display-even .listing-item > div { background: #f7f7f7; background: linear-gradient(to bottom, #f7f7f7 0%, #e1e1e1 100%); box-shadow: 0 0 5px rgba(155,155,155,.7); } .display-organisers { background: #004b7a; color: #fff; } .display-organisers h2 { color: #fff; } .display-organisers .odd .event-fourth-section-organisers-box, .display-organisers .even .event-fourth-section-organisers-box { width: 100%; margin: 0; padding: 10px 0; } .display-organisers .event-fourth-section-organisers-box { background: #004b7a; } .display-organisers a { color: #fff; } .display-organisers .event-fourth-section-organisers-box h3 { font-size: 1.3em; text-transform: uppercase; margin-top: 0.5em; } /* 4 wide */ .node-type-displaypage .listing-event-title { display: none; } /* we display listing title only on event page */ .node-type-displaypage .view-display-id-block_table_fourwide > div { padding: 0 2% 20px 5%; width: 93%; } .view-display-id-block_table_fourwide { display: block; /* background: linear-gradient(to bottom, #f7f7f7 0%, #e1e1e1 100%); */ } .view-display-id-block_table_fourwide .listing-item { display: block; padding: 0 3%; width: 94%; margin-bottom: 20px; } .view-display-id-block_table_fourwide .listing-item > div { position: relative; } .view-display-id-block_table_fourwide .listing-item-image { padding: 10px; } .view-display-id-block_table_fourwide .listing-item img { width: 100%; height: auto; } .view-display-id-block_table_fourwide .listing-item-text { width: 84%; margin: 0 8%; position: relative; font-weight: normal; padding-bottom: 25px; } .view-display-id-block_table_fourwide .listing-item-text h3 { margin: .5em 0; color: #003557; } .view-display-id-block_table_fourwide .listing-item-text p { line-height: 1.4; } .view-display-id-block_table_fourwide .listing-item-datelocation { font-size: 1.2em; font-weight: bold; } .view-display-id-block_table_fourwide a { color: #003557 !important; } .view-display-id-block_table_fourwide .listing-item-category { color: #045d97; font-size: 0.8em; text-transform: uppercase; line-height: 1.2em; margin-bottom: 3px; } .view-display-id-block_table_fourwide .button { position: absolute; right: 0; bottom: 0; } /* 2 x 2 table */ .node-type-displaypage .view-display-id-block_table_twowide > div { padding: 0 2%; width: 96%; } .view-display-id-block_table_twowide .listing-item { padding: 5px 1%; width: 98%; margin-bottom: 0; display: table; } .view-display-id-block_table_twowide .views-row-even.listing-item { margin-right: 0; } .view-display-id-block_table_twowide .listing-item > div { display: table-row; } .view-display-id-block_table_twowide .listing-item > div > a { display: block; background: url(images/slide-right.png) no-repeat 97% center; background-size: 20px; padding-right: 35px; } .view-display-id-block_table_twowide .listing-item-image { display: table-cell; vertical-align: middle;} .view-display-id-block_table_twowide .listing-item-image img { max-width: 135px; height: auto; max-height: 90px; } .view-display-id-block_table_twowide .listing-item-text { display: table-cell; vertical-align: middle; color: #333; padding: 0 0 0 20px; } .view-display-id-block_table_twowide .listing-item-text h3 { margin-bottom: .2em; color: #333;} .view-display-id-block_table_twowide .listing-item-text p { margin-bottom: 0; line-height: 1.25em;} .view-display-id-block_table_twowide .listing-item-datelocation { font-size: 1.2em; font-weight: bold; } .view-display-id-block_table_twowide .listing-item-category { color: #045d97; font-size: 0.8em; text-transform: uppercase; line-height: 1.2em; margin-bottom: 3px; } .view-display-id-block_table_twowide a { color: #333; font-weight: normal; } .view-display-id-block_table_twowide a.more-link { font-weight: bold; } .view-display-id-block_table_twowide .button { display: none; } /* Article sidebar table */ .sidebar-table .view-header { background-color: #66b6e7; padding: 10px 5%; position: relative; } .sidebar-table .view-header h4 { color: #fff; padding: 0; margin: 0; font-size: 1.3em;} .sidebar-table .view-header .listing-header-link { position: absolute; right: 10px; top: 10px; font-weight: bold; } .sidebar-table .view-content { background: #f2f2f2; display: table; width: 100%; border-collapse: collapse; } .sidebar-table .views-row { width: 100%; display: table-row; border-bottom: 1px #ccc solid; } .sidebar-table .listing-item-image { display: table-cell; vertical-align: middle; } .sidebar-table .listing-item-image img { width: 120px !important; height: auto; height: 80px !important; max-width: none; padding: 3px 0 3px 6px; } .sidebar-table .listing-item-text { line-height: 1.3; display: table-cell; vertical-align: middle; color: #333; padding: 0 5%; /* background: url(images/slide-right.png) no-repeat 97% center; background-size: 20px; */ } .sidebar-table .listing-item-text h3 { margin-bottom: .2em; color: #333;} .sidebar-table .listing-item-title { color: #333; } .sidebar-table .listing-item-category { color: #045d97; font-size: 0.8em; text-transform: uppercase; line-height: 1.2em; margin-bottom: 3px; } .sidebar-table a { color: #333; font-weight: normal; } .sidebar-table a.more-link { font-weight: bold; } .display-fullimage { padding: 0 !important; } .display-fullimage .section-opening { background-color: #66b6e7; padding-top: 10px; color: #333 !important;} .display-fullimage .section-opening h2 { color: #fff !important; padding-bottom: .1em; } /**********************/ /* Front page */ /**********************/ .domain-front .display-page-section { margin-top: 2em !important; } #front-slideshow { margin: 0; padding: 0; position: relative; background-color: #66b6e7; } #front-slideshow ul.slides { display: inline-block; max-width: 100% !important; list-style: none; margin: 0; padding: 0; } #front-slideshow ul.slides > li { display: none; -webkit-backface-visibility: hidden; } #front-slideshow .front-slide img { width: 100%; height: auto; display: block; } #front-slideshow .front-slide .section { position: relative; } #front-slideshow .front-slide-box { background: transparent url(images/homepage-slide-bg.png); padding: 15px 40px 10px 40px; height: 120px; } #front-slideshow .front-slide-box h3 { font-size: 1.2em; text-transform: uppercase; margin: 0 0 .3em 0; color: #fff; } #front-slideshow .front-slide-box #event-date-location { margin-bottom: 1em; font-size: 1.1em; display: table; width: 100%; } #front-slideshow .front-slide-box #event-date-location > div { display: table-row; width: 100%; } #front-slideshow .front-slide-box #event-date-location .date-display-single, .front-slide-box #event-date-location .date-display-combination { display: table-cell; vertical-align: top;} #front-slideshow .front-slide-box #event-date-location .location { display: table-cell; vertical-align: top; text-align: right; padding-left: 20px;} #front-slideshow .front-slide-box p { margin-bottom: 1em; max-width: 470px; } #front-slideshow .front-slide-box p a { color: #fff; display: inline-block; } /* Opening double box */ #front-opening-box { position: relative; z-index: 35; } #front-opening-box.section { width: 100%; margin: 0;} #front-opening-box .field-collection-view { background: #f7f7f7; background: linear-gradient(to bottom, #f7f7f7 0%, #e1e1e1 100%); width: 100%; padding: 0 0 30px 0; margin: 0; border-bottom: 0; vertical-align: top; } #front-opening-box .field-collection-view h2 { font-size: 2em; letter-spacing: .04em; margin: 5px 10% 0 0; padding: 10px 0 10px 8%; border-bottom: 6px #72bbe8 solid; } #front-opening-box .field-collection-view .view { padding: 10px 0 10px 4%; display: inline-block; min-width: 65%; } #front-opening-box .field-collection-view .view a { display: block; color: #333; padding: 10px 4%; width: 92%; line-height: 1.3; } #front-opening-box .field-collection-view .view a:hover { background: #004b7a; color: #fff; } #front-opening-box .field-collection-view .view a strong { font-size: 1.2em; } #front-opening-box .field-collection-view .view-content > div { margin-bottom: 0; line-height: 1.4; } #front-opening-box .field-collection-view-final { color: #fff; background: #004b7a; } #front-opening-box .field-collection-view-final h2 { color: #fff; } #front-opening-box .field-collection-view-final .view a { color: #fff; } #front-opening-box .field-collection-view-final .view a:hover { background: #f7f7f7; color: #333; } #front-opening-box .field-collection-view .view a > div { margin-right: 90px; display: inline-block; width: auto; max-width: 90%; } #front-opening-box .field-collection-view .view a { background: url(images/right-arrow-lightbg.png) no-repeat 97% 50%; margin-right: 4%; max-width: 89%; } #front-opening-box .field-collection-view-final .view a, #front-opening-box .field-collection-view .view a:hover { background: #004b7a url(images/right-arrow-darkbg.png) no-repeat 97% 50%; margin-right: 4%; max-width: 89%; } #front-opening-box .field-collection-view-final .view a:hover { background: #f7f7f7 url(images/right-arrow-lightbg.png) no-repeat 97% 50%; max-width: 89%; margin-right: 4%; } #front-opening-box .field-collection-view .more-link { width: 96%; color: #333; float: right; padding-right: 6%; font-size: 1.2em; font-weight: bold; margin: 15px 0 25px 0;} #front-opening-box .field-collection-view-final .more-link { color: #fff; } #front-opening-box .field-collection-view .view-footer .view { padding: 0; } #front-slideshow-wrapper > .clearfix:after , #front-opening-box .clearfix:after { content: ''; } /********************************************************/ /* Main Event (/events) and Result (/results) listings */ /********************************************************/ .page-listing { background: #f7f7f7; background: linear-gradient(to bottom, #f7f7f7 0%, #e1e1e1 100%); margin-top: 20px; min-height: 350px; } .page-listing h1 { font-size: 2.5em; text-transform: capitalize; } .page-events #page-title, .page-results #page-title { display: none; } .page-events #main-wrapper, .page-results #main-wrapper { padding-top: 80px; } .page-listing .page-listing-below { display: table; min-height: 70px; width: 100%;} .page-listing .page-listing-below > div { display: table-row; } .page-listing .page-listing-below > div > div { display: table-cell; vertical-align: middle; padding: 10px 0; color: #333; } .page-listing div.page-listing-description { padding-left: 5% !important; padding-right: 5% !important; line-height: 1.35; } .page-listing .page-listing-datelocation { display: block; font-weight: bold; font-size: 1.1em; } .page-listing .page-listing-button { text-align: right; } .page-listing .page-listing-button .button { display: inline-block; margin: 0 20px; min-width: 57px; } /* Events */ .page-events #page-title { display: none; } #event-view-header { margin-bottom: 10px; } #event-view-header a.button { background-color: #b2d5f1; color: #003557; margin-right: 20px; } .page-events .view-city-list-events { padding: 0 0 15px 0 !important; } .page-events .view-city-list-events .view-content div { display: inline; } .page-events .view-city-list-events .view-content div a { margin-right: 20px; } .page-events #main-wrapper .view, #event-view-header { padding: 10px 5% 0 5%; width: 90%; } .page-events #main-wrapper .view > .view-header { text-align: center; margin-bottom: 25px; } .page-events #main-wrapper .view > .view-header h2 { margin-bottom: .2em; font-size: 1.8em; } .page-events #main-wrapper .view > .view-header p { margin: 0 auto; } #event-view-listing-title { width: 100%; font-weight: bold; } ul#event-view-listing { margin: 0 0 10px 0; padding: 0 0 10px 0; width: 100%; max-width: 100%; border-bottom: 1px #e1e1e1 solid;} #event-view-listing li { list-style: none; display: inline-block; margin: 0 20px 0 0; } .page-events #main-wrapper .views-row img { width: 100%; height: auto;} .page-events #main-wrapper .views-row { width: 100%; margin-right: 6%; margin-bottom: 25px; float: left; box-shadow: 0 0 5px rgba(155,155,155,.7); background: #bddbed; } .page-events #main-wrapper .event-view-even { color: #fff; background: #004b7a; } .page-events #main-wrapper .event-view-even h2 { color: #fff; } .page-events #main-wrapper .event-view-even .views-row { background: #f7f7f7; background: linear-gradient(to right, #f7f7f7 0%, #e1e1e1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important; box-shadow: none; } .domain-ru-srichinmoyracesorg .page-listing h1 {text-transform:none;} .domain-ru-srichinmoyracesorg #event-view-listing-title {display:none;} /* Results */ #result-view.section { width: 100%; margin: 0; } .page-results h3 { width: 100%; } #result-view { padding: 20px 0 50px 0;} #result-header { position: fixed; left: 0; top: 78px; height: 20px; margin-left: 0 !important; padding: 5px 4% 10px 4%; display: block; background: #66b6e7; box-shadow: 0 0 5px rgba(91, 131, 158, .85);} #result-header h1 { display: none; } #result-header select { margin-left: 10px; } #result-header .view { margin: 0 !important; display: inline-block; } #result-header .view-content > div { display: inline-block; margin-right: 20px; } #result-header .view-content > div:first-child { margin-right: 9px; } #result-header .view-content > div:first-child a { font-size: 1.35em; } #result-view h1 { margin-left: 2%; margin-bottom: .3em; } #result-main { width: 96%; margin: 45px 2% 0 2%; } #result-main .view-content { display: inline-block; width: auto; } .single-result { background-color: #bddbed; width: 100%; margin-bottom: 5px; } .single-result-results { min-height: 80px; } .single-result-article { background-color: #ddd; border: 1px #003357 solid; position: relative; padding: 13px 0 0 0; box-sizing: border-box; } .single-result-term { font-size: .85em; background-color: #003357; position: absolute; top: 0; left: 0; padding: 0px 7px 1px 7px; border-radius: 0 0 2px 0; color: #bddbed; } .single-result-term a { color: #fff; } .single-result-table { width: 100%; position: relative; } .single-result-table > div { } .single-result-text { display: block; float: left; padding: 10px 110px 10px 20px ; } .single-result-text a { color: #333; } .single-result-datelocation { font-size: 1.1em; font-weight: bold; } .single-result-more { position: absolute; top: 10px; right: 10px; } .single-result-more a.more-main { display: inline-block; white-space: nowrap; } .single-result-download { position: absolute; top: 45px; right: 60px; } .single-result-gallery { position: absolute; top: 45px; right: 10px; } .single-result-cell { vertical-align: middle;} .single-result-cell img { height: 25px; width: auto; margin: 0 10px; } .single-result-cell.single-result-thumb { display: none; } .single-result-opened-files { display: none; padding-bottom: 5px; } .single-result-opened-files .file { display: inline-block; padding: 10px 20px; } .single-result-opened-files .file a { font-size: .9em; font-weight: bold; } /* Manage Unsorted Content */ .view-id-manage_unsorted_content .view-content { width: 100%; margin: 0; padding: 0;} .view-id-manage_unsorted_content table td { padding-left: 1em; padding-right: 1em; } .view-id-manage_unsorted_content table td.views-field-title { font-weight: bold; font-size: 1.1em; max-width: 130px; } .view-id-manage_unsorted_content table td.views-field-body { font-size: .8em; max-width: 250px; overflow: hidden; } .view-id-manage_unsorted_content table td.views-field-field-result-event-page-editable, .view-id-manage_unsorted_content table td.views-field-field-past-event-date-editable { background-color: #3cc; } .view-id-manage_unsorted_content table td.views-field-field-article-tags-editable, .view-id-manage_unsorted_content table td.views-field-field-article-event-page-editable { background-color: #c3c; } .view-id-manage_unsorted_content table td.views-field-field-convert-result-editable { font-size: .7em; } .view-id-manage_unsorted_content table td select { width: 75px; } .view-id-manage_unsorted_content table td.views-field-field-article-tags-editable table td select { min-width: 110px; } .view-id-manage_unsorted_content table td.views-field-php li { font-size: .9em; margin-bottom: 10px; width: 180px } /* 2014 import manage */ .page-content-migrate #main-wrapper { padding-left: 40px; padding-right: 40px; } .page-content-migrate #main-wrapper h1#page-title { display: none; } /* Category manage */ .view-manage-categories-in-domain .view-content { width: 100%; margin: 0; padding: 0;} .view-manage-categories-in-domain td { padding: 5px 15px; } /*********************/ /* Footer */ /*********************/ #footer { color: #fff; margin-top: 50px; background: #004b7a; padding-bottom: 30px; line-height: 1.4; } #footer a, #footer p, #footer h4 { color: #fff; } #footer .section { background: #00375a; padding: 5px 4% 20px 4%; width: 84%; } #footer h4 { font-size: 1.4em; margin-bottom: .2em; } #footer ul.menu { margin-bottom: 1em; } #footer ul.menu li { margin-left: 0; } #footer-country-links ul.menu { width: 100%; } #footer-country-links ul.menu li.expanded { float: left; width: 30%; display: block; } #footer-country-links ul.menu li.expanded > a { text-transform: uppercase; font-weight: bold; } #footer-contact-info { } #footer-copyright { width: 92%; margin: 0 auto; padding: 20px 2%; max-width: 950px; font-size: .95em; } #footer-copyright img { border-width:0; float: left; margin-right: 10px; } #footer-copyright a { color: #ccc; } /***************/ /* Search */ /***************/ ol.search-results { padding-left: 0; } ol.search-results li { border-top: 1px #dedede solid; } ol.search-results li h3.title a { text-decoration: none; } ol.search-results .search-snippet-info { padding-left: 0; } /*******************/ /* User profile */ /********************/ .page-user h1#page-title { display: none; } #user-profile { margin-top: 40px; background: #f2f2f2; background: linear-gradient(to bottom, #f2f2f2 0%, #d1d1d1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) } #user-profile h3 { font-size: 1.3em; text-transform: uppercase; } #user-profile .view h3 { font-size: 1.1em; text-transform: none; font-style: italic;} #user-profile .item-list dd { -webkit-margin-start: 0; } #user-profile .item-list ul { margin: 0; padding: 0; } #user-profile .item-list ul li { list-style: none; margin: 0 0 3px 0; } #profile-left { width: 38%; padding: 30px 4%; float: left; } #profile-right { width: 46%; padding: 30px 4%; float: left; } #profile-right table caption { padding: 3px 0; font-weight: bold; font-style: italic; } #profile-right tr { border-bottom: 1px #ccc solid; } #profile-right tr td { padding: 2px 10px; } #profile-edit { margin-bottom: 30px; } #profile-edit img { float: right; margin: 0 0 5px 20px; } /* Float classes */ img.align-left, img.left, figure.left { float:left; margin: 0 15px 5px 0; } img.align-right, img.right, figure.right { float:right; margin: 0 0 5px 15px; } img.align-left, img.align-right, img.left, img.right, figure.left, figure.right { max-width: 50%; height: auto; } figcaption { text-align: center; font-style: italic; color: inherit; padding: 0 4%; margin-top: 7px; line-height: 1.3; } /* Top toolbar adjustments */ body.tab-toolbar ul.tabs.primary { padding: 10px 30px; } body.domain-admin-menu-combined ul#domain-admin-menu { position: fixed; } body.tab-toolbar.domain-admin-menu ul.tabs.primary { top: 30px !important; } body.tab-toolbar.domain-admin-menu-combined ul.tabs.primary { top: 50px !important; } body.domain-admin-menu ul#domain-admin-menu { position: fixed; } body.tab-toolbar.domain-admin-menu-combined { margin-top: 85px !important; } body.tab-toolbar.domain-admin-menu { margin-top: 65px !important; } /* Vimeo playlists */ div[id^="vimeoplayer-"] iframe { width: 100% !important; height: 100% !important; } div[id^="vimeoplayer-"] { background-color: #003557 !important; } div[id^="vimeoplayer-"] ul { font-size: 1.1em; max-width: none !important; padding-left: 0 !important; } div[id^="vimeoplayer-"] ul[id*="playlist"] li a { font-weight: normal !important; padding-right: 50px; } div[id^="vimeoplayer-"] ul li .byline, div[id^="vimeoplayer-"] ul li .desc { display: none !important; } div[id^="vimeoplayer-"] ul li img { width: auto !important; padding-right: 10px; } div[id^="vimeoplayer-"] div[id*="carousel_wrap"] { height: 150px !important;} div[id^="vimeoplayer-"] ul[id*="carousel_list"] { height: 145px !important; padding-left: 20px; } div[id^="vimeoplayer-"] ul[id*="carousel_list"] li a { color: #fff !important; } div[id^="vimeoplayer-"] ul[id*="carousel_list"] li a:hover { color: #eee !important; } div[id^="vimeoplayer-"] ul[id*="carousel_list"] li img { width: 100% !important; height: auto; padding-bottom: 10px; } /* Medialement audio/youtube styling */ .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { background: #004b7a !important; } .mejs-overlay-button { background-color: #004b7a !important; border-radius: 50% !important; } .display-playlist .youtube-mediaelement { display: block; position: relative; } .display-playlist .youtube-mediaelement .mejs-container, .display-playlist .youtube-mediaelement.mejs-embed body, .display-playlist .youtube-mediaelement .mejs-container .mejs-controls { background: #00375a !important; } /* CKEditor styles */ body.cke_editable { background-color: #fff; } .cke_widget_wrapper.right { float:right; margin: 0 0 5px 15px; } .cke_widget_wrapper.left { float:left; margin: 0 15px 5px 0; } .cke_widget_wrapper.left, .cke_widget_wrapper.right { max-width: 50%; height: auto; } .cke_widget_wrapper.left img, .cke_widget_wrapper.right img { height: auto !important; } /***** Editing contextual links menu *****/ article .contextual-links-wrapper { display: block; z-index: 39; } article a.contextual-links-trigger { display: block; width: 48px; height: 39px; text-align: -9999px; color: #fff; background: url(images/edit-small.png) no-repeat; } article a.contextual-links-trigger:hover, article div.contextual-links-active a.contextual-links-trigger { background-position: 0px 0px;} article div.contextual-links-wrapper ul.contextual-links { top: 39px; } /* Modal form */ div.ctools-modal-content {position: fixed;width: 94% !important;height: 94% !important;top: 3%;left: 3%;font-size: 16px} div.ctools-modal-content input, div.ctools-modal-content select, div.ctools-modal-content textarea{font-size: 16px} div.ctools-modal-content form > div{margin-bottom: 120px} div.ctools-modal-content .modal-title{white-space: normal;} div.ctools-modal-content input{max-width: 100%} div.ctools-modal-content .username-textfield{height: 0;overflow: hidden} div.modal-forms-modal-content div.messages{position: fixed;left: 0;top:17%;min-height:100vh} div.ctools-modal-content .modal-content{overflow-y: scroll;width: 93% !important;height: 100% !important} div.ctools-modal-content .webform-component-markup p{margin-bottom: 0} div.ctools-modal-content textarea{max-height: 80px} div.ctools-modal-content .form-actions { position: fixed; bottom: 0%; background: #fff; width: 90%; box-shadow: -1px -1px 15px #ccc; left: 3%; padding: 10px 2%; } div.ctools-modal-content .form-actions:after{position: absolute;bottom: 7px;right: 3%;color: #900;max-width: 55%;font-size: 14px;content: 'Note: You may need to scroll inside the form to see all the fields'} div.ctools-modal-content .webform-submit {font-size: 20px; background: #c1dded} /* cookie */ .EUc{display:block;position:fixed;top:auto;bottom:0;width:100vw;padding:13px 4vw;background: aliceblue;color: #222;position:sticky;top:0;z-index:2001;font-size:15px;} .EUc_message{margin-bottom:10px} .EUc.obtrusive{box-shadow: 0 0 20px rgba(100,100,100,.3);} .EUc_btn{padding: 5px 15px;background: royalblue;color: #fff;text-decoration: none;} .EUc_links{column-gap:10px;display:grid;align-items:center;grid-template-columns:auto auto;row-gap:10px} a.EUc_link{padding:0} #obtrusive-bg{position:fixed;width:100vw;height:100vh;background:rgba(255,255,255,.7);z-index:2000;} /*************************/ /* Media queries */ /*************************/ @media all and (min-width: 480px) { h1.title { font-size: 2.1em; margin: 0.3em 0 1em 0; } #content { width: 100%;} body.front .table-cell-display { width: 50%; float: left; } .table-cell-display { padding-bottom: 10px; } .page-events #main-wrapper .views-row { width: 46%; margin-right: 6%; margin-bottom: 25px; float: left; } .page-events #main-wrapper .views-row-even { margin-right: 0 !important; } .page-events .page-listing-button { display: none; } #front-slideshow .front-slide-box { height: 80px; } #front-opening-box.section, #result-view.section, #result-content { } .single-result-table, .single-result-more, .single-result-download, .single-result-gallery { position: static; top: auto; right: auto; } .single-result-table { display: table; min-height: auto !important; } .single-result-table > div { display: table-row; } .single-result-cell { display: table-cell; vertical-align: middle; width: auto; } .single-result-cell img { height: 30px; } .single-result-text { padding-right: 20px; } .single-result-more { text-align: right; padding-right: 20px; } .single-result-download { width: 30px; padding-right: 20px; } .single-result-gallery { width: 40px; padding-right: 20px; } .single-result-cell.single-result-thumb { display: table-cell; width: 97px; } .single-result-cell.single-result-thumb img { height: 70px; width: auto; margin: -10px 10px 0 0; } .view-display-id-block_table_fourwide .listing-item { display: block; float: left; padding: 0 3%; width: 44%; } } @media all and (max-width: 649px) { #result-header { width: 92% !important; } } @media all and (min-width: 650px) { #main-wrapper { padding-top: 56px; } #header h1, #header h2 { max-width: 170px; border-bottom: 0; margin: 0; padding: 5px 0; } #header #navigation { position: absolute; max-width: 63%; bottom: 5px; right: 0; } .domain-lv-srichinmoyracesorg #header h1, .domain-lv-srichinmoyracesorg #header h2 { max-width: 230px; } .domain-lv-srichinmoyracesorg #header #navigation { max-width: 65%; } #header #navigation ul.menu li { font-size: 1.2em; margin-right: 15px; width: auto !important; } #header #navigation ul.menu li.last { margin-right: 0; } .domain-mn-srichinmoyracesorg #header #navigation ul.menu li {margin-right:0;} #header #navigation ul.menu li a { padding: 0 12px; } #header #navigation ul.menu li a .homeimg { margin-bottom: -1px; max-width: 24px; max-height: 24px; } #header #navigation ul.menu li.mobilelast { padding-top: 5px; } #header form { position: absolute; right: 0; bottom: -30px; width: 150px; padding: 5px; } .table-display { display: table; width: 100%; } .table-row-display { display: table-row; } .table-cell-display { display: table-cell; vertical-align: top; } body.front .table-cell-display { width: auto; float: none; min-width: 303px; height: auto; } #event-second-section .section { display: table; } #event-second-section .section > div { display: table-row; } #event-second-section-introduction { width: 77%; padding: 20px 4% 12px 5%; display: table-cell; vertical-align: top; } #event-second-section-details { width: 23%; padding: 7px 3% 25px 3%; font-size: .9em; border: 12px #fff solid; display: table-cell; vertical-align: top; box-sizing: content-box; } #event-fourth-section-about { margin-bottom: 40px; } #event-fourth-section-about > a { width: 48%; padding: 0; margin-bottom: 0; float:left; } #event-fourth-section-about a.odd { margin-right: 4%; } .view-display-id-block_table_twowide .listing-item { padding: 10px 1%; width: 47%; margin-right: 2%; margin-bottom: 5px; display: table; float: left; } .page-header { padding-top: 10px; } .page-header-name { max-width: 47%; float: left; } .page-header-date { max-width: 47%; float: right; } .page-events .page-listing-button { display: block; } #result-view h1 { margin-left: 4%; } #result-main-wrapper { display: table; width: 100%; min-height: 420px; } #result-main-wrapper > div { display: table-row;} #result-main { width: 64%; padding: 0 4%; display: table-cell; /* Need to do it this way because of floating block */ } #result-main .view-content { width: 100%; } #result-side-bg { width: 28%; /* border: 12px #fff solid; */ background: #003357; display: table-cell; position: relative; } #result-header { top: 0; color: #fff; position: absolute; left: auto; margin: 0 !important; padding: 30px 25px 300px 25px; height: auto; overflow: hidden; background: transparent url(images/results-graphic.jpg) bottom right no-repeat; box-shadow: none; } #result-header a { color: #bddbed; font-weight: normal; font-size: 1em; } .single-result-results { min-height: 0; } #result-header-inner { top: 55px; } #display-page-wrapper .display-single-item { display: table; width: 100%; padding: 0; margin: 0; overflow: hidden; } #display-page-wrapper .display-single-item > div { display: table-row; } #display-page-wrapper .display-single-item.display-odd .display-single-text { display: table-cell; width: 55%; padding: 20px 5%; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #display-page-wrapper .display-single-item.display-odd .display-single-image { display: table-cell; width: 45%; padding: 0; vertical-align: top; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #display-page-wrapper .display-single-item.display-even .display-single-text { display: table-cell; width: 45%; padding: 20px 5%; vertical-align: middle; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #display-page-wrapper .display-single-item.display-even .display-single-image { display: table-cell; width: 55%; padding: 20px 20px 20px 0; vertical-align: middle; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } .display-image-feather { display: block; } #display-page-wrapper .display-single-text h1 { margin-top: 20px; font-size: 2em; } #footer-contact-info { display: block; width: auto; margin-top: 60px; margin-left: 5%; } #footer-contact-info div { display: table; width: 100%; } #footer-contact-info div div { display: table-row; width: 100%; } #footer-contact-info h4 { display: table-cell; vertical-align: top; padding-right: 20px; width: 33%; text-align: right; } #footer-contact-info span { display: table-cell; vertical-align: top; } #offer-block-items { display: block; margin-bottom: 0; } .offer-block-item { display: table; float: left; } .offer-block-item > div { display: table-row; width: 100%; } .offer-block-item .listing-item-text, .offer-block-item .listing-item-image { display: table-cell; vertical-align: middle; } .offer-block-item .listing-item-text { padding-right: 10px; position: static; } .offer-block-item .listing-item-image img { height: 100px; width: auto !important; max-width: none !important;} .domain-front .offer-block-item .listing-item-image img { height: 170px; } .domain-front .offer-block-item.offer-block-single { width: 70%; margin: 0 15%;} .offer-block-2items { width: 48%; } .offer-block-2items:first-child { margin-right: 4%; } #offer-block-header { float: left; padding: 10px 2%; width: 20%; min-height: 115px; } #offer-block #offer-block-items { padding: 10px 4%; width: 68%; float: left; } /* for mobile, entire block becomes table */ } @media all and (min-width: 768px) { body { font-size: 1.4em; font-size: 1.4rem; } .section { width: 92%; margin: 0 4%; } #main-wrapper { padding-top: 103px; } .node-type-book #main-wrapper, .page-taxonomy-term #main-wrapper { padding-top: 130px; } .node-type-book article, .view-article-listing article {font-size: 1.05em; line-height: 1.5em; } .page-events #main-wrapper { padding-top: 153px; } .page-results #main-wrapper { padding-top: 123px; } #header h1, #header h2 { max-width: 55% !important; padding: 8px 0; } #header a#logo img { float: left; width: auto; height: auto; margin-right: 11px; } #header form { display: block; position: absolute; bottom: 50px; right: 7px; width: 115px; } #header a#logo .site-name { width: 270px; float: left; font-size: 1.5em; } #header #navigation ul.menu { font-size: 1.1em; } #header #navigation ul.menu li.mobilelast { display: none; } .domain-lv-srichinmoyracesorg #header a#logo .site-name { width: 330px; } .domain-ua-srichinmoyracesorg #header a#logo .site-name { width: 340px; } .domain-ru-srichinmoyracesorg #header a#logo .site-name { width: 340px; } .domain-by-srichinmoyracesorg #header a#logo .site-name { width: 340px; } .domain-rs-srichinmoyracesorg #header a#logo .site-name { width: 200px; } .domain-mk-srichinmoyracesorg #header a#logo .site-name { width: 340px; } #header.header-small h1, #header.header-small h2 { padding: 5px 0; } #header.header-small a#logo img { width: 35px; height: 35px; margin-right: 7px;} #header.header-small a#logo .site-name { width: 370px; font-size: 1em;} #header.header-small #navigation { bottom: -2px; } #header.header-small #navigation ul.menu { font-size: 1.1em; } #header.header-small form { display: none; } #header.header-small #navigation ul.menu li.mobilelast { display: block; margin-left: 20px; } .page-body, .page-header, .flex-caption, .page-terms { width: 86% !important; padding-left: 7% !important; padding-right: 7% !important; } .item-slider.with-video, .item-slider.with-video li{height: 450px} .item-slider ol.flex-control-nav { margin: 0 7%; width: 84% !important; padding-left: 1%; padding-right: 1%; } .item-slider ul.flex-direction-nav { right: 9% !important;} .page-header { padding: 10px 0; } .page-body { padding-bottom: 15px; } #term-article-listing { margin-top: 15px; } #term-article-listing main { margin-top: 0; margin-bottom: 35px;} .initial-teaser { height: 350px; } article > img { margin-top: 0; margin-bottom: 10px; } /* Single slider image */ #front-slideshow .front-slide-box { position: absolute; left: 0; top: 0; z-index: 2; background: transparent url(images/homepage-slide-bg.png); font-size: 1.05em; padding: 10px 3.5% 15px 3.5%; width: 30%; max-width: 260px; height: 155px; } ul.flex-direction-nav { top: 145px; width: 34%; left: 4% !important; padding-left: 0 !important; max-width: 340px !important; } ul.flex-direction-nav a.flex-prev { left: auto; right: 40px; position: absolute; } ul.flex-direction-nav a.flex-next { right: 10px; position: absolute; } #front-opening-box { display: table; position: relative; z-index: 35; top: -25px; } #front-opening-box > .field-collection-container { display: table-row; } #front-opening-box .field-collection-view { display: table-cell; width: 50%; padding: 0 0 30px 0; margin: 0; border-bottom: 0; vertical-align: top; } #front-opening-box .field-collection-view h2 { font-size: 2.3em; letter-spacing: .04em; margin: 5px 10% 0 0; padding: 10px 0 10px 10%; border-bottom: 6px #72bbe8 solid; } #front-opening-box .field-collection-view .view { padding: 10px 0 10px 8%; display: inline-block; min-width: 65%; } #front-opening-box .field-collection-view-final h2 { margin: 5px 0 0 10%; padding: 10px 10% 10px 0; } .display-listing .section-opening { padding: 30px 10% 1.5em 10%; } .display-playlist .section-opening { padding: 20px 10% 1.5em 10%; } .display-listing .section-opening h2, .display-playlist .section-opening h2, .display-3100 .section-opening h2 { font-size: 2.5em; margin: 0; } .display-organisers .odd .event-fourth-section-organisers-box, .display-organisers .even .event-fourth-section-organisers-box { width: 50%; margin: 0; padding: 0; float: left; } .display-fullimage .section-opening { padding-top: 15px; } #result-header-inner { top: 105px; width: 88%; margin: 0 4%;} #result-header-inner img { display: block; height: 80px; width: auto; float: right; margin-left: 5%; margin-top: -20px; } #result-buttons { width: 260px; float: left; margin-top: -20px; } .view-display-id-block_table_twowide .listing-item > div > a { padding-right: 42px; } .node-type-event h2 { text-align: left; } #event-first-section-box h1 { text-align: left; margin-bottom: .1em; font-size: 2.5em; } #event-first-section-box #event-date-location { margin-bottom: 1em; font-size: 1.1em; display: table; width: 100%; } #event-first-section-box #event-date-location > div { display: table-row; width: 100%; } #event-first-section-box #event-date-location .event-date-display { background: transparent; margin-top: 0px; padding-left: 0; display: table-cell; vertical-align: top;} #event-first-section-box #event-date-location .location { background: transparent; display: table-cell; vertical-align: top; text-align: right; padding-left: 20px;} ul#event-first-section-box-links li { text-align: left; width: auto; margin-right: 2em; } ul#event-first-section-box-links li a { padding: 0; } #event-second-section-introduction { width: 67%; } #event-second-section-details { width: 33%; font-size: inherit; } #event-second-section-video { max-width: 100%; overflow: hidden; } #event-unique-features { display: table; margin-bottom: 40px; } .event-unique-features-row { display: table-row; margin-bottom: 20px; } .event-unique-features-cell { color: #666; line-height: 1.3; display: table-cell; vertical-align: middle; padding: 10px 0; border-bottom: 1px #bddbed solid; width: 50%; } .event-unique-features-cell.odd { padding-right: 20px; } .event-unique-features-cell.even { padding-left: 20px; } #event-second-section-belowintro { display: table; margin-top: 30px; } #event-second-section-belowintro > div { display: table-row; } #event-second-section-previous-results { display: table-cell; width: auto; } #event-second-section-newsletter { display: table-cell; width: 51%; border-left: 12px #fff solid; } .view-display-id-eventlisting { background: #003357 url(images/results-graphic.jpg) bottom right no-repeat; box-sizing: border-box; } .view-display-id-eventlisting .view-header, .view-display-id-eventlisting .view-content, .view-display-id-eventlisting .view-content .content-feather { width: 62%; padding: 0 3%; } .view-display-id-eventlisting .view-header { border-bottom: none; } .view-display-id-eventlisting .view-header h2 { text-transform: uppercase; margin: 0 2%; padding : 10px 0; border-bottom: 1px #ccc solid; } .view-display-id-eventlisting .event-result-list > .resultslider-direction-nav { display: none; } .view-display-id-eventlisting .event-result-list > .resultslider-control-nav { display: block; position: absolute; bottom: auto; left: auto; top: -5px; right: 0; width: 32%; text-align: left; z-index: 35; list-style: none; } .view-display-id-eventlisting .event-result-list > .resultslider-control-paging li { width: 90%; padding: 0 5%; } .view-display-id-eventlisting .event-result-list > .resultslider-control-paging li a { display: block; padding: 10px 5%; font-size: .8em; cursor: pointer !important; width: 90%; font-weight: normal; color: #fff; line-height: 1.3; } .view-display-id-eventlisting .event-result-list > .resultslider-control-paging li a.resultslider-active { background: #004b7a !important; } .view-display-id-eventlisting .event-result-list > .resultslider-control-paging li a .event-single-result-title { color: #b2d5f1; font-size: 1.25em; } .view-display-id-eventlisting .more-link { top: 15px; right: 36%; } .view-display-id-eventlisting .event-result-list .item-slider { padding-top: 10px; } #content .view-display-id-eventlisting article .page-header, #content .view-display-id-eventlisting article .page-body { width: 100% !important; padding: 0 !important;} /*.view-display-id-eventlisting .event-result-list .item-slider ul.flex-direction-nav { bottom: 34px; }*/ #footer .section { padding: 40px 0; width: 92%; } #footer .footer-col1 { min-height: 380px; width: 27%; padding: 0 5%; float: left; border-right: 1px #fff solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #footer .footer-col2 { min-height: 380px; width: 46%; padding: 0 7%; float: left; border-right: 1px #fff solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #footer .footer-col3 { min-height: 380px; width: 27%; padding: 0 5%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #footer-copyright p { padding-top: 10px; } .page-events #main-wrapper .event-view-odd .views-row { width: 30%; margin-right: 5%; } .page-events #main-wrapper .event-view-odd .views-row-even { margin-right: 5% !important; } .page-events #main-wrapper .event-view-odd .views-row-3n { margin-right: 0 !important;} .page-events #main-wrapper .event-view-odd .page-listing-below > div > div { display: block !important; } .page-events #main-wrapper .event-view-odd .page-listing-button { padding: 0 0 5px 0;} .page-events #main-wrapper .event-view-odd .page-listing-button .button { margin-right: 5px; } div.ctools-modal-content {width: 80% !important;height: 80% !important;top: 10%;left: 10%;} div.ctools-modal-content .form-actions { bottom: 8%; width: 76%; left: 10%; } div.ctools-modal-content .form-actions:after{bottom: 13px;} /*cookie*/ .EUc{display: flex;align-items: center;column-gap:15px;padding: 13px 3vw;justify-content: center;width:94vw} .EUc_message{margin-bottom:0} .EUc_links{display:flex; flex: 0 0 auto} } @media all and (min-width: 960px) { .page-node-previous-results #main-wrapper { padding-top: 133px; } .section, .view-display-id-page, #front-opening-box.section, #result-view.section { max-width: 1200px; margin: 0 auto; } /* Sidebar width */ #offer-header, .term-page #page-sidebar, #result-single-header { display: block; width: 30% !important; min-width: 30% !important; left: 70%; top: 0; position: absolute; background: transparent; margin: 0; padding: 0; box-shadow: none; overflow: hidden; } /* Main content width */ #offer-content, #term-article-listing, #result-content { left: 0; width: 65.5%; padding-top: 0; } #header h1, #header h2 { max-width: 45% !important; } #header #navigation { position: absolute; max-width: 45%; bottom: 0; right: 140px; } #header #navigation ul.menu { font-size: 1.2em; } #header #navigation ul.menu li { padding: 0 0 4px 0; } #header #navigation ul.menu li.navtext a { display: inline; } #header #navigation ul.menu li.navtext a:hover { background: #045d97; padding-top: 70px;} #header form { bottom: 8px; right: 0; padding: 0; margin: 0; } .domain-mn-srichinmoyracesorg #header #navigation { max-width: 50%; } .domain-mn-srichinmoyracesorg #header #navigation ul.menu li, .domain-lv-srichinmoyracesorg #header #navigation ul.menu li {padding-bottom:7px;} .navarea { width: 100%; height: 175px; border-bottom: 5px solid #66b6e7; overflow: hidden; background: #045d97; position: fixed; top: 98px; z-index: 49;} .domain-admin-menu .navarea { top: 123px; } .domain-admin-menu-combined .navarea { top: 148px; } .tab-toolbar .navarea { top: 133px; } .tab-toolbar.domain-admin-menu .navarea { top: 163px; } .tab-toolbar.domain-admin-menu-combined .navarea { top: 183px; } .navinnerarea { display: none; padding: 0;} .navinnerarea .top-nav-col1 { width: 59%; margin-right: 6%; float: left; } .navinnerarea .top-nav-col2 { width: 17%; margin-right: 1%; float: left; } .navinnerarea .top-nav-col3 { width: 17%; float: left; } .navinnerarea p, .navinnerarea a, .navinnerarea h1, .navinnerarea h2, .navinnerarea h3, .navinnerarea h4 { color: #fff; } .navinnerarea h3 { font-size: 1em; margin: 0 0 .2em 0; } .toptabs-citylist { columns:2} .toptabs-citylist a { display:inline-block;} .domain-ru-srichinmoyracesorg .navinnerarea .top-nav-col1 { width: 50%; margin-right: 3%; float: left; } .domain-ru-srichinmoyracesorg .navinnerarea .top-nav-col2 { width: 29%; margin-right: 1%; float: left; } .domain-ru-srichinmoyracesorg .toptabs-citylist { columns:3} .navinnerarea .top-nav-col1 img { float: left; margin-right: 25px; max-width: 385px; height: auto; } .navinnerarea .top-nav-col1 .top-menu-description { padding-top: 20px; } .navinnerarea .top-nav-col1 .top-menu-description > div { max-height: 113px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .navinnerarea .top-nav-col1 .top-menu-description .button { margin-top: 10px; } .navinnerarea h4 { font-weight: bold; margin-bottom: 0.1em; font-size: 1.1em; } #header.header-small form { bottom: 3px; display: block; } #header.header-small #navigation ul.menu li.mobilelast { display: none; } #event-first-section-box { position: absolute; left: 0; top: 0; width: auto; max-width: 62%; padding: 10px 30px 20px 30px; } .details-contact-info-table { float: left; margin-right: 15px; } #event-first-section-box h1 { max-width: 650px; } #event-third-section .section { display: table; table-layout: fixed;} #event-third-section .section > div { display: table-row; } #event-third-section-raceinfo { width: 67%; padding: 20px 4% 0 5%; display: table-cell; vertical-align: top; } #event-third-section-photos { background: #fff; width: 33%; padding: 12px 12px 0 12px; display: table-cell; vertical-align: top; } #event-third-section-photos img { margin-bottom: 12px; border: 12px #bddbed solid; width: 100%; box-sizing: border-box; height: auto;} #event-third-section-photos label { color: #bddbed; } #result-content { min-width: none !important; } #result-single-header { height: auto; } #result-header-inner { margin: 0 0 40px 0; width: 100%; position: static; background: #003557; color: #fff; height: auto; padding: 0 0 1px 0;} #result-header-inner h3 { font-weight: bold; text-transform: uppercase; font-size: 1em; width: 100%; margin: 0 !important; width: 92%; padding: 7px 4%; color: #bddbed; display: block; } #result-single-header #result-title-and-image { position: relative; display: block; } #result-single-header #result-title-and-image img { margin: 0; padding: 0; float: none; width: 100%; height: auto; margin-top: 0; } #result-single-header h1 { position: absolute; top: 10px; padding: 4px 20px 4px 4%; margin: 0; margin: 0; font-size: 1.3em; background: url(images/greybg.png); width: auto; min-width: 100px; } #result-single-header #result-buttons { float: none; margin: 10px 4%; width: auto;} #result-single-header .button { left: auto; bottom: 0; margin-right: 5px;} #result-sidebar { margin-top: 0; } #result-browse { padding: 0 4%; } #result-browse input[type="submit"] { display: none; } .single-result-cell.single-result-thumb { width: 83px; } .single-result-cell.single-result-thumb img { height: 60px; width: auto; margin: -10px 10px 2px 0; } .display-organisers .event-fourth-section-organisers-box h3 { margin-top: 1.5em; } #front-slideshow .front-slide-box { padding-top: 20px; height: 140px; } ul.flex-direction-nav { top: 140px; width: 32%; } .view-display-id-block_table_fourwide .display-table-listing { display: table; } .view-display-id-block_table_fourwide .display-table-listing > div { display: table-row; } .view-display-id-block_table_fourwide .listing-item { display: table-cell; padding-right: 3%; padding-left: 0; width: 22%; margin-bottom: 0; } .view-display-id-block_table_fourwide .views-row-last.listing-item { padding-right: 0; } .display-playlist .youtube-mediaelement, .display-playlist .single-embed { width: 75%; display: block; float: right; } .display-video-parent { display: table !important; width:100%; } .display-video-parent > div { display: table-row; } .display-video-desktop-opening { display: block; float: left; padding: 40px 3% 20px 3% !important; text-align: left !important; width: 19%; } .display-video-desktop-opening h2 { margin-bottom: 15px !important; } .page-taxonomy-term #term-information { margin-bottom: 25px; } #term-information { background: transparent; padding: 0; box-shadow: none; } #term-information #term-image-and-title { position: relative; } #term-information #term-image-and-title img { display: block; float: none; width: 100%; margin: 0 0 5px 0; } #term-information p { font-size: .9em; text-align: justify; } #term-information br { display: none; } #term-information h1 { margin: 0; color: #fff; position: absolute; bottom: 10px; line-height: 1.2; width: 92%; padding: 5px 4%; background: url(images/bluebg.png); font-size: 1.4em; } #term-information h2 { font-weight: bold; font-size: 1.4em; } #article-search .view-display-id-sidebar_search { margin-right: 8%; width: 50%; } #article-search .archive-link { color: #045d97; width: 40%; line-height: 1.1; margin-top: 1px; font-size: .85em; } .view-display-id-block_sidebar .view-header .listing-header-link { display: none; } #term-information a.mobile-expand-link.button { color: #045d97; float: right; margin-top: 2px; } #offer-page { margin-top: 25px; } .page-offers h1 { display: none; } #offer-sidebar { display: block;} .listing-item-offerrow { display: table-row; width: 100%; border-bottom: 1px #ccc solid; } #offer-sidebar.view-display-id-block_sidebar .listing-item-image img { width: 80px !important; height: auto !important; margin-right: 10px; } .offer-block-item .listing-item-image img { height: 100px; width: auto !important; max-width: none !important;} .offer-block-item { table-layout: fixed; } .display-offers { display: table; padding-bottom: 0; } .display-offers > div { display: table-row; padding-bottom: 0; } .display-offers #offer-block-items { width: 69%; display: block; float: right; padding: 10px 3% !important; } .display-offers .section-opening { display: block; float: left; padding: 20px 3% 20px 3% !important; text-align: left !important; width: 19%; background-color: #66b6e7; min-height: 180px; } .display-offers .section-opening h2 { margin-bottom: 15px !important; color: #fff !important;} .display-offers .offer-block-item.offer-block-single { margin-left: 0;} .display-fullimage { position: relative;} .display-fullimage .section-opening { text-align: left; position: absolute; left: 15px; top: 15px; background: transparent url(images/homepage-slide-bg.png); padding: 15px 2% 15px 2%; } } @media all and (min-width: 1200px) { .display-organisers .event-fourth-section-organisers-box h3 { margin-top: 2em; } ul.flex-direction-nav { width: 92%; max-width: 1200px !important; left:0 !important; right:0; margin-left:auto !important; margin-right:auto !important; } ul.flex-direction-nav a.flex-prev { left: 270px; } ul.flex-direction-nav a.flex-next { left: 305px; } #result-view { position: relative; } #result-header { min-width: 0 !important; width: 280px !important; padding-left: 30px; padding-right: 30px; position: absolute; right: 0; } /*.view-results-single-event.view-display-id-page .view-content { width: 64%; } #result-header { width: 32%; left: 68%; }*/ .term-page #page-sidebar { width: 368px !important; } } /* Safari and Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0) { #header form input[type="submit"] { margin: 0 !important; padding: 4px 8px; } /* .view-display-id-eventlisting .flex-control-paging li a { margin-bottom: 15px; } */ } /* Sometimes Microsoft browsers (IE and Edge) do not serve Helvetica properly */ _:-ms-fullscreen, body { font-family: sans-serif; } _:-ms-lang(x), _:-webkit-full-screen, body { font-family: sans-serif; } /* Sticky headers in firefox? @media all and (min-width: 960px) { @-moz-document url-prefix() { #result-header, #result-floating-sidebar, #page-sidebar-floating-block, #offer-floating-sidebar { position: sticky !important; top: 40px; } } }*/ /* @media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 960px) { .view-results-single-event.view-display-id-page .total-results { bottom: 274px; } } */ /* emergency stuff */ .page-node-7683 .series-event-date strong { display: none; } .page-node-11615.domain-www-srichinmoyracesorg .applicationbutton{display: none}