/*
Theme Name: Armadny Magazin
Theme URI: http://armadnymagazin.sk
Author: Peter Seman / Robert Sopko
Version: 1.09
*/

.top h1:hover {
	color: #a60d22;
}

.mainc {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.main-content__container {
    margin-top: 16px;
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: 20px;
}

.main-content__container .content-column {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.top-text, .article-text, .categories p {
	margin: 0;
}

.header-nav {
	display: flex;
    justify-content: space-between;
	background: #f2f2e9;
	height: 30px;
}

.header-nav a {
	color: #545b3c;
}

.header-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.header-nav li {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
}

.header-nav .fa-caret-right {
    margin-left: 5px;
}

.header-nav .support-us-btn {
	color: white;
	background: #a60d22;
    padding-left: 10px;
}

.header-nav .date-time {
    padding-right: 10px;
}

.header-nav a {
    padding: 4px 8px;
    font-size: 15px;
    font-weight: 400;
}

.header-nav .search-input {
    height: 28px;
    border: 1px solid #94936e;
    border-radius: 2px;
    padding: 4px 8px;
    color: #545b3c;
}

.header-nav .search-input:focus {
    outline: 0;
    border: 1px solid #545b3c;
    border-radius: 2px;
}

.header-social {
    margin: 0 5px 0 10px;
}

.header-social a {
    padding: 0;
}

.header-social img {
    height: 18px;
    width: 18px;
}

a, a:focus, a:hover {
    text-decoration: none;
}

h1, h2, h3 {
	margin: 0;
}

.main-logo {
	margin: 30px 0;
}

.main-logo img {
	width: 300px;
}

#menu-top-menu {
    display: flex !important;
    justify-content: space-between !important;
	width: 100%;
}

#main-navbar a {
	font-weight: 700;
	color: #222;
    font-size: 15px;
    text-transform: uppercase;
}
#main-navbar a:hover {
	color: #a60d22;
}

#main-navbar .current-menu-item a, #main-navbar .active a {
	color: #a60d22;
}

.navbar-toggler-icon {
	display: inline-block;
    margin-bottom: -5px;
    margin-top: 2px;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(166, 13, 34, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.collapse:not(.show) {
    display: none !important;
}

.nav .navbar-toggler {
    border: none;
    background-color: transparent;
    padding: 0;
}

#nav-container {
    position: relative;
}

#nav-container .nav {
    display: flex;
    justify-content: space-between;
}

#nav-container form {
    display: flex;
    align-items: center;
}

#nav-container form a {
	color: #a60d22;
}

#nav-container .search-input {
    height: 32px;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 4px 8px;
    color: #545b3c;
    margin-right: 10px;
}

#nav-container .search-input:focus {
    outline: 0;
    border: 1px solid #a60d22;
    border-radius: 2px;
}

.top {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 16px;
    width: 100%;
	height: 400px;
    overflow: hidden;
}

.top-img img {
    width: 100%;
	height: 400px;
    object-fit: cover;
}

.top h2, .top h1 {
	font-size: 30px;
    line-height: 34px;
}

.top-text span {
    font-weight: 500;
	color: #969370;
}

.article-categories {
    margin: 10px 0 6px;
}

.article-categories, .article-categories span {
    text-transform: uppercase;
    font-weight: 700;
	color: #a60d22;
}

.article-categories span:last-child {
    display: none;
}

.top-meta {
	color: #a60d22;
	display: block;
    margin: 12px 0 2px;
}

.article {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
    width: 100%;
	height: 190px;
    overflow: hidden;
}

.article h3 {
	font-size: 22px;
    line-height: 25px;
    margin-bottom: 10px;
}

.article-img img {
    width: 100%;
	height: 190px;
    object-fit: cover;
}

.article-text span {
	color: #969370;
}

.article-meta {
	color: #a60d22;
	margin: 10px 0 6px;
    display: flex;
    flex-wrap: wrap;
}

.admin-meta {
	font-weight: 500;
}

.article-cat-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hr-row hr {
    border-top: 1px solid #a60d22;
}

.footer {
    width: 100%;
    background-color: #f2f2e9;
    margin: 0;
    padding: 16px;
    clear: both;
    z-index: 10;
    position: relative;
}

.footer-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    color: #545b3c;
}

.footer-container__copy {
    text-align: right;
    font-size: 13px;
    max-width: 50%;
}

.footer-container__share {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.footer-container__share p {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.footer-container__share > div {
    display: flex;
    align-items: center;
}

.footer-container__share img {
    height: 25px;
    width: 25px;
    margin: 0 2px;
}

#menu-footer {
    list-style: none;
    display: flex;
	padding: 0;
}

#menu-footer a {
	color: #2b2a29;
}

#menu-footer>li:nth-child(1)>a>span {
    display: none;
}

#menu-footer>li>a {
    padding: 5px 4px 5px 0px;
}

.footer-container__share p span {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.footer-container__share .hs-btn span:nth-child(1) {
    line-height: 32px;
    font-family: monospace;
    background-color: #66cc33;
    padding-left: 16px;
    border-radius: 16px 0px 0px 16px;
	color: white;
}

.footer-container__share .hs-btn span:nth-child(2) {
    font-size: 24px;
    margin: 0;
    font-weight: 100;
    line-height: 32px;
    background: #66cc33;
	color: white;
    padding: 0 2px;
}

.footer-container__share .hs-btn span:nth-child(3) {
    margin: 0;
    font-weight: 100;
    line-height: 32px;
    font-family: monospace;
    background: #66cc33;
    padding-right: 16px;
    border-radius: 0px 16px 16px 0px;
	color: white;
}

.pagination {
    margin-top: 50px;
    background: #f2f2e9;
    padding: 5px 10px;
    border-radius: 10px;
}

.pagination a {
	border: none !important;
    font-family: 'Roboto Slab';
    padding: 6px !important;
	background: #f2f2e9 !important;
}

.pagination .active a {
	color: #a60d22;
	font-weight: 700;
}

.article-widget {
	background: #f2f2e9;
    border: 20px solid #f2f2e9;
    position: relative;
}

.article-widget a {
	color: #222;
}

.article-widget h4 {
	color: #545b3c;
	font-size: 22px;
    line-height: 25px;
	margin: 0;
}

.article-widget .articles a {
	border-top: 1px solid #a60d22;
    display: block;
    padding: 10px 0;
}

.article-widget .articles a:last-child {
	padding-bottom: 0;
}

.tops .najcitanejsie {
	height: 400px;
    overflow: hidden;
}

.tops .najcitanejsie:after, .main-image .najcitanejsie:after {
    content: "";
    position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
    left: -10px;
    right: -10px;
    box-shadow: inset #f2f2e9 0 -10px 10px 0px;
    pointer-events: none;
}

.categories {
	background: #f2f2e9;
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.categories .container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
	padding-top: 20px;
	padding-bottom: 20px;
}

.categories .container > div {
    border-right: 1px solid #a60d22;
    padding-right: 16px;
    padding-left: 16px;
}

.categories .container > div:first-child {
    padding-left: 0;
}

.categories .container > div:last-child {
    border-right: none;
    padding-right: 0;
}

.container {
	max-width: 100vw;
}

.categories img {
    width: 100%;
	height: 200px;
    object-fit: cover;
}

.categories .category {
	text-transform: uppercase;
    font-weight: 700;
    color: #a60d22;
    margin: 12px 0 2px;
    display: block;
}

.categories h3 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
}

.categories span {
	color: #969370;
}

.sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.icon-clock {
	padding-left: 0;
}

.varovanie {
	background: #f2f2e9;
	margin: 10px 0;
    padding: 20px;
}

.varovanie h4 {
	color: #a60d22;
	margin: 0 0 10px;
}

.varovanie p {
	margin: 0;
	padding: 0;
}

.article-content figure:first-child {
	display: none;
}

.more-title {
    color: #a60d22;
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
}

.more {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 32px;
	margin-bottom: 32px;
}

.more .article {
	display: block;
    height: auto;
}

.more .article-text {
	display: none;
}

.more .article-cat-info {
    margin: 12px 0 0;
}

.more .article-categories, .more .article-meta {
	margin: 0;
}

.more .article-meta.admin-meta {
	margin: 2px 0 0;
}

.more h3 {
    margin: 2px 0 0;
    font-size: 20px;
}

.recommended {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.main-image {
    background: #f2f2e9;
    width: 100%;
    height: 450px;
    display: flex;
    justify-content: center;
    z-index: 10;
}

.main-image > div {
    margin: 0;
}

.main-image img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.main-image .najcitanejsie {
	height: 450px;
    overflow: hidden;
}

.main-categories {
    text-transform: uppercase;
    font-weight: 700;
    color: #a60d22;
    font-size: 14px;
    margin: 0 15px;
}

.main-categories span:last-child {
    display: none;
}

.article-content {
	margin: 0;
}

.article-content h1, .article-content h3 {
    font-size: 28px;
    line-height: 34px;
    margin: 5px 15px 10px;
	color: #545b3c;
}

.article-content hr {
    margin-top: 20px;
    margin-bottom: 25px;
    border-top: 1px solid #a60d22;
}

.byline {
    font-weight: 500;
    color: #969370;
}

.byline, .firstline {
    margin: 0 15px;
}

.byline p, .firstline p {
    margin: 0;
}

.article-content ins {
	margin-top: 15px;
	margin-bottom: 15px;
}

.categories .google-auto-placed {
	display: none !important;
}

.content-column .widget_text, .content-column .widget_text .textwidget, .content-column .widget_text .textwidget p {
	width: 100%;
}

.sticky-nav {
    position: fixed !important;
    background: white;
    top: 0;
	z-index: 999;
}

.sticky-nav + .top-ad {
    margin-top: 60px !important;
}

#top-logo {
    height: 20px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    top: 5px;
    transition: opacity 0.25s ease-out;
    cursor: pointer;
}

#mobile-logo {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 8px;
    opacity: 0;
    transition: opacity 0.25s ease-out;
    width: 175px;
}

@media (min-width: 1200px) {
	#main-navbar.navbar-collapse {
    	display: flex !important;
    	width: 100%;
	}
	
	.nav .navbar-toggler, .nav .search-form {
    	display: none !important;
	}
	
	.container {
    	width: 1200px !important;
	}
	
	.header-nav {
    	position: sticky;
    	top: 0;
    	z-index: 999;
    	width: 100%;
	}
	
	.sticky-nav {
    	top: 30px;
	}
}

@media (max-width: 1199px) {
	.header-nav .search-form, #top-logo {
    	display: none;
	}
	
	.nav #menu-top-menu {
    	flex-direction: column !important;
	}
	
	.nav #main-navbar {
    	position: absolute;
    	z-index: 1;
    	background: white;
    	width: 100vw;
    	padding: 15px 0px;
    	margin-top: 35px;
	}
	
	.top h2, .top h1 {
    	font-size: 28px;
    	line-height: 30px;
	}
	
	#nav-container.sticky-nav #mobile-logo {
    	opacity: 1;
	}
	
	#nav-container {
    	padding: 10px 0;
	}
}

@media (min-width: 992px) {	
	.container {
    	width: 1000px;
	}
	
	.mobile-ad {
		display: none;
	}
}

