body{
	font-family: var(--page-font-family);
	font-size: var(--page-font-size);
	font-weight: var(--page-font-weight);
	line-height: var(--page-line-height);
	font-optical-sizing: auto;
	font-style: normal;
	color: var(--page-color);
  background-color: var(--page-background-color);
	letter-spacing: .05rem;
}

h1,.h1{
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  margin-bottom: var(--h1-margin-bottom);
	line-height: var(--h1-line-height);
	letter-spacing: .1rem;
	text-transform: uppercase;
}
h2,.h2{
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  margin-bottom: var(--h2-margin-bottom);
	letter-spacing: .1rem;
	text-transform: uppercase;
}
h3,.h3{
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  margin-bottom: var(--h3-margin-bottom);
	letter-spacing: .1rem;
	text-transform: uppercase;
}
h4,.h4{
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  margin-bottom: var(--h4-margin-bottom);
	letter-spacing: .1rem;
	text-transform: uppercase;
}
h5,.h5{
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  margin-bottom: var(--h5-margin-bottom);
	letter-spacing: .1rem;
	text-transform: uppercase;
}

h2 > sub, h3 > sub, h4 > sub{
	text-align: right;
	display: block;
}
h2 > sup, h3 > sup, h4 > sup{
	font-size: .6em;
}
h2 > a:hover{
	text-decoration: underline;
}

@media only screen and (max-width: 991px) {
	body{
		--font-size-xs: 14px;
		--font-size-sm: 16px;
		--font-size-md: 20px;
		--font-size-lg: 24px;
		--font-size-xl: 32px;
		--font-size-xxl: 48px;
		--page-font-size: var(--font-size-md);
	}
	h1,.h1{
	  font-size: var(--h3-font-size);
	}
	h2,.h2{
	  font-size: var(--h3-font-size);
	}
	h3,.h3{
	  font-size: var(--h4-font-size);
	}
	h4,.h4{
	  font-size: var(--h5-font-size);
	}
	h5,.h5{
	  font-size: var(--page-font-size);
	}

}

underline{text-decoration: underline;}

img{max-width: 100%;}

/* a:not(.btn):not(.wp-block-button__link){color: inherit;} */
a, a:hover, a:active, a:focus, button:focus, button:active{text-decoration: none; outline: 0 !important; outline: 0 !important; transition: all 0.2s ease 0s;}

a{color: var(--page-color);}
a:hover{ color: var(--color-primary); }


p{
	 margin-bottom: 2rem;
}

strong, .font-weight-bold{font-weight: 600 !important;}

.text-transform-none{text-transform: none;}

.g-icon,
.btn.loading:before,
.dropdown-toggle:after{
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
	line-height: 1;
	vertical-align: middle;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  transform: translateY(-1px);
  align-items: center;
  display: inline-flex;
}
.btn > .g-icon{
  margin-right: 2px;
  line-height: 0;
}

.btn.loading:before{
  content: "\e9d0";
  margin-right: 0.5rem !important;
  transform: translateY(5px);
  line-height: 0;
  animation: loading-rotation infinite ease-in-out .8s;
  vertical-align: sub;
}

@keyframes loading-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.modal .close,
.offcanvas .close,
.navbar-collapse .close{
	position: absolute;
	top: 1rem;
	right: 1rem;
	line-height: 0;

	font-size: 2rem;
	cursor: pointer;
	border-radius: 50%;
	border: 0;
  background: transparent;
}
.modal .close > span,
.offcanvas .close > span,
.navbar-collapse .close > span{
	font-size: 2rem;
}
.modal .close:hover,
.offcanvas .close:hover,
.navbar-collapse .close:hover{
	background-color: var(--color-primary);
	color: var(--color-primary-text);
}
.modal a:not(.btn){
	text-decoration: underline;
}

.modal .close.yellow,
.navbar-collapse .close.yellow{
	color: var(--color-yellow-light);
}
.modal .close.yellow:hover,
.navbar-collapse .close.yellow:hover{
	background-color: transparent;
	color: var(--color-white);
}



