/**
 * Particle Theme Main CSS File
 * Author: https://www.skilltechwebdesign.com
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Base
	1.1 Priority Load
		1.1.1 Page Transitions
		1.1.2 Page Preloader
	1.2 Overrides
		1.2.1 WordPress Overrides
		1.2.2 Bootstrap Overrides
		1.2.3 Elementor Overrides
		1.2.4 Contact Form 7 Overrides
		1.2.4 Owl Carousel Overrides
2.0 Components
	2.1 General
		2.1.1 Reset
		2.1.2 Elements
		2.1.3 Structure
		2.1.4 Master Transition Setting
		2.1.5 Page Background Components
		2.1.6 Generic/Reusable Components
	2.2 Hero Section
	2.3 Forms, Links, Buttons & UI
		2.3.1 Links
		2.3.2 Forms and Buttons (_underscores)
		2.3.3 Particle Forms
		2.3.4 Other UI
	2.4 Navigation Menus
		2.4.1 Mobile Menu
		2.4.2 Desktop Menu
		2.4.3 Menu Animations
		2.4.4 Dark Mode Switch
	2.5 Pages
		2.5.1 Search Results Page
		2.5.2 404 Page
		2.5.3 Project Page
	2.6 Color
	2.7 Typography
	2.8 Blog
		2.8.1 Blog General
		2.8.2 Dark Mode Colors
		2.8.3 Blog Feed Style Changer
		2.8.4 Blog Feed
			2.8.4.1 Blog Posts Ticker Section
			2.8.4.2 Blog Featured Section
			2.8.4.3 Blog Feed V1 - Magazine Style
			2.8.4.4 Blog Feed V2 - Stretched (casual)
			2.8.4.5 Blog Feed V3 - Classic
			2.8.4.6 Ads Sections
			2.8.4.7 Pagination
			2.8.4.8 Blog Feed Media Queries
			2.8.4.9 Restructure standard blog feed posts
		2.8.5 Sidebar & Widgets
		2.8.6 Single Posts (Article)
		2.8.7 Related Posts Carousel Section
	2.9 Comments
	2.10 Footer
	2.11 WordPress Gutenberg Blocks (Overrides and Additional Styling)
--------------------------------------------------------------*/

/**
 * 1.1 Priority load
 * =================
 * in particle-priority.css
 */

/**
 * 1.2 Overrides
 * =============
 */

/**
 * 1.2.1 WordPress Overrides
 * -------------------------
 */

/**
 * Soft override for admin bar gap
 * Compensate for white space which appears under
 * 600px above admin bar when logged in because
 * body has a set position (relative).
 */

.pa-cushion {
	display: none;
	width: 0;
	height: 0;
	margin: 0;
}

@media all and (max-width: 600px) { 

	body.admin-bar.logged-in {
		margin-top: -46px;
	}

	body.logged-in .pa-cushion {
		display: block;
		height: 0;
		margin-top: -46px;
	}

	body.logged-in .site-main { /* main#main + main#primary */
		overflow-x: hidden;
		margin-top: 46px;
	}

	body.logged-in .pa-mobile-main-logo, 
	body.logged-in .pa-menu-protector, 
	body.logged-in .hc-nav-trigger, 
	body.logged-in .hc-offcanvas-nav .nav-container {
		margin-top: 46px;
	}

}

@media all and (min-width: 601px) and (max-width: 1409px) {
	body.logged-in .hc-offcanvas-nav .nav-container {
		top: 32px;
	}
}

/**
 * Recommended here
 * https://codex.wordpress.org/Content_Width
 */
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/**
 * 1.2.2 Bootstrap Overrides
 * -------------------------
 */

/* override bootstrap 4 negative side margins for form rows */
/* .form-row {
	margin-right: 0;
	margin-left: 0;
}*/

/* Vertical Bootstrap carousel */
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
	-webkit-transform: translate3d(0, 100%, 0);
			transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
	-webkit-transform: translate3d(0,-100%, 0);
			transform: translate3d(0,-100%, 0);
}


/**
 * 1.2.3 Elementor Overrides
 * -------------------------
 */

/**
 * Fix for Elementor editing (Desktop Menu)
 * so menu doesn't overlap widgets while editing
 */

@media all and (min-width: 1410px) {

	.elementor-editor-active nav#main-nav {
		z-index: -1;
	}

}

/**
 * Fix for Elementor gallery images too small
 */
 
@media all and (min-width: 768px)  {
	.elementor-image-gallery .gallery-item {
		max-width: initial !important;
	}
}

/**
 * Dark mode soft-styling
 * Elementor will override these properties if user sets custom colors etc.
 */

/* Elementor Widgets - Various styles */

.elementor-widget-container > h5:not(.elementor-heading-title) {
	margin-bottom: 15px;
}

/* Elementor Widgets - Tabs, Accordion, Toggle */

.pa-dark-mode .elementor-tabs .elementor-tab-title.elementor-active, 
.pa-dark-mode .elementor-tabs .elementor-tabs-content-wrapper, 
.pa-dark-mode .elementor-accordion, 
.pa-dark-mode .elementor-toggle {
	/*background: rgba(255,255,255,0.1);*/

	color: #cbd8dc;
	background-color: rgba(0,0,0,0.32);
	background-blend-mode: luminosity;
	/*border-color: rgba(255,255,255,0.5);*/
	border-color: #202430;
}

.pa-dark-mode .elementor-widget-tabs .elementor-tab-content, 
.pa-dark-mode .elementor-widget-tabs .elementor-tab-title, 
.pa-dark-mode .elementor-widget-tabs .elementor-tab-title:after, 
.pa-dark-mode .elementor-widget-tabs .elementor-tab-title:before, 
.pa-dark-mode .elementor-widget-tabs .elementor-tabs-content-wrapper, 
.pa-dark-mode .elementor-accordion .elementor-accordion-item {
    /*border-color: rgba(255,255,255,0.5);*/
    border-color: #202430;
}

.pa-dark-mode .elementor-tabs .elementor-tab-content, 
.pa-dark-mode .elementor-tabs .elementor-tab-title, 
.pa-dark-mode .elementor-accordion .elementor-tab-title, 
.pa-dark-mode .elementor-accordion .elementor-tab-content, 
.pa-dark-mode .elementor-toggle .elementor-tab-title,
.pa-dark-mode .elementor-toggle .elementor-tab-content {
	color: #ffffff;
}

.pa-dark-mode .elementor-accordion .elementor-tab-content {
	/*border-top-color: rgba(255,255,255,0.5);*/
	border-top-color: #202430;
}

.pa-dark-mode .elementor-toggle .elementor-tab-title {
	/*border-bottom-color: rgba(255,255,255,0.5);*/
	border-bottom-color: #202430;
}

/* Elementor Widget - Categories */

.elementor-widget-wp-widget-categories .cat-item > ul > .cat-item:before {
	position: absolute;
	top: 1px;
	color: #ddd0e2;
}

/* Elementor Widget - Meta */
/* Elementor Widget - Pages */
/* Elementor Widget - Archives */
/* Partially styled by normal Widgets Archives */

.elementor-widget-wp-widget-meta ul li, 
.elementor-widget-wp-widget-meta ul li > a, 
.elementor-widget-wp-widget-pages ul li, 
.elementor-widget-wp-widget-pages ul li > a, 
.elementor-widget-wp-widget-archives ul li, 
.elementor-widget-wp-widget-archives ul li > a {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.elementor-widget-wp-widget-meta ul,
.elementor-widget-wp-widget-pages ul, 
.elementor-widget-wp-widget-archives ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.elementor-widget-wp-widget-meta ul li, 
.elementor-widget-wp-widget-pages ul li, 
.elementor-widget-wp-widget-archives ul li {
	display: block;
	position: relative;
	width: 100%;
	padding-left: 27px;
	line-height: 22px;
	height: auto;
	margin-bottom: 3px;
}

.elementor-widget-wp-widget-meta ul li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-8px) scaleX(0.6);
	    -ms-transform: translateY(-8px) scaleX(0.6);
	        transform: translateY(-8px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}

.elementor-widget-wp-widget-pages ul li:before {
	display: inline-block;
	color: #ddd0e2;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-1px);
	    -ms-transform: translateY(-1px);
	        transform: translateY(-1px);
	margin-right: 10px;
	color: #9EC7D9;
	margin-left: -16px;
}

.elementor-widget-wp-widget-archives ul li:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 10px;
	-webkit-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
			transform: translateY(-2px);
	color: #9ec7d9;
	margin-left: -16px;
}

.elementor-widget-wp-widget-meta ul li:hover, 
.elementor-widget-wp-widget-pages ul li:hover, 
.elementor-widget-wp-widget-archives ul li:hover {
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}

/* Elementor Widget - Search */

.elementor-widget-wp-widget-search form input[type=submit] {
	position: absolute;
	right: 20000px;
}

.elementor-widget-wp-widget-search input, 
.elementor-widget-wp-widget-search label {
	width: 100%;
}

/* Elementor Widget - Calendar */

.elementor-widget-wp-widget-calendar tbody td, 
.elementor-widget-wp-widget-calendar table th {
	padding: .25em;
	border: 0;
	text-align: left;
	background-color: #384c5a;
	background-color: rgba(173,195,210,0.12);
	background-color: transparent;
}

.elementor-widget-wp-widget-calendar nav.wp-calendar-nav {
	padding: 10px;
	background-color: rgba(173,195,210,0.12);
}

.pa-dark-mode .elementor-widget-wp-widget-calendar nav.wp-calendar-nav {
	background-color: rgba(173,195,210,0.12);
}

.elementor-widget-wp-widget-calendar nav.wp-calendar-nav a {
	text-decoration: none;
}

/* Elementor Widget - Alert  */

.pa-dark-mode .elementor-alert.elementor-alert-success {
	color: #4fe9b0;
	background-color: #090f16;
	background-blend-mode: luminosity;
	border-color: #03ff81;
}

.pa-dark-mode .elementor-alert.elementor-alert-info {
	color: #00d0ff;
	background-color: #090f16;
	background-blend-mode: luminosity;
	border-color: #00c2ff;
}

.pa-dark-mode .elementor-alert.elementor-alert-warning {
	color: #e9cd43;
	background-color: #090f16;
	background-blend-mode: luminosity;
	border-color: #ffbb72;
}

.pa-dark-mode .elementor-alert.elementor-alert-danger {
	color: #ff5159;
	background-color: #090f16;
	background-blend-mode: luminosity;
	border-color: #ff4949;
}

/* Elementor Widget - RSS (mixed with .widget_rss) */

.elementor-widget-wp-widget-rss img.rss-widget-icon {
	filter: sepia(1) hue-rotate(177deg) saturate(0.5);
}

/* For transitioning elementor widgets to dark mode with easing */

.pa-dark-mode .elementor-widget-heading div, 
.pa-dark-mode .elementor-widget-heading span, 
.elementor-widget-wp-widget-recent-posts li > a {
	-webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
	transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
}


/**
 * 1.2.4 Contact Form 7 Overrides
 * ------------------------------
 */

div.wpcf7 label {
	width: 100%;
}

.pa-contact-form input[type="submit"].wpcf7-form-control {
	background: transparent;
	border-color: #FFFFFF;
}



/**
 * 1.2.5 Owl Carousel Overrides
 * ----------------------------
 */

.owl-item .pa-portfolio-thumb-wrap { /* Fix for owl carousel */
	width: 100% !important;
	-ms-flex: 0 0 100% !important;
		-webkit-box-flex: 0 !important;
	        flex: 0 0 100% !important;
}

/* Owl Carousel custom styling */

.pa-navis-none .pawl-nav, 
.pa-navis-dots .pawl-nav button.owl-prev, 
.pa-navis-dots .pawl-nav button.owl-next {
	display: none;
}

.pawl-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: -15px;
	margin-right: -15px;
	background-color: rgba(51,66,93,0.15);
}

.pawl-nav button.owl-prev, 
.pawl-nav button.owl-next {
	border: none;
	background: none;
	color: #98adb9;
	font-size: 66px;
	width: 60px;
	height: 100px;
}

.pawl-nav button.owl-prev:hover, 
.pawl-nav button.owl-next:hover {
	color: #e9f0f5;
}

.pawl-nav button.owl-prev:focus, 
.pawl-nav button.owl-next:focus {
	/*outline: none;*/
	outline: thin dotted;
}

.pawl-nav button.owl-prev span, 
.pawl-nav button.owl-next span {
	display: block;
	margin-top: -9px;
}

.pawl-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	position: relative;
	padding: 20px 60px;
	min-width: 360px;
	height: 100px;
}

.pawl-dots:before {
	content: '';
	position: absolute;
	width: 100%;
	border-top: 100px solid #01050c;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	left: 0;
	z-index: -1;
	z-index: 0;
}

.pawl-dots button.owl-dot {
	border: none;
	width: 44px;
	height: 23px;
	margin: 2px;
	background: rgba(151,180,197,0.54);
	z-index: 1;
}

.pawl-dots button.owl-dot:focus {
	/*outline: none;*/
	outline: thin dotted;
}

.pawl-dots button.owl-dot:hover, 
.pawl-dots button.owl-dot.active {
	background: rgb(184,213,230,0.75);
}

@media all and (max-width: 767px) { /* custom */

	.pawl-nav button.owl-prev, 
	.pawl-nav button.owl-next {
		font-size: 48px;
	}

	.pawl-nav button.owl-prev span, 
	.pawl-nav button.owl-next span {
		margin-top: -9px;
	}

	.pawl-dots:before {
		display: none;
	}

	.pawl-dots {
		min-width: 60px;
		max-width: 80%;
		min-height: 30px;
		height: auto;
		background-color: #01050c;
	}

	.pawl-dots button.owl-dot {
		width: 32px;
		height: 18px;
	}

}

@media all and (max-width: 575px) { /* custom */

	.pawl-dots button.owl-dot {
		width: 24px;
		height: 13px;
	}

}


/**
 * 2.1 General
 * ===========
 *	2.1.1 Reset
 * 	2.1.2 Elements
 *	2.1.3 Structure
 *	2.1.4 Master Transition Setting
 *	2.1.5 Page Background Components
 *	2.1.6 Generic/Reusable Components
 */

/**
 * 2.1.1 Reset
 * -----------
 */

div, span, a, strong, i, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/**
 * 2.1.2 Elements
 * --------------
 * body, ul, ol, li etc.
 */

body {
	position: relative; /* Watch it! */
}

.pa-dark-mode code {
	color: #fd58a4;
}

.pa-dark-mode kbd {
	background-color: #536474;
}

.pa-dark-mode table thead {
	color: #ffffff;
}

.pa-dark-mode pre {
	background: #0f1721;
	border: 1px solid #253243;
	padding: 15px;
}

.pa-edit-link-footer {
	clear: both;
}

/**
 * 2.1.3 Structure
 * ---------------
 */

/* Create a custom ultra-wide container */

@media all and (min-width: 1500px) {
	.pa-supercontainer.container, 
	.pa-supercontainer.container-lg, 
	.pa-supercontainer.container-md, 
	.pa-supercontainer.container-sm, 
	.pa-supercontainer.container-xl {
		max-width: 1460px;
	}

}

/* Stretch page content to the edges */

.pa-stretch-page-content.container-fluid, 
.pa-stretch-page-content.container-fluid > .row > div {
	padding-left: 0;
	padding-right: 0;
}

.pa-stretch-page-content.container-fluid > .row {
	margin-left: 0;
	margin-right: 0;
}

/**
 * 2.1.4 Master Transition Setting
 * -------------------------------
 */

a, 
em, 
input, 
textarea, 
button, 
.pa-mobile-main-logo, 
.pa-navbar .navbar-nav > li > ul,  
.pa-navbar .navbar-nav > li > ul > li > ul, 
.pa-header-socials a i, 
.pa-portfolio-thumb, 
.pa-portfolio-thumb-centered-content, 
.pa-portfolio-thumb-background-overlay, 
.pa-portfolio-thumb-heading, 
.pa-portfolio-thumb-hover-icon, 
.pa-portfolio-thumb-deco-1, 
.pa-portfolio-thumb-deco-2,  
.pa-social-icons i, 
.pa-project-icons i, 
.pa-proj-infobox-label, 
.pa-proj-infobox-value, 
span.pa-back-to-top, 
.cat-item, 
.wp-block-search__button .search-icon {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}


/**
 * 2.1.5 Page Background Components
 * --------------------------------
 */

/* Main page background structure (avoids background-attachment: fixed iOS issue) */
/* fixed fullscreen div wrapper */
/* inserted in header.php via functions
.pa-base-background-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -100000000000;
}*/

.pa-base-background-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* normal div that contains the actual background image */

.pa-base-background {
	width: 100%;
	height: 100%;
}

.pa-overpanel, 
.pa-midpanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pa-base-background-wrapper .pa-midpanel {
	z-index: 1;
}

.pa-base-background-wrapper .pa-overpanel {
	z-index: 2;
}


/**
 * 2.1.6 Generic/Reusable Components
 * ---------------------------------
 */

.padded-top {
	padding-top: 9.25rem;
}

.seo-helper-text {
	display: none;
}

/* Standard section basics */

section.pa-standard-section {
	padding-top: 140px;
	padding-bottom: 0;
}

section.pa-standard-section.pa-bright {
	background-color: #ffffff;
}

section.pa-standard-section.pa-dark {
	background-color: #0C171F; /* for dark theme */
	background-color: #101C26;
}

/* Section that centers content vertically */

section.pa-centered-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}

/* Full height */

.pa-full-height {
	height: 100vh;
}

.pa-hero.pa-full-height {
	min-height: 100vh;
}

/* When section uses a background image as cover */

.pa-image-back {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Fixed background solution for Apple's terrible rendering of "background-attachment: fixed;" (shame on Apple) */

.pa-fixed-background-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.pa-absolute-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* helper for white flashes on parallax effect */

.pa-parallax-color-fixed-helper {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -200;
}

.pa-heading-content-spacer {
	width: 100%;
	height: 30px;
}


/**
 * Media Queries
 * -------------
 * 
 * NOTE: After every larger chapter is a set
 * of standardised media queries, for easier future additions.
 */

/** 
 * ELEMENTOR MEDIA QUERIES
 *  Large: starts at 1025px and above
 *  Medium: min-width: 768; max-width: 1024px;
 *  Small: max-width: 767; equals to bootstrap's XS + SM
 */

@media all and (max-width: 767px) {

}

@media all and (min-width: 1921px) {

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */	

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	/* General */

	section.pa-standard-section {
		padding-top: 100px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	/* General */

	section.pa-standard-section {
		padding-top: 90px;
	}

}

@media all and (max-width: 575px) { /* xs */

	/* Override Bootstrap - increase column margine on mobile */
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, 
	.col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, 
	.col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, 
	.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, 
	.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, 
	.col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
	.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, 
	.col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, 
	.col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, 
	.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 20px;
		padding-left: 20px;
	}

	/* General */

	section.pa-standard-section {
		padding-top: 60px;
	}

}

@media all and (max-width: 991px) { /* xs--to--md */

}

@media all and (min-width: 768px) and (max-width: 1199px) { /* md & lg*/

}

@media all and (min-width: 478px) and (max-width: 767px) { /* sm MODIFIED! */

}

@media all and (max-width: 477px) { /* xs MODIFIED! */

}


/**
 * 2.2 Hero Section
 * ================
 */

/**
 * Default Hero
 * ------------
 */

.pa-hero {
	min-height: 326px;
}

/**
 * Hero Video
 * ----------
 */

video.pa-video {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

.pa-youtube-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.pa-youtube-container .youtube-video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}

.pa-youtube-container .pa-gradient-back-v1 {
	z-index: 2;
}

.pa-youtube-container .pa-gradient-back-v2 {
	z-index: 2;
}

.pa-youtube-container .pa-pattern-overlay {
	z-index: 3;
}

/* Fixed hero image when next section is parallax */

.pa-hero-clip-wrapper {
	position: absolute; 
	width: 100%; 
	height: 100vh; 
	clip: rect(0, auto, auto, 0); 
	z-index: -1;
}

.pa-hero-clip-child {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center; 
}

/* Vertical spacer - vertical pusher - pushes content away from the top to accommodate for the menu */

#the-content:not(.no_hero) {
	padding-top: 5rem;
}

.single-post #the-content:not(.no_hero) {
	padding-top: 0;
}

#the-content.no_hero {
	padding-top: 9.25rem;
}

@media all and (max-width: 1409px) {
	#the-content.no_hero {
		padding-top: 5.25rem;
	}
}

@media all and (min-width: 1410px) and (max-width: 1499px) {
	#the-content.no_hero {
		padding-top: 7.25rem;
	}
}

#the-content.no-top-padding, 
#the-content.no-top-padding.no_hero {
	padding-top: 0;
}

hr.pa-divider { /* combine with background color, border, gradients, patterns... */
	width: 100%;
	height: 21px;
	margin-bottom: 20px;	
}

.pa-inner-hero-overlay-tint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.4;
}

/* Particle Header */

.pa-particle-header {
	margin-top: 140px;
	margin-bottom: 140px;
	margin-top: 160px;
	margin-bottom: 80px;
}

@media all and (max-width: 1199px) { /* custom */

	.pa-particle-header {
		margin-top: 80px;
		margin-bottom: 20px;
	}
	
}


/**
 * 2.3 Forms, Links, Buttons & UI
 * ==============================
 * 	2.3.1 Links
 *	2.3.2 Forms and Buttons (_underscores)
 *	2.3.3 Particle Forms
 * 	2.3.4 Other UI
 */

/** 
 * 2.3.1 Links
 * ----------- 
 */

a, 
a:visited, 
a:hover, 
a:hover .pa-h3-service-title.pa-bright, 
.pa-h3-service-title.pa-bright:hover, 
a:focus,
a:active {
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
	/*outline: none;*/
}

a:hover,
a:active {
	text-decoration: none;
	outline: 0;
}

.pa-dark-mode .post-content blockquote a, 
.pa-dark-mode .post-content table a, 
.pa-dark-mode .post-content dl a, 
.pa-dark-mode .post-content p a, 
.pa-dark-mode .post-content li a, 
.pa-dark-mode .wp-block-file a:not(.wp-block-file__button) {
	font-weight: 400;
}

/**
 * 2.3.2 Forms and Buttons (underscores)
 * -------------------------------------
 */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	line-height: inherit;
	margin: 0;
}

input[type="submit"].wpcf7-form-control:hover,
input[type="submit"].wpcf7-form-control:focus,
input[type="submit"].wpcf7-form-control:active {
	color: #ffffff;
	background-color: #40464f;
	border-color: #40464f;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}


/* There are label overrides "Contact Form 7 Overrides" */

label {
	font-size: 14px;
	font-weight: 300;
}

.pa-dark-mode label, 
.pa-project-content label, 
.pa-service-content label {
	color: #ffffff;
}

/**
 * 2.3.3 Particle Forms
 * --------------------
 */

.form-group {
	margin-bottom: 0.5rem;
}

.pa-contact-form label {
	color: #ffffff;
}

textarea {
	resize: none;
}

input, 
textarea {
	outline: none;
	width: 100%;
	padding: 8px 11px 6px;
	color: #ccd7e0;
	color: #8B999E; /* new input color 1/4 */
	font-size: 17px;
	font-weight: 300;
	background: transparent;
	background-color: rgba(255,255,255,0.1);
	border: none;
	border: 1px solid #73858E;

	/* Blue tinted background and border */
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(86,104,113,0.53);

	/* Matching my MailPoet style */
	border: 1px solid rgba(86, 104, 113, 0.13);
}

.pa-contact-form input,
.pa-contact-form textarea {
	/* Blue tinted background and border */
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(86,104,113,0.53);
}

.pa-dark-mode input, 
.pa-dark-mode textarea {
	border: 1px solid rgba(86,104,113,0.53);
}

.pa-project-content input, 
.pa-project-content textarea, 
.pa-service-content input, 
.pa-service-content textarea {
	color: #ccd7e0;
	background-color: rgb(142,151,161,0.13);
	border: 1px solid rgb(167,186,196,0.75);
}

input:hover, 
textarea:hover, 
input:focus, 
textarea:focus {
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);

	/* Matching my MailPoet style */
	background-color: rgba(129, 144, 160, 0.07);
}

.pa-contact-form input:not([type="submit"]):hover, 
.pa-contact-form textarea:hover, 
.pa-contact-form input:not([type="submit"]):focus, 
.pa-contact-form textarea:focus {
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);
}

input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px rgba(129,144,160,0.13) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: #ccd7e0;
	-webkit-text-fill-color: #8B999E;
}

input:focus:hover, 
textarea:focus:hover {
	color: #ccd7e0;
	color: #8B999E; /* new input color 2/4 */
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);
}

.pa-dark-mode input, 
.pa-dark-mode textarea {
	color: #cbd8dc; /* new input color 3/4 */
}

.pa-dark-mode input:focus:hover, 
.pa-dark-mode textarea:focus:hover {
	color: #cbd8dc; /* new input color 4/4 */
}

button[type="submit"]:not(.wp-block-search__button), 
input[type="submit"] {
	width: auto;
	outline: none;
	margin-top: 15px;
	padding: 7px 54px;
	border: 2px solid #ffffff;
	border-radius: 3px;
	font-size: 17px;
	font-weight: 600;
	color: #ffffff;
	background-color: rgba(127,127,127,0);
}

