/*
Theme Name:  Hodges Child Theme
Description: Child theme for the Hodges theme
Author:      ThemeMount
Author URI:  http://themeforest.net/user/thememount
Template:    hodges
Version:     0.1
Tags:        light, white, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive, retina
*/
/* NOTE: Main theme's style.css file is already added in head tag. /*
/* =Theme customization starts here
-------------------------------------------------------------- */

aside#text-3,aside#text-4,aside#text-5,aside#text-6 {
	background:#f1f1f1;
	border:2px solid #ccc;
	margin:20px 0;
	padding:15px;
	text-align:left;
	}
aside#text-3 h3.widget-title,
aside#text-4 h3.widget-title,
aside#text-5 h3.widget-title,
aside#text-6 h3.widget-title {
	color: rgba(51,51,51,1);
	font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 24px;
	margin-bottom: 0;
	}
aside#text-3 h3.widget-title:after,
aside#text-4 h3.widget-title:after,
aside#text-5 h3.widget-title:after,
aside#text-6 h3.widget-title:after {
	display: none;
	visibility: hidden;
	}
aside#text-3 .target_graph,
aside#text-4 .target_graph,
aside#text-5 .target_graph,
aside#text-6 .target_graph {
	background:#ddd;
	height:28px;
	margin:10px 0 6px;
	overflow: hidden;
	}
.site-content #sidebar-left.sidebar, .site-content #sidebar-right.sidebar {
    margin-top: 0 !important;
}


    .profile-wrapper {
        /*max-width: 900px;
        margin: 0px auto;
        background: #ffffff;
        padding: 30px;
        border-radius: 16px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.07);
        font-family: 'Segoe UI', sans-serif;*/
    }

    .profile-header {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 10px 0 10px;
        margin: 25px 0 25px;
    }

    .profile-header h2 {
        margin: 0;
        font-size: 28px;
        color: #333;
    }
	.profNavbar {
		display: block;
		list-style: none;
		text-align: center;
		margin: 0 0 0px;
		}
	.profNavbar li {
		display: inline-block;
		margin: 0;
		text-align: center;
		}
	.profileTopButtons {
		display: block;
		text-align: right;
		}
    .profileButtons a,
	 .profNavbar li a{
        background: #0073aa;
        color: #fff;
        padding: 8px 14px;
        border-radius: 6px;
        text-decoration: none;
        font-size: 16px;
        margin-left: 8px;
        transition: background 0.3s ease;
    }

    .profileButtons a:hover,
	 .profNavbar li a:hover{
        background: #005e8a;
    }

    .alert-success {
        background: #dff0d8;
        color: #3c763d;
        padding: 12px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .alert-error {
        background: #f2dede;
        color: #a94442;
        padding: 12px;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .profile-info {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .profile-info-item {
        background: #f9f9f9;
        border-left: 4px solid #0073aa;
        padding: 12px 16px;
        font-size: 16px;
    }

    .edit-profile-form,
    .password-form {
        margin-top: 30px;
        padding: 20px;
        background: #f1f1f1;
        border-radius: 10px;
    }

    .edit-profile-form input,
    .password-form input {
        width: 100%;
        padding: 10px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 6px;
    }

    .edit-profile-form input[type="submit"],
    .password-form input[type="submit"] {
        background: #0073aa;
        color: #fff;
        padding: 10px 20px;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        transition: background 0.3s;
    }

    .edit-profile-form input[type="submit"]:hover,
    .password-form input[type="submit"]:hover {
        background: #005e8a;
    }

.capri-tabs { width: 100%; margin: 20px 0; }
.capri-tabs .tab-buttons {
  display: flex; border-bottom: 0px solid #ccc; list-style: none; padding: 0;
}
.capri-tabs .tab-buttons li {
  padding: 10px 20px; cursor: pointer; border: 1px solid #ccc; border-bottom: none;
  background: #f7f7f7; margin-right: 5px; border-top-left-radius: 6px; border-top-right-radius: 6px;
}
.capri-tabs .tab-buttons li.active {
  background: white; border-bottom: 2px solid white; font-weight: bold;
}
.capri-tabs .tab-content { display: none; padding: 15px; border: 1px solid #ccc; background: white; }
.capri-tabs .tab-content.active { display: block; }

#sr7-tags-form {
  max-width: 600px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
}

.sr7-field-group {
  display: flex;
  gap: 15px;
  margin-bottom: 12px;
  align-items: center;
  position: relative;
}

.sr7-field-group input[name="tag_number[]"] {
  flex: 3;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.sr7-field-group input[name="position[]"] {
  flex: 1;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* Delete button (circle style) */
.sr7-delete-row {
  background: #ff4d4d;
  color: #fff;
  border: none;
  padding: 6px 8px;
  border-radius: 50% 50%;
  cursor: pointer;
  font-weight: bold;
  line-height: 13px;
  font-size: 12px;
}

.sr7-delete-row:hover {
  background: #d93636;
}

#sr7-add-row {
  display: block;
  margin-left: auto;
  margin-top: -5px;
  margin-bottom: 15px;
  background: #007bff;
  color: #fff;
  border: none;
  padding: 7px 14px;
  border-radius: 5px;
  cursor: pointer;
}

#sr7-add-row:hover {
  background: #005fcc;
}

#sr7-tags-form button[type="submit"] {
  background: #28a745;
  color: #fff;
  border: none;
  padding: 9px 18px;
  border-radius: 5px;
  cursor: pointer;
}

#sr7-tags-form button[type="submit"]:hover {
  background: #1e7c34;
}
.sr7-export-btn {
  background: #ff9800;
  padding: 8px 14px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: background 0.3s ease;
}
.sr7-export-btn:hover {
  background: #e68900;
}
.sr7-reset-btn {
  background: #dc3545;
  padding: 8px 14px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  margin-left: 10px;
  font-size: 16px;
  transition: background 0.3s ease;
}
.sr7-reset-btn:hover {
  background: #b52a36;
}

/* ✅ Mobile Layout */
@media (max-width: 600px) {
  .sr7-field-group {
    flex-direction: column;
    gap: 8px;
  }

  .sr7-delete-row {
    position: absolute;
    right: -10px;
    top: -10px;
  }
}
    @media (max-width: 600px) {
        .profile-info {
            grid-template-columns: 1fr;
        }
        .profile-header {
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }
    }