/*
Theme Name: OBRADOR NENINA 2025
Theme URI: masasdepizza.es
Description: Tema creado para Obrador Nenina. Todos los derechos reservados.
Author: Marketing Z
Author URI: marketingz.es
Version: 0.9b

*/

:root {
	--main-color: #f20609;
	--alt-color: #1d1d1b;
	--alt-2-color: #d6b896;
	--alt-3-color: #f2e8dc;


	--grey_900: #333;
	--grey_800: #454545;
	--grey_700: #4f4f4f;
	--grey_600: #5d5d5d;
	--grey_500: #6d6d6d;
	--grey_400: #888888;
	--grey_300: #b0b0b0;
	--grey_200: #d1d1d1;
	--grey_100: #e7e7e7;
	--grey_50: #f6f6f6;

	--dark-grey: #6d6d6d;
	--grey: #b0b0b0;
	--light-grey: #f6f6f6;


	--main-color_800: #074985;
	--main-color_700: #0357a5;
	--main-color_600: #026bc7;
	--main-color_500: #0e89e9;
	--main-color_400: #38a5f8;
	--main-color_300: #7dc3fc;
	--main-color_200: #baddfd;
	--main-color_100: #e0eefe;
	--main-color_50: #f0f7ff;

	--alt-color_200: #c3e4f4;
	--alt-2-color_200: #b2ecff;
	--alt-3-color_200: #c2e1fb;

	--main-color_100: #f2ffc8;
	--alt-color_100: #e4f2fa;
	--alt-2-color_100: #dcf4ff;
	--alt-3-color_100: #ddedfc;
	
	
	--font-main-color: #1d1d1b;
	--h-color: #1d1d1b;

	--green: #27ae60;
	--red:  #e74c3c;

	--font-family-main-black: 'Inter 18pt Black';
	--font-family-main-black-italic: 'Inter 18pt Black Italic';

	--font-family-main-extrabold: 'Inter 18pt ExtraBold';
	--font-family-main-exrabold-italic: 'Inter 18pt ExtraBold Italic';

	--font-family-main-bold: 'Inter 18pt Bold';
	--font-family-main-bold-italic: 'Inter 18pt Bold Italic';

	--font-family-main-semibold: 'Inter 18pt SemiBold';
	--font-family-main-semibold-italic: 'Inter 18pt SemiBold Italic';

	--font-family-main-medium: 'Inter 18pt Medium';
	--font-family-main-medium-italic: 'Inter 18pt Medium Italic';

	--font-family-main-regular: 'Inter 18pt Regular';
	--font-family-main-italic: 'Inter 18pt Italic';
	
	--font-family-main-light: 'Inter 18pt Light';
	--font-family-main-light-italic: 'Inter 18pt Light Italic';
	
	--font-family-main-extralight: 'Inter 18pt ExtraLight';
	--font-family-main-extralight-italic: 'Inter 18pt ExtraLight Italic';
	
	--font-family-main-thin: 'Inter 18pt Thin';
	--font-family-main-thin-italic: 'Inter 18pt Thin Italic';

	--font-size: 14px;
	--font-size-xs: 0.75em;
	--font-size-sm: 0.85em;
	--font-size-normal: 1em;
	--font-size-md: 1.25em;
	--font-size-lg: 1.5em;
	--font-size-xl: 2em;
	--font-size-2xl: 3em;
	--font-size-3xl: 4em;
	--font-size-4xl: 5em;
	--font-size-5xl: 6em;

	--header-heigth: 64px;

	--whatsapp-color: #25d366;
	--whatsapp-color-teal-green: #128C7E;
	--whatsapp-color-teal-green-dark: #075E54;

}

@media( min-width: 768px ){
	:root{
		--header-heigth: 64px;
		--font-size: 14px;
	}
}


/*--------------------------------------------------------------
HTML TAGS
--------------------------------------------------------------*/
body{
	font-family: var(--font-family-main-regular);
	font-size: var(--font-size);
	color: var(--font-main-color);
	display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
}

p{
	margin-bottom: 15px;
	line-height: 1.75;
}

small, .small{
	line-height: 1;
	font-size: var(--font-size-xs);
}

/*----------HGROUP---------*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: var(--font-family-main-extrabold);
	line-height: 1.1;
	color: var(--h-color);
}


h1, .h1, h2, .h2, h3, .h3{
	margin-top: 15px;
}

/*----------LINKS---------*/
a, .a{
	font-family: var(--font-family-main-bold);
	color: var(--main-color);
	text-decoration: none;
}
a:hover, a:focus, a:active,
.a:hover, .a:focus, .a:active{
	text-decoration: none;
	color: var(--alt-2-color);
}

a[title], .a[title]{
	position: relative;
	overflow: hidden;
	display: inline-block;
}
a[title]:before, .a[title]:before,
a[title]:after, .a[title]:after{
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
}
a[title]:before, .a[title]:before{
	background-color: var(--alt-2-color);
	height: 2px;
	bottom: 0;
	transform-origin: 100% 50%;
	transform: scaleX(0);
	transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}
a[title]:after, .a[title]:after{
	content: attr(title);
	height: 100%;
	top: 0;
	transform-origin: 100% 50%;
	transform: translate3d(200%, 0, 0);
	transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
	color: var(--alt-2-color);
}

a[title]:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
a[title]:hover::after {
  transform: translate3d(0, 0, 0);
}

a[title] span {
  display: inline-block;
  transition: transform .3s cubic-bezier(0.76, 0, 0.24, 1);
}

a[title]:hover span {
  transform: translate3d(-200%, 0, 0);
}

/*--------------------------------------------------------------
IMGS
--------------------------------------------------------------*/
.wp-block-image img {
	max-width: 100%;
	height: auto;
}