a.pa-button-primary {
	display: inline-block;
	padding: 0 50px;
	font-family: play, sans-serif;
	font-size: 14px;
	line-height: 50px;
	color: #FFFFFF;
	border-radius: 2px;
}

a.pa-button-primary:hover {
	background-color: #444B54;
}

a.pa-button-secondary {
	display: inline-block;
	padding: 0 56px;
	font-family: play, sans-serif;
	font-size: 16px;
	line-height: 50px;
	border-radius: 2px;
}

a.pa-button-secondary, 
a.pa-button-secondary:visited, 
a.pa-button-secondary:hover, 
a.pa-button-secondary:focus,
a.pa-button-secondary:active {
	color: #FFFFFF;
}

a.pa-button-secondary:hover {
	background: rgb(46,64,84);
	background: -webkit-gradient(linear, left top, right top, from(rgba(46,64,84,1)), to(rgba(69,106,147,1)));
	background: -o-linear-gradient(left, rgba(46,64,84,1) 0%, rgba(69,106,147,1) 100%);
	background: linear-gradient(90deg, rgba(46,64,84,1) 0%, rgba(69,106,147,1) 100%);
	border-color: #466D94;
}

/**
 * Hover Effect: Sweep To Right
 * Used for: Buttons and form submit buttons/inputs
 */

.pa-hvr-sweep-to-right {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
			-o-transition-property: color;
			transition-property: color;
	-webkit-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
	   transition-duration: 0.3s;
}

.pa-hvr-sweep-to-right:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	-webkit-transform: scaleX(0);
			-ms-transform: scaleX(0);
	    transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
			-ms-transform-origin: 0 50%;
	    transform-origin: 0 50%;
	-webkit-transition-property: transform;
			-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
			-o-transition-property: transform;
			transition-property: transform;
			transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
	   transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
			-o-transition-timing-function: ease-out;
	   transition-timing-function: ease-out;
}
.pa-hvr-sweep-to-right:hover,
.pa-hvr-sweep-to-right:focus,
.pa-hvr-sweep-to-right:active {
	color: #ffffff;
	background-color: #40464f;
}
.pa-hvr-sweep-to-right:hover:before,
.pa-hvr-sweep-to-right:focus:before,
.pa-hvr-sweep-to-right:active:before {
	-webkit-transform: scaleX(1);
			-ms-transform: scaleX(1);
	    transform: scaleX(1);
}

/**
 * 2.3.4 Other UI
 * --------------
 */

/* Back to top button */

.pa-back-to-top-wrap {
	-webkit-transition: all 0.4s ease 0s;
		 -o-transition: all 0.4s ease 0s;
			transition: all 0.4s ease 0s;
	opacity: 0;
}

.pa-back-to-top-wrap.pa-backtotop-visible {
	opacity: 1;
}

a.pa-back-to-top {
	position: fixed;
	width: 46px;
	height: 46px;
	right: 40px;
	bottom: 39px;
	background: rgba(13,24,35,0.74);
	border-radius: 3px;
	z-index: 999;
}

span.pa-back-to-top {
	display: block;
	width: 19px;
	height: 19px;
	border-top: 4px solid #9EC7D9;
	border-right: 4px solid #9EC7D9;
	border-radius: 2px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	top: 17px;
	left: 13px;
	position: absolute;
}

a.pa-back-to-top:hover span.pa-back-to-top {
	border-top-color: #ffffff;
	border-right-color: #ffffff;
}

/* Show more arrow button */

.pa-show-more-row {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

a.pa-show-more-arrow {
	display: inline-block;
	position: relative;
	margin-bottom: 55px;
}

a.pa-show-more-arrow span {
	color: #fff;
	font-size: 66px;
	line-height: 1px;
}

.pa-show-more-arrow span {
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	border-top: 5px solid #fffffc;
	border-right: 5px solid #fffffc;
	border-radius: 2px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	    transform: rotate(135deg);
	top: -24px;
	left: -8px;
}

#particles-js {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
 * Media Queries
 * -------------
 */

@media all and (max-width: 767px) {

}

@media all and (min-width: 1921px) {

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	/* Back to top button */

	a.pa-back-to-top {
		width: 36px;
		height: 36px;
		right: 15px;
		bottom: 15px;
	}
	span.pa-back-to-top {
		width: 16px;
		height: 16px;
		top: 14px;
		left: 10px;
	}

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	/* Back to top button */

	a.pa-back-to-top {
		width: 36px;
		height: 36px;
		right: 15px;
		bottom: 15px;
	}
	span.pa-back-to-top {
		width: 16px;
		height: 16px;
		top: 14px;
		left: 10px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	/* Forms and Buttons */

	a.pa-button-primary {
		padding: 0 30px;
		line-height: 41px;
	}

	a.pa-button-secondary {
		padding: 0 35px;
		line-height: 44px;
	}

	/* Back to top button */

	.pa-back-to-top-wrap {
		height: 40px;
		width: 100%;
		text-align: center;
	}

	a.pa-back-to-top {
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		right: 0;
		bottom: 20px;
	}

	span.pa-back-to-top {
		top: 12px;
		left: 8px;
		width: 16px;
		height: 16px;
	}

}

@media all and (max-width: 575px) { /* xs */

	/* Forms and Buttons */

	a.pa-button-primary {
		padding: 0 30px;
		line-height: 41px;
	}
	a.pa-button-secondary {
		padding: 0 35px;
		line-height: 44px;
	}

	/* Back to top button */

	.pa-back-to-top-wrap {
		height: 40px;
		width: 100%;
		text-align: center;
	}

	a.pa-back-to-top {
		display: inline-block;
		position: relative;
		width: 32px;
		height: 32px;
		right: 0;
		bottom: 20px;
	}

	span.pa-back-to-top {
		top: 12px;
		left: 8px;
		width: 16px;
		height: 16px;
	}

}

@media all and (max-width: 991px) { /* xs--to--md */

}

@media all and (min-width: 768px) and (max-width: 1199px) { /* md & lg*/

}

@media all and (min-width: 478px) and (max-width: 767px) { /* sm MODIFIED! */

}

@media all and (max-width: 477px) { /* xs MODIFIED! */

}


/**
 * 2.4 Navigation Menus
 * ====================
 *  2.4.1 Mobile Menu
 *  2.4.2 Desktop Menu
 *  2.4.3 Menu Animations
 *  2.4.4 Dark Mode Switch
 */


/**
 * 2.4 Navigation Menus
 * ====================
 * 
 * Match Mobile & Desktop media queries from this file
 * to 'disableAt' in particle/assets/js/theme.js file
 *
 * e.g. if disableAt (in theme.js) is = 1410, then:
 * 
 * 1. Mobile menu breakpoint/query ( here ) is max-width 1409px ( see "Mobile menu breakpoint" ) and
 * 2. Destkop menu breakpoint/query ( here ) is min-width 1410px ( see "Desktop menu breakpoint" )
 * 
 * also update in dynamic-css-styles.php where applicable (ctrl+F and search for 1410 and 1409)
 */

nav a em {
    font-style: initial;
    font-weight: 700;
}

/* fallback background */

.pa-menu-protector { 
    /* Mind its desktop/mobile heights in further code, they are equal to menu height */
    position: absolute;
    /* opacity: 0; */
    left: 0; 
    width: 100%;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; 
    z-index: -999999999;
}

/* 
 * 2.4.1 Mobile Menu
 * -----------------
 * 
 * done with off-canvas-menu,
 * here are only additions & overrides
 */

/* Mobile menu breakpoint */

@media all and (max-width: 1409px) {

    /* fix for wp admin bar overlapping mobile menu close button */

    ul#wp-admin-bar-top-secondary {
        margin-right: 65px;
    }

    .pa-menu-protector {
        top: 0;
        height: 70px;
    }

    .pa-mobile-main-logo {
        position: absolute;
        top: 0;
        left: 0;
		z-index: 1;
    }

    .pa-mobile-main-logo img {
        height: 68px;
    }

    /*.pa-mobile-main-logo {
    	opacity: 1;
    }*/

    body.hc-nav-open .pa-mobile-main-logo {
        opacity: 0;
    }

    .hc-offcanvas-nav .nav-item-link, 
    .hc-offcanvas-nav li.nav-close a, 
    .hc-offcanvas-nav .nav-back a, 
    .hc-offcanvas-nav .nav-content > .nav-close a {
        font-size: 15px;
    }

    .hc-offcanvas-nav .nav-content > h2, 
    .hc-offcanvas-nav .nav-content > h3, 
    .hc-offcanvas-nav .nav-content > h4, 
    .hc-offcanvas-nav .nav-content > h5, 
    .hc-offcanvas-nav .nav-content > h6 {
        margin-bottom: 0;
        font-size: 17px;
    }

    .hc-nav-trigger {
        right: 20px;
        z-index: 9999;
    }

    a.hc-nav-trigger.toggle-open {
        margin-right: 280px;
    }

    .hc-nav-trigger:not(.toggle-open) {
        width: 25px;
        min-height: 25px;
    }

    .hc-nav-trigger:not(.toggle-open) span {
        width: 24px;
    }

    .hc-nav-trigger span, 
    .hc-nav-trigger span::before, 
    .hc-nav-trigger span::after {
        background-color: #ffffff;
    }

    .hc-nav-trigger span, 
    .hc-nav-trigger span::before, 
    .hc-nav-trigger span::after {
        -webkit-transition: all 0.5s ease-in-out 0s;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
    }

    .hc-nav-trigger:not(.toggle-open) span, 
    .hc-nav-trigger:not(.toggle-open) span::before, 
    .hc-nav-trigger:not(.toggle-open) span::after {
        height: 3px;
    }

    .hc-nav-trigger:not(.toggle-open) span::before {
        top: -9px;
    }

    .hc-nav-trigger:not(.toggle-open) span::after {
        bottom: -9px;
    }

    .hc-nav-trigger:hover {
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    }

    .hc-offcanvas-nav .nav-container, 
    .hc-offcanvas-nav .nav-wrapper, 
    .hc-offcanvas-nav ul {
        background: #13212d;
    }

    .hc-offcanvas-nav .nav-content > .nav-close:first-child a, 
    .hc-offcanvas-nav .nav-title + .nav-close a.has-label, 
    .hc-offcanvas-nav li.nav-close a, 
    .hc-offcanvas-nav .nav-back a {
        -webkit-transition: background-color 0.3s ease 0s;
        -o-transition: background-color 0.3s ease 0s;
        transition: background-color 0.3s ease 0s;
        background: #0e171f;
        border-top: 1px solid #1f3140;
        border-bottom: 1px solid #1f3140;
    }

    .hc-offcanvas-nav .nav-content > .nav-close:first-child a:hover, 
    .hc-offcanvas-nav .nav-title + .nav-close a.has-label:hover, 
    .hc-offcanvas-nav li.nav-close a:hover, 
    .hc-offcanvas-nav .nav-back a:hover {
        background: #203242;
    }

    .hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {
        background: #0e171f;
    }

    .hc-offcanvas-nav .nav-content > .nav-close a:hover {
        border-left: 0px solid #0e171f;
    }

    .hc-offcanvas-nav .nav-item-link, .hc-offcanvas-nav li.nav-close a, 
    .hc-offcanvas-nav .nav-back a {
        border-bottom: 1px solid #15293a;
    }

    .hc-offcanvas-nav .nav-wrapper-0 > .nav-content > ul:first-of-type > li:first-child:not(.nav-back):not(.nav-close) > .nav-item-wrapper > .nav-item-link {
        border-top: 1px solid #15293a;
    }

    .hc-offcanvas-nav .nav-content > h2, 
    .hc-offcanvas-nav .nav-content > h3, 
    .hc-offcanvas-nav .nav-content > h4, 
    .hc-offcanvas-nav .nav-content > h5, 
    .hc-offcanvas-nav .nav-content > h6 {
        color: #a8bcd4;
    }

    .hc-offcanvas-nav .nav-close-button span, 
    .hc-offcanvas-nav .nav-parent .nav-next, 
    .hc-offcanvas-nav .nav-back span {
        -webkit-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
                transform: scale(-1, 1);
    }

    .hc-offcanvas-nav .nav-wrapper-0>.nav-content>ul:not(:last-child) {
        border-bottom: 0px solid #15293a;
    }

    .hc-offcanvas-nav .nav-close-button span::before {
        margin-left: -6px;
    }

    .hc-offcanvas-nav::after, .hc-offcanvas-nav .nav-wrapper::after {
        background: rgba(7,92,142,0.72);
    }

    .nav-content .pa-social-section .pa-h1-v3 {
        margin-bottom: 12px;
    }

    .nav-content .pa-social-section .pa-p-v1 {
        font-size: 14px;
        margin-top: 4px;
        line-height: 22px;
        padding-right: 15px;
        margin-bottom: 0;
    }

    .hc-offcanvas-nav .nav-custom-content {
        border-bottom: 0px solid #15293a;
    }

    /* If close buttons are set to false in JS */

    li.custom-content.pa-mobile-menu-logo > div {
        padding: 0;
    }

    li.custom-content.pa-mobile-menu-logo {
        position: absolute;
        top: 0;
        padding-left: 15px;
        width: 100%;
        background: #0e171f;
        border-bottom: 1px solid #1f3140;
    }

    .pa-mobile-menu-logo img {
        height: 66px;
        width: auto;
    }

    ul.navbar-nav {
        margin-top: 66px;
        overflow: hidden;
    }

    a.hc-nav-trigger.toggle-open {
        margin-right: 0;
        -webkit-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    /* Light/Dark Mode Switch */

    li.custom-content.menu-light-mode-panel {
        padding-top: 5px;
        height: 58px;
    }

    li.custom-content.menu-light-mode-panel .nav-custom-content {
        padding: 0 16px;
    }

    li.custom-content.menu-light-mode-pane .lm-switch-container {
        text-align: left;
    }

    li.custom-content.menu-light-mode-panel .lm-switch {
        margin: 0;
    }

	/* Now show the menu */
	/*nav {
		opacity: 1;
	}*/

}

/**
 * 2.4.2 Desktop Menu
 * ------------------
 */

@-webkit-keyframes sinking-rotated-dropdown-icon {
    0% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
    25% {
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(9px);
                transform: translateY(9px);
    }
    75% {
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
    100% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
}

@keyframes sinking-rotated-dropdown-icon {
    0% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
    25% {
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
    50% {
        -webkit-transform: translateY(9px);
                transform: translateY(9px);
    }
    75% {
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
    100% {
        -webkit-transform: translateY(3px);
                transform: translateY(3px);
    }
}

/**
 * Desktop menu breakpoint
 * 
 * Also see Desktop Menu in Elementor Overrides and update
 * the media query (e.g. 1410px) there if you change it here
 * 
 * If you change the media query, you will need to update
 * the mobile as well as explained in "Navigation Menus".
 */

@media all and (min-width: 1410px) {

    .pa-header-socials {
        padding-left: 25px;
        border-left: 1px solid rgba(255,255,255,0.3);
    }

    .pa-header-socials a i {
        font-size: 17px;
        font-weight: 400;
        text-align: left;
        width: 30px;
        height: 20px;
        margin-right: 8px;
        color: rgba(255,255,255,0.8);
    }

    .pa-header-socials a i:hover {
        color: rgba(255,255,255,1);
    }

    .pa-header-socials a:last-child {
        margin-right: 10px;
    }

    .pa-menu-protector {
        /* top: 100px; removing since body is display: flex; */
        height: 100px;
    }

    nav li a {
        display: inline-block !important;
    }

    li.custom-content.pa-mobile-menu-logo, 
    .pa-menu-socials, 
    .pa-mobile-main-logo {
        display: none;
    }

	nav.navbar.pa-navbar {
		/* v1 - causes structural issues with
		too many desktop menu items
		margin-top: -100px;
		-webkit-transform: translateY(100px);
			-ms-transform: translateY(100px);
				transform: translateY(100px);*/

		/* v2 - absolute + width fill available */
		position: absolute;
		width: -webkit-fill-available;
		width: -moz-available;

		z-index: 4;
		padding: 0;
	}

	.pa-navbar .navbar-brand {
		padding: 0;
		margin: 0;
	}

	.pa-navbar a {
		font-size: 15px;
	}

	.navbar-brand > img {
		display: block;
		max-width: 258px;
		max-height: 100px;
		width: auto;
		height: auto;
	}

    .pa-navbar.navbar-dark .navbar-nav {
        margin-right: 8px;
    }

    .pa-navbar.navbar-dark .navbar-nav a {
        color: rgba(255,255,255,0.8);
    }

    .pa-navbar.navbar-dark .navbar-nav .active a, 
    .pa-navbar.navbar-dark .navbar-nav a:hover {
        color: rgba(255,255,255,1);
    }

    .pa-navbar.navbar-expand-lg .navbar-nav a {
        padding: 20px 19px;
    }

    .pa-navbar ul {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }

    .pa-navbar .navbar-nav > li {
        /*margin-top: 20px;*/
    }

    .navbar-nav li.menu-item-has-children:before {
        /* menu items dropdown */
        font-family: "Font Awesome 5 Free";
        content: "\f078";
        content:"\f107";
        color: #ffffff;
        font-size: 14px;
        float: right;
        cursor: pointer;
    }

    .navbar-nav > li.menu-item-has-children:before { /* mind the > */
        /* top level menu items dropdown */
        padding-top: 22px;
        padding-right: 0px;
        -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
                transform: translateX(-20px);
    }

    .navbar-nav > li > ul > li.menu-item-has-children:not(.pa-expand-children):hover:before {
        -webkit-animation-name: sinking-rotated-dropdown-icon;
                animation-name: sinking-rotated-dropdown-icon;
        -webkit-animation-duration: 0.9s;
                animation-duration: 0.9s;
        -webkit-animation-delay: 0s;
                animation-delay: 0s;
        -webkit-animation-timing-function: ease;
                animation-timing-function: ease;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;
        -webkit-animation-fill-mode: forwards;
                animation-fill-mode: forwards;
        -webkit-animation-direction: alternate;
                animation-direction: alternate;
    }

    .pa-navbar.navbar-expand-lg .navbar-nav > li.menu-item-has-children > a {
        /* top level menu links */
        padding: 20px 29px 20px 19px;
    }

    .pa-navbar.navbar-expand-lg .navbar-nav > li > a {
        /* top level menu links */
        padding: 20px;
    }

    .pa-navbar .navbar-nav > li > ul {
        /* the sub menu */
        position: absolute;
        /*margin-top: 5px;*/
        padding: 10px 12px 10px 5px;
        background: rgba(0,0,0,0.87);
        overflow: hidden;
        -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
                transform-origin: top center;
        -webkit-transform: scaleY(0);
            -ms-transform: scaleY(0);
                transform: scaleY(0);
    }

    .pa-navbar.navbar-expand-lg .navbar-nav > li:hover > ul.sub-menu {
        -webkit-transform: scaleY(1);
            -ms-transform: scaleY(1);
                transform: scaleY(1);
    }

    .pa-navbar.navbar-expand-lg .navbar-nav > li > ul a {
        /* sub menu links */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0 !important;
        padding: 8px 20px;
    }

    .pa-navbar.navbar-expand-lg .navbar-nav > li:hover a {
        opacity: 1 !important;
    }

    .navbar-nav > li > ul li.menu-item-has-children:before {
        /* sub menu items dropdown */
        padding-top: 8px;
        padding-right: 10px;
    }

    .navbar-nav > li > ul > li.menu-item-has-children.pa-expand-children:before {
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        padding-top: 0;
        padding-right: 0px;
        padding-left: 10px;
        padding-bottom: 9px;
    }

    .pa-navbar .navbar-nav > li > ul > li > ul {
        /* the sub menu */
        overflow: hidden;
        -webkit-transform-origin: top center;
            -ms-transform-origin: top center;
                transform-origin: top center;

    }

    /* Sub sub menu */

    .pa-navbar .navbar-nav > li > ul > li > ul > li, 
    .pa-navbar .navbar-nav > li > ul > li > ul > li > a {
        -webkit-transition: opacity 0.5s ease 0.2s, max-height 0.3s ease 0s, color 0.25s ease 0s, background-color 0.4s ease 0s;
        -o-transition: opacity 0.5s ease 0.2s, max-height 0.3s ease 0s, color 0.25s ease 0s, background-color 0.4s ease 0s;
        transition: opacity 0.5s ease 0.2s, max-height 0.3s ease 0s, color 0.25s ease 0s, background-color 0.4s ease 0s;
        max-height: 0;
        opacity: 0;
    }

    .pa-navbar .navbar-nav > li > ul > li.pa-expand-children li, 
    .pa-navbar .navbar-nav > li > ul > li.pa-expand-children a {
        max-height: 38px;
        opacity: 1;
    }

    .pa-navbar.navbar-expand-lg .navbar-nav > li > ul > li > ul > li > a {
        color: #8ea7bd;
        padding: 5px 10px 5px 30px;
        margin-right: 10px;
        opacity: 1;
    }

	/* Hide sub sub menu dropdown icons */

	.navbar-nav > li > ul > li > ul > li.menu-item-has-children:before {
		display: none;
	}

	/* Hide 4th and lower sub menu levels */

	.navbar-nav > li > ul > li > ul > li > ul {
		display: none;
	}

    /* Light/Dark Mode Switch */

    li.custom-content.menu-light-mode-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 16px;
    }

    .menu-light-mode-panel .lm-switch-container {
        margin: 0;  
    }

    .light-mode-panel {
        padding-left: 25px;
        padding-right: 18px;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
    }

    /* Now show the menu */
	nav {
		opacity: 1;
	}

}

/* Now show the menu protector */
/*.pa-menu-protector {
	opacity: 1;
}*/

/**
 * 2.4.3 Menu Animations
 * ---------------------
 */

/** 
 * Hover Effect: Underline From Center
 * Used for: Menu item, desktop menu 
 */

.pa-hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.pa-hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
    height: 4px;
    -webkit-transition-property: left, right;
            -o-transition-property: left, right;
            transition-property: left, right;
    -webkit-transition-duration: 0.3s;
            -o-transition-duration: 0.3s;
       transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
            -o-transition-timing-function: ease-out;
       transition-timing-function: ease-out;
}

.pa-hvr-underline-from-center:hover:before,
.pa-hvr-underline-from-center:focus:before,
.pa-hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}


/*
 * 2.4.4 Dark Mode Switch
 * ----------------------
 * 
 * Also located in Mobile Menu and Desktop Menu media queries
 */

.lm-header label {
    color: #c4cdda;
    margin-bottom: 10px;
}

.lm-switch-container {
    width: 100%;
    margin-bottom: 15px;
}

.lm-switch {
    position: relative;
    width: 204px;
    height: 48px;
    margin: 0 auto;
}

.menu-light-mode-panel .lm-switch {
    width: 90px;
    height: 32px;
}

.lm-switch-back-light, 
.lm-switch-back-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 204px;
    height: 48px;
    -webkit-transition: all 0.3s ease-in-out 0.05s;
    -o-transition: all 0.3s ease-in-out 0.05s;
    transition: all 0.3s ease-in-out 0.05s;
    background-size: initial;
    background-position: center;
}

.menu-light-mode-panel .lm-switch-back-light, 
.menu-light-mode-panel .lm-switch-back-dark {
    width: 90px; 
    height: 32px;
}

.lm-switch-back-light {
    opacity: 1;
}

.menu-light-mode-panel .lm-switch-back-light {
    opacity: 1;
}

.lm-switch-back-dark {
    opacity: 0;
}

.menu-light-mode-panel .lm-switch-back-dark {
    opacity: 0;
}

.pa-dark-mode .lm-switch-back-light {
    opacity: 0;
}

.pa-dark-mode .lm-switch-back-dark {
    opacity: 1;
}

.lm-button, 
.lm-indicator {
    width: 96px;
    height: 48px;
}

.menu-light-mode-panel .lm-button, 
.menu-light-mode-panel .lm-indicator {
    width: 44px;
    height: 32px;
}

.lm-button {
    cursor: pointer;
}

.lm-button.go-light, 
.lm-button.go-dark {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.lm-button.go-light, 
.menu-light-mode-panel .lm-button.go-light {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    background-size: initial;
    background-position: center;
}

.lm-button.go-dark, 
.menu-light-mode-panel .lm-button.go-dark {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.69;
    background-size: initial;
    background-position: center;
}

.pa-dark-mode .lm-button.go-dark, 
.pa-dark-mode .lm-button.go-dark:hover {
    opacity: 0;
}

.pa-dark-mode .lm-button.go-light {
    opacity: 0.49;
}

.pa-dark-mode .lm-button.go-light:hover, 
.lm-button.go-dark:hover {
    opacity: 1;
}

.lm-indicator {
    -webkit-transition: all 0.3s ease-in-out 0.05s;
    -o-transition: all 0.3s ease-in-out 0.05s;
    transition: all 0.3s ease-in-out 0.05s;
}

.lm-indicator.light-on, 
.menu-light-mode-panel .lm-indicator.light-on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    background-size: initial;
    background-position: center;
}

.lm-indicator.dark-on, 
.menu-light-mode-panel .lm-indicator.dark-on {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    background-size: initial;
    background-position: center;
}

.pa-dark-mode .lm-indicator.light-on {
    opacity: 0;
    left: 108px;
}

.pa-dark-mode .menu-light-mode-panel .lm-indicator.light-on {
    opacity: 0;
    left: 47px;
}

.pa-dark-mode .lm-indicator.dark-on {
    opacity: 1;
    left: 108px;
}

.pa-dark-mode .menu-light-mode-panel .lm-indicator.dark-on {
    opacity: 1;
    left: 47px;
}


/**
 * 2.5 Pages
 * =========
 * 	2.5.1 Search Results Page
 * 	2.5.2 404 Page
 * 	2.5.3 Project Page
 */

.elementor-page .pa-page-title {
	padding-left: 10px;
	padding-right: 10px;
}

/**
 * 2.5.1 Search Results Page
 * -------------------------
 */

.search-page-sub-container {
	padding-top: 9.25rem;
}

.pa-content-search {
	margin-top: 20px; 
	margin-bottom: 20px;
}

.pa-search-the-result {
	display: flex;
	flex-flow: column;
	align-self: center;
}

.pa-search-results label {
	width: 100%;
}

.search-results input.search-submit, 
.search-no-results input.search-submit {
	display: none;
}

.search-results h5 {
	margin-bottom: 4px;
}

.search-results footer {
	background: transparent;
	font-size: 14px;
}

.search-results footer > span {
	display: block;
}

.search-results footer br {
	display: none;
}

.entry-summary.pa-search-results {
	margin-top: 3px;
}

.entry-summary.pa-search-results p {
	margin-bottom: 5px;
}

.entry-meta.pa-search-results {
	font-size: 14px;
}

.entry-meta.pa-search-results > a > time {
	margin-right: 7px;
}

.entry-meta.pa-search-results > p {
	display: inline-block;
	margin-bottom: 0;
}

/* old - change square thumbnail of non-post results into a rectangle
.pa-search-results-thumb-wrapper.pa-no-image a img {
	margin-top: -16.5%;
}
.pa-search-results-thumb-wrapper.pa-no-image {
	overflow: hidden;
	height: 0;
	padding-bottom: 67%;
}*/
/* new - center all featured images in a specified rectangle in search results */
.pa-search-results-thumb-wrapper {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 67%;
}

.pa-search-results-thumb-wrapper img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	    -ms-transform: translateY(-50%) translateX(-50%);
	        transform: translateY(-50%) translateX(-50%);
}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.entry-summary.pa-search-results p {
		font-size: 14px;
		line-height: 20px;
	}
}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.entry-summary.pa-search-results p {
		font-size: 16px;
		line-height: 24px;
	}
}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.search-results h5 {
		font-size: 17px;
	}
}

