/*    Standard HTML     */
 
:root{
  --primeBackGround: #fdf0e8;
  --primeColour:#35a6ed;
  --primeColourDark: #696969;
  --primeColourLight: #aaaaaa;
  --textColour: #314e68;
  --textColourBright: #ffffff;
  --siteToneGrey: #666666;
  --siteMainMenuColour: var(--primecolourBright);
  --siteMainMenuBG: var(--primecolour);
  --siteHeadingColour:  #eb6714;
  --siteHeadingHover: #ff6347;
  --siteHeadingBG: var(--primecolour);
  --panelTextColour: var(--textColour);
  --panalBackGround: var(--primeColour);
  --primeBorderColour: var(--primeColour);
}

/*

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);
}

.wave .shape-fill {
    fill: var(--primeBackGround);
}

.wave .shape-fill2 {
    fill: var(--primeColour);
}

.wave2 .shape-fill2 {
  fill: var(--primeColour) ;
}

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

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

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

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

H5 {
  color: var(--primeBackGround);
} 

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

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


/*    Site Style     */



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

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

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

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

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

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

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

.panelbg {
  background:#ebf5d6 !important;
}

figcaption { 
  color: green;
}

.paneltop {
  background: red;
}

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

.rangepanel a:hover {
  color : limegreen;
}

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


#right-inner {
  background: var(--primeBackGround);
  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);
}

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

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

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

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


/*     Structure Style      */


#header ul li a:hover {
  background: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);
}

#footer {
  background: var(--primeColour);

}


.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       */


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

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

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

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

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




.nav{
  background: var(--primeColour);
  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 {
  background: var(--primeColour);
  color: var(--primeTextLight);
}





/*     F-Footer     */
.Fcolmask {
   background:var(--primeColour);

}


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



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






/*      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:active {
  color: var(--textColourBright);
}

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


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


A.faqsiteheading {

}

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


.form-button {
  background : var(--primeBackground);
  color:  var(--siteHeadingColour);
  color:  tomato;

}



.form-button  a
{
  color: var(--primeHeadingColour);
  color:  tomato;

}

.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);
  }
}