/** * This file should get overwritten if Method 1 is used. If Method 2 is chosen, * remove this comment and start adding your styles to this file. */ /*@import url(http://fonts.googleapis.com/css?family=Roboto:400,500,700,300|Open+Sans:400,300,600,700);*/ /*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300|Roboto:300,400,500,700);*/ @import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Condensed:300,700|Handlee); /** Upcoming Events Year + Month Exposed Filter - Hack **/ /*#edit-field-event-date-value-1-value-month { color:#000; position: relative !important; bottom: 0px !important; }*/ /*** Globals ***/ body { background-color: #f7f7f7; font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility; } @media (min-width: 768px) { body.not-front { background-image: url('/sites/default/files/slider/mcmurray/mcmurray-banner.jpg'); background-position: top center; background-repeat: no-repeat; background-attachment:fixed; background-size: 100% auto; } } a:not(.btn) { /* color: #28af8e; */ color: #0a3854 ;/*055332;*/ } a:hover { -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } img { max-width: 100%; height: auto; display: inline-block; } iframe { max-width: 100%; } /* Global Header Styles */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 400; } /* Headers, Titles */ h1.page-header { position: relative; margin-top: 0; padding-bottom: 0; line-height: normal; border-bottom:0; font-style: italic; font-weight: 900; } .region-content .block-views > h2.block-title { font-size: 24px; } .region-content .block-title { font-weight: 700; } .sidebar-col .block-title, .sidebar-col h2 { font-weight: 900; } .sidebar-col .block-title:first-child { margin-top:0; } h1 small, h2 small, h3 small { display: block; font-weight:300; font-size: 14px; } .row > h2:first-child { padding-left: 15px; padding-right: 15px; } /* Global Icon Styles */ .fa:hover, [class*="icon-"]:hover, a:hover .fa { text-decoration: none !important; } /* Tables Styling */ table.table > thead > tr > th { background: #f2f2f2; } table.table a { /*color: #28af8e;*/ } table.table > thead > tr > th, table.table > thead > tr > th.views-field-title { font-weight: 700; font-size: 15px; line-height: 2; text-shadow: 0 1px 0 rgba(255,255,255,1); } table.table > tbody > tr > td.views-field-title { font-size: 14px; font-weight: 500; } /* Pagination */ .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #aaa; border-color: #999; } .pagination > li > a { color: #111; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { background-color: #4ec7aa; color: #fff; } /*** Site Wide Elements ***/ /* Well */ .well { background-image: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 70%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(70%,#ffffff)); background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#ffffff 70%); background-image: -o-linear-gradient(top, #f5f5f5 0%,#ffffff 70%); background-image: -ms-linear-gradient(top, #f5f5f5 0%,#ffffff 70%); background-image: linear-gradient(to bottom, #f5f5f5 0%,#ffffff 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); border-radius: 0; } /* Jumbotron */ .container .jumbotron { padding: 0; background: none; } /* @media screen and (min-width: 480px) { .container .jumbotron { padding: 15px; } } */ /* @media screen and (min-width: 768px) { .container .jumbotron { padding: 30px; } } */ @media screen and (min-width: 1200px) { .container .jumbotron { padding: 0 48px; } } /* Buttons */ .btn { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px rgba(255,255,255,.11); -moz-box-shadow: inset 0 1px rgba(255,255,255,.11); box-shadow: inset 0 1px rgba(255,255,255,.11); background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0)); background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0)); background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0)); background-image: linear-gradient(to bottom, rgba(255,255,255,.2), rgba(255,255,255,0)); -webkit-transition: all ease-out 200ms; -moz-transition: all ease-out 200ms; -o-transition: all ease-out 200ms; transition: all ease-out 200ms; } .btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn { /* background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0)); background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0)); background-image: -o-linear-gradient(bottom, rgba(255,255,255,.2), rgba(255,255,255,0)); background-image: linear-gradient(to top, rgba(255,255,255,.2), rgba(255,255,255,0)); */ } .btn-primary { background-color: #0a3854; border-color: #0a3854; color: #f7f7f7; } .btn-primary a { color: #f7f7f7; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background: #fff; color: #0a3854; border-color: #0a3854; } .btn-primary:hover a, .btn-primary:focus a, .btn-primary:active a, .btn-primary.active a, .open .dropdown-toggle.btn-primary a { color: #0a3854; } .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #ccc; border-color: #ddd; } .zaui-embed-button.override{ background-color: #0a3854 !important; border-color: #0a3854 !important; } .explore .btn { background-color: #4d2000; border-color: #4d2000; color: #fff; } .explore .btn:hover { background-color: #fff; color: #4D2000; } /* Button Icon */ .btn [class^="icon-"], .btn [class*=" icon-"] { margin-left: 5px; font-size: 1.5em; line-height: 16px; vertical-align: middle; } /*** BS Panels ***/ .panel .panel-thumbnail { padding: 0; } /*** Form Styles ***/ /* form { margin-top: 1em; } */ form .description { margin-top: 10px; padding: 10px; background-color: #d9edf7; color: #185e81; font-size: 12px; } /* Bootstrap/General form Fixes */ .webform-component-fieldset .panel-body > .form-item + .form-item { margin-top: 10px; } .webform-component-fieldset fieldset { margin-top:1em; } .webform-component-fieldset fieldset:last-child { margin-bottom: 0; } @media (min-width: 769px) { .webform-component > .form-control, .webform-container-inline .form-control, .webform-layout-box.vert .form-control, .webform-layout-box.horiz .form-control { width: auto; } } .webform-container-inline .form-control { display: inline-block; } .webform-layout-box.horiz > * + * { margin-left: 30px; } /* Form - Webform Layout Module CSS "fixes" */ .webform-layout-box.equal, .webform-layout-box.horiz { word-spacing: 0; font-size: 0; clear: both; } .webform-layout-box.horiz > *, .webform-layout-box.equal > * { font-size:14px; } .webform-layout-box.equal { margin-left:-10px; margin-right: -10px; } .webform-layout-box.equal > .form-item { padding:10px; } .webform-layout-box.horiz > .form-item, .webform-layout-box.vert > .form-item { padding-top:10px; } .webform-layout-box.vert > .form-item + .form-tem { padding-left: 10px; } /* force webform-layout box columns to work responsively */ @media (max-width: 768px) { .webform-layout-box.equal .form-item { width: 100%; } } /* Form Feedback Styles */ form div.error label { padding-top: 5px; padding-left: 5px; } /* Chosen Plugin with Bootstrap theme display issue fix */ .chosen-container-single.form-control { height: auto; padding: 0; font-size: inherit; line-height: inherit; background-color: inherit; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } select.form-control + .chosen-container.chosen-container-single .chosen-single { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; background-image:none; } select.form-control + .chosen-container.chosen-container-single .chosen-single div { top:4px; color:#000; } select.form-control + .chosen-container .chosen-drop { background-color: #FFF; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; margin: 2px 0 0; } select.form-control + .chosen-container .chosen-search input[type=text] { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; background-image:none; } select.form-control + .chosen-container .chosen-results { margin: 2px 0 0; padding: 5px 0; font-size: 14px; list-style: none; background-color: #fff; margin-bottom: 5px; } select.form-control + .chosen-container .chosen-results li , select.form-control + .chosen-container .chosen-results li.active-result { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap; background-image:none; } select.form-control + .chosen-container .chosen-results li:hover, select.form-control + .chosen-container .chosen-results li.active-result:hover, select.form-control + .chosen-container .chosen-results li.highlighted { color: #FFF; text-decoration: none; background-color: #428BCA; background-color: #0a3854; background-image:none; } select.form-control + .chosen-container-multi .chosen-choices { display: block; width: 100%; min-height: 34px; padding: 6px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; background-image:none; } select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:auto; padding:5px 0; } select.form-control + .chosen-container-multi .chosen-choices li.search-choice { background-image: none; padding: 3px 24px 3px 5px; margin: 0 6px 0 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #ccc; border-radius: 4px; color: #333; background-color: #FFF; border-color: #CCC; } select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top:8px; right:6px; } select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices, select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single, select.form-control + .chosen-container .chosen-search input[type=text]:focus{ border-color: #66AFE9; border-color: #399F74; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 4px rgba(57, 159, 116, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 4px rgba(57, 159, 116, 0.6); } select.form-control + .chosen-container-multi .chosen-results li.result-selected{ display: list-item; color: #ccc; cursor: default; background-color: white; } /*** Media Object ***/ img.media-object { max-width: none; } /*** Alert ***/ .alert:first-child { margin-top: 20px; } /*** Breadcrumb ***/ .breadcrumb-wrap { margin-bottom: 20px; background-color: #f5f5f5; background-color: rgba(0,0,0,0.05); } .breadcrumb-wrap .breadcrumb { padding-left: 0; padding-right: 0; margin-bottom: 0; border-radius: 0; background-color: transparent; } .breadcrumb a { text-transform: capitalize; } /*** Module Styles ============================ - Suplimentry and/or Override styles for drupal modules */ /*** Slick Carousel ***/ .slick-arrow::before { color: #033822; text-shadow: 0 0 6px rgba(255,255,255,1); } .media-icon--lightbox{ } .media-icon--lightbox::before, .media-icon--lightbox::after { background: transparent; border-radius: 0; height: auto; /*left: auto;*/ margin: 0; /*top: 0;*/ width: auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .media-icon--lightbox { height: auto; left: 50%; margin: 0; width: auto; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s linear; transition: visibility 0s linear 0.5s, opacity 0.5s linear; } .media-icon--lightbox { display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 4em; z-index: 22; } .media-icon--lightbox::before { content: "\e015"; } /*** Common Group Styles ============================= - Commonly used classes used across the site for consistant styling */ /*** Block Headers ***/ .block-header { position: relative; padding: 18px 18px 18px 50px; margin-bottom: 10px; border-top: 4px solid #333; background-color: #f7f7f7; } .block-header h1 { margin:0; font-size: 24px; font-weight: 900; font-style: italic; letter-spacing: -0.01em; color: #2b2b2b; } .block-header h1 small { color: #2b2b2b; } .block-header .fa { position: absolute; left: 20px; top: 20px; display: inline-block; width: 32px; height: 32px; font-size: 32px; color: #2b2b2b; } .block-header a.btn { width: 90px; margin-top: 10px; text-transform: uppercase; } /* Block Headers Category Skins */ .block-header.explore { border-color: #4d2000; } .block-header.accommodations { border-color: #46004d; } /* Block Header Responsive Styles */ @media (min-width: 600px) { .block-header { padding-right: 150px; } .block-header a.btn { position: absolute; top: 10px; right: 30px; } } /*** Group Lead ***/ .group-lead { margin-bottom: 25px; } .group-lead h2 a:hover, .group-lead h3 a:hover { text-decoration: none; } /* Group Block/Item */ .group-lead .block-title, .group-lead .item-title { font-family: 'Roboto'; font-style: italic; color: #333; } /* Group Block Title */ .group-lead .block-title, .view-aa-accommodations-view > .view-header > h2 { margin-bottom: 15px; font-size: 24px; } .view-aa-accommodations-view .view-home-page-accomodations { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #e3e3e3; } /* Group Item Image */ .group-lead .item-img, .view-aa-accommodations-view .view-home-page-accomodations .views-field-field-business-image { border-bottom: 6px solid transparent; } /* Group Item Title */ .group-lead .item-title, .view-aa-accommodations-view .view-home-page-accomodations .views-field-title { margin-bottom: 5px; font-size: 18px; font-weight: bold; } .group-lead .item-title a, .view-aa-accommodations-view .view-home-page-accomodations .views-field-title a { color: #333; } /* Group Item Date */ .group-lead .item-date { margin-top:10px; font-size: 14px; font-style: italic; color: #747474; } .group-lead .item-date a { color: #747474; } /* Styled Icon - Circle */ .group-lead .item-date .fa { display: inline-block; width: 25px; height: 25px; margin-right: 8px; line-height: 25px; text-align: center; background: #aaa; color: #fefefe; font-size: 14px; font-weight: normal; -webkit-border-radius: 15px; border-radius: 15px; } /* Group Paragraph Text */ .group-lead p, .view-aa-accommodations-view .view-home-page-accomodations .views-field-body p { font-size: 12px; } /* Group Lead Listings */ .group-lead-list > h3 { margin-top: 0; font-size: 20px; font-weight: bold; font-style: italic; } .group-lead-list .views-row { position: relative; padding: 5px 10px 5px 0; } .group-lead-list .views-row::after { content: "\f054"; position: absolute; right: 0px; top: 50%; margin-top:-0.5em; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; vertical-align: middle; } /* Exceptions for Accommodations List */ .accommodations .group-lead-list .views-row { padding-right: 0; } .accommodations .group-lead-list .views-row::after { top: 8px; margin-top:0; } .group-lead-list .views-row + .views-row { border-top: 1px solid #e3e3e3; } .group-lead-list .event-date, .group-lead-list .accommodations-address { font-family: Arial, sans-serif; font-weight: 900; color: #666; font-size: 11px; } .group-lead-list .event-title, .group-lead-list .accommodations-title { font-size: 14px; font-weight: bold; font-style: italic; color: #333; } .group-lead-list .views-field-title a { color: #333; } /** Group Lead Responsive Style **/ /* Space out Columns when stacked on smaller devices */ @media (max-width: 991px) { .group-lead .col-md-4 + .col-md-4 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e3e3e3; } } /*** Group Lead Category Skin ***/ /* Things To do */ .group-lead.things-to-do .item-date .fa { background: #8a000b; } .group-lead.things-to-do .item-img { border-bottom-color: #8a000b; } /* Accommodations */ .group-lead.accommodations .item-title, .view-aa-accommodations-view .view-home-page-accomodations .views-field-title { font-weight: 500; font-style: normal; } .group-lead.accommodations .item-date .fa { background: #46004d; } .group-lead.accommodations .item-img, .view-aa-accommodations-view .view-home-page-accomodations .views-field-field-business-image { border-bottom-color: #46004d; } /* More Link - Block style full width "more" link with top border */ .more-link { margin:0; padding: 10px 0; border-top: 1px solid #e3e3e3; text-align: right; } .more-link a { color: #333; font-weight: 900; font-style: italic; } .more-link a::after { content: "\f054"; margin-left: 5px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; vertical-align: middle; } /* Check in Canada Widget - Overwites */ #checkin_widget { background-color: #fff; } #checkin_widget, #checkin_widget #checkin_start_date, #checkin_end_date, #checkin_property_region, #checkin_start_date_visible, #checkin_end_date_visible, #checkin_property_region_visible { font-family: 'Roboto', Helvetica, sans-serif; } #checkin_widget #checkin_start_date, #checkin_end_date, #checkin_property_region, #checkin_start_date_visible, #checkin_end_date_visible, #checkin_property_region_visible { height: 34px; background-color: #eee; } #checkin_widget .check-in-region img { margin-top: 0; } /*** Visitors Guide - Sidebar Specific ***/ #visitor-guide .visitor-guide-cover { } .region-sidebar-first #visitor-guide .visitor-guide-cover { float:left; margin-left: -5px; margin-bottom: 12px; } .region-sidebar-second #visitor-guide .visitor-guide-cover { float:right; margin-top: -12px; } #visitor-guide p { font-weight: 300; } /** Interactive Map */ #interactive-map h2 a { color: #333; } #interactive-map h2 a:hover { text-decoration: none; } /** Sidebar Leads **/ .sidebar-lead .dl-link { position: relative; display: block; margin-top: 8px; padding: 5px 0; font-weight: 900; text-transform: uppercase; font-size: 15px; } .sidebar-lead .dl-link::before { content: ""; position: absolute; top: 0; left: 0; right: 0; display: block; border-top: 1px solid #e3e3e3; height: 0; max-width: 20%; } .sidebar-lead .dl-link:hover { text-decoration: none; } .sidebar-lead .dl-link .fa { display: inline-block; padding: 0 4px; color: #333; } .sidebar-lead .dl-link:hover .fa { color: inherit; } /* Spacing for Content Column .block-views, .views */ .region-content > section.block:not(.block-system) + section.block { margin-top: 30px; } .view + .view, .view + .row, .row + .row{ /* margin-top: 15px; */ } /*** Simple Ads ***/ .adslist .image-ad { line-height: 1; } /*** Master Header - #masthead =============================== - Top Nav Bar - Site Navigation */ @media (min-width: 768px) { body.front #masthead { position: absolute; width: 100%; } } /*** Top Navigation Bar - #top-nav =============================== - Search - gTranslate - member log(in/out) - menu */ #top-bar { /*padding:5px 0;*/ position: relative; padding-top: 10px; padding-bottom: 15px; background: transparent; font-size:12px; z-index:999; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0,0.75); } #top-bar a { color: #fff; font-weight: 500; font-family: 'Roboto', sans-serif; } /* Goolge Translate */ #top-bar .goog-te-gadget-simple { border: 0 !important; background: transparent !important; line-height: 19px; } .goog-te-menu-value span { color: #fff !important; border-color: #fff !important; } #top-bar .block-gtranslate { float:right; padding-right:10px; } #top-bar .block-gtranslate a { font-size: 10px; } #top-bar .block-gtranslate a:hover { text-decoration: none; } #top-bar #block-block-29 { float: right; margin-left: 15px; } /* Site Menu */ #top-bar .block-megamenu { float: right; } #top-bar .megamenu-menu { background:transparent;} /* Site Search */ #top-bar .block-search { float:right; width:10em; } #top-bar .form-search { } #top-bar .form-search .form-control, #top-bar .form-search .input-group-btn, #top-bar .form-search .btn { /* background: none; */ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-color: #cfcfcf !important; /* dark border */ color: #333; } #top-bar .form-search .btn { color: #fff; } #top-bar .form-search ::-webkit-input-placeholder { color:#666; } #top-bar .form-search :-moz-placeholder { color:#666; } #top-bar .form-search ::-moz-placeholder { color:#666; } #top-bar .form-search :-ms-input-placeholder { color:#666; } /* Top Nav | Search */ #top-bar .form-search .input-group .form-control, #top-bar .form-search .input-group .btn { height: 22px; padding: 1px 6px; font-size: 12px; } #top-bar .form-search .btn { padding: 1px 12px; } /* Top Navigation Bar | megamenu */ #block-megamenu-main-menu { margin-right: 10px; } #top-bar #megamenu-main-menu li + li:before{ content: "|"; color: #fff; line-height: 22px; padding: 0 3px 0 1px; } #top-bar .megamenu-menu, #top-bar .megamenu-skin-friendly .megamenu-parent, #top-bar .megamenu-skin-friendly .megamenu-parent-title { line-height: 22px; } /* Login Link Style */ #top-bar .block-block:first-child { float:left; } #top-bar #user-info { line-height: 25px; margin-right: 10px; } /*** Home Page Slideshow - #navbar =============================== - Logo - Site Navigation */ #slideshow { } #rev_slider_wrapper .tp-bullets { display:none; } #rev_slider_wrapper, .fullscreen-container { width:100%; padding: 0; } #rev_slider_wrapper .defaultimg { background-size: 100% auto; } #slideshow .forcefullwidth_wrapper_tp_banner { padding-top: 40%; height: 0 !important; } .tp-banner > ul { list-style: none; margin: 0; padding: 0; display: none; } .tp-banner > ul, .tp-banner > ul > li { overflow: visible !important; } .tp-banner > ul > li { height: 1060px !important; } .tp-banner .slotholder {} /* Force Captions to Center when right aligned */ .tp-banner .align-right { width: 100%; max-width: 1170px; text-align: right; } @media (max-width: 1200px) { .tp-banner .tp-caption { left: 0 !important; right: 0 !important; margin: 0 auto !important; } } @media (min-width: 768px) { .tp-banner .tp-caption { max-width: 750px !important; } } @media (min-width: 992px) { .tp-banner .tp-caption { max-width: 970px !important; } } @media (max-width: 767px) { #rev_slider_wrapper, .fullscreen-container { padding:15px; } } /*** Site Body - #main-body =============================== - Logo - Site Navigation */ #main-body { position: relative; padding: 15px 15px 30px; border-top: 8px solid #0a3854; background-color: #fcfcfc; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.22); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.22); box-shadow: 0 5px 40px rgba(0,0,0,.22); z-index: 200; } .not-front #main-body { padding-top: 30px; } /* Give Main container more padding */ #main-body > .row { margin-left:0; margin-right:0; } /*** Site Navigation, Logo - #navbar =============================== - Logo - Site Navigation */ #navbar-spacer { min-height: 72px; } @media (max-width:991px) { #navbar-spacer { padding-left: 0; padding-right: 0; } } /* Push Content Body down on content pages */ .not-front #navbar-spacer { margin-bottom: 95px; } /* Logo */ #navbar .logo { max-width: 217px; /*width: 168px; height: 50px;*/ /*text-indent: -99999px; background: url('img/fortmactourismlogo.png') top left no-repeat;*/ } /*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #navbar .logo { background-image: url('img/fortmactourismlogo-2x.png'); background-size: 168px auto; } }*/ #navbar > .navbar { max-width: 1170px; padding: 0 25px; min-height: 72px; margin-bottom:0; margin-top: 0; border: 0; /* -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.35), inset 0 0 1px #fff; -moz-box-shadow: 0 2px 2px rgba(0,0,0,.35), inset 0 0 1px #fff; box-shadow: 0 2px 2px rgba(0,0,0,.35), inset 0 0 1px #fff; */ -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.35); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.35); box-shadow: 0 2px 2px rgba(0,0,0,.35); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 2%, rgba(255,255,255,0.99) 3%, rgba(255,255,255,0.48) 97%, rgba(255,255,255,0.32) 98%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(2%,rgba(255,255,255,1)), color-stop(3%,rgba(255,255,255,0.99)), color-stop(97%,rgba(255,255,255,0.48)), color-stop(98%,rgba(255,255,255,0.32)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,0.99) 3%,rgba(255,255,255,0.48) 97%,rgba(255,255,255,0.32) 98%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,0.99) 3%,rgba(255,255,255,0.48) 97%,rgba(255,255,255,0.32) 98%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 2%,rgba(255,255,255,0.99) 3%,rgba(255,255,255,0.48) 97%,rgba(255,255,255,0.32) 98%,rgba(255,255,255,0) 100%); background-color: #ccc; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .navbar .logo { margin-left: -25px; } #navbar.affix { position:fixed; width:100%; z-index: 1599; top:0; left:0; } /*.logged-in #navbar.affix { top:28px; }*/ #navbar > div > .navbar-header { position: relative; z-index:100; margin: 11px 0 0; margin: 0; } .container > .navbar-collapse { z-index: 999; } /* Megamenu */ /* Icon Class Fixes */ .tb-megamenu [class^="icon-"], .tb-megamenu [class*=" icon-"] { width: auto; height: auto; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: no-repeat; margin-top: 0; } /* Megamenu Styling */ .tb-megamenu { background: none; font-family: 'Roboto', sans-serif; } .tb-megamenu img { max-width: 100%; height: auto; } .tb-megamenu .tb-megamenu-column a.hero-link { padding: 8px 10px 10px; background: #8a000b; color: #fff !important; border: 1px solid #8a000b; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border-width: 1px 1px 3px; } .tb-megamenu .tb-megamenu-column a.hero-link:hover { color: #8a000b !important; background: #fff; } /*** Parent Nav Links/Tiggers ***/ .tb-megamenu .nav > li > a { border-right: 0; padding: 26px 0 20px; border-bottom:6px solid transparent; text-transform: uppercase; font-weight: 600; color: #333; text-align: left; -webkit-transition: color 200ms; -moz-transition: color 200ms; -o-transition: color 200ms; transition: color 200ms; } .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title { border-top: 0; padding-left: 0; } .tb-megamenu .mega-custom-title > a { font-weight: bold !important; text-transform: uppercase; padding-left: 0 !important; margin-left:0 !important; } .tb-megamenu .dropdown-menu li > a, .tb-megamenu .dropdown-menu li > a, .tb-megamenu .dropdown-submenu > a { background: #fff; } /* Highlight Active Parent and Dropdown Link Items */ .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover { background:none; /* color: #0F593A; */ color: #000; font-weight: 900; } /* Parent Hover / Active Styles */ .tb-megamenu .nav > li.dropdown.open > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.open > a, .tb-megamenu .nav > li.open > a:hover { color: #fff; background: none; /* border-color: transparent; */ } .tb-megamenu .nav > li.dropdown.open > a:hover { border-color: transparent; } .tb-megamenu .nav > li > a:hover, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > .active > a:hover { background:none; } .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret { border-top-color: #000; border-bottom-color: #000; } /* Dropdown Link Hover Styles */ .tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a { color: #0F593A; /* dark */ border-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } /*** Nav Skin ***/ /* Generic Hover Effect for none themed Nav Items */ .tb-megamenu .nav > li.dropdown.open, .tb-megamenu .nav > li.dropdown.open.active { background:#0F593A; } /*.tb-megamenu .nav > li.active > a:hover, .tb-megamenu .nav > li > a:hover,*/ .tb-megamenu .nav > li.open > a, .tb-megamenu .nav > li .mega-dropdown-menu { border-color: #0F593A; color: #000; } .tb-megamenu .nav > li > a:hover { color: #000; } /* BG color Style by content category */ .tb-megamenu .nav > li.open.accommodations, .tb-megamenu .nav > li.open.active.accommodations { background: #46004d; } .tb-megamenu .nav > li.open.things-to-do, .tb-megamenu .nav > li.open.active.things-to-do { background: #8a000b; } .tb-megamenu .nav > li.open.explore, .tb-megamenu .nav > li.open.active.explore { background: #4d2000; } .tb-megamenu .nav > li.open.visitor-info, .tb-megamenu .nav > li.open.active.visitor-info { background: #002d4d; } .tb-megamenu .nav > li.open.resident-info, .tb-megamenu .nav > li.open.active.resident-info { background: #2d4d00; } .tb-megamenu .nav > li.open.sport-tourism, .tb-megamenu .nav > li.open.active.sport-tourism { background: #055332; } /* Gold Star Program Pages Skin */ .page-gold-star-program .tb-megamenu .nav > li.dropdown.open, .page-gold-star-program .tb-megamenu .nav > li.dropdown.open.active { background: #200000; } .page-gold-star-program .tb-megamenu .nav > li.open > a, .page-gold-star-program .tb-megamenu .nav > li .mega-dropdown-menu { border-color: #200000; color: #000; } .page-gold-star-program .tb-megamenu .nav > li > a:hover { color: #000; } /* .page-gold-star-program .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .page-gold-star-program .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .page-gold-star-program .tb-megamenu .nav > li.dropdown.open.active > a:hover { border-color: #200000; } */ /*** Navigation - Target only Large Devices ***/ @media (min-width: 980px) { /** Drop-down Skin **/ /* Border color Style by content category */ /* Accommodations */ .tb-megamenu .nav > li.accommodations > a, .tb-megamenu .nav > li.accommodations.active > a.dropdown-toggle, .tb-megamenu .nav > li.accommodations.active > a, .tb-megamenu .nav > li.accommodations .mega-dropdown-menu { border-color: #46004d; } /* Things To Do */ .tb-megamenu .nav > li.things-to-do > a, .tb-megamenu .nav > li.things-to-do.active > a.dropdown-toggle, .tb-megamenu .nav > li.things-to-do.active > a, .tb-megamenu .nav > li.things-to-do .mega-dropdown-menu { border-color: #8a000b; } /* Explore */ .tb-megamenu .nav > li.explore > a, .tb-megamenu .nav > li.explore.active > a.dropdown-toggle, .tb-megamenu .nav > li.explore.active > a, .tb-megamenu .nav > li.explore .mega-dropdown-menu { border-color: #4d2000; } /* Visitor Info */ .tb-megamenu .nav > li.visitor-info > a, .tb-megamenu .nav > li.visitor-info > a.dropdown-toggle, .tb-megamenu .nav > li.visitor-info > a, .tb-megamenu .nav > li.visitor-info .mega-dropdown-menu { border-color: #002d4d; } /* Resident Info */ .tb-megamenu .nav > li.resident-info > a, .tb-megamenu .nav > li.resident-info > a.dropdown-toggle, .tb-megamenu .nav > li.resident-info > a, .tb-megamenu .nav > li.resident-info .mega-dropdown-menu { border-color: #2d4d00; } /* Sport Tourism */ .tb-megamenu .nav > li.sport-tourism > a, .tb-megamenu .nav > li.sport-tourism > a.dropdown-toggle, .tb-megamenu .nav > li.sport-tourism > a, .tb-megamenu .nav > li.sport-tourism .mega-dropdown-menu { border-color: #055332; } /* Only Animate bgcolor on Large Devices */ .tb-megamenu .nav > li { -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; -o-transition: background-color 200ms; transition: background-color 200ms; } .tb-megamenu .nav > li { float: none; display:inline-block; margin-left: 0; } .tb-megamenu-nav { text-align:right; } .tb-megamenu li { text-align: left; } .tb-megamenu .nav > li { padding:0 5px; } /* Highlight Active Submenu Link Items */ .tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover { background: none; color: #0F593A; /* dark */ font-weight: bold; } /* highligh gold star program sub menu link */ .page-gold-star-program .tb-megamenu .dropdown-menu .active > a, .page-gold-star-program .tb-megamenu .dropdown-menu .active > a:hover { color: #200000; } .tb-megamenu .nav > li.dropdown.open > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.open > a, .tb-megamenu .nav > li > a:hover { border-color: transparent; } /* Dropdown Container Styles */ .tb-megamenu .dropdown-menu { z-index: 1001; } .tb-megamenu .mega-dropdown-menu { background: #fff; border: 1px solid transparent; /* dark */ border-width:6px 0 0; margin-top: -6px; } .tb-megamenu .tb-megamenu-item.level-1 > .mega-dropdown-menu > .mega-dropdown-inner { padding: 0 20px; } /* Mega Menu Full Width Dropdowns */ .tb-megamenu .nav li.dropdown.open.active.mega-align-justify > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.mega-align-justify > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active.mega-align-justify > a:hover {} .tb-megamenu .mega-align-justify > .dropdown-full { left: -25px; right: -25px; } .tb-megamenu .dropdown-full > .mega-dropdown-inner > div > .tb-megamenu-column { padding-top: 20px; padding-bottom: 20px; } .tb-megamenu-column .row { margin:0; } /* Custom Menu Styles - Mega Stylzzzzzzzz */ .tb-megamenu .tb-megamenu-column h2 { margin: 5px; font-size: 16px; } /* get rid of padding on "view" content brought in via blocks and other children elements */ .tb-megamenu .tb-megamenu-column .views-column { padding: 0; } .tb-megamenu .mega-group-ct .tb-megamenu-column .mega-inner { padding-left: 0; } .tb-megamenu .tb-megamenu-column a:not(.btn) { padding: 5px 0; } .tb-megamenu .dropdown-menu a:not(.btn) { white-space: normal; } .tb-megamenu .tb-megamenu-column.tb-column-white { background: #fff; } .tb-megamenu .tb-megamenu-column.tb-column-divider { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; } .tb-megamenu .tb-megamenu-column.tb-column-divider-left { position: relative; left: -15px; padding-left: 15px; border-left: 1px solid #e3e3e3; } /* Upcoming Events Mega Menu Styles */ .tb-megamenu-column .view-upcoming-events .views-column + .views-column { border-top: 1px solid #eaeaea; margin-top: 10px; padding-top: 10px; float: left; } .tb-megamenu-column .view-upcoming-events .view-header h2 { margin: 10px 0; } .tb-megamenu-column .view-upcoming-events .view-header h2:first-child { margin-top:0; } .tb-megamenu-column .view-upcoming-featured-events .views-field-title { margin-left: 110px; } .tb-megamenu-column .view-upcoming-events .views-field-title a { display: inline-block; margin: 5px 0; padding: 0; font-weight: bold; } .tb-megamenu-column .simple-event-list .view-upcoming-events .views-row { padding: 4px 0; } .tb-megamenu-column .simple-event-list .view-upcoming-events .views-row + .views-row { border-top: 1px solid #eaeaea; } .tb-megamenu-column .simple-event-list .view-upcoming-events .views-field-title a { margin: 0; padding: 0; } .tb-megamenu-column .view-upcoming-events .block-simpleads { margin-top: 15px; border-top: 1px solid #eaeaea; padding-top: 10px; } /* Mega Menu Custom icons Elements */ /* Mega Menu Calendar of Events Block */ #tb-megamenu-event-block { font-weight: 900; /* font-style: italic; */ } #tb-megamenu-event-block a::before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5em; } #tb-megamenu-event-block a:hover { text-decoration: none; color: #111; } /* Featured User Stories */ .tb-megamenu .tb-block .view-featured-user-stories { } .tb-megamenu .tb-block .block-title { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #e3e3e3; } /* Featured Features/Featured User Stories Mega Menu Styles */ .tb-megamenu .tb-block .view-menu-featured-features .views-column, .tb-megamenu .tb-block .view-featured-user-stories .views-column { padding-left:0; padding-right:0; } .tb-megamenu .tb-block .view-menu-featured-features .views-column:before, .tb-megamenu .tb-block .view-menu-featured-features .views-column:after, .tb-megamenu .tb-block .view-featured-user-stories .views-column:before, .tb-megamenu .tb-block .view-featured-user-stories .views-column:after { display: table; content: ""; line-height: 0; } .tb-megamenu .tb-block .view-menu-featured-features .views-column + .views-column, .tb-megamenu .tb-block .view-featured-user-stories .views-column + .views-column { border-top: 1px solid #eaeaea; margin-top: 10px; padding-top: 10px; clear: both; } .tb-megamenu .tb-block .view-menu-featured-features a, .tb-megamenu .tb-block .view-featured-user-stories a { padding: 0; display: inline; } .tb-megamenu .tb-block .view-menu-featured-features .views-field-body, .tb-megamenu .tb-block .view-featured-user-stories .views-field-body { font-size: 11px; } .tb-megamenu .tb-block .view-menu-featured-features .views-field-field-feature-main-image, .tb-megamenu .tb-block .view-featured-user-stories .views-field-field-story-image { float:left; margin: 5px 14px 6px 0; } .tb-megamenu .tb-block .view-featured-user-stories .views-field-field-story-image img { width:100px; height: auto; } }/*end large device @media query */ /* Responsive Styles: Mega Menu */ .navbar-collapse { max-height: 340px; } @media (min-width: 768px) { .navbar-collapse.collapse { overflow: auto !important; display: none !important; } .navbar-collapse.in { display: block !important; } } @media (min-width: 992px) { .navbar-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; } /*.navbar-collapse.in { display: block !important; }*/ } .tb-megamenu .nav-collapse.collapse, .tb-megamenu .nav-collapse.always-show { height: auto !important; } /* Large Devices */ @media (min-width: 980px) { .tb-megamenu .nav > li + li { margin-left: 25px; } .tb-megamenu > .nav-collapse.collapse, .container > .navbar-collapse { height: auto !important; overflow:visible !important; display: block; } } @media (max-width: 767px) { #top-bar { background: #0a3854; text-align: center; } #top-bar .block { float: none !important; display: inline-block; vertical-align: top; } .not-front #navbar-spacer { margin-bottom: 0; } } .navbar-collapse { float:none; padding:0; text-align:left; } @media (max-width: 980px) { #navbar > .navbar { padding-bottom: 10px; } .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu { background: #fff; } .tb-megamenu .row { margin-right: -15px; margin-left: -15px; } #navbar > .navbar > .navbar-header { float: none; } #navbar > .navbar > .navbar-header > .navbar-toggle { display: block; } .tb-megamenu .btn-navbar { display: none; } .navbar-collapse.in .nav-collapse.collapse { display: block; } .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title { padding-left: 20px !important; } .tb-megamenu .mega-custom-title > a { margin-top: -10px !important; padding: 10px 0 20px 20px !important; } /* Fixes mega menu not appearing with Bootstrap 3 */ .tb-megamenu .nav-collapse { position: relative; top:0; } .tb-megamenu .nav > li { display:block; } .tb-megamenu .mega-inner { padding: 10px 0 !important; } .tb-megamenu .nav-collapse .dropdown-menu a { border-top-color: #aaa; } .tb-megamenu .nav-collapse .dropdown-menu .field-content > a { padding: 0; /*float: none; width: auto;*/ border-top: none; white-space: normal; } .tb-megamenu .dropdown-menu > li > a:hover, .tb-megamenu .dropdown-menu > li > a:focus, .tb-megamenu .dropdown-submenu:hover > a { border-top-color: #666; } .tb-megamenu .nav li.dropdown > .dropdown-toggle, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle { border-bottom-color: #d9d9d9; border-top-color: #aaa; } .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.active.open > .dropdown-toggle { background: none; /*background-color: transparent;*/ } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a, .tb-megamenu .tb-block .block-title { color: #333; } .tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus { color: #0F593A; background-color: #fff; } .tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus { background-color: #f2f2f2; } .tb-megamenu .dropdown-menu li > a, .tb-megamenu .dropdown-menu li > a, .tb-megamenu .dropdown-submenu > a { background: transparent; } /* disable "hover" effects on mobile */ .tb-megamenu .nav li.dropdown.open > .dropdown-toggle { background: #f2f2f2; color: #333; } .tb-megamenu .dropdown-full > .mega-dropdown-inner > div > .tb-megamenu-column { padding-top: 0; padding-bottom: 0; } /** Upcoming Events Menu View **/ .tb-megamenu .block-inner { padding-left: 15px; padding-right: 15px; } } /* @media */ /** Adjust DEsktop Alignment after logo changfeand other site updates **/ @supports (display: -webkit-flex) or (display: -moz-flex) or (display: flex) { @media (min-width: 980px) { #navbar > .navbar { display: flex; width: 100%; justify-content: space-between; align-items: center; } #navbar > .navbar::before, #navbar > .navbar::after { display: none !important; } .navbar-collapse { width: 100%; } .tb-megamenu .nav > li { padding: 0 12px; } .tb-megamenu .nav > li + li { margin-left: 0; border-left: 1px solid #e6e6e6; /* padding-left: 12px; */ } } @media (max-width: 980px) { #navbar > .navbar > .navbar-header { display: flex; width: 100%; justify-content: space-between; align-items: center; } #navbar > .navbar > .navbar-header::before, #navbar > .navbar > .navbar-header::after { display: none !important; } } } /* Carousel Owl Plugin */ .owl-carousel .owl-wrapper-outer { /* border-right: 1px solid #eee; */ } .owl-carousel .owl-item { /* padding: 10px; */ /* border: 1px solid #eee; */ text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Slick Carousel Plugin */ .media--switch .media__image { position: relative; z-index: 22; } #block-views-similar-by-terms-photos-block { padding: 5px; } .view-similar-by-terms-photos .views-field-field-photo { text-align: center; background: #eee; padding: 5px; } .view-similar-by-terms-photos .views-field-title { margin: 5px 0; } .view-similar-by-terms-photos .views-field-title a { color: #333; } .view-similar-by-terms-photos .views-field-title a:hover { color: #0a3854; } .owl-carousel .owl-item + .owl-item { /* border-right: 1px solid #eee; */ } .owl-carousel .owl-item img { display: inline-block; } /*** Interactive Map Page ***/ #interactive-map-holder { position: relative; margin: -15px; border: 1px solid #e3e3e3; } #interactive-map-body { padding-left: 0; } #interactive-map-filter { position: absolute; top:0; right: 0; /* left: 55px; */ /* width: 25%; */ /* max-width: 220px; */ z-index: 499; } #interactive-map-filter .panel { margin:0; max-height: 100%; } @media (min-width: 768px) { #interactive-map-filter { top:15px; right: 15px; left:55px; } #interactive-map-filter .panel { max-width:25%; width: 220px; float:left; } /* #interactive-map-filter .panel { width: 50%; } */ } .listing-category-label { display: block; } .listing-category-label input[type="radio"], .listing-category-label input[type="checkbox"] { margin: 0px 4px 0 0; position: relative; top: -1px; } /* Leaflet Map Styles */ .leaflet-top, .leaflet-bottom { z-index: 499; /* was 1000 */ } #views-exposed-form-interactive-map-page-1 { margin:0; } #views-exposed-form-interactive-map-page-1 .views-widget-filter-field_cms_category_tid { padding: 0; float: none; } .page-interactive-map .views-widget-filter-field_cms_category_tid fieldset { background: transparent; } .page-interactive-map .views-widget-filter-field_cms_category_tid fieldset > .panel-body { padding: 15px 0 0; } .page-interactive-map .views-exposed-widget .form-control { display: inline-block; height: auto; padding: 0; background: none; border:0; -webkit-box-shadow: none; box-shadow: none; } /*** Admin Nav ***/ .nav-tabs .open>a, .nav-tabs .open>a:hover, .nav-tabs .open>a:focus { border-color: #4ec7aa; border-color: #ccc; border-bottom: 0; } /*** Side Bar(s) ***/ .sidebar-col h2 { font-size: 20px; font-style: italic; } .sidebar-col h2 .fa { float:left; display: inline-block; width: 1em; font-size: 1.8em; } /* sidebar Menu Blocks */ .sidebar-col .block-menu-block .block-title { } .sidebar-col .block-menu-block .block-title:before { content: "\f013"; padding: 6px; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 0.8em; } .sidebar-col .block-menu-block .nav > li { margin-left:-10px; margin-right:-10px; } .sidebar-col .block-menu-block .nav > li > a { padding: 5px 10px; } @media (max-width: 768px) { .sidebar-col .block-menu-block .nav > li { width: 50%; float: left; margin-left:0px; margin-right:0px; } } /*** Footer(s) ***/ #bottom { position: relative; margin-top:80px; margin-bottom:50px; padding-top: 20px; background-color: #fff; -webkit-box-shadow: 0 5px 40px rgba(0,0,0,.22); -moz-box-shadow: 0 5px 40px rgba(0,0,0,.22); box-shadow: 0 5px 40px rgba(0,0,0,.22); z-index:2; } #bottom .region-footer > .block > .row { margin-left:0; margin-right:0; } #bottom h4:first-child { font-size: 20px; } #bottom [class*="col-"] > a { display: block; padding: 5px; } #bottom [class*="col-"] > a + a { border-top: 1px solid #eaeaea; } #bottom .views-row + .views-row { border-top: 1px solid #ebebeb; } #bottom .views-row .views-field-title { } #bottom .views-row .views-field-title a { position: relative; display: block; margin-left: 1.2em; padding: 5px 0; font-weight: 300; color: #333; /*font-size: 16px;*/ } #bottom .views-row .views-field-title a:hover { color: #0a3854; text-decoration: none; } #bottom .views-row .views-field-title a::before { content: "\f054"; position: absolute; left: -1.2em; top: 0.75em; display: inline-block; padding-right:10px; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 12px; color: #0a3854; line-height: 1; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } /* Tourism Guide Lead - Footer */ #tourism-guide-footer { margin-bottom: 25px; border-bottom: 1px solid #e3e3e3; } #tourism-guide-footer > img:first-child { margin-top: -44px; margin-right: 20px; } #tourism-guide-footer h2 { display: inline-block; margin: 0 25px 0 0; max-width:380px; vertical-align: top; font-weight: 900; font-style: italic; font-size: 24px; } #tourism-guide-footer > .btn { margin-top: 15px; vertical-align: top; text-transform: uppercase; font-weight: 900; font-style: italic; text-shadow: 0 1px rgba(0,0,0,.2); } /* Twitter Timeline Container */ #twitter-widget-1 { border: 1px solid #e3e3e3 !important; padding-left: 10px; } #bottom .facebook_wall { border: 1px solid #e3e3e3 !important; } /* Copyright Bar */ #copyright { position: relative; margin-top:2em; padding: 35px 40px 35px 225px; min-height: 140px; background: #353535; /*url('/sites/default/files/rmwb-logo.png') center left no-repeat; /* had to remove this to add in clickable link image*/ background-color: #0a3854; color: #eee; color: rgba(255,255,255,0.7); font-size: 12px; } #to-top { position: absolute; top: 50%; right: 15px; margin-top: -15px; } #copyright p a { color: #eee; color: rgba(255,255,255,0.7); text-decoration: underline; } #copyright p a:hover { color: #fff; color: rgba(255,255,255,0.9); } /* Global Sidebar Views */ .sidebar-col .block-views + .block-views, .sidebar-col .block-views + .block-block, .sidebar-col .block-block + .block-views, .sidebar-col .block-block + .block-block , .sidebar-col .block + .block { margin-top:15px; } @media (min-width: 479px) and (max-width: 767px) { /* .sidebar-col > .region { margin-left: -15px; margin-right: -15px; } .sidebar-col > .region > .block { float: left; padding: 0 15px 15px; margin: 0; width: 50%; } */ } /* .sidebar-col .block-views .block-title { font-size: 26px; } */ .sidebar-col .views-row { padding: 10px 0; border-top: 1px solid #e7e7e7; } .sidebar-col .view-content .views-row::before, .sidebar-col .view-content .views-row::after { content: ""; display: table; height:0; clear: both; } .sidebar-col .views-row.views-row-first { padding-top:5px; border-top:0; } @media (max-width: 991px) { .sidebar-col .views-row { padding: 10px 0; } } .sidebar-col .views-row .views-field-title h4 { margin-top:0; /* font-weight: 300; */ } .sidebar-col .views-row .views-field-title a:after { } .sidebar-col .views-row .views-field-body p { font-size: 13px; } .sidebar-col .views-row-odd {} /* .sidebar-col .field-content a:first-child img { margin: 0.4em 0.5em 0 0; vertical-align: text-top; } */ /*** Paragraph Bundles ***/ /** CTA **/ .item-cta { display: flex; flex-wrap: wrap; align-content: space-between; align-items: center; } .cta-body, .cta-button {} .item-cta h3 { margin: 0; font-weight: 700; } .cta-button .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } @media (max-width: 767px) { .cta-button { margin-top: 15px; } } /** Video Hero **/ .section-header-hero-video { position: relative; height: 95vh; max-height: 1080px; padding-top: 70px; display: -ms-flexbox; display: flex; align-items: center; overflow: hidden; margin-left: -15px; margin-right: -15px; color: #fff; } .section-header-hero-video h1, .section-header-hero-video h2, .section-header-hero-video h3, .section-header-hero-video h4, .section-header-hero-video h5, .section-header-hero-video h6 { color: #fff; } .section-header-hero-video--bgvideo { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translate(-50%, -50%); } .section-header-hero-video .container { position: relative; /*height: 100%; padding-top: 70px; display: -ms-flexbox; display: flex; align-items: stretch;*/ z-index: 1; } .section-header-hero-video .col--inner { /*padding: 60px 0;*/ } .section-header-hero-video--title { text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,0.75); font-family: 'Roboto Condensed'; font-weight: 700; /* 'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif; */ } .section-header-hero-video--body p { font-family: 'Roboto Condensed'; margin-bottom: 15px; } .section-header-hero-video--body p:last-child { margin-bottom: 0; } .section-header-hero-video--cta { margin-top: 15px; } /* make buttons stacked block elements * add vertical spacing */ @media (max-width: 767px) { .section-header-hero-video--bgvideo { max-height: 100%; } .section-header-hero-video--cta .btn { display: block; } .section-header-hero-video--cta .btn + .btn { margin-top: 10px; } } @media (min-width: 768px) { .section-header-hero-video { min-height: 720px; padding-top: 134px; /*height: 90vh; max-height: 1080px; display: -ms-flexbox; display: flex; align-items: center;*/ /*-ms-flex-direction: column; flex-direction: column;*/ } .section-header-hero-video > .container { /*padding-top: 134px;*/ /*margin-top: auto;*/ } .section-header-hero-video .col--inner { margin-bottom: 40px; /*padding: 120px 0;*/ } .section-header-hero-video--title { font-size: 66px; } .section-header-hero-video--body p { font-size: 44px; } .section-header-hero-video--cta .btn { margin-left: 15px; margin-right: 15px; } } /* Page Specific Styles =============================== - All page specific styles go here */ /*** Things To Do Landing Page ---------------------------------------- */ #things-to-do .column-header { margin-bottom: 0; padding: 0 15px; background: #fff; font-size: 20px; font-weight: 700; font-style: italic; line-height: 1.1; } #things-to-do .column-header.divider { padding: 15px; border-bottom: 4px solid #dddddd; } /* Shared Column Styles */ /* On large devices adjust gutters/padding */ @media (min-width: 992px) { #things-to-do .col-md-3 { padding-right:0; } #things-to-do .col-md-3.last { padding-right: 15px; } } #things-to-do .views-row { clear: both; padding: 15px 0; } #things-to-do .views-row:first-child { padding-top: 0; } #things-to-do .views-row::after, #things-to-do .views-row::before { content: ""; display: table; height: 0; clear: both; } #things-to-do .views-row + .views-row, .tb-megamenu-column .view-northern-activities .views-row + .views-row { border-top: 1px solid #f3f3f3; } #things-to-do .views-field-title, #things-to-do .views-field-title h2 { line-height: 1.1; font-weight: 700; font-style: italic; color: #333; font-family: 'Roboto'; font-size: 16px; } #things-to-do .views-field-title h2 { margin-top:0; } #things-to-do .views-field-title a { display: block; color: #333; } /* Column Content Containers - Solid BG */ #things-to-do .column-container { background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.15); box-shadow: 0 1px 3px rgba(0,0,0,.15); } /* Northern Activities Column */ #things-to-do .view-northern-activities .views-row, .tb-megamenu-column .view-northern-activities .views-row { padding: 0 0; font-size: 0; } #things-to-do .view-northern-activities .views-row-last, .tb-megamenu-column .view-northern-activities .views-row-last { border-bottom: 1px solid #f3f3f3; } .view-northern-activities > .view-content { padding-top:1px; } #things-to-do .view-northern-activities .views-field-field-feature-main-image, .tb-megamenu-column .view-northern-activities .views-field-field-feature-main-image { display: inline-block; padding: 0; margin-left: 1px; width: 66px; height: 66px; overflow: hidden; vertical-align: middle; } .tb-megamenu-column .view-northern-activities .views-field-field-feature-main-image { width: 50px; height: 50px; } #things-to-do .view-northern-activities .views-field-field-feature-main-image img, .tb-megamenu-column .view-northern-activities .views-field-field-feature-main-image img{ max-width: none; margin-left: -17px; } #things-to-do .view-northern-activities .views-row .views-field-title, .tb-megamenu-column .view-northern-activities .views-row .views-field-title { padding-left: 15px; display: inline-block; width: 61%; width: calc(100% - 67px); vertical-align: middle; font-size: 18px; } .tb-megamenu-column .view-northern-activities .views-row .views-field-title a { font-size: 13px; font-weight: 700; font-style: italic; color: #333; font-family: 'Roboto'; } #things-to-do .view-upcoming-events, #things-to-do .view-things-to-do-landing-page-features, #things-to-do .view-things-to-do-articles { padding: 15px 15px 0; } /* Upcoming Event / Experience Wood buffalo Columns */ /* Simple Events List */ #things-to-do .simple-event-list .views-field-title { font-size: 14px; } #things-to-do .simple-event-list { padding-bottom: 10px; } #things-to-do .simple-event-list .views-row { padding-top:6px; padding-bottom:6px; } /* Item Image */ #things-to-do .view-upcoming-events .views-field-field-event-image, .tb-megamenu-column .view-upcoming-events .views-field-field-event-image, #things-to-do .view-things-to-do-landing-page-features .views-field-field-itinerary-photo { float: left; width: 100px; margin: 0 10px 0 0; } #things-to-do .view-upcoming-events .views-field-field-event-image, .tb-megamenu-column .view-upcoming-events .views-field-field-event-image { border-bottom: 3px solid #8a000b; } .tb-megamenu-column .view-upcoming-events .views-field-field-event-image a { padding: 0; } /* Item Titles */ #things-to-do .view-upcoming-events .views-field-title { } /* TB Bootstrap Breakpoint styling */ @media (max-width: 979px) { .tb-megamenu .nav-collapse .dropdown-menu .view-upcoming-featured-events .views-column + .views-column { padding-top: 10px; } .tb-megamenu .nav-collapse .dropdown-menu .view-upcoming-featured-events .views-column::after { content: ""; display: table; height: 0; clear: both; } .tb-megamenu .nav-collapse .dropdown-menu .view-upcoming-featured-events .views-field-title, .tb-megamenu .nav-collapse .dropdown-menu .view-upcoming-featured-events .views-field-php { float: left; width: calc( 100% - 110px ); } .tb-megamenu .simple-event-list .view-upcoming-events .views-row { padding: 5px 0; } .tb-megamenu .simple-event-list .view-upcoming-events .views-row + .views-row { border-top: 1px solid #f3f3f3 } } #things-to-do .view-upcoming-events .views-field-title h2 { margin:5px 0; } #things-to-do .event-date, .tb-megamenu-column .view-upcoming-events .event-date { margin-bottom: 3px; font-family: Arial, sans-serif; line-height: 1.2; font-size:12px; font-weight: 900; font-style: italic; color: #747474; } /* Styled Icon - Circle */ #things-to-do .view-upcoming-events .views-field-field-event-date-1 .fa, .tb-megamenu-column .view-upcoming-events .views-field-field-event-date-1 .fa { display: inline-block; width: 20px; height: 20px; margin-right: 8px; line-height: 20px; text-align: center; background: #8a000b; color: #fefefe; font-size: 12px; font-weight: normal; -webkit-border-radius: 15px; border-radius: 15px; } /* View More */ #things-to-do .simple-event-list .more-link { margin-top: 10px; padding: 10px 15px; } /* things To Do - Features */ #things-to-do .view-things-to-do-landing-page-features .views-field-body { margin-top: -4px; font-size: 13px; line-height: 18px; } #things-to-do .view-things-to-do-landing-page-features .views-field-title { margin-bottom: 10px; } /* Things To do - Articles */ #things-to-do .view-things-to-do-articles .fa { margin-left: -1.5em; } #things-to-do .view-things-to-do-articles .views-field-title { padding-left: 1.5em; } /* Things To Do - Business Finder */ #things-to-do-business-finder .column-container { font-size: 0; } #things-to-do-business-finder a { color: #333; } #things-to-do-business-finder .nav a { padding-top: 5px; padding-bottom: 5px; } #things-to-do-business-finder .menu-block-wrapper { font-size: 14px; } .business-directory-header, .interactive-map-header { padding: 0 10px; font-size: 23px; font-weight: 900; font-style: italic; } .interactive-map-header a:hover { text-decoration: none; } .business-directory-header .fa, .interactive-map-header .fa { float:left; display: inline-block; width: 1.2em; height: 1em; font-size: 1.5em; text-align: center; } /*** Gold Star Program Page ---------------------------------------- */ .page-gold-star-program #navbar-spacer { margin-bottom: 264px; } .page-gold-star-program .sidebar-gold-star .gold-star-nominate { display: block; width:98px; height: 166px; margin: -30px auto; background: url(/sites/default/files/gold-star/nominate_off.png) left top no-repeat; overflow: hidden; text-indent: -999999px; } .page-gold-star-program .gold-star-nominate:hover { background-image: url(/sites/default/files/gold-star/nominate_on.png); } /*** Accommodations Landing Page ---------------------------------------- */ #accommodations-browse-categories .places-categories { border-top: 4px solid #46004d; padding-bottom: 15px; padding-top: 15px; background-color: #f7f7f7; } #accommodations-browse-categories .places-categories > h2 { margin: 0 0 15px 15px; font-size: 14px; font-style: italic; font-weight: 900; } #accommodations-browse-categories .places-category { padding: 15px 5px; text-align: center; background-color: #eee; -webkit-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; transition: all ease-out 300ms; } #accommodations-browse-categories .places-category:hover { background-color: #fcfcfc; border-bottom: 4px solid #46004d; } #accommodations-browse-categories .places-category .fa { display: inline-block; margin: 15px; width: 75px; height: 75px; line-height: 75px; font-size: 40px; background-color: #46004d; color: #fff; border-radius: 40px; } #accommodations-browse-categories .places-category > a { display: block; height: 100%; } #accommodations-browse-categories .places-category span { display: block; color: #333; font-size: 18px; } /*** Northern Lights Landing Page - -------------------------------------- */ body.page-node-25032, body.page-node-25745 { background-image: none !important; } body.page-node-25032 #navbar-spacer, body.page-node-25745 #navbar-spacer{ padding-left: 0 !important; padding-right: 0 !important; } body.page-node-25032 .footer-bg, body.page-node-25745 .footer-bg { background-color: #fff; background-image: url(/sites/all/themes/ftmcmurraytourism/css/img/northern-lights-footer-bg.jpg); background-position: top center; background-repeat: no-repeat; } .page-node-25032 #masthead, .page-node-25745 #masthead, .node-type-basic-page.page-northern-lights #masthead { position: absolute; top: 0; left: 0; right: 0; } .page-node-25032.admin-menu #masthead, .page-node-25745.admin-menu #masthead, .node-type-basic-page.page-northern-lights.admin-menu #masthead { top: 29px; } .page-node-25032 .section-header-hero-video, .page-node-25745 .section-header-hero-video, .node-type-basic-page.page-northern-lights .section-header-hero-video { text-align: center; } .page-node-25032 .section-header-hero-video--cta .btn, .page-node-25745 .section-header-hero-video--cta .btn, .node-type-basic-page.page-northern-lights .section-header-hero-video--cta .btn { background-color: #c1d72e; text-transform: uppercase; font-weight: 700; color: #111; font-family: "Roboto Condensed"; } .page-node-25032 .section-header-hero-video--cta .btn:hover, .page-node-25745 .section-header-hero-video--cta .btn:hover, .node-type-basic-page.page-northern-lights .section-header-hero-video--cta .btn:hover { background-color: #fff; } @media (min-width: 768px) { .page-node-25032 .section-header-hero-video .col--inner, .page-node-25745 .section-header-hero-video .col--inner, .node-type-basic-page.page-northern-lights .section-header-hero-video .col--inner {} } /*** Feature / Article Page - node tpl template -------------------------------------- */ .node .single-page-content { margin: 15px 0 0; } .node .single-page-content .field-name-body { line-height: 1.6; } .node .single-page-content .node-main-image { /* float:left; */ padding:0; margin-bottom: 15px; /* width: 50%; */ } @media (min-width: 992px) { .node .single-page-content .node-main-image { /* float:left; */ margin:5px 30px 5px 0; /* width: 50%; */ } } .node-main-image .quick-links { margin-top:5px; padding: 5px; background: #fff; border: 1px solid #eee; } /* .node .single-page-content .social-share { margin: -15px 0 0; } @media (min-width: 768px) { .node .single-page-content .social-share { margin: -95px 0 0; } } */ /* Featured Page - Featured Features */ .view-similar-by-terms-featured-features .views-field-field-feature-main-image { display: block; border-bottom: 4px solid #0a3854; margin-bottom: 15px; } /* Featured Page - Did You Know */ #block-views-factoids-block { margin-top:30px; } #block-views-similar-by-terms-facts-block, #block-views-factoids-block { background: #d9edf7; padding:15px 15px 20px; border-top: 4px solid #428bca; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; } #block-views-similar-by-terms-facts-block a, #block-views-factoids-block a { color: #428bca; } #block-views-similar-by-terms-facts-block .block-title, #block-views-factoids-block .block-title { margin-top:0; /* padding-bottom: 20px; */ margin-bottom: 15px; font-size: 26px; font-weight: 500; } #block-views-factoids-block .block-title::after { content: "...?"; } #block-views-factoids-block .view-factoids { margin-left: 3em; } /* Right-arrow Bullet Icon */ #block-views-similar-by-terms-facts-block .view-similar-by-terms-facts .views-field-field-fact .field-content ul, #block-views-factoids-block .field-content > ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } #block-views-similar-by-terms-facts-block .view-similar-by-terms-facts .views-field-field-fact .field-content li, #block-views-factoids-block .field-content > ul > li { position: relative; } #block-views-similar-by-terms-facts-block li:before, #block-views-factoids-block .field-content > ul > li:before { content: "\f00c"; position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ text-align: center; } /* Node Images */ .node .content img, .view .views-content img, .view .field-content img { max-width: 100%; height: auto; } /* Social Share Links */ .social-share { /* float: right; margin-left: 2em; margin-top: 1em; min-width: 13em; text-align: right;*/ } .social-share .share-label { display:block; float: none; margin-top: 0; } div.social-share a { float:none; } .social-share a:hover { text-decoration: none; } /* Social Share */ a.social-share-facebook, a.social-share-googleplus, a.social-share-linkedin, a.social-share-twitter { position: relative; display: inline-block; width: 32px; height: 32px; text-indent: -99999px; background-image: none; overflow: hidden; } a.social-share-facebook::before, a.social-share-googleplus::before, a.social-share-linkedin::before, a.social-share-twitter::before{ display:block; width: 32px; height:32px; border: 1px solid; text-indent:0; text-align: center; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 32px; font-size:21px; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } a.social-share-facebook::before { content:"\f09a"; background-color: #3B5998; border-color: #3B5998; } a.social-share-googleplus::before { content:"\f0d5"; background-color: #DD4B39; border-color: #DD4B39;} a.social-share-linkedin::before { content:"\f0e1"; background-color: #007BB6; border-color: #007BB6;} a.social-share-twitter::before { content:"\f099"; background-color: #56A3D9; border-color: #56A3D9;} a.social-share-facebook:hover::before { background-color: #fff; color: #3B5998;} a.social-share-googleplus:hover::before { background-color: #fff; color: #DD4B39;} a.social-share-linkedin:hover::before { background-color: #fff; color: #007BB6;} a.social-share-twitter:hover::before { background-color: #fff; color: #56A3D9;} /* Single Event Listings */ /* @media (min-width: 980px) { .node-event .field-name-field-event-image { width: 75%; float:right; } .node-event .field-name-field-event-date, .node-event .field-name-field-event-website { width: 25%; float:left; } .node-event .field-name-field-event-date .field-items:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(26, 149, 122, 0); border-left-color: #8a000b; border-width: 15px; margin-top: -15px; } }*/ /* @media */ .node-event .field-name-field-event-date .field-items, .node-event .field-name-field-event-website { padding: 15px; text-align: center; } .node-event .field-name-field-event-date .field-items { position: relative; background: #8a000b; color: #fff; font-size: 23px; font-family: "Roboto Condensed", sans-serif; } .node-event .field-name-field-event-date .date-display-start, .node-event .field-name-field-event-date .date-display-end { font-weight: bold; } .node-event .field-type-text-with-summary { padding: 25px 0 10px; clear:both; } .node-event .field-type-text-with-summary:before { display: table; height:0; clear:both; } .node-event .field-name-field-event-website .field-item { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .node-event .field-name-field-event-website .field-item::before { content: "\f0ac"; float:left; padding-right: 5px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 20px; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .node-event .field-name-field-event-website .field-item:hover::before { color: #0a3854; text-decoration: none; } .node-event .field-name-field-event-website a { display: block; max-width: 100%; margin-left: 22px; text-overflow: ellipsis; overflow: hidden; } .node-event .field-name-field-event-website a:hover { background: #fff; overflow: visible; } /* Transit Route Node */ .node-transit-route .field-name-field-route-image { background: url(/sites/default/files/transit-routes/images/FT-Master-Map.png) top left no-repeat; background-size: 100% auto; max-width: 800px; } /*** Views --------------------------- */ /* Global View Styles */ .banner-title { display: block; font-family: 'Roboto'; font-weight: 300; } .views-field-field-itinerary-photo, .views-field-field-article-photo, .views-field-field-story-image { float: left; margin: 5px 10px 5px 0; } @media (max-width: 991px) { .col-md-6 + .col-md-6 { margin-top:15px; } } .views-responsive-grid .views-row + .views-row { margin-top: 15px; } /* Similarity Terms */ .views-field-similarterms { margin-top: 5px; display: none; } /* Similarity percent label */ .views-label-similarterms { vertical-align: middle; color: #999; } /* Similarity percent badge */ .views-field-similarterms .field-content { display: inline-block; padding: 0 5px; background: #faa732; font-size: 10px; font-weight: bold; line-height: 14px; color: #ffffff; text-align: center; vertical-align: middle; text-transform: none; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 2px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); } /* Related User Stories / Related Articles */ .view-similar-by-terms-user-stories .views-row, .view-similar-by-terms-articles .views-row { margin:5px 0; padding: 5px 0; } .view-similar-by-terms-user-stories .views-row + .views-row, .view-similar-by-terms-articles .views-row + .views-row { border-top: 1px solid #f3f3f3; } .view-similar-by-terms-user-stories .views-field-title h4, .view-similar-by-terms-articles .views-field-title h4 { margin-top:5px; } .view-similar-by-terms-user-stories .views-field-body p, .view-similar-by-terms-articles .views-field-body p { font-size: 13px; } /* Related Links View */ .view-similar-by-terms-links .views-column h4 { font-size: 14px; } .sidebar-col .view-similar-by-terms-links .views-row { padding:0; border: 0; } .view-similar-by-terms-links .views-column { width: 100%; } .view-similar-by-terms-links .views-column h4 { margin: 2px 0; } /* Related/Nearby Businesses */ .view-related-businesses .views-field-field-business-image, .view-nearby-businesses ..views-field-field-business-image { float: left; margin-right: 10px; } .view-related-businesses .views-field-title, .view-related-businesses .views-field-field-phone, .view-related-businesses .views-field-body, .view-nearby-businesses .views-field-title, .view-nearby-businesses .views-field-field-phone, .view-nearby-businesses .views-field-field-full-address { /* margin-left: 115px; */ line-height: 1.3; margin-bottom: 5px; } .view-related-businesses .views-field-title, .view-nearby-businesses .views-field-title, { font-weight: bold; } .view-related-businesses .views-field-body, .view-nearby-businesses .views-field-field-full-address { font-size: 12px; } .view-related-businesses .views-field-field-phone, .view-nearby-businesses .views-field-field-phone { font-size: 12px; font-weight: bold; } @media (max-width: 767px) { .view-related-businesses .views-column + .views-column, .view-nearby-businesses .views-column + .views-column { margin-top: 10px; } .view-related-businesses .views-column::before, .view-related-businesses .views-column::after, .view-nearby-businesses .views-column::before, .view-nearby-businesses .views-column::after { content: ""; clear:both; display: table; } } /*** Page Specific Views */ /*.view-id-communities.view-display-id-page .views-field-field-community-image img, .view-id-explore_wood_buffalo.view-display-id-page .views-field-field-feature-main-image img, .view-id-stories.view-display-id-page .views-field-field-story-image img { width: 100%; height: auto; }*/ /*#block-system-main img,*/ .views-field-field-photo img { max-width: 100%; height: auto; } .banner-row .views-column { margin-bottom: 15px; } .banner-row.front-page-banner-row { margin-top: 15px; } /* Front Page/Goldstar Sidebar Feature Views */ .view-front-page-features, .views-field-field-community-image, .banner-image { overflow:hidden; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* force goldstar image full-width */ .sidebar-gold-star .banner-image img { width: 100%; height: auto; } .view-featured-user-stories .views-field-field-story-image, .view-stories .views-field-field-story-image { float: none; margin: 0px; } .region-content .view-front-page-features .views-field-title, .region-content .view[class*="view-explore-"] .views-field-title, .region-content .view-communities .views-field-title, .region-content .view-featured-user-stories .views-field-title, .region-content .view-stories .views-field-title, .region-content .banner-title, .sidebar-gold-star .banner-title{ position: relative; float: left; width: 100%; height: 0; /*margin-top: -49px;*/ text-align: center; color: #fff; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .region-content .view-front-page-features .views-field-title a, .region-content .view[class*="view-explore-"] .views-field-title a, .region-content .view-communities .views-field-title a, .region-content .view-featured-user-stories .views-field-title a, .region-content .view-stories .views-field-title a, .region-content .banner-title a, .sidebar-gold-star .banner-title a { display:block; transform: translate(0, -100%); padding: 12px 5px; background: #a0a0a0; background: rgba(0,0,0,0.5); color:#fff; font-size: 18px; font-family: "Roboto", sans-serif; font-weight: 300; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; } .region-content .view-front-page-features .views-column:hover .views-field-title a, .region-content .view[class*="view-explore-"] .views-column:hover .views-field-title a, .region-content .view-communities .views-column:hover .views-field-title a, .region-content .view-featured-user-stories .views-column:hover .views-field-title a, .region-content .view-id-stories .views-column:hover .views-field-title a, .region-content .views-column:hover .banner-title a .sidebar-gold-star .views-column:hover .banner-title a { text-decoration: none; background: #4ec7aa; } .region-content .view[class*="view-explore-"] .views-field-body, .region-content .view-front-page-features .views-field-body, .region-content .view-communities .views-field-body, .region-content .view-stories .views-field-body, .region-content .view-featured-user-stories .views-field-body { margin: 10px 0; display: block; color: #666; font-size: 12px; line-height: 18px; } /* .region-content .view .views-field-body p { text-align: left; } */ /* Front Page: View-Random-User-Story */ #block-views-random-user-story-block { padding: 11px 15px 15px; /* margin-right: -15px; */ background: #f9f9f9 url('/sites/default/files/user-story-bg.jpg'); border: 1px solid #e3e3e3; border-width: 1px 1px 1px 6px; font-family: 'Handlee', cursive; } #block-views-random-user-story-block .sidebar-col .views-row.views-row-first { margin-top:0; } #block-views-random-user-story-block h2 { margin-bottom: 0; } #block-views-random-user-story-block .views-field-field-story-image { /*float: left;*/ position: relative; max-width: 270px; display: block; float:none; display:block; padding: 20px 4px 0px; margin:0 auto; text-align: center; } #block-views-random-user-story-block .views-field-field-story-image:after { content: ""; position: absolute; top:0; left:-4px; right: -4px; bottom: 0; display: block; background:transparent url(/sites/default/files/user-story-polaroid-frame-top.png) 0 0 no-repeat; background-size: 100% auto; } #block-views-random-user-story-block .views-field-field-story-image a { display: block; } /* User Story Image */ #block-views-random-user-story-block .views-field-field-story-image a img { margin:0; width: 100%; height: auto; } @media (max-width: 769px) { #block-views-random-user-story-block .views-field-field-story-image { float: left; margin-right: 20px; } } /* User Story Submitted by Author */ #block-views-random-user-story-block .views-field-field-story-author { margin: 0 -4px 2px; padding: 5px 12px 12px; height: 51px; background:transparent url(/sites/default/files/user-story-polaroid-frame-btm.png) 0 0 no-repeat; background-size: 100% auto; font-size: 12px; line-height: 1.2; } #block-views-random-user-story-block .views-field-field-story-author .field-content { font-size: 18px; } #block-views-random-user-story-block .views-field-body, #block-views-random-user-story-block .views-field-title { line-height: 25px; } #block-views-random-user-story-block .views-field-title { margin-top: 10px; } /* Read more Link */ #block-views-random-user-story-block .read-more { padding: 0; text-align:right; border: 0; } #block-views-random-user-story-block .read-more a { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 900; font-style: italic; color: #333; } /* Business/Services Grid */ .business-grid .views-column .views-field { height: 100%; } .business-grid .views-column .fmt-non-member, .business-grid .views-column .fmt-member { position: relative; height: 100%; min-height:84px; padding: 16px; padding-right: 42px; border: 1px solid #e3e3e3; border-left-width:3px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); } .business-grid .views-column .fmt-non-member .business-icons, .business-grid .views-column .fmt-member .business-icons { position: absolute; right:-1px; top: -1px; bottom: -1px; background: #fff; width: 33px; border: 1px solid #eaeaea; -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .business-grid .views-column .business-icons .fa { display: block; width: 32px; height: 27px; color: #888; text-align: center; line-height: 27px; font-size: 18px; } .business-grid .views-column .fmt-member { background-color: #fafafa; /* border-left: 6px solid #1A957A; */ border-left: 6px solid #0a3854; } .business-grid .views-column .fmt-member:hover .business-icons { background:#4ec7aa; border:1px solid #45ad93; } .business-grid .views-column .fmt-member:hover .business-icons .fa { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } .business-grid .views-column .fmt-member .business-icons .fa.icon-user:before { content: "\f005"; color: #E7D60D; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } /* Content Category Skin */ .view-aa-accommodations-view .business-grid.accommodations .views-column .fmt-member { border-left-color: #46004d; } .view-aa-accommodations-view .business-grid.accommodations .views-column .fmt-member .business-name a { color: #46004d; } .view-aa-accommodations-view .business-grid.things-to-do .views-column .fmt-member { border-left-color: #8a000b; } .view-aa-accommodations-view .business-grid.things-to-do .views-column .fmt-member .business-name a { color: #8a000b; } .business-grid .views-column .fmt-non-member { background: #fff; border-left-color: #555; } .business-grid .views-column .fmt-non-member:hover .business-icons { background:#666; } .business-grid .views-column .fmt-non-member:hover .business-icons .fa { color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,0.5); } .business-grid .views-column h4 { margin-top: 0; } .business-grid .views-column .business-name { float: left; width: 68%; max-width: 230px; } .business-grid .views-column .business-name h4 { font-size: 15px; } .business-grid .views-column .business-phone { float: right; width: 32%; max-width: 110px; text-align: right; font-size: 12px; font-weight: bold; line-height: 16.5px; } .business-grid .views-column .business-address { border-top: 1px dotted #e3e3e3; padding-top: 6px; clear:both; font-size:12px; } .business-grid .views-column .business-phone, .business-grid .views-column .business-address { -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .business-grid .views-column .business-phone .fa, .business-grid .views-column .business-address .fa { margin-right: 3px; color: #aaa; } .business-grid .views-column:hover .business-phone .fa, .business-grid .views-column:hover .business-address .fa{ color: inherit; } /*** Single Business Listing ***/ /* Nearby Businesses */ #block-views-nearby-businesses-block .block-title:first-child { margin-top: 30px; } @media (max-width:991px) { #block-views-nearby-businesses-block { margin-bottom: 15px; } #block-views-nearby-businesses-block .views-column { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e3e3e3; } #block-views-nearby-businesses-block .views-row { margin:0; } } /*** Trade Shows ***/ /* Tradeshow Landing Page */ .view-trade-shows .views-row { margin-bottom: 2em; } .view-trade-shows .views-row + .views-row { /*border-top: 3px solid #e3e3e3;*/ } .view-trade-shows .view-content > .views-row:before, .view-trade-shows .view-content > .views-row:after { content: ""; height: 0; display: table; clear: both; } .view-trade-shows .views-field-trade-show-title { margin-bottom: 20px; } .view-trade-shows .views-field-field-trade-show-image { border: 1px solid #e3e3e3; padding: 0.5em; border-radius: 5px; } @media (min-width: 767px) { .view-trade-shows .views-field-field-trade-show-location { } .view-trade-shows .views-field-field-admission-information { padding-left: 30px; } } /* Important Exhibitor Field */ .view-trade-shows .views-field-important-exhibitor { float: left; margin-top: 2em; padding: 1em 0; border-top: 1px solid #e3e3e3; } .view-trade-shows .views-field-important-exhibitor h3:first-child { margin-top:0; font-size: 16px; font-weight: 400; font-family: "Roboto", sans-serif; } /* Tradeshow Landing & Exibit Views */ .node-trade-show h3, .view-trade-shows h3 { font-weight: 400; } .node-trade-show .show-location, .view-trade-shows .show-location { font-weight: bold; } .node-trade-show .trade-show-dates, .view-trade-shows .trade-show-dates { margin: 0; padding: 0; list-style: none; text-align:center; } .node-trade-show .trade-show-dates li, .view-trade-shows .trade-show-dates li{ display:inline-block; text-align: center; padding: 0.5em; max-width:30%; vertical-align: top; } .node-trade-show .trade-show-dates li + li , .view-trade-shows .trade-show-dates li + li { margin-left: 0.5em; border-left: 1px solid #e3e3e3; } .node-trade-show .event-date-meta span, .view-trade-shows .event-date-meta span { display: block; } .node-trade-show .event-date-meta .date-day, .view-trade-shows .event-date-meta .date-day { font-weight: bold; line-height: 1; font-family: "Arial", sans-serif; } .node-trade-show .event-date-meta .date-day { font-size: 36px; } .view-trade-shows .event-date-meta .date-day { font-size: 26px; } .node-trade-show .event-date-meta .date-time, .view-trade-shows .event-date-meta .date-time { padding-top: 0.5em; margin-top:0.5em; border-top: 1px dotted #e3e3e3; font-weight: 300; } .node-trade-show .show-location { text-align: center; } .node-trade-show .show-location h3, .view-trade-show .views-field-field-trade-show-location h3 { padding-top:0.5em; border-top: 1px solid #e3e3e3; /*text-align:center; */ } .node-trade-show .field-name-field-trade-show-exhibitor-info ul, .node-trade-show .field-name-field-important-information-for- ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .node-trade-show .field-name-field-trade-show-exhibitor-info ul li, .node-trade-show .field-name-field-important-information-for- ul li { position: relative; } .node-trade-show .field-name-field-trade-show-exhibitor-info ul li:before, .node-trade-show .field-name-field-important-information-for- ul li:before { content: "\f00c"; position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; text-align: center; } /* Accomodations Page Views */ /* .page-accommodations .region-content .views-column { padding-top: 15px; padding-bottom: 15px; } .page-accommodations .region-content .views-column .field-content > a { display: inline-block; max-width:100%; overflow: hidden; text-overflow: ellipsis; } */ /* Communities Page Views */ /* Content Column */ .node-community-page .content > .field + .field { margin-top: 15px; } .node-community-page .content .field-label { font-family: 'Roboto'; /*-webkit-font-smoothing: antialiased;*/ font-weight: 400; margin-bottom: 0.5em; } .node-community-page .field-name-field-population { margin: 0.75em 0; padding: 10px; background: #f2f2f2; border: 1px solid #ebebeb; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .node-community-page .field-name-field-population .field-item { font-weight: 700; } .node-community-page .field-name-field-population .field-label, .node-community-page .field-name-field-population .field-items { display: inline-block; margin-bottom:0; } .node-community-page .field-name-field-population .field-label:before { content: "\f0c0"; display: inline-block; margin-right: 4px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } /* map column */ .node-community-page .field-name-field-community-location .field-label { font-size: 17px; } .node-community-page .field-name-field-community-location .field-label:before { content: "\f041"; display: inline-block; margin-right: 4px; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; font-size: 1.3em; vertical-align: bottom; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } .openlayers-container-map-geofield-formatter-map { padding: 10px; background: #f2f2f2; border: 1px solid #eaeaea; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } /* Accommodations / Services Table Views */ table .views-field-field-website-link { max-width: 13em; } table .views-field-field-fmt-member { width: 10.5em; text-align: center; } table .views-field-field-website-link a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } /* Communitioeis View - Side Bar */ .sidebar-col .view-communities .views-field a { display: block; padding: 3px 0; /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/ font-weight: 400; color: #333; } .sidebar-col .view-communities .views-field a:hover { color: #0a3854; text-decoration: none; } .view-communities .views-column { } .sidebar-col .view-communities .views-field a::before { content: "\f138"; position: relative; display: inline-block; padding-right:8px; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 12px; color: #0a3854; line-height: 1; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; } /* Event Listings */ /* Featured Events */ .page-things-to-do-events .view-upcoming-events .view-upcoming-events { padding-bottom: 30px; border-bottom: 1px solid #ddd; } .page-things-to-do-events .view-upcoming-events .view-upcoming-events .view-header { padding: 10px; background: #f2f2f2; border: 1px solid #eee; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .page-things-to-do-events .view-upcoming-events .view-upcoming-events .view-header h2, .page-things-to-do-events.view-upcoming-events .view-upcoming-events .view-header h3 { margin:0; } .page-things-to-do-events.view-upcoming-events .view-upcoming-events .view-header h3 + a:last-child { } .page-things-to-do-events .view-upcoming-events .view-upcoming-events > .view-content { padding: 2em 0; /*background: #EFEFEF;*/ } .page-things-to-do-events .view-upcoming-events .view-upcoming-events .view-header .view-content .views-column > .views-field-title { } /* Featured Event - Fancy Layout w/ calendar icon/date */ .page-things-to-do-events .region-content .view-upcoming-events .event-date-meta { float:left; width: 114px; text-align: center; } .page-things-to-do-events .region-content .view-upcoming-events .view-upcoming-events .views-field-title { margin:1em; text-align: center; padding-top:0.5em; border-top: 1px solid #eee; } /* Featured Event Calendar Block Icon - Left */ .page-things-to-do-events .region-content .view-upcoming-events .date-day-month { position: relative; display:block; width: 80px; height: 80px; margin:0 auto 1em; background: url('img/calendar-icon.png') center top no-repeat; background-size: 100% 100%; font-family: Helventica, sans-serif; } .page-things-to-do-events .view-upcoming-events .event-date-meta .date-day, .page-things-to-do-events .view-upcoming-events .event-date-meta .date-month { position: absolute; display: block; left:0; right:0; z-index: 2; color: #fff; } .page-things-to-do-events .region-content .view-upcoming-events .date-day { top:17px; font-weight: bold; font-size: 43px; line-height: 43px; vertical-align: top; font-weight:700; } /*.page-things-to-do-events .view-upcoming-events .date-day:first-letter { font-size: 38px; vertical-align: top; line-height:43px; }*/ .page-things-to-do-events .view-upcoming-events .event-date-meta .date-month { bottom: 7px; font-size: 16px; line-height: 1; font-weight:300; /*text-transform:uppercase;*/ } .page-things-to-do-events .region-content .view-upcoming-events .date-time { padding: 10px 0; color: #666; font-size: 13px; } /* Featured Event Main Image - Right */ .page-things-to-do-events .region-content .view-upcoming-events .views-field-field-event-image { margin-left: 130px; } .page-things-to-do-events .region-content .view-upcoming-events .views-field-field-event-image .field-content { overflow:hidden; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } /* Upcoming Events - Simple Column List */ .page-things-to-do-events .view-upcoming-events > .view-header h2 .btn { } .page-things-to-do-events .view-upcoming-events > .view-content .views-row:not(.views-row-first) .views-field-title { border-top: 1px solid #eaeaea; } .page-things-to-do-events .region-content .view-upcoming-events > .view-content .views-field-title { padding-top:15px; } .page-things-to-do-events .region-content .view-upcoming-events > .view-content .views-field-title a { font-weight: bold; font-size: 17px; } .page-things-to-do-events .view-upcoming-events > .view-content .views-field-field-event-date { font-style: italic; color: #555; } .page-things-to-do-events .view-upcoming-events > .view-content .views-field-php:first-child { float:left; margin: 15px 12px 0 0; } .page-things-to-do-events .view-upcoming-events > .view-content .event-day { display: block; width: 50px; height: 50px; border: 1px solid #ccc; border-top-width:4px; color: #999; font-size: 24px; line-height: 42px; text-align: center; font-family: "Arial", sans-serif; font-weight: 700; text-shadow: 1px 1px 0 rgba(255,255,255,0.1); box-shadow: none; /*border-radius: 4px;*/ -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out; } .page-things-to-do-events .view-upcoming-events > .view-content .views-column:hover .event-day { color: #333; border-color: #999; box-shadow: 0 4px 3px -2px rgba(0,0,0,0.1); } /* .page-things-to-do .view-upcoming-events > .view-content > h3 .date-display-single { display: block; padding: 5px 0; border-bottom: 1px solid #ddd; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; } */ .page-things-to-do .view-calendar { font-family: Verdana, Geneva, sans-serif; } .page-things-to-do .view-upcoming-events > .view-content > h3 .date-display-single { position: relative; display: block; padding: 5px 0 5px 0; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 23px; } .page-things-to-do .view-upcoming-events > .view-content > h3 .date-display-single:after { content:""; position: absolute; bottom: 0px; left: 0; width: 66%; border-bottom: 1px solid #ddd; height: 0; } /* Public Transportation Route Map */ .view-public-transportation { position: relative; } .view-public-transportation .view-footer > img { opacity: 0.8; z-index: 1; } .view-public-transportation .views-row { padding: 5px 10px; } .view-public-transportation .views-field-title { font-weight: bold; padding-bottom: 5px; } .view-public-transportation .views-field-title a { color: #333; } .view-public-transportation .views-row.hover .views-field-title a { color: #0a3854; } .view-public-transportation .views-field-field-route-image { display: none; position: absolute; top: 0; right: 0; } .view-public-transportation .views-row:hover .views-field-field-route-schedule-link, .view-public-transportation .views-row:hover .views-field-field-transit-map-link, .view-public-transportation .views-row.hover .views-field-field-route-schedule-link, .view-public-transportation .views-row.hover .views-field-field-transit-map-link { } /* Large Devices */ @media (min-width: 768px) { .view-public-transportation .views-row:hover, .view-public-transportation .views-row.hover { background: #f3f3f3; } .view-public-transportation .view-content { float: left; width: 25%; padding-right: 15px; } .view-public-transportation .view-footer { float: left; width: 75%; padding-left: 15px; text-align: right; } .view-public-transportation .views-field-field-route-image { margin-left: 25%; padding-left: 15px; z-index: 2; } .view-public-transportation .views-field-field-route-schedule-link, .view-public-transportation .views-field-field-transit-map-link { display: none; } .view-public-transportation .views-row:hover .views-field-field-route-image, .view-public-transportation .views-row:hover .views-field-field-route-schedule-link, .view-public-transportation .views-row:hover .views-field-field-transit-map-link, .view-public-transportation .views-row.hover .views-field-field-route-image, .view-public-transportation .views-row.hover .views-field-field-route-schedule-link, .view-public-transportation .views-row.hover .views-field-field-transit-map-link { display: inline-block; } } /* @end large devices */ /* Small Devices */ @media (max-width: 767px) { .view-public-transportation .view-content { width: 100%; } .view-public-transportation .views-row .btn { margin: 5px 0; } .view-public-transportation .views-row .views-field, .view-public-transportation .views-row .btn { font-size: 11px; } .view-public-transportation .views-row { display: inline-block; vertical-align: top; width: 50%; float: left; } .view-public-transportation .views-row:nth-child(odd) { clear: left; } .view-public-transportation .views-field-field-route-image { top: auto; bottom: 0; z-index: 1; } .view-public-transportation .view-footer{ display: none; } } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*****trade show*****/ .node-trade-show .field-type-file { padding: 10px; /*border-top: 3px solid #e3e3e3; */ } .views-field-field-booking-package, .tradeshow-readmore { /*float:left; width:50%;*/ padding-top:10px; } @media (min-width:768px) { .views-field-field-booking-package, .tradeshow-readmore { float:left; width:50%; /*padding-top:10px;*/ } } @media (max-width:767px) { .view-trade-shows .views-row .views-column + .views-column { margin-top: 30px; } .tradeshow-readmore{ margin-top:-10px; } } .views-field-field-booking-package .btn, .tradeshow-readmore .btn { display: block; } .view-id-trade_shows{ text-align:center; padding-top:10px; } .field-name-field-move-in-information , .field-name-field-move-out-information , .showtime-header, .node-trade-show .trade-show-dates h3{ text-align:center; } .field-name-field-move-in-information p, .field-name-field-move-out-information p{ margin-bottom:0px; } .field-name-field-move-in-information p strong, .field-name-field-move-out-information p strong{ margin-bottom:50px; } .border-top-title{ /* used for the PDFs container on the bottom of individual tradeshow page*/ padding-top:0.5em; border-top: 1px solid #e3e3e3; margin-top:10px; } .border-top-title-center{ padding-top:0.5em; border-top: 1px solid #e3e3e3; text-align:center; } .field-name-field-important-information-for- p:last-child{ padding-bottom:10px; } .field-name-field-admission-information, .field-name-field-admission-information strong{ margin-top:10px; } /*** Node ID Specific Style ***/ #node-15815 .field-name-body ul, .field-name-field-admission-information ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } #node-15815 .field-name-body ul li:before, .field-name-field-admission-information ul li:before{ content: "\f00c"; font-family: "FontAwesome"; font-style: normal; font-weight: normal; margin-left: -20px; position: absolute; }