body {
  max-height: 100vh;
  overflow: hidden;
}

/*--------------------------------------------------------------
  >> : Containers
--------------------------------------------------------------*/
@media (min-width: 1400px) and (max-width: 1600px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 98%;
  }
}

#wpadminbar {
  opacity: 0.05;
}

#wpadminbar:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
  >> : Section Badges
--------------------------------------------------------------*/
[data-section] {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

[data-section] .row {
  position: relative;
  z-index: 2;
}

/*  .logged-in #AppContents section[data-section]:after {
    counter-increment: section;
    content: 'Section: 'counter(section) ' ' attr(data-section);
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 16px;
    background: #1c32ff;
    color: #ffffff;
    z-index: 999;
    text-transform: capitalize;
    letter-spacing: 0;
    font-size: 14px;
    font-family: system-ui;
    opacity: 0.5;
    pointer-events: none;
  }*/
/*  .backend,
  .frontend {
    height: 100vh;
    width: 100%;
  }*/
.constrain {
  height: 100vh;
  width: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  padding: 0;
}

.constrain-inner {
  overflow-y: scroll;
  height: 100%;
}

#AppContents {
  background: #ffffff;
  /*background: #F7F8FB;*/
}

.backend #AppContents {
  position: relative;
  overflow: hidden;
}

main#AppMain {
  counter-reset: section;
  overflow-x: hidden;
  height: 100vh;
  background: var(--color-light-blue);
  overflow-y: scroll;
}

.backend main#AppMain {
  max-height: calc(100vh - 76px);
  overflow-y: scroll;
}

.no-right-sidebar .container.backend main#AppMain {
  float: left;
  width: 100%;
}

.container.backend header {
  position: relative;
  z-index: 999;
}

.no-right-sidebar .backend header {
  width: 100%;
}

main#AppMain section {
  position: relative;
}

.bg-overlay {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0.3;
}

*::-webkit-scrollbar {
  width: 3px;
}

*::-webkit-scrollbar-track {
  background: #ebecf0;
}

*::-webkit-scrollbar-thumb {
  background-color: #000000;
}

/*--------------------------------------------------------------
  >> : Blog Editor
--------------------------------------------------------------*/
.form-select {
  border-radius: 30px;
  font-weight: 500;
  padding: 0.5rem 2.55rem 0.5rem 1rem;
}

.form-select:focus {
  border: #000;
  -webkit-box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
  box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}

.select2-container--default .select2-selection--multiple {
  border-radius: 20px;
  border: 1px solid #ced4da;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background: #fff;
  border: none;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  background: #000;
  border-radius: 30px;
  border: none;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove
  span {
  color: #fff;
  font-weight: 300;
  font-size: 25px;
  line-height: 25px;
  padding-bottom: 6px;
}

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  height: 30px;
  padding-left: 34px;
  padding-top: 2px;
}

/*span.select2.select2-container.select2-container--default.select2-container--below {
  margin-bottom: 10px;
}*/

.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:hover,
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove:focus {
  background: var(--color-red);
}

.ce-toolbar__content,
.ce-block__content {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  padding-left: 60px;
}

.ce-toolbar__actions {
  right: unset;
  left: 0;
}

.page-template-template-create-blog #AppMain,
.page-template-template-edit-blog #AppMain {
  background: #fff;
}

/*--------------------------------------------------------------
  >> : Main Menu
--------------------------------------------------------------*/
.admin-bar #main-menu {
  top: 32px;
}

#main-menu {
  background: #ffffff;
  position: fixed;
  top: 0;
  z-index: 9999;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  border-bottom: 1px solid #ededed;
}

#main-menu.scrolled {
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

#main-menu .container {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

#main-menu .col-menu-brand img {
  width: 170px;
  height: 60px;
  vertical-align: middle;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}

/*--------------------------------------------------------------
  >> : Header
--------------------------------------------------------------*/
header {
  padding: 10px 0;
  border-bottom: 1px solid var(--color-light-grey);
  background: var(--color-white);
  top: -150px !important;
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
}

header.menu-in {
  top: 0 !important;
  -webkit-transition: top 0.5s ease;
  -o-transition: top 0.5s ease;
  transition: top 0.5s ease;
}

header#frontend-desktop-header {
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: calc(100% - 80px);
  right: 0;
}

[data-header-style="transparent-light"] {
  background: transparent;
}

[data-header-style="transparent-dark"] {
  background: transparent;
}