@media all and (max-width: 575px) { /* xs */
	.search-results h5 {
		font-size: 17px;
	}
}

/**
 * 2.5.2 404 Page
 * --------------
 */

body.error404 {
	overflow-x: hidden;
}

.error-404 {
	background-size: cover;
	background-position: center;
}

section.error-404 {
	min-height: 100vh;
	width: 100vw;
}

.container.error-404-sub-container {
	padding-top: 9.25rem;
}

.error-404 input.search-submit {
	display: none;
}

img.graphic404 {
	width: 960px;
	max-width: 100%;
}

/**
 * 2.5.3 Project Page aka Portfolio Item Inner Page
 * ------------------------------------------------
 */
 
.pa-project-hero {
	position: relative;
	/*align-items: flex-end;*/
}

.pa-project-hero-info {
	background-color: #000000;
	background-color: rgba(0,0,0,0.8);
	border-top: 1px solid rgb(38,38,38);
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid #1d2329;
}

.pa-project-hero-info .pa-p-v1 {
	margin-bottom: 18px;
}

.pa-project-content {
	padding: 140px 0 90px;
}

.pa-project-content[class*="hce"] {
	position: relative; /* fix for hce_ class taking over with absolute */
}

.pa-project-content:not(.pa-no-parallax) {
	z-index: 2;
}

.pa-project-content-color-eff-layer {
	position: absolute; 
	z-index: 0; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
	mix-blend-mode: unset;
}

.pa-mobile-project-view { /* MQ */
	display: none;
}

.pa-project-content .pa-h1-v3 {
	font-size: 22px;
	margin-top: 25px;
	margin-bottom: 15px;
}

.pa-project-icons {
	margin-right: 4px;
	vertical-align: top;
}

.pa-project-icons i.material-icons {
	font-size: 30px;
}

.pa-project-icons i.fa, 
.pa-project-icons i.fas, 
.pa-project-icons i.far, 
.pa-project-icons i.fab {
	font-size: 24px;
}

.pa-project-icons i {
	width: 50px;
	height: 50px;
	font-size: 30px;
	line-height: 50px;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	margin-bottom: 7px;
}

.pa-project-icons i:hover {
	color: #ffffff;
}

.pa-project-infoboxes {
	margin-top: 64px;
}

.pa-proj-infobox {
	position: relative;
}

.pa-proj-infobox-label, 
.pa-proj-infobox-value { /* MQ */
	display: inline-block;
	vertical-align: top;
	width: 50%;
	text-align: left;
	line-height: 30px;
}

.pa-proj-infobox-label {
	color: #A5C3D6;
	font-size: 18px;
	font-weight: 600;
}
 
.pa-proj-infobox-value {
	color: #78A4B3;
	font-size: 15px;
	font-weight: 300;
}

.pa-proj-infobox:hover .pa-proj-infobox-label, 
.pa-proj-infobox:hover .pa-proj-infobox-value {
	color: #ffffff;
}

.pa-project-infoboxes-helper { /* MQ */
	display: block;
	width: 100%;
}

/*
 * Media Queries
 * -------------
 */

@media all and (max-width: 767px) { /* elementor custom */

}

@media all and (min-width: 1921px) { /* ultra */

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

}

@media all and (max-width: 575px) { /* xs */

	/* Portfolio Item Page */

	.pa-project-hero.pa-full-height {
		height: auto;
		min-height: initial;
	}
	.pa-project-hero.pa-hero.pa-full-height {

	}
	.pa-mobile-project-view {
		display: block;
	}
	.pa-mobile-project-view img {
		width: 100%;
		height: auto;
	}
	.pa-project-content {
		padding: 60px 0;
	}

}

/* Custom media queries */

@media all and (min-width: 768px) and (max-width: 1199px) { /* md & lg */

	/* Potfolio Item Page */

	.pa-project-infoboxes-helper {
		display: inline-block;
		width: 46%;
	}
	.pa-project-infoboxes-helper.pa-right {
		float: right;
	}
	.pa-project-infoboxes {
		margin-top: 25px;
		margin-bottom: 25px;
	}

}

@media all and (min-width: 478px) and (max-width: 767px) { /* sm MODIFIED! */

	/* Portfolio Item Page */

	.pa-project-infoboxes-helper {
		display: block;
		width: 100%;
	}
	.pa-project-infoboxes {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	.pa-project-content {
		padding: 80px 0 100px;
	}

}

@media all and (max-width: 477px) { /* xs MODIFIED! */

	/* Portfolio Item Page */

	.pa-project-infoboxes-helper {
		display: block;
		width: 100%;
	}
	.pa-proj-infobox-label, 
	.pa-proj-infobox-value {
		width: 100%;
	}
	.pa-project-infoboxes {
		margin-top: 25px;
		margin-bottom: 25px;
	}

}


/**
 * 2.6 Color
 * =========
 */

/** 
 * Particle Theme Accent/Brand Colors
 */





/**
 * Particle color effects
 */

/*
	(top    z: -3) color	:after
	(middle z: -4) vid	    :before
	(bottom z: -5) image	:normal
*/

.hce_pro_dark {
	-webkit-filter: grayscale(100%) sepia(0.7) brightness(43%) hue-rotate(167deg);
			filter: grayscale(100%) sepia(0.7) brightness(43%) hue-rotate(167deg);
}

/**
 * Identical color style but not a compatible application
 * only compatible for elementor pa-parallax "pa-parallax-color-eff-hce_particle_style"
 */

.hce_particle_style { 
	mix-blend-mode: color;
}

.hce_particle_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #444b54;
	mix-blend-mode: color;
	z-index: 1;
}

.hce_particle_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.55;
	z-index: 2;
}

/**
 * same as hce_particle_style but darker
 */

.hce_ultradark_particle_style {
	mix-blend-mode: color;
}

.hce_ultradark_particle_style:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #444b54;
	mix-blend-mode: color;
	z-index: 1;
}

.hce_ultradark_particle_style:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.8;
	z-index: 2;
}

.parallax-mirror.hce_particle_style, 
.parallax-mirror.hce_ultradark_particle_style {
	mix-blend-mode: initial;
}

.pa-no-parallax .hce_particle_style, 
.pa-no-parallax .hce_ultradark_particle_style {
	mix-blend-mode: initial;
}

.skilltech-fallen-back.hce_particle_style, 
.skilltech-fallen-back.hce_ultradark_particle_style {
	mix-blend-mode: initial;
	z-index: 0 !important;
}
.skilltech-fallen-back.hce_particle_style:before, 
.skilltech-fallen-back.hce_ultradark_particle_style:before {
	z-index: -2 !important;
}
.skilltech-fallen-back.hce_particle_style:after, 
.skilltech-fallen-back.hce_ultradark_particle_style:after {
	z-index: -1 !important;
}

/**
 * Closest match with CSS filters - compatible
 */

.hce_particle_emulated { 
	-webkit-filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
			filter: grayscale(1) sepia(0.15) contrast(88%) saturate(6) hue-rotate(176deg) brightness(46%);
}

/**
 * Same as third but fully tweaked for project
 */

.hce_particle_third {

}

.hce_particle_third.pa-midpanel {
	background: #444b54;
	mix-blend-mode: color;
}

.hce_particle_third-overpanel {
	background: #020c1a;
	mix-blend-mode: darken;
	opacity: 0.63;
}

/**
 * Identical style but ONLY compatible on project
 */

.hce_particle_fourth {

}

.hce_particle_fourth.pa-midpanel {
	background: #444b54;
	mix-blend-mode: color;
}
.hce_particle_fourth-overpanel {
	background: #030d19;
	mix-blend-mode: darken;
	opacity: 0.55;
}


/**
 * Skilltech theme color effects
 */

.hce_skilltech_green {
	-webkit-filter: saturate(0.05) brightness(1.1);
			filter: saturate(0.05) brightness(1.1);
}

.hce_skilltech_green.pa-midpanel {
	display: none;
}

