/*
    Default template css
*/

/* Modify this style and add some styles to query in order to responsively display on preview page. (8/7/2020 Cho W.) */
.gf-pt-pricing-item--template-default.gf-pt-pricing-item {
    position: relative;
    width: 15%;
    margin-right: 0.5rem;
    border-radius: 0.3rem;
    overflow: hidden;
}
@media (max-width: 1200px) {
	.gf-pt-pricing-item--template-default.gf-pt-pricing-item {
		width: 25%;
	}
}
@media (max-width: 991px) {
	.gf-pt-pricing-item--template-default.gf-pt-pricing-item {
		width: 45%;
	}
}
@media (max-width: 767px) {
	.gf-pt-pricing-item--template-default.gf-pt-pricing-item {
		width: 100%;
	}
}

/* Add some styles in order to correctly display price table on admin page */
/* (8/7/2020 Cho W.) */
.wrap.gforms_edit_form .gf-pt-pricing-item--template-default.gf-pt-pricing-item{
  min-width: 300px;
}
.wrap.gforms_edit_form .gf-pt-pricing-item--template-default.gf-pt-pricing-item ul{
  list-style:disc; padding-left:40px !important;
}
.wrap.gforms_edit_form .gf-pt-pricing-item--template-default.gf-pt-pricing-item ul li{
  list-style:disc !important;
}

/* Features underlined */
.gf-pt-wrapper--striped .gf-pt-pricing-item--template-default .gf-pt-pricing-item__features>div:not(:last-child),
.gf-pt-wrapper--striped .gf-pt-pricing-item--template-default .gf-pt-pricing-item__features>p:not(:last-child) {
    /* border-bottom: 2px solid #dedede; */
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--selected {
    border-top: 1px #708090 solid;
    border-bottom: 2px #708090 solid;
    border-left: 1px #708090 solid;
    border-right: 2px #708090 solid;
}

.gf-pt-pricing-item--template-default .gf-pt-pricing-item__title{
    padding: 1.5rem 0;
    font-size: 1.2rem;
    color: white;
    font-weight: bold;
    text-align: center;
}
.gf-pt-pricing-item--template-default .gf-pt-pricing-item__price{
    padding: 1.5rem 0;
    font-size: 2.2rem;
    color: white;
    text-align: center;
}

.gf-pt-pricing-item--template-default .gf-pt-pricing-item__features{
    /* font-size: 1rem; */
    color: #585858;
    padding-top: 0.1rem;
    padding-bottom: 6rem;
}
.gf-pt-pricing-item--template-default .gf-pt-pricing-item__features>div,
.gf-pt-pricing-item--template-default .gf-pt-pricing-item__features>p {
    color: #555;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}
.gf-pt-pricing-item--template-default .gf-pt-pricing-item__button{
    height: 55px;
    position: absolute;
    bottom: 3rem;
    width: 100%;
    text-align: center;
}
.gf-pt-pricing-item--template-default .gf-pt-pricing-item__button__radio{

}
.gf-pt-pricing-item--template-default .gf-pt-pricing-item__button__label {
    color: white;
    font-weight: bold !important;
    padding: 1rem 2rem;
    position: relative;
    top: 24px;
    cursor: pointer;
    border-radius:3px;
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item {
    background: #f7f7f7;
    margin-bottom: 2rem;
    margin-right: 1rem;
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--transparent {
    opacity: 0.9;
    transition-property: opacity;
    transition-duration:  0.3s;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--transparent:hover {
    opacity: 1;
}
/* Column yellow */
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-yellow .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-yellow .gf-pt-pricing-item__button__label {
    background: #d49d06;
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-yellow .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-yellow .gf-pt-pricing-item__button__label:hover{
    background: #eab413;
}
/* Column purple */

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-purple .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-purple .gf-pt-pricing-item__button__label {
    background: #96467f;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-purple .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-purple .gf-pt-pricing-item__button__label:hover {
    background: #ba5ea0;
}
/* Column blue */

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-blue .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-blue .gf-pt-pricing-item__button__label {
    background: #0e6b93;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-blue .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-blue .gf-pt-pricing-item__button__label:hover {
    background: #4592b3;
}
/* Column green */

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-green .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-green .gf-pt-pricing-item__button__label {
    background: #146c38;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-green .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-green .gf-pt-pricing-item__button__label:hover{
    background: #2d8a5b;
}

/* Column red */
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-red .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-red .gf-pt-pricing-item__button__label {
    background: #d40606;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-red .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-red .gf-pt-pricing-item__button__label:hover {
    background: #f12222;
}

/* Column white */
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white.gf-pt-pricing-item{
    background: #fff;
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__button__label {
    background: #ececec;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__button__label:hover {
    background: #f7f7f7;
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__features,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-white .gf-pt-pricing-item__button__label{
    color :#6d6d6d;
}
/* Column black */
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black.gf-pt-pricing-item{
    background: #7b7b7b;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__features{
    color: black;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__button__label {
    background: #000000;
}
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__button__label:hover {
    background: #252525;
}

.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__title,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__price,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__features>div,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__features>p,
.gf-pt-pricing-item--template-default.gf-pt-pricing-item--color-black .gf-pt-pricing-item__button__label{
    color :#fff;
}