/*
Theme Name: AS Controls
Version: 1.0
Description: Child theme for Storefront created by Chadwick Design. It uses SASS for creation of CSS.
Author: Chadwick Design Ltd
Author URI: https://chadswebstudio.co.uk
Template: storefront
*/

/* --------------- Theme customization starts here ----------------- */

.clearboth {
	
	clear:both;
	float:none;
}



.site-header {
    background-color: #2c2d33;
    background-color: #ffffff;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid rgba(0,0,0,0)
}

.content-area,.widget-area {
        margin-bottom: 1em
    }
    
.edit-link  {
	display:none;
} 

.hentry {
    margin: 0 0 2em;
} 


.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header {
    margin-bottom: 2em
}

.site-branding {
/*	background-color:pink; /* Used if the image is unavailable */
}

div.site-branding, a.custom-logo-link {
		text-align: center!important;
	}
	
.site-header .site-branding img {
    height: auto;
    max-height: none
}
	
.site-branding	.custom-logo-link img.custom-logo {
		
	margin-left: auto!important;
	margin-right: auto!important;
}


.above_footer_widget_area{
	border-top:1px solid gray;
	text-align:	center;
}

.site-footer a {
	text-decoration:none;
	}
	
.site-footer a:hover, a:focus {
	color:#e6e4f2!important;
} 	


.footer-widgets {
	
font-size:18px;
}

.footer-widgets .widget-title {
	text-align: center;
	padding-bottom:0;
}

.socicon-youtube {
	
	font-size:50px!important;
}

.widget_nav_menu ul li::before {
    content: "";
}

@media (min-width: 768px) {
	
	.woocommerce-active .site-header .site-branding {
        width: 100%;
        float: none;
        margin-right: 0;	       
	}
	
	.site-branding {
  	/*	background-image: url("https://ascontrols.co.uk/wp-content/uploads/2025/01/spohn-burkhardt-sole-distributor.png"); */
  		background-image: url("./img/soledistributors.png"); 
  	/*	background-color:yellow; /* Used if the image is unavailable */
  		background-position: right top;
  		background-repeat: no-repeat; 
  		background-size: 25%;
  
  	}
  
  	.storefront-primary-navigation{
  		border-top: 1px solid black;
  		border-bottom: 1px solid black;
  	}
  	
  	.site-search{
  		margin-top:15px;
	}
	
	.home  .site-header .site-branding img {
        height: auto;
        max-width: 400px!important;
        max-height: none;    
    }
}

@media (min-width: 1190px) {
	.col-full {
	      max-width: 100em;
        margin-left: auto;
        padding: 0 2.617924em;
      
    }
    
    .site-branding {
    	background-size: 15%;
  		
	}
    
    
	/*
	.woocommerce-active .site-header .site-branding {
        width: 100%;
        float: none;
        margin-right: 0;	       
	}
	
	.home  .site-header .site-branding img {
        height: auto;
        max-width: 400px!important;
        max-height: none;    
    }
    */
}


/* ACCREDIDATION ABOVE FOOTER */

#accreditation-container {
  align-items: center;
  display: flex;
  justify-content: center;
}


#accreditation-container .panel-grid-cell {
	width:450px;
  display: flex;
  align-items: center;
    justify-content: space-between;
}


@media (max-width: 780px) {
	
	
#accreditation-container .panel-grid-cell {
	width:450px;
  display: flex;
  align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}	
	
}




#joscar-logo{
	width:95px;
	/* background: yellow;*/ 
	text-align:center;
}
	
#iso-logo{
	width:160px; 
	/*background:pink; */
	text-align:center;
}
	
#ico-logo{
	width:130px; 
	/*background: lightgray; */
	text-align:center;
}

#accreditation-container .so-panel {
	margin-bottom:31px!important;
}


#joscar-logo img, #iso-logo img, #ico-logo img {
	max-width:85%;
	margin-left:auto;
	margin-right:auto;
	}

/* product hover state */

ul.products li.product img{
  opacity: 1;
    transition: all 0.3s ease-in-out;
    transform: scale(0.95);
}

ul.products li.product img:hover{
   opacity: 0.7;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}



ul.products li.product{
	
	border:0;
	box-shadow: inset 0 0 0 2px white;
	transition: all 2s in-ease-out;
	padding:3px;
}


ul.products li.product:hover{
	border:0;
	box-shadow: inset 0 0 0 2px #e8e8e8;

		transition: all 2s in-ease-out;
}



/* EXTRA STYLING OF CONTACT FORM 7 TO CREATE COLUMNS */



/**
* @author M Hemel Hasan
* Column
* @since V3.3.9
*/
.uacf7-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 20px;
}

.uacf7-row p {
		font-size: 16px;
		margin:0;	
}

.uacf7-row label {
font-weight: 600;	
}

/*
.uacf7-row button, .uacf7-row input[type="button"], .uacf7-row input[type="reset"], .uacf7-row input[type="submit"], .button, .widget .uacf7-row a.button {
    background-color: #24195d;
    border-color: #eeeeee;
    color: #ffffff;
    
}

*/

.uacf7-row input[type="button"], .uacf7-row input[type="submit"]{
    background-color: #24195d;
    border-color: #eeeeee;
    color: #ffffff;
}

.uacf7-col-2,
.uacf7-col-3,
.uacf7-col-4,
.uacf7-col-6,
.uacf7-col-12 {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box; /* Ensures padding is included in the width */
}

/* Column widths using flex basis */




.uacf7-col-2 {
    flex: 0 0 16.66666%;
}

.uacf7-col-3 {
    flex: 0 0 25%;
}

.uacf7-col-4 {
    flex: 0 0 33.3333%;
}

.uacf7-col-6 {
    flex: 0 0 50%;
}

.uacf7-col-12 {
    flex: 0 0 100%;
}

.uacf7-col-12 label,
.uacf7-col-6 label,
.uacf7-col-3 label,
.uacf7-col-4 label,
.uacf7-col-2 label,
.uacf7-col-12 .wpcf7-form-control,
.uacf7-col-6 .wpcf7-form-control,
.uacf7-col-3 .wpcf7-form-control,
.uacf7-col-4 .wpcf7-form-control,
.uacf7-col-2 .wpcf7-form-control
 {
    width: 100% !important;
    display: block;
    max-height:150px;
}

@media only screen and (max-width: 1024px) {
    .uacf7-row {
        display: flex;
        flex-wrap: wrap;
    }
	.uacf7-col-3,
    .uacf7-col-3,
    .uacf7-col-4,
    .uacf7-col-6,
    .uacf7-col-12 {
        flex: 1 1 100%;
        /* flex: 0 0 100%; */
        max-width: 100%;
        margin-right: 0;
    }
}