/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


@media (min-width: 768px) {
 	#pricing-package-tabs{ background-color: transparent;}
	#pricing-package-tabs .tab_titles { display: flex; justify-content: center; }
	#pricing-package-tabs .active_tab { background-color: #fff; border-width: 1px !important; color: #00D0E9 !important; }
	#pricing-package-tabs  .tab{border-width: 0;  color: #00D0E9 !important; font-size: 1rem !important;}
	#pricing-package-tabs .active_tab_content{ background-color: transparent;} 
}
#individual-payment-period label, #individual-payment-period input{cursor:pointer; }
div#individual-payment-period { display: flex; justify-content: center; align-items: center; justify-content: center;}
div#individual-payment-period label {padding: 0 20px;}
#individual-payment-period .toggle {position: relative;display: inline-block;width: 60px; height: 33px; background-color: #ccc; border-radius: 30px; border: 0px solid gray;}
#individual-payment-period .toggle:after { content: ''; position: absolute; width: 50%; height: 80%; border-radius: 50%; background-color: #fff; top: 0.3em; left: 5px; height: 1.9em; width: 1.9em; left: 0.3em; bottom: 0.3em }
#individual-payment-period .checkbox:checked + .toggle::after { left: 30px;}
#individual-payment-period .checkbox:checked + .toggle { background-color: #00D0E9;}
#individual-tbl .heading { font-size: 1rem; color: #555; font-weight: 900; display: inline-block; padding: 0px;}
#individual-tbl .first-table-item .heading { font-size: 2rem; color: #fff; font-weight: 900; display: inline-block; padding: 0px;}
#individual-tbl .pricing-table li.avia-heading-row{ background-color: #11e3fa !important;}
#individual-tbl .pricing-table .price{ font-size: 3rem;}
#individual-tbl .avia-pricing-row{ background-color: #fff; color: #555; font-size: 3rem; }
#individual-tbl .avia-pricing-row .currency-symbol{ opacity: 1; color: #555;}
#individual-tbl .pricing-table>li:nth-child(odd){ background-color: #F7F7F7;; }
#individual-tbl .pricing-table > li{ border-top-width: 0; border-color: #22f4fb; padding: 5px 12.5%; background: #F7F7F7;}
#individual-tbl .pricing-table > li:before{ content: '';border-top-style: double; border-top-color: #26E8FF; border-top-width: 1px; display: block; margin: 0; padding: 5px;}
#individual-tbl .avia-pricing-row:before{ content: ''; border-top-width: 0px !important;}
#individual-tbl .pricing-table li.avia-heading-row:before{ content: ''; border-top-width: 0px !important;}
#individual-tbl .basic-monthly{display:none;}
#individual-tbl .premium-monthly{display:none;}
#individual-tbl .enterprice-monthly{display:none;}

 /************* COMPANY TABLE *******************/
#company-payment-period label, #company-payment-period input{cursor:pointer; }
div#company-payment-period { display: flex; justify-content: center; align-items: center; justify-content: center;}
div#company-payment-period label {padding: 0 20px;}
#company-payment-period .toggle {position: relative;display: inline-block;width: 60px; height: 33px; background-color: #ccc; border-radius: 30px; border: 0px solid gray;}
#company-payment-period .toggle:after { content: ''; position: absolute; width: 50%; height: 80%; border-radius: 50%; background-color: #fff; top: 0.3em; left: 5px; height: 1.9em; width: 1.9em; left: 0.3em; bottom: 0.3em }
#company-payment-period .checkbox:checked + .toggle::after { left: 30px;}
#company-payment-period .checkbox:checked + .toggle { background-color: #00D0E9;}
#company-tbl .heading { font-size: 1rem; color: #555; font-weight: 900; display: inline-block; padding: 0px;}
#company-tbl .first-table-item .heading { font-size: 2rem; color: #fff; font-weight: 900; display: inline-block; padding: 0px;}
#company-tbl .pricing-table li.avia-heading-row{ background-color: #11e3fa !important;}
#company-tbl .pricing-table .price{ font-size: 3rem;}
#company-tbl .avia-pricing-row{ background-color: #fff; color: #555; font-size: 3rem; }
#company-tbl .avia-pricing-row .currency-symbol{ opacity: 1; color: #555;}
#company-tbl .pricing-table>li:nth-child(odd){ background-color: #F7F7F7;; }
#company-tbl .pricing-table > li{ border-top-width: 0; border-color: #22f4fb; padding: 5px 12.5%; background: #F7F7F7;}
#company-tbl .pricing-table > li:before{ content: '';border-top-style: double; border-top-color: #26E8FF; border-top-width: 1px; display: block; margin: 0; padding: 5px;}
#company-tbl .avia-pricing-row:before{ content: ''; border-top-width: 0px !important;}
#company-tbl .pricing-table li.avia-heading-row:before{ content: ''; border-top-width: 0px !important;}
#company-tbl .basic-monthly{display:none;}
#company-tbl .premium-monthly{display:none;}
#company-tbl .enterprice-monthly{display:none;}


/******************** BUNDLES ****************************/
#bundles label, #bundles input{cursor:pointer; }
div#bundles { display: flex; justify-content: center; align-items: center; justify-content: center;}
div#bundles label {padding: 0 20px;}
#bundles .toggle {position: relative;display: inline-block;width: 60px; height: 33px; background-color: #ccc; border-radius: 30px; border: 0px solid gray;}
#bundles .toggle:after { content: ''; position: absolute; width: 50%; height: 80%; border-radius: 50%; background-color: #fff; top: 0.3em; left: 5px; height: 1.9em; width: 1.9em; left: 0.3em; bottom: 0.3em }
#bundles .checkbox:checked + .toggle::after { left: 30px;}
#bundles .checkbox:checked + .toggle { background-color: #00D0E9;}

/********************** TOP HEADER *************************/
     .top-header-icons{
      display: flex !important;
      align-items: center;
      justify-content: center;
      gap: 1rem;
    }

    .top-header-icons div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 2px solid #fff;
    padding-right: 1rem;
  }

  .top-header-icons a{
    color: #fff !important;
  }

   .top-header-icons div:last-child{
    border-right: 0px solid #fff;
    padding-right: 0rem;
   }

   @media(max-width: 992px){

    .phone-info {
        float: unset !important; 
        font-weight: bold;
        line-height: 20px;
        font-size: 11px;
        padding: 5px 0;
        text-align: center;
    }

    .top-header-icons a{
      color: #808080 !important;
    }

     .top-header-icons div {
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: 2px solid #e1e1e1;
      padding-right: 1rem;
    }

   }

      @media(max-width: 650px){
       .top-header-icons{
          display: flex !important;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 5px;
        }
      }

#wa-widget-send-button {
    bottom: 85px !important;
}