/******************************************************************
Site Name: The Richard S. Reynolds Foundation
Author: Heath and Christina

Stylesheet: Main Stylesheet

******************************************************************/


@import url('less.css');

/* Little notes for me. My color and font guide.
Blue: #4086b8
Brown: #3f3013
Orange: #d49200
Pale: #f5f5ee
Light Blue: #9bc0da;

Gray 1: #8a8c8e
Gray 2: #4a4a4d
Gray 3: #39393c

font-family: 'Merriweather', serif;
font-family: 'Montserrat', sans-serif;

*/

@font-face {
  font-family: 'Chunkfive';
  src: url('../fonts/Chunkfive-webfont.woff') format('woff'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
       url('../fonts/Chunkfive-webfont.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3Ñ5 */
}

@font-face {
  font-family: 'Merriweather';
  src: url('../fonts/Merriweather-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3Ñ5 */
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3Ñ5 */
}

/* I'm using BONES as my starter theme. I need to tweak a few things */

body { 
	background-color: #39393c;
	font-family: 'Merriweather', Georgia, serif;
	}
#container { 
	background-color: #f5f5ee; }
#content { 
	margin-top: 0em; }
.header { 
	margin-bottom: 0; padding-bottom: 0;
	background: #413014 url(../images/subpage_wrap.jpg) top repeat-x;
	height: 245px;
	}
.hentry { 
	background-color: #FFFFFF; border: 0px solid #CCCCCC; border-radius: 0px; margin-bottom: 0; margin-left: 45px; padding: 0 20px 0 60px; }
#sidebar1 {
	margin: 40px 0 80px 0;
	}
.sidebar {
	margin-top: 0; }
.widgettitle { 	
	border-bottom: 0px; margin-bottom: 0.75em; text-transform: uppercase; }
.footer { 
	background-color: #39393c; clear: both; color: #999999; font-size: smaller; }


/* And I need to add a few divs of my own */

#contactinfo { 
	background-color: #4a4a4d; clear: both; color: #fff; }

.entry-content { 
	padding-top: 0; 
	margin: 40px 0 80px 0;
	}	

.couple {  
	position: relative; 
	top: -55px; float: right; 
	margin-bottom: -62px;
	width: 45%;
	}
.couple img { width: 100%; }

#inner-contactinfo .widget { 
	margin: 0 0 0 100px; width: 40%; float: left; }



/* SUBPAGE HEADERS */

.subpagehead {
	position: relative; 
	z-index: 200;
   display: table;
   width: 100%;
   padding: 4% 0 2% 130px;
	}	

.subpagehead h1 {
	position: relative;
	z-index: 100;
	color: #fff; 
	font-size: 55px;
	font-family: 'Chunkfive','Merriweather', serif; 
	font-weight: normal; clear: both;
	margin: 0; padding: 0;
	}


/* ------- HOMEPAGE STUFF -------*/

.positioner { display: none; }

body.home .header { 
	height:579px; 
	margin-bottom: 0; padding:0; 
	background: #4086b8 url(../images/home_bg.png) repeat-x;
	}


body.home #inner-header { 
	height:110px; background: none !important; position:relative; }

#logo { 
	position: relative; 
	z-index: 100; 
	margin: 0 auto; 
	margin-top: 105px; 
	line-height: 70px; 
	width: 800px; 
	font-size: 55px;
	font-family: 'Chunkfive','Merriweather', serif; 
	font-weight: normal; 
	clear: both; }

#logo span { 
	display: block; text-align: right; font-family: 'Montserrat', sans-serif; color: #ffffa9; font-weight: 400;font-size: 85px;}

.header-button { 
	position: relative; z-index: 100; width: 860px; text-align: right; margin-top: 20px; line-height: 2em;}

.header-button .topbutton { 
	color: #fff; text-decoration: none; border-top: 1px solid #fff; 
	border-left: 1px solid #fff; 
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
	}
	
