@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

:root {
  --primary-color: #01aa4d !important;
  --secondary-color: #01aa4d !important;
  --secondary-color-dark: #1e201d !important;
  --primary-color-dark: #1e201d !important;
}



body, 
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
p,
.font-primary,
.font-secondary,
.nav-bar,
.btn,
.desc-heading {
  font-family: "Comfortaa", serif !important;
  font-weight: 500 !important;
}
body,
.main-content,
.dash_header,
#dashboard-grid {
  background-color: #ffffff !important;
}
a {
  color: #01aa4d;
}
a:hover {
  color: #1e201d;
}
.btn.primary_btn,
.btn.secondary_btn,
.sign-in .row .col-md-4 > .full-height > .full-height form .btn {
  font-size: 16px;
  background: transparent !important;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  text-transform: uppercase;
  padding: 8px 18px;
}
.btn.primary_btn[data-v-6e05efa6] {
  border: 2px solid var(--primary-color);
}
.btn.primary_btn svg,
.btn.secondary_btn svg {
  fill: var(--primary-color);
}
.btn.primary_btn:hover,
.btn.secondary_btn:hover,
.sign-in .row .col-md-4 > .full-height > .full-height form .btn:hover {
  background: var(--primary-color) !important;
  color: #fff;
  border-color: var(--primary-color);
}
.btn.primary_btn:hover svg,
.btn.secondary_btn:hover svg {
  fill: #fff;
}
.btn {
  border-radius: 30px !important;
}
.btn span {
  color: inherit !important;
}
.form-control:focus {
  border-color: var(--primary-color);
}
.track-keyword, .track-keyword:hover,
.progress-info .progress-bar {
  background-color: #01aa4d;
}
.text-light-blue, .text-light-blue:hover {
  color: #01aa4d;
}
.function-btn, .function-btn:hover, .function-btn:active, .function-btn:target, .function-btn:focus, .function-hover-btn, .function-hover-btn:hover, .function-hover-btn:active, .function-hover-btn:target, .function-hover-btn:focus {
  background-color: #FFFFFF;
  border: solid 1px #01aa4d !important;
  color: #01aa4d !important;
}
.function-btn i,
.link-btn i,
.link-btn:hover, .link-btn:active, .link-btn:focus {
  color: #01aa4d !important;
}


.nav-bar__item.nav-bar__logo {
  padding-left: 30px;
}
.nav-bar__dropdown {
  max-width: 14em;
}
.nav-bar__item, .nav-bar__dropdown {
  transition: all .3s;
}
.nav-bar__item:hover, .nav-bar__dropdown:hover {
  /* background-color: var(--primary-color) !important;
  color: #fff !important; */
}
.nav-bar a:hover, .nav-bar__dropdown:hover .dropbtn {
  /* color: var(--primary-color) !important; */
}
.nav-bar,
.dropdown-content, .dropdown-sub-content {
  /* background-color: #1e201d; */
}
.nav-bar__dropdown .dropbtn,
.dropdown-content a,
.nav-bar__item a {
  /* color: #fff; */
  font-weight: bold;
  font-size: 16px;
}
.nav-bar__item, .nav-bar__dropdown {
  /* border: unset; */
}
.nav-bar__dropdown .dropbtn i,
.nav-bar__item i {
  /* display: none; */
}
/*Remove menu text dividers*/
.nav-bar__item {
  border-right: 0 !important;
}
.nav-bar__dropdown {
  border-right: 0 !important;
}
.nav-bar__item--left-border {
  border-left: 0 !important;
}
/*Remove all icons from menu except the cog*/
.nav-bar i.fad.fa-home-lg-alt.text-primary.xs-mr-5,
.nav-bar i.fad.fa-bullseye-pointer.text-info.xs-mr-5,
.nav-bar i.fad.fa-tasks.text-success.xs-mr-5,
.nav-bar i.fad.fa-store.text-gmb.xs-mr-5,
.nav-bar i.fad.fa-link.text-danger.xs-mr-5,
.nav-bar i.fad.fa-analytics.text-primary.xs-mr-5,
.nav-bar i.fas.fa-graduation-cap,
.nav-bar i.fad.fa-browser.text-primary.xs-mr-5,
.nav-bar i.fad.fa-users.text-danger.xs-mr-5,
.nav-bar i.fad.fa-rocket.text-danger.xs-mr-5,
.nav-bar i.fad.fa-laptop-house.text-danger.xs-mr-5,
.nav-bar i.fas.fa-user-headset.mr-1 {
  display: none !important;
}
/*Remove icons from dropdown*/
.nav-bar__dropdown ul li i {
  display: none !important;
}
.btn.primary_btn {
  
}
.white_box {
  border-radius: 30px !important;
  background: #fff;
  box-shadow:
  0px 0px 3.1px rgba(0, 0, 0, 0.025),
  0px 0px 25px rgba(0, 0, 0, 0.05)
;
}
#dashboard-grid .grid-stack-item .grid-stack-item-content {
  overflow: unset;
  background: #fff;
}
/*Make subheadings seen above and outside cards use Poppins and add underline*/
h3.font-size-24 {
  font-family: "Comfortaa", serif !important;
  font-weight: 500 !important;
  letter-spacing: -1px !important;
  font-size: 35px !important;
  border-bottom: 8px solid #0099ff;
  margin-bottom: 30px;
  line-height: 1.3;
  width: fit-content;
}
/*Make all labels and tags have a rounded border*/
.label,
.tag {
  border-radius: 30px !important;
}

