/*
Theme Name: Edu Blue
Theme URI: http://vizuit.com/edublue/
Author: Larry Judd Oliver Tradesouthwest
Author URI: http://tradesouthwest.com/
Description: TSW EduBlu theme is a blue colored theme with three menu placements. Top, header and a lists area below the header menu. Activate all three or any number. Just create a separate menu in the admin control panel for each, then select placement for the menu. Three menus are always better than one! Footer has four widget spaces. One right-side sidebar and a content area on the left. Font family is Oxygen. Logo can be added in header. Background can be changed. Option to add footer text when removing credits.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blue, two-columns, right-sidebar, custom-header, translation-ready
Text Domain: edublue
*/

@import url(http://fonts.googleapis.com/css?family=Oxygen:400,300,700);

/* =set/reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; 
font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
html { overflow-y: scroll; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
pre { -ms-word-wrap: break-word; word-wrap: break-word; }
code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym { border-bottom: 1px dotted #666;cursor: help; }
mark, ins { background: #fff9c0;text-decoration: none; }
sup, sub { font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%;}

/* alt reset */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

/*  =default styles 
--------------------------------------------- */
p, h1, h2, h3, h4, h5, h6{
margin: 10px 0; padding: 0;
}
h1, h2, h3, h4, h5, h6 { position: relative; }
h1{ font-size: 190%; }
h2{ font-size: 160%; }
h3{ font-size: 120%; }
h4{ font-size: 110%; }
h5{ font-size: 100%; }
h6{ font-size: 70%;  }
a { color:#1f58a8; font-weight:600; text-decoration:none; }
a:visited {}
a:hover { color:#1f58a8; text-decoration:underline; }
a img { border:0px; }
hr {
    position: relative;
    width: 93%;
    height: 0.226em;
    margin: 5px auto;
    border-bottom: thin dotted #da7;
    border-top: 1px solid #acc;
}
ul { list-style: none; }
ol { list-style: decimal }
ul li, ol li { position: relative; margin-left: 0.8882em; }
blockquote {
    background: #f4f4f4;
    padding: 5px 15px;
    margin: 3px 30px;
}
.clearme { clear: both }

/* Main Structure 
--------------------------------------------- */
body,
p,
inpu,
textarea {
    font-family:        'Oxygen', sans-serif;
    font-size: 100%;
    font-weight: 300;
}
#main {
    width: 1024px;
    padding: 0;
    margin: 0 auto;
    z-index: 5000; /* only needed when #access menu overlay used */
}
.upper-section {
    position: relative;
    top:0;
    height: 360px;
    background: midnightblue;
    background: #191970;
  background: -webkit-linear-gradient(#2159ba, #191970);
  background:    -moz-linear-gradient(#2159ba, #191970);
  background:         linear-gradient(#2159ba, #191970);
}
#masthead {
    position: relative;
    top: 40px;
    width: 100%;
    height: 260px;
    background: rgba( 30, 50, 190, 0.3);
}
.inner-header {
    position: relative;
    top: 20px;
    background: transparent;
    width: 80%;
    margin: 0 auto;
    overflow: hidden;
}
.site-header hgroup {
    float: right;
    width: 60%;
    position: relative;
    display: inline-block;
    top: -2em;
    left: 0;
    height: 120px;
    margin-top: 26px;
    overflow: hidden;
}
#logo {
    display: inline;
    position: relative;
    left: 10px;
    top: 10px;
    padding: 0;
}
#logo img {
    margin: 0;
}
h1.site-title a,
h2.site-description {
    color: white;
}
#content {
    width: 720px;
    position: relative;
    margin: 9px 9px 0 0;
    float: left;
    background: rgba( 250, 250, 250, 0.6);
}
.content-area {
    width: 98.8992%;
    background: rgba( 250, 250, 250, 0.5);
    padding: 0 1em;
    width: auto;
    margin: 0;
    font-size: 95%;
}
/* =Footer
-------------------------------------------------------------- */
div#colophon{
    margin-left: -10px;
}
div#footer div#first,
div#footer div#second,
div#footer div#third,
div#footer div#fourth{
    padding-left:20px;
    min-width:200px;
}
div#footer h3.widget-title{
    color:#222;
    text-shadow: #fff 1px 1px 0px;
}
div#footer h3.widget-title{
    border-bottom: 1px dotted #adadad;
}
div#footer h3.widget-title{
    margin-bottom:10px;padding-bottom:2px;
}

#colophon {
    width: 1090px;
    margin: 0 auto;
    height: auto;
    padding: 18px 0;
