/*!
Theme Name: Web App Turismo Genova
Theme URI: https://www.sododesign.it
Author: Davide Pantè
Author URI: https://www.sododesign.it
Description: Description
Version: 1.0.15
Text Domain: appgenova
*/

:root {
	--red: #E40E16;
	--blue: #152f52;
	--green: #1abc9c;
	--white: #FFFFFF;
	--lightblue: #3498db;
	--greyborder: #EEEEEE;
	--greybg: #F8F8F8;
	--greybody: #ebebf2;
	--greyinput: #CCCCCC;
	--coloricon: #c1c1c1;
	--lightgrey: #F4F4F8;
	--black:  #000000;
	--shadowstd: 0 0 10px rgba(21,47,82,.15);
}

.screen-reader-text,
.sr-only {
	display: none!important;
}

.box-shadow-std {
	box-shadow: var(--shadowstd);
}

body {
	background-color: var(--greybody);
}

.overflow-hidden {
	overflow: hidden;
}

/*SPACING*/
.p-all-1 {padding: 10px;}
.p-all-2 {padding: 20px;}
.p-all-3 {padding: 30px;}
.p-all-4 {padding: 40px;}
.p-all-5 {padding: 50px;}

.mt-0 {margin-top: 0;}
.mt-1 {margin-top: 15px;}
.mt-2 {margin-top: 20px;}
.mt-3 {margin-top: 30px;}
.mt-4 {margin-top: 40px;}
.mt-5 {margin-top: 50px;}
.mt-6 {margin-top: 60px;}
.mt-7 {margin-top: 70px;}
.mb-0 {margin-bottom: 0;}
.mb-1 {margin-bottom: 15px;}
.mb-2 {margin-bottom: 20px;}
.mb-3 {margin-bottom: 30px;}
.mb-4 {margin-bottom: 40px;}
.mb-5 {margin-bottom: 50px;}
.mb-6 {margin-bottom: 60px;}
.mb-7 {margin-bottom: 70px;}
.pt-0 {padding-top: 0!important;}
.pt-1 {padding-top: 10px!important;}
.pt-2 {padding-top: 20px!important;}
.pt-3 {padding-top: 30px!important;}
.pt-4 {padding-top: 40px!important;}
.pt-5 {padding-top: 50px!important;}
.pt-6 {padding-top: 60px!important;}
.pt-7 {padding-top: 70px!important;}
.pt-xl {padding-top: 100px;}
.pt-xxl {padding-top: 200px;}
.pb-0 {padding-bottom: 0!important;}
.pb-1 {padding-bottom: 10px!important;}
.pb-2 {padding-bottom: 20px!important;}
.pb-3 {padding-bottom: 30px!important;}
.pb-4 {padding-bottom: 40px!important;}
.pb-5 {padding-bottom: 50px!important;}
.pb-6 {padding-bottom: 60px!important;}
.pb-7 {padding-bottom: 70px!important;}
.pb-xl {padding-bottom: 100px;}
.pb-xxl {padding-bottom: 200px;}

.grecaptcha-badge { visibility: hidden; }  

.fs-7 {
	font-size: .75rem;
}
.fs-icon-l {
	font-size: 45px;
}

#primary .row >* {
	padding-left: 30px;
	padding-right: 30px;
}
#primary .row.account-items >* {
	padding-left: 15px;
	padding-right: 15px;
}


/*STYLE GENERAL*/
.o-hidden {
	overflow: hidden;
}
.relative {
	position: relative;
}
.bg-white {
	background-color: var(--white);
}
.bg-grey {
	background-color: var(--greybg);
}
.bg-blue {
	background-color: var(--blue);	
}
.bg-green {
	background-color: var(--green);	
}
.bg-lightblue {
	background-color: var(--lightblue);	
}
.bg-black {
	background-color: var(--black);	
}
.bg-red {
	background-color: var(--red);	
}
.btn-close:focus { 
	box-shadow: none!important;
}
/*
.container {
	max-width: 767px;
}
*/
.z-5 {
	z-index: 5;
} 
.radius-5 {
	border-radius: 5px;
}
.radius-10 {
	border-radius: 10px;
}
.opacity-75 {
	opacity: .75!important;
}
.opacity-50 {
	opacity: .50!important;
}
.opacity-25 {
	opacity: .25!important;
}

