/*
 Theme Name:     BROFI Child
 Theme URI:      https://www.brofi.eu
 Description:    Brofi Child Theme of Divi
 Author:         Jan Brokes
 Author URI:     https://www.brofi.eu
 Template:       Divi
 Version:        1.0.0
  License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- *//* CSS Document */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 222px;
  height: 48px;
  padding: 0 12px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  border-radius: 12px;
  border-style: solid;
  border-width: 2px;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .1s ease;
}

/* primární tlačítko */
.btn-primary {
  color: #F7F6F8;
  background: #663070;
  border-color: #663070;
  box-shadow: 0px 2px 4px rgba(32,30,33,0.07), 0px 4px 6px rgba(32,30,33,0.07);
}

.btn-primary:hover {
  background: #52235C;
  border-color: #52235C;
  box-shadow: 0px 4px 10px rgba(32,30,33,0.16), 0px 6px 14px rgba(32,30,33,0.10);
  transform: translateY(-1px);
}

.btn-primary:active {
  background: #451C4D;
  border-color: #451C4D;
  box-shadow: 0px 2px 4px rgba(32,30,33,0.12);
  transform: translateY(0);
}

/* sekundární tlačítko */
.btn-secondary {
  color: #663070;
  background: #FFFFFF;
  border-color: #663070;
}

.btn-secondary:hover {
  color: #52235C;
  background: #F3EBF5;
  border-color: #52235C;
  box-shadow: 0px 4px 10px rgba(32,30,33,0.10);
  transform: translateY(-1px);
}

.btn-secondary:active {
  background: #E8D9EC;
  border-color: #451C4D;
  color: #451C4D;
  transform: translateY(0);
}

/* skupina tlačítek */
.btn-group {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}

@media (max-width: 480px) {
  .btn-group {
    flex-direction: column;
  }
  .btn-group .btn {
    width: 100%;
  }
}


.et-icon {
  font-family: "ETmodules" !important;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  speak: none;
}

.btn-primary .et-icon {
  color: #FFFFFF;
}

.btn-secondary .et-icon {
  color: #663070;
}

.btn-secondary:hover .et-icon {
  color: #52235C;
}