h1, h2, h3, h4, h5, h6 {
    font-family: 'BentonSansRegular';
}

.share-list{    list-style-type: none;}


li#menu-item-197 a {
    color: #900 !important;
}

.your-giv-label h5, .your-vol-label h5 {letter-spacing:initial;}

div#giveOMeter_Meter
{
    font-weight: 500;
}

.header .header-nav .nav ul ul ul li {
        font-size: 1.2rem!important;
}

p, div {
    font-family: 'BentonSansRegular';
}

        body {
            overflow-y: scroll;
             font-family: 'BentonSansRegular';
        }

.share-holder {
                                font-size: 10px;
                                font-family:"BentonSansBold",sans-serif;
                                text-transform:uppercase;
                                text-align:right;
                                color:#c7c3c2;
                                display: -webkit-box;
                                display: -webkit-flex;
                                display: -ms-flexbox;
                                display: flex;
                                -webkit-box-pack: end;
                                -webkit-justify-content: flex-end;
                                -ms-flex-pack: end;
                                justify-content: flex-end;
                                -webkit-box-align: center;
                                -webkit-align-items: center;
                                -ms-flex-align: center;
                                align-items: center;
                                position: static;
                                padding: 14px 7px 0 0;
                                width: 263px;
                                margin: auto;
                }

                .share-holder .share-text {
                                margin: 0 10px 10px 0;
                }

    .share-list {
                display: inline-block;
                font-size: 0;
                padding:0;
}

.share-list li {
                float: left;
}

.share-list li:not(:last-child) {
                margin-right: 5px;
}

.share-list a {
                display: inline-block;
                width: 28px;
                height: 28px;
                border-radius: 5px;
}


       .min-amount {
           text-align: right;
           padding: 0px;
           padding-top: 50px;
           color: rgb(173,167,174);
           font-size: 16px;
           font-family: 'BentonSansRegular';
           width: 10%;
           margin-right:-10px;
       }

        .max-amount {
           padding: 0px;
           padding-top: 50px;
           color: rgb(173,167,174);
           font-size: 16px;
           font-family: 'BentonSansRegular';
           width: 10%;
           margin-left: -10px;
       }
        
        .counties {
            fill: none;
        }
        
        .states {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }
        
        .regions {
            fill: none;
            stroke: silver;
            stroke-width: 2px;
            stroke-linejoin: round;
        }
        
        div.tooltip {
            position: absolute;
            text-align: center;
            padding: 2px;
            background: #ffffff;
            border: 1px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            opacity: 0.0;
        }
        
        div.box {
            position: absolute;
            text-align: center;
            width: 500px;
            height: 400px;
            padding: 2px;
            background: #ffffff;
            border: 10px;
            border-radius: 2px;
            pointer-events: none;
            color: black;
            border-color: red;
            opacity: 0.0;
        }
        
        #slider {
            background-color: white;
            color: white;
        }
        
        .tick {
            color: gray;
        }
        
        .tick text {
            fill: black;
        }
        
        #legend {
            font-size: 12px;
            width: 300px;
            height: 250px;
        }
        
        .legend-text {
            font-size: 12px;
            font-weight: bold;
            text-anchor: middle;
        }
        
        #barchart {
            font-size: 12px;
            width: 300px;
            height: 310px;
            /*overflow-y:scroll;*/
        }
        
        .sub-area {
            background-color: black;
            color: white;
            width: 150px;
            padding: 3px;
        }
        
        .control-set {
            background-color: #f0f0f0;
            padding-bottom: 20px;
        }
        
        .legend-set {
            background-color: #f0f0f0;
        }
        
        .question {
            background-color: black;
            color: white;
            padding-bottom: 20px;
            font-size: larger;
        }
        
        .d3-slider-axis {
            margin-left: -50px;
        }
        
        .overlay {
            opacity: 0.8;
            background-color: #ccc;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0px;
            left: 0px;
            z-index: 1000;
        }
        
        .linechart {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
        }
        
        .axis path,
        .axis line {
            fill: none;
            stroke: #666;
            stroke-width: 1.5px;
            fill: none;
            stroke: grey;
            stroke-width: 1;
            shape-rendering: crispEdges;
        }
        
        a {
            display: block;
            word-wrap: break-word;
            -ms-word-break: break-all;
            word-break: break-all;
            /* Non standard for webkit */
            word-break: break-word;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            hyphens: auto;
        }
        
        #questions {
            /*width: 300px;*/
        }
        
        .dropdown-menu li a {
            white-space: normal;
        }
        
        #social-links {
            position: relative;
            float: right;
            padding-left: 250px;
        }
        
        .boxshadow {
            -moz-box-shadow: 3px 3px 5px #535353;
            -webkit-box-shadow: 3px 3px 5px #535353;
            box-shadow: 3px 3px 5px #535353;
        }
        
        .roundbox {
            -moz-border-radius: 6px 6px 6px 6px;
            -webkit-border-radius: 6px;
            border-radius: 6px 6px 6px 6px;
        }
        
        .modal-body {
            height: 320px;
        }
        
        .draggable {
            /*background-color:yellow;*/
        }
        
        .grpl {
            background-color: lightgrey;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .grpd {
            background-color: silver;
            padding: 10px;
            margin: 0px;
            border: 0px;
        }
        
        .spc {
            margin: 0px;
            padding: 0px;
            border: 0px;
            height: 0px;
        }
        
        /*.row {
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
        .section{
            padding:5px;
        }*/
        input[type='radio']:checked {
                /*background-color:green;
                font-size*/
        }
  
        /* <style>   */     
		.rect-block {
			margin-left: 20px;
		}
		          
        .rect-block label {
            font-size:16px;
            color: rgb(134,125,120);
            padding-left: 5px;
			margin-bottom:5px;
        }
        .rect-block label input[type=radio]:checked ~  .rect-block label {
            background-color:red;

        } 
         .rect-block label input[type=radio]
         {            
             margin-top:0;
         }
         .rect-block input[type=radio]:checked + label{ 
             color:rgb(73,56,40) !important;
             font-size:16px;
                     
        }   
        .rect-block input[type=radio]:checked {
            background-color: rgba(16,108,200,0.87);
        }
		
		.custom-select {
			margin-left:0;
		}
 

    input[type=radio]:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #990000;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #FFF;
    border: 3px solid #FFF;
    box-shadow: 0 0 2px #555;
    }
