/*
 Theme Name:     3clicks Child Theme
 Theme URI:      http://3clicks.bringthepixel.com
 Description:    Got questions? Visit our <a href="http://bringthepixel.com/support/">support forum</a>.
 Author:         bring the pixel
 Author URI:     http://www.bringthepixel.com/
 Template:       3clicks
 Version:        1.0
 Tags:           flexible-width, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, translation-ready
 */

/* Place all your CSS modifications below */
.wpcf7-form input {
	max-width: 100%;
}

.g1-simple-slider .g1-slide__title>.g1-background, .g1-content .g1-box--solid .g1-box__icon,
	.g1-content .g1-button--solid {
	/* background: #009e96; */
	
}
div#g1-id {
    padding: 0 !important;
}
.tg {
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #ccc;
}

.tg td {
	font-family: Arial, sans-serif;
	font-size: 14px;
	padding: 10px 5px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
	border-color: #ccc;
	color: #333;
	background-color: #fff;
}

.tg th {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 5px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	word-break: normal;
	border-color: #ccc;
	color: #333;
	background-color: #f0f0f0;
}

.wpcf7-form label {
	min-width: 200px;
}

@media screen and (max-width: 767px) {
	.tg {
		width: auto !important;
	}
	.tg col {
		width: auto !important;
	}
	.tg-wrap {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

#g1-id {
	max-width: 70%;
}

td[data-handler="selectDay"]:hover:after {
  content: attr(data-location);
  position: absolute;
  background:#fff;
  border:1px solid #e4e4e4;
  box-shadow:0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding:5px 10px;
  margin-top:5px;
  z-index: 1000;
  opacity: 1;
}

.cal-left {
	width: 70%;
	float:left;
}

.cal-right {
	width: 30%;
	float: left;
	padding-left:35px;
	box-sizing:border-box;
}

.cal-right .hasDatepicker {
	width: 100%;
	float:left;
}

.cal-right .hasDatepicker .ui-datepicker-inline {
	margin:0px;
	width: 100%;
	float:left;
}

.cal-right .hasDatepicker .ui-datepicker-header {
	background:#e4e4e4;
}

.cal-right .hasDatepicker td[data-capacity="true"] a{
	background:#61b314;
	color:#fff;
	font-weight: bold;
	border:1px solid #59a015;
}

.cal-right .hasDatepicker td[data-capacity="false"] a{
	background:#be2020;
	color:#fff;
	font-weight: bold;
	border:1px solid #9a1010;
}

@media screen and (max-width: 1024px) {
	.cal-left {
		width: 100%;
		float:left;
	}

	.cal-right {
		width: 100%;
		float: left;
		padding-left:0px;
		box-sizing:border-box;
	}
}