/*    Standard HTML     */
 
:root{
  --primeBackGround: #ffffff;
  --primeColour:#4caac9;
  --xprimeColour:green;

  --tri2Colour:#779F4A;
  --tri3Colour:#9F4A77;

  --primeColourDark: #333333;
  --primeColourLight: #f2f2f2;

  --textColour: #333333;
  --xtextColour: maroon;
  --textColourBright: #cccccc;
  --siteToneGrey: #666666;

  --siteMainMenuColour: var(--primecolourBright);
  --siteMainMenuBG: var(--primeColourDark);

  --siteHeadingColour: var(--primeColour);
  --siteHeadingHover: #ff6347;
  --siteHeadingBG: var(--primecolour);

  --sixtyLindenColour: #4792ab;


  --panelTextColour: var(--textColour);
  --panalBackGround: var(--primeColour);
  --xprimeColour: maroon;
}

/*

var(--primeBackGround)
var(--primeColour)
var(--primeColourDark)
var(--primeColourLight)
var(--textColour)
var(--textColourBright)
var(--siteToneGrey)


*/

html {
  background: var(--primeBackGround);
}

body {
  background: var(--primeBackGround);
  color: var(--textColour);
  xcolor: red;
}

.fullPage h3 {
color: var(--primeColour);
}


H1 {
  color: var(--primeColour);
}

h2 {
  color: var(--primeColour);
}

H3 {
  color: var(--primeColour);
} 

H4 {
  color: var(--primeColour);
} 

H5 {
  color: var(--primeColour);
  xcolor: gold;
} 

a {
  color: var(--siteGreyTone);
}

a:hover {
  color: var(--primeColour);
}

/*    Site Grids     */

.feedbackCell {
  color: var(--textColour);
  xcolor: blue;
}


/*    Site Buttons     */


.inTextButton1 {
  background-color:var(--primeColour);
  color: var(--primeBackGround);
}

.inTextButton1 a { 
  background-color: var(--primeColour);
  color: var(--primeBackGround);
}

.inTextButton1:hover a {
  background-color: lightblue;
  color: var(--primeBackGround);
}


.inTextButton3 {
  background-color:var(--primeBackGround);
  color: var(--primeColour);
}

.inTextButton3 a { 
  background-color: var(--primeBackGround);
  color: var(--primeColor);
}

.inTextButton3:hover a {
  background-color: lightblue;
  color: var(--primeBackGround);
}

.inTextButton2 {
  background-color:transparent;
  color: var(--primeColour);
  color: white !important;
  border-color: var(--primeColour);
}

.inTextButton2:hover {
  background-color: var(--primeColour);
  xbackground-color: red;
  color: var(--primeBackGround);
  xcolor: white;

}

#blockbutton {
  color: var(--primeColourDark);
}

.blockbuttontext {
  color: var(--primeColour);
}

A.blockbuttontext {
  color: var(--primeColour);
  color: var(--primeColour);
  border : var(--primeColour) solid 2px;
}

A.blockbuttontext:hover {
  background-color: var(--primeColourLight);
  color: var(--primeColour);
}

#blockbuttonB {
  color: var(--primeBackGround);
  xbackground: var(--primeColour);
}

.blockbuttontextB {
  background: var(--primeColour);
  color: var(--primeBackGround);
}

A.blockbuttontextB {
  color: var(--primeBackGround);
  border : var(--primeColour) solid 2px;
}

A.blockbuttontextB:hover {
  background-color: lightblue;
  color: var(--primeBackGround);
}


/* Site Heading Blocks  */

.headerBlock1 {
    background: var(--primeBackGround);
}

.headerBlock2 {
  background: var(--primeColour);
}

.headerBlock2 h2 {
  color: var(--primeBackGround);
}

.headerBlock3 {
  background: var(--primeColourLight);
  color: var(--primeColour);
}

.headerBlock3 h2 {
  color: var(--primeColour);
}

.headerBlock4 {
  background: transparent;
}

.headerBlock5 {
  background: transparent;
}


