@import url('https://fonts.googleapis.com/css2?family=Coustard:wght@400;900&family=Federo&family=Limelight&family=Notable&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Orelega+One&family=Winky+Rough:ital,wght@0,300..900;1,300..900&display=swap');

@font-face {
  font-family: 'Juniorwood';
  src: url('fonts/Juniorwood.woff2') format('woff2'),
  url('fonts/Juniorwood.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DecoTech TL';
  src: url('fonts/DecoTechTL.woff2') format('woff2'),
  url('fonts/DecoTechTL.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

html {
  height: 100%;
  color: #C7B86B;
  /*font-family: "Federo";*/
  /*font-size: 14pt;*/
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.8em;
  letter-spacing: 0.05em;
}

body {
  height: 100%;
  color: #C7B86B;
  background-color: #3C3A33;
  background-image: url("images/bg.gif");
  background-repeat: repeat;
  margin: 0;
  padding: 0;
}

a, a:link, a:active, a:visited {
  text-decoration: underline;
  /*text-decoration: none;*/
  /*font-weight: bold*/
  color: #C7B86B;
  transition: all 0.5s ease;
}

a:hover {
  text-decoration: none;
  color: #E4DAA5;
  transition: all 0.5s ease;
  /*color: #D7C87E;*/
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

#pagewrapper {
  background-image: url(images/bottom-bg.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-color: #504D44;
  color: #A69B58;
  width: 910px;
  border: 5px solid #D5C374;
  margin: 0 auto;
}

#wrapper {
  width: 880px;
  margin: 0 auto;
}

#header {
  display: block;
  height: 170px;
  text-decoration: none;
  width: 910px;
  background-image: url("images/juniorwood-header-og-night-ns.png");
  margin: 0 0 0 -15px;
}

#header.header-00 {
  background-image: url("images/juniorwood-header-00.png");
}

#header.header-01 {
  background-image: url("images/juniorwood-header-01.png");
}

#header.header-02 {
  background-image: url("images/juniorwood-header-02.png");
}

#header.header-03 {
  background-image: url("images/juniorwood-header-03.png");
}

#header.header-04 {
  background-image: url("images/juniorwood-header-04.png");
}

#header.header-05 {
  background-image: url("images/juniorwood-header-05.png");
}

#header.header-06 {
  background-image: url("images/juniorwood-header-06.png");
}

#header.header-07 {
  background-image: url("images/juniorwood-header-07.png");
}

#header.header-08 {
  background-image: url("images/juniorwood-header-08.png");
}

#header.header-09 {
  background-image: url("images/juniorwood-header-09.png");
}

#header.header-10 {
  background-image: url("images/juniorwood-header-10.png");
}

#header.header-11 {
  background-image: url("images/juniorwood-header-11.png");
}

#header.header-12 {
  background-image: url("images/juniorwood-header-12.png");
}

#header.header-13 {
  background-image: url("images/juniorwood-header-13.png");
}

#header.header-14 {
  background-image: url("images/juniorwood-header-13.png");
}

#header.header-15 {
  background-image: url("images/juniorwood-header-13.png");
}

#header.header-16 {
  background-image: url("images/juniorwood-header-16.png");
}

#header.header-17 {
  background-image: url("images/juniorwood-header-17.png");
}

#header.header-18 {
  background-image: url("images/juniorwood-header-18.png");
}

#header.header-19 {
  background-image: url("images/juniorwood-header-19.png");
}

#header.header-20 {
  background-image: url("images/juniorwood-header-20.png");
}

#header.header-21 {
  background-image: url("images/juniorwood-header-21.png");
}

#header.header-22 {
  background-image: url("images/juniorwood-header-22.png");
}

#header.header-23 {
  background-image: url("images/juniorwood-header-23.png");
}

#inside-header {
display: block;
width: 910px;
height: 170px;
}

#header.header-20 #inside-header,
#header.header-21 #inside-header,
#header.header-22 #inside-header,
#header.header-23 #inside-header,
#header.header-00 #inside-header,
#header.header-01 #inside-header,
#header.header-02 #inside-header,
#header.header-03 #inside-header,
#header.header-04 #inside-header,
#header.header-05 #inside-header,
#header.header-06 #inside-header,
#header.header-07 #inside-header {
  background-image: url("images/juniorwood-stars-overlay.png");
}

#block-juniorwood-languageswitcher {

}

#block-juniorwood-languageswitcher h3 {
  display: none;
}

