/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.20240801
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */



.cal-item{
    color: #ffffff;
    line-height: 29px;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    height: 29px;
    width: 29px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;

}

.cal-item-empty{
    height: 29px;
    width: 29px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

.cal-item-day{
    width: 29px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    display: inline-block ;
}

.cal-checked{
   background: #0757a0;
}

.cal-row {display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 238px;

}


.cal-month-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.max-height-100{ height: 100%;}
.margin-top-auto { margin-top: auto;}

/* Show checkmark on hover */
.cal-item:hover {
    cursor: pointer;
}

.day-not-in-cal{
background: #ffffff;
    pointer-events: none;
}


.total_attendance{
    color:#ffffff;
    font-size: 22px;
    font-weight: bold;
}
.attendance-day-count{
	margin-bottom: auto;
}



/* Attendance Report Page */

.attendance-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.attendance-item {
    padding: 20px;
}


/* My account page styling changes */
.woocommerce-MyAccount-content-wrapper{ border: none !important; padding: 0 !important;}
.woocommerce-MyAccount-content-wrapper .elementor-button-text{ color: #ffffff !important;}

.attendance-summary-month{ font-size: 26px; font-weight: bold; text-align: left;}

.cal-item-title{ font-size: 18px; font-weight: bold;}


.my-account-attendance-shortcode .elementor-shortcode{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    column-gap: 20px;

}

.my-account-attendance-shortcode .attendance-summary-month { width: 100%; margin-top: 20px}

/* Custom buttons */
.progress-report-btn-save, .progress-report-btn-edit,
.report-card-btn-save, .report-card-btn-edit,
.official-transcript-btn-save, .official-transcript-btn-edit,
    .gh-form-button
{
    color: #ffffff;
    border-color: #000000;
    background-color: #000000;
}


.dark-outline-button{
		border-color: #000;
   		 color: #000;
}

.dark-outline-button:hover, .dark-outline-button:focus{
		color: #fff;
	background-color: #000;
}


 .report-card-btn-add-subject
{
	border-color: #000;
    color: #000;
}

.report-card-btn-add-subject:hover, .report-card-btn-add-subject:focus{
	color: #fff;
	background-color: #000;
}

.progress-report-btn-save:hover, .progress-report-btn-edit:hover, .progress-report-btn-save:focus, .progress-report-btn-edit:focus,
.report-card-btn-save:hover, .report-card-btn-edit:hover, .report-card-btn-save:focus, .report-card-btn-edit:focus, .official-transcript-btn-save:hover, .official-transcript-btn-edit:hover, .official-transcript-btn-save:focus, .official-transcript-btn-edit:focus,
.gh-form-button:hover, .gh-form-button:focus
{
    background-color: #000000;
}

/* Declaration of intent Tab fix styling broken when displaying in myaccount */
.doi_title a{
    font-size: 22px;
    font-family: "Lato", Sans-serif;
    font-weight: 400;
}

.doi_title a:hover{
 color: #000000 !important;
}

.doi_info_row svg {
    height: 14px;
    --e-icon-list-icon-size: 14px;
}

.doi_info_row ul {
    list-style: none !important;
}

.doi_info_row li {
    margin: 0px 8px;
}
.doi_info_row li:first-child {
    margin-left: 0px;
}

.doi_info_row h3 {
    margin: 0 !important;
}

.doi_tab .elementor-grid{
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}