/*
Theme Name: gestoparkPWA
Theme URI: https://manuelchiarlo.link
Author: Manuel Chiarlo
Author URI: https://manuelchiarlo.link/
Description: --
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gestopark
Tags: custom, bootstrap
*/

body {
/* 	margin-top: 6rem; */
	margin-bottom: 3rem;
}
body.admin-bar {
/* 	margin-top: 8.5rem; */
}

html {
	width: 100%;
}


@media (max-width: 575px) {
	.container {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
}
.container {
	padding-left: 0;
	padding-right: 0;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h5, .h5 {
	font-size: 1.3125rem;
}

.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.alert p {
	margin-bottom: 0;
}


/* .page-home-page #main, */
.page-mappa #map {
	width: 100%;
	/* 	height: 100%; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}


.bg-gray {
	background-color: #d9d9d9;
}

/*
.btn:not(:disabled):not(.disabled) {
    cursor: default;
}
*/

.btn-group-vertical {
	width: 100%;
}



.card {
	margin-bottom: 14px;
}
.card-header {
	border: 0;
}

lista-parcheggi-vicini {
	max-width: 760px;
	margin: 0 auto;
}

#lista-parcheggi-vicini .card-body,
.accordion .card-body {
	    padding-bottom: .75rem!important;
}
.card-body {
    padding: 0 1.25rem;
}
#lista-parcheggi-vicini .card-header .btn:not(:disabled):not(.disabled),
.accordion .btn:not(:disabled):not(.disabled) {
    cursor: default;
    padding-left: 0;
}
#lista-parcheggi-vicini .card-header .btn,
.accordion .btn {
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;	
}

/*
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
*/

@media screen and (max-width: 600px) {
	#wpadminbar {
	    position: fixed;
	}
}

@media (max-width: 339px) {
	#site-navigation {
    	padding: .5rem 1rem!important;
	}
}
@media (max-width: 767px) {
	body:not(.home):not(.page-abbonamenti) #content {
		padding-top: 6rem;
	}
	body:not(.home) #content {
		margin-bottom: 6rem;
	}	
}
@media (min-width: 768px) {
	#site-navigation {
    	padding: .5rem 1rem!important;
	}
}

.admin-bar #site-navigation.sticky {
	top: 32px !important;
}

#site-navigation.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.page-mappa #stemma-comune-desktop-container {
	display: none !important;
}

#stemma-comune-desktop-container {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #fff;
}

#stemma-comune-desktop-container img {
    height: 120px;
    width: auto;
    display: block;
    margin: 0 auto;
}

#stemma-comune-mobile-container {
	background-color: #4c7da9;
	margin-top: -1rem;
}

#stemma-comune-mobile-container h1 {
    font-size: 1.65rem;
/*     margin-left: 29px; */
    color: #fff;
    line-height: 76px;
    text-align: center;
}

#stemma-comune-mobile-container img {
    height: 76px;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
	mix-blend-mode: screen;
	-webkit-filter: grayscale(100%) contrast(200%);
	filter: grayscale(100%) contrast(200%);
	opacity: 1;
}

#stemma-comune-mobile-container span {
	top: 6px;
	position: relative;
	font-weight: lighter;
}
#stemma-comune-mobile-container span b {
	font-weight: bolder;
}

#site-navigation {
    padding: 1rem 1rem 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.admin-bar #site-navigation {
/* 	top:32px; */
}

@media screen and (max-width: 782px)
.admin-bar #site-navigation {
/*     top: 46px; */
}


@media (min-width: 340px) and (max-width: 767.98px) {
	#site-navigation .container {
	    margin-bottom: 14px;
	}
}

.navbar-dark .navbar-nav .nav-link.active:focus, .navbar-dark .navbar-nav .nav-link.active:hover {
    background-color: rgba(255,255,255,.75);
}
.navbar-dark .navbar-nav .nav-link.active {
    background-color: #fff;
    color: #2a455d!important;
    padding-bottom: 10px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75);
}
.navbar-dark .navbar-nav .nav-link {
	font-weight: 600;
	color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
#bs4navbar {
	margin-top: 16px;
}


