/*

  Theme Name: Sponge Press
  Theme URI: http://creativesponge.co.uk
  Description: Creative Sponge CMS
  Version: 3
  Author: Creative Sponge [LIVE]
  Author URI: http://creativesponge.co.uk
  Tags: Responsive, Admin, Creative, Sponge HTML5, CSS3, JS

*/

/* Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* Concrete Start */
html,body{margin:0;padding:0}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* Concrete Page Width */
.row {
  max-width:1800px;
  min-width:580px;
  margin:0 auto;
  padding:0 48px;
}
.row .row {
  padding: 0 6px;
}
@media handheld, only screen and (max-width: 599px){
  .row {
    padding: 0 15px;
  }
}

/* Concrete Responsive */
.row:after{content:"";display:table;clear:both}.row .row{max-width:100%;min-width:100%}.column,.columns{float:left;padding-left:10px;padding-right:10px}.column .column:first-of-type,.column .columns:first-of-type,.columns .column:first-of-type,.columns .columns:first-of-type{padding-left:0}.column .column:last-of-type,.column .columns:last-of-type,.columns .column:last-of-type,.columns .columns:last-of-type{padding-right:0}.column.without-padding,.columns.without-padding{padding-left:0;padding-right:0}.column.one,.columns.one{width:8.33333%}.column.two,.columns.two{width:16.66667%}.column.three,.columns.three{width:25%}.column.four,.columns.four{width:33.33333%}.column.five,.columns.five{width:41.66667%}.column.six,.columns.six{width:50%}.column.seven,.columns.seven{width:58.33333%}.column.eight,.columns.eight{width:66.66667%}.column.nine,.columns.nine{width:75%}.column.ten,.columns.ten{width:83.33333%}.column.eleven,.columns.eleven{width:91.66667%}.column.twelve,.columns.twelve{width:100%}

.column.fourHalf,.columns.fourHalf{width:37.499995%}

.offset.by-one{margin-left:8.33333%}.offset.by-two{margin-left:16.66667%}.offset.by-three{margin-left:25%}.offset.by-four{margin-left:33.33333%}.offset.by-five{margin-left:41.66667%}.offset.by-six{margin-left:50%}.offset.by-seven{margin-left:58.33333%}.offset.by-eight{margin-left:66.66667%}.offset.by-nine{margin-left:75%}.offset.by-ten{margin-left:83.33333%}.offset.by-eleven{margin-left:91.66667%}
@media handheld, only screen and (max-width: 599px){.row{width:100%;min-width:0}.offset.by-one,.offset.by-two,.offset.by-three,.offset.by-four,.offset.by-five,.offset.by-six,.offset.by-seven,.offset.by-eight,.offset.by-nine,.offset.by-ten,.offset.by-eleven{margin-left:0}.column.one,.column.two,.column.three,.column.four,.column.five,.column.six,.column.seven,.column.eight,.column.nine,.column.ten,.column.eleven,.column.twelve,.columns.one,.columns.two,.columns.three,.columns.four,.columns.five,.columns.six,.columns.seven,.columns.eight,.columns.nine,.columns.ten,.columns.eleven,.columns.twelve,.column.fourHalf,.columns.fourHalf{width:auto;float:none;padding-left:10px;padding-right:10px}.column .column,.column .columns,.columns .column,.columns .columns{padding-left:0;padding-right:0}}

/* WordPress Core */
.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}
.content .gallery img {
  border: none !important;
}
.content .gallery .gallery-item {
  margin-top: 0px !important;
  margin-bottom: 30px !important;
}
@media all and (max-width:767px){
  .content .gallery br {
    display: none !important;
  }
  .content .gallery .gallery-item {
    width: 160px !important;
    float: none !important;
    display: inline-block !important;
  }
  .content .gallery {
    text-align: center !important;
    margin-bottom: 50px !important;
    overflow: hidden;
  }
}

/* WordPress Admin Bar Fix */
html body.admin-bar .container {
  padding-top: 32px !important;
}
@media screen and (max-width: 782px) {
  html body.admin-bar .container {
    padding-top: 46px !important;
  }
}

