/* RESET */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline;*zoom: 1;}
audio:not([controls]) { display: none; }
[hidden] {display: none;}

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
button, input, select, textarea { font-family: sans-serif; color: #222; }

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

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 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, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
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; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: .5em 0 1em; padding: 0 0 0 2em; }
dd { margin: 0 0 0 2em; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;}
button, input { line-height: normal; *overflow: visible;}
table button, table input { *overflow: auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: middle; }
th {text-align:right;}

/* =============================================================================
 primary styles - DESKTOP 
 
 #######                                                                                          
 #       #    # #####   ####  #####  ######   ##   #    #    # #    #   ##    ####  ######  ####  
 #       #    # #    # #    # #    # #       #  #  ##   #    # ##  ##  #  #  #    # #      #      
 #####   #    # #    # #    # #    # #####  #    # # #  #    # # ## # #    # #      #####   ####  
 #       #    # #####  #    # #####  #      ###### #  # #    # #    # ###### #  ### #           # 
 #       #    # #   #  #    # #      #      #    # #   ##    # #    # #    # #    # #      #    # 
 #######  ####  #    #  ####  #      ###### #    # #    #    # #    # #    #  ####  ######  #### 
 
   ========================================================================== */
html { background:#222228; }
body { margin:0; color:#fff; font: 16px/1.5 Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:0 0 5px;font-family: Verdana, Geneva, sans-serif;letter-spacing:1px;}
h1 {font-size:24px;font-size:1.5rem;}
p {margin:5px 0 10px;}
dt {padding:5px 0 0;}
img {max-width:94%;padding:4px;border:1px solid #444;}
th,td {border:1px solid white;padding:5px;}
p img {float:left;margin:0 10px 5px 0;}

a {color:#99b3ff;}
a:visited { color: #9cf; }
a:hover {color:#ffb;text-decoration:none;}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
a:active {position:relative;bottom:-1px;}


/* header */
#header {box-shadow:inset 0px 0px 3px #111;min-height:40px;}
header .inner {position:relative;}
#header h2 {margin:0;padding:1em 0 0.5em;line-height:1;margin-left:5px;}
.js #logo {display:none;}
#logo {color:#fff;font: 1.25rem/1 Verdana, Geneva, sans-serif; font-variant:small-caps; letter-spacing:3px;text-shadow:-1px -1px 0px #000; text-decoration:none;}
#logo:hover {color:#ccd;}
#logo:active {position:relative;top:1px;}
header ul { position:absolute;right:10px;top:5px;}
/*lists that need to be reset*/
#color-list, #frames, header ul, aside ul, #image-list, .workshops {list-style: none; list-style-image: none; margin: 0; padding: 0;}
/* set site width */
header .inner, #main-nav ul, #content-wrap .inner {width:98%;max-width:960px;margin:0 auto;}
#index .inner, #content-wrap .inner {max-width:1200px;}

/* nav */
header li, nav li {float:left;}
header li, footer li {border-left:1px solid #ccc;font-size:14px;}
header li:first-child, footer li:first-child {border-left:none;}
header ul a, footer nav a { padding:0 5px;}
header ul a:hover, footer nav a:hover {text-decoration:underline;}
header li a, nav a, .workshops a {display:block;text-decoration:none;}

#main-nav {border-top:1px solid #000006;border-bottom:1px solid #44444a;}
#main-nav .inner {border-top:1px solid #44444a;border-bottom:1px solid #000006;padding:.5em 0 0;}
#index #main-nav .inner {margin:0 auto;}
#main-nav li {border:1px solid #111;margin:0 0 .5em 5px;border-radius:5px;}
#main-nav a {padding:.05em .4em .1em;font-size:18px;font-size:1.1rem;border:1px solid #acf;border-radius:5px; color:#fffefa;}
/* current page nav highlighting */
#main-nav a:hover, #shows a[title^="Sh"], #pricing a[title^="Pr"], #about a[title^="Ab"], #contact a[title^="Co"], #testimonials a[title^="Wor"], #photographic-workshop-tours a[title^="Photog"] {border-color:#8ad;background:#b2c7ee; color:#222228;}
body[id*="gallery"] #main-nav a[title*="Gallery"] {border-color:#8ad;background:#b2c7ee; color:#222228;}

/* main content */
#content-wrap {background:url(../images/presentation/contentbg.png) repeat-x 0 -43px;}
#main-content {width:75%;float:right;padding:1em 0 0 0;}
#main-content.no-sidebar {width:100%;float:none;}
#index img {padding:0;border:none;height:auto;display:block;margin:0 auto;max-width:100%;}
.no-sidebar h1 {text-align:center;}
.section, table {margin:0 0 1.5em;}
#to-top {position:fixed;right:8px;bottom:10%; padding:3px;border:1px solid #ccd;background:#222228;z-index:5;}
.workshops {-moz-column-count:2;-webkit-column-count:2;column-count:2;text-align:center;padding:1em 0;}
.oldie .workshops li {float:left;width:40%;margin:0 5px 10px;}
.workshops a {box-sizing:border-box;border:1px solid #acf;padding:.3em;margin:0 0 .5em;min-height:3.75em;background:#222228;}
.workshops a:hover {border:1px solid #ffc;}
.links a {display:block;margin:0 0 1.2em;}
.links h4 {margin:0;}

blockquote { background:#6c6c6d; border-left:10px solid #7575af; margin:1.5em 10px 1em; padding:.5em 10px; quotes:"\201C""\201D""\2018""\2019"; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
blockquote:before { color:#8585bf; content:open-quote; font-size:4em; line-height:.1em; margin-right:.25em; vertical-align:-.4em; }
blockquote:after { content:close-quote; visibility:hidden; }
blockquote p { display:inline; font-style:italic; }
.quote-from { text-align:right; margin-right:20px; }

/* galleries */
#image-list { text-align:center;}
#image-list li { float:left; width:33%; height:230px; overflow:hidden; }
#image-list p { font-size:14px;margin:0;}
#image-list h3 { font-size:14px; letter-spacing:0px;}
#image-list a img {border:3px solid #b8b8c4; max-height:140px; width:auto; max-width:90%; padding:0;}
.panoramic #image-list img {width:90%;height:auto;}
#image-list a:hover img {border:3px solid #fff;}

/* sidebar */
aside {position:relative;float:left;width:17%; border:1px solid #fff;margin:4em 0 1em;background:#222228;}
aside li {margin:0 0 10px;text-align:right;position:relative;right:-5px;}
aside a img {border:2px solid #b8b8c4;width:75%;height:auto;padding:0;}
aside a:hover img {border-color:#fff;}

/* footer */
#footer {color:#ddd;padding:10px 5px 20px;position:relative;border-top:1px solid #555559;clear:both;}
#footer small {position:absolute;right:10px;top:10px;}

/*===== FRAME VIEWER =====*/
#fv-wrap {display:none;margin:0 auto;background:#43434E;box-shadow: 0px 2px 4px rgba(0,0,0, .3);-webkit-border-bottom-left-radius: 80px;-moz-border-radius-bottomleft: 80px;border-bottom-left-radius: 80px;}
#fv-wrap a:focus {outline:none;}

#display-options { float:left;width:15%; }
#display-options div {padding:5px;}
#display-options h5 {font-size:15px;font-size:.9rem;letter-spacing:0;}

#frames li {position:relative;margin: 5px 0 0;}
#frames li:first-child {margin:0;}
#frames a {color:#fff;display:block;padding-left:20px;text-decoration:none;}
.frame-type {border-radius:10px;background:#30303c;}
.frame-type:before { content:'';width:12px;height:12px;background:#999;border-radius:10px;top:5px;left:4px;position:absolute;}
.frame-type:after { content:'';width:8px;height:8px;background:#247;border-radius:10px;top:7px;left:6px;position:absolute;}

/*#color-list { -moz-column-count:6;-webkit-column-count:6;column-count:6; }*/
#color-list li { width:20px;margin:0 0 10px; }
/*.oldie*/
#color-list li {float:left; margin:5px 10px 5px 0;}
#color-list a { display:block; height:20px; }

.colorOne {background:#fbfbf9;} /*white*/
.colorTwo {background:#d1774a;} /*orange*/
.colorThree {background:#f5b589;} /*peach*/
.colorFour {background:#315264;} /*blue-green*/
.colorFive {background:#6b253a;} /*plum*/
.colorSix {background:#f5deb3;} /*khaki*/
.colorSeven {background:#455d37;} /*dark olive green*/
.colorEight {background:#aaa;} /*light gray*/
.colorNine {background:#7c1423;} /*maroon*/
.colorTen {background:#c92734;} /*red*/
.colorEleven {background:#779fa5;} /*light blue*/
.colorTwelve {background:#a58055;} /*dark khaki*/

#wall-container { float:right; width:85%;min-height:340px; padding:60px 0; background:#fff;position:relative;max-width:100%;overflow:hidden;}

#wall-container img {
  display: block;
  margin: 0 auto;
  padding: 0;
  border: 0;
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}

#frame-container {
  position: relative;
  margin: 0 auto;
  /* account for inline styles set by javascript */
  max-width: 90% !important;
  max-height: 90% !important;
}

#frame-container div {position:absolute;}

.cherry div { background-image:url(../images/functionality/cherry-sides-corners.png); }
.cherry .frame-tm, .cherry .frame-bm {background-image:url(../images/functionality/cherry-tm-bm.png);}
/*.cherry .frame-mr, .cherry .frame-ml {background-image:url(../images/functionality/cherry-frame-right.jpg);}
*/
.cherry-small div { background-image:url(../images/functionality/mahogany-corners.png); }
.cherry-small .frame-tm, .cherry-small .frame-bm {background-image:url(../images/functionality/mahogany-horiz.png);}
.cherry-small .frame-mr, .cherry-small .frame-ml {background-image:url(../images/functionality/mahogany-vert.png);}

.frame-tl {top:-24px;left:-24px;width:26px;height:26px;background-position:54px 0;z-index:5;}
.frame-tm {top:-24px;left:0;right:0;height:26px;background-position:0 0;}
.frame-tr {top:-24px;right:-24px;width:26px;height:26px;background-position:27px 0;z-index:5;}
.frame-mr {top:0;right:-24px;width:26px;bottom:0;background-position:81px 0;}
.frame-br {bottom:-24px;right:-24px;width:26px;height:26px;background-position:27px -27px;z-index:5;}
.frame-bm {bottom:-24px;left:0;right:0;height:26px;background-position:0 28px;}
.frame-bl {bottom:-24px;left:-24px;width:26px;height:26px;background-position:54px -27px;z-index:5;}
.frame-ml {top:0;left:-24px;width:26px;bottom:0;background-position:-1px 0;}

/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
div.pp_pic_holder img {margin:0; padding:0;border:0;max-width:100%;}
div.light_rounded .pp_top .pp_left { background:#fff; -moz-border-radius:20px 0 0 0; -webkit-border-radius:20px 0 0 0; border-radius:20px 0 0 0; } /* Top left corner */
div.light_rounded .pp_top .pp_right { background:#fff; -moz-border-radius:0 20px 0 0; -webkit-border-radius:0 20px 0 0; border-radius:0 20px 0 0; } /* Top right corner */
div.light_rounded .pp_bottom .pp_right { background:#fff; -moz-border-radius:0 0 20px 0; -webkit-border-radius:0 0 20px 0; border-radius:0 0 20px 0; } /* Bottom right corner */
div.light_rounded .pp_bottom .pp_left { background:#fff; -moz-border-radius:0 0 0 20px; -webkit-border-radius:0 0 0 20px; border-radius:0 0 0 20px; } /* Bottom left corner */
div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
div.light_rounded .pp_content .ppt { color: #fff; }
div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; }
div.light_rounded .pp_content { background-color: #fff; } /* Content background */
div.light_rounded .pp_next:hover { background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
div.light_rounded .pp_previous:hover { background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
div.light_rounded .pp_expand { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
div.light_rounded .pp_expand:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
div.light_rounded .pp_contract { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
div.light_rounded .pp_contract:hover { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
div.light_rounded .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
div.light_rounded #pp_full_res .pp_inline { color: #000; }
div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
div.light_rounded .pp_nav .pp_play { background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
div.light_rounded .pp_arrow_previous { background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
div.light_rounded .pp_arrow_next { background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
div.light_rounded .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus { outline:none; }
div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; }
div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; }
.pp_top { height: 20px; position: relative; }
* html .pp_top { padding: 0 20px; }
.pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_top .pp_middle { left: 0; position: static; }
.pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_content { height: 40px; min-width: 40px; }
* html .pp_content { width: 40px; }
.pp_fade { display: none; }
.pp_content_container { position: relative; text-align: left; width: 100%; }
.pp_content_container .pp_left { padding-left: 20px; }
.pp_content_container .pp_right { padding-right: 20px; }
.pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; }
.pp_description { display: none; margin: 0 0 5px 0; }
.pp_nav { clear: left; float: left; margin: 3px 0 0 0; }
.pp_nav p { float: left; margin: 2px 4px; color:#333;}
.pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; }
a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; }
.pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; }
.pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; }
.pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; overflow: hidden; padding: 0; position: relative; }
.pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; }
.pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; }
.pp_gallery ul a img { border: 0; }
.pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; }
.pp_gallery li.default a { display: block; height: 33px; width: 50px; }
.pp_gallery li.default a img { display: none; }
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; }
a.pp_next { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_previous { background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; }
a.pp_close { display: block; float: right; line-height:22px; text-indent: -10000px; }
.pp_bottom { height: 20px; position: relative; }
* html .pp_bottom { padding: 0 20px; }
.pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; }
.pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; }
* html .pp_bottom .pp_middle { left: 0; position: static; }
.pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; }
.pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; }
#pp_full_res { line-height: 1 !important; }
#pp_full_res .pp_inline { text-align: left; }
#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
div.ppt { color: #fff; display: none; font-size: 0px; margin: 0 0 5px 15px; z-index: 9999; }

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* transitions */
#main-nav a, #wall-container {-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* clearfix */ 
.group:before, .group:after, #image-list:before, #image-list:after { content: ""; display: table; }
.group:after, #image-list:after { clear: both; }
.group, #imag-list { zoom: 1; }



/* ==|== media queries ================================= */



@media only screen and (max-width: 800px) {
	p img {float:none;display:block; margin:0 0 5px;}
	.workshops {-moz-column-count:1;-webkit-column-count:1;column-count:1;width:70%;}
	#main-nav a {font-size:.9em;}
	#display-options, #wall-container {float:none;width:auto;}
	#display-options div {float:left;width:30%;}
	#display-options {max-height:250px;}
}

@media only screen and (max-width:620px) {
  #footer small {position:relative;top:0;left:5px;}
}

@media only screen and (max-width: 480px) {
  header ul {top:0;right:0;}
  header .inner {padding-top:100px;}
  header li {float:none;border-bottom:1px solid #ccc;}
  header li:first-child {border-left:1px solid #ccc;}
  header li, footer li {font-size:14px;}
  #main-content {width:auto;float:none;}
  #to-top {display:none;}
  
  aside {display:none;}
  
  #wall-container {overflow:visible;}
  #display-options {max-height:900px;}
  #display-options div {float:none;width:66%;}
}


/* ==|== print styles ===================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  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: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  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; }
}