/*
Theme Name:     Cdd-flow
Theme URI:
Description:    Astra child theme.
Author:         Me
Author URI:
Template:       astra
Version:        0.1.0
*/


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Theme Overrides / Global
 * =====================================================================================================================
 */

:root {
	--clr-cdd-blue: #006496;
	--clr-delete-red: #ED3100;
	--clr-dl-green: #00A94A;
	--clr-white: #ffffff;

	--ff-heading: "Raleway", sans-serif;
	--ff-body: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
	font-optical-sizing: auto;
}

.entry-title {
	font-family: var(--ff-heading)!important;
}

/*#postbox-container-1 {
	position: fixed;
	top: 0;
	right: 0;
	width: 260px;
	padding: 20px;
}*/

.ast-container {
	padding: 2em 0;
}

.ast-container a,
.ast-container a:hover,
.ast-container a:focus {
	color: var(--clr-cdd-blue) !important;
}

.ahfb-svg-iconset svg {
	color: var(--clr-cdd-blue) !important;
	fill: var(--clr-cdd-blue) !important;
}

/*#gravityflow-initiate-list a {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2em;
	background-color: var(--clr-cdd-blue) !important;
	padding: 1em 2em !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
	color: var(--clr-white) !important;
	text-decoration: none !important;
}*/

.ast-above-header .ast-container {
	padding: 0 !important;
}
.ast-above-header .ast-builder-html-element p {
	margin-bottom: 0;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Gravity Forms
 * =====================================================================================================================
 */


.gfield h2.gsection_title,
.gfield h3.gsection_title {
	border-bottom: 0 solid transparent !important;
}

.gform_title {
	font-family: var(--ff-heading) !important;
}

.gfield input[type="text"],
.gfield input[type="email"],
.gfield input[type="tel"],
.gfield textarea {
	padding: 1.75em;
}

.gfield select,
.ginput_complex select {
	height: 50px;
	padding: 5px 5px 5px 25px;
	overflow: hidden;
}
.ginput_complex select option {
	padding: 5px;
}

input[type="text"],
input[type="password"] {
	padding: 1.75em;
}

.wpfep-field label {
	font-family: var(--ff-heading) !important;
    font-size: 1.25rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 0.5em;
}

.wpfep-fields input[type="text"],
.wpfep-fields input[type="email"],
.wpfep-fields input[type="tel"] {
	padding: 1.75em;
	height: 50px;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}
.wpfep-fields textarea {
	padding: 1.75em;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

input[type="button"],
input[type="submit"].wpfep_save,
.gf-wf-entries button,
.gform_button {
	background-color: var(--clr-cdd-blue) !important;
	padding: 1em 2em !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
	color: var(--clr-white) !important;
}

ul.cdd__child-pages-btn  {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 2em;
	list-style: none;
}
ul.cdd__child-pages-btn li a,
.cdd__child-pages-btn a {
	background-color: var(--clr-cdd-blue) !important;
	padding: 1em 2em !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
	color: var(--clr-white) !important;
	text-decoration: none !important;
}
ul.cdd__child-pages-btn li a:hover,
ul.cdd__child-pages-btn li a:focus,
ul.cdd__child-pages-btn li a:visited,
.cdd__child-pages-btn a:hover,
.cdd__child-pages-btn a:focus,
.cdd__child-pages-btn a:visited{
	color: var(--clr-white) !important;
}


input[type="submit"].button-secondary:not(#gravityflow_save_progress_button) {
	background-color: var(--clr-cdd-blue) !important;
	padding: 0.75em 1.25em !important;
	font-size: 1rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
	color: var(--clr-white) !important;
}

.wp-editor-container button {

}

#gravityflow-status-filters input[type="submit"] {
	background-color: var(--clr-cdd-blue) !important;
	padding: 0.5em 1em !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
}

#gravityflow-status-filters {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#gravityflow-status-date-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#gravityflow-status-date-filters input,
#gravityflow-status-date-filters select {
	margin: 5px;
	padding: 5px;
	height: 50px;
}

#entry_filters {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#gform-field-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

#gform-field-filters select {
	margin: 5px;
	padding: 5px;
	height: 50px;
}

.bulkactions {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.bulkactions input[type="submit"] {
	background-color: var(--clr-cdd-blue) !important;
	padding: 0.5em 1em !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
}
.bulkactions #bulk-action-selector-top,
.bulkactions #bulk-action-selector-bottom {
	margin: 5px;
	padding: 5px;
	height: 40px;
}

