/*normalize*/body,dd,figure,pre{margin:0}img,legend{border:0}.em,dfn,em,span.amp{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a{background:0 0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}.strong,b,strong{font-weight:700}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}p{-webkit-hyphens:auto;-epub-hyphens:auto;-moz-hyphens:auto;hyphens:auto}pre{white-space:pre-wrap}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}.small,small,sub,sup{font-size:75%}q{quotes:"\201C" "\201D" "\2018" "\2019"}q:after,q:before{content:'';content:none}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}menu{padding:0 0 0 40px}ol,ul{padding:0;list-style-type:none}nav ol,nav ul{list-style:none}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.image-replacement,.ir{text-indent:100%;white-space:nowrap;overflow:hidden}.cf,.clearfix{zoom:1}.cf:after,.cf:before,.clearfix:after,.clearfix:before{content:"";display:table}.cf:after,.clearfix:after{clear:both}span.amp{font-family:Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif!important}

/*======================================================================================================================================================================================
 *
 *                                                              SASSLESS STYLING 12/11/15
 *
 *=====================================================================================================================================================================================*/

/*! Made with Bones: http://themble.com/bones :) */

@font-face {
    font-family: Franklin-Heavy;
    src: url("../fonts/Franklin_Heavy.eot");
}

@font-face {
    font-family: Franklin-Heavy;
    src: url("../fonts/Franklin_Heavy.ttf");
}

@font-face {
    font-family: Franklin-Heavy;
    src: url("../fonts/Franklin_Heavy.woff");
}

@font-face {
    font-family: Franklin-Heavy;
    src: url("../fonts/Franklin_Heavy.woff2");
}

@font-face {
    font-family: Claredon-Light;
    src: url("../fonts/Claredon_Light.eot");
}

@font-face {
    font-family: Claredon-Light;
    src: url("../fonts/Claredon_Light.ttf");
}

@font-face {
    font-family: Claredon-Light;
    src: url("../fonts/Claredon_Light.woff");
}

@font-face {
    font-family: Claredon-Light;
    src: url("../fonts/Claredon_Light.woff2");
}

@font-face {
    font-family: Claredon-Bold;
    src: url("../fonts/Claredon_Bold.eot");
}

@font-face {
    font-family: Claredon-Bold;
    src: url("../fonts/Claredon_Bold.ttf");
}

@font-face {
    font-family: Claredon-Bold;
    src: url("../fonts/Claredon_Bold.woff");
}

@font-face {
    font-family: Claredon-Bold;
    src: url("../fonts/Claredon_Bold.woff2");
}

html,
body,
span,
div,
section,
nav,
ul,
li,
a,
input,
button,
header,
footer {
    color: #fff;
    font-family: Claredon-Light;
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    outline: 0 !important;
    box-sizing: border-box
}

h1,
h2,
h3,
h4,
h5,
h6,
img,
p,
span,
div {
    margin: 0;
    padding: 0
}

* {
    outline: none !important
}

html {
    height: 100%
}

html,
body {
    background-color: #000;
    width: 100%;
    height: 100%
}

body{
  min-width: 738px;
}

.align-middle {
    height: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: normal
}

.image-svg {
    display: none
}

.svg .image-png {
    display: none
}

.svg .image-svg {
    display: block
}

.smile {
    position: fixed;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    z-index: 10;
    width: 230px;
    height: 230px;
    margin-top: -115px;
    margin-left: -115px;
    background-image: url('../images/smiley-grin.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 115px;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    animation: grow 150ms ease forwards;
}

.smile.leaving{
  animation: shrink 150ms ease forwards;
}

.smile.taunt{
  animation: taunt 200ms ease-in-out alternate infinite;
  -webkit-transition: top 200ms, left 200ms, height 200ms, width 200ms, margin 200ms;
  -moz-transition: top 200ms, left 200ms, height 200ms, width 200ms, margin 200ms;
  -ms-transition: top 200ms, left 200ms, height 200ms, width 200ms, margin 200ms;
  transition: top 200ms, left 200ms, height 200ms, width 200ms, margin 200ms;
  cursor: pointer;
  z-index: 999999999;
}

@-webkit-keyframes grow{
  0% {margin-top: 0; margin-left: 0; width: 0; height: 0;}
  95% {margin-top: -120px; margin-left: -120px; width: 240px; height: 240px;}
  100% {margin-top: -115px; margin-left: -115px; width: 230px; height: 230px;}
}

@keyframes grow{
  0% {margin-top: 0; margin-left: 0; width: 0; height: 0;}
  95% {margin-top: -120px; margin-left: -120px; width: 240px; height: 240px;}
  100% {margin-top: -115px; margin-left: -115px; width: 230px; height: 230px;}
}

@-webkit-keyframes shrink{
  0% {margin-top: -115px; margin-left: -115px; width: 230px; height: 230px;}
  5% {margin-top: -120px; margin-left: -120px; width: 240px; height: 240px;}
  100% {margin-top: 0; margin-left: 0; width: 0; height: 0;}
}

@keyframes shrink{
  0% {margin-top: -115px; margin-left: -115px; width: 230px; height: 230px;}
  5% {margin-top: -120px; margin-left: -120px; width: 240px; height: 240px;}
  100% {margin-top: 0; margin-left: 0; width: 0; height: 0;}
}

@-webkit-keyframes taunt{
  0% {-webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg);}
  100% {-webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
}

@keyframes taunt{
  0% {-webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg);}
  100% {-webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);}
}
.home {
    /*height: 100%*/
}

#container {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 40px 0 40px 245px;
}

.home-page {
    width: 100%;
    height: 100%;
    text-align: center;
    white-space: nowrap
}

.home-page #inner-content {
    width: 622px;
    height: auto;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
    white-space: normal
}

.home-page .page-title {
    font-family: Franklin-Heavy;
    color: #fff;
    font-size: 65px;
    line-height: 40px;
    padding-bottom: 40px;
    border-bottom: 6px solid #fff;
    letter-spacing: 5px;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    margin-bottom: 28px;
    padding-right: 5px;
    white-space: nowrap
}

.home-page .menu-item {
    display: block;
    white-space: normal;
    vertical-align: middle;
    width: 298px;
    height: 115px;
    position: relative;
    float: left;
    margin-bottom: 23px;
    background: none
}

.home-page .menu-item:nth-of-type(2n+2) {
    margin-left: 26px
}

.home-page .menu-item a {
    height: 16px;
    border: 6px solid #fff;
    color: #fff;
    width: 280px;
    height: 97px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    padding: 0;
    font-family: Franklin-Heavy;
    font-size: 25px;
    line-height: 52px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #000;
    cursor: pointer
}

.home-page .menu-item a::before {
    background-color: #fff;
    border: 6px solid #fff;
    content: ' ';
    display: block;
    position: absolute;
    height: 100%;
    width: 6px;
    top: 3px;
    left: -24px;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -o-transform: skewY(-45deg);
    transform: skewY(-45deg)
}

.home-page .menu-item a::after {
    background-color: #fff;
    border: 6px solid #fff;
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 6px;
    right: 3px;
    bottom: -24px;
    -webkit-transform: skewY(-44deg);
    -moz-transform: skewY(-44deg);
    -ms-transform: skewY(-44deg);
    -o-transform: skewY(-44deg);
    transform: skewX(-44deg)
}

.home-page .menu-item:active a::before {
    width: 0;
    border: none
}

.home-page .menu-item:active a::after {
    height: 0;
    border: none
}

.home-page .menu-item:active a {
    left: 0;
    bottom: 0;
    right: auto;
    top: auto
}

.home-page .menu-item:nth-of-type(7) {
    display: none
}

.home-page .menu-item:last-of-type {
    display: none
}

.home-page #menu-rons-menu {
    padding-bottom: 2px;
    border-bottom: 6px solid #fff
}

/*.home-page .menu-item:first-of-type a {
    font-size: 68px;
    letter-spacing: 6px;
    padding-left: 6px;
    line-height: 74px
}

.home-page .menu-item:first-of-type a:hover {
    color: #f0f;
    border-color: #f0f
}

.home-page .menu-item:nth-of-type(2) a {
    font-size: 65px;
    letter-spacing: 5px;
    padding-left: 4px;
    line-height: 75px
}

.home-page .menu-item:nth-of-type(2) a:hover {
    color: #ff0;
    border-color: #ff0
}

.home-page .menu-item:nth-of-type(3) a {
    font-size: 45px;
    letter-spacing: 4px;
    padding-left: 4px;
    line-height: 75px
}

.home-page .menu-item:nth-of-type(3) a:hover {
    color: #0ff;
    border-color: #0ff
}

.home-page .menu-item:nth-of-type(4) a {
    font-size: 56px;
    letter-spacing: 5px;
    padding-left: 4px;
    line-height: 75px
}

.home-page .menu-item:nth-of-type(4) a:hover {
    color: #0f0;
    border-color: #0f0
}

.home-page .menu-item:nth-of-type(5) a {
    font-size: 49px;
    letter-spacing: 4px;
    padding-left: 4px;
    line-height: 75px;
    margin-bottom: 0
}

.home-page .menu-item:nth-of-type(5) a:hover {
    color: #9542d9;
    border-color: #9542d9
}

.home-page .menu-item:nth-of-type(6) a {
    font-size: 68px;
    letter-spacing: 6px;
    padding-left: 6px;
    line-height: 74px;
    margin-bottom: 0
}

.home-page .menu-item:nth-of-type(6) a:hover {
    color: #ff8f2d;
    border-color: #ff8f2d
}*/

.home-page .home-bottom {
    width: 100%;
    text-align: right;
    margin-top: 22px
}

.home-page .home-bottom .logo {
    float: left;
    height: 60px;
    position: relative;
    bottom: auto;
    left: auto
}

.home-page .home-bottom .logo img {
    height: 100%;
    width: auto
}

.home-page .home-bottom .back-to-shop {
    display: block;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-family: Franklin-Heavy;
    padding: 4px 6px 3px;
    background-color: #f0f;
    float: right;
    letter-spacing: 1px;
    margin-top: 20px
}

.left-nav-wrap {
    width: 110px;
    display: block;
    float: left;
    position: fixed;
    left: 40px;
    top: 0;
    height: auto;
    padding-top: 24px;
    z-index: 4;
    background-color: #000;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px)
}

.left-nav-wrap nav {
    position: relative
}

.left-nav-wrap .logo {
    display: block;
    position: relative;
}

.left-nav-wrap .logo img {
    width: 230px;
    height: auto;
    display: block;
    position: relative;
}

/* logo on-off */
.home .left-nav-wrap .logo img:not(.logo-teal){
  display: none;
}
.news .left-nav-wrap .logo img:not(.logo-pink),
.single-ronsnews .left-nav-wrap .logo img:not(.logo-pink){
  display: none;
}
.gallery .left-nav-wrap .logo img:not(.logo-teal){
  display: none;
}
.events .left-nav-wrap .logo img:not(.logo-green),
.single-ronsevents .left-nav-wrap .logo img:not(.logo-green){
  display: none;
}
.about .left-nav-wrap .logo img:not(.logo-yellow){
  display: none;
}
.contact .left-nav-wrap .logo img:not(.logo-purple){
  display: none;
}
.search .left-nav-wrap .logo img:not(.logo-red){
  display: none;
}

/* nav */

.left-nav {
    margin-top: 50px;
    position: relative;
    display: block;
}

.left-nav-wrap .open-menu-button{
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  width: 110px;
  height: 40px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 4;
}

