/*
    -------------------------
    Styles for index2020.html (c) GaDOE.org
    -------------------------
*/
body{font-family:Helvetica, 'Open Sans', sans-serif; font-size:14px}

hr {border-top:4px solid #666666; margin:20px 0; height:2px}

h1 {
            font-family: '__Jost_c8ae12', '__Jost_Fallback_c8ae12' !important;
            font-weight: 600;
            color: #484b4e !important;
			font-size: 48px;
			text-transform: capitalize;
			
        }
h2, .infoTxt{font-family:'Oswald', Helvetica, Arial, sans-serif; font-size:22px; }/*555*/

#SSIP_SVG{margin-top:-30px; overflow:visible;} 

.p-accent{font-family:'Oswald', Helvetica, Arial, sans-serif; font-size:18px; line-height:22px; color:#264145/*07525e*/}
.title2 + p{margin:0 1em;}
.sp_content p{margin:0 1em; font-size:1.3em; line-height:1.9em; position:relative; z-index:2; }
.title2, .sp_content1 h2{margin:1em; font-size:25px; font-weight:bold; color:#877867}

/*'Oswald', Helvetica, Arial, sans-serif;*/
.logo-title{line-height:24px; font-family:Verdana, Arial, sans-serif; margin:2em; text-align:center;
            font-weight:bold; color:rgb(103, 103, 103); font-size:17px;
}

.percTxt {font-family:'Oswald', Helvetica, Arial, sans-serif; font-size:22px; fill:#0C7C8E; fill-opacity:0;
          transition:fill-opacity 700ms ease-out}
.percTxt.fill-opac-1{fill-opacity:1; transition:fill-opacity 200ms ease-in}

.logo-img{position:relative; margin:0 auto 10px auto; box-shadow:0 10px 20px rgba(0,0,0,0.3); cursor:pointer;}       
    .logo-img:hover{opacity:.7; transition:opacity 200ms ease-in}

.iconPng{height:18px; width:18px; display:inline-block; overflow:hidden;cursor:pointer; background-repeat:no-repeat; 
         background-image:url(../Images/downloadIcons-18.png); vertical-align:bottom ;}
.iconPng:not(.no-hover):hover{transform:scale(1.3); transition:transform 200ms ease-in}
.iconPng.pdf{background-position:0 0;}
.iconPng.docx{background-position:-18px 0;}
.iconPng.video{background-position:-36px 0;}
.iconPng.excel{background-position:-54px 0;}
.iconPng.email{background-position:-72px 0;}
.no-hover{cursor:text}
.outline{fill:none;stroke:#464A51;stroke-width:2;stroke-linecap:square;stroke-miterlimit:10;}


.fillRed {fill:red !important }/*TESTING*/
#disrtictBorders polygon{fill:#f5fafa; stroke:#231F20;stroke-width:1;/*ecf5f6  e9f0f3*/
    stroke-linecap:square; stroke-miterlimit:10}

#other circle{fill:#ecf5f6; stroke-miterlimit:10; stroke:#111; stroke-width:1px}

/*Active State for polygons & circles*/
#other circle.svg-selected:not(.show-poly),
#disrtictBorders polygon.svg-selected{fill:#b1dae1; stroke:#111; stroke-width:1px}

/*Hover State for polygons & circles*/
.svg-selected:hover, .show-poly{ cursor:pointer; fill:#f97963 !important}

#DistrictsText text, #DistrictsText tspan{fill:#231F20; 
    font-family:'Open Sans', sans-serif; font-size:8px;  -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none;
                             -ms-user-select:none; user-select:none; pointer-events:none} 

#otherText text, #otherText tspan{fill:#182c3b; font-family:'Open Sans', 'Arial Narrow', sans-serif; font-size:5.5px; 
    -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none;
                             -ms-user-select:none; user-select:none; pointer-events:none}

.scaling-svg-container{position:relative; height:0; width:100%;}

.scaling-svg-container svg{position:absolute;display:block; height:100%; width:100%; left:0; top:0}

.PB98perc{padding-bottom:98%}
.bgF0{background-color:#f0f0f0;border-radius:5px;border:solid 3px #ddd; border-width:1px 1px 3px 1px}

/*Table*/
#sp_table{max-height:85vh; margin-top:8vh; overflow-y:auto}
.sm-table{margin-left:2%; width:95%; box-sizing:border-box}
.sm-table .col1{width:70%}
.sm-table .col2{width:30%;}
/*.sm-table .col3{width:20%}*/

.sm-table td, .sm-table th{text-align:left; padding:0 .3em;line-height:18px;
    box-sizing:border-box;  overflow:visible; border-bottom:solid 1px #e5e5e5; vertical-align:middle;color:#27292a  }

.sm-table td a.lea-name{cursor:pointer;font-size:14px; color:#27292a; position:relative; /*padding-left:60px*/}
    .lea-name:hover{color:#0092aa; }

    .lea-name:focus, .iconPng:focus, a:focus > img{outline:solid 3px #f97963;}
.sm-table th{ color:#fff; background-color:#215c66;font-size:1em;}/*rgba(0,0,0,0.75)*/

.sm-table .tooltip{font-size:1em;line-height:2em}

.sm-table .badge{float:left; margin-right:14px; color: #777; background: #fff; text-shadow: none; width: 44px;/*0ca0b8*/
        box-shadow: 0 0 3px rgba(0,0,0,0.1);         
}
/*Utility*/
.posR{position:relative}
.text-center{text-align:center}
.mt-1{margin-top: 1em}
.mx-1{margin:0 1em}
.mt-0{margin-top: 0}
.m-1{margin:1em}
.mb-0{margin-bottom:0; }
.phone-only{display:none}
.large-only{display:block}
.clr{clear:both}
/*.title-right-h2{ font-size:19px; line-height:28px; text-align:center;font-weight: bold;}*/


/*@media (max-width:1400px) {
    .title-right-h2{font-size:16px;line-height:18px}
}*/
@media (max-width:1280px) {
     .sp_content p {font-size:1em; /*14px*/line-height:1.8em/*16px*/}
     .sm-table .col1{width:85%}/*70%*/
    .sm-table .col2{width:15%;}
    #sp_table{margin-top:5vh}
 }
@media (max-width:920px) {
    .sp_content p {font-size:1em; line-height:1.8em/*16px*/}
    .percTxt{font-size:24px}
    .sm-table .col1{width:70%}
    .sm-table .col2{width:30%;}
    #sp_table{margin-top:0}
 }
@media (max-width:768px) {
    .percTxt{font-size:22px}
    .sm-table{margin:1em auto; width:96%;}
     #SSIP_Map svg{margin-top:-10px}
    .titleXsmall {display:none }
     .title-right-h2{font-size:18px; line-height:20px}
     h2.title2{font-size:1.6em; line-height:1.8em; margin:.5em}
     .sm-table .col1{width:80%}
    .sm-table .col2{width:20%;}
    .title2, .sp_content{text-align:center}
    .phone-only{display:inline-block}
    .large-only{display:none}
 }
@media (max-width:480px) {
    .title-right-h2{font-size:16px;line-height:18px}
    .sm-table .col1{width:75%}
    .sm-table .col2{width:25%;}
}
div#sp_table {
    max-height: 500px;
}