/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/*

/*-----------------------------
custom css
-----------------------------*/

.place-order-form-primary-wrapper {
    margin-bottom: 15px;
}


/*============================
 trip detail tab style
=============================*/

#tabs-container {
    margin-top: 30px;
}

#tabs-container .tab-inner-wrapper:after {
    content: '';
    display: block;
    clear: both;
}

#tabs-container .tab-inner-wrapper .tab-anchor-wrapper {
    float: left;
    border: 1px solid #ccc;
    background: #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-right: 6px;
    margin-bottom: 6px;
}

#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a {
    display: block;
    padding: 5px 10px;
    color: #636363;
}

#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:focus,
#tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:hover {
    outline: none;
    text-decoration: none;
}

#tabs-container .tab-inner-wrapper .nav-tab-active {
    background: #fff;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 5;
}

#tabs-container .tab-content {
    background: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: -7px;
    position: relative;
    z-index: 1;
}


/*=================================
 secondary style
================================*/

.trip-content-area .widget-area .secondary-trip-info {
    margin: 0 0 30px;
}

.trip-content-area .widget-area .trip-price .price-holder {
    padding: 30px;
    text-align: center;
    background: #e5e5e5;
    position: relative;
}

.trip-content-area .widget-area .trip-price .price-holder .top-price-holder {
    margin: 0 0 20px;
}

.trip-content-area .widget-area .trip-price .price-holder .prev-price,
.trip-content-area .widget-area .trip-price .price-holder .price {
    display: block;
    margin: 0 0 3px;
}

.trip-content-area .widget-area .trip-price .price-holder form input[type="number"],
.trip-content-area .widget-area .trip-price .price-holder form .total-amt {
    margin: 0 0 20px;
}

.trip-content-area .widget-area .trip-price .price-holder form input[type="number"] {
    width: 100%;
}

.trip-content-area .widget-area .trip-price .price-holder form .check-availability {
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #4faff0;
    background: #4faff0;
    color: #fff;
    margin: 0 2px 4px;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    transition: linear 0.2s;
}

.trip-content-area .widget-area .trip-price .price-holder form .check-availability:hover,
.trip-content-area .widget-area .trip-price .price-holder form .check-availability:focus {
    background: none;
    color: #4faff0;
}

.trip-content-area .widget-area .trip-price .price-holder form .book-submit {
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    border: 1px solid #84c20d;
    background: #84c20d;
    color: #fff;
    margin: 0 2px 4px;
    -webkit-transition: linear 0.2s;
    -moz-transition: linear 0.2s;
    transition: linear 0.2s;
    display: none;
}

.trip-content-area .widget-area .trip-price .price-holder form .book-submit:hover,
.trip-content-area .widget-area .trip-price .price-holder form .book-submit:focus {
    background: none;
    color: #84c20d;
}

.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper {
    margin: 0 0 20px;
}

.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper input[type="text"] {
    border: 0;
    padding: 5px 10px;
    width: 100%;
}


.wp-travel-engine-billing-details,
.wp-travel-engine-relation-details-wrapper {
    margin-bottom: 30px;
}

.wp-travel-engine-billing-details-wrapper,
.wp-travel-engine-personal-details-inner-wrapper,
.wp-travel-engine-relation-details-inner-wrapper {
    margin: 0 -10px;
    overflow: hidden;
}

.wp-travel-engine-billing-details-field-wrap,
.wp-travel-engine-personal-details,
.wp-travel-engine-relation-details {
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 18px;
    min-height: 74px;
}

.relation-options-title,
.personal-options-title,
.personal-options-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 17px;
    background: #EEEEEE;
    padding: 10px 14px;
    border-radius: 2px;
}

.place-order-form-primary-wrapper input,
.place-order-form-primary-wrapper select {
    width: 100%;
    min-height: 34px;
    padding: 4px 10px !important;
    border: 1px solid #ccc;
    border-radius: 2px;
}


/*===============================
 billing details css
==============================*/

.place-order-form-secondary-wrapper {
    margin-bottom: 30px;
}

.place-order-form-secondary-wrapper .wp-travel-engine-order-left-column {
    float: left;
    margin-right: 15px;
    width: 25%;
}