.site-title { text-align: center; }

/*
.site-title a {
    text-indent: -3333px;
    background: url('img/header-logo.png') scroll no-repeat center 0 transparent;
        background-size: auto auto;
    width: 90%;
    height: 90px;
    display: inline-block;
    background-size: contain;
    margin-top: 16px;
}
*/

.site-description {
    text-indent: -3333px;
    text-align: center;
    height: 0;
    margin-bottom: 0;
}

#site-navigation,
#message-alert-login {
	margin-bottom: 1rem;
}

#message-alert-login p {
    line-height: 3.5rem;
    text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 516.98px) {
	#message-alert-login p {
	    line-height: 1.5rem;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
}

#message-alert-login a {
/* 	border-bottom: 1px dotted #fff; */
}

#colophon {
    position: fixed;/*absolute*/
    bottom: 0;
    width: 100%;
/*
    height: 2rem;
    line-height: 2rem;
*/
    background-color: #f5f5f5;
    z-index: 999;
}

@media (max-width: 767.98px) {
	.site-info {
		text-align: center;
	}
}

.site-info {
    color: #fff;
    font-size: 0.75rem;
	/*text-align: center;*/
    margin-bottom: 10px;
    margin-top: 10px;
}

.site-info a {
	color: #fff;
}

.site-info .copyright-note {
	padding-bottom: 10px;
	display: block;
}

#footer-unione-europea {
    display: block;
    line-height: 0.8rem;
    font-size: 0.65rem;
}
#footer-unione-europea img {
    width: 2.25rem;
    display: inline-block;
    border: 0.125rem solid #fff;
    margin-right: 0.625rem;
    max-width: 20%;
}
#footer-unione-europea .footer-text {
    display: inline-block;
    width: 76%;
    vertical-align: middle;
    text-align: left;
}


/* CONTENTS */

.archive #main {
	margin-bottom: 120px;
}
.archive #main .post {
/* 	padding-bottom: 30px; */
/* 	border-bottom: 1px solid #4c7da9; */
	margin: 0 auto 20px;
	max-width: 960px;
}


#main .breadcrumb {
	margin-top: -6rem;
}



.postlist .entry-title {
	font-size: 1.65rem !important;
}
.page .entry-title,
.page-title {
	display: none;
}

.archive .entry-title {
	text-align: left !important;
}

.page-title,
.entry-title {
    margin-bottom: 20px;
    font-weight: 400;
    color: #6c757d;
    text-align: center;
    font-size: 2.25rem;
    margin-top: 20px;
}





/* modal windows */
.modal-header {
	border-bottom: 0;
	padding: 1rem 1rem 0;	
}
.modal .close {
    font-size: 4rem;
    font-weight: 200;
    line-height: 0;
    margin-top: 0;
}
.modal-content {
	border-radius: 1rem;
    outline: 0;
    padding: 8px;
}
.modal-body table {
	margin-bottom: 0;
}


/* form signin */
#login-section {
    max-width: 54rem;
    margin: 0 auto;
}

.form-signin {
  margin: 0 auto;
  padding: 20px 30px;
}

@media (max-width: 767.98px) {
	#calltoaction-registration {
		text-align: center;
		margin-top: 2rem;
	}
}

.form-signin-heading,
#calltoaction-registration {
	font-size: 1.375rem;
	font-weight: bolder;
	line-height: 1.65rem;
}
.form-signin-heading small {
	font-size: 0.875rem;
	text-transform: uppercase;
	display: block;
	font-weight: 200;
	line-height: 1.35;
    margin-top: 10px;
}

#loginform-wrapper label,
.page-registrazione .form-signin label,
#formCambiaPassword label,
#formAggiungiUtente label {
	display: block;
	font-size: 0.875rem;
	font-weight: bolder;
	color: #2a455d;
	text-transform: uppercase;
	margin-top: 18px;
}