.header-button .topbutton:hover { 
	text-decoration: none;
	color: #ffffa9;
}

/* Homepage slider */

.rslides_container { 
	width: 1132px;
	margin: 0 auto;
	}

.rslides_container ul { 
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 1;
	}	

.rslides {
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
#slidequote { 
	width:100%; height: 100px; overflow: hidden;
	background-color: #4086b8;}
	
#firstline { 
	color: #fff; font-family: 'Merriweather', serif; font-size: 18px; font-style: italic; }
#secondline { 
	display:inline; font-family: 'Montserrat', sans-serif; color: #fff; text-decoration: none; font-weight: normal; font-size: 12px !important; } 


.caption { 
	width: 600px; 
	margin: 0 auto; 
 	margin-top: 20px;
  	padding: 0 1em 0 2.5em;
  	position:relative;
  	-webkit-hyphens: none;
   	-moz-hyphens: none;
    hyphens: none;
    -ms-word-break: normal;
     word-break: normal;
}
.caption:before
 {
  color: #3978a4;
  content: "\201C";
   font-family: Georgia, serif;
  font-size: 120px;
  font-weight: bold;
  position:absolute;
  left:-45px;
  top: 10px;
  line-height: 0.1em;
  z-index: 888;
}

.caption:after
 {
   color: #3978a4;
  content: "\201D";
   font-family: Georgia, serif;
  font-size: 120px;
  font-weight: bold;
  position:absolute;
  right:-60px;
  top: 10px;
  bottom: 0em;
  line-height: 0.1em;
  z-index: 888;
}


/* ------- COMMON CLASSES -------*/
h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
}

	#sidebar1 h1, #sidebar1 h2, #sidebar1 h3, #sidebar1 h4, #sidebar1 h5 {
	color: #4086b8; 
	font-family: 'Montserrat', sans-serif;
	font-size: 18px; 
	text-transform: none; 
	}