[data-header-style="transparent-dark"] img.text-logo {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

[data-header-style="transparent-dark"] a.sf-with-ul {
  border: none;
  color: #fff;
}

[data-header-style="transparent-dark"] [data-menu-bars] span,
[data-header-style="transparent-dark"] [data-menu-bars] span:before,
[data-header-style="transparent-dark"] [data-menu-bars] span:after {
  background: #ffffff;
}

.admin-bar #frontend-desktop-header.menu-in {
  top: 0px !important;
}

img.text-logo {
  height: 18px !important;
  width: auto !important;
  border-radius: 0 !important;
  margin-right: 0 !important;
}

[data-header-style="transparent-dark"] .create-dropdown li,
[data-header-style="transparent-dark"] .user-dropdown li,
[data-header-style="transparent-light"] .create-dropdown li,
[data-header-style="transparent-light"] .user-dropdown li {
  background: none !important;
}
[data-header-style="transparent-dark"] .user-dropdown ul li {
  background: #fff !important;
}

[data-header-style="transparent-dark"] .create-dropdown li a {
  border: 1px solid #fff;
  color: #fff;
}
[data-header-style="transparent-dark"] .create-dropdown li a:hover {
  border: 1px solid #000;
}

[data-header-style="transparent-dark"].scrolled,
[data-header-style="transparent-light"].scrolled {
  background: #fff !important;
}

[data-header-style="transparent-dark"].scrolled img.text-logo {
  -webkit-filter: unset;
  filter: unset;
}

[data-header-style="transparent-dark"].scrolled .create-dropdown li a {
  border: 1px solid #000;
  color: #000;
}

[data-header-style="transparent-dark"].scrolled [data-menu-bars] span,
[data-header-style="transparent-dark"].scrolled [data-menu-bars] span:before,
[data-header-style="transparent-dark"].scrolled [data-menu-bars] span:after {
  background: #000 !important;
}

[data-header-style="transparent-dark"].scrolled [data-menu-bars].opened span {
  background: transparent !important;
}

[data-header-style="transparent-dark"].scrolled a.sf-with-ul {
  color: #000;
}

[data-section="header-title"] .menu-padded {
  margin-top: 80px !important;
}

/*--------------------------------------------------------------
  >> : Sidebar - Sidebar Left
--------------------------------------------------------------*/
/*
  .admin-bar .sidebar.sidebar-left {
    top: 32px;
    height: calc(100vh - 32px);
  }*/

