/*
Theme Name: VineTechCanada
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.blue {color: #335164}
.green {color: #76933c}
.grey {color: #a5a7aa}

.text-white, .text-white h1, .text-white h2, .text-white h3{color:#fff !important}

.header-orbitron {font-style:italic !important;}

.agdasima, .ag {font-family:'Agdasima';}

.uppercase, .allcaps {text-transform: uppercase}

.vc_custom_heading.ag {letter-spacing: 0.09em}

body.admin-bar .ocm-effect-wrap {z-index:1}

hr {
border: 0;
clear:both;
color: #ddd;
background-color: #ddd;
height: 1px;
width:100%;
margin:12px 0;
padding:0
}

.container-wrap p a, .container-wrap li a {color: #76933c}
.container-wrap p a:hover, .container-wrap li a:hover {text-decoration: underline}

.blog-title h1.entry-title {font-family: 'DM Sans' !important; text-transform: none !important; }


.nectar-milestone .number  {font-weight:400; font-family:'Agdasima';}

/* header */


li.link-head a {pointer-events:none;}
li.link-head a span {font-weight:bold;font-family:'Agdasima';font-size:20px; color:#76933c;}



.sf-menu>li ul {
padding:16px;
width: 22em;
}


/*body #page-header-bg .col {position:absolute;bottom:-6px; top:auto !important; transform:none;}*/
body #page-header-bg .col h1 {color:#fff;font-style:italic;text-shadow: 5px 5px 12px rgba(0,0,0,0.5)}

.dropshadow {text-shadow: 5px 5px 12px rgba(0,0,0,0.5)}

h1.blog_single {font-size: 32px; font-family: 'Orbitron'; font-style: italic; text-shadow: 5px 5px 12px rgba(0,0,0,0.25);text-align: center}

@media only screen and (min-width: 1000px) {	
	
	h1.blog_single {font-size: 40px}
	
	.h2-xl {font-size:48px;line-height:1.25;}
	
#page-header-bg h1 {
font-size: 60px;
line-height: 66px;
margin-bottom: 8px;}
	
    
  body #page-header-wrap,  body #page-header-bg {height:300px !important;}
/*body #page-header-bg .col h1 {font-size:4em;}*/
}


.ul-leaf ul {margin:0; padding: 0}

.ul-leaf ul > li {position: relative;
    padding-left:36px;
    list-style: none;margin:0 0 16px 0; line-height: 1.25
}

.ul-leaf ul > li:before {position: absolute;
    display: block;
    width: 20px;
    height: 20px;
top:4px; left:0;
    background: url(images/leaf.png) 0 0 no-repeat;
    background-size: contain;
    content: '';
}

.ul-leaf ol li {margin:8px 0; line-height: 1.25}

/* help tips */

.help-item {}
.help-item h3 {font-family: 'DM Sans' !important; margin: 0 !important; font-size: 18px}
.help-item h3 a {color:#76933c; display: block;padding:20px; border: 2px solid #76933c; margin-bottom: 0.6em; background: rgb(118,147,60,0.1);transition: all 0.2s linear !important;
	-moz-transition: all 0.2s linear !important;
	-webkit-transition: all 0.2s linear !important;
	-o-transition: all 0.2s linear !important;}
