@charset "UTF-8";
/* CSS Document */
/*-----------------------------------------------
CREDITS
Theme Name: Splash Staging
Description: Splash-specific theme for FSSI Marketing
Author: FSSI, 714.436.3300
Version: 1.0
Last changed: 09/09/25 [vt]
Assigned to: Tiffany Baca (tb)
             Joey Paragas (jp)
			 Vivian Trieu (vt)
----------------------------------------
CONTENTS
1.0. Blog Filters
	1.1. Buttons
	1.2. Dropdown Arrows / colors, animation
	1.3. Post Categories
	1.4. Sort Date
	1.5. Sort Tags 
2.0. Post Archive -- Gallery View
	2.1. Phoebe Effect
	2.2. Blue Overlay
3.0. Post Archive -- List View
	3.1. Thumbnail and Meta Text Colors
	3.2. Thumbnail Background Colors
4.0. Single Post
	4.1. Sidebar
		4.1.1. Subscribe
		4.1.2. reCAPTCHA
		4.1.3. Recent Posts
		4.1.4. Post Categories
		4.1.5. Blog Archives
	4.2. Blog Content
	4.3. Post Navigation 
	4.4. Social Sharing
5.0. Pagination
6.0. Media Queries
/************************************************
*   Colors Variables                            *
************************************************/
:root { 
	--splash-blue:#1678FA;
	--splash-blue-hover:#DCEBFF;
	--splash-purple:#8C45AA;
	--splash-purple-hover:#F2EBF5;
	--splash-pink:#CE087F;
	--splash-pink-hover:#F9E5F1;
	--splash-orange:#ED8815;
	--splash-orange-hover:#FCF2E6;
	--splash-yellow:#f7c200;
	--splash-yellow-hover:#FEF6D9;
	--splash-green:#8bbc00;
	--splash-green-hover:#EEF5D9;
}
/************************************************/
.blog-container { display:flex; justify-content:center; }
.blog .blog-toggle-text { cursor: pointer; padding-right:4px; }
.blog img { max-width:100%; vertical-align:middle; }
	.blog footer .footer-splash-blue, .blog footer .footer-splash-green  { max-width:unset; }
