/*!
Theme Name: re7consulting
Theme URI: http://underscores.me/
Author: Zoltan Kiraly
Author URI: http://zkingdesign.com
Description: Custom theme created for Re7consulting
Version: 1.3.24
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: re7consulting
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

re7consulting is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import "assets/scss/mixins";

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/raleway-v28-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('assets/fonts/raleway-v28-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('assets/fonts/raleway-v28-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('assets/fonts/raleway-v28-latin_latin-ext-regular.svg#Raleway') format('svg'); /* Legacy iOS */
	font-display: swap
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/raleway-v28-latin_latin-ext-500.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('assets/fonts/raleway-v28-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('assets/fonts/raleway-v28-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
	url('assets/fonts/raleway-v28-latin_latin-ext-500.svg#Raleway') format('svg'); /* Legacy iOS */
	font-display: swap
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/raleway-v28-latin_latin-ext-600.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('assets/fonts/raleway-v28-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('assets/fonts/raleway-v28-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
	url('assets/fonts/raleway-v28-latin_latin-ext-600.svg#Raleway') format('svg'); /* Legacy iOS */
	font-display: swap
}
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 700;
	src: url('assets/fonts/raleway-v28-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('assets/fonts/raleway-v28-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('assets/fonts/raleway-v28-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
	url('assets/fonts/raleway-v28-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('assets/fonts/raleway-v28-latin_latin-ext-700.svg#Raleway') format('svg'); /* Legacy iOS */
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	src: url('assets/fonts/poppins-v20-latin-regular.eot');
	src: local(''),
	url('assets/fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/poppins-v20-latin-regular.woff2') format('woff2'),
	url('assets/fonts/poppins-v20-latin-regular.woff') format('woff'),
	url('assets/fonts/poppins-v20-latin-regular.ttf') format('truetype'),
	url('assets/fonts/poppins-v20-latin-regular.svg#Poppins') format('svg');
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	src: url('assets/fonts/poppins-v20-latin-500.eot');
	src: local(''),
	url('assets/fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/poppins-v20-latin-500.woff2') format('woff2'),
	url('assets/fonts/poppins-v20-latin-500.woff') format('woff'),
	url('assets/fonts/poppins-v20-latin-500.ttf') format('truetype'),
	url('assets/fonts/poppins-v20-latin-500.svg#Poppins') format('svg');
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	src: url('assets/fonts/poppins-v20-latin-600.eot');
	src: local(''),
	url('assets/fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/poppins-v20-latin-600.woff2') format('woff2'),
	url('assets/fonts/poppins-v20-latin-600.woff') format('woff'),
	url('assets/fonts/poppins-v20-latin-600.ttf') format('truetype'),
	url('assets/fonts/poppins-v20-latin-600.svg#Poppins') format('svg');
	font-display: swap
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	src: url('assets/fonts/poppins-v20-latin-800.eot');
	src: local(''),
	url('assets/fonts/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/poppins-v20-latin-800.woff2') format('woff2'),
	url('assets/fonts/poppins-v20-latin-800.woff') format('woff'),
	url('assets/fonts/poppins-v20-latin-800.ttf') format('truetype'),
	url('assets/fonts/poppins-v20-latin-800.svg#Poppins') format('svg');
	font-display: swap
}

$orange: #FF6600;
$grey: #a0a0a0;
$black: #2d2d2d;
$margin-bottom: 100px;

.color-orange{
	color: $orange;
}

.color-black{
	color: $black;
}

.show-lg{
	display: block !important;
}
.show-md{
	display: none !important;
}

.fw-medium{
	font-weight: 600;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	font-family: 'Raleway';
	font-weight: 400;
}

link {
	display: none; }

h1 {
	font-size: 2em;
	margin: .67em 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible; }

pre {
	font-family: monospace,monospace;
	font-size: 1em; }

a {
	background-color: transparent; }

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted; }

b, strong {
	font-weight: bolder; }

code, kbd, samp {
	font-family: monospace,monospace;
	font-size: 1em; }

small {
	font-size: 80%; }

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }

sub {
	bottom: -.25em; }

sup {
	top: -.5em; }

img {
	border-style: none; }

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

button, input {
	overflow: visible; }

button, select {
	text-transform: none; }

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

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

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

fieldset {
	padding: .35em .75em .625em; }

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

progress {
	vertical-align: baseline; }

textarea {
	overflow: auto; }

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

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

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

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

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

details {
	display: block; }

summary {
	display: list-item; }

[hidden], template {
	display: none; }

.no-js .lazy {
	display: none !important; }

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important; }

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 2; }

