[nospaces][googlefont=Montserrat+Alternates:200,400,700|Montserrat:700|Open+Sans:400]
[attr="class","rmisDirectory"]
CITRUS
[attr="class","rmisInfo"]
[attr="class","rmisRoster"]
[attr="class","rmisCredit"]
SELKIE[newclass=.rmisDirectory] --rmisAccent1:#D42434; --GROUP1NAME:#dea02c; --GROUP2NAME:#60495a; --GROUP3NAME:#093478; --GROUP4NAME:#E4AC14; --GROUP5NAME:#B483CD;[/newclass]
[newclass=.GROUP1NAME h2, .GROUP1NAME i, .GROUP1NAME b] border-color:var(--GROUP1NAME)!important; color:var(--GROUP1NAME)!important;[/newclass]
[newclass=.GROUP2NAME h2, .GROUP2NAME i, .GROUP2NAME b] border-color:var(--GROUP2NAME)!important; color:var(--GROUP2NAME)!important;[/newclass]
[newclass=.GROUP3NAME h2, .GROUP3NAME i, .GROUP3NAME b] border-color:var(--GROUP3NAME)!important; color:var(--GROUP3NAME)!important;[/newclass]
[newclass=.GROUP4NAME h2, .GROUP4NAME i, .GROUP4NAME b] border-color:var(--GROUP4NAME)!important; color:var(--GROUP4NAME)!important;[/newclass]
[newclass=.GROUP5NAME h2, .GROUP5NAME i, .GROUP5NAME b] border-color:var(--GROUP5NAME)!important; color:var(--GROUP5NAME)!important;[/newclass]
[newclass=.rmisDirectory] width:500px; height:400px; background-color:#eaeaea; overflow:hidden; [/newclass]
[newclass=.rmisDirectory h1] margin:0px; height:50px; display:flex; align-items:center; justify-content:space-between; background-color:#3a3a3a; font:200 32px Montserrat Alternates; padding:25px 50px; color:#fafafa; [/newclass]
[newclass=.rmisDirectory h1 div] width:100px; height:100px; display:flex; align-items:center; justify-content:center; background-color:var(--rmisAccent1); margin-right:-50px; [/newclass]
[newclass=.rmisDirectory h1 div img] width:50px; height:50px; border-radius:100%; border:5px solid #eaeaea; [/newclass]
[newclass=.rmisInfo] width:100%; height:300px; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.rmisBio] width:50%; height:100%; display:flex; flex-flow:column nowrap; align-items:center; justify-content:center; [/newclass]
[newclass=.rmisBio span] display:block; width:92%; height:38px; padding:10px; display:flex; align-items:center; justify-content:space-between; [/newclass]
[newclass=.rmisBio span a] width:38px; height:38px; display:flex; align-items:center; justify-content:center; font-size:18px; background-color:#f4f4f4; border-radius:5px; color:var(--rmisAccent1); [/newclass]
[newclass=.rmisBio div] width:190px; height:200px; padding-right:10px; align-self:flex-end; background-color:#f4f4f4; border:25px solid #f4f4f4; text-align:justify; font:400 12px/18px open sans; color:#7a7a7a; overflow:auto; [/newclass]
[newclass=.rmisRoster] width:50%; height:100%; background-color:#efefef; display:flex; flex-flow:column wrap; overflow:auto; [/newclass]
[newclass=.rmisRoster div] width:230px; padding:7px 7px 0px 0px; display:flex; align-items:center; text-align:left; justify-content:space-between; [/newclass]
[newclass=.rmisRoster div img] width:50px!important; height:50px!important; border-radius:5px; [/newclass]
[newclass=.rmisRoster h2, .rmisRoster h3] width:150px; margin:0px; [/newclass]
[newclass=.rmisRoster h2] font:400 12px/6px Montserrat Alternates; padding-left:5px; padding-bottom:7px; color:#3A3A3A; text-transform:lowercase; letter-spacing:0px; border-bottom:1px solid #ccc; [/newclass]
[newclass=.rmisRoster h2 a, .rmisRoster h2 span] font:700 12px/6px Montserrat Alternates!important;border:0px; [/newclass]
[newclass=.rmisRoster h3] padding:2px; font:700 7px montserrat; letter-spacing:.5px; color:#6a6a6a; text-transform:uppercase; [/newclass]
[newclass=.rmisRoster i] height:25px; width:25px; border:1px solid #ccc; border-radius:5px; font-size:12px; text-decoration:none; color:#aaa; display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.rmisDirectory b] color:var(--rmisAccent1); [/newclass]
[newclass=.rmisCredit] font:bold 7px roboto; margin-left:450px; [/newclass]
[newclass=.rmisCredit a] font:bold 7px roboto!important; [/newclass]
[newclass=.rmisRoster::-webkit-scrollbar, .rmisBio div::-webkit-scrollbar] height:8px; width:8px; [/newclass]
[newclass=.rmisRoster::-webkit-scrollbar-thumb, .rmisBio div::-webkit-scrollbar-thumb] background-color:#ddd; border:0px; [/newclass]
[newclass=.rmisRoster::-webkit-scrollbar-track, .rmisBio div::-webkit-scrollbar-track] border:1px solid #ddd; background-color:#fafafa; [/newclass]
[newclass=.rmisRoster .th]speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } @font-face { font-family: "honeybee";src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot");src:url("//dl.dropbox.com/s/0l8lnm6qy7vzwn7/honeybee.eot?#iefix") format("embedded-opentype"),url("//dl.dropbox.com/s/504hc3yd80hv4ux/honeybee.woff") format("woff"),url("//dl.dropbox.com/s/2f5jbp3v8tjk5hf/honeybee.ttf") format("truetype"),url("//dl.dropbox.com/s/nyfekn9fqo1wid2/honeybee.svg#honeybee") format("svg");font-weight: normal;font-style: normal;[/newclass]
[newclass=.th-cake-5-o:before]content:"\e97c";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-constellation-o:before]content:"\ebd5";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-earth-o:before]content:"\eb1d";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-heart-1-o:before]content:"\ea55";font-family: "honeybee";font-style:normal;[/newclass]
[newclass=.th-link:before]content:"\ea96";font-family: "honeybee";font-style:normal;[/newclass]