/*   
Theme Name: nuvella
Theme URI: https://t.me/TREXIG_dev
Description: Template for Nuvella Aesthetics
Author: Igor TREXIG
Author URI: https://t.me/TREXIG_dev
*/

@font-face{
	font-family:'Hurme Geometric Sans 1';
	src:url('fonts/HurmeGeometricSans1-Light.woff2');
	font-weight:300;
	font-display:swap
}

@font-face{
	font-family:'Hurme Geometric Sans 1';
	src:url('fonts/HurmeGeometricSans1-SemiBold.woff2');
	font-weight:600;
	font-display:swap
}
	
@font-face{
	font-family:'Hurme Geometric Sans 1';
	src:url('fonts/HurmeGeometricSans1-Bold.woff2');
	font-weight:700;
	font-display:swap
}

@font-face{
	font-family:'Hurme Geometric Sans 1';
	src:url('fonts/HurmeGeometricSans1-LightOblique.woff2');
	font-weight:300;
	font-style:italic;
	font-display:swap
}

@font-face{
	font-family:'Hurme Geometric Sans 1';
	src:url('fonts/HurmeGeometricSans1-Oblique.woff2');
	font-weight:400;
	font-style:italic;
	font-display:swap
}

@font-face{
	font-family:'Hurme Geometric Sans 1';
	src:url('fonts/HurmeGeometricSans1-BoldOblique.woff2');
	font-weight:700;
	font-style:italic;
	font-display:swap
}

body {
    background: rgb(146,66,89);
	font-family:'Hurme Geometric Sans 1',sans-serif;
    color: #c7ab65;
}

html::-webkit-scrollbar, body *::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-thumb {
    background-color: #c7ab65;
}

html::-webkit-scrollbar-track {
    background: #833b50;
}

.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: auto; 
	z-index:999999999999999999;
}

.top-line.fixed {
    border: 1px solid #c7ab65;
}

section {
	min-height:150px;
	padding-bottom: 40px;
    padding-top: 40px;
}

a:hover {
    color: #d2bb83 !important;
}

.logoimg {
	width: 75%;
}

.fullscreen-menu {
	transform: translateY(-100%);
	justify-content: center;
	transition: transform 0.5s ease-in-out;
	overflow-y: auto;
	background: rgb(146,66,89);
	color: #c7ab65;
	border-bottom: 1px solid #c7ab65;
	z-index: 99999;
}

.fullscreen-menu.open {
  transform: translateY(0);
}

body.menu-open {
  overflow: hidden;
}

.fullscreen-menu .nav li {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.fullscreen-menu.open .nav li {
  opacity: 1;
  transform: translateY(0);
}

.fullscreen-menu.open .nav li:nth-child(1) { transition-delay: 0.1s; }
.fullscreen-menu.open .nav li:nth-child(2) { transition-delay: 0.2s; }
.fullscreen-menu.open .nav li:nth-child(3) { transition-delay: 0.3s; }

.top-line.fixed .logo img {
    width: 25%;
}

button#menuToggle {
	font-family:"Hurme Geometric Sans 1",sans-serif;
    font-size: 20px;
    color: #c7ab65;
    border: none;
	position: fixed;
	right: 2rem;
    top: 3rem;
}

button#menuToggle:hover {
    background: none;
}

button#menuClose {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c7ab65'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e") !important;
    top: 0;
    right: 1rem;
}

div#fullscreenMenu {
    background: rgb(146,66,89);
}

div#fullscreenMenu::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/logo.svg) no-repeat center center;
    background-size: 56%;
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
}

.catmenu_block {
    width: max-content;
}

.catmenu_block, ul#menu-top {
    z-index: 9;
}

ul#menu-top {
    margin-right: 3rem;
	right: 0;
    position: inherit;
}

#menu-top li.menu-item a {
    color: #c7ab65;
    text-decoration: none;
    text-align: right;
}

ul.cat_menu li {
    list-style: none;
	width: fit-content;
	margin-bottom: -1rem;
}

ul.cat_menu li a {
    color: #c7ab65;
    text-decoration: none;
	position: relative;
}

