/* Stylesheet for Study Guides page */
.study-aids-section {
	padding: 4rem;
    background-image: url(../images/study-aids-background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.study-aids-section.book {	
    background-image: none;
}

.study-aids-section .wrapper.row > div {
	margin-bottom: 2rem;
}

.study-aids-section .wrapper.row > div:first-child > div h3 {
	font-size: 30px;
	text-align: center;
	line-height: 120%;
	padding-bottom: 12px;
	color: #88DBFF;
	font-weight: 700;
}
.study-aids-section .wrapper.row h4 {
	line-height: 120%;
	padding-bottom: 20px;
}


/* top box */
.audio-practice {
	margin-bottom: 30px;
	background-color: #140760;
}
.audio-practice-info .text-wrapper {
	padding: 0em 8em;
}



.audio-practice .audio-info {

}
.audio-practice .audio-info h3 {
	font-size: 24px;
	padding-top: 58px;	
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/audio-icon-2.png);
	background-size: auto 40px;
}
.audio-practice .practice-info {

}
.audio-practice .practice-info h3 {
	font-size: 24px;
	padding-top: 58px;	
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../images/quiz-icon-2.png);
	background-size: auto 40px;
}
.audio-practice h3 {	
	color: #85d7fc;
}



/* bottom boxes */

.study-aids-boxes-row {
	display: flex;
	flex-direction: row;
}
.study-aids-boxes-row > div, .study-aids-boxes-row > div > div {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.study-aids .link-box {	
	margin-bottom: 30px;
}

.study-aids-section .study-aids-boxes-row h3 {
	font-size: 30px;
	text-align: center;
	line-height: 120%;
	padding-bottom: 12px;
	color: #88DBFF;
}

.action-buttons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	max-width: 260px;
	margin: 0px auto;
}
.action-buttons a {
	width: 120px;
	text-align: center;
	display: inline-block;
}
.action-buttons a span {	
	text-align: center;
	display: inline-block;
	color: #12065b;	
	position: relative;
}

.action-buttons a span:before {	
	background-repeat: no-repeat;	
	background-size: contain;
	background-position: left top;
	width: 20px;
	height: 20px;
	content: " ";
	position: absolute;	
	top: -2px;
	z-index: 10;
}
.action-buttons a.listen span {		
	padding-left: 16px;
}
.action-buttons a.practice span {		
	padding-left: 12px;
}
.action-buttons a.listen span:before {
	background-image: url(../images/audio-icon.png);	
	left: -10px;
}
.action-buttons a.practice span:before {
	background-image: url(../images/quiz-icon.png);	
	left: -14px;
}


.back-button .button.filled.dark.listen {
	border: 2px solid #0080d5;
    background: transparent;
    color: #87dbff;
    border-radius: 15px;
    min-width: 160px;
}
.back-button .button.filled.dark.listen:hover, .back-button .button.filled.dark.listen:focus {
    color: #12065b;
    background: #ffcc5a;
}






.link-box p {
    text-transform: none;
    line-height: 1.4rem;
}
.link-box .button {
    margin-top: 1rem;
    display: inline-block;
}




@media (max-width: 1200px) {
	.page-template-page_half-image .side-image {
    	background-image: none !important;
	}
}

@media(max-width: 992px) {

	.audio-practice-info .text-wrapper {
		padding: 0em 2em;
	}

	.audio-practice-info:first-child {
		padding-bottom: 20px;
	}

	.study-aids-section {
		padding: 2rem;    	
	}   
    
}
@media(max-width: 768px) {
   .study-aids-section {
		padding: 2rem;    	
	}  
    
}