/*----roma a modo mio----*/

.view-display-id-rmd_tutti .views-row, .view-id-romaamodomio .views-row {
    margin-top: 30px;
    border-top: 1px solid #98132c;
    padding-top: 30px;
}

.view-display-id-rmd_tutti .views-row-last, .view-id-romaamodomio .views-row-last {
    margin-bottom: 30px;
    border-bottom: 1px solid #98132c;
    padding-bottom: 30px;
}


.view-romaamodomio .titolo_romaamodomio h2 {
    text-align: center;
    font-family: "Suez One";
    font-size: 50px;
    text-transform: uppercase;
    color: #98132C;
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: normal;
}
.view-romaamodomio .title_views_news_underline{
    width: 50px;
    border-top: 4px solid #B98715;
    margin: 0 auto;
	margin-top: -25px;
}

/* .view-romaamodomio div#edit-field-tipo-evento-tid-wrapper:before{ */
	/* font-family: FontAwesome; */
    /* content:"\f3c5"; */
    /* display: block; */
    /* width: 20px; */
    /* height: 20px; */
    /* float: left; */
/* } */

#edit-field-tipo-evento-tid-wrapper, #edit-field-periodo-08-value-value, #edit-between-date-filter-value, #edit-field-tipo-luogo-tid-wrapper, #edit-field-tag-tid-wrapper {position:relative}
#edit-field-tipo-evento-tid,  #edit-field-tipo-luogo-tid, #edit-field-tag-tid{padding-left:32px !important}

.iphone #edit-field-tipo-evento-tid,  .iphone  #edit-field-tag-tid{padding-left:0 !important;text-indent:32px !important}


#edit-field-periodo-08-value-value-datepicker-popup-0, #edit-between-date-filter-value-datepicker-popup-0,#edit-between-date-filter-value-datepicker-popup-1, #edit-field-periodo-08-value-value-datepicker-popup-1{padding-left:36px !important}
#edit-field-tipo-evento-tid-wrapper:before{
	content:'';width:21px;height:21px; background:url(iconwhy.png); z-index:100;position:absolute;left:8px; top:9px
 }
 #edit-field-periodo-08-value-value, #edit-between-date-filter-value:before{
	content:'';width:21px;height:21px; background:url(iconwhen.png); z-index:100;position:absolute;left:8px; top:9px
 }
 #edit-field-tipo-luogo-tid-wrapper, #edit-field-tag-tid-wrapper:before{
	content:'';width:21px;height:21px; background:url(iconwhat.png); z-index:100;position:absolute;left:8px; top:9px
 }


.view-romaamodomio .form-control {
    font-family: "Montserrat";
    font-size: 14px;
    color: #91142b;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px;
    text-align: left;
    padding-right: 200px;
    border: 1px solid #D4C6AE;
	display: inline-block;
	height: 40px;
}

.view-romaamodomio button#edit-submit-romaamodomio {
    border-radius: 0px;
    background: #F7A300;
    border: none;
    padding: 10px 70px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: MontSerrat;
	margin-top: 0px;
}

.view-romaamodomio div#edit-field-periodo-08-value-wrapper,
.view-romaamodomio div#edit-between-date-filter-wrapper {
	width: initial;
}

.view-romaamodomio .views-exposed-widget.views-submit-button {
		float:none;
	display: inline-block;
}

.view-romaamodomio div#edit-field-tipo-evento-tid-wrapper,
.view-romaamodomio div#edit-field-periodo-08-value-wrapper,
.view-romaamodomio div#edit-between-date-filter-wrapper,
.view-romaamodomio div#edit-field-tipo-luogo-tid-wrapper,
.view-romaamodomio div#edit-field-tag-tid-wrapper {
	padding-right: 0px;
	padding-left: 0px;
			float:none;
	display: inline-block;
	vertical-align: top;
}

.view-romaamodomio {
    margin: 0px;
    padding: 10px;
}

.view-romaamodomio .views-exposed-widgets.clearfix {
	text-align: center; font-size:0;padding-bottom:30px; max-width:1500px; margin:0 auto
}
.view-romaamodomio .views-exposed-widgets.clearfix  input, .view-romaamodomio .views-exposed-widgets.clearfix  button,
.view-romaamodomio .views-exposed-widgets.clearfix  select{margin:0;width:100%}
.view-romaamodomio .views-exposed-widgets.clearfix   div {padding:0;margin:0;display:block;float:none;width:100%}
.view-romaamodomio .views-exposed-widgets.clearfix  > div{width:28% !important;padding:0 !important;  display:inline-block }
.view-romaamodomio .views-exposed-widgets.clearfix .views-submit-button{width:16% !important}
.view-romaamodomio .views-exposed-widgets.clearfix button#edit-submit-romaamodomio {
text-align:center;
    padding: 10px 0;

}
.view-romaamodomio .views-exposed-widgets.clearfix  .form-control {

    padding-right: 0;

}

