/* Reset Business */
/*
* {margin: 0; padding: 0; border: 0; outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body {font-size: 100%; line-height: 1; vertical-align:baseline; background:transparent; height: 100%; width: 100%;}
fieldset, img {border: 0}
img {vertical-align: bottom; border: 0; outline: 0}
*/
header {z-index:1;}
nav {z-index: 100 !important;}
.nav-dropdown:hover>.nav-dropdown-menu{
    display:block;
}
ol, ul, li { list-style:none }
input, select {vertical-align:middle;}
input:focus,select:focus,textarea:focus {outline:none;}
hr { margin:30px 0; height:1px; background-color:#e5e5e5; }
hr.twenty { margin:20px 0; height:1px; background-color:#e5e5e5; }
hr.ten { margin:5px 0; height:1px; background-color:#e5e5e5; }
hr.five { margin:10px 0; height:1px; background-color:#e5e5e5; }
a {border: 0; outline: 0; text-decoration: none}
a img, :link img, :visited img { outline: 0;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} 
* html .clearfix {height: 1%;}
*:first-child+html .clearfix {min-height: 1px;}
.clearing {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

/* Gloabl Styles */
body { font-size:1em; font-family:"museo-sans", Arial, sans-serif; font-weight:300; color:#464646; background-color:#b3d574; }
body.wygwam { background:#fff; padding:10px; line-height:100%; }

h1, h2, h3, h4, h5, h6 { font-family:"museo-sans", Arial, sans-serif; font-weight:500; line-height:100%; }
h1 { font-size:18px; line-height:30px; color:#fff; letter-spacing:.2px; }
h2 { font-size:30px; line-height:120%; color:#464646; }
h2 span { margin-left:20px; font-size:15px; }
h3 { font-size:20px; line-height:25px; margin:0 0 20px; color:#6699cc; }
h4 { font-size:18px; line-height:22px; margin:0 0 10px; color:#A8C96C; }
h5 { font-size:1em; font-weight:bold; line-height:110%; }
h6 { font-size:14px; color:#000; }

a { -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; color:#6699cc; }
a:hover, a.active { color:#464646; text-decoration: none; }

p { margin-bottom:20px; line-height:125%; }
strong, b { font-weight:700 !important; }
em { font-style:italic; }

.right { float:right; margin:10px 0 15px 20px; }
.left { float:left; margin:10px 20px 15px 0; }

.hidden { display:none; }

.wrapperA { margin:0 auto; /*width:1000px;*/ }
.wrapper { margin:0 auto; /*width:940px;*/ }
.border-naha{
    border-color: #A8C96C!important;
}
.bg-naha{
    background-color: #A8C96C!important;
}
.bg-info-light{
    background-color: #d1ecf1!important;
}
.list-group-item-naha {
    color: #ffffff;
    background-color: #a8c96c;
}
.alert-naha {
    color: #000000;
    background-color: #b3c98b;
    border-color: #A8C96C;
}
.text-link-blue {
    color: #6699cc!important;
    font-weight: 700;
}
.btn-naha {
    color: #fff;
    background-color: #A8C96C;
    border-color: #A8C96C;
    padding:20px 10px;
    width:200px;
    text-align:center!important;
    display:block;
    margin:0 0 15px;
}
.btn:hover { color:#000; }
.btn span { font-size:14px; color:#fff; display:block; margin:5px 0 0; }
.renew { background:#6699cc; }
.btnSmall { padding:5px 10px; background:#A8C96C; color:#fff; width:200px; text-align:center; display:block; margin:0 0 15px; }
.btnSmall:hover { color:#000; }

#base { margin:15px 0 0; width:100%; background:url(/assets/images/content-bg.gif); overflow:hidden;
	-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -3px 5px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -3px 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px -3px 5px rgba(0, 0, 0, 0.2);
}

#content { margin-bottom:100px; padding:60px; width:100%; background:#fff; border:1px solid #e5e5e5; overflow:hidden; }


@media all and (max-width: 767px) {
#base {
    background: white;
}
#content {
    border: none;
    padding:0;
}    
}
/* Header Styles */
@media all and (min-width: 992px) {
    header { position:relative;  }
}
.headerBG { background:#a8c96c; width:100%; /* background:rgba(168, 201, 108, 0.9); */ }
#logo {
    padding: 1em 0 0;
}
@media all and (max-width: 543px) {
#logo {
    padding: 0;
}
}
#subnav {
    text-align: right;
    margin: 1.5em 0 0;
}
#subnav a { color:#fff; }
#subnav #user { text-align:right; }
#subnav #user a { margin-left:26px; font:12px/36px "museo-sans", Arial, sans-serif; text-align:right; }
#subnav #user span { font-size:14px; }
#subnav #user a:hover, #subnav #user a.active { color:#464646; }
#subnav #sub a { margin-left:20px; font:16px/36px "museo-sans", Arial, sans-serif; color:#fff;  }
#subnav #sub a:hover { color:#464646; }
#headbg { margin:0 auto; height:80px; }

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#main {z-index: 9; margin:0 auto; width:100%; height:54px; background:#fff; }
#main ul { margin-left:4px; -webkit-padding-start: 0; }
#main li { float:left; margin:0; padding:0; font-size:20px; font-weight:500; position:relative; }


#main li a { color:#69c; line-height:54px; display:block; padding:0px 13px; font-size: 0.9em; }
#main li a:hover, #main li:hover a { color:#fff; background:#b3d574; }

#main li ul { background:#b3d574; padding:10px 0 20px; width:250px; float:left; left:0; opacity:0; position:absolute; top:54px; visibility:hidden; margin-left:0;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
         -o-transition: all .25s linear;
            transition: all .25s linear;
}
#main li:hover ul { opacity:1; visibility:visible; top:54px; }
#main li ul li { display:block; font-size:17px; width:210px; padding:0 20px; width: 100%; }
#main li ul li a { color:#fff; padding:3px 0; line-height:20px; border-bottom:1px solid #f1f1f1; width: 100%; }
#main li ul li a:hover { color:#69c; background:none; }

#main li ul li.level-2 ul { background:#BDDB85; padding:10px 0 20px; width:200px; float:left; left:250px; opacity:0; position:absolute; top:0; visibility:hidden; margin-left:0px;
    -webkit-transition: all .25s linear;
       -moz-transition: all .25s linear;
        -ms-transition: all .25s linear;
         -o-transition: all .25s linear;
            transition: all .25s linear;
}
#main li ul li.level-2:hover ul { opacity:1; visibility:visible; top:0px; }
#main li ul li.level-2 ul li.level-3 { display:block; font-size:15px; width: 100%; padding:0 20px; }
#main li ul li.level-2 ul li.level-3 a { color:#fff; padding:3px 0; line-height:20px; background:#BDDB85; border-bottom:1px solid #f1f1f1 !important; width: 100%; }
#main li ul li.level-2 ul li.level-3 a:hover { color:#69c; background:none; }


/* Find an Aromatherapist Search */
.find fieldset { width: 100%; padding:0 10px 10px 10px; }
/*.find fieldset.button { width:5%; float:right; margin-right:10px; }*/
.find fieldset .select2-container { width:100% !important; }
.find label { display:block; margin:0 0 5px; }
.find label span { font-size:70%; color:#b3d574; float:right; }
.find button.submit { padding:2px 22px 0; width:auto; height:28px; color:#fff; font-size:14px; line-height:26px; background-color:#69c; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; cursor:pointer; } 
.find .ad, .find .ad:last-child { border-bottom:0px !important; border-top:1px solid #e5e5e5  !important; padding-top:20px; }
.find .ad.paid { padding-top:20px; border-top:1px solid #b3d574  !important; position:relative; }
.find .ad.paid:before {  content:"\35"; position:absolute; top:0; right:-5px; font-family: 'nicon'; color:#b3d574; }
.find .ad.paid h3 { font-size:24px; }
.find h2 { margin-bottom:20px; font:30px "museo-sans", Arial, sans-serif; font-weight:500; color:#464646; overflow:hidden; }
.find h2 span { float:right; font-size:33px; font-weight:700; opacity:1; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.find .left { width:10%; margin:0; margin-right:5%; }
.find .left p { text-transform:uppercase; color:#69c; padding:10px 0 0; }
.find .right { width:85%; margin:0; }
.find .totals {
    padding: 8px 10px;
    width: 100%;
    background: rgba(168,201,108,.2);
    font-size: 80%;
    color: #b3d574;
    border-top: 1px solid #b3d574 !important;
}



/* Home Page Styles */
/* .home #content { padding:60px; } */
.home #headbg { height:175px; }
.home #quicklinks { margin-top:50px; }
#quicklinks ul {
    -webkit-padding-start: 0;
}
#slide-container { margin:42px 0 0 0; }
@media all and (max-width: 991px) {
#slide-container {
    margin: 0;
}
}
#slider { height:358px; width:100%; overflow:hidden;  }
#slider .slide { /* position:relative;  */padding:10px; width: 100% !important; height: auto !important; z-index:3; }
.slide img {
    width: 100%;
    height: auto;
}
#slider .caption { position:absolute; top:254px; left:10px; width:100%; height:60px; background-color: rgba(255,255,255,0.9); }
#slider .caption p { padding:0 10px; font-size:18px; line-height:60px; color:#464646; text-align:center; }

#slidenav { margin:14px auto 0; width:100%; height:5px; text-align:center; }
#slidenav a { display:inline-block; margin-right:3px; width:30px; height:5px; text-indent:-9999px; background-color:rgba(0,0,0,0.5); }
#slidenav a:nth-of-type(4) { margin:0; }
#slidenav a.activeSlide { background-color:#a8c96c; }

#leader { padding:40px 0 30px; }
#leader h2 { margin-bottom:10px; font-size:32px; line-height:33px; color:#69c; text-align:center; }
#leader h3 { font-weight:300; font-size:22px; line-height:23px; color:#464646; text-align:center; }

#members { margin-bottom:40px; padding:15px 0; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; overflow:hidden; }
#members h2, #members h2 a { font-size:20px; line-height:26px; margin-bottom:5px; color:#69c; text-transform:uppercase; }
#members p { font-size:14px; line-height:24px; color:#898989; }
#members span { font-size:32px; float:right; color:#a8c96c; }
#members .ellipsis { float:right; visibility:hidden; text-align:center; color:#69c; font-size:22px; line-height:10px; width:26px; height:10px; background:#fff; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
#members .ellipsis a { width:26px; line-height:10px; text-align:center; display:block; margin:-6px 0 auto; }
#members .col { float:left; padding:30px 25px; overflow:hidden; min-height: 243px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background:none; }
#members .col:hover { background:#a8c96c; }
#members .col:hover h2, #members .col:hover h2 a { color:#fff; }
#members .col:hover p { color:#fff; }
#members .col:hover span { color:#fff; }
#members .col:hover .ellipsis { visibility:visible; }

/*#latest { float:left; width:374px; }*/
#latest h2 { margin-bottom:40px; width:100%; }
#latest h2 span { float:right; font-size:33px; font-weight:700; opacity:1; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#latest h2 span:hover { opacity:.5; }
#latest .entry { margin-bottom:40px; }
#latest .entry figure { margin-bottom:16px; }
#latest .entry figure img {border:1px solid #E5E5E5; width: 100%; height: auto;}
#latest .entry h3 { margin-bottom:4px; padding:0 10px; font-size:18px; line-height:24px; color:#464646; }
#latest .entry h3 a { color:#464646; }
#latest .entry h3 a:hover { color:#69c; }
#latest .entry h4 { padding:0 10px; }
#latest .entry p { padding:0 10px; font-size:14px; line-height:24px; color:#464646; }  
#latest .entry p img { display:none; }
#latest .entry .post-meta p { margin-top:16px; padding:2px 10px; font-size:12px; line-height:24px; color:#fff; background-color:#69c; overflow:hidden; }
#latest .entry .post-meta p a { color:#fff; }
#latest .entry .post-meta p a:hover { color:#464646; }
#latest .entry .post-meta p span { float:right; }  
#latest .entry .post-meta p span span { font-size:11px; margin:0 0 0 2px; float:none; }

/*#events { float:right; width:374px; }*/
#events h2 { margin-bottom:40px; width:100%; }
#events h2 span { float:right; font-size:33px; font-weight:700; opacity:1; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#events h2 span:hover { opacity:.5; }

#events .entry { margin-bottom:40px; }
#events .entry figure { margin-bottom:16px; }  
#events .entry h3 { margin-bottom:4px; padding:0 10px; font-size:20px; line-height:24px; color:#69c; }
#events .entry h4 { padding:0 10px; font-size:14px; }
#events .entry h3 a { color:#69c; }
#events .entry h3 a:hover { color:#464646; }
#events .entry p { padding:0 10px; font-size:14px; line-height:24px; color:#464646; }  
#events .entry .more p { margin-top:16px; padding:6px 10px; font-size:18px; line-height:24px; color:#fff; background-color:#a8c96c; text-align:center; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#events .entry .more p a { color:#fff; }
#events .entry .more p:hover a { color:#464646; }

#about { margin:0 0 50px; padding-bottom:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; }
#about h2 { margin-bottom:40px; width:100%; }
#about h2 span { float:right; font-size:33px; font-weight:700; opacity:1; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#about h2 span:hover { opacity:.5; }

#about p { font-size:14px; line-height:24px; color:#464646; }
#about figure { margin:0; }
#about figure img { float:right; margin-left:42px; width:389px; }

/* Sidebar Styles */
#sidebar { float:right; overflow:hidden; }
#sidebar h3 { font-size:16px; font-weight:500; line-height:18px; }
#sidebar #quicklinks { margin-bottom:30px; }
#quicklinks {}
#quicklinks .search { position:relative; margin-bottom:8px; }
input.input-text { padding: 0 22px 0 14px; width: 100%; height:30px; font-size:italic 13px; line-height:32px; font-style:italic; color:#7f7f7f; background:#fff url(/assets/images/search-icon.gif) no-repeat 95% 7px; border:1px solid #e8e8e8; }
/*#quicklinks li a { font-weight:300; display:block; margin-bottom:8px; padding-left:10px; width:231px; height:41px; font-size:17px; line-height:41px; color:#fff; background-color:#a8c96d; }
*/
#quicklinks li a { font-weight:300; display:block; margin-bottom:8px; padding:10px; width:100%; font-size:17px; line-height:1.5; color:#fff; background-color:#a8c96d; }

#quicklinks li:hover a { color:#69c; background-color:rgba(168,201,109,0.5); }
#quicklinks span { font-size:16px; margin:0 6px 0 3px; opacity:.5; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#quicklinks li:hover span { opacity:1; }
#months { width:243px; }

@media all and (max-width: 991px) {
    #sidebar {
    float: none;
    overflow: visible;
}
#quicklinks {
    float: none;
    margin: 0;
    width: 100%;
}
#quicklinks input.input-text {
    background: #fff url(/assets/images/search-icon.gif) no-repeat 98% 50%;
}
}

/* Content Page Styles */
.page #content { padding:30px 30px 50px; }
#title { padding:30px; font-size:30px; font-weight:500; }
#title span { font-size:20px; font-weight:300; }
#title h3 { line-height:34px; color:#464646; }
/*#page { width:564px; }*/
/*.page #page { width:auto; }*/
article#page {
    margin-bottom: 4em;
}
#page figure { margin-bottom:20px; overflow:hidden; }
#page figure img {
    border: 1px solid #E5E5E5;
    width: 100%;
    height: auto;
}
#page figcaption { clear:both; float:left; font-size:11px; line-height:26px; font-style:italic; color:#000; }
#page h3 { font-size:21px; line-height:25px; color:#69c; }
#page p { font-size:15px; line-height:24px; color:#464646; }
#page table { margin:0 0 20px; border:1px solid #f1f1f1; border-bottom:0; border-right:0; }
#page table td { padding:10px; border-bottom:1px solid #f1f1f1; border-right:1px solid #f1f1f1; }
#page ul { margin:0 0 20px 20px; }
#page ol { margin:0 0 20px 25px; }
#page ol li { list-style:decimal; color:#464646; padding:3px 10px 3px 1px; }
#page ul.checked { margin:0 0 20px 20px; }
#page ul.checked li { list-style:none; padding:3px 10px; color:#707070; }
#page ul.checked li:before { content: "\41"; font-family: 'nicon'; font-size:12px; margin-right:3px; color:#A8C96C }
#page ul.float { margin:0 0 20px 20px; width:260px; margin-right:25px; float:left; }
#page ul.float li { list-style:disc; padding:3px 0px; color:#464646; font-size:13px; line-height:15px; }
#page ul.links {
    margin: 0 0 20px;
    width: 100%;
    -webkit-padding-start: 0;
}
#page ul.links li { list-style:none; padding:10px; border:1px solid #f1f1f1; background:#FAFFF2; margin:0 0 5px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#page ul.links li:hover { border:1px solid #FAFFF2; }
#page ul.links li:before { content:none; }
#page ul.links li ul { margin:0; padding:0; width:auto; }
#page ul.links li ul li { padding:5px 10px; border:0; background:none; }
#page ul.links li a{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}
#page .toggle-view { list-style:none; margin:15px 0; padding:0; width:100%; }
#page .toggle-view li { margin:0; padding:5px 10px; border-bottom:1px solid #f7f7f7; position:relative; cursor:pointer; }
#page .toggle-view li:before { content:none; }
#page .toggle-view h3 { margin:0; font-size:14px; line-height:100%; }
#page .toggle-view span { position:absolute; right:5px; top:0; color:#ccc; font-size:13px; }
#page .toggle-view .view { margin:5px 0; display:none; }
#page .toggle-view .view p { font-size:14px; margin:0 0 10px 10px; }
#page table.members { border:0; }
#page table.members td { border:0; padding:0; margin:0; }

@media all and (max-width: 767px) {
.page #content {
    padding: 0;
}
#title {
    padding: 2rem 0;
}
}
/* Member Area Styles */
.column { padding: 1em; }
.column h2 span { font-size:16px; padding-top:5px; }
.column p.break { margin:0; }
.register { background:#FAFFF2; }
#account label { display:block; font-style:italic; }
#account label span { color:#A8C96C; font-size:75%; font-style:normal; float:right; }
#account input { width: 300px !important; padding:10px; display:block; margin:5px 0 15px; font-family:"museo-sans", Arial, sans-serif; font-weight:300; color:#464646; font-size:14px; border:1px solid #e5e5e5; }
#account input:focus { border:1px solid #e5e5e5; }
#account input[type=checkbox] { width: 15px !important; padding:10px; display:inline-block; margin:0 8px 0 0; font-family:"museo-sans", Arial, sans-serif; font-weight:300; color:#464646; font-size:14px; border:1px solid #e5e5e5; }
#account textarea { width:856px; padding:10px; display:block; margin:5px 0 15px; font-family:"museo-sans", Arial, sans-serif; font-weight:300; color:#464646; font-size:14px; border:1px solid #e5e5e5; }
#account .chars { text-align:right; color:#A8C96C; font-size:12px; font-family:"museo-sans", Arial, sans-serif; font-weight:300; }
#account .btn { border:0; background:#69c; padding:5px 10px; width:auto; color:#fff; font-weight:500; font-size:18px; margin:5px 0 15px; }
#account .error { color:red; font-size:12px; display:block; font-style:italic; margin:-10px 0 15px; }

.account #page ul.links {
    width: 100%;
}
.account .selects { margin:5px 0 15px; width:358px; }

/* Joining NAHA Styles */
.join h2 span { float:right; font-size:14px; color:#e4e4e4; }
.join .selects { margin:5px 0 15px;  }
.join div.errors { padding:10px; background:#FDFFE0; margin:0 0 20px; }
.join .signup label.error { display:block; margin:0 0 15px; }
.join .signup input.error { border:1px solid red !important; margin:5px 0 15px !important; font-size:18px; font-style:normal; }

/* Joining Directory Styles */
.choose { width:40%; float:left; background:#FAFFF2; padding:3%; margin:0 1.8% 20px; text-transform:uppercase; text-align:center; border:1px solid #A8C96C; }
.choose input { margin:0 10px 0 0; }
.join .listing label.error { display:block; margin:0 0 15px; }
.join .listing input.error { border:1px solid red !important; margin:5px 0 15px !important; font-size:18px; font-style:normal; }
.join .listing2 label.error { display:block; margin:0 0 15px; }
.join .listing2 input.error { border:1px solid red !important; margin:5px 0 15px !important; font-size:18px; font-style:normal; }
#account .selects.error { color:red; font-size:12px; display:block; font-style:italic; margin:0 0 15px; }



/* Blog Page Styles */
/*#blog #page { width:575px; float:left; }*/
#blog .entry { margin-bottom:40px; }
#blog .entry figure, #blog figure { margin-bottom:16px; }
#blog .entry img { display:none; }
#blog .posted { font-style:italic; font-size:12px; color:#cccccc; }
#blog .post-meta p { margin-top:16px; padding:2px 10px; font-size:12px; line-height:24px; color:#fff; background-color:#69c; overflow:hidden; }
#blog .post-meta p a { color:#fff; }
#blog .post-meta p a:hover { color:#464646; }
#blog .post-meta p span, #blog .posted span { float:right; font-style:normal; }  
#blog .post-meta p span span, #blog .posted span span { font-size:11px; margin-left:2px; float:none; }
#blog .next { float:right; }
#blog .prev { float:left; }
#blog p.small { font-size:11px; margin:15px 0; font-style:italic; }
/* #blog .oddC { padding:15px 40px; background-color:rgba(241,241,241,0.5); } */
#blog .comment { margin:10px 0; border-bottom:#f1f1f1 1px solid; }
#blog .comment p { font-size:13px; margin:0 0 10px; line-height:16px; }
#blog .comment p.posted { font-size:12px; }
#blog .comment:before { content: "\3f"; font-family:'nicon'; font-size:40px; margin-right:10px; color:#f1f1f1; float:left; }
#blog .lastC { margin-bottom:35px;}
#blog .evenC { margin-left:20px; }
#blog .evenC:before { color:#69c; opacity:0.25; }
/* #blog .evenC { padding:15px 40px; background:rgb(241,241,241,0.5); } */
#blog .pagination { float:left !important; }
#blog .dateBox {
    padding: 0;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
    background: #FAFFF2;
    border: 1px solid #e4e4e4;
    position: relative;
}

#blog .dateBox span { font-size:30px; }

p.month {
    margin-bottom: 0;
    font-size: 24px !important;
    margin-top: 8px;
}

#blog .dateBox span.naha {
    font-size: x-small;
    display: block;
    font-weight: 500;
    padding: 5px 0;
    color: #fff;
    background: #A8C96D;
    width: 100%;
}

/*#blog .eventTitle { height:81px; position:relative; vertical-align:middle; display:table-cell; width:477px; }*/
#blog .eventTitle h3 { line-height:100%; margin:0; padding:0; }
#blog .more .dateBox { width:55px; height:55px; font-size:15px; margin-bottom:15px; }
#blog .more .dateBox span { font-size:20px; }
/*#blog .more .eventTitle { height:51px; position:relative; vertical-align:middle; display:table-cell; width:477px; }*/
#blog .more .eventTitle h3 { line-height:100%; margin:0; padding:0; font-size:20px; }
/* #blog input, #blog textarea { border:#ccc 1px solid; padding:5px 10px; font-size:14px; font-family:"museo-sans", Arial, sans-serif; color:#464646; } */
form.comments { margin:22px 0 0; }
form.comments label { font-style:italic; color:#6699CC; margin:0 0 5px; display:block; }
form.comments input[type="text"], form.comments input[type="email"], form.comments textarea { display:block; margin:0 0 15px; padding:5px 10px; width:450px; height:30px; font-size:13px; line-height:26px; color:#464646; border:1px solid #e8e8e8; font-family:"museo-sans", Arial, sans-serif; }
form.comments textarea { height:100px; }
form.comments input.submit { padding:0 8px 3px; width:auto; height:32px; color:#fff; font-size:14px; line-height:26px; background-color:#69c; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; cursor:pointer; } 

/* Book Store Styles */
#page .bookstoreCat {
    margin-bottom: 3em;
}
/*#page .bookstoreCat .title { height:65px; position:relative; vertical-align:middle; display:table-cell; width:155px; padding-bottom:5px; }*/
#page .bookstoreCat h3 { line-height:100%;  text-align:center; }
#page .bookstoreCat img { width:153px; border:1px solid #e5e5e5;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#page .bookstoreCat a:hover img { border:1px solid #6699cc; }
#page .bookstoreCat p { font-size:12px; line-height:14px; margin-bottom:20px; }
#page .bookstoreCat hr { margin:.75em 0; }
#page .five { margin-right:0;}
#page .bookstoreNav { margin-bottom: 2em; }
#page .bookstoreNav ul { margin:0; padding:0; list-style:none; }
#page .bookstoreNav ul li { font-size:12px; margin-left:10px; float:left; list-style:none; }
#page .bookstoreNav #quicklinks { margin-top:25px; }
#page .product {
    text-align: left;
    min-height: 100%;
    margin: 1.5em 0;
}
/*#page .product:hover { background:#FAFFF2; }*/

#page .product .image { float:left; width:125px; margin:0 25px 0 0; }
#page .product .info { 
    float:left;     
    width: 100%;
    margin-bottom: 3em; 
}

#page .cart { border:0; width:100%; margin:0 0 10px; }
#page .cart thead { background:#FAFFF2; }
#page .cart thead tr:nth-child(even) {background: #FAFFF2}
#page .cart thead tr:nth-child(odd) {background: #FAFFF2}
#page .cart thead th { padding:10px; text-align:left; }
#page .cart td { border:0; padding:10px; }
#page .cart td p { margin:0 0 5px; }
#page .cart tr:nth-child(even) { background:rgba(241,241,241,0.2) }
#page .cart tr:nth-child(odd) { background:#FFF }
#page .cart .download {
    font-size: 18px;
    line-height: 22px;
    color: #a8c96c;
    font-weight: 500;
    padding: 1.25em;
    border: 1px solid #464646;
    text-align: center;
    margin-left: -10px;
}

@media all and (max-width: 767px) {
#page .cart .download {
   padding: 1em 0.5em;
}
}
#page #cart-contents .input { padding:5px; background:#fff; border:1px solid #e5e5e5; text-align:center; width:300px; height:30px; }
#page #cart-contents .cart .qty { float:none; margin:0.5em; padding:5px; background:#fff; border:1px solid #e5e5e5; text-align:center; width:30px; height:30px; }
#page #cart-contents .cart p.small { font-size:15px; line-height:17px; margin:10px 0; }
#page #cart-contents .promo { float:left; width:50%; padding:10px 0 0; }
#page #cart-contents .promo input { float:left; width:160px; margin:0 15px 15px 0; text-align:left; height:20px; font-size:18px; }
#page #cart-contents .promo .apply { width:75px; height:32px; padding:0; margin:0; font-size:15px; font-weight:500; text-transform:uppercase; text-align:center; }
#page #cart-contents .promo p { line-height:30px; font-size:15px; line-height:18px; margin:0; }
#page #cart-contents .promo p .remove { width:20px; height:20px; margin:0 0 5px; background:#ccc; float:none; font-size:12px; font-weight:500; text-transform:uppercase; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; text-align:center; }
#page #cart-contents .totals { float:right; width:50%; text-align:right; }
#page #cart-contents .btn {
    /* float: left; */
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    margin-right: 15px;
/*    width: auto;*/
    padding: 10px 10px;
    cursor: pointer;
}
#page #cart-contents .btn-danger { background:#ccc; }
#page #cart-contents .btn-primary { background:#69c; float:right; margin:0; width:250px; }
@media all and (max-width: 767px) {
#page #cart-contents .continue-to-checkout, #page #cart-contents .btn-primary, .complete-order {
    float: none;
    margin-bottom: 1em;
}
}
@media all and (min-width: 768px) {
#page #cart-contents .continue-to-checkout {
    float: right;
    margin-right: 5em;
}
}
.btn.apply {
    margin-top: 1em;
}
.cart .col-sm-6, .cart .col-sm-2, .cart .col-sm-4, .cart .col-sm-3 {
    padding: 0;
    margin: 0;
}
.cart h4 {
    font-weight: bold;
    color: #464646;
    background: #FAFFF2;
    padding: 0.5em;
}

.cart p {
    padding: 0.5em;
}
@media all and (min-width: 992px) {
.subtotal {
    text-align: right;
    padding-right: 6em;
}
.order-details {
    text-align: right;
    padding-right: 4em;
}
}

.order-details.row {
    margin-top: 3em;
}




#page .form-horizontal label { display:block; font-style:italic; }
#page .form-horizontal input[type=text], #page .form-horizontal input[type=email], #page .form-horizontal input[type=password] { width:300px; padding:10px; display:block; margin:5px 0 15px; font-family:"museo-sans", Arial, sans-serif; font-weight:300; color:#464646; font-size:14px; border:1px solid #e5e5e5; }
#page .form-horizontal input:focus { border:1px solid #e5e5e5; }
#page .form-horizontal .selects { width:200px; }
#page .form-horizontal .btn { border:0; background:#69c; padding:5px 10px; color:#fff; font-weight:500; font-size:18px; margin:5px 0 15px; }
#page .form-horizontal .error { color:red; font-size:12px; display:block; font-style:italic; margin:-10px 0 15px; }

.checkout h3 { margin:0 0 5px; }
.checkOne, .checkTwo, .checkThree { margin-bottom: 4em; }
.checkTwo input { width:250px !important; }
/*.checkThree { margin:0; float:right; }*/
.checkThree h4 { font-size:16px !important; line-height:20px !important; }
.checkThree h4, .checkThree h3 { margin:0 0 5px; text-align:right; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; }

@media all and (max-width: 991px) {
/*.checkThree { float:none; }*/
.checkThree h4, .checkThree h3 { text-align:left; }
}

#page .checkout .cartReview { padding:10px; background:rgba(237,237,237,0.5); margin:0 0 20px; }
#page .checkout .cartReview h3 { margin:0; }
#page .checkout .cartReview p { font-size:12px; line-height:14px; margin:0 0 5px; }
#page .checkout .cartReview p small { font-size:12px; }



/* #page .product h4 { font-size:16px; } */
#page .product h5 { padding:10px 0; margin:10px 0; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
#page .product h5 span { font-size:12px; font-weight:normal; text-transform:uppercase; color:#ccc; }
#page .product p { font-size:12px; margin:0 0 10px; }
#page .product p.add { font-size:13px; margin:0; }
#page .product p.add span { font-size:11px; color:#6699cc; }
#page .product input.add-to-cart { border:0; background:none; font-size:13px; color:#6699cc; font-family:"museo-sans", Arial, sans-serif; font-weight:300; cursor:pointer; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
#page .product input.add-to-cart:hover { color:#464646; }
#page .even { margin-right:0; }
#page .pagination { float:right; font-size:12px; padding:6px; background:#e5e5e5; /* margin-top:-34px; */ }
#page .pagination a { margin:0 2px; }
#page .pagination a.here { color:#464646; }
#page .pag-bottom { margin-top:0; }

/* Product Entry */
.productPage #page .product { width:100%; float:none; margin:0 0 20px 0; width:100%; }
.product.info {
    min-height: 0 !important;
}
.info .btn {
    padding: 10px 10px;
    background: #A8C96C;
    color: #fff;
    width: auto;
    text-align: center;
    display: block;
    margin: 0 0 15px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    cursor: pointer;
}
.product-input {
    text-align: center;
    margin-right: 1em;
}
.productPage #page .product .image { float:left; width:175px; margin:0 50px 0 0; }
.productPage #page .product .info { float:left; width:100%; }
.productPage #page .product .info p { font-size:inherit; }
.productPage #page .product p.add { font-size:13px; }
.productPage #page .product .qty { font-size:20px; line-height:40px; }
.productPage #page .product .qty input { float:left; margin-right:15px; padding:5px; background:#fff; border:1px solid #e5e5e5; text-align:center; width:30px; height:30px; }
.productPage #page .product .selects { width:200px; }
.productPage #page .product .submit { padding:10px 10px; background:#A8C96C; color:#fff; width:auto; text-align:center; display:block; margin:0 0 15px; font-size:15px; font-weight:500; text-transform:uppercase; cursor:pointer; }

.wygwam ul { margin:0 0 20px 20px; }
.wygwam ul li { list-style:disc; padding:3px 10px; color:#707070; }
.wygwam #field_id_38 { visibility:visible !important; }
/* .wygwam ul li:before { content: "\41"; font-family: 'nicon'; font-size:12px; margin-right:3px; color:#A8C96C } */

#directors { position:relative; }
#directors .director { 
    height: 100%;
    border-bottom: 1px solid #e5e5e5;
    /* margin-right: 38px; */
    margin-bottom: 20px;
    padding: 2em 0;
    min-height: 375px;
}
#directors a.bioLink {
/*    width: 70%;*/
    text-align: center;
    display: block;
    margin-top: 10px;
    padding: 10px 15px;
    color: #fff;
    background-color: #a8c96c;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
/*    margin-left: 15%;*/
}
@media all and (min-width: 481px) and (max-width: 991px) {
#directors .director {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
    padding: 2em 0;
    min-height: 500px;
    text-align: center;
}
#directors a.bioLink {
    width: 30%;
    margin-left: 35%;
}
}

@media all and (max-width: 480px) {
#directors a.bioLink {
/*    width: 80%;
    margin-left: 10%;*/
}   
}
.director > .col-sm-5.col-sm-push-7, .director > .col-sm-7.col-sm-pull-5 {
    padding: 0;
}
#directors .even { margin-right:0; }
#directors .bioPic { width:100%; margin-left:0px; }
#directors img {
    border: 1px solid #e5e5e5;
/*    width: 100%;
    height: auto;*/
    display: block;
}
#directors p { font-size:13px; line-height:18px; }
#directors h3 { line-height:25px; }
#directors h3 span { display:block; text-transform:uppercase; color:#464646; font-size:12px; line-height:18px; }
#directors h4 { font-size:16px; line-height:20px; margin:0; }
#directors h4 span { font-size:12px; margin-right:5px; }
#directors h5 { font-size:14px; line-height:20px; margin:0 0 20px; color:#464646; }

.directorCats { padding:10px 20px 20px; background:#f1f1f1; }
.directorCats h3 { line-height:22px; font-size:18px; }
.directorCats a { display:block; padding:5px 10px; border-bottom:1px solid #e5e5e5; }
.directorCats span { font-size:10px; margin-right:10px; }
.directors h2 span { font-size:25px; margin-right:5px; }
.directorHeading { padding:10px 20px; margin:0 0 20px; background:#FAFFF2; }
.directorHeading p { margin:0; }
/*.membership { margin-top:-50px; }*/


/* CHANGE YOUR MEMBERSHIP */
#billing-same {
    background: #f4f4f4;
    padding: 10px;
}
input#same_info {
    width: 10px !important;
}
label#same_info_label {
    display: inline;
}
#auto_renew_box{
    background: #b9d5a0;
    padding: 10px;

}

#schools { }

#schools .school {
    height: 250px;
    border-bottom: 1px solid #e5e5e5;
/*    margin-right: 25px;*/
    margin-bottom: 20px;
    position: relative;
}
#schools .three { margin-right:0; }
#schools .bioPic { float:right; width:152px; margin-left:20px; }
#schools img { border:1px solid #e5e5e5; }
#schools p { font-size:13px; line-height:18px; }
#schools h3 { line-height:25px; }
#schools h4 { font-size:16px; line-height:20px; margin:0; }
#schools h5 { font-size:14px; line-height:20px; margin:0 0 20px; color:#464646; }
#schools a.bioLink { width:110px; text-align:center; position:absolute; bottom:20px; display:block; margin-top:10px; padding:7px 10px; color:#fff; background-color:#a8c96c; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.schoolHeading { padding:10px 20px; margin:0 0 20px; background:#FAFFF2; }
.schoolHeading p { margin:0; }

