/*--------GENERAL-----------------*/
/*--------------------------------*/

.content {
border-top: solid 1px #dadcdc;
display: inline-block;
}



/*--------COLUMNS ----------------*/
/*--------------------------------*/


.column img {
	width: 100%;
	/*border-bottom: 5px solid #008bcd;*/
	margin-bottom: 5px;
}

.column-container {
display: inline-block;
clear: both;
width: 104%;
margin-left: -2%;
}

.column-5 {
	padding-bottom: 15px;
	width: 16%;
	margin: 0px 2% 0px 2%;
	float: left;
}

.column-4 {
	padding-bottom: 15px;
	width: 21%;
	margin: 0px 2% 0px 2%;
	float: left;
}

.column-3 {
	padding-bottom: 15px;
	width: 29%;
	margin: 0px 2% 0px 2%;
	float: left;
}

.column-2 {
	padding-bottom: 15px;
	width: 46%;
	margin: 0px 2% 0px 2%;
	float: left;
}



/*-------BREADCRUMBS-------------*/
/*-------------------------------*/

.breadcrumbs {
display: inline-block;
width: 100%;
margin-bottom: 5px;
}

.content .breadcrumbs ul {
padding-left: 0px;
}

.breadcrumbs ul li, .breadcrumbs ul li a {
font-size: 13px;
line-height: 18px;
}

.breadcrumbs ul li {
display: inline-block;
float: left;
padding: 0 7px 0 0px;
color: #7a7e7a;
}

.breadcrumbs ul li a {
text-decoration: underline;
}

.breadcrumbs ul li a:hover {
text-decoration: none;
}


/*-------CAUSE-----------*/
/*-----------------------*/

.cause-content-container {
padding-top: 20px;
}

.cause-link, .donate-column {
padding-bottom: 20px;
}


.cause-link {
		width: 100%;
		display: block;
		-o-transition: .2s;
		-ms-transition: .2s;
		-moz-transition: .2s;
		-webkit-transition: .2s;
		text-decoration: none !important;
}

.cause-link:hover {
		opacity: .5;
		filter: alpha(opacity=50);
}

/* AGP workaround 
#AGP .cause-link:hover {
		opacity: 1;
		cursor: default;
}*/


.cause-link h5 {
		font-size: 16px;
		line-height: 23px;
		padding-bottom: 5px;
		text-decoration: none !important;
		color: #004b8d;
		font-weight: 500;
	}

.cause-link p {
		font-size: 14px;
		line-height: 22px;
	}

.cause-link a {
		margin-bottom: 40px;
	}

.cause-logo {
display: inline-block;
float: right;
width: 250px;
box-shadow: 0px 0px 10px #dadcdc;
margin-left: 40px;
margin-bottom: 20px;
}

.cause-logo img {
width: 100%;
}

/*---------BOARD --------------*/
/*-----------------------------*/

.bio-title {
padding-bottom: 35px;
}

.bio-title .unfcuf-position {
	font-size: 14px;
	line-height: 20px;
	display: block;
	padding-bottom: 7px;
}

.bio-title {
	font-size: 14px;
	line-height: 20px;
	display: block;
}

/*-----------CONTACT---------*/
/*---------------------------*/

.icon-section {
padding-left: 50px;
padding-bottom: 20px;
}

.icon-credit {
background: url(/img/content/icons/creditcard.png) 0px 2px no-repeat;
}

.icon-mail {
background: url(/img/content/icons/mail.jpg) 0px 2px no-repeat;
}

.icon-call {
background: url(/img/content/icons/phone.jpg) 5px 2px no-repeat;
}

.icon-online {
background: url(/img/content/icons/computer.jpg) 0px 2px no-repeat;
}

.icon-person {
background: url(/img/content/icons/map.jpg) 0px 2px no-repeat;
}

.content .contact-section-header {
padding-bottom: 5px !important;
margin-top: 0px;
}

.table td {
vertical-align: top;
padding-bottom: 5px;
}

.table td.td-header {
width: 25%;
}

.table td.td-header-35 {
	width: 35%;
}


/*-----------DONATE---------*/
/*---------------------------*/

