/*
Theme Name: idrecco
Theme URI: http://underscores.me/
Author: faqihamruddin
Author URI: http://faqihamruddin.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: auberon
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

auberon is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
  font-family: "Cerebri Sans";
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Light.eot);
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Light.ttf);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Cerebri Sans";
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Regular.eot);
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Regular.ttf);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Cerebri Sans";
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Medium.eot);
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Medium.ttf);
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Cerebri Sans";
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-SemiBold.eot);
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-SemiBold.ttf);
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Cerebri Sans";
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Bold.eot);
  src: url(assets/fonts/Cerebri-Sans/CerebriSans-Bold.ttf);
  font-weight: 700;
  font-style: normal;
}
* {
  font-family: "Cerebri Sans";
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: inherit;
}
.top-header {
  background: #f4f4f4;
  font-size: 14px;
}

.top-header__right-menu ul li {
  display: inline;
}

.top-header .container-fluid {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
}

.top-header__main-menu {
  text-transform: uppercase;
  font-weight: 600;
  color: #3b3a3a;
}

.top-header__right-menu ul li a {
  text-decoration: none;
  color: #3b3a3a;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0 0 0 5px;
}

.top-header__right-menu ul {
  margin: 0;
}

.top-header__main-menu i {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: middle;
}
header {
  background: #F7F7F7;
  padding: 10px 0;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: "\f105"!important;
  font-family: 'Line Awesome Free';
  font-weight: 900;
}
a.navbar-brand {
  font-size: 23px;
  font-weight: 700;
  color: #c55b28 !important;
  padding-right: 20px;
}

a.navbar-brand img {
  width: auto;
  height: 30px;
}

.navbar-light .navbar-nav a.nav-link {
  font-size: 16px;
  font-weight: bold;
  color: #252122;
  text-transform: uppercase;
}

.main-header__right-menu {
  margin-left: 20px;
  padding-left: 20px;
}

.main-header__right-menu i {
  font-size: 25px;
  color: #3b3a3a;
  vertical-align: middle;
}

.main-header__right-menu a {
  color: #3b3a3a;
  text-decoration: none;
  font-weight: 500;
  vertical-align: middle;
}

.search_icon {
  font-size: 24px;
  transform: scale(-1, 1);
}

section#hero {
  background: #f5f5f5;
}

.hero__search {
  background: #3bc8a2;
  padding: 25px;
}

.hero__search input {
  line-height: 50px;
  padding: 0 10px;
  border: none;
  border-radius: 3px;
  width: calc(100% - 215px);
  margin-right: 20px;
  font-size: 15px;
}

.hero__search button {
  line-height: 50px;
  border: none;
  padding: 0 20px;
  border-radius: 3px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  background: #337ab7;
  color: #fff;
}
.hero__search i {
  margin-left: -67px;
  padding-left: 30px;
  font-size: 22px;
  vertical-align: middle;
  transform: scale(-1, 1);
}

.hero__search input::placeholder {
  color: #bcbcbc;
}
section#contact {
  background: #1a3059;
  color: #fff;
}

section#contact h3 {
  color: #fff;
  margin-bottom: 30px;
}
.border-left-white {
  border-left: solid 1px #37558d;
  padding-left: 30px;
}
section {
  padding: 70px 15px;
}
section#partners {
  color: #323232;
}

ul.partners {
  display: inline-flex;
  list-style: none;
  align-items: end;
}

ul.partners li {
  flex: 1;
}
section h2 {
  color: #282828;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
}

.accordion-button::after {
  background: none;
  content: "\f067";
  font-family: "Line Awesome Free";
}

.accordion-button:not(.collapsed)::after {
  background: none;
  content: "\f068";
}

.accordion-body {
  color: #565151;
  font-size: 17px;
}
.social-share {
  display: flex;
  align-items: center;
}

.social-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.social-box select {
  width: auto;
  background: none;
  border-radius: 5px;
  color: #fff;
}

.social-share p {
  margin: 0;
}

.social-share ul {
  margin: 0;
}

span.footer-logo img {
  max-width: 120px;
  max-height: 40px;
  height: auto;
  width: auto;
}

foorer p {
  color: #979797 !important;
}

footer p {
  color: #979797;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
}

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

footer ul li a {
  font-size: 14px;
  font-weight: 300;
}

footer .copyright ul li {
  display: inline-block;
  margin-left: 40px;
}

footer .copyright ul {
  float: right;
}
.accordion-button:focus {
  box-shadow: none;
  border-color: inherit;
}

section#hero {
  padding: 0;
  background-size: cover;
  position: relative;
}
section#hero .container {
  position: relative;
}

section#hero:before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.root__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

article.article_grid {
  border: solid 1px #dfdfdf;
  padding: 20px;
  aspect-ratio: 16/12;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.article_grid__title {
  font-weight: 500;
  margin-bottom: 5px;
  color: #1a1a1a;
}

.article_grid__content {
  color: #878787;
  font-size: 14px;
  font-weight: 400;
}

.article_grid__link {
  color: #337ab7;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
}

.article_grid__link i {
  border: solid 1px;
  width: 27px;
  height: 27px;
  text-align: center;
  line-height: 26px;
  border-radius: 20px;
}

section#main {
  background: #f5f5f5;
}
.hero__main h2 {
  margin: 0;
}

.hero__main {
  padding: 200px 0;
}
.hero__metric_icon {
  display: inline-block;
  width: 45px;
}

.hero__metric_icon small {
  color: #fff;
  font-size: 14px;
}

.hero__metric_content {
  display: inline-block;
  margin-left: 20px;
  margin-top: 25px;
}
.hero__main h1 {
  margin-bottom: 40px;
  color: #cbe7dd;
  font-weight: 600;
  font-size: 58px;
  line-height: 62px;
}

.hero__main p {
  font-size: 19px;
  color: #fff;
  font-weight: 300;
}

.hero__metric_content h2 {
  font-size: 49px;
  color: #fff;
}

.hero__metric_content p {
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 7px;
}
.main__header__result {
  font-size: 15px;
  font-weight: 500;
  color: #1a1a1a;
}

.main__header__filter__item {
  color: #878787;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

.main__header__filter__item i {
  font-weight: bolder;
}

body {
  color: #787878;
  font-size: 17px;
  line-height: 1.7em;
}

select {
  color: #5a5a5a;
  padding: 8px 15px;
  margin: 0 10px;
  border: solid 1px #bcb7b7;
  font-size: 16px;
  width: calc(100% - 66px);
  margin-right: 0;
}
.copyright-section {
  background: #3B3437;
  padding: 30px 0 15px 0;
  margin-top: 40px;
}
.main__content {
}
section#about {
  background: #09bc7c;
}

section#about > div > h2 {
  color: #d0eae1;
  font-size: 20px;
  margin-bottom: 20px;
}

section#about > div > p {
  color: #20302b;
  font-size: 36px;
  letter-spacing: -0.3px;
  line-height: normal;
}

.about-counter {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 60%;
  margin-top: 50px;
  color: #20302b;
}

.about-counter__item h2 {
  color: #fff;
  margin: 0;
  font-size: 50px;
}
article.article_list {
  background: #fff;
  padding: 20px;
  display: flex;
  margin-bottom: 30px;
}

.article_list__thumbnail {
  margin-right: 20px;
}

.article_list__content {
}

.article_list__meta {
  font-size: 14px;
  margin-bottom: 6px;
}

span.article_list__meta__category {
  color: #337ab7;
  margin-left: 10px;
}

.article_list__title {
  font-weight: 600;
  color: #1a1a1a;
  font-size: 15px;
  margin-bottom: 10px;
}

.article_list__text {
  font-size: 15px;
}

.article_list__text p {
  font-weight: 400;
  line-height: 24px;
}
section#main h2 {
  color: #f05a28;
}

.accordion-item {
  background: none;
  border: none;
}

button.accordion-button {
  background: none;
  font-size: 18px;
  font-weight: bold;
  border-bottom: solid 1px #1f1f1f;
  padding: 20px 0;
}

.accordion-button:not(.collapsed) {
  background: none;
  color: #000000;
}

button.accordion-button span {
  background: #f05a28;
  width: 30px;
  height: 30px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  border-radius: 30px;
  margin-right: 10px;
  font-size: 14px;
}

div#accordionExample {
  margin-top: -15px;
}

.widget__title {
  font-size: 15px;
  font-weight: 600;
  color: #626262;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.widget__title a {
  color: #337ab7;
  text-decoration: none;
}

.widget__content input {
  width: 100%;
  border: solid 1px #bcb7b7;
  line-height: 42px;
  border-radius: 3px;
  padding: 0 10px;
  background: none;
}

.widget__content input + i {
  color: #2c2c2c;
  font-size: 27px;
  transform: scale(-1, 1);
  right: 10px;
  position: absolute;
  top: 9px;
}

.widget__content form {
  position: relative;
}

.widget {
  margin-bottom: 20px;
}
.widget button.accordion-button {
  background: none;
  border: none;
  box-shadow: none;
  padding: 10px 0;
  font-weight: 600;
  font-size: 15px;
}

.widget .accordion-item {
  background: none;
  border: none;
}

.widget .accordion-button:not(.collapsed) {
  color: #383838;
}

.widget .accordion-button::after {
  background-size: 15px;
  width: 15px;
}

.widget .accordion-body {
  padding: 10px 0;
}

.widget label.form-check-label {
  color: #337ab7;
  font-size: 15px;
}

.widget .form-check {
  margin-bottom: 10px;
}

.widget .form-check-input:checked {
  background-color: #1b2625;
  border-color: #1b2625;
}

.widget .form-check-input {
  border-radius: 0;
}

.widget input[type="submit"] {
  background: #3bc8a2;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  width: 49%;
  color: #fff;
  line-height: 50px;
  border-radius: 3px;
}

.widget input[type="reset"] {
  width: 49%;
  border: none;
  background: #343434;
  color: #fff;
  line-height: 50px;
  border-radius: 3px;
  margin-top: 20px;
}
.pagination .page-link {
  font-size: 14px;
  color: #404040;
}
.page-item.active .page-link {
  background: #337ab7;
  border-color: #337ab7;
}
footer {
  background: #474143;
  padding: 20px 0 0px 0;
}

h4.m-text-tertiary {
  color: #678a8d;
  font-size: 18px;
}

p.lead-16.m-margin-xs-bottom-30 {
  font-size: 17px;
  color: #dbdbdb;
  line-height: 29px;
}

ul.social-icons li {
  display: inline;
}

ul.social-icons li img {
  max-width: 24px;
  max-height: 24px;
  margin-left: 20px;
  width: auto;
  height: auto;
  vertical-align: bottom;
}

ul.social-icons li a {
  text-decoration: none;
}

ul.social-icons {
  padding: 0;
}

.row.middle-md {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

span.footer-logo {
  margin-right: 25px;
}

footer .m-weight-500 {
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #a2a2a2;
  text-transform: uppercase;
}

.m-text-white {
  color: #fff;
}

footer .vl-md-3 p {
  font-size: 15px;
  font-weight: 400;
}
.col-md-2.m-text-right {
  text-align: right;
}
.col-md-2.border-left {
  border-left: solid 1px #3e4647;
}

.m-text-green {
  color: #b9c800 !important;
}

footer li a {
  text-decoration: none;
  color: #fff;
  font-size: 15px;
}

footer li a:hover {
  text-decoration: underline;
  color: #fff;
}
.copyright p {
  color: #8b908b;
  font-size: 14px;
}
.single .main-header {
  box-shadow: 0px 7px 9px -5px rgb(0 0 0 / 29%);
  position: relative;
}
section#main-content {
  padding: 30px;
}

section#main-content h2 {
  font-size: 27px;
}

li.breadcrumb-item {
  font-size: 13px;
  text-transform: uppercase;
}

li.breadcrumb-item a {
  text-decoration: none;
  color: #606060;
  text-transform: uppercase;
}
.main__entry-title__icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.entry-title h2 {
  display: inline-block;
  width: calc(100% - 100px);
  margin-bottom: 25px;
}

.main__entry-meta {
  display: inline-block;
  width: 13%;
}

.entry-title {
  display: inline-block;
  width: 86%;
}

.main__entry-title {
  margin-top: 40px;
}

.main__entry-meta__title {
  text-transform: uppercase;
  color: #6bc14f;
  font-weight: 500;
}
.btn-danger {
  background-color: #E25E41;
  border-color: #E25E41;
  color: #fff!important;
  font-size: 12px!important;
}

.btn-warning {
    color: #fff!important;
    font-size: 12px!important;
    background-color: #F08821;
    border-color: #F08821;
}

.action a {
    margin-right: 10px;
}

.table-main p {
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
}
.main__entry-meta__title i {
  font-size: 24px;
  color: #3a3a3a;
  vertical-align: top;
}

.main__entry-meta__content {
  font-size: 30px;
  font-weight: 700;
  color: #383838;
}

.main__entry-meta__content span {
  font-weight: 300;
  color: #383838;
  font-size: 12px;
}
.entry-meta {
  margin-top: 20px;
  font-size: 14px;
  color: #232323;
  font-weight: 300;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
}

.entry-meta__right a {
  color: #232323;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.main__content {
  font-size: 17px;
  color: #7c7c7c;
  line-height: 29px;
}
.main__content__subtitle {
  font-weight: 600;
  color: #3a3a3a;
}

.main__content__subtitle i {
  color: #3a3a3a;
  font-size: 22px;
  vertical-align: middle;
}
.main__content__box {
  background: #eaf4f8;
  display: flex;
  padding: 20px 25px;
  margin-top: 20px;
}

.main__content__box__right select {
  display: block;
  margin: 0;
  width: 100%;
}

.main__content__box__right {
  width: 60%;
  margin-left: 50px;
  padding-left: 30px;
  border-left: solid 1px #d8d1d1;
}

.main__content__box__right span {
  font-size: 14px;
  color: #979797;
}

.main__content__box__right span a {
  text-decoration: none;
}

.main__content a {
  color: #337ab7;
}

.main__content__box p {
  font-size: 15px;
  color: #474747;
}
.tab-content {
}

.main__content .nav.nav-tabs {
  margin-top: 50px;
  margin-bottom: 40px;
}

.main__content .nav.nav-tabs .nav-link.active {
  background: #fff;
  border-bottom: solid 1px #fff;
}

.main__content .nav.nav-tabs .nav-link {
  border-radius: 0;
  color: #3c3c3c;
  font-size: 16px;
  font-weight: 700;
  background: #f4f4f4;
  border: solid 1px #dedede;
  margin-right: 2px;
}

.tab-content .card {
  border: none;
}

.tab__filter {
  display: flex;
  justify-content: space-between;
}

.tab__filter__search input {
  font-size: 16px;
  border: solid 1px #bcb7b7;
  padding: 0 15px;
  line-height: 42px;
  width: 260px;
  border-radius: 2px;
}

.tab__filter__search input + i {
  color: #2c2c2c;
  font-size: 27px;
  transform: scale(-1, 1);
  right: 10px;
  position: absolute;
  top: 9px;
}

.tab__filter__search form {
  position: relative;
}

.tab__content table {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 80px;
}

.tab__content table thead td {
  width: 170px;
}
.tab__content table a {
  color: #231f20;
  text-decoration: none;
  font-size: 15px;
}

.td__content h3 {
  font-size: 15px;
  color: #1a1a1a;
  margin-bottom: 0;
  font-weight: 600;
}

.td__content p {
  color: #5C5C5C;
  font-size: 15px;
  margin: 0;
  line-height: 27px;
  font-weight: bold;
}

.td__icon {
  display: inline-block;
}

.td__content {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-weight: bold;
  color: #5C5C5C;
}

.tab__content table td {
  border: solid 1px #e5e5e5;
  padding: 10px;
  border-right: none;
  border-left: none;
  color: #888888;
  font-size: 14px;
}

.tab__content table tr:nth-child(even) {
  background: #fbfbfb;
}

.tab__content table td:first-child {
  border-left: none;
}

.tab__content table td:first-child input {
  vertical-align: top;
}

.tab__content table thead td {
  padding: 0 10px;
  border-top: none;
  color: #464646;
  font-size: 14px;
  border-left: none;
  border-right: none;
  font-weight: bold;
}

.tab__content table thead td:first-child input {
  vertical-align: middle;
}

.tab__content table td:last-child {
  border-right: 0;
}

.tab__content {
  margin-bottom: 30px;
}
.row.tab__filter__filter {
  width: 60%;
}

.tab__filter__filter select {
  width: calc(100% - 80px);
  border-radius: 2px;
}
section#welcome-hero {
  background: #222;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  position: relative;
}

.welcome-hero__text {
  text-align: center;
  width: 50%;
  position: relative;
}
section#welcome-hero:before {
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
}
.welcome-hero__text h2 {
  font-size: 58px;
  color: #fff;
}

.welcome-hero__text p {
  color: #fff;
  font-weight: 300;
  font-size: 21px;
  line-height: 28px;
}

.welcome-hero__text button {
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  background: #337ab7;
  color: #fff;
  padding: 15px 20px;
  margin: 30px 5px;
}

.welcome-hero__text p.text-bold {
  font-size: 16px;
  font-weight: bold;
}

section#resources {
  background: #414752;
  color: #fff;
}

section#resources h2 {
  text-align: center;
  color: #fff;
}

section#resources .article_grid__title {
  color: #fff;
}

#resources .article_grid__link {
  color: #00d4ff;
}

section#resources .root__grid {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
}

section#resources article.article_grid {
  background: #474d58;
  border: none;
  cursor: pointer;
}
article.article_grid a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.article_list__content a {
  color: inherit;
}
section#resources article.article_grid:hover {
  box-shadow: inset 0 0 1px 1px #00d4ff;
}
section#featured {
  background: #f5f5f5;
}

section#latest h2 {
  margin-bottom: 0px;
}

section#latest article.article_list {
  border: solid 1px #d1d1d1;
  border-radius: 2px;
}
.welcome-hero__text button.last {
  background: #3bc8a2;
}

.slider article.article_grid {
  width: 350px;
  margin-right: 40px;
  background: #fff;
  border: none;
  aspect-ratio: auto;
}
.article_grid__title__thumb {
  margin-right: 20px;
}

.article_grid__title h4 {
  font-size: 18px;
  line-height: 25px;
}

.slider .article_grid__title {
  display: flex;
  margin-bottom: 20px;
  height: 70px;
}

.slider .article_grid__content {
  font-size: 15px;
  max-height: 150px;
  overflow: hidden;
  line-height: 24px;
  transition: max-height 0.25s ease-out;
}
.slider .slick-arrow {
  position: absolute;
  top: -80px;
  right: 0;
  font-size: 22px;
  color: #2f2f2f;
  border: solid 2px #2f2f2f;
  border-radius: 2px;
  padding: 10px 15px;
  cursor: pointer;
}
.slider .slick-arrow:first-child {
  right: 70px;
}
.slider .article_grid__link {
  margin-top: 40px;
}
.slider .article_grid__main span {
  color: #337ab7;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
}
.slider .article_grid__main.active .article_grid__content {
  max-height: 1000px;
  transition: max-height 0.5s ease-in;
}
section#latest h2 {
  display: flex;
  justify-content: space-between;
}

section#latest h2 a {
  text-decoration: none;
  color: #373737;
  font-size: 17px;
  border: solid 2px;
  border-radius: 2px;
  line-height: 45px;
  padding: 0 20px;
}
section#cta {
  background: #2b2b2b;
  color: #fff;
}

section#cta h3 {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 15px;
}

section#cta p.text-bold {
  font-weight: 700;
  color: #8e8e8e;
}

.text-center {
}
.mapbox {
  position: relative;
}

.summary {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
}

section#main-content .summary h2 {
  font-size: 17px;
  color: #292929;
  letter-spacing: 4px;
  margin-bottom: 10px;
}

.summary ul {
  list-style: none;
  padding: 0;
}

.summary ul li {
  font-size: 14px;
  font-weight: 300;
  color: #2C2C2C;
  display: flex;
  justify-content: space-between;
}

.summary ul li span {
  color: #3CBB7D;
}

div#myModal {
  background: #fff;
  width: 300px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -100px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  border-radius: 5px;
  padding: 20px;
}

div#myModal span {
  color: #222;
  font-size: 30px;
  top: 20px!important;
  right: 20px!important;
}
div#myModal p {
  font-size: 16px;
  color: #000;
}

div#myModal ul {
  list-style: none;
  padding: 0;
}

div#myModal ul li {
  font-size: 14px;
  color: #4A4A4A;
  display: flex;
  justify-content: space-between;
}

div#myModal ul span {
  font-size: 14px;
  color: #3CBB7D;
}

div#myModal .btn {
  font-size: 13px;
  color: #fff;
  background: #3CBB7D;
  border-color: #3CBB7D;
  padding: 8px 15px;
}

div#myModal .btn.btn-secondary {
  float: right;
  background: none;
  color: #4B4B4B;
}
.maps-desc {
  color: #595959;
  font-size: 16px;
  text-align: center;
  margin-top: 50px;
}
a.btn-cta {
  display: inline-block;
  border: none;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  background: #337ab7;
  color: #fff;
  padding: 15px 20px;
  text-decoration: none;
  margin: 10px 6px;
}

a.btn-cta.last {
  background: #3bc8a2;
}
.subscribe input {
    border: solid 1px #767072;
    background: #232020;
    font-size: 14px;
    color: #9B9B9B;
    padding: 20px;
    width: 250px;
}

.subscribe button {
    background: #FF633D;
    border: none;
    color: #fff;
    font-size: 17px;
    padding: 18px;
}

.subscribe form {
    display: flex;
}

.subscribe {}

.footer-right {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.footer-right__text p {
    font-weight: 300;
    font-size: 14px;
}

.footer-right__text a {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
}
p.subscribe-text {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.download p {
  font-size: 16px;
  font-weight: 300;
}

a.btn.btn-download {
  color: #4B4B4B;
  font-size: 14px;
  border: solid 1px #4B4B4B;
}

.download h3 {
  margin: 40px 0 20px;
  color: #2E7636;
  font-size: 19px;
}

.download-sidebar {
  margin-left: 20px;
  display: flex;
}

.download-sidebar img {
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
  margin-bottom: 50px;
  max-width: 250px;
}

.download-widget h3 {
  color: #525252;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 300;
}

.download-widget p {
  font-size: 15px;
  color: #555;
  font-weight: 300;
}

.download-sidebar .btn-primary {
  background: #00BA77;
  border-color: #00BA77;
  padding: 10px 20px;
  border: none!important;
  color: #fff!important;
  margin-right: 10px;
}
.tab__content.single-programs h4 {
  color: #2E7636;
  font-size: 18px;
}

.tab__content.single-programs ul {
  list-style: none;
  padding: 0;
}

.tab__content.single-programs ul .pr-title {
  width: 300px;
  text-align: right;
  font-size: 14px;
  color: #5C5C5C;
  font-weight: bold;
  display: inline-block;
  margin-right: 30px;
}

.tab__content.single-programs ul li {
}

.tab__content.single-programs ul span {
  width: 60%;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  color: #5C5C5C;
}
div#register-modal, div#login-modal {
  background: rgba(0,0,0,0.4);
}

.modal-content {
  width: 600px;
  margin: 80px auto;
  border: none;
  padding: 40px;
}

div#register-modal h2, div#login-modal h2 {
  font-size: 20px;
  color: #222222;
}

div#register-modal .close, div#login-modal .close {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 40px;
  color: #222;
  cursor: pointer;
}

form#register-form input, form#login-form input {
  border: none;
  background: #f5f5f5;
}

form#register-form, form#login-form {
  margin-top: 10px;
}

form#register-form input[type="submit"], form#login-form input[type="submit"] {
  background: #00BA77;
  color: #fff;
  font-size: 16px;
  padding: 13px 35px;
  margin-top: 15px;
}

form#register-form input, form#login-form input {
  padding: 10px 20px;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
form#register-form > div, form#login-form > div {
    display: flex;
    margin-bottom: 15px;
}

form#register-form > div input, form#login-form > div input {
    width: auto;
    flex: 1!important;
}

form#register-form > div input:first-child, form#login-form > div input:first-child {
    margin-right: 15px;
}
.download-sidebar.column {
  flex-direction: column;
}

.download-sidebar.column p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
}

.download-sidebar.column .logout {
  font-size: 16px;
  font-weight: 300;
  text-decoration: underline;
}
/* Styles for the loader */
.loader {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin: 20px auto;
}
.tab__content table thead td:last-child {
  width: 172px;
}
form.search-form, form.search-form > label {
  display: flex;
  flex-direction: column;
  width: 90%;
  max-width: 400px;
}

