/* @override http://demo.modx.com/assets/templates/foundation_modx/stylesheets/app.css */

/* Foundation v2.1.5 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Home
:: Blog
:: Search and Results
:: Contact Us
:: Events Grid
*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */
body {
    font-family: 'Lato', sans-serif;
}
h1 {
    font-weight: 200;
}
h2, h3, h4 {
    font-weight: 200;
}
p {
    font-size: 1.3em;
    line-height: 1.3;
    color: #333;
}
a {
    color: #ffa900;
}
a:hover {
    color: #000;
}    
h1 {
    color: #433e2c;
}
h2 {
    font-size: 2.3em;
}
ul.pretty li {
    background: url(../images/elements/icons.png) no-repeat left 5px;
    padding-left: 25px;
}
section input,
textarea {
    border: 1px solid #ccc !important;
    padding: .75em !important;
    outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}
section input:focus,
textarea:focus {
    border: 1px solid #ffb702;
    box-shadow: 0 0 5px rgb(255, 183, 2);
   -webkit-box-shadow: 0 0 5px rgb(255, 183, 2); 
   -moz-box-shadow: 0 0 5px rgb(255, 183, 2); 
}
#logo_home_link img {
    opacity: .9;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
}
#logo_home_link img:hover {
    opacity: 1;
}    
.eight h1 {
    background: url(../images/bg/3x3pattern.png) repeat-x left bottom;
    padding: 0 0 .2em 0;
    }
.logo{margin-top:10px}  
.logo:hover{opacity:.6}
input[type="submit"].hidden{
    height:0;
    display:block;
    margin:0;
    padding:0;
    width:0;
}
.masthead .nav-search {
    float: right;
}
form.nav-search{
    margin: .55em;
    background-color: #ededed;
    border-radius: 5px;
    height: 2.4em;
    vertical-align: top;
    }
