/*   
Theme Name: KW Hydroseed
Theme URI: http://kwhydroseed.com
Description: A custom theme template.
Author: QT Web Designs
Author URI: http://qtweb.ca
Version: 1.0
*/


html {}
body,td,th {}
body {margin: 0;padding: 0;font-size:62.5%; font-family: 'Roboto', sans-serif;}
.wrapper {clear:both; width: 1200px; margin: 0 auto;}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0;}
a {color: #39afac; text-decoration: underline;}
a:hover {color: #666; text-decoration: none;}
a:link img {border: none; }


/*TRANSISTIONS*/
nav li a, h6 a, #logo, #resize #plusBtn, #resize #minusBtn  { -ms-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out;}

.float-panel .wrapper, .float-panel, footer a, a {-ms-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
/*CLEAR*/
.wrapper:after, header:after, #header-top:after {clear:both;content:""; display:table;}

/* Header Elements  */
header {padding-top: 0px;}

#header-top {background: #39afac; width: 100%;color: #fff; }
#header-top ul {list-style:none; padding: 20px 20px;}
#header-top li {float: left;font-size: 14px; font-weight: 100; letter-spacing: 1px;}
#header-top li:nth-child(2) {float: right; text-transform: uppercase;}
#header-top a {color: #fff; text-decoration: none;}
#header-top a:hover {text-decoration: underline;}	

#banner {padding: 0px 0 0; position: relative; top: 0px; clear:both !important; text-align:center;}
#banner img {width: 100%; height: auto;}
#banner .wrapper {position: absolute; top: 150px; left:0; right: 0; margin: 0 auto; width: 600px}
#banner .title {line-height: 1em; font-size: 7.0em; letter-spacing: 3px; font-weight: 600; display: block; color: #fff; text-shadow: 1px 1px 4px #333; }
.subtitle {font-size: 3.0em; font-weight: 600; color: #fff;  text-shadow: 1px 1px 4px #333;}


/* Standard Page Elements  */

h1 {font-size: 3.0em; line-height: 3.0em; font-weight: 500; margin: 10px 0; padding: 20px 0px 10px ; border-bottom: 1px solid #ccc;}
h2 { font-size: 3.5em; font-weight: 600; margin: 10px 0; padding: 10px 0; }
h2 a {text-decoration:none;} 
h2 a:hover {}
h2:after {content: url("images/header-bottom.jpg"); display: block; padding: 0; margin: 0 0 40px; }
h3 {font-size: 3.0em; line-height: 1.3em; padding: 10px 0 5px; margin: 2px 0;} 
h3 a {text-decoration:none;} 
h3 a:hover {}
h4 {font-size: 2.0em; line-height: 2.0em; padding: 10px 0 5px; margin: 2px 0;}
h5 {font-size: 2.0em; padding: 10px 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 400;}
h6 {margin: 20px 0; font-size: 2.0em; display: block;}
p {font-size: 1.6em; line-height: 1.8em; margin: 0 0 15px; padding: 0;}
ul,ol {margin: 0 0 10px 20px; padding: 0; }
li {padding-bottom: 7px; font-size: 1.6em; line-height: auto;}

.wp-block-button {margin: 25px 0;}
.wp-block-button a {font-size: 1.6em; background: #39afac !important; padding: 15px 40px; border-radius: 0px; border: none !important; color: #fff !important; text-decoration: none; text-transform: uppercase;  display: inline-block; text-align: center;}

.wp-block-button__link {
    white-space: normal;
    overflow-wrap: break-word;
}

.wp-block-button a:hover {background: #666 !important;}

#content {clear:both; margin:40px 0;}
#content img {box-shadow: 10px 10px 0 0 #ccc; max-width: 80%; height: auto;}
#content ul {list-style:none; margin: 0;}
#content ul li {margin: 20px 0; font-size: 1.6em;}
#content h2 {text-align:center;}
#content p {text-align:center; font-size: 1.8em; margin-bottom: 40px;}
section {clear:both; float: left; width: 70%; margin: 0; padding: 0;}
article {display: block; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 10px 0;}
iframe {width: 100%; height: auto;}

.alignleft  {float: left; margin-right: 10px; max-width: 50%; height: auto;}
.alignright {float: right; margin-left: 10px; max-width: 50%; height: auto;}
.aligncenter {margin: 0 auto; display:block;}
.alignnone, .aligncenter  {max-width: 100%; height: auto;}
.wp-block-image img {height: auto;}

blockquote {margin: 20px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 20px 0;}
blockquote p {line-height: auto; }
.meta {padding: 5px 0;}
.postmetadata {margin: 20px 0;}
hr {background-color: #999; height:1px; border:none;margin: 20px 0;}
#clear {clear: both;}
.break {clear:both; display: block;}

.full-bg {background: url("images/full-bg-size.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;   -moz-background-size: cover; -o-background-size: cover;  background-size: cover;}
#full-width-background {padding: 120px; }

/* Standard Page Formatting  */
.left-one-third {float: left; width: 30%;}
.left-two-thirds {float: left; width: 67%;}
.middle-third {width: 30%; float: left; margin-left: 5%;}
.right-one-third {float: right; width: 30%;}
.right-two-thirds {float: right; width: 67%;}

.left-half {float: left; width: 45%;}
.right-half {float: right; width: 45%;}

/* Feature - 3 Column  */
.features {text-align: center;}
.features div {width: 22%; display: inline-block; vertical-align:top; padding: 10px 1.3%; margin-right: 12%; margin-bottom: 10px;}
.features div:nth-of-type(3n) {margin-right: 0;}
.features div:nth-of-type(3n+1) {clear:both;}
.features img {width: 60%; height: auto; padding-bottom: 20px;}
.features h3.title {}

#bar {background: url("images/paralax-bg.jpg") no-repeat center center fixed; 
	-webkit-background-size: cover;   -moz-background-size: cover; -o-background-size: cover;  background-size: cover;padding: 90px 0; text-align:center; margin: 40px 0;}

#bar h2 {font-weight: 400; font-size: 40px; color: #fff;text-shadow: 1px 1px 5px #333}
#bar h2:after {content:none;}
#bar .bold {font-weight: 600;}

#value h2 {text-align:center;}


#map {color: #fff; background: url("images/ontario-banner-sm.jpg") no-repeat center center; 
	-webkit-background-size: cover;   -moz-background-size: cover; -o-background-size: cover;  background-size: cover;padding: 80px 0;}
#map a{color: #fff; }

/* Return To Top Button */
#return-to-top {position: fixed;z-index: 1000; bottom: 20px;right: 20px; background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

#return-to-top svg {color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 1.9em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover i {color: #fff; top: 5px;}


/* Wordpress gallery Thumbnail and Medium sized images, 2, 3, 4 column layouts */
#sb-container {z-index: 99999;}

.gallery-columns-2.gallery-size-thumbnail .gallery-item, .gallery-columns-2.gallery-size-medium .gallery-item {width: 40%; display: inline-block;margin: 10px 5%;  vertical-align: top;}
.gallery-columns-3.gallery-size-thumbnail .gallery-item, .gallery-columns-3.gallery-size-medium .gallery-item {width: 29%; display: inline-block;margin: 10px 2%;  vertical-align: top;}
.gallery-columns-4.gallery-size-thumbnail .gallery-item, .gallery-columns-4.gallery-size-medium .gallery-item {width: 20%; display: inline-block;margin: 10px 2%;  vertical-align: top;}

.gallery-size-thumbnail img, .gallery-size-medium img, .gallery-size-large img {width: 100%; height: auto; border: 1px solid #ccc;}	

.gallery-caption {text-align: center;}	
dd {display: block; -webkit-margin-start: 0px;}

figure {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* Stop last row images in gallery from distributing 100% width */
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
  flex-grow: inherit;
}

/* Sidebar Elements  */
aside {float: right; width: 25%; margin: 0px;}
aside h2 {font-size: 2em;}
aside ul {}
aside li {}
aside li a {}
aside li a:hover {}
aside p {font-size: 1.5em; line-height: 1.5em;}

/* Footer Elements  */
footer {clear:both; color: #fff; background: #333; font-size: 80%; padding: 20px 0; margin: 0px 0 0 }
footer .wrapper {text-align: center;}
footer .wrapper div {}
footer h2 {font-weight: 300; font-size: 20px;}
footer h2:after {content:none;}
footer p {}
footer a {color: #fff; }
footer a:hover {}

#footer-left, #footer-mid, #footer-right {display: inline-block;width: 49%;vertical-align: top; padding: 0;}
#footer-left { margin: 10px 0; text-align: left;}
#footer-mid {margin: 10px 4.5%; text-align: center;}
#footer-right {margin: 10px 0; text-align: right;}
#footer-bottom {clear:both; display: block; border-top: 1px solid #999; margin: 10px 0; padding: 10px 0;}
footer .break {}
.qt-footer {}
.qt-footer a {text-decoration: none;}


/* Standard Forms */
form { }
input[type=email], input[type=text], input[type=password] {padding: 10px 3%; width: 94%; margin-bottom: 10px;-webkit-appearance: none; border: 1px solid #ccc;}
textarea {margin: 0; }
select {padding: 4px 2%;  margin-bottom: 5px;}
input[type=text]:focus {}
input[type=submit] {margin: 10px 0px; background: #555; padding:10px 5%; border:0; border-radius: 0; font-weight: bold; text-transform: uppercase; color:#fff; font-size: 100%; cursor:pointer; -webkit-appearance: none;}
input[type=submit]:hover {background: #ccc;padding:10px 5%;}


	/* Gravity Forms */
	.gform_wrapper {margin: 16px 0; max-width: 40%;}
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: inherit; font-family: inherit; padding: 15px 14px; letter-spacing: normal; width: 100%; }
		.gform_wrapper textarea {padding: 15px 14px;line-height: 1.5;resize: vertical;}
	.gform_wrapper .gform_footer {padding: 6px 0 10px; margin: 6px 0 0; clear: both; width: 100%;}
.gform_wrapper select {
    margin-bottom: 7px !important;
    padding: 14px 0 !important;
    margin-top: 0px !important; border: 1px solid #ccc !important;
}

	/*Removes Label and Required Fiels  */
	.gform_wrapper .top_label .gfield_label {display: inherit;}

/* Responsive Video - needs a div around the video (see functions.php) */
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
 .video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Collapseomatic Styles */
.collapseomatic {background-image: none !important ; background-repeat: no-repeat; padding: 5px 10px; font-size: 1.3em; text-transform: uppercase; cursor: pointer; font-weight: 600; margin-bottom: 30px; display: inline-block; border: 1px solid #ddd;}
.collapseomatic:hover {text-decoration: none; background: #eee;}
.collapseomatic:before {content: "+"; font-style:normal; font-size: 1.2em; font-weight: 900;padding: 12px 5px 0 0}
.collapseomatic_excerpt, .collapseomatic_content {margin-top: 0px; margin-left: 16px; padding: 0px;}
.colomat-close:before {content: "-"; font-family:"Font Awesome 5 Free";  font-style:normal; font-size: 1.2em; font-weight: 900;padding: 12px 5px 0 0}
.colomat-close {}

	/* Collapseomatic Styles */
	.event_data {margin: 20px 0;}
	.event_date {font-size: 1.6em !important; padding: 20px 10px;}
	.eventpost-date-export, .event_category {display: none;}


.rsOverflow{}
.royalSlider{}
.rsContentSlider img{ width:100% !important; height: auto !important; }

.rsContentSlider h3, .rsContentSlider p{margin: 0;}
.rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs {
   background: #fff; color: #333;}


/*Fix Full Screen Search Glitches*/
/*Fixes Footer Spacing*/
#full-screen-search {display:none !important;}
#full-screen-search.open {display:block !important;}

/*Fix X showing in IE*/
#full-screen-search button.close {display:none;}
#full-screen-search.open button.close {display:inherit;}


/*Responsive menu pro */
#responsive-menu-pro-button {top: 25px !important; right: 3% !important;}
#responsive-menu-pro-button .responsive-menu-pro-button-lines {width: 33px !important; height: 27px !important; margin: auto !important;}

	
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1250px or less */
@media screen and (max-width: 1250px) {
#logo {width: 10%;}	
.wrapper {width: 96%; }

	nav {margin: 10px 0px !important; }
.alignleft {width: 50%; height: auto;}
.alignright {width: 50%; height: auto;}
	#banner .wrapper {position: absolute; top: 100px; left:0; right: 0; margin: 0 auto; width: 600px}
}

/* for 900px or less for phone in landcape mode*/
@media screen and (max-width: 900px) {
	#banner .wrapper {position: absolute; top: 50px; left:0; right: 0; margin: 0 auto; width: 600px}
	#banner .title {font-size: 45px;margin-bottom: 20px;}
	#banner .subtitle {font-size: 20px; }
	#bar .bold {display: block;}
	#footer-left, #footer-right {width: 100%; float: none; text-align: center}
}
/* for 768px or less for phone in landcape mode*/
@media screen and (max-width: 768px) {

	/* float panel css */	
	.float-panel {position: relative;}
	.float-panel.fixed {display:none;}
	
	#map {background: url("images/ontario-banner-iso.png") no-repeat top center; 
	-webkit-background-size: 100%;   -moz-background-size: 100%; -o-background-size: 100%;  background-size: 100%;padding: 80px 0; background-color: #39afac; padding-top: 450px;}
	#content .right-half {margin-top: 40px;}
.alignnone, .aligncenter {width: 100%; height: auto;}
.reg-size {width: inherit !important; height: auto;}
nav {display:none;}
section {width: 100%; float: none; margin: 0 auto;}
aside {width: 100%;  float: none; margin: 0 auto;}

.gform_wrapper {max-width: 100%;}
	.features div {width: 75%;margin-left: 6%;margin-right: 0;}
.left-one-third, .left-two-thirds, .right-one-third, .right-two-thirds, .middle-third {margin-left: 5%; float: none; width: 100%;}
#banner .wrapper {position: absolute; top: 50px; left:0; right: 0; margin: 0 auto; width: 90%}
.left-half {float: none; width: 100%;}
.right-half {float: none; width: 100%;}
#resize {display:none;}
	
#footer-left, #footer-mid, #footer-right {width: 80%;}
#footer-left ul {list-style:none; margin: 0;}
#footer-left {text-align: center;}
#footer-mid {text-align: center;}
#footer-right {text-align: center;}
footer .break {display:inline; margin-left: 5px; padding-left: 5px; border-left: 1px solid #fff; }
}

/* for 600px or less for phone in portrait mode*/
@media screen and (max-width: 600px) {
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 a {}
p {}
#logo {width: 20%;}

.alignleft {width: 100%; height: auto; margin-right: 0; }
.alignright {width: 100%; height: auto; margin-left: 0;}
#banner .wrapper {position: relative; top: 0px; left:0; right: 0; margin: 10px auto; }
#banner .title {font-size: 4.0em; color: #000; text-shadow: none;}
.subtitle {font-size: 2.5em; color: #000;  text-shadow: none;}
	#header-top li {text-align: center !important; display: block; float: none !important;font-size: 14px; font-weight: 100; letter-spacing: 1px; margin-bottom: 10px;}
	#header-top ul {margin: 0px 0; padding: 0; }
	#header-top {padding: 10px 0 0;}

}

/* for 480px or less for phone in portrait mode*/
@media screen and (max-width: 480px) {
	#map { padding-top: 250px;}
    .features div {width: 90%; margin-right: 0;}
    .features div:nth-of-type(3n) {margin-right: 0;}
    .features4 div {width: 90%; margin-right: 0;}
    .features4 div:nth-of-type(4n {margin-right; 0;})
footer .break {display:block; margin-left: 0px; padding-left: 0px; border-left: 0px }
    
}


/* Begin other CSS elements */

.wp-paginate {}
.wp-paginate li {}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {}
.wp-paginate .current {color:#fff; background:#333; border:1px solid #89adcf; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

.do-not-print { display: none; }
#comments { page-break-before: always; }
table {}
th { border-bottom: none }
td { border-bottom: none; }
th, td {padding: 4px;}
caption, .wp-caption-text { background: #fff; margin-bottom: 20px; text-align: left; font-size: 1.2em; font-style: italic;}
thead { display: table-header-group; }
tr { page-break-inside: avoid; }
	
#respond {margin-top: 30px;}
#respond div {padding-bottom: 10px;}	
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 1em; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p {font-size: 1em;}
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 1.1em; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }