/******************************************************************
Theme Name: Vital Smiles
Theme URI: http://www.vitalsmilesga.com/
Description: Wordpress theme for Vital Smiles ATL
Author: Local Marketing, Inc team
Author URI: http://www.localmarketinginc.com/
Version: 1.0
Tags: html5, css3, fixed, development

License: GPL or whatever
License URI: http://www.gnu.org/copyleft/gpl.html

******************************************************************/

/* `XHTML, HTML4, HTML5 Reset */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border: 0; margin: 0; padding: 0; font-size: 100%; } html, body {height: 100%; } html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } audio, canvas, video {display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } b, strong {font-weight: bold; } img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; } li {display: list-item;list-style-position: inside; } table {border-collapse: collapse; border-spacing: 0; } th, td, caption {font-weight: normal; vertical-align: top; text-align: left; } q {quotes: none; } q:before, q:after {content: ''; content: none; } small { font-size: 85%; } sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub {bottom: -0.25em; } sup {top: -0.5em; } svg { overflow: hidden; } nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0; } ins {background: #ff9; color: #000; text-decoration: none; } mark {background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; } hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } dfn { font-style: italic; } /* `Clear Floated Elements */ .clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:before, .clearfix:after {content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after {clear: both; } .clearfix {zoom: 1; }

/* Font-Face
----------------------------------------------------------------------------------------------------*/
@font-face {
    font-family: 'Banda Regular';
    src: url('fonts/Banda_regular-webfont.eot');
    src: url('fonts/Banda_regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/Banda_regular-webfont.woff') format('woff'),
         url('fonts/Banda_regular-webfont.ttf') format('truetype'),
         url('fonts/Banda_regular-webfont.svg#BandaRegularRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 'Open Sans', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background-color: #a3e4ff;
	border-top: 5px solid #fff;
}

pre, code { font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace; }

hr {margin: 18px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; }

::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

address {font-style: normal}

blockquote {
	padding: 0 0 0 15px;
	margin: 0 0 18px;
	border-left: 5px solid #eeeeee;
}

	blockquote p {
		margin-bottom: 0;
		font-size: 16px;
		font-weight: 300;
		line-height: 22.5px;
	}

	blockquote small {
		display: block;
		line-height: 18px;
		color: #999999;
	}
		
		blockquote small:before {
			content: '\2014 \00A0';
		}

	blockquote.pull-right {
		float: right;
		padding-left: 0;
		padding-right: 15px;
		border-left: 0;
		border-right: 5px solid #eeeeee;
	}

	blockquote.pull-right p,
	blockquote.pull-right small {
		text-align: right;
	}

q:before,
q:after,
blockquote:before,
blockquote:after {
	content: "";
}

abbr[title] { border-bottom: 1px dotted; }

/* Spacing
----------------------------------------------------------------------------------------------------*/

ol {list-style: decimal; }
ul {list-style: disc; }
li {margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
	margin-bottom: 20px;
	color: #363638;
}


/* Headings
----------------------------------------------------------------------------------------------------*/

h1,h2,h3,h4 {
	font-family: 'Banda Regular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-weight: normal
}

h1 {
	font-size: 28px;
	line-height: 36px;
	margin-bottom: 10px;
}
	h1 small {font-size: 18px; }

h2 {
	font-size: 24px;
	line-height: 36px;
}
	h2 small {font-size: 18px; }

h3 {
	line-height: 27px;
	font-size: 18px;
}
	h3 small {font-size: 14px; }

h4, h5, h6 {line-height: 18px; }

	h4 {font-size: 14px; }

		h4 small {font-size: 12px; }
	
	h5 {font-size: 12px; }

	h6 {
		font-size: 11px;
		color: #999999;
		text-transform: uppercase;
	}

/* Anchor Stylings
----------------------------------------------------------------------------------------------------*/
a {
	color:#1d3f57;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
	outline: 0;
}

a:visited {}

a:focus { outline: thin dotted; }

/* Floating Classes
----------------------------------------------------------------------------------------------------*/

.right {
	float: right;
	margin-left: 10px;
}

.left {
	float: left;
	margin-right: 10px;
}

.border { border: 1px solid #333; }


/* Padding/Margin Classes
----------------------------------------------------------------------------------------------------*/

.padding-left { padding-left: 10px; }
.padding-right { padding-right: 10px; }
.padding-bottom { padding-bottom: 10px; }
.padding-top { padding-top: 10px; }
.nopadding { padding: 0px; }

.margin-left { margin-left: 10px; }
.margin-right { margin-right: 10px; }
.margin-bottom { margin-bottom: 10px; }
.margin-top { margin-top: 10px; }
.nomargin { margin: 0px; }

/* Horizontal Main Nav
----------------------------------------------------------------------------------------------------*/
#mainnav {
	position: absolute;
	z-index:100;
	top: 65px;
	right: 0px;
}

#mainnav ul {
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}

#mainnav li {
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* style the links for the top level */

#mainnav a {
	font-family: 'Banda Regular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size: 16px;
	height: 22px;
	color: #1d3f57;
	text-decoration: none;
	text-align:center;
	padding: 9px 10px;
	display: block;
	width: auto;
	margin: 0;
}