.left-nav-wrap .open-menu-button a{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.left-nav-wrap .open-menu-button .menu-item-inner {
  width: 102px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  background-color: #000;
  transition: top 80ms, right 80ms;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.left-nav-wrap .open-menu-button .menu-item-inner span{
  color: inherit;
  font-family: Franklin-Heavy;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
}

.left-nav-wrap .open-menu-button:active .menu-item-inner, .left-nav-wrap .open-menu-button.clicked .menu-item-inner {
  top: 8px;
  right: 8px;
}

.left-nav-wrap .open-menu-button::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 40px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.left-nav-wrap .open-menu-button::after {
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.left-nav-wrap .open-menu-button:active::before, .left-nav-wrap .open-menu-button.clicked::before {
  top: 9px;
  left: -9px;
}

.left-nav-wrap .open-menu-button:active::after, .left-nav-wrap .open-menu-button.clicked::after {
  bottom: -9px;
  right: 9px;
}

.left-nav-container .menu-social-links{
  display: none;
  width: 100%;
  position: relative;
  border-top: 4px solid #000;
  padding-top: 15px;
  text-align: center;
}

.left-nav-container .menu-social-links a{
  display: inline-block;
  position: relative;
  font-family: Franklin-Heavy;
  font-size: 27px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 100%;
  padding: 1px 5px 5px 10px;
  color: #000;
}

.left-nav-container .menu-social-links a:hover{
  background-color: #00ffff;
}

body[class*="news"] .left-nav-container .menu-social-links a:hover{
  background-color: #ff00ff;
}

body[class*="events"] .left-nav-container .menu-social-links a:hover{
  background-color: #00ff00;
}

body[class*="about"] .left-nav-container .menu-social-links a:hover{
  background-color: #ffff00;
}

body[class*="contact"] .left-nav-container .menu-social-links a:hover{
  background-color: #9542d9;
}

body[class*="search"] .left-nav-container .menu-social-links a:hover{
  background-color: #ee3352;
}

.left-nav-container .menu-social-links a:first-child{
  margin-right: 30px;
}

.left-nav li {
  margin-bottom: 10px;
  width: 110px;
  height: 40px;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3;
}

.left-nav li a{
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.left-nav li .menu-item-inner {
  width: 102px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  background-color: #000;
  transition: top 80ms, right 80ms;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}

.left-nav li .menu-item-inner span{
  color: inherit;
  font-family: Franklin-Heavy;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
}

.left-nav li:active .menu-item-inner, .left-nav li.clicked .menu-item-inner {
  top: 8px;
  right: 8px;
}

.left-nav li::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 40px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.left-nav li::after {
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.left-nav li:active::before, .left-nav li.clicked::before {
  top: 9px;
  left: -9px;
}

.left-nav li:active::after, .left-nav li.clicked::after {
  bottom: -9px;
  right: 9px;
}

.left-nav li:hover a.news-link .menu-item-inner, .left-nav li.clicked a.news-link .menu-item-inner {
  color: #f0f !important;
  border-color: #f0f;
}

.left-nav li:hover a.about-link .menu-item-inner, .left-nav li.clicked a.about-link .menu-item-inner {
  color: #ff0 !important;
  border-color: #ff0;
}

.left-nav li:hover a.gallery-link .menu-item-inner, .left-nav li.clicked a.gallery-link .menu-item-inner {
  color: #0ff !important;
  border-color: #0ff;
}

.left-nav li:hover a.events-link .menu-item-inner, .left-nav li.clicked a.events-link .menu-item-inner {
  color: #0f0 !important;
  border-color: #0f0;
}

.left-nav li:hover a.contact-link .menu-item-inner, .left-nav li.clicked a.contact-link .menu-item-inner {
  color: #9542d9 !important;
  border-color: #9542d9;
}

.left-nav li:hover a.join-link .menu-item-inner, .left-nav li.clicked a.join-link .menu-item-inner {
  color: #ff8f2d !important;
  border-color: #ff8f2d;
}

.left-nav li.clicked.open a.join-link .menu-item-inner {
  color: #000 !important;
  background-color: #ff8f2d !important;
}

.left-nav li:hover a.shop-link .menu-item-inner, .left-nav li.clicked a.shop-link .menu-item-inner {
  color: #000 !important;
  border-color: #fff;
  background-color: #fff;
}

.left-nav li:hover a.search-link .menu-item-inner, .left-nav li.clicked a.search-link .menu-item-inner {
  color: #ee3352 !important;
  border-color: #ee3352;
}

.left-nav li.active-link-list .menu-item-inner span{
  color: #000 !important;
}

.left-nav li.active-link-list a{
  cursor: default;
}

.left-nav li.active-link-list:active .menu-item-inner{
  top: 0 !important;
  right: 0 !important;
}

.left-nav li.active-link-list a.news-link .menu-item-inner{
  border-color: #f0f !important;
  background-color: #f0f;
}

.left-nav li.active-link-list a.about-link .menu-item-inner{
  border-color: #ff0 !important;
  background-color: #ff0;
}

.left-nav li.active-link-list a.gallery-link .menu-item-inner{
  border-color: #0ff !important;
  background-color: #0ff;
}

.left-nav li.active-link-list a.events-link .menu-item-inner{
  border-color: #0f0 !important;
  background-color: #0f0;
}

.left-nav li.active-link-list a.contact-link .menu-item-inner{
  border-color: #9542d9 !important;
  background-color: #9542d9;
}

.left-nav li.active-link-list a.join-link .menu-item-inner{
  border-color: #ff8f2d !important;
  background-color: #ff8f2d;
}

.left-nav li.active-link-list a.shop-link .menu-item-inner{
  border-color: #ff274e !important;
  background-color: #ff274e;
}

.left-nav li.active-link-list a.search-link .menu-item-inner{
  border-color: #ee3352 !important;
  background-color: #ee3352;
}

.left-nav .active-link-list {
  width: 102px;
  height: 32px;
}

/*.left-nav .active-link-list a {
  border: 4px solid #f0f;
  color: #f0f;
  display: block;
  position: relative;
  line-height: 52px;
  font-size: 25px;
  pointer-events: none;
  cursor: default;
}*/

.left-nav .active-link-list::before,
.left-nav .active-link-list::after {
  display: none
}

.news-post .filter-item {
    cursor: default !important
}

.filters-background {
    width: 100%;
    height: 54px;
    position: fixed;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    display: none;
    left: 0;
    bottom: 0;
    background-color: #f0f;
    z-index: 3;
    -webkit-transition: height 200ms;
    transition: height 200ms
}

.filters-background .filter-list {
    position: absolute;
    top: 15px;
    right: 40px;
    left: 182px;
    height: 26px;
    text-align: left;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

#container.gallery .filters-background .filter-list {
  right: 118px;
}

.filters-background .filter-list li.filter-item {
    margin-right: 3px;
    display: inline-block;
    position: relative;
    border: 1px solid #000;
    padding: 6px 8px 8px 26px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filters-background .filter-list li.filter-item:last-of-type {
    margin-right: 0
}

.filters-background .filter-list li.filter-item .filter {
    font-family: Franklin-Heavy;
    font-size: 14px;
    line-height: 10px;
    text-transform: uppercase;
    color: #000;
    display: block;
    position: relative
}

.filters-background .filter-list li.filter-item .filter::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #000;
    position: absolute;
    left: -20px;
    top: -2px
}

.filters-background .filter-list .filter-item.checked .filter::before {
    content: '';
    width: 14px;
    height: 5px;
    width: 10px;
    border: none;
    border-left: 4px solid #000;
    border-bottom: 4px solid #000;
    border-radius: 0;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform: rotate(-45deg);
    transform-origin: left bottom;
    top: 2px;
    left: -15px
}

.filters-background .filter-list .more-button {
    display: none;
    font-family: Franklin-Heavy;
    font-size: 14px;
    line-height: 10px;
    text-transform: uppercase;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid #000;
    padding: 6px 8px 8px 6px;
    cursor: pointer
}

.filters-background .filter-list.expandable {
    overflow: hidden;
    padding-right: 56px
}

.filters-background .filter-list.expandable .more-button {
    display: block
}

.filters-background .filter-list.expanded {
    height: auto !important;
    overflow: visible !important
}

.filters-background .filter-list.expanded .filter-item {
    margin-bottom: 3px
}

.page-template-events .filters-background,
.single-ronsevents .filters-background {
    background-color: #0f0 !important
}

.single-ronsevents .filters-button.open .filters-button-inner {
    color: #0f0 !important
}

.single-ronsnews .filters-button.open .filters-button-inner {
    color: #f0f !important
}

.filters-wrapper {
    display: block;
    position: fixed;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    left: 40px;
    bottom: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 5;
}
/*=====================================================================================================================*/
/*.filters-wrapper .filters-button {
    margin-bottom: 14px;
    width: 110px;
    height: 43px;
    position: relative;
    display: block;
    cursor: pointer
}

.filters-wrapper .filters-button .filters-button-inner {
    font-family: Franklin-Heavy;
    font-size: 18px;
    line-height: 30px;
    font-weight: normal;
    width: 102px;
    height: 36px;
    border: 2px solid #fff;
    color: #fff;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: #000
}

.filters-wrapper .filters-button.open .filters-button-inner {
    border-color: transparent;
    background-color: #000
}

.filters-wrapper .filters-button .filters-button-inner::before {
    background-color: #fff;
    border: 2px solid #fff;
    content: ' ';
    display: block;
    position: absolute;
    height: 100%;
    width: 4px;
    top: 2px;
    left: -10px;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -o-transform: skewY(-45deg);
    transform: skewY(-45deg)
}

.filters-wrapper .filters-button .filters-button-inner::after {
    background-color: #fff;
    border: 2px solid #fff;
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    right: 2px;
    bottom: -10px;
    -webkit-transform: skewY(-44deg);
    -moz-transform: skewY(-44deg);
    -ms-transform: skewY(-44deg);
    -o-transform: skewY(-44deg);
    transform: skewX(-44deg)
}

.filters-wrapper .filters-button:active .filters-button-inner,
.filters-wrapper .filters-button.open .filters-button-inner {
    right: auto;
    top: auto;
    bottom: 0;
    left: 0
}

.filters-wrapper .filters-button:active .filters-button-inner::before,
.filters-wrapper .filters-button:active .filters-button-inner::after,
.filters-wrapper .filters-button.open .filters-button-inner::before,
.filters-wrapper .filters-button.open .filters-button-inner::after {
    display: none
}

*/

.filters-wrapper .filters-button {
  margin-bottom: 10px;
  width: 110px;
  height: 40px;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3
}

.filters-wrapper .filters-button a {
  width: 102px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  background-color: #000;
  transition: top 80ms, right 80ms;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  color: #fff;
}

.filters-wrapper .filters-button a span{
  color: inherit;
  font-family: Franklin-Heavy;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
}

.filters-wrapper .filters-button:active a {
  top: 8px;
  right: 8px;
}

.filters-wrapper .filters-button::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 40px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.filters-wrapper .filters-button::after {
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.filters-wrapper .filters-button:active::before, .filters-wrapper .filters-button.open::before {
  top: 9px;
  left: -9px;
}

.filters-wrapper .filters-button:active::after, .filters-wrapper .filters-button.open::after {
  bottom: -9px;
  right: 9px;
}

.filters-wrapper .filters-button.open a{
  top: 8px;
  right: 8px;
  border-color: #000;
}

#container.gallery .open .filters-button-inner {
    color: #0ff !important;
}

#container.gallery .filters-button:not(.open):hover .filters-button-inner {
    border-color: #0ff;
    color: #0ff !important;
}

#container.news .open .filters-button-inner {
    color: #f0f !important;
}

#container.news .filters-button:not(.open):hover .filters-button-inner {
    border-color: #f0f;
    color: #f0f !important;
}

#container.events .open .filters-button-inner {
    color: #0f0 !important;
}

#container.events .filters-button:not(.open):hover .filters-button-inner {
    border-color: #0f0;
    color: #0f0 !important;
}

#container.about .open .filters-button-inner {
    color: #ff0 !important;
}

#container.about .filters-button:not(.open):hover .filters-button-inner {
    border-color: #ff0;
    color: #ff0 !important;
}

#container.news ::-moz-selection{
  background-color: rgba(255, 0, 255, 0.99);
  color: #000;
}

#container.news ::selection{
  background-color: rgba(255, 0, 255, 0.99);
  color: #000;
}

.news-wrap {
    width: 100%;
    display: inline-block;
    position: relative
}

.news-wrap .news-video-outer {
    display: none
}

.news-wrap .news-blurb {
    width: 240px;
    padding: 6px;
    border: 4px solid #fff;
    display: inline-block;
    position: relative;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    vertical-align: top;
}

/*.news-wrap .news-blurb.visually-hidden {
    opacity: 0
}*/

.news-wrap .news-blurb {
    -webkit-transition: opacity 300ms, top 300ms, left 300ms;
    transition: opacity 300ms, top 300ms, left 300ms
}

.news-wrap .news-blurb.category-filtered {
    display: none !important
}

.news-wrap .news-blurb:hover {
    border-color: #f0f
}

.news-wrap .news-blurb .news-image {
    position: relative
}

.news-wrap .news-blurb .news-image img {
    width: 100%;
    display: block;
    background-color: #ff00ff;
    color: #ff00ff;
}

.news-wrap .news-blurb .news-title {
    color: #000;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-family: Franklin-Heavy;
    display: block;
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 18px
}

.news-wrap .news-blurb .news-title::after {
    display: block;
    position: absolute;
    content: '';
    bottom: -4px;
    left: 15%;
    width: 70%;
    height: 4px;
    background-color: #000;
    margin: 0 auto
}

.news-wrap .news-blurb .news-subtitle {
    width: 100%;
    text-align: center;
    color: #000;
    margin-bottom: 2px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px
}

.news-video .news-video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 58px;
    height: 58px;
    margin-left: -29px;
    margin-top: -29px;
    overflow: hidden;
}

.news-video .news-video-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 50px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.news-video .news-video-wrapper::after {
  content: '';
  display: block;
  position: absolute;
  width: 58px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom.png);
  background-size: auto 100%;
  background-position: right center;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.news-video .news-video-wrapper .news-video-inner::after {
    content: '';
    width: 1px;
    position: absolute;
    top: 9px;
    right: 9px;
    border-left: 18px solid #fff;
    border-top: 12px transparent solid;
    border-bottom: 12px transparent solid;
}

.news-video .news-video-wrapper .news-video-inner {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #000;
    border: 4px solid #fff;
    top: 0;
    right: 0
}