.backend .sidebar.sidebar-left {
  position: relative !important;
}
.sidebar.sidebar-left {
  position: fixed;
  left: 0;
  width: 75px;
  border-right: 1px solid var(--color-light-grey);
  height: 100vh;
  background: var(--color-white);
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.site-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.frontend p.site-links a {
  margin-left: 15px;
}

.sidebar.sidebar-left ul {
  padding: 0;
  list-style: none;
  display: inline-block;
  padding-top: 20px;
}

.sidebar.sidebar-left li {
  margin-bottom: 10px;
  position: relative;
}

.sidebar.sidebar-left li:last-child:before,
.sidebar.sidebar-left li:last-child:after {
  content: "";
  position: absolute;
  left: calc(var(--bs-gutter-x) * -0.5);
  width: calc(100% + var(--bs-gutter-x));
  height: 1px;
  background: var(--color-light-grey);
}

.sidebar.sidebar-left li:last-child:before {
  top: 0;
}

.sidebar.sidebar-left li:last-child:after {
  bottom: 0;
}

.sidebar.sidebar-left li a {
  width: 50px;
  height: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sidebar.sidebar-left .sidebar-logo {
  padding: 10px 0;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sidebar.sidebar-left .site-link img {
  width: 32px;
  -o-object-fit: contain;
  object-fit: contain;
}

.sidebar.sidebar-left .sidebar-logout li {
  border: 0 !important;
}

.sidebar.sidebar-left .sidebar-logout li:before,
.sidebar.sidebar-left .sidebar-logout li:after {
  all: unset;
}

.backend .sidebar.sidebar-left .row:last-of-type .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.backend .sidebar.sidebar-left .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.frontend .sidebar.sidebar-left li:last-child:before,
.frontend .sidebar.sidebar-left li:last-child:after {
  display: none;
}

.frontend .sidebar.sidebar-left .sidebar-logo {
  background: var(--color-blue);
}

.frontend .site-link {
  background: #000;
}

.frontend .sidebar.sidebar-left ul {
  padding-top: 40px;
}

.frontend .sidebar.sidebar-left li {
  margin-bottom: 40px;
}

.frontend .sidebar.sidebar-left li a {
  color: #fff;
  width: 100%;
}

.frontend .sidebar.sidebar-left {
  width: 80px;
  border: none;
  position: fixed;
  top: 0;
  left: 0;
}

.admin-bar .frontend .sidebar.sidebar-left {
  top: 0px;
}

.frontend .sidebar-left .col.col-12 {
  padding: 0;
}

.frontend .sidebar.sidebar-left li a span {
  width: 100%;
  text-align: center;
  font-size: 0.9em;
}

.frontend #AppMain {
  padding-left: 80px !important;
}

.sidebar-nav-dot {
  position: absolute;
  top: 0;
  right: 0;
  background: var(--color-blue);
  color: var(--color-white);
  width: 20px;
  height: 20px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  font-size: 80%;
}

/*--------------------------------------------------------------
  >> : Sidebar - Sidebar Right
--------------------------------------------------------------*/
/*
  .admin-bar .sidebar.sidebar-right {
    top: 32px;
    height: calc(100vh - 32px);
  }
  */

.sidebar.sidebar-right {
  position: relative;
  width: 420px;
  border-left: 1px solid var(--color-light-grey);
  height: 100vh;
  background: var(--color-white);
  z-index: 999;
  overflow-y: scroll;
  padding-bottom: 35px;
}

.sidebar.sidebar-right .site-search {
  padding: 10px 0;
  height: 75px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f2f3ef;
}

.sidebar.sidebar-right .site-search .col {
  position: relative;
}

/* Sidebar - Sidebar Right (hide on certain views) */
.page-template-template-view-post .sidebar-right,
.page-template-template-view-blog .sidebar-right,
.page-template-template-view-elog .sidebar-right,
.page-template-template-view-vlog .sidebar-right,
.page-template-template-view-plog .sidebar-right,
body.archive.author .sidebar-right {
  display: none;
}

/*--------------------------------------------------------------
  >> : OC Menu
--------------------------------------------------------------*/
.menu-shown section#ocMenu {
  top: 76px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: calc(100vh - 76px);
}

section#ocMenu {
  position: absolute;
  height: 100vh;
  top: 0px;
  right: 0;
  width: 400px;
  z-index: 9998;
  background: #f4f4f4;
  padding: 2em;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.no-right-sidebar #ocMenu[data-sidebar-style="backend"] {
  right: 0;
}

section#ocMenu.opened {
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

section#ocMenu ul {
  list-style: none;
  padding: 0;
}

section#ocMenu ul li {
  margin-bottom: 20px;
}

section#ocMenu ul li a {
  font-size: 1.3em;
  font-weight: 500;
}

#ocMenu .btn.btn-outline {
  border: 1px solid black;
}

.logged-in #ocMenu .btn.btn-outline {
  display: none;
}

#ocMenu .btn.btn-outline a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#ocMenu .btn.btn-outline:hover {
  background: #000;
  color: #fff;
}

#ocMenu .btn.btn-outline:hover a {
  color: #fff;
}

#ocMenu .row {
  height: 100%;
}

#ocMenu .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.oc-nav-socials {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

section#ocMenu .oc-nav-socials li {
  margin-bottom: 0px;
  margin-right: 15px;
}

/*--------------------------------------------------------------
  >> : Sidebar Site Search Form
--------------------------------------------------------------*/
.site-search #searchform .screen-reader-text {
  display: none;
}

.site-search #searchform .screen-reader-text {
  display: none;
}

.site-search [type="text"] {
  width: 100%;
  border-radius: 50px;
  border: 1px solid var(--color-light-grey);
  padding: 12px 16px;
  padding-left: 50px;
}

.site-search #searchform {
  position: relative;
}

.site-search #searchsubmit {
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
  position: absolute;
  top: calc(50% - 15px);
  left: 20px;
  background: transparent;
}

.site-search #searchsubmit svg {
  opacity: 0.3;
}

/*--------------------------------------------------------------
  >> : Sidebar Site Links
--------------------------------------------------------------*/
.sidebar-site-links {
  position: absolute;
  /* bottom: 0; */
  font-size: 80%;
  line-height: 1;
  padding-bottom: 15px;
  text-align: center;
  width: 100%;
  margin-top: 2rem;
}