img.alignright, figure.alignright, figure.alignright iframe {margin-left: auto;}
img.alignleft, figure.alignleft, figure.alignleft iframe {margin-right: auto;}
img.aligncenter, figure.aligncenter, figure.aligncenter iframe {display: block; margin-left: auto; margin-right: auto}

@media(min-width: 768px){
	img.sm\:alignright, figure.sm\:alignright, figure.sm\:alignright iframe {
		margin-left: auto;
		margin-right: 0;
	}
	img.sm\:alignleft, figure.sm\:alignleft, figure.sm\:alignleft iframe {
		margin-left: 0;
		margin-right: auto;
	}
	img.sm\:aligncenter, figure.sm\:aligncenter, figure.sm\:aligncenter iframe {display: block; margin-left: auto; margin-right: auto}
}
@media(min-width: 992px){
	img.md\:alignright, figure.md\:alignright, figure.md\:alignright iframe {
		margin-left: auto;
		margin-right: 0;
	}
	img.md\:alignleft, figure.md\:alignleft, figure.md\:alignleft iframe {
		margin-left: 0;
		margin-right: auto;
	}
	img.md\:aligncenter, figure.md\:aligncenter, figure.md\:aligncenter iframe {display: block; margin-left: auto; margin-right: auto}
}
@media(min-width: 1200px){
	img.lg\:alignright, figure.lg\:alignright, figure.lg\:alignright iframe {
		margin-left: auto;
		margin-right: 0;
	}
	img.lg\:alignleft, figure.lg\:alignleft, figure.lg\:alignleft iframe {
		margin-left: 0;
		margin-right: auto;
	}
	img.lg\:aligncenter, figure.lg\:aligncenter, figure.lg\:aligncenter iframe {display: block; margin-left: auto; margin-right: auto}
}

/*--------------------------------------------------------------
INPUTS AND FORMS
--------------------------------------------------------------*/
/**********INPUT WRAP************/
.input-wrap{
	width: 100%;
	margin-bottom: 0.15em;
	position: relative;
}
.input-wrap.one-third{
	width: calc(33% - 0.5em);
}
.input-wrap.one-half{
	width: calc(50% - 0.5em);
}
.input-field{
	width: 100%;
}

@media(min-width:768px){
	.input-wrap.sm\:one-third{
		width: calc(33% - 0.5em);
	}
	.input-wrap.sm\:one-half{
		width: calc(50% - 0.5em);
	}
}
@media(min-width:992px){
	.input-wrap.md\:one-third{
		width: calc(33% - 0.5em);
	}
	.input-wrap.md\:one-half{
		width: calc(50% - 0.5em);
	}
}
@media(min-width:1200px){
	.input-wrap.lg\:one-third{
		width: calc(33% - 0.5em);
	}
	.input-wrap.lg\:one-half{
		width: calc(50% - 0.5em);
	}
}

/*----------------PLACEHOLDER---------------*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--grey_200);
}
::-moz-placeholder { /* Firefox 19+ */
	color: var(--grey_200);
}
:-ms-input-placeholder { /* IE 10+ */
	color: var(--grey_200);
}
:-moz-placeholder { /* Firefox 18- */
	color: var(--grey_200);
}


/*----------------INPUTS---------------*/
input, select, textarea{
	padding: 10px 15px;
	border: 1px solid var(--grey_200);
	border-radius: 1.5em;
	max-width: 100%;
	/*margin-top: 20px;*/
	background: #fff;
	vertical-align:top;
}
	textarea{
		resize: none;
		min-height: 5em;
		width: 100%;
	}
	input, select{
		height: 50px;
	}
	input:hover, textarea:hover, select:hover,
	input:focus, textarea:focus, select:focus,
	input:active, textarea:active, select:active {
		border: 1px solid var(--alt-3-color);
		outline: none;
		background: var(--alt-3-color);
	}

	input[type=checkbox], input[type=radio]{
		margin: 0.1em 0 0 0;
		height: 20px;
		width: 20px;
		display: inline-block;
	}
	.checkbox input[type=checkbox]{
		position: initial;
		margin-top: 0.1em;
		margin-left: 0;
	}

	input[type="radio"]:checked{
		background-color: #fff;
  	border: .4em rgb(23,115,176) solid;
	}


/*----------------LABEL---------------*/
label{
	text-transform: uppercase;
	font-size: var(--font-size-sm);
	display: block;
	font-family: var(--font-family-main-medium);
	color: var(--grey);
}
label .required{
	text-transform: uppercase;
	font-size: var(--font-size-sm);
	color: inherit;
}
	label .required:after{
		content: "*";
		color: var(--red);
	}

/*input + label{
	position: absolute;
	top: 35px;
	left: 15px;
}*/
/*input:focus + label,
input:active + label{
	position: absolute;
	top: calc(0.5em);
	transform: translateY(0);
	color: var(--font-color);
}*/

input[type="checkbox"] + label, input[type="radio"] + label, label.checkbox{
	display: inline-block;
	text-transform: none;
	font-weight: normal;
	max-width: 90%;
	padding-left: 0.5em;
	letter-spacing: normal;
	font-size: var(--font-size-normal);
	color: var(--grey);

	margin-bottom: 0;
}

legend{
	color: var(--main-color);
	font-weight: bold;
}

.required{
	color: var(--red);
}
.invalid{
	border: 1px solid var(--red);
}

/*----------------BUTTONS---------------*/
input[type=submit], input[type="cancel"], input[type=reset], button, .btn, .button{
	border: 3px solid transparent;
	background: var(--main-color);
	border-radius: 7rem;
	
	font-family: var(--font-family-main-medium);

	color: #fff;
	text-decoration: none;
	line-height: inherit;

	height: auto;
	padding: 10px 20px;
	margin: 0.5em 0em;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

	cursor: pointer;

	display: inline-flex;
  	justify-content: center;
  	align-items: center;
}

.btn{
	/*display: inline-block;
	vertical-align: initial;
	line-height: inherit;*/
	text-decoration: none;
	white-space: normal;
}