#events {}

#directors .ad { border-bottom: 1px solid #e5e5e5; margin-bottom:20px; padding-bottom:20px; }
@media all and (min-width: 992px) {
    #directors .ad {
    padding: 2em 4em;
}
}
#directors .ad:last-child { border:0; }
#directors .ad p { font-size:15px; line-height:24px; margin:0 0 10px; }
#directors .ad p.contact { font-size:13px; line-height:18px; margin:0 10px 0 0; font-weight:500; padding:3px 8px; float:left; background:#f1f1f1; text-align:center; width:130px; }
#directors .ad img { border:0px solid #e5e5e5; margin: 0 0 1em 1em; }
#directors .ad .type { float:right; text-transform:uppercase; font-size:11px; width:200px; }

@media all and (max-width: 767px) {
#directors .ad p.contact {
    margin-bottom: 0.75rem;
}
}

@media all and (max-width: 1024px) {
    .director-rearrange {
        width:100%;
    } 
}
@media all and (min-width: 1025px) {
    .director-rearrange {
        width:50%;
    }
}
/* Subscribe Block Styles */
#subscribe { margin:0; overflow:hidden;}
#subscribe h2 { margin-bottom:20px; font:30px "museo-sans", Arial, sans-serif; font-weight:500; color:#464646; overflow:hidden; }
#subscribe p { font-size:14px; line-height:24px; color:#464646; }
#subscribe form { margin:22px 0 0; }
#subscribe form input[type="text"], #subscribe form input[type="email"] { float:left; display:inline-block; margin: 0.25em; padding:0 10px; width:100%; height:30px; font-size:13px; line-height:26px; color:#464646; border:1px solid #e8e8e8; }
#subscribe form input.submit { padding:0 8px 3px; width:auto; height:32px; color:#fff; font-size:14px; line-height:26px; background-color:#69c; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; cursor:pointer; } 
#subscribe form input.error { border:1px solid red; }
#subscribe form label.error { display:none !important; }

