/*
Theme Name:   The Wold Cottage
Theme URI:    https://www.woldcottage.co.uk/
Description:  The Wold Cottage
Author:       IT Solutions Yorkshire
Author URI:   https://www.itsolutionsyorkshire.uk/
Version:      1.0.0
Template:     Divi
*/

/* FONTS */
p, li, .et_pb_text_inner {font-family: "playfair-display", serif; font-weight: 400; font-style: normal; font-size: 16px;}
h1 {font-family: "playfair-display", serif; font-weight: 900; font-style: normal;}
h2, h3, h4, h5, h6, .et_pb_button, .mobile_menu_bar {font-family: "playfair-display", serif; font-weight: 700; font-style: normal;}

/* Apply styles only on desktop screens */
@media (min-width: 992px) {
	/* Divi Engine Reverse Every nth Loop Columns in Divi Machine */
.de-reverse-columns .divi-filter-archive-loop .dmach-grid-item:nth-child(2n) .et_pb_row { /* This will reverse every 2nd loop, change 2n to 3n for every 3rd loop etc */
    display: flex; /* Sets column layout to flex */
    flex-direction: row-reverse; /* This reverses the columns */
}
    /* Style the menu container */
    .primary-menu {
        display: flex;
        justify-content: center; /* Center the menu items horizontally */
        align-items: center; /* Align items vertically to the center */
        list-style: none; /* Remove default list styling */
        padding: 0; /* Remove default padding */
        margin: 0; /* Remove default margin */

    }

    /* Style each menu item */
    .primary-menu li {
        margin: 0 10px; /* Add some spacing between menu items */
        list-style: none; /* Remove default list item styling */
    }

    /* Style the menu links to look like buttons */
    .primary-menu li a {
        display: flex; /* Use flexbox for the link itself */
        align-items: center; /* Vertically center the text within the button */
        justify-content: center; /* Center the text horizontally within the button */
        padding: 10px!important; /* Ensure 20px padding on all sides */
        border-radius: 10px; /* Rounded corners */
        background-color: #709bb3; /* Background colour */
        color: #ffffff; /* Text colour */
        text-decoration: none; /* Remove underline */
        transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition */
        box-sizing: border-box; /* Include padding in the element's total width and height */
        line-height: 1; /* Set line height to 1 to ensure even spacing */
        height: auto; /* Ensure the height doesn't stretch */
		font-size:20px!important;
    }

    /* Style the menu items on mouse hover */
    .primary-menu li a:hover {
        background-color: #2c5a73;
        color: #ffffff;
		font-size:20px!important;
    }
}
.mobile_menu_bar:after {
 position: relative !important;
 content: 'Menu';
 bottom: 8px;
 left: 10%;
 color: #ffffff!important;
}
.w3w {
  color: #ffffff;
  background: #E11F26;
  padding: 10px;
  text-decoration: none;
	border: 2px solid #E11F26;
	border-radius:10px;
  transition: background 0.3s ease, color 0.3s ease;
}

.w3w:hover {
  background: #ffffff;
  color: #E11F26;
	border: 2px solid #E11F26;
	border-radius:10px;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
a {text-decoration:none!important;}
.dmach-seperator { display:none;}