.place-order-form-secondary-wrapper .wp-travel-engine-order-right-column,
.wp-travel-engine-order-form-wrapper {
    overflow: hidden;
}

.place-order-form-secondary-wrapper .trip-title {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 20px;
}

.place-order-form-secondary-wrapper .trip-property {
    margin: 0;
    padding: 0;
}

.place-order-form-secondary-wrapper .trip-property li {
    list-style: none;
    font-size: 14px;
    line-height: 22px;
}

.place-order-form-secondary-wrapper .trip-property li span {
    display: inline-block;
    width: 30%;
    margin-right: 5px;
}

.wp-travel-engine-order-form-wrapper {
    overflow: hidden;
    background: none;
    padding: 30px 30px 15px;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}

.wp-travel-engine-order-form-wrapper .trip-title {
    margin-bottom: 12px !important;
}

.secondary-inner-wrapper {
    overflow: hidden;
    margin-bottom: 30px;
    background: #ccc;
    padding: 10px 0;
}

#primary .page .entry-content .secondary-inner-wrapper table,
#primary .page .entry-content .secondary-inner-wrapper table td {
    border: 0;
}

#primary .page .entry-content .secondary-inner-wrapper table th {
    background: none;
}

.secondary-inner-wrapper table {
    margin-bottom: 0;
}

.secondary-inner-wrapper .person-price-table {
    text-align: center;
}

.hidden-price {
    display: none;
}

.date-time-wrapper {
    position: relative;
    background: #fff;
    display: none;
    border-radius: 5px;
    margin-top: 10px;
}

.date-time-wrapper:after {
    position: absolute;
    top: 12px;
    right: 5px;
    content: "\f073";
    font-size: 14px;
    line-height: 17px;
    font-family: 'FontAwesome';
    color: #a0a5aa;
}

.price-fixed {
    top: 0;
    position: fixed;
    z-index: 50;
    display: block;
    width: 328px !important;
}

.open.side-btn,
.close.side-btn {
    position: fixed;
    top: 74%;
    display: block;
    background: red;
    left: 70%;
}

#open-example1,
#close-example1 {
    display: none;
}

.trip-content-area .secondary-trip-info.side-trip-price {
    margin-top: 0;
}

.disabled {
    cursor: not-allowed;
    pointer-events: none;
}

.disabled:hover {
    cursor: not-allowed;
}


/*==============================================
 Datepicker css
==============================================*/

.ui-datepicker {
    max-width: 244px;
}

.ui-datepicker table {
    font-size: 12px !important;
    line-height: 15px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    font-size: 12px !important;
    line-height: 15px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    height: 24px !important;
}

.wp-travel-engine-archive-outer-wrap:after {
    display: block;
    content: '';
    clear: both;
}

/*.archive .trip-content-area .page-header,
.post-type-archive-testimonial .page-header,
.post-type-archive-team .page-header,
.post-type-archive-doc .page-header {
    padding: 0 15px;
}*/

/*.wp-travel-engine-archive-outer-wrap {
    margin: 0 -30px;
}*/

.archive .wp-travel-engine-archive-wrap {
    margin-bottom: 40px;
}

.wp-travel-engine-archive-outer-wrap .child-title {
    font-weight: 400;
    /*padding-left: 15px;*/
}

.wp-travel-engine-archive-outer-wrap .child-title a {
    color: #212121;
}

.wp-travel-engine-archive-outer-wrap .child-title a:hover {
    text-decoration: none;
}

.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .trip-post-thumbnail {
    display: block;
    margin-bottom: 20px;
}

.wp-travel-engine-archive-wrap .entry-title {
    font-size: 30px;
    line-height: 36px;
    color: #212121;
}

.wp-travel-engine-archive-wrap .entry-title a {
    color: #212121;
}

.wp-travel-engine-archive-wrap .entry-title a:hover {
    color: #F7921F;
    text-decoration: none;
}

.wp-travel-engine-archive-wrap .trip_price,
.wp-travel-engine-archive-wrap .trip_duration {
    display: block;
    margin-bottom: 10px;
    color: #0d0d0d;
}

