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

 Theme Name: Chic
 Version: 1.0.8
 Description: Chic WordPress blogging Theme with WooCommerce support
 Author: WPExplorer
 Author URI: http://www.wpexplorer.com
 Theme URI: http://www.wpexplorer.com/
 License: Custom license
 License URI: http://themeforest.net/licenses/terms/regular
 Tags: responsive-layout, custom-background, threaded-comments, custom-menu, featured-images, full-width-template, theme-options, translation-ready

/*------------------------------------------------------------------
[Table of contents]

1. Reset
2. Grid
3. Body & Layout
4. Commons
5. Typography
6. LightSlider
7. Notice Bar
8. Header
9. Dropdowns
10. Site Nav
11. Mobile Sidebar Menu
12. Sidebar
13. Widgets
14. Full Slider
15. Homepage Categories Template
16. Loop Entry
17. Meta
18. Posts
19. Post Share
20. Author Info Box
21. Post Slider
22. Related Posts
23. Pages
24. Archives Template
25. Authors Template
26. Pagination
27. Login & Signup Template
28. 404 Error Page
29. Site Footer
30. Scroll To Top Button
31. Forms, Inputs & Buttons
32. Site Searchform
33. Contact Form 7
34. Comments
35. WordPress Styles
36. Magnific Lightbox Popup Tweaks
37. Plugin Fixes
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[1. 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{background:#fff;line-height:1;}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}blockquote,q{quotes:none}a:focus{outline:0}a:hover,a:active{outline:0}a img{border:0}img{max-width:100%;height:auto;}select{max-width:100%}input,select,textarea,button{font-family:inherit}

/*------------------------------------------------------------------
[2. Grid]
-------------------------------------------------------------------*/
.wpex-clr:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

/*percent grid*/
.wpex-row {
    margin: 0 -10px
}
.wpex-row .wpex-col {
    float: left;
    margin: 0 0 20px;
    padding: 0 10px;
}
.wpex-row .wpex-count-1 {
    clear: both
}
.wpex-row .wpex-col-1 {
    width: 100%;
    margin-bottom: 40px;
}
.wpex-row .wpex-col-2 {
    width: 50%
}
.wpex-row .wpex-col-3 {
    width: 33.33%
}
.wpex-row .wpex-col-4 {
    width: 25%
}
.wpex-row .wpex-col-5 {
    width: 20%
}
.wpex-row .wpex-col-6 {
    width: 16.66666667%
}

/*make text inputs 100% when inside a column*/
.wpex-row .col input[type="text"],
.wpex-row .col input[type="password"],
.wpex-row .col input[type="email"],
.wpex-row .col input[type="url"],
.wpex-row .col input[type="tel"] {
    width: 100%
}

/*------------------------------------------------------------------
[3. Body & Layout]
-------------------------------------------------------------------*/
body {
    background: #f2f2f2;
    color: #333;
    font: 400 16px/1.6 'Helvetica Neue', Helvetica, Arial;
}
.wpex-site-wrap {
    overflow: hidden
}
.wpex-site-content {
    padding: 50px 0
}
.wpex-container {
    width: 1100px;
    margin: 0 auto;
}
.wpex-content-area {
    float: left;
    width: 750px;
    width: 68.18%;
}
.wpex-sidebar {
    float: right;
    width: 300px;
    width: 27.27%;
}
.wpex-boxed-container {
    padding: 40px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    margin-bottom: 40px;
}
body.page .wpex-boxed-container.wpex-content-area {
    margin-bottom: 0
}
body.full-width .wpex-content-area {
    width: 100%;
    max-width: none;
}
body.left-sidebar .wpex-content-area {
    float: right
}
body.left-sidebar .wpex-sidebar {
    float: left
}

/*------------------------------------------------------------------
[4. Commons]
-------------------------------------------------------------------*/

/*accent color*/
.wpex-accent-bg {
    background-color: #f27684;
    color: #fff;
}
.wpex-accent-bg:hover {
    color: #fff
}

/*hide screen reader text*/
.screen-reader-response {
    display: none
}

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

/*clear floats*/
.wpex-clr:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clear {
    clear: both
}

/*images*/
img {
    height: auto;
    max-width: 100%;
}
.wpex-post-thumbnail img {
    display: block;
    width: 100%;
}

/*blockquote*/
blockquote {
    font-size: 1.286em;
    margin: 0 0 30px;
    position: relative;
    font-family: Georgia;
    color: #888;
    font-style: italic;
}
blockquote.left {
    float: left;
    margin-left: 0;
    margin-right: 20px;
    text-align: right;
    width: 33%;
}
blockquote.right {
    float: right;
    margin-left: 20px;
    margin-right: 0;
    text-align: left;
    width: 33%;
}
blockquote p:last-child {
    margin: 0
}
blockquote cite {
    display: block;
    margin-top: 20px;
    font-style: italic;
    font-size: 0.929em;
    color: #999;
}

/*pre tag*/
pre {
    background: #f9f9f9;
    padding: 20px 30px;
    margin-bottom: 30px;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    font-family: 'Verdana';
    border-left: 10px solid #ccc;
    font-size: 0.929em;
}
address {
    color: #666;
    margin: 20px 0;
}

/*definition lists*/
dt {
    font-weight: bold;
    text-decoration: underline;
}
dd {
    margin: 0;
    padding: 0 0 30px;
}

/*theme heading*/
.wpex-heading,
#reply-title {
    font-size: 1.500em;
    font-weight: normal;
    margin: 0 0 30px;
}

/*display*/
.display-none {
    display: none
}
.display-block {
    display: block
}

