/* Donovan's Ticker Style */

.recent-measurements-wrapper #dt-ticker-wrapper {
	/*min-height: 145px;*/
	position: relative;
}

div.ticker-wrapper #dt-ticker-wrapper h2.ticker-title {
    margin:0;
}

.left-arrow, .right-arrow, .pause-bars {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 4%;
	font-size: .875rem;
	margin-left: -4px;
}

.left-arrow {
    width: 2%;
}

.right-arrow {
    text-align: center;
}

.recent-measurements-wrapper .pause-bars .bx-start.hover,
.recent-measurements-wrapper .pause-bars .bx-start:hover,
.recent-measurements-wrapper .pause-bars .bx-start:focus,
.recent-measurements-wrapper .pause-bars .bx-stop.hover,
.recent-measurements-wrapper .pause-bars .bx-stop:hover,
.recent-measurements-wrapper .pause-bars .bx-stop:focus,
.recent-measurements-wrapper .right-arrow .bx-next.hover,
.recent-measurements-wrapper .right-arrow .bx-next:hover,
.recent-measurements-wrapper .right-arrow .bx-next:focus,
.recent-measurements-wrapper .left-arrow .bx-prev.hover,
.recent-measurements-wrapper .left-arrow .bx-prev:hover,
.recent-measurements-wrapper .left-arrow .bx-prev:focus {
	background-color: #2c66a4;
	display: flex;
	justify-content: center;
	height: 2.55rem;
	border-radius: 6px;
	align-items: center;
}

.pause-bars {}

.d-ticker-list-container {
	width: 100%;
    display: inline-block;
    text-align: center;
    overflow: hidden;
	height: 36px;
    position: relative;
    vertical-align: middle;
}

.d-ticker-list-container #d-ticker-list {
	list-style-type: none;
	margin: 10px 10px 0;
	text-align: center;
}

.ticker-slider-container {
    position: absolute;
    top: 6px;
    left: 0;
    width: auto;
    white-space: nowrap;
}

div#l2-ticker.ticker-wrapper .d-ticker-list-container div {
	color: #2c66a4;
}

div#l2-ticker.ticker-wrapper .d-ticker-list-container div.active, div.ticker-wrapper .d-ticker-list-container div.active {
	display: block;
}

/* !Donovan's Ticker Style */

.recent-measurements-wrapper .btn {
    border-radius: 6px;
    font-size: 1.25rem;
    white-space: nowrap;
    background-color: #2c66a4;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #d6e9ff;
    width: 48%;
}

.recent-measurements-wrapper .bx-next,
.recent-measurements-wrapper .bx-prev,
.recent-measurements-wrapper .bx-start,
.recent-measurements-wrapper .bx-stop {
	width: 100%;
	height: 2.55rem;
	background-color: unset;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.recent-measurements-wrapper .pause-bars .bx-start.hover .icon-play,
.recent-measurements-wrapper .pause-bars .bx-start:hover .icon-play,
.recent-measurements-wrapper .pause-bars .bx-start:focus .icon-play,
.recent-measurements-wrapper .right-arrow .bx-next.hover .icon-angle-right,
.recent-measurements-wrapper .right-arrow .bx-next:hover .icon-angle-right,
.recent-measurements-wrapper .right-arrow .bx-next:focus .icon-angle-right,
.recent-measurements-wrapper .left-arrow .bx-prev.hover .icon-angle-left,
.recent-measurements-wrapper .left-arrow .bx-prev:hover .icon-angle-left,
.recent-measurements-wrapper .left-arrow .bx-prev:focus .icon-angle-left {
	color: #fff !important;
}

/* TICKER LAYOUT */
#ticker-loading {
	color: #fff;
    height: 48px;
    padding: 10px 0 0 0;
}

div#l2-ticker #ticker-loading {
	color: #2c66a4;
}

.recent-measurements-wrapper .ticker-container {
	width: 100%;
    white-space: nowrap;
    position:relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	gap: .8rem;
}

.recent-measurements-wrapper .ticker-container .pause-bars,
.recent-measurements-wrapper .ticker-container .right-arrow,
.recent-measurements-wrapper .ticker-container .left-arrow {
    width: 48px;
    margin-left: 0;
}
.recent-measurements-wrapper .ticker-container .pause-bars {
    width: 48px;
}

