/*
Theme Name: Cornish Holiday Cottages
Theme URI: https://github.com/
Author: Bob Ross
Author URI: http://remote.ac/
Description: Cornish Holiday Cottages starter theme.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: ucwTheme

ucwTheme WordPress Theme © 2025  
ucwTheme is distributed under the terms of the GNU GPL
*/

/* YOUR CSS */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Schoolbell&display=swap');

.schoolbell-regular {
  font-family: "Schoolbell", cursive;
  font-weight: 400;
  font-style: normal;
}


.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}




body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: "Roboto", sans-serif;
}
/* TYPOGRAPHY */
p
{
	 font-family: "Roboto", sans-serif;

}
h1
{
   font-family: "Schoolbell", cursive;
 }

 h2
{
      font-family: "Schoolbell", cursive;
 }

 h3
 {
       font-family: "Schoolbell", cursive;
  }

/* PAGE LAYOUT */

#wrapper {
display: grid;
grid-template-columns: 1fr 1600px 1fr;
grid-template-rows: 180px 1fr 80px;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

#header { grid-area: 1 / 1 / 2 / 4; background-color: red; }
#container { grid-area: 2 / 2 / 3 / 3; background-color: blue; min-height: 80vh; }
#footer { grid-area: 3 / 1 / 4 / 4; background-color: green;}




/* MENU / NAV */

#menu
{
background-color: yellow;
	color:red;

}

#menu-main-menu > .menu-item
{
display:inline-block;
	min-width: 120px;
	text-align: center;
	background-color:grey;
}

#menu-main-menu > .menu-item > a 
{
 color: white;
}

#menu-item-51 > a > span > img
{
	width: 200px;
	height: 80px;
	
}

#menu-main-menu > .menu-item > a:hover, #menu-main-menu > .menu-item > a:active
{
color: pink;
}