.btn-border-thin{
	border-width: 1px;
}

.btn-circle{
	padding: 0.5em;
	width: 3em;
	height: 3em;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

input[type=reset], .reset{
	background: transparent;
  	color: var(--alt-color);
  	border-color: var(--alt-color);
}

	input[type=submit]:hover, input[type=reset]:hover, button:hover, .btn:hover, .button:hover,
	input[type=submit]:focus, input[type=reset]:focus, button:focus, .button:focus, .button:hover{
		color: var(--alt-color);
		background: var(--alt-2-color);
		text-decoration: none;
	}
	input[type=reset]:hover, input[type=reset]:focus, .reset:hover, .reset:focus{
		color: var(--alt-2-color);
		background: var(--alt-color);
		border-color: var(--alt-color);
	}

	input[type=submit]:disabled, input[type=reset]:disabled, input[type=cancel]:disabled, button:disabled, 
	.btn.disabled, input[type=submit].disabled,  input[type=reset].disabled, input[type=cancel].disabled, button.disabled{
		background: var(--grey_50);
		color: var(--grey_200);
		cursor: not-allowed;
	}

/**********BTN ALT************/
.btn-alt{
	background: var(--alt-2-color);
	border-color: var(--alt-2-color);
	color: var(--alt-color);
}
	.btn-alt:hover, .btn-alt:focus, .btn-alt:active{
		background: var(--alt-color);
		border-color: var(--alt-color);
		color: var(--alt-2-color);
	}

.btn-alt-2{
	background: var(--alt-color);
	border-color: var(--alt-color);
	color: var(--alt-2-color);
}
	.btn-alt-2:hover, .btn-alt-2:focus, .btn-alt-2:active{
		background: var(--alt-2-color);
		border-color: var(--alt-2-color);
		color: var(--alt-color);
	}

/**********COLORS************/
.btn-fff{
	background: #fff;
	color: var(--main-color);
}
.btn-transparent{
	background: transparent;
	color: var(--font-main-color);
}
	.btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus{
		background: transparent;
		color: var(--main-color);
	}

/**********LINED************/
.input-lined{
	border-color: var(--main-color);
	background: transparent;
	color: var(--main-color);
}
.input-lined::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--grey_200);
}
.input-lined::-moz-placeholder { /* Firefox 19+ */
	color: var(--grey_200);
}
.input-lined:-ms-input-placeholder { /* IE 10+ */
	color: var(--grey_200);
}
.input-lined:-moz-placeholder { /* Firefox 18- */
	color: var(--grey_200);
}

.btn-lined{
	border-color: var(--main-color);
	background: transparent;
	color: var(--main-color);
}
	.btn-lined:hover, .btn-lined:focus, .btn-lined:active{
		border-color: var(--main-color);
		background: var(--main-color);
		color: #fff;
	}

.btn-alt-lined{
	border-color: var(--alt-color);
	background: transparent;
	color: var(--alt-color);
}
	.btn-alt-lined:hover, .btn-alt-lined:focus, .btn-alt-lined:active{
		border-color: var(--alt-color);
		background: var(--alt-color);
		color: var(--alt-2-color);
	}

.btn-alt-2-lined{
	border-color: var(--alt-2-color);
	background: transparent;
	color: var(--alt-2-color);
}
	.btn-alt-2-lined:hover, .btn-alt-2-lined:focus, .btn-alt-2-lined:active{
		border-color: var(--alt-2-color);
		background: var(--alt-2-color);
		color: var(--alt-color);
	}

.btn-lined-grey{
	border-color: var(--grey);
	background: transparent;
	color: var(--main-color);
}
	.btn-lined-grey:hover, .btn-lined-grey:focus, .btn-lined-grey:active{
		border-color: var(--alt-color);
		background: var(--alt-color);
		color: #fff;
	}

.btn-lined-fff{
	border-color: #fff;
	background: transparent;
	color: var(--main-color);
}
	.btn-lined-fff:hover, .btn-lined-fff:focus, .btn-lined-fff:active{
		border-color: var(--alt-color);
		background: var(--alt-color);
		color: #fff;
	}


.input-lined-fff{
	border-color: #fff;
	background: transparent;
	color: #fff;
}
.input-lined-fff::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: var(--grey_200);
}
.input-lined-fff::-moz-placeholder { /* Firefox 19+ */
	color: var(--grey_200);
}
.input-lined-fff:-ms-input-placeholder { /* IE 10+ */
	color: var(--grey_200);
}
.input-lined-fff:-moz-placeholder { /* Firefox 18- */
	color: var(--grey_200);
}
	.input-lined-fff:hover, .input-lined-fff:focus, .input-lined-fff:active{
		border-color: #fff;
		box-shadow: 0 0 0 3px #fff;
	}

/**********BTN ICON************/
.btn-icon{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
}
	.btn-icon-text{
		margin-right: 0.5em;
	}
	.btn-icon-text + .btn-icon-img{
		margin-left: 0.5em;
		margin-left: auto;
	}
	.btn-icon-img{
		max-height: 20px;
		max-width: 100%;
	}
	.btn-icon-img + .btn-icon-text{
		margin-left: 0.5em;
		margin-right: 0em;
	}

/**********BTN ICON************/

.btn-icon:hover .btn-icon-on-hover + .btn-icon-img{
	display: none;
}
.btn-icon .btn-icon-on-hover{
	display: none;
}
	.btn-icon:hover .btn-icon-on-hover{
		display: inherit;
	}


/**********LIST************/
ul{
	padding-left: 0;
}

