/*
Theme Name: Outsource To Southafrica
Theme URI: https://outsourcetosouthafrica.co.uk
Author: Outsource To Southafrica
Author URI: https://outsourcetosouthafrica.co.uk
*/

:root {
  --color-blue: #163043;
  --color-green: #166d48;
  --color-red: #109d54;
}

.font-poppins {
font-family: 'Poppins', sans-serif;
}
.font-dmsans {
font-family: 'DM Sans', sans-serif;
}

html {
scroll-behavior: smooth;
}
footer a:hover {
    text-decoration:underline;
  }

  .prose {
    font-family: 'DM Sans', sans-serif;
  }
  .prose h1,
  .prose h2,
  .prose h3,
  .prose h4,
  .prose h5,
  .prose h6 {
    font-family: 'Poppins', sans-serif;
  }

/* form design */


.frm_fields_container .form-field input, 
.frm_fields_container .form-field select, 
.frm_fields_container .form-field textarea {
  padding: 10px 15px;
  border-radius: 6px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: none;
  border: 1px solid #ddd;
  font-size: 16px;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  transition: all 0.3s ease-out;
  height: 50px;
}

.frm_fields_container .form-field textarea {
  vertical-align: top;
  height: auto;
  border-radius: 6px;
}



.frm_fields_container .form-field .frm_primary_label, 
fieldset > .frm_screen_reader {
font-size: 16px;
  font-weight: 500;
  font-family: "DM Sans", serif !important;
  margin-bottom: 0;
}

.frm_button_submit {
color: #fff !important;
  border-radius: 9px !important;
  text-transform: capitalize !important;
  font-size: 18px !important;
  line-height: 34px !important;
  padding: 8px 28px !important;   
  display: inline-block !important;
  background: var(--color-green) !important;
  position: relative !important;
  border: 0px !important;
  font-family: "DM Sans", serif !important;
  box-shadow: none !important;
  width: auto!important;
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  transition:all 0.3s; 
}


.frm_button_submit:hover{
  background: var(--color-red) !important;
   box-shadow: none!important;
}


.footer .form-field input{
	border: 0px !important;
  border-radius: 2px !important;
  font-family: inherit !important;
  height: 44px!important;
  font-family: "DM Sans", serif!important;
  font-weight: 400!important;
}


.border-bottom+.border-bottom{
border-top:1px solid #ddd;
margin-top: 22px;
padding-top: 22px;
}



/* Pagination Navigation */
.navigation.pagination {
  display: block;
  justify-content: center;
  align-items: center;
  padding: 1rem 0;
  width:100%!important;
}

/* Visually hidden for screen readers */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Pagination links container */
.nav-links {
  display: flex;
  gap: 0.5rem;
}

/* All pagination links */
.page-numbers {
padding:6px 15px 11px;
  border: 1px solid var(--color-blue);
  color: var(--color-blue);
  text-decoration:none;
  border-radius:4px;
  transition:all 0.3s ease;
  font-weight: 600;
}

/* Hover state */
.page-numbers:hover {
  background-color: var(--color-blue);
  color: white;
}

/* Current page */
.page-numbers.current {
  background-color: var(--color-blue);
  color: white;
  border-color: var(--color-blue);
  cursor: default;
}

/* Next page */
.page-numbers.next {
  background-color: var(--color-red);
  color: white;
  border-color: var(--color-red);
}

/* Next page hover */
.page-numbers.next:hover {
  background-color: #109d54;
}

@media(max-width:480px){
	.nav_logo img{
		max-width:220px!important;
	}
}