/*
Theme Name: Linkage Theme
Author: J.V.A
Description: 「」
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: bootstrap, LESS, bower, gulp
Text Domain: oracle

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.
*/

:root {
	--gradient_h: linear-gradient(to right, rgba(11,189,194,1) 0%,rgba(176,48,216,1) 100%);
	--gradient_v: linear-gradient(to bottom, rgba(11,189,194,1) 0%,rgba(176,48,216,1) 100%);
	--c_blu: #0bbdc2;
	--c_vio: #b030d8;
}

body {
	font-family: "Lato", serif;
	margin: auto;
}

a {
	transition: all .3s;
}

.bevan {
	font-family: "Bevan", serif;
}

#page-wrap {
	overflow: hidden;
}

body.modal-open #page-wrap {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

#main_header {
	height: 100vh;
	height: 100svh;
	background: var(--gradient_v);
	position: fixed;
	top: 0;
	left: auto;
	padding: 0 1rem;
	overflow-y: scroll;
}

/* width */
#main_header::-webkit-scrollbar {
	width: 3px;
}

/* Track */
#main_header::-webkit-scrollbar-track {
	background: transparent;
}

/* Handle */
#main_header::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
#main_header::-webkit-scrollbar-thumb:hover {
	background: #555;
} 

#main_header .site_logo {
	display: table;
	width: 300px;
	max-width: 100%;
	margin: auto;
	margin-top: 2rem;
	margin-bottom: auto;
	margin-bottom: 1rem;
	position: relative;
}

#main_header .site_logo .new_posts {
	position: absolute;
	top: 0;
	right: 0;
	background-color: var(--bs-danger);
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	color: #fff;
	border-radius: 100%;
	box-shadow: 1px 1px 6px #000;
}

#main_header .site_logo:hover, #main_header .site_logo:focus {
	transform: scale(.95);
}

#main_header .menu {
	padding: 0;
	margin: 0;
	list-style: none;
}

#main_header .menu > li {
	margin-bottom: 1rem;
}

#main_header .menu > li > a {
	color: #ffffff;
	font-family: "Bevan", serif;
	font-size: 1rem;
	display: flex;
	align-items: center;
	text-shadow: 0 3px 3px #000000;
	position: relative;
	padding-right: 2.5rem;
	text-transform: uppercase;
}

#main_header .menu > li > a.has_child:after {
	content: "\f077";
	position: absolute;
	top: .25rem;
	right: .5rem;
	font-family: "Font Awesome 6 Free";
	font-weight: 600;
	transition: all .3s;
	text-shadow: none;
}

#main_header .menu > li > a.collapsed:after {
	transform: rotate(180deg);
}

#main_header .menu > li > a .img_container {
	width: 50px;
}

#main_header .menu > li > a .img_container > .fake_image {
	padding-top: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: .5rem;
}

#main_header .menu > li > .sub_categories {
	list-style: none;
	/*border-left: solid 3px #dddddd;*/
	margin: 0;
	margin-left: .9rem;
	padding-left: 1.1rem;
	position: relative;
}

#main_header .menu > li > .sub_categories::before {
	content: '';
	position: absolute;
	inset: 0;
	right: auto;
	width: 2px;
	background-color: #fff;
	border-radius: 3rem;
	box-shadow: 1px 1px 3px #000;
}

#main_header .menu > li > .sub_categories > li > a {
	color: #ffffff;
	font-family: "Bevan", serif;
	display: table;
	padding: 1rem 0;
	text-shadow: 0 3px 3px #000000;
	text-transform: uppercase;
}

#sticky_top {
	padding: 10px 0;
	background: var(--gradient_h);
	position: fixed;
	inset: 0;
	bottom: 0px;
	bottom: unset;
	z-index: 999;
	transition: all .3s;
	transform: translateY(-100%);
}

#sticky_top.show {
	box-shadow: 0 3px 6px 3px rgba(0, 0, 0, 0.5);
	transform: translateY(0%);
}

#sticky_top .my_account {
	color: #fff;
	text-shadow: 2px 2px 3px #000;
	font-size: 1.2rem;
	margin-right: 1rem;
}

#offcanvasMenu {
	background: var(--gradient_h);
}

#content-wrap {
	min-height: 100vh;
	min-height: 100lvh;
	background-color: #000000;
	background-image: url(images/bg-pattern.fw.png);
	background-position: center top;
	background-repeat: repeat;
}

#dash_top {
	background: var(--gradient_h);
}

#dash_top .page_title {
	font-size: 2rem;
	margin: 0;
	color: #fff;
	text-shadow: 3px 3px 3px #000;
	text-transform: uppercase;
}

#dash_top .my_account {
	color: #fff;
	text-shadow: 2px 2px 3px #000;
	font-size: 1.2rem;
	margin-right: 1rem;
}

