@media only screen and (min-width:1px) and (max-width:360px)  { 
#main-wrapper {width: 90%;}
#header h1{font-size: 1rem;}
#header .description {font-weight: 500; font-size: 0.4rem;}
body {background-color:#000;
background-image: url("https://www.sublunarphoto.com/images/bgx0.webp");}
.blog-post {max-width:97%; padding:0 1% 0 5%;}
.blog-post p{font-size: 1.10rem;}
.navcont nav ul li{font-size: 0.7em;height: 3em;}
.text text{display:none;}
#comments{max-width:300px;}
.children{margin-left:-10%;margin-right:10%;}
}
@media only screen and (min-width:361px) and (max-width:810px)  { 
#main-wrapper {float:left;width: 90%;padding:0 0 0 2%;}
#header h1{font-size: 1rem;}
#header .description {font-weight: 500; font-size: 0.4rem;}
body {background-color:#000;
background-image: url("https://www.sublunarphoto.com/images/bgx0.webp");}
.blog-post p{font-size: 1.3rem;}
.sidebar-wrapper {width:90%;padding:0% 5% 0 5%;}
.navcont nav ul li{font-size: 0.6em;height: 3em;}
.text text{font-size: 0.2rem}
}
@media only screen and (min-width:810px) and (max-width:950px)  { 
#main-wrapper {float:left;width: 65%;padding:0 0 0 2%;}
#header h1{font-size: 1rem;}
#header .description {font-weight: 500; font-size: 0.7rem;}
body {background-color:#000;
background-image: url("https://www.sublunarphoto.com/images/bgx0.webp");}
.blog-post p{font-size: 1.35rem;}
.sidebar-wrapper {width:26%;padding:0% 2% 0 2%;}
.navcont nav {font-size: 0.8em;height: 3em;}
.text text{font-size: 0.5rem}
}
@media only screen and (min-width:950px) and (max-width:1080px) { 
#main-wrapper {float:left;width: 65%;padding:0 0 0 2%;}
#header h1{font-size: 1rem;}
#header .description {font-weight: 500; font-size: 0.7rem;}
body {background-color:#000;
background-image: url("https://www.sublunarphoto.com/images/bgx.webp");}
.blog-post p{font-size: 1.35rem;}
.sidebar-wrapper {width:26%;padding:0 0 0 2%;}
.navcont nav {font-size: 0.69em;height: 3em;}
}
@media only screen and (min-width:1080px) and (max-width:1899px) { 
#main-wrapper {float:left;width: 74%;padding:0 1% 0 2%;}
#header-wrapper {width:69%;}
#header h1{font-size: 1.5rem;}
#header .description {font-weight: 600; font-size: 0.7rem;}
body {background-color:#000;
background-image: url("https://www.sublunarphoto.com/images/bgx.webp");}
.blog-post p{font-size: 1.35rem;}
.sidebar-wrapper {width:19%;padding:0 1em 0 1em;}
.navcont nav {font-size: 0.69em;height: 3em;}
}
@media only screen and (min-width:1900px) { 
#main-wrapper {float:left;width:65%;padding:0 0 0 7%;}
#header-wrapper {width:69%;}
#header h1{font-size: 1.6rem;}
#header .description {font-weight: 600;}
body {background-color:#000;
background-image: url("https://www.sublunarphoto.com/images/bgx.webp");}
.blog-post p{font-size: 1.65rem;}
.sidebar-wrapper {width:22%;padding:0 2% 0 2%;}
.navcont nav {font-size: 0.69em;height: 3em;}
}


body {
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
margin:0;
color:#cccccc;
}
a:link {
color:#99aadd;
text-decoration:none;
}
a:visited {
color:#aa77aa;
text-decoration:none;
}
a:hover {
color:#aadd99;
text-decoration:underline;
}
img {
padding: 5px;
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
} 


/* - NAVCONT- - */
.navcont {
min-width:340px;
}
.navcont img.logo {
height: 48px;
min-width: 32px;
}
#navimg img {
float: left;
clear:both;
margin-top:1em;
}
.navcont nav {
display:flex;
background: #000;
height: 4em;
margin: 0 auto;
top: 0;
left: 0;
right: 0;
justify-content: space-between;
align-items: center;
font-family: 'Trebuchet MS', sans-serif;
text-transform:uppercase;
font-size: 0.8em;
}
.navcont nav ul{
display: flex;
justify-content: space-between;
align-items: center;
list-style: none;
background-color:#000;
padding: 0;
width: 90%;
}
.navcont nav ul li{
width: 50%;
}
.navcont nav ul li a{
padding-right:10px;
}
.navcont nav ul li text{
color: #aaa;
}
.navcont nav a{
text-decoration: none;
color: #aaa;
font-weight:bold;
}
.navcont nav a:hover {
color: #fff;
}

