/*
Theme Name: Custom
Theme URI: https://themehall.com/custom-free-omega-child-theme-wordpress
Author: themehall.com
Author URI: https://themehall.com
Description: Customize Your WordPress Design The Smart Way. Custom WordPress Theme is a responsive Omega child theme, SEO Friendly, utliize WordPress Customizer options, Custom background, custom header, custom menu, custom color, custom css live preview. Play around and make your WordPress site stand out with Custom theme.
Version: 0.5.3
License: GNU General Public License
License URI: license.txt
Tags: light, orange, white, black, two-columns, one-column, right-sidebar, full-width-template, theme-options, custom-background, custom-header, custom-menu, custom-colors, threaded-comments, sticky-post, featured-image-header, flexible-header, translation-ready, responsive-layout, fluid-layout, microformats

Text Domain: custom

Template: omega

Custom WordPress theme, Copyright (C) 2013 themehall.com
Custom 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: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;  
  font-weight: normal;
  line-height: 24px;
  background-color: #f5f5f5;
}

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: #999;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #666;
  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 24px 48px;
  padding: 0;
}

ol {
  list-style-type: decimal;
  margin: 0 0 24px 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 24px 5px;
}

dl dt {
  font-weight: bold;
  margin: 10px 0 14px 0;
}

dl dd {
  margin: 5px 0 0 19px;
}

blockquote,
blockquote::before {
  color: #999;
}

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 #ffffff;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 22px;
}

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 #ffffff;
  border-right: 1px solid #ffffff;
  background: #f5f5f5;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
}

td {
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

/* Headings
--------------------------------------------- */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
  color: #333;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  margin: 0;
  margin-bottom: 24px;
  line-height: 1.2;
  padding: 0;
}

h1,.h1 {
  font-size: 29px;
}

h2,.h2 {
  font-size: 26px;
}

h3,.h3 {
  font-size: 24px;
}

h4,.h4 {
  font-size: 20px;
}

h5,.h5 {
  font-size: 18px;
}