form.search-form > label {
  margin-bottom: 20px;
  width: 100%;
}

form.search-form select, form.search-form input {
  margin: 0;
  width: 100%;
  font-size: 14px;
  padding: 10px;
}

form.search-form > label span {
  font-size: 14px;
}

form.search-form input {
  padding: 5px 10px;
}

button.search-submit {
  border: none;
  padding: 10px;
  background: #FF633D;
  color: #fff;
}
.pagination {
  justify-content: end;
}

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

.pagination ul li {
  display: inline-block;
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

.pagination ul li a, .pagination ul li span {
  display: block;
  padding: 0 10px;
  font-size: 15px;
}

.pagination ul li:first-child {
  border-left: solid 1px #ddd;
}
form.search-form {
  display: inline-block;
  width: 100%;
  max-width: initial;
  text-align: center;
  background: #eee;
  padding: 10px;
}

form.search-form label {
  display: inline-block;
  width: 40%;
  max-width: inherit;
  text-align: left;
}

form.search-form > * {
  flex-grow: 0; /* Disable growing */
  flex-shrink: 1; /* Enable shrinking */
}

form.search-form > button {
  width: 18%;
  line-height: 24px;
}
/* Animation for the spinner */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
table.single-table th {
  font-size: 14px;
  padding: 0 10px;
}
#register-form select {
  background: #f5f5f5;
  border: none;
  margin: 0;
  width: 100%;
  font-size: 14px;
  padding: 10px 20px;
}
.form-row {
  flex-direction: column;
}

