/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.tablewidth td:first-child {
	width: 100px;
}

.tablewidth td:last-child {
	width: 350px;
}

/* +++++++++++++++++++++++++ */
/* 1. Remove all comments from images */
.jp-carousel-image-meta, #jp-carousel-comment-form-container {
	display: none !important;
}

/* OLD */
/*.jp-carousel-info {
	display: none !important;
}*/
/* Move caption to the center & increase the font size */
.jp-carousel-info h2 {
	text-align: center !important;
	font-size: 30px !important;
}

/* Move the caption a bit higher than the default since on a mobile screen it gets hidden if the browser has a lower bar */
@media only screen and (max-width: 760px) {
	.jp-carousel-photo-info {
		bottom: 100px !important;
	}
}

/* +++++++++++++++++++++++++ */
/* 2. Make the tagline bold */
.site-description {
	font-weight: bold;
}

/* +++++++++++++++++++++++++ */
/* 3. Change sidebar colour */
.sidebar-widget-area {
	border: 1px solid #2d75a9;
	background: #f1f9ff;
	padding: 10px;
}

.widget {
	background-color: #fdfeff;
	padding: 5px;
}

/* +++++++++++++++++++++++++ */
/* 4. Fix the colour to not turn white in second sub menu */
.main-navigation ul ul a {
	color: #424242 !important;
}

.main-navigation ul ul a:hover {
	color: #2d75a9 !important;
}

.main-navigation a:hover {
	color: #c8c8c8 !important;
}

/* +++++++++++++++++++++++++ */
/* 5. Adjust the width of 2nd sub menu */
.main-navigation ul ul ul {
	width: 250px;
}

.main-navigation ul ul ul a {
	width: 226px;
}

/* +++++++++++++++++++++++++ */
/* 6. Increase font size of body*/
body {
	font-size: 13.5pt;
}

/* +++++++++++++++++++++++++ */
/* 7. Change the colour of the sub-menu so that it does not blend in with th white of the contents*/
.main-navigation ul ul {
	border: 1px solid #2d75a9;
}

/* +++++++++++++++++++++++++ */
/* 8. Change the colour of the second sub-menu so that it does not blend in with th white of the contents*/
.main-navigation ul ul ul {
	background-color: #f1f9ff;
	border: 1px solid #2d75a9;
}

/* ++++++++++++++++++++++++*/
/* 9. Add competitions menu and style it*/
.menu-national-and-international-menu-container {
	background-color: #2d75a9;
}

.menu-national-and-international-menu-container li a, .menu-national-and-international-menu-container ul li a:link {
	color: #ffffff;
	font-weight: 600;
	font-size: 10pt;
	text-transform: uppercase;
}

.menu-national-and-international-menu-container ul li a:hover {
	color: #b9bec4;
}

.menu-national-and-international-menu-container {
	padding-left: 5pt;
	padding-top: 10pt;
	padding-right: 5pt;
}

/* ++++++++++++++++++++++++*/
/* 10. Add competition calendar menu and style it*/
.menu-competition-calendars-menu-container {
	background-color: #5ea7da;
}

.menu-competition-calendars-menu-container li a, .menu-competition-calendars-menu-container ul li a:link {
	color: #ffffff;
	font-weight: 600;
	font-size: 10pt;
	text-transform: uppercase;
}

.menu-competition-calendars-menu-container ul li a:hover {
	color: #b9bec4;
}

.menu-competition-calendars-menu-container {
	padding-left: 5pt;
	padding-top: 10pt;
	padding-right: 5pt;
}

/* ++++++++++++++++++++++++*/
/* 11. Center smaller Featured Images */
.entry-thumbnail img, .post-thumbnail img {
	margin: 0 auto;
}

/* ++++++++++++++++++++++++*/
/* 12. Footer credit */
/* Adds a footer credit - 13100152hc CP */
/*.site-footer {
    font-size: 10;
}*/
.site-footer:before {
    content: '© 2023 Smethwick Photographic Society. All rights reserved.';
    font-size: 13px;
		margin:0 auto;
}


