@charset "UTF-8"; 

/*Styles for the coj_contacts template*/
.contacts_container { position:relative; display:block; margin-bottom:20px; min-height:500px; }
.contacts_inline_flexbox { position:relative; display:inline-block; width: 100%; }
/*Contact name list*/
.contact_list { position:relative; width:65%; display:inline-block; }
@media screen and (max-width:800px) { .contact_list{width:75%; } }
@media screen and (max-width:675px) { .contact_list{width:50%; } }
@media screen and (max-width:420px) { .contact_list{width:100%; } }
.contact_columns { position:relative; width:100%; }
.repeater_contact { display:inline-block; width:44%; margin-right:5%; margin-bottom:10px; position:relative; }
@media screen and (max-width:800px) { .repeater_contact { width:48%; margin-right:1.5%; } }
@media screen and (max-width:675px) { .repeater_contact { display:block; margin-right:0px; width:100%; } }
/*Contact portrait list*/
.portrait_list { position:relative; float:right; width:26%; }
@media screen and (max-width:800px) { .portrait_list{ width:25%; } }
@media screen and (max-width:675px) { .portrait_list{ width:45%; } }
@media screen and (max-width:420px) { .portrait_list{ display:none; } }
.repeater_portrait { position:absolute; top:0px; right:0px; border-radius:10px; border: solid 1px #dbdbdb; overflow:hidden; width:100%; opacity:0; z-index:0; }
.Hello_Portrait { z-index:2; opacity:1.0; animation-name:picfadein; animation-duration:0.75s; }
.Goodbye_Portrait { z-index:0; opacity:0.0; animation-name:picfadeout; animation-duration:0.5s; }
@keyframes  picfadein { from {top: 40px; opacity:0; } to {top: 0px; opacity:1; } }
@keyframes  picfadeout { from {top: 0px; opacity:1; } to {top: -40px; opacity:0; } }
.portrait_image { display: block; width: 100%; line-height: 0px; max-height: 400px; overflow: hidden; margin-bottom:-1px; }
.repeater_portrait img { width:100%; }
.portrait_name { text-align:center; padding:5px; padding-bottom:8px; color:white; font-weight:600; background-image:url(/App_Themes/coj3/images/menu/Header_Stripe_COJ3.png); background-size:100% 100%;}
.portrait_name a { color:white !important; text-decoration: none !important; }
.portrait_name a:hover { text-decoration: underline !important; }
.portrait_info { text-align:center; padding:5px; color:black; box-shadow: 4px 4px 20px #e2e2e2 inset; background: #fdfefd; background: -moz-linear-gradient(top,rgba(253,254,253,1) 0%,rgba(248,247,248,1) 79%,rgba(242,242,241,1) 94%,rgba(239,239,240,1) 100%); background: -webkit-linear-gradient(top,rgba(253,254,253,1) 0%,rgba(248,247,248,1) 79%,rgba(242,242,241,1) 94%,rgba(239,239,240,1) 100%); background: linear-gradient(to bottom,rgba(253,254,253,1) 0%,rgba(248,247,248,1) 79%,rgba(242,242,241,1) 94%,rgba(239,239,240,1) 100%); }

/*Detail View*/
.contact_list .detail_photo {width: 50%;min-width:250px;margin-right: 10px;margin-bottom:10px;overflow: hidden;border-radius: 20px;line-height: 0px;font-size: 0px;display:none;}
.contact_list .detail_photo img { width:100%; }
@media screen and (max-width:800px) { .contact_list .detail_photo { display:block; } }
.portrait_list .detail_photo { width: calc(100% - 15px); overflow: hidden;  border-radius: 20px;  line-height: 0px;  font-size: 0px; margin-left:15px; }
.portrait_list .detail_photo img { width:100%; }
@media screen and (max-width:800px) { .portrait_list .detail_photo  { display:none; } }

H2.detail_name { margin-bottom:.5em; font-size:18px; display:none; }
.detail_name.True { display:inline-block; }
.detail_email { font-size:15px; vertical-align:text-bottom; display:none; }
.detail_email.True { display:inline-block; }
.additional_email { display:none; }
.additional_email.True{ display:inline-block; }
.detail_title { display:none; }
.detail_title.True{ display:block; }
.detail_department { display:none; }
.detail_department.True{ display:inline-block; }
.detail_department_url { display:none; }
.detail_department_url .detail_content { display:none; }
.detail_department_url.True{ display:inline-block; }
.detail_division_url { display:none; }
.detail_division_url .detail_content { display:none; }
.detail_division_url.True { display:inline-block; }
.detail_eduation { display:none; }
.detail_eduation.True{ display:block; }
.detail_phone { display:none; }
.detail_phone.True{ display:inline-block; }
.detail_fax { display:none; }
.detail_fax.True{ display:inline-block;}
.detail_paralegal { display:none; }
.detail_paralegal.True{ display:inline-block; }
.detail_paralegal_phone { display:none; }
.detail_paralegal_phone.True { display:inline-block; }
.detail_biography { display:none; }
.detail_biography.True{ display:block; }
.detail_break { height:15px; }
.detail_break.True { display:block; }
.portrait_list .detail_break { display:none; }
.portrait_list .detail_break.True  { display:none; }
.False { display:none; }
/*Mobile views detail view*/
.contacts_detail_container { min-height: 100px; }
@media screen and (max-width:800px) { .contacts_detail_container .contact_list {width:100%; } .contacts_detail_container .portrait_list { display:none; } }