/* Override */

/* Menu principale */

.dj-megamenu li.dj-up a.dj-up_a {
    padding: 22px 7px !important;
}



/* Read More centrale */
p.readmore {
    text-align: center;
}


/* Line Height */
p, p.intro{
  line-height: 30px !important;
}



  /* Problema immagini camere in Home su Safari */
  .jm-boxes figure img{
    min-height: inherit !important;
  }






/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
body  {color: #000000;}


div#jm-maincontent div.item-page div p  {margin-bottom: 25px;}



/* Logo */
#jm-logo-sitedesc #jm-logo img {
    width: 180px;
}




/* Tolgo il brutto lowercase di default */
h1, h2, h2.item-title, h3, h4, h5, h5, p, div, .readmore {
	text-transform: none;
}

h2.item-title, .page-header > h2, .content-category > h2, .cat-children > h3, .contact-category > h2, .weblink-category > h2, .newsfeed > h2, .newsfeed-category > h2, .weblink-category > h2, .contact > h3 {
  	text-transform: none;
}

h3, h3 a  {color: #bf8500;}



/* titolo pagine più grande */
div.page-header h2{
  	font-size: 45px;
}

div.page-header h1 {
    /*color: #dba100;*/
    color: #bf8500;
    font-weight: lighter;
    text-align: center;
    font-size: 45px;
    text-transform: none;
}


/* Bottone readmore */
.readmore {
    border: 1px solid #fff;
    color: #fff;
}

.readmore:hover {
  background: #fff;
  color: #DCC494;
}

	/* Beige */
/* Bottone readmore */
.beige {
    border: 1px solid #DCC494;
    color: #DCC494;
}

.beige:hover {
  background: #DCC494;
  color: #fff;
}



/* Top bar con contenuto a sinistra */
#jm-top-bar .jm-module {
    float: none;
}


/* Header wide */
#jm-header-in {
  max-width: /*100%*/ 2000px;
  margin-left: /*8%*/ 0%;
  margin-right: /*7%*/ 0%;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#jm-header {
    padding-top: 0;
}

div#jm-header-in.container-fluid div.jm-module {
  margin-bottom: 0px;
}


/* Sfondo beige top bar + e-mail e Simple Booking + bottom2 */
#jm-top-bar, #jm-top-bar a, #jm-top1, #jm-bottom2, #jm-footer-mod {
    background: #dcc494;
    color: #ffffff;
}


/* Sfondi bianchi */
#jm-sample-block, #jm-bottom1, #jm-main {
  	background: #fff;
}





/* Spazio all'inizio del corpo */
#jm-main{
  padding-top: 25px !important;
}


/* Testo Intro Homepage */
p.intro {
  line-height: 40px;
  font-size: 18px;
}


/* VANTAGGI HOME */
#jm-top2 { 
   background: #dcc494;
}


/* Bottone Gallery */
.btn {
  text-transform: uppercase;
  background: #fff;
  border: 1px solid #fff;
  color: #DCC494;
}

.btn:hover, .btn:focus, .btn:active {
  color: #fff;
}


/* Font magro */
p{
	font-weight: lighter;
}
  
 

/* Footer Centrato */
#jm-copyrights.pull-left {
    float: none;
}


/* Lighterizzo il font */
h2, h3, p {
	font-weight: lighter;
}


/*  Menu alto  */

.dj-megamenu li.dj-up a.dj-up_a  {padding: 22px 7px;}


/* Sidebar sinistra */
	/* Sfondo */
/*.jm-module.color-ms {
    background: #dcc494;
    padding: 28px;
}*/
	/* Bordo inferiore voci di menu */
/*#jm-allpage .color-ms .nav.menu > li > a, #jm-allpage .color-ms .nav.menu > li > span.separator {
    border-color: #fff;
}*/
	/* Voci di menu */
/*.nav.menu li.active > a, .nav.menu li.active > span.separator {
    color: #fff;
    font-weight: bolder;
}

.nav.menu li a:hover, .nav.menu li span.separator:hover {
    color: #fff;
    font-weight: bolder;
}*/


	/* Titolo sidebar */
/* #jm-allpage .jm-module.color-ms .jm-title {
    margin-bottom: 43px;
} */







/* Sidebar Chiara */
	/* Sfondo */
.jm-module.color-ms {
    background: #ffffff;
    padding: 28px;
  	border: 1px solid #dba100;
}
#jm-allpage .jm-module.color-ms {
    color: #dba100;
}


	/* Voci di menu */
