.gl_sl_public_list {
display: grid;
grid-template-columns: 250px 250px 250px;
grid-gap: 30px;
justify-content: center;
padding-bottom: 2em;
}
.gl_sl_public_list > a {
padding:15px 10px;
text-align: center;
border-radius:5px;
}
.gl_sl_public_list > a > img {
border-radius:5px;
}
.gl_sl_public_list > a:hover {
background-color:#eee;
}
.gl_sl_listing_name {
font-size: 20px;
font-weight: 300;
font-family: 'Poppins';
color: #000;
}
.gl_sl_listing_states {
font-family: 'Poppins';
color: #4fb9e9;
}
h2.gl_sl_section_name {
color: #000;
margin-top: 1em;
margin-bottom: 0.3em;
text-align: center;
}
.gl_sl_attorney_photo {
background-size: contain;
background-position: bottom center;
background-repeat: no-repeat;
}
.gl_sl_attorney_head {
background-color: #f5f5f5;
margin: 0em -1000px;
padding: 0em 1000px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px;
height: 400px;
}
.gl_sl_attorney_left {
margin: auto 0px;
}
.gl_sl_attorney_details {
display: grid;
grid-template-columns: 250px 1fr;
margin: 1em 0em;
min-height:150px;
}
.gl_sl_attorney_details > div, .gl_sl_attorney_details > h3 {
margin-top: 15px;
}
h1.gl_sl_attorney_name {
color: #000;
font-family: Poppins;
font-weight: 200;
font-size: 40px;
}
.gl_sl_attorney_subtitle {
font-family: 'Poppins';
font-size: 20px;
color: #036fa4;
margin-top: -13px;
}
a.gl_sl_attorney_nav {
font-size: 16px;
font-family: Poppins;
display: inline-block;
margin-right: 2em;
}
a.gl_sl_attorney_nav:hover {
color: #036fa4;
}
.gl_sl_attorney_nav .dashicons {
vertical-align: -22%;
}
a.gl_sl_social_facebook {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/facebook.png);
}
a.gl_sl_social_instagram {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/instagram.png);
}
a.gl_sl_social_linkedin {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/linkedin.png);
}
a.gl_sl_social_skype {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/skype.png);
}
a.gl_sl_social_snapchat {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/snapchat.png);
}
a.gl_sl_social_telegram {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/telegram.png);
}
a.gl_sl_social_twitter {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/twitter.png);
}
a.gl_sl_social_whatsapp {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/whatsapp.png);
}
a.gl_sl_social_youtube {
background-image: url(//goodlaw.legal/wp-content/plugins/gl-staff-list/public/social-icons/youtube.png);
}
.gl_sl_attorney_social > a {
display: inline-block;
width: 24px;
height: 24px;
background-position: center center;
background-size: cover;
margin-right: 10px;
margin-bottom: 10px;
}
.gl_sl_fancy_head {
display: grid;
grid-template-columns: 2fr 1fr;
grid-gap: 30px;
margin-bottom:3em;
}
.gl_sl_fancy_image {
position: relative;
}
.gl_sl_main_image {
width:100%;
}
img.gl_sl_mask {
position: absolute;
right: -1px;
height: 100%;
}
.gl_sl_fancy_text h1 {
color: #036fa4;
font-family: 'Poppins';
font-weight: 200;
font-size: 40px;
}
.gl_sl_fancy_text h2 {
font-family: 'Poppins';
font-weight: 300;
font-size: 22px;
}
.gl_sl_fancy_text {
margin: auto 0em;
}
@media screen and (max-width:830px) {
.gl_sl_attorney_head {
display: block;
height: auto;
padding-top: 1em;
text-align: center;
}
.gl_sl_attorney_photo {
height: 275px;
position: static;
}
a.gl_sl_attorney_nav {
display:block;
margin: 0.5em 0em;
}
.gl_sl_attorney_details {
display: block;
}
.gl_sl_attorney_details div {margin-top: 0px;}
.gl_sl_attorney_details ul {
margin-left: 1em;
}
h1.gl_sl_attorney_name {
margin-bottom: 7px;
font-size: 32px;
}
h2.gl_sl_attorney_subtitle {
font-size: 16px;
margin-bottom: 5px;
}
}
@media screen and (max-width:830px) {
img.gl_sl_mask {
display: none;
}
.gl_sl_fancy_head {
display: block;
}
.gl_sl_public_list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width:500px) {
img.gl_sl_mask {
display: none;
}
.gl_sl_fancy_head {
display: block;
}
.gl_sl_public_list {
grid-template-columns: 1fr;
}
}