/*
Theme Name: Envirelation
Description: Special theme. Based on Bootstrap framework
Version: 1.0
Author: Jurko Chervony
Theme URI: http://www.artdriver.com
Text Domain: cehla
*/


@import url("css/bootstrap.min.css");
@import url("css/wp.css");
@import url("css/plugins.css");

body {
    font-family: 'Open Sans', sans-serif;
    color: #585858;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    color: #d78b29;
}

h3 {
	color:#666;
}

a {
    color: #d78b29;
}
a:hover {
    color: #cc9933;
}

input::-webkit-input-placeholder {
    color: #e4e4e4;
}
input:-moz-placeholder {
    color: #e4e4e4;
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d99629;
    *background-color: #d99629;
    background-image: -moz-linear-gradient(top, #f9be51, #d99629);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9be51), to(#d99629));
    background-image: -webkit-linear-gradient(top, #f9be51, #d99629);
    background-image: -o-linear-gradient(top, #f9be51, #d99629);
    background-image: linear-gradient(to bottom, #f9be51, #d99629);
    background-repeat: repeat-x;
    border-color: #d99629 #d99629 #f9be51;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9be51', endColorstr='#d99629', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    color: #ffffff;
    background-color: #d99629;
    *background-color: #d99629;
}

.btn-primary:active,
.btn-primary.active {
    background-color: #cc9933 \9;
}

.form-search .input-append .search-query {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    padding-left: 7px;
    padding-right: 2px;
    border-right: 0 none;
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background: transparent none;
    padding-left: 4px;
    padding-right: 7px;
    border-left: 0 none;
    border-bottom-color: #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.form-search .input-append .btn i {
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.form-search .input-append .btn:hover i {
    opacity: 1;
}


/* Container
##############################################################################*/
#container {
    max-width: 960px;
    margin: 0 auto;
}
@media (min-width: 960px) {
    body.not-front #container {
        background: #fff url("i/bg.sdbr.png") 218px 137px no-repeat;
    }
}


body.home #wrapper,
body.error404 #wrapper,
body.attachment #wrapper,
body.page-template-tpl_onecolumn-page-php #wrapper {
    background-image: none;
}
@media (min-width: 960px) {
    #wrapper {
        background: transparent url("i/car.png") 0 100% no-repeat;
    }
}

/* Header
##############################################################################*/
#header {
    border-top: 5px solid #353535;
	padding:20px 0 0 0;
	margin-bottom:10px;
}

#branding {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
    #branding {
        width: 33%;
    }
}

#branding .logo {
	display: block;
	float: left;
	margin-right: 15px;
}

#branding hgroup {
	float: left;
}

#header .site-title {
	font-size:36px;
	line-height:1.05;
	font-family: Verdana, Tahoma, serif;
	padding:0;
	margin:0;
}
#header .site-title a {
	color:inherit;
	text-decoration:none;
}
#header .site-description {
	clear:both;
	font-size:15px;
	line-height:1.3;
	margin:10px 0 0 0;
}


/*** Header Widget Area ***/
#header-widget-area {
    margin-bottom: 7px;
}

@media (min-width: 768px) {
    #header-widget-area {
        width: 60%;
    }
}

#header-widget-area .textwidget {
    font-size: 18px;
    font-family: Georgia, serif;
    font-style: italic;
    font-weight: bold;
    color: #353535;
}

#header-widget-area .widget_text span {
    color: #d78b29;
}

#header-widget-area .block {
    margin: 0;
}


/*** Navigation ***/
#nav {
}

#nav .navbar-inner {
    background: #585858 none;
    border-color: #353535;
    border-width: 3px;
}

#nav ul {
}
#nav li {
}

@media (min-width: 980px) {
    #nav {
        width: 60%;
    }
    #nav ul.nav > li > a {
        text-transform: uppercase;
        border-left: 1px solid #828282;
    }

	#nav .navbar-inner {
		padding-left: 15px;
		padding-right: 15px;
	}
}

#nav ul.nav > li > a {
    color: #fff;
    font-size: 13px;
    text-shadow: 1px 1px 1px #383838;
}
#nav ul.nav > li:first-child a {
    border-left: 0 none;
}