/*.news-video .news-video-wrapper .news-video-inner::before {
    background-color: #fff;
    border: 3px solid #fff;
    border-top-width: 4px;
    border-bottom-width: 4px;
    content: ' ';
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    top: -1px;
    left: -10px;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -o-transform: skewY(-45deg);
    transform: skewY(-45deg)
}

.news-video .news-video-wrapper .news-video-inner::after {
    background-color: #fff;
    border: 3px solid #fff;
    border-left-width: 4px;
    border-right-width: 4px;
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    right: -1px;
    bottom: -10px;
    -webkit-transform: skewY(-44deg);
    -moz-transform: skewY(-44deg);
    -ms-transform: skewY(-44deg);
    -o-transform: skewY(-44deg);
    transform: skewX(-44deg)
}*/

.single-ronsnews {
    height: auto
}

.single-ronsnews ::-moz-selection{
  background-color: rgba(255, 0, 255, 0.99);
  color: #000;
}

.single-ronsnews ::selection{
  background-color: rgba(255, 0, 255, 0.99);
  color: #000;
}

.single-ronsnews #container {
    position: relative;
    padding: 0px;
}

.news-post {
    width: 100%;
    position: relative;
    padding-left: 330px;
}

.news-post #inner-content {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 40px;
    background-color: #fff;
    text-align: center;
    position: relative;
}

.news-post #inner-content .news-inner {
    color: #000;
    width: 60%;
    min-width: 496px;
    height: auto;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    color: #000
}

.news-post #inner-content .news-inner .back-wrap {
    width: 53px;
    height: auto;
    position: absolute;
    top: 0;
    left: -63px
}

.news-post #inner-content .news-inner .back-wrap .back-link {
    width: 100%;
    height: 20px;
    background-image: url('../images/Prev_Hand.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.news-post #inner-content .news-inner .back-wrap .back-link:hover::before {
    content: 'back';
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    top: 100%;
    left: 0;
    color: #f0f;
    font-family: Franklin-Heavy;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.news-post #inner-content .news-inner .back-wrap .back-link:hover {
    background-image: url('../images/Prev_Hand_Hover.png')
}

.news-post #inner-content .news-inner .main-image {
    width: 100%;
    height: auto
}

.news-post #inner-content .news-inner .main-image img {
    max-width: 100%;
    max-height: 500px;
    width: auto;
    height: auto;
    display: block;
}

.news-post #inner-content .news-inner .main-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.news-post #inner-content .news-inner iframe,
.news-post #inner-content .news-inner object,
.news-post #inner-content .news-inner embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.news-post #inner-content .news-inner article {
    margin-top: 23px
}

.news-post #inner-content .news-inner article .news-title {
    color: #000;
    width: 100%;
    text-align: left;
    border-bottom: 6px solid #000;
    font-family: Franklin-Heavy;
    font-size: 34px;
    line-height: 30px;
    padding-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 4px
}

.news-post #inner-content .news-inner article .news-subtitle {
  color: #000;
  margin-top: 14px;
  width: 100%;
  text-align: left;
  font-family: Franklin-Heavy;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  letter-spacing: 2px
}

.news-post #inner-content .news-inner article section {
  margin-top: 36px;
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
}

.news-post #inner-content .news-inner article section p{
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.news-post #inner-content .news-inner article section a{
  background-color: #ff00ff;
  color: #000;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
}

.news-post #inner-content .news-inner article section a:hover{
  background: none;
}

.news-post #inner-content .news-inner article section img{
  max-width: 80%;
  height: auto;
  display: block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 16px;
}

.news-nav {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 3;
  margin-left: 10px;
}

.news-nav .share-button{
  width: 100px;
  height: 32px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  border: 2px solid #000;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.news-nav .share-button span{
  color: inherit;
  font-family: Franklin-Heavy;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
  font-size: 17px;
  letter-spacing: 2px;
}

.news-nav .share-button:hover, .news-nav .share-button.open{
  border-color: #ff00ff;
  color: #ff00ff;
}

.news-nav .addthis_sharing_toolbox {
    width: auto;
} 

.news-nav .addthis_sharing_toolbox #atstbx a {
  margin: 0 0 10px 0;
  width: 110px !important;
  height: 40px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3 !important;
  max-width: 110px !important;
  max-height: 40px !important;
  background: none !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a span {
  width: 102px !important;
  height: 32px !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  border: 2px solid #000 !important;
  color: #000 !important;
  text-align: center !important;
  background-color: #fff !important;
  transition: top 80ms, right 80ms;
  z-index: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  background: none !important;
  text-indent: 0 !important;
  line-height: 100% !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a span svg{
  display: none !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a span::before{
  color: inherit;
  font-family: Franklin-Heavy;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-twitter span::before{
  content: 'twitter';
  font-size: 18px;
  letter-spacing: 2px;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-facebook span::before{
  content: 'Facebook';
  font-size: 15px;
  letter-spacing: 1px;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-google_plusone_share span::before{
  content: 'Google +';
  font-size: 16px;
  letter-spacing: 1px;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-twitter:hover span{
  border-color: #55acee !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-twitter:hover span::before{
  color: #55acee !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-facebook:hover span{
  border-color: #3b5998 !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-facebook:hover span::before{
  color: #3b5998 !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-google_plusone_share:hover span{
  border-color: #dd4b39 !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a.at-svc-google_plusone_share:hover span::before{
  color: #dd4b39 !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a span::after{
  width: 0px;
  height: 100%;
  display: inline-block;
  content: '';
  vertical-align: middle;
}

.news-nav .addthis_sharing_toolbox #atstbx a:active span, .news-nav .addthis_sharing_toolbox #atstbx a.clicked span {
  top: 8px !important;
  right: 8px !important;
}

.news-nav .addthis_sharing_toolbox #atstbx a::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 40px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left-blk.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.news-nav .addthis_sharing_toolbox #atstbx a::after {
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom-blk.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.news-nav .addthis_sharing_toolbox #atstbx a:active::before, .news-nav .addthis_sharing_toolbox #atstbx a.clicked::before {
  top: 9px;
  left: -9px;
}

.news-nav .addthis_sharing_toolbox #atstbx a:active::after, .news-nav .addthis_sharing_toolbox #atstbx a.clicked::after {
  bottom: -9px;
  right: 9px;
}

.news-nav .addthis_sharing_toolbox #atstbx {
    width: auto
}

.news-nav .post-nav-buttons {
    display: block;
    margin-top: 10px;
    width: 100%
}

.news-nav .post-nav-buttons .prev-post {
    width: 48%;
    height: 20px;
    display: block;
    float: left;
    background-image: url('../images/Prev_Hand.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.news-nav .post-nav-buttons .prev-post::after {
  display: block;
  content: '';
  background-image: url('../images/Prev_Hand_Hover.png');
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.news-nav .post-nav-buttons .prev-post:hover {
    background-image: url('../images/Prev_Hand_Hover.png')
}

.news-nav .post-nav-buttons .prev-post:hover::before {
    content: 'previous post';
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    top: 100%;
    left: 0;
    color: #f0f;
    font-family: Franklin-Heavy;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.news-nav .post-nav-buttons .next-post {
    width: 48%;
    height: 20px;
    display: block;
    float: right;
    background-image: url('../images/Next_Hand.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

.news-nav .post-nav-buttons .next-post::after {
  display: block;
  content: '';
  background-image: url('../images/Next_Hand_Hover.png');
  width: 1px;
  height: 1px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.news-nav .post-nav-buttons .next-post:hover {
    background-image: url('../images/Next_Hand_Hover.png')
}

.news-nav .post-nav-buttons .next-post:hover::before {
    content: 'next post';
    width: 100%;
    height: auto;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    color: #f0f;
    font-family: Franklin-Heavy;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.svg .news-inner .back-link {
    background-image: url('../images/Prev_Hand.svg') !important;
}

.svg .news-inner .back-link:hover {
    background-image: url('../images/Prev_Hand_Hover.svg') !important;
}

.svg .news-inner .post-nav-buttons .prev-post {
    background-image: url('../images/Prev_Hand.svg') !important;
}

.svg .news-inner .post-nav-buttons .prev-post::after {
  background-image: url('../images/Prev_Hand_Hover.svg') !important;
}

.svg .news-inner .post-nav-buttons .prev-post:hover {
    background-image: url('../images/Prev_Hand_Hover.svg') !important;
}

.svg .news-inner .post-nav-buttons .next-post {
    background-image: url('../images/Next_Hand.svg') !important;
}

.svg .news-inner .post-nav-buttons .next-post::after {
  background-image: url('../images/Next_Hand_Hover.svg') !important;
}

.svg .news-inner .post-nav-buttons .next-post:hover {
    background-image: url('../images/Next_Hand_Hover.svg') !important;
}



#container.events ::-moz-selection{
  background-color: rgba(0, 255, 0, 0.99);
  color: #000;
}

#container.events ::selection{
  background-color: rgba(0, 255, 0, 0.99);
  color: #000;
}

.events-wrap {
    width: 100%;
    display: inline-block;
    position: relative
}

.events-wrap .news-video-outer {
    display: none
}

.events-wrap .events-blurb {
    width: 240px;
    padding: 6px;
    border: 4px solid #fff;
    display: inline-block;
    position: relative;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: 10px;
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
    vertical-align: top;
}

/*.events-wrap .events-blurb.visually-hidden {
    opacity: 0
}*/

.events-wrap .events-blurb {
    -webkit-transition: opacity 300ms, top 300ms, left 300ms;
    transition: opacity 300ms, top 300ms, left 300ms
}

.events-wrap .events-blurb.category-filtered {
    display: none !important
}

.events-wrap .events-blurb:hover {
    border-color: #0f0
}

.events-wrap .events-blurb .events-image {
    position: relative
}

.events-wrap .events-blurb .events-image img {
    width: 100%;
    display: block;
    background-color: #00ff00;
    color: #00ff00;
}

.events-wrap .events-blurb .events-title {
    color: #000;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-family: Franklin-Heavy;
    display: block;
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 18px
}

.events-wrap .events-blurb .events-title::after {
    display: block;
    position: absolute;
    content: '';
    bottom: -4px;
    left: 15%;
    width: 70%;
    height: 4px;
    background-color: #000;
    margin: 0 auto
}

.events-wrap .events-blurb .events-subtitle {
    width: 100%;
    text-align: center;
    color: #000;
    margin-bottom: 2px;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 12px
}

.events-wrap .events-blurb .events-date {
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
    background-color: #0f0;
    width: 54px;
    height: 54px
}

.events-wrap .events-blurb .events-date .events-date-inner {
    width: 100%;
    vertical-align: middle;
    display: inline-block
}

.events-wrap .events-blurb .events-date .events-date-inner span {
    text-align: center;
    text-transform: uppercase;
    font-family: Franklin-Heavy;
    color: #000;
    display: block;
    width: 100%
}

.events-wrap .events-blurb .events-date .events-date-inner span.month {
    font-size: 16px;
    line-height: 13px;
    letter-spacing: 1px
}

.events-wrap .events-blurb .events-date .events-date-inner span.day {
    font-size: 24px;
    line-height: 23px;
    letter-spacing: 2px
}

.events-wrap .events-blurb.past {
    background-color: #ccc;
    border-color: #ccc
}

.events-wrap .events-blurb.past:hover {
    border-color: #ccc
}

.events-wrap .events-blurb.past .events-date {
    background-color: #ccc
}

.events-wrap .events-blurb.upcoming:hover {
    border-color: #00f5ff
}

.events-wrap .events-blurb.upcoming .events-date {
    background-color: #00f5ff
}

.events-video .events-video-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 58px;
    height: 58px;
    margin-left: -28px;
    margin-top: -28px
}

.events-video .events-video-wrapper::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 50px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.events-video .events-video-wrapper::after {
  content: '';
  display: block;
  position: absolute;
  width: 58px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom.png);
  background-size: auto 100%;
  background-position: right center;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.events-video .events-video-wrapper .events-video-inner::after {
    content: '';
    width: 1px;
    position: absolute;
    top: 9px;
    right: 9px;
    border-left: 18px solid #fff;
    border-top: 12px transparent solid;
    border-bottom: 12px transparent solid;
}

.events-video .events-video-wrapper .events-video-inner {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #000;
    border: 4px solid #fff;
    top: 0;
    right: 0
}
/*
.events-video .events-video-wrapper .events-video-inner::before {
    background-color: #fff;
    border: 3px solid #fff;
    border-top-width: 4px;
    border-bottom-width: 4px;
    content: ' ';
    display: block;
    position: absolute;
    height: 100%;
    width: 0;
    top: -1px;
    left: -10px;
    -webkit-transform: skewY(-45deg);
    -moz-transform: skewY(-45deg);
    -ms-transform: skewY(-45deg);
    -o-transform: skewY(-45deg);
    transform: skewY(-45deg)
}

.events-video .events-video-wrapper .events-video-inner::after {
    background-color: #fff;
    border: 3px solid #fff;
    border-left-width: 4px;
    border-right-width: 4px;
    content: ' ';
    display: block;
    position: absolute;
    width: 100%;
    height: 0;
    right: -1px;
    bottom: -10px;
    -webkit-transform: skewY(-44deg);
    -moz-transform: skewY(-44deg);
    -ms-transform: skewY(-44deg);
    -o-transform: skewY(-44deg);
    transform: skewX(-44deg)
}*/

.events-post #menu-item-25 {
    width: auto;
    height: auto;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0
}

.events-post #menu-item-25 a {
    font-size: 44px !important;
    letter-spacing: 5px !important;
    padding-left: 4px !important;
    line-height: 60px !important;
    padding-left: 6px !important;
    width: 216px;
    height: 74px;
    border: 4px solid #0f0;
    color: #0f0;
    display: block;
    position: relative;
    line-height: 52px;
    font-size: 25px
}

.events-post #menu-item-25 a::before,
.events-post #menu-item-25 a::after {
    display: none
}

.events-post .filter-item {
    cursor: default !important
}

.single-ronsevents {
    height: auto
}

.single-ronsevents ::-moz-selection{
  background-color: rgba(0, 255, 0, 0.99);
  color: #000;
}

.single-ronsevents ::selection{
  background-color: rgba(0, 255, 0, 0.99);
  color: #000;
}

.single-ronsevents #container {
    position: relative;
    padding: 0;
}

.events-post {
    width: 100%;
    position: relative;
    padding-left: 330px;
}

.events-post #inner-content {
    width: 100%;
    padding: 24px 0 40px 0;
    background-color: #fff;
    text-align: center;
    position: relative
}

.events-post #inner-content .events-inner {
    color: #000;
    width: 60%;
    min-width: 496px;
    height: auto;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    color: #000
}

