/* A L L  S C R E E N S
----------------------------------------------- */

input, textarea {
	-webkit-appearance:none;
}

input[type=checkbox] {
	-webkit-appearance: checkbox;
}

@media not all and (min-resolution:.001dpcm) { @media {
body {
	background-size: 100% !important;
	background-image: url('https://www.mielcafedesign.com/customdesigns/pazgarden/images/linen.jpg') !important;
	background-attachment: fixed !important;
}
}}

@media screen and (max-width: 750px) {
	
/* Header
----------------------------------------------- */

.tabs-outer {
    position: relative !important;
    background: transparent !important;
}

.section.tabs > div.PageList {
    width: 100% !important;
}

.tabs-inner .widget #header-socials li a {
    padding: 0 !important;
}

.tabs-inner .widget #header-socials li {
    padding: 0 5px !important;
}

.section.tabs > div.LinkList {
    position: absolute;
    top: 0;
    right: 0;
    width: 50% !important;
    margin: auto !important;
    height: 16px;
}

.tabs.section {
    position: relative;
    padding: 0 0 10px;
}

.mobile .tabs-inner .PageList .widget-content {
    padding: 0px 10px !important;
	font-family: rivina !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

img#Header1_headerimg {
    width: 55%;
    max-width: 200px;
}

header {
    padding: 10px 0;
    margin: 0 !important;
}

.header-content {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header-elements {
    padding-bottom: 190px;
}

.tabs-inner .widget.PageList li {
    display: block !important;
    padding: 0 !important;
}

.tabs-inner .widget.PageList li a {
    padding: 5px 0 !important;
}

ul.sub-menu-mobile.visible {
    padding-top: 10px !important;
    border-top: 1px solid #eaebeb;
    margin-top: 10px;
}

/* Slider
----------------------------------------------- */

.postthumb img, .postthumb img.vertical {
    height: 100% !important;
    width: auto !important;
}

.postthumb img.vertical {
    height: auto !important;
    width: 100% !important;
}

.postthumb {
    height: 300px !important;
}

/* Main
----------------------------------------------- */

body {
    background-attachment: fixed !important;
}

.main-inner .columns {
    padding-right: 0 !important;
}

.content-outer, .content-fauxcolumn-outer, .region-inner, div#home-buttons ul {
    width: initial !important;
}

.column-center-outer {
    margin-left: 0 !important;
}

.mobile .main.section {
    margin: 0px 0px 0px 0px !important;
}

div#home-buttons ul li {
    display: block !important;
    width: initial !important;
    height: 289px;
    margin-bottom: 30px;
}

.mobile-post-outer {
    background: #fff;
    padding: 30px 0;
    margin-bottom: 30px;
}

.mobile-index-contents img {
    max-width: 100%;
    height: auto;
}

h1.mobile-index-title.entry-title {
    font-family: rivina !important;
    text-align: center;
    margin: 0 30px !important;
    width: initial;
    line-height: 1.6;
}

.jump-link {
    width: 120px;
    margin: auto;
}

html .main-inner .date-outer {
    padding: 0 0 10px !important;
}

div#blog-pager {
    margin-bottom: 80px !important;
    padding: 0 !important;
}

h1.post-title.entry-title {
    margin: 0 30px !important;
	font-size:20px;
}

blockquote {
    margin: 15px 10px !important;
}

.status-msg-border {
    height: 30px;
}

/* Sidebar
----------------------------------------------- */

.foot.section {
    max-width: 290px;
    margin: auto !important;
    display: block;
}

.foot.section .widget {
    margin-bottom: 50px;
}

/* Footer
----------------------------------------------- */

.insta-img {
    margin-bottom: -7px !important;
}

div#instafeed li {
    display: inline-block !important;
    width: 33.3%;
}

#footer .copyright-info {
    width: initial !important;
	margin-bottom: 10px;
}

.mobile #footer .alignright {
    text-align: left !important;
    float: left;
}

.mobile .FooterSocial.section {
    margin: 0 !important;
}

#footer .foot-socials li {
    padding: 0px 4px 0 0px !important;
}

.mobile div#FooterInstagram {
    margin: 0 0 20px !important;
}

.footer-content {
    height: 50px !important;
}

/* Pages
----------------------------------------------- */

.post-body ul.about.page-content {
    margin: 40px 20px !important;
}

h1.post-title.page-title.entry-title {
    width: 300px !important;
    margin: auto !important;
}

ul.about.page-content li, ul.about.page-content li.about-first-right, ul.about.page-content li.about-last-left,
.contact.page-content {
    display: block !important;
    width: initial !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.post-outer.static-page {
    padding-top: 0 !important;
}

.intro-img img {
    height: 100% !important;
    width: auto !important;
}

.form input, .form textarea {
    width: -moz-calc(100% - 30px) !important;
    width: -webkit-calc(100% - 30px) !important;
    width: calc(100% - 30px) !important;
	margin-top: 10px !important;
}

}

@media screen and (min-width: 400px) and (max-width: 750px) {

.postthumb img {
    width: 100% !important;
    height: auto !important;
}

.intro-img img {
    height: auto !important;
    width: 100% !important;
}

}

@media screen and (min-width: 1250px) { 

.content-outer, .content-fauxcolumn-outer, .region-inner {
    width: 1250px !important;
}

}

@media screen and (max-width: 1250px) { 

.content-outer, .content-fauxcolumn-outer, .region-inner {
    width: 1200px !important;
}

}

@media screen and (max-width: 1200px) { 

.content-outer, .content-fauxcolumn-outer, .region-inner {
    width: 1150px !important;
}

}

@media screen and (max-width: 1150px) { 

.content-outer, .content-fauxcolumn-outer, .region-inner {
    width: 1020px !important;
}

}

@media screen and (max-width: 750px) {

.content-outer, .content-fauxcolumn-outer, .region-inner {
    width: initial !important;
}

}