.hce_skilltech_green-overpanel {
	background: -webkit-linear-gradient(left, rgba(139,191,61,0.83) 0%,rgba(129,176,55,0.85) 100%);
	background: -moz-linear-gradient(left, rgba(139,191,61,0.83) 0%, rgba(129,176,55,0.85) 100%);
	background: linear-gradient(to right, rgba(139,191,61,0.83) 0%,rgba(129,176,55,0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d98bbf3d", endColorstr="#e881b037",GradientType=1 );
}

.hce_purple_gradient {
	background: -moz-linear-gradient(left, rgba(243,5,255,0.5) 0%, rgba(107,84,255,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(243,5,255,0.5) 0%,rgba(107,84,255,0.8) 100%);
	background: linear-gradient(to right, rgba(243,5,255,0.5) 0%,rgba(107,84,255,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#80f305ff", endColorstr="#cc6b54ff",GradientType=1 );
}

.hce_pink_gradient {
	background: -moz-linear-gradient(left, rgba(243,5,255,0.7) 0%, rgba(255,36,131,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(243,5,255,0.7) 0%,rgba(255,36,131,0.8) 100%);
	background: linear-gradient(to right, rgba(243,5,255,0.7) 0%,rgba(255,36,131,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3f305ff", endColorstr="#ccff2483",GradientType=1 );
}

.hce_blue_gradient {
	background: -moz-linear-gradient(left, rgba(5,209,255,0.7) 0%, rgba(0,86,161,0.8) 100%);
	background: -webkit-linear-gradient(left, rgba(5,209,255,0.7) 0%,rgba(0,86,161,0.8) 100%);
	background: linear-gradient(to right, rgba(5,209,255,0.7) 0%,rgba(0,86,161,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b305d1ff", endColorstr="#cc0056a1",GradientType=1 );
}

.hce_obsidian {
	-webkit-filter: contrast(1.5);
			filter: contrast(1.5);
}

.hce_obsidian.pa-midpanel {
	display: none;
}     

.hce_obsidian-overpanel {
	background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.87) 0%, rgba(0,0,0,0.87) 14%, rgba(78,86,96,0.87) 26%, rgba(0,0,0,0.87) 39%, rgba(52,59,71,0.87) 50%, rgba(0,0,0,0.87) 51%, rgba(0,0,0,0.87) 60%, rgba(39,43,48,0.87) 76%, rgba(0,0,0,0.87) 91%, rgba(0,0,0,0.87) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 14%,rgba(78,86,96,0.87) 26%,rgba(0,0,0,0.87) 39%,rgba(52,59,71,0.87) 50%,rgba(0,0,0,0.87) 51%,rgba(0,0,0,0.87) 60%,rgba(39,43,48,0.87) 76%,rgba(0,0,0,0.87) 91%,rgba(0,0,0,0.87) 100%);
	background: linear-gradient(135deg, rgba(0,0,0,0.87) 0%,rgba(0,0,0,0.87) 14%,rgba(78,86,96,0.87) 26%,rgba(0,0,0,0.87) 39%,rgba(52,59,71,0.87) 50%,rgba(0,0,0,0.87) 51%,rgba(0,0,0,0.87) 60%,rgba(39,43,48,0.87) 76%,rgba(0,0,0,0.87) 91%,rgba(0,0,0,0.87) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f2000000", endColorstr="#f2000000",GradientType=1 );
}

.hce_blue_ultradark {
	background: -moz-linear-gradient(left, rgba(0,4,28,0.90) 0%, rgba(0,60,97,0.89) 100%);
	background: -webkit-linear-gradient(left, rgba(0,4,28,0.90) 0%,rgba(0,60,97,0.89) 100%);
	background: linear-gradient(to right, rgba(0,4,28,0.90) 0%,rgba(0,60,97,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f700041c", endColorstr="#f5003c61",GradientType=1 );
}

.hce_aquamarine {
	background: -moz-linear-gradient(left, rgba(59,255,226,0.86) 0%, rgba(5,209,255,0.84) 100%);
	background: -webkit-linear-gradient(left, rgba(59,255,226,0.86) 0%,rgba(5,209,255,0.84) 100%);
	background: linear-gradient(to right, rgba(59,255,226,0.86) 0%,rgba(5,209,255,0.84) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e33bffe2", endColorstr="#db05d1ff",GradientType=1 );
}

.hce_red_damage {
	background: -moz-linear-gradient(left, rgba(255,0,0,0.8) 1%, rgba(94,18,23,0.89) 100%);
	background: -webkit-linear-gradient(left, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	background: linear-gradient(to right, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccff0000", endColorstr="#f25e1217",GradientType=1 );
}

.hce_red_damage_radial {
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,0,0,0.8) 1%, rgba(94,18,23,0.89) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	background: radial-gradient(ellipse at center, rgba(255,0,0,0.8) 1%,rgba(94,18,23,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ccff0000", endColorstr="#f25e1217",GradientType=1 );
}

.hce_orange_city {
	-webkit-filter: saturate(0.2);
			filter: saturate(0.2);
}

.hce_orange_city.pa-midpanel {
	display: none;
}

.hce_orange_city-overpanel {
	background: -moz-linear-gradient(left, rgba(255,143,74,0.8) 0%, rgba(255,80,54,0.89) 100%);
	background: -webkit-linear-gradient(left, rgba(255,143,74,0.8) 0%,rgba(255,80,54,0.89) 100%);
	background: linear-gradient(to right, rgba(255,143,74,0.8) 0%,rgba(255,80,54,0.89) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d9ff8f4a", endColorstr="#f2ff5036",GradientType=1 );
}

.hce_designer_gray {
	-webkit-filter: saturate(0.05) brightness(1.35);
		filter: saturate(0.05) brightness(1.35);
}

.hce_designer_gray.pa-midpanel {
	display: none;
}

.hce_designer_gray-overpanel {
	background: -moz-linear-gradient(left, rgba(197,214,226,0.7) 0%, rgba(222,235,247,0.7) 100%);
	background: -webkit-linear-gradient(left, rgba(197,214,226,0.7) 0%,rgba(222,235,247,0.7) 100%);
	background: linear-gradient(to right, rgba(197,214,226,0.7) 0%,rgba(222,235,247,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3c5d6e2", endColorstr="#b3deebf7",GradientType=1 );
}

.hce_dwarklen {
	-webkit-filter: grayscale(0.7) brightness(0.65) contrast(1.05);
	filter: grayscale(0.7) brightness(0.65) contrast(1.05);
}

.hce_dwarklen.pa-midpanel {
	display: none;
}

.hce_dwarklen-overpanel {
	background: rgba(0, 0, 0, 0.55);
	mix-blend-mode: overlay;
}

.hce_skajvel_dwarklen {
	-webkit-filter: grayscale(0.7) brightness(0.65) contrast(1.05);
			filter: grayscale(0.7) brightness(0.65) contrast(1.05);
}

.hce_aden {
	-webkit-filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
	filter: hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);
}

.hce_aden:before {
	z-index: -4;
}

.hce_aden:after {
	z-index: -3;
}

.hce_aden::after {
	background: -webkit-linear-gradient(left, rgba(66, 10, 14, .2), transparent);
	background: linear-gradient(to right, rgba(66, 10, 14, .2), transparent);
	mix-blend-mode: darken;
}

.hce_gingham::after,
.hce_perpetua::after,
.hce_reyes::after {
	mix-blend-mode: soft-light;
}

.hce_inkwell {
	-webkit-filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
	filter: sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);
}

.hce_inkwell:before {
	z-index: -4;
}

.hce_inkwell:after {
	z-index: -3;
}

.hce_perpetua {

}

.hce_perpetua:before {
	z-index: -4;
}

.hce_perpetua:after {
	z-index: -3;
}

.hce_perpetua::after {
	background: -webkit-linear-gradient(top, #005b9a, #e6c13d);
	background: linear-gradient(to bottom, #005b9a, #e6c13d);
	opacity: .5;
}

.hce_reyes {
	-webkit-filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
	filter: sepia(.22) brightness(1.1) contrast(.85) saturate(.75);
}

.hce_reyes:before {
	z-index: -4;
}

.hce_reyes:after {
	z-index: -3;
}

.hce_reyes::after {
	background: #efcdad;
	opacity: .5;
}

.hce_gingham {
	-webkit-filter: brightness(1.05) hue-rotate(-10deg);
	filter: brightness(1.05) hue-rotate(-10deg);
}

.hce_gingham:before {
	z-index: -4;
}

.hce_gingham:after {
	z-index: -3;
}

.hce_gingham::after {
	background: #e6e6fa;
}

.hce_toaster {
	-webkit-filter: contrast(1.5) brightness(.9);
	filter: contrast(1.5) brightness(.9);
}

.hce_toaster:before {
	z-index: -4;
}

.hce_toaster:after {
	z-index: -3;
}

.hce_toaster::after {
	background: -webkit-radial-gradient(circle, #804e0f, #3b003b);
	background: radial-gradient(circle, #804e0f, #3b003b);
	mix-blend-mode: screen;
}

.hce_walden {
	-webkit-filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
	filter: brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);
}

.hce_walden:before {
	z-index: -4;
}

.hce_walden:after {
	z-index: -3;
}

.hce_walden::after {
	background: #04c;
	mix-blend-mode: screen;
	opacity: .3;
}

.hce_hudson {
	-webkit-filter: brightness(1.2) contrast(.9) saturate(1.1);
	filter: brightness(1.2) contrast(.9) saturate(1.1);
}

.hce_hudson:before {
	z-index: -4;
}

.hce_hudson:after {
	z-index: -3;
}

.hce_hudson::after {
	background: -webkit-radial-gradient(circle, #a6b1ff 50%, #342134);
	background: radial-gradient(circle, #a6b1ff 50%, #342134);
	mix-blend-mode: multiply;
	opacity: .5;
}

.hce_earlybird {
	-webkit-filter: contrast(.9) sepia(.2);
	filter: contrast(.9) sepia(.2);
}

.hce_earlybird:before {
	z-index: -4;
}

.hce_earlybird:after {
	z-index: -3;
}

.hce_earlybird::after {
	background: -webkit-radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	background: radial-gradient(circle, #d0ba8e 20%, #360309 85%, #1d0210 100%);
	mix-blend-mode: overlay;
}

.hce_mayfair {
	-webkit-filter: contrast(1.1) saturate(1.1);
	filter: contrast(1.1) saturate(1.1);
}

.hce_mayfair:before {
	z-index: -4;
}

.hce_mayfair:after {
	z-index: -3;
}

.hce_mayfair::after {
	background: -webkit-radial-gradient(40% 40%, circle, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, .8), rgba(255, 200, 200, .6), #111 60%);
	mix-blend-mode: overlay;
	opacity: .4;
}

.hce_lo_fi {
	-webkit-filter: saturate(1.1) contrast(1.5);
	filter: saturate(1.1) contrast(1.5);
}

.hce_lo_fi:before {
	z-index: -4;
}

.hce_lo_fi:after {
	z-index: -3;
}

.hce_lo_fi::after {
	background: -webkit-radial-gradient(circle, transparent 70%, #222 150%);
	background: radial-gradient(circle, transparent 70%, #222 150%);
	mix-blend-mode: multiply;
}

.hce_1977 {
	-webkit-filter: contrast(1.1) brightness(1.1) saturate(1.3);
	filter: contrast(1.1) brightness(1.1) saturate(1.3);
}

.hce_1977:before {
	z-index: -4;
}

.hce_1977:after {
	z-index: -3;
	background: rgba(243, 106, 188, .3);
	mix-blend-mode: screen;
}

.hce_brooklyn {
	-webkit-filter: contrast(.9) brightness(1.1);
	filter: contrast(.9) brightness(1.1);
}

.hce_brooklyn:before {
	z-index: -4;
}

.hce_brooklyn:after {
	z-index: -3;
}

.hce_brooklyn::after {
	background: -webkit-radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	background: radial-gradient(circle, rgba(168, 223, 193, .4) 70%, #c4b7c8);
	mix-blend-mode: overlay;
}

.hce_x_pro_ii {
	-webkit-filter: sepia(.3);
	filter: sepia(.3);
}

.hce_x_pro_ii:before {
	z-index: -4;
}

.hce_x_pro_ii:after {
	z-index: -3;
}

.hce_x_pro_ii::after {
	background: -webkit-radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	background: radial-gradient(circle, #e6e7e0 40%, rgba(43, 42, 161, .6) 110%);
	mix-blend-mode: color-burn;
}

.hce_nashville {
	-webkit-filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
	filter: sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);
}

.hce_nashville:before {
	z-index: -4;
}

.hce_nashville:after {
	z-index: -3;
}

.hce_nashville::after {
	background: rgba(0, 70, 150, .4);
	mix-blend-mode: lighten;
}

.hce_nashville::before {
	background: rgba(247, 176, 153, .56);
	mix-blend-mode: darken;
}

.hce_lark {
	-webkit-filter: contrast(.9);
	filter: contrast(.9);
}

.hce_lark:before {
	z-index: -4;
}

.hce_lark:after {
	z-index: -3;
}

.hce_lark::after {
	background: rgba(242, 242, 242, .8);
	mix-blend-mode: darken;
}

.hce_lark::before {
	background: #22253f;
	mix-blend-mode: color-dodge;
}

.hce_moon {
	-webkit-filter: grayscale(1) contrast(1.1) brightness(1.1);
	filter: grayscale(1) contrast(1.1) brightness(1.1);
}

.hce_moon:before {
	z-index: -4;
}

.hce_moon:after {
	z-index: -3;
}

.hce_moon::before {
	background: #a0a0a0;
	mix-blend-mode: soft-light;
}

.hce_moon::after {
	background: #383838;
	mix-blend-mode: lighten;
}

.hce_clarendon {
	-webkit-filter: contrast(1.2) saturate(1.35);
	filter: contrast(1.2) saturate(1.35);
}

.hce_clarendon:before {
	z-index: -4;
	background: rgba(127, 187, 227, .2);
	mix-blend-mode: overlay;
}

.hce_clarendon:after {
	z-index: -3;
}

.hce_willow {
	-webkit-filter: grayscale(.5) contrast(.95) brightness(.9);
	filter: grayscale(.5) contrast(.95) brightness(.9);
}

.hce_willow:before {
	z-index: -4;
}

.hce_willow:after {
	z-index: -3;
}

.hce_willow::before {
	background-color: radial-gradient(40%, circle, #d4a9af 55%, #000 150%);
	mix-blend-mode: overlay;
}

.hce_willow::after {
	background-color: #d8cdcb;
	mix-blend-mode: color;
}

.hce_rise {
	-webkit-filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
	filter: brightness(1.05) sepia(.2) contrast(.9) saturate(.9);
}

.hce_rise:before {
	z-index: -4;
}

.hce_rise:after {
	z-index: -3;
}

.hce_rise::after {
	background: -webkit-radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	background: radial-gradient(circle, rgba(232, 197, 152, .8), transparent 90%);
	mix-blend-mode: overlay;
	opacity: .6;
}

.hce_rise::before {
	background: -webkit-radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	background: radial-gradient(circle, rgba(236, 205, 169, .15) 55%, rgba(50, 30, 7, .4));
	mix-blend-mode: multiply;
}

.hce_slumber {
	-webkit-filter: saturate(.66) brightness(1.05);
	filter: saturate(.66) brightness(1.05);
}

.hce_slumber:before {
	z-index: -4;
}

.hce_slumber:after {
	z-index: -3;
}

.hce_slumber::after {
	background: rgba(125, 105, 24, .5);
	mix-blend-mode: soft-light;
}

.hce_slumber::before {
	background: rgba(69, 41, 12, .4);
	mix-blend-mode: lighten;
}

.hce_brannan {
	-webkit-filter: sepia(.5) contrast(1.4);
	filter: sepia(.5) contrast(1.4);
}

.hce_brannan:before {
	z-index: -4;
}

.hce_brannan:after {
	z-index: -3;
}

.hce_brannan::after {
	background-color: rgba(161, 44, 199, .31);
	mix-blend-mode: lighten;
}

.hce_valencia {
	-webkit-filter: contrast(1.08) brightness(1.08) sepia(.08);
	filter: contrast(1.08) brightness(1.08) sepia(.08);
}

.hce_valencia:before {
	z-index: -4;
}

.hce_valencia:after {
	z-index: -3;
}

.hce_valencia::after {
	background: #3a0339;
	mix-blend-mode: exclusion;
	opacity: .5;
}

.hce_kelvin {
}

.hce_kelvin:before {
	z-index: -4;
}

.hce_kelvin:after {
	z-index: -3;
}

.hce_kelvin::after {
	background: #b77d21;
	mix-blend-mode: overlay;
}

.hce_kelvin::before {
	background: #382c34;
	mix-blend-mode: color-dodge;
}

.hce_maven {
	-webkit-filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
	filter: sepia(.25) brightness(.95) contrast(.95) saturate(1.5);
}

.hce_maven:before {
	z-index: -4;
}

.hce_maven:after {
	z-index: -3;
	background: rgba(3, 230, 26, .2);
	mix-blend-mode: hue;
}

.hce_stinson {
	-webkit-filter: contrast(.75) saturate(.85) brightness(1.15);
	filter: contrast(.75) saturate(.85) brightness(1.15);
}

.hce_stinson:before {
	z-index: -4;
}

.hce_stinson:after {
	z-index: -3;
}

.hce_stinson::before {
	background: rgba(240, 149, 128, .2);
	mix-blend-mode: soft-light;
}

.hce_pro_dark:after,
.hce_pro_dark:before,
.hce_particle_style:after,
.hce_particle_style:before,
.hce_particle_emulated:after,
.hce_particle_emulated:before,
.hce_particle_third:after,
.hce_particle_third:before,
.hce_particle_fourth:after,
.hce_particle_fourth:before,
.hce_skilltech_green:after,
.hce_skilltech_green:before,
.hce_purple_gradient:after,
.hce_purple_gradient:before,
.hce_pink_gradient:after,
.hce_pink_gradient:before,
.hce_blue_gradient:after,
.hce_blue_gradient:before,
.hce_obsidian:after,
.hce_obsidian:before,
.hce_blue_ultradark:after,
.hce_blue_ultradark:before,
.hce_aquamarine:after,
.hce_aquamarine:before,
.hce_red_damage:after,
.hce_red_damage:before,
.hce_red_damage_radial:after,
.hce_red_damage_radial:before,
.hce_orange_city:after,
.hce_orange_city:before,
.hce_designer_gray:after,
.hce_designer_gray:before,
.hce_dwarklen:after,
.hce_dwarklen:before,
.hce_skajvel_dwarklen:after,
.hce_skajvel_dwarklen:before,
.hce_aden:after,
.hce_aden:before,
.hce_inkwell:after,
.hce_inkwell:before,
.hce_perpetua:after,
.hce_perpetua:before,
.hce_reyes:after,
.hce_reyes:before,
.hce_gingham:after,
.hce_gingham:before,
.hce_toaster:after,
.hce_toaster:before,
.hce_walden:after,
.hce_walden:before,
.hce_hudson:after,
.hce_hudson:before,
.hce_earlybird:after,
.hce_earlybird:before,
.hce_mayfair:after,
.hce_mayfair:before,
.hce_lo_fi:after,
.hce_lo_fi:before,
.hce_1977:after,
.hce_1977:before,
.hce_brooklyn:after,
.hce_brooklyn:before,
.hce_x_pro_ii:after,
.hce_x_pro_ii:before,
.hce_nashville:after,
.hce_nashville:before,
.hce_lark:after,
.hce_lark:before,
.hce_moon:after,
.hce_moon:before,
.hce_clarendon:after,
.hce_clarendon:before,
.hce_willow:after,
.hce_willow:before,
.hce_rise:after,
.hce_rise:before,
.hce_slumber:after,
.hce_slumber:before,
.hce_brannan:after,
.hce_brannan:before,
.hce_valencia:after,
.hce_valencia:before,
.hce_kelvin:after,
.hce_kelvin:before,
.hce_stinson:after,
.hce_stinson:before,
.hce_maven:after,
.hce_maven:before {
	content: '';
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	pointer-events: none;
}

.hce_pro_dark img,
.hce_particle_style img,
.hce_particle_emulated img,
.hce_skilltech_green img,
.hce_purple_gradient img,
.hce_pink_gradient img,
.hce_blue_gradient img,
.hce_obsidian img,
.hce_blue_ultradark img,
.hce_aquamarine img,
.hce_red_damage img,
.hce_red_damage_radial img,
.hce_orange_city img,
.hce_designer_gray img,
.hce_dwarklen img,
.hce_skajvel_dwarklen img,
.hce_aden img,
.hce_inkwell img,
.hce_perpetua img,
.hce_reyes img,
.hce_gingham img,
.hce_toaster img,
.hce_walden img,
.hce_hudson img,
.hce_earlybird img,
.hce_mayfair img,
.hce_lo_fi img,
.hce_1977 img,
.hce_brooklyn img,
.hce_x_pro_ii img,
.hce_nashville img,
.hce_lark img,
.hce_moon img,
.hce_clarendon img,
.hce_willow img,
.hce_rise img,
.hce_slumber img,
.hce_brannan img,
.hce_valencia img,
.hce_kelvin img,
.hce_stinson img,
.hce_maven img {
	width: 100%;
	z-index: -5;
}

.hce_pro_dark,
.hce_particle_style,
.hce_particle_emulated,
.hce_skilltech_green,
.hce_purple_gradient,
.hce_pink_gradient,
.hce_blue_gradient,
.hce_obsidian,
.hce_blue_ultradark,
.hce_aquamarine,
.hce_red_damage,
.hce_red_damage_radial,
.hce_orange_city,
.hce_designer_gray,
.hce_dwarklen,
.hce_skajvel_dwarklen,
.hce_aden,
.hce_inkwell,
.hce_perpetua,
.hce_reyes,
.hce_gingham,
.hce_toaster,
.hce_walden,
.hce_hudson,
.hce_earlybird,
.hce_mayfair,
.hce_lo_fi,
.hce_1977,
.hce_brooklyn,
.hce_x_pro_ii,
.hce_nashville,
.hce_lark,
.hce_moon,
.hce_clarendon,
.hce_willow,
.hce_rise,
.hce_slumber,
.hce_brannan,
.hce_valencia,
.hce_kelvin,
.hce_stinson,
.hce_maven {
	position: absolute;
	z-index: -5;
}


/**
 * 2.7 Typography
 * ==============
 */

/* long words safety */
.pa-h3-blog-feed-title-font a, 
.widget_title, 
.pa-custom-recent-description-wrap, 
span.animated-text-effect, 
.typed-text, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	-ms-word-break: break-all;
		word-break: break-all;

	/* Non standard for WebKit */
	word-break: break-word;

	/*-webkit-hyphens: auto;
	   -moz-hyphens: auto;
			hyphens: auto;*/
}

p.pa-text-mb-0, 
.pa-text-mb-0 p, 
p.pa-p-v1.pa-text-mb-0, 
.pa-text-mb-0 p.pa-p-v1, 
p.pa-p-v2.pa-text-mb-0, 
.pa-text-mb-0 p.pa-p-v2, 
h1.pa-text-mb-0, 
.pa-text-mb-0 h1, 
h1.pa-h1-v1.pa-text-mb-0, 
.pa-text-mb-0 h1.pa-h1-v1, 
h1.pa-h1-v2.pa-text-mb-0, 
.pa-text-mb-0 h1.pa-h1-v2, 
h1.pa-h1-v3.pa-text-mb-0, 
.pa-text-mb-0 h1.pa-h1-v3, 
h2.pa-text-mb-0, 
.pa-text-mb-0 h2, 
h2.pa-h2-v1.pa-text-mb-0, 
span.pa-h2-v1.pa-text-mb-0 > p,
.pa-text-mb-0 h2.pa-h2-v1, 
.pa-text-mb-0 span.pa-h2-v1 > p, 
h2.pa-h2-v2.pa-text-mb-0, 
.pa-text-mb-0 h2.pa-h2-v2, 
h3.pa-text-mb-0, 
.pa-text-mb-0 h3, 
h4.pa-text-mb-0, 
.pa-text-mb-0 h4, 
h5.pa-text-mb-0, 
.pa-text-mb-0 h5, 
h6.pa-text-mb-0, 
.pa-text-mb-0 h6 {
	margin-bottom: 0 !important;
}

/**
 * h1
 * --
 */

.error-404 h1, 
.pa-dark-mode.error-404 h1, 
.error-404 h1.pa-h1-v1, 
.pa-dark-mode.error-404 h1.pa-h1-v1, 
.error-404 .page-title, 
.pa-dark-mode.error-404 .page-title {
	/* hardcode white title on 404 page on both normal and dark mode, but without important */
	color: #ffffff; 
}

.pa-hero h1, 
.pa-dark-mode .pa-hero h1, 
.pa-hero h1.pa-h1-v1, 
.pa-dark-mode .pa-hero h1.pa-h1-v1, 
.pa-hero .page-title, 
.pa-dark-mode .pa-hero .page-title {
	/* hardcode white title inside a hero on both normal and dark mode, but without important */
	color: #ffffff;
}

.single .pa-h1-v1 {
	font-size: 48px;
	margin-bottom: 18px;
}

/**
 * h1 - Version 2
 * --------------
 */

h1.pa-h1-v2 {
	margin-bottom: 30px;
}

/**
 * h2
 * --
 */

.pa-hero h2.pa-h2-v1, 
.pa-dark-mode .pa-hero h2.pa-h2-v1, 
.error404 h2.pa-h2-v1, 
.pa-dark-mode .error404 h2.pa-h2-v1, 
.pa-hero span.pa-h2-v1 > p, 
.pa-dark-mode .pa-hero span.pa-h2-v1 > p, 
.error404 span.pa-h2-v1 > p, 
.pa-dark-mode .error404 span.pa-h2-v1 > p {
	color: #ffffff;
}

span.pa-h2-v1 {
	display: block;
}

/**
 * h3
 * --
 */

.pa-h3-v1 {
	/* became pa-h3-service-title in elementor widget */
}

/**
 * <p>
 * ---
 */

.pa-p-v1.pa-white, 
.pa-dark-mode .pa-p-v1.pa-white, 
p.pa-p-v1.pa-white, 
.pa-dark-mode p.pa-p-v1.pa-white {
	color: #ffffff;
}

p.pa-p-v1 {
	margin-bottom: 30px;
}

/**
 * Typography media queries
 * ------------------------
 */

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	h1.pa-h1-v2 {
		margin-bottom: 15px;
	}

}

@media all and (max-width: 575px) { /* xs */

	h1.pa-h1-v2 {
		margin-bottom: 15px;
	}

}

.pa-h1-v3 { /* DONE */
	font-size: 26px;
	font-weight: 200;
}

.pa-h1-v3 strong, 
.pa-h1-v3 b {
	font-weight: 700;
}

.pa-h1-v3.pa-bright {
	color: #FFFFFF;
}

.pa-h1-v3.pa-dark {
	color: #474747;
}

.pa-h1-inner-page.typed-text, 
.elementor-heading-title.pa-h1-inner-page.typed-text, 
.elementor-heading-title.pa-h1-inner-page {
	font-size: 80px;
	line-height: 90px;
	font-weight: 300;
}

.pa-h2-v1-hero-subhead {
	/* !!! REPLACED -- it's now pa-h2-v1 */
}

.pa-h2-v2-hero-subhead {
	margin: 20px 0 40px;
	font-size: 37px;
	line-height: 49px;
	font-weight: 200;
}

.pa-h2-v2-hero-subhead.pa-white {
	color: #ffffff;
}

.pa-h2-v2-hero-subhead strong, 
.pa-h2-v2-hero-subhead b {
	font-weight: 700;
}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.pa-h2-v2-hero-subhead {
		font-size: 27px;
		line-height: 36px;
	}
}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.pa-h2-v2-hero-subhead {
		font-size: 24px;
		line-height: 37px;
	}
}

@media all and (max-width: 575px) { /* xs */
	.pa-h2-v2-hero-subhead {
		font-size: 20px;
		line-height: 25px;
	}
}

.pa-h4-v1 {
	/* !!! REPLACED !!! - pa-h4-v1 becomes pa-h2-v2 */
}

.pa-h5-v1 {
	/* !!! REPLACED !!! - pa-h5-v1 becomes pa-h5-cta-strip-heading */
}

/*
 * Quote
 * -----
 */

blockquote.pa-text-mb-0 p, 
.pa-text-mb-0 blockquote p {
	margin-bottom: 0 !important;
}

blockquote {
	margin: 0 0 1rem;
	border-left: 4px #45596e solid;
	padding-left: 1.3rem;
}

.wp-block-pullquote blockquote {
	border-left: none;
	border-left-color: none;
}

.pa-dark-mode blockquote {
	border-left-color: #9ec7d9;
}

blockquote.wp-block-quote.is-style-large > p {
	quotes: "“" "”" "‘" "’";
}

blockquote.wp-block-quote.is-style-large > p:before {
	font-weight: 600;
	content: open-quote;
}

blockquote.wp-block-quote.is-style-large > p:after {
	font-weight: 600;
	content: close-quote;
}

blockquote > p, 
blockquote.wp-block-quote > p, 
blockquote.wp-block-quote.is-large > p, 
blockquote.wp-block-quote.is-style-large > p {
	margin-bottom: 20px;
	font-weight: 200;
}

.pa-dark-mode blockquote, 
.pa-dark-mode blockquote p, 
.pa-dark-mode blockquote.wp-block-quote p, 
.pa-dark-mode blockquote.wp-block-quote.is-large p, 
.pa-dark-mode blockquote.wp-block-quote.is-style-large p, 
.pa-dark-mode.pa-blog blockquote, 
.pa-dark-mode.pa-blog blockquote p, 
.pa-dark-mode.pa-blog blockquote.wp-block-quote p, 
.pa-dark-mode.pa-blog blockquote.wp-block-quote.is-large p, 
.pa-dark-mode.pa-blog blockquote.wp-block-quote.is-style-large p {
	color: #ffffff;
}

blockquote > p, 
blockquote.wp-block-quote > p {
	font-size: 28px;
	line-height: 33px;
}
 
blockquote.wp-block-quote.is-large > p, 
blockquote.wp-block-quote.is-style-large > p {
	font-size: 41px;
	line-height: 47px;
}


blockquote > p strong, 
blockquote.wp-block-quote > p strong, 
blockquote.wp-block-quote.is-large > p strong
blockquote.wp-block-quote.is-style-large > p strong, 
blockquote > p b, 
blockquote.wp-block-quote > p b, 
blockquote.wp-block-quote.is-large > p b
blockquote.wp-block-quote.is-style-large > p b {
	font-weight: 700;
}

blockquote.pa-bright > p, 
blockquote > p.pa-bright, 
blockquote.wp-block-quote.pa-bright > p, 
blockquote.wp-block-quote.is-large.pa-bright > p, 
blockquote.wp-block-quote.is-style-large.pa-bright > p {
	color: #FFFFFF;
}

blockquote.pa-dark > p, 
blockquote > p.pa-dark, 
blockquote.wp-block-quote.pa-dark > p, 
blockquote.wp-block-quote.is-large.pa-dark > p, 
blockquote.wp-block-quote.is-style-large.pa-dark > p {
	color: #3B3B3B;
}

cite, 
blockquote.wp-block-quote cite,
blockquote.wp-block-quote.is-large cite, 
blockquote.wp-block-quote.is-style-large cite {
	font-weight: 400;
	font-size: 19px;
	text-transform: uppercase;
}

.pa-dark-mode cite, 
.pa-dark-mode blockquote.wp-block-quote cite,
.pa-dark-mode blockquote.wp-block-quote.is-large cite, 
.pa-dark-mode blockquote.wp-block-quote.is-style-large cite {
	color: #A5C3D6;
}

cite.pa-bright, 
blockquote.wp-block-quote cite.pa-bright,
blockquote.wp-block-quote.is-large cite.pa-bright, 
blockquote.wp-block-quote.is-style-large cite.pa-bright {
	color: #ffffff;
}

cite.pa-bright span, 
blockquote.wp-block-quote cite.pa-bright span,
blockquote.wp-block-quote.is-large cite.pa-bright span, 
blockquote.wp-block-quote.is-style-large cite.pa-bright span {
	color: #A5C3D6;
}

cite.pa-bright, 
blockquote.wp-block-quote cite.pa-bright,
blockquote.wp-block-quote.is-large cite.pa-bright, 
blockquote.wp-block-quote.is-style-large cite.pa-bright {
	color: #323942;
}

cite.pa-dark span, 
blockquote.wp-block-quote cite.pa-dark span,
blockquote.wp-block-quote.is-large cite.pa-dark span, 
blockquote.wp-block-quote.is-style-large cite.pa-dark span {
	color: #3f4752;
}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	blockquote > p, 
	blockquote.wp-block-quote > p, 
	blockquote.wp-block-quote.is-large > p, 
	blockquote.wp-block-quote.is-style-large > p {
		font-size: 37px;
		line-height: 45px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	blockquote > p, 
	blockquote.wp-block-quote > p, 
	blockquote.wp-block-quote.is-large > p, 
	blockquote.wp-block-quote.is-style-large > p {
		font-size: 27px;
		line-height: 38px;
		margin-bottom: 10px;
	}

	cite, 
	blockquote.wp-block-quote cite,
	blockquote.wp-block-quote.is-large cite, 
	blockquote.wp-block-quote.is-style-large cite {
		font-size: 17px;
	}

}

@media all and (max-width: 575px) { /* xs */

	blockquote > p, 
	blockquote.wp-block-quote > p, 
	blockquote.wp-block-quote.is-large > p, 
	blockquote.wp-block-quote.is-style-large > p {
		font-size: 24px;
		line-height: 31px;
		margin-bottom: 10px;
	}

	cite, 
	blockquote.wp-block-quote cite,
	blockquote.wp-block-quote.is-large cite, 
	blockquote.wp-block-quote.is-style-large cite {
		font-size: 16px;
	}

}



/*
 * Typed Text
 * ==========
 */

@keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes blink{
	0% { opacity:1; }
	50% { opacity:0; }
	100% { opacity:1; }
}

.typed-cursor {
	opacity: 1;
	-webkit-animation: blink 0.7s infinite;
	   -moz-animation: blink 0.7s infinite;
			animation: blink 0.7s infinite;
}

.typed-text, 
.typed-text.typed_heading_v1, 
.elementor-heading-title.typed-text, 
.elementor-heading-title.typed-text.typed_heading_v1 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 700;
}

.typed-text.typed_heading_v2, 
.pa-h1-inner-page.typed-text,
.elementor-heading-title.typed-text.typed_heading_v2, 
.elementor-heading-title.pa-h1-inner-page.typed-text, 
.elementor-heading-title.typed_heading_v2, 
.elementor-heading-title.pa-h1-inner-page {
	font-size: 80px;
	line-height: 90px;
	font-weight: 300;
}

.typed-text.typed_heading_v3, 
.elementor-heading-title.typed-text.typed_heading_v3, 
.elementor-heading-title.typed_heading_v3 {
	font-size: 76px;
	line-height: 89px;
	margin-bottom: 10px;
}

.pa-project-hero-info .typed-text.typed_heading_v1, 
.pa-project-hero-info .elementor-heading-title.typed-text.typed_heading_v1, 
.pa-project-hero-info .elementor-heading-title.typed_heading_v1 {
	margin-top: 10px;
	color: #ffffff; /* OK */
}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	.typed-text, 
	.typed-text.typed_heading_v1,
	.elementor-heading-title.typed-text, 
	.elementor-heading-title.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed_heading_v1 {
		font-size: 40px;
	}

	.typed-text.typed_heading_v2,
	.elementor-heading-title.typed-text.typed_heading_v2,
	.elementor-heading-title.typed_heading_v2 {
		font-size: 64px;
		line-height: 68px;
	}

	.typed-text.typed_heading_v3,
	.elementor-heading-title.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed_heading_v3 {
		font-size: 58px;
		line-height: 70px;
		margin-bottom: 5px;
	}

	.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page {
		font-size: 64px;
		line-height: 68px;
	}

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.typed-text, 
	.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed-text, 
	.elementor-heading-title.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed_heading_v1  {
		font-size: 36px;
	}

	.typed-text.typed_heading_v2, 
	.elementor-heading-title.typed-text.typed_heading_v2,
	.elementor-heading-title.typed_heading_v2 {
		font-size: 61px;
		line-height: 69px;
	}

	.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed_heading_v3 {
		font-size: 41px;
		line-height: 56px;
		margin-bottom: 4px;
	}

	.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page {
		font-size: 61px;
		line-height: 69px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.typed-text, 
	.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed-text, 
	.elementor-heading-title.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed_heading_v1 {
		font-size: 26px;
	}

	.typed-text.typed_heading_v2, 
	.elementor-heading-title.typed-text.typed_heading_v2,
	.elementor-heading-title.typed_heading_v2 {
		font-size: 51px;
		line-height: 63px;
	}

	.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed_heading_v3 {
		font-size: 53px;
		line-height: 59px;
	}

	.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page {
		font-size: 51px;
		line-height: 63px;
	}

}

@media all and (max-width: 575px) { /* xs */

	.typed-text, 
	.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed-text, 
	.elementor-heading-title.typed-text.typed_heading_v1, 
	.elementor-heading-title.typed_heading_v1 {
		font-size: 26px;
		line-height: 40px;
		margin-bottom: 10px;
	}

	.typed-text.typed_heading_v2, 
	.elementor-heading-title.typed-text.typed_heading_v2,
	.elementor-heading-title.typed_heading_v2 {
		font-size: 35px;
		line-height: 50px;
	}

	.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed-text.typed_heading_v3, 
	.elementor-heading-title.typed_heading_v3 {
		font-size: 32px;
		line-height: 38px;
	}

	.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page.typed-text, 
	.elementor-heading-title.pa-h1-inner-page {
		font-size: 35px;
		line-height: 50px;
	}

}

@media all and (max-width: 575px) { /* xs */ /* blog */

	.pa-blog .typed-text.typed_heading_v1 {
		font-size: 31px;
		line-height: 37px;
		margin-bottom: 5px;
	}

}

/* Temp fix for typed.js - watch it! manipulates elementor's container class */
.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default.typedfix {
	min-width: 1140px !important;
}
@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default.typedfix {
		min-width: 960px !important;
	}
}
@media all and (min-width: 768px) and (max-width: 991px) { /* md */
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default.typedfix {
		min-width: 720px !important;
	}
}
@media all and (min-width: 576px) and (max-width: 767px) { /* sm */
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default.typedfix {
		min-width: 540px !important;
	}
}
@media all and (max-width: 575px) { /* xs */
	.elementor-section.elementor-section-boxed > .elementor-container.elementor-column-gap-default.typedfix {
		min-width: 100% !important;
	}
}


/* Project Page Default Font Colors */

.single-project h1.pa-h1-v1, 
.single-project h1.pa-h1-v2, 
.single-project h1.pa-h1-v3, 
.single-project h1.pa-h1-inner-page.typed-text, 
.single-project h2.pa-h2-v1, 
.single-project h2.pa-h2-v2, 
.single-project h1, 
.single-project h2, 
.single-project h3, 
.single-project h4, 
.single-project h5, 
.single-project h6 {
	color: #ffffff;
}

.single-project pre {
	color: #a1b2c3;
	background-color: #18212c;
}


/**
 * 2.8 Blog
 * ========
 *	2.8.1 Blog General
 *	2.8.2 Dark Mode Colors
 *	2.8.3 Blog Feed Style Changer
 *	2.8.4 Blog Feed
 * 		2.8.4.1 Blog Posts Ticker Section
 *		2.8.4.2 Blog Featured Section
 *		2.8.4.3 Blog Feed V1 - Magazine Style
 *		2.8.4.4 Blog Feed V2 - Stretched (casual)
 *		2.8.4.5 Blog Feed Style V3 - Classic
 *		2.8.4.6 Ads Sections
 *		2.8.4.7 Pagination
 *		2.8.4.8 Blog Feed Media Queries
 * 		2.8.4.9 Restructure standard blog feed posts
 *	2.8.5 Sidebar & Widgets
 *	2.8.6 Single Posts (Article)
 *	2.8.7 Related Posts Carousel Section
 */


/**
 * 2.8.1 Blog General
 * ==================
 */

body.pa-blog {
	background-color: #EBF2F5; /* LAST CHECK */
}


/* Sticky post */

.pa-sticky-post.pa-sticky-has-thumbnail {
	position: absolute;
	top: -3px;
	left: 17px;
	width: 42px;
	height: 42px;
	display: block;
	color: #ffffff;
	z-index: 1;
	line-height: 33px;
	text-align: center;
	font-size: 21px;
	border-radius: 44px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
			box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
	text-shadow: 2px 2px 2px rgba(0,0,0,0.24);
}

.pa-sticky-post.pa-sticky-no-thumbnail {
	width: 34px;
	height: 34px;
	color: white;
	text-align: center;
	line-height: 28px;
	margin-bottom: 10px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.24);
}

/* Thumbnails hover effect (except classic style) */

.post-image-inner {
	overflow: hidden;
}

.pa-in-content-post-image {
	-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
	-webkit-transition-duration: 0.4s;
		 -o-transition-duration: 0.4s;
			transition-duration: 0.4s;
}

.pa-blog-content:not(.pa-blog-main-content.pa-blog-style-v3-classic) .pa-blog-article-flex-wrapper .post-image-inner:hover .pa-in-content-post-image {
	-webkit-transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
			transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	 -o-transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
		transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
		transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s, -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	-webkit-filter: grayscale(100%) sepia(0.7) contrast(50%) brightness(135%) hue-rotate(167deg);
			filter: grayscale(100%) sepia(0.7) contrast(50%) brightness(135%) hue-rotate(167deg);
	-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
			transform: scale(1.2);
}

.pa-dark-mode .pa-blog-content:not(.pa-blog-main-content.pa-blog-style-v3-classic) .pa-blog-article-flex-wrapper .post-image-inner:hover .pa-in-content-post-image {
	-webkit-filter: grayscale(100%) sepia(0.7) brightness(55%) contrast(115%) saturate(171%) hue-rotate(170deg);
			filter: grayscale(100%) sepia(0.7) brightness(55%) contrast(115%) saturate(171%) hue-rotate(170deg);
}

.pa-blog-content:not(.pa-blog-main-content.pa-blog-style-v3-classic) .pa-blog-article-flex-wrapper.pa-featured-headliner .post-image-inner:hover .pa-in-content-post-image {
	-webkit-transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
			transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	 -o-transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
		transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
		transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s, -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	-webkit-filter: grayscale(100%) sepia(0.7) contrast(50%) brightness(135%) hue-rotate(167deg);
			filter: grayscale(100%) sepia(0.7) contrast(50%) brightness(135%) hue-rotate(167deg);
	-webkit-transform-origin: center bottom;
		-ms-transform-origin: center bottom;
			transform-origin: center bottom;
	-webkit-transform: scale(1.08);
		-ms-transform: scale(1.08);
			transform: scale(1.08);
}

.pa-dark-mode .pa-blog-content:not(.pa-blog-main-content.pa-blog-style-v3-classic) .pa-blog-article-flex-wrapper.pa-featured-headliner .post-image-inner:hover .pa-in-content-post-image {
	-webkit-filter: grayscale(100%) sepia(0.7) brightness(55%) contrast(115%) saturate(171%) hue-rotate(170deg);
			filter: grayscale(100%) sepia(0.7) brightness(55%) contrast(115%) saturate(171%) hue-rotate(170deg);
}

/**
 * 2.8.2 Blog Dark Mode Colors
 * ===========================
 */

.pa-dark-mode .pa-h3-blog-feed-title-font a,
.pa-dark-mode .widget_title {
	color: #ffffff;
}

.pa-dark-mode.pa-blog p {
	color: #8aaec0;
}

.pa-dark-mode .pa-description-first-row .post-date, 
.pa-dark-mode .widget_recent_entries .post-date, 
.pa-dark-mode .elementor-widget-wp-widget-recent-posts .post-date {
	color: #e7e7e7;
}

.pa-dark-mode .pa-blog-feed-top-metas p a {
	color: #dee4e9;
}

.pa-dark-mode .pa-blog-tags p a, 
.pa-dark-mode .pa-blog-cats p a {
	color: #969fa9;
}

.pa-dark-mode .pa-custom-recent-thumb-hook, 
.widget_recent_entries ul li > a,  
.pa-dark-mode .widget_recent_comments a, 
.pa-dark-mode .rssSummary {
	color: #86a7b9;
}

.pa-dark-mode .pa-blog-feed-top-metas time, 
.pa-dark-mode .pa-blog-feed-top-metas span.time {
	color: #6e7e8e;
}

.pa-dark-mode .cat-item i, 
.pa-dark-mode .widget_meta li > a:before, 
.pa-dark-mode .widget_pages li > a:before, 
.pa-dark-mode .widget_archive li > a:before {
	color: #5c8292;
}

.pa-dark-mode .nav-links, 
.pa-dark-mode .woocommerce-pagination, 
.pa-dark-mode .post-page-numbers {
	background-color: #253444;
}

.pa-dark-mode .post-page-numbers {
	border-color: #253444;
}

.pa-dark-mode .page-numbers .current, 
.pa-dark-mode .page-numbers.current {
	background-color: #3c4c59;
}

.pa-dark-mode .comment-navigation .nav-next a, 
.pa-dark-mode .comment-navigation .nav-previous a, 
.pa-dark-mode .posts-navigation .nav-next a, 
.pa-dark-mode .posts-navigation .nav-previous a {
	color: #98a9b9;
}

.pa-dark-mode .page-numbers li a:hover, 
.pa-dark-mode a.page-numbers:hover, 
.pa-dark-mode .nav-next a:hover, 
.pa-dark-mode .nav-previous a:hover, 
.pa-dark-mode .comment-navigation .nav-next a:hover, 
.pa-dark-mode .comment-navigation .nav-previous a:hover, 
.pa-dark-mode .posts-navigation .nav-next a:hover, 
.pa-dark-mode .posts-navigation .nav-previous a:hover {
	background: #4e6478;
}

.page-numbers i.fa-angle-right:before, 
.page-numbers i.fa-angle-left:before {
	font-weight: 400;
	font-size: 19px;
	position: relative;
	top: 1px;
}

.pa-dark-mode .nav-links, 
.pa-dark-mode .woocommerce-pagination {
	border-left-color: #4e6478;
}

.pa-dark-mode .pa-form-on-white input, 
.pa-dark-mode .pa-form-on-white textarea {
	color: #ccd7e0;
	background: transparent;
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(86,104,113,0.53);
}

.pa-dark-mode .pa-form-on-white input:hover, 
.pa-dark-mode .pa-form-on-white textarea:hover, 
.pa-dark-mode .pa-form-on-white input:focus, 
.pa-dark-mode .pa-form-on-white textarea:focus {
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);
}

.pa-dark-mode .pa-form-on-white input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px rgba(129,144,160,0.13) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: #ccd7e0;
}

.pa-dark-mode .pa-form-on-white textarea:focus:hover, 
.pa-dark-mode .pa-form-on-white input:focus:hover {
	color: #ccd7e0;
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);
}

.pa-dark-mode .pa-form-on-white label {
	color: #dbe7ed;
}

.pa-dark-mode.search-results h5 a {
	color: #cdd8dc;
}

.pa-dark-mode .entry-meta.pa-search-results > a > time, 
.pa-dark-mode .pa-search-results .entry-meta a, 
.pa-dark-mode .pa-search-results .entry-summary a, 
.pa-dark-mode .pa-search-results .entry-footer a {
	font-weight: 600;
}

.pa-dark-mode input.search-field {
	background-color: #0a1725;
	color: #cbd8dc;
	background-color: rgba(0,0,0,0.32); /* OK */
	mix-blend-mode: luminosity;
}

.pa-dark-mode input.search-field:hover {
	background-color: #2e4155;
	color: #cdd8dc;
}

.pa-dark-mode input.search-field:focus {
	color: #cdd8dc;
}

.pa-dark-mode .pa-related-info-wrapper a,
.pa-dark-mode .pa-rel-meta-right a {
	font-weight: 400;
}

.pa-dark-mode .pa-post-bottom-metas > div {
	border: 1px solid rgba(81,101,120,0.42);
	background-color: rgba(10,23,37,0.71); /* OK */
}

.pa-dark-mode .pa-post-bottom-metas i {
	color: #c3d0dc;
}

.pa-dark-mode nav.wp-calendar-nav {
	background-color: #253444;
}

@media all and (min-width: 1200px) and (max-width: 1499px) {

	.pa-featured-headliner header > h3 > a {
		color: #3B3B3B;
	}

	.pa-dark-mode .pa-featured-headliner header > time, 
	.pa-dark-mode .pa-featured-headliner header > a > time, 
	.pa-dark-mode .pa-featured-headliner header > span.time, 
	.pa-dark-mode .pa-featured-headliner header > a > span.time {
		color:#6e7e8e;
	}

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	.pa-featured-headliner header > h3 > a {
		color: #3B3B3B;
	}

	.pa-dark-mode .pa-featured-headliner header > time, 
	.pa-dark-mode .pa-featured-headliner header > a > time, 
	.pa-dark-mode .pa-featured-headliner header > span.time, 
	.pa-dark-mode .pa-featured-headliner header > a > span.time {
		color:#6e7e8e;
	}

}

@media all and (max-width: 575px) { /* xs */

	.pa-featured-headliner header > h3 > a {
		color: #3B3B3B;
	}

	.pa-dark-mode .pa-featured-headliner header > time, 
	.pa-dark-mode .pa-featured-headliner header > a > time, 
	.pa-dark-mode .pa-featured-headliner header > span.time, 
	.pa-dark-mode .pa-featured-headliner header > a > span.time {
		color:#6e7e8e;
	}

}

/* For Dark Mode Smooth Switching */

body, 
.pa-base-background, 
section.pa-blog-ticker, 
.pa-blog-featured, 
.pa-blog-feed, 
.pa-blog-single, 
.pa-h3-blog-feed-title-font a,
.widget_title, 
.pa-blog p, 
.pa-description-first-row .post-date, 
.widget_recent_entries .post-date, 
.pa-blog-feed-top-metas p a, 
.pa-blog-tags p a, 
.pa-blog-cats p a, 
.pa-custom-recent-thumb-hook, 
.pa-blog-feed-top-metas time, 
.pa-blog-feed-top-metas span.time, 
.cat-item a, 
.tag-cloud-link, 
.tagcloud, 
.cat-item i, 
.nav-links, 
.woocommerce-pagination, 
.page-numbers .current, 
.page-numbers.current,
.nav-links, 
.woocommerce-pagination, 
a.post-page-numbers, 
.pa-form-on-white input, 
.pa-form-on-white textarea, 
.pa-form-on-white label, 
input.search-field, 
.pa-blog-single .pa-author-name, 
.pa-blog-single h1, 
.pa-blog-single h2, 
.pa-blog-single h3, 
.pa-blog-single h4, 
.pa-blog-single h5, 
.pa-blog-single h6, 
.pa-related-info-wrapper a,
.pa-rel-meta-right a, 
.pa-post-bottom-metas > div, 
.pa-post-bottom-metas i, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p {
	-webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
	-o-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
	transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
}

/*
 * 2.8.3 Blog Feed Style Changer
 * =============================
 */

.pa-feed-styler-container {
	margin-top: -38px;
}

span.pa-feed-styler {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 38px;
	height: 38px;
	display: inline-block;
	-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
			transform: translateY(-15px);
	margin-left: 2px;
	vertical-align: bottom;
	text-align: center;
	line-height: 40px;
	font-size: 28px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.1);
	cursor: pointer;
}

span.pa-feed-styler.active {
	color: rgba(255,255,255,0.75);
}

span.pa-feed-styler {
	color: rgba(255,255,255,0.35);
}

span.pa-feed-styler.active:hover, 
span.pa-feed-styler:hover {
	color: rgba(255,255,255,1);
}

.pa-feed-col {
	overflow: hidden;
}

.pa-feed-col, 
.pa-articles-wrapper {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/*
 * 2.8.4 Blog Feed
 * ===============
 * 	2.8.4.1 Blog Posts Ticker Section
 * 	2.8.4.2 Blog Featured Section
 * 	2.8.4.3 Blog Feed V1 - Magazine Style
 * 	2.8.4.4 Blog Feed V2 - Stretched (casual)
 * 	2.8.4.5 Blog Feed Style V3 - Classic
 * 	2.8.4.6 Ads Sections
 * 	2.8.4.7 Pagination
 * 	2.8.4.8 Blog Feed Media Queries
 * 	2.8.4.9 Restructure standard blog feed posts
 */

/*
 * 2.8.4.1 Blog Posts Ticker Section
 * ---------------------------------
 */

section.pa-blog-ticker {
	padding-top: 25px;
	padding-bottom: 20px;
}

span.pa-blog-ticker {
	display: block;
	clear: both;
	width: 100%;
	margin-top: 25px;
}

.single section.pa-blog-ticker {
	padding-bottom: 0;
}

.row.pa-ticker-wrapper {
	margin-left: -5px;
	margin-right: -5px;
	align-items: center;
}

.pa-blog-ticker .carousel-inner {
	width: 100%;
	min-height: 54px;
	height: auto;
}

.pa-blog-ticker .carousel-item {
	width: 100%;
	height: 100%;
}

.pa-blog-ticker article {
	padding: 15px 10px 0 41px;
}

h3.pa-ticker-title {
	font-size: 17px;
	margin-bottom: 12px;
	font-weight: 300;
	line-height: 25px;
}

h3.pa-ticker-title a {
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(7, 69, 103, 0.5);
}

.pa-blog-ticker a.carousel-control-prev, 
.pa-blog-ticker a.carousel-control-next {
	width: 31px;
	height: 50%;
	opacity: 0.8;
}

.pa-blog-ticker a.carousel-control-next {
	bottom: 0;
	left: 0;
	top: 50%;
}

.pa-blog-ticker a.carousel-control-prev:hover, 
.pa-blog-ticker a.carousel-control-next:hover {
	opacity: 1;
}

.pa-blog-ticker span.carousel-control-prev-icon {
	-webkit-transform: translateY(2px) rotate(90deg);
	    -ms-transform: translateY(2px) rotate(90deg);
	        transform: translateY(2px) rotate(90deg);
}

.pa-blog-ticker .carousel-control-next-icon {
	-webkit-transform: translateY(-2px) rotate(90deg);
	    -ms-transform: translateY(-2px) rotate(90deg);
	        transform: translateY(-2px) rotate(90deg);
}

.pa-in-ticker-search-wrapper {
	padding: 7px;
}

.pa-blog-ticker .widget_search, 
.pa-blog-ticker .widget_search .pa-widget-inner {
	margin-bottom: 0;
}

.pa-blog-ticker input.search-field {
	padding: 6px 12px;
	border: none;
	font-size: 17px;
	line-height: 28px;
	font-weight: 400;
	background-color: rgba(255,255,255,0.2);
	color: #ffffff;
}

.pa-blog-ticker input.search-field:hover {
	background-color: rgba(255,255,255,0.35);
	color: #ffffff;
}

.pa-blog-ticker input.search-field:focus {
	border: 0px solid rgba(255,255,255,0);
	background-color: rgba(255,255,255,0.3);
	color: #ffffff;
}

.pa-blog-ticker input.search-field:focus:hover {
	background-color: rgba(255,255,255,0.35);
}

.pa-blog-ticker label {
	margin-bottom: 0;
}

.pa-blog-ticker button.pa-search-button {
	top: 5px;
	right: 5px;
	color: #ffffff;
}

/*
 * 2.8.4.2 Blog Featured Section
 * -----------------------------
 */

.pa-blog-featured {
	overflow: auto;
	overflow: hidden;
	max-height: 900px;
	-webkit-transition: all 0.45s ease 0s, -webkit-transform 0.5s ease-out 0s;
	transition: all 0.45s ease 0s, -webkit-transform 0.5s ease-out 0s;
	-o-transition: all 0.45s ease 0s, transform 0.5s ease-out 0s;
	transition: all 0.45s ease 0s, transform 0.5s ease-out 0s;
	transition: all 0.45s ease 0s, transform 0.5s ease-out 0s, -webkit-transform 0.5s ease-out 0s;
	opacity: 1;
}

.pa-blog-featured.temp-hidden {
	-webkit-transition: 0.3s ease-in 0s;
	-o-transition: 0.3s ease-in 0s;
	transition: 0.3s ease-in 0s;
	-webkit-transform: scale(0.5);
	    -ms-transform: scale(0.5);
	        transform: scale(0.5);
	opacity: 0.3;
	max-height: 0;
}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.pa-blog-featured {
		max-height: 1200px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.pa-blog-featured {
		max-height: 1600px;
	}

}

@media all and (max-width: 575px) { /* xs */

	.pa-blog-featured {
		max-height: 1500px;
	}

}

.pa-blog-featured .row {
	margin-left: -10px;
	margin-right: -10px;
}

.pa-blog-ticker .col-12, 
.pa-blog-featured .col-12.col-lg-6, 
.pa-blog-featured .col-12.col-md-6, 
.pa-blog-featured .container {
	padding-left: 10px;
	padding-right: 10px;
}

.pa-blog-article-flex-wrapper.pa-featured {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
	padding: 0;
}

.pa-featured-image-tint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear,  left top, left bottom,  color-stop(58%, rgba(0,0,0,0)),color-stop(59%, rgba(0,0,0,0)),to(rgba(0,0,0,0.17)));
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 58%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.17) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 58%,rgba(0,0,0,0) 59%,rgba(0,0,0,0.17) 100%);
}

.pa-featured .pa-in-content-post-image {
	padding-bottom: 51.55%;
}

.pa-featured-headliner header {
	position: absolute;
	bottom: 0;
	padding: 0 20px;
	margin-right: 75px;
	margin-bottom: 13px;
}

.pa-featured-regular .pa-in-image-metas {
	position: absolute;
	bottom: 0;
	padding: 0px 11px;
	margin-right: 60px; /*was75*/
	margin-bottom: 6px;
	border-right: 3px solid rgba(255,255,255,0.54);
}

.pa-featured-headliner .pa-h3-blog-feed-title-font a {
	font-size: 27px;
	line-height: 32px;
}

.pa-featured-headliner .post-image-inner header > p, 
.pa-featured-regular .pa-in-image-metas > p {
	margin-bottom: 0;
	display: inline-block;
	margin-right: 10px;
	color: #a3abb3;
	font-size: 15px;
	font-style: italic;
}

.pa-featured-headliner header > h3 {
	margin-bottom: 3px;
}

.pa-featured-regular .pa-h3-blog-feed-title-font {
	line-height: 24px;
	margin-top: 8px;
}

.pa-featured-headliner header > h3 > a, 
.pa-featured-headliner header > h3 > a:hover, 
.pa-featured-headliner header > p > a, 
.pa-featured-headliner header > p > a:hover, 
.pa-featured-regular .pa-in-image-metas > p > a, 
.pa-featured-regular .pa-in-image-metas > p > a:hover {
	color: #ffffff;
}

.pa-featured-headliner header > time, 
.pa-featured-headliner header > a > time, 
.pa-featured-headliner header > span.time, 
.pa-featured-headliner header > a > span.time
.pa-featured-regular .pa-in-image-metas > time, 
.pa-featured-regular .pa-in-image-metas > a > time, 
.pa-featured-regular .pa-in-image-metas > span.time, 
.pa-featured-regular .pa-in-image-metas > a > span.time {
	color: #a3abb3;
	color: #d6d6d6;
	font-size: 15px;
	font-weight: 400;
}

/**
 * 2.8.4.3 Blog Feed V1 - Magazine Style
 * -------------------------------------
 */

.pa-blog-feed {
	/* background-color: #ffffff; */
	padding-top: 20px;
}

.pa-articles-wrapper,
.pa-ads-wrapper {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 30px;
}

.pa-blog-article-flex-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 30px;
}

article {
	position: relative;
}

.post-image-inner {
	position: relative;
}

i.fa.pa-pformat-icon, 
i.fas.pa-pformat-icon, 
i.fab.pa-pformat-icon, 
i.far.pa-pformat-icon {
	position: absolute;
	right: 0;
	top: 0;
	color: #d9dbdc;
	background: rgba(0, 0, 0, 0.38);
	padding: 8px;
	margin: 10px;
	z-index: 10;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

a.post-comments-badge-link {
	position: absolute;
	right: 10px;
	bottom: 7px;
	padding: 0px 6px;
	background: rgba(0, 0, 0, 0.38);
	color: #ffffff;
}

.pa-in-content-post-image {
	padding-bottom: 63.78%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.pa-blog-feed-top-metas {
	margin-top: 6px;
}

.pa-blog-feed-top-metas > p {
	margin-bottom: 7px;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	color: #657E8A;
	float: left;
}

.pa-blog-feed-top-metas p a {
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
	color: #495663;
}

.pa-blog-feed-top-metas time, 
.pa-blog-feed-top-metas span.time {
	font-size: 14px;
	color: #495663;
	font-weight: 300;
	float: right;
}

.pa-blog-tags, 
.pa-blog-cats {
	padding-left: 10px;
	border-left-style: solid;
	border-left-width: 4px;
}

.pa-blog-tags > p, 
.pa-blog-cats > p {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 300;
	color: #657E8A;
}

.pa-blog-tags p a, 
.pa-blog-cats p a {
	font-size: 14px;
	font-weight: 300;
	color: #495663;
}

.pa-blog-tags p a:hover, 
.pa-blog-cats p a:hover {
	font-weight: 300;
}

h3.pa-h3-blog-feed-title-font.entry-title {
	line-height: 26px;
}

.pa-h3-blog-feed-title-font a, 
.widget_title { 
	color: #3B3B3B;
	font-size: 21px;
	font-weight: 600;
	line-height: 24px;
}

.pa-blog-style-v3-classic.pa-blog-main-content .pa-h3-blog-feed-title-font a {
	font-size: 41px;
	line-height: 48px;
}

.post-excerpt p {
	font-size: 16px;
}

a.moretag {
	color: #ffffff;
	padding: 10px 33px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: 5px;
	/*display: inline-block;*/
	display: table;
}

/**
 * 2.8.4.4 Blog Feed V2 - Stretched (casual)
 * -----------------------------------------
 */

.pa-blog-style-v2-stretched .pa-article-magazine article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.pa-blog-style-v2-stretched .pa-featured .pa-article-magazine article {
	display: block;
}

.pa-blog-style-v2-stretched.pa-blog-main-content .post-image {
	display: inline-block;
	width: 40%;
	position: relative;
	overflow: hidden;
}

.pa-blog-style-v2-stretched i.fa.pa-pformat-icon, 
.pa-blog-style-v2-stretched i.fab.pa-pformat-icon, 
.pa-blog-style-v2-stretched i.far.pa-pformat-icon, 
.pa-blog-style-v2-stretched i.fas.pa-pformat-icon {
	left: 0;
	right: auto;
}

.pa-blog-style-v2-stretched .pa-post-info {
	display: inline-block;
	width: 57%;
	margin-left: 2%;
}

.pa-blog-style-v2-stretched .pa-post-info.pa-stretch-to-edges {
	width: 100%;
	margin-left: 0;
}


/**
 * 2.8.4.5 Blog Feed Style V3 - Classic
 * ------------------------------------
 */

.pa-blog-style-v3-classic .pa-blog-article-flex-wrapper {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	        flex: 0 0 100%;
	max-width: 100%;
}

.pa-blog-style-v3-classic.pa-blog-main-content.pa-blog-content article {
	display: block;
}

.pa-blog-style-v3-classic.pa-blog-main-content .post-image {
	width: 100%;
}

.pa-blog-style-v3-classic.pa-blog-main-content .pa-post-info {
	width: 100%;
	margin-left: 0;
}


/**
 * 2.8.4.6 Ads Sections
 * --------------------
 */

.pa-ads {
	clear: both;
	width: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 20px 10px 30px;
	background: rgb(191,84,210);
	background: -webkit-gradient(linear,  left top, right top,  from(rgba(191,84,210,1)),to(rgba(61,1,157,1)));
	background: -o-linear-gradient(left,  rgba(191,84,210,1) 0%,rgba(61,1,157,1) 100%);
	background: linear-gradient(to right,  rgba(191,84,210,1) 0%,rgba(61,1,157,1) 100%);
}

.pa-ads.pa-real-ads {
	text-align: center;
	background: none;
}

.pa-ads img {
	width: 100%;
	height: auto;
}


/**
 * 2.8.4.7 Pagination
 * ------------------
 */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
}

.page-numbers {
	display: initial;
	width: auto;
	text-decoration: none;
	background: transparent;
	color: transparent;
	text-align: initial;
	line-height: initial;
	height: auto;
	border: none;
	border-radius: 0;
	font-weight: 400;
	font-size: 20px;
}

.page-numbers .current, 
.page-numbers.current {
	display: inline-block;
	text-decoration: none;
	background: #41474c;
	color: #fff;
	text-align: center;
	line-height: 47px;
	height: 50px;
	border: 2px solid rgba(0, 0, 0, 0);
	border-radius: 5px;
}

/* order a:link, a:visited, a:hover, a:active */

.page-numbers a:link, 
.page-numbers a:visited, 
a.page-numbers:link, 
a.page-numbers:visited, 
span.page-numbers.dots, 
.nav-next a, 
.nav-previous a {
	display: inline-block;
	text-decoration: none;
	color: #c2cad0;
	text-align: center;
	line-height: 47px;
	height: 50px;
	border: 2px solid rgba(79, 86, 89, 0);
	border-radius: 5px;
}

.comment-navigation .nav-next a, 
.comment-navigation .nav-previous a, 
.posts-navigation .nav-next a, 
.posts-navigation .nav-previous a {
	color: #768089;
}

.woocommerce-pagination .page-numbers li, 
span.page-numbers.current, 
.page-numbers.current,  
a.page-numbers:link, 
a.page-numbers:visited, 
a.page-numbers:hover, 
.nav-previous a, 
.nav-next a {
	display: inline-block;
	padding-left: 18px;
	padding-right: 18px;
}

.page-numbers .current, 
.page-numbers a:link, 
.page-numbers a:visited, 
.page-numbers li a:hover {
	width: 100%;
}

.page-numbers li a:hover, 
a.page-numbers:hover, 
.nav-next a:hover, 
.nav-previous a:hover, 
.comment-navigation .nav-next a:hover, 
.comment-navigation .nav-previous a:hover, 
.posts-navigation .nav-next a:hover, 
.posts-navigation .nav-previous a:hover {
	background: #bdc7d0;
	color: #fff;
}

.nav-links, 
.woocommerce-pagination {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 100%;
	float: left;
	text-align: left;
	padding: 17px 20px;
	background: #f5f5f5;
	background: #f9f9f9;
	border-radius: 7px;
	margin-bottom: 50px;
	margin-top: 30px;
	border-left: 8px solid #bdc7d0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

span.page-numbers.dots {
	margin: 0 10px;
}

@media all and (max-width: 575px) {

	.nav-links, .woocommerce-pagination {
		padding: 3px 9px;
		border-left: 5px solid #bdc7d0;
		border-radius: 5px;
	}

	.woocommerce-pagination .page-numbers li, 
	.page-numbers a:link,
	.page-numbers a:visited, 
	.page-numbers li a:hover,
	a.page-numbers:link, 
	a.page-numbers:visited,
	a.page-numbers:hover, 
	span.page-numbers.dots, 
	span.page-numbers.current,
	.page-numbers .current, 
	.page-numbers.current {
		padding-left: 9px;
		padding-right: 9px;
		line-height: 25px;
		height: 28px;
		border-radius: 3px;
		font-size: 14px;
	}

}

/* Page Links (page pagination) */

.pa-page-links {
	padding-top: 10px;
}

.page-links-title {
	display: inline-block;
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1.2;
	text-transform: initial;
	letter-spacing: 0px;
	padding: 6px 13px;
	margin-right: 4px;
	border: 2px solid #eaedee;
	background: #ebedef;
}

.pa-dark-mode .page-links-title {
	border: 1px solid rgba(81,101,120,0.42);
	background-color: rgba(10,23,37,0.71); /* OK */
	border-color: rgba(10,23,37,0.71); /* OK */
}

.post-page-numbers {
	display: inline-block;
	padding: 3px 13px;
	margin-right: 3px;
	margin-bottom: 11px;
	font-size: 1.25rem;
	border: 2px solid #f9f9f9;
	background: #f9f9f9;
}

.pa-dark-mode a.post-page-numbers {
	color: #ffffff;
}

.pa-dark-mode a.post-page-numbers:hover {
	background-color: #4e6478;
	border-color: #4e6478;
}

span.post-page-numbers.current, 
a.post-page-numbers:hover {
	background: #b7bec7;
	border-color: #b7bec7;
	color: #ffffff;
}

span.post-page-numbers.current {
	padding: 3px 14px;
}

.pa-dark-mode span.post-page-numbers.current {
	background: #425568;
	border-color: #425568;
}


/**
 * 2.8.4.8 Blog Feeds - Media Queries
 * ----------------------------------
 */

@media all and (min-width: 380px) and (max-width: 575px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

}
@media all and (min-width: 576px) and (max-width: 767px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}

	.pa-blog-main-content .post-image {
		display: inline-block;
		width: 40%;
	}

	.pa-blog-main-content .pa-post-info {
		display: inline-block;
		width: 57%;
		margin-left: 3%;
	}

	.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-style-v1-magazine i.fa.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fab.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.far.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fas.pa-pformat-icon {
		left: 0;
		right: auto;
	}

	.pa-blog-main-content .post-excerpt p {
		margin-bottom: 5px;
	}

}

@media all and (min-width: 768px) and (max-width: 829px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

	.pa-blog-style-v1-magazine i.fa.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fab.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.far.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fas.pa-pformat-icon  {
		left: 0;
		right: auto;
	}

	/* Blog Feed Style V1 - Magazine */

	.pa-blog-style-v1-magazine.pa-blog-main-content .pa-post-info {
		width: 57%;
		margin-left: 3%;
	}

	.pa-blog-style-v1-magazine.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-style-v1-magazine.pa-blog-main-content .post-excerpt p {
		margin-bottom: 5px;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched.pa-blog-main-content .pa-post-info {
		width: 57%;
		margin-left: 3%;
	}

	.pa-blog-style-v2-stretched.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-style-v2-stretched.pa-blog-main-content .post-excerpt p {
		margin-bottom: 5px;
	}

}

@media all and (min-width: 830px) and (max-width: 991px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}

	.pa-blog-style-v1-magazine i.fa.pa-pformat-icon
	.pa-blog-style-v1-magazine i.fab.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.far.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fas.pa-pformat-icon  {
		left: 0;
		right: auto;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched.pa-blog-main-content .pa-post-info {
		width: 57%;
		margin-left: 3%;
	}

	.pa-blog-style-v2-stretched.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-style-v2-stretched.pa-blog-main-content .post-excerpt p {
		margin-bottom: 5px;
	}

}

@media all and (min-width: 992px) and (max-width: 1199px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		max-width: 50%;
	}

	.pa-blog-main-content h3.pa-h3-blog-feed-title-font.entry-title {
		max-height: 49px;
		overflow: hidden;
	}
 
	.pa-blog-style-v1-magazine i.fa.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fab.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.far.pa-pformat-icon, 
	.pa-blog-style-v1-magazine i.fas.pa-pformat-icon  {
		left: 0;
		right: auto;
	}

	/* Blog Feed Style V1 - Magazine */

	.pa-blog-style-v1-magazine.pa-blog-main-content .pa-post-info {
		width: 57%;
		margin-left: 3%;
	}

	.pa-blog-style-v1-magazine.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-style-v1-magazine.pa-blog-main-content .post-excerpt p {
		margin-bottom: 5px;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched.pa-blog-main-content .pa-post-info {
		width: 57%;
		margin-left: 3%;
	}

	.pa-blog-style-v2-stretched.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-style-v2-stretched.pa-blog-main-content .post-excerpt p {
		margin-bottom: 5px;
	}

}

@media all and (min-width: 1200px) and (max-width: 1499px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

}

@media all and (min-width: 1500px) and (max-width: 1599px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

}

@media all and (min-width: 1600px) and (max-width: 1920px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

}

@media all and (min-width: 1921px) and (max-width: 2560px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

}

@media all and (min-width: 2561px) {

	.pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 33.33%;
		        flex: 0 0 33.33%;
		max-width: 33.33%;
	}

	/* Blog Feed Style V2 - Stretched */

	.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

}

/**
 * 2.8.4.9 Restructure standard blog feed posts
 * --------------------------------------------
 */

@media all and (min-width: 1200px) and (max-width: 1499px) {

	.cat-item, 
	.widget_meta li, 
	.widget_pages li, 
	.widget_archive li {
		font-size: 14px;
	}

	.pa-featured-headliner .pa-featured-image-tint {
		display: none;
	}

	.pa-featured-headliner h3.pa-h3-blog-feed-title-font {
		font-size: 25px;
		line-height: 35px;
	}

	.pa-featured-headliner .pa-h3-blog-feed-title-font a {
		color: #3B3B3B;
	}

	.pa-featured-headliner header {
		position: relative;
		bottom: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding: 27px 60px 15px 0;
	}

	.pa-featured-headliner .post-image-inner header > p {
		position: absolute;
		top: 6px;
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		color: #495663;
	}

	.pa-featured-headliner .post-image-inner header > p > a {
		color: #495663;
		font-weight: 600;
	}

	.pa-featured-headliner header > time, 
	.pa-featured-headliner header > a > time, 
	.pa-featured-headliner header > span.time, 
	.pa-featured-headliner header > a > span.time {
		position: absolute;
		top: 7px;
		right: 0;
		font-size: 14px;
		color: #495663;
		font-weight: 300;
		float: right;
	}

	.pa-featured-headliner a.post-comments-badge-link {
		top: 0;
		position: relative;
		float: right;
		margin-top: -33px;
	}

	.pa-featured-regular .pa-in-image-metas {
		border-right: none;
	}

	.pa-featured-regular .pa-in-image-metas > p, 
	.pa-featured-regular .pa-in-image-metas > time, 
	.pa-featured-regular .pa-in-image-metas > a > time, 
	.pa-featured-regular .pa-in-image-metas > span.time, 
	.pa-featured-regular .pa-in-image-metas > a > span.time {
		font-size: 13px;
	}

	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		font-size: 13px;
		color: #a2a5a7;
		font-weight: 400;
	}

	/* Stretched */

	.no_sidebar.pa-blog-style-v2-stretched .pa-h3-blog-feed-title-font a {
		font-size: 35px !important;
		line-height: 42px !important;
	}

	.no_sidebar.pa-blog-style-v2-stretched .post-excerpt p {
		font-size: 18px !important;
	}

	.no_sidebar.pa-blog-style-v2-stretched .post-excerpt a.moretag {
		padding: 10px 46px !important;
		font-size: 17px !important;
		border-radius: 4px !important;
	}

	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-tags p a, 
	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-cats p a {
		font-size: 16px !important;
	}

	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-feed-top-metas p a {
		font-size: 18px !important;
	}

	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		margin-bottom: 35px !important;
	}

	/* Classic */

	.pa-blog-style-v3-classic.pa-blog-main-content .pa-h3-blog-feed-title-font a {
		font-size: 37px;
		line-height: 43px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-h3-blog-feed-title-font a {
		font-size: 53px !important;
	}

}

@media all and (min-width: 1200px) { /* xl */

	/* Magazine */

	.no_sidebar.pa-blog-style-v1-magazine .pa-h3-blog-feed-title-font a {
		font-size: 26px;
		line-height: 32px;
	}

	.pa-blog-feed-top-metas > p > a {
		font-size: 18px;
	}

	.no_sidebar.pa-blog-style-v1-magazine .post-excerpt p {
		font-size: 18px;
	}

	/* Stretched */

	.no_sidebar.pa-blog-style-v2-stretched .pa-h3-blog-feed-title-font a {
		font-size: 42px;
		line-height: 48px;
	}

	.no_sidebar.pa-blog-style-v2-stretched .post-excerpt p {
		font-size: 21px;
	}

	.no_sidebar.pa-blog-style-v2-stretched .post-excerpt a.moretag {
		padding: 11px 46px;
		font-size: 19px;
		border-radius: 4px;
	}

	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-tags p a, 
	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-cats p a {
		font-size: 15px;
	}

	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-feed-top-metas p a {
		font-size: 19px;
	}

	.no_sidebar.pa-blog-style-v2-stretched .pa-blog-article-flex-wrapper {
		margin-bottom: 40px;
	}

	/* Classic */

	.no_sidebar.pa-blog-style-v3-classic .pa-h3-blog-feed-title-font a {
		font-size: 57px;
		letter-spacing: -1px;
		font-weight: 600;
		line-height: 60px;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt p {
		font-size: 28px;
		font-weight: 200;
		line-height: 1.5;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt a.moretag {
		padding: 12px 52px;
		font-size: 20px;
		border-radius: 4px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-tags p a, 
	.no_sidebar.pa-blog-style-v3-classic .pa-blog-cats p a {
		font-size: 17px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-feed-top-metas p a {
		font-size: 18px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-article-flex-wrapper {
		margin-bottom: 80px;
	}

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	.pa-featured-headliner .pa-featured-image-tint {
		display: none;
	}

	.pa-featured-headliner h3.pa-h3-blog-feed-title-font {
		font-size: 25px;
		line-height: 35px;
	}

	.pa-featured-headliner .pa-h3-blog-feed-title-font a {
		color: #3B3B3B;
	}

	.pa-featured-headliner header {
		position: relative;
		bottom: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding: 27px 0 15px 0;
	}

	.pa-featured-headliner .post-image-inner header > p {
		position: absolute;
		top: 6px;
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		color: #495663;
	}

	.pa-featured-headliner .post-image-inner header > p > a {
		color: #495663;
		font-weight: 600;
	}

	.pa-featured-headliner header > time, 
	.pa-featured-headliner header > a > time, 
	.pa-featured-headliner header > span.time, 
	.pa-featured-headliner header > a > span.time {
		position: absolute;
		top: 7px;
		right: 0;
		font-size: 14px;
		color: #495663;
		font-weight: 300;
		float: right;
	}

	.pa-featured-headliner a.post-comments-badge-link {
		top: 0;
		position: relative;
		float: right;
		margin-top: -33px;
	}

	.pa-featured-regular .pa-in-image-metas {
		border-right: none;
	}

	.pa-featured-regular .pa-in-image-metas > p, 
	.pa-featured-regular .pa-in-image-metas > time, 
	.pa-featured-regular .pa-in-image-metas > a > time,  
	.pa-featured-regular .pa-in-image-metas > span.time, 
	.pa-featured-regular .pa-in-image-metas > a > span.time {
		font-size: 13px;
	}

	/* Stretched & Magazine */

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) h3.pa-h3-blog-feed-title-font.entry-title {
		max-height: 2000px;
		overflow: auto;
		margin-bottom: 6px;
	}

	.no_sidebar:not(.pa-blog-style-v3-classic) .pa-h3-blog-feed-title-font a {
		font-size: 27px;
		line-height: 31px;
	}

	.no_sidebar:not(.pa-blog-style-v3-classic) .post-excerpt p {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 4px;
	}

	.no_sidebar:not(.pa-blog-style-v3-classic) .post-excerpt a.moretag {
		padding: 8px 32px;
	}
	.no_sidebar:not(.pa-blog-style-v3-classic) .pa-blog-tags > p, 
	.no_sidebar:not(.pa-blog-style-v3-classic) .pa-blog-cats > p {
		margin-bottom: 4px;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.fa.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.fas.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.far.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.fab.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) a.moretag.pa-hvr-sweep-to-right, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-feed-top-metas time, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-feed-top-metas span.time, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-feed-top-metas > p, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-tags > p > a:not(:first-child), 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-cats > p > a:not(:first-child) {
		display: none;
	}

	/* Classic */

	.pa-blog-style-v3-classic.pa-blog-main-content h3.pa-h3-blog-feed-title-font.entry-title {
		max-height: 2000px;
		overflow: auto;
	}

	.pa-blog-style-v3-classic.pa-blog-main-content .pa-h3-blog-feed-title-font a {
		font-size: 25px;
		line-height: 35px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-h3-blog-feed-title-font a {
		font-size: 48px;
		letter-spacing: -1px;
		font-weight: 600;
		line-height: 51px;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt p {
		font-size: 23px;
		font-weight: 200;
		line-height: 30px;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt a.moretag {
		padding: 12px 52px;
		font-size: 20px;
		border-radius: 4px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-tags p a, 
	.no_sidebar.pa-blog-style-v3-classic .pa-blog-cats p a {
		font-size: 17px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-feed-top-metas p a {
		font-size: 18px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-article-flex-wrapper {
		margin-bottom: 80px;
	}

}

@media all and (min-width: 768px) and (max-width: 1199px) { /* lg + md */

	.pa-blog-main-content .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

	.pa-blog-main-content.pa-blog-content article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.pa-blog-main-content .post-image {
		display: inline-block;
		width: 39%;
	}

	.pa-blog-main-content .pa-post-info {
		display: inline-block;
		width: 59%;
		margin-left: 2%;
	}
	.pa-blog-main-content .pa-post-info.pa-stretch-to-edges {
		width: 100%;
		margin-left: 0;
	}

	.pa-blog-main-content h3.pa-h3-blog-feed-title-font.entry-title, 
	.pa-featured-regular h3.pa-h3-blog-feed-title-font.entry-title {
		line-height: 18px;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-h3-blog-feed-title-font a, 
	.pa-featured-regular .pa-h3-blog-feed-title-font a {
		font-size: 18px;
	}

	.pa-blog-main-content .post-excerpt p {
		font-size: 14px;
		line-height: 19px;
	}

	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		font-size: 14px;
	}

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-tags, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-cats {
		position: absolute;
		margin-top: -18px;
		padding-left: 47px;
		border-left: none;
		left: 0;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-tags > p, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-cats > p {
		color: rgba(255,255,255,0.4);
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-tags > p > a, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-cats > p > a {
		color: #ffffff;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-feed-top-metas {
		margin-top: 0;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) h3.pa-h3-blog-feed-title-font.entry-title{
		max-height: 23px;
		overflow: hidden;
	}

	.cat-item, 
	.widget_meta li, 
	.widget_pages li, 
	.widget_archive li {
		width: 100%;
	}

	.pa-custom-recent-thumb-wrap {
		max-width: 82px;
		width: 82px;
		height: 70px;
	}

	.pa-custom-recent-description-wrap {
		max-height: 66px;
	}

	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		display: inline-block;
		font-size: 14px;
		line-height: 17px;
	}

	.pa-description-first-row .post-date, 
	.widget_recent_entries .post-date {
		font-size: 13px;
	}

	.pa-blog-style-v3-classic.pa-blog-main-content .pa-h3-blog-feed-title-font a {
		font-size: 25px;
		line-height: 34px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-h3-blog-feed-title-font a {
		font-size: 27px;
		line-height: 33px;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt p {
		font-size: 18px;
		line-height: 28px;
		font-weight: 300;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt a.moretag {
		padding: 11px 47px;
		font-size: 17px;
		border-radius: 4px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-tags p a, 
	.no_sidebar.pa-blog-style-v3-classic .pa-blog-cats p a {
		font-size: 16px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-feed-top-metas p a {
		font-size: 18px;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-blog-article-flex-wrapper {
		margin-bottom: 80px;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-tags > p > a:not(:first-child),
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-cats > p > a:not(:first-child) {
		display: none;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.fa.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.fas.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.far.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-post-info i.fab.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) a.moretag.pa-hvr-sweep-to-right, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-feed-top-metas time, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-feed-top-metas span.time, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-feed-top-metas > p, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-tags > p > a:not(:first-child), 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic):not(.no_sidebar) .pa-blog-cats > p > a:not(:first-child) {
		display: none;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.pa-blog-main-content .pa-blog-article-flex-wrapper {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		max-width: 100%;
	}

	.pa-blog-main-content.pa-blog-content article {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	.pa-blog-main-content h3.pa-h3-blog-feed-title-font.entry-title, 
	.pa-featured-regular h3.pa-h3-blog-feed-title-font.entry-title {
		line-height: 18px;
	}

	.pa-blog-main-content .pa-h3-blog-feed-title-font a, 
	.pa-featured-regular .pa-h3-blog-feed-title-font a {
		font-size: 18px;
	}
	.pa-blog-style-v3-classic.pa-blog-main-content .pa-h3-blog-feed-title-font a {
		font-size: 29px;
		line-height: 36px;
	}

	.pa-blog-main-content .post-excerpt p {
		font-size: 14px;
		line-height: 19px;
		max-height: 56px;
		overflow: hidden;
	}

	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) i.fa.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) i.fas.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) i.far.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) i.fab.pa-pformat-icon, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) a.moretag.pa-hvr-sweep-to-right, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-feed-top-metas time, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-feed-top-metas span.time, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-feed-top-metas > p, 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-tags > p > a:not(:first-child), 
	.pa-blog-main-content:not(.pa-blog-style-v3-classic) .pa-post-info:not(.pa-stretch-to-edges) .pa-blog-cats > p > a:not(:first-child) {
		display: none;
	}

	.pa-blog-main-content h3.pa-h3-blog-feed-title-font.entry-title {
		line-height: 18px;
		max-height: 20px;
		overflow: hidden;
	}

	.cat-item, 
	.widget_meta li, 
	.widget_pages li, 
	.widget_archive li {
		width: 32%;
		font-size: 14px;
	}

	.pa-featured-headliner .pa-h3-blog-feed-title-font a {
		font-size: 21px;
		line-height: 25px;
	}

	.widget_recent_entries ul.pa-custom-recent-ul > li, 
	.widget_particle_recent_posts_widget ul.pa-custom-recent-ul > li {
		display: inline-block;
		width: 49.5%;
	}

	.pa-custom-recent-thumb-wrap {
		max-width: 70px;
		width: 70px;
		height: 56px;
	}

	.pa-custom-recent-description-wrap {
		max-height: 60px;
	}

	.pa-description-first-row {
		height: 16px;
	}

	.pa-description-first-row .post-date, 
	.widget_recent_entries .post-date {
		font-size: 13px;
		line-height: 13px;
		vertical-align: top;
	}

	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		display: inline-block;
		font-size: 13px;
		color: #a2a5a7;
		font-weight: 400;
		line-height: 20px;
		padding-top: 3px;
	}

	aside .pa-custom-recent-thumb-hook, 
	aside .elementor-widget-wp-widget-recent-posts li > a {
		font-size: 14px;
		line-height: 19px;
		padding-top: 0px;
		margin-top: -6px;
		padding-right: 2px;
	}

	.pa-blog-style-v3-classic.pa-blog-main-content h3.pa-h3-blog-feed-title-font.entry-title {
		max-height: 2000px;
		overflow: auto;
	}

	.no_sidebar.pa-blog-style-v3-classic .pa-h3-blog-feed-title-font a {
		font-size: 22px;
		line-height: 28px;
	}

	.no_sidebar.pa-blog-style-v3-classic .post-excerpt p {
		font-size: 16px;
		line-height: 24px;
	}

}

@media all and (max-width: 575px) { /* xs */

	.pa-blog-style-v3-classic.pa-blog-main-content .pa-h3-blog-feed-title-font a {
		font-size: 21px;
		line-height: 24px;
	}

	.cat-item, 
	.widget_meta li, 
	.widget_pages li, 
	.widget_archive li {
		width: 100%;
	}

	.pa-featured-headliner .pa-featured-image-tint {
		display: none;
	}

	.pa-featured-headliner .pa-h3-blog-feed-title-font a {
		color: #3B3B3B;
		font-size: 21px;
		font-weight: 600;
		line-height: 24px;
	}
	.pa-featured-headliner header {
		position: relative;
		bottom: 0;
		margin-right: 0;
		margin-bottom: 0;
		padding: 27px 0 15px 0;
	}

	.pa-featured-headliner .post-image-inner header > p {
		position: absolute;
		top: 6px;
		font-size: 14px;
		font-weight: 300;
		font-style: italic;
		color: #495663;
	}

	.pa-featured-headliner .post-image-inner header > p > a {
		color: #495663;
		font-weight: 600;
	}

	.pa-featured-headliner header > time, 
	.pa-featured-headliner header > a > time, 
	.pa-featured-headliner header > span.time, 
	.pa-featured-headliner header > a > span.time {
		position: absolute;
		top: 7px;
		right: 0;
		font-size: 14px;
		color: #495663;
		font-weight: 300;
		float: right;
	}

	.pa-featured-headliner a.post-comments-badge-link {
		top: 0;
		position: relative;
		float: right;
		margin-top: -33px;
	}

	.pa-featured-regular .pa-in-image-metas {
		border-right: none;
	}

	.pa-featured-regular .pa-in-image-metas > p, 
	.pa-featured-regular .pa-in-image-metas > time, 
	.pa-featured-regular .pa-in-image-metas > a > time, 
	.pa-featured-regular .pa-in-image-metas > span.time, 
	.pa-featured-regular .pa-in-image-metas > a > span.time {
		font-size: 13px;
	}

	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		font-size: 15px;
	}

	/* Blog Feed Style V2 */

	.pa-blog-style-v2-stretched.pa-blog-main-content .post-image {
		width: 100%;
	}

	.pa-blog-style-v2-stretched .pa-post-info {
		width: 100%;
	}

}

@media all and (max-width: 360px) { /* xxs (custom) */

	.pa-custom-recent-thumb-wrap {
		width: 106px;
	}

	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		font-size: 14px;
	}

}


/**
 * 2.8.5 Sidebar & Widgets
 * =======================
 */

aside > div:last-child {
	margin-bottom: 60px;
}

.widget_title {
	border-left-style: solid;
	border-left-width: 4px;
	padding: 8px 0 8px 10px;
}

.pa-widget-inner {
	margin-bottom: 21px;
}

.widget_recent_entries, 
.widget_particle_recent_posts_widget, 
.elementor-widget-wp-widget-particle_recent_posts_widget, 
.elementor-widget-wp-widget-recent-posts {
	margin-bottom: 25px;
}

.pa-custom-recent-thumb-wrap {
	display: inline-block;
	position: relative;
	overflow: hidden;
	max-width: 120px;
	width: 120px;
	height: 77px;
}

.widget_recent_entries a img, 
.widget_particle_recent_posts_widget a img, 
.elementor-widget-wp-widget-particle_recent_posts_widget a img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget_recent_entries ul.pa-custom-recent-ul > li, 
.widget_particle_recent_posts_widget ul.pa-custom-recent-ul > li, 
.elementor-widget-wp-widget-particle_recent_posts_widget ul.pa-custom-recent-ul > li {
	position: relative;
	padding: 0 0 5px;
}

.widget_particle_recent_posts_widget li, 
.elementor-widget-wp-widget-particle_recent_posts_widget li {
	margin: 10px 0 11px 0px;
}

.widget_recent_entries li, 
.elementor-widget-wp-widget-recent-posts li, 
.widget_particle_recent_posts_widget li, 
.elementor-widget-wp-widget-particle_recent_posts_widget li {
	border-bottom: 1px solid #D8E7ED;
	border-bottom: 1px solid rgba(80,163,195,0.23);
}

.pa-recents-divider {
	border-bottom: 1px solid #D8E7ED;
	border-bottom: 1px solid rgba(80,163,195,0.23);
}

.pa-custom-recent-description-wrap {
	display: inline;
	position: absolute;
	overflow: hidden;
	background: none;
	max-height: 78px;
	padding-left: 12px;
}

.pa-description-first-row {
	height: 25px;
	overflow: hidden;
	padding-right: 10px;
}

@media all and (min-width: 1500px) {
	.pa-custom-recent-thumb-hook, 
	.elementor-widget-wp-widget-recent-posts li > a {
		font-size: 16px;
	}
}

.pa-custom-recent-thumb-hook, 
.elementor-widget-wp-widget-recent-posts li > a {
	color: #647D89;
	font-weight: 300;
}

.pa-dark-mode .elementor-widget-wp-widget-recent-posts li > a {
	color: #86a7b9;
}

.pa-description-first-row .post-date, 
.widget_recent_entries .post-date, 
.elementor-widget-wp-widget-recent-posts .post-date {
	font-size: 15px;
	color: #212529;
	font-weight: 400;
}

aside .pa-ads {
	margin: 15px 0 20px;
}

.widget_recent_entries .post-date, 
.elementor-widget-wp-widget-recent-posts .post-date {
	display: block;
}

.widget_recent_entries ul li {
	margin-top: 10px;
	padding: 0 0 9px;
}

.elementor-widget-wp-widget-recent-posts ul li, 
.elementor-widget-wp-widget-recent-posts ul:not([class]) > li:not([class]) {
	margin-top: 10px;
	padding: 0 0 9px;
	padding-left: 0;
}

.elementor-widget-wp-widget-recent-posts ul li:before, 
.elementor-widget-wp-widget-recent-posts ul:not([class]) > li:not([class]):before {
	content: none;
}

/**
 * Widget - Categories 
 * -------------------
 */

.widget_categories .pa-widget-inner {
	padding-top: 10px;
}

.cat-item:hover {
	-webkit-transform: translateX(5px);
	    -ms-transform: translateX(5px);
	        transform: translateX(5px);
}

.cat-item a, 
.tag-cloud-link, 
.tagcloud {
	font-weight: 300;
	font-size: 16px !important;

}

.tag-cloud-link:first-child {
	font-weight: 600;
}

/**
 * Widget - Categories
 * Fix jerky look when block is too narrow (PART3/3)
 * See also in theme.js
 */	
.widget_categories .pa-widget-inner > ul.dw-mn-301-mx-325 .cat-item, 
.widget_categories .pa-widget-inner > ul.dw-mn-0-mx-300 .cat-item {
	width: 100%;
}


/**
 * Widget - Categories - flex  
 * --------------------------
 */

.widget_categories > .pa-widget-inner > ul, 
.elementor-widget-wp-widget-categories .elementor-widget-container > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.cat-item {
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	display: inline-block;
	width: 49%;
	padding-left: 27px;
	line-height: 22px;
	height: auto;
	margin-bottom: 3px;
}

.widget_categories .cat-item > ul.children {
	margin-top: 3px;
}

.cat-item > ul > .cat-item {
	position: relative;
	padding-left: 8px;
}

.cat-item > ul > .cat-item > i {
	position: absolute;
	top: 8px;
	color: #ddd0e2;
}

.cat-item i {
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-2px) scaleX(0.6);
	    -ms-transform: translateY(-2px) scaleX(0.6);
	        transform: translateY(-2px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}

.elementor-widget-wp-widget-categories .cat-item:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-1px) scaleX(0.6);
	    -ms-transform: translateY(-1px) scaleX(0.6);
	        transform: translateY(-1px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}


/**
 * Widget - Categories - (as dropdown)  
 * -----------------------------------
 * Old code in previous versions
 * New code for categories covered in 
 * "Archives as a Dropdown" widget's code.
 */


/**
 * Widget - Search  
 * ---------------
 */

.widget_search form input[type=submit] {
	position: absolute;
	right: 20000px;
}

.widget input, 
.widget label {
	width: 100%;
}

button.pa-search-button {
	outline: none;
	position: absolute;
	top: 10px;
	right: 8px;
	font-size: 19px;
	border: none;
	background: transparent;
	color: #8B999E;
}

input.search-field {
	background-color: #EBF2F5;
	border: none;
	border-left-style: solid;
	border-left-width: 4px;
	font-size: 20px;
	line-height: 31px;
	font-weight: 600;
	color: #8B999E;
	padding-left: 12px;
	padding-bottom: 9px;
}

input.search-field:hover {
	background-color: #f7fbfd;
	color: #8B999E;
}

input.search-field:focus {
	border: 0px solid rgba(255,255,255,0);
	color: #8B999E;
}

/* clears the ‘X’ from Internet Explorer */

input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.pa-form-on-white label {
	color: #647D89;
}

.pa-form-on-white input, 
.pa-form-on-white textarea {
	color: #8B999E;
	background: #ffffff;
	border: 1px solid #97BECF;
}

.pa-form-on-white input:hover, 
.pa-form-on-white textarea:hover, 
.pa-form-on-white input:focus, 
.pa-form-on-white textarea:focus {
	background-color: rgba(150,189,206,1);
	border-color: rgba(150,189,206,1);
}

.pa-form-on-white input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px rgb(255,255,255) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: #ffffff;
}

.pa-form-on-white textarea:focus:hover,
.pa-form-on-white input:focus:hover {
	color: #ffffff;
	background-color: rgba(150,189,206,1);
	border-color: rgba(150,189,206,1);
}

.pa-form-on-white button[type="submit"] {
	border-style: solid;
	border-width: 2px;
	color: #ffffff;
}

.pa-form-on-white button[type="submit"]:hover {
	background-color: #444B54;
	border-color: #444B54;
}

/* Search on Archives (archive pages: categories, tags etc.) */

.widget.pa-search-archives-top {
	margin-left: -5px;
	margin-right: -5px;
}

@media all and  (max-width: 575px) {
	.widget.pa-search-archives-top {
		margin-left: 0;
		margin-right: 0;
	}
}


/**
 * Widget - Calendar  
 * -----------------
 */

table#wp-calendar {
	margin-bottom: 0;
}

.widget_calendar thead td, 
.pa-dark-mode .widget_calendar tbody td {
	color: #647D89;
}

.widget_calendar tbody td, 
.pa-dark-mode .widget_calendar thead td {
	color: #bdc7cc;
}

nav.wp-calendar-nav {
	padding: 10px;
	background-color: #f9f9f9;
}

nav.wp-calendar-nav a {
	font-weight: 600;
}

.widget_calendar td > a {
	font-weight: 400;
}

.pa-dark-mode .widget_calendar td > a {
	font-weight: 600;
}


/**
 * Widget - RSS  
 * ------------
 */

img.rss-widget-icon {
	margin-top: -4px;
	margin-right: 5px;
}

.widget_rss, 
.elementor-widget-wp-widget-rss, 
.wp-block-rss {
	font-size: 15px;
	line-height: 23px;
	text-transform: initial;
	letter-spacing: 0px;
}

.widget.widget_rss ul li, 
.widget.widget_rss ul:not([class]) > li:not([class]), 
.elementor-widget-wp-widget-rss ul li, 
.elementor-widget-wp-widget-rss ul:not([class]) > li:not([class]) {
	margin: 0 5px 13px 3px;
	border-bottom: 1px solid rgba(120,120,120,0.1);
	padding-bottom: 8px;
	padding-left: 0;
}

.widget_rss li:before, 
.widget.widget_rss ul:not([class]) > li:not([class]):before, 
.elementor-widget-wp-widget-rss li:before, 
.elementor-widget-wp-widget-rss ul:not([class]) > li:not([class]):before, 
ul.wp-block-rss li > div:before {
	content: "\f09e";
	position: relative;
	top: -1px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 0.5em;
	position: static;
	margin-left: 0;
	margin-right: 2px;
	font-size: 11px;
}

.widget_rss li > a, 
.elementor-widget-wp-widget-rss li > a, 
ul.wp-block-rss li {
	font-weight: 600;
	font-weight: 400;
}

span.rss-date {
	display: inline-block;
}

span.rss-date:before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 300;
	display: inline-block;
	font-size: 15px;
	text-decoration: inherit;
	padding-right: 0.5em;
	padding-left: 0.2em;
	-webkit-transform: translateY(1px);
		-ms-transform: translateY(1px);
			transform: translateY(1px);
}

.rssSummary {
	margin-top: 2px;
	padding-top: 4px;
	padding-bottom: 5px;
	max-height: 75px;
	overflow: hidden;
	margin-bottom: 5px;
}

.rssSummary:empty {
	display: none;
}

.widget_rss cite, 
.elementor-widget-wp-widget-rss cite {
	font-weight: 400;
}


/**
 * Widget - Text  
 * -------------
 */

.widget_text.widget_text ul {
	list-style: inside;
}

.widget_text.widget_text ul li {
	padding-left: 27px;
}


/**
 * Widget - Recent Comments  
 * ------------------------
 */

.widget_recent_comments .comment-author-link {
	font-weight: 600;
}

.widget_recent_comments li.recentcomments {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(120,120,120,0.1);
}

.widget_recent_comments span.comment-author-link:before {
	content: "\f075";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-style: normal;
	font-weight: 900;
	text-decoration: inherit;
	padding-right: 0.65em;
}


/**
 * Widget - Meta
 * Widget - Pages
 * Widget - Archives
 * -----------------
 */

.widget_meta li, 
.widget_meta li > a, 
.widget_pages li, 
.widget_pages li > a, 
.widget_archive li, 
.widget_archive li > a {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

.widget_meta > .pa-widget-inner > ul, 
.widget_pages > .pa-widget-inner > ul, 
.widget_archive > .pa-widget-inner ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.widget_meta li, 
.widget_pages li, 
.widget_archive li {
	display: inline-block;
	position: relative;
	width: 49%;
	padding-left: 27px;
	line-height: 22px;
	height: auto;
	margin-bottom: 3px;
}

.widget_meta li:hover, 
.widget_pages li:hover, 
.widget_archive li:hover {
	-webkit-transform: translateX(5px);
	    -ms-transform: translateX(5px);
	        transform: translateX(5px);
}

.widget_meta li > a:before, 
.widget_pages li > a:before, 
.widget_archive li > a:before {
	position: absolute;
	top: 8px;
	color: #ddd0e2;
}

.widget_meta li > a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-8px) scaleX(0.6);
	    -ms-transform: translateY(-8px) scaleX(0.6);
	        transform: translateY(-8px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}

.widget_pages li > a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 6px;
	-webkit-transform: translateY(-8px);
	    -ms-transform: translateY(-8px);
	        transform: translateY(-8px);
	color: #9ec7d9;
	margin-left: -16px;
}

.widget_archive li > a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 300;
	content: "\f022";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 6px;
	-webkit-transform: translateY(-8px);
	    -ms-transform: translateY(-8px);
	        transform: translateY(-8px);
	color: #9ec7d9;
	margin-left: -16px;
}

.pa-dark-mode .widget_archive li > a:before {
	font-weight: 900;
}

/* Widget - Archives as a Dropdown */
/* Widget - Categories as a Dropdown */

.widget_archive select, 
.widget_categories select, 
.elementor-widget-wp-widget-archives select, 
.elementor-widget-wp-widget-categories select, 
.wp-block-archives-dropdown select, 
.wp-block-categories-dropdown select {
	/* Reset */
	appearance: none;
	border: 0;
	outline: 0;
	font: inherit;
	/* Personalize */
	margin-top: 5px;
	/*width: 20em;*/
	min-width: 260px;
	width: auto;
	height: 3em;
	padding: 0 4em 0 1em;
	color: white;
	border-radius: 0.25em;
	/*box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2);*/
	cursor: pointer;
}

/* <option> colors */
.widget_archive select option, 
.widget_categories select option, 
.elementor-widget-wp-widget-archives select option, 
.elementor-widget-wp-widget-categories select option, 
.wp-block-archives-dropdown select option, 
.wp-block-categories-dropdown select option {
	background-color: #ffffff;
}

/* Remove focus outline */
.widget_archive select:focus, 
.widget_categories select:focus, 
.elementor-widget-wp-widget-archives select:focus, 
.elementor-widget-wp-widget-categories select:focus, 
.wp-block-archives-dropdown select:focus, 
.wp-block-categories-dropdown select:focus {
	/*outline: none;*/
	outline: thin dotted;
}

/* Remove IE arrow */
.widget_archive select::-ms-expand, 
.widget_categories select::-ms-expand, 
.elementor-widget-wp-widget-archives select::-ms-expand, 
.elementor-widget-wp-widget-categories select::-ms-expand, 
.wp-block-archives-dropdown select::-ms-expand, 
.wp-block-categories-dropdown select::-ms-expand {
	display: none;
}

@media all and (max-width: 500px) {
	.widget_archive select, 
	.widget_categories select, 
	.elementor-widget-wp-widget-archives select, 
	.elementor-widget-wp-widget-categories select, 
	.wp-block-archives-dropdown select, 
	.wp-block-categories-dropdown select {
		width: 100%;
	}
}


/**
 * Widget - Navigation Menu  
 * ------------------------
 */

.widget_nav_menu .menu, 
.elementor-widget-wp-widget-nav_menu .menu {
	width: 100%;
}

.widget_nav_menu .menu .menu-item, 
.elementor-widget-wp-widget-nav_menu .menu .menu-item {
	list-style: none;
}

.widget_nav_menu .menu .menu-item:last-child, 
.elementor-widget-wp-widget-nav_menu .menu .menu-item:last-child {
	border: none;
}

.widget_nav_menu .menu .menu-item a, 
.elementor-widget-wp-widget-nav_menu .menu .menu-item a {
	display: block;
	padding: 15px;
	text-decoration: none;
	border-bottom: 1px solid rgba(120,120,120,0.1);
}

.widget_nav_menu .menu .menu-item a:focus, 
.elementor-widget-wp-widget-nav_menu .menu .menu-item a:focus {
	outline: none;
}

.widget_nav_menu .menu .menu-item a:focus:before, 
.elementor-widget-wp-widget-nav_menu .menu .menu-item a:focus:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.2);
    height: 4px;
}

body:not(.pa-dark-mode) .widget_nav_menu .pa-hvr-underline-from-center:before, 
body:not(.pa-dark-mode) .elementor-widget-wp-widget-nav_menu .pa-hvr-underline-from-center:before, 
body:not(.pa-dark-mode) .widget_nav_menu .pa-hvr-underline-from-center:focus:before {
	background: rgb(231,238,241);
}

i.fa.fa-chevron-down.pa-sidebarmenu-trigger, 
i.fas.fa-chevron-down.pa-sidebarmenu-trigger, 
i.far.fa-chevron-down.pa-sidebarmenu-trigger, 
i.fab.fa-chevron-down.pa-sidebarmenu-trigger {
	font-weight: 300;
	font-size: 14px;
	width: 47px;
	height: 54px;
	z-index: 10;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 55px;
}

i.fa.fa-chevron-down.pa-sidebarmenu-trigger:before, 
i.fas.fa-chevron-down.pa-sidebarmenu-trigger:before, 
i.far.fa-chevron-down.pa-sidebarmenu-trigger:before, 
i.fab.fa-chevron-down.pa-sidebarmenu-trigger:before {
	display: block;
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
			transform: rotate(0);
}

a.active i.fa.fa-chevron-down.pa-sidebarmenu-trigger:before, 
a.active i.fas.fa-chevron-down.pa-sidebarmenu-trigger:before, 
a.active i.far.fa-chevron-down.pa-sidebarmenu-trigger:before, 
a.active i.fab.fa-chevron-down.pa-sidebarmenu-trigger:before {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg);
}

.widget_nav_menu .menu .menu-item-has-children .sub-menu a:after, 
.elementor-widget-wp-widget-nav_menu .menu .menu-item-has-children .sub-menu a:after {
	display:none;
}

.widget_nav_menu .menu > li > .sub-menu, 
.elementor-widget-wp-widget-nav_menu .menu > li > .sub-menu {
	display: none;
}

.widget_nav_menu .menu .sub-menu, 
.elementor-widget-wp-widget-nav_menu .menu .sub-menu {
	padding: 0;
	margin: 0;
	flex-direction: column;
}

.widget_nav_menu .menu .sub-menu a, 
.elementor-widget-wp-widget-nav_menu .menu .sub-menu a {
	border: none;
	padding-left: 30px;
}

.widget_nav_menu .menu .sub-menu li:last-child a, 
.elementor-widget-wp-widget-nav_menu .menu .sub-menu li:last-child a {
	border-bottom: 1px solid rgba(120,120,120,0.1);
}

.widget_nav_menu .sub-menu li:last-child, 
.elementor-widget-wp-widget-nav_menu .sub-menu li:last-child {
	border: none;
}

.widget_nav_menu .menu > li > ul.sub-menu > li > ul.sub-menu {
	padding-left: 15px;
}


/**
 * Widget - Subscribe (MailPoet) 
 * -----------------------------
 */

body:not(.pa-dark-mode) .mailpoet_text_label {
	color: #647D89;
}

.mailpoet_paragraph {
	margin-bottom: 6px !important;
}

body:not(.pa-dark-mode) .mailpoet_form form .mailpoet_text, 
body:not(.pa-dark-mode) .mailpoet_form form .mailpoet_textarea {
	border: 1px solid rgba(86, 104, 113, 0.13);
}

.mailpoet_form form .mailpoet_text, 
.mailpoet_form form .mailpoet_textarea {
	padding: 8px 11px 6px !important;
}

.mailpoet_form form .mailpoet_text:hover, 
.mailpoet_form form .mailpoet_textarea:hover {
	background-color: rgba(129, 144, 160, 0.07);
}

body:not(.pa-dark-mode) .mailpoet_form form textarea.mailpoet_textarea:focus:hover, 
body:not(.pa-dark-mode) .mailpoet_form form input.mailpoet_text:focus:hover {
	background-color: rgba(129,144,160,0.13);
	border: 1px solid #444b54;
}

.mailpoet_form form input[type="submit"].mailpoet_submit {
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	width: auto !important;
	outline: none;
	margin-top: 15px !important;
	padding: 7px 54px !important;
	border: 2px solid;
	border-radius: 3px;
	font-size: 17px !important;
	font-weight: 600 !important;
	color: #ffffff;
	line-height: 25px; /* new version */
}

.mailpoet_form form input[type="submit"].mailpoet_submit:hover {
	background-color: #444B54;
    border-color: #444B54;
}

/**
 * Hover Effect: Sweep To Right
 * Used for: Buttons and form submit buttons/inputs
 */

.mailpoet_form form input[type="submit"].mailpoet_submit {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
			transform: translateZ(0);
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

.mailpoet_form form input[type="submit"].mailpoet_submit:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	-webkit-transform: scaleX(0);
			-ms-transform: scaleX(0);
	    transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
			-ms-transform-origin: 0 50%;
	    transform-origin: 0 50%;
	-webkit-transition-property: transform;
			-webkit-transition-property: -webkit-transform;
			transition-property: -webkit-transform;
			-o-transition-property: transform;
			transition-property: transform;
			transition-property: transform, -webkit-transform;
	-webkit-transition-duration: 0.3s;
			-o-transition-duration: 0.3s;
	   transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
			-o-transition-timing-function: ease-out;
	   transition-timing-function: ease-out;
}

.mailpoet_form form input[type="submit"].mailpoet_submit:hover,
.mailpoet_form form input[type="submit"].mailpoet_submit:focus,
.mailpoet_form form input[type="submit"].mailpoet_submit:active {
	color: #ffffff;
	background-color: #40464f;
}

.mailpoet_form form input[type="submit"].mailpoet_submit:hover:before,
.mailpoet_form form input[type="submit"].mailpoet_submit:focus:before,
.mailpoet_form form input[type="submit"].mailpoet_submit:active:before {
	-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
	    	transform: scaleX(1);
}


/**
 * 2.8.6 Single Posts (article)
 * ============================
 */

@media all and (max-width: 767px) { /* xs + sm */

	section.pa-hero.pa-blog-single-hero {
		padding-top: 6.25rem;
		padding-bottom: 5.25rem;
		height: auto;
	}

	section.pa-hero.pa-blog-single-hero .container.pa-supercontainer {
		margin-top: 0 !important;
	}

}

.pa-blog-single h1, 
.pa-blog-single h2, 
.pa-blog-single h3:not(.pa-ticker-title) {
	font-weight: 600;
}

p.pa-blog-head-infos {
	display: inline-block;
	margin-right: 14px;
}

.pa-blog-head-infos p {
	display: inline-block;
	margin-right: 14px;
}

.pa-blog-head-infos a {
	margin-left: 3px;
}

p.pa-blog-head-infos > * {
	margin-right: 5px;
}

.pa-blog .pa-blog-head-infos p, 
.pa-blog p.pa-blog-head-infos,
.pa-blog .pa-blog-head-infos a, 
.pa-dark-mode.pa-blog .pa-blog-head-infos, 
.pa-dark-mode.pa-blog .pa-blog-head-infos p, 
.pa-dark-mode.pa-blog p.pa-blog-head-infos,
.pa-dark-mode.pa-blog .pa-blog-head-infos a {
 	color: #ffffff;
 	font-size: 18px;
 	line-height: 25px;
 	font-weight: 400;
}

.pa-blog-head-infos i {
	margin-right: 6px;
}

.pa-bhi-date .fa-calendar-alt {
	font-weight: 300;
}

.pa-bhi-category i.fa-list:before {
	font-weight: 400;
	font-size: 16px;
}

.pa-blog-single {
	/* background-color: #ffffff; */
}

.pa-single-article .post-content {
	margin-bottom: 44px;
}

.post-details {
	margin-top: 15px;
	margin-bottom: -15px;
}

.pa-post-bottom-details {
	position: relative;
	clear: both;
	padding: 20px;
	background: rgba(183,198,212,0.05);
	border: 1px solid rgba(96,115,132,0.15);
	border-radius: 2px;
	margin-bottom: 30px;
}

.pa-author.pa-sp-author {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.pa-author-img {
	margin-right: 15px;
}

h3.pa-author-name {
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 3px;
	color: #3B3B3B;
}
p.pa-author-bio {
	margin-bottom: 0;
}

.pa-author-divider {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid rgba(96,115,132,0.15);
}

.pa-post-bottom-metas > div {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 10px 15px;
	border: 1px solid rgba(96,115,132,0.15);
	font-weight: 400;
	font-size: 15px;
}

.pa-post-bottom-metas p, 
.pa-post-bottom-metas a, 
.pa-post-bottom-metas time, 
.pa-post-bottom-metas span.time {
	color: #647D89;
}

.pa-post-bottom-metas i {
	margin-right: 10px;
	font-size: 18px;
	vertical-align: middle;
	color: #47525d;
}

.pa-post-bottom-metas i.fa-calendar {
	font-weight: 400;
	position: relative;
	top: -2px;
}

.pa-post-bottom-metas i.fa-th-list {
	font-weight: 400;
	font-size: 19px;
}

.pa-post-bottom-metas i.fa-tags {
	font-weight: 400;
}

@media all and (min-width: 1500px) { /* pa-superconainer */

	.no_sidebar .pa-author-details {
		max-width: 970px;
	}

	.no_sidebar .pa-supercontainer .pa-author-details {
		max-width: 1290px;
	}

	:not(.no_sidebar) .pa-supercontainer .pa-author-details {
		max-width: 925px;
	}

}

@media all and (min-width: 1200px) and (max-width: 1499px) { /* modified xl (limited to 1499) */

	.no_sidebar .pa-author-details {
		max-width: 970px;
	}

	:not(.no_sidebar) .pa-author-details {
		max-width: 685px;
	}

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	.no_sidebar .pa-author-details {
		max-width: 790px;
	}

	:not(.no_sidebar) .pa-author-img {
		width: 29px;
		height: 29px;
		position: absolute;
		top: 25px;
		left: 20px;
	}

	:not(.no_sidebar) h3.pa-author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	p.pa-author-bio {
		margin-top: 8px;
	}

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.no_sidebar .pa-author-details {
		max-width: 550px;
	}

	:not(.no_sidebar) .pa-author-img {
		width: 29px;
		height: 29px;
		position: absolute;
		top: 25px;
		left: 20px;
	}

	:not(.no_sidebar) h3.pa-author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	p.pa-author-bio {
		margin-top: 8px;
	}

	:not(.no_sidebar) .pa-post-bottom-metas > div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	:not(.no_sidebar) .pa-post-bottom-metas > div:last-child {
		margin-bottom: 20px;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.pa-blog-head-infos {
		font-size: 15px;
		font-size: 16px;
		margin-bottom: 2px;
	}

	.pa-author-img {
		width: 29px;
		height: 29px;
		position: absolute;
		top: 25px;
		left: 20px;
	}

	h3.pa-author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	p.pa-author-bio {
		margin-top: 8px;
	}

	:not(.no_sidebar) .pa-post-bottom-metas > div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	:not(.no_sidebar) .pa-post-bottom-metas > div:last-child {
		margin-bottom: 20px;
	}

}

@media all and (max-width: 575px) { /* xs */

	.pa-blog-head-infos {
		font-size: 15px;
	}

	.pa-author-img {
		width: 29px;
		height: 29px;
		position: absolute;
		top: 25px;
		left: 20px;
	}

	h3.pa-author-name {
		padding-left: 40px;
		line-height: 36px;
	}

	p.pa-author-bio {
		margin-top: 8px;
	}

	.pa-post-bottom-metas > div {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.pa-post-bottom-metas > div:last-child {
		margin-bottom: 20px;
	}

}

/**
 * Archive Page
 */

.single .pa-blog-main-content,
.archive .pa-blog-main-content {
    padding-top: 30px;
}


/*
 * 2.8.7 Related Posts Carousel Section
 * ====================================
 */
.row.pa-related-posts-wrapper {
	clear: both;
}

i.pa-h3-l-icon {
	color: #8e9ca5;
	display: inline-block;
	width: auto;
	font-size: 38px;
	padding-top: 21px;
	margin-right: 11px;
}

h3.pa-h3-l {
	-webkit-transform: translateY(-5px);
	    -ms-transform: translateY(-5px);
	        transform: translateY(-5px);
}

@media all and (max-width: 767px) { /* xs + sm */

	i.pa-h3-l-icon {
		font-size: 29px;
		-webkit-transform: translateY(-1px);
	    	-ms-transform: translateY(-1px);
	        	transform: translateY(-1px);
	}

	h3.pa-h3-l, 
	h3.pa-comments-h3 {
		font-size: 24px;
	}

	#comments h3 {
		font-size: 20px;
	}

}

ul.pa-related-posts {
	margin-bottom: 30px;
	padding-bottom: 30px;
	margin-top: 15px;
	padding-left: 0;
}

li.pa-related-item {
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	list-style-type: none;
	margin-right: 1px;
	margin-top: 5px;
	padding: 3px;
}

li.pa-related-item > a.pa-big-related-a {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 232px;
	padding-right: 0;
}

li.pa-related-item > a.pa-big-related-a img {
	min-width: 80px;
	min-height: 80px;
	width: 80px;
	height: 80px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 20px;
}

@media all and (max-width:499px) {

	li.pa-related-item > a.pa-big-related-a {
		width: 100%;
	}

}

.pa-related-info-wrapper {
	display: block;
	max-height: 50px;
	overflow: hidden;
}

.pa-related-info-wrapper a,
.pa-rel-meta-right a {
	font-weight: 400;
	color: #3B3B3B;
}

.pa-rel-meta-right {
	float: right;
	white-space: nowrap;
	color: #ffffff;
}

.pa-rel-meta-right a:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f086";
	margin-right: 3px;
}

.pa-rel-meta-left {
	float: left;
	font-size: 13px;
	font-weight: 400;
}

.related-info-excerpt p {
	font-size: 14px;
}

.pa-big-related-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover; 
	background-position: center;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
	-webkit-transition-duration: 0.4s;
	     -o-transition-duration: 0.4s;
	        transition-duration: 0.4s;
}

li.pa-related-item > a.pa-big-related-a:hover .pa-big-related-cover {
	-webkit-transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	transition: -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	-o-transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	transition: filter 0.6s, transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s, -webkit-filter 0.6s, -webkit-transform 4s cubic-bezier(.12,.72,.31,.65) 0.1s;
	/* -webkit-filter: grayscale(100%) sepia(0.7) brightness(35%) hue-rotate(167deg); */
	/*         filter: grayscale(100%) sepia(0.7) brightness(35%) hue-rotate(167deg); */
	-webkit-filter: grayscale(100%) sepia(0.7) contrast(50%) brightness(135%) hue-rotate(167deg);
			filter: grayscale(100%) sepia(0.7) contrast(50%) brightness(135%) hue-rotate(167deg);
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

.pa-dark-mode li.pa-related-item > a.pa-big-related-a:hover .pa-big-related-cover {
	-webkit-filter: grayscale(100%) sepia(0.7) brightness(55%) contrast(115%) saturate(171%) hue-rotate(170deg); /* was brightness 28% */
	        filter: grayscale(100%) sepia(0.7) brightness(55%) contrast(115%) saturate(171%) hue-rotate(170deg); /* was brightness 28% */
}

.pa-big-related .pa-related-item-info {
	/*display: table-cell;*/
	display: block;
	vertical-align: middle;
	width: 100%;
	padding: 10px;
	background: rgba(183, 198, 212, 0.05);
	border: 1px solid rgba(96, 115, 132, 0.15);
	border-top: 0 solid transparent;
}

/* Owl navigation is in owl.theme.default.min-particle-mod.css */

.owl-nav button:focus {
	/*outline: none;*/
	outline: thin dotted;
}


/*
 * 2.9 Comments
 * ============
 */

.particle-comments {
	clear: both;
}

#comments {
	margin-bottom: 60px;
}

.single-project .pa-comments-h3, 
.single-project #comments .comment-reply-title {
	color: #e5e6e7;
}

body:not(.pa-dark-mode):not(.single-project) #comments input, 
body:not(.pa-dark-mode):not(.single-project) #comments textarea {
	border: 1px solid rgba(86, 104, 113, 0.13);
}

body:not(.pa-dark-mode):not(.single-project) #comments input:hover, 
body:not(.pa-dark-mode):not(.single-project) #comments textarea:hover, 
body:not(.pa-dark-mode):not(.single-project) #comments input:focus, 
body:not(.pa-dark-mode):not(.single-project) #comments textarea:focus {
	border: 1px solid rgba(118,158,178,0.6);
	/* Blue tinted background and border */
	background-color: rgba(129,144,160,0.13);
}

input#wp-comment-cookies-consent {
	width: auto;
	display: inline-block;
	margin-right: 5px;
}

#comments .logged-in-as a {
	font-weight: 400;
	color: #dee4e9;
}

body:not(.pa-dark-mode):not(.single-project) #comments button[type="submit"], 
body:not(.pa-dark-mode):not(.single-project) #comments input[type="submit"] {
	border: 2px solid #444b54;
	color: #fff;
	background-color: #444b54;
}

body:not(.pa-dark-mode):not(.single-project) #comments input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px rgba(129,144,160,0.13) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: #ccd7e0;
}
body:not(.pa-dark-mode):not(.single-project) #comments textarea:focus:hover, 
body:not(.pa-dark-mode):not(.single-project) #comments input:not([type="submit"]):focus:hover {
	background-color: rgba(129,144,160,0.13);
	border: 1px solid #444b54;
}

ol.comment-list {
	list-style: none;
	-webkit-padding-start: 0;
	        padding-inline-start: 0;
	margin: 30px auto 40px;
}

ol.comment-list article {
	padding-bottom: 10px;
	margin-bottom: 10px;
}

ol.comment-list ol.children {
	-webkit-padding-start: 10px;
	        padding-inline-start: 10px;
}

#comments input[type="submit"] {
	width: auto;
}

#comments ol {
	list-style: none;
}

#comments .comment-content ol {
	list-style: auto;
}

#comments ol li {

}

@media screen and (min-width: 576px) and (max-width: 991px) {
	#comments ol li {
		padding: 0 12px;
	}
	#comments p {
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
	}
}