.events-post #inner-content .events-inner .back-wrap {
    width: 53px;
    height: auto;
    position: absolute;
    top: 0;
    left: -63px
}

.events-post #inner-content .events-inner .back-wrap .back-link {
    width: 100%;
    height: 20px;
    background-image: url('../images/Prev_Hand.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.events-post #inner-content .events-inner .back-wrap .back-link:hover::before {
    content: 'back';
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    top: 100%;
    left: 0;
    color: #0f0;
    font-family: Franklin-Heavy;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.events-post #inner-content .events-inner .back-wrap .back-link:hover {
    background-image: url('../images/Prev_Hand_Hover_Events.png')
}

.events-post #inner-content .events-inner .main-image {
    width: 100%;
    height: auto
}

.events-post #inner-content .events-inner .main-image img {
    max-width: 100%;
    max-height: 500px;
    width: auto;
    height: auto;
    display: block;
}

.events-post #inner-content .events-inner .main-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.events-post #inner-content .events-inner iframe,
.events-post #inner-content .events-inner object,
.events-post #inner-content .events-inner embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.events-post #inner-content .events-inner article {
    margin-top: 23px
}

.events-post #inner-content .events-inner article .events-title {
    color: #000;
    width: 100%;
    text-align: left;
    border-bottom: 6px solid #000;
    font-family: Franklin-Heavy;
    font-size: 34px;
    line-height: 30px;
    padding-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 4px
}

.events-post #inner-content .events-inner article .events-subtitle {
    color: #000;
    margin-top: 14px;
    width: 100%;
    text-align: left;
    font-family: Franklin-Heavy;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.events-post #inner-content .events-inner article .event-date-time {
  color: #000;
  display: block;
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 14px;
}

.events-post #inner-content .events-inner article section {
  margin-top: 30px;
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
}

.events-post #inner-content .events-inner article section p {
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

.events-post #inner-content .events-inner article a{
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  background-color: #00ff00;
  color: #000;
}

.events-post #inner-content .events-inner article a:hover{
  background: none;
}

.events-post #inner-content .events-inner article section img{
  max-width: 80%;
  height: auto;
  display: block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 16px;
  margin-top: 16px;
}

.events-nav {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 10px;
    z-index: 3
}

.events-nav .share-button{
  width: 100px;
  height: 32px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  border: 2px solid #000;
  overflow: hidden;
  white-space: nowrap;
  color: #000;
}

.events-nav .share-button span{
  color: inherit;
  font-family: Franklin-Heavy;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
  font-size: 17px;
  letter-spacing: 2px;
}

.events-nav .share-button:hover, .events-nav .share-button.open{
  border-color: #00ff00;
  color: #00ff00;
}

.events-nav .addthis_sharing_toolbox {
    width: auto
}

.events-nav .addthis_sharing_toolbox #atstbx {
    width: auto
}
 

.events-nav .addthis_sharing_toolbox #atstbx a {
  margin: 0 0 10px 0;
  width: 110px !important;
  height: 40px !important;
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  z-index: 3 !important;
  max-width: 110px !important;
  max-height: 40px !important;
  background: none !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a span {
  width: 102px !important;
  height: 32px !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  border: 2px solid #000 !important;
  color: #000 !important;
  text-align: center !important;
  background-color: #fff !important;
  transition: top 80ms, right 80ms;
  z-index: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  background: none !important;
  text-indent: 0 !important;
  line-height: 100% !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a span svg{
  display: none !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a span::before{
  color: inherit;
  font-family: Franklin-Heavy;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  line-height: 100%;
  white-space: normal;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-twitter span::before{
  content: 'twitter';
  font-size: 18px;
  letter-spacing: 2px;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-facebook span::before{
  content: 'Facebook';
  font-size: 15px;
  letter-spacing: 1px;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-google_plusone_share span::before{
  content: 'Google +';
  font-size: 16px;
  letter-spacing: 1px;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-twitter:hover span{
  border-color: #55acee !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-twitter:hover span::before{
  color: #55acee !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-facebook:hover span{
  border-color: #3b5998 !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-facebook:hover span::before{
  color: #3b5998 !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-google_plusone_share:hover span{
  border-color: #dd4b39 !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a.at-svc-google_plusone_share:hover span::before{
  color: #dd4b39 !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a span::after{
  width: 0px;
  height: 100%;
  display: inline-block;
  content: '';
  vertical-align: middle;
}

.events-nav .addthis_sharing_toolbox #atstbx a:active span, .events-nav .addthis_sharing_toolbox #atstbx a.clicked span {
  top: 8px !important;
  right: 8px !important;
}

.events-nav .addthis_sharing_toolbox #atstbx a::before {
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 40px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left-blk.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.events-nav .addthis_sharing_toolbox #atstbx a::after {
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom-blk.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.events-nav .addthis_sharing_toolbox #atstbx a:active::before, .events-nav .addthis_sharing_toolbox #atstbx a.clicked::before {
  top: 9px;
  left: -9px;
}

.events-nav .addthis_sharing_toolbox #atstbx a:active::after, .events-nav .addthis_sharing_toolbox #atstbx a.clicked::after {
  bottom: -9px;
  right: 9px;
}

.events-nav .post-nav-buttons {
    display: block;
    margin-top: 10px;
    width: 100%
}

.events-nav .post-nav-buttons .prev-post {
    width: 48%;
    height: 20px;
    display: block;
    float: left;
    background-image: url('../images/Prev_Hand.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

/* preload the hoverhand */
.events-nav .post-nav-buttons .prev-post::after {
  width: 1px;
  height: 1px;
  content: '';
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  background-image: url('../images/Prev_Hand_Hover_Events.png')
}

.events-nav .post-nav-buttons .prev-post:hover {
    background-image: url('../images/Prev_Hand_Hover_Events.png')
}

.events-nav .post-nav-buttons .prev-post:hover::before {
    content: 'previous post';
    width: 100%;
    height: auto;
    text-align: right;
    position: absolute;
    top: 100%;
    left: 0;
    color: #0f0;
    font-family: Franklin-Heavy;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.events-nav .post-nav-buttons .next-post {
    width: 48%;
    height: 20px;
    display: block;
    float: right;
    background-image: url('../images/Next_Hand.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}
.events-nav .post-nav-buttons .next-post::after {
  width: 1px;
  height: 1px;
  content: '';
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  position: absolute;
  background-image: url('../images/Next_Hand_Hover_Events.png')
}

.events-nav .post-nav-buttons .next-post:hover {
    background-image: url('../images/Next_Hand_Hover_Events.png')
}

.events-nav .post-nav-buttons .next-post:hover::before {
    content: 'next post';
    width: 100%;
    height: auto;
    text-align: left;
    position: absolute;
    top: 100%;
    left: 0;
    color: #0f0;
    font-family: Franklin-Heavy;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 5px;
}

.svg .events-inner .back-link {
    background-image: url('../images/Prev_Hand.svg') !important;
}

.svg .events-inner .back-link:hover {
    background-image: url('../images/Prev_Hand_Hover_Events.svg') !important;
}

.svg .events-inner .post-nav-buttons .prev-post {
    background-image: url('../images/Prev_Hand.svg') !important;
}

.svg .events-inner .post-nav-buttons .prev-post::after {
  background-image: url('../images/Prev_Hand_Hover_Events.svg') !important;
}

.svg .events-inner .post-nav-buttons .prev-post:hover {
    background-image: url('../images/Prev_Hand_Hover_Events.svg') !important;
}

.svg .events-inner .post-nav-buttons .next-post {
    background-image: url('../images/Next_Hand.svg') !important;
}

.svg .events-inner .post-nav-buttons .next-post::after {
  background-image: url('../images/Next_Hand_Hover_Events.svg') !important;
}

.svg .events-inner .post-nav-buttons .next-post:hover {
    background-image: url('../images/Next_Hand_Hover_Events.svg') !important;
}

#container.gallery {
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    text-align: right;
}

#container.gallery ::-moz-selection{
  background-color: rgba(0, 255, 255, 0.99);
  color: #000;
}

#container.gallery ::selection{
  background-color: rgba(0, 255, 255, 0.99);
  color: #000;
}

#container.gallery #gallery-container {
    margin-top: 10px;
}

#container.gallery .left-nav-wrap {
    background: none;
}
/*
#container.gallery .left-nav .menu-item {
    background-color: none
}

#container.gallery .left-nav .menu-item a {
    background-color: #000
}

#container.gallery .page-title {
    top: 24px;
    left: 50%;
    margin-left: -563px;
    z-index: 3;
    position: fixed;
    display: block;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px)
}

#container.gallery .left-nav {
    position: fixed;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    display: block;
    left: 50%;
    top: 60px;
    margin-left: -563px;
    z-index: 3
}

#container.gallery .logo {
    position: fixed;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    left: 50%;
    margin-left: -563px;
    z-index: 3;
    top: 552px
}

#container.gallery .logo img {
    width: 150px;
    height: auto
}*/

.page-template-gallery .filters-background {
    background-color: #0ff !important
}

.gallery-wrap {
    display: inline-block;
    position: relative;
    -webkit-transition: margin 300ms;
    transition: margin 300ms;
    margin-right: 10px;
}

.gallery-wrap .gallery-image {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    opacity: 1;
    margin-bottom: 10px;
    width: 220px;
    z-index: 2;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
    vertical-align: middle;
}

.gallery-wrap .gallery-image:hover::after,
.gallery-wrap .gallery-image.active::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 4px solid #0ff
}

.gallery-wrap .gallery-image img {
    width: 220px;
    display: block;
    background-color: #00ffff;
    color: #00ffff;
}

.gallery-wrap .gallery-image.category-filtered {
    display: none !important
}

.gallery-wrap .gallery-image.tag-filtered {
    display: none !important
}

/*.gallery-wrap .gallery-image.visually-hidden {
    opacity: 0
}

.gallery-wrap .gallery-image:not(.visually-hidden) {
    -webkit-transition: opacity 200ms, top 300ms, left 300ms;
    transition: opacity 200ms, top 300ms, left 300ms
}*/

#full-image-wrapper {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    -webkit-transform: translateZ(1px);
    -moz-transform: translateZ(1px);
    -o-transform: translateZ(1px);
    transform: translateZ(1px);
    z-index: 10;
    top: 0;
    left: 0
}

#full-image-wrapper .full-image-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background-color: #000;
    opacity: 0.7
}

#full-image-wrapper .full-image-title-wrapper {
    width: 100%;
    height: 64px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #000;
    text-align: center
}

#full-image-wrapper .full-image-title-wrapper .full-image-title {
    font-family: Franklin-Heavy;
    font-size: 24px;
    line-height: 30px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: 15px
}

#full-image-wrapper .full-image-count {
    font-family: Franklin-Heavy;
    font-size: 24px;
    line-height: 24px;
    font-weight: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 11px;
    left: 13px
}

#full-image-wrapper .full-image {
    width: 100%;
    height: 100%;
    height: calc(100% - 64px);
    top: 0;
    left: 0;
    display: block;
    position: absolute;
    text-align: center
}

#full-image-wrapper .full-image img {
    max-width: 80%;
    max-height: 100%;
    height: auto;
    width: auto;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle
}

#full-image-wrapper .left-arrow {
    width: 64px;
    height: 68px;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -34px;
    left: 0;
    background-color: #000;
    border: 4px solid #fff;
    border-left: none;
    cursor: pointer
}

#full-image-wrapper .left-arrow::after {
    content: '';
    width: 20px;
    height: 20px;
    border-left: 4px solid #fff;
    border-top: 4px solid #fff;
    top: 50%;
    left: 15px;
    position: absolute;
    display: block;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: top left;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: top left;
    transform: rotate(-45deg);
    transform-origin: top left
}

