/*===========================
  Theme: Fun Time
============================ */
/*________  Blue________  */

.nav-pills > li > a,
.nav.nav-tabs > li > a,
.navbar-custom ul.nav ul.dropdown-menu,
.pricing-palden .pricing-deco,
.panel-heading a.collapsed,
.service h4,
.team-item:hover .team-caption,
.gallery-thumb .link,
.pagination > li > a,
.pagination > li > span,
.breadcrumb,
.label-default,
.pager li > a,
.pager li > span {
  background-color: #406bf4;
}

h1,
a,
.quote-test:before,
.quote-test i,
.quote-test small,
#blog-page h6,
#blog-page blockquote:before,
#contact i,
.latest-caption h4 {
  color: #222;
}

#owl-about img,
.team-item:hover img,
.gallery-thumb:hover .overlay-mask,
#call-to-action {
  border-color: #34327c;
}

/* SVG path */
#deco-clouds path {
  fill: #1f53f3;
  stroke: #f1f4fe;
}

#deco-blue-clouds path
{
  fill: #1f53f3;
  stroke: #59b2dc;
}

/*________  Pink________  */

h2,
.btn,
.btn-primary,
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot span:before,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-prev,
.owl-next,
.pager li > a:hover,
.social-media a i,
.back-to-top i:hover,
.pagination > li > a:hover,
.pagination > li > a:focus,
.pager li > a:hover,
.pager li > a:focus,
.navbar-brand-centered:focus,
.navbar-toggle:focus,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover,
.pagination > .active > a,
.pagination > .active > a:focus,
.nav-pills > li.active > a,
.nav.nav-pills > li > a:focus,
.nav.nav-pills > li > a:hover,
.nav.nav-pills > li > .active {
  background-color: #1f53f3;
  box-shadow: 0 4px 8px rgba(31, 83, 243, 0.5), 0 -4px 8px rgba(31, 83, 243, 0.5);
}

footer,
.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus,
.nav.nav-tabs > li.active > a {
  background-color: #1f53f3;
}

a:hover,
a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus,
.latest-caption h4:hover {
  color: #7090e9;
}

.btn {
  border-color: #1f53f3;
}

/*________  gradient________  */

/* .img-effect {background: linear-gradient(-45deg, #d12881 0%,#EC9600 100%);} */

/*________  Yellow________  */

h2:before,
footer i,
.smaller.social-media a i:hover,
footer a,
.post-info i,
.breadcrumb > .active,
.gallery-thumb i:hover {
  color: #ff5e1a;
}

.service:hover h4,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
.team-item .team-caption,
.navbar-custom ul.nav ul.dropdown-menu li a,
.panel-heading a,
.panel-heading a:hover,
.nav-pills .nav > li > a:focus,
.navbar-header,
.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus,
.owl-prev:hover,
.owl-next:hover,
.back-to-top i,
#instafeed .likes,
.social-media a i:hover,
.date-category,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #406bf4;
}

@media only screen and (min-width: 781px) {
  .navbar-custom ul.nav li a:hover,
  .navbar-custom .nav > .active > a,
  .navbar-custom ul.nav ul.dropdown-menu li a:hover,
  .navbar-custom ul.nav ul.dropdown-menu li a:focus {
    background-color: #b0c2fb;
    border-radius: 10px 20px 10px 20px;
  }

  .navbar-header,
  .navbar-collapse {
    background-color: #406bf4;
  }
}

@media only screen and (max-width: 780px) {
  .navbar-custom ul.nav li a:hover,
  .navbar-custom .nav > .active > a,
  .navbar-custom ul.nav ul.dropdown-menu li a:hover,
  .navbar-custom ul.nav ul.dropdown-menu li a:focus {
    background-color: rgba(64, 107, 244, 1);
  }

  .navbar-header,
  .navbar-collapse {
    background-color: rgba(64, 107, 244, 1);
  }
}

.navbar-collapse.collapse.in {
  height: 100vh;
}
.team-item img,
.elements h5,
.btn:hover,
.btn:focus,
.comment,
.header-text,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  border-color: #406bf4;
}

/*________  Secondary yellow________  */

section.color-section,
#activities .tab-content,
.color_block,
.cloud-divider,
#blog-page blockquote,
.comment,
.table-striped,
.dropdown-menu {
  background: #f1f4fe;
}

/* SVG Path */
#deco-clouds1.head path {
  fill: #b0c2fb;
  stroke: #f1f4fe;
}