.textCellBlock1{
  background: transparent;
}

.textCellBlock2{
  background: transparent;
}


.textBlock1{
  background: transparent;
  color: var(--primeColourDark);
}

.textBlock2{
  background: transparent;
  color:  var(--primeBackGround);
}

/* The Rename with x has me baffled  */
.xtextBlock3{
  background: transparent;
  color:  var(--textColour);
}


.textBlock4{
  background: transparent;
}

.textBlock5{
  background: transparent;
}





.subnav-content{
color: var(--sixtyLindenColour);
}

.Sfullpage {
  background:var(--primeBackGround) ;
}

.occasion-inner-text {
  background: var(--primeBackGround);
}

.siteheading {
  color: var(--siteHeadingColour);
}
.siteheadingsmall {
  color: var(--siteHeadingColour);
}


.sitehighlight {
  color: var(--siteHeadingColour);
}

.centresiteheading {
  color: var(--siteHeadingColour);
}
.centresiteheadingsmall {
  color: var(--siteHeadingColour);
}

.Visitgrid-container {
  background: var(--primeBackGround);

}


ul.services {
  color: var(--textColour);
}

ul.panels {
  color: var(--panelTextColour);
}

.panelbg {
  background:#ebf5d6 !important;
}

figcaption { 
  color: green;
}

.paneltop {
  xbackground: red;
}

.rangepanel a:link, .rangepanel a:visited {
  color : var(--siteToneGrey);
}

.rangepanel a:hover {
  color : limegreen;
}

.right-header {
  color: var(--primeColour);
  background: var(--primeColourLight);

}


#right-inner {
  background: var(--panalBackGround);
  color: var(--textColour);
}

#right-inner a:link, #right-inner a:visited {
  color: var(--textColour);
}

#right-inner a:hover {
  color: var(--textColourBright);
}

.wmfooter-container{
  background: #58595c;
  background: var(--primeColourDark);
}

.webme {
  color :var(--textColourBright);
}

.webme a:link, .webme a:visited {
  color: var(--textColourBright);
}

.webme a:hover {
  color: var(--primeBackGround);
}

.copyright {
  color: var(--textColourBright);
}

.copyright a:link, .copyright a:visited {
  color: var(--textColourBright);
}

.copyright a:hover {
  color: var(--primeBackGround);
}

.small-heading{
  color: var(--textColour);
}



/*     Structure Style      */


#header ul li a:hover {
  xbackground:red;
  color:var(--textColourBright);

}


#header ul li a.active,
#header ul li a.active:hover {
  color: var(--textColour);
  background: var(--primeBackGround);
}

#page-panel-image {
  background: var(--primeBackGround);
}

#layoutdims {
  background: var(--primeBackGround);
}

.col1{
  color: var(--textColour);
}


.rightmenu .colleft {
  background: var(--primeBackGround);
}

.rightmenu {
  background: var(--primeBackGround);
}

.footerGrid {
  background: var(--primeColourDark);
  color: var(--primeColourLight);
}


.panels {
  color: var(--textColour);
}

.panels a ul {
  color: var(--textColour);
}

.panels a:hover{
  color: var(--primeColour);
}

ul.panels {
   color:var(--textColour) ;
}

.services {
  color: var(--textColour);
}

.services a {
  color: var(--primeColourLight);
}

.services a:hover{
  color: var(--primeColour);
}

ul.services {
   color: var(--textColour);
}



/*      Main F-Menu's       */



.F4-menuGrid {
  background: var(--primeColourDark);
}


.F4-navbar {
  background: var(--primeColourDark);
}

.F4-nav-link {
  color: var(--textColourBright);
}

.F4-nav-item:hover .F4-nav-link {
  background: var(--primeColourDark);
  color:var(--primeColour);
}

.F4-nav-link.F4-active::before {
  background-color: var(--primeColour);
  xcolor: red;
}

.F4-dropdown-menu {
  background: var(--primeColour);
}

.F4-dropdown-link {
  color:var(--primeBackGround);
}

