/*
Theme Name: ethan
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ethan
Tags:

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.

ethan is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
  5.1 Links
  5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
  10.1 Posts and pages
  10.2 Asides
  10.3 Comments
11.0 Infinite scroll
12.0 Media
  12.1 Captions
  12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
	margin-bottom: 1.em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

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

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

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

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

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

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/*Style*/
/*============== Element Start ==============*/

body {
    color: #333;
    font: normal 15px/22px 'Lato', sans-serif;
    background-color: #FFFFFF;
    max-width: 1170px;
    margin: 0 auto;
}

a, button, input[type="submit"] {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

a, a:hover, a:focus {
    outline: none;
    border: none;
    text-decoration: none;
	color: #888888;
}

a:hover, a:focus {
    color: #000000;
}

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

ul, li {
    list-style: none;
}

ul, ol {
    padding-left: 0;
}

p {
    margin-bottom: 15px;
}

q {
    quotes: "“" "”" "‘" "’";
    font-weight: bold;
    font-style: italic;
    color: #949494;
    line-height: 22px;
}

q:before {
    content: open-quote;
}

q:after {
    content: close-quote;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Lato', 'sans-serif';
}

h1, .logo h1 a {
    font: 400 18px/22px 'Lato', sans-serif;
    color: #000000;
    text-transform: uppercase;
}

h2 {
    font: 400 18px/20px 'Lato', sans-serif;
    color: #000000;
}

h3 {
    font: bold 15px/24px 'Lato', sans-serif;
    color: #166FB2;
}

::placeholder, ::-moz-placeholder, ::-webkit-input-placeholder, -o-input-placeholder, ::-ms-placeholder {
    color: #000000;
    font: 14px/20px Tahoma, arial;
    font-weight: bold;
}

/* Nullify padding */
.pad0l {
    padding-left: 0px;
}

.pad0r {
    padding-right: 0px;
}

.pad0lr {
    padding-left: 0px;
    padding-right: 0px;
}

/* End Nullify padding */

.morepadl {
    padding-left: 20px;
}

.morepadr {
    padding-right: 20px;
}

.block-text {
    display: block;
}

.gray-text {
    color: #A3A29F;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.align-center {
    text-align: center;
}

/*============== Element Ends ==============*/

/*============== Content Style Start ==============*/
.container {
    max-width: 943px;
}

.container:before, .container:after {
    display: block;
    clear: both;
    content: "";
}

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

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/

#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    /*padding-right: 370px;*/
    padding-right: 0;
}

#sidebar-wrapper {
    background: none repeat scroll 0 0 #f9f9f9;
    height: 100%;
    left: inherit;
    margin-right: -370px;
    overflow-x: hidden;
    overflow-y: auto;
    right: 370px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
    border: none;
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 370px;
}

#sidebar-wrapper .widget_text {
    padding: 15px 50px 0;
}

#page-content-wrapper {
    width: 100%;
    padding-top: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: static;
    margin-right: 370px;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    /*position: absolute;*/
    position: static;
    top: 0;
    width: 370px;
    margin: 0;
    padding: 140px 0 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li a {
    color: rgb(0, 0, 0);
    display: block;
    font: 18px lato;
    padding: 10px 15px 10px 50px;
    text-decoration: none;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}

.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}
#sidebar-wrapper ul.sub-menu{
    padding-left: 16px;
}
/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
    display: block;
    width: 75px;
    height: 32px;
    margin-left: -25px;
    background: transparent;
    border: none;
    margin-top: 40px;
    font: 16px lato, sans-serif;
    color: #000;
    float: right;
    text-transform: uppercase;
}


/*to fix nav button*/
/*.hamburger {
  position: fixed;
  top: 20px;  
  z-index: 999;
  display: block;
  width: 62px;
  height: 32px;
  margin-left: -25px;
  background: transparent;
  border: none;
  margin-top: 20px;
  font: 18px lato, sans-serif;
  color: #000;
}*/
#wrapper.toggled .hamburger {
    padding-right: 240px;
    right: 3.5%;
}

