/******************************************************************
Site Name: DG Base Theme
Author: Digital Gear

Stylesheet: Main Stylesheet

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


/******************************************************************
GENERAL NORMALIZE (DONT EDIT THIS SECTION)
******************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]),[hidden]{display:none}html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font-size:13px;line-height:1.5}body,button,input,select,textarea{font-family:sans-serif;color:#333}img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em}p{-webkit-hyphens:auto;-moz-hyphens:auto;-epub-hyphens:auto;hyphens:auto}abbr[title]{border-bottom:1px dotted}b,strong,.strong{font-weight:bold}dfn,em,.em{font-style:italic}small,.small,sub,sup{font-size:75%}ins,.ins{background:#ff9;color:#000;text-decoration:none}mark,.mark{background:#ff0;color:#000;font-style:italic;font-weight:bold}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}blockquote{margin:1.5em 40px}q{quotes:none}q:before,q:after{content:'';content:none}ul,ol{margin:1.5em 0;padding:0}dd{margin:0}nav ul,nav ol,.widget ol,.widget ul,.commentlist{list-style:none;list-style-image:none;margin:0}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}form,fieldset,form ul,form ol,fieldset ol,fieldset ul{margin:0;border:0}legend{border:0;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}input:invalid,textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}.clearfix:before,.clearfix:after,nav[role=navigation] .menu ul:before,nav[role=navigation] .menu ul:after{content:"";display:table}.clearfix:after,nav[role=navigation] .menu ul:after{clear:both}.clearfix,nav[role=navigation] .menu ul{zoom:1}.wp-smiley{margin:0!important;max-height:1em}
/******************************************************************
PRINT STYLESHEET
******************************************************************/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
    @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; }
}

