/*=== Main Page ===*/



/*=== FONTS ===*/

@import url('https://fonts.googleapis.com/css2?family=Oswald&family=Nanum+Gothic&display=swap');

h1, h2, h3, h4, ul.nav.nav-list li 
{font-family: Oswald !important;}

p, ul, li, section.articleFoot p, .articleFoot p, .articleFoot time, input.search-query, input, button, select, textarea 
{font-family: "Nanum Gothic" !important;}



/*=/== Format body with boxes of articles===*/
/*=== add background picture===*/
body
{
background-image: 
 url(https://luckylittlelearners.com/wp-content/uploads/2022/07/Background-angie-2.png);
  background-size:contain;
}

/*=== Add shadow on boxes ===*/
.collection 
{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

/*=== Change the little icon next to Most Popular Articles===*/
[class^=icon-], [class*=" icon-"], .featherlight-close-icon {color: black;}

.icon-article-doc:before {color: black;}


/*=== Serach Header ===*/
#docsSearch {
    background: #FA4FAD;
}

#docsSearch h1 
{color:white;}

#docsSearch button
{background: #FFE025;
color: black;
text-shadow: none;}

#docsSearch button:hover
{background: #FFE025;
color: white;}



.navbar .nav>li>a:hover,
.navbar .nav .active a
{color: white;}

.navbar .nav
{margin-bottom: 10px;}

.brand img {max-width: 75px;}

/*=== Footer ===*/
footer.center p, footer.center a {color: white;}
/*=== END MAIN AND GENERAL ===*/


/*=== Article Page ===*/
.navbar .navbar-inner
{background: white;}




.navbar .nav>li>a:hover,
.navbar .nav .active a
{color: #FA4FAD;}


/*=== Footer ===*/
footer.center p, footer.center a {color: white;}
/*=== END MAIN AND GENERAL ===*/


/*=== Article ===*/

#sidebar
{background: white !important;
padding: 10px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 3px;}

.contentWrapper.withRelated
{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 3px;
}



footer p,
footer p a
{color: white;}