#nav ul.nav > li > a:hover {
    color: #d78b29;
}

/* Drop-Down menu */
.dropdown .caret {
    margin-left: 4px;
}
#nav ul ul {
	-webkit-transition: opacity .4s;
	-moz-transition: opacity 0.4s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.4s;
	transition: opacity 0.4s;

	opacity:0;
	filter:alpha(opacity=0); /* for IE */
	height:0;
	overflow:hidden;

	position:absolute;
	top:30px;
	left:0;
	float:left;
	min-width:160px;
	z-index:666;
}
#nav ul ul li {
	background:#fff;

	min-width:160px;
	float:none;
}
#nav ul ul ul {
	left:100%;
	top:0;
}
#nav ul ul a {
	font-size:0.9em;
	line-height:26px;
	white-space: nowrap;
	padding:0 10px;
	min-width:140px;
	height:auto;
}

#nav li:hover > a { /* 1st level*/
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a { /* 2nd level */
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #d99629;
    *background-color: #d99629;
    background-image: -moz-linear-gradient(top, #f9be51, #d99629);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9be51), to(#d99629));
    background-image: -webkit-linear-gradient(top, #f9be51, #d99629);
    background-image: -o-linear-gradient(top, #f9be51, #d99629);
    background-image: linear-gradient(to bottom, #f9be51, #d99629);
    background-repeat: repeat-x;
    border-color: #d99629 #d99629 #f9be51;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9be51', endColorstr='#d99629', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/* Show children menu */
#nav li:hover > ul {
	height:auto;
	overflow:visible;
	opacity: 1;
	filter:alpha(opacity=100); /* for IE */
}
/* /Show children menu */


/* Active menu item */
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current_page_ancestor > a,
#nav ul li.current-page-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a,
#nav ul li.current-category-ancestor > a {
	background:#383838;
}
/* /Active menu item */


/* Content
##############################################################################*/
body.error404 #content,
body.attachment #content,
body.page-template-tpl_onecolumn-page-php #content {
	width:100%;
    float: left;
}

/*** 404 page ***/
body.error404 #content {}

body.error404 #content .entry-title {
    font-size: 36px;
}

body.error404 #content #searchform {
    margin-top: 25px;
}
body.error404 #content #s {
    width: 250px;
}
/*** /404 page ***/



/*** FRONT page ***/
body.home #content {}

body.home #content .hero-unit {
    background: #585858;
    border-bottom: 5px #4e4e4e solid;
    color: #fff;
    padding: 25px 30px 16px 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
body.home #content .hero-unit p {
	margin-bottom: 0;
}

@media (max-width: 979px) {
    body.home #wrapper #content .hero-unit {
        padding: 15px;
		text-align: center;
    }
    body.home #wrapper #content .hero-unit h2 {
        font-size: 30px;
        line-height: 1.3;
        border:0 none;
		float: none;
		width: 100%;
		border: 0 none;
		margin: 0 0 20px 0;
    }
	body.home #wrapper #content iframe {
		margin: 0 !important;
	}
	body.home #wrapper #content .sk-home-text {
		padding: 0 15px;
	}
}

body.home #content .hero-unit h2 {
    color: #fff;
    font-size: 36px;
    line-height: 1.4;
    font-weight: normal;
    font-family: Georgia, serif;
    font-style: italic;
    float: left;
    padding: 15px 0;
    margin: 0 35px 10px 0;
    border-top: 1px #777a7c solid;
    border-bottom: 1px #777a7c solid;
}

body.home #content iframe {
    border-radius: 5px;
    border: 5px solid #777a7c;
}

body.home #content .sk-home-text {
    padding: 0 35px;
    font-size: 18px;
    color: #343333;
}

body.home #content .sk-home-text h3 {
    font-size: 30px;
    color: #353535;
    margin-bottom: 40px;
}

body.home #content .sk-home-text .p1 {
    margin-bottom: 25px;
}
body.home #content .sk-home-text .p2 {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    body.home #content .sk-home-text {
        padding-right:35%;
        background: #fff url("i/car-big.png") 100% 100% no-repeat;
    }
}