.form-row label {
  font-size: 14px;
  margin-bottom: 10px;
}
.failed {
  background: #FFCCBC;
  color: #222;
  padding: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  border-left: solid 4px red;
}
.subcontent {
  font-size: 16px;
  font-weight: 300;
}
@media only screen and (max-width: 720px) {
  .welcome-hero__text {
    width: 100%;
  }

  .root__grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .footer-group-logo {
    margin-bottom: 40px;
    text-align: left;
  }

  ul.social-icons {
    width: 100%;
    padding: 0;
  }

  .col-xs-6 {
    width: 50%;
  }

  .col-md-2.m-text-right {
    text-align: left;
  }

  .col-md-2.border-left {
    border: none;
  }
  .ps-5 {
    padding-left: 10px !important;
  }

  ul.pagination .page-item:nth-child(2),
  ul.pagination .page-item:nth-last-child(2) {
    display: none;
  }
  .main__content__box {
    flex-direction: column;
  }

  .main__content__box p {
    word-break: break-word;
  }

  .main__content__box__right {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border: none;
  }

  .row.tab__filter__filter {
    width: 100%;
    margin-top: 20px;
  }

  .tab__filter {
    flex-direction: column;
  }

  .tab__filter__filter select {
    float: right;
    margin-bottom: 10px;
  }
  .slider article.article_grid {
    width: 320px;
  }

  .slider .slick-arrow {
    top: -60px;
  }

  section#featured h2 {
    margin-bottom: 70px;
  }

  section#latest h2 a {
    font-size: 15px;
    width: fit-content;
    margin: 10px 0;
  }

  section#latest h2 a i {
  }

  section#latest h2 {
    flex-direction: column;
  }
}

.lost-pass {
  margin-top: 11px;
}

a.wp-login-lost-password {
  color: #0d6efd;
}