/*******************************************************************
COMMON & REUSABLE STYLES //////////// START EDITING BELOW
******************************************************************/
/* jScrollPane styles */
.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:98%;background:transparent;margin:1% 3px;overflow:hidden;}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:transparent;}.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:transparent;position:relative}.jspDrag{background:#98948b;position:relative;top:0;left:0;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}.jspArrow{background:transparent;text-indent:-20000px;display:block;cursor:pointer}.jspArrow.jspDisabled{cursor:default;background:transparent}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:transparent;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}
/*************************************/
textarea, input {
width: 98%;
}
.dead { display: none !important; }

/* Random Stuff */
.noStyle, .noStyle li { list-style-type: none; }
.margin0 { margin: 0; }
.inline li { float: left; }
.mobHide { display: none; }
.scrHide { display: block; }

/* Floats */
.right { float: right; }
.left { float: left; }
.leftStrong {float: left !important;}
.post-content li.bullets-none {margin: 0 0 0 24px;list-style: none;}


/* Text Alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }


/* Highlighting search term on search page */
mark, .search-term { background: #EBE16F; }

/* Alerts & notices */
.help, .info, .error, .success { margin: 10px; padding: 5px 18px; border: 1px solid #cecece; }
.help { border-color: #E0C618; background: #EBE16F; }
.info { border-color: #92cae4; background: #d5edf8; }
.error { border-color: #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; }

/* Buttons */
.button, .button:visited {
  position: relative;
  color: #fff;
  background: #054f8f;
  font-size: 2em;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  padding: 6px 15px;
  margin-bottom: 20px;
  line-height: 1em;
}
.button:hover, .button:focus {
    color: #fff;
    background: #103960;
}
.button.fullWidth {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}
.button.arrow:after {
  content: ' ';
  position: absolute;
  height: 0;
  width: 0;
  top: 0;
  right: -10px;
  z-index: 999;
  border-style: solid;
  border-color: transparent transparent transparent #054f8f;
  border-width: 20px 0 20px 10px;
}
.button.arrow:hover:after {
  border-color: transparent transparent transparent #103960;
}

.noShadow {
	text-shadow: none;
}

/* Form and Input Style */
.newsletterInput {
	padding-left: 10px;
	height: 28px;
	color: #999;
	font-family: 'OpenSansBold', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 25%;
	float:left;
}
.newsletter {
	/*margin-bottom: -10px;*/
}
.button.arrow.newsBtn {
	font-size: 1.5em;
	border: 0;
	min-width: 78px;
	height: 32px;
	position: relative;
	top: 1px;
	margin-left: 5px;
	width: 15%;
}
button.arrow.newsBtn:after {
	border-style: solid;
  border-color: transparent transparent transparent #054f8f;
  border-width: 16px 0 16px 10px;
}



/* Colors */
.tanBG {
  background: rgba(242,235,221,0.9);
  color: #1c1c1c;
  text-shadow: 1px 1px 0 #f0eadf;
  -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
     -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
          box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  margin: 20px 0;
}
.tanBG p {
  color: #101010;
  text-shadow: none;
  padding-left: 10px;
  padding-right: 10px;
}
.tanBG h1 {
  font-size: 2.5em;
  padding-left: 10px;
}

.tanBG h2 {
  font-size: 2em;
  padding-left: 10px;
}

  .tanBG img {
    max-width: 90%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    padding-right: 20px;
    padding-bottom: 5px;
  }
iframe {
height: 181px !important;
width: 300px !important;
}
/* Highlite Color */
::selection {
  color: #fff;
  background: #D4451D; /* Safari */
  }
::-moz-selection {
  color: #fff;
  background: #D4451D; /* Firefox */
}

/* Fonts */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('http://www.yosemite125th.com/wp-content/themes/anniversary2014/library/fonts/League_Gothic-webfont.eot');
    src: url('http://www.yosemite125th.com/wp-content/themes/anniversary2014/library/fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.yosemite125th.com/wp-content/themes/anniversary2014/library/fonts/League_Gothic-webfont.woff') format('woff'),
         url('http://www.yosemite125th.com/wp-content/themes/anniversary2014/library/fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('http://www.yosemite125th.com/wp-content/themes/anniversary2014/library/fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.leagueGothic, nav, h1, h2, h3, .button, .subpageNav {
  font-family: 'LeagueGothicRegular', sans-serif;
  font-weight: 400;
}

.droidSerif, body, h4, h5, h6 {
  font-family: 'Droid Serif', serif;
  font-weight: 400;
}

.openSans, footer, footer nav {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

/******************************************************************
BASE MOBILE STYLES
Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible.
******************************************************************/

body {
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  /*min-width: 1030px;*/ /********** TEMPORARILY NON RESPONSIVE **********/
}
body { background: #1e1e1e; }

/*********************
LAYOUT & GRID STYLES
*********************/

.wrap {
  width: 90%;
  margin: 0 auto;
  /*min-width: 290px;*/
}

/*********************
LINK STYLES
*********************/

a, a:visited {
  color: #1c1c1c;
}

a:hover, a:focus {
  color: #06599E;
}

a:active {} /* on click */
a:link {
  -webkit-tap-highlight-color : rgba(0,0,0,0);
}

.projects a {
	color: #206eae;
	text-decoration: none;
}

.projects a:hover {
	text-decoration: underline;
}


/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-size: 4em;
  line-height: 1.0em;
}

h2, .h2 {
  font-size: 2.7em;
  line-height: 1.4em;
  margin-bottom: 0.375em;
}

h3, .h3 {
  font-size: 1.9em;
}

h4, .h4 {
  font-size: 1.3em;
  font-weight: 400;
}

h5, .h5 {
  font-size: 0.846em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.projects h3 {
	line-height: 1.1em;
}

/******************************************************************
PLUGIN OVERRIDE
******************************************************************/

.em-locations-map {
  width: 100% !important;
  height: 350px !important;
}
.event-title {
  margin-bottom: 0;
}
.event-title a:hover {
  text-decoration: underline;
}
.event-date {
	float:left;
	font-size: 1.2em;
  bottom: 17px;
  position: relative;
}
.event-link {
	float:right;
	font-size: 1.2em;
  bottom: 17px;
  position: relative;
}
.event-single-date p, .event-single-time p {
  font-weight: bold;
  margin-bottom: 0px;
}
.viewLink {
  text-align: center;
  font-weight: bold;
  position: relative;
  top: 15px;
}
.viewLink a { color: #fff; }
.viewLink a:hover { color: #206eae; }
#social-stream { margin: 150px 0; }

#em-wrapper {
	/*display: none !important;*/
}
div.css-search.has-search-geo.has-search-term input.em-search-text, div.css-search.has-search-geo.has-search-term input.em-search-geo {
  width: 92% !important;
}
div.em-search-geo.em-search-field {
  display: none!important;
}
div.css-search {
  min-height: 0 !important;
  width: 513px !important;
}

/*********************
HEADER SYTLES
*********************/

.header {}

  /*#logo {
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25));
       -moz-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25));
            filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.25));
  }*/
  #logo img {
    max-width: 60px;
  }

  #logo2 img{width:80px;}

  #logo3 img{width:150px;}

/*********************
NAVIGATION STYLES
*********************/

.nav {}

#mobileMenuBtn {
  position: absolute;
  z-index: 9999;
  top: 1em;
  right: 1em;
  font-size: 2em;
  cursor: pointer;
}
#mobileMenuBtn:before {
  content: "+";
  padding-right: 0.3em;
  font-family: "Arial Black";
}
#mobileMenuBtn.active:before {
  content: "-";
}

#menu-mobile-navigation {
  z-index: 9999;
  width: 100%;
  top: 4em;
  left: 0;
  background: black;
  font-size: 1.5em;
}

  .menu {
    margin: 0;
  }

  /* .menu is clearfixed inside mixins.less */

    .menu ul {}
      .menu li {}
        .menu li a {
          color: #fff;
          display: block;
          text-decoration: none;
          padding: 10px;
          border-top: 1px solid #ccc;
          text-shadow: 1px 1px 0 #000;
        }
        .menu li:first-child a {
          border-top: none;
        }

          /*
          remember this is for mobile ONLY, so there's no need
          to even declare hover styles here, you can do it in
          the style.less file where it's relevant. We want to
          keep this file as small as possible!
          */
          .menu li a:hover {}

          .menu li:first-child a {}
          .menu li:last-child a {}

          /* highlight current page */
          .menu li.current-menu-item a,
          .menu li.current_page_item a,
          .menu li.current-page-ancestor a {}

          /*
          so you really have to rethink your dropdowns for mobile.
          you don't want to have it expand too much because the
          screen is so small. How you manage your menu should
          depend on the project. Here's some great info on it:
          http://www.alistapart.com/articles/organizing-mobile/
          */
          .menu .sub-menu, .menu .children {}
            .menu ul ul li a {
              padding-left: 30px;
            }
              .menu ul ul li a:hover {}
              .menu ul ul li:last-child a {}

              /*
              menus should definitely not go down this
              deep on a mobile device. that would just be
              a mess.
              */
              .menu ul ul ul { }
                .menu ul li:hover ul ul { }

  .subpageNav {
    margin: 0 0 1em 0;
  }
  .subpageNav li {
    display: inline;
    font-size: 2.5em;
  }
  .subpageNav li:before {
    content: '/';
  }
  .subpageNav li:first-child:before {
    content: ' ';
  }
  .subpageNav a {
    padding: 0 0.5em;
    text-decoration: none;
  }
  .subpageNav a:hover {
    text-decoration: underline;
  }
  .subpageNav .current_page_item a, .page-parent .subpageNav a.page-parent-link {
    text-decoration: underline;
    color: #206eae;
    cursor: default;
  }

/*********************
POSTS & CONTENT STYLES
*********************/

#content {
  /*margin-top: 2.2em;*/
}
.page-title {
  margin: 0 0 0.5em 0;
  border-bottom: 1px dotted #000;
}
.big-page-title {
	margin: 0 auto;
	text-align:center;
	text-transform: uppercase;
	text-shadow: 2px 2px 0 rgba(0,0,0,1);
}

.post {
  padding: 2%;
  margin: 1% 0;
}
.slides picture{visibility:hidden;}
#welcomeLogo{max-width:200px}
  #homeSlider.flexslider {
    position: relative;
  }
  #homeSlider.flexslider ul.slides { margin: 0; }
  #homeSlider.flexslider li {
    position: relative;
    background-size: cover;
    padding: 1em;
  }
  #homeSlider.flexslider li:nth-child(1) {
    background-image: url('../images/yose1smallSummer.jpg');
  }
  #homeSlider.flexslider li:nth-child(2) {
    background-image: url('../images/yose2smallSummer.jpg');
  }
  #homeSlider.flexslider li:nth-child(3) {
    background-image: url('../images/yose3small.jpg');
  }
  #homeSlider.flexslider li:nth-child(4) {
    background-image: url('../images/yose4small.jpg');
  }
  #homeSlider.flexslider .flex-caption {
    background:rgba(0,0,0,0.5);
    margin-right: 0;
  }

  #homeSlider.flexslider .flex-caption h1 {
    display: block;
    color: #f7f9fb;
    background: #0e4377;
    padding-left: 4%;
		padding-top: .2em;
		padding-bottom: .2em;
    margin: 0;
    font-size: 3.5em;
    font-weight: 400;
    text-transform: uppercase;
  }
  #homeSlider.flexslider .flex-caption p {
    padding: 0 1em;
  }
  #homeSlider.flexslider .flex-caption img {
    margin: 1em auto 0 auto;
    display: block;
  }
  #homeSlider.flexslider li picture > img { display: none; }

  .pageContent {
    line-height: 1.8em;
    font-size: 1.1em;
  }

  .carouselContent {
    z-index: 9;
    top: 20%;
  }
  #carouselNavProject {
    max-width: 400px; /* CHANGE WIDTH DEPENDING ON AMOUNT OF NAV ITEMS */
    margin: 0 auto;
    display:none;
  }
  .carouselNav.flexslider {
    position: relative;
    background: url('../images/ribbonTile.png') repeat-x top;
    height: 37px;
    padding-top: 5px;
    overflow: visible;
  }
  .carouselNav.flexslider:before {
    content: '';
    width: 13px;
    height: 41px;
    position: absolute;
    left: -13px;
    top: 0;
    background: url('../images/ribbonStart.png') no-repeat left top;
  }
  .carouselNav.flexslider:after {
    content: '';
    width: 13px;
    height: 41px;
    position: absolute;
    right: -13px;
    top: 0;
    background: url('../images/ribbonEnd.png') no-repeat left top;
  }
  .carouselNav.flexslider li {
    text-align: center;
    cursor: pointer;
    font-size: 1.4em;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  }
  .carouselNav.flexslider .flex-active-slide, .carouselNav.flexslider li:hover {
    text-decoration: underline;
  }
  .carousel .slides li {
    background: #2a2a2a;
    margin: 30px; /* MUST SET IN SCRIPTS.JS TOO */
    border: 12px solid #2a2a2a;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,0.6);
            box-shadow: 0 0 5px rgba(0,0,0,0.6);
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  #carouselTime .slides li a {
    color: #fff;
  }
  .slides li a:hover {
    text-decoration: underline;
  }

  .carousel .slides li h3, .carousel .slides li h4 {
    text-transform: uppercase;
  }
  .carousel .slides li h3, .carousel .slides li h4, .carousel .slides li p {
    margin: 0.2em 0 0 0;
    color: #f8f8f8;
  }
  .carousel .slides li p {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
  }
  .carousel .slides li img {
    border: 1px solid #363636;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
  }
  .projects .carousel .slides li {
    background: rgba(242,235,221,0.9);
		padding: 10px;
    border: 2px solid rgba(242,235,221,0.9);
    list-style-type: none;
  }
  .projects .carousel .slides li h3, .projects .carousel .slides li h4, .projects .carousel .slides li p {
    color: #1c1c1c;
    text-shadow: none;
  	margin-bottom: -4px;
    clear: both;
    float: none;
  }
  .projects .carousel .slides li h3, .projects .carousel .slides li h4 {
    text-shadow: 1px 1px 1px #f0eadf;
  }
  .projects .carousel .slides li h3 {
    text-align: center;
    margin: 0;
  }
  .projects .carousel .slides li img {
    border: 1px solid #d9ceb9;
	margin-bottom: 8px;
  }

  .events {
	  overflow: visible;
  }

  .accordionWrap { margin: 1em 0; }
  .accordionButton h3:hover {
    text-decoration: underline;
    color: #206eae;
  }
  .accordionButton h3:before {
    content: '+';
    width: 1em;
    display: inline-block;
    font-family: "Arial";
    font-weight: 800;
  }
  .accordionButton.on h3:before {
    content: '–';
  }
  .accordionButton h3, .accordionButton p, .accordion-sub-menu p {
    margin: 0;
  }
  .accordionButton p a {
    cursor: pointer;
  }

    .meta {
      color: #999;
    }
      .post_content dd {
        margin-left: 0;
        font-size: 0.9em;
        color: #787878;
        margin-bottom: 1.5em;
      }

      .post_content img {
        margin: 0 0 1.5em 0;
        max-width: 100%;
      }

      .alignleft, img.alignleft {}
      .alignright, img.alignright {}
      .aligncenter, img.aligncenter {}

      .post_content video, .post_content object {
        max-width: 100%;
      }
      .post_content pre, .post_content code {
        background: #eee;
        border: 1px solid #cecece;
        padding: 10px;
      }

      .wp-caption {
        background: #eee;
        padding: 5px;
      }
      .wp-caption img {
        margin-bottom: 0;
        width: 100%;
      }
      .wp-caption p.wp-caption-text {
        font-size: 0.85em;
        margin: 4px 0 7px;
        text-align: center;
      }
      .post-content {
        /*float: left;*/
      }
      .post-content li {
				margin: 0 0 0 45px;
			}
			.post-content img {
				padding-left: 20px;
        padding-left: 20px;
        padding-top: 20px;
        float: right;
			}
	.post-content p a, #smallNote a {
		color: #1c5c8f;
		text-decoration: none;
	}
	.post-content p a:hover,  #smallNote a:hover {
		text-decoration: underline;
	}
	.jspPane p a {
		color: #1c5c8f;
		text-decoration: none;

	}
	.jspPane p a:hover {
		text-decoration: underline;
	}
  .jspPane {
    /*width: auto !important;*/
  }

  .jspPane h1 {
    font-size: 2.5em;
  }

  .jspPane h2 {
  font-size: 2em;
  }
  .jspPane p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .jsp img {
    max-width: 90%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    padding-right: 20px;
    padding-bottom: 5px;
  }
  #smallNote {
	font-size: 12px;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	padding: 2px 10px;
	}
