/*
Theme Name: FEC, Empresa i Comunicació
Theme URI:    http://quarktheme.com/
Description:  
Author: Designing The Code       
Author URI:   http://www.designingthecode.com
Template: quark
Description: Quark is your basic building block for creating beautiful, responsive custom themes. It's not a convoluted or confusing framework that's hard to learn or even harder to modify. It's a simple and elegant starter theme built on HTML5 & CSS3. Its base is a responsive, 12 column grid. It incorporates custom Theme Options that are easy to modify, a set of common templates, support for WordPress Post Formats and the gorgeous, retina friendly Font Awesome icon font.
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, dark, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: quark
*/

@import url("../quark/style.css");
@import url("css/theme.css");
@import url("css/grid.css");

/* ==========================================================================
   Default stylings from HTML5 Boilerplate
   ========================================================================== */

::-webkit-selection { background: #999; color: #fff; text-shadow: none; }
::-moz-selection { background: #999; color: #fff; text-shadow: none; }
::selection { background: #999; color: #fff; text-shadow: none; }

a { color: #D8202B; text-decoration: none; outline: none; }
a:visited { color: #D8202B; }
a:focus { outline: thin dotted; color: #D8202B; }
a:hover { outline: 0; color: #D8202B; text-decoration: underline }
a:active { outline: 0; color: #D8202B; }

article.page a, article.post a { color: #D8202B; text-decoration: none; outline: none; }
article.page a:visited, article.post a:visited { color: #D8202B; }
article.page a:focus, article.post a:focus { outline: thin dotted; color: #D8202B; }
article.page a:hover, article.post a:hover { outline: 0; color: #D8202B; text-decoration: underline }
article.page a:active, article.post a:active { outline: 0; color: #D8202B; }

.widget-area a { color: #4C4C4C; text-decoration: none; outline: none; }
.widget-area a:visited { color: #4C4C4C; }
.widget-area a:focus { outline: thin dotted; color: #D8202B; }
.widget-area a:hover { outline: 0; color: #D8202B; text-decoration: none }
.widget-area a:active { outline: 0; color: #D8202B; }

/* ==========================================================================
   Basic page styles
   ========================================================================== */
html {
	font-size: 62.5%;
}

body { 
	font: 16px/1.5 Arial, sans-serif;
	font-size: 1.6rem;
	color: #4C4C4C;
}

p, ol, ul, dl, address {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}

dt, b, strong, em, strong em, b em {
	font-family: Arial, sans-serif;
}

blockquote {
	border-left: 5px solid #4C4C4C;
	margin: 18px 0 18px 0;
	margin: 1.8rem 0 1.8rem 0;
	padding: 0 0 0 16px;
	padding: 0 0 0 1.6rem;
}

blockquote.pull-right {
	border-left: 0 none;
	border-right: 5px solid #333;
	margin: 0 0 18px 0;
	margin: 0 0 1.8rem 0;
	padding: 0 16px 0 0;
	padding: 0 1.6rem 0 0;
	float: none;
}

blockquote p {
	font-style: italic;
	font-weight: 400;
	font-size: 20px;
	font-size: 1.4rem;
	line-height: 26px;
	margin-bottom: 0;
}

blockquote.pull-right p, blockquote.pull-right small {
	text-align: right;
}

blockquote cite:before {
	content: "\2014 ";
}

blockquote cite {
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 21px;
	color: #999;
	display: block;
}


.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	color: #999;
	text-align: center;
	padding: 5px 0 0;
	padding: 0.5rem 0 0;
}

.menu-toggle, button, input {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	font-size: 1.6rem; 
	line-height: 20px;
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

.menu-toggle,
.btn {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;	
}

.menu-toggle,
.btn,
input[type="submit"] {
	font-weight: bold;
	display: inline-block;
	*display: inline;
	padding: 3px 8px;
	padding: 0.3rem 0.875rem;
	margin-bottom: 0;
	*margin-left: .3em;
	text-align: center;
	text-shadow: none;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	background-repeat: repeat-x;
	border: none;
	*border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	*zoom: 1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input[type="submit"] {
	margin: 10px 0;
	margin: 1rem 0;
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	font-size: 1.3rem; 
	line-height: 19px; 
	padding: 6px 10px;
	padding: 0.6rem 1rem;
}

.menu-toggle:hover,
.btn:hover,
input[type="submit"]:hover {
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	-moz-transition: background-position 0.1s linear;
	-ms-transition: background-position 0.1s linear;
	-o-transition: background-position 0.1s linear;
	transition: background-position 0.1s linear;
}

.menu-toggle:focus,
.btn:focus,
input[type="submit"]:focus {
	outline: thin dotted #999;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

.menu-toggle:active,
.btn.active,
.btn:active,
input[type="submit"]:active {
	background-color: #D8202B;
	background-image: none;
	outline: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position:relative;
	top:1px;
}

.btn.disabled, .btn[disabled] {
	cursor: default;
	background-color: #D8202B;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/* Form fields */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	font-size: 1.3rem; 
	line-height: 19px; 
	padding: 8px;
	padding: 0.8rem;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea {
	color: #4C4C4C;
}

select,
label,
button {
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	font-size: 1.3rem; 
	line-height: 19px; 
	color: #4C4C4C;
}

button { 
	font-weight: 700; 
}

#searchform .form-wrapper { 
	padding: 0 9.3% 0; 
}

#searchform input[type="text"] {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width: 30%; 
	height: 30px 
}

#site-navigation-bar #searchform input[type="text"] {
	width: 100%;
	max-width: 104px;
}

#searchform button.btn-search { 
	border: none; 
	cursor: pointer; 
	text-align: center; 
	vertical-align: middle; 
	padding: 0; 
	width: 30px; 
	height: 30px 
}

.gray { color: #999; }

/* ==========================================================================
   Layout and Grids
   ========================================================================== */

.site-content .grid_8_of_12, 
#site-navigation { 
	padding-left: 3% 
}
.site-content .grid_12_of_12 { 
	padding-left: 3%; 
	padding-right: 3%; 
}
.site-content .col {  
	padding-bottom: 5000px; 
	margin-bottom: -5000px; 
}
#footercontainer .row, 
#footercontainer footer { 
	padding-left: 1.9%; 
	padding-right: 1.9%; 
}

.one-half.first,
.one-half { 
	display: block; 
	float:left; 
}

.clear-line { 
	clear: both; 
	border-bottom: 1px solid #CCC; 
	padding-top: 3rem; 
	margin-bottom: 3rem; 
}

.post-row { 
	overflow: hidden; 
	clear: both; 
}

.post-col { 
	float: left; 
	width: 69.4%; 
}

.post-col.post-entry-image { 
	float: left; 
	width: 26.6%;
	margin-right: 4%;
}

.post-entry-image .entry-image { 
	padding: 4px 0 22px 0;
	padding: 0.4px 0 2.2rem 0
}


/* ==========================================================================
   Site specific styles
   ========================================================================== */

#headercontainer { 
	margin-bottom: 5px;
	margin-bottom: 0.5rem  
}

#headercontainer h1 a { 
	line-height: 0; 
}

#site-top { 
	width: 100%; 
	background-color: #FFF; 
	border-bottom: 1px solid #CCC; 
	padding: 9px 0 5px 0;
	padding: 0.9rem 0 0.5rem 0;
}

#site-top .link-mon {
    text-align: right;
}

.link-mon a {
    position: relative;
    top: 25%;
}

.site-header {
	font-size: 16px;
	font-size: 1.6rem;
	color: #4C4C4C;
}

.site-title h1 {
	margin-top: 20px;
	margin-top: 2rem;
}

.site-title a {
	color: #4C4C4C;
	font-size: 64px;
	font-size: 6.4rem;
	text-decoration: none;
}

#maincontentcontainer {
	background-color: none; 
	padding-top: 21px 0 40px; 
	padding-top: 2.1rem 0 4rem; 
}

#maincontentcontainer, .site-content {
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	font-size: 1.3rem;  
	line-height: 19px; 
	color: #4C4C4C;
}

#maincontentcontainer .home-sidebar .widget {
	background-color: #fcfcfc;
	border: 1px solid #bbb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	padding: 10px;
	padding: 1rem;
}

.site-content {
	clear: both;
	width: 90%;
	font-size: 16px;
	font-size: 1.6rem;
	color: #4C4C4C;
	line-height: inherit;
	padding: 21px 0 40px; 
	padding: 2.1rem 0 4rem; 
	overflow: hidden;
	background-color: #FFF;
}

.site-content article {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	margin-bottom: 25px; 
	margin-bottom: 2.5rem; 
	padding-bottom: 32px; 
	padding-bottom: 3.2rem; 
	border-bottom: 1px solid #CCC;
}

.site-content article.page { 
	border-bottom: none; 
}

.home-sidebar {
	padding-bottom: 32px;
	padding-bottom: 3.2rem;
}

/* Social Media icons */
.social-media-icons a {
	color: #4C4C4C;
	text-decoration: none;
}

.social-media-icons a:visited {
	color: #4C4C4C;
}

.social-media-icons a:hover, .social-media-icons a:active { 
	color: #D8202B;
}

div.sharedaddy h3.sd-title {
	font-size: 13px !important;
	font-size: 1.3rem !important;
	font-style: normal;
}

/* ==========================================================================
   Main Content
   ========================================================================== */

.comments-link {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	float: left;
}

.post .entry-header { 
	margin-bottom: 32px;
	margin-bottom: 3.2rem 
}

.page .entry-header { 
	margin-bottom: 16px;
	margin-bottom: 1.6rem 
}

h1 a:hover { 
	text-decoration: underline;
}

.entry-header h1 a {
	color: #4C4C4C;
}

.entry-header h1 a:visited {
	color: #4C4C4C;
}

.entry-header h1 a:hover {
	color: #4C4C4C;
	text-decoration: underline;
}

.entry-summary p {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

article.sticky .featured-post { /* títol entrada destacada */
	display: none;
}

.site-content article {
	margin-bottom: 25px;
	margin-bottom: 2.5rem;
	-ms-word-wrap: break-word;
	-webkit-hyphens: auto;
	word-wrap: break-word;
}

.header-meta {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	padding: 5px 0;
	padding: 0.5rem 0;
	*zoom: 1;
}

.header-meta a:visited {
	color: #4C4C4C;
}

.header-meta a:hover {
	color: #D8202B;
}

.entry-content {
	margin-bottom: 0;
}

.entry-content a.more-link { 
	margin-top: 10px; 
	margin-top: 1rem; 
	color: #D8202B; 
	text-decoration: none; 
	display: block 
}

.entry-content a.more-link:hover { 
	text-decoration: underline; 
}

.entry-content p { 
	margin-bottom: 20px;
	margin-bottom: 2rem; 
}

.entry-meta p.tags a:hover, 
.entry-content p.more-link a:hover { 
	text-decoration: underline; 
}

.entry-content p.more-link { 
	margin-top: 7px; 
	margin-top: 0.7rem; 
}

.entry-meta tags { 
	color: #999; 
}

.entry-meta tags a,
article.post { 
	position: relative
}

footer.entry-meta { 
	margin-top: 8px;
	margin-top: 0.8rem;
	overflow: hidden
} 

.post-categories a,
.post-tags a {
	font-size: 13px;
	font-size: 1.3rem;
	background: none;
	color: #D8202B;
	padding: 0;
	margin: 0;
	display: inline;
	text-decoration: none;
}

.post-categories a:visited,
.post-tags a:visited {
	color: #D8202B;
}

.post-categories a:hover,
.post-tags a:hover {
	color: #D8202B;
	text-decoration: underline;
}

.entry-header-meta { 
	margin-bottom: 0;
}

.entry-header-meta a { 
	color: #D8202B; 
	text-decoration: none;
}

.entry-header-meta a:hover { 
	text-decoration: underline;
}

.entry-header address,
.comment-content address {
	font-family: Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	display: block;
}

.entry-header time,
.entry-header address {
	font-family: Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0 20px 0 0;
	margin: 0 2rem 0 0;
}

.entry-image {
	padding: 0 0 22px 0;
	padding: 0 0 2.2rem 0
}

.imagelist { 
	overflow: hidden; 
	clear: both; 
}

.imagelist img { 
	float: left; 
	padding-right: 20px;
	padding-right: 2rem; 
}

.page-links {
	line-height: 16px;
	color: #4C4C4C;
}

.page-links .page-numbers {
	background-color: #999;
	border: 1px solid #999;
	padding: 2px 4px;
	padding: 0.2rem 0.4rem;
	color: #fff;
}

.page-links a {
	text-decoration: none;
}

.page-links a .page-numbers {
	background-color: transparent;
	color: #999;
}

.page-links a:hover .page-numbers {
	background-color: #D8202B;
	color: #fff;
}

.entry-content dl,
.comment-content dl {
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
}

.entry-content dt,
.comment-content dt {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: inherit;
	background: transparent url("images/list-image.png") no-repeat left 4px; 
	padding: 0 0 5px 15px;
	padding: 0 0 0.5rem 1.5rem
}

.entry-content dl.gallery-item dt,
.comment-content dl.gallery-item dt {
	background: none; 
	padding: 0;
}

.entry-content dd,
.comment-content dd {
	line-height: inherit;
	margin: 0 0 20px 30px;
	margin-bottom: 0 0 2rem 3rem;
}

.entry-content table#who-is-who {
	margin-top: 40px;
	margin-top: 4rem;
}

.entry-content table#who-is-who td {
	padding: 15px 1rem 15px 0;
	padding: 1.5rem 1rem 1.5rem 0
}

.entry-content table#who-is-who,
.entry-content table#who-is-who table {
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.entry-content table,
.comment-content table {
	border-right: none;
    border-left: none;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	margin: 0 0 15px;
	margin: 0 0 1.5rem;
	width: 100%;
}

.entry-content table h3,
.comment-content table h3 { 
	font-size: 15px;
	font-size: 1.5rem;  
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
}


.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 24px 0;
	margin: 2.4rem 0;
}

.entry-content thead, 
.comment-content thead {
    background-color: #f2f2f2;
}

.entry-content td,
.comment-content td {
	border: none;
	padding: 10px;
	padding: 1rem;
}

.entry-content tr,
.comment-content tr {
    border-bottom: 1px solid #ccc;
	vertical-align: middle;
}

.entry-content td.member-info { 
	border-top: 1px solid #CCC;  
}

.entry-content .quadricula {
	border-collapse: collapse;
	border-style: hidden;
}

.entry-content .quadricula td {
	border: 1px solid #ccc;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	line-height: 1.5;
	padding: 0;
}

.entry-content ul,
.comment-content ul {
	list-style-image: url("images/list-image.png"); 
	list-style-position: inside; 
	margin: 0 0 30px 3px;
	margin: 0 0 3rem 0.3rem
}

.entry-content ul ul, 
.comment-content ul ul, 
.entry-content ol ol, 
.comment-content ol ol, 
.entry-content ul ol, 
.comment-content ul ol, 
.entry-content ol ul, 
.comment-content ol ul {
    margin: 7px 0 0 30px;
    margin: 0.7rem 0 0 3rem;
}

.entry-content ol,
.comment-content ol {
	list-style: decimal outside;
}

.entry-content li,
.comment-content li {
	margin: 0; 
	padding-bottom: 7px;
	padding-bottom: 0.7rem;
}

.entry-content li:last-child,
.comment-content li:last-child {
	padding-bottom: 0;
}

.entry-extras { 
	margin-top: 23px;
	margin-top: 2.3rem
}

.entry-extras span { 
	margin-right: 7px;
	margin-right: 0.7rem;
	float: left;
}

.entry-extras span a { 
	background-color: #999;
	padding: 3px 8px 3px; 
	padding: 0.3rem 0.8rem; 
	font-weight: bold; 
	color: #FFF !important; 
	display: inline-block
}

.entry-extras span a:hover { 
	background-color: #D8202B; 
	text-decoration: none;
	color: #FFF;
}

.entry-extras a, .entry-extras a:hover { 
	color: #FFF; 
	text-decoration: none 
}

/* Author profiles */
.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

.author-info {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 32px 0;
	margin: 3.2rem 0;
	padding: 24px 0;
	padding: 2.4rem 0;
	overflow: hidden;
	*zoom: 1;
}

.author-description h2 {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
}

.author-description p {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	margin-bottom: 8px;
	margin-bottom: 0.8rem;
}

.author-link {
	font-size: 13px;
	font-size: 1.3rem;
}

.author-link a {
	color: #D8202B;
	text-decoration: none;
}

.author-link a:visited { 
	color: #D8202B;
}

.author-link a:hover {
	outline: 0;
	color: #D8202B;
	text-decoration: underline;
}

.author-link a:focus,
.author-link a:active { 
	outline: 0;
	color: #D8202B;
}

.author.archive .author-info {
	border-top: 0;
	margin: 0 0 32px;
	margin: 0 0 3.2rem;
}

.author.archive .author-avatar {
	display: none;
}

.author.archive .author-link {
	display: none;
}

.author-avatar {
	display: none;
}

.author-description {
	float: right;
	width: 80%;
}

.social-meta a {
	text-decoration: none;
	margin-right: 5px;
	margin-right: 0.5rem;
}

/* ==========================================================================
   Post Formats
   ========================================================================== */

.entry-media {
	margin: 0 auto 16px;
	margin: 0 auto 1.6rem;
	max-width: 792px; 
	width: 100%;
}

.entry-media .wp-caption,
.entry-media .wp-caption-text,
.entry-media [class*="align"] {
	margin: 0 auto;
}

/* Aside */
.format-aside .entry-content {
	margin: 20px 0 18px 0;
	margin: 2rem 0 1.8rem 0;
}

.format-aside .entry-content p:last-child {
	margin-bottom: 0;
}

/* Status */
.format-status .entry-content {
	border-left: 5px solid #ddd;
	margin: 20px 0 18px 0;
	margin: 2rem 0 1.8rem 0;
	padding: 0 0 0 15px;
	padding: 0 0 0 1.5rem;
}

.format-status .entry-content p {
	font-size: 20px;
	font-size: 2rem;
	font-style: italic;
}

.format-status .entry-content p:last-child {
	margin-bottom: 0;
}

/* Quote */
.format-quote .entry-content blockquote:before {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	speak: none;
	vertical-align: top;
	font-size: 40px;
	font-size: 4rem;
	content: "\f10d";
	color: #4C4C4C;
	top: -15px;
	left: 0;
	position: absolute;
	z-index: -1;
}

.format-quote .entry-content {
	margin-top: 24px;
	margin-top: 2.4rem;
	position: relative;
}

.format-quote .entry-content blockquote {
	border: none;
	margin-left: 0;
}

/* Audio */
.format-audio .wp-audio-shortcode {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}


/* ==========================================================================
   Archives
   ========================================================================== */

.archive-header,
.page-header {
	margin-bottom: 32px;
	margin-bottom: 3.2rem;
	border-bottom: 1px solid #CCCCCC;
}


header.archive-header h1, 
header h1.page-title { 
	font-size: 14px;
	font-size: 1.4rem; 
	text-transform: none 
}

.archive-meta {
	font-family: 'Lato', Arial, sans-serif;
	font-style: italic;
	font-weight: 400;
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 21px;
	margin-top: 16px;
	margin-top: 1.6rem;
}


/* ==========================================================================
   Comments
   ========================================================================== */

.comments-title, 
h3.comment-reply-title {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 30px;
	font-weight: normal;
}

.comments-area article {
	padding-bottom: 32px;
	padding-bottom: 3.2rem;
	margin: 25px 0;
	margin: 2.5rem 0;
	border-bottom: 1px solid #ccc;
}

.comments-area article header {
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	overflow: hidden;
	position: relative;
}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header img.avatar {
	margin: 0 18px 0 0;
	margin: 0 1.8rem 0 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 0;
}

.comments-area article header cite.fn span {
	display: none;
}

.comments-area article header cite {
	font-family: Arial, sans-serif; 
	font-size: 13px;
	font-size: 1.3rem;  
	line-height: 19px; 
	font-style: normal;
	color: #4C4C4C;
	font-weight: bold; 
}

.comments-area article header time {
	font-family: Arial, sans-serif; 
	font-size: 13px;
	font-size: 1.3rem;  
	line-height: 19px; 
	font-style: normal;
	font-weight: 400;
	text-decoration: none;
	color: #999;
	font-weight: bold; 
}

.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article header a:hover {
	color: #21759b;
}

.comments-area article header cite a {
	color: #444;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 8px 14px;
	padding: 0.8rem 1.4rem;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 6px;
	margin-left: 0.6rem;
	padding: 2px 6px;
	padding: 0.2rem 0.6rem;
	font-size: 13px;
	font-size: 1.3rem;
}

.comments-area .reply {
	margin-top: 16px;
	margin-top: 1.6rem
}

a.comment-reply-link {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 21px;
	color: #D8202B;
	text-decoration: none;
}

a.comment-reply-link:hover {
	color: #D8202B;
	text-decoration: underline;
}

.commentlist .pingback {
	line-height: 18px;
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
	padding-bottom: 0;
}

.commentlist .children {
	margin-left: 48px;
	margin-left: 4.8rem;
}

.commentlist {
	padding-left: 0;
}

/* Comment form */
#respond {
	margin-top: 32px;
	margin-top: 3.2rem;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 12px;
	margin-left: 1.2rem;
	font-weight: normal;
	font-size: 13px;
	font-size: 1.3rem;
}

#respond form {
	margin: 0 0 32px 0;
	margin: 0 0 3.2rem 0;
}

#respond form p {
	margin: 20px 0;
	margin: 2rem 0;
	font-size: 13px;
	font-size: 1.3rem;
}

#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 2.4rem;
}

#respond form p.logged-in-as a {
	color: #D8202B; 
	text-decoration: none;
}

#respond form p.logged-in-as a:hover { 
	text-decoration: underline;  
}


#respond form label {
	display: block;
	line-height: 18px;
}