hr{border-top: 1px solid #EAEAEA;}

.spacer.spacer-1{display: block; height: 50px;}

.font-size-xs, .has-kwb-xs-font-size{font-size: var(--font-size-xs)}
.font-size-sm, .has-kwb-sm-font-size{font-size: var(--font-size-sm)}
.font-size-1 {font-size: var(--page-font-size);}
.font-size-md, .has-kwb-md-font-size{font-size: var(--font-size-md)}
.font-size-lg, .has-kwb-lg-font-size{font-size: var(--font-size-lg);}
.font-size-xl, .has-kwb-xl-font-size{font-size: var(--font-size-xl); line-height: 1.2;}
.font-size-xxl, .has-kwb-xxl-font-size{
	font-size: var(--font-size-xxl);
	line-height: 1.1;
}

.icon-size-md{font-size: 3rem;}
.icon-size-lg{font-size: 5rem;}

.text-white a.link-arrow, .text-white .link-arrow > a{color: #fff;}

.rounded{border-radius: var(--tm-border-radius) !important;}
.rounded-start{
  border-bottom-left-radius: var(--tm-border-radius) !important;
  border-top-left-radius: var(--tm-border-radius) !important;
}
.rounded-end {
  border-top-right-radius: var(--tm-border-radius) !important;
  border-bottom-right-radius: var(--tm-border-radius) !important;
}

.border-radius{
	border-radius: var(--border-radius-sm);
}
.border-radius-lg{
	border-radius: var(--border-radius-lg);
}

.border{
	--bs-border-color: var(--page-color);
}

.col-w-100{
  flex: 0 0 auto;
  width: 100px;
}

.mw-500{max-width: 500px;}

.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.lh-md {
    line-height: 1.6 !important;
}


.z-index-999{
	z-index: 999;
}

.overflow-x-hidden{overflow-x: hidden !important;}
.overflow-y-auto{overflow-y: auto !important;}

@media (min-width: 1600px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    	max-width: var(--gb-block-default-size);
	}
}

.wp-block-group.alignwide.is-layout-constrained > *,
.container-fluid.alignwide.is-layout-constrained > * {

	padding-right: calc(var(--bs-gutter-x)* .5);
	padding-left: calc(var(--bs-gutter-x)* .5);
}


.cover-image{
	align-items: center;
  background-position: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  min-height: 450px;
  overflow: hidden;
  overflow: clip;
  padding: 1em;
  position: relative;
}
.cover-image.product{
	min-height: 380px;
}
@media (max-width: 575px) {
	.cover-image.product{
		min-height: 330px;
	}
}
.products a .cover-image.product > img{
	transition: transform ease .3s;
}
.products a:hover .cover-image.product > img{
	transform: scale(1.1);
}
.cover-image > img{
	border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.cover-image a.image-link{
	z-index: 1;
	position: absolute;
	bottom: 1rem;
	right: 1rem;
	color: var(--page-color);
	background-color: var(--page-background-color);
	padding: .7rem;
	border-radius: 50%;
}
.cover-image a.image-link span{
	font-size: 2rem;
}
.cover-image a.image-link:hover{
	color: var(--color-primary);
}


/*------------------------------------*\
	Brand icons
\*------------------------------------*/
.brand-icon{
	height: 26px;
	fill: var(--page-color);
}
.nav-link:hover > .brand-icon{
	fill: var(--color-primary);
}


/*------------------------------------*\
	Added padding
\*------------------------------------*/

.p-6 {
  padding: 3rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4rem !important;
}

.pl-6,
.px-6 {
  padding-left: 4rem !important;
}

@media (min-width: 576px) {

	.p-sm-6 {
    padding: 4rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4rem !important;
  }

}

@media (min-width: 768px) {

	.p-md-6 {
    padding: 4rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4rem !important;
  }

}

@media (min-width: 992px) {

	.p-lg-6 {
    padding: 4rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4rem !important;
  }

}

@media (min-width: 1200px) {

	.p-xl-6 {
     padding: 4rem !important;
   }
   .pt-xl-6,
   .py-xl-6 {
     padding-top: 4rem !important;
   }
   .pr-xl-6,
   .px-xl-6 {
     padding-right: 4rem !important;
   }
   .pb-xl-6,
   .py-xl-6 {
     padding-bottom: 4rem !important;
   }
   .pl-xl-6,
   .px-xl-6 {
     padding-left: 4rem !important;
   }

}


/*------------------------------------*\
	Header
\*------------------------------------*/
header{
	transition: box-shadow ease .3s;
}
.scroll header{
	box-shadow: 0 0 30px #44443512;
}


header .navbar-brand{
	width: 150px;
}
.navbar-toggler{
	padding: .5rem;
	border: 0;
	outline: 0 !important;
	box-shadow: none !important;
}
.navbar-toggler > span{
	transform: none;
	line-height: 1;
	font-size: 33px;
	color: var(--page-color);
}
.navbar-toggler:hover > span{
	color: var(--color-primary);
}


/*------------------------------------*\
	Navbar
\*------------------------------------*/
@media (min-width: 1400px) {
    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}



li.hide-sub .dropdown-menu{
	display: none !important;
}

.nav-link{
	--bs-nav-link-font-size: 20px;
  --bs-nav-link-font-weight: 700;
	--bs-navbar-nav-link-padding-x: 0rem;
	--bs-navbar-nav-link-margin-x: 1.5rem;
	--bs-navbar-nav-link-margin-y: 0;
	--bs-navbar-nav-link-padding-y: 1rem;
	--bs-nav-link-color: var(--page-color);
	--bs-nav-link-hover-color: var(--color-primary);
	--bs-navbar-active-color: var(--bs-nav-link-color);
	--bs-nav-link-focus-color: var(--bs-nav-link-color);
	text-transform: uppercase;
	padding-top: var(--bs-navbar-nav-link-padding-y);
	padding-bottom: var(--bs-navbar-nav-link-padding-y);
	display: flex;
  align-items: center;
	color: var(--bs-nav-link-color);
	margin: var(--bs-navbar-nav-link-margin-y) var(--bs-navbar-nav-link-margin-x);
	border-bottom: 1px solid transparent;
}
.nav-link:focus {
    color: var(--bs-nav-link-focus-color);
}

.collapsing{display: block;}

@media (min-width: 1400px) {
	.nav-link:hover, .nav-link.active:hover, .nav-link.show:hover {
	    color: var(--bs-nav-link-hover-color);
			border-bottom-color: var(--page-color);
	}
}

.dropdown-menu{
	--bs-dropdown-bg: transparent;
	--bs-dropdown-border-width: 0;
	--bs-dropdown-padding-x: 1.5rem;
	--bs-dropdown-padding-y: 0;
	--bs-dropdown-box-shadow: none;
	--bs-dropdown-border-radius: 0;
	--bs-dropdown-font-size: 20px;
	--bs-dropdown-font-weight: 700;
	box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown-item{
	--bs-dropdown-link-color: var(--page-color);
	--bs-dropdown-link-active-bg: transparent;
  --bs-dropdown-link-active-color: var(--color-primary);
	--bs-dropdown-link-hover-color: var(--color-primary);
	--bs-dropdown-item-padding-y: 1rem;
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-link-hover-bg: transparent;
	text-transform: uppercase;
	font-weight: 400;
	display: flex;
  align-items: center;
	font-weight: var(	--bs-dropdown-font-weight);
	color: var(--bs-dropdown-link-color);
}

.navbar-nav li{
	border-bottom: 1px solid #0000001a;
}
.dropdown-menu > li:last-of-type{
  border-bottom: 0;
	padding-bottom: .5rem;
}
.dropdown-item.active, .dropdown-item:active{
	color: var(--bs-dropdown-link-color);
}
.dropdown-item:focus {
  color: var(--bs-dropdown-link-color);
}
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
	text-decoration: underline;
}
.dropdown-toggle{
	display: flex;
}
.navbar-nav .dropdown-toggle:after {
		content: "chevron_right";
		border: 0;
		font-size: 1.5em;
		line-height: 0;
		transition: transform .35s ease;
}
.navbar-nav .dropdown-toggle[aria-expanded="true"]:after {
		transform: rotate(90deg);
}

#main-navbar .offcanvas.show .offcanvas-body,
#main-navbar .offcanvas.showing .offcanvas-body{
	padding-top: 4rem;
}


 @media (min-width: 1400px) {

	#main-navbar .offcanvas.show .offcanvas-body,
	#main-navbar .offcanvas.showing .offcanvas-body{
		padding: 4rem;
	}

	/* For expanded menu - uncomment rest inside @media */

	#main-navbar .offcanvas .close{
		display: none;
	}

	.dropdown-menu{
		--bs-dropdown-font-size: 16px;
		--bs-dropdown-font-weight: 500;
		--bs-dropdown-bg: var(--color-white);
		--bs-dropdown-padding-x: 0;
		--bs-dropdown-padding-y: 1rem;
		--bs-dropdown-border-radius: var(--border-radius-sm);
	}
	.dropdown-item{
		--bs-dropdown-item-padding-y: .6rem;
	  --bs-dropdown-item-padding-x: 2rem;
		/* text-transform: none; */
	}
	.nav-link{
		--bs-navbar-nav-link-margin-x: 1.5rem;
		--bs-navbar-nav-link-margin-y: 0;
		--bs-nav-link-font-weight: 500;
		--bs-navbar-nav-link-padding-y: .5rem;
	}

	.navbar-nav li{
		border-bottom: 0;
	}

	.navbar-nav > li > .dropdown-toggle:after{
		display: none;
	}
	.dropdown:hover > .dropdown-menu {
	    display: block;
	    margin-top: 0;
	}
	.dropdown-menu.show{
		display: none;
	}

	.dropdown-menu .dropdown-menu{
		 transform: translateY(-.5rem);
	}

	.dropdown-menu .dropdown-menu{
		left: 100%;
		top: 0;
		border-top-left-radius: 0;
	}
	.dropdown-item:focus, .dropdown-item:hover {
    color: var(--bs-dropdown-link-hover-color);
	}

	body:not(.start) .navbar-nav .nav-link.active{
		border-bottom-color: var(--bs-nav-link-color);
	}

}


