/**
 * Theme Name: Wollu
 * Description: Child theme
 * Author: Lembu
 * Template: blocksy
 * Text Domain: blocksy
 */
/* Custom CSS starts here */

/*if using webfont,make sure add this to customizer css
 * :root { --theme-font-family: 'font-name';}
 */
@font-face {
  font-family: 'Playfair Display Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/cyrillic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/cyrillic-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/latin-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/latin-ext-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/vietnamese-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

@font-face {
  font-family: 'Playfair Display Variable';
  font-style: italic;
  font-display: swap;
  font-weight: 400 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/playfair-display:vf@5.3.0/vietnamese-wght-italic.woff2) format('woff2-variations');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}
@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/marcellus@5.3.0/latin-400-normal.woff2) format(woff2);
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face {
  font-family: 'Marcellus';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/marcellus@5.3.0/latin-ext-400-normal.woff2) format(woff2);
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.eot');
    src: url('fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff'),
        url('fonts/Lato-Bold.ttf') format('truetype'),
        url('fonts/Lato-Bold.svg#Lato-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.eot');
    src: url('fonts/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('fonts/Lato-BoldItalic.woff') format('woff'),
        url('fonts/Lato-BoldItalic.ttf') format('truetype'),
        url('fonts/Lato-BoldItalic.svg#Lato-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.eot');
    src: url('fonts/Lato-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Italic.woff2') format('woff2'),
        url('fonts/Lato-Italic.woff') format('woff'),
        url('fonts/Lato-Italic.ttf') format('truetype'),
        url('fonts/Lato-Italic.svg#Lato-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.eot');
    src: url('fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff'),
        url('fonts/Lato-Regular.ttf') format('truetype'),
        url('fonts/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
	--theme-button-font-family: 'Marcellus', serif;
}
body .entry-button{
	font-size: var(--theme-button-font-size);
}
body,
body p,
p{
	font-family: 'Lato';
}
body .elementor-heading-title,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6{
	font-family: 'Playfair Display Variable';
}
.pretitle{
  font-family: 'Marcellus', serif;
  font-weight: 400;
  font-style: normal;
	text-transform: uppercase;
}
body .elementor-heading-title,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
nav[class*=menu] .ct-menu-link,
a.ct-button{
    line-height: var(--theme-line-height);
}
.pretitle p,
p.pretitle{
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-weight: 600;
	margin:0;
}
.highlight i {
    color: var(--theme-palette-color-1);
	font-size: 125%;
}
[data-id="menu"] .menu-button a.ct-menu-link{
	height:unset;
}
/************************************************
 * make Elementor button follows Customizer
 *************************************************/
body .elementor .elementor-button {
    background: var(--theme-button-background-initial-color);
	color: var(--theme-button-text-initial-color);
	display: inline-flex;
	align-items: center;
    justify-content: center;
	font-family: var(--theme-button-font-family);
    font-size: var(--theme-button-font-size);
    padding: var(--theme-button-padding);
    text-transform: var(--theme-button-text-transform);
    border: var(--theme-button-border);
	font-weight: var(--theme-button-font-weight);
	border-radius:var(--theme-button-border-radius, 3px);
	letter-spacing: var(--theme-button-letter-spacing);
	min-height: var(--theme-button-min-height);
	height: auto;
	line-height: normal;
	&:hover{
		background:var(--theme-button-background-hover-color);
		color: var(--theme-button-text-hover-color);
		border-color: var(--theme-button-background-hover-color);
	}
}
.listdash ul {
	list-style-type: '- ';
	padding-inline-start: 1em;
	margin-block-end: 2em;
}
.cf-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    margin-bottom: 25px;
}
body .wpcf7 label:not(.wpcf7-form-control-wrap) {
    font-size: 14px;
    font-weight: 500;
}

/*************************************************
 * HOME BLOG GRID 
 *************************************************/
.home-blog .ct-posts-shortcode .entries {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0px;
	border-right: 1px solid var( --e-global-color-blocksy_palette_5 );
	border-left: 1px solid var( --e-global-color-blocksy_palette_5 );
}
.home-blog [data-prefix="blog"] .entry-card{
	--card-media-max-width: 100%;
}
.home-blog [data-archive=default][data-layout=simple] article:not(:last-child) {
    margin-bottom: 0;
}
.home-blog [data-prefix="blog"] [data-cards="simple"] .entry-card {
    --card-border: none;
}
.home-blog [data-archive=default][data-layout=simple] article {
	flex-direction: column;
    padding: 0 8%;
    border: 1px solid var( --e-global-color-blocksy_palette_5 );
    border-top: 0;
    border-bottom: 0;
}
/* Create the avatar + name + bio layout */
/* Main Author Box */
.ct-author-box {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    border-radius: 8px;
    align-items: center;
}
.ct-author-name {
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}
.ct-author-bio {
    font-size: 16px;
    text-transform: none;
    font-weight: normal;
}
.ct-author-bio p{
	margin:0
}
/* Avatar */
.ct-author-avatar {
    width: 80px;
}
.ct-author-avatar img {
    border-radius: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    aspect-ratio: 1 / 1;
    min-width: 70px;
    min-height: 70px;
}
/*************************************************
 * Related posts card container
 *************************************************/

