.hnp-programs-section {
    background-color: white;
}

.hnp-programs-section .hnp-home-second-section-titles {
	margin-top: 0px;
}

#hnp-programs-section-programs {
    margin: auto;
}

.hnp-program-element {
    background-color: white;
}

.hnp-program-element-score {
    color: #BA3939;
}

.hnp-program-element-title {
    font-family: 'Open Sans', sans-serif;
	font-weight:700;
}

.hnp-program-element-subtitle {
    font-family: 'Roboto', sans-serif;
	font-weight:600;
}

.hnp-program-element-content {
    font-family: 'Open Sans', sans-serif;
	font-weight: 600;
    color: #2B2B2B;
}

.hnp-programs-search .autocomplete {
    background-color: #f4f4f4a6;
    border-bottom: 2px solid black;
}

.hnp-programs-search #search-results {
	margin: auto;
	font-family: 'Open Sans', sans-serif;
}

.hnp-programs-search-programs {
	text-align:center;
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
	color: #333333;
}

@media only screen and (orientation:landscape) and (min-width: 1920px) {
	
	.hnp-programs-section {
		margin:auto;
		width:1152px;
		margin-bottom:50px;
		padding-top: 50px;
	}
	
    #hnp-programs-section-programs {
        display: grid;
    	grid-template-columns: repeat(3, 1fr);
        width: 1152px;
        padding-top: 40px;
        padding-bottom: 80px;
		justify-content: space-between;
    }
	
	.hnp-programs-search {
		margin: auto;
		padding: 50px 0px;
		width: 50%;
	}
	
	.hnp-programs-search .autocomplete {
		height: 60px;
		display:flex;
		justify-content: space-around;
    	align-items: center;
	}
	
	.hnp-programs-search #search-results {
		width: 80%;
	}
	
	.hnp-programs-search-input {
		background:transparent;
		border:none;
		height:60px;
		width:80%;
		font-size:1.5em;
	}
	
	.hnp-programs-search-icon {
		height:25px;
		cursor: pointer;
	}
	
	.hnp-programs-search-programs {
		font-size: 1.5em;
		margin-top:30px;
	}
    
    .hnp-program-element {
        padding: 30px;
    }
    
    .hnp-program-element p {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .hnp-program-element-score {
        font-size: 1.8em;
    }
    
    .hnp-program-element-title {
        font-size: 1.65em;
    	line-height: 1.2em;
    }
	
	.hnp-program-element-subtitle {
		font-size: 1.5em;
    }
    
    .hnp-program-element-content {
        font-size: 1.45em;
    	line-height: 1.4em;
    }
	
	.hnp-program-element-counter {
		display:none;
	}
}

