/*
Theme Name: MayaTheme Child
Template: MayaTheme
Version: 1.0
Description: A child theme for MayaTheme.
Author: Maya
Author URI: https://portalmaya.com/
*/

/* BLUE COLOR VERSION */
/* Hobo Std FONT */
/* 9px for colored topbar menu */ 
/* 8px for white-colored topbar menu */


/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */
/* *************************************** */


/* LINKS + H1 */

a {
color: #217524;
}

h1 {
color: #217524;
}

/* SITE TITLE */ /* **************** UPDATE **************** */  

.site-title {
font-family: 'Ravie', Arial, sans-serif;
font-size: 1.4rem;
padding: 10px 0px; /* default padding in main CSS: 10px 0px */
}

/* .site-title a {
color: #FFFFFF;
} 
*/

.site-title a {
color: transparent;
background: linear-gradient(to right, #006B00, #FF8600, #006C92, #E50101, #498F05, #0380FF, #B303B3, #FF8500, #006B00, #E50101, #02688C, #AA00AA );
-webkit-background-clip: text;
font-weight: 400;
}

.menu-bar li a {
color: #217524 !important;
}


/* SUBMENU */ /* **************** UPDATE **************** */ 

.menu-bar li ul li a {
top: 19px;	
color: #FFF !important;
background-color: #083C04 !important;
border-top: white 1px solid;
}

.menu-bar li ul li a:hover {
background-color: #217524 !important;
}


/* SIDEBAR MENU - RESPONSIVE MENU */ 

@media (max-width: 815px) {
.menu-toggle {
color: #217524 !important;
}
}

.sidebar {
background-color: #043313 !important;
outline: 2px #FFFFFF24 solid !important; 
}

.sidebar-menu li a {
color: white !important; 
border-bottom: 1px dashed #FFFFFF4D !important;
}

.close-sidebar {
color: white !important;
}

/* HEADER */

#header {
background-color: #FFFFFF;
}

/* SLIDER + LISTING + CAROUSEL + TOPBAR + BREADCRUMBS ETC */ 

#hero-slider {
background-color: #87AECE; 
}

.listing-title i {
color: #217524 !important;
}

.portfolio, .portfolio a {
color: #FFFFFF !important;
}

.carousel-slide {
background-color: #3F9E43;
}

.top-bar {
background-color: #FFFFFF;
}

.sidebar {
background-color: #043313; 
}

/* SEARCH BAR */

#search-bar {		
background: #217524;
}

.search-submit {
background-color: #083505;
}

/* BREADCRUMBS */

.breadcrumbs a {
color: #217524;
}

/* *** */

#title-wrapper {
background-color: #CCE0F2;
color: #1F6AA4;
}

/* FOOTER */

#footer {
background-color: #083C04 !important;
color: #6E8C6A !important;
border-top: 40px solid #33662D !important;
}

.footer-title {
color: #6E8C6A !important;
border-bottom: 1px dashed #6E8C6A !important;
}

.bottom-bar {
background-color: #062b04 !important;
color: #6E8C6A;
}

/* SCROLL TO TOP BUTTON */ 

#scrollToTop {
background-color: #94D347;
color: #083505;
}

#scrollToTop:hover {
background-color: #87C141; 
}

/* HOMEPAGE GRID TITLE */ 

.homepage-grid-title {
background-color: #0280BC;
}

.homepage-grid-title a {
color: #FFFFFF;
}	

/* NEWS HOMEPAGE CATEGORY TEXT-OVER */    

.category-name {
background-color: #960000;
color: #fff;
}

/* PAGINATION */ 

 .pagination-wrapper .page-numbers {
background-color: #C4C4C4;
}

.pagination-wrapper .page-numbers:hover {
background-color: #217524; 
}

.pagination-wrapper .current {
background-color: #217524; 
}

.pagination-wrapper .prev, 
.pagination-wrapper .next {
background-color: #C4C4C4; 
}	

/* POST TAGS */ 

.post-tags a { 
background: #217524; 
}

.post-tags a:hover { 
background-color: #0A4905; 
color: #fff; 
}

/* CONTACT FORM */

.contact-form-container input[type="submit"] {
background-color: #217524;
}

.contact-form-container input[type="submit"]:hover {
background-color: #0A4905;
}

/* DON'T REMEMBER WHAT IS IT */ 

.post-title-overlay {
color: #217524;
}

.overlay-text {
color: #217524 !important;
}

/* SIDEBARS*/ 

.sidebar-left h3, .sidebar-right h3, 
.sidebar-left-2 h3, .sidebar-right-2 h3, 
.sidebar-big h3 {
background-color: #217524;
}

.sidebar-left li a, .sidebar-right li a, 
.sidebar-left-2 li a, .sidebar-right-2 li a, 
.sidebar-big li a {
color: #217524;
}

/* BUTTONS - PLUGINS */

.say-thanks-container input[type="submit"] {
background-color: #0073aa;
}

.say-thanks-container input[type="submit"]:hover {
background-color: #005f8a;
}