#page.home {
	--height-bgcover:88px;
}

#page.home #wrapper {position:relative; margin-bottom:100px; min-height:100vh;}

#page.home #hero {display:grid; justify-content:center;}
#page.home #hero aside {position:sticky; top:var(--height-page-header); display:flex; flex-flow:column; height:calc(100vh - var(--height-page-header));}

#bgcover {position:relative; height:var(--height-bgcover);}
#bgcover .heading {position:absolute; top:0; bottom:0; left:0; right:0; z-index:1; display:flex; justify-content:center; color:#FFF;}
#bgcover .heading .center {display:flex; flex-flow:column; justify-content:center; max-width:var(--width-container-small); width:100%; padding:0 10px;}
#bgcover .heading .center .title {font-size:26px;}
#bgcover .heading .center .subtitle {margin-top:5px; font-size:18px; line-height:26px; font-weight:400;}
#bgcover .media {position:absolute; top:0; bottom:0; left:0; right:0;}
#bgcover .media img { width:100%;height:100%; object-fit:cover;}
#bgcover.color-changer .media img {animation:hue-rotate 20s linear infinite;}

#posts-feed .grid {display:grid; justify-content:center; align-items:flex-start; padding:var(--global-offset-from-page-header) 10px 0 20px; column-gap:20px;}
#posts-feed .grid .masonry {margin-bottom:15px;}
#posts-feed .grid .renaissance__header {margin-bottom:10px;}
#posts-feed .grid-loader {display:flex; justify-content:center; align-items:center; height:calc(80vh - var(--height-bgcover) - var(--height-page-header) - 60px);}
#posts-feed .grid-loader img { width:90px;height:90px;}

#comments-feed {overflow:hidden;}
#comments-feed .ghost-space {grid-column:1 / -1;}
#comments-feed .grid {display:grid; max-height:100%; overflow-y:scroll; padding-top:var(--global-offset-from-page-header); padding-right:20px; padding-bottom:10px; padding-left:10px; row-gap:15px; scrollbar-width:none; -ms-overflow-style:none;}
#comments-feed .grid::-webkit-scrollbar {display:none;}
#comments-feed .grid .renaissance__header {margin-bottom:-5px;}
#comments-feed .grid .show-more {display:flex; justify-content:center; align-items:center;}
#comments-feed .grid .show-more .button {background-image:linear-gradient(to right, #5F4781 0%, #EC4E91 51%, #5F4781 100%); background-size:300%; margin:0 20px; width:180px; height:40px; padding:2px; border-radius:30px; font-size:14px; color:#5F4781; transition:all 900ms ease-in-out;}
#comments-feed .grid .show-more .button:hover {background-position:right center;}
#comments-feed .grid .show-more .button span {background-color:var(--color-main-body); display:flex; justify-content:center; align-items:center; width:100%; height:100%; border-radius:30px;}
#comments-feed .grid .show-more .arrow {position:relative; flex:3; height:2px; transition:all 900ms ease-in-out;}
#comments-feed .grid .show-more .arrow:after {content:""; position:absolute; top:0px; bottom:0px; left:0px; right:0px; transition:all 900ms ease-in-out; opacity:0;}
#comments-feed .grid .show-more .arrow--left {order:-1; background-image:linear-gradient(to right, transparent 0%, #EC4E91 51%, #5F4781 100%); transition:all 900ms ease-in-out;}
#comments-feed .grid .show-more .arrow--left:after {background-image:linear-gradient(to right, transparent 0%, #5F4781 51%, #EC4E91 100%);}
#comments-feed .grid .show-more .arrow--right {background-image:linear-gradient(to right, #EC4E91 0%, #5F4781 51%, transparent 100%); transition:900ms ease-in-out;}
#comments-feed .grid .show-more .arrow--right:after {background-image:linear-gradient(to right, #5F4781 0%, #EC4E91 51%, transparent 100%);}
#comments-feed .grid .show-more .button:hover + .arrow--left:after {opacity:1;}
#comments-feed .grid .show-more .button:hover ~ .arrow--right:after {opacity:1;}

#page.home #page-footer {padding-right:20px; padding-left:20px;}
#page.home #page-footer .container {max-width:var(--width-container-huge);}

/* ---  M E D I A   Q U E R I E S  --- */
@media (min-width:1921px) {/* Rules for 1440p Desktops and Smart TVs*/
	#page.home #hero {grid-template-columns:1900px 420px;}
	#posts-feed .grid {grid-template-columns:repeat(7, 250px);}
	#comments-feed .grid {grid-template-columns:390px;}}

@media (max-width:1920px) {#page.home #hero {grid-template-columns:1fr 390px;}
	#posts-feed .grid {grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));}
	#comments-feed .grid {grid-template-columns:360px;}}

@media (max-width:1560px) {#page.home #hero {grid-template-columns:1fr 340px;}
	#posts-feed .grid {grid-template-columns:repeat(auto-fill, minmax(210px, 1fr)); padding:10px 8px 0 15px; column-gap:15px;}
	#comments-feed .grid {grid-template-columns:repeat(auto-fill, minmax(310px, 1fr)); padding-top:15px; padding-right:15px; padding-left:8px;}}
@media (max-width:1260px) {#page.home #hero {grid-template-columns:1fr;}
	#page.home #hero aside {display:none;}
	#posts-feed .grid {grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); padding:15px 20px 0 20px;}}
@media (max-width: 1199px) {/* Rules for laptops, small desktop s  creens, and smaller viewports */}
@media (max-width:1100px) {#posts-feed .grid {padding-right:10px; padding-left:10px; column-gap:12px;}}
@media (max-width:991px) {/* Rules for tablets and smaller viewports */}
@media (max-width:989px) {#bgcover {display:none;}}
@media (max-width:767px) {/* Rules for smartphones only */
	#posts-feed .grid .renaissance__header {margin-bottom:5px;}
	#posts-feed .grid .renaissance__header .change-tab {display:none;}
	#posts-feed .grid {grid-template-columns:1fr 1fr; padding:5px; column-gap:8px;}
	#posts-feed .grid .masonry {margin-bottom:8px;}}
/* ---  M E D I A  Q U E R I E S  --- */