@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond|Proza+Libre');

/*
Theme Name: Me
Theme URI: https://themehall.com/me-omega-child-theme
Author: themehall.com
Author URI: https://themehall.com
Description: Me theme is a simple and clean WordPress theme ideal for a personal blog. Completely fluid and responsive child theme with left side header, Valid HTML5 Document, SEO Friendly, Theme settings extending the WordPress Customizer. Beautiful typography, well balanced white space, and minimal graphic, built with Omega Theme Framework.
Version: 0.6.1
License: GNU General Public License
License URI: license.txt
Tags: light, green, white, two-columns, left-sidebar, flexible-width, full-width-template, theme-options, custom-menu, threaded-comments, sticky-post, translation-ready, responsive-layout, fluid-layout
Text Domain: me
Domain Path: /languages

Template: omega

Me WordPress theme, Copyright (C) 2015 themehall.com
Me WordPress theme is licensed under the GPL.

*/

/* Baseline Reset (normalize.css 2.1.2)
  Link: http://necolas.github.com/normalize.css/
--------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.archive-pagination:before,
.clearfix:before,
.entry:before,
.entry-pagination:before,
.post-navigation:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
  content: " ";
  display: table;
}

.archive-pagination:after,
.clearfix:after,
.entry:after,
.entry-pagination:after,
.post-navigation:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
  clear: both;
  content: " ";
  display: table;
}

/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
  font-size: 62.5%; /* 10px browser default */
}

