@charset "UTF-8";
/* Cavalier Container Set styles */

/* NoTitle
-------------------------------------*/
.DNNContainer_noTitle {
    padding:0px;
}
.DNNContainer_noTitle_Black {
    background-color: #000;
    width: 100%;
}
.DNNContainer_noTitle_Yellow {
    width: 100%;
    background-image: url(Images/header-bg.png);
    background-repeat: repeat-x;
}

/* H2Title-Width-1300px-center
-------------------------------------*/
.DNNContainer_H2Title-Width-1300px-center {
    padding: 25px;
    /*margin: 0 auto;*/
    width: auto;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(195, 195, 195);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.4);
}
    .DNNContainer_H2Title-Width-1300px-center h2 {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        color: #6f6f6f;
        font: 300 24px/32px Roboto,sans-serif;
        padding: 0px;
    }
    
.DNNContainer_H2Title-Width-1300px-center #ContentPane {  }


/* NoTitle-Width-1300px-center-NoBGColor
-------------------------------------*/
.DNNContainer_NoTitle-Width-1300px-center-NoBGColor {
    padding: 25px;
    margin: 0 auto;
    width: 1250px;
    border-bottom: 1px solid rgb(195, 195, 195)
}

    .DNNContainer_NoTitle-Width-1300px-center-NoBGColor h2 {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        color: #6f6f6f;
        font: 300 24px/32px Roboto,sans-serif;
        padding: 0px;
    }

    .DNNContainer_NoTitle-Width-1300px-center-NoBGColor #ContentPane {
    }

/* DNNContainer_H2Title-White-BG
-------------------------------------*/
.DNNContainer_H2Title-White-BG {
    margin: 0 auto;
    width: 95%;
}

    .DNNContainer_H2Title-White-BG h2 {
        margin-bottom: 0px !important;
        color: #6f6f6f;
        font-size: 1.75rem;
        padding: 0px;
    }

    .DNNContainer_H2Title-White-BG #ContentPane {
    }

/* H2Title-Width-1300px-center-NoBGColor
-------------------------------------*/
.DNNContainer_H2Title-Width-1300px-center-NoBGColor {
    padding: 25px;
    margin: 0 auto;
    width: 1250px;
    border-bottom: 1px solid rgb(195, 195, 195)
}

    .DNNContainer_H2Title-Width-1300px-center-NoBGColor h2 {
        margin-bottom: 10px !important;
        margin-top: 0 !important;
        color: #6f6f6f;
        font: 300 24px/32px Roboto,sans-serif;
        padding: 0px;
    }

    .DNNContainer_H2Title-Width-1300px-center-NoBGColor #ContentPane {
    }



/* Title_h1 
-------------------------------------*/
.DNNContainer_Title_h1 {
    padding-bottom: 20px;
}
.DNNContainer_Title_h1 h1 .TitleH1 {
	display: block;
}

/* Section_Title_h1 
-------------------------------------*/
.DNNContainer_Section_Title_h1 {
    padding: 20px;
}

    .DNNContainer_Section_Title_h1 h1, .DNNContainer_Section_Title_h1 h1 .TitleH1 a.ATag {
        padding: 0px;
        color: #6f6f6f;
        margin: 0px;
        text-decoration: none;
        pointer-events: none;
        cursor: default;
        font: 300 34px/40px Roboto,sans-serif;
    }
.DNNContainer_Section_Title_h1 h1 .TitleH1 {
    display: block;
}
    .DNNContainer_Section_Title_h1 h1 .TitleH1 .ATag i {
        padding-right: 20px;
    }
.DNNContainer_Section_Title_h1 h1 .TitleH1 a.ATag:focus{background:rgba(255, 255, 255, 0);}

/* DNNContainer_Section_Footer 
-------------------------------------*/
.DNNContainer_Section_Footer {
    padding: 0px 0px 20px 20px;
    text-align: right;
}
    .DNNContainer_Section_Footer .DNNContainer_Section_Footer_Content a {
        color: #fff;
        text-decoration: none;
        background-color: #6f6f6f;
        padding: 8px 8px 8px 16px;
        border-bottom-left-radius: 50px;
        border-top-left-radius: 50px;
        font-size: 15px;
        transition: 0.3s;
    }
        .DNNContainer_Section_Footer .DNNContainer_Section_Footer_Content a i {
            margin-left: 5px;
        }
        .DNNContainer_Section_Footer .DNNContainer_Section_Footer_Content a:hover {
            background-color: #fff;
            color: #6f6f6f;
        }
        /* Title_lightGray 
-------------------------------------*/
        .DNNContainer_Title_h5 h5 .TitleH5 {
            display: block;
            margin-bottom: 15px;
        }

.DNNContainer_Title_h5 {
	padding: 20px;
	background-color: #e8e4e3;
}