.clear{
	clear: both;
}

.text-center {
	text-align: center;
}

.flex{
	display: flex;

}

#primary[tabindex="-1"]:focus {
	outline: 0; }

body{
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size: 18px;
}

input, textarea, select, button {
	font-family: 'Raleway', sans-serif;
}





a {
	color: inherit;
	text-decoration: none;
}

.hide-on-mobile {

	@include mobile {
		display: none;
	}
}

.show-on-mobile {
	display: none;
	@include mobile {
		display: block;
	}
}


$accent-color: $orange;
$grey: #c0c0c0;

.black-color {
	color: black;
}

.accent-color{
	color: $accent-color;
}

.white-color{
	color: #fff;
}

.circle {
	border-radius: 50%;
}

.btn{
	padding: 10px 25px;
	text-transform: uppercase;
	color: #fff;
	background: #000;
	font-weight: 600;
	display: inline-block;
	transition: all 300ms ease;
}

.btn-primary{
	background: $accent-color;

	&:hover {
		background: #000;
		color: #fff;
	}
}

.btn-secondary {
	&:hover {
		background: $accent-color;

	}
}

.btn-white{
	background: #fff;
	color: $orange;
}

.text-center{
	text-align: center;
}

.cta-area{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;

	&.cta-type_2 {

		@include mobile {
			display: block;

			 a {
				 display: block;
				 font-size: 14px;
				 margin: 15px 0;
			 }
		}
	}

	/*span {
		color: $accent-color;
		text-transform: uppercase;
		font-weight: 600;
	}

	.btn{
		margin: 0 10px;
		padding: 22px 25px;
	}*/

	.wpcf7-form {
		/*
		label {
			width: 200px;
			text-align: left;
			margin: 0 10px;
			font-weight: 600;
			font-size: 16px;

			@include mobile {
				width: 100%;
				display: block;
				padding: 0;
				margin: 0 0 10px 0;
			}
		}

		input {
			max-width: 100%;
			padding: 9px 20px;
			border: 0;
			box-sizing: border-box;
		}

		span {
			color: #000;
			text-transform: none;
		}

		.wpcf7-submit {
			background: #000;
			color: #fff;
			font-weight: 600;
			margin-top: 10px;
			min-width: 100px;

			&[disabled] {
				background: #ddd;
			}

		}
		*/
	}

	.top {
		display: flex;

		@include mobile {
			display: block;
		}
	}


	.bottom {
		display: block;
		width: 100%;
		margin-top: 20px;
		color: #fff;
		font-size: 16px;
		font-weight: 600;
		padding: 10px 25px;
		//align-items: center;
		//justify-content: space-between;

		input[type="submit"] {
			margin: 20px auto 0 auto;
			display: block;
		}
	}

	.frc-captcha {
		width: 100%;
		flex: 0 0 auto;
	}

	.wpcf7-response-output {
		width: 100%;
		flex: 0 0 auto;
	}
}

section{
	margin-bottom: $margin-bottom;
	float: left;
	width: 100%;

	@include mobile {
		//padding: 20px 0 50px 0;
	}
}

/*
	POST LOOP
 */



.content-section{
	background: #f3f3f3;
	margin-bottom: $margin-bottom;
	
	&--white {
		background: #fff;
	}
}


.hide-mobile {
	display: block;
}

.show-mobile {
	display: none;
}


.filters-wrapper{
	margin: $margin-bottom 0 0;
	display: flex;
	justify-content: space-between;

	h2{
		margin: 0;
		line-height: 42px;
	}

	select {
		background-color: #FFF;
		border: 1px solid #DBE3E3;
		border-radius: 2px;
		display: inline-block;
		outline: none;
		padding: 0 10px;
		vertical-align: middle;
		width: 230px;
		height: 42px;
		line-height: 42px;
	}

	@media only screen and (max-width: 680px) {
		flex-direction: column;
	}
}

.category-header{
	text-align: center;
	background: #f3f3f3;
	margin: 30px 0 60px 0;
	padding: 50px 0 65px 0;


	.page-title{
		font-size: 50px;
		margin: 0;
	}
}