body {
  color: #333;
  font-family: 'Proza Libre', sans-serif;
  font-size: 16px;  
  font-weight: 400;
  line-height: 1.625;
  background-color: #fdfdfd; 
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

::-moz-selection {
  background: #333;
  color: #fff;
}

::selection {
  background: #333;
  color: #fff;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #008CBA;
  text-decoration: none;
}

/* Button */
a.btn {
  border: 1px solid #333;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 10px;
  margin: 5px 0;
  position: relative;
  font-size: 14px;
  text-decoration: none !important;
  cursor: pointer;
}
a.btn:hover {
  border-color: #008CBA;
  color: #008CBA;
}

p {
  margin: 0 0 24px;
  padding: 0;
}

strong {
  font-weight: 700;
}

ol, ul {
  list-style: none;
}

ul {
  list-style: disc outside;
  margin: 0 0 25px 48px;
  padding: 0;
}

ol {
  list-style-type: decimal;
  margin: 0 0 25px 48px;
}

ol ol {
  list-style: upper-roman;
}

ol ol ol {
  list-style: lower-roman;
}

ol ol ol ol {
  list-style: upper-alpha;
}

ol ol ol ol ol {
  list-style: lower-alpha;
}

ul ul, ol ol, ul ol, ol ul {
  margin-bottom: 0;
}

dl {
  margin: 0 0 25px 5px;
}

dl dt {
  font-weight: bold;
  margin: 10px 0 0 0;
}

dl dd {
  margin: 5px 0 0 24px;
}

blockquote,
blockquote::before {
  
}

blockquote {
  margin: 0;
  padding: 24px 40px;
}

blockquote::before {
  content: "\201C";
  display: block;
  font-size: 30px;
  height: 0;
  left: -20px;
  position: relative;
  top: -10px;
}

pre {
  background-color: #F9F9F9;
  overflow: scroll;
  padding: 0 20px;
  white-space: pre;
}

cite {
  font-style: normal;
}

/* Table
--------------------------------------------- */

table {
  border: 1px solid #e5e5e5;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 25px;
}

table caption {
  margin: 0 0 5px;
  font-size: 15px;
  font-variant: small-caps;
}

th,td {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.widget th,
.widget td {
  padding: 5px 2px;
}

th {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background: #f5f5f5;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
}

td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

/* Headings
--------------------------------------------- */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  color: #444;
  font-family: 'Cormorant Garamond', serif;
  font-weight: normal;
  line-height: 1.2;
  margin: 0;
  margin-bottom: 22px;
  padding: 0;
}

h1,.h1 {
  font-size: 36px;
}

h2,.h2 {
  font-size: 30px;
}

h3,.h3 {
  font-size: 24px;
}

h4,.h4 {
  font-size: 20px;
}

h5,.h5 {
  font-size: 18px;
}

h6,.h6 {
  font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video {
  max-width: 100%;
}

img {
  height: auto;
  width: auto\9; /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
  border-radius: 5px;
  background: #fff;
  border: 1px solid #999;
  padding: 10px 12px;
  max-width: 100%;
}

input:focus,
textarea:focus {
  border: 1px solid #333;
  outline: none;
}

::-moz-placeholder {
  color: #999;
}

::-webkit-input-placeholder {
  color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid #333;
  box-shadow: none;
  cursor: pointer;
  padding: 12px 16px;
  width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
  background: #008CBA;
  color: #fff;
  border-color: #008CBA;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-container {
  position: relative;
  margin: 0px auto;
  width: 940px;
}

.wrap {
  margin: 0 auto;
  max-width: 980px;
}

.site-inner { 
  float: right;
  padding: 50px 0px;
  width: 640px;
  min-height: 640px;
}

/* Column Widths and Positions
--------------------------------------------- */

.content {
  float: left;
  width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
  width: 250px;
  float: left;
  padding: 10px 0 50px;
}

.sidebar-primary a {
  text-decoration: underline;
}
/* WordPress
--------------------------------------------- */

.avatar {
  float: left;
}

.alignleft .avatar {
  margin-right: 24px;
}

.alignright .avatar {
  margin-left: 24px;
}

.search-form input[type="submit"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  display: none;
}

.sticky {
}

img.centered,
.aligncenter {
  display: block;
  margin: 0 auto 24px;
}

img.alignnone {
  margin-bottom: 12px;
}

.alignleft {
  float: left;
  text-align: left;
}

.alignright {
  float: right;
  text-align: right;
}

img.alignleft,
.wp-caption.alignleft {
  margin: 0 24px 24px 0;
}

.wp-caption {
  max-width: 100%;
}

img.alignright,
.wp-caption.alignright {
  margin: 0 0 24px 24px;
}

.wp-caption-text {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  text-align: center;
}

.gallery {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0 auto 20px;
}

.gallery .gallery-row {
  display: block;
  clear: both;
  overflow: hidden;
  margin: 0;
}

.gallery .gallery-item {
  overflow: hidden;
  float: left;
  margin: 0 0 16px;
  text-align: center;
  list-style: none;
  padding: 0;
}

.gallery .gallery-item .gallery-icon {
  position:relative;
}

.gallery .gallery-item .gallery-icon img {
  width: auto;
  max-width: 89%;
  height: auto;
  padding: 5%;
  margin: 0 auto;
}

.gallery-caption {
  margin: 0 10px;
}

.widget_calendar table {
  width: 100%;
}

.widget_calendar th {
  text-align: center;
  font-weight: bold;
}
.widget_calendar td {
  text-align: center;
}

.widget_search input.search-field {
  width: 100%;
}

/* Headings
--------------------------------------------- */

.entry-title {
  font-size: 36px;
  word-wrap: break-word;
  line-height: 1.2;
}

.archive-title {
  font-size: 20px;
  margin-bottom: 24px;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
  float: left;
  padding: 50px 0 20px;
  text-align: center;
  width: 250px;
}

.site-header .avatar, .site-header .site-avatar img {
    border-radius: 50%;
    display: block;
    float: none;
    height: 180px;
    margin: 0px auto 24px;
    width: 180px;
}

/* Title Area
--------------------------------------------- */

.title-area {
  font-weight: 700;
  text-align: center;
}

.header-image .title-area {
  padding: 0;
}

.site-title {
  font-size: 36px;
  line-height: 1.1;
  margin: 0px 0px 8px;
}

.site-title a,
.site-title a:hover {
  color: #333;
}

.site-description {
  color: #606060;
  font-size: 18px;
  font-weight: 300;
  margin: 0;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.nav-primary {
  margin: 30px 0;
}

.omega-nav-menu {
  clear: both;
  color: #999;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.omega-nav-menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
}

.omega-nav-menu a {
  border: 1px solid #333;
  border-radius: 5px;
  display: block;
  padding: 5px 10px;
  margin: 5px;
  position: relative;
  font-size: 14px;
}

.omega-nav-menu li.current_page_item a,
.omega-nav-menu a:hover {
  border-color: #008CBA;
  color: #008CBA;
}

.omega-nav-menu ul {
  left: -9999px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  -webkit-transition: opacity .4s ease-in-out;
  -moz-transition:    opacity .4s ease-in-out;
  -ms-transition:     opacity .4s ease-in-out;
  -o-transition:      opacity .4s ease-in-out;
  transition:         opacity .4s ease-in-out;  
  width: 200px;
  z-index: 99;
}

.omega-nav-menu ul a {
  background: #fff;
  border: 1px solid #eee;
  border-top: none;
  font-size: 14px;
  padding: 16px 20px;
  position: relative;
  width: 200px;
}

.omega-nav-menu ul ul {
  margin: -54px 0 0 199px;
}

.omega-nav-menu li:hover {
  position: static;
}

.omega-nav-menu li:hover > ul {
  left: auto;
  opacity: 1;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry {
  margin-bottom: 50px;
}

.entry-content {
  word-wrap: break-word;
}

.entry-content a,
.entry-summary a {
  text-decoration: underline;
}

.entry-content img.wp-post-image {
  margin-bottom: 15px;
}

.entry-summary img {
  margin-bottom: 24px;
}

.entry-summary img.medium,
.entry-summary img.thumbnail,
.entry-content img.medium,
.entry-content img.thumbnail {
  float: left;
  margin: 7px 24px 24px 0;;
}

.entry-content .attachment a,
.entry-content .gallery a {
  border: none;
}

.entry-content .wp-caption p {
  margin-bottom: 0;
}

.entry-meta {
  clear: both;
  color: #666;
  font-size: 14px;
}

.entry-header .entry-meta {
  margin-bottom: 24px;
}

.entry-footer .entry-meta {
  margin: 0;
  padding: 0px 0px 8px;
}

span.post_tag::before {
  content: "|";
  margin: 0 6px 0 2px;
}

.entry-categories,
.entry-tags {
  display: block;
}

/* Entry Navigation
--------------------------------------------- */

.navigation {
  clear: both;
  font-size: 14px;
  margin: 40px 0;
  overflow: hidden;
}

.entry .navigation a {
  border-bottom: 1px solid #ddd;
}

.navigation li {
  display: inline;
}

.navigation li a {
  background: #333;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 8px 12px;
}


/* Pagination
--------------------------------------------- */

.pagination .page-numbers {
  padding: 8px 12px;
  border: 1px solid #F5F5F5;
    border-radius: 25px 25px 25px 25px;
    padding: 8px 14px;
    margin: 0 5px 0 0;
  display: inline-block;
}

.pagination .current {
  background-color: #F5F5F5;
}


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

.entry-comments,
#respond {
  background: #fff;
  border-radius: 3px;
}

.entry-comments,
.ping-list,
#respond {
  margin-bottom: 40px;
}

.entry-comments a,
#respond a {
  text-decoration: underline;
}

.entry-comments .comment-author {
  margin: 0;
}

.entry-comments .comment-content {
  clear: both;
}

#respond input[type="email"],
#respond input[type="text"],
#respond input[type="url"] {
  width: 50%
}