background: rgba( 220, 230, 240, 0.9);
border-top: 9px solid rgba( 240, 240, 240, 0.6);
border-right: 9px solid rgba( 240, 240, 240, 0.2);
border-bottom: 9px solid rgba( 240, 240, 240, 0.6);
border-left: 9px solid rgba( 240, 240, 240, 0.2);
}
#footer {
    display: block;
    width: 100%;
    clear: both;
    background: midnightblue;
    background: #191970;
  background: -webkit-linear-gradient(#2159ba, #191970);
  background:    -moz-linear-gradient(#2159ba, #191970);
  background:         linear-gradient(#2159ba, #191970);
}
#footer-widget-area {
    overflow: hidden;
}
#footer-widget-area a {

}
#footer-widget-area .widget-area {
    float: left;
    margin-right: 20px;
    width: 220px;
}
#footer-widget-area #fourth {
    margin-right: 0;
}
#footer .widget-area {
    width: 22%;
    display: inline;
    margin: 0;
}
.site-info a {
    color: #fafafa;
    text-decoration: none;
}
.site-info {
    font-size: 13px;
    font-weight: bold;
}
.credits,
.credits a,
.copyright {
    color: #fafafa;
    font-weight: normal;
    min-height: 2em;
    margin: 9px 1em;
}
.credits a small {
    color: #fafafa;
}


/* =Sidebar
--------------------------------------- */

#left-sidebar {}
#right-sidebar {
    float: right;
    
    border-top: 9px solid rgba( 250, 250, 250, 0.8);
    width: 258px; 
    background: blue;
    margin: 9px 0 1em auto;
    padding: 0 9px;
color: #fafafa;
}
#right-sidebar div:last-child {
    margin-bottom: 1em;
}
#right-sidebar a {
    color: #f1f6ff;
    font-weight: 400;
    text-shadow: 0 1px 1px #000;
}

#right-sidebar a:visited {
    color: #333333;
}

#right-sidebar a:hover {
    text-decoration: underline;
}

/* top secondary menu */
.toprow {
    display: inline-block;
    width: 100%;
    background: #11226f;
-webkit-box-shadow: 1px 8px 8px #2d2d2d;
   -moz-box-shadow: 1px 8px 8px #2d2d2d;
        box-shadow: 1px 8px 8px #2d2d2d;
    height: 2.222em;
}
.toprow ul {
    margin:             2px auto 1px 2em;
    padding:            0;
    list-style:         none;
position: relative;
top: 0;
    z-index:            1;
    font-size: 0.828em;
    float: right;
}
.toprow li  {
    margin:             0;
    float:              left;
    position:           relative;
}
.toprow a:hover {
    color:              #e8e8e8;
}
.toprow a {
    display:            block;
    min-width:          150px;
    text-align:         center;
    font-weight:        400;
    color:              #fafafa;
    font-size:          1.122em;
    text-decoration:    none;
    padding:            0.336em 0.725em 0.336em 0.0112em;
}
.toprow ul li {
    position: relative;
     /* 9.375em; 150px */
    width: 9.375em;
}
/* basic inline nav menu 
   ------------------------------ three level dropdown */

#access {
    width: 100%;
    position: absolute;
    top: 125px;
    height: 2.332em;
    background:         #191970;
-webkit-box-shadow: 1px 3px 4px rgba( 0, 0, 0, 0.7);
   -moz-box-shadow: 1px 3px 4px rgba( 0, 0, 0, 0.7);
        box-shadow: 1px 3px 4px rgba( 0, 0, 0, 0.7);
    margin:             0;
    display:            block;
}
#access ul {
width: 80%;
    margin:             2px auto 1px 2em;
    padding:            0;
    list-style:         none;
    display:            inline-block;
    z-index:            1;
}
#access li  {
    margin:             0;
    float:              left;
    position:           relative;
}
#access a:hover {
    color:              #f8f8f8;
}
#access a {
    display:            block;
    min-width:          150px;
    text-align:         center;
    font-weight:        400;
    color:              white;
    font-size:          1.122em;
    text-decoration:    none;
    padding:            0.336em 0.725em 0.336em 0.0112em;
    border-left:        1px solid white;
    background: royalblue;
    background: -webkit-linear-gradient(#2159ba, #191970);
    background:    -moz-linear-gradient(#2159ba, #191970);
    background:         linear-gradient(#2159ba, #191970);
}
#access ul li {
    position: relative;
     /* 9.375em; 150px */
    width: 150px;
}
#access ul li ul {
    display: none;
    position: absolute;
    left: 0;
}
#access ul li:hover ul {

    position: relative;
    width: auto;
    display: block;
    margin: 0;
}
#access ul ul {
    display: none;
    position: absolute;
    left: 1em;
}
#access ul ul:hover {

    position: relative;
    width: auto;
    display: block;
    margin: 0;
}
#access ul ul ul {
    display: none;
    position: absolute;
    left: 1em;
}
#access ul ul ul:hover {
    position: relative;
    width: auto;
    display: block;
    margin: 0;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
    color: #dff;
    text-shadow: 0 1px 2px #000;
}
#access ul:after {
    content: "";
    clear: both;
   margin: 0;
    padding: 0;
    display: block;
}
.headlist {
    width:  77.51888%;
    display: block;
    margin: 1.512em auto 0 auto;
}
#menu-list-menu {
    position: relative;
    left: 1.513336em;
    list-style: none;
}
.headlist ul li {
    display: inline-block;
    position: relative;
}
.headlist li {
    position: relative;
    min-width: 133px;
    word-wrap: no-wrap;
}
.headlist ul li ul {
    position: absolute;
    top: 1.2218em;
    left: -4px;
    min-width: 100px;
}
.headlist a {
    font-size: 0.825em;
    color: white;
}
#menu-list-menu li li a {
    color: #fafabb;
    font-weight: 400;
}
/* Menu classes */
.menu-item {}
/* This class is added to every menu item. */ 
.menu-item-has-children {}
/* This class is added to menu item which has sub-items */ 
.current-menu-item {}

