/*
Theme Name: Ultra Framework
Author: Artur Kostecki
Author URI: http://e-press24.com/
Description: This is united frameworks WordPress starter theme for speed up theme development. Ultra Framework put together power of two great "U": Underscores (_s) by Automattic and UIKit by YOOtheme.This theme is framework, base, starting point and has to help developers develop, so don’t use it as parent theme, instead try turning Ultra into your next amazing theme. If you aren't developer don't worry - Ultra with basic styling is also ready to go out of box. If you like it, just go for it! Enjoy! 
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ultra-framework
Tags: two-columns, right-sidebar, custom-background, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*=============================================================
 *--------------------TABLE OF CONTENTS------------------------
 *=============================================================
 1.0 TYPOGRAPHY
 2.0 ALIGNMENTS
 3.0 ACCESSIBILITY
 4.0 FORMS
 5.0 ELEMENTS
 6.0 COMMENTS
 7.0 NAVIGATION
 8.0 CONTENT
 9.0 WIDGETS
 10.0 CAPTIONS
 11.0 GALLERIES
 12.0 FOOTER
 ------------------------------------------------------------*/

/* 1.0 TYPOGRAPHY
 * ============================================================
 */
html {
	font-family: 'Work Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Work Sans', sans-serif;
}

.uk-navbar-nav > li > a {
	font-family: 'Work Sans', sans-serif;
}

/* 2.0 ALIGNMENTS
 * =============================================================
 */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* 3.0 ACCESSIBILITY
 * ============================================================
 */
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/* 4.0 FORMS
 * ============================================================
 */
input,
select,
textarea {
	box-sizing: border-box;
	margin: 0;
	border-radius: 0;
	font: inherit;
	color: inherit;
}

select {
	text-transform: none;
	width: 100%;
}

optgroup {
	font: inherit;
	font-weight: bold;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
}

input[type="checkbox"]:not(:disabled),
input[type="radio"]:not(:disabled) {
	cursor: pointer;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input:not([type="radio"]):not([type="checkbox"]),
select {
	vertical-align: middle;
}

select,
textarea,
input:not([type]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	height: 30px;
	max-width: 100%;
	padding: 4px 6px;
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #444444;
	-webkit-transition: all linear 0.2s;
	transition: all linear 0.2s;
}

select:focus,
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border-color: #99baca;
	outline: 0;
	background: #f5fbfe;
	color: #444444;
}

select:disabled,
textarea:disabled,
input:not([type]):disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
input[type="time"]:disabled,
input[type="week"]:disabled,
input[type="number"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="color"]:disabled {
	border-color: #dddddd;
	background-color: #f5f5f5;
	color: #999999;
}

legend {
	width: 100%;
	border: 0;
	padding: 0;
	padding-bottom: 15px;
	font-size: 18px;
	line-height: 30px;
}

legend:after {
	content: "";
	display: block;
	border-bottom: 1px solid #dddddd;
	width: 100%;
}

textarea,
select[multiple],
select[size] {
	height: auto;
}

label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.required {
	color: #009dd8;
}

/* 5.0 ELEMENTS
 * ============================================================
 */
