/*
 * DDY Google Sheet Daily Reader frontend styles.
 * These selectors correspond to the [render_daily_reading] shortcode markup.
 */

.daily_reading { 
  background-color: #1B2A4A;
  color: #F5F0E8;
  padding: 12px 20px;
  border-radius: 7px;
  text-transform: none;
  font-weight: normal;
  font-family: "Libre Franklin", Sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem; 
}

.daily_reading a {
    text-decoration: underline;
    color: #C9A84C;
}

.daily_reading a:hover {
    text-decoration: underline !important;
    color: #C9A84C;
}

.daily_reading .date {
    display: block;
}

.daily_reading .links {
    display: block;
}

.daily_reading .date_type {
    font-weight: 600;
}

.daily_reading .gregorian_date {
    display: inline;
}

.daily_reading .hebrew_date {
    display: inline;
}

.daily_reading .daf_label {
    display: inline;
}

.daily_reading .double_daf_label {
    display: inline;
}

@media (max-width: 767px) {
	.daily_reading { text-align:center; display:block; 
	}
	
	.daily_reading .date .sep, 
	.daily_reading .links .sep{
		display:none; visibility:hidden;
	}
	.daily_reading .date{
		padding:  10px 0 10px 0;
		border:1px solid #ffffff33;
		margin:0 0 10px 0;
	}
	.daily_reading .date .gregorian_date, 
	.daily_reading .date .hebrew_date{
		padding:  0 0 10px 0;
	}
	
	.daily_reading .date_type,
	.daily_reading .gregorian_date,
	.daily_reading .hebrew_date{
		display: block;
	}

	.daily_reading .links .date_type{
		padding: 10px 0 0  0;
	}
	.daily_reading .links{
		padding:  0 0 10px 0;
		border:1px solid #ffffff33;
	}
	
}