/*
Theme Name: GV Rising Voices Child Theme
Theme URI: http://rising.globalvoices.org/
Description: Child theme for the generic gv-theme for Rising Voices.
Version: 2.0
Author: Jeremy Clarke
Author URI: http://globalvoices.org/
Template: gv-theme

*/

#WHITE-TEXT,
.header-container .a11y-dialog-open,
.header-nav-bar-container .header-nav-bar a,
.header-nav-bar-container .header-nav-bar a:active,
.header-nav-bar-container .header-nav-bar a:hover,
.white-text {
	color: #fff;
}
#MEDIUM-BLUE-TEXT,
.medium-rv-blue-text {
	color: #2F93E8;
}

#MEDIUM-BLUE-BACKGROUND,
.header-container,
.header-nav-bar-container,
.medium-blue-background {
	background-color: #4C9EEE; /*NEW Dodger Blue*/
}
#MEDIUM-BLUE-HIGHLIGHT-BORDER,
.header-nav-bar li,
.medium-blue-hightlight-border {
	border-color: #308BE3; /*NEW Dodger Blue Highlight*/
}

.site-title {
	width: 360px;
	max-width: 360px;
	padding: 0;
	position: relative !important; /*for site-title-img abs pos*/
	margin-bottom: 1px;
/*	Revert #VERTICAL-MARGIN so it
	can stick to bottom*/
	margin-top: 0;
	margin-bottom: 0;
	}
.site-title-image img {
	position: relative !important;
	/*top: .375rem;*/
	margin-bottom: 0;
}

/*FlickrRSS plugin output*/
.flickrrss {
	margin: 0 auto;
	}
.flickrrss-thumbnail {
	margin: 5px 15px 10px 0;
	}

/*Imported from GV PROJECT THEME*/
.page li.video,
.page li.podcast, 
.page li.web, 
.page li.docs, 
.page li.user, 
.page li.photo {
	/*GENERAL FOR ALL ICONS*/
	list-style-type: none;
	margin: 5px 0 0 5px;
	padding: 2px 0 0 28px;
	}
.page li.video {
	background: url(images/icon-video.gif) top left no-repeat;
	}
.page li.podcast {
	background: url(images/icon-podcast.gif) top left no-repeat;
	}
.page li.web {
	background: url(images/icon-web.gif) top left no-repeat;
	}
.page li.docs {
	background: url(images/icon-docs.gif) top left no-repeat;
	}
.page li.user {
	background: url(images/icon-user.gif) top left no-repeat;
	}
.page li.photo {
	background: url(images/icon-photo.gif) top left no-repeat;
	}


@media
/*only screen BIGGER THAN 1008px {*/
only screen and (min-width: 1008px) {

}
@media
/*only screen and (max-width: 960px) {*/
only screen and (max-width: 1008px) {
	.site-title {
		width: 300px;
		max-width: 300px;
	}	
}
/*Anything smaller than 720px*/
@media
only screen and (max-width: 720px) {	
	.site-title {
		width: 180px;
		max-width: 180px;
	}
}
@media
only screen and (max-width: 552px) {
	.site-title {
/*		width: 120px;
		max-width: 120px;*/
	}
}
/*Anything smaller than 480 - iPhone landscape*/
@media
only screen and (max-width: 481px) {	
}
/*Anything smaller than 360: iPhone portrait */
@media
only screen and (max-width: 360px) {		
}