.blog-toggle { align-items:center; display:flex; justify-content:flex-end; }
/************************************************
*   1.0. BLOG FILTERS                           * 
************************************************/
.blog .blog-filters { margin-top:12px; margin-bottom:50px; }
.blog .blog-filters .col-12 { display:flex; }
.blog .blog-filters .col-12 > .dropdown { align-items:center; display:flex; margin:0 10px; }
.blog .blog-filters .col-12 > .dropdown:nth-child(1) { margin-left:0; }
.blog .blog-filters .col-12 > .dropdown:last-child { margin-right:0; }
.blog .blog-filters .col-12 > .dropdown button { width:255px; }
.blog .blog-filters .col-12 > .dropdown .dropdown { width:100%; }
.blog .blog-filters .dropdown-item { font-size:14px; }
.cat-count { color:#777777; }
	/* 1.1. BUTTONS */
	.blog .blog-filters .col-12 > .dropdown button, .widget-archives .btn { align-items:center; background:#FFF; border:3px solid var(--splash-pink); color:var(--splash-pink); display:flex; font-size:14px; font-weight:400; height:48px; padding:0 0 0 65px; text-align:left; transform:none; -webkit-transform:none; }
	.blog .blog-filters .col-12 > .dropdown button:focus { box-shadow:none; }
	.blog .blog-filters .col-12 > .dropdown button:active { background-color:#FFF; box-shadow:none !important; }
	.blog .blog-filters .col-12 > .dropdown .dropdown-toggle::after, .widget-archives .collapse .dropdown-toggle::after 		
	{ border:0; background-repeat:no-repeat; height:16px; position:absolute; right:20px; width:10px; }
	.dropdown.show .dropdown-toggle .filter-icon { z-index:3; }
	.filter-icon { align-items:center; border-radius:100%; color:#FFF; display:flex; height:60px; justify-content:center; left:0; position:absolute; width:60px; }
	.filter-icon span { font-size:26px; }
	/* 1.2. DROPDOWN ARROWS */
		/* Purple */
		.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-toggle::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu .dropdown-item:nth-child(1)::after, 
		.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu.show .dropdown-item:nth-child(1)::after
			{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238c45aa;%7D%0A%3C/style%3E%3Cpath class='st0' d='M176.8,159.8l136,136c9.4,9.4,9.4,24.6,0,33.9l-22.6,22.6c-9.4,9.4-24.6,9.4-33.9,0l-96.4-96.4l-96.4,96.4 c-9.4,9.4-24.6,9.4-33.9,0L7,329.7c-9.4-9.4-9.4-24.6,0-33.9l136-136C152.2,150.4,167.4,150.4,176.8,159.8L176.8,159.8z'/%3E%3C/svg%3E%0A"); }
		/* Pink */
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-toggle::after, 
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu .dropdown-item:nth-child(1)::after, 
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show .dropdown-item:nth-child(1)::after,
		.sidebar-mobile .dropdown:nth-child(1) .dropdown-menu.show .dropdown-item:first-child::after,
		.widget-subscribe h3 a::after
			{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ce087f;%7D%0A%3C/style%3E%3Cpath class='st0' d='M176.8,159.8l136,136c9.4,9.4,9.4,24.6,0,33.9l-22.6,22.6c-9.4,9.4-24.6,9.4-33.9,0l-96.4-96.4l-96.4,96.4 c-9.4,9.4-24.6,9.4-33.9,0L7,329.7c-9.4-9.4-9.4-24.6,0-33.9l136-136C152.2,150.4,167.4,150.4,176.8,159.8L176.8,159.8z'/%3E%3C/svg%3E%0A"); }
		/* Orange */
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-toggle::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu .dropdown-item:nth-child(1)::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item:nth-child(1)::after,
		.sidebar-mobile .dropdown:nth-child(2) .dropdown-menu.show .dropdown-item:first-child::after
			{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ed8815;%7D%0A%3C/style%3E%3Cpath class='st0' d='M176.8,159.8l136,136c9.4,9.4,9.4,24.6,0,33.9l-22.6,22.6c-9.4,9.4-24.6,9.4-33.9,0l-96.4-96.4l-96.4,96.4 c-9.4,9.4-24.6,9.4-33.9,0L7,329.7c-9.4-9.4-9.4-24.6,0-33.9l136-136C152.2,150.4,167.4,150.4,176.8,159.8L176.8,159.8z'/%3E%3C/svg%3E%0A"); }
		/* Green */
		.widget-post-cat h3 a::after, 
		.sidebar-mobile .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item:first-child::after
			{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%238bbc00;%7D%0A%3C/style%3E%3Cpath class='st0' d='M176.8,159.8l136,136c9.4,9.4,9.4,24.6,0,33.9l-22.6,22.6c-9.4,9.4-24.6,9.4-33.9,0l-96.4-96.4l-96.4,96.4 c-9.4,9.4-24.6,9.4-33.9,0L7,329.7c-9.4-9.4-9.4-24.6,0-33.9l136-136C152.2,150.4,167.4,150.4,176.8,159.8L176.8,159.8z'/%3E%3C/svg%3E%0A"); }
		/* Blue */
		.widget-archives h3 a::after, 
		.widget-archives .collapse .dropdown-toggle::after, 
		.widget-archives .collapse .dropdown-item:nth-child(1)::after,
		.sidebar-mobile .dropdown:last-child .dropdown-menu.show .dropdown-item:first-child::after
			{ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231678fa;%7D%0A%3C/style%3E%3Cpath class='st0' d='M176.8,159.8l136,136c9.4,9.4,9.4,24.6,0,33.9l-22.6,22.6c-9.4,9.4-24.6,9.4-33.9,0l-96.4-96.4l-96.4,96.4 c-9.4,9.4-24.6,9.4-33.9,0L7,329.7c-9.4-9.4-9.4-24.6,0-33.9l136-136C152.2,150.4,167.4,150.4,176.8,159.8L176.8,159.8z'/%3E%3C/svg%3E%0A"); }
		/* Arrow Direction - Down */
		.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-toggle::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-toggle::after, 
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-toggle::after,
		.widget-archives .collapse .dropdown-toggle::after 
			{ height:16px; margin-left:10px; transform:rotate(180deg); top:16px; width:10px; }
		/* Arrow Direction - Up */
		.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu .dropdown-item:nth-child(1)::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu .dropdown-item:nth-child(1)::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu .dropdown-item:nth-child(1)::after,
		.widget-archives .collapse .dropdown-menu .dropdown-item:nth-child(1)::after
			{ margin-left:18px; transform:rotate(180deg); }
		/* Arrow Animation */
		.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu.show .dropdown-item:nth-child(1)::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show .dropdown-item:nth-child(1)::after,
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item:nth-child(1)::after,
		.widget-archives .collapse .dropdown-menu.show .dropdown-item:nth-child(1)::after,
		.sidebar-mobile .dropdown-menu.show .dropdown-item:first-child::after
			{ content:""; height:16px; margin-left:6px; position:absolute; top:13px; width:10px; animation: turn-arrow 200ms forwards; }
		@keyframes turn-arrow 
			{
				0% { transform:rotate(180deg); }
				100% { transform:rotate(0deg); }
			}
	/* 1.3. POST CATEGORIES */
	.blog .blog-filters .col-12 > .dropdown:nth-child(1) button, .blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu.show { border-color:var(--splash-purple); } /*z=6*/
	.blog .blog-filters .col-12 > .dropdown:nth-child(1) button, .blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-item:nth-child(1), .blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-item a { color:var(--splash-purple); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-purple-hover) }
	.blog .blog-filters .col-12 > .dropdown:nth-child(1) .filter-icon { background-color:var(--splash-purple); } 
	.blog .blog-filters .col-12 > .dropdown .dropdown-item:nth-child(1) { background-position: 197px 12px; background-repeat:no-repeat; }
	/* 1.1.4. SORT DATE */
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) button, .blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show { border-color:var(--splash-pink); } 
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) button,	.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-item:nth-child(1), .blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-item a { color:var(--splash-pink); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-pink-hover); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) button:focus { color:var(--splash-pink); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) .filter-icon { background-color:var(--splash-pink); }
		/* Dropdown Up Arrow */
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu .dropdown-item:nth-child(1)::after { margin-left:65px; }
		.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show .dropdown-item:nth-child(1)::after { margin-left:67px; }
	/* 1.5. SORT TAGS */
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) button, .blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show { border-color:var(--splash-orange); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) button,	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-item:nth-child(1), .blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-item a { color:var(--splash-orange); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-orange-hover); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) button:focus { color:var(--splash-orange); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .filter-icon { background-color:var(--splash-orange); }
		/* Dropdown Up Arrow */
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu .dropdown-item:nth-child(1)::after	{ margin-left:75px; }
		.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item:nth-child(1)::after { margin-left:77px }
		/* Dropdown Menu */
		.blog-filters .dropdown-menu.show, .widget-archives .dropdown-menu.filter-date.show { border:3px solid #000; border-radius:25px; left:25px !important; padding:0 0 8px 0; min-width:230px; transform:translate3d(0px, 48px, 0px) !important; top:-50px !important; z-index:2; }
		.blog-filters .dropdown-menu.show .dropdown-item, .widget-archives .collapse .dropdown-menu.show .dropdown-item { padding:0; }
		.blog-filters .dropdown-menu.show .dropdown-item:first-of-type,
		.widget-archives .dropdown-item:first-of-type
			{ background-color:transparent !important; border-top-left-radius:25px; border-top-right-radius:25px; cursor:default; }
		.blog-filters .dropdown-menu.show .dropdown-item:last-of-type { border-bottom-left-radius:15px; border-bottom-right-radius:15px; } 
		.blog-filters .col-12 > .dropdown .dropdown-item:nth-child(1), .blog-filters .dropdown-menu.show .dropdown-item a { display:block; line-height:1.786; }
		.blog-filters .dropdown-menu.show .dropdown-item a { padding:10px 15px; }
		.blog-filters .col-12 > .dropdown .dropdown-item:nth-child(1) { padding:8px 15px 8px 40px;  }
		.blog-filters .dropdown-item:focus, .blog-filters .dropdown-item:hover { background-color:#FFF; }
/************************************************
*   2.0. POST ARCHIVE -- GALLERY VIEW           * 
************************************************/
.archive h1 { margin-bottom:45px; text-transform:capitalize; }
.masonry { position:relative; height:1840px; margin-bottom:60px; width:100%; }
.masonry--g.masonry--h { background-color:transparent; max-width:none; }
.masonry-img { border:0; height:100%; object-fit:cover; width:100%; }
.blog-link-overlay { background-color:transparent; position:absolute; opacity:0; height:100%; width:100%; z-index:2; }
.masonry-brick { border:4px solid #FFF; overflow:hidden; position:absolute;}
.masonry-brick--h { border-radius:50%; }
.masonry-brick--h:nth-child(8n+1) { border-color:var(--splash-purple); top:110px; left:0; height:500px; width:500px; }
.masonry-brick--h:nth-child(8n+1) .blog-img::before { background: url(../images/blog/circle-purple.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+2) { border-color:var(--splash-pink); top:0; left:490px; height:400px; width:400px; }
.masonry-brick--h:nth-child(8n+2) .blog-img::before { background: url(../images/blog/circle-pink.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+3) { border-color:var(--splash-orange); top:355px; right:0; height:400px; width:400px; }
.masonry-brick--h:nth-child(8n+3) .blog-img::before { background: url(../images/blog/circle-orange.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+4) { border-color:var(--splash-green); top:625px; left:0; height:400px; width:400px; }
.masonry-brick--h:nth-child(8n+4) .blog-img::before { background: url(../images/blog/circle-green.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+5) { border-color:var(--splash-blue); top:700px; left:405px; height:500px; width:500px; }
.masonry-brick--h:nth-child(8n+5) .blog-img::before { background: url(../images/blog/circle-blue.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+6) { border-color:var(--splash-purple); top:1050px; left:0; height:500px;  width:500px; }
.masonry-brick--h:nth-child(8n+6) .blog-img::before { background: url(../images/blog/circle-purple.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+7) { border-color:var(--splash-pink); top: 1150px; right:0; height:400px; width:400px; }
.masonry-brick--h:nth-child(8n+7) .blog-img::before { background: url(../images/blog/circle-pink.svg) no-repeat center center; }
.masonry-brick--h:nth-child(8n+8) { border-color:var(--splash-orange); bottom:0; left:400px; height:400px; width:400px; }
.masonry-brick--h:nth-child(8n+8) .blog-img::before { background: url(../images/blog/circle-orange.svg) no-repeat center center; }
.blog-title { align-items:center; color:#ffffff; display:flex; font-size:30px; font-weight:700; height:100%; line-height:1; opacity:1; position:absolute; text-align:center; text-transform:capitalize; width:100%; z-index:3; -webkit-transition:opacity 500ms ease-out; -moz-transition:opacity 500ms ease-out; -o-transition:opacity 500ms ease-out; transition:opacity 500ms ease-out; }
.blog-title a { width:100%; }
.blog-title h2, .blog-title h2:hover { color:#ffffff; margin:0; padding:30px; }
figure:hover .blog-title { opacity:0; }
	/* 2.1. PHOEBE EFFECT */
	.blog-img::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/blog/circle2.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(5,5,1); transform: scale3d(5,5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; z-index:1; opacity:1; }
	.blog figure:hover .blog-img::before { opacity: 0.95;-webkit-transform: scale3d(0.5,0.5,1);	transform: scale3d(0.5,0.5,1); }
	.blog-link { align-items:center; display:flex; height:100%; opacity:0; position:absolute; text-align:center; top:0; width:100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
	.blog-link p { margin:0; width:100%; }
	.blog figure:hover .blog-link { opacity:1; }
	/* 2.2. BLUE OVERLAY */
	.masonry-brick .blog-img { border-radius:50%; height:100%; /* safari rounded corer fix */ -webkit-mask-image:-webkit-radial-gradient(white, black); mask-image:radial-gradient(white, black); }
/************************************************
*   3.0. POST ARCHIVE -- LIST VIEW              * 
************************************************/
#main-masonry figure.blog-row, .archive-page article figure { border-bottom:2px solid #000; margin-bottom:0; padding:30px 30px; -webkit-transition:all 150ms ease-out; -moz-transition:all 150ms ease-out; -o-transition:all 150ms ease-out; transition:all 150ms ease-out; }
.blog-return { font-size:14px; margin-bottom:25px; }
.blog-return a { text-shadow:1px 1px 2px #000000, 1px 1px 3px #000000, 0px 0px 5px #000000; }
.blog-return a span, .post-nav-prev a i, .post-nav-next a i { filter:drop-shadow(1px 1px 1px #000); }
.archive-page .blog-return { margin-bottom:50px; }
.archive-page article { margin:0 auto; position:relative; z-index:1; }
#main-masonry figure.blog-row:hover, .archive-page figure:hover { background-color:#151515; border-radius:25px; box-shadow:0 0 5px 2px rgb(0 0 0 / 75%); left:-30px; position:relative;
	width:1050px; } 
figure.blog-row:hover .snippet,  .archive-page figure:hover .snippet { padding:0 30px; }
figure.blog-row .snippet .feat-img .feat-img-overlay, .archive-page .snippet .feat-img .feat-img-overlay { display:flex; }
figure.blog-row .snippet .feat-img, .archive-page .snippet .feat-img { justify-content:flex-end; }
figure.blog-row .snippet .feat-img img, .archive-page figure .snippet .feat-img img { max-width:100%; transition: opacity 200ms linear; width:162px; }
figure.blog-row .snippet .feat-img a, .archive-page figure .snippet .feat-img a { position:relative; }
figure.blog-row .snippet .feat-img span, .archive-page figure .snippet .feat-img span { color:#FFFFFF; display:none; font-size:14px; height:100%; position:absolute; width:100%; }
figure.blog-row:hover .snippet .feat-img span, .archive-page figure:hover .snippet .feat-img span { align-items:center; display:flex; justify-content:center; }
figure.blog-row:hover .snippet .feat-img img, .archive-page figure:hover .snippet .feat-img img  { opacity:0.15; }
figure.blog-row .snippet .feat-img a, figure.blog-row:hover .snippet .feat-img span,
.archive-page figure .snippet .feat-img a, .archive-page figure:hover .snippet .feat-img span
{ border-radius:50%; }
.masonry--g { position:relative; z-index:1; }
.masonry--g, .archive-page article { border-top-left-radius:25px; border-top-right-radius:25px; border-bottom-left-radius:25px; border-bottom-right-radius:25px; }
.masonry--g, .archive-page article { background-color:rgba(34,34,34,0.85); max-width:990px; }
.snippet-title { font-size:30px; margin-bottom:5px; }
.snippet-title a { color:#FFFFFF; }
.snippet .feat-img img { border:4px solid; border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; box-shadow:0 0 5px 2px rgb(0 0 0 / 75%); justify-content:end; }
.post-excerpt { font-size:16px; margin-bottom:20px; }
.snippet .read-more, .blog-meta, .widget label, .sidebar-mobile .dropdown label { font-size:14px; }
.snippet .read-more { margin-bottom:0; }
.read-more a span { font-size:16px; position:relative; top:1px; }
.read-more a span svg { filter: drop-shadow(2px 1px 2px rgb(0 0 0 / 1)); }
	/* 3.1. THUMBNAIL AND META TEXT COLORS */
	.snippet.blue .feat-img a, .snippet.blue .blog-meta .blog-author, .snippet.blue .blog-meta .blog-date, .snippet.blue .read-more a   { color:rgba(22,120,250,0.9); }
	.snippet.purple .feat-img a, .snippet.purple .blog-meta .blog-author, .snippet.purple .blog-meta .blog-date, .snippet.purple .read-more a { color:rgba(140,69,170,0.9); }
	.snippet.pink .feat-img a, .snippet.pink .blog-meta .blog-author, .snippet.pink .blog-meta .blog-date, .snippet.pink .read-more a  { color:rgba(235,35,161,0.9); }
	.snippet.orange .feat-img a, .snippet.orange .blog-meta .blog-author, .snippet.orange .blog-meta .blog-date, .snippet.orange .read-more a  { color:rgba(237,136,21,0.9); }
	.snippet.yellow .feat-img a, .snippet.yellow .blog-meta .blog-author, .snippet.yellow .blog-meta .blog-date, .snippet.yellow .read-more a  { color:rgba(247,194,0,0.9); }
	.snippet.green .feat-img a, .snippet.green .blog-meta .blog-author, .snippet.green .blog-meta .blog-date, .snippet.green .read-more a { color:rgba(139,188,0,0.9); }
	/* 3.2. THUMBNAIL BACKGROUND COLORS */
	.snippet.blue .feat-img span { background-color:var(--splash-blue); }
	.snippet.purple .feat-img span { background-color:var(--splash-purple); }
	.snippet.pink .feat-img span { background-color:var(--splash-pink); }
	.snippet.orange .feat-img span { background-color:var(--splash-orange); }
	.snippet.yellow .feat-img span { background-color:var(--splash-yellow); }
	.snippet.green .feat-img span { background-color:var(--splash-green); }
/************************************************
*   4.0. SINGLE POST					        * 
************************************************/
.single-post h3.heading { font-size:74px; font-weight:800; line-height:0.85; margin-bottom:20px; text-shadow:1px 1px 40px #000000, 1px 1px 20px #000000, 1px 1px 20px #000000; }
.single-post .blog-content { margin-top:50px; }
.single-post h1 { font-size:42px; font-weight:700; line-height:1; margin-bottom:15px; text-shadow:1px 1px 10px #000000, 1px 1px 10px #000000; }
.single-post .categories { padding-left:0; line-height:1.5; }
.single-post .categories li { display:inline; }
.single-post .categories li:first-child { font-size:14px; }		
.single-post .categories li:last-child .cat-comma { display:none; }
.cat-list { font-size:14px; margin-bottom:22px; }
.single-post .feat-img { border:8px solid var(--splash-blue); border-radius:50%; width:100%; }
.single-post figure.wp-block-pullquote { color:var(--splash-orange); font-size:20px; line-height:initial; margin-left:45px; margin-right:45px; padding:0; text-align:left; }
.single-post figure.wp-block-pullquote blockquote { margin-bottom:30px; }
.single-post figure.wp-block-pullquote .container-quote+p { margin-bottom:0; margin-left:101px; }
.single-post figure.wp-block-pullquote .container-quote.single-line+p, .single-post figure.wp-block-pullquote .container-quote.double-line+p { margin-bottom:0; margin-left:0; }
.single-post figure.wp-block-pullquote p::after { content:"\”"}
.single-post .container-quote { float:left; margin-right:10px; }
.single-post .container-quote.double-line img { width:80px; }
.single-post .container-quote.single-line img { width:35px; }
.single-post figure.wp-block-image, .single-post figure.wp-block-embed.is-type-video > .wp-element-caption { margin:0 auto; }
.single-post figure.wp-block-embed.is-type-video { text-align:center; }
.single-post figure.wp-block-embed.is-type-video > .wp-element-caption { max-width:500px; }
.single-post figure.wp-block-embed.is-type-video > .wp-element-caption, .single-post figure.wp-block-image > .wp-element-caption { padding-left:15px; text-align:left; }
.single-post figure.wp-block-image { max-width:546px; }
.single-post figcaption.wp-element-caption { color:#777777; font-size:16px; font-style:italic; }
.entry-content { margin-top:30px; padding-top:25px; }
.tag-list, .blog-post-nav, .entry-content { border-top:1px solid #444; margin-top:25px; padding-top:25px; }
.tag-list .tag-title h3, .add-reading .add-reading-title h3 { line-height:1.5; margin-bottom:0; }
.tag-list .tag-title, .add-reading .add-reading-title { margin-bottom:15px; }
.tag-list .tag-links, .add-reading .add-list { margin-left:55px; }
.tag-list a { color:var(--splash-green); text-shadow:1px 1px 5px #000000, 1px 1px 10px #000000, 1px 1px 10px #000000; text-transform:capitalize; }
.tag-list a:hover, .add-reading .add-list ul li a:hover { color:#FFFFFF; }
.tag-list .separator:last-child { display:none; }
.add-reading .add-list ul, .add-reading .add-list ul li::before { margin:0; padding:0; }
.add-reading .add-list ul li::before { content:''; position:static; }
.add-reading .add-list ul li { margin-bottom:20px; }
.add-reading .add-list ul li a { color:var(--splash-orange); }
.single-post .circle { align-items:center; background-color:var(--splash-pink); border-radius:50%; box-shadow:0 0 5px 2px rgb(0 0 0 / 75%); display:flex; font-size:16px; height:40px; justify-content:center; margin-right:15px; width:40px; }
.tag-list .tag-title .circle { background-color:var(--splash-green); padding-top:3px; padding-left:2px; }
.add-reading .add-reading-title .circle { background-color:var(--splash-orange); padding-top:3px; padding-left:2px; }
.tag-list .tag-title .circle, .tag-list .tag-title h3, .add-reading .add-reading-title .circle, .add-reading .add-reading-title h3 { float:left; }
	/* 4.1. SIDEBAR */
	.single-post .post-sidebar-container { background-color:rgba(34,34,34,0.85); border-radius:25px; }
	.widget h3 { margin-bottom:0; }
	.widget h3, .widget h3 a::after, .single-post .post-sidebar-container li a, .widget-post-cat .post-cat-list span.cat-count 
		{ text-shadow:none; }
	.widget h3 a::after { content:''; background-repeat:no-repeat; border:0; height:16px; position:absolute; right:40px; transition-duration:200ms; transition-property:transform; width:10px; }
	.widget h3 a.collapsed::after { transform:rotate(180deg); }
	.widget h3, .single-post .post-sidebar-container .collapse.show, .single-post .post-sidebar-container .collapsing { border-top:2px solid #000; }
	.widget:first-child h3 { border-top:0; }
	.widget-content { padding:30px; }
	.widget h3 { font-size:24px; }
	.widget h3 a { align-items:center; color:#FFF; display:flex; padding:24px 30px; position:relative; }
	.single-post .post-sidebar-container .collapse.show, .single-post .post-sidebar-container .collapsing { background-color:rgba(17,17,17,0.85); }
	.widget-content p { margin-bottom:15px; }
		/* 4.1.1. SUBSCRIBE */
		.widget-subscribe label, .sidebar-mobile .dropdown:nth-child(1) label { color:var(--splash-pink); }
		.subscribe-input { box-shadow:none; position:absolute; right:35px; top:55px; }
		.widget-subscribe .email-sub-form, .sidebar-mobile .dropdown:nth-child(1) .email-sub-form { border: 4px solid var(--splash-pink); box-shadow:none ; color:#B4B4B4; font-size:16px; font-style:italic; }
		.widget-subscribe .email-sub-form, .sidebar-mobile .dropdown:nth-child(1) .email-sub-form.form-control::placeholder { color:#B4B4B4; }
		.widget-subscribe .email-sub-form:focus, .sidebar-mobile .dropdown:nth-child(1) .email-sub-form:focus { box-shadow:0 0 0 0.2rem rgba(206,8,127,0.5); }
		.widget-subscribe .email-sub-form::placeholder { color:#B4B4B4;  }
		.widget-subscribe .email-form-caption { color:#B4B4B4; font-size:12px; font-style:italic; margin-top:10px; text-align:center; }
		.widget-subscribe .email-form-caption, .widget-subscribe .g-recaptcha { margin-bottom:15px; }
		.widget-subscribe .btn { margin-bottom:0; }
		.widget-subscribe #widget01 iframe  { border-radius:0 5px 5px 0; border-right:1px solid #d3d3d3; height:76px!important; width:296px!important; }
		/* 4.1.2. reCAPTCHA */
		#widget03 iframe { border-radius:0 3px 3px 0; border-right:1px solid #525252; height:76px; width:290px; }
		/* 4.1.3. RECENT POSTS */
		.widget-posts .widget-content { padding:0; }
		.widget-posts .circle { background-color:var(--splash-orange); }
			/* Drop Down Arrow Orange */
			.widget-posts h3 a::after { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 320 512' style='enable-background:new 0 0 320 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ed8815;%7D%0A%3C/style%3E%3Cpath class='st0' d='M176.8,159.8l136,136c9.4,9.4,9.4,24.6,0,33.9l-22.6,22.6c-9.4,9.4-24.6,9.4-33.9,0l-96.4-96.4l-96.4,96.4 c-9.4,9.4-24.6,9.4-33.9,0L7,329.7c-9.4-9.4-9.4-24.6,0-33.9l136-136C152.2,150.4,167.4,150.4,176.8,159.8L176.8,159.8z'/%3E%3C/svg%3E%0A"); }
		.widget-posts .recent-posts { list-style-image:none; margin:0; padding:0; }
		.widget-posts .recent-posts hr { border-top:1px solid #000 !important; margin:0; width:100%; }
		.widget-posts .recent-posts hr:last-of-type { border-top:0; display:none; }
		.widget-posts .recent-posts li { font-size:24px; font-weight:700; line-height:1.2; margin-bottom:0; text-align:center; }
		.widget-posts .recent-posts li:hover { background-color:#0a0a0a; }
		.widget-posts .recent-posts li a { color:var(--splash-orange); display:block; padding:20px 20px; font-size:18px; }
		.widget-posts .recent-posts li a:hover, .widget-post-cat .post-cat-list li a:hover { color:#FFFFFF; }
		.widget-posts .recent-posts li a, .widget-post-cat .post-cat-list li a, .widget-content label,  .widget-content p { text-shadow:none; }
		/* 4.1.4. POST CATEGORIES */
		.widget-post-cat .circle { background-color:var(--splash-green); }
		.widget-post-cat .post-cat-livst { list-style-image:url("images/bullet-unordered_navy.svg"); margin:20px 0 0; padding-left:30px; }
		.widget-post-cat.widget-green .post-cat-list { list-style-image:url("images/bullet-unordered_green.svg"); }
		.widget-post-cat.widget-orange .post-cat-list { list-style-image:url("images/bullet-unordered.svg"); }
		.widget-post-cat .post-cat-list { margin:0; padding:0; } 
		.widget-post-cat .post-cat-list, .widget-post-cat .post-cat-list li:last-child { padding-bottom:0; }
		.widget-post-cat .post-cat-list li { padding:10px 0; text-align:center; }
		.widget-post-cat .post-cat-list li, .widget-post-cat .post-cat-list .cat-count { font-size:14px; }
		.widget-post-cat .post-cat-list li:first-child { padding-top:0; }
		.widget-post-cat .post-cat-list li a { color:var(--splash-green); }
		/* 4.1.5. BLOG ARCHIVES */
		.widget-archives .circle { background-color:var(--splash-blue); }
		.widget-archives .collapse.show { border-bottom-right-radius:25px; border-bottom-left-radius:25px; }
		.widget-archives label { color:var(--splash-blue); }
		.widget-archives .btn { border:4px solid var(--splash-blue); height:56px; width:100%; }
		.widget-archives .collapse .dropdown-toggle::after { top:18px; }
		.widget-archives .btn, .widget-archives .dropdown-item a { padding:10px 24px !important; }
		.widget-archives .btn, .widget-archives .dropdown-item:nth-child(1) { color:var(--splash-blue); font-size:16px; font-style:italic; }
		.widget-archives .collapse .dropdown-menu.show .dropdown-item:nth-child(1) { padding-top:12px; padding-bottom:8px; padding-left:24px; }
		.widget-archives .btn:focus { box-shadow:none; }
		.widget-archives .dropdown-item:last-of-type { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
			/* Dropdown Up Arrow */
			.widget-archives .collapse .dropdown-menu.show .dropdown-item:nth-child(1)::after { margin-left:137px; }
			.widget-archives .dropdown-item:hover { background-color:var(--splash-blue-hover); }
			.widget-archives .dropdown-item a { color:var(--splash-blue); display:block; font-size:14px; letter-spacing:2px; text-transform:uppercase; }
			.widget-archives .dropdown-menu.filter-date.show { border-color:var(--splash-blue); border-width:4px;  box-shadow:0 0 0 0.2rem rgba(22,120,250,0.5); margin-left:-25px; padding-top:0; padding-bottom:15px; width:290px; }
	/* 4.2. BLOG-CONTENT */
	.single-post .blog-content-header { margin-bottom:30px; }
	/* 4.3. POST NAVIGATION */
	.single-post .blog-post-nav i { font-size:16px; position:relative; top:1px; }
	.single-post .blog-post-nav a { color:var(--splash-blue); font-size:14px; text-shadow:1px 1px 2px #000000, 1px 1px 3px #000000, 0px 0px 5px #000000; }
	.single-post .blog-post-nav a:hover { color:#FFFFFF; }
	.single-post .post-nav-prev { padding-left:0; }
	.single-post .post-nav-prev i { margin-right:15px; }
	.single-post .post-nav-top { text-align:center; }
	.single-post .post-nav-next { padding-right:0; text-align:right; }
	.single-post .post-nav-next i { margin-left:15px; }
	/* 1.4. SOCIAL SHARING */
	.widget-social { margin-top:30px; }
	.widget li::before, .widget-social li::before, .single-post .categories li::before  { content:''!important; margin:0; }
	.widget-social li a { font-size:14px; }
	.widget-social .social-list { list-style-image:none; margin:0; padding:0; }
	.widget-social .social-list li { margin-bottom:0; padding:0 10px 0 0; }
	.widget-social .social-list li a { align-items:center; background-color:var(--splash-green); border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; color:#ffffff; display:flex; justify-content:center; height:40px; text-align:center; width:40px; text-shadow:none; }
		.widget-social .social-list li a.social-fb { background-color:#1877f2; font-size:14px; padding-left:2px; }
		.widget-social .social-list li a.social-x { background-color:#333333; font-size:15px; padding-top:2px; padding-left:2px; }
		.widget-social .social-list li a.social-li { background-color:#0077b5; font-size:14px; padding-top:2px; padding-left:2px; }
		.widget-social .social-list li a.social-mail { font-size:16px; }
		.widget-social .social-list li a.social-print { background-color:var(--splash-orange); font-size:16px; }
		.widget-social .social-list li a.social-print:hover, .widget-social .social-list li a.social-print:focus, .widget-social .social-list li a.social-print:active { cursor:pointer; }
/************************************************
*   5.0. PAGINATION          					*
************************************************/
.pagination-nav.list-view .pagination { margin-bottom:0; }
.blog .pagination, .archive-page .pagination { padding:30px 0; }
ul li.page-item { text-align:center; text-shadow:none; }
.pagination-nav .page-link { align-items:center; background-color:#8c45aa; border:0; border-radius:50% !important; box-shadow:0 0 5px 2px rgb(0 0 0 / 75%); display:flex; color:#FFF; font-size:24px; font-weight:600; height:45px; justify-content:center; padding:0; margin:0 12px; width:45px; }
.pagination-nav .page-link:hover, .page-item.active .page-link:hover { background-color:var(--splash-blue); color:#FFF; }
.page-item.active .page-link { pointer-events:none; }
.page-item:last-child .page-link { margin-right:0; }
.page-item:last-child .page-link span { padding-left:4px; }
.page-item:first-child .page-link span, .page-item:last-child .page-link span { padding-top:3px; font-size:25px; }
.page-item.pg-left .page-link, .page-item.pg-right .page-link { background-color:#8BBC00; }
/************************************************
*   6.0. MEDIA QUERIES                          *
************************************************/
@media (max-width:1500px) { }

/** LARGE DEVICES **/
@media (max-width:1200px) { 
	.masonry--g, .pagination-nav.list-view, .archive-page article { max-width:930px; }
	#main-masonry figure.blog-row:hover, .archive-page figure:hover { width:990px; }
	/* .blog .blog-filters .col-12 { justify-content:end; } */
	.blog .blog-filters .col-12 > .dropdown .dropdown-menu.show { transform:translate3d(-5px, 60px, 0px) !important; }
	/* .blog .blog-filters .col-12 > .dropdown .dropdown-menu.show { transform:translate3d(-225px, 60px, 0px) !important; } */
	.blog .blog-filters .col-12 > .dropdown .dropdown-menu.show { z-index:4; }
	.blog .blog-filters .col-12 > .dropdown.show .filter-icon { z-index:5; }
	.blog .blog-filters .col-12 > .dropdown .dropdown-menu.show .dropdown-item:nth-child(1)::after { right:20px; }
	.blog .blog-filters .col-12 > .dropdown .dropdown-item:nth-child(1) { background-position:197px 12px;}
	.blog .blog-filters .col-12 > .dropdown button { border:0; border-radius:100%; background:transparent; height:45px; padding:0; width:45px; }
	.blog .blog-filters .col-12 > .dropdown button .button-text { display:none; }
	.blog .blog-filters .dropdown-toggle::after { background-image:none !important; }
	.filter-icon { height:45px; width:45px; }
	.filter-icon span { font-size:16px; }
	figure.blog-row:hover, .archive-page .snippet:hover { background-color:revert; border:revert; border-radius:revert; box-shadow:none; transform:none; } 

	/* Sidebar-Mobile */
	.sidebar-mobile .dropdown { margin:0 10px; position:static; }
	.sidebar-mobile .dropdown:first-child { margin-left:0; }
	.sidebar-mobile .dropdown:last-child { margin-right:0; }
	.sidebar-mobile .dropdown .btn:not(#blogSubscribeMobile) { position:relative; }
	.sidebar-mobile .dropdown .dropdown-item { padding:0; white-space:normal; }
	.blog .blog-filters .col-12 > .dropdown .dropdown-item { white-space:normal; }
	.sidebar-mobile .dropdown .dropdown-menu.show { max-width:400px;  }
	
	/* Subscribe */
	.sidebar-mobile .dropdown:nth-child(1) .filter-icon { background-color:var(--splash-pink); }
	.sidebar-mobile .dropdown:nth-child(1) .btn { z-index:8; }
	.sidebar-mobile .dropdown:nth-child(1) .dropdown-item, .sidebar-mobile .dropdown:nth-child(1) .dropdown-item a 
		{ color:var(--splash-pink); }
	.sidebar-mobile .dropdown:nth-child(1) .dropdown-menu.show { border-color:var(--splash-pink); padding-left:20px; padding-right:20px; width:350px; transform:translate3d(15px, 45px, 0px) !important; z-index:7; }
	.sidebar-mobile .dropdown:nth-child(1) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-pink-hover); }
	.sidebar-mobile .dropdown:nth-child(1) p { margin-bottom:20px; }
	.sidebar-mobile .dropdown:nth-child(1) p, .sidebar-mobile .dropdown:nth-child(1) label { text-shadow:none; }
	.sidebar-mobile .dropdown:nth-child(1) .email-form-caption { color:#777; font-style:italic; line-height:1.3; text-align:center; margin:15px; }
	.sidebar-mobile .dropdown:nth-child(1) form .btn { margin:15px 0; }
	.subscribe-input { top:53px; }

	/* Recent Post */
	.sidebar-mobile .dropdown:nth-child(2) .filter-icon { background-color:var(--splash-orange); }
	.sidebar-mobile .dropdown:nth-child(2) .btn { z-index:6; }
	.sidebar-mobile .dropdown:nth-child(2) .dropdown-item, .sidebar-mobile .dropdown:nth-child(2) .dropdown-item a 	{ color:var(--splash-orange); }
	.sidebar-mobile .dropdown:nth-child(2) .dropdown-menu.show { border-color:var(--splash-orange); transform:translate3d(80px, 45px, 0px) !important; z-index:5; }
	.sidebar-mobile .dropdown:nth-child(2) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-orange-hover); }

	/* Post Categories */
	.sidebar-mobile .dropdown:nth-child(3) .filter-icon { background-color:var(--splash-green); }
	.sidebar-mobile .dropdown:nth-child(3) .btn { z-index:4; }
	.sidebar-mobile .dropdown:nth-child(3) .dropdown-item, .sidebar-mobile .dropdown:nth-child(3) .dropdown-item a { color:var(--splash-green); }
	.sidebar-mobile .dropdown:nth-child(3) .dropdown-menu.show { border-color:var(--splash-green); transform:translate3d(145px, 45px, 0px) !important; z-index:3; }
	.sidebar-mobile .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item { min-width:230px; }
	.sidebar-mobile .dropdown:nth-child(3) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-green-hover); }
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show { max-width:400px; }

	/* Post Date */
	.sidebar-mobile .dropdown:nth-child(4) .filter-icon { background-color:var(--splash-blue); }
	.sidebar-mobile .dropdown:nth-child(4) .btn { z-index:2; }
	.sidebar-mobile .dropdown:nth-child(4) .dropdown-item, .sidebar-mobile .dropdown:nth-child(4) .dropdown-item a { color:var(--splash-blue); }
	.sidebar-mobile .dropdown:nth-child(4) .dropdown-menu.show { border-color:var(--splash-blue); transform:translate3d(210px, 45px, 0px) !important; z-index:1; }
	.sidebar-mobile .dropdown:nth-child(4) .dropdown-menu.show .dropdown-item:hover { background-color:var(--splash-blue-hover); }
	.sidebar-mobile .btn { box-shadow:none; }
	.sidebar-mobile .btn:not(#blogSubscribeMobile) { border-radius:100%; padding:0; transform:none; }
	.sidebar-mobile .filter-icon { height:45px; position:static; width:45px; }
	.sidebar-mobile .filter-icon span { font-size:16px; }
	.sidebar-mobile .dropdown-toggle::after { content:none; }
	.sidebar-mobile .show>.btn-secondary.dropdown-toggle:focus
	.sidebar-mobile .btn-secondary:not(:disabled):not(.disabled).active:focus, 
	.sidebar-mobile .btn-secondary:not(:disabled):not(.disabled):active:focus, 
	.sidebar-mobile .show>.btn-secondary.dropdown-toggle:focus	{ box-shadow:none; }
		/* Dropdown Menu */
		.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:first-child::after { right:15px; }
		.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:first-child:hover { background-color:transparent; }
		.sidebar-mobile .dropdown-menu.show { border:3px solid var(--splash-pink); border-radius:25px; box-shadow:0 0 65px 30px rgb(0 0 0 / 75%); left:20px !important; padding-top:0; top:-30px !important; }
		.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:first-child { padding-left:40px !important; }
		.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:first-child, .sidebar-mobile .dropdown .dropdown-item a 
			{ display:block; font-size:14px; line-height:1.786; padding:10px 15px; }
		.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:last-child { border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
}
/** MEDIUM DEVICES (tablets) **/
@media (max-width:991px) { 
	.masonry--g, .pagination-nav.list-view, .archive-page article { max-width:none; }
	#main-masonry figure.blog-row:hover, .archive-page figure:hover { background-color:transparent; border-radius:0; box-shadow:none; position:static; width:100%; }
	figure.blog-row:hover .snippet, .archive-page figure:hover .snippet { padding:0; }
}

/** SMALL DEVICES (mobile/landscape phones) **/
@media (max-width:767px) { } 

/** X-SMALL DEVICES (mobile) **/
@media (max-width:575px) { 
	body.blog { background-position:229px 30px, 130px 90px; }

	/* Blog Filter */
	.filter-icon span, .sidebar-mobile .filter-icon span { font-size:18px; }
	.blog .blog-filters .col-12 > .dropdown { position:static; }
	.blog .blog-filters .col-12 > .dropdown button { position:relative; }
	.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu.show, 
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show, 
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show 
		{ transform:translate3d(0px, 45px, 0px) !important; }
	.blog .blog-filters .col-12 > .dropdown:nth-child(1) .dropdown-menu.show, 
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) .dropdown-menu.show, 
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show,
	.sidebar-mobile .dropdown .dropdown-menu.show 
		{ padding-top:30px; left:0 !important; margin:0 15px; right:0; top:-30px !important; width:unset; }
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .dropdown-menu.show { max-width:unset; }
	.blog .blog-filters .col-12 > .dropdown:nth-child(2) .filter-icon, 
	.blog .blog-filters .col-12 > .dropdown:nth-child(3) .filter-icon { margin-left:0; }
	.blog-filters .dropdown-menu.show .dropdown-item a, .blog-filters .col-12 > .dropdown .dropdown-item:nth-child(1) { padding:10px 15px; }
	
	/* Sidbar-Mobile */
	.sidebar-mobile .dropdown.show .btn:nth-child(1) { background:transparent; z-index:11; }
	.sidebar-mobile .dropdown .dropdown-menu.show { max-width:unset; z-index:10 !important; }
	.sidebar-mobile .dropdown:nth-child(1) .dropdown-menu.show, 
	.sidebar-mobile .dropdown:nth-child(2) .dropdown-menu.show, 
	.sidebar-mobile .dropdown:nth-child(3) .dropdown-menu.show, 
	.sidebar-mobile .dropdown:nth-child(4) .dropdown-menu.show { left:0 !important; transform:translate3d(0px, 45px, 0px) !important; }
	.sidebar-mobile .dropdown:nth-child(1) .dropdown-menu.show { width:unset !important;}
	.sidebar-mobile .dropdown:nth-child(2) .dropdown-menu.show { max-width:unset !important;}
	.sidebar-mobile .dropdown:first-child .dropdown-menu.show .dropdown-item:first-child { padding-left:0 !important; }
	.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:first-child { padding-left:15px !important; }
	.blog .blog-filters .col-12 > .dropdown .dropdown-menu.show .dropdown-item:first-child { padding-left:15px; }
	.blog .blog-filters .col-12 > .dropdown .dropdown-menu.show .dropdown-item:nth-child(1)::after,
	.sidebar-mobile .dropdown .dropdown-menu.show .dropdown-item:first-child::after { margin-top:30px; }
	.single-post .post-nav-top span { display:none; }
}