/**
 * Theme Name: Tineke Triggs
 * Theme URI: https://artkade.com
 * Version: 1.0
 * Author: Artkade
 * Author URI: https://artkade.com
 */
/* ============== GLOBAL VARIABLES ============== */
:root { 
	/*Default Colors ↓ */
	--pink: #BD6F88;
	--text: #3C3D44;
	--softgray: #eeecea; /*30% of #C6C0B8 */
	--gray: #C6C0B8; 
	--secondary: #90556C;

	/* Font Related ↓ */
	--light: 300;
	--bold: 900;
	--font: 'Lato', sans-serif;
}  
 /* ============== SLIDESHOW ADMIN STYLES ============== */
 .slider {
    padding: 0;
  }
  .slider .slides img {
    height: 100vh;
    width: auto;
    padding: 2vh;
  }
  .slider.is-admin:before {
    display: block;
    content: "";
    top: 0;
    left: 45px;
    right: 45px;
    bottom: 0;
    position: absolute;
    z-index: 1;
  }
  .uk-slideshow-items { min-height: calc(100vh - 150px)!important; height: calc(100vh - 150px); }
/* ============== CAROUSEL ADMIN STYLES ============== */
.carou { width: 100%; padding: 0 68px; }
.carou-img img { padding:0!important; border: 1px solid var(--gray)!important;}

/* ============== GRID ADMIN STYLES ============== */
  .acf-image-select label { font-weight: bold; }
  .acf-image-select label input { display: none; }
  .acf-image-select label img { max-width: 100%; margin: 5px 0; }
  .acf-image-select label.selected img { border: solid 6px black; } 
  .acf-image-select li { list-style: none; max-width: 50%; }

  [data-title="Grid"] { border: 1px solid #ccc; min-height: 100px; }

/* ============== BUTTON ADMIN STYLES ============== */
.atk-button-primary { background:  var(--pink); color: #fff; font-size: 1.8rem; display:block; padding:31px 0; text-align: center;line-height: 1.15em; text-transform: uppercase; border-bottom: none; }
.atk-button-primary:hover, .atk-button-primary:focus { background:  var(--secondary); color: #fff; text-decoration: none;  padding:31px 0; color: rgba(255,255,255, .7); }
.uk-button {padding: 0!important;}



/* ============== FLIP CARD STYLES ============== */
.flip-card {
  width: inherit;
  height: inherit;
  position: relative;
}

.flip-card:hover .flip-card,
.flip-card:focus-within .flip-card {
  transform: rotateY(180deg);
  transition: .6s .1s;
  transform-style: preserve-3d;

}

/* .card-front */
.card-front {
  transform: rotateY(0deg);
  z-index: 2;
}

/* .card-back */
.card-back {
  z-index: 1;
  display: none;
}
.flip-card:hover .card-back{
  display: block;
}
.flip-card:hover .card-front{
  display: none;
}
.flip-title {letter-spacing: 0.025em; font-size: 1.8rem; }