html {
-webkit-text-size-adjust: 100%;
}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
.text-field
.textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
/*---RESPONSIVE QUERIES---*/
@media ( min-width : 865px ) and ( max-width : 990px ), ( min-width : 480px ) and ( max-width : 605px ), ( max-width : 400px ) {
}
@media ( min-width : 800px ) and ( max-width : 1000px ), ( max-width : 600px ) {
}
@media ( min-width : 650px ) and ( max-width : 800px ) {
}
@media ( min-width : 650px ) and ( max-width : 800px ), ( max-width : 475px ) {
}
@media ( max-width : 1200px ) {
}
@media ( max-width : 1000px ) {
.header .logo {
width: 300px;
}
#main {
}
#main {
font-size: 2vw;
}
body.home .wrapper:after {
height: 17vw;
top: 26%;
}
body.home.admin-bar .wrapper:after {
top: 28%;
}
}
@media ( max-width : 900px ) {
}
@media ( max-width : 840px ) {
}
@media ( max-width : 799px ) {
body {
border: none;
padding: 0;
}
.span_content, .span_content_full {
float: none;
width: 100%;
max-width: 720px;
margin: 0 auto;
}
.span_content_full {
max-width: 100%;
}
.span_sidebar {
clear: both;
width: 100%;
float: none;
margin: 40px auto 0;
border-top: 1px solid #ececec;
padding-top: 40px;
max-width: 400px;
}
.span_sidebar .subscribe {
display: none;
}
#main, .top-stuff, .logo, .top-bar {
display: none;
}
body.home .wrapper:after {
height: 19vw;
top: 13%;
}
body.home.admin-bar .wrapper:after {
top: 16%;
}
.header {
border: none;
height: 52px;
margin-bottom: 20px;
}
body.home .header {
margin-bottom: 20px;
}
.home-sections .widget-content {
flex: none;
display: block;
}
.home-sections .widget-content .image {
flex-basis: 100%;
display: block;
order: 1;
max-width: 400px;
margin: 0 auto;
}
.home-sections .widget-content .caption {
flex-basis: 100%;
margin: 0;
padding: 5% 3% 10px;
background: none;
order: 2;
}
.sub-footer .footer-nav {
width: 100%;
text-align: center;
float: none;
}
.sub-footer .footer-nav li {
display: inline-block;
margin: 0 10px;
}
.copyright {
width: 100%;
text-align: center;
float: none;
margin-top: 15px;
}
.upper-home-sections {
margin-bottom: 4vw;
padding-bottom: 40px;
}
}
@media ( max-width : 728px ) {
.optin-content {
display: block;
align-items: center;
align-content: center;
justify-content: center;
gap: 25px;
margin: 0 auto;
max-width: 980px;
}
.optin-content .caption {
margin-bottom: 10px;
}
.optin-content .image {
width: 82px;
flex-grow: 0;
margin: 0 auto;
}
}
@media ( max-width : 700px ) {
.wrap, .wrapper {
padding: 0 20px;
}
body.home .wrapper:after {
height: 24vw;
top: 16%;
}
body.home.admin-bar .wrapper:after {
top: 20%;
}
.span_content_full .items-3-col {
gap: 4vw;
row-gap: 4vw;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.items-3-col .item .title {
font-size: 30px;
font-size: clamp(18px, 4.5vw, 30px);
}
.items-5-col, .items-6-col {
gap: 4vw;
row-gap: 3vw;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.items-7-col, .items-8-col {
gap: 2vw;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media ( max-width : 650px ) {
.lower-home-sections {
padding-top: 7vw;
}
.footer {
margin-top: 9vw;
}
.home-section {
clear: both;
position: relative;
padding: 5vw 0;
}
.home-section .more {
clear: both;
margin-top: 20px;
text-align: center;
}
.fixed-more a.more-link {
border: 1px solid #e9e9e9;
padding: 8px 15px;
}
.items-2-col {
grid-template-columns: repeat(2, 1fr);
gap: 4vw;
row-gap: 4vw;
}
.home-section .items-2-col {
grid-template-columns: repeat(1, 1fr);
}
.items-2-col .item .title {
font-size: 24px;
font-size: clamp(21px, 6vw, 30px);
}
.items-4-col {
gap: 4vw;
row-gap: 4vw;
grid-template-columns: repeat(2, 1fr);
}
.upper-home-sections .items-4-col {
row-gap: 30px;
}
.items-4-col .item .title {
margin: 10px 0;
font-size: 24px;
font-size: clamp(16px, 3vw, 24px);
}
.sidebar .items-4-col {
gap: 4vw;
row-gap: 4vw;
grid-template-columns: repeat(2, 1fr);
}
.wrap, .wrapper {
padding: 0 15px;
}
.wprm-recipe.wprm-recipe-template-purr-custom {
margin-left: -15px;
margin-right: -15px;
}
.wprm-recipe.wprm-recipe-template-purr-custom .wprm-recipe-body {
padding: 15px 15px 15px;
border: none;
}
.wprm-recipe.wprm-recipe-template-purr-custom .wprm-recipe-head {
padding: 15px;
display: flex;
flex-flow: row wrap;
}
.wprm-recipe.wprm-recipe-template-purr-custom .wprm-title-block {
width: 100%;
flex-basis: 100%;
float: none;
order: 2;
}
.wprm-recipe.wprm-recipe-template-purr-custom .wprm-image-block {
width: 100%;
float: none;
order: 1;
text-align: center;
margin: 0 auto;
max-width: 250px;
}
.wprm-recipe.wprm-recipe-template-purr-custom .recipe-buttons {
width: 100%;
flex-basis: 100%;
order: 3;
gap: 10px;
flex-wrap: wrap;
margin: 0;
}
.wprm-recipe.wprm-recipe-template-purr-custom .recipe-buttons a.wprm-recipe-link, a.wprm-recipe-roundup-link {
width: 100%;
flex-basis: 100%;
}
.wprm-recipe.wprm-recipe-template-purr-custom h3.wprm-recipe-header {
margin: 15px 0 15px !important;
}
}
@media ( max-width : 500px ) {
h1 {
font-size: 30px;
}
h2 {
}
.home-section.icons-block .block-title, .divider {
font-size: 21px;
}
.breadcrumb {
}
.breadcrumb_last {
display: none;
}
.pagination h2.screen-reader-text {
margin-bottom: 12px;
}
.archiveslist {
overflow: hidden;
-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
}
}
@media ( max-width : 475px ) {
}
@media ( max-width : 450px ) {
.wrap, .wrapper {
padding: 0 15px;
}
}
@media ( max-width : 425px ) {
#comment-list li {
padding: 0;
border: none;
}
#comment-list li li {
padding: 10px;
}
#comment-list li.bypostauthor, #comment-list li.byuser {
background-color: #F4F6F6;
padding: 10px;
margin-top: 15px;
}
}
@media ( max-width : 400px ) {
.span_content_full .items-3-col {
grid-template-columns: repeat(1, 1fr);
gap: 4vw;
row-gap: 4vw;
}
.items-2-col .item .title, .items-3-col .item .title, .teaser-posts.items-2-col .item .title, .teaser-posts.items-3-col .item .title {
font-size: 24px;
font-size: clamp(21px, 8vw, 30px);
}
}
@media ( max-width : 360px ) {
.wrap, .wrapper {
padding: 0 10px;
}
}