/*
 Theme Name: twenty seventeen child
 Description: The custom theme using the parent theme Twenty Seventeen.
 Author: Red Asterix
 Author URI: https://redasterix.digital/
 Template: twentyseventeen
 Version: 1
 */

/* *********************** */
/* Change top menu font color */
.navigation-top a { color: #bb4d00; }

/* focus on selection */
a:focus, input:focus, textarea:focus, select:focus, button:focus, button:hover, .accordions .accordions-head:focus {
  outline: 0;
  border: 1px solid #77acc0;
  -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, .05), 0 0 6px rgba(0, 174, 239, .5);
          box-shadow: inset 0 2px 3px rgba(0, 0, 0, .05), 0 0 6px rgba(0, 174, 239, .5);
}

/* style footer menu */
#footer-nav { width: 100%; position:absolute; text-align: center; background-color: #303741; bottom: 0; margin-top: 40px;}

/*footer copyright */
#footer-info { margin-top: 10px; text-align: center; font-size: .9em; }

/* fix list indenting */
ol, ul { margin-left: 40px; list-style-position: outside !important; }

/* change footer background colour */
#colophon { background: #303741; }

#colophon * {
color: #FFFFFF !important;
list-style: none !important;
border: none !important;
box-shadow: none !important;
}
#colophon a:hover { color: #CCCCCC !important; }

/*minimise parallax scrolling on home page */
.panel-image { max-height: 150px; }

/* Section icons */
.icon-text { line-height: 55px; overflow: hidden; }

/* Change background colour for submit button */
input[type="button"], input[type="submit"] { background-color: #bb4d00; }
input[type="button"]:hover, input[type="submit"]:hover { background-color: #222222; }

/* Form fields */
input::placeholder { color: #707070; }
textarea::placeholder { color: #707070; }
.nf-field-description { font-size: .9em; }

/*modify timeline positioning */
.svt-share { display: none; }

@media screen and (min-width: 1170px) {

	.svt-cd-timeline-content { width: 43%; }
}
@media screen and (min-width: 48em) {

	body.page-two-column:not(.archive) #primary .entry-header { width: 29%; }
	body.page-two-column:not(.archive) #primary .entry-content { width: 65%; }
}

/* Accordions h2 */
.accordions .accordions-head-title h2 { font-size: 1em; color: #fff; }
.accordions-head-title { display: block; overflow: hidden; }
.accordion-icons { margin-top: 3px; }
/* Accordions border on active */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #bb4d00; }

/* Profile and Order buttons for Account page */
a.button,div.accnContainer {
 	float:left;
	width: 100%;
}
a.button:link {
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	text-decoration:none;
 	background-color:#bb4d00;
 	border-radius:5px;
 	color:#fff;
	margin: 10px 10px 30px;
 	padding:20px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
a.button:visited {
	color:#fff;
}
a.button:hover {
	color: #fff;
	background-color: #2D2D2D;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
a.button:active {
	color: #fff;
	background-color: #2D2D2D;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* style section labels for registration, update profile forms */
.section-labels {
	margin-top: 10px;
	font-size:1.5em;
}
.section-labels p {
	padding-top:23px;
}

/* modify WP admin login page 
.wp-core-ui .button-primary {*/
	#wp-submit {
    box-shadow: none !important;
    text-shadow: none !important;
	padding: 10px;
}
.login {
    border-radius: 8px !important;
}