/*
Theme Name: Medova
Description: Wordpress theme for medova.com.ua
Author: Volodymyr Yeryomin
Version: 1.0
Text Domain: medova
License: n/a
License URI: n/a
*/

/*------------------------------------------------
>>> TABLE OF CONTENTS
1.	- Global
1.1	- Tiny styles
2	- General
2.1	- Header
2.2	- Navigation menu
2.3	- Footer
3	- Main content
3.1	- Block icons
3.2	- Posts
3.3 - Pagination
3.4	- Single post
3.5 - Wordpress gallery
3.6	- Page
3.7	- Actual post
3.8 - Gallery
0	- Wordpress core
------------------------------------------------*/

/*------------------------------------------------
1.	- Global
------------------------------------------------*/
html {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	color: #000000;
}

body {
	background: #FFFFFF;
	margin: 0;
}

article,
aside,
footer,
header,
nav,
figcaption,
figure,
section,
main {
	display: block;
}

h1 {
	margin: 10px 0;
	font-size: 18px;
	line-height: 1.5;
	font-weight: bold;
	color: #293951;
}

h2 {
	margin: 10px 0;
	font-size: 17px;
	line-height: 1.5;
	font-weight: bold;
	color: #293951;
}

h3 {
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	color: #293951;
}

h4 {
	margin: 10px 0;
	font-size: 15px;
	line-height: 1.5;
	font-weight: bold;
	color: #293951;
}

h5 {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	color: #293951;
}

h6 {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.5;
	font-weight: normal;
	color: #293951;
}

ul,
ol {
	margin: 10px 0 0 0;
	padding-left: 20px;
}

li {
	line-height: 18px;
}

p {
	margin: 10px 0 0 0;
}

a {
	color: #293951;
	text-decoration: none;
	transition: color 0.1s 0.1s ease;
}

a:hover {
	color: #FFDA00;
	transition: color 0.1s 0.1s ease;

}

tbody {
	vertical-align: top;
}

blockquote {
	margin: 15px 20px;
	padding-left: 20px;
	border-left: solid 2px #FFDA00;
}

iframe {
	border-width: 0;
	border: none;
}

/*------------------------------------------------
1.1	- Tiny styles
------------------------------------------------*/
small {
	font-size: 12px;
}

.yellow {
	color: #FFDA00;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}
.clear {
	clear: both;
}
/*------------------------------------------------
2	- General
------------------------------------------------*/
#arrow-up {
	position: fixed;
	top: 90%;
	left: 95%;
	opacity: 0.5;
	transition: opacity 0.3s 0.1s ease;
}

#arrow-up:hover {
	opacity: 1;
	transition: opacity 0.3s 0.1s ease;
}

#page-not-found {
	margin: 50px;
	font-size: 16px;
	font-weight: bold;
	color: #293951;
	text-align: center;
}

/*------------------------------------------------
2.1	- Header
------------------------------------------------*/
#header {
	width: 100%;
	min-width: 1200px;
	height: 300px;
	margin: auto;
	background: #293951;
	background: linear-gradient(to bottom, #293951, #3B5173);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.header-bg {
	width: inherit;
	min-width: inherit;
	height: inherit;
	background: url("images/header-bg.png") no-repeat 100% 50%;
}

#header-wrapper {
	width: 1200px;
	height: 250px;
	margin: auto;
}

#header-logo {
	display: table-cell;
	float: left;
	height: 250px;
}

#header-logo img {
	height: 200px;
	margin: 25px 0;
	width: auto;
	border: none;
}

#header-title {
	display: table-cell;
	vertical-align: middle;
	height: 250px;
	padding-left: 20px;
	font-size: 30px;
	line-height: 35px;
	font-weight: normal;
	background: url("images/site-title-bg.png") no-repeat 100% 50%;
}

#header-title a {
	display: block;
	color: #FFFFFF;
}

#header-title a:first-letter {
	color: #FFDA00;
}

/*------------------------------------------------
2.2	- Navigation menu
------------------------------------------------*/
#navigation-wrapper {
	width: 1200px;
	margin: auto;
}

#navigation-menu {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#navigation-menu li {
	display: inline-block;
}