/*</style>*/

/*Matt's Stuff*/

#header {
}

#header h2 {
	color: rgb(169,5,51);
	font-size:36px;
}

#header p {
	color: rgb(134,125,120);
	text-transform:uppercase;
	font-size:18px
}

.filters {
	background-color: rgb(231,229,228);
	margin-top:25px;
	padding-top: 10px;
	min-height:77px;

}
.filters h3 {
    margin-top:19px;
    margin-bottom:0;
    padding-bottom:0;
}

h3 {
	font-size:18px;
}

h4 {
	font-size:18px;
	text-transform:uppercase;
	font-family:"BentonSansBold";
    color:  rgb(73,56,40);
}

h5 {
	font-size:14px;
	text-transform:uppercase;
	color:rgb(173,167,174);
	font-family:"BentonSansBold";
}

p {
	font-size:16px;
	color:rgb(73,56,40);
}

.survey-question {
	border: 1px solid rgb(214,211,210);
	margin-top:30px;
	padding-left:40px;
	padding-bottom:20px;
}

.survey .col-sm-6 {	
	margin:0;
}

.survey .col-sm-6:last-child .survey-question {
}

.survey-question-corner {
	background-color: rgb(169,5,51);
	color: white;
	text-align:center;
	padding-top:4px;
	font-size: 16px;
	font-weight: 800;   
	margin-left:-40px;
	width:30px;
	height:30px;
}

.navigation {
	margin-top:45px;
	margin-bottom:15px;
}

.button {
	border-radius: 40px;
	border-color: rgb(169,5,51);
	color: white;
	background-color: rgb(169,5,51);
	width: 200px; height: 39px;
	font-size: 14px;
	float:right;
	text-align:center;
	text-transform:uppercase;
}

.prev {
	float:left;
}

.filter-button {
	margin-top:10px;
	padding-top:10px;
	margin-left:calc(50% - 100px);
	float:none;
	margin-bottom:15px;
}

.results-text {
	margin-top:25px;
	line-height:1.0
}

.results-chart {
	margin-top:50px;
    width: 80%;
}

.results-chart .bar {
	height:20px;
	float:left;

}

.giv-less-than {
	background:rgb(169,5,51);
	width: calc(0%);
	transition: width 1s;
}

.giv-more-than {
	background:rgb(91,15,40);
	width: calc(100% - 4px);
	transition: width 1s;
}

.your-giv-marker {
	width:4px;
	height:50px;
	background:black;
	margin-top:-15px;
	float:left;
}

.your-giv-label {
	position:absolute;
	margin-left: calc((100% - 30px) * 0);
	transform: translate(-50%, -75%);
	text-align: center;
	margin-top: -35px;
	width: 130px;
	/* transition: margin 1s; */
}

.vol-less-than {
	background:rgb(169,5,51);
	width: calc(0%);
	transition: width 1s;
}