/*
	CSS Migrated from Jetpack:
*/

/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.tablewidth td:first-child {
	width: 100px;
}

.tablewidth td:last-child {
	width: 350px;
}

/* +++++++++++++++++++++++++ */
/* 1. Remove all comments from images */
.jp-carousel-image-meta, #jp-carousel-comment-form-container {
	display: none !important;
}

/* OLD */
/*.jp-carousel-info {
	display: none !important;
}*/
/* Move caption to the center & increase the font size */
.jp-carousel-info h2 {
	text-align: center !important;
	font-size: 30px !important;
}

/* Move the caption a bit higher than the default since on a mobile screen it gets hidden if the browser has a lower bar */
@media only screen and (max-width: 760px) {
	.jp-carousel-photo-info {
		bottom: 100px !important;
	}
}

/* +++++++++++++++++++++++++ */
/* 2. Make the tagline bold */
.site-description {
	font-weight: bold;
}

/* +++++++++++++++++++++++++ */
/* 3. Change sidebar colour */
.sidebar-widget-area {
	border: 1px solid #2d75a9;
	background: #f1f9ff;
	padding: 10px;
}

.widget {
	background-color: #fdfeff;
	padding: 5px;
}

/* +++++++++++++++++++++++++ */
/* 4. Fix the colour to not turn white in second sub menu */
.main-navigation ul ul a {
	color: #424242 !important;
}

.main-navigation ul ul a:hover {
	color: #2d75a9 !important;
}

.main-navigation a:hover {
	color: #c8c8c8 !important;
}

/* +++++++++++++++++++++++++ */
/* 5. Adjust the width of 2nd sub menu */
.main-navigation ul ul ul {
	width: 250px;
}

.main-navigation ul ul ul a {
	width: 226px;
}

/* +++++++++++++++++++++++++ */
/* 6. Increase font size of body*/
body {
	font-size: 13.5pt;
}

/* +++++++++++++++++++++++++ */
/* 7. Change the colour of the sub-menu so that it does not blend in with th white of the contents*/
.main-navigation ul ul {
	border: 1px solid #2d75a9;
}

/* +++++++++++++++++++++++++ */
/* 8. Change the colour of the second sub-menu so that it does not blend in with th white of the contents*/
.main-navigation ul ul ul {
	background-color: #f1f9ff;
	border: 1px solid #2d75a9;
}

/* ++++++++++++++++++++++++*/
/* 9. Add competitions menu and style it*/
.menu-national-and-international-menu-container {
	background-color: #2d75a9;
}

.menu-national-and-international-menu-container li a, .menu-national-and-international-menu-container ul li a:link {
	color: #ffffff;
	font-weight: 600;
	font-size: 10pt;
	text-transform: uppercase;
}

.menu-national-and-international-menu-container ul li a:hover {
	color: #b9bec4;
}

.menu-national-and-international-menu-container {
	padding-left: 5pt;
	padding-top: 10pt;
	padding-right: 5pt;
}

/* ++++++++++++++++++++++++*/
/* 10. Add competition calendar menu and style it*/
.menu-competition-calendars-menu-container {
	background-color: #5ea7da;
}

.menu-competition-calendars-menu-container li a, .menu-competition-calendars-menu-container ul li a:link {
	color: #ffffff;
	font-weight: 600;
	font-size: 10pt;
	text-transform: uppercase;
}

.menu-competition-calendars-menu-container ul li a:hover {
	color: #b9bec4;
}

.menu-competition-calendars-menu-container {
	padding-left: 5pt;
	padding-top: 10pt;
	padding-right: 5pt;
}

/* ++++++++++++++++++++++++*/
/* 11. Center smaller Featured Images */
.entry-thumbnail img, .post-thumbnail img {
	margin: 0 auto;
}