/*
Theme Name: 	Oceanwp Child
Description:	Tema Child per il tema Oceanwp
Author:     	Andrea Ronchetti
Author URI: 	https://www.andrearonchetti.it/
Template:   	oceanwp
Version:    	1.0.0
*/

@font-face {
  font-family: "Montserrat";
  src: url("/wp-content/themes/oceanwp-child/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype")
}


body{
	text-align: justify
  }
  ul li{
	margin-bottom: 0.6em;
	text-align: left;
  }
#top-bar{
  z-index: 90
}
#site-header{
  z-index: 1000
}
/*
#site-logo{
  margin-top: -17px !important;
}
*/
#site-logo-inner{
  position: relative;
}

#site-logo-inner::after{
  content:"Powered By XBody";
  height: 1em;
  visibility: visible;
  color: red;
  font-family: Arial, sans-serif;
  font-weight: bold;
  margin: 0.2em 0 1em;
  font-size: 13px;
	text-align:center;
}
#top-bar-content{
	float:none !important;
}

#topbar-template{
	display:block;
}
#wrap-social{
	margin:0;
}
#mobile-nav .current_page_item a{
  color: #ff0000;
}
#mobile-nav .sub-menu{
	border-top:2px solid #000
  }
  
  
  #mobile-nav .sub-menu a{
	color:#fff;
  }
#mobile-dropdown ul li a .dropdown-toggle{
  display: none;
}

#mobile-dropdown ul li ul{
  display: block !important;
}

#mobile-dropdown ul li ul li{
  margin-bottom: 0 !important;
}

#mobile-dropdown ul li ul li a{
  padding-top:0.5em;
  padding-bottom:0.5em;
}
.oceanwp-mobile-menu-icon a:focus {
	outline: 0px !important;
}
header a:focus,header a:active, header a:hover  {
	outline:0px !important;
  }
.d-none{
	display:none !important;
}

.padding-top-bottom-30{
	padding-top:30px;
	padding-bottom:30px;
}

/* pagine */
@media screen and (min-width:479px){
  #site-logo #site-logo-inner{
    display: flex;
	  flex-direction:column;
   /* align-items:end; */
    
    
  }
  
  #site-logo-inner::after{
   margin-top:0.5em;
	  display:block;
   /* margin-left:1em;*/
    height: 1em;
    line-height:1em
  }
}
body.page main{
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

header.page-header .container{
	width: 100%;
	max-width: none;
}

body:not(.home) #sez-indirizzo-link{
  width: 100vw;
  margin-left:50%;
  position: relative;
  left:-50vw
}
#sez-indirizzo-link h2{
  color:#ff0000;
  font-family: Montserrat;
  font-size: 2em;
  text-align: center;
	margin-top:-20px;
}

#sez-indirizzo-link p{
  text-align: center;
}
#sez-indirizzo-link .wp-block-button__link{
  background: #ff0000;
  padding:10px 20px;
  line-height: 1;
  font-size: 0.8em;
	transition:all 0.3s linear 0s;
}

#sez-indirizzo-link .wp-block-button__link:hover{
	opacity:0.5;
	color:#fff
}

/* Nasconde i bottoni rossi, lo metto per il momento */
#sez-indirizzo-link .wp-block-button{
  display: none;
}
/* fino a qui */
#sez-indirizzo-link > div {
  gap:0
}
#sez-indirizzo-link > div > div:first-child{
  padding: 20px 5%
}
#sez-indirizzo-link figure{
	margin:0;
}
#sez-indirizzo-link .link-whatsapp {
	background: #ff0000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 0.2em 1em;
	border-radius: 1em;
}

#sez-indirizzo-link .link-whatsapp::before{
  content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='white' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E");;
  display:inline-block;
  width: 1em;
  position: relative;
  top:0.19em;
  margin-right: 0.5em
}

/* Rimuove la barra del titolo nella pagina del calendario */
.post-type-archive-tribe_events .page-header,
.tribe-events-header__events-bar{
	display:none !important;
}




/* pagina contattaci */

#col-contatti h2{
  margin-bottom: 0;
  margin-top: 2em
}