#full-image-wrapper .right-arrow {
    width: 64px;
    height: 68px;
    position: absolute;
    display: block;
    top: 50%;
    margin-top: -34px;
    right: 0;
    background-color: #000;
    border: 4px solid #fff;
    border-right: none;
    cursor: pointer
}

#full-image-wrapper .right-arrow::after {
    content: '';
    width: 20px;
    height: 20px;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    top: 50%;
    right: 15px;
    position: absolute;
    display: block;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: top right;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: top right;
    transform: rotate(45deg);
    transform-origin: top right
}

#full-image-wrapper .full-image-close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 13px;
    display: block;
    cursor: pointer
}

#full-image-wrapper .full-image-close::before {
    content: '';
    width: 4px;
    height: 100%;
    left: 10px;
    top: 0px;
    background-color: #fff;
    position: absolute;
    display: block;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: center;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center
}

#full-image-wrapper .full-image-close::after {
    content: '';
    width: 4px;
    height: 100%;
    left: 10px;
    top: 0px;
    background-color: #fff;
    position: absolute;
    display: block;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: center;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform: rotate(-45deg);
    transform-origin: center
}

.tags-wrapper {
    display: none
}

.tags-wrapper .tag-container {
    width: 280px;
    border-left: 1px solid #fff;
    display: block;
    position: fixed;
    right: -280px;
    top: 0;
    height: 100%;
    background-color: #000;
    z-index: 3;
    padding: 0 0 52px 0
}

.tags-wrapper .tag-container .tag-list {
    height: 100%;
    overflow: auto;
    display: block;
    position: relative;
    padding-right: 8px;
}

.tags-wrapper .tag-container .tag-list .tag {
    font-family: Franklin-Heavy;
    font-size: 14px;
    line-height: 10px;
    text-transform: uppercase;
    color: #828282;
    display: none;
    position: relative;
    padding: 5px 0 6px 30px;
    letter-spacing: 2px;
    cursor: pointer
}

.tags-wrapper .tag-container .tag-list .tag:first-of-type {
    margin-top: 40px
}

.tags-wrapper .tag-container .tag-list .tag:last-of-type {
    margin-bottom: 70px
}

.tags-wrapper .tag-container .tag-list .tag:hover {
    background-color: #0ff;
    color: #000
}

.tags-wrapper .tag-container .tag-list .tag.selected {
    background-color: #0ff;
    color: #000
}

.tags-wrapper .tag-container .tag-list .tag.selected::before {
    content: '';
    width: 14px;
    height: 5px;
    width: 10px;
    border: none;
    border-left: 4px solid #000;
    border-bottom: 4px solid #000;
    border-radius: 0;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform: rotate(-45deg);
    transform-origin: left bottom;
    top: 7px;
    left: 12px;
    position: absolute
}

.tags-wrapper .tag-container .tag-list .visible-tag {
    display: block
}

.tags-wrapper .tag-container .tag-list .mCSB_scrollTools {
  right: 0 !important;
  opacity: 1 !important;
  width: 4px;
  z-index: 2;
}

.tags-wrapper .tag-container .tag-list .mCSB_outside+.mCSB_scrollTools .mCSB_dragger_bar {
    border-radius: 0;
    background-color: #00ffff;
}

.tags-wrapper .tag-container .tag-list::after {
    content: '';
    height: 70px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    z-index: 1;
}

.tags-wrapper .tag-container .tag-list::before {
    content: '';
    height: 30px;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 1;
}

.tags-wrapper .tag-container .close {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 12px;
    left: 12px;
    cursor: pointer;
    z-index: 2;
}

.tags-wrapper .tag-container .close::before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 7px;
    width: 4px;
    height: 20px;
    background-color: #fff;
    -ms-transform: rotate(45deg);
    -ms-transform-origin: center;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: center;
    transform: rotate(45deg);
    transform-origin: center
}

.tags-wrapper .tag-container .close::after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 7px;
    width: 4px;
    height: 20px;
    background-color: #fff;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: center;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform: rotate(-45deg);
    transform-origin: center
}

.tags-wrapper .tag-container .close:hover::before,
.tags-wrapper .tag-container .close:hover::after {
    background-color: #0ff
}

.tags-wrapper .tag-button {
    position: fixed;
    right: 8px;
    bottom: 8px;
    z-index: 3;
    width: 102px;
    height: 36px;
    background-color: #000;
    display: block;
    border: 2px solid transparent;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tags-wrapper .tag-button span {
    text-align: center;
    text-transform: uppercase;
    font-family: Franklin-Heavy;
    font-size: 18px;
    line-height: 18px;
    color: #0ff;
    letter-spacing: 2px;
    font-weight: normal;
    display: inline-block;
    vertical-align: middle
}

.tags-wrapper .tag-button.open {
    border-color: #0ff
}

/*===================================
 *
 *      ABOUT PAGE
 *
 *===================================*/

#container.about{
  padding: 0;
  padding-left: 330px;
  position: relative;
}

#container.about ::-moz-selection{
  background-color: rgba(255, 255, 0, 0.99);
  color: #000;
}

#container.about ::selection{
  background-color: rgba(255, 255, 0, 0.99);
  color: #000;
}

.bio-outer{
  width: 100%;
  background-color: #fff;
  padding: 24px 0 40px 0;
  text-align: center;
}

.about-wrap {
  width: 80%;
  min-width: 740px;
  display: inline-block;
  position: relative;
  margin: 0 auto;
}

.about-wrap .bio-section {
    width: 100%;
    display: block;
    position: relative
}

.about-wrap .bio-section .section-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 0px 80px 20px 10px
}

.about-wrap .bio-section .section-left .section-title {
    color: #000;
    font-family: Franklin-Heavy;
    font-size: 28px;
    line-height: 30px;
    font-weight: normal;
    display: block;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px
}

.about-wrap .bio-section .section-left .section-info,
.about-wrap .bio-section .section-left .section-info p {
    color: #000;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px
}

.about-wrap .bio-section .section-left .section-info a{
  background-color: #ffff00;
  color: #000;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
}

.about-wrap .bio-section .section-right {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.about-wrap .bio-section .section-right .section-media {
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: normal
}

.about-wrap .bio-section .section-right .section-media img {
    width: 100%;
    height: auto
}

.about-wrap .interview-section {
    width: 100%;
    display: block;
    position: relative
}

.about-wrap .interview-section::before {
    content: '';
    width: 40%;
    width: calc(50% - 90px);
    height: 5px;
    top: 0;
    left: 10px;
    background-color: #000;
    position: absolute;
    display: block
}

.about-wrap .interview-section ~ .interview-section::before {
    display: none
}

.about-wrap .interview-section .section-left {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding: 20px 80px 20px 10px
}

.about-wrap .interview-section .section-left .section-title {
    color: #000;
    font-family: Franklin-Heavy;
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    display: block;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px
}

.about-wrap .interview-section .section-left .section-info,
.about-wrap .interview-section .section-left .section-info p {
    color: #000 !important;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
    text-align: left !important;
}

.about-wrap .interview-section .section-left .section-info a{
  background-color: #ffff00;
  color: #000;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 1px;
}

.about-wrap .interview-section .section-left .section-info a:hover{
  color: #000;
  background: none;
}

.about-wrap .interview-section .section-right {
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.about-wrap .interview-section .section-right .section-media {
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: normal
}

.about-wrap .interview-section .section-right .section-media .section-video {
    width: 100%;
    height: 276px
}

.about-wrap .interview-section .section-right .section-media .section-video iframe,
.about-wrap .interview-section .section-right .section-media .section-video object,
.about-wrap .interview-section .section-right .section-media .section-video embed {
    width: 100%;
    height: 100%
}

.about-wrap .interview-section .section-right .section-media img {
    width: 100%;
    height: auto
}

.page-template-about .filters-background {
    background-color: #ff0 !important
}


/*==============================
 *
 *    CONTACT PAGE
 *
 *===============================*/

#container.contact{
  padding: 0;
  position: relative;
  padding-left: 330px;
}

#container.contact ::-moz-selection{
  background-color: rgba(149, 66, 217, 0.99);
  color: #fff;
}

#container.contact ::selection{
  background-color: rgba(149, 66, 217, 0.99);
  color: #fff;
}

.contact-outer{
  width: 100%;
  position: relative;
  padding: 24px 0 40px 0;
  background-color: #fff;
  text-align: center;
}

.contact-wrap {
    width: 740px;
    display: inline-block;
    position: relative;
    padding-top: 100px
}

.contact-wrap #ninja_forms_form_2_cont {
    width: 493px;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}

.contact-wrap #ninja_forms_form_2_cont .field-wrap {
    margin-bottom: 8px
}

.contact-wrap #ninja_forms_form_2_cont .field-wrap label {
    display: none
}

.contact-wrap #ninja_forms_form_2_cont .checkbox-wrap label {
    display: inline-block;
    font-family: Franklin-heavy;
    color: #000
}

.contact-wrap #ninja_forms_form_2_cont .ninja-forms-required-items {
    display: none
}

.contact-wrap #ninja_forms_form_2_cont input[type="text"],
.contact-wrap #ninja_forms_form_2_cont textarea {
    border: 1px solid #9542d9;
    resize: none;
    padding: 8px 8px 6px 8px;
    font-family: Franklin-heavy;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 10px;
    font-size: 10px;
    text-align: left
}

.contact-wrap #ninja_forms_form_2_cont input[type="text"]::-webkit-input-placeholder,
.contact-wrap #ninja_forms_form_2_cont textarea::-webkit-input-placeholder {
    font-family: Franklin-heavy;
    color: #828282;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 10px;
    font-size: 10px
}

.contact-wrap #ninja_forms_form_2_cont input[type="text"]:-moz-placeholder,
.contact-wrap #ninja_forms_form_2_cont textarea:-moz-placeholder {
    font-family: Franklin-heavy;
    color: #828282;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 10px;
    font-size: 10px
}

.contact-wrap #ninja_forms_form_2_cont input[type="text"]::-moz-placeholder,
.contact-wrap #ninja_forms_form_2_cont textarea::-moz-placeholder {
    font-family: Franklin-heavy;
    color: #828282;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 10px;
    font-size: 10px
}

.contact-wrap #ninja_forms_form_2_cont input[type="text"],
.contact-wrap #ninja_forms_form_2_cont textarea:-ms-input-placeholder {
    font-family: Franklin-heavy;
    color: #828282;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: normal;
    line-height: 10px;
    font-size: 10px
}

.contact-wrap #ninja_forms_form_2_cont .mailinglist-check-wrap {
    display: inline-block;
    position: relative;
    border: 1px solid #9542d9;
    margin: 16px auto;
    padding: 9px 10px 10px 30px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.contact-wrap #ninja_forms_form_2_cont .mailinglist-check-wrap input[type="checkbox"] {
    display: none
}

.contact-wrap #ninja_forms_form_2_cont .mailinglist-check-wrap input[type="checkbox"]+label {
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 10px;
    font-size: 10px;
    display: block;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.contact-wrap #ninja_forms_form_2_cont .mailinglist-check-wrap input[type="checkbox"]+label::before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 10px;
    border: 1px solid #000;
    position: absolute;
    left: -20px;
    top: -2px
}

.contact-wrap #ninja_forms_form_2_cont .mailinglist-check-wrap input[type="checkbox"]:checked+label::before {
    content: '';
    width: 14px;
    height: 8px;
    border: none;
    border-left: 4px solid #000;
    border-bottom: 4px solid #000;
    border-radius: 0;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform: rotate(-45deg);
    transform-origin: left bottom;
    top: 2px;
    left: -15px
}

.contact-wrap #ninja_forms_form_2_cont .send-button {
    width: 118px;
    height: 118px;
    border-radius: 59px;
    background: none;
    background-color: #9542d9;
    font-family: Franklin-heavy;
    text-transform: uppercase;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    letter-spacing: 2px;
    padding-left: 5px;
    padding-bottom: 3px
}

.contact-wrap .contact-info {
    width: 206px;
    border-top: 5px solid #000;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.contact-wrap .contact-info address {
    width: 100%;
    display: block;
    color: #000;
    font-family: Franklin-heavy;
    font-weight: normal;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: 2px;
    font-style: normal;
    text-align: center;
    padding: 8px 0 11px 0
}

.contact-wrap .contact-info .email {
    width: 100%;
    display: block;
    color: #000;
    border-top: 5px solid #000;
    border-bottom: 5px solid #000;
    text-align: center;
    font-family: Franklin-heavy;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 13px;
    letter-spacing: 1px;
    padding: 12px 0 14px 0
}

.contact-wrap .contact-info .phone-number {
    width: 100%;
    display: block;
    color: #000;
    text-align: center;
    font-family: Franklin-heavy;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: 2px;
    padding: 11px 0 14px 0;
    border-bottom: 5px solid #000;
}

.search-container{
  position: relative;
  width: 100%;
  text-align: center;
}

.search-wrap {
    width: 564px;
    display: inline-block;
    position: relative;
    padding-top: 100px;
}

.search-wrap #searchform button {
    width: 44px;
    height: 60px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    text-indent: 99999999em;
    overflow: hidden;
    background-color: #000
}