.single-post-header{
	margin: 30px 0 0 0;
	img {
		max-width: 100%;
		height: auto;
	}

	.entry-meta {
		padding: 12px 0 12px 175px;

		@include mobile {
			padding: 80px 0 12px 0;
		}

		a {
			color: $orange;
		}
	}

	.byline {
		font-family: "Poppins",sans-serif;
		font-size: 15px;
		font-weight: 400;
		color: #000;

		a {
			font-weight: 500;
			color: $orange;
		}
	}

	.posted-on {
		float: right;
	}

	.entry-title{
		margin: 50px 0 30px 0;
	}
}

.single-post,
.author{

	.entry-content {
		font-size: 18px;
		line-height: 1.9;

		p{
			margin: 1em 0;
		}

		img {
			max-width: 100%;
			height: auto;
		}
	}
}

.entry-image-container{
	position: relative;

	.avatar {
		position: absolute;
		bottom: -75px;
		left: 15px;
	}
}

.post-thumbnail{
	width: 100%;
	height: 0;
	padding-bottom: 35%;
	overflow: hidden;
	position: relative;

	img{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
}

.latest-blog-section.listing {
	padding-top: $margin-bottom !important;

	& > .container > .row > div > .row,
	& > .row {
		align-items: stretch;
		gap: 30px;
		padding: 0 15px;
	}

	article {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: calc(50% - (30px / 2));
		flex: 0 0 auto;
		height: auto;
		padding: 0 !important;
		background: #f3f3f3;

		.post-thumbnail {
			flex: 0 0 auto;
		}

		.inner-content {
			flex: 1 0 auto;
			padding-bottom: 30px;
			margin-bottom: 0 !important;
		}
	}

	@media only screen and (max-width: 991px) {

		article {
			width: 100%;
			margin-bottom: 0 !important;
		}

	}
}

.re7_block_entries__intro + .latest-blog-section.listing {
	padding-top: 0 !important;
}


.col-center{
	margin: 0 auto;
}



/*
	Pagination
 */
.pagination {

	display: flex;
	justify-content: center;
	width: 100%;

	a, span {
		color: #4f4f4f;
		background: #f3f3f3;
		min-width: 36px;
		height: 36px;
		justify-content: center;
		display: flex;
		align-items: center;
		padding: 0 11px;
		line-height: 35px;
		margin: 0 5px;
		font-family: "Poppins", sans-serif;

		&.prev,
		&.next {
			background: none;
			border: 0;

			&:before {
				display: block;
				content: url("data:image/svg+xml;utf8,<svg width='13' height='7' viewBox='0 0 13 7' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.9272 0L6.55021 4.32659L2.17319 0L0.828613 1.33198L6.55021 7L12.2718 1.33198L10.9272 0Z' fill='%23000000'/></svg>");
				margin: 0;
				transform: rotate(90deg);
			}
		}

		&.next:before {
			transform: rotate(-90deg);
		}

		&.current,
		&:not(.dots):hover {
			color: #ffffff;
			background: $orange;
		}

		&.dots {
			border: 0;
			padding: 0;
		}
	}
}


/*
	Latest blog section
 */

 .avatar{
	border-radius: 50%;
	width: 150px;
	height: 150px;
	position: relative;

	img{
		border-radius: 50%;
		width: 134px;
		height: 134px;
	}

	i{
		position: absolute;
		color: $orange;
		background: #fff;
		width: 53px;
		height: 53px;
		border-radius: 50%;
		font-size: 30px;
		padding: 12px 10px;
		right: -25px;
	}
 }

 .what-do-we-offer {
	 display: flex;
	 justify-content: space-between;
	 color: #4f4f4f;
	 margin-bottom: 40px;
	 font-size: 21px;

	 > div {
		 padding: 9px 15px 8px 15px;
	 }

	 i {
		 color: $orange;
		 font-size: 19px;
		 padding-left: 4px;
	 }
	 
	 .grey-bg{
		 background: #f3f3f3;
	 }
 }



#primary{
	margin: 99px 0 0 0;

	@include tablet-portrait {
		margin-top: 0;
	}
}


.flex-nav-next {
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	padding-left: 10px;
	margin-right: -1px;
}

.flex-nav-prev {
	background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	padding-right: 10px;
	margin-left: -1px;
}

#comments {
	display: none;
}

.page-container-404 {
	padding: 50px 0 150px 0;

	h1 {
		font-size: 40px;
	}

	p {
		line-height: 1.5;
	}

	a {
		@extend .btn;
		@extend .btn-primary;

		&:first-child {
			margin-left: 0;
		}

		@include mobile {
			width: 100%;
		}
	}

	.row {
		align-items: center;
	}

	.col-lg-7 {
		@include tablet-portrait {
			margin-bottom: 50px;
		}

		@include mobile {
			order: 2;
		}
	}


	.col-lg-5 {
		@include mobile {
			order: 1;
		}
	}
}

