/*
Theme Name:     McRetro Custom Theme
Theme URI:      twentysixteen
Description:    A child theme of twentysixteen.
Author:         Shane McRetro
Author URI:     http://mcretro.net
Template:       twentysixteen
*/

@import url("../twentysixteen/style.css");

/* Add your custom css below this line */

.widget {					/* Reduce the massive gap under most widgets */
	margin: 0px 0px 21px 0px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-width: 5px;
}


/* Make Twenty Sixteen full width header */
.site-inner {
 max-width: none;
}

.site-content,
.site-footer,
.site-header-main {
 max-width: 1320px;
 margin: 0 auto;
}

@media screen and (min-width: 44.375em) {
 .site {
 margin: 0;
 }
 	.entry-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.2727272727;
		margin-bottom: 0.8em;
	}
 
 }
 
.site-header {
	padding: 0px 5.00%;
	}
 
#footer {
	padding: 0px 5.00%;
	} 

 body:not(.custom-background-image):before, body:not(.custom-background-image):after {
 height: 0;
 }
}

p.logo-subtext {					/* Text under the logo */
	color: #000000;
		-size: 20px;
	line-height: 1.0769230769;
	margin: 0;
}

#menu-nav-bar {						/* Background colour (or surround) of the nav menu */
	border-style: solid;
	border-width: 1px 0px;
	border-color: #000000;
}




.page-id-484 .entry-title {display: none;}	/* Removes header text for HOME page so it can be customised "in-post" */
.page-id-1043 .entry-title {display: none;}	/* Removes header text for SUBSCRIBE page so it can be customised "in-post" */


@media screen and (min-width: 61.5625em) {	/* Background colour (or surround) of the nav menu */
	.entry-title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.2727272727;
		margin-bottom: 0.8484848485em;
	}
	
}

h2.fancy {					/* Used in the shop description */
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.0;
	margin-bottom: 0.4em;
	margin-top: -28px;
}

h2.widgettitle {			/* Removes the silly header font from looking so silly! Also used on 404 page */
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.0;
	margin-bottom: 0.4em;
}


.entry-content h2 {			/* Removes the silly header font from looking so silly on the store description page! Also used on the frontpage... */
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.0;
	margin-bottom: 0.4em;
}

.entry-content h3 {			/* Removes the silly header font from looking so silly on the store checkout / billing pages! */
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 23px;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.0;
	margin-bottom: 0.4em;
}

.amount {					/* Woocommerce Dollar value on the store, not the default green... */
	color: #000000;
}

.box {
	padding: 1px;
	border: 1px solid #000000;
	background: #ffffff;
}

.center {
	text-align: center;
}

.wp-caption .wp-caption-text {
	color: #000000;
	font-size: 16px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.social {
	position: absolute;
	top: 40px;
	right: 4.10%;
	z-index: 99 !important;
}

.social img {
	margin: 5px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
 
.social img:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}


.contact a img, .contact a {
	margin: 5px 5px 5px 5px;
	box-shadow: none;
	display: inline;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
 
.contact img:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

@media only screen and (max-width: 710px) {
    .social {
        display: none;
    }
}


#content img {			/* Keep the images on posts restricted to the text part */
	margin: 0;
	max-width: 100%;
}


/* Fixing up the sidebar calendar, less red */
.calendar-archives.calendrier .calendar-navigation, .calendar-archives.calendrier .month.has-posts a, .calendar-archives.calendrier .day.has-posts a {
	background: #003F87;
}

.calendar-archives.calendrier .month.has-posts a:hover , .calendar-archives.calendrier .day.has-posts a:hover {
	background: #b51c0d;
}
	
.calendar-archives.calendrier .month, .calendar-archives.calendrier .day, .calendar-archives.calendrier .day.weekday {
	color: #000000;
}


#post-492 .cscfForm {		/* Reduces the width of the contact form, otherwise it looks silly */
	width: 65%;
	margin-bottom: 50px;
}

#post-1043 .jetpack_subscription_widget {		/* Reduces the width of the subscribe form, otherwise it looks silly */
	width: 65%;
	margin-bottom: 50px;
}

body.single-product .ppt, body.single-product .pp_description {
	display: none !important;
}


.site-content {					/* Trying to kill hyphens in headers... */
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}



/* TABLES, EVERYONE LOVES TABLES */
table {
    border-collapse: collapse;
    width: 75%;
    overflow-x: auto;
}

th, td {
    text-align: left;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}
tr:nth-child(odd) {background-color: #ffffff}

th {
    background-color: #003d85;
    color: white;
	text-align: center;
}


/* LATEST NEWS TABLE */
.newstable {
    border-collapse: collapse;
    width: 90%;
    overflow-x: auto;
}

td.column1 {text-align:center;}
td.column2 {text-align:left;}



/* What was this thing? LOL! */
.textwidget a {
    box-shadow: 0 0 0 0 currentColor;
}


/* Nuke the breadcrumbs from WooCommerce */
.woocommerce-breadcrumb {
    display: none;
}

/* Nuke the titles off lightbox images */
.slb_data_content {
    display: none;
}