/* @override http://www.gaborcsongradi.com/wp-content/themes/gabor/style.css?ver=4.9.9 */


/*
Theme Name: Gabor
Theme URI: http://www.gaborcsongradi.com/
Author: Colin McLean
Author URI: http://0px.nl/
Description: Gabor is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. Gabor is translation ready and ships in English with translations in Catalan, Chinese (simplified), Dutch, Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Persian, Russian, Spanish, Swedish, and Turkish.
Gabor theme is forked from Simone 2.0.3 by Morten Rand-Hendriksen.
http://mor10.com/
http://mor10.com/simone-wordpress-theme/
Simone is based on Underscores by Automattic
http://underscores.me/ 
Version: 0.5 
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gabor
Domain Path: /languages/
Tags: white, black, blue, light, one-column, two-columns, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.



CSS structure 2.0 onwards based on http://mdo.github.io/code-guide/#css-syntax

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
	5.1 - Links
	5.2 - Main Menu
        5.3 - Social Menu
        5.4 - Paging Navigation
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Header
10.0 - Widgets
11.0 - Content
	11.1 - Posts and pages
        11.2 - Index and Archives
	11.3 - Asides
        11.4 - Image Attachments
	11.5 - Comments
        11.6 - Author Box
12.0 - Infinite scroll
13.0 - Media
14.0 - Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, footer, header, main, nav, section {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}


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


html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}


html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}


body { 
	background: #ffffff; /* Over-ridden by Customizer */
	color: #4a3e3e;
} 

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

a:focus {
	outline: 2px solid #c7d1cd;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

a:focus img {
    outline: 2px solid #c7d1cd;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: 'Campton-Light', sans-serif;
		color:#4a3e3e;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    -ms-word-break: break-word;
    word-break: break-word;
    line-height: 1.25;
}

h1 {
    font-family: 'Campton-Light', sans-serif;
}

h2, h3, h4 {
    font-family: 'Campton-ExtraLight', sans-serif;
}

h5, h6 {
    font-family: 'Campton-Book', sans-serif;
    font-weight: 700;
}



p { margin-bottom: 2.4rem; }

b, strong { 
	font-family: "Campton-Book", sans-serif;
	font-weight: 700;
}

dfn, cite, em, i { 
	font-family: "Campton-LightItalic", sans-serif; 
}

address { margin: 0 0 2.4rem; }

pre {
    max-width: 100%;
    padding: 1.6em;
    margin-bottom: 2em!important;
    overflow: auto;
    background: transparent;
 		white-space: pre-wrap;       /* css-3 */
 		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 		white-space: -pre-wrap;      /* Opera 4-6 */
 		white-space: -o-pre-wrap;    /* Opera 7 */
 		word-wrap: break-word;       /* Internet Explorer 5.5+ */
}


pre, code, kbd, tt, var {
	font-size: 1.5rem;
	line-height: 1.6;
	font-family: "Lucida Sans Typewriter", "Lucida Console", Monaco, "Bitstream Vera Sans Mono", monospace;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    text-decoration: none;
    background: #fff9c0;
}

sup, sub {
    position: relative;
    height: 0;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
}

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    height: 1px;
    margin-bottom: 2.4rem;
    background-color: rgba(74, 61, 61, 0.25);
}

ul, ol { 
		margin: 0 0 2.4rem 5%; 
}

ul { list-style: disc; 

}

ol { list-style: decimal;

}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 2.4rem;
}

dl {margin-bottom: 2.4rem;}

dt {font-family: 'Campton-Book', sans-serif;}

dd { margin: 0 0 2.4rem 0; }





img {
		max-width: 100%; /* Adhere to container width. */
    height: auto; /* Make sure images are scaled correctly. */
}

img.max {
		width: 100%; /* Force to fill container width. */
    height: auto; /* Make sure images are scaled correctly. */
}

figure {}

table {
    width: 100%;
    margin: 0 0 2.4rem;
}

th { font-family: 'Campton-Book', sans-serif; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
}

