2020-12-04 22:51:29 +00:00
|
|
|
|
/**
|
|
|
|
|
|
* Footnotes Responsive Layout for the main element
|
|
|
|
|
|
*
|
|
|
|
|
|
* Based on Hello Elementor v2.3.0 Basic responsive layout
|
|
|
|
|
|
* licensed under GNU General Public License v3 or later
|
|
|
|
|
|
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
|
|
|
|
|
|
*
|
2020-12-06 12:46:45 +00:00
|
|
|
|
* Since 2.2.0
|
|
|
|
|
|
* Version: 2.2.0d0
|
2020-12-04 22:51:29 +00:00
|
|
|
|
*
|
2020-12-06 12:46:45 +00:00
|
|
|
|
* Last modified: 2020-12-05T1414+0100
|
2020-12-04 22:51:29 +00:00
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/***********************************************************
|
|
|
|
|
|
Basic responsive layout
|
|
|
|
|
|
|
|
|
|
|
|
In Hello Elementor Theme, this applies to .site-header, and
|
|
|
|
|
|
also to .site-main, which is a class of the <main> element,
|
|
|
|
|
|
at the condition that the page is not built with Elementor:
|
|
|
|
|
|
body:not([class*="elementor-page-"])
|
|
|
|
|
|
Therefore, in pages built with Elementor, proper layout is
|
|
|
|
|
|
applied only to features managed by Elementor, not others.
|
|
|
|
|
|
|
|
|
|
|
|
The Footnotes references container is near the end of main.
|
|
|
|
|
|
This style sheet lets Footnotes’ reference container come
|
|
|
|
|
|
into the benefit of the basic responsive layout style rules
|
|
|
|
|
|
that would apply if the page were not built with Elementor.
|
|
|
|
|
|
|
|
|
|
|
|
This is mainly useful with Hello Elementor, but it might be
|
|
|
|
|
|
used also with another theme depriving the features from
|
|
|
|
|
|
other plugins of basic layout rules as applied to content.
|
|
|
|
|
|
|
|
|
|
|
|
The enqueuing of this style sheet is optional. The setting
|
|
|
|
|
|
is in the dashboard under Settings > Reference container.
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
main, .main-content, .site-main {
|
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (max-width: 575px) {
|
|
|
|
|
|
|
|
|
|
|
|
main, .main-content, .site-main {
|
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 576px) {
|
|
|
|
|
|
|
|
|
|
|
|
main, .main-content, .site-main {
|
|
|
|
|
|
max-width: 500px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
|
|
|
|
|
|
|
|
main, .main-content, .site-main {
|
|
|
|
|
|
max-width: 600px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 992px) {
|
|
|
|
|
|
|
|
|
|
|
|
main, .main-content, .site-main {
|
|
|
|
|
|
max-width: 800px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@media (min-width: 1200px) {
|
|
|
|
|
|
|
|
|
|
|
|
main, .main-content, .site-main {
|
|
|
|
|
|
max-width: 960px;
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
