/*
Theme Name: SJC
Theme URI: https://relentsoftech.com
Author: Relent
Author URI: https://relentsoftech.com
Description: WordPress blogging theme
Tags: blog, theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tasc
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.header-fixed{
	position : fixed !important;
	top: 0 !important;
}
.cselect{
	width:100%;
}

/***** Course *****/
.course-item{
    width: 100%;
    //border: 1px solid #563A52;
    border-radius: 10px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
    margin-top: 20px;
}

.course-title{
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background-color: #563A52;
    padding: 8px 15px;
    border-radius: 10px 10px 0 0;
}

.course-seat-block{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.course-seat{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #A0849B;
    color: #FFF;
}

.course-seat-count{
    font-size: 36px;
    font-weight: bold;
    color: #fff700;
}

.course-heading{
    font-size: 14px;
    font-weight: 600;
    color: #A0849B;
}

.course-content{
    font-size: 13px;
    text-align: justify;
    margin-bottom: 5px;
}

.course-button{
    padding: 5px 15px;
    background-color: #563A52;
    border: 1px solid #563A52;
    color: #FFF;
    border-radius: 10px;
    margin-right: 10px;
    
}

.course-button:hover{
    background-color: #FFF;
    color: #563A52;
}

.course-button:visited{
    background-color: #FFF;
    color: #563A52;
}

.p-10{
    padding: 10px;
}

.blink-image {
    animation: blink 1s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}