.blog-post{
margin-top:5%;
}
/* Headings
----------------------------------------------- */
h1, h2, h3 {
font-family: Times New Roman, serif;
}

h2 {
text-align:left;
font-size:1rem;
margin-bottom: 1.5em;
text-transform:uppercase;
letter-spacing:0.1em;
color:#777777;
background:#000;
}
h3 {
font-size:1em;
color:#ccc;
}
h3 a:link {
color:#aadd99;
text-decoration:none;
}
h3 a:visited {
color:#aadd99;
text-decoration:none;
}
a:hover {
color:#eeeeee;
text-decoration:underline;
}
.h69{
background:#000;
text-align:left;
width:75%;
}
#red {
color:red;
}

#main-wrapper {
font-family: Times New Roman, serif;
color: #bbbbbb;
text-align:left;
word-wrap: break-word;
overflow: visible;
margin-bottom: 5%;
margin-left: 1%;

}
#main-wrapper p{
font-family: Times New Roman, serif;
text-indent: 10px;
text-align:justify;
margin-top:0;
color: #aaaaaa;
line-height: 1.5em;
word-wrap: break-word;
}
#main-wrapper img{
border: 1px solid #333333;
padding: 5px;
}

.wp-block-image {
    margin:0 0 10px 0; 
}

#caption{
margin:0;
text-align:center;
}

#caption-textcolor{
color:#bbb;
margin:0;
text-align:center;
}

/* --- HEADER --*/
#header-page {
background-image: url("https://www.sublunarphoto.com/images/bgx0.webp");
  background-repeat: no-repeat;
background-position: top center;
  background-size: 65%;
height:250px;

}


#header-outer {
padding: 2%;
}

#header-wrapper {
overflow-wrap: normal;
margin:auto;
min-width:300px;
border:1px solid #333333;
text-align:center;
}
#header {
text-align:center;
margin: 5px;
border: 1px solid #333333;
color:#cccccc;
}
#header h1 {
overflow-wrap: normal;
margin:0.5em 0;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-family: 'Helvetica', sans-serif;
}
#header a {
overflow-wrap: normal;
color:#cccccc;
text-decoration:none;
}
#header a:hover {
color:#cccccc;
}
#header .description {
text-align: center;
padding:0 15px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font-family: 'Trebuchet MS', sans-serif;
color: #777777;
}
#header img {
margin-left: auto;
margin-right: auto;
}

/* - - - SIDEBAR - - */
.sidebar-wrapper {
word-wrap: break-word;
overflow: hidden;
}
.sidebar-wrapper ul li{
list-style-type: none;
}
/* * *
.sidebar-wrapper img  {
border:3px solid #000000;
border-color: transparent;
}
.sidebar-wrapper a:hover img  {
border:3px solid #ffffff;
}
* * */
.sidebar-item {
  padding-top: 3em;
  padding-bottom: 3em;
}
.sidebar-item-post{
font-size:1.2em;
}
.sidebar-item-post h2 {
font-size:0.9em;
}
.sidebar-item-post img{
display: inline;
margin-right: 15px;
}
.sidebar-item-post li{
margin-top: 10px;
  border-bottom: 1px solid #000;
}
.featured{
text-align:center;
}
.featured a{
font-size:2em;
}
.month {
font:Times New Roman, serif;
font-size: 1.1em;
color:#777;
background:#111;
text-align: left; 
}


.sidebar-collapsible {
font-family: Times New Roman;
  background-color: transparent;
  color:#ccc;
  cursor: pointer;
padding:18px;
  width: 100%;
  border-style: solid;
  border-width: 1px;
border-color: transparent;
  outline: none;
  font-size: 1.25em;
}
.sidebar-collapsible:hover {
  background-color: #111;
  border: 1px solid #333;
}

.active, .collapsible:hover {
  background-color: #111;
  border: 1px solid #333;
}

