/******************/
/* GENERAL STYLES */
/******************/
.clr {clear: both;}
.apps_list_view {

}
.apps_list_view .mobile_only {
	display: none;
	/*
	*/
}
.apps_list_view .red_text_link, .red_text_link {
	font-weight: bold;
	color: #D41E17;
	white-space: nowrap;
}
.apps_list_view, .apps_single_view {

}
/*=======================*/
/*~~~~~~~~~~~~~~~~~~~~~~~*/
/*    LIST VIEW PAGE     */
/*************************/
/* SECTION HEADER STYLES */
/*************************/
.apps_list_view .section_header {
	margin-top: 10px;
}
.apps_list_view .section_header .h1 {
	width: 50%;
	float: left;
}
.apps_list_view .section_header .desktop_share {
	width: 50%;
	float: right;
}
.apps_list_view .section_header .desktop_share #sharetools {
	margin-top: 20px;
}
.apps_list_view .section_header .desktop_share #sharetools .gig-bar-container.gig-share-bar-container>table{
	float: right;
}
/* 
this one is actually not in the header 
but instead after the app listings.
makes more sense to have it here in the CSS
*/
.apps_list_view .mobile_share.share-row {
	display: none;
}

/*********************/
/* PROMO AREA STYLES */
/*********************/
.apps_list_view .promo_row {
	margin: 10px 0 5px;
}
.apps_list_view .promo_link {
	display: block;
	float:left;
}
.apps_list_view .promo_row  img{
	width: 100%;
	margin: 0;
}

/********************/
/* NEED HELP STYLES */
/********************/
.apps_list_view .need_help {display:none;}