/*visibility*/
.wpex-invisible {
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all;
}
.wpex-visible {
    opacity: 1;
    visibility: visible;
}

/*highlight*/
.wpex-text-highlight {
    display: inline-block;
    background-color: #FFF49B;
    color: #A5651A;
    padding: 0 5px;
}

/*notices*/
.wpex-notice {
    padding: 20px;
    margin: 0 0 20px;
    background: #f0f0f0;
    border-left: 5px solid #f0ad4e;
}
.wpex-info {
    border-left-color: #5bc0de
}
.wpex-info strong {
    color: #5bc0de
}
.wpex-warning {
    border-left-color: #d9534f
}
.wpex-warning strong {
    color: #d9534f
}
.wpex-success {
    border-left-color: #5cb85c
}
.wpex-success strong {
    color: #5cb85c
}

/*responsive embeds*/
.wpex-responsive-embed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.wpex-responsive-embed frame,
.wpex-responsive-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wpex-entry frame,
.wpex-entry iframe {
    max-width: 100%
}
.wpex-entry .wpex-responsive-embed {
    margin-bottom: 20px
}

/*ads*/
.wpex-ad-region img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.wpex-ad-region.wpex-single-top,
.wpex-ad-region.wpex-archives-top {
    margin-bottom: 40px
}
.wpex-ad-region.wpex-archives-bottom {
    margin-top: 40px
}

/*border button*/
.wpex-border-button {
    display: block;
    float: left;
    border: 1px solid #000;
    color: #000;
    padding: 0.4em 0.8em;
    transition: all .25s;
}
.wpex-border-button:hover {
    background: #000;
    border-color: transparent;
    color: #fff;
}

/*lists */
.wpex-entry ul {
    margin: 10px 0 30px 20px
}
.wpex-entry ul ul {
    margin: 0 0 0 40px
}
.wpex-entry ol {
    margin: 30px 0 30px 25px
}
.wpex-entry ul {
    list-style: disc
}
.wpex-entry ol {
    list-style: decimal
}

/*------------------------------------------------------------------
[5. Typography]
-------------------------------------------------------------------*/
a {
    color: #f27684;
    text-decoration: none;
}
a:hover {
    text-decoration: none
}
.wpex-entry a:hover {
    text-decoration: underline
}
.wpex-entry a.wpex-theme-button {
    text-decoration: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: #000;
    line-height: 1.4;
}
.wpex-entry h2,
.wpex-entry h3,
.wpex-entry h4,
.wpex-entry h5,
.wpex-entry h6 {
    margin: 40px 0 20px;
    font-weight: 400;
}
h1 {
    font-size: 1.714em;
    margin: 0 0 30px;
}
h2 {
    font-size: 1.500em
}
h3 {
    font-size: 1.286em
}
h4 {
    font-size: 1.143em
}
h5 {
    font-size: 1.000em
}
h6 {
    font-size: 0.857em
}
p {
    margin: 0 0 10px
}
h1 a,
h2 a,
h3 a,
h4 a,
.wpex-heading-font-family a {
    color: inherit;
    text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted #000;
}
p.lead {
    color: #777;
    font-size: 1.500em;
}
em {
    font-style: italic
}
strong {
    font-weight: 600
}
small {
    font-size: 80%
}
hr {
    border: solid #eee;
    border-width: 1px 0 0;
    clear: both;
    height: 0;
    margin: 40px 0;
}
a {
    outline: 0
}

/*------------------------------------------------------------------
[6. LightSlider]
-------------------------------------------------------------------*/
.lSAction > a {
    margin-top: 0;
    background-image: none !important;
}
.lSSlideOuter {
    position: relative
}
.lSSlideWrapper img {
    display: block;
    width: 100%;
}

/*------------------------------------------------------------------
[7. Notice Bar]
-------------------------------------------------------------------*/
.wpex-notice-bar {
    text-align: center;
    padding: 15px 0;
    font-size: 1em;
    position: relative;
    background: #000;
    color: #fff;
    display: none;
    letter-spacing: 0.5px;
    font-weight: 400;
}
.wpex-notice-bar.show {
    display: block
}
.wpex-notice-bar a {
    color: inherit;
    text-decoration: underline;
}
.wpex-notice-bar-toggle {
    position: absolute;
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    text-align: center;
    top: 50%;
    margin-top: -20px;
    right: 20px;
    cursor: pointer;
}
.wpex-notice-bar-toggle:hover {
    opacity: 0.6
}
body.wpex-header-centered-logo-full-nav .wpex-notice-bar {
    background: #f27684
}

/*------------------------------------------------------------------
[8. Header]
-------------------------------------------------------------------*/

/*main*/
.wpex-site-header-wrap {
    background: #fff;
    box-shadow: 0 2px 3px rgba(0,0,0,0.015);
}
.wpex-site-header {
    position: relative;
    padding: 25px 0;
}
.wpex-site-description {
    color: #666
}
.wpex-site-header.default .wpex-site-branding {
    float: left
}
.wpex-site-header.centered-logo-full-nav {
    text-align: center;
    padding: 40px 0;
}
.wpex-site-header.centered-logo-full-nav .wpex-site-description {
    padding-top: 10px
}

/*logo*/
.wpex-site-logo img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.wpex-site-header.default .wpex-site-branding {
    float: left
}
.wpex-site-logo .site-text-logo {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 600;
}
.wpex-site-logo a {
    color: #000;
    text-decoration: none;
}
.wpex-site-logo a:hover {
    text-decoration: none;
    color: #f27684;
}

/*description*/
.wpex-site-description {

}