#block-juniorwood-languageswitcher ul.links {
  padding: 10px;
  margin: 0;
  list-style-type: none;
}

#block-juniorwood-languageswitcher li {
  padding: 0 0 0 20px;
  margin: 0;
  list-style-type: none;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

#block-juniorwood-languageswitcher li.en {
  background-image: url("images/gb.png");
}

#block-juniorwood-languageswitcher li.nl {
  background-image: url("images/nl.png");
}

#block-juniorwood-languageswitcher li a.language-link,
#block-juniorwood-languageswitcher li a.language-link.is-active {
  vertical-align: middle;
  text-decoration: none;
  color: #D5C374;
}

#block-juniorwood-languageswitcher li a.language-link:hover,
#block-juniorwood-languageswitcher li.is-active a.language-link:hover {
  color: #E1D8B3;
}

/* logo in header */

#header #navtop .region-header {
  position: relative;
}

#header #navtop .region-header #block-juniorwood-site-branding .site-name a {
  text-indent: -5000px;
  display: block;
  width: 177px;
  height: 70px;
}

#header #navtop .region-header #block-juniorwood-site-branding {
  position: absolute;
  top: 82px;
  right: 52px;
}

#header #navtop .region-header #block-juniorwood-site-branding .site-name {
  background-image: url("images/juniorwood-logo-2009.png");
  width: 177px;
  height: 70px;
  background-repeat: no-repeat;
}

#header #navtop .region-header #block-juniorwood-site-branding .site-name a {
  text-indent: -5000px;
  display: block;
  width: 177px;
  height: 70px;
}

#inside-wrapper {
  display: grid;
  grid-template-columns: 220px 550px 110px;
  grid-template-rows: auto auto;
  gap: 0;
  padding: 0;
  margin: 0 0 20px;
}

#toplogo {
  background-image: url("images/logo-juniorwood.png");
  width: 220px;
  height: 220px;
  display: block;
}

#toplogo a {
  text-indent: -5000px;
  width: 220px;
  height: 220px;
  display: block;
}

#sidebar-left {

}

#sidebar-left .block {
  border: none;
  background-color: #504D44;
  margin: 0;
  padding: 0 10px 10px;
  background-image: url("images/bg-sidebar2.gif");
  box-shadow: inset -2px -2px 0 rgba(0,0,0,0.5), inset 2px 2px 0 rgba(255,255,255,0.3);
}

#sidebar-left .block .starline-block {
  background-image: url("images/minidiv.png");
  width: 190px;
  height: 30px;
}

#sidebar-left .block .inside-block,
#sidebar-left .block .inside-nav{
  border: 5px solid #D5C374;
  background-color: #504D44;
  margin: 0;
  /*padding: 20px;*/
  /*width: calc(100% - 50px);*/
  padding: 10px;
  width: calc(100% - 30px);
}

#sidebar-left .block h3 {
  background: -webkit-linear-gradient(#E1CC7D, #E1CC7D, #A69B58, #A69B58, #A69B58);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,0.5));
  text-transform: uppercase;
  margin: 0 auto;
  font-family: 'Juniorwood';
  font-weight: normal;
  font-style: normal;
  /*font-size: 25pt;*/
  font-size: 18pt;
}

#sidebar-left ul.menu,
#block-juniorwood-account-menu ul.menu {
  margin: 0;
  padding: 0;
}

#block-juniorwood-mostrecentpoll fieldset,
#block-juniorwood-views-block-polls-poll-block-juniorwood fieldset {
  border: none;
}

#block-juniorwood-views-block-polls-poll-block-juniorwood .poll h3 {
  background: none;
  -webkit-text-fill-color: unset;
  color: #d5c374;
  font-family: "Trebuchet MS", sans-serif;
  text-transform: capitalize;
  font-size: 12pt;
  font-style: italic;
}

#edit-vote--1, #edit-result--1 {
  background-color: #AB9A58;
  border: 1px solid #36342E;
  color: #3C3A33;
  font-family: "Federo", "Trebuchet MS",Helvetica,sans-serif;
  font-weight: normal;
  box-shadow: inset -2px -2px 0 rgba(0,0,0,0.15), inset 2px 2px 0 rgba(255,255,255,0.25);
  border-radius: 0;
  background-image: linear-gradient(to bottom, #C8B76B, #81733F);
  padding: 4px 7px;
  transition: all 0.5s ease;
}

