/* css */




#slide_show_2_display_header_slideshow
{
  width:100%;
  max-width:100%;
}
#row_1 .home_item
{
  width:30%;
  float: left;
  padding: 0px 0px;
  width: calc(100% / 4 );
}

#row_1 .home_item .item_image img
{
  width:70%; 
}

#row_1 .home_item h3 a,#row_1 .home_item h3 a:visited
{
  color:#404040;
}

#row_1 .home_item h3 a:hover
{
 color:#4DC7EC;
}

/* IDX SEARCH */
.IDX-showcaseTable
{
  margin:0 !important;
}

.IDX-quicksearchForm
{
  box-shadow:none;
  margin:0;padding:0;
  height:auto;
  display:flex!important;display:-webkit-flex!important;
  align-items:stretch;-webkit-align-items: stretch;
  flex-flow: row wrap;-webkit-flex-flow: row wrap;
  flex:1 1 20%;       -webkit-flex:1 1 20%;
  flex-direction: row;-webkit-flex-direction: row;
  align-self: stretch;-webkit-align-self: stretch;
}

.IDX-quicksearchForm > .IDX-qsFieldWrap
{
  display: block;
  flex: 1 1 20%;-webkit-flex: 1 1 20%;
  min-width:20%;
  align-self: flex-end;-webkit-align-self: flex-end;
  
  padding:5px;
  text-align:left;
}

.IDX-qsFieldWrap input,.IDX-qsFieldWrap select
{
  width:100% !important;
  display:block;
}

.IDX-qsFieldWrap:last-child
{
  align-self: flex-end;-webkit-align-self: flex-end;
}

.IDX-qsFieldWrap .IDX-qsLabel
{
  white-space:nowrap;
  font-weight:normal;
  font-size:14px;
  padding:5px,10px
}


/* END:IDX SEARCH */

#row_a {}
#row_a > div {background:#ddd;}
#row_a h1 {margin:0;padding:20px;line-height:1.25}
#row_a h2 {color:#474047;padding:12px;margin:0;text-align:center;margin:0;border:none;}





#row_3 {padding: 20px;}
/** Flexible columns **/
/*Home links*/
#row_b {background:#444;}
#row_b > div
{
  text-align:center;/*for ie & ipad*/
  display: flex;
  justify-content: center;
  flex-wrap:row-wrap;
  align-items:stretch;
  flex-flow: row wrap;
}


#row_b > div a,#row_b > div a:visited, #row_b > div a:hover
{
  align-self: stretch;-webkit-align-self: stretch;
  flex: 1 1 auto;-webkit-flex: 1 1 auto;
  
  min-height: 100%;
  vertical-align: top;
  padding:5px;
  
  flex-direction: column;
  margin:0;padding:0;
  border:1px solid #000;
  border-top-width:0;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
  line-height: 20px;
  padding: 10px 12px;
  text-align:center;
  
  font-size:1.3em;
  color:#000;
  background:#444;
  margin-bottom:0;
  text-decoration:none;
  padding:8px 15px;
  text-transform:none;
  
  
  max-width: 100%;width: auto; 
  
}

#row_b > div a:hover
{
  background:#666;
}

/*START: ie & IPAD*/
#row_b > div a,#row_b > div a:visited, #row_b > div a:hover
{
  display:inline-block;
  border-right-width:0;
}

#row_b > div a:last-child,#row_b > div a:last-child:visited, #row_b > div a:last-child:hover
{
  border-right-width:1px;
}
/*END: ie & IPAD*/


#header_logo_home
{
  height:50px;
  width:100%;
  background:url(images/logo_header.png) center top no-repeat;
  display: block;
  position:absolute;
  top:70px;
  margin: 0 auto;
}
#header_slide_show {width:75%;margin: 0 auto;}
#header_slideshow_wrapper
{
  min-height:100px;background:#000;
  max-width:100%;overflow:hidden;/*ipad fix*/
}
footer {overflow:hidden;/*ipad fix*/}


