.page-title-default{
	background-color:#222a34;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(27,27,27);
}

:root{
--wd-text-font:"Inter", Arial, Helvetica, sans-serif;
--wd-text-font-weight:300;
--wd-text-color:rgb(34,42,52);
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Bagoss Condensed Medium", Arial, Helvetica, sans-serif;
--wd-title-font-weight:600;
--wd-title-color:rgb(34,42,52);
}
:root{
--wd-entities-title-font:"Inter", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Bagoss Condensed Medium", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Bagoss Standard Regular", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:rgb(34,42,52);
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Bagoss Condensed Medium", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:700;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:13px;
}
.wd-nav.wd-nav-main > li > a{
	font-family: "Bagoss Standard Regular", Arial, Helvetica, sans-serif;font-weight: 600;font-size: 14px;text-transform: uppercase;
}

:root{
--wd-primary-color:rgb(0,73,157);
}
:root{
--wd-alternative-color:rgb(251,188,52);
}
:root{
--wd-link-color:rgb(255,255,255);
--wd-link-color-hover:rgb(255,255,255);
}
:root{
--btn-default-bgcolor:rgb(0,0,0);
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(0,215,0);
}
:root{
--btn-shop-bgcolor-hover:rgb(34,42,52);
}
:root{
--btn-accent-bgcolor:rgb(0,215,0);
}
:root{
--btn-accent-bgcolor-hover:rgb(34,42,52);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.payspace.com/wp-content/themes/woodmart/fonts/woodmart-font.woff?v=6.0.1") format("woff"),
	url("//www.payspace.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=6.0.1") format("woff2");
	font-display:fallback;
}

	:root{
	
	
			--wd-form-brd-radius: 0px;
	
	--wd-form-brd-width: 2px;

	--btn-default-color: #333;
	--btn-default-color-hover: #333;

	--btn-shop-color: #fff;
	--btn-shop-color-hover: #fff;

	--btn-accent-color: #fff;
	--btn-accent-color-hover: #fff;
	
	
	
	
	
	
			--btn-default-brd-radius: 35px;
		--btn-default-box-shadow: none;
		--btn-default-box-shadow-hover: none;
	
			--btn-shop-brd-radius: 35px;
		--btn-shop-box-shadow: none;
		--btn-shop-box-shadow-hover: none;
	
			--btn-accent-brd-radius: 35px;
		--btn-accent-box-shadow: none;
		--btn-accent-box-shadow-hover: none;
	
	
	
		}

	/* Site width */
		/* Header Boxed */
	@media (min-width: 1025px) {
		.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
			max-width: 1192px;
		}
	}

	.container {
		max-width: 1222px;
	}
	
	
	@media (min-width: 1222px) {

		[data-vc-full-width]:not([data-vc-stretch-content]) {
			padding-left: calc((100vw - 1222px) / 2);
			padding-right: calc((100vw - 1222px) / 2);
		}

		.platform-Windows [data-vc-full-width]:not([data-vc-stretch-content]) {
			padding-left: calc((100vw - 1239px) / 2);
			padding-right: calc((100vw - 1239px) / 2);
		}
	}

	
/* Quick view */
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

/* Shop popup */
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}

/* Age verify */
div.wd-popup.wd-age-verify {
	max-width: 500px;
}

/* Header Banner */
.header-banner {
	height: 40px;
}

body.header-banner-display .website-wrapper {
	margin-top:40px;
}

/* Tablet */
@media (max-width: 1024px) {
	/* header Banner */
	.header-banner {
		height: 40px;
	}
	
	body.header-banner-display .website-wrapper {
		margin-top:40px;
	}
}

.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 280px;
}
		
@font-face {
	font-family: "Bagoss Condensed Medium";
	src: url("//www.payspace.com/wp-content/uploads/2024/11/BagossCondensed-Medium.woff") format("woff"), 
url("//www.payspace.com/wp-content/uploads/2024/11/BagossCondensed-Medium.woff2") format("woff2");
	font-weight: 500;
	font-display:fallback;
	font-style: normal;
}

@font-face {
	font-family: "Bagoss Standard Regular";
	src: url("//www.payspace.com/wp-content/uploads/2025/03/BagossStandard-Regular.woff") format("woff"), 
url("//www.payspace.com/wp-content/uploads/2025/03/BagossStandard-Regular.woff2") format("woff2");
	font-weight: 400;
	font-display:fallback;
	font-style: normal;
}

/* Font overrides */
p, li, .elementor-post-date, .elementor-icon-list-text, .ha-comparison-table__head-column-cell-title-tag, div {
	font-family: "Inter", Arial, Helvetica, sans-serif !important;
	font-weight: 400 !important;
	line-height: 140%;
}

.ha-comparison-table__row-item-cell-title {
		font-family: "Inter", Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
}