.donate-announce {
border: solid 1px #008bcd;
width: 90%;
padding: 20px 5% 20px 5%;
margin-bottom: 20px;
}

.donate-announce .header {
padding-bottom: 3px;
}

.donate-img {
float: right;
width: 40%;
padding-left: 5%;
}

.donate-img img {
width: 100%;
border-bottom: 5px solid #008bcd;
}

#recur-donation {
padding-bottom: 20px;
}


.donate-nav-option {
	box-shadow: 0px 0px 12px #7a7e7a;
	text-align: center;
	font-family: 'montserrat';
	font-weight: 500;
	font-size: 13px;
	color: #004b8d;
	padding: 60px 2% 12px 2%;
	text-decoration: none;
	border: solid 1px #dadcdc;
	padding-bottom: 15px;
	width: 10%;
	margin: 0px 2% 20px 2%;
	float: left;
	background: #fff;
	line-height: 19px;
}

#donate-nav-credit {
background: url(/img/content/icons/creditcard.png) 50% 20px no-repeat;
}

#donate-nav-mail {
background: url(/img/content/icons/mail.jpg) 50% 20px no-repeat;
}

#donate-nav-call {
background: url(/img/content/icons/phone.jpg) 50% 12px no-repeat;
}

#donate-nav-online {
background: url(/img/content/icons/computer.jpg) 50% 15px no-repeat;
}

#donate-nav-person {
background: url(/img/content/icons/map.jpg) 50% 12px no-repeat;
}

#donate-nav-sponsor {
background: url(/img/content/icons/sponsor.jpg) 50% 18px no-repeat;
}

.donate-nav-option:hover {
cursor: pointer;
color: #004b8d;
opacity: .5;
}



/*--------------GRANTS----------*/
/*------------------------------*/

.calendar {
float: right;
width: 260px;
margin-left: 20px;
}

/* 750 */
@media only screen and (max-width: 750px){
.calendar {
DISPLAY: none;
}
}


/*------------SPONSORS----------*/
/*------------------------------*/

#Knighthead-logo, #ArchMI-logo, #Moventum-logo, #WeltmanMoskowitz-logo, #COOP-logo {
    text-align: center;
    padding-bottom: 10px;
}

#single-logo {
	text-align: left;
	padding-bottom: 10px;
}

/* min 900 */
@media only screen and (min-width: 900px) {
    
    #Knighthead-logo, #ArchMI-logo, #Moventum-logo, #WeltmanMoskowitz-logo, #COOP-logo {
        /* width: 35%; 
        padding-bottom: 10px;
        margin-left: 11%; */
		width: 40%;
        margin-left: 5%;
    }

	#COOP-logo img {width: 35%;}

	#ArchMI-logo img {
		width: 66%;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	
	#single-logo {
		width: 42%;
		text-align: left;
		padding-bottom: 10px;
	}

}

/* max 899 */
@media only screen and (min-width: 700px) and (max-width: 899px) {

	#single-logo {
		width: 55%;
	}

	#COOP-logo img {width: 33%;}

	#ArchMI-logo img {
		width: 56%;
		padding-bottom: 6%;
		padding-top: 6%;
	}
}

/* max 775 */
@media only screen and (max-width: 775px) {

	#COOP-logo img {width: 23%;}

	#ArchMI-logo img {
		width: 46%;
		padding-bottom: 0;
		padding-top: 0;
	}

}

/* max 699 */
@media only screen and (min-width: 551px) and (max-width: 699px) {

	#single-logo {
		width: 68%;
	}

}

/* max 550 */
@media only screen and (max-width: 550px) {

	#single-logo {
		text-align: center;
		padding-bottom: 40px;
	}

	#COOP-logo img {width: 33%;}

	#ArchMI-logo img {
		width: 56%;
	}

}

/*--------------ANNOUNCEMENTS----------*/
/*-------------------------------------*/
.announce {
border-bottom: solid 1px #aaafaf;
margin-bottom: 20px;
}


.announce-last {
border-bottom: none;
margin-bottom: 0px;
}

/* video layots */

.video-thumb {
	position: relative;
}