.nav.menu li.active > a, .nav.menu li.active > span.separator {
    color: #dba100;
    font-weight: bolder;
}

.nav.menu li a:hover, .nav.menu li span.separator:hover {
    color: #dba100;
    font-weight: bolder;
}

	/* Titolo sidebar */
#jm-allpage .jm-module.color-ms .jm-title {
    margin-bottom: 43px;
  	color: #dba100;
}

	/* Bordo inferiore voci di menu */
#jm-allpage .color-ms .nav.menu > li > a, #jm-allpage .color-ms .nav.menu > li > span.separator {
    border-color: #fff;
    font-size: 20px; 
}




/* Titolo articoli */
div.page-header h2 {
    color: #dba100;
    font-weight: lighter;
  	text-align: center;
}

/* Sottotitolo articoli */
.sottotitolo {
	color: #DBA100;
  	text-align: center;
}



/* Voce di menu principale in hover */
.dj-megamenu li.dj-up.active a.dj-up_a, .dj-megamenu li.dj-up:hover a.dj-up_a, .dj-megamenu li.dj-up.hover a.dj-up_a {
    color: #dcc494;
}

.dj-megamenu li.dj-up:hover a.dj-up_a:after {
  	background: #dcc494;
}



/* Pricetab */
	/* Prezzo */
.jm-pricing .price {
    background: #dba100;
}
	/* Titolo */
.jm-pricing .title {
    background: #dcc494;
}
	/* Sfondo bottone */
.jm-pricing .bottom {
    background: #dcc494;
}



/* Sfondo Scopri i dintorni */
#jm-footer-mod /*.parallax*/ {
	background-image: url("http://www.sitiwebverona.it/calapergola/images/grafiche/verona-sfondo.jpg");
	display: block;
  	width: 100%;
  	height: auto;
	/*transform:scale(0.7); transform-origin:left top;*/
	background-size: 100% 100%;
    /*position: absolute;*/
  	/*transform: translateY(-50%) translateX(-50%);*/
}

/*  Riduco il padding sorail simple booking */
#jm-top1  {padding-top: 0px!important; padding-top: 5px!important;}


/* Blog */
.blog div.page-header h2 {
  	margin-bottom: 28px;
}


/* Simple Booking - Bottone */
#simplebooking-container .button-search input {
    background: #e58d10 !important;
    padding: 10px 1%;
    text-shadow: none;
    width: 100%;
}

#simplebooking-container input, #simplebooking-container select {
    border: none;
    border-radius: 4px;
    font-size: 18px;
    text-decoration: none;
    font-family: "Quicksand";
}

	/* font in campi di selezione */
#simplebooking-container input, #simplebooking-container select {
    color: grey;
}



/* Coloro i link in bianco con la classe */
.linkbianchi, .linkbianchi:hover {
  	color: #ffffff;
  	text-decoration: none;
}

.linkbianchi:hover {
  	text-shadow: 1px 1px 1px #878787;
}

/* Tolgo la sottolineatura dei link in hover*/
a:hover {text-decoration: none;}


/* - - - Form Contatti - - - */

.formResponsive select, .formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    height: 39px;
    width: 259px;
}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
}

.formResponsive input, .formResponsive textarea {
    width: 259px;
	height: 100px;
}

/* Coloro la sfumatura dei campi del form */
.formResponsive textarea:focus, .formResponsive input[type="text"]:focus, .formResponsive input[type="password"]:focus, .formResponsive select:focus{
	border-color: rgba(216, 50, 101, 0.8) !important;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(216, 50, 101, 0.6) !important;
}

/* Bottone */
.formResponsive input[type="submit"] {
	margin-top: 20px;
	background: none repeat scroll 0 0 #f2a705 !important;
    border-color: #f2a705 !important;
    color: #fff !important;
	height: 55px !important;
	width: 266px;
	border-radius: 6;
	font-size: 22px;
	text-decoration: none;
  	text-transform: none;
}

.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 0;
}

/* Allineo i checkbox */
.formResponsive input[type="submit"], .formResponsive input[type="reset"], .formResponsive input[type="button"], .formResponsive input[type="radio"], .formResponsive input[type="checkbox"] {
    height: 29px;
}

/* Allineo le etichette della privacy */
.formResponsive label {
    margin: 8px 17px 3px 0;
}

div.customcolor-ms p a  {color: #dba100;}



/* Barra fissa simple booking  */
#barra-prenotazioni  {
	z-index: 999999999; 
	left: 0px; 
	bottom: 0px; 
	width: 100%; 
	position: fixed; 
	background: #DCC494;
    height: 80px;
    border-top: 2px solid #fff;
    overflow: hidden;
}