h1, h2 { text-transform: uppercase; }
h1 { color: #d49200; font-size: 2em; margin-top: 0; }
h2 { color: #d49200; font-size: 24px; }
h4 { font-size: 24px; font-weight: normal; color: #8a8c8e; }

p {
  	-webkit-hyphens: none;
   	-moz-hyphens: none;
    hyphens: none;
    -ms-word-break: normal;
     word-break: normal;
}

#sidebar1 h1,
#sidebar1 h2,
#sidebar1 h3,
#sidebar1 h4,
#sidebar1 p,
#sidebar .button { margin-left: 40px;}

#sidebar1 p {
	font-size: 14px;
	}

a { text-decoration: none; }
a: hover { color: #d49200;}
	#inner-content a { color: #d49200; }
	#contactinfo a { color: #fff; padding-left: 10px;}

ul.fancy {
	font-size: smaller;
	font-family: 'Montserrat', sans-serif;
/* 	margin-left: -40px; */
}

ul.fancy li {
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 30px; 
/* 	min-height: 40px; */
	margin-bottom: 20px;
}

ul.last { margin-left: 0;}

hr { border: 2px solid #f5f5ef}


.entry-content tr {
    border-bottom: 1px solid #f5f5ef;
	}
	
.entry-content td {
    padding: 10px 0 10px 30px;
    }
    
td.date, td.grantname { 
	color: #4086b8; 
	vertical-align:top;
	padding-left: 0;
	}
	
td.date {
  font-family: 'Chunkfive','Merriweather', serif;
  font-size: 1.2em;
}

td.grantname {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  line-height: 1.3;
  font-weight: bold;
  font-size: .9em;
}
	
.copyright { margin-left: 100px; }
.clear { clear:both; }


#inner-contactinfo .widget { font-size: smaller; }



/* ------- Primary Navigation ------- */

#navigation { 
	padding-top:24px; 
	height:100px; width:100%; margin:0 auto; 
	text-align: center !important;
	background: url(../images/signature.png) top center no-repeat;
	background-size: 100%;
	width: 747px;
	position: relative;
	z-index: 100;
	}
	
.nav li { text-align: center !important; display: inline-block !important; float: none;}
.nav { font-size: 18px;}

.nav li a {
    padding: 0.75em .5em .75em .5em;
    padding: 0.75em;
}

.nav li a:hover, .nav li a:focus { text-decoration: none; }

.nav li a:hover, 
.nav li.current-menu-item a, 
.nav li.current-page-item a, 
.nav li.current-page-parent a, 
.nav li.current-page-ancestor a
.nav li.current-menu-parent a, 
.nav li.current-menu-ancestor a {
      color: #d49200 !important;
}

/* ------- Secondary Navigation ------- */

#subnav { background-color: #3399cc; font-family: 'Montserrat', sans-serif; min-height: 10px }
body.home #subnav { display: none;}

.menu li { position: relative; display: inline-block; float: left; }

.menu {
  border-bottom: 0;
  display: block;
  clear: both;
  }

#subnav ul {
	margin: 0;
	padding: 0;
	margin: 0 0 0 120px; 
	list-style: none;
  	display: table;
  	clear: both;
	}
	
.menu li { }
.menu li a {
      display: block;
      color: #88b4d3;
      text-decoration: none;
      padding: 0.75em;
}
.menu li a:hover, .menu li.current-menu-item a, .menu li.current-page-item a {
      color: #fff;
}

.hide {
      display: none !important;
}

/* ------- Deadline Box ------- */

#deadline_boxes	 {
	width: 381px; 
	overflow: visible;
	clear: both;
}

.deadline { 
	width: 182px; 
	background-color: #4187b4;
	float: left;
	margin-right: 1px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 20px 0;
	margin-bottom: 20px;
	}

.deadline span { 
	font-family: 'Montserrat', sans-serif;
	}	

.deadline .month { 
	font-size: 16px; 
	line-height: 20px;
	}
	
.deadline .day { 
	font-family: 'Chunkfive','Merriweather', serif; 
	font-size: 60px; 
	line-height: 60px;
	}
#deadline_boxes .last {
	padding-right: 40px;
}

	
/* ------- Shortcodes ------- */
.featured { font-size: larger; color: #4086b8; }

.button { 
	color: #d49200; text-decoration: none; 
	border-top: 1px solid #d49200; 
	border-left: 1px solid #d49200; 
	padding: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: smaller;
	display: inline-table;
	font-weight: 700;
	margin-right: 10px !important;
	}

.entry-content .button { 	
	white-space: nowrap; 
	
}
	
.button:hover { 
	text-decoration: none;
	color: #000;
}

/* ------- Fluid Columns ------- */
.one_half{ width:46%; }
.one_third{ width:30.66%; }
.two_third{ width:60.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}


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

	.header { 
	background-image: none;
	height: auto;
	}
	
	body.home .header { 
	background-image: none;
	height: auto;
	}
	
	.rslides_container { 
	width: auto;
	}
	
	.positioner { 
	display: block; height: auto; width: 100%; position: relative;
	}
	
	#logo_container {
	position: relative;
	z-index: 22;
	margin-top: 8%;
	}
	
	#logo {
	margin-top:0;
	line-height: auto;
	}
	

}