#product_lists .cat_section > .title {
	font-size: 60px;
	-webkit-text-stroke: 1px #000000;
	text-shadow: 3px 3px 6px #ffffff;
	text-transform: uppercase;
}

#product_lists .cat_section .cat_box {
	background-color: #fff;
	border-radius: 1rem;
}

#product_lists .cat_section .cat_box .cat_title {
	color: #fff;
	text-shadow: 2px 2px 3px #000;
	text-transform: uppercase;
}

#product_lists .cat_section .cat_box .cat_title.blu {
	-webkit-text-stroke: 1px var(--c_blu);
}

#product_lists .cat_section .cat_box .cat_title.vio {
	-webkit-text-stroke: 1px var(--c_vio);
}

#product_lists .cat_section .cat_box .slick-arrow {
	position: absolute;
	top: 50%;
	background: none;
	border: none;
	font-size: 3rem;
	transform: translateY(-50%);
	color: #fff;
}

#product_lists .cat_section .cat_box .control-prev {
	left: -4rem;
}

#product_lists .cat_section .cat_box .control-next {
	right: -4rem;
}

#product_lists .cat_section .cat_box .img_container {
	display: block;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0 5px 3px #000;
/*	transform: scale(.9);*/
transition: all .3s;
margin: 1rem;
}

#product_lists .cat_section .cat_box .img_container:hover, #product_lists .cat_section .cat_box .img_container:focus {
/*	transform: scale(.95);*/
}

#product_lists .cat_section .cat_box .img_container > .fake_image {
	padding-top: 133%;
	background-size: cover;
	background-position: center;
}

/* Inner Pages */

#main .entry {
	background-color: #fff;
	border-radius: 1rem;
	padding: 3rem;
}

.prod_gal .img_container {
	max-width: 100%;
	margin: auto;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0 5px 3px #000;
}

.prod_gal .prod_main .slick-list {
	overflow: visible;
}

.prod_gal .prod_main .img_container {
	width: 650px;
	border-radius: 2rem;
}

.prod_gal .prod_thumb .img_container {
	transform: scale(.8);
	opacity: .5;
	transition: all .3s;
}

.prod_gal .prod_thumb .slick-current .img_container {
	opacity: 1;
}

.prod_gal .img_container .fake_image {
	padding-top: 133%;
	background-size: cover;
	background-position: center;
}

.prod_thumb {
	width: 400px;
	max-width: 100%;
	margin: auto;
}

#main .dark-bg {
	display: flex;
	align-items: center;
	padding: 2rem;
	background-color: #242424;
	border-radius: 2rem;
	color: #fff;
	min-height: 700px;
	background-image: url(images/print.png);
	background-size: 75% auto;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: 3.5rem;
}

.post-list .img_container {
	display: block;
	position: relative;
}

.post-list .img_container:hover, .post-list .img_container:focus {
	transform: scale(.95);
}

.post-list .img_container .fake_image {
	padding-top: 100%;
	background-size: cover;
	background-position: center;
	overflow: hidden;
	border-radius: 1rem;
}

.post-list .img_container .new_tag {
	position: absolute;
	top: -10px;
	right: -10px;
	background: var(--gradient_h);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	color: #fff;
	box-shadow: 2px 2px 3px #000;
}

.modal {
	backdrop-filter: blur(5px);
}

.modal .modal-content {
	background: var(--gradient_v);
	border: none;
}

.modal .img-fluid {
	width: 200px;
}

.modal #login {
	width: 350px;
	max-width: 100%;
	margin: auto;
}

.modal .text-white {
	text-shadow: 0 3px 6px #000;
}

.modal .modal-content a {
	color: var(--c_blu);
}

.modal .modal-content .gform_fileupload_rules, .modal .modal-content .gfield_label {
	color: #ffffff;
}

.modal .modal-content .wpum-password-recovery-form {
	text-align: center;
	color: #fff;
}

.modal .modal-content #gform_fields_1 {
	row-gap: 1rem;
}

.modal .modal-content .gfield input, .modal .modal-content .gfield select, #wpum-submit-password-recovery-form #username_email {
	border-radius: .5rem;
	font-family: "Bevan", serif;
	font-size: 1.5rem;
	padding: .75rem;
	border-radius: .5rem;
	border: none;
	height: auto;
	box-shadow: 0 3px 3px #000000;
}

#login .input {
	display: block;
	width: 100%;
	padding: .75rem;
	border-radius: .5rem;
	border: none;
	margin-bottom: 1.5rem;
	box-shadow: 0 3px 3px #000000;
}

#login .button, .modal .modal-content .button, #gform_submit_button_1 {
	color: #ffffff;
	font-family: "Bevan", serif;
	font-size: 1.5rem;
	background-color: #242424;
	padding: .75rem 2rem;
	box-shadow: 0 3px 3px #ffffff;
	border-radius: .5rem;
	margin: auto;
	margin-bottom: 1rem;
	transition: all .3s;
}

.gform_required_legend {
	display: none;
}