﻿/*
 Theme Name:   weForms Pro
 Theme URI:    http://weformspro.com
 Description:  weForms Pro
 Author:       Harry J, Nicole P
 Author URI:   http://weformspro.com
 Template:     twentytwenty
 Version:      1.3
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  twentytwentychild
*/

p, .entry-content, .entry-content p ,.widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .woocommerce-terms-and-conditions-checkbox-text {font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
}
h1 {font-size:4rem;}
h2 {font-size:3.5rem;}
h3 {font-size:3rem;}
h4 {font-size:2.5rem;}
h5 {font-size:2rem;}
h6 {font-size:1.5rem;}
.entry-content ul, wc-credit-card-form wc-payment-form {
	font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif !important;
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
    color: #fff !important;
}

.button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], .bg-accent, .bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link {
    background-color: #036600 !important;
} 

#site-header .section-inner {max-width: 120rem;}

.entry-title, .page-title, .woocommerce-products-header__title page-title {font-size:4.5rem;}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
	margin-top: 1rem;
}

.woocommerce-info a.button {
color: #ffffff;
background-color:#036600;
background:#036600;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
color:#036600;
}


.woocommerce-info {
border-top: 2px solid #036600;
}

/*---------------
Docs Sidebar Image 
----------------*/
.docs-template-default .wedocs-sidebar {
    columns: 2;
}

.wedocs-sidebar-image img {
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .wedocs-sidebar-image {
        margin-top: 4.5em;
    }
    .docs-template-default .wedocs-sidebar {
        columns: 1;
    }
}

@media screen and (min-width: 700px) {
	.site-logo {bottom:15px;position:relative;}
}


#menu-item-129 > a:nth-child(1) {
	background: #036600;
    border: 0;
    color:#ffffff;
	padding: 15px;
	position:relative;
    bottom:15px;
	transition: 0.5s;
}


p.table-section-heading {
	padding: 2em 0 1em 0.2em;
    margin-bottom: 0;
}

.button_center {text-align: center; color:#ffffff !important;}


table.comparison-chart .wp-block-button__link {
	font-size: 1.3rem;
	padding: 1.1em .7em;
	width: 100%;
}
table.comparison-chart {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}
table.comparison-chart,
th,
tfoot td {
	border: none;
}
table.comparison-chart .fa-times {
	color: red;
}
table.comparison-chart .fa-check {
color: #1a8839;
}
table.comparison-chart th {
	text-align: center;
	width: 16.6%;
	font-weight: 500;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
}
table.comparison-chart td {
	width: 16.6%;
	font-weight: 400;
	text-align: center;
}
table.comparison-chart th:first-child,
table.comparison-chart td:first-child {
	text-align: left;
}
table.comparison-chart th,
table.comparison-chart tfoot td {
	background: #fff;
}
table.comparison-chart th p {
	font-size: 25px;
	margin-bottom: 15px;
}
table.comparison-chart .pricing {
	color: #808080;
	font-size: 15px;
}
table.comparison-chart tr {
	font-size: 15px;
}
table.comparison-chart > tbody > tr:nth-child(2n) {
	background-color: #fbfcfd;
}
table.comparison-chart > tbody > tr:nth-child(2n+1) {
	background-color: #f9f9f9;
}

@media screen and (max-width: 768px) {
	table.comparison-chart thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	table.comparison-chart td::before {
		content: attr(data-label);
		float: left;
		font-weight: 600;
	}
	table.comparison-chart tfoot td:first-child {
	display: none;
	}
	table.comparison-chart td:first-child {
		font-weight: 500;
        font-size: 14px;
        background: #3bc041;
	}
	table.comparison-chart td {
		display: block;
		font-size: 12px;
		text-align: right;
		border-bottom: 0;
	}
	table.comparison-chart {
		border: 0;
	}
	table.comparison-chart th,
	table.comparison-chart td {
		width: auto;
		padding: 1em;
	}
 	table.comparison-chart tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: 2em;
	}
	table.comparison-chart td:first-child,
	table.comparison-chart th {
		text-align: right;
	}
	table.comparison-chart td:last-child {
		border-bottom: 0;
	}
	table.comparison-chart .wp-block-button__link {
		width: auto;
	}
    p.table-section-heading {
		padding: .5em 0 1em 0.2em;
    	margin-bottom: 0;
	}
}










/* Product Layout */



@media only screen and (max-width:1200px) {
    .products .card {
    width: 90%;
    margin: .5rem .5rem 1.5rem 2.5rem;
    position:relative;
	}

    .products .card h2 {
	margin: 5rem 0 0 2rem;
    padding:2rem;
    color:#fff; 
    font-size: 2.5rem;
    text-align:left;
	}
    
    .products .card .card-price {
    font-size: 2.5rem;
    text-align:left;
    margin-left:30px;
	}
    .products .card-body .card-text {
    margin-left:30px;
    }
    .products .card .bottom {
	margin-left:40px;
	}
    

}

@media only screen and (min-width: 1200px) {

.products .card {
  	border: 1px solid #dbdbdb;
    box-shadow: 1px 1px 5px #dbdbdb;
    margin: .5rem;
    position:relative;
    width: 24rem;
	}
    .products {
	display: flex;
	justify-content: center;
	}
    .products .card h2 {
	margin: 0;
    padding:2rem;
    color:#fff; 
    font-size: 2rem;
    text-align:center;
	}
    .products .card .card-price {
    font-size: 2.5rem;
    text-align:center;
	}
    .products .card .card-bottom {
	margin:30px;
	}
    .products .card a {
	position:absolute;
    bottom:0;
    width:100%;
    color: #ffffff;
}

}

.products .card #free {
	background-color:#036600 !important; 
}

.products .card #personal, #personal {
	background-color:#0e6cad !important; 
	transition: 1s;
}
#personal.button:hover {
	background-color:#1290e8 !important; 
	transition: .5s;
}

.products .card #professional, #professional {
	background-color:#0e6cad !important; 
	transition: 1s;
}

#professional.button:hover {
	background-color:#1290e8 !important; 
	transition: .5s;
}


.products .card #business, #business {
	background-color:#0e6cad !important; 
	transition: 1s;
}
#business.button:hover  {
	background-color:#1290e8 !important; 
	transition: .5s;
}

.products .card #developer, #developer {
	background-color:#0e6cad !important; 
	transition: 1s;
}

#developer.button:hover  {
	background-color:#1290e8 !important; 
	transition: .5s;
}


.products .card-body .card-text {
	padding: 10px 10px 0 10px;
}

.bfcm-header {

  background-color: #000000;
  color: #ffffff;
  padding: 15px;
  text-align: center;
}