@font-face {
  font-family: 'Campton Bold';
  src: url('assets/fonts/Campton-Bold.woff') format('woff');
  font-style: normal;
}

h1, h2, h3, h4 {
    margin: 0 0 20px;
    color: #011f41;
	font-family: 'Campton Bold', sans-serif;
}

h1 {
	font-size: 450%!important;
}

h1.dynamic {
	font-size: 350%!important;
}

h2 {
	font-size: 300%;
}

h3 {
	font-size: 220%;
	color: #ffcd3f;
    font-weight: 500;
}

h3.small {
	font-size: 150%;
	color: #000;
    font-weight: 500;
}

h4 {
	font-size: 125%;
	color: #000;
    font-weight: 500;
}

.br-20 {
	border-radius: 20px;
}

.mb-30px {
	margin-bottom: 30px;
}

ul.check {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

ul.check li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.check-icon {
  color: #ff914d;
  font-size: 120%!important;
  line-height: 1.2;
  margin-right: 10px;
  flex-shrink: 0;
}

.columns-2 {
	column-count: 2;
}

section {
	padding: 60px 0;
	background: #fff;
}

section a {
	color: #ff5631;
	transition: .3s; 
}

section a:hover {
	color: #ff5631;
	transition: .3s; 
}

section p:last-child {
	margin-bottom: 0;
}

section.top {
	padding: 30px 0;
}

section.blue {
	padding: 100px 0;
	background: #011f41;
}

section.blue h1, 
section.blue h2, 
section.blue h3 {
	color: #fff;
}

section.green {
	padding: 60px 0;
    background: #02daa1;
	color: #fff;
}

section.green h1, 
section.green h2, 
section.green h3 {
	color: #fff;
}

section.webpage {
	padding: 60px 0;
	background: #011f41;
	color: #fff;
}

section.webpage h1, 
section.webpage h2, 
section.webpage h3 {
	color: #fff;
}

section.registered-bg {
	background: url("assets/img/get-registered.jpg");
	background-size: cover;
	padding: 100px 0;
    background-position: center;
}

section.registered-bg h2 {
	color: #fff;
}

h2.small-h {
	font-size: 125%;
	letter-spacing: 5px;
	margin-bottom: 10px;
	font-weight: 400;
}

.float-right {
	float: right;
}

.page {
	margin: 0!important;
}

.text-right {
	text-align: right;
}

.br-20 {
	border-radius: 20px;
}

span.green-text {
	color: #00daa1;
}

span.yellow-text {
	color: #ffcd3f;
}

/* NAVIGATION */

.navbar {
	z-index: 999;
	width: 100%;
    padding: 20px;
    background: #011f41;
}

.navbar .logo {
	width: 350px;
    transition: all 0.3s;
}

.pages nav {
    position: fixed;
	z-index: 999;
	width: 100%;
    padding: 30px;
    background: #526351;
}

.nav-link {
    color: #fff !important;
    padding: 0 !important;
    transition: .2s;
    font-size: 100%;
    font-weight: bold;
}

.nav-link:hover {
    color: #ffcd3f !important;
    transition: .2s;
}

.nav-link.active {
    color: #ffcd3f!important;
}

.nav-bold {
    background: #ffcd3f;
    padding: 10px 20px;
    border-radius: 30px;
    margin: 0 10px !important;
}

.nav-bold a {
    color: #021f41 !important;
}

.nav-bold a:hover, 
.nav-bold a.active {
    color: #fff !important;
}

.nav-item {
    position: relative;
    margin: 0 15px;
    margin-top: auto;
    margin-bottom: auto;
}

/* CAROUSEL */
.carousel-caption {
    position: absolute;
    width: 50%;
    left: 30px;
    bottom: 30px;
    top: unset;
    background: rgb(0 0 0 / 60%);
    padding: 30px;
    right: unset;
    text-align: left;
}

.carousel-caption h1 {
	color: #fff;
	font-size: 350%;
	margin-top: 0;
	text-align: left;
}

.carousel-caption p {
	text-align: left;
	margin-bottom: 0;
}

/* BUTTONS */
.btn-primary {
    background: #00daa1;
    border-radius: 30px;
    padding: 10px 20px;
    border: 2px solid #00daa1;
    color: #fff;
    letter-spacing: 1px;
    transition: .3s;
}

.btn-primary:hover {
    background: #ff497c;
    border: 2px solid #ff497c;
    color: #fff;
}

.btn-secondary {
    background: #ffcd3f;
    border-radius: 30px;
    padding: 10px 30px;
    border: 2px solid #ffcd3f;
    color: #021f41;
    letter-spacing: 1px;
    transition: .3s;
	font-weight: bold;
}

.btn-secondary:hover {
    background: #ffcd3f;
    border: 2px solid #ffcd3f;
    color: #fff;
}

/* SEARCH */
.page-template-home .form {
    position: relative;
    width: 55%;
    margin: 0 auto;
    border: 1px solid #ffcd3f;
	border-radius: 30px;
}

#trade_category_select {
	min-height: 50px;
	border-radius: 30px;
	border: 1px solid #00daa1;
    text-align: center;
    color: #ff497c;
	text-align-last: center;
}