body.home #content .subscribe-form {
    padding: 25px 35px;
    margin: 15px 0 0 0;
    background: #f2f4f6;
    border-bottom: 1px #eaecef solid;
}
body.home #content .subscribe-form label {
    font-size: 26px;
    line-height: 25px;
    margin: 0 15px 7px 0;
    float: left;
    line-height: 35px;
}

body.home #content .subscribe-form input[type='email'] {
    border: 3px #e4e4e4 solid;
    padding: 7px 7px 7px 45px;
    background: #fff url("i/ico.mail.png") no-repeat 7px 50%;
    font-size: 14px;
    height: auto;
    width: 365px;
}
body.home #content .subscribe-form .btn {
    padding: 9px 25px;
    font-size: 14px;
}
/*** /FRONT page ***/



#content {
    float: right;
    margin-left: 2.127659574468085%;
}

#content article {
	margin-bottom:25px;
	overflow:hidden;
	clear:both;
}
body.singular #content article {
	margin-bottom:5px;
}

#content h1.page-title { /* Title for category, tag, date and author archive */
	font-weight:bold;
	line-height:1.3;
	margin-bottom:25px;
	margin-top: 0;
	color: #585858;
}
#content h1.page-title a { /* Author name */
	color:#585858;
}


#content .entry-header { /* Post/Page header */
	margin-top: 0;
	margin-bottom: 10px;
	border-bottom: 0 none;
	padding-bottom: 0;
}
body.singular #content .entry-header {
	margin-bottom:20px;
}

#content .entry-title { /* Post/Page title */
	clear:both;
    font-size: 26px;
	line-height:1.2;
	margin:0;
}

#content .entry-title a {
	font-size:26px;
}
#content .entry-title a:hover {
}

#content hgroup {
	position: relative;
}

#content hgroup .entry-title {
	padding-top: 15px;
}
#content .entry-format {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	margin: 0;
}


/* Category description */
#content .archive-meta {
	font-family:Georgia,serif;
	font-size:0.9em;
	margin-bottom:20px;
}
/**/

/*** Info under below title ***/
#content article header .entry-meta {
    font-size: 11px;
}

body.singular #content article header .entry-meta {
	margin-top: 7px;
}
/**/

#content .entry-summary .attachment-post-thumbnail {
    border-radius: 5px;
    border: 5px solid #ccc;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#content .entry-summary .attachment-post-thumbnail:hover {
    border-color: #d78b29;
}


#content .entry-summary p:last-child {
    margin: 0;
}

/* More link */
#content .read-more-wrapper {
    display: block;
    margin-top: 8px;
    margin-bottom: 5px;
}
#content a.more-link {
    color: #353535;
    text-decoration: underline;
}
#content a.more-link:hover {
	color:#fff;
    text-decoration: none;
	background:#d78b29;
}
/**/

/*** Info below post ***/
#content article footer .entry-utility {
    font-size: 11px;
}
/**/

/* Edit post/page link */
#content article .edit-link a {
    color: #fff;
}


/* About Author */
#entry-author-info {
	clear:both;
	font-size:0.9em;
	line-height:1.2;
	margin:24px 0;
	overflow:hidden;
	padding:10px;
}

#entry-author-info #author-avatar {
	float:left;
	margin:0 15px 0 0;
}

#entry-author-info #author-description {
	overflow: hidden;
}
#entry-author-info #author-description h2 {
    margin-top: 0;
}

#entry-author-info #author-description #author-link {
	margin-top:15px;
	text-align:right;
}
/**/

/* Lists */
#content article ol {
	margin-left:2.5em;
}
#content article li ol {
	margin-top:10px;
	margin-left:1.8em;
}

#content article li {
	margin-bottom:10px;
}

#content article ul {
    margin: 0;
}
#content article ul li {
    list-style: none;
    padding-left: 20px;
    background: transparent url("i/li.png") no-repeat 0 1px;
}


/* Post navigation (prev-next) */
#content .pager li {
}
#content .pager li a {
	max-width: 43%;
	font-size: 0.9em;
    padding: 0;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#content .pager li a:hover {
    color: #fff;
    background: #383838;
}
/**/

/** Post parts nav **/
#content .page-link {
	font-weight:bold;
	clear:both;
	margin-top:5px;
}
#content .page-link a {
	color:#666;
	font-weight:normal;
	padding:2px 4px;
}
#content .page-link a:hover {
	color:#fff;
	background:#d78b29;
}
/**/

