#foggyphoto {
position:absolute;
top: -5px;
right: 5%;
max-height: 240px;
width: auto;
transform: rotate(5deg);
z-index: 1000;
}
#foggylogo {
position:absolute;
top: 10px;
left: 5%;
z-index: 1000;
}
#foggylogo img {
max-height: 195px;
width: auto;
}
.site-branding {
text-shadow: 3px 3px 10px #000;
}
blockquote {
position: relative;
padding: 10px 20px 10px 50px;
color: #444;
border: 0;
}
blockquote:before {
content: "♥";
position: absolute;
top: -15px;
left: -10px;
font-size: 2.5em;
color: #da2128;
font-style: normal;
}
.button {
text-align: center;
}
.button.large {
font-size: 150%; 
}
#simple-social-icons-2 ul li.ssi-email a {
background-color: #000!important;
}
#simple-social-icons-2 ul li.ssi-facebook a {
background-color: #3B5998!important;
}
#simple-social-icons-2 ul li.ssi-instagram a {
background-color: #405DE6!important;
}
#simple-social-icons-2 ul li.ssi-linkedin a {
background-color: #007BB5!important;
}
#simple-social-icons-2 ul li.ssi-phone a {
background-color: #4cd964!important;
}
#simple-social-icons-2 ul li.ssi-rss a {
background-color: #F26522!important;
}
#simple-social-icons-2 ul li.ssi-twitter a {
background-color: #1DA1F2!important;
}
#simple-social-icons-2 ul li.ssi-youtube a {
background-color: #F00!important;
}
#simple-social-icons-2 ul li a:hover, #simple-social-icons-2 ul li a:focus {
opacity: .8;
}
.hidden {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
p a:hover, p a:focus {
text-decoration: underline;
}
#text-7 .textwidget {
margin-top: 0px;
background: #222 url(//www.mefoggydog.org/wp-content/uploads/2018/10/blackboard.jpg) no-repeat;
background-size: 100% 100%;
border: 8px solid #CA9664;
padding: 15px;
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5)!important; color: #fff!important;
text-align: center;
font-size: 110%;
}
#text-7 .textwidget a {
color: #fff;
text-decoration: underline;
}
.widget .children {
margin-left: 15px;
}
.imgmargin {
margin-bottom: 1.5em;
} @media only screen and (min-width: 768px) {
.generate-columns-activated.post-image-aligned-left .generate-columns-container article:not(.featured-column) .post-image, .generate-columns-activated.post-image-aligned-right .generate-columns-container article:not(.featured-column) .post-image {
float: left;
text-align: left;
margin-left: 0;
margin-right: 1em;
}
#rss-2 {
margin-left: 30px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1025px) {
#foggyphoto {
max-height: 200px;
top: 15px;
}
.site-description {
font-size: 14px;
}
}
@media only screen and (max-width: 768px) {
#foggyphoto {
position: relative;
right: 0;
top: 10px;
max-height: 100px;
}
#foggylogo {
position: relative;
left: 0;
top: -15px;
}
#foggylogo img {
max-height: 100px;
}
.inside-header {
padding: 10px 20px;
}
body.home h1 {
font-size: 100%;
}
.site-description {
font-size: 13px;
}
blockquote:before {
font-size: 2em;
top: -5px;
}
}
@media print {
.footer-widget-1, .footer-widget-2,.footer-widget-3, .footer-widget-4, .header-widget, .main-navigation {
display: none;
}
}