:root {
  --parafa-blue: rgb(0, 27, 50);
  --parafa-blue-light: #002a46;
  --parafa-orange: #F26627;
  --parafa-orange-light: #F28A49;
  --parafa-block-spacing: 50px;
}

* {
  font-family: 'Montserrat', sans-serif;
}

/* custom sizing */
.min-w-0{
  min-width: 0 !important;
}

.page-block {
  padding-top: var(--parafa-block-spacing);
  padding-left: 0;
  padding-right: 0;
  /* add spaces only on top of the block, 
  because the bottom space might need to be added
  on the content.  */
}

.page-block .title {
  padding-bottom: var(--parafa-block-spacing);
}

.card {
  border: none;
  background-color: transparent;
  /* add spaces between cards and on the botton of the block too */
  padding-bottom: var(--parafa-block-spacing);
}

.card-icon {
  height: 75px;
}

.card-img-top {
  border-radius: 0;
}

.btn {
  border-radius: 3.125rem;
  background-color: var(--parafa-orange);
  color: white;
  border-width: 0;
  padding: 10px 20px;
}

.btn:hover {
  background-color: var(--parafa-orange-light);
  color: white;
}

.sticky-top {
  color: white;
  padding: 0;
}

.border-blue{
  border-color: var(--parafa-blue);
}

.color-blue{
  color: var(--parafa-blue) !important;
}

.color-blue::placeholder {
  color: var(--parafa-blue) !important;
}

.rounded-circle {
  border-radius: 50%;
}

.emphasized {
  color: var(--parafa-orange);
}

/* Main NavBar ============================ */
.navbar {
  background: white;
}

.navbar-brand>img {
  max-width: 10rem;
  /* padding-right: 10rem; */
}

.nav-link {
  color: var(--parafa-blue);
  font-weight: 600;
}

.nav-link:hover {
  color: var(--parafa-orange);
}

.nav-link.active {
  text-decoration: underline;
}

.navbar-toggler {
  border: 0;
}

/* Hero =================================== */
.hero {
  color: white;
  background-color: var(--parafa-blue);
}

.hero .bracket-text {
  padding-bottom: var(--parafa-block-spacing);
}

.hero p {
  margin: 0;
}

.hero img {
  margin: 20px 0 40px 0px;
}

/* Clients =================================*/
.clients {
  color: white;
  background-color: var(--parafa-blue);
}

.clients .carousel-item .row div {
  padding-bottom: 20px;
}

.clients .carousel-item img {
  height: 120px;
}

/* Tech =================================== */
.tech .card img {
  height: 80px;
}

.tech .card-body {
  padding: 10px;
}

@media (max-width: 576px) {
  .tech .card img {
    width: 60px;
  }
}

/* Cases ==================================== */
.cases {
  background-color: var(--parafa-blue);
  color: white;
}

.cases .card-title,
.cases .card-text {
  color: white;
}

/* Posts ========================== */
.posts {
  color: var(--parafa-blue)
}

/* Contact ========================== */
.contact {
  background-color: var(--parafa-blue);
  /* background-image: url(../images/envelope.png);
  background-repeat: no-repeat; */
  color: white;
  padding-bottom: var(--parafa-block-spacing);
}

/* Footer ============================= */
footer {
  background-color: var(--parafa-orange);
  color: var(--parafa-blue);
  padding-bottom: var(--parafa-block-spacing)
}

/* Pages =================================== */
.page-block-blue {
  background-color: var(--parafa-blue);
  color: white;
  padding-top: var(--parafa-block-spacing);
}

.page-block-white {
  background-color: white;
  color: var(--parafa-blue);
  padding-top: var(--parafa-block-spacing);
}

.page-block-bottom-spacing {
  padding-bottom: var(--parafa-block-spacing);
}

.page-title {
  padding-bottom: var(--parafa-block-spacing);
  text-align: center;
}

/* Page About us ============================== */
.about .page-header {
  background-image: url(../images/sobre.svg);
  background-position: left bottom;
  background-size: 25%;
  background-repeat: no-repeat;
}

.about .marks {
  padding-top: var(--parafa-block-spacing);
  background-color: var(--parafa-blue);
  color: white;
}

