.widget_quickberg_toc_widget {
	padding: 20px;
	box-sizing:border-box;
}


@media all and (max-width: 799px) {
	.widget_quickberg_toc_widget {
		position:fixed !important;
		z-index:9;
		top: initial !important;
		left:-120% !important;
		bottom:90px;
		background: #ffffff;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
		width: calc( 100% - 40px ) !important;
		box-sizing:border-box;
		transition: all .2s linear;
		opacity:0;
		border-radius:3px;
		
		height:auto;
		max-height: calc( 100vh - 180px ) !important;
		overflow:hidden;
		
	}
	/* ios bug?? 20230815 seo101
	body.sticky-mobile-toc  {
		overflow-y:hidden;
	}
	*/
	
	body.sticky-mobile-toc .widget_quickberg_toc_widget {
		opacity:1;
		left:18px !important;
		bottom:90px !important;
	}

}

@media all and (min-width: 800px) {
	.widget_quickberg_toc_widget {
		padding: 20px;
	}
}

body.sticky-toc .widget_quickberg_toc_widget {
	position:fixed;
}

.widget_quickberg_toc_widget-title {
	font-size:20px;
	font-weight:normal;
	line-height:27px;
}


#inner-toc-list {
	padding:0;
}
#inner-toc-list li {
	padding: 10px 0 10px 0;
}
#inner-toc-list li:before { content: none; }
#inner-toc-list li a {
	line-height:22px;
	color:inherit;
}

#inner-toc-list li.active a {
	font-weight:600;
}


@media all and (max-width: 799px) {
	
	#inner-toc-list {
		overflow-y:scroll;
		max-height: calc( 100vh - 270px ) !important;
		padding-right:15px;
	}
	#inner-toc-list li {
		padding: 5px 0 5px 0;
	}
	
	#inner-toc-list li a {
		font-family: "Gilroy-Bold", Arial, sans-serif;
		font-size:14px;
		line-height:17px;
		color:#000000;
	}

}

#mobileTocToggle,
#mobileTocOverlay {
	display:none;
}

@media all and (max-width: 799px) {
	#mobileTocToggle {
		display:block;
		overflow:hidden;
		padding: 0 10px 0 36px;
		box-sizing:border-box;
		height: 40px;
		min-width: 40px;
		width: auto;
		max-width: 200px;
		line-height:40px;
		vertical-align:middle;
		font-family: "Gilroy-Bold", Arial, sans-serif;
		text-decoration:none;
		z-index:9;
		position:fixed;
		left: 20px;
		bottom: 35px;
		border-radius:3px;
		box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
		background:  #ffffff url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyIgdmlld0JveD0iMCAwIDExMCAxMTAiIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiPjx0aXRsZT5mb3VyIGJhcnM8L3RpdGxlPjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPjxnIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9IiMwMDAwMDAiPjxwYXRoIGQ9Ik03LjA3MiwxMy4wNDggTDE5LDEzLjA0OCBMMTksMjUgTDcuMDcyLDI1IEw3LjA3MiwxMy4wNDggWiBNNy4wNzIsMzcgTDE5LDM3IEwxOSw0OSBMNy4wNzIsNDkgTDcuMDcyLDM3IFogTTcuMDcyLDYxIEwxOSw2MSBMMTksNzMgTDcuMDcyLDczIEw3LjA3Miw2MSBaIE03LjA3Miw4NSBMMTksODUgTDE5LDk3IEw3LjA3Miw5NyBMNy4wNzIsODUgWiBNMzEsMTMuMDQ4IEwxMDMsMTMuMDQ4IEwxMDMsMjUgTDMxLDI1IEwzMSwxMy4wNDggWiBNMzEsMzcgTDEwMywzNyBMMTAzLDQ5IEwzMSw0OSBMMzEsMzcgWiBNMzEsNjEgTDEwMyw2MSBMMTAzLDczIEwzMSw3MyBMMzEsNjEgWiBNMzEsODUgTDEwMyw4NSBMMTAzLDk3IEwzMSw5NyBMMzEsODUgWiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPjwvZz48L2c+PC9zdmc+") 8px center no-repeat;
		background-size: 18px;
		color:#000000;
		transition: all 2.s linear;
	}

	#mobileTocOverlay {
		display:none;
		position:fixed;
		z-index: 8;
		top:0;
		bottom:0;
		left:0;
		right:0;
		background: rgba(127, 127, 127, .2);
	}

	body.sticky-mobile-toc #mobileTocToggle {
		color:#ff3f56;
		transition: all 2.s linear;
	}

	body.sticky-mobile-toc #mobileTocOverlay {
		display:block;
	}
}

:root {
	--medium: 1000px;
}

@media (min-width: --medium) {
	body {
		background: red !important;
	}
}