@charset "UTF-8";

/*!
 * Bootstrap v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
  --text-colour:#000;
  --text-colourhover:rgb(18, 47, 67);
  --page-colour:#DECEB5;  
  --border-color:#E5C300;
  --header-bgnd:#010066;
  
  
  --primary:#011f4b;
  --secondary:#4deec4;
  --tertiary:#3DA7B5;
  
  --body-text-color:#011f4b;
  --body-text-hover-color:#005b96;
  --link-text-color:#011f4b;
  --link-text-hover-color:#005b96;
  
  --cream:#FDFBD4;
  --creamrgb:rgb(253,251,212);
  
  
  --colourpalette1:#b3cde0;
  --colourpalette1rgb:rgb(179,205,224);
  --colourpalette2:#6497b1;
  --colourpalette2rgb:rgb(100,151,177);
  --colourpalette3:#005b96;
  --colourpalette3rgb:rgb(0,91,150);
  --colourpalette4:#03396c;
  --colourpalette4rgb:rgb(3,57,108);
  --colourpalette5:#011f4b;
  --colourpalette5rgb:rgb(1,31,75);
 /*
  --colourpalette1:#c6dbef;
  --colourpalette1rgb:rgb(198,219,239);
  --colourpalette2:#9ecae1;
  --colourpalette2rgb:rgb(158,202,225);
  --colourpalette3:#6baed6;
  --colourpalette3rgb:rgb(107,174,214);
  --colourpalette4:#3182bd;
  --colourpalette4rgb:rgb(49,130,189);
  --colourpalette5:#08519c;
  --colourpalette5rgb:rgb(8,81,156);
  */
  --grey-gradient:linear-gradient(60deg, rgba(228,233,237,1) 0%, rgba(236,240,243,1) 100%);
  --grey-colourpalette4-gradient:linear-gradient(0deg, rgba(228,233,237,1) 0%, #008080 100%);
  --blue-radial-gradient:radial-gradient(circle at 0px 0px, var(--colourpalette4) 0%, var(--colourpalette3) 20%);
  --grey-radial-gradient:radial-gradient(circle, rgba(236,240,243,1) 0%, rgba(228,233,237,1) 100%);
  --boxShadow: 0.00px 0.00px 25px 0px rgba(33,33,33,0.75);
  
  --button-text:#fff;
  --button-text-hover:#fff;
  --button-border:1px solid #005b96;
  --button-grey-shadow:-4px -4px 4px 8px rgba(236,240,243,.5), 4px 4px 16px 8px rgba(228,233,237,.6);
  --button-light-colourpalette4-shadow:-4px -4px 4px 8px rgba(178,216,216,1), 4px 4px 16px 8px rgba(102,178,178,1);
  --button-shadow: 3px 4px 9px 3px rgb(32, 33, 36, .28);
  --button-shadow-hover: 2px 3px 7px 2px rgb(32, 33, 36, .38);
  
  --nav-link: #03396c;
  --nav-link-bgnd: transparent;
  --nav-link-hover: #03396c;
  --nav-link-hover-bgnd:transparent;
  --nav-link-current: #03396c;
  --nav-link-current-bgnd: transparent;
  --nav-link-active: #03396c;
  --nav-link-active-bgnd: transparent;
  --nav-dropdown-menu-bgnd:#fff;
  --nav-sub-link: #fff;/* for darker colour rgba(18, 47, 67,1)*/
  --nav-sub-link-bgnd: transparent;
  --nav-sub-link-hover: #fff;
  --nav-sub-link-hover-bgnd: rgb(75, 133, 158);
  --nav-sub-link-current: #fff;
  --nav-sub-link-current-bgnd: rgb(75, 133, 158);
  --nav-sub-link-active: #fff;
  --nav-sub-link-active-bgnd: rgb(75, 133, 158);
  --nav-sub-sub-link-current: #fff;
  --nav-sub-sub-link-current-bgnd: transparent;
  
  --nav-dropdown-menu-bgnd: transparent;
  
  --footer-link: #fff;
  --footer-link-bgnd: #EEEEEE;
  --footer-link-hover: #fff;
  --footer-link-hover-bgnd: #fff;
  --footer-link-active: #fff;
  --footer-link-active-bgnd: #fff;
  
  --navbar-toggler:#008080;
  
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --bs-gutter-xl:.5rem;
  --bs-gutter-xr:.5rem;
  --pm-gutter-yb:2rem;
  --bs-body-font-size: 1.2rem;
  --bs-body-line-height: 1.7;
  
  --font-family-sans-serif:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  
  --font-family-grape-nuts: "GrapeNuts";
 }
@font-face{font-family:"GrapeNuts";src:url(../fonts/GrapeNuts-Regular.ttf); font-display: swap;}

