/*
 Theme Name:     Avalis Theme
 Theme URI:      http://example.com/twenty-thirteen-child/
 Description:    Twenty Thirteen Child Theme
 Author:         Avalis
 Author URI:     http://www.avalis.eu/
 Template:       twentythirteen
 Version:        1.0.0
*/

/* =Imports styles from the parent theme
-------------------------------------------------------------- */
@import url('../twentythirteen/style.css');


/* =Theme customization starts here
-------------------------------------------------------------- */

html,
button,
input,
select,
textarea {
	font-family: "Open Sans", Helvetica, sans-serif;
	font-weight: 300;

}

body {
	color: #555;
	line-height: 1.7;

}

a {
	color: #9aac3b;
}

a:visited {
	color: #9aac3b;
}

a:active,
a:hover {
	color: #9aac3b;
}


h1 {
	font-size: 32px;
}

h2 {
	font-size: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	font-weight: 100;
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #2d7c62; /* Old browsers */
	background: -webkit-linear-gradient(top, #2d7c62 0%, #1d6c52 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #2d7c62 0%, #1d6c52 100%); /* W3C */
	border-bottom: 3px solid #0d5c42;
	color: #fff;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
	background: #4d9c82; /* Old browsers */
	background: -webkit-linear-gradient(top, #4d9c82 0%, #3d8c72 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #4d9c82 0%, #3d8c72 100%); /* W3C */
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background: #3d8c72; /* Old browsers */
	background: -webkit-linear-gradient(top, #3d8c72 0%, #4d9c82 100%); /* Chrome 10+, Safari 5.1+ */
	background:   linear-gradient(to bottom, #3d8c72 0%, #4d9c82 100%); /* W3C */
	border-top: 3px solid #0d5c42;
}



/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.badge-logo {
	height: 70px;
	width: 100%;
	max-width: 300px;
	box-shadow: 0px 0px 5px -2px #000;
	border-radius: 0px 0px 5px 5px;
	background-color: #fff;
}


.site-logo {
	width: 100%;
	max-width: 300px;
	padding: 115px 0 10px;
}

.site-title {
	font-family: "Roboto Condensed";
	/*font-family: Bitter, Georgia, serif;*/
	font-size: 40px;
	font-weight: 100;
	text-shadow: -1px 0 2px black, 0 1px 2px black, 1px 0 2px black, 0 -1px 2px black;
	padding: 90px 0 10px;

}

.site-description {
	font: 300 normal 20px "Open Sans", Helvetica, sans-serif;
	text-shadow: -1px 0 2px black, 0 1px 2px black, 1px 0 2px black, 0 -1px 2px black;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.nav-menu li a {
	color: #fff;
	font-weight: 300;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #9aac3b;
	font-style: normal;
	font-weight: bold;
	background-color: #fff;
}

.nav-menu li:hover > a,
.nav-menu li a:hover {

	background-color: rgba(231, 229, 215, 0.3); /*#e7e5d7;*/
	color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
     background-color: #e7e5d7;
     border: 2px solid #e7e5d7;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
      color: #000;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover {
     background-color: #9aac3b;
}


.navbar {

margin-top: -50px;

	background: #e7e5d7; /* Old browsers */

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 26%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(26%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 26%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 26%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 26%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 26%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */

}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.entry-thumbnail img {
	margin: 0 auto 30px;
}

.entry-title {
	font: 100 normal 32px "Roboto Condensed", Helvetica, sans-serif;
	color: #9aac3b;
/*
	position: relative;
	left: -320px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

   also accepts left, right, top, bottom coordinates; not required, but a good idea for styling 
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: -20px -40px;
  transform-origin: -20px -40px;

   Should be unset in IE9+ I think. 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
*/
}

.entry-title a {
	color: #9aac3b;
}

.entry-title a:hover {
	color: #9aac3b;
}


/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta a {
	color: #2d7c62;
}

.entry-meta a:hover {
	color: #2d7c62;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content a,
.comment-content a {
	color: #a69040;
}

.entry-content a:hover,
.comment-content a:hover {
	color: #a69040;
}
.entry-content .quote {
	font-style: italic;
	color: #777;
}

/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

.format-link .entry-title {
	font: 300 normal 20px "Open Sans", Helvetica, sans-serif;
}

/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .entry-title {
	font: 300 normal 30px "Open Sans", Helvetica, sans-serif;
}


/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation a {
	color: #2d7c62;
}

.navigation a:hover {
	color: #2d7c62;
	text-decoration: none;
}

.post-navigation {
	color: #2d7c62;
	font-style: normal;
}

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-description .author-title {
	font: 300 normal 20px "Open Sans", Helvetica, sans-serif;

}

/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

.archive-header {
	background-color: #d2c79f;
}

.archive-title,
.archive-meta {
	font: 300 normal 32px "Open Sans", Helvetica, sans-serif;
	color: #a69040;
}


/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */

.page-header {
	background-color: #d2c79f;
}

.page-title {
	font: 300 normal 32px "Open Sans", Helvetica, sans-serif;
	color: #a69040;
}

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-area {
	background-color: #d2c79f;
	padding: 30px 0;
}

.comments-title {
	font: 300 normal 28px "Open Sans", Helvetica, sans-serif;
	color: #a69040;
}

.comment-meta,
.comment-meta a {
	color: #2d7c62;
	font-size: 13px;
}

.comment-meta a:hover {
	color: #2d7c62;
}

/* Comment form */
.comment-respond {
	background-color: #96BDB0;
	padding: 30px 0;
}

.comment-reply-title {
	font: 300 normal 28px "Open Sans", Helvetica, sans-serif;
	color: #2d7c62;
}




/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget .widget-title {

	font: 100 normal 20px "Roboto Condensed", Helvetica, sans-serif;
	color: #96BDB0;
}

.widget a {
	color: #fff;
}

.widget a:hover {
	color: #ccd59d;
}

.at4-icon {
	display: inline !important;	
}

.addthis_follow_label {
	display: inline !important;
}

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	background-color: #fff;
	color: #686758;
	font-family: "Roboto Condensed", Helvetica, sans-serif;
	font-weight: 100;
}

.site-footer a {
	color: #d2c79f;
}

.site-footer .sidebar-container {
	background-color: #2D7C62;
}

.site-footer .widget a {
	color: #fff;
}

@media (max-width: 643px) {

	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Open Sans", Helvetica, sans-serif;
		margin: 0;
	}
}