/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
html {  font-size: 62.5%; /* 10px */ /*}
*/


.site-footer .footer-widgets-container .inner-padding {
	padding:0px 0px 20px 0px;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
	margin-left:0px;
}
.footer-widgets-container {
	padding:0px;
}

.site-info {
	background-color: #ffffff00;
}
.inside-site-info {
	flex-direction:column;
	background-color:#ffffff;
}
.footer-bar {
	order:1;
	width:100%;
}
.copyright-bar {
	order:2 !important;
	margin-left:auto;
}




    @media (max-width: 768px) {
		
		#mobile-header .menu-toggle {
    display: none;
}
      .menu-toggle {
     /*  display: inline-flex !important; */
        flex-direction: column;
        padding-right: 10px !important;
      }
      .menu-toggle .gp-icon.icon-menu-bars {
        font-size: 30px;
      }
      .menu-toggle .mobile-menu {
		display:block;
		line-height:1em;
        font-size: 18px;
        padding: 0 !important;
      }
	  
	   .has-inline-mobile-toggle .header-widget, .has-inline-mobile-toggle #site-navigation {
	     flex-basis:auto;
      }
    }
	

.woocommerce div.product .summary {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap onto the next line on smaller screens */
    justify-content: space-between; /* Distributes space between items */
    align-items: flex-start; /* Aligns items to the top of the container */
}

.woocommerce div.product div.images {
    flex-basis: 40%; /* Sets a base width for the image */
    max-width: 40%;
    margin-right: 20px; /* Adds spacing */
}

.woocommerce div.product .summary {
    flex-basis: 55%; /* Sets a base width for the summary */
    max-width: 55%;
}
@media screen and (max-width: 768px) {
    .woocommerce div.product .summary {
        flex-direction: column; /* Stacks items vertically */
        align-items: center; /* Centers items horizontally */
    }

    .woocommerce div.product div.images,
    .woocommerce div.product .summary {
        flex-basis: 100%; /* Makes items take full width */
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px; /* Adds spacing between stacked items */
    }
}