.F4-dropdown-link:hover {
  background-color: lightblue;
  color: var(--primeBackGround);
} 

/*    End F4 menu

.nav {
  background: var(--primeColourDark);
  color: var(--textColourBright);
}

.nav__menu ul{
  background: var(--primeColourDark);  
}

.nav__menu ul li a {
/*background: var(--primeColour);  */
  color: var(--textColourBright);
}

.nav__menu a:hover {
  color: var(--primeColourLight);
}




.nav{
  background: var(--primeColourDark);
  color: var(--textColourBright);
}


.nav ul{
  background: var(--primeColour);
  color: var(--textColourBright);

}

.nav li{
    display:inline;
    width: 10%;

}
.nav a{
  background: var(--primeColour);
  color: var(--textColourBright);

}

.nav a:hover {
  color: var(--primeTextLight);
}


/* Menu-style-3 */

/*
.subnav {
  float: left;
  overflow: hidden;
}
*/

.subnav .subnavbtn {
  color: var(--textColourBright) ;
  background-color: inherit;
}

.navbar {
  background-color:var(--primeColourDark) ; 
}

.navbar a {
  color: var(--textColourBright);
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color:var(--primeColourDark) ;
  color:var(--sixtyLindenColour) ;
}

.subnav-content {
  background-color: rgb(90,90,90,.7);
}

.subnav-content a {
  color: var(--sictyLindenColour);
}

.subnav-content a:hover {
  background-color:var(--primeColour) ;
  color: var(--textColourBright);
}

/*
.subnav:hover .subnav-content {
  display: block;
}
*/

/* End Menu-style-3 */

.B-TextBlock{
  color:var(--primeColour);
}  



/*     F-Footer     */

.Fcolmask {
  background: #49484E;	
}

.Fcol1 a,
.Fcol2 a,
.Fcol3 a {
  color:var(--textColourBright);
}



.Fcol1 a:hover,
.Fcol2 a:hover,
.Fcol3 a:hover {
  color: var(--primeBackGround);
}




#Phone-Menu li a {
  border-color: var(--textColourBright);
}

/*      F-Single Mobile Layout     */

#Mlayoutdims {
  background: var(--primeBackGround);
}

.mfullpage {
  background: var(--primeBackGround);	
}
 

/*      Main F-Mobile Phone    */

#Playoutdims {
  background: var(--textColour);
}

.PhoneBG {
  background: var(--primeBackGround);
}

.PhoneButton {
  background: var(--primeColour);
}

.PhoneButton a {
  color: var(--textColourBright);
}

.PhoneButton a:link, .PhoneButton li a:visited {
  color: var(--textColourBright);
}

.PhoneButton a:hover {
  background-color:var(--siteToneGrey);
  color: var(--textColourBright);
}

.PhoneButton a {
  border-color: var(--textColourBright);
}

.PhoneButton a:active {
  color: var(--textColourBright);
}

.Pthreecol {
  background: var(--primeColour);
}


.faqsiteheading {
  color: #6c4913;
  color: var(--textColour);
}


A.faqsiteheading {

}

  A.faqsiteheading:hover {
  color: var(--primeColour);
}


/* Gallery  */

.single-pics-Fgallery figcaption { 
  color: var(--tri2Colour);
}

.single-pics-Fgallery:hover {
  background: var(--tri3Colour);
}

/*     */

.form-button {
  background : var(--primeColour);
  color: var(--primeColourLight);
}



.form-button  a
{
  color: var(--primeColourLight);;
}

.form-button a:hover
{
  color: var(--textColourBright); 

}




.form-centre-inner {
  background: var(--primeColour);
  color: var( --textColour);
}

.form-centre-inner h4 { 
  color: var( --textColour);
}

.iq-Mta {
  color:var(--textColourBright) ;
}

.iq-Mta h4 {
  color: green;
}

.iq-ta {
  color:var(--textColourBright);
} 

@media only screen and (min-width: 600px) {
  .right-header {
    color: var(--textColourBright);
  }
}