/*------------------------------------*\
	Offcanvas
\*------------------------------------*/
.offcanvas{
	--bs-offcanvas-zindex: 1065;
	/* --bs-offcanvas-width: 50%; */
	--bs-offcanvas-bg: var(--page-background-color);
}

/*------------------------------------*\
	Navbar sidebar/offcanvas
\*------------------------------------*/

#offcanvasMenu{
 --bs-offcanvas-width: 90%;
}
 @media (min-width: 1400px) {
	 #offcanvasMenu{
	 	--bs-offcanvas-width: 40%;
	 }
 }



.nav-scroller .nav {
  color: rgba(255, 255, 255, .75);
}

.nav-scroller .nav-link {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: .875rem;
  color: #6c757d;
}

.nav-scroller .nav-link:hover {
  color: #007bff;
}

.nav-scroller .active {
  font-weight: 500;
  color: #343a40;
}

/*------------------------------------*\
	Modal
\*------------------------------------*/
.modal-content{
	--bs-modal-border-width: 0;
	--bs-modal-border-radius: var(--border-radius-lg);
}


/*------------------------------------*\
	Scrollbar & marking
\*------------------------------------*/

body::-webkit-scrollbar {width: 12px;}
body::-webkit-scrollbar-track {background-color: var(--page-background-color);}
body::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  border-radius: 8px;
  border: 2px solid var(--page-background-color);
  opacity: 0;
}