#respond form input[type="text"],
#respond form textarea {
	font-family: Arial, sans-serif; 
	font-size: 13px; 
	font-size: 1.3rem; 
	line-height: 19px; 
	color: #4C4C4C;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	padding: 0.8rem;
}

#respond form input[type="text"] {
	width:48%;
}

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

label .required,
span.required {
	color: #D8202B;
}

form label.error {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	display:block;
	padding: 0 10px;
	padding: 0 1rem;
	margin: 5px 0 5px 0;
	margin: 0.5rem 0 0.5rem 0;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 19px;
	border-left: 4px solid #bb0504;
	display: none;
}

#respond form label.error {
	line-height: 16px;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#footercontainer {
	width: 100%;
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-size: 1.2rem; 
	line-height: 18px; 
	background: none;
	margin-top: 5px;
	margin-top: 0.5rem
}

#footercontainer .row { 
	padding: 19px 0 17px; 
	padding: 1.9rem 0 1.7rem; 
}

.site-footer {
	display: none;
}

.site-footer h3 { 
	color: #FFF;
}

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

.site-footer a:visited { 
	color: #FFF;
}

.site-footer a:hover { 
	color: #D8202B;
}

.site-footer a:focus { 
	outline: thin dotted;
	color: rgb(0,0,0);
}

