/*

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: 'Lato', sans-serif;

  font-size: 16px;  

  font-weight: 400;

  line-height: 1.625;

  background-color: #fff; 

}



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;

}



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;

}

hr {

height: 2px;

color: #008CBA;

background-color: #008CBA;

border: none;

}





/* 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: 'Alegreya', 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;

color: #008CBA;

}



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 #008CBA;

  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;

color: #008CBA;

}



.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: #008CBA;

}



.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 {
	color: #008CBA;

  text-decoration: underline;

}

.entry-content a:hover,
	.entry-summary a:hover {
	color: #000000;
 
  }

.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;

color: #008CBA;



}



.sidebar ul,

.footer-widgets ul {

  margin: 0;

}



.sidebar li,

.footer-widgets li {

  list-style-type: disc;

color: #008CBA;

  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;

}



.sidebar .footer-content {

  text-align: center;

  font-size: 14px;
  
  color: #008CBA;

  margin: 10px 0;

}



.sidebar p.copyright {

  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 {

    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

---------------------------------------------------------------------------------------------------- */