em {
	color: #009dd8;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

table thead th {
	vertical-align: bottom;
	text-align: left;
	padding: 8px 8px;
}

table td {
	vertical-align: top;
	padding: 8px 8px;
}

table tbody tr:hover {
	background: #eeeeee;
}

table tr {
	border-bottom: 1px solid #e5e5e5;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

.search-field {
	width: 100%;
}

.search-submit {
	background-color: #009dd8;
	color: #fff;
	margin-top: .5em;
	overflow: visible;
	font: inherit;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px;
	vertical-align: middle;
	line-height: 28px;
	min-height: 30px;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	background-origin: border-box;
	border: none;
	cursor: pointer;
}

.search-submit:focus,
.search-submit:hover {
	background-color: #00aff2;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

/* 6.0 COMMENTS
 * ============================================================
 */
.comment-list,
.comment-list ol {
	list-style-type: none;
}

.comment-meta {
	margin-bottom: 15px;
	padding: 10px;
	background: #fafafa;
}

.comment-body {
	margin-bottom: 1em;
}

.comment-author {
	margin: 5px 0 0 0;
	font-size: 16px;
	line-height: 22px;
}

.avatar {
	margin-right: 15px;
	float: left;
}

.comment-metadata a {
	margin: 2px 0 0 0;
	font-size: 11px;
	line-height: 16px;
	color: #999;
}

.comment-content {
	padding-left: 10px;
	padding-right: 10px;
}

.comment-reply-link {
	background-color: #009dd8;
	color: #fff;
	margin: 0;
	overflow: visible;
	font: inherit;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px;
	vertical-align: middle;
	line-height: 28px;
	min-height: 30px;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	background-origin: border-box;
}

.comment-reply-link:focus,
.comment-reply-link:hover {
	background-color: #00aff2;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.comment-reply-title {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	color: #444;
	margin-top: 30px;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	text-transform: none;
}

.submit {
	background-color: #009dd8;
	color: #fff;
	margin: 0;
	overflow: visible;
	font: inherit;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px;
	vertical-align: middle;
	line-height: 28px;
	min-height: 30px;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	background-origin: border-box;
	border: none;
	cursor: pointer;
}

.submit:focus,
.submit:hover {
	background-color: #00aff2;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.comment-awaiting-moderation {
	color: #009dd8;
	font-style: italic;
}

.comment-form-comment textarea {
	width: 100%;
}

.says {
	font-size: 80%;
	color: #999;
}

/* 7.0 NAVIGATION
 * ============================================================
 */
.uk-navbar-nav > li > a[href="#"] {
    cursor: pointer;
}

.comment-navigation,
.post-navigation,
.paging-navigation {
	padding: 2em 0;
	font-family: "Work Sans", sans-serif;
	text-align: left;
}

.comment-navigation a,
.post-navigation a,
.paging-navigation a {
	display: block;
	text-decoration: none;
	padding: 1em;
	border: 1px solid #ddd;
	text-transform: uppercase;
	font-size: 1.2em;
}

.comment-navigation a:hover,
.comment-navigation a:focus,
.post-navigation a:hover,
.post-navigation a:focus,
.paging-navigation a:hover,
.paging-navigation a:focus {
	border-color: #009dd8;
	-webkit-transition: all linear 0.5s;
	transition: all linear 0.5s;
	background: #009dd8;
	color: #fff;
}

.paging-navigation {
	margin-top: -2em;
	text-align: center;
}

.paging-navigation ul {
	display: inline-block;
	margin-top: 50px;
	padding: 0;
	list-style-type: none;
}

.paging-navigation li {
	display: inline-block;
	padding: .5em;
}

.paging-navigation li a {
	padding: .3em 1.4em;
}

.paging-navigation .current {
	padding: .8em 1.1em;
	font-weight: 700;
}

.nav-links {
	max-width: 45em;
	margin: 0 auto;
	padding: 0 .4em;
}

.nav-previous {
	padding-bottom: 1em;
}

.nav-previous a::before {
	font-family: 'FontAwesome';
	content: '\f104';
	padding-right: 10px;
}

.nav-next a::after {
	font-family: 'FontAwesome';
	content: '\f105';
	padding-left: 10px;
}

.more-link {
	display: block;
	text-decoration: none;
	padding-top: 1em;
	padding-bottom: 1em;
	text-transform: uppercase;
	font-size: 1.2em;
}

/* 8.0 CONTENT
 * ============================================================
 */
.bypostauthor {
	display: block;
}

.sticky {
	display: block;
}

.sticky-post {
	color: #999;
	display: block;
	font-family: inherit;
	font-size: 13px;
	letter-spacing: 0.076923077em;
	text-transform: uppercase;
	font-style: italic;
}

.entry-title {
	word-wrap: break-word; /* Catch and wrap very long words on small screens */
}

.page-links a {
	display: inline-block;
	min-width: 16px;
	padding: 3px 5px;
	line-height: 20px;
	text-decoration: none;
	box-sizing: content-box;
	text-align: center;
	background: #f2f2f2;
	color: #666;
}

.post-password-form input[type="submit"] {
	background-color: #009dd8;
	color: #fff;
	margin-top: .5em;
	overflow: visible;
	font: inherit;
	text-transform: none;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 12px;
	vertical-align: middle;
	line-height: 28px;
	min-height: 30px;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
	background-origin: border-box;
	border: none;
	cursor: pointer;
}

.post-password-form input[type="submit"]:focus,
.post-password-form input[type="submit"]:hover {
	background-color: #00aff2;
	color: #fff;
	outline: 0;
	text-decoration: none;
}

.no-comments {
	border-top: 1px solid #ddd;
	font-family: 'Work Sans', sans-serif;
	font-weight: 700;
	margin: 0;
	padding-top: 1.75em;
}

.taxonomy-description {
	font-style: italic;
	text-transform: uppercase;
}

/* 9.0 WIDGETS
 * ============================================================
 */
.widget ul,
.widget ol {
	padding: .7em 0 0;
	list-style-type: none;
}

.widget li ul,
.widget li ol {
	margin-left: .5em;
}

.widget-title {
	text-transform: uppercase;
}

/* RSS widget */
.widget_rss li {
	margin-bottom: 1em;
}

.widget li a.rsswidget {
	padding-right: .5em;
	font-size: 1em;
	line-height: 1.4em;
}

.rss-date,
.widget_rss cite {
	color: #333;
	font-size: .8em;
}

.rssSummary {
	padding: .5em 0;
	font-family: "Work Sans", serif;
	font-size: .8em;
	line-height: 1.4em;
}

/* Archive and Categories widgets */
.widget_archive li {
	color: #999;
}

.widget_categories .children {
	padding-top: 0;
	padding-bottom: .5em;
}

.widget_categories li {
	color: #999;
}

/* Pages and Menu widgets */
.widget_pages .children,
.widget_nav_menu .sub-menu {
	padding-top: 0;
}

.widget_pages a,
.widget_nav_menu a {
	display: block;
	padding: .8em 0;
	border-bottom: 1px solid #ddd;
}

.site-content .widget_pages li,
.site-content .widget_nav_menu li {
	padding: 0;
}

/* Meta widget */
.site-content .widget_meta li {
	padding: .3em 0;
}

/* Text widget */
.textwidget {
	font-size: .8em;
	line-height: 1.6em;
}

/* Calendar widget */
.calendar_wrap {
	width: auto;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	margin-bottom: 15px;
	text-align: center;
	line-height: 20px;
}

#wp-calendar th {
	padding: 2px;
}

#wp-calendar td {
	padding: 2px;
	text-align: center;
}

#today {
	background: #009dd8;
	color: #fff;
}

/* 10.0 CAPTIONS
 * ============================================================
 */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-family: "Work Sans", sans-serif;
	font-size: 90%;
	color: #999;
	font-style: italic;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.gallery-caption {
	margin: 0;
	display: block;
	font-family: "Work Sans", sans-serif;
	font-size: 85%;
	font-style: italic;
	border: none;
	padding: 0.5em;
}

.gallery-caption::before {
	content: "";
}

/* 11.0 GALLERIES
 * ============================================================
 */
.gallery {
	margin: 1.5em 0;
}

[class*="gallery-"] {
    box-sizing: border-box;
    
}  

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 1em;
    margin: 0;
    overflow: hidden;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}


.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

/* 12.0 FOOTER
 * ============================================================
 */
.site-footer {
	background-color: #252525;
	color: #ddd;
	padding: 120px 0;
}