input,
textarea {
	background-color: #fff;
	color: #4a3e3e;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 1em 2em;
    font-size: 1.6rem;
    font-family: 'Campton-Light', sans-serif;
    text-transform: uppercase;
    line-height: 1;
    color: #fafafa;
    background: #3c3c3c;
    border: none;
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #000;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #000;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    width: 100%;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    padding: 0;
    border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    font-family: 'Campton-Light', sans-serif;
    padding: 8px;   
    color: #4a3e3e;
    border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

textarea {
    width: 100%;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
}

.comment-awaiting-moderation { /* Green background color to make moderation seem less aggressive */
    padding: .5rem 1rem;
    margin: 1rem 0;
    font-size: 1.6rem;
    color: #fafafa;
		background: #84bd68;
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #439057;
}

a:visited {
    color: #367547;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

/*--------------------------------------------------------------
5.2 Main Menu
--------------------------------------------------------------*/
.main-navigation {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    font-family: 'Campton-Book', sans-serif;
    text-transform: uppercase;
		background-color: #e8e6e6;
		padding-left: 2.4rem;
}

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

.main-navigation ul:after, {
	content:" ";
    display:block;
    clear:both;
}

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



.main-navigation a {
    display: block;
    padding: 1.4em 1em;
    font-size: 1.4rem;
    text-decoration: none;
    line-height: 1.3em;
    color: #4a3e3e;
   
}

.main-navigation ul ul {
    position: absolute;
    left: 0;
    z-index: 99999;
    display: none;
    float: left;
    padding: 0;
		background-color: #d2cfcf;
}

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

.main-navigation ul ul a { width: 380px; }

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li > a:focus {
		background: #fff;
}

.main-navigation ul ul :hover > a { }

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus {
    background: rgba(0,0,0,0.25);
}

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a:hover,
.main-navigation .current-menu-item > a:hover,
.main-navigation .current_page_item > a:focus,
.main-navigation .current-menu-item > a:focus {
    background: #fff;
}


.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_item > a:hover,
.main-navigation ul ul .current-menu-item > a:hover,
.main-navigation ul ul .current_page_item > a:focus,
.main-navigation ul ul .current-menu-item > a:focus {
		background-color: #e8e6e6;
}

.main-navigation .current_page_ancestor {
    background: #4d4d4d;
}

.main-navigation ul ul .current_page_parent,
.main-navigation .current_page_parent .current_page_item > a {
    color: #fff;
    background: #313131;
}

/* Small menu */
.menu-toggle {
    display: none;
    cursor: pointer;
 
}




/* menu items with dropdown */
.sf-with-ul{

}
.sf-with-ul:after{
	font-family: 'Fontawesome';
	content: '\f0d7';
	margin-left: 0.6rem;
}

/*--------------------------------------------------------------
5.3 Social Menu
--------------------------------------------------------------*/

.menu-social ul {
    float: right;
    text-align: center;
    list-style: none;
}

.menu-social ul li {
    position: relative;
    display:  inline-block;
}

.menu-social li a:before {
    display: inline-block;
    vertical-align: top;
    padding: 0 0.5rem;
    font-family: 'Fontawesome';
    font-size: 2.4rem;
    -webkit-font-smoothing: antialiased;
    content: '\f08e';
}

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="foursquare.com"]::before { content: '\f180'; }

.menu-social li a[href*="github.com"]::before { content: '\f09b'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="jsfiddle.com"]::before { content: '\f1cc'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }

.menu-social li a[href*="reddit.com"]::before { content: '\f1a1'; }

.menu-social li a[href*="soundcloud.com"]::before {content: '\f1be';}

.menu-social li a[href*="stackoverflow.com"]::before { content: '\f16c'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="vine.co"]::before { content: '\f1ca'; }

.menu-social li a[href*="yelp.com"]::before {content: '\f1e9';}

.menu-social li a[href*="youtube.com"]::before {content: '\f167';}

.menu-social li a[href*="wordpress.com"]::before { content: '\f19a'; }




/*--------------------------------------------------------------
5.4 Paging Navigation
--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	font-family: "Campton-Book", sans-serif;
  font-size: 1.6rem;
	text-transform: uppercase;
}

.post-nav-box {
    padding: 2em 0;
    margin-bottom: 4em;
    border-top: #d7e9da solid 1px;
    border-bottom: #d7e9da solid 1px;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
    padding-right: 5%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    width: 50%;
    padding-left: 5%;
    text-align: right;
}

.nav-indicator {
	font-size: 1.4rem;
	text-transform: uppercase;
	margin-bottom: 0.6rem;
}

.nav-previous h1,
.nav-next h1 { font-weight: 400; }

.comment-navigation {
    padding: 1em 0;
    margin: 3em 0;
    border-top: #d7e9da solid 1px;
    border-bottom: #d7e9da solid 1px;
}

.comment-navigation i { margin: 0 1em; }

.paging-navigation ul { 
	margin: 0;
	text-align: center;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid rgba(74, 61, 61, 0.25);
	border-top: 1px solid rgba(74, 61, 61, 0.25);
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
    padding: .3rem .6rem;
    text-transform: uppercase;
}

a:hover.page-numbers,
a:focus.page-numbers{
	text-decoration: none;
}

.paging-navigation .current {
    font-weight: 700;
}


/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    top: 5px;
    left: 5px;
    z-index: 100000; /* Above WP toolbar */
    clip: auto !important;
    display: block;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: normal;
    color: #21759b;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
     margin-top: 0.8rem;
    margin-right: 2.4rem;
    margin-bottom: 2.4rem;
}

