// ================================================
// Table View Template Styles for GravityView
// https://www.gravitykit.com
// ================================================

// 1. Variables
// ================================================

// 1.1. Colors
// Change accordingly to your website styles
// ------------------------------------------------

.gv-table-view {
	table-layout: fixed;
	width: 100%;
}

.gv-table-view th,
.gv-table-view td {
	padding: .3em;
}

.gv-table-view-content {

	table-layout: fixed;

	// The single entry view left column
	th {
		width: 35%;
		vertical-align: top;
	}
}

// 2. Sorting links
// Change accordingly to your website styles
// ------------------------------------------------

a.gv-sort.gv-icon-caret-up-down {
    opacity: 0.5;

    &:hover {
      opacity: 1;
    }
}