/*  Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	body.home .header { }

	#logo_container {
		margin-top: 10%;
	}
	
	#logo { 
	line-height: auto; 
	}
	
	#navigation { width: 100%; }
	
	.m-all, .t-2of3, .d-5of7, .entry-content, #content, #container { margin: 0; padding: 0; width: 100%; }
	.entry-content { margin: 40px 0; }
	.sidebar { padding: 0 50px;}
	
	.couple { width: 60%; }
	
	.couple img { width: 100%; }
	
	#inner-contactinfo .widget { margin: 0px; padding-left: 80px; width: 40%; float: left; }
	#contactinfo a {
    padding-left: 0px;
	}
	.copyright {
    margin-left: 80px;
	}

	.header-button { width: 760px; text-align: right; margin-top: 20px; line-height: 2em;}

	.subpagehead { padding: 5% 0 3% 120px; }	
	.subpagehead h1 { font-size: 45px; }
	
	#deadline_boxes {
    margin-left: 40px;
	}
	#deadline_boxes .last {
	padding-right: 0px;
	}
}

/*  Wide Mobile Layout: 480px. */
@media only screen and (min-width: 650px) and (max-width: 768px) {	

	
	#navigation { 
	padding-top:20px; 
	height:auto; 
	width:100%; 
	}
	
	#logo_container {
		margin-top: 8.5%;
	}
	#logo { 
	margin: 0 auto; 
	line-height: 65px; 
	font-size: 55px;
	font-family: 'Chunkfive','Merriweather', serif; 
	font-weight: normal;
	width: 95%;
	clear: both; }
	
	#logo span { 
	display: block; 
	text-align: right; 
	font-family: 'Montserrat', sans-serif; 
	color: #ffffa9; 
	font-weight: 400;
	font-size: 85px;}

	.m-all, .t-2of3, .d-5of7, .entry-content, #content, #container { background-color: #FFFFFF; margin: 0; padding: 0; width: 100%; }
	.entry-content { margin: 40px 0; }
	.hentry { background-color: #FFFFFF; border: 0px solid #CCCCCC; border-radius: 0px; margin-bottom: 0; margin-left: 0px; padding: 0px 20px; }
	
	.wrap { width: 100%;  }
	
	#sidebar1 {background-color: #f5f5ee; margin: 0 auto; padding: 40px 0 100px 20px; }
	#sidebar1 h1,
	#sidebar1 h2,
	#sidebar1 h3,
	#sidebar1 h4,
	#sidebar1 p,
	#sidebar .button { margin-left: 0px;}
	
	.one_third, .two_third, .one_fourth { 
	width: 100%;
	}
	
	#deadline_boxes .last {
	padding-right: 0px;
	}
}

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

	#navigation { width: 100%; }
	.couple { width: 60%; }
	.couple img { width: 100%; }
	.couple {
    margin-bottom: -62px;
    top: -55px;
}
	#inner-contactinfo .widget { margin: 0px; width: 35%; float: left; padding-left: 20px; }
	#contactinfo a { padding-left: 0px;}

	.one_third { 
	width: 100%;
	}
	.one_fourth { 
	width: 100%;
	}
	
	#logo_container {
		margin-top: 6%;
	}
	#logo { 
	margin: 0 auto; 
	line-height: 65px; 
	font-size: 55px;
	font-family: 'Chunkfive','Merriweather', serif; 
	font-weight: normal;
	width: 95%;
	clear: both; }
	
	#logo span { 
	display: block; 
	text-align: right; 
	font-family: 'Montserrat', sans-serif; 
	color: #ffffa9; 
	font-weight: 400;
	font-size: 85px;}
	
	.header-button { 
	width: 100%; text-align: right; margin-top: 20px; margin-right: 20px;}
	
	.subpagehead { padding: 3.5% 0 1% 20px; }	
	.subpagehead h1 { font-size: 45px; }
	
	ul.fancy { margin-left: 0px; }
	
	.copyright { margin-left: 20px; }
	

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

	body.home .header { 
	height:400px; 
	}
	
	.positioner { display: none; }
	
	.m-all, .t-2of3, .d-5of7, .entry-content, #content, #container { background-color: #FFFFFF; margin: 0; padding: 0; width: 100%; }
	.entry-content { margin: 40px 0; }
	
	.hentry { background-color: #FFFFFF; border: 0px solid #CCCCCC; border-radius: 0px; margin-bottom: 0; margin-left: 0px; padding: 0px 20px; }
	
	.wrap { width: 100%;  }
	
	#sidebar1 {background-color: #f5f5ee; padding: 0px 20px;margin: 0 auto; padding-top: 40px; padding-bottom: 100px; }

	.rslides_container { overflow: hidden; }
	
   .rslides img {
	 height: 141px;
	 width: auto;
	 margin: 0 auto;
	 margin-left: -80px;
	 }
	 
   body.home .rslides img {
	 height: 300px;
	 width: auto;
	 margin: 0 auto;
	 margin-left: -80px;
	 }
	
	#contactinfo h4.widgettitle { margin-top:5px;}
	
	#navigation { 
	padding-top:20px; 
	height:auto; 
	width:100%; 
	}
	
	.nav li a { font-size: 15px; padding: 5px 9px; }
	
	#logo_container {
	margin-top: 0%;	
	width: 95%;
	margin: 0 auto;
	border: 1px solid transparent;
	}
	
	#logo { margin-top: 15%; font-size: 2em; line-height: 42px; }
	#logo span { font-size: 2em; }
	
	.subpagehead {
   	padding: 6% 0 3% 20px;
	}	

	.subpagehead h1 {
	font-size: 26px;
	}
	
	.copyright { margin-left: 10px; }
	.hentry { margin-left: 10px; padding: 0 20px 0 20px; }
	
	
	#inner-contactinfo .widget { width: 48%; padding-left:20px; }
	.couple { width: 48%; top: 6px; margin-bottom: 0px; }
	
	
	#contactinfo a { padding-left: 0px;}	

	#subnav ul { margin-left: 20px; }
	  
	.caption { 
   	width: 90%; 
   	padding: 0 1em 0 2.5em;
   	position:relative;
   	z-index: 999;
   	-webkit-hyphens: none;
   	-moz-hyphens: none;
   	hyphens: none;
   	}

    .caption:before {
   left:-15px;
   top: 10px;
   }
   
   .caption:after
   {
   right:-20px;
   top: 10px;
   }
   
   #firstline { font-size: 14px; }
		
	#deadline_boxes	 {
	width: 100%; 
	}
	.deadline { width: 49%; padding: 20px;}	
	
	#deadline_boxes .last {
	padding-right: 0px;
	}
	
	#sidebar1 {background-color: #f5f5ee; margin: 0 auto; padding: 40px 0 100px 20px; }
	#sidebar1 h1,
	#sidebar1 h2,
	#sidebar1 h3,
	#sidebar1 h4,
	#sidebar1 p,
	#sidebar .button { margin-left: 0px; margin-right: 20px;}
   
   
	.one_half, .one_third, .two_third, .one_fourth { 
	width: 100%;
	}
	
	ul.last {
    margin: 0;
	}
}
	

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

	#container, .header, #content, #navigation {width:100%;padding:0; }
	
	#navigation { margin-top: 3px;}
	
	
	.nav li a { font-size: 15px; padding: 5px 8px; }
	
	#inner-contactinfo .widget { float: none; clear: both; width: 100%; padding-left:20px; }
	
	.couple { width: 100%; float: none; clear: both; }
	
	#logo_container {
	margin-top: 20px;
	}
	
	#logo { font-size: 22px; line-height: 35px;  }
	#logo span { font-size: 40px; }
	
	.header-button { 
	font-size: 14px;}
	
	.caption { 
   	width: 100%; 
  	padding: 0 30px 0 30px;
   	font-size: 12px;
   	margin-top: 10px;
   	z-index: 1000;
   	}

	 .caption:before {
	 left:-15px;
	 top: 10px;
	 font-size: 80px;
	 }
	 
	 .caption:after {
	 right:-15px;
	 top: 10px;
	 font-size: 80px;
	 }
   
	.subpagehead {
   		padding: 8% 0 6% 20px;
	}	

	.subpagehead h1 {
	font-size: 22px;
	}
	
	.entry-content .button { 	
	white-space: normal; 
	
	}

	#deadline_boxes	 {
	width: auto; 
	}
	
	.deadline { 
	width: 90%; padding: 20px;}
	
	.one_third { 
	width: 100%;
	}
	.one_fourth { 
	width: 100%;
	}
	
 }