.search-wrap #searchform button::before {
    content: '';
    width: 25px;
    height: 25px;
    display: block;
    position: absolute;
    top: 9px;
    left: 0;
    border: 5px solid #fff;
    border-radius: 70px
}

.search-wrap #searchform button::after {
    content: '';
    width: 5px;
    height: 15px;
    display: block;
    position: absolute;
    background-color: #fff;
    right: 3px;
    bottom: 12px;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin: center bottom;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin: center bottom;
    transform: rotate(-45deg);
    transform-origin: center bottom;
}

.search-wrap #searchform button:hover::before {
    border-color: #ee3352;
}

.search-wrap #searchform button:hover::after {
    background-color: #ee3352;
}

.search-wrap #searchform input[type="search"] {
    width: 510px;
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    background-color: #000;
    height: 60px;
    color: #fff;
    font-family: Franklin-Heavy;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 28px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 24px;
    box-sizing: border-box;
}

.search-wrap ::-moz-selection{
  background-color: rgba(238, 51, 82, 0.99);
  opacity: 1;
  color: #fff;
}

.search-wrap ::selection{
  background-color: rgba(238, 51, 82, 0.99);
  opacity: 1;
  color: #fff;
}

.search-wrap #search-input{
  display: inline-block;
  position: relative;
  border-bottom: 5px solid #fff;
  width: 100%;
}

.search-wrap #search-input .clear-search{
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  margin-top: -8px;
}

.search-wrap #search-input .clear-search::before{
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 24px;
  top: -2px;
  left: 8px;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.search-wrap #search-input .clear-search::after{
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 24px;
  top: -2px;
  left: 8px;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.search-wrap #search-input .clear-search:hover::before, .search-wrap #search-input .clear-search:hover::after{
  background-color: #ee3352;
}

.search-wrap .search-results,
.search-wrap .search-results ul {
    display: block;
    position: relative;
    width: 100%
}

.search-wrap .search-results ul li {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: right;
    padding: 16px 0;
    border-bottom: 3px solid #fff;
}

.search-wrap .search-results ul li .titles-container {
    width: 100%;
    display: inline-block;
    position: relative;
    white-space: normal;
    text-align: left;
    padding-right: 95px;
}

.search-wrap .search-results ul li .titles-container .result-title {
  display: inline-block;
  width: 100%;
  position: relative;
  font-family: Franklin-Heavy;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 120%;
}

.search-wrap .search-results ul li .titles-container .result-subtitle {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 8px;
  line-height: 120%;
  font-weight: bold;
  letter-spacing: 1px;
}

.search-wrap .search-results ul li.news-result a:hover .titles-container .result-title,
.search-wrap .search-results ul li.news-result a:hover .titles-container .result-subtitle{
  color: #ff00ff;
}

.search-wrap .search-results ul li.events-result a:hover .titles-container .result-title,
.search-wrap .search-results ul li.events-result a:hover .titles-container .result-subtitle{
  color: #00ff00;
}

.search-wrap .search-results ul li .category {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  text-transform: uppercase;
  font-family: Franklin-Heavy;
  letter-spacing: 2px;
  padding: 5px
}

.search-wrap .search-results ul li .category.category-news {
    background-color: #f0f
}

.search-wrap .search-results ul li .category.category-events {
    background-color: #0f0
}

.search-wrap #post-not-found{
  display: inline-block;
  margin-top: 30px;
  width: 100%;
  text-align: left;
}

.search-wrap #post-not-found h1{
  display: inline-block;
  width: 100%;
  line-height: 100%;
  position: relative;
  font-family: Franklin-Heavy;
  font-size: 30px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.search-wrap #post-not-found p{
  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
  margin-top: 8px;
  letter-spacing: 1px;
  padding: 0;
}

/*

.button-test{
  width: 110px;
  height: 40px;
  display: block;
  position: relative;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.button-test .button-inner{
  width: 102px;
  height: 32px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  background-color: #000;
  transition: top 80ms, right 80ms;
  z-index: 1;
}
.button-test:active .button-inner{
  top: 8px;
  right: 8px;
}

.button-test:hover .button-inner{
  border-color: orange;
}

.button-test::before{  
  content: '';
  display: block;
  position: absolute;
  width: 9px;
  height: 40px;
  left: 0;
  top: 0;
  background-image: url(../images/buttons-left.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: top 80ms, left 80ms;
}

.button-test::after{  
  content: '';
  display: block;
  position: absolute;
  width: 110px;
  height: 9px;
  right: 0;
  bottom: 0;
  background-image: url(../images/buttons-bottom.png);
  background-size: 100% 100%;
  z-index: 0;
  transition: bottom 80ms, right 80ms;
}

.button-test:active::before{
  left: -9px;
  top: 9px;
}

.button-test:active::after{
  bottom: -9px;
  right: 9px;
}

*/

/*======================================
 
          HOME PAGE

========================================*/

#container.home{
  padding: 70px 40px 40px 245px;
  width: 100%;
  position: relative;
  text-align: left;
}

#container.home .content{
  width: 100%;
  display: inline-block;
}

#container.home .content .content-inner section{
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
  border-bottom: 5px solid #fff;
}

#container.home .content .content-inner section.featured-gallery #featured{
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner{
  width: 100%;
  height: 0;
  padding-top: 38%;
  display: block;
  position: relative;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post{
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -ms-transition: opacity 500ms;
  transition: opacity 500ms;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post.active-slide{
  z-index: 2;
  opacity: 1;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post img{
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post img.location-center{
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post img.location-bottom{
  top: auto;
  bottom: 0;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post .featured-info-container{
  width: 306px;
  height: auto;
  background-color: #fff;
  display: block;
  position: absolute;
  left: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 36px;
  text-align: center;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post .featured-info-container .featured-title{
  font-family: Franklin-Heavy;
  font-size: 15px;
  line-height: 120%;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post .featured-info-container .featured-subtitle{
  font-family: Franklin-Heavy;
  font-size: 24px;
  line-height: 120%;
  font-weight: normal;
  display: inline-block;
  position: relative;
  width: 100%;
  letter-spacing: 0;
  color: #FF00FF;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post .featured-info-container .featured-subtitle::after{
  content: '';
  bottom: 0;
  left: 50%;
  width: 35px;
  height: 2px;
  display: block;
  position: absolute;
  background-color: #000;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post .featured-info-container .featured-snippet{
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 12px;
  font-family: Claredon-Light;
  line-height: 120%;
  color: #000;
}

#container.home .content .content-inner section.featured-gallery #featured .gumdrops{
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 20px 0;
}

#container.home .content .content-inner section.featured-gallery #featured .gumdrops .gumdrop{
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 52%;
  -webkit-transition: background-color 500ms;
  -moz-transition: background-color 500ms;
  -ms-transition: background-color 500ms;
  transition: background-color 500ms;
}

#container.home .content .content-inner section.featured-gallery #featured .gumdrops .gumdrop:not(.active-drop){
  cursor: pointer;
}

#container.home .content .content-inner section.featured-gallery #featured .gumdrops .gumdrop.active-drop{
  background-color: #FF00FF;
}

#container.home .content .content-inner section:not(.featured-gallery){
  padding: 36px 0;
}

#container.home .content .content-inner section .section-header{
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
}
#container.home .content .content-inner section .section-header .small-title{
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
  font-family: Claredon-Light;
  color: #fff;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  margin-bottom: 4px;
}
#container.home .content .content-inner section .section-header .large-title{
  font-family: Franklin-Heavy;
  font-size: 56px;
  line-height: 100%;
  font-weight: normal;
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
}

#container.home .content .content-inner section .section-container{
  position: relative;
}

#container.home .content .content-inner section.new-gallery .section-header a:hover span{
  color: #00ffff;
}

#container.home .content .content-inner section.new-events .section-header a:hover span{
  color: #00ff00;
}

/* collection section */

#container.home .content .content-inner section.new-collection{
  overflow: hidden;
}

#container.home .content .content-inner section.new-collection .section-container{
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 30px;
  text-align: center;
}

#container.home .content .content-inner section.new-collection .collection-item {
  width: 290px;
  height: 370px;
  padding: 6px;
  border: 4px solid #fff;
  display: inline-block;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  white-space: normal;
  vertical-align: top;
}

#container.home .content .content-inner section.new-collection .collection-item:hover{
  border-color: #ee3352;
}

#container.home .content .content-inner section.new-collection .collection-item:not(:last-of-type) {
  margin-right: 15px;
}

#container.home .content .content-inner section.new-collection .collection-item .collection-item-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#container.home .content .content-inner section.new-collection .collection-item .item-name {
  color: #000;
  width: 100%;
  text-align: center;
  padding: 12px 0;
  text-transform: uppercase;
  font-family: Franklin-Heavy;
  display: block;
  position: relative;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 16px;
}

#container.home .content .content-inner section.new-collection .collection-item .item-image {
  position: absolute;
  bottom: 6px;
  left: 6px;
  right: 6px;
  height: 290px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* gallery */

#container.home .content .content-inner section.new-gallery .section-container{
  white-space: nowrap;
  overflow: hidden;
  margin-top: 30px;
}

#container.home .content .content-inner section.new-gallery .section-container a{
  display: inline-block;
  position: relative;
}

#container.home .content .content-inner section.new-gallery .section-container a:not(:last-child){
  margin-right: 16px;
}

#container.home .content .content-inner section.new-gallery .section-container a:hover::after{
  width: 100%;
  height: 100%;
  display: block;
  content: '';
  border: 4px solid #00ffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
}
/* home news section */

#container.home .content .content-inner section.new-news{
  overflow: hidden;
  text-align: center;
}

#container.home .content .content-inner section.new-news .section-header{
  position: absolute;
  display: inline-block;
  width: auto;
  top: 50%;
  left: 100%;
  margin-left: 18px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
}

#container.home .content .content-inner section.new-news .section-container{
  display: inline-block;
  margin-right: 133px;
}

#container.home .content .content-inner section.new-news .section-header .large-title{
  font-size: 94px;
}

#container.home .content .content-inner section.new-news .section-header a:hover span{
  color: #ff00ff;
}

#container.home .content .content-inner section.new-news .news-blurb {
  width: 240px;
  height: 270px;
  padding: 6px;
  border: 4px solid #fff;
  display: inline-block;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  margin-right: 12px;
  vertical-align: top;
}

#container.home .content .content-inner section.new-news .news-blurb:last-of-type{
  margin-right: 0;
}

#container.home .content .content-inner section.new-news .news-blurb .news-blurb-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#container.home .content .content-inner section.new-news .news-blurb:hover {
  border-color: #f0f;
}

#container.home .content .content-inner section.new-news .news-blurb .news-image {
  position: relative;
  width: 100%;
  height: 160px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#container.home .content .content-inner section.new-news .news-blurb .news-title {
  color: #000;
  width: 100%;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: Franklin-Heavy;
  display: block;
  position: relative;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 18px;
}

#container.home .content .content-inner section.new-news .news-blurb .news-subtitle {
  width: 100%;
  text-align: center;
  color: #000;
  margin-bottom: 2px;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 12px;
}

/* shop by character */



#container.home .content .content-inner section.shop-character{
  overflow: hidden;
}

#container.home .content .content-inner section.shop-character .section-container{
  width: 100%;
  margin: 30px auto 0 auto;
  text-align: center;
  max-width: 740px;
}

#container.home .content .content-inner section.shop-character .character{
  width: 152px;
  height: 152px;
  display: inline-block;
  position: relative;
  border-radius: 52%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 20px;
  white-space: nowrap;
}

#container.home .content .content-inner section.shop-character .character:nth-of-type(-n + 4){
  margin-bottom: 40px;
}

#container.home .content .content-inner section.shop-character .character:nth-of-type(4n){
  margin-right: 0;
}

#container.home .content .content-inner section.shop-character .character:nth-of-type(4n + 1){
  margin-left: 0;
}

#container.home .content .content-inner section.shop-character .character .character-name{
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ff00ff;
  color: #fff;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 12px;
  font-family: Claredon-Light;
  line-height: 100%;
  padding: 14px;
  max-width: 120%;
  display: none;
}

#container.home .content .content-inner section.shop-character .character:hover .character-name{
  display: inline-block;
}

/* home events section */

#container.home .content .content-inner section.new-events{
  overflow: hidden;
  text-align: center;
}

#container.home .content .content-inner section.new-events .section-container{
  display: inline-block;
  margin-right: 117px;
}

#container.home .content .content-inner section.new-events .section-header{
  position: absolute;
  display: inline-block;
  width: auto;
  top: 50%;
  left: 100%;
  margin-left: 18px;
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: translateX(-50%) rotate(-90deg);
  -moz-transform: translateX(-50%) rotate(-90deg);
  -ms-transform: translateX(-50%) rotate(-90deg);
  transform: translateX(-50%) rotate(-90deg);
}

#container.home .content .content-inner section.new-events .section-header .large-title{
  font-size: 78px;
}

#container.home .content .content-inner section.new-events .events-blurb {
  width: 240px;
  height: 270px;
  padding: 6px;
  border: 4px solid #fff;
  display: inline-block;
  position: relative;
  background-color: #fff;
  cursor: pointer;
  margin-right: 12px;
  vertical-align: top;
}

