style.css

/*
Theme Name: GV Advox Child Theme
Theme URI: http://advox.globalvoices.org/
Description: Child of gv-theme for Advox site
Version: 1.0
Author: Jer 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-RED-GRADIENT,
.header-container,
.header-nav-bar-container,
.medium-red-gradient {
	background: #D10006;
}
#MEDIUM-RED-HIGHLIGHT-BORDER,
.header-nav-bar li,
.medium-red-hightlight-border {
	/* Lightest shade of green from medium-green-gradient*/
	border-color: #BC0005;
}
#DARK-RED-TEXT,
a,
h3 a,
a,
.screen-title a:hover,
.taxonomy-list a:hover,
.post-date a:hover,
.meta-term-subterms .active-term a,
#comments #respond #commentform a:hover,
#page-navigation a:hover
.dark-red-text {
	color: #9d0106;
	}
#MEDIUM-RED-TEXT,
#page-navigation a,
a:hover,
.edit a,
.post-terms-taxonomy a,
#comments .edit a,
#cancel-comment-reply-link,
.warning a ,
.medium-red-text {
	color: #c80005;
	}
.site-title {
	width: 300px;
	max-width: 300px;
}

@media
only screen and (max-width: 1008px) {

}

@media
only screen and (max-width: 1008px) {
	.site-title {
		width: 240px;
		max-width: 240px;
	}	
}
/*Anything smaller than 720px*/
@media
only screen and (max-width: 720px) {	
}
@media
only screen and (max-width: 552px) {
	.site-title {
		width: 160px;
		max-width: 160px;
	}
}
/*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) {		
}