/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


@font-face {
    font-family: 'tex_gyre_herosregular';
    src: url('https://shieldaigsteading.co.uk/wp-content/themes/generatepress_child/fonts/texgyreheros-regular-webfont.woff') format('woff');  
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tex_gyre_italic';
    src: url('https://shieldaigsteading.co.uk/wp-content/themes/generatepress_child/fonts/texgyreheros-italic-webfont.woff') format('woff');  
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tex_gyre_bold';
    src: url('https://shieldaigsteading.co.uk/wp-content/themes/generatepress_child/fonts/texgyreheros-bold-webfont.woff') format('woff');  
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'tex_gyre_bolditalic';
    src: url('https://shieldaigsteading.co.uk/wp-content/themes/generatepress_child/fonts/texgyreheros-bolditalic-webfont.woff') format('woff');  
    font-weight: normal;
    font-style: normal;

}
/*
 *  Override font defaults
 */
a {color:black}
a:hover {color:#00f744}

/*
 *  Hide copyright info
 */

footer.site-info {
display: none;
}

/*
 *  Footer Styling
 */

.footer-widgets p {line-height:1.5 !important;	letter-spacing:0.5px;}
.footer-widgets-container.grid-container {background:white;max-width:100%}
.site-footer .footer-widgets-container .inner-padding {padding:0 0 0 0px !important}
.footer-widgets-container {padding-bottom:5px;padding-left:15px;padding-right:20px}
.site-footer .footer-widgets-container .inside-footer-widgets {margin-left:0px}

.footer-widgets .footer-widget-1 {flex-basis: 40%;align-self:flex-end}
.footer-widgets .footer-widget-2 {flex-basis: 12.5%;flex:none;margin-right:50px}
.footer-widgets .footer-widget-3 {flex-basis: 16.25%;flex:none;margin-right:70px}

.footer-widgets .footer-widget-4 
{
place-self: flex-end;
    flex: auto;
    display: flex;
    flex-basis: ;
    align-items: center;
    justify-content: flex-end;
}



.footer-widgets .footer-widget-5 {flex-basis: 11.25%;flex:none;margin-left:80px;align-self:flex-end;}

#block-8{font-family: "neue-haas-grotesk-text", sans-serif;
font-weight: 300;}

.btp p{text-align:right}

/*
 *  Footer Styling FONTS
 */

.sidebar .widget, .footer-widgets .widget {font-size:13.5px;font-family:'spazio';letter-spacing:0.3px;line-height: 1.4;}

/*
 *  Scroll To Top Styling
 */
a.smooth-scroll {color:black}
.smooth-scroll:hover {color:#00f744 !important}

/*
 *  Rigid Widgets
 */
.flexnone{flex:none}
/*
 *  Social Media icon fix - align 
 */
.widget ul li {margin-bottom:0}


/*
 *  Footer Hide The Goods
 */

span.rev { unicode-bidi:bidi-override; direction:rtl }
span.rev.shesabelter:before { content:"ku.oc.gnidaetsgia" }
span.rev.shesabelter:after { content:"@sgnikoob" }

span.rev.ohmichael:before { content:"yriuqne ruoy" }
span.rev.ohmichael:after { content:"iamE" }

span.rev.findingnemo:before { content:"orhcadaB" }
span.rev.findingnemo:after { content:"giadleihS" }

span.rev.findingnemo2:before { content:"NA2 12" }
span.rev.findingnemo2:after { content:"retseW" }

.shesabelter{text-transform:lowercase}

/*
 *  OLD MANS BRICK
 */
span.rev.nuts:before { content:"5885 964" }
span.rev.nuts:after { content:" 44+" }

span.rev.toasting:before { content:"" }
span.rev.toasting:after { content:"laC" }


/*
 *  hideborderline-onsticky-nav
 */

.sticky-enabled .main-navigation.is_stuck {
    box-shadow: 0 2px 2px -2px rgb(0 0 0 / 0) !important;
}


/*
 *  SCROLLBAR STYLE 3
 */

body::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #4d4c4c;
}

body::-webkit-scrollbar
{
	width: 6px;
	background-color: #4d4c4c;
}

body::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

/* HERO GALLERY HOME a <div> is already 100% wide,
   so we specify only the height,
   and ensure that any lengths
   are calculated to include
   border-width, padding and margin
   using the box-sizing property: */
.fullpage {
  height: 100vh;
  box-sizing: border-box;
	background:white
}


