/* assorted common styles for geography pages */

/* landing page carousel */
.landingpage .carousel-indicators .active {
    background-color:#e3e3e3 !important;
}

.landingpage .carousel-indicators li {
    border:1px solid #e3e3e3 !important;
}


/* news lists */
#content ul.portlet {
    padding-left:0;
}

#content li.portlet-item {
    padding-bottom: 30px;
    list-style-type: none;
}

#content li.portlet-item:last-child {
    padding-bottom: 0px;
}

#content li.portlet-item::before {
    content: "\f073"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em; /* same as padding-left set on li */
    color: #1b599c;
    font-size: 1.1em;
}

#content li.portlet-item > a {
    font-size:18px;
}

/* show and style date for news-items */
li.portlet-item > span::before {
  content: " (" attr(content) ")";
}
li.portlet-item > span {
    font-size: 0.85em;
}

/* document links */
#documents ul.portlet {
    padding-left: 1em;
}

#documents li.portlet-item {
    padding-bottom: 0.3em;
    list-style-type: none;
}

#documents li.portlet-item:last-child {
    padding-bottom: 0.5em;
}

#documents li.portlet-item::before {
    content: "\f016"; /* FontAwesome Unicode fa-file-o */
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em; /* same as padding-left set on li */
    color: #1b599c;
    font-size: 1.1em;
}

#documents li.portlet-item > a {
    font-size: 1em;
}

/* galleries links */
#galleries ul.portlet {
    padding-left: 1em;
}

#galleries li.portlet-item {
    padding-bottom: 0.3em;
    list-style-type: none;
}

#galleries li.portlet-item:last-child {
    padding-bottom: 0.5em;
}

#galleries li.portlet-item::before {
    content: "\f1c5"; /* FontAwesome Unicode fa-file-image-o */
    font-family: FontAwesome;
    display: inline-block;
    width: 1.3em; /* same as padding-left set on li */
    color: #1b599c;
    font-size: 1.1em;
}

#galleries li.portlet-item > a {
    font-size: 1em;
}

/* boxes */
#content .light-gray-box {
    border-radius: 4px;
    padding: 0.3em;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 1em;
}

#content .light-green-box {
    border-radius: 4px;
    padding: 0.3em;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    background-color: #f0fcec;
    border: 1px solid #46a12c;
    margin-bottom: 1em;
}

#content .geo-hide-content {
    display: none !important;
}

#content .geo-pub-listing li {
    padding-bottom: 1em;
}

#content .geo-working-group-link {
    border-top: 1px solid silver;
    padding-top: 1em;
    text-align: right;
}

/* fix unstyled lists */
#content .list-unstyled li {
    list-style-type: none;
}

/* FLD publication app styles */
div.fld_citation {
    text-indent: -42px;
    padding-left: 42px;
    padding-bottom: 1em;
    line-height: 1.5em;
}
div.fld_citation img {
    vertical-align: top;
}
h3.fld_citation_header {
    text-align: left;
}

/* provide a few useful classes introduced in Bootstrap 4 */

/* https://getbootstrap.com/docs/4.0/utilities/vertical-align/ */
td.align-top {
    vertical-align: top !important;
}

/* debug styles */
.todo {
    padding: 1em;
    background-color: lightyellow;
    border: 1px solid gold;
}

.todo::before {
  content: "TODO: ";
}


/* print styles */
@media (max-width: 768px) {
    hr.heading-border {
        margin:-12px 0 20px 0 !important;
    }
}

@media (min-width:769px) and (max-width: 992px) {
    hr.heading-border {
        margin:-12px 0 20px 15px !important;
    }
}

/* added 2020-05-29 */
.thumbnail-150 {
    max-height: 150px;
}

.thumbnail-200 {
    max-height: 200px;
}

.thumbnail-300 {
    max-height: 300px;
}

.thumbnail-400 {
    max-height: 400px;
}