/*
 Theme Name:     Gaea Child Theme
 Theme URI:      http://preview.imithemes.com/gaea-wp
 Description:    Gaea Child Theme
 Author:         imithemes
 Author URI:     http://www.imithemes.com
 Template:       Gaea
 Version:        1.0
*/

@import url(../Gaea/style.css);

/* =Theme customization starts here
------------------------------------------------------- */

a{
    color:#428bca;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition:all 0.3s ease 0.2s;
    -moz-transition:all 0.3s ease 0.2s;
    -ms-transition:all 0.3s ease 0.2s;
    -o-transition:all 0.3s ease 0.2s;
    transition:all 0.3s ease 0.1s;
}
a:hover{
    text-decoration:none;
}
a:hover,
a:active,
a:focus{
    outline: 0;
    color:#666666;
}

/* overwrites to the font-resizer plugin */
.Zeno_FR_Widget .sidebar-widget-title {
    display: none;
}

.zeno_font_resizer {
    text-align: left !important;
}

/* twctodo: quick fix because for some reason gravity forms frontend styles aren't being loaded' */
.add_list_item {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGQ9Ik0yNTYgNTEyYy0xNDEuMzc1IDAtMjU2LTExNC42MDktMjU2LTI1NnMxMTQuNjI1LTI1NiAyNTYtMjU2YzE0MS4zOTEgMCAyNTYgMTE0LjYwOSAyNTYgMjU2cy0xMTQuNjA5IDI1Ni0yNTYgMjU2ek0yNTYgNjRjLTEwNi4wMzEgMC0xOTIgODUuOTY5LTE5MiAxOTJzODUuOTY5IDE5MiAxOTIgMTkyYzEwNi4wNDcgMCAxOTItODUuOTY5IDE5Mi0xOTJzLTg1Ljk1My0xOTItMTkyLTE5MnpNMjg4IDM4NGgtNjR2LTk2aC05NnYtNjRoOTZ2LTk2aDY0djk2aDk2djY0aC05NnY5NnoiPjwvcGF0aD48L3N2Zz4=);
    width: 15px;
    height: 15px;
    background-size: contain;
}

.delete_list_item {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxnIGlkPSJpY29tb29uLWlnbm9yZSI+PC9nPjxwYXRoIGQ9Ik0yNTYgMGMtMTQxLjM3NSAwLTI1NiAxMTQuNjI1LTI1NiAyNTYgMCAxNDEuMzkxIDExNC42MjUgMjU2IDI1NiAyNTYgMTQxLjM5MSAwIDI1Ni0xMTQuNjA5IDI1Ni0yNTYgMC0xNDEuMzc1LTExNC42MDktMjU2LTI1Ni0yNTZ6TTI1NiA0NDhjLTEwNi4wMzEgMC0xOTItODUuOTY5LTE5Mi0xOTJzODUuOTY5LTE5MiAxOTItMTkyYzEwNi4wNDcgMCAxOTIgODUuOTY5IDE5MiAxOTJzLTg1Ljk1MyAxOTItMTkyIDE5MnpNMTI4IDI4OGgyNTZ2LTY0aC0yNTZ2NjR6Ij48L3BhdGg+PC9zdmc+);
    width: 15px;
    height: 15px;
    background-size: contain;
}

/*.cmb-repeat-group-field .cmb-td {*/
    /*padding: 3px;*/
    /*margin: 0 0 6px;*/
/*}*/

/*.cmb-repeat-group-field .cmb-td .regular-text {*/

/*}*/

/*.page .cmb-repeat-group-wrap {*/
    /*background: #fafafa!important;*/
/*}*/

/*.page .cmb-repeatable-group {*/
    /*padding: 1em;*/
/*}*/

/*.page .cmb-repeatable-grouping {*/
    /*border-bottom: 1px solid #d3ced2;*/
    /*position: relative;*/
/*}*/

/*.cmb-repeat-group-wrap .cmb-row .cmbhandle, .postbox-container .cmb-row .cmbhandle {*/

/*}*/

/*.page .cmb2-metabox button.dashicons-before.dashicons-no-alt.cmb-remove-group-row {*/
    /*-webkit-appearance: none!important;*/
    /*background: none!important;*/
    /*border: none!important;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: .5em;*/
    /*line-height: 1em;*/
    /*cursor: pointer;*/
    /*padding: 2px 6px 3px;*/
/*}*/

/*.page .cmb-repeatable-group .cmb-group-title {*/
    /*background-color: #e9e9e9;*/
    /*padding: 8px 12px 8px 2.2em;*/
    /*margin: 0 -1em;*/
/*}*/

.woocommerce form .form-row.form-row-wide textarea.textarea {
    height: auto;
}

.members-grid .grid-holder .grid-item {
    margin-left: 0px;
}

.members-grid .grid-item-inner {
    min-height: 455px;
}

.members-grid .media-box {

}