.nav-search input {
    display:inline-block;
    vertical-align: top;
    margin: .25em;
}
.nav-search input.input-text {
    background-color: #ededed;
    border: 0 !important;
    padding: 5px !important;
    color: #1e1e1e;
}
.nav-search input.search {
    border: none;
    color: #444;
    border-radius: 5px;
    font-weight: 700;
}
.nav-search input.search.btn {
background-color: #ffb702;
   text-transform: uppercase;
   color: #000;
    padding: 7px;
    text-shadow: 0 0 8px #ffffff;
}
.sub-nav .active a{
    border-radius:12px;
    background-color:#00A6FC;
    padding:6px; 
    color:#fff;
}
.cta {
    background-color: #433e2c;
    padding: .7em 1em;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    font-size: 1.2em;
    display: inline-block;
    border-radius: 5px;
    text-transform: uppercase;
}
.cta:hover {
    color: #fff;
    background-color: #000;
}
.main-content {
    background: url(../images/bg/tall-diag-divide.png) repeat-x left top;
    padding-top: 3%;
}
.main-content > section.row {
    padding: 3%;
    background-color: #fff;
    -moz-box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    width: 93.9%;
}
.container-wrapper > .container {
    padding: 3%;
}
footer.row {
    margin: 2.5em auto;
}
footer a {
    display: inline-block;
    padding: 0;
    color: #ccc;
}
footer a:hover {
    color: #000;
}
footer a:last-child:after {
    content: "";
}
footer a:after, footer span:after {
    content: " | ";
}
/* Masthead and Navigation */
.masthead {
    background: url(../images/bg/masthead.png) repeat-x left bottom #433e2c;
    padding-bottom: 6px;
    margin: 0 0 2em 0;
    
}
    .masthead .nav-bar {
        background-color: rgba(14, 14, 14, 0.46);
        border: none;
        border-radius: 5px;
    }
    .masthead .nav-bar li:first-child {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .masthead .nav-bar li {
        border: 0;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
    }
     .masthead .nav-bar .has-flyout li  {
         margin: 0;
     }
     .masthead .nav-bar .has-flyout .flyout {
         padding-left: 0;
         padding-right: 0;
     }
     .masthead .nav-bar .has-flyout li a {
         display: block !important;
         padding: .75em 1.5em;
     }
     .masthead .nav-bar .has-flyout li a:hover {
         background-color: #212121 !important;
     }
     .masthead .nav-bar li.has-flyout {
         transition: none;
         -webkit-transition: none;
         -moz-transition: none;
     }
     .masthead .nav-bar li.has-flyout.hide-flyout a {
         padding-right: 1.4em;
         display: block !important;
     }
    .masthead .nav-bar li.active,
    .masthead .nav-bar li.active:hover {
        background-color: #ffb703;
        background-color: rgba(255, 183, 2, 1);
    }
    .masthead .nav-bar li.active li,
    .masthead .nav-bar li.active li.active {
        background-color: #fff;
    }
    .masthead .nav-bar li.active.has-flyout:hover,
    .masthead .nav-bar li:hover .flyout li a,
    .masthead .nav-bar li:hover .flyout li,
    .masthead .nav-bar li:hover .flyout,
    .masthead .nav-bar li:hover {
        background-color: #000000;border: 0;color: #fff;
    }
    .masthead .nav-bar li.nav-search:hover {
        background-color: rgba(0,0,0,0);
    }
    .masthead .nav-bar li.active a {
        text-shadow: 0 0 5px rgba(0, 0, 0, 0.71);
    }
    .masthead .nav-bar li.active li a {
        color: #000;
        background-color: #fff;
        text-shadow: none;
        } 
    .masthead ul.nav-bar a {
        color: #fff;
    }
    .masthead ul.nav-bar ul a {
        color: #000;
    }
    .masthead .nav-bar {
        font-weight: 900;
    }
    .masthead .button.nice {
        background-image: none;
        background-color: #fff; 
    	background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
    	background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -31px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
    	border: 1px solid #0593dc;
    	-webkit-transition: background-color .15s ease-in-out;
    	-moz-transition: background-color .15s ease-in-out;
    	-o-transition: background-color .15s ease-in-out;
    }
    .masthead .nav-bar .has-flyout .flyout-toggle {
        padding-left: 0;
        padding-right: .7em;
    }
   
    .nav-bar>li.has-flyout>a.flyout-toggle span { content: ""; width: 0; height: 0; border-left: 4px solid transparent;border-right: 4px solid transparent; border-top: 4px solid #fff; display: block; opacity: .5;
    }
    .nav-bar>li.has-flyout>a.flyout-toggle:hover span {
        opacity: 1;
    }    

/* -----------------------------------------
   Homepage
----------------------------------------- */
/* Hero slider */
#featured  {
    margin: 1em 0 2em 0;
}
#featured-wrapper {
    height: 520px;
    overflow: hidden;
    margin: 0;
}
.hero-slider .slide {
    background-color: #fff;
    position: relative;
    z-index: 1; /*fixes loading issue with button */
}
.hero-slider .slide .row {
    position: relative;
}
.hero-slider h2 {
    font-weight: 200;
    font-size: 4.5em;
    color: #eab900;
    letter-spacing: -2px;
}
.hero-slider h2 strong {
    color: #000;
}

.hero-slider .intro-description {
    color: #000;
    font-weight: 200;
    line-height:1;
    font-size: 2.5em;
    margin: 0 0 1em 0;
}
.hero-slider .description {
    font-weight: 200;
    color: #b2b2b2;
    font-size: 1.75em;
    line-height: 1;
    margin: 0 0 1em 0;
}
.hero-slider .description p {
    font-size: 1em;
    color: #b2b2b2;
    line-height: 1.1;
}
.hero-slider .description p strong {
    color: #444;
}
.hero-slider .description h3 {
    font-size: .9em;
    font-weight: 500;
}
.hero-slider .description li {
    font-size: .9em;
    margin: 0;
    padding: .15em 0 .15em 25px; 
}

