/*===========================
  Theme: Playground
============================ */


/*________  Purple________  */

.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,
.fc-direction-ltr .fc-button-group>.fc-button:not(:first-child),
.fc-direction-ltr .fc-button-group>.fc-button:not(:last-child),
.fc-button.fc-button-primary,
.fc .fc-button:not(:disabled),
.fc a[data-navlink],
.fc-event.fc-event-draggable,
.fc-event[href] {
    background-color: #0081c9;
}

footer {
    background-color: #ffffff;
}

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

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


/* SVG path */

#deco-clouds path {
    fill: #ffffff;
    stroke: #ffffff;
}


/*________  Orange________  */

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:hover,
.navbar-brand-centered:focus,
.navbar-toggle:focus,
.navbar-toggle:active,
.navbar-toggle:hover,
.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,
.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,
.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,
.pricing-item:hover .pricing-deco,
.blog-tags a:hover,
.fc .fc-button-primary:hover,
.fc .fc-list-event-dot {
    background-color: #ffc400;
}

a:hover,
a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus,
.media-heading small,
#about .media i,
.latest-caption h4:hover {
    color: #ffc400;
}

.btn {
    border-color: #ffc400;
}

.btn a {
    border-color: #ffc400;
}


/*________  gradient________  */

.img-effect {
    background: linear-gradient(-45deg, #ffc400 0%, #0081c9 100%);
}


/*________  Green________  */

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

.open>.dropdown-toggle.btn-primary:focus,
.open>.dropdown-toggle.btn-primary:hover,
.team-item,
.navbar-custom ul.nav ul.dropdown-menu li a,
.nav-pills .nav>li>a:focus,
.navbar-header,
.navbar-collapse,
#instafeed .likes,
.blog-tags a,
.date-category,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: #ffffff url("../img/top-decoration.png") repeat-x fixed top;
}

.social-media a i:hover {
    background-color: #0081c9;
}

.owl-prev:hover,
.owl-next:hover {
    background-color: #0081c9;
}

.back-to-top i {
    background-color: #0081c9;
}

.service:hover h4 {
    background-color: #2c308c;
}

.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #0081c9;
}

.panel-heading a,
.panel-heading a:hover {
    background-color: #0081c9;
}

.team-caption {
    background-color: #0081c9;
}

.navbar-brand-centered {
    background: #ffffff url("../img/top-decoration.png") repeat-x fixed top;
}

.team-item img,
.elements h5,
#layerslider,
.btn:hover,
.btn:focus,
.blog.jumbotron,
.comment,
.header-text,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
    border-color: #0081c9;
}


/*________  Secondary Green________  */

section.color-section,
.blog-row,
#activities .tab-content,
.color_block,
.cloud-divider,
#blog-page blockquote,
#layerslider,
.comment,
.table-striped,
.dropdown-menu {
    background: #F3F0CF;
    background-image: url(/img/icons-background-website.png);
    background-position: left top;
    background-attachment: fixed;
    background-repeat: repeat;
    background-size: auto;
}


/* SVG Path */

#deco-clouds1.head path {
    fill: #ffffff;
    stroke: #ffffff;
}

#deco-clouds3.head path {
    fill: #ffffff;
    stroke: #ffffff;
}