/*
Theme Name: Alpaka Child
Description: Child Theme for Alpaka
Author: Your Name
Template: alpakanew2
Text Domain: alpakachildtheme
*/

/* GLOBAL */
.post-type-archive,body[class*="term-"] {
	background:var(--bg)!important
}

/* STAR */
.star-rating-container {
	line-height: 1;
} 
.star {
	font-size:14px;
	color: var(--bg-4);
}
.star.active {
    color: #ffc107;
}

/* COPY */
.copy-icon {	 
    padding-top: calc(.5625rem - 1px);
    padding-bottom: calc(.5625rem - 1px);
    cursor: copy;
	flex-wrap: nowrap;
}
.copy {
	font-family:monospace;
	white-space: nowrap;
	padding:0 .5625rem;
    letter-spacing: -.8px;
}
.copy + svg {
	position:absolute;
	right:.75rem;
}
.item-code {
    border: 1px dotted var(--link);
	color:var(--link);
}
.item-code-title {
  top: -16px;
  left: 0;
  right: 0;
}
.item-code-title > span {	
	color:var(--link);
	padding-left:1rem;
	padding-right:1rem;
}
.label-1 > *,
.label-2 > * {
	top: auto;
	bottom:100%;
}
@media (hover: hover) {
.copy-icon:hover ~ .labels {
  display: block;
	}
}
@media (hover: none) {
    .label-1 {
        display: none !important;/* CSS to hide .label-1 on devices without hover */
    }
}

/* TABS */
.tabset > input[type="radio"],
.tabset .tab-panel {
  display: none;
}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
.tabset > label {
  display: inline-block;
  padding: 1rem 1rem;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}
.tabset > label:hover,
.tabset > input:focus + label {
  color: var(--text-3) !important;
}
.tabset > input:checked + label {
  border-radius: var(--border-radius-1);
  background: var(--bg);
}

/* FEATURES LIST */
.features-list li {
    position: relative;
    padding-left: 1.75rem;
}
.features-list li svg {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px; /* Adjust size as needed */
    height: 18px; /* Adjust size as needed */
    background-color: #4caf50; /* Green background for the SVG */
    border-radius: 50%; /* Makes the background circle */
    padding: 4px; /* Adjust padding to control the size of the green circle */
}

/* SINGLE CASINO */

.single-online-casinos article.wp-block-columns .col-1 {
	justify-content: center;
}
.single-online-casinos .loop.post h2 {
	font-size:1em;
	margin-bottom:0;
}

/* SINGLE CASINO COMMENTS */
.single-online-casinos .comments-wrapper, 
.single-casino-bonuses .comments-wrapper {
	background:var(--bg-2);
	padding:1rem;
	border-radius:var(--border-radius-1);
	margin-top:1rem;
}
.single-online-casinos .comments-wrapper h2,
.single-casino-bonuses .comments-wrapper h2 {
	margin-top:0;
}
.single-online-casinos  #commentform.comments-area, 
.single-online-casinos #comments,
.single-casino-bonuses  #commentform.comments-area, 
.single-casino-bonuses #comments{
	border:0;	
	padding: 0;
	margin:0;
}


/* CASINO TEMPLATE 3 */
/* TEMPLATE 1 */
.online-casinos .template-1 article, .casino-games .template-1 article {
    overflow:  hidden;
}

/* BTNS FONT SIZE */
.item .wp-block-button__link, .item .copy, .item .readreview {
	font-size:16px;
}
.item .count {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--border-radius-1) 0 var(--border-radius-1) 0;
    color: var(--text-3);
    background: var(--bg-4);
    top: 0;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 12.5px;
    font-weight: 600;
	line-height:0;
}
.online-casinos .template-1 .count {      
	border-radius: 50%;
    top: 3rem;
    left: 1rem;
    width: 2rem;
    height: 2rem;
    color: var(--bg-2);
}
.online-casinos .template-1 .badge {
    color: #2A2C36;
    padding: 6px;
}
.online-casinos .template-1 .item-code-container .smallest {
    background: var(--bg-3) !important;
}
.online-casinos .template-1:nth-child(1) article {
    border: 1px solid #a5bbe4;
}
.online-casinos .template-1:nth-child(2) article, .online-casinos .template-1:nth-child(3) article {
    border: 1px solid var(--border);
}
/* Badge and Count Backgrounds */
.online-casinos .template-1:first-child .badge, .online-casinos .template-1:first-child .count {
    background: #a5bbe4;
}
.online-casinos .template-1:nth-child(2) .badge, .online-casinos .template-1:nth-child(2) .count {
    background: #fece56;
}
.online-casinos .template-1:nth-child(3) .badge, .online-casinos .template-1:nth-child(3) .count {
    background: #ecb0d4;
}
.online-casinos .template-2 .wp-block-columns {    
    text-align: center;
	flex-direction:column;
}