.wp-travel-engine-archive-wrap .trip_price strike span {
    color: #0d0d0d !important;
    font-size: 15px;
    line-height: 18px;
}

#wp-travel-engine-order-form input {
    padding: 12px 20px;
}

.place-order-form-primary-wrapper input,
.place-order-form-primary-wrapper select {
    padding: 12px 10px !important;
    border-radius: 3px;
    height: 50px;
}

.trip-content .related-posts {
    margin-top: 40px;
}

.trip-content .related-posts .post .entry-title {
    text-align: center;
    margin-top: -8px;
}

.trip-content .related-posts .post {
    margin-bottom: 30px;
}

.trip-content .related-posts .post .entry-meta {
    position: relative;
    top: -31px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 18px;
}

.trip-content .related-posts .post .entry-meta span {
    background: #0C83B8;
    padding: 7px 14px;
}

.wp-travel-engine-relation-details input,
.wp-travel-engine-personal-details input {
    padding: 12px 10px;
    width: 100%;
    height: 53px;
}

.wp-travel-engine-relation-details select,
.wp-travel-engine-personal-details select {
    width: 100%;
    padding: 12px 10px;
}

.relation-options-title,
.personal-options-title,
.personal-options-title {
    padding: 20px 14px;
}

#wp-travel-engine-order-form input[type="submit"] {
    margin-top: 20px;
}

#wp-travel-engine-order-form label {
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 5px;
}

#primary #wp-travel-engine-order-form {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 20px;
    width: 100%;
    height: auto;
    border: 0;
}

#primary #wp-travel-engine-order-form table tr {
    background: none;
}


/*====================================
 Booking details table
====================================*/

.entry-content .thank-you-container {
    margin-top: 30px;
}

#primary .entry-content .thank-you-container h3 {
    margin-bottom: 12px !important;
}

.entry-content .thank-you-container table tr:nth-child(2n+1) {
    background: #f9f9f9;
}

.entry-content .thank-you-container table tr:first-child {
    border-bottom: 0;
}

.entry-content .thank-you-container table th {
    padding: 16px 30px;
    background: #f3f3f3;
    color: #212121;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    /*font-family: "gotham_boldregular";*/
}

.entry-content .thank-you-container table td {
    padding: 16px 30px;
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    color: #212121;
}

.trip-entry-content ul {
    margin: 0;
    padding: 0;
}

.trip-entry-content ul li {
    list-style: none;
}

#CDSWIDSSP {
    width: 100% !important;
}

/*.archive .parent-desc,
.archive .child-desc {
    padding: 0 15px;
}*/

.wp-travel-engine-archive-outer-wrap .child-title a:hover {
    color: #F7921F;
}

.payment-gateway-options {
    display: none;
}

.tab_container {
    display: none;
}

/*.price-holder {
    display: none;
}*/

#price-loading {
    position: absolute;
    text-align: center;
    font-size: 50px;
    color: #000;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
}

#price-loading-outer {
    display: table-row;
}

#price-loading-inner {
    display: table-cell;
    vertical-align: middle;
}

#price-loading-wrap {
    display: table;
    width: 100%;
    height: 100%;
}

#price-loader {
    font-size: 100px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 39%;
    background: #fff;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

.itinerary-row {
    list-style: none;
    border: 1px solid #ccc;
    background: #fff;
    margin: 5px;
    position: relative;
}

span.day-count {
    display: inline-block;
    position: absolute;
    left: 9%;
    top: 7px;
    color: #555;
}

.itinerary-content label {
    width: 115px;
    float: left;
    font-weight: 500;
    padding: 5px 0;
}


/*.itinerary-content{
    padding: 5px 5px 5px 15px;
}*/

.faq-row {
    list-style: none;
    border: 1px solid #ccc;
    background: #fff;
    margin: 5px;
    position: relative;
}

span.faq-count {
    display: inline-block;
    position: absolute;
    left: 9%;
    top: 7px;
    color: #555;
}

.faq-content label {
    width: 115px;
    float: left;
    font-weight: 500;
    padding: 5px 0;
}

.faq-content {
    padding: 5px 5px 5px 15px;
}

.faq-title {
    width: 500px;
}