/* Title_white 
-------------------------------------*/
.DNNContainer_Title_h6 h6 .TitleH6 {
	display: block;
} 

.DNNContainer_Title_h6 {
	padding: 20px;
	background-color: #fff;
	border: 1px solid #e8e8e8;
}
.DNNContainer_ProductColumn {
    padding-left: 8px;
    padding-top:10px;
}
.DNNContainer_ProductColumn img {
    margin-left: auto;
    margin-right: auto;
    display:block;
}
    .DNNContainer_ProductColumn ul.size li {
        display:inline;
        list-style-type:none;
    }
.DNNContainer_Title_h2 {
    padding: 14px;
}
    .DNNContainer_Title_h2 h2 .TitleH2 {
	display: block;
	margin-bottom: 25px;
}
/* Bottom_Links_Container_Title_h2
-------------------------------------*/
.DNNContainer_Bottom_Links_Container_Title_h2 {
    
}
    .DNNContainer_Bottom_Links_Container_Title_h2 h2 {
        margin-bottom: 0 !important;
        color: #fff;
        font: 300 24px/40px Roboto,sans-serif;
        padding: 0px 10px;
        border-bottom: 1px dotted #ffffff;
    }
.Bottom_Links_Container-Content {
    margin-top: 10px;
}
/* Seasonal-topics-Container-H2Title-White-icon
-------------------------------------*/

.DNNContainer_Seasonal-topics-Container-H2Title-White-icon {
    position: relative;
    margin-top: 42px;
}
.DNNContainer_Seasonal-topics-Container-icon {
    line-height: 62px;
    font-size: 30px;
    position: absolute;
    width: 70px;
    height: 70px;
    /* margin: 0 auto; */
    top: -80px;
    left: 50%;
    background-color: rgb(8, 0, 82);
    background: -webkit-radial-gradient(circle, rgb(141, 129, 239), rgb(65, 49, 210));
    background: -o-radial-gradient(circle, rgb(141, 129, 239), rgb(65, 49, 210));
    background: -moz-radial-gradient(circle, rgb(141, 129, 239), rgb(65, 49, 210));
    background: radial-gradient(circle, rgb(141, 129, 239), rgb(65, 49, 210));
    border-radius: 50% / 10%;
    color: white;
    text-align: center;
    text-indent: .1em;
    margin-left: -35px;
}
    .DNNContainer_Seasonal-topics-Container-icon:after {
        content: '';
        position: absolute;
        top: 10%;
        bottom: 10%;
        right: -5%;
        left: -5%;
        background: inherit;
        border-radius: 5% / 50%;
    }
    .DNNContainer_Seasonal-topics-Container-icon img {
        width: 70%;
        height: auto !important;
        z-index: 5;
        position: relative;
        left: -2px;
        top: 0px;
    }
.DNNContainer_Seasonal-topics-Container-Title {
    }
.DNNContainer_Seasonal-topics-Container-Title h2 {
        padding-bottom: 0em;
        color: #333;
        margin: 0px;
        font-size: 20px;
        color: #fff;
    }
.DNNContainer_Seasonal-topics-Container-Title h2 .Head{
    margin-bottom:0;
}
.DNNContainer_Seasonal-topics-Container-H2Title-White-icon #ContentPane {
}

/* DNNContainer_Chart-IMG-Container
-------------------------------------*/
.DNNContainer_Chart-IMG-Container {
    height: auto;
    width: auto;
    margin: 0px 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);
}

 .DNNContainer_Chart-IMG-Content {
        height: auto;
        width: auto;
 }

    .DNNContainer_Chart-IMG-Content img, .DNNContainer_Chart-IMG-Content a img {
        width: 100%;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .DNNContainer_Chart-IMG-Content a {
        background: #fff;
        padding: .5em;
        display: block;
        overflow: hidden;
    }
        .DNNContainer_Chart-IMG-Content a:hover img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            -o-transform: scale(1.1);
            transform: scale(1.1);
        }

/* Financial-Information-Download-Links-Title
-------------------------------------*/
.DNNContainer_FIDLinks-Title{}
.DNNContainer_FIDLinks-Title .FIDTitle{
    margin-bottom: 18px;
    padding: 10px;
    font-weight: bold;
    background-color: #6d6e70;
    color: #fff;
    position: relative;
}
.DNNContainer_FIDLinks-Title .FIDTitle .Head{margin:0px;}

/* Harris County Elected Officials
-------------------------------------*/
.DNNContainer_HCEO-Title{
    background: #fff;
    margin: 20px;
    border-radius: 2px;
    overflow: hidden;
}
.DNNContainer_HCEO-Title .contHCEOTitle{
    margin-bottom: 0px;
    padding: 10px;
    font-weight: bold;
    background-color: #6d6e70;
    color: #fff;
    position: relative;
}
.DNNContainer_HCEO-Title .contHCEOTitle .Head{margin:0px;}