#content #nav-below {
	margin-bottom: 10px;
}



/* Comment Form
##############################################################################*/
#respond {
	float: left;
	width:100%;
	clear:both;
	margin: 20px 0 20px 0;
}

#commentform {
	background:#fafafa;
	border:1px solid #d3d3d3;
	padding:10px;
	margin: 0 10px 0 0;
}

#commentform p.logged-in-as a {
	color:#000;
}
#commentform p.logged-in-as a:hover {
	color:#d78b29;
}

#commentform p.logged-in-as a:first-child {
	font-weight:bold;
}

#commentform label {
	display: block;
	float: left;
	width: 60px;
	margin: 0 15px 0 0;
}
#commentform p.comment-form-comment label {
	float: none;
	width: auto;
	margin-bottom: 5px;
}

#commentform .required {
	color:#ff0000;
	font-size:1.1em;
}

#commentform input[type='text'] {
	width:230px;
}



#commentform p.comment-form-url {
	margin:0 0 17px 0;
}

#commentform textarea {
	display:block;
	color:#666;
	height:120px;
	margin:0 5px 15px 0;
	padding:2px;
	width:85%;
}

#commentform p.form-allowed-tags {
	display: none;
}


/* Display comments
##############################################################################*/
#comments {
	clear:both;
	float: left;
	width:100%;
}

/* Comment number */
#comments h3#comments-title {
	clear:both;
	margin:10px 0 35px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#comments .commentlist {
	clear:both;
	margin-left:0;
}
#comments .commentlist li.comment {
	margin:0 0 20px 0;
	list-style:none outside none;
	overflow:hidden;
}

/* Children comments (replies) */
#comments .commentlist ul.children {
	margin:20px 0 0 50px;
}
#comments .commentlist ul.children ul.children {
	margin-left: 34px;
}
#comments .commentlist ul.children li.comment {
	font-size: 0.9em;
}
#comments .commentlist ul.children li.comment:last-child {
	margin-bottom: 0;
}


/* Pingback & Trackback */
#comments .commentlist li.pingback p {
	margin:0;
}

/* If comment added by post author */
#comments .commentlist .bypostauthor {}

/* Odd-Even */
#comments ol.commentlist li.even {}
#comments ol.commentlist li.odd {}

#comments .commentlist li.comment .avatar {
	float:left;
	border:1px solid #ccc;
	padding:1px;
	background:#f3f3f3;
	margin: 0 15px 10px 0;
}

#comments .commentlist .children .avatar { /* Avatar in replies */
	width: 30px;
	height: 30px;
}

/* Comment author */
#comments .commentlist .fn {
	display: block;
}
#comments .commentlist .fn,
#comments .commentlist .fn a {
	font-weight:bold;
	font-size:1.1em;
	color:#333;
}

#comments .commentlist ul.children li.comment .fn {
	line-height: 1.15;
}

#comments .says {
	font-size:0.9em;
}
#comments .alt {}

#comments .commentmetadata a { /* Comment date-time */
	color:#666;
	font-size:0.9em;
	text-decoration:none;
}

#comments .comment-data {
	padding-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}

#comments .comment-awaiting-moderation {
	display: block;
	margin: 13px 0 0;
	padding: 7px;
	background-color: #ffffe0;
	border: 1px solid #e6db55;
}

#comments .comment-body { /* Comment text */
	margin:17px 0 0 0;
}


#content #comments .nocomments {  /* If no comments */
	text-align:center;
}

/* Edit links */
#comments .links {
	margin-top:10px;
}
#comments .links a {
	color:blue;
}

/* Reply link */
#comments .reply a {
	padding-left:20px;
	background:url("i/icons/reply.png") 0 100% no-repeat;
}



/* Sidebar && Widgets
##############################################################################*/
/* All Widgets */
.block h3,
.block h2 {
	font-size:1.25em;
	margin-bottom:7px;
}
.block h3 a {
	color:#000;
	text-decoration:none;
}
.block h3 a:hover {
	text-decoration:underline;
}

.block a {
}
.block a:hover {
}