#edit-vote--1:hover, #edit-result--1:hover {
  background-image: linear-gradient(to bottom, #DDCC7D, #9F8F54);
  background-color: #AB9A58;
  border: 1px solid #36342E;
  color: #3C3A33;
  transition: all 0.5s ease;
}

#block-juniorwood-mostrecentpoll .button, #block-juniorwood-mostrecentpoll .image-button,
#block-juniorwood-views-block-polls-poll-block-juniorwood .button,
#block-juniorwood-views-block-polls-poll-block-juniorwood .image-button {
  margin-right: 0;
  margin-left: 0;
}

#sidebar-left .menu-item,
#block-juniorwood-views-block-who-s-online-who-s-online-block li,
#sidebar-left .item-list li,
#block-juniorwood-account-menu .menu-item {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 1em;
  background-image: url("images/bullet.gif");
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
  max-height: 18px;
}

.form-item, .form-actions {
  margin: 10px auto;
}

#user-login-form .form-item,
#user-login-form .form-actions {
  text-align: center;
}

#user-login-form #edit-name,
#user-login-form #edit-pass {
  width: 85%;
}

#edit-name, #edit-pass {
  background-color: #AB9A58;
  border: 1px solid #36342E;
  color: #3C3A33;
  font-family: "Federo", "Trebuchet MS",Helvetica,sans-serif;
  font-weight: normal;
  box-shadow: inset 2px 2px 0 rgba(0,0,0,0.25);
  border-radius: 0;
  background-image: linear-gradient(to bottom, #81733F, #C8B76B);
  padding: 4px 7px;
}

#edit-submit, #edit-discard-changes, #edit-cancel--1 {
  background-color: #AB9A58;
  border: 1px solid #36342E;
  color: #3C3A33;
  font-family: "Federo", "Trebuchet MS",Helvetica,sans-serif;
  font-weight: normal;
  box-shadow: inset -2px -2px 0 rgba(0,0,0,0.15), inset 2px 2px 0 rgba(255,255,255,0.25);
  border-radius: 0;
  background-image: linear-gradient(to bottom, #C8B76B, #81733F);
  padding: 4px 7px;
}

#edit-submit:hover, #edit-discard-changes:hover, #edit-cancel--1:hover {
  background-color: #AB9A58;
  background-image: linear-gradient(to bottom, #DFCE83, #C8B76B);
}

#main-wrapper {

}

#inside-main {
  background-color: #504D44;
  width: 520px;
  border: 5px solid #D5C374;
  padding: 10px;
}

.page-node-type-page #block-juniorwood-page-title {
  border-bottom: 1px dotted #C7B86B;
  margin-bottom: 10px;
}

.page-node-type-page #body-section h3 {
  background: -webkit-linear-gradient(#E1CC7D, #E1CC7D, #A69B58, #A69B58, #A69B58);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,0.5));
  text-transform: uppercase;
  margin: 0 auto;
  font-family: 'Juniorwood';
  font-weight: normal;
  font-style: normal;
  font-size: 18pt;
}

h2.page-title {
  /*border-bottom: 1px dotted #C7B86B;*/
  /*margin-bottom: 10px;*/
  background: -webkit-linear-gradient(#E1CC7D, #E1CC7D, #A69B58, #A69B58, #A69B58);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 1px rgba(0,0,0,0.5));
  text-transform: uppercase;
  margin: 0 auto -5px;
  font-family: 'Juniorwood';
  font-weight: normal;
  font-style: normal;
  font-size: 25pt;
}

.node__meta {
  margin: 0 0 5px;
  font-style: italic;
  border-bottom: 1px dotted #C7B86B;
}

.image-style-juniorwood-wide {
  max-width: 100%;
  height: auto;
  margin: 0 0 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.75);
}

.image-style-juniorwood-small {
  margin: 0 0 10px;
  box-shadow: 0 0 5px rgba(0,0,0,0.75);
}

.field--name-field-media-image-20 {
  text-align: center;
}

hr {
  background: url("images/minidiv.png") no-repeat top center;
  height: 30px;
  border:none !important;
  margin: 0 0 10px;
}

#block-juniorwood-content ul {
  padding: 0;
  list-style: none outside;
  text-align: left;
  margin: 0 0 10px;
}

#block-juniorwood-content li {
  list-style: none;
  margin: 0px;
  padding: 0px 0px 0px 1em;
  background-image: url("images/bullet.gif");
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
  max-height: 18px;
}

/* primary tabs */

.tabs > li {
  display: inline-block;
  margin-right: 0;
}

ul.tabs {
  margin: 0 0 10px;
}