#respond label {
  display: block;
  margin-right: 12px;
}

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

.comment-list li.ping, .comment-list li.comment {
  list-style-type: none;
}

.comment-list .comment-content > ol, 
.comment-list .comment-content > ul {
  margin-bottom: 24px;
}

li.comment,
li.pingback {
  border: 2px solid #fff;
  border-right: none;
}

li.comment .comment-item,
li.pingback .comment-item {
  border-radius: 5px;
  background: #f5f5f5;
  margin: 12px 0;
  padding: 32px;
}

li.comment ol {
  margin: 0
}

.comment .avatar ,
.pingback .avatar{
  margin: 0 16px 24px 0;
  border-radius: 3px;
}

.bypostauthor {
}

.form-allowed-tags {
  background: #f5f5f5;
  font-size: 14px;
  padding: 24px;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
}

.widget-title {
  word-wrap: break-word;
}

.sidebar ul,
.footer-widgets ul {
  margin: 0;
}

.sidebar li,
.footer-widgets li {
  list-style-type: none;
  margin-bottom: 2px;
  padding: 0;
  word-wrap: break-word;
}

.sidebar ul > li:last-child {
  margin-bottom: 0;
}

.sidebar .widget {
  margin-bottom: 50px;
}

.sidebar .search-form {
  width: 100%;
}

/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
  border-top: 1px solid #F5F5F5;
  padding: 40px 0 16px;
}

.footer-widgets .widget {
    margin-bottom: 24px;
}

.footer-widgets .col-3 .widget-area {
  float: left;
  padding: 0 3% 0 0;
    width: 33%;
}

.footer-widgets .col-4 .widget-area {
  float: left;
  padding: 0 3% 0 0;
    width: 25%;
}


.footer-widgets .widget-area:last-child {
  padding: 0;
  float: right;
}

/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
  border-top: 1px solid #F5F5F5;
  color: #666;
  font-size: 14px;
  padding: 15px 0;
  text-align: center;
  clear: both;
  display: none;
}

.site-footer p {
  margin: 0;
}

.site-footer a {
  display: inline-block;
}

