html *, legend {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box
}
main *, main ul, main ul li, main li {
padding:0;
margin:0 auto;
text-align:center;
}
.footer, body, html, main {
width:100%;
margin:0 auto;
text-align:center!important;
font-size:0.9em;
}
.footer a:hover, a:hover {
text-decoration:underline
}
@-ms-viewport {
width:device-width
}
body, html, main {
max-width:100%;
max-width:100vw;
overflow-x:hidden;
margin:0 auto;
padding:0;
letter-spacing:1px;
word-break:break-strict
}
html * { box-sizing:border-box }
body {
background:#FFF;
color:#222;
}
main {
min-height:800px;
min-height:80%;
min-height:80vh;
-ms-overflow-style:none;
overflow:-moz-scrollbars-none;
max-width:1800px
}
main::-webkit-scrollbar {
display:none
}
main * {
text-align:center;
vertical-align:middle;
-webkit-transition:all ease .2s;
-moz-transition:all ease .2s;
transition:all ease .2s
}
main a {
-webkit-transition:all ease .8s;
-moz-transition:all ease .8s;
transition:all ease .8s
}
main embed, main img, main object, main video {
padding:0;
margin:0 auto;
text-align:center;
vertical-align:middle
}
img {
border-style:none
}
svg:not(:root) {
overflow:hidden
}
main li, main ul {
list-style:none
}
main a, main button, main form, main input, main texarea {
margin:0 auto;
text-align:center
}
h1, h2, h3, h4, h5, h6 {
margin:0 auto;
padding:.2em 0;
line-height:1.1em
}
h1 {font-size:2em}
h2 {font-size:1.75em}
h3 {font-size:1.5em}
h4 {font-size:1.425em}
h5 {font-size:1.325em}
h6 {font-size:1.25em}
p { padding:.625em 0 0 }
.footer {
padding:1.25em 0;
display:-ms-inline-flexbox;
display:-webkit-inline-flex;
display:inline-flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
background:#000;
color:#F3F5F4;
}
.footer p {
padding:0;
width:90%;
margin:0 auto;
text-align:center
}
.footer a {
color:#DFDFDF
}
.footer a:hover {
color:#FFF
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding:20px 15px;
border-radius:20px;
}
.footer-navigation-wrapper ul {
width:100%; padding:0.15em 0; list-style:none; list-style-position:outside; font-size:0.9em;
}
.footer-navigation-wrapper li {padding:1.5px 0}
.footer-navigation-wrapper ul li {display:inline-block}
.footer-navigation-wrapper ul li ul {padding:1.5px 0}
.footer-navigation-wrapper ul li ul li {display:inline-block}
.footer-navigation-wrapper ul.footer-nav li ul li {display:inline-block}
.footer-navigation-wrapper ul li:after { content:''; }
.footer-navigation-wrapper ul li:after {content:''}
.footer-navigation-wrapper ul li { display:block }
.footer-navigation-wrapper ul li:only-child { display:inline-block }
.footer-navigation-wrapper ul li ul li ul {display:none}
.footer-info-item .foot-logo {
width:97.25%;
width:auto;
height:auto;
max-width:290px!important;
max-height:300px!important;
margin:0 auto;
text-align:center;
}
.footer-info-item a {
padding:6px;
}
.foot-logo img {
max-height:85px;max-width:250px;width:auto;max-width:95%;height:auto;margin:0 auto;text-align:center;
}
.footer-info-wrapper {
width:100%;
margin:0 auto;
padding:2em 0;
text-align:center;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-align-items:flex-start;
-ms-flex-align:start;
align-items:flex-start;
}
.footer-info-wrapper a {}
.footer-info-item {
margin:0 auto;
text-align:center
}
.footer-info-item .logo {
padding:1em;
width:90%;
max-width:240px;
text-align:center;
margin:0 auto
}
.footer-info-item .logo img {
width:95%;
padding:1em;
vertical-align:middle;
text-align:center;
margin:0 auto
}
.social img {
padding-bottom:1em;
width:90%;
height:auto;
margin:0 auto;
text-align:center;
vertical-align:middle
}
.contacts {
line-height:1.4em
}
.footer-logo img {
width:85%;
max-width:200px;
height:auto;
margin:0 0 0.5em 0
}
.article-header-meta .article-top .article-thumb {
position:relative
}
.article-title {font-size:2.175em}
.article-meta {font-size:1.375em; max-width:900px}
.primary-text {font-size:1em; line-height:1.125em}
.arrow-single-page {
position:absolute;
bottom:7px;
left:50%;
margin-left:-15px;
width:30px;
height:30px;
background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
background-size:contain
}
.bounce {
-moz-animation:bounce 2s infinite;
-webkit-animation:bounce 2s infinite;
animation:bounce 2s infinite
}
.main-content {
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch;
-webkit-flex-grow:1;
-ms-flex-grow:1;
flex-grow:1;
color:inherit;
padding:1em .475em;
min-width:71%;
background:0 0;
}
.primary-text innerwrap ul, .primary-text innerwrap ul li, .primary-text innerwrap > li {}
.primary-text ul {padding-top:0.725em; padding-bottom:0.725em;}
.featurebox, .page-title {background:#222; color:#FFF}
.elements-sidebar {
width:auto;
-webkit-align-self:stretch;
-ms-flex-item-align:stretch;
align-self:stretch;
min-width:27%;
padding:0!important;
}
.primary-text {
padding:1em 0;
line-height:1.75em;
}
.primary-text, .primary-text * {
text-align:left;
}
.primary-text .innerwrap {
padding:.825em 0 0
}
.author-meta {
width:100%;
text-align:center;
padding:0.215em 0;
}
.author-meta .author-img,
.author-meta .author-info {
display:inline-block;
margin:0 auto;
padding:0.425em;
text-align:center;
vertical-align:middle
}
.author-meta .author-img {
width:33%;
min-width:40px;
max-width:60px
}
.author-meta .author-img img {
width:100%;
height:auto;
margin:0 auto;
text-align:center;
vertical-align:middle;
-webkit-border-radius:100%;
-moz-border-radius:100%;
border-radius:100%
}
.about {
padding:3em 0;
text-align:center
}
.kwstags *, .kwstags h4 {text-align:center!Important}
ul.taxonomy-terms {width:95%; margin:0 auto; text-align:center; align-items:center; list-style:none; list-style-position:inside;}
ul.taxonomy-terms li {
list-style:none;
list-style-image:none;
padding:0.375em 0.625em;
color:inherit;
display:inline-block;
vertical-align:middle;
}
ul.taxonomy-terms li a {
color:inherit;
text-decoration:none;
}
ul.taxonomy-terms li a:hover {
text-decoration:underline;
font-weight:600
}
ul.taxonomy-terms *, ul.taxonomy-terms h4 {
margin:0 auto;
text-align:center;
width:auto;
}
.info-table-row {
width:95%;
margin:0 auto;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
}
.info-table-label, .info-table-content, .info-table-button { padding:0.5em; }
.info-table-label { text-align:left; width:30%; padding:0.5em; }
.info-table-content { text-align:right; width:70%; }
.info-table-button { text-align:center; width:50%; }
.author-meta .author-info .author-name {}
.author-meta .author-info .publish-date {}
.artice-meta {
padding:1em 0
}
.article-meta {
line-height:1.175em;
padding:0.625em 0;
}
.page-title {
padding:1.45em 0.5em;
font-weight:600;
margin:0 auto!Important;
}
.page-title > h1 {text-transform:capitalize;}
.featurebox {
width:100%;
margin:0 auto;
text-align:center;
padding:1.275em 0
}
.article-header {
position:relative;
width:100%
}
.article-header .article-banner {
width:100%
}
.article-title {
font-weight:600;
line-height:1.105em;
}
.article-header .article-banner img {
width:100%;
height:auto
}
.article-header .article-header-meta {
width:100%;
position:relative;
z-index:100;
padding:1em 0
}
.raise {
margin-top:-5em
}
.article-header-meta .page-title {
line-height:1.15em
}
.main-content .page-title {
padding:.75em .5em
}
.pageright .ident {
width:95%;
padding:.5em 0 1em;
margin:0 auto;
text-align:center
}
.pageright .ident img {
margin-bottom:1em
}
.content {
line-height:1.45em;
letter-spacing:1px;
padding:0
}
.content a {
color:inherit!important;
}
.content li,
.content ul {
list-style:disc;
list-style-position:inside;
}
.content li {
padding-bottom:.4em
}
.innerwrap {
width:95%;
max-width:950px;
margin:0 auto;
text-align:center
}
.center-all {
position:absolute;
top:50%;
left:50%;
-ms-transform:translateX(-50%) translateY(-50%);
-o-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-webkit-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%)
}
.main-content img {
max-width:100%;
height:auto
}
.pageright img {
width:100%;
height:auto
}
,
a,
button,
div {
-webkit-transition:all ease .8s;
-moz-transition:all ease .8s;
transition:all ease .8s
}
a:hover {
font-weight:600
}
.button {
min-width:125px;
color:inherit;
letter-spacing:2px;
-webkit-transition:all ease .5s .2s;
-moz-transition:all ease .5s .2s;
transition:all ease .5s .2s;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:0 auto;
padding:0.25em 0.5em;
text-transform:uppercase;
font-weight:600;
text-decoration:none;
text-align:center;
font-size:1em!;
max-width:290px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin:0 auto;
cursor:pointer;
margin:0 auto!important;
text-align:center!important;
margin-top:0.5em!important;
margin-bottom:0.5em!important;
}
.button:hover {
text-decoration:none;
}
.hollow {
color:inherit;
background:transparent;
}
.filled,
.hollow:hover {}
.filled:active,
.filled:hover,
button:hover {}
button:hover {
text-decoration:none
}
@media all and (min-width:0px) and (max-width:600px) {
.arrow-single-page {display:none}
.button,
.filled,
.hollow {
display:block
}
}
.video-container {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden
}
.video-container embed,
.video-container iframe,
.video-container object,
.video-container video {
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
button,
input,
optgroup,
select,
textarea {
line-height:1.15;
margin:0
}
button,
input {
overflow:visible
}
button,
select {
text-transform:none
}
[type=submit],
[type=reset],
button,
html [type=button] {
-webkit-appearance:button
}
[type=submit]::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=submit]:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
button:-moz-focusring {
outline:ButtonText dotted 1px
}
fieldset {
border:1px solid #bbb;
margin:0 2px;
padding:.35em .625em .75em
}
legend {
box-sizing:border-box;
color:inherit;
display:table;
max-width:100%;
padding:0;
white-space:normal
}
progress {
display:inline-block;
vertical-align:baseline
}
textarea {
overflow:auto
}
[type=checkbox],
[type=radio] {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
:-ms-input-placeholder,
::-moz-placeholder,
::-webkit-input-placeholder {
color:#C8C8C8;
padding:.2em .4em
}
.gallery {
width:95%;
display:block;
padding:.5em 0
}
.gallery-item {
position:relative;
display:inline-block;
text-align:center;
padding:.3em;
border:0 solid transparent
}
.aligncenter,
img.aligncenter {
display:block
}
.gallery-item img,
.gallery-item:before {
border:1px solid #ccc
}
.gallery-item:before {
position:absolute;
content:"";
top:0;
left:0;
right:0;
bottom:0;
z-index:-1
}
.gallery-item a {
position:relative;
z-index:100
}
.wp-caption p.wp-caption-text {
line-height:17px;
padding:0 4px 5px
}
.wp-caption img {
border:0
}
.alignright {
float:right
}
.alignleft {
float:left
}
img.alignright {
float:right;
margin-left:2em;
margin-bottom:1em
}
img.alignleft {
float:left;
margin-right:2em;
margin-bottom:1em
}
.gallery-columns-1>.gallery-item {
width:100%
}
.gallery-columns-2>.gallery-item {
width:50%
}
.gallery-columns-3>.gallery-item {
width:33.333%
}
.gallery-columns-4>.gallery-item {
width:25%
}
.gallery-columns-5>.gallery-item {
width:20%
}
.gallery-columns-2>.gallery-item:nth-of-type(2n+1),
.gallery-columns-3>.gallery-item:nth-of-type(3n+1),
.gallery-columns-4>.gallery-item:nth-of-type(4n+1),
.gallery-columns-5>.gallery-item:nth-of-type(5n+1) {
margin-left:0
}
.gallery-columns-2>.gallery-item:nth-of-type(2n),
.gallery-columns-3>.gallery-item:nth-of-type(3n),
.gallery-columns-4>.gallery-item:nth-of-type(4n),
.gallery-columns-5>.gallery-item:nth-of-type(5n) {
margin-right:0
}
.wp-caption {
border:1px solid #ddd;
text-align:center;
background-color:#f3f3f3;
padding:4px 5px;
margin:10px;
-moz-border-radius:3px;
-khtml-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
.about-content {font-size:1em; line-height:1.425em}
/* media queries */
@media all and (min-width:0) {
.article-top { font-size:12px }
.footer-info-item {
position:relative;
width:98%;
padding:0.5em 1%;
}
.footer-info-wrapper {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
}
@media all and (min-width:500px) {
.article-top { font-size:14px }
.footer-info-item {
padding:0.5em 1em;
width:49%;
}
}
@media all and (min-width:750px) {
.article-top { font-size:13px }
.article-header-meta .article-top {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
.article-meta {
line-height:1.185em;
}
.article-header-meta .article-top .article-thumb {
width:45%; min-width:100px;
}
.article-header-meta .article-top .article-title-wrapper {}
.footer-info-item {
padding:0.5em 1em;
width:30%;
overflow:hidden;
}
.footer-info-item *, .footer-info-item ul, .footer-info-item li, .footer-info-item ul li {
margin:0 auto;
text-align:center;
}
.footer-info-item:last-of-type {
text-align:center;
margin:0 auto;
padding:0;
}
.footer-info-wrapper {
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
}
@media all and (min-width:0px) and (max-width:700px) {
.show-desktop-only {display:none}
.show-mobile-only {display:block}
}
@media all and (min-width:700px) {
.show-desktop-only {display:block}
.show-mobile-only {display:none}
}
@media all and (min-width:0px) and (max-width:1000px) {
.about-content {
text-align:center;
margin:0 auto;
width:95%;
max-width:500px;
line-height:1.3875em
}
.about-content .about-buttons {
text-align:center;
padding:1em 0;
}
}
@media all and (min-width:1000px) {
.article-top { font-size:17px }
.about-content {
text-align:left;
margin:0 auto;
width:100%;
}
.about-content .about-buttons {
width:70%;
max-width:450px;
font-size:1.25em;
text-align:center;
padding:1em 0;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:space-around;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
width:85%;
}
main>.flex,
main>.main-wrapper {
width:98.2575%;
padding:0;
text-align:center;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center
}
}
@media all and (min-width:0px) {
.archive-items-wrapper {
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-justify-content:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-align-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
-webkit-align-content:stretch;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-align-items:stretch;
-ms-flex-align:stretch;
align-items:stretch;
width:95%;
max-width:1000px;
padding:1.125em 0;
text-align:center;
}
.archive-items-wrapper .archive-item {
position:relative;
overflow:hidden;
margin:0 auto;
text-align:center;
width:95%;
}
}
@media all and (min-width:768px) {
.archive-items-wrapper {
width:98%;
max-width:1000px;
}
.archive-items-wrapper .archive-item {
width:47%;
margin:.5%;
}
}
@media all and (min-width:1100px) {
.archive-items-wrapper {
width:99%;
max-width:1250px;
}
.archive-items-wrapper .archive-item {
width:30%;
min-width:290px;
}
}
@media all and (min-width:0px) { html, main { font-size:16px } }
@media all and (min-width:650px) { html, main { font-size:17px } }
@media all and (min-width:950px) { html, main { font-size:19px } }
.about-content .about-buttons {
font-size:1em!important;
}