.sidebar-site-links .site-links {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.sidebar-site-links .site-links a {
  position: relative;
  margin-left: 20px;
}

.sidebar-site-links .site-links a:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -10px;
  width: 4px;
  height: 4px;
  background: var(--color-black);
  border-radius: 50%;
}

.sidebar-site-links .site-links a:first-child:before {
  all: unset;
}

/*--------------------------------------------------------------
  >> : Super Fish Menus
--------------------------------------------------------------*/
.sf-menu {
  margin-bottom: 0;
}

.sf-menu a {
  font-weight: 600;
}

/*--------------------------------------------------------------
  >> : Menu Items - User Dropdown
--------------------------------------------------------------*/
.user-dropdown > li > a {
  padding-left: 0;
  border: none !important;
}

.user-dropdown img {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  vertical-align: middle;
  margin-right: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

/*--------------------------------------------------------------
  >> : Menu Items - Create Dropdown
--------------------------------------------------------------*/
.create-dropdown a {
  border: 1px solid var(--color-black);
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 10px 12px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.create-dropdown a:hover {
  background: #000;
  color: #fff;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.create-dropdown svg.feather {
  width: 20px;
  margin-right: 5px;
}

/*--------------------------------------------------------------
  >> : Data Menu Bars
--------------------------------------------------------------*/
[data-menu-bars] {
  border: none;
  background: none;
  height: 22px;
  width: 30px;
  padding: 0;
  margin-left: 1.5rem;
}

[data-menu-bars] span {
  height: 1.5px;
  width: 100%;
  background: #000;
  display: block;
  border-radius: 1px;
  position: relative;
}

[data-menu-bars] span:before,
[data-menu-bars] span:after {
  content: "";
  height: 1.5px;
  width: 100%;
  background: #000;
  position: absolute;
  border-radius: 0;
  left: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

[data-menu-bars] span:before {
  top: -7px;
}

[data-menu-bars] span:after {
  top: 7px;
}

[data-menu-bars].opened span {
  background: transparent !important;
}

[data-menu-bars].opened span:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

[data-menu-bars].opened span:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*--------------------------------------------------------------
  >> : Super Fish
--------------------------------------------------------------*/
.sf-menu a {
  font-size: 1em;
  color: inherit;
}

.sf-menu li {
  background: transparent;
}

.sf-menu li.sfHover,
.sf-menu li:hover {
  background: #ffffff;
}

.sf-menu ul li,
[data-header-style="transparent-light"] .user-dropdown ul li {
  background: #ffffff !important;
}

.sf-menu ul {
  -webkit-box-shadow: 0px 5px 10px -5px #00000017;
  box-shadow: 0px 5px 10px -5px #00000017;
  border-radius: 5px;
  overflow: hidden;
}

/*--------------------------------------------------------------
  >> : Footer
--------------------------------------------------------------*/

.backend footer[data-bg-color] {
  display: none;
}

.footer-copyright {
  padding: 10px;
  border-top: 1px solid #ffffff1c;
  font-size: 0.7em;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer ul li {
  margin-bottom: 10px;
}

footer strong,
footer .lead {
  display: block;
  font-weight: 400;
  font-size: 1.3em;
  margin-bottom: 10px !important;
}

.footer-locations ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-locations ul li {
  margin-right: 20px;
}

.footer-locations ul li a {
  opacity: 0.7;
}

.footer-locations ul li a:hover {
  opacity: 1;
}

/*--------------------------------------------------------------
  >> : Not Found
--------------------------------------------------------------*/
#menu-not-found {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  padding: 0;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -1.5rem;
}

#menu-not-found li {
  margin-bottom: 1.5rem;
}

#menu-not-found a {
  font-size: 1.25rem;
  line-height: 1;
  text-decoration: none;
  font-weight: 600;
}

@media (max-width: 992px) {
  #menu-not-found {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
  >> : Contact Form 7
--------------------------------------------------------------*/
.wpcf7-form {
  margin-top: 20px;
}

.wpcf7-form-control-wrap {
  width: 100%;
  display: inline-block;
  margin-bottom: var(--grid-gutter) !important;
}

.wpcf7-form br {
  display: none !important;
}

.wpcf7-form label {
  color: var(--secondary-color);
  display: inline-block;
  width: 100%;
}

.wpcf7-form .wpcf7-list-item {
  width: 100%;
  margin: 0;
}

.wpcf7-form .wpcf7-list-item > label {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.wpcf7-form .wpcf7-list-item > label input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
}

.wpcf7-form .wpcf7-list-item .wpcf7-list-item-label {
  padding-left: var(--grid-gutter);
  padding-top: 8px;
}

.wpcf7-form .wpcf7-form-control {
  width: 100%;
}

.wpcf7 .wpcf7-submit:disabled {
  opacity: 0.5;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

/* Form Validations */
span.wpcf7-not-valid-tip {
  display: inline-table;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 75%;
  line-height: 1;
  background: var(--color-black);
  color: var(--color-white);
  padding: 6px 12px;
  margin-top: 10px;
  border-radius: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  background: var(--color-blue) !important;
  border-color: var(--color-blue) !important;
  color: var(--color-white);
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  margin-top: 30px;
  padding: 15px 20px !important;
  border-radius: 0;
  border-color: var(--color-black) !important;
  background: var(--color-white);
  color: var(--color-black);
}

/*--------------------------------------------------------------
  >> : General Form Inputs
--------------------------------------------------------------*/
#AppMain input[type="button"],
#AppMain input[type="color"],
#AppMain input[type="date"],
#AppMain input[type="datetime-local"],
#AppMain input[type="email"],
#AppMain input[type="file"],
#AppMain input[type="hidden"],
#AppMain input[type="image"],
#AppMain input[type="month"],
#AppMain input[type="number"],
#AppMain input[type="password"],
#AppMain input[type="range"],
#AppMain input[type="reset"],
#AppMain input[type="search"],
#AppMain input[type="tel"],
#AppMain input[type="text"],
#AppMain input[type="time"],
#AppMain input[type="url"],
#AppMain input[type="week"],
#AppMain textarea,
#AppMain select {
  outline: none;
  padding: 15px 15px;
  display: inline-block;
  -webkit-appearance: unset;
  background: #fff;
  width: 100%;
  color: #495057;
  background-color: #fff;
  height: auto;
  line-height: unset;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 0.9em;
  border: 1px solid #d7d7d7;
  border-radius: 50px;
}

#AppMain textarea:not([name="post_content"]) {
  height: 180px !important;
  border-radius: 20px;
}

#AppMain label {
  font-weight: 600;
  margin-bottom: 10px;
}