/*=======================================================*/
/*-------------------- GENERAL STYLE --------------------*/
/*=======================================================*/
/*added smooth scrolling for tocList
html{scroll-behavior: smooth;}*/
body{color:var(--textcolour);background-color:#fff;
	 background: 
		radial-gradient(#f1f1f1 1px, transparent 1px) 0 0 / 5px 9px,
		radial-gradient(#f1f1f1 1px, transparent 1px) 2px 2px / 9px 6px,
		radial-gradient(#ececec 1px, transparent 1px) 5px 5px / 45px 45px,
		radial-gradient(#e1e1e1 1px, transparent 1px) 5px 5px / 25px 25px,
        radial-gradient(#f1f1f1 2px, transparent 5px) 11.5px 1.5px / 235px 232px
              ;
}

a,a:visited,a:link {color:var(--body-text-color);text-decoration:none;text-underline-offset:5px;text-decoration-thickness:2px;}
a:hover,a:active {color:var(--body-text-color);text-decoration:none;}

h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1, .h1 {color:var(--colourpalette4-darkest);}
h2, .h2 {font-size:1.5rem;}
h3, .h3 {font-size:1.2rem;}
h4, .h4 {font-size:1rem;}
h5, .h5 {font-size:1rem;}
h6, .h6 {font-size:1rem;}
img{box-shadow:var(--boxShadow)!important;}


/*=======================================================*/
/*---------------------- OVERRIDES ----------------------*/
/*=======================================================*/



/*=======================================================*/
/*----------------------- Buttons -----------------------*/
/*=======================================================*/

.btn.btn-primary, .btn.btn-secondary,
.wp-core-ui .button-primary,
body.error404 .not-found .error-404-message button,
div.wpforms-container-full input[type="submit"]:not(:hover):not(:active),
div.wpforms-container-full button[type="submit"]:not(:hover):not(:active),
div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
.nf-form-content input[type="submit"]:not(:hover):not(:active),
.wp-block-button__link,
.ebpg-readmore-btn,
.sdm_download_link .sdm_download.green,
.ays-questions-container .action-button,
.ays-questions-container .action-button.ays_restart_button,
.ays-questions-container input[type="button"].action-button,
.ays-questions-container input[type="submit"].action-button,
.fm-form button,
.pods-readmore-button
/*,[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled)*/
{
	position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);	
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:var(--button-text) !important;font-weight:normal;
	padding:6px 8px;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:50% 50%;
}

.btn-primary:hover,.btn-secondary:hover,
.wp-core-ui .button-primary:hover,
body.error404 .not-found .error-404-message button,
div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.nf-form-content input[type="submit"]:hover,
.wp-block-button__link:hover,
.ebpg-readmore-btn:hover,
.sdm_download_link .sdm_download.green:hover,
.ays-questions-container input[type="button"].action-button:hover,
.ays-questions-container input[type="submit"].action-button:hover,
.fm-form button:hover
/*,[type="button"]:not(:disabled):hover, [type="reset"]:not(:disabled):hover, [type="submit"]:not(:disabled):hover, button:not(:disabled):hover*/
{
	position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	
	border:var(--button-border);border:var(--button-border);color:var(--button-text-hover);
	padding:6px 8px;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;
}
.btn-primary:active,.btn-secondary:active,
.wp-core-ui .button-primary:active,
body.error404 .not-found .error-404-message button,
div.wpforms-container-full .wpforms-form input[type=submit]:active,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
.nf-form-content input[type="submit"]:active,
.wp-block-button__link:active,
.ebpg-readmore-btn:active,
.sdm_download_link .sdm_download.green:active,
.ays_next.start_button.action-button:active,
.ays-questions-container .action-button:active,
.fm-form button:active
/*,[type="button"]:not(:disabled):active, [type="reset"]:not(:disabled):active, [type="submit"]:not(:disabled):active, button:not(:disabled):active*/
{
	background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 192, 176, 0.34);border:var(--button-border);color:var(--button-text-hover);
	padding:6px 8px;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;
}
.btn-primary:focus,.btn-secondary:focus,
.wp-core-ui .button-primary:focus,
.sdm_download_link .sdm_download.green:focus,
body.error404 .not-found .error-404-message button:focus,
div.wpforms-container-full .wpforms-form input[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus,
.nf-form-content input[type="submit"]:focus,
.wp-block-button__link:focus,
.ebpg-readmore-btn:focus,
.ays_next.start_button.action-button:focus,
.ays-questions-container .action-button:focus,
.fm-form button:focus
/*,[type="button"]:not(:disabled):focus, [type="reset"]:not(:disabled):focus, [type="submit"]:not(:disabled):focus, button:not(:disabled):focus*/
{
	background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 192, 176, 0.34);border:var(--button-border);color:var(--button-text-hover);
	padding:6px 8px;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;
}

.btn-secondary,
.btn-secondary:link,
.btn-secondary:visited{
	position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--button-border);color:var(--button-text);text-decoration:none;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus{
background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--button-border);color:var(--button-text-hover);
}

a.btn-primary{color:#fff;}
.btn-outline-primary{
position:relative;margin:8px 0;background: transparent;border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--button-border);color:var(--button-text);
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus{
	background: transparent-;border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 192, 176, 0.34);border:var(--button-border);color:var(--button-text-hover);
}
.btn-outline-secondary,
.btn-outline-secondary:link,
.btn-outline-secondary:visited{
	opacity:1;position:relative;margin:8px 0;background:transparent;border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--button-border);color:var(--button-text);text-decoration:none;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active,
.btn-outline-secondary:focus{
	background:transparent;border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--colourpalette4-border);color:var(--button-text-hover);
}


a.btn-secondary{color:#fff;}
.btn-tertiary{color:var(--textcolour);border-color:var(--secondary);text-decoration:none;background:var(--secondary);}
.btn-tertiary:hover,.btn-tertiary:active,.btn-tertiary:focus{background:var(--tertiary);color:#fff;border-color:var(--tertiary);}





.btn-outline-primary:disabled{border-color:var(--primary);color:var(--primary);}

.btn.btn-outline-primary{color:#000000 !important;border-color:#000000 !important;text-decoration:none;}
.btn.btn-outline-secondary{color:#000000 !important;border-color:#000000 !important;text-decoration:none;}

.btn.btn-outline-primary:hover
{color:#fff !important;border-color:#000000;text-decoration:none;background-color:rgb(187, 172, 143);
background:linear-gradient(to bottom, rgb(187, 172, 143) 0%, rgb(130, 119, 99) 100%);
border-radius:8px;transition: var(--trans2,color .4s ease 0s);position: relative;white-space: nowrap;margin: 0;
}
.btn..btn-outline-secondary:hover
{color:#fff !important;border-color:#000000;text-decoration:none;background-color:rgb(187, 172, 143);
background:linear-gradient(to bottom, rgb(187, 172, 143) 0%, rgb(130, 119, 99) 100%);
border-radius:8px;transition: var(--trans2,color .4s ease 0s);position: relative;white-space: nowrap;margin: 0;
}

input[type="submit"]{border-radius:4px;border:var(--button-border);height: 3rem;margin: 8px 0;}
input[type="submit"]{position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--button-border);color:var(--button-text);}
input[type="submit"]:hover{background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 192, 176, 0.34);border-color:var(--button-border);color:var(--button-text-hover);}
input[type="password" i]{border-radius: 4px;border: var(--button-border);height: 3rem;margin: 8px 0;}

.btn-secondary:hover{box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5),0px 2px 4px rgba(0,0,0,0.1),0px 4px 8px rgba(0,0,0,0.1),0px 8px 16px rgba(0,0,0,0.1);transition: 0.8s;	padding:6px 8px;

	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;}
.btn-secondary:active,.btn-secondary:focus{}

div.wpforms-container-full .wpforms-form input[type="submit"]:active, div.wpforms-container-full .wpforms-form button[type="submit"]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:active{}


/*=======================================================*/
/*---------------------GENERAL STYLE---------------------*/
/*=======================================================*/
.wrapper {}
#wrapper-navbar .container-header{background-color:var(--ts-black);}
.container-content{background-color:var(--ts-black);color:#fff;}
.container-content .entry-content p:first-of-type{font-weight:bold;}

/*.content-area{background-color:var(--ts-black);}*/
#page .site-content{}
#page .page-content{}
#page .wrapper-front-first{}
#page .wrapper-first{}
#subheader-wrapper{}
#subheader-wrapper.FeaturedImage{}
#subheader-wrapper .row-slider{}

.list-style-none{list-style: none;}

article a:not(.btn, .wp-block-button__link, .breadcrumb-link, .page-numbers, has(img)) {position:relative;/*font-weight: 400;border-bottom: 2px solid  var(--body-text-color);*//* padding-bottom:1px;*//*text-decoration:none !important;*/}
article a:not(.btn, .wp-block-button__link, .breadcrumb-link, .page-numbers, has(img)):hover{color:var(--link-text-hover-colort);}
article a:not(.btn, .wp-block-button__link, .breadcrumb-link, .page-numbers, has(img))::before {content: '';position: absolute;width: 100%;height: 2px;border-radius: 2px;background-color: var(--link-text-hover-color);bottom:-2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
article a:not(.btn, .wp-block-button__link, .breadcrumb-link, .page-numbers, has(img)):hover::before {transform-origin: left;  transform: scaleX(1);}

article p a:not(.btn, .uagb-text-link) {position:relative;color:var(--link-text-color); font-weight: ;text-decoration:underline !important;/* border-bottom: 2px solid #439191; padding-bottom: 3px;*/}
article p a:not(.btn, .uagb-text-link):hover{color:var(--link-text-hover-color);}
article p a:not(.btn, .uagb-text-link)::before {content: '';position: absolute;width: 100%;height: 2px;border-radius:2px;background-color:var(--link-text-hover-color);bottom:-2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
article p a:not(.btn, .uagb-text-link):hover::before {transform-origin: left;  transform: scaleX(1);}

article li a:not(.btn, .uagb-text-link,.strong-view ul.simplePagerNav li a) {position:relative;color:var(--link-text-color); font-weight: ;text-decoration:underline !important;/* border-bottom: 2px solid #439191; padding-bottom: 3px;*/}
article li a:not(.btn, .uagb-text-link,.strong-view ul.simplePagerNav li a):hover{color:var(--link-text-hover-color);}
article li a:not(.btn, .uagb-text-link,.strong-view ul.simplePagerNav li a)::before {content: '';position: absolute;width: 100%;height: 2px;border-radius:2px;background-color: var(--link-text-hover-color);bottom:-2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
article li a:not(.btn, .uagb-text-link,.strong-view ul.simplePagerNav li a):hover::before {transform-origin: left;  transform: scaleX(1);}

article p.has-white-color a:not(.btn, .uagb-text-link) {color:white;}

.wp-block-table.table-no-borders table tr,
.wp-block-table.table-no-borders table td{border:none!important;}

.noshow{display:none;}

/* Lists */

.list-background-blue-no-bullets {list-style: none;padding:0;}
.list-background-blue-no-bullets li{min-height:3em;display: flex;align-items:center;margin-left:1.5em;margin-bottom:16px;padding-left:36px;padding-right:8px;position:relative;border-radius:8px ;box-shadow:rgb(187, 192, 212) 2px 2px 3px 1px;}

.list-background-blue-no-bullets li {background:var(--blue-radial-gradient);color:#fff;}

.list-background-blue-no-bullets li a{width:100%;height:100%;}
.list-background-blue-no-bullets li a{color:#fff!important;text-decoration:none!important;}
.list-background-blue-no-bullets li a::before{content:none;}
.list-background-blue-no-bullets li:hover{box-shadow: rgb(187, 192, 212) 0px 0px 1px 1px;padding-top:2px;}


.list-background-alternates {list-style: none;padding:0;}
.list-background-alternates li{min-height:3em;display: flex;align-items:center;margin-left:1.5em;margin-bottom:16px;padding-left:36px;padding-right:8px;position:relative;border-radius:0 8px 8px 0 ;box-shadow:rgb(187, 192, 212) 2px 2px 3px 1px;}
.list-background-alternates li::before{content: "";/*url('../images/list-bullet-o.png');*/position: absolute;left: -1.5em;top: 50%;margin-top: -1.5em;background:#93C775;height: 3em;width: 3em;line-height: 3em;border: .3em solid #fff;border-radius: 50%;display:flex;justify-content: center;align-items: center;}

.list-background-alternates li:nth-child(even) {background:var(--colourpalette4);color:#fff;}
.list-background-alternates li:nth-child(odd) {background:var(--colourpalette2);color:#fff;}

.list-background-alternates li:nth-child(even)::before{background-color:var(--colourpalette2) ;}
.list-background-alternates li:nth-child(odd)::before{background-color:var(--colourpalette4) ;}

.list-background-alternates li a{width:100%;height:100%;}
.list-background-alternates li a{color:#fff!important;text-decoration:none!important;}
.list-background-alternates li a::before{content:none;}
.list-background-alternates li:hover{box-shadow: rgb(187, 192, 212) 0px 0px 1px 1px;padding-top:2px;}

/* group items within a wrapper or column. assign this class to inhibit the reset of the counter */
.counter-group ol:first-of-type.list-background-alternates{counter-reset: li-counter;list-style: none;/*list-style: decimal;*/}
ol.list-background-alternates li{counter-increment:li-counter}
ol.list-background-alternates li::before{content: counter(li-counter);color:#fff;}
/* option to ccounter in lower case letters. add class lower-latin to the list */
ol.list-background-alternates.lower-latin li::before{content: counter(li-counter,lower-latin);}


.wp-block-uagb-blockquote{margin-bottom:24px!important;}
blockquote {
  background: var(--cream);
  filter: brightness(95%);
  border-color:var(--colourpalette4) !important;
  border-left: 10px solid var(--colourpalette4);
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  line-height: 1.2em;
  font-size:1.2rem !important;
  margin-bottom: 25px;
  quotes: "\201C""\201D""\2018""\2019";
  border-radius:8px;
  padding:8px!important;
}
blockquote::before {
  color: var(--colourpalette4);
  content: '“';
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
  blockquote p:last-of-type {
  margin-bottom:1.5rem;
}



/*=======================================================*/
/*--------------------- Transitions ---------------------*/
/*=======================================================*/
.transition-all{-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.h2-isvisible{
	-o-transition: 0.8s;
	-webkit-transition: 0.8s;
	transition: 0.8s;
	-webkit-transition: background .5s ease-out;
	-moz-transition: background .5s ease-out;
	-o-transition: background .5s ease-out;
	transition: background .5s ease-out;
	
	}
	

/* smooth anchor scroll */
html{scroll-behavior:smooth}



@keyframes fadeIn {
 0% { opacity:0; }
 50% { opacity:0; } 
 100% { opacity:1; } 
}
@keyframes fadeInOut {
 0% { opacity:1; }
 50% { opacity:1; } 
 100% { opacity:0; } 
}

@keyframes wobble {
 0% { opacity:1; }
 50% { opacity:1; } 
 100% { opacity:0; } 
}

/*
.btn-secondary:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
*/

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes gradient-slide {
  0%{
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 1%, #cc0000 2%, #ffffff 3%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 1%,#cc0000 2%,#ffffff 3%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 1%,#cc0000 2%,#ffffff 3%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }
  
  50% {
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 49%, #cc0000 50%, #ffffff 51%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 49%,#cc0000 50%,#ffffff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 49%,#cc0000 50%,#ffffff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }

  100% {
		background: #ffffff;
		background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 97%, #cc0000 98%, #ffffff 99%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 97%,#cc0000 98%,#ffffff 99%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 97%,#cc0000 98%,#ffffff 99%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  }
}

@keyframes wpforms-error{
  0%{ left:1;
  background-color:#cc0000 !important;
  }
  100%{right:99%;
  background-color:#cc0000 !important;
  }
}

@keyframes animateButton {
    0%{background-position:80% 50%}
    50%{background-position:10% 50%}
    100%{background-position:80% 50%}
}

/*=======================================================*/
/*----------------------- Library -----------------------*/
/*=======================================================*/

.grey-gradient{background:var(--grey-gradient);}
.grey-radial-gradient{background:var(--grey-radial-gradient);}  



.stripe-blue-radial-gradient{background:var(--blue-radial-gradient);padding-bottom:0;padding-top:0;} 
.stripe-blue-radial-gradient.alignfull{margin: 48px calc(50% - 50vw) 0 calc(50% - 50vw)!important;} 
.stripe-blue-radial-gradient .wp-block-columns.is-layout-flex{gap:0;margin-bottom:0;padding-top:8px;}
.stripe-blue-radial-gradient p,
.stripe-blue-radial-gradient h2,
.stripe-blue-radial-gradient a,
.stripe-blue-radial-gradient .wpforms-field-label,
.stripe-blue-radial-gradient .wpforms-field-sublabel
{color:#fff!Important;}
.stripe-blue-radial-gradient .eb-wpforms-wrapper,
.stripe-blue-radial-gradient div.wpforms-container-full:not(:empty){margin-top:0px!important;}

.stripe-grey-radial-gradient{background:var(--grey-radial-gradient);padding-bottom:0;padding-top:0;} 
.stripe-grey-radial-gradient.alignfull{margin: 48px calc(50% - 50vw) 0 calc(50% - 50vw)!important;} 
.stripe-grey-radial-gradient .wp-block-columns.is-layout-flex{gap:0;margin-bottom:0;padding-top:8px;}
.stripe-grey-radial-gradient .wp-block-columns.is-layout-flex img,
.stripe-grey-radial-gradient .wp-block-columns.is-layout-flex .wp-block-image{margin-bottom:0;}
.stripe-grey-radial-gradient .wp-block-cover{width:100% !important;}

.stripe-grey-radial-gradient .wp-block-column.column-left-hand{padding-right:16px;}
.stripe-grey-radial-gradient .wp-block-column.column-right-hand{padding-left:16px;}

.stripe-grey-radial-gradient .wp-block-columns.container{margin-bottom:0;}

.stripe-grey-70percent{
	background-image:linear-gradient(180deg, transparent 0%, transparent 24%, rgba(228,233,237,1) 24%, rgba(236,240,243,1) 100%);
}
.stripe-grey-70percent .wp-block-uagb-image__figure img{box-shadow:var(--boxShadow)!important;}

:root {
  --notepad-gray: #808080;
  --notepad-gray-medium: #c1bfbf;
  --notepad-gray-light: #d3d3d3;
  --notepad-paper-color: #fae588;
  --notepad-paper-color: #fcefb4;
}


.stripe-colourpalette1{background-color:var(--colourpalette1);} 
.stripe-colourpalette2{background-color:var(--colourpalette2);} 
.stripe-colourpalette3{background-color:var(--colourpalette3);color:#fff;} 
.stripe-colourpalette4{background-color:var(--colourpalette4);color:#fff;} 
.stripe-colourpalette5{background-color:var(--colourpalette5);color:#fff;}
.stripe-colourpalette1,
.stripe-colourpalette2, 
.stripe-colourpalette3,
.stripe-colourpalette4,
.stripe-colourpalette5{padding-bottom:0;padding-top:0;padding: 1.25em 2.375em;} 

/* Lists */
.project-notepad {

  --paper-color-yellow: #fae588;
  --paper-dark-yellow: #fcefb4;
  --paper-color: #f5f5f5;
  --paper-dark: #f5f5f5;
  --lines-red:#d008;
  --lines:#ccc8;
  --shadow-size: 3px;
  --transparent: rgba(213, 224, 249, 0);
  
	padding:2rem;
	list-style:none;
	background: var(--notepad-paper-color);
	max-width:450px;
	margin-bottom:16px;
	position:relative;
	margin-bottom:32px;
	
	background: linear-gradient(
		to bottom right,
		var(--paper-dark),
		20%,
		var(--transparent)
		),
		var(--paper-color);
	background-image: repeating-linear-gradient(180deg, transparent, transparent 2rem, var(--lines) 2rem, var(--lines) 2.0625rem);  
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;   
}

.project-notepad li {
	font-family:"GrapeNuts";
	font-size:1.3rem;
	line-height:2rem;
	&:first-letter {
		font-size: 1.4em;
	}
}
.project-notepad li::marker {
  content: "~ ";
  font-size: 25px;
}
.project-notepad::before,
.project-notepad::after{
  content: '';
  position: absolute;
  width: 40%;
  bottom: 10px;
  height: 10px;
  box-shadow: 0 5px 14px rgba(0,0,0,.7);
  z-index: -1;
  transition: all .3s ease-in-out;
}
.project-notepad::before {left: 15px;transform: skew(-5deg) rotate(-5deg);}
.project-notepad::after {right: 15px;transform: skew(5deg) rotate(5deg);}



  
/*=======================================================*/
/*----------------------HEADER STYLE---------------------*/
/*=======================================================*/

#wrapper-header{
	position:relative;margin-bottom:8px;z-index:999;
	padding-top:16px;padding-bottom:16px;
	color:#fff;
	background: var(--colourpalette3rgb);
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	/*background: radial-gradient(circle,var(--colourpalette1rgb) 0%,var(--colourpalette2rgb) 25%, var(--colourpalette3rgb) 50%, var(--colourpalette4rgb) 750%, var(--colourpalette5rgb) 100%);*/
    background-size: 400% 100%;
    background-position:50% 50%;
}
.row-header{position:relative;padding:20px 0 40px 0;}
.navbar-dark{color:#a8005d;}
.row-org{margin-bottom:12px;}
.row-org a{color:#fff;}
.org-title{display:inline-block;}
.org-info{}
.org-logo a{color:#000;}
.org-logo{display:inline-block;}
.org-slogan{color:#fff;}
.org-profession{color:#000;font-size:1.6rem;}
.org-location{font-weight:bold;color:#000;font-size:1.5rem;}
.org-solutions{font-weight:bold;color:var(--primary);text-transform:uppercase;}
.org-contact a{color:#fff;}

.org-name{color:#fff;font-size:3rem;}
.org-address{color:#fff;font-size:1.1rem;}
.org-telephone{color:#fff;font-size:1.3rem;white-space:nowrap;}
.org-telephone a{color:#fff;}
.org-email{color:#fff;font-size:1.5rem;white-space:nowrap;}
.org-email a{color:#fff;}
.org-email a:hover{text-decoration:none;}
.org-wattsapp{color:#fff;font-size:1.5rem;white-space:nowrap;}
.org-wattsapp a:hover{text-decoration:none;}

.org-contact a:hover{text-decoration:none;}
.org-contact .email{color:rgb(40, 48, 115);font-size:1.5rem;}
.org-contact .email:hover{color:#fff;border-color:#fff;}
.org-contact .tel:hover{background-color:#fff;color:var(--primary);;}
.org-contact ul{list-style: none;padding-left:0;margin-bottom:.25rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content: flex-end;}
.org-contact li{margin:16px 0;}

#header-social-media{position:absolute;right:20px;top:6px;font-size:1.5rem;color:var(--nav-link);}
#header-social-media a{color:var(--nav-link);}
#header-social-media a:hover{color:var(--nav-link-hover);}

/*=======================================================*/
/*---------------------- Navigation ---------------------*/
/*=======================================================*/
.wrapper-navbar{}
.navbar{padding:8px 0;}
#wrapper-navbar{
 border-top:1px solid #5A6C61;
 border-bottom:1px solid #5A6C61;
 background:#fff;
 }
.navbar-dark .navbar-toggler {border-color:var(--navbar-toggler);border-radius:0;padding:8px 7px 1px 8px;overflow:hidden;margin:8px;}
.navbar-dark .navbar-toggler{cursor: pointer;color:#fff;border-color:var(--navbar-toggler);vertical-align:middle;}
.navbar-dark .navbar-toggler:hover,.navbar-dark .navbar-toggler.open{background-color:transparent;}
.navbar-dark .navbar-toggler:focus{box-shadow: 0 0 0 .1rem;border-color:var(--nav-link);}
.navbar-dark .navbar-toggler-icon{width: 32px;height: 36px;position: relative;background-image:none;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
.navbar-dark .navbar-toggler-icon span {display: block;position: absolute;height:4px;width: 100%;border-radius: 0px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.navbar-dark .navbar-toggler-icon span {background-color:var(--navbar-toggler);}
.navbar-dark .navbar-toggler-icon span:hover{}
.navbar-dark .navbar-toggler-icon span:nth-child(1) {top: 4px;}
.navbar-dark .navbar-toggler-icon span:nth-child(2) {top: 12px;}
.navbar-dark .navbar-toggler-icon span:nth-child(3) {top: 20px;}

.navbar-dark .navbar-toggler-icon.open span:nth-child(1) {top: 12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);}
.navbar-dark .navbar-toggler-icon.open span:nth-child(2) {opacity: 0;}
.navbar-dark .navbar-toggler-icon.open span:nth-child(3) {top: 12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);transform: rotate(-135deg);}


.navbar-dark{background:transparent;}
.navbar-collapse{}
.navbar-nav{background-color:transparent;}


.navbar-nav .nav-link{font-size:1.2rem;font-weight:700;}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show,  .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link{background-color:var(--nav-link-bgnd);color:var(--nav-link);}
.navbar-dark .navbar-nav .current-menu-item .nav-link{background-color:var(--nav-link-active-bgnd);color:var(--nav-link-active) !important;position:relative;/*border-bottom:2px solid var(--secondary);*/}
.navbar-dark .navbar-nav .nav-link{text-decoration:none;color:var(--nav-link);background-color:var(--nav-link-bgnd);padding-left:1rem;padding-right:1rem;text-decoration:none;position:relative;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {text-decoration:none;color:var(--nav-link-hover);background-color:var(--nav-link-hover-bgnd);/*border-bottom:2px solid var(--secondary); */}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link:active {text-decoration:none;color:var(--nav-link-active);background-color:var(--nav-link-active-bgnd);/*border-bottom:2px solid var(--secondary);*/}
.navbar-dark .navbar-nav .nav-link.disabled, .navbar-dark .navbar-nav .nav-link:disabled {color:var(--nav-link);background-color:var(--nav-link-hover-bgnd); }
/*#wrapper-navbar .navbar-dark .navbar-nav .menu-item:first-child .nav-link{border-left:2px solid #fff;}*/
/*#wrapper-navbar .navbar-dark .navbar-nav .menu-item:not(last-child) .nav-link{border-right:2px solid #fff;}*/

.navbar-dark .navbar-nav .dropdown-menu{border-radius:8px;}
.navbar-dark .navbar-nav .dropdown-menu li:first-child a{border-radius:2px 2px 0 0;}
.navbar-dark .navbar-nav .dropdown-menu li:last-child a{border-radius:0 0 2px 2px;}

/*.navbar-dark .navbar-nav .dropdown-menu{color:var(--nav-sub-link);background-color:var(--nav-dropdown-menu-bgnd);font-size:1rem;border-color:var(--nav-dropdown-menu-bgnd);border-radius:0;}*/
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item{position:relative;color:var(--nav-sub-link);font-weight:700;/*background-color:var(--nav-sub-link-bgnd);*//*margin:2px 0;*/font-size:1.2rem;}
.navbar-dark .navbar-nav .dropdown-menu li.menu-item:not(:last-child) .dropdown-item{border-bottom:1px solid var(--colourpalette4);}
.navbar-dark .navbar-nav .dropdown-menu .nav-link.disabled, .navbar-dark .navbar-nav .dropdown-menu .nav-link:disabled {color: var(--nav-sub-link);background-color:var(--nav-sub-link-bgnd); }

.navbar-dark .navbar-nav .dropdown-menu .current_page_item .dropdown-item {color:var(--nav-sub-link-current);background-color:var(--nav-sub-link-current-bgnd);position:relative;/*border-bottom:2px solid var(--secondary);*/}
.dropdown-item.active, .dropdown-item:active {color: var(--nav-sub-link-active);background-color:var(--nav-sub-link-active-bgnd);text-decoration: none; /*border-bottom:2px solid var(--secondary);*/}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-dark .navbar-nav .dropdown-menu  .dropdown-item:hover,.navbar-dark .navbar-nav .dropdown-menu .current_page_item .dropdown-item:hover{color:var(--nav-sub-link-hover);background-color:var(--nav-sub-link-hover-bgnd);text-decoration: none;/*border-bottom:2px solid var(--secondary);*/}

.navbar-dark .navbar-nav .dropdown-menu{transform:unset !important;padding:0 !important;}

/* child menu */
#navbarNavChildOuter{position:relative;}
/*#navbarNavChildDropdown{position:absolute;top:60px;right:0;z-index:9999;background-color:var(--nav-dropdown-menu-bgnd);padding:8px;}*/
#navbarNavChildDropdown{
}

/**/
.navbar-dark #navbarNavChildDropdown .navbar-nav{flex-direction:column;}
.navbar-dark #navbarNavChildDropdown .menu-item.active, .navbar-dark #navbarNavChildDropdown .menu-item.show,  .navbar-dark #navbarNavChildDropdown .show > .menu-item, .navbar-dark #navbarNavChildDropdown .menu-item{background-color:var(--nav-link-bgnd);color:var(--nav-sub-link);}
.navbar-dark #navbarNavChildDropdown .current-menu-item .menu-item{background-color:var(--nav-sub-link-active-bgnd);color:var(--nav-sub-link-active) !important;}
.navbar-dark #navbarNavChildDropdown .menu-item a{text-decoration:none;color:var(--nav-sub-link);background-color:var(--nav-sub-link-bgnd);margin-right:8px;position:relative;}
.navbar-dark #navbarNavChildDropdown .menu-item a:hover, .navbar-dark #navbarNavChildDropdown .menu-item a:focus {text-decoration:underline;color:var(--nav-sub-link-hover);background-color:var(--nav-sub-link-hover-bgnd); }
.navbar-dark #navbarNavChildDropdown .active > .menu-item, .navbar-dark #navbarNavChildDropdown .menu-item a:active {text-decoration:underline;color:var(--nav-sub-link-active);background-color:var(--nav-sub-link-active-bgnd);}
.navbar-dark #navbarNavChildDropdown .menu-item.disabled, .navbar-dark #navbarNavChildDropdown .menu-item a:disabled {color:var(--nav-sub-link);background-color:var(--nav-link-hover-bgnd); }
/*correction s for padding at top level */
#wrapper-navbar .navbar-dark #navbarNavChildDropdown .menu-item:not(first-child) .menu-item{padding-left:.1rem;padding-right:.2rem;}

.navbar-dark .navbar-nav .nav-link::before, .navbar-dark .navbar-nav .nav-link::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transition:0.1s color ease;text-decoration:none;}
.navbar-dark .navbar-nav .nav-link::before, .navbar-dark .navbar-nav .nav-link::before{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;bottom:-0.05em;height:2px;height:0.05rem;width:0;background:var(--nav-link-hover);left:5%;}
.navbar-dark .navbar-nav .nav-link:hover::before, .navbar-dark .navbar-nav .nav-link:focus::before{width:75%;}
.navbar-dark .navbar-nav .current-menu-item .nav-link::before{width:75%;}

/*.navbar-dark .navbar-nav .dropdown-menu .dropdown-item::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;transition:0.1s color ease;text-decoration:none;}*/
/*.navbar-dark .navbar-nav .dropdown-menu .dropdown-item::before{content: "";transition:0.5s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;bottom:-0.15em;height:2px;height:0.05rem;width:0;background:var(--nav-sub-link-hover);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}*/
/*.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus::before,.navbar-dark .navbar-nav .dropdown-menu  .dropdown-item:hover::before,.navbar-dark .navbar-nav .dropdown-menu .current_page_item .dropdown-item:hover::before{width:75%;}*/



.navbar-dark .navbar-nav .dropdown-menu .dropdown-item,
.navbar-dark #navbarNavChildDropdown .menu-item.active, .navbar-dark #navbarNavChildDropdown .menu-item.show,  .navbar-dark #navbarNavChildDropdown .show > .menu-item, .navbar-dark #navbarNavChildDropdown .menu-item
{
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:30% 50%;
}
.navbar-dark .navbar-nav .dropdown-menu .current-menu-item .dropdown-item
{
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:50% 50%;
}
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-dark .navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-dark .navbar-nav .dropdown-menu  .dropdown-item:hover,.navbar-dark .navbar-nav .dropdown-menu .current_page_item .dropdown-item:hover
{
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;
}



/*footer*/
#footerNavDropdown{display:inline-block !important;/*margin-top:16px;margin-bottom:16px;*/}
#footerNavDropdown .navbar-nav .nav-link{padding-left:0;padding-right:8px;}
#footerNavDropdown .navbar-nav .nav-link{color:var(--footer-link);background-color:var(--nav-sub-link-bgnd);margin-right:0;}
#footerNavDropdown .navbar-nav .nav-link{color:var(--footer-link) !important;background-color:var(--nav-sub-link-bgnd) !important;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;}
#footerNavDropdown .navbar-nav .nav-link:hover,#footerNavDropdown .navbar-nav .nav-link:focus {color:var(--footer-link-hover) !important;background-color:var(--nav-sub-link-hover-bgnd); }
#footerNavDropdown .navbar-nav .nav-link.active,#footerNavDropdown .navbar-nav .nav-link:active {color:var(--footer-link-active) !important;background-color:var(--nav-sub-link-active-bgnd);}
#footerNavDropdown .navbar-nav .nav-link.disabled,#footerNavDropdown .navbar-nav .nav-link:disabled {color:var(--footer-link);background-color:var(--nav-sub-link-disabled-bgnd); }

#footerNavDropdown .navbar-nav .nav-link.active,#footerNavDropdown .navbar-nav .nav-link.show,#footerNavDropdown  .navbar-nav .show > .nav-link,#footerNavDropdown .navbar-nav .nav-link{color:var(--footer-link);background-color:#fff;}
#footerNavDropdown .navbar-nav .current-menu-item .nav-link{color:var(--footer-link-active) !important;background-color:#fff;}
/*#footerNavDropdown .navbar-nav .menu-item:not(:last-child) {border-right:1px solid var(--footer-link);}*/


/* Block menu */
.block-menu{}
.block-menu-photo{height: 400px;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;background-repeat:no-repeat;background-position: center;background-size: cover;}
.block-menu-content{height: 400px;padding:40px 60px;text-decoration: none;}
.block-menu-item{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;color:var(--nav-link);text-decoration: none;display:block;height: 100%;}
.block-menu-item:hover {background-color:var(--nav-link-hover-bgnd);color:var(--nav-link-hover);text-decoration: none;}


/*=======================================================*/
/*---------------------- HOME PAGE ----------------------*/
/*=======================================================*/
#subheader-wrapper{background-color:var(--primary);height:50px;}
.section .section-logo{background:color:#fff;padding:20px;position:relative;left:50%;top:-44px;transform:translateXY(-50% -50%);text-align:center;display:table;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}



.home #wrapper-page .content-area main{}

.home #wrapper-page .content-area .entry-content p:first-child span:first-child {color: #e6fa05;}
.home #wrapper-page .content-area .entry-content p:first-child span {color: #e6fa05;}




#wrapper-home-widgets{background-color:var(--primary);color:#fff;}

#wrapper-testimonials{background-color:transparent;padding:16px 0;}
#wrapper-testimonials .container{background-color:rgba(240,240,240,.7);padding:0 16px;}

.hasbodybackgroundimage{min-height:100vh;overflow-y:auto;overflow-x:hidden;background: no-repeat center center fixed;background-size:cover;perspective:10px;}
.hasbodybackgroundimage .logo{}

.hasheaderbackgroundimage{}
.hasheaderbackgroundimage #wrapper-navbar{background-size:cover;background-repeat:no-repeat;background-position: center center;}


/*=======================================================*/
/*------------------------ PAGE -------------------------*/
/*=======================================================*/
#page{}
#content{background-color:#fff;}
.home #page-wrapper{}
#content{background-color:transparent;}

.page-item.active .page-link{}
.page-link{}
.page-item{margin-right:4px;}
/*
.content-area a,a:visited,.content-area a:link {color:#122f43;text-decoration:underline;}
.content-area a:hover,.content-area a:active,.content-area  a:focus {color:rgba(0, 192, 176, 1);text-decoration:none;}
*/
.page-item.active .page-link{background-color:var(--glass-darkgreen);border-color:var(--glass-darkgreen-border);color:var(--textcolour);}

.entry-content-link-pages ul.link-pages{display:flex;flex-direction: row;flex-flow: row wrap;list-style: none;justify-content:center;padding-left:0;}
.entry-content-link-pages ul.link-pages li{flex: 1;flex-basis: 46%;}
.entry-content-link-pages ul.link-pages li{list-style: none;margin-left:8px;margin-right:8px;text-align:center;}

.entry-content-tag-link-pages{display:block;}
.entry-content-tag-link-pages ul.tag-link-pages{display:flex;flex-direction: row;flex-flow: row wrap;list-style: none;justify-content:center;padding-left:0;}
.entry-content-tag-link-pages ul.tag-link-pages li{/*flex: 1;*//*flex-basis: 46%;*/}
.entry-content-tag-link-pages ul.tag-link-pages li{list-style: none;margin-left:8px;margin-right:8px;text-align:center;}
.entry-content-tag-link-pages ul.tag-link-pages li a[aria-disabled="true"]{opacity:.7;}
.entry-content-tag-link-pages ul.tag-link-pages li a img{height:56px !important; width:auto !important;}
.entry-content-tag-link-pages ul.tag-link-pages li a i{font-size:2.8rem;color:#122F43 !important;}

.wp-block-search__none{background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
word-break: normal;
font-size: inherit;
font-family: inherit;
line-height: inherit;}
     
 figure.wp-block-image img{border-radius:48px 8px 48px 8px;
	box-shadow:var(--button-shadow);
}
figcaption{font-size:small;}

.parent-menu .card:not(.card-extra-weight){height:100%;background-color:#f6f6f6;border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:1px solid var(--colourpalette4-border);color:var(--textcolour);text-decoration:none;}
.parent-menu .card-header{padding:0 0 !important;border-bottom:0;background-color:#f6f6f6 !important;border-radius:8px 8px 0 0 ;}
.parent-menu .card-home-featured-image,.parent-menu .card-home-featured-image img{border-radius:8px 8px 0 0 ;}
.parent-menu .card-header h2{padding:8px 8px;}
.parent-menu .card-body{padding:0 20px 0 20px;background-color:#f6f6f6 !important;border-radius:0 0 8px 8px;}


/*---------------------------- Spectra projects ---------------------------------- */
.uagb-post__inner-wrap .uagb-post__text .uagb-post__cta{margin:0 20px 0 20px;}
/*.uagb-post__text .uagb-post__cta a{font-weight:normal !important;background: var(--colourpalette4) !important;border-radius:8px !important;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--colourpalette4-border);color:var(--textcolour) !important;text-decoration:none;}*/
.uagb-post__text .uagb-post__cta a,.uagb-post__text .uagb-post__cta a:link,.uagb-post__text .uagb-post__cta a:visited{font-weight:normal;color:var(--textcolour) !important;}
/*.uagb-post__text .uagb-post__cta:hover,.uagb-post__text .uagb-post__cta :active,.uagb-post__text .uagb-post__cta:focus{background: var(--colourpalette4) !important;border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--colourpalette4-border) ;color:var(--textcolour) !important;}*/

.parent-menu .col{margin-bottom:var(--pm-gutter-yb);}
.card-extra-weight{border:0;}

nav ul.pagination .page-item .page-link{border-radius: 8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: var(--colourpalette4-border);color: var(--textcolour);}
nav ul.pagination .page-item.active .page-link{background: var(--colourpalette4) !important;}


/*=======================================================*/
/*------------------------ 404 --------------------------*/
/*=======================================================*/
body.error404 #error-404-wrapper{padding:0 0;}
body.error404 .search-field{border-radius:4px;border-color:var(--button-border);height: 3rem;margin: 8px 0;}

.main-error-404{min-height:800px;}

body.error404 .not-found{display: flex;align-items:center;justify-content:center;background:url(../images/404-lhs-background.webp);background-size:cover;background-repeat:no-repeat;background-position:center center;}
body.error404 .not-found .error-404-message{background:var(--colourpalette2);margin:48px;padding:16px 32px;display:table-cell;text-align:center;border-radius:24px;border:1px solid var(--button-border);box-shadow:var(--button-shadow);}
.error-404-message-404{font-size:5rem;line-height:3rem;font-weight:bold;text-transform:capitalize;}
.error-404-message-not-found{font-size:2rem;font-weight:bold;text-transform:capitalize;}
.error-404-message-sorry{font-size:1.5rem;}

body.error404 .not-found .error-404-message button{padding:6px 12px;position:relative;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--colourpalette4-border);color:var(--textcolour);}
body.error404 .not-found .error-404-message button:hover{background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:car(--colourpalette4-border);border-color:var(--tertiary);color:var(--textcolourhover);box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.5),0px 2px 4px rgba(0,0,0,0.1),0px 4px 8px rgba(0,0,0,0.1),0px 8px 16px rgba(0,0,0,0.1);transition: 0.8s;}


.error-404-options{padding-top:1.5rem;}

/* Lists */

.list-404 {list-style: none;padding:0;}
.list-404 li{min-height:3em;display: flex;align-items:center;margin-bottom:16px;padding-left:36px;padding-right:8px;position:relative;border-radius:8px;box-shadow:rgb(187, 192, 212) 2px 2px 3px 1px;

	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    }

.list-404 li:nth-child(even) {   background-position:20% 50%;}
.list-404 li:nth-child(odd) {    background-position:40% 50%;}
.list-404 li:nth-child(even) a,
.list-404 li:nth-child(even) a:visited,
.list-404 li:nth-child(even) a:link,
.list-404 li:nth-child(even) a:hover,
.list-404 li:nth-child(even) a:active { color:#fff;   background-position:80% 50%;}
.list-404 li:nth-child(odd) a,
.list-404 li:nth-child(odd) a:visited,
.list-404 li:nth-child(odd) a:link,
.list-404 li:nth-child(odd) a:hover,
.list-404 li:nth-child(odd) a:active { color:#fff;   background-position:80% 50%;}


.list-404 li a{width:100%;height:100%;}
.list-404 li:hover{box-shadow: rgb(187, 192, 212) 0px 0px 1px 1px;padding-top:2px;background-position:80% 50%;
    animation: animateButton 3s infinite;}

/*=======================================================*/
/*------------------------ POST -------------------------*/
/*=======================================================*/
article.type-post h2{font-size:1.5rem;font-weight:bold;color:var(--primary);}
article.type-post h2 a{color:var(--primary);}
article.type-post h2 a:hover{text-decoration:none;}
article.type-post h3{font-size:1.2rem;font-weight:bold;color:var(--primary);}
article.type-post h3 a{color:var(--primary);}
article.type-post h3 a:hover{text-decoration:none;}
article.type-post .entry-meta{color:var(--primary);margin-bottom:1rem;}
article.type-post .entry-meta a{color:var(--primary)}
article.type-post .entry-meta a:hover{text-decoration:none;color:var(--primary)}

/*=======================================================*/
/*----------------------- SIDEBAR -----------------------*/
/*=======================================================*/
/*#right-sidebar .wrap_sidebar ul{padding-left:16px;}
#right-sidebar #related ul{padding-left:16px;}*/
.wp-block-search__input{border-radius:4px;border:var(--colourpalette4-border);height: 3rem;margin: 8px 0;}
.wp-block-search__button{position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--colourpalette4-border);color:var(--textcolour);}
.wp-block-search__button:hover,.wp-block-search__button:active,.wp-block-search__button:focus{background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 192, 176, 0.34);border-color:var(--colourpalette4-border);color:var(--textcolourhover);}


.wp-block-recent-posts__list li{list-style: none;}
.wp-block-related-posts__list li{list-style: none;}
.wp-block-related-posts__list{padding-left:0;}

.widget a {position: relative;/*font-weight: bold; border-bottom: 2px solid #439191; padding-bottom: 3px;*/}
.widget a::before {content: '';position: absolute;width: 100%;height: 2px;border-radius: 4px;background:var(--light-colourpalette4-gradient);bottom: -2px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
.widget a:hover::before {transform-origin: left;  transform: scaleX(1);}

/*=======================================================*/
/*----------------------FOOTER STYLE---------------------*/
/*=======================================================*/
#wrapper-prefooter{background-color:#fff;color:#000;}

#wrapper-footer{
	background: var(--colourpalette3rgb);color:#fff;border-top:1px solid #5A6C61;padding-top:16px;}

#wrapper-footer a,#wrapper-footer a:link,#wrapper-footer a:visited{color:#fff;}
#wrapper-footer a:active,#wrapper-footer a:hover{}

.footer-social{}

#wrapper-icons{ margin-top:12px;}
#wrapper-icons ul{ display: flex;justify-content: space-around;list-style: none;}
#wrapper-icons ul li:not(:first-child){margin-left:12px;}

.footer-policies ul {list-style: none;margin:0;padding:0;text-align:left;}
.footer-policies ul li {margin:0;float:left;margin-right:8px;}
.footer-policies ul li a {text-decoration:none;color:#fff;}

.footer-info{padding:.5rem 0;}
.footer-get-quote{font-size:2rem;color:#fff;padding:.5rem 0;font-weight:700;}
.footer-tel{background-color:var(--primary);font-size:2rem;color:#000;font-weight:700;margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;}

.footer-social a:link,.footer-social a:active,.footer-social a:visited,.footer-social a:hover{color:var(--primary);text-decoration:none;font-size:2rem;border-radius:16px;}

.footer-logo ul{margin-top:16px;margin-bottom:16px;}

.footer-copyright{color: #fff;font-size: 12px;font-weight: 300;}
.footer-copyright a:link,.footer-copyright a:active,.footer-copyright a:visited,.footer-copyright a:hover{color:#fff;}

#footer-credits{color:#fff;}
#footer-credits a,#footer-credits a:link,#footer-credits a:visited{color:var(--tertiary);}
#footer-credits a:active,#footer-credits a:hover{color:var(--tertiary);}

#scroll-top {position:fixed;right:20px;bottom:40px;display:block;z-index:999999;cursor:hand;cursor: pointer;}
#scroll-top span{font-size:48px;color:var(--colourpalette4);transition: all 0.5s ease;}
#scroll-top span:hover {color:r;transition: all 0.5s ease;}


/*=======================================================*/
/*------------------Features & plugins-------------------*/
/*=======================================================*/

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
	position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:var(--button-text) !important;font-weight:normal;
	padding:6px 8px;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:50% 50%;
}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{
	position:relative;margin:8px 0;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:var(--button-text) !important;font-weight:normal;
	padding:6px 8px;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;
}
/*.wpforms-field-required*/
.wpforms-error{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
}
.wpforms-error2::after{
  content:" ";
  width:3px;
  position:absolute;
  height:100%;
  /*animation:wpforms-error 2s cubic-bezier(.36,.07,.19,.97) both;*/
  z-index:99999;
}

div.wpforms-container-full .wpforms-confirmation-container-full p, div[submit-success] > .wpforms-confirmation-container-full p{
 color:#000!important;
 }


/*---------------------------- Strong Testimonials ---------------------------------- */
.strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{border:1px solid var(--colourpalette4);border-radius:8px;}

.strong-view.wpmtst-default.no-quotes .wpmtst-testimonial-heading{color:var(--colourpalette4);
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 500px;
    margin: 0.25em 0;
    padding: 0.35em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;margin-left:32px;}
    
.strong-view.wpmtst-modern .wpmtst-testimonial-content::before,    
.strong-view.wpmtst-default.no-quotes .wpmtst-testimonial-heading::before
{
    display: block;
    padding-left: 10px;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -64px;
    top: -20px;
    background: var(--colourpalette4);}
.strong-view.wpmtst-modern .wpmtst-testimonial-content::before, .strong-view.wpmtst-modern .wpmtst-testimonial-content::after
{
	color: var(--colourpalette4)!important;
	background: var(--colourpalette4)!important;
}    
.wpmtst-testimonial .testimonial-content{font-style:italic;padding:10px 0px 0px 0px;}
/*.wpmtst-testimonial .testimonial-content::before{
content: open-quote;
font-weight: bold;
font-size:100px;
color:#889c0b;}*/
/*.wpmtst-testimonial .testimonial-content p::before{content:"\""}*/
/*.wpmtst-testimonial .testimonial-content p::after{content:"\""}*/
.strong-view.wpmtst-default .wpmtst-testimonial{display:inline-block;border:1px solid var(--colourpalette4);margin:0 auto;}
.wpmtst-testimonial .testimonial-field.testimonial-name{font-weight:600;display:inline-block;margin-right:24px;}
.wpmtst-testimonial .testimonial-field.testimonial-field{font-weight:600;display:inline-block;margin-right:24px;}
.wpmtst-testimonial .testimonial-field.testimonial-date{display:inline-block;margin-right:24px;}
.wpmtst-testimonial{margin-bottom:35px;}
/*.wpmtst-testimonial:not(:last-child)::after{display:block;content:' ';height: 5px;background: radial-gradient(ellipse at center, rgba(3,57,108, 0.8) 0%,rgba(3,57,108,0) 75%);width:50%;margin:0 auto;}*/


.strong-view nav.nav-links .page-numbers{border-radius: 8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: var(--colourpalette4-border);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:#fff!important;
	  padding: 8px 10px!important;
  margin: 0 4px 5px 0!important;  
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:50% 50%;
}
.strong-view nav.nav-links li:not(.current) a{color:#fff!important;}
.strong-view nav.nav-links .page-numbers.current{background: transparent !important;color:var(--colourpalette4)!important;}

/*----------------------- End Strong Testimonials ---------------------------------- */


.uagb-post-grid{margin-bottom:32px;}
.uagb-post__inner-wrap{background:var(--grey-gradient);border:var(--button-border);box-shadow:var(--button-shadow)!important;border-radius:8px;color:var(--text-colour);text-decoration:none;}
.uagb-post__inner-wrap .uagb-post__text .uagb-post__title{color:var(--tertiary);padding:20px 20px 0 20px;margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);}
.uagb-post__text.uagb-post__cta.wp-block-button{color:var(--button-text);}
.uagb-post__text.uagb-post__cta a,.uagb-post__text .uagb-post__cta a:link,.uagb-post__text .uagb-post__cta a:visited{font-weight:normal;color:var(--textcolour) !important;}
.uagb-post-grid .uagb-post__image img{border-radius:8px 8px 0 0;}



a.uagb-post__load-more:link,a.uagb-post__load-more:visited,a.uagb-post__load-more:hover,a.uagb-post__load-more:active,a.uagb-post__load-more:focus{position:relative;margin:8px;padding:8px;background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border:var(--colourpalette4-border);color:var(--textcolour);}
a.uagb-post__load-more:hover,a.uagb-post__load-more:active,a.uagb-post__load-more:focus{background: var(--colourpalette4);border-radius:8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: 1px solid rgba(0, 192, 176, 0.34);border-color:var(--colourpalette4-border);color:var(--textcolourhover);}

.uagb-post-pagination-wrap .page-numbers{border-radius: 8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: var(--colourpalette4-border);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:#fff!important;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:50% 50%;
}
.uagb-post-pagination-wrap .page-numbers.current{background: transparent !important;color:var(--colourpalette4)!important;}

/*=======================================================*/
/*--------------------- Animations ----------------------*/
/*=======================================================*/
@keyframes buttontwitch{
}
@keyframes buttonwobble{
  10%, 90% {
    transform: rotate(1deg);
  }
  
  20%, 80% {
    transform: rotate(-1deg);
  }

  30%, 50%, 70% {
    transform: rotate(1deg);
  }

  40%, 60% {
    transform: rotate(-1deg);
  }
}

@keyframes buttonshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-2px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(2px, 0, 0);
  }
}

@keyframes butonfadeoutin {
 0% { opacity:1; }
 50% { opacity:.51; } 
 100% { opacity:.8; } 
}
 

/*=======================================================*/
/*------------------------ Login ------------------------*/
/*=======================================================*/
body.login div#login{padding:4% 0 0;}
body.login div#login h1{/*background:var(--grey-gradient);border:1px solid var(--button-border);box-shadow:var(--button-shadow);padding: 8px 0;border-radius:8px 8px 0 0;*/
	border-radius: 8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: var(--colourpalette4-border);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:#fff!important;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:20% 50%;

}
body.login div#login h1 a {width:100%;margin-bottom:12px;height:100px;} 
.login label{color:var(--text-colour);}
.login #backtoblog a, .login #nav a,.privacy-policy-page-link a,
.login #backtoblog a:visited, .login #nav a:visited,.privacy-policy-page-link a:visited,
.login #backtoblog a:link, .login #nav a:link,.privacy-policy-page-link a:link,
.login #backtoblog a:hover, .login #nav a:hover,.privacy-policy-page-link a:hover,
.login #backtoblog a:active, .login #nav a:active,.privacy-policy-page-link a:active{color:var(--text-colour);}
.login #backtoblog, .login #nav,.privacy-policy-page-link{color:var(--text-color);}

.wp-core-ui .button-primary,.wp-core-ui .button-primary:link,.wp-core-ui .button-primary:visited,
body.login .button
{
	position:relative;margin:8px 0;border-radius:8px;	
	padding:0 16px;  line-height: 1rem;
	height: 1rem;
	border:var(--button-border);border-style:solid !important;border-radius:8px;font-weight:normal;
	color:var(--button-text) !important;border-color:#fff;
	background: var(--colourpalette4);
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:50% 50%;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
body.login .button:hover,body.login .button:active,body.login .button:focus,
.wp-core-ui .button-primary:hover,.wp-core-ui .button-primary:active,.wp-core-ui .button-primary:focus
{
	position:relative;margin:8px 0;border-radius:8px;	
	padding:0 16px;	  line-height: 1rem;
	height: 1rem;
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:var(--button-text) !important;border-color:#fff;font-weight:normal;
	background: var(--colourpalette4);
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:80% 50%;
    animation: animateButton 3s infinite;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}



body.login .button.button-secondary.wp-hide-pw.hide-if-no-js,
body.login .button.button-secondary.wp-hide-pw.hide-if-no-js:hover{
	background-image:none!important;background:none!important;border:none!important;color:#000!important;
}

.login form{
	margin:0;
	border-radius: 8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: var(--colourpalette4-border);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:#fff!important;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:20% 50%;

}

.login #login_error, .login .message, .login .success{
	border-radius: 8px;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);border: var(--colourpalette4-border);
	border:var(--button-border);border-style:solid !important;border-radius:8px;color:#fff!important;
	background: linear-gradient(90deg, var(--colourpalette1),var(--colourpalette2), var(--colourpalette3), var(--colourpalette4), var(--colourpalette5));
	background-size: 400% 100%;
    background-position:20% 50%;
    margin-bottom:0!important;
}

#language-switcher{display:flex; flex-direction:row;flex-wrap:wrap; justify-content: center;align-items: center;}
.login .language-switcher .button,.login .language-switcher .button:hover,.login .language-switcher .button:active{height:2rem;margin:0;}

/*=======================================================*/
/*---------------------- RESPONSIVE ---------------------*/
/*=======================================================*/
  @media (min-width: 576px) {
		.navbar-nav .nav-link{font-size:1rem;}
		.navbar-dark .navbar-nav .dropdown-menu .dropdown-item{color:var(--nav-sub-link);font-size:1rem;}
	}
  @media (min-width: 768px) {
		.block-menu-nppr{padding-right:0;}
		.block-menu-nppl{padding-left:0;}
		.block-menu-content{display:flex;}
		
		.category-childrens-corner .entry-header img.childrens-corner-entry-title{width:46px;height:36px;}
		.series-infobox-numbered .wp-block-qubely-infobox .qubely-block-info-box{flex-direction:row;}
		
		/* generic list extras */
		.list-columns-2{
			column-count: 2;
			column-gap: 20px;
		}
		.list-columns-3{
			column-count: 2;
			column-gap: 20px;
		}
		.flip-card-front, .flip-card-back,
		.flip-card-inner,.flip-card {
			width: 200px;height: 200px;
		}  	
	}  
  @media (min-width: 992px) {  
		h1, .h1 {font-size:3rem;line-height: 3rem;}
		.org-name{font-size:3rem;line-height:3rem;}
		.org-location{font-size:2rem;line-height:2rem;}
		.org-strapline{font-size:1.5rem;line-height:1.5rem;}
		.navbar-dark .navbar-nav .nav-link::before, .navbar-dark .navbar-nav .nav-link::before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
		.navbar-dark .navbar-nav .dropdown-menu{
			border-radius: 8px;
			font-size:1.2rem;
			background:var(--grey-gradient);
			border:1px solid var(--colourpalette4);
		}		
		.entry-content-link-pages ul.link-pages li{flex-basis: 23%;}
		/*.entry-content-tag-link-pages ul.tag-link-pages li{flex-basis: 23%;}*/
		.list-key-features-notepad,.table-history-notepad {margin-left:50px;margin-right:50px;}
		.list-key-features-notepad::before,.table-history-notepad table::before,.list-key-features-notepad::after,.table-history-notepad table::after {bottom: 15px;}
		.org-logo-wrapper{position:relative;height:150px;}
		/* generic list extras */
		.list-columns-3{
			column-count: 3;
			column-gap: 20px;
		}
		.flip-card-front, .flip-card-back,
		.flip-card-inner,.flip-card {
			width: 250px;height: 250px;
		}
		.navbar-dark .navbar-nav .dropdown-menu{
			border-radius: 2px;
			font-size:1.2rem;
			border:1px solid var(--button-border);box-shadow:var(--button-shadow);
			}
     }
     

/* horizontal line */
  @media (max-width: 781px) {	
		.stripe-colourpalette5.has-vertical-divider .wp-block-columns .wp-block-column:first-child{position:relative;}
		.stripe-colourpalette5.has-vertical-divider .wp-block-columns .wp-block-column:first-child::after{content:"";display:block;position:absolute;bottom:-16px;left:10%;width:80%;height:2px;background:#fff;}
	}
/* vertical line */
  @media (min-width: 782px) {
		.stripe-colourpalette5.has-vertical-divider .wp-block-columns{position:relative;}
		.stripe-colourpalette5.has-vertical-divider .wp-block-columns::after{content:"";display:block;position:absolute;left:50%;top:10%;width:1px;height:90%;background:#fff;}
  }