@keyframes fade {
0%   { opacity: 0; }
3.7%   { opacity: 0; }
11.1%   { opacity: 1; }
14.8%  { opacity: 1; }
18.5%  { opacity: 1; }
22.2%  { opacity: 1; }
25.9%  { opacity: 1; }
29.6%  { opacity: 1; }
33.3%  { opacity: 1; }
37%  { opacity: 0; }
40.7%  { opacity: 0; }
100% { opacity: 0; }
}

.fadein img { 
    opacity:0; 
    animation-name: fade; 
    animation-duration: 27s; 
    animation-iteration-count: infinite; 
    position:absolute; 
    left:0; 
    right:0; 
	/* Imagesizing- */
   object-fit: cover;
    width: 100%;
    height: 100%;
		/* Whiteborder- */
	padding:9px;
  
}

.fadein img:nth-child(1) { animation-delay: 0s; }
.fadein img:nth-child(2) { animation-delay: 9s; }
.fadein img:nth-child(3) { animation-delay: 18s; }


/* NAVIGATION Fix current color class */

.main-navigation .main-nav ul li[class*="current-menu-"] > a {color:#00f744 !important}


/* NAVIGATION - OVERLAP WITH GALLERY */

.main-navigation, .main-navigation ul ul {
	margin-top:-35px;
	position:relative;
}

/* NAVIGATION - MENU HEIGHT */

.main-navigation .main-nav ul li a {line-height:38px !important; }



.main-navigation a {letter-spacing:4px;}

.main-navigation .main-nav ul li>a,
.main-navigation .main-nav ul li:hover>a {
    transition: color 0.3s ease-in;
}

.main-navigation .main-nav > ul > li:not(:last-child) > a {
}

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {padding-left:20px !important;padding-right:20px!important;}


/*Amended Color Nav Items for GP Smooth Scroll*/

.main-navigation.navigation-stick .main-nav ul li a {
    color:black;
}
.main-navigation.navigation-stick .main-nav ul li a:hover{
    color:#00f744;
}

.main-navigation.navigation-stick .main-nav ul li.activehtml a{
    color:#00f744;
}

.main-nav ul li.activehtml a{
    color:#00f744;
}

.activehtml a{
    color:#00f744;
}

/*Mobile OffCanvas Styling - Hamburger menu*/
.gp-icon, .icon-menu-bars svg{height:1.5em;width:1.5em}

/*Mobile OffCanvas Fill Gap full height*/
#generate-slideout-menu {height:110%!important}

.slideout-navigation.main-navigation .main-nav ul li a {font-size: 60px !important;text-transform:uppercase !important}

/*Mobile OffCanvas Menu Items spacing*/
#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {margin-top:30px;}

/*Mobile OffCanvas x closebutton*/
.slideout-navigation button.slideout-exit{left:15%;margin-top:30px;}

.slideout-navigation.do-overlay .slideout-exit {text-align:none !important;position:static !important}

/*Mobile menu align text left*/
#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {text-align:left !important;flex;align-items:flex-start !important}

*{
/* Prevent any object from being highlighted upon touch event*/
-webkit-tap-highlight-color: rgba(0,0,0,0); }

	/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
	.slideout-navigation.main-navigation .main-nav ul li a {font-size: 47px !important;}

	/*Mobile OffCanvas Menu Items spacing*/
#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {margin-top:15px;align-items:flex-start !important}
	
	.slideout-navigation button.slideout-exit{left:10%;margin-top:0px;}
	  .slideout-navigation.do-overlay .slideout-exit {top:-5% !important}
	  
		/*ViewPort Fix for Mobiles*/
.fullpage{height:0;min-height:-webkit-fill-available}
	  
	  .slideout-navigation.do-overlay .inside-navigation {margin-top:25%; display: flex;align-items:flex-start !important}
	  
	  /*Hide Back to top*/
	  .footer-widgets .footer-widget-5 {display:none}
	  }

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	  .slideout-navigation.main-navigation .main-nav ul li a {font-size: 47px !important;}

	/*Mobile OffCanvas Menu Items spacing*/
#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {margin-top:15px;}
	
	.slideout-navigation button.slideout-exit{left:10%;margin-top:0px;}
		/*ViewPort Fix for Mobiles*/
.fullpage{height:0;min-height:-webkit-fill-available}
	  	}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	.slideout-navigation.main-navigation .main-nav ul li a {font-size: 35px !important;}

	/*Mobile OffCanvas Menu Items spacing*/