.li-bullet{
	padding-left: 0;
}
.li-bullet li{
	list-style: none;
	padding: 0px 0px 10px 25px;
	background-image: url('assets/images/lists/li-asset-01.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 20px;
}
	.li-bullet.li-1 li{
	    background-image: url('assets/images/lists/li-asset-01.svg');
	    padding: 6px 0px 10px 25px;
	    background-size: 32px;
	}

	.li-bullet.li-2 li{
		background-image: url('assets/images/lists/li-asset-02.svg');
	}


/*--------------------------------------------------------------
TABLE
--------------------------------------------------------------*/
.table-responsive{
	width: 100%;
}

table{
	border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 1em;
	overflow: hidden;
}
	table tr td, table tr th{
		padding: 0.5em 0.5em; vertical-align: middle;
	}

.table-stripped .tbody .tr:nth-child(even) .td {background: var(--light-grey);}

.table-col-stripped .tbody .tr .td:nth-child(even) {background: var(--light-grey);}

/*--------------------------------------------------------------
SE PRE CON
--------------------------------------------------------------*/
.se-pre-con{
	background-color: rgba(255, 255, 255, 1);
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 11;

	display: flex;
	justify-content: center;
	align-items: center;
}
.se-pre-con.loaded{
	animation-name: fadeOut;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.se-pre-con-wrap{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.se-pre-con-content{
	order: 1;
	text-align: center;
	margin-bottom: 3em;
}


.se-pre-con-animation {
	order: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 8px solid #d1914b;
  box-sizing: border-box;
  --c:no-repeat radial-gradient(farthest-side, #d64123 94%,#0000);
  --b:no-repeat radial-gradient(farthest-side, #000 94%,#0000);
  background:
    var(--c) 11px 15px,
    var(--b) 6px 15px,    
    var(--c) 35px 23px,
    var(--b) 29px 15px,    
    var(--c) 11px 46px,
    var(--b) 11px 34px,    
    var(--c) 36px 0px,
    var(--b) 50px 31px,
    var(--c) 47px 43px,
    var(--b) 31px 48px,    
    #f6d353; 
  background-size: 15px 15px,6px 6px;
  animation: l4 3s infinite;
}

@keyframes fadeOut {
   0% {opacity: 1;}
   100% {opacity: 0; visibility: hidden;} 
}
@keyframes l4 {
  0%     {-webkit-mask:conic-gradient(#0000 0     ,#000 0)}
  16.67% {-webkit-mask:conic-gradient(#0000 60deg ,#000 0)}
  33.33% {-webkit-mask:conic-gradient(#0000 120deg,#000 0)}
  50%    {-webkit-mask:conic-gradient(#0000 180deg,#000 0)}
  66.67% {-webkit-mask:conic-gradient(#0000 240deg,#000 0)}
  83.33% {-webkit-mask:conic-gradient(#0000 300deg,#000 0)}
  100%   {-webkit-mask:conic-gradient(#0000 360deg,#000 0)}
}

/*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/

.site-header{
	min-height: var(--header-heigth);
}

/*----------------HEADER WRAP---------------*/
.header-wrap{
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 8px 24px 0 rgba(149,157,165,0.2);

	z-index: 8;
}
	.admin-bar .header-wrap{
		top: 46px;
	}

	.header-container{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		height: var(--header-heigth);

		position: relative;
	}

@media(min-width: 783px){
	.admin-bar .header-wrap{
		top: 32px;
	}
}

/*----------HOME---------*/

/*---------BRANDING----------*/
.header-wrap .header-container .branding-container{
	padding: 0.25em 0em;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: auto;

	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
	.header-wrap .header-container .branding-container h1{
		margin: 0;
	}
	.header-wrap .header-container .branding-container .site-logo{
		max-height: calc( var(--header-heigth) - 0.6em);
		max-width: 128px;
	}
		
@media(min-width: 768px){
	.header-wrap .header-container .branding-container{
		width: auto;
	}
	.header-wrap .header-container .branding-container .site-logo{
		max-width: 100%;
	}
}

@media(min-width: 992px){
	.header-wrap .header-container .branding-container{
		width: auto;
	}
}

@media(min-width: 992px){
	.header-wrap .header-container .branding-container{
		justify-content: flex-end;
		align-self: center;
	}
}

/*----------MENU OPENER---------*/
.menu-opener-container{
	padding-right: 1em;
	/*width: calc( var(--header-heigth) - 0.6em);
	height: calc( var(--header-heigth) - 0.6em);*/
	align-self: center;
	margin-right: 1em;
	padding-right: 0em;
}

	#menu-opener{
		background: var(--alt-color);
		color: #fff;
		border-radius: 50%;
		cursor: pointer;
		width: calc( var(--header-heigth) - 0.6em);
		height: calc( var(--header-heigth) - 0.6em);

		display: flex;
		justify-content: center;
		align-items: center;

		font-family: var(--font-family-main-semibold);
	}
		#menu-opener:hover{
			background: var(--alt-2-color);
			color: var(--alt-color);
		}

		#menu-opener .open{
			display: none;
		}

		#menu-opener.open .open {
			display: inline-block;
		}
		#menu-opener.open .closed {
			display: none;
		}

/*---------HEADER CTA----------*/

.header-cta{
	padding: 0.75em 0em;
	margin-left: auto;
	display: none;
	max-width: 40%;
}

	.header-cta-container{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 100%;
	}
	.header-cta-item{
		border-radius: 35px;
		font-size: 1em;
		margin-top: 0em;
		margin-bottom: 0em;
		margin-left: 1em;
		position: relative;
	}
	.header-cta-item.globe-wrap {
		height: 40px;
		width: 40px;
		padding: 0.5em;
	}
	.header-cta-item_icon{
		max-height: 20px;
	}

@media( min-width: 992px ){
	.header-cta{
		display: initial;
	}
}

/*----------HEADER CTA HAND HELD---------*/
.header-cta-hand-held{
	padding: 0.5em 0em;
	margin-left: auto;
}
.header-cta-hand-held .header-cta-item{
	margin-left: 0.75em;
	font-size: 11px;
}
.header-cta-hand-held .header-cta-item_icon {
	max-height: 20px;
}
@media(min-width: 992px){
	.header-cta-hand-held{
		display: none;
	}
}

/*----------HEADER CTA ITEM---------*/
.header-cta-item_link{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.header-cta-item_image_wrap{

	}
	.header-cta-item_image{
		max-height: 25px;
		margin-left: auto;
		margin-right: auto;
	}
	.header-cta-item_title{
		display: none;
		font-size: 0.8em;
	}
@media( min-width: 768px ){
	.header-cta-item_link{
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
	}
	.header-cta-item_title{
		margin-left: 0.5em;
		display: initial;
	}
	.header-cta-item_image{
		max-height: 32px;
		margin-left: 0em;
		margin-right: 0em;
	}
}

.header-cta-item .btn{
	padding: 10px 15px;
}

/*---------HEADER NAVIGATION----------*/
.header-wrap .header-container .header-navigation{
	height: 100%;
	width: 100%;
	position: fixed;
	top: -100%;
	left: 0;
	transition: all 500ms;
	z-index: 10;
	overflow: hidden;

	display: flex;
}


	.header-wrap .header-container .header-navigation.open{
		top: 0%;
	}
	.admin-bar .header-wrap .header-container .header-navigation.open{
		top: 32px;
	}
	.header-wrap .header-container .header-navigation.closed{
		top: -100%;
	}

	.header-wrap .header-container .header-navigation .header-navigation-container{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		height: 100%;
		width: 100%;
		background: var(--alt-color);
	}

/*----------BODY HEADER NAVIGATION OPEN---------*/
body.header-navigation-open .header-wrap:after{
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9;
	
	background: rgba(0, 0, 0, .4);
}

/*---------HEADER NAVIGATION ENTRY HEADER----------*/
.header-navigation-entry-header{
	height: 64px;
	display: flex;
	justify-content: flex-start;
	padding-left: 15px;
	padding-right: 15px;
}

/*---------HEADER NAVIGATION ENTRY CONTENT----------*/
.header-navigation-entry-content{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 100%;
	padding: 1.5em 1em 0.5em 1em;
}

@media( min-width: 768px ){
	.header-navigation-entry-content{
		max-height: initial;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: auto;
		margin-bottom: auto;
	}
}

/*---------HEADER MENU ENTRY FOOTER----------*/
.header-navigation-entry-footer{
	margin-top: auto;

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

	padding: 1em 1em 0.5em 1em;
}

/*---------HEADER NAVIGATION CLOSER----------*/
.header-navigation-closer{
	width: 35%;
}
.menu-closer-container{
	width: 64px;
	height: 64px;

	display: flex;
	justify-content: center;
	align-items: center;
}
.menu-closer{
	background: var(--light-grey);
	color: var(--alt-color);
	border-radius: 50%;
	cursor: pointer;
	width: calc( var(--header-heigth) - 0.6em);
	height: calc( var(--header-heigth) - 0.6em);

	display: flex;
	justify-content: center;
	align-items: center;

	font-family: var(--font-family-main-semibold);
}
	.menu-closer:hover{
		background: var(--alt-2-color);
		color: var(--alt-color);
	}

/*---------HEADER NAVIGATION BRAND----------*/
.header-navigation-brand{
	width: 30%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hna-brand-logo{
	max-width: 100%;
	height: auto;
	max-height: calc( var(--header-heigth) - 0.6em);
}
/*.header-navigation-aside-brand{
	display: none;
}
.hna-brand-logo-container{
	display: block;
	width: 196px;
	transform: rotate(-90deg) translateY( calc( -64px + 0.25em ) ) translateX( calc( -66px - 0.5em ) );
}
.hna-brand-logo{
	max-width: 100%;
	height: auto;
}
@media( min-width: 768px ){
	.header-navigation-aside-brand{
		display: block;
	}
}*/

/*---------HEADER NAVIGATION TOP CTA----------*/
.header-cta.header-navigation-top-cta{
	/*padding-right: 1em;*/
	display: none;
	padding-top: 0;
	padding-bottom: 0;
}

.header-cta.header-navigation-top-cta_hand-held{
	display: initial;
}

.header-cta.header-navigation-top-cta .header-cta-item .item{
	width: 55px;
	height: 55px;
}

@media(min-width: 992px){
	.header-cta.header-navigation-top-cta{
		display: initial;
	}
	.header-cta.header-navigation-top-cta_hand-held{
		display: none;
	}
}

/*---------NAVIGATION MENUS----------*/
.header-navigation ul{
	list-style: none;
	padding-left: 0;
}

/*---------MAIN NAVIGATION----------*/
.main-navigation{
	margin-bottom: 2em;
}

.main-navigation-container{

}
	nav.nav-main-navigation{

	}

	.main-navigation-menu-container li{
		text-align: center;
	}
	.main-navigation-menu-container > ul > li{
		padding: 0em;
	}

		.main-navigation-menu-container > ul > li.open{background: #fff}
		.main-navigation-menu-container > ul > li > a{
			color: var(--light-grey);
			font-size: 32px;
			font-family: var(--font-family-main-extrabold);

			display: inline-flex;
			align-items: center;

			padding: 8px;

		}
		.main-navigation-menu-container ul a:hover, .main-navigation-menu-container a:active, .main-navigation-menu-container a:focus{
			text-decoration: none;
			color: var(--alt-2-color);
		}
		
		.main-navigation-menu-container ul li.menu-item-has-children > a:after{
			font-family: "Font Awesome 6 Free";
			content: "\f054";
			font-weight: 900;
			margin-left: 0.5em;
			color: var(--grey_300);
			font-size: 0.8em;
			margin-left: auto;
		}
		.main-navigation-menu-container ul li.menu-item-has-children.open > a:after{
			content: "\f078";
		}

@media( min-width: 768px ){
	.main-navigation-menu-container > ul > li > a{
		font-size: 48px;
	}
}
@media( min-width: 992px ){
	.main-navigation-menu-container > ul > li > a{
		font-size: 64px;
	}
}

/*---------SECONDARY NAVIGATION----------*/
ul.secondary-navigation-menu{
	display: flex;
	justify-content: center;
	gap: 1em;
	list-style: none;
}
	ul.secondary-navigation-menu li{
		text-align: center;
	}
	ul.secondary-navigation-menu li ul{
		display: none;
	}
	ul.secondary-navigation-menu li a{
		color: var(--light-grey);
		font-size: 18px;
		font-family: var(--font-family-main-extrabold);
		padding: 8px;
	}
	ul.secondary-navigation-menu li a:hover, ul.secondary-navigation-menu li a:active, ul.secondary-navigation-menu li a:focus{
		text-decoration: none;
		color: var(--alt-2-color);
	}

@media( min-width: 768px ){
	ul.secondary-navigation-menu li{
		text-align: left;
	}
	ul.secondary-navigation-menu li a{
		font-size: 24px;
	}
}
@media( min-width: 992px ){
	ul.secondary-navigation-menu li a{
		font-size: 32px;
	}
}

/*---------MENU ITEM ICON----------*/
.menu-item .menu-item-has-icon .menu-item-icon{
	max-height: 1em;
	width: auto;
	margin-right: 0.5em;
}
.main-navigation-menu-container .menu-item .menu-item-has-icon .menu-item-icon{max-height: 2em;}

/*---------HEADER NAVIGATION BOTTOM CTA----------*/
.header-navigation-bottom-cta{
	display: none;
}
.header-navigation-bottom-cta .header-navigation-bottom-cta-container{
	width: auto;

	display: grid;
	grid-column-gap: 0.5em;
	grid-template-columns: repeat(3, auto);

	justify-content: center;
}

.header-navigation-bottom-cta_hand-held{
	display: initial;
}

@media( min-width: 768px ){
	.header-navigation-bottom-cta{
		display: flex;
		justify-content: center;
	}
	.header-navigation-bottom-cta_hand-held{
		display: none;
	}
}

.header-navigation-bottom-cta_hand-held .header-navigation-bottom-cta-item{
	font-size: var(--font-size-xs);
}
.header-navigation-bottom-cta-item .btn-cta-item{
	background: var(--light-grey);
	color: var(--alt-color);
}
	.header-navigation-bottom-cta-item .btn-cta-item:hover,
	.header-navigation-bottom-cta-item .btn-cta-item:active,
	.header-navigation-bottom-cta-item .btn-cta-item:focus{
		background: var(--alt-2-color);
		color: var(--alt-color);
	}

.header-navigation-bottom-cta_hand-held .btn-cta-item{
	padding: 10px 15px;
	flex-direction: column;	
}

.header-navigation-bottom-cta_hand-held .header-navigation-bottom-cta-item img{
	max-width: 32px;
}
.header-navigation-bottom-cta_hand-held .header-cta-item_title{
	display: block;
}

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
.site-footer{
	margin-top: auto;
}

	.footer-wrap{
		background: var(--light-grey);
	}
		.footer-content{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			padding-right: 15px;
			padding-left: 15px;
			max-width: 1170px;

			padding-top: 2em;
			padding-bottom: 1em;

			text-align: center;
		}

			.footer-wrap .widget-title {
			  font-size: 1.2em;
			}
			.footer-content .widget_nav_menu ul{
				list-style: none;
			}
				.footer-content .widget_nav_menu ul li{
					margin-top: 1em;
				}
					.footer-content .widget_nav_menu a{
						color: var(--alt-color);
						text-transform: uppercase;
						/*font-family: var(--font-family-main-regular);*/
					}
					.footer-content .widget_nav_menu a:hover{
						color: var(--main-color);
					}

					.footer-content ul#menu-footer-1 li a{
						font-family: var(--font-family-main-extrabold);
						font-size: 40px;
						line-height: 1;
					}

@media( min-width: 992px ){
	.footer-content{
		text-align: left;
	}
	.footer-content .footer-widgets .col-item-1, .footer-content .footer-widgets .col-item-3{
		width: 30%;	
	}
	.footer-content .footer-widgets .col-item-2{
		width: 40%;
	}
}


.footer-content .footer-secondary{
	border-top: 1px solid var(--grey);
	padding-top: 1em;
	padding-bottom: 1em;
}

	.footer-content .footer-secondary .zz-credits{
		text-align: center;
	}

@media(min-width:992px){
	.footer-content .footer-secondary .zz-credits{
		margin-left: auto;
		text-align: right;
	}
}


/*--------------------------------------------------------------
GENERAL
--------------------------------------------------------------*/
/*--------------------------------------------------------------
PAGE HEADER
--------------------------------------------------------------*/
.page-header{
	padding-bottom: 0px;
  margin: 0px 0px 3em;
  border-bottom: none;
}

.page-header .entry-header-wrap{
	position: relative;
	height: calc(100vh - var(--header-heigth) );
	overflow: hidden;
}
.page-header .entry-header-wrap:after{
	content: "";
	position: absolute;
	right: 0;
  top: 0;
  z-index: -1;
  background: var(--alt-2-color);
  height: 100%;
  border-radius: 50em 0 0 50em;
  width: 95%;

  transition: .8s cubic-bezier(.215,.61,.355,1);
}
.page-header .entry-header-container{
	height: 100%;
	width: 60%;
	position: relative;
	margin-left: 0;
	padding-left: 15px;

	display: flex;
	flex-direction: column;
}

.page-header .entry-header-content{
	position: relative;
	height: 90%;
	order: 1;
	
}
.page-header .entry-header-meta{
	height: 5%;
	order: 0;
}
.page-header .entry-header-footer{
	height: 5%;
	order: 2;
}

.page-header .entry-title{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
	.page-header .entry-title .the_title{
		font-size: 64px;
	}

.page-header .entry-excerpt{
	position: absolute;
	bottom: 0;
	left: 0;
}
.page-header .entry-excerpt .excerpt{
	margin-bottom: 0;
}

@media( min-width: 768px ){
	.page-header .entry-header-wrap:after{
		width: 50%;
	}
	.page-header .entry-header-container{
		height: 100%;
		width: 60%;
	}
}
@media( min-width: 1170px ){
	.page-header .entry-header-container{
		margin-left: calc( (100vw - 1170px) / 2 )
	}

}

/********************HAS POST THUMBNAIL******************************/


/*--------------------------------------------------------------
LOOP
--------------------------------------------------------------*/
.archive_left_sidebar_active .loop-wrap,
.archive_right_sidebar_active .loop-wrap{
	display: flex;
	flex-wrap: wrap;
}

	.loop-wrap .loop-container{
		width: 100%;
		order: 1;
	}
	.loop-wrap #archive_left_sidebar{
		width: 100%;
		order: 2;
	}
	.loop-wrap #archive_right_sidebar{
		width: 100%;
		order: 3;
	}
	.loop-wrap .loop-container,
	.loop-wrap #archive_left_sidebar,
	.loop-wrap #archive_right_sidebar{
		margin-bottom: 1.5em;
	}

@media(min-width:992px){

	.archive_right_sidebar_active .loop-wrap{
		flex-wrap: nowrap;
	}
	.archive_right_sidebar_active .loop-wrap .loop-container,
	.archive_left_sidebar_active .loop-wrap .loop-container{
		width: 74%;
		order: 2;
	}
	.archive_left_sidebar_active.archive_right_sidebar_active .loop-wrap .loop-container{
		width: 64%;
	}

	.archive_left_sidebar_active .loop-wrap #archive_left_sidebar{
		width: 22%;
		margin-right: auto;
		order: 1;
	}
	.archive_right_sidebar_active .loop-wrap #archive_right_sidebar{
		width: 22%;
		margin-left: auto;
		order: 3;
	}
}

.loop{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-row-gap: 1.5em;
	grid-column-gap: 1.5em;
}

@media(min-width: 768px ){
	.loop{
		grid-template-columns: repeat(2, 1fr);
	}
	.loop-col-1{
		grid-template-columns: repeat(1, 1fr);
	}
}

@media(min-width: 992px ){
	.loop {
		grid-template-columns: repeat(3, 1fr);
	}
	.loop-col-1{
		grid-template-columns: repeat(1, 1fr);
	}
	.loop-col-2{
		grid-template-columns: repeat(2, 1fr);
	}
	.loop-col-3{
		grid-template-columns: repeat(3, 1fr);
	}
	.loop-col-4{
		grid-template-columns: repeat(4, 1fr);
	}
	.loop-col-5{
		grid-template-columns: repeat(5, 1fr);
	}
	.loop-col-6{
		grid-template-columns: repeat(6, 1fr);
	}
}

/********************HENTRY******************************/

.loop .hentry{
	display: flex;
	flex-direction: column;

	border: 1px solid var(--grey_50);
	border-radius: 0.7em;
	padding: 1em;

	background: #fff;
}

.loop .hentry{
	transition: all 300ms;
}
.loop .hentry:hover{
	transform: scale(1.05);
	transition: all 300ms;
}

.loop .hentry .entry-header,
.loop .hentry .entry-summary,
.loop .hentry .entry-footer{
	padding: 0.5em 0em;
}

.loop .hentry .entry-header{
	padding-top: 0em;
}

	.loop .hentry .entry-header .entry-thumb{
		margin-bottom: 10px;
		border-radius: 0.7em;
	}
	.loop .hentry .entry-header .entry-meta{
		font-size: var(--font-size-xs);
	}

		.loop .hentry .entry-header .entry-meta a{
				text-decoration: none;
		}
		.loop .hentry .entry-header .entry-meta .cat-links{
			text-transform: uppercase;
		}
			.loop .hentry .entry-header .entry-meta .cat-links a{
				color: var(--grey);
			}
	.loop .hentry .the_title{
		font-size: 1.5em;
		margin-top: 10px;
	}

	.loop .hentry .entry-content{
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		display: -webkit-box;
	}

	.loop .hentry .entry-footer{
		margin-top: auto;
		text-align: right;
	}


@media(min-width: 768px ){
	.loop-col-1 .hentry .entry-header{
		width: 30%;
		padding-right: 1em;
	}
	.loop-col-1 .hentry .entry-summary{
		width: 50%;
		padding: 0em 1em;
	}
	.loop-col-1 .hentry .entry-footer{
		width: 20%;
		padding-left: 1em;
	}
}

/*--------------------------------------------------------------
BREADCRUMBS
--------------------------------------------------------------*/

.breadcrumbs{
	width: 100%;
	font-family: var(--font-family-main-medium);
	padding-top: 1em;
	padding-bottom: 0.25em;
	font-size: var(--font-size-sm);
	color: var(--font-main-color);
}

	.breadcrumbs a{
		font-family: var(--font-family-main-medium);
		color: var(--main-color);
		text-decoration: none;
	}
	.breadcrumbs .separator{
		margin-left: 0.5em;
		margin-right: 0.5em;
		border-left: 1px solid #000;
	}

	.breadcrumbs .current{
		font-family: var(--font-family-main-medium);
	}

/*--------------------------------------------------------------
ACORDEON
--------------------------------------------------------------*/
.acordeon .acordeon-icon .open,
.acordeon.closed .acordeon-icon .open{
	display: none;
}
.acordeon .acordeon-icon .closed,
.acordeon.closed .acordeon-icon .closed{
	display: block;
}

.acordeon.open .acordeon-icon .open{
	display: block;
}
.acordeon.open .acordeon-icon .closed{
	display: none;
}

/*--------------------------------------------------------------


THEME


--------------------------------------------------------------*/

/*--------------------------------------------------------------
MAGIC HEADER
--------------------------------------------------------------*/

/********************PARALLAX 1 & 2******************************/
.has_post_thumbnail .mh_parallax_1 .entry-header-wrap,
.has_post_thumbnail .mh_parallax_2 .entry-header-wrap{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	overflow: hidden;

	padding-left: 5px;
	padding-right: 5px;
}



.mh_parallax_1 .entry-thumb:before,
.mh_parallax_1 .entry-thumb:after,
.mh_parallax_2 .entry-thumb:before,
.mh_parallax_2 .entry-thumb:after{
	content: none;
}

.mh_parallax_1 .entry-thumb,
.mh_parallax_2 .entry-thumb{
	position: relative;
	height: 100%;
	overflow: hidden;
	border-radius: 0.7em;
}
.mh_parallax_1 .entry-thumb:before,
.mh_parallax_2 .entry-thumb:before{
	content: "";
	display: block;
	padding-top: 177.78%;
	position: static;
	height: 100%;
	width: 100%;
	background: transparent;
}

.mh_parallax_1 .entry-thumb .landscape-thumbnail, .mh_parallax_1 .entry-thumb .landscape-portrait,
.mh_parallax_2 .entry-thumb .landscape-thumbnail, .mh_parallax_2 .entry-thumb .landscape-portrait{
  height: 100%;
}

.has_post_thumbnail .mh_parallax_1 .entry-header-container{
	margin-top: 0;
	height: 60%;
	width: 100%;

	background: transparent;

	position: absolute;
	top: 5em;
	left: 50%;

	-webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.has_post_thumbnail .mh_parallax_2 .entry-header-container{
	margin-top: 0;
	height: auto;
	max-height: 60%;
	width: calc(100% - 30px);

	background: transparent;

	position: absolute;
	top: 0;
	left: 50%;

	-webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


@media( (min-width: 768px) AND ( orientation:landscape ) ){
	.has_post_thumbnail .mh_parallax_1 .entry-header-wrap,
	.has_post_thumbnail .mh_parallax_2 .entry-header-wrap{
		width: 100vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3em;
	}
	.has_post_thumbnail.full-screen-content .mh_parallax_1 .entry-header-wrap,
	.has_post_thumbnail.full-screen-content .mh_parallax_2 .entry-header-wrap{
		/*max-width: calc( 100vw - 6em );
		margin: 3em;*/
	}
	.mh_parallax_1 .entry-thumb:before,
	.mh_parallax_2 .entry-thumb:before{
		padding-top: 56.25%;
	}
	.has_post_thumbnail .mh_parallax_1 .entry-header-container{
		align-items: left;
		width: 40%;
		height: auto;
		max-height: 100%;

		left: 30px;
		-webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
	}
	.has_post_thumbnail .mh_parallax_2 .entry-header-container{
		width: 60%;
		height: 40%;		
	}
	.has_post_thumbnail.full-screen-content .mh_parallax_1 .entry-header-container,
	.has_post_thumbnail.full-screen-content .mh_parallax_2 .entry-header-container{
		/*width: calc( 1170px * 0.5 );*/
	}
	.has_post_thumbnail .mh_parallax_1 .entry-title,
	.has_post_thumbnail .mh_parallax_1 .breadcrumbs{
		text-align: left;
	}
	.has_post_thumbnail .mh_parallax_1 .entry-title .the_title,
	.has_post_thumbnail .mh_parallax_2 .entry-title .the_title{
		font-size: var(--font-size-3xl);
	}
	.has_post_thumbnail .mh_parallax_1 .entry-title .the_title::before,
	.has_post_thumbnail .mh_parallax_2 .entry-title .the_title::before{
		content: none;
	}
}

/********************ASTRO******************************/
.mh_astro.page-header .entry-header-wrap{
	display: flex;
	height: auto;

	padding-top: 1em;
	padding-bottom: 1em;
}
	.mh_astro.page-header .entry-thumb{
		display: none;
	}
	.mh_astro.page-header .entry-header-wrap::before {
	  content: "";
	  position: initial;
	  height: auto;
	  width: 10%;

	  background-color: transparent;

	  background-image: url('assets/images/bg/bg-asset-02.svg');
	  background-position: left top;
		background-size: auto;
		background-repeat: no-repeat;
	}
	.mh_astro.page-header .entry-header-wrap::after {
	  content: "";
	  position: initial;
	  background: var(--alt-2-color);
	  height: auto;
	  width: 10%;
	  border-radius: 0;
	  transition: none;

	  background-color: transparent;

	  background-image: url('assets/images/bg/bg-asset-03.svg');
	  background-position: right top;
		background-size: auto;
		background-repeat: no-repeat;
	}
	.mh_astro .entry-header-container{
		width: 80%;
		padding-top: 2em;
		padding-bottom: 2em;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
	}
		.mh_astro .entry-header-container .entry-title{
			position: initial;
			transform: translateY(0%);
		}
		.mh_astro .entry-header-container .entry-excerpt{
			position: initial;
		}

@media( min-width: 992px ){
	.mh_astro.page-header .entry-header-wrap::before {
		width: 20%;
	}
	.mh_astro.page-header .entry-header-wrap::after {
		width: 20%;
	}
	.mh_astro .entry-header-container{
		width: 60%;
	}
}

@media( min-width: 1171px ){
	.mh_astro.page-header .entry-header-wrap{
		width: 100%;
		max-width: 1170px;
		margin-left: calc( (100vw - 1170px) / 2 );
		margin-right: calc( (100vw - 1170px) / 2 );
	}
	
}

/*--------------------------------------------------------------
DECOS, ASSETS & SHAPES
--------------------------------------------------------------*/

.bg-asset-01{
	background-image: url('assets/images/bg/bg-asset-01.svg');
	background-position: right bottom;
	background-size: auto 90%;
	background-repeat: no-repeat;
}


.pizza-carousel{
	display: none;
	max-width: 512px;
}