.related-pages {
	margin: 0 0 40px 0;

	@include tablet-landscape {
		display: flex;
	}

	@include mobile {
		flex-wrap: wrap;
	}


	a {
		margin: 0 10px;

		@include mobile {
			margin: 0 20px 20px 0;
		}

		@include mobile-sm {
			display: block;
			float: none;
			width: 100%;
			text-align: center;
			margin-right: 0;
		}
	}
}


#re7_studii_sticky {
	display: block;
	position: fixed;
	top: calc(25% - 49px - 20px);
	right: 0;
	z-index: 9999;

	@media only screen and (max-width: 768px) {

		display: none;

	}

	@media only screen and (max-height: 875px) {

		top: 150px;

	}
}


.re7_certificates_sticky {
	position: fixed;
	top: 25%;
	right: 0;
	z-index: 9999;

	& > a {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 1.3;
		text-align: left;
		padding: 15px 35px 15px 15px;
		position: relative;
		background: #339E62;

		img, svg {
			display: block;
			width: 48px;
			height: 48px;
			margin: 0 15px 0 0;
		}
	}

	&__certificates {
		padding: 35px;
		position: relative;
		background: #FFFFFF;
		-webkit-box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.18);
		box-shadow: -2px 2px 5px 0px rgba(0,0,0,0.18);

		ul {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			list-style: none;
			padding: 0;
			margin: 0;

			li {
				text-align: right;
				margin: 0 0 35px;

				&:last-child {
					margin-bottom: 0;
				}

				a {

					svg, img {
						display: block;
						width: auto;
						height: auto;
						max-height: 150px;
						max-width: 150px;
						margin-left: auto;
					}
				}
			}
		}
	}

	&:not(.active) {

		& > a {
			right: -145px;
		}

		.re7_certificates_sticky__certificates {
			right: -100%;
		}
	}

	@media only screen and (max-width: 768px) {

		display: none;

	}

	@media only screen and (max-height: 875px) {

		top: 215px;

	}
}


/* Filter Posts */
ul.re7_filter_posts {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;

	li {

		a.active {
			background-color: #000000;
			border-color: #000000;
		}
	}

	@media only screen and (max-width: 680px) {

		flex-wrap: nowrap;
		gap: 10px;
		overflow-x: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;

		&::-webkit-scrollbar {
			display: none
		}

		li {
			flex: 0 0 auto;
		}

	}
}

.re7_filter_scrollbar {
	display: none;
	width: 100%;
	height: 4px;
	margin: 25px 0 0;
	background-color: #efefef;
	border-radius: 4px;
	position: relative;
	overflow: hidden;

	span {
		display: block;
		width: 0;
		height: 100%;
		background: #000;
		border-radius: 4px;
		position: absolute;
		top: 0;
		left: 0;
		transition: width .2s;
	}

	@media only screen and (max-width: 680px) {

		display: block;

	}
}


