/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.5
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

  


   /*************** COLORS ***************/
   
   ul li.bullet-checkmark:before, ul li.bullet-arrow:before, ul li.bullet-star:before, .ux-menu-link--active .ux-menu-link__link, .ux-menu-link:hover .ux-menu-link__link {
       color: #26B791;  /* GREEN */
   }
   ins .woocommerce-Price-amount {
       color: #fd6571; /* PINK */
   }
   /*************** ROUND CORNERS ***************/
   .product-gallery-slider img, .product-thumbnails img, .round-corners, .round-corners .fill, .round-corners .box-image, .entry-image img, #comments .comment-respond,  .box-image, .post-item .entry-image img, .badge-inner.bg-fill, .has-border, .product-thumbnails a, input, textarea {
       border-radius: 10px ;
   }
   .round-corners-top, .round-corners-top .fill, .round-corners-top .box-image, .round-corners-top img {
       border-radius: 10px 10px 0px 0px;
   }
   @media screen and (min-width: 850px) {
   .round-corners-left .fill {
       border-radius: 10px 0px 0px 10px;
   }
   .lightbox-content {
       padding: 10px;
       border-radius: 10px;
   }
   /*************** HEADER ***************/
   .header-vertical-menu .sub-menu {
       background: #f0f6f9;
   }
   @media screen and (min-width: 849px) {
   .header-inner .nav-left {
       justify-content: center !important;
   }
   }
   .header-button .circle {
       border-radius: 4px !important;
   }
   .header {
       border-bottom: 1px solid #ededed;
   }
   .menu-category-vertical-menu .nav-dropdown {
       border-radius: 0px;
   }
   /*************** GENERAL ***************/
   .collapse p, .collapse h1, .collapse h2, .collapse h3, .collapse h4 {
       margin-bottom:0px;
   }
   p:not(.stars) a:not(.button,.woocommerce-loop-product__link) {
       background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
       background-position: 100%;
       background-size: 100% 100%;
       background-repeat: no-repeat;
       position: relative;
       transition: all 0.2s;
       padding-bottom: 1px;
   }
   .box-overlay.dark .box-text, .box-shade.dark .box-text {
       text-shadow: none;
   }
   p i {
       display: block;
       padding: 0px 5px 0px;
       float: left;
   }
   .testimonial-text.is-italic {
       font-style: unset !important;
   }
   .breadcrumbs a {
       font-weight: bolder;
   }
   .nav-pagination>li>span, .nav-pagination>li>a {
       border: 0px;
   }
   /*************** UNDERLINED - LINK STYLING ***************/
   .dark .button.is-form:hover, .button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   p:not(.stars) a:not(.button, .woocommerce-loop-product__link) {
       background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
       background-position: 100%;
       background-size: 100% 100%;
       background-repeat: no-repeat;
       position: relative;
       transition: all .2s;
       padding-bottom:1px;
   }
   p a:hover:not(.button) {
       background-size: 0 100%;
   }
   .button.is-underline:hover:before {
       right: 0%;
       width: 0%;
       left: inherit;
   }
   .button.is-underline:before {
       left: 0px;
       width: 100%;
       opacity: 1;
   }
   u {
       text-underline-offset: 3px;
   }
   /*************** ACCORDION ***************/
   .accordion-item .toggle i {
       font-size: 1em;
   }
   .accordion-item {
       background: #F0F6F9;  /* BLUE PASTEL */
       margin-bottom: 10px;
       border-radius: 10px;
       padding: 10px;
   }
   .accordion-title {
       border-top: 0px;
       font-size: 100%;
   }
   .accordion-title.active {
       background-color: transparent;
   }
   .accordion-inner {
       padding: 1em;
   }
   /*************** YITH WHISHLIST ***************/
   .image-tools .wishlist-button:hover {
       background-color: #FD6571;
       border-color: #FD6571;
   }
   /*************** SHOP: ARCHIVE ***************/
   .archive.woocommerce #wrapper, .archive.woocommerce #main {
       background-color: #F0F6F9;
   }
   /*************** SHOP: SINGLE PRODUCT ***************/
   .single-product .container-width {
       max-width: 100%;
   }
   #reviews .large-7, #reviews .large-5 {
       max-width: 100% !important;
       flex-basis: 100%;
   }
   .product-section-title.uppercase {
       text-transform: none;
       letter-spacing: 0px;
   }
   .product-section {
       border-top: 0px;
   }
   .slider-nav-reveal .flickity-prev-next-button:hover, .slider-nav-reveal .flickity-prev-next-button {
       background-color: transparent;
       -webkit-box-shadow: none;
       box-shadow: none;
   }
   /*************** BLOG ***************/
   .single-post .is-divider, .box-text-inner .is-divider, .widget .is-divider {
           background-color: transparent;
           margin: 5px 0px;
   }
   .single-post .entry-header-text {
       padding: 4% 10% 6% 10%;
   }
   @media screen and (min-width: 850px) {
   .blog .large-10, .archive .large-10 {
       max-width: 100%;
       -ms-flex-preferred-size: 100%;
       flex-basis: 100%;
   }
   }
   .single-post .entry-content > :first-child {
   padding:0px;
   }
   #comments .comment-respond {
       background-color: #F0F6F9;
   }
   /*************** FOOTER ***************/
   .absolute-footer {
       display: none !important;
       visibility: hidden !important;
   }
   /*************** MOBILE MENU ***************/
   .off-canvas .nav-vertical>li>a {
       font-size: 16px;
       font-weight: bolder;
       letter-spacing: 0;
   }
   .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
       background-color: #fff !important;
   }
   @media screen and (max-width: 549px) {
       .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
       padding: 70px 20px;
       }
       .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
       width: 90%;
       }
   }
   @media screen and (min-width: 550px) {
       .off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
       padding: 40p 20px;
       }
       .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
       width: 400px;
       }
   }
   .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
       transition: -webkit-transform 0.8s;
       transition: transform 0.8s;
       transition: transform 0.8s, -webkit-transform 0.8s;
   }
           
           
           
   
           
           
           
           

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}