h1, h2, h3, .elementor-heading-title, .elementor-accordion-title, .elementor-toggle-title  {
	font-family: "Bagoss Condensed Medium", Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
}

h5.elementor-heading-title {
	font-family: "Inter", Arial, Helvetica, sans-serif !important;
	font-weight: 600 !important;
	text-transform: uppercase;
}

.elementor-post__title a, .elementor-button-text {
		font-family: "Bagoss Standard Medium", Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
}

.elementor-post__read-more {
			font-family: "Bagoss Standard Regular", Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
}

/*"Bagoss Condensed Medium", Arial, Helvetica, sans-serif*/

/*SVG icon colours*/
.cls-1 {
	fill: #1b1b1b !important;
}

a {
	font-weight: bold;
}

a:hover {
	color: #5C9BE1;
}

.elementor a {
	color: rgb(0, 73, 157);
}
.elementor a:hover {
	color: rgb(0, 73, 157);
	opacity: 0.8;
}
.footer-container.color-scheme-light * {
	fill: white;
}
h1.elementor-heading-title {
		color: #fbf4ee !important;
}
h1.post-title {
	 color: 1b1b1b;
}
.newsletter-form input {
	background-color: #dbeeff;
	border-radius: 5px
}
.single-post .title-blog {
	margin-top: 0px; 
}
/*Pacey green circle with PS text*/
.green-circle {
	height: 125px;
	width: 125px;
	background-color: #1b1b1b;
	border-radius: 50%;
	display: inline-block;
	z-index: 3;
	position:relative;
}

.main-page-wrapper {
    margin-top: -80px;
}

#menu-item-638854a a {
	font-weight: 700;
}

/* home page news articles */
.elementor-post {
    border-radius: 24px;
    padding: 30px !important;
}

.entry-title {
	color: white !important;
}


a.content-link, article a, .read-more-section a, .read-more-section a:hover, .single-post-navigation .blog-posts-nav-btn a:hover {
	color: #00499d;
	font-weight: 500;
}

.meta-post-categories {
	background: #FFCF25;
	color: #1B1B1B;
}

.meta-post-categories a {
	color: #1B1B1B;
}

.elementor-column.elementor-col-30, .elementor-column[data-col="30"] {
   width: 30%;
 }
}

.elementor-column.elementor-col-40, .elementor-column[data-col="40"] {
   width: 40%;
 }
}

.elementor-column.elementor-col-60, .elementor-column[data-col="60"] {
   width: 60%;
 }
}

.elementor-section {
 position: relative;
}

.elementor-section .elementor-container {
 display: flex;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}

.elementor-column {
 position: relative;
 min-height: 1px;
 display: flex;
}

.story-text {
   color: #FFF;
}

.story-link {
   color: #FFCF25;
   text-transform: uppercase;
}

.elementor-repeater-item-7676e3c h5 {
    padding: 10px 15px;
    background: #00499D;
	  color: #ffffff;
    border-radius: 20px;
}
.elementor-repeater-item-c2c573b h5 {
    padding: 10px 15px;
    background: #B1D8FC;
	  color: #ffffff;
    border-radius: 20px;
}

.elementor-repeater-item-94e3ad6 h5 {
	  padding: 10px 15px;
    background: #5938B7;
	  color: #ffffff;
    border-radius: 20px;
}

.elementor-repeater-item-506ec39 h5 {
	  padding: 10px 15px;
    background: #C4B1F9;
	  color: #ffffff;
    border-radius: 20px;
}

/* Header */
.wd-header-text a {
	color: #FFFBF4;
}

.user-top-link {
    display: inline-flex;
    padding: 8px 15px 8px 15px;
    align-items: flex-start;
    border-radius: 16px;
    background: #FFE27C;
    color: #1B1B1B !important;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 900 !important;
    line-height: 16px;
    text-transform: capitalize;
}
.wd-header-search .wd-custom-icon {
    max-width: 20px;
}
.countries-button {
   padding: 6px 15px;
   display: inline-flex;
   align-items: center;
   background: white;
   color: #1B1B1B;
   border-radius: 15px;
   box-shadow: 0px 6px 40px 0px #0000000f;
   cursor: pointer;
   position: relative;
      div {
          font-size: 14px;
          font-weight: 600;
          line-height: 20px;
          text-align: center;
          padding: 0 15px;
                }
}

.countries-selection {
   border: 1.5px solid #ecebeb;
   box-shadow: 0px 6px 40px 0px #0000000f;
   background-color: white;
   border-radius: 30px;
   padding: 20px 25px;
   width: 300px;
   position: absolute;
   top: 53px;
   z-index: 1001;
   display: none;
     div.region {        
       color: #1B1B1B;
       font-size: 16px;
       font-weight: 600;
       line-height: 40px;
       text-align: left;
       margin: 0px;
   }

  .country {
   display: inline-flex;
   align-items: center;
     a {
         text-decoration: none;
         color: #222A34;
          margin-left: 15px;
        }

    }
}

