/*
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: #0043A4;
}

h1 {
color: #0043A4;
}

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

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

.site-title a {
color: #0043A4;
font-weight: 400;
}

/* .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;
}
*/

/* NAVIGATION MENU */

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


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

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

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


/* SIDEBAR MENU - RESPONSIVE MENU */ 

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

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

.sidebar-menu li {
border-bottom: 1px solid #FFFFFF4D !important;
}

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

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

/* HEADER */

#header {
background-color: #FFF;
}

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

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

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

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

.carousel-slide {
background-color: #83b6f7;
}

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

.sidebar {
background-color: #113653; 
}

/* SEARCH BAR */

#search-bar {		
background: #036899;
}

.search-submit {
background-color: #0E2335;
}

/* BREADCRUMBS */

.breadcrumbs a {
color: #0043A4;
}

/* *** */

#title-wrapper {
background-color: #CCE0F2;
color: #0043A4;
}

/* FOOTER */

#footer {
background-color: #001736;
color: #5D88AB;
border-top: 40px solid #2A75B2;
}

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

.bottom-bar {
background-color: #060606;
color: #2A75B2;
}

/* SCROLL TO TOP BUTTON */ 

#scrollToTop {
background-color: #8C0000; 
color: white;
}

#scrollToTop:hover {
background-color: #81121B; 
}

/* HOMEPAGE GRID TITLE */ 

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

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


/* NEWS HOMEPAGE CATEGORY TEXT-OVER */    

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

/* PAGINATION */ 

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

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

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

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

/* POST TAGS */ 

.post-tags a { 
background: #0043A4; 
}

.post-tags a:hover { 
background-color: #142E42; 
color: #fff; 
}

/* CONTACT FORM */

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

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

/* DON'T REMEMBER WHAT IS IT */ 

.post-title-overlay {
color: #0043A4;
}

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

/* SIDEBARS*/ 

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

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

/* BUTTONS - PLUGINS */

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

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