@font-face {font-family: "StateFace"; src: url("https://s3.amazonaws.com/dev.unionhall.files/fonts/WACPAC/StateFace-Regular.otf") format("opentype");}

.email-signup > .row, .section-header,
.content-col.text-paragraph > div,
.flexslider,
.content-col.media-paragraph,
#accordion,
#the-rules-are-rigged-so-whos-behind-it .row,
#players-tab{z-index:1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.text-stone{color:#115e67;}

.navbar.mobile-navbar #breadcrumbs{display:none;}
.section.bg-nocolor.section-wbackground{background-repeat: none; background-size: cover;}
#paywatchmenu .section-header{display:none;}
#paywatchmenu {padding: 0.5em 15px; margin: auto;}
#paywatchmenu .navbar-nav{-ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; margin: auto;}
#paywatchmenu .navbar-nav .nav-item {border-right: 1px solid #115e67;}
#paywatchmenu .navbar-nav .nav-link {padding: 0 1em;}
#paywatchmenu .navbar-nav .nav-link.is-active {color: #f4633a;}
#paywatchmenu .navbar-nav .nav-item:last-child {border-right: none !important;}

#executive-paywatch,
#executive-paywatch-greedflation{padding-bottom: 1rem; background-position: center 0; background-image: url('https://aflcio.org/sites/default/files/2022-06/paywatch-web-banner-1.3.png') !important; background-size: cover;}
#executive-paywatch:before,
#executive-paywatch-greedflation::before{display:none;}
	#executive-paywatch .paragraph:nth-of-type(2),
    #executive-paywatch-greedflation .paragraph:nth-of-type(2){width: 100%; max-width: 100%; display:none;}
		#executive-paywatch .paragraph:nth-of-type(2) .content-col,
        #executive-paywatch-greedflation .paragraph:nth-of-type(2) .content-col{margin-left:0;-ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%;}
	#executive-paywatch a,
    #executive-paywatch-greedflation a{color: #fff; font-size: 0.80rem;}
	#executive-paywatch a:hover,
    #executive-paywatch-greedflation a:hover{color: #ffd757;}
	#executive-paywatch h2,
    #executive-paywatch-greedflation h2{color: #fff;}
	#executive-paywatch h2:before,
    #executive-paywatch-greedflation h2:before {background: #ffd757;content: " "; display: block; height: 5px; margin: auto auto 1.35rem; width: 120px;}

#executive-paywatch-mobile{padding-top: 2rem; padding-bottom: 2rem;}
	#executive-paywatch-mobile .page-title{display: none;}
	#executive-paywatch-mobile ul a{color: #fff}
	#executive-paywatch-mobile ul a:hover{color: #ffd757;}
	#executive-paywatch-mobile ul li {border-bottom: 1px solid #598f95;}
	#executive-paywatch-mobile ul li:last-child {border-bottom: none;}

#more-for-them-less-for-us,
#working-peoples-real-wages-fall-while-ceo-pay-soars,
#ceo-pay-by-state,
#amazon-delivers-the-highest-ceo-to-worker-pay-ratio-in-the-sp-500,
#ceo-pay-matters{overflow: hidden;}
#working-peoples-real-wages-fall-while-ceo-pay-soars,
#ceo-pay-by-state,
#amazon-delivers-the-highest-ceo-to-worker-pay-ratio-in-the-sp-500,
#ceo-pay-matters,
#greedflation-by-the-numbers{padding-top: 3em;padding-bottom: 4em;}

#more-for-them-less-for-us:before,
#working-peoples-real-wages-fall-while-ceo-pay-soars:before{display: none;}

	#more-for-them-less-for-us .page-title,
    #ceo-pay-matters .page-title{color: #fff;text-align: center !important;margin-bottom: 1rem;}
    #working-peoples-real-wages-fall-while-ceo-pay-soars .page-title,
    #amazon-delivers-the-highest-ceo-to-worker-pay-ratio-in-the-sp-500 .page-title{text-align: center !important;margin-bottom: 1rem;}
	#more-for-them-less-for-us .page-title{display:none;}
	#more-for-them-less-for-us  div[id^="block-block"],
	#working-peoples-real-wages-fall-while-ceo-pay-soars div[id^="block-block"],
	#ceo-pay-by-state  div[id^="block-block"],
    #working-peoples-real-wages-fall-while-ceo-pay-soars  div[id^="block-block"]{width:100%;}