/**************************/
/* FILTER DROPDOWN STYLES */
/**************************/
.apps_list_view .filter_row {
	margin-bottom: 20px;
}
.apps_list_view .filter_row h4 {
	color: #D41E17;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	text-transform: uppercase;
	line-height: 16px;
}
.apps_list_view .filter_row .filter_container.first {
	margin-left: 0;
}
.apps_list_view .filter_row .filter_container {
	
}
.apps_list_view .filter_row .filter_container .filter_label {
	display: block;
	padding-left: 5px;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
}
.apps_list_view .filter_row .filter_container select {
	width: 100%;
	background: #E6E6E6;
	color: #4D4D4D;
	border: none;
	padding: 5px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.apps_list_view .filter_row .filter_container select option {
	font-weight: bold;
	font-size: 16px;
}


/*******************/
/* APP LIST STYLES */
/*******************/
.apps_list_view .app_list_row, .app_tile {
	font-family: 'Open Sans', sans-serif;
}
.apps_list_view .app_list_row .app_link, .app_list_row .app_link {
	width: 48%;
	float: left;
}
.apps_list_view .app_list_row .app_tile, .app_tile {
	display: inline-block;
	cursor: pointer;
	border-bottom: 1px solid #CCC;
    margin: 0 7px 0;
    padding: 10px 0;
}
.apps_list_view .app_list_row .app_tile .image_wrap, .app_tile .image_wrap {
	float: left;
	margin: 0 10px 15px 0;
}
.apps_list_view .app_list_row .app_tile .image_wrap img, .app_tile .image_wrap img {
	width: 100px;
	height:100px;
}
.apps_list_view .app_list_row .app_tile .title, .app_tile .title {
	font-size: 16px;
	line-height: 18px;
	display: block;
	margin: 5px 0;
}
/* this is reused in the app view page */
.apps_list_view .app_list_row .app_tile .price, 
.apps_list_view .app_list_row .app_tile .split_pipe, 
.apps_list_view .app_list_row .app_tile .age,
.apps_single_view .detail_line .price, 
.apps_single_view .detail_line .split_pipe, 
.apps_single_view .detail_line .age, 
.app_list_row .app_tile .price, 
.app_list_row .app_tile .split_pipe,
.app_list_row .app_tile .age,
{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D41E17;
}
.apps_list_view .app_list_row .app_tile .price {

}
.apps_list_view .app_list_row .app_tile .age {
	
}
.apps_list_view .app_list_row .app_tile .split_pipe {

}
.apps_list_view .app_list_row .app_tile .device, .app_tile .device {
	font-size: 12px;
	font-weight: bold;
	color: #4D4D4D;
	line-height: 14px;
	display: block;
}
.apps_list_view .app_list_row .app_tile .short_desc, .app_list_row .app_tile .short_desc {
	clear:both;
	font-size: 14px;
	line-height: 18px;
	color: #4D4D4D;
	display: block;
	height: 50px;
}

.apps_list_view .app_list_row .faq_help_callout {
	border-bottom: 1px solid #CCC;
	margin: 0 7px 0;
	padding: 10px 0;
}
.apps_list_view .app_list_row .faq_help_callout h4{
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #D41E17;
	margin: 0 0 10px 0;
}
.apps_list_view .app_list_row .faq_help_callout p{
	font-size: 16px;
}
.apps_list_view .app_list_row .faq_help_callout a{
	text-decoration: underline;
	color: #D41E17;
}
.apps_list_view .app_list_row .faq_help_callout a:hover {
	text-decoration: none;
}


.apps_list_view .app_list_row .did_you_know {
	text-align: center;
	border-bottom: 1px solid #CCC;
    margin: 0 7px 0;
    padding: 10px 0;
	font-weight: bold;
}
.apps_list_view .app_list_row .did_you_know h4{
	color: #D41E17;
	font-weight: bold;
	font-style: italic;
	font-size: 30px;
	margin: 0;
}
.apps_list_view .app_list_row .did_you_know p {
	color: #4D4D4D;
	font-size: 16px;
}
.apps_list_view .app_list_row .did_you_know a {
	text-decoration: underline;
}
.apps_list_view .app_list_row .did_you_know a:hover {
	text-decoration: none;
}
/********* END ***********/
/*    LIST VIEW PAGE     */
/*~~~~~~~~ END ~~~~~~~~~~*/
/*=======================*/



/*=======================*/
/*~~~~~~~~~~~~~~~~~~~~~~~*/
/*   SINGLE APP PAGE     */
/*************************/
.apps_single_view {}
/*************************/
/* SECTION HEADER STYLES */
/*************************/
.apps_single_view .section_header {
	font-family: 'Open Sans', sans-serif;
}
.apps_single_view .section_header .image_container {

}
.apps_single_view .section_header .image_container img{

}
.apps_single_view .section_header .header_container {

}
.apps_single_view .section_header .header_container h2 {
	margin: 0;
}
.apps_single_view .section_header .header_container .mobile_icon {
	display: none;
}
.apps_single_view .section_header .header_container .detail_line {
	margin-bottom: 5px;
}
/* these are initially set together in the list view */
.apps_single_view .detail_line .price, 
.apps_single_view .detail_line .split_pipe, 
.apps_single_view .detail_line .age {}
.apps_single_view .detail_line .price {}
.apps_single_view .detail_line .split_pipe {}
.apps_single_view .detail_line .age {}

.apps_single_view .whole_child_line {
	margin-bottom: 5px;
}
.apps_single_view .whole_child_line .whole_child_icon {
	background: transparent url('https://www.cbc.ca/parents/content/static_imgs/icon-whole_child_sm.png') left top no-repeat;
	display: inline-block;
	width: 24px;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
}
.apps_single_view .whole_child_line .whole_child_categories {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	bottom: 5px;
	position: relative;
	text-transform: uppercase;
}

.apps_single_view .section_header .header_container .store_links {

}
.apps_single_view .section_header .header_container .store_links .link_badge {
	display: inline-block;
	overflow:hidden;
	text-indent: -9999px;
	margin-right: 20px;
}
.apps_single_view .section_header .header_container .store_links .link_badge img{
	display: none;
}
.apps_single_view .section_header .header_container .store_links .appstore_link {
	background: transparent url('https://www.cbc.ca/parents/content/static_imgs/icon-app_store.png') left top no-repeat;
	width: 127px;
	height: 37px;
}
.apps_single_view .section_header .header_container .store_links .google_play_link {
	background: transparent url('https://www.cbc.ca/parents/content/static_imgs/icon-google_play.png') left top no-repeat;
	width: 112px;
	height: 38px;
}


/*************************/
/*  SECTION BODY STYLES  */
/*************************/
.apps_single_view .section_body {

}

.apps_single_view .section_body #sharecount_gig_containerParent {padding-top:20px;}

.apps_single_view .section_body .body_head {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D41E17;
	line-height:16px;
}

.apps_single_view .section_body .app_description p, .apps_single_view .section_body .app_features p {
	font-size: 19px;
	line-height: 26px;
}
.apps_single_view .section_body .app_description {

}

.apps_single_view .section_body .app_features {

}
.apps_single_view .section_body .app_features ul {

}
.apps_single_view .section_body .app_features ul li {
	
}

.apps_single_view .section_body .app_screenshots {

}
/* carousel hacks */
.apps_single_view .section_body .app_screenshots .carousel {
	width: 100%;
}
.apps_single_view .section_body .app_screenshots .carousel  .carousel-control {
    top: 40%;
}
.apps_single_view .section_body .app_screenshots .carousel  .carousel-control.right{
	right: 0 !important;
}
.apps_single_view .section_body .app_screenshots .carousel .carousel-inner{
	width: 100%;
}
.apps_single_view .section_body .app_screenshots .carousel img{
	border-bottom: none !important;
	margin: 0 !important;
	height: auto;
	width: 100%;
}

.apps_single_view  .related_entries_wrapper {
	width: 100%;
}
.apps_single_view  .related_entries_wrapper .related-entries {
	width: 30%;
	margin: 0 8px;
}
.price, .split_pipe, .apps_list_view .app_list_row .app_tile .price {
    color: #D41E17;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;	
}

/* TABLET */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
/* TABLET */
/* Smaller tablets */
@media (max-width: 767px) {
	/* height adjustment for narrow width */
	/*=======================*/
	/*~~~~~~~~~~~~~~~~~~~~~~~*/
	/*   SINGLE APP PAGE     */
	/*************************/
	.apps_single_view {}
	/*************************/
	/* SECTION HEADER STYLES */
	/*************************/
	.apps_single_view .section_header .header_container .mobile_icon {
		display: inline-block;
		width: 30%;
		margin-right: 10px;
		float: left;
	}
	.apps_single_view .section_header .header_container .mobile_details {
		display: inline-block;
		width: 65%;
		float: right;
	}
	.apps_single_view .section_header .header_container .mobile_details .link_badge {
		width: 47%;
		background: none;
		margin-right: 1%;
		height: inherit !important;
	}
	.apps_single_view .section_header .header_container .store_links .link_badge span{
		display: none;
	}
	.apps_single_view .section_header .header_container .store_links .link_badge img{
		display: block;
		width: 100%;
	}
	/*************************/
	/*  SECTION BODY STYLES  */
	/*************************/
	.apps_single_view .section_body {
		padding: 0 7px;
		width: initial;
	}
	.apps_list_view .app_list_row .app_tile .short_desc {
		height: 75px;
	}
	.apps_single_view .section_header .image_container {
		display: none;
	}
}
/* TABLET */
/* Adjusting for the right-rail */
@media (max-width: 720px) {
	
}
/* TABLET */
/* Smaller tablets */
@media screen and (max-width: 600px) {
	/*************************/
	/* SECTION HEADER STYLES */
	/*************************/
	.apps_list_view .filter_row, .apps_list_view .section_header .desktop_share {
		display: none;
	}
	.apps_list_view .section_header .h1 {
		width: 100%;
		margin: 0 7px;
	}
	.apps_list_view .promo_link {
		width: 100%;
		margin: 0 0 10px;
	}
	/*
	still not in the header but for consistency...
	*/
	.apps_list_view .mobile_share {
		display: block;
		border-bottom: 1px solid #CCC;
		margin: 0 7px 0;
		padding: 10px 0;
	}
	.apps_list_view .mobile_share.share-row h5 {
		text-align: center;
	}
	.apps_list_view .mobile_share.share-row #sharetools .gig-bar-container.gig-share-bar-container>table, 
	.share-row #sharetools .gig-bar-container.gig-share-bar-container>table {
		margin: 0 auto;
	}
	
	/********************/
	/* NEED HELP STYLES */
	/********************/
	.apps_list_view .need_help {display:block;}
	
	/*******************/
	/* APP LIST STYLES */
	/*******************/
	.apps_list_view .app_list_row .app_link {
		width: 100%;
		float: none;
	}
	.apps_list_view .mobile_only {
		display: block;
	}
	.apps_list_view .app_list_row .app_tile .short_desc {
		height: inherit;
	}
	
	.apps_single_view  .related_entries_wrapper .related-entries {
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	
	.apps_single_view  .related_entries_wrapper .related-entries img{
		width: 100%
	}
	.apps_single_view  .related_entries_wrapper .related-entries h5.badge {
		top: 40%;
	}
	
}
/* MOBILE */
/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width: 480px) {

}
/* MOBILE */
/* screen only  */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	
}