/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
a, button{transition: 0.5s all;}
body.single-package #content{padding-top: 0px;}
.pricePackage strong{font-size: 120%; color: #000;}
.pricePackage{border:1px solid #ddd; font-size: 120%;}
.containerTitlePackage{padding: 0px 0px 30px;}
.descriptionPackage{text-align: center;}
label[for="card-pay"] img{max-width: 80px; vertical-align: middle; margin-left: 15px;}
form#form-payment h3{color: rgb(77, 183, 179); text-transform: uppercase;}
form#form-payment h2{color: rgb(77, 183, 179); font-size: 1.25em; text-transform: uppercase;}
h2.titleFormPayment{color: #000000; text-align: center;}
h2.titleFormPayment span{display: block; color: #777777; font-size: 70%;}
img[alt="arrow down payment"] {margin: 0 auto; display: block; max-width: 50px;}
form#form-payment h5 {color: #fff; background: #000; padding: 5px 15px; font-weight: normal;}
.fontSmall {font-size: 13px;}
#scrollTerms {height: 170px !important;}
a.button, input#btn-payment{background-color: #e9c16a !important;}
a.button:hover, input#btn-payment:hover{background-color: #f4dba4 !important; color: #000000 !important; box-shadow: none !important;}
label[for="terms"] a{color: #d5ad56;}
label[for="terms"] a:hover{color: #000000;}
.header-nav .header-divider, .header-nav a.element-error.tooltip.tooltipstered{display: none;}

.wrap-shortcode col{text-align: center !important;}
.wrap-shortcode h2{font-size: 1.2em; margin-top: 10px; text-align: center !important;}
.wrap-shortcode p strong{color: #000; font-size: 110%;}
.wrap-shortcode p{text-align: center !important;}

.wp-days {display: inline-block; vertical-align: top; width: 100%; max-width: 49%; text-align: left;}
.wp-goals {max-width: 50%; display: inline-block; text-align: left;}
.wp-days ul, .wp-goals ul {list-style: none; margin: 0;}
.wp-days, .wp-goals{margin-top: 25px;}

body.page-id-38 h3.section-title.section-title-normal {text-align: center;width: 100%;display: block;color: #000; font-size: 20px; line-height: 25px;}
body.page-id-38 h3.section-title.section-title-normal span{border:none; margin-right: 0px; text-transform: capitalize;}

.small-columns-2.row-small .col {border: 1px solid #c4c4c4; box-sizing: border-box; margin: 5px; padding: 6px;}
.small-columns-2.row-small{padding: 0 15px;}
.large-columns-4 > .col{max-width: 24%;}

/*body.page-id-38 .package-3969 h2, body.page-id-38 .package-3967 h2, body.page-id-38 .package-3964 h2, body.page-id-38 .package-3962 h2, body.page-id-38 .package-3960 h2, body.page-id-38 .package-3959 h2{min-height: 130px;}*/
/*************** ADD MOBILE ONLY CSS HERE  ***************/
@media (max-width: 1024px) {
	.large-columns-4 > .col{max-width: 23%;}
	body.page-id-38 .package-3969 h2, body.page-id-38 .package-3967 h2, body.page-id-38 .package-3964 h2, body.page-id-38 .package-3962 h2, body.page-id-38 .package-3960 h2, body.page-id-38 .package-3959 h2{min-height: 50px;}
}
@media (max-width: 767px) {
	.wp-days, .wp-goals{max-width: 100%;}
	body.page-id-38 .package-3969 h2, body.page-id-38 .package-3967 h2, body.page-id-38 .package-3964 h2, body.page-id-38 .package-3962 h2, body.page-id-38 .package-3960 h2, body.page-id-38 .package-3959 h2{min-height: 40px;}
	#tbl-my-orders th, #tbl-my-orders td{font-size: .7em !important;}
	#tbl-my-orders {width: 100% !important;}
	.banner-layers .text-box.banner-layer {width: 100% !important; text-align: center;}
	.small-columns-2.row-small .col {border: 1px solid #c4c4c4; box-sizing: border-box; margin: 5px; padding: 6px; max-width: 47%;}
	.small-columns-2.row-small{padding: 0 15px;}
	.wrap-shortcode h2 {font-size: 0.9em;}
	.section-title-normal{text-align: center; width: 100%; display: block;}
}
.table-people td,
.table-people td input{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}