/*
 * Theme Name: rdd
 * Author: Rodrigo De Diego
 * Description: My first Wordpress Theme
 * Version: $Revision: 1.35.2.6 $
 */

body,header,footer {
color:#d9d9d9;
}

h1,h2,h3 {
color:#d9d9d9;
}

a {
color:#d96300;
}


body,#page>footer {
background-color:hsl(0,0%,9%);
}

#masthead {
background-color:hsl(0,0%,12%);
}

body,#page,div,span,h1,h2,h3,h4,h5,h6,html,p,ul,li,figure,figcaption,header,footer {
padding:0;
margin:0;
}

ul,li {
list-style-type:none;
}

#content {
min-height:400px;
}

#page {
min-height:100%;
}

.full-width {
clear:both;
}

.site-width {
width:1230px;
padding:0 15px;
margin:0 auto;
}

body>header,.full-width {
margin:0;
}

#footer-container {
padding-bottom:30px;
}

#masthead {
padding:10px 0;
}

#site-logo {
height:40px;
margin-bottom:-10px;
}

.site-title a {
color:inherit;
margin-right:30px;
}

p.site-title {
font-size:150%;
font-weight:200;
}

.site-branding,#site-navigation {
display:inline-block;
}

#main-content {
overflow:auto;
}

#primary-menu {
text-align:center;
font-size:130%;
list-style-type:none;
}

#primary-menu>li {
padding:0 5px;
display:inline-block;
}

li[class*=current] a {
color:inherit;
}

#primary-menu .sub-menu {
font-size:70%;
}

#primary-menu .sub-menu li {
text-align:right;
}

.sub-menu li::after {
content:' -';
}


body {
font-size:15px;
font-family:Nobile,Helvetica, Arial,sans-serif;
}

a {
text-decoration:none;
}

h1,h2,h3,h4,h5,h6 {
font-family:Nobile,Verdana,Geneva,sans-serif;
}

.icon {
height:11px;
}

.entry-footer>span {
padding-left:10px;
}

.entry-footer>span:first-child {
padding-left:0;
}

article {
padding:0;
}

header.entry-header {
padding:15px 0;
}

.blog-list.multi,.postbytag,.postbycat {
display:flex;
justify-content:flex-start;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-content:space-between;
width:100%;
}

header.entry-header.multi {
padding:0;
}

article.multi {
width:180px;
height:340px;
margin:0 30px 30px 0;
}

article.multi:nth-child(6n) {
margin-right:0;
}

a.multi.excerpt {
display:block;
height:270px;
overflow:hidden;
}

article.multi header,article.multi footer {
text-align:center;
}

.site-info {
padding-top:15px;
text-align:center;
font-size:60%;
clear:both;
}

.footer,header span {
font-size:70%;
}

.entry-footer {
font-size:70%;
clear:both;
}

h2 {
font-size:120%;
padding:10px 0;
}

h1 {
font-size:140%;
}

article img.aligncenter {
margin:15px auto;
text-align:center;
display:block;
}

.entry-content>a.post-featured-image img {
margin:0 15px 15px 0;
float:left;
max-width:65%;
height:auto;
}

time.updated {
display:none;
}

.blog-container {
width:100%;
}

.footer {
overflow:auto;
text-align:center;
}

.separator {
text-align:center;
padding-top:5em;
padding-bottom:2em;
}

.separator img {
height:2em;
}

.footer .widget {
width:200px;
display:inline-table;
text-align:left;
}

.img-nav {
padding:10px;
clear:both;
}

.img-nav .nav-next,.img-nav .nav-previous {
display:inline-block;
width:49%;
}

.img-nav .nav-previous {
text-align:left;
}

.img-nav .nav-next {
text-align:right;
}

.img-nav .nav-next,.img-nav .nav-previous {
display:inline-block;
overflow:hidden;
}

.img-nav img {
height:100px;
width:auto;
}

.post-nav {
text-align:center;
}

.page-numbers {
padding:0 5px;
}

div.gallery {
display:flex;
justify-content:flex-start;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-content:space-between;
width:100%;
}

figure.gallery-item {
width:180px;
height:270px;
margin:0 30px 30px 0;
}

figure.gallery-item:nth-child(6n) {
margin-right:0;
}

.gallery-item figcaption {
display:none;
}

.gallery img {
height:270px;
width:180px;
margin:0;
display:block;
}

div.main-image {
width:100%;
height:auto;
text-align:center;
padding:10px 0;
}

div.main-image img {
height:auto;
max-width:100%;
}

div.entry-content img.size-medium {
max-width:600px;
max-height:600px;
}

div.entry-content p,article p {
padding-bottom:2ex;
line-height:150%;
text-align:justify;
}

.gallery-icon a {
display:block;
}

div.gallery-size-fix-height{
	display:flex;
	width: 100%;
}

div.gallery-size-fix-height figure{
	height:270px;
	width:auto;
	max-width:100%;
	margin:0 30px 30px 0;
}

.gallery-icon img.size-fix-height{
	width:auto;
	max-width:100%;
}
div.main-image {
position:relative;
}

[class^=nav].overlay {
z-index:2;
position:absolute;
height:100%;
top:0;
}

