html,
body,
div,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0;
border: 0;
font-family: inherit;
font-size: 100%;
}
html {
overflow-x: hidden;
height: 100%;
}
body {
display: flex;
flex-direction: column;
min-height: 100%;
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: #787878;
background: #ffffff;
text-shadow: 1px 1px 1px rgba(0,0,0,.004);
text-rendering: optimizeLegibility!important;
-webkit-font-smoothing: antialiased!important;
}
table {
border-collapse: collapse;
width: 100%;
}
td, th {
padding: 12px 15px 12px 0;
border-width: 1px;
border-style: solid;
border-color: rgba( 14,22,56 , .1 );
border-top: none;
border-right: none;
border-left: none;
text-align: left;
}
ol {
margin-bottom: 30px;
}
ol,
ul,
li {
list-style: circle outside;
margin-left: 10px;
}
ul {
margin-bottom: 30px;
}
ol > li {
list-style: decimal inside;
}
ul li,
ol li {
margin-bottom: 15px;
font-weight: 500;
line-height: 24px;
}
ul li a, ol li a {
font-weight: 500;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin: 10px 0 5px 30px;
}
pre {
overflow: auto;
position: relative;
left: 0;
margin-bottom: 30px;
padding: 2em;
font-size: 13px;
line-height: 2em;
text-transform: none;
background-color: transparent;
border: 1px solid #eee;
}
dl {
margin-bottom: 25px;
line-height: 1.8em;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 10px;
margin-left: 0;
}
img {
height: auto;
max-width: 100%;
border: 0;
vertical-align: middle;
}
.container::after,
#content::after {
display: block;
clear: both;
content: ' ';
}
button:focus {
outline: 0;
}
p {
margin-bottom: 1.6em;
line-height: 1.6em;
}
a {
font-weight: 400;
text-decoration: none;
color: #111111;
outline: 0;
-webkit-transition: .20s;
-moz-transition: .20s;
-ms-transition: .20s;
-o-transition: .20s;
transition: .20s;
}
a:hover {
color: #999999;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 30px;
margin-bottom: 30px;
font-family: 'Oswald', sans-serif;
font-weight: 600;
line-height: 1.3em;
word-wrap: break-word;
color: #111111;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 26px;
}
h5 {
font-size: 26px;
}
h6 {
font-size: 26px;
}
blockquote {
position: relative;
margin: 1.6em 0;
padding-left: 20px;
border-left: 3px solid #ff027f;
font-weight: 500;
font-style: italic;
color: #000000;
}
strong {
font-weight: 700;
}
label {
display: inline-block;
font-size: 13px;
font-weight: 600;
color: #111111;
}
label input {
margin-right: 3px;
}
input,
select,
textarea,
input[type=text], 
input[type=button],
input[type='submit'],
input.button {
-webkit-appearance: none;
}
input,
select,
textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 100%;
margin: 0;
margin-bottom: 0;
padding: 14px 18px;
border: 1px #e8e8e8 solid;
border-radius: 2px;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.5em;
color: #444444;
outline: none;
background: transparent;
}
select {
display: inline-block;
position: relative;
padding: 0 15px;
border: 1px solid;
border-color: #e8e8e8;
border-radius: 2px;
font-family: inherit;
font-size: 13px;
line-height: 47px;
color: #333333;
outline: 0;
background: transparent;
background: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' fill=\'currentColor\' style=\'fill:rgb(182,196,210)\' width=\'100\' height=\'100\'><polygon points=\'0,0 100,0 50,50\'/></svg>') no-repeat;
background-repeat: no-repeat;
background-position: calc(100% - 12px) 56%;
background-size: 8px;
cursor: pointer;
-moz-appearance: none;
}
input[type='submit'],
input.button {
display: inline-block;
width: auto;
margin-top: 14px;
padding: 12px 21px;
border: none;
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #111111;
background: #ff027f;
cursor: pointer;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
input[type='submit']:hover {
background: #111111!important;
color: #ffffff;
}
input[type='checkbox'] {
outline: none;
position: relative;
width: 10px;
height: 10px;
border: 1px solid #455A64;
overflow: hidden;
border-radius: 2px;
cursor: pointer;
margin-top: 3px;
margin-right: 6px;
padding: 8px;
}
input[type='checkbox']::before {
content: '';
color: #fff;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background-color: #fff;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
border-radius: 2px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.15s ease-in-out;
transition: -webkit-transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}
input[type='checkbox']:checked::before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
input[type="radio"] {
outline: none;
position: relative;
width: 10px;
height: 10px;
border: 1px solid #455A64;
overflow: hidden;
border-radius: 22px;
cursor: pointer;
margin-top: 10px;
margin-right: 0;
padding: 6px;
}
input[type='radio']::before {
content: '';
color: #fff;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
background-color: #fff;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
border-radius: 2px;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform 0.15s ease-in-out;
transition: -webkit-transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}
input[type='radio']:checked::before {
-webkit-transform: scale(2);
transform: scale(2);
}
fieldset {
margin: 20px 0;
padding: 20px;
border: 1px solid #e8e8e8;
}
figcaption {
width: 100%;
text-align: center;
font-size: 13px;
line-height: 1.6em;
}
address {
margin-bottom: 1.6em;
}
b, 
strong {
font-weight: 600;
}
.row {
margin-right: -15px;
margin-left: -15px;
overflow: hidden;
}
.field-full,
.field-half {
float: left;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
.field-full {
width: 100%;
}
.field-half {
width: 50%;
}
.field-full label,
.field-half label {
width: 100%;
}
.site-wrapper {
flex: 1;
position: inherit;
}
.container {
width: 100%;
margin: 0 auto;
}
.content-wide {
width: 90%;
margin: 0 auto;
}
.f-width {
width: 100%!important;
}
.f-width.nav-open {
overflow: hidden;
}
#main-area {
flex: 1;
box-sizing: border-box;
width: 90%;
margin-bottom: 80px;
padding: 90px 5% 0 5%;
}
.f-width #main-area {
width: 100%;
padding: 90px 2.5% 0;
}
#main-area.has-sidebar,
.f-width #main-area.has-sidebar {
display: flex;
flex-wrap: wrap;
}
.hide {
display: none;
} .magheader {
position: absolute;
z-index: 5;
right: 0;
box-sizing: border-box;
width: 50%;
}
.f-width .magheader {
width: 100%;
}
.f-width #site-header {
float: left;
left: 0;
width: 50%;
padding: 20px 2.5%;
}
.f-width.nav-open #site-header {
position: fixed;
left: 0;
height: 100vh;
}
.nav-open. #cover-header {
position: fixed;
}
#site-header {
position: absolute;
box-sizing: border-box;
width: 100%;
height: 86px;
padding: 20px 0;
}
#cover-header {
position: relative;
z-index: 4;
box-sizing: border-box;
width: 100%;
height: 86px;
padding: 20px 5%;
}
#content-header {
display: flex;
position: relative;
z-index: 5;
box-sizing: border-box;
width: 100%;
height: 80px;
padding: 0 5%;
opacity: 1;
transition: all .3s linear;
justify-content: flex-end;
}
.f-width #content-header {
width: 50%;
float: right;
padding: 0 2.5%;
}
#header {
position: absolute;
width: 100%;
}
#header:before,
#header:after {
display: table;
clear: both;
content: '';
}
#cover-header.nav-open {
z-index: 3;
}
.cover-logo {
position: relative;
z-index: 3;
box-sizing: border-box;
width: 80%;
margin: 0 auto;
padding: 0 10px;
text-align: center;
}
.cover-logo.logo-left {
margin-left: 55px;
padding: 0;
}
.cover-logo.hide-logo {
display: none;
}
.cover-logo a img {
width: 100%;
height: auto;
}
.top-logo {
position: absolute;
z-index: 3;
top: 0;
height: 45px;
margin: 20px 10px 20px 55px;
text-align: center;
}
.top-logo a img {
width: auto;
height: 100%;
}
#nav-wrapper {
position: relative;
width: 100%;
width: 75%;
height: 600px;
margin: auto;
padding-left: 30px;
}
.navbar-left,
.navbar-right {
position: relative;
z-index: 100;
width: 20%;
}
.header-social-links {
display: block;
align-self: center;
}
.header-social-links a {
margin: 0 10px;
font-size: 16px;
color: #111111;
}
.header-social-links a:hover {
color: #999999;
}
.nosearch {
margin-right: 0!important;
} #top-nav {
position: absolute;
width: 100%;
height: 100%;
}
.top-menu-button {
position: relative;
z-index: 6;
width: 16px;
height: 16px;
padding: 15px;
border-radius: 50%;
background: #ff027f;
}
#cover-header .top-menu-button {
position: absolute;
}
.top-menu-button a.open-hidden-menu {
display: block;
position: relative;
width: 18px;
height: 10px;
margin-top: 2px;
margin-left: -1px;
padding-bottom: 3px;
color: #ffffff;
}
.top-menu-button a.open-hidden-menu span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 0;
margin-top: -1px;
border-bottom: 2px solid;
opacity: 1;
transition: all .3s ease-out;
}
a.open-hidden-menu span.bar-1 {
top: 0px;
}
a.open-hidden-menu span.bar-2 {
top: 6px;
opacity: 1;
}
a.open-hidden-menu span.bar-3 {
bottom: 0px;
}
.nav-open a.open-hidden-menu span.bar-1 {
top: 6px;
transform: rotate(-45deg);
}
.nav-open a.open-hidden-menu span.bar-2 {
opacity: 0;
}
.nav-open a.open-hidden-menu span.bar-3 {
transform: rotate(45deg);
top: 6px;
}
.top-bar-left {
position: absolute;
padding: 20px 2.5%;
}
.nav-panel {
display: flex;
visibility: hidden;
overflow: hidden;
flex-direction: column;
position: absolute;
z-index: 3;
top: 0;
right: 0;
box-sizing: border-box;
width: 0;
height: 100vh;
background: #ffffff;
opacity: 0;
transition: all .3s linear;
}
.f-width .nav-panel {
transition-delay: 0s;
}
.f-width.nav-open .nav-panel {
transition-delay: .3s!important;
}
.top-bar-left .nav-panel {
position: fixed;
} 
.nav-open #site-header .top-menu-button,
.nav-open #cover-header .top-menu-button {
position: fixed;
}
.nav-open .nav-panel {
visibility: visible;
right: 0;
width: 100%;
opacity: 1;
}
.nav-open #site-header .nav-panel {
z-index: 5;
right: 0;
width: 100%;
}
.nav-panel .fold-shadow-left {
opacity: 0;
}
.nav-header {
position: relative;
width: 100%;
}
.menu-logo {
position: absolute;
width: auto;
height: 35px;
margin-top: 20px;
margin-left: calc(5% + 55px);
}
.menu-logo img {
height: 100%;
width: auto;
}
.menu-search {
margin-top: 20px;
}
.menu-search i {
margin-right: 10px;
}
#header .container {
position: relative;
}
#nav-wrapper ul.nav-menu {
right: 38px;
margin-left: 0;
margin-bottom: 0;
}
#nav-wrapper .nav-menu ul {
margin-left: 0;
margin-bottom: 0;
}
#nav-wrapper .nav-menu li {
position: relative;
margin-left: 0;
margin-bottom: 0;
list-style: none;
}
#nav-wrapper .nav-menu li:last-child {
margin-right: 0;
}
#nav-wrapper .nav-menu li a {
font-size: 33px;
font-weight: 400;
line-height: 1.6em;
letter-spacing: 1px;
color: #111111;
background: linear-gradient(to bottom, transparent 62%, #ff027f 0) left bottom/0 400% no-repeat;
transition: background-size .6s ease;
padding: 0 10px;
}
#nav-wrapper .nav-menu li a:hover,
#nav-wrapper .nav-menu li a:hover:after {
color: #fff;
background-size: 100% 400%;
}
.current-menu-item > a {
color: #ff027f!important;
} .sub-menu-toggle {
cursor: pointer;
}
.sub-menu-toggle::after {
margin-left: 5px;
margin-top: -15px;
font-family: 'Font Awesome 5 Free';
font-size: 16px;
font-weight: 900;
color: inherit;
content: '\f107';
}
#nav-wrapper .nav-menu .sub-menu {
display: none;
}
#nav-wrapper .sub-menu {
margin: 0;
margin-bottom: 10px;
padding-left: 20px;
}
#nav-wrapper .sub-menu a {
font-size: 23px!important;
}
#nav-wrapper ul.nav-menu ul a,
#nav-wrapper .nav-menu ul ul a {
min-width: 175px;
margin: 0;
line-height: 2em;
letter-spacing: 1px;
text-decoration: none;
color: #111111;
}
ul li .current-menu-item a {
border-bottom: 0;
text-decoration: underline;
}
#nav-wrapper ul.nav-menu ul li,
#nav-wrapper .nav-menu ul ul li {
margin-right: 0;
padding-right: 0;
}
#nav-wrapper ul.nav-menu li:hover > ul,
#nav-wrapper .nav-menu ul li:hover > ul {
visibility: visible;
opacity: 1;
}
#nav-wrapper .nav-menu .sub-menu ul,
#nav-wrapper .nav-menu .children ul {
top: 0;
left: 100%;
}
.current-menu-item ul.sub-menu li a {
border: none!important;
} #nav-wrapper .simplebar-track.simplebar-vertical {
overflow: visible;
left: 10px;
width: 4px;
border-radius: 5px;
background: #ff027f;
}
#nav-wrapper .simplebar-scrollbar::before {
top: -2px;
left: -2px;
width: 8px;
background: #111111;
opacity: 1!important;
} #top-bar-right {
display: flex;
float: right;
position: relative;
z-index: 2;
height: 40px;
border-radius: 25px;
background: #ffffff;
align-self: center;
transition: all .3s ease-out;
}
.header-icon {
align-self: center;
padding: 0 10px;
}
.header-icon:first-child {
margin-left: 0;
}
.archive #top-bar,
.category #top-bar {
right: 5%;
margin-top: 3%;
} #top-search a.search {
position: relative;
font-size: 14px;
color: #111111;
-webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
#top-search a.search:hover {
opacity: .65;
}
.searchform-overlay {
visibility: hidden;
position: fixed;
z-index: 999;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: rgba(255, 255, 255, .95);
opacity: 0;
transition: all ease-in-out .25s;
}
.searchform-overlay:before {
display: inline-block;
height: 100%;
margin-right: -.25em;
vertical-align: middle;
content: '';
}
.searchform-overlay .searchform {
display: inline-block;
visibility: hidden;
max-width: 90%;
font-size: 18px;
text-align: center;
vertical-align: middle;
opacity: 0;
transition: all ease-in-out .3s;
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
.searchform-overlay .searchform form {
box-shadow: 0 3px 0 0 rgba(0, 0, 0, .7);
}
.searchform-overlay .search-field {
width: 800px;
max-width: 100%;
padding: 20px;
border: 0;
font-size: 32px;
font-weight: 300;
text-align: center;
color: rgba(0, 0, 0, .8);
background-color: transparent;
transition: all .3s ease-out;
}
.searchform-overlay .search-button {
position: absolute;
right: 10px;
bottom: 15px;
height: 40px;
border: none;
font-size: 30px;
color: rgba(0, 0, 0, .8);
background: transparent;
cursor: pointer;
}
.searchform-overlay p {
font-size: 14px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(0, 0, 0, .8);
}
.searchform-overlay .btn-close-search {
display: block;
position: absolute;
top: 20%;
right: 5%;
transition: all .3s;
}
.searchform-overlay .btn-close-search:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.open-search-form .searchform-overlay {
visibility: visible;
opacity: 1;
}
.open-search-form .searchform {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.close-icon {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background: url(//www.infodomecek.cz/wp-content/themes/anymag/assets/img/close.svg);
background-size: 30px;
} .home #main-area {
box-sizing: border-box;
width: 100%;
padding: 80px 5% 0 5%;
}
.home .f-width #main-area {
box-sizing: border-box;
width: 100%;
padding: 120px 2.5% 0;
} .magcover {
float: left;
position: fixed;
z-index: 4;
width: 50%;
height: 100vh;
background: #ffffff;
min-height: 500px;
}
.cover-wrap {
position: absolute;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: all .3s linear;
background-color: rgba(0, 0, 0, .03);
}
.home .cover-content {
position: relative;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.magcover .cover-image,
.magcover .single-post-image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #ffffff;
-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;
}
.cover-image img,
.single-post-image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 104%;
border: 0;
vertical-align: middle;
object-fit: cover;
-o-object-fit: cover;
}
.cover-image img:first-child,
.single-post-image img:first-child {
filter: blur(10px);
}
.single-post-image img
.single-post .cover-content,
.page .cover-content {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
background: #ffffff;
background-image: none;
}
.single-fwidth .single-post-image {
height: 600px;
margin-bottom: 50px;
}
.single-fwidth img {
position: relative;
filter: blur(0)!important;
}
.cover-widgets-left {
float: left;
}
.cover-widgets-right {
float: right;
}
.fold-shadow-left {
position: absolute;
z-index: 4;
top: 0;
right: 0;
width: 20%;
height: 100%;
background: url(//www.infodomecek.cz/wp-content/themes/anymag/assets/img/fold-shadow-left.png);
opacity: .3;
pointer-events: none;
background-size: contain;
}
.fold-shadow-right {
position: absolute;
z-index: 2;
width: 20%;
height: 100%;
background: url(//www.infodomecek.cz/wp-content/themes/anymag/assets/img/fold-shadow-right.png);
opacity: .3;
pointer-events: none;
background-size: contain;
}
.overlay {
position: absolute;
z-index: 2;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: .3;
pointer-events: none;
}
.turn-left {
position: absolute;
background: #fff;
height: 100%;
width: 100%;
-webkit-animation: turnpage .5s forwards;
animation: turnpage .5s forwards;
-webkit-animation-delay: .1s;
animation-delay: .1s;
z-index: 5;
opacity: 1;
}
@-webkit-keyframes turnpage {
100% { width:  0; opacity: .5; }
}
@keyframes turnpage {
100% { width: 0; opacity: .5; }
} .slider-area {
margin-bottom: 50px;
}
.owl-carousel {
overflow: hidden;
}
.slide-item {
display: block;
position: relative;
width: 100%;
height: 510px;
}
.post-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #000000;
opacity: .3;
}
.slide-item .post-overlay {
z-index: 6;
}
.slide-content {
width: 100%;
height: 100%;
background: no-repeat center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.slide-text {
position: absolute;
z-index: 6;
bottom: 15px;
box-sizing: border-box;
width: 100%;
padding: 0 30px;
text-align: left;
}
.slide-title {
width: 80%;
}
.slide-text h2 {
margin-top: 0;
margin-top: 10px;
margin-bottom: 10px;
}
.slide-text h2 a {
display: block;
font-size: 42px;
font-weight: 600;
line-height: 1em;
color: #ffffff;
text-decoration: none;
}
.slide-text h2 a:hover {
color: #c8c8c8!important;
}
.slide-text .post-meta {
margin-top: 0;
margin-left: 0;
}
.slide-text .post-meta li {
display: inline;
margin-left: 0;
color: #fff!important;
}
.slide-text .post-meta span,
.slide-text .post-meta li a {
color: #fff;
text-decoration: none;
}
.slide-text .post-meta li:not(:last-child)::after {
background: #fff;
}
.slide-text .categ a:not(:first-child) {
display: none!important;
} 
.slide-text .categ a {
text-decoration: none;
} 
.owl-nav {
position: absolute;
top: 20px;
right: 20px;
}
.owl-nav button {
width: 40px;
height: 40px;
border: none;
text-align: center;
opacity: 1;
background: #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.owl-nav button span {
display: none;
}
.slider-area .owl-carousel .owl-nav .owl-prev {
float: left;
margin-right: 6px;
border: 1px solid #a7afb2;
border-radius: 20px;
}
.slider-area .owl-carousel .owl-nav .owl-next {
float: left;
border: 1px solid #a7afb2;
border-radius: 20px;
}
.slider-area .owl-carousel .owl-nav .owl-prev:hover,
.slider-area .owl-carousel .owl-nav .owl-next:hover {
background: #fff;
border: 1px solid #fff;
}  
.owl-nav i {
z-index: 2;
font-size: 13px;
color: #ffffff;
}
.owl-prev:hover i,
.owl-next:hover i {
color: #ff027f;
}
.owl-dots {
display: none;
} .magcontent {
display: flex;
float: right;
flex-direction: column;
position: relative;
width: 60%;
min-height: 100vh;
}
.nav-open .magcontent {
overflow-x: hidden;
}
.f-width .magcontent {
width: 100%;
margin-left: 0;
}
article,
.single-page {
width: 100%;
height: 100%;
}
.posts-area {
width: 100%;
}
.has-sidebar .posts-area {
width: 70%;
} .blog-posts {
display: grid;
overflow: hidden;
flex-direction: row;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-wrap: wrap;
}
.blog-posts.two-fr {
margin-bottom: 50px;
}
.blog-posts.post-list,
.blog-posts.post-wide {
display: grid;
}
.blog-posts.one-fr {
grid-template-columns: 1fr;
grid-gap: 0 6%;
}
.blog-posts.two-fr {
grid-template-columns: 1fr 1fr;
grid-gap: 60px 6%;
}
.blog-posts.three-fr {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px 6%;
}
.f-width .blog-posts.one-fr {
grid-template-columns: 1fr 1fr;
}
.blog-posts.overlayed.two-fr .post-item,
.blog-posts.overlayed.post-wide .post-item {
position: relative;
display: table;
width: 100%;
}
.blog-posts.overlayed.two-fr .post-item .overlay,
.blog-posts.overlayed.post-wide .post-item .overlay {
opacity: .3;
}
.blog-posts.overlayed.two-fr .post-item .image-part,
.blog-posts.overlayed.post-wide .post-item .image-part {
position: relative;
}
.blog-posts.overlayed.two-fr .post-item .content-part,
.blog-posts.overlayed.post-wide .post-item .content-part {
position: absolute;
top: 0;
box-sizing: border-box;
height: 100%;
display: table;
z-index: 2;
}
.blog-posts.overlayed.two-fr .post-item .content-part .the-content,
.blog-posts.overlayed.post-wide .post-item .content-part .the-content {
display: table-cell;
vertical-align: middle;
top: 0;
padding: 10px;
height: 100%;
color:#fff!important;
}
.blog-posts.overlayed.two-fr .post-item .content-part .the-content a,
.blog-posts.overlayed.post-wide .post-item .content-part .the-content a,
.blog-posts.overlayed.two-fr .post-item .content-part .the-content .post-meta li,
.blog-posts.overlayed.post-wide .post-item .content-part .the-content .post-meta li {
color:#fff!important;
}
.blog-posts.overlayed.two-fr .post-item .content-part .the-content .post-title,
.blog-posts.overlayed.post-wide .post-item .content-part .the-content .post-title {
text-align: center;
}
.blog-posts.overlayed.two-fr .post-item .content-part .the-content .post-meta,
.blog-posts.overlayed.post-wide .post-item .content-part .the-content .post-meta {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.blog-posts.overlayed.two-fr .post-item .content-part .the-content .post-meta span {
margin-top: 0;
}
.post-container {
overflow: hidden;
}
.post-item .image-part .overlay {
opacity: 0;
}
.post-item .image-part {
position: relative;
overflow: hidden;
top: 0;
right: 0;
left: auto;
width: 100%;
height: 300px;
}
.post-item .content-part {
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin-top: 0;
}
.content-part .the-content a {
text-decoration: none;
}
.image-part img,
.random-image img {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
vertical-align: middle;
transition: -webkit-transform 3.5s ease-in-out;
transition: transform 3.5s ease-in-out;
transition: transform 3.5s ease-in-out,-webkit-transform 3.5s ease-in-out;
object-fit: cover;
-o-object-fit: cover;
}
.image-part.hoverzoom img:hover {
-webkit-transform: scale(1.5,1.5);
-ms-transform: scale(2,4); -o-transform: scale(2,4); -moz-transform: scale(2,4); transform: scale(1.5,1.5);
}
.custom-object-fit {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.custom-object-fit img {
opacity: 1;
}
.post-categs {
margin-top: 15px;
}
.no-image .post-categs {
margin-top: 0;
}
.post-categs-box {
position: absolute;
z-index: 3;
bottom: -6px;
}
.post-item .categ a:not(:first-child) {
display: none!important;
}
.author-avatar {
float: left;
width: 30px;
height: 30px;
margin-right: 8px;
}
.post-meta span {
display: inline-block;
margin-top: 4px;
line-height: 0;
}
.list-date span {
color: #111111;
}
.post-item p {
color: #787878;
}
.post-readmore {
float: left;
}
.post-readmore a {
padding: 5px 0;
font-size: 13px;
text-decoration: none;
color: #111111;
font-family: 'Oswald', sans-serif;
}
.post-readmore i {
margin-left: 6px;
font-family: 'Font Awesome 5 Free';
font-size: 10px;
content: '\f178';
color: #ff027f;
}
.post-readmore a:hover {
color: #999999;
}
.content-part .the-content .post-meta {
overflow: hidden;
width: 100%;
margin: 0 10px 0 0;
font-family: 'Poppins', sans-serif;
font-size: 10px;
text-transform: uppercase;
}
.post-meta a {
font-weight: 400;
color: #111111;
}
.content-part .post-meta li {
display: inline;
line-height: 1em;
margin-top: 2px;
margin-left: 0;
margin-bottom: 0;
}
.post-list-entry {
float: left;
width: 100%;
}
.post-list-entry p {
margin-bottom: 15px;
}
.overlayed .post-list-entry p {
color: #fff;
} .post-item .no-image {
position: relative;
box-sizing: border-box;
width: 100%;
margin-top: 0!important;
}
.post-item .no-image .overlay {
opacity: 0
}
.post-item .no-image .post-categs-box {
position: relative;
bottom: 0;
width: 100%;
height: 32px;
margin-top: 0;
}
.post-item .no-image .post-meta {
margin-top: 6px;
margin-left: 0;
font-size: 10px;
text-transform: uppercase;
}
.post-item .no-image .content-part {
width: 100%;
}
.post-item .no-image .list-date {
width: 530px;
}
.post-item .no-image .post-container {
display: table;
width: 100%;
height: 100%;
}
.post-item .no-image .post-container .content-part {
display: table-cell;
float: none;
z-index: 22;
width: 100%;
padding: 0 150px 0 160px;
text-align: center;
vertical-align: middle;
} .post-list .post-item {
float: left;
width: 100%;
margin: 0 0 40px 0;
}
.post-list .post-item .post-container {
position: relative;
width: 100%;
}
.post-list .post-item .image-part {
float: left;
overflow: hidden;
z-index: 1;
left: 0;
width: 42%;
height: 300px;
}
.post-list .post-item .content-part {
display: flex;
flex-direction: column;
align-self: center;
justify-content: center;
float: right;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 54%;
height: 100%;
padding: 0 0 0 10px;
}
.post-list .post-item .no-image .content-part {
display: block;
width: 100%;
padding: 0;
} .post-wide .post-item {
width: 100%;
margin: 0 0 50px 0;
}
.post-wide .post-item .image-part {
width: 100%;
min-height: 600px;
}
.has-sidebar .post-wide .post-item .image-part {
min-height: 500px;
}
.post-wide .post-item .content-part {
width: 100%;
}
.overlayed.post-wide p {
text-align: center;
} .post-wide-overlay .post-item {
width: 100%;
margin: 0 0 50px 0;
}
.post-wide-overlay .post-container {
height: 583px;
}
.post-wide-overlay .post-item .image-part {
width: 100%;
}
.post-wide-overlay .image-part .overlay {
opacity: .3;
}
.post-wide-overlay .post-item .content-part {
width: 100%;
position: absolute;
z-index: 2;
text-align: center;
color:
#fff;
bottom: 20px;
padding: 30px 5%;
}
.post-wide-overlay .post-meta li span,
.post-wide-overlay .post-meta li a {
color: #fff;
}
.post-wide-overlay .content-part .post-title a {
color: #fff;
}
.post-wide-overlay .content-part p {
color: #fff;
} .sticky-post {
font-size: 14px;
color: #ff027f;
float: left;
margin-right: 6px;
}
.sticky-post {
left: 50px;
} .left-header, 
.right-header {
width: 50%;
height: 100px;
float: right;
}
.f-width #main-area {
transition: all .3s linear;
transition-delay: .2s;
}
.f-width.nav-open #main-area {
margin-left: 50%;
transition-delay: 0s!important;
}
.archive .blog-posts {
margin-right: 0;
flex-wrap: wrap;
}
.f-width .blog-posts.two-fr {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 60px 4%;
}
.f-width .has-sidebar .blog-posts.two-fr {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px 4%;
}
.fold-shadow {
position: absolute;
z-index: 2;
left: 40.2%;
width: 20%;
height: 100%;
background: url(//www.infodomecek.cz/wp-content/themes/anymag/assets/img/fold-shadow-center.png);
background-size: 100%;
opacity: .3;
pointer-events: none;
transition: all .3s linear;
transition-delay: .2s;
}
.nav-open .fold-shadow {
opacity: 0;
transition-delay: .0s;
left: 100%;
}
.category-box {
overflow: hidden;
width: 100%;
margin-bottom: 20px;
}
.category-box h1 span {
font-size: 16px;
text-transform: lowercase;
color: #6a6a6a;
}
.category-box h1 {
display: inline-block;
position: relative;
margin-top: 0;
padding-left: 20px;
border-left: 5px solid #ff027f;
font-size: 53px;
font-weight: 800;
text-transform: uppercase;
color: #111111;
}
.category-box.side-pattern h1::after {
position: absolute;
top: 45%;
width: 2000%;
height: 8px;
margin-left: 15px;
background: url(//www.infodomecek.cz/wp-content/themes/anymag/assets/img/pattern.png);
content: '';
}
.f-width .category-box h1 {
margin-top: 28px;
}
.author .category-box h1 {
text-transform: none;
}
.category-descr {
position: absolute;
z-index: 3;
right: 5%;
bottom: 30px;
width: 40% ;
margin: 0;
}
.category-descr p {
font-size:  22px;
text-align: right;
color: #fff;
line-height: 1.4em;
padding-right: 20px;
border-right: 4px solid #fff;
margin-bottom: 0;
}
.post-format {
position: absolute;
z-index: 2;
top: 10px;
right: 10px;
width: 34px;
height: 34px;
border-radius: 17px;
font-size: 12px;
line-height: 34px;
text-align: center;
color: #ff027f;
background: #ffffff;
}
.f-width .has-sidebar .posts-area {
width: 75%;
}
.f-width .sidebar.main-sidebar {
width: 25%;
} .single-post .f-width.nav-open #main-area,
.page .f-width.nav-open #main-area {
padding: 120px 42.5% 0 2.5%;
}
.single-post .f-width #main-area,
.page .f-width #main-area {
padding: 120px 20% 0;
}
.f-width .fold-shadow-right {
display: none;  
}
.post-entry {
float: left;
width: 100%;
padding: 0;
}
.single-post .f-width .post-entry,
.page .f-width .post-entry {
width: 100%;
}
.has-sidebar .post-entry, 
.single-post .f-width .has-sidebar .post-entry,
.page .f-width .has-sidebar .post-entry {
width: 70%;
}
.post-entry .entry-title {
box-sizing: border-box;
}
.post-entry .post-meta {
height: auto;
}
.post-entry .post-meta a {
letter-spacing: 1px;
color: #3d3d3d;
}
.post-entry .post-meta a:hover {
color: #848484;
}
.post-entry ul.post-meta {
margin-bottom: 30px;
font-size: 12px;
}
.post-entry .post-meta li {
display: inline;
font-weight: 300!important;
color: #999999;
}
ul.post-meta li:not(:last-child)::after {
display: inline-block;
position: relative;
top: -2px;
left: 4px;
width: 3px;
height: 3px;
margin-right: 8px;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
background: #ff027f;
content: '';
}
.post-category a {
display: inline-block;
margin-bottom: 5px;
padding: 7px 15px;
font-size: 12px;
text-transform: uppercase;
color: #ffffff;
background: #ff027f;
}
.single-post .author-avatar {
margin-top: 0;
}
.post-meta  .author-avatar img,
.single-post .author-avatar img {
border-radius: 50%;
}
.entry-title {
width: 100%;
margin-top: 15px;
margin-bottom: 30px;
font-size: 67px;
font-weight: 400;
line-height: 1.3em;
color: #111111;
}
.site-wrapper:not(.f-width) .magcontent #main-area {
position: relative;
left: -100%;
box-sizing: border-box;
width: 100%;
-webkit-animation: fadein 2s; -webkit-animation: slide .5s forwards;
-moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;
animation: slide .5s forwards;
-webkit-animation-delay: .1s;
animation-delay: .1s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @-moz-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-ms-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} @-o-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
@-webkit-keyframes slide {
100% { left: 0; }
}
@keyframes slide {
100% { left: 0; }
}
.post-title {
margin-top: 20px;
margin-bottom: 15px;
font-weight: 800;
line-height: 1.3em;
letter-spacing: -1px;
word-break: break-word;
color: #111111;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.post-content .post-title a {
text-decoration: none;
}
.post-categs+.post-title {
margin-top: 15px;
}
.underline a {
padding: 0 ;
background: linear-gradient(to bottom, transparent 90%, #ff027f 0) left bottom/0 20% no-repeat;
transition: background-size .6s ease;
}
.underline a:hover {
background-size: 100% 20%;
}
.post-item-container h2.post-title {
margin-bottom: 20px;
}
.list-meta span {
color: #ffffff;
}
.post-date {
font-weight: 400;
}
.post-content {
width: 100%;
}
.post-content a {
text-decoration: underline;
}
.post-content hr {
margin-top: 45px;
margin-bottom: 45px;
}
.post-content img {
height: 100%!important;
max-width: 100%;
}
.post-meta a {
line-height: 2em;
letter-spacing: 1px;
color: #111111;
-webkit-transition: .2s;
-moz-transition: .2s;
-ms-transition: .2s;
-o-transition: .2s;
transition: .2s;
}
.post-meta a:hover {
color: #999999;
}
.post-categs a,
.single-categs .categ a {
margin-right: 15px;
font-size: 13px;
font-weight: 600;
text-decoration: none!important;
text-transform: uppercase;
color: #ff027f;
background: transparent;
}
.post-categs a:hover,
.single-categs .categ a:hover,
.sidebar ul li.cat-item a:hover {
opacity: .7;
}
.post-categs-box .categ a,
.single-categs-box .categ a {
display: inline-block;
overflow: hidden;
position: relative;
margin: 0 2px 0 0;
padding: 7px 15px;
font-size: 12px;
text-decoration: none!important;
text-transform: uppercase;
color: #ffffff;
background: #ff027f;
}
.post-categs-box .categ a:hover,
.single-categs-box .categ a:hover {
color: #ffffff;
}
.post-categs-box .categ a::after,
.single-categs-box .categ a::after {
overflow: hidden;
position: absolute;
z-index: 10;
top: -50px;
left: -75px;
width: 50px;
height: 155px;
background: #ffffff;
opacity: .5;
content: '';
transition: all 550ms cubic-bezier(.19, 1, .22, 1);
transform: rotate(35deg);
}
.post-categs-box .categ a:hover::after,
.single-categs-box .categ a:hover::after {
left: 120%;
transition: all 550ms cubic-bezier(.19, 1, .22, 1);
}
.slider-meta {
position: relative;
} .post-share {
margin: 30px 0;
}
.post-share li {
display: inline-block;
width: 40px;
margin-left: 0;
margin-right: 15px;
margin-bottom: 0;
list-style: none;
}
.post-share a {
float: left;
width: 50px;
padding: 6px 0;
font-size: 13px;
text-align: center;
color: #ffffff;
}
.post-share a:hover {
opacity: .8;
color: #fff;
}
.post-share .facebook {
background: #3b5999;
}
.post-share .twitter {
background: #28a9e0;
}
.post-share .googleplus {
background: #dd4a40;
}
.post-share .linkedin {
background: #0274b3;
}
.post-share .pinterest {
background: #bd071d;
}
.post-share .whatsapp {
background: #5acd66;
}
.post-share .vk {
background:  #5181b8;
}
.post-share .ok {
background:  #ff9520;
}
.social-share-cover {
position: absolute;
z-index: 3;
padding: 0 0 0 5%;
bottom: 0;
}
.social-share-cover .post-share {
display: flex;
align-self: center;
margin: 0;
}
.share-ttl {
margin-top: 6px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
}
.social-share-cover li {
width: auto;
}
.social-share-cover .post-share a {
width: auto;
margin-right: 15px;
font-size: 16px;
background: transparent!important;
} .about-author {
position: relative;
margin-bottom: 80px;
margin-top: 55px;
font-weight: 300;
text-align: left;
overflow: hidden;
}
.author-img {
float: left;
margin-right: 26px !important;
padding-bottom: 15px;
}
.author-img img {
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 10px;
margin: 0;
}
.author-content {
box-sizing: border-box;
overflow: hidden;
width: 75%;
border-left: 5px solid #ff027f;
padding-left: 25px;
}  
.author-content h4 {
margin-top: 0;
margin-bottom: 10px;
}
.author-content p {
margin-bottom: 15px;
font-size: 15px;
font-style: italic;
}
.author-social {
padding-right: 20px;
font-size: 13px;
} .related-posts {
float: left;
width: 100%;
margin-bottom: 60px;
}
.related-posts:last-child {
margin-bottom: 0;
}
.item-related {
float: left;
width: 30%;
margin-right: 5%;
}
.item-related:last-child {
margin-right: 0;
}
.item-related .related-image {
position: relative;
width: 100%;
height: 200px;
}
.item-related img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
vertical-align: middle;
object-fit: cover;
-o-object-fit: cover;
}
.item-related h5 {
margin-top: 10px;
margin-bottom: 5px;
line-height: 1.5em;
}
.item-related h5 a {
font-weight: 800;
}
.related-date {
font-size: 10px;
text-transform: uppercase;
color: #111111;
}
.post-box-title {
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
} .post-navigation {
overflow: hidden;
margin: 50px 0;
}
.post-prev {
float: left;
}
.post-next {
float: right;
}
.postnav-image {
overflow: hidden;
position: relative;
width: 80px;
height: 80px;
border-radius: 100%;
}
.postnav-image .overlay {
z-index: 2;
}
.post-prev .postnav-image {
float: left;
}
.post-next .postnav-image {
float: right;
}
.postnav-image .overlay {
opacity: .2;
}
.postnav-image .overlay:hover {
opacity: .4;
}
.postnav-image img {
width: 100%;
}
.post-prev i,
.post-next i {
position: absolute;
z-index: 3;
left: 40%;
font-family: 'Font Awesome 5 Free';
font-size: 16px;
line-height: 80px;
color: #ffffff;
}
.post-prev i {
content: '\f060';
}
.post-next i {
content: '\f061';
}
.postnav-noimage {
overflow: hidden;
position: relative;
width: 80px;
height: 80px;
border-radius: 50%;
background: #eeeeee;
}
.postnav-noimage i {
color: #111111;
}
.post-prev .postnav-noimage {
float: left;
}
.post-next .postnav-noimage {
float: right;
}
.prev-post-title {
float: left;
width: 160px;
padding-left: 10px;
}
.next-post-title {
float: left;
width: 160px;
padding-right: 10px;
text-align: right;
}
.post-navigation span {
font-size: 14px;
color: #999999;
}
.post-navigation h6 {
margin: 5px 0;
}
.post-navigation h6:hover {
color: #747474;
}
.magcover .post-navigation {
position: absolute;
z-index: 3;
right: 5%;
bottom: 30px;
margin: 0;
}
.widget .post-navigation {
position: relative;
z-index: 3;
right: 5%;
bottom: 0!important;
margin: 0;
}
.magcover .post-navigation .post-next{
margin-left: 10px;
} .comments-title h3,
h3#reply-title {
font-size: 18px;
font-weight: 400;
text-transform: uppercase;
}
.comments ul {
margin-left: 0;
}
.comments ul li {
list-style: none;
}
.post-comments {
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.thecomment .comment-text ul li {
list-style: circle inside;
}
.thecomment .comment-text ol li {
list-style: decimal inside;
}
.comment-text blockquote p {
font-size: 1em;
color: #111111;
}
.thecomment .author-img img {
border-radius: 50%;
}
.comment-text .date {
font-size: 12px;
color: #999999;
}
.thecomment {
position: relative;
padding: 20px 0;
border-bottom: 1px dotted #eeeeee;
font-size: 14px;
font-weight: 400;
line-height: 1.6em;
}
.thecomment p {
padding-top: 6px;
padding-bottom: 0;
font-size: 14px;
line-height: 1.6em;
}
.thecomment .comment-text {
overflow: hidden;
}
.thecomment .comment-text h6.author {
display: inline;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 1px;
color: #111111;
}
.thecomment .comment-text h6.author a {
color: #111111;
}
.comment-form-author {
float: left;
width: 48%;
padding-right: 2%;
}
.comment-form-email {
float: left;
width: 48%;
padding-left: 2%;
}
.post-comments ul.children {
margin: 0 0 0 30px;
}
.post-comments .reply {
float: right;
position: absolute;
right: 0;
bottom: 5px;
}
.post-comments .reply i {
font-size: 12px;
color: #ff027f;
position: relative;
left: 5px;
}
.post-comments span.reply a {
padding: 3px 5px 8px;
font-size: 11px;
letter-spacing: 2px;
text-transform: uppercase;
color: #999999;
}
#respond {
margin-bottom: 20px;
}
#respond h3 small a {
margin-left: 7px;
padding: 4px 6px 5px;
font-size: 11px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
background: #111111;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#comments-pagination {
margin-bottom: 20px;
}
#comments-pagination a {
margin-right: 10px;
font-size: 14px;
font-weight: 400;
color: #777777;
}
.current {
margin-left: 10px;
font-size: 14px;
font-weight: 400;
}
.comment-form-comment {
margin-bottom: 12px;
}
.comment-form-group {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 18px;
margin-bottom: 20px;
}
#commentform p {
font-size: 14px;
line-height: 1.3em;
}
#commentform label {
margin-bottom: 5px;
font-size: 13px;
}
#commentform .comment-form-cookies-consent label {
font-size: 13px;
font-weight: 400;
line-height: 1.9em;
color: #999999;
}
#commentform .comment-form-cookies-consent input {
float: left;
}
#commentform .submit {
margin-top: 0;
}
#submit:hover {
background: #414141;
}
.hide.pagination {
display: none;
}
.page-nav {
width: 100%;
}
.pagination {
width: 100%;
margin-top: 10px;
margin-bottom: 25px;
text-align: right;
}
.pagination .nav-links > * {
display: inline-block;
width: 40px;
height: 40px;
margin-left: 5px;
border-radius: 50px;
font-size: 15px;
line-height: 40px;
text-align: center;
color: #787878;
background: #eeeeee;
text-decoration: none;
}
.pagination .current {
color: #ffffff;
background: #ff027f;
}
.loadmore-container {
position: relative;
top:0;
margin-bottom: 25px;
text-align: right;
}
.loadmore.button {
padding: 10px 20px;
border-radius: 3px;
font-size: 11px;
text-align: center;
text-transform: uppercase;
color: #ffffff;
background: #ff027f;
text-decoration: none;
}
.blog-posts  #infscr-loading img {
display: none !important;
}
.post-tags {
clear: both;
margin-top: 50px;
margin-bottom: -15px;
padding-bottom: 13px;
}
.post-tags a {
display: inline-block;
margin-right: 5px;
margin-bottom: 8px;
padding: 10px 12px;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
color: #777777;
background: #f2f2f2;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.post-tags a:hover {
text-decoration: none;
color: #020202;
opacity: .9;
}
.bypostauthor {
font-weight: 400;
}
.pagination-post {
clear: both;
padding-top: 30px;
}
.pagination-post span {
display: inline-block;
width: 36px;
height: 36px;
border-radius: 50px;
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 36px;
text-align: center;
}
.pagination-post > span {
color: #ffffff;
background-color: #ff027f;
}
.pagination-post a:hover span {
color: #201f22;
background-color: #ededed;
}
.aligncenter {
display: block;
clear: both;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.form-group {
margin-bottom: 20px;
} .page-template-page-f-width .single-page {
margin-bottom: 100px;
}
.nothing-found {
width: 800px;
margin: 0 auto;
padding: 50px 0;
}
.nothing-found h1,
.nothing-found h2,
.nothing-found p {
width: 100%;
text-align: center;
}
.nothing-found h2 {
text-transform: uppercase;
}  
.nothing-found h1 {
margin-bottom: 60px;
font-size: 16em;
font-weight: 900;
line-height: 1em;
color: #000000;
}
.nothing-found h1 span {
color:#ff027f
}
.nothing-found .search-form {
position: relative;
width: 100%;
}
.nothing-found .search-form .search-button {
position: absolute;
right: 10px;
bottom: 18px;
border: 0;
background: transparent;
cursor: pointer;
}
.search-no-results .fold-shadow {
display: none;
}
.archive .container {
position: relative;
}
.archive-box {
margin-bottom: 30px;
font-size: 1.44em;
width: 100%;
}
.archive-box span {
font-weight: 700;
color: #000000;
}
.adv-image {
overflow: hidden;
margin: 0 0 20px 0;
border-radius: 5px;
}
.adv-image.shortcode {
margin-bottom: 40px;
}
.f-width .adv-image {
width: 45%;
}
.wpcf7-form {
padding: 30px 0;
}
.wpcf7-form-control-wrap,
.wpcf7-form-control-wrap .wpcf7-form-control {
display: block;
width: 100%;
font-size: 14px;
}
.wpcf7-form-control input {
width: auto;
}
.wpcf7-list-item label {
font-weight: 400;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 1em 0 0;
}
.mc4wp-form-fields p {
margin-bottom: 0;
} .intro-line {
margin-bottom: 50px;
width: 60%;
}
.intro-line h1 {  
line-height: 1.1em;
}  
.intro-line h1 b,
.intro-line h1 i,
.intro-line h1 strong {  
color: #ff027f;
} .random-posts {
overflow: hidden;
width: 100%;
margin-bottom: 50px;
}
.section-title {
overflow: hidden;
position: relative;
width: 100%;
}
.section-title.side-pattern h4::after {
position: absolute;
top: 20%;
width: 2000%;
height: 8px;
margin-left: 15px;
background: url(//www.infodomecek.cz/wp-content/themes/anymag/assets/img/pattern.png);
content: '';
}
.section-title h4,
.related-posts-title h4 {
margin-top: 0;
margin-top: 0;
padding-left: 10px;
border-left: 3px solid #ff027f;
font-weight: 400;
text-transform: uppercase;
}
.random-items {
display: grid;
overflow: hidden;
flex-direction: row;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-wrap: wrap;
}
.random-items.three-fr {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 60px 4%;
}
.random-items .item-random {
width: 100%;
}  
.item-random {
float: left;
position: relative;
width: 30%;
margin-right: 5%;
}
.item-random:nth-child(3n) {
margin-right: 0;
}
.item-random:nth-child(4n) {
display: none;
margin-right: 0;
}
.overlayed .item-random {
display: table;
height: 300px;
}
.overlayed .item-random:nth-child(4n) {
display: none;
}
.item-random h5 {
margin-top: 15px;
margin-bottom: 5px;
}
.random-image {
overflow: hidden;
position: relative;
height: 200px;
}
.random-image .overlay {
display: none;
}
.overlayed .random-image {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
}
.overlayed .random-image .overlay {
display: block;
}
.overlayed .random-image  img{
height: 100%;
}
.widget-date {
font-size: 10px;
text-transform: uppercase;
color: #111111;
}
.random-ttl {
position: relative;
}
.shortcode .random-ttl a {
text-decoration: none;
}
.overlayed .random-ttl {
display: table-cell;
float: none;
z-index: 2;
width: 100%;
margin-top: 0;
padding: 0 15px 0 15px;
text-align: center;
vertical-align: middle;
color: #ffff;
}
.overlayed .random-ttl h5 {
margin-top: 0;
word-break: break-word;
}
.overlayed .random-ttl h5 a,
.overlayed .widget-date {
color: #fff;
}
.overlayed .random-ttl h5 a:hover {
opacity: .8;
}
.f-width .random-items.three-fr {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.f-width .item-random:nth-child(4n) {
display: block;
} .cover-sidebar ul li {
list-style: none;
}
.cover-sidebar-left {
position: absolute;
z-index: 3;
bottom: 30px;
left: 5%;
box-sizing: border-box;
width: 35%;
text-align: left;
}
.cover-sidebar-right {
position: absolute;
z-index: 3;
bottom: 30px;
right: 5%;
box-sizing: border-box;
width: 35%;
text-align: right;
}
.cover-widgets .widget {
margin-top: 40px;
}
.cover-widgets .widget.widget_widget_banner {
margin-top: 30px;
}
.cover-widgets .widget a:hover {
opacity: .7;
}
.cover-title h1 {
margin-top: -15px;
margin-bottom: 0;
line-height: 1em;
}
.sidebar {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
padding-left: 3%;
}
.sidebar-container {
position: sticky;
position: -webkit-sticky;
top: 0;
padding-bottom: 140px;
}
.sidebar .widget {
overflow: hidden;
box-sizing: border-box;
width: 100%;
margin-bottom: 50px;
}
.sidebar .widget-title {
overflow: hidden;
position: relative;
margin-top: 0;
margin-bottom: 25px;
padding-left: 10px;
border-left: 3px solid #ff027f;
font-family: 'Oswald', sans-serif;
font-weight: 400;
text-transform: uppercase;
color: #111111;
}
.sidebar .widget a {
font-size: 14px;
color: #111111;
}
.sidebar .widget a:hover {
color: #999999;
}
.sidebar .widget ul {
overflow: hidden;
box-sizing: border-box;
margin: 0;
margin: 0 10px 0 0;
padding-left: 0;
list-style: none;
}
.sidebar .widget ul li {
position: relative;
box-sizing: border-box;
margin-left: 0;
margin-bottom: 10px;
list-style: none;
font-weight: 400;
}
.sidebar .widget ul li:last-child {
margin-left: 0;
margin-bottom: 0;
}
.sidebar .widget ul ul {
margin-left: 25px;
}
.sidebar .widget ul li ul {
margin-top: 9px;
padding-top: 0;
}
.sidebar .widget table {
margin: 0;
}
.sidebar .widget p {
font-size: 14px;
line-height: 22px;
}
.sidebar .widget img {
width: 100%;
}
.sidebar .widget ul li a {
font-weight: 400;
line-height: 1.3em;
}
.sidebar .widget ul li a:hover {
color: #999999;
}
.sidebar .widget_categories ul li a,
.sidebar .widget_archive ul li a,
.sidebar .widget_pages ul li a,
.sidebar .widget_nav_menu ul li a {
font-size: 12px;
}
.sidebar.main-sidebar {
width: 30%;
} .about-widget {
width: 100%;
}
.about-widget .about-img {
overflow: hidden;
width: 100%;
}
.about-img img {
width: 100%;
height: auto;
}
.about-content {
padding: 20px 0;
line-height: 1.6em;
text-align: center;
color: #787878;
}
.about-content h5 {
float: left;
width: 100%;
margin: 5px 0 10px 0;
color: #111111;
}
.about-author-signature {
box-sizing: border-box;
width: 100%;
padding: 20px 20% 5px;
}
.about-author-signature img {
max-width: 60%;
} .sidebar .widget .latest-posts li {
overflow: hidden;
margin-bottom: 10px;
}
.latest-posts-item {
width: 100%;
}
.latest-posts-image {
float: left;
width: 60px;
height: 60px;
margin-right: 14px;
}
.latest-posts-image img {
width: 100%;
height: 100%;
object-fit: cover;
-o-object-fit: cover;
}
.latest-posts-text {
display: block;
overflow: hidden;
}
.latest-posts-text h4 {
margin: 0;
line-height: .7em;
}
.latest-posts-meta {
font-family: 'Poppins', sans-serif;
font-size: 10px;
font-weight: 400;
text-transform: uppercase;
color: #999999;
} .social-widget {
text-align: center;
}
.social-widget a {
padding: 10px;
font-size: 18px;
line-height: 1.8em;
color: #111111;
} .widget.widget_category {
margin-bottom: 10px;
}
.category-wid {
display: flex;
position: relative;
align-items: center;
height: 120px;
}
.category-wid .category-img {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
}
.category-wid .category-img img {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 104%;
border: 0;
vertical-align: middle;
object-fit: cover;
-o-object-fit: cover;
}
.sidebar .category-wid h4 {
position: relative;
z-index: 2;
width: 100%;
font-size: 18px;
line-height: 20px;
text-align: center;
color: #fff;
text-transform: uppercase;
margin-top: 20px;
}
.sidebar .category-wid h4 a {
color: #fff;
letter-spacing: 4px;
word-wrap: normal;
}
.sidebar .category-wid h4 a:hover {
color: #fff;
letter-spacing: 6px;
}
.image-banner .bg-image {
overflow: hidden;
}
.image-banner .bg-image a {
display: block;
} .sidebar .sidebar-menu ul li a {
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
}
.sidebar .widget ul li .sub-menu li,
.sidebar .widget ul li .children li {
border-bottom: none;
}
.sidebar-inner ul.menu li ul {
padding-top: 20px;
padding-left: 0;
}
.sidebar .widget li > ul {
display: none;
margin-left: 15px;
}
.widget li > .narrow {
position: absolute;
margin-left: 10px;
width: 20px;
height: 30px;
line-height: 50px;
cursor: pointer;
}
.widget li > .narrow i {
display: block;
position: relative;
width: 6px;
margin-top: 11px;
color: #ff027f;
}
.widget li > .narrow i::before {
display: block;
position: absolute;
top: 0;
width: 100%;
border-bottom: 2px solid;
content: '';
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.widget li > .narrow i::after {
display: block;
position: absolute;
top: 0;
right: 4px;
width: 100%;
border-bottom: 2px solid;
content: '';
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.widget li.open > .narrow i::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.widget li.open > .narrow i::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.widget li > .narrow i,
.widget li > .narrow i::before,
.widget li > .narrow i::after {
transition: all 150ms ease-out;
}
.widget li.cat-item .narrow i {
margin-top: 10px;
} .sidebar ul li.cat-item {
font-size: 10px;
position: relative;
overflow: hidden;
}
.sidebar ul li.cat-item a {
display: inline-block;
position: relative;
font-weight: 400!important;
text-transform: uppercase;
color: #ff027f;
}
.sidebar ul li.cat-item a:hover {
color: #ff027f;
opacity: .7;
} .sidebar .widget.widget_archive li {
font-size: 10px;
}
.sidebar .widget.widget_archive li a,
.widget_meta li a {
font-size: 14px;
color: #111111;
}
.widget_archive li a:hover,
.widget_meta li a:hover {
color: #999999;
} .sidebar .search-form {
position: relative;
}
.sidebar .search-form .search-field {
width: 100%;
margin-bottom: 0;
padding: 14px 20px;
border-width: 1px;
line-height: 20px;
}
.sidebar .search-form .search-button {
display: block;
position: absolute;
top: 33%;
right: 15px;
padding: 0;
border: none;
font-size: 14px;
line-height: normal;
color: #111111;
background: none;
} .calendar_wrap table {
border: 0;
}
.calendar_wrap table tr td,
.calendar_wrap table tr th {
padding: 0;
border: 0;
}
#wp-calendar {
width: 100%;
}
#wp-calendar caption {
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #e5e5e5;
font-size: 12px;
text-align: left;
color: #777777;
}
#wp-calendar thead {
font-size: 12px;
}
#wp-calendar thead th {
padding-bottom: 10px;
text-align: center;
}
#wp-calendar thead th {
padding-bottom: 10px;
}
#wp-calendar tbody td {
padding: 8px;
border: none;
font-size: 12px;
text-align: center;
}
#wp-calendar tbody td a {
font-weight: 700;
color: #fff;
padding: 8px;
background: #ff027f;
text-decoration: none;
}
#wp-calendar tfoot #prev {
padding-top: 10px;
font-size: 11px;
text-transform: uppercase;
}
#wp-calendar tfoot #next {
font-size: 11px;
text-align: right;
text-transform: uppercase;
}
tfoot a {
color: #000000;
} .sidebar .widget .tagcloud a {
display: inline-block;
margin-right: 5px;
margin-bottom: 8px;
padding: 8px 12px;
font-size: 10px;
font-size: 11px !important;
letter-spacing: 1px;
text-transform: uppercase;
color: #777777;
background: #f2f2f2;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.sidebar .widget .tagcloud a:hover {
text-decoration: none;
color: #020202;
opacity: .8;
} .sidebar .instagram-pics {
overflow: hidden;
margin-left: -3.33%;
}
.sidebar .instagram-pics li {
display: inline-block;
width: 30%;
margin: 0 0 3.33% 3.33%;
padding: 0;
border-bottom: none;
}
.sidebar .instagram-pics li img:hover {
opacity: .80;
}
.sidebar .instagram-feed p {
margin-top: 25px;
text-align: center;
}
.sidebar .instagram-feed p a {
padding: 6px 18px;
border-radius: 2px;
font-size: 12px;
color: #ffffff;
background: #111111;
} .sidebar .recentcomments a {
font-family: 'Poppins', sans-serif;
font-weight: 400;
color: #000000;
}
.sidebar .widget_recent_comments .recentcomments > a {
display: block !important;
font-weight: 400;
line-height: 1.4em;
}
.sidebar .recentcomments a:hover {
color: #999999;
}
.sidebar .recentcomments .comment-author-link a {
font-weight: 400;
color: #999999;
}
.sidebar .widget_recent_comments .recentcomments .url {
color: #737373;
}
.sidebar .widget_recent_comments ul {
font-size: 14px;
color: #999999;
}
.sidebar .widget_recent_comments ul li {
margin-bottom: 15px;
}
.sidebar .widget_recent_comments .recentcomments .url {
font-family: 'Poppins', sans-serif;
font-weight: 600;
} .sidebar .widget_rss ul li {
margin-bottom: 24px;
font-size: 14px;
}
.sidebar .widget_rss ul ul {
margin-bottom: 0;
}
.sidebar .widget_rss ul li:last-child {
margin-bottom: 0;
}
.sidebar .widget_rss ul li a {
display: block;
font-weight: 600;
}
.widget_rss .rss-date {
display: block;
margin-bottom: 5px;
font-size: 13px;
color: #999999;
}
.widget_rss img {
display: none;
}
.rsswidget {
font-weight: 600;
} .widget_mc4wp_form_widget p {
width: 100%;
margin-bottom: 10px;
}
.widget_mc4wp_form_widget input[type='email'] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 17px;
background: #ffffff;
}
.widget_mc4wp_form_widget input[type='submit'] {
width: 100%;
margin-top: 0;
padding: 16px 0;
}
.widget_mc4wp_form_widget label {
font-weight: 300;
}
.widget_mc4wp_form_widget label span {
font-weight: 600;
}
.widget_mc4wp_form_widget input {
width: auto;
margin-right: 5px;
}
.single-page .mc4wp-form-fields {
width: 50%;
}
.mc4wp-form-fields p select,
.mc4wp-form-fields p input[type=email] {
width: 100%;
font-size: 14px;
background-color:transparent;
} .feat-category {
overflow: hidden;
margin-bottom: 30px;
}
.feat-categ-item {
float: left;
position: relative;
width: 48%;
height: 120px;
margin-bottom: 20px;
}
.feat-categ-item .image-part {
float: left;
overflow: hidden;
position: relative;
width: 30%;
height: 100%;
background: #eeeeee;
}
.feat-categ-item .image-part .overlay {
display: none;
}
.feat-categ-item .content-part {
display: flex;
flex-direction: column;
align-self: center;
justify-content: center;
float: left;
box-sizing: border-box;
width: 65%;
height: 100%;
margin-left: 4%;
}
.feat-categ-item .content-part h5 {
margin-top: 5px;
margin-bottom: 5px;
}
.feat-categ-item .content-part h5 a {
font-weight: 800;
}
.feat-categ-item.first {
height: 400px;
margin-right: 2.5%;
} 
.feat-categ-item.first .image-part {
width: 100%;
height: 100%;
}
.feat-categ-item.first .image-part .overlay {
display: block;
}
.feat-categ-item.first .content-part {
position: absolute;
z-index: 2;
color: #fff;
width: 80%;
}
.feat-categ-item.first .content-part .the-content {
position: absolute;
bottom: 20px;
vertical-align: bottom;
}
.feat-categ-item.first .content-part a {
font-size: 1.6em; 
line-height: 1em;
color: #fff;
}
.feat-categ-item.first .content-part a:hover {
opacity: .8;
}
.feat-categ-item.first .widget-date {
color: #fff;
} .widget_recent_entries ul li {
overflow: hidden;
margin-bottom: 20px;
}
.widget_recent_entries ul li a {
float: left;
width: 100%;
margin-bottom: 2px;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 700;
}
.widget_recent_entries span {
float: left;
font-family: 'Poppins', sans-serif;
font-size: 12px;
}
.widget_pages a {
font-weight: 400;
}
.widget_media_image img {
width: 100%;
}
.sidebar .widget_recent_entries ul li {
margin-bottom: 15px;
} #hidden-sidebar {
visibility: hidden;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(29, 29, 31, .55);
opacity: 0;
content: '';
transition: opacity .5s ease-out;
}
#hidden-sidebar.active {
visibility: visible;
opacity: 1;
}
#hidden-sidebar .widgets-side {
position: absolute;
z-index: 999;
right: -150px;
box-sizing: border-box;
width: 360px;
height: 100vh;
padding: 80px 30px 70px 30px;
background-color: #ffffff;
opacity: 0;
transition: all .5s ease-out;
}
#hidden-sidebar.active .widgets-side {
overflow-y: auto;
right: 0;
opacity: 1;
}
#hidden-sidebar a.close-button {
display: inline-block;
position: absolute;
top: 25px;
right: 10%;
width: 15px;
height: 15px;
margin-left: -12px;
padding: 10px;
border-radius: 50px;
font-size: 24px;
line-height: 1em;
text-align: center;
background: #ffffff;
}
#hidden-sidebar a.close-button i {
width: 15px;
height: 15px;
background-size: 15px;
}
.hidden-sidebar-button a.open-hidden-sidebar {
display: block;
position: relative;
width: 18px;
height: 10px;
padding-bottom: 3px;
color: #6a6b6c;
}
.hidden-sidebar-button a.open-hidden-sidebar span {
display: block;
position: absolute;
left: 0;
width: 100%;
height: 0;
margin-top: -1px;
border-bottom: 2px solid;
opacity: 1;
transition: all .3s ease-out;
}
a.open-hidden-sidebar span.bar-1 {
top: 6px;
}
a.open-hidden-sidebar span.bar-2 {
top: 6px;
transform: rotate(90deg);
}  #footer {
box-sizing: border-box;
overflow: hidden;
width: 100%;
padding: 30px 5%;
text-align: center;
background: #fafafa;
}
.f-width #footer {
transition: all .3s linear;
transition-delay: .2s;
}
.f-width.nav-open #footer {
width: 60%;
margin-left: 50%;
transition-delay: 0s!important;
}
#footer a {
color: #ffffff;
}
#footer a:hover {
color: #999999;
}
.footer-logo {
width: 200px;
margin: 20px auto;
text-align: center;
vertical-align: middle;
}
.footer-logo a {
display: inline-block;
position: relative;
font-size: 44px;
font-weight: 600;
vertical-align: middle;
color: #efefef;
}
.footer-logo a img {
width: 100%;
height: auto;
}
.footer-social-links {
padding: 20px 0;
line-height: 2em;
}
.footer-social-links a {
margin: 0 20px;
font-size: 16px;
letter-spacing: 1px;
text-transform: uppercase;
color: #ffffff;
}
.footer-social-links a span {
font-size: 11px;
}
.footer-social-links i {
margin-right: 5px;
}
#footer-copyright {
padding: 20px 0;
font-size: 12px;
color: #989898;
}
#footer-copyright a {
text-decoration: underline;
}
.footer-menu ul {
}
.footer-menu li {
display: inline-block;
margin: 0 10px;
margin-top: 0;
margin-top: 20px;
list-style: none;
font-size: 13px;
} .post-content .wp-block-image {
margin-bottom: 1.6em;
}
.wp-block-image.size-large img {
width:100%;
}
.size-full, 
.size-large,
.size-medium, 
.size-thumbnail {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
.post-content .wp-block-columns {
margin-bottom: 14px;
}
.wp-block-column h3 {
margin-top: 0;
}
.wp-block-preformatted,
.wp-block-table,
.wp-block-media-text {
margin-bottom: 20px;
}
.wp-block-table {
width: 100%;
min-width: 240px;
border-collapse: collapse;
}
.wp-block-table td,
.wp-block-table th {
padding: 15px;
}
.wp-block-table.is-style-stripes {
border: 1px solid #f3f4f5;
}
.wp-block-verse {
padding: 20px;
}
.wp-block-archives,
.wp-block-categories,
.wp-block-latest-comments,
.wp-block-latest-posts {
margin-bottom: 30px;
}
.wp-block-categories {
width: 100%;
}
.wp-block-categories li,
.wp-block-latest-posts li {
display: table;
width: 100%;
list-style: none;
}
.wp-block-latest-posts a {
border-bottom: 0;
}
.wp-block-embed,
.wp-block-embed__wrapper iframe {
width: 100%;
}
.post-content .wp-block-embed,
.post-content .wp-block-audio {
margin-bottom: 1.6em;
}
.wp-block-media-text {
margin-bottom: 40px;
}
.wp-block-media-text p {
line-height: 1.9em;
}
.wp-block-audio figcaption {
color: inherit;
font-size: 13px;
}
.wp-block-categories,
.wp-block-archives {
text-decoration: none;
text-align: left;
}
.wp-block-embed-soundcloud iframe {
height: 500px;
}
.wp-block-latest-posts__post-date {
font-weight: 300;
} .wp-block-latest-comments__comment footer {
width: auto;
padding: 0;
text-align: left;
background: #ffffff;
}
.wp-block-latest-comments__comment-excerpt p {
font-weight: 300;
}
.wp-block-latest-comments__comment {
list-style: decimal inside;
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
list-style: none!important;
} .wp-block-button {
margin-bottom: 28px;
}
.wp-block-button a {
text-decoration: none;
}
.wp-block-button a.wp-block-button__link {
padding: 12px 22px;
border: 2px solid #ff027f;
border-radius: 50px;
font-size: 14px;
color: #ffffff;
background-color: #ff027f;
}
.wp-block-button a.wp-block-button__link:hover {
border: 2px solid #ff52a7;
color: #ffffff;
background-color: #ff52a7;
}
.wp-block-button .alignnone {
text-align: center;
}
.wp-block-button.aligncenter {
margin-bottom: 28px;
}
.wp-block-button.is-style-squared a {
border-radius: 0;
}
.wp-block-button.is-style-outline a.wp-block-button__link {
border: 2px solid #ff027f;
color: inherit;
background-color: transparent;
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover {
border: 2px solid #ff52a7;
color: #ffffff;
background-color: #ff52a7;
} .wp-block-separator:not(.is-style-dots) {
max-width: 100%;
height: 2px;
margin-top: 50px;
margin-bottom: 50px;
border: 0;
border-color: transparent;
text-align: left;
background-color: #767676;
}
.wp-block-separator:not(.is-style-dots) {
clear: both;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.wp-block-separator.is-style-dots:before {
padding-left: calc(1.5 * 1rem);
content: "\00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7 \00b7";
color: #767676;
font-size: 1.6875em;
letter-spacing: calc(1.5 * 1rem);
}
.wp-block-separator.is-style-wide {
height: 1px;
}
.wp-block-separator.is-style-dots {
margin-top: 40px;
margin-bottom: 40px;
} .wp-block-image {
margin-bottom: 40px;
}
.wp-block-image figcaption {
padding-top: .5em;
margin-bottom: 0!important;
font-size: 13px;
color: inherit!important;
}
.post-content .wp-block-cover, 
.post-content .wp-block-cover-image {
margin-bottom: 28px!important;
}
.wp-block-cover.alignleft,
.wp-block-pullquote.alignleft {
margin-right: 20px;
}
.wp-block-cover.alignright,
.wp-block-pullquote.alignright {
margin-left: 20px;
}
.wp-block-cover p,
.wp-block-cover__inner-container p {
margin-bottom: 0;
font-size: 2em;
line-height: 1.3em;
}
.wp-block-cover, 
.wp-block-cover-image {
box-sizing: border-box;
}  
.post-content .wp-block-cover a, 
.post-content .wp-block-cover-text a,
.post-content .wp-block-cover-text > a {
color: #fff!important;
}
.wp-block-image .alignleft {
margin-right: 2em;
}
.wp-block-image .alignright {
margin-left: 2em;
}
.post-content .wp-block-gallery {
margin-bottom: 28px;
}
.wp-block-image.alignfull img, 
.wp-block-image.alignwide img {
width: 100%;
}
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
}
.wp-block-image .alignleft,
.wp-block-gallery.alignleft{
margin-right: 20px!important;
}
.wp-block-image .alignright,
.wp-block-gallery.alignright {
margin-left: 20px!important;
}
.post-content .alignfull {
width: 50vw;
max-width: 50vw;
margin-left: calc(-1 * ((50vw - 100% + 7px - 5px) / 2));
margin-right: calc(-1 * ((50vw - 100% + 7px - 5px) / 2));
}
.f-width .post-content .alignfull {
width: 100vw;
max-width: 100vw;
margin-left: calc(-1 * ((100vw - 100% - 0px + 0px) / 2));
margin-right: calc(-1 * ((100vw - 100% - 0px + 0px) / 2));
}
.f-width .post-content .alignwide {
width: calc(100% + 280px);
max-width: calc(100% + 280px);
margin-left: -140px;
}
.has-sidebar .post-content .alignwide,
.has-sidebar .post-content .alignfull,
.f-width .has-sidebar .post-content .alignwide,
.f-width .has-sidebar .post-content .alignfull {
width: 100%;
max-width: 100%;
margin-left: 0;
}
.post-content .blocks-gallery-grid, 
.post-content .wp-block-gallery {
margin-top: 4px;
}
.wp-block-gallery li {
list-style: none!important;
}
.wp-block-gallery .blocks-gallery-item img {
width: 100%;
}
.post-content .wp-block-cover-image .wp-block-cover-image-text, 
.post-content .wp-block-cover-image .wp-block-cover-text,
.post-content .wp-block-cover p:not(.has-text-color) {
color: #fff;
} .post-content blockquote p {
font-size: 1.3em;
font-style: italic;
line-height: 1.6em;
margin-bottom: .6em;
}
blockquote.wp-block-quote.is-large,
blockquote.wp-block-quote.is-style-large {
padding-left: 30px;
margin-bottom: 1.6em;
}
blockquote.wp-block-quote.is-large p {
font-size: 1.5em;
}
blockquote cite,
.blockquote-footer,
.post-content .wp-block-pullquote cite {
opacity:  .6;
font-style: normal;
}
.post-entry .wp-block-pullquote cite,
.post-entry .wp-block-quote cite {
font-size: 15px;
font-weight: normal;
text-transform: none;
}
.post-entry .wp-block-quote.is-large cite {
font-size: 18px;
}
.post-content .wp-block-pullquote {
padding: 0;
}
.wp-block-pullquote blockquote {
padding: 30px 0 30px 20px;
margin: 0;
}
.wp-block-pullquote blockquote::before {
position: relative;
top: -15px;
}
.blockquote-footer {
font-size: 16px;
font-weight: 300;
font-style: normal;
}
.wp-block-columns.has-3-columns blockquote {
margin-top: 0;
}
.post-entry .wp-block-pullquote.aligncenter {
font-size: 1.1em;
}
.wp-block-pullquote blockquote {
margin-bottom: 1.6em;
}
.wp-block-quote a {
font-weight: 600;
}
.post-entry .wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
margin: 0!important;
padding: 40px;
border-left: 0;
text-align: center;
}
.wp-block-pullquote.alignwide p {
font-size: 1.8em;
line-height: 1.45;
}
.wp-block-pullquote.alignfull {
box-sizing: border-box;
padding: 4em 8em;
}
.wp-block-pullquote.alignfull p {
font-size: 2em;
line-height: 1.45;
} .wp-block-calendar #wp-calendar {
width: 50%;
}
.wp-block-calendar table {
border: none;
}
.wp-block-calendar table tbody td {
font-size: 15px!important;
width: 14.2%;
}
.wp-block-calendar table caption, 
.wp-block-calendar table tbody {
font-weight: 700;
font-size: 14px!important;
}
.wp-block-calendar table th {
font-weight: 700!important;
background: transparent!important;
border: none;
}
.post-content .wp-block-calendar tfoot a {
color: #111111;
font-weight: 700;
text-decoration: none;
font-size: 12px;
}
.post-content .wp-block-calendar #today a {
text-decoration: none;
} .wp-block-search {
position: relative;
margin-bottom: 30px;
}
.wp-block-search__input {
width: 50%;
}
.wp-block-search .wp-block-search__button {
padding: 15px 20px;
border: 0;
cursor: pointer;
margin-left: 0!important;
}
.has-sidebar p.has-large-font-size {
font-size: 26px;
line-height: 1.6em;
} .wp-block-code {
padding: 2em;
border: none;
border-radius: 4px;
background: #f5f5f5;
}
.post-password-form input[type='password'] {
width: 250px;
padding: 9px 10px;
}
.wp-block-group.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 1.6em;
}
.wp-block-group.has-background .wp-block-button {
text-align: center;
}
.wp-block-rss li {
list-style: none;  
}
.wp-block-file a {
color: inherit;
text-decoration: none;
}
.wp-block-calendar {
margin-bottom: 1.6em;
text-align: left;
}
.wp-block-calendar nav {
margin: 10px;
text-align: left;
text-decoration: none;
}
.wp-block-calendar nav a {
font-weight: 500;
text-decoration: none;
}
.wp-caption-text {
margin-top: 10px;
}
.wp-block-columns.alignfull.has-2-columns .wp-block-column {
padding: 0px 20px !important;
margin: 0 !important;
} .elementor-widget-container .feat-categ-item img {
height: 100%;
}
.elementor-widget-wp-widget-anymag_latest_posts_widget ul li {
overflow: hidden;
list-style: none;
}
.site-wrapper .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
padding: 0;
} .alignnone {
margin: 0;
}
p:empty {
display: none;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 0 auto 1.6em auto;
}
.alignright {
display: block;
float: right;
margin: 5px 0 1.6em 20px;
}
.alignleft {
display: block;
float: left;
margin: 5px 20px 1.6em 0;
}
a img.alignright {
float: right;
margin: 5px 0 1.6em 20px;
}
a img.alignnone {
margin: 5px 20px 1.6em 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 1.6em 0;
}
a img.aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
p .alignright {
clear: both;
}
.wp-caption {
max-width: 100%;
padding: 5px 0 5px 0;
border-bottom: 1px solid #f0f0f0;
text-align: center;
background: #ffffff;
}
.wp-caption.alignnone {
margin: 5px 0 1.6em 0;
}
.wp-caption.alignleft {
margin: 5px 20px 1.6em 0;
}
.wp-caption.alignright {
margin: 5px 0 1.6em 20px;
}
.wp-caption img {
width: auto;
max-width: 98.5%;
height: auto;
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
margin: 0;
padding: 10px 4px 5px 4px;
font-size: 13px;
font-style: italic;
line-height: 17px;
color: #7f7f7f;
}
.screen-reader-text {
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
clip-path: inset(50%);
}
.screen-reader-text:focus {
display: block;
clip: auto !important;
z-index: 100000;
top: 5px;
left: 5px;
width: auto;
height: auto;
padding: 15px 23px 14px;
font-size: 1em;
line-height: normal;
text-decoration: none;
color: #444444;
background-color: #eeeeee;
clip-path: none;
}
ins {
text-decoration: none;
background: #fff9c0;
}
.gallery-item {
float: left;
margin: 0;
}
.gallery-columns-3 .gallery-item {
width: 33.3333%;
}
.gallery-item a {
border: none;
}
#gallery-1 img {
border: 0!important;
}
.gallery .gallery-caption {
margin-top: 4px;
padding: 5px;
font-size: 12px;
font-style: italic;
line-height: 1.4em;
color: #888888;
}
figure {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
cite {
font-size: 15px;
font-weight: normal;
font-style: italic;
text-transform: none;
}
code {
padding: 2px;
border-radius: 2px;
color: #23282d;
background: #f3f4f5;
font-family: 'Menlo,Consolas,monaco,'monospace;
font-size: inherit;
line-height: 1.8;
}
kbd {
margin: 0 1px;
padding: 3px 5px 2px 5px;
font-size: 13px;
background: #eaeaea;
color: #999;
}
input::placeholder,
textarea::placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: inherit;
opacity:  .7;
}