/*
 Theme Name:   Perfect Portfolio Child
 Description:  Perfect Portfolio Child Theme
 Author:       Albin Olsson
 Template:     perfect-portfolio
 Version:      1.0.0
 Text Domain:  perfect-portfoliochild
*/
:root {
  --primary-color: #FFFF00;
}

table tr td, .wp-block-table td, table tr:first-child td {
  border-style: solid;
  border: 0px;
  padding: 0px;
}
body a {
  
}
.page-content a:hover, .entry-meta a:hover, .block-title a:hover {
  color: #000 !important;
  box-shadow: inset 0 -1.2em 0 #FFFF00 !important;
  -webkit-transition: all ease 0.5s !important;
}
span.sub-title a:hover {
  font-weight: bold !important;
  color: #000 !important;
}
.wp-block-social-link:hover {
  transform: scale(0.95) !important
}

.site-branding .site-title a:hover {
  color: #6c6c6c !important;
}

.text-holder .gal-title a:hover {
  font-weight: 500 !important;
  color: #000 !important;
}
.text-holder span.sub-title a:hover {
  font-weight: 200 !important;
}
.gallery-wrap .text-holder {
  background: #FFFF00ba !important;
}

.filter-button-group button {
  background: #FFFF00;
}
.filter-button-group button:hover, .filter-button-group button.is-checked {
  color: #FFFF00 !important;
  background: #000; !important;
}

section.about-section {
  margin-bottom: 0;
}

.page-header .page-title span:before {
	content: "";
	background: yellow !important;
}
.parentes {
  font-size: 0.7em;
  vertical-align: top;
}
.page-header .page-title .parentes::before {
  background: none !important;
}

.tax-rara_portfolio_categories .page-header span.sub-title {
  display: none !important;  
}
.category span.sub-title, .tax-rara_portfolio_categories span.sub-title, .post-type-archive-rara-portfolio span.sub-title {
  background: none !important;  
}

/* Gör alla portfolio-rutor kvadratiska, oavsett bildformat */
.gallery-img img.attachment-perfect-portfolio-square {
    width: 100%;
    aspect-ratio: 1 / 1;   /* tvingar elementet att bli en kvadrat */
    object-fit: cover;     /* beskär bilden så den fyller kvadraten */
    display: block;
}