.catmenu_title {
    font-size: 1.9rem;
    margin-left: 2rem;
    text-transform: uppercase;
    text-decoration: underline;
}

.cat_menu li.menu-item a {
    font-size: 1.75rem;
}

.foot-cont, .foot-subsoc {
    margin-top: 5rem;
}

.footer_cont {
    font-size: 1.3rem;
	margin-bottom: 10px;
}

.footer_cont a {
    color: #c7ab65;
	text-decoration: none;
}

svg#icon-contacts-loc {
    width: 20px;
}

svg#icon-contacts-email {
    width: 30px;
}

svg#icon-contacts-phone {
    width: 25px;
}

.footlogo img {
    width: 75%;
}

p.follow-us-text {
    font-size: 1.3rem;
    margin-top: 1rem;
    text-transform: uppercase;
}

a.soc_link {
    padding: 10px 10px 13px 10px;
    border: 1px solid #c7ab65;
}

a.soc_link svg {
    fill: #c7ab65;
	width: 25px;
}

.container-fluid.footer-copy {
	font-size: 1.2rem;
    text-align: center;
}

.morebutton {
    font-size: 20px;
    color: #c7ab65;
	background: #924259;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #c7ab65;
    padding: 10px 15px;
	position:relative;
}

p.about_us_header_text {
    margin-top: 35px;
}

.about_us_header_text {
    margin-top: 35px;
    margin-bottom: 40px;
}

/*.headabout-us-img img {
    width: 60%;
    margin-left: 5rem;
}*/

h1.block_title {
    text-align: center;
    margin-bottom: 50px;
}

h1.page-title {
    text-align: center;
}

.breadcrumbs {
    font-size: 1.2rem;
}

a.breadcrumbs__link {
    text-decoration: none;
    color: #c7ab65;
}

.product_tabs a.nav-link {
    font-size: 1.2rem;
    font-weight: 500;
	text-transform: uppercase;
    color: #c7ab65;
}

.product_tabs a.nav-link.active {
    font-weight: 600;
    color: #c7ab65;
    background: none;
    border: 1px solid #c7ab65;
}

.product_img img {
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
    /* border: 1px solid #c7ab65; */
}

h4.news_title a, h4.product_title a {
	position: relative;
    text-decoration: none;
    color: #c7ab65;
    font-size: 1.5rem;
    font-weight: 600;
}

h4.product_title {
    margin-top: 15px;
	text-align: center;
}

/*.product_img img {
    background: #d3b3bc;
}*/

.cat-title {
    font-size: 1.7rem;
    text-decoration: underline;
}

.bfaf-img {
    margin-bottom: 30px;
}

.headabout-us-img video {
	width: 100%;
    height: auto;
}

@media screen and (min-width:1024px) {
	.news_title a::after, .product_title a::after, ul.page-numbers a::after , a.morebutton::after, input.morebutton::after, button.morebutton::after, li.menu-item a::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #d2bb83;
	  transform: scaleX(0);
	  transform-origin: bottom right;
	  transition: transform 0.5s ease;
	}

	.news_title a:hover::after, .product_title a:hover::after, ul.page-numbers a:hover::after, a.morebutton:hover::after, input.morebutton:hover::after, button.morebutton:hover::after, li.menu-item a:hover::after, .product_item:hover .product_title a::after, .news_item:hover .news_title a::after {
	  transform: scaleX(1);
	  transform-origin: bottom left;
	}
}
.single-post p {
    font-size: 1.3rem;
}

.news_item, .product_item {
    margin-bottom: 30px;
}

.product_item {
    padding: 15px 9px;
}

.product_item:hover {
    box-shadow: 9px 10px 16px 0px rgb(0 0 0 / 25%);
}

.news_date {
    margin-top: 5px;
}

ul.page-numbers {
    font-size: 1.5rem;
    margin: 0 auto;
    display: block;
    width: max-content;
}

ul.page-numbers li {
    display: inline-block;
}

span.page-numbers.current {
    font-weight: 700;
    text-decoration: underline;
}

ul.page-numbers a {
	position: relative;
    text-decoration: none;
    color: #c7ab65;
}

.related-posts h3 {
    font-weight: 600;
    text-align: center;
    margin: 30px 0;
}

