/*
 Theme Name:   Skinfluencer
 Theme URI:    https://webizrada.com
 Description:  Skinfluencer tema
 Author:       DMD
 Author URI:   https://webizrada.com
 Template:     generatepress
 Version:      0.1
*/


/* Set the main content area to a minimum of 65vh */

/*
#main {
	min-height: 65vh;
}
*/

body {
	background-color: var(--outside-container);
}

/* Site Wrapper to set overall site max width */
/*
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	background-color: var(--body);
} 
*/
div#page {
    padding-bottom: 40px;
}
section.related.products > h2 {
font-weight: 600;
text-transform: uppercase;
font-size:19px;
padding-top: 30px;
}
.product .inside-article {
background-color: #ECE8E4;
padding: 30px 40px;
min-height: 40vh;
}
h1.product_title.entry-title {
font-size: 30px;
line-height: 36px;
color:#332f21;
}
@media (min-width: 769px) {
.summary.entry-summary {
    padding-top: 60px;
}
} 
@media (max-width: 769px) {
	/* Naslov Proizvoda */
	h1.product_title.entry-title {
    margin: 0 0 0.5em;
    font-size: 24px ;
    font-weight: 600;
}
} 


.product-type-pw-gift-card .summary.entry-summary {
    padding-top: 0;
}

.wc-block-grid__product-image {
    border: 1px solid #ccc;
}
/* HELPER CLASSES */

/* Max Width(s) */

.max-width-1024 {
	max-width: 1024px;
}


.max-width-768 {
	max-width: 768px;
}

.max-width-640 {
	max-width: 640px;
}

.max-width-480 {
	max-width: 480px;
}

/* Margin Auto */

.margin-auto{
	margin-left: auto;
	margin-right: auto;
}

/* Position Properties */

.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky{
	position: sticky;
	top: 24px;
}

/* Image Aspect Ratios */

.aspect-1-1 img{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}