/*
 Theme Name:   Iconic One Child
 Template:     iconic-one
*/

@import url("../iconic-one/style.css");

/* Custom styles for the child theme */
#fetch-files-btn {
    background-color: #C10230; /* Change this to your desired background color */
    color: #ffffff; /* Change this to your desired text color */
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
}

#fetch-files-btn:hover {
    background-color: #E0717A; /* Change this to your desired hover background color */
}

/* Existing CSS from Customize */

/* Parent change - background color changed from #16A1E7 to #E0717A  */

.themonic-nav li:hover {
    display: inline-block;
    text-decoration: none;
    background: #E0717A;
  /*  width: auto;*/
}

.themonic-nav ul.nav-menu,
	.themonic-nav div.nav-menu > ul {
		background:none repeat scroll 0 0 #F3F3F3;	
		border-bottom: 5px solid #C10230;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		font-size: 0;
		text-align: left;
		width: 100%;
	}

	/* Parent change background change from #16A1E7 to #C10230 */
/* Change colour on current menu item */
	.themonic-nav .current-menu-item > a,
	.themonic-nav .current-menu-ancestor > a,
	.themonic-nav .current_page_item > a,
	.themonic-nav .current_page_ancestor > a {
		    background: none repeat scroll 0 0 #C10230;
			color: #FFFFFF;
			font-weight: bold;
	}


/* Parent Change - border changed from #e1e1e1 to #C10230 */
/* Border colour Search Box */
.wp-block-search__input {
    border: 1px solid #C10230;
    flex-grow: 1;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    min-width: 3em;
    padding: 8px;
}
/* Parent Change - background changed from #16A1E7 to #DD3030 border from ? to #C10230*/
/* Search button colour change */
.wp-block-search__button {
    background: #C10230;
    border: 1px solid #C10230;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-left: -0.1em;
    padding: 0.375em 0.625em;
    word-break: normal;
	width: 35%;
}


/* Spacing between Menu Items */
.themonic-nav  li a {
			padding: 0 8px;
}
footer[role="contentinfo"] {
  background: #C10230;
	color: #FFFFFF;
}

.donate-nav {
	background: #FF9E18;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	}
.donate-nav a {
	color: #FFFFFF;
	font-size: 1.1em;
}
.donate-nav a:hover {
	background: #FBD7A1;
	border-radius: 5px;
	color: #000000;
}
/* New Service Times */
.table-container {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

.three-column-table {
    width: 100%;
    border-collapse: collapse;
}

.three-column-table th, 
.three-column-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.three-column-table th {
    background-color: #f2f2f2;
    color: black;
		text-align: center; /* Center align text in header cells */
}

.three-column-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.three-column-table tr:hover {
    background-color: #ddd;
}

.three-column-table th {
    padding-top: 12px;
    padding-bottom: 12px;
		text-align: center; /* Center align text in header cells */
    background-color: #C10230;
    color: white;
}
.colored-button {
    background-color: #C10230; /* Change this to your preferred color */
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
}

.colored-button:hover {
    background-color: #E0717A;
    color: black;
    border: 2px solid #C10230;
}
.themonic-nav div.nav-menu > ul {
	background:none repeat scroll 0 0 #F3F3F3;	
	border-bottom: 5px solid #C10230;
}
/* Parent change - background color changed from #16A1E7 to #E0717A  */

.themonic-nav li:hover {
    display: inline-block;
    text-decoration: none;
    background: #E0717A;
  /*  width: auto;*/
}


	.themonic-nav div.nav-menu > ul {
		background:none repeat scroll 0 0 #F3F3F3;	
		border-bottom: 5px solid #C10230;
	/*
		border-top: 1px solid #ededed;
		display: inline-block !important;
		font-size: 0;
		text-align: left;
		width: 100%;*/
	}

	/* Parent change background change from #16A1E7 to #C10230 */
/* Change colour on current menu item */
	.themonic-nav .current-menu-item > a,
	.themonic-nav .current-menu-ancestor > a,
	.themonic-nav .current_page_item > a,
	.themonic-nav .current_page_ancestor > a {
		    background: none repeat scroll 0 0 #C10230;
			color: #FFFFFF;
			font-weight: bold;
	}


/* Parent Change - border changed from #e1e1e1 to #C10230 */
/* Border colour Search Box */
.wp-block-search__input {
    border: 1px solid #C10230;
    flex-grow: 1;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    min-width: 3em;
    padding: 8px;
}
/* Parent Change - background changed from #16A1E7 to #DD3030 border from ? to #C10230*/
/* Search button colour change */
.wp-block-search__button {
    background: #C10230;
    border: 1px solid #C10230;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-left: -0.1em;
    padding: 0.375em 0.625em;
    word-break: normal;
	width: 35%;
}


/* Spacing between Menu Items */
.themonic-nav  li a {
			padding: 0 8px;
}
footer[role="contentinfo"] {
  background: #C10230;
	color: #FFFFFF;
}

.donate-nav {
	background: #FF9E18;
	border-radius: 5px;
	color: #FFFFFF;
	font-weight: bold;
	}
.donate-nav a {
	color: #FFFFFF;
	font-size: 1.1em;
}
.donate-nav a:hover {
	background: #FBD7A1;
	border-radius: 5px;
	color: #000000;
}
/* New Service Times */
.table-container {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0;
}

.three-column-table {
    width: 100%;
    border-collapse: collapse;
}

.three-column-table th, 
.three-column-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.three-column-table th {
    background-color: #f2f2f2;
    color: black;
		text-align: center; /* Center align text in header cells */
}

.three-column-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.three-column-table tr:hover {
    background-color: #ddd;
}

.three-column-table th {
    padding-top: 12px;
    padding-bottom: 12px;
		text-align: center; /* Center align text in header cells */
    background-color: #C10230;
    color: white;
}
.colored-button {
    background-color: #C10230; /* Change this to your preferred color */
    color: white;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
}

.colored-button:hover {
    background-color: #E0717A;
    color: black;
    border: 2px solid #C10230;
}