#loginform-wrapper .login-username label {}

#loginform-wrapper .login-password label {}

#loginform-wrapper .login-remember label {
	font-weight: 200;
}

.page-registrazione .form-signin .btn-secondary,
#loginform-wrapper .btn-secondary {
	/*width: 50%;*/
	text-transform: uppercase;
}

#passwordLostLink {
	display: block;
	text-align: center;
	margin-top: 12px;
}

.page-registrazione .form-signin {
	max-width: 25rem;
}

.page-registrazione .alert {
	margin-left: auto;
	margin-right: auto;
	max-width: 25rem;
}

.page-utenti .form-signin button {
	margin-top: 20px;
}
#formCambiaPassword,
#formAggiungiUtente {
	background-color: #D9D9D9;
}

#formAggiungiUtente {
    margin-bottom: 30px;
}
/*
#formAggiungiUtente .info-alert {
	font-size: 0.875rem;
	line-height: 1.6;
	margin-top: 20px;
}
*/

#password-strength,
.form-instructions {
	margin-top: 12px;
	display: inline-block;
	padding: 6px 14px;
	line-height: 1.3;
	text-transform: uppercase;
	font-size: 0.875rem;
	width: 100%;
}
.email-form-instruction {
	width: 100%;
}
.form-check-inline .form-check-input { margin-top: 15px; }


/* PAGES */

/* PAGES - HOME/ELENCO ABBONAMENTI */
.btn-dettaglio-titoli {
	background-color: #fff;
}

/* PAGES - SCHEDA ABBONAMENTO */
.page-dettaglio-abbonamento h1 {
	line-height: 1.6;
	margin-bottom: 50px;
}
.page-dettaglio-abbonamento h1 small {
	font-size: 1.5rem;
	display: block;
	font-weight: 100;
}

/* PAGES - GESTIONE UTENTI */
.btn-rimuovi-utente .text-label {
	font-size: 1rem;
}
.nome-cognome-title {
	font-weight: 200;
}

.card-body-snippet {
	padding: 0.6rem 0;
	border-bottom: 4px solid rgba(0,0,0,.03);
}
.card-body-snippet:last-child {
	border-bottom: 0;
}

/* PAGES - CHECKOUT */
@media (max-width: 767.98px) {
	#checkout-sidebar { margin-top: 20px; }
}

#checkout-details li {
	padding-bottom: 10px;
}
#checkout-details li b {
	color: #dd6826;
}

.payment-button-wrapper,
.checkout-wrapper {
	height: 100%;
}
.payment-button-wrapper {
	padding: 30px 20px;
}
.checkout-content {
	margin: 20px;
}

/*.PAGES - UTENTI */
i.label-mail-abbonamento {
	font-weight: 200;
}

/* TABLES */

#tableAbbonamenti thead {
	font-size: 1.125rem;
}
#tableAbbonamenti tbody {
/* 	font-size: 0.875rem; */
}
#tableAbbonamenti tbody th,
#tableAbbonamenti tbody td {
	vertical-align: middle;
	text-transform: uppercase;
}
#tableAbbonamenti tbody th {
	font-weight: lighter;
	line-height: 1.5rem;
}
#tableAbbonamenti .targa b {
	font-size: 1.375rem;
	display: block;
	font-weight: bold;
}
#tableAbbonamenti .data-scadenza {
	text-align: center;
}
#tableAbbonamenti .rinnovi {
/* 	text-align: center; */
}
#tableAbbonamenti .rinnovi button {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.badge-targhe {
    background-color: transparent;
    display: inline-block;
    padding: .25em .4em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}



/*PWA*/
.navbar-toggler.collapsed {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.navbar-toggler {
	margin-top: 20px;
	margin-bottom: 20px;
}
#data-user-menu {
    text-transform: uppercase;
    display: block;
    font-size: 0.76rem;
    line-height: 1.75rem;
}

/*MAPS*/
#map {
	height: 100%;
}