.alignright {
    display: inline;
    float: right;
    margin-top: 0.8rem;
    margin-bottom: 2.4rem;
    margin-left: 2.4rem;
}

.aligncenter {
    display: block;
    margin: 0 auto 2.4rem;
    clear: both;
}



/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

/* Apply to all containers of floated elements */
.clearfix:after,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.gabor-branding:after,
.gabor-nav:after {
	content:" ";
    display:block;
    clear:both;
}

/*--------------------------------------------------------------
9.0 Header
--------------------------------------------------------------*/

.site-header {
	background-color: #fff;
}

.gabor-branding{
	padding: 2.4rem;
}

.gabor-logo-container{
	float: left;
	display: block;
}

.gabor-logo{}

.gabor-description{
	font: 2.4rem/1.0 "Campton-Light", sans-serif;
}

.gabor-description-small{
	font: 1.8rem/1.0 "Campton-Light", sans-serif;
	text-align: center;
	margin-top: 0.8rem;
	display: none;
}




/* Header search */

.search-toggle {
    float: right;
    width: 58px;
    height: 58px;
    padding: 16px 12px 12px;
    margin-right: 2.4rem;
    text-align: center;
    cursor: pointer;
}

.search-toggle:hover,
.search-toggle.active {
		background-color: #fff;
}

.search-toggle .screen-reader-text {
    top: 0;
    right: 0;
}

.search-toggle .fa-search {
		font-size: 1.8rem;
}

.search-box-wrapper {
    z-index: 2;
    width: 100%;
		background-color: #bab6b6;
}

.search-box {  
    padding: 1.2rem 2.4rem;
		max-width: 120rem;
		margin: 0 auto;
}

.search-box .search-field {
    max-width: 362px;
    float: right;
    padding: 0.6rem 2.4rem 0.6rem 1.2rem;
    background-color: #fff;
    border: 0;
    border-radius: 2px;
}

.hide { display: none; }

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { display: none; }

/*--------------------------------------------------------------
10.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 4.8rem;
}

.widget-title,
.events_widget_list h3 {
		font-family: "Campton-Light", sans-serif;
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
		text-transform: uppercase;
}

.widget a {}

.widget ul,
.widget ol {
    padding: 0;
    margin: -1.8rem 0 0;
    list-style-type: none;
}

.widget li { padding: 1.8rem 0 0; }

.widget li ul,
.widget li ol { margin-top: 0; }

.widget li li { margin-left: 1.5em; }

.widget_recent_entries li:before,
.widget_recent_comments li:before,
.widget_archive li:before {
    display: block;
    float: left;
    padding-top: 2px;
    margin-left: -2.5em;
    font-family: 'Fontawesome';
    font-size: 14px;
    font-size: 1.4rem;
}

.widget_recent_entries ul {

}

.widget_recent_entries li {
	text-transform: uppercase;

}

.widget_recent_entries li,
.widget_recent_comments li { margin: 0 0 0 2.4em; }

.widget_recent_entries li:before { content: "\f036"; }

.widget_recent_comments li:before { content: "\f075"; }

.widget_archive li { margin: 0 0 0 2.4em; }

.widget_archive li:before { content: "\f187"; }

.widget_nav_menu a,
.widget_pages a {
    display: block;
    padding: 1em 0;
    border-bottom: solid 1px hsl(0, 0%, 90%);
}

.widget_nav_menu li,
.widget_pages li { padding-top: 0; }

.widget_rss li { margin-bottom: .5em; }

.widget_rss .rss-date,
.widget_rss cite {
    display: block;
    font-size: 85%;
}

/* Make sure select elements fit in widgets */
.widget select { max-width: 100%; }

