/*
Theme Name: Twenty Seventeen Child
description: >-
  Twenty Seventeen Child Theme
Author: Jason Dear
Author URI: https://nzsportshealth.co.nz
Template: twentyseventeen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twentyseventeen-child
*/

/*--------------------------------------------------------------
21.0 Custom CSS
--------------------------------------------------------------*/
/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	height: 800px;
	/*height: 100vh;*/
	/*height: 50vh;*/
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}

/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 50vh;
	/*width: 100%;*/
}

/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}

/* Hide the site header image for Equine and Canine */


.page-id-528 div .custom-header-media,
.page-id-667 div .custom-header-media,
.page-id-676 div .custom-header-media,
.page-id-682 div .custom-header-media,
.page-id-603 div .custom-header-media,
.page-id-630 div .custom-header-media,
.page-id-638 div .custom-header-media,
.page-id-648 div .custom-header-media,
.page-id-617 div .custom-header-media,
.page-id-655 div .custom-header-media
{
	display: none;
}

.page-id-528 div .site-branding,
.page-id-667 div .site-branding,
.page-id-676 div .site-branding,
.page-id-682 div .site-branding,
.page-id-603 div .site-branding,
.page-id-630 div .site-branding,
.page-id-638 div .site-branding,
.page-id-648 div .site-branding,
.page-id-617 div .site-branding,
.page-id-648 div .site-branding,
.page-id-638 div .site-branding,
.page-id-655 div .site-branding {
	display: none;
}

/* Hide the hentry headers */

.type-page .entry-meta, 
.type-page .vcard, 
.type-page .author, 
.type-page .date, 
.type-page .updated,
.type-page .published {
	display: none;
}
/*
.entry-header {
	//display:none;
}
*/
#content {
	padding-top: 2em;
}

h4::before {
	display: block;
}

h4::after {
	display: inline;
}

.video-testimonials-thumbs-box {
   	overflow: hidden;
   	position: relative;
}


/*
.video-thumbs3 .video_thumb {
   	height: 180px;
   	width: 300px;
   	position: relative;
}
*/

div .page-button {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-color: #610c1e;
	font-weight: bold;
	color: #610c1e;
	display: inline-block;
	margin: 0.5em;
	margin-right: 1em;
	padding: 1em;
	text-decoration: none;
	border-radius: 20px;
}

div .page-button:link, div .page-button:visited
{
	background-color: #ffffff;
	color: #610c1e;
	text-decoration: none;
}

div .page-button:hover, .page-button:active
{
	background-color: #610c1e;
	color: white;
	text-decoration: none;
}

div button::after {
	display: inline;
}

.redTitle {
   	margin-top: 10px;
   	color: #8E1831;
   	line-height: 22px;
}

.pdf-download-block {
	display: inline-block;
	height: 100px;
	margin: 0.6em;
}

div.page-content {
	border-top: thin solid #cccccc;
	padding-top: 1em;
}

div.page-content::after {
	content: "";
    clear: both;
    display: table;
}

div.page-content p, h4 {
	display: inline;
}

div.page-content img {
	margin-left: 1.5em;
	float: right;
}

div.page-content iframe {
	margin-left: 1.5em;
	float: right;
}

div.page-content table {
	display: inline;
}

div.page-content ul {
	list-style-position: inside;
}

div.page-content li {
	padding-left: 10px;
}

div.download-list {
	display: inline-block;
	border-top: thin solid #cccccc;
	padding-top: 1em;
}

.video-thumb-group {
	display: inline;
}

.video_thumb {
	display: inline-block;
	margin-top: 15px;
}

.video_thumb iframe {
	margin-bottom: 0.1em;
}

#nf-field-17,
#nf-field-18 {
	padding: 0.7em;
}

@media only screen and (max-width:550px){
  div.page-content img{
    float: none;
	display: table;
  }
	
	div.pdf-download-block {
    	float: none;
		display: table;
	}
}

h1 {
	color: #800000;
	font-weight: 700;
}

h2 {
	color: #800000;
	font-weight: 500;
}

h2.larger-numbers {
    font-size: 120px;
	/* display: inline-block; */
	padding: 0px;
    margin: 0px;
	margin-top: 10px;
    font-weight: 600;
}

h4 {
	color: #800000;
	font-weight: 600;
}

