:root {
    --main-color:#17499e;
    --secondary-color:#2561BA;
    --blue-color:#15a6df; 
    --blue2-color:#016FB3;
}

/* backgrounds */
.bg-primary{
    background-color: var(--main-color)!important;
}
.bg-secondary{
    background-color: var(--secondary-color);
}
.bg-blue{
    background-color: var(--blue-color);
}


.dark-bg{
    background-color: black;
}

/* buttons color */
.btn-primary{
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.btn-primary a{
    color:#fff;
}
.btn:hover{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}
.btn-white{
    background-color: #fff;
    border-color: #fff;
}
.btn-primary:hover, .btn:hover{
    background: var(--blue-color);
    border-color:var(--blue-color);
}
/* Text Colors */
body{
    color:var(--main-color); 
}
.primary-color,
.primary-color a{
    color:var(--main-color);
}
.course-item-desc a{
      color:var(--main-color);
}
.course-item-desc button a{
      color:#fff;
}

.secondary-color{
    color: var(--secondary-color);
}
.blue,
.blue a{
    color:var(--main-color);
}
.blue2{
    color: var(--main-color);
}
.link-secondary,
.link-secondary a,
.nav-link{
    color:var(--secondary-color)!important;
}
.white{
    color:white;
}
.black {
    color: #000;
}
.dblue{
    color:#2561BA;
}
.form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.form-actions input {
background:var(--main-color);
border-color:var(--main-color);
    color:#fff;
}
.form-actions input:hover {
background:var(--blue-color);
border-color:var(--blue-color);
}
.border-main-color{
    border-color: var(--main-color)!important;
}
.white.bg-primary a {
    color: #fff;
}
div#courses-section .slick-dots li.slick-active button:before,
.news-section .slick-dots li.slick-active button:before{
  color: #17499e;
  border: solid 2px #17499e;
}
div#courses-section .slick-dots li button:before, 
.news-section .slick-dots li button:before{
  color: #17499e;
}
.dark-mode select#e-services-filter-select.primary-color{
    color: var(--main-color);
}
  .dropdown-menu{
   background-color: var(--main-color);
  }
  .dropdown-menu li {
    padding: 15px;
    border-bottom: solid 1px var(--blue2-color);
}
.dark-mode .home-section7{
    color: #000;
}
.dropdown-menu li:hover, .dropdown-menu li:hover>a {
    background: #fff;
    color: var(--main-color);
}
.offcanvas.show li a.link-secondary,
.offcanvas.hiding li a.link-secondary, 
.offcanvas.showing li a.link-secondary{
    color: #fff !important;
}
.offcanvas.hiding, 
.offcanvas.show, 
.offcanvas.showing{
    background-color: var(--main-color);
}
.dark-mode button.navbar-toggler{
    background-color: #fff !important;
}
.dark-mode {
    background-color: black;
    color: white;
  }
  .dark-mode .black{
    color: #fff;
  }
  .dark-mode .primary-color{
    color: #fff;
  }
  .dark-mode div#courses-section .slick-dots li.slick-active button:before, 
  .dark-mode .news-section .slick-dots li.slick-active button:before,
  .dark-mode  div#courses-section .slick-dots li button:before, 
  .dark-mode .news-section .slick-dots li button:before{
    color:#fff;
    border-color: #fff;

  }
  .dark-mode .btn-white,
  .dark-mode .card__wrapper {
    background: #000;
}
.form-check-input[type=checkbox],
.form-check-input[type=radio] {
    border: solid 2px var(--main-color);
}
input.webform-button--submit {
    background:var(--main-color) ;
    color: #fff;
    border:solid 2px #17499e;
}
input.webform-button--submit:hover {
    background:var(--blue-color) ;
    color: #fff;
    border:solid 2px #15a6df;
}
/*.hover-blue a:hover,
.hover-blue div:hover{
    color: var(--blue-color);
}*/

@media only screen and (max-width: 600px) {
    .dropdown-submenu:hover>.dropdown-menu, 
.nav-item.dropdown:hover>.dropdown-menu {
  background: var(--secondary-color);
}
.dropdown-menu li:hover, .dropdown-menu li:hover>a {
    background: var(--secondary-color);
    color: #fff;
}

}

em.placeholder {
    background: #fff;
    color: #ff0000;
    padding: 0px 10px 5px;
}