/*
Theme Name: TeamWork Tea IMS
Theme URI: http://www.indepenmedia.nl/
Author: Jeroen Wiggers, Indepen Media Studio (IMS)
Author URI: http://www.indepenmedia.nl
Description: Custom theme voor TeamWork Tea
Version: 1
License: GNU General Public License
License URI: license.txt
Text Domain: twt
Domain Path: /languages/
Tags: white, blue, purple, one-column, responsive-layout, featured-images

*/
/* =Reset
/* CSS STYLES FOR TEAMWORK TEA */
/* 18 sept 2017, Indepen Media Studio */

@import url(site/css/style.css);

.woocommerce ul.products li.product a.add_to_cart_button,.woocommerce ul.products li.product a.product_type_simple {
background: #74a873;
display: inline-block;
vertical-align: top;
color: #fff;
height: 40px;
border-radius: 23px;
font-size: 13px;
text-transform: uppercase;
font-family: "Montserrat";
font-weight: normal;
line-height: 39px;
padding: 0 18px;
cursor: pointer;
position: relative;
margin-top:0 !important;
}

.woocommerce ul.products li.product a.add_to_cart_button:hover, .woocommerce ul.products li.product a.product_type_simple:hover {
background:#464646;	
}

.single-product .summary .product_meta {
display:none !important;	
}

.blog-single-container .blog-title {
margin-bottom:0 !important;
margin-top:40px;	
}


.page-template-tpl_wcpages .footer-icons {
padding-top:70px;	
}

.woocommerce-MyAccount-content p {
font-size: 16px;
color: #777;
margin-bottom: 25px;
line-height: 24px !important;
}

.woocommerce-MyAccount-navigation {
background-image:url(site/images/product-list-bg.png);	
box-sizing:border-box;
padding:30px 25px;
background-repeat:no-repeat;
background-size:100% 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
width:28%;
margin-right:2%;	
}

.woocommerce-MyAccount-navigation a {
font-family: "Patrick Hand";
color: #464646;
display:block;
width:100%;
padding-top:5px;
padding-bottom:5px;
font-size:19px;	
border-bottom:1px solid rgba(0,0,0,0.1);
}

.woocommerce-MyAccount-navigation .is-active a {
color:#74a873;	
}

.woocommerce-MyAccount-navigation-link--downloads, .woocommerce-MyAccount-navigation-link--edit-address {
display:none;
}

.woocommerce #customer_details input[type="password"], .woocommerce-MyAccount-content input {
    height: 40px;
    min-width: 60px;
    background: #f5f7f9;
    border-radius: 2px;
    box-shadow: inset 1px 1px 1px rgba(0,0,0,0.06);
    font-size: 16px;
    background: #fff;
    border: 1px solid #d3d3d3;
    padding-left: 12px;
}

.woocommerce-MyAccount-content button.button, .woocommerce-MyAccount-content a.button {
    background: #74a873 !important;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    height: 40px;
    border-radius: 23px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Montserrat";
    font-weight: normal;
    line-height: 39px;
    padding: 0 18px;
    cursor: pointer;
    position: relative;
    float: right;
	text-decoration:none !important;
}

.woocommerce-MyAccount-content button.button:hover, .woocommerce-MyAccount-content a.button:hover {
background-color:#464646 !important;
color:white !important;
}

.woocommerce-MyAccount-content fieldset legend {
margin-top:30px;
font-weight:bold;
font-size:23px;	
margin-bottom:10px;
}

.woocommerce-info::before {
color:#74a873;	
}


.content-container .content-inner .landing p {
font-family: "Patrick Hand";
font-weight: normal;
font-size: 20px;
line-height: 1.4 !important;
}

.landing li {
font-family: "Patrick Hand";
font-weight: normal;
font-size: 20px;
line-height: 1.4 !important;
}

.checks ul {
margin: 0;
margin-bottom: 0px;
padding: 0;
list-style-type: none;
list-style-image: none;
}

