/*
 Theme Name:   Social Tap Web Engine
 Theme URI:    http://www.socialtap.com.au
 Description:  Developed by Social Tap and based on the framework of the Flatsome theme. We specialise in good looking, functional, mobile responsive websites for the hospitality, tourism, food and wine industries. Websites that are easy to use and built with great customer experience and conversion in mind.
 Author:       Social Tap
 Author URI:   https://www.socialtap.com.au
 Template:     flatsome
 Version:      0.6.4
 Tags:         light-weight and fast, multi-page, specialised landing page, custom headers, responsive, e-commerce, visual editor, easy-to-use, built-in support
 Text Domain:  flatsome
*/

/* TESTED WITH FLATSOME 3.5.0 */

/*\\\\\\\\\\\\\\\*/
/* PAGES */
/*\\\\\\\\\\\\\\\*/

/* hide content that overextends body on mobile */
body {
    overflow-x: hidden;
}

/*\\\\\\\\\\\\\\\*/
/* GRAVITY FORMS */
/*\\\\\\\\\\\\\\\*/

/* RESETS */

.ginput_container input,
.ginput_container select {
    display: initial;
}

.gform_body > .gform_fields > li {
    margin-bottom: 1.5em;
}
.gform_body ul {
    -webkit-padding-start: initial;
}

/* reset li fields */
.gfield ol,
.gfield ul,
.gfield li {
    margin: initial;
    padding: initial;
}

/* INPUT CONTAINERS & LABELS */

.gfield {
    position: relative;
}

label.gfield_label {
    font-size: 1em;
}

/* style inside labels, e.g. checkbox labels */
.ginput_container label {
    font-weight: normal;
}

/* remove inputer container margin, assign to parent container instead */
.ginput_container input,
.ginput_container textarea,
.ginput_container select {
    margin-bottom: 0;
}

/* add padding to heading elements that follow a field */
.gform_body .gfield + .field_sublabel_below {
    margin-top: 1em;
}


/* RADIO & CHECKBOXES */

/* remove bullet points from fields */
.gform_body .gform_fields > li,
.gform_body .gfield_radio > li,
.gform_body .gfield_checkbox > li {
    list-style: none;
    margin: initial;
}



.gfield input[type='checkbox'],
.gfield input[type='radio'] {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

/* DATEPICKER */

/* datepicker container */
#ui-datepicker-div {
    background: #eee;
    padding: 10px 20px;
    box-shadow: #7e7e7e 0 0 1px;
    z-index: 1000 !important; /* use of important to override jQuery style */
}

/* use safe combination of flex and width properties to format date selectors */
.ui-datepicker-header {
    display: flex;
    flex-wrap: wrap;
}

.ui-datepicker-header > a.ui-datepicker-prev, 
.ui-datepicker-header > a.ui-datepicker-next {
    display: none !important; /* remove line to restore */
    width: 50%;
    cursor: pointer;
    margin-bottom: 10px;
}

.ui-datepicker-header > a.ui-datepicker-prev {
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
.ui-datepicker-header > a.ui-datepicker-next {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.ui-datepicker-header > .ui-datepicker-title {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.ui-datepicker-title > select.ui-datepicker-month, 
.ui-datepicker-title > select.ui-datepicker-year {
    width: 47.5%;
    display: flex;
}

/* align and stlye table elements in calendar */
.ui-datepicker-calendar th, 
.ui-datepicker-calendar td {
    text-align: center;
    border: transparent 1px solid;
    transition: all .1s ease-out;
}

.ui-datepicker-calendar th {
    padding: 7.2px;
}
/* swap padding to link element, maximise click area */
.ui-datepicker-calendar td {
    padding: 0;
}
.ui-datepicker-calendar td > a {
    padding: 7.2px;
    display: block;
}

/* do not indicate link on non-visible elements */
td.ui-datepicker-unselectable {
    cursor: default;
}

/* only add effect to selectable items */
.ui-datepicker-calendar td:hover:not(.ui-datepicker-unselectable) {
    background: white;
    border: #ccc 1px solid;
}

img.ui-datepicker-trigger {
    content: url(./assets/gravity-forms/calendar.svg);
    max-width: 1.25em;
    position: absolute;
    right: 1em;
    height: 2.5em;
    cursor: pointer;
}

/*** CUSTOM CLASSES ***/

/* CONTAINER ALIGNMENT */

/* left */
.gform_body .gform_fields .col-left,
.gform_body .gform_fields .gf_left_half {
    display: inline-block;
    width: 47.5%;
    margin-left: 0;
    margin-right: 2.5%;
    position: relative;
}
/* right */
.gform_body .gform_fields .col-right,
.gform_body .gform_fields .gf_right_half
 {
    display: inline-block;
    width: 47.5%;
    margin-left: 2.5%;
    margin-right: 0;
}

@media screen and (min-width: 600px) {
	.gf_middle_third,
	.col-middle-third {
	    margin-left: 5% !important;
	    margin-right: 5% !important;
	}

	.gf_left_third,
	.gf_middle_third,
	.gf_right_third,
	.col-left-third,
	.col-middle-third,
	.col-right-third {
	    width: 30%;
	    display: inline-block;
	}
}

/* INPUT ALIGNMENT */
.gform_body .center-input input {
    text-align: center;
}
.gform_body .r-align-input input {
    text-align: right;
}
.gform_body .l-align-input input {
    text-align: left;
}
/* MISC */

body img.gform_ajax_spinner {
    display: none !important;
}

/* error validation */
.validation_error,
.validation_message {
    color: red;
    background: #f4f4f4;
    padding: 10px;
    margin: 5px 0;
}

/* remove label */
.no-label > .gfield_label,
.no_label > .gfield_label {
    display: none;
}

.uppercase-label > .gfield_label,
.uppercase_label > .gfield_label {
    text-transform: uppercase;
}

/*\\\\\\\\\\\\\\\*/
/* POSTS */
/*\\\\\\\\\\\\\\\*/

.single-post footer.entry-meta,
.single-post #nav-below {
    display: none;
}

/*\\\\\\\*/
/* WOOCOMMERCE */
/*\\\\\\\*/

.woocommerce-error.message-wrapper {
    position: relative;
    z-index: 1000;
    width: 100%;
    background: #eee;
    line-height: 1.1em;
    margin-bottom: 0 !important;
}