.container-wrapper.hero-slider section {
    max-width: 100%;
}
.container-wrapper.hero-slider .container {
    padding: 0;
}
.container-wrapper.hero-slider .orbit-wrapper .slider-nav span {
    opacity: .6;
    width: 30px;
    height: 103px;
    background: url(../images/elements/orbit-arrows.png) repeat-x left top;
}
.container-wrapper.hero-slider .orbit-wrapper .slider-nav span.right {
    background-position: -253px top;
}
.container-wrapper.hero-slider .orbit-wrapper .slider-nav span:hover {
    opacity: 1;
}

figure.saleBtn,
figure.saleBtn > span {
    width: 12em;
    height: 12em;
    border-radius: 100%;
}
figure.saleBtn {
    position: absolute;
    top: .7em;
    left: 23em;    
    z-index: 100;
    background-color: rgba(230, 180, 0, 0.54);
    padding: 1em;
}
figure.saleBtn p {
    margin: 0;
    line-height: 1;
}
figure.saleBtn p.salecost {
    font-size: 3.5em;
    font-weight: 700;
    letter-spacing: -3px;
}
figure.saleBtn > span {
    display: inline-block;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #e6ab00;
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.43);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.43);
}

/* custom per slide styles. Will need input field or generate from page name to achieve */
.hipstrmatr-slide h2 {
    color: #004d54;
}
.hipstrmatr-slide figure.saleBtn {
    left: 25em;
    background-color: rgba(100, 36, 0, 0.37);
    top: 8.5em;
}
.hipstrmatr-slide figure.saleBtn > span {
    color: #fff;
     background-color: #642400;
}
.hipstrmatr-slide figure.saleBtn > span p {
    color: #fff;
    opacity: .8;
}
.hipstrmatr-slide .cta:hover {
    background-color: #642400;
}
.reactions-slide h2 {
    color: #00d9ed;
}
.reactions-slide figure.saleBtn {
    left: 22em;
    background-color: rgba(0, 217, 237, .3);
    top: 1.5em;
}
.reactions-slide .cta:hover {
    background-color: #00d9ed;color: #000;
}
.reactions-slide figure.saleBtn > span {
    color: #fff;
     background-color: rgb(0, 217, 237);
 }
.reactions-slide figure.saleBtn > span p {
    color: #fff;
    opacity: .8;
}

/* -----------------------------------------
   Blog
----------------------------------------- */
.post {
   margin: 0 0 3em 0; 
}
h2+.post-info {
    margin-top: -.65em;
}
.postmeta,
.post-info {
    font-size: .9em;
    opacity: .5;
}
.post-info:hover {
    opacity: 1;
}
.postmeta {
    background-color: #f3f3f3;
    padding: .5em 1em;
    border-radius: 5px;
}
    .postmeta a {
        color: #666;
    }
    .postmeta a:hover {
        color: #000;
    }
.entry figure {
    margin: 0 0 1em 0;
}
    .entry figure img {
        margin: 0 0 .5em 0;
    }
    .entry p:first-child {
        font-size: 3em;
        font-weight: 100;
        line-height: 1.1;
    }
    .post .entry p:first-child {
        font-size: 1.3em;
        font-weight: 500;
        line-height: 1.3;
    }
/* comments */
.post-comments h3,
.quip h3 {
    font-size: 1.3em;
    font-weight: 500;
    color: #000;
}
.quip-fld {
    margin: 0 0 .5em 0;
}
.quip-fld label {
    color: #000;
    line-height: 1.3;
}  
section .quip-add-comment p {
    margin: 1em 0 .5em 0;
}
.quip-success {
    display: block;
    margin: 1em 0;
}
.quip-comment-author {
    font-size: 1.1em;
}
.quip-comment-createdon a {
    font-size: .8em;
}
.post-comments h3 {
    margin: 2.8em 0 .5em 0;
}
.post-comments p {
    font-size: 1.1em;
}
section .quip-comment-alt {
    background-color: #f4f4f4;
}
.quip-comment-list {
       background: url(../images/bg/3x3pattern.png) repeat-x left top;
}
.quip-comment>div {
    padding: 1.5em 1em 2.3em 1em;
}

.quip-add-comment .quip-fld {
    padding: 0;
}

