/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Child theme for Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0.0
 Text Domain:  bricks-child
*/

.table-bordered, td {
  border: 1px solid #ddd;
  background-color:#fff;
}

.table-bordered, th{
  background-color: var(--primary-light);
  border:1px solid var(--primary-t-2);
}

th,
td {
    padding: 8px;
    line-height: 1.42;
    vertical-align: middle;
}

table {
  border-collapse: collapse;
}

.tour-schedule-table .tour-schedule-day {
  width: 10rem;
  min-width: 7rem;
  white-space: nowrap;
}

#sidebar-box > a > img{
	border-radius: 10px;
}

label { color: inherit; }

.list-checkbox-wrap .nf-field-element li label, .list-image-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
    text-align: left!important;
}

/* su tabs */
.su-tabs-pane {
    color: inherit!important;
    font-size: inherit!important;
}

.su-tabs {
	padding: 2px!important;
    background: var(--border-subtle)!important;
	margin: 0!important;
}

.su-tabs-nav span:focus {
    outline: inherit!important;
}

.su-tabs-nav span {
    font-weight: 700!important;
}

.su-spoiler-title {
    font-size: var(--h5)!important;
}

.su-spoiler-title:focus {
    outline: none!important;
    background-color: var(--primary-t-1);
}

/* NINJA FORMS */
.nf-form-wrap {
    background: var(--site-bg) !important;
    padding: 21px 20px 1px 20px;
    border-radius: 8px;
}

.nf-field-label {

	margin-bottom: 5px!important;
    margin-left: 5px!important;

    text-align: left!important;
    width: 100% !important;
}
.nf-field-label label{
	font-weight: 500!important;
}

.nf-field-element, nf-element{
	font-weight: 300!important;
}


.nf-field-container {
     margin-bottom: 10px!important; 
}

.nf-error-field-errors{
	display: none;
}

.ninja-form-submit-button{
	height: 38px!important;
	width: 100%!important;
    color: #fff!important;
    border-style: none;
    font-weight: 400;
    transition: border-color 0s, font-size 0.3s ease-out
}

.ninja-form-submit-button:hover {
    border: 2px solid var(--primary-d-3) !important;
    font-size: 1.2em;
    font-weight: 600;
	background-color: var(--primary-d-3)!important;
}   

.ninja-form-submit-button-nl{
	height: 35px!important;
	width: auto!important;
    font-weight: 400;
    border: 2px solid!important;
    padding: 0px 20px;
    transition: 0.9s cubic-bezier(0.22, 1.02, 0.58, 1);
	background-color: #ffffff!important;
}

.ninja-form-submit-button-nl:hover {
    border: 2px solid!important;
    font-weight: 400;
	color: #ffffff!important;
}  

.submit-wrap{
	text-align: center!important;
} 

.nf-form-fields-required{
	display: none;
}

.nf-field-element textarea {
      height: 70px !important;
    } 
.nf-next, .nf-previous {
    width: 100%!important;
    padding: 0px 30px;
    background-color: #fff!important;
    border: 2px solid;
    font-weight: 400;
}

.nf-breadcrumbs li.active a {
    font-weight: normal!important;
    border: 2px solid!important;
    padding: 5px 10px!important;
	border-color: var(--primary)!important;
	border-radius: var(--border-radius);
	background-color: var(--primary) !important;
    color: #fff;
}

.nf-next:hover, .nf-previous:hover{
    color: #fff!important;
	background-color: var(--primary)!important;
}

.nf-breadcrumbs li.active a:after{
	background: inherit;
}

.nf-breadcrumbs li a {
	color: var(--primary);
    border-radius: var(--border-radius) 10px;
    border: 2px solid var(--primary) !important;;
    padding: 5px 10px;
}

.nf-breadcrumbs li a:hover {
    color: #fff!important;
	background-color: var(--primary)!important;
}

.nf-popup-bottom-image{
	border: 2px solid;
	margin-top: 15px;
}

.nf-field-description{
    font-size:12px;
}

.hidden-container{
	margin: 0!important;
}

.nf-next, .nf-previous{
    border-color: var(--primary);
    color: var(--primary) !important;
	border-radius: var(--border-radius);
	line-height: 35px;
}

.ninja-form-submit-button {
    border-color: var(--primary) !important;
	background-color: var(--primary) !important;
	border-radius: var(--border-radius);
}
.newsletter-sub-heading {
    font-weight: 600;
    text-align: center;
    color: var(--primary);
    margin-bottom: 10px;
}