.arrow {height: 9px;}

.country-hr {
    max-width: 100%;
    margin-top: 15px;
    border-top: 1px solid #838991;
}
/* end Header */

/* Menu */
.wd-nav.wd-nav-main > li > a {
  text-transform: capitalize;
	padding: 8px 16px;
}

#menu-item-627423 .sub-menu-dropdown, #menu-item-627490 .sub-menu-dropdown, #menu-item-627491 .sub-menu-dropdown, #menu-item-614850 .sub-menu-dropdown {
    border-radius: 40px;
    backdrop-filter: blur(24px);
    padding: 30px 40px !important;
}

#menu-item-631149 .sub-menu-dropdown, #menu-item-631754 .sub-menu-dropdown, #menu-item-631149 .sub-sub-menu, #menu-item-631754 .sub-sub-menu {
    border-radius: 40px;
    padding: 25px 20px 15px 20px !important;
	  color: #4E4E4E;
	  list-style: disc;
}

.wd-design-full-width {
    max-width: 800px;
}

.wd-nav[class*=wd-style-]>li:hover>a, .wd-sub-menu li a:hover {
    color: #4E4E4E;
}

#training-list-items, .payroll-hr, .add-ons, .payroll-features, .hr-features, .addons {
    display: none;
}

.wd-dropdown-menu.wd-design-full-width .wd-sub-menu>li, .wd-dropdown-menu.wd-design-sized .wd-sub-menu>li {
    margin-bottom: 5px;
}

/* end menu */


/*Footer text and links*/
.footer-container.color-scheme-light * {
	color: #ffffff;
}

.footer-container.color-scheme-light a:hover {
	color: #ffffff;
}

.footer-container.color-scheme-light {
	border-radius: 50px 50px 0 0;
}

footer .wd-social-icons .wd-social-icon {
    display: block;
}

.footer-sidebar {
	padding-top: 60px;
}


/*End of footer styling*/

/* FORM CODE */

.name-fields {
	display: flex;
	gap: 25px;
}

.form input {
color: #B0B1BA;
}

.radio-phone {
	margin-right: 15px;
}

.legal-text {
	margin: 10px 0;
	text-align: center;
}

.input-field-thin {
	margin: 5px 0;
}

.dropdown-field-thin {
	margin: 5px 0 15px 0;
}

.radio-row {
	display: flex;
	justify-content: center;
}

.form {
   text-align: left;
   /* Modal container */
   .modal {
       display: none; 
       position: fixed;
       z-index: 1000;
       left: 0;
       top: 0;
       width: 100%;
       height: 100%; /* Full height */
       overflow: auto; /* Enable scroll if needed */
       background-color: rgb(0,0,0); /* Fallback color */
       background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
   }

   /* Modal content */
   .modal-content {
       background-color: #fefefe;
       margin: 100px auto;
       border: 1px solid #888;
       width: max(300px, 34%);
       border-radius: 50px;
   }
	

@media screen and (max-width: 1600px) {
       .modal-content {
           width: max(300px, 50%); 
       }
   }

   @media screen and (max-width: 800px) {
       .modal-content {
           width: 90%;
       }
   }

   /* Close button */
   .close-button {
       color: #FFCF25;
       float: right;
       font-size: 34px;
       font-weight: bold;
       position: relative;
       top: 30px;
       right: 30px;
   }

   .close-button:hover,
   .close-button:focus {
		   color: #FEF0D8;
       text-decoration: none;
       cursor: pointer;
   }
   
		button {
			 text-transform: inherit !important;
		}
	
		
   
   h2 {
       font-size: 32px !important;
       text-align: center;
   }
   
   h3 {
      text-align: center;
      margin-top: 30px;
   }

   a {
       text-decoration: underline !important;
   }
   
   .my-label {
       color: #1B1B1B;
       font-size: 18px;
       padding-top: 15px;
   }

   ::placeholder {
			color: #B0B1BA;
		}

   .my-input {
       height: 40px;
       width: 200px !important;
       color: #1B1B1B !important;
       border: 1px #B0B1BA solid !important;
   }

   .form-group {
       display: flex;
       justify-content: space-evenly;
       margin-top: 20px;
       margin-left: auto;
       margin-right: auto;
       width: 85%;
   }
   
       .form-content {
       display: flex;
       margin-left: auto;
       margin-right: auto;
       width: 71%;
   }
   
   #delegateDetailsContainer button, #addDelegate {
       margin-left: 90px;
   }
   
   .center-align {
       display: flex;
       justify-content: center;
       margin-left:1%;
       margin-right:1%;
   }
   
   .input-width {
       max-width: 450px;
   }
 