/* Footer Styles */
#bottom { margin:20px 0 0; width:100%; background:url(/assets/images/content-bg.gif); overflow:hidden;
	-webkit-box-shadow:0px -4px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow:0px -4px 10px rgba(0, 0, 0, 0.2);
	        box-shadow:0px -4px 10px rgba(0, 0, 0, 0.2);
}

#footer { padding:32px 0 0; }

@media all and (max-width: 991px) {
    #footer { margin-bottom: 56px; }
}
#footer h3 { margin-bottom:10px; font:bold 16px "museo-sans", Arial, sans-serif; font-weight:500; font-style:italic; color:#464646; }
/*#footer .col { float:left; }*/

#foot-contact { }
#foot-contact h3 {  }
#foot-contact p { margin-bottom:10px; font-size:15px; font-weight:500; line-height:18px; color:#464646; }
#foot-contact address { font-size:13px; line-height:18px; color:#464646; font-style:normal; }
#foot-contact address a { color:#464646; }
#foot-contact address a:hover { color:#a8c96c; }

#foot-contact span {
    color: #a8c96c;
    margin-right: 5px;
}

/*#foot-browse { margin:0 35px 0 90px; padding:0 36px 40px; width:352px; border-left:1px solid #ededed; border-right:1px solid #ededed; }*/
#foot-browse ul {
    margin: 0 auto;
    width: 100%;
    -webkit-padding-start: 0;
}
#foot-browse li { float:left; display:inline-block; padding:5px; width:147px; border-bottom:1px solid #e1ebce; }
#foot-browse li.odd { margin-left:36px; }	
@media all and (max-width: 767px) {
#foot-browse li.odd {
    margin-left: 0;
}
#foot-browse li {
    width: 100%;
}
#footer .col-xs-12 {
    margin-bottom: 2em;
    text-align: center;
}
}  
#foot-browse li a { font-size:13px; line-height:18px; color:#464646; }