.re7_post_bottom {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin: 35px 0 0;
	gap: 35px;

	& > a {
		flex: 0 0 auto;
	}

	.information {
		font-family: "Poppins", sans-serif;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.3;
		max-width: 50%;

		.post-categories {
			display: flex;
			flex-direction: row;
			list-style: none;
			padding: 0;
			margin: 0;
			width: 100%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.re7_time_to_read {
			font-weight: 500;
			margin: 0 0 5px;

			span {
				color: $orange;
			}
		}
	}

	@media only screen and (max-width: 480px) {

		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 15px;

		.information {
			max-width: 100%;
		}

	}
}


.filters-wrapper-studii {

	.wpc-custom-selected-terms ul.wpc-filter-chips-list {
		margin: 20px 0 0;
	}

	.wpc-filter-title {
		font-size: 24px;
		font-weight: 800;
	}

	.widget_wpc_filters_widget {
		margin: 100px 0 0;
	}

	.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
		color: #fff;
		background: $orange;
		box-shadow: none;
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		text-align: center;
		word-break: break-word;
		font-family: "Poppins",sans-serif;
		font-size: 18px;
		font-weight: 500;
		padding: calc(0.667em + 2px) calc(1.333em + 2px);
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;
		transition: all .2s;
	}

	.wpc-filters-main-wrap ul.wpc-filters-labels {
		display: flex;
		flex-direction: row;
		align-items: center;
		flex-wrap: wrap;
		gap: 20px;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {
		border: 0;
		border-radius: 0;
		margin-right: 0;
	}

	.wpc-filters-main-wrap input.wpc-label-input:checked+label,
	.wpc-filters-main-wrap input.wpc-label-input+label:hover {
		border: 0;
		border-radius: 0;
	}

	.wpc-filter-chips-list a,
	.wpc-filter-chips-list li.wpc-filter-chip a {
		color: #fff;
		background: $grey;
		box-shadow: none;
		box-sizing: border-box;
		cursor: pointer;
		display: inline-block;
		text-align: center;
		word-break: break-word;
		font-family: "Poppins",sans-serif;
		font-size: 16px;
		font-weight: 500;
		padding: calc(0.3em + 2px) calc(0.7em + 2px);
		border: 0;
		border-radius: 0;
		-webkit-appearance: none;
		transition: all .2s;
	}

	.wpc-filter-chips-list a:hover .wpc-chip-remove-icon,
	.wpc-filter-search-wrapper button.wpc-search-clear:hover,
	.wpc-search-field-wrapper a.wpc-search-clear-icon:hover {
		color: $orange;
	}
}


/* Ext: Slick */
.slick-dots {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0;
	margin: 30px 0 0;
	list-style: none;
	text-align: center;

	li {
		display: block;
		position: relative;
		margin: 0 !important;
		padding: 0 !important;
		cursor: pointer;

		button {
			font-size: 0;
			line-height: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 18px;
			height: 18px;
			cursor: pointer;
			color: transparent;
			padding: 0;
			border: 0;
			outline: none;
			opacity: .25;

			&:after {
				display: block;
				content: "";
				width: 8px;
				height: 8px;
				cursor: pointer;
				color: transparent;
				padding: 0;
				border: 0;
				border-radius: 4px;
				background: $black;
			}

			&:hover,
			&:focus {
				outline: none;
				opacity: 1;
			}
		}

		&.slick-active button {
			opacity: .75;
		}
	}
}

/* Ext: ReCaptcha */
.grecaptcha-badge {
	z-index: 99;
}

@media only screen and (max-width: 768px) {

	.grecaptcha-badge {
		bottom: 60px !important;
	}

}

/* Ext: Cookie Law Info */
@media only screen and (max-width: 768px) {

	#cookie-law-info-bar {
		bottom: 51px !important;
	}

}


/* Specials */
body.page-id-7016 section.re7_block_intro .re7_block__button-ghost,
body.page-id-10216 section.re7_block_intro .re7_block__button-ghost {
	display: none;

	@media only screen and (max-width: 768px) {

		display: block;

	}
}


/* Blog */
#re7_blog_search {
	margin: 20px 0 0;

	& > div {
		position: relative;

		input {
			display: block;
			width: 100%;
			font-size: 18px;
			font-weight: 400;
			color: #000;
			line-height: 1;
			padding: 25px 60px 25px 30px;
			background: #f8f8f8;
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
		}

		button[type="submit"] {
			display: block;
			width: 80px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" id="search"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M15.5 14h-.79l-.28-.27c1.2-1.4 1.82-3.31 1.48-5.34-.47-2.78-2.79-5-5.59-5.34-4.23-.52-7.79 3.04-7.27 7.27.34 2.8 2.56 5.12 5.34 5.59 2.03.34 3.94-.28 5.34-1.48l.27.28v.79l4.25 4.25c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49L15.5 14zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></svg>') no-repeat center center transparent;
			background-size: auto 32px;
			border: 0;
			border-radius: 0;
			-webkit-appearance: none;
			cursor: pointer;
			transition: background-color .2s;

			&:hover {
				background-color: #f1f1f1;
			}
		}
	}

	h4 {
		margin-bottom: 100px;
	}
}