/******************************************************************
PAGE NAVI STYLES
******************************************************************/

.page-navigation, .wp-prev-next {
  margin: 1.1em 0 2.2em;
}
  .bones_page_navi, .wp-prev-next ul {}

    .bones_page_navi li {
      float: left;
      margin-left: 10px;
      }

      .bones_page_navi li a {
        padding: 3px 6px;
        display: block;
        text-decoration: none;
        position: relative;
      }
        .bones_page_navi li a:hover {
          color: #3F6B80;
          text-decoration: underline;
        }

    /* current page link */
    .bones_page_navi li.bpn-current {
      padding: 3px 6px;
      border-bottom: 2px solid #3F6B80;
      position: relative;
    }
      /* hovering on current page link */
      .bones_page_navi li.bpn-current:hover {}

    /* common styles for page-navi links */
    .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a {
      padding: 0;
    }
    .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover {
      background: none;
    }

    /* previous link */
    .bones_page_navi li.bpn-prev-link { }
      .bones_page_navi li.bpn-prev-link a {}
        .bones_page_navi li.bpn-prev-link a:hover {}

    /* next page link */
    .bones_page_navi li.bpn-next-link { font-weight: 700; }
      .bones_page_navi li.bpn-next-link a {}
        .bones_page_navi li.bpn-next-link a:hover {}

    /* first page link */
    .bones_page_navi li.bpn-first-page-link {}
      .bones_page_navi li.bpn-first-page-link a {}
        .bones_page_navi li.bpn-first-page-link a:hover {}

    /* last page link */
    .bones_page_navi li.bpn-last-page-link {}
      .bones_page_navi li.bpn-last-page-link a {}
        .bones_page_navi li.bpn-last-page-link a:hover {}

  /* fallback previous & next links */
  .wp-prev-next {}
    .wp-prev-next ul {}
      .wp-prev-next .prev-link { float: left; }
      .wp-prev-next .next-link { float: right; }