#AppMain input[type="button"]::-webkit-input-placeholder,
#AppMain input[type="color"]::-webkit-input-placeholder,
#AppMain input[type="date"]::-webkit-input-placeholder,
#AppMain input[type="datetime-local"]::-webkit-input-placeholder,
#AppMain input[type="email"]::-webkit-input-placeholder,
#AppMain input[type="file"]::-webkit-input-placeholder,
#AppMain input[type="hidden"]::-webkit-input-placeholder,
#AppMain input[type="image"]::-webkit-input-placeholder,
#AppMain input[type="month"]::-webkit-input-placeholder,
#AppMain input[type="number"]::-webkit-input-placeholder,
#AppMain input[type="password"]::-webkit-input-placeholder,
#AppMain input[type="range"]::-webkit-input-placeholder,
#AppMain input[type="reset"]::-webkit-input-placeholder,
#AppMain input[type="search"]::-webkit-input-placeholder,
#AppMain input[type="submit"]::-webkit-input-placeholder,
#AppMain button[type="submit"]::-webkit-input-placeholder,
#AppMain input[type="tel"]::-webkit-input-placeholder,
#AppMain input[type="text"]::-webkit-input-placeholder,
#AppMain input[type="time"]::-webkit-input-placeholder,
#AppMain input[type="url"]::-webkit-input-placeholder,
#AppMain input[type="week"]::-webkit-input-placeholder,
#AppMain textarea::-webkit-input-placeholder,
#AppMain select::-webkit-input-placeholder {
  color: var(--primary-color-50);
}

#AppMain input[type="button"]::-moz-placeholder,
#AppMain input[type="color"]::-moz-placeholder,
#AppMain input[type="date"]::-moz-placeholder,
#AppMain input[type="datetime-local"]::-moz-placeholder,
#AppMain input[type="email"]::-moz-placeholder,
#AppMain input[type="file"]::-moz-placeholder,
#AppMain input[type="hidden"]::-moz-placeholder,
#AppMain input[type="image"]::-moz-placeholder,
#AppMain input[type="month"]::-moz-placeholder,
#AppMain input[type="number"]::-moz-placeholder,
#AppMain input[type="password"]::-moz-placeholder,
#AppMain input[type="range"]::-moz-placeholder,
#AppMain input[type="reset"]::-moz-placeholder,
#AppMain input[type="search"]::-moz-placeholder,
#AppMain input[type="submit"]::-moz-placeholder,
#AppMain button[type="submit"]::-moz-placeholder,
#AppMain input[type="tel"]::-moz-placeholder,
#AppMain input[type="text"]::-moz-placeholder,
#AppMain input[type="time"]::-moz-placeholder,
#AppMain input[type="url"]::-moz-placeholder,
#AppMain input[type="week"]::-moz-placeholder,
#AppMain textarea::-moz-placeholder,
#AppMain select::-moz-placeholder {
  color: var(--primary-color-50);
}