#lascia-un-messaggio input[type="date"],
#lascia-un-messaggio input[type="text"],
#lascia-un-messaggio input[type="tel"],
#lascia-un-messaggio input[type="email"],
#lascia-un-messaggio textarea{
  background: #eee;
  border: none;
}
#lascia-un-messaggio input[type="submit"]{
	background:#ff0000;
	font-size:1.2em;
	padding:10px 15px
	
}

.page-id-48 article{
  padding-bottom: 50px;
}

.row-privacy p{
	position: relative;
	padding-left: 1.5em
  }
  
  .row-privacy p .wpcf7-form-control-wrap{
	position: absolute;
	top:0;
	left: 0
  }
  
  .row-privacy p .wpcf7-list-item{
	margin: 0;
  }
/* footer */
#footer-widgets .footer-box {
	padding: 0;
	margin: 0 0 2em 0;
	text-align: left;
}
footer h4{
	font-family: Roboto, sans-serif;
	color:#fff;
	font-size:1.3em;
	font-weight:400;
	/* text-transform:uppercase; */
}
.wrap-date-time{
  display: flex;
  gap: 10px;
  max-width: 372px;
}

footer input[type="date"],
footer input[type="text"],
footer input[type="tel"],
footer input[type="email"],
footer textarea{
	background:#fff;
	border:1px solid #000;
}
footer form select{
  background: #fff
}
footer input[type="submit"]{
	background:#ff0000;
	font-size:1.2em;
	padding:10px 15px
	
}
.ui-widget {
	font-family: Arial,sans-serif;
	font-size: 0.95em;
}
.ui-datepicker-month,
.ui-datepicker-year{
  color:#000
}
.ui-datepicker .ui-datepicker-title{
	margin: 0 2.5em
  }
  
  .ui-datepicker-title select{
	height: 1.5em !important;
  }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	background: #fff !important;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 7px;
  }
  .ui-datepicker .ui-datepicker-prev{
	left: 10px
  }
  
  .ui-datepicker .ui-datepicker-next{
	right: 10px
  }
  
  .ui-datepicker-prev span.ui-icon,
  .ui-datepicker-next span.ui-icon{
	width: 60%;
	height: 60%;
	display: block;
	margin: 20% 15%;
	  background-image: url('/wp-content/themes/oceanwp-child/datepicker/images/triangle-left.svg');
	  background-size: 100% !important;
	  background-position: 0 0;
	  position: static;
	}


	.ui-datepicker-next span.ui-icon{
		background-image: url('/wp-content/themes/oceanwp-child/datepicker/images/triangle-right.svg');
	}
#map-footer{
  min-height: 500px;
}

.row-privacy a{
	text-decoration:underline;
}

/* prenotazione lezione */
body.event-template-default aside#right-sidebar{
  display: none;
}

body.event-template-default .content-area {
	float: none;
	position: relative;
	width: 100%;
	padding: 0;
  border:none
}

body.event-template-default main {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

body.event-template-default #content-wrap{
  width: 100% !important;
  max-width: none
}
@media screen and (min-width:768px){
	#site-logo{
		position:relative;
		top:-7px;
	}
	#site-logo #site-logo-inner a img {
	max-width: 220px !important;
}
	.footer-widgets-inner{
		display: flex;
		justify-content: space-between;
	}

	.footer-widgets-inner > div{
		float: none;
		flex:0 0 31%;
		width: 31%;
		margin:0;
	}
}

@media screen and (max-width:781px){

	#sez-indirizzo-link > div > div:first-child{
		padding-top:2.5em !important;
	}
}



/*Le seguenti regole sono state messe per nascondere le icone social nella top bar e centrare il menu nel mobile e nel desktop. Qualora dovessero essere attivate togliere queste regole */

 #top-bar{
  height: 20px
}
#wrap-social {
	display: none;
}

#site-navigation-wrap{
  margin-top: -15px;
}

.oceanwp-mobile-menu-icon{
  margin-top: -10px
}
@media screen and (min-width:960px){
  #top-bar{
  height: 30px
}
	
	
}