.site-footer .widget-area .widget {
	margin-bottom: 16px;
	margin-bottom: 1.6rem;
}

.smallprint {
	width: 90%;
	max-width: 1200px;
	font-family: Arial, sans-serif; 
	font-size: 1.2rem; 
	font-size: 12px; 
	line-height: 18px; 
	color: #FFF;
}

.smallprint p {
	font-size: 12px;
	font-size: 1.2rem; 
}

.smallprint a { 
	color: #FFF;
}

.smallprint a:visited { 
	color: #FFF;
}

.smallprint a:hover { 
	color: #FFF;
}

/* ==========================================================================
   Widgets
   ========================================================================== */

#secondary { 
	padding: 0 9.3%; 
	margin-top: -30px; 
	padding-top: 34px;
	padding-top: 3.4rem;
}

aside a { 
	color: #4C4C4C; 
	text-decoration: none; 
}

aside a:hover { 
	color: #D8202B; 
	text-decoration: none; 
}

aside h3, 
aside.rpwe_widget h3.widget-title { 
	color: #D8202B; 
	border-bottom: 1px solid #cdcdcd; 
	border-top: 1px solid #cdcdcd; 
	padding: 4px 0 6px; 
	padding: 0.4rem 0 0.6rem;
	margin-bottom: 11px; 
	margin-bottom: 1.1rem; 
	display: block; 
	float: none 
}