.time-stamp {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #555451;
	color: #fff;
	z-index: 10;
	padding: 2px 10px;
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: normal;
}

/* special designs */

.instructions-container {
margin-bottom: 10px;
margin-top: 20px;
}

.instructions {
background: #f2f4f4;
width: 19%;
padding: 20px 5%;
margin-bottom: 20px;
}

.number-circle {
text-align: center;
position: relative;
width: 100%;
height: 40px;
padding-bottom: 0px;
margin-bottom: 20px;
}

.number-circle span {
border: solid 2px #004b8d;
color: #004b8d;
border-radius: 40px;
width: 40px;
position: relative;
height: 40px;
display: inline-block;
line-height: 40px;
color: #004b8d;
font-weight: bold;
font-size: 18px;
}

.instructions p {
text-align: center;
line-height: 26px;
}

.instructions strong {
font-weight: bold;
color: #004b8d;
}



/*-----------------RESPONSIVE DESIGN-------------------*/


/* 900 */

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

.column-4, .column-5 {
	width: 29%;
	margin: 0px 2% 0px 2%;
}

.column-3 {
width: 46%;
}

.instructions-container {
margin-left: 0px;
margin-right: 0px;
width: 100%;
}

.instructions-container .instructions {
width: 90% !important;
padding: 20px 5% !important;
margin-left: 0px;
margin-right: 0px;
}

}


/* 775 */
@media only screen and (max-width: 775px){
.column-2 {
	width: 100%;
	margin-right: 2%;
	margin-left: 2%;
}

.donate-img {
width: 50%;
padding-left: 5%;
}

.donate-nav-option {
	padding: 55px 2% 15px 2%;
	width: 24%;
	margin: 0px 2% 20px 2%;
}

}


/* 550 */

@media only screen and (max-width: 550px){
.column-4, .column-5 {
	width: 46%;
}

.column-3 {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.instructions {
background: #f2f4f4;
width: 90%;
padding: 20px 5%;
margin-bottom: 20px;
}

.cause-logo {
width: 80%;
margin: 0px 10% 30px 10%;
}

.icon-section {
padding-left: 0px;
background: none !important;
}

}

/* 450 */

@media only screen and (max-width: 450px){
.column-4, .column-5 {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.table td {
display: block !important;
}

.table td.td-header {
padding-bottom: 0px;
}
.table td.td-content {
padding-bottom: 10px;
}

.donate-img {
width: 100%;
padding-left: 0%;
padding-bottom: 20px;
}

}



.img-left {
float: left;
padding-right: 20px;
padding-bottom: 20px;
border: none !important;
}

.img-right {
float: right;
padding-left: 20px;
padding-bottom: 20px;
border: none !important;
}

.img-10 {
width: 10% !important;
}

.img-20 {
width: 20% !important;
}

.img-30 {
width: 30% !important;
}

.img-40 {
width: 40% !important;
}

.img-50 {width: 50% !important;}

.img-50px {width: 50px !important;}

.img-75px {width: 75px !important;}

.img-100px {width: 100px !important;}

.img-150px {width: 150px !important;}

.img-250px {width: 250px !important;}


/*************************************** HI-RES IMAGES FOR MOBILE **********************************************/
/***************************************************************************************************************/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){ 

 .link {
background-image: url(/img/master/arrow-blue-solid-right-hires.png);
background-size: 8px;
}

#donate-nav-credit, .icon-credit {
background-image: url(/img/content/icons/creditcard-hires.png);
background-size: 37px;
}

#donate-nav-mail, .icon-mail {
background-image: url(/img/content/icons/mail-hires.jpg);
background-size: 37px;
}

#donate-nav-call, .icon-call {
background-image: url(/img/content/icons/phone-hires.jpg);
background-size: 26px;
}

#donate-nav-online, .icon-online {
background-image: url(/img/content/icons/computer-hires.jpg);
background-size: 37px;
}

#donate-nav-person, .icon-person {
background-image: url(/img/content/icons/map-hires.jpg);
background-size: 37px;
}
 
#donate-nav-sponsor, .icon-sponsor {
background-image: url(/img/content/icons/sponsor-hires.jpg);
background-size: 37px;
}
}