h6,.h6 {
  font-size: 17px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video {
  max-width: 100%;
}

img {
  height: auto;
  width: auto\9; /* IE8 */
}

/* Forms
--------------------------------------------- */

input,
select,
textarea {
  background: #fff;
  border: 1px solid #ddd;
  color: #999;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 11px 16px;
  max-width: 100%;
}

input:focus,
textarea:focus {
  border: 1px solid #aaa;
  outline: none;
}

::-moz-placeholder {
  color: #999;
}

::-webkit-input-placeholder {
  color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #f38635;
  border: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  letter-spacing: 1px;
  padding: 16px 24px;
  text-transform: uppercase;
  width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"] {
  opacity:0.8;
  filter:alpha(opacity=80); /* For IE8 and earlier */ 
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-container {
  border-top:4px solid #f38635;
  max-width: 980px;
  padding: 0 2% 0;
  margin: 0px auto;
  background: #fff;
}

.wrap {
  margin: 0 auto;  
}

.site-inner { 
  clear: both;
  padding-top: 40px;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Content */

.content {
  float: left;
  width: 580px;
}

.page-template-left-sidebar .content,
.layout-2c-r .content {
  float: right;
}

.layout-2c-l .content {
  float: left;
}

.page-template-full-width .content,
.layout-1c .content {
  width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
  float: right;
  width: 280px;
}

.layout-1c .sidebar-primary {
  display: none;
}

.page-template-left-sidebar .sidebar-primary,
.layout-2c-r .sidebar-primary {
  float: left;
}

/* 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;
}

.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 {
  word-wrap: break-word;
  margin-bottom: 10px;
  line-height: 1.2;
}

.entry-title a,
.sidebar .widget-title a {
  color: #333;
}

.entry-title a:hover {
}

.archive-title {
  font-size: 20px;
  margin-bottom: 24px;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */
.site-header {
}

.site-header > .wrap {

}

.site-header .nav-primary,
.site-header .title-area {
  vertical-align: middle;  
  text-align: left;
  display: inline-block;
}

.site-header .nav-primary {
  float: right;
}

.site-header .nav-primary li:last-child a {
  padding-right: 0;
}


/* Title Area
--------------------------------------------- */

.title-area {
  padding: 12px 0;
}

.header-image .title-area {
  padding: 0;
}

.site-title {
  font-size: 28px;
  line-height: 48px;
  margin: 4px 0px 4px;
}

.site-title a,
.site-title a:hover {
  color: #555;
}

.site-description {
  color: #999;
  font-size: 16px;
  font-weight: 300;
  line-height: 1;
  margin: 0;
}

.intro {
  line-height: 0;
  clear: both;
}

/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.omega-nav-menu,
.omega-nav-menu > ul {
  clear: both;
  color: #999;
  letter-spacing: 1px;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.omega-nav-menu li {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.omega-nav-menu a {
  border: none;
  color: #333;
  display: block;
  padding: 28px 15px;
  position: relative;
}

.omega-nav-menu .sub-menu,
.omega-nav-menu .children {
  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 .sub-menu a,
.omega-nav-menu .children a {
  background: #fff;
  border: 1px solid #eee;
  border-top: none;
  font-size: 14px;
  letter-spacing: 0;
  padding: 16px 15px;
  position: relative;
  width: 200px;
}

.omega-nav-menu .sub-menu .sub-menu,
.omega-nav-menu .children .children {
  margin: -54px 0 0 199px;
}

.omega-nav-menu .menu-item:hover,
.omega-nav-menu .page_item:hover {
  position: static;
}

.omega-nav-menu .menu-item:hover > .sub-menu,
.omega-nav-menu .page_item:hover > .children {
  left: auto;
  opacity: 1;
}

.omega-nav-menu > .last > a {
  padding-right: 0;
}

/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entries
--------------------------------------------- */

.entry, .hentry {
  margin-bottom: 48px;  
}

.entry-content {
  word-wrap: break-word;
}

.entry-content img.wp-post-image {
  margin-bottom: 15px;
}

.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: #999;
  font-size: 14px;
}

.entry-header .entry-meta {
  margin-bottom: 24px;
}

.entry-footer .entry-meta {
  margin: 0;
  padding: 0px 0px 8px;
}

.entry-comments-link::before {
  content: "\2014";
  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;
}

.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 {
  border-bottom: 1px solid #ddd;
}

.entry-comments .comment-author {
  margin: 10px 0 10px;
}

.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-list li {
  list-style-type: none;
}

li.comment {
  border: 2px solid #fff;
  border-right: none;
}

li.comment .comment-item {
  background: #f5f5f5;
  margin: 12px 0;
  padding: 32px;
}

li.comment ol {
  margin: 0
}

.comment .avatar {
  margin: 0 16px 24px 0;
}

.bypostauthor {
}

.form-allowed-tags {
  background: #f5f5f5;
  font-size: 14px;
  padding: 24px;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
  color: #999;
  font-size: 14px;
}

.widget-title {
  word-wrap: break-word;
}

.sidebar p:last-child,
.sidebar ul,
.footer-widgets ul {
  margin: 0;
}

.sidebar li,
.footer-widgets li {
  list-style-type: none;
  margin-bottom: 6px;
  padding: 0;
  word-wrap: break-word;
}

.sidebar ul > li:last-child {
  margin-bottom: 0;
}

.sidebar .widget {
  margin-bottom: 40px;
}

.sidebar .search-form {
  width: 100%;
}

.tagcloud a {
    background-color: #f38635;
    border-radius: 2px 2px 2px 2px;
    color: #fff;
    display: inline-block;
    font-size: 90% !important;
    margin: 2px 0px 3px;
    padding: 2px 6px 3px;
}

.tagcloud a:hover {
  color: #fff;
  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */  
}

/*
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: #999;
  font-size: 14px;
  padding: 40px 0;
  text-align: center;
}

.site-footer p {
  margin: 0;
}

p.copyright {
  font-size: inherit;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1139px) {

  .wrap {
    max-width: 980px;
  }

  .content {
    width: 580px;
  }

}

@media only screen and (max-width: 1023px) {

  .site-container {
    padding: 1% 5% 0px;
  }

  .content,
  .sidebar-primary,
  .wrap,
  .footer-widgets .col-3 .widget-area,
  .footer-widgets .col-4 .widget-area {
    width: 100%;
  }

  .header-image .site-header .wrap {
    background-position: center top;
  }

  .title-area {
    padding: 0px;
  }

  .site-title {
    font-size: 28px;
    line-height: 30px;
    margin: 8px 0px 15px;
  }

  .archive-description,
  .entry,
  .entry-comments,
  .entry-footer .entry-meta,
  .sidebar .widget,
  .site-header,
  #respond {
    padding: 0;
  }

  .site-inner {
    background: none;
    padding-top: 24px;
  }

  .entry-footer .entry-meta {
    margin: 0;
    padding-top: 12px;
  }

  .sidebar-primary {
    border-top: 1px solid #F5F5F5;
    padding-top: 40px;
  }

  .site-footer {
    padding: 24px 0;
  }

  .nav-primary ul.menu {
      display: none;
  }

  /* responsive menu */
  .nav-primary .menu-icon {
      cursor: pointer;
      position: relative;
      z-index: 9;
      top: 12px;
      right: 0px;
      display: block;
      margin: 0;
      padding: 10px 25px 16px 0px; 
  }
  .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;
      position: absolute;
      width: 90%;
      margin: 25px 5% 0;
      padding: 15px 0;
      z-index: 5;
  }

  .nav-primary li {
      float: none;
      display: block;
  }

  .nav-primary a {
    font-size: 14px;
    color: #fff;
    padding: 5px 20px;
  }

  .nav-primary ul ul.sub-menu {
      background: transparent;
      left: 0;
      margin: 0px 0 0 15px;
      opacity: 1;
      padding: 5px 0px;
      position: relative;
      width: auto;
      z-index: 99;
  }

  .nav-primary ul.sub-menu .sub-menu {
      margin: 0px 0 0 15px;
  }

  .nav-primary ul.sub-menu li {
      padding: 0;
  }
  .nav-primary ul.sub-menu a {
      background: transparent;
      color: #fff;
      padding: 5px 20px;
      width: 100%;
      border: none;
  }

  .nav-primary ul.sub-menu a:hover {    
    color: #F38635;
  }  

  .nav-primary ul a:hover {
  }
  .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: 414px) {
  .site-title img {
    max-width: 270px;
    width: 90%;
  }
} 