/*********************
SIDEBARS & ASIDES
*********************/

.sidebar {}

  .widget {}

    .widgettitle {}

    .widget ul {}

    .widget li {}

      .widget li:first-child {}
      .widget li:last-child {}

      .widget li a {}

      .widget li ul {}

/*********************
FOOTER STYLES
*********************/

.footer {
  clear: both;
  background-color: #000;
}
  .footerLogo {
    max-width: 200px;
	padding-top: 5px;
    margin: 0 auto;
  }
  .footer-links {}
    .footer-links ul {}
      .footer-links li { list-style: none; }
        .footer-links .menu li a {}

          /* remember, no hover in mobile */
          .footer-links .menu li a:hover {
            color: #fff;
            text-decoration: underline;
          }

        /* highlight current page */
        .nav li.current-menu-item a, .nav li.current_page_item a {}

        /* be careful with the depth of your menus */
        .footer-links .sub-menu { list-style: none; }

  .social a img {
    padding: 5px 0 5px 0;
  }
  .social a img:hover {
    padding: 7px 0 0 0;
    opacity: 0.7;
  }

  .attribution {}

  .bottomRibbon {
    content: '';
    background: url('../images/yearRibbon.png') no-repeat;
    z-index: 9999;
    position: fixed;
    top: 440px;
    left: 276px;
    height: 80px;
    width: 151px;
    background-color: transparent;
  }

  .bottomRotate {
    position: relative;
    left: 53px;
    top: 7px;
    font-size: 1.5em;
    -ms-transform: rotate(-31deg);
    -webkit-transform: rotate(-31deg);
    -ms-transform: rotate(-31deg);
  }
