/* Media Queries
----------------------------------------------- */
@media screen and ( max-width: 920px ) {
#zoom-theme-main {
float: none;
min-width: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
#primary { order: 1; }
#primary { border: none !important; }
#secondary, #tertiary { order: 2 }
#secondary, #tertiary { height: auto !important; }
#primary.blog-with-sidebar-left, #primary.blog-with-sidebar-right, #primary.page-with-sidebar-left, #primary.page-with-sidebar-right, .nosidebar, #secondary, #tertiary, .rightside#secondary, .leftside#secondary {
float: none;
display: block;
min-width: 100%; /* Hack: Force size to 100% width for element with display: inline to display: block inside parent that has display: table */
width: 100%;
}
#primary,
#secondary,
#tertiary,
#footer-container {
padding: 10px !important;
}
/* Comments */
.page-template-full-width-php #comments, .nosidebar #comments {
max-width: 100%;
}
.depth-3 .comment-form-author,
.depth-3 .comment-form-email,
.depth-3 .comment-form-url,
.depth-4 .comment-form-author,
.depth-4 .comment-form-email,
.depth-4 .comment-form-url,
.depth-5 .comment-form-author,
.depth-5 .comment-form-email,
.depth-5 .comment-form-url {
margin: 0 0 1em;
width: 100%;
}
.depth-3 #commentform input[type="text"],
.depth-4 #commentform input[type="text"],
.depth-5 #commentform input[type="text"] {
width: 100%;
/* avoid overrun the containing div */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
float: none;
display: block;
margin: 0;
padding: 0;
width: 100%;
}
#commentform, .searchform, #commentform input[type="text"], #comment, .widget_search form.searchform input[type="text"],
#commentform .comment-form-comment {
width: 100%;
/* avoid overrun the containing div */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Comment Box */
.commentlist .children {
margin: 20px 0 0;
padding: 0;
}
.commentlist .children > .comment {
padding-left: 0px;
}
.commentlist .children .comment {
border-left: none;
position: relative;
}
.commentlist .children .comment:before {
content: none;
}
.commentlist .children .comment:after {
content: none;
}
/* Default Sidebar Search */
.before-sidebar-holder {
padding-top: 15px;
}
}
@media screen and ( max-width: 767px ) {
/* Header & Site Title Mode */
.site-header .home-link {
min-height: 0;
}
.image-title .site-title {
font-size: 36px;
}
.image-title .site-description {
font-size: 20px;
}
}
@media screen and ( max-width: 680px ) {
.zoom-theme-has-thumb .entry-content {
margin: 0;
}
.comment-meta, .comment .avatar, .comment-avatar {
float: none;
text-align: center;
margin: 0 auto;
}
img.avatar, .comment-avatar {
width: 60px;
height: 60px;
}
.comment-avatar {
width: 100%;
margin-bottom: 20px;
}
.comment-content {
text-align: justify;
padding: 0 7px 0 7px;
}
.identity,
#colophon .widget-area {
width: 100%;
}
.comments-area {
width: 100%;
}
#masthead,
.identity,
#primary,
#secondary,
#tertiary,
#colophon .widget-area {
margin: 0;
}
#page,
#secondary,
#tertiary,
#colophon .widget-area,
.site-footer .widget-area aside {
padding: 0;
}
.site-footer .widget-area {
border: none;
}
.not-found-cnt {
width: 100%;
text-align: center;
}
.not-found-bg, .not-found-title {
display: block;
margin: 0 auto;
padding: 10px 0 10px 0;
}
.not-found-bg {
width: 64px;
height: 64px;
background-size: 64px 64px;
}
}
@media (max-width: 640px) {
.menu-box {
display: none;
}
.zoom-menu-nav {
width: 100%;
min-width: 100%;
}
/* Header Items */
.image-title .site-title {
font-size: 30px;
}
.image-title .site-description {
font-size: 18px;
}
/* Logo & Title Mode */
.site-header {
height: auto;
min-height: 50px;
}
.link-holder, .site-logo, .site-identity, .site-logo img {
width: 100%;
padding: 0;
display: block;
float:none;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.logo-title-holder {
width: auto;
margin: 10px 0 10px 0;
display:block;
min-height: 50px;
}
.image-header-container-with-logo-title .logo-title-holder {
margin: 0;
padding: 10px 0 10px 0;
}
.site-identity {
max-width: 100%;
}
.logo-title-mode .site-title {
font-size: 30px;
text-align: center;
}
.logo-title-mode .site-description {
font-size: 18px;
text-align: center;
}
/* Hide Logo */
.menu-logo { display: none !important; }
.footer-left, .footer-center, .footer-right {
float: none;
margin: 0;
display: block;
}
/* LTE IE8 */
#unsupported .entry-header {
width : 175px !important;
}
}
@media screen and ( max-width: 480px ) {
/* HTML */
.html {
overflow-x: hidden;
}
/* Blog List Default */
.post-mode-list .entry-header-cont,
.post-mode-list .zoom-blog-entry-content,
.post-mode-list footer.entry-meta,
.post-mode-grid .entry-header-cont,
.post-mode-grid .zoom-blog-entry-content,
.post-mode-grid footer.entry-meta {
padding: 0 !important;
width: auto;
}
.zoom-theme-has-thumb.post-mode-list .entry-header,
body.archive .zoom-theme-has-thumb .zoom-blog-entry-content {
padding: 0;
width: 100%;
max-width: 100%;
}
.post-mode-grid:not(.sticky) .entry-header-cont .size-thumbnail,
.post-mode-grid:not(.sticky) .entry-header-cont .size-zoom-img-thumbnail {
padding-top: 0px;
}
#primary .zoom-blog-default {
padding: 10px;
}
/* Woocommerce */
.woocommerce-page #container {
padding: 10px;
}
/* Reset All */
.post-mode-list .entry-header,
.sticky .entry-header-cont,
.post-mode-list .zoom-blog-entry-content,
.post-mode-grid .zoom-blog-entry-content,
body.search-results .zoom-theme-has-thumb .zoom-blog-entry-content,
.zoom-theme-has-thumb.post-mode-list .zoom-blog-entry-content,
.zoom-theme-has-thumb.post-mode-grid .zoom-blog-entry-content
.post-mode-list .entry-header-cont,
.post-mode-grid .entry-header-cont,
.entry-header-cont,
.zoom-theme-has-thumb .zoom-blog-entry-content,
.zoom-blog-entry-content,
body.archive .entry-header-cont,
body.search .entry-header-cont,
body.search-results .entry-header-cont,
body.category .entry-header-cont {
float: none;
display: table;
margin: 0 auto;
width: 100%;
padding: 0;
max-width: 100%;
}
/* Reset to one column */
.post-mode-grid:not(.sticky).cols-two,
.post-mode-grid:not(.sticky).cols-three,
.post-mode-grid:not(.sticky).cols-four {
width: 100%;
}
/* !important only for sticky */
.sticky .zoom-blog-entry-content {
width: 100% !important;
}
.zoom-blog-default.hentry {
margin-bottom: 0px;
}
/* Blog Layout */
.post-mode-grid,
.zoom-blog-default.hentry,
.post-mode-grid.cols-two,
.post-mode-grid.cols-three,
.post-mode-grid.cols-four,
.post-mode-grid.cols-two:not(.sticky),
.post-mode-grid.cols-three:not(.sticky),
.post-mode-grid.cols-four:not(.sticky) {
float: none;
max-width: 100%;
display: block;
margin: 0;
margin-bottom: 20px;
}
.entry-title-meta {
margin-bottom: 1em;
}
.entry-header-cont, .entry-title-meta {
text-align: center;
}
.zoom-blog-default footer.entry-meta {
margin-top: 7px;
float:left;
}
/* End */
body { border: none !important; }
.widget .menu {
display: block;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
margin: 0 0 1em;
}
.perma-reply-edit {
font-size: 11px;
font-size: 1.1rem;
}
h2.comments-title {
font-size: 1.5rem;
}
/* Header Items */
.site-description {
display: none;
}
/* Logo & Title Mode */
.link-holder {
display: block;
}
.logo-title-mode .site-title {
font-size: 18px;
}
/* Title Only Mode */
.title-only h2.site-description {
margin-left: 0px;
font-size: 12px;
}
.title-only h1.site-title, .title-only h2.site-description {
display:block;
margin: 0 auto;
}
/* Top Bar */
.top-bar-left, .top-bar-right {
float: none;
display: block;
width: 100%;
max-width: 100% !important;
}
/* Bottom Bar */
#bottom-bar, .bottom-bar-logo, .bottom-bar-content {
display: block;
float: none;
font-weight: normal;
}
.bottom-bar-logo {
margin-bottom: 5px;
padding: 0;
}
.bottom-bar-holder {
text-align: center;
}
/* Author Box */
.authorimg, .authorimg img, .authortext {
float: none;
display: block;
margin: 0 auto;
padding-left: 0;
text-align: center;
}
.authortext {
max-width: 100%;
}
#authorbox img {
padding: 0;
padding-top: 5px;
padding-bottom: 10px;
}
/* Post Share Button */
.share-buttons-cont {
text-align: center !important;
}
/* Custom Search Form */
.no-results form.searchform input[type="text"] {
width: 100%;
display:block;
}
/* Page Pagination */
.zoom-pag-note {
display: none;
}
.zoom-page-pag {
text-align:center;
}
/* Related Post */
.related-posts-list li {
display: block;
margin-bottom: 20px;
}
.related-posts-list li {
width: 100%;
padding: 0;
}
.related-list .hentry {
margin-bottom: 0;
}
h4.rp-post-title a {
font-size: 1.5rem;
margin: 0;
}
h4.rp-heading {
font-size: 1.5rem;
}
.rp-also-like {
margin-right: 5px;
}
}
/* Mobile devices */
@media (max-width: 359px) {
/* Header Items */
.image-title .site-title, .logo-title-mode .site-title {
font-weight: normal;
}
}