::-moz-selection {
  background: var(--color-primary-rgb); /* WebKit/Blink Browsers */
  color: var(--color-primary-text-rgb);
}
::selection {
  background: var(--color-primary-rgb); /* WebKit/Blink Browsers */
  color: var(--color-primary-text-rgb);
}
::-moz-selection {
  background: var(--color-primary-rgb); /* Gecko Browsers */
  color: var(--color-primary-text-rgb);
}



/*------------------------------------*\
	Alerts
\*------------------------------------*/
.alert{
  border-radius: var(--border-radius-sm);
  font-size: 1rem;
  font-weight: 600;
  --bs-alert-padding-x: 1.5rem;
  --bs-alert-padding-y: .757rem;
}
.alert-success {
  --bs-alert-color: var(--color-green-dark);
  --bs-alert-bg: var(--color-green-light);
  --bs-alert-border-color: var(--color-green-light);
}
.alert-danger {
  --bs-alert-color: var(--color-red-dark);
  --bs-alert-bg: var(--color-red-light);
  --bs-alert-border-color: var(--color-red-light);
}
.alert-info {
  --bs-alert-color: var(--color-blue-dark);
  --bs-alert-bg: var(--color-blue-light);
  --bs-alert-border-color: var(--color-blue-light);
}

/*------------------------------------*\
	Forms
\*------------------------------------*/
.form-control, .form-select{
	line-height: 1.5;
	padding: 0.907rem 1.2rem;
	border-color: var(--color-black);
	background-color: var(--color-white);
	border-radius: var(--border-radius-sm);
}
.form-select{
	padding-right: 2.25rem;
	font-weight: 500;
}
.form-label{
	margin-bottom: 0.25rem;
}
label{
	font-size: var(--font-size-sm);
}