p.copyright {
  font-size: inherit;
  float: left;
}

p.credit {
  float: right;
}

.sidebar .footer-content {
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
}

.sidebar p.copyright,
.sidebar p.credit {
  float: none;
  margin: 0;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

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

  .site-description,
  .site-header .avatar, .site-header .site-avatar img {
    display: none;
  }

  .site-container,
  .content,
  .sidebar-primary,
  .wrap,
  .footer-widgets .col-3 .widget-area,
  .footer-widgets .col-4 .widget-area,
  .site-inner,
  .site-header {
    width: 100%;
    clear: both;
  }

  .site-header {
    position: relative;
  }

  .title-area {
      border-bottom: 1px solid #999;
  }

  .site-inner {
      float: none;
      padding: 40px 0px;
      min-height: auto;
  }

  .header-image .site-header .wrap {
    background-position: center top;
  }

  .sidebar-primary,
  .site-inner,
  .footer-widgets {
    padding-left: 5%;
    padding-right: 5%;
  }

  .sidebar-primary {
    padding-bottom: 20px;
  }

  .archive-description,
  .entry,
  .entry-comments,
  .entry-footer .entry-meta,
  .sidebar .widget,
  .site-header,
  #respond {
    padding: 0;
  }

  .site-inner {
    float: none;
    padding-top: 30px;
    padding-bottom: 0px;
  }

  .omega-nav-menu li {
    float: none;
  } 

  .site-title {
    text-align: left;
    margin: 15px 5%;
    font-size: 26px;    
  }

  .nav-primary {
      margin: 0px 0px;
  }

  .omega-nav-menu a {
    padding: 20px 16px;
    margin: 0;
    border-radius: 0;
    border: none;
  }

  .omega-nav-menu li.right {
    display: none;
  }


  .site-footer {
    padding: 24px 0;
  }

  p.copyright,
  p.credit {
    float: none;
  }

  .nav-primary ul.menu {
      display: none;
  }

  /* responsive menu */
  .menu-icon {
    cursor: pointer;
    position: absolute;
    z-index: 9;
    top: 15px;
    right: 4%;
    display: block;
    margin: 0;
    padding: 10px 30px 16px 0px; 
    height: 30px;
    width: 30px;
  }
  .menu-icon span, .menu-icon span:before, .menu-icon span:after {
    cursor: pointer;
    border-radius: 1px;
    height: 4px;
    width: 24px;
    background: #333;
    position: absolute;
    display: block;
    content: '';
  }
  .menu-icon span:before {
    top: -8px; 
  }
  .menu-icon span:after {
    bottom: -8px;
  }

  .menu-icon span, .menu-icon span:before, .menu-icon span:after {
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
  }
  .menu-icon.active span {
    background-color: transparent;
  }
  .menu-icon.active span:before, .menu-icon.active span:after {
    top: 0;
  }
  .menu-icon.active span:before {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg); /* IE 9 */
      -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  }
  .menu-icon.active span:after {
    transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg); /* IE 9 */
      -webkit-transform: translateY(-10px) rotate(-45deg); /* Chrome, Safari, Opera */
    top: 10px;
  }

  .nav-primary ul.menu {
      background: #000;
      left: 0px;
      top: 60px;
      position: absolute;
      width: 90%;
      margin: 0 5%;
  }

  .nav-primary li {
      float: none;
      display: block;
  }

  .nav-primary ul ul {
      background: #000;
      left: 0;
      margin: 0px 0 0 15px;
      opacity: 1;
      padding: 5px 0px;
      position: relative;
      width: auto;
      z-index: 99;
  }

  .nav-primary .sub-menu .sub-menu {
      margin: 0px 0 0 15px;
  }

  .nav-primary ul li {
      padding: 0;
  }
  .nav-primary ul a {
      font-size: 16px;
      padding: 8px 20px;
      width: 100%;
      color: #eee;
  }

  .nav-primary ul a:hover {
    background-color: #121212;
    color: #fff;
  }
  .nav-primary li.menu-item-has-children > a:after,
  .nav-primary li li.menu-item-has-children > a:after {
    display: none;
  }

  ul.menu-primary ul {
      border-top: none;
  }

}

@media only screen and (max-width: 768px) {
  .entry-footer .entry-meta a {
      line-height: 1.8;
  }

  .entry-title {
      font-size: 24px;      
      margin-bottom: 10px;
  }

  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 23px;
  }

  h3 {
    font-size: 22px;
  }
}

/*
Plugins Style
---------------------------------------------------------------------------------------------------- */