aside h3 a { 
	color: #D8202B !important; 
}

aside h3 a:hover { 
	text-decoration: underline; 
}

aside .tagcloud { 
	padding-top: 6px;
	padding-top: 0.6rem; 
	line-height: 24px 
}

aside ul { 
	font-size: 12px; 
	font-size: 1.2rem; 
	font-family: Arial, sans-serif; 
}

.widget-area ul {
	list-style: none outside none;
	padding-left: 0;
}

.widget-area .widget {
	overflow: hidden;
	-moz-hyphens: auto;
	-ms-word-break: break-all;
	-webkit-hyphens: auto;
	hyphens: auto;
	word-wrap:break-word;
	word-break: break-word;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

.widget-area .widget.header-slider {
	margin-bottom: 0;
	line-height: 0
}

.widget select {
	margin-left: 1px;
	margin-left: 0.1rem;
}

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 1.2rem;
}

.widget_rss .rsswidget img { 
	margin-right: 8px;
	margin-right: 0.8rem
}

.widget_recent_entries span.post-date,
.widget_rss span.rss-date { 
	font-size: 12px; 
	font-size: 1.2rem; 
	color: #999; 
}

.widget_rss cite { 
	color: #D8202B; 
	font-style: normal 
}

.widget_recent_entries ul,
#entrades-recents ul {
	overflow: hidden; 
	display: block
}

