#home-link {
margin-top: 25px !important;
}

#custom-js-footer {
  padding: 10px 25px 20px 25px;
  background-color: #fff;
  /*display:none;*/
}
#custom-js-footer .footer-suggestion {
  max-width: 700px;
  margin: auto;
  padding-top: 30px;
  /* Hack to give room to "Powered by Wix Answers" at the bottom */
  padding-bottom: 75px;
}

#custom-js-footer .footer-suggestion strong {
  display: block;
  margin-bottom: -10px;
}
#custom-js-footer .footer-suggestion .button {
  padding: 10px 15px;
  background-color: #04cc46;
  border-radius: 3px;
  color: #fff;
}
#custom-js-footer .footer-suggestion .button:hover {
  background-color: #000;
  color: #fff;
}
footer .branding {
  /* Hack to put "Powered by Wix Answers" at the bottom */
  position: absolute;
  bottom: 0;
}


/* tweak the mag icon */
.hero:not(.small) .search-box .search-button {
	right: auto !important;
	left: 10px;
	background: none !important;
	color: #dadada !important;
}

.hero:not(.small) .search-box .search-button svg-icon { 
	color: #43515c !important;
}

/* tweak the search box */
body .hero:not(.small) .search-box .search-box-inner {
padding: 0 !important;
	padding-left: 50px !important;
	width: calc(100% - 15px);
	margin-left: -15px;
  box-sizing: border-box;
}

/* add branding elements */
.hero:not(.small) .search-box .search-box-inner:after {
	position: absolute;
	right: -15px;
	background: inherit;
	top: 0;
	bottom: 27px;
	content:"";
	width: 15px;
	z-index: 10;
	display: block;
}

.hero:not(.small) .search-box .search-box-inner:before {
  position: absolute;
  right: -15px;
  bottom: 0px;
  content:"";
  z-index: 11;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 15px 0 0;
  border-color: white transparent transparent transparent;
}

/* make sure the search box has the correct borders */
body .hero:not(.small) .search-box .search-box-inner {
	border: solid 0px #eceff0;
 	border-bottom: 1px solid transparent;   	
}

/* what happens when the search is focused... */
.hero:not(.small) .search-box .search-box-inner.is-focused {
  border-bottom: 1px solid #dadada; 
  background: white !important;
}

/* how does the INPUT behave */
body .hero:not(.small) .search-box .search-box-inner input {
 margin: 2px 0 0 0;
 height: 100%;
width: 100%;
padding-left: 0px;
box-sizing: border-box;
}



@media (max-width: 767px) {
body .hero:not(.small) .search-box .search-button {
left: -5px !important;
}
}


/* tweak the results dropdown */

body .hero:not(.small) .search-results {
 margin-top:  -60px !important; 
 margin-left: 0px;
 margin-right: 0px;
 border-radius: 0 !important;
}




@media (max-width: 767px) {

body hero .hero:not(.small) {
height: 280px;
}

body hero .hero:not(.small) .hero-titles h1 {
margin-top: 35px !important;
}

.hero:not(.small) .search-box .search-box-inner {
margin-top: 0px !important
}
  
.hero:not(.small) .search-box  {
top: 30px !important
}
  
  

home-page .categories-section {
margin: 15px 0 0 !important;
}

}


.hero .hero-titles {
     margin-bottom: 30px; 
}

.hero .hero-titles h1 {
margin-top: 72px !important;
}

.hero .hero-titles h2 {
font-size: 19px !important;
}

a.extraButtons {
border: 1px solid white;
background: none;
font-family: "Helvetica", helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 5px 15px;
color: white !important;
display: inline-block;
line-height: 23px;
z-index: 1000;
  text-transform: uppercase;
}

a.extraButtons:hover {
  border: 1px solid #05CC47 !important;
  background: #05CC47 !important;
}

a.extraButtons.left {
  margin-right:1em;
//left: calc(50% - 63px);
}
a.extraButtons.right {
//left: calc(50% + 63px);
}

a.extraButtons.topRight {
border: 1px solid rgba(255,255,255,0.35);
}


.btnContainer {
  z-index: 99999;
  pointer-events: none;
  position: absolute;
  margin-right: 200px;
  right: 50px;
  line-height: 74px;
  top: 0px;
}

/* Only display on front page */
hero section.small .btnContainer {
  display:none
}

/* mobile size */
@media (max-width: 767px) {
/*a.extraButtons { 
top: 180px !important;
font-size: 13px;
padding: 13px 15px;
}
a.extraButtons.left {
left: calc(50% - 70px);
}
a.extraButtons.right {
left: calc(50% + 70px);
}
  */
.btnContainer {
  right: 20px;
  margin-right: 100px;
}
}


.testing {
  border: 1px solid red !important;
}


.hero .hero-titles {
     margin-bottom: 30px; 
}