@media screen and (max-width: 575px) {
	#comments li > ol {
		margin-left: 0;
		padding-left: 6;
		border-left: 1px solid rgba(140, 153, 165, 0.32);
		border-bottom-left-radius: 8px;
	}
	#comments ol li {
		padding: 0;
	}
	#comments p {
		font-size: 13px;
		font-weight: 400;
		line-height: 20px;
	}
}

#comments ol li.bypostauthor {

}

#comments footer {
	background: none;
	color: inherit;
}

#comments h3 {
	text-align: left;
}

#comments h4 {
	font-size: 1.3em;
}

#comments p {
	font-size: 15px;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}

#comments .comment-metadata a {
	font-size: 15px;
}

#comments b.fn {
	padding: 2px 1px;
	margin: 0 10px;
}

#comments b.fn a {
	font-size: 17px;
	font-weight: 600;
}

.pa-dark-mode #comments b.fn a, 
.single-project #comments b.fn a {
}

.comments-title {

}

a.comment-reply-link {
	font-size: 15px;
}

p.logged-in-as {
	border-bottom: 1px solid rgba(99,125,138,0.27);
	padding-bottom: 12px;
}

article.comment-body .reply {
	padding-bottom: 3px !important;
}

#commentform label {
	font-weight: 300;
	color: #d6d6d6;
}