.hamburger:hover,
.hamburger:focus,
.hamburger:active {
    outline: none;
}

.hamburger.is-closed:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    position: absolute;
    left: 0;
    height: 4px;
    width: 100%;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
    background-color: #1a1a1a;
}

.hamburger.is-closed .hamb-top {
    top: 5px;
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-middle {
    top: 50%;
    margin-top: -2px;
}

.hamburger.is-closed .hamb-bottom {
    bottom: 5px;
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
    top: 0;
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-bottom {
    bottom: 0;
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    background-color: #1a1a1a;
}

.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
    top: 50%;
    margin-top: -2px;
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}

.hamburger.is-open .hamb-middle {
    display: none;
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
}

.hamburger.is-open:before {
    content: '';
    display: block;
    width: 100px;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-open:hover:before {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all .35s ease-in-out;
}

/*-------------------------------*/
/*       content styling        */
/*-------------------------------*/
.nav-btn {
    text-align: right;
}

.site-nav {
    padding-right: 15px;
    padding-left: 15px;
}

#sidebar-wrapper form {
    margin: 40px 0 40px 50px;
}

#sidebar-wrapper form label {
    display: block;
    font: 18px lato, sans-serif;
    color: #000;
}

#sidebar-wrapper form input {
    border: medium none;
    border-radius: 5px;
    height: 40px;
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    width: 220px;
}

#sidebar-wrapper form input[type=submit] {
    width: 110px;
    background: #000;
    color: #fff;
    margin-top: 1px;
}

.head-social {
    margin-top: 42px;
}

.head-social > a {
    margin-right: 15px;
}

/*.head-social > a:hover, .head-social > a:focus {
    opacity: 0.5;
}*/

.logo {
    text-align: center;
}

.logo h1 {
    margin-top: 25px;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

.logo h2 {
    margin-top: 10px;
    font-size: 16px;
    margin-top: 5px;
    letter-spacing: 0.5px;
}

footer {
    padding-bottom: 25px;
    padding-top: 40px;
}

footer {
    font-size: 13px;
}
footer .head-social {
    margin-top: 20px;
}
/*=====================*/
/*      inner page    */
/*=======================*/

.left-panel {
    float: left;
    padding-right: 20px;
    width: calc(100% - 285px);
}

.sidebar-panel {
    width: 280px;
    float: right;
}

.innerpage > .container {
    display: block;
    padding-top: 60px;
}

.innerpage h2 {
    font-size: 40px;
    line-height: 42px;
    margin-bottom: 20px;
}

.post-detail, .share-sec {
    font-size: 18px;
    padding-bottom: 20px;
    overflow: hidden;
}

/*.post-con{
    font-size: 20px;
}*/
.blog-list {
    margin-bottom: 80px;
}

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

.blog-list a:hover, .blog-list a:focus {
    color: #A8A8A8;
}

.nav-links a{
    color: #000 !important;
}

.nav-previous{
    float: left;
    margin-right: 16px;
}

.nav-previous a {
    color: #333;
}

.nav-previoust a:hover, .nav-previous a:focus {
    color: #4965B5;
}

.search-form label {
    display: block;
}

.search-form .screen-reader-text {
    display: block;
    margin-bottom: 15px;
}

.search-form .search-field {
    border: 1px solid rgb(204, 204, 204);
    font-size: 13px;
    height: 38px;
    padding-left: 15px;
    width: 100%;
}

.widget a {
    color: rgb(0, 0, 0);
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.widget a:hover, .widget a:focus {
    width: #bababa !important;
}

/*single page*/
.single-page .entry-meta {
    font-size: 18px;
    padding-bottom: 20px;
}

.innerpage ol {
    padding-left: 15px;
}

.innerpage ol li {
    list-style: unset;
    margin-bottom: 30px;
}

#wrapper .hamburger {
    letter-spacing: 0.5px;

}

#wrapper.toggled .hamburger {
    padding-right: 0;
    position: absolute;
    z-index: 999999999;

}

