/*
Theme Name: Catch Base Child
Author: JAcaPO
Description: JAcaPO Anpassung
Version: 1.0
Template: catch-base

This is the child theme for Catch Base theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Farben:
hellgrün	#00ff51
dunkelgrün	#2f9f83
Schrift hell	#deeff7
Links blau	#57e7ff
Background	#045178

Schriften aus Upload/Fonts eingebettet:
Fira-local	Engere Schrift für Menü
Salsa-local	Haupt-Schmuckschrift
Shatell-local	Neben-Schmuckschrift
Sora-local	Haupt Leseschrift
*/

/* Mobile Menu  */
/* Nach Update in css/responsive.css überprüfen - hier nur Platzhalter */
/*
.mobile-menu-anchor a.fa-menu,
.mobile-menu-anchor a.fa-menu:hover {
	color: #00ff51;
	text-decoration: none;
}
*/


/*--------------------------------------------------------------
2. Typography
--------------------------------------------------------------*/

body {
    color: #deeff7;
}

button,
input {
    color: #045178;
}
select,
textarea {
    color: #045178;
    font-family: Salsa;
    font-size: 15px;
    line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #00ff51;
    line-height: 1.2;
    margin: 0 0 10px;
}

h1 {
    font-size: 36px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

b,
strong {
    font-weight: bold;
}


/*--------------------------------------------------------------
3. Elements
--------------------------------------------------------------*/

body {
    background-color: #045178;
}

.site {
    /* background-color: #d6d6d6; */
    background-color: #045178;
}

a {
    /* color: #21759b; */
    color: #57e7ff;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    /* color: #404040; */
    color: #deeff7; 
    outline: none;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
4. Padding/Margin
--------------------------------------------------------------*/
.site {
    margin: auto;
}

/*--------------------------------------------------------------
10. Header Area           
--------------------------------------------------------------*/

#site-branding,
#site-logo {
    max-width: 80%;
    padding-left: 5px;
    padding-right: 5px;
}


#site-header {
    padding-right: 20px;
    display: block;
    float: left;
    background-color: #045178;
}

.site-title,
.site-description {
    display: none;
}

/*
.site-title {
    text-align: center;
    font-weight: bold;
    letter-spacing: 1.0rem;
    line-height:1.5;
    padding-left: 48px;
    padding-right: 20px;
}

.site-title a {
    color: #00ff51;
    font-size: 40px; 
}

.site-title a:hover {
    color: #57e7ff;
    text-decoration: none;
}

.site-description {
    font-family: Salsa-local;
    text-align: center;
    color: #00ff51;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0.5rem;
    font-size: 28px; 
    line-height: 2.2;
    padding-left: 85px;
    padding-right: 65px;
}

*/

/*--------------------------------------------------------------
13. Content
--------------------------------------------------------------*/

.entry-title,
.entry-title a {
    /* color: #404040; */
    color: #00ff51;
}

.entry-title a:hover {
    /* color: #21759b; */
    color: deeff7;
}

.entry-title a:hover,
.entry-meta a:hover {
    text-decoration: none;
}

/* Menu Search */

.nav-primary.search-enabled {
    position: relative;
}

.nav-primary.search-enabled .menu {
    float: left;
}

#search-toggle {
    background-color: #00ff51; /* transparent */ 
    color: #045178; /* #666; */
    cursor: pointer;
    float: right;
    height: 42px;
    margin-right: 20px;
    text-align: center;
    width: 42px;
}

#search-toggle:hover {
    background-color: transparent;
    color:  #000;
}

#search-container {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    bottom: -56px;
    clear: both;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999;
}

/* WP Page Navi */

.catchbase-nav-menu li,
.sidebar-header-right .widget_nav_menu li {
    display: inline-block;
    float: left;
    text-align: left;
}

.catchbase-nav-menu a,
.sidebar-header-right .widget_nav_menu a {
    color: #57e7ff;  /* #666; */ 
    padding: 10px 20px;
}

.catchbase-nav-menu li a:hover,
.catchbase-nav-menu li a:focus,
.sidebar-header-right .widget_nav_menu li a:hover,
.sidebar-header-right .widget_nav_menu li a:focus {
    color: color: #deeff7;
    text-decoration: none;
}

/* Hover Parent */
.catchbase-nav-menu li:hover>a,
.sidebar-header-right .widget_nav_menu li:hover>a {}

.catchbase-nav-menu .current-menu-item>a,
.catchbase-nav-menu .current-menu-ancestor>a,
.catchbase-nav-menu .current_page_item>a,
.catchbase-nav-menu .current_page_ancestor>a,
.sidebar-header-right .widget_nav_menu .current-menu-item>a,
.sidebar-header-right .widget_nav_menu .current-menu-ancestor>a {
    color: #00ff51;
}

.catchbase-nav-menu .sub-menu a,
.catchbase-nav-menu .children a,
.sidebar-header-right .widget_nav_menu .sub-menu a {
    background-color: #045178; /* #fff; */
    border: 1px solid #eee;
    position: relative;
    width: 250px;
}

/*--------------------------------------------------------------
17. Captions
--------------------------------------------------------------*/
caption {
    font-weight: bold;
}

.wp-caption {
    background-color: #f3f3f3;
    border: 1px solid #ddd;
    margin-bottom: 15px;
    max-width: 100%;
    padding: 5px 5px 0;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text {
    color: #045178;
    text-align: center;
}

.wp-caption .wp-caption-text {
    margin: 8px 0;
}

/* Social Icons */

.site .widget_catchbase_social_icons a.font-awesome {
    background-color: #00ff51;
    border: 1px solid #045178;
    color: #045178;
}