.widget_recent_entries ul li { 
	padding: 5px 0 0;
	padding: 0.5rem 0 0;
}

#entrades-recents ul li { 
	overflow: hidden; 
	display: block; 
	border-bottom: 1px solid #ccc; 
	padding: 15px 0;
	padding: 1.5rem 0;
}

#entrades-recents ul li a { 
	float: left; 
	width: 50px; 
	margin-right: 15px;
	margin-right: 1.5rem; 
}

#entrades-recents ul li h3 { 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-size: 1.2rem; 
	line-height: 16px; 
	float: left; 
	display: inline; 
	border: none !important; 
	width: 75%; 
	margin: 0; 
	padding: 17px 0 0; 
	padding: 1.7rem 0 0  
}

#entrades-recents ul li h3 a { 
	float: none; 
	display: inline;  
	width: 100%; 
	font-weight: 400; 
	color: #4C4C4C !important  
}

#entrades-recents ul li h3 a:hover { 
	color: #D8202B !important; 
	text-decoration: none !important; 
}

#entrades-recents ul li time { 
	display: block; 
	clear: both; 
	width: 100%; 
	padding-left: 65px; 
	padding-left: 6.5rem; 
	color: #999; 
	position: absolute; 
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 13px
}

.widget_recent_entries ul li, 
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_rss li {
	padding-bottom: 1px; 
	padding-bottom: 0.1rem; 
	list-style-image: url("images/list-image.png"); 
	list-style-position: outside; 
	margin-left: 15px;
	margin-left: 1.5rem;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	font-size: 12px;
	font-size: 1.2rem;
	margin-left: 12px;
	margin-left: 1.2rem;
	
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 21px;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: center;
}

