/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: TheBrand
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */





/* Center Logo For Mobile Devices */
@media only screen and (max-width: 400px) {
	#site-header #site-logo {    
		float: none !important;    
		display: block !important;    
		text-align: center !important;    
		width: 100% !important;
		max-width: none !important;
	}
	#site-logo #site-logo-inner {    
		display: block !important;
		height: auto !important;
	}
}

/* This part centers the mobile menu toggle */
.oceanwp-mobile-menu-icon {
    float: none !important;
    right: auto !important;
    text-align: center !important;
}


/* Reduce h1 size on mobile phones */
@media only screen and (max-width: 500px) {
h1 {
	font-size: 20px !important;
	line-height:25px !important;
	}
}



/* Reduce Large h1 size on mobile phones */
@media only screen and (max-width: 500px) {
h1.wp-block-heading.has-text-align-center.has-large-font-size {
	font-size: 25px !important;
	line-height: 30px !important;
	}
}



/* Hide pipe and indent next to widget titles in footer */
h4.widget-title {
border: none;
padding-left: 0;
}



/* Add space at sides of footer widgets */
#footer-widgets .footer-box .footer-widget {
	padding: 0px 20px	!important;
}





/* Add background image to footer widget area */
#footer-widgets {
	background: url(https://simplyretail.co.uk/wp-content/uploads/2025/09/ContactImageFaded.jpg) !important;
    background-repeat: no-repeat !important; 
     background-size: cover !important; 
	background-position: left top !important;
}




/* Change centering and padding for posts block in news & events block on welcome page */
.wp-elements-801378016cb42045758612e4aff125a8{
	text-align: center !important;
	padding-top: 30px !important;
	padding-right: 60px !important;
	padding-bottom: 30px !important;
	padding-left: 40px !important;
}




/* Apply drop shadow to FAQ box columns. Note CSS class is specifiesw in page Block Advanced */

.QABlock{
	text-align: center !important;
	padding-top: 30px !important;
	padding-right: 60px !important;
	padding-bottom: 30px !important;
	padding-left: 40px !important;
}


.QABlockInner{
	text-align: center !important;
	padding-top: 30px !important;
	padding-right: 60px !important;
	padding-bottom: 30px !important;
	padding-left: 40px !important;
	box-Shadow: 1px 1px 20px 1px #BBBDBF
}



	
/* Add spacing around Welcome page news block images CSS class set in page advanced*/
.WelcomePostPaddingD img {
  padding-top: 10% !important;
  padding-right: 10% !important;
  padding-bottom: 10% !important;
  padding-left: 10% !important;
  border-radius: 20% !important;
  border: 5px solid #555;
}




/* Add spacing around news block CSS class set in page advanced*/
.NewsBlockSpacingD {
  padding-top: 50px !important;
  padding-right: 16% !important;
  padding-bottom: 50px !important;
  padding-left: 16% !important;
}




/* Remove underline from News & Events Page titles CSS class set in page advanced*/
.NewsTitleLinkD a {
  text-decoration: none !important;
  color: black !important;
}




/* Remove underline from News & Events block on Welcome page titles CSS class set in page advanced*/
.NewsTitleLink2D a {
  text-decoration: none !important;
  color: white !important;
}



/* Adjust top padding on page block for mobile only (need to add html anchor) */
@media only screen and (max-width: 500px) {
   .BlockPaddingTop1 {
      padding-top: 10%;
   }
}

/* Adjust bottom padding on page block for mobile only (need to add html anchor) */
@media only screen and (max-width: 500px) {
   .BlockPaddingBottom1 {
      padding-bottom: 10%;
   }
}