/* CSS Bold Thinking */


/**
 * Width Setting
 *From https://www.drupal.org/node/439670 - DR
 * Genesis supports Elastic, Fluid and Fixed width values.
 * Elastic layouts are dynamic and will expand or contract when 
 * the font size is changed. Fluid widths change when the browser 
 * is resized and fixed width layouts stay the same width even 
 * when the broswer is resized or the font size is changed.
 *
 * Elastic layouts use ems,       e.g. 80em
 * Fluid layouts use percentages, e.g. 85%
 * Fixed widths use pixels,       e.g. 960px
 */
#container {
  width: 100%;
/* max-width: 1280px; set a maximum width */
/* min-width: 800px; set a minimum width */
}

/* Common Styles */

span.bold-thinking {
	font-family: Rockwell,Georgia,Times,Times New Roman,serif !important;
    color: #330033;
    letter-spacing: .8px;
}

/* Structure */
#imagebar {
	display:none;
}


body.no-sidebars {
    background-color: #DCDCDD;
}

div.region-navigation {
    background-color: #DCDCDD;
}

#main section[role="main"] {
    border-left: 0px none !important;
    border-right: 0px none !important;
    padding: 0px;
}

#main {
	/*width: 75%;*/
	background-color:#FFFFFF;
}

@media screen (max-width:1279px) {
	div.container {
		width: 100%;
	}
}

.footer {
    margin-top: 0;
}

/* Colors */
.purple-background {
	background-color: #330033;
	border: hidden;
}

.white-background {
	background-color: #FFFFFF;
	border: 0px;
}

.gold-background {
	background-color: #D4B54C;
	border: hidden;
}

.grey-background {
	background-color: #DCDCDD;
	border: hidden;
}

.darkgrey-background {
	background-color: #53565A;
	border: hidden;
}

/* Campaign Navigation */
div.campaign-menu div.container {
	width: 75%;
    padding: 0px;
    background-color: white;
}

div.campaign-menu ul {
    list-style-type: none;
    text-align: right;
 	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
    font-size: 16px;
    letter-spacing: .8px;
    margin: 10px 40px 10px 0px;
}

div.campaign-menu > div > ul > li > a {
	color: #330033 !important;
    font-weight: 100;
    font-size: 18px;
	letter-spacing: 0.5px;
}

div.campaign-menu a.last {
	color: #946F00 !important;
}

div.campaign-menu > div > ul > li.campaign-menu-1 {
    display: inline;
    padding-right: 15px;
    padding-left: 15px;
}

div.campaign-menu > div > ul > li.campaign-menu-2, li.campaign-menu-3, 
li.campaign-menu-4, li.campaign-menu-5, li.campaign-menu-6, 
li.campaign-menu-7, li.campaign-menu-8, li.campaign-menu-9 {
    display: inline;
    border-left: 2px solid #330033;
    padding-right: 15px;
    padding-left: 15px;
}

/* Campaign Navigation (Mobile) */
div.mobile-nav {
	background-color: white;
    padding-top: 20px;
}

div.container-mobile-nav {
    padding-left: 15px;
}

div.panel {
	box-shadow: none;
}

div.panel-group {
	margin-bottom:0px;
}

div.panel-group div.panel {
	border: none;
}

div.panel-heading {
	width: 85px;
    background-color: #330033 !important;
    border-color: #FFF !important;
}

div.panel-title a {
    text-decoration: none;
}

ul.list-group {
	width: 165px;
}

li.list-group-item a {
    color: #330033 !important;
}

li.list-group-item:first-child {
	border-top-left-radius: 0px;
}



/* Campaign Inner Pages */
	
/* General */
div.campaign-sub {
	margin-bottom: 50px;
}

p.campaign-text-first {
	font-size:18px;
	padding-left:9%;
	padding-right:25%;
    margin-bottom: 15px;
}

p.campaign-text {
	font-size:18px;
	padding-left:9%;
	padding-right:25%;
	margin-bottom: 15px;
}

h2.campaign-text-h2 {
	font-size:24px;
	padding-right:9%;
	margin-bottom: 15px;
}

div.campaign-sub img {
	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 10px;
	float:right;
}

/* Bio section */
div.bio-img {
	padding:0px;
}

div.bio-img > img {
	width: 100%;
	float: left;
}

