/* Enter Your Custom CSS Here */
/*COMMON CSS ONLY - Theme specific css put on style.css or custom.css at theme dir*/

.singleFloatAd{
	float: left;
    padding: 20px 15px 0 0;
	margin-right: 12px;
}
.afterPostTitleAd{ 

} 
.whatYouGetTitle, .courseContentTitle, .requirementTitle, .description__title{
    text-decoration: overline;
    font-weight: normal;
    font-size: 20px;
} 
.customGTSnippet{
	/*display: none;*/
}
.gtSectionMain{
	/*display: none;*/
}
.getSectionWrapper{
	/*display: none;*/
}  
#officialCourseLink{
	line-height: 22px;
	margin: 10px 0; /* comment later if gt download link is shown*/
}
.getSection{
	background: #f3b708;
	color: #010d69 !important;
	border-radius: 30px;
	border: 1px solid #010d69;  
	text-align:center;
	width:100%; 
}

.getSection a{ 
	color: #010d69 !important; 
	width: 100%;
}

#gtSectionTitle{
    margin: 20px 0px;
    padding: 5px 10px;
    background: #1fb1ff;
    color: white;
    border: 1px solid #0f9de8;
    border-radius: 3px;
    font-size: 24px;
	font-weight: normal !important;
}

#officialCourseLink{
	line-height: 22px !important;
    margin: 19px 0 !important;
}

/* Small Mobile specific */
@media screen and (min-width: 0) and (max-width: 530px) {
 	#gtTable > div {
		width: 100%;
	}
	
	#gtTable  {  
		min-height: 120px;
	}
	
	.getSection{ 
		padding: 7px 0;
	}
}

/* Medium Mobile specific */
@media screen and (min-width: 530px) and (max-width: 600px) {
	#gtTable > div {
		width: 50%;
	}

	#gtTable  {  
		min-height: 60px;
	}

	.getSection{ 
		padding: 7px 0;
	}
}

/* Mobile specific */
@media screen and (min-width: 600px) and (max-width: 700px) { 
	#gtTable > div {
		width: 50%;
	}
	
	#gtTable  {  
		min-height: 60px;
	}
	
	.getSection{ 
		padding: 4px 0;
	}
}
/* Desktop specific */
@media screen and (min-width: 701px) and (max-width: 3000px) { 
	#gtTable > div {
		width: 50%;
	} 
	
	#gtTable  {  
		min-height: 60px;
	}
	
	.getSection{ 
		padding: 4px 0;
	}
}