/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


.nivo-controlNav a{
display: inline-block;
    height: 10px;
    border-radius: 100%;
    font-size: 0;
    width: 10px;
    margin: 0 4px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 8;
    background: #dcdcdc;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
}

.pos-slideshow .nivo-controlNav a.active, .slideshow_container .pos-slideshow .nivo-controlNav a:hover {
    background: #7d7d7d;
}
	
.nivo-controlNav{
	padding: 15px 0px 0px 0px;
    text-align: center;
}

.poslistcategories {
    position: relative;
    background: aliceblue;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 80px 0;
    margin-bottom: 80px;
}




/* Float three columns side by side */
.cat-column {
  float: left;
  width: 25%;
  padding: 10px 10px;
}

/* Remove extra left and right margins, due to padding */
.cat-row {margin: 0 -5px;}

/* Clear floats after the columns */
.cat-row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 1000px) {
  .cat-column {
    width: 50%;
    display: block;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 600px) {
  .cat-column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}


/* Style the counter cards */
.cat-card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 12px;
  text-align: center;
  background-color: #f1f1f1;
  transition: 0.3s;
  border-radius: 10px;
}

.cat-card h4{
	margin-top: 6px;
}

.cat-card:hover {
  box-shadow: 0 4px 30px 0 rgba(0,0,0,0.4);
}

.cat-card img {
  border-radius: 10px 10px 10px 10px;
}


.home-container {
  margin: 1em;
}

.home-top,
.home-left,
.home-right {
  overflow: hidden;
}

.home-top {
  width: calc(100% - 6px);
  min-height: 200px;
}

.home-left {
  width: calc(30% - (.5em + 6px));
  float: left;
  min-height: 400px;
  margin-top: 1em;
}

.home-right {
  width: calc(70% - (.5em + 6px));
  float: right;
  min-height: 400px;
  margin-top: 1em;
}

.block_titles {
    background: #f3004a;
    color: white;
    padding: 15px;
    text-shadow: 2px 2px #000;
}

.block_text {
    padding: 15px;
    border: 1px solid #ebebeb;
	background: white;
}



#accordion {
  max-width: 40ch;
  font-family: "Noto Serif", sans-serif;
  margin: 2rem auto;
}

#accordion section a h2 {
  color: #747474;
  font-size: 1rem;
	margin-top: 6px;
}

#accordion section p {
  display: none;
  padding: 1rem;
  margin: 0 auto;
  border-bottom: .1rem solid lightgray;
}

#accordion section a {
  color: #222;
  text-decoration: none;
  border-bottom: .1rem solid #666;
}

#accordion section p a{
	border-bottom: none;
}

#accordion section a:hover {
  cursor: pointer;
}

#accordion section:target p {
  display: block;
}

#accordion section:target a span {
  display: none;
} 

#accordion section:target a svg {
   display: none;
}

#accordion section:target a:before {
  content: "-";
  display: block;
  position: relative;
  top: -15px;
  left: -10px;
  border-radius: 50%;
  padding: 0rem .25rem .075rem .25rem;
  margin: 0 .5rem;
  font-size: 2.5rem;
  color: #a8a7a7;
  margin: 0 .75rem 0 1rem;
}

#item-one a, #item-two a, #item-three a, #item-four a {
  display: flex;
  align-items: center;
}

#item-one a::before,
#item-two a::before,
#item-three a::before,
#item-four a::before {
  content: "+";
  width: 2px;
  height: 2px;
  font-weight: 320;
  font-size: 1.25rem;
  margin: 0;
  padding: 0;
  color: #919191;
  position: relative;
  top: -9px;
  left: 18.5px;
}