/* Button-Container
-------------------------------------*/
.DNNContainer_BTN-Container {
    margin:5px;
}

.DNNContainer_BTN-Container .DNNContainer_BTN-Content a {
    padding:20px;
    color: #fff;
    display:block;
    text-align: center;
    text-decoration:none; 
    background-color:#7897c1;
    border-radius: 2px;
    transition: 0.3s;
    border:1px solid #7897c1;
}
.DNNContainer_BTN-Container .DNNContainer_BTN-Content a:hover{
    color: #7897c1;
    background-color:#fff;
    text-decoration:underline; 
    border:1px solid #7897c1;
}
/* No Title Box Container
-------------------------------------*/
.DNNContainer_NoTitle-Box-container {
    margin:1px;
    background:#fff;
    display:block;
    width:auto;
    overflow:hidden;
}

.DNNContainer_NoTitle-Box-container .DNNContainer_NoTitle-Box-Content {
    padding:20px;
    
}
.DNNContainer_NoTitle-Box-container .DNNContainer_NoTitle-Box-Content img{
    width:100%;
    transition: 0.3s;
}
.DNNContainer_NoTitle-Box-container .DNNContainer_NoTitle-Box-Content:hover img{
    transform: scale(1.1);
    
}


/* DNNContainer_Google-Chart-Dropshadow-Container
-------------------------------------*/
.DNNContainer_Google-Chart-Dropshadow-Container {
    height: auto;
    width: auto;
    margin: 10px 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border-radius: 4px;
    overflow:hidden;
    background:#fff;
}
.DNNContainer_Google-Chart-Dropshadow-Container:hover{
    box-shadow: 0px 0px 20px rgb(0, 0, 0);
}
 .DNNContainer_Google-Chart-Dropshadow-Content {
        height: auto;
        width: auto;
 }

 /* H2 Title Box Container
-------------------------------------*/
.DNNContainer_H2Title-Box-container {
    margin:1px;
    background:#fff;
    display:block;
    width:auto;
    overflow:hidden;
    padding:20px;
    }
    .DNNContainer_H2Title-Box-container h2 {
    margin-bottom: 10px !important;
    margin-top: 0 !important;
    color: #6f6f6f;
    font: 300 24px/32px Roboto,sans-serif;
    padding: 0px;
    }
    
    .DNNContainer_H2Title-Box-container .DNNContainer_H2Title-Box-Content {
    font: 400 14px/18px Roboto,sans-serif;
    }
    .DNNContainer_H2Title-Box-container .DNNContainer_H2Title-Box-Content img{
    width:100%;
    transition: 0.3s;
    }
    .DNNContainer_H2Title-Box-container .DNNContainer_H2Title-Box-Content:hover img{
    transform: scale(1.1);
    }


/***************************Responsive  Section*************************/
@media screen and (max-width: 1300px) {
        .DNNContainer_H2Title-Width-1300px-center {width: auto;}
    
}

@media screen and (max-width: 1024px) {
    .DNNContainer_H2Title-Width-1300px-center{box-shadow: none;}
    .Section-Content-Title h2 {
        font-size: 1.3rem;
    }
    .DNNContainer_H2Title-Width-1300px-center {
        padding: 20px 0px;
    }
}

@media screen and (max-width: 900px){
    .DNNContainer_Seasonal-topics-Container-H2Title-White-icon{margin-top:0px;}
    .DNNContainer_Seasonal-topics-Container-icon {
        line-height: 42px;
        width: 50px;
        height: 50px;
        position: relative;
        top: 0px;
        left: 0;
        margin-left: 0px;
        float: left;
    }
    .DNNContainer_Seasonal-topics-Container-Title h2{line-height: 44px;padding: 0em;text-align: left;}
    .DNNContainer_Seasonal-topics-Container-Title h2 span{margin-left: 19px;}
    
}

@media screen and (max-width: 768px){

}

@media screen and (max-width: 736px){

}

@media screen and (max-width: 480px){
    
    .DNNContainer_Seasonal-topics-Container-H2Title-White-icon{margin-top:0px;}
    .DNNContainer_Seasonal-topics-Container-icon {
        line-height: 42px;
        width: 50px;
        height: 50px;
        position: relative;
        top: 0px;
        left: 0;
        margin-left: 0px;
        float: left;
    }
    .DNNContainer_Seasonal-topics-Container-Title h2{line-height: 44px;padding: 0em;font-size: 15px;text-align: left;}
    .DNNContainer_Seasonal-topics-Container-Title h2 span{margin-left: 19px;}
    .DNNContainer_Section_Title_h1 h1, .DNNContainer_Section_Title_h1 h1 .TitleH1 a.ATag{font-size: 24px;}
}

@media screen and (max-width: 360px){

}