/*
 Theme Name:   Mayer Vascular
 Theme URI:    http://mayervascular.com.au
 Description:  Mayer Vascular Child Theme
 Author:       -
 Author URI:   http://-
 Template:     twentytwelve
 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:  twenty-twelve-child
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Cabin');

*{
    margin-top: 0px !important;
	margin-bottom: 0px !important;
}

body {
	background-color: #333333;
	font-family: Helvetica, Arial, sans-serif;
}

body #headimg {
	max-width: 1020px;
	height: 240px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 20px;
	background-image: url("http://mayervascular.com.au/wp-content/uploads/2017/07/header.jpg");
	background-size: 100% 100%;
	color: #fff;
	transition: height .1s, width .1s ease-in-out;
}

body #headimg h1 {
	font-size: 2.4em;
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
	padding-top: 50px;
	padding-bottom: 10px;
}

body #headimg h3 {
	font-size: 1.4em;
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
}

body #headimg h4 {
	font-size: 1.1em;
	padding-bottom: 10px;
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
}


/* remove top page margin */
body .site {
	margin-top: 0px 0 !important;
	margin-bottom: 0px 0 !important;
	padding-bottom: 0px 0 !important;
	box-shadow: none;
}

/* remove image borders */
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	border-radius: 0px;
	box-shadow: none;
}

/* set padding and text wrap on welcome slide */
.welcomeslide {
	float: left;
	margin: 0px 40px -10px 0px;
}


.site-content article {
	margin-bottom: 0px 0 !important;
	padding-bottom: 0px 0 !important;
}



@media screen and (max-width: 970px){
	body #headimg {
		height: 190px;
		padding-top: 10px;
		padding-left: 10px;

	}

	body #headimg h1 {
		font-size: 2.2em;
		padding-top: 50px;
		padding-bottom: 10px;
	}

	body #headimg h3 {
		font-size: 1.2em;
	}

	body #headimg h4 {
		font-size: 0.9em;
		padding-bottom: 10px;
	}
	
	.welcomeslide {
		float: none;
		margin: 0 auto;
		max-width: 500px;
	}
}

@media screen and (max-width: 800px){
	body #headimg {
		height: 150px;
		padding-top: 0px;
		padding-left: 10px;
	}
	
	body #headimg h1 {
		font-size: 2em;
		padding-top: 40px;
		padding-bottom: 10px;
	}

	body #headimg h3 {
		font-size: 1em;
	}

	body #headimg h4 {
		font-size: 0.7em;
		padding-bottom: 10px;
	}
}


@media screen and (max-width: 540px){
	body #headimg {
		height: 120px;
		padding-top: 0px;
		padding-left: 10px;
	}
	
	body #headimg h1 {
		font-size: 1.4em;
		padding-top: 30px;
		padding-bottom: 10px;
	}

	body #headimg h3 {
		font-size: 0.9em;
	}

	body #headimg h4 {
		font-size: 0.7em;
		padding-bottom: 10px;
	}
}