select[name="where-find"] {
    width: 100%;
}

input:not([type="submit"]), select, textarea {
    background: #924259 !important;
    border: none !important;
    border-bottom: 2px solid #c7ab65 !important;
    color: #c7ab65 !important;
    padding: 0rem 0.75rem !important;
}

select option:hover {
    color: #924259 !important;
    background: #c3a364 !important;
}

input::placeholder, textarea::placeholder {
    color: #c7ab65 !important;
}

.form-control:focus {
    box-shadow: 0px 3px 0 0.0003rem rgb(199 171 101 / 40%) !important;
}

input:focus-visible,select:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

select.wpcf7-form-control.wpcf7-select {
    border-radius: 0.375rem;
}

.contact-img img {
    width: 95%;
}

.categories_block ul li {
    list-style: none;
}

.categories_block ul li a {
    text-decoration: none;
    font-size: 1.5rem;
	font-weight: 800;
    color: #c5a765;
}

ul.category_menu {
    padding-left: 10px;
}

ul.category_menu li, ul.tags_menu li {
    display: inline-block;
    margin-right: 5rem;
}

.tag-item.active {
    text-decoration: underline;
}

button.morebutton {
    margin: 0 auto;
    display: block;
}

@media screen and (max-width:500px) {
	div#fullscreenMenu::after {
		background: none;
	}
	
	.headabout-us-img {
		margin-top: 25px;
	}
	
	.logoimg {
		width: 35%;
	}
	
	button#menuToggle {
		top: 2rem;
	}	
	
	.fixed button#menuToggle {
		top: 1.5rem;
	}
	
	ul#menu-top {
		margin-right: -15px;
	}
	
	.cat_menu li.menu-item a {
		font-size: 1.3rem;
	}
	
	div#fullscreenMenu::after {
		background-size: 100%;
		opacity: 0.2;
	}
	
	ul#menu-top li {
		margin-bottom: -0.9rem;
	}
	
	#menu-top li.menu-item a {
		text-align: left;
	}
	
	.fullscreen-menu {
		align-items: center !important;
		padding: 2rem 1rem;
		text-align: center;
		justify-content: flex-start;
  }

	.fullscreen-menu .nav {
		width: 100%;
	}

	.fullscreen-menu .nav li {
		width: 100%;
		opacity: 1 !important;
		transform: none !important;
		margin: 0.5rem 0;
	}

	.fullscreen-menu .catmenu_block {
		width: 100%;
		margin-top: 15rem;
	}

	.fullscreen-menu .cat_menu {
		padding-left: 0;
		list-style: none;
	}

	.fullscreen-menu .cat_menu li {
		width: 100%;
		text-align: left;
		margin-bottom: -2.5rem;
	}

	.fullscreen-menu .cat_menu li a {
		display: block;
		padding: 0.5rem 0;
	}

	.fullscreen-menu .catmenu_title {
		font-size: 1.2rem;
		margin-bottom: 0;
		text-align: left;
		margin-left: 0;
	}
	
	.news_img img.wp-post-image {
		width: 100%;
		height: auto;
	}
	
	.morebutton {
		margin: 0 auto;
		display: block;
		width: fit-content;
	}
	
	.footlogo img {
		width: 100%;
	}
	
	.foot-cont, .foot-subsoc {
		margin-top: 1rem;
	}
	
	.footer_cont {
		text-align: center;
	}
	
	p.follow-us-text {
		text-align: center;
	}
	
	.footer_soc span a.soc_link {
		margin: 0 auto;
		width: fit-content;
		display: block;
		margin-bottom: 20px;
	}
	
	ul.category_menu li {
		display: block;
		margin-right: 0;
		margin-bottom: 25px;
	}
	
	.contact-form {
		margin-top: 3rem;
	}
}

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

}

@media screen and (min-width:993px) and (max-width:1024px) {

}

@media screen and (min-width:1200px) and (max-width:1359px) {

}

@media screen and (min-width:1360px) and (max-width:1399px) {

}

@media screen and (min-width:1400px) and (max-width:1920px) {

}

@media screen and (min-width:1670px) and (max-width:1690px) {

}

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

}