@media only screen and (max-width:767px) and (orientation: portrait )  {
	.hnp-programs-section {
		padding: 3dvw 0dvw;
		width:95dvw;
		margin:0dvw 2.5dvw;
	}
	.hnp-programs-section .hnp-home-second-section-titles-title {
		font-size: 6dvw;
		line-height: 8.5dvw;
		width: 80dvw;
	}
	
	.hnp-programs-search {
		padding: 5dvw 0dvw;
		width: 85dvw;
		margin: auto;
	}
	
	.hnp-programs-search .autocomplete {
		height: 10dvw;
		display: flex;
    	justify-content: space-around;
		align-items: center;
	}
	
	.hnp-programs-search #search-results {
		width: 80%;
	}
	
	.hnp-programs-search-input {
		background: transparent;
		border: none;
		width: 80%;
		height: 10dvw;
		font-size:3.5dvw;
	}
	
	.hnp-programs-search-icon {
		height:5dvw;
	}
	
	.hnp-programs-search-programs {
		font-size: 3.5dvw;
		margin-top:5dvw;
	}

    #hnp-programs-section-programs {
        width: 90dvw;
        margin: auto;
        padding: 5dvw 0dvw;
    }
    
    .hnp-program-element {
        padding: 0dvw 5dvw;
        height: 60dvw;
    }
    
    .hnp-program-element-score {
        margin-top: 2dvw;
        margin-bottom: 0;
        font-size: 7dvw;
    }
    
    .hnp-program-element-title {
        margin-top: 2dvw;
        margin-bottom: 0;
        font-size: 5dvw;
    }
	
	.hnp-program-element-subtitle {
		font-size:5dvw;
	}
    
    .hnp-program-element-content {
        margin-top: 2dvw;
        margin-bottom: 0;
        font-size: 5dvw;
		font-weight: 500;
    }
	
	.hnp-program-element-counter {
		font-family: 'Open Sans', sanf;
		text-align: center;
		margin-bottom: 0px;
		margin-top: 0dvw;
    	font-size: 3.5dvw;
    	width: 30dvw;
	}

    .element-visible {
        display: block;
    }

    .element-hidden {
        display: none;
    }

    .hnp-programs-section-panel-mobile {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 5dvw;
        height: 5dvh;
    }

    .hnp-programs-arrow-container {
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hnp-programs-section-panel-mobile img {
        cursor: pointer;
        width: 5dvw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1919px), (orientation: landscape) and (max-width: 1919px) {
    body {
        background-color: #F9F8F7;
    }
    
    .hnp-programs-section {
        background-color: white;
		width:60dvw;
		margin:auto;
    }
	
	.hnp-programs-search {
		padding: 2dvw 0dvw;
		width: 40dvw;
		margin: auto;
	}
	
	.hnp-programs-search .autocomplete {
		height: 4dvw;
		display: flex;
    	justify-content: space-around;
		align-items: center;
	}
	
	.hnp-programs-search #search-results {
		width: 80%;
	}
	
	.hnp-programs-search-input {
		background: transparent;
		border: none;
		width: 80%;
		height: 4dvw;
		font-size:1.25dvw;
	}
	
	.hnp-programs-search-icon {
		height:2dvw;
	}
	
	.hnp-programs-search-programs {
		font-size: 1.25dvw;
		margin-top:1dvw;
	}
    
    .hnp-programs-section .hnp-home-second-section-titles {
        margin-top: 0px;
    }
    
    #hnp-programs-section-programs {
        display: grid;
    	grid-template-columns: repeat(3, 1fr);
		justify-content: space-between;
        width: 60dvw;
        margin: auto;
        padding-top: 1dvw;
        padding-bottom: 2dvw;
    }
    
    .hnp-program-element {
        background-color: white;
        padding: 1.25dvw;
    }
    
    .hnp-program-element p {
        margin-top: 0px;
        margin-bottom: 1dvw;
    }
    
    .hnp-program-element-score {
        color: #BA3939;
        font-size: 1.5dvw;
    }
    
    .hnp-program-element-title {
        font-size: 1.5dvw;
    	padding-right: 2dvw;
    }
	
	.hnp-program-element-subtitle {
        font-size: 1.25dvw;
    }
    
    .hnp-program-element-content {
        font-family: 'Open Sans', sans-serif;
        font-size: 1.25dvw;
        color: #2B2B2B;
    }
	
	.hnp-program-element-counter {
		display:none;
	}
}

/* New Status Light Styles */
.hnp-program-element-status {
    display: flex;
    align-items: center;
    border: 1px solid #CCC;
    justify-content: flex-start;
    background-color: #f4f4f4;
	}

	.hnp-program-element-status-text {
			font-family: 'Arial', sans-serif;
			text-transform: uppercase;
	}

@media (orientation:portrait), (min-width:1920px) {
	.hnp-program-element-status {
    border-radius: 25px;
    padding: 8px;
    width: 30%;
    margin-bottom: 10px;
	}

	.hnp-program-element-status-icon {
			width: 15px;
			height: 15px;
			border-radius: 15px;
			margin-right: 10px;
	}

	.hnp-program-element-status-text {
			font-size: 0.75em;
	}
}

@media (orientation:landscape) and (max-width:1920px) {
	.hnp-program-element-status {
    border-radius: 1dvw;
    padding: 0.35dvw;
    width: 6dvw;
    margin-bottom: 0.5dvw;
	}

	.hnp-program-element-status-icon {
			width: 0.75dvw;
			height: 0.75dvw;
			border-radius: 0.75dvw;
			margin-right: 0.3dvw;
	}

	.hnp-program-element-status-text {
			font-size: 0.75dvw;
	}
}