#cancel-comment-reply-link {
	display: table;
	padding: 3px 9px;
	background-color: #444b54;
	color: #ffffff;
	font-size: 18px;
	text-transform: initial;
	width: auto;
	border: 2px solid #444b54;
	margin: 10px 0;
	border-radius: 2px;
	text-align: center;
}

#cancel-comment-reply-link:hover {
	color: #fff;
}

article.comment-body .reply a {
	/* v1 */
	padding: 5px 10px;
	color: #ffffff;
	font-weight: 400;
	background-color: #b3b8bf;
}

article.comment-body .reply a {
	/* v2 */
	padding: 5px 0;
	color: #c9cdd0;
	font-weight: 400;
	background: transparent;
}

article.comment-body .reply a:hover {
	background: transparent;
}

article.comment-body .reply a:before {
	font-family: 'FontAwesome';
	content: '\f075';
	margin-right: 8px;
}

/* Available classes for further styling
 .commentlist .alt {}
 .commentlist .odd {}
 .commentlist .even {}
 .commentlist .thread-alt {}
 .commentlist .thread-odd {}
 .commentlist .thread-even {}
 .commentlist li ul.children .alt {}
 .commentlist li ul.children .odd {}
 .commentlist li ul.children .even {}
 .commentlist .vcard {}
 .commentlist .vcard cite.fn {}
 .commentlist .vcard span.says {}
 .commentlist .vcard img.photo {}
 .commentlist .vcard img.avatar {}
 .commentlist .vcard cite.fn a.url {}
 .commentlist .comment-meta {} 
 .commentlist .comment-meta a {}
 .commentlist .commentmetadata {}
 .commentlist .commentmetadata a {}
 .commentlist .parent {}
 .commentlist .comment {}
 .commentlist .children {}
 .commentlist .pingback {}
 .commentlist .comment-author {}
 .commentlist {}
 .commentlist li {}
 .commentlist li p {}
 .commentlist li ul {}
 .commentlist li ul.children li {}
 .commentlist li ul.children li.alt {}
 .commentlist li ul.children li.comment {}
 .commentlist li ul.children li.depth-{id} {}
 */