.memebrs-grid .media-box .img-thumbnail {
    width: 100%;
    max-height: 230px;
}

.gravity-membership-description-wrapper {
    border: 1px solid #cccccc;
}

.gravity-membership-description-wrapper ul {
    padding: 10px;
}

/* ---------------------------------------------------------------------------------------------------------------------*/
/* LOGO */
.site-header h1.logo .default-logo {
    max-width: 100%;
}

/* ---------------------------------------------------------------------------------------------------------------------*/
/* Overwrite some styles for CMB2 markup */
/* CMB2 */
.cmb2-wrap ul {
    list-style-type: none;
}

/* hide order actions for woocommerce in my-accounts dashboard */
th.order-actions, td.order-actions {
    display: none;
}

.woocommerce p.myaccount_user, .woocommerce .addresses .address, .myaccount_user {
    border: 1px solid #ECEAE4!important;
    background: #fafafa!important;
    padding: 20px;
}
.media-box > img
{
    height: auto;
    max-height: 227px !important;
    min-height: 100%  !important;
}
.grid-item .media-box img{
    width: auto;
}
.posts-listing .thumbnail img{
    width: 50%;
}
/* ---------------------------------------------------------------------------------------------------------------------*/
/* Overwrite some styles for woocommerce */
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {
    width: 22.15% !important;
}
/*
Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
#member-table th{
  padding: 10px 10px 10px 0;
  width: 10%;
  font-size: 17px;
  text-align: left;
  font-weight: bold;

}
#member-table thead{
  	background: #ccc;
}
#member-table tbody tr td{
  padding: 10px 10px 10px 0;
}

#member-table tbody tr:nth-child(odd) {
  background: #dddddd;

}
#member-table tbody tr:nth-child(even) {
  background: #fff;
}
@media
	only screen
	and (max-width: 760px), (min-device-width: 768px)
	and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		margin: 0 0 1rem 0;
	}

	tr:nth-child(odd) {
		background: #ccc;
	}

	td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
	}

	td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 0;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
	}

	/*
	Label the data
	You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
	td:nth-of-type(1):before { content: "Join Date"; }
	td:nth-of-type(2):before { content: "Start Date"; }
	td:nth-of-type(3):before { content: "End Date"; }
	td:nth-of-type(4):before { content: "Membership name"; }
	td:nth-of-type(5):before { content: "Status"; }
	td:nth-of-type(6):before { content: "Renew"; }
}
.pay_later-group{
	display:none;
}






.civic_profile_table table {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 6px;
  overflow: hidden;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.civic_profile_table table * {
  position: relative;
}
.civic_profile_table table td,
.civic_profile_table table th {
  padding-left: 8px;
}
.civic_profile_table table thead tr {
  height: 60px;
  background: #ffed86;
  font-size: 16px;
}
.civic_profile_table table tbody tr {
  height: 48px;
  border: 1px solid #e3f1d5;
}
.civic_profile_table table tbody tr:last-child {
  /*border: 0;*/
}
.civic_profile_table table td,
.civic_profile_table table th {
  text-align: left;
}
.civic_profile_table table td.l,
.civic_profile_table table th.l {
  text-align: right;
}
.civic_profile_table table td.c,
.civic_profile_table table th.c {
  text-align: center;
}
.civic_profile_table table td.r,
.civic_profile_table table th.r {
  text-align: center;
}

@media screen and (max-width: 35.5em) {
.civic_profile_table  table {
    display: block;
  }
.civic_profile_table   table > *,
.civic_profile_table   table tr,
.civic_profile_table   table td,
.civic_profile_table   table th {
    display: block;
  }
.civic_profile_table   table thead {
    display: none;
  }
.civic_profile_table   table tbody tr {
    height: auto;
    padding: 8px 0;
  }
.civic_profile_table   table tbody tr td {
    padding-left: 45%;
    margin-bottom: 12px;
  }
.civic_profile_table   table tbody tr td:last-child {
    margin-bottom: 0;
  }
.civic_profile_table   table tbody tr td:before {
    position: absolute;
    font-weight: 700;
    width: 40%;
    left: 10px;
    top: 0;
  }

  .product-archive ul li {
      display: inline-block;
      width: 24%;
      margin: 0;
      padding: 10px 25px 0 0;
      vertical-align: top;
  }


/*.civic_profile_table   table tbody tr td:nth-child(1):before {*/
/*    content: "Code";*/
/*  }*/
/*.civic_profile_table   table tbody tr td:nth-child(2):before {*/
/*    content: "Stock";*/
/*  }*/
/*.civic_profile_table   table tbody tr td:nth-child(3):before {*/
/*    content: "Cap";*/
/*  }*/
/*.civic_profile_table   table tbody tr td:nth-child(4):before {*/
/*    content: "Inch";*/
/*  }*/
/*.civic_profile_table   table tbody tr td:nth-child(5):before {*/
/*    content: "Box Type";*/
/*  }*/
}