@media(max-width:800px)
{
.view-romaamodomio .views-exposed-widgets.clearfix  > div{width:100% !important;margin-bottom:0}	
.view-romaamodomio .views-exposed-widgets.clearfix .views-submit-button{width:100% !important}
}


/*FORM RICERCA ROMA A MODO MIO HOMEPAGE*/


.view-display-id-rmd_tutti .views-row, .view-id-romaamodomio .views-row {
    margin-top: 30px;
    border-top: 1px solid #98132c;
    padding-top: 30px;
}

.view-display-id-rmd_tutti .views-row-last, .view-id-romaamodomio .views-row-last {
    margin-bottom: 30px;
    border-bottom: 1px solid #98132c;
    padding-bottom: 30px;
}


section#block-views-exp-romaamodomio-rmd-tutti .titolo_romaamodomio h2 {
    text-align: center;
    font-family: "Suez One";
    font-size: 50px;
    text-transform: uppercase;
    color: #98132C;
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: normal;
}
section#block-views-exp-romaamodomio-rmd-tutti .title_views_news_underline{
    width: 50px;
    border-top: 4px solid #B98715;
    margin: 0 auto;
	margin-top: -25px;
}

/* .view-romaamodomio div#edit-field-tipo-evento-tid-wrapper:before{ */
	/* font-family: FontAwesome; */
    /* content:"\f3c5"; */
    /* display: block; */
    /* width: 20px; */
    /* height: 20px; */
    /* float: left; */
/* } */

section#block-views-exp-romaamodomio-rmd-tutti .form-control {
    font-family: "Montserrat";
    font-size: 14px;
    color: #91142b;
    font-style: italic;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0px;
    text-align: left;
    padding-right: 200px;
    border: 1px solid #D4C6AE;
	display: inline-block;
	height: 40px;
}

section#block-views-exp-romaamodomio-rmd-tutti button#edit-submit-romaamodomio {
    border-radius: 0px;
    background: #F7A300;
    border: none;
    padding: 10px 70px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: MontSerrat;
	margin-top: 0px;
	color: white;
	
}
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widget.views-submit-button {
		float:none;
	display: inline-block;
}

section#block-views-exp-romaamodomio-rmd-tutti div#edit-field-periodo-08-value-wrapper,
section#block-views-exp-romaamodomio-rmd-tutti div#edit-between-date-filter-wrapper {
	width: initial;
}


section#block-views-exp-romaamodomio-rmd-tutti div#edit-field-tipo-evento-tid-wrapper,
section#block-views-exp-romaamodomio-rmd-tutti div#edit-field-periodo-08-value-wrapper,
section#block-views-exp-romaamodomio-rmd-tutti div#edit-between-date-filter-wrapper,
section#block-views-exp-romaamodomio-rmd-tutti div#edit-field-tipo-luogo-tid-wrapper,
section#block-views-exp-romaamodomio-rmd-tutti div#edit-field-tag-tid-wrapper  {
	padding-right: 0px;
	padding-left: 0px;
	float:none;
	display: inline-block;
	vertical-align: top;
}


section#block-views-exp-romaamodomio-rmd-tutti {
    margin: 0px;
    padding: 10px;
}


body.front section#block-views-exp-romaamodomio-rmd-tutti {
background: #540805;
    background: -moz-linear-gradient(left, #540805 0%, #97122b 100%);
    background: -webkit-linear-gradient(left, #540805 0%,#97122b 100%);
    background: linear-gradient(to right, #540805 0%,#97122b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#540805', endColorstr='#97122b',GradientType=1 );
}


section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix {
	text-align: center; font-size:0;padding-bottom:30px; max-width:1500px; margin:0 auto
}
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix  input, section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix  button,
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix  select{margin:0;width:100%}
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix   div {padding:0;margin:0;display:block;float:none;width:100%}
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix  > div{width:28% !important;padding:0 !important;  display:inline-block }
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix .views-submit-button{width:16% !important}
section#block-views-exp-romaamodomio-rmd-tutti button#edit-submit-romaamodomio {
text-align:center;
    padding: 10px 0;

}
section#block-views-exp-romaamodomio-rmd-tutti .form-control {

    padding-right: 0;

}
@media(max-width:800px)
{
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix  > div{width:100% !important;margin-bottom:0}	
section#block-views-exp-romaamodomio-rmd-tutti .views-exposed-widgets.clearfix .views-submit-button{width:100% !important}
}

.view-romaamodomio .views-exposed-widgets.clearfix .help-block, section#block-views-exp-romaamodomio-rmd-tutti .help-block{display:none !important}