#wp-calendar thead {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar caption {
	font-family: Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	text-align: left;
}

#wp-calendar #today {
	background-color: #ddd;
}

#wp-calendar tfoot {
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 2.4rem;
	text-align: right;
}

.widget_search label {
	display: block;
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	font-size: 1.2rem; 
	line-height: 18px; 
	color: #4C4C4C;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

aside ul#highlights-items { 
	font-family: 'Lato', sans-serif; 
	font-size: 16px; 
	font-size: 1.6rem; 
	font-weight: 700 
}

aside ul#highlights-items li {
 	background-color: white; 
 	background-repeat: no-repeat; 
 	background-position: right center; 
 	border: 1px solid #CCCCCC; 
 	margin-bottom: 10px;
 	margin-bottom: 1rem;
}

aside ul#highlights-items li a { 
	color: #666666; 
	display: block; 
	padding: 10px 14px 29px;  
	padding: 1rem 1.4rem 2.9rem;  
}

aside ul#highlights-items li a:hover { 
	color: #5A7E93; 
}

aside ul#highlights-items li.research { 
	background-image: url(images/icon-research.gif); 
}
aside ul#highlights-items li.teaching { 
	background-image: url(images/icon-teaching.gif); 
}
aside ul#highlights-items li.seminars { 
	background-image: url(images/icon-seminars.gif); 
}
aside ul#highlights-items li.knowledge { 
	background-image: url(images/icon-knowledge.gif); 
}
aside ul#highlights-items li:last-child { 
	margin-bottom: 0; 
}