.about .marks .big-orange-bracket {
  background-image: url(../images/big_orange_bracket.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.about .marks .mark-col {
  padding-bottom: var(--parafa-block-spacing);
  padding-top: var(--parafa-block-spacing);
}

/* contact =================================*/
.contact-page {
  min-height: 100vh;
}

.contact-page main {
  flex: 1 0 auto
}

.contact-page .footer {
  flex-shrink: 0;
}


/* Old =====================================*/

.table-parafer {
  --bs-table-color: #fff;
  --bs-table-bg: #EFEEEE;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.btn-parafer-form {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-secondary-bg);
  --bs-btn-border-color: var(--bs-secondary-bg);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #11558a;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2b648f;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #EFEEEE;
  --bs-btn-disabled-border-color: #EFEEEE;
  width: 17.4375rem;
  width: 12rem;
  height: 2.7rem;
}

.btn-parafer-form:hover {
  background-image: linear-gradient(to right, #29323c, #485563, #19374b, #80bad4);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0);
  background-position: 100% 0;
  -o-transition: all .8s ease-in-out;
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
}

.btn-outline-parafer {
  --bs-btn-color: #EFEEEE;
  --bs-btn-border-color: #EFEEEE;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #EFEEEE;
  --bs-btn-hover-border-color: #EFEEEE;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #EFEEEE;
  --bs-btn-active-border-color: #EFEEEE;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #EFEEEE;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #EFEEEE;
  --bs-gradient: none;
}

.dropdown-menu-parafer {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}


.alert-parafer {
  --bs-alert-color: var(--bs-parafer-text-emphasis);
  --bs-alert-bg: var(--bs-parafer-bg-subtle);
  --bs-alert-border-color: var(--bs-parafer-border-subtle);
  --bs-alert-link-color: var(--bs-parafer-text-emphasis);
}

.list-group-item-parafer {
  --bs-list-group-color: var(--bs-parafer-text-emphasis);
  --bs-list-group-bg: var(--bs-parafer-bg-subtle);
  --bs-list-group-border-color: var(--bs-parafer-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-parafer-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-parafer-border-subtle);
  --bs-list-group-active-color: var(--bs-parafer-bg-subtle);
  --bs-list-group-active-bg: var(--bs-parafer-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-parafer-text-emphasis);
}


.text-bg-parafer {
  color: #fff !important;
  background-color: RGBA(var(--bs-parafer-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-parafer {
  color: RGBA(var(--bs-parafer-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-parafer-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-parafer-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-parafer:hover,
.link-parafer:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.focus-ring-parafer {
  --bs-focus-ring-color: rgba(var(--bs-parafer-rgb), var(--bs-focus-ring-opacity));
}

.border-parafer {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-parafer-rgb), var(--bs-border-opacity)) !important;
}

.border-parafer-subtle {
  border-color: var(--bs-parafer-border-subtle) !important;
}

.text-parafer {
  --bs-text-opacity: 1;
  color: var(--bs-primary-text-emphasis);
  /* color: rgba(var(--bs-primary-text-emphasis), var(--bs-text-opacity)) !important; */
}

.text-parafer-emphasis {
  color: var(--bs-parafer-text-emphasis) !important;
}

.link-underline-parafer {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-parafer-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-parafer-rgb), var(--bs-link-underline-opacity)) !important;
}





.txt-08 {
  font-size: 0.8rem;
  font-weight: 500;
}

.txt-fw-500 {
  font-weight: 500;
}

.txt-fw-300 {
  font-weight: 300;

}

@media screen and (min-width: 768px) {
  .bgservice {
    background-image: url(../images/bgservice.svg);
    background-position: initial;
    background-size: contain;
    background-repeat: no-repeat;
  }

}

.title-blog {
  color: #325D79;
  font-weight: 500;

}

.bg-custom {
  background-color: var(--bs-body-color);
}

.dropdown-menu {
  /* text-align: center; */
  border: none;
  /* border-color: #efeeee #001b3315 #001b3315 #001b3315; */
}

.active>.page-link,
.page-link.active {
  font-weight: bolder;
  background: unset;
  border: unset;
  color: var(--bs-secondary-text-emphasis);
}


.pagination>.page-item>.page-link,
.pagination>.page-link {
  font-weight: bolder;
  background: unset;
  border: unset;
  color: var(--bs-primary-text-emphasis);
}

.pagination>.active>.page-link,
.pagination>.page-link.active {
  font-weight: bolder;
  background: unset;
  border: unset;
  color: var(--bs-secondary-text-emphasis);
}


.blog #toggleButton_grid {
  background-color: #001b33;
}

.blog #toggleButton_grid svg,
.blog #toggleButton_grid .fa {
  color: #EFEEEE;
}

.case #toggleButton_grid {
  background-color: #EFEEEE;
}

.case #toggleButton_grid svg,
.case #toggleButton_grid .fa {
  color: #001b33;
}

.border-parafer-blue {
  border-color: #325D79;
}


.dropdown-toggle-active::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--bs-warning-text-emphasis);
  opacity: 1;
  /* Firefox */
}

.mvh-80 {
  min-height: 80vh !important;
}

.article a:not(.btn-parafer) {
  color: var(--bs-warning-text-emphasis);

}


a>img.rounded-top-3 {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: 11rem;
}

.posts-article .card img {
  height: 19rem;
  object-fit: cover;
}