.tabs a, .tabs a:link, .tabs a:visited {
  display: block;
  background-color: #3c3a33;
  color: #C7B86B;
  text-decoration: none;
  font-family: 'Juniorwood';
  font-size: 16pt;
  margin: 0;
  padding: 6px 10px 2px;
}

.tabs a:hover, .tabs a:link:hover, .tabs a:visited:hover {
  display: block;
  background-color: #8c8258;
  color: #3C3A33;
  text-decoration: none;
  font-family: 'Juniorwood';
  font-size: 16pt;
  margin: 0;
  padding: 6px 10px 2px;
}

.tabs a.is-active {
  background-color: #C7B86B;
  color: #3c3a33;
  text-decoration: none;
  font-family: 'Juniorwood';
  font-size: 16pt;
  margin: 0;
  padding: 6px 10px 2px;
}

.tabs a.is-active:hover {
  background-color: #E1D286;
  color: #3c3a33;
  text-decoration: none;
  font-family: 'Juniorwood';
  font-size: 16pt;
  margin: 0;
  padding: 6px 10px 2px;
}

.node--unpublished {
  background-color: #674943;
}

#author-bio .starline-block {
  background-image: url("images/hr.gif");
  background-repeat: no-repeat;
  width: 450px;
  height: 30px;
  margin: 10px auto;
}

#author-bio .inside-block{
  background-color: rgba(50, 48, 43, 0.48);
  padding: 15px;
  border-radius: 0;
  margin: 0;
  box-shadow: none;
  font-size: 10pt;
  letter-spacing: 0.03em;
  font-style: italic;
}

#block-juniorwood-content #author-bio p {
  padding: 0;
  margin: 0 0 10px;
}

#block-juniorwood-content #author-bio a {

}

#author-bio .field--name-user-picture {
  line-height: 0;
  display: block;
  float: left;
  width: 80px;
  margin: 0 10px 10px 0;
}

#author-bio .image-style-thumbnail {
  width: 80px;
  height: 80px;
}

#author-bio .field--name-field-bio {

}

#author-bio:after {
  content: "";
  display: table;
  clear: both;
}

.starline {
  background-image: url("images/hr.gif");
  width: 450px;
  height: 30px;
  margin: 10px auto;
}

/* sidebar right */

#sidebar-right {

}

#sidebar-right .block {

}

#sidebar-right .block .inside-block {

}