/* =post styles 
------------------------------------------ */
.sticky { 
    font-size:          1em; 
    color:              #1d1d1d; 
    margin:             5px;
    padding:            7px;
    background:         #f2ffff;
    border-left:        3px solid brown;
    padding-left:       5px;
}
.entry h1{  }
.entry h3{ margin-left: 0.1212em; }
.entry h4{ margin-left: 0.142em; }
.entry h5{ margin-left: 0.155em; }
.entry h6{ margin-left: 0.33em; }
.entry h2 a {
    margin:          0;
    padding:         7px 20px 3px 20px;
    word-wrap:       break-word;
    line-height:     1.24;
}
body.blog .entry {
  border-bottom:     thin solid #aaa;
}
.entry {
background: rgba( 250, 250, 250, 0.1 );
}
.entry header a {
    color:           #12589f;
    text-decoration: none;
    font-weight:     600;
}
.bypostauthor { 
    color:           #888;
    line-height:     1.2;
}
.post h2 a:hover,
.entry h2 a:hover {
    text-decoration: underline;
    color:           #1f88c8;
}
.postmetadata, .categorymeta {
    font-size:       90%;
    padding:         1px 8px 1px 5px;
    margin:          0;
    line-height:     12px;
}
.postmetadata {
    color:           #777;
}
.responses {
    float:           right;
}
.cat-link,
.edit-link a,
.tag-link a,
.post-categories a {
    font-weight:     200 !important;
}
p.edit-link:before {
    content:         "\2611";
    margin:          0 0.412em 0 1em;
    color:           #999;
}
p.tag-link:before {
    content:         "\2691";
    margin:          0 0.412em 0 1em;
    color:           #999;
}

.authorlinks {
    position:        relative;
    font-weight:     200;
    margin-left:     1em;
    color:           #777;
    font-size:       1em;
}
.authorlinks a {
    color:           #346;
    font-size:       1.20em;
    font-weight:     300;
    text-decoration: none;
}
.authorlinks a span:before {
    content:         "\270E ";
    margin:          0 0.412em 0 1em;
    font-size:       1.10em;
    color:           #999;
}
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
.entry img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {
    height: auto; /* Make sure images height and width attributes are scaled reasonable */
    max-width:       98.333%;
    margin:          3px 11px;
}
.alignnone, img.alignnone, .alignnone img {
    max-width:       99.899%;
    margin:          0 auto; 
}

.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
    margin:          3px 11px;
}
/* == WP CSS - post_classes == */ 
.post-id {} .post {} 
.page {} 
.hentry {} 
.entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
}

/* =WordPress Core
-------------------------------------------------------------- */
/* =Images
-------------------------------------------------------------- */
.attachment img {
    max-width: 880px;
}
.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}
.wp-caption {
    background: #f1f1f1;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    text-align: center;
}
.wp-caption img {
    margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
    color: #888;
    font-size: 12px;
    margin: 5px;
}
.wp-smiley {
    margin: 0;
}
.gallery {
    margin: 0 auto 18px;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}
.gallery img {
    border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 12px;
}
.gallery dl {
    margin: 0;
}
.gallery img {
    border: 10px solid #f1f1f1;
}
.gallery br+br {
    display: none;
}
.attachment img { /* single attachment images should be centered */
                           display: block;
                           margin: 0 auto;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width:          100%;
    height:             auto;
}
.entry .size-auto, 
.entry .size-full,
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {

}
.form-allowed-tags code,
.form-allowed-tags {
    max-width:         98.8992%
    height:            auto;
    margin:            0 auto;
    font-size:         87.5%;
    color:             #777;
}

/* comments */
#comments {
    width:             88%;
    background:        transparent;
    margin:            0 auto;
    font-size:         87.5%;
}
.comment-body ul {
    list-style:        inside;
}
.comment-body ul li,
.comment-body ul li ul {
    margin-left:       0.612em;
}
#respond {
    width:             88%;
    display:           block;
    margin:            3px auto;
    font-size:         95%;
}
.responses {
    float: right;
}
h3#reply-title {
    color:           green;
}

