*:focus {
outline: none;
border-color: inherit;
-webkit-box-shadow: none;
box-shadow: none;
}
html {
margin: 0 !important;
padding: 0 !important;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0 !important;
color: #040404;
font-size: 20px;
line-height: 36px;
font-weight: 300;
font-style: normal;
overflow-x: hidden;
font-family: 'Noto Serif', sans-serif;
}
.compensate-for-scrollbar {
margin: 0 !important;
}
.single-post #content .container {
max-width: 800px;
}
a, a:hover {
color: #040404;
text-decoration: none;
}
#category article {
background: #f0f0f0;
}
#category article p {
font-size: 16px;
line-height: 24px;
}
#category article.article-featured p {
font-size: 20px;
line-height: 30px;
}
#category .container {
max-width: 1300px;
}
.clear {
clear: both;
}
.btn, .form-control, .alert {
border-radius: 0px;
}
.btn {
padding: 10px 30px;
}
.btn-primary {
background: #040404;
border-color: #040404;
}
.btn-primary:hover, .btn-primary:focus {
background: transparent;
color: #040404;
border-color: #040404;
}
.btn-secondary {
background: transparent;
border-color: #040404;
color: #040404;
}
.btn-secondary:hover, .btn-secondary:focus {
background: #040404;
color: #fff;
}
.current-menu-item a {
border-bottom: 1px solid #000;
}
.article-category, #bottom ul li a {
text-transform: uppercase;
font-size: 18px;
font-weight: 700;
border-bottom: 3px solid #FFC700;
display: inline-block;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1.5px;
}
#category .article-category {
font-size: 16px;
}
.date {
color: #B4B4B4;
text-transform: uppercase;
font-size: 13px;
display: inline-block;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
}
.social-icons {
text-align: center;
}
.social-icons a {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
border: 1px solid #6D6E70;
border-radius: 999px;
margin: 0 20px;
}
.social-icons i {
font-size: 16px;
}
.article-content .social-icons {
position: absolute;
left: -60px;
top: 0;
}
.article-content .social-icons i {
font-size: 24px;
}
.article-content .social-icons a {
border: none;
width: auto;
height: auto;
color: #D7692F;
display: block;
margin: 0 0 5px 0;
}
hr {
background: #040404;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 900;
}
h1 {
font-size: 54px;
}
h2 {
font-size: 34px;
font-weight: 800;
}
#content article h2 {
font-size: 28px;
margin: 30px 0 15px;
}
#content article h3 {
font-size: 25px;
font-family: 'Open Sans', sans-serif;
margin: 30px 0 15px;
}
#content article p img {
max-width: 100%;
height: auto;
}
#content .article-content a {
text-decoration: underline;
}
#mobile-menu {
width: 30px;
height: 20px;
position: relative;
float: right;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
display: none;
}
#mobile-menu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #040404;
border-radius: 999px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#mobile-menu span:nth-child(1) {
top: 0px;
}
#mobile-menu span:nth-child(2), #mobile-menu span:nth-child(3) {
top: 9px;
}
#mobile-menu span:nth-child(4) {
top: 18px;
}
#mobile-menu.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%;
}
#mobile-menu.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#mobile-menu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#mobile-menu.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.admin-bar header {
top: 32px;
}
header {
margin: 0 0 40px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 15px 45px;
background: #fff;
z-index: 10000;
font-weight: 600;
font-size: 16px;
font-family: 'Open Sans', sans-serif;
letter-spacing: 2px;
}
header #logo {
float: left;
}
header #logo img {
max-height: 33px;
float: left;
}
header ul {
list-style: none;
text-align: right;
margin: 0;
padding: 0;
line-height: 33px;
height: 33px;
text-transform: uppercase;
}
header ul li {
float: none;
display: inline-block;
margin-left: 20px;
}
header ul li:hover a {
border-bottom: 3px solid #FFC700;
}
header ul li:before {
content: "+";
margin-right: 20px;
font-size: 20px;
}
header ul li:nth-child(1):before {
display: none;
}
article.article-featured {
color: #fff;
max-height: 80vh;
overflow: hidden;
font-size: 20px;
}
article.article-featured > table {
position: absolute;
top: 0;
left: 0;
}
article.article-featured .btn {
font-size: 20px;
}
article.article-featured a {
color: #fff;
}
article.article-featured table td {
padding: 75px;
}
article.article-featured h2 {
font-size: 60px;
}
article.article-featured .btn-primary {
border-color: #fff;
background: transparent;
color: #fff;
}
article.article-featured .btn-primary:hover {
background: #fff;
color: #000;
}
article .article-image {
max-width: 100%;
}
main {
position: relative;
}
blockquote {
border-left: 2px solid #040404;
padding-left: 15px;
margin-left: -15px;
}
p.has-background {
display: inline;
padding: 0;
clear: both;
margin: 0;
}
.wp-block-image img {
height: auto;
}
.wp-block-image.is-resized img {
max-width: none;
width: calc(100% + 240px);
margin-left: -120px;
}
.wp-block-columns {
margin-top: 20px;
}
.wp-block-columns > .wp-block-column:nth-child(1) > .wp-block-image {
margin-left: -120px;
}
.wp-block-columns > .wp-block-column:nth-child(1) > .wp-block-image img {
max-width: none;
width: calc(100% + 120px);
}
.wp-block-columns > .wp-block-column:nth-child(2) > .wp-block-image {
margin-right: -120px;
}
.wp-block-columns > .wp-block-column:nth-child(2) > .wp-block-image img {
max-width: none;
width: calc(100% + 120px);
}
.btn-more {
font-size: 20px;
}
.article-post-thumbnail {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
min-height: 400px;
margin-bottom: 30px;
}
.article-post-thumbnail img {
max-height: 70vh;
opacity: 0;
visibility: hidden;
}
#page {
float: left;
width: 100%;
padding: 63px 45px 40px;
}
#bottom {
margin: 75px 0 25px;
float: left;
width: 100%;
}
#bottom ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
text-transform: uppercase;
}
#bottom ul li {
float: none;
display: inline-block;
margin: 0 30px;
}
footer {
float: left;
width: 100%;
color: #A3A3A3;
background: url(//www.stoplus.si/wp-content/themes/stoplus/images/footer_bg.jpg) repeat-x scroll top center #000;
padding: 250px 0 30px;
font-size: 14px;
text-align: center;
}
footer a, footer a:hover {
color: #A3A3A3;
}
footer .widget-column-title {
font-weight: bold;
font-size: 22px;
color: #fff;
margin: 0 0 10px 0;
}
footer .textwidget {
font-size: 18px;
font-weight: 300;
}
footer ul {
list-style: none;
text-align: center;
margin: 0;
padding: 0;
text-transform: uppercase;
}
footer ul li {
float: none;
display: inline-block;
margin: 0 15px;
}
.posts-title img {
width: 30px;
}
@media (max-width: 1024px) {
header ul li {
margin-left: 10px;
}
header ul li:before {
margin-right: 10px;
}
article.article-featured h2 {
font-size: 50px;
}
}
@media (min-width: 769px and max-width: 1024px) {
#category .container {
max-width: none;
padding: 0;
}
}
@media (max-width: 768px) {
body {
font-size: 13px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 22px;
}
#content article h2 {
font-size: 20px;
}
#content article h3 {
font-size: 18px;
}
header, #page {
padding-left: 0;
padding-right: 0;
}
header #logo img {
max-height: 22px;
}
header #mobile-menu {
display: block;
}
header .menu-header-container {
position: fixed;
left: 0;
top: 54px;
width: 100%;
background: #fff;
padding: 0 15px 10px;
display: none;
}
header .menu-header-container ul {
text-align: left;
height: auto;
}
header .menu-header-container li::before {
display: none;
}
header .menu-header-container li {
display: block;
margin: 0;
}
#page {
padding-top: 52px;
}
#category article {
margin: 0 -15px;
padding: 0 15px;
width: calc(100% + 30px);
}
main .container-fluid {
padding: 0;
}
.posts-title {
font-size: 16px;
}
article.article-featured > table {
position: relative;
top: 0;
left: 0;
}
#category article.article-featured p {
font-size: 14px;
}
#category article.article-featured {
background: #000;
}
article.article-featured table td {
padding: 0 30px 45px;
}
article table td {
padding-bottom: 30px;
}
article.article-featured h2 {
font-size: 28px;
}
article.article-featured .btn {
font-size: 18px;
}
article .article-image {
margin-left: -15px;
max-width: none;
width: calc(100% + 30px);
}
blockquote {
margin: 0;
}
.article-category {
font-size: 13px;
}
.date {
font-size: 12px;
}
.btn {
padding: 5px 15px;
}
.wp-block-columns > .wp-block-column:nth-child(1) > .wp-block-image,
.wp-block-columns > .wp-block-column:nth-child(2) > .wp-block-image {
margin: 0;
}
.wp-block-columns > .wp-block-column:nth-child(1) > .wp-block-image img,
.wp-block-columns > .wp-block-column:nth-child(2) > .wp-block-image img {
width: 100%;
}
#bottom ul li {
margin: 0 0 30px;
display: block;
}
footer {
background-size: 300% auto;
padding-top: 120px;
}
footer #to-top img {
height: 40px;
}
footer .widget-column-title {
font-size: 18px;
}
footer .textwidget {
font-size: 14px;
color: #fff;
}
footer ul li {
display: block;
margin: 15px 0;
}
.social-icons a {
margin: 0 15px;
}
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}