/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */
.treemap_buttons_wrap {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 1160px;
	width: 100%;
	margin: 20px auto 0;
	padding-bottom: 100px;
}

.treemap_buttons_group {
	display: flex;
	align-items: center;
	padding: 0 8px;
	margin-bottom: 16px;
}

.treemap_buttons_wrap .treebut {
	margin: 0 4px 0 0;
	border-radius: 0;
}

.treemap_buttons_wrap .treebut.actve {
    background-color: white;
    color: #428bca;
    border: 1px solid #428bca;
}

@media (max-width: 768px) {

	.treemap_buttons_wrap .treebut {
	    width: 100%;
	    margin-bottom: 4px;
	    max-width: 300px;
	}

	.treemap_buttons_group {
		flex-direction: column;
		width: 100%;
	}

	.linkedin-post ul li{
		width: 100%;
	}
}

/*   FROM CUSTOMIZER
============================== */

.red {
	color: #ff0000;
}
.box .top {
	cursor:pointer;
	color: #0022ff;
}
.box .bottom {
	display: none;
	margin-top: .5em;
}
h3.d3-table {
    margin-top: 0;
}
.mapael .mapTooltip {
  position: absolute;
  background-color: #fff;
  moz-opacity: 0.70;
  opacity: 0.70;
  filter: alpha(opacity=70);
  border-radius: 10px;
  padding: 10px;
  z-index: 1000;
  max-width: 200px;
  display: none;
  color: #343434;
 }

.mapcontainer, .mapcontainer2 {
	margin: 0 auto;
	width: 90%;

}
.mapcontainer.dev.home.mapael {
    margin-top: 3em;
}

.mapcontainer.filter {
	margin-top: -110px;
}
.mapcontainer .values,
.mapcontainer2 .values2 {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
}
.mapael .map {
  position: relative;
	margin-top: 20px

}

@media (max-width: 992px) {
	.mapael .myLegend {
		display: none;
	}
}
.mapael .myLegend {
  margin: 30px auto;
 width: 400px;
 border: 1px solid #bebeb4;
 background-color: #f4f4e8;
 width: 600px;
 padding: 10px;
}
.mapcontainer.dev.home.mapael .myLegend,.mapcontainer.mapael .myLegend {
    margin: 0;
    background: none;
    border: none;
}

.mapcontainer.mapael .myLegend {
    margin: 0;
    background: none;
    border: none;
    margin-left: -50px;
}

.noUi-value {
	display: none;
}
.noUi-marker-horizontal.noUi-marker-large {
	height: 7px !important;
}
.noUi-connect {
	background: #6c7c7c;
}
.mapael h3, .ports-map-text h3 {
    font-size: 18px;
}
.d3plus_title text {
	text-transform:uppercase !important;
		font-size: 20px !important;
}

 /* For all zoom buttons */
        .mapael .zoomButton {
            background-color: #fff;
            border: 1px solid #ccc;
            color: #000;
            width: 15px;
            height: 15px;
            line-height: 15px;
            text-align: center;
            border-radius: 3px;
            cursor: pointer;
            position: absolute;
            top: 0;
            font-weight: bold;
            left: 10px;

            -webkit-user-select: none;
            -khtml-user-select : none;
            -moz-user-select: none;
            -o-user-select : none;
            user-select: none;
        }

      /* Reset Zoom button first */
        .mapael .zoomReset {
            top: 10px;
        }

        /* Then Zoom In button */
        .mapael .zoomIn {
            top: 30px;
        }

        /* Then Zoom Out button */
        .mapael .zoomOut {
            top: 50px;
        }

/* Search wpDataTables
----------------------- */

tr .code {
    width: 15%;
}

/* rank tables
------------------------ */

table.rank-table tr {
    font-size: .8em;
    padding: .15em;
}
table.rank-table td {
	padding: .15em;
}
table.rank-table th {
    /*text-align: center;*/
    border-bottom: 1px solid;
}
table.rank-table tbody {
	border-bottom: 1px solid;

}
h4.rank-table {
	margin-bottom: 0;
}

/* d3 charts
 ---------------------- */
.d3plus_title.title tspan, .d3plus_title.total tspan, .d3plus_title, #labels text {
    font-family: 'Open Sans', sans-serif !important;
}
#d3plus_viz, #d3plus_viz text {
    font-family: 'Open Sans', sans-serif !important;
}
.d3plus_button_element.d3plus_button_label {
	font-family: 'Open Sans', sans-serif !important;
}
.d3-chart {
	margin: 1em 0 3em
}
.wpDataTablesWrapper table.wpDataTable td.left-column.column-cty_name {
    padding-left: 1em;
}

.ytd-notice {
    padding: .5em;
    text-align: center;
    margin-bottom: 2em;
    font-weight: 600;
    text-transform: uppercase;
}
.global-notice, .global-notice-single {
	padding: .5em;
	margin-top: 1em;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
}
.global-notice-single {
	margin: -1em 0 1em 0;
}

/* Story
------------------------ */
div#story {
	margin: 3em 0;
}
.top-chart.right, .top-chart {
	display: none;
}
.fl-post-content p {
    margin-bottom: 1.5em;
    line-height: 1.75em;
}
.fl-post-content ul {
	margin-bottom: 1.5em;
}
.fl-post-content ul li {
	padding: .5em 3em .5em 0
}