#AppMain input[type="button"]:-ms-input-placeholder,
#AppMain input[type="color"]:-ms-input-placeholder,
#AppMain input[type="date"]:-ms-input-placeholder,
#AppMain input[type="datetime-local"]:-ms-input-placeholder,
#AppMain input[type="email"]:-ms-input-placeholder,
#AppMain input[type="file"]:-ms-input-placeholder,
#AppMain input[type="hidden"]:-ms-input-placeholder,
#AppMain input[type="image"]:-ms-input-placeholder,
#AppMain input[type="month"]:-ms-input-placeholder,
#AppMain input[type="number"]:-ms-input-placeholder,
#AppMain input[type="password"]:-ms-input-placeholder,
#AppMain input[type="range"]:-ms-input-placeholder,
#AppMain input[type="reset"]:-ms-input-placeholder,
#AppMain input[type="search"]:-ms-input-placeholder,
#AppMain input[type="submit"]:-ms-input-placeholder,
#AppMain button[type="submit"]:-ms-input-placeholder,
#AppMain input[type="tel"]:-ms-input-placeholder,
#AppMain input[type="text"]:-ms-input-placeholder,
#AppMain input[type="time"]:-ms-input-placeholder,
#AppMain input[type="url"]:-ms-input-placeholder,
#AppMain input[type="week"]:-ms-input-placeholder,
#AppMain textarea:-ms-input-placeholder,
#AppMain select:-ms-input-placeholder {
  color: var(--primary-color-50);
}

#AppMain input[type="button"]::-ms-input-placeholder,
#AppMain input[type="color"]::-ms-input-placeholder,
#AppMain input[type="date"]::-ms-input-placeholder,
#AppMain input[type="datetime-local"]::-ms-input-placeholder,
#AppMain input[type="email"]::-ms-input-placeholder,
#AppMain input[type="file"]::-ms-input-placeholder,
#AppMain input[type="hidden"]::-ms-input-placeholder,
#AppMain input[type="image"]::-ms-input-placeholder,
#AppMain input[type="month"]::-ms-input-placeholder,
#AppMain input[type="number"]::-ms-input-placeholder,
#AppMain input[type="password"]::-ms-input-placeholder,
#AppMain input[type="range"]::-ms-input-placeholder,
#AppMain input[type="reset"]::-ms-input-placeholder,
#AppMain input[type="search"]::-ms-input-placeholder,
#AppMain input[type="submit"]::-ms-input-placeholder,
#AppMain button[type="submit"]::-ms-input-placeholder,
#AppMain input[type="tel"]::-ms-input-placeholder,
#AppMain input[type="text"]::-ms-input-placeholder,
#AppMain input[type="time"]::-ms-input-placeholder,
#AppMain input[type="url"]::-ms-input-placeholder,
#AppMain input[type="week"]::-ms-input-placeholder,
#AppMain textarea::-ms-input-placeholder,
#AppMain select::-ms-input-placeholder {
  color: var(--primary-color-50);
}

#AppMain input[type="button"]::placeholder,
#AppMain input[type="color"]::placeholder,
#AppMain input[type="date"]::placeholder,
#AppMain input[type="datetime-local"]::placeholder,
#AppMain input[type="email"]::placeholder,
#AppMain input[type="file"]::placeholder,
#AppMain input[type="hidden"]::placeholder,
#AppMain input[type="image"]::placeholder,
#AppMain input[type="month"]::placeholder,
#AppMain input[type="number"]::placeholder,
#AppMain input[type="password"]::placeholder,
#AppMain input[type="range"]::placeholder,
#AppMain input[type="reset"]::placeholder,
#AppMain input[type="search"]::placeholder,
#AppMain input[type="submit"]::placeholder,
#AppMain button[type="submit"]::placeholder,
#AppMain input[type="tel"]::placeholder,
#AppMain input[type="text"]::placeholder,
#AppMain input[type="time"]::placeholder,
#AppMain input[type="url"]::placeholder,
#AppMain input[type="week"]::placeholder,
#AppMain textarea::placeholder,
#AppMain select::placeholder {
  color: var(--primary-color-50);
}