/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media (max-width: 575.98px)  {

	/* Force table to not be like tables anymore */
	#tableAbbonamenti,
	#tableAbbonamenti thead,
	#tableAbbonamenti tbody,
	#tableAbbonamenti th,
	#tableAbbonamenti td,
	#tableAbbonamenti tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#tableAbbonamenti thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	/*#tableAbbonamenti tr { border: 1px solid #ccc; }*/
	
	#tableAbbonamenti td { 
		/* Behave  like a "row" */
		/*border: none;
		border-bottom: 1px solid #eee;*/
		position: relative;
		/*padding-left: 50%;*/
		padding-top: 32px;
	}
	
	#tableAbbonamenti td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 12px;
		/*width: 45%;*/ 
		padding-right: 10px; 
		white-space: nowrap;
		color: #2a455d;
	}
	
	/*
	Label the data
	*/
	#tableAbbonamenti td:nth-of-type(1):before { content: "Targhe"; }
	#tableAbbonamenti td:nth-of-type(2):before { content: "Zona"; }
	#tableAbbonamenti td:nth-of-type(3):before { content: "Scadenza"; }
	#tableAbbonamenti td:nth-of-type(4):before { content: "Azioni"; }
	/*
	td:nth-of-type(5):before { content: "Wars of Trek?"; }
	td:nth-of-type(6):before { content: "Secret Alias"; }
	td:nth-of-type(7):before { content: "Date of Birth"; }
	td:nth-of-type(8):before { content: "Dream Vacation City"; }
	td:nth-of-type(9):before { content: "GPA"; }
	td:nth-of-type(10):before { content: "Arbitrary Data"; }
	*/

	#tableAbbonamenti .data-scadenza {
		text-align: left;
	}
	#tableAbbonamenti .badge-targhe {
		text-align: left;
		padding: 0;
	}

}
/* end table responsive */



#tableSingoloAbbonamento th.header-legenda-label {
	font-weight: 100;
	font-size: 1.3125rem
}
#tableSingoloAbbonamento th.header-legenda-content {
/* 	font-weight: lighter; */
	font-size: 1.3125rem;
}
#tableSingoloAbbonamento tbody th {
	font-weight: lighter;
	/* 	width: 20%; */
}
#tableSingoloAbbonamento td {
	font-weight: 700;
}
#tableSingoloAbbonamento .targhe,
#tableSingoloAbbonamento .zone {
	font-size: 1.375em;	
}


#tablePagamenti thead {
	
}
#tablePagamenti th.header-title {
	font-size: 1.3125rem;
}
#tablePagamenti  th.header-legenda {
	font-size: 0.9rem;
	text-transform: uppercase;
	font-weight: 100;
}
#tablePagamenti  tbody th,
#tablePagamenti  tbody tr {
	font-size: 0.8rem;
    text-transform: uppercase;
}


/* Text meant only for screen readers. */
/* https://make.wordpress.org/accessibility/handbook/markup/the-css-class-screen-reader-text/ */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}



/*PAGOPA*/
.pagaAdesso {
	border: 0;
	background-color: #0066CC;
	-webkit-transition: background-color .2s ease-in-out,opacity .2s ease-in-out;
	transition: background-color .2s ease-in-out,opacity .2s ease-in-out;
	line-height: 18px;
	padding: 0px 24px 8px;
	align-items: center;
	border-radius: 4px;
	cursor: pointer;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	max-width: 260px;
	font-size: 18px;
}
.pagaAdesso:hover {
	background-color: #034F8C;
}

.buttonContainer {
	position:relative;
	margin: auto;
	display: none;
}
.buttonContainer .pagoPa-logo {
	max-height: 36px;
	margin-right: 8px;
	margin-top: 16px;
}
body.redirectLoad .buttonContainer:after {
	display:
	block;
	content:
	" ";
	position:
	absolute;
	top:0px;
	left:0px;
	background-color: #ffffff95;
	width: 100%;
	height: 100%;
}