#block-juniorwood-juniorwoodmenu ul.menu,
#block-juniorwood-juniorwoodmenutop ul.menu{
  margin: 0;
  padding: 0;
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li {
  width: 110px;
  height: 110px;
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-indent: -5000px;
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li {
  width: 110px;
  height: 110px;
  display: inline-block;
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-indent: -5000px;
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li a,
#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li a {
  width: 110px;
  height: 110px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  transition: none;
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li a:hover,
#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li a:hover {
  transition: none;
}

#block-juniorwood-juniorwoodmenutop ul.menu {
  display: flex;
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop li a,
#sidebar-right nav#block-juniorwood-juniorwoodmenu li a {
  background-position: 0 0;
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li a:hover,
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li a:hover {
  background-position: 0 -110px;
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li a.is-active,
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li a.is-active {
background-position: 0 -220px;
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(1) a:lang(en),
#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(1) a:lang(nl){
background-image: url("images/nav_home.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(2) a:lang(en) {
  background-image: url("images/nav_about.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(2) a:lang(nl) {
  background-image: url("images/nav_over.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(3) a:lang(en) {
background-image: url("images/nav_photos.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(3) a:lang(nl) {
background-image: url("images/nav_fotos.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(4) a:lang(en),
#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(4) a:lang(nl){
background-image: url("images/nav_artwork.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(5) a:lang(en) {
background-image: url("images/nav_friends.png");
}

#sidebar-top nav#block-juniorwood-juniorwoodmenutop .inside-nav > ul li:nth-child(5) a:lang(nl) {
background-image: url("images/nav_vrienden.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(1) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(1) a:lang(nl){
  background-image: url("images/nav_contact.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(2) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(2) a:lang(nl){
background-image: url("images/nav_walloffame.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(3) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(3) a:lang(nl){
background-image: url("images/nav_spore.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(4) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(4) a:lang(nl){
background-image: url("images/nav_sims2.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(5) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(5) a:lang(nl){
background-image: url("images/nav_sims3.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(6) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(6) a:lang(nl){
background-image: url("images/nav_mysims.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(7) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(7) a:lang(nl){
background-image: url("images/nav_leipzig.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(8) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(8) a:lang(nl){
background-image: url("images/nav_california.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(9) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(9) a:lang(nl){
background-image: url("images/nav_lastfm.png");
}

#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(10) a:lang(en),
#sidebar-right nav#block-juniorwood-juniorwoodmenu .inside-nav > ul li:nth-child(10) a:lang(nl){
background-image: url("images/nav_touyube.png");
}

#copyright {
  margin: 0 auto 20px;
  text-align: center;
  font-size: 10pt;
}

#copyright p {
  margin: 0;
}

#rel {
display: none;
}

/* messages */

.messages {
  background-color: #6D8144;
  border: none;
  box-shadow: -10px 0 0 #91A26D;
  margin: 0 0 10px 10px;
  color: #CBD8AF;
}

.messages.messages--status {
  background-color: #6D8144;
  border: none;
  box-shadow: -10px 0 0 #91A26D;
  margin: 0 0 10px 10px;
  color: #CBD8AF;
  background-image: url("images/check.png");
}

.messages.messages--status a {
  color: #E2ECCC;
}

.messages.messages--error {
  background-color: #7a4d45;
  border: none;
  box-shadow: -10px 0 0 #a46d63;
  margin: 0 0 10px 10px;
  color: #d7a096;
  background-image: url("images/error.png");
}

.messages.messages--error a {
  color: #fcd5ce;
}

.messages.messages--warning {
  background-color: #94693b;
  border: none;
  box-shadow: -10px 0 0 #be9364;
  margin: 0 0 10px 10px;
  color: #e2bf98;
  background-image: url("images/warning.png");
}

.messages.messages--warning a {
  color: #fcdebc;
}

/* toolbar */

.toolbar .toolbar-bar {
  color: #978d54;
  background-color: #201e18;
  box-shadow: -1px 0 3px 1px rgba(0, 0, 0, 0.33);
}

.toolbar .toolbar-tray {
  background-color: #383732;
}

.toolbar-horizontal .toolbar-tray {
  border-bottom: 1px solid #383732;
}

.toolbar-tray a, .toolbar-tray a:link {
text-decoration: none;
color: #C7B86B;
font-weight: bold;
}

.toolbar-tray a:hover, .toolbar-tray a:active, .toolbar-tray a:focus {

}

.toolbar-tray a:hover, .toolbar-tray a:active, .toolbar-tray a:focus {
  background-color: #8c8258;
}

.toolbar-tray a.is-active, .toolbar-tray a.is-active:link, .toolbar-tray a.is-active:visited, .toolbar-tray a, .toolbar-tray a:visited {
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
}

.toolbar-tray a.is-active:hover {

}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active {
  color: #d5c374;
  border-bottom: 1px solid #383732;
  background-color: #383732;
}

.toolbar-tray-horizontal a:focus, .toolbar-box a:focus {
  outline: none;
  background-color: #d5c374;
  color: #383732;
}

.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
  border-left: 1px solid #504d44;
  border-right: 1px solid #201e18;
}

#toolbar-item-shortcuts-tray.toolbar-tray li + li {
  border-left: 1px solid #504d44;
  border-right: 1px solid #201e18;
}

/* admin only - products overview */

.path-products-overview .view-content {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-template-rows: auto;
  gap: 5px;
  padding: 0;
  margin: 0 auto 20px;
  text-align: center;
}

.path-products-overview .image-style-views-thumbnails {
  width: 100%;
  height: auto;
  text-align: center;
}

main .field__item img {
  max-width: 100%;
  height: auto;
}

/* Poll Stuff */

#block-juniorwood-views-block-polls-poll-block-juniorwood .poll .bar {
background-image: url("images/pollbar_brown.png");
background-repeat: repeat-x;
background-color: #49463E;
border: 1px solid #36342E;
height: 10px;
margin: 0 0 3px;
}

#block-juniorwood-views-block-polls-poll-block-juniorwood .poll .bar .foreground {
background-image: url("images/pollbar_gold.png");
background-repeat: repeat-x;
background-color: #9A8B4E;
margin: 0;
height: 10px;
}


/* Admin */

.layout-builder {
  background-color: #35332d;
}

.layout-builder__add-block {
  background-color: #504d44;
}

.layout-builder__add-section {
  outline: 2px dashed #504d44;
  background-color: #35332d;
}

.layout-builder-block {
  background-color: #504d44;
}

.layout-builder__region {
  outline: 2px dashed #d5c374;
}