/**
 * Customizer css
 */

 @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;600&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jua&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 
 li#accordion-panel-responsive_content_header,
 li#accordion-panel-woocommerce {
   margin-top: 15px;
 }
 .responsive-upsell {
   background: #fff;
   padding: 21px;
   border-radius: 3px;
 }

 .responsive-pro-nudge {
   background: #fff;
   border-radius: 6px;
   margin: 12px;
   text-align: center;
 }

 .responsive-pro-nudge-image img {
   max-width: 100%;
   height: auto;
   width: 130px;
 }

 .responsive-pro-nudge-title {
   font-size: 15px;
   font-weight: 600;
   margin: 0 0 8px;
 }

 .responsive-pro-nudge-description {
   font-size: 14px;
   color: #000000;
   margin: 0 0 14px;
   text-align: right;
   font-family: 'Inter', sans-serif;
   font-weight: 500;
 }

 .responsive-pro-nudge-features {
   list-style: none;
   margin: 0 0 18px;
   padding: 0;
   text-align: right;
 }

 .responsive-pro-nudge-features li {
   position: relative;
   font-family: 'Inter', sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0;
   padding-right: 26px;
   margin-bottom: 8px;
 }

 .responsive-pro-nudge-features li:before {
   content: "";
   position: absolute;
   right: 0;
   top: 2px;
   width: 16px;
   height: 16px;
   background-image: url('../../admin/images/pro_tick.svg');
   background-repeat: no-repeat;
   background-size: contain;
 }

 .responsive-pro-nudge-button.button.button-primary {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   max-width: 320px;
   margin: 0 auto;
   gap: 10px;
   box-sizing: border-box;
   text-align: center;
   background: linear-gradient(-180deg, #080085 0%, #2563EB 100%);
   border: none;
   border-color: transparent;
   border-radius: 6px;
   padding: 12px 20px;
   font-family: 'Inter', sans-serif;
   font-weight: 500;
   opacity: 1;
   line-height: 1;
   font-size: 14px;
 }

 .responsive-pro-nudge-button.button.button-primary:hover,
 .responsive-pro-nudge-button.button.button-primary:focus {
   background: linear-gradient(-180deg, #080085 0%, #1d4fc4 100%);
   border-color: transparent;
   color: #fff;
 }

 .responsive-upsell .upsell-pro-label {
   font-weight: bold;
   background: #a7a7a7;
   color: #fff;
   text-transform: uppercase;
   padding: 2px 7px 2px 6px;
   letter-spacing: .1px;
   font-size: 12px;
   border-radius: 3px;
   margin-left: 10px;
 }
 
 .responsive-upsell-features li {
   line-height: 24px;
   margin-bottom: 23px;
   font-size: 14px;
 }
 .responsive-upsell-features li:last-child {
   margin-bottom: 20px;
 }
 .responsive-upsell-features.no-explained li {
   margin-bottom: 0;
 }
 .responsive-upsell-features.no-explained li:last-child {
   margin-bottom: 0;
 }
 
 .responsive-upsell .button {
   margin-left: 21px;
   width: 100%;
   text-align: center;
   letter-spacing: .2px;
 }
 
 .responsive-upsell hr {
   margin-top: 22px;
   margin-bottom: 16px;
 }
 
 .responsive-upsell-feature-list li:before {
   line-height: 37px;
 }
 
 .responsive-upsell-feature-list li {
   line-height: 22px;
   font-size: 14px;
   font-style: italic;
   margin-bottom: 6px;
 }
 
 .responsive-upsell-feature-list li:last-child {
   margin-bottom: 0;
 }
 
 .frontpage-sections-upsell {
   padding: 10px 14px 11px 10px;
 }
 
 .responsive-boxed-section {
   margin: 12px;
 }
 
 #customize-controls #accordion-section-responsive_upsell_section.control-section .accordion-section-title:hover {
   background-color: #0073aa;
   color: #fff;
 }
 
 #customize-controls #accordion-section-responsive_upsell_main_section.control-section .accordion-section-title:hover:after {
   color: #fff;
 }
 
 .customize-control {
   position: relative;
 }
 
 .customize-control .res-control-tooltip{
   position: absolute;
   top: 1em;
   left: 0;
 }

 
 .notice.notice-info h3,
 .accordion-section-title {
   padding-left: 36px;
 }
 .customize-section-title h3{
  color: #50575e;
  font-family: 'Roboto','sans-serif';
  font-weight: 600 !important;
}
.customize-control-title {
  font-family: 'Roboto','sans-serif';
  color: #50575e;
  /* line-height: 100%; */
  margin-bottom: 6px;
  font-weight: 400;
}

#customize-control-responsive_cart_color {
  padding-top: 24px;
}
 #sub-accordion-section-responsive_colors .customize-control-title {
  font-weight: 400;
 }
 #customize-controls .customize-info {
  margin-bottom: 0;
 }
 #customize-control-responsive_single_product_container_style{
  margin-bottom: 20px;
 }
 #customize-control-responsive_single_product_container_style_separator .responsive-horizontal-separator-control-wrapper,
 #customize-control-responsive_product_catalog_container_style_separator .responsive-horizontal-separator-control-wrapper{
  padding-bottom: 0;
 }