#navigation-menu a {
	display: block;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 10px 2px 10px;
	line-height: 48px;
	white-space: nowrap;
}

#navigation-menu a:first-letter {
	color: #FFDA00;
}

#navigation-menu a:hover {
	border-bottom: solid 2px #FFDA00;
	padding-bottom: 0;
}

#navigation-menu ul {
	display: inherit;
	visibility: hidden;
	top: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
	background: #293951;
	opacity: 0;
	position: absolute;
	z-index: 999;
}

#navigation-menu ul li a {
	background: #3B5173;
	line-height: 39px;
	white-space: nowrap;
	margin-top: 1px;
}

#navigation-menu li:hover > ul {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.3s 0.1s ease;
}

#navigation-menu ul li {
	min-width: 150px;
	float: none;
	display: list-item;
	position: relative;
}

#navigation-menu li:hover > ul li a:hover {
	background: #8F9BAD;
	transform: scale(1.02, 1.02);
}

/*------------------------------------------------
2.3	- Footer
------------------------------------------------*/
#footer {
	width: 100%;
	min-width: 1200px;
	height: auto;
	float: left;
	margin: auto;
	margin-top: 20px;
	background: #293951;
	background: linear-gradient(to bottom, #3B5173, #293951);
}

#footer a {
	color: #FFDA00;
}

#footer-wrappper {
	width: 1200px;
	min-height: 100px;
	margin: auto;
	color: #FFFFFF;
}

#footer-copy {
	float: left;
	width: 280px;
	padding: 5px;
}

#footer-copy:first-letter {
	color: #FFDA00;
}

#footer-author {
	float: left;
	width: 280px;
	padding: 5px;
}

#footer-author:first-letter {
	color: #FFDA00;
}

#footer-info {
	float: left;
	width: 586px;
	padding: 5px;
	border-left: solid 2px #FFDA00;
	border-right: solid 2px #FFDA00;
}

#footer-info p:first-child {
	margin-top: 0;
}

/*------------------------------------------------
3	- Main Content
------------------------------------------------*/
#content-wrapper {
	width: 1200px;
	margin: auto;
}

#main-wrapper {
	width: 890px;
	float: left;
}

.block-header {
	height: 30px;
	background: #3B5173;
	border-right: solid 2px #FFDA00;
}

.block-header h2 {
	margin: 0 0 0 50px;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFFFFF;
}

.block-header h2:first-letter {
	color: #FFDA00;
}

/*------------------------------------------------
3.1	- Block icons
------------------------------------------------*/
.icon-newspaper {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-newspaper.png") no-repeat;
}

.icon-building {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-building.png") no-repeat;
}

.icon-list {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-list.png") no-repeat;
}

.icon-list-2 {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-list-2.png") no-repeat;
}

.icon-pie-chart {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-pie-chart.png") no-repeat;
}

.icon-ext-link {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-ext-link.png") no-repeat;
}

.icon-phone {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-phone.png") no-repeat;
}

.icon-hand-poiter {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-hand-pointer.png") no-repeat;
}

.icon-book {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-book.png") no-repeat;
}

.icon-bell {
	display: inline-block;
	float: left;
	height: 30px;
	width: 30px;
	margin-left: 10px;
	background: url("images/icon-bell.png") no-repeat;
}

/*------------------------------------------------
3.2	- Posts
------------------------------------------------*/
#post-wrapper {
	background: #8F9BAD;
	margin-top: 20px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

#post-wrapper article:hover {
	background: #7F8B9D;
	color: #000000;
	transition: all 0.1s 0.1s ease;
}

#post-wrapper article:last-child {
	margin-bottom: 0;
}

#post-wrapper .post-body {
	margin-bottom: 10px;
	padding: 10px;
	color: #222222;
}

#post-wrapper .post-header {
	min-height: 30px;
}

#post-wrapper .post-title {
	display: inline-block;
	width: 680px;
	min-height: 30px;
	margin: 0;
	font-size: 16px;
	line-height: 18px;
}

#post-wrapper .post-title a {
	color: #293951;
	opacity: 1;
	transition: opacity 0.3s 0.1s ease;
}