#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {margin-top:15px;}
	
	.slideout-navigation button.slideout-exit{left:10%;margin-top:0px;}
	  .slideout-navigation.do-overlay .slideout-exit {top:-5% !important}
	  
		/*ViewPort Fix for Mobiles*/
.fullpage{height:0;min-height:-webkit-fill-available}
	  .slideout-navigation.do-overlay .inside-navigation {margin-top:25%}
	  		
	  /*Hide Back to top*/
	  .footer-widgets .footer-widget-5 {display:none}

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .slideout-navigation.main-navigation .main-nav ul li a {font-size: 35px !important;}

	/*Mobile OffCanvas Menu Items spacing*/
#generate-slideout-menu.do-overlay .slideout-menu li, .slideout-navigation.do-overlay .inside-navigation {margin-top:15px;}
	
	.slideout-navigation button.slideout-exit{left:11%;margin-top:0px;}
		/*ViewPort Fix for Mobiles*/
.fullpage{height:0;min-height:-webkit-fill-available}
	  		  }

/* Stop Stacking my footer widgets */
@media (max-width: 768px) {
	
	.inside-footer-widgets{flex-direction:unset}; 
	}
/* Hide Widgets for mobile */
@media (max-width: 1035px) {
	.footer-widgets .footer-widget-1{display:none !important}
	.footer-widgets .footer-widget-2{display:none !important}

.inside-footer-widgets {
    display: -webkit-inline-box !important;
	float:right
}
	.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets{height:35px;}
	.footer-widgets .footer-widget-5{margin-top:auto;margin-bottom:auto}
	
}

/* Fix social media widgets being stacked ontop of each other in footer */
.widget ul li {float:left !important}

/* Home Page Layout */

.entry-header {color:white}

.gb-grid-wrapper {justify-content:flex-end}

.gb-grid-wrapper .gb-grid-column-a25677be {width:100% !important}

.margintop{margin-top:100px !important}
.marginright{margin-right:35px !important}
.marginleft{margin-left:40px !important}
.margintoppers{margin-top:100px !important}


nav a.activehtml {
  color: green;
}


/* Make Home Page Slideshow to STICKY! - content flows over */

.fullpage{position: sticky; top:0;}

.full-width-content .container.grid-container {position: relative !important;}

.site-footer {position:relative}

/* FIRST SECTION OF ABOUT CONTAINER */

.aboutpartone {}

/* Typography */


/* Indentation Paras */

.introtext p:first-child {text-indent: 0}

.introtext p {text-indent: 2em;margin-bottom:0 !important}

p {
font-weight: 300;
font-style: normal;
	letter-spacing:0px;
word-spacing:0em;
line-height:1.2;
}

/* Border Lines */

.site-footer {border-top: solid;
    border-top-width: 0.25px}

.contact-simple {border-top: solid;
    border-top-width: 0.25px}

/* Contact Listing */

ul {
  list-style-type: none;
}

/* Footer Information and Contact Box */
.footer-widgets .footer-widget-1 {place-self:flex-end}
.footer-widgets .footer-widget-2 {place-self:flex-end}
.footer-widgets .footer-widget-3 {place-self:flex-end}
.footer-widgets .footer-widget-4 {place-self:flex-end}

.wpcf7 {margin-bottom:50px;}

.wpcf7 textarea {font-family:'tex_gyre_herosregular' !important}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {font-family:'tex_gyre_herosregular' !important}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {font-family:'tex_gyre_herosregular' !important}


.wpcf7-textarea {
    resize: none;
    overflow: hidden;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 50%;
	border-bottom: solid;
    border-bottom-width: 0.25px;
	border-top:none;
	border-right:none;
	border-left:none;
	font-size:15px
}

.wpcf7 input[type="email"],
.wpcf7 textarea
{
   width:45%
}

.wpcf7-text:focus, .wpcf7-textarea:focus {
outline:none;
}

/* Telephone Field Match style */
.input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea 
{
	background-color: #fff;
    color: #000;
    width: 50%;
	border-bottom: solid;
    border-bottom-width: 0.25px;
	border-top:none;
	border-right:none;
	border-left:none;
	font-size:15px;
	padding:0px;
	padding-bottom:10px;
	letter-spacing:0.8px;
}
.enquiryform {padding-top:50px !important; overflow-y:auto;resize: vertical;
}

.wpcf7 input[type="email"],
.wpcf7 textarea
{
   width:70%
}