.txt-white {
	color: var(--white)!important;
}
.txt-lightblue {
	color: var(--lightblue)!important;
}
.txt-black {
	color: var(--black)!important;
}
.txt-grey {
	color: var(--coloricon)!important;
}
.txt-red {
	color: var(--red)!important;
}

.button-app-primary{
	background: var(--blue);
	color: var(--white)!important;
	display: inline-block;
	border: 0;
	border-radius: 5px;
	padding: 10px 17px;
	transition: all .5s;
	text-decoration: none;
}
.button-app-primary:hover{
	opacity: .75;
}

.main_title_intro {
	font-size: 25px;
	line-height: 1.2;
}

/*SET IMAGE BG + OVERLAY*/
.overlay-box {
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .75;
}
.cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*HEADER*/
#AppMenuWeb .offcanvas-header .offcanvas-title a {
	display: flex;
	column-gap: 15px;
	align-items: center;
	color: var(--white);
	text-decoration: none;
}
#AppMenuWeb .offcanvas-header .offcanvas-title img {
	border-radius: 50%;
	max-width: 45px;
	height: auto;
	padding: 2px;
	background: var(--white);
}


#header {
    box-shadow: 0 15px 15px rgba(21,47,82,.15);
    z-index: 999;
	/*height: 50px;*/
}
#header a .bi {
    font-size: 25px;
	color: var(--blue);
}
#header h1 {
	font-size: 17px;
	line-height: 1;
	margin: 0;
	font-weight: 400;
	text-transform: uppercase;
}
.menu-canvas-app {
	margin: 0;
	padding: 0;
	list-style: none;
}
.menu-canvas-app li {}
.menu-canvas-app li + li {
	border-top: 1px solid var(--greyborder);
}
.menu-canvas-app li .bi {
	font-size: 20px;
}
.menu-canvas-app li a {
	transition: all .5s;
	padding: 10px 0;
    text-decoration: none;
    color: var(--blue);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.menu-canvas-app li a:hover {
	opacity: .55;
}

#header .icon-header-link {
	background-color: var(--greyborder);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
} 
#header .icon-header-link .bi {
	font-size: 20px;
}

#header .dropdown-lang .dropdown-item:active {
	background-color: transparent;
	color: var(--black);
}
#header #dropdownMenuLang {
	padding: 8px 0 8px 5px;
	border: 0;
}
#header #dropdownMenuLang:focus{
	box-shadow: none;
}
#header .dropdown-lang .dropdown-menu {
	min-width: 50px;
	padding: 0;
}

/*SEARCH HEADER*/
#searchform * {
	box-shadow: none;
}
#searchform input {
	border-color: var(--white);
	background-color: transparent;
	color: var(--white);
}

#searchform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--white);
  opacity: 1; /* Firefox */
}
#searchform :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--white);
}
#searchform ::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--white);
}

#searchform button {
	color: var(--lightblue);
	border-color: var(--white);
	background-color: var(--white);
	transition: opacity .5s;
}
#searchform button:hover,
#searchform button:focus,
#searchform button:active {
	opacity: .85;
}

/*BODY*/
#primary {
	padding: 46px 0 80px;
}
.discover-pg #primary {
	padding-bottom: 50px;
}

.hero-intro h1 {
	font-size: 2.5rem;
	line-height: 1.2;
}
.hero-intro p {
	font-size: 1.2rem;
	line-height: 1.4;
}
.hero-intro .btn-link{
	border: 2px solid var(--white);
	color: var(--white);
    display: inline-block;
    line-height: 1;
    padding: 15px 30px;
    margin: 20px 0 30px;
    border-radius: 5px;
    text-decoration: none;
    transition: all .5s;
}
.hero-intro .btn-link:hover{
	background-color: var(--white);
	color: var(--black);
}

.title-discover span {
	display: inline-block;
    padding: 5px 10px;
    line-height: 1;
    border-radius: 5px;
    margin: 8px 0 0;
}

