/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://naturaleyecare.com/blog/twentysixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Jennifer Miller
 Author URI:   http://www.prairiecomm.net
 Template:     twentysixteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentysixteen-child
*/

body {background:#eef3e2;}

blockquote, .menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus, .post-navigation, .post-navigation div + div, .pagination, .widget, .page-header, .page-links a, .comments-title, .comment-reply-title {
    border-top: 1px solid #0C430F;
}

.widget .search-submit:before {
    font-size: 16px;
    left: 1px;
    line-height: 35px;
    width: 34px;
    background: #ababab;}

.byline, .author, .posted-on, .cat-links {display:none;}

#masthead {text-align:center; padding-top:1em}
#page {margin:10px;}

.entry-title {font-size:20px; font-weight:normal; color:#094C81; margin-top:20px;}
.entry-content h1 {font-size:26px; font-weight:normal; font-family:verdana, geneva, sans-serif; color:#094C81; padding-top:20px; }
.entry-content h2 {font-size:20px; font-weight:normal; font-family:verdana, geneva,sans-serif; color:#094C81;}
.entry-content h3 {font-size:18px; font-weight:normal; color:#094C81;}
.entry-content a {color:#004080; }
body, button, input, select {font-family:verdana, sans-serif;}
#content {border-top:1px solid #9EB2AE; margin-top:60px; background: linear-gradient(#FFFFFF, #F4F9DF);
 background: -webkit-linear-gradient(#FFFFFF, #F4F9DF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #F4F9DF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #F4F9DF); /* For Firefox 3.6 to 15 */}
.site-title {font-family:Cinzel, serif; margin-bottom:-10px; }
#site-header-menu {margin-bottom:0;}
.site-header {padding:0;}
#footer {color:#315B5B; font-size:12px; background:#EDEDDD;}
.footertext {font-size:12px; color:#0C430D; width:100%; text-align:right; padding-right:10px;}

img.footerimage {float:left; padding-right:10px; }

.header-image a:hover img,
.header-image a:focus img {
	opacity: 1;}

.menu-toggle:hover, .menu-toggle:focus, a, .main-navigation a:hover, .main-navigation a:focus, .dropdown-toggle:hover, .dropdown-toggle:focus, .social-navigation a:hover::before, .social-navigation a:focus::before, .post-navigation a:hover .post-title, .post-navigation a:focus .post-title, .tagcloud a:hover, .tagcloud a:focus, .site-branding .site-title a:hover, .site-branding .site-title a:focus, .entry-title a:hover, .entry-title a:focus, .entry-footer a:hover, .entry-footer a:focus, .comment-metadata a:hover, .comment-metadata a:focus, .pingback .comment-edit-link:hover, .pingback .comment-edit-link:focus, .comment-reply-link, .comment-reply-link:hover, .comment-reply-link:focus, .required, .site-info a:hover, .site-info a:focus {
    color: #2c5303;}

h2.h-left, h2.h-right {font-size:18px; font-weight:normal; color:#0f302a; font-family:cinzel, serif; text-align:center; padding-top:5px;}
.alignright {float:initial; margin-left: auto; margin-right:auto; display:block; }
.alignright, .alignleft, .alignnone {padding:10px;}

/** 320px */
@media screen and (min-width: 20em)
{
.site-branding {text-align:center; width:100%;}  /*centering ok */

}
/* small screen retina display */
@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 414px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 414px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 414px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 414px),
only screen and (                min-resolution: 192dpi) and (min-width: 414px),
only screen and (                min-resolution: 2dppx)  and (min-width: 414px) 
{
/* styles for retina display  - haven't been able to test this */
}


/** 710px */
@media screen and (min-width: 44.375em) 
{
.site-title {font-family:Cinzel, serif; font-size:1.5em; line-height:1.75; margin-bottom:-30px;}
.site-branding {position:relative; top:1em;  width:100%;}
h2.h-left {font-size:16px; text-align:left; width:200px; position:relative; top:-100px; z-index:5000; margin-left:2em;}
h2.h-right {font-size:16px; float:right; text-align:right; width:200px; position:relative; top:-160px; z-index:5000; margin-right:2em;}
img.nautilus {z-index:1;}
#site-header-menu {margin-bottom:-60px;}
.header-image {margin-top:1.75em; margin-bottom:1.75em;}
.alignright {float:right; margin:0.375em 0 1.75em 1.75em;}



#footer {display:flex; flex-wrap: wrap;}
#footer .cert {width:30%; float:left; margin:10px; }
#footer .cert2 {width:30%; float:left; margin:10px;}
#footer img {float:left; margin-left:5px; padding-right:10px;}
img.footerimage {margin-bottom:120px;}

}

/** 783px */
@media screen and (min-width: 48.9375em) 
{
#footer .cert {width:30%; float:left; margin:10px; }
#footer .cert2 {width:25%; float:left; margin:10px;}

}

/**800px */

@media screen and (min-width: 50em) 
{
body.page-id-5737 #primary {width:90%;}
body.page-id-5737  .entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    margin-right: 0; }
body.page-id-5737 #form-description {width:50%; float:left; padding-right:30px;}
body.page-id-5737 #form {width:50%; float:left;}
body.page-id-5737 img.wp-image-5740 {clear:both; width:99%}
body.page-id-5737 aside  {display:none;}
}

/**  910px */
@media screen and (min-width: 56.875em) 
{
#page {margin:20px;}
.page-content, .entry-content {margin-left:10%;}
.site-title {font-family:Cinzel, serif; font-size:2em; line-height:1.75; }
.site-branding {position:absolute; top:0;  left:0; width:100%;}
h2.h-left {font-size:18px; top:-110px; margin-left:1.5em;}
h2.h-right {font-size:18px; top:-180px; margin-right:1.5em;}

.main-navigation a {padding:0 .35em .75em .35em; font-size:.8em;}
img.footerimage {margin-bottom:60px;}

/*this was the only thing that worked to center main menu */
.main-navigation .primary-menu > li {
		display: inline-block;
		float: none;
	}
	.main-navigation ul {
		text-align: center;
	}

}

/** 985px */
@media screen and (min-width: 61.5625em) {
.main-navigation a {padding:0 .35em .75em .35em; font-size:.85em;}

.entry-footer, .byline, .author, .posted-on, .cat-links {display:none;}
.entry-content {width:90%;}

body:not(.search-results) article:not(.type-page) .entry-content {
    float: right;
    width: 90%;
}


}

/** 1024px */
@media screen and (min-width:64em)
{
.main-navigation a {padding:0 .55em .75em .55em; font-size:.9em;}
}



/** 1200px */
@media screen and (min-width: 75em) {
#page {margin:30px;}
.site-title {font-size:2.2em; }
.main-navigation a {padding:0 1.15em 1em 1.15em; font-size:.95em;}

h2.h-left {width:200px; margin-left:3em;}
h2.h-right {width:200px; margin-right:3em;}


}

/** 1300px */
@media screen and (min-width:81.25em) 
{
.main-navigation a {padding:0 1.8em 1em 1.8em; font-size:1em;}
h2.h-left {font-size:20px; width:250px; top:-130px; margin-left:3.25em;}
h2.h-right {font-size:20px; width:250px; top: -200px; margin-right:3.25em;}

}

/** 1400px */
@media screen and (min-width: 87.5em) {
h2.h-left {width:250px; margin-left:4em;}
h2.h-right {width:250px; margin-right:4em;}


}