.form-floating>.form-control{
	line-height: 1.5;
	height: inherit;
	min-height: inherit;
	padding: 0.907rem 1.2rem;
}
.form-floating>label{
	line-height: 1.1;
  padding: 1rem 1.2rem;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
  /* color: rgba(var(--bs-body-color-rgb), .65); */
	transform: scale(.85) translateY(0.3rem) translateX(0.15rem);
  padding: 0 1.2rem 0;
  height: 20px;
}
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown){
  padding: 1.414rem 1.2rem 0.4rem;
}
.form-sm{
	padding-top: .6rem;
	padding-bottom: .6rem;
}
.form-check-input{
	--bs-border-color: var(--color-black);
}
.form-check-input[type=checkbox]{
	border-radius: 0;
}
.form-check-input:checked {
  background-color: var(--color-black);
  border-color: var(--color-black);
}

/*------------------------------------*\
	Autocomplete
\*------------------------------------*/
.autocomplete{
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  transform: translateY(100%);
  z-index: 99;
  padding: 1.2rem 1.5rem;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  font-size: .95rem;
  display: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.autocomplete > div{
  margin-bottom: .3rem;
  padding-bottom: .3rem;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.autocomplete > div:hover img{transform: scale(1.1);}
.autocomplete > div:last-of-type{margin: 0; padding: 0; border: 0;}
.autocomplete > div > div:first-of-type{margin-right: 1rem;}
.autocomplete > div > div > *{line-height: 1}
.autocomplete > div p{margin: 0;}
.autocomplete > div h3{font-size: inherit; margin: 0 0 .5rem;}
.autocomplete img{max-width: 60px; max-height: 60px; transition: transform .35s ease;}

/*------------------------------------*\
	Block columns & Block Cover background images
\*------------------------------------*/
.block-col.has-background-image[class*='background-overlay-'][href]:hover:before{
	opacity: .5;
}
a.block-col .wp-block-cover .wp-block-cover__background{
	transition: opacity .35s ease;
}
a.block-col:hover .wp-block-cover .wp-block-cover__background{
	opacity: .2;
}
:where(.wp-block-cover-image:not(.has-text-color)), :where(.wp-block-cover:not(.has-text-color)){color: inherit;}

/*------------------------------------*\
	Number counter
\*------------------------------------*/
.number-counter{
	text-align: center;
	font-weight: 600;
}
.number-counter .label{
	text-transform: uppercase;
	font-size: var(--font-size-sm);
}

.number-counter .value{
	font-size: 140px;
	line-height: 1.1;
}
@media only screen and (max-width: 1199px) {
	.number-counter .value{
		font-size: 100px;
	}
}

/*------------------------------------*\
	Products
\*------------------------------------*/
.tax-prodcategory article.product img{width: 100%;}


.df-ui-btn span.g-icon {
    display: block !important;
}
.df-container>.df-ui-next, .df-container>.df-ui-prev{
	color: #fff;
	opacity: 1;
	width: 60px !important;
}
.df-container>.df-ui-next > span, .df-container>.df-ui-prev > span{
	font-size: 3rem;
}


/*------------------------------------*\
	Single
\*------------------------------------*/
.wp-block-cover.has-fullsize-image .wp-block-cover__inner-container{
	opacity: 0;
	transition: opacity .5s ease;
}
.wp-block-cover.has-fullsize-image .wp-block-cover__background{
	opacity: 0 !important;
	transition: opacity .5s ease;
}
.wp-block-cover.has-fullsize-image:hover .wp-block-cover__inner-container{
	opacity: 1;
}
.wp-block-cover.has-fullsize-image:hover .wp-block-cover__background{
	opacity: .4 !important;
}
/* #modal-image .image > img{
	max-height: calc( 100vh - (var(--bs-modal-margin)* 2) );
} */
.wp-block-cover .wp-block-cover__inner-container.has-custom-width{
	margin-left: inherit !important;
	margin-right: inherit !important;
}

/*------------------------------------*\
	Widgets
\*------------------------------------*/



/*------------------------------------*\
	Footer
\*------------------------------------*/
footer p{
	margin-bottom: .5rem;
}
footer ul.menu{
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
footer ul.menu > li{
	padding: 1rem;
}
footer ul.menu a:hover{
	text-decoration: underline;
}
footer ul.menu a:not(:hover) {
	color: var(--page-color);
}
footer .social-nav  svg{
	transition: transform .35s ease;
}
footer .social-nav a.nav-link:hover{
	border-bottom-color: transparent;
}
footer .social-nav a:hover svg{
	transform: scale(1.2);
}
footer .credit {
    transition: opacity .35s ease;
    opacity: .5;
    letter-spacing: .05rem;
    text-align: right;
}
footer .credit span {
    opacity: 0;
    transition: opacity 1s ease;
}
footer .credit:hover {
    opacity: 1;
}
footer .credit:hover span {
    opacity: .6;
}