/*
Theme Name:     Esportlandet
Theme URI:      https://din.ehandels.expert/
Template:       kadence
Author:         MarkusB
Author URI:     https://din.ehandels.expert/
Description:    Child Theme Description
Version:        13.37
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #8f54a0 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  margin-block: 6px;
  border-radius: 100vw;
}

*::-webkit-scrollbar-thumb {
  background-image: linear-gradient(
    -180deg,
    #ffcd00 0%,
    #ffa900 66%,
    #ff9900 100%
  );
  border-radius: 10px;
}

/* Meny */

/* First items */
li.menu-item > a {
  text-transform: uppercase;
}
ul > li.menu-item:hover {
  cursor: pointer !important;
}
div.primary-menu-container > ul#primary-menu > li.menu-item-has-children > a {
  cursor: pointer;
}
ul.sub-menu > li:hover {
  cursor: default !important;
}

span.nav-drop-title-wrap {
  color: white !important;
}
li.menu-item:last-of-type {
  border-right: 1px solid #ffffff61;
}
.dropdown-nav-toggle > span {
  display: none;
}
.nav-drop-title-wrap {
  padding: 0;
}

/* Hover effect in-menu items */
div.primary-menu-container > ul > li.menu-item:hover {
  background: #ff6200;
  transition: 0.2s;
}
div.primary-menu-container > ul > li.menu-item:hover .menu-label-icon-wrap {
  transform: rotate(45deg) scale(1.15);
}

.menu-label-icon-wrap {
  transition: 0.35s ease-in-out;
}
#primary-menu > li.menu-item {
  border-left: 1px solid #ffffff61;
  position: relative;
  margin-left: -1px;
  padding: 20px 10px;
  font-size: 13px;
}

/* ToC */
div.kb-table-of-content-wrap {
  position: relative;
}
div.kb-table-of-contents-title-wrap {
  background: white;
  color: black;
  border-radius: 1px;
  display: inline;
  outline: 1px solid #cecece;
  padding: 4px 14px 2px 14px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: -17px;
  left: 20px;
  width: auto;
}

body p {
  margin-top: 0;
}

p a,
a.highlight {
  text-decoration: none;
  color: black;
  display: inline-block;
  z-index: 99;
}
a.highlight{
  font-size:20px;
  font-weight:600;
}
a.highlight::after{
  content: "";
  position: absolute;
  right: -34px;
  top: 0;
  width: 36px;
  height: 38px;
  background: url(/wp-content/uploads/2022/10/right-angle.svg) no-repeat center;
  background-size: 11px auto;
  transition-duration: 0.25s;
  margin-top: 0px;
}
@media screen and (max-width:767px){
	a.highlight{
		font-size:17px;
	}			
	a.highlight::after{
		background-size:9px auto;
	}
	
}
@media screen and (min-width:1026px){
a.highlight:hover::after{
  right:-40px;
}}
p a:hover {
  color: initial;
}
main p a:hover::before,
a.highlight:hover::before {
  border-bottom: 7px solid transparent;
  z-index: -1;
}


