/*
 Theme Name:   DGO Travel
 Theme URI:    https://dmzgo.com
 Description:  A custom theme for https://dmzgo.com
 Author:       Lekker Software Ltd
 Author URI:   https://lekkersoftware.com
 Template:     generatepress
 Version:      2.5
 Text Domain:  dgo_travel
*/

 /******************
 * Table of Contents
 *******************
 * (1) Global CSS
 * (2) Homepage
 * (3) Tour / Product Archives
 * (4) Tour / Product Pages
 * (5) Cart & Checkout Page
 * (6) Blog Archives
 * (7) Blog Posts
 * (8) About Page
 * (9) Contact Form 7




 */

 /***************
 * (1) Global CSS
 ****************/
figure.wp-block-image.size-large {
    margin-bottom: 1.5em;
}


 /***************
 * (3) Tour / Product Archives
 ****************/
 /* Add triangle shape to speech bubble on Product Cards */
 /* https://generatepress.com/forums/topic/speech-bubble/ */
 .archive-speech-bubble:after {
     content: '';
     position: absolute;
     border-style: solid;
     border-width: 15px 15px 15px 0;
     border-color: transparent #f1f3f4;
     display: block;
     width: 0;
     z-index: 1;
     bottom: 40%;
     left: -7px;
     transform: translateX(-50%);
 }



 /***************
 * (4) Tour / Product Pages
 ****************/
 /* Remove gap under menu */
.woocommerce div.product div.summary {
    margin-bottom: 0em !important;
}

/* Remove gap under Product Gallery */
.woocommerce div.product div.images {
    margin-bottom: 0em !important;
}

/* Add triangle shape to speech bubble on Product Page header */
/* https://generatepress.com/forums/topic/speech-bubble/ */
.speech-bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #FFFFFF;
    display: block;
    width: 0;
    z-index: 1;
    bottom: 40%;
    left: -7px;
    transform: translateX(-50%);
}

 /***************
 * (5) Cart & Checkout Page
 ****************/
#billing_country_field,
.wc-block-components-country-input,
.wc-block-checkout__billing-country {
    display: none !important;
}

.woocommerce-cart .site-content,
.woocommerce-checkout .site-content,
.woocommerce-order-received .site-content {
	padding-top: 50px !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__prices {
	display: none !important;
}

.wc-block-components-order-summary-item__individual-prices.price.wc-block-components-product-price {
  display: none !important;
}

.wc-block-components-product-metadata__purchase-note {
    display: block;
    margin-top: 8px;
    font-weight: bold;
    color: var(--accent);
}

 /***************
 * (7) Blog Posts
 ****************/
#comments,
.comments-area,
.comment-respond {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;    
}

 /***************
 * (9) Contact Form 7
 ****************/
.wp-block-contact-form-7-contact-form-selector {
	background-color: var(--base-2);
	padding: 2rem;
} 
 
.wpcf7-form-control-wrap input, 
.wpcf7-form-control-wrap select, 
.wpcf7-form-control-wrap textarea {
	background-color: var(--base-3);
    /*margin-bottom: 1rem;*/
    min-height: 3rem;
    border: .5px solid var(--base);
    border-radius: 2px;
    width: 100%;
}
 
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--accent);
    color: var(--base-3);
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    border-radius: 9999px;
    padding: 1rem 2rem;
}