/* A WORK IN PROGRESS */ body {font-size: 16px; color: #e8e9eb; background-color: rgb(234, 235, 236); } #headerimage {position: relative; background-image: -webkit-linear-gradient(top, rgb(233, 234, 236) 40%, rgb(179, 181, 185) 100%); /*CHROME 10+, SAFARI 5.1+*/ background-image: linear-gradient(to bottom, rgb(179, 181, 185) 0%, rgb(233, 234, 236) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9eaec', endColorstr='#b3b5b9', GradientType=0); /*IE6-9*/} #headerbg {background: url();} #headerone {background-image: url(../images/oli/header1_26.png);} #headertwo {background-image: url(../images/oli/header2_26.png); opacity: 0; -webkit-transition: opacity 1.0s; transition: opacity 1.0s;} #headerthree {background-image: url(../images/oli/header3_26.png); opacity: 0; -webkit-transition: opacity 2.0s; transition: opacity 2.0s;} #headerfour {background-image: url(../images/oli/header4_26.png); opacity: 0; -webkit-transition: opacity 3.0s; transition: opacity 3.0s;} #headerfive {background-image: url(../images/oli/header_bg_26.png); opacity: 0; -webkit-transition: opacity 0.0s; transition: opacity 0.0s;} #noise {background: url(../images/oli/noise2.png);} nav {background-color: #3b3d4b;} #menumain li {text-shadow: 0px 0px rgba(26, 33, 41, 0.0);} nav a:link, nav a:visited {color: #888b8f;} nav a:hover {color: #e8e9eb;} .menu-icons {fill: #888b8f;} #menusocial li:hover .menu-icons {fill: #e8e9eb;} .menuIcon span {background: #888b8f; box-shadow: 0px 0px rgba(0, 0, 0, 0.0);} .open.menuIcon span {background: #e8e9eb;} #offcourse {background: #202930 /*#181e26*/; padding: 0px 0 70px 0;} #offcoursetext {font-size:16px; background: #202930 /*#181e26*/; padding: 100px 30px 60px 30px;} #slider, #slider2, #slider3, #slider4, #slider5, #slider6, #slider7, #slider8 {padding: 0; max-width: 1024px;} .lSSlideOuter .lSPager.lSpg {line-height: 6px; padding-top: 40px;} /* DOT ROW BACKGROUND */ /* NAVIGATION */ .lSAction > a {position: absolute; top: 50%; display: block; width: 60px; height: 60px; margin-top: -30px; background-image: url(../images/arrows.svg); cursor: pointer; z-index: 4; opacity: 1.0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} .lSAction > a:hover {opacity: 0.5;} .lSAction > .lSPrev {left: 40px; background-position: -1px -40px;} .lSAction > .lSNext {right: 40px; background-position: -62px -40px;} #olilightSlider img, #olilightSlider2 img, #olilightSlider3 img, #olilightSlider4 img, #olilightSlider5 img, #olilightSlider6 img, #olilightSlider7 img, #olilightSlider8 img {cursor: pointer;} #earlydays {padding: 100px 30px 60px 30px; color: #373a48 /*#333542*/;} #earlydaysgallery {padding-bottom: 49px;} #earlydaysgallery .lSSlideOuter .lSPager.lSpg > li a {background-color: #373a48 /*#333542*/; opacity: 0.2; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} #earlydaysgallery .lSSlideOuter .lSPager.lSpg > li:hover a, #earlydaysgallery .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #373a48 /*#333542*/; opacity: 1.0;} #earlydaysgallery .lSAction > .lSPrev {left: 40px; background-position: -123px -40px;} #earlydaysgallery .lSAction > .lSNext {right: 40px; background-position: -184px -40px;} #earlydays2, #postryder2 {padding: 0px 30px 100px 30px; color: #373a48 /*#333542*/;} #postdunhill2 {padding: 0px 30px 60px 30px; color: #373a48 /*#333542*/;} #rydercup {position: relative; padding: 100px 0px 0px 0px; color: #ffffff; background-image: url(../images/oli/ryderbg.jpg); background-position: top center; background-size: cover; overflow: hidden;} #rydergallery {position: absolute; bottom: 70px; left: 0; right: 0; z-index: 2;} #rydergallery .lSSlideOuter .lSPager.lSpg > li a {background-color: #e8e9eb; opacity: 0.4; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #rydergallery .lSSlideOuter .lSPager.lSpg > li:hover a, #rydergallery .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #e8e9eb; opacity: 1.0;} #rydergallery .lSAction > .lSPrev {left: 40px; background-position: -123px -40px;} #rydergallery .lSAction > .lSNext {right: 40px; background-position: -184px -40px;} #ryderscene {position: relative; max-width: 556px; padding: 0; margin: 0 auto; padding: 40px 100px 0 30px; z-index: 1;} .ryderlayer {position: absolute; top: 0; left:0; padding-bottom: 140.85%;} #ryderpara {width: 100%; background-image: url(../images/oli/ryder.png); background-position: top center; background-repeat: no-repeat; background-size: cover;} #postryder {padding: 100px 30px 60px 30px; color: #373a48 /*#333542*/;} #postrydergallery {padding-bottom: 49px;} #postrydergallery .lSSlideOuter .lSPager.lSpg > li a {background-color: #373a48 /*#333542*/; opacity: 0.2; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #postrydergallery .lSSlideOuter .lSPager.lSpg > li:hover a, #postrydergallery .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #373a48 /*#333542*/; opacity: 1.0;} #postrydergallery .lSAction > .lSPrev {left: 40px; background-position: -123px -40px;} #postrydergallery .lSAction > .lSNext {right: 40px; background-position: -184px -40px;} .bandtitle {display: block; font-family: "Roboto Condensed", sans-serif; font-size: 100px; font-weight: 900; line-height: 1; word-wrap: break-word;} .titleblock, .patrontitleblock, .ambassadortitleblock {display: block; width: 100px; height: 10px; margin: 26px auto; margin-bottom: 40px; background: #ffffff;} #dunhill {position: relative; padding: 100px 0px 0px 0px; color: #ffffff; background-color: #181e26; background-image: url(../images/oli/dunhillbg.jpg); background-position: top center; background-repeat: no-repeat; overflow: hidden;} #dunhillgallery {position: absolute; bottom: 70px; left: 0; right: 0; z-index: 3;} #dunhillgallery .lSSlideOuter .lSPager.lSpg > li a {background-color: #181e26; opacity: 0.4; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #dunhillgallery .lSSlideOuter .lSPager.lSpg > li:hover a, #dunhillgallery .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #e8e9eb; opacity: 1.0;} #dunhillcrop {padding: 40px 0px 0 0px; z-index: 1;} #dunhillscene {position: relative; max-width: 617px; padding: 0; margin: 0 auto; padding: 40px 100px 0 0px; z-index: 1;} .dunhilllayer {position: absolute; top: 0; left:0; padding-bottom: 110.25%;} #dunhillpara {width: 100%; background-image: url(../images/oli/dunhill.png); background-position: top center; background-repeat: no-repeat; background-size: cover;} #postdunhill {padding: 100px 30px 60px 30px; color: #373a48 /*#333542*/;} #postdunhillgallery {padding-bottom: 49px;} #postdunhillgallery2 {padding-bottom: 70px;} #postdunhillgallery .lSSlideOuter .lSPager.lSpg > li a, #postdunhillgallery2 .lSSlideOuter .lSPager.lSpg > li a {background-color: #373a48 /*#333542*/; opacity: 0.2; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #postdunhillgallery .lSSlideOuter .lSPager.lSpg > li:hover a, #postdunhillgallery .lSSlideOuter .lSPager.lSpg > li.active a ,#postdunhillgallery2 .lSSlideOuter .lSPager.lSpg > li:hover a, #postdunhillgallery2 .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #373a48 /*#333542*/; opacity: 1.0;} #postdunhillgallery .lSAction > .lSPrev, #postdunhillgallery2 .lSAction > .lSPrev {left: 40px; background-position: -123px -40px;} #postdunhillgallery .lSAction > .lSNext, #postdunhillgallery2 .lSAction > .lSNext {right: 40px; background-position: -184px -40px;} #himmerland {position: relative; padding: 100px 0px 0px 0px; color: #ffffff; background-color: #181e26; background-image: url(../images/oli/himmerlandbg.jpg); background-size: cover; background-position: bottom center; background-repeat: no-repeat; overflow: hidden;} .himmerlandlogo {width: 320px; padding-bottom: 10px;} #himmerlandgallery {position: absolute; bottom: 70px; left: 0; right: 0; z-index: 3;} #himmerlandgallery .lSSlideOuter .lSPager.lSpg > li a {background-color: #e8e9eb; opacity: 0.4; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #himmerlandgallery .lSSlideOuter .lSPager.lSpg > li:hover a, #himmerlandgallery .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #e8e9eb; opacity: 1.0;} #himmerlandgallery .lSAction > .lSPrev {left: 40px; background-position: -123px -40px;} #himmerlandgallery .lSAction > .lSNext {right: 40px; background-position: -184px -40px;} #himmerlandscene {position: relative; max-width: 724px; padding: 0; margin: 0 auto; z-index: 1; margin-top:40px;} .himmerlandlayer {position: absolute; top: 0; left:0; padding-bottom: 88.398%;} #himmerlandpara {width: 100%; background-image: url(../images/oli/himmerland.png); background-position: top center; background-repeat: no-repeat; background-size: cover; margin-bottom:-1px;} #posthimmerland {padding: 100px 30px 60px 30px; color: #373a48 /*#333542*/;} #posthimmerlandgallery {padding-bottom: 70px;} #posthimmerlandgallery .lSSlideOuter .lSPager.lSpg > li a {background-color: #373a48 /*#333542*/; opacity: 0.2; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } #posthimmerlandgallery .lSSlideOuter .lSPager.lSpg > li:hover a, #posthimmerlandgallery .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #373a48 /*#333542*/; opacity: 1.0;} #posthimmerlandgallery .lSAction > .lSPrev {left: 40px; background-position: -123px -40px;} #posthimmerlandgallery .lSAction > .lSNext {right: 40px; background-position: -184px -40px;} .subbandtitle {display: block; font-family: 'Lusitana'; font-size: 24px; line-height: 1; padding-bottom: 5px; letter-spacing:0.05em;} #patron {padding: 100px 0px 70px 0px; color: #373a48 /*#333542*/; background: #ffffff;} .patrontitleblock {margin-top: 25px; margin-bottom: 29px; background: #d7203b;} .patrontext {display: block;} .patronlink {display: inline-block; font-weight: 500; letter-spacing: 0.01em; color: #373a48 /*#333542*/; margin-top: 40px; padding: 17px 30px; background-color: #ffffff; border: 1px solid #373a48 /*#333542*/; border-radius: 4px; -webkit-transition: color 0.5s, background-color 0.5s, border 0.5s; transition: color 0.5s, background-color 0.5s, border 0.5s;} .patronlink:hover {color: #ffffff; background-color: #d7203b; border: 1px solid #d7203b;} .ngccquote {display: block; font-weight: 500; font-style: italic; color: #373a48 /*#333542*/; padding: 20px 0 0 0;} #ambassador {padding: 0px 0px 100px 0px; color: #373a48 /*#333542*/; background: #ffffff;} .ambassadorlink {display: inline-block; font-weight: 500; letter-spacing: 0.01em; color: #373a48 /*#333542*/; margin-top: 40px; padding: 17px 30px; background-color: #ffffff; border: 1px solid #373a48 /*#333542*/; border-radius: 4px; -webkit-transition: color 0.5s, background-color 0.5s, border 0.5s; transition: color 0.5s, background-color 0.5s, border 0.5s;} .ambassadorlink:hover {color: #ffffff; background-color: #141414; border: 1px solid #141414;} #posthimmerland2 {padding: 0px 30px 70px 30px; color: #373a48 /*#333542*/;} @media only screen and (max-width: 1024px){ .lSSlideOuter .lSPager.lSpg {padding-top: 0px; display: none;} /* DOT ROW BACKGROUND */ #offcourse {background: #e8e9eb; padding: 0px;} #offcoursetext, #earlydays, #earlydays2, #postryder, #postryder2, #postdunhill, #postdunhill2, #posthimmerland, #posthimmerland2 {padding: 60px 0;} /*#offcoursetext, #earlydays, #postryder, #postdunhill {padding-top: 80px;} #earlydays2, #postryder2 {padding-bottom: 90px;} #postdunhill2, #posthimmerland {padding-bottom: 60px;}*/ #earlydaysgallery, #rydergallery, #postrydergallery, #dunhillgallery, #postdunhillgallery, #postdunhillgallery2, #himmerlandgallery, #posthimmerlandgallery {padding-bottom: 0px; margin-bottom: -1px;} #rydercup {padding-top: 80px;} #rydergallery, #dunhillgallery, #himmerlandgallery {bottom: -1px;} #ryderscene {max-width: 506px; padding: 30px 50px 60px 30px;} #dunhillscene {position: relative; max-width: 537px; padding: 0; margin: 0 auto; padding: 40px 20px 80px 0px; z-index: 1;} .dunhilllayer {position: absolute; top: 0; left:0; padding-bottom: 95%;} #himmerlandscene {padding: 30px 40px 80px 40px; margin-top:0;} #patron {padding: 90px 0 60px 0;} #ambassador {padding: 0 0 90px 0;} #posthimmerland2 {padding-bottom: 50px;} } @media only screen and (max-width: 768px){ #rydercup {padding-top: 80px; background-image: url(../images/oli/ryderbg2.jpg);} #dunhill {padding-top: 90px; background-image: url(../images/oli/dunhillbg2.jpg); background-position: bottom center; background-size: cover;} #himmerland {padding-top: 90px; background-size: cover;} #offcoursetext, #earlydays, #postryder, #postdunhill {padding-top: 70px;} #earlydays2, #postryder2 {padding-bottom: 80px;} #postdunhill2, #posthimmerland {padding-bottom: 60px;} #posthimmerland2 {padding-bottom: 40px;} } @media only screen and (max-width: 740px){ .lSAction > a {width: 41px; height: 40px; margin-top: -20px;} .lSAction > .lSPrev {left: 21px; background-position: 0px 0px;} .lSAction > .lSNext {right: 21px; background-position: -41px 0px;} #earlydaysgallery .lSAction > .lSPrev, #rydergallery .lSAction > .lSPrev, #postrydergallery .lSAction > .lSPrev, #postdunhillgallery .lSAction > .lSPrev, #postdunhillgallery2 .lSAction > .lSPrev, #himmerlandgallery .lSAction > .lSPrev, #posthimmerlandgallery .lSAction > .lSPrev {left: 21px; background-position: -122px 0px;} #earlydaysgallery .lSAction > .lSNext, #rydergallery .lSAction > .lSNext, #postrydergallery .lSAction > .lSNext, #postdunhillgallery .lSAction > .lSNext, #postdunhillgallery2 .lSAction > .lSNext, #himmerlandgallery .lSAction > .lSNext, #posthimmerlandgallery .lSAction > .lSNext {right: 21px; background-position: -163px 0px;} #rydercup {padding-top: 43px;} #dunhill {padding-top: 52px;} #himmerland {padding-top: 48px;} #offcoursetext, #earlydays, #earlydays2, #postryder, #postryder2, #postdunhill, #postdunhill2, #posthimmerland, #posthimmerland2 {padding: 50px 0;} #postdunhill2, #posthimmerland {padding-bottom: 50px;} #posthimmerland2 {padding-bottom: 40px;} #patron {padding: 60px 0;} #ambassador {padding: 0 0 60px 0;} #posthimmerland2 {padding-bottom: 20px;} } @media only screen and (max-width: 600px){ .bandtitle {font-size: 80px;} .subbandtitle {font-size: 20px;} .titleblock, .patrontitleblock {margin: 20px auto 29px auto;} #offcoursetext, #earlydays, #earlydays2, #postryder, #postryder2, #postdunhill, #postdunhill2, #posthimmerland, #posthimmerland2 {padding: 40px 0;} #postdunhill2, #posthimmerland {padding-bottom: 40px;} #ryderscene {max-width: 486px; padding: 20px 40px 60px 20px;} #dunhillscene {padding: 35px 20px 80px 0px;} #himmerlandscene {padding: 30px 20px 80px 20px; margin-top:0;} .himmerlandlogo {width:250px; padding-bottom: 5px;} #posthimmerland2 {padding-bottom: 10px;} } @media only screen and (max-width: 500px){ #headerone {background-image: url(../images/oli/header12_26.png);} #headertwo {background-image: url(../images/oli/header22_26.png);} #headerthree {background-image: url(../images/oli/header32_26.png);} #headerfour {background-image: url(../images/oli/header42_26.png);} #headerfive {background-image: url(../images/oli/header_bg_mobile_26.png);} #himmerlandscene {padding: 20px 20px 100px 20px;} .himmerlandlayer {position: absolute; top: 0; left:0; padding-bottom: 88.398%; margin-bottom:20px;} } @media only screen and (max-width: 400px){ .bandtitle {font-size: 70px;} .subbandtitle {font-size: 16px;} .himmerlandlogo {width:220px; padding-bottom: 4px;} }