body .ct-related-posts [data-layout*=grid]{
	border-right: 1px solid var(--e-global-color-blocksy_palette_5);
    border-left: 1px solid var(--e-global-color-blocksy_palette_5);
	gap:0;
}
body .ct-related-posts [data-layout*=grid] article{
    padding: 0 8%;
    border: 1px solid var(--e-global-color-blocksy_palette_5);
    border-top: 0;
    border-bottom: 0;
}
.ct-related-posts-items article > div {
    display: flex;
    flex-direction: column;
    height: 100%;
}
body .ct-related-posts-items .post {
    padding-top: 0;
}
/* Wrapper for divider + button */
.related-divider-button-wrapper {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
	padding-top: 20px;
	
}
/* Button */
.related-read-more {
    display:block;
    text-decoration: none;
    transition: all 0.3s ease;
	padding-top:20p;
	text-transform: uppercase;
	font-weight:bold;
	font-size: 16px;
    display: inline-flex;         
    align-items: center;
    gap: 20px;
}
.related-read-more svg{
	fill: var(--theme-palette-color-1);
}
/*************************************************
 * CONTACT FORM 7 STYLING ERROR MESSAGE 
 *************************************************/
.wpcf7 .wpcf7-form-control.wpcf7-text.wpcf7-not-valid,
.wpcf7 .wpcf7-not-valid {
	border: 1px solid #ff0000;
}
.wpcf7 .wpcf7-not-valid-tip {
	display: none;
}
.wpcf7 .wpcf7-validation-errors {
	background: #ff0000;
	border: 1px solid #ff0000;
	color: #ffffff;
	text-align: center;
}
.wpcf7 .wpcf7-response-output {
	margin: 2em 0;
	padding: 15px;
	border-radius: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    background: red;
    color: #fff;
    border-radius: 0;
    font-style: normal;
    margin: 20px 0;
}
.wpcf7 .wpcf7-spam-blocked {
	background: #e2e2e2;
	border: 1px solid #ff0000;
	color: #383838;
}
.wpcf7 .wpcf7-mail-sent-ng {
	background: #fcf8e3;
	border: 3px solid #ac9163 ;
	color: #8a6d3b;
}
.wpcf7 .wpcf7-mail-sent-ok {
	background: #dff0d8;
	border: 3px solid #3c763d;
	color: #3c763d;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.center {
    margin: 0 auto;
    display: block;
    float: none;
	width: 100%;
	color: var(--theme-palette-color-8);
	background: var(--theme-palette-color-3);
	border: none;
	&:hover{
		background: var(--theme-palette-color-1);
	}
}
.wpcf7-turnstile.cf-turnstile {
    text-align: center;
}
div.wpcf7 .wpcf7-spinner {
    display: block;
    vertical-align: middle;
    float: none; /* Ensures spinner doesn't pull button left */
    margin: 5px auto; /* Adjusts spacing to button */
}
.menu-item.menu-item-type-post_type.menu-item-object-page.current_page_parent a,
.menu-item.menu-item-type-taxonomy.current-menu-item a,
.menu-footer .current-menu-item.page_item a{
    color: var(--theme-link-hover-color);
}
/**********************************************
 ************* WIDGET STYLING *****************
 *********************************************/
#menu-categories li a{
text-transform: uppercase;
font-weight: bold;
line-height: 2.2em;
}
.widget-title {
    border-bottom: 2px solid var(--theme-palette-color-5);
    padding-bottom: 20px;
}
/**********************************************
 *************** WIDE SCREEN ******************
 *********************************************/
@media (min-width:961px)  {
	#header .menu-button a{
		background: var(--theme-palette-color-3);
		color: var(--theme-palette-color-8);
		padding: 8px 25px !important;
		margin-left: 10px;
		border-radius: 7px;
		&:hover{
			background:var(--theme-palette-color-1);
		}
	}
}
@media (min-width:690px){
	.home-blog .ct-posts-shortcode [data-archive=default][data-layout=simple] article .card-content {
		align-items: flex-start;
		width: 100%;
	}
}
/**********************************************
 *************FOR MOBILE VIEW******************
 *********************************************/
@media only screen and (max-width: 767px) {
	.cf-grid,
	.home-blog .ct-posts-shortcode .entries{
    	grid-template-columns: 1fr;
  }
	.home-blog .ct-posts-shortcode .entries{
		grid-gap: 35px;
		border: none;
	}
    .home-blog [data-archive=default][data-layout=simple] article {
        padding: 0 0 20px 0;
        border: 0;
        border-bottom: 2px solid var(--theme-palette-color-5);
	}
	.pretitle p,
	p.pretitle{
		letter-spacing: 0.1em;
}