option#id span:before {
   font-family: "Font Awesome 5 Free";
   content: "\f095";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
}

.form .col-2 {
    text-align: center;
	padding: 0;
}

.form button.search {
    background: #ffcd3f;
    color: #fff;
    border-radius: 0 30px 30px 0;
    padding: 17px 0;
	border: 0;
	width: 100%;
}

.form-input {
    text-indent: 15px;
    border: none !important;
	background: transparent;
	color: #fff!important;
}

.form-input:focus {
    box-shadow: none;
    border: none;
	background: #011f41;
	color: #fff!important;
}

#swpm_mda-search-form {
    width: 100%;
    margin: 0 auto;
}

.page-template-businesses .swpm_mda_listing-search-field {
    position: relative;
    border: 1px solid #00daa1;
    border-radius: 30px;
    padding: 2px 10px;
    height: unset!important;
	width: 90%;
	max-width: 90%;
}

.page-template-businesses .swpm_mda_listing-search-field button {
    box-sizing: unset;
    vertical-align: unset;
    margin: unset;
    right: -1px!important;
    border-radius: 0 30px 30px 0!important;
    padding: 10px 60px !important;
    background: #38daa1 !important;
    height: unset;
    width: unset;
    border: 0;
}

.page-template-businesses .swpm_mda_listing-search-field input {
    background: 0;
    border: 0!important;
}

/* MAIN */

.social-icon {
    width: 25px;
}

div.service {
    background: #103157;
    border: 2px solid #2a3f56;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
}

div.service h3 {
	font-size: 120%;
	margin-bottom: 10px;
}

div.service img {
	width: 60px;
	margin-bottom: 10px;
}

