/* Theme Name: blue event center Theme URI: http://www.eventcenteratblue.com/ Description: This WordPress theme developed by Peer Pressure Creative + Spark is for use by blue event center only. Author: Peer Pressure Creative + Spark Author URI: http://www.peerpressurecreative.com */ /** ALL MIGHTY RESET **/ 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, font, img, ins, kbd, q, s, samp, strike, sub, tt, var, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;} * {margin: 0; /*border: solid 1px red !important;*/} :focus {outline: 0;} html {height: 100%} body {background-color: #fff; height: 100%; font-family: Helvetica, sans-serif;} ol, ul {list-style: none;} a {text-decoration: none;} a:hover {text-decoration: underline;} /* Clear Fix */ .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} * html .clearfix {zoom: 1;} /* IE6 */ *:first-child+html .clearfix{zoom: 1;} /* IE7 */ .clear {clear: both;} .wrap {margin: 0 auto; width: 960px;} ::-moz-selection {background: #77e661; color: white; text-shadow: none; text-shadow: 1px 1px 1px #7f7f7f; filter: dropshadow(color=#7f7f7f, offx=1, offy=1);} ::selection {background: #77e661; color: white; text-shadow: none; text-shadow: 1px 1px 1px #7f7f7f; filter: dropshadow(color=#7f7f7f, offx=1, offy=1);} @media screen and (max-width: 600px) { body#home {background: url(http://www.eventcenteratblue.com/wp-content/uploads/2014/04/mobile1.jpg) no-repeat scroll 50% 175px; width: 100%; height: 842px;} } /* @font-face ----------------------------------------------------------------------------------------------------------------------------------- */ @font-face { font-family: 'HVDBodedoMedium'; src: url('fonts/hvd_bodedo/hvd_bodedo-webfont.eot'); src: url('fonts/hvd_bodedo/hvd_bodedo-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/hvd_bodedo/hvd_bodedo-webfont.woff') format('woff'), url('fonts/hvd_bodedo/hvd_bodedo-webfont.ttf') format('truetype'), url('fonts/hvd_bodedo/hvd_bodedo-webfont.svg#HVDBodedoMedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ComfortaaRegular'; src: url('fonts/comfortaa-regular/comfortaa-regular-webfont.eot'); src: url('fonts/comfortaa-regular/comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/comfortaa-regular/comfortaa-regular-webfont.woff') format('woff'), url('fonts/comfortaa-regular/comfortaa-regular-webfont.ttf') format('truetype'), url('fonts/comfortaa-regular/comfortaa-regular-webfont.svg#ComfortaaRegular') format('svg'); font-weight: normal; font-style: normal; } /* font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif; */ /* font-family: ComfortaaRegular, Helvetica, Arial, sans-serif; */ /* SIDEBAR ------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar {background: url(images/sidebar-bg-repeat.png) 0px 0px repeat-y; width: 250px; height: 100%; position: fixed; left: 0; top: 750px; z-index: 10;} #sidebar span {background: url(images/sidebar-bg.png) 0px 0px no-repeat; width: 250px; height: 750px; position: fixed; left: 0; top: 0; z-index: 10;} #sidebar h1 a {background: url(images/logo.png) 0px 0px no-repeat; width: 160px; height: 107px; margin: 120px 0 0 40px; position: fixed; top: 0; left: 0; display: block; float: left; text-indent: -99999px; z-index: 15;} #sidebar section {/*background-color: red;*/ width: 240px; position: fixed; bottom: 20px; left: 0; z-index: 15;} #sidebar section p {width: 240px; font-size: 12px; line-height: 17px; margin: 0 0 0 58px; color: #000; /*color: #552b14;*/ font-family: ComfortaaRegular, Helvetica, Arial, sans-serif;} #sidebar section p#copyright {font-size: 8px;} #giftcard {background: url(images/call-to-action.png) 0px 0px no-repeat; width: 75px; height: 14px; margin: 3px 0 3px 58px; display: block; text-indent: -99999px; float: left; clear: both;} #facebook {background: url(images/call-to-action.png) 0px -20px no-repeat; width: 70px; height: 15px; margin: 3px 0 3px 58px; display: block; text-indent: -99999px; float: left; clear: both;} #newsletter {background: url(images/call-to-action.png) 0px -42px no-repeat; width: 81px; height: 13px; margin: 3px 0 3px 58px; display: block; text-indent: -99999px; float: left; clear: both;} #privacy {background: url(images/call-to-action.png) 0px -63px no-repeat; width: 105px; height: 17px; margin: 3px 0 30px 58px; display: block; text-indent: -99999px; float: left; clear: both;} @media screen and (max-width: 600px) { #sidebar {background: none; width: 100%; height: 0 !important; position: relative !important; top: 0 !important; margin: 0 auto !important; padding: 3px 0 0 0;} #sidebar span {display: none !important;} #sidebar h1 a {background: url(images/logo.png) 0px 0px no-repeat; width: 160px; height: 107px; margin: 0 auto !important; float: none !important; position: relative !important; display: block; text-indent: -99999px; z-index: 15;} #sidebar section{display: none;} } /* HEADER --------------------------------------------------------------------------------------------------------------------------------------- */ #screen-reader {position: absolute; left: -99999px; top: -99999px;} header {background: url(images/header-bg-repeat.png) 0px 0px repeat-x; width: 100%; height: 130px; position: fixed; left: 1530px; top: 0px; z-index: 5; display: block;} header span {background: url(images/header-bg.png) 0px 0px repeat-x; width: 1330px; height: 130px; position: fixed; left: 200px; top: 0px; z-index: 5; display: block;} @media screen and (max-width: 600px) { header {background: none; width: 100% !important; height: 130px; position: absolute !important; top: 0; left: 0px !important; z-index: 5; display: block;} header span {background: url(images/header-bg.png) 0px 0px repeat-x; width: 100% !important; height: 130px; position: relative !important; top: 0; left: 0 !important; z-index: 5; display: block;} } @media screen and (max-width: 320px) { header {background: none; width: 100% !important; height: 130px; position: absolute !important; top: 0 !important; left: 0px !important; z-index: 50 !important; display: block;} header span {background: url(images/header-bg.png) 0px 0px repeat-x; width: 320px !important; height: 130px; position: relative !important; top: 0; left: 0 !important; z-index: 5; display: block;} } /* MAIN NAVIGATION */ nav#main {margin: 75px 0 0 270px; width: 700px; float: left; position: fixed; z-index: 100;} nav#main ul {} nav#main ul li {float: left; display: inline; position: relative;} nav#main ul li a {margin: 0 20px 0 0; float: left; display: inline; position: relative;} nav#main ul li#wedd a {background: url(images/menu.png) 0px 0px no-repeat; width: 83px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#busi a {background: url(images/menu.png) -99px 0px no-repeat; width: 139px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#divi {background: url(images/menu.png) -375px -30px no-repeat; width: 20px; height: 19px; margin: -2px 0 0 0; display: block;} nav#main ul li#gril a {background: url(images/menu.png) -254px 0px no-repeat; width: 95px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#even a {background: url(images/menu.png) -400px 0px no-repeat; width: 115px; height: 15px; display: block; text-indent: -99999px;} /* HOVER */ nav#main ul li#wedd a:hover {background: url(images/menu.png) 0px -30px no-repeat; width: 83px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#busi a:hover {background: url(images/menu.png) -99px -30px no-repeat; width: 139px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#gril a:hover {background: url(images/menu.png) -254px -30px no-repeat; width: 95px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#even a:hover {background: url(images/menu.png) -400px -30px no-repeat; width: 115px; height: 15px; display: block; text-indent: -99999px;} /* HERE */ nav#main ul li#wedd a.here {background: url(images/menu.png) 0px -30px no-repeat; width: 83px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#busi a.here {background: url(images/menu.png) -99px -30px no-repeat; width: 139px; height: 15px; display: block; text-indent: -99999px;} nav#main ul li#gril a.here {background: url(images/menu.png) -254px -30px no-repeat; width: 95px; height: 15px; display: block; text-indent: -99999px;} @media screen and (max-width: 600px) { /* nav#main {background: url(images/mobile-nav-bg.jpg) 0px 0px no-repeat; margin: 100px auto 0 auto !important; float: none !important; width: 100% !important; height: 80px; position: relative !important; z-index: 3 !important;} */ nav#main {background: url(images/mobile-nav-bg.jpg) 0px 0px no-repeat; margin: 100px auto 0 auto !important; float: none !important; width: 600px !important; height: 80px; position: relative !important; display: block; z-index: 3 !important;} nav#main ul {margin: 40px 0 0 30px !important; float: left !important; width: 550px !important; position: relative !important; z-index: 100;} nav#main ul li {float: left; display: inline; position: relative;} nav#main ul li a {margin: 0 15px 10px 0; float: left; display: inline; position: relative;} nav#main ul li:last-child a {margin: 0 !important;} } /* BODY ------------------------------------------------------------------------------------------------------------------------------------------ */ #page-wrap {width: 670px; margin: 0 auto -300px; min-height: 100%; height: auto !important; height: 100%;} /* HOME PAGE -------------------------------------------------------------------------------------------------------------------------------------- */ #home-page-info {display: none;} @media screen and (max-width: 600px) { #home-page-info {display: block; margin: 540px 0 0 15px; text-align: center;} } #promo-link {display: none;} /* INSIDE PAGES ----------------------------------------------------------------------------------------------------------------------------------- */ /* UNIVERSALS -------------- */ #content {background-color: rgba(255,255,255,.85); width: 620px; margin: 147px 0 20px 270px; padding: 0 0 20px 40px; position: relative; z-index: 4; float: left;} #content.more-opaque{background-color: rgba(255,255,255,.92);} #content h2 {font-size: 24px; line-height: 30px !important; font-weight: bold; line-height: 24px; color: #5c7b89; /*border-top: 2px solid #000; border-bottom: 2px solid #000;*/ margin: 0 0 10px 0; padding: 2px 0 2px 0; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content h2 span {font-size: 14px; font-weight: normal;} #content h3 {font-size: 16px; font-weight: bold; line-height: 20px; color: #5c7b89; /*border-bottom: 2px solid #5c7b89;*/ margin: 20px 0 5px 0; /*text-transform: uppercase;*/ font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content h4 {font-size: 15px; font-weight: bold; line-height: 20px; color: #5c7b89; margin: 20px 0 5px 0; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content h5 {font-size: 14px; font-weight: bold; line-height: 20px; color: #5c7b89; margin: 20px 0 5px 0; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content h6 {font-size: 13px; font-weight: bold; line-height: 20px; color: #5c7b89; margin: 20px 0 5px 0; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content p {font-size: 13px; color: #312829; font-weight: 100; line-height: 18px; margin: 2px 0 15px 0; padding: 0; font-family: ComfortaaRegular, Helvetica, Arial, sans-serif;} #content p strong {font-weight: bold;} #content a {color: #5c7b89;} @media screen and (max-width: 600px) { #content {width: 530px; margin: 10px 0 20px 0px; padding: 0 20px 0px 20px; position: relative; z-index: 4; float: left;} #content h2 {font-size: 24px; font-weight: bold; line-height: 24px; color: #5c7b89; width: 100%; margin: 0 0 10px 0; padding: 2px 0 2px 0; /*text-transform: uppercase;*/ float: left; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content h2 span {font-size: 14px; font-weight: normal;} #content h3 {font-size: 16px; font-weight: bold; line-height: 20px; color: #5c7b89; width: 100%; margin: 20px 0 5px 0; float: left; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} #content p {font-size: 13px; color: #312829; font-weight: 100; line-height: 18px; width: 100%; margin: 2px 0 5px 0; padding: 0; float: left; font-family: ComfortaaRegular, Helvetica, Arial, sans-serif;} } .overview ul {margin: 5px 0 10px 20px; list-style: disc !important; float: left;} .overview ul li {font-size: 13px; font-weight: 100; line-height: 18px; color: #312829; margin: 2px 0 2px 0; padding: 0; float: left; /*font-family: Helvetica, Arial, sans-serif;*/ font-family: ComfortaaRegular, Helvetica, Arial, sans-serif;} #pdf-dl {background: url(images/pdf.png) 0px 0px no-repeat; width: 11px; height: 11px; margin: 5px 10px 0 0; display: block; text-indent: -99999px; float: right;} #print-page {background: url(images/print.png) 0px 0px no-repeat; width: 11px; height: 11px; margin: 5px 37px 0 0; display: block; text-indent: -99999px; float: right;} .section-heading {padding: 12px 0; text-align: center; position: relative;} /* SCROLL */ #scroll {width: 585px; /*height: 500px;*/ margin: 20px 0 10px; position: relative; clear: both;} #scroll .viewport {width: 560px; position: relative;} /*#scroll .overview {list-style: none; position: absolute; left: 0; top: 0;} #scroll .scrollbar {background: transparent url(images/scroll/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; float: right; width: 15px;} #scroll .track {background: transparent url(images/scroll/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width: 13px; position: relative; padding: 0 1px;} #scroll .thumb {background: transparent url(images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;} #scroll .thumb .end {background: transparent url(images/scroll/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px;} #scroll .disable {display: none;} */ @media screen and (max-width: 600px) { .overview ul {margin: 5px 0 10px 20px; list-style: disc !important; float: left;} .overview ul li {font-size: 13px; font-weight: 100; line-height: 18px; color: #312829; width: 100%; margin: 2px 0 2px 0; padding: 0; float: left; font-family: ComfortaaRegular, Helvetica, Arial, sans-serif;} #pdf-dl {display: none !important;} #print-page {display: none !important;} #scroll {width: 550px; /*height: 500px;*/ margin: 20px 0 10px; clear: both;} #scroll .viewport {width: 550px; height: 100% !important; position: relative;} #scroll .overview {list-style: none; position: relative; left: 0; top: 0;} #scroll .scrollbar {display: none;} } /* SECONDARY NAVIGATION -------------- */ nav#secondary {margin: 30px 0 15px 0; width: 620px; float: left;} nav#secondary li {position: relative; display: inline; float: left;} nav#secondary li a {color: #8d8d8d; font-size: 14px; margin: 0 35px 0 0; text-decoration: none; position: relative; display: inline; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} nav#secondary li:last-child a {margin: 0;} nav#secondary .second-list {padding: 15px 0 0 0; clear: both;} /* HOVER */ nav#secondary li a:hover {color: #5c7b89; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} /* CURRENT */ nav#secondary li.current_page_item a, nav#secondary li.current_page_parent a {color: #5c7b89;} @media screen and (max-width: 600px) { nav#secondary {margin: 30px 0 15px 0; width: 550px !important; float: left;} } /* GALLERY ---------------------------------------------------------------------------------------------------------------------------------------- */ .gallery-image {width: 90px; height: 90px; margin: 10px; border: 1px solid gray; float: left;} h2#videos-header {margin: 30px 0 0 0;} #video-gallery {margin: 10px 0 0 -5px !important;} #video-gallery li {/*background-color: blue;*/ width: 265px; height: 147px; margin: 0 5px 10px 5px !important; position: relative; display: block; float: left;} .video-thumb img {width: 265px; height: 147px;} @media screen and (max-width: 600px) { .gallery-image {margin: 8px;} } #menu-list {margin: 10px 0 0 -5px !important;} #menu-list li {/*background-color: blue;*/ width: 175px; height: 175px; margin: 0 5px 55px 5px !important; position: relative; display: block; float: left;} #menu-list li h3 {font-size: 13px; line-height: 16px; width: 175px; margin: 0 0 0 0; text-align: center;} /* BLOG ------------------------------------------------------------------------------------------------------------------------------------------- */ .blog-post {margin: 0 0 55px 0; position: relative; clear: both;} /* Post Thumbnail --- */ .post-thumbnail {width: 100%; height: auto; max-height: 150px; margin: 0 0 20px 0; position: relative; display: block; overflow: hidden;} .post-thumbnail img {max-width: 100% !important; width: 100% !important; height: auto; position: relative; top: 50%; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%);} /* Active */ .post-thumbnail.active {height: auto; max-height: none; overflow: visible;} .post-thumbnail.active img {top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);} /* Read More --- */ .blog-post-read-more {font-size: 16px; line-height: 18px; color: #26525f; text-transform: uppercase; text-align: center; display: block;} /* Full Post --- */ .full-post {display: none;} /* Post Permalink --- */ .post-permalink {margin: 0 0 20px 0; font-size: 14px; line-height: 16px; color: #26525f;} /* Done Reading --- */ .done-reading {font-size: 16px; line-height: 18px; color: #26525f; text-transform: uppercase; text-align: center; display: block;} /* Category Dropdown ----- */ #category-dropdown {width: 100%; margin: 0 auto 20px auto !important; padding: 0 !important; text-align: center;} #category-dropdown select {background: url(images/dropdown-arrow.png) right center no-repeat #fff; width: 100%; height: 34px; margin: 0 auto; padding: 5px; font-size: 15px; line-height: 20px; color: #707070; border: 0; border-radius: 0; border: 1px solid #d7d7da; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: none; letter-spacing: 1px; cursor: pointer; font-family: spyroclassicregular, Helvetica, sans-serif;} /* Primary Column ----- */ #primary-column {width: 62%; float: left;} /* Blog Sidebar ----- */ #blog-sidebar {width: 150px; float: right;} /* Related Posts ----- */ .rp4wp-related-posts h3 {margin: 20px 0 10px 0 !important;} .rp4wp-related-posts li {margin: 0 0 25px 0 !important; clear: both;} .rp4wp-related-post-image {width: 100% !important; height: auto !important; margin: 0 0 10px 0; padding: 0 !important; text-align: center; display: block; float: none !important; clear: both !important;} .rp4wp_component_image a img {max-width: 100% !important; width: 100% !important; height: auto !important; margin: 0 auto; display: block;} .rp4wp-posts-list {margin: 0 !important;} /* Blog Categories ----- */ #blog-categories {list-style: none !important; margin: 0 !important; padding: 0 !important;} #blog-categories li {padding: 0 !important; display: block; clear: both;} /* Go Back Link ----- */ .go-back-link {color: #8d8d8d !important; font-size: 14px; margin: 25px 0 25px 0; text-decoration: none; position: relative; display: inline; text-decoration: none !important; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; float: left; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;} /* Hover */ .go-back-link:hover {color: #5c7b89 !important;} /* PAGE NAVI -------------------------------------------------------------------------------------------------------------------------------------- */ .wp-pagenavi {margin: 0 0 20px 0; padding: 10px 0 0 0; font-size: 16px; color: #6b6b6b !important; display: block; clear: both; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .wp-pagenavi a, .wp-pagenavi span {text-decoration: none !important; margin: 2px; padding: 3px 5px; color: #707070; border: none !important; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .wp-pagenavi a:hover, .wp-pagenavi span.current {color: #26525f !important; font-weight: normal !important; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;} .wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .nextpostslink, .wp-pagenavi .last, .wp-pagenavi .previouspostslink, .wp-pagenavi .first {border: none;} .wp-pagenavi .last:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .first:hover, .wp-pagenavi .previouspostslink:hover {background: none; color: #26525f !important;} /* FULLSCREEN BG ---------------------------------------------------------------------------------------------------------------------------------- */ .vegas-loading { /* Loading Gif by http://preloaders.net/ */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#000 url(images/loading.gif) no-repeat center center; background:rgba(0, 0, 0, 0.7) url(images/loading.gif) no-repeat center center; height:32px; top: 50%; left: 50%; right: 50%; position:fixed; width:32px; z-index:0; } /*.vegas-overlay {background:transparent url(images/overlays/01.png); opacity:0.5; z-index:-1;}*/ .vegas-background {image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index:-2;} @media screen and (max-width: 600px) { .vegas-loading {display: none !important;} .vegas-background {display: none !important;} } /* FORM STYLING -------------------------------------------------------------------------------------------------------------------------------------- */ .gform_wrapper {clear: both;} .gform_body ul {width: 100%;} .gform_body .label {font-size: 15px; text-align: right; margin: 6px 3px 0 0; width: 80px; float:left; color: #303f4a;} .gform_body input {background: none !important; outline: none !important; -webkit-appearance: none; border-bottom: 1px solid #959595; border-top: none; border-left: none; border-right: none; width: 250px; font-size: 13px !important; margin: 0 0 10px 0; padding: 0; color: #009ec6;} .gform_body input:focus {border-bottom: 1px solid #009ec6;} .ginput_total {color: #009ec6 !important;} .gform_wrapper .gfield_description {padding: 0px 0 0 0 !important; margin: -5px 0 0 0 !important;} #gforms_confirmation_message {clear: both;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] { background: none; outline: none; color: #000; font-size: 15px !important; -webkit-box-align: center; text-align: center; cursor: pointer; padding: 0; border: none; background-color: none !important; box-sizing: none; font-family: HVDBodedoMedium, Helvetica, Arial, sans-serif;}