/******************************************************************
FACEBOOK APP
******************************************************************/

/******************************************************************
LARGE MOBILE PHONES
They will be visible to anyone who resizes their browser from
the smallest size to the next break point.
******************************************************************/
@media only screen and (min-width: 481px) {

  /* insert override styles here */

} /* end of media query */

/******************************************************************
DESKTOP & iPAD
This is your standard iPad size or average tablet size. It's also
a decent size for desktop users. This is your bread and butter
styles when it comes to multi column layouts.
******************************************************************/
@media only screen and (min-width: 768px) {

/******************************************************************
FLEXSLIDER LOADED RESPONSIVLY (SCRIPTS LOADED RESPONSIVLY TOO)
*******************************************************************/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:0}.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flexslider{margin:0;padding:0;overflow:hidden}.flexslider .slides>li{-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{position:relative;zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flexslider .flex-caption{position:absolute;top:10%;background:rgba(0,0,0,0.3);width:90%}.flexslider .slides .flex-caption img{height:auto;width:auto}.flex-direction-nav{*height:0}.flex-direction-nav a{width:30px;height:30px;margin:-20px 0 0;display:block;background:url(images/bg_direction_nav.html) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease}.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}.flex-direction-nav .flex-prev{left:-36px}.flexslider:hover .flex-next{opacity:.8;right:5px}.flexslider:hover .flex-prev{opacity:.8;left:5px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}.flex-direction-nav .flex-next{opacity:1;right:0}}
/* jScrollPane styles */
.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:98%;background:transparent;margin:1% 3px;overflow:hidden;}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:transparent;}.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:transparent;position:relative}.jspDrag{background:#98948b;position:relative;top:0;left:0;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}.jspArrow{background:transparent;text-indent:-20000px;display:block;cursor:pointer}.jspArrow.jspDisabled{cursor:default;background:transparent}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:transparent;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}
/*************************************/
textarea, input {
width: auto;
}
#carouselNavProject {
max-width: 400px;
margin: 0 auto;
display: block;
}
.event-date {
  float:left;
  font-size: 1.2em;
  bottom: auto;
  position: relative;
  text-align: center;
}
.event-link {
  float:right;
  font-size: 1.2em;
  bottom: auto;
  position: relative;
  text-transform: uppercase;
  font-size: 1em;
  text-align: center;
}
.page-title-404 {
	font-size: 4em !important;
	border-bottom: 1px dotted #000;
}
.viewLink {
text-align: center;
font-weight: bold;
position: relative;
top: 40px;
z-index: 99999;
}
.carouselContent {
    position: fixed;
    z-index: 9;
    top: 20%;
  }
.tanBG {
  background: rgba(242,235,221,0.9);
  color: #1c1c1c;
  text-shadow: 1px 1px 0 #f0eadf;
  -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
     -moz-box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
          box-shadow: 1px 1px 10px rgba(0,0,0,0.4);
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  height: 400px !important;
  overflow-y: scroll;
  margin:0;
}
iframe {
height: 281px !important;
width: 500px !important;
}
.flex-direction-nav {
/*display: none;*/
}
.jspPane h1 {
    font-size: 4em;
  }
.jspPane h2 {
  font-size: 2.7em;
}
.jspPane p {
  padding-left: 0;
  padding-right: 0;
}
.jsp img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    padding-right: 0;
    padding-bottom: 0;
  }
#homeSlider.flexslider .flex-control-nav {
background: transparent url('../images/slideRibbon.png') no-repeat center bottom;
height: 120px;
bottom: 124px;
position: relative;
z-index: 99;
font-size: 11px;
}

#homeSlider.flexslider .flex-control-thumbs li {
width: auto;
float: none;
min-height: 94px;
margin: 0 17px;
bottom: -1px;
position: relative;
overflow: hidden;
opacity: 1;
}

#homeSlider.flexslider .flex-control-thumbs li img:hover, #homeSlider.flexslider .flex-control-thumbs .flex-active {
top: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#homeSlider.flexslider .flex-control-thumbs li img {
position: relative;
top: 50px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}

#homeSlider.flexslider .flex-control-thumbs li img {
position: relative;
top: 50px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#logo2 img{width:117px;}
.mobHide { display: block; }
.scrHide { display: none; }