/*============== Responsive Style Start ==============*/

@media only screen and (min-width: 1200px) {

    #wrapper.toggled .hamburger {
        right: inherit;
    }
}

@media only screen and (max-width: 1023px) {
    /*.hamburger {
      float: none;
      margin-left: 0;
      width: 100%;
    }*/
    .hamburger {
        font-size: 15px;
    }

    #wrapper.toggled .hamburger {
        padding-right: 0;
    }

    #wrapper.toggled {
        /*padding-right: 320px;*/
        padding-right: 0;
    }

    #sidebar-wrapper {
        margin-right: -320px;
        right: 320px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 320px;
    }

    #wrapper.toggled #page-content-wrapper {
        margin-right: 320px;
    }

    .sidebar-nav {
        width: 320px;
    }

}

@media screen and (max-width: 767px) {
    .morepadl {
        padding-left: 0;
    }

    .morepadr {
        padding-right: 0;
    }

    .pad0l {
        padding-left: 15px !important;
    }

    .pad0r {
        padding-right: 15px !important;
    }

    .pad0lr {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #wrapper.toggled {
        /*padding-right: 220px;*/
        padding-right: 0;
    }

    #sidebar-wrapper {
        margin-right: -220px;
        right: 220px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 220px;
    }

    #wrapper.toggled #page-content-wrapper {
        margin-right: 220px;
    }

    .sidebar-nav li a {
        padding: 10px 15px;
    }
    #sidebar-wrapper ul.sub-menu {
        width: 210px;
    }

    #sidebar-wrapper .widget_text {
        padding: 15px 15px 0;
    }

    #sidebar-wrapper form {
        margin: 40px 0 40px 15px;
    }

    #sidebar-wrapper form input {
        width: 90%;
    }

    .left-panel {
        float: none;
        padding-right: 0;
        width: 100%;
        margin-bottom: 60px;
    }

    .sidebar-panel {
        width: 330px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #wrapper.toggled .hamburger {
        right: 4.5%;
    }
}

@media only screen and (min-width: 480px) {
    .cs-hidden-xs {
        display: block!important;
    }
    .cs-visible-xs {
        display: none!important;
    }

}

@media only screen and (min-width: 480px) and (max-width: 580px) {
    .head-social > a {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 480px) {
    .nav-btn .hamburger{
        margin-left: -55px !important;
    }
    #sidebar-wrapper ul.sub-menu {
        width: 190px;
    }
}

@media only screen and (max-width: 479px) {
    #wrapper.toggled {
        /*padding-right: 180px;*/
        padding-right: 0;
    }

    .logo {
        text-align: left;
    }

    #sidebar-wrapper {
        margin-right: -180px;
        right: 180px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 180px;
    }

    #wrapper.toggled #page-content-wrapper {
        margin-right: 180px;
    }

    .sidebar-nav li a {
        padding: 10px 15px;
    }

    #sidebar-wrapper form {
        margin: 40px 0 40px 15px;
    }

    #sidebar-wrapper form input {
        width: 90%;
    }

    .sidebar-panel {
        width: 280px;
    }
    .cs-hidden-xs {
        display: none!important;
    }
    .cs-visible-xs {
        display: block!important;
    }
    .cs-col-xs-6{
        width: 76.66%;
    }
}

/*IE Browser hack ie>8 */

@media \0screen\,screen\9  {

}

/*============== Responsive Style Ends ==============*/
/*div#carousel_fade{*/
    /*background: #E3E3E3;*/
/*}*/

.carousel.carousel-fade .item {
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    opacity:0.4;
}

.carousel.carousel-fade .active.item {
    opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0.4;
    filter: alpha(opacity=0.4);
}

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation:landscape) {
    #wrapper.toggled .hamburger {
        
    }
}

.sidebar-nav .sub-menu{
display: none;
}

.sidebar-nav .menu-item-has-children:hover .sub-menu,
.sidebar-nav .menu-item-has-children:focus .sub-menu{
display: block;
}