Site by: rare
*/ .rare_logo { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; /* font-size: 12px; - can adjust */ /* color: #fff / #000/ #231f20 / #ff5d4c - options*/ } .rare_logo a { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 700; text-transform:capitalize; } .rare_logo a:hover, .rare_logo a:active, .rare_logo a:focus{ /*color: #fff / #000/ #231f20 / #ff5d4c */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* We also use Modernizr to add a .touch class to the body when applicable */ /* You can prepend this class to anything and it will style only for touch devices */ .touch .your-element {} /* CSS Document */ /* ========================================================================== Author's custom styles ========================================================================== */ /* ============================================== FONTS */ /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on March 18, 2019 */ @font-face { font-family: 'euclid_flexmedium'; src: url('fonts/euclidflexno2medium-webfont.woff2') format('woff2'), url('fonts/euclidflexno2medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexbold'; src: url('fonts/euclidflex-bold-webfont.woff2') format('woff2'), url('fonts/euclidflex-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexbold_italic'; src: url('fonts/euclidflex-bolditalic-webfont.woff2') format('woff2'), url('fonts/euclidflex-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexlight'; src: url('fonts/euclidflex-light-webfont.woff2') format('woff2'), url('fonts/euclidflex-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexlight_italic'; src: url('fonts/euclidflex-lightitalic-webfont.woff2') format('woff2'), url('fonts/euclidflex-lightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexmedium'; src: url('fonts/euclidflex-medium-webfont.woff2') format('woff2'), url('fonts/euclidflex-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexmedium_italic'; src: url('fonts/euclidflex-mediumitalic-webfont.woff2') format('woff2'), url('fonts/euclidflex-mediumitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexregular'; src: url('fonts/euclidflex-regular-webfont.woff2') format('woff2'), url('fonts/euclidflex-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexitalic'; src: url('fonts/euclidflex-regularitalic-webfont.woff2') format('woff2'), url('fonts/euclidflex-regularitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexultralight'; src: url('fonts/euclidflex-ultralight-webfont.woff2') format('woff2'), url('fonts/euclidflex-ultralight-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_flexultralight_italic'; src: url('fonts/euclidflex-ultralightitalic-webfont.woff2') format('woff2'), url('fonts/euclidflex-ultralightitalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'euclid_stencilbold'; src: url('fonts/euclidstencil-bold-webfont.woff2') format('woff2'), url('fonts/euclidstencil-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /* ============================================== GLOBAL */ body{ font-family: 'euclid_flexregular', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; /*color: #808080;*/ color: #000; } .row, .columns{ position: relative; } .row .row{ margin-right: auto; margin-left: auto; } #wrapper{ background: #fff; margin-top: 25px; /*padding: 50px 25px 0 25px;*/ } /*.row{ max-width: 100rem; }*/ .flexbox-container { display: -ms-flex; display: -webkit-flex; display: flex; } .flexbox-container > div { } /*fonts*/ .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .efBd, strong{ font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; } .efMed{ font-family: 'euclid_flexmedium', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; } .efReg{ font-family: 'euclid_flexregular', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; } h1, h2, h3, h4{ font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #000000; letter-spacing: -0.5px; line-height: 1; } .connect h1{ margin-bottom: 20px; } p{ line-height: 1.4; color: #808080; color: #000; } .noPadLft{ padding-left: 0; } .padLft{ padding-left: 1.40625rem; } .algnLeft, .algnLeft p{ text-align: left !important; } .algnCent{ text-align: center } /*colours*/ .white{ color: #fff !important; } .purple{ color: #803d80 !important; /*color: #000 !important;*/ } .grey{ color: #808080 !important; color: #000 !important; } .red { color: #df1e26 !important; } .black{ color: #000 !important; } .green{ color: #b5d334 !important; } .orange{ color: #f47721 !important; } .cyan{ color: #20c4f4 !important; } .yellow{ color: #ffd700 !important; } .blue{ color: #1474b4 !important; } .brown{ color: #ce9a65 !important; } .purpleBg{ background: #803d80 !important; } .greyBg{ background: #d8d4cf !important; } .blueBg{ background: #DDF1F0 !important; } .lightgreyBg{ background: #f2f2f2 !important; } .blackBg{ background: #000 !important; } .single-property .green{ color: #00662b !important; } .single-property .greenBg{ background: #00662b !important; } .single-property .blue{ color: #054a78 !important; } .single-property .blueBg{ background: #054a78 !important; } .page-template-template-property-haven{ background-image: none !important; background: #DDF1F0; } .page-template-template-property-haven .blueBg{ background: #DDF1F0 !important; color: #000 !important; } .gradient { background: transparent; background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #e1ac65), color-stop(100%, #87706b)); background: -webkit-linear-gradient(-45deg, #e1ac65 0%, #87706b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .gradientBg{ background: rgb(199,150,102) !important; background: -moz-linear-gradient(90deg, rgba(199,150,102,1) 0%, rgba(134,115,106,1) 100%) !important; background: -webkit-linear-gradient(90deg, rgba(199,150,102,1) 0%, rgba(134,115,106,1) 100%) !important; background: linear-gradient(90deg, rgba(199,150,102,1) 0%, rgba(134,115,106,1) 100%) !important; } .fullWidth{ max-width: none; width: 100%; } .overlayHolder{ position: relative; } .overlay{ position: absolute; } .weather-icon i { font-family: 'weathericons'; font-style: normal; font-weight: bold; line-height: 1; color: #803d80 !important; font-size: 16px; /*padding: 20px 0;*/ } .weather-icon i.icon-01d:before { content: '\f00d'; } .weather-icon i.icon-01n:before { content: '\f02e'; } .weather-icon i.icon-02d:before { content: '\f002'; } .weather-icon i.icon-02n:before { content: '\f086'; } .weather-icon i.icon-03d:before, .weather-icon i.icon-03n:before { content: '\f041'; } .weather-icon i.icon-04d:before, .weather-icon i.icon-04n:before { content: '\f013'; } .weather-icon i.icon-09d:before, .weather-icon i.icon-09n:before { content: '\f017'; } .weather-icon i.icon-10d:before { content: '\f009'; } .weather-icon i.icon-10n:before { content: '\f029'; } .weather-icon i.icon-11d:before, .weather-icon i.icon-11n:before { content: '\f01d'; } .weather-icon i.icon-13d:before, .weather-icon i.icon-13n:before { content: '\f01d'; } .weather-icon i.icon-50d:before, .weather-icon i.icon-50n:before { content: '\f01b'; } .postid-314 .mec-events-meta-group-gmap{ display: none !important; } .postid-314 .mec-single-event .mec-frontbox, .postid-314 .mec-single-event-date, .postid-314 .mec-single-event-time{ background: #fff !important; } .postid-314 .mec-single-event .mec-frontbox i{ display: none; } .postid-314 .mec-single-event .mec-frontbox h3, .postid-314 .mec-start-date-label, .postid-314 .mec-events-abbr{ color: #fff !important; } /* ============================================== BACKGROUNDS */ body { /*background-image: url('img/bg-01.jpg');*/ background-position: center center; background-attachment: fixed; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } /*.safari .home{ background: url('../img/bg-01.jpg') no-repeat center center scroll; }*/ /* ============================================== HEADER */ .menu .active>a { background: transparent; color: #000; } #header{ z-index: 2; } /*figures*/ /*.figures p{ font-size: 18px; }*/ .search{ text-align: right; /*padding-right: 1.875rem;*/ } .search:hover, #close:hover{ cursor: pointer; } .search i{ padding-left: 10px; } .search-overlay{ height:15vh; width:100%; position:fixed; z-index:100; left:0; top:0; background-color: #803d80; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; display: block; opacity: 1; } .off{ -webkit-transform: translateY(-20vh); -ms-transform: translateY(-20vh); transform: translateY(-20vh); display: none; opacity: 0; } .search-overlay .search-input-wrapper{ position: absolute; text-align:center; max-width: 80%; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 0px; } #close{ position: absolute; top: 10px; right: 20px; font-size: 18px; color: #fff; } /*search form*/ /*[type='search']*/ .search-overlay .search-input-wrapper [type='text'] { height: 2.5rem; border: none; border-bottom: 1px solid #fff; border-radius: 0; background-color: #803d80; color: #fff; } .search-overlay .search-input-wrapper [type='text']:focus{ box-shadow: none; } .search-overlay .search-input-wrapper .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; font-family: inherit; padding: 0 1em; -webkit-appearance: none; border: 1px solid #fff; border-radius: 0; background-color: #803d80; color: #fff; } .topHeader{ padding-left: 0.9375rem; /*margin-bottom: 30px;*/ } .logo{ padding-left: 0; } #app h2, #app p{ display: none; } #app { color: #803d80 !important; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; font-size: 18px; } #app, .weather p{ display: inline-block; margin-bottom: 0; } /*.weather p{ margin-right: 10px; }*/ /*.air{ text-align: center; } .power{ text-align: right; }*/ /*navigation*/ .subHeader{ padding-left: 0.9375rem; padding-right: 0.9375rem; } .nav{ padding: 0; } .nav{ border:1px solid #808080; border-width:1px 0; } #menu{ /*border:1px solid #808080; border-width:1px 0;*/ list-style:none; margin:0; padding: 0; text-align:center; } #menu li{ position: relative; display:inline-block; width: 10.8%; /*padding: 15px 0 10px;*/ border-left:1px solid #808080; /*background: pink;*/ } .mac #menu li{ padding: 20px 0 0px; } /*.safari #menu li{ padding: 15px 0 0; }*/ #menu li:first-child{ border-left: none; } #menu a{ font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; /*font-size: 20px;*/ /*padding: 0 10px;*/ line-height: 1; /*background: green;*/ } #menu a:hover, #menu li.active a{ color: #1fa7d7; } #menu li ul li a{ color: #000 !important; } #menu li ul li.active a, #menu li ul li:hover a{ color: #1fa7d7 !important; } #menu ul { margin: 0; top: 100%; position: absolute; /*width: 103%;*/ width: auto; min-width: 100%; background: #fff; border:1px solid #232320; border-width: 0 1px 0; text-align: center; display: none; } #menu li:hover > ul{ display: block; } #menu ul li { border:1px solid #232320; border-width:1px 0 0; width: 100%; display: block; } #menu ul li:last-child{ border-bottom:1px solid #232320; } #menu ul li a{ font-family: 'euclid_flexmedium', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 18px; } /* ============================================== CONTENT */ #content{ z-index: 1; } .internal #content{ margin-top: 15px; } /* ============================================== HERO SLIDER */ /*.heroSlider{ margin-top: 30px; }*/ /*.heroSlider, .slide { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('../hero-placeholder.jpg'); } .slide { position: relative; height: 60vh; } .home .heroSlider .slide1 { background-image: url('../img/hero-index-01.jpg'); } .home .heroSlider .slide2 { background-image: url('../img/hero-index-01.jpg'); }*/ /*.home .heroSlider .overlay{ top: 30px; left: 30px; bottom: 30px; right: 30px; }*/ .home .staticSlider .overlay{ /*top: 30px; left: 40px; bottom: 30px; right: 40px;*/ } .home .heroSlider .border{ width: 100%; height: 100%; } /*background: url('../img/border-hero.png') no-repeat center;*/ /*width: 100%; height: 100%; object-fit: cover;*/ /*background: url();*/ /*padding: 10%;*/ /*background: green;*/ .home .staticSlider .border{ position: relative; } .home .heroSlider .border .bit{ background: #fff; position: absolute; } .heroSlider .copy{ position: absolute; /*left: 50%;*/ /* left: 5%; top: 13%;*/ /*max-width: 40%;*/ } .staticSliderImg.hideMob{ } .page-template-template-home .staticSliderImg.hideMob .staticSlider{ height: 100%; } .staticSlider, { background: none; } .page-template-template-home .staticSliderImg.hideMob .staticSlider{ background: url('img/static-index-01.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .staticSlider .copy{ position: absolute; /* left: 5%; top: 10%;*/ /*max-width: 45%;*/ } .heroSlider a, .staticSlider a{ color: #fff; /*font-size: 18px;*/ } h1{ /*line-height: 1;*/ letter-spacing: -0.5px; font-size: 26px; } /*.staticSlider h1{ font-size: }*/ .heroSlider h1, .staticSlider h1{ color: #fff; } .staticSlider h1{ margin-bottom: 0; } h4{ font-size: 28px; } .heroSlider p, .staticSlider p{ color: #fff; line-height: 1.2; letter-spacing: -0.5px; /*font-size: 24px;*/ } .heroSlider .tblCell{ text-align: left !important; } .bit.bTop{ top: 0; left: 0; width: 100%; height: 20px; } .bit.bRight{ top: 0; right: 0; height: 100%; width: 20px; } .bit.bBottom{ bottom: 0; right: 0; width: 91%; height: 20px; } .bit.bLeft{ top: 0; left: 0; height: 72.5%; width: 20px; } .bit.bAngle{ bottom: -3.5%; left: 4.5%; height: 38%; width: 20px; transform: rotate(-45deg); } .section{ margin-bottom: 30px; } .sectionLast{ margin-bottom: 0; } .line{ background: #808080; } .line.vert{ position: absolute; width: 1px; height: 100%; right: 0; top: 0; } .line.horiz{ width: 100%; height: 1px; right: 0; top: 0; } .section.line{ margin-bottom: 30px; } ul.iconList { list-style: none; margin: 0; margin-top: 50px; } .iconList li { position: relative; /*margin-top: -40px;*/ width: 50%; float: left; /*margin-bottom: 40px;*/ } /*.iconList li span.listIcon { display: inline-block; position: absolute; left: 0; top: 2px; vertical-align: top; }*/ /*.iconList li span.listIcon i{ font-size: 38px; } */ .iconList li p { /*padding-left: 65px;*/ text-align: left; display: inline-block; } .iconList .title{ line-height: 1; /*font-size: 28px;*/ } .iconList .title .black { display: block; margin-bottom: 5px; /*font-size: 20px;*/ } .iconList .title .grey { /*display: block;*/ margin-bottom: 5px; font-size: 16px; } .icons h2, .newsTicker h2{ /*letter-spacing: -0.5px;*/ margin-bottom: 30px; /* font-size: 36px;*/ } .newsTicker h3{ /*margin-top: 15px;*/ /*font-size: 24px;*/ } .newsTicker a{ color: #808080; } .newsListItem{ position: relative; border-bottom: 1px solid #808080; } .calendar .newsListItem{ border-bottom: 0; } .newsListItem img{ display: block; margin-bottom: 15px; } /*.newsListItem:last-child{ border-bottom: 0; }*/ /*.newsListItem.clearfix{ padding-bottom: 25px; margin-bottom: 25px; }*/ .newsListItem.clearfix{ /*padding-bottom: 15px;*/ /*margin-bottom: 15px;*/ } .newsListItemLast.clearfix{ padding-bottom: 0; margin-bottom: 0; } .pBig{ line-height: 1.3; letter-spacing: -0.5px; /*font-size: 24px;*/ } .carousel .overlay{ top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); /* padding: 20px;*/ } .carousel .overlayInner{ position: relative; height: 100%; } .carousel .copy{ position: absolute; bottom: 0; text-align: left; } /*.carousel h4, .property h4{ font-size: 36px; }*/ .carousel p{ margin-bottom: 0; /*font-size: 20px;*/ } .carousel p.title{ letter-spacing: -0.5px; /* font-size: 36px;*/ } /*.carouselThumb{ padding-right: 0.46875rem; padding-left: 0.46875rem; }*/ /*.carouselSlide.selected{ padding-left: 10px; }*/ /*.carouselSlide{ padding: 0.9375rem 0.46875rem 0; }*/ .carouselSlide .copy{ top: 0; /*padding: 5%;*/ } .carouselSlide .overlay{ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /*.carouselSlider{ padding-bottom: 50px; } */ .carouselSlider p.title{ margin-bottom: 0; /*font-size: 24px;*/ } .heading{ display: block; line-height: 1; /*margin-bottom: 5px;*/ /*font-size: 24px;*/ } .static h1{ margin-bottom: 24px; } /* ============================================== LIFTANGO */ ol { list-style: none; counter-reset: my-awesome-counter; margin-left: 0; } ol li { counter-increment: my-awesome-counter; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; } ol li::before { content: counter(my-awesome-counter) ". "; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; } .liftangoPhone{ display: inline-block; margin-top: 35px; } .liftangoGrid{ padding-top: 50px; } .liftangoButton{ background: #ffd700; display: inline-block; width: 250px; padding: 15px 0; } .liftangoLinks{ text-align: center; } .liftangoLinks h1{ margin-bottom: 25px; } .liftangoLinks a{ text-decoration: underline; text-transform: uppercase; display: block; margin-top: 15px; } .liftangoLinks a:last-child{ margin-bottom: 20px; } /* ============================================== LIVE LIFE GET ACTIVE */ .llgaButton{ background: #df1e26; display: inline-block; width: 250px; padding: 15px 0; color: #fff; } .page-template-template-artwalk .llgaButton{ width: auto; padding: 15px 30px; } .llgaSched{ text-align: center; } .llgaSchedTitle{ display: inline-block; border-bottom: 1px solid #000; margin-bottom: 25px; } .llgaSched ul{ list-style-type: none; } .llgaSched ul li{ margin-bottom: 25px; } /* ============================================== DIRECTORY */ h1.directory{ margin-top: 50px; } .page-template-template-directory .intro{ text-align: left !important; } .page-template-template-directory .accordion-title { padding: 1.25rem 1rem; border: none; border-bottom: 1px solid #000; color: #000; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; text-transform: uppercase; font-size: 21px; } .accordion-item.is-active .accordion-title { border: none; } .page-template-template-directory .accordion { background: #fff; } :last-child:not(.is-active)>.accordion-title { border-bottom: 1px solid #000; } .accordion-title:focus, .accordion-title:hover { background-color: #fff; } .accordion-content { border: none; border-bottom: 1px solid #000; background-color: #d8d4cf; color: #000; } .accordion-content a{ text-decoration: underline; } /* ============================================== INITIATIVES */ .page-template-template-all-initiatives .listIcon, .page-template-template-all-initiatives .listTitle{ /*float: left;*/ } .page-template-template-all-initiatives .listTitle{ font-size: 36px; } .page-template-template-all-initiatives .listTitle p{ line-height: 1; margin-bottom: 0; } .subTitle{ line-height: 1; margin-top: 15px; margin-bottom: 15px; font-size: 22px; } .page-template-template-all-initiatives .propertyThumb ul li a { text-decoration: underline; } .page-template-template-all-initiatives .propertyThumb{ margin-bottom: 1.875rem; } /* ============================================== SEARCH */ .search #primary, .search #header, .search #footer{ text-align: left !important; } .search #primary{ margin-top: 35px; margin-bottom: 35px; } .search #primary h2{ margin-bottom: 25px; } .search #primary li{ margin-top: 15px; } /* ============================================== WHATS ON */ .page-template-template-home .mec-event-footer{ display: none; } .mec-event-image{ margin-bottom: 10px; } .mec-wrap .mec-single-title{ font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; } .page-template-template-whats-on .mec-event-grid-classic .mec-event-date{ font-weight: 400; font-size: 12px; text-transform: capitalize; letter-spacing: 1px; margin: 0; padding: 0; text-align: center; } .page-template-template-home .mec-calendar { margin-bottom: 0; } .mec-calendar .mec-event-article .mec-event-title{ text-transform: capitalize !important; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #000000; display: inline-block; max-width: 70%; } .mec-calendar .mec-event-article .mec-event-title a{ color: #000000 !important; } /*.mec-calendar .mec-event-article .mec-event-title a:hover{ color: #f47721 !important; }*/ .page-template-template-home .mec-event-time.mec-color{ /*color: #ec7721 !important;*/ } .page-template-template-whats-on{ } .page-template-template-whats-on .mec-calendar .mec-calendar-header h2{ text-transform: none !important; } .page-template-template-whats-on .mec-wrap .mec-totalcal-box { border: none; /*border-bottom: 1px solid #000;*/ background: transparent !important; /*padding: 20px 5px; margin: 0 0 20px; overflow: hidden;*/ box-shadow: none !important; /*min-height: 78px;*/ } .page-template-template-whats-on .mec-sl-calendar, .mec-totalcal-view{ display: none; } .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box select{ border: none !important; color: #000; background-color: #fff; background-size: 15px; font-family: inherit; } #mec_sf_month_15, #mec_sf_year_15{ background: url('img/select.png') no-repeat right center; width: 30%; margin-right: 30px; } #mec_sf_year_15{ background: url('img/select.png') no-repeat right center; width: 20%; } #mec_sf_month_15:focus { outline: 0; border: none; background-color: #fff; box-shadow: none; transition: none; } #mec_sf_s_15{ box-shadow: none; border: none; /*border-bottom: 1px solid #000 !important;*/ } #mec_sf_month_15:hover, #mec_sf_year_15:hover{ cursor: pointer; } .mec-calendar .mec-has-event:after, .mec-calendar .mec-selected-day, .mec-calendar .mec-selected-day:hover{ background-color: #ec7721; } .lity-container, .mec-wrap, .mec-wrap div:not([class^=elementor-]){ font-family: inherit; } .mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected{ color: #ec7721; background: #fff; border-color: #fff; } .mec-wrap .mec-totalcal-box i{ border: none; /* border-bottom: 1px solid #000 !important;*/ color: #000; } .mec-calendar .mec-calendar-side .mec-next-month i, .mec-calendar .mec-calendar-side .mec-previous-month i { /* font-size: 12px;*/ color: #000; /*cursor: pointer;*/ } .mec-calendar .mec-calendar-side .mec-next-month, .mec-calendar .mec-calendar-side .mec-previous-month{ border: none; box-shadow: none; color: #000; } .mec-calendar .mec-calendar-side .mec-next-month:hover, .mec-calendar .mec-calendar-side .mec-previous-month:hover { background-color: #ffffff; color: #ec7721; } .mec-calendar .mec-calendar-side{ box-shadow: none; } .mec-wrap { font-family: inherit; color: #000000; } .mec-calendar .mec-calendar-events-side .mec-table-side-day{ border: none; } .mec-color, .mec-color-before :before, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-color-before :before, .mec-wrap .mec-color-hover:hover, .mec-calendar .mec-calendar-row dt.mec-has-event:hover, .mec-calendar .mec-calendar-row dt.mec-has-event:hover{ color: #803d80 !important; } .mec-calendar .mec-event-article:hover{ background: #fff; } .mec-calendar .mec-calendar-row dt.mec-has-event:hover { background: #ec7721; } .mec-event-footer{ border: none; background-color: #fff; } .mec-calendar .mec-calendar-events-side{ border: none; } .entry-content .mec-wrap h1, .entry-content .mec-wrap h2, .entry-content .mec-wrap h3, .entry-content .mec-wrap h4, .entry-content .mec-wrap h5, .entry-content .mec-wrap h6, .mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6{ font-family: inherit; color: #000; } .event-color{ display: none; } .mec-calendar .mec-event-article{ border-top: none; clear: both; } .mec-calendar{ border: none; } .mec-marker-infowindow-wp .mec-marker-infowindow-count{ display: none; } .mec-marker-infowindow-wp .mec-marker-infowindow-count{ color: #ec7721; border: 1px solid #ec7721; } .mec-marker-infowindow-wp .mec-marker-infowindow-content span:first-child{ display: none; } .mec-get-direction{ display: none; } .mec-qrcode-details{ display: none; } .mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox{ border: none; } .mec-container{ width: 100%; max-width: none; margin-top: 20px; } .mec-single-event-category{ display: none; } .home .mec-wrap div:not([class^=elementor-]) { font-family: inherit; float: left; width: 100%; } .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-side{ width: 100% !important; } /*#mec_skin_events_16{ padding-left: 25px; } */ .home .mec-calendar .mec-event-article .mec-event-detail{ display: none; } .home .mec-calendar .mec-event-article .mec-event-image{ width: 25% !important; } .home .mec-wrap.colorskin-custom .mec-color{ width: 55% !important; } .mec-calendar .mec-calendar-side .mec-next-month{ text-align: right; width: 50% !important; } .mec-calendar .mec-calendar-side .mec-previous-month{ text-align: left; width: 50% !important; } .mec-calendar .mec-event-article .mec-event-title a{ display: inline-block; margin-top: 10px; font-size: 20px; } .home .mec-calendar .mec-event-article{ min-height: 125px; } .home .mec-wrap.mec-sm959 .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly) .mec-calendar-header { position: relative; width: 100%; margin-top: 0px; margin-bottom: 0px; padding-top: 20px; } .home .mec-calendar dt { border-radius: 50%; } .home .mec-calendar .mec-calendar-events-side .mec-table-side-title{ display: none; } .home .mec-wrap.colorskin-custom .mec-calendar .mec-calendar-events-side .mec-table-side-day{ display: none; } .home .mec-calendar .mec-calendar-events-side{ padding: 0; } .single-mec-events .mec-sl-calendar:before, .single-mec-events .mec-sl-clock:before, .single-mec-events .mec-sl-location-pin:before, .single-mec-events .mec-sl-info:before, { color: #803d80 !important; } .mec-single-event .mec-event-meta .mec-events-event-categories a, .mec-single-event .mec-event-meta dd, .mec-single-event .mec-event-meta .mec-events-address{ color: #000; } .mec-single-event .mec-frontbox{ background: #d8d4cf; } .mec-event-cost, .mec-event-more-info, .mec-event-website, .mec-events-meta-date, .mec-single-event-additional-organizers, .mec-single-event-category, .mec-single-event-date, .mec-single-event-label, .mec-single-event-location, .mec-single-event-organizer, .mec-single-event-time, .mec-googlemap-details{ background: #d8d4cf; padding:40px 15px; margin-bottom: 0; border-bottom: 1px solid #fff; width: 80%; margin: 0 auto; } .mec-googlemap-details{ border: none !important; } .mec-single-event .mec-events-meta-group-gmap{ background: #d8d4cf; margin-bottom: 50px; padding: 60px 20px; } /*.mec-single-event-location{ border-bottom: none; } */ .mec-event-info-desktop > div:last-child{ border-bottom: none; } .mec-googlemap-details{ max-height: 300px; } .mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox{ padding: 0; } .mec-single-event .mec-events-meta-group-booking, .mec-single-event .mec-frontbox{ box-shadow: none; } .mec-single-event .mec-event-meta h3, .mec-single-event .mec-event-meta dd{ font-size: 20px; text-transform: capitalize !important; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; } .eventButton{ background: #000; color: #fff !important; text-transform: uppercase; display: inline-block; padding: 5px; width: auto; text-align: center; margin-top: 10px; min-width: 200px; } .addHeading{ text-transform: capitalize; font-weight: 700 !important; padding-bottom: 5px; display: inline; color: #000; padding-left: 10px; font-size: 20px !important; } .mapHeading{ padding-left: 40px; margin-bottom: 15px; } .mec-single-event .mec-event-meta .mec-events-address{ font-size: 18px; } .mec-marker-wrap .mec-marker-pulse:after { display: none; } .mec-wrap p{ font-size: 16px; color: #000; } .page-template-template-whats-on .mec-calendar .mec-calendar-header h2{ color: #000; } .page-template-template-whats-on .mec-wrap h6{ font-size: 22px !important; font-weight: 700; color: #fff; text-transform: capitalize !important; } .page-template-template-whats-on h3.mec-color.mec-table-side-day{ display: none; } /*.mec-calendar .mec-calendar-side .mec-next-month, .mec-calendar .mec-calendar-side .mec-previous-month{ float: none !important; } .mec-calendar-events-side.mec-clear{ float: left; }*/ .page-template-template-whats-on .eventTile { margin-bottom: 1.875rem; } .page-template-template-whats-on .mec-event-grid-classic .col-md-12.col-sm-12{ padding: 0; } .page-template-template-whats-on .mec-event-grid-classic .mec-event-article { position: relative; border: none; box-shadow: none; margin-bottom: 0; max-width: none; } .single-mec-events .mec-events-event-image img{ width: 100%; max-width: none; } .single-mec-events .mec-booking-button { display: none; } .page-template-template-whats-on .mec-event-footer .mec-booking-button{ position: relative; box-shadow: none; transition: all .21s ease; font-size: 11px; font-weight: 500; letter-spacing: 1px; text-transform: none; color: #000000; border: none; top: 0; right: 0; padding: 0; line-height: 0; height: auto; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 16px; } .page-template-template-whats-on .mec-event-footer .mec-booking-button:hover{ background: transparent; color: #000; } .page-template-template-whats-on .mec-event-footer { position: relative; border-top: none; padding: 0; min-height: auto; margin: 0; background: #fff; } .page-template-template-whats-on .mec-event-grid-classic .mec-event-content p{ text-align: left !important; color: #000; font-family: 'euclid_flexregular', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 16px; } .page-template-template-whats-on .mec-event-grid-classic .mec-event-content{ padding: 0; color: #000; } .page-template-template-whats-on .mec-event-grid-classic .mec-event-title { color: #ec7721; margin: 10px 0 0; text-align: left !important; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-weight: normal; /* font-size: 18px;*/ letter-spacing: 0; text-transform: none; } .page-template-template-whats-on .mec-wrap.colorskin-custom .mec-bg-color{ background-color: transparent; color: #000 !important; text-align: left !important; } .page-template-template-whats-on .mec-event-grid-classic .mec-event-content{ min-height: auto; } .page-template-template-whats-on .mec-wrap.colorskin-custom .mec-color-hover:hover{ color: #803d80 !important; } .single-mec-events .mec-event-schedule.mec-frontbox{ display: none; } .page-template-template-whats-on .mec-load-more-button{ font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; display: inline-block; border: 2px solid #803d80; color: #803d80; padding: 5px 30px; font-size: 24px; transition: all .21s ease; text-transform: capitalize; border-radius: 0; line-height: 1.2; height: auto; } .page-template-template-whats-on .mec-load-more-button:hover{ border: 2px solid #803d80; background: #803d80; color: #fff; } .page-template-template-whats-on .mec-load-more-wrap{ z-index: -1; } .page-template-template-whats-on .mec-totalcal-monthlyview.mec-totalcalview-selected{ background-color: transparent; color: #ec7721; } /*.page-template-template-whats-on .mec-calendar .mec-event-article .mec-event-image{ width: 200px; }*/ /* ============================================== MEMBER */ .page-template-template-member .intro{ text-align: left !important; } /* ============================================== COMMUNITY */ .page-template-template--norwest-community .intro{ text-align: left !important; } /* ============================================== PROPERTY PAGE */ .intro{ text-align: center; /*font-size: 30px; padding-top: 50px; padding-bottom: 50px;*/ } .page-template-template-vision .intro, .page-template-template-contact-property .intro, .page-template-template-liftango-form .intro, .page-template-template-live-life-active .intro, .page-template-template-contact-initiatives .intro{ padding-top: 50px; padding-bottom: 50px; } /*.page-template-template-initiatives .vision .intro{ padding-top: 0; padding-bottom: 0; }*/ .gmap { height: 300px; width: 100%; padding: 3px; border: 5px solid #ddd; font-size: 90%; } /*.inset{ padding: 0 8%; }*/ .propertyThumb{ margin-bottom: 0.9375rem; } .page-template-template-mulpha .propertyThumb{ margin-bottom: 1.875rem; } .connect .propertyThumb, { margin-bottom: 1.875rem; } .propertyThumbDetails{ margin-top: 15px; } .page-template-template-heatmap .propertyThumbDetails{ margin-top: 0; margin-bottom: 15px; } .propertyThumbDetails p{ margin-bottom: 0; line-height: 1.2; } .page-id-137 .propertyThumbDetails p a{ display: inline-block; margin: 10px auto; } .propertyThumbTitle{ font-size: 20px; } ul.propertyThumbTitle{ text-align: center; list-style-position: inside; } .propertyThumbAddress{ font-size: 16px; } .propertyThumbDesc{ margin: 5px auto 7px auto !important; } /* .page-template-template-location #mapNav{ text-align: center; padding-top: 25px; } .page-template-template-location #mapNav ul{ list-style:none; margin:0; padding:0; text-align:center; } .page-template-template-location #mapNav .tabs{ border: none; background: #fff; } .page-template-template-location #mapNav > a { color: #000; padding: 10px 0; display: inline-block; margin-right: 20px; } */ #mapNav{ text-align: center; padding-top: 25px; } #mapNav ul{ list-style:none; margin:0; padding:0; text-align:center; } #mapNav .tabs{ border: none; background: #fff; } #mapNav > a { color: #000; padding: 10px 0; display: inline-block; margin-right: 20px; } .tabs-title > a { font-size: 16px; color: #000; padding: 10px 0; display: inline-block; } /*.page-template-template-location #mapNav li{ display: inline; }*/ .property .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #fff; color: 000; } #map_canvas, #map_location, #map_heat { /*height: 800px;*/ width: 100%; } .property .tabs-content { border: none; background: #fff; color: #808080; } .property .tabs-panel{ padding: 0; } .tabs-title > a{ font-size: 16px; color: #808080; padding: 10px 0; display: inline-block; margin-right: 20px; } .property .tabs-title.is-active a{ color: #000; } .tabs-title > a img{ display: inline-block; margin-right: 10px; } .noShow{ display: none !important; } .property .tabs { border: none; background: #fff; } .property .tabs-title > a:hover { background: #fff; color: #000; } .property .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] { background: #fff; color: #808080; } .property .pBig{ font-size: 20px; } /* ============================================== COMMUNITY PAGE */ .community .propertyThumb{ margin-bottom: 1.875rem; } .community .propertyThumbAddress{ margin-bottom: 10px; } .mac .community .propertyThumbAddress{ padding-bottom: 10px; } /* ============================================== PLACEMAKING PAGE */ .intro h1{ font-size: 26px; } /* ============================================== CONNECT PAGE */ /*.connect .connectIntro{ padding-top: 100px; padding-bottom: 80px; }*/ .page-template-template-initiatives .connect .connectIntro{ padding-top: 0px; padding-bottom: 0px; } .connectList{ text-align: left !important; margin-top: 50px; font-size: 18px; } .connectList span{ display: block; } .connectList li{ margin-bottom: 25px; } .connectList li img{ display: inline-block; margin-right: 10px; margin-top: 5px; } .connect .greyBg{ /* padding-bottom: 0 !important;*/ margin-bottom: 0 !important; } /* ============================================== NEWS PAGE */ .news .tblCell{ text-align: left !important; } .newsItem{ } .newsDate{ margin-bottom: 0; } .newsTitle h1{ margin-top: 20px; } .news .copy p{ /*font-size: 24px;*/ } .newsIntro{ /*font-size: 30px;*/ line-height: 1.2; } .newsHeadline{ /* font-size: 42px;*/ line-height: 1.2; } .newsType{ font-size: 18px; } .newsItem .line{ margin: 30px auto; } .showMoreNews{ text-align: center; } .showMoreNews a{ display: inline-block; border: 2px solid #803d80; color: #803d80; padding: 5px 30px; font-size: 24px; } .mac .showMoreNews a{ padding: 20px 30px 5px; } .showMoreNews a:hover{ background: #803d80; color: #fff; } /* ============================================== NEWS ARTICLE PAGE */ .newsArticleHeading{ margin-top: 50px; } /*.newsArticleHeading p{ margin-bottom: 0; }*/ .newsArticleHeading .newsType{ margin-top: 15px; } .newsArticleHeading .newsDate{ margin-bottom: 15px; } .newsArticleImage{ margin: 25px auto 50px; } .newsArticleImage p{ margin-top: 15px; font-size: 12px; font-family: 'euclid_flexmedium_italic'; } .newsArticleImage img{ display: block; margin: 0 auto; } .initiativeList ul{ border: 1px solid #808080; border-width:1px 0; list-style:none; margin: 50px 0; padding: 25px 0; text-align:center; } .initiativeList ul li{ display:inline-block; /* width: 14%;*/ } /* ============================================== VISION PAGE */ .plusImg img{ display: block; margin-left: auto; margin-right: auto; } .vision #wrapper{ padding: 0; } .vision .greyBg{ padding-bottom: 25px; } .page-template-template-contact-property .greyBg, .page-template-template-vision .greyBg{ padding-bottom: 50px; } .propose{ line-height: 1; border: 10px solid #000; /*font-size: 42px;*/ padding: 10%; } /* ============================================== FORMS */ [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { border: 1px solid #cacaca; border-radius: none !important; background-color: #fff; box-shadow: none; color: #000; transition: none; } select:focus { border: none; background-color: #ffffff; box-shadow: none; transition: none; } /* ============================================== CONTACT */ label{ font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #000000; } [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { border: none; border-radius: 0; background-color: #fff; box-shadow: none; font-family: 'euclid_flexregular', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 16px; font-weight: normal; color: #000; transition: none; } .page-template-template-liftango-form [type=email], .page-template-template-liftango-form [type=text], .page-template-template-liftango-form textarea, .page-template-template-liftango-form [type=email]:focus, .page-template-template-liftango-form [type=text]:focus, .page-template-template-liftango-form textarea:focus { background-color: #d8d4cf; } .page-template-template-liftango-form label{ text-align: left !important; } select { border: none; border-radius: 0; background-color: #fff; font-size: 16px; font-weight: normal; color: #000; background-image: none; transition: none; font-family: 'euclid_flexregular', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; } .page-template-template-liftango-form select { background-color: #d8d4cf; color: #000; } #formSubmit{ background: #333333; border: none; color: #fff; font-family: 'euclid_flexregular', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; height: 2.4375rem; margin: .5rem 0 10px; padding: .5rem; width: 100%; max-width: 250px; } .page-template-template-liftango-form #formSubmit{ max-width: 100%; margin: 1.5rem 0 10px; } #response p{ font-size: 12px; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; color: #000000; } #map_contact { height: 100%; /* The height is 400 pixels */ min-height: 300px; width: 100%; /* The width is the width of the web page */ } /* ============================================== SINGLE PROPERTY PAGEs */ .page-template-template-property-bond .single-property #propNav{ background: #073354; } .single-property #propNav{ background: #000; list-style:none; margin:0; padding:0; text-align:center; } .single-property .stuck { position: fixed; left: 0; top: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%; z-index: 1000; background: #000; /* max-width: 86% !important;*/ } .page-template-template-property-bond .single-property .stuck{ background: #073354; } .single-property #propNav li{ display:inline-block; width: 15%; } .single-property #propNav a{ font-family: 'euclid_flexmedium', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; display:inline-block; text-transform: uppercase; color: #fff; padding:10px; /* font-size: 16px;*/ } .single-property #propNav a:hover, .single-property #propNav a.mPS2id-highlight{ color: #d8d4cf !important; } .sTropTile img{ display: inline-block; margin-bottom: 25px; } /*.propertySlider img{ padding: 0 25px; }*/ .sTropCTitle{ font-size: 43px; } .gridTileHeading { text-align: center; margin-bottom: 40px; font-size: 32px; } .gridTile{ text-align: center; margin-bottom: 1.875rem; } .gridTile .padded{ padding: 0 8%; } .propList { list-style: none } .propList li{ float: left; width: 50%; padding-right: 25px; } .propList li::before { content: "•"; color: #ce9a65; display: inline-block; width: 1em; margin-left: -1em; } /*.padTop{ padding-top: 5%; }*/ .single-property .slick-prev, .single-property .slick-next{ width: 16px; height: 28px; } .single-property .slick-prev{ background: url(img/arrows-property-prev.png) no-repeat center; left: 0; } .single-property .slick-next{ background: url(img/arrows-property-next.png) no-repeat center; right: 0; } .single-property .slick-dots { bottom: -30px; } .single-property .slick-dots li button:before { font-family: inherit; width: 10px; height: 10px; border-radius: 50%; content: ""; opacity: 1; color: transparent; background: transparent; border: 1px solid #808080; } .single-property .slick-dots li.slick-active button:before{ background: #808080; opacity: 1; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { background: #808080; opacity: 0.5; } .propCarouselSlider img{ padding: 6%; } /*form*/ .sTropFormIntro{ font-size: 36px; } .sTropFormIntro.sales{ margin-bottom: 0; } .sTropaddress{ font-size: 28px; } .single-property [type=text], .single-property [type=email], .single-property select { border: none; border-bottom: 2px solid #000; } [type=color]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=datetime]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, textarea:focus { outline: 0; border: none; background-color: #fff; box-shadow: none; transition: none; } .single-property [type=text]:focus, .single-property [type=email]:focus, .single-property select:focus{ border-bottom: 2px solid #000; } .single-property #formSubmit{ display: block; margin-left: auto; margin-right: auto; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000 !important; } ::-moz-placeholder { /* Firefox 19+ */ color: #000 !important; } :-ms-input-placeholder { /* IE 10+ */ color: #000 !important; } :-moz-placeholder { /* Firefox 18- */ color: #000 !important; } .search-overlay ::-webkit-input-placeholder { color: #fff !important; } .search-overlay ::-moz-placeholder { color: #fff !important; } .search-overlay :-ms-input-placeholder { color: #fff !important; } .search-overlay :-moz-placeholder { color: #fff !important; } /* ============================================== PAGINATION */ .pagination_div{ margin-top: 50px; text-align: center; } .page-numbers { display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; border: 1px solid #803d80; color: #803d80; line-height: 1; text-decoration: none; } .page-numbers.current, a.page-numbers:hover { background: #803d80; color: #fff; } .page-numbers.page-num{ font-size: 12px; } .page-numbers.page-num, .page-numbers.next, .page-numbers.prev{ border: none !important; } .page-numbers.next, .page-numbers.prev{ background: #803d80; color: #fff; } /* ============================================== FOOTER */ #footer{ padding: 50px 25px 40px; color: #fff; } .footerCol p, .footerCol a { color: #fff; } /*.footerTitle{ font-size: 24px; }*/ .footerCol ul{ list-style-type: none; margin: 0; } /*.footerCol li{ margin-bottom: 10px; }*/ .footerCol .iconList li{ width: 100%; } /*.footerCol .iconList li p { padding-left: 40px; }*/ /* ============================================== PLUGINS */ /* ------ venobox.css --------*/ .vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{ -webkit-backface-visibility: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .vbox-overlay * { -webkit-backface-visibility: visible; backface-visibility: visible; } .vbox-overlay{ display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1040; -webkit-transform:translateZ(1000px); transform: translateZ(1000px); transform-style: preserve-3d; } /* ----- navigation ----- */ .vbox-title{ width: 100%; height: 40px; float: left; text-align: center; line-height: 28px; font-size: 12px; padding: 6px 40px; overflow: hidden; position: fixed; display: none; left: 0; z-index: 1050; } .vbox-close{ cursor: pointer; position: fixed; top: -1px; right: 0; width: 50px; height: 40px; padding: 6px; display: block; background-position:10px center; overflow: hidden; font-size: 24px; line-height: 1; text-align: center; z-index: 1050; } .vbox-num{ cursor: pointer; position: fixed; left: 0; height: 40px; display: block; overflow: hidden; line-height: 28px; font-size: 12px; padding: 6px 10px; display: none; z-index: 1050; } /* ----- navigation ARROWS ----- */ .vbox-next, .vbox-prev{ position: fixed; top: 50%; margin-top: -15px; overflow: hidden; cursor: pointer; display: block; width: 45px; height: 45px; z-index: 1050; } .vbox-next span, .vbox-prev span{ position: relative; width: 20px; height: 20px; border: 2px solid transparent; border-top-color: #B6B6B6; border-right-color: #B6B6B6; text-indent: -100px; position: absolute; top: 8px; display: block; } .vbox-prev{ left: 15px; } .vbox-next{ right: 15px; } .vbox-prev span{ left: 10px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .vbox-next span{ -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; } /* ------- inline window ------ */ .vbox-inline{ width: 420px; height: 315px; height: 70vh; padding: 10px; background: #fff; margin: 0 auto; overflow: auto; text-align: left; } /* ------- Video & iFrames window ------ */ .venoframe{ max-width: 100%; width: 100%; border: none; width: 100%; height: 260px; height: 70vh; } .venoframe.vbvid{ height: 260px; } @media (min-width: 768px) { .venoframe, .vbox-inline{ width: 90%; height: 360px; height: 70vh; } .venoframe.vbvid{ width: 640px; height: 360px; } } @media (min-width: 992px) { .venoframe, .vbox-inline{ max-width: 1200px; width: 80%; height: 540px; height: 70vh; } .venoframe.vbvid{ width: 960px; height: 540px; } } /* Please do NOT edit this part! or at least read this note: http://i.imgur.com/7C0ws9e.gif */ .vbox-open{ overflow: hidden; } .vbox-container{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow-x: hidden; overflow-y: scroll; overflow-scrolling: touch; -webkit-overflow-scrolling: touch; z-index: 20; max-height: 100%; } .vbox-content{ text-align: center; float: left; width: 100%; position: relative; overflow: hidden; padding: 20px 10px; } .vbox-container img{ max-width: 100%; height: auto; } .vbox-figlio{ box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); max-width: 100%; text-align: initial; } img.vbox-figlio{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .vbox-content.swipe-left{ margin-left: -200px !important; } .vbox-content.swipe-right{ margin-left: 200px !important; } .vbox-animated{ webkit-transition: margin 300ms ease-out; transition: margin 300ms ease-out; } /* ---------- preloader ---------- * SPINKIT * http://tobiasahlin.com/spinkit/ -------------------------------- */ .sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}} /*https://github.com/sylvaincombes/jquery-images-compare*/ /* Images compare main container */ .images-compare-container { display: inline-block; position: relative; overflow: hidden; /*padding: 0 25px;*/ } /* Images compare front element */ .images-compare-before { will-change: clip; position: absolute; top: 0; left: 0; z-index: 2; pointer-events: none; overflow: hidden; } /* Images compare back element */ .images-compare-after { pointer-events: none; } /* Responsive image settings */ .images-compare-before img, .images-compare-after img { max-width: 100%; height: auto; display: block; } /* Separator (thin vertical blank line) */ .images-compare-separator { position: absolute; background: #000; height: 100%; width: 3px; z-index: 4; left: 0; top: 0; } /* Drag handle (circle) */ .images-compare-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -19px; margin-top: -19px; z-index: 3; background: #000; cursor: pointer; } /* Drag handle arrows */ .images-compare-left-arrow, .images-compare-right-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; top: 50%; margin-top: -6px; } .images-compare-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .images-compare-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } /* Label */ .images-compare-label { font-family: sans-serif; text-transform: uppercase; font-weight: bold; position: absolute; top: 10px; left: 10px; z-index: 1; color: rgb(0, 0, 0); color: rgba(0, 0, 0, 0.4); background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.7); padding: 10px; border-radius: 5px; pointer-events: none; display: none; } .images-compare-container .images-compare-label { display: inherit; } .images-compare-before .images-compare-label { left: 10px; } .images-compare-after .images-compare-label { left: auto; right: 10px; } /*https://github.com/sampotts/plyr*/ @keyframes plyr-progress{ to{ background-position:25px 0 } } @keyframes plyr-popup{ 0%{ opacity:.5; transform:translateY(10px) } to{ opacity:1; transform:translateY(0) } } @keyframes plyr-fade-in{ from{ opacity:0 } to{ opacity:1 } } .plyr{ -moz-osx-font-smoothing:auto; -webkit-font-smoothing:subpixel-antialiased; direction:ltr; font-family:Avenir,"Avenir Next","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif; font-variant-numeric:tabular-nums; font-weight:500; line-height:1.7; max-width:100%; min-width:200px; position:relative; text-shadow:none; transition:box-shadow .3s ease } .plyr audio,.plyr video{ border-radius:inherit; height:auto; vertical-align:middle; width:100% } .plyr button{ font:inherit; line-height:inherit; width:auto } .plyr:focus{ outline:0 } .plyr--full-ui{ box-sizing:border-box } .plyr--full-ui *,.plyr--full-ui ::after,.plyr--full-ui ::before{ box-sizing:inherit } .plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{ touch-action:manipulation } .plyr__badge{ background:#4f5b5f; border-radius:2px; color:#fff; font-size:9px; line-height:1; padding:3px 4px } .plyr--full-ui ::-webkit-media-text-track-container{ display:none } .plyr__captions{ animation:plyr-fade-in .3s ease; bottom:0; color:#fff; display:none; font-size:14px; left:0; padding:10px; position:absolute; text-align:center; transition:transform .4s ease-in-out; width:100% } .plyr__captions .plyr__caption{ background:rgba(0,0,0,.8); border-radius:2px; -webkit-box-decoration-break:clone; box-decoration-break:clone; line-height:185%; padding:.2em .5em; white-space:pre-wrap } .plyr__captions .plyr__caption div{ display:inline } .plyr__captions span:empty{ display:none } @media (min-width:480px){ .plyr__captions{ font-size:16px; padding:20px } } @media (min-width:768px){ .plyr__captions{ font-size:18px } } .plyr--captions-active .plyr__captions{ display:block } .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{ transform:translateY(-40px) } .plyr__control{ background:0 0; border:0; border-radius:3px; color:inherit; cursor:pointer; flex-shrink:0; overflow:visible; padding:7px; position:relative; transition:all .3s ease } .plyr__control svg{ display:block; fill:currentColor; height:18px; pointer-events:none; width:18px } .plyr__control:focus{ outline:0 } .plyr__control.plyr__tab-focus{ box-shadow:0 0 0 5px rgba(0,0,0,.5); outline:0 } a.plyr__control{ text-decoration:none } a.plyr__control::after,a.plyr__control::before{ display:none } .plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed{ display:none } .plyr--audio .plyr__control.plyr__tab-focus,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{ background:#000; color:#fff } .plyr--video .plyr__control svg{ filter:drop-shadow(0 1px 1px rgba(0, 0, 0, .15)) } .plyr--video .plyr__control.plyr__tab-focus,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{ background:#000; color:#fff } .plyr__control--overlaid{ background:rgba(0,0,0,.8); border:0; border-radius:100%; box-shadow:0 1px 1px rgba(0,0,0,.15); color:#fff; display:none; left:50%; padding:15px; position:absolute; top:50%; transform:translate(-50%,-50%); z-index:2 } .plyr__control--overlaid svg{ left:2px; position:relative } .plyr__control--overlaid:focus,.plyr__control--overlaid:hover{ background:#000 } .plyr--playing .plyr__control--overlaid{ opacity:0; visibility:hidden } .plyr--full-ui.plyr--video .plyr__control--overlaid{ display:block } .plyr--full-ui ::-webkit-media-controls{ display:none } .plyr__controls{ align-items:center; display:flex; justify-content:flex-end; text-align:center } .plyr__controls .plyr__progress__container{ flex:1 } .plyr__controls .plyr__controls__item{ margin-left:2.5px } .plyr__controls .plyr__controls__item:first-child{ margin-left:0; margin-right:auto } .plyr__controls .plyr__controls__item.plyr__progress__container{ padding-left:2.5px } .plyr__controls .plyr__controls__item.plyr__time{ padding:0 5px } .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{ padding-left:0 } .plyr__controls .plyr__controls__item.plyr__volume{ padding-right:5px } .plyr__controls .plyr__controls__item.plyr__volume:first-child{ padding-right:0 } .plyr__controls:empty{ display:none } .plyr--audio .plyr__controls{ background:#fff; border-radius:inherit; color:#4f5b5f; padding:10px } .plyr--video .plyr__controls{ background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7)); border-bottom-left-radius:inherit; border-bottom-right-radius:inherit; bottom:0; color:#fff; left:0; padding:20px 5px 5px; position:absolute; right:0; transition:opacity .4s ease-in-out,transform .4s ease-in-out; z-index:3 } @media (min-width:480px){ .plyr--video .plyr__controls{ padding:35px 10px 10px } } .plyr--video.plyr--hide-controls .plyr__controls{ opacity:0; pointer-events:none; transform:translateY(100%) } .plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip]{ display:none } .plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{ display:inline-block } .plyr__menu{ display:flex; position:relative } .plyr__menu .plyr__control svg{ transition:transform .3s ease } .plyr__menu .plyr__control[aria-expanded=true] svg{ transform:rotate(90deg) } .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{ display:none } .plyr__menu__container{ animation:plyr-popup .2s ease; background:rgba(255,255,255,.9); border-radius:4px; bottom:100%; box-shadow:0 1px 2px rgba(0,0,0,.15); color:#4f5b5f; font-size:16px; margin-bottom:10px; position:absolute; right:-3px; text-align:left; white-space:nowrap; z-index:3 } .plyr__menu__container>div{ overflow:hidden; transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1) } .plyr__menu__container::after{ border:4px solid transparent; border-top-color:rgba(255,255,255,.9); content:''; height:0; position:absolute; right:15px; top:100%; width:0 } .plyr__menu__container [role=menu]{ padding:7px } .plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{ margin-top:2px } .plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{ margin-top:0 } .plyr__menu__container .plyr__control{ align-items:center; color:#4f5b5f; display:flex; font-size:14px; padding:4px 11px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100% } .plyr__menu__container .plyr__control>span{ align-items:inherit; display:flex; width:100% } .plyr__menu__container .plyr__control::after{ border:4px solid transparent; content:''; position:absolute; top:50%; transform:translateY(-50%) } .plyr__menu__container .plyr__control--forward{ padding-right:28px } .plyr__menu__container .plyr__control--forward::after{ border-left-color:rgba(79,91,95,.8); right:5px } .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after,.plyr__menu__container .plyr__control--forward:hover::after{ border-left-color:currentColor } .plyr__menu__container .plyr__control--back{ font-weight:500; margin:7px; margin-bottom:3px; padding-left:28px; position:relative; width:calc(100% - 14px) } .plyr__menu__container .plyr__control--back::after{ border-right-color:rgba(79,91,95,.8); left:7px } .plyr__menu__container .plyr__control--back::before{ background:#b7c5cd; box-shadow:0 1px 0 #fff; content:''; height:1px; left:0; margin-top:4px; overflow:hidden; position:absolute; right:0; top:100% } .plyr__menu__container .plyr__control--back.plyr__tab-focus::after,.plyr__menu__container .plyr__control--back:hover::after{ border-right-color:currentColor } .plyr__menu__container .plyr__control[role=menuitemradio]{ padding-left:7px } .plyr__menu__container .plyr__control[role=menuitemradio]::after,.plyr__menu__container .plyr__control[role=menuitemradio]::before{ border-radius:100% } .plyr__menu__container .plyr__control[role=menuitemradio]::before{ background:rgba(0,0,0,.1); content:''; display:block; flex-shrink:0; height:16px; margin-right:10px; transition:all .3s ease; width:16px } .plyr__menu__container .plyr__control[role=menuitemradio]::after{ background:#fff; border:0; height:6px; left:12px; opacity:0; top:50%; transform:translateY(-50%) scale(0); transition:transform .3s ease,opacity .3s ease; width:6px } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before{ background:#000 } .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after{ opacity:1; transform:translateY(-50%) scale(1) } .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover::before{ background:rgba(0,0,0,.1) } .plyr__menu__container .plyr__menu__value{ align-items:center; display:flex; margin-left:auto; margin-right:-5px; overflow:hidden; padding-left:25px; pointer-events:none } .plyr--full-ui input[type=range]{ -webkit-appearance:none; background:0 0; border:0; border-radius:26px; color:#000; display:block; height:19px; margin:0; padding:0; transition:box-shadow .3s ease; width:100% } .plyr--full-ui input[type=range]::-webkit-slider-runnable-track{ background:0 0; border:0; border-radius:2.5px; height:5px; transition:box-shadow .3s ease; -webkit-user-select:none; user-select:none; background-image:linear-gradient(to right,currentColor var(--value,0),transparent var(--value,0)) } .plyr--full-ui input[type=range]::-webkit-slider-thumb{ background:#fff; border:0; border-radius:100%; box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2); height:13px; position:relative; transition:all .2s ease; width:13px; -webkit-appearance:none; margin-top:-4px } .plyr--full-ui input[type=range]::-moz-range-track{ background:0 0; border:0; border-radius:2.5px; height:5px; transition:box-shadow .3s ease; -moz-user-select:none; user-select:none } .plyr--full-ui input[type=range]::-moz-range-thumb{ background:#fff; border:0; border-radius:100%; box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2); height:13px; position:relative; transition:all .2s ease; width:13px } .plyr--full-ui input[type=range]::-moz-range-progress{ background:currentColor; border-radius:2.5px; height:5px } .plyr--full-ui input[type=range]::-ms-track{ background:0 0; border:0; border-radius:2.5px; height:5px; transition:box-shadow .3s ease; -ms-user-select:none; user-select:none; color:transparent } .plyr--full-ui input[type=range]::-ms-fill-upper{ background:0 0; border:0; border-radius:2.5px; height:5px; transition:box-shadow .3s ease; -ms-user-select:none; user-select:none } .plyr--full-ui input[type=range]::-ms-fill-lower{ background:0 0; border:0; border-radius:2.5px; height:5px; transition:box-shadow .3s ease; -ms-user-select:none; user-select:none; background:currentColor } .plyr--full-ui input[type=range]::-ms-thumb{ background:#fff; border:0; border-radius:100%; box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2); height:13px; position:relative; transition:all .2s ease; width:13px; margin-top:0 } .plyr--full-ui input[type=range]::-ms-tooltip{ display:none } .plyr--full-ui input[type=range]:focus{ outline:0 } .plyr--full-ui input[type=range]::-moz-focus-outer{ border:0 } .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track{ box-shadow:0 0 0 5px rgba(0,0,0,.5); outline:0 } .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track{ box-shadow:0 0 0 5px rgba(0,0,0,.5); outline:0 } .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track{ box-shadow:0 0 0 5px rgba(0,0,0,.5); outline:0 } .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{ background-color:rgba(255,255,255,.25) } .plyr--full-ui.plyr--video input[type=range]::-moz-range-track{ background-color:rgba(255,255,255,.25) } .plyr--full-ui.plyr--video input[type=range]::-ms-track{ background-color:rgba(255,255,255,.25) } .plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{ box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5) } .plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{ box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5) } .plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{ box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(255,255,255,.5) } .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{ background-color:rgba(183,197,205,.66) } .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{ background-color:rgba(183,197,205,.66) } .plyr--full-ui.plyr--audio input[type=range]::-ms-track{ background-color:rgba(183,197,205,.66) } .plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{ box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1) } .plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{ box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1) } .plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{ box-shadow:0 1px 1px rgba(0,0,0,.15),0 0 0 1px rgba(47,52,61,.2),0 0 0 3px rgba(0,0,0,.1) } .plyr__poster{ background-color:#000; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; height:100%; left:0; opacity:0; position:absolute; top:0; transition:opacity .2s ease; width:100%; z-index:1 } .plyr--stopped.plyr__poster-enabled .plyr__poster{ opacity:1 } .plyr__time{ font-size:14px } .plyr__time+.plyr__time::before{ content:'\2044'; margin-right:10px } @media (max-width:767px){ .plyr__time+.plyr__time{ display:none } } .plyr--video .plyr__time{ text-shadow:0 1px 1px rgba(0,0,0,.15) } .plyr__tooltip{ background:rgba(255,255,255,.9); border-radius:3px; bottom:100%; box-shadow:0 1px 2px rgba(0,0,0,.15); color:#4f5b5f; font-size:14px; font-weight:500; left:50%; line-height:1.3; margin-bottom:10px; opacity:0; padding:5px 7.5px; pointer-events:none; position:absolute; transform:translate(-50%,10px) scale(.8); transform-origin:50% 100%; transition:transform .2s .1s ease,opacity .2s .1s ease; white-space:nowrap; z-index:2 } .plyr__tooltip::before{ border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid rgba(255,255,255,.9); bottom:-4px; content:''; height:0; left:50%; position:absolute; transform:translateX(-50%); width:0; z-index:2 } .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{ opacity:1; transform:translate(-50%,0) scale(1) } .plyr .plyr__control:hover .plyr__tooltip{ z-index:3 } .plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{ left:0; transform:translate(0,10px) scale(.8); transform-origin:0 100% } .plyr__controls>.plyr__control:first-child .plyr__tooltip::before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before{ left:16px } .plyr__controls>.plyr__control:last-child .plyr__tooltip{ left:auto; right:0; transform:translate(0,10px) scale(.8); transform-origin:100% 100% } .plyr__controls>.plyr__control:last-child .plyr__tooltip::before{ left:auto; right:16px; transform:translateX(50%) } .plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{ transform:translate(0,0) scale(1) } .plyr--video{ background:#000; overflow:hidden } .plyr--video.plyr--menu-open{ overflow:visible } .plyr__video-wrapper{ background:#000; border-radius:inherit; overflow:hidden; position:relative; z-index:0 } .plyr__video-embed,.plyr__video-wrapper--fixed-ratio{ height:0; padding-bottom:56.25% } .plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{ border:0; height:100%; left:0; position:absolute; top:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; width:100% } .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{ padding-bottom:240%; position:relative; transform:translateY(-38.28125%) } .plyr__progress{ left:6.5px; margin-right:13px; position:relative } .plyr__progress input[type=range],.plyr__progress__buffer{ margin-left:-6.5px; margin-right:-6.5px; width:calc(100% + 13px) } .plyr__progress input[type=range]{ position:relative; z-index:2 } .plyr__progress .plyr__tooltip{ font-size:14px; left:0 } .plyr__progress__buffer{ -webkit-appearance:none; background:0 0; border:0; border-radius:100px; height:5px; left:0; margin-top:-2.5px; padding:0; position:absolute; top:50% } .plyr__progress__buffer::-webkit-progress-bar{ background:0 0 } .plyr__progress__buffer::-webkit-progress-value{ background:currentColor; border-radius:100px; min-width:5px; transition:width .2s ease } .plyr__progress__buffer::-moz-progress-bar{ background:currentColor; border-radius:100px; min-width:5px; transition:width .2s ease } .plyr__progress__buffer::-ms-fill{ border-radius:100px; transition:width .2s ease } .plyr--video .plyr__progress__buffer{ box-shadow:0 1px 1px rgba(0,0,0,.15); color:rgba(255,255,255,.25) } .plyr--audio .plyr__progress__buffer{ color:rgba(183,197,205,.66) } .plyr--loading .plyr__progress__buffer{ animation:plyr-progress 1s linear infinite; background-image:linear-gradient(-45deg,rgba(47,52,61,.6) 25%,transparent 25%,transparent 50%,rgba(47,52,61,.6) 50%,rgba(47,52,61,.6) 75%,transparent 75%,transparent); background-repeat:repeat-x; background-size:25px 25px; color:transparent } .plyr--video.plyr--loading .plyr__progress__buffer{ background-color:rgba(255,255,255,.25) } .plyr--audio.plyr--loading .plyr__progress__buffer{ background-color:rgba(183,197,205,.66) } .plyr__volume{ align-items:center; display:flex; flex:1; position:relative } .plyr__volume input[type=range]{ margin-left:5px; position:relative; z-index:2 } @media (min-width:480px){ .plyr__volume{ max-width:90px } } @media (min-width:768px){ .plyr__volume{ max-width:110px } } .plyr--is-ios .plyr__volume{ display:none!important } .plyr--is-ios.plyr--vimeo [data-plyr=mute]{ display:none!important } .plyr:-webkit-full-screen{ background:#000; border-radius:0!important; height:100%; margin:0; width:100% } .plyr:-ms-fullscreen{ background:#000; border-radius:0!important; height:100%; margin:0; width:100% } .plyr:fullscreen{ background:#000; border-radius:0!important; height:100%; margin:0; width:100% } .plyr:-webkit-full-screen video{ height:100% } .plyr:-ms-fullscreen video{ height:100% } .plyr:fullscreen video{ height:100% } .plyr:-webkit-full-screen .plyr__video-wrapper{ height:100%; width:100% } .plyr:-ms-fullscreen .plyr__video-wrapper{ height:100%; width:100% } .plyr:fullscreen .plyr__video-wrapper{ height:100%; width:100% } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr:fullscreen.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{ display:block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{ display:block } .plyr:fullscreen .plyr__control .icon--exit-fullscreen{ display:block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr:-webkit-full-screen.plyr--hide-controls{ cursor:none } .plyr:-ms-fullscreen.plyr--hide-controls{ cursor:none } .plyr:fullscreen.plyr--hide-controls{ cursor:none } @media (min-width:1024px){ .plyr:-webkit-full-screen .plyr__captions{ font-size:21px } .plyr:-ms-fullscreen .plyr__captions{ font-size:21px } .plyr:fullscreen .plyr__captions{ font-size:21px } } .plyr:-webkit-full-screen{ background:#000; border-radius:0!important; height:100%; margin:0; width:100% } .plyr:-webkit-full-screen video{ height:100% } .plyr:-webkit-full-screen .plyr__video-wrapper{ height:100%; width:100% } .plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen{ display:block } .plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr:-webkit-full-screen.plyr--hide-controls{ cursor:none } @media (min-width:1024px){ .plyr:-webkit-full-screen .plyr__captions{ font-size:21px } } .plyr:-moz-full-screen{ background:#000; border-radius:0!important; height:100%; margin:0; width:100% } .plyr:-moz-full-screen video{ height:100% } .plyr:-moz-full-screen .plyr__video-wrapper{ height:100%; width:100% } .plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen{ display:block } .plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr:-moz-full-screen.plyr--hide-controls{ cursor:none } @media (min-width:1024px){ .plyr:-moz-full-screen .plyr__captions{ font-size:21px } } .plyr:-ms-fullscreen{ background:#000; border-radius:0!important; height:100%; margin:0; width:100% } .plyr:-ms-fullscreen video{ height:100% } .plyr:-ms-fullscreen .plyr__video-wrapper{ height:100%; width:100% } .plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen{ display:block } .plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr:-ms-fullscreen.plyr--hide-controls{ cursor:none } @media (min-width:1024px){ .plyr:-ms-fullscreen .plyr__captions{ font-size:21px } } .plyr--fullscreen-fallback{ background:#000; border-radius:0!important; height:100%; margin:0; width:100%; bottom:0; left:0; position:fixed; right:0; top:0; z-index:10000000 } .plyr--fullscreen-fallback video{ height:100% } .plyr--fullscreen-fallback .plyr__video-wrapper{ height:100%; width:100% } .plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper{ height:0; top:50%; transform:translateY(-50%) } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{ display:block } .plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{ display:none } .plyr--fullscreen-fallback.plyr--hide-controls{ cursor:none } @media (min-width:1024px){ .plyr--fullscreen-fallback .plyr__captions{ font-size:21px } } .plyr__ads{ border-radius:inherit; bottom:0; cursor:pointer; left:0; overflow:hidden; position:absolute; right:0; top:0; z-index:-1 } .plyr__ads>div,.plyr__ads>div iframe{ height:100%; position:absolute; width:100% } .plyr__ads::after{ background:rgba(47,52,61,.8); border-radius:2px; bottom:10px; color:#fff; content:attr(data-badge-text); font-size:11px; padding:2px 6px; pointer-events:none; position:absolute; right:10px; z-index:3 } .plyr__ads::after:empty{ display:none } .plyr__cues{ background:currentColor; display:block; height:5px; left:0; margin:-2.5px 0 0; opacity:.8; position:absolute; top:50%; width:3px; z-index:3 } .plyr__preview-thumb{ background-color:rgba(255,255,255,.9); border-radius:3px; bottom:100%; box-shadow:0 1px 2px rgba(0,0,0,.15); margin-bottom:10px; opacity:0; padding:3px; pointer-events:none; position:absolute; transform:translate(0,10px) scale(.8); transform-origin:50% 100%; transition:transform .2s .1s ease,opacity .2s .1s ease; z-index:2 } .plyr__preview-thumb--is-shown{ opacity:1; transform:translate(0,0) scale(1) } .plyr__preview-thumb::before{ border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid rgba(255,255,255,.9); bottom:-4px; content:''; height:0; left:50%; position:absolute; transform:translateX(-50%); width:0; z-index:2 } .plyr__preview-thumb__image-container{ background:#b7c5cd; border-radius:2px; overflow:hidden; position:relative; z-index:0 } .plyr__preview-thumb__image-container img{ height:100%; left:0; max-height:none; max-width:none; position:absolute; top:0; width:100% } .plyr__preview-thumb__time-container{ bottom:6px; left:0; position:absolute; right:0; white-space:nowrap; z-index:3 } .plyr__preview-thumb__time-container span{ background-color:rgba(0,0,0,.55); border-radius:2px; color:#fff; font-size:14px; padding:3px 6px } .plyr__preview-scrubbing{ bottom:0; filter:blur(1px); height:100%; left:0; margin:auto; opacity:0; overflow:hidden; position:absolute; right:0; top:0; transition:opacity .3s ease; width:100%; z-index:1 } .plyr__preview-scrubbing--is-shown{ opacity:1 } .plyr__preview-scrubbing img{ height:100%; left:0; max-height:none; max-width:none; -o-object-fit:contain; object-fit:contain; position:absolute; top:0; width:100% } .plyr--no-transition{ transition:none!important } .plyr__sr-only{ clip:rect(1px,1px,1px,1px); overflow:hidden; border:0!important; height:1px!important; padding:0!important; position:absolute!important; width:1px!important } .plyr [hidden]{ display:none!important } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; /*height: 100%;*/ min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 35px; height: 35px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 100; border-radius: 0 !important; } /*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ /*.greenArrow .slick-prev { background: url('../img/Live_ArrowLeft-100.jpg') no-repeat center; } .blueArrow .slick-prev { background: url('../img/Work_ArrowLeft-100.jpg') no-repeat center; }*/ .greenArrow .slick-prev { left: 8px; } .blueArrow .slick-prev { left: 7px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .greenArrow .slick-next { right: 7px; } .blueArrow .slick-next { right: 8px; } /*.greenArrow .slick-next{ background: url('../img/Live_ArrowRight-100.jpg') no-repeat center; } .blueArrow .slick-next{ background: url('../img/Work_ArrowRight-100.jpg') no-repeat center; }*/ [dir='rtl'] .slick-next { right: auto; left: -25px; } } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /*! * SlickNav Responsive Mobile Menu v1.0.10 * (c) 2016 Josh Cope * licensed under MIT */ .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; /*padding: 0.438em 0.625em 0.438em 0.625em; */ line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_no-text { margin: 0; } #stuck .slicknav_menu .slicknav_no-text { background: #000; } .page-template-template-property-bond #stuck .slicknav_menu .slicknav_no-text { background: #073354; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.5em; height: 0.25em; /*-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);*/ } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; box-sizing: border-box; background: #fff; padding: 0; text-align: center; } #stuck .slicknav_menu{ background: #000; padding: 10px 5px; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } .slicknav_menu .slicknav_icon-bar { background-color: #803d80; } #stuck .slicknav_menu .slicknav_icon-bar { background-color: #fff; } .slicknav_btn { margin: 0; text-decoration: none; /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ background-color: #fff; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0; } .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav .slicknav_row: hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #fff; } .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #000; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; font-size: 18px; } #stuck .slicknav_nav a{ color: #fff; text-transform: uppercase; } .slicknav_nav a: hover { /*-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #ccc; color: #222;*/ } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; } /*weather app*/ @charset "utf-8"; /* CSS Document */ .ideaboxWeather { /*width: 100%; padding: 20px;*/ box-sizing: border-box; height: auto; overflow: hidden; position: relative; line-height: 1.2; background: #2f7091; color: #FFF; line-height: 1; } .ideaboxWeather h1 { font-size: 24px; display: block; padding: 30px 0; text-align: center; } .ideaboxWeather .ow-today { width: 100%; position: relative; margin-bottom: 20px; } .ideaboxWeather .ow-today>span { display: inline-block; /*width: 80px; height: 80px;*/ } .ideaboxWeather .ow-today>span>img { width: 100%; height: 100%; height: auto; } .ideaboxWeather .ow-today h2 { padding: 0; margin: 0; vertical-align: baseline; font-size: 36px; font-weight: bold; position: absolute; top: 0; padding-left: 100px; box-sizing: border-box; } .ideaboxWeather .ow-today h2>span { display: block; font-size: 14px; font-weight: normal; margin: 5px 0; } .ideaboxWeather .ow-today h2>b { display: block; font-size: 16px; } .ow-small .ow-today>span { /*display: block;*/ /* width: 100%; height: 60px;*/ /*text-align: center;*/ } .ow-small .ow-today>span>img { display: inline-block; width: 100%; max-width: 100%; /*height: 25px;*/ } .ow-small .ow-today>h2 { position: relative; padding: 10px; text-align: center; } .ow-border { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .ideaboxWeather .ow-days { width: 100%; border-top: solid 1px rgba(255,255,255,0.2); padding: 6px 0; font-size: 100%; overflow: hidden; } .ideaboxWeather .ow-days>span { display: block; width: 40%; float: left; overflow: hidden; } .ideaboxWeather .ow-days>p { display: block; width: 60%; float: right; text-align: right; margin: 0; padding: 0; } .ideaboxWeather .ow-days>p>img { width: 20px; display: inline-block; float: right; } .ideaboxWeather .ow-days>p>b { font-weight: bold; display: inline-block; float: right; margin-right: 10px; font-size: 110%; } .ideaboxWeather .ow-dayssmall { width: 16.666667%; border-top: solid 1px rgba(255,255,255,0.2); padding: 6px 0; font-size: 100%; overflow: hidden; float: left; text-align: center; } .ideaboxWeather .ow-dayssmall>span { display: block; width: 100%; overflow: hidden; } .ideaboxWeather .ow-dayssmall>p { display: block; width: 100%; margin: 0; padding: 0; min-height: 50px; } .ideaboxWeather .ow-dayssmall>p>img { width: 60%; display: inline-block; margin: 10px 0; } /*weather custom styles*/ .ideaboxWeather{ background: #fff !important; color: #803d80 !important; display: inline; width: auto !important; /*float: left;*/ } .ideaboxWeather .ow-today{ width: auto !important; display: inline; } .ow-small .ow-today>span.weatherIcon{ /*margin-bottom: 7px;*/ margin-right: 5px; } /********************** info window ************/ .win-wrap{ position:relative; display:inline-block; padding:5px; background:#fff; border: rgba(0,0,0,0.5); text-align: center; } .win-wrap p{ margin-bottom: 0; } .win-title{ font-family: 'Google Sans',Roboto, Arial,sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.75rem; } .win-address{ } /**************************************************/ .tabs .tabs-title{ float: none !important; } .page-template-template-property .tabs .tabs-title, .page-template-template-heatmap .tabs .tabs-title { float: left !important; } /*********************** TEST SENSOR WEATHER *************************/ .dragWidget, .bllcNd { display: none !important; } .iframe-c .cFDASM { color: rgb(00, 00, 00) !important; font-size: 1rem !important; font-weight: bold !important; line-height: normal !important; margin: 0px !important; } .iframe-c { float: left; border-radius: 1px solid #000; } p.iframe-c{ color: #000; } /******************* VIDEO ********************/ /*Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)*/ /* .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } */ /* .iframe-container{ overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }*/ .flex-video, .responsive-embed { position: relative; height: 0; margin-bottom: 0; /* padding-bottom: 50%;*/ overflow: hidden; } #map_heat .gm-style-iw{ width: 400px; height:210px; } /* .intro-heatmap strong { display: block; font-size: 20px; margin-bottom: 2px; font-family: 'euclid_flexbold', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif !important; text-rendering: optimizeLegibility; text-shadow: none; } .iframe-container iframe{ width: 100%; height: auto; } .displayBlock{ display: block; } .intro-heatmap br { display: none; } .intro-heatmap p{ font-size: 16px; } .intro-heatmap p:last-of-type{ margin-bottom: 0; } .top-text-map{ font-size: 20px; } */ .heatMap .propertyThumbTitle { font-size: 20px; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ /*Small screens Define mobile styles */ @media only screen { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ @media only screen and (max-width: 640px) { .heatMap .propertyThumbTitle { font-size: 18px; } .nav{ display: none; } #mobNav{ display: block; padding: 0; } .showMob{ display: block; } .hideMob{ display: none; } .logo{ padding-top: 0.9375rem; } .logo img{ max-width: 90%; } .figures{ padding: 15px 0 0; } .figures p, .weather{ font-size: 14px; } .figures span, .ideaboxWeather{ /*display: block;*/ } .ow-small .ow-today>span>img{ width: 15px; } .timestamp, .weather{ padding-left: 0; } .timestamp{ width: 60%; } .search{ width: 40%; } .weather p{ margin-right: 5px; } .weather, .air{ width: 50%; } .power{ width: 100%; padding-left: 0; } .air{ text-align: right; } .weather p, .weather, .air p, .power p{ /* font-size: 10px;*/ } .newsTicker h3, .calendar .heading{ font-size: 16px; margin-top: 30px; } .carouselTicker h4, .page-template-template-whats-on .mec-event-grid-classic .mec-event-title{ font-size: 16px; } /* .mac .carouselTicker h4{ font-size: 14px; }*/ .page-template-template-property h3{ font-size: 18px; } .page-template-template-whats-on .mec-wrap .mec-totalcal-box{ display: none; } .calendar .heading{ margin-top: 0; } .heroSlider .copy{ left: 30px; top: 30px; } .newsHeadline{ font-size: 1.25rem; } .staticSlider .copy{ left: 20px; top: 20px; } .vision .staticSlider .copy{ left: 30px; top: 30px; } .heroSlider p, .staticSlider p{ display: none; } .margTop{ margin-top: 25px; } .home .heroSlider .overlay{ top: 15px; left: 15px; bottom: 25px; right: 15px; } .home .staticSlider .overlay{ top: 15px; left: 30px; bottom: 15px; right: 30px; } .heroSlider .copy{ max-width: 90%; } .calendar, .icons{ width: 100%; /* min-width: 100%;*/ } .heroSlider a, .staticSlider a{ /*font-size: 14px;*/ /* display: none;*/ } .heroSlider, .newsTickerLast{ margin-top: 30px; } .iconList .title .grey{ display: none; } .calendar{ margin-bottom: 30px; } .listIcon{ display: block; margin-bottom: 10px; } .staticSlider h1, .heroSlider h1, h1.directory{ font-size: 18px; } /* .carouselTicker h2{ font-size: 26px; }*/ /*.news h1{ font-size: 36px; }*/ /*.newsTicker h2, .newsTicker h1, .icons h2, .carouselTicker h1, .static h1, .property h1{ font-size: 24px; margin-bottom: 30px; }*/ /*h4{ font-size: 20px; }*/ /* .newsList p{ display: none; }*/ .newsList .heading{ display: block; } .carouselTicker{ padding: 0; margin-top: 30px; } .carouselTicker .padLft{ padding-left: 0.9375rem; } .carouselThumb .copy, .carouselSlide .copy{ padding: 5%; } .carousel{ margin-top: 15px; } .carouselSlide .copy{ padding: 5%; } /*.carousel p{ font-size: 24px; }*/ .carouselSlide{ padding: 0.9375rem 0.46875rem 0; } /* .carouselSlide p{ font-size: 14px; }*/ .staticSliderNews{ margin-top: 30px; } .line.horiz.showMob, .carouselThumb p.hideTab{ display: none; } .slick-prev, .slick-next{ display: none !important; } .staticSliderNews .large-5.noPadLft, .staticSliderNews .large-7{ padding-left: 0; } .staticSliderNews .newsListItem{ border: none; } .home .staticSlider .border{ max-width: 90%; } .heading{ font-size: 16px; margin: 10px auto 5px; } /*property page*/ #map_canvas, #map_location, #map_heat { height: 600px; } .property .border img{ max-width: 80%; } .propertyThumbTitle{ font-size: 18px; } .propertyThumbAddress{ font-size: 16px; } .news .copy p{ margin-top: 15px; } .newsDate{ margin-bottom: 15px; } .newsItem{ padding: 0; } /* .newsHeadline{ font-size: 24px; } */ .initiativeList ul li{ width: 50%; margin-bottom: 15px; } .connect .intro{ padding-top: 0; padding-bottom: 0; } .connect .connectIntro{ padding-top: 50px; } .connect .match{ height: auto !important; } .page-template-template-location #mapNav li{ display: block; } #stuck .slicknav_menu{ display: block; } #propNav{ display: none; } .intro br{ content: ' '; } .intro br:after { content: ' '; } .mec-calendar .mec-event-article .mec-event-image{ float: none; width: 50%; } .mec-calendar .mec-event-article .mec-event-title{ margin: 0; } /* footer*/ .footerCol{ margin-bottom: 30px; } .footerCol .listIcon{ display: inline-block; } .footerCol .listIcon{ position: absolute; left: 0; top: 2px; vertical-align: top; } .footerCol .iconList li p { padding-left: 25px; } } /* max-width 640px, mobile-only styles, use when QAing portrait mobile issues */ @media only screen and (max-width: 640px) and (orientation:portrait) { } /* max-width 640px, mobile-only styles, use when QAing landscape mobile issues */ @media only screen and (max-width: 640px) and (orientation:landscape) { } /*Only iPhone 4/4S (both: landscape and portrait)*/ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) { } /*mediumcss*/ /*Medium screens min-width 641px, medium screens */ @media only screen and (min-width: 641px) { .showTab, .showMob{ display: none; } .hideTab, .hideMob{ display: block; } .nav{ display: block; } #mobNav{ display: none; } .line.vert{ display: block; } .row{ max-width: 100rem; } .home .mac .staticSliderImg{ min-height: 680px; } #wrapper{ padding: 50px 25px 0 25px; } .vision #header{ padding: 50px 25px 0 25px; } .vision .fakeWrapper{ padding-left: 25px; padding-right: 25px; } #mec_skin_events_16{ padding-left: 25px; } .propose{ font-size: 42px; } .topHeader{ margin-bottom: 30px; } .logo{ width: 35%; } .figures{ width: 65%; } .figures p, #app{ font-size: 18px; } .air{ text-align: center; } .power{ text-align: right; } .weather p{ margin-right: 10px; } .search{ /*padding-right: 1.875rem;*/ } #menu a{ font-size: 20px; /*padding: 0 10px;*/ } .staticSlider h1, .heroSlider h1, h1.directory{ font-size: 56px; } .heroSlider{ margin-top: 10px; } .heroSlider a, .staticSlider a{ /*font-size: 18px;*/ } .home .heroSlider .overlay{ top: 30px; left: 30px; bottom: 30px; right: 30px; } .heroSlider .copy{ left: 50px; top: 50px; } .mac .heroSlider .copy{ top: 70px; } .staticSlider .copy{ left: 50px; top: 40px; } .page-template-template-initiatives .staticSlider .copy{ top: 40px; } .home .staticSlider .overlay{ top: 30px; left: 40px; bottom: 30px; right: 40px; } .home .staticSliderImg.hideMob .staticSlider .overlay{ top: 30px; left: 40px; bottom: 30px; right: 30px; } .icons h2, .newsTicker h2, .calendar h2, .carouselTicker h2, .staticSliderNews h2, .page-template-template-property h2, .heroSlider a, .staticSlider a{ font-size: 26px; } .iconList li span.listIcon { display: inline-block; position: absolute; left: 0; top: 2px; vertical-align: top; } .iconList img{ width: 40px; } .iconList .title .grey { display: block; } .iconList li p { padding-left: 45px; } .iconList .title .black { font-size: 20px; } .iconList .title{ font-size: 24px; } .heroSlider .copy{ max-width: 40%; } .heroSlider p, .staticSlider p{ font-size: 18px; } .newsTicker h3, .calendar .heading { font-size: 20px; margin-top: 15px; } .carouselTicker h4, .page-template-template-whats-on .mec-event-grid-classic .mec-event-title{ font-size: 20px; } .page-template-template-property h3{ font-size: 22px; } .calendar .heading{ margin-top: 0; } .newsTicker h3.firstH3{ margin-top: 30px; } .newsListItem:last-child{ border-bottom: 0; } .page-template-template-whats-on .mec-calendar .mec-event-article .mec-event-image{ width: 200px; } .page-template-template-all-initiatives .listIcon, .page-template-template-all-initiatives .listTitle{ float: left; } /* .page-template-template-location #mapNav li{ display: inline; } */ #mapNav li{ display: inline; } /* .carousel p{ font-size: 20px; }*/ .carousel p.title{ font-size: 18px; } .carousel .overlay{ padding: 20px; } .carouselSlider p.title{ /*font-size: 24px;*/ } .newsListItem.clearfix{ /* padding-bottom: 25px; margin-bottom: 25px;*/ } .newsListItem.clearfix{ padding-bottom: 15px; margin-bottom: 15px; } /* .mac .newsListItem.clearfix{ padding-bottom: 0; }*/ .staticSliderNews .newsListItem.clearfix, .staticSliderNews h2{ /*padding-bottom: 15px;*/ margin-bottom: 30px; } .staticSliderNews .newsListItem.clearfix.newsListItemLast{ margin-bottom: 0; } .pBig{ font-size: 24px; } .carousel h4, .property h4{ /* font-size: 24px;*/ } .carouselThumb{ padding-right: 0.46875rem; padding-left: 0.46875rem; } .carouselSlide{ padding: 0.9375rem 0.46875rem 0; } .staticSlider .copy{ max-width: 45%; } .static h1{ margin-bottom: 24px; } .icons h2, .newsTicker h2, .calendar h2{ margin-top: 10px; } .newsTickerLast h1, .carouselTicker h1, .static h1{ margin-top: 15px; } .heading{ font-size: 20px; margin-bottom: 5px; } /* .iconList li { margin-bottom: 40px; } */ .padTop{ padding-top: 5%; } .page-template-template-vision .intro, .page-template-template-contact-property .intro{ /*font-size: 30px;*/ padding-top: 50px; padding-bottom: 50px; } .page-template-template-initiatives .intro{ /*font-size: 30px;*/ padding-top: 0px; } .page-template-template-initiatives .greyBg{ /*font-size: 30px;*/ padding-top: 50px; } /* .inset{ padding: 0 8%; }*/ #map_canvas, #map_location, #map_heat { height: 800px; } .propertyThumbTitle{ /* font-size: 24px;*/ } .propertyThumbAddress{ font-size: 16px; } .newsHeadline{ font-size: 24px; } .initiativeList ul li{ width: 14%; } .single-property .stuck { max-width: 84.25%; } .single-property #propNav a{ font-size: 16px; } #stuck .slicknav_menu{ display: none; } .propertySlider img, .images-compare-contain{ padding: 0 25px; } .propertySlider.lge img{ padding: 0; } /*footer*/ .footerTitle{ font-size: 24px; } .footerCol li{ margin-bottom: 10px; font-size: 16px; } .iconList li span.listIcon i{ font-size: 38px; } .footerCol .iconList li p { padding-left: 40px; } .footerCol.social .iconList li p { padding-left: 45px; padding-top: 10px; } .flex-video, .responsive-embed { padding-bottom: 50%; } } /* iphone X landscape */ @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { .showMob{ display: block !important; } .hideMob{ display: none !important; } .line.vert{ display: none; } .line.horiz.showMob{ margin-bottom: 30px; } .padLft{ padding-left: 0; } .newsTicker h2{ font-size: 26px; } .timestamp, .search{ width: 50%; } .figures.showMob{ width: 100%; padding-left: 0; margin-top: 25px; } .weather, .air, .power{ width: 33.3333% } .weather{ padding-left: 0; } .air{ text-align: left; } .timestamp{ text-align: right } /* .calendar, .icons{ width: 50%; }*/ .carousel{ padding: 0; } .mec-calendar dt{ width: 50px; height: 25%; } .mec-calendar .mec-event-article .mec-event-image{ float: none; width: 50%; } .carouselTicker, .staticSliderNews{ margin-top: 30px; } .carousel p.title{ font-size: 18px; } .home .staticSlider .border { max-width: 85% !important; } .carouselSlide p.title{ font-size: 18px; } /* .newsTicker{ width: 50%; }*/ .newsTicker h1{ /*font-size: 24px;*/ margin-bottom: 30px; } /* .carousel{ width: 50%; }*/ .staticSliderNews .newsListItem{ float: left; border-bottom: 0; width: 33.333333%; } .staticSliderNews .newsListItem .large-7{ padding: 15px 0; } .inset { padding-right: 0.9375rem; padding-left: 0.9375rem; } .newsDesc, .news .copy p{ margin-top: 15px; } .newsItem{ padding: 0; } .newsDetails{ width: 50%; } .newsThumb{ width: 50%; } .newsHeadline{ font-size: 24px; } .initiativeList ul li{ width: 100%; margin-bottom: 15px; } .connect .intro{ padding-top: 0; padding-bottom: 0; } .connect .connectIntro{ padding-top: 50px; } .connect .match{ height: auto !important; } #stuck .slicknav_menu{ display: block; } #propNav{ display: none; } .intro br{ content: ' '; } .intro br:after { content: ' '; } /*footer*/ .footerCol{ width: 20%; } } /* iphone X portrait */ @media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) { } /* iPhone 6, 7, 8 Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .showMob{ display: block !important; } .hideMob{ display: none !important; } .line.vert{ display: none; } .line.horiz.showMob{ margin-bottom: 30px; } .padLft{ padding-left: 0; } .newsTicker h2, .icons h2, .calendar h2, .heroSlider a, .staticSlider a{ font-size: 26px; } .timestamp, .search{ width: 50%; } .home .staticSlider .border { max-width: 85% !important; } .figures.showMob{ width: 100%; padding-left: 0; margin-top: 25px; } .weather, .air, .power{ width: 33.3333% } .weather{ padding-left: 0; } .air{ text-align: left; } .timestamp{ text-align: right } /* .calendar, .icons{ width: 50%; }*/ .heroSlider .copy{ left: 5%; top: 10%; } .home .staticSlider .border{ max-width: 100%; } .staticSlider .copy{ left: 5%; top: 12%; } .carousel{ padding: 0; } .carouselTicker, .staticSliderNews{ margin-top: 30px; } .carousel p.title{ font-size: 18px; } .carouselSlide p.title{ font-size: 18px; } /* .newsTicker{ width: 50%; }*/ .newsTicker h1{ /*font-size: 24px;*/ margin-bottom: 30px; } /*.carousel{ width: 50%; } */ .staticSliderNews .newsListItem{ float: left; border-bottom: 0; width: 33.333333%; } .staticSliderNews .newsListItem .large-7{ padding: 15px 0; } .inset { padding-right: 0.9375rem; padding-left: 0.9375rem; } /*news page*/ .newsHeadline{ font-size: 28px; } .initiativeList ul li{ width: 100%; margin-bottom: 15px; } .connect .intro{ padding-top: 0; padding-bottom: 0; } .connect .connectIntro{ padding-top: 50px; } .connect .match{ height: auto !important; } #stuck .slicknav_menu{ display: block; } #propNav{ display: none; } .intro br{ content: ' '; } .intro br:after { content: ' '; } .mec-calendar .mec-event-article .mec-event-image{ float: none; width: 50%; } /*footer*/ .footerCol{ width: 20%; } } /* iPhone 6, 7, 8 portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .logo{ width: 100%; } } /* iPhone 6+, 7+, 8+ landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { /*property*/ .inset { padding-right: 0.9375rem; padding-left: 0.9375rem; } /*news*/ .news .copy p{ margin-top: 15px; } .newsDesc{ margin-bottom: 15px; } .newsItem{ padding: 0; } .newsHeadline{ font-size: 24px; } .initiativeList ul li{ width: 100%; margin-bottom: 15px; } .home .staticSlider .border { max-width: 85% !important; } .connect .intro{ padding-top: 0; padding-bottom: 0; } .connect .connectIntro{ padding-top: 50px; } .connect .match{ height: auto !important; } #stuck .slicknav_menu{ display: block; } #propNav{ display: none; } .intro br{ content: ' '; } .intro br:after { content: ' '; } .mec-calendar .mec-event-article .mec-event-image{ float: none; width: 50%; } } /* iPhone 6+, 7+, 8+ portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ @media only screen and (min-width: 641px) and (max-width: 1024px) { .showTab, .hideMob{ display: block; } .showMob, .hideTab{ display: none; } .nav{ display: none; } #mobNav{ display: block; padding: 0; } .slick-prev, .slick-next{ display: none !important; } .row{ max-width: 90%; } .safari .home{ background: url('img/bg-01.jpg') repeat-x center center scroll; } #wrapper{ padding: 25px 12px 0 12px; } .vision #header{ padding: 50px 12px 0 12px; } .vision .fakeWrapper{ padding-left: 12px; padding-right: 12px; } .topHeader{ margin-bottom: 0; } .logo{ width: 25%; } .figures{ width: 75%; } .figures p, #app{ font-size: 16px; } .search, .power{ padding-right: 0; } .padTop{ padding-top: 0; } h1{ /* font-size: 36px;*/ } .icons h2, .newsTicker h2, .calendar h2, .heroSlider a, .staticSlider a{ font-size: 24px; } .iconList img{ width: 25px; } .iconList .title .black { font-size: 16px; } .iconList li p { padding-left: 35px; } .iconList .title{ font-size: 18px; } .iconList .title .grey { display: none; } .heroSlider .copy, .staticSlider .copy{ max-width: 80%; } .heroSlider p, .staticSlider p{ font-size: 18px; } .newsTicker h3, .calendar .heading, .carouselTicker h4, .page-template-template-whats-on .mec-event-grid-classic .mec-event-title{ font-size: 20px; } .page-template-template-property h3{ font-size: 22px; } .propose{ font-size: 22px; } .carousel p.title{ display: block; font-size: 18px; } .carouselSlide p.title{ font-size: 14px; } .carousel .overlay{ padding: 10px; } .newsListItem.clearfix{ /*padding-bottom: 15px;*/ /*margin-bottom: 30px;*/ } .carousel h4, .property h4{ font-size: 20px; } .pBig{ font-size: 18px; } .heading{ font-size: 18px; } .mac .heroSlider .copy{ top: 30px; } .intro{ /*font-size: 30px;*/ padding-top: 20px; padding-bottom: 20px; } .iconList li { margin-bottom: 0; } .staticSlider h1, .heroSlider h1, h1.directory{ font-size: 36px; } .single-property .stuck { max-width: 90%; } .single-property #propNav a{ font-size: 12px; } .propertySlider img, .images-compare-contain{ padding: 0; } .footerTitle{ font-size: 18px; } .footerCol li{ font-size: 12px; } .iconList li span.listIcon i{ font-size: 20px; } .page-template-template-initiatives .staticSlider .copy{ top: 20px; } .footerCol .iconList li p { padding-left: 30px; } } /* min-width 641px and max-width 1024px, use when QAing tablet-only landscape issues */ @media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) { .heroSlider .copy{ left: 30px; top: 30px; } .staticSlider .copy{ left: 30px; top: 20px; } .page-template-template-home .staticSliderImg.hideMob .staticSlider img{ max-width: 70%; } .staticSlider .copy{ max-width: 55%; } .home .staticSlider .border{ max-width: 65%; } .page-template-template-home .staticSliderImg.hideMob .staticSlider img{ max-width: 100%; } .page-template-template-property.home .staticSlider .border{ max-width: 65%; } .large-centered{ width: 100%; } .mec-calendar .mec-calendar-side{ padding: 0; } } /* min-width 641px and max-width 1024px, use when QAing tablet-only portrait issues */ @media only screen and (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) { .showMob{ display: block; } .hideMob{ display: none; } .hideTab{ display: block; } .intro br{ content: ' '; } .intro br:after { content: ' '; } .line.vert{ display: none; } .line.horiz.showMob{ margin-bottom: 30px; } .padLft{ padding-left: 0; } .newsTicker h2, .icons h2, .calendar h2, .heroSlider a, .staticSlider a{ font-size: 26px; } .timestamp, .search{ width: 50%; } .figures.showMob{ width: 100%; padding-left: 0; margin-top: 25px; } .weather, .air, .power{ width: 100%; text-align: right; padding-right: 0; } .weather{ padding-left: 0; } .air{ text-align: left; } .timestamp{ text-align: right } .calendar, .icons{ width: 100%; } .carousel h4, .property h4{ margin-top: 25px; } .calendar .newsListItem .columns { width: 75%; } .calendar .newsListItem .large-3 { width: 25%; } .heroSlider .copy{ left: 40px; top: 30px; } .staticSlider .copy{ left: 40px; top: 30px; } .carousel{ padding: 0; } .carouselTicker, .staticSliderNews{ margin-top: 30px; } .carousel p.title{ font-size: 18px; } .carouselSlide p.title{ font-size: 18px; } /* .newsTicker{ width: 50%; }*/ .newsTicker h1{ /*font-size: 36px;*/ margin-bottom: 30px; } /* .carousel{ width: 50%; }*/ .staticSliderNews .newsListItem{ float: left; border-bottom: 0; width: 33.333333%; } .heading{ margin-top: 15px; } .staticSliderNews .newsListItem .large-7{ padding: 15px 0; } .inset{ padding: 0 0.9375rem; } .newsHeroCopy{ margin-top: 15px; } .newsDate{ margin-bottom: 15px; } .iconList .title{ font-size: 22px; } .calendar .hideTab{ display: block; } .newsListItem:last-child{ border-bottom: 1px solid #808080; } .page-template-template-all-initiatives .propertyThumb{ text-align: center; } .propertyThumb ul { list-style-type: none; } .page-template-template-initiatives .staticSlider .copy{ top: 30px; } .page-template-template-all-initiatives .listIcon, .page-template-template-all-initiatives .listTitle{ float: none; } #stuck .slicknav_menu{ display: block; } #propNav{ display: none; } .footerCol{ width: 20%; } } /* iPad Pro Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { } /* iPad Pro Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { } /* iPad Pro Portrait */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { } /*10" macbook*/ @media only screen and (min-width: 600px) and (max-width: 1024px) { /* .figures p, #app { font-size: 16px; } .air { text-align: center; }*/ } /*13" macbook*/ @media only screen and (min-width: 800px) and (max-width: 1024px) { #menu a{ font-size: 18px; /* padding: 0 5px;*/ } } /*Large screens min-width 1025px, large screens*/ @media only screen and (min-width: 1025px) { } /*15" macbook*/ @media screen and (min-width: 768px) and (max-width: 1366px) { /*#menu li { padding: 10px 0 5px; }*/ #menu a{ font-size: 18px; /*padding: 0 5px;*/ } .iconList .title .grey{ display: none; } .logo{ width: 25% !important; } .figures{ width: 75% !important; } .safari .newsListItem.clearfix{ padding-bottom: 25px; margin-bottom: 25px; } .safari .staticSliderNews .large-7 { padding-top: 2px; } /*19" laptop*/ @media screen and (min-width: 900px) and (max-width: 1440px) { } /*20" laptop*/ @media screen and (min-width: 900px) and (max-width: 1600px) { } /*22" laptop*/ @media screen and (min-width: 1050px) and (max-width: 1680px) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 1024px) and (max-width: 1440px) { } /* XLarge screens min-width 1441px, xlarge screens */ @media only screen and (min-width: 1441px) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 1441px) and (max-width: 1920px) { } /* min-width 1921px, xxlarge screens */ @media only screen and (min-width: 1921px) { } @media only screen and (min-width: 1800px) and (max-width: 2880px) { } @media screen and (orientation: portrait) { } @media screen and (orientation: landscape) { } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }