/*
 Theme Name:     1Pager Divi
 Description:    1Pager Theme
 Author:         Shaun
 Author URI:     https://1pager.co.za
 Template:       Divi
 Version:        2.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* --CIRCULAR MENUS-- */
.circular-menu {
  position: fixed;
  bottom: 1em;
  right: 1em;
}

.circular-menu .floating-btn {
  display: block;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: hsl(4, 98%, 60%);
  box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);  
  color: hsl(0, 0%, 100%);
  text-align: center;
  line-height: 3.9;
  cursor: pointer;
  outline: 0;
}

.circular-menu.active .floating-btn {
  box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.circular-menu .floating-btn:active {
  box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.circular-menu .floating-btn i {
  font-size: 1.3em;
  transition: opacity .3s;  
}
.circular-menu .floating-btn i.fa-times{opacity: 0;display: none;}
.circular-menu.active .floating-btn i.fa-share, .circular-menu-left.active .floating-btn i.fa-bars {
  opacity: 0;display: none;
}
.circular-menu.active .floating-btn i.fa-times {
 opacity: 1;display: inline;
}

.circular-menu:after {
  display: block;
  content: ' ';
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  background-color: hsl(4, 98%, 60%);
  transition: all .3s ease;
}

.circular-menu.active:after {
  transform: scale3d(5.5, 5.5, 1);
  transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.circular-menu .items-wrapper {
  padding: 0;
  margin: 0;
}

.circular-menu .menu-item {
  position: absolute;
  top: .2em;
  right: .2em;
  z-index: -1;
  display: block;
  text-decoration: none;
  color: hsl(0, 0%, 100%);
  font-size: 1em;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  text-align: center;
  line-height: 3;
  background-color: hsla(0,0%,0%,.1);
  transition: transform .3s ease, background .2s ease;
}

.circular-menu .menu-item:hover {
  background-color: hsla(0,0%,0%,.3);
}

.circular-menu.active .menu-item {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.circular-menu.active .menu-item:nth-child(1) {
  transform: translate3d(1em,-7em,0);
}

.circular-menu.active .menu-item:nth-child(2) {
  transform: translate3d(-3.5em,-6.3em,0);
}

.circular-menu.active .menu-item:nth-child(3) {
  transform: translate3d(-6.5em,-3.2em,0);
}

.circular-menu.active .menu-item:nth-child(4) {
  transform: translate3d(-7em,1em,0);
}

/**
 * The other theme for this menu
 */

.circular-menu.circular-menu-left {
  right: auto; 
  left: 1em;
}

.circular-menu.circular-menu-left .floating-btn {
  background-color: hsla(0,0%,18%,1.00);
}

.circular-menu.circular-menu-left:after {
  background-color: hsla(0,0%,18%,1.00);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
  transform: translate3d(-1em,-7em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
  transform: translate3d(3.5em,-6.3em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
  transform: translate3d(6.5em,-3.2em,0);
}

.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
  transform: translate3d(7em,1em,0);
}
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.circular-menu .tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: rgba(0,0,0,0.75);
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  border-radius: 6px;
  line-height: normal;
 /* Positioning */
  position: absolute;
  z-index: 1;
}
.circular-menu.circular-menu-left.active .menu-item:nth-child(2).tooltip .tooltiptext, .circular-menu.circular-menu-left.active .menu-item:nth-child(3).tooltip .tooltiptext, .circular-menu.circular-menu-left.active .menu-item:nth-child(4).tooltip .tooltiptext{
  top: -5px;
  left: 105%;
  visibility: visible;
}
.circular-menu.circular-menu-left.active .menu-item:nth-child(1).tooltip .tooltiptext{
  bottom: 105%;
  left: 60%;
  visibility: visible;
}
#circularMenu.circular-menu.active .menu-item:nth-child(2).tooltip .tooltiptext, #circularMenu.circular-menu.active .menu-item:nth-child(3).tooltip .tooltiptext, #circularMenu.circular-menu.active .menu-item:nth-child(4).tooltip .tooltiptext{
  top: -5px;
  right: 105%;
  visibility: visible;
}
#circularMenu.circular-menu.active .menu-item:nth-child(1).tooltip .tooltiptext{
  bottom: 105%;
  right: 60%;
  visibility: visible;
}
.circular-menu-top {
  position: fixed;
  top: 1em;
  right: 1em;
}

.circular-menu-top .floating-btn {
  display: block;
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  background-color: hsla(0,0%,18%,1.00);
  box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);  
  color: hsl(0, 0%, 100%);
  text-align: center;
  line-height: 3.9;
  cursor: pointer;
  outline: 0;
}
.circular-menu-top.circular-menu-topleft {
  left: 0;
  right: auto;
  position: relative;
}
.circular-menu-top.circular-menu-whatsapp {
  top: 5.5em;
}
.circular-menu-whatsapp .floating-btn.whatsapp-btn {
  background-color: #25d366;
  color: #2D2D2D;
}
/*.pgr-show-more-content {
  display:none;
}
.et-fb .pgr-show-more-content {
  display:block;
}
.pgr-show-more-toggle {
  cursor:pointer;
}*/
.whatsapp-btn i {font-size: 150%;}
.displaylogo{
    width: 7.5vw;
    left: 1em;
    right: auto;
    font-size: 17px;
}
@media all and (max-width: 600px) {
.displaylogo {
    min-height: 3.5em;
    min-width: 3.5em;
}
}
.media-modal {z-index: 1000003 !important;}
.popup_outer_wrap {z-index: 899998 !important;}
.da-overlay.evr_fb_popup_modal {z-index: 899997 !important;}
#editBtnWrapper, #circularMenuTR {font-size: 17px;}
#editBtn p.description {font-size: 70%;}
#editBtn input, #editBtn textarea {border: 1px solid #0d99d5;}
.updateWebsite {
    position:fixed;
    bottom:1em;
    left:50%;
    transform: translateX(-50%);
}
#admin-notice {
    font-size: clamp(14px,2vw,18px);
}
#counter {
    font-size: 2em;
    margin-top: 20px;
}
.acf-button {
    color: #2d2d2d !important;
}
/*uclive*/
.acf-button.uclive, #form-6in1 li:nth-child(1), #form-mobile-6in1 .et_pb_accordion_item_6.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_6 .acf-switch.-on {
    border: 2px solid #f8c125 !important;
    background-color: rgba(255,247,117,0.85) !important;
}
#form-6in1 .et_pb_tab_0, #form-mobile-6in1 .et_pb_accordion_item_6.et_pb_toggle_open{
    border: 2px solid #f8c125 !important;
    background-color: rgba(255,247,117,0.35);
}
/*header*/
.acf-button.header, #form-6in1 li:nth-child(2), #form-mobile-6in1 .et_pb_accordion_item_7.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_7 .acf-switch.-on {
    border: 2px solid #DF0000 !important;
    background-color: rgba(255,169,171,0.85) !important;
}
#form-6in1 .et_pb_tab_1, #form-mobile-6in1 .et_pb_accordion_item_7.et_pb_toggle_open{
    border: 2px solid #DF0000 !important;
    background-color: rgba(255,169,171,0.35);
}
/*about*/
.acf-button.about, #form-6in1 li:nth-child(3), #form-mobile-6in1 .et_pb_accordion_item_8.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_8 .acf-switch.-on {
    border: 2px solid #88B2F8 !important;
    background-color: rgba(153,208,255,0.85) !important;
}
#form-6in1 .et_pb_tab_2, #form-mobile-6in1 .et_pb_accordion_item_8.et_pb_toggle_open{
    border: 2px solid #88B2F8 !important;
    background-color: rgba(138,190,255,0.35);
}
/*work*/
.acf-button.work, #form-6in1 li:nth-child(4), #form-mobile-6in1 .et_pb_accordion_item_9.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_9 .acf-switch.-on {
    border: 2px solid rgba(197,133,255,1.00) !important;
    background-color: rgba(227,180,255,0.85) !important;
}
#form-6in1 .et_pb_tab_3, #form-mobile-6in1 .et_pb_accordion_item_9.et_pb_toggle_open{
    border: 2px solid rgba(197,133,255,1.00) !important;
    background-color: rgba(227,180,255,0.35);
}
/*faq*/
.acf-button.faq, #form-6in1 li:nth-child(5), #form-mobile-6in1 .et_pb_accordion_item_10.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_10 .acf-switch.-on {
    border: 2px solid rgba(66,247,35,1.00) !important;
    background-color: rgba(188,255,178,0.85) !important;
}
#form-6in1 .et_pb_tab_4, #form-mobile-6in1 .et_pb_accordion_item_10.et_pb_toggle_open{
    border: 2px solid rgba(66,247,35,1.00) !important;
    background-color: rgba(188,255,178,0.35);
}
/*contact*/
.acf-button.contact, #form-6in1 li:nth-child(6), #form-mobile-6in1 .et_pb_accordion_item_11.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_11 .acf-switch.-on {
    border: 2px solid #2d2d2d !important;
    background-color: rgba(220,220,220,0.85) !important;
}
#form-6in1 .et_pb_tab_5, #form-mobile-6in1 .et_pb_accordion_item_11.et_pb_toggle_open{
    border: 2px solid #2d2d2d !important;
    background-color: rgba(220,220,220,0.35);
}
/*privacy*/
.acf-button.privacy, #form-6in1 li:nth-child(7), #form-mobile-6in1 .et_pb_accordion_item_12.et_pb_toggle_close, #form-mobile-6in1 .et_pb_accordion_item_12 .acf-switch.-on, .privacy-text {
    border: 2px solid #ff7700 !important;
    background-color: rgba(255,137,34,0.50) !important;
}
#form-6in1 .et_pb_tab_6, #form-mobile-6in1 .et_pb_accordion_item_12.et_pb_toggle_open{
    border: 2px solid #ff7700 !important;
    background-color: rgba(255,137,34,0.20);
}
.acf-switch.-on {color: #2d2d2d !important;}
.privacy-text{padding: 5px 10px;display: inline-block;text-align: center;color: #2d2d2d;}
#form-mobile-6in1 .acf-switch .acf-switch-on {color: #2d2d2d !important;text-shadow: none !important;font-weight: bold;}
.acf-switch .acf-switch-slider, .acf-switch.-on .acf-switch-slider {border-color: #2d2d2d;}
p.adabundle-branding{display:none !important;}
.adabundle-trigger-button-box.bottom-right{margin-bottom:90px !important;margin-right:1em !important;}

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}
/*.et_pb_scroll_top.et-pb-icon {
    left: 0 !important;
    right: auto !important;
}*/
/* START */



/* END */