.discover-cat {
	margin: 0 auto;
	/*max-width: 767px;*/
	list-style: none;
	padding: 20px 0 50px;
}
.discover-cat li{
	transition: all .5s;
	margin-top: 30px;
	overflow: hidden;
	border-radius: 10px;
}
.discover-cat li:hover  {
	opacity: .75
}
.discover-cat li .content-item .link-wrapper {
	min-height: 22vh;
	padding: 20px;
	text-decoration: none;
	color: var(--white);
	flex-wrap: wrap;
}
.discover-cat .headline_discover {
	width: 100%;
}
.discover-cat .desc_discover {
	font-size: 14px;
	line-height: 1.2;
	flex-wrap: wrap;
}
.discover-cat .discover_text {
	column-gap: 30px;
}


/*COMPONENT*/
#primary {
	overflow: hidden;
}
.swiper-experience {
	padding: 20px 0 40px;
	/*max-width: 767px;*/
	overflow: visible;
}
#page div:not(.swiper-slide) > .box-card-item-experience {
	margin-bottom: 50px;
}
#page div:last-child > .box-card-item-experience {
	margin-bottom: 0;
}
.box-card-item-experience .post-status {
	z-index: 5;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 20px;
    border: 0;
    border-radius: 5px;
    line-height: 1;
    padding: 11px;
    background-color: rgba(0,0,0,0.7);
    color: var(--white);
    font-size: 12px;
}
.card-item-experience {
	box-shadow: 0 0 15px rgba(21,47,82,.15);
	padding: 10px;
	border-radius: 10px;
	border-bottom: 4px solid transparent;
	text-decoration: none;
	color: var(--blue);
	display: block;
	background-color: var(--white);
}
.card-item-experience:hover {
	color: var(--blue);
}


.card-item-experience .cover {
	border-radius: 10px;
	margin: 0 0 10px 0;
	object-fit: cover;
	height: 180px;
	width: 100%;
}
.card-item-experience .heading_title {
	margin: 0 0 10px;
	font-size: 18px;
}
.card-item-experience .meta {
	border-top: 1px solid #eee;
	padding-top: 10px;
	font-size: 12px;
	color: #999;
}
.box-card-item-experience .favourite{
	z-index: 5;
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    border: 0;
    border-radius: 5px;
    line-height: 1;
    padding: 11px;
    background-color: rgba(255,255,255,0.85);
    color: var(--black);
}

#page .swiper-cat-experience a.link-wrapper {
	color: var(--white);
	transition: all .5s;
    text-decoration: none;
    min-height: 150px;
    font-size: 20px;
    padding: 20px;
}
#page .swiper-cat-experience a.link-wrapper:hover {
	opacity: .75;
}

/*ACCOUNT SWIPER MENU*/
.MenuAccount {
    margin: 0 -20px!important;
    padding: 13px 20px 0 20px!important;
    border-top: 1px solid var(--greyborder);
    column-gap: 40px;
    display: flex;
}
.MenuAccount .item-menu {
    color: var(--greyinput);
    display: flex;
    padding: 0 0 10px;
    border-bottom: 3px solid var(--white);
    width: initial;
    column-gap: 5px;
    align-items: center;
    transition: opacity .5s;
    text-decoration: none;
}
.MenuAccount .item-menu:hover {
    opacity: .55;
}
.MenuAccount .item-menu.active {
    color: var(--lightblue);
    font-weight: 500;
    border-color: var(--lightblue);
}
.MenuAccount .item-menu .bi {
    font-size: 22px;
    line-height: 1;
}
.MenuAccount .count {
	display: inline-block;
	margin-left: 5px;
	padding: 4px 7px;
	line-height: 1;
	font-size: 12px;
	background-color: var(--greyinput);
	border-radius: 5px;
}


/*AUTHOR PAGE*/
.hero-w-bg::before{
	position: absolute;
    left: 0;
    width: 100%;
    height: 120px;
    content: '';
    background: var(--lightblue);
    top: 0;
}


