div.map svg { width: 100%; } /* Styles for SVG */

div.map svg text { font-family: "League Gothic"; text-transform: uppercase; } /* Counties Text Overlay */

/* Styles for SVG Shapes */
div.map svg polygon { fill: #999; stroke: #444; cursor: pointer; position: relative; stroke-width: 1px; transition: fill .1s linear;}

div.map svg g.county polygon { stroke-width: .5px; } /* Styles for SVG Small Counties */

div.map svg g.state-large g.county polygon { stroke-width: 1px; } /* Styles for SVG Large Counties */

div.map svg g.show-counties polygon { fill: transparent; }

div.map svg g.counselor:hover polygon, div.map svg g.counselor.active polygon {
    fill: #777;
}

div.map svg g.counselor.ecantrell:hover polygon, div.map svg g.counselor.ecantrell.active polygon {
    fill: #5c8727;
}

/* div.map svg g.counselor.cbenefield:hover polygon, div.map svg g.counselor.cbenefield.active polygon {
    fill: #4885ab;
} */

div.map svg g.counselor.lmccormack:hover polygon, div.map svg g.counselor.lmccormack.active polygon {
    fill: #b3d88c;
}

/* div.map svg g.counselor.scarroll:hover polygon, div.map svg g.counselor.scarroll.active polygon {
    fill: #4885ab;
} */

div.map svg g.counselor.jleamon:hover polygon, div.map svg g.counselor.jleamon.active polygon {
    fill: #8e847a;
}

div.map svg g.counselor.klittlepage:hover polygon, div.map svg g.counselor.klittlepage.active polygon {
    fill: #914d03;
}

/* div.map svg g.counselor.acurry:hover polygon, div.map svg g.counselor.acurrie.active polygon {
    fill: #ab0534;
} */

div.map svg g.counselor.kmartin:hover polygon, div.map svg g.counselor.kmartin.active polygon {
    fill: #b3d88c;
}

div.map svg g.counselor.msloan:hover polygon, div.map svg g.counselor.msloan.active polygon {
    fill: #5c8727;
}

/* div.map svg g.counselor.tdwingo:hover polygon, div.map svg g.counselor.tdwingo.active polygon {
    fill: #914d03;
} */

div.map svg g.counselor.cbenefield:hover polygon, div.map svg g.counselor.cbenefield.active polygon {
    fill: #4885ab;
}

/* div.map svg g.counselor.akey:hover polygon, div.map svg g.counselor.akey.active polygon {
    fill: #8e847a;
}

div.map svg g.counselor.wbrantley:hover polygon, div.map svg g.counselor.wbrantley.active polygon {
    fill: #78496a;
} */

div.map svg g.counselor.bbell:hover polygon, div.map svg g.counselor.bbell.active polygon {
    fill: #ab0534;
}

div.map svg g.counselor.rgraves:hover polygon, div.map svg g.counselor.rgraves.active polygon {
    fill: #f8981d;
}

div.map svg g.counselor:hover g:hover polygon, div.map svg g.counselor g:hover polygon, div.map svg g.counselor.active g.active polygon, div.map svg g.counselor g.active polygon {
    fill: #ccc;
}

div.map svg g.counselor:hover g.show-counties:hover polygon, div.map svg g.counselor.active g.show-counties.active polygon {
    fill: rgb(153,0,37);
    fill: #777;
}

div.map svg rect.overlay {
    fill: rgba(0,0,0,0.3);
    fill: transparent;
    pointer-events: none;
}

div.map.state svg rect.overlay {
    pointer-events: all;
    fill: rgba(255,255,255,0.7);
}

div.map.state svg rect.overlay:hover {
    pointer-events: all;
    fill: rgba(255,255,255,0.6);
    cursor: pointer;
}

g.state-large {
    pointer-events: none;
    opacity: 0;
}

g.state-large { transition: .3s opacity linear; }
map.state g.state-large { transition: .15s opacity linear; }

rect.overlay { transition: .3s fill linear }
map.state rect.overlay { transition: .15s fill linear; }

div.map.state.TN g.state-large#TN-large {
    pointer-events: all;
    opacity: 1.0;
}

div.map select {
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

section.counselors > div.counselor {
    font-family: "Periodico";
    background-color: #f2f2f2;
    padding: 25px inherit;
}

section.counselors > div.counselor div.container { position: relative; }

div.counselor a.back-to-map {
    display: block;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    overflow: hidden;
    background-image: url(intro-50.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    text-indent: -2000%;
}

section.counselors > div.counselor:nth-of-type(even) {
    background-color: #fff;
}

section.counselors > div.counselor h2, section.counselors > div.counselor h3 {
    text-align: center;
}
section.counselors > div.counselor h2 { margin-bottom: 0; }
section.counselors > div.counselor h3 { margin-top: 0; text-transform: none; }
section.counselors > div.counselor p, section.counselors > div.counselor li {font-family: PeriodicoText-Rg; font-size: 110%; color: #555; line-height: 1.5em;}

section.counselors > div.counselor dl { text-align: center; }

section.counselors > div.counselor dl dt, section.counselors > div.counselor dl dd { display: inline; }

section.counselors > div.counselor dl dd + dd::before { content: " | "; }

section.counselors div.counselor ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

div.counselor-data { margin-top: 10px; margin-bottom: 10px; }

section.counselors div.counselor { text-align: center; margin: 0; }

section.counselors div.counselor figure { background-color: #333; }

section.counselors div.counselor ul li { display: inline; }
section.counselors div.counselor ul li::after {content: " \2022"; margin: 0 5px;}
section.counselors div.counselor ul li:last-of-type::after {content: "";}

section.counselors div.counselor h4 { display: block; margin: 15px 5px 5px; font-family: "League Gothic"; font-size: 200%;}
section.counselors div.counselor h4::after { content:":"; }
section.counselors div.counselor div.recruiting-area b:nth-of-type(n + 2)::before {content: "\2022 "; margin: 0 5px;}

a#mobile-counselor {
    display: none; padding: 5px 10px; margin: 10px; text-align: center; border: solid rgba(0,0,0,0.3) 3px;
    font-size: 130%;
    color: white;
    background-color: #990026;
}

a#mobile-counselor:link, a#mobile-counselor:visited {
    display: block;
}

div.counselor h3 { color: #990026; }

/* #ecantrell h3 { color: #5c8727; }

#jiboyd h3 { color: #4885ab; }

#shauss h3 { color: #ab0534; }

#tdwingo h3 { color: #914d03; }

#cbenefield h3 { color: #b3d88c; }

#akey h3 { color: #8e847a; }

#wbrantley h3 { color: #78496a; }

#rgraves h3 { color: #f8981d; } */