/*@font-face { font-family: 'icons'; src: url('fonts/fontello.woff2') format('woff2'), url('fonts/fontello.woff') format('woff'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'sourcesans'; src: url('fonts/sourcesans/regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sourcesans'; src: url('fonts/sourcesans/italic.woff2') format('woff2'); font-weight: normal; font-style: italic; } @font-face { font-family: 'sourcesans'; src: url('fonts/sourcesans/bold.woff2') format('woff2'); font-weight: bold; font-style: normal; } @font-face { font-family: 'museosans'; src: url('fonts/museosans/museosans_700-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } /* RESET */ /* ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td, object, button { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li {list-style:none;} caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } html{ box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } q:before, q:after { content:''} /*sup {vertical-align: super;} sub {vertical-align: sub;}*/ sup, sub { vertical-align:baseline; position: relative; top:-0.5em; font-size:0.8em;/**/ } sub { top: 1em; } .clear { clear:both; } .clearfix:after, .module:after { content: " "; display: table; clear: both; } #skiptocontent, .screen-reader-text {display:none;} /* Global reset-RESET */ /* The below restores some sensible defaults */ em, i { font-style:italic !important; font-weight:inherit !important; } a img { border:none } /* Gets rid of IE's blue borders */ a { text-decoration:none; } a:active, a:focus, button {outline: none; border:none; -moz-outline-style: none;} ::selection { background:#7DC144; color:#FFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #7DC144; color:#FFF; /* Gecko Browsers */ } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /* TYPE */ html { font-size:62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } @media all and (max-width: 767px) { /*html { font-size:87.5%; } */ } body { font-family: 'sourcesans',sans-serif; font-style: normal; font-weight:normal; line-height:1.4; color:#FFF; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #4B4D4F; overflow-x:hidden; overflow-y: scroll; /* has to be scroll, not auto */ -webkit-overflow-scrolling: touch; } .text ul, #footer ul { margin-bottom:1.8rem; } .text li { margin:0 0 0.5em 0; list-style:none; } .heading, blockquote p, h1, h2, h3 { font-size: 3.2rem; margin: 0 0 0.75em 0; line-height:1.2; font-weight:bold; font-family: 'museosans',sans-serif; color: #FFF; } p, li { font-size:1.8rem; font-weight:400; margin-bottom:1em;} p strong, li strong { font-weight: 600; } blockquote p { margin-bottom: 0; } blockquote cite { margin: 1em 0 0 0; display: block;} @media all and (max-width: 1199px) { blockquote p, h1, h2, h3 {font-size: 2.8rem; } } @media all and (max-width: 599px) { blockquote p, h1, h2, h3 {font-size: 2.4rem; } blockquote cite, p, li { font-size:1.6rem; } } blockquote p { } h3 { } @media (max-width: 599px) { } figcaption { font-size:1.5rem; color:#666; } #pagetop{padding: 70px 0 0 ;} #pagetop>div {display: flex; } #pagetop>div>div { } #textcontent { margin:0 32px 32px 0; } #textcontent p { font-size: 2.1rem;; max-width: 28em; line-height: 1.2; } #textcontent h1+p { font-size: 2.8rem; font-weight: bold; max-width: 22em; } #textcontent p:last-child { font-size: 2rem; font-weight: bold; max-width: 32em;} #pagetop #imagery { margin:0 0 32px auto; /*width: 340px;*/ position: relative; } #pagetop #imagery img{ display:block; position: absolute; top:0; right: 0; height: 100%; width: auto; object-fit: contain; object-position: right top; } #pagetop{padding: 50px 0 0 ;} #logo { width: 280px; margin-bottom:50px;} #logo a{ display:block; width:100%; height:0; padding-bottom:26%; position: relative; text-indent: -9000px; overflow: hidden;} #logo a::before { position:absolute; display:block; content:""; top:0; left:0; width:100%; height: 100%; background: url("images/logo.svg"); } @media (min-width: 1200px) { #textcontent p { font-size: 2.6rem; max-width: 28em;} #textcontent h1+p { font-size: 3.6rem; font-weight: bold; max-width: 22em; } #textcontent p:last-child { font-size: 2.3rem; font-weight: bold; max-width: 32em;} #logo { width: 320px; margin-bottom:70px;} #pagetop{padding: 70px 0 0 ;} } @media (max-width: 899px) { #logo { width: 240px; margin-bottom:30px;} #textcontent {} #pagetop #textcontent { width: calc(50% - 8px); } #pagetop #imagery{width: calc(50% - 40px); } #pagetop #imagery img {width: 100%; height: auto; max-width: 300px;} } @media (max-width: 599px){ #pagetop{padding: 30px 0 0 ;} #pagetop #imagery{display: none;} #pagetop #textcontent { width: 100%; } #textcontent p { font-size: 1.8rem; max-width: 28em;} #textcontent h1+p { font-size: 2.4rem; font-weight: bold; max-width: 22em; } #textcontent p:last-child { font-size: 1.6rem; font-weight: bold; max-width: 32em;} } .container, .wrapper { width: 100% !important; border-left:32px solid transparent; border-right:32px solid transparent; max-width: 1440px; margin: 0 auto; } .container {/* max-width: none;*/ } .sites { margin-bottom: 16px;} .siteswrapper {display: flex; flex-wrap: wrap; justify-content: space-between; } .siteswrapper>div { width: 100%;background: #77797A; margin: 0 0 32px; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);display: flex; flex-direction: column;} .siteswrapper>div>p.logo { background: #FFF; padding: 32px; margin: 0; } .siteswrapper>div>p.logo picture { display: block; } .siteswrapper>div>p.logo img {height:65px; width: auto; display: block; max-width:100%; object-position: left bottom;} .siteswrapper>div>p.img { height: 0; padding-bottom:56.25%; margin: 0; overflow: hidden; background: rgba(0,0,0,0.2); position: relative;} .siteswrapper>div>p.img img {width: 100%; height: 100%; position: absolute; object-fit: cover; } .siteswrapper>div p:not(.logo):not(.img) { padding:16px; display: flex; flex-direction: column;} .siteswrapper>div :last-child {margin: auto 0 0; } .siteswrapper>div p:not(.logo):not(.img):last-child { padding-top: 0;} .siteswrapper>div p:last-child a:only-child { display: block; text-align: center; border: 1px solid #FFFFFF; color: #FFF; padding: 1em; } .siteswrapper>div p:last-child a:only-child:hover { background: white; color: #77797A; } @media all and (min-width: 900px) { .siteswrapper>div { width: calc(50% - 16px); } } @media all and (min-width: 1200px) { .siteswrapper>div { width: calc(25% - ((32px * 3) / 4)); } } @media all and (max-width: 899px) { .siteswrapper>div>p.logo { padding: 24px; } .container, .wrapper { border-left: 20px solid transparent; border-right: 20px solid transparent; } } main#main { overflow: auto; background-color:#302d2b; background-image: radial-gradient( farthest-corner at center right, rgba(0, 0, 0, 0.5), transparent 75% ), radial-gradient( at bottom left, #44403e, transparent 66% ) ;} @media all and (min-width: 600px) { } #imagery img { pointer-events: none; user-select: none; -webkit-filter: drop-shadow(15px 15px 15px rgba(0,0,0,0.3)); filter: drop-shadow(15px 15px 15px rgba(0,0,0,0.3)); } #footer { overflow: auto; padding: 60px 0 ;} .footerwrapper { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;} .footerwrapper::after { position: absolute; bottom: 0; left: 50; display: block; content:""; height:0; width: 100%; border-bottom: 1px solid #FFF; } .footerwrapper>div { width: calc(33.333% - (64px / 3)); padding-bottom: 50px; } .footerwrapper>div:first-child { width: calc(66.6666% - (64px * (2 / 3)) + 32px); display: flex; flex-wrap: wrap; justify-content: space-between; } .footerwrapper>div>h2 { font-size: 2.8rem; width: 100%; height: 1.7em; padding-bottom: 0.5em; margin-bottom: 0; line-height: 1.2; } .footerwrapper>div:first-child>h2 { border-bottom: none; } .footerwrapper>div>div { width:100%; border-top: 1px solid #FFF; padding: 2rem 0; } .footerwrapper>div:first-child>div { width: calc(50% - 16px); } .footerwrapper a{ color: white; font-weight: bold;} @media all and (max-width: 899px) { .footerwrapper>div { padding-bottom: 30px; } .footerwrapper>div, .footerwrapper>div:first-child { width:100%; } } @media all and (max-width: 599px) { .footerwrapper>div>div, .footerwrapper>div:first-child>div { width:100%; } .footerwrapper>div:first-child>div:last-child { padding-top:0; border-top: none; } } ul.social::after { content: ""; display: table; clear: both; } ul.social li { display: inline-block; margin:0 16px 0 0 !important; position:relative; font-size:4.2rem; line-height: 1; width: 1em; height: 1em; } ul.social li:last-child { margin-right: 0;} ul.social li a { display:block; color: white; border-radius:50%; text-decoration:none; width:100%; height:100%; overflow:hidden; } ul.social li a { background:#00719C; color: #FFF; text-indent: -9000px; } ul.social li a:hover { color: white; } ul.social li a span { height: 0; width: 0; position: absolute; overflow: hidden; } ul.social::after { content:""; display:table; height:0; clear:left;} ul.social li a::after {content:""; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } ul.social li a:hover::after { color: white; } ul.social li a[href*="facebook"]::after { background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path fill="%23FFFFFF" d="M17.35,42h6.56V27.07h4.9L29.74,21H23.91V17.06c0-1.66.82-3.28,3.42-3.28H30V8.61a32.24,32.24,0,0,0-4.7-.41c-4.8,0-7.93,2.91-7.93,8.17V21H12v6.07h5.33Z"/></svg>'); } ul.social li a[href*="twitter"]::after { background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><path fill="%23FFFFFF" d="M16.41,31a14.31,14.31,0,0,0,14.4-14.41c0-.22,0-.44,0-.65a10.33,10.33,0,0,0,2.53-2.62,10.34,10.34,0,0,1-2.91.79,5.06,5.06,0,0,0,2.23-2.8,10.23,10.23,0,0,1-3.21,1.23A5.07,5.07,0,0,0,20.68,16a4.44,4.44,0,0,0,.14,1.16A14.39,14.39,0,0,1,10.38,11.9,5.07,5.07,0,0,0,12,18.65,4.89,4.89,0,0,1,9.67,18v.06a5.07,5.07,0,0,0,4.06,5,5.27,5.27,0,0,1-1.33.18,5,5,0,0,1-1-.1,5,5,0,0,0,4.72,3.52,10.18,10.18,0,0,1-6.28,2.16,9.71,9.71,0,0,1-1.21-.07A14.08,14.08,0,0,0,16.41,31Z"/></svg>'); } ul.social li a[href*="instagram"]::after { } ul.social li a[href*="linkedin"]::after { background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 42"><g id="Group_45" data-name="Group 45"><g id="Path_737" data-name="Path 737"><path fill="%23FFFFFF" d="M29.65,10.05H12.35a2.22,2.22,0,0,0-2.2,2.2h0v17.5a2.22,2.22,0,0,0,2.2,2.2h17.3a2.22,2.22,0,0,0,2.2-2.2h0V12.25a2.29,2.29,0,0,0-2.2-2.2Zm-12.5,17.3h-2.9V18h2.9Zm-1.5-10.5A1.46,1.46,0,1,1,16,14a1.43,1.43,0,0,1,1.3,1.5,1.45,1.45,0,0,1-1.4,1.5.31.31,0,0,0-.2-.1Zm12.1,10.5h-2.9v-5.2c0-1.2-.4-2-1.5-2a1.5,1.5,0,0,0-1.5,1.1,1.7,1.7,0,0,0-.1.7v5.4h-2.9V21a27.19,27.19,0,0,0-.1-3h2.5l.1,1.3h.1a3.27,3.27,0,0,1,2.9-1.5c1.9,0,3.3,1.3,3.3,4Z"/></g></g></svg>'); } ul.social li a[href*="youtube"]::after { } ul.social li a[href*="youtube"]:hover {background-color: #FF0000 !important; } ul.social li a[href*="linkedin"]:hover {background-color: #0077B5 !important; } ul.social li a[href*="facebook"]:hover {background-color: #3b5998 !important; } ul.social li a[href*="twitter"]:hover {background-color: #1da1f2 !important; } ul.social li a[href*="instagram"]:hover { background: linear-gradient(45deg, rgba(255,211,116,1) 0%, rgba(255,211,116,1) 12%, rgba(240,103,59,1) 34%, rgba(236,73,76,1) 55%, rgba(196,49,137,1) 75%, rgba(128,67,197,1) 91%, rgba(128,67,197,1) 110%) !important; } ul.social li a[href*="tripadvisor"]:hover {background-color:#00af87 !important; } /* */