.checks li {
display: block;
padding-left: 35px;
background-image: url(images/check.png);
background-repeat: no-repeat;
background-position: top 7px left;
color: #777;
line-height: 26px;
}

.aligncenter {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}

.stappen {
max-width:240px;
padding-top:10px;
}

.greychecks ul {
margin: 0;
margin-bottom: 0px;
padding: 0;
list-style-type: none;
list-style-image: none;
}

.greychecks li {
display: block;
padding-left: 35px;
background-image: url(images/greycheck.png);
background-repeat: no-repeat;
background-position: top 10px left;
color: #777;
line-height: 26px;
}

.abbobutton  {
background: #74a873;
display: inline-block;
vertical-align: top;
color: #fff;
height: 40px;
border-radius: 23px;
font-size: 13px;
text-transform: uppercase;
font-family: "Montserrat";
font-weight: normal;
line-height: 39px;
padding: 0 18px;
cursor: pointer;
position: relative;
margin-top: 0 !important;
}

.parteabox-header h1 {
text-align: left;
padding: 0;
font-family: "Montserrat";
font-weight: 800;
color:White;
font-size:47px;
line-height:46px;
position: relative;
z-index: 10;
margin-bottom:24px;	
text-transform:none;
}

.parteabox-header .button {
font-size:16px;
font-weight:600;
}

.landing .button {
font-size: 16px;
font-weight: 600;
color:white !important;
text-decoration:none;	
}

.two-columns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;	
}

.two-columns .vc_col-sm-6 {
flex: 1;	
}

.header-slider.home-slider .header-slide.home-slide, .header-slider.home-slider {
height:420px;	
}

.parteabox-header .header-slide-inner {
padding-top:70px;	
}

.container {
margin-left:auto !important;
margin-right:auto !important;	
}

.content-container .content-inner .subscription h2, .content-container .content-inner .left-column-content h2 {
font-size:30px !important;
font-weight:600;
margin-bottom:20px;
}

.content-container .content-inner .left-column-content h2 {
margin-bottom:5px;	
font-size:26px !important;
}

.content-container .content-inner .left-column-content h3 {
color:#74a873;
text-transform:uppercase;
letter-spacing:1px;
font-size:20px;
font-weight:600;
}

body {
overflow-x:hidden;	
}

.left-column {
text-align:right;	
}

.left-column-content {
padding: 30px;
box-sizing: border-box;
max-width: 700px;
display: inline-block;	
text-align:left;
}

.right-column .vc_column-inner {
height:100%;	
background-position:top center !important;
}

.compare-columns {
width:98%;
max-width:900px;
margin-left:auto !important;
margin-right:auto !important;
}

.compare-column {
background-image:url(site/images/product-list-bg.png);
background-repeat:no-repeat;
background-size:100% 100%;
padding:45px 15px;
}

.compare-column-container {
padding-left:25px !important;
padding-right:25px !important;
box-sizing:border-box !important;
}

.label-image {
position:relative;	
}

.label-image strong {
position:absolute;
z-index:1;
top:10px;
left:10px;
display:inline-block;
color: #fff;
border-radius:23px;
font-size: 12px;
font-weight:600;
text-transform: uppercase;
padding:10px 18px;
font-family: "Montserrat";	
background-color:#464646;
}

.content-container .content-inner .compare-column h3 {
font-family: "Patrick Hand";
font-size:29px;
color:#464646;	
margin-bottom:0;
}

.content-container .content-inner .compare-column blockquote p {
font-family: "Patrick Hand";
font-size:26px !important;
color:#74a873;
margin-bottom:10px;	
}

.compare-column ul{
min-height:200px;	
}

.compare-column .prijs strong {
font-family: "Montserrat";	
color:#74a873;
font-size:36px;	
}

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

.two-columns {
display:block;	
}	

.left-column {
text-align:left;	
}

.left-column-content {
padding:0;	
}

.right-column .vc_column-inner {
height:400px;	
}

}