/* Theme Name: Twenty Eleven Theme URI: http://wordpress.org/extend/themes/twentyeleven Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats. Version: 1.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentyeleven */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } :focus {/* remember to define focus styles! */ outline: 0; } body { /*background: #fff;*/ line-height: 1; } ol, ul { list-style: none; } table {/* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* =Structure ----------------------------------------------- */ body { } #page { } #branding hgroup { margin: 0 7.6%; } #access div { /*margin: 0 35px;*/ margin: 0; } #primary { float: left; /*padding: 0 40px; width: 656px;*/ padding: 0 28px; width: 614px; } #booking-page-container #primary { float: left; padding: 0 40px; width: 920px; } .home #primary { } .white-content { background: #fff; *height: 100%; } #content { } #secondary { float: right; /*width: 241px;*/ width: 330px; text-align: center; padding-top: 18px; background-color: #f5f5f5; } /* Singular */ .singular #primary { margin: 0; } .singular #content, .left-sidebar.singular #content { margin: 0; position: relative; width: auto; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { } #bookConfContent header.entry-header { display: none !important; } /* Attachments */ .singular .image-attachment .entry-content { margin: 0 auto; width: auto; } .singular .image-attachment .entry-description { margin: 0 auto; width: 68.9%; } /* Showcase */ .page-template-showcase-php #primary, .left-sidebar.page-template-showcase-php #primary { margin: 0; } .page-template-showcase-php #content, .left-sidebar.page-template-showcase-php #content { margin: 0 7.6%; width: auto; } .page-template-showcase-php section.recent-posts { float: right; margin: 0 0 0 31%; width: 69%; } .page-template-showcase-php #main .widget-area { float: left; margin: 0 -22.15% 0 0; width: 22.15%; } /* error404 */ .error404 #primary { float: left; margin: 0; } .error404 #primary #content { margin: 0 7.6%; width: auto; } .fourohImg { margin-top: 40px; margin-left: -38px; } .error404 ul.fourohUl { margin: 0 0 30px 0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; list-style: none; padding: 10px 0 15px; } .error404 ul.fourohUl li { display: inline-block; width: 112px; font-size: 13px; vertical-align: top; padding-right: 31px; } .error404 ul.fourohUl li.last { padding-right: 0px; } .error404 ul.fourohUl li a { font-size: 14px; display: block; height: 50px; color: #0586A6; font-weight: bold; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.625em; } .alignright { display: inline; float: right; margin-left: 1.625em; } .f-right { float: right; margin-left: 15px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* Right Content */ .left-sidebar #primary { float: right; margin: 0 0 0 -26.4%; width: 100%; } .left-sidebar #content { margin: 0 7.6% 0 34%; width: 58.4%; } .left-sidebar #secondary { float: left; margin-left: 7.6%; margin-right: 0; width: 18.8%; } /* One column */ .one-column #page { max-width: 690px; } .one-column #content { margin: 0 7.6%; width: auto; } .one-column #nav-below { border-bottom: 1px solid #ddd; margin-bottom: 1.625em; } .one-column #secondary { float: none; margin: 0 7.6%; width: auto; } /* Simplify the showcase template */ .one-column .page-template-showcase-php section.recent-posts { float: none; margin: 0; width: 100%; } .one-column .page-template-showcase-php #main .widget-area { float: none; margin: 0; width: auto; } .one-column .page-template-showcase-php .other-recent-posts { border-bottom: 1px solid #ddd; } /* Simplify the showcase template when small feature */ .one-column section.featured-post .attachment-small-feature { border: none; display: block; height: auto; max-width: 60%; position: static; } .one-column article.feature-image.small { margin: 0 0 1.625em; padding: 0; } .one-column article.feature-image.small .entry-title { font-size: 20px; line-height: 1.3em; } .one-column article.feature-image.small .entry-summary { height: 150px; overflow: hidden; padding: 0; text-overflow: ellipsis; } .one-column article.feature-image.small .entry-summary a { left: -9%; } /* Remove the margin on singular articles */ .one-column.singular .entry-header, .one-column.singular .entry-content, .one-column.singular footer.entry-meta, .one-column.singular #comments-title { width: 100%; } /* Simplify the pullquotes and pull styles */ .one-column.singular blockquote.pull { margin: 0 0 1.625em; } .one-column.singular .pull.alignleft { margin: 0 1.625em 0 0; } .one-column.singular .pull.alignright { margin: 0 0 0 1.625em; } .one-column.singular .entry-meta .edit-link a { position: absolute; left: 0; top: 40px; } .one-column.singular #author-info { margin: 2.2em -8.8% 0; padding: 20px 8.8%; } /* Make sure we have room for our comment avatars */ .one-column .commentlist > li.comment { margin-left: 102px; width: auto; } /* Make sure the logo and search form don't collide */ .one-column #branding #searchform { right: 40px; top: 4em; } /* Talking avatars take up too much room at this size */ .one-column .commentlist > li.comment { margin-left: 0; } .one-column .commentlist > li.comment .comment-meta, .one-column .commentlist > li.comment .comment-content { margin-right: 85px; } .one-column .commentlist .avatar { background: transparent; display: block; padding: 0; top: 1.625em; left: auto; right: 1.625em; } .one-column .commentlist .children .avatar { background: none; padding: 0; position: absolute; top: 2.2em; left: 2.2em; } .one-column #respond { width: auto; } /* Responsive Setup */ .subColumnOne { width: 50%; float: left; } .subColumnTwo { width: 50%; float: left; } /* =Global ----------------------------------------------- */ body, input, textarea { color: #373737; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 1.625; } body { background-color: #efefef; min-width: 330px; } #page { /*background: #fff;*/ /*background: url("images/page-bg.jpg") repeat-x scroll 0 0 #F0F0F0;*/ } /* Headings */ h1,h2,h3,h4,h5,h6 { clear: both; } h1 {font-family: 'Cantora One', sans-serif;} hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.625em; } /* Text elements */ p { margin-bottom: 1.625em; } ul, ol { margin: 0 0 1.625em 2.5em; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 1.625em; } dt { font-weight: bold; } dd { margin-bottom: 1.625em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 3em; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; } pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 1.625em; overflow: auto; padding: 0.75em 1.625em; } code, kbd, samp, var { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; } address { display: block; margin: 0 0 1.625em; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } /* Forms */ input[type=text], input[type=email], input[type=password], textarea { background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #888; max-width: 95%; } input[type=text]:focus, textarea:focus { color: #373737; } textarea { padding-left: 3px; width: 98%; } input[type=email], input[type=text] { padding: 3px; } input#s { background: url(images/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 10px 4px 28px; } input#searchsubmit { display: none; } #searchbookform input[type="text"] { width: 220px; font-size: 18px; padding: 5px 10px; } #searchbookform input[type="submit"] { background: rgb(23, 170, 188); background: -moz-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: -webkit-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: -o-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: -ms-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: linear-gradient(180deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); display: block; -webkit-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); -moz-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFFFFF; display: inline; padding: 3px 20px; border: none; font-size: 18px; margin-left: 20px; cursor: pointer; } #searchbookresult { margin-bottom: 25px; } .bookRetval { margin-top: 20px; } .bookRetval h2 { font-weight: bold; } ul.searchbooklist { list-style: disc outside none; } ul.searchbooklist li { color: #079DB6; } ul.searchbooklist li span{ color: #373737; } ul.searchbooklist li span span { font-weight: bold; } /* CoC Quiz */ .sent .showhide { display: none; } /* Links */ a { color: #1982d1; text-decoration: none; } a:focus, a:active, a:hover { text-decoration: underline; } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* =Header ----------------------------------------------- */ #header-bg { /*background: url("images/header-bg.jpg") repeat scroll center 0 transparent;*/ background: #02A1CB; /* Old browsers */ background-image: url("images/headerCont-bg.png"), -moz-linear-gradient(top, #01678d 0%, #02a1cb 50%, #1eb9cf 100%); /* FF3.6+ */ background-image: url("images/headerCont-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01678d), color-stop(50%,#02a1cb), color-stop(100%,#1eb9cf)); /* Chrome,Safari4+ */ background-image: url("images/headerCont-bg.png"), -webkit-linear-gradient(top, #01678d 0%,#02a1cb 50%,#1eb9cf 100%); /* Chrome10+,Safari5.1+ */ background-image: url("images/headerCont-bg.png"), -o-linear-gradient(top, #01678d 0%,#02a1cb 50%,#1eb9cf 100%); /* Opera 11.10+ */ background-image: url("images/headerCont-bg.png"), -ms-linear-gradient(top, #01678d 0%,#02a1cb 50%,#1eb9cf 100%); /* IE10+ */ background-image: url("images/headerCont-bg.png"), linear-gradient(to bottom, #01678d 0%,#02a1cb 50%,#1eb9cf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01678d', endColorstr='#1eb9cf',GradientType=0 ); /* IE6-9 */ height: 349px; /* FOR HALLOWEEN */ /* background: #a3460e; background-image: url("images/headerCont-bg.png"), -moz-linear-gradient(top, #a3460e 0%, #e77c3b 50%, #bb2a32 100%); background-image: url("images/headerCont-bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3460e), color-stop(50%,#e77c3b), color-stop(100%,#bb2a32)); background-image: url("images/headerCont-bg.png"), -webkit-linear-gradient(top, #a3460e 0%,#e77c3b 50%,#bb2a32 100%); background-image: url("images/headerCont-bg.png"), -o-linear-gradient(top, #a3460e 0%,#e77c3b 50%,#bb2a32 100%); background-image: url("images/headerCont-bg.png"), -ms-linear-gradient(top, #a3460e 0%,#e77c3b 50%,#bb2a32 100%); background-image: url("images/headerCont-bg.png"), linear-gradient(to bottom, #a3460e 0%,#e77c3b 50%,#bb2a32 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3460e', endColorstr='#bb2a32',GradientType=0 ); */ } #header-img { background: url("images/header-img.png") no-repeat scroll center 0 transparent; height: 349px; } #branding { padding-bottom: 10px; position: relative; z-index: 9999; width: 1000px; margin: 0 auto; } .towereyes { background: url("images/eyes.gif") no-repeat scroll center 0 transparent; height: 39px; position: absolute; right: 91px; top: 138px; width: 74px; } #site-title { margin-right: 270px; padding: 3.65625em 0 0; } #site-title a { color: #111; font-size: 30px; font-weight: bold; line-height: 36px; text-decoration: none; } #site-title a:hover, #site-title a:focus, #site-title a:active { color: #1982d1; } #site-description { color: #7a7a7a; font-size: 14px; margin: 0 270px 3.65625em 0; } #branding img { height: auto; margin-bottom: -7px; width: 100%; } .header-logo a { background: url("images/header-logo.png") no-repeat scroll 0 0 transparent; display: block; height: 168px; left: 371px; position: absolute; text-indent: -999em; top: 10px; width: 254px; z-index: 100; } .header-social { position: absolute; right: 30px; top: 370px; } .header-social p { color: #FFFFFF; font-size: 12px; margin: 0 0 0 4px; text-transform: uppercase; } .header-social ul { margin: 0; } .header-social li { float: left; list-style: none; margin: 0 6px; } /* =Menu -------------------------------------------------------------- */ #access { /*background: url("images/nav-bg.png") no-repeat scroll 0 0 transparent; height: 37px; padding: 18px 0 0;*/ background-color: #079db6; border-bottom: 5px solid #05869c; height: 40px; display: block; float: left; left: 30px; margin: 0 auto 6px; position: absolute; top: 20px; width: 942px; font-family: "Cantora One", "Open Sans", sans-serif; } #access ul { font-size: 13px; list-style: none; /*margin: 0 0 -2px -4px;*/ margin: 0; padding-left: 0; } #access li { float: left; position: relative; /*margin: 0 16px;*/ margin: 0; } #access .menu-item-91 { margin: 0 96px 0 0; } #access ul ul li { margin: 0; } #access a { /*color: #57612D; font-size: 15px; padding: 0 0 10px;*/ color: #fff; display: block; padding: 0 14px; line-height: 40px; position: relative; text-decoration: none; text-transform: uppercase; z-index: 200; font-size: 16px; } #access a:focus { text-decoration: none; } #access > .menu-top-navigation-container > ul > li:hover > a { background-color: #05869c; text-decoration: none; } #access .menu-item-92 a { padding: 0 18px; } #access .menu-item-92 a i { font-size: 22px; vertical-align: text-bottom; } #access .menu-item-92 a span { display: none; } #access .menu-item-172 a { letter-spacing: 0.7px; color: #fff; background: #F19005; border-bottom: 5px solid #D8690D; } #access > .menu-top-navigation-container > ul > li.menu-item-172:hover > a { background: #f6a026; } #access .menu-item-172.current-menu-item a { color: #9c5800; } #access ul ul { background: #05869c; display: none; float: left; left: 0; margin: 0; position: absolute; top: 40px; padding: 8px 0 5px 0; min-width: 100%; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } #access ul ul li { white-space: nowrap; width: 100%; } #access ul ul a { color: #fff; font-size: 15px; display: block; height: auto; line-height: 32px; padding: 0 18px 0 13px; text-transform: none; } #access ul ul a:hover { background-color: #079db6; text-decoration: none; } #access li:hover > a, #access ul ul :hover > a, #access a:focus { } #access li:hover > a, #access a:focus { } #access ul li:hover > ul { display: block; } #access .current-menu-item > a, #access .current-menu-ancestor > a, #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: normal; color: #ffc878; } #access li#menu-item-173 { margin-right: 0; } .newShopBtn { width: 174px; height: 53px; position: absolute; top: 68px; right: 180px; } .newShopBtn a { display: block; width: 174px; height: 53px; text-indent: -9999px; background: url("images/shop-button.png") no-repeat scroll 0 -53px transparent; } .newShopBtn a:hover { background-position: 0 0; } #menuMob { display: none; } #bookMob { display: none; }.mob-menu-header-holder { display: none !important; }.mobmenu-push-wrap { padding-top: 0px !important; } /* MAX */ @media (max-width: 1010px) { body.nav-is-visible { overflow: hidden; } header#branding { width: 100%; position: initial; } .mobileCountdownFix, .mobileHeaderFix { padding-bottom: 10px; position: relative; z-index: 40; width: 670px; margin: 0 auto; } .mobileCountdownFix { z-index: 20; } nav#access { width: 100%; height: auto; position: initial; border-bottom: none; display: block; overflow-y: scroll; padding: 12px; margin-top: 260px; height: -moz-calc(100vh - 260px); height: -webkit-calc(100vh - 260px); height: -o-calc(100vh - 260px); height: calc(100vh - 260px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } nav#access li { width: 100%; } #menuMob.nav-is-visible { background-color: #118ea4; } #menuMob .mob-cancel-button { display: none; } #menuMob.nav-is-visible .mob-cancel-button { display: inline-block; } #menuMob.nav-is-visible .mob-menu-icon { display: none; } #access #menu-top-navigation { padding-bottom: 40px; } #access #menu-top-navigation:after { content: ""; display: table; clear: both; } #menu-top-navigation > li.menu-item-has-children:after { content: "\25BC"; z-index: 200; position: absolute; top: 0; right: 0; background-color: rgba(0,0,0,0.1); line-height: 40px; height: 40px; width: 40px; text-align: center; color: #fff; } #menu-top-navigation > li.menu-item-has-children.dropdownActive:after { content: "\25B2"; } #menu-top-navigation > li.menu-item-has-children > a { padding-right: 50px; } #menu-top-navigation > li.menu-item-has-children.dropdownActive > a { background-color: #05869c; } #access ul li:hover > ul { display: none; } #menu-top-navigation > li.menu-item-has-children > ul { position: relative; top: 0; background: #118ea4; } #menu-top-navigation > li.menu-item-has-children.dropdownActive > ul { display: block; } /* -------------------------------- Slide out menu -------------------------------- */ .navCover { z-index: 30; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: background-color 0.4ss; -moz-transition: background-color 0.4s; transition: background-color 0.4s; } .navCover.nav-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); background-color: rgba(0,0,0,0.5); } .mainNavbar { padding: 0; position: absolute; top: 0; left: 0; width: 400px; height: 120%; min-height: 120vh; background: #079db6; box-shadow: 4px 4px 20px transparent; z-index: 40; max-width: 88vw; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s; -moz-transition: -moz-transform 0.3s, box-shadow 0.3s; transition: transform 0.3s, box-shadow 0.3s; } .mainNavbar.nav-is-visible { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2); } } @media (max-width: 679px) { .mobileCountdownFix, .mobileHeaderFix { width: 100%; min-width: 300px; max-width: 450px; } nav#access { margin-top: 170px; height: -moz-calc(100vh - 170px); height: -webkit-calc(100vh - 170px); height: -o-calc(100vh - 170px); height: calc(100vh - 170px); } } /* Search Form */ #branding #searchform { position: absolute; top: 3.8em; right: 7.6%; text-align: right; } #branding #searchform div { margin: 0; } #branding #s { float: right; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; width: 72px; } #branding #s:focus { background-color: #f9f9f9; width: 196px; } #branding #searchsubmit { display: none; } #branding .only-search #searchform { top: 5px; z-index: 1; } #branding .only-search #s { background-color: #666; border-color: #000; color: #222; } #branding .only-search #s, #branding .only-search #s:focus { width: 85%; } #branding .only-search #s:focus { background-color: #bbb; } #branding .with-image #searchform { top: auto; bottom: -27px; max-width: 195px; } #branding .only-search + #access div { padding-right: 205px; } /* =Content ----------------------------------------------- */ #main { /*background: url("images/main-top.png") no-repeat scroll 0 top transparent;*/ clear: both; margin: -95px auto 0; position: relative; /*top: -84px;*/ width: 1000px; } .page-title { font-size: 26px; font-weight: bold; margin: 15px 0; } .page-title a { font-size: 12px; font-weight: bold; letter-spacing: 0; text-transform: none; } .hentry, .no-results { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; padding: 0 0 1.625em; position: relative; } .hentry:last-child, .no-results { border-bottom: none; } .blog .sticky .entry-header .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .entry-title, .entry-header .entry-meta { padding-right: 76px; } .entry-title { clear: both; color: #222; font-size: 26px; font-weight: bold; line-height: 1.5em; padding-bottom: .3em; padding-top: 15px; } .entry-title, .entry-title a { color: #222; text-decoration: none; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #1982d1; } .entry-meta { color: #666; clear: both; font-size: 12px; line-height: 18px; } .entry-meta a { font-weight: bold; } .single-author .entry-meta .by-author { display: none; } .entry-content, .entry-summary { padding: 1.625em 0 0; position: relative; } .entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 { color: #000; font-weight: bold; margin: 0 0 .8125em; } .entry-content h3, .comment-content h3 { font-size: 20px; line-height: 2.6em; } .entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .entry-content th, .comment-content th { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .entry-content td, .comment-content td { /*border-top: 1px solid #ddd;*/ padding: 6px 10px 6px 0; } tr.foodTitle td { border-bottom: 1px solid #DDDDDD; padding-top: 20px; color: #047386; } #menuTableDrinks, #menuTable { border-bottom: none; margin: 0; } .entry-content #s { width: 75%; } .comment-content ul, .comment-content ol { margin-bottom: 1.625em; } .comment-content ul ul, .comment-content ol ol, .comment-content ul ol, .comment-content ol ul { margin-bottom: 0; } dl.gallery-item { margin: 0; } .page-link { clear: both; display: block; margin: 0 0 1.625em; } .page-link a { background: #eee; color: #373737; margin: 0; padding: 2px 3px; text-decoration: none; } .page-link a:hover { background: #888; color: #fff; font-weight: bold; } .page-link span { margin-right: 6px; } .entry-meta .edit-link a, .commentlist .edit-link a { background: #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #666; float: right; font-size: 12px; line-height: 1.5em; font-weight: 300; text-decoration: none; padding: 0 8px; } .entry-meta .edit-link a:hover, .commentlist .edit-link a:hover { background: #888; color: #fff; } .entry-content .edit-link { clear: both; display: block; } .mainFullWidthBox { margin: 0 -28px; } .mainFullWidthBox img { border: none; padding: 0px; max-width: 100%; } .contactBookingSearch, .contactFAQ { width: 318px; height: 270px; float: left; margin-bottom: 20px; } .contactBookingSearch a, .contactFAQ a { width: 288px; height: 150px; display: block; padding: 120px 15px 0; color: #fff; text-shadow: 1px 1px 1px rgba(50, 50, 50, 0.8); font-weight: bold; } .contactBookingSearch { background: url(images/search-contact-bg.jpg) no-repeat 0 0; margin-right: 20px; } .contactFAQ { background: url(images/faq-contact-bg.jpg) no-repeat 0 0; } .blueDaysBox { background: url(images/blue-days-box-bg.jpg) no-repeat 28px 20px #568AD5; color: #FFFFFF; padding: 15px 28px 5px 190px; margin: 0 -28px 20px -28px; } .blueDaysBox p { margin-bottom: 13px; } .mapNY { color: #FFFFFF; font-size: 15px; font-weight: bold; height: 15px; left: 55px; position: relative; text-align: center; top: -200px; width: 100px; } .homeWelcomeText { margin: -36px -28px 0px; padding: 28px; background: url(images/homeWT-treeman.jpg) no-repeat 100% -10px; } .homeWelcomeText p { padding-right: 200px; } .taText { width: 425px; padding-top: 12px; } .homeWelcomeText .TA_excellent { min-height: 130px; } a.sabBook.longNewBtn { width: 88%; line-height: 32px; padding: 10px 15px; } /* childPageBox */ .childPageBoxCont:after { content: ''; display: block; clear: both; } .childPageBox { width: 296px; float: right; background-color: #e8e8e8; margin: 10px 0; padding-bottom: 20px; } .childPageBox:nth-child(2n+1) { float: left; } .subColumnOne .childPageBox, .subColumnTwo .childPageBox { float: none; margin: 0 auto 20px; } .home-category .childPageBox { padding-bottom: 20px; } .home-category .cpbHeader, .entry-content .cpbHeader { font-size: 20px; background-color: #d0d0d0; color: #5e5e5e; line-height: 42px; font-family: "Cantora One",sans-serif; margin-bottom: 0; position: relative; text-align: center; z-index: 1; } .cpbHeader:before { content: " "; background-color: inherit; width: 50.5%; height: 15px; position: absolute; bottom: -5px; left: 0; transform: skewY(3deg); z-index: -1; } .cpbHeader:after { content: " "; background-color: inherit; width: 50.5%; height: 15px; position: absolute; bottom: -5px; right: 0; transform: skewY(-3deg); z-index: -1; } .cpbHeader a { color: #5e5e5e; text-decoration: none; } .cpbHeader a:hover { color: #079db6; } .entry-content .childPageBox img { max-width: 100%; } #contactPageForm .wpcf7-submit, a.cpbBtn { width: 250px; margin: 10px auto 0; text-align: center; cursor: pointer; display: block; text-decoration: none; padding: 10px 0; min-height: 27px; color: #fff; font-size: 19px; line-height: 26px; border: 1px solid #097688; font-weight: bold; text-shadow: -1px -1px 1px rgba(5, 104, 121, 1); background: #079db6; /* Old browsers */ background: -moz-linear-gradient(top, #079db6 0%, #05869c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#079db6), color-stop(100%,#05869c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #079db6 0%,#05869c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #079db6 0%,#05869c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #079db6 0%,#05869c 100%); /* IE10+ */ background: linear-gradient(to bottom, #079db6 0%,#05869c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079db6', endColorstr='#05869c',GradientType=0 ); /* IE6-9 */ } #contactPageForm .wpcf7-submit, a.cpbBtn i { font-size: 24px; padding-right: 4px; } .home-category a.cpbBtn i { font-size: 18px; padding-right: 0px; padding-left: 4px; } p.hnpText, p.cpbText { max-width: 250px; margin: 10px auto 20px; font-size: 15px; min-height: 85px; } p.cpbTextIndi { max-width: 250px; margin: 14px auto; font-size: 15px; } /* Images */ .entry-content img, .comment-content img, .widget img { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large { max-width: 97.5%; width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.625em; } p img, .wp-caption { margin-top: 0.4em; } .wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px; } .wp-caption img { display: block; margin: 0 auto; max-width: 98%; } .wp-caption .wp-caption-text, .gallery-caption { color: #666; font-family: Georgia, serif; font-size: 12px; } .wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative; } .wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px; } #content .gallery { margin: 0 auto 1.625em; } #content .gallery a img { border: none; } img#wpstats { display: block; margin: 0 auto 1.625em; } #content .gallery-columns-4 .gallery-item { width: 23%; padding-right: 2%; } #content .gallery-columns-4 .gallery-item img { width: 100%; height: auto; } /* Image borders */ img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border: 1px solid #ddd; padding: 6px; } .imgNoBorder { border: none !important; } .wp-caption img { border-color: #eee; } a:focus img[class*="align"], a:hover img[class*="align"], a:active img[class*="align"], a:focus img[class*="wp-image-"], a:hover img[class*="wp-image-"], a:active img[class*="wp-image-"], #content .gallery .gallery-icon a:focus img, #content .gallery .gallery-icon a:hover img, #content .gallery .gallery-icon a:active img {/* Add some useful style to those fancy borders for linked images ... */ background: #eee; border-color: #bbb; } .wp-caption a:focus img, .wp-caption a:active img, .wp-caption a:hover img {/* ... including captioned images! */ background: #fff; border-color: #ddd; } img.noborder { border: none !important; } img.nopadding { padding: 0 !important; } .post-111 .entry-content h3 a img { margin-top: 15px; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* Password Protected Posts */ .post-password-required .entry-header .comments-link { margin: 1.625em 0 0; } .post-password-required input[type=password] { margin: 0.8125em 0; } .post-password-required input[type=password]:focus { background: #f7f7f7; } /* Author Info */ #author-info { font-size: 12px; overflow: hidden; } .singular #author-info { background: #f9f9f9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 2.2em -35.6% 0 -35.4%; padding: 20px 35.4%; } .archive #author-info { border-bottom: 1px solid #ddd; margin: 0 0 2.2em; padding: 0 0 2.2em; } #author-avatar { float: left; margin-right: -78px; } #author-avatar img { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #bbb; -moz-box-shadow: 0 1px 2px #bbb; box-shadow: 0 1px 2px #bbb; padding: 3px; } #author-description { float: left; margin-left: 108px; } #author-description h2 { color: #000; font-size: 15px; font-weight: bold; margin: 5px 0 10px; } /* Comments link */ .entry-header .comments-link a { background: #eee url(images/comment-bubble.png) no-repeat; color: #666; font-size: 13px; font-weight: normal; line-height: 35px; overflow: hidden; padding: 0 0 0; position: absolute; top: 1.5em; right: 0; text-align: center; text-decoration: none; width: 43px; height: 36px; } .entry-header .comments-link a:hover, .entry-header .comments-link a:focus, .entry-header .comments-link a:active { background-color: #1982d1; color: #fff; color: rgba(255,255,255,0.8); } .entry-header .comments-link .leave-reply { visibility: hidden; } /* Post Formats Headings To hide the headings, display: none the ".entry-header .entry-format" selector, and remove the padding rules below. */ .entry-header .entry-format { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; position: absolute; text-transform: uppercase; top: -5px; } .entry-header hgroup .entry-title { padding-top: 15px; } article.format-aside .entry-content, article.format-link .entry-content, article.format-status .entry-content { padding: 20px 0 0; } article.format-status .entry-content { min-height: 65px; } .recent-posts .entry-header .entry-format { display: none; } .recent-posts .entry-header hgroup .entry-title { padding-top: 0; } /* Singular content styles for Posts and Pages */ .singular .hentry { border-bottom: none; padding: 0.5em 0 0; position: relative; } .singular.page .hentry { padding: 10px 0 0; } .singular .entry-title { color: #000; font-size: 36px; font-weight: bold; line-height: 48px; } .singular .entry-title { padding-right: 0; } .singular .entry-header .entry-meta { padding-right: 0; width: 20%; float: left; } .singular .entry-header .entry-meta a { color: #079db6; } #singleShareThis { float: right; background: url(images/share-this-post.jpg) no-repeat 100% 0 transparent; padding-right: 125px; } .single .entry-content { padding: 4em 0 0; } blockquote.pull { font-size: 21px; font-weight: bold; line-height: 1.6125em; margin: 0 0 1.625em; text-align: center; } .singular blockquote.pull { margin: 0 -22.25% 1.625em; } .pull.alignleft { margin: 0 1.625em 0 0; text-align: right; } .singular .pull.alignleft { margin: 0 1.625em 0 -22.25%; } .pull.alignright { margin: 0 0 0 1.625em; text-align: left; } blockquote.pull.alignleft, blockquote.pull.alignright { width: 33%; } .singular .pull.alignright { margin: 0 -22.25% 0 1.625em; } .singular blockquote.pull.alignleft, .singular blockquote.pull.alignright { width: 33%; } .singular .entry-meta .edit-link a { bottom: auto; left: 50px; position: absolute; right: auto; top: 80px; display: none; } #bp-iframe { margin-top: 40px; width: 920px; } /* =Aside ----------------------------------------------- */ .format-aside .entry-title, .format-aside .entry-header .comments-link { display: none; } .singular .format-aside .entry-title { display: block; } .format-aside .entry-content { padding: 0; } .singular .format-aside .entry-content { padding: 1.625em 0 0; } /* =Link ----------------------------------------------- */ .format-link .entry-title, .format-link .entry-header .comments-link { display: none; } .singular .format-link .entry-title { display: block; } .format-link .entry-content { padding: 0; } .singular .format-link .entry-content { padding: 1.625em 0 0; } /* =Gallery ----------------------------------------------- */ .format-gallery .gallery-thumb { float: left; display: block; margin: .375em 1.625em 0 0; } /* =Status ----------------------------------------------- */ .format-status .entry-title, .format-status .entry-header .comments-link { display: none; } .singular .format-status .entry-title { display: block; } .format-status .entry-content { padding: 0; } .singular .format-status .entry-content { padding: 1.625em 0 0; } .format-status img.avatar { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; float: left; margin: 4px 10px 2px 0; padding: 0; } /* =Quote ----------------------------------------------- */ .format-quote blockquote { color: #555; font-size: 17px; margin: 0; } /* =Image ----------------------------------------------- */ .indexed.format-image .entry-header { min-height: 61px; /* Prevent the comment icon from colliding with the image when there is no title */ } .indexed.format-image .entry-content { padding-top: 0.5em; } .indexed.format-image .entry-content p { margin: 1em 0; } .indexed.format-image .entry-content p:first-child, .indexed.format-image .entry-content p:first-child a, .indexed.format-image .entry-content p:first-child img { display: block; margin: 0; } .indexed.format-image .entry-content .wp-caption .wp-caption-text { margin: 0; padding-bottom: 1em; } .indexed.format-image footer.entry-meta { background: #ddd; overflow: hidden; padding: 4%; max-width: 96%; } .indexed.format-image div.entry-meta { display: inline-block; float: left; width: 35%; } .indexed.format-image div.entry-meta + div.entry-meta { float: none; width: 65%; } .indexed.format-image .entry-meta span.cat-links, .indexed.format-image .entry-meta span.tag-links, .indexed.format-image .entry-meta span.comments-link { display: block; } .indexed.format-image footer.entry-meta a { color: #444; } .indexed.format-image footer.entry-meta a:hover { color: #fff; } #content .indexed.format-image img { border: none; max-width: 100%; padding: 0; } .indexed.format-image .wp-caption { background: #111; margin-bottom: 0; max-width: 96%; padding: 2% 2% 0; } .indexed.format-image .wp-caption .wp-caption-text { color: #ddd; } .indexed.format-image .wp-caption .wp-caption-text:before { color: #444; } .indexed.format-image a:hover img { opacity: 0.8; } /* =error404 ----------------------------------------------- */ .error404 #main #searchform { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 8.9%; } .error404 #main #s { width: 95%; } .error404 #main .widget { /* clear: none; float: left; margin-right: 3.7%; width: 30.85%; */ } .error404 #main .widget_archive { margin-right: 0; } .error404 #main .widget_tag_cloud { float: none; margin-right: 0; width: 100%; } .error404 .widgettitle { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* =Showcase ----------------------------------------------- */ h1.showcase-heading { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } /* Intro */ article.intro { background: #f9f9f9; border-bottom: none; margin: -1.855em -8.9% 1.625em; padding: 0 8.9%; } article.intro .entry-title { display: none; } article.intro .entry-content { color: #111; font-size: 16px; padding: 1.625em 0 0.625em; } article.intro .edit-link a { background: #aaa; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; font-size: 12px; padding: 0 8px; position: absolute; top: 30px; right: 20px; text-decoration: none; } article.intro .edit-link a:hover, article.intro .edit-link a:focus, article.intro .edit-link a:active { background: #777; } /* Featured post */ section.featured-post { float: left; margin: -1.625em -8.9% 1.625em; padding: 1.625em 8.9% 0; position: relative; width: 100%; } section.featured-post .hentry { border: none; color: #666; margin: 0; } section.featured-post .entry-meta { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* Small featured post */ section.featured-post .attachment-small-feature { float: right; height: auto; margin: 0 -8.9% 1.625em 0; max-width: 59%; position: relative; right: -15px; } section.featured-post.small { padding-top: 0; } section.featured-post .attachment-small-feature:hover, section.featured-post .attachment-small-feature:focus, section.featured-post .attachment-small-feature:active { opacity: .8; } article.feature-image.small { float: left; margin: 0 0 1.625em; width: 45%; } article.feature-image.small .entry-title { line-height: 1.2em; } article.feature-image.small .entry-summary { color: #555; font-size: 13px; } article.feature-image.small .entry-summary p a { background: #222; color: #eee; display: block; left: -23.8%; padding: 9px 26px 9px 85px; position: relative; text-decoration: none; top: 20px; width: 180px; z-index: 1; } article.feature-image.small .entry-summary p a:hover { background: #1982d1; color: #eee; color: rgba(255,255,255,0.8); } /* Large featured post */ section.feature-image.large { border: none; max-height: 288px; padding: 0; width: 100%; } section.feature-image.large .showcase-heading { display: none; } section.feature-image.large .hentry { border-bottom: none; left: 9%; margin: 1.625em 9% 0 0; position: absolute; top: 0; } article.feature-image.large .entry-title a { background: #222; background: rgba(0,0,0,0.8); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #fff; display: inline-block; font-weight: 300; padding: .2em 20px; } section.feature-image.large:hover .entry-title a, section.feature-image.large .entry-title:hover a { background: #eee; background: rgba(255,255,255,0.8); color: #222; } article.feature-image.large .entry-summary { display: none; } section.feature-image.large img { display: block; height: auto; max-width: 117.9%; padding: 0 0 6px; } /* Featured Slider */ .featured-posts { border-bottom: 1px solid #ddd; display: block; height: 328px; margin: 1.625em -8.9% 20px; max-width: 1000px; padding: 0; position: relative; overflow: hidden; } .featured-posts .showcase-heading { padding-left: 8.9%; } .featured-posts section.featured-post { background: #fff; height: 288px; left: 0; margin: 0; position: absolute; top: 30px; width: auto; } .featured-posts section.featured-post.large { max-width: 100%; overflow: hidden; } .featured-posts section.featured-post { -webkit-transition-duration: 200ms; -webkit-transition-property: opacity, visibility; -webkit-transition-timing-function: ease; -moz-transition-duration: 200ms; -moz-transition-property: opacity, visibility; -moz-transition-timing-function: ease; } .featured-posts section.featured-post { opacity: 0; visibility: hidden; } .featured-posts #featured-post-1 { opacity: 1; visibility: visible; } .featured-post .feature-text:after, .featured-post .feature-image.small:after { content: ' '; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ width: 100%; height: 45px; position: absolute; top: 230px; } .featured-post .feature-image.small:after { top: 253px; } #content .feature-slider { top: 5px; right: 8.9%; overflow: visible; position: absolute; } .feature-slider ul { list-style-type: none; margin: 0; } .feature-slider li { float: left; margin: 0 6px; } .feature-slider a { background: #3c3c3c; background: rgba(60,60,60,0.9); -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5); display: block; width: 14px; height: 14px; } .feature-slider a.active { background: #1982d1; -webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); -moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8); cursor: default; opacity: 0.5; } /* Recent Posts */ section.recent-posts { padding: 0 0 1.625em; } section.recent-posts .hentry { border: none; margin: 0; } section.recent-posts .other-recent-posts { border-bottom: 1px solid #ddd; list-style: none; margin: 0; } section.recent-posts .other-recent-posts li { padding: 0.3125em 0; position: relative; } section.recent-posts .other-recent-posts .entry-title { border-top: 1px solid #ddd; font-size: 17px; } section.recent-posts .other-recent-posts a[rel="bookmark"] { color: #373737; float: left; max-width: 84%; } section.recent-posts .other-recent-posts a[rel="bookmark"]:after { content: '-'; color: transparent; font-size: 11px; } section.recent-posts .other-recent-posts a[rel="bookmark"]:hover { } section.recent-posts .other-recent-posts .comments-link a, section.recent-posts .other-recent-posts .comments-link > span { border-bottom: 2px solid #999; bottom: -2px; color: #444; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; padding: 0.3125em 0 0.3125em 1em; position: absolute; right: 0; text-align: right; text-transform: uppercase; z-index: 1; } section.recent-posts .other-recent-posts .comments-link > span { border-color: #bbb; color: #888; } section.recent-posts .other-recent-posts .comments-link a:hover { color: #1982d1; border-color: #1982d1; } section.recent-posts .other-recent-posts li:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; } /* Home latest posts */ .home-category { margin-bottom: 35px; } .home-category .post-article { border: 1px solid #ddd; float: left; /*margin: 0 8px;*/ margin: 0; padding: 10px; width: 180px; height: 370px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 65%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#ffffff), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 65%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 65%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 65%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 65%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); -moz-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); } .home-category h3 { margin: 0px 0px 10px; background-color: #E8E8E8; padding: 0px 3%; font-family: "Cantora One",sans-serif; } .home-category h3 a { color: #5E5E5E; font-size: 26px; } .home-category h3 a:hover { text-decoration: none; color: #079DB6; } .home-category .post-featured { margin-bottom: 10px; overflow: hidden; text-align: center; } .home-category .post-featured img { width: 100%; } .home-category h2.cpbHeader { padding: 10px 15px; line-height: 25px; } .home-category h2 a { } .home-category h2 a:hover { text-decoration: none; } .home-category .post-excerpt { font-size: 13px; } /* Home Slider */ #sliderCont { position: relative; top: -36px; left: -28px; width: 670px; } #sliderCont ul { margin: 0; max-height: 468px; } #sliderCont ul li { display: inline-block; vertical-align: top; } #sliderCont ul li img { max-width: 100%; } .sliderTA { text-align: center; position: relative; border: 10px solid #00af87; height: 448px; width: 650px; } .sliderWhiteSemi { width: 100%; height: 42%; position: absolute; bottom: 0; left: 0; background-color: #00af87; color: #fff; } .sliderTAlogo i { font-size: 160px; color: #00af87; } .sliderTAtitle { font-size: 70px; line-height: 70px; color: #040707; font-weight: bold; letter-spacing: -3px; } .sliderTAtitle span { color: #00af87; } .sliderTAcert { font-size: 45px; padding: 3% 0 1%; line-height: 40px; } .sliderTAcert span { font-size: 25px; text-transform: uppercase; position: relative; font-weight: bold; } .sliderTAcert span:before { content: ""; display: block; width: 50%; background-color: #fff; height: 2px; position: absolute; left: -60%; top: 50%; } .sliderTAcert span:after { content: ""; display: block; width: 50%; background-color: #fff; height: 2px; position: absolute; right: -60%; top: 50%; } .sliderWRA { text-align: center; position: relative; height: 468px; width: 670px; background-color: #e8e8e8; } .sliderWRAlogo { background: #000000; margin: 4%; display: inline-block; width: 92%; padding: 15px 0; } #sliderCont ul li .sliderWRAlogo img { max-width: 90%; height: auto; } .sliderWRAtextarea { width: 100%; height: 42%; position: absolute; bottom: 0; left: 0; color: #fff; } .sliderWRAtext { font-size: 45px; padding: 3% 0 1%; line-height: 40px; color: #ff0dbb; } .WRAspan { font-size: 25px; text-transform: uppercase; position: relative; font-weight: bold; } .WRAspan:before { content: ""; display: block; width: 50%; background-color: #ff0dbb; height: 2px; position: absolute; left: -60%; top: 50%; } .WRAspan:after { content: ""; display: block; width: 50%; background-color: #ff0dbb; height: 2px; position: absolute; right: -60%; top: 50%; } .WRAspanLower { font-size: 32px; text-transform: uppercase; position: relative; font-weight: bold; } .sliderExplore { width: 670px; height: 468px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc318+0,cf722f+100 */ background: #fbc318; /* Old browsers */ background: -moz-linear-gradient(top, #fbc318 0%, #cf722f 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbc318), color-stop(100%,#cf722f)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbc318 0%,#cf722f 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbc318 0%,#cf722f 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbc318 0%,#cf722f 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbc318 0%,#cf722f 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc318', endColorstr='#cf722f',GradientType=0 ); /* IE6-9 */ } .sliderExploreInner { background: url(images/wizard-80transparent.png) no-repeat 106% -20% transparent; width: 100%; height: 100%; } .sliderInnerTitle { font-family: "Cantora One",sans-serif; text-shadow: -1px -1px 1px #AD5104; font-size: 2.5em; color: #fff; padding: 10% 0 0 6%; width: 60%; line-height: 1.2em; } .sliderInnerText { font-family: "Cantora One",sans-serif; font-size: 1.7em; color: #b94b0f; padding: 1% 0 0 6%; width: 60%; line-height: 1.2em; } .sliderInnerLink a.cpbBtn { margin: 5% 0 0 6%; } #homepanel { width:734px;height:500px;overflow:hidden;} #homepanel, #homepanel img, .caroufredsel_wrapper { } #sliderControl { background: url(images/slider-nav-bg.png) no-repeat 0 0 transparent; width: 62px; height: 62px; position: absolute; z-index: 10; top: 135px; left: -37px; display: none; } #sliderContLeft { background: url(images/slider-nav-btns.png) no-repeat 0 0 transparent; width: 13px; height: 25px; cursor: pointer; position: absolute; top: 18px; left: 14px; } #sliderContRight { background: url(images/slider-nav-btns.png) no-repeat -18px 0 transparent; width: 13px; height: 25px; cursor: pointer; position: absolute; top: 18px; left: 32px; } #sliderContLeft:hover { background-position: 0 -35px; } #sliderContRight:hover { background-position: -18px -35px; } .promopanels { height: 254px; left: 90px; position: absolute; top: 205px; width: 460px; } .promopanel { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; float: left; height: 222px; margin: 10px 45px 10px 10px; width: 170px; background: rgb(205, 205, 205); background: -moz-linear-gradient(270deg, rgb(205, 205, 205) 0%, rgb(255, 255, 255) 90%); background: -webkit-linear-gradient(270deg, rgb(205, 205, 205) 0%, rgb(255, 255, 255) 90%); background: -o-linear-gradient(270deg, rgb(205, 205, 205) 0%, rgb(255, 255, 255) 90%); background: -ms-linear-gradient(270deg, rgb(205, 205, 205) 0%, rgb(255, 255, 255) 90%); background: linear-gradient(0deg, rgb(205, 205, 205) 0%, rgb(255, 255, 255) 90%); -webkit-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); -moz-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); border: 2px solid #DDDDDD; } .promopanel h2 { margin-bottom: 1px; background: url(images/h2-promo-bg.png) no-repeat transparent; width: 214px; height: 51px; margin-left: -23px; margin-top: 10px; color: #5a5a5a; padding-right: 4px; line-height: 41px; text-transform: uppercase; text-align: center; } .promopanel p { padding: 0 15px; text-align: center; margin-bottom: 12px;} .homeSlabLink { background: rgb(23, 170, 188); background: -moz-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: -webkit-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: -o-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: -ms-linear-gradient(90deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); background: linear-gradient(180deg, rgb(23, 170, 188) 30%, rgb(0, 151, 196) 70%); display: block; -webkit-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); -moz-box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); box-shadow: 1px 1px 1px rgba(33, 33, 33, 0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #FFF; padding: 3px 0; } .photoCapCompHome { left: -24px; position: relative; top: -29px; width: 716px; max-width: 716px !important; } /* =Attachments ----------------------------------------------- */ .image-attachment div.attachment { background: #f9f9f9; border: 1px solid #ddd; border-width: 1px 0; margin: 0 -8.9% 1.625em; overflow: hidden; padding: 1.625em 1.625em 0; text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto 1.625em; max-width: 100%; } .image-attachment div.attachment a img { border-color: #f9f9f9; } .image-attachment div.attachment a:focus img, .image-attachment div.attachment a:hover img, .image-attachment div.attachment a:active img { border-color: #ddd; background: #fff; } .image-attachment .entry-caption p { font-size: 10px; letter-spacing: 0.1em; line-height: 2.6em; margin: 0 0 2.6em; text-transform: uppercase; } /* =Navigation -------------------------------------------------------------- */ #content nav { clear: both; overflow: hidden; padding: 0 0 1.625em; } #content nav a { font-size: 12px; font-weight: bold; line-height: 2.2em; } #nav-above { padding: 0 0 1.625em; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #content nav .meta-nav { font-weight: normal; } /* Singular navigation */ #nav-single { float: right; position: relative; top: -0.3em; text-align: right; z-index: 1; } #nav-single .nav-previous, #nav-single .nav-next { width: auto; } #nav-single .nav-next { padding-left: .5em; } #nav-single .nav-previous { padding-right: .5em; } /* =Widgets ----------------------------------------------- */ .widget-area { font-size: 12px; } .widget { clear: both; margin: 0 0 16px; } .widget-title { color: #666; font-size: 10px; font-weight: 500; letter-spacing: 0.1em; line-height: 2.6em; text-transform: uppercase; } .widget ul { font-size: 15px; margin: 0; } .widget ul ul { margin-left: 1.5em; } .widget ul li { color: #777; font-size: 13px; } .widget a { font-weight: bold; text-decoration: none; } .widget a:hover, .widget a:focus, .widget a:active { text-decoration: underline; } #likebox-frame { width: 216px; } /* Search Widget */ .widget_search form { margin: 0 0 1.625em; } .widget_search #s { width: 77%; } .widget_search #searchsubmit { background: #ddd; border: 1px solid #ccc; -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09); color: #888; font-size: 13px; line-height: 25px; position: relative; top: -2px; } .widget_search #searchsubmit:active { background: #1982d1; border-color: #0861a5; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1); color: #bfddf3; } #socialSideBar { background: url(images/side-socials-top.jpg) no-repeat 0 0 transparent; height: 41px; width: 210px; padding-top: 41px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #socialSideBar div { display: inline-block; width: 67px; height: 41px; zoom: 1; *display: inline; } .socialSideFacebook a { background: url(images/side-socials.jpg) no-repeat 0 0 transparent; width: 70px; height: 41px; display: inline-block; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; zoom: 1; *display: inline; } .socialSideTwitter a { background: url(images/side-socials.jpg) no-repeat -70px 0 transparent; width: 70px; height: 41px; display: inline-block; zoom: 1; *display: inline; } .socialSideYouTube a { background: url(images/side-socials.jpg) no-repeat -140px 0 transparent; width: 70px; height: 41px; display: inline-block; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; zoom: 1; *display: inline; } .socialSideFacebook a:hover { background-position: 0 -41px; } .socialSideTwitter a:hover { background-position: -70px -41px; } .socialSideYouTube a:hover { background-position: -140px -41px;} /* RWD Widgets */ .sabFacebook, .sideAdBox { width: 90%; margin: 0 auto; } .sabBlue { background-color: #079db6; } .sabGrey { background-color: #e8e8e8; } .sabFCA { background-color: #074872; } .sabHeader { font-size: 24px; line-height: 42px; font-family: "Cantora One",sans-serif; margin-bottom: 35px; position: relative; text-align: center; z-index: 1; } .sabHeader:before { content: " "; background-color: inherit; width: 50.5%; height: 15px; position: absolute; bottom: -8px; left: 0; transform: skewY(3deg); z-index: -1; } .sabHeader:after { content: " "; background-color: inherit; width: 50.5%; height: 15px; position: absolute; bottom: -8px; right: 0; transform: skewY(-3deg); z-index: -1; } .sabBlue .sabHeader { background-color: #05869c; color: #fff; } .sabGrey .sabHeader { background-color: #d0d0d0; color: #5e5e5e; } .sabFCA .sabHeader { background-color: #073455; color: #fff; } .sabBody { padding: 0 15px; margin-bottom: 20px; } .sabBlue .sabBody { color: #fff; } .sabFCA .sabBody { color: #fff; padding-bottom: 20px; } .sabBody.sabSocialLinks { padding-bottom: 20px; margin-bottom: 0; } a.sabBook { width: 250px; margin: 10px auto 0; text-align: center; cursor: pointer; display: block; color: #fff; font-size: 24px; line-height: 54px; border: 1px solid #fcb145; font-weight: bold; text-shadow: -1px -1px 1px rgba(173, 81, 4, 1); background: #f19005; /* Old browsers */ background: -moz-linear-gradient(top, #f19005 0%, #d8690d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f19005), color-stop(100%,#d8690d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f19005 0%,#d8690d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f19005 0%,#d8690d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f19005 0%,#d8690d 100%); /* IE10+ */ background: linear-gradient(to bottom, #f19005 0%,#d8690d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19005', endColorstr='#d8690d',GradientType=0 ); /* IE6-9 */ } a.sabBook:hover { text-decoration: none; } .sabBookCall { display: block; font-family: "Cantora One",sans-serif; font-size: 24px; line-height: 32px; margin-top: 10px; } .sabBookCall span { display: block; font-size: 32px; } .sabBookCall a { color: #fff; } a.sabTupgillLink { width: 250px; margin: 10px auto 0; text-align: center; cursor: pointer; display: block; color: #fff; font-size: 20px; line-height: 46px; border: 1px solid #8aaff0; font-weight: bold; text-shadow: -1px -1px 1px rgba(62, 104, 179, 1); background: #547eca; /* Old browsers */ background: -moz-linear-gradient(top, #547eca 0%, #4167ab 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#547eca), color-stop(100%,#4167ab)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #547eca 0%,#4167ab 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #547eca 0%,#4167ab 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #547eca 0%,#4167ab 100%); /* IE10+ */ background: linear-gradient(to bottom, #547eca 0%,#4167ab 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#547eca', endColorstr='#4167ab',GradientType=0 ); /* IE6-9 */ } a.sabTupgillLink:hover { text-decoration: none; } .sabTupgill { display: block; font-size: 24px; color: #547eca; line-height: 30px; margin-top: 10px; } .sabTupgillBi { display: block; font-size: 14px; line-height: 21px; margin: 15px 0 20px 0; padding: 0 12px; } .sabFCAtext { display: block; font-family: "Cantora One",sans-serif; font-size: 30px; line-height: 26px; margin: 10px 0 20px; } .sabFCAtext span { font-size: 23px; } .sabFCAtextSml { display: block; font-family: "Cantora One",sans-serif; font-size: 19px; line-height: 25px; margin-top: 14px; padding: 0 10px; } a.sabFCAShop { width: 250px; margin: 10px auto 0; text-align: center; cursor: pointer; display: block; padding: 10px 0; color: #fff; font-size: 17px; line-height: 14px; border: 1px solid #4196c7; font-weight: bold; text-shadow: -1px -1px 1px rgba(11, 92, 145, 1); background: #2982b4; /* Old browsers */ background: -moz-linear-gradient(top, #2982b4 0%, #095f90 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2982b4), color-stop(100%,#095f90)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2982b4 0%,#095f90 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2982b4 0%,#095f90 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2982b4 0%,#095f90 100%); /* IE10+ */ background: linear-gradient(to bottom, #2982b4 0%,#095f90 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2982b4', endColorstr='#095f90',GradientType=0 ); /* IE6-9 */ } a.sabFCAShop:hover { text-decoration: none; } a.sabFCAShop i { font-size: 34px; } a.sabFCAShop span { display: block; font-size: 28px; } a.sabFCAShop.sabFCAShopPB { font-size: 19px; margin: 15px auto 0; } a.sabFCAShop.sabFCAShopPB i { font-size: 24px; } a.sabSocial { display: inline-block; width: 66px; height: 66px; line-height: 66px; text-align: center; margin: 0 6px; color: #fff; font-size: 35px; } a.sabSocialFB { background-color: #3b5998; } a.sabSocialTW { background-color: #00aced; } a.sabSocialYT { background-color: #bb0000; } .sabFooterGrey { background-color: #e8e8e8; color: #c8c8c8; font-size: 38px; } .sabFooterImg img { width: 100%; max-width: 100%; vertical-align: top; } /* Ephemera Widget */ section.ephemera ol, .widget_twentyeleven_ephemera ol { list-style: square; margin: 5px 0 0; } .widget_twentyeleven_ephemera .widget-entry-title { font-size: 15px; font-weight: bold; padding: 0; } .widget_twentyeleven_ephemera .comments-link a, .widget_twentyeleven_ephemera .comments-link > span { color: #666; display: block; font-size: 10px; font-weight: 500; line-height: 2.76333em; text-transform: uppercase; } section.ephemera .entry-title .comments-link a:hover, .widget_twentyeleven_ephemera .entry-title .comments-link a:hover { } section.ephemera .entry-title a span { color: #29628d; } /* Twitter */ .widget_twitter li { list-style-type: none; margin-bottom: 14px; } .widget_twitter .timesince { display: block; font-size: 11px; margin-right: -10px; text-align: right; } /* Widget Image */ .widget_image img { border: 0; padding: 0; height: auto; max-width: 100%; } /* Calendar Widget */ .widget_calendar #wp-calendar { color: #555; width: 95%; text-align: center; } .widget_calendar #wp-calendar caption, .widget_calendar #wp-calendar td, .widget_calendar #wp-calendar th { text-align: center; } .widget_calendar #wp-calendar caption { font-size: 11px; font-weight: 500; padding: 5px 0 3px 0; text-transform: uppercase; } .widget_calendar #wp-calendar th { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .widget_calendar #wp-calendar tfoot td { background: #f4f4f4; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } /* =Comments ----------------------------------------------- */ #comments-title { color: #666; font-size: 10px; font-weight: 500; line-height: 2.6em; padding: 0 0 2.6em; text-transform: uppercase; } .nopassword, .nocomments { color: #aaa; font-size: 24px; font-weight: 100; margin: 26px 0; text-align: center; } .commentlist { list-style: none; margin: 0 auto; width: 68.9%; } .content .commentlist, .page-template-sidebar-page-php .commentlist { width: 100%; /* reset the width for the one-column and sidebar page layout */ } .commentlist > li.comment { background: #f6f6f6; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 1.625em; padding: 1.625em; position: relative; } .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li.comment { background: #fff; border-left: 1px solid #ddd; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; margin: 1.625em 0 0; padding: 1.625em; position: relative; } .commentlist .children li.comment .fn { display: block; } .comment-meta .fn { font-style: normal; } .comment-meta { color: #666; font-size: 12px; line-height: 2.2em; } .commentlist .children li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist .children li.comment .comment-content { margin: 1.625em 0 0; } .comment-meta a { font-weight: bold; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover { } .commentlist .avatar { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; left: -102px; padding: 0; position: absolute; top: 0; } .commentlist > li:before { content: url(images/comment-arrow.png); left: -21px; position: absolute; } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding: 0; top: 2.2em; } a.comment-reply-link { background: #eee; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #666; display: inline-block; font-size: 12px; padding: 0 8px; text-decoration: none; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } /* Post author highlighting */ .commentlist > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } .commentlist > li.bypostauthor .comment-meta { color: #575757; } .commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover { } .commentlist > li.bypostauthor:before { content: url(images/comment-arrow-bypostauthor.png); } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #ddd; border-color: #d3d3d3; } /* sidebar-page.php comments */ /* Make sure we have room for our comment avatars */ .page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback { margin-left: 102px; width: auto; } /* And a full-width comment form */ .page-template-sidebar-page-php #respond { width: auto; } /* Comment Form */ #respond { background: #ddd; border: 1px solid #d3d3d3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: 68.9%; } #respond input[type="text"], #respond textarea { background: #fff; border: 4px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); box-shadow: inset 0 1px 3px rgba(204,204,204,0.95); position: relative; padding: 10px; text-indent: 80px; } #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { position: relative; } #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { background: #eee; -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8); box-shadow: 1px 2px 2px rgba(204,204,204,0.8); color: #555; display: inline-block; font-size: 13px; left: 4px; min-width: 60px; padding: 4px 10px; position: relative; top: 40px; z-index: 1; } #respond input[type="text"]:focus, #respond textarea:focus { text-indent: 0; z-index: 1; } #respond textarea { resize: vertical; width: 95%; } #respond .comment-form-author .required, #respond .comment-form-email .required { color: #bd3500; font-size: 22px; font-weight: bold; left: 75%; position: absolute; top: 45px; z-index: 1; } #respond .comment-notes, #respond .logged-in-as { font-size: 13px; } #respond p { margin: 10px 0; } #respond .form-submit { float: right; margin: -20px 0 10px; } #respond input#submit { background: #222; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3); box-shadow: 0px 1px 2px rgba(0,0,0,0.3); color: #eee; cursor: pointer; font-size: 15px; margin: 20px 0; padding: 5px 42px 5px 22px; position: relative; left: 30px; text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } #respond input#submit:active { background: #1982d1; color: #bfddf3; } #respond #cancel-comment-reply-link { color: #666; margin-left: 10px; text-decoration: none; } #respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover { text-decoration: underline; } .commentlist #respond { margin: 1.625em 0 0; width: auto; } #reply-title { color: #373737; font-size: 24px; font-weight: bold; line-height: 30px; } #cancel-comment-reply-link { color: #888; display: block; font-size: 10px; font-weight: normal; line-height: 2.2em; letter-spacing: 0.05em; position: absolute; right: 1.625em; text-decoration: none; text-transform: uppercase; top: 1.1em; } #cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover { color: #ff4b33; } #respond label { line-height: 2.2em; } #respond input[type=text] { display: block; height: 24px; width: 75%; } #respond p { font-size: 12px; } p.comment-form-comment { margin: 0; } .form-allowed-tags { display: none; } .clear { clear: both; } /* =Footer ----------------------------------------------- */ #footer-bg { background: url("images/footer-bg.png") no-repeat scroll center 0 transparent; height: 480px; } #colophon { clear: both; width: 1000px; margin: 0 auto; position: relative; } #supplementary { left: 20px; overflow: hidden; position: absolute; top: 253px; width: 980px; } .footer-logo { background: url("images/footer-logo.png") no-repeat scroll center 0 transparent; height: 124px; left: 10px; position: absolute; top: 61px; width: 190px; } #first { } #first li { list-style: none outside none; } #first li a { color: #FFFFFF; } #menu-footer-links li { padding-left: 15px; } #menu-item-382 { background: url("images/footerOrangeMarker.jpg") no-repeat scroll 0 0 transparent; } #first #menu-item-382 a { color: #ED4F00; } /* Two Footer Widget Areas */ #supplementary.two .widget-area { float: left; margin-right: 3.7%; width: 48.1%; } #supplementary.two .widget-area + .widget-area { margin-right: 0; } /* Three Footer Widget Areas */ #supplementary.three .widget-area { float: left; margin-right: 3.7%; /* width: 30.85%; */ } #supplementary.three .widget-area + .widget-area + .widget-area { margin-right: 0; } #supplementary #first { width: 20%; } #supplementary #second { width: 52%; } #supplementary #third { width: 20%; } #footerSocial { background: url("images/footerSocialBg.gif") no-repeat scroll 10px 10px transparent; height: 44px; position: absolute; right: 328px; top: 105px; width: 400px; text-align: right; } #footerSocial a { display: inline-block; height: 44px; width: 44px; margin-left: 0; line-height: 44px; font-size: 28px; } .footerFacebookLink { background: url("images/footer-facebook.jpg") no-repeat scroll 0 0 transparent; } .footerTwitterLink { background: url("images/footer-twitter.jpg") no-repeat scroll 0 0 transparent; } .footerYoutubeLink { background: url("images/footer-youtube.jpg") no-repeat scroll 0 0 transparent; } /* Site Generator Line */ #site-generator { background: #f9f9f9; border-top: 1px solid #ddd; color: #666; font-size: 12px; line-height: 2.2em; padding: 2.2em 0.5em; text-align: center; } #site-generator a { color: #555; font-weight: bold; } /* MailChimp */ #mc_embed_signup { width: 420px; position: relative; margin-left: 15px; } .confirmNewsletter #mc_embed_signup { width: 530px; margin-left: 0px; } #mc_embed_signup form { display: block; position: relative; text-align: center; } #mc_embed_signup label { display: block; font-size: 18px; font-weight: bold; height: 35px; color: #FFFFFF; } #mc_embed_signup input.email { display: block; padding: 8px 123px 8px 8px; text-indent: 5px; width: 289px; border: none; height: 28px; } .confirmNewsletter #mc_embed_signup input.email { border: 1px solid #CCC; width: 396px; -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.65); -moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.65); box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.65); } #mc_embed_signup .clear { clear: none; display: inline; } #mc_embed_signup .button { border: 0 none; color: #FFFFFF; cursor: pointer; display: block; font-size: 16px; font-weight: bold; height: 44px; line-height: 44px; margin: 0; padding: 0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: 120px; position: absolute; top: 35px; right: 0px; text-shadow: -1px -1px 1px rgba(5, 104, 121, 1); background: #079db6; /* Old browsers */ background: -moz-linear-gradient(top, #079db6 0%, #05869c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#079db6), color-stop(100%,#05869c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #079db6 0%,#05869c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #079db6 0%,#05869c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #079db6 0%,#05869c 100%); /* IE10+ */ background: linear-gradient(to bottom, #079db6 0%,#05869c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#079db6', endColorstr='#05869c',GradientType=0 ); /* IE6-9 */ } .confirmNewsletter #mc_embed_signup .button { top: 6px; right: 7px; } /* =Responsive Structure ----------------------------------------------- */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { body { padding: 0; } #page { margin-top: 0; } #branding { border-top: none; } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; font-size: 10pt; } footer.entry-meta a[rel=bookmark]:link:after, footer.entry-meta a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } #page { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } #branding { border-top: none !important; padding: 0; } #branding hgroup { margin: 0; } #site-title a { font-size: 21pt; } #site-description { font-size: 10pt; } #branding #searchform { display: none; } #branding img { display: none; } #access { display: none; } #main { border-top: none; box-shadow: none; } #primary { float: left; margin: 0; width: 100%; } #content { margin: 0; width: auto; } .singular #content { margin: 0; width: 100%; } .singular .entry-header .entry-meta { position: static; } .entry-meta .edit-link a { display: none; } #content nav { display: none; } .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title { margin: 0; width: 100%; } .singular .hentry { padding: 0; } .entry-title, .singular .entry-title { font-size: 21pt; } .entry-meta { font-size: 10pt; } .entry-header .comments-link { display: none; } .page-link { display: none; } .singular #author-info { background: none; border-bottom: none; border-top: none; margin: 2.2em 0 0; padding: 0; } #respond { display: none; } .widget-area { display: none; } #colophon { display: none; } /* Comments */ .commentlist > li.comment { background: none; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 auto 1.625em; padding: 1.625em; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .commentlist li.comment .comment-meta { line-height: 1.625em; margin-left: 50px; } .commentlist li.comment .fn { display: block; } .commentlist li.comment .comment-content { margin: 1.625em 0 0; } .commentlist .comment-edit-link { display: none; } .commentlist > li::before, .commentlist > li.bypostauthor::before { content: ''; } .commentlist .reply { display: none; } /* Post author highlighting */ .commentlist > li.bypostauthor { color: #444; } .commentlist > li.bypostauthor .comment-meta { color: #666; } .commentlist > li.bypostauthor:before { content: none; } /* Post Author threaded comments */ .commentlist .children > li.bypostauthor { background: #fff; border-color: #ddd; } .commentlist .children > li.bypostauthor > article, .commentlist .children > li.bypostauthor > article .comment-meta { color: #666; } } .sidebar-book { background: url("images/sidebar-book.png") repeat scroll 0 0 transparent; color: #FFFFFF; height: 161px; padding: 15px 20px 10px 27px; width: 192px; } .sidebar-book h3 { font-size: 19px; font-weight: bold; text-align: center; } .green-btn { background: url("images/green-btn.png") repeat scroll 0 0 transparent; color: #FFFFFF; display: block; font-size: 23px; font-weight: bold; height: 36px; margin: 12px auto; padding: 5px 0; text-align: center; text-transform: uppercase; width: 193px; } .green-btn:hover { background: url("images/green-btn.png") repeat scroll 0 44px transparent; } .sidebar-book p { font-size: 13px; font-weight: bold; line-height: 137%; text-align: center; } .bookConfirmPage #content .entry-header { padding-top: 12px; } .bookConfirmInfo { } .bookConfirmInfo h2 { color: #ED2A3A; font-size: 22px; font-weight: bold; margin: 0 0 9px; } .bookConfirmInfo p { margin-bottom: 10px; } .entry-content h2.orangeHTwo { color: #e29626; font-size: 22px; } .compInclude { background: url("images/compSending.jpg") no-repeat scroll 0 0 transparent; list-style: none; margin: 0 0 40px 0; padding: 36px 0 0 25px; height: 220px; } .compInclude li { background: url("images/compChecklist.gif") no-repeat scroll 0px 4px transparent; padding: 5px 0 5px 40px; font-size: 18px; font-weight: bold; } .tandcUL { color: #E29626; } .tandcUL span { color: #373737; } .apohPrompt { margin-bottom: 25px; } .apohPrompt a { background: url("images/whiteTicketIcon.png") no-repeat scroll 15px center #079db6; color: #fff; display: block; padding: 12px 0 12px 40px; text-align: center; width: 420px; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .apohPrompt a:hover { text-decoration: none; background-color: #16b5d2; } /* --- Selfie ----------------------------------------------- */ a.selfieLink { display: block; background-color: #ccc; text-align: center; margin: 0 20px; text-decoration: none; line-height: 70px; font-size: 26px; color: #fff; border: 1px solid #19a0c4; text-shadow: 1px 1px 1px rgba(16, 143, 177, 1); -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #70ccd7; /* Old browsers */ background: -moz-linear-gradient(top, #70ccd7 0%, #25b8df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70ccd7), color-stop(100%,#25b8df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* IE10+ */ background: linear-gradient(to bottom, #70ccd7 0%,#25b8df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70ccd7', endColorstr='#25b8df',GradientType=0 ); /* IE6-9 */ } a.selfieLink:hover { background: #7bdce8; /* Old browsers */ background: -moz-linear-gradient(top, #7bdce8 20%, #25b8df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#7bdce8), color-stop(100%,#25b8df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* IE10+ */ background: linear-gradient(to bottom, #7bdce8 20%,#25b8df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bdce8', endColorstr='#25b8df',GradientType=0 ); /* IE6-9 */ } #selfieHeader { position: absolute; background-color: #ccc; right: 25px; top: 256px; width: 350px; height: 100px; display: block; background: #f2f2f2; /* Old browsers */ background: -moz-linear-gradient(top, #f2f2f2 0%, #c7cdcd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#c7cdcd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f2f2f2 0%,#c7cdcd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f2f2f2 0%,#c7cdcd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2 0%,#c7cdcd 100%); /* IE10+ */ background: linear-gradient(to bottom, #f2f2f2 0%,#c7cdcd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c7cdcd',GradientType=0 ); /* IE6-9 */ -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-topleft: 12px; -moz-border-radius-topright: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; } #selfieHeader a:hover { text-decoration: none; } a.selfiePost { display: block; font-family: 'Cantora One',sans-serif; font-size: 25px; left: 20px; line-height: 20px; position: absolute; top: 13px; width: 200px; color: #3f69b0; z-index: 20; } a.selfiePost span { display: block; font-family: 'Open Sans',sans-serif; font-size: 14px; text-align: right; } a.selfiePost:hover { color: #1b3a6d; } a.selfieSubmit { position: absolute; display: block; width: 200px; text-align: center; line-height: 30px; top: 58px; left: 20px; color: #fff; z-index: 20; font-weight: bold; text-shadow: 1px 1px 1px rgba(16, 143, 177, 1); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #25b8df; background: #70ccd7; /* Old browsers */ background: -moz-linear-gradient(top, #70ccd7 0%, #25b8df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70ccd7), color-stop(100%,#25b8df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* IE10+ */ background: linear-gradient(to bottom, #70ccd7 0%,#25b8df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70ccd7', endColorstr='#25b8df',GradientType=0 ); /* IE6-9 */ } a.selfieSubmit:hover { background: #7bdce8; /* Old browsers */ background: -moz-linear-gradient(top, #7bdce8 20%, #25b8df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#7bdce8), color-stop(100%,#25b8df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* IE10+ */ background: linear-gradient(to bottom, #7bdce8 20%,#25b8df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bdce8', endColorstr='#25b8df',GradientType=0 ); /* IE6-9 */ } .selfiePhone { background: url("images/headerSelfieBg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 116px; position: absolute; right: 7px; top: -16px; width: 132px; z-index: 10; } /* --- End of Selfie ---------------------------------------- */ /* --- Countdown ----------------------------------------------- */ #countdown { width: 330px; height: 50px; position: absolute; top: 204px; right: 0; z-index: 20; } #countbox1 { height: 47px; font-family: Arial,sans-serif; } .countdown-open { float: left; width: 118px; border-right: 8px solid #e8e8e8; position: relative; background-color: #d0d0d0; font-size: 22px; color: #05869c; height: 50px; line-height: 50px; font-family: 'Cantora One',sans-serif; text-transform: uppercase; text-align: center; } .countdown-open:after { content: ""; position: absolute; top: 0; left: 100%; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 8px; border-color: transparent transparent transparent #d0d0d0; } .countdown-box { background-color: #e8e8e8; color: #5e5e5e; float: left; font-size: 22px; font-weight: bold; height: 40px; line-height: 15px; padding-top: 10px; text-align: center; width: 50px; border-right: 1px solid #d0d0d0; } .countdown-box span { font-size: 11px; text-transform: uppercase; } .cbox-first { margin-left: 0 !important; } .countdown-now { background-color: #579741; color: #fff; font-size: 30px; font-weight: bold; line-height: 50px; font-family: 'Cantora One',sans-serif; text-align: center; } .countdown-now span { color: #ffb54c; text-transform: uppercase; } @media only screen and (max-width: 679px) { #countdown { display: none; } } /* --- End of Countdown ---------------------------------------- */ /* --- Circle of Cairngorm ------------------------------------- */ #cairnLogout { position: absolute; right: 0px; display: block; padding: 10px 20px; text-shadow: 1px 1px 1px rgba(2, 62, 77, 0.75); font-weight: bold; color: #FFF; cursor: pointer; z-index: 10; text-decoration: none; border-bottom: 1px solid #00909D; border-left: 1px solid #00909D; border-right: 1px solid #00909D; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; background: #70ccd7; /* Old browsers */ background: -moz-linear-gradient(top, #70ccd7 0%, #25b8df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70ccd7), color-stop(100%,#25b8df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #70ccd7 0%,#25b8df 100%); /* IE10+ */ background: linear-gradient(to bottom, #70ccd7 0%,#25b8df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70ccd7', endColorstr='#25b8df',GradientType=0 ); /* IE6-9 */ } #cairnLogout:hover { background: #7bdce8; /* Old browsers */ background: -moz-linear-gradient(top, #7bdce8 20%, #25b8df 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#7bdce8), color-stop(100%,#25b8df)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7bdce8 20%,#25b8df 100%); /* IE10+ */ background: linear-gradient(to bottom, #7bdce8 20%,#25b8df 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bdce8', endColorstr='#25b8df',GradientType=0 ); /* IE6-9 */ } .cocLeft { float: left; width: 560px; border-right: 1px solid #c9c9c9; margin: 30px 0; } .cocLeft h1.entry-title { padding-top: 0px; } .cocLeft p { padding-right: 25px; } .cocDisclaimer { font-size: 12px; } .cocRight { float: right; width: 335px; margin: 30px 0; } .cocRight ul { list-style: disc outside none; color: #0ca0c0; } .cocRight ul li span { color: #373737; } .cocWelcome { float: right; margin: 40px 0 0; width: 550px; } .cocTabs { width: 920px; margin: 0 auto; padding: 40px 0 40px; } .cocTabLeft { float: left; width: 535px; border-right: 1px solid #c9c9c9; margin: 30px 0; padding-right: 15px; } .cocTabRight { float: right; width: 285px; margin: 30px 0; } .cocTabRight ul { list-style: disc outside none; color: #0ca0c0; } .cocTabRight ul li span { color: #373737; } .cocNameCert { background: url("images/cocLoginBg.gif") no-repeat scroll 0 0 transparent; height: 71px; width: 507px; margin-bottom: 20px; } .cocNameCert input{ margin: 4px 0 0 26px; width: 452px; height: 53px; border: 1px dashed #ccc; background: transparent; text-align: center; font-weight: bold; font-size: 20px; color: #3a3d3d; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .cocSucBtn, .cocCertBtn { height: 53px; display: block; font-size: 20px; color: #fff; line-height: 53px; text-align: center; text-decoration: none; margin-bottom: 2px; border: none; cursor: pointer; float: left; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: #17aabc; /* Old browsers */ background: -moz-linear-gradient(top, #17aabc 0%, #0097c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#17aabc), color-stop(100%,#0097c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #17aabc 0%,#0097c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #17aabc 0%,#0097c4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #17aabc 0%,#0097c4 100%); /* IE10+ */ background: linear-gradient(to bottom, #17aabc 0%,#0097c4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17aabc', endColorstr='#0097c4',GradientType=0 ); /* IE6-9 */ } .cocSucBtn:hover; .cocCertBtn:hover { margin-top: 2px; margin-bottom: 0px; -webkit-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 0px 1px rgba(0, 0, 0, 0.2); } .cocSucBtn { width: 370px; } .cocCertBtn { width: 230px; } .cocCompIntro { float: left; width: 530px; } .cocCompLikeBox { background: url("images/like-fb-bg.jpg") no-repeat scroll 0 0 transparent; float: right; width: 292px; height: 76px; padding-top: 40px; } .cocCompTitle { border-bottom: 1px solid #00909D; color: #00909D; font-size: 20px; font-weight: bold; margin-bottom: 20px; padding: 0 0 10px; } .cocCompPrize { position: absolute; right: 30px; top: 35px; } .cocCompForm .wpcf7-mail-sent-ok { color: #fff; text-align: center; font-size: 22px; background: #5bb634; /* Old browsers */ background: -moz-linear-gradient(top, #5bb634 0%, #398f14 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bb634), color-stop(100%,#398f14)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #5bb634 0%,#398f14 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #5bb634 0%,#398f14 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5bb634 0%,#398f14 100%); /* IE10+ */ background: linear-gradient(to bottom, #5bb634 0%,#398f14 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bb634', endColorstr='#398f14',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } /* --- End of Circle of Cairngorm ------------------------------ */ /* =IE7 ----------------------------------------------- */ #ie7 article.intro { margin-left: -7.6%; margin-right: -7.6%; padding-left: -7.6%; padding-right: -7.6%; max-width: 1000px; } #ie7 section.featured-post { margin-left: -7.6%; margin-right: -7.6%; max-width: 850px; } #ie7 section.recent-posts { margin-right: 7.6%; } /* =IE8 ----------------------------------------------- */ #ie8 section.feature-image.large img { width: 100%; } /* --- Responsive settings ------------------------------ */ @media only screen and (min-width: 1011px) { #main > .white-content { display: flex; } .wra-logo { background: url("images/white-rose-awards-2015-foot.png") no-repeat scroll 0 0 transparent; width: 94px; height: 102px; position: absolute; left: 220px; top: 69px; } .wra-finalist { width: 94px; height: 102px; position: absolute; } .wra-logo-2016 { background: url("images/white-rose-awards-2016-foot.png") no-repeat scroll 0 0 transparent; left: 320px; top: 69px; } .wra-logo-2017 { background: url("images/white-rose-awards-2017-foot.png") no-repeat scroll 0 0 transparent; left: 400px; top: 69px; } .wra-logo-2018 { background: url("images/white-rose-awards-2018-foot.png") no-repeat scroll 0 0 transparent; left: 480px; top: 69px; } .dayoutaward-2019 { background: url("https://media.dayoutwiththekids.co.uk/media/32071/dowtk_family-favourites-2019-badges_recommended.png") no-repeat scroll 0 0 transparent; left: 580px; top: 75px; background-size: contain; } } @media only screen and (max-width: 1010px) { body.page-id-592 { min-width: 1020px; } body.page-id-592 #branding { width: 1000px; } body.page-id-592 #main { width: 1000px; } nav#access { /*display: none;*/ } /*body.show-nav-left .mobmenu .mob-cancel-button, body .mobmenu .mob-menu-icon, body.show-nav-right .mobmenu .mob-cancel-button { display: inline-block; } */ .menu .mob-expand-submenu i { top: 0px; } body .mobmenu .sub-menu li a { padding-left: 20px; } #branding { width: 670px; } #menu { display: none; } .header-logo a { left: 50%; margin-left: -127px; top: 15px; } .headerImg { background-position: center -25px; height: 324px; } #bookMob, #menuMob { font-family: "Cantora One",sans-serif; font-size: 28px; padding: 4px 14px; cursor: pointer; display: block; position: absolute; top: 20px; color: #fff; } #bookMob { background-color: #f19005; border-bottom: 5px solid #d8690d; } #bookMob:hover { text-decoration: none; } #menuMob { background-color: #079db6; border-bottom: 5px solid #05869c; } #bookMob { right: 0; } #menuMob { left: 0; } div#click-menu { display: none; } div#click-menu.click-menu-active { display: block; } #main { width: 670px; } #primary { float: none; } #secondary { width: 640px; overflow: auto; float: none; padding-left: 15px; padding-right: 15px; } #secondary .widget { width: 320px; float: left; clear: none; } #secondary .widget .textwidget { width: 100%; } #secondary .sabFacebook, #secondary .sideAdBox { width: 92%; } /* #text-7.widget { margin-top: -155px; } */ #text-3.widget { margin-top: -250px; } #colophon { width: 100%; } .footer-logo { top: 45px; left: 6%; } #footer-bg { background-position: 65% 0; } #supplementary.three .widget-area { margin-right: 2%; } #supplementary { position: relative; left: 0px; width: 92%; padding: 0 4%; } #supplementary #second { width: 52%; } #supplementary #third { width: 24%; } #mc_embed_signup { margin: 0 3%; width: 94%; } #mc_embed_signup input.email { padding: 8px 39% 8px 3%; width: 58%; } #footerSocial { background: none; position: inherit; width: 100%; text-align: center; margin-top: 18px; } #footerSocial a { margin-left: 12px; } } @media only screen and (max-width: 679px) { body.page-id-592 { min-width: 1020px; max-width: 1020px; } body.page-id-592 #branding { width: 1000px; min-width: 1020px; max-width: 1020px; } body.page-id-592 #main { width: 1000px; min-width: 1000px; max-width: 1000px; margin: -95px auto 0px; } body.page-id-592 #booking-page-container #primary { width: 96%; min-width: 96%; max-width: 96%; padding: 0 2%; } body.page-id-592 #header-img { background: transparent url("images/header-img.png") no-repeat scroll center 0; height: 349px; } body.page-id-592 #header-bg { height: 349px; } body.page-id-592 #footer-bg { background: transparent url("images/footer-bg.png") no-repeat scroll center 0; } #branding { width: 100%; min-width: 300px; max-width: 450px; } .header-logo a { background: url("images/header-logoMob.png") no-repeat scroll 0 0 transparent; width: 83px; height: 88px; margin-left: -41px; } #header-bg { height: 257px; } #header-img { background: url("images/header-679-img.png") no-repeat scroll center 0 transparent; height: 257px; } #bookMob { right: 10px; font-size: 25px; padding: 4px 11px; } #menuMob { left: 10px; font-size: 25px; padding: 4px 17px; } #bookMob i, #menuMob span { display: none; } #main { margin: -80px auto 0px; width: 100%; min-width: 300px; max-width: 450px; } #primary { width: 92%; min-width: 300px; max-width: 450px; padding: 0 4%; } #secondary { width: 100%; min-width: 300px; max-width: 450px; padding-left: 0; padding-right: 0; } #secondary .widget { width: 300px; float: none; margin: 0 auto 16px; } #secondary .widget .textwidget { width: 100%; } #secondary .sabFacebook, #secondary .sideAdBox { width: 92%; } #text-7.widget { margin-top: 0px; } #sliderCont { width: 108%; left: -4%; overflow: hidden; } .sliderExplore { width: 100%; } .sliderExploreInner { background-position: 100% -20%; background-image: url("images/wizard-20tranMob.png"); } .sliderInnerTitle { font-size: 1.8em; } .sliderInnerText { font-size: 1.2em; padding-top: 8%; } .sliderTA { width: 100%; height: 468px; border: none; } .sliderTAlogo { border-top: 10px solid #579741; border-left: 10px solid #579741; border-right: 10px solid #579741; } .sliderTAlogo i { font-size: 134px; } .sliderTAtitle { border-left: 10px solid #579741; border-right: 10px solid #579741; font-size: 42px; line-height: 71px; } .sliderWhiteSemi { height: 54%; } .sliderTAcert { font-size: 40px; padding: 3% 2% 1%; } .sliderTAcert span:before { width: 30%; left: -40%; } .sliderTAcert span:after { width: 30%; right: -40%; } .sliderWRA { width: 100%; } .sliderWRAtext { font-size: 30px; line-height: 35px; padding-right: 4%; padding-left: 4%; } .WRAspanLower { font-size: 25px; line-height: 25px; display: block; } .homeWelcomeText { background: none; margin: -36px -10px 0px; } .homeWelcomeText p { padding-right: 0; } .childPageBox { margin: 10px auto; float: none; } .childPageBox:nth-child(2n+1) { float: none; } .mainFullWidthBox { margin: 0px -4%; width: 108%; } .blueDaysBox { margin: 0px -4% 20px; width: 100%; padding: 150px 4% 5px; background-position: center 20px; } .subColumnTwo, .subColumnOne { width: 100%; float: none; } .taText { float: none; width: 100%; padding-top: 0; } .TA_excellent { float: none; } .singular .entry-header .entry-meta { float: none; width: 100%; padding: 0 0 8px; } #singleShareThis { background: none; float: none; padding: 0px; } .single .entry-content { padding: 0; } .fb_iframe_widget { max-width: 100% !important; } .fb_iframe_widget > span { max-width: 100% !important; } img[class*="align"] { float: none; display: block; margin: 20px auto; } #footer-bg { background-image: url("images/footer-bg-mob.png"); background-position: 50% 0; height: auto; min-height: 270px; } .footer-logo { right: 51%; left: auto; } #supplementary.three { background-color: #2e2e2e; padding-bottom: 190px; } #supplementary #first, #supplementary #third { width: 50%; margin: 0; } #supplementary #second { width: 94%; position: absolute; bottom: 25px; left: 0px; right: 0px; margin: 0px 3%; } } @media only screen and (max-width: 450px) { #footer-bg { background-position: 52% 0; } .footer-logo { top: 15px; right: auto; left: 6%; width: 170px; background-size: 100% auto; } #menu-item-382 { background: none; } #menu-footer-links li { padding-left: 0px; } #supplementary #first { width: 43%; } #supplementary #third { width: 57%; } } @media only screen and (max-width: 350px) { .footer-logo { left: 8%; width: 150px; } }