/*############################################################################################################################################################################################################## # # DEV COLORS # ################################################################################################################################################################################################################ @media (min-width : 320px) { h1, .h1 { color:yellow !important;} #logo-1, #cta-logo {background-color:yellow;} } @media (min-width : 480px) { h1, .h1 { color:orange !important;} #logo-1, #cta-logo {background-color:orange;} } @media (min-width : 768px) { h1, .h1 { color:red !important;} #logo-1, #cta-logo {background-color:red;} } @media (min-width : 992px) { h1, .h1 { color:purple !important;} #logo-1, #cta-logo {background-color:purple;} } @media (min-width : 1200px) { h1, .h1 { color:blue !important;} #logo-1, #cta-logo {background-color:blue;} }*/ /*############################################################################################################################################################################################################## # # MISC # ################################################################################################################################################################################################################*/ html, body { height: 100%; margin:0px; padding:0px; font: 300 18px/normal 'Open Sans', Arial, Helvetica, sans-serif; background:#fff; color:#333; text-align:center;} .clear { clear: both; margin: 0; padding: 0; } #skip-link { background:#000;} .no-pad { padding-left:0px; padding-right:0px;} .cta { color:#fff !important; text-decoration:none !important; margin: 20px 0px 0px 0px; display:inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration:none; background-color:#007910; padding:10px 20px; color:#fff; font: 100 14px/normal 'Museo Slab', Arial, Helvetica, sans-serif; text-transform:uppercase;} .cta:hover { background-color:#83450d !important ;} body { background:black;} /* body.logged-in { margin-top:60px;} html body.admin-menu-with-shortcuts { margin-top: 65px !important; } */ html body.admin-menu { margin-top: 65px !important; } /*html { margin-top:100px !important; background:black;}*/ @media (min-width : 320px) and (max-width: 768px) { /*html { margin-top:150px !important; background:black;}*/ } /* .view-blog .views-row { margin-top:10px; padding-top:10px; border-top: 1px solid red;} */ /*############################################################################################################################################################################################################## # # Internet Exploder "lt IE 9" Nag in main style sheet # ################################################################################################################################################################################################################*/ #less-than-ie-nine { display:none; } #less-than-ie-nine { position:relative; top:0px; left:0px; text-align:center; padding:30px; color:#fff; background-color:#900; } #less-than-ie-nine h3 { color:#FFF; } #less-than-ie-nine a { color:#FF0; text-decoration:underline } #less-than-ie-nine a:hover { color: #FC0; } /*############################################################################################################################################################################################################## # # TOP BAR # ################################################################################################################################################################################################################*/ #top-bar { color:#fff; font: 300 18px/normal 'Open Sans', Arial, Helvetica, sans-serif;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ } @media (min-width : 320px) { /* yellow */ #top-bar { position: relative; height:auto;} } @media (min-width : 480px) { /* orange */ } @media (min-width : 768px) { /* red */ } @media (min-width : 992px) { /* purple */ #top-bar { position: absolute; top:0px; right: 0px; left: 0px; width:100%; z-index:9;} } @media (min-width : 1200px) { /* blue */ } /*############################################################################################################################################################################################################## # # LOGO # ################################################################################################################################################################################################################*/ #logo-1 { display:none;} /* MOBILE */ #cta-logo { display:none;} /* DESKTOP */ #cta-logo { display:block;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ } @media (min-width : 320px) { /* yellow */ #logo-1 { position: relative; top:0px; left:0px; float:none; margin: 0px auto 10px auto; padding-top:5px;} #logo-1 { display:block;} #cta-logo { display:none;} } @media (min-width : 480px) { /* orange */ } @media (min-width : 768px) { /* red */ #logo-1 { display:none;} #cta-logo { display:block;} } @media (min-width : 992px) { /* purple */ } @media (min-width : 1200px) { /* blue */ } /*############################################################################################################################################################################################################## # # BOOK YOUR VISIT IN HEADER # ################################################################################################################################################################################################################*/ #header-book { background:url(../images/book_bg.jpg) repeat-x center bottom; padding: 6px 10px;} #header-book a { color: #eadfc7; text-decoration:none; font-size:20px; font-family: 'Museo Slab'; font-weight: 100;} #header-book a:hover { color: #fff; } @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #header-book { background-image:none; background-color:#0f5b19; padding:10px 0px;} } /*############################################################################################################################################################################################################## # # NAVIGATION # ################################################################################################################################################################################################################*/ .navbar-collapse { /*background-image: url(../images/leaf.png); background-repeat:no-repeat; background-position: right center;*/} .navbar-inverse .navbar-nav > li > a { color: #fff; text-decoration:none; font-family: 'Museo Slab'; font-weight: 100; font-size:18px;} body.path-frontpage .navbar-inverse .navbar-nav > li > a { color: #fff; } body.path-frontpage .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color: rgba(0, 0, 0, 0.2); color: #fff; } .navbar-nav > li > a { /*padding-bottom: 20px; padding-top: 20px;*/ } .navbar-nav { float: right; } .navbar-inverse .navbar-nav > li > a { /*color: #ffde00;*/ } .navbar-collapse ul { /*padding-right: 35px;*/} .navbar-collapse ul ul { padding-right: 0px; background-image:none;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ .navbar-collapse { background-image:none;} .navbar-collapse ul, .navbar-collapse ul ul { padding-right: 0px;} .navbar-nav { margin: 7.5px 0px; } #secondary-navigation ul.secondary { float: none; } } @media (min-width : 320px) { /* yellow */ #navigation { position: relative; top:0px; height:auto; text-align:center; background-color:transparent; border:none; margin:0px; padding:0px; } .navbar-nav { float: none; } .navbar-toggle { float:none; background-color:#008711;} .navbar-collapse { background-color:#008711; text-align:center;} } @media (min-width : 480px) { /* orange */ } @media (min-width : 768px) { /* red */ .navbar-inverse .navbar-nav > li > a { font-size:14px; padding-left: 7px; padding-right: 7px;} #primary-navigation { background: #8a490f; background: -moz-linear-gradient(top, #8a490f 1%, #6e3805 100%); background: -webkit-linear-gradient(top, #8a490f 1%, #6e3805 100%); background: linear-gradient(to bottom, #8a490f 1%, #6e3805 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a490f', endColorstr='#6e3805', GradientType=0 );} .navbar-collapse { background-color: transparent; width:100%;} #navigation .container { padding:0px; margin: 0px auto; } } @media (min-width : 992px) { /* purple */ .navbar-inverse .navbar-nav > li > a { font-size:16px; padding-left: 12px; padding-right:12px;} #navigation div { margin:0px; padding:0px;} #navigation .container { float:right;} .navbar-nav { float: right; } .navbar-collapse { background-color: transparent;} } @media (min-width : 1200px) { /* blue */ .navbar-inverse .navbar-nav > li > a { font-size:18px; padding-left: 15px; padding-right:15px;} } .dropdown-menu { background-clip: padding-box; background-color: #8a490f; border: none; border-radius: 0px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 18px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 0px; position: absolute; text-align: left; top: 100%; z-index: 1000; color:#fff; } .dropdown-menu > li > a { color: #fff; text-decoration:none; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: rgba(0, 0, 0, 0.4); color: #fff;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ .navbar-inverse .navbar-nav .open a, .navbar-inverse .navbar-nav .open a:hover, .navbar-inverse .navbar-nav .open a:focus, .dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus { background-color: rgba(0, 0, 0, 0.4); color: #fff;} .dropdown-submenu { position: relative;} .dropdown-menu { text-align: center;} .dropdown-submenu > .dropdown-menu { display: block; text-align: center; } .dropdown-submenu > a { pointer-events: none; background-color: #001465; color: #ffde00 !important; text-align:center;} .dropdown-menu > li > a { white-space: normal; } } @media (min-width : 768px) { /* red */ .dropdown-submenu > a { pointer-events: none; background-color: #001465; color: #ffde00 !important;} .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0px; left: 0px; right:0px; padding: 0px; width: 100%; display: block; position:relative; box-shadow: none; border:none; padding:0px; margin:0px; } } /*############################################################################################################################################################################################################## # # SOCIAL # ################################################################################################################################################################################################################*/ #social { text-align:right; padding-right:15px;} #social a { color:#000; display: inline-block; border-radius: 80px; background:#e3cdae; width:25px; font-size:14px; text-align:center; padding: 5px 0px 5px 4px; margin: 8px 0px 0px 0px; text-decoration:none;} #social a:hover { color:#fff; background:#000; text-decoration:none;} @media (min-width : 320px) and (max-width: 768px) { #social { float:none; text-align:center;} #social a { margin: 0px 0px 10px 0px;} } /*############################################################################################################################################################################################################## # # SIDEBAR LOGO # ################################################################################################################################################################################################################*/ #sidebar-logo { background: url(../images/tree-texture.jpg) no-repeat center center;} #sidebar-logo a { background-color: rgba(4, 71, 13, 0.8); display:block; width:100%; text-align:center; padding:10px 0px;} #sidebar-logo a:hover { background-color: rgba(4, 71, 13, 1.0);} @media (min-width : 320px) and (max-width: 768px) { #sidebar-logo { display:none;} } /*############################################################################################################################################################################################################## # # PAGE TITLE # ################################################################################################################################################################################################################ #page-title h1 { background:#6f3906; color:#fff; font: 700 25px/normal 'Museo Slab', Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding:25px 40px; text-align:left; border:0px;} #mobile-page-title { display:none;} @media (min-width : 320px) and (max-width: 768px) { #mobile-page-title { display:block; color:#6f3906; font: 700 25px/normal 'Museo Slab', Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding:10px 0px; text-align:left; border:0px;} #page-title { display:none;} }*/ /*############################################################################################################################################################################################################## # # CHILD MENU # ################################################################################################################################################################################################################*/ #child-menu {} #child-menu ul, #child-menu li { list-style:none; list-style-image:none; list-style-type:none; margin:0px; padding:0px; text-align:left;} #child-menu li a { display:block; color:#fff; text-align:left; width:100%; padding:25px 40px; text-decoration:none; font: 100 16px/normal 'Museo Slab', Arial, Helvetica, sans-serif;} #child-menu li:nth-child(1) a { background-color:#005b0c;} #child-menu li:nth-child(2) a { background-color:#00610d;} #child-menu li:nth-child(3) a { background-color:#00680e;} #child-menu li:nth-child(4) a { background-color:#00710e;} #child-menu li:nth-child(5) a { background-color:#007a10;} #child-menu li:nth-child(6) a { background-color:#008311;} #child-menu li:nth-child(7) a { background-color:#008a11;} #child-menu li:nth-child(8) a { background-color:#009012;} #child-menu li a:hover { background-color:#f0ebe4 !important; color:#6f3906;} /*############################################################################################################################################################################################################## # # INDEX CALLS TO ACTION # ################################################################################################################################################################################################################*/ #index-ctas { background: url(../images/tree-texture.jpg) no-repeat center center;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #index-ctas { background-image: none; background-color:#8d936a;} } #index-ctas a { display:block; width:100%; padding: 70px 0px; color: #fff; text-decoration:none; font-family: 'Museo Slab'; font-weight: 100; font-size:20px;} #index-ctas a i { color: #f1e8d1; font-size:24px; margin-top:10px;} #index-ctas a:hover i { color: #fff;} #index-ctas div { padding:0px;} #index-ctas .index-cta:nth-of-type(1) a { background-color: rgba(4, 71, 13, 0.8);} #index-ctas .index-cta:nth-of-type(1) a:hover { background-color: rgba(4, 71, 13, 1.0);} #index-ctas .index-cta:nth-of-type(2) a { background-color: rgba(3, 86, 14, 0.8);} #index-ctas .index-cta:nth-of-type(2) a:hover { background-color: rgba(3, 86, 14, 1.0);} #index-ctas .index-cta:nth-of-type(3) a { background-color: rgba(1, 106, 15, 0.8);} #index-ctas .index-cta:nth-of-type(3) a:hover { background-color: rgba(1, 106, 15, 1.0);} #index-ctas .index-cta:nth-of-type(4) a { background-color: rgba(0, 121, 16, 0.8);} #index-ctas .index-cta:nth-of-type(4) a:hover { background-color: rgba(0, 121, 16, 1.0);} #cta-logo {} #index-ctas #cta-logo a { padding: 10px 0px;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ } @media (min-width : 320px) { /* yellow */ } @media (min-width : 480px) { /* orange */ } @media (min-width : 768px) { /* red */ #index-ctas a { min-height: 220px;} } @media (min-width : 992px) { /* purple */ } @media (min-width : 1200px) { /* blue */ #index-ctas a { min-height: 205px;} } /*############################################################################################################################################################################################################## # # PHOTO GALLERIES # ################################################################################################################################################################################################################*/ /* GALLERIES LIST */ .gallery_thumbnail { /*width:135px; height: 150px; */float:left; text-align:center; margin:5px 5px 5px 0px;} .gallery_thumbnail a { font:normal 11px/normal Verdana, Geneva, sans-serif; color: red;} .gallery_thumbnail a img { border:1px solid #930; padding:1px; background:#fff;} .gallery_thumbnail a:hover img { border:1px solid #030; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /* INDIVIDUAL GALLERY */ .photo-galleries-thumbnail { float:left; text-align:center; margin: 11px 11px 0px 0px;} .photo-galleries-thumbnail a img { border:1px solid #930; padding:1px; background:#fff; } .photo-galleries-thumbnail a:hover img { border:1px solid #030; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75;} /*############################################################################################################################################################################################################## # # CONTENT AREA # ################################################################################################################################################################################################################*/ #content { padding: 40px;} .main-container { background: #f0ece8 url(../images/content-top-interior.jpg) no-repeat right top; text-align:left; color:#4d4d4d; padding-bottom: 60px;} body.front .main-container { background: #fffcf4 url(../images/content-top-index.jpg) no-repeat center top; text-align:center; color:#4d4d4d; font: 100 18px/normal 'Museo Slab', Arial, Helvetica, sans-serif; padding-bottom: 60px; padding-top:40px;} .main-container h1 { color:#5b2f06; font: 700 30px/normal 'Museo Slab', Arial, Helvetica, sans-serif; margin: 0px 0px 30px 0px; padding:0px; border-bottom: 1px solid #d4d4d4;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ aside { padding-top:20px;} } @media (min-width : 768px) { /* red */ /*aside { position:relative; top:-50px;}*/ aside .padding { padding: 20px 20px 20px 0px; font-size:14px;} #sidebar { padding-left:0px;} } /*############################################################################################################################################################################################################## # # ROW ONE - MAP # ################################################################################################################################################################################################################*/ #row-one { background:url(../images/map-row.jpg) no-repeat center center; background-size: cover; font: 100 15px/normal 'Open Sans', Arial, Helvetica, sans-serif; text-align: left; color:#fff;} #row-one h2 { color:#fff; font: 700 27px/normal 'Museo Slab', Arial, Helvetica, sans-serif; text-transform:uppercase; margin:140px 0px 40px 0px; padding:0px; border:none;} #row-one .cta { margin-bottom:40px; display:inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-decoration:none; background-color:#007910; padding:5px 10px; color:#fff; font: 100 14px/normal 'Museo Slab', Arial, Helvetica, sans-serif; text-transform:uppercase;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #row-one h2 { margin-top:40px;} } /*############################################################################################################################################################################################################## # # ROW TWO - PHOTO WITH TEXT # ################################################################################################################################################################################################################*/ #row-two { background:url(../images/image-row-1.jpg) no-repeat center center; background-size: cover;font: 100 24px/normal 'Museo Slab', Arial, Helvetica, sans-serif; text-align: left; color:#fff; padding-bottom:200px;} #row-two h2 { color:#fff; font: 700 38px/normal 'Museo Slab', Arial, Helvetica, sans-serif; margin:40px 0px 10px 0px; padding:0px; border:none;} /*############################################################################################################################################################################################################## # # ROW THREE - GALLERY # ################################################################################################################################################################################################################*/ #row-three, #row-three div { padding:0px; margin:0px; background: #007910; text-align:center;} #row-three a { display:block; float:left; text-align:center; width:100%; height:100%; color:#fff; text-decoration:none; font: 100 20px/normal 'Museo Slab', Arial, Helvetica, sans-serif; padding: 70px 20px 0px 20px;} #row-three a I { font-size:30px; margin-top:10px;} #row-three a:hover, #row-three a:hover I { color:#000;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #row-three, #row-three div { text-align:center;} #row-three img { float:none; margin:0px auto;} #row-three a { padding: 20px 0px;} } @media (min-width : 768px) { /* red */ #row-three a { padding: 20px 20px 0px 20px;} } @media (min-width : 992px) { /* purple */ #row-three a { padding: 40px 20px 0px 20px;} } @media (min-width : 1200px) { /* blue */ #row-three a { padding: 80px 20px 0px 20px;} } /*############################################################################################################################################################################################################## # # VIDEO TEASER PAGE # ################################################################################################################################################################################################################*/ #video-teaser-wrapper { text-align:center;} #video-teaser-wrapper a, #video-teaser-wrapper a:hover { text-decoration:none;} #video-teaser-wrapper a div, #video-teaser-wrapper a:hover div { background:#000;} #video-teaser-wrapper a img { float:none; margin:0px auto; padding:1px; border:1px solid #930; background:#000; opacity: 0.6;} #video-teaser-wrapper a:hover img { border-color:#030; opacity: 1;} #video-teaser-wrapper a h2 { border:none !important; margin: 10px 0px 30px 0px !important; padding:0px !important; text-decoration:none !important;} #video-teaser-wrapper a:hover h2 { color: #930;} .video-title { font: 300 20px/normal 'Museo Slab', Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; color:#008711;} .video-container { text-align:right; margin-bottom:20px;} .video-container img { float:right; margin:0px auto; text-align:right;} /*############################################################################################################################################################################################################## # # GUESTBOOK # ################################################################################################################################################################################################################*/ label { display: inline-block; max-width: 100%; margin-top: 5px; margin-left: 10px; font-weight: normal; color:#999; } /*############################################################################################################################################################################################################## # # ROW FOUR - LOGOS # ################################################################################################################################################################################################################*/ #row-four { background:#fff; padding-top:20px; padding-bottom:20px;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #row-four { padding-top:5px; padding-bottom:5px;} } /*############################################################################################################################################################################################################## # # ROW FIVE - NEWSLETTER SIGNUP # ################################################################################################################################################################################################################*/ #row-five { background:#000; padding-top:10px; padding-bottom:10px; text-align:right;} #row-five h2 { font: 300 24px/normal 'Open Sans', Arial, Helvetica, sans-serif; text-align: right; color:#fff; padding: 0px; margin:0px; border:none;} #footer-signup { text-align: left;} #footer-signup .form-item label { position:absolute;} #footer-signup button { vertical-align: top; padding-top: 5px; padding-bottom:4px;} #footer-signup .form-item { display:inline-block; margin-bottom:0px; } #footer-signup select, #footer-signup textarea, #footer-signup input[type="text"], #footer-signup input[type="password"] { margin-bottom: 0px;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #row-five, #row-five h2, #footer-signup { text-align:center;} } /*############################################################################################################################################################################################################## # # ROW SIX - CREDENTIALS # ################################################################################################################################################################################################################*/ #row-six { background:#fff; padding-bottom:30px;} #row-six img { float:none; margin:0px auto;} #row-six { text-align:center;} #row-six-first { text-align:right;} #row-six-fifth { text-align:left;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #row-six-first, #row-six-second, #row-six-third { text-align:center;} } /*############################################################################################################################################################################################################## # # GUESTBOOK # ################################################################################################################################################################################################################*/ .view-guestbook-list {} .views-field-guest-message {} .views-field-guest-name { border-left:4px solid #e3cdae; padding-left:10px; margin-top:10px; font-weight:bold;} .views-row-odd { background-color: rgba(255,255,255,0.4); padding:20px; border-bottom:1px solid #fff;} .views-row-even { padding:20px;} /*############################################################################################################################################################################################################## # # FOOTER # ################################################################################################################################################################################################################*/ #footer { background-color:#1d1d1d;} /* NAV LINKS */ #footer .navbar-nav a { color:#fff; font: 100 12px/normal 'Museo Slab', Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;} #footer .navbar-nav a:hover { color:#017e11; text-decoration:none; background-color:#000;} #footer ul.secondary { float: none; } /* SOCIAL */ #footer-social {} #footer-social a { color:#000; display: inline-block; border-radius: 80px; background:#e3cdae; width:30px; padding: 5px 0px 5px 4px; font-size:20px; text-align:center; margin: 10px 0px 0px 0px; text-decoration:none;} #footer-social a:hover { color:#fff; background:#000; text-decoration:none;} @media (min-width : 320px) and (max-width: 768px) { #footer-social a { margin: 0px 0px 10px 0px;} } /* BOOK */ #footer-book { background:url(../images/book_bg.jpg) no-repeat center bottom; padding: 10px 10px;} #footer-book a { color: #eadfc7; text-decoration:none; font-size:20px; font-family: 'Museo Slab'; font-weight: 100;} #footer-book a:hover { color: #fff; } @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #footer-book { background-image:none; background-color:#0f5b19; padding:10px 0px;} } /*############################################################################################################################################################################################################## # # COPYRIGHT # ################################################################################################################################################################################################################*/ #copyright { text-align: left; color: #fff; margin: 0px 0px 0px 0px; } #copyright strong { padding: 10px 0px 10px 0px; display:block; font: normal 10px/10px Arial, Helvetica, sans-serif; } /*############################################################################################################################################################################################################## # # CREDITS # ################################################################################################################################################################################################################*/ #credits { text-align: left; background: url(../images/chameleon_creative.gif) no-repeat 30px 0px; padding-bottom:20px;} #credits a, #credits a:active, #credits a:link, #credits a:visited { margin: 0px 0px 0px 40px; color: #fff; text-decoration: none; display: block; font: normal 10px/10px Arial, Helvetica, sans-serif; } #credits a:hover { color: #828282; text-decoration: underline; } /*############################################################################################################################################################################################################## # # FOOTER SEO # ################################################################################################################################################################################################################*/ #footer-seo { text-align:right;} #footer-seo h2 { color: #fff; text-decoration: none; display: block; font: normal 10px/10px Arial, Helvetica, sans-serif; margin:0px; padding:0px; text-align:right;} @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ #footer-seo, #footer-seo h2 { text-align:left;} #footer-seo h2 { margin-bottom:20px;} } /*############################################################################################################################################################################################################## # # BACKGROUND CAROUSEL # ################################################################################################################################################################################################################ .carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; } .carousel-inner .full-screen { width: 100%; height: 100%; background-position: center right; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .fill { width: 100%; height: 100%; background-position: center right; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } #myCarousel { background: #666666;} @media (min-width : 320px) and (max-width: 768px) { .view-display-slideshow { display:none;} } @media not-front {} body.not-front .carousel, body.not-front .item, body.not-front .active { height: 75%; } .full-screen { background-size: cover; background-position: right bottom; background-repeat: no-repeat; } body.not-front .full-screen { height:75%; background-position: right bottom;} .carousel-fade .carousel-control { z-index: 2; } html, body { height: 100%;} html, body, .carousel, .carousel-inner, .carousel-inner .item { height: 100%; } @media CROSSFADE {} .carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } */ @media (min-width : 320px) and (max-width: 768px) { /* MOBILE ONLY */ } @media (min-width : 320px) { /* yellow */ } @media (min-width : 480px) { /* orange */ } @media (min-width : 768px) { /* red */ } @media (min-width : 992px) { /* purple */ } @media (min-width : 1200px) { /* blue */ } /*Hide the email field on the registration page in checkout.*/ body.not-logged-in #commerce-checkout-form-registration div.panel-body>div.form-item { display: none; } body.logged-in #commerce-checkout-form-registration div.panel-body>div.form-item { background-color: red; } #inline-slideshow { width: 600px; float: left; margin-right: 20px; } #edit-commerce-payment-payment-method-commerce-moneris-apicommerce-payment-commerce-moneris-api { display: none; } p.store-disclaimers a { font: normal 10px/10px Arial,Helvetica,sans-serif; }