#respond form textarea {
    height:          100px;
}
/* category style */
 li.categories {}  
 li.cat-item {}
 li.cat-item-{id} {}
 li.current-cat {}
 li.current-cat-parent {}
 ul.children {}

/* category links */ 
li.categories {} li.cat-item {} li.cat-item-{id} {} li.current-cat {} li.current-cat-parent {} ul.children {} 
/* blogroll links */ 
.linkcat {} .blogroll {} /* read-more links */ .more-link {}
.linkcat:before {
    content:         "\2605";
    margin:          0 0.412em 0 1em;
    color:           #999;
}
.linkcat .post-categories li:first-child {
    position:        relative;
    display:         inline;
    top:             -1.2160em;
    left:            2.333em;
}
.linkcat a {
    color:           #08a;
    font-size:       1em;
}
.linkcat {}
.blogroll {}

/* read-more links */
.more-link {}
/* =Widgets */
.widget {
  -ms-word-wrap:      break-word;
    word-wrap:        break-word;
}
.widget ul {
    position:         relative;
    left:             0;
    top:              0;
}
.widget-title {
    font-weight:      700;
}
.navigation p {
    width:            98%;
    font-size:        1em; 
    background:       #6f7f8f; 
    color:            white; 
    line-height:      1.333;
    margin:           0 auto; 
    float:            left;
    padding:          5px;
}
.navigation a {
    color:            white;
}
.navigation span {margin-top: -1px; float: right;}
body.home .navigation p {
    display:          none;
}
.navigation:after {
    display:          table;
    height:           1px;
    width:            100%;
    content: "";
}
#recentcomments li.recentcomments a {
    color:            #f2ffff;
    border-bottom:    1px dashed #f2fffd;
    font-weight:      400;
}
#searchform {} .widget_search {} .screen-reader-text {} 
/* text widget */ .textwidget {} .widget_text {} .textwidget p {}
/* calendar widget */ 
.widget_calendar {} #calendar_wrap {} #calendar_wrap th {} #calendar_wrap td {} #wp-calendar tr td {} #wp-calendar 
caption {} #wp-calendar #today {} #wp-calendar #prev {} #wp-calendar #next {} #wp-calendar #next a {} #wp-calendar #prev a {}
#wp-calendar {
    color: #666;
    font-size: 12px;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}
#wp-calendar a {    color: #467b89 }

#wp-calendar caption {
    background: #383838;
    color: #e0e0e0;
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #000;
    -webkit-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 0 #484848, 0 -1px 5px rgba(0,0,0,0.3);
    border: 1px solid #373737;
    z-index: -99;
}

#wp-calendar thead th {
    font-size: 8px;
    padding: 5px 0;
    color: #666;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    border-bottom: 1px solid #bbbbbb;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f1f1f1));
    background: -moz-linear-gradient(top,  #f7f7f7,  #f1f1f1);
}

#wp-calendar tbody td {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    padding: 8px;
    text-align: center;
    font-weight: bold;
    border: 1px solid;
    border-color: #fff #bbbbbb #bbbbbb #fff;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dedede));
    background: -moz-linear-gradient(top,  #ededed,  #dedede);
}

#wp-calendar tbody td.pad {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}

#wp-calendar tfoot {
    color: #e0e0e0;
    font-size: 12px;
    text-align: center;
}

#wp-calendar tfoot tr {
    background: #f5f5f5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ececec));
    background: -moz-linear-gradient(top,  #f5f5f5,  #ececec);
}

#wp-calendar tfoot td {    padding: 10px 10px }

#wp-calendar tfoot a {
    color: #666;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

#wp-calendar tfoot td#prev {    text-align: left }

#wp-calendar tfoot td#next {    text-align: right }

#wp-calendar #today {
    color: #fff;
    border: 1px solid #467b89;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background: #6eafbf;
    background: -moz-radial-gradient(50% 50% 0deg,ellipse cover, #6eafbf, #569EB1);
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 20, from(#6eafbf), to(#569EB1));
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1100px) {
	.site-title a {
		font-size: 52px;
		font-size: 3.25rem;
	}
}

@media only screen and (max-width: 980px) {
	
}

@media only screen and (max-width: 900px) {
	
}

@media only screen and (max-width: 800px) {
    
        .site-title, .site-description
        {
            text-align:center
        }        
}

/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
        img.size-full, 
        img.size-large, 
        img.header-image, 
        img.wp-post-image {
                width: 100%; 
        }
}


/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) {
	.site-title {
		text-align: center;
	}
        
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
}

/* Contain floats */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* ==========================================================================
   Print styles Inlined to avoid required HTTP connection
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !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; }
}