/*
Theme Name: DOGR
Description: divi child theme for main divi theme
Version: 1.0
Template: divi
*/

#wpsl-wrap, #wpol-wrap {
  background-color: #fff !important;
  border-radius: 20px !important;
  padding: 20px !important;
}
#wpol-wrap {
  padding: 0 !important;
}
.wpsl-search {
  background-color: transparent !important;
}
#wpsl-wrap input, #wpsl-wrap select {
  border-radius: 20px !important;
}
#wpsl-search-btn {
  background: #101E4D !important;
  font-family: 'BlockBE',Helvetica,Arial,Lucida,sans-serif !important;
  font-size: 17px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #fff !important;
  padding: 8px 24px !important;
  border-radius: 20px !important;
  border: none !important;
  margin-left: 10px;
}
#wpsl-wrapper {
  display: block;
}
#wpol-wrapper {
  display: none;
}
#wpol-wrap {
  display: grid;
  grid-template-columns: 25% 1fr;
  gap: 20px;
}
@media screen and (max-width: 600px) {
  #wpol-wrap {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    gap: 20px;
  }
}
ul.products, ul.webshops {
  list-style-type: none !important;
  padding-left: 0 !important;
}
ul.products li, ul.webshops li {
  margin-bottom: 10px;
}
ul.products li a {
  display: grid;
  grid-template-columns: 20% 1fr;
  gap: 5px;
  align-items: center;
}
ul.products li a .product_name {
  font-size: 20px !important;
  font-family: 'BlockBE', Helvetica, Arial, Lucida, sans-serif !important;
  text-transform: uppercase !important;
  color: #1D0F44 !important;
}
ul.webshops li a {
  display: grid;
  grid-template-columns: 75px 1fr 100px;
  gap: 10px;
  align-items: center;
}
ul.webshops li a .webshop_img img {
  width: 75px !important;
  border: 1px solid #c0c0c0;
  display: block;
  border-radius: 20px !important;
}
@media screen and (max-width: 600px) {
  ul.webshops li a {
    display: grid;
    grid-template-columns: 1fr 100px;
    gap: 10px;
    align-items: left;
  }
  ul.webshops li a .webshop_img {
    display: none;
  }
}
ul.webshops li a .webshop_name {
  font-size: 20px !important;
  font-family: 'BlockBE', Helvetica, Arial, Lucida, sans-serif !important;
  text-transform: uppercase !important;
  color: #1D0F44 !important;
}
ul.products li a:hover .product_name {
  color: #3bb6bf !important;
}
.webshop_btn {
  font-family: 'BlockBE',Helvetica,Arial,Lucida,sans-serif !important;
  font-size: 20px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  background-color: #1D0F44 !important;
  padding: 8px !important;
  border-radius: 20px !important;
  text-align: center !important;
  color: #fff !important;
  border: 2px solid #1D0F44 !important;
}
.webshop_btn:hover {
  color: #1D0F44 !important;
  background-color: transparent !important;
  border: 2px solid #1D0F44 !important;
}
h3.product_title {
  font-family: 'BlockBE',Helvetica,Arial,Lucida,sans-serif !important;
  font-size: 32px !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: #1D0F44;
}
#wpol-left {
  padding: 20px 0 20px 20px;
}
#wpol-right {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: 20px;
  background-color: #fff;
  padding: 30px;
  border-radius: 0 20px 20px 0 !important;
  font-family: 'Interstate-regularcond', Helvetica, Arial, Lucida, sans-serif;
  font-size: 18px;
  color: #1D0F44;
}
@media screen and (max-width: 600px) {
  #wpol-right {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto auto;
    gap: 20px;
    padding: 20px;
  }
}