#post-wrapper .post-header h2:hover a {
	opacity: 0.7;
	transition: opacity 0.3s 0.1s ease;
}

#post-wrapper .post-date {
	display: inline-block;
	float: right;
	width: 170px;
	height: 30px;
	margin-right: -10px;
	line-height: 30px;
	text-align: center;
	font-style: italic;
	color: #293951;
	background: #FFDA00;
}

#post-wrapper .post-author {
	font-size: 12px;
	font-style: italic;
}

#post-wrapper .post-content {
	display: block;
	width: 100%;
	text-align: justify;
}

#post-wrapper .post-thumbnail {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	margin: 15px 10px 0 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

/*------------------------------------------------
3.3 - Pagination
------------------------------------------------*/
.pagination {
	width: 90%;
	margin: auto;
	padding: 10px 0;
	text-align: center;
}

.pagination .page-numbers {
	display: inline-block;
	padding: 3px 8px;
	text-transform: lowercase;
	background: #FFDA00;
	border-radius: 5px;

}

.pagination .page-numbers:hover {
	background: #3B5173;
	color: #FFDA00;
	transition: all 0.1s 0.1s ease;
}

.pagination .current {
	background: #3B5173;
	color: #FFDA00;
}

/*------------------------------------------------
3.4	- Single post
------------------------------------------------*/
#single-wrapper {
	background: #8F9BAD;
	margin-top: 20px;
	padding-bottom: 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

#single-wrapper .single-body {
	padding: 0 10px;
}

#single-wrapper .single-header {
	min-height: 30px;
	margin: 10px 0;
}

#single-wrapper .single-title {
	display: inline-block;
	width: 680px;
	min-height: 30px;
	margin: 0;
}

#single-wrapper .single-date {
	display: inline-block;
	float: right;
	width: 170px;
	height: 30px;
	margin-right: -10px;
	line-height: 30px;
	text-align: center;
	font-style: italic;
	color: #293951;
	background: #FFDA00;
}

#single-wrapper .single-author {
	font-size: 12px;
	font-style: italic;
}

#single-wrapper .single-content {
	display: block;
	width: 100%;
	text-align: justify;
}

#single-wrapper .single-thumbnail {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	margin: 15px 10px 0 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

/*------------------------------------------------
3.5	- WordPress gallery
------------------------------------------------*/

.gallery {
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0;
	padding-top: 10px;
	background: #9FABBD;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.gallery-item img {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.gallery-caption {
	display: none;
	font-size: 13px;
}

.wp-block-gallery .blocks-gallery-item figcaption {
	width: auto !important;
}

/*------------------------------------------------
3.6	- Page
------------------------------------------------*/
#page-wrapper {
	background: #8F9BAD;
	margin: 20px;
	padding-bottom: 10px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

#page-wrapper .page-body {
	padding: 0 10px;
}

#page-wrapper .page-header {
	min-height: 30px;
	margin: 10px 0;
}

#page-wrapper .page-title {
	display: inline-block;
	width: 100%;
	min-height: 30px;
	margin: 0;
	text-align: center;
}

#page-wrapper .page-content {
	display: block;
	width: 100%;
	text-align: justify;
}

/*------------------------------------------------
3.7	- Actual posts
------------------------------------------------*/
#actual-wrapper {
	background: #8F9BAD;
	margin-top: 20px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

#actual-wrapper article:hover {
	background: #7F8B9D;
	color: #000000;
	transition: all 0.1s 0.1s ease;
}

#actual-wrapper .actual-body {
	margin-bottom: 10px;
	padding: 10px;
}

#actual-wrapper .actual-title {
	display: block;
	width: 870px;
	margin: 0;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
}

#actual-wrapper .actual-title a {
	color: #293951;
	opacity: 1;
	transition: opacity 0.3s 0.1s ease;
}

#actual-wrapper .actual-header h2:hover a {
	opacity: 0.7;
	transition: opacity 0.3s 0.1s ease;
}

#actual-wrapper .actual-content {
	display: block;
	width: 100%;
	text-align: justify;
}

#actual-wrapper .actual-thumbnail {
	display: block;
	float: left;
	width: 200px;
	height: auto;
	margin: 15px 10px 0 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