.nav-previous.overlay {
left:0;
width:40%;
text-align:left;
}

.nav-next.overlay {
right:0;
width:60%;
text-align:right;
}

[class^=nav].overlay a:before {
content:'';
vertical-align:middle;
height:100%;
display:inline-block;
}

[class^=nav].overlay a {
display:block;
height:100%;
width:100%;
overflow:hidden;
font-size:100px;
opacity:0;
}

[class^=nav].overlay a img {
height:10%;
width:auto;
padding:0 5%;
}

#main-header {
position:relative;
}

#social-media-links {
display:inline-block;
text-align:right;
position:absolute;
top:5px;
right:0;
}

#social-media-links img {
width:auto;
height:25px;
padding:0 5px;
}

article ul li {
list-style-type:square;
list-style-position: outside;
margin-left:1em;
}

header.multi>h2{
padding-bottom:0;
max-height:40px;
overflow:hidden;
}

span.author-links,span.cat-links,span.tags-links{
margin-left:0.5em;
}

.colgroup{
}

.colgroup:after {
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.col1of2, .col2of2{
width:605px;
float:left;
}

.col1of2{
padding-right:10px;
}

.col2of2{
padding-left:10px;
}

.center-thumbnail img{
	height:auto;
	width:auto;
	max-width: 100%;
}
article>div.center-thumbnail,
div.center-thumbnail{
	text-align: center;
	clear:both;
	width:100%
}

.inline-thumbnail>img{
	height:auto;
	width:auto;
}
article p>.inline-thumbnail{
	float:left;
	margin:10px 10px 10px 0;
}


@media screen and (max-width:1279px) {
.site-width {
width:996px;
padding:0 12px;
}

figure.gallery-item {
margin:0 24px 24px 0;
}

figure.gallery-item:nth-child(6n) {
margin-right:24px;
}

figure.gallery-item:nth-child(5n) {
margin-right:0;
}

article.multi {
margin:0 24px 24px 0;
}

article.multi:nth-child(6n) {
margin-right:24px;
}

article.multi:nth-child(5n) {
margin-right:0;
}

.col1of2, .col2of2{
width:488px;
}
}

@media screen and (max-width:1023px) {
p.site-title {
font-size:140%;
}

.site-title a {
margin-right:20px;
}

#primary-menu {
font-size:120%;
}

.entry-content>a.post-featured-image img {
max-width:100%;
height:auto;
float:none;
margin:0;
}

.entry-content>a.post-featured-image {
display:block;
width:100%;
text-align:center;
margin:10px 0;
}

.site-width {
width:750px;
padding:0 5px;
}

figure.gallery-item {
margin:0 10px 10px 0;
}

figure.gallery-item:nth-child(5n),figure.gallery-item:nth-child(6n) {
margin-right:10px;
}

figure.gallery-item:nth-child(4n) {
margin-right:0;
}

article.multi {
margin:0 10px 10px 0;
}

article.multi:nth-child(6n),article.multi:nth-child(5n) {
margin-right:10px;
}

article.multi:nth-child(4n) {
margin-right:0;
}

.col1of2, .col2of2{
width:365px;
}

}

@media screen and (max-width:767px) {
body {
font-size:12px;
}

#site-logo {
height:30px;
margin-bottom:-5px;
}

.site-branding,#site-navigation {
display:block;
}

.site-width {
width:356px;
padding:0;
}

figure.gallery-item {
margin:0 8px 8px 0;
width:170px;
height:auto;
}
	
div.gallery-size-fix-height figure.gallery-item{
	max-height:270px;
	height:auto;
	width:auto;
	max-width:100%;
  margin:0 8px 8px 0;
}

figure.gallery-item:nth-child(6n),figure.gallery-item:nth-child(5n),figure.gallery-item:nth-child(4n) {
margin-right:8px;
}

figure.gallery-item:nth-child(2n) {
margin-right:0;
}

article.multi {
margin:0 8px 8px 0;
width:170px;
}

article.multi:nth-child(6n),article.multi:nth-child(5n),article.multi:nth-child(4n) {
margin-right:8px;
}

article.multi:nth-child(2n) {
margin-right:0;
}

.gallery img,article.multi img.size-two-by-three {
width:170px;
height:auto;
}

#social-media-links {
top:2px;
right:0;
}

#social-media-links img {
height:20px;
padding:0 3px;
}

.col1of2, .col2of2{
float:none;
padding:0;
width:100%;
}

}

@media screen and (max-width:359px) {
div.gallery {
justify-content:space-around;
}

.site-width {
width:310px;
padding:0 5px;
}

figure.gallery-item {
margin:10px 0;
width:180px;
height:auto;
}

figure.gallery-item:nth-child(6n),figure.gallery-item:nth-child(5n),figure.gallery-item:nth-child(2n) {
margin-right:inherit;
}

article.multi {
margin:0 5px;
width:180px;
}

article.multi:nth-child(6n),article.multi:nth-child(5n),article.multi:nth-child(2n) {
margin-right:inherit;
}

.gallery img {
width:180px;
height:auto;
}

.blog-list.multi,.postbytag,.postbycat {
justify-content:space-around;
}
}