body {
  background: #000 url('../images/bg1.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.home { background: #000; }
body.page-id-86 {
  background: url('../images/bg2.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.page-id-5 {
  background: url('../images/bg3.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.page-id-40 {
  background: url('../images/bg4.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.page-id-7, body.page-id-19, body.page-id-21 {
  background: url('../images/bg5.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.page-id-11 {
  background: url('../images/bg6.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.page-id-9 {
  background: url('../images/bg7.jpg') no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

/*********************
LAYOUT & GRID STYLES
*********************/

.wrap {
  max-width: 1140px;
}
  .onecol    { width: 5.801104972%;  }       /* 4.85%;  } /* grid_1  */
  .twocol    { width: 14.364640883%; }       /* 13.45%; } /* grid_2  */
  .threecol  { width: 22.928176794%; }       /* 22.05%; } /* grid_3  */
  .fourcol   { width: 31.491712705%; }       /* 30.75%; } /* grid_4  */
  .fivecol   { width: 40.055248616%; }       /* 39.45%; } /* grid_5  */
  .sixcol    { width: 48.618784527%; }       /* 48%;    } /* grid_6  */
  .sevencol  { width: 57.182320438000005%; } /* 56.75%; } /* grid_7  */
  .eightcol  { width: 65.74585634900001%; }  /* 65.4%;  } /* grid_8  */
  .ninecol   { width: 74.30939226%; }        /* 74.05%; } /* grid_9  */
  .tencol    { width: 82.87292817100001%; }  /* 82.7%;  } /* grid_10 */
  .elevencol { width: 91.436464082%; }       /* 91.35%; } /* grid_11 */
  .twelvecol { width: 99.999999993%; }       /* 100%;   } /* grid_12 */

  /* layout & column defaults */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-right: 2.762430939%;
  }
	.eightcol.footer-nav {
		margin-left: -50px;
	}

  .last {
    float: right;
    margin-right: 0;
  }


/*********************
HEADER SYTLES
*********************/

.header {
  /*position: absolute;*/
  position: fixed; /* CHANGED SO PAGE COULD SCROLL */
  z-index: 99;
  width: 100%;
  height: 60px;
  overflow: visible;
}

.header nav { font-size: 1.8em; }

#logo {
position: absolute;
top: 15px;
z-index: 999;
left: 170px;
width: 117px;
}
#logo2 {
width: 111px;
position: absolute;
z-index: 9999;
top: 15px;
left: 301px;
}
#logo3 {

position: absolute;
z-index: 9999;
top: 45px;
left: 436px;
}
  #logo img {
    max-width: 100%;
  }

.subnav {}

/*********************
NAVIGATION STYLES
*********************/

nav.header-nav {
  position: relative;
  z-index: 99;
  background: #252525;
  background: -moz-linear-gradient(top,  #252525 0%, #1b1b1b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#252525), color-stop(100%,#1b1b1b));
  background: -webkit-linear-gradient(top,  #252525 0%,#1b1b1b 100%);
  background: -o-linear-gradient(top,  #252525 0%,#1b1b1b 100%);
  background: -ms-linear-gradient(top,  #252525 0%,#1b1b1b 100%);
  background: linear-gradient(to bottom,  #252525 0%,#1b1b1b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#1b1b1b',GradientType=0 );
  -webkit-box-shadow: 1px 0 5px rgba(0,0,0,0.4);
     -moz-box-shadow: 1px 0 5px rgba(0,0,0,0.4);
          box-shadow: 1px 0 5px rgba(0,0,0,0.4);
}
  .nav { float: right; }

  .menu {}

    .menu ul {}

      .menu li {
        float: left;
        position: relative;
      }
        .menu li a {
          border-top: 0;
        }

          .menu li a:hover {
            color: #206eae;
          }

          .menu li:first-child a {}
          .menu li:last-child a {}

          /* highlight current page */
          .menu li.current-menu-item a,
          .menu li.current_page_item a,
          .menu li.current-page-ancestor a {}

          /*
          plan your menus and drop-downs wisely.
          */
          .menu ul li ul {
            width: 175px;
						background-color: #333;
            border-top: 0;
            position: absolute;
						left: 10px;
            z-index: 99;
						display:none;
          }

            /* show the dropdowns on hover */
            .menu ul li:hover > ul {
              top: auto;
              display: block;
            }

            .menu ul ul li a {
              padding-left: 10px;
              border-right: 0;
              display: block;
              width: 180px;
            }
              .menu ul li a:hover {display:block;}
              .menu ul ul li:first-child a {}
              .menu ul ul li:last-child a {
                border-bottom: 0;
              }

              /*
              more levels
              */
              .menu ul ul ul {

              }
                .menu ul li:hover ul ul {display:block; }

.menu ul li ul li a {
	padding: 1px 10px;
}

.sub-nav > div {
  height: 100px;
  overflow: visible;
}
.navRibbon {
  background: transparent url('../images/navRibbon.png') no-repeat center -2px;
  height: 40px;
  width: 270px;
  position: relative;
  z-index: 98;
}
  .navRibbon li { float:left; }
  .secondary-nav {
    margin: 0;
    float: none;
    position: relative;
    left: 18px;
    top: 7px;
  }
    .secondary-nav a {
      color: #fff;
      text-decoration: none;
      padding: 2px 6px;
      text-align: center;
    }
    .secondary-nav a:hover {
      text-decoration: underline;
    }
    .secondary-nav li:before {
      content: "•";
      color: #fff;
    }
    .secondary-nav li:first-child:before {
      content: "";
    }

.dropdownRibbon {
  background: transparent url('../images/dropdownRibbon.png') no-repeat center -1px;
  width: 185px;
  height: 265px;
  position: relative;
  top: -200px;
  left: 38px;
  z-index: 9;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
.dropdownRibbon.on {
  top: -15px;
}
  .twtr-widget {
    top: 30px;
    height: 160px;
  }
    .twtr-hd {
      display: none;
    }
  .ribbonBtn {
    position: absolute;
    bottom: 0.6em;
    left: 25%;
    color: #fff;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    font-size: 26px;
  }
  .ribbonBtn:hover, .dropdownRibbon.on .ribbonBtn {
    text-decoration: underline;
  }

.view-all-twtr a {
  font-family: 'Droid Serif', serif;
  position: relative;
  top: 8px;
  left: 120px;
  color: #fff;
  text-decoration: none;
}

.view-all-twtr a:hover {
  text-decoration: underline;
}

.em-events-search {
	text-align: center;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	margin: 0 auto;
	margin-bottom: -27px;
}

.em-events-search input {
	padding: 5px;
}
.em-search-wrapper {
}

/*********************
POSTS & CONTENT STYLES
*********************/

#content {}

  #homeSlider.flexslider li {
    min-height: 600px;
    padding: 0;
  }
  #homeSlider.flexslider .flex-caption, .pageContent {
  position: absolute;
  z-index: 9;
  padding: 2%;
  /*width: 500px;*/
  width: 70%;
  height: 220px;
  top: 25%;
  left: 50%;
  font-size: 11px;
  margin-left: -38%;
  /*margin-left: -250px;*/
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

  /*#homeSlider.flexslider .flex-caption {
    background:rgba(0,0,0,0.5);
    position: absolute;
    padding: 2%;
    width: 90%;
    margin: 0 3%;
    /*top: 30%; */
    /*top: 250px;
    left: 50%;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }*/
  #homeSlider.flexslider .flex-caption img {
    width: auto;
    margin-top: 0;
    width: 65%
  }
  #homeSlider.flexslider li picture > img { display: block; }
  #homeSlider.flexslider .flex-caption p {
    color: #f7f9fb;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
    font-size: 1.2em;
  }
  #homeSlider.flexslider li:nth-child(1), #homeSlider.flexslider li:nth-child(2), #homeSlider.flexslider li:nth-child(3), #homeSlider.flexslider li:nth-child(4) {
    background-image: none;
  }
  #homeSlider.flexslider .flex-direction-nav a, #carouselProject.flexslider .flex-direction-nav a, #carouselTime.flexslider .flex-direction-nav a, #carouselEvents.flexslider .flex-direction-nav a {
    background: transparent;
    color: #fff;
    text-indent: 0;
    text-decoration: none;
    font-size: 7em;
    line-height: 0;
    font-family: Arial, sans-serif;
  }
  #carouselProject.flexslider .flex-prev, #carouselTime.flexslider .flex-prev, #carouselEvents.flexslider .flex-prev {
    left: -3px;
    opacity: 0.8;
  }
  #carouselProject.flexslider .flex-next, #carouselTime.flexslider .flex-next, #carouselEvents.flexslider .flex-next {
    right: -3px;
    opacity: 0.8;
  }


      .post_content img {}

      /* image alignment */
      .alignleft, img.alignleft {
        margin:1.5em 2.5% 1.5em 0;
        display:inline;
        float:left;
        width: 47%;
      }
      .alignright, img.alignright {
        margin:1.5em 0 1.5em 2.5%;
        display:inline;
        float:right;
        width: 47%;
      }
      .aligncenter, img.aligncenter {
        margin:1.5em auto;
        display:block;
        clear:both;
      }

      .post_content video, .post_content object {}
      .post_content pre, .post_content code {}

      .wp-caption {}
      .wp-caption img {}
      .wp-caption p.wp-caption-text {}

      /* image gallery styles */
      .gallery dl {}
      .gallery dt {}
      .gallery dd {}
      .gallery dl a {}
      .gallery dl img {}
      .gallery-caption {}

      .size-full {}
      .size-large {}
      .size-medium {}
      .size-thumbnail {}

    .hentry footer {}

/*******************************************************************
Contact Form Styles
*******************************************************************/



/******************************************************************
PAGE NAVI STYLES
******************************************************************/

.page-navigation, .wp-prev-next {}
  .bones_page_navi, .wp-prev-next ul {}

    .bones_page_navi li {}

      .bones_page_navi li a {}
        .bones_page_navi li a:hover {}

    /* current page link */
    .bones_page_navi li.bpn-current {}
      /* hovering on current page link */
      .bones_page_navi li.bpn-current:hover {}

    /* common styles for page-navi links */
    .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-next-link a {}
    .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:hover {}

    /* previous link */
    .bones_page_navi li.bpn-prev-link {}
      .bones_page_navi li.bpn-prev-link a {}
        .bones_page_navi li.bpn-prev-link a:hover {}

    /* next page link */
    .bones_page_navi li.bpn-next-link {}
      .bones_page_navi li.bpn-next-link a {}
        .bones_page_navi li.bpn-next-link a:hover {}

    /* first page link */
    .bones_page_navi li.bpn-first-page-link {}
      .bones_page_navi li.bpn-first-page-link a {}
        .bones_page_navi li.bpn-first-page-link a:hover {}

    /* last page link */
    .bones_page_navi li.bpn-last-page-link {}
      .bones_page_navi li.bpn-last-page-link a {}
        .bones_page_navi li.bpn-last-page-link a:hover {}

  /* fallback previous & next links */
  .wp-prev-next {}
    .wp-prev-next ul {}
      .wp-prev-next .prev-link {}
      .wp-prev-next .next-link {}

/*********************
SIDEBARS & ASIDES
*********************/

.sidebar {
  margin-top: 2.2em;
}

  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }

    .widgettitle {
      border-bottom: 2px solid #444;
      margin-bottom: 0.75em;
    }

    .widget ul {}

    .widget li {
      margin-bottom: 0.75em;
    }

      .widget li:first-child {}
      .widget li:last-child {}

      .widget li a {}

      .widget li ul {
        margin-top: 0.75em;
        padding-left: 1em;
      }