/* Search widget */
.widget_search .search-submit {	display: none; }

.footer-widgets { margin: 0 auto; }

.footer-widgets .widget-title,
.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus {
    color: #fafafa;
    border-color: #fafafa;
}

.footer-widgets .widget {
    float: left;
    width: 320px;
    margin: 0 4rem 8rem 4rem;
}



/* Upcoming Events widget */

.events_widget_list div {
	margin-bottom: 0.8rem;
	border-bottom: 1px solid rgba(254,255,254,0.2);
	padding-bottom: 0.8rem;
}

/* Don't show upcoming events widget on appearances page (id-243) */
.page-id-243 .events_widget_list {display: none;}





/*--------------------------------------------------------------
11.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky { }

.hentry { margin: 0 0 1.5em; }

.updated { display: none; }

.single .byline,
.group-blog .byline { display: inline; }

.page-content,
.entry-content,
.entry-summary { margin: 1.5em 0 0; }

.entry-content p,
.entry-content blockquote {
	text-align: justify;
}

.page-links {
    margin: 0 0 1.5em;
    clear: both;
}

.entry-title {
    margin: 2.4rem 0 0;
    font-size: 3.1rem;
    line-height: 1.1;
		text-transform: uppercase;
		xborder-bottom-width: 2px;
		xborder-bottom-style: solid;
}

.entry-title a:hover {text-decoration: none;}



/* Typography */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 {font-size: 3.6rem;}

.entry-content h2 {font-size: 2.8rem;}

.entry-content h3 {font-size: 2.4rem;}

.entry-content h4 {font-size: 2.0rem;}

.entry-content h5 {font-size: 1.6rem;}

.entry-content h6 {font-size: 1.4rem;}

.entry-content p,
.entry-content ul,
.entry-content ol {
  	font-size: 1.6rem;
    line-height: 1.5;
}


/* Quotes */

figure.quote {
	color: #776e6e;
	padding-right: 5%;
	padding-left: 5%;
	border-left-style: solid;
	border-left-width: 4px;	
	margin-left: 5%;
	margin-bottom: 2.4rem;
}

figure.quote p:last-of-type {
	margin-bottom: 0;
}


.entry-content blockquote,
.entry-content blockquote p {
    font-family: 'Campton-LightItalic', sans-serif;
    font-size: 1.8rem;
    line-height: 1.5em;
}

figure.quote figcaption {}

figure.quote figcaption:before {
	content: "— ";
}


q {
	quotes: "“" "”" "‘" "’";
	font-family: 'Campton-LightItalic', sans-serif;
}

q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
}


/* Image with caption */
figure.wp-caption{}

.wp-caption-text{}

/* Image borders for white-on-white images */

.border-gray {
    border: #b9b9b9 solid 1px;
}

.border-black {
    border: #000 solid 1px;
}

.border-custom {
    border: #776e6e solid 1px;
}

/* Meta */
.category-list {
    margin: 1.3em 0 1em;
    font-size: 1.6rem;
}

.category-list a {
    color: #333;
}

.category-list a:hover,
.category-list a:focus {
    color: #000;
}

.entry-meta {
    padding: 0;
		font-size: 90%;
		color: #776e6e;
		font-family: 'Campton-LightItalic', sans-serif;
}

.entry-meta a {}

.edit-link{
	text-transform: uppercase;
}

/* Hides 'on' and '.' in post meta on wide screens. */
.mobile-hide {
    display: inline;
}




