/*
Theme Name: Mobilkerites
Theme URI: http://bereljkeritest.hu
Description: A basic responsive theme based on Bootstrap 5
Author: Orsolya Zajtai
Author URI: http://zajtaiorsolya.hu/
Version: 1.0
Tags: responsive, white, bootstrap

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This is a basic theme for Wordpress 6.2 built with Bootstrap 5.
*/


:root {
	--bs-dark-rgb: 75, 70, 68;
	--bs-dark: #4b4644;
	--bs-success-rgb: 44, 195, 189;
	--bs-success: #2cc3bd;
	--bs-primary: #2cc3bd;
	--bs-light-rgb:252, 250, 247;
	--bs-light:#fcfaf7;
	/*--bs-link-color: #fd7792;
    --bs-link-color-rgb: 253, 119, 146;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #fd7792;
    --bs-link-hover-color-rgb: 253, 119, 146;
    --bs-primary: #fd7792;
    --bs-primary-rgb: 253, 119, 146;*/
    --bs-link-color: #2cc3bd;
    --bs-link-color-rgb: 44, 195, 189;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #2cc3bd;
    --bs-link-hover-color-rgb: 44, 195, 189;
    /*--bs-primary: #bfa99b;
    --bs-primary-rgb: 191, 169, 155;*/
}
.btn-primary {
    --bs-btn-color: #fff;
    font-weight: 500;
    --bs-btn-bg: #4b4644;
    --bs-btn-border-color: #4b4644;
    --bs-btn-hover-color: #4b4644;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: #706966;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #4b4644;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: #706966;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
    background-image: url(images/background-btn.svg);
    --bs-btn-active-background-image: url(images/background-btn-white.svg);;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 50%;
	padding-left: 5rem; 
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-image: var(--bs-btn-active-background-image);
}
.btn:hover {
    background-image: var(--bs-btn-active-background-image);
}
.btn:focus-visible {
    background-image: var(--bs-btn-active-background-image);
}
.btn-success {
    --bs-btn-color: #4b4644;
    --bs-btn-bg: #2cc3bd;
    --bs-btn-border-color: #2cc3bd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2cc3bd;
    --bs-btn-hover-border-color: #2cc3bd;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2cc3bd;
    --bs-btn-active-border-color: #2cc3bd;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #0d6efd;
    --bs-btn-disabled-border-color: #0d6efd;
}

body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.2px;
	/*line-height: 2.3;*/
	color: var(--bs-dark);
}
img {
	max-width: 100% !important;
	width:auto;
	max-height: 100%;
	height: auto;
}
a {
	text-decoration: none;
}
.small {
	font-size: 0.85rem;
}
.lh-n {
	line-height:1.2rem;
}
.imageopener {
	bottom:0.5rem;
	right:0.5rem;
}
#top {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 3;
	padding: 10px 15px;
	border: none;
	color: #222;
}
.text-justify {
	text-align: justify;
	text-justify: inter-word;
}

h1 {
	font-family: "Fira Sans", Arial, sans-serif;
	font-size: 2.5rem;
	text-transform: uppercase;
	font-weight: 300;
}

h2 {
	font-family: "Fira Sans", Arial, sans-serif;
	font-size: 36px;
	font-weight: 300;
	text-transform: uppercase;
	font-style: normal;
}
h5 {
	font-family: "Fira Sans", Arial, sans-serif;
	font-size: 25px;
	font-weight: 400;
	text-transform: uppercase;
	font-style: normal;
}
h6 {
	font-family: "Fira Sans", Arial, sans-serif;
	font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 7px;
    color: rgba(2, 2, 2, 0.46);
}
@media (max-width: 767.98px) {
	h2 {
		/*font-family: 'Playfair Display', Arial, sans-serif;*/
		font-size: 1.5rem;
	}
}
h3 {
	font-size: 2rem;
}