/*********************
FOOTER STYLES
*********************/

.footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 999;
	max-height: 50px;
}

  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links {}
    .footer-links ul { list-style: none; }
      .footer-links li { list-style: none; }
      .footer-links li:before {
        /*content: "•";
        color: #fff;*/
        /*position: absolute;*/
        position: fixed; /* CHANGED SO PAGE COULD SCROLL */
      }
      .footer-links li:first-child:before {
        content: "";
      }
        .footer-links .menu li a { padding: 0 10px; }

          /* hover styles */
          .footer-links li a:hover {}

        /* highlight current page */
        .nav li.current-menu-item a, .nav li.current_page_item a {}

        /*
        be careful with the depth of your menus.
        it's very rare to have multi-depth menus in
        the footer.
        */
        .footer-links .sub-menu {}

  .attribution {}

} /* end of media query */

/******************************************************************
AVERAGE VIEWING SIZE
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
******************************************************************/
@media only screen and (min-width: 1030px) {
/******************************************************************
PLUGIN OVERRIDE
******************************************************************/
.flexslider .slides>li{display: none;}
.flex-direction-nav {
display: block;
}

#homeSlider.flexslider .flex-caption img {
width: auto;
margin-top: 0;
width: auto;
}

#homeSlider.flexslider {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  overflow: hidden;
}

