/* Theme Name: Big Bear Events Theme Theme URI: http://bigbearevents.com Description: Big Bear Events Theme Author: Westwords Consulting, LLC Author URI: http://westwordsconsulting.com Version: 1.0 */ @font-face { font-family: 'blackwood_castleregular'; src: url('blackwood_castle-webfont.eot'); src: url('blackwood_castle-webfont.eot?#iefix') format('embedded-opentype'), url('blackwood_castle-webfont.woff2') format('woff2'), url('blackwood_castle-webfont.woff') format('woff'), url('blackwood_castle-webfont.ttf') format('truetype'), url('blackwood_castle-webfont.svg#blackwood_castleregular') format('svg'); font-weight: normal; font-style: normal; } @media screen { /* Layout */ html { } body { background: url(img/bg-wood.jpg) repeat-y fixed top center; font-family: Arial, sans-serif; } #wrapper { max-width: 1185px; min-width: 985px; margin: 0 auto; position: relative; } body.home #header { max-width: 1185px; min-width: 985px; height: 90px; padding: 10px 0; } #header { max-width: 1185px; min-width: 985px; padding: 10px 0 50px 0; } #logo { padding: 0 0 0 10px; } #container { float: left; width: 100%; max-width: 1185px; } body.home #container { max-width: 1165px; margin: -10px 10px 10px 10px; } /* body.home #content { position: relative; background: #FFF; padding: 20px; min-height: 0; margin-bottom: -45px; max-width: 1125px; width: auto; } */ body.home #content { display: none; } body.home #content p { font-size: 1.1rem; } #content { position: relative; background: #FFF; width: 100%; min-height: 200px; padding-bottom: 80px; margin-bottom: -78px; float: left; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } body.page-template-page-maifest-php #content, body.page-template-page-christkindlmarkt-php #content { background: url("img/bavarian-flag.jpg") #fffee7 repeat-y -223px 0px; } body.page-template-page-oktoberfest-php #content, body.page-template-page-maifest-php #content, body.page-template-page-christkindlmarkt-php #content, body.page-template-page-wyatts-php #content { max-width: 1185px; padding: 0 0 78px 0; margin-bottom: -46px; } .section { width: 33%; float: left; padding: 20px; } #tec-content { padding: 1px 0 !important; } .split td { width: 50%; } #home-badge { position: absolute; top: 65px; left: -110px; z-index: 1000; } /* Typography */ a { color: #2E2113; } a:hover { color: #000; } p, li, em, .screen-reader-text, label, .post-edit-link, td { padding: 0 0 15px 0; font-size: 14px; line-height: 1.5em; color: #000; } em { font-style: italic; } li { list-style-position: inside; padding: 0 0 5px 0; } strong { font-weight: bold; } h1 { font: 34px 'IM Fell Double Pica', serif; } .tec-cal-title { font: 34px 'IM Fell Double Pica', serif !important; } .post ul { margin: 0 0 20px 20px; } body.page-template-page-oktoberfest-php h1, body.page-template-page-maifest-php h1, body.page-template-page-christkindlmarkt-php h1 { font: 60px 'blackwood_castleregular', cursive, Arial, serif; text-transform: none; } body.page-template-page-wyatts-php h1 { font: 50px 'IM Fell DW Pica SC', cursive, Arial, serif; text-transform: none; } h2, .fn { font: bold 24px 'IM Fell Double Pica', serif; color: #000; } .filtertitle h2 { color: #FFF; } body.page-template-page-oktoberfest-php h2, body.page-template-page-maifest-php h2, body.page-template-page-christkindlmarkt-php h2 { font: 20px 'PT Serif', serif; font-weight: bold; text-transform: none; } body.page-template-page-wyatts-php h2 { font: 24px 'IM Fell DW Pica SC', cursive, Arial, serif; text-transform: none; } .meta p { font-size: 11px; } .tags { margin: 20px 0 0 0; } .page-title span { font-style: italic; } .post-edit-link { float: right; } #tagline { width: 1185px; margin-top: 100px; font-size: 32px; font-weight: bold; text-transform: uppercase; text-align: center; color: #FFF; text-shadow: 0 0 10px #000; filter: dropshadow(color=#000000, offx=0, offy=0); position: absolute; z-index: 10000; } /* Social Icons */ #socialicons { float: right; margin-right: 5px; margin-top: 10px; } /* Navigation */ #navwrapper { display: block; height: 38px; text-align: right; position: absolute; top: 69px; width: 1185px; } #navwrapper .menu, div.menu { display: inline-block; } #navwrapper .menu ul, div.menu ul { list-style-type: none; margin: 0; } #navwrapper .menu li, div.menu li { list-style-type: none; float: left; position: relative; padding: 0; font-size: 14px; text-transform: uppercase; text-decoration: none; } #navwrapper a { color: #FFF; font-weight: bold; display: block; line-height: 38px; padding: 0 12px; text-decoration: none; } #navwrapper ul ul { display: none; position: absolute; top: 38px; left: -1px; float: left; width: 235px; z-index: 99999; text-align: left; border-left: 1px solid #2E2113; border-right: 1px solid #2E2113; border-bottom: 1px solid #2E2113; -moz-box-shadow: 5px 5px 5px #2E2113; -webkit-box-shadow: 5px 5px 5px #2E2113; box-shadow: 5px 5px 5px #2E2113; } #navwrapper ul ul li { min-width: 235px; } #navwrapper ul ul ul { left: 100%; top: -1px; border: 1px solid #2E2113; } #navwrapper ul ul a { color: #000; background: #FFF; line-height: 1em; padding: 10px; width: 215px; height: auto; } #navwrapper li:hover > a { color: #2E2113; background: #FFF; } #navwrapper ul ul :hover > a { color: #FFF; background: #926228; } #navwrapper ul li:hover > ul { display: block; } #navwrapper ul li.current_page_item > a, #navwrapper ul li.current-menu-ancestor > a, #navwrapper ul li.current-menu-item > a, #navwrapper ul li.current-menu-parent > a { color: #FFF; background: #2E2113; font-weight: bold; } .dropdownmenu { background: url(img/arrow-down.png) no-repeat right 12px; } /* Sidebar */ .sidebar { float: left; width: 150px; padding: 20px 10px 10px 10px; } .widget { padding: 0 0 20px 0; } .widget-container { padding: 0 0 20px 0; list-style-type: none; } .widget-container ul li { list-style-type: none; } ul li.widget_text { list-style-type: none; } .textwidget p { color: #0C2D57; } .widget-title { font-size: 16px; font-weight: bold; color: #2E2113; text-transform: uppercase; padding: 0 0 5px 0; } .sidebar ul li div ul li { list-style-type: none; } #sidebar p, #sidebar li a { color: #2E2113; } .sidebar .sub-menu { margin: -5px 0 10px 0; } .sidebar .menu:nth-child(1) { margin-top: -10px; } .sidebar .sub-menu a { border: none !important; font-size: 14px !important; margin: 0 !important; width: 210px !important; } /* Sidebar - Oktoberfest & Maifest */ #sidebar-oktoberfest, #sidebar-maifest { width: 222px; margin: 0 20px 0 0; padding: 20px; background: url("img/bavarian-flag.jpg"); text-align: center; } #sidebar-maifest { background: none; } #sidebar-oktoberfest .widget-container, #sidebar-maifest .widget-container, #sidebar-oktoberfest .widget-container ul li, #sidebar-maifest .widget-container ul li { padding: 0; } #sidebar-oktoberfest .menu-oktoberfest-menu-container .menu-item a, #sidebar-maifest .menu-maifest-menu-container .menu-item a { background: #C51A27; border: 2px solid #E1BE26; color: #FFF; display: block; font-size: 18px; font-weight: bold; padding: 5px; margin: 0 0 5px 0; text-decoration: none; text-transform: uppercase; width: 206px; background: #5b0c12; /* Old browsers */ background: -moz-linear-gradient(left, #5b0c12 1%, #c51a27 50%, #5b0c12 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#5b0c12), color-stop(50%,#c51a27), color-stop(100%,#5b0c12)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0c12', endColorstr='#5b0c12',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* W3C */ } #sidebar-oktoberfest .menu-oktoberfest-menu-container .menu-item a:hover, #sidebar-maifest .menu-maifest-menu-container .menu-item a:hover { background: #E8202D; } #sidebar-oktoberfest .menu-oktoberfest-menu-container li.current_page_item > a, #sidebar-maifest .menu-maifest-menu-container li.current_page_item > a, #sidebar-oktoberfest .menu-oktoberfest-menu-container li.current-menu-item > a, #sidebar-maifest .menu-maifest-menu-container li.current-menu-item > a { color: #000; background: #E1BE26; } #sidebar-oktoberfest .widget_sp_image, #sidebar-maifest .widget_sp_image { padding-bottom: 20px; } /* Sidebar - Christkindlmarkt */ #sidebar-christkindlmarkt { width: 222px; margin: 0 20px 0 0; padding: 20px; text-align: center; } #sidebar-christkindlmarkt .widget-container, #sidebar-christkindlmarkt .widget-container ul li { padding: 0; } #sidebar-christkindlmarkt .menu-christkindlmarkt-menu-container .menu-item a { background: #C51A27; border: 2px solid #E1BE26; color: #FFF; display: block; font-size: 18px; font-weight: bold; padding: 5px; margin: 0 0 5px 0; text-decoration: none; text-transform: uppercase; width: 206px; background: #5b0c12; /* Old browsers */ background: -moz-linear-gradient(left, #5b0c12 1%, #c51a27 50%, #5b0c12 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#5b0c12), color-stop(50%,#c51a27), color-stop(100%,#5b0c12)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b0c12', endColorstr='#5b0c12',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #5b0c12 1%,#c51a27 50%,#5b0c12 100%); /* W3C */ } #sidebar-christkindlmarkt .menu-christkindlmarkt-menu-container .menu-item a:hover { background: #E8202D; } #sidebar-christkindlmarkt .menu-christkindlmarkt-menu-container li.current_page_item > a, #sidebar-christkindlmarkt .menu-christkindlmarkt-menu-container li.current-menu-item > a { color: #000; background: #E1BE26; } #sidebar-christkindlmarkt .widget_sp_image { padding-bottom: 20px; } /* Sidebar - Wyatt's */ #sidebar-wyatts { width: 222px; margin: 0 20px 0 0; padding: 20px; background: url("img/granite.jpg"); text-align: center; } #sidebar-wyatts .widget-container, #sidebar-wyatts .widget-container ul li { padding: 0; } #sidebar-wyatts .menu-wyatts-menu-container .menu-item a { background: #C1863E; border: 2px solid #010100; color: #FFF; display: block; font-size: 18px; font-weight: bold; padding: 5px; margin: 0 0 5px 0; text-decoration: none; text-transform: uppercase; width: 206px; background: #594222; /* Old browsers */ background: -moz-linear-gradient(left, #594222 1%, #c1863e 50%, #594222 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(1%,#594222), color-stop(50%,#c1863e), color-stop(100%,#594222)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #594222 1%,#c1863e 50%,#594222 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #594222 1%,#c1863e 50%,#594222 100%); /* Opera11.10+ */ background: -ms-linear-gradient(left, #594222 1%,#c1863e 50%,#594222 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#594222', endColorstr='#594222',GradientType=1 ); /* IE6-9 */ background: linear-gradient(left, #594222 1%,#c1863e 50%,#594222 100%); /* W3C */ } #sidebar-wyatts .menu-wyatts-menu-container .menu-item a:hover{ background: #F5AB4F; } #sidebar-wyatts .menu-wyatts-menu-container li.current_page_item > a, #sidebar-wyatts .menu-wyatts-menu-container li.current-menu-ancestor > a, #sidebar-wyatts .menu-wyatts-menu-container li.current-menu-item > a, #sidebar-wyatts .menu-wyatts-menu-container li.current-menu-parent > a { color: #FFF; background: #000; } .wyattslogo { margin-left: -69px; } #sidebar-wyatts .widget_sp_image { padding-bottom: 20px; } /* Slideshow */ #homepage-slideshow .ngg-slideshow img { z-index: -100 !important; } #homepage-slideshow { margin-top: 37px; } /*#homepage-slideshow { margin-bottom: -120px; margin-top: -3px; }*/ #oktoberfest-slideshow .ngg-slideshow, #maifest-slideshow .ngg-slideshow { position: absolute !important; top: 0 !important; left: 262px !important; } #wyatts-slideshow { position: absolute !important; top: 0 !important; left: 246px !important; } .ngg-slideshow { overflow: visible !important; } .ngg-galleryoverview { width: 100% !important; } /* Photo Gallery */ .ngg-albumoverview, .ngg-galleryoverview { clear: none !important; width: 78% !important; } .page-template-page-oktoberfestgallery-php .ngg-galleryoverview, .page-template-page-maifestgallery-php .ngg-galleryoverview { width: 70% !important; } /* Events Calendar */ .tribe-events-event { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } #tribe-events-pg-template, .tribe-events-view { background-color: white !important; } /* Oktoberfest & Maifest Pages */ #buytickets { position: relative; float: right; z-index: 100; } .pricing { width: 650px; margin: 10px 0; } .pricing-small { width: 350px; margin: 10px 0; } .pricing th, .pricing-small th { background: #5E0C12; color: #FFF; text-align: left; padding: 5px; } .pricing tr, .pricing-small tr { background: #E1BE26; text-align: left; } .pricing td, .pricing-small td { text-align: center; vertical-align: middle; padding: 0; } .menu { display: block !important; margin: 0 0 40px 0; } body.page-id-5240 #content { background: url(img/bigbearlake.jpg) no-repeat top right white; } body.page-id-5240 p, body.page-id-5240 em { font-size: 16px; } body.page-id-5240 h1 { text-indent: -999999px; } body.page-id-5240 .post { margin-top: 180px; } body.page-id-5240 .sidebar li:first-child { display: none; } body.page-id-5240 .section { width: 100%; } /* Page Tiles */ #pagetiles-widgets { clear: both; text-align: center; position: relative; z-index: 1; width: 100%; margin: 30px auto 0 55px; } #pagetiles-widgets .widget-container { display: inline-block; height: 215px; margin: 30px 30px 0 0; padding: 10px 0; background: url(img/bg-widget.jpg) no-repeat; -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } #pagetiles-widgets .widget-container .textwidget, #pagetiles-widgets .widget_wysiwyg_widgets_widget { width: 246px; padding: 10px 0; text-align: center; float: left; } #pagetiles-widgets .widget_wysiwyg_widgets_widget p { line-height: 12px; font-size: 11px; padding: 0; } #pagetiles-widgets .widget-container .widget-title { padding: 0; } /* Blog */ .post { padding: 20px 20px 0 20px; } body.page-template-page-oktoberfest-php .post, body.page-template-page-maifest-php .post, body.page-template-page-christkindlmarkt-php .post, body.page-template-page-wyatts-php .post { padding: 20px 0; float: left; width: 65%; } .post-slideshow { padding: 20px; margin-top: 400px; } #search-form { position: absolute; top: 14px; right: 60px; } #s, textarea, input { padding: 5px; border: 2px solid #ccc; margin: 0 0 5px 0; } #s:focus, textarea:focus, input:focus { border: 2px solid #2E2113; } #searchsubmit { padding: 4px; } .filtertitle { padding: 10px 20px; background: #2E2113; } .alignright { float: right; padding: 0 0 10px 10px; } .alignleft { float: left; padding: 0 10px 10px 0; } .aligncenter { text-align: center; margin: 0 auto; } .button a, .wpcf7-submit { padding: 5px; background: #2E2113; border: 1px solid #333; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height: 1.5em; font-weight: bold; } .button a:hover, .wpcf7-submit:hover { background: #007733; color: #FFF; border: 1px solid #333; } #searchbox { float: right; margin-top: 10px; } .older a { -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; float: left; } .newer a { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; float: right; } /* Comments */ .avatar { float: left; margin: 0 10px 0 -35px; -moz-box-shadow: 2px 2px 5px #000; -webkit-box-shadow: 2px 2px 5px #000; box-shadow: 2px 2px 5px #000; } .comment { list-style-type: none; background-color: #F2F2F2; margin-bottom: 1px; } .comment-meta { padding: 0 0 10px 0; } .prev-posts { float: right; } .next-posts { float: left; } .comment-body { padding: 10px; } .depth-2, .depth-3 { padding: 0 0 0 50px; } .says { display: none; } #respond { padding: 20px; } /* Footer */ #footer { clear: both; padding: 20px 0; text-align: center; } #footer a { color: #FFF; } #footer p { color: #FFF; font-size: 11px; line-height: 1.5em; padding: 0; } #footer .widget-container { padding: 0; } #menu-footer-menu li { list-style-type: none; display: inline; border-right: 1px solid #999; font-size: 11px; padding: 0 5px; } #menu-footer-menu li:last-child { border-right: none; } /* WooCommerce */ body.woocommerce .meta, body.product-template-default .navigation { display: none; } body.product-template-default .product { padding: 20px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #C51A27 !important; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: black !important; } .woocommerce-loop-product__title { font-size: 1.75em !important; } .woocommerce ul.products li.product .price { font-size: 1.5em !important; } .woocommerce #payment div.payment_method_square_credit_card .wc-square-credit-card-hosted-field-card-number { padding-right: 0 !important; } } /* END screen media */ @media screen and (-webkit-min-device-pixel-ratio:0) { } @media only screen and (max-width: 1400px) { #pagetiles-widgets { width: 100%; margin-right: -40px; margin-top: 110px; } #pagetiles-widgets .widget-container { margin: 0 10px 0 0; } #home-badge { left: -10px; top: 100px; } } @media only screen and (max-width: 1100px) { #home-badge { top: -10px; left: -14px; } #pagetiles-widgets { width: 100%; margin-right: -110px; margin: 110px auto 0 0; } #pagetiles-widgets .widget-container { margin: 0 5px; } } @media print { .do-not-print { display: none; } #comments { page-break-before: always; } body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; } h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; } h1 { font-size: 19pt; } h2 { font-size:17pt; } h3 { font-size:15pt; } h4,h5,h6 { font-size:12pt; } code { font: 10pt Courier, monospace; } blockquote { margin: 1.3em; padding: 1em; } img { display: block; margin: 1em 0; } a img { border: none; } table { margin: 1px; text-align:left; } th { border-bottom: 1px solid #333; font-weight: bold; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } caption { background: #fff; margin-bottom: 2em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } a { text-decoration: none; color: black; } } /* END print media */