/* Theme Name: Woodstock Theme URI: http://www.elegantthemes.com/gallery/ Version: 92.1 Description: Modified Harmony theme by Elegant Themes Author: Matt Schloss, The Riot House, Elegant Themes Author URI: http://www.elegantthemes.com */ /*------------------------------------------------*/ /*-----------------[RESET]------------------------*/ /*------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /*------------------------------------------------*/ /*-----------------[BASIC STYLES]-----------------*/ /*------------------------------------------------*/ body { font-family: 'Georgia', serif; font-size: 14px; color: #000; background-color: #fff; } a { text-decoration: none; color: #00f; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #3d5054; line-height: 1em; font-weight: normal; font-family: 'Oswald', Arial, Helvetica, sans-serif;} h1, h2, h3 { letter-spacing: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; line-height: 24px; } strong { font-weight: bold; color: #1c1c1c; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em;} blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0px; } input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .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 */ /*------------------------------------------------*/ /*---------------[MAIN LAYOUT INFO]---------------*/ /*------------------------------------------------*/ html { -webkit-font-smoothing: antialiased; } .homebg { background-color: #000; background-repeat: no-repeat; /* background-size: 100% auto; */ background-position: top center; } .home-container { margin: auto; max-width: 720px; padding: 0 50px; } .slideshow-bg { background-color: #000; } .slideshow-wrap { /*position: fixed; z-index: 0; top: 80px; right: 0; bottom: 0; left: 0;*/ padding: 0px; background-repeat: repeat; position: relative; } #slideshow-1 { margin: 80px auto 0px; max-width: 1440px; } .slideshow-wrap img { width: 100%; } .on-top { position: relative; z-index: 1; width: 100%; } .header-on-top { position: absolute; z-index: 2; background-color: transparent; text-align: center; width: 100%; display: none; visibility: visible; height: 420px; } .wslogo { position: absolute; z-index: 999; top: 40%; left: 0; right: 0; margin: auto; width: 100%; max-width: 840px; text-align: center; } .header-on-top:after { /*padding-top: 50%; /* 2:1 ratio now! /*56.25%; /*16:9 ratio*/ /*display: block; content: '';*/ } .header-on-top .logo-wrap { padding: 40px 0 40px; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } a.red-box { display: inline-block; padding: 20px 20px 20px 100px; float: left; } a.red-box img { width: 190px; } .logo-wrap .logobg { width: 510px; height: 100px; margin: auto; background-size: 100%; background-repeat: no-repeat; } .logo-wrap .logobg:hover { background-position: 0 -100px; } .home .logo-wrap .logobg { width: 680px; height: 119px; margin: auto; background-size: 100%; background-repeat: no-repeat; } .home .logo-wrap .logobg:hover { background-position: 0 -119px; } .home .wslogo img:hover { opacity: 0.7; } .home .wslogo img { transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } /*.home .wslogo { position: absolute; top: 45%; left: 0; right: 0; } */ .down_arrow img { width: auto; } .down_arrow { position: absolute; bottom: 4%; left: 0; right: 0; width: 100%; } .down_arrow a { font-size: 36px; color: #fff; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; } .down_arrow a:hover { color: #a30000; } .home .header-on-top .logo-wrap { padding: 260px 0 260px; padding: 0 !important; } .large-slideshow { display: block; } .small-slideshow { display: none; } .prev_next { width: 100%; position: relative; } .prev_next #prev { float: left; margin-left: -40px; z-index: 9999; position: absolute; top: 140px; left: 0; } .prev_next #next { float: right; margin-right: -40px; z-index: 9999; position: absolute; top: 140px; right: 0; } .prev_next a { font-size: 90px; line-height: 1; /* color: #a30000; color: #ccc; */ color: #a30000; z-index: 9999; } .prev_next a:hover { color: #bf2916; } #main-header .container { text-align: center; padding: 62px 0; } body.home #main-header .container { padding: 180px 0 300px; } .container { text-align: left; margin: 0 auto; width: 960px; position: relative; } .container-header { margin: auto; width: auto !important; margin-right: 10px; } #main-header #et-site-title { padding-top: 3px; text-transform: uppercase; } #main-header h1 { font-size: 72px; font-weight: 800; color: #fff; } #main-header h2 { font-size: 30px; font-weight: 300; color: #fff; } #main-nav { background-color: transparent; border-bottom: 0; position: fixed; top: 0; left: 0; height: 80px; width: 100%; z-index: 9998; background-repeat: no-repeat; } #top-menu { float: left; } #top-menu li { display: inline-block; } #top-menu a { font-family: 'Oswald', 'Arial', san-serif; font-size: 16px; color: #000; text-decoration: none; text-transform: uppercase; padding: 36px 12px 16px; display: block; font-weight: normal; letter-spacing: 1px; } #top-menu > ul > li:first-child > a { padding-left: 0; } #top-menu a:hover { color: #a30000; } #top-menu ul > li.current-menu-item > a { color: #a30000; } #social-icons { float: right; padding-top: 30px; padding-right: 20px; z-index:9999; } #social-icons a { color: #a30000; padding-left: 9px; text-shadow: 0; font-size: 28px; } #social-icons a:hover { color: #000; } #news-section .container, #news .container { padding: 10px 0 30px; } #news-section, #shows { text-align: center; background-color: #f0f0f0; } #news ul, #shows ul { text-align: center; margin-bottom: 40px; } #news h2, #home-products h2, #media-gallery h2, #main_audio_playlist h2 { font-size: 36px; font-weight: 700; text-transform: uppercase; color: #a30000; } #home-products h2 a { color: #a30000; } #news h2 { padding-bottom: 15px; } #news li, #shows li { padding: 19px 10px; float: left; width: 300px; text-align: center; } .news-image { margin-right: 0px; position: relative; line-height: 0; background-color: #fff; padding: 4px; padding-bottom: 10px; -moz-box-shadow: 1px 1px 5px rgba(68,68,68,0.6); -webkit-box-shadow: 1px 1px 5px rgba(68,68,68,0.6); box-shadow: 1px 1px 5px rgba(68,68,68,0.6); } #news p { color: #000; margin: 0px; } #news h4 { padding: 10px 5px 0px; text-align: center; line-height: 1.2; } #news p, #events-list h2 { font-size: 14px; font-weight: 500; padding: 5px 5px; } #news p a, #events-list h2 a { text-decoration: none; color: #000; } #news a:hover, #news-section p.meta-info a:hover, #events-list h2 a:hover { color: #111; } #news p.meta-info, #news-section p { font-size: 14px; font-weight: 300; margin-top:-2px; padding-bottom: 10px; } #news p.meta-info a { color: #3d5054; text-decoration: none; } a.more, a.product-info, a.view-more, .comment-reply-link, #respond input#submit, #respond input#submit:hover { background: rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ border: 1px solid #e0dddd; border-radius: 5px 5px 5px 5px; -webkit-box-shadow: 1px 1px 0 #FCFCFC inset, 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 0 #FCFCFC inset, 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 0 #FCFCFC inset, 0 1px 2px rgba(0, 0, 0, 0.1); color: #3d5054; font-size: 14px; padding: 9px 16px; text-decoration: none; text-shadow: 1px 1px 0 #fff; } a.more:hover, a.product-info:hover, a.view-more:hover, .comment-reply-link:hover { color: #000; } .show-date { float: left; text-align: center; width: 60px; margin-right: 19px; } span.post-meta { display: block; font-size: 12px; font-weight: 800; line-height: 38px; text-transform: uppercase; background-color: #f1f3f4; } span.post-meta span { display: block; font-size: 26px; font-weight: 300; margin-top: -16px; } #home-products .container { padding: 115px 0 52px; } #home-products h2, #media-gallery h2 { padding-bottom: 40px; padding-top: 40px; } .last { margin-right: 0 !important; } .product img { padding-bottom: 5px; } #media-gallery .container { padding: 115px 0 118px; } #media-gallery h2 { color: #fff; } .gallery-photo { float: left; width: 180px; margin-right: 80px; text-align: center; margin-bottom: 80px; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); } .image { margin: 5px; line-height: 0; position: relative; } .image .gallery_image_overlay { -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.7); box-shadow: inset 0 0 8px rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .image-date { border-top: 1px solid #dcdcdc; background: rgb(241,241,241); /* Old browsers */ background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(211,211,211,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(211,211,211,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 1px 1px 0 #fff inset; -moz-box-shadow: 1px 1px 0 #fff inset; box-shadow: 1px 1px 0 #fff inset; padding: 9px 0 13px; } .image-date span { color: #8c8c8c; font-style: italic; } a.view-more { float: right; margin-top: -20px; } #breadcrumbs { border-bottom: 1px solid #eaedee; font-size: 16px; font-weight: 300; } #breadcrumbs .container { padding: 30px 0; margin-top: 80px; } #breadcrumbs a { font-weight: 800; text-decoration: none; color: #3d5054; } #main-area { } #content-area { position: relative; padding: 30px 0; } #content-area:before { border-left: 1px solid #e4e4e4; content: ""; height: 100%; left: 693px; position: absolute; top: 0; width: 1px; } #content-area.fullwidth:before { display: none; } #left-area { float: left; margin-right: 80px; width: 613px; } .entry { margin-bottom: 75px; } .entry h2.title, h1.page-title, .entry h1.title, h1.entry-title { font-size: 36px; font-weight: 800; padding-bottom: 13px; } .entry h2.title a { color: #3d5054; } .entry h2.title a:hover { color: #111; text-decoration: none; } .entry .meta-info { font-size: 18px; font-weight: 300; padding-bottom: 24px; } .entry .meta-info a { color: #3d5054; } .entry .meta-info a:hover { text-decoration: none; color: #111; } .post-thumbnail { float: left; margin-right: 40px; line-height: 0; position: relative; } .post-thumbnail:before { -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5) inset; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5) inset; box-shadow: 0 0 10px rgba(0,0,0,0.5) inset; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; pointer-events: none; } .entry p { font-size: 16px; padding-bottom: 15px; } .entry a.more { float: right; } /*#songs .container { padding: 90px 0; }*/ .jp-playlist { display: none; } #main_audio_player { width: 440px; float: left; margin-right: 64px; -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.7); -moz-box-shadow: 0 0 13px rgba(0,0,0,0.7); box-shadow: 0 0 13px rgba(0,0,0,0.7); } #main_audio_playlist { width: 456px; float: left; } #main_audio_playlist h2 { color: #fff; margin-bottom: 20px; } div.jp-audio { border: none; } .audio_slider { padding: 10px; background: #fff; } .audio_image { position: relative; } .audio_image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4); box-shadow: inset 0 0 5px rgba(0,0,0,0.4); } .audio_slider img { display: block; } .jp-interface { padding: 15px 32px 15px 22px; border-top: 1px solid #dcdbdb; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; background: #e3e3e3; background: -moz-linear-gradient(top, #f7f7f7 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f7f7f7 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f7f7f7 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f7f7f7 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f7f7f7 0%,#e1e1e1 100%); /* W3C */ overflow: hidden; } .jp-controls { padding: 0; margin: 0; } .jp-controls, .jp-progress { float: left; } .jp-interface ul.jp-controls li { margin-right: 7px; float: left; } a.jp-play, a.jp-pause { display: block !important; width: 49px; height: 49px; outline: none; text-indent: -9999px; } a.jp-play, a.jp-play:hover { background: url(images/audio_play.png) no-repeat; } a.jp-pause, a.jp-pause:hover { background: url(images/audio_pause.png) no-repeat; } .jp-audio .jp-progress, .jp-play-bar { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; background: #555; } .jp-audio .jp-progress { float: left; height: 9px; margin: 22px 0 0 22px; width: 250px; background: #d8d8d8; -webkit-box-shadow: 1px 1px 0 #fff, inset 0 0 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 0 #fff, inset 0 0 7px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 0 #fff, inset 0 0 7px rgba(0, 0, 0, 0.2); border: 1px solid #C2C2C2; } .jp-seek-bar { height: 100%; cursor: pointer; } .jp-play-bar { height: 100%; position: relative; } .jp-play-bar:before { content: ''; position: absolute; top: -5px; right: -10px; background: url(images/audio_current.png); width: 20px; height: 20px; } #songs { color: #fff; } #main_audio_playlist { text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } #main_audio_playlist li { padding: 15px 7px 15px 18px; cursor: pointer; } #main_audio_playlist .active_song, .audio_meta { background: #111; background: rgba(0,0,0,0.4); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; cursor: auto; } #main_audio_playlist h2 { text-align: center; } .audio_post_image { float: left; position: relative; margin-right: 20px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.4); box-shadow: 0 0 5px rgba(0,0,0,0.4); } .audio_post_image img { display: block; } .active_song .audio_post_image:before { content: ''; background: url(images/audio_post_playing.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -18px; width: 35px; height: 35px; } #main_audio_playlist h3 { color: #fff; font-size: 24px; font-weight: 900; padding-top: 7px; } .audio_meta { position: absolute; bottom: 18px; left: 24px; right: 24px; padding: 23px 58px 23px 87px; } .audio_meta .title { font-size: 18px; font-weight: 900; display: block; margin-bottom: 6px; } .album_title { font-weight: 300; } #main_audio_playlist .album_title { font-size: 18px; } .et_player_prev, .et_player_next { position: absolute; top: 50%; background: red; width: 28px; height: 40px; margin: -20px 0 0; } .et_player_prev { left: 17px; background: url(images/audio_previous.png) no-repeat; } .et_player_next { right: 17px; background: url(images/audio_next.png) no-repeat; } .js .audio_image, .js .audio_slider .audio_image:first-child .et_player_prev, .js .audio_slider .audio_image:last-child .et_player_next { display: none; } .js .audio_slider .audio_image:first-child { display: block; } .main_bg { background-attachment: fixed; background-position: top center; background-repeat: no-repeat; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .et_ios .main_bg { background-attachment: scroll; } img { max-width: 100%; height: auto; } #ie8 img { width: auto; } #ie7 .main_bg, #ie8 .main_bg { background-attachment: scroll; } #main-area table { border: 1px solid #eee; margin: 0 0 15px 0; text-align: left; width: 100%; } #main-area tr th, #main-area thead th { color: #555; font-weight: bold; padding: 9px 24px; } #main-area tr td { border-top: 1px solid #eee; padding: 6px 24px; } .entry-content ul, .comment-content ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; } .entry-content ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 0; line-height: 26px; } .entry-content ul li ul, .entry-content ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .entry-content ol li ul, .entry-content ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } .entry-content h1, .entry-content h2, .entry-content h3 { font-weight: 900; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 15px 0 10px; } .entry h2.title, h1.page-title, .entry h1.title { margin: 0; } .events-title { font-size: 30px; font-weight: 300; margin-top: -15px; padding-bottom: 53px; } #events-list { margin: 0 -79px 40px 0; } #events-list li { padding: 29px 79px 29px 82px; border-bottom: 1px solid #eaedee; position: relative; } #events-list .show-date { position: absolute; top: 29px; left: 3px; } .event-title-area { float: left; width: 414px; } #events-list a.more { float: right; margin: 15px 0 0 15px; } #events-list li:first-child { border-top: 1px solid #eaedee; } #events-list p { font-size: 18px; } #events-list span.post-meta span { padding-bottom: 6px; } .fullwidth #left-area { float: none; width: 100%; margin: 0; } .page-template .entry { /*margin-bottom: 10px;*/ } #event-properties { list-style: none; padding: 0; margin-bottom: 30px; background: #f1f3f4; border: 1px solid #d7dbdc; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; } #event-properties li { padding: 14px 23px 12px; border-bottom: 1px solid #d7dbdc; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; } #event-properties li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; } #event-properties strong { font-weight: 900; } #et-gallery-images { margin: 13px 0 5px; } #et-gallery-images .gallery-photo { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #dcdcdc; width: 178px; margin-bottom: 40px; } #et-gallery-images .image-date { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; padding: 9px 5px 13px; } #et-gallery-images .et_first { clear: both; } .et_embedded_videos { display: none; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { margin-top: 65px; } h1#comments, #reply-title, .related.products h2 { font-size: 36px; font-weight: 900; margin-bottom: 38px; } .comment-body { position: relative; padding-left: 82px; margin: 0 0 30px; } .comment_avatar { position: absolute; top: 2px; left: 0; } .comment_avatar img { display: block; } .comment_avatar:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: inset 0 0 7px rgba(0,0,0,0.5); } .comment_postinfo { font-size: 18px; margin-bottom: 10px; } span.fn, span.fn a { text-decoration: none; color: #555e58; font-weight: 800; letter-spacing: -1px; } .comment_date { color: #c5c5c5; font-weight: 300; margin-left: 3px; } .comment-reply-link { float: right; } .comment-reply-link:hover { text-decoration: none; } #respond input#submit { font-weight: normal; } .comment ul { margin-left: 82px; } #reply-title { margin-bottom: 10px; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 89%; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #e0dddd; padding: 20px; color: #555e58; font-size: 14px; background: #fff; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.1); box-shadow: inset 0 0 7px rgba(0,0,0,0.1); } #reply-title small { display: block; font-size: 14px; padding-top: 5px; font-weight: bold; letter-spacing: 0; } .form-submit { text-align: right; } .form-submit input { font-size: 14px; float: none; } .comment #respond, #trackbacks { margin-bottom: 30px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { margin-top: 0px; margin-bottom: -20px; padding-bottom:30px; background-color: #bf2916; } .footer-widget { float: none; width: auto; margin-right: 0px; } .f-widget { margin-bottom: 45px; } .footer-widget .widgettitle { font-size: 18px; font-weight: 800; margin-bottom: 17px; letter-spacing: -1px; } .f-widget a { text-decoration: none; color: #3d5054; } .f-widget li { padding: 0 0 22px 17px; background: url(images/widget-bullet.png) no-repeat 0 4px; } .f-widget li:hover { background-image: url(images/hover-widget-bullet.png); } .f-widget li ul, .widget li ul { margin: 22px 0 -22px; } #footer-bottom { border-top: 0; } p#copyright { padding: 55px 0 40px; text-align: right; } p#copyright a { color:#3d5054; font-weight: 800; } #main-footer .colophon { margin: 20px 0; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: left; width: 267px; /*margin-top: -75px; */ } .widget { margin-bottom: 25px; } .widget:first-child .widgettitle { border-top: none; } .widget .widgettitle { text-shadow: 1px 1px 0 #fff; font-size: 14px; font-weight: 800; padding: 22px 26px; border: 1px solid #eaedee; margin: 0 0 38px -44px; background-color: #f1f3f4; -webkit-box-shadow: 1px 1px 0 #f9fafa inset; -moz-box-shadow: 1px 1px 0 #f9fafa inset; box-shadow: 1px 1px 0 #f9fafa inset; } .widget { padding: 0 20px 0 44px; } .widget li { padding: 0 0 22px 17px; background: url(images/widget-bullet.png) no-repeat 0 4px; } .widget li:hover { background-image: url(images/hover-widget-bullet.png); } .widget a { text-decoration: none; color: #3d5054; } .f-widget a:hover, .widget a:hover { color: #708589; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .alignright { float: right; } .alignleft { float: left } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position:absolute; top:-999em; background: #F1F3F4; border: 1px solid #D7DBDC; border-top: none; } .nav ul, #mobile_menu { -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1); box-shadow: 1px 1px 1px rgba(0,0,0,0.1); } .nav li { float:left; position:relative; } .nav a { display:block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left:-20px; top:88px; } .nav li:hover li ul, .nav li.sfHover li ul { top:-999em; } .nav li li:hover ul, ul.nav li li.sfHover ul { left:220px; top:-10px; } .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 8px 0; float: left; height: auto !important; } .nav li ul { z-index:9999; padding: 0 0 10px 34px; width: 220px; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .nav ul li { margin: 5px 0; } .nav ul a { width: 210px; padding: 0 10px 0 0 !important; } .nav ul ul { border-top: 1px solid #D7DBDC; padding-top: 6px; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #111; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 20px 0; } .wp-pagenavi { text-align: right; margin-top: 20px; } .wp-pagenavi .pages { font-size: 16px; font-weight: 900; border: none; margin-right: 17px; } #main-area .wp-pagenavi a { color: #152123; border: 1px solid #e0dddd; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ } #main-area .wp-pagenavi a, #main-area .wp-pagenavi .current { padding: 10px 14px; margin: 0 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #main-area .wp-pagenavi .current, #main-area .wp-pagenavi a:hover { color: #fff; font-weight: normal; border: 1px solid #3d5054; -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2); -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2); box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2); background: #52696e; /* Old browsers */ background: -moz-linear-gradient(top, #52696e 0%, #3e5155 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52696e), color-stop(100%,#3e5155)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #52696e 0%,#3e5155 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #52696e 0%,#3e5155 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #52696e 0%,#3e5155 100%); /* IE10+ */ background: linear-gradient(to bottom, #52696e 0%,#3e5155 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52696e', endColorstr='#3e5155',GradientType=0 ); /* IE6-9 */ } #main-area .wp-pagenavi span.extend { border: none; } /*------------------------------------------------*/ /*--------------[PRODUCTS]------------------------*/ /*------------------------------------------------*/ body.woocommerce ul.products li.product { margin: 0 73px 75px 0; width: 185px; text-align: center; } body.woocommerce ul.products li.product a img { margin: 0; } body.woocommerce ul.products li.product a img, body.woocommerce ul.products li.product a:hover img, body.woocommerce div.product div.images img, body.woocommerce #content div.product div.images img, body.woocommerce ul.cart_list li img, body.woocommerce ul.product_list_widget li img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } h1.page-title { padding-bottom: 40px; } body.woocommerce .related ul.products li.product, body.woocommerce .related ul li.product, body.woocommerce .upsells.products ul.products li.product, body.woocommerce .upsells.products ul li.product { margin: 0 3.8% 2.992em 0; } #sidebar ul.cart_list li, #sidebar ul.product_list_widget li, #main-footer ul.cart_list li, #main-footer ul.product_list_widget li { padding: 0 0 22px 17px; } body.woocommerce #main-area div.product form.cart .variations td.label, body.woocommerce #main-area div.product form.cart .variations td.label { padding: 17px 6px 6px; } body.woocommerce ul.products li.product h3 { margin-bottom: 3px; letter-spacing: 0; font-size: 15px; font-weight: 700; } body.woocommerce ul.products li.product a { display: inline-block; } body.woocommerce ul.products li.product .price { color: #AAA; } .related.products h2 { font-size: 24px; } #ie7 #main-nav { z-index: 2; position: relative; } #ie7 #news-section, #ie7 #breadcrumbs, #ie7 #main-area { z-index: 1; position: relative; } .sticky, .gallery-caption, .bypostauthor { } embed, iframe, object, video { max-width: 100%; } #mobile_links { float: right; } .mobile_nav { display: none; position: relative; margin-top: 10px; padding: 0px 0; font-weight: 300; color: #000; font-size: 22px; } .mobile_nav span i:last-child { } .mobile_nav:hover { text-decoration: none; } .mobile_nav > span { } .mobile_nav.opened > span { } .et_mobile_menu { position: absolute; top: 80px; right: 0; z-index: 1000; display: none; text-align: left; background: #f1f3f4; border: 1px solid #d7dbdc; border-top-color: #f1f3f4; } #mobile_menu { width: 240px; padding: 5px 20px 10px; } #mobile_menu li { margin: 30px 0; } #mobile_menu ul { margin-left: 20px; } #mobile_menu > li:first-child { margin-top: 10px; } #mobile_menu > li:last-child { margin-bottom: 10px; } .et_mobile_menu ul { display: block !important; visibility: visible !important; } #mobile_menu a { color: #3d5054; font-weight: normal; display: block; } #mobile_menu a:hover { color: #111; text-decoration: none; } .posts_background { background-position: center 80px; background-attachment: fixed; background-size: cover; } .homepost_bg { background-color: transparent; padding: 30px 0; } .homepost_wrap { background-color: #fff; padding: 0px; position: relative; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); } .homepost_wrap a:hover { text-decoration: none; } .homepost { background-size: 100% auto; min-height: 400px; margin: 0; position: relative; background-repeat: no-repeat; } .homepost_wrap h1 { color: #000; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin-bottom: 10px; font-size: 24px; line-height: 1.2; } .video-post-title h1 { color: #000; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; font-size: 24px; line-height: 1.2; } .homepost_wrap p { color: #000; font-size: 14px; } .homepost_wrap .overlay { background-color: rgba(255,255,255,0.8); padding: 10px 20px; position: absolute; bottom: 0; } .video-post-title { background-color: rgba(255,255,255,0.5); padding: 10px 20px;} .homepost-video p { font-family: 'Oswald', san-serif; font-size: 14px; } .homepost_image { display: none; } .homepost-excerpt p { font-family: 'Oswald', san-serif; } .then_now_image { position: absolute; } .then_now_quote { position: absolute; top:25%; left:43%; background-color: rgba(230,230,230,0.8); padding: 30px 50px; } .then_now_quote p { font-family: 'Oswald', san-serif; font-size: 21px; line-height: 1.5; } .single .category-then-now img { vertical-align: top; } .single .category-then-now blockquote { border: 0; background: #fff; font-style: normal; color: #000; position: absolute; top: 380px; max-width: 340px; left: 130px; padding: 30px 30px 20px; } .homepost-video iframe { width: 100%; } .mr_social_sharing_wrapper, p.no-break { display: inline; width: auto; line-height: auto !important; } .post-image { margin-bottom: 20px; } #about-section { padding: 80px 0 80px; } #about { margin: auto; text-align: center; padding: 50px; } #about h2 { color: #fff; font-size: 45px; font-weight: bold; margin: 0 auto 0px; line-height: 1.1; padding: 0; letter-spacing: 2px; margin: 0 auto 30px; } #about a { color: #fff; line-height: 1.4; font-size: 26px; font-family: 'Oswald', san-serif; padding: 15px 30px; border: 2px solid #fff; background-color:rgba(0,0,0,0.2); display: block; max-width: 550px; margin: auto; } #about a:hover { text-decoration: none; color: #a30000; background-color:rgba(255,255,255,0.4); border: 2px solid #a30000; } #about div { margin: auto; } .video-title { margin-bottom: 20px; font-weight: bold; } .post-type-archive-video article { width: 290px; height: 210px; float: left; margin-right: 30px; } .post-type-archive-video article .post-thumbnail { float: none; margin-right: 0; } .post-type-archive-lineup .entry-content h1 { font-weight: normal; color: #000; } .post-type-archive-lineup .entry-content ol { color: #000; font-family: 'Oswald', san-serif; font-size: 15px; } .post-type-archive-lineup .entry-content p { color: #000; } .post-type-archive-lineup h1.day_text { color: #000; text-align: center; margin: 15px auto 10px; text-transform: uppercase; font-size: 24px; } .lineup-header { margin-top: 80px; padding: 10px 10px 40px; } .lineup-logo { margin: 20px auto 20px -180px; text-align: center; } .lineup-logo h1 { text-transform: uppercase; color: #fff; display: inline-block; font-size: 40px;} .lineup-logo img { margin-bottom: -41px; margin-right: 20px; } .parallax .entry-content { padding: 40px; margin: auto; background-color: rgba(255,255,255,0.8); max-width: 500px; } .parallax { padding: 80px; } .parallax .entry-content ol { text-align: left; float: right; margin-left: 40px; max-width: 240px; } .parallax sup { font-size: 70%; } .parallax-left .entry-content { margin-left: 0; } .parallax-right .entry-content { margin-right: 0; } .mobile_lineup_img { display: none; } .post-type-archive-lineup .container { width: 100%; } .lineup-left .image-left { float: left; width: 50%; margin-right: 0px; } .lineup-left .entry-content { margin-left: 55%; } .lineup-right .image-right { float: right; width: 50%; margin-left: 0px; } .lineup-right .entry-content { margin-right: 55%; text-align: right; } .lineup-right .entry-content ol { text-align: left; float: right; margin-left: 40px; } .lineup-right, .lineup-left { margin-top: 40px; } .lineup-scroll-controls { position: fixed; top: 228px; left: 0; background-color: #eee; border: 1px solid #000; border-left: 0; z-index: 999; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6); box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6); } .lineup-scroll-controls li a { padding: 10px 25px; font-size: 16px; font-family: 'Oswald', san-serif; display: block; } .lineup-scroll-controls li:first-child a { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; } .lineup-scroll-controls li:last-child a { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; } .lineup-scroll-controls li a:hover { background-color: #ccc !important; text-decoration: none; color: #000; } .lineup_video { position: relative; width: 290px; height: 218px; } .lineup_video img { height: 100%; width: auto; } .lineup_video .lineup_video_icon { position: absolute; left: 0; right:0; top: 0; font-size: 60px; width: 100%; text-align: center; } .lineup_video .lineup_video_icon i { margin: auto; padding-top: 27%; } .lineup_video h3 { position: absolute; bottom: 0; left: 0; right: 0; padding: 10px; background-color: rgba(255,255,255,0.7); color: #000; margin: 0; font-size: 18px; } .lineup_video a:hover { text-decoration: none; } .lineup_video a:hover > h3 { text-decoration: none; background-color: rgba(255,255,255,0.8); color: #a30000; } .lineup_video a:hover > img { opacity: 0.9; } .pinterest-title { margin: auto; text-align: center; text-transform: uppercase; /* margin-top: -31px; */ } .pinterest-title a { /* background: #fff; */ padding: 0px 40px; font-size: 22px; letter-spacing: 2px; } ul.easy-pinterest ol { width: 172px !important; height: 172px !important; background: transparent !important; } ul.easy-pinterest { width: 100%; } .quotes_divider { height: 18px; background-repeat: repeat; width: 100%; } .quote-section { padding: 80px 0 80px; background-size: cover; } .quote-0 { background-repeat: no-repeat; /*background-size: cover; */ background-size: cover; } .quote-section .founder { color: #fff; max-width: 50%; text-align: center; margin-left: 50%; } .quote-section .founder h2 { color: #fff; font-size: 40px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; font-weight: 700; margin: 0 auto 30px; line-height: 1.1; padding: 20px 0; font-family: 'Georgia', serif; letter-spacing: 2px; } .quote-section .founder p { letter-spacing: 1px; font-family: 'Oswald', 'Arial', san-serif; color: #fff; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 1.1; } .quote-0 { background-position: top center; } .quote-section .fan { color: #fff; max-width: 50%; text-align: center; margin-left: 50%; } .quote-section .fan h2 { color: #fff; font-size: 40px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; font-weight: 700; margin: 0 auto 30px; line-height: 1.1; padding: 20px 0; font-family: 'Georgia', serif; letter-spacing: 2px; } .quote-section .fan p { letter-spacing: 1px; font-family: 'Oswald', 'Arial', san-serif; color: #fff; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 1.1; } .quote-section .band { color: #fff; max-width: 50%; text-align: center; margin-right: 50%; padding: 100px 0; } .quote-section .band h2 { color: #fff; font-size: 45px; font-weight: normal; margin: 0 auto 0px; line-height: 1.1; padding: 20px 0; font-family: 'Georgia', serif; letter-spacing: 2px; font-style: italic; } .quote-section .band p { letter-spacing: 1px; font-family: 'Oswald', 'Arial', san-serif; color: #fff; font-size: 40px; font-weight: 700; text-transform: uppercase; line-height: 1.1; } #media-gallery { background-image: none !important; padding: 60px 0; } #media-gallery h2 { text-align: center; font-size: 36px; color: #000; } #media-gallery .container { } #causes-section { padding: 20px 0 20px; } #causes { width: 60%; margin: auto; text-align: center; padding: 0px; } #causes h2 { color: #000; font-size: 36px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } #causes p { color: #000; } #causes p a { text-decoration: underline; } #under-causes-section { height: 360px; } #home-products { } body.woocommerce ul.products li.product { margin: 0 10px 10px; width: 220px; text-align: center; float: left; } #home-products h2 { margin: auto; text-align: center; } #home-products h2 a { } #home-products .prod-container { padding: 20px 0 30px; } #home-products h3 { font-family: 'Oswald', 'Arial', san-serif; letter-spacing: 2px; line-height: 1.3; /*height: 43px;*/ } body.woocommerce ul.products li.product .price { font-family: 'Oswald', 'Arial', san-serif; letter-spacing: 2px; color: #000; font-weight: bold; font-size: 18px; } body.woocommerce ul.products li.product a { display: inline-block; margin-top: 14px; } #home-products .image-wrap { display: table-cell; vertical-align: bottom; height: 270px; text-align: center; width: 220px; } #home-products li { margin-bottom: 30px; background-color: #fff; -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); border-radius: 10px; } #home-products li img { width: 100%; max-height: 260px; width: auto; } #home-products .buy-now { border: 1px solid #000; padding: 8px 10px; margin: 10px auto; color: #000; background-color: #fff; font-family: 'Oswald', 'Arial', san-serif; /*-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); */ } #home-products .buy-now:hover { text-decoration: none; color: #a30000; } .products-container { padding: 30px 0; } @media only screen and ( max-width: 1018px ) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } #home-products .image-wrap { display: block; width: 100%; } body.woocommerce ul.products { width: 100%; } body.woocommerce ul.products li.product { float: none; margin-left: auto; margin-right: auto; } .parallax-right .entry-content { margin-right: 40px; } } @media only screen and ( min-width: 1019px ) { .home .container { width: 740px; } } @media only screen and ( min-width: 1019px ) and ( max-width: 1100px ) { #top-menu a { font-size: 15px; padding: 37px 9px 16px; } .parallax-right .entry-content { margin-right: 40px; } .container-header { margin-right: 0px; } } @media only screen and ( min-width: 1300px ) { .home .header-on-top .logo-wrap { padding: 350px 0 340px; } a.red-box { margin-right: 20px; } #top-menu a { font-size: 17px; padding: 35px 12px 16px; } } @media only screen and ( min-width: 1400px ) { .home .header-on-top .logo-wrap { padding: 360px 0 360px; } .header-on-top:after { padding-top: 45%; /*2:1 ratio*/ } } @media only screen and ( min-width: 835px ) and ( max-width: 1018px ) { .container { width: 712px; } #slideshow-1 { } .logo-wrap .logobg { width: 408px; height: 80px; } .logo-wrap .logobg:hover { background-position: 0 -80px; } .home .logo-wrap .logobg { width: 498px; height: 87px; } .home .logo-wrap .logobg:hover { background-position: 0 -87px; } #top-menu a { font-size: 14px; padding: 36px 6px 16px; } a.red-box img { width: 110px; margin-top: 10px; } .nav li:hover ul, ul.nav li.sfHover ul { top: 86px; } #social-icons a { font-size: 24px; padding-left: 4px; } #social-icons { padding-right: 2px; padding-top: 32px; } .large-slideshow { display: none; } .small-slideshow { display: block; margin: auto; } .home .header-on-top .logo-wrap { padding: 230px 0 180px; } .homepost { min-height: 380px; margin: 0; position: relative; } .then_now_quote p { font-size: 16px; line-height: 1.3; } .then_now_image { width: 50%; } #main-header h1 { font-size: 60px; } #main-header h2 { font-size: 24px; } #main-header .container { padding: 62px 0; } body.home #main-header .container { padding: 77px 0; } .lineup-logo { margin-left: auto; } .lineup-logo img { width: 120px; margin: 0; margin-bottom: 20px; } .lineup-logo h1 { display: block; margin: 0; } #media-gallery .container { max-width: 480px; } #thisismyurl_easy_pinterest_widget-2 .content { margin: auto; max-width: 580px; } /*#news li, #shows li { padding: 19px 30px; float: left; width: 180px; text-align: center; } #news { margin-right: 78px; } #news, #shows { width: 325px; } */ #news-section h3 { font-size: 18px; letter-spacing: -1px; } #news-section p.meta-info, #news-section p { font-size: 14px; } #main_audio_player { width: 325px; margin-right: 63px; } .audio_meta { padding: 23px 24px; } .jp-interface { padding-right: 21px; } .jp-audio .jp-progress { width: 146px; } .et_player_prev, .et_player_next { display: none; } #main_audio_playlist { width: 340px; } #main_audio_playlist h3 { font-size: 18px; letter-spacing: -1px; } #main_audio_playlist .album_title { font-size: 14px; } body.woocommerce ul.products li.product { } .gallery-photo { width: 150px; margin: 0 42px 40px 0; } #et-gallery-images .gallery-photo { width: 148px; } .footer-widget { float: none; width: auto; margin-right: 0px; } #left-area { width: 407px; margin-right: 54px; } #content-area:before { left: 461px; } #events-list { margin-right: -55px; } .event-title-area { float: none; width: auto; } #events-list li { padding-right: 30px; } #events-list a.more { float: left; margin-left: 0; } #et_pt_portfolio_gallery { margin-left: -35px !important; } .et_pt_portfolio_item { margin-left: 34px !important; width: 219px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; } .et_portfolio_more_icon { left: 65px !important; } .et_portfolio_zoom_icon { left: 106px !important; } #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 21px !important; width: 128px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; } #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -23px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 23px !important; width: 348px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; } #main-area .shop_table tr td { padding: 6px !important; } #main-area .shop_table .product-thumbnail { display: none; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100% !important; } } @media only screen and ( max-width: 834px ) { .header-on-top:after { padding-top: 59%; /*2:1 ratio*/ } .container { width: 100%; } #content-area { padding: 30px 10px; } .container-header { padding: 0; } .logo-wrap .logobg { width: 383px; height: 67px; } .logo-wrap .logobg:hover { background-position: 0 -67px; } .home .logo-wrap .logobg { width: 383px; height: 67px; } .home .logo-wrap .logobg:hover { background-position: 0 -67px; } a.red-box img { width: 130px; margin-top: 8px; } .large-slideshow { display: none; } .small-slideshow { display: block; margin: auto; } .home .header-on-top .logo-wrap { padding: 190px 0 130px; } #social-icons a { font-size: 24px; padding-left: 4px; } #main-header h1 { font-size: 30px; letter-spacing: -1px; } #main-header h2 { font-size: 14px; letter-spacing: -1px; } #main-header .container { padding: 58px 0; } body.home #main-header .container { padding: 69px 0; } .lineup-logo { margin-left: auto; } .lineup-logo img { width: 120px; margin: 0; margin-bottom: 20px; } .lineup-logo h1 { display: block; margin: 0; } .prev_next #prev { margin-left: 0px; } .prev_next #next { margin-right: 0px; } .quote-section .founder h2, .quote-section .fan h2, .quote-section .band h2 { font-size: 28px; } .quote-section .founder p, .quote-section .fan p, .quote-section .band p { font-size: 28px; } .quote-section .founder, .quote-section .fan { max-width: 90%; margin-right: 4%; margin-left: 4%; } .quote-section .band { max-width: 90%; margin-right: 4%; margin-left: 4%; } .posts_background { background-image: none !important; } .homepost_bg { } .homepost_wrap { background-color: #fff; padding: 20px 0; -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .homepost { background-image: none !important; min-height: inherit; height: 100%; } .homepost_image { display: block; } .homepost_wrap h1 { font-size: 20px; } .homepost_wrap p { } .homepost_wrap .overlay { padding: 10px 20px; position: relative; bottom: auto; } .then_now_image { position: relative; max-height: 400px; } .then_now_quote { position: relative; padding: 0 20px 10px; left: 0; top: 0; background: #fff; } .then_now_quote p { font-size: 15px; line-height: 1.4; } .single .category-then-now img { vertical-align: top; } .single .category-then-now blockquote { border: 0; background: #fff; font-style: normal; color: #000; position: absolute; top: 380px; max-width: 340px; left: 130px; padding: 30px 30px 20px; } .homepost-video { margin-bottom: 30px; } #media-gallery .container { max-width: 480px; } #thisismyurl_easy_pinterest_widget-2 .content { margin: auto; max-width: 390px; } #top-menu, #sidebar, #content-area:before { display: none; } #news li, #shows li { padding: 19px 20px; margin: auto; float: none; width: 300px; text-align: center; } #news, #shows, #main_audio_player, #left-area { float: none; margin-right: 0; width: auto; } #news { margin-bottom: 85px; } /* #main_audio_playlist, #footer-widgets { display: none; } */ body.woocommerce ul.products li.product { } body.woocommerce ul.products li.product:nth-child(2n), .gallery-photo:nth-child(2n) { } #footer-bottom { border: none; } p#copyright { padding: 55px 0 40px; text-align: center; } #main-footer { margin-top: 0; } .comment ul { margin-left: 0; } #events-list { margin-right: 0; } .event-title-area { float: none; width: auto; } #events-list li { padding-right: 30px; } #events-list a.more { float: left; margin-left: 0; } .mobile_nav { display: block; } #et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; } #et_pt_gallery { margin-left: -17px !important; } .et_pt_gallery_entry { margin-left: 15px !important; } .sitemap-col { float: none !important; width: auto !important; } #et_pt_portfolio_gallery { margin-left: 0 !important; } .et_pt_portfolio_item { margin-left: 0 !important; } .et_portfolio_small .et_pt_portfolio_item { width: 440px !important; margin-bottom: 10px; } .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; } .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; } .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; } .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; } #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 404px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; } #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; } #logo { max-height: 150px; } #main-area .shop_table tr td { padding: 6px !important; } #main-area .shop_table .product-thumbnail { display: none; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { width: 100% !important; } } @media only screen and ( max-width: 479px ) { .header-on-top:after { padding-top: 66%; /*2:1 ratio*/ } .header-on-top { visibility: hidden; } .container { width: 100%; padding: 0 0px; } .container-header { padding: 0; } .logo-wrap .logobg { width: 230px; height: 40px; } .logo-wrap .logobg:hover { background-position: 0 -40px; } .home .logo-wrap .logobg { width: 230px; height: 40px; } .home .logo-wrap .logobg:hover { background-position: 0 -40px; } .home .header-on-top .logo-wrap { padding: 150px 0 110px; } a.red-box img { width: 100px; margin-top: 10px; } #main-header h1 { font-size: 22px; } #main-header h2 { font-size: 10px; } .home .logo-wrap .wslogo { top: 55%; } .down_arrow img { width: 40px; } #about h2 { font-size: 28px; } #about a { font-size: 20px; } #causes { width: 90%; } #mobile_links { margin-right: 20px;} .lineup-scroll-controls { bottom: 20px; top: auto; } #breadcrumbs { padding-left: 10px; } .parallax { width: auto; padding: 20px; background: none !important; } .parallax-left .entry-content, .parallax-right .entry-content { margin-left: auto; margin-right: auto; } .parallax .entry-content ol { float: none; margin-left: 0; } .parallax .entry-content { padding: 0; } .mobile_lineup_img { display: block; } .quote-section .founder h2, .quote-section .fan h2, .quote-section .band h2 { font-size: 24px; } .quote-section .founder p, .quote-section .fan p, .quote-section .band p { font-size: 24px; } .quote-section .founder, .quote-section .fan { max-width: 90%; margin-right: 4%; margin-left: 4%; } .quote-section .band { max-width: 90%; margin-right: 4%; margin-left: 4%; } .pinterest-title a { padding: 10px 0; font-size: 20px; } .large-slideshow { display: none; } .small-slideshow { display: block; margin: auto; } #news-section h3 { font-size: 14px; letter-spacing: -1px; padding-top: 13px; } #events-list h2 { font-size: 18px; letter-spacing: -1px; } #events-list p { font-size: 12px; } #news-section p.meta-info, #news-section p { font-size: 12px; } .jp-interface { padding-right: 19px; } .jp-audio .jp-progress { width: 103px; } .audio_meta { padding: 23px; } .album_title { display: block; margin-bottom: 20px; position: relative; } .album_title:before { content: ''; position: absolute; bottom: -14px; left: -22px; right: -22px; border-top: 1px solid rgba(0,0,0,0.1); } .audio_meta .title { display: block; margin-bottom: 6px; } .et_player_prev, .et_player_next { position: relative; top: 0; left: 0; margin: 0; display: block; } .et_player_prev { float: left; left: 0; } .et_player_next { float: right; right: 0; } body.woocommerce ul.products li.product { } #news-section .container { padding: 30px 0; } #news .container, #media-gallery .container { padding: 77px 0; } #home-products .container { padding: 70px 0 25px; } #media-gallery .container { text-align: center; } .gallery-photo { float: none; display: inline-block; margin: 0 0 62px; } #media-gallery a.view-more { float: none; } .entry h2.title, h1.page-title, .entry h1.title, h1#comments, #reply-title { font-size: 24px; } #social-icons { display: none; } .wp-pagenavi .pages { display: block; margin-bottom: 19px; } #mobile_links { float: right; width: auto; border-right: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-align: center; } .mobile_nav { display: inline-block; } .mobile_nav > span { right: -26px; } #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; } .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; } .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; } .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; } .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; } .entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: -15px !important; } .et_portfolio_small .et_pt_portfolio_item { margin-left: 0 !important; width: auto !important; } #logo { max-height: 100px; } #main-area .shop_table .product-quantity { display: none; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none !important; } ul.easy-pinterest ol { width: 100% !important; height: auto !important; text-align: center; } ul.easy-pinterest { width: 100%; } } .sitemap-col h2 { letter-spacing: 0; } #image-navigation { padding: 20px 0; } .previous-image { float: left; } .next-image { float: right; } #wpadminbar { display: none; } /*header.main_bg { background-position: center 40px !important; } */ .shop .price { font-family: 'Oswald', 'Arial', san-serif; letter-spacing: 2px; color: #444; font-weight: bold; padding: 20px; font-size: 18px; } .shop .buy-now { border: 1px solid #000; padding: 8px 10px; margin: 10px auto 0; color: #000; display: inline-block; } .shop .buy-now:hover { text-decoration: none; } #news-posts .news-image { width: 100%; } #news .social-counts li { padding: 0px 0px !important; width: auto !important; margin: 0; float:left !important; } .news-recent { text-align: center; margin: 0; padding: 10px; color: #a30000; font-size: 36px; font-weight: 700; text-transform: uppercase; } #news li, #news ul { text-align: left; } #news li p { text-align: center; line-height: 1.3; } .social-counts-wrap { width: 100%; text-align: center; } #festival-section { padding: 80px 0 80px; } #festival { float: left; width: 40%; background-color: rgba(252,191,81,0.8); text-align: center; padding: 50px; } #festival-section h2 { float: right; color: #000; font-size: 36px; font-weight: 700; text-transform: uppercase; margin: 100px auto 0; text-align: center; } #festival-section h2 span { color: #a30000; display: block; font-size: 60px; margin-top: -0px; } #festival p { color: #000; } #festival p a { color: #000; } /*.main_bg { background-position: center; } */ .gallery-photo { margin-right: 10px; margin-left: 10px; margin-bottom: 10px; height: 160px; width: 160px; } .type-gallery .gallery-photo { height: auto; } .view-more-wrap { margin-top: 20px; float: none; text-align: center; clear: both; } .view-more-wrap a.view-more { float: none; } #media-gallery .container { text-align: center; } footer { color: #fff; font-family: 'Oswald', 'Arial', san-serif; } .footer-menu { text-align: center; } .footer-menu li { display: inline-block; } .footer-menu li a { font-family: 'Oswald', 'Arial', san-serif; font-size: 15px; color: #fff; text-decoration: none; text-transform: uppercase; padding: 20px 14px 20px; display: block; font-weight: 600; letter-spacing: 1px; } .footer-social, .footer-bottom { text-align: center; margin: 0px auto 30px; } .footer-social a { color: #fff; padding-left: 10px; text-shadow: 0; font-size: 22px; text-transform: uppercase; } .footer-social a:hover, .footer-menu li a:hover { color: #f9ba4f; } .footer-bottom span { margin: 0 8px; color: #fff; font-size: 12px; text-transform: uppercase; } .footer-bottom a { color: #fff; } #footer-widgets { border-top: 2px solid #000; margin-top: 30px; padding-bottom: 20px; }