/* Theme Name: Mosaic District Description: Theme for Mosaic District. Author: Frank + Victor Design Author URI: frankandvictor.com Version: 1.11 Tags: Mosaic District */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%;height: auto;}}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* WordPress Formatting + Clearfix */ .aligncenter{display:block;margin:0 auto}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both} @font-face { font-family: 'Neuton'; src: url('font-face/neuton-light-webfont.eot'); src: url('font-face/neuton-light-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/neuton-light-webfont.woff') format('woff'), url('font-face/neuton-light-webfont.ttf') format('truetype'), url('font-face/neuton-light-webfont.svg#neutonlight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Neuton'; font-style: normal; font-weight: 700; src: local('☺'), local('☺'), url('font-face/MK-qWv3o5LiGs6rxlk2eu7O3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); } @font-face { font-family: 'Neuton'; font-style: italic; font-weight: 400; src: local('☺'), local('☺'), url('font-face/6jMDFzuE3S_SN8y5pCCVKnYhjbSpvc47ee6xR_80Hnw.woff') format('woff'); } @font-face { font-family: 'Maven Pro'; src: url('font-face/mavenprolight-200-webfont.eot'); src: url('font-face/mavenprolight-200-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/mavenprolight-200-webfont.woff') format('woff'), url('font-face/mavenprolight-200-webfont.ttf') format('truetype'), url('font-face/mavenprolight-200-webfont.svg#Maven Pro') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Maven Pro'; src: url('font-face/mavenprolight-300-webfont.eot'); src: url('font-face/mavenprolight-300-webfont.eot?#iefix') format('embedded-opentype'), url('font-face/mavenprolight-300-webfont.woff') format('woff'), url('font-face/mavenprolight-300-webfont.ttf') format('truetype'), url('font-face/mavenprolight-300-webfont.svg#Maven Pro') format('svg'); font-weight: 300; font-style: normal; } *, *:before, *:after, input[type=search]{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } html, body{ height: 100%; } body{ font: 300 18px/26px 'Neuton', serif; background: #f3f4f4; color: #454545; text-rendering: optimizeLegibility; } p{ margin: 0 0 26px; } a{ color: #20a6d0; font-style: italic; text-decoration: none; } /*this is for the social feed on the homepage*/ .j-poster a{font-style: normal} a:hover{ color: #f65133; } ul, ol, h1, h2, h3, h4{ margin: 0; padding: 0; } h1, h2, h3, h4{ font-family: 'Maven Pro', sans-serif; } figure{ margin: 0; } ::-moz-selection { background: #f65133; color: #fff; } ::selection { background: #f65133; color: #fff; } button, .btn, input:not([type="submit"]), textarea{ font-style: italic; letter-spacing: .05em; } input:not([type="submit"]){ border: none; background: #fff; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .placeholder{ color: #3A4C59; } ::-webkit-input-placeholder{ color: #3A4C59; } :-moz-placeholder{ color: #3A4C59; opacity: 1; } ::-moz-placeholder { color: #3A4C59; opacity: 1; } :-ms-input-placeholder { color: #3A4C59; } button::-moz-focus-inner{ padding: 0; border: 0; } /* grid */ .row{ max-width: 1200px; padding: 0; margin: 0 auto; overflow: hidden; } .inset-row{ margin-left: -15px; margin-right: -15px; } .col-xs-0, .col-sm-0, .col-md-0, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-0, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{ float: left; } .col-xs-12{ width: 100%; } .col-xs-11{ width: 91.66666666666666%; } .col-xs-10{ width: 83.33333333333334%; } .col-xs-9{ width: 75%; } .col-xs-8{ width: 66.66666666666666%; } .col-xs-7{ width: 58.333333333333336%; } .col-xs-6{ width: 50%; } .col-xs-5{ width: 41.66666666666667%; } .col-xs-4{ width: 33.33333333333333%; } .col-xs-3{ width: 25%; } .col-xs-2{ width: 16.666666666666664%; } .col-xs-1{ width: 8.333333333333332%; } .col-centered{ float: none; margin: 0 auto; } /* * */ .wrap-center-vertical{ position: relative; font-size: 0; } .wrap-center-vertical:before{ content: ''; display: inline-block; height: 100%; vertical-align: middle; } .center-vertical{ float: none; display: inline-block; vertical-align: middle; } .btn{ display: inline-block; padding: 8px 24px; font-size: 18px; background: #20a6d0; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; white-space: nowrap; } .btn:hover{ background: #f65133; color: #fff; } .preload{ display: none; } .underlined{ padding-bottom: 27px; border-bottom: 1px solid #3a4c59; } .bg-mid-gray{ background: #6d7e8b; color: #fff; } .bg-mid-gray h1, .bg-mid-gray h2{ color: #fff; } .text-toggle{ position: relative; } .text-toggle span{ position: absolute; top: 23px; left: 50%; width: 100px; margin-left: -50px; color: #f65133; font-weight: 700; font-size: 12px; line-height: 14px; font-family: 'Maven Pro', sans-serif; text-align: center; text-transform: uppercase; cursor: default; opacity: 0; } .text-toggle.hover span, .text-toggle.on span{ opacity: 1; } .active > .text-toggle.on span{ opacity: 0; } .clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both} .drop-menu{ list-style: none; font-style: italic; font-size: 18px; line-height: 21px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .drop-menu a, .drop-menu button{ width: 100%; color: #454545; text-align: left; } .drop-menu a:hover, .drop-menu button:hover{ color: #f65133; } .drop-menu button{ padding: 0; border: none; background: none; outline: none; } .drop-menu > li{ position: relative; height: 48px; border: 1px solid #3a4c59; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .drop-menu > li > span{ display: block; height: 46px; line-height: 46px; } .drop-menu > li:hover, .drop-menu.date:hover{ color: #f65133; } .drop-menu > li > ul{ position: absolute; top: 100%; right: -1px; left: -1px; z-index: 1; display: none; padding: 14px 0 12px; border: 1px solid #3a4c59; background: #fff; list-style: none; } .drop-menu.on > li > ul{ display: block; } .drop-menu > li > ul > li{ padding: 7px 15px; } .drop-menu > li > ul > li.community-programs{ padding-left: 48px; background: url(img/calendar/community-28x28-97A0AA@2x.png) no-repeat 17px center; background-size: 28px 28px; } .drop-menu.type > li{ position: relative; } .drop-menu.type > li:after{ content: ''; position: absolute; top: 18px; right: 12px; width: 24px; height: 12px; background: url(img/arrow/down-24x12-20a6d0@2x.png); background-size: 100% 100%; } .drop-menu.type > li:hover:after{ background-image: url(img/arrow/down-24x12-f65133@2x.png); } .drop-menu.type > li > span{ padding: 0 16px; } .drop-menu.type > li > ul{ border-top: none; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin-top: -6px; } .drop-menu.type > li > ul:before{ content: ''; position: absolute; top: 6px; right: 1px; left: 1px; height: 1px; background: #97a0aa; } .drop-menu.date{ height: 48px; line-height: 48px; padding: 0 23px 0 51px; border: 1px solid #3a4c59; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff url(img/calendar/calendar-icon-24x24-20a6d0@2x.png) no-repeat 15px center; background-size: 24px 24px; outline: none; } .drop-menu.date:hover{ background-image: url(img/calendar/calendar-icon-24x24-f65133@2x.png); } .slide-card{ display: block; font-style: normal; background-position: center; background-size: cover; color: #454545; overflow: hidden; } .slide-card:after{ content: ''; position: absolute; z-index: 1; bottom: 0; right: 15px; left: 15px; height: 10px; background: #3a4c59; } .slide-card img{ width: 100%; height: auto; } .slide-card .info{ position: absolute; right: 15px; bottom: 0; left: 15px; padding: 25px 31px 31px; background: rgba( 255, 255, 255, .94 ); } .slide-card h2{ position: relative; margin-bottom: 49px; font: 500 24px/30px 'Maven Pro', sans-serif; color: #20a6d0; text-transform: uppercase; } .slide-card h2:after{ content: ''; position: absolute; bottom: -25px; right: 0; left: 0; height: 1px; background: #3a4c59; /*opacity: 0;*/ opacity: 1; } /*.slide-card .info .content, .slide-card .info .btn{ opacity: 0; }*/ .slide-card .content{ display: block; margin-bottom: 26px; color: #3a4c59; } section.generic{ padding: 107px 0 115px; } /* transitions */ a, nav.site button, .text-toggle span, header.page aside input, .slide-control, .slide-index > li, .promos .info, .promos h2:after, .promos .info p, .latest-buzz .overlay, .promos .info > div, .cards .overlay, .drop-menu.type > li:after, .drop-menu.date > li > span, .drop-menu > li > span, .drop-menu button, .drop-menu, .drop-menu > li, .slide-card .info, .slide-card .info .btn, .retail .filter button, .retail.grid li, .live-work.grid .logo, .metro-directions a, .live-work.grid .logo > span.image, header.page aside input[type="submit"], .email-updates input[type="submit"], .upcoming-at-mosaic > div button, button.clear, div.contact input[type="submit"], .slide-show .image:before, .slide-show .image:after, aside.comments input, .addtoany_list.a2a_kit_size_32 a span, .latest-buzz:before{ -o-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } nav.site{ -o-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /* site navigation */ .show-menu-main-small{ overflow: hidden; /*pointer-events: none;*/ } /*.menu-main-small{ pointer-events: auto; }*/ nav.site{ position: fixed; top: 0; left: 0; width: 100%; height: 40px; background: rgba( 58, 76, 89, .92 ); z-index: 30; -moz-box-shadow: 0 1px 5px rgba( 0, 0, 0, .4 ); -webkit-box-shadow: 0 1px 5px rgba( 0, 0, 0, .4 ); box-shadow: 0 1px 5px rgba( 0, 0, 0, .4 ); } .show-menu-main-small nav.site{ height: 100%; } nav.site a, nav.site button{ color: #fff; font-style: normal; font-weight: 500; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; } nav.site a:hover, nav.site button:hover{ color: #f65133; } nav.site .current-menu-item a, nav.site .current-page-ancestor a{ color: #20a6d0; } a.search{ cursor: pointer; } nav.site > .row{ overflow: visible; } nav.site > .row > .col-xs-12{ padding: 0; } a.mosaic, nav.search span.mosaic{ position: absolute; left: 15px; width: 180px; height: 48px; background-size: 100% 100%; } ul.header-icons{ display: none; margin-top: 13px; } ul.header-icons li{ position: relative; display: inline; margin-left: 25px; list-style: none; } a.mosaic{ top: 0; display: none; background-image: url(img/mosaic-fff@2x.png); } ul.header-icons a, ul.header-icons button{ display: inline-block; background-size: 100% 100%; } ul.header-icons .calendar{ width: 20px; height: 20px; background-image: url(img/header/calendar-20x20-fff@2x.png); } ul.header-icons .calendar:hover{ background-image: url(img/header/calendar-20x20-F65133@2x.png); } ul.header-icons .map{ width: 20px; height: 20px; background-image: url(img/header/map-20x20-fff@2x.png); } ul.header-icons .map:hover{ background-image: url(img/header/map-20x20-F65133@2x.png); } ul.header-icons .blog{ width: 20px; height: 20px; background-image: url(img/header/blog-20x20-fff@2x.png); } ul.header-icons .blog:hover{ background-image: url(img/header/blog-20x20-F65133@2x.png); } ul.header-icons .search{ width: 20px; height: 20px; padding: 0; border: none; background-color: transparent; background-image: url(img/header/search-20x20-fff@2x.png); cursor: pointer; outline: none; } ul.header-icons .search:hover{ background-image: url(img/header/search-20x20-F65133@2x.png); } .menu-main-small{ float: left; width: 100%; } a.mosaic-sm{ position: relative; z-index: 33; float: left; display: block; width: 75px; height: 20px; margin: 10px 0 0 15px; background: url(img/mosaic-fff@2x.png); background-size: 100% 100%; } .menu-main-small > button{ position: relative; z-index: 33; float: right; width: 31px; height: 40px; border: none; margin-right: 5px; background: url(img/header/menu@2x.png) no-repeat center; background-size: 12px 10px; outline: none; } .menu-main-small > ul{ position: fixed; top: 0; bottom: 0; /*left: 100%;*/ left: 0; width: 100%; padding-top: 40px; padding-bottom: 40px; font-size: 18px; overflow-y: auto; z-index: 31; -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-backface-visibility: hidden; } .show-menu-main-small .menu-main-small > ul{ -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } .menu-main-small > ul > li{ padding: 0 15px; margin-top: 13px; list-style: none; text-align: center; } .menu-main-small > ul > li:first-child{ margin-top: 0; } .menu-main-small > ul > li.secondary{ font-size: 14px; } .menu-main-small > ul > li.secondary.first{ position: relative; padding-top: 21px; margin-top: 17px; } .menu-main-small > ul > li.secondary.first:before{ content: ''; position: absolute; top: 0; right: 15px; left: 15px; height: 1px; width: 160px; margin: 0 auto; background: #fff; } .menu-main-large{ display: none; padding-left: 15px; margin: 15px -15px 0 0; } .menu-main-small > ul > li button{ border: none; background: transparent; outline: none; } .menu-main-large li{ display: inline; margin-left: 4px; font-size: 16px; list-style: none; } .menu-main-large li:first-child{ margin-left: 0; } .menu-main-large a, .menu-main-small a{ padding: 10px 15px; } @media screen and (min-width: 767px) { .menu-main-large li {position: relative;} .menu-main-large li:hover ul.sub-menu {display:block;} ul.sub-menu {position: absolute; right: 0; padding: 5px; display: none;} .introduction .col-sm-4.sidebar-gray {padding-left: 45px;} } /* page header */ header.page{ position: relative; height: 700px; text-align: center; } body.parent-shop header.page, body.parent-dine header.page, body.parent-services header.page, body.film header.page, body.stay header.page, body.single-event header.page, body.parent-live header.page, body.parent-work header.page{ height: auto; } .directory header.page, .directions-parking header.page, .shuttle-schedule header.page{ height: 420px; } .home header.page > ul.slides:after{ content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 159px; background: url(img/banner/gradient-edge.png); background-size: 1px 159px; z-index: 21; } header.page .view{ position: relative; z-index: 1; display: table; width: 100%; } header.page .view > .table-cell{ display: table-cell; vertical-align: middle; } header.page hgroup{ position: relative; float: none; padding: 46px 0 48px; margin: 0 auto; } header.page hgroup.light{ background: rgba( 255, 255, 255, .86 ); color: #3a4c59; } header.page hgroup.dark{ background: rgba( 58, 76, 89, .92 ); color: #fff; } header.page hgroup h1, header.page hgroup h2{ text-transform: uppercase; } header.page hgroup h1{ padding: 0 34px; margin-bottom: 13px; font-weight: 300; font-size: 36px; line-height: 36px; } header.page hgroup h1 a, header.page hgroup h2 a{ color: #fff; font-style: normal; } header.page hgroup.light h1, header.page hgroup.light h1 a{ color: #20a6d0; } header.page hgroup h2{ padding: 0 77px; margin-bottom: 25px; font-weight: 400; font-size: 18px; line-height: 24px; } header.page hgroup.light h2 a{ color: #3a4c59; } .email-signup{ position: absolute; bottom: 0; right: 0; left: 0; } header.page aside{ position: relative; padding-top: 26px; padding-bottom: 30px; background: rgba( 151, 160, 170, .86 ); color: #fff; overflow: hidden; z-index: 1; } header.page aside h1{ margin-bottom: 19px; font-weight: 500; font-size: 18px; line-height: 22px; text-transform: uppercase; } header.page aside form{ height: 46px; padding: 0 40px; overflow: hidden; } header.page aside input, nav.search input{ float: left; width: 100%; height: 46px; padding-left: 14px; font-size: 16px; color: #3a4c59; outline: none; } header.page aside input:focus{ -moz-box-shadow: 0 0 20px rgba( 58, 76, 89, .92 ); -webkit-box-shadow: 0 0 20px rgba( 58, 76, 89, .92 ); box-shadow: 0 0 20px rgba( 58, 76, 89, .92 ); } header.page aside input[type="submit"], .email-updates input[type="submit"]{ border: none; width: 40px; margin-left: -40px; background: #fff url(img/arrow/right-12x24-20A6D0@2x.png) no-repeat center; background-size: 12px 24px; font-size: 0; letter-spacing: -999999px; -webkit-border-top-right-radius: 9px; -moz-border-top-right-radius: 9px; border-top-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-bottom-right-radius: 9px; border-bottom-right-radius: 9px; } header.page aside input[type="submit"]:hover, .email-updates input[type="submit"]:hover{ background-image: url(img/arrow/right-12x24-f65133@2x.png); } .title-card{ display: inline-block; padding: 41px; background: rgba( 255, 255, 255, .88 ); color: #20a6d0; font-weight: 300; font-size: 48px; line-height: 48px; text-transform: uppercase; } body.home .slide-controls{ bottom: auto; } /* slide-show */ .slide-show{ position: relative; } .slide-show .image:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0; } .slide-show.loading .image:before{ opacity: 1; } .slide-show .image:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 66px; height: 66px; margin: auto; background-image: url(img/banner/loader-icon.gif); background-size: 100%; opacity: 0; } .slide-show.loading .image:after{ opacity: 1; } ul.slides, ul.slides > li{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; list-style: none; } ul.slides{ z-index: 1; overflow: hidden; } ul.slides > li{ z-index: 1; /*opacity: 0;*/ -o-transition: opacity 800ms ease-out; -ms-transition: opacity 800ms ease-out; -ms-transition-duration: 800ms; -moz-transition: opacity 800ms ease-out; -webkit-transition: opacity 800ms ease-out; transition: opacity 800ms ease-out; } ul.slides div.image{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; /*background-attachment: fixed;*/ } .slide-caption{ opacity: 0; -o-transition: opacity 400ms ease-out; -moz-transition: opacity 400ms ease-out; -webkit-transition: opacity 400ms ease-out; transition: opacity 400ms ease-out; } ul.slides > li.active{ z-index: 20; /*opacity: 1;*/ } ul.slides > li.to-left, ul.slides > li.to-right{ z-index: 10; } li.active .slide-caption{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -o-transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; transition-delay: 1s; } li.active.from-right .slide-caption{ -webkit-animation: nudge-left 400ms ease-out 1s both; animation: nudge-left 400ms ease-out 800ms both; } li.active.from-left .slide-caption{ -webkit-animation: nudge-right 400ms ease-out 1s both; animation: nudge-right 400ms ease-out 800ms both; } .slide-controls{ position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin-right: auto; margin-left: auto; overflow: visible; } .slide-control{ position: absolute; top: 50%; z-index: 2; width: 19px; height: 63px; padding: 0; border: none; margin-top: -40px; background-color: transparent; background-size: 100% 100%; opacity: .92; outline: none; } .slide-control:hover{ opacity: 1; } .slide-control.prev{ left: 15px; background-image: url( 'img/arrow/left-24x80-fff@2x.png' ); } .light-slide .slide-control.prev{ background-image: url( 'img/arrow/left-24x80-20a6d0@2x.png' ); } .slide-control.next{ right: 15px; background-image: url( 'img/arrow/right-24x80-fff@2x.png' ); } .light-slide .slide-control.next{ background-image: url( 'img/arrow/right-24x80-20A6D0@2x.png' ); } .slide-index{ position: absolute; right: 15px; bottom: -26px; display: none; list-style: none; z-index: 2; } .home .slide-index{ bottom: 32px; } .slide-index > li{ display: block; float: left; width: 29px; height: 5px; margin-left: 5px; background: #3a4c59; cursor: pointer; } .slide-index > li:first-child{ margin: 0; } .slide-index > li.active{ background: #f65133; } .from-left div.image{ -webkit-animation: from-left 1s ease-in-out both; animation: from-left 800ms ease-in-out both; } .from-right div.image{ -webkit-animation: from-right 1s ease-in-out both; animation: from-right 800ms ease-in-out both; } .to-left div.image{ -webkit-animation: to-left 1s ease-in-out both; animation: to-left 800ms ease-in-out both; } .to-right div.image{ -webkit-animation: to-right 1s ease-in-out both; animation: to-right 800ms ease-in-out both; } @-webkit-keyframes from-left{ 0%{ -webkit-transform: translateX(-100%); } 100%{ -webkit-transform: translateX(0%); } } @keyframes from-left{ 0%{ transform: translateX(-100%); } 100%{ transform: translateX(0%); } } @-webkit-keyframes from-right{ 0%{ -webkit-transform: translateX(100%); } 100%{ -webkit-transform: translateX(0%); } } @keyframes from-right{ 0%{ transform: translateX(100%); } 100%{ transform: translateX(0%); } } @-webkit-keyframes to-left{ 0%{ -webkit-transform: translateX(0%); } 100%{ -webkit-transform: translateX(-100%); } } @keyframes to-left{ 0%{ transform: translateX(0%); } 100%{ transform: translateX(-100%); } } @-webkit-keyframes to-right{ 0%{ -webkit-transform: translateX(0%); } 100%{ -webkit-transform: translateX(100%); } } @keyframes to-right{ 0%{ transform: translateX(0%); } 100%{ transform: translateX(100%); } } @-webkit-keyframes nudge-left{ 0%{ -webkit-transform: translateX(52px); } 100%{ -webkit-transform: translateX(0); } } @keyframes nudge-left{ 0%{ transform: translateX(52px); } 100%{ transform: translateX(0); } } @-webkit-keyframes nudge-right{ 0%{ -webkit-transform: translateX(-52px); } 100%{ -webkit-transform: translateX(0); } } @keyframes nudge-right{ 0%{ transform: translateX(-52px); } 100%{ transform: translateX(0); } } /* slide-show exceptions */ body.parent-shop ul.slides, body.parent-shop ul.slides > li, body.parent-dine ul.slides, body.parent-services ul.slides, body.parent-dine ul.slides > li, body.parent-services ul.slides > li, body.film ul.slides, body.film ul.slides > li, body.stay ul.slides, body.stay ul.slides > li, body.single-event ul.slides, body.single-event ul.slides > li, body.parent-live ul.slides, body.parent-live ul.slides > li, body.parent-work ul.slides, body.parent-work ul.slides > li{ position: static; } body.parent-shop ul.slides > li, body.parent-dine ul.slides > li, body.parent-services ul.slides > li, body.film ul.slides > li, body.stay ul.slides > li, body.single-event ul.slides > li, body.parent-live ul.slides > li, body.parent-work ul.slides > li{ display: none; } body.parent-shop ul.slides > li:first-child, body.parent-dine ul.slides > li:first-child, body.parent-services ul.slides > li:first-child, body.film ul.slides > li:first-child, body.stay ul.slides > li:first-child, body.single-event ul.slides > li:first-child, body.parent-live ul.slides > li:first-child, body.parent-work ul.slides > li:first-child{ display: list-item; } body.parent-shop ul.slides div.image, body.parent-dine ul.slides div.image, body.parent-services ul.slides div.image, body.film ul.slides div.image, body.stay ul.slides div.image, body.single-event ul.slides div.image, body.parent-live ul.slides div.image, body.parent-work ul.slides div.image{ width: 0; height: 0; } body.parent-shop .header-retailer, body.parent-dine .header-retailer, body.parent-services .header-retailer, body.film .header-retailer, body.stay .header-retailer, body.single-event .header-retailer, body.parent-live .header-retailer, body.parent-work .header-retailer{ position: static; } body.parent-shop .slide-controls, body.parent-dine .slide-controls, body.parent-services .slide-controls, body.film .slide-controls, body.stay .slide-controls, body.single-event .slide-controls, body.parent-live .slide-controls, body.parent-work .slide-controls{ display: none; } /* site footer */ footer.site{ padding-top: 79px; padding-bottom: 30px; background: #3a4c59; color: #fff; } .fun footer.site{ margin-top: 85px; } footer.site h2{ margin-bottom: 18px; font-weight: 400; font-size: 28px; line-height: 28px; text-transform: uppercase; } .email-updates{ margin-bottom: 52px; overflow: hidden; } .email-updates input{ float: left; width: 100%; height: 46px; padding-left: 14px; margin-bottom: 8px; font-size: 16px; color: #3a4c59; outline: none; } /*.email-updates input:invalid{ box-shadow: none; }*/ .email-updates form{ overflow: hidden; } .email-updates aside{ position: relative; overflow: hidden; } .email-updates a > span{ padding-right: 12px; background: url(img/arrow/right-6x10-97a0aa.png) no-repeat right 7px; color: #97a0aa; } .email-updates .sign-up-facebook{ float: left; width: 100%; padding-right: 100px; } body.android .email-updates .sign-up-facebook{ white-space: nowrap; } footer.site .unsubscribe{ position: absolute; top: 0; right: 0; } .footer-links{ margin-top: 4px; list-style: none; } .footer-links > li{ margin-bottom: 20px; } .footer-links > li:last-child{ margin-bottom: 0; } .footer-links a{ color: #fff; font-style: normal; font: 500 20px 'Maven Pro', sans-serif; text-transform: uppercase; } footer.site .social{ margin-bottom: 25px; list-style: none; } footer.site .social li{ display: inline-block; margin-left: 15px; } footer.site .social li:first-child{ margin-left: 0; } footer.site .social a{ display: block; width: 48px; height: 48px; background-size: 100% 100%; } footer.site .facebook{ background-image: url(img/footer/facebook-20A6D0@2X.png); } footer.site .facebook:hover{ background-image: url(img/footer/facebook-F65133@2X.png); } footer.site .youtube{ background-image: url(img/footer/youtube-20A6D0@2X.png); } footer.site .youtube:hover{ background-image: url(img/footer/youtube-F65133@2X.png); } footer.site .twitter{ background-image: url(img/footer/twitter-20A6D0@2X.png); } footer.site .twitter:hover{ background-image: url(img/footer/twitter-F65133@2X.png); } footer.site .instagram{ background-image: url(img/footer/instagram-20A6D0@2X.png); } footer.site .instagram:hover{ background-image: url(img/footer/instagram-F65133@2X.png); } footer.site .pinterest{ background-image: url(img/footer/pinterest.png); } footer.site .pinterest:hover{ background-image: url(img/footer/pinterest_hover.png); } .copyright{ margin-top: 66px; font-weight: 700; font-size: 12px; line-height: 14px; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; } .copyright a{ font-style: normal; color: #fff; } .copyright li{ display: inline; margin-left: 12px; } .copyright li:first-child{ margin-left: 0; } /* search */ nav.search{ position: fixed; top: 0; left: 0; z-index: 40; width: 100%; height: 100%; display: none; background: rgba( 255, 255, 255, .94 ); } nav.search > header{ position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 100px; } nav.search > div{ height: 100%; text-align: center; } nav.search span.mosaic{ top: 20px; background-image: url(img/mosaic-3a4c59@2x.png); } nav.search button.close{ position: absolute; top: 29px; right: 15px; width: 24px; height: 30px; padding: 0; border: none; background: url(img/header/close@2x.png); background-size: 100% 100%; outline: none; } nav.search > div > div{ text-align: left; } nav.search h1{ margin-bottom: 13px; font-weight: 400; font-size: 24px; line-height: 30px; text-transform: uppercase; color: #20a6d0; } nav.search input[type="search"]{ width: 100%; padding: 0 40px 0 0; border-bottom: 1px solid #3a4c59; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none; font-size: 18px; } nav.search input[type="submit"]{ border: none; width: 40px; margin-left: -40px; background: url(img/header/search-24x24-20A6D0@2x.png) no-repeat center; background-size: 24px 24px; font-size: 0; text-indent: -999999px; } /* page: home */ section > div > h1, .upcoming-at-mosaic h1{ margin: 94px 0 20px; color: #20a6d0; font-weight: 400; font-size: 32px; line-height: 32px; text-transform: uppercase; } body.home footer.site{ margin-top: 115px; } .upcoming-at-mosaic{ overflow: visible; padding: 0 40px; } .upcoming-at-mosaic p{ margin: 0; } .upcoming-at-mosaic > div, .upcoming-at-mosaic header{ position: relative; } .upcoming-at-mosaic h1{ padding-right: 44px; } .upcoming-at-mosaic header a{ position: absolute; bottom: 4px; right: 0; width: 30px; height: 30px; background: url(img/calendar/calendar-40x40-20A6D0@2x.png); background-size: 100% 100%; font-size: 0; text-indent: -999999px; } .upcoming-at-mosaic .border-overlay{ position: relative; font-size: 0; line-height: 0; } .upcoming-at-mosaic ul{ border: 1px solid #3a4c59; background: #fff; list-style: none; font-size: 0; line-height: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .upcoming-at-mosaic ul:before{ content: ''; position: absolute; top: 1px; bottom: 1px; left: 1px; width: 1px; background: #fff; z-index: 1; } .upcoming-at-mosaic li{ position: relative; display: inline-block; width: 100%; padding: 47px 31px 83px; vertical-align: top; font-size: 18px; line-height: 26px; white-space: normal; } .upcoming-at-mosaic li:before{ content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 999999px; background: #3a4c59; } /*body.android .upcoming-at-mosaic ul{ background: #f00; } body.android .upcoming-at-mosaic li{ background: #fff; }*/ body.android .upcoming-at-mosaic li:before{ height: 100%; } .upcoming-at-mosaic span{ position: absolute; top: 22px; left: 31px; color: #f65133; font-weight: 500; font-size: 16px; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; } .upcoming-at-mosaic strong{ display: block; margin-bottom: 5px; color: #20a6d0; font-weight: 500; font-size: 24px; line-height: 30px; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; } .upcoming-at-mosaic li > a{ position: absolute; bottom: 26px; left: 31px; padding-right: 15px; font-size: 19px; letter-spacing: .05em; background: url(img/arrow/right-8x12-20A6D0@2x.png) no-repeat right 9px; background-size: 8px 12px; white-space: nowrap; } .upcoming-at-mosaic li > a:hover{ background-image: url(img/arrow/right-8x12-F65133@2x.png); } .upcoming-at-mosaic > div button{ position: absolute; top: 50%; width: 19px; height: 63px; padding: 0; border: none; margin-top: -40px; background-color: transparent; background-size: 100% 100%; outline: none; } .upcoming-at-mosaic > div button.left{ left: -39px; background-image: url(img/arrow/left-24x80-20a6d0@2x.png); } .upcoming-at-mosaic > div button.left:hover{ background-image: url(img/arrow/left-24x80-f65133@2x.png); } .upcoming-at-mosaic > div button.right{ right: -39px; background-image: url(img/arrow/right-24x80-20A6D0@2x.png); } .upcoming-at-mosaic > div button.right:hover{ background-image: url(img/arrow/right-24x80-F65133@2x.png); } .promos li{ list-style: none; margin-top: 26px; overflow: hidden; } .promos li:first-child{ margin-top: 0; } .promos li:after{ content: ''; position: absolute; z-index: 1; bottom: 0; right: 15px; left: 15px; height: 10px; background: #3a4c59; } .promos .info{ overflow: hidden; } .promos .info > div{ position: relative; z-index: 1; height: 66%; padding: 25px 31px 31px; background: rgba( 255, 255, 255, .94 ); -ms-transform: translateY(59.677419354839%); -webkit-transform: translateY(59.677419354839%); transform: translateY(59.677419354839%); } /*.promos .info > div:before{ content: ''; position: absolute; top: 0; bottom: 0; left: -6px; width: 15px; background: rgba( 255, 255, 255, .94 ); } .promos .info > div:after{ content: ''; position: absolute; top: 0; right: -6px; bottom: 0; width: 15px; background: rgba( 255, 255, 255, .94 ); }*/ .promos a{ display: block; font-style: normal; background-position: center; background-size: cover; color: #454545; } /*.promos h2{ position: relative; margin-bottom: 49px; font-weight: 500; font-family: 'Maven Pro', sans-serif; color: #20a6d0; text-transform: uppercase; }*/ /*.promos h2:after{ content: ''; position: absolute; bottom: 10px; left: 50%; right: 50%; height: 1px; background: #3a4c59; opacity: 0; }*/ .promos h2 a{ font-style: normal; } .promos .info p{ opacity: 0; } .latest-buzz{ position: relative; height: 348px; } .latest-buzz:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 66px; height: 66px; margin: auto; background-image: url(img/banner/loader-icon.gif); background-size: 100%; } .latest-buzz.on{ height: auto; } .latest-buzz.on:before{ opacity: 0; } .latest-buzz .cards{ margin-top: -10px; } .cards li{ margin-top: 30px; background-color: #20a6d0; background-position: center; background-size: cover; background-clip: content-box; list-style: none; overflow: hidden; } .cards li > img{ width: 100%; } .latest-buzz .about{ position: absolute; right: 15px; bottom: 0; left: 15px; height: 70px; padding-top: 13px; font-style: normal; font-size: 16px; line-height: 20px; background-color: #3a4c59; background-position: 14px center; background-repeat: no-repeat; color: #fff; } .latest-buzz .about:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 14px; background-color: #3a4c59; } .latest-buzz li.facebook .about{ padding-left: 39px; background-image: url(img/social-feed/facebook@2x.png); background-size: 16px 28px; } .latest-buzz li.twitter .about{ padding-left: 53px; background-image: url(img/social-feed/twitter@2x.png); background-size: 28px 24px; } .latest-buzz li.instagram .about{ padding-left: 52px; background-image: url(img/social-feed/instagram@2x.png); background-size: 28px 28px; } .latest-buzz li strong{ display: block; font-weight: 500; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .latest-buzz .overlay{ position: absolute; top: 10px; right: 15px; bottom: 70px; left: 15px; padding: 0 32px; color: #fff; font-style: normal; } .latest-buzz li:hover .overlay{ background: rgba( 246, 81, 51, .92 ); } .latest-buzz .overlay:after{ content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 10px; background: #3a4c59; } .latest-buzz .overlay p:last-child{ margin-bottom: 0; } .latest-buzz .center-vertical{ font-size: 18px; /*-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/ } .latest-buzz .btn{ background: #fff; color: #f65133; } .latest-buzz li.image-text .overlay, .latest-buzz li.image .overlay{ opacity: 0; } .latest-buzz li.image .overlay{ text-align: center; } .latest-buzz li.image:hover .overlay, .latest-buzz li.image-text:hover .overlay{ opacity: 1; } span.break-word{ -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* page: Fun */ .filter{ margin-top: 39px; overflow: visible; } .filter .drop-menu{ float: left; width: 100%; margin-right: 24px; cursor: pointer; } .filter .drop-menu.type{ margin-bottom: 26px; } .subscribe-cal{ display: inline-block; margin-top: 26px; font-size: 14px; line-height: 14px; } .subscribe-cal > a, .ss-intro a{ padding-right: 12px; background: url(img/arrow/right-6x10-20a6d0.png) no-repeat right 5px; } .subscribe-cal > a:hover, .ss-intro a:hover{ background-image: url(img/arrow/right-6x10-f65133.png); } .fun .cards li{ background: none; } .fun .cards li > div{ background-color: #20a6d0; } .fun .cards a{ font-style: normal; } .fun .cards a.btn{ font-style: italic; } .fun .cards .image{ float: left; width: 100%; } .fun .cards .image{ position: relative; height: 100%; padding-bottom: 88px; background-position: center; background-size: cover; } .cards .date{ position: absolute; top: 28px; right: 0; padding: 7px 16px; background: #6d7e8b; color: #fff; font-weight: 500; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; white-space: nowrap; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .cards .date.today{ background: #f65133; } .cards .date.community-program{ height: 40px; padding-right: 53px; } .ongoing.fun .cards .date.community-program{ padding-right: 40px; } .cards .date.community-program:after{ content: ''; position: absolute; top: 6px; right: 14px; width: 28px; height: 28px; background: url(img/calendar/community-28x28-fff@2x.png) no-repeat; background-size: 100% 100%; } .fun .cards .overlay{ position: absolute; top: 0; right: 0; bottom: 88px; left: 0; background: rgba( 255, 255, 255, .94 ); text-align: center; opacity: 0; } .fun .cards .overlay:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: #3a4c59; } .fun .cards .overlay:hover .btn{ background: #f65133; } .fun .cards li:hover .overlay{ opacity: 1;} .fun .cards .about{ position: absolute; bottom: 0; left: 0; width: 100%; min-height: 88px; padding: 13px 65px 12px 17px; background: #3a4c59; color: #fff; } .fun .cards .about a{ color: #fff; } .fun .cards .about strong{ display: block; font: 500 16px/20px 'Maven Pro', sans-serif; text-transform: uppercase; } .cards .add-calendar{ position: absolute; right: 26px; bottom: 12px; width: 32px; height: 32px; background: url(img/calendar/calendar-plus-32x32-97a0aa@2x.png); background-size: 100% 100%; } /* datepicker */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front{ z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-datepicker{ display: none; width: 261px; padding: 21px 18px 16px; border: 1px solid #3a4c59; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top: 10px; background: #fff; color: #97a0aa; font: 500 16px/20px 'Maven Pro', sans-serif; text-transform: uppercase; } .ui-datepicker.ui-datepicker-multi{ padding: 0; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: -6px; cursor: pointer; } .ui-datepicker .ui-datepicker-prev { left: -4px; width: 12px; height: 22px; background: url(img/arrow/left-12x24-20A6D0@2x.png); background-size: 100% 100%; } .ui-datepicker .ui-datepicker-prev:hover{ background-image: url(img/arrow/left-12x22-f65133.png); } .ui-datepicker .ui-datepicker-next { right: -4px; width: 12px; height: 24px; background: url(img/arrow/right-12x24-20A6D0@2x.png); background-size: 100% 100%; } .ui-datepicker .ui-datepicker-next:hover{ background-image: url(img/arrow/right-12x24-f65133@2x.png); } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { padding-bottom: 2px; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker-month, .ui-datepicker-year{ font-weight: 700; color: #20a6d0; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: 4px; border: 0; font-weight: 700; color: #3A4C59; text-align: center; } .ui-datepicker td { border: 0; } .ui-datepicker td span, .ui-datepicker td a{ display: block; padding: 4px; text-align: center; text-decoration: none;font-size: 1.2em; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-group{ padding: 21px 18px 16px; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 100%; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-group-last:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #3a4c59; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker a{ font-style: normal; } .single-event .introduction h1{ position: relative; } .single-event .introduction h1 > .add-calendar{ position: absolute; right: 0; bottom: 27px; width: 32px; height: 32px; background: url(img/calendar/calendar-plus-32x32-97a0aa@2x.png); background-size: 100% 100%; } .wrap-drop-date{ position: relative; display: inline-block; width: 100%; vertical-align: top; } .fun button.clear{ position: absolute; right: 24px; bottom: -27px; display: none; border: none; background: transparent; color: #97a0aa; font-size: 14px; line-height: 20px; outline: none;z-index:10; } .fun button.clear:hover{ color: #f65133; } .active button.clear{ display: block; } /* page: About */ body.about footer{ margin-top: 115px; } section.about{ position: relative; margin-bottom: 12px; } section > div > h1.underlined{ margin-bottom: 28px; } section.about h2{ padding-top: 26px; border-top: 1px solid #3a4c59; margin-bottom: 8px; color: #20a6d0; font: 500 24px/30px 'Maven Pro', sans-serif; text-transform: uppercase; } section.about h2:first-child{ padding-top: 0; border-top: none; } section.about > figure{ padding-top: 8px; margin-bottom: 26px; background-position: center; background-size: cover; background-clip: content-box; overflow: hidden; } section.about.image-right > figure{ right: 0; } section.about.image-left > figure{ left: 0; } section.about > figure img{ float: left; width: 100%; height: auto; } .more-about-mosaic{ margin-top: -38px; } .more-about > div{ margin-bottom: 26px; overflow: hidden; } /* page: Retailer Update */ li#item-vfb-163 { font-size: 16px; } .vfb-item-checkbox { font-size: 16px; float: right; } label.vfb-choice,.vfb-item-checkbox input { float: left; } /* page: Contact */ .visual-form-builder-container fieldset { border: none; padding:0; }.vfb-section { margin:0px; } div.contact form > p > span{ display: block; margin-bottom: 18px; } div.contact .name, div.contact .email, div.contact .phone, div.contact .interest, div.contact .message{ width: 100%; } div.contact input, div.contact textarea, aside.comments input, aside.comments textarea{ width: 100%; border: 1px solid #3a4c59; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #fff; } div.contact input, aside.comments input{ height: 48px; padding: 0 16px; line-height: 48px; } div.contact input[type="submit"], aside.comments input[type="submit"]{ width: auto; float: right; border: none; background: #20a6d0; color: #fff; font-style: italic; } div.contact input[type="submit"]:hover, aside.comments input[type="submit"]:hover{ background: #f65133; } div.contact textarea, aside.comments textarea{ min-width: 100%; width: 100%; max-width: 100%; height: 202px; padding: 10px 16px; } div.contact .recipients, div.contact .subject{ display: none; } div.contact .drop-menu{ cursor: pointer; } .sidebar-gray{ margin-top: 114px; line-height: 24px; color: #fff; } body.contact .sidebar-gray{ margin-bottom: 115px; } .sidebar-gray > div{ padding: 34px 32px 11px; border-top: 10px solid #3a4c59; background: #6d7e8b; } .sidebar-gray h1, .sidebar-gray h2{ font-weight: 700; text-transform: uppercase; } .sidebar-gray h1{ margin-bottom: 24px; font-size: 24px; line-height: 30px; } .sidebar-gray h2{ margin-bottom: 11px; font-size: 18px; line-height: 20px; } .sidebar-gray p, aside.contact ul{ margin: 0 0 24px 20px; } .sidebar-gray ul{ margin-bottom: 26px; list-style: none; } .sidebar-gray li{ margin-bottom: 8px; } .sidebar-gray .spacer{ margin: 0 10px; } aside.contact .title{ font-size: 12px; letter-spacing: .075em; text-transform: uppercase; } .sidebar-gray a{ padding-right: 12px; background: url(img/arrow/right-6x10-fff.png) no-repeat right 9px; color: #fff; } .sidebar-gray .current-cat a, .blog.feed .sidebar-gray .current-cat a:hover{ background-image: url(img/arrow/right-6x10-20a6d0.png); color: #20a6d0; } /* page: donation request form */ div#donation-contact span { float: none!important; } /* page: retail */ .retail, .retail ul{ list-style: none; } section.retail{ overflow: visible; } .retail .filter{ width: 100%; margin-bottom: 76px; font-style: italic; font-size: 18px; line-height: 21px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .retail .filter button{ width: 100%; color: #454545; text-align: left; } .retail .filter button{ padding: 0; border: none; background: none; outline: none; } .retail .filter button:hover span{ color: #f65133; } .retail .filter button span{ position: static; margin: 0; color: #454545; font-weight: 400; font-size: 18px; line-height: 24px; font-family: 'Neuton', serif; text-align: left; letter-spacing: .05em; text-transform: none; cursor: pointer; opacity: 1; } .retail .filter .active > .text-toggle.on span{ opacity: 1; } .retail .filter > li{ position: relative; height: 48px; border: 1px solid #3a4c59; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .retail .filter > li:hover{ color: #f65133; } .retail .filter > li:after{ content: ''; position: absolute; top: 18px; right: 12px; width: 24px; height: 12px; background: url(img/arrow/down-24x12-20a6d0@2x.png); background-size: 100% 100%; } .retail .filter > li:hover:after{ background-image: url(img/arrow/down-24x12-f65133@2x.png); } .retail .filter > li > span{ display: block; height: 46px; padding: 0 16px; line-height: 46px; } .retail .filter > li > ul{ position: absolute; top: 100%; right: -1px; left: -1px; z-index: 1; display: none; padding: 14px 0 12px; border: 1px solid #3a4c59; background: #fff; border-top: none; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; margin-top: -6px; } .retail .filter.on > li > ul{ display: block; } .retail .filter > li > ul:before{ content: ''; position: absolute; top: 6px; right: 1px; left: 1px; height: 1px; background: #97a0aa; } .retail .filter > li > ul > li{ padding: 7px 15px; } .retail img{ float: left; width: 100%; height: auto; } .retail.grid{ margin-bottom: 86px; } .retail.grid li{ position: relative; margin: 10px 0 30px; background: #6d7e8b; background-clip: content-box; clear: none; } .retail.grid li:hover{ background-color: #f65133; } .retail.grid li:before{ content: ''; position: absolute; top: -10px; right: 15px; left: 15px; height: 10px; background: #3a4c59; } .retail.grid li.coming-soon a:after, .retail.grid li.now-open a:after, .retail.grid li.sale a:after, .retail.grid li.happy-hour a:after, .retailer.gallery > figure.special:after{ content: ''; position: absolute; top: 0; right: 15px; width: 120px; height: 112px; background-repeat: no-repeat; } .retail.grid li.coming-soon a.wrap-center-vertical:after, .retail.grid li.now-open a.wrap-center-vertical:after, .retail.grid li.sale a.wrap-center-vertical:after, .retail.grid li.happy-hour a.wrap-center-vertical:after{ right: 0; } .retail.grid li.coming-soon a:after{ background-image: url(img/shop/comingsoon-20a6d0@2x.png); background-position: center; background-size: 100% 100%; } .retail.grid li.now-open a:after{ background-image: url(img/shop/nowopen-20a6d0@2x.png); background-position: center; background-size: 100% 100%; } .retail.grid li.sale a:after, .retailer.gallery.shop figure.special:after{ background-image: url(img/shop/saletag-56x52-f65133@2x.png); background-position: 45px 18px; background-size: 56px 52px; } .retail.grid li.sale a:hover:after{ background-image: url(img/shop/saletag-56x52-3a4c59@2x.png); } .retail.grid li.happy-hour a:after, .retailer.gallery.dine figure.special:after{ background-image: url(img/dine/martini-glass-36X52-F65133@2X.png); background-position: 63px 11px; background-size: 36px 52px; } .retail.grid li.happy-hour a:hover:after{ background-image: url(img/dine/martini-glass-36X52-3A4C59@2X.png); } .retail.grid a{ display: block; overflow: hidden; } .retail.grid .title{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 30px; margin: auto; font: 500 24px/30px 'Maven Pro', sans-serif; color: #fff; text-transform: uppercase; text-align: center; } /* page: retailer */ .header-retailer{ position: absolute; right: 0; bottom: 0; left: 0; padding: 28px 15px 30px; margin: 0 auto; background: fff; background: rgba( 255, 255, 255, 0.85 ); font-weight: 500; font-size: 20px; line-height: 32px; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; } .header-retailer li{ list-style: none; } .header-retailer .hours, .header-retailer .detail-title{ line-height: 30px; } .header-retailer .detail-title{ margin-bottom: 12px; } .header-retailer .detail-title strong{ font-size: 36px; } .header-retailer strong{ font-weight: 400; font-size: 26px; line-height: 30px; color: #20a6d0; } .header-retailer .visit-website{ line-height: 30px; } .header-retailer a{ padding-right: 12px; font: italic 300 18px/30px 'Neuton', serif; background: url(img/arrow/right-6x10-3a4c59.png) no-repeat right 7px; color: #3a4c59; text-transform: none; } .header-retailer a:hover{ background-image: url(img/arrow/right-6x10-20a6d0.png); color: #20a6d0; } .introduction{ padding-bottom: 30px; } .introduction h1{ /*-ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/ } .introduction h2{ margin: 26px 0 8px; color: #20a6d0; font-weight: 500; font-size: 24px; line-height: 30px; text-transform: uppercase; } .introduction > div ul, .blog.feed div.single ul{ margin: 26 0 26px 19px; list-style: none; } .introduction > div ol, .blog.feed div.single ol{ margin: 0 0 26px 19px; } .introduction > div li, .blog.feed div.single li{ position: relative; margin-bottom: 8px; } .introduction > div ul li:before, .blog.feed div.single ul li:before{ content: '•'; position: absolute; top: 0; left: -8px; font-size: 10px; } .introduction > div ul.restaurant-links{ margin: 0; } .introduction .col-sm-4.sidebar-gray h2 {color:#ffffff; margin:0 0 26px 0;padding-bottom: 26px;border-bottom: 1px solid #fff;} .introduction ul.job-openings {margin: 0px!important;} .introduction .col-sm-4.sidebar-gray h2 a {background:none;font-style: normal;} ul.job-openings li:before {content: none!important;} .restaurant-links li{ float: left; margin: 0 24px 0 0; list-style: none; } .restaurant-links li:before{ content: ''; display: none; } .retailer a.menu, .retailer a.reservations, .retailer a.tickets{ display: block; background-size: 100% 100%; } .retailer a.menu{ width: 36px; height: 48px; background-image: url(img/dine/menu-36x48-3A4C59@2X.png); } .retailer a.menu:hover{ background-image: url(img/dine/menu-36x48-F65133@2X.png); } .retailer a.reservations{ width: 40px; height: 40px; margin-top: 4px; background-image: url(img/dine/clock-40X40-3A4C59@2X.png); } .retailer a.reservations:hover{ background-image: url(img/dine/clock-40X40-F65133@2X.png); } .retailer a.tickets{ width: 40px; height: 40px; background-image: url(img/film/ticket-40X40-3A4C59-@2X.png); } .retailer a.tickets:hover{ background-image: url(img/film/ticket-40X40-f65133-@2X.png); } .restaurant-links .text-toggle span{ top: 48px; font-style: normal; } .retailer .map{ margin-top: 116px; text-align: right; } .retailer .map img{ width:100%; } .retailer .map iframe{ width: 100%; height: 371px; border: none; overflow: hidden; } .retailer .map a{ padding-right: 12px; background: url(img/arrow/right-6x10-20a6d0.png) no-repeat right 8px; } .retailer .map a:hover{ background-image: url(img/arrow/right-6x10-f65133.png); } .retailer.gallery{ /*display: none;*/ margin-bottom: 84px; } .retailer.gallery > figure{ margin-bottom: 30px; background-position: center; background-size: cover; background-clip: content-box; overflow: hidden; clear: none; } .retailer.gallery > figure:nth-child(n+4){ display: none; } .retailer.gallery > figure a{ position: relative; display: block; overflow: hidden; } .retailer.gallery > figure a:after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 80px; height: 80px; margin: auto; background: url(img/retailer/play.png); } .retailer.gallery img{ float: left; width: 100%; height: auto; } .retailer.gallery > figure.special:before{ content: ''; position: absolute; top: 0; right: 15px; left: 15px; height: 10px; background: #3a4c59; z-index: 1; } .retailer.gallery > figure.special:after{ top: 10px; } .retailer.gallery > figure.special > div{ position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; padding: 30px; background: rgba( 109, 126, 139, .92); color: #fff; } .retailer.gallery > figure.special .center-vertical{ margin-top: 13px; font-size: 18px; } .retailer.gallery > figure.special h1{ border-bottom: 1px solid #fff; padding-bottom: 24px; margin-bottom: 25px; font-weight: 500; font-size: 24px; line-height: 30px; text-transform: uppercase; } .feeling-social{ padding-top: 46px; padding-bottom: 55px; } .feeling-social h1{ margin: 0 0 11px; } .feeling-social h2{ font-weight: 500; font-size: 20px; line-height: 26px; text-transform: uppercase; } .feeling-social li{ float: left; margin: 19px 0 0 12px; list-style: none; } .feeling-social li:first-child{ margin-left: 0; } .feeling-social a{ display: block; width: 48px; height: 48px; background-size: 100% 100%; } .feeling-social .facebook{ background-image: url(img/retailer/facebook-20a6d0@2x.png); } .feeling-social .facebook:hover{ background-image: url(img/retailer/facebook-f65133@2x.png); } .feeling-social .twitter{ background-image: url(img/retailer/twitter-20a6d0@2x.png); } .feeling-social .twitter:hover{ background-image: url(img/retailer/twitter-f65133@2x.png); } .feeling-social .instagram{ background-image: url(img/retailer/instagram-20a6d0@2x.png); } .feeling-social .instagram:hover{ background-image: url(img/retailer/instagram-f65133@2x.png); } .feeling-social .pinterest{ background-image: url(img/retailer/pinterest-20a6d0@2x.png); } .feeling-social .pinterest:hover{ background-image: url(img/retailer/pinterest-f65133@2x.png); } .feeling-social .tumblr{ background-image: url(img/retailer/tumblr-20a6d0@2x.png); } .feeling-social .tumblr:hover{ background-image: url(img/retailer/tumblr-f65133@2x.png); } .latest-buzz.retailer{ margin-top: 59px; margin-bottom: 115px; } /* pages: Live + Work */ .live-work.grid{ margin-bottom: 64px; } body.live .live-work.grid{ margin-top: 115px; } .live-work.grid li{ margin-bottom: 52px; list-style: none; } .live-work.grid a{ position: relative; display: block; background-position: center; background-size: cover; overflow: hidden; } .live-work.grid a:after{ content: ''; position: absolute; right: 0; bottom: 0; left: 0; height: 10px; background: #3a4c59; } .live-work.grid img{ float: left; width: 100%; height: auto; } .live-work.grid .logo{ position: absolute; right: 0; top: 100%; left: 0; height: 100%; padding: 150px 40px 0; margin-top: -160px; background-color: rgba( 255, 255, 255, .94 ); } .live-work.grid .logo > span.image{ width: 240px; height: 120px; position: absolute; top: 15px; right: 0; left: 0; margin: 0 auto; background-repeat: no-repeat; background-position: center; background-size: contain; } .floorplans{ margin: -65px 0 55px; } .floorplans h2, .floorplans h3{ color: #20a6d0; text-transform: uppercase; } .floorplans h2{ margin: 46px 0 23px; font-weight: 400; font-size: 42px; line-height: 42px; } .floorplans li{ margin-bottom: 52px; list-style: none; } .floorplans li:nth-child(3n+1){ clear: both; } .floorplans img{ width: 100%; height: auto; } .floorplans h3{ margin-top: 11px; font-weight: 500; font-size: 24px; line-height: 30px; } /* page: Directory */ a#directions{ position: absolute; top: -130px; } .directory iframe{ width: 100%; height: 1315px; max-height: 100%; max-height: calc( 100% - 100px ); max-height: -webkit-calc( 100% - 100px ); border: none; margin-top: 15px; overflow: hidden; } .directions-parking .more-information{ margin-bottom: 115px; } .more-information-slide{ margin-top: 26px; } .more-information-slide:first-child{ margin-top: 0; } .directory section > div > h1.underlined{ margin-bottom: 4px; } .metro-directions h2{ padding-top: 24px; border-top: 1px solid #3a4c59; margin: 26px 0 8px; color: #20a6d0; font-weight: 500; font-size: 24px; line-height: 30px; text-transform: uppercase; } .metro-directions h2:first-child{ padding-top: 0; border: none; } .metro-directions h2 a, .metro-directions h3 a{ padding-right: 26px; background-image: url(img/map/mapIcon-20x20-20a6d0-@2x.png); background-repeat: no-repeat; background-position: right center; background-size: 20px 20px; } .metro-directions h2 a:hover, .metro-directions h3 a:hover{ background-image: url(img/map/mapIcon-20x20-f65133-@2x.png); } .metro-directions h3, .metro-directions h3 a{ color: #3a4c59; } .metro-directions h3 a:hover{ color: #f65133; } .metro-directions h3{ margin-top: 7px; font: 700 18px/24px 'Neuton', serif; } .metro-directions a{ font-style: normal; } .metro-directions ul, .metro-directions ol{ margin-left: 25px; } .metro-directions ul, .metro-directions ol{ margin-top: 8px; } .metro-directions li, .directions-parking .sidebar-gray li{ position: relative; list-style: none; } .metro-directions li:before, .directions-parking .sidebar-gray li:before{ content: '•'; position: absolute; top: 0; left: -8px; font-size: 10px; } .directions-parking .sidebar-gray h3{ margin-bottom: 2px; font: 700 18px/24px 'Neuton', serif; } .directions-parking .sidebar-gray p{ margin: 0 0 8px 0; } .directions-parking .sidebar-gray ul{ margin-left: 19px; } .directions-parking .sidebar-gray > div > a{ display: inline-block; margin: 0 0 17px 19px; } /* page: Shuttle Schedule */ .ss-intro{ padding-top: 30px; margin-bottom: -26px; } .ss-intro a{ background-position: right 7px; } .departure-times{ border: 1px solid #3a4c59; overflow: hidden; } .departure-times > div{ padding: 0; border-left: 1px solid #3a4c59; margin-bottom: 44px; text-align: center; text-transform: uppercase; } .departure-times > div:first-child{ border-left: none; } .departure-times header{ /*padding: 26px 15px;*/ background: #6d7e8b; color: #fff; } .departure-times header > span{ padding: 0 15px; font: 500 18px/26px 'Maven Pro', sans-serif; } .departure-times > div > div{ padding: 9px 15px; } .departure-times > div > div:nth-child(odd){ background: #fff; } .shuttle-schedule footer{ margin-top: 115px; } /* visual form builder */ /* Visual Form Builder Plugin CSS */ form.visual-form-builder li{ margin: 0 !important; width: auto !important; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; clear: both; } form.visual-form-builder li:before { content: none; } form.visual-form-builder ul:after, form.visual-form-builder li:after, form.visual-form-builder li div:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* Hide br tags for themes that auto add them */ .visual-form-builder br { display: none; } form.visual-form-builder .vfb-item-instructions br { display: inline; } /* !Remove list item styles */ .visual-form-builder ul, .entry-content .visual-form-builder ul, .comment-content .visual-form-builder ul, .mu_register .visual-form-builder ul, .visual-form-builder ol, .entry-content .visual-form-builder ol, .comment-content .visual-form-builder ol, .mu_register .visual-form-builder ol { margin: 0 14px !important; padding: 0 !important; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; font-size: 13px; line-height: inherit; } .visual-form-builder ul li { margin: 0 !important; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; } .visual-form-builder ul li:before { content: none; } .visual-form-builder li, .entry-content .visual-form-builder li, .comment-content .visual-form-builder li, .mu_register .visual-form-builder li { clear: both; margin: 0 !important; padding: 6px 1% 9px !important; width: 64%; background: none !important; list-style: none !important; list-style-type: none !important; list-style-image: none !important; } .visual-form-builder li:before, .entry-content .visual-form-builder li:before, .comment-content .visual-form-builder li:before, .mu_register .visual-form-builder li:before { content: none; } .vfb-span, .visual-form-builder li div span.vfb-span, .visual-form-builder [class*="vfb-span"], span.vfb-full input, span.vfb-full input[type="text"].vfb-medium, span.vfb-full select{ display: block; float: left; margin: 0; width: 100%; } span.vfb-name-normal, span.vfb-name-extras { float: left; margin-right: 3px; } .rtl span.vfb-name-normal, .rtl span.vfb-name-extras { float: right; margin-right: 0; margin-left: 3px; } .visual-form-builder span.vfb-left{ float: left; width: 48%; } .visual-form-builder span.vfb-right{ float: right; width: 48%; } .visual-form-builder span.vfb-right input, .visual-form-builder span.vfb-right input[type="text"], .visual-form-builder span.vfb-right select, .visual-form-builder span.vfb-left input, .visual-form-builder span.vfb-left input[type="text"], .visual-form-builder span.vfb-left select{ width: 100% !important; } /* !Time Field */ .visual-form-builder span.vfb-time{ float: left; margin: 0 0.3em 0 0; } .rtl .visual-form-builder span.vfb-time { float: right; margin: 0 0 0 0.3em; } .visual-form-builder li div label, .visual-form-builder li span label { margin: 0; font-size: 90%; } /* !Legend */ .visual-form-builder .vfb-legend{ margin: 5px 14px; padding: 0 6px; border-bottom: 1px solid #CCCCCC; color: #990000; font-size: inherit; } .visual-form-builder .vfb-legend h3 { margin: 0 !important; padding: 0 !important; font-size: 20px; line-height: 2.0em; } /* !Description */ .visual-form-builder label, label.vfb-desc{ display: block; margin: 0; padding: 0 0 3px 0; color: #000; } label.vfb-desc{ font-weight: bold; } .visual-form-builder.left-label .vfb-desc, .visual-form-builder.right-label .vfb-desc{ float: left; margin: 0 15px 0 0; width: 20%; } .visual-form-builder.right-label .vfb-desc{ padding-top: 2px; text-align: right; } .visual-form-builder li div { margin: 0; padding: 0; } .visual-form-builder.left-label li div, .visual-form-builder.right-label li div { float: left; width: 65%; } .visual-form-builder label.vfb-choice{ margin: -16px 0 0 23px; padding: 0 0 5px; width: 88%; font-size: 100%; line-height: 150%; } .rtl .visual-form-builder label.vfb-choice { margin: -16px 23px 0 0; } .visual-form-builder label .vfb-required-asterisk { margin: 0; padding: 0; color: #f65133; vertical-align: baseline; font-weight: bold; } /* !Input, Textarea, and Select */ input.vfb-text, input[type="text"].vfb-text, input[type="tel"].vfb-text, input[type="email"].vfb-text, input[type="url"].vfb-text, textarea.vfb-textarea { padding: 3px 0; border: 1px solid #DDDDDD; border-radius: 3px; background: none repeat scroll 0 0 #FAFAFA; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } input.vfb-text:focus, input[type="text"].vfb-text:focus, input[type="tel"].vfb-text:focus, input[type="email"].vfb-text:focus, input[type="url"].vfb-text:focus, textarea.vfb-textarea:focus { /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } input.vfb-text.vfb-error:focus, input[type="text"].vfb-text.vfb-error:focus, input[type="tel"].vfb-text.vfb-error:focus, input[type="email"].vfb-text.vfb-error:focus, input[type="url"].vfb-text.vfb-error:focus, textarea.vfb-textarea.vfb-error:focus { border-color: rgba(238,83,83,0.8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238,83,83,.6); } input.vfb-small, input[type="text"].vfb-small, input[type="tel"].vfb-small, input[type="email"].vfb-small, input[type="url"].vfb-small, select.vfb-small{ width: 25%; } input.vfb-medium, input[type="text"].vfb-medium, input[type="tel"].vfb-medium, input[type="email"].vfb-medium, input[type="url"].vfb-medium, select.vfb-medium{ width: 50%; } input.vfb-large, input[type="text"].vfb-large, input[type="tel"].vfb-large, input[type="email"].vfb-large, input[type="url"].vfb-large, select.vfb-large, textarea.vfb-textarea{ width: 100%; } input[type="file"].vfb-small, input[type="file"].vfb-medium, input[type="file"].vfb-large { height: auto; line-height: normal; } textarea.vfb-medium{ height: 5.5em; } textarea.vfb-medium{ height: 10em; } textarea.vfb-large{ height: 20em; } /* !Submit Button */ .vfb-submit, input[type="submit"].vfb-submit { font-size: 1.1em;border-radius:5px} } /* !Checkbox and Radio */ input.vfb-checkbox, input[type="checkbox"].vfb-checkbox, input.vfb-radio, input[type="radio"].vfb-radio { display: block; margin: 4px 0 0; width: 13px; height: 13px; font-size: 1.1em; } input.vfb-other, input[type="text"].vfb-other { margin: 0 0 8px 25px; } /* !Field Layout */ .visual-form-builder li.vfb-two-column div span, .visual-form-builder li.vfb-three-column div span, .visual-form-builder li.vfb-auto-column div span{ margin: 0 5px 0 0; width: 48%; } .visual-form-builder li.vfb-three-column div span{ width: 30%; } .visual-form-builder li.vfb-auto-column div span{ width: auto; } .visual-form-builder li.vfb-left-half, .visual-form-builder li.vfb-left-third, .visual-form-builder li.vfb-left-two-thirds{ float: left; clear: left; } .visual-form-builder li.vfb-right-half, .visual-form-builder li.vfb-right-third, .visual-form-builder li.vfb-right-two-thirds{ float: right; clear: none; } .visual-form-builder li.vfb-middle-third{ float: left; clear: none; margin-left: 2%; } .visual-form-builder li.vfb-left-half, .visual-form-builder li.vfb-right-half{ width: 47% !important; } .visual-form-builder li.vfb-left-third, .visual-form-builder li.vfb-middle-third, .visual-form-builder li.vfb-right-third{ width: 30% !important; } .visual-form-builder li.vfb-left-two-thirds, .visual-form-builder li.vfb-right-two-thirds{ width: 64% !important; } li.vfb-left-half .vfb-small, li.vfb-left-half .vfb-medium, li.vfb-left-half .vfb-large, li.vfb-right-half .vfb-small, li.vfb-right-half .vfb-medium, li.vfb-right-half .vfb-large, li.vfb-left-third .vfb-small, li.vfb-left-third .vfb-medium, li.vfb-left-third .vfb-large, li.vfb-middle-third .vfb-small, li.vfb-middle-third .vfb-medium, li.vfb-middle-third .vfb-large, li.vfb-right-third .vfb-small, li.vfb-right-third .vfb-medium, li.vfb-right-third .vfb-large, .visual-form-builder li.vfb-left-two-thirds .vfb-small, .visual-form-builder li.vfb-left-two-thirds .vfb-medium, .visual-form-builder li.vfb-left-two-thirds .vfb-large, .visual-form-builder li.vfb-right-two-thirds .vfb-small, .visual-form-builder li.vfb-right-two-thirds .vfb-medium, .visual-form-builder li.vfb-right-two-thirds .vfb-large{ width: 100%; } /* !Error */ label.vfb-error { color: red; font-weight: bold; font-size: 90%; } input.vfb-text.vfb-error, input[type="text"].vfb-text.vfb-error, input[type="tel"].vfb-text.vfb-error, input[type="email"].vfb-text.vfb-error, input[type="url"].vfb-text.vfb-error, select.vfb-select.vfb-error, textarea.vfb-textarea.vfb-error { border: 1px solid red; } /* !Success Mesage - Default */ p#form_success, .vfb-form-success { color: green; font-weight: bold; } #ui-datepicker-div { display: none; font-size: 12px; } /* !Instructions */ .vfb-item-instructions{ border-radius: 3px; background-color: #e3e3e3; } .vfb-item-instructions ul, .vfb-item-instructions ul li { padding-bottom: 0; list-style: disc; } .vfb-item-instructions ol, .vfb-item-instructions ol li { padding-bottom: 0; list-style: decimal; } /* !Sections */ .vfb-section-div { float: left; margin: 10px 0; padding: 10px; width: 97%; border-radius: 3px; background-color: #D4D4D4; } .visual-form-builder .vfb-section-div h4 { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid #BABABA; font-size: 16px; line-height: inherit; } /* !Autocomplete */ .ui-autocomplete .ui-menu-item { font-size: 12px; } .ui-autocomplete .ui-menu-item a.ui-state-hover { background: rgb(222,239,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,239,255,1)), color-stop(100%,rgba(152,190,222,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */ } .ui-autocomplete-loading{ background: url('../../../../wp-admin/images/loading.gif') right center no-repeat white !important; } /* !Password Meter */ .password-meter{ display: block; margin-top: 10px; padding: 5px; width: 48%; height: 15px; border-width: 1px; border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; line-height: 15px; } .password-meter.too-short, .password-meter.very-weak{ border-color: #F04040; background-color: #FFA0A0; } .password-meter.weak{ border-color: #FF853C; background-color: #FFB78C; } .password-meter.good{ border-color: #FFCC00; background-color: #FFEC8B; } .password-meter.strong{ border-color: #8DFF1C; background-color: #C3FF88; } .password-meter.too-short, .password-meter.very-weak, .password-meter.weak, .password-meter.good, .password-meter.strong{ font-weight: bold; } /* !Page Break */ .vfb-fieldset.vfb-page{ display: none; } .item-page-break{ position: relative; } .vfb-page-counter{ float: right; margin: 0 !important; padding: 0 !important; font-weight: bold; } .rtl .vfb-page-counter { float: left; } .vfb-page-next { margin: 0 !important; padding: 4px 8px !important; border-radius: 3px; background-color: #5B8498; color: white; } .vfb-page-next:hover{ background-color: #3D5865; text-decoration: none; } /* !Clearing */ .vfb-clear{ display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; } /* !Conditional Field */ .vfb-conditional-hide{ display: none; } /* Rating */ table.vfb-table, table.vfb-table *, table.vfb-likert, table.vfb-likert *, .entry-content table.vfb-table, .entry-content table.vfb-likert { border-collapse: collapse; border-spacing: 0; margin: 5px 0 0 0; padding: 0; border: 0; border-radius: 0; text-transform: none; line-height: normal; vertical-align: middle; width: auto; font-size: 12px; } table.vfb-table th, table.vfb-table td { padding: 2px 6px; text-align: center; border: 0; } .vfb-table td input.vfb-radio, .vfb-table td input[type="radio"].vfb-radio { display: inline; margin: 0; vertical-align: baseline; } table.vfb-table.vfb-likert { margin: 5px 0; width: 100%; border: 1px solid #888; border-bottom: none; background: #fdfdfd; } .vfb-likert label { margin: 0; } .vfb-likert .vfb-likert-head th { padding: 10px 6px; background-color: #ccc; font-weight: normal; border-top: 1px solid #696969; border-bottom: 1px solid #696969; border-right: 1px solid #696969; border-left: 1px solid #696969; } .vfb-likert th, .vfb-likert td { border-top: 1px solid #696969; border-bottom: 1px solid #696969; border-right: 1px solid #696969; border-left: 1px solid #696969; } .vfb-table.vfb-likert .vfb-likert-row th, .vfb-table.vfb-likert .vfb-likert-row td { border-top: 1px solid #696969; border-bottom: 1px solid #696969; border-right: 1px solid #696969; border-left: 1px solid #696969; } .vfb-table.vfb-likert .vfb-likert-row th { padding: 8px; text-align: left; color: #222; font-weight: bold; background-color: #ccc; } .rtl .vfb-table.vfb-likert .vfb-likert-row th { text-align: right; } .vfb-likert-row th label { font-weight: bold; } .vfb-likert-cols-1 td { width: 30%; } .vfb-likert-cols-2 td { width: 25%; } .vfb-likert-cols-3 td { width: 20%; } .vfb-likert-cols-4 td { width: 15%; } .vfb-likert-cols-5 td { width: 12%; } .vfb-likert-cols-6 td, .vfb-likert-cols-7 td { width: 10%; } .vfb-likert-cols-8 td, .vfb-likert-cols-9 td, .vfb-likert-cols-10 td { width: 7%; } .vfb-likert-cols-11 td { width: 6%; } /* Custom Visual Form Builder CSS */ .seamless { padding: 0px!important; background: none!important; } .visual-form-builder ul li:before{ content: none!important; position: none;} .hide,span.ui-icon.ui-icon-circle-triangle-e,span.ui-icon.ui-icon-circle-triangle-w { display: none!important; } .visual-form-builder fieldset { background-color: #eee; background: none; } a.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover { border: none; } label.vfb-desc { font-weight: normal!important; color: #454545!important; font: 300 18px/26px 'Neuton', serif!important; } input.vfb-medium,input.vfb-small,input.vfb-large,select.vfb-large,select.vfb-medium,select.vfb-small,textarea.vfb-large,textarea.vfb-medium,textarea.vfb-small,select.vfb-select { border: 1px solid #3a4c59!important; -webkit-border-radius: 6px!important; -moz-border-radius: 6px!important; border-radius: 6px!important; box-sizing: border-box!important; background: #fff!important; padding: 10px 16px!important; line-height: 48px!important; font: 300 18px/26px 'Neuton', serif!important; font-style: italic!important; color: #454545!important; text-rendering: optimizeLegibility!important; outline:none; } .vfb-submit, input[type="submit"].vfb-submit { width: auto; float: right; border: medium none; background: none repeat scroll 0% 0% #20A6D0; color: #FFF; font-style: italic; height: 48px; padding: 0px 16px; line-height: 48px; } @media (max-width:768px) { .visual-form-builder ul li { float:none!important; width:100%!important; } } /* search */ body.search section > div > h1.underlined{ margin-bottom: 0; } body.search ul{ list-style: none; } ul.results li{ padding-top: 24px; border-top: 1px solid #3a4c59; margin-top: 23px; line-height: 24px; } ul.results li:first-child{ padding-top: 0; border: none; } ul.results p{ margin-bottom: 0; } body.search h2{ margin-bottom: 7px; font-weight: 500; font-size: 24px; line-height: 24px; text-transform: uppercase; } body.search h2 a{ font-style: normal; } body.search footer{ margin-top: 115px; } body.search a.more{ display: inline-block; padding-right: 12px; margin-top: 5px; background: url(img/arrow/right-6x10-20a6d0.png) no-repeat right 7px; color: #20a6d0; } body.search a.more:hover{ background-image: url(img/arrow/right-6x10-3a4c59.png); color: #3a4c59; } /* 404 */ .four-zero-four{ text-align: center; background-image: url(img/404/fail-cat@2x.png); background-repeat: no-repeat; background-position: left bottom; background-size: 874px 840px; } .four-zero-four > section{ padding: 182px 0 270px; text-transform: uppercase; } .four-zero-four > section > div{ float: right; } .four-zero-four strong{ color: #20a6d0; font: 300 100px/100px 'Maven Pro', sans-serif; text-transform: uppercase; } .four-zero-four h1{ margin: 34px 0 43px; } .four-zero-four h2{ margin-bottom: 46px; font-size: 24px; } .four-zero-four a{ text-transform: none; } /* blog */ body.blog footer.site, body.single-post footer.site, body.archive footer.site{ margin-top: 115px; } header.blog{ margin-top: 91px; background-size: 100% auto; background-position: 5px center;} header.blog > div{ position: relative; height: 191px; } header.blog a{ position: absolute; top: 0; left: 50%; width: 288px; height: 192px; border-left: 24px solid #f3f4f4; border-right: 24px solid #f3f4f4; margin-left: -144px; background-color: #f3f4f4; background-image: url(img/blog/glass-alley.png); background-size: 100%; } .blog.feed, .blog.archive{ margin-top: 94px; } .blog.feed img{ max-width: 100%; height: auto; margin-bottom: 18px; } .blog hgroup{ position: relative; margin-bottom: 73px; text-transform: uppercase; } .blog hgroup:after{ content: ''; position: absolute; right: 0; bottom: -37px; left: 0; height: 1px; background: #3a4c59; } .blog hgroup h1{ padding: 0 23% 0 23px; border-left: 1px solid #3a4c59; margin-left: 65px; font-weight: 400; font-size: 36px; line-height: 36px; color: #20a6d0; } .blog hgroup h1 a{ font-style: normal; } .blog hgroup h2{ position: absolute; top: 50%; left: 0; width: 41px; margin-top: -18px; font: 300 20px/18px 'Neuton', serif; text-align: right; } .blog.feed article{ position: relative; margin: 102px 0 73px;float: left;width:100%; } .blog.feed article:before, nav.blog-posts:before, nav.back-blog:before, .blog.archive .archives section:before{ content: ''; position: absolute; top: -102px; right: 0; left: 0; height: 27px; border-top: 4px solid #3a4c59; border-bottom: 1px solid #3a4c59; } .blog.feed article:first-child{ margin-top: 0; } .blog.feed article:first-of-type { margin-top: 0!important; } .blog.feed article aside{ overflow: hidden; } .blog.feed ul.categories{ float: right; margin-top: 7px; color: #97a0aa; line-height: 14px; list-style: none; } .blog.feed ul.categories strong{ text-transform: uppercase; font: 700 12px 'Maven Pro', sans-serif; } .blog.feed ul.categories a{ color: #97a0aa; font-size: 14px; white-space: nowrap; } .blog.feed ul.categories a:hover{ color: #f65133; } .blog.feed ul.categories > li > ul{ position: relative; display: inline; padding-left: 10px; margin-left:10px; } .blog.feed ul.categories > li > ul:before{ content: ''; position: absolute; top: 6px; bottom: 3px; left: 0; width: 1px; background: #97a0aa; } .blog.feed ul.categories > li > ul > li{ display: inline; } .blog.feed ul.categories > li > ul > li:after{ content: ', '; } .blog.feed ul.categories > li > ul > li:last-child:after{ content: ''; } .blog.feed a.more-link{ padding-right: 13px; background: url(img/arrow/right-8x12-20A6D0@2x.png); background-repeat: no-repeat; background-position: right 6px; background-size: 8px 12px; } .blog.feed a.more-link:hover{ background-image: url(img/arrow/right-8x12-F65133@2x.png); } .blog.feed .sidebar-gray, .blog.archive .sidebar-gray{ margin-top: 8px; } .blog.feed .sidebar-gray h2, .blog.archive .sidebar-gray h2{ padding-top: 26px; border-top: 1px solid #fff; margin-top: 26px; } .blog.feed .sidebar-gray a:hover, .blog.archive .sidebar-gray a:hover{ background-image: url(img/arrow/right-6x10-f65133.png); color: #f65133; } .blog a.rss, .blog a.archive{ padding: 0 0 0 30px; background-repeat: no-repeat; background-position: left center; font-style: normal; font-weight: 500; font-family: 'Maven Pro', sans-serif; text-transform: uppercase; } .blog a.rss{ background-image: url( 'img/blog/rss-fff@2x.png' ); background-size: 16px 16px; } .blog.feed a.rss:hover, .blog.archive .sidebar-gray a.rss:hover{ background-image: url( 'img/blog/rss-f65133@2x.png' ); } .blog a.archive{ background-image: url( 'img/blog/archive-fff@2x.png' ); background-size: 20px 16px; } .blog.feed a.archive:hover, .blog.archive .sidebar-gray a.archive:hover{ background-image: url( 'img/blog/archive-f65133@2x.png' ); } body.archive .blog.archive .sidebar-gray a.archive{ color: #20a6d0; background-image: url( 'img/blog/archive-20a6d0@2x.png' ); } nav.blog-posts, nav.back-blog{ position: relative; clear: both; padding-top: 57px; margin-bottom: 73px; overflow: hidden; } nav.blog-posts:before, nav.back-blog:before{ top: 0; } nav.blog-posts a, nav.back-blog a{ display: block; height: 48px; padding: 0 19px; line-height: 48px; letter-spacing: .05em; background: #20a6d0; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } nav.blog-posts a:hover, nav.back-blog a:hover{ background: #f65133; } a.previous-posts{ float: left; } a.next-posts, nav.back-blog a{ float: right; } .blog.archive h1{ font-weight: 400; font-size: 42px; line-height: 42px; color: #20a6d0; text-transform: uppercase; } .blog.archive .archives section{ position: relative; margin: 172px 0 0px; } .blog.archive .archives section:first-child{ margin-top: 0; } .blog.archive .archives section:first-child:before{ height: 0; border: none; } .blog.archive .archives ul{ list-style: none; } .archives > section.date > ul > li{ position: relative; padding-top: 33px; margin-top: 17px; } .archives > section.date > ul > li:first-child{ margin-top: 0; } .archives > section.date > ul > li:before{ content: ''; position: absolute; top: 5px; left: 0; width: 271px; height: 1px; background: #3a4c59; } .archives > section.date > ul > li:first-child:before{ height: 0; background: transparent; } .archives > section > ul > li > ul{ margin-top: 15px; } .archives > section > ul > li > ul > li{ margin-bottom: 10px; } .blog.archive .archives h2{ color: #20a6d0; font-weight: 500; font-size: 24px; line-height: 24px; } .blog.archive .archives a{ padding-right: 12px; font: italic 300 16px/24px 'Neuton', serif; background: url(img/arrow/right-6x10-3a4c59.png) no-repeat right 5px; color: #3a4c59; } .blog.archive .archives a:hover{ background-image: url(img/arrow/right-6x10-20a6d0.png); color: #f65133; } .blog.archive ul.categories{ padding: 36px 0; } .blog.archive ul.categories li{ margin-bottom: 10px; } .blog .wp-caption{ width: auto !important; color: #97a0aa; font-size: 14px; } .blog .wp-caption img{ margin-bottom: 0; } .blog.feed iframe{ width: 100%; } /*.wrap-video{ float: none; clear: both; width: 100%; margin-bottom: 27px; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .wrap-video iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ aside.comments{ padding: 37px 0 73px; border-top: 1px solid #3a4c59;float: left;width: 100%; } aside.comments ol{ padding-left: 19px } aside.comments ol ol{ margin-top: 26px; } aside.comments li{ padding-bottom: 26px; } cite.fn{ font-style: normal; font-weight: 700; } span.says{ display: none; } a.comment-reply-link{ display: block; margin-top: -13px; color: #97a0aa; font-size: 14px; } a.comment-reply-link:hover, a#cancel-comment-reply-link:hover{ color: #f65133; } aside.comments > h1, h3.comment-reply-title{ margin: 26px 0 20px; color: #20a6d0; font-weight: 400; font-size: 32px; line-height: 32px; text-transform: uppercase; } a#cancel-comment-reply-link{ color: #97a0aa; font: italic 300 14px/24px 'Neuton', serif; text-transform: none; } aside.comments input{ margin-bottom: 18px; } p.form-submit{ margin: 0; overflow: hidden; } .addtoany_share_save_container{ margin: 26px 0; } .addtoany_list.a2a_kit_size_32 a span{ background-size: 100% 100%; } .addtoany_list a:hover span{ opacity: 1 !important; } .a2a_s_facebook{ background-image: url(img/blog/facebook-32x32-20A6D0-@2X.png) !important; } .a2a_s_facebook:hover{ background-image: url(img/blog/facebook-32x32-F65133-@2X.png) !important; } .a2a_s_twitter{ background-image: url(img/blog/twitter-32x32-20A6D0-@2X.png) !important; } .a2a_s_twitter:hover{ background-image: url(img/blog/twitter-32x32-F65133-@2X.png) !important; } .a2a_s_a2a{ background-image: url(img/blog/share-32x32-20A6D0-@2X.png) !important; } .a2a_s_a2a:hover{ background-image: url(img/blog/share-32x32-F65133-@2X.png) !important; } /* blog: Pin it */ .pin-it { position: absolute; left:0; } img.pin-it-logo { margin-bottom: 0px!important; } @media screen and (min-width: 768px) { img.blog-feature-image { z-index: 11; transition: 500ms; } .blog-post-container:hover .blog-feature-image{ -webkit-filter: brightness(80%) grayscale(.1) contrast(1.2); transition: 500ms; } .pin-it { opacity: 0; visibility: hidden; } .blog-post-container:hover .pin-it { opacity:1; visibility:visible; transition: opacity 1s ease, visibility 1s ease; } } /* Page: Jobs */ ul.jobs { margin-bottom: 20px; } ul.jobs li { list-style-type: none; display: inline-block; margin-right: 20px; } .expired { color:red; } article li { list-style-position: inside; } /* admin */ p.label label {font-size:14px!important; text-transform:uppercase;} @media screen and ( min-width: 360px ){ /* blog */ header.blog > div:before{ content: ''; position: absolute; top: 86px; left: 15px; right: 15px; height: 27px; border-top: 4px solid #3a4c59; border-bottom: 1px solid #3a4c59; z-index:-10} } @media screen and ( min-width: 768px ){ /* grid */ .row{ width: 85%; } .col-sm-0, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ float: left; } .col-sm-12{ width: 100%;} .col-sm-11{ width: 91.66666666666666%; } .col-sm-10{ width: 83.33333333333334%; } .col-sm-9{ width: 75%; } .col-sm-8{ width: 66.66666666666666%; } .col-sm-7{ width: 58.333333333333336%; } .col-sm-6{ width: 50%; } .col-sm-5{ width: 41.66666666666667%; } .col-sm-4{ width: 33.33333333333333%; } .col-sm-3{ width: 25%; } .col-sm-2{ width: 16.666666666666664%; } .col-sm-1{ width: 8.333333333333332%; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: left; } .col-centered{ float: none; margin: 0 auto; } /* * */ .btn{ padding: 10px 30px; } .slide-card .info{ top: 0; } .wrap-drop-date{ width: auto; } /* site navigation */ nav.site, .show-menu-main-small nav.site{ height: 130px; } nav.site{ text-align: right; } nav.site > .row{ padding-top: 20px; } a.mosaic{ display: block; } ul.header-icons{ display: block; } .menu-main-small{ display: none; } .menu-main-large{ display: block; } /* search */ nav.search button.close{ top: 60px; right: 0; } nav.search h1{ margin-bottom: 36px; font-size: 42px; line-height: 56px; } /* page header */ .home header.page{ min-height: 900px; } body.parent-shop header.page, body.parent-dine header.page, body.parent-services header.page, body.film header.page, body.stay header.page, body.single-event header.page, body.parent-live header.page, body.parent-work header.page{ height: 700px; } header.page hgroup h1{ padding: 0 16.937669376694%; font-weight: 200; font-size: 80px; line-height: 71px; } header.page hgroup h2{ padding: 0 10.433604336043%; font-size: 22px; line-height: 30px; } .title-card{ font-weight: 200; font-size: 100px; line-height: 88px; } /* slide-show */ .slide-control{ width: 24px; height: 80px; opacity: 0; } .slide-control.prev{ -ms-transform: translateX(-26px); -webkit-transform: translateX(-26px); transform: translateX(-26px); } .slide-control.next{ -ms-transform: translateX(26px); -webkit-transform: translateX(26px); transform: translateX(26px); } .slide-show:hover .slide-control{ opacity: 1; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .slide-index{ display: block; } body.parent-shop ul.slides, body.parent-shop ul.slides > li, body.parent-dine ul.slides, body.parent-dine ul.slides > li, body.parent-services ul.slides, body.parent-services ul.slides > li, body.film ul.slides, body.film ul.slides > li, body.stay ul.slides, body.stay ul.slides > li, body.single-event ul.slides, body.single-event ul.slides > li, body.parent-live ul.slides, body.parent-live ul.slides > li, body.parent-work ul.slides, body.parent-work ul.slides > li{ position: absolute; } body.parent-shop ul.slides > li, body.parent-dine ul.slides > li, body.parent-services ul.slides > li, body.film ul.slides > li, body.stay ul.slides > li, body.single-event ul.slides > li, body.parent-live ul.slides > li, body.parent-work ul.slides > li{ display: list-item; } body.parent-shop ul.slides div.image, body.parent-dine ul.slides div.image, body.parent-services ul.slides div.image, body.film ul.slides div.image, body.stay ul.slides div.image, body.single-event ul.slides div.image, body.parent-live ul.slides div.image, body.parent-work ul.slides div.image{ width: 100%; height: 100%; } body.parent-shop .header-retailer, body.parent-dine .header-retailer,body.parent-services .header-retailer, body.film .header-retailer, body.stay .header-retailer, body.single-event .header-retailer, body.parent-live .header-retailer, body.parent-work .header-retailer{ position: absolute; } body.parent-shop .slide-controls, body.parent-dine .slide-controls, body.parent-services .slide-controls, body.film .slide-controls, body.stay .slide-controls, body.single-event .slide-controls, body.parent-live .slide-controls, body.parent-work .slide-controls{ display: block; } /* site footer */ .email-updates{ margin-bottom: 0; } .copyright li{ margin-left: 24px; } /* page: home */ section > div > h1, .upcoming-at-mosaic h1{ margin-top: 107px; font-size: 42px; line-height: 42px; } .upcoming-at-mosaic{ padding: 0; } .upcoming-at-mosaic li{ width: 50%; } .upcoming-at-mosaic header a{ width: 40px; height: 40px; } .upcoming-at-mosaic > div button{ width: 24px; height: 80px; } .latest-buzz .cards{ margin-top: -30px; } .promos li{ margin-top: 0; } /* page: Fun */ .filter .drop-menu.type{ width: 242px; margin-bottom: 0; } .filter .drop-menu.date{ width: auto; } .subscribe-cal{ width: 102px; margin-top: 0; } .ui-datepicker{ width: 522px; } /* page:Retail Directory */ .page_item {list-style: none !important} .page_item a, .retailers a {color: #6D7E8B} .page_item a:hover, .retailers a:hover {color: #f65133} @media screen and ( max-width: 600px ){ .page_item {list-style: none !important} .page_item a, .retailers a {color: #6D7E8B} .page_item a:hover, .retailers a:hover {color: #f65133} } .introduction > div ul li.page_item::before{ content: ''; position: absolute; top: 0; left: -8px; font-size: 10px; } .introduction > div.retailers ul{ margin: 0 0 20px 0px; list-style: none } /* page: retail */ .retail .filter{ width: auto; padding-bottom: 28px; } .retail .filter li{ display: block; float: left; margin-right: 15px; } .retail .filter > li{ height: auto; border: none; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .retail .filter > li:after{ width: 0; height: 0; background: none; } .retail .filter > li > span{ display: none; } .retail .filter > li > ul{ position: static; display: block; padding: 0; border: none; background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-top: 0; } .retail .filter > li > ul:before{ height: 0; background: transparent; } .retail .filter > li > ul > li{ padding: 0; } .retail .filter button:hover{ color: #fff; } .retail .filter button{ width: 44px; height: 44px; border: none; background-color: transparent; background-repeat: no-repeat; background-position: center; font-style: normal; letter-spacing: 0; text-align: center; outline: none; } .retail .filter button span{ position: absolute; top: 44px; left: 50%; width: 100px; margin-left: -50px; color: #f65133; font-weight: 700; font-size: 12px; line-height: 14px; font-family: 'Maven Pro', sans-serif; text-align: center; text-transform: uppercase; cursor: default; opacity: 0; } .retail .filter .on button span{ color: #20a6d0; } .retail .filter .on.hover button span{ color: #f65133; } .retail .filter .text-toggle.hover button span, .retail .filter .text-toggle.on span{ opacity: 1; } .retail .filter .active > .text-toggle.on span{ opacity: 0; } .retail .filter .all{ width: 50px; height: 30px; margin-top: 7px; background: #3a4c59; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font: 500 12px/30px 'Maven Pro', sans-serif; text-transform: uppercase; } .retail .filter .all:hover, .retail .filter .on .all:hover{ background: #f65133; } .retail .filter .on .all{ background: #20A6D0; } .retail .filter .apparel{ background-image: url(img/shop/hanger-3a4c59@2x.png); background-size: 40px 24px; } .retail .filter .apparel:hover, .retail .filter .on .apparel:hover{ background-image: url(img/shop/hanger-f65133@2x.png); } .retail .filter .on .apparel{ background-image: url(img/shop/hanger-20a6d0@2x.png); } .retail .filter .accessories{ background-image: url(img/shop/ring-3a4c59@2x.png); background-size: 28px 40px; } .retail .filter .accessories:hover, .retail .filter .on .accessories:hover{ background-image: url(img/shop/ring-f65133@2x.png); } .retail .filter .on .accessories{ background-image: url(img/shop/ring-20a6d0@2x.png); } .retail .filter .footwear{ background-image: url(img/shop/high-heel-3a4c59@2x.png); background-size: 44px 28px; } .retail .filter .footwear:hover, .retail .filter .on .footwear:hover{ background-image: url(img/shop/high-heel-f65133@2x.png); } .retail .filter .on .footwear{ background-image: url(img/shop/high-heel-20a6d0@2x.png); } .retail .filter .home{ background-image: url(img/shop/lamp-3a4c59@2x.png); background-size: 24px 32px; } .retail .filter .home:hover, .retail .filter .on .home:hover{ background-image: url(img/shop/lamp-f65133@2x.png); } .retail .filter .on .home{ background-image: url(img/shop/lamp-20a6d0@2x.png); } .retail .filter .market{ background-image: url(img/shop/shoppingbasket-3a4c59@2x.png); background-size: 32px 32px; } .retail .filter .market:hover, .retail .filter .on .market:hover{ background-image: url(img/shop/shoppingbasket-f65133@2x.png); } .retail .filter .on .market{ background-image: url(img/shop/shoppingbasket-20a6d0@2x.png); } .retail .filter .specialty{ background-image: url(img/shop/star-3a4c59@2x.png); background-size: 28px 28px; } .retail .filter .specialty:hover, .retail .filter .on .specialty:hover{ background-image: url(img/shop/star-f65133@2x.png); } .retail .filter .on .specialty{ background-image: url(img/shop/star-20a6d0@2x.png); } .retail .filter .services{ background-image: url(img/shop/bell-3a4c59@2x.png); background-size: 32px 28px; } .retail .filter .services:hover, .retail .filter .on .services:hover{ background-image: url(img/shop/bell-f65133@2x.png); } .retail .filter .on .services{ background-image: url(img/shop/bell-20a6d0@2x.png); } .retail .filter .sale{ background-image: url(img/shop/saletag-40x36-3a4c59@2x.png); background-size: 40px 36px; } .retail .filter .sale:hover, .retail .filter .on .sale:hover{ background-image: url(img/shop/saletag-40x36-f65133@2x.png); } .retail .filter .on .sale{ background-image: url(img/shop/saletag-40x36-20a6d0@2x.png); } .retail .filter .breakfast{ background-image: url(img/dine/eggs-bacon-40x36-3A4C59@2x.png); background-size: 40px 36px; } .retail .filter .breakfast:hover, .retail .filter .on .breakfast:hover{ background-image: url(img/dine/eggs-bacon-40x36-F65133@2x.png); } .retail .filter .on .breakfast{ background-image: url(img/dine/eggs-bacon-40x36-20A6D0@2x.png); } .retail .filter .lunch{ background-image: url(img/dine/hamburger-36x24-3A4C59@2x.png); background-size: 36px 24px; } .retail .filter .lunch:hover, .retail .filter .on .lunch:hover{ background-image: url(img/dine/hamburger-36x24-F65133@2x.png); } .retail .filter .on .lunch{ background-image: url(img/dine/hamburger-36x24-20A6D0@2x.png); } .retail .filter .dinner{ background-image: url(img/dine/steak-40x24-3A4C59@2x.png); background-size: 40px 24px; } .retail .filter .dinner:hover, .retail .filter .on .dinner:hover{ background-image: url(img/dine/steak-40x24-F65133@2x.png); } .retail .filter .on .dinner{ background-image: url(img/dine/steak-40x24-20A6D0@2x.png); } .retail .filter .brunch{ width: 56px; background-image: url(img/dine/brunch-56x44-3A4C59@2x.png); background-size: 56px 44px; } .retail .filter .brunch:hover, .retail .filter .on .brunch:hover{ background-image: url(img/dine/brunch-56x44-F65133@2x.png); } .retail .filter .on .brunch{ background-image: url(img/dine/brunch-56x44-20A6D0@2x.png); } .retail .filter .happy-hour{ background-image: url(img/dine/martini-glass-28x40-3A4C59@2x.png); background-size: 28px 40px; } .retail .filter .happy-hour:hover, .retail .filter .on .happy-hour:hover{ background-image: url(img/dine/martini-glass-28x40-F65133@2x.png); } .retail .filter .on .happy-hour{ background-image: url(img/dine/martini-glass-28x40-20A6D0@2x.png); } .retail .filter .on .specialty{ background-image: url(img/shop/star-20a6d0@2x.png); } .retail .filter .beauty{ background-image: url(img/services/hairdryer-3a4c59@2x.png); background-size: 32px 28px; } .retail .filter .beauty:hover, .retail .filter .on .beauty:hover{ background-image: url(img/services/hairdryer-f65133@2x.png); } .retail .filter .on .beauty{ background-image: url(img/services/hairdryer-20A6D0@2x.png); } .retail .filter .fitness{ background-image: url(img/services/weights-3a4c59@2x.png); background-size: 48px 42px; } .retail .filter .fitness:hover, .retail .filter .on .fitness:hover{ background-image: url(img/services/weights-f65133@2x.png); } .retail .filter .on .fitness{ background-image: url(img/services/weights-20A6D0@2x.png); } /* page: retailer */ .retailer.gallery > figure:nth-child(n+4){ display: block; } .header-retailer .detail-title{ display: none; } .feeling-social li{ margin-left: 29px; } /* page: Directory */ .more-information-slide{ margin-top: 0; } /* page: Shuttle Schedule */ .departure-times > div{ margin-bottom: 0; } /* blog */ .blog hgroup h1{ font-size: 42px; line-height: 42px; } header.blog a{ width: 308px; border-left: 34px solid #f3f4f4; border-right: 34px solid #f3f4f4; margin-left: -156px; } .blog.feed .sidebar-gray, .blog.archive .sidebar-gray{ padding-left: 45px; } aside.comments > h1, h3.comment-reply-title{ font-size: 42px; line-height: 42px; } } @media screen and ( min-width: 992px ){ /* grid */ .col-md-0, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ float: left; } .col-md-12{ width: 100%; } .col-md-11{ width: 91.66666666666666%; } .col-md-10{ width: 83.33333333333334%; } .col-md-9{ width: 75%; } .col-md-8{ width: 66.66666666666666%; } .col-md-7{ width: 58.333333333333336%; } .col-md-6{ width: 50%; } .col-md-5{ width: 41.66666666666667%; } .col-md-4{ width: 33.33333333333333%; } .col-md-3{ width: 25%; } .col-md-2{ width: 16.666666666666664%; } .col-md-1{ width: 8.333333333333332%; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1){ clear: left; } .col-centered{ float: none; margin: 0 auto; } /* * */ .no-touch .slide-card .info{ top: 50%; bottom: auto; min-height: 100%; } .no-touch .slide-card:hover .info{ top: 0%; } .no-touch .slide-card:hover .info .content, .slide-card:hover .info .btn{ opacity: 1; } .no-touch .slide-card h2:after{ bottom: 10px; right: 50%; left: 50%; opacity: 0; } .no-touch .slide-card:hover h2:after{ bottom: -25px; left: 0; right: 0; opacity: 1; } .no-touch .slide-card .info .content, .slide-card .info .btn{ opacity: 0; } .no-touch .slide-card .btn{ background: #f65133; } /* site navigation */ .menu-main-large li{ margin-left: 21px; } /* page header */ header.page hgroup h1{ font-size: 100px; line-height: 88px; } /* page: Home */ .upcoming-at-mosaic li{ width: 33.33333333333334%; } /* page: About */ section.about > figure{ position: absolute; top: 0; bottom: 0; } section.about > figure img{ display: none; } section.about.image-left > div{ float: right; } /* pages: Live + Work */ .live-work.grid a:hover .logo > span.image{ top: 44px; } .live-work.grid a:hover .logo{ top: 0%; padding-top: 182px; margin: 0; } /* page: retailer */ .feeling-social li{ margin-left: 20px; } } @media screen and ( min-width: 1200px ){ /* grid */ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{ float: left; } .col-lg-12{ width: 100%; } .col-lg-11{ width: 91.66666666666666%; } .col-lg-10{ width: 83.33333333333334%; } .col-lg-9{ width: 75%; } .col-lg-8{ width: 66.66666666666666%; } .col-lg-7{ width: 58.333333333333336%; } .col-lg-6{ width: 50%; } .col-lg-5{ width: 41.66666666666667%; } .col-lg-4{ width: 33.33333333333333%; } .col-lg-3{ width: 25%; } .col-lg-2{ width: 16.666666666666664%; } .col-lg-1{ width: 8.333333333333332%; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1){ clear: none; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1){ clear: left; } .col-centered{ float: none; margin: 0 auto; } /* * */ .no-touch .slide-card .info{ top: 60%; } /* site navigation */ a.mosaic{ top: 31px; } nav.search span.mosaic{ top: 52px; } ul.header-icons{ margin: 0; } .menu-main-large{ margin-top: 30px; } /* slide-show */ .home .slide-index{ bottom: -111px; } /* page: Home */ .upcoming-at-mosaic li{ width: 25%; } .promos a:hover .info > div{ -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } .promos a:hover .info p{ opacity: 1; } .promos a:hover h2:after{ bottom: -25px; left: 0; right: 0; opacity: 1; } /* page: retailer */ .feeling-social li{ margin-left: 29px; } } @media screen and ( max-width: 767px ){ body.parent-shop header.page .view, body.parent-dine header.page .view, body.parent-services header.page .view, body.film header.page .view, body.stay header.page .view, body.single-event header.page .view, body.parent-live header.page .view, body.parent-work header.page .view{ height: auto !important; } header.blog {background-image: none;} }