/*Theme Name: My SimoneTheme URI: http://lynda.com/Author: Morten Rand-HendriksenAuthor URI: http://lynda.com/mor10/Description: My Simone is a custom responsive them based on _s that was built as part of the WordPress: Building Themes From Scratch with Underscores course at lynda.comVersion: 0.1License: GNU General Public LicenseLicense URI: license.txtText Domain: my-simoneDomain Path: /languages/Tags: two-columns, responsive-layout, right-sidebar, black, maroon, grayThis theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.my-simone is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.Resetting and rebuilding styles have been helped along thanks to the fine work ofEric Meyer http://meyerweb.com/eric/tools/css/reset/index.htmlalong with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/and Blueprint http://www.blueprintcss.org/*//*-------------------------------------------------------------->>> TABLE OF CONTENTS:----------------------------------------------------------------1.0 - Reset2.0 - Typography3.0 - Elements4.0 - Forms5.0 - Navigation5.1 - Links5.2 - Menus6.0 - Accessibility7.0 - Alignments8.0 - Clearings9.0 - Widgets10.0 - Content10.1 - Posts and pages10.2 - Asides10.3 - Comments11.0 - Infinite scroll12.0 - Media--------------------------------------------------------------*//*--------------------------------------------------------------1.0 - 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 {	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */}*,*:before,*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */	box-sizing:         border-box;}body {	background: #000000;}article,aside,details,figcaption,figure,footer,header,main,nav,section {	display: block;}ol, ul {	list-style: none;}table { /* tables still need 'cellspacing="0"' in the markup */	border-collapse: separate;	border-spacing: 0;}caption, th, td {	font-weight: normal;	text-align: left;}blockquote:before, blockquote:after,q:before, q:after {	content: "";}blockquote, q {	quotes: "" "";}a:focus {	outline: thin dotted;}a:hover,a:active {	outline: 0;}a img {	border: 0;}/*--------------------------------------------------------------2.0 Typography--------------------------------------------------------------*/body,button,input,select,textarea {	color: #C0C0C0;	color: hsl(0, 0%, 25%);	font-family: 'Lato', serif;	font-size: 16px;	font-size: 1.6rem;	line-height: 1.5;}h1, h2, h3, h4, h5, h6 {    clear: right;    font-weight: 900;    font-family: 'Lato', sans-serif;    color: #000;    color: hsl(0, 0%, 0%);    	-ms-word-break: break-word;    	word-break: break-word;   }p {	margin-bottom: 2.0em;}b, strong {	font-weight: bold;}dfn, cite, em, i {	font-style: italic;}blockquote {/* 	margin: 0 1.8em; */}address {	margin: 0 0 1.8em;}pre {	background: #b2b2b2;	font-family: "Courier 10 Pitch", Courier, monospace;	font-size: 20px;	font-size: 2.0rem;	line-height: 2.0;	margin-bottom: 1.8em;	max-width: 100%;	overflow: auto;	padding: 1.8em;}code, kbd, tt, var {	font: 18px 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%;}/*--------------------------------------------------------------3.0 Elements--------------------------------------------------------------*/hr {	background-color: #ccc;	border: 0;	height: 1px;	margin-bottom: 1.5em;}ul, ol {	margin: 0 0 1.5em 3em;}ul {	list-style: disc;}ol {	list-style: decimal;}li > ul,li > ol {	margin-bottom: 0;	margin-left: 1.5em;}dt {	font-weight: bold;}dd {	margin: 0 1.5em 1.5em;}img {	height: auto; /* Make sure images are scaled correctly. */	max-width: 100%; /* Adhere to container width. */}figure {	margin: 0;}table {	margin: 0 0 1.5em;	width: 100%;}th {	font-weight: bold;}/*--------------------------------------------------------------4.0 Forms--------------------------------------------------------------*/button,input,select,textarea {	font-size: 100%; /* Corrects font size not being inherited in all browsers */	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */	vertical-align: baseline; /* Improves appearance and consistency in all browsers */	*vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */}button,input[type="button"],input[type="reset"],input[type="submit"] {    padding: 1em 2em;    font-size: 16px;    font-size: 1.6rem;	font-family: 'Lato', sans-serif;    text-transform: uppercase;    line-height: 1;    color: hsl(0, 0%, 100%);    background: #3c3c3c;    background: hsl(0, 0%, 24%);    border: none;    border-radius: 3px;    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {    background: #000;    background: hsl(0, 0%, 0%);}button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {    background: #000;    background: hsl(0, 0%, 0%);}input[type="checkbox"],input[type="radio"] {	padding: 0; /* Addresses excess padding in IE8/9 */}input[type="search"] {	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */	-moz-box-sizing:    content-box;	box-sizing:         content-box;}input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */	-webkit-appearance: none;}button::-moz-focus-inner,input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */	border: 0;	padding: 0;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea {    padding: 8px;    font-family: 'Lato', sans-serif;    color: #333;    border: 1px solid #ccc;}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus {	color: #111;}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"] {	padding: 3px;}textarea {	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */	padding-left: 3px;	vertical-align: top; /* Improves readability and alignment in all browsers */	width: 98%;}/*--------------------------------------------------------------5.0 Navigation--------------------------------------------------------------*//*--------------------------------------------------------------5.1 Links--------------------------------------------------------------*/a {    text-decoration: none;	    color: #000;    color: hsl(0, 0%, 0%);    }a:visited {    color: #333;    color: hsl(0, 0%, 20%);}a:hover,a:focus,a:active {     text-decoration: underline; }/*--------------------------------------------------------------5.2 Menus--------------------------------------------------------------*/.main-navigation {    position: relative;    float: left;    width: 100%;    display: block;    clear: both;    font-family: 'Lato', sans-serif;    text-transform: uppercase;    background: #313131;    background: hsl(0, 0%, 19%);} .main-navigation ul {	list-style: none;	margin: 0;	padding-left: 0;}.main-navigation li {	float: left;	position: relative;}.main-navigation a {    display: block;    padding: 1.3em 1em;    font-size: 14px;    font-size: 1.4rem;    text-decoration: none;    line-height: 1.3em;    color: white;    color: hsl(0, 0%, 100%); }.main-navigation ul ul {    position: absolute;    left: 0;    z-index: 99999;    display: none;    float: left;    padding: 0;    background: #610B0B;    background: hsl(0, 0%, 30%);}.main-navigation ul ul ul {	left: 100%;	top: 0;}.main-navigation ul ul a {	width: 200px;}.main-navigation ul ul li {}.main-navigation li:hover > a {    color: #fff;    color: hsl(0, 0%, 100%);    background: #4d4d4d;    background: hsl(0, 0%, 30%);}.main-navigation ul ul :hover > a {}.main-navigation ul ul a:hover {    background: #313131;    background: hsl(0, 0%, 19%);}.main-navigation ul li:hover > ul {	display: block;}.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation .current_page_item > a:hover,.main-navigation .current-menu-item > a:hover {    background: #707070;    color: #313131;    color: hsl(0, 0%, 19%);}.main-navigation .current_page_ancestor {    background: #4d4d4d;    background: hsl(0, 0%, 30%);}.main-navigation ul ul .current_page_parent,.main-navigation .current_page_parent .current_page_item > a {    color: #fff;    color: hsl(0, 0%, 100%);    background: #313131;    background: hsl(0, 0%, 19%);} /* Small menu */.menu-toggle {	cursor: pointer;	display: none;}@media screen and (max-width: 600px) {	.menu-toggle {            display: block;            height: 3.75em;            padding: 0 1em;            font-weight: normal;            font-size: 14px;            font-size: 1.4rem;            text-decoration: none;            line-height: 3.75em;            color: white;	}        	.main-navigation.toggled .nav-menu {		display: block;		border-top: 1px solid;		border-top-color: #fff;		border-top-color: hsla(0, 0%, 100%, .5);	}	.main-navigation ul {            display: none;            padding-left: 0;	}		.main-navigation li { 		float: none; 	}	.main-navigation li a { 		padding: 1.3em 2em; 	}	.main-navigation li li a { 		padding-left: 4em; 	}	.main-navigation li li li a { 		padding-left: 6em; 	}	.main-navigation li:hover > a {		background: #313131;		background: hsl(0, 0%, 19%);	}		.main-navigation ul ul,	.main-navigation ul ul ul {		position: relative;		top: inherit;		left: 0;		display: block;		float: none;		background: #313131;		background: hsl(0, 0%, 19%);	}		.main-navigation ul ul a { width: 100%; }	.main-navigation ul a:hover,	.main-navigation ul ul a:hover {		background: #4d4d4d;		background: hsl(0, 0%, 30%);	}	.main-navigation .current_page_ancestor { background: inherit; }	.main-navigation ul ul .current_page_parent {		color: inherit;		background: inherit;	}	.main-navigation .current_page_item > a,	.main-navigation .current_page_item > a:hover,	.main-navigation .current_page_item li:hover,	.main-navigation .current_page_parent .current_page_item > a  {		color: #fff;		color: hsl(0, 0%, 100%);		background: #4d4d4d;		background: hsl(0, 0%, 30%);    	}}.site-main .comment-navigation,.site-main .paging-navigation,.site-main .post-navigation {        font-size: 18px;        font-size: 1.8rem;        font-family: 'Lato', sans-serif;        color: #000;        color: hsl(0, 0%, 0%);}.comment-navigation .nav-previous,.paging-navigation .nav-previous,.post-navigation .nav-previous {		width: 50%;        float: left;        padding-right: 15%;}.comment-navigation .nav-next,.paging-navigation .nav-next,.post-navigation .nav-next {        width: 50%;	        float: right;        padding-left: 15%;		text-align: right;}.nav-indicator {     margin-bottom: 1em; }.nav-previous h1,.nav-next h1 {     font-weight: 900; }.post-nav-box {    padding: 2em 0;    margin-bottom: 4em;    border-top: hsl(0, 0%, 80%) solid 1px;    border-bottom: hsl(0, 0%, 80%) solid 1px; }.paging-navigation ul {    margin: 0;} .paging-navigation li { display: inline; }a.page-numbers,span.page-numbers {     padding: .3em .7em;     color: #333;     color: hsl(0, 0%, 20%);}a:hover.page-numbers {    color: #000;    color: hsl(0, 0%, 0%);}.paging-navigation .current {    font-weight: bold;    color: #000;    color: hsl(0, 0%, 0%);}/*--------------------------------------------------------------6.0 Accessibility--------------------------------------------------------------*//* Text meant only for screen readers */.screen-reader-text {	clip: rect(1px, 1px, 1px, 1px);	position: absolute !important;	right: 0;}.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;	font-size: 14px;	font-weight: bold;	height: auto;	left: 5px;	line-height: normal;	padding: 15px 23px 14px;	text-decoration: none;	top: 5px;	width: auto;	z-index: 100000; /* Above WP toolbar */}/*--------------------------------------------------------------7.0 Alignments--------------------------------------------------------------*/.alignleft {	display: inline;	float: left;	margin-right: 1.5em;}.alignright {	display: inline;	float: right;	margin-left: 1.5em;}.aligncenter {	clear: both;	display: block;	margin: 0 auto;}/* Alignment responsive */@media screen and (min-width: 1320px) {    .alignleft {        margin-left: -160px;     }}@media screen and (min-width: 1820px) {    .alignright {         margin-right: -160px;     }}/*--------------------------------------------------------------8.0 Clearings--------------------------------------------------------------*/.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {	content: '';	display: table;}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after {	clear: both;}/*--------------------------------------------------------------x.x Header--------------------------------------------------------------*/.header-image img {	display: block;	margin: 0 auto;}	.header-background-image {    background: no-repeat center;    background-size: cover!important;    -moz-background-size: cover!important;    -webkit-background-size: cover!important;}.header-background-image .title-box {    background: #000;    background: hsla(0, 0%, 0%, .7);} 	.site-branding {    padding: 6rem 0;    text-align: center;    background: #5e0900;{    .title-box {	width: 600px;	max-width: 75%	padding: 4rem;	margin: 0 auto;	border: solid 1px #fff;	border: solid 1px hsla(0, 0%, 100%, .3);}.site-title {	font-weight: 700;	font-size:	40px;	font-size:  4.5rem;	text-transform: uppercase;	line-height: normal;	padding-bottom: 1rem;}.site-description {	font-weight: 100;	font-size: 20px;	font-size: 2rem;} .site-title a,.site-description {     color: #fff;    color: hsl(0, 0%, 100%);}/* Header responsive */@media screen and (max-width: 1280px) {    .site-branding { padding: 0; }        .title-box {        max-width: 100%;        margin: 0;        padding: 4rem;        border: none;    }}/*--------------------------------------------------------------9.0 Widgets--------------------------------------------------------------*/.widget {	margin: 0 0 4em;	font-family: 'PT Serif', serif;	font-size: 14px;	font-size: 1.4rem; 	font-style: italic; }.widget-title {	margin-bottom: 1em;	font-size: 20px;	font-size: 2.0rem;	border-bottom: 2px solid #000;}.widget a {	font-weight: 700;	color: #000;	color: hs;(0, 0%, 0%);}  .widget ul,.widget ol {    padding: 0;    margin: -1em 0 0;    list-style-type: none;}.widget li { padding: 1em 0 0; }.widget li ul,.widget li ol { margin-top: 0; }.widget li li { margin-left: 1.5em; }.widget_recent_entries li:before,.widget_recent_comments li:before,.widget_archive li:before {    display: block;    float: left;    padding-top: 2px;    margin-left: -2.5em;    font-family: 'fontawesome';    font-size: 14px;    font-size: 1.4rem;} .widget_recent_entries li,.widget_recent_comments li { margin: 0 0 .5em 2.5em; }.widget_recent_entries li:before { content: "\f036"; }.widget_recent_comments li:before { content: "\f075"; }.widget_archive li { margin: 0 0 0 2.5em; }.widget_archive li:before { content: "\f187"; }.widget_nav_menu a,.widget_pages a {    display: block;    padding: 1em 0;    border-bottom: solid 1px hsl(0, 0%, 90%);}.widget_nav_menu li,.widget_pages li { padding-top: 0; }.widget_rss li { margin-bottom: .5em; }.widget_rss .rss-date,.widget_rss cite {    display: block;    font-size: 85%;}/* Make sure select elements fit in widgets */.widget select {	max-width: 100%;}/* Search widget */.widget_search .search-submit {	display: none;}.footer-widgets { margin: 0 auto; }.footer-widgets .widget-title,.footer-widgets .widget a:hover {    color: #fff;    color: hsl(0, 0%, 100%);    border-color: #fff;    border-color: hsl(0, 0%, 100%);}.footer-widgets .widget {    float: left;    width: 320px;    margin: 0 4rem 8rem 4rem;}/* Footer widgets responsive */@media screen and (max-width: 879px) {    #footer-widgets { width: 100%!important; }        .footer-widgets .widget {        float: none;        width: 100%;        margin: 0 0 8rem;    }}/*--------------------------------------------------------------10.0 Content--------------------------------------------------------------*//*--------------------------------------------------------------10.1 Posts and pages--------------------------------------------------------------*//* Typography */.entry-title {    margin: 0 0 2rem;    font-weight: 900;    font-size: 24px;    font-size: 2.4rem;    line-height: 1.3em;    color: #660000;}.entry-content a {     text-decoration: underline; }.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 { margin-bottom: .4em; }.entry-content h1 {    font-size: 30px;    font-size: 3.0rem;    }.entry-content h2 {    font-size: 28px;    font-size: 2.8rem;}.entry-content h3 {    font-size: 26px;    font-size: 2.6rem;}.entry-content h4 {    font-size: 24px;    font-size: 2.4rem;}.entry-content h5 {    font-size: 22px;    font-size: 2.2rem;}.entry-content h6 {    font-size: 20px;    font-size: 2.0rem;}.entry-content p,.entry-content ul,.entry-content ol {    font-size: 18px;    font-size: 1.8rem;    line-height: 1.6em;}.entry-content blockquote p {    font-size: 28px;    font-size: 2.8rem;    line-height: 1.5em;}/* Smaller fonts for smaller screens */@media screen and (max-width: 680px) {    .entry-title {        font-size: 32px;        font-size: 3.2rem;        line-height: 1.3em;    }    .entry-content h1 {        font-size: 28px;        font-size: 2.8rem;    }    .entry-content h2 {        font-size: 26px;        font-size: 2.6rem;    }    .entry-content h3 {        font-size: 24px;        font-size: 2.4rem;    }    .entry-content h4 {        font-size: 22px;        font-size: 2.2rem;    }    .entry-content h5 {        font-size: 20px;        font-size: 2rem;    }    .entry-content h6 {        font-size: 18px;        font-size: 1.8rem;    }    .entry-content p,    .entry-content ul,    .entry-content ol  {        font-size: 18px;        font-size: 1.8rem;    }        .entry-content blockquote p {        font-size: 22px;        font-size: 2.2rem;        line-height: 1.5em;            }}/* Meta */.category-list {    margin: 1.3em 0 1em;    font-family: 'Lato', sans-serif;    font-size: 16px;    font-size: 1.6rem;}.category-list a {    color: #333;    color: hsl(0, 0%, 10%);}.category-list a:hover {    color: #000;    color: hsl(0, 0%, 0%);}.entry-meta {    margin-bottom: 2rem;    padding: 0;    font-family: 'Lato', sans-serif;    font-size: 14px;    font-size: 1.4rem;}.entry-footer ul {    padding: 0;    margin: 0;    list-style-type: none;}.entry-footer li {    display: inline-block;    margin-right: 4rem;}.entry-footer a {    margin-left: .5rem;}.sticky {}.entry {	margin: 0 0 1.5em;}.byline,.updated {	display: none;}.single .byline,.group-blog .byline {	display: inline;}.page-content,.entry-content,.entry-summary {	margin: 1.5em 0 0;}.page-links {	clear: both;	margin: 0 0 1.5em;}@media screen and (min-width: 1320px){    .single .entry-meta {        width: 120px;        margin-left: -160px;        float: left;        text-align: right;    }        .single .byline,    .single .posted-on {        display: block;        margin-bottom: 1em;    }}@media screen and (max-width: 1319px){    .posted-on:before {        content: ' on ';    }    .posted-on:after {        content: '.';    }}/* Blockquotes */blockquote {    padding: 1em 1.5em 0;    margin-bottom: 1em;    font-style: italic;    border-top: solid 1px hsl(0, 0%, 80%);    border-bottom: solid 1px hsl(0, 0%, 80%);}blockquote em {     font-style: normal; }blockquote cite {    display: block;    margin-top: 1em;    margin-left: 40%;    font-size: 18px;    font-size: 1.8rem;    font-family: 'Lato', sans-serif;    font-style: normal;    line-height: 1.5em;    text-align: right;}blockquote.alignleft {    width: 50%;    float: left;    padding: 1em 0 0;    margin-right: 2em;}blockquote.alignright {    width: 50%;    float: right;    padding: 1em 0 0;    margin-left: 2em;}/*--------------------------------------------------------------10.2 Asides--------------------------------------------------------------*/.blog .format-aside .entry-title,.archive .format-aside .entry-title {	display: none;}/*--------------------------------------------------------------10.3 Comments--------------------------------------------------------------*/.comment-content a {	word-wrap: break-word;}.bypostauthor {}/*--------------------------------------------------------------11.0 Infinite scroll--------------------------------------------------------------*//* Globally hidden elements when Infinite Scroll is supported and in use. */.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */	display: none;}/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */.infinity-end.neverending .site-footer {	display: block;}/*--------------------------------------------------------------12.0 Media--------------------------------------------------------------*/.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley {	border: none;	margin-bottom: 0;	margin-top: 0;	padding: 0;}.wp-caption {	margin-bottom: 1.5em;	max-width: 100%;}.wp-caption img[class*="wp-image-"] {	display: block;	margin: 0 auto;}.wp-caption-text {	text-align: center;}.wp-caption .wp-caption-text,.gallery-caption {    padding: 0.8075em 1em;    font-size: 14px;    font-size: 1.4rem;    font-family: 'Lato', sans-serif;    background: #e5e5e5;    background: hsl(0, 0%, 90%);}.site-main .gallery {	margin-bottom: 1.5em;}.site-main .gallery-item {    position: relative;        max-width:100%;    float: left;    margin-right: 3.333333333%;    margin-bottom: 3rem;    background: #333;    overflow: hidden;}.gallery-caption {    position: absolute;    bottom: 0;    left: 0;    max-height: 50%;    width: 100%;    padding: 6px 8px;    margin: 0;    font-size: 12px;    line-height: 1.5;    color: #fff;    text-align: left;    background-color: hsla(0, 0%, 0%, .8);    opacity: 0;.gallery-item:hover .gallery-caption {     opacity: 1; }.site-main .gallery a img {    max-width: 100%;    height: auto;    display: block;    margin: 0 auto;    border: none;}.site-main .gallery dd,.site-main .gallery figcaption {	margin: 0;}.site-main .gallery-columns-4 .gallery-item {}.site-main .gallery-columns-4 .gallery-item img {}/* Make sure embeds and iframes fit their containers */embed,iframe,object {	max-width: 100%;}/*--------------------------------------------------------------13.0 Footer--------------------------------------------------------------*/.site-footer {    padding: 2em;    font-family: 'Lato', sans-serif;    font-size: 8px;    font-size: 1.0rem;    color: #fff;    color: hsl(0, 0%, 100%);    background: #313131;    background: hsl(0, 0%, 19%);}  .site-footer a {    color: #700404;    color: hsl(0, 0%, 100%);}.site-info {     text-align: center; }