/*
 Theme Name: Education Hub Child 
 Theme URI: https://wenthemes.com/item/wordpress-themes/education-hub/
 Author: Joshua Mshambala
 Author URI: www.vanillacoffeefarmlodges.com
 Description: A child theme for Education Hub.
 Template: education-hub 
 Version: 1.0.0
 */

/* Add your custom CSS below */

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

#tophead {
    background-color: #351C04;
    clear: both;
    font-family: "Merriweather Sans",sans-serif;
    min-height: 35px;
}


/*--------------------------------------------------------------------------------------------------------------------------------------------*/
/*--- Main navigation setting---*/
#main-nav {
  background-color: #f3b82f; /* Changed to #f3b82f */
  border-bottom: 5px solid #f4a024; /* Keep the border or change it */
  display: block;
  float: left;
  width: 100%;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.search-form .search-submit {
    background-color:#351C04;
    border-radius: 0 20px 20px 0;
    float: right;
    padding: 8.9px 15px;
    position: absolute;
    right: -2px;
    top: 0;
}

a:visited {
    color:black;
    text-decoration: inherit;
}

strong {
  font-weight: bold;
}

.button {
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
  border: 1px solid #bfbfbf;
  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px rgba(0, 0, 0, 0.2);
  color: #8c8c8c;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 9px 16px 9px;
  margin: 16px 0 0 16px;
  transition: all 20ms ease-out;
  vertical-align: top;
}
.button:hover, .button:focus {
  background: #f2f2f2;
  border-color: #8c8c8c;
  box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2;
}
.button:active {
  background: #f2f2f2;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}
.button .fa {
  color: #bfbfbf;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

.button-blue {
  background-color: #42b0e3;
  background-image: linear-gradient(to bottom, #42b0e3, #2ba9e3);
  border: 1px solid #107db0;
  box-shadow: inset 0 1px 0 #7cd4fc, inset 0 -1px 0 #2696c9, inset 0 0 0 1px #59b7e3, 0 2px 4px rgba(0, 0, 0, 0.2);
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.button-blue:hover, .button-blue:focus {
  background: #2ba9e3;
  border-color: #004c6f;
  box-shadow: inset 0 1px 0 #7cd4fc, inset 0 -1px 0 #2696c9, inset 0 0 0 1px #59b7e3;
}
.button-blue:active {
  background: #2ba9e3;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.2);
}
.button-blue .fa {
  color: #107db0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

/*----------------------------------------------------- page setting ---------------------------------------------------------------------*/
.site-content {
    background-color:white; 
    padding:40px 0;
    float: left;
    width: 100%;
}

.gradient-background-paragraph {
    border-radius: 15px; /* Adjust for more or less rounded corners */
    padding: 25px; /* Adjust padding as needed */
    background: linear-gradient(to right, #e0eafc, #cfdef3); /* Light blue to slightly darker blue */
    color: #333; /* Dark gray text for good contrast */
    font-family: 'Arial', sans-serif; /* Example font, change as you like */
    font-size: 16px; /* Adjust font size */
    line-height: 1.5; /* Improves readability */
    box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

/*------------------------------------ kili_route_menu----------------------------------------------------------------------------------------*/

#kili_route_menu ul{ list-style-type: none;
                     margin:0;
                     padding:0;
                     Background-color: Black;
                     
}

#kili_route_menu li a{ 
                     display:block;
                     color: #000;
                     padding: 8px 16px;
                     text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/


.site-footer {
    background-color: #351C04;
    clear: both;
    color: #ffffff;
    padding: 15px 0;
    text-align: center;
}

/*-- facebook button ---*/
.cool-fb-msz-button span.btn_lbl {
    font-size: 20px;
    border-radius: 5px 10px 5px 10px;
}


#footer-widgets {
    background-color: #351C04;
    border-top: 5px solid #ffab1f;
    float: left;
    padding: 30px 0;
    width: 100%;
}

.site-info {
display : none;
}