/*
Theme Name: Grid Portfolio
Theme URI: http://www.dessign.net/gridportfolio
Description: Grid Portfolio Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator or graphic designer. 
Version: 2.0
Author: Marios Lublinski
Author URI: http://www.dessign.net
Tags: 2 column theme, white, clean

*/

/* Global */

* { margin: 0; padding: 0; }
body { background-color: #edeeee; font-size: 18px; font-family: calibri, arial, georgia, verdana; }
#main_container { width: 968px; background-color: #fff; margin: 0 auto; }
.clear { clear: both; }
h1,h2,h3,p { margin: 10px 0; }
h3 { font-size: 11px; color:#525252; }
h4 { font-size: 18px; }
.left { float: left; }
.right { float: right; }
a { color: #525252; text-decoration: none; }
a:hover { text-decoration:underline; }
img { border: none; }

/* Header */

#menu_container { width: 938px; padding: 20px 15px; border-bottom: 1px solid #eee; }
#menu_container ul { list-style-type: none; }
#menu_container ul li { float: left; margin: 0 10px; font-size: 11px; }
#menu_container .left_list { float: left; }
#menu_container .right_list { float: right; }
#menu_container .right_list li { margin: 0 5px; }

#header_container { width: 953px; padding: 20px 0px 20px 15px; border-bottom: 1px solid #eee; }
.logo { float: left; }
#header_container .right_text { float: right; background-color:#afafaf; font-size: 15px; color: #fff; padding: 5px; font-weight: normal; }

#header_category_container { width: 910px; background-color: #fff; padding: 1px 29px; color: #fff; margin-top: 5px; margin-bottom: 5px; }
#header_category_container ul { list-style-type: none; }
#header_category_container ul li { float: left; margin-right: 20px; font-size: 15px; font-weight: normal; }
#header_category_container ul li a { color: #fff; }


#featured_home_top { width: 910px; padding: 1px 29px;}
#featured_home_top .home_top_box { width: 284px; float: left; margin-right: 25px; }
#featured_home_top .home_top_box img { width: 284px; height: 176px; }
#featured_home_top .last { margin-right: 0px; }

/** Content **/

#content { width: 968px; float: left; margin-top: 15px; }

#content .featured_box { width: 250px; float: left; margin-right: 50px; color:#afafaf; }
#content .featured_box img { width: 240px; height: 250px; }
#content .featured_box p { font-size: 11px; color:#afafaf; }
#content .last { margin-right: 0px; }
#content .first { margin-left: 61px; }

#content .single { padding-left: 29px; width: 920px; }
#content .single h1 { font-size: 13px; }

#content .post_divider { width: 100%; height: 2px; border-bottom: 1px solid #eee; margin: 30px 0; }
.nav_container { width: 880px; margin: 15px 0; padding: 0 10px; }


/** Footer **/

#footer { width: 958px; padding: 5px 5px; text-align: right; border-top: 1px solid #eee; margin-top: 5px; color:#afafaf; }

/* New Header */

header { 
	width: 938px; 
	padding: 20px 15px; 
	border-bottom: 1px solid #eee;
	display: flex;	
    justify-content: space-between;
}

header .schedule_block, header .contacts_block, header .contacts_contacts a {
	color: #0b54a0;
}


header .menu_block {	
	width: 50%;
}

header .menu_block ul {
	list-style-type: none;
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

header .menu_block ul li {
	padding: 2px;
	background: #00509e;
	border-radius: 11px;
	margin-top: 10px;
}

header .menu_block ul li:hover {
	transition: opacity 0.2s ease-in;
	opacity:.5;
}

header .menu_block ul li a {
	display: inline-block;
	padding: 5px 10px;
	border: 2px solid white;
	color: #fff;
	border-radius: 10px;
	font-size: 13px;
}

header .menu_block ul li a:hover {
	text-decoration: none;
}

header .schedule_block {	
	width: 20%;
	font-size: 14px;
	text-align: center;
	align-self: flex-end;
}

header .schedule_block p {
	margin: 0;
}

header .contacts_block {
	display: flex;
	justify-content: space-between;
	width: 28%;
}

header .contacts_block .contacts_contacts {
	width: 85%;
	align-self: flex-end;
}

header .contacts_block .contacts_contacts a:hover {
	text-decoration: none;
}

header .contacts_block .contacts_contacts .phone {
	font-size: 27px;
}

header .contacts_block .contacts_contacts .address {
	font-size: 14.5px;
	color: red;
}

header .contacts_block .contacts_image {
	width: 10%;
	align-self: flex-end;
}

header .contacts_block .contacts_image img {
	width: 28px;
}

header .buttoncall {
	height: 20px;
	width: 150px;
	background: red;
	color: #fff;
	padding: 4px 4px;
	border-radius: 12px;
position: relative;
left: 50%;
transform: translate(-50%, 0);
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    color: #000;
    width: 80%;
	font-size: 2em
}