@media (max-width: 991px) {	
	.sidebar {
		display: none !important;
	}
	
	.main-content__container {
    	display: flex;
	}
	
	.main-content__container .content-column {
		width: 100%;
	}
	
	.footer-container, .footer-menu, .footer-container__share, .footer-container {
    	align-items: center;
    	display: flex;
    	flex-direction: column;
    	gap: 5px;
	}
	
	.footer-container__copy {
    	max-width: 100%;
		text-align: center;
	}
	
	.categories .container {
    	grid-template-columns: 1fr 1fr;
	}

	.hr-row hr {
    	border-top: 0px solid white;
    	margin-top: 10px;
   		margin-bottom: 10px;
	}
	
	.categories .container > div:nth-child(1) {
		border-image: linear-gradient(to top, transparent 25px, #a60d22 25px) 3;
	}

	.categories .container > div:nth-child(2) {
    	border: none;
    	padding-right: 0;
	}
	
	.categories .container > div:nth-child(3) {
		border-image: linear-gradient(to bottom, transparent 25px, #a60d22 25px) 3;
    	padding-left: 0;
	}
	
	.categories .container > div:nth-child(1) p, .categories .container > div:nth-child(2) p {
		margin-bottom: 18px;
	}
	
	.categories .container > div:nth-child(3) .img-holder, .categories .container > div:nth-child(4) .img-holder {
    	border-top: 1px solid #a60d22;
		padding-top: 20px;
	}
	
	.main-image {
		background: white;
	}
	
	.main-image, .main-image img {
		height: 400px;
	}
}

@media (min-width: 768px) {
	
}

@media (max-width: 767px) {
	.header-nav .date-time, .header-nav .header-social {
    	display: none;
	}
	
	.header-nav .first-nav {
    	display: flex;
    	justify-content: space-between;
    	width: 100%;
	}
	
	.main-logo img {
    	width: 250px;
	}
	
	.top {
    	height: 345px;
    	grid-template-columns: 5fr 3fr;
	}
	
	.top img {
    	height: 345px;
	}
	
	.top h2, .top h1 {
    	font-size: 26px;
    	line-height: 28px;
		margin-bottom: 10px;
	}
	
	.top .top-meta {
    	font-size: 13px;
	}
	
	.article {
    	height: 175px;
	}
	
	.article-img img {
    	height: 175px;
	}
	
	.article h3 {
    	font-size: 18px;
    	line-height: 22px;
    	margin: 2px 0 4px;
	}
	
	#nav-container .nav {
    	width: 100%;
	}
	
	.container {
    	margin-left: 15px;
    	margin-right: 15px;
    	padding-right: 0px;
    	padding-left: 0px;
	}
	
	.mainc > div {
		width: calc(100vw - 30px);
	}
	
	.main-content__container .content-column {
		width: calc(100vw - 30px);
	}
	
	.article-categories, .article-meta {
		margin: 0;
    	font-size: 14px;
    	line-height: 18px;
	}
	
	.article-meta, .article-cat-info {
    	flex-wrap: nowrap;
	}
	
	.admin-meta.article-meta, .article-cat-info.admin-info {
    	flex-wrap: wrap;
	}
	
	.admin-meta {
		margin: 0;
    	font-size: 12px;
	}
	
	.header-nav .advertise-btn {
    	padding-right: 10px;
	}
	
	.more .article-meta {
		display: none;
	}
	
	.main-image, .main-image img {
		height: 350px;
	}
	
	.nav #main-navbar {
    	padding: 15px 30px;
	}
}

@media (min-width: 600px) {
	.top-mobile-ad, .hr-top {
		display: none;
	}
	
	.top-info {
		position: relative;
		overflow: hidden;
	}
	
	.top-info:after {
	    content: "";
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    left: -10px;
	    right: -10px;
	    box-shadow: inset #ffffff 0 -10px 10px 0px;
	    pointer-events: none;
	}
}

@media (max-width: 599px) {
	.top {
    	height: auto;
    	grid-template-columns: 1fr;
	}
	
	.top img {
    	height: 250px;
	}
	
	.top h2, .top h1 {
    	font-size: 22px;
    	line-height: 26px;
	}
	
	.categories h3 {
    	font-size: 18px;
    	line-height: 22px;
	}
	
	.categories img {
    	height: 180px;
	}
	
	.categories .category {
    	font-size: 13px;
	}
	
	.article {
    	grid-template-columns: 3fr 5fr;
	}
	
	.hr-top hr {
    	border-top: 1px solid #a60d22;
    	margin-top: 0px;
    	margin-bottom: 5px;
	}
	
	.more {
    	grid-template-columns: repeat(2, 1fr);
    	grid-row-gap: 25px;
	}
	
	.more > div:nth-child(9) {
    	display: none;
	}
	
	.main-image, .main-image img {
		height: 300px;
	}
}

@media (min-width: 450px) {
	.main-categories {
    	font-size: 15px;
	}
}

@media (max-width: 449px) {
	.article-text {
		display: none;
	}
	
	.main-image, .main-image img {
		height: 250px;
	}
	
	.main-categories {
		margin: 0;
	}
	
	.article-content h3 {
    	font-size: 24px;
    	line-height: 30px;
    	margin: 5px 0 10px;
	}
	
	.byline, .firstline {
    	margin: 2px 0;
	}
}