.comment-author b.fn {
	border-bottom: 1px solid #4f5659;
}

#comments ol li.bypostauthor {

}

.bypostauthor ol.children article b.fn, 
:not(.bypostauthor) b.fn {
	border-bottom: 2px solid rgba(157,171,189,0.51);
}
.comment-author-admin b.fn {
	border-bottom: 2px solid red;
}

.comment-metadata time {
	font-weight: 400;
	text-decoration: none;
}

.comment-author.vcard {
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(157,171,189,0.51);
}

.bypostauthor > article {
	padding-left: 16px;
}

footer.comment-meta {
	padding: 10px 0 10px;
}

.comment-content {
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(99,125,138,0.27);
}

/* remove the word 'says' */

span.says {
	display: none;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}


/*
 * 2.10 Footer
 * ===========
 */

footer#colophon {
	position: relative;
	background-color: #0C161E;
}

footer#colophon p {
	font-size: 15px;
	font-weight: 400;
	color: #697982;
}

footer#colophon a {
	color: #87A1AD;
}

/* Sticky footer */

html, body {
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
}

#main, #primary {
	flex: 1 0 auto;
}

.footer#colophon {
	flex-shrink: 0;
}

/* pa-footer-site-infos pa-footer-title pa-footer-tagline */

footer#colophon p.pa-footer-site-infos {
	margin-bottom: 2px;
	font-size: 16px;
	color: #87a1ad;
}