#barra-prenotazioni-interna  {
	margin-left: auto; 
	margin-right: auto; 
	width: 70%; 
	text-align: center; 
	color: #fff;
    padding-top: 0px;
    padding-bottom: 0px; 
    overflow: hidden;
}

#simplebooking-container label  { font-family: "Quicksand"; }

/*
#calendar  {
    bottom: 100px;
    position: fixed;
    top: none!important;
}
*/






/*  Footer dopo simple booking fisso  */
#jm-footer {
    background: #ffffff none repeat scroll 0 0;
    color: #242424;
    font-size: 15px;
    line-height: 24px;
    padding-bottom: 130px;
}





/* Immagini Agriturismo */


.scala:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
  		transition-duration: 1s;
}
.scala {
  		transition-duration: 1s;
}


/* Barra in alto */
#jm-top-bar .jm-module .jm-module-in {
    width: 100% !important;
}


#telefono             {float: left; width: 35%;}
#indirizzo-barra      {float: right; width: 30%;}

#indirizzo-barra div.moduletable        {width: 80px; margin: 0; float: right;}
div.mod-languages     					{width: 80px; margin-left: 15px;}
div.mod-languages li  					{margin: 0;}

/* Titoli Articoli */
h2.item-title a, .page-header > h2 a, .content-category > h2 a, .cat-children > h3 a, .contact-category > h2 a, .weblink-category > h2 a, .newsfeed > h2 a, .newsfeed-category > h2 a, .weblink-category > h2 a, .contact > h3 a {
    color: #bf8500;
}



/*  Quadratoni  */
div#quadratoni      {width: 20%; float: left; text-align: center;}




/* - - - POPUP al caricamento - - - */
html body.rstbox_1 div.rstboxes div#rstbox_1.rstbox.rstbox_center.rstbox_module.visible div.rstbox-container div.rstbox-content div#acymailing_module_formAcymailing41351.acymailing_module div#acymailing_fulldiv_formAcymailing41351.acymailing_fulldiv form#formAcymailing41351 div.acymailing_module_form table.acymailing_form tbody tr td.acyfield_name.acy_requiredField input#user_name_formAcymailing41351.inputbox.required{
  width:100% !important;
}


.acymailing_module_form .acymailing_introtext  {text-align: center;}




















/*  Media queries  */

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 640px) {
  
    div#quadratoni                      {width: 100%;}
    #telefono                           {float: left; width: auto; padding-bottom: 5px;}
    #indirizzo-barra                    {width: auto; float: left; padding-top: 5px; margin: 3px;}
    #indirizzo-barra div.moduletable    {display: none;}
  
    /*#jm-top1  {height: *//*324px*//*379px!important;}*/
#simplebooking-container .col-1, #simplebooking-container .col-2, #simplebooking-container .col-3, #simplebooking-container .col-4, #simplebooking-container .col-5, #simplebooking-container .col-6, #simplebooking-container .col-7, #simplebooking-container .col-14 {
    float: none!important;
  	margin-left: -5% !important;
	}

  
/* - - - SIMPLE BOOKING - - - */
  
  /* Individuato ed Eliminato il problema della pagina allargata */
  #simplebooking-container {
    width: auto !important;
    max-width: 100% !important;
  }
  
  
   input {width: 100% !important;}
  
  
  /* Allineo il campo Camere e diminuisco la grandezza */
  #simplebooking-container .col-3 select{
    width: 100% !important;
    margin-left: 5%;
    float: none !important
    padding: 0% !important;
  }
  
    #simplebooking-container .col-3 .col-1{
    display: inline !important;
  }
  
  
  
  /* Allineo il campo Persone e diminuisco la grandezza */
  #simplebooking-container .col-1 select{
    width: 100% !important;
    padding: 0% !important;
  }
  
  #label-numpersons1 {
    margin-left: 5% !important;
  }
  
  

  /* Allineo il Bottone e diminuisco la grandezza */
  #simplebooking-container .button-search input {
    width: 100% !important;
  	margin-left: 0%;
    margin-bottom: 20px !important;
  }

  
  
/* Cookie Banner */
  #cookieChoiceInfo {
    width: 90% !important;
    float: left !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 25px !important;
    padding-left: -30px !important:
    margin-left: -10% !important;
    padding-right: 10px !important;
  }

  
  
/* Recensioni */
  .span50 {
    float: left !important;
    width: 100% !important;
  }
  
  
  
/* Immagini Scopri Verona */
  .img-margin-10px-mobile {
    margin-bottom: 10px;
  }
  
  

