/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* hide title on first/sticky blog post */
.post-441 .title.entry-title {
	display: none;
}

/* hide the next-back navigation for sticky post */
.postid-476 .nav-prev.fl a, .postid-386 .nav-next.fr a {display: none;}

/* next-back navigation goes 600px */
.post-entries {
  margin: 0 auto;
  width: 600px;
}


#header-container {
  background-color: #2ea9e0;
}

#nav-container #navigation ul#main-nav > li:first-child {
  border-left: 0 none;
}

.post-more {
   display: none;
}

#content {
  padding-bottom: 0 !important;
}

.page-title, .page .title {
  display: none;
}

.post .title {
  font: 300 50px source sans pro;
  text-align: center;
}

a:link, a:visited {
  font-weight: normal;
}

.page-id-401 header h2.title.entry-title {
  display: block;
}

.panel-grid-cell-container {
  padding-top: 0;
}

h1 {
  font: 300 5vw "Source Sans Pro",arial,sans-serif;
}

h6 {
  font: 300 3vw "Source Sans Pro",arial,sans-serif;
}

h4 {
  color: #111111;
  font: 300 7vw/1.2em "Source Sans Pro",arial,sans-serif;
  text-align: center;
}

h5 {
  color: #111111;
  font: 100 4vw/1em source sans pro;
  text-align: center;
margin: 0;
}

h2, .entry p {
text-align: left;
}

.entry img {
  margin-bottom: 1em;
}

.entry, .entry p {
  text-align: justify;
}

h1, .entry h1 {
  margin: 0 !important;
  text-align: center;
}


#contact > p, .dark, .dark h1, #contact {
  color: #fafafa;
  text-align: center;
}



.catablog-catalog > div {
  border-bottom: 1px solid #aaa;
  padding-bottom: 2em;
}

.catablog-catalog {
  margin: 0 auto;
  text-align: justify;
}

.section br {
display: none;
}

.section {
  border-bottom: 1px solid #ddd;
  clear: both;
  margin-bottom: 2em;
  padding-bottom: 1em;
}

.section h2 {
  display: block;
  margin-bottom: 0;
/*font: bold 36px source sans pro;*/
}

/*.section img {
  margin-top: 1em;
width: 60px;
}
*/

#odd1, #odd3, #odd4, #odd5, #odd6 {  background-color: #fafafa;  height: 100vh;
  padding-top: 10vh;
overflow: hidden;}

#odd2 {
background-color: #fafafa;  height: 100vh;
  padding-top: 20vh;
overflow: hidden;
}

#even1, #even2, #even3, #even4, #even5, #even6 {  background-color: #ededed;  height: 100vh;
  padding-top: 20vh;
overflow: hidden;}
#dark1, #dark2 {  background-color: #212121;  height: 100vh;
  padding-top: 30vh;
overflow: hidden;}

#even1 {  
background-color: #ededed;  height: 100vh;
  padding-top: 18vh;
overflow: hidden;}

#even2{  
background-color: #ededed;  height: 100vh;
  padding-top: 40vh;
overflow: hidden;}

#dark1, #dark2 {  background-color: #212121;  height: 100vh;
  padding-top: 30vh;
overflow: hidden;}


#blue1 {
  background-color: #2ea9e0;
  color: #f2f2f2;
  height: 100vh;
  margin-top: -2em;
  padding-top: 10vh;
  padding-bottom: 5vh;
  text-align: center;
}

.text-on-blue, .text-on-blue p {
  color: #f2f2f2;
  font: 500 3vh source sans pro;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
  width: 900px;
}

.grey {
 background-color: #ededed;
 color: #212121;
  /*height: 100vh;*/
  margin-top: -1em;
  padding: 10vh 0;
  text-align: left;
}

.text-on-grey {
  margin: 0 auto;
  width: 900px;
}

.big-text {
  clear: both;
  display: block;
  font: 300 4.5vw source sans pro;
  text-align: left !important;
}

.big-text-center, .big-text-center p {
  font: 300 4.5vw source sans pro;
  text-align: center !important;
}

.small-text {
  font: 300 2vw source sans pro;
  text-align: left !important;
}

.small-text-center, .small-text-center p {
  font: 300 2vw source sans pro;
  text-align: center !important;
}

.light-grey {
  background-color: #fafafa;
  color: #212121;
  padding: 10vh 0;
  text-align: left;
}

.small-sections {
  margin: 0 auto;
  width: 900px;
}

.one-third {
  display: inline-block;
  text-align: center;
  width: 33%;
}

.one-third > p {
  text-align: center !important;
}

.dark-grey-banner {
  background-color: #212121;
  color: #fff;
  font: 2vw source sans pro;
  padding: 2em 0;
  text-align: center;
}
.contact-icons img {
  display: inline;
  margin: 0 1em;
}

.contact-icons {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 900px;
}


.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  height: auto;
  padding: 0;
}