#mainnav a:hover {color: #5b9609; }

/* Drop Down CSS
----------------------------------------------------------------------------------------------------*/
#mainnav ul ul {
	visibility:hidden;
	position:absolute;
	height: 0;
	top: 40px;
	left:0;
	z-index: 98;
}

/* style the second level links */
#mainnav ul ul a,
#mainnav ul ul a:visited {
	background:#2872a4;
	text-align: left;
	color:#fff;
	height:auto;
	width: 180px;
	font-size: 14px;
	padding: 10px 15px 10px;
	border-color: #184b6d;
	border-style:solid;
	border-width:0 1px 1px 1px;
}

/* Style the first drop down navigation button */
#mainnav ul ul li:first-child a { border: 1px solid #184b6d; }

#mainnav ul ul a:hover,
#mainnav:hover > a,
#mainnav ul ul:hover > a {
	color: #fff;
	background: #1d3f57;
}

/* style the third level background */
#mainnav ul ul ul {
	left: 211px;
	top: 0px;
	width:129px;
	position: absolute;
	z-index: 99
}

#mainnav ul ul ul a,
#mainnav ul ul ul a:visited {
	background:#FFCC00;
	color: #000;
}

/* Style the first drop down navigation button of a drop down */
#mainnav ul ul ul li:first-child a {  }

#mainnav ul ul ul a:hover {
	color: #FFCC00;
	background: #354356;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#mainnav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* make the second level visible when hover on first level list OR link */
#mainnav ul li:hover ul,
#mainnav ul a:hover ul { visibility:visible; }

/* keep the third level hidden when you hover on first level list OR link */
#mainnav ul:hover ul ul { visibility:hidden; }

/* make the third level visible when you hover over second level list OR link */
#mainnav ul:hover ul :hover ul { visibility:visible; }


/* Container Divs
----------------------------------------------------------------------------------------------------*/

.container {
	margin: 0 auto;
	width: 960px;
	position: relative;
}

header { height: 140px; }

#companyinfo,
#breadcrumbs {
	background-color: #2872a4;
	border: 3px solid #266189;
	padding: 20px;
	margin-bottom: 15px;
}

#breadcrumbs ul,
#breadcrumbs li {
	margin: 0;
	padding: 0;
	list-style: none;
}

	#breadcrumbs li {
		float: left;
		margin-right: 5px;
		color: #fff;
		font-weight: bold;
	}
	#breadcrumbs li a {
		color: #fff;
		font-weight: normal
	}

#address {float: left; margin-right: 40px; width: 500px; color : #fff;}

#contactus {float: left}

	#address address,
	#address h2,
	#address p,
	#address ul li,
	#address a,
	#contactus h2 {color:#fff;}

	#address h2,
	#contactus h2 {margin-bottom: 10px;}

	#address a {font-weight: bold}

	#address address {
		float: left;
		border-right: 1px solid #184b6d;
		padding-right: 20px;
		margin-right: 20px;
	}