.gform-field-filter input, .gform-field-filter select {
	padding: 0.6em !important;
}

.gsection_title {
	font-family: var(--ff-heading) !important;
}

.gfield legend,
.gfield .gfield_required,
.gfield .gform-field-label,
.gfield--type-html {
	font-family: var(--ff-body) !important;
}

.gform-theme--framework .gf_progressbar .percentbar_blue {
	background-color: var(--clr-cdd-blue) !important;
}

.gflow-grid__header .gform-input.gflow-inbox__search {
	padding: 1.75em 1.75em 1.75em 40px;
}

.postbox,
thead {
	background: rgba(6, 171, 251, 0.05) !important;
}

thead tr {
	font-family: var(--ff-heading) !important;
	font-size: 1.125rem !important;
	line-height: 1.75rem !important;
	text-transform: uppercase !important;
}

.gravityflow-detail-form-count thead tr {
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
}

tbody tr:nth-child(even) {
	background: rgba(0, 11, 98, 0.05) !important;
}
.gravityflow_workflow_detail tbody tr:nth-child(even) {
	background: none !important;
}

.gravityflow_workflow_wrap .postbox h3, .gravityflow_workflow_wrap h3 {
	font-family: var(--ff-heading) !important;
}

.gravityflow-has-sidebar .postbox, .gravityflow-has-step-info .postbox, .gravityflow-has-workflow-info .postbox {
	box-shadow: 0 3px 6px rgba(0,61,91, 0.4) !important;
}

.gravityflow-field-value,
.gravityflow-field-value p,
.gravityflow-field-value li,
.gfield--type-html p,
.gfield--type-html li {
	font-family: var(--ff-body) !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
}

.ginput_preview_control.gform-icon--circle-delete {
	color: var(--clr-delete-red) !important;
}

.ginput_preview_control.gform-icon--circle-arrow-down {
	color: var(--clr-dl-green) !important;
}

.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .ginput_preview {
	flex-direction: row !important;
	gap: 1em !important;
}

.gf-wf-entries #search {
	display: flex;
}

/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Front End user Profile
 * =====================================================================================================================
 */

#wpmp2fa_tab .wpfep-save{
    display:none;
}

ul.wpfep-tabs li a.active {
	background: rgba(6, 171, 251, 0.05) !important;
}
ul.wpfep-tabs li a {
	background: rgba(0, 11, 98, 0.05) !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * GF Tables
 * =====================================================================================================================
 */

.gravityflow-step-form_submission thead tr th#details {
	text-align: left !important;
}

.gravityflow-step-form_submission thead tr th:nth-of-type(2) {
	width: auto !important;
}

.gravityflow-step-form_submission tbody tr:nth-of-type(2) {
	display: none !important; /* Hide address on /admin/workflow-inbox/bookings-inbox/ */
}

table.cdd-form__booking {
	table-layout: fixed;
}
.cdd-form__booking thead th {
	text-align: left;
}
.cdd-form__booking thead tr th:nth-of-type(1) {
	width: 5em;
}
table.cdd-form__booking tbody {
	font-size: 0.75rem !important;
    line-height: 1rem !important;
}

.cdd-form__booking-stats thead tr th {
	text-align: left;
}



#gravityflow-status-filters input.medium-text.datepicker {
	width: auto !important;
}

table.wp-list-table {
	table-layout: fixed;
}
.wp-list-table thead tr th {
	text-align: left;
}
table.wp-list-table tbody {
	font-size: 0.75rem !important;
	line-height: 1rem !important;
}


/*
 * ---------------------------------------------------------------------------------------------------------------------
 * User Management
 * =====================================================================================================================
 */

.admin-manage-users a button {
	background-color: var(--clr-cdd-blue) !important;
	padding: 1em 2em !important;
	font-size: 1rem !important;
	line-height: 1.5rem !important;
	font-family: var(--ff-body) !important;
	text-transform: uppercase !important;
	color: var(--clr-white) !important;
	text-decoration: none !important;
}




/*
 * ---------------------------------------------------------------------------------------------------------------------
 * Footer
 * =====================================================================================================================
 */

footer p,
footer li {
	font-family: var(--ff-body) !important;
	font-size: 0.875rem !important;
	line-height: 1.25rem !important;
}



/*
 * ---------------------------------------------------------------------------------------------------------------------
 * ---------------------------------------------------------------------------------------------------------------------
 * Media Queries
 * =====================================================================================================================
 * =====================================================================================================================
 */
@media only screen and (max-width: 1200px) {
	#content {
		padding: 10px;
	}
}