/* -------------------------------------------------- * Search Form - Common * -------------------------------------------------- */ .search-form .input-group .input-group-btn .btn-primary { background: #007147; } .search-form input.form-text { border: 1px solid #007147; box-shadow: none; } fieldset.search-advanced { margin-bottom: 1em !important; } fieldset.search-advanced .criterion { margin: 0 0 1.5em; } body.page-search-node .region-content h2 { margin: 2em 0; } ol.search-results { list-style: none; margin: 0; padding: 0; } ol.search-results li { margin: 0 0 0.5em; padding: 8px 0; border-bottom: 1px solid #DDD; } ol.search-results li h3.title { margin: 0 0 0.5em; } .search-image { float: right; margin: 0 0 0 2%; } .search-details { margin: 0 0 0.5em; } .search-snippet-info { font-size: 13px; } .search-snippet-info .search-snippet { margin: 0 0 0.3em; } .search-snippet-info .search-info { font-size: 12px; } /* -------------------------------------------------- * Banner * -------------------------------------------------- */ ins img { width: 100%; max-width: 728px !important; height: auto; margin: 0 auto 1em; } /* -------------------------------------------------- * Navbar * -------------------------------------------------- */ body.navbar-tray-open.navbar-vertical.navbar-fixed { margin-left: 0; } body.navbar-fixed #navbar-administration.navbar-oriented, #navbar-administration.navbar-oriented .navbar-bar { position: fixed; z-index: 9999 !important; } #navbar-administration.navbar-oriented .navbar-tray-vertical { position: fixed; height: 100% !important; overflow: auto; width: 21rem; } .navbar-administration #navbar-administration .navbar-tray { z-index: 9998; } /* -------------------------------------------------- * AddToAny - Social Sharing Button * -------------------------------------------------- */ .a2a_wrapper { width: 100%; margin: 0 0 0.3em; padding: 5px 5px; border-radius: 6px; background: #F3F3F3; } .a2a_wrapper .a2a_kit { text-align: center; max-height: 38px; letter-spacing: -0.4em; } .a2a_wrapper .a2a_kit a { float: none; display: inline-block; margin: 3px 2%; letter-spacing: normal; } .a2a_wrapper .a2a_kit a:first-child { margin-left: 0; } .a2a_wrapper .a2a_kit a:last-child { margin-right: 0; } footer ul.links { } footer ul.links li.addtoany { display: block; padding: 0; } /* -------------------------------------------------- * File Attachment * -------------------------------------------------- */ .page-node article div.field-name-upload { border: 1px solid #D00; margin: 0 0 1.5em; } .page-node article div.field-name-upload .field-label { padding: 8px; background: #D00; color: #FFF; } .page-node article div.field-name-upload table { margin-bottom: 0; } .page-node article div.field-name-upload table th { background: #666; color: #FFF; font-size: 14px; padding: 5px 8px; } /* -------------------------------------------------- * Admin Content * -------------------------------------------------- */ .view-admin-content table th.views-field-title { width: 60%; } /* -------------------------------------------------- * Taxonomy Manager Override * -------------------------------------------------- */ div.form-item-taxonomy-manager-tree ul.treeview li .term-operations img { display: inline; } /* -------------------------------------------------- * Views Construction Page Override * -------------------------------------------------- */ .ui-front { z-index: 9999; } #edit-options-alter .form-control { height: auto; } #edit-options-alter label { display: block; } #edit-options-alter-help-wrapper.collapsible { float: none; clear: both; } #edit-options-alter-text-wrapper .form-group { display: block; position: static; } .preview-section, .contextual-links-region h1, .contextual-links-wrapper { letter-spacing: normal; } /* -------------------------------------------------- * Image Gallery Settings * -------------------------------------------------- */ div.view-display-id-image_gallery .item-list ul { display: -webkit-box; display: -webkit-flex; display: flex; list-style: none; margin: 0; padding: 0; -webkit-flex-wrap: wrap; /* Safari */ flex-wrap: wrap; -webkit-justify-content: flex-start; /* Safari */ justify-content: flex-start; } div.view-display-id-image_gallery .item-list ul li { box-sizing: border-box; width: 48%; margin: 1%; vertical-align: top; font-size: 13px; line-height: 1.3; text-align: center; } div.view-display-id-image_gallery .item-list ul li img { margin: 0 auto; } .view-image-gellery .item-list ul { list-style: none; margin: 0; padding: 0; font-size: 0px; } .view-image-gellery .item-list ul li { display: inline-block; width: 32%; margin: 0 0.5% 1em; font-size: 14px; text-align: center; vertical-align: top; } .view-image-gellery .item-list ul li img { margin: 0 auto; } /* -------------------------------------------------- * Bulk Photo Nodes * -------------------------------------------------- */ #bpn-upload-form .bpn-left, #bpn-flickr-form .bpn-left, #bpn-flickr-private-form .bpn-left, form.bpn-enabled .bpn-left { float: none; width: 100%; } #bpn-upload-form .bpn-right, #bpn-flickr-form .bpn-right, #bpn-flickr-private-form .bpn-right, form.bpn-enabled .bpn-right { float: none; width: 100%; } #edit-override-fields-finish.btn-default { color: #FFF; background-color: #63A34B; border-color: #56983D; } #edit-override-fields-finish.btn-default:hover { background-color: #8CD53F; } /* -------------------------------------------------- * Image Assist Tag Settings * -------------------------------------------------- */ span.inline-left { display: block; float: left; margin: 0px 1% 8px 0px; } span.inline-right { display: inline; float: right; margin: 0px 0px 8px 1%; } span.inline-center { display: block; float: none; text-align: center; margin: 0 auto; } span.inline-none { display: block; float: none; margin: 0px 0px 8px; } span.inline-img-assist .caption { display: block; font-size: 12px; line-height: 1.3; } .image-clear { display: block; clear: both; height: 1px; line-height: 0px; font-size: 0px; margin-bottom: -1px; } span.inline-img-assist img { width: 100%; height: auto; margin: 0 0 5px; } td.img_text_cell { width: 80%; } input.img_tags_text { width: 100%; } /* -------------------------------------------------- * Field Settings * -------------------------------------------------- */ .page-node article .field-name-body .field-item { clear: both; margin: 0 0 1em; } .page-node article .field-name-body .field-item:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } /* clearfix */ .page-node article .field-name-field-link1, .page-node article .field-name-field-related-content1, .page-node article .field-name-field-node-referer, .page-node article .field-name-field-taxonomy1 { clear: both; margin: 0 0 1em; } .page-node article .field-name-field-related-content1 .field-label, .page-node article .field-name-field-link1 .field-label, .page-node article .field-name-field-node-referer .field-label, .page-node article .field-name-field-taxonomy1 .field-label { padding: 5px 10px; background: #EEE; color: #000; } .page-node article .field-name-field-related-content1 .field-item, .page-node article .field-name-field-link1 .field-item, .page-node article .field-name-field-node-referer .field-item, .page-node article .field-name-field-taxonomy1 .field-item { padding: 5px 10px; border: 1px solid #EEE; border-top: none; font-size: 14px; } /* -------------------------------------------------- * Content Settings * -------------------------------------------------- */ .os-responsive-icon-only { margin: 0.3em 0 1em; } /* -------------------------------------------------- * Slick Slider * -------------------------------------------------- */ .slick--optionset--content-main-slider .slick-slider { margin-bottom: 1em; } .slick--optionset--content-thumbnail-slider .slick-slider { margin-bottom: 1.5em; } .slick--optionset--content-thumbnail-slider .slick-list { padding: 0 !important; } .slick--optionset--content-thumbnail-slider .slide__caption { font-size: 12px; } /* -------------------------------------------------- * Blocks (Exclude Microsite & Shop) * -------------------------------------------------- */ /*-- News Block - Titles --*/ .feature_title, .hotnews_title, .life_feature_title, .life_topics_title, .life_review_title, .information_title { margin: 0 0 1em; padding: 4px 5px; background: #F3F3F3; border: 1px solid #DDD; border-top: 1px solid #007147; letter-spacing: -0.4em; } .feature_title { border-top: 1px solid #F00; } .hotnews_title { border-top: 1px solid #F90; } .life_feature_title, .life_topics_title, .life_review_title { border-top: 1px solid #09F; } .feature_title h4, .hotnews_title h4, .life_feature_title h4, .life_topics_title h4, .life_review_title h4, .information_title h4 { display: inline-block; width: 55%; letter-spacing: normal; font-size: 14px; font-weight: bold; } .feature_title .feature_title_link, .hotnews_title .hotnews_title_link, .life_feature_title .life_feature_title_link, .life_topics_title .life_topics_title_link, .life_review_title .life_review_title_link, .information_title .information_title_link { display: inline-block; width: 45%; letter-spacing: normal; font-size: 13px; text-align: right; } /*-- News Block - Common --*/ #block-views-topnews-feature ul, #block-views-topnews-hotnews ul, #block-views-topnews-hotnews-m ul, #block-views-topreview-review ul, #block-views-lifenews-life-feature ul, #block-views-lifenews-life-topics ul, #block-views-lifenews-life-topics-m ul, #block-views-lifereview-life-review ul, #block-views-topnews-information-sidebar ul, #block-views-topnews-impression-sidebar ul { list-style: none; margin: 0; padding: 0; } #block-views-topnews-feature ul, #block-views-topreview-review ul, #block-views-lifenews-life-feature ul, #block-views-lifereview-life-review ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #block-views-topnews-feature ul li, #block-views-topnews-hotnews ul li, #block-views-topnews-hotnews-m ul li, #block-views-topreview-review ul li, #block-views-lifenews-life-feature ul li, #block-views-lifenews-life-topics ul li, #block-views-lifenews-life-topics-m ul li, #block-views-lifereview-life-review ul li, #block-views-topnews-information-sidebar ul li, #block-views-topnews-impression-sidebar ul li { font-size: 13px; line-height: 1.2; } #block-views-topnews-feature .views-row, #block-views-topnews-hotnews .views-row, #block-views-topnews-hotnews-m .views-row, #block-views-topreview-review .views-row, #block-views-lifenews-life-feature .views-row, #block-views-lifenews-life-topics .views-row, #block-views-lifenews-life-topics-m .views-row, #block-views-lifereview-life-review .views-row, #block-views-topnews-information-sidebar .views-row { margin: 0 0 1em; } #block-views-topnews-feature .views-field-field-subtitle, #block-views-topnews-hotnews .views-field-field-subtitle, #block-views-topnews-hotnews-m .views-field-field-subtitle, #block-views-topreview-review .views-field-field-subtitle, #block-views-lifenews-life-feature .views-field-field-subtitle, #block-views-lifenews-life-topics .views-field-field-subtitle, #block-views-lifenews-life-topics-m .views-field-field-subtitle, #block-views-lifereview-life-review .views-field-field-subtitle, #block-views-topnews-information-sidebar .views-field-field-subtitle { margin: 0 0 0.5em; font-size: 12px; font-weight: 700; color: #444; } #block-views-topnews-feature .views-field-title, #block-views-topnews-hotnews .views-field-title, #block-views-topnews-hotnews-m .views-field-title, #block-views-topreview-review .views-field-title, #block-views-lifenews-life-feature .views-field-title, #block-views-lifenews-life-topics .views-field-title, #block-views-lifenews-life-topics-m .views-field-title, #block-views-lifereview-life-review .views-field-title { margin: 0 0 0.3em; font-weight: 700; } #block-views-topnews-feature .views-field-created, #block-views-topnews-hotnews .views-field-created, #block-views-topnews-hotnews-m .views-field-created, #block-views-topreview-review .views-field-created, #block-views-lifenews-life-feature .views-field-created, #block-views-lifenews-life-topics .views-field-created, #block-views-lifenews-life-topics-m .views-field-created, #block-views-lifereview-life-review .views-field-created, #block-views-topnews-information-sidebar .views-field-created { margin: 0 0 0.3em; font-size: 11px; } /*-- News Block - Feature / Life Feature --*/ #block-views-topnews-feature li, #block-views-lifenews-life-feature li { width: 50%; box-sizing: border-box; padding: 0 5px 0 0; } #block-views-topnews-feature .views-field-field-titleimage, #block-views-lifenews-life-feature .views-field-field-titleimage { float: left; width: 40%; margin: 0 6px 0 0; } /*-- News Block - Hotnews / Life Topics --*/ #block-views-topnews-hotnews-m .views-field-field-titleimage, #block-views-lifenews-life-topics-m .views-field-field-titleimage { float: left; width: 40%; margin: 0 6px 0 0; } #block-views-topnews-hotnews .views-row-first .views-field-field-titleimage, #block-views-lifenews-life-topics .views-row-first .views-field-field-titleimage { float: none; width: 100%; margin: 0 0 0.6em; } #block-views-topnews-hotnews .views-row-first .views-field-title, #block-views-lifenews-life-topics .views-row-first .views-field-title { font-size: 18px; } #block-views-topnews-hotnews .views-row-first .views-field-body .field-content, #block-views-lifenews-life-topics .views-row-first .views-field-body .field-content { margin: 0.5em 0 0; line-height: 1.5; } /*-- News Block - Review / Life Review --*/ #block-views-topreview-review li, #block-views-lifereview-life-review li { width: 50%; } #block-views-topreview-review .views-field-field-titleimage, #block-views-lifereview-life-review .views-field-field-titleimage { margin: 0 0 0.5em; } /*-- News Block - Life Title --*/ #block-block-13 { margin: 0 0 1em; } /*-- News Block - Information --*/ #block-views-topnews-information-sidebar ul li { font-size: 13px; letter-spacing: -0.4em; } #block-views-topnews-information-sidebar .views-field-field-titleimage { display: inline-block; width: 30%; padding-right: 7px; vertical-align: top; letter-spacing: normal; } #block-views-topnews-information-sidebar .views-field-title { display: inline-block; width: 68%; vertical-align: top; letter-spacing: normal; } /*-- News Block - Series --*/ #block-views-topnews-series-sidebar { margin: 0 0 1em; } #block-views-topnews-series-sidebar h2.block-title { margin: 0; } #block-views-topnews-series-sidebar .item-list ul { list-style: none; margin: 0; padding: 0; } #block-views-topnews-series-sidebar ul li { margin: 0; padding: 5px; border: 1px solid #DDD; border-top: none; font-size: 14px; } #block-views-topnews-series-sidebar .series-headline { margin: 0 0 0.5em; padding: 3px 5px; font-weight: 700; border-bottom: 1px solid #DDD; } #block-views-topnews-series-sidebar .series-item-wrapper { letter-spacing: -0.4em; } #block-views-topnews-series-sidebar .series-item-wrapper .series-titleimage { display: inline-block; width: 30%; vertical-align: top; letter-spacing: normal; } #block-views-topnews-series-sidebar .series-item-wrapper .series-info { display: inline-block; width: 66%; margin: 0 0 0 2%; vertical-align: top; letter-spacing: normal; } /*-- News Block - Impression --*/ #block-views-topnews-impression-sidebar { margin: 0 0 1em; } #block-views-topnews-impression-sidebar h2.block-title { margin: 0; } #block-views-topnews-impression-sidebar .item-list ul { list-style: none; margin: 0; padding: 0; } #block-views-topnews-impression-sidebar ul li { margin: 0; padding: 5px; border: 1px solid #DDD; border-top: none; font-size: 13px; letter-spacing: -0.4em; } #block-views-topnews-impression-sidebar .views-field-field-titleimage { display: inline-block; width: 35%; vertical-align: top; letter-spacing: normal; } #block-views-topnews-impression-sidebar .views-field-title { display: inline-block; width: 61%; margin: 0 0 0 2%; vertical-align: top; letter-spacing: normal; } #block-views-topnews-impression-sidebar .view-footer { background: #DDD; padding: 4px; } #block-views-topnews-impression-sidebar .view-footer h4 { margin: 0 0 1px; padding: 4px 5px; background: #F1F1F1; font-size: 14px; font-weight: bold; } #block-views-topnews-impression-sidebar .view-footer ul { text-align: center; background: #FFF; letter-spacing: -0.4em; } #block-views-topnews-impression-sidebar .view-footer ul li { display: inline-block; width: 32%; border: none; font-size: 13px; letter-spacing: normal; } /*-- YouTube Block --*/ #block-block-14 { text-align: center; border: 1px solid #CCC; margin: 0.3em 0 0; padding: 6px 0; background: #FFF; border-top: 1px solid #007147; border-bottom: none; } #block-aggregator-feed-1 { border: 1px solid #CCC; padding: 0; margin: 0 0 1em; } #block-aggregator-feed-1 ul { list-style: none; margin: 0; padding: 0; } #block-aggregator-feed-1 ul li { margin: 0; padding: 5px; font-size: 13px; border-bottom: 1px solid #CCC; } #block-aggregator-feed-1 ul li:last-child { border-bottom: none; } #block-aggregator-feed-1 ul li img { float: left; width: 35%; margin: 0 2% 0 0; } #block-aggregator-feed-1 div.more-link { display: none; } /*-- Archive Banner Block --*/ #block-views-9602be6afacf0ae29bc12485848c49a1 h2.block-title, #block-views-6e81fde83019c5cbc03838ff9a3979c3 h2.block-title { margin: 0; } /* Race Archive Block */ .view-archive-banners ul { list-style: none; margin: 0 0 1em; padding: 0; } .view-archive-banners ul li { margin: 0; padding: 0; font-size: 13px; letter-spacing: -0.4em; } .view-archive-banners.view-display-id-race_banner_block_1 ul li, .view-archive-banners.view-display-id-series_banner_block_1 ul li { margin-top: 1px; } .view-archive-banners.view-display-id-race_banner_block_1 ul li a { display: block; padding: 5px; color: #FFF; background: #111; } .view-archive-banners.view-display-id-race_banner_block_1 ul li a:hover { background: #333; } .view-archive-banners.view-display-id-series_banner_block_1 ul li a { display: block; padding: 5px; color: #222; background: #EEE; } .view-archive-banners.view-display-id-series_banner_block_1 ul li a:hover { background: #F3F3F3; } .view-archive-banners .views-field-title .field-content { letter-spacing: -0.4em; } .view-archive-banners .archive-image { display: inline-block; width: 35%; padding-right: 7px; vertical-align: middle; letter-spacing: normal; } .view-archive-banners .archive-info { display: inline-block; width: 62%; vertical-align: middle; letter-spacing: normal; } .view-archive-banners .archive-info .archive-title { display: block; font-weight: bold; } .view-archive-banners .archive-info .archive-date { display: block; font-size: 11px; } /*-- Footer Ad Sponsors Menu --*/ .region-footer #block-views-ad-sponsors-block-2 { } .region-footer #block-views-ad-sponsors-block-2 h2.block-title { margin: 0 -15px 1em; padding: 10px 10px 10px; text-align: center; background: none; border-top: 1px solid #000; border-bottom: 1px solid #000; } .view-ad-sponsors.view-display-id-block_2 { width: 100%; max-width: 1080px; margin: 0 auto; } .view-ad-sponsors.view-display-id-block_2 ul { list-style: none; margin: 0; padding: 0; width: 100%; letter-spacing: -0.4em; } .view-ad-sponsors.view-display-id-block_2 ul li { display: inline-block; width: 20%; margin: 0 0 2em; padding: 0 10px; letter-spacing: normal; text-align: center; vertical-align: middle; } .view-ad-sponsors.view-display-id-block_2 ul li img { margin: 0 auto; } /*-- Footer Secondary Menu --*/ .region-footer #block-menu-secondary-menu .nav { margin: 0 -15px 10px; padding: 10px 0 10px; list-style: none; font-size: 12px; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; } .region-footer #block-menu-secondary-menu .nav li { display: inline-block; margin: 0 0; } .region-footer #block-menu-secondary-menu .nav > li > a { padding: 7px 9px; color: #000; } /*-- Footer Copyright --*/ .region-footer #block-block-41 { text-align: center; font-size: 12px; color: #000; } .region-footer #block-block-41 a { color: #000; text-decoration: none; cursor: default; } /*-- Paragraphs : Sentences --*/ .page-node article .paragraphs-item-headline-bundle-1 h2, .page-node article .paragraphs-item-headline-bundle-1 h3, .page-node article .paragraphs-item-headline-bundle-1 h4, .page-node article .paragraphs-item-headline-bundle-1 .field-name-field-h2-normal .field-item, .page-node article .paragraphs-item-headline-bundle-1 .field-name-field-h3-normal .field-item, .page-node article .paragraphs-item-headline-bundle-1 .field-name-field-h4-normal .field-item { margin: 0 0 1.2em; padding: 7px 8px; background: #EDEDED; color: #000; font-weight: bold; } .page-node article .paragraphs-item-headline-bundle-1 h2, .page-node article .paragraphs-item-headline-bundle-1 .field-name-field-h2-normal .field-item { font-size: 21px; } .page-node article .paragraphs-item-headline-bundle-1 h3, .page-node article .paragraphs-item-headline-bundle-1 .field-name-field-h3-normal .field-item { font-size: 18px; } .page-node article .paragraphs-item-headline-bundle-1 h4, .page-node article .paragraphs-item-headline-bundle-1 .field-name-field-h4-normal .field-item { font-size: 15px; } .page-node article .paragraphs-item-table-bundle-1 .field-name-field-additional-table-headline .field-item { padding: 7px 5px; font-weight: bold; border: 1px solid #999; border-left: none; border-right: none; } .page-node article .paragraphs-item-table-bundle-1 table { font-size: 14px; } .page-node article .field-name-field-additional-text-area-1 { margin: 0 0 1.8em; }