/* ==========================================================================
   Content Navigation
   ========================================================================== */

.site-content nav {
	font-size: 13px;
	font-size: 1.3rem;
	clear: both;
	line-height: 19px;
	overflow: hidden;
}

#nav-above {
	padding: 24px;
	padding: 2.4rem;
}

#nav-above {
	display: none;
}

#nav-below { 
	padding: 30px 0; 
	padding: 3rem 0; 
	margin-top: 30px;
	margin-top: 3rem 
}

#nav-below .meta-nav { 
	display: none; 
}

.paged #nav-above {
	display: block;
}

.nav-previous,
.previous-image {
	float: left;
	width: auto;
	line-height: 16px;
	background-color: #999;
}

.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: auto;
	line-height: 16px;
	background-color: #999;
}

.nav-previous.nav-single,
.nav-next.nav-single {
	width: 45%;
}

.nav-previous a,
.nav-next a {
	text-decoration: none;
	color: #FFF; 
	font-weight: bold; 
	display: block
}

.nav-previous a { 
	background: transparent url("images/arrow-left.png") no-repeat left center; 
	padding: 4px 8px 4px 30px; 
	padding: 0.4rem 0.8rem 0.4rem 3rem; 
}

.nav-next a { 
	background: transparent url("images/arrow-right.png") no-repeat right center; 
	padding: 4px 30px 4px 8px;  
	padding: 0.4rem 3rem 0.4rem 0.875rem;   
}

.nav-previous a:hover,
.nav-next:hover { 
	background-color: #D8202B; 
	color: #FFF; 
	text-decoration: none
}

.nav-single + .comments-area,
#comment-nav-above {
	margin: 48px 48px 48px 0;
	margin: 4.8rem 4.8rem 4.8rem 0;
}

ul.page-numbers {
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 2;
}

li a.page-numbers,
li span.page-numbers {
	padding: 5px 8px;
	padding: 0.5rem 0.8rem;
	border: 1px solid #CCC;
	text-decoration: none;
	color: #4C4C4C;
}

li a:visited.page-numbers {
	color: #4C4C4C;
}

li a:hover.page-numbers {
	background-color: #D8202B;
	color: #fff;
	border-color: #D8202B
}

li a.prev,
li a.next {
	background-color: transparent;
	color: #D8202B !important;
	text-decoration: none;
}

li a:hover.prev,
li a:hover.next {
	background-color: transparent;
	color: #D8202B;
	text-decoration: underline;
}

.page-numbers li {
	display: inline;
}

.page-numbers li span.current {
	background-color: #D8202B;
	color: #fff;
	border-color: #D8202B
}

li a.prev,
li a.next,
li span.dots {
	border: none;
}


/* ==========================================================================
   Main Navigation
   ========================================================================== */

#site-navigation { 
	padding-left: 3%
}

.main-navigation {
	text-align: left;
	float: left;
	clear: none;
	margin: 0;
}

.main-navigation h1 {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 34px;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation ul ul {
	display: none;
	position: absolute;
	left: 0;
	z-index: 99999;
	line-height: inherit;
	background-color: #FFF; /* Nav bar dropdown background color */
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
}

.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}

.main-navigation ul ul a {
	padding: 0; /* Padding around each dropdown menu option */
	color: #4C4C4C; /* Nav bar dropdown link color */
	width: 10.5em; /* Nav bar dropdown width */
}

.main-navigation li {
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}

.main-navigation li.menu-parent-item > a:after { /* If you don't want the arrows on the top level drop down, simply remove this style */
	display: none;
}

.main-navigation ul li li.menu-parent-item > a:after { /* If you don't want the arrows on the sub-menu options, simply remove this style */
	display: none;
}

.main-small-navigation a, .main-navigation a {
	display: block;
	text-decoration: none;
	color: #FFF; /* Nav bar link color */
}

.main-navigation li:hover > a {
	color: #4C4C4C; /* Nav bar link color on hover */
	background-color: #FFF;
}

.main-navigation ul ul :hover > a, .main-navigation ul ul li a {
	color: #4C4C4C; /* Nav bar dropdown level 2 link color on level 3 hover */
	background: #FFF; /* Nav bar dropdown link background color on hover */
	font-weight: 700;
}