article[role=main] {
	float: left;
	background: #fff;
	border: 3px solid #ebe8e8;
	width: 554px;
	padding: 20px;
	margin-bottom: 20px;
}

aside[role=main] {
	float: left;
	width: 350px;
	margin-left: 10px;
}

	aside[role=main] section {margin-bottom: 10px; }

		aside[role=main] section h3 {
			color: #fff;
			font-size: 22px;
			margin-bottom: 10px;
		}

section#resources {
	background: url('img/bg-resources.png') no-repeat #5b9609 right bottom;
	min-height: 100px;
	width: 264px;
	border: 3px solid #93cb32;
	padding: 10px 60px 10px 20px;
}
	section#resources ul,
	section#resources li {margin: 0;padding: 0;}

		section#resources li {
			color: #fff;
			font-size: 14px;
		}
		section#resources li a {color: #fff;}

section#newsletter {
	background: url('img/bg-newsletter.png') no-repeat #fe8f01 right bottom;
	min-height: 100px;
	width: 214px;
	border: 3px solid #ff7500;
	padding: 10px 110px 10px 20px;
}
	section#newsletter h3 {
		font-size: 18px;
	}
	
section#testimonials {
	background: url('img/bg-testimonial.png') no-repeat #2872a4 15px 15px;
	min-height: 80px;
	width: 784px;
	clear: both;
	padding: 20px 20px 20px 150px;
	border: 3px solid #1d3f57;
	margin-bottom: 20px;
}

	section#testimonials blockquote {
		font-family: 'Banda Regular', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
		font-size: 28px;
		color: #fff;
		line-height: 1.2em;
		border: 0px;
		margin: 0 0 10px 0;
		padding: 0;
	}

	section#testimonials a {
		color: #fff;
		font-weight: bold;
		float: right;
	}

section#serviceslider {
	background: #ffcd00;
	border: 3px solid #ffa500;
	width: 914px;
	padding: 20px;
	margin-bottom: 20px;
	clear: both;
}

	section#serviceslider article {
		float: left;
		width: 200px;
		margin-left: 20px;
	}

	section#serviceslider article h3 {margin-bottom: 10px;}
		section#serviceslider article h3 a { }

	section#serviceslider article img {margin-bottom: 10px; width: 196px; height: 130px !important; border: 2px solid #ffa500;}

#footer {
	border-top: 3px solid #fff;
	background: #2b99c6;
	padding: 20px 0;
}

footer {
	width: 960px;
	margin: 0 auto;
}

	footer nav ul,
	footer nav li {
		margin: 0;
		padding: 0;
	}

	footer nav ul li {
		float: left;
		margin-left:65px;
	}

		footer nav ul li:first-child { margin: 0px; }

		footer nav li ul li {
			margin: 0;
			float: none;
		}

		footer nav ul li a {
			color: #fff;
			font-weight: bold;
		}

			footer nav li ul li a { font-weight: normal; }

/* Custom IDs and Classes
----------------------------------------------------------------------------------------------------*/
.columns {float: left; width: 48%;}

#logo {
	background-position: 0 0;
	width: 135px;
	height: 120px;
	position: absolute;
	top: 10px;
	left: 0px;
}

#util {
	position: absolute;
	top: -5px;
	right: 0px;
	background: url('img/bg-utilnav.png') no-repeat;
	width: 300px;
	height: 35px;
	padding: 10px 30px 0 15px;
}
	#util li { 
		display: inline;
		text-align: center;
		margin: 0;
		padding: 0;
	}

	#util a {
		color: #363638;
		border-left: 1px solid #666666;
		padding: 0 10px;
	}

		#util li:first-child a,
		#util li.spanish a { border-left: none;}
		
		#util li#menu-item-571, #util li#menu-item-621 {
			float : right;
		}
		
		#util li#menu-item-571 a, #util li#menu-item-621 a{
			color: #5b9069;
			font-=weight: bold;
			border-left: none;
		}

.learnmore {
	width: 122px;
	height: 37px;
	background-position: 0 -120px;
}

	.learnmore:hover {background-position: 0 -157px;}

