/*! * Start Bootstrap - Grayscale Bootstrap Theme (http://startbootstrap.com) * Code licensed under the Apache License v2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0. */ /* TWO GUYS AND A COMPUTER */ /* STRUCTURED MICRODATA */ .footer a { color: #000; } /* WHAT ITS A BUBBLE */ .bubble { background-color: rgba(89, 189, 189, 0.65); margin-bottom: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .bubble p { margin-bottom: 0px; padding-bottom: 20px; font-size: 18px; font-weight: 800; } .bubble a { color: #fff !important; font-size: 1em; font-weight: 600; } /* THIS FLOATS */ .float-right { float: right; padding: 20px; } .float-left { float: left; padding: 20px; } .img-center { text-align: center; } .text-center { text-align: center; } .btn-center { text-align: center; } .btn-padding { margin: 20px 0px; } /* MARGIN FOR IMG */ .margin-white { background-color: #fff; padding: 10px; margin: 10px; } body { width: 100%; height: 100%; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;; } html { width: 100%; height: 100%; } p { margin: 0 0 25px; font-size: 18px; line-height: 1.5; } a { color: #219ab3; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:hover, a:focus { text-decoration: none; color: #11505d; } h1, h2, h3, h4, h5, h6 { padding-top: 0px; } /* TEXT COLORS */ .text-white { color: #fff; } /* These are custom PAGE backgrounds */ .friends { background-color: #59BDBD; } .menu { background-color: #fff5c1; } .contact-page { background-color: #59BDBD; } .events { background-color: #CAE366; } /* .page backgrounds */ /* These are the custom ROW backgrounds */ .logo { background-color: #000; } .cafe{ /* background-color: #CAE366; */ background-color: #fff5c1; } .music{ background-color: #CAE366; } .gifts{ background-color: #59bdbd; } .giftshop { background: url("http://otherlandscoffeebar.com/img/memphis-gift-shop.jpg"); background-repeat: no-repeat; background-attachment: fixed; margin-top: 70px; padding: 50px 0px; color: #fff !important; font-weight: 600; } .kid{ background-color: #FFEE98; } .mapground { background-color: #000; } .social { background-color: #CAE366; /* background-image: url("http://rockroot.net/otherlands/img/contacts-ol.jpg"); */ background-repeat: no-repeat; } #socialrow { margin: 50px 0px; } #map { width: 100%; height: 200px; } .footer-bg { background-color: #59BDBD; } .thanks-section { background-color: #59BDBD; } /* .row backgrounds */ #hours { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; letter-spacing: 1px; margin: 0 0 35px; text-transform: uppercase; } .light { font-weight: 400; } /* NAVBAR STUFF */ /* color for mobile navbar */ .navbar-custom { margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,.3); text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; background-color: #59BDBD; } .navbar-brand { /* background: url("../img/otherlands-logo-125.jpg") no-repeat center; */ } .navbar-custom .navbar-brand { font-weight: 700; } .navbar-custom .navbar-brand:focus { outline: 0; } .navbar-custom .navbar-brand .navbar-toggle { padding: 4px 6px; font-size: 16px; color: #fff; } .navbar-custom .navbar-brand .navbar-toggle:focus, .navbar-custom .navbar-brand .navbar-toggle:active { outline: 0; } .navbar-toggle { background-color: #fff; } .navbar-custom a { color: #fff; } .navbar-custom .nav li.active { outline: nonte; background-color: rgba(255,255,255,.3); } .navbar-custom .nav li a { -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li a.active { outline: 0; } .nav-tabs > li, .nav-pills > li { float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */ } .nav-tabs, .nav-pills { text-align:center; } .featurette-divider { border-top-width: 0px; margin-top: 0px; } /* BUTTONS */ .btn { text-transform: uppercase; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .btn-default { border: 1px solid #219ab3; color: #219ab3; background-color: transparent; } .btn-default:hover, .btn-default:focus { border: 1px solid #219ab3; outline: 0; color: #000; background-color: #219ab3; } .btn-circle { width: 70px; height: 70px; margin-top: 15px; padding: 7px 16px; border: 2px solid #fff; border-radius: 35px; font-size: 40px; color: #fff; background: 0 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .btn-circle:hover, .btn-circle:focus { outline: 0; color: #fff; background: rgba(255,255,255,.1); } /* ./BUTTONS */ .callbutton a { color: #fff !important; } .content-section { padding-top: 0px; } .contact-section { width: 100%; padding: 0px; color: #fff; background: url("../img/contacts-ol.jpg") no-repeat center center scroll; background-color: #000; -webkit-text-stroke: 1px black; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } ul.banner-social-buttons { margin-top: 0; } /* FOOTER STUFF */ .copyright, .copyright a { font-size: 0.9567em; } .footer p { margin: 0; } .reverse-margin { margin-top: -1em; padding-top: 0px !important; } ::-moz-selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); } ::selection { text-shadow: none; background: #fcfcfc; background: rgba(255,255,255,.2); } img::selection { background: 0 0; } img::-moz-selection { background: 0 0; } body { webkit-tap-highlight-color: rgba(255,255,255,.2); } .intro { width: 100%; min-height: 380px; padding: 0; text-align: center; color: #fff; background: url(../img/intro-ol.jpg) no-repeat center 20%; background-color: #000; background-size: cover; display: flex; align-items: center; justify-content: center; overflow: hidden; } .intro .intro-body { vertical-align: middle; } .intro .intro-body .brand-heading { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 40px; } .intro .intro-body .intro-text { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: 800; } .friends-intro { height: 100%; padding: 0; } .friends-intro { width: 100%; height: auto; padding: 100px 0; text-align: center; color: #fff; background: url(../img/big-coffeekid.jpg) no-repeat bottom center scroll; -webkit-text-stroke: 2px black; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .friends-intro .intro-body { vertical-align: middle; } .friends-intro .intro-body .brand-heading { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 40px; } .friends-intro .intro-body .intro-text { font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; font-weight: 800; } /* MEDIA QUERIES */ /* BIGGER SCREENS */ .col-md-12, .col-lg-12 { padding-left: 35px; padding-right: 35px; } @media all and (min-width: 768px) { .intro { min-height: 420px; } } .intro .intro-body .brand-heading { font-size: 100px; } .intro .intro-body .intro-text { font-size: 25px; } .friends-intro { height: 100%; padding: 0; } .friends-intro .intro-body .brand-heading { font-size: 100px; } .friends-intro .intro-body .intro-text { font-size: 25px; } .content-section { padding-top: 50px; } .download-section { padding: 100px 0; } #map { height: 400px; } p { margin: 0 0 35px; font-size: 20px; line-height: 1.6; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; } .navbar { padding: 10px 0; border-bottom: 0; letter-spacing: 1px; background-color: #59bdbd; -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out; -moz-transition: background .5s ease-in-out,padding .5s ease-in-out; transition: background .5s ease-in-out,padding .5s ease-in-out; } /*regular navbar color*/ .top-nav-collapse { padding: 0; background-color: #59BDBD; } .navbar-custom.top-nav-collapse { border-bottom: 1px solid rgba(255,255,255,.3); } .upper-margin { margin-top: 70px; } .lower-margin { margin-bottom: 70px; } .feature { padding-top: 35px; padding-bottom: 35px; margin-left: 0px !important; margin-right: 0px !important; } } /* SMALLER SCREENS */ @media(max-width:1199px) { ul.banner-social-buttons { margin-top: 15px; } .lead { margin-bottom: 30px; margin-top: 30px; } .logo-center { text-align: center; } } @media all and (max-width: 767px) { /* RESPONSIVE GOOGLE MAPS AND IFRAME CONTAINER */ .gplus-container { position: relative; padding-bottom: 80.25%; padding-top: 50px; height: 0; overflow: hidden; } .gplus-container iframe, .gplus-container object, .gplus-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .twitter-container { position: relative; padding-bottom: 0px; padding-top: 50px; height: 0; overflow: hidden; } .twitter-container iframe, .twitter-container object, .twitter-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flexible-container { position: relative; padding-bottom: 16.25%; padding-top: 10px; height: 0; overflow: hidden; } .flexible-container iframe, .flexible-container object, .flexible-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .twitter { padding: 13px 0px; } .hidden-sm { display: none; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: 700; font-size: 1.634em; letter-spacing: 1px; } .bubble p { font-size: 1em !important; } ul.banner-social-buttons li { display: block; margin-bottom: 20px; padding: 0; } ul.banner-social-buttons li:last-child { margin-bottom: 0; } .col-md-offset-2 { margin: 0px; } .col-lg-offset-2 { margin: 0px; } .row { margin-left: 0px; margin-right: 0px; } .call-button { padding-top: 10px; padding-bottom: 10px; } .upper-margin { margin-top: 3.14em; } .lower-margin { margin-bottom: 3.14em; } .intro h1 { margin: 0; font-size: 1.89em; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; } .intro h3 { margin: 0; font-size: 1.09em; text-transform: uppercase; font-weight: 800; letter-spacing: 1px; } .feature { padding-top: 4.345em; padding-bottom: 4.456em; } }