.vol-more-than {
	background:rgb(91,15,40);
	width: calc(100% - 4px);
	transition: width 1s;
}

.your-vol-marker {
	width:4px;
	height:50px;
	background:black;
	margin-top:-15px;
	float:left;
}

.pctMeterL {
        font-family: 'BentonSansBold';
        font-size: 18px;
        font-weight: bolder;
        text-align:left;
        /* float:left; */
        /* width:50%; */
        /* padding-left:15px; */
}

.pctMeterR {
        font-family: 'BentonSansBold';
        font-size: 18px;
        font-weight: bolder;
        /* float:right; */
        /* width:40%; */
        text-align:right;
        /* padding-right:115px; */
}

.compareVerbiageR {
       font-family: 'BentonSansRegular';
       font-size: 15px;
       /* float:right; */
       /* width:40%; */
       /* text-align:right; */
       /* padding-right:115px; */
       text-align: right;
}
.compareVerbiageL {
       font-family: 'BentonSansRegular';
       font-size: 15px;
       text-align:left;
       /* float:left; */
       /* width:50%; */
       /* padding-left:15px; */
}

.your-vol-label {
	position:absolute;
	margin-left: calc((100% - 30px) * 0);
	transform: translate(-50%, -75%);
	text-align: center;
	margin-top: -35px;
	width: 130px;
	/* transition: margin 1s; */
}

.infographics-label {
	margin-top:25px;
}

.infographics {
	margin-top:15px;
}

.donuts {
	float:none;
	width:240px;
	height:240px;
	margin:auto;
	display:block;
}

.giv-vol-stat {
	text-align:center;
	padding-top:20px;
}

.accent {
	font-size:36px;
}

.blue {
	color:rgb(0,91,148)
}

.red {
	color:rgb(169,5,51)
}

.text {
	margin-left:0;
	font-size:24px;
	margin-top:20px;
}

.text input {
	width:80%;
}

.less, .more {
	width:50%;
	margin-top: 5px;
}

.more-less {width:100%;color: rgb(73,56,40);}

.collapsable {width:0%}

@media (min-width:768px) {
	.donuts {
		float:right;
	}
	.giv-vol-stat {
		text-align:left;
	}
    .survey-question {
    height: 240px;
}
	.more-less {
		width:80%;
		color: rgb(73,56,40);
	}

	.collapsable {
		width:10%;
	}
}

@media (max-width:800px){
              .pctMeterL {
        font-family: 'BentonSansBold';
        font-size: 15px;
        font-weight: bolder;
        text-align:left;
}

.pctMeterR {
        font-family: 'BentonSansBold';
        font-size: 15px;
        font-weight: bolder;
        text-align:right;
}

.compareVerbiageR {
       font-family: 'BentonSansRegular';
       font-size: 12px;
       text-align:right;
}
.compareVerbiageL {
       font-family: 'BentonSansRegular';
       font-size: 12px;
      text-align:left;
}


}

@media (max-width:500px) {
    .filters h5 {
    font-size:11px;
    line-height:0;
}
.filters p{
    font-size:12px;
    line-height: 1;
    margin: 0;
}

}


@media print {
    .giv-less-than {
        	background:rgb(169,5,51) !important;
           -webkit-print-color-adjust: exact; 
    }

    .giv-more-than {
	background:rgb(91,15,40) !important;
    -webkit-print-color-adjust: exact; 
   }

    .vol-less-than {
        	background:rgb(169,5,51) !important;
           -webkit-print-color-adjust: exact; 
    }

    .vol-more-than {
        background:rgb(91,15,40) !important;
    -webkit-print-color-adjust: exact; 
    }

    .your-giv-marker {
	width:4px;
	height:50px;
	background:black !important;
	margin-top:-15px;
	float:left;
   -webkit-print-color-adjust: exact; 
}

    .your-vol-marker {
	width:4px;
	height:50px;
	background:black !important;
	margin-top:-15px;
	float:left;
    -webkit-print-color-adjust: exact; 
}


 
   h1, h2, h3, h4, h5, h6 {
    font-family: BentonSansRegular,sans-serif;
}
p, div {
    font-family: BentonSansRegular, sans-serif;
}

        body {
             font-family: BentonSansRegular,sans-serif;
        }

    #prevScreen {
        visibility: hidden;
    }
    #nextScreen {
        visibility: hidden;
    }
    #sectorChart {
        padding-top: 150px;
    }
  }
  
  @media print {
	
	
	header,footer { 
		 display:none; 
			/* visibility:hidden; */
	 }
	 
	 .share-holder
	 {
		 display:none;
	 }
  }