.re7_blog_single__intro {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	gap: 50px;
	margin: 75px 0 50px;

	.information {

		h1 {
			margin: 0 0 50px;
		}

		& > ul {
			font-family: "Poppins", sans-serif;
			font-size: 15px;
			font-weight: 400;
			list-style: none;
			padding: 0;
			margin: 0;

			& > li {
				padding: 0 0 0 40px;
				margin: 0 0 15px;
				position: relative;

				&:before {
					display: block;
					content: "";
					width: 20px;
					height: 20px;
					position: absolute;
					top: -1px;
					left: 0;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 100% auto;
				}

				&.date:before {
					background-image: url("assets/img/blog-date@2x.png");
				}

				&.time:before {
					background-image: url("assets/img/blog-time@2x.png");
				}

				&.categories:before {
					background-image: url("assets/img/blog-category@2x.png");
				}

				&:last-child {
					margin-bottom: 0;
				}

				& > a,
				& > span {
					font-weight: 500;
					color: $orange;
				}

				& > ul {
					list-style: none;
					padding: 0;
					margin: 0;

					& > li {
						display: inline;

						&:not(:last-child):after {
							content: ", ";
						}
					}
				}
			}
		}
	}

	.summary {
		width: 45%;
		flex: 0 0 auto;
		padding: 25px;
		background: #EFEFEF;

		*:first-child {
			margin-top: 0;
		}

		*:last-child {
			margin-bottom: 0;
		}

		ul {
			padding: 0 0 0 20px;
			margin: 0;

			li {
				margin-bottom: 5px;
			}
		}
	}

	@media only screen and (max-width: 991px) {

		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;

		.summary {
			width: 100%;
		}

	}
}

.re7_blog_single__content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 50px;

	aside {
		min-width: 200px;
		padding: 25px 35px;
		position: sticky;
		-webkit-position: sticky;
		top: 100px;
		background: #EFEFEF;

		h4 {
			margin: 0 0 25px;
		}

		& > .toc > .toc_bar > ul {
			list-style: none;
			padding: 0;
			margin: 0;

			& > li {
				position: relative;

				& > a {
					display: block;
					width: 100%;
					padding: 5px 0;
					position: relative;
					z-index: 2;
				}

				&:before {
					display: block;
					width: 0;
					height: 100%;
					content: "";
					position: absolute;
					top: 0;
					left: -45px;
					z-index: 1;
					opacity: 0;
					background: $orange;
					transition: all .2s;
				}

				&:hover > a {
					color: $orange;
				}

				&.current {

					a {
						color: #ffffff;
					}

					&:before {
						width: calc(100% + 45px);
						opacity: 1;
					}
				}
			}
		}
	}

	@media only screen and (max-width: 991px) {

		flex-direction: column-reverse;
		justify-content: flex-start;

		aside {
			width: 100%;
			padding: 10px 10px 10px 25px;
			top: 95px;

			& > .toc {
				display: flex;
				flex-direction: row;
				align-items: center;
				width: 100%;
				position: relative;
				gap: 25px;

				h4 {
					flex: 0 0 auto;
					margin-bottom: 0;
				}

				& > .toc_bar {
					overflow-x: scroll;
					-ms-overflow-style: none;
					scrollbar-width: none;
					-webkit-overflow-scrolling: touch;

					&::-webkit-scrollbar {
						display: none
					}

					& > ul {
						flex: 1 0 auto;
						display: flex;
						flex-direction: row;
						justify-content: flex-start;
						align-items: center;
						gap: 5px;
						padding: 5px;

						& > li {
							flex: 0 0 auto;

							& > a {
								padding: 5px 25px;
								background: #ffffff;
							}

							&:before {
								display: none;
							}

							&.current {

								& > a {
									background: $orange;
								}
							}
						}
					}
				}
			}
		}

	}

	@media only screen and (max-width: 768px) {

		aside {
			top: 10px;
		}

	}

	@media only screen and (max-width: 480px) {

		aside {
			padding: 10px;

			& > .toc {
				gap: 10px;

				h4 {
					font-size: 15px;
				}

				& > ul {

					& > li {

						& > a {
							font-size: 15px;
						}
					}
				}
			}
		}

	}
}

section[id^="toc-block_"] {
	margin-bottom: 0;
	height: 0;
}

.cta-area-newsletter {

	& > div {
		width: 50%;
	}

	& > lord-icon {
		margin-left: auto;
	}

	@media only screen and (max-width: 991px) {

		& > lord-icon {
			width: 250px !important;
			height: 250px !important
		}

	}

	@media only screen and (max-width: 680px) {

		& > div {
			width: 100%;
		}

		& > lord-icon {
			display: none;
		}

	}
}


@import "assets/scss/_bootstrap-grid";
@import "assets/scss/partials/slick";
@import "assets/scss/fonts";
@import "assets/scss/common";
@import "assets/scss/header";
@import "assets/scss/hero";
@import "assets/scss/testimonials";
@import "assets/scss/gutenberg";
@import "assets/scss/forms";
@import "assets/scss/partials/animation";
@import "assets/scss/partials/content-post";
@import "assets/scss/about";
@import "assets/scss/footer";
@import "assets/scss/responsive";