.block {
	overflow:hidden;
	word-wrap:break-word;
	margin-bottom:20px;
	list-style:none outside none !important;
}

ul.xoxo {
	margin-left:0;
}

ul.xoxo ul  {
	margin-left:1.75em;
}


.block ul li {
	list-style:square outside none;
	margin-bottom:13px;
	line-height:1.35em;
	clear:both;
}
/* /All Widgets */

@media (min-width: 768px) {
    #sidebar {
        padding-bottom: 120px;
    }
}

#sidebar {
    float: left;
    margin-left: 0;
}

/** Widgets in Sidebar **/
#sidebar .block {
	font-size:0.9em;
}

#sidebar .widget-title {
	font-size:26px;
    line-height: 1.2;
    color: #585858;
    font-weight: 700;
	margin:0 15px 20px 15px;
}


#sidebar .block ul {
	margin: 0;
}
#sidebar .block ul li {
	list-style: none;
	margin-bottom: 20px;
}


/* Menus */
#sidebar .widget_nav_menu {}
#sidebar .widget_categories {}

#sidebar .widget_nav_menu ul ul,
#sidebar .widget_categories ul ul {
	display: none;
}

#wrapper #sidebar .widget_nav_menu li,
#wrapper #sidebar .widget_categories li {
    border-bottom: 0 none;
	padding: 8px 0;
	margin: 0;
}
#wrapper #sidebar .widget_nav_menu li a:hover,
#wrapper #sidebar .widget_categories li a:hover {
	color:#cc9933;
}

#wrapper #sidebar .widget_nav_menu li a,
#wrapper #sidebar .widget_categories li a {
	font-size: 13px;
	color: #353535;
    padding: 0 15px;
	text-decoration: none;
}

#wrapper #sidebar .widget_nav_menu .current-menu-item,
#wrapper #sidebar .widget_categories .current-cat {
	background: #ccc url("i/bg.sdbr-active-menu-item.png") no-repeat 100% 50%;
}

#wrapper #sidebar .widget_nav_menu .current-menu-item a,
#wrapper #sidebar .widget_categories .current-cat a {}

#wrapper #sidebar .widget_nav_menu .current-menu-item a:hover,
#wrapper #sidebar .widget_categories .current-cat a:hover {
	color: #353535;
}



@media (max-width: 900px) {
	#sidebar .form-search .input-append .search-query {
		width: 100px;
	}
}



/* Footer
##############################################################################*/
#footer {
	border-top:1px #e5e5e5 solid;
    border-bottom: 5px solid #585858;
    background: #353535;
	padding:15px 20px 0 20px;
	margin:10px 0 0;
	font-size:0.9em;
	text-shadow: 1px 1px 1px #353535;
    color: #fff;
	overflow: hidden;
}

#footer .block {
	margin-bottom: 15px;
}

@media (min-width: 768px) {
    #footer [class*="span"] {
        margin: 0;
        overflow: hidden;
    }

    #footer [class*="span"]:first-child {
        width: 65%;
    }

	/* Copyrights */
    #footer [class*="span"]:last-child {
        width: 30%;
		text-align: right;
		padding-top: 50px;
		background: transparent url("i/envirelation--footer-logo.png") no-repeat 100% 0;
    }
}


/* Footer menu */
#footer .widget_nav_menu {
	float: left;
	font-size: 13px;
	padding-right: 35px;
	padding-left: 0;
}
@media (min-width: 900px) {
	#footer .widget_nav_menu {
		padding-right: 120px;
		padding-left: 50px;
		border-right:1px solid #504f4e;
	}
}


#footer .widget_nav_menu ul {
	margin:0;
}
#footer .widget_nav_menu li {
	list-style:none;
	margin-bottom: 5px;
}

#footer .widget_nav_menu li a {
	color:#fff;
}
#footer .widget_nav_menu li a:hover {
	color:#d78b29;
}
#footer .widget_nav_menu li.current-menu-item a {
	font-weight: bold;
}

#footer .widget_nav_menu ul ul {
	display:none;
}
/**/

/* Copyrights */
#footer [class*="span"]:last-child {
	margin-bottom: 15px;
	font-size: 12px;
}




/* Mobile
##############################################################################*/

/* END CSS */