.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop .img-pause,
.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop .img-pause--hover {
	height: 1.5rem;
}

.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop.hover .img-pause,
.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop:hover .img-pause,
.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop:focus .img-pause {
	display: none;
}

.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop .img-pause--hover {
	display: none;
}

.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop.hover .img-pause--hover,
.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop:hover .img-pause--hover,
.recent-measurements-wrapper .ticker-container .pause-bars .bx-stop:focus .img-pause--hover {
	display: inline-block;
	height: 1.5rem;
}
	/* GLOBE-4570 homepage compliance pt 2 */
#dt-ticker-wrapper #recent-measurements-ticker-title:focus,
#dt-ticker-wrapper .ticker-content-wrapper .ticker-content .ticker-container  a:focus,
#dt-ticker-wrapper .ticker-content-wrapper .data-buttons button:focus {
  text-decoration: auto;
  outline: solid;
  outline-color: #8fa1bd;
  outline-width: 2px;
  border-radius: 1%;
  outline-offset: 4px;
}
.recent-measurements-wrapper .ticker-wrapper {
	position: relative;
	width: auto;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3047', endColorstr='#496c97',GradientType=1 );
}

.recent-measurements-wrapper .ticker-wrapper {
	padding: 50px 0 40px;
}

.recent-measurements-wrapper #l2-ticker {
	padding: 50px 0 0;
}

div#l2-ticker.ticker-wrapper {
	background: 0;
}
div.ticker-content h2.ticker-title {
	font-family: "open_sansregular",Helvetica,Arial,sans-serif;
    font-size: 1.875rem;
}
div#l2-ticker.ticker-wrapper #dt-ticker-wrapper h2.ticker-title {
    color: #b37b0a;
}
.ticker-wrapper .ticker-content {
	display: inline-block;
    vertical-align: middle;
    margin-left: 0 !important;
    width: 100%;
}

/* CUSTOM CSS */
#dt-ticker-wrapper .slide_item {
	text-align: center;
	display: none;
	color: #000;
	font-size: 1.25rem;
	white-space: nowrap;
	position: relative;
	top: 0;
}

#dt-ticker-wrapper .slide_item div {
	white-space: nowrap;
	display: inline-block;
}

#dt-ticker-wrapper .slide_item div img {
    /*text-align: right;*/
    margin-left:0;
}
            
#dt-ticker-wrapper .slide_item div:first-child {
    width: 30px;
}

.slide-buffer {
    display: inline-block;
    position: relative;
    width: 20px;
}

div.slide_item a.si-orgName {
	font-size: 1.25rem;
    margin-left: 10px;
}
div#l2-ticker.ticker-wrapper div.slide_item a.si-orgName {
    color: #d8a600;
}
div.slide_item span.si-orgContent {
	font-size: 1.25rem;
    color: #000;
    font-weight: 200;
}
div#l2-ticker.ticker-wrapper div.slide_item span.si-orgContent {
	color: #2c66a4;
}

.data-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    white-space: nowrap;
}

.s-9101, .s-9102, .s-9103, .s-9104, .s-9106, .s-9107, .s-9108, .s-9109,
	.s-9110, .s-9112, .s-9113, .s-9114, .s-9150, .s-9201, .s-9301,
	.s-9302, .s-9502, .s-9503, .s-9504, .s-9505, .s-9506, .s-9507,
	.s-9508, .s-9509, .s-9510, .s-9511, .s-9512, .s-9513, .s-9601, .s-9602,
	.s-9603, .s-9604, .s-9605, .s-9606, .s-9116, .s-9117, .s-9151 {
	background: url(../images/sprites.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9202 {
	background: url(../images/phen-gardens.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9203 {
	background: url(../images/lilacs.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9303, .s-9901 {
	background: url(../images/mosquitoes.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9404 {
	background: url(../images/carbon-cycle.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9514 {
	background: url(../images/frosttube.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9902 {
	background: url(../images/eclipse.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9401 {
	background: url(../images/biometry.png) no-repeat;
	width: 24px;
	height: 24px !important;
	margin-bottom: 5px;
}

.s-9101 {
	background-position: -450px -101px;
}

.s-9102 {
	background-position: -401px -100px;
}

.s-9103, .s-9116 {
	background-position: -351px -100px;
}

.s-9104 {
	background-position: -301px -99px;
}

.s-9106 {
	background-position: -251px -100px;
}

.s-9107 {
	background-position: -201px -101px;
}

.s-9108 {
	background-position: -150px -101px;
}

.s-9109 {
	background-position: -100px -100px;
}

.s-9110 {
	background-position: -51px -99px;
}

.s-9112 {
	background-position: -1px -99px;
}

.s-9113 {
	background-position: -601px -50px;
}

.s-9114 {
	background-position: -550px -50px;
}

.s-9150, .s-9151 {
	background-position: -501px -50px;
}

.s-9201 {
	background-position: -450px -51px;
}


.s-9301 {
	background-position: -350px -51px;
}

.s-9302 {
	background-position: -301px -50px;
}

.s-9502 {
	background-position: -200px -50px;
}

.s-9503 {
	background-position: -151px -51px;
}

.s-9504 {
	background-position: -100px -51px;
}

.s-9505 {
	background-position: -50px -50px;
}

.s-9506 {
	background-position: -601px 0;
}

.s-9507 {
	background-position: -551px 0;
}

.s-9508 {
	background-position: -501px -1px;
}

.s-9509 {
	background-position: -451px 0;
}

.s-9510 {
	background-position: -400px 0;
}

.s-9511 {
	background-position: -351px 0;
}

.s-9512 {
	background-position: -300px 0;
}

.s-9513 {
	background-position: -250px 0;
}

.s-9601 {
	background-position: -201px -1px;
}

.s-9602 {
	background-position: -151px -1px;
}

.s-9603 {
	background-position: -101px 0;
}

.s-9604 {
	background-position: -50px -1px;
}

.s-9605, .s-9117 {
	background-position: -2px -49px;
}

.s-9606 {
	background-position: 0 0;
}

@media (min-width: 1441px ) {
	.recent-measurements-wrapper #dt-ticker-wrapper {
	    position: relative;
	    max-width: 1240px;
	    margin: 0 auto;
	}
}

@media (min-width: 992px ) {
	.ticker-wrapper .ticker-content {
		width: 70%;
	}
    .ticker-content-wrapper {
        display: flex;
        justify-content: space-between;
    }
    .data-buttons {
        width: 30%;
    }
    .recent-measurements-wrapper .btn {
        font-size: 1.125rem;
    }
	.recent-measurements-wrapper .btn#enter-data {
		width: 45%;
		margin-right: .5rem;
	}
	.recent-measurements-wrapper .btn#vis-data {
		width: 100%;
	}
	.recent-measurements-wrapper .ticker-wrapper {
		padding: 50px 0 .5rem;
	}
}

@media ( min-width : 1050px) {
	.recent-measurements-wrapper .btn#vis-data {
		width: 52%;
	}
}
/*
 * Responsive - Tablet Portrait
 */
@media ( max-width : 979px) {
	div.globe-navigation-wrapper .portlet-borderless-container {
    	min-height: 0;
	}
}
@media ( max-width : 767px) {
	.ticker-wrapper {
	 	padding: 40px 7vw;
    	max-width: 100%;
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3047', endColorstr='#3a577d',GradientType=1 );
	}
	div#l2-ticker.ticker-wrapper {
	    background: 0;
	    padding: 10px 5%;
	    max-width: 100%;
	    background-color: #8dc1f4;
	}
	.recent-measurements-wrapper #dt-ticker-wrapper {
		min-height: initial;
	}
	div#l2-ticker.ticker-wrapper #dt-ticker-wrapper h2.ticker-title {
	    font-size: 1.375rem;
	    margin: 0;
	    color: #ffffff;
	}
	.recent-measurements-wrapper .btn {
		font-size: 1.125rem;
        border-radius: 4px;
        padding: 12px 0;
	}
	.recent-measurements-wrapper .ticker-wrapper {
		padding: 6px 0 0;
	    background-color: #fff;
	}
}
@media ( max-width : 419px) {
	div.ticker-wrapper #dt-ticker-wrapper h2.ticker-title {
	    font-size: 1.375rem;
	}
	.recent-measurements-wrapper .btn {
        font-size: 1rem;
    }
}