#container.home .content .content-inner section.new-events .events-blurb:last-of-type {
  margin-right: 0;
}

#container.home .content .content-inner section.new-events .events-blurb .events-blurb-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#container.home .content .content-inner section.new-events .events-blurb:hover {
  border-color: #0f0
}

#container.home .content .content-inner section.new-events .events-blurb .events-image {
  position: relative;
  width: 100%;
  height: 160px;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#container.home .content .content-inner section.new-events .events-blurb .events-title {
  color: #000;
  width: 100%;
  text-align: center;
  padding: 12px 0;
  margin-bottom: 16px;
  text-transform: uppercase;
  font-family: Franklin-Heavy;
  display: block;
  position: relative;
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 18px;
}

#container.home .content .content-inner section.new-events .events-blurb .events-subtitle {
  width: 100%;
  text-align: center;
  color: #000;
  margin-bottom: 2px;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 12px;
}

#container.home .content .content-inner section.new-events .events-blurb .events-date {
  display: block;
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: #0f0;
  width: 54px;
  height: 54px;
  overflow: hidden;
}

#container.home .content .content-inner section.new-events .events-blurb .events-date .events-date-inner {
  width: 100%;
  vertical-align: middle;
  display: inline-block;
}

#container.home .content .content-inner section.new-events .events-blurb .events-date .events-date-inner span {
  text-align: center;
  text-transform: uppercase;
  font-family: Franklin-Heavy;
  color: #000;
  display: block;
  width: 100%;
}

#container.home .content .content-inner section.new-events .events-blurb .events-date .events-date-inner span.month {
  font-size: 16px;
  line-height: 13px;
  letter-spacing: 1px;
}

#container.home .content .content-inner section.new-events .events-blurb .events-date .events-date-inner span.day {
  font-size: 24px;
  line-height: 23px;
  letter-spacing: 2px;
}

#container.home .content .content-inner section.new-events .events-blurb.past {
  background-color: #ccc;
  border-color: #ccc;
}

#container.home .content .content-inner section.new-events .events-blurb.past:hover {
  border-color: #ccc;
}

#container.home .content .content-inner section.new-events .events-blurb.past .events-date {
  background-color: #ccc;
}

#container.home .content .content-inner section.new-events .events-blurb.upcoming:hover {
  border-color: #00f5ff;
}

#container.home .content .content-inner section.new-events .events-blurb.upcoming .events-date {
  background-color: #00f5ff;
}

/* social section */

#container.home .content .content-inner section.sign-up .section-container{
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

#container.home .content .content-inner section.sign-up .section-container .newsletter-wrap{
  display: inline-block;
  position: relative;
  width: 50%;
  height: auto;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 4px;
}

#container.home .content .content-inner section.sign-up .section-container .newsletter-wrap::after{
  content: '';
  width: 5px;
  height: 100%;
  top: 0;
  right: -2px;
  display: block;
  position: absolute;
  background-color: #fff;
}

#container.home .content .content-inner section.sign-up .section-container .newsletter span{
  font-family: Franklin-Heavy;
  font-size: 46px;
  line-height: 100%;
  font-weight: normal;
  text-transform: uppercase;
  word-spacing: -1px;
}

#container.home .content .content-inner section.sign-up .section-container .newsletter span:last-child{
  font-size: 60px;
}

#container.home .content .content-inner section.sign-up .section-container .newsletter:hover span,
#container.home .content .content-inner section.sign-up .section-container .newsletter.active span{
  color: #ff8f2d;
}

#container.home .content .content-inner section.sign-up .section-container .social{
  display: inline-block;
  position: relative;
  width: 50%;
  height: auto;
  vertical-align: middle;
  text-align: center;
}

#container.home .content .content-inner section.sign-up .section-container .social a{
  font-family: Franklin-Heavy;
  font-size: 34px;
  line-height: 100%;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 15px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

#container.home .content .content-inner section.sign-up .section-container .social a:hover{
  color: #00ffff;
}

/* LEGAL */

#container.home .content .content-inner .legal{
  width: 100%;
  display: block;
  position: relative;
  text-align: right;
  padding: 20px 0;
}

#container.home .content .content-inner .legal .copyright, #container.home .content .content-inner .legal .legal-link{
  font-family: Franklin-Heavy;
  font-size: 15px;
  line-height: 100%;
  font-weight: lighter;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  letter-spacing: 3px;
}

#container.home .content .content-inner .legal .legal-link:hover{
  color: #00ffff;
}

#container.home .content .content-inner .legal .copyright::after{
  content: 'I';
  font-family: Franklin-Heavy;
  font-size: 15px;
  line-height: 100%;
  font-weight: lighter;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  letter-spacing: 3px;
  margin: 0 7px 0 9px;
}

#container.home ::-moz-selection{
  background-color: rgba(0, 255, 255, 0.99);
  color: #000;
}

#container.home ::selection{
  background-color: rgba(0, 255, 255, 0.99);
  color: #000;
}

/*====================================
 *
 *        Join
 *
 *====================================*/

#join-wrap{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 8;
}

#join-wrap .join-overlay{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

#join-wrap .join-popup{
  width: 470px;
  height: 320px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#join-wrap .join-popup img{
  width: 100%;
  height: auto;
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
}

#join-wrap .join-popup .popup-container{
  width: 266px;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -133px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#join-wrap .join-popup .popup-container .close{
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: -26px;
  cursor: pointer;
}

#join-wrap .join-popup .popup-container .close::before{
  content: '';
  width: 4px;
  height: 24px;
  left: 50%;
  margin-left: -2px;
  top: -2px;
  display: block;
  position: absolute;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#join-wrap .join-popup .popup-container .close::after{
  content: '';
  width: 4px;
  height: 24px;
  left: 50%;
  margin-left: -2px;
  top: -2px;
  display: block;
  position: absolute;
  background-color: #fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#join-wrap .join-popup .popup-container .close:hover::before, #join-wrap .join-popup .popup-container .close:hover::after{
  background-color: #ff8f2d;
}

#join-wrap .join-popup .popup-container .popup-title{
  width: 100%;
  display: block;
  position: relative;
}

#join-wrap .join-popup .popup-container .popup-title .large{
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: Franklin-Heavy;
  font-size: 60px;
  white-space: nowrap;
  letter-spacing: 3px;
  line-height: 100%;
  font-weight: normal;
  text-transform: uppercase;
}

#join-wrap .join-popup .popup-container .popup-title .small{
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  font-family: Franklin-Heavy;
  font-size: 39px;
  white-space: nowrap;
  letter-spacing: 2px;
  line-height: 100%;
  font-weight: normal;
  text-transform: uppercase;
  margin-top: 5px;
}

#join-wrap .join-popup .popup-container input{
  width: 100%;
  background-color: #fff;
  color: #000;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
  font-family: Claredon-Light;
  display: inline-block;
  padding: 9px 10px;
  text-align: center;
  margin-top: 16px;
}

#join-wrap .join-popup .popup-container input::-webkit-input-placeholder {
  background-color: #fff;
  color: #000;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
  font-family: Claredon-Light;
  padding-top: 2px;
}

#join-wrap .join-popup .popup-container input:-moz-placeholder { 
  background-color: #fff;
  color: #000;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
  font-family: Claredon-Light;
  padding-top: 2px;
}

#join-wrap .join-popup .popup-container input::-moz-placeholder {
  background-color: #fff;
  color: #000;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
  font-family: Claredon-Light;
  padding-top: 2px;
}

#join-wrap .join-popup .popup-container input:-ms-input-placeholder { 
  background-color: #fff;
  color: #000;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 14px;
  font-family: Claredon-Light;
  padding-top: 2px;
}

#join-wrap .join-popup .popup-container button{
  display: block;
  position: relative;
  margin: 0 auto;
  width: 100px;
  height: 18px;
  background: none;
  margin-top: 16px;
}

#join-wrap .join-popup .popup-container button::before{
  content: '';
  width: 95px;
  height: 4px;
  display: block;
  position: relative;
  left: 0;
  top: 50%;
  margin-top: -2px;
  background-color: #fff;
}

#join-wrap .join-popup .popup-container button::after{
  content: '';
  width: 13px;
  height: 13px;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  display: block;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-sizing: border-box;
}

#join-wrap .join-popup .popup-container button:hover::before{
  background-color: #ff8f2d;
}

#join-wrap .join-popup .popup-container button:hover::after{
  border-color: #ff8f2d;
}

#join-wrap .join-popup ::-moz-selection{
  background-color: rgba(255, 143, 45, 0.99);
  color: #fff;
}

#join-wrap .join-popup ::selection{
  background-color: rgba(255, 143, 45, 0.99);
  color: #fff;
}

#join-wrap .join-popup.loading .popup-container{
  animation: hide 300ms forwards;
}

#join-wrap .join-popup.loading{
  animation: loadJoin 2000ms linear infinite;
}

@keyframes loadJoin{
  0%{transform: translate(-50%, -50%) rotate(0deg);}
  100%{transform: translate(-50%, -50%) rotate(-360deg);}
}

@keyframes hide{
  0%{opacity: 1;}
  99%{opacity: 0;}
  100%{display: none; opacity: 0;}
}

/* ================================================
 *
 *        LEGAL PAGE
 *
 *================================================*/

#container.legal{
  position: relative;
  padding: 0;
}

#content.legal-content {
    width: 100%;
    position: relative;
    padding-left: 330px;
}

#content.legal-content #inner-content {
    width: 100%;
    padding-top: 24px;
    padding-bottom: 40px;
    background-color: #fff;
    text-align: center;
    position: relative;
}

#content.legal-content #inner-content .legal-inner {
    color: #000;
    width: 60%;
    min-width: 496px;
    height: auto;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    color: #000
}

#container.legal .left-nav-wrap .logo img:not(.logo-teal){
  display: none;
}

#content.legal-content #inner-content .section-switch{
  width: 100%;
  display: inline-block;
  text-align: left;
}

#content.legal-content #inner-content .section-switch a{
  padding: 5px 10px;
  border: 1px solid #000;
  color: #000;
  background-color: #fff;
  margin-right: 10px;
  display: inline-block;
  position: relative;
  font-family: Franklin-Heavy;
  font-size: 15px;
  line-height: 100%;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
}

#content.legal-content #inner-content .section-switch a:hover, #content.legal-content #inner-content .section-switch a.selected{
  background-color: #000;
  color: #fff;
}

#content.legal-content #inner-content section {
  margin-top: 36px;
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  display: none;
}

#content.legal-content #inner-content section.selected{
  display: inline-block;
}

#content.legal-content #inner-content section p{
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
  margin-bottom: 16px;
}

#content.legal-content #inner-content section a{
  background-color: #00ffff;
  color: #000;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
}

#content.legal-content #inner-content section ul{
  margin-bottom: 16px;
  list-style: outside;
  padding-left: 18px;
}

#content.legal-content #inner-content section li{
  color: #000;
  text-align: left;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1px;
}

#content.legal-content #inner-content section a:hover{
  background: none;
}

#container.legal ::-moz-selection{
  background-color: rgba(255, 0, 255, 0.99);
  color: #000;
}

#container.legal ::selection{
  background-color: rgba(0, 255, 255, 0.99);
  color: #000;
}

/*========================================================================================================================================================
 *
 *
 *
 *                                                            RESPONSIVE
 *
 *
 *
 *=========================================================================================================================================================*/


@media screen and (max-width: 1200px){  
  
  /* carousel */
  #container.home .content .content-inner section.featured-gallery #featured .featured-inner{
    padding-top: 61%;
  }
  
  #container.home .content .content-inner section.featured-gallery #featured .featured-inner .featured-post .featured-info-container{
    width: 100%;
    height: auto;
    bottom: 0;
    left: 0;
    top: auto;
    right: auto;
    padding: 20px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  
  /* collection, news and events */
  #container.home .content .content-inner section.new-collection .collection-item:nth-of-type(2){
    margin-right: 0;
  }
  #container.home .content .content-inner section.new-collection .collection-item:nth-of-type(n+3){
    display: none;
  }
  #container.home .content .content-inner section.new-news .news-blurb:nth-of-type(2){
    margin-right: 0;
  }
  #container.home .content .content-inner section.new-news .news-blurb:nth-of-type(n+3){
    display: none;
  }
  #container.home .content .content-inner section.new-events .events-blurb:nth-of-type(2){
    margin-right: 0;
  }
  #container.home .content .content-inner section.new-events .events-blurb:nth-of-type(n+3){
    display: none;
  }
  
  /* characters */  

  #container.home .content .content-inner section.shop-character .character{
    margin: 0 15px;
  }
  
  #container.home .content .content-inner section.shop-character .character:nth-of-type(-n + 4){
    margin-bottom: 30px;
  }
  
  #container.home .content .content-inner section.shop-character .character:nth-of-type(4n){
    margin-right: 0;
  }
  
  #container.home .content .content-inner section.shop-character .character:nth-of-type(4n + 1){
    margin-left: 0;
  }
  
  /* bottom links */
  
  #container.home .content .content-inner section.sign-up .section-container{
    white-space: normal;
  }
  
  #container.home .content .content-inner section.sign-up .section-container .newsletter-wrap::after{
    display: none;
  }
  
  #container.home .content .content-inner section.sign-up .section-container .newsletter-wrap{
    width: 100%;
    border-bottom: 5px solid #fff;
    padding-bottom: 36px;
  }
  
  #container.home .content .content-inner section.sign-up .section-container .social{
    width: 100%;
    padding-top: 34px;
  }
  #container.home .content .content-inner .legal{
    text-align: center;
    padding: 36px 0;
  }
  
  /* individual news/events pages */
  
  .news-post, .events-post{
    padding-left: 285px;
  }
  
  .news-post #inner-content .news-inner, .events-post #inner-content .events-inner{
    margin-left: -60px;
  }
  
  /* about page */
  
  #container.about{
    padding-left: 285px;
  }
  
  .about-wrap{
    min-width: 660px;
  }
  
  /* contact page */
  
  #container.contact{
    padding-left: 285px;
  }
  
  .contact-wrap{
    width: 660px;
  }
  
  .contact-wrap #ninja_forms_form_2_cont{
    width: 414px;
  }
  
  /* legal page */
  
  #content.legal-content{
    padding-left: 285px;
  }
  
  
}