.entry-footer {
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.entry-footer ul {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    line-height: 2em;
    list-style-type: none;
}

.entry-footer li {
    display: inline-block;
    margin-right: 4rem;
}

.entry-footer i { margin-right: .5rem; }

/*--------------------------------------------------------------
11.2 Index and Archive
--------------------------------------------------------------*/
.taxonomy-description {
    padding-top: 2rem;
    margin: 2rem 0;
 		font-family: 'Campton-LightItalic', sans-serif;
    border-top: 1px solid hsl(0, 0%, 75%);
    border-bottom: 1px solid hsl(0, 0%, 75%);
}

.sticky-post {
    position: absolute;
    top: 1rem;
    right: 3rem;
}

.continue-reading {
    margin: 0;
    font-weight: 400;
		text-transform: uppercase;
		font-size: 85%;
		display: none;/*not needed*/
}

.continue-reading i { margin-left: .5em; }

.search-no-results .content-area,
.error404 .content-area { margin-top: 4rem; }

/*--------------------------------------------------------------
11.3 Asides
--------------------------------------------------------------*/
.format-aside .entry-content { margin-top: 1em; }

/*--------------------------------------------------------------
11.4 Image Attachments
--------------------------------------------------------------*/

.attachment .entry-title { margin-top: .7em; }

.entry-attachment { margin-bottom: 3rem; }

.attachment-caption {
    font-size: 1.4rem;
 		font-family: 'Campton-LightItalic', sans-serif;
}



/*--------------------------------------------------------------
11.5 Comments
--------------------------------------------------------------*/
.comments-title {
    font-weight: 500;
    font-size: 3.6rem;
}

.comments-area > ol {
    padding: 0;
    margin: 2em 0;
    list-style-type: none;
}

ol.children { list-style-type: none; }

.comment-author .avatar {
    display: block;
    float: left;
    width: 50px;
    margin-right: 20px;
}

.comment-author .fn {
    font-size: 2rem;
}

.comment-metadata {
    font-size:1.4rem;
}

.comment-meta { margin-bottom: 1em; }

.comment-content { font-size: 90%; }

.comment-content,
.reply { margin-left: 70px; }

.comment-body {
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    border-bottom: solid hsl(0, 0%, 80%) 1px;
}

.comment-list ol { margin-left: 50px; }

.comment-content a { word-wrap: break-word; }

.reply {
    font-size: 1.4rem;
}

.comment-content ol { margin-left: 1.5em; }

.bypostauthor > .comment-body {
    position: relative;
    padding: 1em;
    margin-bottom: 2.4rem;
    background: hsl(0, 0%, 93%);
    border: none;
}



.comment-reply-title {
    font-weight: 300;
    font-size: 2.8rem;
}

.comment-form {
    padding-bottom: 4.8rem;
	font-size: 1.6rem;
}

.comment-form textarea {}

.comment-form label { display: block; }

.required { color: red; }

/*--------------------------------------------------------------
11.6 Author Box
--------------------------------------------------------------*/
.reveal-bio {
    max-width: 780px;
    max-width: 78rem;
    margin: 0 auto;
    background: #fff;
}

.reveal-bio a {
    display: block;
    padding: 2rem 0;
    margin: 0 auto;
    font-weight: 500;
    font-size: 26px;
    font-size: 2.6rem;
    color: #bfbfbf;
    text-align: center;
}

.reveal-bio a:hover,
.reveal-bio a:focus {
    text-decoration: none;
    color: #000;
}

.shorter { padding: 0 0 4rem!important; }

.hide-fix {
    padding: 0!important;
    margin-bottom: 2rem!important;
}


.author-info {
    padding-top: 1rem;
    margin: 0 4rem;
}

.author-avatar {
    float: left;
    margin: 0 2rem 0 0;
}

.author-avatar img { display: block; }

.author-title {
    margin-bottom: .8rem;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
}

.author-meta {
    border-bottom: 16px solid hsl(0, 0%, 95%);
    margin-bottom: 2rem;
 		font-family: 'Campton-LightItalic', sans-serif;
}

.share-and-more {
    padding: .1rem 0 1.1rem;
    font-weight: 500;
    font-size: 16px;
    font-size: 1.6rem;
}

.author-social-media { display: inline-block; }

.author-social-media a {
    margin-left: 1.5rem;
    color: #000;
}

.author-social-media a:hover,
.author-social-media a:focus { text-decoration: none; }

a.author-link {
    color: #000;
}

.author-link i { margin-left: 1rem; }

.author-meta,
.author-description { margin-left: 12rem; }

/*--------------------------------------------------------------
12.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
13.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
  border: none;
}

.wp-caption {
    max-width: 100%;
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}

.wp-caption-text { text-align: right; }

.wp-caption .wp-caption-text,
.gallery-caption {
    padding: 0.8rem 1.6em;
    font-size: 1.4rem;
		font-family: 'Campton-LightItalic', sans-serif;
		background-color: rgba(74, 61, 61, 0.1);
}

.site-main .gallery { margin-bottom: 1.5em; }

.gallery-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    max-height: 50%;
    width: 100%;
    padding: 6px 8px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: #fff;
    text-align: left;
    background-color: hsla(0, 0%, 0%, .8);
    opacity: 0;
}

.gallery-item:hover .gallery-caption,
.gallery-item:focus .gallery-caption{ opacity: 1; }

.site-main .gallery a img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    border: none;
}

.site-main .gallery-item {
    position: relative;
    float: left;
    max-width:100%;
    margin-right: 3.333333333%;
    margin-bottom: 3rem;
    overflow: hidden;
    background: #333;
}

.site-main .gallery dd,
.site-main .gallery figcaption { margin: 0; }

.site-main .gallery-columns-4 .gallery-item { }

.site-main .gallery-columns-4 .gallery-item img { }

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object { max-width: 100%;}

/* Featured Images */

.single-post-thumbnail {
    background-color: #b2b2b2;
    background-image: url(images/pattern.svg);
    background-repeat: repeat;
}

.front-index-thumbnail { margin-bottom: -3.2em; }

.single-post-thumbnail img,
.front-index-thumbnail img {
    display: block;
    margin: 0 auto;
}

.has-thumbnail {
    position: relative;
    margin-top: -8em;
}

.small-index-thumbnail { margin-top: -1em; }

/*--------------------------------------------------------------
14 Footer
--------------------------------------------------------------*/

.site-footer {	
    padding: 2.4rem;
		background-color: #e8e6e6;
		font-family: "Campton-Light",sans-serif;
}

.site-info { text-align:right; }




/* Extra styles for Gabor */

.blogroll img {
	border-radius:50%;	
	vertical-align: middle;
	margin-right: 8px;
	width: 48px;
	height: 48px;

}


/* Appearances (page ID 243) */
.page-id-243 pre {
 	font-family: 'Campton-Light', sans-serif;
	padding: 0;
}

.page-id-243 h2 {
	margin-bottom: 0;
}


div.upcoming,
div.archive {
	margin-bottom: 2.4rem;
}

.event-date {
 	font-family: 'Campton-LightItalic', sans-serif;
	font-size: 90%;
}

.event-title {
 	font-family: 'Campton-Book', sans-serif;
	font-size: 125%;
	line-height: 1.2;
}

.event-location {}














.fluid-width-video-wrapper {
	margin-top: 24px;
	margin-bottom: 24px;
}


.campton-light {
	font-family: 'Campton-Light', sans-serif;
}

.campton-bold {
	font-family: 'Campton-Book', sans-serif;
}


.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}