p a,
a.highlight {
  position: relative;
}
main p a::before,
a.highlight::before {
  transition: 0.15s !important;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0px;
  border-bottom: 2px solid transparent;
  background: linear-gradient(45deg, #ffc704, #ff077b) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}

h2:not(.nm),
h3:not(.nm),
h4:not(.nm),
h5:not(.nm),
h6:not(.nm), body .single-content h2:first-child{
  margin: 2em 0 0.5em 0;
}
h1 {
  margin-bottom: 0.5em;
}

.btn-secondary__wrapper p.btn-label {
  margin: 0;
}

.btn-secondary__wrapper {
  display: flex;
  gap: 25px;
  margin: 30px 0;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .btn-secondary__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

a.btn-secondary,
a.btn-primary {
  font-family: Rajdhani;
  font-weight: 700 !important;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}
a.btn-secondary {
  background-color: white;
  border: 2px solid var(--main-accent);
  border-radius: 50vmax;
  color: var(--main-accent);
  text-decoration: none;
  padding: 0.5em 1.5em;
  box-shadow: 2px 2px 0px 0px #ff6200;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
a.btn-secondary:hover {
  background-color: var(--main-accent);
  color: white;
  box-shadow: 2px 3px 2px -1px #8f3100;
  transform: scale(1.1);
}

/* Custom properties */
:root {
  --main-cta: #ff007e;
  --main-accent: #ff6200;
}

.smal-sektion {
  margin-left: auto;
  margin-right: auto;
}
.relativz {
  position: relative;
}
.smal-sektionzz {
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .dolj-mobil {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .dolj-dator {
    display: none !important;
  }
}

.lg-text {
  line-height: 1.5;
  color: black;
  font-family: Rajdhani;
  font-size: 18px;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
  .lg-text {
    font-size: 16px;
    line-height: 1.3;
  }
}

.sm-text,
.spelbolag-card li {
  font-size: 14px;
}
.hlg-text {
  font-size: 14px;
  font-weight: 600;
}
.lhlg-text {
  font-size: 17px;
  font-weight: 700;
  color: black;
}
@media screen and (max-width: 768px) {
  .lhlg-text {
    font-size: 14px;
  }
}

.xsm-text {
  font-size: 12px;
  font-weight: 600;
  color: black;
}

.hlg-rubrik,
.section-container--highlight-rubriker h2 {
  position: relative;
  margin-bottom: 1em !important;
}
.hlg-rubrik::after,
.section-container--highlight-rubriker h2::after {
  content: "";
  height: 5px;
  width: 85px;
  background: linear-gradient(
    90deg,
    rgba(255, 205, 0, 1) 0%,
    rgba(255, 65, 99, 1) 66%,
    rgba(255, 0, 126, 1) 100%
  );
  position: absolute;
  left: 0;
  bottom: -3px;
}
@media screen and (max-width: 767px) {
  .hlg-rubrik::after,
  .section-container--highlight-rubriker h2::after {
    bottom: -8px;
    width: 100%;
    height: 4px;
  }
}
/*
@media screen and (min-width: 600px) {
  .spelbolag__upper-wrapper .spelbolag__summary-wrapper,
  .spelbolag__upper-wrapper .spelbolag__btn-container,
  .spelbolag__games-section {
    padding-top: 25px !important;
  }
}

/* Tablet 
@media screen and (min-width: 600px) and (max-width: 1025px) {
  .spelbolag__btn-container button {
    width: 100%;
    display: block;
  }
  .spelbolag__upper-wrapper a {
    grid-template-columns: 1fr repeat(3, 2fr);
  }
  .spelbolag__btn-container {
    grid-area: 2 / 1 / 5 / 5;
  }
}
@media screen and (max-width: 599px) {
  body .spelbolag__upper-wrapper .lg-text,
  body .spelbolag__upper-wrapper h4 {
    font-size: 15px;
  }
  body .spelbolag__upper-wrapper .sm-text {
    font-size: 14px;
  }
  .spelbolag__upper-wrapper a {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
  }
  div.spelbolag__img {
    grid-area: 1 / 1 / 1 / 1;
  }
  div.spelbolag__img img {
    height: 100px;
    object-fit: cover;
  }
  div.spelbolag__titel {
    grid-area: 1 / 4 / 3 /5;
    padding-top: 15px;
  }
  div.spelbolag__bonus-info {
    grid-area: 2 / 1 / 2 / 5;
    padding-left: 15px;
  }
  .spelbolag__summary-wrapper {
    grid-area: 4 / 1 / 4 / 5;
    padding: 0 15px;
  }
  .spelbolag__btn-container {
    grid-area: 3 / 1 / 3 / 5;
    padding: 0 15px;
  }
  .spelbolag__btn-container {
    display: block;
    width: 100%;
  }
}
*/
/* Knapp */
a.btn-primary:hover, a.btn-primary:focus {
  box-shadow: 3px 3px 4px 0px #520028;
  transform: scale(1.1) !important;
  color: white;
}
/* "Hämta bonus" */
a.btn-primary {
  background: var(--main-cta);
  color: #ffffffff;
  padding: 0.5em 1em;
  border-radius: 1px;
  border: none;
  font-size: 22px;
  transition: 0.2s linear;
  text-decoration: none;
  box-shadow: 7px 7px 0px 0px #520028;
  border-radius: 3px;
  display: inline-block;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  a.btn-primary {
    font-size: 17px;
  }
}

/* Fixa in-content till modifier */
a.btn-primary__in-content {
  margin: 25px 0;
}
@media screen and (max-width: 767px) {
  .brand img {
    max-width: 200px !important;
  }
  .site-main-header-inner-wrap {
    padding: 10px 0;
  }

  .menu-toggle-icon {
    color: white;
  }

  .sub-menu .kt-row-column-wrap {
    padding-left: 15px !important;
    padding-right: 35px !important;
  }
  #wpadminbar {
    display: none !important;
  }
  .mobile-navigation ul li a {
    padding: 6px 15px !important;
    font-size: 14px;
  }
}


.rank-math-breadcrumb .last{
  font-weight: 600;
  color: black;
}



/* Datafeedr */
/* Comparison Set Button Text Color */
.dfrcs_action {
    background-color: var(--main-accent)!important;
    border-radius: 50vmax!important;
    color: white!important;
    text-decoration: none!important;
    font-weight: 600!important;
    line-height: 1!important;
	    display: inline-flex!important;
    align-items: center;
	    padding: 21px 50px!important;
    text-transform: capitalize!important;
    letter-spacing: 1px;
    font-size: 20px!important;
}

@media screen and (max-width:767px){
	div.dfrcs_link > span.dfrcs_action{
		    padding: 15px!important;
    font-size: 15px!important;
	}}



.dfrcs ul.dfrcs_compset li a .item div.dfrcs_price {
    color: black!important;
}