/*
Theme Name:  Chisoomusic
Author:  Chisoo Kim
Description:  Theme for chisoomusic.com
Version:  1.0
Text Domain:  chisoomusic
License:  GNU General Public License v3 or later
License URI:  https://www.gnu.org/licenses/gpl-3.0.en.html
*/

:root {
	--main-dark-color:  #002353;
	--main-light-color:  #CAE3E9;
	--main-highlight-color: #44C7D3;
}

h1 {
	margin:  10px 0;
}

h2 a {
	color: var(--main_dark-color);
	text-decoration: none;
}

h2 a:hover {
	color: var(--main-highlight-color);
}

.main-menu {
	padding:  0 5%;
	background: var(--main-dark-color);
}

.main-menu ul {
	padding:  0;
	margin:  0;
	font-size:  18px;
	font-weight:  500;
	border-radius:  0;
}

.main-menu ul li {
	display:  inline;
	margin:  0 5px 0 0;
}

.main-menu ul li:last-child {
	margin:  0;
}

.main-menu > ul li a, 
.navbar-light .navbar-nav .nav-link {
	color:  var(--main-light-color);
	text-decoration:  none;
	padding:  7px 15px 20px;
}

.main-menu ul li a.nav-link:first-child {
	padding-left:  0 !important;
}

.main-menu .navbar-nav .active>.nav-link {
	color:  var(--main-highlight-color);
}

.main-menu .navbar-nav .nav-link:hover {
	color:  #fff;
}

.main-menu .navbar-toggler {
	border:  none;
	padding-right: 0;
	border-color: rgb(202, 277, 233);
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(202, 277, 233, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

// YoutTube Showcase Styles
div.emd-container a {
	color:  #000 !important;
}

// Footer
.main-footer{
	background-color: var(--main-dark-color);
	color: var(--main-light-color);
}

.footer-social {
	background-color: var(--main-dark-color);
  	padding: 20px 0 0 0;
  	text-align:  center;
}

.footer-social-media-icon::before {
  	font-size: 1.5rem;
}

.footer-social-media-icon {
	color:  var(--main-light-color);
}

// Copyright
.copyright-all {
	background-color: var(--main-dark-color);
	color: var(--main-light-color);
  	padding: 0 10px 20px 0;
  	text-align:  right;
}

.copyright-panel {
	background-color: var(--main-dark-color);
	color: var(--main-light-color);
  	padding: 10px;
  	text-align:  right;
}