/*PAGE-SPECIFIC OVERRIDES*/
/*Make the keywords ideas button rounded and more like the other buttons*/
.keyword-ideas-button {
  border-radius: 30px !important;
  width: 100% !important;
  text-align: center !important;
  margin-top: 20px !important;
  padding: 5px 18px !important;
  margin-left: 0px !important;
  font-weight: 500 !important;
}
/*Add rounded border radius and background colour to keyword ideas card*/
div.keywords {
  /* padding: 30px !important;
  border-radius: 30px !important;
  background-color: #01aa4d !important; */
}

/* Login Page */
.sign-in .row .col-md-8 {
  min-height: 100vh;
  max-width: 100%;
  flex-basis: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.sign-in .row .col-md-4 {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  max-width: 95%; */
  max-width: 100%;
  width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  min-height: 100vh;
  padding: 30px 10px !important;
}
.sign-in .row .col-md-4 > .full-height,
.sign-in .row .col-md-4 > .full-height > .full-height {
  min-height: auto;
}
.sign-in .row .col-md-4 > .full-height {
  border-radius: 15px;
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.1) !important;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
}
.sign-in .row .col-md-4 > .full-height > .full-height {
  padding-top: 50px;
  padding-bottom: 50px;
}
.sign-in .row .col-md-4 > .full-height > .full-height .table-cell img {
  width: 250px;
}
.sign-in .row .col-md-4 > .full-height > .full-height form .form-group input {
  box-shadow: 0 0px 10px 0 rgba(0,0,0,.1)!important;
  border-radius: 30px;
}
.sign-in .row .col-md-4 > .full-height > .full-height form .form-group input[name="password"]+a {
  margin-top: 20px;
  display: inline-block;
}
.checkbox input[type=checkbox]:checked+label:before {
  color: var(--primary-color);
}

@media all and (max-width: 767px) {
  .sign-in .row .col-md-8 {
    display: block !important;
  }
  .sign-in .row .col-md-4 > .full-height > .full-height {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.dropbtn:where(.fas.fa-user-headset.mr-1 + :contains("Help Center")) {
  font-size: 0;
}

.dropbtn:where(.fas.fa-user-headset.mr-1 + :contains("Help Center"))::after {
  content: "Help Centre";
  font-size: initial;
}

/* Tailwind CSS */
.tailwind :not(.fa,.fas,.fab,.fad,.far,.fal) {
  font-family: "Comfortaa", serif !important;
}
/* Keyword Sitemap */
.sitemap_page_row .sitemap_assigned .add_keyword[data-v-5a1e7bb9] {
    /* background-color: var(--secondary-color);
    border-color: var(--secondary-color); */
}
/* Content Strategy */
.function-multiple-btn-switch, .function-multiple-btn-switch:hover, .function-multiple-btn-switch:target, .function-multiple-btn-switch:focus {
  background-color: #FFFFFF;
  border: solid 1px var(--primary-color) !important;
  color: var(--primary-color);
}
.function-multiple-btn-switch i {
  color: var(--primary-color);
}
.function-multiple-btn-switch.active {
  background-color: var(--primary-color);
  border: solid 1px var(--primary-color) !important;
  color: #ffffff;
}
.btn-group .btn {
  margin-right: 5px;
}
/* Competitor Analysis */
.tailwind .tw-bg-blue {
  background-color: var(--primary-color);
  transition: all .3s;
}
.tailwind .tw-bg-blue:hover {
  background-color: var(--primary-color-dark) !important;
}
.tailwind .tw-text-blue {
  color: var(--primary-color);
}
.tailwind .tw-border-blue {
  border-color: var(--primary-color);
}
.tailwind .tw-bg-blue-highlight {
  background-color: rgb(0 0 0 / 3%);
}
.tailwind .tw-text-blue-300 {
  color: rgb(1 170 77 / 50%);
}
.tailwind .tw-text-blue-600:hover,
.tailwind .tw-text-blue:hover {
  color: var(--primary-color);
}
.tailwind .tw-bg-blue-600:hover {
  background-color: var(--primary-color-dark);
}
/* Reviews */
.function-active-btn, .function-active-btn:hover {
    background-color: #FFFFFF;
    border: solid 1px var(--primary-color) !important;
    color: var(--primary-color) !important;  
}
.function-active-btn i, .function-active-btn:hover i {
  color: var(--primary-color) !important;  
}
/* Performance */
.date-range-filter-btn, .date-range-filter-btn:hover, .date-range-filter-btn:focus {
  color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-control,
.date-range-filter i.fa-calendar-alt {
  color: var(--primary-color-dark);
}
.applyBtn, .applyBtn:hover, .applyBtn:focus {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.performance-stat-box .number.text-dark {
  color: var(--primary-color) !important;
}
/* Backlinks */
.tab-wrapper[data-v-4b61aeb5] {
  background-color: rgb(0 0 0 / 3%);
}
.tab[data-v-3cdfc9f1] {
  color: var(--primary-color);
}
.apexcharts-toolbar {
  
}
/* Keyword Scan */
.tailwind .tw-text-blue-mid {
  color: rgb(1 170 77 / 50%);
}
.tailwind .tw-shadow-blue {
  --tw-shadow-color: var(--primary-color);
}