/*#foot-misc { margin:0; }*/
#foot-misc .foot-search { position:relative; margin-bottom:40px; }
#foot-misc .foot-search input {     
    padding: 10px;
    width: 100%;
    height: auto;
    font-size: 13px;
/*    line-height: 32px;*/
    font-style: italic;
    color: #7f7f7f;
    background: #fff url(/assets/images/search-icon.gif) no-repeat 95% 50%;
    border: 1px solid #e8e8e8;
}

#foot-misc a { padding-right:10px; font-size:22px; color:#464646; }
#foot-misc a:hover { color:#a8c96c; }

#footerer { margin-top:32px; padding:20px 0; background-color:#464646; overflow:hidden; }
#footerer p { text-align: center; font-size:12px; line-height:16px; color:#ededed; }
#footerer a {
    color: transparent;
    text-align: center;
}
#footerer ul { float:right; }
#footerer li { float:left; display:inline-block; margin-left:30px;  }
#footerer li a { font-size:12px; line-height:16px; color:#5e5e5e; }
#footerer li a:hover { color:#ededed; }

/* Extras */
#gototop a { display:block; margin:10px auto; width:100px; font-size:10px; line-height:26px; color:#fff; text-transform:uppercase; text-align:center; }

/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.fancybox-opened { z-index:8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5); }
.fancybox-outer,.fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }
.fancybox-image,.fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; }
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span { background-image:url(/assets/images/fancybox_sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url(/assets/images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(/assets/images/blank.gif); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
.fancybox-prev { left:0; }
.fancybox-next { right:0; }
.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; }
.fancybox-prev span { left:10px; background-position:0 -36px; }
.fancybox-next span { right:10px; background-position:0 -72px; }
.fancybox-nav:hover span { visibility:visible; }
.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible!important; }

/* Overlay helper */
.fancybox-lock { overflow:hidden; }
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(/assets/images/fancybox_overlay.png); }
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; }
.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }

/* Title helper */
.fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; }
.fancybox-opened .fancybox-title { visibility:visible; }
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; }
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; 
/* Fallback for web browsers that doesn't support RGBa */
background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; }
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; }
.fancybox-title-inside-wrap { padding-top:10px; }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8); }


/* Example Styles for Demo */
#tab-container { padding:40px 0 30px; width:243px; }

#tabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; border:1px solid #e5e5e5; border-bottom: none; border-top:2px solid #69c; }
.tab a { display: block; padding: 0 10px; font-size:16px; line-height:26px; font-style:italic; color:#898989; }
.tab a:hover { text-decoration: underline; }
.tab.active { background: #fff; padding-top: 6px; position: relative; top: 2px; border-color: #e5e5e5; border-top:2px solid #464646; }
.tab a.active { font-weight: bold; }
#tab-container #panel-container { background: #fff; border:1px solid #e5e5e5; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
#panel-container { margin-bottom: 10px; }

#panel-container .entries { margin:10px 10px 0; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }
#panel-container .entries:last-of-type { border:0; }
#panel-container .entries .post-meta { margin-bottom:10px; font-size:12px; line-height:18px; font-style:italic; color:#898989; }
#panel-container .entries .post-meta i { margin-left:10px; }
#panel-container .entries h3 a { font-size:bold 16px; line-height:18px; color:#464646; }

.ads { margin:0 0 60px; }


.float-left {float:left;}
.skip-upload-step {display:inline-block; float:left; margin-top:20px; margin-left:15px;}


/* BOTTOM MOBILE NAVIGATION */
.mobile-bottom-nav .navbar {
    padding: 0;
    border-top: 1px solid #cfcfcf;
}
.mobile-bottom-nav .navbar-nav .nav-item+.nav-item {
    margin-left: 0;
}
.mobile-bottom-nav {
    text-align: center;
    font-size: 1.75rem;
}
.mobile-bottom-nav a {
    color: #a8c96c;
}

.nav-item .fa-2x {
    font-size: 1em;
}


/* TEST MOBILE NAV */
/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0
}



/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
/* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
@media (max-width:767px) { 
    #slide-nav .container {
        margin: 0!important;
        padding: 0!important;
      height:100%;
    }
    #slide-nav .navbar-header {
        margin: 0 auto;
        padding: 0 15px;
    }
    #slide-nav .navbar.slide-active {
        position: absolute;
        width: 80%;
        top: -1px;
        z-index: 1000;
    }
    #slide-nav #slidemenu {
        background: #f7f7f7;
        left: -100%;
        width: 80%;
        min-width: 0;
        position: absolute;
        padding-left: 0;
        z-index: 2;
        top: -8px;
        margin: 0;
        margin-top: 70px;  
    }
    #slide-nav #slidemenu .navbar-nav {
        min-width: 0;
        width: 100%;
        margin: 0;
    }
    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
        min-width: 0;
        width: 80%;
        white-space: normal;
    }
    #slide-nav {
        border-top: 0
    }
    #slide-nav.navbar-inverse #slidemenu {
        background: #333
    }
    /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
    #navbar-height-col {
        position: fixed;
        top: 0;
        height: 100%;
      bottom:0;
        width: 80%;
        left: -80%;
        background: #f7f7f7;
    }
    #navbar-height-col.inverse {
        background: #333;
        z-index: 1;
        border: 0;
    }
    #slide-nav .navbar-form {
        width: 100%;
        margin: 8px 0;
        text-align: center;
        overflow: hidden;
        /*fast clearfixer*/
    }
    #slide-nav .navbar-form .form-control {
        text-align: center
    }
    #slide-nav .navbar-form .btn {
        width: 100%
    }
}
@media (min-width:768px) { 
    #page-content {
        left: 0!important
    }
    .navbar.navbar-fixed-top.slide-active {
        position: fixed
    }
    .navbar-header {
        left: 0!important
    }
}


.wsmenu {
    right: -240px !important;
    left: auto !important;
}
.wsoffcanvasopener .wsmenu {
    left: auto;
    right: 0px !important;
}
.wsmenucontainer.wsoffcanvasopener {
    margin-left: 0px !important;
    margin-right: 240px !important;
}
.wsoffcanvasopener .animated-arrow {
    left: auto !important;
    right: 200px !important;
}
.animated-arrow {
    left: auto !important;
    right: 0px !important;
    margin: 18px 21px 0 0px;
}
.callusicon {
    left: 18px;
    right: auto !important;
}
/*body {
    padding-top: 40px;
}

header {
    background: #f5b335;
    height: 40px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

.nav-up {
    top: -40px;
}*/

.header.nav-down.hidden-lg-up {
    padding: 0 0 0.5em 0;
}

.mobile-sub .wsmenu-submenu li.level-3.last {
    padding-bottom: 10px;
}

.card-columns{
-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem
}
.card-columns .card{
display:inline-block;width:100%
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.card {
    background-color: transparent;
    margin-right: 3em !important;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}