/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
/*header*/
.ct-header-search.ct-toggle {
	flex-shrink: 0;
}
.ct-header-book{
	word-break:keep-all;
}
.ct-header-book svg{
	flex-shrink:0;
}


/*arrow*/
a.arrow_down:hover{
    transform: translateY(6px);
}
.arrow_down{
    width: 50px;
    height: 50px;
    border: solid 1px #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.arrow_down.dark{
    border-color: var(--theme-palette-color-3);
}
/*.arrow_down .arrow_line{
    border-top: 1px solid var(--theme-palette-color-5);
    line-height: 1px;
    width: 20px;
    background-color: var(--theme-palette-color-5)
    display: inline-block;
}*/
.arrow_down .arrow {
    height: 0px;
    width: 0px;
    border: solid #fff;
    border-width: 0px 1px 1px 0;
    padding: 10px;
    transform: translateY(-4px) rotate(45deg);
}
.arrow_down.dark .arrow{
    border-color: var(--theme-palette-color-3);
}

/*veiw all*/
.go-archive-page{
    padding:5px 12px;
    border:solid 1px var(--e-global-color-blocksy_palette_5);
    border-radius:20px;
    color: var(--e-global-color-blocksy_palette_5);
    display: block; 
    line-height:1; 
    font-weight:400; 
    font-size:0.85em;
}
.go-archive-page:hover{
    color:#fff;
    background-color: var(--e-global-color-blocksy_palette_5);
}


/*
footer>[data-row="middle"] .ct-container-fluid{
	width: 100%;
}
footer>[data-row="top"] .entry-content.is-layout-flow{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
}
footer>[data-row="top"] :is(.is-layout-flow,.is-layout-constrained)>*{
	margin-block-end:0;
}
footer>[data-row="top"] .entry-content.is-layout-flow h3{
	font-family: 'Noto Serif TC', Sans-Serif;
	font-weight: 600;
	font-size: 1.5em;
	word-break: keep-all;
}
footer>[data-row="top"] .entry-content.is-layout-flow span{
	word-break: keep-all;
	line-height: 1.75;
}
#fluentform_3 fieldset{
    display: flex;
    gap: 0.5em;
}
#ff_3_email{
    width:300px;
    border: 1px solid var(--fluentform-border-color);
}
@media(max-width:767px){
	#ff_3_email{
		width:180px;
	}
}
#ff_3_email:focus{
    border-color: var(--e-global-color-blocksy_palette_2);
}
#fluentform_3 .ff-btn{
    background-color: var(--e-global-color-blocksy_palette_2);
}
#fluentform_3 .ff-btn:hover{
    background-color: var(--e-global-color-blocksy_palette_2);
    color: #fff;
}
*/