/* Theme Name: S*A*S*H Description: Semantic, SEO Optimised, Custom Wordpress Theme for S*A*S*H Author: # Author URI: # Version: 1.0 */ @font-face { font-family: 'trackregular'; src: url('fonts/track-webfont.eot'); src: url('fonts/track-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/track-webfont.woff') format('woff'), url('fonts/track-webfont.ttf') format('truetype'), url('fonts/track-webfont.svg#trackregular') format('svg'); font-weight: normal; font-style: normal; } /* Defaults */ body {margin:0;color:#7e7e7e;min-width:1000px;height:100%;font:15px/15px Helvetica, Arial, sans-serif;background:#fff;} html {height:100%;} img {border-style:none;} a {text-decoration:none;color:#000} a:hover {text-decoration:underline} input, textarea, select {font:100% "Trebuchet MS", Arial, Helvetica, sans-serif;vertical-align:middle} form, fieldset {margin:0;padding:0;border-style:none} #wrapper {position:relative;width:100%;z-index:2;min-height:100%;overflow:hidden} #bg {overflow: hidden;position: fixed;z-index: -1;top: 0;left: 0;width:100%;height:100%} #bg img {position: absolute} .logo {width:317px;height:316px;background:url('images/bg-circle.png') no-repeat;text-indent:-9999px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-158px 0 0 -158px; } /* Header */ .logo a {background:url('images/logo2.png') no-repeat 54px 66px ;display:block;height:100%; } .bar {/*width:1020px;text-align:center;left:50%;margin:0 0 0 -510px;*/width:980px;left:10px;position:absolute;bottom:0} .bar .sub-logo {margin:9px 9px 0 0;display:inline-block;vertical-align:top;width:91px;height:91px;text-indent:-9999px;overflow:hidden;background:url('images/logo-4.png') no-repeat} .bar .sub-logo a {display:block;height:100%} #header .menu, .bar .menu {display:inline-block;vertical-align:top;margin:0 -333px 0 0;height:103px;padding:0;width:950px;/*width:880px;*/list-style:none} #header .menu li, .bar .menu li {float: left;height:103px;overflow: hidden;position: relative;width: 78px} #header .menu li{margin:0 1px 0 0;} #header .menu li a, .bar .menu li a {display:block} #header .menu .icon, .bar .menu li .icon {height:103px;left: 0;position: absolute;text-indent: -9999px;top: 0;width: 78px} #header .menu li.about em, .bar .menu li.about em {background:url('images/icon-01.png') no-repeat} #header .menu li.news em, .bar .menu li.news em {background:url('images/news.png') no-repeat} #header .menu li.events em, .bar .menu li.events em {background:url('images/icon-02.png') no-repeat} #header .menu li.residents em, .bar .menu li.residents em {background:url('images/icon-03.png') no-repeat} #header .menu li.gallery em, .bar .menu li.gallery em {background:url('images/icon-04.png') no-repeat} #header .menu li.cast em, .bar .menu li.cast em {background:url('images/icon-05.png') no-repeat} #header .menu li.festival em, .bar .menu li.festival em {background:url('images/icon-06.png') no-repeat} #header .menu li.contact em, .bar .menu li.contact em {background:url('images/icon-07.png') no-repeat} #header .menu li.video em, .bar .menu li.video em {background:url('images/icon-09.png') no-repeat} #header .menu li.art em, .bar .menu li.art em {background:url('images/icon-101.png') no-repeat} #header .menu li.shopmenu em, .bar .menu li.shopmenu em {background:url('images/shop.png') no-repeat} #header .menu li .text, .bar .menu li .text {background:#f8ef22;font-weight:bold;font-size:16px;line-height:18px;color:#000;margin:0 0 0 78px;width:158px;height:103px;display:block} #header .menu li .text span, .bar .menu li .text span {width:143px;text-transform:uppercase;height:98px;padding:5px 0 0 0;display:table-cell;vertical-align:middle} #header .menu li.art .text span, .bar .menu li.art .text span{ text-align:center;padding-right:38px;width:105px;} #header .menu li.shopmenu .text span, .bar .menu li.shopmenu .text span{ text-align:center;padding-right:38px;width:105px;} #header .menu li a:hover, .bar .menu li a:hover {text-decoration:none} #header {width:100%;background:#ffd600;margin:0 0 53px;overflow:hidden} #header .header-holder {/*width:1013px;*/width: 1083px;padding:0;margin:0 auto;overflow:hidden} #header .logo {float:left;width:91px;height:91px;position:static;margin:8px 13px 0 41px;background:url('images/logo-4.png') no-repeat;text-indent:-9999px; overflow:hidden;-webkit-animation-name: none;animation-name: none} #header .logo a {display:block;background:none;height:100%;-webkit-animation-name: none;animation-name: none} #header .menu li em {background-color:#000 !important} /* Navigation #nav {float:right;margin:0;padding:0;list-style:none} #nav li {float:left;text-transform:uppercase;margin:0 0 0 -4px;letter-spacing:2px;font-size:12px;line-height:14px;background:url('images/sep-01.gif') no-repeat 0 35px;font-weight:bold;padding:0 7px 0 9px} #nav li:first-child {background:none} #nav li a {color:#000;float:left;padding:29px 0 0} #nav li.current_page_item a, #nav li.current-menu-item a, #nav li a:hover, .single-gallery #nav li#menu-item-22 a, .post-type-archive-event #menu-item-21 a, .single-event #menu-item-21 a {text-decoration:none;padding:23px 0 0;border-top:6px solid #000}*/ /* Main */ #main {width:1000px; padding:0 0 43px;position:relative;margin:0 auto} #main:after {display:block;clear:both;content:''} #main .title-h {overflow:hidden;margin:0 0 42px;text-align:center} #main h1 {display:inline-block;vertical-align:top;text-transform:uppercase;background:#fff;border:3px solid #ffd600;padding:3px;color:#fff;margin:0;font-weight:bold;font-size:50px;line-height:52px} #main h1 span {display:block;padding:22px 14px;background:#ffd600;min-width:433px} #main .resident-h {position:relative;padding:0 0 90px;margin:0 0 -20px} #main .resident-h:after {display:block;clear:both;content:''} #main .list {margin:0 -20px 0 0;padding:94px 0 0;list-style:none;overflow:hidden} #main .list .other{ width:502px; overflow:hidden; margin-right:-12px; } #main .list .other a{ float:left; width:155px; position:relative; padding-top:158px; text-align:center; text-transform:uppercase; font-size:14px; line-height:21px; color:#898989; margin-right:12px; font-weight:bold; } #main .list .other a img{ position:absolute; top:0; left:0; } #main .list li {width:490px;margin:0 16px 78px 0;display:inline-block;vertical-align:top;overflow:hidden} #main .list li .img-h {overflow:hidden;margin:0 0 19px} #main .list li .img-h img {vertical-align:top} #main .list li .img-h a {position:relative;display:block} #main .list li .img-h a .mask,#main .list .other a:after {background:url('images/bg-mask.png') repeat;width:100%;opacity:0;height:100%;position:absolute;text-indent:-9999px;overflow:hidden;top:0; left:0; -o-transition:.5s; -ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;} #main .list .other a:after{ content:'';width:155px;height:155px;} #main .list li .img-h a:hover .mask,#main .list .other a:hover:after {opacity:1;} #main .list .other a:hover{text-decoration:none;} #main .list li h3 {display:block;margin:0;text-align:center;font-weight:bold;color:#757575;text-transform:uppercase;font-size:18px;line-height:20px} #main .list li h3 a {color:#757575} #main .list .box {margin:0 -9999px;padding:0 9999px;position:absolute;top:-171px;z-index:20;left:0;background:#fff;min-height:100%} #main .list .box .close {float:right;background:url('images/bg-close.png') no-repeat;width:30px;height:30px;margin:0 9px 40px 0;text-indent:-9999px;overflow:hidden} #main .list .box .close:hover {background-position:0 -30px} #main .list .box h2 {text-align:center;font:75px/80px trackregular, Arial, sans-serif;color:#000;margin:0;clear:both;padding:0 0 42px} #main .list .box .hold {overflow:hidden;padding:53px 0 0;border-top:1px solid #c0c0c0} #main .list .box .hold .img-holder {float:left;margin:4px 19px 0 0} #main .list .box .hold .img-holder img {vertical-align:top;display:block;margin-bottom:12px;} #main .list .box .text-h {overflow:hidden;color:#7e7e7e;font-size:14px;line-height:17px} #main .list .box .text-h p {margin:0 0 19px} #main .list .box .social-networks {margin:0 0 10px;padding:0;list-style:none;overflow:hidden} #main .list .box .social-networks li {float:left;margin:0 10px 0 0 ;width:auto} #main .list .box .social-networks li a {float:left;width:56px;height:56px;text-indent:-9999px;overflow:hidden;background:url('images/bg-social.png') no-repeat} #main .list .box .social-networks li a.facebook {background-position:0 0} #main .list .box .social-networks li a.twitter {background-position:-66px 0} #main .list .box .social-networks li a.instagram {background-position:-132px 0} #main .list .box .social-networks li a.soundcloud {background-position:-198px 0} #main .list .box .social-networks li a.facebook:hover {background-position:0 -56px} #main .list .box .social-networks li a.twitter:hover {background-position:-66px -56px} #main .list .box .social-networks li a.instagram:hover {background-position:-132px -56px} #main .list .box .social-networks li a.soundcloud:hover {background-position:-198px -56px} #main .list .box .text-h .player {overflow:hidden;padding:56px 0 10px} #main .list .box .text-h .player img {vertical-align:top} #main .visual {margin:0 -9999px -43px;padding:86px 9999px 203px;overflow:hidden;background:#000 url('images/img-04.jpg') no-repeat 50% 50%} #main .visual.view2 {background:#000 url('images/img-11.jpg') no-repeat 50% 50%;padding:45px 9999px 72px} #main .visual.view3 {background:#000 url('images/img-13.jpg') no-repeat 50% 50%;padding:45px 9999px 38px} #main .visual h2 {color:#fff;text-align:center;text-transform:uppercase;margin:0 0 107px;font-size:50px;line-height:52px} #main .visual.view2 h2 {margin:0 0 41px} #main .visual ul {margin:0;padding:0;list-style:none;overflow:hidden;text-align:center} #main .visual ul li {color:#f8ef22;display:inline-block;vertical-align:top;margin:0 0 10px;background:url('images/bullet.png') no-repeat 0 8px;padding:0 2px 0 11px;text-transform:uppercase;font:18px/20px trackregular, Arial, sans-serif} #main .visual ul li a {color:#f8ef22} #main .visual ul li:first-child {background:none} #main .visual .mail {display:block;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;font-size:30px;line-height:34px;margin:0 0 38px} #main .visual .mail a {color:#fff} #main .visual address {display:block;text-align:center;color:#fff;text-transform:uppercase;font-weight:bold;font-size:30px;font-style:normal;line-height:30px;margin:0;padding:0} #main .visual .social-networks {margin:0;padding:0 0 40px;overflow:hidden;list-style:none;text-align:center} #main .visual .social-networks li {display:inline-block;vertical-align:top;padding:0;background:none;margin:0 7px 0 10px} #main .visual .social-networks li a {width:92px;height:93px;text-indent:-9999px;overflow:hidden;background:url('images/bg-social2.png') no-repeat;float:left} #main .visual .social-networks li a.twitter {background-position:0 0 } #main .visual .social-networks li a.facebook {background-position:-115px 0 } #main .visual .social-networks li a.instagram {background-position:-224px 0 } #main .visual .social-networks li a.soundcloud {background-position:-338px 0 } #main .visual .social-networks li a.twitter:hover {background-position:0 -93px} #main .visual .social-networks li a.facebook:hover {background-position:-115px -93px} #main .visual .social-networks li a.instagram:hover {background-position:-224px -93px } #main .visual .social-networks li a.soundcloud:hover {background-position:-338px -93px } #main .posts-list {margin:-31px 0 0;padding:0;list-style:none;overflow:hidden} #main .posts-list.view2 {margin:0} #main .posts-list li {vertical-align:top;overflow:hidden;padding:45px 0 42px;border-bottom:1px solid #c0c0c0} #main .posts-list.view2 li {padding:40px 0 24px} #main .posts-list li .img-h {float:left;margin:0 30px 0 0} #main .posts-list.view2 li .img-h {float:none;overflow:hidden;text-align:center;margin:0 0 31px} #main .posts-list li .img-h img {vertical-align:top} #main .posts-list li .text-h {overflow:hidden;text-transform:uppercase} #main .posts-list li .text-h p {margin:0 0 19px} #main .cast-list li h3, #main .post-holder .heading h3, #main .posts-list li .text-h h3 {font:24px/26px trackregular, Arial, sans-serif;margin:0 0 -2px;text-transform:uppercace;color:#000} #main .cast-list li h3 a, #main .posts-list li .text-h h3 a {color:#000} #main .posts-list.view2 li .date, #main .posts-list.view2 li h3 {text-align:center} #main .cast-list li .date, #main .post-holder .heading .date, #main .posts-list li .text-h .date {font:24px/26px trackregular, Arial, sans-serif;margin:0 0 12px;text-transform:uppercace;color:#7e7e7e;display:block} #main .posts-list li .text-h .date {margin:0 0 21px} #main .posts-list.view2 li .text-h .date {margin:0 0 18px} #main .posts-list.view2 li .date {text-align:center} #main .posts-list .links-holder {overflow:hidden;padding:7px 0 0} #main .posts-list.view2 .links-holder {text-align:center;padding:10px 0 0} #main .back, #main .posts-list .more, #main .posts-list .attending {float:left;text-transform:uppercase;color:#fff;font-weight:bold;font-size:20px;margin:0 15px 0 0;line-height:22px;background:#7e7e7e;padding:14px 53px} #main .posts-list .attending{ padding-left:63px; background:#7e7e7e url('images/btn-attending.png') no-repeat 22px 50%;} #main .back:hover, #main .posts-list .more:hover,#main .posts-list .attending:hover {text-decoration:none;background-color:#4c4c4c} #main .back {min-width:122px;margin:0;float:none;display:inline-block;vertical-align:top} #main .post-holder .btn-h .buy, #main .post-holder .btn-h .attending, #main .posts-list .buy {float:left;text-transform:uppercase;color:#fff;font-weight:bold;font-size:20px;line-height:22px;background:#ffd600;padding:14px 50px} #main .post-holder .btn-h .buy:hover, #main .posts-list .buy:hover {text-decoration:none;background:#998000} #main .posts-list.view2 li .more, #main .posts-list.view2 li .buy, #main .posts-list.view2 li .attending {margin:0 4px 0 7px;float:none;display:inline-block;vertical-align:top} #main .wp-pagenavi, #main .paging {padding:43px 0 0;overflow:hidden;text-align:center;} #main .gall-list-h .wp-pagenavi, #main .gall-list-h .paging {padding:2px 0 0} /* Paging */ #main .paging ul {margin:0;padding:0;list-style:none;text-align:center;overflow:hidden} #main .wp-pagenavi a, #main .wp-pagenavi span, #main .paging ul li {display:inline-block;vertical-align:top;font-weight:bold;font-size:24px;line-height:26px;color:#c0c0c0} #main .wp-pagenavi a, #main .wp-pagenavi span, #main .paging ul li a {float:left;padding:5px;color:#c0c0c0} #main .wp-pagenavi span, #main .paging ul li span {float:left;padding:5px} #main .wp-pagenavi a, #main .wp-pagenavi span{display:inline-block;vertical-align:top;float:none;} #main .wp-pagenavi span{color:#000;} #main .paging ul li.prev, #main .wp-pagenavi .nextpostslink, #main .wp-pagenavi .previouspostslink, #main .paging ul li.next {float:left;text-transform:uppercase} #main .wp-pagenavi .previouspostslink, #main .wp-pagenavi .nextpostslink, #main .paging ul li.prev a, #main .paging ul li.next a {padding:5px 0 } #main .wp-pagenavi .nextpostslink, #main .paging ul li.next {float:right;margin:0 0 0 -65px;} #main .wp-pagenavi .previouspostslink{margin:0 -65px 0 0;} #main .wp-pagenavi a:hover, #main .paging ul li a:hover {text-decoration:none;color:#000} #main .links-list {margin:0 0 38px;padding:10px 0 19px;list-style:none;text-align:center;overflow:hidden} #main .links-list li {display:inline-block;vertical-align:top;width:497px} #main .links-list li:after {display:block;clear:both;content:''} #main .links-list li a {display:block;padding:15px;color:#fff;font-weight:bold;font-size:24px;line-height:26px;text-align:center;text-transform:uppercase;position:relative;background:#c6c6c6} #main .links-list li.active a, #main .links-list li a:hover {text-decoration:none;background:#ffd600} #main .links-list li a:after {position:absolute;bottom:-19px;left:0;width:36px;height:19px;display:none;background:url('images/bg-arrow.gif') no-repeat;content:''} #main .links-list li:first-child a:after {left:auto;right:0} #main .links-list li.active a:after, #main .links-list li a:hover:after {display:block} /* Single post */ #main .post-holder {overflow:hidden;color:#7e7e7e;padding:46px 75px 69px;margin:57px 0 49px;border-top:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0} #main .post-holder p {margin:0 0 15px} #main .post-holder .btn-h {overflow:hidden;text-align:center;padding:0 0 43px} #main .post-holder .btn-h .buy, #main .post-holder .btn-h .attending{float:none;display:inline-block;vertical-align:top;margin:0 5px} #main .post-holder .btn-h .attending{ padding-left:60px; background:#7e7e7e url('images/btn-attending.png') no-repeat 22px 50%;} #main .post-holder .btn-h .attending:hover{ background-color:#4C4C4C;text-decoration:none;} #main .post-holder .img-h {overflow:hidden;text-align:center;margin:0 0 48px} #main .post-holder .img-h img {vertical-align:top} #main .post-holder .heading {overflow:hidden;margin:0 0 30px;text-align:center} #main .post-holder .player {overflow:hidden;padding:27px 0 0} #main .post-holder .player img {vertical-align:top} #main .post-holder .heading .date, #main .post-holder .heading h3 {display:inline-block;vertical-align:top;margin:0 8px} #main .cast-list {margin:0;padding:15px 0 0;list-style:none;overflow:hidden} #main .cast-list li {border-bottom:1px solid #c0c0c0;overflow:hidden;padding: 46px 0 49px;vertical-align:top} #main .cast-list li .player {overflow:hidden} #main .cast-list li .player img {vertical-align:top} #main .text-area {font-size:12px;line-height:24px;padding:8px 0 73px;text-align:center;font-weight:bold;text-transform:uppercase;overflow:hidden} #main .text-area h2 {font:25px/27px trackregular, Arial, sans-serif;margin:0 0 32px;text-align:center; text-transform:uppercase;color:#000} #main .text-area h3 {font:20px/24px trackregular, Arial, sans-serif;margin:0 0 27px;text-align:center;text-transform:uppercase;color:#000} #main .text-area p {margin:0 0 17px} #main .text-area h4 {font:15px/17px trackregular, Arial, sans-serif;margin:0 0 10px;text-align:center;text-transform:uppercase;color:#000} #main .text-area .col-h {overflow:hidden;border:1px solid #ffd600;border-width:1px 0;text-align:left;padding:52px 0 55px;margin:0 0 57px} #main .text-area .col {float:left;width:478px; text-transform:uppercase;margin:0 10px;font-size:12px;line-height:24px} #main .btn-h {overflow:hidden;text-align:center;padding:0 0 8px} /* Gallery Page */ #main .gall-list-h {overflow:hidden;width:800px;margin:0 auto} #main .gall-list {margin:0;padding:0;list-style:none; overflow:hidden;text-align:center} #main .gall-list li {vertical-align:top;overflow:hidden;display:inline-block;margin:0 0 20px;position:relative} #main .gall-list li a {display:block} #main .gall-list li img {vertical-align:top} #main .gall-list li .mask {position:absolute;top:0;left:0;width:100%;display:none;height:100%} #main .gall-list li a:hover {text-decoration:none} #main .gall-list li a:hover .mask {display:block} #main .gall-list li .mask-h {width:800px;height:532px;display:table-cell;vertical-align:middle} #main .gall-list li .mask-f {background:url('images/bg-mask2.png');width:100%;overflow:hidden;display:block;color:#fff;margin:13px 0 0;padding:49px 0 44px} #main .gall-list li .mask-f .title {display:block;text-align:center;font-weight:bold;font-size:24px;line-height:26px;margin:0 0 5px;text-transform:uppercase;color:#fff} #main .gall-list li .mask-f .date {display:block;text-align:center;color:#c1c1c1;font-size:24px;font-weight:bold;line-height:26px;text-transform:uppercase} #main .gall-list-sm {margin:0 -20px 0 0;padding:0;list-style:none;overflow:hidden} #main .gall-list-sm li {float:left;width:320px;position:relative;margin:0 20px 20px 0;overflow:hidden} #main .gall-list-sm li a {display:block} #main .gall-list-sm li img {vertical-align:top} #main .gall-list-sm li .mask {position:absolute;top:0;left:0;width:100%;display:none;height:100%;background:url('images/bg-mask3.png') center} #main .gall-list-sm li a:hover {text-decoration:none} #main .gall-list-sm li a:hover .mask {display:block} #main .gall-list-sm li .mask span {position:absolute;top:50%;left:50%;width:60px;height:56px;text-indent:-9999px;overflow:hidden;margin:-28px 0 0 -30px;background:url('images/bg-plus.png') no-repeat} /*Form*/ #main .form {overflow:hidden;padding:30px 0 0} /* Footer */ #footer {background:#ffd600;overflow:hidden;width:100%} #footer .footer-h {width:1000px;padding:22px 0;overflow:hidden;margin:0 auto} #footer .logo {width:131px;height:131px;background:url('images/logo3.png') no-repeat;text-indent:-9999px;-webkit-animation-name: none;animation-name: none;overflow:hidden;display:block;position:static;margin:0 auto 7px} #footer .logo a {display:block;height:100%;background:none;-webkit-animation-name: none;animation-name: none} #footer .copy {display:block;text-align:center;text-transform:uppercase;color:#000;font-size:9px;font-weight:bold;line-height:12px} /* Lightbox */ #fader{width:100%;height:100%;overflow:hidden;top:0;left:0;position:absolute;background:#000;z-index:1000;} .popup {position:absolute;padding:0 56px;overflow:hidden;width:728px;top:300px;left:50%;margin:0 0 0 -420px;z-index:1001;display:none;} .popup .close {background:url('images/bg-close2.png') no-repeat;width:18px;height:18px;text-indent:-9999px;overflow:hidden;float:right;margin:0 0 11px} .popup .close:hover {background-position:0 -18px} .popup .img-h {overflow:hidden;clear:both;width:728px;height:728px;position:relative;line-height:728px;font-size:0;} .popup .img-h .loader{ width:728px;height:728px; overflow:hidden; z-index:1; opacity:0.5; display:none; background:#262626 url('images/loader.gif') no-repeat 50% 50%; } .popup .img-h.loading .loader{ display:block;} .popup .img-h .el{ position:absolute; top:0; left:0; z-index:2; width:728px; height:728px; font-size:0; line-height:728px; text-align:center; } .popup .img-h .el.active{ z-index:3;} .popup .img-h .el img{ vertical-align:middle;} .popup .img-h ul {margin:0;padding:0;position:relative;height:486px; width:728px;list-style:none;overflow:hidden} .popup .img-h ul li {position:absolute;top:0;width:728px;left:0;height:486px;z-index:1} .popup .img-h ul li.acitve {z-index:2} .popup .img-h ul li img {vertical-align:top} .popup .prev, .popup .next {width:42px;height:42px;position:absolute;top:50%;left:0;margin:-7px 0 0;text-indent:-9999px;overflow:hidden;background:url('images/bg-arrows.png') no-repeat} .popup .next {left:auto;right:0;background-position:-42px 0} .popup .next:hover {background-position:-42px -42px} .popup .prev:hover {background-position:0 -42px} /* Image Alignment */ img.aligncenter {display:block;margin-left:auto;margin-right:auto} img.alignright {display:inline;margin:0 0 2px 7px;padding:4px} img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px} .alignright {float:right} .alignleft {float:left} @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fadeIn { 0% {opacity: 0} 20% {opacity: 0} 100% {opacity: 1} } @keyframes fadeIn { 0% {opacity: 0} 20% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes bounceOut { 0%{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 30%{ -webkit-transform: scale(.9); transform: scale(.9); } 50%{ opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 100%{ opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0%{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 30%{ -webkit-transform: scale(.9); transform: scale(.9); } 50%{ opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 100%{ opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @-webkit-keyframes fadeOut{ 0% {opacity: 1} 80%{ opacity: 0} 100% {opacity: 0} } @keyframes fadeOut{ 0% {opacity: 1} 80%{ opacity: 0} 100% {opacity: 0} } .home #bg, .home .bar, .home .logo{ display:none;} .home #wrapper{ background:#000;} .logo.def{ -webkit-animation-duration:1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn} .logo.def a{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn } .logo.hide{-webkit-animation-delay: 2s;animation-delay: 2s; -webkit-animation-duration:1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeOut;animation-name: fadeOut} .logo.hide a{-webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeOut;animation-name: fadeOut } /* .logo.def{ -webkit-animation-duration:1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceIn;animation-name: bounceIn} .logo.def a{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeIn;animation-name: fadeIn } .logo.hide{-webkit-animation-delay: 2s;animation-delay: 2s; -webkit-animation-duration:1s;animation-duration: 1s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceOut;animation-name: bounceOut} .logo.hide a{-webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeOut;animation-name: fadeOut } */ .woocommerce a.button{ color:#fff !important; background:#7e7e7e; } .woocommerce a.button:hover{ background:#4c4c4c; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background:#ffd600 !important; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color: #ffd600; color: black;} .woocommerce #main div.product .summary .product_title{ border: none !important; color: black !important; display: block !important; text-align: center; font-size: 30px !important; font-weight: normal; line-height: normal; padding: 0; margin-top: 18px; } .woocommerce div.product .summary .price{ text-align: center; color: black; margin-top: 10px; } .woocommerce-short-description h2{ text-align: center; font-size: 18px; color: black; font-weight: 400; text-transform: uppercase; margin: 25px 0; } .woocommerce-short-description p{ color: black; } .woocommerce div.product .summary .in-stock{ display: none; } .woocommerce div.product .summary .quantity{ display: none; } .woocommerce.single-product div.product form.cart div.quantity { float: none; margin: 0; } .woocommerce div.product .summary form.cart{ text-align: center; margin: 20px 0; } .woocommerce div.product .summary form.cart .button{ float: none; color: black; text-transform: uppercase; margin: 30px 0; padding: 15px 24px; border-radius: 0; } .woocommerce div.product .summary hr{ border: none; border-top: 1px solid #ebebeb; } .woocommerce.single-product .title-h{ display: none; } .woocommerce .product_meta{ display: none; } .woocommerce .variations{ width: 0% !important; margin: 0 auto; margin-bottom: 20px !important; } .woocommerce .variations label{ text-transform: uppercase; } .woocommerce #size{ background-color: #ebebeb; color: black; padding: 5px; border: none; } .woocommerce .back-prod-detail, .woocommerce .cart-contents-prod-detail{ width: 85px; display: inline-block; text-align: center; background-color: #dedede; padding: 9px 0 11px; margin-right: 2px; text-transform: uppercase; text-decoration: none; vertical-align: middle; } .archive.woocommerce .cart-contents-prod-detail { margin-bottom: 15px; float: right; margin-right: 0; } .woocommerce .cart-contents-prod-detail { padding-top: 8px; padding-bottom: 11px; } .woocommerce .cart-contents-prod-detail > img, .woocommerce .cart-contents-prod-detail > span { vertical-align: middle; display: inline-block; } .woocommerce .back-prod-detail:hover, .woocommerce .cart-contents-prod-detail:hover{ background-color: #ffd800; } .woocommerce .back-prod-detail img{ margin-right: 10px; margin-bottom: 2px; margin-top: 7px; } .woocommerce .cart-contents-prod-detail img{ margin-right: 5px; } .woocommerce .buttons-prod-detail{ text-align: center; } .woocommerce-page div.product div.summary{ width: 38%; } .woocommerce-page div.product div.images{ width: 58%; } .woocommerce div.product div.images div.thumbnails{ width: 15%; float: left; padding-top: 0; } .woocommerce div.product div.thumbnails a{ width: 100%; } .woocommerce .woocommerce-main-image{ width: 84%; float: right; } .woocommerce div.product div.thumbnails a img{float: left;} .woocommerce.post-type-archive-product ul.products li.product .price,.woocommerce.post-type-archive-product ul.products li.product h3{ text-align: center; } .woocommerce.post-type-archive-product ul.products li.product .price{ color: #a0a0a0; padding-bottom: 8px; } .woocommerce.post-type-archive-product ul.products li.product h3{ color: #777777; text-transform: uppercase; } .woocommerce.post-type-archive-product ul.products li.product a img{ margin-bottom: 0; } .woocommerce.post-type-archive-product .add_to_cart_button{ display: none; background-color: #ececec; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{ width: 32.1342%; margin: 0 0 0.992em 1.8%; } .woocommerce ul.products li.product:nth-child(3n+1), .woocommerce-page ul.products li.product:nth-child(3n+1) { margin-left: 0; clear: both; } .woocommerce td.product-name dl.variation dd p { margin-top: 0; } .woocommerce .woocommerce-main-image {background: #000;} .woocommerce.post-type-archive-product ul.products li.product a img:hover, .woocommerce div.product div.images img:hover {opacity: 0.8;} .woocommerce ul.products li.product .price {margin-bottom: 0;} .woocommerce-page ul.products li.product { background:#ececec; margin-top: 20px; margin-bottom: 0; } .woocommerce-page ul.products li.product:hover{background:#a5a5a5} .woocommerce-page ul.products li.product:hover .price{color:#777} .woocommerce.single-product .title-h {display: block;} .woocommerce ul.products li.product:hover a img, .woocommerce.post-type-archive-product ul.products li.product:hover .price, .woocommerce.post-type-archive-product ul.products li.product:hover h3 {opacity: 0.8;} .woocommerce-cart table.cart td.actions .coupon .input-text {width: 150px;height: 34px;} .woocommerce-checkout .buttons-prod-detail, .woocommerce-cart .buttons-prod-detail {margin-bottom: 20px;text-align: right;} /*remove shop for now*/ .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product h2{padding:5px 5px 6px!important;text-align:center;text-transform:uppercase;color:#777;} .woocommerce ul.products li.product .button{display:none;} .woocommerce ul.products li.product .price{padding:5px 5px 6px!important;margin:0 0 0} .woocommerce-page ul.products li.product h2{padding:10px 0 10px !important;font-size:19px!important;} .woocommerce-page ul.products li.product:hover h2{color:#535353} .related.products{display:none!important;} .woocommerce-order-received .shop-button-container {margin-top: 20px;text-align: right;} @media only screen and (min-width: 320px) and (max-width: 360px){ div#n2-ss-2 .n2-ss-slider-3{ height:1700px!important; } } #home-slider .n2-ss-slider-2 height:1700px!important; } .page-id-29987.logo { display: none!important; } .post-type-archive-event #main .posts-list li .text-h p { display: none; }