* {
		    border: dotted 0px #ff00bb;
		    box-sizing: border-box;
		    margin: 0px;
		    padding: 0px;
		    justify-content: inherit;
		    align-items: inherit;
		    font-family: "Lato", sans-serif;
		    font-style: normal;
		    font-weight: 300;
	    }
/* Typography */	    
	    h1,h2,h3,h4,h5 {
		    font-family: "Playfair Display", sans-serif;
		    font-style: normal;
		    color: inherit;
	    }
	    h1 {font-size: 50px; font-weight: 100;}
	    p {
		    font-family: "Lato", sans-serif;
		    font-style: normal;
		    font-weight: 300;
		    margin: 15px 0;
	    }
	    b, strong {
		    font-weight: 500;
	    }
        .material-symbols-outlined {
          font-variation-settings:
          'FILL' 0,
          'wght' 100,
          'GRAD' 0,
          'opsz' 24
        }
/* Sections */	    
	    section {
		    display: flex;
		    align-items: center;
		    justify-content: center; 
		    min-height: 10vh;
	    }
	    section > div {
		    display: inherit;
		    flex-direction: column;
		    width: 95%;
	    }
	    
	    .overlay {
		    background-color: rgba(0,0,0,0.6);
		    min-width: 100%;
		    min-height: 95vh;
		    padding: 50px 0px;
		    color: white !important;
	    }
	    .column {
		    width: 95%;
		    display: block;
		    padding: 20px;
	    }
	    .column:nth-of-type(2) {
		    background-color: #f0f0f0;
	    }
	    .border {
		    border: solid 1px #3a3a3a;
		    border-radius: 10px;
	    }
	    
	    .header {
		    background-color: white;
		    position: sticky;
		    top: 0;
		    z-index: 999;
		 }
		 
	    .header, .footer { 
		    img {max-width: 200px;}
	    }
	    
	    .socials {
		    color: #3a3a3a;
	    }
	    .socials a, .socials a:active, .socials a:visited  {
		    color: #3a3a3a;
	    }
	    .socials a:hover {
		    opacity: 0.5;
	    }
		.footer {
			a {
				color: white;
			}
			background-color: #3a3a3a;
			border-top: solid 0.5px white;
		}
		 
	    
	    .gallery {
		    background-color: #f0f0f0;
		    padding: 40px 0px;
	    }
	    .grid-masonry-gallery {
		    position: relative;
		    min-height: 50vh;
		    display: grid;
		    align-items: stretch;
		    grid-template-columns: repeat(4, 1fr);
			grid-template-rows: repeat(3, 1fr);
		    grid-column-gap: 5px;
		    grid-row-gap: 5px;
	    }
	    .grid-masonry-gallery img {
		    height: 100%;
		    width: 100%;
		    object-fit: cover;
		    border-radius: 5px;
	    }
		.grid-masonry-gallery-1 { grid-area: 1 / 1 / 4 / 4;}
		.grid-masonry-gallery-2 { grid-area: 1 / 4 / 3 / 5;}
		.grid-masonry-gallery-3 { grid-area: 3 / 4 / 4 / 5;}
		.grid-masonry-gallery-4 { grid-area: 1 / 5 / 2 / 6; display: none;}
		.grid-masonry-gallery-5 { grid-area: 2 / 5 / 4 / 6; display: none;}
		.grid-masonry-gallery-6 { grid-area: 1 / 6 / 3 / 7; display: none;}
		.grid-masonry-gallery-7 { grid-area: 3 / 6 / 4 / 7; display: none;}
	    
	    .button-gallery {
		    display: inline-flex;
		    align-items: center;
		    position: absolute;
		    padding: 8px 10px 8px 0px;
		    bottom: 10px;
		    right: 10px;
		    z-index: 1;
		    font-size: 14px;
		    border: solid 1px #3a3a3a;
		    border-radius: 7px;
		    background-color: rgba(255,255,255,0.9);
		    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
		    color: #3a3a3a;
	    }
	    
	    .button-gallery:hover {
		    background-color: #f0f0f0;
		    border: solid 1px #808080;
		    box-shadow: 0px 0px 0px;
		    color: #3a3a3a;
		    text-decoration: none;
	    }
	    
	    .button-gallery span {
		    padding: 0 7px;
		    font-size: 250%;
	    }
	    
	    .button-gallery span:hover {
		    opacity: 0.8;
	    }
	    #wd-slideshow {
		    display: none;
		}
	    .welcome, .our-farm {
		    display: flex;
		    flex-direction: column;
		    min-height: 60vh;
		    padding: 40px 0px;
		    background-color: #fcfcfc;
	    }
	    .guest-welcome {
		    background-color: #f5f5f5;
		    min-height: 90vh;
	    }
	    .guest-tips {
		    background-color: white;
	    }
	    .accommodation, .experiences {
		    display: flex;
		    flex-direction: column;
		    min-height: 80vh;
		    padding: 0 0;
		    background-attachment: fixed;
		    background-position: center;
		    background-size: cover;
		    color: white !important;
	    }
	    .accommodation {
		    background-image: url('../img/homestead/Master-4-scaled.webp');
		    
	    }
	    .experiences {
		    background-image: url('../img/events/Barn-Wedding-Reception-Table-Setting.webp');
	    }

	    #wd-modal-full {
		    width: 100%;
	    }
	    .grid-gallery-full {
		    display: grid;
		    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		    grid-template-rows: 150px 150px 150px;
		    grid-column-gap: 5px;
		    grid-row-gap: 5px;
	    }
	    
	    .grid-gallery-full img {
	        height: 150px;
	        width: 100%;
	        object-fit: cover !important;
	        border-radius: 5px;
	    }
	    
	    .grid-gallery-full div {
	    }
	    
	    .divider {
		    border-bottom: solid 1px #dcdcdc;
		    margin: 30px 0;
		    width: 100%
	    }
	    	    
	    .uk-inline a {
		    width: 100%;
	    }
	    ul {
		    margin-left: 50px;
		    list-style-type: none;
	    }
	    li {
		    font-family: "Lato", sans-serif;
		    font-weight: 300;
		    line-height: 1em;
		    padding: 10px 0;
	    }
	    .icon-list li::before {
		    font-family: "Material Symbols Outlined";
		    font-weight: 100;
		    font-size: 30px;
		    padding-right: 10px;
		    margin-left: -40px; 
		    vertical-align: middle;
	    }
	    .icon-list li.shoes::before {
		    content: "\f87d";
	    } 
	    .icon-list li.spa::before {
		    content: "\eb4c";
	    } 
	    .icon-list li.fire::before {
		    content: "\ef55";
	    } 
	    .icon-list li.dnd::before {
		    content: "\e644";
	    } 
	    .icon-list li.view::before {
		    content: "\f4c4";
	    } 
	    .icon-list li.door::before {
		    content: "\e77c";
	    } 
	    .icon-list li.accomm::before {
		    content: "\f1f1";
	    }
	    .icon-list li.pets::before {
		    content: "\efb1";
	    }
	    .icon-list li.signal::before {
		    content: "\f0ab";
	    }
	    .icon-list li.farm::before {
		    content: "\ea79";
	    }
	    .icon-list li.nature::before {
		    content: "\ea1c";
	    }
	    .icon-list li.panorama::before {
		    content: "\e40b";
	    }
	    .icon-list li.snow::before {
		    content: "\eb3b";
	    }
	    .icon-list li.celebration::before {
		    content: "\ea65";
	    }
	    .icon-list li.festival::before {
		    content: "\ea68";
	    }
	    .icon-list li.barn::before {
		    content: "\e58b";
	    }
	    .icon-list li.catering::before {
		    content: "\e561";
	    }
	    .spacer-10 {
		    min-width: 10px;
		    display: inline-block;
	    }
	    .spacer-20 {
		    min-width: 20px;
		    display: inline-block;
	    }
	    
	    .logo, .socials {
		    padding: 10px 0px;
	    }
	    .menu-divider {
		    width: 300px;
		    border-bottom: solid 1px #909090;
	    }

	    
	    @media (min-width: 800px) {
		    section div {
			    display: flex;
			    flex-direction: row;
			    max-width: 1120px;
		    }
		    .logo {
			    width: 50%;
			    justify-content: flex-start;
		    }
		    .socials {
			    width: 50%;
			    justify-content: flex-end;
		    }
		    .menu-divider {
			    display: none;
			}
	        .column {
	    	    width: 50%;
		    }
		    .column:nth-of-type(2) {
			    background-color: inherit;
		    }
		    .grid-masonry-gallery {
			    grid-template-columns: repeat(6, 1fr);
		    }
		    .grid-masonry-gallery-4, .grid-masonry-gallery-5, .grid-masonry-gallery-6, .grid-masonry-gallery-7 {
			    display: inherit;
		    }
		    
		    section.welcome div {
		    }
		    #wd-slideshow {
			    display: inherit;
		    }
		    #wd-modal-full {
			    width: 50%;
		    }	    
	    }
	    
/* Modifiers  */

	.accommodation .uk-slideshow-items img {
		border-radius: 5px 5px 0px 0px;
	}
	
	.uk-modal {
		  background: rgba(0, 0, 0, 0.75);
		  border-radius: 5px;
	}
	.uk-modal-container .uk-modal-dialog {
	  width: 800px;
	  border-radius: 5px;
	}
	.uk-table td {
		vertical-align: middle !important;
		font-size: 14px;
	}
	.uk-table svg {
		min-width: 20px;
		min-height: 20px;
	}
	.no-underline {
		text-decoration: none !important;
	}