/*  ============
    CSS VÁLTOZÓK 
    ============  */
:root {
  /* GLOBAL */
  --primary: #2d8996;
  --primary_opacity: rgba(45, 137, 150, 0.8);
  --secondary: #f1e3a4;
  --tertialy: #ebedec;
  --background-white: white;

  --dark-text: #2a272d;
  --light-text: #898989;

  /* header.php */
  --header-background: #fefefe;
  --header-light-grey: #ebedec;
  --header-dark-grey: #8c8e8d;

  /* category.php */
  --category-accent: #f3cd2e;

  /* carousel.php */
  --carousel-grey: #c5c7c6;
  --carousel-grey-active: #9d9f9e;
}
* {
  font-family: "Roboto", sans-serif;
}

::-moz-selection {
  color: white !important;
  background: #0078d7 !important;
}

::selection {
  color: white !important;
  background: #0078d7 !important;
}

/* Görgetési effekt tovább gombra kattintva */
html {
  scroll-behavior: smooth;
}

body.modal-open {
  padding-right: 0 !important;
}


.form-check-input {
  cursor: pointer;
}

.form-check-input:checked {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}


.custom_submit {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.custom_submit:hover {
  background-color: #015d6a !important;
}