.main-navigation ul ul a:hover {
	color: #4C4C4C; /* Nav bar dropdown link color on hover */
	font-weight: 700;
}

.main-navigation ul li:hover > ul {
	display: block;
}

.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
	color: #4C4C4C;
	background-color: #FFF; 
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current_page_parent > a {
	color: #4C4C4C; /* Nav bar link color for current menu item or ancestor */
	background-color: #FFF; 
}

.main-navigation ul .divider {
    display: none
}

.main-navigation ul li.dropdown-header a,
.main-navigation ul li.current-menu-item ul .dropdown-header a {
	color: #4C4C4C; /* Nav bar dropdown header color */
	background-color: #FFF; /* Nav bar dropdown header background color */
}

/* Small menu toggle for mobile devices */
.menu-toggle {
	cursor: pointer;
}

.main-small-navigation .nav-menu {
	display: none;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

/*  Breakpoints are set based on the design, not based on device sizes */
@media only screen and (max-width: 1600px) {
	#site-navigation-bar #searchform input[type="text"] {
		width: 85%;
	}
}
@media only screen and (max-width: 1100px) {
	.site-title a {
		font-size: 52px;
		font-size: 5.2rem;
	}
	.banner h1 {
		font-size: 44px;
		font-size: 4.4rem;
	}
	.banner h2 {
		font-size: 24px;
		font-size: 2.4rem;
	}
}

@media only screen and (max-width: 980px) {
	#site-navigation-bar #searchform input[type="text"] {
		width: 80%;
	}
}

@media only screen and (max-width: 900px) {
	.banner .grid_6_of_12 {
		width: 100%; 
	}
	.banner h1, .banner h2, .banner p {
		text-align: center;
	}
}

@media only screen and (max-width: 800px) {
	#site-navigation-bar #searchform input[type="text"] {
		width: 70%;
	}
	header .grid_5_of_12 {
		width: 100%; 
	}
	header .grid_7_of_12 {
		width: 100%;
		margin-left: 0;
	}
	header .main-navigation {
		margin-top: 0;
		float: none;
	}
	.main-navigation .nav-menu > li:first-child {
		margin-left: 0;
	}
	.social-media-icons {
		float: none;
		text-align: left;
	}
	.social-media-icons li {
		margin: 0.1em 0.5em 0 0;
	}
	aside ul#highlights-items li a {
		width: 80%;
	}
}

/*  Go full Width at less than 650px */
@media only screen and (max-width: 650px) {
	.grid_1_of_12,
	.grid_2_of_12,
	.grid_3_of_12,
	.grid_4_of_12,
	.grid_5_of_12,
	.grid_6_of_12,
	.grid_7_of_12,
	.grid_8_of_12,
	.grid_9_of_12,
	.grid_10_of_12,
	.grid_11_of_12,
	.grid_12_of_12 {
		width: 100%; 
	}
	.col {
		margin: 0;
	}
	.site-content .grid_8_of_12, #site-navigation
	{
		padding-right: 3%;
	}
	#secondary {
		padding-right: 3%;
		padding-left: 3%;
	}
	#searchform .form-wrapper {
		padding: 0 3%;
		margin-top: 20px;
		margin-top: 2rem;
	}
	.main-small-navigation .nav-menu, .nav-menu ul {
		padding: 0;
	}
	.main-small-navigation .nav-menu ul {
		padding-left: 16px;
		padding-left: 1.6rem;
	}
}


/*  Adjust the menu at less than 520px */
@media only screen and (max-width: 520px) {
	.site-title h1 {
		text-align: center;
	}
	#searchform .form-wrapper {
		text-align: center;
	}
	#site-navigation-bar #searchform input[type="text"] {
		width: 100%;
		max-width: 200px
	}
	.main-small-navigation .nav-menu,
	.main-small-navigation .nav-menu ul,
	.nav-menu,
	.nav-menu ul {
		padding: 0;
	}
	.main-small-navigation,
	.main-navigation li {
		width: 100%;
	}
	.main-small-navigation {
		text-align: center;
	}
	.main-small-navigation ul li,
	.main-navigation ul li {
		background-color: #999;
		margin: 5px 0;
		text-align: center;
	}
	.main-navigation ul ul, .main-navigation ul ul li ul {
		position: relative;
	}
	.main-navigation ul ul li ul {
		left: 0;
	}
	.main-navigation ul ul a {
		color: #fff; /* Nav bar dropdown link color */
		background-color: #999;  /* Nav bar dropdown background color */
		width: 100%; /* Nav bar dropdown width */
	}
	.social-media-icons {
		text-align: center;
	}
}

@media only screen and (max-width: 320px) {
	.author-description {
		float: left;
		width: 100%;
	}
}