Your IP : 216.73.216.85
div[class^="modazdirectory"]{
clear: both;
}
.modazdirectory__list{
display: none;
}
#modazdirectory__select,
#modazdirectory__submit{
display: inline-block;
font-size: 15px;
box-sizing: border-box;
margin: 0;
padding-top: .6em;
padding-bottom: .5em;
border: solid 1px #7a7a7a;
border-radius: 4px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff;
}
#modazdirectory__select{
padding-right: 1.4em;
padding-left: .8em;
width: 140px;
max-width: 100%;
/* icon svg */
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23171717%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
background-repeat: no-repeat, repeat;
/* arrow icon position (1em from the right, 50% vertical) */
background-position: right .7em top 50%;
/* icon size */
background-size: .65em auto;
}
#modazdirectory__select::-ms-expand{
display: none;
}
#modazdirectory__select:hover,
#modazdirectory__submit:hover{
border: solid 1px #171717;
}
#modazdirectory__submit{
padding-right: .8em;
padding-left: .8em;
margin-left: .5em;
cursor: pointer;
}
.modazdirectory__label{
font-weight: bold;
}
.modazdirectory__heading{
font-size: 18px;
color: #596060;
margin: 10px 1.5% 1em 1.5%;
border-bottom: solid 1px #ccc;
}
.modazdirectory__results{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.modazdirectory__result{
display: flex;
position: relative;
width: 100%;
margin-bottom: 12px;
line-height: 1.5;
color: #596060;
background: #fafafa;
padding: .65em;
box-sizing: border-box;
box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
}
/* http://tobiasahlin.com/blog/how-to-animate-box-shadow/ */
.modazdirectory__result:after{
content: '';
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
opacity: 0;
transition: opacity 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.modazdirectory__result:hover:after{
opacity: 1;
}
.modazdirectory__image,
.modazdirectory__glyph-camera{
display: block;
align-self: center;
width: 85px;
height: 85px;
min-width: 85px;
line-height: 85px;
border-radius: 50%;
margin-right: 10px;
}
.modazdirectory__result.modazdirectory__layout-misc_on .modazdirectory__image,
.modazdirectory__result.modazdirectory__layout-misc_on .modazdirectory__glyph-camera{
width: 75px;
height: 75px;
min-width: 75px;
line-height: 75px;
margin-bottom: auto;
}
.modazdirectory__glyph-camera{
text-align: center;
background-color: #f1f1f1;
}
.modazdirectory__image{
object-fit: cover;
}
.modazdirectory__glyph-camera > .modazdirectory__icon{
fill: #666;
font-size: 20px;
}
.modazdirectory__result p{
font-size: 15px;
margin-bottom: 0;
}
.modazdirectory__result p.modazdirectory__nowrap{
white-space: nowrap;
}
.modazdirectory__glyph{
display: inline-flex;
align-self: center;
position: relative;
height: 1em;
width: 1em;
min-width: 22px;
}
.modazdirectory__icon{
width: 1em;
height: 1em;
display: inline-block;
stroke-width: 0;
stroke: currentColor;
fill: #596060;
}
.modazdirectory__glyph > .modazdirectory__icon{
position: absolute;
bottom: -0.125em;
}
.modazdirectory__result blockquote{
margin: 10px 0 5px 0;
padding: 5px 20px;
border-left: solid 5px #ddd;
}
@media screen and (min-width: 360px){
.modazdirectory__image,
.modazdirectory__glyph-camera{
width: 120px;
min-width: 120px;
height: 120px;
line-height: 120px;
margin-right: 20px;
}
}
@media screen and (min-width: 640px){
.modazdirectory__form{
display: none;
}
.modazdirectory__list,
.item-page ul.modazdirectory__list{
display: flex;
justify-content: space-between;
font-size: 18px;
list-style: none;
text-align: center;
margin-right: 1.5%;
margin-left: 1.5%;
}
.modazdirectory__listitem,
.modazdirectory__listitem-all,
.item-page li.modazdirectory__listitem,
.item-page li.modazdirectory__listitem-all{
flex: 1; /* fill available space */
margin: 0;
color: #ddd;
}
.modazdirectory__listitem-all{
display: flex;
border-right: solid 1px #ccc;
}
.modazdirectory__link{
display: flex;
justify-content: center;
}
}
@media screen and (min-width: 800px){
.modazdirectory__result{
width: 49.5%;
}
}
/* pagination */
@font-face {
font-family: 'icomoon';
src: url('../fonts/icomoon.eot?qkwgqm');
src: url('../fonts/icomoon.eot?qkwgqm#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff2?qkwgqm') format('woff2'),
url('../fonts/icomoon.ttf?qkwgqm') format('truetype'),
url('../fonts/icomoon.woff?qkwgqm') format('woff'),
url('../fonts/icomoon.svg?qkwgqm#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
.modazdirectory__pagination [class^="icon-"], .modazdirectory__pagination [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.modazdirectory__pagination .icon-angle-right:before {
content: "\e902";
}
.modazdirectory__pagination .icon-angle-double-right:before {
content: "\e903";
}
.modazdirectory__pagination .icon-angle-left:before {
content: "\e900";
}
.modazdirectory__pagination .icon-angle-double-left:before {
content: "\e901";
}
.modazdirectory__pagination .pagination {
display: flex;
padding-left: 0;
list-style: none;
}
.modazdirectory__pagination .page-item{
font-size: 15px;
margin-left: 0;
}
.modazdirectory__pagination .page-link {
position: relative;
display: block;
color: #596060;
text-decoration: none;
background-color: white;
border: 1px solid #dfe3e7;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.modazdirectory__pagination .page-link {
transition: none;
}
}
.modazdirectory__pagination .page-link:hover {
z-index: 2;
color: #596060;
background-color: #eaedf0;
border-color: #dfe3e7;
}
.modazdirectory__pagination .page-link:focus {
z-index: 3;
color: var(--cassiopeia-color-hover);
background-color: #eaedf0;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(89, 96, 96, 0.25);
}
.modazdirectory__pagination .page-item:not(:first-child) .page-link {
margin-left: -1px;
}
.modazdirectory__pagination .page-item.active .page-link {
z-index: 3;
color: white;
background-color: #596060;
border-color: #596060;
}
.modazdirectory__pagination .page-item.disabled .page-link {
color: #6d757e;
pointer-events: none;
background-color: white;
border-color: #dfe3e7;
}
.modazdirectory__pagination .page-link {
padding: 0.375rem 0.75rem;
}
.modazdirectory__pagination .page-item:first-child .page-link {
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.modazdirectory__pagination .page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
/* modal */
#modazdirectory__modal .control-group {
margin: 1em 0;
}
#modazdirectory__modal div[itemtype="https://schema.org/Person"] > h1{
display: none;
}
#modazdirectory__modal dl {
margin-bottom: 18px;
}
#modazdirectory__modal dt,
#modazdirectory__modal dd {
font-size: 15px;
line-height: 1.5;
}
#modazdirectory__modal dt {
font-weight: bold;
}
#modazdirectory__modal dd {
margin-left: 9px;
}
#modazdirectory__modal .dl-horizontal:before,
#modazdirectory__modal .dl-horizontal:after {
display: table;
content: "";
line-height: 0;
}
#modazdirectory__modal .dl-horizontal:after {
clear: both;
}
#modazdirectory__modal .dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#modazdirectory__modal .dl-horizontal dd {
margin-left: 180px;
}
@media (max-width: 767px) {
#modazdirectory__modal .dl-horizontal dt {
float: none;
clear: none;
width: auto;
text-align: left;
}
#modazdirectory__modal .dl-horizontal dd {
margin-left: 0;
}
}