ul.tick {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

ul.tick li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.check-icon {
  color: #00daa1;
  font-size: 150%;
  line-height: 1.2;
  margin-right: 10px;
  flex-shrink: 0;
}

.img-div-content .check-icon {
  color: #fff;
}

div.img-div-why-choose {
	background: url("assets/img/builder.jpg");
    background-size: cover;
    background-position: center;
    min-height: 500px;
}

div.img-div-content {
	padding-left: 3rem;
	padding-right: 3rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.pricing {
    background: #0b2a4f;
    padding: 25px;
    border: 3px solid #1a3d66;
    border-radius: 15px;
	color: #fff;
}

.swpm_mda_search-res-text {
	color: #404040;
}

.swpm_mda_search-res-text a {
    color: #ffcd3f!important;
}

img.cubes {
    position: absolute;
    top: 100px;
    right: 0;
    width: 50%;
    opacity: 0.5;
    z-index: 10;
}

.cubes-behind {
	position: relative;
	z-index: 20;
}

.icon-box {
    padding: 40px 20px;
    background: #08284c;
    color: #fff;
    border-radius: 15px;
	text-align: center;
}

.icon-box h2 {
    font-size: 130%;
    color: #00daa1;
}

.icon-box img {
    width: 65px;
    margin-bottom: 20px;
}

.glide__arrows button {
    font-size: 300%;
    background: none;
    border: none;
    color: #02daa1;
	padding: 0;
}

.glide__arrows button:last-child {
	position: absolute;
	right: 10px;
}

/* FLIPBLOCK H1 */

.flipblock-headline {
  font-weight: 700;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 1.1;
}

.flipblock-container {
  height: 55px; /* Scaled down proportionally */
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin-left: 0px;
  vertical-align: baseline;
}

.flipblock-text {
  display: inline-block;
  animation: flipblock-flip 10s infinite;
}

.flipblock-item {
  height: 80px;
  color: transparent;
  display: block;
  background: #ffcd3f;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 72px; /* Leave room for descenders */
}

@keyframes flipblock-flip {
  0%, 18% { transform: translateY(0); }              /* Item 1 */
  20%, 38% { transform: translateY(-80px); }         /* Item 2 */
  40%, 58% { transform: translateY(-160px); }        /* Item 3 */
  60%, 78% { transform: translateY(-240px); }        /* Item 4 */
  100% { transform: translateY(0); }                 /* Loop back */
}

/* Mobile adjustments */
@media screen and (max-width: 768px) {
  .flipblock-headline {
    font-size: 100%;
    line-height: 1.1;
    padding: 0px;
  }

  .flipblock-container {
    height: 28px;
    margin-left: 0px;
  }

  .flipblock-item {
    height: 40px;
    line-height: 40px;
  }

@keyframes flipblock-flip {
  0%, 16% { transform: translateY(0); }
  20%, 36% { transform: translateY(-40px); }
  40%, 56% { transform: translateY(-80px); }
  60%, 76% { transform: translateY(-120px); }
  80%, 96% { transform: translateY(-160px); }
  100% { transform: translateY(0); }
}

}

/* MEMBERS */
.swpm_mda_profile-image img {
    border-radius: 10px !important;
    max-height: 100% !important;
    max-width: 140px !important;
    height: auto;
    width: auto;
}

.swpm_mda_member-details-profile-image img {
    max-width: unset !important;
    border-radius: 0!important;
    width: unset;
    max-height: unset !important;
    height: 175px;
}

.swpm_mda_grid-row {
	flex-wrap: wrap;
}

.swpm_mda_grid-item {
    background: #f9f9f9!important;
    color: #021f41;
	float: none !important;
    width: 47% !important;
	margin-bottom: 3%!important;
    border: 1px solid #ddd!important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px;
    border-radius: 10px;
}

.page-template-home .swpm_mda_grid-item {
    background: #08284c !important;
    border-radius: 10px;
    color: #fff;
    box-shadow: unset;
    border: 2px solid #2a3f56 !important;
}

#swpm_mda-search-form {
    margin-bottom: 60px!important;
}

.swpm_mda_listing-search-field {
    margin: unset!important;
}

.swpm_mda_member-username {
    color: #00daa1;
    font-size: 120%!important;
    text-align: left !important;
    margin: 0 0 20px 0 !important;
}

.swpm_mda_info-lines {
    text-align: left!important;
    padding-bottom: 0 !important;
    margin: 0 0 20px 0 !important;
    font-size: 90%!important;
}

.swpm_mda_info-lines .swpm_mda_info-row {
    margin: 0 0 10px 0 !important;
}

.swpm_mda_profile-button {
    position: unset!important;
    width: unset!important;
    text-align: left!important;
}

textarea.swpm-textarea, input.swpm-medium, input[type="text"].swpm-medium, input[type="tel"].swpm-medium, input[type="email"].swpm-medium, input[type="url"].swpm-medium, select.swpm-medium {
    width: 100%!important;
    text-indent: 15px!important;
    border: 1px solid #02daa1 !important;
    border-radius: 30px!important;
    padding: 10px!important;
}

.swpm-form-builder fieldset {
    border: none!important;
    background-color: unset!important;
}

.swpm-form-builder .swpm-legend {
	display: none;
}

label.swpm-desc {
    font-weight: bold;
    font-size: 150%;
    color: #021f41!important;
}

.swpm-item-password .swpm-span {
	column-count: 2;
}

.swpm-span p {
	display: none;
}

select.swpm-select {
    width: 100% !important;
    text-indent: 15px !important;
    border: 1px solid #02daa1 !important;
    border-radius: 30px !important;
    padding: 8px 10px !important;
}

.swpm-item input[type="submit"] {
    background: #00daa1;
    border-radius: 30px;
    padding: 10px 20px;
    border: 2px solid #00daa1;
    color: #fff;
    letter-spacing: 1px;
    transition: .3s;
	line-height: unset;
}

input.swpm-login-form-submit {
    border: unset!important;
    border-color: unset!important;
    color: #011f41!important;
    line-height: unset!important;
    background: #ffcd3f!important;
    padding: 10px 20px!important;
    border-radius: 30px!important;
    margin: 0 10px !important;
}

input.swpm-username-field, 
input.swpm-password-field {
    width: 100% !important;
    text-indent: 15px !important;
    border: 1px solid #02daa1 !important;
    border-radius: 30px !important;
    padding: 10px !important;
}

div.swpm-login-submit,
div.swpm-forgot-pass-link,
div.swpm-join-us-link,
div.swpm-login-action-msg {
	text-align: center;
}

.swpm-fb-profile-image div {
  display: flex!important;
  align-items: center;
}

.swpm-fb-profile-image div div {
  margin-right: 20px!important; /* spacing between image and input */
}

.swpm-fb-profile-image div div div {
  margin-right: 0px!important; /* spacing between image and input */
}

.swpm-fb-profile-image div .swpm-span {
  display: flex;
  flex-direction: column;
}

.swpm_mda_member-details-row.category {
	text-transform: capitalize;
}

/* ===========================
   Member Profile – Final Layout
   =========================== */

/* Outer: avatar (left) | everything else (right) */
.swpm_mda_member-details{
  --mp-border:#e6e9ee;
  --mp-muted:#667085;
  --mp-radius:14px;
  align-items:start;
  margin-inline:auto;
  background:var(--mp-surface);
  border-radius:var(--mp-radius);
  box-shadow:var(--mp-shadow);
}

/* Pin the avatar in the left column for the whole stack */
.swpm_mda_member-details-profile-image{
  grid-column:1;
  grid-row:1 / span 1;              /* keeps avatar on the left as content grows */
}
.swpm_mda_member-details-profile-image img{
  width:128px;height:128px;object-fit:cover;
  border-radius:999px;
  box-shadow:0 2px 10px rgba(0,0,0,.08);
}

/* Each row as a card */
.swpm_mda_member-details .swpm_mda_member-details-row{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  background:#f9fafb;
  border:1px solid var(--mp-border);
  border-radius:12px;
    margin-top: 0;
}

/* Core fields: label left, value right */
.swpm_mda_member-details-core-fields .swpm_mda_member-details-label{
  flex:0 0 150px;
  font-weight:600;
  color:var(--mp-muted);
    border-bottom: unset!important;
}
.swpm_mda_member-details-core-fields .swpm_mda_member-details-value{
  flex:1;
  font-weight:500;
  color:#0f172a;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.swpm_mda_member-details-custom-fields .swpm_mda_member-details-label{
  font-weight:700;
  color:#334155;
  margin-bottom:6px;
    border-bottom: unset!important;
}
.swpm_mda_member-details-custom-fields .swpm_mda_member-details-value{
  font-weight:500;
  color:#0f172a;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* Hide empty profile rows */
.swpm_mda_member-details .swpm_mda_member-details-row:has(.swpm_mda_member-details-value:empty) {
  display: none !important;
}

/* Also hide if the only child is whitespace or a blank link */
.swpm_mda_member-details:empty,
.swpm_mda_member-details:blank {
  display: none !important;
}

/* Links */
.swpm_mda_member-details a{
  text-decoration:none;
  border-bottom:1px solid currentColor;
}
.swpm_mda_member-details a:hover{ opacity:.85; }

/* Optional: emphasize a few key rows */
.swpm_mda_details_row_user_name,
.swpm_mda_details_row_membership_level,
.swpm_mda_details_row_member_since{
  background:#fff !important;
  border-color:#e5e7eb !important;
}

/* Responsive */
@media (max-width:780px) {
  .swpm_mda_member-details{
    grid-template-columns: 1fr;     /* single column grid */
  }

  /* avatar stays first */
  .swpm_mda_member-details-profile-image{
    grid-column: 1;
    grid-row: auto;                 /* no manual row positioning */
    margin-bottom: 12px;
  }

  /* move core + custom into the same column AFTER the image */
  .swpm_mda_member-details-core-fields,
  .swpm_mda_member-details-custom-fields{
    grid-column: 1 !important;
    grid-row: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    column-count: unset !important; /* kill multi-column on mobile */
  }

  /* make each card stretch full width */
  .swpm_mda_member-details .swpm_mda_member-details-row{
    width: 100%;
  }
}

}


/* PAYMENTS */

.swpm-stripe-buy-now-wrapper {
	text-align: center;
}

.stripe-button-el {
	background: unset!important;
}

.stripe-button-el span {
	background: #ffcd3f !important;
    border-radius: 30px !important;
    padding: 15px 30px !important;
    border: 2px solid #ffcd3f;
    color: #021f41 !important;
    letter-spacing: 1px;
    transition: unset!important;
    height: unset!important;
    line-height: unset!important;
    position: unset!important;
}

.stripe-button-el span:hover {
	color: #fff!important;
    transition: unset!important;
}

/* FOOTER */

footer {
    background: #02daa1;
	color: #fff;
    padding: 50px 0;
}

footer h3 {
	color: #fff;
}

footer hr {
    height: 2px!important;
    background-color: rgb(255 255 255 / 30%);
    opacity: 1;
}

footer p {
	margin-bottom: 10px;
}

footer a {
	color: #fff!important;
	transition: .2s;
}

footer a:hover {
    color: #000!important;
	text-decoration: none;
	transition: .2s;
}

footer .links a {
    padding-bottom: 5px;
    display: inline-block;
}

.footer-2 {
    border-right: 2px solid rgb(255 255 255 / 30%);
}

/* MEDIA QUERIES */

@media only screen and (max-width: 768px) {

	h1 {
		font-size: 215%!important;

	}

	h2 {
		font-size: 175%;
	}

	h3 {
		font-size: 140%;
	}
	
	.navbar-nav {
		text-align: center;
		padding-top: 40px;
		margin-bottom: 0;
	}

	.nav-link {
        font-size: 120%;
        margin-bottom: 25px;
	}
	
	.nav-bold {
		margin: 0px auto 20px !important;
		width: 60%;
	}

	.nav-bold .nav-link {
        margin-bottom: 0;
	}
	
	ul.dropdown-menu {
		font-size: 100%;
		text-align: center;
		border: none;
		padding: 0;
    	box-shadow: unset;
	}
	
	ul.dropdown-menu li {
		font-size: 100%;
        padding: unset;
	}
	
	ul.dropdown-menu li a {
		font-size: 120%;
		border-bottom: unset;
		padding: 0;
		margin-bottom: 25px;
	}
	
	.navbar-nav .dropdown-menu {
		background: #f9f9f9;
	}
	
	header .btn-primary {
		margin-left: unset;
		font-size: 100%;
		display: table;
		margin: 0 auto 25px;
	}
	
	.logo-wrap {
		position: relative;
		width: 100%;
	}

	.main-section {
		text-align: center;
	}
	
	section p:last-child {
		margin-bottom: 1.5em;
	}
	
	footer {
		text-align: center;
	}
	
	footer img {
		width: 50%;
	}
	
	footer h3 {
		margin: 30px 0 10px!important;
	}
	
	.no-pt {
		padding-top: 0;
	}
	
	.carousel-caption {
		width: 90%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.carousel-caption {
		bottom: 20px;
		padding: 20px;
	}

	.carousel-caption h1 {
        font-size: 175%!important;
	}
	
	#laptop-computer {
		padding-top: 0;
	}
	
	#custom-pc {
		padding-top: 0;
	}
	
	div.mission img.left {
		border-radius: 20px 20px 0 0;
	}
	
	div.mission img.right {
	    border-radius: 0 0 20px 20px;
	}
	
	.mobile-center {
		text-align: center;
	}
	
	li.swpm-fb-areas-covered .swpm-span {
		width: 49%;
	}
}

