.has-icon {
width: 14px;
vertical-align: middle;
height: 14px;
}
.has-email-mobie {
z-index: 2000;
}
.swal2-container {
z-index: 10000 !important;
}
.has-email-mobie h2.swal2-title {
font-size: 18px;
}
div.has_sharing_email {
width: 320px;
z-index: 1001;
background: #FFF;
}
div.has_sharing_email_form_wrapper {
padding: 15px;
background: #fff;
text-align: left;
}
div.has_success_response {
background: #fff;
text-align: center;
}
div.has_success_response div {
background: #FFF;
text-align: center;
}
div.has_sharing_email_form_wrapper label {
font-size: 12px;
color: #333;
font-weight: bold;
display: block;
padding: 0 0 4px 0;
text-align: left;
text-shadow: none;
}
div.has_sharing_email_form_wrapper input[type="text"], 
div.has_sharing_email_form_wrapper input[type="email"] {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 1px solid #ccc;
margin-bottom: 1em;
background: #fff;
font-size: 12px;
color: #333;
max-width: none;
padding: 1px 3px;
}
div.has_sharing_email_form_wrapper #has_sharing_send {
text-decoration: none !important;
display: inline-block;
font-size: 12px;
font-family: "Open Sans", sans-serif;
font-weight: normal;
border-radius: 3px;
color: #777 !important;
background: #f8f8f8;
border: 1px solid #cccccc;
box-shadow: 0 1px 0 rgba(0,0,0,.08);
text-shadow: none;
line-height: 23px;
padding: 1px 8px 0px 5px;
}
div.has_sharing_email_form_wrapper a#has_sharing_cancel,
div.has_sharing_email_form_wrapper a#has_sharing_cancel:hover,
div.has_sharing_email_form_wrapper a#has_sharing_cancel:visited,
div.has_success_response a#has_sharing_cancel,
div.has_success_response a#has_sharing_cancel:hover,
div.has_success_response a#has_sharing_cancel:visited {
text-transform: capitalize;
padding: 0 0 0 1em;
font-size: 12px;
text-shadow: none;
color: #1e73be;
letter-spacing: inherit;
}
div.has_success_response a#has_sharing_cancel,
div.has_success_response a#has_sharing_cancel:hover,
div.has_success_response a#has_sharing_cancel:visited {
padding: 0;
}
div.has_errors {
color: #fff;
background-color: #771a09;
font-size: 12px;
padding: 5px 8px;
line-height: 1;
margin: 10px 0 0 0;
}.has-icon {
width: 25px;
height: 25px;
vertical-align: middle;
}
.highlight-and-share-wrapper {
display: none;
width: 0;
height: 0;
}
.highlight-and-share-wrapper .fa {
font-size: 14px;
}
.highlight-and-share-wrapper div {
padding: 10px;
background: #32CCFE;
-moz-transition: background-color 200ms;
-o-transition: background-color 200ms;
-webkit-transition: background-color 200ms;
transition: background-color 200ms;
z-index: 1000;
margin-right: 5px;
margin-bottom: 10px;
}
.highlight-and-share-wrapper div:last-child {
margin-right: 0;
}
.highlight-and-share-wrapper div.has_facebook {
background: #3c5a9e;
}
.highlight-and-share-wrapper div.has_linkedin {
background: #0085AE;
}
.highlight-and-share-wrapper div.has_pinterest {
background: #CC2127;
}
.highlight-and-share-wrapper div.has_xing {
background: #be4bdb;
}
.highlight-and-share-wrapper div.has_whatsapp {
background: #04e26a;
}
.highlight-and-share-wrapper div.has_copy {
background: #222222;
}
.highlight-and-share-wrapper div.has_email {
background: #0074a2;
}
.highlight-and-share-wrapper div.has_reddit {
background: #FF4500;
}
.highlight-and-share-wrapper div.has_telegram {
background: #278fd6;
}
.highlight-and-share-wrapper div.has_signal {
background: #3a76f0;
}
.highlight-and-share-wrapper div.has_twitter:hover {
background: #00aced;
}
.highlight-and-share-wrapper div.has_facebook:hover {
background: #1F3C83;
}
.highlight-and-share-wrapper div.has_linkedin:hover {
background: #23a0c7;
}
.highlight-and-share-wrapper div.has_pinterest:hover {
background: #d93238;
}
.highlight-and-share-wrapper div.has_copy:hover {
background: #E8e8e8;
}
.highlight-and-share-wrapper div.has_email:hover {
background: #1388b7;
}
.highlight-and-share-wrapper div.has_xing:hover {
background: #a53bc0;
}
.highlight-and-share-wrapper div.has_whatsapp:hover {
background: #02b857;
}
.highlight-and-share-wrapper div.has_reddit:hover {
background: #eb4407;
}
.highlight-and-share-wrapper div.has_telegram:hover {
background: #2587ca;
}
.highlight-and-share-wrapper div.has_signal:hover {
background: #366ee1;
}
body.has-body .highlight-and-share-wrapper a,
body.has-body .highlight-and-share-wrapper a:hover,
body.has-body .highlight-and-share-wrapper a:visited {
font-family: 'FranklinGothic', Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.150em;
font-size: 14px;
letter-spacing: .2em;
color: #f8f8f8;
display: block;
height: 100%;
padding: 12px 20px;
text-decoration: none;
}
.has-inline-text {
background-color: rgb(255, 239, 177);
color: black;
cursor: pointer;
}
.has-inline-text:hover {
background-color: rgb(252, 214, 60);
}