h4::before {
	content: "\a";
	white-space: pre;
}

h4::after {
	content: "\a";
	white-space: pre;
}

div.nf-response-msg{
	display: grid;
}

#nf-field-36, #nf-field-37 {
	height: 47px;
}

div.page-content .page-button {
	text-decoration: none;
	/*display: inline-block;*/
}

#social-media {
	vertical-align: top;
}

#social-media img {
	padding: 0.4em;
}

.twentyseventeen-front-page .site-content{
	  padding-top: 5.5em;
}

.twentyseventeen-front-page .panel-content .wrap{
	padding-top:0;
}

.page-one-column .panel-content .wrap {
	max-width: 840px;
}

div.wrap {
	max-width: 1200px;
}


/* format the side widgets */
/*div #custom_html-4,
div #custom_html-9,
div #custom_html-10,
div #custom_html-3,
div #custom_html-5,
div #custom_html-6,
div #custom_html-7,*/
div .custom-html-widget{
	border: solid;
	border-radius: 20px;
    border-width: 1px;
    padding: 0;
	margin: 0.5em;
}


div #nav_menu-8
div #nav-menu-9
div #nav-menu-13{
	/*border: solid;*/
    /*border-width: 1px;*/
    padding: 1em;
	margin: 0.5em;
}

div .menu, div .menu ul{
	list-style: none;
}

div #nav_menu-8 a, 
div #nav_menu-9 a,
div #nav_menu-13 a {
	background-color: #ffffff;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	border-color: #610c1e;
	font-weight: bold;
	color: #610c1e;
	display: inline-block;
	margin: 0.1em;
	margin-right: 1em;
	padding: 0.3em 1em 0.3em 1em;
	text-decoration: none;
	min-width: 20em;
}

.widget ul li {
	border: 0;
	padding: 0.1em;
}

div #nav_menu-8 a:link, 
div #nav_menu-8 a:visited,
div #nav_menu-9 a:link, 
div #nav_menu-9 a:visited,
div #nav_menu-13 a:link, 
div #nav_menu-13 a:visited
{
	background-color: #ffffff;
	color: #610c1e;
	text-decoration: none;
}

div #nav_menu-8 a:hover, 
div #nav_menu-8 a:active,
div #nav_menu-9 a:hover, 
div #nav_menu-9 a:active,
div #nav_menu-13 a:hover, 
div #nav_menu-13 a:active,
div #nav_menu-8 ul.sub-menu li.current-menu-item a,
div #nav_menu-8 ul.menu li.current-menu-item > a,
div #nav_menu-9 ul.sub-menu li.current-menu-item a,
div #nav_menu-9 ul.menu li.current-menu-item > a,
div #nav_menu-13 ul.sub-menu li.current-menu-item a,
div #nav_menu-13 ul.menu li.current-menu-item > a
{
	background-color: #610c1e;
	color: white;
	text-decoration: none;
	border-bottom: 0;
}

div #nav_menu-8 a::after,
div #nav_menu-9 a::after,
div #nav_menu-13 a::after{
	display: inline;
	content: " >>>";
}

div #nav_menu-8 ul.sub-menu li.current-menu-item a::before,
div #nav_menu-8 ul.menu li.current-menu-item > a::before,
div #nav_menu-9 ul.sub-menu li.current-menu-item a::before,
div #nav_menu-9 ul.menu li.current-menu-item > a::before,
div #nav_menu-13 ul.sub-menu li.current-menu-item a::before,
div #nav_menu-13 ul.menu li.current-menu-item > a::before {
	content: "<<< ";
}


div #nav_menu-8 ul.sub-menu li.current-menu-item a::after,
div #nav_menu-8 ul.menu li.current-menu-item > a::after,
div #nav_menu-9 ul.sub-menu li.current-menu-item a::after,
div #nav_menu-9 ul.menu li.current-menu-item > a::after,
div #nav_menu-13 ul.sub-menu li.current-menu-item a::after,
div #nav_menu-13 ul.menu li.current-menu-item > a::after {
	content: "";
}

.widget_box_header {
	text-align: center;
    background-color: #610c1e;
	color: white;
    font-size: 2em;
    padding: 0.5em;
	border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.widget_box_body {
	text-align: center;
	font-size: 1em;
	padding: 0.5em;
	margin: 0.1em;
}