/* -----------------------------------------
  Search Results
----------------------------------------- */ 
.sisea-results-list .sisea-result {
    margin: 0 0 .7em 0;
    padding: 0 0 .2em 0;
    border-bottom: 1px dotted #e6e5e5;
} 
    .sisea-results-list .sisea-result h3 {
        font-size: 2em;
    }
    .sisea-results-list .sisea-result p {
        font-size: 1.1em;
    }
 .sisea-search-form fieldset {
     border: none;
     padding: 1em 2em;
     background-color: #f9f9f9;
     border-radius: 5px;
 }
  .sisea-search-form fieldset label {
      display: inline-block;
      padding-right: .5em;
      font-weight: 700;
      color: #000;
  }
.sisea-paging {
    margin:  1.5em 0;
}   
/* -----------------------------------------
  Contact Us
----------------------------------------- */ 
/* Hidden field for forms */ 
.brequired {
height: 0;
width: 100px;
margin: -20em 0 0 -999em;
overflow: hidden;
position: absolute;
}


/* -----------------------------------------
  Events
----------------------------------------- */ 
.row #calbodylist h6 {
    font-size: 1.8em;
    font-weight: 200;
    margin: 0 0 1em 0;
}
.row #calbodylist h3.monthheading {
    line-height: 1.6;
    padding: 0 0 0 .5em;
}

.row #calbodylist .event {
 padding: .75em .5em;
 border-bottom: 1px dotted #ccc;
}
    .row #calbodylist .event h4 {
        font-size: 1.1em;
        font-weight: 700;
    }
.row #calbody span.label,
.row #calbody a {
    display: inline-block;
    padding: .5em;
    margin: 0;
    font-size: 1em;
}
.row #calbody span.label,
.row #calbody .mxcnav {
    padding: 0 .6em;
    height: 2em;
}
.row #calbody span.label {
    background-color: #ffb702;color: #000;
}    
#calbody table td.mxcdow {
    background-color: #2e2e2e;
}  
.row #calbody table td .datestamp,
.row #calbody table td div.event span {
    font-weight: 700;
}
.row #calbody table td div.event {
    line-height: 1.3;
    font-size: 1em;
    border-bottom: none;
}
.row #calbody table td div.event a.mxcmodal {
    font-weight: 500;
    border-bottom: none;
    padding: .25em 0;
}
.row #calbody #mxccategories ul li {
    display: inline-block;
    margin-right: .35em;
}
.row #calbody .noEvents {
    opacity: .6;
}
.row #calbody .ncm {
    opacity: .4;
}
.row #calbody .ncm:hover {
    opacity: 1;
}
.row #calbody .today {
    background-color: #d2d2d2;border: none;
    opacity: 1;
}
    
/* typographic and layout adjustments for mobile */
@media handheld, only screen and (max-width: 767px) {	
	.hero-slider .slider-nav span {
	    display: none !important;
	}
	
	figure.saleBtn,
	figure.saleBtn > span {
	    height: 3em;
	    display: inline-block;
	    border-radius: 5px;
	    width: 50%;
	}
	figure.saleBtn > span {
	    width: 100%;
	}
	figure.saleBtn {
	    position: relative;
	    top: 0;
	    left: 0;    
	    padding: .5em;
	    margin: 1em;
	}
	figure.saleBtn p {
	    display: inline-block;
	    font-size: 1.5em !important;
	    margin: .4em 0 0 0;
	}
	figure.saleBtn p.salecost {
	    letter-spacing: 0;
	}
	#featured-wrapper {
	    margin-bottom: 1.6em;
	}
	.nav-footer{
	    text-align:center;
	}
	.nav-footer a{
	    display:block;
	}
	.nav-footer a:after, .nav-footer span:after{
	    content: "";
	}
}
@media handheld, only screen and (max-width: 480px) {	
	.hero-slider h2 {
	    font-size: 3em
	}
	.slider-nav span {
	    display: none !important;
	}
	
	.container-wrapper.hero-slider .container {
	    padding-left: 20px;
	    padding-right: 20px;
	}
    #featured-wrapper {
        margin-bottom: 1.6em;
    }
}