strong.bio-head {
	font-size: 40px;
    color: rgb(255, 204, 51);
}

div.bio-text {
	padding: 4% 5% 2% 5%;
	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
	font-weight: 100;
	letter-spacing: .8px;
}

p.bio-maintext {
	color:white;
	font-size:4rem;
	font-weight: 100;
	margin-bottom: 15px;
}

p.bio-subtext {
	color:#330033;
	font-size:2.6rem;
	line-height: 1.30;
	font-weight: 100;
}

p.bio-backg {
	color: #330033;
    font-size: 1.8rem;
    margin-top: 25px;
    font-family: Lato,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

@media screen and (max-width: 1570px) and (min-width:1493px) {
	p.bio-maintext {
		font-size:3.8rem;
	}

	p.bio-subtext {
		font-size:2.4rem;
	}

	p.bio-backg {
		font-size:1.6rem;
	}
}

@media screen and (max-width: 1492px) and (min-width:1340px) {
	p.bio-maintext {
		font-size:3.5rem;
	}

	p.bio-subtext {
		font-size:2rem;
	}

	p.bio-backg {
		font-size:1.6rem;
	}
}

@media screen and (max-width: 1339px) and (min-width:1200px) {
	p.bio-maintext {
		font-size:3.1rem;
	}

	p.bio-subtext {
		font-size:1.8rem;
	}

	p.bio-backg {
		font-size:1.4rem;
	}
}

@media screen and (max-width: 1199px) and (min-width:1081px) {
	p.bio-maintext {
		font-size:3.8rem;
	}

	p.bio-subtext {
		font-size:2.2rem;
	}

	p.bio-backg {
		font-size:1.6rem;
	}
}

@media screen and (max-width: 1080px) and (min-width:992px) {
	p.bio-maintext {
		font-size:3.4rem;
	}

	p.bio-subtext {
		font-size:2rem;
	}

	p.bio-backg {
		font-size:1.6rem;
	}
}

@media screen and (max-width: 991px) and (min-width:951px) {
	p.bio-maintext {
		font-size:3.1rem;
	}

	p.bio-subtext {
		font-size:2rem;
	}

	p.bio-backg {
		font-size:1.4rem;
	}

	div.bio-text {
		padding: 3% 4% 2% 4%;
	}
}

@media screen and (max-width: 950px) and (min-width:863px) {
	p.bio-maintext {
		font-size:2.8rem;
	}

	p.bio-subtext {
		font-size:1.8rem;
	}

	p.bio-backg {
		font-size:1.4rem;
	}

	div.bio-text {
		padding: 3% 4% 2% 4%;
	}
}

@media screen and (max-width: 862px) and (min-width:822px) {
	p.bio-maintext {
		font-size:2.4rem;
	}

	p.bio-subtext {
		font-size:1.6rem;
	}

	p.bio-backg {
		font-size:1.2rem;
	}

	div.bio-text {
		padding: 3% 4% 2% 4%;
	}
}

@media screen and (max-width: 821px) and (min-width:768px) {
	p.bio-maintext {
		font-size:2.3rem;
	}

	p.bio-subtext {
		font-size:1.6rem;
	}

	p.bio-backg {
		font-size:1.3rem;
	}

	div.bio-text {
		padding: 3% 4% 2% 4%;
	}
}


/* Priorities Block */
div.priorities {
	padding: 50px;
	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
	text-align:center;
	letter-spacing: .8px;
}

div.priorities h2 {
	color: #330033 !important;
	padding-bottom: 15px;
	font-size: 40px;
	font-weight: 200;
}

div.priorities > ul {
	list-style-type: none;
	text-align: center;
	margin-bottom: 20px;
}

div.priorities a {
	color: gray;
	font-weight: 100;
	font-size: 20px;
	letter-spacing: 0.3px;
}

div.priorities a:active {
	color: #330033;
}

li.priorities-1, li.priorities-2, li.priorities-3, li.priorities-4 {
	display:inline;
	padding-right:15px;
	padding-left:15px;
}

li.priorities-1, li.priorities-2, li.priorities-3 {
	border-right: 1px solid;
}

/* Banners */
div.banner-overlay {
	height: 100%;
    background: none;
    bottom: 0;
    text-align: right;
    padding: 102px 185px;
    position: absolute;
    right: 0;
}

div.banner-overlay img {
    float: right;
}

div.banner div.container {
	width: 75%;
	padding:0px;
}

/* Points of Pride page */
article.node-campaign p.intro {
	padding: 0px 9% 0px 9%;
}

div.pride {
	margin: 50px 0px 75px;
	float: left;
}

div.pride-img {
    padding: 0px;
}

div.pride-text {
padding: 0px 9%;
}

h2.pride-maintext {
    font-size: 40px;
	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
	font-weight: 100;
	color: #330033 !important;
	letter-spacing: .8px;
    margin: 45px 0px 10px 0px;	
}

h2.pride-maintext-center {
	text-align:center;
}

h2.pride-maintext > span {
    font-size: 150px;
	padding: 0px;
	margin: 0px;
	width: 0px;
	line-height: .7;
}

p.pride-subtext {
    font-size: 22px;
    padding-top: 10px;
}


/* Impact of Giving */
body.node-type-impact-of-giving-page h1.page-header {
	padding: 4% 5% 5px 9% !important;
}

body.node-type-impact-of-giving-page p.caption {
	padding-bottom: 2%;
}

p.impact-link {
	padding-top: 2%;
}

body.node-type-impact-of-giving-page div.field-name-field-logo > div > div > img {
	width: 250px;
	margin: 3% auto;
}

div.node-impact-of-giving-page img {
    margin-left: 9%;
    width: 82%;
}

div.impact {
	padding-left:9%;
	padding-right:9%;
}

div.impact div.img {
    padding: 0% 0% 9% 12%;
}

div.impact h2 {
	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
    font-weight: 100;
    color: #330033 !important;
    font-size:24px;
    margin-top: 0px;
    margin-bottom: 25px;
}

div.impact p {
    font-size:18px;
    margin-top:0px;
}

div.impact a {
	color: #330033;
    font-weight: bold;
}

div.impact div.text {
	padding:0px;
}

div.impact-date {
	padding-left:9%;
}

div.making-impact {
    margin-right: 8%;
    padding: 3% 3% 3% 9%;
    border-width: 12px 12px 12px 0px;
    border-style: solid;
    border-color: #d5a81b;
}

div.making-impact h2 {
	margin: 0px;
    font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
    font-weight: 100;
    color: #330033 !important;
    font-size: 24px;
    margin-top: 0px;
    margin-bottom: 10px;
}

div.making-impact-text {
	padding-left: 0px;
    padding-right: 5%;
}

div.making-impact-text h3 {
	font-size: 18px;
    color: #330033;
}

div.making-impact-text p {
	font-size: 18px;
}

div.making-impact-img {
    padding:0px;
}

div.making-impact-img img {
    width: 100%;
    float: right;
    margin-top: 20px;
}

/* Campaign Cabinet */
div.cabinet {
    padding-left: 100px;
} 

div.cabinet {
	padding: 2% 0px 0px 0px;
} 

div.cabinet-img {
    padding: 0px 25px 0px 100px;
}

div.cabinet-img img {
    float: right;
}

div.cabinet-text {
	padding-right: 200px;
}

div.cabinet h2 {
	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
    font-weight: 100;
    color: #330033 !important;
    font-size: 24px;
    margin: 0px 0px 0px 0px;
    padding-top: 0px;
}

div.cabinet p {
	font-size:16px;
	margin: 3px 0px 0px 0px;
}

@media screen and (max-width:767px) {
	div.cabinet-img img {
		float: left;
    	padding-bottom: 2%;
	}
}

/* Message from Wong and Gumas */
div.president-text {
	padding-left:9%;
}

div.president p {
    font-size:16px;
    margin-top:0px;
}

div.president-img {
	padding:0px;
}

div.president-img-1 {
	padding: 10px 0px 0px 0px;
}

div.president-img-1 p {
	text-align: right;
}

div.president-img-2 {
	padding-top: 10px;
}

@media screen and (max-width:767px) {
	div.president-img p.caption {
		padding-left: 15px;
	}
}


/* Campaign FAQ page */
div.faq {
	padding-left: 9%;
	padding-right: 9%;
}

div.faq img {
	max-width: 100%;
}

div.faq h2 {
	font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
    font-weight: 100;
    color: #330033 !important;
    font-size: 26px;
}

div.faq p {
	font-size: 18px;
}

/* Links */
div.links {
    padding: 3% 0%;
    line-height: 2;
}

div.links > div {
	padding: 0px 25px;
}

h2.links-head {
	color: white !important;
    font-family: Rockwell,Crete Round,Georgia,Times,Times New Roman,serif !important;
    font-weight: 200;
    font-size: 18px;
    letter-spacing: .8px;
}

div.links ul {
	list-style: outside none none;
	padding-left: 0px;
}

div.links a {
	color: white;
	font-size: 16px;
}

div.links a:hover {
	color: white !important;
}

hr.links-hr {
    margin: 15px 0px;
    border-color: #FFFFFF;
}

@media screen and (max-width:767px) {
	div.links {
		padding: 10% 17%;
		text-align: center;
	}

	div.links > div {
    	padding: 0px;
	}
}

/* Responsive Code */
@media screen and (max-width:376px) {
	span.parent-name a {
		padding-left:15px;
	}
}

@media screen and (max-width: 1199px) {
	div.banner div.container {
		width:100% !important;
	}

	div.campaign-menu div.container {
		width:100% !important;
	}

	#main {
    width: 100%;
    }
}

