/*
Theme Name: H&H Nursery_ADA
Theme URI: 	http://hhnursery.com
Description: Garden Center News & Nursery
Version: 	1.3
Author:		Mahesh Sangam
Author URI:	http://www.gardencenternews.com
Tags:		garden center news, nursery, fruit galleries, flower galleries, landscaping,  

*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    margin: 0;
    padding: 0px;
    height: 100%;
    font-family: 'Open Sans', sans-serif;
	background-color: #333;
    background-image: url('img/springbg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
body.admin-bar .navbar-fixed-top {position:fixed;top: 32px;z-index: 1000;height: 40px;}

h2, .h2{font-size: 28px; font-weight: bold; }

h1, h2, h3 {
    margin-bottom: 10px;
    margin-top: 10px;}

/* link color */
a{color:#67a550;}
a:focus, a:hover{color:#ff0052;}

.front-body{margin:10px 0 0 0;}

.btn-success {
	background-color: #07452e;
	border-color: #07452e; 
}

/* Fade transition for carousel items */

.carousel .item {
   left: 0 !important;
   -webkit-transition: opacity .4s;
    /*adjust timing here */ 
   -moz-transition: opacity .4s; 
   -o-transition: opacity .4s; 
   transition: opacity .4s; 
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
}
.carousel-control { 
   background-image: none !important; 
   /* remove background gradients on controls */ 
} 

/* Fade controls with items */

.next.left, .prev.right {
   opacity: 1; 
   z-index: 1;
}

.active.left, .active.right {
   opacity: 0;
   z-index: 2;
}

/* Custome CSS Developed */
.topaddress{color:#fff; padding-top: 1em; border-bottom:1px solid rgba(255,255,255,0.2);}
.fourboxes{color:#fff;}
.fourboxes h3{margin:4px 0; padding:0; font-weight: bold;}
/*.fourboxes img{border:5px solid green;}*/
.pagetopgap{display:block; height:145px}
.thumbnail{margin-bottom:0;}

/* Youtube Embed Responsive */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Menus */
.navbar {margin:0; background-color: rgba(0,0,0,1); /*background-image: url(img/hd-bg.png); background-position: 0 -1530%;*/ text-transform: uppercase;}
.navbar h1{margin:0;}

.navbar-inverse {
    border-color: none;
    border:none;
}

.navbar-inverse .navbar-brand {padding-bottom: 11px;color:#282826; letter-spacing: -2px;font-weight: 400; font-size: 22px;}
.navbar-inverse .navbar-brand .arrow{margin-right:4px;}
.navbar-nav ul{list-style-type: none}
.navbar-inverse .navbar-nav > li > a {background-color: rgba(0,0,0,0.9); color:#fff; font-weight: 400;}
.navbar-inverse .navbar-nav > li > a:hover {background:#004832; font-weight: 400;}

	.navbar-inverse .navbar-nav > .active > a, 
	.navbar-inverse .navbar-nav > .active > a:hover, 
	.navbar-inverse .navbar-nav > .active > a:focus {background-color: #282826; color: #FFFFFF;}
	
	.navbar-sub{background: #f0ede3;}
	.navbar-sub .navbar-nav > li > a{color:#666; }
	.navbar-sub .navbar-nav > li > a:hover{background: #dcd9d0; color:#000;}
	

/* Featured Content */
.featured{display:none; background: #573c29;min-height: 50px}
.featured .item-featured{position: relative;overflow:hidden;padding:0;}

	.featured img{z-index: 50;width: 100%; height:auto;opacity:0.6;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;}
	
	.featured .item-featured:hover > a img{opacity:1; 
	    -webkit-transform:scale(1.1);
	    -moz-transform:scale(1.1);
	    -ms-transform:scale(1.1); 
	    -o-transform:scale(1.1);
	    transform:scale(1.1);
	    }
	    
	 .yt-featured{width:132.9%!important;margin-left:-15%;}
	
	.featured .caption{position: absolute; bottom:0;z-index:100;width:100%; background: url(img/bg.png) repeat-x;color:#fff;}
	.featured .cat{padding:0 20px;color: #fff;text-transform: uppercase;text-shadow: 0 0 3px #000;font-weight: 700; font-size:12px;}
	.featured .date{padding:0 20px;color: #00ebbe;text-transform: uppercase;text-shadow: 0 0 3px #000;font-weight: 700; font-size:12px;}
	.featured .title{margin:0;padding:5px 25px 25px 25px; text-transform: uppercase; font-weight: 400;font-size: 27px;}
	
	.spacer{height: 50px;}
	
	
/*** Grid ***/
.cont-grid{float:right;padding: 10px 0 0 5px;border-left: 1px solid #eee;}

	.cont-grid .post{padding:20px 25px 20px 15px;}
	.grid-cat{margin:0px 0 0 0; color: #333;text-transform: uppercase; font-weight: 700; font-size: 13px;}
	.grid-tit{margin:10px 0 10px 0; text-transform: uppercase; font-weight: 300;font-size: 28px; }
	.grid-tit a{color:#333;}
	.grid-tit a:hover{color:#ff0055;}
	.grid-cop{padding: 10px 0 0px 0;}
	.grid-text{padding:15px 0 0 0;}
	
	.grid .item {float: left; margin:4px; padding:6px; width: 20%; height: auto; border:1px solid #999; background: #fff; text-align:left;}
	.grid .item img{margin:0;width:100%;height:auto;line-height: 0; padding:2px;}
	.grid .item-w2 {width: 40%;}
	.grid .item-h2 {height: 322px;}
	.grid .item-h3 {height: 485px;}
	
	
	/* isotope */
	.isotope .isotope-item {
		-webkit-transition-duration: 0.8s;
		-moz-transition-duration: 0.8s;
		transition-duration: 0.8s;
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		transition-property: transform, opacity;
	}
	
	
	/* Pagination */
	.pagination{padding: 0 0 0 15px;}
	.pagination span, .pagination a{padding: 9px 14px;border: 1px solid #eee;}
	
	
/* Single */
.single{float:right;margin:0;padding:0; background:#fff;}

	.sing-cop{width:100%; height:auto;}
	.sing-tit-cont{position: relative; margin:0; margin-left:0; padding:10px; width:100%; background:#fff;}
	.sing-tit{margin:10px 0; text-transform: uppercase; font-weight: 300;font-size: 30px;}
	.sing-spacer{padding:2%;}
	.sing-cont{position: relative;margin:0;width:100%; font-size: 16px; line-height: 26px; background:#fff;}
	.single-in{padding:0;}
	.meta{margin:0;padding:0;color:#999;text-transform: uppercase;}
	.cat{margin:10px 0 0 0; color: #333;text-transform: uppercase; font-weight: 700; font-size: 13px;}
	.tag-post{color:#02c29d; text-transform: capitalize;}
	
	.spacer-sing{height:100px;}
	
	/* Comments */
	#comments h3{margin-bottom: 20px;text-transform: uppercase; font-weight: 300; font-size: 20px;}
	
	ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
	ol.commentlist li.comment { border-top:1px solid #eee; padding:1em; }
	ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px }
	ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 6px 1em 1em 0; border-radius:50px;}
	ol.commentlist li.comment div.comment-meta { font-size:12px; }
	ol.commentlist li.comment ul {  margin:0 0 1em 2em; }
	ol.commentlist li.comment div.reply { font-size:11px; margin-left:80px}
	ol.commentlist li.comment div.reply a { font-weight:bold; }
	ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
	ol.commentlist li.comment ul.children li.depth-2 { border-left:1px solid #eee; margin:0 0 .25em .25em; }
	ol.commentlist li.comment ul.children li.depth-3 { border-left:1px solid #eee; margin:0 0 .25em .25em; }
	ol.commentlist li.comment ul.children li.depth-4 { border-left:1px solid #eee; margin:0 0 .25em .25em; }
	ol.commentlist li.even { background:#fff; }
	ol.commentlist li.parent { border-left:1px solid #eee; }
	ol.commentlist li.bypostauthor .fn{	font-weight: bold;}

	input{ margin-top:5px;padding:5px;width:100%;border:none;background: #eee;}
	textarea{ float:left;padding:10px;width:100%;border:none;background: #eee;}
	#submit{margin-top:10px;background: #00ebbe; color:#fff;text-transform: uppercase;padding: 15px 20px;}
	
	/* Video Resposnive */
	.videoWrapper {position: relative;margin-bottom: 70px;padding-top: 25px;padding-bottom: 56.25%; /* 16:9 */height: 0;}
	.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	
	.link-video{position:relative;}
	.link-video i{position: absolute; top:50%; left:50%;margin:-20px 0 0 -25px ;background: url(img/circle-white.png) no-repeat center center;}


	/* Gallery */
	.gallery {margin: 0 0 10px 0!important;}
	.gallery-item {float: left;margin: 0!important;width: 33.333333%;text-align: center;}
	.gallery img { margin: 5%!important;width: 90%!important;border: none!important;}
	.gallery-caption {margin-left: 0;}


	
/* Primary Sidebar */
.sidebar{float:left;}	
.sidebar .widget{padding: 4px 4px 0px;}
.sidebar .widget h3{text-transform: uppercase;font-weight:700;font-size: 14px;}
.sidebar .widget a{ display:block; padding:2px 1px;border-bottom: 1px solid #eee;}
.sidebar .widget ul{padding:0;list-style-type: none;}
.sidebar .widget ul li a{padding-left: 0;}

	.sidebar .social{ float:left;margin: 20px 0 30px 0;width: 100%;}
	.sidebar .social a{display: block;float:left;padding:10px;}

	/* Tab */
	.sidebar #myTab{margin-top:20px;}
		.tab-spacer{padding:0 10px 0 10px;}
		.tab-content{float:left;margin: 10px 0 60px 0; width:100%;}
		.tab-content a{float:left;padding: 10px 0 0 0;min-height: 75px;width: 100%;border-bottom:1px solid #f0efef;text-decoration: none;}
		.tab-content a:last-child{border:none;}
		.tab-content img{float:left;margin:0 20px 10px  10px;padding:0; width:60px; height:60px;border:0; border-radius:50%;}
		.tab-content .title{ margin: 5px 0 0 0;color:#000; text-transform: uppercase;font-weight: 400;font-size: 16px;}


/* Secondary Sidebar */
.sec-sidebar{float:right;margin: 0;padding:0;width:100%;}
.sec-sidebar .widget{padding: 10px 10px 20px 10px;}
.sec-sidebar .widget a{ display:block; padding: 10px 15px;border-bottom: 1px solid #eee;}
.sec-sidebar .widget h3{text-transform: uppercase;font-weight:700;font-size: 14px;}
.sec-sidebar .widget ul{padding:0;list-style-type: none;}
.sec-sidebar .widget ul li a{padding-left: 0;}


/* Footer */
.footer{float:left; padding:2px; width:100%;background: #333;color:#fff;}
.footer span{text-transform: uppercase;}
.logo-row {
  display: flex;
  align-items: center;   /* vertical alignment */
  justify-content: center; /* optional: evenly center logos */
  margin-bottom: 20px !important;
}
.logo-row .col-xs-4 {
  display: flex;
  justify-content: center;
}
.logo-row img {
  max-height: 60px; /* adjust so they visually balance */
  height: auto;
  width: auto;
}


/* General */
.row{margin:10px 0 0;padding:0;}
.panel{margin:4px; padding:0px; background: rgba(255,255,255,0.3); border:1px solid green;}

.sticky {border-right:3px solid #eee;border-bottom: 3px solid #eee }

.wp-caption {border: 1px solid #ccc; text-align: center; padding: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none; width:100%!important;height:auto;}
.wp-caption p.wp-caption-text {font-size: 1em; line-height: 17px; padding: 8px; margin: 0; }

/* only in home caption full width */
.cont-grid .wp-caption {max-width:100%;width: 100% !important;height:auto; }


.alignleft{float:left; margin-right: 20px;}
.alignright{float: right; margin-left: 20px;}
.aligncenter{margin:  0 auto;display: block}


#s{width: 100%}
#searchsubmit{background-color: #333;color:#fff}


/* Search */
.result{margin-left:5px; text-transform: uppercase;}
#srch-term{border:none;background:none; box-shadow: none;}
.search-cont{padding:0;}
.btn-default{border: none; background: none;}



@media (max-width: 1000px) { 
	.col-sm-3{width: 23%}
	.featured{margin-top:50px}
	.cont-grid, .sidebar{width:100%;}	
	.single{float:left; width:100%;border-left: none;}	
	
}


@media (max-width: 760px) { 
.gallery-item img{width:100%; height:auto;}
        .topaddress{display:none}
	.col-sm-3{width: 23%}
	#mainmenu{float:left;width:100%;}
	
	.navbar-form {border:none}
	.sing-tit-cont{margin:0; width:100%;}
	.sing-cont{margin-left:5%;width:90%;}
	
	.navbar-toggle {border:none}
	.navbar-toggle:hover {background:#fff!important}
	.navbar-toggle .icon-bar{background:#333!important}
	
}

.sr-only {
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}

/*Media Queries*/
@media (max-width: 1024px) {
	/*fonts*/
	h3, .h3 {
    font-size: 20px;
 }
}

@media (max-width: 768px) {
/*table*/
/* Mobile-first: stack columns */
@media only screen and (max-width: 767px) {
  .table-responsive table,
  .table-responsive thead,
  .table-responsive tbody,
  .table-responsive th,
  .table-responsive td,
  .table-responsive tr {
    display: block;
    width: 100%;
  }

  /* Hide table headers visually but keep for screen readers */
  .table-responsive thead {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* Add spacing between year sections */
  .table-responsive tr {
    margin-bottom: 2rem;
    border: 1px solid #ddd;
    padding: 0.5rem;
  }

  .table-responsive td {
    border: none;
    padding: 0;
  }

  /* Style year label (from <th>) before each list */
  .table-responsive td:before {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.5rem;
  }

  /* Match each <td> with its column heading */
  .table-responsive td:nth-of-type(1):before { content: "2025"; }
  .table-responsive td:nth-of-type(2):before { content: "2024"; }
  .table-responsive td:nth-of-type(3):before { content: "2023"; }
  .table-responsive td:nth-of-type(4):before { content: "2022"; }
  .table-responsive td:nth-of-type(5):before { content: "2021"; }
  /* repeat for 2020–2016 table */
  .table-responsive td:nth-of-type(1):before { content: "2020"; }
  .table-responsive td:nth-of-type(2):before { content: "2019"; }
  .table-responsive td:nth-of-type(3):before { content: "2018"; }
  .table-responsive td:nth-of-type(4):before { content: "2017"; }
  .table-responsive td:nth-of-type(5):before { content: "2016"; }
}
}