The new public children’s cancer hospital
img.wab-chevron {
height: 12px;
}
img.wab-chevron.wab-right {
margin-left: 1px;
}
img.wab-chevron.wab-left {
margin-right: 2px;
}
/**
* Side Rectangle
*/
.wab-side-rectangle.wab-pull-right {
right: 0;
left: initial !important;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-side-rectangle.wab-pull-left {
left: 0;
right: initial !important;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-side-rectangle.wab-cont {
position: fixed;
bottom: 10%;
z-index: 99997;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-side-rectangle.wab-cont .wab-pull-right {
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-side-rectangle #whatsAppButton {
display: block;
position: relative;
direction: ltr;
z-index: 9999;
cursor: pointer;
min-width: 50px;
max-width: 236px;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 10px 14px;
margin: 0 auto 0 auto;
background: #20B038;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-side-rectangle #whatsAppButton:after {
margin-left: 5px;
margin-right: 5px;
/* content: url(/wp-content/themes/html5blanknew/img/whatsapp-logo2.svg); */
max-width: 20px;
max-height: 20px;
fill: currentColor;
}
.wab-side-rectangle #whatsAppButton svg path {
fill: #fff;
}
.wab-side-rectangle #wab_close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -10px;
left: -9px;
z-index: 999999;
background-color: #fff;
font-weight: bold;
font-size: 14px;
border: 2px solid;
border-radius: 12px;
height: 20px;
width: 20px;
line-height: 1.2;
text-align: center;
cursor: pointer;
}
.wab-x {
position: absolute;
top: 1px;
font-size: 15px;
}
#wab_cont.wab-side-rectangle.wab-hidden {
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
/**
* Bottom Rectangle
*/
.wab-bottom-rectangle.wab-cont {
position: fixed;
bottom: 0;
z-index: 99999;
width: 100%;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-bottom-rectangle #whatsAppButton {
display: block;
/* position: relative; */
position: absolute;
bottom: 0;
width: 100%;
direction: ltr;
z-index: 9999;
cursor: pointer;
color: #ffffff;
text-align: center;
text-decoration: none;
padding: 10px;
margin: 0 auto 0 auto;
background: #20B038;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-bottom-rectangle #wab_close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 38px;
left: 10px;
z-index: 999999;
background-color: #fff;
font-weight: bold;
font-size: 14px;
border: 2px solid;
border-radius: 10px;
height: 20px;
width: 20px;
line-height: 1.2;
text-align: center;
cursor: pointer;
}
.wab-bottom-rectangle img.wab-chevron.wab-down {
max-width: 64%;
position: absolute;
top: 20%;
left: 18%;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-bottom-rectangle img.wab-chevron.wab-up {
max-width: 64%;
position: absolute;
top: 12%;
left: 18%;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#wab_cont.wab-bottom-rectangle.wab-hidden {
/* bottom: -36px; */
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
/* Icon */
.wab-icon-styled.wab-cont, .wab-icon-plain.wab-cont {
position: fixed;
right: 10px;
bottom: 10%;
z-index: 99999;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-icon-styled #whatsAppButton, .wab-icon-plain #whatsAppButton {
display: block;
width: 60px;
height: 60px;
background-position: center center;
background-size: cover;
background-image: url(https://shoe4africa.org/wp-content/plugins/add-whatsapp-button/includes/style-templates/../../img/wa-icon-original.png);
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.wab-icon-styled.wab-cont.wab-pull-left, .wab-icon-plain.wab-cont.wab-pull-left {
left: 10px;
}
.wab-icon-styled.wab-cont.wab-pull-right, .wab-icon-plain.wab-cont.wab-pull-right {
right: 10px;
}
.wab-icon-styled #wab_close, .wab-icon-plain #wab_close {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -2px;
left: -5px;
z-index: 999999;
background-color: #fff;
font-weight: bold;
font-size: 14px;
border: 2px solid;
border-radius: 10px;
height: 20px;
width: 20px;
line-height: 1.2;
text-align: center;
cursor: pointer;
}
#wab_cont.wab-icon-styled.wab-hidden, #wab_cont.wab-icon-plain.wab-hidden {
right: -64px;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
.awb-displaynone {
display: none;
}
/* Draggable */
#wab_drag {
position: absolute;
z-index: 99998;
background-color: #20B038;
display: flex;
align-items: center;
justify-content: center;
cursor: grab;
}
.wab-side-rectangle #wab_drag {
top: 38px;
padding: 5px;
}
.wab-icon-plain #wab_drag {
top: 68px;
right: -7px;
padding: 9px 5px;
border: 3px solid white;
border-radius: 50%;
}
.wab-side-rectangle #wab_drag img {
height: 6px;
}
.wab-icon-plain #wab_drag img {
height: 4px;
}