span.dashicons.custom-toggle-tabs.rotator {
    -webkit-transform: rotateX( 180deg);
    -moz-transform: rotateX( 180deg);
    -o-transform: rotateX( 180deg);
    transform: rotateX( 180deg);
}


/*==============================
 Trips fact style
===============================*/

.trip-facts-value {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    grid-row-gap: 30px;
}

.trip-facts-value li {
    display: flex;
    flex-direction: row;
}

.trip-facts-value li:after {
    content: '';
    display: block;
    clear: both;
}

.trip-facts-value li .fa {
    align-items: flex-start;
    margin-right: 15px;
    font-size: 30px;
}

.trip-facts-value li .trip-facts-text {
    align-items: flex-start;
    flex: 1 0 0;
}

/*=======================================
 Itinerary style
========================================*/
.itinerary .title{
    float: left;
    margin-right: 15px;
}

.itinerary .itinerary-content{
    overflow: hidden;
}

.itinerary .itinerary-content .title{
    float: none;
    display: block;
    font-weight: 700;
    margin: 0 0 10px;
}

/*==================================
 Cost detail style
==================================*/
#include-result{
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

#include-result li{
    margin: 0 0 10px;
    padding-left: 20px;
    position: relative;
}

#include-result li:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '\f00c';
    font-family: 'FontAwesome';
    color: #43a32d;
}

#exclude-result{
    margin: 0 0 30px;
    padding: 0;
    list-style: none;
}

#exclude-result li{
    margin: 0 0 10px;
    padding-left: 20px;
    position: relative;
}

#exclude-result li:before{
    position: absolute;
    top: 0;
    left: 0;
    content: '\f00d';
    font-family: 'FontAwesome';
    color: #d80808;
}

/*==============================
 Faq style
=============================*/
.faq .faq-row .accordion-tabs-toggle{
	display: block;
	border: 1px solid #ccc;
	position: relative;
	padding: 5px 30px;
}

.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 20px;
	height: 20px;
	font-size: 0;
}

.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs:before{
	position: absolute;
	top: 3px;
	left: 11px;
	width: 2px;
	height: 12px;
	background: #000;
	content: '';
}

.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs.open:before{
	display: none;
}

.faq .faq-row .accordion-tabs-toggle .custom-toggle-tabs:after{
	position: absolute;
	top: 8px;
	left: 6px;
	height: 2px;
	width: 12px;
	background: #000;
	content: '';
}

.faq .faq-row .faq-content{
	padding: 5px 30px;
}

.faq .expand-all-faq{
	display: inline-block;
	margin: 0 0 15px;
	text-decoration: none;
}

.faq .expand-all-faq .fa{
	font-size: 20px;
	margin-right: 10px;
}

/*================================
 Destination Page style
===============================*/
.page-template-template-destination .destination-holder {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

.archive .trip-content-area .grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-bottom: 50px;
}

/*==================================================
 Activities and trip type page style
==================================================*/
.page-template-template-activities .activities-holder,
.page-template-template-trip_types .trip_types-holder {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

/*================================
 responsive
===============================*/

@media only screen and (max-width: 1199px) {
    #tabs-container .tab-inner-wrapper .tab-anchor-wrapper a {
        font-size: 16px;
    }
}

@media only screen and (max-width:767px) {
    .wp-travel-engine-billing-details-field-wrap,
    .wp-travel-engine-personal-details,
    .wp-travel-engine-relation-details {
        width: 100%;
    }

    #tabs-container .tab-inner-wrapper .tab-anchor-wrapper {
        width: 100%;
        margin-right: 0;
    }

    #tabs-container .tab-inner-wrapper .tab-anchor-wrapper a {
        position: relative;
    }

    #tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:after {
        position: absolute;
        top: 7px;
        right: 10px;
        content: '\f0d7';
        font-family: 'FontAwesome';
        -webkit-transition: linear 0.2s;
        -moz-transition: linear 0.2s;
        transition: linear 0.2s;
    }

    #tabs-container .tab-inner-wrapper .nav-tab-active a:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.payment-options-holder {
    margin-bottom: 20px;
}
select#wte_payment_options {
    margin-bottom: 30px;
}
.error {
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 5px;
    margin: 5px;
    color: #a94442;
}