input#edit-field-periodo-08-value-value-datepicker-popup-0,
input#edit-between-date-filter-value-datepicker-popup-0::-webkit-input-placeholder,
input#edit-between-date-filter-value-datepicker-popup-1::-webkit-input-placeholder
 {
  color:#91142b !important
}

input#edit-field-periodo-08-value-value-datepicker-popup-0,
input#edit-between-date-filter-value-datepicker-popup-0::-moz-placeholder,
input#edit-between-date-filter-value-datepicker-popup-1::-webkit-input-placeholder
 { 
  color:#91142b !important
}

input#edit-field-periodo-08-value-value-datepicker-popup-0,
input#edit-between-date-filter-value-datepicker-popup-0::-ms-input-placeholder,
input#edit-between-date-filter-value-datepicker-popup-1::-webkit-input-placeholder
 { 
  color:#91142b !important
}

input#edit-field-periodo-08-value-value-datepicker-popup-0,
input#edit-between-date-filter-value-datepicker-popup-0::placeholder,
input#edit-between-date-filter-value-datepicker-popup-1::placeholder
 { 
  color:#91142b !important
}


.form-item-field-periodo-08-value-value-date,
.form-item-between_date_filter-value ::-webkit-input-placeholder {
    color: #91142b !important
}

.form-item-field-periodo-08-value-value-date,
.form-item-between_date_filter-value ::-moz-placeholder {
    color: #91142b !important
}

.form-item-field-periodo-08-value-value-date,
.form-item-between_date_filter-value::-ms-placeholder {
    color: #91142b !important
}

.form-item-field-periodo-08-value-value-date,
.form-item-between_date_filter-value ::placeholder {
    color: #91142b !important
}

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

#views-exposed-form-daybydayall-dbd-tutti-gli-eventi #edit-field-tipo-evento-tid-wrapper:before {
    background: none!important;
}

.view-romaamodomio .views-row .button_area {
    display: initial!important;
}

section#block-block-7 .container_text_dx .testo_registrati a{
    font-family: 'Montserrat';
    color: #f7a300;
    text-transform: uppercase;
    font-size: 25px;
    padding-left: 15px;
	/*text-decoration:none;*/
}
section#block-block-7 .testo_registrati {
    text-align: left;
}

#ui-datepicker-div {
    font-size: 100%;
    background: #FFF;
    border:1px solid #999;
	padding:10px;
	z-index:99999 !important;
	border-radius:0 !important;
	box-shadow: 8px 8px 16px 0px rgba(0,0,0,0.4);
}

.ui-datepicker {
    width: 21em;
    
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
	background:#FFF;
	margin:0 !important
}
.ui-datepicker-month option{
	text-align: right;
text-align-last: right;	
}
.ui-datepicker-month{
text-align: right;
text-align-last: right;	
	
}

.ui-datepicker-header select{border:0}
.ui-datepicker-header .ui-select.{width: 100%}
/* This is to remove the arrow of select element in IE */
.ui-datepicker-header select::-ms-expand {	display: none; }
.ui-datepicker-header select{
    -webkit-appearance: none;
    appearance: none;
}
.ui-datepicker-header select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.ui-datepicker-header{background:#FFF;border:0}
.ui-datepicker * {
font-family: 'Montserrat' !important;}


}






.ui-datepicker .ui-datepicker-next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}


.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    color: #fff !important;
    border: solid #91142B !important;
    border-width: 0 2px 2px 0 !important;
    border-radius: 0 !important;
    display: inline-block !important;
    padding: 1px !important;
	background: none !important;
	width:10px; height:10px;
	  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  position:static !important;
  margin:3px 0 0 5px !important;
}

.ui-datepicker .ui-datepicker-next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
   margin:3px 0 0 -5px !important;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
    border-radius: 0 !important;
	background: none !important;
	border:0 !important;
	text-align:center !important; cursor:pointer !important
}
.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover {
     background:#EEE !important;

}

.ui-datepicker .ui-datepicker-prev-hover { left:2px;top: 2px; background:#EEE }
.ui-datepicker .ui-datepicker-next-hover { right:2px;top: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }

.ui-datepicker table td {
    text-align:center !important;
	background:#F6F6F6 !important;
	border-bottom:2px solid #EEE !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
	background:#F6F6F6 !important;
	border:0 !important;
	font-size: 13px !important;
	font-weight:600 !important;
	color:#333 !important
	
}
.ui-datepicker table th span {
	color:#999 !important;
	font-size:13px !important
}

.ui-datepicker td a:hover {
	background:#EEE !important;
	
}
.ui-datepicker td a.ui-state-active{border-bottom:2px solid #F7A400 !important;
    background: url(start-date.png) no-repeat left bottom, url(end-date.png) no-repeat right bottom !important;
    background-size: 10px 10px !important;
	background-color:#FFF !important

}
.ui-datepicker td a.ui-state-highlight{background-color:#FFF !important}

.ui-datepicker td:last-child a{color:#91142B !important}