/* Flickity Styles */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.flickity-prev-next-button:hover{background:#fff}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-prev-next-button .arrow{fill:#333}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;filter:alpha(opacity=25);opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1}

/* Stacktable */
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
@media (max-width: 800px) {
  .stacktable.large-only { display: none; }
  .stacktable.small-only { display: table; }
}

/* Standard */
body {
  overflow-y: scroll;
}
.clear:before,
.clear:after {
  content:' ';
  display:table;
}
.clear:after {
  clear:both;
}

/* Animations */
@-webkit-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeIn {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes slideIn {
  0%   { opacity: 0; -webkit-transform: translate(0px, -10px); }
  100% { opacity: 1; -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes slideIn {
  0%   { opacity: 0; -moz-transform: translate(0px, -10px); }
  100% { opacity: 1; -moz-transform: translate(0px, 0px); }
}
@-o-keyframes slideIn {
  0%   { opacity: 0; -o-transform: translate(0px, -10px); }
  100% { opacity: 1; -o-transform: translate(0px, 0px); }
}
@keyframes slideIn {
  0%   { opacity: 0; transform: translate(0px, -10px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}
@-webkit-keyframes scaleIn {
  0%   { opacity: 0; -webkit-transform: scale(0.9); }
  100% { opacity: 1; -webkit-transform: scale(1); }
}
@-moz-keyframes scaleIn {
  0%   { opacity: 0; -moz-transform: scale(0.9); }
  100% { opacity: 1; -moz-transform: scale(1); }
}
@-o-keyframes scaleIn {
  0%   { opacity: 0; -o-transform: scale(0.9); }
  100% { opacity: 1; -o-transform: scale(1); }
}
@keyframes scaleIn {
  0%   { opacity: 0; transform: scale(0.9); }
  100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes spin {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spin {
  0%   { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); }
}
@-o-keyframes spin {
  0%   { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); }
}
@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes slideInO {
  0%   { -webkit-transform: translate(-100px, 0px); }
  100% { -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes slideInO {
  0%   { -moz-transform: translate(-100px, 0px); }
  100% { -moz-transform: translate(0px, 0px); }
}
@-o-keyframes slideInO {
  0%   { -o-transform: translate(-100px, 0px); }
  100% { -o-transform: translate(0px, 0px); }
}
@keyframes slideInO {
  0%   { transform: translate(-100px, 0px); }
  100% { transform: translate(0px, 0px); }
}
@-webkit-keyframes slideInN {
  0%   { -webkit-transform: translate(50px, 0px); }
  100% { -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes slideInN {
  0%   { -moz-transform: translate(50px, 0px); }
  100% { -moz-transform: translate(0px, 0px); }
}
@-o-keyframes slideInN {
  0%   { -o-transform: translate(50px, 0px); }
  100% { -o-transform: translate(0px, 0px); }
}
@keyframes slideInN {
  0%   { transform: translate(50px, 0px); }
  100% { transform: translate(0px, 0px); }
}
@-webkit-keyframes slideInE {
  0%   { -webkit-transform: translate(-150px, 0px); }
  100% { -webkit-transform: translate(0px, 0px); }
}
@-moz-keyframes slideInE {
  0%   { -moz-transform: translate(-150px, 0px); }
  100% { -moz-transform: translate(0px, 0px); }
}
@-o-keyframes slideInE {
  0%   { -o-transform: translate(-150px, 0px); }
  100% { -o-transform: translate(0px, 0px); }
}
@keyframes slideInE {
  0%   { transform: translate(-150px, 0px); }
  100% { transform: translate(0px, 0px); }
}


/* Sponge Mobile Menu */
.mobileHeader {
  display: none;
}
.mobileMenu {
  position: absolute;
  top: 90px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.94);
  overflow: hidden;
  -webkit-animation: fadeIn 0.15s forwards linear;
  -moz-animation: fadeIn 0.15s forwards linear;
  -o-animation: fadeIn 0.15s forwards linear;
  animation: fadeIn 0.15s forwards linear;
  display: none;
	min-height: calc(100vh - 100px);
}
.mobileMenu * {
  outline: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mobileMenu.opened {
  display: block;
}
.mobileMenu .mobile {
  text-align: right;
}
.mobileMenu .mobile .first-level li:not(.contactDetails) a {
  display: flex;
  justify-content: space-between;
  color: #fff;
  text-decoration: none;
  font-size: 1.1em;
  padding: 4px 0px;
  margin: 3px 0px 15px;
}
.mobileMenu .mobile .first-level > li:not(.contactDetails) > a {
  border-bottom: 1px solid #555;
	padding: 10px 0px;
	margin: 0px 0px 15px 0px;
  font-weight: bold;
}
.mobileMenu .mobile ul.second-level ul.professionArtists li a {
  margin: 3px 0px 8px;
}
.mobileMenu .contactDetails a {
    border-bottom: none;
    font-size: 15px;
}
.mobileMenu .mobile .back > a {
  color: #C0C0C0;
  display: block!important;
}
.mobileMenu .mobile .title > a {
  font-weight: 600;
}
.mobileMenu .mobile a span {
  display: inline-block;
  padding-left: 8px;
  width: 20px;
  vertical-align: middle;
}
.mobileMenu .mobile .contactDetails span {
  color: #fff;
  font-size: 0.9em;
  display: inline-block;
  max-width: 200px;
}
.mobileMenu .mobile .back a span {
  padding-left: 0px;
  padding-right: 8px;
}
.mobileMenu .mobile polyline {
  fill: rgba(0, 0, 0, 0);
  stroke: #FFF;
  stroke-width: 1px;
}
.mobileMenu .mobile ul {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  display: none;
}
.mobileMenu .mobile ul.second-level,
.mobileMenu .mobile ul.third-level {
  -webkit-transform: translate(115%, 0px);
  -moz-transform: translate(115%, 0px);
  -o-transform: translate(115%, 0px);
  -ms-transform: translate(115%, 0px);
  transform: translate(115%, 0px);
  opacity: 0;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.mobileMenu .mobile ul.second-level.active,
.mobileMenu .mobile ul.third-level.active {
  opacity: 1;
  -webkit-transform: translate(100%, 0px);
  -moz-transform: translate(100%, 0px);
  -o-transform: translate(100%, 0px);
  -ms-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}
.mobileMenu .mobile ul.second-level.active ul.professionArtists li,
.mobileMenu .mobile ul.third-level.active ul.professionArtists li {
    padding-left: 0px;
    border-bottom: none;
}
.mobileMenu .mobile ul.second-level.active ul.professionArtists li a,
.mobileMenu .mobile ul.third-level.active ul.professionArtists li a {
    border-bottom: none;
}
.mobileMenu .mobile ul.active,
.mobileMenu .mobile ul.active ul {
  display: block;
}
.mobileMenu .mobile ul.first-level {
  top: 80px;
  right: 35px;
  display: block;
}
.mobileMenu .mobile li {
  padding-left: 20px;
  text-align: left;
}
.mobileMenu .mobile li.back {
  padding-left: 20px;
  text-align: left;
}
.mobileMenu .mobile .socials {
    float: left;
    padding-left: 20px;
    margin: 10px 0;
}
.mobileMenu .mobile .socials svg {
    height: 33px;
    width: 33px;
    fill: #fff;
    margin-right: 10px;
}
.navToggle {
  width: 45px;
  height: 40px;
  position: absolute;
  cursor: pointer;
  top: 35px;
  right: 30px;
  z-index: 99999;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.navToggle.close {
  top: 37px;
}
.navToggle span {
  display: block;
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
  background-color: #000;
  height: 4px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.navToggle span:nth-child(2) {
  top: 12px;
}
.navToggle span:nth-child(3) {
  top: 24px;
}
.navToggle.close span:nth-child(1) {
  -webkit-transform: 45deg;
  -moz-transform: 45deg;
  -o-transform: 45deg;
  -ms-transform: 45deg;
  transform: rotate(45deg);
  top: 9px;
  left: 3px;
  right: 3px;
}
.navToggle.close span:nth-child(2) {
  opacity: 0;
}
.navToggle.close span:nth-child(3) {
  -webkit-transform: -45deg;
  -moz-transform: -45deg;
  -o-transform: -45deg;
  -ms-transform: -45deg;
  transform: rotate(-45deg);
  top: 9px;
  left: 3px;
  right: 3px;
}
@media handheld, only screen and (min-width:769px){
  .mobileMenu {
    display: none !important;
  }
}
@media handheld, only screen and (max-width:769px){
  .mobileHeader {
    display: block;
  }
  .desktopMenu {
    display: none;
  }
}

/* admin bar extras */
#wp-admin-bar-reorder-blog .ab-empty-item {
  display: none !important;
}
#wp-admin-bar-reorder-blog .ab-icon:before {
  content: "\f167";
  top: 2px;
}