/*------------------------------------------------
3.8	- Gallery
------------------------------------------------*/
#gallery-wrapper {
	margin-top: 20px;
}


#gallery-wrapper .block-header {
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

#gallery-wrapper article:hover {
	background: #7F8B9D;
	color: #000000;
	transition: all 0.1s 0.1s ease;
}

#gallery-wrapper .gallery-body {
	display: inline-block;
	vertical-align: top;
	width: 215px;
	height: auto;
	margin: 10px 2px 0 2px;
	background: #8F9BAD;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

#gallery-wrapper .gallery-content {
	width: 215px;
	height: 161px;
}

#gallery-wrapper .gallery-thumbnail {
	width: 215px;
	height: 161px;
}

#gallery-wrapper .gallery-date {
	display: block;
	width: inherit;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-style: italic;
	color: #293951;
	background: #FFDA00;
}

#gallery-wrapper .gallery-title {
	display: inline-block;
	width: 205px;
	height: 105px;
	overflow: hidden;
	margin: 0;
	padding: 5px;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
}

#gallery-wrapper .gallery-title a {
	color: #293951;
	opacity: 1;
	transition: opacity 0.3s 0.1s ease;
}

#gallery-wrapper .gallery-title:hover a {
	opacity: 0.7;
	transition: opacity 0.3s 0.1s ease;
}

#gallery-wrapper .gallery-author {
	padding: 5px;
	font-size: 12px;
	font-style: italic;
	text-align: right;
}
/* @todo remove */
/*------------------------------------------------
>>> TABLE OF CONTENTS
3	- Main page
3.1	- Content blocks
3.2 - Block icons
3.3 - Sidebar
4	- Pages
4.1 - single.php
4.2 - page.php
0.	- WordPress Core styles
------------------------------------------------*/

/*------------------------------------------------
3	- Pages
------------------------------------------------*/
#main-structure {
	float: left;
	width: 290px;
}

#main-services {
	float: left;
	width: 290px;
	margin-left: 10px;
}

#main-statistic {
	float: left;
	width: 290px;
	margin-left: 10px;
}

/*------------------------------------------------
3.1	- Content blocks
------------------------------------------------*/
.block-wrapper {
	background: #8F9BAD;
	margin-top: 20px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.block-content {
	padding: 10px;
}

.block-content p:first-child {
	margin-top: 0;
}

.block-content ul:first-child {
	margin-top: 0;
}

/*------------------------------------------------
3.3	- Sidebar
------------------------------------------------*/
#sidebar {
	float: right;
	width: 290px;
	margin-top: 20px;
	font-size: 13px;
	color: #FFFFFF;
	background: #8F9BAD;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.sidebar-wrapper {
	margin-bottom: 10px;
}

.sidebar-header {
	min-height: 30px;
	background: #3B5173;
}

.sidebar-header h3 {
	padding-right: 10px;
	margin: 0 0 0 50px;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	border-right: solid 2px #FFDA00;
}

.sidebar-header h3:first-letter {
	color: #FFDA00;
}

.sidebar-content {
	padding: 10px;
}

.sidebar-content p:first-child {
	margin-top: 0;
}

.sidebar-content ul:first-child {
	margin-top: 0;
}

.sidebar-content img {
	max-width: 100%;
	border: none;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.sidebar-content iframe {
	max-width: 100%;
	height: auto;
	border: none;
}

.reestratura-button {
	display: block;
	margin: 10px auto;
	height: 40px;
	width: 150px;
	text-align: center;
	line-height: 40px;
	background: #FFDA00;
	border-radius: 5px;
	transform: scale(1, 1);
	transition: transform 0.3s 0.1s ease;
}

.reestratura-button:hover {
	color: #293951;
	transform: scale(1.05, 1.05);
	transition: transform 0.3s 0.1s ease;
}

/*------------------------------------------------
0	- WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 10px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 10px auto 10px auto;
}

.alignright {
	float: right;
	margin: 10px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
}

a img.alignright {
	float: right;
	margin: 10px 0 20px 20px;
}

a img.alignnone {
	margin: 10px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 10px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFFFFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	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-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. */
}