footer#colophon p.pa-footer-tagline {
	color: #5b7283;
	margin-bottom: 10px;
}


/**
 * 2.11 WordPress Gutenberg Blocks
 * ===============================
 */

/**
 * Support for alignfull class
 */

main#primary, 
main#main {
	overflow-x: hidden;
}

/**
 * Fix alignfull issues when sidebar is present
 * PART 3/3 (parts 1 and 2 in assets/js/theme.js)
 */
.alignfull {
	width: 100vw;
	position: relative;
	/*left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;*/
}

.alignfull iframe {
	width: 100vw;
}

.alignfull.wp-embed-aspect-16-9 iframe {
	height: 56.24999vw;
}

/* Overrides and Additional Styling */

.particle-block-demo-cover {
    max-width: 1140px;
	margin: 0 auto !important;
}

@media all and (min-width: 768px) {
	.particle-block-demo-cover p {
		line-height: 30px;
		font-size: 20px;
	}
}


/**
 * Add a bit of margin to all automatic block h3 headings
 */

.wp-block-column > h3 {
	margin-bottom: 20px;
}

@media all and (max-width: 600px) {
	.wp-block-column > h3 {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 13px;
	}
}

/**
 * Block Elements - Master Transition
 */

ul.wp-block-archives li, 
ul.wp-block-page-list li {
	-webkit-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
}

/**
 * Block - paragraph
 */
p.has-medium-font-size {
	line-height: 1.3;
}

p.has-large-font-size, 
p.has-huge-font-size {
	line-height: 1.1;
}

/**
 * Block - cover
 */
.wp-block-cover__inner-container {
	padding-top: 100px;
	padding-bottom: 50px;
}

/**
 * Block - List (more precisely list without a class)
 * --------------------------------------------------
 */

ul:not([class]) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

ul:not([class]) > li:not([class]) {
	display: block;
	position: relative;
	width: 100%;
	padding-left: 27px;
	line-height: 22px;
	height: auto;
	margin-bottom: 3px;
}

.widget ul:not([class]) > li:not([class]):before {
	content: none;
}

ul:not([class]) > li:not([class]):before {
	position: absolute;
	top: 8px;
	color: #ddd0e2;
}

ul:not([class]) > li:not([class]):before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-8px) scaleX(0.6);
	    -ms-transform: translateY(-8px) scaleX(0.6);
	        transform: translateY(-8px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}

/**
 * Block - Button
 * --------------
 */

a.wp-block-button__link {
	background-color: #73859b;
	color: #ffffff;
	margin-bottom: 16px;
}

a.wp-block-button__link:hover {
	background-color: #9eaab9;
	color: #ffffff;
}

.is-style-fill a.wp-block-button__link {
	color: #ffffff;
}

.is-style-fill a.wp-block-button__link:hover {
	color: #ffffff;
}

/**
 * Block - Button (outline)
 * ------------------------
 */

.is-style-outline a.wp-block-button__link:hover, 
.pa-dark-mode .is-style-outline > .wp-block-button__link:not(.has-text-color):hover, 
.pa-dark-mode .wp-block-button__link.is-style-outline:not(.has-text-color):hover {
	color: #ffffff;
}

/**
 * Block - hr
 * ----------
 */

hr.wp-block-separator {
	border: 0;
	height: 1px;
	clear: both;
}

/**
 * Block - Calendar
 * ----------------
 */

.wp-block-calendar table th {
	font-weight: 700;	
}

.wp-block-calendar tbody td, 
.wp-block-calendar table th {
	padding: .25em;
	border: 0;
	text-align: left;
	background-color: #384c5a;
	background-color: rgba(173,195,210,0.12);
	background-color: transparent;
}

.wp-block-calendar thead td, 
.pa-dark-mode .wp-block-calendar tbody td {
	color: #647D89;
}

.wp-block-calendar td > a {
	font-weight: 400;
}

.pa-dark-mode .wp-block-calendar td > a {
	font-weight: 600;
}

.wp-block-calendar nav.wp-calendar-nav {
	padding: 10px;
	background-color: rgba(173,195,210,0.12);
}

.pa-dark-mode .wp-block-calendar nav.wp-calendar-nav {
	background-color: rgba(173,195,210,0.12);
}

.wp-block-calendar nav.wp-calendar-nav a {
	text-decoration: none;
}

/**
 * Block - Code
 * Block - Preformatted
 * Block - Verse
 * -------------
 */

pre.wp-block-code, 
.pa-dark-mode .wp-block-preformatted, 
.pa-dark-mode pre.wp-block-verse {
	background: #0f1721;
	border: 1px solid #253243;
	padding: 15px;
}

/**
 * Block - Categories  
 * ------------------
 */

ul.wp-block-categories {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
		   -ms-flex-flow: row wrap;
			   flex-flow: row wrap;
}

.cat-item {
	/* already defined */
}

/**
 * Block - Categories
 * Fix jerky look when block is too narrow (PART3/3)
 * See also in theme.js
 */	

.wp-block-categories.dw-mn-301-mx-325 .cat-item, 
.wp-block-categories.dw-mn-0-mx-300 .cat-item {
	width: 100%;
}

ul.wp-block-categories .cat-item:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-2px) scaleX(0.6);
	    -ms-transform: translateY(-2px) scaleX(0.6);
	        transform: translateY(-2px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}

/**
 * Block - Archives
 * Block - Page List
 * -----------------
 */

ul.wp-block-archives, 
ul.wp-block-page-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

ul.wp-block-archives li, 
ul.wp-block-page-list li {
	display: block;
	position: relative;
	width: 100%;
	padding-left: 27px;
	line-height: 22px;
	height: auto;
	margin-bottom: 3px;
}

ul.wp-block-archives li:before {
	position: absolute;
	top: 8px;
	color: #ddd0e2;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f04b";
	font-size: 10px;
	vertical-align: middle;
	-webkit-transform: translateY(-8px) scaleX(0.6);
	    -ms-transform: translateY(-8px) scaleX(0.6);
	        transform: translateY(-8px) scaleX(0.6);
	margin-right: 6px;
	color: #9EC7D9;
	margin-left: -14px;
}

ul.wp-block-page-list li:before {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f15b";
	font-size: 10px;
	vertical-align: middle;
	margin-right: 10px;
	-webkit-transform: translateY(-8px);
		-ms-transform: translateY(-8px);
			transform: translateY(-2px);
	color: #9ec7d9;
	margin-left: -16px;
}

ul.wp-block-archives li:hover, 
ul.wp-block-page-list li:hover {
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}

/**
 * Block - Latest Posts  
 * --------------------
 */

.wp-block-latest-posts > li {
	position: relative;
	padding: 0 0 5px;
}
.wp-block-latest-posts li {
	border-bottom: 1px solid #d8e7ed;
	border-bottom: 1px solid rgba(80, 163, 195, 0.23);
}
.wp-block-latest-posts li {
	margin: 10px 0 11px 0px;
}

/**
 * Block - Latest Comments
 * -----------------------
 */ 
ol.wp-block-latest-comments {
	padding: 5px 0 0;
}
.pa-dark-mode .wp-block-latest-comments__comment-meta a {
	font-weight: 400;
}

/**
 * Block - RSS  
 * -----------
 * Partially styled by normal Widget RSS
 */

ul.wp-block-rss li,
ul.wp-block-rss li:not([class]) {
	margin: 0 5px 13px 0;
	border-bottom: 1px solid rgba(120,120,120,0.1);
	padding-bottom: 8px;
	padding-left: 0;
}

ul.is-grid.wp-block-rss li {
	padding-left: 3px;
}

/**
 * Block - RSS
 * Fix jerky grid look when block is too narrow (PART3/3)
 * See also in theme.js
 */	

.is-grid.wp-block-rss.dw-mn-301-mx-325 .wp-block-rss__item, 
.is-grid.wp-block-rss.dw-mn-0-mx-300 .wp-block-rss__item {
	width: 100%;
}

/**
 * Block - Search
 * --------------
 */

.wp-block-search .wp-block-search__label {
	font-size: 14px;
	font-weight: 300;
}

.wp-block-search .wp-block-search__input {
	/* Matching my MailPoet style */
	border: 1px solid rgba(86, 104, 113, 0.13);
}

.pa-dark-mode .wp-block-search .wp-block-search__input {
	/* Blue tinted background and border */
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(86,104,113,0.53);
}

.wp-block-search input.wp-block-search__input:hover, 
.wp-block-search input.wp-block-search__input:focus {
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);

	/* Matching my MailPoet style */
	background-color: rgba(129, 144, 160, 0.07);
}

.wp-block-search input.wp-block-search__input:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 50px rgba(129,144,160,0.13) inset, 0 0 0 50px white inset;
	-webkit-text-fill-color: #ccd7e0;
	-webkit-text-fill-color: #8B999E; /* new input color 2/4 */
}

.wp-block-search input.wp-block-search__input:focus:hover {
	color: #ccd7e0;
	color: #8B999E; /* new input color 2/4 */
	background-color: rgba(129,144,160,0.13);
	border: 1px solid rgba(189,203,210,0.6);
}

.pa-dark-mode .wp-block-search input.wp-block-search__input {
	color: #cbd8dc; /* new input color 3/4 */
}

.pa-dark-mode .wp-block-search input.wp-block-search__input:focus:hover {
	color: #cbd8dc; /* new input color 4/4 */
}

.wp-block-search button[type="submit"]:hover {
	color: #FFFFFF;
}

.pa-dark-mode .wp-block-search .wp-block-search__button {
	background: rgba(255,255,255,0.2);
	color: #FFFFFF;
}

.pa-dark-mode .wp-block-search .wp-block-search__button:hover {
	background: rgba(255,255,255,0.4);
	border-color: #FFFFFF;
}

.wp-block-search__button .search-icon {
	filter: invert(0.5) sepia(1) saturate(1) hue-rotate(191deg);
}

.pa-dark-mode .wp-block-search__button .search-icon {
	filter: invert(0.8) sepia(1) saturate(1) hue-rotate(191deg);
}

.wp-block-search__button:hover .search-icon, 
.pa-dark-mode .wp-block-search__button:hover .search-icon {
	filter: invert(1);
}

/**
 * Block - Post Excerpt
 * --------------------
 */

.wp-block-post-excerpt__excerpt .moretag:hover {
	color: #FFFFFF;
}

/**
 * Block - Query Loop
 */

.wp-block-query .wp-block-columns.alignwide {
	flex-flow: row wrap;	 
}

.wp-block-query .wp-block-columns.alignwide > .wp-block-column {
	flex-basis: auto !important;
}

.wp-block-query .wp-block-columns {
	-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important;
}

/**
 * Query Loop - Force 2 columns on md + sm and 1 column on xs,
 * regardless of specified columns in Gutenberg.
 */

@media all and (min-width: 576px) and (max-width: 991px) { /* md + sm */
	.wp-block-post-template.is-flex-container, 
	.wp-block-query-loop.is-flex-container {
		flex-direction: row;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
		width: 47%;
		margin: 0;
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

@media all and (max-width: 575px) { /* xs */
	.wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li, 
	.wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, 
	.wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
		width: calc(100%);
	}
}

.wp-block-query .wp-block-column:not(:first-child) {
	margin-left: 0;
}

a.wp-block-post-excerpt__more-link {
	color: #ffffff;
	padding: 10px 33px;
	font-size: 14px;
	border-radius: 2px;
	margin-top: 5px;
	display: inline-block;
}

a.wp-block-post-excerpt__more-link:hover {
	color: #ffffff;
}

.wp-block-query .wp-block-post-title {

}

@media all and (min-width: 992px) and (max-width: 1199px) { /* lg */

	.wp-block-query .wp-block-post-title {
		line-height: 31px;
		font-weight: 400;
	}

}

@media all and (min-width: 768px) and (max-width: 991px) { /* md */

	.wp-block-query .wp-block-post-title {
		line-height: 32px;
		font-weight: 400;
	}

}

@media all and (min-width: 576px) and (max-width: 767px) { /* sm */

	.wp-block-query .wp-block-post-title {
		font-size: 19px;
		line-height: 26px;
		font-weight: 400;
	}
}

@media all and (max-width: 575px) { /* xs */

	.wp-block-query .wp-block-post-title {
		font-weight: 400;
	}

}

/**
 * Block - Media
 * -------------
 */

@media all and (max-width: 600px) {
	.wp-block-media-text.alignwide.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 20px 0;
	}
}

/**
 * Block - Media & Text
 * --------------------
 */
p.has-large-font-size {
	line-height: 1;
}

/**
 * Block - Post Lists
 */

.wp-block-post-template .is-vertically-aligned-center > .wp-block-post-title {
	margin-left: 20px;
}

@media all and (max-width: 599px) {
	.wp-block-post-template .is-vertically-aligned-center > .wp-block-post-title {
		margin-left: 0;
	}
}

.is-flex-container.wp-block-post-template .is-vertically-aligned-center > .wp-block-post-title {
	margin-left: 20px;
	font-size: 16px;
	line-height: 24px;
}

@media all and (max-width: 599px) {
	.is-flex-container.wp-block-post-template .is-vertically-aligned-center > .wp-block-post-title {
		margin-left: 0;
		font-size: 16px;
		line-height: 24px;
	}
}

@media all and (min-width: 600px) and (max-width: 767px) {

	/*flex-basis: auto !important;*/
	.wp-block-post-template.is-flex-container.is-flex-container
	.wp-block-post-template.is-flex-container .wp-block-column.is-vertically-aligned-center
	.is-flex-container.columns-3.wp-block-post-template .wp-block-column.is-vertically-aligned-center {

	}
}

@media all and (min-width: 600px) and (max-width: 781px) {
	
	.wp-block-post-template .wp-block-column.is-vertically-aligned-center:not(:only-child) {
		flex-basis: auto !important;
	}
}