/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


a.glink img {
  margin-right: 7px !important;
}


[class*="animated-submenu"] > .sub-menu::before {
  position: absolute !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 25px;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-bottom: 9px solid #efd311;
  top: 0px !important;
}



.spirala_dol{
animation: spiralaBounce 2.8s ease-in-out infinite;
}

@keyframes spiralaBounce{

0%{
transform: translateY(0);
}

20%{
transform: translateY(12px);
}

40%{
transform: translateY(0);
}

60%{
transform: translateY(8px);
}

80%{
transform: translateY(0);
}

100%{
transform: translateY(0);
}

}










/* HEX CARD */

.entry-card .ct-media-container{
position:relative;
overflow:visible;
}

/* HEX BORDER */

.entry-card .ct-media-container:before{
content:"";
position:absolute;
inset:-6px;

background:#efd311;

clip-path:polygon(
25% 6%,
75% 6%,
100% 50%,
75% 94%,
25% 94%,
0% 50%
);

z-index:1;
transition:transform .6s ease;
}

/* HEX IMAGE */

.entry-card .ct-media-container img{

clip-path:polygon(
25% 6%,
75% 6%,
100% 50%,
75% 94%,
25% 94%,
0% 50%
);

position:relative;
z-index:2;
display:block;
width:100%;
height:auto;

transition:transform .6s ease;
}

/* ROTACIJA OKVIRA */

.entry-card:hover .ct-media-container:before{
transform:rotate(60deg);
}

/* SLika ostane ravna */

.entry-card:hover .ct-media-container img{
transform:none;
}



[data-archive="default"][data-cards="simple"] .entry-card {
  padding-bottom: 0 !important;
}









/* RELATED HEX */


[data-prefix="proizvodnja_single"] .ct-related-posts .related-entry-title {
  text-align: center;
}

/* HEX CARD - tudi za related posts */

.entry-card .ct-media-container,
.ct-related-posts-items .ct-media-container{
position:relative;
overflow:visible;
}


/* HEX BORDER */

.entry-card .ct-media-container:before,
.ct-related-posts-items .ct-media-container:before{
content:"";
position:absolute;
inset:-6px;

background:#efd311;

clip-path:polygon(
25% 6%,
75% 6%,
100% 50%,
75% 94%,
25% 94%,
0% 50%
);

z-index:1;
transition:transform .6s ease;
}


/* HEX IMAGE */

.entry-card .ct-media-container img,
.ct-related-posts-items .ct-media-container img{

clip-path:polygon(
25% 6%,
75% 6%,
100% 50%,
75% 94%,
25% 94%,
0% 50%
);

position:relative;
z-index:2;
display:block;
width:100%;
height:auto;

transition:transform .6s ease;
}


/* ROTACIJA */

.entry-card:hover .ct-media-container:before,
.ct-related-posts-items article:hover .ct-media-container:before{
transform:rotate(60deg);
}

/* slika ostane ravna */

.entry-card:hover .ct-media-container img,
.ct-related-posts-items article:hover .ct-media-container img{
transform:none;
}




/* header črta spodaj */

[data-prefix="proizvodnja_single"] .hero-section[data-type="type-2"] {
  border-bottom: 1px solid #5AB08C;
}

[data-prefix="proizvodnja_archive"] .hero-section[data-type="type-2"] {
  border-bottom: 1px solid #5AB08C;
}

[data-prefix="single_page"] .hero-section[data-type="type-2"] {
  border-bottom: 1px solid #5AB08C;
}




/* SOFT HEX CORNERS */

img {

clip-path: polygon(
2% 0%,
98% 0%,
100% 2%,
100% 98%,
98% 100%,
2% 100%,
0% 98%,
0% 2%
);

}





.post-navigation .item-label {
  display: none !important;
}






/* proizvodnja 4-3-2 layout */

[data-prefix="proizvodnja_archive"] .entries {
display:grid;
grid-template-columns:repeat(4,1fr);
justify-items:start;
}




/* druga vrstica - 3 elementi */

[data-prefix="proizvodnja_archive"] .entries article:nth-child(5){
grid-column:2;
}

[data-prefix="proizvodnja_archive"] .entries article:nth-child(6){
grid-column:3;
}

[data-prefix="proizvodnja_archive"] .entries article:nth-child(7){
grid-column:4;
}

/* tretja vrstica - 2 elementa */

[data-prefix="proizvodnja_archive"] .entries article:nth-child(8){
grid-column:3;
}

[data-prefix="proizvodnja_archive"] .entries article:nth-child(9){
grid-column:4;
}




/* MOBILE 2 v vrsti */

@media (max-width: 768px){

[data-prefix="proizvodnja_archive"] .entries{
grid-template-columns:repeat(2,1fr);
}

/* reset desktop grid hackov */

[data-prefix="proizvodnja_archive"] .entries article:nth-child(5),
[data-prefix="proizvodnja_archive"] .entries article:nth-child(6),
[data-prefix="proizvodnja_archive"] .entries article:nth-child(7),
[data-prefix="proizvodnja_archive"] .entries article:nth-child(8),
[data-prefix="proizvodnja_archive"] .entries article:nth-child(9){
grid-column:auto;
}

}