#galleria_header_slideshow {}
#row_2_slideshow_wrapper {}
#row_2 .flex_column {width:33%;min-height:100px;padding:0;}
#row_2 .flex_column_body {padding:15px;}


footer .flex_column {margin-bottom:0px;}

.arct_item_toolbar {z-index: 11;} /*Needed so toolbar shows up over other elements*/

/* ARTICLES */

article {margin-bottom:18px;}
article h2 {margin-bottom:5px;}

article h2 a,article h2 a:visited
{
  color:#000;
  text-align:left;
}

article h2 a:hover
{
  color:#FB0633;
}

/* CALENDAR */

.event_filter
{
  display:none;/*not used on home page*/
}
.event-date-icon
{
  position:absolute;
  background:url(images/calendar_icon.png) center top repeat-y;
  height: 62px;
  margin: 0 0 0 -60px;
  width: 58px;
}

.event-date-icon div:first-child
{
  color: #FFFFFF;
  font-size: 11px;
  padding: 8px 4px 2px 0; /*tweaks text horizontal centering as well*/
  text-align: center;
}

.event-date-icon-day
{
  color: #666666;
  font-family: georgia;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-right: 5px;
}

#event_calendar_2_module .item 
{
  font-size:.85em;
}

#event_calendar_2_module .item_group
{
  margin-bottom:34px;  
}

#event_calendar_2_module h3
{
  border-bottom:1px solid #ccc;  
}

#event_calendar_2_module h3 a, 
#event_calendar_2_module h3 a:visited
{
  font-size:1.2em;
  color: #000;
  font-weight:normal
}


#event_calendar_2_module h3 a:hover 
{
  color:#FB0633;
  text-decoration:none !important;
}

#event_calendar_2_module .location_name {
  color: #666;
  
}



@media (max-width: 940px),(max-device-width: 940px){
  
}

@media (max-width:900px),(max-device-width: 900px)
  {
  #header_slide_show {width:100%;margin: 0 auto;}
  
  #row_2 .flex_column {width:100%;}
  #row_2 .flex_columns {flex-direction:column;}
}

@media (max-width:767px),(max-device-width: 767px){
  
  #mobile_property_search_toggle_target
  {
    display:none; 
  }
  
  #mobile_property_search_toggle_target.toggle_open
  {
    opacity:1;
    transition: opacity 2s;
    display:block; /*override inline style from js toggle*/
  }
  
  #row_home_search .flex_columns
  {flex-direction:column;-webkit-flex-direction:column;}
  
  #row_1 .home_item
  {
    width:30%;
    float: none;
    padding: 0px 10px;
    width: 100%;
  }
  #header_slideshow_wrapper
  {
    display:none; 
  }
}


@media (max-width: 1280px),(max-device-width: 1280px)
  {
  /*Extra wide backgrounds don't show below this resolution*/
  #row_a {height:auto;}
  #row_a:before {display:none;}
}


@media (max-width:900px),(max-device-width: 900px){
  #row_a .flex_column {width:100%;}
  #row_a.flex_columns {flex-direction:column;}
}

@media (max-width:767px),(max-device-width: 767px){
  
  .IDX-quicksearchForm
  {
    display:block;
    flex:1 1 100%;       -webkit-flex:1 1 100%;
    flex-direction: column;-webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    float:none;
  }
  
  .IDX-quicksearchForm > .IDX-qsFieldWrap
  {
    display:block !important;-webkit-box-orient: vertical;/*iphone fix, as webkit flex-direction column doesn't work???*/ 
    -webkit-flex:none;
    float:none;
    align-self: stretch; -webkit-align-self: stretch;
    
    
  }
  
}

@media (max-width:640px),(max-device-width: 640px)
  {
  
  #row_b ul {flex-direction: column;}
  #row_b ul li {width:100%;max-width:100%;text-align:center;}
  #row_b ul li a,#row_b ul li a:visited,#row_b ul li a:hover {line-height:50px;}
}