.sidebar-content {
font-family: Times New Roman;
  display: none;
  overflow: hidden;
  background-color: transparent;
text-align: center;
}
.sidebar-content a{
  font-size: 1.2em;
letter-spacing:.15em;
text-align: center;
}
button {
    font-family: Times New Roman;
    font-size: 1em;
}
#highlights li{
list-style-type: none;
font-size:1.2em;
line-height:2em;
}
.sidebar-thumbnail {
float:left;
  margin:0;
  clear: left;
}
.sidebar-thumbnail img{
max-width:90px;
}


/* Pages
----------------------------------------------- */
#pageswrap {
position: absolute;
}
#pagesphotomenu {
background-color: #000000;
border:3px solid #111111;
max-width: 575px;
min-width: 225px;
height: 600px;
margin-bottom: 6.9%;
margin-right: 2%;
padding: 0% 2%;
display: inline-block;
position: relative;
overflow: hidden;  
}
#pagesphotomenu a{
color:#ccc;
}
#pagesphotomenu a hover{
color:#fff;
}
#pagesphotomenu p {
text-indent: 10px;
font-size: 1.25rem;
color: #5e5e5e;
overflow: visible;
text-align: left;  
}
#pagesphotomenu img  {
border:3px solid #000000;
padding:0;
min-width: 200px;
height: auto;
}
#pagesphotomenu a:hover img  {
border:3px solid #ffffff;
}
#pagesphotomenu h2 {
font-family: Times New Roman, serif
word-break: keep-all;
margin: 1%;
border: 1px solid #121212;
background:#111111;
}
#pagesphotomenu h2 a {
font-size: 1.3rem;
}
#pagesphotomenu h2 a:hover{
color:#fff;
}
img.float-left {
margin: 5px 10px 10px 0px;
}
#pagesphotomenu2 {
color: #5e5e5e;
margin-left: 0%;
margin-bottom: 3%;
}
#pagesphotomenu2 a{
color: #aadd99;
}
#pagesphotomenu2 a:hover
{color: #fff;
}
#pagesphotomenu2 h2 {
font-family: Times New Roman, serif
}
#pagesphotomenu2 h3 {
font-family: Times New Roman, serif
}
#pagesphotomenu2 h4 {
font-family: Times New Roman, serif
}
#pagesphotomenu2 p {
color: #999999;
font-weight: 700;
margin: 1%;
}
#pagesphotomenu2 a.photomenu2 {
color: #eeeeee;
}
/* - - - COMMENTS  - - */

#comments{
width:90%;
}
.comments-area h3{
}
.comments-area p{
}
.comments-title{

}
.comment-list{
font-family: Times New Roman, serif
color: #bbbbbb;
text-align:left;
word-wrap: break-word;
overflow: visible;
}
.comment-list li{
margin-bottom:2em;
width:100%;
}
.comment-body{
display:inline;
}
.comment-body p{
width:100%;
font-family: "Luicida Console", "Courier New", "Courier", monospace;
font-size:1em;
background-color:#111;
border: 1px solid grey;
clear:both;
}
.comment-meta a{
color:#777;
}
.children{
margin-bottom:5em;
margin-top:2em;
}
.comment-author{
font-size: 1.3em;
float:left;
}
.comment-author.vcard{
}
.comment-author.vcard a{
font-style: normal
}
.comment-author img{
display: none; 
vertical-align: top; 
height:25px;
width:25px;
}
.fn{
font-style: normal;
}
.fn a{
color:#fff;
font-style: normal;
}
.says{
margin-right:10px;
}
.reply a{
font-size:2em;
  background-color: #000000; 
  border: none; 
  color: #ccc; 
  padding: 5px 7px; 
  text-align: center; 
  text-decoration: none;
  display: inline-block; 
  font-size: 16px; 
  border-radius: 8px;
}
#comment {
width:100%;
height:50px;
background-color:#111;
}
#respond{
width:100%;
}
#respond p{
font-size: 1.2em;
color:#99aadd;
font-family: Times New Roman, serif
}
#respond a{
font-size: 1.2em;
color:#aadd99;
font-family: Times New Roman, serif
}

.comment-respond{
margin-top: auto; 
}
textarea {
color: #ccc;
font-size: 1.25em;
}
.comment-form-url{
display:none
}

.pager ul{
display: flex; justify-content: space-between; align-items: center;
margin-left:auto;
margin-right:auto;
width: 50%;
list-style-type: none;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }