@charset "UTF-8";

*{
   padding:0;
   margin:0;
}


#main-nav{
   position: relative;
   width: 950px;
   height: 50px;
   margin-top: 40px;
   margin-bottom: 0px;
   list-style: none;
   box-shadow: 0px 2px 1px #000;
}



#contents-schedule {
     float: right;
     width: 670px;
     background-color: #ffffff;
     padding: 30px 15px 50px;
}

#contents .container{
   padding-bottom: 0px;
   overflow: hidden;
   Background-color: #dfdfdf;
}}

#calendar {
   background-color: #ffffff;
}

#practice-schedule {
   padding: 20px 0 20px 0;
   margin-left:20px;
}

#practice {
   list-style: none;
   margin-left: 10px;
}

.title {
   padding:0 0 20px 0;
}

.year-sche{
   width: 100%;
   border-top:1px solid #663300;
   border-left:1px solid #663300;
   border-collapse:collapse;
   border-spacing:0;
   background-color:#ffffff;
   empty-cells:show;
}

.year-sche th{
   padding:2px 5px;
   vertical-align: top;
}

.year-sche td{
   padding:2px 10px;
}

h1 {
   margin:20px 0px 10px 0px;
}

#sub-nav{
   margin-top: 30px;
   width: 200px;
   padding: 0 20px;
}

#contacts {
   Width: 200px;
   padding: 0px 0px 0;
}

#contacts h2 {
   height: 43px;
   width: 200px;
   margin-bottom: 15px;
}

#contacts ul li {
   height: 15px;
   margin-bottom: 10px;
}

#contents-nav {
   margin: 20px 0 25px;
   list-style: none;
}

#contents-nav li {
   width: 200px;
   height: 43px;
   margin-bottom: 8px;
}




html{
}

.popup-overlay{
   visibility: hidden;
   position: fixed;
   background: rgba(255,255,255,.8);
   border: 3px solid #f39800;
   width: 30%;
   min-width: 500px;
   height: auto;
   padding: 30px 50px;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%,-50%,0);
   display: block;
   z-index: 500;
}

.popup-overlay.active{
   /*displays pop-up when "active" class is present*/
   visibility:visible;
   text-align:center;
}

.popup-content {
   /*Hides pop-up content when there is no "active" class */
   visibility:hidden;
}

.popup-content.active {
   /*Shows pop-up content when "active" class is present */
   visibility:visible;
}

.popup-overlay h2{
   font-size: 24px;
   margin-bottom: 20px;
   display: inline-block;
   padding-bottom: 10px;
   position: relative;
   letter-spacing:.2em;
   margin-left:-.2em;
   color:#333;
}
.popup-overlay h2:after{
   content:"";
   display: block;
   width:50px;
   height:2px;
   background:#78005a;
   margin-left: .05em;
   bottom: 0;
   left: 50%;
   transform: translateX(-25px);
   position: absolute;
}

.popup-overlay .pop-location{
   font-size: 16px;
   margin-bottom: 10px;
   color:#333;
}
.popup-overlay .pop-date,
.popup-overlay .pop-time{
   font-size:16px;
   letter-spacing:.2em;
   color:#333;
}




button.close{
   display:block;
   vertical-align:middle;
   border-radius:30px;
   margin:.20rem;
   font-size: 1rem;
   color:#78005a;
   background: transparent;
   border:1px solid #78005a;
   position: relative;
   margin: 30px auto 0;
   padding: 5px 50px;
}

button.close:hover{
   border:1px solid #78005a;
   background:#78005a;
   color:#ffffff;
}

.popover-mask{
   position: fixed;
   width:100%;
   height:100%;
   display: block;
   background-color:rgba(0,0,0,.6);
   z-index:499;
   top:0;
   left:0;
}