/* Switcher */
.theme-switcher {
  position: fixed;
  top: 120px;
  right: 10px;
  z-index: 9999;
}

@media (max-width:991px){
  .theme-switcher {
    top: 115px;
  }
}
.theme-panel button.activetheme {
  border: 1px solid #005884;
  color: #005884;
}
.theme-panel button:hover {
  border: 1px solid #005884;
  color: #005884;
}
.gear {
  font-size: 24px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.gear.gearIcon {
  width: 40px;
  height: 40px;
  background: #005884;
  text-align: center;
  border-radius: 4px;
  color: #fff;
  line-height: 39px;
  float: right;
}
/* Panel */
.theme-panel {
  margin-top: 10px;
  background: #fff;
  padding: 10px;
  border-radius: 6px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  display: none;
  margin-top: 40px;
  width: 200px;
}
.theme-switcher:hover .theme-panel {
  display: block
}
.theme-panel.open {
  display: block;
}
.theme-panel button {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  padding: 6px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer; 
  border: 1px solid transparent;
}
.theme-panel button:focus {outline:none !important}




/* ======= light  Theme start ========== */




html.light section.breadcrumb {background-color: #fff!important;border-top: 1px solid #ccc;}
html.light .breadcrumb {background-color: #fff!important;}
html.light #primary-menu ul li > a {
  color: #005884 !important
}
html.light #primary-menu ul li.current > a {
  background: #005884 !important;
  color: #fff !important;
}
html.light #primary-menu ul li.current > a:hover {
  background: #004568 !important;
  color: #fff !important;
}
html.light #primary-menu > ul > li a:before {
  background: #319394;
}
html.light .footer.dark, html.light .footer.dark p, html.light .footer.dark a, html.light .footer.dark ul li a {
  color: #000 !important;
}

  html.light .footer.dark a:hover, html.light .footer.dark ul li a:hover {
  color: #1c75cb !important;
}
html.light .footer.dark h1, html.light .footer.dark h2, html.light .footer.dark h3 {
  color: rgb(0 0 0);
}
html.light .footer.dark {
  background: #e6f1f9 !important;
}
html.light section.section {
  background-color: #ffffff !important;
}
html.light header {
  background: #ffffff !important;
}
html.light .swiper_wrapper .swiper-slide { 
    background: #f8f8f8;
}
html.light section.section + section {
  background-color: #e6f1f9 !important;
}
html.light #primary-menu > ul > li > a {
  color: #005884 !important;
}


html.light #primary-menu > ul > li:hover > a {
  background-color: #E6F1F9 !important;
}
html.light #primary-menu > ul > li:hover > a, html.light #primary-menu > ul > li:focus > a, html.light #primary-menu > ul > li:hover > a, html.light #primary-menu > ul > li:focus > a {
  color: #005884 !important;
}
html.light .btn-red {
  background: #ec0019;
  color: rgb(255, 255, 255);
}
html.light  .action-buttons { 
    border-top: 1px solid rgb(199 199 199);
    border-bottom: 1px solid rgb(199 199 199);
}
html.light .copyright {
  /* border-top: 1px solid rgb(196 196 196); */
}
html.light .section {
  background-color: #f9f9f9;
}
html.light h3 {
  color: #000;
}
html.light .footer {
  background: #208081 !important;
}
html.light .entry-content {
  background: #e6f1f9 !important;
}

html.light #top-header {
  background-color: #94bde5;
}

html.light span.contact_top a {
  color: rgb(0, 0, 0) !important;
}

@media(max-width:767px) {
.theme-panel button {
    display: inline-block;
    padding: 5px;
   width: auto;
}

.theme-switcher:hover .theme-panel {
    text-align: center;
}
}
/*Widgets background color set to white. You can add or remove any  widget from this css also you can specify different background color to any widget.*/
html.blue .container #contentwidget1, 
html.blue .container #contentwidget2, 
html.blue .container #contentwidget3, 
html.blue .container #contentwidget4 {

    background-color: #fff !important;

    padding:10px;
	border-radius: 6px;

}
 
html.light.container #contentwidget1, 
html.light.container #contentwidget2, 
html.light.container #contentwidget3, 
html.light.container #contentwidget4 {

    background-color: #f9f9f9 !important;

    padding:10px;
	border-radius: 6px;

}



html.light footer .btn.btn-blue-footer {
  background: #005884 !important;
  color: rgb(255, 255, 255) !important;

}
html.light footer .btn.btn-blue-footer:hover {
  background: #004a6f !important;
  color: rgb(255, 255, 255) !important;

}
html.light.footer.dark .action-buttons a {
  color: #ffffff !important;
}