/* Media Queries */
@media screen and (max-width: 280px) {

	.gabor-description-small{display: none !important;}

}


@media screen and (min-width: 281px) and (max-width: 320px) {

	.gabor-description-small{font-size:1rem;}    
}




@media screen and (min-width: 321px) and (max-width: 360px) {

	.gabor-description-small{font-size:1.2rem;} 
    
}




@media screen and (min-width: 361px) and (max-width: 400px) {

	.gabor-description-small{font-size:1.4rem;}

  .title-box { padding: 1rem; }        

}





@media screen and (min-width: 401px) and (max-width: 480px) {

	.gabor-description-small{
		font-size:1.5rem;
	}

	
	.size-medium{
		max-width: 100%;
    }
    
}





@media screen and and (max-width: 600px) {

    .comment-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .post-navigation .nav-next {
        float: none;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    .comment-navigation .nav-next,
    .post-navigation .nav-next { margin-top: 4rem; }


    .author-meta,
    .author-description { margin-left: 0; }


		blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }

    .comment-list ol { margin-left: 0; }

    .comment-content ol { margin-left: 1.5em; }

    .comment-content,
    .reply { margin-left: 0; }
    
    .size-medium{max-width: 40%;}
     
    .entry-content p,
		.entry-content blockquote {
	       text-align: left;
    }


} /* END max-width 600 */