/*ACCORDION*/
.accordion-app {
	box-shadow: var(--shadowstd);
	border: 1px solid var(--greyinput);
	border-bottom: 0;
}
.accordion-app .headline_accordion {
	color: var(--blue);
	cursor: pointer;
	font-size: 17px;
	line-height: 1;
	border-bottom: 1px solid var(--greyinput);
	padding: 15px 20px;
	text-transform: uppercase;
	margin: 0;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.accordion-app .headline_accordion .ui-accordion-header-icon {
	transition: all .5s;
}
.accordion-app .headline_accordion .ui-accordion-header-icon::after {
	font-family: bootstrap-icons !important;
    content: "\f285";
}
.accordion-app .headline_accordion.ui-state-active .ui-accordion-header-icon {
	transform: rotate(90deg);
}
.accordion-app .desc_accordion {
	padding: 15px 20px;
	border-bottom: 1px solid var(--greyinput);
}

/*PAGINATION*/
nav.navigation.pagination .nav-links {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0px 0 0;
}
nav.navigation.pagination .nav-links .page-numbers {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	line-height: 1;
	border-radius: 5px;
	padding: 12px 15px;
	background-color: var(--greyinput);
	color: var(--black);
	transition:  all .5s;
	margin: 0 0 4px;
}
nav.navigation.pagination .nav-links .page-numbers:not(.current):hover {
	opacity: .50;
}
nav.navigation.pagination .nav-links .page-numbers.current {
    background-color: var(--lightblue);
    color: var(--white);
}

/*METABOX*/
p.rwmb-error {
	display: none!important;
}
.rwmb-meta-box .rwmb-label > label {
	font-weight: 400;
}
.rwmb-meta-box input{
	border-radius: 5px;
	border:  1px solid var(--greyinput);
	padding: 10px;
}
.rwmb-form-submit button,
.rwmb-meta-box button[type="submit"]{
	background: var(--blue);
	color: var(--white);
	display: block;
	width: 100%;
	border: 0;
	border-radius: 5px;
	padding: 10px;
	transition: all .5s;
}
.rwmb-form-submit button:hover,
.rwmb-meta-box button[type="submit"]:hover{
	opacity: .75;
}
#profile-form .rwmb-meta-box > h2 {
	display: none;
}


/*PAGE ACCOUNT*/
#account-app img.img-avatar {
	background: var(--white);
	box-shadow: var(--shadowstd);
	padding: 5px;
	border: 1px solid var(--greyborder);
}

#account-app .rwmb-custom_html-wrapper:last-child {
	text-align: center;
}
#account-app .app-link-account {
	margin: 40px 0 40px;
}
#account-app .app-link-account a{
    color: var(--blue);
    text-decoration: underline;
    font-size: 13px;
    text-transform: uppercase;
}
#account-app a {
	color: var(--blue);
}

.author-meta-count {
    padding: 5px 20px;
    border-radius: 25px;
    font-weight: 500;
    opacity: 1;
}
.author-meta-count .bi {
    font-size: 20px;
}


/*SWEET ALERT*/
.swal2-styled.swal2-confirm {
	background-color: var(--lightblue)!important;
	outline: none!important;
	border: 0!important;
	box-shadow: none!important;
	background-image: none!important;
}
.app-wish-popup {
	width: 320px!important;
}
.app-wish-popup .swal2-title {
	font-size: 20px;
}


/* FORM ACCOUNT */
#form-exp .rwmb-meta-box {
	background-color: var(--white);
	padding: 30px;
	border-radius: 10px;
	box-shadow: var(--shadowstd);
}
#form-exp .rwmb-meta-box + .rwmb-meta-box {
	margin-top: 40px;
} 

#form-exp input,
#form-exp select,
#form-exp textarea {
	border-color: var(--greyinput);
	border-radius: 5px;
	padding: 10px;
	background-color: var(--white);
}
#form-exp textarea {
	height: 150px;
}

#form-exp .rwmb-error {
	border-color: var(--red);
}
#form-exp p.rwmb-error {
    display: block!important;
}

