#masthead .hgroup {
    zoom: 1;
    position: relative;
    padding-top: 0px; 
    padding-bottom: 0px; 
    height: 0px;
}

import { defineConfig } from '@pandacss/dev'
 
export default defineConfig({
  theme: {
    // 👇🏻 Define your tokens here
    tokens: {
      extend: {
        colors: {
          darkblue: { value: '#08374B' },
          mediumblue: { value: '#248CC8' }
					lightblue: { value: '#DBEDF5' }
        }
  
        }
      }
    }
  }
})

/* TEXT RELATED */
h1, h2, h3, h4, h5, p, b, a, .vantage-carousel-title-text, .entry-content a {
    color: #08374B;
  }

.member h3 {
		font-size: 18px;
}

.vantage-carousel-title-text {
		font-size:22px;
}

a:hover {
		color: #248CC8;
}

.site-footer p,.site-footer b,.site-footer h3 {
		color: #cccccc !important;
}


/* UPPFÖDARKORT ------------------------------------------------------- */

.card-header {
		align-items: flex-start;
		width: 100%;
}

.card-heading {
		position:relative;
		margin: 16px 0px 8px 0px !important;
		font-size: 1.8rem !important;	
		font-weight: bold;
}

.blue-card {
		text-align: left;
		border-radius: 10px;
		padding: 0px 16px 0px 16px !important;
		background: #DBEDF5;
		height: 100%;
}

.additionalgrid {
		padding-top: 16px;
}	

/* LÄNKKORT ----------------------------------------------------------- */

.linkcard {
		background-color: #DBEDF5;
		border-radius: 8px;
		padding: 22px;
		height: 100%;
}

.linkcard b {
		font-size: 16px;
}

.linkcard a {
		color: #08374B;
		font-size: 22px;
		font-weight: bold;
		text-decoration:none;
}

.linkcard span:hover, .linkcard a:hover {
		margin-right: 8px;
		color:#248cc8;
}
 
.linkcard span {
		vertical-align: middle;
		height:fit-content;
		display:flex;
}

/* SECTION HEADERS --------------------------------------------------- */

.sectionheader h2 {
		font-size: 24px;
		margin: 0px;
}

.sectionheader {
		background: #DBEDF5 !important;
		color:#08374B !important;
}

/* ANNONSKORT --------------------------------------------------------- */

.annonscard {
		background-color: #DBEDF5;
		border-radius: 8px;
		height: 100%;
		overflow: hidden;
}

.annonscard h2 {
	font-size: 24px;
	margin-top:0px;
	margin-bottom: 0px;
}

.imgcontainer {
		display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.annonscard img {
		flex-shrink: 0;
	height: 100% !important;
	width: 100% !important;
		min-width: 100%;
    min-height: 100%;
}

/* gör så att man enkelt kan få en av tassarna genom att bara kalla på img-klassen ist för att använda länk varje gång. */

.blackpaw{content:url("https://stockholmskattklubb.se/wp-content/uploads/2024/11/blackpaw.png");}

.greenpaw {content:url("https://stockholmskattklubb.se/wp-content/uploads/2024/11/Greenpaw.png");}

.yellowpaw {content:url("https://stockholmskattklubb.se/wp-content/uploads/2024/11/Yellowpaw.png");}

.orangepaw {content:url("https://stockholmskattklubb.se/wp-content/uploads/2024/11/Orangepaw.png");}

.certified {content:url("https://stockholmskattklubb.se/wp-content/uploads/2024/11/certifierad_symbol_webb_med_text.png");width: 50%;}

/* ICONS -------------------------------------------------------------- */

.fab, .fas {
		padding: 5px;
		color: #041c26;
		text-align: right;	
}

.fab:hover, .fas:hover {
		color: #248CC8 !important;
}

/* Tooltips! Används för pawpeds-grejerna på uppfödar-sidan. ---------- */

.tooltip {
		position: relative;
		display: inline-block;
}

.tooltip .tooltiptext {
		visibility: hidden;
		width: 120px;
		background-color: rgba(0, 0, 0, 0.7);
		color: #fff;
		text-align: center;
		border-radius: 6px;
		padding: 5px 0;
  /* Position the tooltip */
		position: absolute;
		z-index: 1;
		bottom: 100%;
		left: 50%;
		Margin-left: -60px;
}

.tooltip:hover .tooltiptext {
		visibility: visible;
}


/* Här under ligger CSS för att göra små-korrigeringar i temat -------- */

.startpage-icon {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: fit-content;
}

/* prev and next buttons on post carousel */
.vantage-carousel-title a.next, .vantage-carousel-title a.previous {
		color: #DBEDF5;
		background: #08374B;
		min-height: 24px;
		min-width: 24px;
		align-content:center;
		padding: 8px;
}
.vantage-carousel-title a.next:hover, .vantage-carousel-title a.previous:hover {
		background: #DBEDF5;
		color: #08374B;
		align-content:center;
}

/* class to add for content to temporarily hide */
.hidden {
		visibility: hidden;
		height: 0px;
}

/* jämnt space mellan inläggskarusellen på startsidan */
.entry-content ul li {
		margin-right: 37px !important;
}


body.responsive.layout-full #page-wrapper .full-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}