/* Selects all paragraph elements */
H2 {
  color: blue; /* Sets text color to blue */
  font-size: 16px; /* Sets font size to 16 pixels */
}
.notes { 
    color:#000000;
    background-color:#ffffff;
	font-size:11px;
	font-weight:normal;
	resize: none;
	padding: 0em;
	border:2px solid #ccc; }

.gyc_email, gyc_phone td {white-space: nowrap;}

.my_vert_table,
.my_vert_table th,
.my_vert_table td {
    text-align: left;
}

/* Credits:
** This bit of code: Exis | exisweb.net/responsive-tables-in-wordpress
** Original idea: Dudley Storey | codepen.io/dudleystorey/pen/Geprd
**
** Supresses header and list rows vertically with First Column bold. 
*/

@media screen and (max-width: 600px) {

    .my_vert_table  {width:100%;}

    .my_vert_table thead {display: none;}

    .my_vert_table tr:nth-of-type(2n) {background-color: inherit;}

    .my_vert_table  td:nth-child(1) {
        background: #f0f0f0; font-weight:bold; font-size:1.3em;
    }

    .my_vert_table tbody td {
        display: block;  text-align:left;
    }

    .my_vert_table tbody td:before {
        /*
        Add header name before td cell content
        if <td> has custom attribute data-th=\"column header\"
        */
        content: attr(data-th);
        display: inline-block;
        /*text-align:center;*/
        width: 16rem;
    }
}

/*
** Similar styling for those tables that are always to be listed
** vertically.
*/
.always_vert  {width:100%;}

/*
** Just in case there is still a thead.
*/
.always_vert thead {display: none;}

.always_vert tr:nth-of-type(2n) {background-color: inherit;}

.always_vert  td:nth-child(1) {
    background: #f0f0f0; font-weight:bold; font-size:1.3em;
}

.always_vert tbody td {
    display: block;  text-align:left;
}

.always_vert tbody td:before {
    /*
    Add header name before td cell content
    if <td> has custom attribute data-th=\"column header\"
    */
    content: attr(data-th);
    display: inline-block;
    /*text-align:center;*/
    width: 16rem;
}