/* Titoli articoli */
  div.page-header h1 {font-size: 44px;}

  
  

/* Bottone Form Contatti */
  .formResponsive input[type="submit"] {
  width: 100%;
  }


/* Classe nomobile per nascondere roba da telefono */
  /*.nomobile{display: none !important;}*/
  
  
  
/* #jm-top1 {
    height: 379px!important;
} */
  
  
  /* Mostro il bottonemobile */
#bottonemobile{display: initial !important;}
  
  #jm-top1 {height: auto!important; padding-bottom: 0px;}
  
  
/* No Simple Booking Desktop */  
  #simplebooking-container.nomobile {display: none !important;}
  
  
  /* Tolgo un po' di margine sotto al bottone */
  #jm-top1-in > div > div > div:nth-child(2) > div > div{margin-bottom: 0px !important;}
  
  
  /* Mostro Simple Booking su pagina Prenota Ora */
  #simplebookingmobile.simobile{display: initial !important;}
  
  
/* Scroll laterale - SPARISCI!!! */
  #jm-top1-in > div {
    width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
  
  
  
  
/* Tolgo la slide da smartphone */
#slideshow-26-5612978f34872.wk-slideshow/*.wk-slideshow-default*/ {display: none !important;}

/*#slideshow-26-56129b118e5d9 > div > ul.slides*/ #jm-header-in {display: none !important;}




/* Quadratoni a 2 a 2 */
div#quadratoni {width: 50% !important;}

.linkbianchi, .linkbianchi:hover {font-size: 23px !important;}


/* Nascondo i paragrafi vuoti */
p.nomobile{display: none !important;}




/* Recensioni allineate da mobile */
#recensione-destra{margin-left: 3% !important;}

#avatar-recensione{margin-right: 6% !important;}



/* Scopri le nostre camere e la loro storia */
.scopri-camere{
    text-align: center;
    padding-left: 4%;
    margin-left: 1px;
    font-size: 26px;
}




  
  
  
  
  
  
  
  
  
}



/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {

    #jm-top1  {height: 320px!important;}
#simplebooking-container .col-1, #simplebooking-container .col-2, #simplebooking-container .col-3, #simplebooking-container .col-4, #simplebooking-container .col-5, #simplebooking-container .col-6, #simplebooking-container .col-7, #simplebooking-container .col-14  {
    float: none!important;
    }    
    
    
}

/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {

    #jm-top1  {height: 320px!important;}
#simplebooking-container .col-1, #simplebooking-container .col-2, #simplebooking-container .col-3, #simplebooking-container .col-4, #simplebooking-container .col-5, #simplebooking-container .col-6, #simplebooking-container .col-7, #simplebooking-container .col-14  {
    float: none!important;
    }
    
    
}

/* Landscape */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: landscape) {

}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	div#quadratoni      {width: 50%;}

/* Nascondo il bottonemobile */
#bottonemobile{display: none !important;}
  

}








/*  Cellulari  */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  
  
  /* POPUP */
  #rstbox_1{
    height: 70% !important;
  }
  
  
  
  
}


/* Schermi brutti vecchi ----------- */
@media only screen
and (min-device-width : 800px)
and (max-device-width : 1400px) {

/* Nascondo il bottonemobile */
#bottonemobile{display: none !important;}


}


/*  Computer alta risoluzione  */
@media only screen and (min-width : 1224px) {
  
  /* Nascondo il bottonemobile */
#bottonemobile{display: none !important;}
  
}


/*  Computer incerti!   ;)   ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1224px) {
  
  /* Nascondo il bottonemobile */
#bottonemobile{display: none !important;}
  
}



/* iPhone 5 */
@media screen 
  and (device-width: 320px) 
  and (device-height: 568px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {



/* Scopri le nostre camere e la loro storia */
.scopri-camere{
    padding-left: 8%;
    margin-left: 22px;
    font-size: 24px;
}


/* Vantaggi home */
.linkbianchi, .linkbianchi:hover {
    font-size: 21px !important;
}


/* Bottone - Scopri le nostre camere e la loro storia */
#bottone-scopri-camere {margin-left: 13% !important;}


hr {margin: 0px;}




}




/* iPad orizzontale  ----------- */
@media only screen
and (min-device-width : 1000px)
and (max-device-width : 1100px) {


.dj-megamenu li.dj-up a.dj-up_a {
    padding: 22px 5px !important;
}
  
  .dj-megamenu li.dj-up a.dj-up_a {
    font-size: 15px;}
  
  
  
}