#dark1 p {
  color: #fafafa;
  text-align: center;
}

.catablog-catalog h2 {
  text-align: center;
}

article {
  text-align: center;
padding-top: 4em;
}

#navigation #main-nav > .menu-item > a > span {
  color: #fff;
  font: 16px source sans pro;
}

.contactinfo > a {
  display: block;
  line-height: 50px;
  margin-bottom: -1em;
}

#footer {
  display: none;
}

.year br {
  display: none;
}

/* iPad STYLES
----------------- */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */

#blue1 {
  height: auto;
   padding-bottom: 2vh;
}

.text-on-blue, .text-on-blue p {
  width: 90%;
}

.grey {
  padding: 10vh;
}
.one-third {
  text-align: center;
  width: 90%;
}
.text-on-grey {
  width: 90%;
}

.small-text {
  display: block;
  font: 300 4vw source sans pro;
  margin-bottom: 1em !important;
  text-align: left !important;
}

.big-text {
 font: bold 5vw source sans pro;
}

.text-on-grey > br {
  display: none;
}

.contact-icons img {
  display: inline;
  margin: 0 1em;
  width: 40px;
}

.big-text-center, .big-text-center p {
  font: bold 5vw source sans pro;
}

.small-text-center, .small-text-center p {
  font: 300 4vw source sans pro;
}

.small-text > br {
  margin-bottom: 1em;
}

.dark-grey-banner {
   font: 3vw source sans pro;
}


}


/* MOBILE STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (max-width: 767px) {
	/* Mobile styles go below this line */


/* disable logo on mobile page... cause it looks funny */
#logo {
 display: none;
}

.nav-toggle a:last-child {
  padding: 0.75em !important;
}

#header > div {
  text-align: center;
}

#navigation #main-nav > .menu-item > a > span {
  color: #333;
  font: 16px source sans pro;
}

.section h2 {
  clear: both;
  font: bold 6vw source sans pro;
}

.dark h1, #contact {
  font-size: 24px;
}

.toddpic {
  left: 0;
  position: absolute;
  top: 68px;
  width: 150px;
  z-index: 99999;
}

.page-id-245 .entry h1 {
  font-size: 41px;
  margin-bottom: 0;
  margin-left: 81px !important;
  padding-top: 43px;
  text-align: right;
}

/* Styles for Archives page on Mobile */

p.search {
  text-align: center;
  width: 100% !important;
 border-bottom: 1px solid #ddd;
 padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.search > input {
  padding: 0.5em;
  width: 90% !important;
}

.year {
  font: normal 30px source sans pro !important;
}

#blue1 {
  margin-top: -5.5em;
padding-bottom: 15vh;
}

.text-on-blue, .text-on-blue p {
  text-align: center;
  width: 90%; 
}

.small-text {
  font: 300 4vw source sans pro;
  text-align: left !important;
}

.big-text {
  clear: both;
  display: inline-block;
  font: bold 5vw source sans pro;
  margin: 0.5em 0;
  text-align: left !important;
}

.text-on-grey {
  width: 90%;
}

.small-sections {
  margin: 0 auto;
  width: 90%;
}

.one-third {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

.big-text-center, .big-text-center p {
   font: bold 5vw source sans pro;
  text-align: center !important;
}

.small-text-center, .small-text-center p {
  font: 300 4vw source sans pro;
  text-align: center !important;
}
.small-text > br {
  margin-bottom: 1em;
}



.dark-grey-banner {
  font: 4vw source sans pro;
}


.light-grey img {
  max-width: 90%;
}

.contact-icons {
  width: 90%;
}

.contact-icons img {
  width: 32px;
}



}

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

/* make all posts 600px wide to align with image sizes */
.post { 
width: 600px; 
}

/* Exclusion of homepage from limited width */
.home article, article.post-772 {
  text-align: center;
padding-top: 4em;
width: 100%;
}

article.post-772 .entry, article.post-772 .entry p {
  text-align: left;
}

/* all contents to be within limited width */
article {
  margin: 0 auto !important;
  padding-top: 4em;
  text-align: center;
  width: 600px;
}

.catablog-catalog {
  margin: 0 auto;
  text-align: justify;
  width: 600px;
}

.contactinfo {
  display: block;
  margin: 0 auto !important;
  width: 30%;
}

#header-container {
  height: 50px;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#navigation > section {
  height: 50px;
}

.toddpic {
  bottom: 0;
  left: 0;
  position: fixed;
  width: 250px;
  z-index: 99999;
}

/* Styles for Archives page */

p.search {
  text-align: center;
  width: 100% !important;
 border-bottom: 1px solid #ddd;
 padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.search > input {
  padding: 0.5em;
  width: 500px !important;
}

.page-template-archives div#content.col-full {
  margin-bottom: 2em;
  width: 600px;
}

.year {
  font: normal 30px source sans pro !important;
}



	
}