/* Add your custom styles here */

/*.zen-menu-horizontal ul li {line-height: 25px;}*/
h3 a {color: blue;}
address {
    margin-bottom: 5px;
    font-style: normal;
    line-height: 12px;
}
.article-content {background: rgba(255,255,255,.8); padding: 20px;}
.djslider-default img.dj-image {
	border: 1px solid #ffffff!important;
	margin: 0 !important;
}

.article-content img {border: 1px solid #000; padding: 10px;}
.article-content img[src$=".png"] {border: none;}

.article-title span {color: #1b5f8f;}
#grid2wrap h3 span {color: #37393A;}

#grid3 .moduletable .store {float: left;}
.store {background-image: url(/images/home-intros/open-sign.png); border: 1px solid; color: #ffffff; display: inline-block; padding: 8px 10px; text-shadow: none; border-radius: 5px;}
#grid3 li {list-style: none;}

#zen-wrap #logowrap .zen-spotlight {padding-bottom:0; padding-top: 0;}

/*mobile menu*/
#topwrap a.btn:hover, #topwrap .pager li:not(.disabled) a:hover, #topwrap .pagination a:hover {color: #ffffff; background: #000;}
#off-canvas-menu .zen-nav.zen-nav-stacked li.active a, #off-canvas-menu .zen-nav.zen-nav-stacked li.active span.zen-menu-heading {color: #89c8e9;}
#topwrap a {color: #2363C3;}
#topwrap .btn, input.btn, input.button {background: #37393a;}
#topwrap .zen-menu-child li a {color: #89c8e9;}
#off-canvas-menu .zen-nav.zen-nav-stacked li li a:hover, #off-canvas-menu .zen-nav.zen-nav-stacked li span.zen-menu-heading:hover {color: #7fdb65; background: #336699;}
  
/*menu*/

#menu.zen-menu.zen-menu-horizontal ul.first-level > li {display: inline-table; font-size: 13px;}
#menu.zen-menu.zen-menu-horizontal ul.first-level > li a:hover {color: #89C8E9;}


/* for IE */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#menu.zen-menu.zen-menu-horizontal ul.first-level > li {display: table-cell;}
  div#menu.zen-menu.zen-menu-horizontal.zen-menu-center.zen-menu-below {max-height: 50px;}
  ul#regridart-170 li.mix {margin: 10px; padding: 10px;}
}
/* top-left menu*/
#top-left .moduletable.tablet-menu {padding: 10px;}
#top-left {background-color: #1470b3;}
#top-left {width: 100%; height: 100px;}
#top-left ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #336699;
}

#top-left li {
    float: left;
}

#top-left li a {
    /*display: block;*/
    color: white;
    text-align: center;
    padding: 10px 10px 10px 0;
     margin: 10px;
    text-decoration: none;
}

/* Change the link color to #blue on hover */
#top-left li a:hover {background-color: #fff; color: #336699;}
  
/*#top-left a {color: #fff;}*/
#top-left ul li {display: inline-block;}

/*ul.zen-menu-child.cols-:hover  {background: rgba(56, 51, 45, 0.8);}
.zen-menu-horizontal ul ul {background: rgba(56, 51, 45, 0.8);}*/