#homeSlider.flexslider .flex-caption, .homeContent {
	width:50% !important;
	margin-left: -27% !important;
}
#homeSlider.flexslider li picture > img {
  /*min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;*/
}
#homeSlider.flexslider li { position: static; }
#homeSlider.flexslider .flex-caption, .pageContent {
  position: fixed;
  z-index: 9;
  padding: 2%;
  /*width: 500px;*/
  width: 70%;
  height: auto;
  top: 25%;
  left: 50%;
  margin-left: -38%;
  font-size: 14px;
  /*margin-left: -250px;*/
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}
#homeSlider.flexslider .flex-control-nav {
  background: transparent url('../images/slideRibbon.png') no-repeat center bottom;
  height: 120px;
  bottom: 63px;
  position: absolute;
  z-index: 99;
}
#homeSlider.flexslider .flex-control-thumbs li {
  width: auto;
  float: none;
  min-height: 94px;
  margin: 0 17px;
  bottom: -1px;
  position: relative;
  overflow: hidden;
  opacity: 1;
}
#homeSlider.flexslider .flex-control-thumbs li img {
  position: relative;
  top: 50px;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;

}
#homeSlider.flexslider .flex-control-thumbs li img:hover, #homeSlider.flexslider .flex-control-thumbs .flex-active {
  top: 0;
  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
}
/*#homeSlider.flexslider .flex-caption {
  width: 700px;
  margin-left: -350px;
}*/
#homeSlider.flexslider .flex-control-nav {
  bottom: 60px;
}

/*********************
OTHER STYLES
*********************/

body {}

.wrap {
  max-width: 1140px;
}
.menu li a {
  padding: 10px 20px;
}
.pageContent {
  overflow: auto;
  height: 50% !important;
  max-height: 490px;
}
.pageContent:focus {
  outline: none;
}
.pageContent .article-header h1 {
  margin: 0;
}

.romanticPromotion {
	float: right;
	background: url(images/paper-backgroundContest.html) no-repeat -76px -7px;
	height: 423px;
	width: 337px;
	padding-top: 19px;
	position: relative;
	bottom: 341px;
	right: 21px;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  /*position: absolute;*/
  position: fixed; /* CHANGED SO PAGE COULD SCROLL */
  width: 100%;
  bottom: 0;
  z-index: 999;
  max-height: 50px;
	padding-bottom: 10px;
}
.footer-links .menu li a { padding: 0 15px; }


} /* end of media query */

/******************************************************************
SUPER LARGE MONITORS STYLES
This is for super wide monitors for the l33t people. If you
worked in a good base in the previous styles, this should work
pretty seamlessly.
******************************************************************/
@media only screen and (min-width: 1240px) {

body {}

.wrap {
  max-width: 1240px;
}
#homeSlider.flexslider .flex-caption, .pageContent {
  width: 64%;
  margin-left: -34%;
  font-size: 14px;
}
.footer-links .menu li a { padding: 0 10px; }
.footer-links .menu li { padding-top: 10px; }
} /* end of media query */

/******************************************************************
RETINA (iPhone 4 & 5) OR SUPER HIGH RES SCREENS STYLES
This is for the high res phones or devices.
******************************************************************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

} /* end of media query */