@media screen and (max-width: 680px) {
    
    .site-footer {font-size: 1.2rem;}

    .site-info {text-align: left;}


} /* END max-width 680 */






@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright { width: 40%; }
    
    .front-index-thumbnail { margin-bottom: 0; }
     
     
}

/* END max-width 780 */



@media screen and (max-width: 840px) {
 .menu-toggle {
        display: inline-block;
        padding: 0 1em;
        font-weight: normal;
        font-size: 1.4rem;
        text-decoration: none;
        line-height: 3.75em;
        xcolor: #fafafa;
    }
    
    .menu-toggle a{
     		font-family: 'Campton-Book', sans-serif;   
 		}

    .menu-toggle a:after{
				font-family: 'Fontawesome';
				content: '\f0d7';
				margin-left: 0.6rem;  
		}

    .menu-toggle a:hover,
    .menu-toggle a:focus {
	   	   xbackground-color: #fff;
		}

		.main-navigation {
	   		padding-left: 0;
    }

    .main-navigation.toggled .nav-menu {
        display: block;
        border-top: 1px solid;
	    	border-top-color: rgba(255,255,255,0.2);
				background-color: rgba(255,255,255,0.2);
	}

    .main-navigation .nav-menu {
        display: none;
        padding-left: 0;
        padding-bottom: 1.2rem;
    }

    .main-navigation .nav-menu li { float: none; }

    .main-navigation .nav-menu li a { padding: 1.2rem 2.4rem; }

    .main-navigation .nav-menu li li a { padding-left: 4.8rem; }

    .main-navigation .nav-menu li li li a { padding-left: 7.2rem; }

    .main-navigation .nav-menu  li:hover > a,
    .main-navigation .nav-menu  li > a:focus {
      	background-color: #fff;   
     }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        position: relative;
        top: inherit;
        left: 0;
        display: block;
        float: none;
		}

    .main-navigation ul ul a { width: 100%; }

    .main-navigation ul a:hover,
    .main-navigation ul ul a:hover,
    .main-navigation ul a:focus,
    .main-navigation ul ul a:focus{
      		xbackground-color: #fff;
    }

    .main-navigation .current_page_ancestor { background: inherit; }

    .main-navigation ul ul .current_page_parent {
        color: inherit;
        background: inherit;
    }

    .main-navigation .current_page_item > a,
    .main-navigation .current_page_item > a:hover,
    .main-navigation .current_page_item li:hover,
    .main-navigation .current_page_item > a:focus,
    .main-navigation .current_page_item li:focus,
    .main-navigation .current_page_parent .current_page_item > a  {
        xcolor: #222;
				xbackground: #fff;
    }


    #menu-social ul {
	    	position: absolute;
        top: 0;
        right: 6rem;
        display: block;
    }

    #menu-social li a {
        padding-left:.5em;
        padding-right: .5em;
    }
    
    
    .search-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
    
    
    .site-content {
  
    }


} /* END max-width 840 */









@media screen and (max-width: 880px) {
    #footer-widgets { width: 100%!important; }

    .footer-widgets .widget {
        float: none;
        width: 100%;
        margin: 0 0 8rem;
    }
}





@media screen and (max-width: 920px) {
    .site-branding { padding: 0; }
    
    .title-box {
        max-width: 100%;
        margin: 0 auto;
        padding: 4rem;
        border: none;
    }



 	.gabor-description{display:none;}
 	
 	.gabor-description-small{display: block;}

   
} /* END max-width 900 */