/* Stylesheet for San Francisco Web Map - Reclaimed Project */
/* Stylesheet for horizontal scrolling mechanism */
/* Contact: Gabriel Kaprielian */
/* email: tug86593@temple.edu */
/* version: 7.1.4 */

* {
    box-sizing: inherit;
}

/* .wrapper_upland_TEMP_set { */
    /* position: relative; */
    /* width: 310px; */
    /* height: 306px; */
    /* padding: 0px; */
    /* left: 11px; */
    /* box-sizing: border-box; */
/* } */

.inside_holder_image_upland_TEMP_set{
    position: relative;
    display: block;
    float: left;
    width: 170px;
}

#Managed_Retreat_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#Managed_Retreat_name_holder:hover {
    cursor: pointer;
}

#green_stormwater_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#green_stormwater_name_holder:hover {
    cursor: pointer;
}

#constructed_wetland_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#constructed_wetland_name_holder:hover {
    cursor: pointer;
}

#stormwater_basin_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#stormwater_basin_name_holder:hover {
    cursor: pointer;
}

#living_shoreline_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#living_shoreline_name_holder:hover {
    cursor: pointer;
}

#pier_structure_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#pier_structure_name_holder:hover {
    cursor: pointer;
}

#seawall_protection_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#seawall_protection_name_holder:hover {
    cursor: pointer;
}

#reefs_islands_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#reefs_islands_name_holder:hover {
    cursor: pointer;
}

#floating_buildings_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 120px;
    height: 130px;
    padding-top: 67px;
    color: #000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 22px;
    padding-left: 20px;
}

#floating_buildings_name_holder:hover {
    cursor: pointer;
}
.inside_holder_desc_upland_TEMP_set{
    position: relative;
    display: inline;
    float: left;
    padding-top: 8px;
    width: 310px;
    height: 120px;
    font-size: 14px;
    color: #000;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

.wrapwords_upland_TEMP_set {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: normal;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    /* word-break: break-all; */
    white-space: normal;
}

.imagesized_upland_TEMP_set{
    max-width:100%;
    max-height:100%;
}

.wrapper_in-water_TEMP_set {
    position: relative;
    width: 324px;
    height: 290px;
    padding: 0px;
    left: 11px;
    box-sizing: border-box;
}

.inside_holder_image_in-water_TEMP_set{
    position: relative;
    display: block;
    float: left;
    width: 182px;
    height: 170px;
}

.Floating_Buildings_name_holder{
    position: relative;
    display: block;
    float: left;
    width: 140px;
    height: 170px;
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #000;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 28px;
    padding-left: 20px;
}

.Floating_Buildings_name_holder:hover {
    cursor: pointer;
}

.inside_holder_desc_in-water_TEMP_set{
    position: relative;
    display: inline;
    float: left;
    width: 322px;
    height: 120px;
    font-size: 14px;
    color: #000;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}

.wrapwords_in-water_TEMP_set {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: normal;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    /* word-break: break-all; */
    white-space: normal;
}

.imagesized_in-water_TEMP_set{
    max-width:100%;
    max-height:100%;
}

/* IMPORTS FROM PREVIOUS JAVASCRIPT VERSION */

.inside_holder_title_slider_2{
    position: relative;
    display: block;
    float: left;
    width: 138px;
    /* height: 170px; */
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #000000;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    text-align: left;
    line-height: 28px;
    padding-left: 20px;
}

.inside_holder_title_slider_2:hover {
    cursor: pointer;
}

/* .RS_title_vert_buffer{ */
    /* position: relative; */
    /* display: block; */
    /* width: 120px; */
    /* height: 48px; */
/* } */