/*
 Theme Name:   Ratcliffe Ellis Child
 Theme URI:    https://generatepress.com
 Description:  A customised GeneratePress child theme for Ratcliffe Ellis
 Author:       Hefin Sankala
 Author URI:   https://wpfreelancer.co.uk
 Template:     generatepress
 Version:      0.1
*/


.site-header, .main-navigation.mobile-header-navigation, #generate-slideout-menu {
    /* background-color: #340E3B; */
  /*  color: #ffffff; */
    background-image: linear-gradient(90deg, #1C3145, #09162A 350%) !important;
}


.main-navigation.is_stuck {
    /* background-color: #340E3B; */
  /*  color: #ffffff; */
    /* background-image: linear-gradient(90deg,  #09162A, #09162A 350%) !important; */
      background-image: linear-gradient(90deg, #1C3145, #09162A 350%) !important;
}



/* Footer Link - Clean */
.footer-link a,
.footer-link a:link,
.footer-link a:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.footer-link a:hover,
.footer-link a:focus,
.footer-link a:active {
  color: #ffc300 !important;
  text-decoration: none !important;
}

.footer-SVG-icon-link:hover {
  color: #3F51B5  !important;
}




.menu-toggle > .gp-icon.icon-menu-bars
 {
    font-size: 25px;
}


/* https://generatepress.com/forums/topic/how-to-center-logo-on-mobile/  */
.site-logo.mobile-header-logo  {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.nav-below-header .main-navigation .inside-navigation.grid-container, .nav-above-header .main-navigation .inside-navigation.grid-container {
    padding: 0px 0px 0px 0px !important;
}

@media only screen and (min-width: 1000px) and (max-width: 1230px) {
.menu-bar-items {
    margin-left: auto; /* ensures it’s pushed to the right */
 }
}


@media only screen and (min-width: 700px) and (max-width: 1000px) {
.get-in-contact-top-button {
    display: none !important; /* ensures it’s pushed to the right */
 }
}




.slideout-navigation .main-nav, .slideout-navigation .slideout-widget:not(:last-child) {
     margin-bottom: 0px !important; 
}


.link-text-transform-none a {
    text-transform: none !important;
}




/* Custom Styles for Light Mode WordPress Table (Option 5 - Tonal Blue-Grey) */

/* 🎯 Target the main table and set light base styles */
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    color: #333333; 
    background-color: #FFFFFF; /* Base white background */
    border: 1px solid #CCCCCC; 
}

/* 🛡️ REVISED Header Row Style (DARKER Subtle Accent) */
.wp-block-table table tr:first-child td,
.wp-block-table table tr:first-child th {
    /* NEW DARKER HEADER: Tonal Blue-Grey */
    background-color: #BACDDB !important; 
}

.wp-block-table tr:first-child td {
    font-weight: bold;
    /* Dark text remains on the light header */
    color: #1A2F43 !important; 
    padding: 12px 15px;
    /* Clean separation line remains using your darkest color */
    border-bottom: 2px solid #1A2F43; 
}

/* 🦓 Alternating Row Styles (TONAL Blue-Grey Zebra Striping) */
/* Odd rows use the lighter tonal color */
.wp-block-table tr:nth-child(odd) {
    background-color: #D4E0E8; /* Lighter tone (previous header color) */
}

/* Even rows use an even lighter, almost white, tonal shade */
.wp-block-table tr:nth-child(even) {
    background-color: #E5EEF4; 
}

/* 📏 Cell (TD) Padding and Borders */
.wp-block-table td {
         padding: 10px 15px; 
     border: 1px solid #E0E0E0; 
   white-space: normal !important;      /* allow wrapping at spaces */
    overflow-wrap: normal !important;   /* do NOT break long words */
    word-break: normal !important;     /* default, but explicit */

}

/* 💡 Optional: Subtle hover effect for feedback */
/* Hover should be distinct from row colors, so we'll use a slightly darker blue */
.wp-block-table tr:not(:first-child):hover {
    background-color: #C0D8E9 !important; 
    cursor: pointer;
}



.squiggly-line-underline svg {
    width: 14.5em !important;
}


/*-----------------------------------
 *    Contact Form 7 - Styles 
 *-----------------------------------*/

/* CF7 - White background for all input fields */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    background-color: #fff;
}


.wpcf7-form .wpcf7-submit {
    width: 100%;
}


.wpcf7-not-valid-tip {
  font-weight: bold !important;
  color: #7ca1d4;
}

.wpcf7 form .wpcf7-response-output {
  color: #7ca1d4 !important;
  font-weight: bold !important;
}

form input[type="submit"]:hover {
  background-color: #7ca1d4;
}


input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea {
    width: 100% !important;
}



/*-----------------------------------
 *    Menu - Styles 
 *-----------------------------------*/


.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {
    line-height: 64px !important;
}





.ratcliffe-table {
  margin: 0 20px;
}




.contact-details-link a {
  color: #344b64 !important;
}

.contact-details-link a:hover {
  color: #2682e6 !important;
}


.contact-details-link-icon:hover {
 color: white !important;
 background-color: #3083f6 !important;
}





@media (max-width: 770px) {

  .p-margin-bottom-mobile {
      margin-bottom: 0.5em !important
  }
  
}