/*
 Theme Name:   Celestial-Lite Child
 Description:  Celestial-Lite child theme voor apeldoorn-gurupa.nl
 Author:       Ruerd Heida
 Template:     celestial-lite
 Version:      1.0.0
 Tags:         light, white, three-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, responsive-layout, full-width-template, sticky-post, theme-options, translation-ready, apeldoorn-gurupa.nl
 Text Domain:  celestial-lite-child
*/

@import url("../celestial-lite/style.css");
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300);

/* =Theme customization starts here
-------------------------------------------------------------- */

	/* GLOBAAL */

/* GLOBAAL - links */
a {
transition: ease .2s;
}

	/* HEADER*/
/* verwijder social media balk */
#st-socialbar-wrapper {
  display:none;
}

/* full width header afbeelding */
img.gurupa-header-image {
min-width:100%;
}

/* logo header afbeelding */
.span4 {
position: absolute;
z-index:99;
background-color: rgba(255, 255, 255, 0.8);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
margin: 0px;
top:20%;
left:5%;
max-width:280px;
}

/* margin logo */
#st-site-title {
  margin:20px !important;
}

/* site titel in header */
.span4 a{
font-size: 1.1em !important;
font-family: 'Open Sans', "Times New Roman", Times, serif;
font-weight:300;
line-height:120%;
}

/* borders */
/* top */
#st-wrapper {
border: none;
}

/* boven header */
#st-banner0-wrapper {
border-top: 8px solid #2D424F!important;
}

/* onder header */
#st-header-image {
border-bottom: 8px solid #2D424F;
}

	/* CONTENT*/

/* CONTENT padding */
#st-content-wrapper {
padding-top:40px;
}

a.fp-link {
font-size: 1.6em;
line-height: 120%;
color:cornflowerblue;
margin:0px 8px 0px 8px;
}

/* quote blok */
h2.quote {
display:block;
background-color:#ededed;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 8px;
margin:0px 8px 12px 8px;
font-family: 'Open Sans', "Times New Roman", Times, serif; 
font-size: 1.6em;
line-height:140%;
font-weight: 300;
}

/* quote image */
img.quote-img{
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
	/* FOOTER */

/* FOOTER links */
a.footer-link {
font-size: 1.2em;
line-height: 120%;
}

	/* MENU*/

/* navigatie opmaak */
#site-navigation {
width:100%;
margin: 25px 0px 17px 0px !important;
}

.menu-menu-container {
width:620px;
margin:0 auto 0 auto;
}

.main-navigation li{
float:left;
margin-bottom:8px;
}

#site-navigation ul ul li {
background:transparent!important;
}
/* menu opmaak */
/* level 1 */
.nav-menu>li>a{
font-family: 'Open Sans', "Times New Roman", Times, serif; 
font-size:1.2em;
line-height:2em;
background-color:#ededed;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:8px;
}

.nav-menu>li>a:hover{
background-color:#263742 !important;
color:#ffffff !important;
}

/* level 2 */
/* level 2 background verwijderd */
.main-navigation ul li:hover > ul {
background:transparent!important;
border:none;
box-shadow: none;
}

.main-navigation li ul li a {
display: block;
font-size: 1.2em;
font-family: 'Open Sans', "Times New Roman", Times, serif; 
line-height: 120%;
width: 12em; /* adjust the submenu width */
white-space: normal;
background-color:#ededed !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:8px;
margin-top:8px;
}

.main-navigation li ul li a:hover {
background-color:#263742!important;
color: #ffffff !important;
border:none;
}

.main-navigation li ul li:first-child:hover { /* make the hover background match the submenu top corners */
border:none !important;
}
.main-navigation li ul li:last-child:hover { /* make the hover background match the submenu bottom corners */
border:none !important;
}

	/* MOBILE FIXES*/
/* logo fix voor mobile */
@media (max-width: 767px) {
.span4 a{
font-size: 0.6em !important;
}
.span4 {
position: absolute;
top:0%;
left:0%;
width:auto;
max-width:auto;
}
}

/* navigatie fix voor mobile */
@media (max-width: 767px) {

/* navigatie opmaak */
#site-navigation {
width:auto;
}

.main-navigation li{
clear:both;
}
}