.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {width:70%}

.wpcf7 input[type="text"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width:70%;
	 height: auto;
  transition: height 0.3s ease;
		padding:0px;
}

.wpcf7-submit {
}

.wpcf7-form input[type="submit"] {
    background-color: none;
    color: black;
    border: none;
	margin-left:-50px;
	top:-20px;
	position:relative;
	font-family: system-ui;
	font-size:15px;
}

.wpcf7-form input[type="submit"]:hover {
    color: #00f744;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {padding:0;padding-bottom:10px;
    letter-spacing: 0.8px !important;}

/* ALL placeHOLDER text BLACK */

::-webkit-input-placeholder { /* WebKit browsers */
color: #000 !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #000 !important;
opacity: 1;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    height: 5px;
}


.wpcf7 form.sent .wpcf7-response-output {
    border-color: none !important;
	    border: none !important;
	    color: #00f744;
font-family: 'neue-haas-grotesk-display';
font-weight: 400;
    font-size: 15px;
    font-style: normal;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
	text-decoration: underline;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	border-color: none !important;
	    border: none !important;
	    color: red;
font-family: 'neue-haas-grotesk-display';
font-weight: 400;
    font-size: 15px;
    font-style: normal;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
	text-decoration: underline;
	}

/* All CF7 validation error messages */
.wpcf7-not-valid-tip {
    color: grey; /* change to whatever you want */
    font-size: 10px;
	margin-top:10px;
}

/* The input field itself when invalid */
.wpcf7-not-valid {
    border-color: grey;
}

/* Response output message at the bottom */
.wpcf7-response-output {
    color: grey;
}


/* CONTACT FORM FOR BOOKINGS PAGE */
.flexiblecontactform {}
.rownumero1{display: flex;flex-direction: row;flex-wrap: wrap;}
.rownumero2{display: flex;flex-direction: row;flex-wrap: wrap;}
.box1 {}
.box2 {}

/* BOOK NOW BUTTON */

.gb-button-5683e85a {
    display: inline-flex;
    color: #ffffff;
    padding: 0px !important;
    border-radius: 50%;
    width: 110px;
    height: 110px;
    align-items: center;
    justify-content: center;
	margin-bottom:20px !important
}

/* FOOTER FLEX ITEMS */

.footer-widgets .footer-widget-2 {
    place-self: flex-end;
    flex-direction: row;
    margin-right:100px;
    flex-wrap: revert;
    display: flex;
}

.site-footer .footer-widgets-container .inner-padding {margin-bottom:12px}

/* FOOTER FLEX ITEMS spacing between contact info */
.whitemargin {margin-right:100px}

.footer-widgets .footer-widget-1 {
    place-self: flex-end;
    margin-left: 10px;
}

/* Typography footer */
.rev {letter-spacing:0.5px;}

.grecaptcha-badge { 
visibility: hidden; 
}

/* HEADER ANIMATED ARROW */

  .arrow-container {
            
        }

.arrow {
    transition: transform 0.1s ease-in-out;
}

      .arrow {margin-bottom:3px; /* reposition arrow to look centred */
        width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 20px solid black;
            transform-origin: center;
		              opacity: 1; /* Default opacity */
            transition: transform 0.1s ease-in-out, border-bottom-color 0.3s ease, opacity 0.3s ease; /* Smooth transition for hover-in and hover-out */

        }
 /* Hover state for the arrow */
        .arrow:hover {
            border-bottom-color: #00f744;  /* Change the color to green */
            opacity: 1;  /* Ensure it's fully visible on hover-in */
        }

        /* Change the cursor to a hand */
        .arrow:hover {
            cursor: pointer;
        }

        .arrow::before {
            content: '';
            position: absolute;
                margin-left: -10px;
    margin-top: 3px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 20px solid white;
        }

        /* central menu item central */
.centralmenu {
	position:absolute;
	left:42%;
display: flex;
align-items: center;}
.accommodation {margin-left:12px}
.accommodation a.activehtml a{
    color:#00f744;}

.accommodation a:active{color:#00f744;}

        /* Experimenting with new nav */

#central-menu-item {
  transition: color 0.5s ease, opacity 0.5s ease;
  opacity: 0;
}

#central-menu-item.fade-in {
  opacity: 1;
}

#central-menu-item.black-text {
  color: black;
}

#central-menu-item.green-text {
  color: #00f744;;
}
#central-menu-item:hover{
	color: #00f744;;}