#greedflation_chart, #greedflation_chart_bar{width:100%; max-width:800px; height: 400px; border-radius: 5px; background: #fff; overflow:visible !important;}

#more-for-them-less-for-us	{background-image: url('https://aflcio.org/sites/default/files/2022-06/image_from_ios.png') !important;}

.paywatch-stat-wrap{position: relative;height: 600px;}
.paywatch-stat{position: absolute; color: #fff; border-radius: 420px; font-weight: bold; border-bottom:none !important; overflow: hidden;}
	.paywatch-stat > div{display: flex; padding: 2rem; justify-content: center;flex-direction: column; text-align: center; line-height: 1em; font-size: 0.8rem; margin: 0 !important;}

#stat-1, #stat-1 > div{width: 120px; height: 120px; left: 50%; margin-left: -60px; top: 30px;}
#stat-2, #stat-2 > div{width: 160px; height: 160px; left: 15px; top: 145px;}
#stat-3, #stat-3 > div{width: 200px; height: 200px; right: 15px;top: 280px;}
#stat-4, #stat-4 > div{width: 150px;height: 150px;left: 15px;top: 450px;}
.paywatch-stat-number{color: #f4633a; font-family: "BebasNeue","Proxima Nova","Helvetica Neue",Arial,sans-serif; font-size: 2rem; display: block; line-height: 1.5rem; margin-bottom: 0.25rem;}
.paywatch-stat-number-text{font-size: 1.5rem; display: block; color: #f4633a;}

.bg-orange:nth-child(2n){background: #f4633a;}
.bg-stone:nth-child(2n) {background: #115e67;}
.bg-orange .paywatch-stat-number, .bg-orange .paywatch-stat-number-text{color: #373a3a;}
.btn-rounded{border-radius: 5px; margin: 1em;}

.relative{position: relative;}
.absolute{position: absolute}


#ceo-pay-by-state .page-title{text-align: center !important; margin-bottom: 1rem;}

.btn-ratio{box-shadow: none !important; margin-bottom: 2em;padding-top: 0.7em;}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-left-radius: 5px;border-top-left-radius: 5px;}

#chartdiv {width: 100%; height: 240px;}
#industry, #buybacks {width: 100%; height:500px;}
a[title="Interactive JavaScript maps"]{top: auto !important; bottom: -30px;}

#map-overlay{color: #fff; background:#165f67; background: rgba(22,95,103, 0.9); right: 0; font-size: 0.85rem; margin-top: 30px;}
	#map-overlay > div{padding: 20px 0px;}
	#overlay-header{padding-bottom: 15px;}
	#state-name{font-size: 1.8rem;vertical-align: middle;display: inline-block; line-height: 3rem;}
	#state-icon{display: inline-block; font-family: "StateFace"; font-size: 2.8em; line-height: 1; vertical-align: top; text-transform: none !important; color:#ffd757; }
	#map-overlay .close{color: #fff;}
	#map-overlay .h6{font-size: 0.9rem;display: block;margin-top: 0;line-height: 1.4rem;margin-bottom: 0.65rem;}
	#map-overlay ul{padding-left: 20px; margin-bottom: 0;}
	#map-overlay ul li:before{display: inline-block;width: 10px;margin-left: -15px;color: #ffd757;content: "\2022";margin-right: 5px;font-size: 1.15rem;}
	#players-wrap{margin-top: 1rem;padding-top: 1rem;border-top: 1px solid #4d7e83;}
	#view-state{font-family: "Proxima Nova","Helvetica Neue",Arial,sans-serif; font-size: 1rem; font-weight: normal; border-radius: 5px;}

#join-together-fight-back,
#the-trump-tax-laws-benefit-ceos{overflow: hidden;}
#join-together-fight-back .single-column-signup{width: 100%; margin: 0 auto 3rem; display: block;}
	#join-together-fight-back #block-email-signup-block h3{color: inherit;}
	#join-together-fight-back #block-email-signup-block h3:before{display:none;}
	#join-together-fight-back .single-column-signup .block-email-signup .email-signup-form{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
		#join-together-fight-back .email-signup{color: inherit;padding: 0 15px 2em;}

.block-stats.paragraph--type--factoid-number + .block-stats.paragraph--type--factoid-number{background: #4da2e8;}
.block-stats.paragraph--type--factoid-number + .block-stats.paragraph--type--factoid-number .stats-number{color: #373a3a;}

#company-pay-ratios.paragraph + .paragraph--type--section .views-field-name{display: none;}
.single-column-signup .block-email-signup h3{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 1em 15px;}
div[id^="block-paywatch-search"]{padding-left: 1.5em; padding-right: 1.5em; position: relative;}
/* #highest-paid-ceos,
#company-pay-ratios{background-image: url('https://aflcio.org/sites/default/files/2022-06/paywatch-web-banner-1.3.png') !important;} */

#highest-paid-ceos .section-header, #company-pay-ratios .section-header{display: none;}

@media (min-width: 375px) {

	#executive-paywatch .paragraph:nth-of-type(2){display:block;}

	#stat-1, #stat-1 > div{width: 160px;height: 160px;left: 50%;margin-left: -80px;top: 40px;}
	#stat-2, #stat-2 > div{width: 180px;height: 180px;left: auto;top: 190px;right: 50%;}
	#stat-3, #stat-3 > div{width: 220px;height: 220px;right: auto;top: 315px;left: 50%;margin-left: -40px;}
	#stat-4, #stat-4 > div{width: 160px;height: 160px;left: auto;top: 460px;right: 50%;margin-right: 15px;}

	.paywatch-stat-number{font-size: 2.5rem; line-height: 1.8rem;}

	#chartdiv {height: 300px;}

}

@media (min-width: 575px) {
	#stat-4, #stat-4 > div{width: 180px;height: 180px;}
}

@media (max-width: 767px){
	#paywatch-menu .navbar-nav .nav-link, #paywatchmenu .navbar-nav .nav-link{padding: 0 0.5em;font-size: 0.95em;}

}

@media (min-width: 768px) {

	#more-for-them-less-for-us.section.bg-nocolor.section-wbackground{background-attachment: fixed;}

	.paywatch-stat-wrap{height: 800px; webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; }

	#stat-1, #stat-1 > div{width: 250px; height: 250px;left: 50%; margin-left: -120px;}
	#stat-2, #stat-2 > div{width: 300px; height: 300px; left: 0; top: 220px; right: auto;}
	#stat-3, #stat-3 > div{width: 420px; height: 420px; font-size: 1rem; right: 0; top: 290px; left: auto; margin-left: 0px;}
	#stat-4, #stat-4 > div{width: 240px; height: 240px; left: 12.5%; top: 550px;margin-right: 0px; right: auto;}

	.paywatch-stat-number{font-size: 3.5rem; line-height: 2.6rem; margin-bottom: 0.5rem;}
	.paywatch-stat-number-text{font-size: 2rem;}

	#chartdiv {height: 600px;}
	#map-overlay > div{padding: 40px 20px;}
	#state-icon{margin-right: 10px;}
	#greedflation_chart,#greedflation_chart_bar{margin: 0px 30px 30px 30px; padding: 20px;}
}

@media (min-width: 992px) {
	#map-overlay{position: absolute;margin-top: 0px;z-index: 2;}
	#join-together-fight-back .single-column-signup{width: 80%;}

	.factoids .block-stats:nth-last-of-type(2n),
	.factoids .block-stats:nth-last-of-type(2n) ~ .block-stats{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    #greedflation_chart,#greedflation_chart_bar{margin: 30px auto;}

	div[id^="block-paywatch-search"] {width: 100%; padding-left: 30%; padding-right: 30%;}
}