#AppMain input[type="button"]:focus,
#AppMain input[type="color"]:focus,
#AppMain input[type="date"]:focus,
#AppMain input[type="datetime-local"]:focus,
#AppMain input[type="email"]:focus,
#AppMain input[type="file"]:focus,
#AppMain input[type="hidden"]:focus,
#AppMain input[type="image"]:focus,
#AppMain input[type="month"]:focus,
#AppMain input[type="number"]:focus,
#AppMain input[type="password"]:focus,
#AppMain input[type="range"]:focus,
#AppMain input[type="reset"]:focus,
#AppMain input[type="search"]:focus,
#AppMain input[type="submit"]:focus,
#AppMain button[type="submit"]:focus,
#AppMain input[type="tel"]:focus,
#AppMain input[type="text"]:focus,
#AppMain input[type="time"]:focus,
#AppMain input[type="url"]:focus,
#AppMain input[type="week"]:focus,
#AppMain textarea:focus,
#AppMain select:focus {
  background: #fff;
  border-bottom: 1px solid #d7d7d7;
}

#AppMain button[type="submit"]:focus {
  background: #000;
  border-bottom: 1px solid #000;
  color: #fff;
}

#AppMain input[type="checkbox"] {
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 40px;
  height: 40px;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  margin-left: 0;
  overflow: hidden;
  background: #fff;
  color: #000;
  border: 1px solid #d7d7d7;
}

#AppMain input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 15px;
  border: solid #10293e;
  border-width: 0 1px 1px 0;
  left: 10px;
  top: 5px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 100ms;
  -o-transition: all 100ms;
  transition: all 100ms;
}

#AppMain input[type="checkbox"]:checked:before {
  content: "";
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
}

#AppMain input[type="submit"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  background: var(--color-blue);
  color: var(--color-white);
  padding: 14px 22px;
  border: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 999;
  cursor: pointer;
}

p.form-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-light-grey);
}

.backend-form .button {
  margin: 0;
}

.pass-input {
  position: relative;
}

.pass-input svg {
  position: absolute;
  bottom: 13px;
  right: 15px;
  cursor: pointer;
}

.btn-primary {
  color: #fff;
  background-color: var(--color-blue);
  border-color: var(--color-blue);
}

.btn-primary:hover {
  color: #fff;
  background-color: var(--color-blue-hovered);
  border-color: var(--color-blue-hovered);
}

/*--------------------------------------------------------------
  >> : Gig styles
--------------------------------------------------------------*/

.gig-btn-apply:focus,
.gig-btn-apply:hover {
  background: #121157 !important;
  border-bottom: none !important;
  color: #fff !important;
}

.gig-btn-apply {
  border-radius: 5em;
  font-size: 1.2em;
  padding: 14px 18px !important;
}

.gig-closed-btn {
  background: #c2494d !important;
}
.gig-closed-btn:hover,
.gig-closed-btn:focus {
  background: #903538 !important;
}

.card-head .gig-btn-apply {
  font-size: 1em;
  padding: 12px 16px !important;
}



.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 45%;
  border-radius: 2.3rem;
  box-shadow: -4px 4px 16px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -4px 4px 16px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -4px 4px 16px 0px rgba(0, 0, 0, 0.75);
  max-height: 80%;
  overflow: auto;
}
.modal-header svg {
  min-width: 15px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.label-modal {
  padding-left: 20px;
}

.input-modal {
  padding: 10px 15px !important;
}

.gig-submit-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  flex-direction: column;
}

.modal-input {
  padding: 0 15px;
}

@media (max-width: 1100px) {
  .modal-content {
    width: 80%;
  }
}

.sand-btn {
  background: #c2b280 !important;
}
.sand-btn:hover,
.sand-btn:focus {
  background: #9e9066 !important;
}
.green-btn {
  background: #198754 !important;
}
.green-btn:hover,
.green-btn:focus {
  background: #136941 !important;
}

/*--------------------------------------------------------------
  >> : Select 2 Overrides
--------------------------------------------------------------*/

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent !important;
  border: none !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-appearance: textfield !important;
}