#form-exp .rwmb-media-list {
	padding-left: 0;
}
#form-exp .rwmb-image-actions {
	opacity: 1;
	height: 20px;
	background-color: rgba(0, 0, 0, .6);
}
#form-exp .rwmb-image-actions a {
	color: var(--white);
}
#form-exp .rwmb-image-actions .rwmb-edit-media {
	display: none;
}

#form-exp .rwmb-media-add .button {
	border: 1px solid var(--lightblue);
	text-decoration: none;
	display: inline-block;
	color: var(--lightblue);
	padding: 5px 10px;
	border-radius: 5px;
	transition: all .5s;
	cursor: pointer;
}
#form-exp .rwmb-media-add .button:hover {
	background-color: var(--lightblue);
	color: var(--white);
} 

#form-exp .rwmb-label > label {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
#form-exp .rwmb-label > label .bi {
	display: inline-block;
    font-size: 30px;
    opacity: .3;
    line-height: 1;
    margin-right: 10px;
}

#form-exp .rwmb-form-submit {
	display: none;
}

.editmode-app #footer{
	display: flex;
	align-items: center;
	height: 70px;
}
.editmode-app #submit-exp {
	width: 100%;
	padding: 10px;
}


/*MEDIA POPUP*/
.author-logged-in .media-sidebar,
.author-logged-in .media-toolbar-secondary{
	display: none!important;
}
.media-modal-content .media-router .media-menu-item:focus {
	box-shadow: none!important;
}
.author-logged-in .attachments-browser .uploader-inline, 
.author-logged-in .attachments-browser.has-load-more .attachments-wrapper, 
.author-logged-in .attachments-browser:not(.has-load-more) .attachments,
.author-logged-in .attachments-browser .media-toolbar {
	right: 0!important;
}
.author-logged-in .attachments-browser .media-toolbar-primary {
    width: 100%;
    max-width: 100%;
}

/*FOOTER*/
#AppAddExperience .bi{
	margin: -30px 0 0;
	display: inline-block;
}
#footer {
	z-index: 999;
	background: var(--white);
	box-shadow: 0 -10px 15px rgba(21,47,82,.15);
	padding: 5px;
	height: 50px;
}
#footer a .bi {
	font-size: 25px;
	color: var(--blue);
}
#footer .add-experience-btn {
	background: var(--red);
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    margin-top: -30px;
    border: 7px solid var(--white);
    box-shadow: 0 -15px 15px rgba(21,47,82,.15);
}
#footer .add-experience-btn .bi {
	color: var(--white);
	font-size: 30px;
	line-height: 55px;
}
#AppAddExperience {
	border-radius: 30px 30px 0 0;
}

/*RESPONSIVE*/
@media(min-width: 768px){
	.show-mobile {
		display: none!important;
	}
}
@media(max-width: 767px){

	#primary .row >* {
		padding-left: 15px;
		padding-right: 15px;
	}


	.hide-mobile {
		display: none!important;
	}

	.MenuAccount {
		column-gap: 0;
		padding: 0px!important;
		margin: 0 -15px 0 !important;
	}
	.MenuAccount .item-menu {
		width: 25%;
		justify-content: center;
		padding: 10px 0 10px 0;
		box-sizing: border-box;
	}
	.MenuAccount .item-menu + .item-menu {
		border-left: 1px solid var(--greyborder);
	}

	#AppMenuWeb {
		width: 80%;
	}
	.card-item-experience .cover {
		height: 180px;
	}
	.discover-pg .discover-cat {
	    margin: -100px auto 0 auto;
	}

	#introUser {
	    margin: -40px -15px 0 -15px;
	    position: relative;
	    border-radius: 0;
	    border-top: 1px solid #ddd;
	    padding: 20px 15px 0;
	}

	#form-exp .rwmb-meta-box {
		padding: 0;
	}
	#form-exp .rwmb-meta-box .rwmb-field {
		padding: 20px;
	}
	#form-exp .rwmb-meta-box .rwmb-field + .rwmb-field {
		border-top: 1px solid var(--greyborder);
	}
	#form-exp #find-coordinates {
		width: 100%;
		display: block;
	}

}