.hmcabw-main-wrapper {
border: 1px solid #DDDDDD;
margin: 20px 0;
background: transparent;
padding: 5px;
}
.hmcabw-main-wrapper .hmcabw-parent-container {
border: 0px solid #000;
width: 100%;
clear: both;
display: flex;
flex-wrap: wrap;
min-height: 80px;
margin: 0;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container {
min-width: 50px;
border: 0px solid #009900;
min-height: 80px;
margin-right: 5px;
padding: 5px 0 0 5px;
text-align: center;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container img {
margin: 5px auto 0;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container.square img {
border-radius: 0px;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container.rounded img {
border-radius: 15px;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container.circle img {
border-radius: 50%;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-info-container {
flex: 1;
border: 0px solid #FF0000;
min-height: 80px;
padding: 5px 15px;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-info-container h3.hmcabw-name {
border: 0px solid #000;
margin: 0;
margin-top: 2px;
padding: 0;
font-size: 24px;
line-height: 30px;
color: #242424;
}
.hmcab-name-border-main {
height: 4px;
width: 80px;
margin: 10px 0px;
background-color: #999;
border-radius: 4px;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-info-container .hmcabw-title {
border: 0px solid #000;
margin: 0 0 8px 0;
padding: 0;
font-size: 18px;
font-weight: 400;
color: #242424;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-info-container p.hmcabw-bio-info {
border: 0px solid #000;
margin: 5px 0;
padding: 0;
display: block;
text-decoration: none;
}
.hmcabw-main-wrapper .hmcabw-email-url-container {
width: 100%;
margin: 0;
margin: 10px 0;
padding: 0;
padding-left: 5px;
clear: both;
display: flex;
flex-wrap: wrap;
border: 0px solid #000;
}
.hmcabw-main-wrapper .hmcabw-email-url-container span.hmcabw-email,
.hmcabw-main-wrapper .hmcabw-email-url-container a.hmcabw-website {
border: 0px solid #000;
margin: 0;
padding: 0;
line-height: 24px;
font-size: 12px;
color: #666;
display: inline-block;
margin-right: 10px;
}
.hmcabw-main-wrapper .hmcabw-email-url-container a.hmcabw-website {
text-decoration: none;
}
.hmcabw-main-wrapper .hmcabw-social-container {
width: 100%;
margin: 0;
border-top: 1px solid #DDD;
padding-top: 5px;
display: inline-block;
}
.hmcabw-main-wrapper .hmcabw-social-container a.cab-front-social-icon {
background: #000;
color: #FFF;
font-size: 18px;
text-align: center;
line-height: 33px;
width: 35px;
height: 35px;
display: inline-block;
margin-right: 5px;
margin-bottom: 5px;
transition: all 0.6s linear;
transform: translateY(0);
}
.hmcabw-main-wrapper.temp_1 .hmcabw-social-container a.cab-front-social-icon:hover,
.hmcabw-main-wrapper.temp_2 .hmcabw-social-container a.cab-front-social-icon:hover,
.hmcabw-main-wrapper.temp_3 .hmcabw-social-container a.cab-front-social-icon:hover,
.hmcabw-main-wrapper.temp_4 .hmcabw-social-container a.cab-front-social-icon:hover,
.hmcabw-main-wrapper.temp_5 .hmcabw-social-container a.cab-front-social-icon:hover,
.hmcabw-main-wrapper.temp_6 .hmcabw-social-container a.cab-front-social-icon:hover,
.hmcabw-main-wrapper.temp_7 .hmcabw-social-container a.cab-front-social-icon:hover {
opacity: .5;
}
.hmcabw-main-wrapper .hmcabw-social-container a.cab-front-social-icon.rounded {
border-radius: 10px;
}
.hmcabw-main-wrapper .hmcabw-social-container a.cab-front-social-icon.circle {
border-radius: 50%;
} .hmcabw-main-wrapper.temp_1 .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
background-color: #00BFFF;
}
.hmcabw-main-wrapper.temp_1 .hmcabw-email-url-container>div p.hmcabw-email,
.hmcabw-main-wrapper.temp_1 .hmcabw-email-url-container>div a.hmcabw-website,
.hmcabw-main-wrapper.temp_1 .hmcabw-email-url-container>div p.hmcabw-email>span,
.hmcabw-main-wrapper.temp_1 .hmcabw-email-url-container>div a.hmcabw-website>span {
color: #00BFFF;
}
.hmcabw-main-wrapper.temp_1 div.hmcabw-social-container>a.cab-front-social-icon {
background: #00BFFF;
} .hmcabw-main-wrapper.temp_2 .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
background-color: #DEB887;
}
.hmcabw-main-wrapper.temp_2 .hmcabw-email-url-container>div p.hmcabw-email,
.hmcabw-main-wrapper.temp_2 .hmcabw-email-url-container>div a.hmcabw-website,
.hmcabw-main-wrapper.temp_2 .hmcabw-email-url-container>div p.hmcabw-email>span,
.hmcabw-main-wrapper.temp_2 .hmcabw-email-url-container>div a.hmcabw-website>span {
color: #DEB887;
}
.hmcabw-main-wrapper.temp_2 div.hmcabw-social-container>a.cab-front-social-icon {
background: #DEB887;
} .hmcabw-main-wrapper.temp_3 .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
background-color: #555555;
}
.hmcabw-main-wrapper.temp_3 .hmcabw-email-url-container>div p.hmcabw-email,
.hmcabw-main-wrapper.temp_3 .hmcabw-email-url-container>div a.hmcabw-website,
.hmcabw-main-wrapper.temp_3 .hmcabw-email-url-container>div p.hmcabw-email>span,
.hmcabw-main-wrapper.temp_3 .hmcabw-email-url-container>div a.hmcabw-website>span {
color: #555555;
}
.hmcabw-main-wrapper.temp_3 div.hmcabw-social-container>a.cab-front-social-icon {
background: #555555;
} .hmcabw-main-wrapper.temp_4 .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
background-color: #9932CC;
}
.hmcabw-main-wrapper.temp_4 .hmcabw-email-url-container>div p.hmcabw-email,
.hmcabw-main-wrapper.temp_4 .hmcabw-email-url-container>div a.hmcabw-website,
.hmcabw-main-wrapper.temp_4 .hmcabw-email-url-container>div p.hmcabw-email>span,
.hmcabw-main-wrapper.temp_4 .hmcabw-email-url-container>div a.hmcabw-website>span {
color: #9932CC;
}
.hmcabw-main-wrapper.temp_4 div.hmcabw-social-container>a.cab-front-social-icon {
background: #9932CC;
border: 1px solid #9932CC;
}
.hmcabw-main-wrapper.temp_4 div.hmcabw-social-container>a.cab-front-social-icon:hover {
border: 1px solid #9932CC;
background: #FFF;
color: #9932CC;
} .hmcabw-main-wrapper.temp_5 .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
background-color: #B22222;
}
.hmcabw-main-wrapper.temp_5 .hmcabw-email-url-container>div p.hmcabw-email,
.hmcabw-main-wrapper.temp_5 .hmcabw-email-url-container>div a.hmcabw-website,
.hmcabw-main-wrapper.temp_5 .hmcabw-email-url-container>div p.hmcabw-email>span,
.hmcabw-main-wrapper.temp_5 .hmcabw-email-url-container>div a.hmcabw-website>span {
color: #B22222;
}
.hmcabw-main-wrapper.temp_5 div.hmcabw-social-container>a.cab-front-social-icon {
background: #B22222;
} .hmcabw-main-wrapper.temp_6 .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
background-color: #20B2AA;
}
.hmcabw-main-wrapper.temp_6 .hmcabw-email-url-container>div p.hmcabw-email,
.hmcabw-main-wrapper.temp_6 .hmcabw-email-url-container>div a.hmcabw-website,
.hmcabw-main-wrapper.temp_6 .hmcabw-email-url-container>div p.hmcabw-email>span,
.hmcabw-main-wrapper.temp_6 .hmcabw-email-url-container>div a.hmcabw-website>span {
color: #20B2AA;
}
.hmcabw-main-wrapper.temp_6 div.hmcabw-social-container>a.cab-front-social-icon {
background: #20B2AA;
} .hmcabw-main-wrapper.simple .hmcabw-social-container {
border-top: 0;
}
.hmcabw-main-wrapper.simple .hmcabw-email-url-container,
.hmcabw-main-wrapper.left-aligned .hmcabw-email-url-container,
.hmcabw-main-wrapper.centered .hmcabw-email-url-container {
padding-left: 0;
}
.hmcabw-main-wrapper.left-aligned .hmcabw-parent-container,
.hmcabw-main-wrapper.centered .hmcabw-parent-container {
display: block;
}
.hmcabw-main-wrapper.left-aligned .hmcabw-parent-container .hmcabw-image-container {
text-align: left;
padding-left: 12px;
}
.hmcabw-main-wrapper.centered .hmcabw-parent-container .hmcabw-info-container {
text-align: center;
}
.hmcabw-main-wrapper.centered .hmcabw-parent-container .hmcabw-info-container .hmcab-name-border-main {
margin: 10px auto;
}
.hmcabw-main-wrapper.centered .hmcabw-email-url-container {
text-align: center;
display: block;
}
.hmcabw-main-wrapper.mango .hmcabw-social-container {
width: 150px;
border-top: none;
margin-top: 10px;
display: block;
}  @media(max-width:600px) {
.hmcabw-main-wrapper .hmcabw-parent-container {
display: block;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container,
.hmcabw-main-wrapper.left-aligned .hmcabw-parent-container .hmcabw-image-container {
width: 100%;
text-align: center;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-image-container img {
width: 150px;
}
.hmcabw-main-wrapper .hmcabw-parent-container .hmcabw-info-container {
text-align: center;
}
.hmcab-name-border-main {
margin: 10px auto;
}
.hmcabw-email-url-container {
text-align: center;
}
.hmcabw-main-wrapper .hmcabw-email-url-container>span.hmcabw-email,
.hmcabw-main-wrapper .hmcabw-email-url-container>a.hmcabw-website {
width: 100%;
}
.hmcabw-main-wrapper .hmcabw-social-container {
text-align: center;
}
}