#AppMain .select2-container .select2-search--inline .select2-search__field,
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
  border: none !important;
  font-size: 100% !important;
  margin-top: 5px !important;
  margin-left: 5px !important;
  padding: 0 !important;
  max-width: 100% !important;
  resize: none !important;
  height: 18px !important;
  vertical-align: bottom !important;
  font-family: sans-serif !important;
  overflow: hidden !important;
  word-break: keep-all !important;
}

#AppMain
  .explore-search
  .select2-container
  .select2-search--inline
  .select2-search__field,
.explore-search
  .select2-container
  .select2-search--inline
  .select2-search__field {
  border-radius: 0px !important;
}

/*--------------------------------------------------------------
  >> : Pagination
--------------------------------------------------------------*/
nav.pagination {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.5rem;
}

.page-numbers {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 5px;
}

.page-numbers.current {
  font-weight: bold;
  color: var(--color-blue);
}

.next.page-numbers,
.prev.page-numbers {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  background: var(--color-blue);
  color: var(--color-white);
  text-decoration: none;
}

/*--------------------------------------------------------------
  >> : Default Webpage
--------------------------------------------------------------*/
[data-section="default-page"] {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 992px) {
  [data-section="default-page"] h1,
  [data-section="default-page"] .h1 {
    font-size: 3rem;
    line-height: 1;
  }

  [data-section="default-page"] h2,
  [data-section="default-page"] .h2 {
    font-size: 2rem;
    line-height: 1;
    color: var(--color-dark);
  }
}

@media (max-width: 992px) {
  [data-section="default-page"] {
    padding-top: 0;
    padding-bottom: 0;
  }

  [data-section="default-page"] .section-content {
    padding: 1.5rem;
  }
}

/*--------------------------------------------------------------
  >> : Post Cards
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  >> : FAQ Accordion
--------------------------------------------------------------*/
.post-card.post-card-faq {
  background: var(--color-white);
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  position: relative;
  margin-bottom: 40px;
}

.faq-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5em;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  font-size: 1.1rem;
  border-bottom: 1px solid var(--color-white);
}

.faq-title svg {
  height: 20px;
  width: 20px;
  fill: none;
  stroke: var(--color-black);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.faq-open .faq-title svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  stroke: var(--color-blue);
}

.faq-open .faq-title {
  color: var(--color-blue);
  border-bottom: 1px solid var(--color-blue);
}

.faq-content {
  padding: 1.5em;
}

/*--------------------------------------------------------------
  >> : Quick Post Form
--------------------------------------------------------------*/
.quick-post-form .form-element {
  margin-bottom: 20px;
}

/*--------------------------------------------------------------
  >> : Social Icons
--------------------------------------------------------------*/

ul.social-icons {
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

ul.social-icons li:first-child {
  margin-left: 0;
}

ul.social-icons li:last-child {
  margin-right: 0;
}

ul.social-icons li {
  margin: 0 5px;
}

ul.social-icons img {
  width: 20px;
  height: 20px;
}

/*--------------------------------------------------------------
  >> : Edit Post
--------------------------------------------------------------*/
.page-template-template-edit-post .form-hide-on-posts {
  display: none;
}

/*--------------------------------------------------------------
  >> : edit profile custom 
--------------------------------------------------------------*/
.gigs_available_checkbox {
  margin-right: 7px;
  height: 30px !important;
  width: 30px !important;
  border-radius: 50px;
  overflow: hidden;
}
.gigs_available_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
.gigs_available_label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  font-weight: normal;
  padding-left: 1em;
}

.verified-icon{
  border-radius: unset !important;
  margin-right: unset !important;
  height: 50px !important;
  width: 50px !important;
  border: unset !important;
  position: absolute;
  margin-top: 140px !important;
  margin-left: -85px !important;
}
.user-circle-card .verified-icon{
  margin-top: 210px !important;
  margin-left: -60px !important;
}
.card-foot .verified-icon{
  height: 18px !important;
  width: 18px !important;
  margin-top: 25px !important;
  margin-left: 25px !important;
}
.hero-foot .verified-icon{
  height: 20px !important;
  width: 20px !important;
  margin-top: 34px !important;
  margin-left: 33px !important;
}
.fm-thumb .verified-icon{
  margin-top: 130px !important;
  margin-left: -65px !important;
}
.sf-menu .verified-icon, #quickpost .verified-icon{
  display: none;
}
.user-profile-details-wrapper .verified-icon{
  margin-left: 140px !important;
}