@media screen and (max-width: 992px){

	.navbar {
        padding: 5px 0;
        position: unset;
        justify-content: unset;
        background: #526350;
	}
	
	.navbar-toggler {
   		padding: 15px 12px;
		z-index: 999;
		border: none;
	}

	.navbar-nav {
		margin-top: 0;
	}
	
	.logo-mobile {
        padding: 0;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 45%;
        top: 50%;
        transform: translate(0, -50%);
		transition: all .3s;
	}
	
	.navbar-scrolled .logo-mobile {
		width: 115px;
		transition: all .3s;
	}

	.navbar {
		background: #011f41 !important;
		position: relative;
	}
	
	img.cubes {
		width: 75%;
	}
	
	section.blue {
		padding: 50px 0;
	}

	.carousel-caption h1 {
		font-size: 250%;
	}

	.carousel-caption h2 {
		font-size: 125%;
	}

	section.bg h2 {
		text-align: center;
		font-size: 200%!important;
		margin-bottom: 30px!important;
	}
	
	footer {
		padding: 30px 0;
	}
	
	.page-template-home .form {
		width: 80%;
	}

	div.img-div-content {
		padding-right: calc(var(--bs-gutter-x) / 2);
		padding-left: calc(var(--bs-gutter-x) / 2);
		padding-top: 60px;
		padding-bottom: 60px;
	}

	div.img-div-content p {
		margin-bottom: 0;
	}
	
	.swpm_mda_grid-item {
		width: 100% !important;
		padding: 20px!important;
	}

	.swpm_mda_member-username {
		text-align: center !important;
	}

	.swpm_mda_info-lines {
		text-align: center!important;
	}

	.swpm_mda_profile-button {
		text-align: center!important;
	}
	
	.page-template-businesses .swpm_mda_listing-search-field button {
    	padding: 10px 30px !important;
	}
	
	.page-template-businesses .swpm_mda_listing-search-field {
		width: 100%;
		max-width: 100%;
	}
	
	#swpm_mda-search-form {
		margin-bottom: 20px !important;
	}
}