@media screen and (min-width: 992px) {
	.online-casinos .template-2 .wp-block-columns, .casino-bonuses .template-2 .wp-block-columns	{   
		text-align: left;
		display: grid;
		grid-template-columns: minmax(182px, 20%) 1fr minmax(182px, 20%) minmax(148px, 20%);
	}
    .online-casinos .template-1:nth-child(1) {
        order: 2;
    }
    .online-casinos .template-1:nth-child(2) {
        order: 1;
        margin-top: 1.5rem;
    }
    .online-casinos .template-1:nth-child(3) {
        order: 3;
        margin-top: 1.5rem;
    }
	.online-casinos .template-1:nth-child(1) .t-1-bottom-block {
		min-height: calc(283.17px + 1.5rem) !important;
	}
    .online-casinos .template-1 .t-1-bottom-block {
        min-height: 283.17px;
    }
}

@media (min-width: 1280px) {
	.info-section {    
		display: grid;
		grid-template-columns: 300px minmax(0px, 1fr) ;
		gap: 1rem;
	}
    body:not(.single-post) .site-content-row {
        gap: 1rem;
    }
}


/* logo */
.loop.online-casinos .item img,
.loop.casino-bonuses .item img {border-radius:50%;height:86px;width:86px;border:2px solid var(--bg);
	box-shadow: 0 2px 4px rgba(15,13,10,.1), 0 0 20px rgba(15,13,10,.08);
}
.single-online-casinos article.wp-block-columns .wp-post-image, 
.single-casino-bonuses article.wp-block-columns .wp-post-image {
	border-radius:50%;
height:100px;width:100px;border:2px solid var(--bg);
	box-shadow: 0 2px 4px rgba(15,13,10,.1), 0 0 20px rgba(15,13,10,.08);}




.loop.casino-bonuses .template-2 .col-1 {    
	flex-direction: column;
}

.single-online-casinos .comments-wrapper, .single-casino-bonuses .comments-wrapper {
    background: var(--bg-2);
    padding: 0;
    border-radius: var(--border-radius-1);
    margin-top: 1rem;
}
#single-casino-news ul.loop li a {
color:var(--text-color);
}
#topcontent {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.05);
}
.more-items {cursor:pointer}

/* Secondary */
#secondary.sidebar-1 ul {margin:0;padding-left:3.25rem;list-style:none;}
#secondary.sidebar-1 .widget-title {
display:flex;
}
#secondary.sidebar-1 a {text-decoration:none;color:var(--text);padding-top:.5rem;padding-bottom:.5rem;display:flex;}
#secondary.sidebar-1 .widget-title::before {
	display:flex;
	justify-content: center;
    align-items: center;
		margin-right:1rem;
    width: 36px;
    height: 36px;
    background-color: var(--bg-4);
    border-radius: 50%;	
	content:'';
}
[data-theme='light'] #secondary.sidebar-1 .widget-title::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='16' height='16' fill='%230070c9'%3E%3Cpath d='M9,4c0-2.209,3.358-4,7.5-4s7.5,1.791,7.5,4-3.358,4-7.5,4-7.5-1.791-7.5-4Zm7.5,6c-1.027,0-2.001-.115-2.891-.315-1.359-1.019-3.586-1.685-6.109-1.685-4.142,0-7.5,1.791-7.5,4s3.358,4,7.5,4,7.5-1.791,7.5-4c0-.029-.007-.057-.008-.086h.008v2.086c0,2.209-3.358,4-7.5,4S0,16.209,0,14v2c0,2.209,3.358,4,7.5,4s7.5-1.791,7.5-4v2c0,2.209-3.358,4-7.5,4S0,20.209,0,18v2c0,2.209,3.358,4,7.5,4s7.5-1.791,7.5-4v-.08c.485,.052,.986,.08,1.5,.08,4.142,0,7.5-1.791,7.5-4v-2c0,2.119-3.092,3.849-7,3.987v-2c3.908-.138,7-1.867,7-3.987v-2c0,2.119-3.092,3.849-7,3.987v-2c3.908-.138,7-1.867,7-3.987v-2c0,2.209-3.358,4-7.5,4Z'/%3E%3C/svg%3E");
}
[data-theme='dark'] #secondary.sidebar-1 .widget-title::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 24 24' width='16' height='16' fill='%2374a7e3'%3E%3Cpath d='M9,4c0-2.209,3.358-4,7.5-4s7.5,1.791,7.5,4-3.358,4-7.5,4-7.5-1.791-7.5-4Zm7.5,6c-1.027,0-2.001-.115-2.891-.315-1.359-1.019-3.586-1.685-6.109-1.685-4.142,0-7.5,1.791-7.5,4s3.358,4,7.5,4,7.5-1.791,7.5-4c0-.029-.007-.057-.008-.086h.008v2.086c0,2.209-3.358,4-7.5,4S0,16.209,0,14v2c0,2.209,3.358,4,7.5,4s7.5-1.791,7.5-4v2c0,2.209-3.358,4-7.5,4S0,20.209,0,18v2c0,2.209,3.358,4,7.5,4s7.5-1.791,7.5-4v-.08c.485,.052,.986,.08,1.5,.08,4.142,0,7.5-1.791,7.5-4v-2c0,2.119-3.092,3.849-7,3.987v-2c3.908-.138,7-1.867,7-3.987v-2c0,2.119-3.092,3.849-7,3.987v-2c3.908-.138,7-1.867,7-3.987v-2c0,2.209-3.358,4-7.5,4Z'/%3E%3C/svg%3E");}