.zen-menu {background: #2e2e2e;}
ul.zen-menu-child.cols-:hover  {background: rgba(0, 0, 0, 0.8);}
.zen-menu-horizontal ul ul {background: rgba(0, 0, 0, 0.8);}

.zt-grid.zt-boxed .zt-image img {
    width: 200px;
    height: auto;
}

#grid6 .moduletable .module-inner {background: rgba(255,255,255, .5); padding: 10px; border-radius: 5px;}
#grid6 .zt-readmore .btn {padding: 5px; border-radius: 6px;}

/* column count */
.columns2 { 
            -webkit-column-count: 3; 
            -moz-column-count: 3; 
            column-count: 3; 
            padding-top:20px; 
            text-align:left; 
  column-rule: 1px solid;
  column-width: 150px;
        }
.columns2 p {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

#belowcontent {padding-top: 20px;}


/*columns*/

.columns {
    -webkit-columns: 250px 2; /* Chrome, Safari, Opera */
    -moz-columns: 250px 2; /* Firefox */
    columns: 250px 2;
}

.columns p {line-height: 12px;}

.keeptogether {display: inline-block; width: 100%;}
.keeptogether br {line-height: 10px;}

/*table*/

.sptable {
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    
    border-collapse:collapse;
    }

.sptable td {
    border-bottom:1px solid #cccccc;
    border-left:1px solid #cccccc;
    padding:.3em 1em;
    }

.sptable tr:nth-child(even) {background: rgba(238,238,238,0.3);}
.sptable tr:nth-child(odd) {background: rgba(255,255,255,0.9);}

table th:first-child, table td:first-child {padding-left: 20px;}

/* constant contact button */

.ccbtn {background-color: #2363c3; color: #ffffff; display: inline-block; padding: 10px; width: 225px;}
a.ccbtn {color: #ffffff; background: #2363c3;}
#logowrap .custom a:hover {color: #ffffff;}
.ccbutton {padding-top: 1px;}
.ccbtn:hover {
  background: #04CCF9;}

.ccbtn2 {background-color: #6b21b1; color: #ffffff; display: inline-block; padding: 10px; width: 225px;}
.ccbtn2 a {color: #fff;}
a.ccbtn2 p {color: #fff;}
a.ccbtn2 {color: #ffffff!important; background: #6b21b1;}
#logowrap .custom a:hover {color: #ffffff!important;}
.ccbutton2 {padding-top: 1px;}
.ccbtn2:hover {background: #04CCF9;}

#search  {width: 222px; float: right; padding-top: 25px;}
#logo {padding-top: 10px;}

/*donate btn*/

.donatebtn {
  background: #1B4B8D;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.donatebtn a {color: #ffffff;}

.donatebtn:hover {
  background: #04CCF9;
  text-decoration: none;
}

/*blog image float hack not working*/

.blog .img-left.article-image + .article-intro.clearfix {clear: none;}
.blog .item-image, .blog-featured .item-image {margin:0.5em 1em 0 0;}
.blog h2, .blog h3, .blog h4, .blog h5, .blog h6 {display: inline} 

/*#regridart-170.regridart .upper-mix img {width: 200px; height: auto; text-align: center;}
.upper-mix-hover{width: 200px;}
#regridart-170.regridart .upper-mix {width: 200px; margin: 0 auto;}*/
#grid1wrap {border-bottom: 1px solid; margin-bottom: 0;}
#grid2wrap {padding-top: 0; margin-top: 0px;}
#grid2wrap .row-padding-vert {padding: 0;}
#grid2wrap .zen-spotlight ul li .zt-col .zt-image img {padding:0;}
#grid2wrap .zen-spotlight ul li .zt-col {padding: 0;}

/*#grid2wrap .zen-spotlight ul li .zt-col .zt-image img {border-radius: 10px;}*/
#grid6 #zentools-174 {padding-bottom: 20px;}
#grid6 .moduletable {padding-top: 3%;}
#grid6 img {display: none;}

#bottomwrap  .zen-module-title h3 span {color: #ffffff;}
#bottom2 .moduletable {border-left: 1px solid; padding-left: 20px;}
#bottom3 .moduletable {border-left: 1px solid; padding-left: 20px;}

/*hikashop*/

.hikashop_product_image_subdiv {margin: 0 auto;}
.hikashop_product_quantity_field {border: 1px solid; width: 40px;}
#sidebar-2.sidebar{background: rgba(238,238,238,0.8); padding: 10px;}
#sidebar-2 div h3 {text-align: center;}
.btn.button.hikashop_cart_input_button {color: #000;}
.hkform-horizontal label {margin:0;}
#hikashop_checkout_login h2 {font-size: 2em;}

/* media queries */***********************************************************************

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #topwrap img {max-width: 300px; height: auto; padding: 30px 0 20px 0;}
  #sticky-fill.visible {display: none;}
  .accordionfaq .accordionfaqheader {line-height: 26px;}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  #sticky-fill.visible {display: none;}
  .accordionfaq .accordionfaqheader {line-height: 26px;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
 #mobile-logo img {max-width: 300px; height: auto; padding-bottom: 10px;}
  #sticky-fill.visible {display: none;}
  .accordionfaq .accordionfaqheader {line-height: 26px;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .article-content {padding: 0 10px 0 10px;}
  #sticky-fill.visible {display: none;}
  .accordionfaq .accordionfaqheader {line-height: 26px;}
}

/* iPads (landscape) ----------- */
@media only screen and (max-width : 1024px) {
 #navwrap .navbar-header {font-size: 12px; letter-spacing: 1px;}
  .accordionfaq .accordionfaqheader {line-height: 26px;}
  
  
}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1025px) and (orientation : portrait) {
  #sticky-fill.visible {display: none;}
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
  #top-left {display: none;}
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
  #top-left {display:none;}
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}