h4 {
	padding-bottom: 0.5rem;
	position: relative;
	font-family: "Fira Sans", Arial, sans-serif;
	font-weight:200;
	font-size: 1.75rem;
	text-transform: uppercase;
	
}
@media (max-width: 767.98px) {
	h4 {
		font-size: 1.8rem;
	}
}


h5 {
	
}
h6 {
	/*font-family: 'Playfair Display', Arial, sans-serif;*/
	font-weight: 400;
	font-size: 1.25rem;
}
h7 {
	/*font-family: 'Playfair Display', Arial, sans-serif;*/
	font-size: 1.5rem;
}

@media (min-width: 768px) {
	.h-md-100 {
		height: 100% !important;
	}
	.border-md-end {
		border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
	}
}

/* --- HEADER --- */

.header-title {
	height: auto;
	background-color: var(--bs-dark);
	background-image: url(images/background.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

/* --- MAIN --- */

.bg-carousel {
	background-color: var(--bs-dark);
	/*background-image: url(images/background.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 0% 0;*/
}
.carousel-size {
	height: 1px;
	min-height: 75vh;
}
.bk-image img {
	background: #4b4644;
	padding: 1rem;
	box-shadow: 2px 2px 0px turquoise;
}
.pt-ph {
	padding-top: 0px;
}
.carousel-control-next, .carousel-control-prev {
	top: 120px;
}
.bg-carousel-item {
	background-size: cover;
	box-shadow: inset 0 0 0 2000px rgba(var(--bs-dark-rgb), 0.9);
	background-position: 50% 50%;
	background-blend-mode: multiply;
}
.slider-img {
	margin: 1rem;
}
.slider-img:before {
	content:'';
	background: var(--bs-primary);
	width: 45%;
	height: 45%;
	margin-left: -1rem;
	margin-top: -1rem;
}
@media (min-aspect-ratio: 16/5) {
	.carousel-item .pt-ph {
		padding-top: 130px;
	}
}
.carousel-item h1 {
	color: var(--bs-primary) !important;
	font-weight: 400;
}
@media (max-width: 767.98px) {
	.bg-carousel {
		height: auto;
		background-image: none;
	}
	.carousel-size {
		height: 600px;
		min-height: auto;
	}
	.carousel-item h1 {
		font-size: 1.5rem;
		padding: 1rem;
	}
	.carousel-item h5 {
		font-size: 1rem;
		padding: 0 1rem;
	}
	.carousel-item .pt-ph {
		padding-top: 86px;
	}
	.carousel-control-next, .carousel-control-prev {
		top: 86px;
	}
	.slider-img {
		margin: 0;
	}
	.slider-img:before {
		content:'';
		background: var(--bs-primary);
		width: 45%;
		height: 45%;
		margin-left: 0;
		margin-top: 0;
	}
}

	
/* --- PODUCTS --- */

.object-fit-cover {
	background-position: 50% 50%;
}
.text-price {
	font-size: 25px;
}
@media (max-width: 767.98px) {
	.text-price {
		font-size: 20px;
	}
}


/* --- NAVBAR --- */

.navbar-brand {
	/*font-family: 'Fira Sans', Arial, sans-serif;*/
}
.navbar .container {
	padding: 30px 0;
	transition: 0.4s;
}
@media (max-width: 767.98px) {
	.navbar .container {
		padding: 5px 0;
	}
}
.navbar {
	transition: 0.4s;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 0.9rem;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
	color: var(--bs-primary);
}
.navbar-nav .nav-link.bg-warning.active, .navbar-nav .show>.nav-link.bg-warning {
	color: var(--bs-primary);
}
.nav-item {
	position: relative;
	padding-right: 0.5rem;
}
.nav-item:last-child {
	position: relative;
	padding-right: 0px;
}
.nav-link {
	/*padding: 0 2px !important;*/
}
@media (max-width: 991.98px) {
	.nav-pills .nav-item {
		position: relative;
		padding: 0 3px;
		width: 20%;
	}
	.nav-item:before {
		content: " ";
		position: absolute;
		top:0px;
		bottom:9px;
		right: 0;
		padding: 9px 3px;
		opacity: 0.3;
		margin: 0 4px;
	}
	.nav-item:last-child:before {
		content:"";
	}
	.nav-link {
		padding: 1rem 0.2rem;
		width: 100%;
	}
	.navbar {
		background: var(--bs-dark);
	}
}
nav.bg-light {
	/*background: rgba(123, 215, 255, 0.8) !important;*/
	background: #fff !important;
}
/*.whitemenu {
	color:#ffffff;
}*/
.placeholder-h {
	height: 120px;
}
@media (max-width: 991.98px) {
	.placeholder-h {
		/*height: 86px;*/
	}
}
.dropdown-menu {
	--bs-dropdown-min-width: 55px !important;
}
.dropdown-toggle::after {
    display: none;
}

/* --- CAROUSEL --- */

/*.carousel .carousel-main {
    height: 500px;
}
.carousel .carousel-image {
    height: 100%;
    width: 60%;
    right: 0;
    position: absolute;
}
.carousel .carousel-image img {
    height: 100%;
}
.carousel .carousel-description {
    left: 0;
    height: auto;
    max-height: 450px;
    line-height: 1.8rem;
    position: absolute;
    width: 50%;
}
@media only screen and (max-width:991.98px) {
	.carousel .carousel-item, .carousel .carousel-inner {
		height: 100%;
	}
	.carousel .carousel-main {
		height: 100%;
	}
	.carousel .carousel-image {
		height: auto;
		width: 100%;
		right: 0;
		position: relative;
		--bs-aspect-ratio: calc(3 / 4 * 100%) !important;
		
	}
	.carousel .fa-2x {
		font-size: 1.2rem;
		
	}
	.carousel .carousel-description {
		left:0;
		height: 100%;
		max-height: 100%;
		line-height: 1.8rem;
		position: relative;
		width: 100%;
		box-shadow: 0 0rem 0rem rgba(0,0,0,0)!important;
	}
	.carousel-control-next, .carousel-control-prev {
		bottom: inherit;
		top: calc(50% + 50px);
		width: 30px;
	}
	.g-5, .gx-5 {
		--bs-gutter-x: 1.5rem;
	}
}*/

/* --- REVIEW --- */



/* --- DETAILS --- */




/* --- LISTINGS --- */



/* --- FORM --- */

ul.form li p {
	margin:0;
}

/* --- PRICES --- */



/* --- TABLE --- */

@media screen and (max-width: 991.98px) {
	.table-spec {
		border: 0;
	}

	.table-spec caption {
		
	}

	.table-spec thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.table-spec tr {
		border-bottom: 1px solid #fff;
		display: block;
		margin-bottom: .625em;
	}

	.table-spec td {
		border-bottom: 1px solid #ddd;
		display: block;
		text-align: right;
	}

	.table-spec td::before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
		content: attr(data-label);
		float: left;
		padding:8px 0 0;
	}

	.table-spec td:last-child {
		border-bottom: 0;
	}
}


/* --- GALLERIES --- */

.gallery img {
	border: none !important;
}
.gallery-item {
	margin: 0 0 0.2rem 0 !important;
}
.gallery-item:first-child {
	margin-left: 0 !important;
}
.gallery-icon {
	padding: 0 0.1rem 0 0.1rem;
}
.gallery {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-bottom: 1rem !important;
}
.gallery-item {
	flex: 0 0 auto;
	width: 25%;
}
.abgallery .gallery-item {
	flex: 0 0 auto;
	width: 25%;
	
}

.loopimg {
	mix-blend-mode: multiply;
}


/* --- FOOTER --- */

footer p {
    margin: 0;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0em;
    /* font-size: 120%; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}