.hero .hero-titles h1 {
margin-top: 72px !important;
}

.hero .hero-titles h2 {
font-size: 19px !important;
}

a.extraButtons {
border: 1px solid white;
background: none;
font-family: "Helvetica", helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding: 4px 15px;
color: white !important;
display: inline-block;
line-height: 23px;
z-index: 1000;
  text-transform: uppercase;
}

a.extraButtons:hover {
  border: 1px solid #05CC47 !important;
  background: #05CC47 !important;
}

a.extraButtons.left {
  margin-right:1em;
//left: calc(50% - 63px);
}
a.extraButtons.right {
//left: calc(50% + 63px);
}

a.extraButtons.topRight {
pointer-events: auto;
border: 1px solid rgba(255,255,255,0.35);
}


.btnContainer {
  z-index: 99999;
  position: absolute;
  left: 400px;
  line-height: 74px;
  top: 0px;
}

/* Only display on front page */
hero section.small .btnContainer {
  display:none
}

/* mobile size */
@media (max-width: 767px) {
/*a.extraButtons { 
top: 180px !important;
font-size: 13px;
padding: 13px 15px;
}
a.extraButtons.left {
left: calc(50% - 70px);
}
a.extraButtons.right {
left: calc(50% + 70px);
}
  */
.btnContainer {
  left: 150px;
}
}



/* change the BACKGROUND */
home-page,
.categories-section,
.home-categories [data-type="category"] {
    background-color: #f2f2f2 !important;
}

/* make the BORDERS the right colour */
.home-categories [data-type="category"] {
  border-color: #dddddd !important;
  border-width: 1px !important;
}

/* make the TITLES uppercase */
.home-categories [data-type="category"] .category-name {
    font-size: 18px !important;
    margin-bottom: 15px !important;
    color: #7d8080 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-family: "Helvetica", helvetica, arial, sans-serif !important;
}

/* make the TEXT LINKS something */
.home-categories .sub-categories .sub-category-title,
.sub-categories.category-overlay .sub-category-title [data-type="sub-category"] {
    font-size: 15px !important;
  	font-family: "Helvetica", helvetica, arial, sans-serif !important;
    padding-bottom: 7px !important;
}


/* make the SHOW ALL uppercase */
.home-categories .sub-categories [data-type="view-all-categories"] {
  text-transform: uppercase;
  font-size: 12px !important;
  font-weight: bold !important;
  font-family: "Helvetica", helvetica, arial, sans-serif;
  bottom: 35px !important;
}


/* remove the hero dark overlay */
.hero:not(small) .hero-background .hero-background-image .hero-background-image-inner {
    background-color: rgba(0,0,0,0) !important;
    width: 100%;
    height: 100%;
}



@media (max-height: 999px) and (min-width: 767px) {
hero .hero:not(.small) {
    	height: 380px !important;
	}
}

/* adjust the hero */
hero .hero {
    font-family: "Helvetica", helvetica, arial, sans-serif;
  /* changes to something closer to Calibre - was Roboto */
  height: 380px;
}

/* make the hero title uppercase */
hero .hero:not(.small) .hero-titles h1 { 
  text-transform: uppercase;	
  font-family: "Helvetica", helvetica, arial, sans-serif;
  font-weight: bold;
}

@media (max-height: 999px) and (min-width: 767px) {
  hero .hero:not(.small) .hero-titles h1 {
    font-size: 56px !important;
  }
}


/* tweak the search box */
.hero:not(.small) .search-box .search-box-inner {
 border-radius: 0px !important; 
}

/* add credit to the hero image */
.hero:not(small) .hero-background .hero-background-image:after {
  content:"ARTIST CREDIT";
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.hero:not(small) .hero-background .hero-background-image:before {
  content:"loish";
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  
}


@media (max-width: 767px) {
.hero:not(small) .hero-background .hero-background-image {
    background-position: right !important;
  }
.hero:not(small) .hero-background .hero-background-image .hero-background-image-inner {
    background-color: rgba(0,0,0,.3) !important;
}
}

.hero:not(small) .hero-background .hero-background-image:after {
  content: "ARTIST CREDIT";
  display: block;
  position: absolute;
  bottom: 30px;
  right: 15px;
font-family: helvetica, "helvetica", sans-serif;
font-weight: bold;
font-size: 10px;
}

.hero:not(small) .hero-background .hero-background-image:before {
  content: "DanielaUhlig";
  display: block;
  position: absolute;
  bottom: 15px;
  right: 15px;
  font-family: helvetica, "helvetica", sans-serif;
font-size: 13px;
}

@media (max-width: 767px) {

.hero:not(small) .hero-background .hero-background-image:after {
display: none !important;
}

.hero:not(small) .hero-background .hero-background-image:before {
  content: "ARTIST CREDIT: DanielaUhlig";
font-size: 11px;
bottom: 13px;
}


}