.article-content { font-family: 'Roboto'; font-size: 16px; line-height: 26px; color: #333; }

.article-content iframe { margin: 0 auto; margin-bottom: 20px; max-width: 70%; width: 100%; display: block; }

.article-content p { margin-bottom: 20px; }
.article-content b, .article-content strong { font-weight: 700; }
.article-content u { text-decoration: underline; }
.article-content em { font-style: italic; }
.article-content s { text-decoration: line-through; }
.article-content sub, .article-content sup { position: relative; font-size: 70%; padding-left: 1px; line-height: 0; vertical-align: baseline; }
.article-content sup { top: -0.5em; }
.article-content sub { bottom: -0.25em; }
.article-content blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 20px; border-left: 5px solid #eee; overflow: hidden; }
.article-content blockquote p { margin-bottom: 10px; line-height: 34px; }
.article-content blockquote ol:last-child, .article-content blockquote p:last-child, .article-content blockquote ul:last-child { margin-bottom: 0; }
.article-content ol, .article-content ul { margin-top: 0; margin-bottom: 25px; padding-left: 40px; overflow: hidden; }
.article-content ul { list-style-type: disc; }
.article-content ul ul { list-style-type: circle; }
.article-content ol ol, .article-content ol ul, .article-content ul ol, .article-content ul ul { margin-bottom: 5px; }
.article-content a:link, .article-content a:visited { color: #5f75a6; text-decoration: underline; }
.article-content table { width: 100% !important;  max-width: 960px; border: 0; margin-bottom: 50px; margin-top: 40px; }
.article-content table thead tr:first-child { background: #5cb6eb; color: #fff; border: none; }
.article-content table caption { text-align: left; margin-bottom: 3px; font-weight: 600; }
.article-content table thead th { font-weight: 600; }
.article-content table th, .article-content table td { padding: 15px 30px; }
.article-content table tbody tr:nth-child(2n+1) { background-color: #fefefe; }
.article-content table tbody tr:nth-child(2n) { background-color: #fafafa; }
.article-content table tbody tr:hover { background-color: #f5f5f5 !important; }
.article-content hr { margin-top: 25px; margin-bottom: 25px; border: 0; border-top: 1px solid #eee; }
.article-content figure.image img, .article-content p img { max-width: 100%; height: auto; }
.article-content figure.image { margin-bottom: 40px; }
.article-content figure.image figcaption { font-size: 14px; line-height: 22px; margin-top: 1px; }
.article-content h2 img[style*="float:right"], .article-content h2 img[style*="float:left"], .article-content p img[style*="float:left"], .article-content figure.image[style*="float:left"], .article-content p img[style*="float:right"], .article-content figure.image[style*="float:right"] { max-width: 40%; margin-bottom: 15px; }
.article-content h2 img[style*="float:left"], .article-content p img[style*="float:left"], .article-content figure.image[style*="float:left"] { margin-right: 25px; }
.article-content h2 img[style*="float:right"], .article-content p img[style*="float:right"], .article-content figure.image[style*="float:right"] { margin-left: 25px; }
.article-content p[style*="text-align:center"] img, .article-content div[style*="text-align:center"] figure.image { max-width: 70%; }
.article-content div[style*="text-align:center"] figure.image figcaption { text-align: left; }
.article-content .video-container.center { margin: 0 auto; margin-bottom: 20px; max-width: 100%; }
.article-content .video-container.left, .article-content .video-container.right { max-width: 40%; margin-bottom: 15px; }
.article-content .video-container.left { margin-right: 25px; float: left; }
.article-content .video-container.right { margin-left: 25px; float: right; }
.article-content .video-container video { width: 100%; height: auto; }
.article-content p.headline { font-size: 20px; line-height: 30px; }
.article-content h2 { font-size: 26px; margin-top: 45px; margin-bottom: 20px; }
.article-content h3 { font-size: 22px; margin-top: 28px; margin-bottom: 10px; }
.article-content h4 { font-size: 19px; margin-top: 24px; margin-bottom: 10px; }
.article-content > *:last-child { margin-bottom: 0px; }
.article-content .oembed.iframe { margin: 0 auto; margin-bottom: 20px; max-width: 100%; width: 100%; display: block; }
.article-content .oembed.iframe.youtube { min-height: 400px; }
.article-content img.fullimage { cursor: pointer; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.article-content img.fullimage:hover { box-shadow: 0 0 0 6px #5f75a6; filter: brightness(1.45); filter: contrast(1.2); -webkit-filter: brightness(1.45); -webkit-filter: contrast(1.2); }

#fullimage { cursor: pointer; display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); top: 0; z-index: 999; }
#fullimage .content { padding-top: 90px; text-align: center; }
#fullimage .content img { max-width: 96%; box-shadow: 0 0 0 8px #5b0000; background: url(/images/mojtd/loading.svg) center center no-repeat #000; }

/* For Editor Only */
.article-content .cke_widget_image[style*="float: left"], .article-content .cke_widget_image[style*="float: right"] { max-width: 40%; margin-bottom: 15px; }
.article-content .cke_widget_image[style*="float: right"] { margin-left: 25px; }
.article-content .cke_widget_image[style*="float: left"] { margin-right: 25px; }
.article-content .cke_widget_image[style*="float: left"] figure.image, .article-content .cke_widget_image[style*="float: right"] figure.image { margin-bottom: 0px; }
.article-content .cke_widget_image[style*="text-align: center"] figure.image { max-width: 70%; }
.article-content .cke_widget_image figure.image figcaption { margin-top: 5px; }
.article-content .cke_widget_image[style*="text-align: center"] figure.image figcaption { text-align: left; }
.article-content h2, .article-content h3 { font-family: 'Montserrat'; }
.article-content .cke_editable > *:last-child { margin-bottom: 0px; }
.article-content .cke_widget_embedSemantic { max-width: 100%; margin: 0 auto; width: 100%; margin-bottom: 20px; }
.article-content .cke_widget_image img { max-width: 100%; height: auto; }


/* Mobile */
@media (max-width: 920px) {
    .article-content .oembed.iframe { max-width: 100%; }
}

@media (max-width: 740px) {
    .article-content figure.image { width: 100% !important; max-width: 100% !important; margin-left: 0px !important; margin-right: 0px !important; float: none !important; }
    .article-content figure.image img { width: 100% !important; }
}

@media (max-width: 640px) {
    .article-content .oembed.iframe.youtube { min-height: 300px; }
}

@media (max-width: 500px) {
    .article-content .description { padding-left: 10px; padding-right: 10px; width: calc(100% - 20px); }
    
    .article-content .oembed.iframe.youtube { min-height: 240px; }
    
    .article-content .article-header.hasimage { padding-top: 300px; }
    .article-content .article-header.hasimage .title { font-size: 32px; line-height: 44px; padding-left: 10px; padding-right: 10px; }
    
    .article-content table th, .article-content table td { padding: 10px 15px;
    font-size: 14px;
    line-height: 18px; }
}

/* Accessibility */
.hasaccessibility .article-content h2 { font-size: 32px; margin-top: 50px; margin-bottom: 30px; }
.hasaccessibility .article-content p, .hasaccessibility .article-content p * { margin-bottom: 25px; font-size: 22px; line-height: 30px; }
.hasaccessibility .article-content ul li { font-size: 22px; line-height: 30px; }
.hasaccessibility .article-content figure.image figcaption { font-size: 18px; line-height: 26px; }

/* Wklejanie z worda */
.article-content .description > p > span, .article-content .description > p > span span, .article-content .description > p > strong, .article-content .description > p > strong span { font-size: inherit !important; background: inherit !important; line-height: inherit !important; font-family: inherit !important; }