.help-item h3 a:hover {background: rgb(51,81,100,0.1); color:#335164; border:2px solid rgb(51,81,100) }

/* footer */

#footer-outer a {color: #fff !important;}
#footer-outer a:hover {color: #76933c !important;}

/* TOGGLES */


.portfolio-filters ul li, .portfolio-filters-inline ul li {
    display: block !important
}
h3 {
    color: #414042 !important
}
	
.toggles {margin-bottom: 60px}
.toggle > h3.toggle-title a {font-size:18px !important;font-weight:600; font-family: 'DM Sans'}
.portfolio-filters {
    float: none
}
	.portfolio-items {height: auto !important}
	.isotope{  }
	.portfolio-items .element {position:relative !important; top:auto !important;}
	
	.toggle.open>.toggle-title a, .toggle.open>.toggle-title a:hover {color:#fff; background: #76933c !important}


.alike-compare-widget-button {background: #76933c}
.rq-alike-show-difference {display: none}
.rq-alike-compare {border: 0}
.alike-dispaly-table, .alike-dispaly-table tr, .alike-dispaly-table td {border: 0 !important; text-align: left}
.alike-dispaly-table td:first-child {width: 200px}
.alike-dispaly-table img {width: 150px !important; height: auto; margin: 0 !important}
.wp-block-alike-block-compare-table {width: 100%}
body .rq-alike-compare {max-width: none !important}
.alike-dispaly-table tr:hover {background: #e1eace !important}

/* tables */

.table-count, #wpgsiTableFooterOne, #wpgsiTableFooterTwo, #wpgsiTableHeaderSearchBar #showNumberOfRowsDropdown {display:none;}

#showNumberOfRowsDropdown, #searchFieldID {margin:4px 0 !important}

#wpgsiFrontendShow table #wpgsiTableBody tr:hover {background:#eef1e7;}

#wpgsiFrontendShow td {line-height:1;}

.table-search {margin-bottom:20px;}

#wpgsiTableHeaderTwo strong {font-family:'Agdasima';font-size:20px;}

#wpgsiTableHeaderTwo tr {background:#395062; color:#fff}
#wpgsiTableHeaderTwo tr, #wpgsiTableHeaderTwo td {border-color:rgba(0,0,0,0);}

body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) {
background-color: #f4f4f4;
}

table.alike-dispaly-table, table.alike-dispaly-table td {
border: 1px solid #ececec !important;
}

table.alike-dispaly-table td {border-top:0 !important; border-left:0 !important}



#wpgsiFrontendShow td.true:before, #wpgsiFrontendShow td.false:before {
  content: '•';
font-size: 36px;
display: inline-block;
line-height: 0;
vertical-align: middle;
margin: 0px 8px 4px 0;}

#wpgsiFrontendShow td.true:before {color:#76933c;}

#wpgsiFrontendShow td.false:before {color: #cc0000;}

@media only screen and (max-width: 600px) {

#wpgsiFrontendShow tr td:nth-child(2) {display:none;}

}

/* varieties */
.variety-images {width: 100%}
.variety-images img {width: 30%; max-width: 175px; height: auto; display: block; float: left; margin-right:1%}

/* forms */

.gform_button {background:#76933c !important; }
.gform_button:hover {background:#414042 !important; }

.gform-theme--foundation .gform_fields {row-gap:8px}

/* BONES */
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

.vertical-container {
    position: relative
}
.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


.space10 {
	height: 10px
}
.space20 {
	height: 20px
}
.space30 {
	height: 30px
}
.space40 {
	height: 40px
}
.space50 {
	height: 50px
}
.space60 {
	height: 60px
}
.space70 {
	height: 70px
}
.space80 {
	height: 80px
}
.space90 {
	height: 90px
}
.space100 {
	height: 100px
}


.last-col {
	float: right;
	padding-right: 0 !important;
}

/*
Mobile Grid Styles
These are the widths for the mobile grid.
There are four types, but you can add or customize
them however you see fit.
*/
@media (max-width: 767px) {
.m-hide {display:none}
.m-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}

.m-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.m-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.m-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.m-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.m-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.m-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.m-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.m-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.m-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.m-right {float:right !important}
.m-left {float:left !important}
}

/* Portrait tablet to landscape */
@media (min-width: 768px) and (max-width: 1029px) {
	.t-hide {display:none}
.t-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}

.t-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.t-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.t-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.t-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.t-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.t-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.t-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.t-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.t-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.t-right {float:right !important}
.t-left {float:left !important}
}

/* Landscape to small desktop */
@media (min-width: 1030px) {
	.d-hide {display:none}
.d-all {
	float: left;
	padding-right: 0.75em;
	width: 100%;
	padding-right: 0;
}

.d-1of2 {
	float: left;
	padding-right: 0.75em;
	width: 50%;
}
.d-1of3 {
	float: left;
	padding-right: 0.75em;
	width: 33.33%;
}
.d-2of3 {
	float: left;
	padding-right: 0.75em;
	width: 66.66%;
}
.d-1of4 {
	float: left;
	padding-right: 0.75em;
	width: 25%;
}
.d-3of4 {
	float: left;
	padding-right: 0.75em;
	width: 75%;
}
.d-1of5 {
	float: left;
	padding-right: 0.75em;
	width: 20%;
}
.d-2of5 {
	float: left;
	padding-right: 0.75em;
	width: 40%;
}
.d-3of5 {
	float: left;
	padding-right: 0.75em;
	width: 60%;
}
.d-4of5 {
	float: left;
	padding-right: 0.75em;
	width: 80%;
}
.d-1of6 {
	float: left;
	padding-right: 0.75em;
	width: 16.6666666667%;
}
.d-5of6 {
	float: left;
	padding-right: 0.75em;
	width: 83.333333%;
}
.d-1of7 {
	float: left;
	padding-right: 0.75em;
	width: 14.2857142857%;
}
.d-2of7 {
	float: left;
	padding-right: 0.75em;
	width: 28.5714286%;
}
.d-3of7 {
	float: left;
	padding-right: 0.75em;
	width: 42.8571429%;
}
.d-4of7 {
	float: left;
	padding-right: 0.75em;
	width: 57.1428572%;
}
.d-5of7 {
	float: left;
	padding-right: 0.75em;
	width: 71.4285715%;
}
.d-6of7 {
	float: left;
	padding-right: 0.75em;
	width: 85.7142857%;
}
.d-1of8 {
	float: left;
	padding-right: 0.75em;
	width: 12.5%;
}
.d-1of9 {
	float: left;
	padding-right: 0.75em;
	width: 11.1111111111%;
}
.d-1of10 {
	float: left;
	padding-right: 0.75em;
	width: 10%;
}
.d-1of11 {
	float: left;
	padding-right: 0.75em;
	width: 9.09090909091%;
}
.d-1of12 {
	float: left;
	padding-right: 0.75em;
	width: 8.33%;
}
.d-right {float:right !important}
.d-left {float:left !important}
}