/* Rank Table
 * ---------------------- */
table.rank-table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table.rank-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table.rank-table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

table.rank-table th,
table.rank-table td {
  padding: .3em .5em;
	font-size: .9em
  /*text-align: center;*/
}
table.rank-table th:last-child {
	text-align: right;
}

table.rank-table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 620px) {
  table.rank-table {
    border: 0;
  }

  table.rank-table caption {
    font-size: 1.2em;
  }

  table.rank-table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.rank-table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table.rank-table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;
    text-align: right;
  }

  table.rank-table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table.rank-table td:last-child {
    border-bottom: 0;
  }
}

@media screen and (max-width: 450px) {
  table.rank-table.framed {
    border: 0;
  }

  table.rank-table.framed caption {
    font-size: 1.2em;
  }

  table.rank-table.framed  thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table.rank-table.framed  tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table.rank-table.framed  td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 1em;
    text-align: right;
  }

  table.rank-table.framed  td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }

  table.rank-table.framed  td:last-child {
    border-bottom: 0;
  }
}

/* UABB
------------------------- */
h4.uabb-featured-pricing-box {
    background-color: #009db2 !important;
	color: #ffffff !important;
}

/* Dashboard Pages
 * ---------------------- */
#dashboard .fl-col {
		border-right: 1px solid #222222;
	margin-bottom: 1em;
	padding-bottom:1em
}
#dashboard .fl-col:first-child {
	border-left: 1px solid #222222;
	margin-bottom: 1em
}
#dashboard .fl-module-content {
	margin: 0 auto;
	text-align: center;
	padding: 0 .8em;
}

#dashboard h4 {
	font-family: 'Helvetica Neue', sans-serif;
	font-weight: 900;
	font-size: 120%;
}
#dashboard h4>span {
	font-weight: normal;
	display: block;
	font-size: .8em
}
i.fas.fa-caret-up, i.fas.fa-equals {
	color: #9BAC2C;
	font-size: 4em;
}
i.fas.fa-caret-down {
	color: #C82631;
	font-size: 4em;
}
i.fas.fa-equals {
	font-size:2.8em;
	padding-top: .25em;
	padding-bottom: .2em
}
#dashboard .dash-green {
	color: #9BAC2C;
}
#dashboard .dash-red {
	color: #C82631;
}

.exporting {
    margin: 0 auto 2.5em;
    text-align: center;
    font-size: .85em;
    font-weight: 600;
}

.smg-post {
	margin-bottom: 1.5em;
	max-width: 1200px;
	background-color: #28A1EA;
	padding: 1.5em 1.2em 3.75em 1.2em;
	border-radius:30px;
	/*background-image: url(https://ustradenumbers.com/wp-content/uploads/2021/07/USTNLogo-vertical-smg-side-com.png);
    background-position: center right;*/
	background-image: url(https://ustradenumbers.com/wp-content/uploads/2022/01/USTNLogo-red-1200x55-1.png);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 1200px 55px;
}
.smg-post h1 {
    font-size: 37px;
    text-align: center;
    margin: 0;
    padding: 0;
	  font-weight:500;

	 color: #054c7b;
}
.smg-post h2 {
	color: #ffffff;
	font-weight: 800;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 34px;
}
.smg-post h2 span {
	font-weight: 200;
	font-size: 50%;
	display: block;
}
article .smg-post h3 {
	font-size: 17px;
	color: #111111;
	text-transform: none;
}
.smg-post ul {
	list-style-type: none;
	text-align: center;
	margin-left: 0px;
	padding-left: 0;
}
.smg-post ul li {
	display: inline-block;
	padding: 1em;
	width: 18%;
}
.smg-post li img {
	width: 90px;
}
.smg-post ul li:last-child {
	margin-right:10px;
}
.smg-post h4 {
	color: #111;
	font-size: 18px;
}
.smg-post p {
	font-size: 15px;
	text-align: center;
	color: #ffffff;
}
button.btn.btn-info.toggle {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 2.5em auto;
}
span#view_filters, span#hide_filters,
span#view_filters_y, span#hide_filters_y {
    /* display: block; */
	font-size: 16px;
    text-align: center;
    margin: 0 auto;
    background-color: #5bc0de;
    width: 330px;
    padding: 5px 20px;
    color: #ffffff;
    border-radius: 5px;
	text-transform: uppercase;
	margin: 2.5em auto;
	text-decoration: none;
}
a.button {
    background-color: #5bc0de;
    padding: 10px 20px;
    text-decoration: none;
    color: #ffffff;
    border-radius: 7px;
    font-size: 20px;
    margin: 0 0 20px;
}
div.member-button {
	margin-bottom: 1.5em;
}
/* New Port Layout 11/21
 * -------------------- */
article.newport {
    /*width: 1200px;*/
    margin: 0 auto;
}
article.newport .row {
	margin-top: 1.5em;
}
.dash-text {
    margin-top: 2em;
}
h2.section-title, #charts h2 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
	  line-height: 1em;
}
article h2.copy-heading, #charts h2.copy-heading {
	font-size: 25px;
	text-transform: none;
	font-weight: normal;
	text-align: left;
}
article h3 {
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	color: #444;
}