/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ /* ---------------------------------------------------------------------------- =fonts - name like $fontname: 'typekit name'; ----------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- =color swatches - name like $color-colorname: #000000; // Example Name ----------------------------------------------------------------------------- */ #calendario .fc-calendar .fc-row > div.fc-content .entry .thumb img { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } a { text-decoration: none; } a, a:active, * { -webkit-tap-highlight-color: transparent; } ul, ol { padding: 0; margin: 0; list-style-position: inside; } p { line-height: 22px; font-weight: 100; font-size: 14px; } ul:after { display: none !important; } address { font-style: normal; } dl { -webkit-margin-before: 0px; -webkit-margin-after: 0px; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } dd { -webkit-margin-start: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } html { background: white; color: red; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; } body { font-size: 14px; line-height: 22px; margin: 0; } a { background: transparent; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } h1 { font-size: 2em; font-family: sans-serif; margin: 0; font-weight: bold; } h2 { font-size: 20px; font-family: sans-serif; margin: 0; text-transform: uppercase; font-weight: bold; } h3 { font-size: 16px; font-family: sans-serif; margin: 0; text-transform: uppercase; font-weight: bold; } h4 { font-size: 1em; font-family: sans-serif; margin: 0; text-transform: uppercase; font-weight: 100; } h5 { font-size: 0.83em; font-family: sans-serif; margin: 0; font-weight: 100; } h6 { font-size: 0.75em; font-family: sans-serif; margin: 0; font-weight: 100; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; } button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; vertical-align: baseline; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: collapse; border-spacing: 0; } /* ---------------------------------------------------------------------------- =custom mixins =currently importing default mixins from Compass =reference default mixin calls at http://compass-style.org/reference/compass/css3/ ----------------------------------------------------------------------------- */ .animated { -webkit-transition: all 175ms linear; transition: all 175ms linear; } .hidden { display: none !important; } .clear { clear: both; } /* ---------------------------------------------------------------------------- =Compass support variables =Determine what css3 support levels are generated from mixins =Reference at http://compass-style.org/reference/compass/support/ ----------------------------------------------------------------------------- */ iframe { border: none; } * { box-sizing: border-box; } #overlay_container { display: inline-block; } .overlay_content { width: auto; } #meerkat-container { text-align: center; } html { height: auto !important; } footer { background: transparent; clear: left; z-index: 10; position: relative; } #container { overflow: hidden; } @media screen and (max-width: 767px) { #container { background-repeat: repeat-y; background-position: top left; background-size: cover; } } #layout, .l-frame { width: 1200px; margin: 0 auto; clear: both; } @media screen and (min-width: 640px) and (max-width: 1200px) { #layout, .l-frame { width: 100%; max-width: 800px; margin: 0 auto; } } @media screen and (max-width: 767px) { #layout, .l-frame { width: 100%; max-width: 360px; margin: 0 auto; } } .full_column { margin: 10px 0 20px 0; padding: 0; float: left; display: block; margin-right: 0%; width: 100%; margin-right: 0; float: none; } .full_column:last-child { margin-right: 0; } @media screen and (max-width: 767px) { .full_column { margin-top: 0; } } @media screen and (min-width: 640px) and (max-width: 1200px) { .full_column { margin-top: 0; } .full_column .layout_title_white { margin-top: 0; } } @media screen and (max-width: 767px) { .home .full_column { margin-top: 30px; } } .full_column:after { content: ''; display: block; clear: both; } .one_sidebar_right #column_1 { float: left; display: block; margin-right: 0%; width: 66.66667%; } .one_sidebar_right #column_1:last-child { margin-right: 0; } .one_sidebar_right #column_2 { float: left; display: block; margin-right: 0%; width: 33.33333%; margin-right: 0; } .one_sidebar_right #column_2:last-child { margin-right: 0; } .one_sidebar_left #column_2 { float: left; display: block; margin-right: 0%; width: 66.66667%; } .one_sidebar_left #column_2:last-child { margin-right: 0; } .one_sidebar_left #column_1 { float: left; display: block; margin-right: 0%; width: 33.33333%; margin-right: 0; } .one_sidebar_left #column_1:last-child { margin-right: 0; } .subnav_fluid_bar .widget_inner { opacity: 1; max-width: 1180px; margin: auto; box-shadow: none; height: 90px; } .html_block iframe { position: relative; } .html_block:after { position: absolute; top: 0px; height: 20px; content: ''; width: 100%; left: 0; display: block; } /** Description: Will take care of resposiveness as well as widget rendering based on attrs Masonry plugin uses these styles to rerender the grid on image resize Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 0. BASE GRID AND WIDGET CLASSES 1. MAKING BUMPER WIDGETS OVERFLOW GRID 2. WIDTH BASED STYLES 3. HEIGHT BASED STYLES 4. SPECIFIC WIDGET GRID STYLES - 4.1 FAQ Grid Styles - 4.2 Events widget grid styles - 4.3 News list grid styles - 4.4 Recent news widget inside of pages - 4.4b News Widget Single - 4.5 Spotlight grid styles - 4.6 Promotions and photo gallery grid styles - 4.7 Players listing and large spotlight grid styles (5 columns) - 4.9 Slide grid styles - 4.10 Social Widgets grid styles - 4.11 Scripts widget grid styles - 4.12 Bumper widget grid styles - 4.13 Youtube widget grid styles - 4.14 Gallery widget grid styles */ /* ==================================== 0. Base grid and widget classes ==================================== */ .masonry_wrapper { position: relative; display: block; clear: both; overflow: hidden; height: 100%; } .content_item { padding: 10px; } @media screen and (max-width: 767px) { .content_item { padding: 10px 0; } } .full_column.content_container .content_item { width: 910px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .full_column.content_container .content_item { width: 100%; } } @media screen and (max-width: 767px) { .full_column.content_container .content_item { width: 100%; } } .content_item_sizer { width: 400px; } @media screen and (min-width: 1200px) and (max-width: 1200px) { .content_item_sizer { width: 33.33333%; } } @media screen and (min-width: 640px) and (max-width: 1200px) { .content_item_sizer { width: 50%; } } @media screen and (max-width: 767px) { .content_item_sizer { width: 100%; } } .full_column.content_container .content_item_sizer { width: 910px; } .widget_inner { height: 100%; padding: 10px; position: relative; z-index: 3; border-radius: 6px; border: 1px solid transparent; overflow: hidden; } .widget_inner.bleedImg { background: none; overflow: visible; } .bottom_aside { position: absolute; bottom: 15px; left: 30px; padding-top: 10px; width: calc(100% - 60px); } .widget_title_wrapper { position: absolute; top: 0; left: 0; height: 60px; line-height: 60px; width: 100%; text-align: center; text-transform: uppercase; } .widget_title_wrapper:before { width: 100%; width: calc(100% - 60px); height: 1px; display: block; content: ''; transform: translate(30px, 30px); -ms-transform: translate(30px, 30px); -webkit-transform: translate(30px, 30px); } .widget_title_wrapper + div { margin-top: 60px; } .widget_content_padding { padding: 20px; position: relative; } /* ==================================== 1. Making bumper widgets overflow grid ==================================== */ @media screen and (min-width: 640px) and (max-width: 1200px) { .bleed { opacity: 0; height: 0; padding: 0; } } @media screen and (max-width: 767px) { .bleed { opacity: 0; padding: 0; height: 0; } } .bleedImg { border: none; box-shadow: none; z-index: 1; } .bleedImg.left { margin-left: -200px; margin-top: 0; opacity: 0; } .bleedImg.right { margin-left: -200px; margin-top: 0; opacity: 0; } .bleedImg img { position: relative; z-index: 2; } /* ==================================== 2. Width based styles ==================================== */ [data-width="1"] { float: left; display: block; margin-right: 0%; width: 33.33333%; } [data-width="1"]:last-child { margin-right: 0; } [data-width="2"] { float: left; display: block; margin-right: 0%; width: 66.66667%; } [data-width="2"]:last-child { margin-right: 0; } [data-width="3"] { float: left; display: block; margin-right: 0%; width: 100%; } [data-width="3"]:last-child { margin-right: 0; } [data-width] { margin: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { [data-width] { float: left; display: block; margin-right: 0%; width: 50%; margin: 0; } [data-width]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { [data-width] { float: left; display: block; margin-right: 0%; width: 100%; margin: 0; float: none; } [data-width]:last-child { margin-right: 0; } } /* ==================================== 3. Height based styles ==================================== */ [data-height="1"] { height: 330px; } [data-height="2"] { height: 660px; } .home .textarea[data-height="1"] { height: 330px; } .home .textarea[data-height="2"] { height: 660px; } .textarea[data-height][data-width="1"] { height: 330px; } .textarea[data-height] { height: auto; } @media screen and (min-width: 640px) and (max-width: 1200px) { .textarea[data-height] { width: 100%; } } @media screen and (max-width: 767px) { .textarea[data-height] { width: 100%; } } /* ==================================== 4. Specific widget grid styles ==================================== */ /* 4.1 FAQ Grid Styles ==================================== */ .faq[data-height] { height: auto; } /* 4.2 Events widget grid styles ==================================== */ .gameswidget[data-layout="three_col_standard"] { height: 120px; float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="three_col_standard"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .gameswidget[data-layout="three_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="three_col_standard"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .gameswidget[data-layout="three_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="three_col_standard"]:last-child { margin-right: 0; } } .gameswidget[data-layout="three_col_standard"] .widget_inner { background: transparent; padding: 0; } .gameswidget[data-layout="two_col_standard"] { float: left; display: block; margin-right: 0%; width: 66.66667%; height: 330px; } .gameswidget[data-layout="two_col_standard"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .gameswidget[data-layout="two_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="two_col_standard"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .gameswidget[data-layout="two_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="two_col_standard"]:last-child { margin-right: 0; } } .gameswidget[data-layout="two_col_standard"] .upcoming_games { float: left; display: block; margin-right: 0%; width: 50%; } .gameswidget[data-layout="two_col_standard"] .upcoming_games:last-child { margin-right: 0; } .gameswidget[data-layout="two_col_standard"] .past_game { float: left; display: block; margin-right: 0%; width: 50%; } .gameswidget[data-layout="two_col_standard"] .past_game:last-child { margin-right: 0; } .gameswidget[data-layout="one_col_standard"], .gameswidget[data-layout="one_col_multiple"] { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 330px; } .gameswidget[data-layout="one_col_standard"]:last-child, .gameswidget[data-layout="one_col_multiple"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .gameswidget[data-layout="one_col_standard"], .gameswidget[data-layout="one_col_multiple"] { float: left; display: block; margin-right: 0%; width: 50%; } .gameswidget[data-layout="one_col_standard"]:last-child, .gameswidget[data-layout="one_col_multiple"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .gameswidget[data-layout="one_col_standard"], .gameswidget[data-layout="one_col_multiple"] { float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="one_col_standard"]:last-child, .gameswidget[data-layout="one_col_multiple"]:last-child { margin-right: 0; } } /* 4.3 News list grid styles ==================================== */ .news_list { float: left; display: block; margin-right: 0%; width: 100%; } .news_list:last-child { margin-right: 0; } /* 4.4 Recent news widget inside of pages ==================================== */ .newswidget_recent { height: 660px; } .newswidget_recent.newswidget_recent[data-layout="three_col_thumbs_standard"] { height: auto; width: 100%; } .newswidget_recent.newswidget_recent[data-layout="two_col_thumbs_standard"] { float: left; display: block; margin-right: 0%; width: 66.66667%; } .newswidget_recent.newswidget_recent[data-layout="two_col_thumbs_standard"]:last-child { margin-right: 0; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"] { float: left; display: block; margin-right: 0%; width: 33.33333%; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .newswidget_recent.newswidget_recent[data-layout="two_col_thumbs_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .newswidget_recent.newswidget_recent[data-layout="two_col_thumbs_standard"]:last-child { margin-right: 0; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"] { float: left; display: block; margin-right: 0%; width: 50%; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .newswidget_recent { height: auto; } .newswidget_recent .widget_content_padding { overflow: hidden; } .newswidget_recent.newswidget_recent[data-layout="two_col_thumbs_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .newswidget_recent.newswidget_recent[data-layout="two_col_thumbs_standard"]:last-child { margin-right: 0; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"] { float: left; display: block; margin-right: 0%; width: 100%; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"]:last-child { margin-right: 0; } } /* 4.4b News Widget Single ==================================== */ .newswidget_single[data-layout="one_col_tall"] { height: 660px; float: left; display: block; margin-right: 0%; width: 33.33333%; } .newswidget_single[data-layout="one_col_tall"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .newswidget_single[data-layout="one_col_tall"] { float: left; display: block; margin-right: 0%; width: 50%; } .newswidget_single[data-layout="one_col_tall"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .newswidget_single[data-layout="one_col_tall"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .newswidget_single[data-layout="one_col_tall"]:last-child { margin-right: 0; } } .newswidget_single[data-layout="two_col_short"] { float: left; display: block; margin-right: 0%; width: 66.66667%; height: 330px; } .newswidget_single[data-layout="two_col_short"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .newswidget_single[data-layout="two_col_short"] { float: left; display: block; margin-right: 0%; width: 100%; } .newswidget_single[data-layout="two_col_short"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .newswidget_single[data-layout="two_col_short"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .newswidget_single[data-layout="two_col_short"]:last-child { margin-right: 0; } } .newswidget_single[data-layout="one_col_standard"], .newswidget_single[data-layout="one_col_small_thumb"] { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 330px; } .newswidget_single[data-layout="one_col_standard"]:last-child, .newswidget_single[data-layout="one_col_small_thumb"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .newswidget_single[data-layout="one_col_standard"], .newswidget_single[data-layout="one_col_small_thumb"] { float: left; display: block; margin-right: 0%; width: 50%; } .newswidget_single[data-layout="one_col_standard"]:last-child, .newswidget_single[data-layout="one_col_small_thumb"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .newswidget_single[data-layout="one_col_standard"], .newswidget_single[data-layout="one_col_small_thumb"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .newswidget_single[data-layout="one_col_standard"]:last-child, .newswidget_single[data-layout="one_col_small_thumb"]:last-child { margin-right: 0; } } /* 4.5 Spotlight grid styles ==================================== */ @media screen and (max-width: 767px) { .spotlight[data-width] { width: 100%; } } @media screen and (min-width: 640px) and (max-width: 1200px) { .spotlight[data-width] { width: 100%; } } /* 4.6 Promotions and photo gallery grid styles ==================================== */ .promotionswidget .widget_inner { margin: 0; padding: 0; overflow: hidden; } .promotionswidget[data-layout='three_col'][data-pagetype="tall_image"] { float: left; display: block; margin-right: 0%; width: 100%; height: 330px; } .promotionswidget[data-layout='three_col'][data-pagetype="tall_image"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .promotionswidget[data-layout='three_col'][data-pagetype="tall_image"] { height: auto; float: left; display: block; margin-right: 0%; width: 100%; } .promotionswidget[data-layout='three_col'][data-pagetype="tall_image"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .promotionswidget[data-layout='three_col'][data-pagetype="tall_image"] { height: auto; float: left; display: block; margin-right: 0%; width: 100%; } .promotionswidget[data-layout='three_col'][data-pagetype="tall_image"]:last-child { margin-right: 0; } } .promotionswidget[data-layout='three_col'][data-pagetype="short_image"] { float: left; display: block; margin-right: 0%; width: 100%; height: 160px; } .promotionswidget[data-layout='three_col'][data-pagetype="short_image"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .promotionswidget[data-layout='three_col'][data-pagetype="short_image"] { height: auto; float: left; display: block; margin-right: 0%; width: 100%; } .promotionswidget[data-layout='three_col'][data-pagetype="short_image"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .promotionswidget[data-layout='three_col'][data-pagetype="short_image"] { height: auto; float: left; display: block; margin-right: 0%; width: 100%; } .promotionswidget[data-layout='three_col'][data-pagetype="short_image"]:last-child { margin-right: 0; } } .promotionswidget[data-layout='one_col'] { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 330px; } .promotionswidget[data-layout='one_col']:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .promotionswidget[data-layout='one_col'] { float: left; display: block; margin-right: 0%; width: 50%; overflow: hidden; } .promotionswidget[data-layout='one_col']:last-child { margin-right: 0; } .promotionswidget[data-layout='one_col'] .promo_image img { height: 100%; } } @media screen and (max-width: 767px) { .promotionswidget[data-layout='one_col'] { height: auto; float: left; display: block; margin-right: 0%; width: 100%; } .promotionswidget[data-layout='one_col']:last-child { margin-right: 0; } } /* 4.7 Players listing and large spotlight grid styles ==================================== */ .player_item.col5of5, .spotlight[data-layout*="image"] .entry { float: left; display: block; margin-right: 0%; width: 20%; height: 386px; position: relative; padding: 10px; } .player_item.col5of5:last-child, .spotlight[data-layout*="image"] .entry:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .player_item.col5of5, .spotlight[data-layout*="image"] .entry { float: left; display: block; margin-right: 0%; width: 33.33333%; } .player_item.col5of5:last-child, .spotlight[data-layout*="image"] .entry:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .player_item.col5of5, .spotlight[data-layout*="image"] .entry { float: left; display: block; margin-right: 0%; width: 50%; } .player_item.col5of5:last-child, .spotlight[data-layout*="image"] .entry:last-child { margin-right: 0; } } .grid_listing .player_item.col4of4 { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 445px; position: relative; padding: 10px; } .grid_listing .player_item.col4of4:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .grid_listing .player_item.col4of4 { float: left; display: block; margin-right: 0%; width: 50%; } .grid_listing .player_item.col4of4:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .grid_listing .player_item.col4of4 { height: 440px; float: left; display: block; margin-right: 0%; width: 100%; } .grid_listing .player_item.col4of4:last-child { margin-right: 0; } } .row_listing .player_item.col4of4 { float: left; display: block; margin-right: 0%; width: 100%; min-height: 220px; height: auto; position: relative; padding: 10px; } .row_listing .player_item.col4of4:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .row_listing .player_item.col4of4 { float: left; display: block; margin-right: 0%; width: 100%; } .row_listing .player_item.col4of4:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .row_listing .player_item.col4of4 { height: 440px; float: left; display: block; margin-right: 0%; width: 100%; } .row_listing .player_item.col4of4:last-child { margin-right: 0; } } /* 4.9 Slide grid styles ==================================== */ .slide .widget_inner { padding: 0; } .slide[data-layout="carousel"], .slide[data-layout="lead"], .slide[data-layout="lead_pencil"], .slide[data-layout="carousel_promo"], .slide[data-layout="homepage_slideshow"] { float: left; display: block; margin-right: 0%; width: 100%; } .slide[data-layout="carousel"]:last-child, .slide[data-layout="lead"]:last-child, .slide[data-layout="lead_pencil"]:last-child, .slide[data-layout="carousel_promo"]:last-child, .slide[data-layout="homepage_slideshow"]:last-child { margin-right: 0; } .slide[data-layout="standard_store"], .slide[data-layout="homepage_slideshow"] { float: left; display: block; margin-right: 0%; width: 100%; } .slide[data-layout="standard_store"]:last-child, .slide[data-layout="homepage_slideshow"]:last-child { margin-right: 0; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] { float: left; display: block; margin-right: 0%; width: 100%; height: 429px; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] { float: left; display: block; margin-right: 0%; width: 100%; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"]:last-child { margin-right: 0; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] .custom_navigation { display: none !important; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] .owl-controls { display: block !important; left: 0; top: auto; bottom: 108px; width: calc(100% - 20px); } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] .owl-controls .owl-pagination { max-width: 100%; text-align: center; display: block !important; } .slide[data-layout="carousel_store"][data-maxitems="three_item_visible"] .owl-item .entry img { max-width: 100%; height: 200px; margin-bottom: 20px; } } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] { float: left; display: block; margin-right: 0%; width: 66.66667%; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] { float: left; display: block; margin-right: 0%; width: 100%; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"]:last-child { margin-right: 0; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation { position: absolute; bottom: 67px; left: 0; width: 170px; height: 40px; bottom: 9px !important; background: #fff !important; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .prev, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next { position: absolute; left: 30px; right: auto; top: auto; bottom: 0; height: 30px; display: block; background: none !important; font: 0/0; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .prev:before, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .prev:after, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:before, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0; cursor: pointer; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .prev:before, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:before { bottom: 10px; left: 1px; border-right-color: #777; border-width: 8px; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .prev:after, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:after { bottom: 11px; top: auto; left: 2px; border-right-color: #fff; border-width: 7px; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next { left: 50px; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:before, .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:after { border-right: 0; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:before { left: 2px; border-left-color: #777; border-left: 8px solid #777; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .custom_navigation .next:after { border-left-color: #fff; border-left: 7px solid #fff; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .bottom_aside { bottom: -33px !important; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .owl-controls { display: block !important; top: auto; bottom: 17px; left: 90px; z-index: 2; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .owl-controls .owl-pagination { display: block; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .owl-controls .owl-page span { width: 6px; height: 6px; margin: 0 4px; } .slide[data-layout="carousel_store"][data-maxitems="two_item_visible"] .owl-item .entry img { max-width: 100%; height: 180px; } } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"] { float: left; display: block; margin-right: 0%; width: 33.33333%; } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"] { float: left; display: block; margin-right: 0%; width: 50%; } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"]:last-child { margin-right: 0; } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"] .owl-item .entry img { max-width: 100%; height: 170px; } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"] .custom_navigation { bottom: 9px !important; } .slide[data-layout="carousel_store"][data-maxitems="one_item_visible"] .bottom_aside { bottom: -33px !important; } } .slide[data-layout="media_listing_wide"] { height: 660px; float: left; display: block; margin-right: 0%; width: 66.66667%; } .slide[data-layout="media_listing_wide"]:last-child { margin-right: 0; } .slide[data-layout="media_listing"] { height: 660px; float: left; display: block; margin-right: 0%; width: 33.33333%; } .slide[data-layout="media_listing"]:last-child { margin-right: 0; } .slide[data-layout='carousel_store'] { height: 330px; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_one_rotator"] { width: 100%; } @media screen and (max-width: 767px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_one_rotator"] { height: auto; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_one_rotator"] { height: 390px; width: 100%; margin: 0 auto; } } @media screen and (min-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_one_rotator"] { height: 560px; width: 1200px; } } .slide[data-layout="homepage_slideshow"][data-pagetype="home_three_rotator"] { height: 560px; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { height: auto; width: 100%; margin: 0 auto; } @media screen and (min-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { width: 100%; } } .slide[data-layout='standard_store'], .slide[data-layout="homepage_slideshow"][data-pagetype="home_one_side_captions"] { height: 400px; } .slide[data-layout='carousel_promo'] { float: left; display: block; margin-right: 0%; width: 100%; height: 160px; } .slide[data-layout='carousel_promo']:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .slide[data-layout='carousel_promo'] { float: left; display: block; margin-right: 0%; width: 100%; } .slide[data-layout='carousel_promo']:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .slide[data-layout='carousel_promo'] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .slide[data-layout='carousel_promo']:last-child { margin-right: 0; } .slide[data-layout='carousel_promo'] .owl-item .entry img { max-width: 100%; height: 100px; } } /* 4.10 Social Widgets grid styles ==================================== */ .socialwidget { height: 330px; } .socialwidget[data-layout="tabbed"][data-width="1"] { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 660px; } .socialwidget[data-layout="tabbed"][data-width="1"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .socialwidget[data-layout="tabbed"][data-width="1"] { float: left; display: block; margin-right: 0%; width: 50%; } .socialwidget[data-layout="tabbed"][data-width="1"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .socialwidget[data-layout="tabbed"][data-width="1"] { float: left; display: block; margin-right: 0%; width: 100%; } .socialwidget[data-layout="tabbed"][data-width="1"]:last-child { margin-right: 0; } } .socialwidget[data-layout="tabbed"][data-width="3"] { float: left; display: block; margin-right: 0%; width: 100%; } .socialwidget[data-layout="tabbed"][data-width="3"]:last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) { height: 160px; float: left; display: block; margin-right: 0%; width: 100%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive):last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper { float: left; display: block; margin-right: 0%; width: 22.22222%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper:last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent { float: left; display: block; margin-right: 0%; width: 66.66667%; margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent:last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsTmb { left: -264px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .bottom_aside { left: -240px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) { float: left; display: block; margin-right: 0%; width: 100%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive):last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper { float: left; display: block; margin-right: 0%; width: 37.5%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper:last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent { float: left; display: block; margin-right: 0%; width: 62.5%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent:last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsTmb { left: -160px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .bottom_aside { left: -135px; } } @media screen and (min-width: 1200px) { .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper { float: left; display: block; margin-right: 0%; width: 33.33333%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper:last-child { margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent { float: left; display: block; margin-right: 0%; width: 66.66667%; margin-right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent:last-child { margin-right: 0; } } .socialwidget[data-layout="social"][data-width="1"], .socialwidget[data-layout="social"].social-responsive[data-width="3"] { float: left; display: block; margin-right: 0%; width: 33.33333%; } .socialwidget[data-layout="social"][data-width="1"]:last-child, .socialwidget[data-layout="social"].social-responsive[data-width="3"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .socialwidget[data-layout="social"][data-width="1"], .socialwidget[data-layout="social"].social-responsive[data-width="3"] { float: left; display: block; margin-right: 0%; width: 50%; } .socialwidget[data-layout="social"][data-width="1"]:last-child, .socialwidget[data-layout="social"].social-responsive[data-width="3"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .socialwidget[data-layout="social"][data-width="1"], .socialwidget[data-layout="social"].social-responsive[data-width="3"] { float: left; display: block; margin-right: 0%; width: 100%; } .socialwidget[data-layout="social"][data-width="1"]:last-child, .socialwidget[data-layout="social"].social-responsive[data-width="3"]:last-child { margin-right: 0; } } /* 4.11 Scripts widget grid styles ==================================== */ .scriptswidget[data-layout="one_col_standard"] { height: 330px; float: left; display: block; margin-right: 0%; width: 33.33333%; text-align: center; } .scriptswidget[data-layout="one_col_standard"]:last-child { margin-right: 0; } .scriptswidget[data-layout="one_col_standard"] .widget_inner { padding: 28px 10px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .scriptswidget[data-layout="one_col_standard"] { float: left; display: block; margin-right: 0%; width: 50%; } .scriptswidget[data-layout="one_col_standard"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .scriptswidget[data-layout="one_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .scriptswidget[data-layout="one_col_standard"]:last-child { margin-right: 0; } } .scriptswidget[data-layout="three_col_standard"] { height: auto; float: left; display: block; margin-right: 0%; width: 100%; text-align: center; } .scriptswidget[data-layout="three_col_standard"]:last-child { margin-right: 0; } .scriptswidget[data-layout="three_col_standard"] .widget_inner { background: none !important; border: none; padding: 0; } @media screen and (max-width: 767px) { .scriptswidget[data-layout="three_col_standard"] { display: none; } } .htmlblockwidget { height: auto; float: left; display: block; margin-right: 0%; width: 100%; } .htmlblockwidget:last-child { margin-right: 0; } .htmlblockwidget .widget_inner { padding: 0; } .htmlblockwidget[data-layout="one_col_standard"] { height: 330px; float: left; display: block; margin-right: 0%; width: 33.33333%; } .htmlblockwidget[data-layout="one_col_standard"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .htmlblockwidget[data-layout="one_col_standard"] { float: left; display: block; margin-right: 0%; width: 50%; } .htmlblockwidget[data-layout="one_col_standard"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="one_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .htmlblockwidget[data-layout="one_col_standard"]:last-child { margin-right: 0; } } .htmlblockwidget[data-layout="default"] .widget_inner { padding: 2% 5%; background: white; } @media screen and (min-width: 768px) and (max-width: 1200px) { .htmlblockwidget[data-layout="default"] .widget_inner { padding: 7% 15%; } } /* 4.12 Bumper widget grid styles ==================================== */ @media screen and (min-width: 640px) and (max-width: 1200px) { .bumperwidget { display: none; } } @media screen and (max-width: 767px) { .bumperwidget { display: none; } } /* 4.13 Youtube Gallery Grid ==================================== */ .youtubewidget .widget_inner { margin: 0; padding: 0; } .youtubewidget[data-layout="playlist_youtube"] { height: 660px; float: left; display: block; margin-right: 0%; width: 66.66667%; } .youtubewidget[data-layout="playlist_youtube"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .youtubewidget[data-layout="playlist_youtube"] { float: left; display: block; margin-right: 0%; width: 100%; } .youtubewidget[data-layout="playlist_youtube"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .youtubewidget[data-layout="playlist_youtube"] { height: 467px; float: left; display: block; margin-right: 0%; width: 100%; } .youtubewidget[data-layout="playlist_youtube"]:last-child { margin-right: 0; } } .youtubewidget[data-layout="single_youtube"] { height: 330px; float: left; display: block; margin-right: 0%; width: 33.33333%; } .youtubewidget[data-layout="single_youtube"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .youtubewidget[data-layout="single_youtube"] { float: left; display: block; margin-right: 0%; width: 50%; } .youtubewidget[data-layout="single_youtube"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .youtubewidget[data-layout="single_youtube"] { float: left; display: block; margin-right: 0%; width: 100%; } .youtubewidget[data-layout="single_youtube"]:last-child { margin-right: 0; } } /* 4.14 Gallery Grid ==================================== */ .galleries .widget_inner { margin: 0; padding: 0; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] { height: 330px; float: left; display: block; margin-right: 0%; width: 33.33333%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] { float: left; display: block; margin-right: 0%; width: 50%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"]:last-child { margin-right: 0; } } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] { height: 330px; float: left; display: block; margin-right: 0%; width: 33.33333%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] { float: left; display: block; margin-right: 0%; width: 50%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"]:last-child { margin-right: 0; } } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] { height: 660px; float: left; display: block; margin-right: 0%; width: 66.66667%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] { height: 660px; float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] { height: 400px; float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"]:last-child { margin-right: 0; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] { height: 330px; float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"]:last-child { margin-right: 0; } .galleries[data-layout="multiple_gallery"] { height: 330px; } @media screen and (max-width: 767px) { .galleries[data-layout="multiple_gallery"] { height: auto; } } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col"] { float: left; display: block; margin-right: 0%; width: 66.66667%; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="multiple_gallery"][data-maxitems="two_col"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="multiple_gallery"][data-maxitems="two_col"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col"]:last-child { margin-right: 0; } } .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"]:last-child { margin-right: 0; } } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] { float: left; display: block; margin-right: 0%; width: 66.66667%; height: 660px; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] { float: left; display: block; margin-right: 0%; width: 100%; height: auto; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"]:last-child { margin-right: 0; } } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] { float: left; display: block; margin-right: 0%; width: 33.33333%; height: 660px; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"]:last-child { margin-right: 0; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] { float: left; display: block; margin-right: 0%; width: 50%; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] { float: left; display: block; margin-right: 0%; width: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"]:last-child { margin-right: 0; } } .mfp-content .galleries[data-pagetype="two_col_slideshow"] { width: 100%; height: 680px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .mfp-content .galleries[data-pagetype="two_col_slideshow"] { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 767px) { .mfp-content .galleries[data-pagetype="two_col_slideshow"] { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; height: 400px; } } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .widget_inner { border: none; border-radius: 0; } /** Description: Header styles for team scaffold Version: 1.0.0 Last update: 2014/12/04 Author: Carbonhouse Dev Team Summary: 0. HEADER CLASS - 0.1. header wrapper - 0.2. main logo - 0.3 toolbar - 0.4 league header 1. HEADER ON MOBILE */ /* ================================= 0. Header Class =================================*/ header { width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; text-align: center; position: relative; *zoom: 1; /* 0.1 Header Wrapper =================================*/ /* 0.2 Main Logo =================================*/ /* 0.3 Toolbar Section =================================*/ /* 0.4 league header =================================*/ } header:before, header:after { content: "\0020"; display: table; } header:after { clear: both; } @media screen and (min-width: 1200px) { header { padding-bottom: 0; } } header .header_inner { position: relative; max-width: 1180px; height: 145px; margin: 0 auto; padding: 0 10px; } @media screen and (min-width: 1200px) { header .header_inner { padding: 0; } } header .logo { float: left; } header .logo a, header .logo span { display: block; width: 100%; height: 100%; text-indent: -9999px; } header .toolbar { float: right; width: 440px; margin-top: 10px; padding: 0; background: transparent; } header .toolbar ul { height: 35px; margin: 0; padding: 0 10px; list-style: none; border-bottom: 2px solid rgba(255, 255, 255, 0.4); } @media screen and (max-width: 767px) { header .toolbar ul { padding: 0; } } header .toolbar li { position: relative; float: left; width: 30px; height: 30px; margin: 0 6px; padding: 0; } header .toolbar span { position: relative; display: block; } header .league-header { display: none; } header .league-header .league-logo { display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { header .league-header { display: block; } header .league-header .league-frame { display: none; } header .league-header .league-logo { display: block; width: 178px; height: 79px; background: transparent url("../images/logo-ahlnetwork.png") center center no-repeat; text-indent: -9999px; overflow: hidden; float: right; position: absolute; left: 50px; top: 50%; margin-top: -39px; } } @media screen and (min-width: 1200px) { header .league-header { display: block; } } header [data-layout="inline"] .league-header { float: right; position: relative; } header [data-layout="inline"] .league-header table { max-width: 730px; float: right; margin-bottom: 0; position: relative; } header [data-layout="inline"] .league-header table td { padding: 0; } header [data-layout="inline"] .league-header table td[width="150"] { width: 18.75%; } header [data-layout="inline"] .league-header table td[width="650"] { width: 81.25%; } header [data-layout="inline"] .league-header table td[width="650"]:first-child { width: 100%; } header .ahl_container > div { background-color: transparent !important; } header .ahl_container select { border-radius: 0; margin: 0 4px !important; } header .ahl_container select[name="ahl_teams_select"] { max-width: 200px; } header .ahl_container select[name="ahl_site_select"] { max-width: 180px; } /* ================================= 1. Header on mobile/tablet =================================*/ @media screen and (max-width: 767px) { .logo { display: none; } .layout-mobile .logo { display: block; } .layout-mobile .logo_wrapper { width: 420px; margin: 0 auto; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .logo { display: none; } .layout-middledesktop .logo { display: block; margin: 0; } } .layout-middledesktop .logo { margin: 0; } .toolbar a { font-size: 10px; line-height: 40px; position: relative; display: block; margin: auto; padding: 0 8px; text-indent: -9999px; } .toolbar a:hover { opacity: 0.8; } .toolbar a.facebook { width: 10px; height: 20px; margin-left: 15px; background: url("../images/facebook.svg") no-repeat; } .toolbar a.twitter { width: 20px; height: 20px; margin-top: 3px; background: url("../images/twitter.svg") no-repeat; } .toolbar a.google_plus { width: 20px; height: 20px; background: url("../images/googleplus.svg") no-repeat; } .toolbar a.pinterest { width: 20px; height: 20px; background: url("../images/pinterest.svg") no-repeat; } .toolbar a.linkedin { width: 20px; height: 20px; background: url("../images/in.svg") no-repeat; } .toolbar a.youtube { width: 20px; height: 20px; background: url("../images/youtube.svg") no-repeat; } .toolbar a.tumblr { width: 20px; height: 20px; background: url("../images/tumblr.svg") no-repeat; } .toolbar a.instagram { width: 20px; height: 20px; background: url("../images/insta.svg") no-repeat; } .toolbar a.flikr { width: 20px; height: 20px; background: url("../images/flickr.svg") no-repeat; } .toolbar a.foursquare { width: 20px; height: 20px; background: url("../images/foursquare.svg") no-repeat; } .toolbar .header_sponsor { width: 387px; height: 70px; margin-top: 30px; margin-left: 27px; background: url("../images/gasag.svg") no-repeat; } /** ECHL Network lives outside of header but AHL header lives in header */ [data-framework="sports_echl"] #echlNB { min-height: 33px; } @media screen and (max-width: 1000px) { [data-framework="sports_echl"] .league-header { display: none; } } /** Description: Main navigation for desktop, tablet and mobile. This navigation has a full width subnav. Version: 1.0.0 Last update: 2014/12/24 Author: Carbonhouse Dev Team Summary: 0. MAIN NAV ELEMENT 1. DROPDOWN NAV 2. SEARCH 3. MOBILE NAV TRIGGER 4. MOBILE NAV 5. TABLET NAV 6. MOBILE/TABLET NAV 7. MOBILE/TABLET NAV SEARCH */ /* ======================================== 0. Main Nav Element ======================================== */ nav.main_navigation { visibility: hidden; } body[class*="layout-"] nav.main_navigation { visibility: visible; } @media screen and (min-width: 768px) and (max-width: 1200px) { nav.main_navigation { display: none; } } @media screen and (max-width: 767px) { nav.main_navigation { display: none; } } nav { position: relative; z-index: 500; display: none; clear: both; width: 100%; height: 0; margin: 0; padding: 0; visibility: hidden; } body[class*="layout-"] nav { visibility: visible; } .nav-open nav { display: block; } @media screen and (min-width: 1200px) { nav { height: 60px; display: block; } nav.fixed { position: fixed; top: -60px; } } nav .nav-icon-plus-container, nav .nav_social, nav .nav_search_touch_only { display: none; } nav ul { display: table; max-width: 1180px; min-height: 60px; margin: 0 auto; padding: 0; text-align: left; } @media screen and (min-width: 1200px) { nav ul { padding-right: 50px; width: 1180px; } } nav ul li { display: block; margin: 0; padding: 0; } nav ul li:first-child, nav ul li.page_1 { display: none; } nav ul ul { padding-right: 0; } nav > ul > li > a { height: 60px; line-height: 60px; } @media screen and (min-width: 1200px) { nav > ul > li:first-child:nth-last-child(11) > a, nav > ul > li:first-child:nth-last-child(11) > a:visited, nav > ul > li:first-child:nth-last-child(11) ~ li > a, nav > ul > li:first-child:nth-last-child(11) ~ li > a:visited, nav > ul > li:first-child:nth-last-child(12) > a, nav > ul > li:first-child:nth-last-child(12) > a:visited, nav > ul > li:first-child:nth-last-child(12) ~ li > a, nav > ul > li:first-child:nth-last-child(12) ~ li > a:visited, nav > ul > li:first-child:nth-last-child(13) > a, nav > ul > li:first-child:nth-last-child(13) > a:visited, nav > ul > li:first-child:nth-last-child(13) ~ li > a, nav > ul > li:first-child:nth-last-child(13) ~ li > a:visited { padding: 0 22px; } nav > ul { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: flex; -webkit-box-pack: justify; box-pack: justify; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; } } nav a, nav a:visited, nav span.nav_search { font-size: 15px; display: block; margin: 0; padding: 0 25px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; outline: none; -webkit-transition: all 175ms linear; transition: all 175ms linear; } @media screen and (min-width: 640px) and (max-width: 1200px) { nav a, nav a:visited, nav span.nav_search { font-size: 14px; } } nav a span, nav a:visited span, nav span.nav_search span { font-size: 22px; font-weight: 300; display: block; clear: both; margin: 0 0 10px; letter-spacing: 1.5px; text-transform: uppercase; } nav > ul > li { float: left; height: 60px; -webkit-box-flex: 1; flex: auto; text-align: center; } nav > ul > li > a { position: relative; } nav > ul > li > a:before { content: ''; width: 1px; height: 20px; position: absolute; top: 50%; right: 0; margin-top: -10px; } nav > ul > li > a:after { -webkit-transition: all 175ms linear; transition: all 175ms linear; content: ''; position: absolute; width: 100%; bottom: 0px; left: 0; height: 5px; } @media screen and (min-width: 1200px) { nav > ul > li.active > a:after, nav > ul > li:hover > a:after { content: ''; background-color: rgba(255, 255, 255, 0.5); } } /* ======================================== 1. Dropdown Nav ======================================== */ .nav_backdrop { position: absolute; z-index: 8999; top: 60px; right: 0; left: 0; display: none; width: 100%; min-height: 325px; } .nav_backdrop.inactive { display: none !important; } nav ul .sub { font-size: 14px; position: absolute; z-index: 9000; top: 60px; right: 0; left: 0; visibility: visible; width: 100%; margin: 0; padding: 30px 0 30px 0; min-height: 325px; overflow: hidden; } @media screen and (min-width: 1200px) { nav ul .sub { display: none; padding: 0; min-height: 0; border-bottom-width: 2px; border-bottom-style: solid; } nav ul .sub .sub_inner { padding: 30px 0; display: block; } } @media screen and (max-width: 767px) { .nav_backdrop.active_nav_bg { visibility: hidden; } } @media screen and (min-width: 640px) and (max-width: 1200px) { .nav_backdrop.active_nav_bg { visibility: hidden; } } nav li .sub.active_sub_bg { visibility: visible; -webkit-transition: all 175ms linear; transition: all 175ms linear; } @media screen and (max-width: 767px) { nav li .sub.active_sub_bg { visibility: hidden; } } @media screen and (min-width: 640px) and (max-width: 1200px) { nav li .sub.active_sub_bg { visibility: hidden; } } .sub_inner { z-index: 9001; max-width: 1180px; margin: 0 auto; margin-top: 0; opacity: 1; } .sub_inner.derpDown { margin-top: 0; opacity: 1; } .sub_inner ul { width: 100%; margin: 0; } .sub_inner ul li { float: left; } .sub_inner li:first-child { display: block; } .sub_inner .subnav_nav ul { float: left; width: 200px; min-height: 220px; margin: 0; padding: 0; border: none; border-top: none; background: none; } .sub_inner .subnav_nav ul li { float: none; height: auto; margin: 0; padding: 0; list-style-type: none; list-style-image: none; } .sub_inner .subnav_nav ul li:first-child { display: block; border-top: none; } .sub_inner .subnav_nav ul li:hover { background: none; } .sub_inner .subnav_nav ul a { position: relative; font-size: 14px; line-height: 120%; display: block; margin: 0; padding: 7px 25px; text-decoration: none; text-transform: none; font-family: 'Roboto'; font-weight: 700; letter-spacing: 1px; } @media screen and (min-width: 1200px) { .sub_inner .subnav_nav ul a { max-width: 200px; white-space: normal; } } .sub_inner .subnav_nav ul a:hover:before, .sub_inner .subnav_nav ul a.active:before { position: absolute; top: 0; left: 0; display: block; width: 6px; height: 100%; content: ""; } .sub_inner .subnav_nav ul a:after { content: ''; position: absolute; bottom: 9px; left: 0px; width: 90%; } @media screen and (min-width: 640px) and (max-width: 1200px) { .sub_inner .subnav_nav ul a:after { display: none; } } @media screen and (max-width: 767px) { .sub_inner .subnav_nav ul a:after { display: none; } } @media screen and (min-width: 1200px) { .sub_inner .subnav_nav ul a { border-bottom-width: 1px; border-bottom-style: solid; padding: 7px 15px; } } .sub_inner ul li.subnav_content { margin: 0 0 0 25px; padding: 0; float: left; position: relative; } .sub_inner ul li.subnav_content:before { content: ''; height: 100%; position: absolute; left: -20px; top: 0px; width: 1px; left: -27px; border-right: 1px solid #e1e1e1; } .sub_inner ul li.subnav_content a { font-size: 15px; letter-spacing: 1px; line-height: 24.75px; padding: 0; text-transform: none; } li.subnav_content ~ li.subnav_content { margin-left: 30px; } .sub_inner ul li.subnav_textarea, li.subnav_link { width: 235px; } .sub_inner ul li.subnav_promotionswidget { width: auto; overflow: hidden; } .nav_spot_list_image_text_grid, .nav_spot_list_image_only_grid, .nav_spot_list_standard_list { width: auto; max-width: 100%; *zoom: 1; } .nav_spot_list_image_text_grid:before, .nav_spot_list_image_text_grid:after, .nav_spot_list_image_only_grid:before, .nav_spot_list_image_only_grid:after, .nav_spot_list_standard_list:before, .nav_spot_list_standard_list:after { content: "\0020"; display: table; } .nav_spot_list_image_text_grid:after, .nav_spot_list_image_only_grid:after, .nav_spot_list_standard_list:after { clear: both; } .nav_spot_list_image_text_grid div, .nav_spot_list_image_only_grid div, .nav_spot_list_standard_list div { width: 240px; margin-left: 20px; float: left; } .nav_spot_list_image_text_grid div > a, .nav_spot_list_image_only_grid div > a, .nav_spot_list_standard_list div > a { height: 107px; overflow: hidden; padding: 0; margin: 0; } .nav_spot_list_image_text_grid div:first-of-type, .nav_spot_list_image_only_grid div:first-of-type, .nav_spot_list_standard_list div:first-of-type { margin-left: 0; } .nav_spot_list_image_text_grid img, .nav_spot_list_image_only_grid img, .nav_spot_list_standard_list img { width: 100%; } .nav_spot_list_image_text_grid { margin-top: 30px; } .nav_spot_list_image_text_grid h2 { margin: 0; padding: 0; display: none; } .nav_spot_list_standard_list { width: 105px; } .nav_spot_list_standard_list div { float: left; height: 47px; width: 47px; margin-bottom: 9px; margin-left: 0; } .nav_spot_list_standard_list div:nth-child(2n+1) { margin-left: 9px; } .nav_spot_list_standard_list div > a { height: 47px; width: 47px; overflow: hidden; padding: 0; margin: 0; border: none; } .nav_spot_list_image_only_grid[data-width="2"] { width: 170px; } .nav_spot_list_image_only_grid[data-width="2"] div { width: 170px; } .nav_spot_list_image_only_grid[data-width="3"] { width: 240px; } .nav_spot_list_image_only_grid div { margin: 0 0 20px 0; float: none; clear: both; } .nav_spot_list_image_only_grid p { display: none; } .sub_inner ul li.subnav_news { width: 320px; } .sub_inner ul li.subnav_news_recent { width: 320px; } .sub_inner ul li.subnav_news_fan { width: 170px; } .sub_inner ul li.subnav_roster { width: calc(100% - 240px); } .sub_inner ul li.subnav_roster.subnav_content { position: relative; } .sub_inner ul li.subnav_roster.subnav_content h2 { margin-bottom: 20px; padding: 0; line-height: 1; height: auto; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.075em; } .sub_inner ul li.subnav_roster.subnav_content .player_group { width: 25%; float: left; clear: none; } .sub_inner ul li.subnav_roster.subnav_content .player_group.wide { width: 50%; } .sub_inner ul li.subnav_roster.subnav_content .player_group.wide ul { width: 50%; float: left; } .sub_inner ul li.subnav_roster.subnav_content ul { padding: 0px 0px; min-height: 0px; } .sub_inner ul li.subnav_roster.subnav_content ul li { width: 100%; float: left; clear: none; /*strong{ float:left; padding: 5px 0px 5px; margin-right:5px; }*/ } .sub_inner ul li.subnav_roster.subnav_content ul li a { padding: 2px 0px 2px; font-size: 12px; font-family: Roboto; } .sub_inner ul li.subnav_roster.subnav_content ul li a:hover { background: none; } .sub_inner ul li.subnav_roster.subnav_content ul li a strong { font-size: 12px; } .sub_inner ul li.subnav_instagram { width: 150px; height: 200px; } .sub_inner ul li.subnav_instagram #instagram_container { height: 150px; background-size: cover; } .sub_inner ul li.subnav_content.block1 { width: 230px; } .sub_inner ul li.subnav_content.block2 { width: 240px; } .sub_inner ul li.subnav_content.block3 h2 { height: 31px; padding-right: 5px; } .sub_inner ul li.subnav_content.block3 .text1, .sub_inner ul li.subnav_content.block3 .text2, .sub_inner ul li.subnav_content.block3 .text3, .sub_inner ul li.subnav_content.block3 .text4 { float: left; line-height: 22px; } .sub_inner ul li.subnav_content.block3 ul { padding-right: 0; border-right: none; } .sub_inner ul li.subnav_content.block3 ul .text1, .sub_inner ul li.subnav_content.block3 ul .text2, .sub_inner ul li.subnav_content.block3 ul .text3, .sub_inner ul li.subnav_content.block3 ul .text4 { font-size: 17px; letter-spacing: 1px; line-height: 28.05px; letter-spacing: 0; line-height: 22px; } .sub_inner ul li.subnav_content.block3 .text1 { width: 30px; } .sub_inner ul li.subnav_content.block3 .text2 { width: 138px; padding-right: 8px; height: 20px; overflow: hidden; margin-bottom: 7px; } .sub_inner ul li.subnav_content.block3 .text3 { width: 30px; } .sub_inner ul li.subnav_content.block3 .text4 { width: 30px; } .sub_inner ul li.subnav_content p:first-child { margin: 0; padding: 0; } .sub_inner ul li.subnav_content p { font-size: 14px; } .sub_inner ul li.subnav_content strong { font-size: 14px; } .sub_inner ul li.subnav_content .linked_list { border: none; margin: 0; padding: 0; list-style: square; } .sub_inner ul li.subnav_content .linked_list li { line-height: 100%; padding: 0; margin: 0; text-transform: none; list-style-type: square; margin-left: 18px; padding-bottom: 3px; padding-top: 3px; position: relative; } .sub_inner ul li.subnav_content .linked_list li:before { display: block; position: absolute; content: ''; left: -15px; top: 10px; width: 5px; height: 5px; } .sub_inner ul li.subnav_content .linked_list li:first-child { padding-top: 0; } .sub_inner ul li.subnav_content .linked_list li:last-child { border-bottom: none; } .sub_inner ul li.subnav_content .linked_list a { text-transform: none; padding: 0; margin: 0; font-size: 15px; letter-spacing: 1px; line-height: 24.75px; letter-spacing: 0; } .sub_inner ul li.subnav_content h1, .sub_inner ul li.subnav_content h2, .sub_inner ul li.subnav_content h3, .sub_inner ul li.subnav_content h4, .sub_inner ul li.subnav_content h5 { font-size: 18px; height: 31px; margin: 0 0 20px 0; padding: 0 25px 9px 0; text-transform: none; } .sub_inner ul li.subnav_content ul { list-style: none; } .sub_inner ul li.subnav_content ul li { float: none; clear: left; } .sub_inner ul li.subnav_content ul li:first-child { display: block; } .sub_inner ul li.subnav_content ul li h3 { font-size: 14px; height: auto; margin: 0; padding: 0; border-bottom: none; } .sub_inner ul li.subnav_content ul li ul { margin: 5px 0 18px 0; padding: 0; border: none; } .sub_inner ul li.subnav_content ul li ul li { font-size: 17px; letter-spacing: 1px; line-height: 28.05px; letter-spacing: 0; line-height: 22px; } .sub_inner ul li.subnav_content ul li ul li .text1 { float: left; width: 200px; margin: 0 10px 0 0; } .sub_inner ul li.subnav_content ul li ul li .text2 { float: right; margin: 0 10px 0 0; } /* ======================================== 2. Search on nav ======================================== */ li.nav_search_li span.search-icon:after { display: none; } nav li.nav_search_li .sub.active_sub_bg { -webkit-transition: all 0s linear; transition: all 0s linear; } @media screen and (min-width: 1200px) { li.nav_search_li .search-icon { display: block; float: right; position: absolute; top: 0; right: 50%; margin-right: -590px; line-height: 60px; height: 60px; width: 55px; font-size: 20px; text-align: center; cursor: pointer; } li.nav_search_li .search-icon:after { content: ''; width: 1px; height: 20px; position: absolute; top: 50%; left: -1px; margin-top: -10px; } li.nav_search_li #searchIcon { display: none; -webkit-transition: all 0ms; transition: all 0ms; } li.nav_search_li #searchIcon * { -webkit-transition: all 0ms; transition: all 0ms; } li.nav_search_li.active_sub_item .search-icon:before { visibility: hidden; } li.nav_search_li.active_sub_item #searchIcon { margin: 16px auto 0; display: block; } li.nav_search_li .sub .sub_inner { background: none; padding: 0; } li.nav_search_li .sub { height: auto; min-height: 0; padding: 0; overflow: hidden; border-bottom: 1px solid #ccc; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); z-index: 8000; } li.nav_search_li .sub .search_extended { width: 100%; } li.nav_search_li .sub .search_extended label { overflow: hidden; height: 0; width: 0; padding: 0; margin: 0; display: block; } li.nav_search_li .sub .search_extended input { font-size: 22px; width: 70%; letter-spacing: 2px; border: none; background: transparent; outline: none; line-height: 60px; height: 62px; } li.nav_search_li .sub .search_extended button, li.nav_search_li .sub .search_extended a.submit { font-size: 24px; letter-spacing: 0.5px; float: right; margin-top: 0; margin-right: 15px; text-transform: uppercase; border: none; background: transparent; padding: 0; line-height: 60px; height: 60px; outline: none; text-indent: -9999px; overflow: hidden; width: 30px; position: relative; } li.nav_search_li .sub .search_extended button:before, li.nav_search_li .sub .search_extended a.submit:before { font-family: 'FontAwesome'; content: "\f002"; position: absolute; top: 50%; left: 50%; display: block; width: 30px; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } li.nav_search_li .sub .search_extended .search-input-extra, li.nav_search_li .sub .search_extended .results { display: none; } li.nav_search_li .sub .sub_inner { opacity: 1; margin-top: 0; } } /* ======================================== 3. Mobile Nav Trigger ======================================== */ .nav-trigger { display: none; padding-top: 5px; cursor: pointer; } .nav-trigger span { font-size: 12px; line-height: 16px; display: block; letter-spacing: 2px; color: #fff; } /* ======================================== 4. Mobile Nav ======================================== */ @media screen and (max-width: 767px) { .layout-mobile .nav-trigger { position: absolute; right: 20px; top: 50%; margin-top: -25px; display: block; height: 50px; text-transform: uppercase; padding-top: 0; color: #fff; } .layout-mobile .nav-trigger span { font-size: 10px; line-height: 20px; text-align: center; margin: 0 auto; } .layout-mobile header nav { position: fixed; left: 0; top: 85px; width: 100%; height: 0; -webkit-transition: all 175ms linear; transition: all 175ms linear; background: transparent; overflow: hidden; } .layout-mobile header nav.show_overflow { overflow-y: scroll; height: 100%; } .layout-mobile header nav li.nav_social { height: auto; } .layout-mobile header nav li.nav_social > ul li { margin: 0 9px; float: none; display: inline-block; } .layout-mobile header nav > ul { position: absolute; top: 0; display: none; width: 100%; height: 100%; left: 0; overflow: auto !important; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .layout-mobile header nav > ul.show { height: auto; } .layout-mobile header nav > ul .sub { position: initial; max-height: 0; overflow: hidden; min-height: 0; visibility: visible; padding: 0; position: relative; top: 0; left: 0; } .layout-mobile header nav > ul .sub .sub_inner { margin-top: 0; opacity: 1; } .layout-mobile header nav > ul .sub .subnav_content { display: none; } .layout-mobile header nav > ul .sub .sub_inner .subnav_nav ul a { font-size: 14px; padding: 15px 17px 15px 40px; margin: 0 20px; } .layout-mobile header nav > ul .sub .sub_inner .subnav_nav ul { width: 100%; min-height: initial; border: none; } .layout-mobile header nav > ul li { display: block; float: none; text-transform: uppercase; position: relative; } .layout-mobile header nav > ul li.nav_search_li { display: none; } .layout-mobile header nav > ul li.active_sub_item .sub { position: relative; top: 0; left: 0; max-height: 1000px; padding: 0; } .layout-mobile header nav > ul li:before { content: none; } .layout-mobile header nav > ul li a { display: block; padding: 5px 50px; } .layout-mobile header nav > ul > li { line-height: 150%; height: auto; } .layout-mobile header nav > ul > li > a, .layout-mobile header nav > ul > li span.nav_search { font-size: 14px; margin: 0 20px; padding: 0 20px; height: 50px; line-height: 50px; } .layout-mobile header nav > ul > li > a:before, .layout-mobile header nav > ul > li span.nav_search:before { content: none; } .layout-mobile header nav > ul > li:last-child a { border-bottom: 0; } .layout-mobile header nav > ul .nav-icon-plus-container { position: absolute; top: 0; right: 20px; width: 100%; height: 100%; cursor: pointer; text-align: center; display: block; } .layout-mobile header nav > ul .nav-icon-plus-container > span { position: absolute; top: 15px; right: 15px; } .layout-mobile header nav > ul .nav-icon-plus-container.open { width: 50px; } .layout-mobile .nav-name { margin-top: 5px; } .layout-mobile .header_inner { padding-left: 20px; } .layout-mobile .header_inner .toolbar { float: none; width: 425px; margin: 0 auto; padding: 140px 0 0 10px; } .layout-mobile .header_inner .toolbar ul li { width: 27px; } .layout-mobile .header_inner .header_sponsor { display: none; } .layout-mobile .header_inner .logo_text { font-size: 25px; width: initial; margin-left: 11px; } .layout-mobile .nav_search_wrapper { display: none; } .layout-mobile .nav_search_li .sub { display: block !important; height: auto; } .layout-mobile.layout-mobile-small .logo_text { width: 200px; } .layout-mobile.layout-mobile-small .toolbar { width: 342px; margin: 0 auto; } .layout-mobile.layout-mobile-small .toolbar ul li { width: 19px; } } /* ======================================== 5. Tablet Nav ======================================== */ @media screen and (min-width: 640px) and (max-width: 1200px) { .layout-middledesktop .nav-trigger { position: absolute; right: 10px; top: 50%; margin-top: -32px; display: block; height: 64px; text-transform: uppercase; padding-top: 0; color: #fff; } .layout-middledesktop header nav { position: fixed; top: 134px; left: 0; width: 100%; height: 0; -webkit-transition: all 175ms linear; transition: all 175ms linear; background: transparent; overflow: hidden; } .layout-middledesktop header nav.show_overflow { height: 100%; } .layout-middledesktop header nav > ul { position: absolute; top: 0; display: none; width: 100%; height: 100%; left: 0; overflow: auto !important; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .layout-middledesktop header nav > ul.show { height: auto; } .layout-middledesktop header nav > ul .sub { position: initial; max-height: 0; overflow: hidden; min-height: 0; visibility: visible; padding: 0; position: relative; top: 0; left: 0; } .layout-middledesktop header nav > ul .sub .sub_inner { margin-top: 0; opacity: 1; } .layout-middledesktop header nav > ul .sub .subnav_content { display: none; } .layout-middledesktop header nav > ul .sub .sub_inner .subnav_nav ul a { font-size: 14px; padding: 15px 17px 15px 40px; margin: 0 20px; } .layout-middledesktop header nav > ul .sub .sub_inner .subnav_nav ul { width: 100%; min-height: initial; border: none; } .layout-middledesktop header nav > ul li { display: block; float: none; text-transform: uppercase; position: relative; } .layout-middledesktop header nav > ul li.nav_search_li { display: none; } .layout-middledesktop header nav > ul li.active_sub_item .sub { position: relative; top: 0; left: 0; max-height: 1000px; padding: 0; } .layout-middledesktop header nav > ul li:before { content: none; } .layout-middledesktop header nav > ul li a { display: block; padding: 5px 50px; } .layout-middledesktop header nav > ul > li { line-height: 150%; height: auto; } .layout-middledesktop header nav > ul > li > a { font-size: 14px; margin: 0 20px; padding: 0 20px; height: 50px; line-height: 50px; } .layout-middledesktop header nav > ul > li > a:before { content: none; } .layout-middledesktop header nav > ul > li:last-child a { border-bottom: 0; } .layout-middledesktop header nav > ul .nav-icon-plus-container { position: absolute; top: 0; right: 20px; width: 100%; height: 100%; cursor: pointer; text-align: center; display: block; } .layout-middledesktop header nav > ul .nav-icon-plus-container > span { position: absolute; top: 15px; right: 15px; } .layout-middledesktop header nav > ul .nav-icon-plus-container.open { width: 50px; } .layout-middledesktop .nav-name { margin-top: 5px; } .layout-middledesktop .header_inner { width: 100%; max-width: 800px; height: auto; } .layout-middledesktop .header_inner .toolbar { float: none; width: 560px; padding: 80px 0 0 113px; } .layout-middledesktop .header_inner .logo_text { margin-top: 12px; margin-left: 11px; } .layout-middledesktop .nav_search_wrapper { display: none; } .layout-middledesktop .nav_search_li .sub { display: block !important; height: auto; } } /* ======================================== 5. Mobile/Tablet Nav ======================================== */ .layout-mobile.nav-open, .layout-middledesktop.nav-open { overflow: hidden; height: 100%; } .layout-mobile.nav-open header nav, .layout-middledesktop.nav-open header nav { height: calc(100% - 134px); -webkit-overflow-scrolling: touch; } .layout-mobile.nav-open #container, .layout-middledesktop.nav-open #container { height: 100%; width: 100%; position: absolute; top: 0; left: 0; overflow: hidden; } .layout-mobile.nav-open footer, .layout-middledesktop.nav-open footer { display: none; } .layout-mobile header nav > ul > li:first-child > a, .layout-mobile header nav .sub ul > li.active:first-child > a, .layout-mobile header nav > ul > li.active:not(.active_sub_item) + li > a, .layout-mobile header nav > ul > li.hover .sub li:first-child > a, .layout-mobile header nav > ul > li.hover:not(.active_sub_item) + li > a, .layout-middledesktop header nav > ul > li:first-child > a, .layout-middledesktop header nav .sub ul > li.active:first-child > a, .layout-middledesktop header nav > ul > li.active:not(.active_sub_item) + li > a, .layout-middledesktop header nav > ul > li.hover .sub li:first-child > a, .layout-middledesktop header nav > ul > li.hover:not(.active_sub_item) + li > a { border-top-color: transparent; } .layout-mobile header nav .nav_social, .layout-middledesktop header nav .nav_social { display: block; height: 60px; padding: 0 20px; } .layout-mobile header nav .nav_social.hover, .layout-mobile header nav .nav_social:hover, .layout-middledesktop header nav .nav_social.hover, .layout-middledesktop header nav .nav_social:hover { background-color: transparent; } .layout-mobile header nav .nav_social > ul, .layout-middledesktop header nav .nav_social > ul { float: none; text-align: center; } .layout-mobile header nav .nav_social > ul li, .layout-middledesktop header nav .nav_social > ul li { float: left; } .layout-mobile header nav .nav_social > ul li a, .layout-middledesktop header nav .nav_social > ul li a { padding: 5px; border-top: 0; } @-webkit-keyframes animateNavMobile { from { top: -85px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animateNavMobile { from { top: -85px; opacity: 0; } to { top: 0; opacity: 1; } } @-webkit-keyframes animateNavTablet { from { top: -134px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animateNavTablet { from { top: -134px; opacity: 0; } to { top: 0; opacity: 1; } } /* ======================================== 6. Mobile/Tablet Nav Search ======================================== */ .layout-mobile.header-fixed header.fixed, .layout-middledesktop.header-fixed header.fixed { position: fixed; z-index: 999; left: 0; } @media screen and (max-width: 767px) { .layout-mobile.header-fixed header.fixed, .layout-middledesktop.header-fixed header.fixed { -webkit-animation: animateNavMobile 600ms ease 1; animation: animateNavMobile 600ms ease 1; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .layout-mobile.header-fixed header.fixed, .layout-middledesktop.header-fixed header.fixed { -webkit-animation: animateNavTablet 600ms ease 1; animation: animateNavTablet 600ms ease 1; } } .layout-mobile.header-fixed #layout, .layout-middledesktop.header-fixed #layout { padding-top: 85px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .layout-mobile.header-fixed #layout, .layout-middledesktop.header-fixed #layout { padding-top: 134px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .layout-mobile.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] + #layout, .layout-middledesktop.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] + #layout { padding-top: 0; } } @media screen and (max-width: 767px) { .layout-mobile.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] + #layout, .layout-middledesktop.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] + #layout { padding-top: 0; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .layout-mobile.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"], .layout-middledesktop.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { margin-top: 143px; } } @media screen and (max-width: 767px) { .layout-mobile.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"], .layout-middledesktop.header-fixed.home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { margin-top: 97px; } } .layout-mobile header nav .nav_logo_desktop_only, .layout-middledesktop header nav .nav_logo_desktop_only { display: none; } .layout-mobile header nav .nav_search_touch_only, .layout-middledesktop header nav .nav_search_touch_only { background-color: transparent !important; -webkit-perspective: 1000; perspective: 1000; width: 100%; height: 50px; } .layout-mobile header nav .nav_search_touch_only .search-flipper, .layout-middledesktop header nav .nav_search_touch_only .search-flipper { -webkit-transition: 0.6s; transition: 0.6s; position: relative; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 100% 25px; transform-origin: 100% 25px; } .layout-mobile header nav .nav_search_touch_only .search-front, .layout-mobile header nav .nav_search_touch_only .search-back, .layout-middledesktop header nav .nav_search_touch_only .search-front, .layout-middledesktop header nav .nav_search_touch_only .search-back { height: 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; } .layout-mobile header nav .nav_search_touch_only .search-front, .layout-middledesktop header nav .nav_search_touch_only .search-front { z-index: 2; width: calc(100% - 20px); -webkit-transform: rotateX(0deg); transform: rotateX(0deg); line-height: 50px; padding: 0 0 0 40px; } @media screen and (max-width: 767px) { .layout-mobile header nav .nav_search_touch_only .search-front, .layout-middledesktop header nav .nav_search_touch_only .search-front { padding: 0 20px; } } .layout-mobile header nav .nav_search_touch_only .search-front i, .layout-middledesktop header nav .nav_search_touch_only .search-front i { display: inline-block; float: right; width: 40px; line-height: 50px; height: 100%; text-align: center; font-size: 18px; } .layout-mobile header nav .nav_search_touch_only .search-back, .layout-middledesktop header nav .nav_search_touch_only .search-back { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); width: calc(100% - 20px); margin: 0 0 0 20px; } .touch .layout-mobile header nav .nav_search_touch_only:hover .search-flipper, .touch .layout-mobile header nav .nav_search_touch_only.hover .search-flipper, .touch .layout-middledesktop header nav .nav_search_touch_only:hover .search-flipper, .touch .layout-middledesktop header nav .nav_search_touch_only.hover .search-flipper { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .touch .layout-mobile header nav .nav_search_touch_only:hover .search-back, .touch .layout-mobile header nav .nav_search_touch_only.hover .search-back, .touch .layout-middledesktop header nav .nav_search_touch_only:hover .search-back, .touch .layout-middledesktop header nav .nav_search_touch_only.hover .search-back { padding: 0 20px; margin: 0; width: 100%; } .no-touch .layout-mobile header nav .nav_search_touch_only.flipped .search-flipper, .no-touch .layout-middledesktop header nav .nav_search_touch_only.flipped .search-flipper { -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); } .no-touch .layout-mobile header nav .nav_search_touch_only.flipped .search-back, .no-touch .layout-middledesktop header nav .nav_search_touch_only.flipped .search-back { padding: 0 20px; margin: 0; width: 100%; } .layout-mobile header nav .nav_search_touch_only .search-back, .layout-middledesktop header nav .nav_search_touch_only .search-back { padding: 0; } .layout-mobile header nav .nav_search_touch_only .search-back form, .layout-middledesktop header nav .nav_search_touch_only .search-back form { position: relative; } .layout-mobile header nav .nav_search_touch_only .search-back label, .layout-middledesktop header nav .nav_search_touch_only .search-back label { overflow: hidden; height: 0; width: 0; padding: 0; margin: 0; display: block; } .layout-mobile header nav .nav_search_touch_only .search-back input, .layout-middledesktop header nav .nav_search_touch_only .search-back input { width: 100%; height: 100%; background: none; border: 0; line-height: 50px; outline: none; padding: 0 0 0 20px; text-transform: uppercase; } .layout-mobile header nav .nav_search_touch_only .search-back button, .layout-mobile header nav .nav_search_touch_only .search-back a.submit, .layout-middledesktop header nav .nav_search_touch_only .search-back button, .layout-middledesktop header nav .nav_search_touch_only .search-back a.submit { outline: none; position: absolute; top: 0; right: 0; width: 40px; height: 50px; background: none; border: 0; font-size: 18px; text-indent: -9999px; overflow: hidden; padding: 0; } .layout-mobile header nav .nav_search_touch_only .search-back button:before, .layout-mobile header nav .nav_search_touch_only .search-back a.submit:before, .layout-middledesktop header nav .nav_search_touch_only .search-back button:before, .layout-middledesktop header nav .nav_search_touch_only .search-back a.submit:before { font-family: 'FontAwesome'; content: "\f002"; position: absolute; top: 50%; left: 50%; display: block; width: 30px; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .layout-mobile header nav .nav_search_touch_only .search-back .search-input-extra, .layout-mobile header nav .nav_search_touch_only .search-back .results, .layout-middledesktop header nav .nav_search_touch_only .search-back .search-input-extra, .layout-middledesktop header nav .nav_search_touch_only .search-back .results { display: none; } .subnav_content .gameswidget[data-layout="two_col_standard"] { position: relative; width: 950px; height: auto; } .subnav_content .gameswidget[data-layout="two_col_standard"].content_item { padding: 0; } .subnav_content .gameswidget[data-layout="two_col_standard"] .widget_title_wrapper { display: none; } .subnav_content .gameswidget[data-layout="two_col_standard"] a { text-transform: uppercase; font-size: 10px; } .subnav_content .gameswidget[data-layout="two_col_standard"] .widget_title_wrapper + div { margin-top: 0; padding-top: 0; } .subnav_content .gameswidget[data-layout="two_col_standard"] .upcoming_games { padding-top: 40px; } .subnav_content .gameswidget[data-layout="two_col_standard"] .upcoming_games .entry { width: 16.666666666666667%; display: block; } .subnav_content .gameswidget[data-layout="two_col_standard"] .upcoming_games.more_than_three .entry { width: 16%; } .subnav_content .gameswidget[data-layout="two_col_standard"] .latest_game { padding-top: 40px; width: 35%; padding-left: 0; } .subnav_content .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap { right: 65%; } .subnav_content .gameswidget[data-layout="two_col_standard"] .upcoming_games { width: 65%; } .subnav_content .gameswidget[data-layout="two_col_standard"] .game_widget_header { top: 0; position: absolute; margin-bottom: 20px; padding: 0; line-height: 1; height: auto; font-size: 16px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.075em; } .subnav_content .gameswidget[data-layout="two_col_standard"] .latest_games_header { left: 0; } .subnav_content .gameswidget[data-layout="two_col_standard"] .upcoming_games_header { left: 360px; } .subnav_content .gameswidget[data-layout="two_col_standard"] .upcoming_games.more_than_three .upcoming_games_header { left: 0; } .subnav_content.subnav_banners { width: calc(100% - 240px); } .subnav_content.subnav_banners .banner_list div { width: 32%; float: left; margin-right: 18px; border-bottom-width: 5px; border-bottom-style: solid; position: relative; } .subnav_content.subnav_banners .banner_list div:last-child { margin-right: 0; } .subnav_content.subnav_banners .banner_list div a { display: block; overflow: hidden; } .subnav_content.subnav_banners .banner_list div img { width: 100%; height: auto; float: left; } .subnav_content.subnav_banners .banner_list div:after { content: ''; position: absolute; bottom: -5px; left: 0; height: 5px; width: 100%; background-color: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 1200px) { header nav.fixed ul li.nav_logo_desktop_only { display: inline-block; } header nav.fixed ul li.nav_logo_desktop_only img { padding-top: 7.5%; height: 85%; margin-left: 30px; } } .above_nav_sponsors { height: 35px; } @media screen and (max-width: 767px) { .above_nav_sponsors { display: none; } } .above_nav_sponsors ul { width: 1180px; margin: 0 auto; overflow: hidden; height: 100%; } @media screen and (min-width: 768px) and (max-width: 1200px) { .above_nav_sponsors ul { width: 100%; text-align: center; } } .above_nav_sponsors li { display: inline-block; margin: 0 10px; float: right; height: 100%; padding: 2px 0; } .above_nav_sponsors li:hover { opacity: 0.6; } @media screen and (min-width: 768px) and (max-width: 1200px) { .above_nav_sponsors li { float: none; } } .above_nav_sponsors img { height: 100%; } .search-app .search-input { width: 100%; border-bottom: 1px solid #000; margin: 0 0 30px 0; } .search_extended .search-app .search-input, .search-back .search-app .search-input { border-bottom: none; margin: 0; } .search-app .search-input label { overflow: hidden; height: 0; width: 0; padding: 0; margin: 0; display: block; } .search-app .search-input input { font-size: 22px; width: 70%; letter-spacing: 2px; border: none; background: transparent; outline: none; line-height: 60px; height: 62px; } .search_extended .search-app .search-input input, .search-back .search-app .search-input input { font-size: 14px; } .search-app .search-input button, .search-app .search-input a.submit { font-size: 24px; letter-spacing: 0.5px; float: right; margin-top: 0; margin-right: 15px; text-transform: uppercase; border: none; background: transparent; padding: 0; line-height: 60px; height: 60px; outline: none; text-indent: -9999px; overflow: hidden; width: 30px; position: relative; } .search-app .search-input button:before, .search-app .search-input a.submit:before { font-family: 'FontAwesome'; content: "\f002"; position: absolute; top: 50%; left: 50%; display: block; width: 30px; text-indent: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .search-app .search-input .search-input-extra, .search-app .search-input .results { display: none; } .search-app .results { padding: 0 20px; } @media screen and (max-width: 767px) { .search-app .results { padding: 0 10px; } } .search-app .showtime-search-instant-result-header { margin: 15px 0; max-width: 100%; width: 100%; margin: 0 auto; padding-bottom: 6px; padding-top: 25px; text-transform: uppercase; font-weight: bold; position: relative; margin-bottom: 40px; font-size: 22px; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .search-app .showtime-search-instant-result-keyword-container { font-weight: 300; font-size: 14px; letter-spacing: 0.04em; line-height: 20px; color: #1a1919; padding-left: 0px; } .search-app .showtime-search-instant-result-keyword { text-decoration: underline; font-weight: 400; display: inline-block; text-indent: 0px; } .search-app .showtime-search-instant-result-filter { display: none !important; } .search-app .showtime-search-instant-result .spotlight { padding: 0; } .search-app .showtime-search-instant-result .spotlight .list { padding: 0; } .search-app .showtime-search-instant-result .spotlight .list .entry { border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px; padding: 0 0 20px 0; } .search-app .showtime-search-instant-result .spotlight .list .entry a { padding: 0 100px 0 0; *zoom: 1; display: block; position: relative; } .search-app .showtime-search-instant-result .spotlight .list .entry a:before, .search-app .showtime-search-instant-result .spotlight .list .entry a:after { content: "\0020"; display: table; } .search-app .showtime-search-instant-result .spotlight .list .entry a:after { clear: both; } @media screen and (max-width: 767px) { .search-app .showtime-search-instant-result .spotlight .list .entry a { padding: 0; } } .search-app .showtime-search-instant-result .spotlight .list .entry a .highlight { font-size: 0.8rem; width: 100%; overflow: hidden; } .search-app .showtime-search-instant-result .spotlight .list .entry a .full_url { font-size: 12px; clear: both; float: left; color: rgba(0, 0, 0, 0.6); margin-top: 5px; word-break: break-all; } .search-app .showtime-search-instant-result .spotlight .list .entry a .full_url:hover, .search-app .showtime-search-instant-result .spotlight .list .entry a .full_url:focus { text-decoration: underline; } .search-app .showtime-search-instant-result .spotlight .list .entry a .date { position: relative; float: left; padding: 0px; margin: 0; color: #666; text-transform: uppercase; width: 100%; letter-spacing: 0.6px; font-weight: 700; font-size: 12px; } .search-app .showtime-search-instant-result .spotlight .list .entry a .title { text-transform: normal; position: relative; clear: both; font-size: 18px; padding: 0px; overflow: hidden; width: 100%; float: left; padding-left: 0px; white-space: nowrap; text-overflow: ellipsis; margin-top: 0px; font-weight: 700; text-transform: uppercase; line-height: 1.5; -webkit-transition: color 200ms linear; transition: color 200ms linear; margin-bottom: 0; } @media screen and (max-width: 767px) { .search-app .showtime-search-instant-result .spotlight .list .entry a .title { text-overflow: initial; white-space: initial; } } .search-app .showtime-search-instant-result .spotlight .list .entry a .blurb, .search-app .showtime-search-instant-result .spotlight .list .entry a .teaser { margin: 0px; display: block; clear: both; float: left; } .search-app .showtime-search-instant-result .spotlight .list .entry a .button { display: block; padding: 5px 10px; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: 2px solid #000; } @media screen and (max-width: 767px) { .search-app .showtime-search-instant-result .spotlight .list .entry a .button { position: static; display: inline-block; margin: 10px auto 0 auto; -webkit-transform: none; transform: none; } } #content .news_list.game_list.score_list .entry .the_score { display: block; } #content .news_list.game_list.score_list .vs_delimiter { display: none; } #games.index .has_header .teams_spotlight { position: absolute; left: 0; margin-top: -10px; width: 100%; } @media screen and (min-width: 768px) and (max-width: 1200px) { #games.index .has_header .teams_spotlight { position: relative; } } @media screen and (max-width: 767px) { #games.index .has_header .teams_spotlight { position: relative; } } #games.index .has_header .spotlight_container { padding: 10px 20px; position: relative; } #games.index .has_header .news_list { margin-top: 140px; } @media screen and (min-width: 768px) and (max-width: 1200px) { #games.index .has_header .news_list { margin-top: 20px; } } @media screen and (max-width: 767px) { #games.index .has_header .news_list { margin-top: 20px; } } #games.index .has_header .add_to_calendar { position: absolute; right: 20px; top: 50px; } @media screen and (max-width: 767px) { #games.index .has_header .add_to_calendar { position: relative; top: auto; display: block; text-align: center; } } #content .news_list .content_container { border: none; } .team_listing_entry { width: 46%; float: left; font-size: 24px; letter-spacing: 0.5px; text-transform: none; line-height: 25px; margin-bottom: 10px; } .team_listing_entry:first-child { width: 47%; padding: 0 50px 0 0; position: relative; } .team_listing_entry:first-child:after { content: 'vs'; display: block; position: absolute; right: 20px; top: 10px; } @media screen and (max-width: 767px) { .team_listing_entry { text-align: center; width: 100%; clear: both; } .team_listing_entry:first-child { width: 100%; padding: 0 0 0; } .team_listing_entry:first-child:after { content: 'vs'; display: block; position: relative; left: 0; display: block; } } .team_listing_row { width: 69%; } @media screen and (max-width: 767px) { .team_listing_row { width: 100%; } } @media screen and (min-width: 768px) { .game_list .game-list { padding: 0 10px; } } .game_list .game-list .widget_inner { margin-bottom: 20px; overflow: hidden; min-height: 60px; } .game_list .game-list .widget_inner.is-closed .entry-wrapper { display: none; } @media screen and (max-width: 767px) { .game_list .game-list .widget_inner { max-height: 100%; } } .game_list .game-list .widget_title_wrapper { cursor: pointer; z-index: 99; } .game_list .game-list .widget_title_wrapper .title_right_content { right: 18px; min-width: 65px; } .game_list .game-list .widget_title_wrapper .title_right_content:after { position: absolute; content: ''; right: -5px; top: 26px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top-width: 6px; border-top-style: solid; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .game_list .game-list .widget_title_wrapper .title_right_content.arrow-up:after { border-top: 0; border-bottom-width: 6px; border-bottom-style: solid; } .game_list .game-list .entry-wrapper { width: 100%; clear: both; float: left; } .game_list .game-list h3.event-month { width: 100%; clear: both; font-weight: normal; margin-top: 40px; padding-bottom: 30px; text-transform: uppercase; float: left; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 0; } @media screen and (min-width: 768px) { .game_list .game-list h3.event-month { margin-top: 70px; } } .game_list .game-list .entry { cursor: pointer; position: relative; width: 100%; clear: both; border-bottom-width: 1px; border-bottom-style: solid; padding: 20px 0; float: left; text-transform: uppercase; font-size: 16px; letter-spacing: 0.5px; z-index: 1; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_list .game-list .entry { font-size: 16px; } } @media screen and (min-width: 1200px) { .game_list .game-list .entry { font-size: 18px; } } .game_list .game-list .entry:hover { background: #f3f3f3; } .game_list .game-list .entry:last-child { border-bottom-width: 0; } .game_list .game-list .entry > div { float: left; } .game_list .game-list .entry .game_vs_message { font-family: 'Oswald', sans-serif; font-weight: normal; } .game_list .game-list .entry .date { font-size: 18px; } .game_list .game-list .entry .date, .game_list .game-list .entry .time, .game_list .game-list .entry .game_vs_message { display: block; line-height: 27px; text-align: center; } @media screen and (min-width: 768px) { .game_list .game-list .entry .date, .game_list .game-list .entry .time, .game_list .game-list .entry .game_vs_message { line-height: 25px; } } .game_list .game-list .entry .time { font-size: 15px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_list .game-list .entry .time { font-size: 13px; } } .game_list .game-list .entry .team-info img, .game_list .game-list .entry .team-info span { display: block; float: left; } .game_list .game-list .entry .team-info img { width: 50px; height: 50px; margin: 0; border-width: 1px; border-style: solid; } @media screen and (min-width: 768px) { .game_list .game-list .entry .team-info img { width: 60px; height: 60px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_list .game-list .entry .team-info img { margin: 0 4%; } } @media screen and (min-width: 1200px) { .game_list .game-list .entry .team-info img { margin: 0 30px; } } .game_list .game-list .entry .team-info .home-or-away { width: 60px; text-align: right; } .game_list .game-list .entry .team-info .team-title { line-height: 25px; padding-top: 18px; width: 75%; } .game_list .game-list .entry .game-detail { text-align: center; font-size: 14px; line-height: 16px; padding-top: 18px; color: #acadad; } .game_list .game-list .entry .game_outcome { display: block; font-weight: 600; } .game_list .game-list .entry .game-button { float: right; } .game_list .game-list .entry .game-button a, .game_list .game-list .entry .game-button a:visited, .game_list .game-list .entry .game-button span { padding: 7px 20px; font-weight: normal; font-size: 12px; letter-spacing: 2px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_list .game-list .entry .game-button a, .game_list .game-list .entry .game-button a:visited, .game_list .game-list .entry .game-button span { padding-left: 15px; padding-right: 15px; } } .game_list .game-list .entry .if_necessary, .game_list .game-list .entry .preseason { font-style: italic; font-size: 10px; float: left; width: 100%; font-weight: 400; margin-top: 10px; line-height: 1; text-align: center; text-transform: none; } .game_list .game-list .entry .if_necessary i, .game_list .game-list .entry .preseason i { margin-left: -5px; } @media screen and (max-width: 767px) { .game_list .game-list .entry { font-size: 18px; } .game_list .game-list .entry .team-info .team-title { display: none; } .game_list .game-list .entry .game_vs_message { margin: 0; } .game_list .game-list .entry .game_vs_message > span { font-size: 26px; line-height: 20px; } .game_list .game-list .entry .date-time, .game_list .game-list .entry .team-info, .game_list .game-list .entry .game_vs_message { width: 33%; text-align: center; } .game_list .game-list .entry .team-info { text-align: center; } .game_list .game-list .entry .team-info img { float: none; display: inline-block; } .game_list .game-list .entry .game-detail { font-size: 14px; } .game_list .game-list .entry .game-detail, .game_list .game-list .entry .game-button { width: 100%; clear: both; text-align: center; padding-top: 8px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; flex-wrap: wrap; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_list .game-list .entry { line-height: 60px; } .game_list .game-list .entry .game_vs_message { width: 7%; } .game_list .game-list .entry .game_vs_message .home-or-away { line-height: 20px; } .game_list .game-list .entry .game_vs_message > span { font-size: 26px; line-height: 32px; } .game_list .game-list .entry .date-time { width: 15%; } .game_list .game-list .entry .team-info { width: 38%; } .game_list .game-list .entry .team-info .team-title { padding-top: 7px; width: 65%; } .game_list .game-list .entry .game-detail { float: left; width: 13%; text-align: center; font-size: 13px; } .game_list .game-list .entry .game-button { width: 20%; } .game_list .game-list .entry .game-button a, .game_list .game-list .entry .game-button a:visited, .game_list .game-list .entry .game-button span { padding: 8px 20px; font-weight: normal; text-align: center; float: left; line-height: 20px; margin-top: 10px; } } @media screen and (min-width: 1200px) { .game_list .game-list .entry { line-height: 60px; } .game_list .game-list .entry .game_vs_message { width: 5%; } .game_list .game-list .entry .date-time { width: 13%; } .game_list .game-list .entry .team-info { width: 47%; } .game_list .game-list .entry.has-game-detail-text .team-info { width: 44%; } .game_list .game-list .entry .game-detail { width: 9%; } .game_list .game-list .entry .game-button { float: right; margin-right: 25px; } .game_list .game-list .entry .game-button a, .game_list .game-list .entry .game-button a:visited, .game_list .game-list .entry .game-button span { padding: 8px 20px; font-weight: normal; } } .game_list .game-list .entry .game-button a.open_promotions { padding-left: 15px; padding-right: 25px; } .game-list .game-button a { float: left; margin: 17px 2px; line-height: 1; } @media screen and (max-width: 767px) { .game-list .game-button a { margin: 5px 2px; } } .game-list .game-button a.ahl-tv { background-color: #000; background-image: url(../images/ahltv-logo.png) !important; background-size: calc(100% - 20px) !important; background-repeat: no-repeat !important; background-position: center !important; text-indent: -999em; min-width: 60px; } .game-list .game-button a.open_promotions { background: #adadaf; } a.open_promotions { position: relative; } a.open_promotions.open .fa { -webkit-transform: rotate(180deg); transform: rotate(180deg); } a.open_promotions .fa { display: block; position: absolute; font-size: 18px; top: 6px; right: 8px; } .open-details-on-load .entry.open .game_promotions_container { display: block; overflow: visible; } .game_promotions_container { clear: both; width: 100%; padding: 0 35px; overflow: hidden; display: none; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_promotions_container { padding: 0 15px 0 20px; } } .game_promotions_container p { text-transform: none; } .game_promotions_container .game_detail_reveal { padding: 30px 0 0 0; overflow: hidden; } .game_promotions_container .recap_content_wrapper img { display: none; padding: 0; margin: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_promotions_container .recap_content_wrapper { float: left; width: 50%; } } .game_promotions_container .game_promotion_image { width: 240px; float: left; margin-right: 40px; } .game_promotions_container .game_promotion_image img { width: 100%; } .game_promotions_container .game_promotion_body { padding-right: 103px; } @media screen and (max-width: 767px) { .game_promotions_container .game_promotion_body { padding-right: 0; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_promotions_container .game_promotion_body { padding-right: 0; } } .game_promotions_container .game_promotion_item_header { margin-top: 0; padding-top: 0; padding-right: 103px; text-transform: uppercase; } .close-details-on-load .entry.open { background: #f3f3f3; } .game_list .game-list .entry .game_promotions_container .game-button { margin-right: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game_list .game-list .entry .game-button a.read-more { float: right; } } .gallery-container { margin-top: 20px; overflow: hidden; } .photo_gallery { padding: 0px 0 10px; position: relative; text-align: center; -webkit-transition: 0.1s; transition: 0.1s; margin-right: 0px; margin-bottom: 20px; float: left; height: 420px !important; } .photo_gallery .photo_gallery_inner { position: relative; height: 100%; overflow: hidden; margin-right: 20px; } .photo_gallery .photo_gallery_inner:before { position: absolute; top: 0; left: 0; width: 100%; height: 6px; content: ''; display: block; } .photo_gallery.pull-right { float: right; } .photo_gallery.last { margin-right: 0px; } .photo_gallery .thumb { display: block; margin: 0 0 0px; padding: 0; width: 100%; height: 250px; overflow: hidden; } .photo_gallery .thumb img { margin: 0; padding: 0; border: none; display: block; width: auto; min-width: 100%; min-height: 100%; max-height: 100%; height: auto; } .photo_gallery a { text-decoration: none; } .photo_gallery .royalSlider { display: none; width: 1180px; height: 600px; visibility: hidden; position: absolute; top: 0; left: 0; z-index: -99; } @media screen and (min-width: 640px) and (max-width: 1200px) { .photo_gallery .royalSlider { width: 700px; } } @media screen and (max-width: 767px) { .photo_gallery .royalSlider { width: 360px; } } .photo_gallery .title { height: 120px; display: block; padding: 0px 30px; } .photo_gallery .info { padding: 0px 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 170px; display: block; z-index: 2; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .photo_gallery .info:after { content: ''; position: absolute; display: block; width: 100%; height: 15px; left: 0; top: -15px; } .photo_gallery .info h3 { padding: 17px 0px 0px; margin: 0 17px; text-align: left; font-size: 20px; line-height: 24px; letter-spacing: 3px; overflow: hidden; max-height: 75px; border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; } .photo_gallery .info p { text-align: left; padding: 0 17px; max-height: 80px; overflow: hidden; } .photo_gallery .info .more_button { z-index: 3; display: block; position: absolute; left: 0px; bottom: auto; font: 16px "klavika_light", Verdana, Arial, sans-serif; text-transform: uppercase; letter-spacing: 2px; width: 100%; text-align: center; top: 170px; } .photo_gallery .info .more_button a { display: block; padding: 15px 20px; } .photo_gallery:hover .info { height: 217px; } .gallery-container[data-width="3"][data-height] .photo_gallery { height: 460px; } .gallery_slider { width: 1180px !important; height: 460px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .gallery_slider { width: 700px; } } @media screen and (max-width: 767px) { .gallery_slider { width: 360px; height: 340px; } } /** Description: Footer with navigation, social links (conditional), disclaimer and copyright, carbonhouse link, and disclaimer (conditional) Version: 1.0.0 Last update: 2015/07/08 Author: Carbonhouse Dev Team Summary: 0. Structure and Containers 1. Navigation 2. Social Links 3. Privacy Policy, Copyright, Venue Info, carbonhouse link 4. Disclaimer */ /* ======================================== 0. Structure and Containers ======================================== */ .footer_bottom { padding: 15px 0; } .footer_holder, #content .category_list { max-width: 1180px; margin: 0px auto; *zoom: 1; } .footer_holder:before, .footer_holder:after, #content .category_list:before, #content .category_list:after { content: "\0020"; display: table; } .footer_holder:after, #content .category_list:after { clear: both; } .footer_holder.is-centered .footer_nav, .footer_holder.is-centered .footer_social, .footer_holder.is-mobile-centered .footer_nav, .footer_holder.is-mobile-centered .footer_social { float: none !important; margin: 0 auto !important; } .footer_holder.is-centered .footer_nav ul li:first-child, .footer_holder.is-mobile-centered .footer_nav ul li:first-child { margin-left: 0; } .footer_holder.is-centered .footer_social, .footer_holder.is-mobile-centered .footer_social { padding-top: 0 !important; max-width: 100%; text-align: center; } /* ======================================== 1. Navigation ======================================== */ .footer_nav { position: relative; display: block; float: left; margin: 0; padding: 0; width: auto; min-height: 61px; z-index: 500; } .footer_nav ul { display: table; text-align: left; margin: 0 auto; padding: 15px 0; min-height: 21px; max-width: 1180px; } .footer_nav ul li { display: block; padding: 0; margin: 0; position: relative; } .index.home .footer_nav ul li:first-child, .index.home .footer_nav ul li.page_1 { display: none; } .footer_nav ul li:first-child:after, .footer_nav ul li:last-child:after { display: none; } .footer_nav > ul > li { height: 31px; float: left; } .footer_nav > ul > li:after { display: block; width: 1px; height: 21px; content: ''; position: absolute; top: 5px; right: 0px; } .footer_nav a, .footer_nav a:visited { -webkit-transition: all 175ms linear; transition: all 175ms linear; display: block; text-transform: uppercase; text-decoration: none; font-size: 14px; margin: 0; padding: 5px 15px; line-height: 21px; letter-spacing: 2px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .footer_nav a, .footer_nav a:visited { font-size: 14px; } } .footer_nav a span, .footer_nav a:visited span { font-size: 14px; font-weight: 700; letter-spacing: 2px; display: block; margin: 0; clear: both; text-transform: uppercase; } @media screen and (min-width: 640px) and (max-width: 1200px) { .footer_nav ul li { display: none; } .footer_nav ul li:first-child { margin-left: 5px; display: block; } .footer_nav ul li:first-child:after { height: 0 !important; } } @media screen and (max-width: 767px) { .footer_nav ul li { display: none; } .footer_nav ul li:first-child { margin-left: 5px; display: block; } .footer_nav ul li:first-child:after { height: 0 !important; } } /* ======================================== 2. Social Links ======================================== */ .footer_social { position: relative; display: block; float: right; list-style: none; min-height: 61px; padding: 15px 0; } .footer_social li { display: inline-block; position: relative; list-style: none; margin: 0 15px; height: 31px; font-weight: bold; } .footer_social a, .footer_social a:visited { font-size: 20px; line-height: 31px; -webkit-transition: all 175ms linear; transition: all 175ms linear; } /* ======================================== 3. Privacy Policy, Copyright, Venue Info ======================================== */ .global_footer { *zoom: 1; padding: 20px 0; } .global_footer:before, .global_footer:after { content: "\0020"; display: table; } .global_footer:after { clear: both; } .global_footer #carbonhouse { display: block; float: left; padding-right: 20px; padding-top: 0px; font-size: 11px; line-height: 21px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; } .global_footer #carbonhouse .carbon, .global_footer #carbonhouse .house { font-size: 13px; font-weight: bold; } .global_footer #carbonhouse .carbon { padding-left: 3px; } .global_footer #carbonhouse .house { padding-right: 3px; } .global_footer p, .global_footer address { display: block; width: auto; font-size: 12px; line-height: 22px; font-weight: 500; padding: 0; margin: 0; letter-spacing: 0.5px; } .global_footer p a, .global_footer p a:visited, .global_footer address a, .global_footer address a:visited { font-family: 'Roboto', sans-serif !important; } .global_footer p { float: left; } .global_footer address { float: right; } .global_footer address span { padding-left: 15px; } .global_footer address span:empty { display: none; } @media screen and (min-width: 640px) and (max-width: 1200px) { .global_footer { padding: 20px 10px 20px 20px; } } @media screen and (max-width: 767px) { .global_footer { padding: 0 30px; text-align: center; } .global_footer .delimiter { display: none; } .global_footer p, .global_footer address { float: none; text-align: center; padding: 0 0 20px; } .global_footer address span { text-align: center; width: 100%; display: block; padding: 0; margin: 0 auto; } .global_footer #carbonhouse { float: none !important; clear: both; display: block; padding: 20px 0; } } /* ======================================== 4. Disclaimer ======================================== */ .footer_disclaimer_intro, .footer_disclaimer_text { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .footer_disclaimer_intro p, .footer_disclaimer_text p { font-size: 12px; line-height: 22px; font-weight: 500; padding: 0; margin: 0; letter-spacing: 0.5px; } .footer_disclaimer_intro { display: table-cell; vertical-align: middle; width: 160px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .footer_disclaimer_intro { padding-left: 20px; } } @media screen and (max-width: 767px) { .footer_disclaimer_intro { display: block; width: 100%; text-align: center; float: none; padding: 0 0 20px; } } .footer_disclaimer_text { display: table-cell; width: calc(100% - 180px); padding-left: 10px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .footer_disclaimer_text { padding-right: 20px; } } @media screen and (max-width: 767px) { .footer_disclaimer_text { display: block; width: 100%; text-align: center; float: none; } } .emphasized_link, .widget_title_wrapper .title_right_content, .bottom_aside .view_all_link, .buy_button_triangle a, .pill-button a, .pill-button span { text-transform: uppercase; font-size: 10px; font-weight: bold; letter-spacing: 1px; } .widget_title_wrapper .title_right_content { position: absolute; top: 0; right: 15px; padding: 0 15px; } @media screen and (max-width: 320px) { .widget_title_wrapper .title_right_content { right: 5px; padding: 0 9px; } } .bottom_aside { text-transform: uppercase; } .bottom_aside .view_all_link { float: right; } #content .widget_title, .widget_title { font-size: 16px; text-transform: uppercase; font-weight: 400; padding: 0 17px; margin: 0; line-height: 59px; display: inline-block; letter-spacing: 2px; position: relative; } .layout_title_white { display: none; font-size: 28px; text-transform: uppercase; letter-spacing: 2px; margin-left: 10px; margin-right: 10px; margin-top: 30px; margin-bottom: 15px; padding-bottom: 15px; } .home .layout_title_white { display: none; } h1, h2, h3, #overlay_container h1, #overlay_container h2, .stats .h2, #overlay_container h3 { font-size: 24px; letter-spacing: 0.5px; text-transform: none; line-height: 25px; margin-bottom: 10px; } h4, h5, h6 { font-size: 18px; letter-spacing: 1px; line-height: 29.7px; font-weight: bold; margin: 0 0 5px; text-transform: none; } .heading-font { text-transform: uppercase; } #content .layout_title_white { font-size: 28px; height: 50px; } @media screen and (max-width: 767px) { #content .layout_title_white { width: 100%; } } @media screen and (min-width: 640px) and (max-width: 1200px) { #content .layout_title_white { width: 100%; } } #news.detail .body p, .textarea p, #overlay_container p, .sitemap { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; margin: 0px 0px 30px; } #content a:hover, .overlay_content a:hover { cursor: pointer; } .overlay_content ul { list-style: none; margin-bottom: 20px; } .overlay_content ul li { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; position: relative; list-style: none; padding-left: 30px; margin-bottom: 5px; } .overlay_content ul li:after { content: " "; width: 10px; height: 10px; position: absolute; top: 8px; left: 0px; } #content .textarea img { max-width: 100%; } table { margin-bottom: 30px; } table tr:nth-child(odd) td { text-align: left; } table tr:nth-child(odd) td.no-theme { border: none; } table td { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; padding: 5px; } table td.no-theme { border: none; } #players table tr:first-child td { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; text-align: left; } #players table tr:first-child th { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; text-align: left; } #players table td { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; padding: 5px 0px; } .text_center { width: 100%; text-align: center; } .text_center p strong { font-size: 24px; letter-spacing: 0.5px; text-transform: uppercase; } #content h2, .stats .h2 { margin-bottom: 40px; padding-bottom: 10px; margin-bottom: 20px; } #content h2.layout_title_white, .stats .h2.layout_title_white { font-size: 28px; text-transform: uppercase; letter-spacing: 2px; margin-left: 10px; margin-right: 10px; margin-top: 30px; margin-bottom: 15px; padding-bottom: 15px; } #content .textarea .button { text-align: center; } a.button, #content a.button, #content .textarea .button a { display: inline-block; *display: inline; zoom: 1; border-radius: 3px; text-transform: uppercase; text-decoration: none; margin: 15px auto 0; padding: 0 15px; height: 50px; line-height: 50px; } .center_table { text-align: center !important; } #content .widget_inner ul.list { margin: 20px; } .game_vs_message { text-transform: uppercase; font-family: 'Oswald', sans-serif; letter-spacing: 1px; } .game_vs_message > div { font-size: 13px; } .game_vs_message > span { font-size: 30px; line-height: 24px; } .thumb_title { font-size: 16px; text-transform: uppercase; font-weight: normal; margin: 0; padding: 0; } .buy_button_triangle { width: 80px; height: 80px; position: absolute; top: 0; right: 0; display: block; } .buy_button_triangle a { width: 100px; height: 100px; content: ''; position: absolute; left: 33px; top: -50px; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; line-height: 166px; } .news_header_title a { letter-spacing: 0.5px; } .pill-button { display: inline-block; padding: 0 20px; height: 35px; line-height: 34px; border-radius: 6px; position: relative; } .circle-button { display: inline-block; padding: 0; height: 30px; width: 30px; border-radius: 30px; line-height: 30px; position: relative; } .circle-button a, .circle-button span { display: block; text-indent: -9999px; height: 100%; } .circle-button a:after, .circle-button span:after { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; line-height: 30px; text-align: center; } .circle-button a.tickets, .circle-button span.tickets { background: url(../images/icons/tickets-icon.svg) no-repeat; background-position: 50% 50%; background-size: 14px 14px; } .btn-primary { clear: both; margin: 0 auto; text-transform: uppercase; display: block; padding: 0 10px; line-height: 20px; max-width: 130px; font-size: 10px; letter-spacing: 2px; } @media screen and (min-width: 1200px) { .btn-primary { padding: 0 15px; line-height: 24px; } } /* ---------------------------------------------------------------------------- = FAQ Accordion ----------------------------------------------------------------------------- */ #content .faq { margin: 0 0 25px; padding: 0; position: relative; } @media screen and (min-width: 640px) and (max-width: 1200px) { #content .faq { width: 100%; } } #content .faq .widget_inner { padding: 0; border-color: transparent; border-radius: 0; } #content .faq dl { font-size: 11px; } #content .faq dt { cursor: pointer; padding: 0; margin: 0 0 20px; overflow: auto; text-transform: uppercase; border-radius: 6px; letter-spacing: 1px; position: relative; } #content .faq dt * { outline: none; } #content .faq dt p { padding: 20px 40px 18px 20px; margin: 0; font-size: 16px; position: relative; z-index: 99; } @media screen and (min-width: 768px) { #content .faq dt p { padding: 20px 100px 18px 30px; } } #content .faq dt.active, #content .faq dt.open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; } #content .faq dt.active:before, #content .faq dt.open:before { content: 'close'; } #content .faq dt.active:after, #content .faq dt.open:after { -webkit-transform: scaleY(-1); transform: scaleY(-1); } #content .faq dt:before, #content .faq dt:after { position: absolute; } @media screen and (min-width: 768px) { #content .faq dt:before { content: 'view'; right: 50px; top: 0; line-height: 60px; color: #fff; font-size: 10px; } } #content .faq dt:after { content: ''; right: 18px; top: 26px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; -webkit-transition: all 175ms linear; transition: all 175ms linear; } #content .faq dd { overflow: hidden; padding: 15px 20px; margin-bottom: 20px; display: none; /* p { font-size: 14px; letter-spacing: 1px; line-height: 23.1px; margin: 0px 0px 30px; &:last-child { margin-bottom: 0; } } li{ padding-left:20px; font-size: 14px; &:after { content: ''; position: absolute; top: 6px; left: 0; width: 8px; height: 8px; border-radius: 50%; } } ol{ padding-left:20px; li{ list-style:decimal; font-size: 14px; margin-bottom: 10px; } }*/ } @media screen and (min-width: 768px) { #content .faq dd { padding: 20px 30px; } } #content .faq dd[aria-hidden="false"] { border-width: 1px; border-style: solid; border-top-width: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } #content .masonry .faq .widget_inner { padding: 10px; background: transparent; } /* @end */ #news.index .newswidget_recent, #news.all .newswidget_recent { height: auto; width: 100%; overflow: hidden; } #news.detail #layout { width: 100%; } #news.detail #layout .l-frame { overflow: hidden; } #news.detail #layout .news_description_wrapper p { font-size: 16px; line-height: 26px; } #news.detail #layout .twitter-tweet-rendered { float: left; margin: 30px !important; } @media screen and (min-width: 768px) and (max-width: 1200px) { #news.detail #layout .twitter-tweet-rendered { float: none; margin: 0 auto !important; } } @media screen and (max-width: 767px) { #news.detail #layout .twitter-tweet-rendered { float: none; margin: 0 auto !important; } } #news.detail #layout .btn-primary.readmore { margin-top: 60px; text-align: center; } #news.detail #layout .btn-primary.readmore a { color: white; } #news.detail #layout .widget-bg { padding-top: 0; margin-top: 0; margin-bottom: 10px; } @media screen and (min-width: 768px) { #news.detail #layout .widget-bg { padding-top: 20px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { #news.detail #layout .widget-bg { padding-top: 10px; margin-top: 20px; } } @media screen and (max-width: 767px) { #news.detail #layout .widget-bg { margin-top: 20px; } } #news.detail #layout .widget-bg .news_body { width: 100%; margin: 0 auto; border-color: transparent; } #news.detail #layout .widget-bg .news_body iframe { margin: 0 auto 20px; } @media screen and (min-width: 1200px) { #news.detail #layout .widget-bg .news_body { width: 1200px; } } #news.detail #layout h1 { font-size: 28px; letter-spacing: 0.5px; line-height: 36px; width: 100%; font-weight: normal; text-transform: uppercase; margin-bottom: 16px; margin-top: 20px; } @media screen and (max-width: 767px) { #news.detail #layout h1 { font-size: 22px; letter-spacing: 0.5px; margin-bottom: 0; } } #news.detail #layout .date { display: block; text-transform: uppercase; border-bottom-style: solid; border-bottom-width: 1px; width: 100%; font-size: 18px; letter-spacing: 0.5px; letter-spacing: 0; padding-bottom: 25px; margin-bottom: 20px; } @media screen and (max-width: 767px) { #news.detail #layout .date { font-size: 16px; letter-spacing: 0.5px; } } #news.detail #layout .has-full-image .full_column { margin-top: 0; } #news.detail #layout .has-full-image .spotlight_image { text-align: center; padding: 0; position: relative; max-width: 1180px; } #news.detail #layout .has-full-image .spotlight_image img { width: 100%; display: block; margin: 0 auto; } #news.detail #layout .has-full-image .spotlight_image:after { content: ''; width: 100%; bottom: 0; left: 0; position: absolute; height: 60px; } @media screen and (min-width: 768px) { #news.detail #layout .has-full-image .spotlight_image:after { width: 100%; left: 0; height: 90px; } } #news.detail #layout .has-full-image .news_body { padding-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow: visible; } @media screen and (max-width: 767px) { #news.detail #layout .has-full-image .news_body { position: relative; } } #news.detail #layout .has-full-image .news_body .info { padding-top: 0; } @media screen and (min-width: 768px) { #news.detail #layout .has-full-image .news_body .info { position: relative; } } img[align="right"] { float: right; margin: 0 0px 10px 10px; } img[align="left"] { float: left; margin: 0 10px 10px 0px; } #content .textarea[data-width="3"] .widget_inner { padding: 2% 5%; } @media screen and (min-width: 768px) { #content .textarea[data-width="3"] .widget_inner { padding: 7% 15%; } } #content img.right { float: right; margin: 0 0px 10px 10px; } #content img.left { float: left; margin: 0 10px 10px 0px; } #content img.center { display: block; margin: 0 auto 10px; } #content .textarea.content_item .center { text-align: center; } #content .textarea.content_item .center img { display: block; margin: 0 auto 10px; } #content .textarea.content_item table tr:nth-child(odd) { background: #f3f3f3; } #content .textarea.content_item table tr:nth-child(odd) td { text-align: center; background: #f3f3f3; } #content .textarea.content_item table tr th { font-weight: bold; border: 1px solid #e1e3e3; padding: 13px 20px; background: none; text-transform: uppercase; } #content .textarea.content_item table tr th.table_header { text-transform: none; font-size: 11px; border: none; } #content .textarea.content_item table tr td { text-align: center; border: 1px solid #e1e3e3; display: table-cell; padding: 13px 20px; background: #fff; } #content .content_container { margin-top: 10px; border-width: 1px; border-style: solid; border-radius: 6px; padding: 2% 5%; } @media screen and (min-width: 768px) { #content .content_container { padding: 7% 12%; margin-top: 20px; } } #content .content_container .widget_inner { padding: 0; border-color: transparent; } #content .content_container .textarea.content_item { padding: 0; } #content .content_container .textarea[data-width="3"] .widget_inner { padding: 2% 0; } @media screen and (min-width: 768px) { #content .content_container .textarea[data-width="3"] .widget_inner { padding: 0; } } td.fsRowClose, td.fsRowOpen { display: none; } @media screen and (max-width: 767px) { .fsForm td.fsCell { padding: 0; } .fsFieldHorizontal { width: 308px; } .fsFieldRow input[type=text], .fsForm textarea { width: 300px; } } form.fsForm { box-shadow: none !important; } form .fsFieldHorizontal { clear: left; display: block; } form .fsLabelHorizontal .fsLabel { width: auto; } #content .faq dd h1, #content .textarea.content_item .widget_inner h1, #content .textarea.content_item .textarea_inner h1, .content_container .link ul.list .description h1, .spotlight.content_item .info h1, .player_bio .player_description_wrapper h1, #content .faq dd h2, #content .textarea.content_item .widget_inner h2, #content .textarea.content_item .textarea_inner h2, .content_container .link ul.list .description h2, .spotlight.content_item .info h2, .player_bio .player_description_wrapper h2, #content .faq dd h3, #content .textarea.content_item .widget_inner h3, #content .textarea.content_item .textarea_inner h3, .content_container .link ul.list .description h3, .spotlight.content_item .info h3, .player_bio .player_description_wrapper h3, #content .faq dd h4, #content .textarea.content_item .widget_inner h4, #content .textarea.content_item .textarea_inner h4, .content_container .link ul.list .description h4, .spotlight.content_item .info h4, .player_bio .player_description_wrapper h4 { text-transform: uppercase; letter-spacing: 1px; margin-bottom: 15px; padding-bottom: 0; line-height: 150%; } @media screen and (min-width: 768px) { #content .faq dd h1, #content .textarea.content_item .widget_inner h1, #content .textarea.content_item .textarea_inner h1, .content_container .link ul.list .description h1, .spotlight.content_item .info h1, .player_bio .player_description_wrapper h1, #content .faq dd h2, #content .textarea.content_item .widget_inner h2, #content .textarea.content_item .textarea_inner h2, .content_container .link ul.list .description h2, .spotlight.content_item .info h2, .player_bio .player_description_wrapper h2, #content .faq dd h3, #content .textarea.content_item .widget_inner h3, #content .textarea.content_item .textarea_inner h3, .content_container .link ul.list .description h3, .spotlight.content_item .info h3, .player_bio .player_description_wrapper h3, #content .faq dd h4, #content .textarea.content_item .widget_inner h4, #content .textarea.content_item .textarea_inner h4, .content_container .link ul.list .description h4, .spotlight.content_item .info h4, .player_bio .player_description_wrapper h4 { line-height: 50px; margin-bottom: 0px; } .spotlight.content_item #content .faq dd h1, #content .faq .spotlight.content_item dd h1, .spotlight.content_item #content .textarea.content_item .widget_inner h1, #content .textarea.content_item .spotlight.content_item .widget_inner h1, .spotlight.content_item #content .textarea.content_item .textarea_inner h1, #content .textarea.content_item .spotlight.content_item .textarea_inner h1, .spotlight.content_item .content_container .link ul.list .description h1, .content_container .link ul.list .spotlight.content_item .description h1, .spotlight.content_item .info h1, .spotlight.content_item .player_bio .player_description_wrapper h1, .player_bio .spotlight.content_item .player_description_wrapper h1, .spotlight.content_item #content .faq dd h2, #content .faq .spotlight.content_item dd h2, .spotlight.content_item #content .textarea.content_item .widget_inner h2, #content .textarea.content_item .spotlight.content_item .widget_inner h2, .spotlight.content_item #content .textarea.content_item .textarea_inner h2, #content .textarea.content_item .spotlight.content_item .textarea_inner h2, .spotlight.content_item .content_container .link ul.list .description h2, .content_container .link ul.list .spotlight.content_item .description h2, .spotlight.content_item .info h2, .spotlight.content_item .player_bio .player_description_wrapper h2, .player_bio .spotlight.content_item .player_description_wrapper h2, .spotlight.content_item #content .faq dd h3, #content .faq .spotlight.content_item dd h3, .spotlight.content_item #content .textarea.content_item .widget_inner h3, #content .textarea.content_item .spotlight.content_item .widget_inner h3, .spotlight.content_item #content .textarea.content_item .textarea_inner h3, #content .textarea.content_item .spotlight.content_item .textarea_inner h3, .spotlight.content_item .content_container .link ul.list .description h3, .content_container .link ul.list .spotlight.content_item .description h3, .spotlight.content_item .info h3, .spotlight.content_item .player_bio .player_description_wrapper h3, .player_bio .spotlight.content_item .player_description_wrapper h3, .spotlight.content_item #content .faq dd h4, #content .faq .spotlight.content_item dd h4, .spotlight.content_item #content .textarea.content_item .widget_inner h4, #content .textarea.content_item .spotlight.content_item .widget_inner h4, .spotlight.content_item #content .textarea.content_item .textarea_inner h4, #content .textarea.content_item .spotlight.content_item .textarea_inner h4, .spotlight.content_item .content_container .link ul.list .description h4, .content_container .link ul.list .spotlight.content_item .description h4, .spotlight.content_item .info h4, .spotlight.content_item .player_bio .player_description_wrapper h4, .player_bio .spotlight.content_item .player_description_wrapper h4 { margin-bottom: 15px; line-height: 150%; } } #content .faq dd h1.has-margin, #content .textarea.content_item .widget_inner h1.has-margin, #content .textarea.content_item .textarea_inner h1.has-margin, .content_container .link ul.list .description h1.has-margin, .spotlight.content_item .info h1.has-margin, .player_bio .player_description_wrapper h1.has-margin, #content .faq dd h2.has-margin, #content .textarea.content_item .widget_inner h2.has-margin, #content .textarea.content_item .textarea_inner h2.has-margin, .content_container .link ul.list .description h2.has-margin, .spotlight.content_item .info h2.has-margin, .player_bio .player_description_wrapper h2.has-margin, #content .faq dd h3.has-margin, #content .textarea.content_item .widget_inner h3.has-margin, #content .textarea.content_item .textarea_inner h3.has-margin, .content_container .link ul.list .description h3.has-margin, .spotlight.content_item .info h3.has-margin, .player_bio .player_description_wrapper h3.has-margin, #content .faq dd h4.has-margin, #content .textarea.content_item .widget_inner h4.has-margin, #content .textarea.content_item .textarea_inner h4.has-margin, .content_container .link ul.list .description h4.has-margin, .spotlight.content_item .info h4.has-margin, .player_bio .player_description_wrapper h4.has-margin { margin-bottom: 15px; } #content .faq dd h1, #content .textarea.content_item .widget_inner h1, #content .textarea.content_item .textarea_inner h1, .content_container .link ul.list .description h1, .spotlight.content_item .info h1, .player_bio .player_description_wrapper h1 { font-size: 28px; } #content .faq dd h2, #content .textarea.content_item .widget_inner h2, #content .textarea.content_item .textarea_inner h2, .content_container .link ul.list .description h2, .spotlight.content_item .info h2, .player_bio .player_description_wrapper h2 { font-size: 22px; } #content .faq dd h3, #content .textarea.content_item .widget_inner h3, #content .textarea.content_item .textarea_inner h3, .content_container .link ul.list .description h3, .spotlight.content_item .info h3, .player_bio .player_description_wrapper h3, #content .faq dd h4, #content .textarea.content_item .widget_inner h4, #content .textarea.content_item .textarea_inner h4, .content_container .link ul.list .description h4, .spotlight.content_item .info h4, .player_bio .player_description_wrapper h4 { font-size: 18px; } #content .faq dd p.lead, #content .textarea.content_item .widget_inner p.lead, #content .textarea.content_item .textarea_inner p.lead, .content_container .link ul.list .description p.lead, .spotlight.content_item .info p.lead, .player_bio .player_description_wrapper p.lead, #content .faq dd *.lead, #content .textarea.content_item .widget_inner *.lead, #content .textarea.content_item .textarea_inner *.lead, .content_container .link ul.list .description *.lead, .spotlight.content_item .info *.lead, .player_bio .player_description_wrapper *.lead { text-align: center; } #content .faq dd p, #content .textarea.content_item .widget_inner p, #content .textarea.content_item .textarea_inner p, .content_container .link ul.list .description p, .spotlight.content_item .info p, .player_bio .player_description_wrapper p { font-size: 16px; line-height: 26px; } #content .faq dd ul li, #content .textarea.content_item .widget_inner ul li, #content .textarea.content_item .textarea_inner ul li, .content_container .link ul.list .description ul li, .spotlight.content_item .info ul li, #content .faq dd ol li, #content .textarea.content_item .widget_inner ol li, #content .textarea.content_item .textarea_inner ol li, .content_container .link ul.list .description ol li, .spotlight.content_item .info ol li { font-size: 15px; line-height: 18px; } @media screen and (min-width: 768px) { #content .faq dd ul, #content .textarea.content_item .widget_inner ul, #content .textarea.content_item .textarea_inner ul, .content_container .link ul.list .description ul, .spotlight.content_item .info ul, #content .faq dd ol, #content .textarea.content_item .widget_inner ol, #content .textarea.content_item .textarea_inner ol, .content_container .link ul.list .description ol, .spotlight.content_item .info ol { width: 80%; } } #content .faq dd ul, #content .textarea.content_item .widget_inner ul, #content .textarea.content_item .textarea_inner ul, .content_container .link ul.list .description ul, .spotlight.content_item .info ul { list-style: none; } #content .faq dd ul li, #content .textarea.content_item .widget_inner ul li, #content .textarea.content_item .textarea_inner ul li, .content_container .link ul.list .description ul li, .spotlight.content_item .info ul li { position: relative; padding-left: 20px; margin: 0 0 15px; letter-spacing: 0; } #content .faq dd ul li:before, #content .textarea.content_item .widget_inner ul li:before, #content .textarea.content_item .textarea_inner ul li:before, .content_container .link ul.list .description ul li:before, .spotlight.content_item .info ul li:before { content: ''; position: absolute; top: 4px; left: 0; width: 8px; height: 8px; } #content .faq dd ul li:after, #content .textarea.content_item .widget_inner ul li:after, #content .textarea.content_item .textarea_inner ul li:after, .content_container .link ul.list .description ul li:after, .spotlight.content_item .info ul li:after { display: none; } #content .faq dd ol, #content .textarea.content_item .widget_inner ol, #content .textarea.content_item .textarea_inner ol, .content_container .link ul.list .description ol, .spotlight.content_item .info ol { list-style: none; margin-bottom: 20px; } #content .faq dd ol li, #content .textarea.content_item .widget_inner ol li, #content .textarea.content_item .textarea_inner ol li, .content_container .link ul.list .description ol li, .spotlight.content_item .info ol li { position: relative; padding-left: 33px; counter-increment: step-counter; margin: 0 0 15px; padding-top: 3px; } #content .faq dd ol li:before, #content .textarea.content_item .widget_inner ol li:before, #content .textarea.content_item .textarea_inner ol li:before, .content_container .link ul.list .description ol li:before, .spotlight.content_item .info ol li:before { content: counter(step-counter); position: absolute; top: 0; left: 0; color: #fff; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; text-align: center; font-size: 14px; } #content .faq dd ol li:after, #content .textarea.content_item .widget_inner ol li:after, #content .textarea.content_item .textarea_inner ol li:after, .content_container .link ul.list .description ol li:after, .spotlight.content_item .info ol li:after { display: none; } /* ---------------------------------------------------------------------------- = Links and Link Lists ----------------------------------------------------------------------------- */ .content_container .link { margin: 0 0 20px; padding: 0; position: relative; clear: both; } @media screen and (min-width: 640px) and (max-width: 1200px) { .content_container .link { width: auto; } } .content_container .link .widget_inner { padding: 0; border-color: transparent; border-radius: 0; } .content_container .link ul.list { margin: 0 !important; padding: 0; list-style: none; } .content_container .link ul.list > li { padding: 0; padding-left: 0 !important; margin: 0 0 5px; background: none; } .content_container .link ul.list > li:before, .content_container .link ul.list > li:after { display: none; } .content_container .link ul.list li > a, .content_container .link ul.list li > a:visited { display: block; text-decoration: none; padding: 20px 40px 18px 20px; position: relative; text-transform: uppercase; font-size: 16px; border-radius: 6px; } @media screen and (min-width: 768px) { .content_container .link ul.list li > a, .content_container .link ul.list li > a:visited { padding: 20px 60px 18px 30px; } } .content_container .link ul.list li > a:before, .content_container .link ul.list li > a:visited:before { content: "\f08e"; position: absolute; right: 15px; top: 50%; font-family: FontAwesome; height: 20px; margin-top: -10px; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } @media screen and (min-width: 768px) { .content_container .link ul.list li > a:before, .content_container .link ul.list li > a:visited:before { right: 20px; } } .content_container .link ul.list li > a.external:before, .content_container .link ul.list li > a:visited.external:before { content: "\f08e"; } .content_container .link ul.list li > a.external[href*="twitter"]:before, .content_container .link ul.list li > a:visited.external[href*="twitter"]:before { content: "\f099"; } .content_container .link ul.list li > a.external[href*="facebook"]:before, .content_container .link ul.list li > a:visited.external[href*="facebook"]:before { content: "\f09a"; } .content_container .link ul.list li > a.external[href*="instagram"]:before, .content_container .link ul.list li > a:visited.external[href*="instagram"]:before { content: "\f16d"; } .content_container .link ul.list li > a.external[href*="pinterest"]:before, .content_container .link ul.list li > a:visited.external[href*="pinterest"]:before { content: "\f0d2"; } .content_container .link ul.list li > a.external[href*="youtube"]:before, .content_container .link ul.list li > a.external[href*="youtu.be"]:before, .content_container .link ul.list li > a:visited.external[href*="youtube"]:before, .content_container .link ul.list li > a:visited.external[href*="youtu.be"]:before { content: "\f16a"; } .content_container .link ul.list li > a.image:before, .content_container .link ul.list li > a:visited.image:before { content: "\f03e"; } .content_container .link ul.list li > a.pdf:before, .content_container .link ul.list li > a:visited.pdf:before { content: "\f019"; } .content_container .link ul.list li > a.email:before, .content_container .link ul.list li > a:visited.email:before { content: "\f003"; } .content_container .link ul.list li > a.email:before, .content_container .link ul.list li > a.pdf:before, .content_container .link ul.list li > a.image:before, .content_container .link ul.list li > a:visited.email:before, .content_container .link ul.list li > a:visited.pdf:before, .content_container .link ul.list li > a:visited.image:before { right: 17px; } @media screen and (min-width: 768px) { .content_container .link ul.list li > a.email:before, .content_container .link ul.list li > a.pdf:before, .content_container .link ul.list li > a.image:before, .content_container .link ul.list li > a:visited.email:before, .content_container .link ul.list li > a:visited.pdf:before, .content_container .link ul.list li > a:visited.image:before { right: 22px; } } .content_container .link ul.list .description { padding: 0 30px 0px; } /* ---------------------------------------------------------------------------- =Spotlight list style ----------------------------------------------------------------------------- */ .spotlight.content_item { clear: both; width: 100%; margin-bottom: 40px; } .spotlight.content_item > div { padding: 60px; } @media screen and (max-width: 767px) { .spotlight.content_item > div { padding: 30px; } } .spotlight.content_item .entry { *zoom: 1; padding-top: 40px; margin-bottom: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .spotlight.content_item .entry:before, .spotlight.content_item .entry:after { content: "\0020"; display: table; } .spotlight.content_item .entry:after { clear: both; } .spotlight.content_item .entry:first-child { border-top: none; } .spotlight.content_item .entry:last-child { margin-bottom: 0; } .spotlight.content_item .thumb { min-width: 150px; width: 200px; margin: 0 40px 0px 0; float: left; } .spotlight.content_item .thumb a { display: block; opacity: 1; } .spotlight.content_item .thumb a:hover { opacity: 0.8; } .spotlight.content_item .thumb img { display: block; width: 100%; } @media screen and (max-width: 767px) { .spotlight.content_item .thumb { margin: 0 auto 20px; float: none; } } .spotlight.content_item .info { float: left; width: 100%; display: block; } @media screen and (max-width: 767px) { .spotlight.content_item .info { margin: 0 auto 20px; float: none; text-align: center; } .spotlight.content_item .info li { text-align: left; } } .spotlight.content_item .thumb + .info { width: calc(100% - (200px + 40px)); } @media screen and (max-width: 767px) { .spotlight.content_item .thumb + .info { width: 100%; } } .spotlight.content_item .buttons a { margin: 0 20px 0 0; } @media screen and (max-width: 767px) { .spotlight.content_item .buttons { margin: 0 auto 20px; float: none; text-align: center; } .spotlight.content_item .buttons a { margin: 0 10px; } } /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; transition: visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } /*.grab-cursor { cursor:image-url('grab.png') 8 8, move; } .grabbing-cursor{ cursor:image-url('grabbing.png') 8 8, move; }*/ .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; /* background: image-url('blank.gif');*/ } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * 9. Overrides * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Override width/height */ .royalSlider { width: 660px; height: 400px; *zoom: 1; } .royalSlider:before, .royalSlider:after { content: "\0020"; display: table; } .royalSlider:after { clear: both; } .rsNoDrag { height: 100%; } /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: #000; color: #FFF; } .royalSlider > .rsContent { visibility: hidden; } .rsContent { background-color: #000; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 39px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 50px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top: 0; } .rsDefault .rsArrowIcn { cursor: pointer; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { /*background-position: 3px 15px;*/ } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { /*background-position: -40px 15px; margin-left:-39px;*/ } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 39; left: 0; bottom: 0px; width: auto; height: auto; background: #000; background: rgba(0, 0, 0, 0.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display: inline; *zoom: 1; padding: 6px 5px 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255, 255, 255, 0.5); cursor: pointer; } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; cursor: default; } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { position: absolute; width: 1180px; height: 90px; bottom: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { margin-top: 0; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; padding-left: 8px; margin-left: -8px; width: 1180px; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: visible !important; width: 100px; height: 92px; background: #666; } .rsDefault .rsThumb.tooltip-left .tooltip { right: auto; left: 0; } .rsDefault .rsThumb:last-child { margin-right: 0 !important; } .rsDefault .rsThumb .rsTmb { display: block; position: relative; } .rsDefault .rsThumb:hover .tooltip, .rsDefault .rsThumb:focus .tooltip { display: block; } .rsDefault .rsThumb:hover .arrow, .rsDefault .rsThumb:focus .arrow { display: block; } .rsDefault .rsThumb img { display: block; position: relative; width: 100px; height: 92px; } .rsDefault .rsThumb .arrow { position: absolute; display: none; bottom: 102px; right: 67px; width: 35px; height: 18px; background: url(../images/tool-social-tip.png) no-repeat 0 -2px; margin: 0; overflow: visible; text-indent: -9999px; visibility: visible; z-index: 5; } .rsDefault .rsThumb .tooltip { display: none; position: absolute; bottom: 118px; right: 0px; margin: 0; padding: 2px 20px 10px 19px; width: auto; height: 30px; background: #fff; border: 2px solid rgba(0, 0, 0, 0.1); z-index: 4; } .rsDefault .rsThumb .tooltip .details { position: relative; width: auto; white-space: nowrap; } .rsDefault .rsThumb .tooltip span { display: inline; padding: 0; margin: 0; text-indent: 0; color: #333; text-transform: uppercase; font: normal 16px/120% Arial, Helvetica, sans-serif; } .rsDefault .rsThumb .tooltip span span { font: normal 13px/120% Arial, Helvetica, sans-serif; text-transform: none; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsTmb { display: none; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0, 0, 0, 0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0, 0, 0, 0.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url(../images/rs-default.png); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); box-shadow: inset 1px 0 0 #fff; *display: inline; *zoom: 1; } .rsDefault .rsTab:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#BBB)); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0, 0, 0, 0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsPlayBtn { background: url(../images/video_play.png) center no-repeat; width: 100px; height: 109px; margin-left: -50px; margin-top: -55px; cursor: pointer; z-index: 999; } .rsPlayBtn:hover { background: url(../images/video_play_hover.png) center no-repeat; } .rsBtnCenterer { position: absolute; left: 50%; top: 50%; } .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url("../images/rs-default.png") -64px 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; } .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, 0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width: 20px; height: 20px; background-image: url('../images/preloader-white.gif?1441909985'); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: relative; bottom: 41px; width: 98%; height: 35px; margin: 0 0 0 8px; padding: 0; font-size: 12px; text-align: center; z-index: 38; /* .ie9 & { filter:none; }*/ } .rsDefault .rsGCaption.overlayed { display: none; } .rsDefault .rsGCaption .rsABlock { position: relative; left: auto; top: auto; width: 100%; height: 100%; padding: 0px; text-indent: 11px; } .rsDefault .rsGCaption .rsABlock p { width: 100%; height: 35px; padding: 0 15px; margin-bottom: 0; font-size: 13px; font-weight: 700; line-height: 35px; font-family: Arial, Helvetica, sans-serif; color: red; text-transform: uppercase; } .rsDefault .rsGCaption .rsABlock p:empty { display: none; } /*************** * * 9. Overrides/Customization * ****************/ .rsFullwidth[data-options="one_rotator"] img.rsImg { width: 100%; display: block; } .has_slideshow .full-slideshow, .has_slideshow .map_holder { margin: -399px 0 20px 0px; } .has_slideshow .full-slideshow { margin: -400px 0 38px 0px; } /*-- Custom Bullets --*/ .rsDefault.royalSlider { width: 100%; } .rsDefault .rsBullets { bottom: 10px; right: 0; left: auto; height: 35px; background: transparent; padding-right: 15px; text-align: right; } .rsDefault .rsBullets.has-video { bottom: 42px; } .rsDefault .rsBullet { width: auto; height: auto; padding-right: 6px; padding-top: 9px; } .rsDefault .rsBullet span { width: 15px; height: 15px; border-radius: 0; } .rsDefault .rsBullet span { background: transparent url("../images/ss-bullet.png") no-repeat 0 0; } .rsDefault .rsBullet.rsNavSelected span { background: transparent url("../images/ss-bullet-on.png") no-repeat 0 0; } .rsDefault .rsGCaption { bottom: 0px; } .rsDefault .rsArrow { width: 140px; background: rgba(0, 0, 0, 0.8); } .rsDefault .rsArrow.rsArrowLeft .rsArrowIcn { margin-top: 90px; margin-left: 30px; } .rsDefault .rsArrow.rsArrowRight .rsArrowIcn { margin-top: 90px; margin-left: 40px; } .rsDefault .rsArrow.rsArrowRight.rsArrowDisabled, .rsDefault .rsArrow.rsArrowLeft.rsArrowDisabled { display: none; opacity: 0; visibility: hidden; } .rsDefault .rsGCaption .rsABlock p { text-align: left; font-size: 22px; text-transform: none; letter-spacing: 2px; margin-top: 4px; } #news .rsGCaption { padding-top: 15px; height: 57px; letter-spacing: 0px; } #news .rsGCaption p { margin: 0; padding: 0; } #players .rsGCaption { z-index: 3; margin: 0 0 40px 0; padding: 15px 0; height: 65px; letter-spacing: 0px; width: 100%; } #players .rsGCaption p { margin: 0; padding: 0 8px; } #players #branding { box-shadow: none; display: block; padding: 10px 0 0 0; clear: both; background: none; } /* Core Owl Carousel CSS File v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } /* mouse grab icon */ .grabbing { cursor: url(../images/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } /* Owl Carousel CSS3 Transitions v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @keyframes goDown { from { -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); transform: scale(1.5); } } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls { margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; border-radius: 30px; } /* preloading images */ .owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; } .default_nav .prev, .carousel .prev, .default_nav .next, .carousel .next { width: 10px; height: 100%; position: absolute; top: 0; cursor: pointer; display: none; font-size: 0; } .default_nav .prev:after, .carousel .prev:after, .default_nav .next:after, .carousel .next:after { display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid white; content: ''; position: absolute; top: 50%; margin-top: -8px; left: 2px; cursor: pointer; } .default_nav .next, .carousel .next { left: auto; right: 0; } .default_nav .next:after, .carousel .next:after { left: 0; border-right: 0; border-left: 8px solid white; } .default_nav:hover .prev, .carousel:hover .prev, .default_nav:hover .next, .carousel:hover .next { display: block; } .carousel { height: 100%; position: relative; overflow: hidden; } .carousel .list_holder { visibility: hidden; overflow: hidden; opacity: 0; } .carousel .list_holder.owl-carousel { visibility: visible; -webkit-transition: all 175ms linear; transition: all 175ms linear; opacity: 1; } .carousel .list_holder { width: calc(100% + 20px); } .carousel .list_holder, .carousel .owl-wrapper-outer, .carousel .owl-wrapper, .carousel .owl-item { height: 100%; } .carousel .owl-controls { position: absolute; top: 0; left: 0; } .carousel .owl-controls .owl-pagination { display: none; } .owl-controls-small, .socialwidget[data-layout="social"] .owl-controls, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .owl-controls { display: block !important; top: auto; bottom: 17px; left: 90px; z-index: 2; } .owl-controls-small .owl-pagination, .socialwidget[data-layout="social"] .owl-controls .owl-pagination, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .owl-controls .owl-pagination { display: block; } .owl-controls-small .owl-page span, .socialwidget[data-layout="social"] .owl-controls .owl-page span, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .owl-controls .owl-page span { width: 6px; height: 6px; margin: 0 4px; } .owl-custom-nav, .socialwidget[data-layout="social"] .custom_navigation, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation { position: absolute; bottom: 67px; left: 0; width: 170px; height: 40px; } .owl-custom-nav .prev, .socialwidget[data-layout="social"] .custom_navigation .prev, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .prev, .owl-custom-nav .next, .socialwidget[data-layout="social"] .custom_navigation .next, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next { position: absolute; left: 30px; right: auto; top: auto; bottom: 0; height: 30px; display: block; background: none !important; font: 0/0; } .owl-custom-nav .prev:before, .socialwidget[data-layout="social"] .custom_navigation .prev:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .prev:before, .owl-custom-nav .prev:after, .socialwidget[data-layout="social"] .custom_navigation .prev:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .prev:after, .owl-custom-nav .next:before, .socialwidget[data-layout="social"] .custom_navigation .next:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:before, .owl-custom-nav .next:after, .socialwidget[data-layout="social"] .custom_navigation .next:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0; cursor: pointer; } .owl-custom-nav .prev:before, .socialwidget[data-layout="social"] .custom_navigation .prev:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .prev:before, .owl-custom-nav .next:before, .socialwidget[data-layout="social"] .custom_navigation .next:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:before { bottom: 10px; left: 1px; border-right-color: #777; border-width: 8px; } .owl-custom-nav .prev:after, .socialwidget[data-layout="social"] .custom_navigation .prev:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .prev:after, .owl-custom-nav .next:after, .socialwidget[data-layout="social"] .custom_navigation .next:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:after { bottom: 11px; top: auto; left: 2px; border-right-color: #fff; border-width: 7px; } .owl-custom-nav .next, .socialwidget[data-layout="social"] .custom_navigation .next, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next { left: 50px; } .owl-custom-nav .next:before, .socialwidget[data-layout="social"] .custom_navigation .next:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:before, .owl-custom-nav .next:after, .socialwidget[data-layout="social"] .custom_navigation .next:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:after { border-right: 0; } .owl-custom-nav .next:before, .socialwidget[data-layout="social"] .custom_navigation .next:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:before { left: 2px; border-left-color: #777; border-left: 8px solid #777; } .owl-custom-nav .next:after, .socialwidget[data-layout="social"] .custom_navigation .next:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next:after { border-left-color: #fff; border-left: 7px solid #fff; } .custom_nav_with_words .prev, .custom_nav_with_words .next { height: 60px; line-height: 60px; top: 50%; bottom: auto; margin-top: -80px; width: 70px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; display: block; cursor: pointer; } .custom_nav_with_words .prev { left: 0; float: left; } .custom_nav_with_words .prev:before { content: ''; position: absolute; top: 0; right: -8px; width: 0; height: 0; background: 0; border-bottom: 8px solid transparent; border-left: 8px solid #006172; border-top: 20px solid #006172; } .custom_nav_with_words .prev:after { border-bottom: 0; border-left: 0; border-right: 0; content: ''; position: absolute; bottom: 0; top: auto; right: -8px; left: auto; width: 0; height: 0; background: 0; border-top: 8px solid transparent; border-left: 8px solid #006172; border-bottom: 22px solid #006172; } .custom_nav_with_words .next { right: 0; left: auto; float: right; } .custom_nav_with_words .next:before { content: ''; position: absolute; top: 0; left: -8px; width: 0; height: 0; background: 0; border-bottom: 8px solid transparent; border-right: 8px solid #006172; border-top: 22px solid #006172; } .custom_nav_with_words .next:after { border-bottom: 0; border-left: 0; border-right: 0; content: ''; position: absolute; bottom: 0; top: auto; left: -8px; width: 0; height: 0; background: 0; border-top: 8px solid transparent; border-right: 8px solid #006172; border-bottom: 22px solid #006172; } .newswidget_recent .thumb a img, .newswidget_single .thumb a img, .galleries .entry .main_thumb img, .youtubewidget[data-layout="playlist_youtube"] .entry .thumb img { -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .galleries .show_more, .description .title { -webkit-transition: all .1s linear; transition: all .1s linear; } .widget_inner a, .description { -webkit-transition: color .1s linear; transition: color .1s linear; } .newswidget_recent .thumb a:hover img, .newswidget_single .thumb a:hover img, .galleries .entry .main_thumb:hover img, .youtubewidget[data-layout="playlist_youtube"] .entry .thumb:hover img { opacity: .65; } /** Styles for all variations of the news widgets Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 1. NEWS WIDGET SINGLE - 1.1 Common News Widget Styles - 1.2 News Widget - Two Col Shorts - 1.3 News Widget - One Col Standard - 1.4 News Widget - One Col Small Thumb - 1.5 News Widget - Common Responsive 2. NEWS WIDGET LIST - 2.1 Common News Widget Recent List Styles - 2.2 News Widget Recent - Has Thumbs Wide / Tall - 2.3 News Widget Recent - No Thumbs 1 Column / Tall - 2.4 News Widget - Common Responsive */ /* ==================================== 1. NEWS WIDGET SINGLE ==================================== */ .newswidget_single { /* 1.1 Common News Widget Styles ==================================== */ /* 1.2 News Widget - Two Col Short ==================================== */ /* 1.3 News Widget - One Col Standard ==================================== */ /* 1.4 News Widget - One Col Small Thumb ==================================== */ /* 1.5 News Widget - Common Responsive ==================================== */ } .newswidget_single .thumb { width: calc(100% + 60px); margin: -30px 0 25px -30px; height: auto; overflow: hidden; } .newswidget_single .thumb a { display: block; height: 100%; float: left; } .newswidget_single .thumb img { max-width: 100%; } .newswidget_single .mobile_desc { display: none; } .newswidget_single .small_thumb { display: none; width: 80px; height: 169px; float: left; position: relative; margin-right: 20px; overflow: hidden; } .newswidget_single .small_thumb a { display: block; height: 100%; } .newswidget_single .small_thumb img { height: auto; max-width: 100%; width: auto; } .newswidget_single .text-wrapper > strong { letter-spacing: 0.5px; height: 44px; display: block; overflow: hidden; } .newswidget_single .info { margin-bottom: 35px; } .newswidget_single.newswidget_single[data-layout="two_col_short"] .thumb { width: 378px; margin-bottom: 0; margin-right: 20px; padding-right: 30px; height: 248px; overflow: hidden; float: left; z-index: 2; position: relative; } .newswidget_single.newswidget_single[data-layout="two_col_short"] .thumb img { width: auto; height: 100%; } .newswidget_single.newswidget_single[data-layout="two_col_short"] .bottom_aside { width: 350px; left: auto; right: 30px; } @media screen and (max-width: 767px) { .newswidget_single.newswidget_single[data-layout="two_col_short"] .thumb { width: calc(100% + 60px); padding: 0; margin: -30px 0 25px -30px; max-height: 270px; overflow: hidden; float: none; } .newswidget_single.newswidget_single[data-layout="two_col_short"] .bottom_aside { width: calc(100% - 60px); left: 30px; } } .newswidget_single.newswidget_single[data-layout="one_col_standard"] .hasThumb .info p { display: none; } .newswidget_single.newswidget_single[data-layout="one_col_standard"] .hasThumb + .bottom_aside { display: none; } .newswidget_single.newswidget_single[data-layout="one_col_standard"] .thumb img { height: auto; width: 100%; } @media screen and (max-width: 767px) { .newswidget_single.newswidget_single[data-layout="one_col_standard"] .hasThumb + .bottom_aside { display: block; } } .newswidget_single.newswidget_single[data-layout="one_col_small_thumb"] .thumb { display: none; } .newswidget_single.newswidget_single[data-layout="one_col_small_thumb"] .small_thumb { display: block; } .newswidget_single.newswidget_single[data-layout="one_col_standard"] .thumb, .newswidget_single.newswidget_single[data-layout="one_col_small_thumb"] .thumb { height: 155px; } @media screen and (max-width: 767px) { .newswidget_single .thumb { display: none; } .newswidget_single .small_thumb { display: block; } .newswidget_single .info p { display: block !important; } .newswidget_single .desc { display: none; } .newswidget_single .mobile_desc { display: block; } } /* ==================================== 2. NEWS WIDGET RECENT LIST ==================================== */ .newswidget_recent { /*2.1 Common News Widget Recent List Styles ==================================== */ /* 2.2 News Widget Recent - Has Thumbs Wide / Tall ==================================== */ /* 2.3 News Widget Recent - No Thumbs 1 Column / Tall ==================================== */ /* 2.4 News Widget Recent - Common Responsive ==================================== */ } .newswidget_recent .thumb { width: 180px; float: left; overflow: hidden; height: 84px; margin-right: 20px; } .newswidget_recent .thumb a { display: block; height: 100%; } .newswidget_recent .thumb img { width: 100%; } .newswidget_recent .dates { font-size: 12px; } .newswidget_recent .entry { display: block; overflow: hidden; clear: left; padding: 0 0 30px 0; margin: 0 0 30px 0; } .newswidget_recent .entry.small_padding { padding: 0 0 20px 0; margin: 0 0 20px 0; } .newswidget_recent .entry p { padding: 0; margin: 0; } .newswidget_recent .entry:last-child { border-bottom: none; } .newswidget_recent .mobile_list { display: none; } .newswidget_recent .info { width: calc(100% - 200px); float: left; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"] .info { width: 100%; float: none; } .newswidget_recent.newswidget_recent[data-layout="one_col_no_thumbs"] .news_header_title { height: 44px; overflow: hidden; } @media screen and (max-width: 767px) { .newswidget_recent .thumb { display: none; } .newswidget_recent .info { width: 100%; float: none; } } /** Styles for all variations of the games/games widgets Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 1. STANDARD EVENTS / GAMES WIDGET - 1.1 Events/Game Widget - Three column carousel - 1.2 Events/Game Widget - Two column with game breakout - 1.3 Events/Game Widget - One column multiple items - 1.4 Events/Game Widget - One column one item - 1.5 Events/Game Widget - Common styles for games widget */ /* ==================================== 1. STANDARD EVENTS / GAMES WIDGET ==================================== */ .gameswidget { /* 1.1 Three column carousel ==================================== */ /* 1.2 Two column with game breakout ==================================== */ /* 1.3 One column multiple items ==================================== */ /* 1.4 One column one item ==================================== */ /* 1.5 Common styles for games widget ==================================== */ font-size: 12px; } .gameswidget[data-layout="three_col_standard"] .widget_inner { border: none; } .gameswidget[data-layout="three_col_standard"] .offseason_message { margin-top: 50px; } .gameswidget[data-layout="three_col_standard"] .thumb img { max-height: 100%; max-width: 100%; vertical-align: middle; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item { float: left; display: block; margin-right: 0%; width: 22.22222%; position: relative; overflow: hidden; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item:last-child { margin-right: 0; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .entry { margin-right: 20px; border-radius: 6px; overflow: hidden; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .details { position: absolute; top: 0; left: 0; height: 25px; width: 100%; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .game_vs_message { position: absolute; top: 34px; left: 0; text-align: center; width: 100%; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .date, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .time { display: block; font-size: 10px; text-transform: uppercase; line-height: 25px; height: 25px; text-align: center; z-index: 1; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .thumb { position: absolute; top: 10px; right: 30px; width: 72px; height: 72px; line-height: 72px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .network_wrapper { display: inline-block; position: relative; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .pill-button, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .network_wrapper { top: 45px; left: 30px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .pill-button.inactive, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .network_wrapper.inactive { display: none; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .score { position: absolute; left: 30px; top: 8px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .awayteam .score { left: 80px; line-height: 80px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .awayteam .thumb, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .awayteam .team_name, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .hometeam .thumb, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .hometeam .team_name { display: none; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .awayteam.active .thumb, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .awayteam.active .team_name, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .hometeam.active .thumb, .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .hometeam.active .team_name { display: block; } .gameswidget[data-layout="three_col_standard"] .games-carousel.offseason .owl-item { width: 100%; } .gameswidget[data-layout="three_col_standard"] .games-carousel .entry { position: relative; height: 100%; } .gameswidget[data-layout="three_col_standard"] .entry .if_necessary, .gameswidget[data-layout="three_col_standard"] .entry .preseason { display: block; bottom: 0px; left: 40px; } @media screen and (max-width: 340px) { .gameswidget[data-layout="three_col_standard"] { height: 160px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .thumb { top: 47px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .score { top: 41px; left: 15px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .awayteam .score { left: 63px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .game_vs_message { top: 55px; } .gameswidget[data-layout="three_col_standard"] .games-carousel .owl-item .pill-button { padding: 0 10px; top: 65px; left: 20px; } } .gameswidget[data-layout="two_col_standard"] .latest_game, .gameswidget[data-layout="two_col_standard"] .upcoming_games { float: left; display: block; margin-right: 0%; width: 50%; } .gameswidget[data-layout="two_col_standard"] .latest_game:last-child, .gameswidget[data-layout="two_col_standard"] .upcoming_games:last-child { margin-right: 0; } .gameswidget[data-layout="two_col_standard"] .upcoming_games.more_than_three { float: left; display: block; margin-right: 0%; width: 100%; } .gameswidget[data-layout="two_col_standard"] .upcoming_games.more_than_three:last-child { margin-right: 0; } .gameswidget[data-layout="two_col_standard"] .widget_inner { padding-left: 0; padding-right: 0; } .gameswidget[data-layout="two_col_standard"] .widget_content_padding { padding: 20px 0; overflow: auto; } .gameswidget[data-layout="two_col_standard"] .latest_game { padding-left: 30px; } .gameswidget[data-layout="two_col_standard"] .latest_game .awayteam, .gameswidget[data-layout="two_col_standard"] .latest_game .hometeam { width: 100%; clear: left; overflow: hidden; padding-right: 30px; } .gameswidget[data-layout="two_col_standard"] .latest_game .awayteam { margin-top: 10px; margin-bottom: 20px; } .gameswidget[data-layout="two_col_standard"] .latest_game .thumb { width: 69px; height: 69px; line-height: 67px; margin-right: 23px; } .gameswidget[data-layout="two_col_standard"] .latest_game .score { margin-right: 18px; height: 70px; line-height: 70px; border-radius: 5px; } .gameswidget[data-layout="two_col_standard"] .latest_game .score.has_abbr { height: 86px; line-height: 96px; } .gameswidget[data-layout="two_col_standard"] .latest_game .score:last-child { float: right; margin-right: 0; margin-left: 0; } .gameswidget[data-layout="two_col_standard"] .latest_game.small_margin .score { margin-right: 5px; width: 31px; } .gameswidget[data-layout="two_col_standard"] .latest_game.small_margin .thumb { margin-right: 13px; } .gameswidget[data-layout="two_col_standard"] .latest_game .thumb, .gameswidget[data-layout="two_col_standard"] .latest_game .score { display: inline-block; float: left; } .gameswidget[data-layout="two_col_standard"] .latest_game .date { position: absolute; bottom: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; } .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap { position: absolute; bottom: 8px; right: 50%; transform: translate(-30px, 0); -webkit-transform: translate(-30px, 0); -ms-transform: translate(-30px, 0); text-transform: uppercase; font-size: 12px; } .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap a.emphasized_link, .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap .widget_title_wrapper a.title_right_content, .widget_title_wrapper .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap a.title_right_content, .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap .bottom_aside a.view_all_link, .bottom_aside .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap a.view_all_link, .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap .buy_button_triangle a, .buy_button_triangle .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap a, .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap .pill-button a, .pill-button .gameswidget[data-layout="two_col_standard"] .latest_game .game_recap a { font-size: 12px; font-weight: normal; } .gameswidget[data-layout="two_col_standard"] .upcoming_games { position: relative; margin-right: 0; } @media screen and (max-width: 767px) { .gameswidget[data-layout="two_col_standard"] .latest_game { display: none; } .gameswidget[data-layout="two_col_standard"] .upcoming_games { width: 100%; float: none; *zoom: 1; } .gameswidget[data-layout="two_col_standard"] .upcoming_games:before, .gameswidget[data-layout="two_col_standard"] .upcoming_games:after { content: "\0020"; display: table; } .gameswidget[data-layout="two_col_standard"] .upcoming_games:after { clear: both; } } @media screen and (max-width: 320px) { .gameswidget[data-layout="two_col_standard"] .widget_content_padding { max-height: 219px; overflow: hidden; } .gameswidget[data-layout="two_col_standard"] .entry { width: 50% !important; } .gameswidget[data-layout="two_col_standard"] .entry:nth-child(3) { display: none; } .gameswidget[data-layout="two_col_standard"] .entry:nth-child(2) { border-right: 0; } } .game-list .gameswidget[data-layout="two_col_standard"] { width: 31.3333%; height: auto; background: transparent; padding: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { .game-list .gameswidget[data-layout="two_col_standard"] { float: left; display: block; margin-right: 0%; width: 50%; height: 100%; } .game-list .gameswidget[data-layout="two_col_standard"]:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .game-list .gameswidget[data-layout="two_col_standard"] { display: none; } } .game-list .gameswidget[data-layout="two_col_standard"] .widget_inner { background-color: transparent; border: 0; padding: 20px 0 0 0; } .game-list .gameswidget[data-layout="two_col_standard"] .widget_content_padding { padding: 0; } .game-list .gameswidget[data-layout="two_col_standard"] .widget_title_wrapper { display: none; } .game-list .gameswidget[data-layout="two_col_standard"] .widget_title_wrapper + div { margin-top: 0; } .game-list .gameswidget[data-layout="two_col_standard"] .latest_game { padding: 0; width: 100%; border: 0; } .game-list .gameswidget[data-layout="two_col_standard"] .upcoming_games { width: 0; display: none; } .game-list .gameswidget[data-layout="two_col_standard"] .game_recap, .game-list .gameswidget[data-layout="two_col_standard"] .date { display: none; } .gameswidget[data-layout="two_col_standard"] .if_necessary, .gameswidget[data-layout="two_col_standard"] .preseason { bottom: -25px; } .gameswidget[data-layout="one_col_multiple"] .widget_inner { padding-left: 0; padding-right: 0; } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding { *zoom: 1; padding: 20px 0; } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding:before, .gameswidget[data-layout="one_col_multiple"] .widget_content_padding:after { content: "\0020"; display: table; } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding:after { clear: both; } @media screen and (max-width: 320px) { .gameswidget[data-layout="one_col_multiple"] .widget_content_padding .widget_content_padding { max-height: 219px; overflow: hidden; } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding .entry { width: 50% !important; } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding .entry:nth-child(3) { display: none; } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding .entry:nth-child(2) { border-right: 0; } } .gameswidget[data-layout="one_col_multiple"] .widget_content_padding .if_necessary, .gameswidget[data-layout="one_col_multiple"] .widget_content_padding .preseason { bottom: -3px; } .gameswidget[data-layout="one_col_standard"] { text-align: center; } .gameswidget[data-layout="one_col_standard"] .thumb { height: 100px; width: 100px; line-height: 100px; } .gameswidget[data-layout="one_col_standard"] .game_vs_message { text-align: center; } .gameswidget[data-layout="one_col_standard"] .hometeam, .gameswidget[data-layout="one_col_standard"] .awayteam { position: absolute; top: 20px; left: 20px; top: 20px; } .gameswidget[data-layout="one_col_standard"] .hometeam.active, .gameswidget[data-layout="one_col_standard"] .awayteam.active { left: auto; right: 20px; } .gameswidget[data-layout="one_col_standard"] .button_wrapper, .gameswidget[data-layout="one_col_standard"] .network_wrapper { margin: 0 auto; transform: translate(0, -82px); -webkit-transform: translate(0, -82px); -ms-transform: translate(0, -82px); } .gameswidget[data-layout="one_col_standard"] .details { margin-top: 80px; text-align: center; } .gameswidget[data-layout="one_col_standard"] .time { font-size: 14px; } @media screen and (max-width: 360px) { .gameswidget[data-layout="one_col_standard"] .thumb { height: 80px; width: 80px; line-height: 80px; } .gameswidget[data-layout="one_col_standard"] .hometeam, .gameswidget[data-layout="one_col_standard"] .awayteam { left: 10px; } .gameswidget[data-layout="one_col_standard"] .hometeam.active, .gameswidget[data-layout="one_col_standard"] .awayteam.active { right: 10px; } } .gameswidget .time { text-transform: uppercase; } .gameswidget .time .if_necessary_game_indicator { display: inline; } .gameswidget .offseason_message { text-align: center; margin-top: 55px; } .gameswidget .network_wrapper { width: 100px; margin: 0 auto; transform: translate(0, -10px); -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); display: none; } .gameswidget .score { width: 37px; height: 77px; line-height: 77px; text-align: center; font-size: 22px; border-radius: 5px; position: relative; } .gameswidget .abbr { margin-left: -1px; text-transform: uppercase; margin-right: -1px; margin-top: -1px; font-size: 10px; width: calc(100% + 2px); top: 0; position: absolute; height: 17px; line-height: 17px; border-radius: 5px 5px 0 0; font-weight: bold; letter-spacing: 0.5px; } .gameswidget .thumb { position: relative; text-align: center; z-index: 2; overflow: hidden; } .gameswidget .thumb img { vertical-align: middle; max-height: 100%; } .gameswidget .thumb.has_abbr { margin-top: 17px; overflow: visible; } .gameswidget .thumb .abbr { top: -17px; } .gameswidget .if_necessary, .gameswidget .preseason { font-style: italic; font-size: 10px; float: left; position: absolute; bottom: 10px; left: 20px; } .gameswidget .entry .if_necessary, .gameswidget .entry .preseason { display: none; } .gameswidget .upcoming_games_three .entry { height: 190px; float: left; display: block; margin-right: 0%; width: 33.33333%; text-align: center; display: none; } .gameswidget .upcoming_games_three .entry:last-child { margin-right: 0; } .gameswidget .upcoming_games_three .entry:first-child, .gameswidget .upcoming_games_three .entry:first-child + .entry, .gameswidget .upcoming_games_three .entry:first-child + .entry + .entry { display: block; } @media screen and (max-width: 359px) { .gameswidget .upcoming_games_three .entry:first-child + .entry + .entry { display: none; } } .gameswidget .upcoming_games_three.more_than_three .entry { float: left; display: block; margin-right: 0%; width: 16.66667%; text-align: center; } .gameswidget .upcoming_games_three.more_than_three .entry:last-child { margin-right: 0; } .gameswidget .upcoming_games_three.more_than_three .entry:nth-child(6n) { border-right: none; } @media screen and (max-width: 767px) { .gameswidget .upcoming_games_three.more_than_three .entry { float: left; display: block; margin-right: 0%; width: 33.33333%; } .gameswidget .upcoming_games_three.more_than_three .entry:last-child { margin-right: 0; } } .gameswidget .upcoming_games_three:not(.more_than_three) .entry:last-child { border-right: none; } .gameswidget .upcoming_games_three .thumb { margin-bottom: 20px; width: 69px; height: 67px; line-height: 67px; margin-left: auto; margin-right: auto; } .gameswidget .upcoming_games_three .details { margin-bottom: 10px; } .gameswidget .upcoming_games_three .time { text-transform: uppercase; font-weight: bold; } .gameswidget .upcoming_games_three .time span { display: block; text-transform: lowercase; font-weight: bold; } .gameswidget .upcoming_games_three .network_wrapper { display: none; } /** Styles for all variations of the promotions widget Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 1. PROMOTIONS WIDGET 1.1 - Common promotion widget styles 1.2 - 3 Column Large Promotion 1.3 - 3 Column Small Promotion 1.4 - 1 Column Square 1.5 - 3 Column Carousel */ /* ==================================== 1. PROMOTIONS WIDGET ==================================== */ .promotionswidget { /* 1.1 - Common promotion widget styles ==================================== */ /* 1.2 3 Column Large Promotion ==================================== */ /* 1.3 - 3 Column Small Promotion ==================================== */ } .promotionswidget .promotion_widget_item { display: none; } .promotionswidget .promotion_widget_item:first-child { display: block; } .promotionswidget .promo_image { width: 100%; } .promotionswidget .promo_image img { width: 100%; float: left; } .promotionswidget .promo_image .image { display: block; z-index: 2; } .promotionswidget .body { z-index: 3; background: white; padding: 20px; } .promotionswidget .body.is_anchored { position: absolute; bottom: 0; left: 0; width: 100%; background: white; } #content .promotionswidget .body ul li { padding-left: 20px; } .promotionswidget .body ul li:before { content: ''; position: absolute; top: 8px; left: 0; width: 8px; height: 8px; border-radius: 50%; } .promotionswidget .body ul li:after { display: none; } /** Styles for widgets that are created throught the slide content item. Some are slideshows some are carousel, the are all content item slide Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 1. WIDGETS CREATED THROUGH SLIDE CONTENT ITEM - 1.1 Carousel Slides - General carousel used for slide widget - 1.2 Carousel Slides - Three column carousel used in various slide widgets - 1.3 Carousel Slides - Carousel used specically in main spotlight 3 visible - 1.4 Carousel Slides - Carousel used specifically for the store widget - 1.5 Carousel Slides - Carousel used for promotions, shows around 8 small images - 1.6 Slideshow Slides - Slideshow with captions on the side (rsStandardStore) - 1.7 Slideshow Slides - Full width slideshow 2. ARROWS - 2.1 Arrows for home_full_width & home_one_rotator - 2.2 Arrows for carousel */ /* ==================================== 1. WIDGETS CREATED THROUGH SLIDE CONTENT ITEM ==================================== */ .slide { /* 1.1 General carousel used for slide widget ==================================== */ /* 1.2 Three column carousel used in various slide widgets * ======================================================== * The three item visible spec is used for store and for main spotlight * It is an owl carousel and kinda looks like this * ------------------------- * | | | | * |< | | >| * | | | | * ------------------------- */ /* 1.3 Carousel used specically in main spotlight 3 visible * ======================================================== */ /* 1.4 Carousel used specifically for the store widget * ======================================================== */ /* 1.5 Carousel used for promotions, shows around 8 small images * ======================================================== */ /* 1.6 Slideshow with captions on the side (rsStandardStore) * ======================================================== * The rsStandard store is used for store and main spotlight * It is a royal slider with text captions on the side nav. * _________________________ * | |_______| * |< >|_______| * | |_______| * |_______________|_______| */ /* 1.7 Slideshow Slides - Full width slideshow (rsFullwidth) * ======================================================== The full width slideshow is used in main spotlight for both full width versions, (full breakout from layout and full in layout) _________________________ | | | | |< >| |_______________________| */ /* 1.8 Carousel convert from store slideshow * ======================================================== single item carousel is used in place of slideshow on mobile */ } .slide .carousel { height: 100%; } .slide .carousel .owl-controls { display: none !important; } .slide .carousel .rsTmb, .slide .carousel .infoBlock { display: none; } .slide .carousel .list_holder { float: left; height: 100%; float: left; display: block; margin-right: 0%; width: 100%; margin-right: 0; padding: 22px; } .slide .carousel .list_holder:last-child { margin-right: 0; } .slide .carousel .entry { position: relative; text-align: center; border-right: 1px solid #e5e5e5; } .slide [data-options="carousel_store_three_item_visible"].list_holder { padding: 0; width: calc(100% + 20px); } .slide [data-options="carousel_store_three_item_visible"] .infoBlock { clear: left; display: block; height: 104px; padding: 20px 30px; text-align: left; } .slide [data-options="carousel_store_three_item_visible"] .caption { margin-top: 0; padding-top: 0; } .slide [data-options="carousel_store_three_item_visible"] .owl-item { float: left; display: block; margin-right: 0%; width: 22.22222%; position: relative; overflow: hidden; } .slide [data-options="carousel_store_three_item_visible"] .owl-item:last-child { margin-right: 0; } .slide [data-options="carousel_store_three_item_visible"] .owl-item .entry { margin-right: 20px; border-radius: 6px; overflow: hidden; text-align: center; } .slide[data-layout="carousel_store"] [data-options="carousel_store_three_item_visible"] + .custom_navigation .prev, .slide[data-layout="carousel_store"] [data-options="carousel_store_three_item_visible"] + .custom_navigation .next { height: 103px; top: auto; bottom: 0; } @media screen and (min-width: 1200px) { .slide[data-layout="carousel_store"] [data-options="carousel_store_three_item_visible"] + .custom_navigation .next { bottom: 0px; border-bottom-right-radius: 3px; } .slide[data-layout="carousel_store"] [data-options="carousel_store_three_item_visible"] + .custom_navigation .prev { border-bottom-left-radius: 3px; } } .slide[data-layout="homepage_slideshow"][data-pagetype="home_three_rotator"] .widget_inner { background: none; border: none; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_three_rotator"] img { max-height: 440px; float: left; height: 440px; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_three_rotator"] .infoBlock { height: 100px; padding-top: 30px; text-align: center; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_three_rotator"] p { display: none; } .slide[data-layout='carousel_store'] .carousel .next, .slide[data-layout='carousel_store'] .carousel .prev { display: block; } .slide[data-layout='carousel_store'] .carousel .entry, .slide[data-layout='standard_store'] .carousel .entry { border: none; } .slide[data-layout='carousel_store'] .owl-controls .owl-page span, .slide[data-layout='standard_store'] .owl-controls .owl-page span { width: 6px !important; height: 6px !important; margin: 0 4px !important; } .slide[data-layout='carousel_store'][data-maxitems="three_item_visible"] .widget_inner, .slide[data-layout='standard_store'][data-maxitems="three_item_visible"] .widget_inner { border: none; padding: 20px; } .slide[data-layout='carousel_store'][data-maxitems="three_item_visible"] img, .slide[data-layout='standard_store'][data-maxitems="three_item_visible"] img { max-height: 260px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .bottom_aside, .slide[data-layout='carousel_store'][data-maxitems="two_item_visible"] .bottom_aside, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .bottom_aside, .slide[data-layout='standard_store'][data-maxitems="two_item_visible"] .bottom_aside { bottom: -33px; left: 10px; width: calc(100% - 20px); } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .list_holder, .slide[data-layout='carousel_store'][data-maxitems="two_item_visible"] .list_holder, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .list_holder, .slide[data-layout='standard_store'][data-maxitems="two_item_visible"] .list_holder { height: 250px; padding: 0 20px 20px 20px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .prev, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .next, .slide[data-layout='carousel_store'][data-maxitems="two_item_visible"] .prev, .slide[data-layout='carousel_store'][data-maxitems="two_item_visible"] .next, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .prev, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .next, .slide[data-layout='standard_store'][data-maxitems="two_item_visible"] .prev, .slide[data-layout='standard_store'][data-maxitems="two_item_visible"] .next { height: calc(100% - 60px); } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .entry, .slide[data-layout='carousel_store'][data-maxitems="two_item_visible"] .entry, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .entry, .slide[data-layout='standard_store'][data-maxitems="two_item_visible"] .entry { height: 200px; text-align: center; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] img, .slide[data-layout='carousel_store'][data-maxitems="two_item_visible"] img, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] img, .slide[data-layout='standard_store'][data-maxitems="two_item_visible"] img { max-height: 100%; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .owl-controls, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .owl-controls { display: block !important; top: auto; bottom: 17px; left: 90px; z-index: 2; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .owl-controls .owl-pagination, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .owl-controls .owl-pagination { display: block; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .owl-controls .owl-page span, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .owl-controls .owl-page span { width: 6px; height: 6px; margin: 0 4px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation { position: absolute; bottom: 67px; left: 0; width: 170px; height: 40px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .prev, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .prev, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next { position: absolute; left: 30px; right: auto; top: auto; bottom: 0; height: 30px; display: block; background: none !important; font: 0/0; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:before, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:after, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:before, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:after, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-left: 0; cursor: pointer; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:before, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:before, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before { bottom: 10px; left: 1px; border-right-color: #777; border-width: 8px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:after, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .prev:after, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after { bottom: 11px; top: auto; left: 2px; border-right-color: #fff; border-width: 7px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next { left: 50px; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before, .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after { border-right: 0; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:before { left: 2px; border-left-color: #777; border-left: 8px solid #777; } .slide[data-layout='carousel_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after, .slide[data-layout='standard_store'][data-maxitems="one_item_visible"] .custom_navigation .next:after { border-left-color: #fff; border-left: 7px solid #fff; } .slide[data-layout="carousel_promo"] .list_holder { padding: 0 10px; } .slide[data-layout="carousel_promo"] .owl-wrapper-outer { width: calc(100% - 10px); } .slide[data-layout="carousel_promo"] .entry { border: none; display: table-cell; vertical-align: middle; } .slide[data-layout="carousel_promo"] .owl-item { position: relative; border-right: 1px solid #e5e5e5; text-align: center; margin: 19px 0; padding: 0 20px; height: calc(100% - 38px); display: table; } .slide[data-layout="carousel_promo"] .owl-item img { max-width: 150px; max-height: 100px; } .slide .rsStandardStore { width: 100%; height: 275px; background: transparent; overflow: visible; } @media screen and (min-width: 768px) { .slide .rsStandardStore { height: 100%; overflow: hidden; } } .slide .rsStandardStore .rsContent { background: transparent; } .slide .rsStandardStore .rsArrow:before, .slide .rsStandardStore .rsArrow.rsArrowRight:before { display: none !important; } @media screen and (max-width: 767px) { .slide .rsStandardStore .rsThumbs { width: 100%; position: absolute; bottom: -105px; left: 0; height: 105px; overflow: hidden; } .slide .rsStandardStore .rsThumbs .rsThumbsContainer { width: 100% !important; -webkit-transform: none !important; } .slide .rsStandardStore .rsThumbs .rsNavItem { display: none; } .slide .rsStandardStore .rsThumbs .rsNavItem.rsNavSelected { display: block; } } @media screen and (min-width: 768px) { .slide .rsStandardStore .rsThumbs { display: block; position: absolute; right: 0; top: 0; float: left; display: block; margin-right: 0%; width: 37.5%; height: calc(100% - 30px); height: 100%; padding: 30px 0; } .slide .rsStandardStore .rsThumbs:last-child { margin-right: 0; } } @media screen and (max-width: 767px) { .slide .rsStandardStore .rsTmb { padding: 10px; text-align: center; } .slide .rsStandardStore .rsTmb .thumb_text { display: none; } } @media screen and (min-width: 768px) { .slide .rsStandardStore .rsTmb { height: 100%; margin: 0 20px; padding: 20px 4px; position: relative; } .slide .rsStandardStore .rsTmb:after { position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; content: ''; display: block; opacity: 0.2; } } .slide .rsStandardStore .rsNavItem { width: 100%; } @media screen and (min-width: 768px) { .slide .rsStandardStore .rsNavItem:first-child { margin-top: -10px; } .slide .rsStandardStore .rsNavItem:last-child .rsTmb { border-bottom: 0; } } .slide .rsStandardStore .rsThumbsArrow { display: none; } @media screen and (min-width: 768px) { .slide .rsStandardStore .rsThumbsArrow { position: absolute; top: 0; left: 0; width: 100%; height: 15px; display: block; } .slide .rsStandardStore .rsThumbsArrow.rsThumbsArrowRight { bottom: 0; top: auto; } .slide .rsStandardStore .rsThumbsArrowIcn { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom-width: 8px; border-bottom-style: solid; height: 0; width: 0; margin-top: 7px; margin-left: 50%; } .slide .rsStandardStore .rsThumbsArrowRight .rsThumbsArrowIcn { margin-top: 0; border-bottom: none; border-top-width: 8px; border-top-style: solid; } } .slide .rsStandardStore .rsThumb { opacity: 0.6; } .slide .rsStandardStore .rsNavSelected.rsThumb { opacity: 1; } .slide[data-layout="homepage_slideshow"] .rsFullwidth { max-height: 700px; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { margin-bottom: 100px; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .widget_inner { overflow: hidden; border-radius: 0; background: none; border: none; } .home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .widget_inner { border-radius: 0px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { margin-bottom: 10px; } .home .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { margin-bottom: 0; } } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .rsGCaption { position: relative; bottom: 0; left: auto; } @media screen and (min-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { padding-bottom: 0; margin-bottom: 10px; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .widget_inner { overflow: hidden; } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .rsGCaption { position: relative; bottom: 0; left: auto; } } @media screen and (max-width: 767px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] { margin-bottom: 10px; } } .slide .rsFullwidth { width: 100%; height: 100%; background: transparent; overflow: visible; } @media screen and (max-width: 767px) { .slide .rsFullwidth { padding-bottom: 90px; box-sizing: content-box; } } .slide .rsFullwidth .rsOverflow { overflow: visible; } .slide .rsFullwidth .rsContent { background: transparent; position: relative; } .slide .rsFullwidth .rsArrow { position: absolute; bottom: -40px; width: 100px; height: 40px; background: black; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .slide .rsFullwidth .rsArrow:after, .slide .rsFullwidth .rsArrow:before { -webkit-transition: all 175ms linear; transition: all 175ms linear; } .slide .rsFullwidth .infoBlock { width: 100%; min-height: 100%; height: auto; } @media screen and (min-width: 768px) { .slide .rsFullwidth .infoBlock:before { z-index: 1; opacity: 0.3; width: 100%; width: calc(100% - 60px); height: 1px; display: block; content: ''; transform: translate(30px, 40px); -ms-transform: translate(30px, 40px); -webkit-transform: translate(30px, 40px); } } .slide .rsFullwidth .rsGCaption { height: 90px; position: relative; } .slide .rsFullwidth p, .slide .rsFullwidth .rsTmb { display: none; } .slide .rsFullwidth .thumb_title { position: relative; z-index: 2; font-size: 18px; line-height: 60px; display: inline-block; padding: 0 30px; } .slide .rsFullwidth .thumb_title.has-link { line-height: 40px; padding-top: 10px; } @media screen and (max-width: 767px) { .slide .rsFullwidth .thumb_title { line-height: 25px; font-size: 15px; padding-top: 15px; } .slide .rsFullwidth .thumb_title.has-link { line-height: 25px; padding-bottom: 5px; } } .slide .rsFullwidth .rsContent, .slide .rsFullwidth .rsContainer { max-height: 700px; } @media screen and (min-width: 1200px) { .slide .rsFullwidth .rsArrow { position: absolute; bottom: -50px; width: 100px; height: 50px; background: black; } .slide .rsFullwidth .rsGCaption { height: 100px; position: relative; } .slide .rsFullwidth .thumb_title { position: relative; z-index: 2; font-size: 24px; line-height: 80px; display: inline-block; padding: 0 30px; } .slide .rsFullwidth .thumb_title.has-link { padding-top: 8px; line-height: 50px; } } @media screen and (max-width: 767px) { .slide[data-layout='standard_store'] { height: 350px !important; } .slide[data-layout='standard_store'] .rsStandardStore { display: none !important; } .slide[data-layout='standard_store'] .widget_inner { background: transparent !important; } } .slide[data-layout="standard_store"] .carousel .list_holder { height: 330px !important; padding: 0 !important; } .slide[data-layout="standard_store"] .carousel .list_holder .owl-controls { display: block !important; left: 0 !important; top: auto !important; bottom: 108px !important; width: calc(100% - 20px) !important; } .slide[data-layout="standard_store"] .carousel .list_holder .entry { height: 330px !important; } .slide[data-layout="standard_store"] .carousel .list_holder .entry img { max-width: 100% !important; height: 200px !important; margin-bottom: 20px !important; } .slide[data-layout="standard_store"] .carousel .custom_navigation { display: none !important; } /* ==================================== 2. ARROWS ==================================== */ /* 2.1 Arrows for home_full_width & home_one_rotator ==================================== */ .slide[data-pagetype="home_full_width"] .rsArrow, .slide[data-pagetype="home_one_rotator"] .rsArrow { height: 80px; bottom: -80px; width: 110px; z-index: 10; } @media screen and (max-width: 767px) { .slide[data-pagetype="home_full_width"] .rsArrow, .slide[data-pagetype="home_one_rotator"] .rsArrow { display: none !important; } } .slide[data-pagetype="home_full_width"] .rsArrow:before, .slide[data-pagetype="home_one_rotator"] .rsArrow:before { position: absolute; top: 0; left: 0; content: 'Prev'; width: 100%; height: 100%; line-height: 80px; text-align: center; text-transform: uppercase; letter-spacing: 2px; } .slide[data-pagetype="home_full_width"] .rsArrow:after, .slide[data-pagetype="home_one_rotator"] .rsArrow:after { content: ''; position: absolute; top: 50%; border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin-top: -7px; } .slide[data-pagetype="home_full_width"] .rsArrow.rsArrowLeft, .slide[data-pagetype="home_one_rotator"] .rsArrow.rsArrowLeft { border-left-style: solid; border-left-width: 10px; } .slide[data-pagetype="home_full_width"] .rsArrow.rsArrowLeft:after, .slide[data-pagetype="home_one_rotator"] .rsArrow.rsArrowLeft:after { left: -6px; border-right-style: solid; border-right-width: 6px; } .slide[data-pagetype="home_full_width"] .rsArrow.rsArrowRight, .slide[data-pagetype="home_one_rotator"] .rsArrow.rsArrowRight { left: auto; right: 0; border-right-style: solid; border-right-width: 10px; } .slide[data-pagetype="home_full_width"] .rsArrow.rsArrowRight:before, .slide[data-pagetype="home_one_rotator"] .rsArrow.rsArrowRight:before { content: 'Next'; } .slide[data-pagetype="home_full_width"] .rsArrow.rsArrowRight:after, .slide[data-pagetype="home_one_rotator"] .rsArrow.rsArrowRight:after { right: -6px; border-left-style: solid; border-left-width: 6px; } @media screen and (min-width: 1200px) { .slide[data-pagetype="home_full_width"] .rsArrow, .slide[data-pagetype="home_one_rotator"] .rsArrow { height: 100px; bottom: -100px; } } .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .rsArrow { z-index: 2; height: 100px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .rsArrow { bottom: -80px; height: 80px; } } @media screen and (min-width: 1200px) { .slide[data-layout="homepage_slideshow"][data-pagetype="home_full_width"] .rsArrow { top: auto; bottom: -100px; } } /* 2.2 Arrows for carousel ==================================== */ [data-pagetype="home_three_rotator"] .custom_navigation .prev, [data-pagetype="home_three_rotator"] .custom_navigation .next { height: 60px; line-height: 60px; top: 50%; bottom: auto; margin-top: -80px; width: 70px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; } [data-pagetype="home_three_rotator"] .custom_navigation .prev:before { content: ''; position: absolute; top: 0; right: -8px; width: 0; height: 0; background: 0; border-bottom: 8px solid transparent; border-left: 8px solid #006172; border-top: 20px solid #006172; } [data-pagetype="home_three_rotator"] .custom_navigation .prev:after { border-bottom: 0; border-left: 0; border-right: 0; content: ''; position: absolute; bottom: 0; top: auto; right: -8px; left: auto; width: 0; height: 0; background: 0; border-top: 8px solid transparent; border-left: 8px solid #006172; border-bottom: 22px solid #006172; } [data-pagetype="home_three_rotator"] .custom_navigation .next:before { content: ''; position: absolute; top: 0; left: -8px; width: 0; height: 0; background: 0; border-bottom: 8px solid transparent; border-right: 8px solid #006172; border-top: 22px solid #006172; } [data-pagetype="home_three_rotator"] .custom_navigation .next:after { border-bottom: 0; border-left: 0; border-right: 0; content: ''; position: absolute; bottom: 0; top: auto; left: -8px; width: 0; height: 0; background: 0; border-top: 8px solid transparent; border-right: 8px solid #006172; border-bottom: 22px solid #006172; } [data-layout="carousel_store"][data-maxitems="three_item_visible"] .custom_navigation .next, [data-layout="carousel_store"][data-maxitems="three_item_visible"] .custom_navigation .prev { text-indent: -9999px; } /** Styles for social widgets Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 1. WIDGETS CREATED THROUGH SLIDE CONTENT ITEM - 1.1 Common styles for social widgets - 1.2 Social Widgets Tabbed - 1.2a Common Tabbed Interface Styles - 1.2b Instagram inside tabbed widget - 1.2c Twitter inside tabbed widget - 1.2d Youtube inside tabbed widget - 1.3 Single Network Social Widget - 1.3a Common Single Network styles - 1.3b Instagram single network styles - 1.4 Single Network Social Widget 3 Columns - 1.4a Common Single Network 3 columns - 1.4b Instagram single network 3 columns - 1.4c Youtube single 3 Columns - 1.5 Single Network Social Widget 1 Column - 1.6 Small Mobile */ /* ==================================== 1. SOCIAL WIDGETS STYLES ==================================== */ .socialwidget { /* 1.1 Common styles for social ==================================== */ /* 1.2 Social Widgets Tabbed ==================================== */ /* 1.3 Single Network Social Widget ==================================== */ /* 1.4 Single Network Social Widget 3 Columns ==================================== */ /* 1.5 Single Network Social Widget 1 Column ==================================== */ } .socialwidget .social_thumb { width: 56px; height: 56px; position: absolute; background: white; left: 25px; top: 17px; border-width: 1px; border-style: solid; z-index: 2; } .socialwidget .social_thumb img { width: 100%; height: 100%; } @media screen and (max-width: 359px) { .socialwidget .social_thumb { left: 20px; } } .socialwidget .meta { font-weight: bold; font-size: 12px; margin-top: 10px; } .socialwidget .meta span, .socialwidget .meta a { margin-right: 10px; } .socialwidget .carousel_list { height: 100%; } .socialwidget .carousel_list .twitter_feed { height: 100%; } .socialwidget .instagram_list { height: 100%; } .socialwidget .instagram_list .gallery-item { height: 96px; width: 96px; display: inline-block; background-size: contain; margin: 5px; } .socialwidget .instagram_list .gallery-item .meta { display: block; } @media screen and (max-width: 767px) { .socialwidget .instagram_list .gallery-item { height: 94px; width: 94px; background-repeat: no-repeat; } } .socialwidget .facebook_wall_list { height: 100%; } .socialwidget .title_svg_icons svg { width: 17px; margin: 0 auto; fill: #ffffff; } .socialwidget .title_svg_icons svg#facebook-svg { width: 9px; } .socialwidget .youtube_gallery { height: 100%; } .socialwidget .youtubeVideoList { height: 100%; } .socialwidget .youtubeVideoList .entry { clear: both; } .socialwidget .youtubeVideoList .duration { position: absolute; bottom: 2px; right: 1px; padding: 1px 2px; background: #000; color: white; font-size: 9px; } .socialwidget .youtubeVideoList .thumb { width: 164px; height: 94px; overflow: hidden; position: relative; float: left; margin-right: 12px; } .socialwidget .youtubeVideoList .thumb img { max-width: 100%; } .socialwidget .youtubeVideoList .description { height: 94px; font-size: 14px; overflow: hidden; } .socialwidget .youtubeVideoList .meta { display: block; clear: both; } .socialwidget .video_link { display: block; width: 100%; height: 100%; } .socialwidget .video_link:after { width: 100%; height: 100%; background: url(../images/video_play_hover.png) no-repeat; background-position: 50% 50%; content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 3; } .socialwidget .video_link:hover:after { opacity: 0.8; } .socialwidget[data-layout="tabbed"] { /* 1.2a Common Tabbed Interface Styles ==================================== */ /* 1.2b Instagram inside tabbed widget ==================================== */ /* 1.2c Twitter inside tabbed widget ==================================== */ /* 1.2d Youtube inside tabbed widget ==================================== */ } .socialwidget[data-layout="tabbed"] .bottom_aside { left: 0; bottom: 0; width: 100%; } .socialwidget[data-layout="tabbed"] .social_handle { position: absolute; text-transform: uppercase; left: 0; top: 0; font-size: 16px; } .socialwidget[data-layout="tabbed"] .entry { padding: 30px 0 15px 0; border-bottom-style: solid; border-bottom-width: 1px; } .socialwidget[data-layout="tabbed"] .entry:last-child { border-bottom-width: 0px; } .socialwidget[data-layout="tabbed"] .rsSocialTabs { margin-top: 60px; width: 100%; height: calc( 100% - 60px); padding-bottom: 0; } .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsContent { background: none; } .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsTabs { position: absolute; right: 0; top: -60px; margin-right: -10px; margin-top: -10px; width: calc(100% + 20px); height: 60px; text-align: right; float: right; } @media screen and (max-width: 359px) { .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsTabs { margin-right: 0; width: 100%; } } .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsNav { text-align: right; } .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsTmb { text-align: center; overflow: hidden; width: 30px; height: 30px; margin: 15px auto; display: block; } .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsNavItem { text-align: center; line-height: 35px; width: 50px; height: 60px; display: inline-block; cursor: pointer; margin-left: 10px; } @media screen and (max-width: 359px) { .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsNavItem { margin-left: 0; } } .socialwidget[data-layout="tabbed"] .rsSocialTabs .rsNavSelected:after { bottom: -7px; height: 0; width: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top-width: 7px; border-top-style: solid; display: block; position: absolute; content: ''; } @media screen and (max-width: 767px) { .socialwidget[data-layout="tabbed"] .rsSocialTabs .instagram_list .gallery-item { height: 90px; width: 90px; } .socialwidget[data-layout="tabbed"] .rsSocialTabs .facebook_wall_list { padding-top: 15px; } .socialwidget[data-layout="tabbed"] .rsSocialTabs .facebook_wall_list .entry { padding: 15px 0; } } @media screen and (max-width: 359px) { .socialwidget[data-layout="tabbed"] .rsSocialTabs .instagram_list .gallery-item { height: 80px; width: 80px; } } .socialwidget[data-layout="tabbed"] .instagram_list { padding-top: 40px; } .socialwidget[data-layout="tabbed"] .instagram_list .gallery-item:nth-child(3n+1) { margin-left: 0; } .socialwidget[data-layout="tabbed"] .instagram_list .gallery-item:nth-child(3n) { margin-right: 0; } .socialwidget[data-layout="tabbed"] .youtube_gallery .entry { padding: 20px 0 15px 0; } .socialwidget[data-layout="tabbed"] .youtube_gallery .entry:first-child { padding: 30px 0 15px 0; } .socialwidget[data-layout="social"], .socialwidget.social-responsive[data-width="3"][data-layout="social"] { /* 1.3a Common Single Network styles ==================================== */ /* 1.3b Instagram single network styles ==================================== */ /* 1.3c twitter single network styles ==================================== */ } .socialwidget[data-layout="social"] .bottom_aside, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .bottom_aside { width: 100%; bottom: 3px; left: 0; } .socialwidget[data-layout="social"] .widget_title_wrapper, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_title_wrapper { text-align: left; } .socialwidget[data-layout="social"] .widget_title_wrapper:after, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_title_wrapper:after { content: ''; width: 0; height: 0; position: absolute; top: 0; right: 0; border-top: 60px solid rgba(255, 255, 255, 0.15); border-left: 60px solid transparent; } .socialwidget[data-layout="social"] .widget_content_padding, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_content_padding { position: static; height: 100%; } .socialwidget[data-layout="social"] .widget_title_wrapper:before, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_title_wrapper:before { display: none; } .socialwidget[data-layout="social"] .widget_title, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_title { transform: translate(75px, 0); -webkit-transform: translate(75px, 0); } .socialwidget[data-layout="social"] .rsTmb, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .rsTmb { position: absolute; top: -70px; right: -5px; text-align: right; } .socialwidget[data-layout="social"] .rsContent, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .rsContent { background-color: transparent; height: calc(100% - 40px); } .socialwidget[data-layout="social"] .owl-controls, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .owl-controls { position: absolute; bottom: 5px; left: 60px; } @media screen and (max-width: 767px) { .socialwidget[data-layout="social"] .owl-controls, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .owl-controls { left: 50px; } } .socialwidget[data-layout="social"] .custom_navigation, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation { position: absolute; bottom: -3px; } .socialwidget[data-layout="social"] .custom_navigation .prev, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .prev { left: 0; } .socialwidget[data-layout="social"] .custom_navigation .next, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .custom_navigation .next { left: 20px; } .socialwidget[data-layout="social"] .instagram_list, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .instagram_list { display: none; } .socialwidget[data-layout="social"] .instagram_list.owl-carousel, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .instagram_list.owl-carousel { display: block; } @media screen and (max-width: 767px) { .socialwidget[data-layout="social"] .widget_content_padding-instagramwidget, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_content_padding-instagramwidget { padding: 20px 10px; } .socialwidget[data-layout="social"] .widget_content_padding-instagramwidget .rsTmb, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_content_padding-instagramwidget .rsTmb { right: 0; } .socialwidget[data-layout="social"] .widget_content_padding-youtubewidget, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .widget_content_padding-youtubewidget { padding: 20px 15px; } } .socialwidget[data-layout="social"] .twitter_feed, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .twitter_feed { display: none; } .socialwidget[data-layout="social"] .twitter_feed.owl-carousel, .socialwidget.social-responsive[data-width="3"][data-layout="social"] .twitter_feed.owl-carousel { display: block; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) { /* 1.4a Common Single Network 3 Columns ==================================== */ /* 1.4b Instagram single 3 Columns ==================================== */ /* 1.4c Youtube single 3 Columns ==================================== */ } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_content_padding { padding: 8px 22px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .bottom_aside { width: auto; border-top: none; bottom: auto; top: 5px; right: auto; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title_wrapper { height: 100%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title { margin-top: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .social_thumb { width: 100px; height: 100px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_title { transform: translate(120px, 50px); -webkit-transform: translate(120px, 50px); } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsContent { float: right; padding-left: 27px; margin-top: 0; height: 100%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .rsTmb { position: absolute; top: 15px; right: auto; text-align: right; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .owl-controls { left: auto; right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .custom_navigation { left: auto; right: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_content_padding-instagramwidget .custom_navigation { display: none; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .meta { position: absolute; width: 100%; bottom: 4px; padding-top: 10px; border-top-width: 1px; border-top-style: solid; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .owl-wrapper-outer, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .owl-wrapper, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .owl-item, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .entry { height: 100%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .entry { height: 100%; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .default_nav .prev, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .carousel .prev, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .default_nav .next, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .carousel .next { height: calc(100% + 40px); top: -20px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .default_nav .prev, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .carousel .prev { left: -11px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .default_nav .next, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .carousel .next { right: -32px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive):hover .prev, .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive):hover .next { display: block; } @media screen and (min-width: 640px) and (max-width: 1200px) { .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .meta { bottom: -2px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .custom_navigation { bottom: -9px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .owl-controls { bottom: -1px; } } @media screen and (min-width: 1200px) { .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .meta { bottom: 4px; } } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .instagram_list { padding-top: 0; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .instagram_list .owl-pagination { display: none; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .youtube_gallery .entry { padding-left: 25px; margin-right: 25px; border-left-style: solid; border-left-width: 1px; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .youtube_gallery .owl-item:first-child .entry { border-left: none; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .youtube_gallery .meta { border: none; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .youtube_gallery .owl-pagination { display: none; } .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .youtube_gallery .meta { display: none; } @media screen and (min-width: 768px) { .socialwidget[data-layout="social"][data-width="3"]:not(.social-responsive) .widget_content_padding-youtubewidget .custom_navigation { display: none; } } .socialwidget[data-layout="social"][data-width="1"] .owl-item { padding-top: 15px; } /* 1.7 Small Mobile ==================================== */ @media screen and (max-width: 359px) { .socialwidget { padding: 10px 5px; } .socialwidget .widget_inner { padding: 10px 0; } } .m-video_gallery { height: 100%; } .m-video_gallery .youtubeVideoList { display: none; position: absolute; bottom: 2px; padding: 20px 30px; height: 117px; } .m-video_gallery .embedVideoMeta { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 525px; overflow: hidden; background-color: #000; background-size: cover; background-position: center; text-align: center; display: table; } .m-video_gallery .embedVideoMeta .description { height: 525px; width: 100%; text-align: center; margin: 0 auto; display: table-row; vertical-align: middle; background: rgba(0, 0, 0, 0.4); } .m-video_gallery .embedVideoMeta .description a { color: white; display: table-cell; vertical-align: middle; font-size: 14px; } .m-video_gallery .embedVideoMeta .description .meta { color: white; letter-spacing: 1px; } .m-video_gallery .embedVideoMeta .description .meta > span:after { content: '\2022'; padding: 0 5px; } .m-video_gallery .embedVideoMeta .description .title { display: block; font-size: 28px; line-height: 40px; padding: 0 50px; margin-bottom: 10px; letter-spacing: 1px; text-transform: uppercase; } .m-video_gallery .embedVideoMeta .description .play { width: 100%; height: 100px; background: url(../images/video_play_hover.png) no-repeat; background-position: 50% 50%; content: ''; display: block; z-index: 4; } .m-video_gallery .embedVideoMeta .description:hover .play { background-image: url(../images/video_play_hover.png); opacity: 0.8; } .m-video_gallery .entry img { width: 100%; } .m-video_gallery .owl-controls { display: none !important; } .m-video_gallery .owl-wrapper-outer { z-index: 2; } .m-video_gallery .default_nav, .m-video_gallery .carousel { position: absolute; bottom: 0; left: 0; width: 100%; height: 112px; display: block; z-index: 1; } .m-video_gallery .default_nav .prev, .m-video_gallery .carousel .prev, .m-video_gallery .default_nav .next, .m-video_gallery .carousel .next { display: block !important; } .youtubewidget[data-layout="playlist_youtube"] .youtubeVideoList { padding-top: 25px; } .youtubewidget[data-layout="playlist_youtube"] .m-video_gallery_video { height: 525px; } .youtubewidget[data-layout="playlist_youtube"] .entry { margin-left: 20px; height: 76px; overflow: hidden; } .youtubewidget[data-layout="playlist_youtube"] .entry .thumb { overflow: hidden; } .youtubewidget[data-layout="playlist_youtube"] .entry .description, .youtubewidget[data-layout="playlist_youtube"] .entry .meta { display: none; } .youtubewidget[data-layout="playlist_youtube"] .owl-item:first-child .entry { margin-left: 0; } @media screen and (max-width: 767px) { .youtubewidget[data-layout="playlist_youtube"] .m-video_gallery_video, .youtubewidget[data-layout="playlist_youtube"] .embedVideoMeta, .youtubewidget[data-layout="playlist_youtube"] .embedVideoMeta .description { height: 365px; } .youtubewidget[data-layout="playlist_youtube"] .embedVideoMeta .title, .youtubewidget[data-layout="playlist_youtube"] .embedVideoMeta .meta { display: none; } .youtubewidget[data-layout="playlist_youtube"] .duration { display: none; } .youtubewidget[data-layout="playlist_youtube"] .entry { margin-left: 10px; height: 60px; } .youtubewidget[data-layout="playlist_youtube"] .entry img { height: 60px; width: auto; } .youtubewidget[data-layout="playlist_youtube"] .default_nav, .youtubewidget[data-layout="playlist_youtube"] .carousel { height: 80px; } .youtubewidget[data-layout="playlist_youtube"] .youtubeVideoList { padding-top: 10px; height: 80px; } } .youtubewidget[data-layout="single_youtube"] .m-video_gallery_video, .youtubewidget[data-layout="single_youtube"] .embedVideoMeta, .youtubewidget[data-layout="single_youtube"] .embedVideoMeta .description { height: 215px; } .youtubewidget[data-layout="single_youtube"] .meta { font-size: 12px; font-weight: bold; letter-spacing: 0.5px; } .youtubewidget[data-layout="single_youtube"] .meta > span:after { content: '\2022'; padding: 0 5px; } .youtubewidget[data-layout="single_youtube"] .youtubeVideoList { display: block; height: 95px; } .youtubewidget[data-layout="single_youtube"] .embedVideoMeta .description { background: none; } .youtubewidget[data-layout="single_youtube"] .embedVideoMeta .title, .youtubewidget[data-layout="single_youtube"] .embedVideoMeta .meta { display: none; } .youtubewidget[data-layout="single_youtube"] .description .title { font-size: 14px; font-weight: bold; } .youtubewidget[data-layout="single_youtube"] .thumb { display: none; } /** Styles for all variations of the news widgets Version: 1.1.0 Last update: 2015/06/12 Author: Carbonhouse Dev Team Summary: 1. GALLERIES SINGLE - 1.1 1 Column Featured Header - 1.2 1 Column Standard - 1.3 2 Columns Slideshow w/ Captions - 1.4 3 Columns Carousel 2. GALLERIES MULTIPLE - 2.1 Common News Widget Recent List Styles - 2.2 News Widget Recent - Has Thumbs Wide / Tall - 2.3 News Widget Recent - No Thumbs 1 Column / Tall - 2.4 News Widget - Common Responsive */ .galleries { /* ==================================== 1. GALLERIES SINGLE ==================================== */ } .galleries .entry { overflow: hidden; } .galleries .entry img { width: 100%; } .galleries .owl-controls { display: none !important; } .galleries .owl-wrapper-outer { z-index: 2; } .galleries .default_nav, .galleries .carousel { position: absolute; bottom: 0; left: 0; width: 100%; height: 112px; display: block; z-index: 1; } .galleries .default_nav .prev, .galleries .carousel .prev, .galleries .default_nav .next, .galleries .carousel .next { display: block !important; } .galleries .top_header { width: 100%; height: 60px; font-size: 16px; text-align: center; position: absolute; top: 0; left: 0; line-height: 60px; text-transform: uppercase; letter-spacing: 1px; } .galleries .show_more { width: 100%; height: 40px; font-size: 16px; text-align: center; position: absolute; top: 175px; left: 0; line-height: 40px; text-transform: uppercase; } .galleries .description { padding: 15px 30px; font-weight: bold; } .galleries .meta { font-size: 12px; font-weight: bold; } .galleries .meta a:before { content: '\2022'; padding: 0 5px; } .galleries .thumb_description { display: none; } .galleries .gallery_popup_trigger { cursor: pointer; } .galleries[data-layout="single_gallery"] { /* 1.1 1 Column Featured Header ==================================== */ /* 1.2 1 Column Standard ==================================== */ /* 1.3 2 Columns Slideshow w/ Captions ==================================== */ /* 1.4 3 Columns Carousel ==================================== */ } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] .default_nav, .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] .carousel { display: none; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] .entry { width: 100%; height: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] .main_thumb { height: 155px; overflow: hidden; margin-top: 60px; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] .top_header:before { width: 100%; width: calc(100% - 60px); height: 1px; display: block; content: ''; transform: translate(30px, 30px); -ms-transform: translate(30px, 30px); -webkit-transform: translate(30px, 30px); opacity: 0.3; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_featured"] .top_header span { font-size: 16px; text-transform: uppercase; font-weight: 300; padding: 0 17px; margin: 0; line-height: 56px; display: inline-block; letter-spacing: 1px; position: relative; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] .entry { width: 100%; height: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] .main_thumb { height: 215px; overflow: hidden; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] .default_nav, .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] .carousel { display: none; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] .top_header:before { width: 100%; width: calc(100% - 60px); height: 1px; display: block; content: ''; transform: translate(30px, 30px); -ms-transform: translate(30px, 30px); -webkit-transform: translate(30px, 30px); opacity: 0.3; } .galleries[data-layout="single_gallery"][data-pagetype="one_col_standard"] .top_header span { font-size: 16px; text-transform: uppercase; font-weight: 300; padding: 0 17px; margin: 0; line-height: 56px; display: inline-block; letter-spacing: 1px; position: relative; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .entry-single { display: none; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .main_thumb { height: 525px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .description { position: absolute; left: 0; height: 80px; width: 100%; bottom: 0px; text-align: center; font-size: 22px; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .description .meta { font-size: 14px; text-transform: none; margin-top: 10px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .description .media-caption { max-height: 22px; overflow: hidden; } @media screen and (max-width: 767px) { .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .description { font-size: 12px; } } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .entry .description { display: none; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images { position: absolute; left: 0; top: 0; width: 100%; height: 508px; z-index: 2; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images .owl-wrapper-outer { height: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images .owl-wrapper { height: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images .owl-item { height: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images .full-image { width: 100%; height: 100%; float: left; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images img { width: 100%; height: auto; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_thumbs { display: none; position: absolute; bottom: 0; padding: 20px 40px; height: 112px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .thumb_entry { float: left; margin-right: 20px; height: 72px; max-width: 160px; overflow: hidden; cursor: pointer; z-index: 9; border: 1px solid rgba(255, 255, 255, 0.25); } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .thumb_entry img { width: 100%; opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 200ms linear; transition: opacity 200ms linear; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .thumb_entry .is-active img, .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .thumb_entry:hover img { opacity: 1; } @media screen and (max-width: 767px) { .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_images, .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .main_thumb { height: 280px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .description { bottom: 0; top: auto; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .description .meta { font-size: 11px; margin-top: 4px; line-height: 16px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .thumb_entry { height: auto; margin-right: 0; margin-left: 0; height: 50px; margin-right: 5px; margin-left: 5px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .thumb_entry img { display: block; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .default_nav, .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .carousel, .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_thumbs { height: 70px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_thumbs { padding: 10px 20px; } } @media screen and (max-width: 359px) { .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .default_nav, .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .carousel, .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_thumbs { height: 60px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .owl-carousel.galleries_thumbs { padding: 5px 20px; } .galleries[data-layout="single_gallery"][data-pagetype="two_col_slideshow"] .galleries_thumbs .thumb_entry { height: 50px; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .widget_inner { padding: 20px 30px; margin: 0; } @media screen and (min-width: 1200px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .top_header { text-align: left; padding-left: 415px; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .entry { width: 100%; float: left; position: relative; z-index: 99; } @media screen and (min-width: 768px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .entry { width: 353px; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .main_thumb { width: 100%; height: 205px; overflow: hidden; } @media screen and (min-width: 768px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .main_thumb { width: 353px; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] img { width: 100%; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .show_more { top: 165px; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .description { padding: 15px 0; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .default_nav, .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .carousel { height: calc(100% - 60px); } @media screen and (max-width: 767px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .default_nav, .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .carousel { display: none; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs { float: left; margin-left: 30px; margin-top: 70px; width: 735px; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs .thumb_entry { margin-right: 20px; width: 232px; height: 194px; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs .thumb { overflow: hidden; width: 232px; height: 135px; margin-bottom: 15px; } @media screen and (min-width: 768px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs .thumb { background: rgba(0, 0, 0, 0.85); } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs img { -webkit-transition: all 175ms linear; transition: all 175ms linear; } @media screen and (min-width: 768px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs img { opacity: 0.6; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs img:hover { opacity: 1; } } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_images { display: none; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .thumb_description { display: block; font-weight: bold; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .entry { display: none; } .galleries[data-layout="single_gallery"][data-pagetype="three_col_carousel"] .galleries_thumbs { margin-left: 0; } } .galleries[data-layout="multiple_gallery"] .widget_inner { padding: 30px 30px; margin: 0; } .galleries[data-layout="multiple_gallery"] .galleries_list { overflow: hidden; } .galleries[data-layout="multiple_gallery"] .galleries_thumbs, .galleries[data-layout="multiple_gallery"] .galleries_images, .galleries[data-layout="multiple_gallery"] .default_nav, .galleries[data-layout="multiple_gallery"] .carousel { display: none !important; } .galleries[data-layout="multiple_gallery"] .entry { width: 100%; float: left; position: relative; overflow: visible; padding-bottom: 5px; } .galleries[data-layout="multiple_gallery"] .entry .main_thumb { height: 186px; overflow: hidden; } @media screen and (min-width: 768px) { .galleries[data-layout="multiple_gallery"] .entry { width: 320px; margin-left: 38px; margin-right: 38px; } .galleries[data-layout="multiple_gallery"] .entry:after { position: absolute; top: 60px; right: -38px; content: ''; width: 1px; height: 190px; height: calc(100% - 90px); background: #dedede; } } .galleries[data-layout="multiple_gallery"] .entry:first-child { margin-left: 0; } .galleries[data-layout="multiple_gallery"] .entry:last-child { margin-right: 0; } .galleries[data-layout="multiple_gallery"] .entry:last-child:after { display: none; } .galleries[data-layout="multiple_gallery"] .description { padding-left: 0; padding-right: 0; line-height: 18px; height: 80px; overflow: hidden; } .galleries[data-layout="multiple_gallery"] .show_more { top: 146px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"] .entry:nth-child(2n) { margin-right: 0; } .galleries[data-layout="multiple_gallery"][data-maxitems="three_col"] .entry:nth-child(3) { display: none; } } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .galleries_list { margin-top: 60px; margin-bottom: 30px; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .entry:after { position: absolute; top: 0; right: -38px; content: ''; width: 1px; height: 100%; background: #dedede; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .entry:nth-child(2n) { margin-right: 0; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .entry:nth-child(2n):after { display: none; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .entry:nth-child(2n+1) { margin-left: 0; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .top_header:before { width: 100%; width: calc(100% - 60px); height: 1px; display: block; content: ''; transform: translate(30px, 30px); -ms-transform: translate(30px, 30px); -webkit-transform: translate(30px, 30px); opacity: 0.3; } .galleries[data-layout="multiple_gallery"][data-maxitems="two_col_tall"] .top_header span { font-size: 16px; text-transform: uppercase; font-weight: 300; padding: 0 17px; margin: 0; line-height: 56px; display: inline-block; letter-spacing: 1px; position: relative; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .galleries_list { margin-top: 60px; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .main_thumb { height: 80px; width: 80px; margin-right: 20px; float: left; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .main_thumb img { width: auto; height: 100%; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .entry { margin: 0; padding-bottom: 20px; padding-top: 20px; overflow: hidden; border-top: 1px solid #dedede; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .entry:first-child { padding-top: 0; border-top: 0; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .description { padding: 0; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .top_header:before { width: 100%; width: calc(100% - 60px); height: 1px; display: block; content: ''; transform: translate(30px, 30px); -ms-transform: translate(30px, 30px); -webkit-transform: translate(30px, 30px); opacity: 0.3; } .galleries[data-layout="multiple_gallery"][data-maxitems="one_col_list"] .top_header span { font-size: 16px; text-transform: uppercase; font-weight: 300; padding: 0 17px; margin: 0; line-height: 56px; display: inline-block; letter-spacing: 1px; position: relative; } .hide-on-load { display: none; } @media screen and (max-width: 767px) { .mfp-content { max-width: 450px; } } .mfp-content .hide-on-load { display: block; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] { padding-top: 40px; position: relative; } @media screen and (min-width: 768px) { .mfp-content .galleries[data-pagetype="two_col_slideshow"]:hover .custom_gallery_nav { visibility: visible; } } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .galleries_images { display: block; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .show_more, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .top_header, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .entry .description, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .hide-in-popup, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .main_thumb { display: none; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .entry .full-image .description { display: block; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .default_nav .prev:after, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .carousel .prev:after { border-right: 10px solid #000; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .default_nav .next:after, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .carousel .next:after { border-left: 10px solid #000; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .thumb_entry img { opacity: 0.6; -webkit-transition: all 175ms linear; transition: all 175ms linear; } @media screen and (max-width: 767px) { .mfp-content .galleries[data-pagetype="two_col_slideshow"] .thumb_entry { height: auto; margin-right: 0; margin-left: 0; height: 60px; margin-right: 5px; margin-left: 5px; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .thumb_entry img { display: block; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .default_nav, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .carousel, .mfp-content .galleries[data-pagetype="two_col_slideshow"] .galleries_thumbs { height: 60px; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .galleries_thumbs { padding: 0 20px; } } @media screen and (min-width: 1200px) { .mfp-content .galleries[data-pagetype="two_col_slideshow"] .galleries_thumbs.count-3 { margin-left: 24.55%; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .galleries_thumbs.count-4 { margin-left: 16.5%; } .mfp-content .galleries[data-pagetype="two_col_slideshow"] .galleries_thumbs.count-5 { margin-left: 8.7%; } } .mfp-content .galleries .custom_gallery_nav { z-index: 99; position: absolute; top: 30%; width: 100%; display: block !important; visibility: hidden; -webkit-transition: all 175ms linear; transition: all 175ms linear; } #players.detail .full_column { margin-top: 0px; } #players.detail #layout { width: 100%; } .bumperwidget .bumper_details { right: -380px; position: absolute; left: auto; width: 380px; bottom: 0; z-index: 21; text-transform: uppercase; overflow: hidden; border-radius: 0 0 6px 6px; } .bumperwidget .bumper_details.right { right: auto; left: 8px; } .bumperwidget .bumper_details span { display: inline-block; padding: 10px; } .bumperwidget .bumper_details .number { font-size: 28px; position: absolute; height: 100%; line-height: 84px; letter-spacing: 1px; width: 70px; text-align: center; padding: 0; } .bumperwidget .bumper_details .name { margin-left: 80px; padding: 25px 15px 23px 15px; font-size: 18px; } .bumperwidget .bumper_details .position { font-size: 14px; line-height: 14px; } #content .player_detail .faq .widget_inner table td { text-align: center; } #content .player_detail .player_bio .info ul li { padding-left: 0; } #content .player_detail .player_bio .info ul li:after { display: none; } .player_bio { padding-bottom: 20px; } .player_bio .thumb { width: 27.634%; max-height: 320px; max-width: 320px; display: block; float: left; z-index: 1; overflow: hidden; } @media screen and (max-width: 767px) { .player_bio .thumb { width: 100%; height: auto; max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1200px) { .player_bio .thumb { width: 204px; max-height: 204px; } } @media screen and (max-width: 767px) { .player_bio .player-top { position: relative; } } .player_bio .thumb img { width: 100%; } .player_bio .info { padding: 20px 0 0; display: block; z-index: 2; width: 68%; float: right; min-height: 190px; } .player_bio .info h2 { margin-top: 15px; } @media screen and (max-width: 767px) { .player_bio .info { width: 100%; float: left; } } .player_bio .player_description_wrapper { padding: 0 5%; clear: both; } .player_bio .player_description_wrapper p { margin-top: 0; } @media screen and (min-width: 768px) { .player_bio .player_description_wrapper { padding: 0 10%; } } .player_bio .player_description_wrapper.collapsed .collapse-wrapper { overflow: hidden; position: relative; } .player_bio .player_description_wrapper.collapsed .collapse-wrapper:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.8)), to(white)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 25%, white 100%); height: 90px; } .player_bio .player_description_wrapper .btn-primary { text-align: center; cursor: pointer; } .p_stats { display: none; } #content .player_detail p { font-size: 16px; line-height: 26px; } #content .player_detail .widget-bg { padding-top: 0; margin-top: 0; margin-bottom: 10px; } @media screen and (min-width: 768px) { #content .player_detail .widget-bg { padding-top: 20px; } } @media screen and (min-width: 768px) and (max-width: 1200px) { #content .player_detail .widget-bg { padding-top: 10px; margin-top: 20px; } } @media screen and (max-width: 767px) { #content .player_detail .widget-bg { margin-top: 20px; } } #content .player_detail .widget-bg .player_bio { width: 100%; margin: 0 auto; border-color: transparent; } @media screen and (min-width: 1200px) { #content .player_detail .widget-bg .player_bio { width: 1200px; } } @media screen and (max-width: 767px) { #content .player_detail .spotlight_image { display: none; } } #content .player_detail .player_bio { position: relative; } #content .player_detail .player_bio h1 { font-size: 28px; letter-spacing: 0.5px; width: 100%; font-weight: normal; text-transform: uppercase; margin-bottom: 16px; margin-top: 10px; } @media screen and (max-width: 767px) { #content .player_detail .player_bio h1 { font-size: 22px; letter-spacing: 0.5px; margin-bottom: 0; } } #content .player_detail .player_bio h2.player-number { font-size: 28px; letter-spacing: 0.5px; text-transform: uppercase; position: absolute; right: 18px; top: 0; border-bottom: none; height: 114px; line-height: 114px; border-width: 0; border-left-width: 1px; border-left-style: solid; padding: 0 30px; font-weight: normal; } @media screen and (max-width: 767px) { #content .player_detail .player_bio h2.player-number { margin-top: 0; height: 60px; line-height: 50px; } } #content .player_detail .player_bio h3.player-position { font-size: 18px; letter-spacing: 0.5px; font-weight: normal; margin-bottom: 25px; } @media screen and (max-width: 767px) { #content .player_detail .player_bio h3.player-position { font-size: 16px; letter-spacing: 0.5px; margin-bottom: 10px; } } #content .player_detail .player_bio .info ul { list-style: none; clear: both; float: left; width: 100%; margin-bottom: 0; } #content .player_detail .player_bio .info ul li { font-size: 17px; letter-spacing: 1px; line-height: 28.05px; margin: 0 0px 15px; float: left; width: 100%; } @media screen and (min-width: 1200px) { #content .player_detail .player_bio .info ul li { float: left; width: 50%; } } #content .player_detail .player_bio .info ul.panel-top { border-top-width: 1px; border-bottom-width: 1px; border-style: solid; border-left: 0; border-right: 0; float: left; width: 100%; margin-bottom: 25px; padding: 10px 0; } @media screen and (min-width: 1200px) { #content .player_detail .player_bio .info ul.panel-top { padding: 0; } } #content .player_detail .player_bio .info ul.panel-top li { width: 100%; float: left; margin: 10px 0 0; } #content .player_detail .player_bio .info ul.panel-top li:first-child:nth-last-child(3), #content .player_detail .player_bio .info ul.panel-top li:first-child:nth-last-child(3) ~ li { width: 33%; } @media screen and (min-width: 768px) and (max-width: 1200px) { #content .player_detail .player_bio .info ul.panel-top li { width: 50%; } } @media screen and (min-width: 1200px) { #content .player_detail .player_bio .info ul.panel-top li { float: left; width: 25%; margin: 20px 0; } } #content .player_detail .player_bio .info ul.social_links { margin-bottom: 0; } #content .player_detail .player_bio .info ul.social_links li { width: auto; margin-bottom: 0; } #content .player_detail .player_bio .info ul.social_links a { margin-right: 10px; } #content .player_detail .player_bio .info ul.social_links a.fa { width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; } #content .player_detail .player_bio .player_description_wrapper { border-width: 0; border-top-width: 1px; border-top-style: solid; padding-top: 5%; } @media screen and (min-width: 768px) { #content .player_detail .player_bio .player_description_wrapper { padding-top: 2%; } } #content .player_detail .faq { padding: 10px 0 0; margin-bottom: 0px; width: 100%; clear: left; } @media screen and (min-width: 768px) { #content .player_detail .faq { padding: 10px; } } #content .player_detail .faq .widget_inner { background: transparent; padding: 0px; /*table{ tr:first-child{ td{ font-size: 15px; } } td{ @include body_type(15px); padding:5px 0px; } }*/ } #content .player_detail .faq .widget_inner dl { margin: 0px; padding: 0px; } #content .player_detail .faq .widget_inner dd { margin: 0px; padding: 0px; } #content .player_detail .faq .widget_inner dd div { padding: 10px 30px 30px 30px; } #content .player_detail .faq .widget_inner dt { margin: 0px; } #content .player_detail .faq .widget_inner dt a:after { top: 30px; } #content .player_detail .faq .widget_inner dt.open { box-shadow: none; } #content .player_detail .faq .widget_inner dt.open a { padding-right: 0px; margin-right: 0px; } @media screen and (min-width: 768px) { #content .player_detail.has-full-image .full_column { margin-top: 0; } #content .player_detail.has-full-image .spotlight_image { text-align: center; padding: 0; position: relative; max-width: 1180px; } #content .player_detail.has-full-image .spotlight_image img { max-width: 100%; display: block; margin: 0 auto; } #content .player_detail.has-full-image .spotlight_image:after { content: ''; width: 100%; bottom: 0; left: 0; position: absolute; height: 90px; } #content .player_detail.has-full-image .player_bio { padding-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; overflow: visible; } #content .player_detail.has-full-image .player_bio .info { padding-top: 0; position: relative; } #content .player_detail.has-full-image .player_bio .player-top { position: absolute; width: 100%; top: -91px; left: 0; } #content .player_detail.has-full-image .player_bio h1 { margin-bottom: 11px; margin-top: 17px; } #content .player_detail.has-full-image .player_bio h2.player-number { height: 90px; line-height: 90px; margin-top: 0; right: 0; } #content .player_detail.has-full-image .player_bio .thumb { padding: 15px 0; background: #fff; position: absolute; padding: 5px; top: -160px; left: 30px; } #content .player_detail.has-full-image .player_bio ul.panel-top { border-top-width: 0; } } #content #branding { margin: 10px; } #pages.team .slide.content_item { margin-top: 20px; } #pages.team .full_column { margin-top: 10px; } .htmlblockwidget[data-layout="stats_table"] { float: left; display: block; margin-right: 0%; width: 100%; text-align: center; } .htmlblockwidget[data-layout="stats_table"]:last-child { margin-right: 0; } .htmlblockwidget[data-layout="stats_table"] .widget_inner { background: white; border: none; padding: 0; padding-top: 54px; height: 100%; } #content .content_container .htmlblockwidget[data-layout="stats_table"] .widget_inner { padding-top: 54px; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] .widget_inner { padding-top: 0; } } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block { height: 100%; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspVerticalBar { right: 30px; width: 40px; background: white; border-left: 1px solid #e1e3e3; height: 100%; padding-top: 20px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspVerticalBar .jspTrack { background: #f3f3f3; border: 1px solid #e1e3e3; width: 16px; border-radius: 8px; margin-left: 10px; height: 90% !important; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspVerticalBar .jspDrag { background: #989898; width: 14px; height: 80px !important; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspVerticalBar .jspDrag:before { content: ''; position: absolute; top: 34px; left: 4px; width: 6px; height: 14px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspVerticalBar .jspDrag:after { content: ''; position: absolute; top: 42px; left: 4px; width: 6px; height: 0px; border-bottom: 2px solid #fff; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspCorner { display: none; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspHorizontalBar { opacity: 1; z-index: 30; height: 40px; background: white; border-top: 1px solid #e1e3e3; bottom: 0px; width: calc(100% - 30px) !important; padding-left: 20px; padding-right: 20px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspHorizontalBar .jspTrack { background: #f3f3f3; border: 1px solid #e1e3e3; width: 100% !important; height: 16px; border-radius: 8px; margin-top: 10px; z-index: 30; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspHorizontalBar .jspTrack .jspDrag { background: #989898; height: 14px !important; width: 84px !important; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspHorizontalBar .jspTrack .jspDrag:before { content: ''; position: absolute; left: 50%; top: 4px; margin-left: -7px; width: 14px; height: 6px; border-left: 2px solid #fff; border-right: 2px solid #fff; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block .jspHorizontalBar .jspTrack .jspDrag:after { content: ''; position: absolute; top: 4px; left: 50%; width: 0px; height: 6px; border-right: 2px solid #fff; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .html_block > div { overflow: scroll; width: 100%; position: static; padding-bottom: 20px; box-sizing: border-box; z-index: 20; } .htmlblockwidget[data-layout="stats_table"] .widget_inner h2 { text-align: left; font-size: 16px; text-transform: uppercase; font-weight: 300; padding: 0 30px; margin: 0; line-height: 56px; margin-bottom: 0px; letter-spacing: 1px; position: relative; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 15; } #content .htmlblockwidget[data-layout="stats_table"] .widget_inner h2 { margin-bottom: 0px; padding-bottom: 0; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] .widget_inner h2 { position: relative; top: auto; left: auto; } } .htmlblockwidget[data-layout="stats_table"] .widget_inner br { display: none; } .htmlblockwidget[data-layout="stats_table"] .widget_inner h3 { margin-bottom: 0; line-height: 50px; text-transform: uppercase; font-size: 16px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner select { position: Absolute; right: 30px; top: 15px; z-index: 20; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] .widget_inner select { position: relative; right: auto; top: auto; } } .htmlblockwidget[data-layout="stats_table"] .widget_inner select { padding: 0 0 0 0px; margin: 0; background: #000; background: url(../images/select_arrow.png) right center #000 no-repeat; color: white; padding-right: 20px; border-radius: 0; border: none; outline: none; display: block; height: 30px; width: auto; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] .widget_inner select { width: 100%; text-align: center; padding-left: 30px; background-position: 95% center; } } .htmlblockwidget[data-layout="stats_table"] .widget_inner select:hover, .htmlblockwidget[data-layout="stats_table"] .widget_inner select:focus { outline: none; -webkit-appearance: none; color: #ccc; } .htmlblockwidget[data-layout="stats_table"] .widget_inner .lsik-mini-standings-tagline { display: none; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table { min-width: 100%; top: 60px; margin: 0px 30px 10px 0px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table tr:nth-child(odd) { background: #f3f3f3; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table tr:nth-child(odd) td { text-align: center; background: #f3f3f3; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table tr th { font-weight: bold; border: 1px solid #e1e3e3; padding: 13px 20px; text-transform: uppercase; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table tr th:first-child { font-weight: bold; border-color: rgba(0, 0, 0, 0.6); border-left: none; border-right: none; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table tr td { text-align: center; border: 1px solid #e1e3e3; display: table-cell; padding: 13px 20px; background: #fff; } .htmlblockwidget[data-layout="stats_table"] .widget_inner table tr td:first-child { font-weight: bold; border-color: rgba(0, 0, 0, 0.6); border-left: none; border-right: none; text-transform: uppercase; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #lsik-stats-link { padding: 0 50px; float: right; position: absolute; top: 0px; left: 0px; z-index: 20; background-color: #000; color: #fff; line-height: 55px; text-transform: uppercase; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #lsik-stats-link:before { content: ''; position: absolute; left: 30px; top: 21px; height: 0px; width: 0px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 8px solid #fff; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #lsik-roster-link { float: right; padding: 10px 30px; text-transform: uppercase; position: relative; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #lsik-roster-link:before { content: ''; position: absolute; left: 18px; top: 17px; height: 0px; width: 0px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right: 5px solid #000; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerBlock { margin-top: 20px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerPhoto { float: left; width: 180px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerPhoto a { float: left; margin-left: 30px; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerPhoto .enlarge { clear: left; float: left; display: Block; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerPhoto { float: none; margin: auto; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerPhoto .enlarge { float: none; text-align: center; margin: 10px auto 20px; } } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerInfo { float: left; width: 70%; width: calc(100% - 200px); } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerInfo > table td { background: none !important; color: #000 !important; font-weight: normal; text-align: left; text-transform: none; border: 1px solid #e1e3e3; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerInfo > table td.label { font-weight: 700; text-align: center; text-transform: uppercase; } .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerInfo #playerSummary .label { width: 150px; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] .widget_inner #playerInfo { width: 100%; } } .htmlblockwidget[data-layout="stats_table"] .widget_inner h3 { clear: both; } @media screen and (max-width: 767px) { .htmlblockwidget[data-layout="stats_table"] { float: left; display: block; margin-right: 0%; width: 100%; } .htmlblockwidget[data-layout="stats_table"]:last-child { margin-right: 0; } } .htmlblockwidget[data-layout="stats_table"] .lsik-record-header:nth-child(2) { width: 75%; } #content .player_detail .faq .widget_inner dd div.player-stats { padding: 0; } #content .player_detail .faq .widget_inner dd div.player-stats div { padding: 0; } #players #content .player_detail .faq .widget_inner #playerBlock { padding: 0; } #players #content .player_detail .faq .widget_inner .player-stats { overflow: scroll; text-align: center; padding: 0; } #players #content .player_detail .faq .widget_inner .player-stats #playerPhoto, #players #content .player_detail .faq .widget_inner .player-stats #playerInfo, #players #content .player_detail .faq .widget_inner .player-stats a, #players #content .player_detail .faq .widget_inner .player-stats #lsik-roster-link { display: none; } #players #content .player_detail .faq .widget_inner .player-stats h2 { text-align: left; font-size: 16px; text-transform: uppercase; font-weight: 300; padding: 0 30px; margin: 0; line-height: 56px; margin-bottom: 0px; letter-spacing: 1px; position: relative; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 15; } #content #players #content .player_detail .faq .widget_inner .player-stats h2 { margin-bottom: 0px; padding-bottom: 0; } @media screen and (max-width: 767px) { #players #content .player_detail .faq .widget_inner .player-stats h2 { position: relative; top: auto; left: auto; } } #players #content .player_detail .faq .widget_inner .player-stats br { display: none; } #players #content .player_detail .faq .widget_inner .player-stats h3 { margin-bottom: 0; line-height: 50px; text-transform: uppercase; font-size: 16px; } #players #content .player_detail .faq .widget_inner .player-stats select { position: Absolute; right: 30px; top: 15px; z-index: 20; } @media screen and (max-width: 767px) { #players #content .player_detail .faq .widget_inner .player-stats select { position: relative; right: auto; top: auto; } } #players #content .player_detail .faq .widget_inner .player-stats select { padding: 0 0 0 0px; margin: 0; background: #000; background: url(../images/select_arrow.png) right center #000 no-repeat; color: white; padding-right: 20px; border-radius: 0; border: none; outline: none; display: block; height: 30px; width: auto; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } @media screen and (max-width: 767px) { #players #content .player_detail .faq .widget_inner .player-stats select { width: 100%; text-align: center; padding-left: 30px; background-position: 95% center; } } #players #content .player_detail .faq .widget_inner .player-stats select:hover, #players #content .player_detail .faq .widget_inner .player-stats select:focus { outline: none; -webkit-appearance: none; color: #ccc; } #players #content .player_detail .faq .widget_inner .player-stats .lsik-mini-standings-tagline { display: none; } #players #content .player_detail .faq .widget_inner .player-stats table { min-width: 100%; top: 60px; margin: 0px 30px 10px 0px; } #players #content .player_detail .faq .widget_inner .player-stats table tr:nth-child(odd) { background: #f3f3f3; } #players #content .player_detail .faq .widget_inner .player-stats table tr:nth-child(odd) td { text-align: center; } #players #content .player_detail .faq .widget_inner .player-stats table tr:first-child th { text-align: center; } #players #content .player_detail .faq .widget_inner .player-stats table tr th { font-weight: bold; border: 1px solid #e1e3e3; text-transform: uppercase; text-align: center; padding: 13px 20px; text-transform: uppercase; } #players #content .player_detail .faq .widget_inner .player-stats table tr th:first-child { font-weight: bold; border-color: rgba(0, 0, 0, 0.6); border-left: none; border-right: none; } #players #content .player_detail .faq .widget_inner .player-stats table tr td { text-align: center; border: 1px solid #e1e3e3; display: table-cell; padding: 13px 20px; } #players #content .player_detail .faq .widget_inner .player-stats table tr td:first-child { font-weight: bold; border-color: rgba(0, 0, 0, 0.6); border-left: none; border-right: none; text-transform: uppercase; } #players #content .player_detail .faq .widget_inner .player-stats table tr td a { display: inline-block; } #players #content .player_detail .faq .widget_inner .player-stats table thead tr:nth-child(odd) { background: none; } #players #content .player_detail .faq .widget_inner .player-stats table thead tr:nth-child(odd) th { text-align: center; } .stats { position: relative; } .l-frame .stats { margin-top: 20px; } .stats .widget_title_wrapper { position: relative; clear: both; } .stats .widget_title_wrapper h2.widget_title { font-size: 14px !important; letter-spacing: 1.5px !important; line-height: 25px !important; font-weight: 700 !important; } .stats .widget_title_wrapper + div { margin-top: 10px; } .stats .h2 { font-size: 16px; font-weight: 700; margin-bottom: 0; text-align: center; text-transform: uppercase; } .stats table { min-width: calc(100% - 1px); } .stats table tr td { background: #fff; white-space: nowrap; } /** Styles for all variations of the players list Version: 1.1.0 Last update: 2015/07/29 Author: Carbonhouse Dev Team Summary: 1. PLAYERS LISTING - 1.1 players grid - 1.2 players listing - 1.3 players list common */ #pages.index.team .full_column { margin-top: 0; } #pages.index.team #layout { width: 100%; } .listing_toggle { position: absolute; top: -80px; right: 10px; width: auto; height: 100px; } .listing_toggle span { height: 42px; width: 42px; display: block; float: left; margin-left: 25px; cursor: pointer; } .listing_toggle span path { fill: #b3b3b3; } .listing_toggle span.active path, .listing_toggle span:hover path { fill: #666666; } @media screen and (max-width: 767px) { .listing_toggle { display: none; } } @media screen and (max-width: 767px) { display: none; } .spotlight_container { margin: 0 auto; padding: 10px; width: 100%; clear: both; } @media screen and (min-width: 1200px) { .spotlight_container { width: 1200px; } } .spotlight_container h1 { font-size: 28px; line-height: 36px; text-transform: uppercase; letter-spacing: 1px; margin: 30px 0; } .players_list { position: relative; margin: 0 auto; width: 100%; clear: both; letter-spacing: 1px; opacity: 0; -webkit-transition: all 175ms linear; transition: all 175ms linear; /* 1.1 players grid ================================== */ /* 1.2 players listing ================================== */ /* 1.3 players list common ================================== */ } .players_list.active { opacity: 1; } @media screen and (min-width: 1200px) { .players_list { width: 1200px; } } .players_list .grid_listing .label { font-size: 20px; z-index: 3; display: block; position: absolute; left: 10px; top: 220px; text-transform: uppercase; text-align: center; top: auto; bottom: 30px; width: 60px; height: 60px; line-height: 60px; } .players_list .grid_listing .thumb { position: absolute; width: 100%; height: 345px; display: block; overflow: hidden; left: 0; top: 0; z-index: 1; } .players_list .grid_listing .thumb img { width: 100%; } .players_list .grid_listing .info { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; display: block; z-index: 2; padding-left: 80px; } .players_list .grid_listing h3 { font-size: 20px; margin-bottom: 0; padding-bottom: 0; } .players_list .grid_listing .birthdate, .players_list .grid_listing .height, .players_list .grid_listing .weight, .players_list .grid_listing .info .label, .players_list .grid_listing .shooting_style, .players_list .grid_listing .btn-primary.readmore { display: none; } .players_list .row_listing .label { display: none; } .players_list .row_listing .thumb { width: 180px; height: 180px; float: left; margin-right: 30px; overflow: hidden; } .players_list .row_listing .thumb img { width: 100%; } .players_list .row_listing .thumb a { display: block; height: 100%; } .players_list .row_listing .position { font-size: 18px; text-transform: uppercase; } @media screen and (max-width: 767px) { .players_list .row_listing .position { font-size: 15px; } } .players_list .row_listing .player_data { margin-top: 37px; height: 65px; width: 100%; border-top-style: solid; border-top-width: 1px; padding-top: 20px; text-transform: uppercase; font-size: 16px; } .players_list .row_listing .player_data span { margin-right: 45px; } @media screen and (min-width: 768px) and (max-width: 1200px) { .players_list .row_listing .player_data { width: calc(100% - 120px); } } .players_list .row_listing .info { float: left; padding-top: 20px; width: calc(100% - 220px); } .players_list .row_listing .info .label { float: left; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 20px; margin-right: 20px; text-align: center; } @media screen and (max-width: 767px) { .players_list .row_listing .player_item .label { font-size: 20px; z-index: 3; display: block; position: absolute; left: 10px; top: 220px; text-transform: uppercase; text-align: center; top: auto; bottom: 30px; width: 60px; height: 60px; line-height: 60px; } .players_list .row_listing .player_item .thumb { position: absolute; width: 100%; height: 345px; display: block; overflow: hidden; left: 0; top: 0; z-index: 1; } .players_list .row_listing .player_item .thumb img { width: 100%; } .players_list .row_listing .player_item .info { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; display: block; z-index: 2; padding-left: 80px; padding-top: 0; } .players_list .row_listing .player_item h3 { font-size: 20px; margin-bottom: 0; padding-bottom: 0; } .players_list .row_listing .player_item .birthdate, .players_list .row_listing .player_item .height, .players_list .row_listing .player_item .weight, .players_list .row_listing .player_item .info .label, .players_list .row_listing .player_item .shooting_style { display: none; } } .players_list .player_name { text-transform: uppercase; font-weight: 500; } .players_list .btn-primary.readmore { position: absolute; right: 20px; bottom: 20px; text-align: center; padding: 5px 20px; font-size: 14px; } @media screen and (max-width: 767px) { .players_list .btn-primary.readmore { display: none; } } .players_list h2.roster_title { margin: 10px 11px 0 11px; padding: 40px 0 0 0; border-top-width: 1px; border-top-style: solid; text-transform: uppercase; } .players_list h2.roster_title:first-of-type { border-top: none; } @media screen and (max-width 767px 8) { #meerkat-wrap { position: absolute !important; } } #meerkat-container { overflow: auto; } #overlay_container { padding: 100px 40px 100px 40px; position: relative; overflow: auto !important; display: block; margin: auto; max-width: 1060px; } @media screen and (max-width: 767px) { #overlay_container { padding: 30px 40px 0px 40px; min-height: 100%; } } #overlay_container .close-overlay { position: absolute; display: block; z-index: 50; top: 55px; right: 20px; width: 50px; height: 50px; background: url(../images/button_close.png) no-repeat center center; cursor: pointer; } @media screen and (max-width: 767px) { #overlay_container .close-overlay { top: 0; } } #overlay_container .image_overlay { overflow: hidden; } #overlay_container .image_overlay a, #overlay_container .image_overlay a:link, #overlay_container .image_overlay a:visited { display: block; width: 100%; height: auto; position: relative; z-index: 10; } #overlay_container .image_overlay a img, #overlay_container .image_overlay a:link img, #overlay_container .image_overlay a:visited img { width: 100%; height: auto; display: block; } #overlay_container .html_overlay { padding: 30px; width: 100%; max-height: 300px; background: white; } @media screen and (max-height: max-width 767px 8) { #overlay_container { padding-top: 30px; } } .overlay_content { margin: 0 auto; padding: 0; width: 100%; height: auto; position: relative; background: #fff; } @media screen and (min-width: 768px) { .overlay_content { min-height: 300px; } } @media screen and (min-width: 1200px) { .overlay_content { width: 980px; } } .close-overlay-bg { display: block; width: 100%; height: 100%; position: absolute; margin: 0; padding: 0; min-height: 100%; display: none; } .dontshow-overlay { width: 100%; position: absolute; bottom: -35px; left: 0px; height: 35px; line-height: 20px; text-align: center; color: #fff; background: #000; font-size: 13px; letter-spacing: 1px; line-height: 21.45px; letter-spacing: 2px; cursor: pointer; padding: 10px; } .dontshow-overlay:hover { background: #fff; color: #000; } /** Base Calendar - full page */ .calendar-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(31, 39, 102, 0.9); z-index: 10000; display: none; } .ie9 .calendar-container { background-image: none; background: rgba(31, 39, 102, 0.75); } .calendar-container .key { position: absolute; bottom: 20px; left: 100px; } .calendar-container .key .val1, .calendar-container .key .val2, .calendar-container .key .val3 { position: relative; padding-left: 30px; color: #fff; float: left; margin-right: 20px; } .calendar-container .key .val1:before, .calendar-container .key .val2:before, .calendar-container .key .val3:before { content: ''; background-color: #FFF; height: 10px; width: 20px; position: absolute; top: 5px; left: 0px; display: block; } .calendar-container .key .val1:before { background-color: #4f66da; } .calendar-container .key .val3:before { background-color: #68b700; } #calendario { *zoom: 1; max-width: 1200px; margin-left: auto; margin-right: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 75%; /* IE 9 is rounding up the calc it seems */ /* IE 10 barfs and can't round down remainder */ /* IE 9 is rounding up the calc it seems */ } #calendario:before, #calendario:after { content: "\0020"; display: table; } #calendario:after { clear: both; } #calendario *, #calendario *:after, #calendario *:before { box-sizing: border-box; } #calendario .cal-wrap, #calendario .cal-inner { position: relative; height: 100%; } #calendario .fc-calendar-container { position: relative; height: 100%; width: auto; padding-bottom: 10px; *zoom: 1; } #calendario .fc-calendar-container:before, #calendario .fc-calendar-container:after { content: "\0020"; display: table; } #calendario .fc-calendar-container:after { clear: both; } #calendario .fc-calendar { width: 100%; height: 100%; } #calendario .cal-header { padding: 0px; height: 90px; position: relative; margin-bottom: 15px; } #calendario .cal-header h2, #calendario .cal-header h3 { text-align: center; } #calendario .cal-header h2 { color: white; font-size: 3.2rem; line-height: 90px; letter-spacing: 1px; margin: 0px; text-transform: uppercase; padding: 0; } #calendario .cal-header h3 { display: none; } #calendario .cal-header .cal-controls span { background: url(../images/icn_calendar_arrow.png) no-repeat; z-index: 100; position: absolute; top: 20px; cursor: pointer; margin: 0; width: 16px; height: 63px; overflow: hidden; text-align: left; color: #fff; text-align: center; font-size: 26px; font-size: 2.6rem; line-height: 37px; padding: 0 2px 0 0; } #calendario .cal-header .cal-controls span:hover, #calendario .cal-header .cal-controls span:focus { color: #fac50b; opacity: 70; filter: alpha(opacity=7000); } #calendario .cal-header .cal-controls span.cal-prev { left: 4.5%; right: auto; } #calendario .cal-header .cal-controls span.cal-next { /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); right: 4.45%; padding: 0 0 0 2px; } #calendario .fc-calendar .fc-head { height: 60px; width: 100%; background: none; color: #fff; text-transform: none; margin: 20px auto 0; } #calendario .fc-calendar .fc-head div { font-weight: normal; font-size: 18px; line-height: 60px; } #calendario .fc-calendar .fc-body { position: relative; padding: 0; border: none; width: 100%; height: 73%; max-height: 530px; } #calendario .fc-calendar .fc-row { width: 100%; border-top: none; border-bottom: none; height: 20%; } #calendario .fc-four-rows .fc-row { height: 25%; } #calendario .fc-five-rows .fc-row { height: 17%; } #calendario .fc-six-rows .fc-row { height: 16%; *zoom: 1; } #calendario .fc-six-rows .fc-row:before, #calendario .fc-six-rows .fc-row:after { content: "\0020"; display: table; } #calendario .fc-six-rows .fc-row:after { clear: both; } #calendario .fc-calendar .fc-row > div, #calendario .fc-calendar .fc-head > div { float: left; height: 100%; width: 13.18%; /* 100% / 7 */ width: calc(92.3%/7); position: relative; margin: 0 1.27% 1.45% 0; } #calendario .fc-calendar .fc-row > div:last-child, #calendario .fc-calendar .fc-head > div:last-child { margin-right: 0; } #calendario .fc-calendar .fc-row.selected { height: 50%; } #calendario .fc-calendar .fc-row.selected .date_overlay { display: none; } #calendario .fc-calendar .fc-row.selected > div { border: 1px solid #ddd; padding: 4px; overflow: hidden; position: relative; } #calendario .fc-calendar .fc-row.selected > div span.fc-date { color: #8B7F72; } #calendario .fc-calendar .fc-row.selected > div.fc-content { background: #FDB811; cursor: pointer; } #calendario .fc-calendar .fc-row.selected > div.fc-content span.fc-date { color: #333 !important; text-shadow: none; z-index: 3; } #calendario .fc-calendar .fc-row.selected > div.fc-content h3 a { color: #333; } #calendario .fc-calendar .fc-row.selected > div.fc-content span.event_time { color: #333; } #calendario .fc-calendar .fc-row.selected > div.fc-content .date_overlay:hover { background: #A5462A; } #calendario .fc-calendar .fc-row > div { border: 2px solid #fff; padding: 0; overflow: hidden; position: relative; } #calendario .fc-calendar .fc-row > div .date_overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; } #calendario .fc-calendar .fc-row > div.fc-content { border: none; background-color: #FFF; cursor: pointer; } #calendario .fc-calendar .fc-row > div.fc-content > span.fc-date { display: none; } #calendario .fc-calendar .fc-row > div.fc-content:hover span.fc-date { text-decoration: underline; } #calendario .fc-calendar .fc-row > div.fc-content .entry { background-color: #FFF; } #calendario .fc-calendar .fc-row > div.fc-content .entry .color_bar { position: absolute; top: 0px; left: 0px; width: 100%; height: 8px; display: block; z-index: 10500; } #calendario .fc-calendar .fc-row > div.fc-content .entry.home .color_bar { background-color: #4f66da; } #calendario .fc-calendar .fc-row > div.fc-content .entry.event .color_bar { background-color: #68b700; } #calendario .fc-calendar .fc-row > div.fc-content .entry .thumb { text-align: center; position: absolute; display: block; width: 100%; height: 100%; } #calendario .fc-calendar .fc-row > div.fc-content .entry .thumb img { display: block; margin: auto; max-width: 50%; max-height: 100%; } #calendario .fc-calendar .fc-row > div.fc-content .entry .info { display: none; } #calendario .fc-calendar .fc-head > div { float: left; height: 100%; position: relative; margin-bottom: 0; font-size: 18px; font-size: 1.8rem; font-weight: bold; } #calendario .ie9 .fc-calendar .fc-row > div, #calendario .ie9 .fc-calendar .fc-head > div { width: 14.2%; } #calendario .fc-calendar .fc-head > div { text-align: center; } #calendario .fc-calendar .fc-row > div > span.fc-date { color: white !important; text-shadow: none; z-index: 3; background: none; width: 100%; height: auto; font-size: 18px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } #calendario .fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; } #calendario .fc-calendar .fc-row > div.fc-out { opacity: 0.6; } #calendario .fc-calendar .fc-row:last-child { border-bottom: none; } #calendario div.cal_overlay_item { display: none; } #calendario div.cal_overlay_item.show_overlay { display: block; position: absolute; top: 0; right: -20px; background: #fff; } #calendario div.event_shortdesc { display: block; margin: 25px 5px 20px 5px; font-size: 11px; } #calendario div.event_shortdesc h3 { font-size: 12px; padding: 0; margin: 0; } #calendario div.event_shortdesc h3 a { color: #fff; } #calendario div.event_shortdesc h3 a:hover { color: #fff; text-decoration: none; } #calendario div.event_shortdesc img { height: 94px; margin-left: -17px; } #calendario div.event_shortdesc .event_time { color: #f39d13; } .close-calendario { position: absolute; top: 20px; right: 20px; width: 200px; height: 60px; cursor: pointer; color: #fff; text-transform: none; letter-spacing: 3px; } .modal.fade { position: absolute; top: 35%; left: 50%; width: 235px; margin-left: -117px; padding: 0; z-index: 15000; display: none; background: #fff; overflow: hidden; } .modal.fade:focus { outline: none; } .modal.fade.in { display: block; } .modal.fade .modal-dialog, .modal.fade .modal-content, .modal.fade .modal-body { height: 100%; } .modal.fade .close { width: 35px; height: 35px; line-height: 35px; position: absolute; top: 0; right: -2px; z-index: 20; border: none; background-size: 120%; color: #b30839; cursor: pointer; text-align: center; text-transform: uppercase; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .modal.fade .close:hover { opacity: 0.8; } .modal.fade .color_bar { position: absolute; top: 0px; left: 0px; width: 100%; height: 8px; display: block; background-color: #4f66da; z-index: 10500; } .modal.fade .entry.home .color_bar { background-color: #4f66da; } .modal.fade .entry.event .color_bar { background-color: #68b700; } .modal.fade .thumb { display: block; text-align: center; } .modal.fade .thumb img { margin: 20px 0px; max-width: 100%; } .modal.fade .entry { padding: 0; height: auto; width: 100%; position: relative; overflow: hidden; } .modal.fade .entry .info { border-top: 1px solid #ccc; width: auto; margin: 0px 20px; padding: 16px 0px; text-align: center; } .modal.fade .entry .info .date { font-size: 11px; text-transform: uppercase; color: #000; letter-spacing: 1px; } .modal.fade .entry .info h3 { text-transform: none; padding-bottom: 15px; font-size: 17px; letter-spacing: 1px; line-height: 28.05px; color: #000; text-transform: none; } .modal.fade .entry .buttons { border-top: 1px solid #ccc; text-align: center; padding-top: 15px; } .modal.fade .entry .buttons span.tickets { display: none; } .modal.fade .entry .buttons a.tickets { text-transform: uppercase; color: #ba2100; letter-spacing: 1px; } .modal.fade .entry .buttons a.tickets:hover { color: #000; } .modal.fade .entry:last-child .info { border-bottom: 0; } .modal.fade h2 { font-size: 32px; line-height: 115%; } .modal.fade h2 a, .modal.fade h2 a:visited { text-decoration: none; color: #222; } /** Tooltips and popover styles */ #calendario .tooltip { position: absolute; z-index: 100; display: none; width: 240px; height: 215px; margin: 0 5px 5px 0; line-height: 15px; } #calendario .tooltip .info { position: relative; padding: 5px 5px 5px 7px; width: 100%; height: 100%; background: white; border-bottom: 3px solid #ddd; } #calendario .tooltip .info:after { content: ''; display: block; position: absolute; top: 40%; left: -20px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid white; } #calendario .tooltip .info .cal_info_header { height: 100%; display: block; width: 100%; overflow: hidden; } #calendario .tooltip .info .cal_event_thumb { display: block; position: relative; border: none; width: 205px; height: 100px; z-index: 1; margin: 12px auto 0px; padding: 0; float: none; overflow: visible; box-shadow: none; } #calendario .tooltip .info .cal_event_thumb img { width: 205px; height: 100px; } #calendario .tooltip .info .date { display: block; width: 203px; margin: 0 auto; padding: 6px 6px 3px; font-size: 12px; font-weight: 500; line-height: 12px; color: #737373; text-transform: uppercase; border-bottom: 1px solid #DDD; } #calendario .tooltip .info h3 { position: relative; margin: 0 auto 5px; width: 195px; padding: 3px 5px 5px 7px; } #calendario .tooltip .info h3 a, #calendario .tooltip .info h3 a:visited { display: block; box-sizing: content-box; height: 32px; overflow: hidden; font-size: 16px; font-weight: 700; line-height: 18px; color: #333; text-decoration: none; } #calendario .tooltip .info h3 a:hover, #calendario .tooltip .info h3 a:visited:hover { text-decoration: none; color: #000; } #calendario .tooltip .info em { display: none; } #calendario .tooltip .info .buttons { display: block; position: absolute; bottom: 4px; top: auto; left: 20px; border-top: 0; margin: 0 auto; padding: 0; height: 20px; list-style: none; *zoom: 1; } #calendario .tooltip .info .buttons:before, #calendario .tooltip .info .buttons:after { content: "\0020"; display: table; } #calendario .tooltip .info .buttons:after { clear: both; } #calendario .tooltip .info .buttons a, #calendario .tooltip .info .buttons a:visited, #calendario .tooltip .info .buttons span { height: 20px; width: 102px; float: left; background: #3C3C3C; background: rgba(60, 60, 60, 0.9); color: #fff; font: normal 13px/20px "inherit"; border-left: 1px solid #000; text-decoration: none; text-align: center; text-transform: uppercase; } #calendario .tooltip .info .buttons a:first-child, #calendario .tooltip .info .buttons a:visited:first-child, #calendario .tooltip .info .buttons span:first-child { border-left: 0; border-right: 1px solid #666; } #calendario .tooltip .info .buttons a.tickets, #calendario .tooltip .info .buttons a.tickets.soon, #calendario .tooltip .info .buttons a.tba, #calendario .tooltip .info .buttons a:visited.tickets, #calendario .tooltip .info .buttons a:visited.tickets.soon, #calendario .tooltip .info .buttons a:visited.tba, #calendario .tooltip .info .buttons span.tickets, #calendario .tooltip .info .buttons span.tickets.soon, #calendario .tooltip .info .buttons span.tba { background: #3C3C3C; background: rgba(60, 60, 60, 0.9); } #calendario .tooltip .info .buttons a.more, #calendario .tooltip .info .buttons a:visited.more, #calendario .tooltip .info .buttons span.more { margin-top: 0; } #calendario .tooltip .info .buttons a:hover, #calendario .tooltip .info .buttons a:focus, #calendario .tooltip .info .buttons a.tickets:hover, #calendario .tooltip .info .buttons a.tickets.soon:hover, #calendario .tooltip .info .buttons a.tba:hover { background: #FDB813; color: #333; text-decoration: none; } #calendario .tooltip .info .buttons span { cursor: default; } #calendario .cal-content-reveal { opacity: 0; font-weight: bold; z-index: 11000; display: none; position: absolute; top: 156px; left: 295px; width: 350px; height: 230px; background: white; border-bottom: 3px solid #7E5C3C; } #calendario .cal-content-reveal .cal_event_thumb { display: block; width: 198px; height: 94px; margin: 0 auto 10px; } #calendario .cal-content-reveal .info { text-align: left; } #calendario .cal-content-reveal .content, #calendario .cal-content-reveal .oveview { margin: 0px !important; padding: 0 !important; } #calendario .cal-content-reveal .viewport { width: 295px; height: 190px; margin-top: 11px; overflow: hidden; position: relative; } #calendario .cal-content-reveal .scrollbar { display: none; width: 10px; height: 220px; position: absolute; right: 10px; top: 42px; } #calendario .cal-content-reveal .scrollbar .track { width: 1px; height: 220px; position: relative; background: #eee; } #calendario .cal-content-reveal .scrollbar .track .thumb { width: 5px; height: 10px; background: #ccc; position: absolute; left: 0; top: 5px; cursor: pointer; } #calendario .cal-content-reveal span.cal-content-close { top: 0; right: 0; width: 32px; height: 32px; background: #000 url(../images/close_btn.png) no-repeat; cursor: pointer; position: absolute; text-indent: -9999px; display: block; z-index: 20; } #calendario .cal-content-reveal span.cal-content-close:hover { opacity: 0.7; } #calendario .cal-content-reveal .cal_overlay_item { display: block; margin-bottom: 18px; } #calendario .cal-content-reveal .cal_image { display: none; } #calendario .cal-content-reveal h4 { font-size: 16px; line-height: 110%; } #calendario .cal-content-reveal em { display: none; } #calendario .cal-content-reveal .buttons a, #calendario .cal-content-reveal .buttons a:link, #calendario .cal-content-reveal .buttons a:visited, #calendario .cal-content-reveal .buttons span { display: block; float: left; width: 90px; line-height: 15px; font-size: 11px; text-transform: uppercase; text-align: center; font-weight: 600; color: #fff; padding: 7px 10px; margin-right: 10px; text-transform: uppercase; } #calendario .cal-content-reveal .buttons a:hover, #calendario .cal-content-reveal .buttons a:link:hover, #calendario .cal-content-reveal .buttons a:visited:hover, #calendario .cal-content-reveal .buttons span:hover { color: #000; } #calendario .cal-content-reveal .buttons a.tickets, #calendario .cal-content-reveal .buttons a:link.tickets, #calendario .cal-content-reveal .buttons a:visited.tickets, #calendario .cal-content-reveal .buttons span.tickets { width: 100px; background-position: right 0; } #calendario .cal-content-reveal .buttons span { cursor: default; } /** Home Page Calendar - small size */ .small-calendar { width: 304px; background: transparent; height: 300px; } .small-calendar #calendario { margin: 0 auto; /* IE 9 is rounding up the calc it seems */ /* IE 10 barfs and can't round down remainder */ } .small-calendar #calendario .fc-calendar-container { position: relative; height: 253px; width: 300px; } .small-calendar #calendario .fc-calendar { width: 100%; height: 100%; } .small-calendar #calendario .fc-calendar .fc-head { height: 45px; line-height: 41px; background: transparent; color: #fff; } .small-calendar #calendario .fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: calc(100% - 30px); border: 0; } .small-calendar #calendario .fc-calendar .fc-row { width: 100%; margin-bottom: 0px; } .small-calendar #calendario .fc-four-rows .fc-row { height: 23%; margin-bottom: 0px; } .small-calendar #calendario .fc-five-rows .fc-row { height: 18.5%; margin-bottom: 0px; } .small-calendar #calendario .fc-six-rows .fc-row { margin-bottom: 0px; height: 15.66%; height: calc(100%/6.5); } .small-calendar #calendario .fc-calendar .fc-row > div, .small-calendar #calendario .fc-calendar .fc-head > div { float: left; height: 100%; width: 14.28%; /* 100% / 7 */ width: calc(100%/7); position: relative; margin: 0; border: 0; } .small-calendar #calendario .ie9 .fc-calendar .fc-row > div, .small-calendar #calendario .ie9 .fc-calendar .fc-head > div { width: 14.2%; } .small-calendar #calendario .ie10 .fc-calendar .fc-row > div, .small-calendar #calendario .ie10 .fc-calendar .fc-head > div { width: calc(98%/7); } .small-calendar #calendario .fc-calendar .fc-row > div { border-right: 0; padding: 0px; position: relative; } .small-calendar #calendario .fc-calendar .fc-head > div { text-align: center; } .small-calendar #calendario .fc-calendar .fc-row > div > span.fc-date { position: absolute; width: 31px; height: 31px; font-size: 20px; line-height: 32px; font-weight: 700; color: #fff; top: 15px; right: auto; left: 5px; text-align: right; padding: 0; } .small-calendar #calendario .fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; } .small-calendar #calendario .fc-calendar .fc-row > div.fc-today { background: red; } .small-calendar #calendario .fc-calendar .fc-row > div.fc-out { opacity: 1.0; } .small-calendar #calendario .fc-calendar .fc-row > div:last-child, .small-calendar #calendario .fc-calendar .fc-head > div:last-child { border-right: none; } .small-calendar #calendario .fc-calendar .fc-row:last-child { border-bottom: none; } .small-calendar #calendario #calendario { width: 300px; max-width: 300px; margin: 0 auto; position: relative; } .small-calendar #calendario #calendario *, .small-calendar #calendario #calendario *:after, .small-calendar #calendario #calendario *:before { box-sizing: border-box; } .small-calendar #calendario .cal-header { padding: 0px; height: 90px; position: relative; } .small-calendar #calendario .cal-header h2, .small-calendar #calendario .cal-header h3 { text-align: center; } .small-calendar #calendario .cal-header h2 { width: 213px; color: white; font: normal 22px/22px "inherit"; margin: 0 0 0 43px; text-transform: uppercase; padding: 0; letter-spacing: normal; border-left: 2px solid #333; border-right: 2px solid #333; } .small-calendar #calendario .cal-header h3 { display: none; font-size: 22px; color: white; } .small-calendar #calendario .cal-header .cal-controls span { z-index: 100; position: absolute; top: 3px; cursor: pointer; margin: 0; width: 15px; height: 15px; text-indent: -9999px; overflow: hidden; text-align: left; } .small-calendar #calendario .cal-header .cal-controls span:first-child { left: 12px; right: auto; background-position: 0 0; } .small-calendar #calendario .cal-header .cal-controls span:first-child:hover, .small-calendar #calendario .cal-header .cal-controls span:first-child:focus { background-position: 0 -15px; } .small-calendar #calendario .cal-header .cal-controls span.cal-next { right: 15px; background-position: -15px 0; } .small-calendar #calendario .cal-header .cal-controls span.cal-next:hover, .small-calendar #calendario .cal-header .cal-controls span.cal-next:focus { background-position: -15px -15px; } .small-calendar #calendario .cal-content-reveal { position: absolute; display: none; width: 320px; height: 320px; z-index: 100; top: -20px; left: -10px; opacity: 0; font-weight: normal; border-bottom: 0; background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); background-image: linear-gradient(to bottom, #000 0%, #333 100%); } .small-calendar #calendario .cal-content-reveal .header-date { width: 320px; height: 34px; margin: 0 auto; background: #000; color: #fff; font: bold 14px/37px "inherit"; text-transform: uppercase; letter-spacing: normal; text-align: left; text-indent: 20px; } .small-calendar #calendario .cal-content-reveal .scrolled_content { padding: 0; margin-top: -5px; height: 278px; } .small-calendar #calendario .cal-content-reveal .content, .small-calendar #calendario .cal-content-reveal .overview { margin: 0px !important; padding: 0 !important; } .small-calendar #calendario .cal-content-reveal .viewport { margin: 12px 0 0 12px; padding-left: 0px; width: 290px !important; height: 250px; overflow: auto; position: relative; } .small-calendar #calendario .cal-content-reveal .viewport .jspPane { padding: 0 !important; width: 260px !important; } .small-calendar #calendario .cal-content-reveal .viewport .jspVerticalBar { right: 4px; height: 250px; width: 10px; background: url(../images/scrollbar.png) repeat-y 0 0; } .small-calendar #calendario .cal-content-reveal .viewport .jspTrack .jspDrag { background: #ccc url(../images/drag-arrow.png) no-repeat 1px center; } .small-calendar #calendario .cal-content-reveal span.cal-content-close { position: absolute; z-index: 20; left: auto; right: 0; top: 0; bottom: auto; height: 34px; width: 100px; cursor: pointer; color: #fff; font: bold 14px/37px "inherit"; text-transform: uppercase; background: url(../images/cal-close.png) no-repeat 65px 2px; text-indent: 24px; } .small-calendar #calendario .cal-content-reveal span.cal-content-close:before { display: none; } .small-calendar #calendario .cal-content-reveal span.cal-content-close:hover { background-position: 65px -35px; color: #000; text-shadow: none; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item { position: relative; width: 260px; height: auto; padding: 20px 0 4px; margin: 0; border-bottom: 1px solid #000; border-top: 1px solid #3A3A38; *zoom: 1; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item:before, .small-calendar #calendario .cal-content-reveal .cal_overlay_item:after { content: "\0020"; display: table; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item:after { clear: both; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item:first-child { border-top: 0; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item:last-child { border-bottom: 0; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap { width: 260px; height: auto; *zoom: 1; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap:before, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap:after { content: "\0020"; display: table; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap:after { clear: both; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap .thumb { float: left; width: 80px; height: 45px; margin: 0 10px 0 5px; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap .thumb img { width: 80px; height: 45px; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap .info { float: left; width: 165px; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap .date { display: block; margin: 0 0 1px; padding: 0 0 3px; color: #fff; text-transform: uppercase; font: bold 14px/120% "inherit"; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap h3 { padding: 0; margin: 0; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap h3 a, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap h3 a:visited { display: block; height: auto; color: #fff; font: normal 16px/120% "inherit"; text-decoration: none; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap h3 a:hover, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .image_wrap h3 a:visited:hover { text-decoration: none; color: #333; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons { display: block; position: relative; border-top: 0; margin: 15px auto; padding: 0; height: 30px; list-style: none; width: 260px; *zoom: 1; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons:before, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons:after { content: "\0020"; display: table; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons:after { clear: both; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons a, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons a:visited, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons span { width: 114px; height: 30px; background: #3A3A38; font: normal 12px/18px "inherit"; text-shadow: none; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons a:after, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons a:visited:after, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons span:after { display: none; } .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons a:hover, .small-calendar #calendario .cal-content-reveal .cal_overlay_item .buttons a:focus { color: #fff; background: #333; } .calendar-container .modal.fade { height: 380px; overflow: scroll; } #content .sitemap .column { float: left; width: 50%; word-wrap: break-word; overflow: hidden; } #content .sitemap .column ul { list-style: none; } #content .sitemap .column ul a { font-weight: bold; } #content .sitemap .column ul li { margin: 20px 0px; } #content .sitemap .column ul ul { list-style: disc; margin: 20px 25px; } #content .sitemap .column ul ul li { margin: 0px; } #content .sitemap .column ul ul a { color: #333; } #content .sitemap .column ul ul a:hover { color: #333; } #video_gallery .full_column { position: relative; } #content .category_list.video_nav ul li:first-child { display: block; } #content .category_list.video_nav .nav { z-index: 2; margin-top: 30px; margin-bottom: 10px; } #content .media_item { height: 240px; position: relative; } #content .media_item .thumb { height: 110px; } #content .media_item .thumb img { width: 100%; } @media screen and (max-width: 767px) { #content .media_item .thumb img { width: 100%; height: auto; } } @media screen and (min-width: 640px) and (max-width: 1200px) { #content .media_item .thumb img { width: 100%; height: auto; } } #content .media_item .info { padding-top: 17px; } #content .media_item .info a { font-size: 18px; } #content .media_item.current_item .widget_inner:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "Playing.."; text-align: center; display: block; background: rgba(0, 0, 0, 0.5); z-index: 100; font: 22px "colossalis_medium", Verdana, Arial, sans-serif; text-transform: none; letter-spacing: 2px; line-height: 100px; color: white; } .video_container .flowplayer { background: black; } .video_container { padding: 0; margin: 10px; z-index: 3; max-height: 408px; } .video_container video { width: 100%; } .video_container + .widget_inner { margin: 0 10px 10px 10px; padding-top: 20px; z-index: 2; position: relative; } .video_container.ready { visibility: visible; } .video_container.playing .label { display: none; } .video_container .label { z-index: 4; display: block; position: absolute; left: 0; top: 390px; font: 16px "klavika_light", Verdana, Arial, sans-serif; text-transform: uppercase; padding: 15px 20px; color: white; letter-spacing: 2px; } @media screen and (max-width: 767px) { .video_container .label { top: 135px; } } @media screen and (min-width: 640px) and (max-width: 950px) { .video_container .label { top: 20px; } } .flowplayer .fp-engine { background: black; } .video_paging { padding: 10px 0 0 0; } .video_paging .nav { height: 40px; line-height: 40px; width: auto; clear: both; margin: 0 10px; } .search_videos { text-align: right; float: right; position: absolute; right: 0; } @media screen and (max-width: 767px) { .search_videos { clear: both; width: 90%; text-align: left; margin: 20px 0; float: left; left: 0; position: relative; } } .search_videos input { background: none; color: #333; border: none; text-align: right; } @media screen and (max-width: 767px) { .search_videos input { text-align: left; width: 100%; padding: 5px; font-size: 16px; } } .paging { clear: both; } .paging .nav .record { width: 200px; float: left; } .paging .nav .pages { text-align: right; width: 300px; float: right; } .paging .nav .pages strong { font-weight: bold; margin: 0 8px; } .paging .nav .pages a { margin: 0 8px; } .paging .nav .pages a:hover { text-decoration: underline; } .searchresults { margin-left: 10px; margin-right: 10px; border-width: 1px; border-style: solid; border-radius: 6px; padding: 7% 12%; margin-top: 20px; } .searchresults h1 { text-transform: uppercase; font-weight: normal; letter-spacing: 1px; margin-bottom: 15px; padding-bottom: 0; line-height: 50px; margin-bottom: 0; font-size: 28px; } .searchresults #cse-search-results { margin-top: 10px; clear: left; } .searchresults .cse .gsc-control-cse, .searchresults .gsc-control-cse { margin: 0; padding: 0; } .searchresults table.gsc-search-box td { vertical-align: top; } @media screen and (min-width: 1200px) { #content #branding.active.map_wrapper { margin: -84px -144px 53px; } } .map_holder { display: block; position: relative; width: 100%; height: 385px; margin-bottom: 25px; border-radius: 2px; } .map_holder .map { width: 100%; height: 100%; } .map_window .info { padding: 0 0 4px; margin: 0 0 8px; } .map_window .info h4 { font-weight: 400; color: #000; } .map_window .info address { margin: 0; padding: 0; font-size: 12px; line-height: 140%; color: #000; } .map_window .desc { float: left; width: 120px; } .map_window .desc img { float: left; margin: 0 15px 0 0; width: 120px; height: auto; } .map_window .desc p { padding: 0; margin: 0; } .map_window .directions { display: none; padding: 4px 0 0; } .map_window .directions label { display: block; margin: 0 0 8px; font-size: 12px; color: #000; } .map_window .directions input[type=text] { padding: 4px 5px; margin: 0 0 8px; width: 72%; font-size: 12px; color: #000; } .map_window .directions form button { float: right; display: block; background-color: #a9a9a9; font-size: 10px; font-weight: 600; text-transform: uppercase; padding: 6px 5px; color: #fff; border: 0; } .map_window .directions form button:hover { background-color: #f2873b; } #content .map_page #branding.map_wrapper { margin-top: 30px; } #content .map_page .full_column { margin-top: 0px; } /* CSS Styles that are needed by jScrollPane for it to operate correctly. Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 15px; width: 10px; height: 236px; background: none; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; opacity: 0; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: none; position: relative; width: 10px; } .jspDrag { border-radius: 10px; position: relative; top: 0; left: 0px; background: #999; width: 5px; height: 58px !important; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { display: block; background: none; text-indent: -20000px; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } body.is-no-scroll { overflow: hidden !important; height: 100%; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; opacity: 0.8; display: block; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; background: rgba(0, 0, 0, 0.75); -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { width: 1200px; position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; padding: 0; box-sizing: content-box; padding-top: 5%; } @media screen and (min-width: 768px) and (max-width: 1200px) { .mfp-content { width: 100%; max-width: 800px; } } @media screen and (max-width: 767px) { .mfp-content { width: 100%; } } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 1200px; cursor: auto; } @media screen and (min-width: 768px) and (max-width: 1200px) { .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; max-width: 800px; } } @media screen and (max-width: 767px) { .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; } } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 1046; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; top: 0; } @media screen and (min-width: 768px) and (max-width: 1200px) { .mfp-close { right: -5px; } } .mfp-close:hover, .mfp-close:focus { opacity: 1; outline: none; } .mfp-close-btn-in .mfp-close { color: #fff; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444444; } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-container .rsDefault, .mfp-container .rsDefault .rsOverflow, .mfp-container .rsDefault .rsSlide, .mfp-container .rsDefault .rsVideoFrameHolder { height: 490px !important; } @media screen and (max-width: 767px) { .mfp-container .rsDefault, .mfp-container .rsDefault .rsOverflow, .mfp-container .rsDefault .rsSlide, .mfp-container .rsDefault .rsVideoFrameHolder { height: 340px !important; } } .mfp-container .rsDefault.royalSlider { height: 490px; width: 1180px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .mfp-container .rsDefault.royalSlider { width: 700px !important; } .mfp-container .rsDefault.royalSlider .rsThumbHor { width: 700px; } } @media screen and (max-width: 767px) { .mfp-container .rsDefault.royalSlider { width: 360px !important; height: 340px !important; } .mfp-container .rsDefault.royalSlider .rsThumbHor { width: 360px; } } .mfp-container .rsDefault.royalSlider .rsOverflow { width: 1180px !important; } @media screen and (min-width: 640px) and (max-width: 1200px) { .mfp-container .rsDefault.royalSlider .rsOverflow { width: 700px !important; } } @media screen and (max-width: 767px) { .mfp-container .rsDefault.royalSlider .rsOverflow { width: 360px !important; } } .mfp-container .rsDefault.royalSlider .rsSlide { text-align: center; } .mfp-container .rsDefault.royalSlider .rsArrow.rsArrowLeft, .mfp-container .rsDefault.royalSlider .rsArrow.rsArrowRight { background: none; } .mfp-container .rsDefault.royalSlider .rsArrow.rsArrowRight .rsArrowIcn { position: absolute; top: 40%; margin-top: 50px; background-color: transparent; background: url(../images/icn_calendar_arrow.png) no-repeat; width: 16px; height: 63px; /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } .mfp-container .rsDefault.royalSlider .rsArrow.rsArrowLeft .rsArrowIcn { left: 20px; position: absolute; top: 40%; margin-top: 50px; background-color: transparent; background: url(../images/icn_calendar_arrow.png) no-repeat; width: 16px; height: 63px; } .mfp-container .rsDefault.royalSlider .rsImg { margin-left: 0px !important; height: 490px !important; width: auto !important; max-width: 1180px !important; } .mfp-container .rsDefault.royalSlider .rsThumbsHor { margin-bottom: -190px; height: 110px; padding: 10px; } @media screen and (min-width: 640px) and (max-width: 1200px) { .mfp-container .rsDefault.royalSlider .rsThumbsHor { width: 700px !important; } } @media screen and (max-width: 767px) { .mfp-container .rsDefault.royalSlider .rsThumbsHor { width: 360px !important; } } .mfp-container .rsDefault.royalSlider .rsThumb { width: 90px; height: 90px; overflow: hidden !important; text-align: center; } .mfp-container .rsDefault.royalSlider .rsThumb img { height: auto; width: auto; min-width: 90px; height: 90px; margin: 0 auto; } .mfp-container .rsDefault.royalSlider .rsThumb.rsNavSelected { background: #fff; } .mfp-container .rsDefault.royalSlider .rsThumb.rsNavSelected img { margin-top: -3px; margin-left: -3px; } .mfp-container .rsDefault.royalSlider .rsGCaption { display: block; padding: 10px 0; text-align: center; height: 80px; min-height: auto; overflow: hidden; line-height: 1.4; text-transform: none; margin: 0; position: absolute; bottom: -80px; left: 0; padding: 0px 50px; background-image: none; background-color: transparent; color: #fff; line-height: 1.8; font-size: 16px; letter-spacing: .5px; } #thememanager { display: none; } .gears { position: fixed; top: 50px; left: -100px; width: 60px; height: 50px; background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e5e5e5)); background: linear-gradient(to right, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */ border-radius: 6px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; cursor: pointer; z-index: 19999; -webkit-transition: all 175ms linear; transition: all 175ms linear; } .gears:after { width: 20px; height: 20px; background: url(../images/admin/gears.svg) no-repeat; background-size: 100% 100%; margin: 0 auto; display: block; content: ''; } .gears.trigger { left: -10px; } .gears.color { top: 110px; } .gears.color:after { background: url(../images/admin/paint.svg) no-repeat; background-size: 100% 100%; } .gears.type { top: 170px; } .gears.type:after { background: url(../images/admin/type.svg) no-repeat; background-size: 100% 100%; } .gears.image { top: 230px; } .gears.image:after { background: url(../images/admin/image.svg) no-repeat; background-size: 100% 100%; } .gears.active { left: 245px; } .gears.current { z-index: 20001; } #theme_settings { padding: 30px 10px; font-family: 'Georgia', sans-serif; font-size: 13px; background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5)); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */ width: 250px; min-height: 500px; position: fixed; left: -250px; top: 50px; z-index: 20000; box-shadow: 0px 0px 33px -8px rgba(0, 0, 0, 0.55); -webkit-transition: all 175ms linear; transition: all 175ms linear; } #theme_settings.active { left: 0; } #theme_settings fieldset { display: none; border: none; } #theme_settings fieldset.current { display: block; } #theme_settings label { margin: 5px 0 10px 0; display: block; line-height: 20px; color: #232323; clear: left; } #theme_settings .theme_item { margin-bottom: 20px; overflow: hidden; } #theme_settings input { height: 30px; width: 80%; float: right; } #theme_settings .add-on { float: left; } .domElActiveBg { box-shadow: 0 0 15px greenyellow !important; } .domElHoverBg { box-shadow: 0 0 15px black; } .notransition { -webkit-transition: none !important; transition: none !important; } .ui_update_overlay { background: #000; background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; display: none; } .ui_update_overlay.active { display: block; z-index: 99999; } .ui_update_overlay .message { position: absolute; top: 20%; left: 50%; margin-left: -400px; width: 800px; text-align: center; font-size: 30px; color: #ababab; } .theme_settings_nav { margin: 0; padding: 0; } .theme_settings_nav li { margin: 0; padding: 0; display: inline-block; float: left; text-align: center; text-indent: -9999px; width: 25%; background: #363636; } .colorpicker { z-index: 99999 !important; } .content_item.ui-draggable:hover:after { z-index: 100000; width: calc(100% - 20px); display: table-cell; text-align: center; position: absolute; top: 50%; left: 50%; margin-right: -50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; display: block; content: 'Drag Me to Reposition'; font-size: 25px; color: #fefefe; cursor: move; } .full_column.content_container .content_item.ui-draggable:hover:after { width: calc(100% + 20px); left: -10px; top: -10px; height: calc( 100% + 20px); } .content_item.ui-draggable:hover:before { z-index: 99999; width: calc(100% - 20px); height: calc( 100% - 20px); background: rgba(0, 0, 0, 0.6); top: 10px; left: 10px; position: absolute; display: block; content: ''; cursor: move; } .full_column.content_container .content_item.ui-draggable:hover:before { width: calc(100% + 20px); left: -10px; top: -10px; height: calc( 100% + 20px); } /*! Generated at Mon Aug 11 2014 18:00:50 GMT-0400 (EDT). Included icons: times, bars */ /*! * Marka - v0.2.0 * http://fian.my.id/marka * * Copyright 2014 Alfiana E. Sibuea and other contributors * Released under the MIT license * https://github.com/fians/marka/blob/master/LICENSE */ /* Core style */ .marka { position: relative; display: inline-block; vertical-align: bottom; -webkit-transition: all 500ms; transition: all 500ms; } .marka i { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; background: #000000; -webkit-transition: all 500ms; transition: all 500ms; } .marka.marka-set i { opacity: 1; } .marka.marka-rotate-right { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .marka.marka-rotate-left { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .marka.marka-rotate-down { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Times icon */ .marka.marka-icon-times i { -webkit-transform: rotate(45deg) scale(1, 0.15); transform: rotate(45deg) scale(1, 0.15); } .marka.marka-icon-times i:nth-child(2) { -webkit-transform: rotate(-45deg) scale(1, 0.15); transform: rotate(-45deg) scale(1, 0.15); } /* Bars icon */ .marka.marka-icon-bars i { -webkit-transform: scale(1, 0.15); transform: scale(1, 0.15); } .marka.marka-icon-bars i:nth-child(2) { -webkit-transform: scale(1, 0.15) translate(0%, -200%); transform: scale(1, 0.15) translate(0%, -200%); } .marka.marka-icon-bars i:nth-child(3) { -webkit-transform: scale(1, 0.15) translate(0%, 200%); transform: scale(1, 0.15) translate(0%, 200%); } /* Plus icon */ .marka.marka-icon-plus i { -webkit-transform: scale(0.8, 0.1); transform: scale(0.8, 0.1); } .marka.marka-icon-plus i:nth-child(2) { -webkit-transform: rotate(90deg) scale(0.8, 0.1); transform: rotate(90deg) scale(0.8, 0.1); } /* Minus icon */ .marka.marka-icon-minus i { -webkit-transform: scale(0.8, 0.1); transform: scale(0.8, 0.1); } @media screen and (max-width: 1200px) { .above_nav_sponsors ul { top: 0; } } .above_nav_sponsors { background: #fff; display: -webkit-box; display: flex; width: 100vw; } @media screen and (max-width: 767px) { .above_nav_sponsors { display: none !important; } } .above_nav_sponsors ul { display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; position: relative; top: 0px; }