.form-contact {
text-align: center;	
}
	
	
   hr {
       max-width: 100% !important;
   }

   @media screen and (max-width: 1025px) {
   .form-group {
       column-gap: 20px;
   }
           .my-input {
               width: 100% !important;
           }
}

@media screen and (max-width: 1000px) {
   .form-group {
       flex-direction: column;
       column-gap: 0px;
   }    
	
	
	}
}

		.intro-text {
       text-align: center;
      }

   input {
       border: 1px #B0B1BA solid;
       border-radius: 80px !important;
       padding-left: 10px;
		 	color: black;
   }
   
#Radio_2 {
    margin-left: 20px;
}
   
.radio-group {
   display: flex !important;
   justify-content: center !important;
}
   
.radio-group * {
  padding-top: 0px !important;
}
	
.radio-form {
justify-content: center;	
}
	

#preferred-method {
text-align: center;
}

#referral-text {
   margin-bottom: 0 !important;
   margin-top: 40px;
   text-align: center;
}

   select {
       border-radius: 50px;
       height: 50px;
       padding-left: 10px;
       padding-right: 10px;
       border-color: #B0B1BA;
       border-width: 1px;
   }
	
	select:invalid {
  color: #b0b1ba;
}
   
   textarea.my-textarea {
       height: 150px;
       border-radius: 40px;
       border-color: #B0B1BA;
       border-width: 1px;
       max-width: 500px;
               
   }
	
	.form-textarea {
		border: 1px solid #B0B1BA;
		border-radius: 50px;
		margin-top: 15px;
		padding: 30px;
		min-height: 120px;
	}
     
   .legal-copy {
       text-align: center;
       margin-top: 50px;
   }

   button.my-button {
       background: #1B1B1B;
       height: 45px;
       border-radius: 80px;
       margin-top: 20px;
       width: 200px;
		   font-size: 14px;
       color: #ffffff;
   }
	
	button.my-button:hover {
		    background-color: #4E4E4E;
	}
   
   button.my-button em {
       font-style: normal !important;
       text-align: center
   }

   .button-span {
       display: flex;
       justify-content: center;
   }	
			   
   input[type="radio"] {
       accent-color: #1B1B1B;
   }
	
	#white-override .elementor-button:hover {
		background-color: #3f3f3f !important;
	}
	
	.center-button a:hover {
		color: white !important;
	}
		

}

@media screen and (max-width: 767px) {
   .form {
       text-align: center !important;
   }	
   .form-content {
       width: 85% !important;
   }
       #delegateDetailsContainer button, #addDelegate {
       margin-left: 0px !important;
   }
	.hello-pacey {
		margin: 100px 0 0 30px;
	}
	.newsletter-subscribe-cta {
		text-align: center;
	}
	.whb-header { margin-top: 15px;
	}
	
	.name-fields {
	flex-direction: column;
		gap: 0;
	}
	.form-body {
 	padding: 30px 20px;
}
}

.form-body {
 padding: 30px 60px;
}

.elementor-button {
	border-radius: 100px !important;
}

#white-override .elementor-button , #green-override .elementor-button {
	  background-color: #ffffff !important;
    font-weight: 700;
    fill: #1B1B1B;
    color: #1B1B1B;
    border-style: none;
}

	#white-override .elementor-button:hover {
		background-color: #3f3f3f !important;
		color: #ffffff;
	}

.form .elementor-button {
	  background-color: #1B1B1B !important;
    fill: #FFF;
    color: #FFF;
    border-style: none;
		font-family: "Bagoss Standard Medium", Arial, Helvetica, sans-serif !important;
	font-weight: 500 !important;
    /*border-radius: 20px 20px 20px 20px;*/
}

.elementor-button {
    background-color: #1B1B1B !important;
    font-size: 15px;
			font-family: "Bagoss Standard Medium", Arial, Helvetica, sans-serif !important;
    font-weight: 500 !important;
    fill: #ffffff;
    color: #ffffff;
    border-radius: 200px 200px 200px 200px;
    padding: 20px 30px 20px 30px;
}

.elementor-button:hover {
	background-color: #3f3f3f !important;
}

.notice {
 background-color: #1B1B1B;
 padding: 20px;
 border-radius: 50px 50px 0 0;
}

.notice h3 {
 color: white;
}

.notice-text {
 color: white;
 text-align: center;
}

.notice-text a {
	color: #FFCF25;
}

.center-button {
   text-align: center;
}

.box-shadow-lr {
box-shadow: -7px 0px 4px 0px rgba(0, 0, 0, 0.14), 7px 0px 4px 0px rgba(0, 0, 0, 0.14);
}

.box-shadow-lrb {
box-shadow: -8px 0px 6px 0px rgba(0, 0, 0, 0.14), 8px 0px 6px 0px rgba(0, 0, 0, 0.14);
}