@media screen and (max-width: 1000px), screen and (max-height: 600px){
  
  /* new nav */
  
  .left-nav-wrap{
    width: 90%;
    height: auto;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0 auto;
    float: none;
    height: 84px;
    text-align: left;
    padding-top: 13px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
  }
  
  .left-nav-wrap .logo{
    height: 140px;
    display: inline-block;
  }
  
  .left-nav-wrap .logo img{
    height: 100%;
    width: auto;
  }
  
  .left-nav-wrap .open-menu-button{
    display: block;
  }
  
  .left-nav-container .menu-social-links{
    display: block;
  }
  
  .left-nav-wrap #navigation-menu{
    display: none;
    position: fixed;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 13px solid #000;
  }
  
  .left-nav-wrap .open-menu-button.clicked + #navigation-menu{
    display: block;
  }
  
  .left-nav-wrap #navigation-menu .left-nav-container{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  /* buttons */
  
  .left-nav{
    width: 436px;
    margin: 0;
  }
  
  .left-nav li{
    width: 198px !important;
    height: 64px !important;
    display: inline-block;
    margin-bottom: 20px;
  }
  
  .left-nav li:nth-of-type(2n - 1){
    margin-right: 40px;
  }
  
  .left-nav li .menu-item-inner{
    width: 100%;
    height: 100%;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    border: none;
  }

  .left-nav li:hover a.news-link .menu-item-inner, .left-nav li.clicked a.news-link .menu-item-inner {
    color: #000 !important;
    background-color: #f0f;
  }
  
  .left-nav li:hover a.about-link .menu-item-inner, .left-nav li.clicked a.about-link .menu-item-inner {
    color: #000 !important;
    background-color: #ff0;
  }
  
  .left-nav li:hover a.gallery-link .menu-item-inner, .left-nav li.clicked a.gallery-link .menu-item-inner {
    color: #000 !important;
    background-color: #0ff;
  }
  
  .left-nav li:hover a.events-link .menu-item-inner, .left-nav li.clicked a.events-link .menu-item-inner {
    color: #000 !important;
    background-color: #0f0;
  }
  
  .left-nav li:hover a.contact-link .menu-item-inner, .left-nav li.clicked a.contact-link .menu-item-inner {
    color: #000 !important;
    background-color: #9542d9;
  }
  
  .left-nav li:hover a.join-link .menu-item-inner, .left-nav li.clicked a.join-link .menu-item-inner {
    color: #000 !important;
    background-color: #ff8f2d;
  }

  .left-nav li.clicked.open a.join-link .menu-item-inner {
    color: #000 !important;
    background-color: #ff8f2d !important;
  }
  
  .left-nav li:hover a.shop-link .menu-item-inner, .left-nav li.clicked a.shop-link .menu-item-inner {
    color: #000 !important;
    background-color: #fff;
  }
  
  .left-nav li:hover a.search-link .menu-item-inner, .left-nav li.clicked a.search-link .menu-item-inner {
    color: #000 !important;
    background-color: #ee3352;
  }
  
  .left-nav li a.shop-link .menu-item-inner span{
    font-size: 52px;
    letter-spacing: 6px;    
  }
  
  .left-nav li a.news-link .menu-item-inner span{
    font-size: 50px;
    letter-spacing: 6px;    
  }
  
  .left-nav li a.gallery-link .menu-item-inner span{
    font-size: 36px;
    letter-spacing: 2px;    
  }
  
  .left-nav li a.events-link .menu-item-inner span{
    font-size: 44px;
    letter-spacing: 2px;    
  }
  
  .left-nav li a.about-link .menu-item-inner span{
    font-size: 48px;
    letter-spacing: 4px;    
  }
  
  .left-nav li a.join-link .menu-item-inner span{
    font-size: 54px;
    letter-spacing: 4px;    
  }
  
  .left-nav li a.contact-link .menu-item-inner span{
    font-size: 39px;
    letter-spacing: 1px;    
  }
  
  .left-nav li a.search-link .menu-item-inner span{
    font-size: 43px;
    letter-spacing: 2px;    
  }
  
  /* content home */
  
  #container{
    padding: 0 !important;
    text-align: center;
  }
  
  #container.home{
    text-align: center;
  }
  
  #container.home .content{
    width: 80%;
    margin: 0 auto;
    padding-top: 45px;
  }
  
  .filters-wrapper{
    display: none !important;
  }
  
  .filters-background{
    display: none !important;
  }
  
  .tags-wrapper{
    display: none !important;
  }
  
  /* news */
  
  .news-wrap{
    width: 740px;
    padding-top: 45px;
  }
  
  /* news single */
  
  .news-post{
    padding: 0;
  }
  
  .news-post #inner-content{
    padding-top: 90px;
  }
  
  /* gallery */
  #container.gallery{
    text-align: center;
  }
  
  #container.gallery #gallery-container{
    margin: 0;
    margin-top: 45px;
  }
  
  /* events */
  
  .events-wrap{
    width: 740px;
    padding-top: 45px;
  }
  
  /* events single */
  
  .events-post{
    padding: 0;
  }
  
  .events-post #inner-content{
    padding-top: 90px;
  }
  
  /* about */
  
  .bio-outer{
    padding-top: 90px;
  }
  
  /* contact */
  
  .contact-outer{
    padding-top: 90px;
  }
  
  .contact-outer .contact-wrap{
    padding-top: 0;
  }
  
  .contact-wrap{
    width: 740px;
  }
  
  .contact-wrap #ninja_forms_form_2_cont{
    width: 493px;
  }
  
  /* legal */
  #content.legal-content{
    padding: 0;
  }
  
  #content.legal-content #inner-content{
    padding-top: 90px;
  }
  
  #content.legal-content #inner-content .legal-inner{
    width: 80%;
  }
  
}

@media screen and (max-width: 900px){
  
  .left-nav-wrap{
    width: 97%;
  }
  
  #container.home .content{
    width: 90%;
  }
  #container.home .content .content-inner section.featured-gallery #featured .featured-inner{
    padding-top: 66%;
  }
  
  .left-nav-wrap #navigation-menu{
    border: 10px solid #000;
  }
  
  /* about */
  
  .about-wrap{
    width: 90%;
    min-width: 0;
  }
}

@media screen and (max-width: 800px){
  
  /* characters */  

  #container.home .content .content-inner section.shop-character .character{
    margin: 0 8px;
  }
  
  #container.home .content .content-inner section.shop-character .character:nth-of-type(-n + 4){
    margin-bottom: 16px;
  }
  
  #container.home .content .content-inner section.shop-character .character:nth-of-type(4n){
    margin-right: 0;
  }
  
  #container.home .content .content-inner section.shop-character .character:nth-of-type(4n + 1){
    margin-left: 0;
  }
  
  /* contact */
  
  .contact-wrap{
    width: 660px;
  }
  
  .contact-wrap #ninja_forms_form_2_cont{
    width: 413px;
  }
  
  /* single news and events */
  
  .news-nav .addthis_sharing_toolbox #atstbx a,
  .events-nav .addthis_sharing_toolbox #atstbx a{
    width: 100px !important;
    height: 32px !important;
  }
  
  .news-nav .addthis_sharing_toolbox #atstbx a::before,
  .news-nav .addthis_sharing_toolbox #atstbx a::after,
  .events-nav .addthis_sharing_toolbox #atstbx a::before,
  .events-nav .addthis_sharing_toolbox #atstbx a::after{
    display: none !important;
  }
  
  .news-nav .addthis_sharing_toolbox #atstbx a span, .news-nav .addthis_sharing_toolbox #atstbx a:active span, .news-nav .addthis_sharing_toolbox #atstbx a.clicked span,
  .events-nav .addthis_sharing_toolbox #atstbx a span, .events-nav .addthis_sharing_toolbox #atstbx a:active span, .events-nav .addthis_sharing_toolbox #atstbx a.clicked span{
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100px !important;
    height: 32px !important;
  }
  
  .news-nav .share-button, .events-nav .share-button{
    display: block;
  }
  
  .news-nav, .events-nav{
    width: 100px;
  }
  
  .news-nav .addthis_sharing_toolbox, .events-nav .addthis_sharing_toolbox{
    height: 0;
    overflow: hidden;
    -webkit-transition: height 150ms;
    -moz-transition: height 150ms;
    -ms-transition: height 150ms;
    transition: height 150ms;
  }
  
  .news-nav .share-button.open + .addthis_sharing_toolbox, .events-nav .share-button.open + .addthis_sharing_toolbox{
    height: 126px;
  }
  
  .news-nav .post-nav-buttons .prev-post,
  .news-nav .post-nav-buttons .next-post,
  .events-nav .post-nav-buttons .prev-post,
  .events-nav .post-nav-buttons .next-post{
    width: 45%;
  }
  
  .news-nav .post-nav-buttons,
  .events-nav .post-nav-buttons{
    margin-top: 0;
  }
  
  .news-post #inner-content .news-inner .back-wrap,
  .events-post #inner-content .events-inner .back-wrap{
    width: 45px;
    left: -55px;
  }
  
}

@media screen and (max-height: 660px){
  
  .filters-wrapper{
    display: none !important;
  }
  
  .filters-background{
    display: none !important;
  }
  
  .tags-wrapper{
    display: none !important;
  }
}

@media screen and (max-height: 460px){
  
  .left-nav{
    width: 822px !important;
    margin-top: 50px !important;
  }
  
  .left-nav li{
    margin-right: 10px !important;
    margin-bottom: 10px !important;
  }
  
  .left-nav li:nth-of-type(4n){
    margin-right: 0 !important;
  }
}

@media screen and (max-height: 460px) and (max-width: 900px){
  
  .left-nav{
    width: 670px !important;
  }
  .left-nav li{
    width: 160px !important;
    height: 53px !important;
  }
  .left-nav li a.shop-link .menu-item-inner span{
    font-size: 42px;
  }
  .left-nav li a.news-link .menu-item-inner span{
    font-size: 40px;
  }
  .left-nav li a.gallery-link .menu-item-inner span{
    font-size: 30px;
    letter-spacing: 1px;
  }
  .left-nav li a.events-link .menu-item-inner span{
    font-size: 34px;
  }
  .left-nav li a.about-link .menu-item-inner span{
    font-size: 38px;
  }
  .left-nav li a.join-link .menu-item-inner span{
    font-size: 42px;
  }
  .left-nav li a.contact-link .menu-item-inner span{
    font-size: 31px;
  }
  .left-nav li a.search-link .menu-item-inner span{
    font-size: 33px;
  }
}

/*freak*/

.menu-item.shop-link-list.freak .menu-item-inner{
  animation: freak 10s linear 0ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.news-link-list.freak .menu-item-inner{
  animation: freak 10s linear 100ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.gallery-link-list.freak .menu-item-inner{
  animation: freak 10s linear 200ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.events-link-list.freak .menu-item-inner{
  animation: freak 10s linear 300ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.about-link-list.freak .menu-item-inner{
  animation: freak 10s linear 400ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.join-link-list.freak .menu-item-inner{
  animation: freak 10s linear 500ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.contact-link-list.freak .menu-item-inner{
  animation: freak 10s linear 600ms alternate infinite;
  background-color: #000 !important;
}

.menu-item.search-link-list.freak .menu-item-inner{
  animation: freak 10s linear 700ms alternate infinite;
  background-color: #000 !important;
}


@keyframes freak{
  0%{border-color: #ffffff; color: #ffffff;}
  12.5%{border-color: #ee3352; color: #ee3352;}
  25%{border-color: #ff8f2d; color: #ff8f2d;}
  37.5%{border-color: #ffff00; color: #ffff00;}
  50%{border-color: #00ff00; color: #00ff00;}
  62.5%{border-color: #00ffff; color: #00ffff;}
  75%{border-color: #9542d9; color: #9542d9;}
  87.5%{border-color: #ff00ff; color: #ff00ff;}
  100%{border-color: #000000; color: #000000;}
}