@media screen and (max-width: 991px) {
	div.campaign-menu ul {
		text-align:center;
	}

	div.campaign-menu > div > ul > li > a {
		font-size:16px;
	}

	li.priorities-1, li.priorities-2, li.priorities-3, li.priorities-4 {
		border-right: none;
		display:inherit;
	} 
}

@media screen and (max-width: 1199px) and (min-width: 992px){
	h2.pride-maintext {
	    font-size: 35px;
	}

	h2.pride-maintext > span {
	    font-size: 100px;
	}

	h2.pride-maintext {
    	margin: 20px 0px 10px 0px;	
	}
}
 
@media screen and (max-width: 991px) and (min-width: 768px) {
	p.campaign-text-first, p.campaign-text {
    	padding-right: 9%;
	}

	h2.pride-maintext {
	    font-size: 30px;
	}

	h2.pride-maintext > span {
	    font-size: 80px;
	}

	h2.pride-subtext {
		font-size: 18px;
	}

	h2.pride-maintext {
    	margin: 10px 0px 10px 0px;	
	}

	div.campaign-sub img {
	    padding-left: 9%;
	    width: 100%;
	}
}

@media screen and (max-width: 767px) {
	div.impact-date {
    	padding-left: 15px;
	}

	div.cabinet-img {
    	padding: 0px 0px 0px 15px;
	}

	div.cabinet h2 {
		font-size:22px;
	}

	div.campaign-menu > div > ul > li.campaign-menu-1 {
	    display: inherit;
	    padding: 0px;
	}

	div.cabinet-text {
    padding-right: 15px;
	}

	div.campaign-menu > div > ul > li.campaign-menu-2, li.campaign-menu-3, 
	li.campaign-menu-4, li.campaign-menu-5, li.campaign-menu-6, 
	li.campaign-menu-7, li.campaign-menu-8, li.campaign-menu-9 {
	    display: inherit;
	    border-left: none;
	    padding: 0px;
	}

	div.president-text {
       padding: 0px 15px;
	}

	p.campaign-text-first, p.campaign-text {
		padding-left:15px;
		padding-right:15px;
	}

	div.campaign-sub img {
		width:100%;
		margin-left:0px;
	}

	div.node-impact-of-giving-page img {
    	width: 100%;
    	padding: 0px;
    	margin:0px;
	}

	div.impact {
    	padding-left: 15px;
    	padding-right: 15px;
	}

	div.making-impact {
    	margin-right: 0px;
    	padding: 15px;
    	border-width: 12px 12px 12px 12px;
	}

	div.node-campaign p.intro {
    	padding: 0px 15px 0px 15px;
	}

	div.pride {
    	margin: 40px 0px 40px;
	}

	h2.pride-maintext {
	    font-size: 30px;
	}

	h2.pride-maintext > span {
	    font-size: 80px;
	}

	h2.pride-subtext {
		font-size: 18px;
	}

	h2.pride-maintext {
    	margin: 0px 0px 10px 0px;
	}

	div.faq {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	div.entry-text {
		padding:0px;
	}

}