/* Slider
----------------------------------------------------------------------------------------------------*/
#banner {
	background: url('img/bg-slider.png') no-repeat;
	height: 315px;
	width: 960px;
}

	#banner h2 {
		font-size: 48px;
		color: #1d3f57;
		margin-bottom: 10px;
		letter-spacing: -2px;
	}

	#banner p {
		font-size: 15px;
		color: #363638
	}

.bx-prev,
.bx-next {
	position: absolute;
	top: 45%;
	text-indent: -99999999px;
	background: url('img/slider-btns.png') no-repeat;
	display: block;
	width: 34px;
	height: 34px;
}

.bx-prev {
	left:-40px;
	background-position: 0 0
}
	.bx-prev:hover {background-position: 0 -34px}
.bx-next {
	right:-40px;
	background-position: -34px 0px;
}
	.bx-next:hover {background-position: -34px -34px;}

.bx-wrapper {
	width:890;
	margin: 0 auto;
}

.slidetext {
	position: absolute;
	top: 70px;
	left: 450px;
	width: 400px;
}

#slider div {
	width:890px;
	height:315px;
	position: relative;
	background-repeat: none;
}

#integrity	{ background: url('img/bg-integrity.jpg') no-repeat;}
#respect	{ background: url('img/bg-respect.jpg') no-repeat;}
#excellence	{ background: url('img/bg-excellence.jpg') no-repeat;}
#openness	{ background: url('img/bg-openness.jpg') no-repeat;}
#community	{ background: url('img/bg-community.jpg') no-repeat;}
#diversity	{ background: url('img/bg-diversity.jpg') no-repeat;}
#commitment	{ background: url('img/bg-commitment.jpg') no-repeat;}

/* Contact Form
----------------------------------------------------------------------------------------------------*/

div#contactusform {
	width: 325px;
	position: relative;
	margin: 0 auto;
}

div#contactusform label.error {
	font-weight:normal;
	color:red;
	text-align: center;
	position: absolute;
	background: transparent url(img/cancel.png) no-repeat scroll left;
	left: 1px;
	bottom: 2px;
	width:225px;
	text-align: left;
	font-size: 14px;
	padding-left: 25px;
}

div#contactusform input[type=text],
div#contactusform textarea {
	height: 23px;
	width: 300px;
	background: #fff;
	border: 1px solid #e3e3e3;
	padding: 10px;
	margin-bottom: 5px;
	font: 13px/1.5 'Open Sans', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	color: #555;
	transition: border linear 0.2s, box-shadow linear 0.2s;
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=text],
textarea {
	transition: border linear 0.2s, box-shadow linear 0.2s;
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=text]:focus,
textarea:focus {
	outline: 0;
	border-color: rgba(153, 27, 30, 0.7);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(108, 19, 21, 0.6);
		-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(108, 19, 21, 0.6);
		-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(108, 19, 21, 0.6);
}

div#contactusform textarea { 
	height: 118px;
	overflow: auto;
}

section#companyinfo div#contactusform input[type=text] {
	padding: 5px 10px;
	height: 20px;
}

section#companyinfo div#contactusform textarea {height: 100px;}
section#companyinfo div#contactusform label.error {color: #FF6;}


/* Button Classes
----------------------------------------------------------------------------------------------------*/

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 13px;
  line-height: 18px;
  *line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn:hover {
  text-decoration: none;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

#submit_btn {
	float: right;
	color: #fff;
	background-color: #0074cc;
	*background-color: #0055cc;
	background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
	background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
	background-image: -o-linear-gradient(top, #0088cc, #0055cc);
	background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
	background-image: linear-gradient(top, #0088cc, #0055cc);
	background-repeat: repeat-x;
	border-color: #0055cc #0055cc #003580;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

#submit_btn:hover {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0055cc;
	  *background-color: #004ab3;
}

/* Boilerplate Default CSS
----------------------------------------------------------------------------------------------------*/
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: url('img/site-sprite.png');
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

.ir br { display: none; }

.hidden {display: none !important; visibility: hidden; }

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible { visibility: hidden; }

 @media print {* {background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote {border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page {margin: 0.5cm; } p, h2, h3 {orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }