/*
Theme Name:   Newspread
Theme URI:    https://www.commercegurus.com/product/newspread/
Author:       CommerceGurus
Author URI:   https://www.commercegurus.com/
Description:  Newspread is a WordPress theme designed especially for blogging and writing.
Version:      1.0.8
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  newspread
Tags:         two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-menu, featured-images, full-width-template, threaded-comments

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.

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

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Global
	2.1 Global Grid
	2.2 Global Layout
  2.3 Heading
	2.4 Typography
	2.5 Common HTML Elements
	2.6 Forms
    2.6.1 Gravity Forms
    2.6.2 Contact Form 7
    2.6.3 Mailchimp
	2.7 Media
3.0 Header
4.0 Menus
  4.1 Sticky Menu
5.0 Pages
	5.1 Homepage
	5.2 Misc
6.0 Posts/Blog
	6.1 Blog Post
	6.2 Post Format Types
  6.3 Blog Pagination
	6.4 Comments
  6.5 Post Navigation
7.0 Widgets
8.0 Search
9.0 Widgets
10.0 WooCommerce
11.0 Owl Carousel
12.0 Homepage: Slider, Carousel, Features
13.0 Footer

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

cite {
  font-style: normal;
  font-weight: bolder;
  display: block;
  margin-top: 15px;
}

a {
  transition: all 0.2s ease 0s;
  outline: 0;
}

input, button {
  transition: all 0.2s ease 0s;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

*:focus {
  outline: none;
}

img, object, embed, figure {
  max-width: 100%;
  height: auto;
}

code {
  background-color: #ffffcc;
}

select {
  color: #333;
}

figure {
  margin: 0;
}

.screen-reader-text {
  position: absolute;
  top: -9999em;
  left: -9999em;
}

.larger {
  font-size: 120%;
}

/* -- iFrame -- */
.ccfw-entry-content iframe {
  width: 100%;
}


/*--------------------------------------------------------------
2.0 Global
--------------------------------------------------------------*/

/* -- Default Font -- */

body, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: -apple-system, Helvetica, Arial, sans-serif;
}

body {
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  -webkit-font-smoothing: antialiased;
}

body p {
  text-rendering: optimizeLegibility;
}


/*--------------------------------------------------------------
2.1 Global Grid
--------------------------------------------------------------*/

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }

  .elementor-container,
  body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 740px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  .elementor-container,
  body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }

  .elementor-container,
  body .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1150px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  .col-sm-3 {
    width: 25%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0px;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none;
  visibility: hidden;
}

.affix {
  position: fixed;
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }

  table.visible-print {
    display: table;
  }

  tr.visible-print {
    display: table-row !important;
  }

  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

/*--------------------------------------------------------------
2.2 Global Layout
--------------------------------------------------------------*/

#ccfw-page-wrap {
  position: relative;
  margin-top: -1px;
}

@media (min-width: 992px) {
  .left-content {
    padding-right: 50px;
  }
  .right-content {
    padding-left: 50px;
  }
}

.page-template-default .ccfw-content {
  padding-bottom: 60px;
}

body.archive .ccfw-content,
body.single-post .ccfw-content {
  padding-bottom: 70px;
}

/* Homepage Templates */

.home .ccfw-content {
  padding-top: 60px;
  padding-bottom: 80px;
}

.home.elementor-page .ccfw-content {
  padding: 0px;
}

/* -- 404 -- */

section.error-404.not-found {
  min-height: 400px;
  padding-top: 30px;
}

.content-area section.error-404.not-found input[type="submit"] {
  margin-top: 0px;
  background-color: transparent;
}


/*--------------------------------------------------------------
2.3 Heading
--------------------------------------------------------------*/

body .entry-header {
  padding: 45px 0px 45px 0px;
  margin-bottom: 50px;
  position: relative;
  background-size: cover;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
}

.entry-header h1 {
  line-height: 1.3em;
}

.entry-header:after {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
}

.entry-header .container {
  position: relative;
  z-index: 1;
}

/*--------------------------------------------------------------
2.4 Typography
--------------------------------------------------------------*/

.ccfw-content {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

body,
button,
input,
select,
textarea {
  font-size: 16px;
  line-height: 1.55;
}

a {
  color: #111;
  outline: 0;
  text-decoration: none;
}

a, a:active, a:focus {
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #111;
  clear: both;
  margin-bottom: 10px;
}

h1 {
  font-size: 34px;
  line-height: 52px;
  margin-bottom: 0px;
}

h2 {
  font-size: 24px;
  line-height: 36px;
}

h3 {
  font-size: 18px;
  line-height: 27px;
}

h4 {
  font-size: 16px;
  line-height: 24px;
}

h4 a {
  font-weight: normal;
}

h5 {
  font-size: 14px;
  line-height: 21px;
}

h5 small {
  position: relative;
  top: -4px;
}

h6 {
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-bottom: 1.6em;
}

b, strong {
  font-weight: bolder;
}

dfn, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 10px;
}

address {
  margin: 0 0 10px;
  font-style: normal;
}

pre {
  margin-bottom: 30px;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
  background: #fff9ee;
  font-size: 16px;
}

abbr, acronym {
  cursor: help;
}

mark, ins {
  text-decoration: none;
}

sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

small {
  font-size: 75%;
}

big {
  font-size: 125%;
}


/*--------------------------------------------------------------
2.5 Common HTML elements
--------------------------------------------------------------*/

/* -- Ordered and Unordered Lists --*/

.content-area ul, 
.content-area ol {
  margin: 10px 0px 20px 20px;
}

.content-area ul {
  list-style: disc;
}

.content-area ol {
  margin-left: 0px;
  padding-left: 18px;
  list-style: decimal;
}

.content-area ul li,
.content-area ol li {
  margin-bottom: 10px;
}

.content-area ol ol {
  padding-left: 30px;  
}

.content-area ul ul {
  padding-left: 30px;
}

.single-post .ccfw-entry-content > p:nth-of-type(1):first-letter {
  font-size: 52px;
  line-height: 50px;
  float: left;
  padding-right: 0.2em;
  padding-top: 4px;
  margin-bottom: -10px;
  font-weight: bold;
}

/* -- Horizontal Rule --*/

.content-area hr {
  height: 0;
  margin-top: 38px;
  margin-bottom: 38px;
  border: 0;
  border-top: 1px solid #e9e9e9;
}

/* -- Headings -- */

.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5 {
    margin: 36px 0 16px;
}

.content-area h6 {
  margin: 16px 0 2px;
}

.content-area h1 + h1, .content-area h1 + h2, .content-area h1 + h3, .content-area h1 + h4, .content-area h1 + h5, .content-area h1 + h6, .content-area h2 + h1, .content-area h2 + h2, .content-area h2 + h3, .content-area h2 + h4, .content-area h2 + h5, .content-area h2 + h6, .content-area h3 + h1, .content-area h3 + h2, .content-area h3 + h3, .content-area h3 + h4, .content-area h3 + h5, .content-area h3 + h6, .content-area h4 + h1, .content-area h4 + h2, .content-area h4 + h3, .content-area h4 + h4, .content-area h4 + h5, .content-area h4 + h6, .content-area h5 + h1, .content-area h5 + h2, .content-area h5 + h3, 
.content-area h5 + h4, .content-area h5 + h5, .content-area h5 + h6, .content-area h6 + h1, .content-area h6 + h2, .content-area h6 + h3, .content-area h6 + h4, .content-area h6 + h5, .content-area h6 + h6, .content-area p + h6 {
   margin-top: 0px;
}


/* -- Definition Lists --*/

dt {
  font-weight: bolder;
}

dd, dl {
  margin-bottom: 20px;
}

/* -- Links -- */

.content-area h4 a,
.content-area h5 a {
  color: #111;
}

.content-area article .entry-content p a {
  padding-bottom: 2px;
  background: linear-gradient(#FFF,#FFF) no-repeat scroll 0 87% / .05em 1px,linear-gradient(#FFF,#FFF) no-repeat scroll 100% 87% / .05em 1px,
  transparent linear-gradient(#eee,#eee) repeat-x scroll 0 87% / 1px 1px;
  text-shadow: 0.03em 0 #FFF, -0.03em 0 #FFF, 0px 0.03em #FFF, 0px -0.03em #FFF, 0.06em 0 #FFF, -0.06em 0 #FFF, 0.09em 0 #FFF, -0.09em 0 #FFF, 0.12em 0 #FFF, -0.12em 0 #FFF, 0.15em 0 #FFF, -0.15em 0 #FFF;
}

a.underline {
  padding-bottom: 2px;
  border-bottom: 1px solid;
}

.content-area article .entry-content p a.underline {
  background: none;
  text-shadow: none;
}

/* -- Blockquotes --*/

.content-area blockquote {
  padding: 30px 30px 30px 80px;
  margin: 40px 0px;
  border: none;
  background-color: #f8f8f8;
  position: relative; 
  clear: both; 
}

.content-area blockquote:before {
  color: #D4DAE0;
  content: "\f10d";
  font-family: "FontAwesome";
  font-size: 18px;
  font-style: normal;
  line-height: 44px;
  text-align: center;
  position: absolute;
  left: 16px;
  top: 23px;
  height: 46px;
  width: 46px;
}

.content-area blockquote p {
  margin-bottom: 0px;
}


/* -- Table styles --*/

table {
  margin-bottom: 30px;
  border-bottom: 1px solid #e0e0e0;
}

.content-area table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100%;
  margin-top: 30px;
  border: 1px solid #eee;
}

.content-area table th,
.content-area table td {
  padding: 15px 25px 15px 15px;
  margin: 0;
  overflow: visible;
  border-bottom: 1px solid #eee;
}

.content-area table thead {
  vertical-align: bottom;
  white-space: nowrap;
}

.content-area table th {
  font-weight: bolder;
}

.content-area table tbody > tr:nth-child(odd) > th,
.content-area table tbody > tr:nth-child(odd) > td { 
  background: #f9f9f9; 
}

.content-area caption {
  color: #111;
  text-align: center;
  padding: 2%;
}

/* -- WP layout styles --*/

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

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

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* -- Blockquote and Heading margins -- */

body.search-results .content-area article > h2:first-child,
.entry-content > .gform_wrapper,
.ccfw-entry-content > h1:first-child,
.ccfw-entry-content > h2:first-child,
.ccfw-entry-content > h3:first-child,
.ccfw-entry-content > h4:first-child,
.ccfw-entry-content > h5:first-child,
.ccfw-entry-content > h6:first-child {
  margin-top: 0px;
}


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

textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], textarea {
  color: #555;
  background: #fff;
  padding: 8px 12px;
  border: 1px solid #e2e2e2;
  transition: all 0.15s ease 0s;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  border: solid 1px #ccc;
  outline: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
}

.content-area fieldset {
  padding: 25px;
  border: 1px solid #eee;
  margin-bottom: 1em;
}

.content-area fieldset legend {
  font-size: 11px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px 12px;
  background: #eee;
  color: #444;
}

.content-area input[type="text"],
.content-area input[type="tel"],
.content-area input[type="url"],
.content-area input[type="email"],
.content-area input[type="password"],
.content-area textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  font-size: 1em;
  color: #111;
  background: #fff;
  border-radius: 0;
  -webkit-appearance: none;
  margin-top: 5px;
  margin-bottom: 0px;
}

.content-area input[type="file"] {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
}

.content-area textarea { 
  height: 190px; 
}

span.required,
body .gform_wrapper .gfield_required {
  color: #c91414;
}

.content-area input[type="text"]:focus,
.content-area input[type="tel"]:focus,
.content-area input[type="url"]:focus,
.content-area input[type="email"]:focus,
.content-area input[type="password"]:focus,
.content-area textarea:focus {
  outline: none;
  border-color: #ccc;
}

.content-area input[type="submit"],
.content-area input[type="reset"],
.content-area input[type="button"],
.jetpack_subscription_widget input[type="submit"],
.ccfw-content .widget a.button {
  padding: 16px 24px;
  margin: 0;
  border: none;
  background: #ebe9eb;
  font-size: 14px;
  line-height: 1;
  color: #111;
  -webkit-appearance: none;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 2px;
}

.ccfw-content .widget a.button {
  display: inline-block;
  font-size: 14px;
  padding: 14px 20px;
  margin-top: 0px;
}

.ccfw-content .widget a.button:hover {
  opacity: 0.8;
}

.jetpack_subscription_widget input[type="submit"] {
  padding: 12px 18px;
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
  width: 100%;
}

.content-area input[type="submit"]:hover,
.content-area input[type="reset"]:hover,
.content-area input[type="button"]:hover,
.jetpack_subscription_widget input[type="submit"]:hover {
  opacity: 0.9;
}

.content-area input[type="reset"] {
  background-color: #eee;
  color: #333;
}

.content-area input[type="submit"] + input[type="reset"],
.content-area input[type="submit"] + input[type="button"],
.content-area input[type="reset"] + input[type="submit"],
.content-area input[type="reset"] + input[type="button"],
.content-area input[type="button"] + input[type="reset"],
.content-area input[type="submit"] + input[type="submit"] {
  margin-left: 5px;
}

input[type="submit"]:focus,
input[type="submit"]:active {
  outline: none;
  opacity: 0.85;
}

span.hint {
  font-size: 0.85em;
  opacity: 0.5;
  margin-left: 5px;
}


/* -- Select Styling -- */

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  background: #fff url("images/icons/down-arrow.png") right 0.5em center no-repeat;
  background-size: 16px 16px;
  border-radius: 0px;
  border: 1px solid #e2e2e2;
  padding: 0.4em 2em 0.4em 8px;
  max-width: 100%;
  text-indent: 0.01px;
  text-overflow: '';    
  margin-bottom: 5px;
  font-weight: inherit;
  width: 100%;
  font-size: 14px;
}

.content-area select {
  font-size: 16px;
  margin-top: 5px;
}


/* --------------------------------------------------------------
2.6.1 Gravity Forms
-------------------------------------------------------------- */

body .gform_wrapper .gsection .gfield_label, 
body .gform_wrapper span.gform_description,
body .gform_wrapper h2.gsection_title, 
body .gform_wrapper h3.gform_title {
  font-weight: inherit;
}

body .gform_wrapper .top_label .gfield_label {
  margin-bottom: 0em;
  font-weight: inherit;
}

body .ccfw-content .gform_wrapper label.gfield_label + div.ginput_container {
  margin-top: 0em;
  margin-bottom: 12px;
}

body .gform_wrapper h3.gform_title {
  margin-top: 0px;
}

body .gform_wrapper.gf_browser_gecko select {
  padding-left: 5px;
  margin-top: 6px;
  font-size: 16px;
}

body .gform_wrapper input[type="email"], 
body .gform_wrapper input[type="number"], 
body .gform_wrapper input[type="password"], 
body .gform_wrapper input[type="tel"], 
body .gform_wrapper input[type="text"], 
body .gform_wrapper input[type="url"],
body .gform_wrapper textarea {
  padding: 6px 8px;
}

body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
  font-size: 16px;
  margin-top: 0px;
}

.ginput_container_radio,
.ginput_container_checkbox {
  padding-top: 10px;
}

body .gform_wrapper.gf_browser_gecko .gfield_checkbox li input, 
body .gform_wrapper.gf_browser_gecko .gfield_checkbox li input[type="checkbox"], 
body .gform_wrapper.gf_browser_gecko .gfield_radio li input[type="radio"] {
  margin-top: 6px;
  margin-left: 0px;
  margin-right: 10px;
}

body .gform_wrapper .gfield_checkbox li, 
body .gform_wrapper .gfield_radio li {
  margin-bottom: 6px;
}

body .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, 
body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
  font-weight: 400;
}


/* --------------------------------------------------------------
2.6.2 Contact Form 7
-------------------------------------------------------------- */

.wpcf7 p {
  margin-bottom: 20px;
  font-size: 16px;
}

.wpcf7 input {
  margin-left: 0px;
}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {
  margin-right: 8px;
}

.wpcf7 .wpcf7-radio,
.wpcf7 .wpcf7-checkbox {
  padding-top: 10px;
  display: block;
}

.wpcf7 span.wpcf7-list-item {
  display: block;
  margin-right: 0px;
  margin-left: 0px;
}


/* --------------------------------------------------------------
2.6.3 Mailchimp
-------------------------------------------------------------- */

.mc4wp-form {
  position: relative;
  margin-top: 10px;
}

.mc4wp-form p label {
  display: none;
}

.mc4wp-form-fields {
  display: table;
  width: 100%;
}


/*--------------------------------------------------------------
2.7 Media
--------------------------------------------------------------*/

.content-area .wp-caption { 
  max-width: 100%; 
  margin-bottom: 20px;
}

.content-area .alignleft,
.content-area .alignright {
  margin-bottom: 1.2em;
  max-width: 50%;
  margin-top: 5px;
}

.content-area .wp-caption .alignleft,
.content-area .wp-caption .alignright {
  margin-bottom: 0;
}

.content-area .alignleft {
  float: left;
  margin-right: 30px;
}

.content-area .alignright {
  float: right;
  margin-left: 30px;
}

.content-area .aligncenter,
.content-area .aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.content-area .aligncenter,
.content-area .alignnone {
  margin-top: 30px;
  margin-bottom: 30px;
}

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

.content-area .wp-caption-text,
.content-area .gallery-caption {
  margin: 4px auto 16px;
  font-size: 14px;
  line-height: 160%;
  color: #666;
  text-align: center;
  padding: 0px 10px;
}

.content-area .aligncenter .wp-caption-text {
  margin: 10px 0px 30px 0px;
}


/* -- Gallery -- */

.gallery a img {
  border: none;
  height: auto;
  width: 100%;
  max-width: 100%;
}

.gallery dd, .gallery figcaption {
  font-size: 15px;
  text-align: left;
  margin: 0 0 15px 0;
}

.gallery {
  margin-left: -7px;
  margin-right: -7px;
}

.gallery-item {
  margin-bottom: 25px;
  width: 25%;
  vertical-align: top;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-block;
}

/* -- Tiled Galery -- */

.content-area .tiled-gallery {
  margin: 40px 0px;
}

/* -- Image hover class -- */

.image-hover img, img.image-hover {
  transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: translate3d(0, 0, 0);
}

.image-hover:hover img, img.image-hover:hover {
  transform: scale(1) translate3d(0, -0.6rem, 0);
}

/* -- Video -- */

.video-player, .mejs-container, .embed-youtube {
  margin-bottom: 20px;
}


/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/

h1.ccfw-site-title {
  font-size: 24px;
  margin-bottom: 0;
  line-height: 1;
}

.ccfw-site-title a {
  text-decoration: none;
}

.ccfw-header-main .ccfw-site-description {
  margin-bottom: 0;
  color: #777;
  font-size: 13px;
  margin-top: 7px;
  font-weight: inherit;
  letter-spacing: 0px;
}

.vertical-align {
  display: table;
  width: 100%;
  margin: 0px;
}

.col-lg-12.vertical-align {
  padding: 0px;
}

.ccfw-header-details {
  float: right;
  margin-right: 12px;
}

.ccfw-header-details .widget,
.ccfw-header-details-right .widget {
  margin-bottom: 0px; 
}


/* -- Text Logo -- */

.ccfw-site-text-logo {
  white-space: nowrap;
  float: left;
  width: 30%;
  text-align: left;
}

.sticky-header .ccfw-site-text-logo {
  padding: 0px;
}

.sticky-header .ccfw-site-text-logo h1 {
  line-height: 64px;
}

/* -- Logo Styling and Width -- */

.ccfw-site-logo {
  white-space: nowrap;
  float: left;
  width: 30%;
}

.ccfw-site-logo img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
  height: auto;
  width: auto;
}

.ccfw-site-logo a {
  line-height: 128px;
}

.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

body .ccfw-header-main {
  overflow: hidden;
  position: relative;
  z-index: 4;
}

/* Style 2 -- */

.ccfw-header-main .col-lg-12 {
  display: flex;
  align-items: center;
}

.ccfw-header-main.style2 .ccfw-site-logo {
  float: none;
  width: 100%;
  text-align: center;
}

.ccfw-header-main.style2 .ccfw-site-text-logo {
  padding: 0px;
  width: 100%;
  float: none;
  text-align: center;
}

.ccfw-header-main.style2 {
  display: flex;
  align-items: center;
}

/* -- Header Widgets -- */

.ccfw-header-branding {
  width: 70%;
  float: right;
  text-align: right;
  z-index: 2;
}

.ccfw-header-details .widget.widget_text {
  text-align: left;
  padding-left: 70px;
  padding-top: 3px;
  position: relative;
}

.ccfw-header-branding input.search-field {
  margin-left: 25px;
  width: 200px;
}

.ccfw-header-details-right {
  float: right;
}

.ccfw-header-details-right .textwidget {
  white-space: nowrap;   
}

.ccfw-header-details-right .textwidget:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.ccfw-header-details-right .widget .textwidget img {
  margin-bottom: -5px;
}

body .ccfw-header-main {
  height: 160px;
  display: flex;
  align-items: center;
}


/*--------------------------------------------------------------
4.0 Menus
--------------------------------------------------------------*/

.ccfw-header-nav {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  z-index: 10;  
}

.ccfw-header-nav.ccfw-above-header {
  border-top: none;
}

.ccfw-primary-nav {
  position: relative;
  z-index: 10;
}

.sticky-header .ccfw-primary-nav {
  background-color: transparent;
}

.sticky-header .blog-menu > li.current_page_ancestor > a, 
.sticky-header .blog-menu > li.current_page_ancestor:hover > a, 
.sticky-header .blog-menu > li.current_page_parent > a, 
.sticky-header .blog-menu > li.current_page_parent:hover > a,
.sticky-header .blog-menu > li.current_page_item > a,
.sticky-header .blog-menu > li.current_page_item:hover > a {
  background: transparent;
  color: inherit;
}

/* -- If sticky navigation active while logged in -- */

.ccfw-header-nav.is_stuck {
  border-top: none;
}

.admin-bar .ccfw-header-nav.is_stuck {
  top: 32px !important;
}

@media screen and (max-width: 782px) {
  .admin-bar .ccfw-header-nav.is_stuck {
    top: 46px !important;
  }
}


/* -- Mobile Menu -- */

.toggle-container {
  display: block;  
}

.toggle {
  display: inline-block;
  position: relative;
  height: 57px;
  width: 32px;
  padding: 20px 0px;
}

.toggle:hover {
  cursor: pointer;
}

.nav-toggle {
  float: left;
}

.search-toggle {
  float: right;
}

.nav-toggle:hover {
  cursor: pointer;
}

.nav-toggle .bar {
  display: block;
  width: 24px;
  height: 3px;
  margin-top: 4px;
  background: #666;
}

.nav-toggle .bar:first-child {
  margin-top: 0;
}

.nav-toggle.active .bar {
  background-color: #FFF;
}

.search-toggle .metal,
.search-toggle .glass,
.search-toggle .handle {
  position: absolute;
}

.search-toggle .metal {
  width: 18px;
  height: 18px;
  top: 16px;
  left: 6px;
  border-radius: 999px;
  background: #555;
}

.search-toggle .glass {
  width: 12px;
  height: 12px;
  top: 19px;
  left: 9px;
  border-radius: 999px;
  background: #1D1D1D;
}

.search-toggle .handle {
  height: 4px;
  width: 13px;
  top: 32px;
  left: 18px;
  background: #555;
  border-radius: 2px 0 0 2px;
  transform: rotate(45deg);
}

.search-toggle.active .metal,
.search-toggle.active .handle {
  background: #FFF;
}

.mobile-menu {
  display: none;
}

.mobile-menu .container {
  padding: 0px;
  width: auto;
}

.mobile-menu li {
  position: relative;
}

.mobile-menu a {
  display: block;
  padding: 17px 15px 17px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  color: rgba(255, 255, 255, 0.75);
  font-size: 16px;
}

.mobile-menu a:hover,
.mobile-menu .current-menu-item a {
  color: #FFF;
}

.mobile-menu ul a {
  width: 100%;
}

.mobile-menu ul a {
  padding-left: 20px;
}

.mobile-menu .dropdown-menu li a {
  padding-left: 20px;
  font-size: 14px;
}

.mobile-menu .dropdown-menu li .dropdown-menu li a {
  padding-left: 40px;
}

.mobile-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-menu .dropdown-menu {
  display: none;
}

.mobile-menu .dropdown-open .dropdown-menu {
  display: block;
}

.mobile-menu .dropdown-open .dropdown-menu .dropdown-open .dropdown-menu {
  display: block;
}

.mobile-menu .dropdown-open .dropdown-submenu .dropdown-menu {
  display: none;
}

.mobile-menu .caret {
  height: 40px;
  width: 40px;
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 0px;
  margin-top: 10px;
}

.mobile-menu .caret:after {
  content: "";
  display: block;
  border: 7px solid transparent;
  border-top-color: #fff;
  position: absolute;
  right: 50%;
  top: 50%;
  margin-top: -3px;
  margin-right: -13px;
}

.mobile-menu .dropdown-open > a .caret:after {
  border-top-color: transparent;
  border-right-color: #fff;
  margin-top: -7px;
  margin-right: -11px;
}

/* -- Mobile Search -- */

.blog-search {
  margin-bottom: 20px;
}

.blog-search input.search-field {
  border: none;
}

.blog-search .search-form:before {
  display: none;
}


/* -- Desktop Menu -- */

.blog-menu li {
  position: relative;
}

.blog-menu > li > a {
  padding-left: 10px;
  padding-right: 10px;
}

.blog-menu > li {
  float: left;
}

.blog-menu > li:first-child > a {
  padding-left: 0px;
}

.blog-menu a {
  display: block;
  padding: 0px 0px;
  color: #111;
  text-decoration: none;
  line-height: 80px;
}

body .blog-menu > li > a {
  font-size: 17px;
}

.blog-menu li.current_page_item ul li a,
.blog-menu li.current_page_ancestor ul li a,
.blog-menu li.current_page_parent ul li a {
  color: #333;
}

.blog-menu > li.menu-item-has-children > a,
.blog-menu > li.page_item_has_children > a {
  padding-right: 25px;
}

.blog-menu > .menu-item-has-children > a:after,
.blog-menu > .page_item_has_children > a:after {
  content: "\f123";
  font-family: 'Ionicons';
  font-size: 8px;
  margin-left: 8px;
  position: absolute;
}

.blog-menu li:hover a {
  cursor: pointer;
}

/* -- Simple Mega Menu -- */

/* Add these classes: megamenu col-2 to the top level item -- */

.blog-menu .megamenu ul  {
  padding-right: 40px;
  padding-bottom: 20px;
}

.blog-menu .megamenu.col-2 ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.blog-menu .megamenu.col-3 ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.blog-menu .megamenu.col-4 ul {
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

.blog-menu .megamenu.col-3 ul {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
}

.blog-menu .megamenu ul li a {
  margin-right: -40px;
}

/* -- Display "New" text -- */

body .blog-menu > li.new > a span:after {
  content: "New";
  position: absolute;
  line-height: 12px;
  top: 50%;
  font-size: 8px;
  margin-top: -8px;
  margin-left: 8px;
  color: #fff;
  padding: 2px 4px;
  border-radius: 2px;
  background: #3072E5;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}


/* Sub menus --------------------------------------- */

.blog-menu ul {
  position: absolute;
  transition: all 0.2s ease-in-out; 
  opacity: 0;
  display: none;      
}

.blog-menu ul li {
  float: none;
  display: block;
}

.blog-menu ul > .menu-item-has-children > a:after,
.blog-menu ul > .page_item_has_children > a:after {
  content: "\f125";
  font-family: 'Ionicons';
  font-size: 8px;
  margin-left: 10px;
  position: absolute;
  right: 25px;
}

.blog-menu > .menu-item-has-children li a:hover {
  opacity: 0.8;  
}

.blog-menu ul li {
  width: 220px;
}

.blog-menu ul a {
  padding: 10px 25px;
  line-height: 1.5em;
  color: #666;
  font-size: 14px;
  position: relative;
}

.blog-menu ul a:before {
  content: "";
  height: 1px;
  position: absolute;
  left: 25px;
  width: calc(100% - 50px);
  margin-top: -11px;
  background: #e1e1e1;
}

.blog-menu ul > li:first-child > a:before {
  display: none;
}

.blog-menu ul {
  padding: 10px 0px;
  background: #f5f5f5;
}

.blog-menu ul ul {
  padding: 10px 0px;
  margin-top: -10px;
}

.blog-menu ul > li:last-child a {
  border-bottom-width: 0;
}

.blog-menu ul li > ul {
  display: none;
  opacity: 0;
}

.blog-menu li:hover > ul {
  opacity: 1;
  left: 0;
  display: block;
  z-index: 30;
}

.blog-menu ul li:hover > ul {
  top: 0;
  left: 220px;
  margin-left: 0;
}


/* -- Social menu -- */

.social-menu,
.search-menu {
  float: right;
  text-align: right;
}

.social-menu > li,
.search-menu > li {
  float: left;
  padding: 0px 0px;
  height: 80px;
  line-height: 80px;
  margin-left: 10px;
}

.social-menu > li > a {
  padding: 0px 3px;
  display: block;
  position: relative;
  top: 1px;
}

.search-menu > li > a {
  padding: 0px 10px;
  display: block;
  transform: translateY(-100%);
}

.search-menu li:before {
  font-family: 'FontAwesome';
  font-weight: normal;
  transition: all 0.1s ease-in-out; 
}

.search-menu .fa-search.active:before {
  content: "\f00d";
}

.search-menu li span {
  font-size: 0px;
}


/* Search bar in header */

.ccfw-search-bar {
  position: absolute;
  right: 0px;
  top: 100%; 
  display: none;
}

.ccfw-search-bar .widget {
  margin-bottom: 0px;
}

.search-menu li {
  margin-left: 15px;
  width: 20px;
  display: inline-block;
}

.search-menu li:before {
  position: relative;
}

/*--------------------------------------------------------------
4.1 Sticky Menu
--------------------------------------------------------------*/

.sticky-header {
  background: #fff;
  width: 100%;
  position: fixed;
  top: 0px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.4s ease-in-out; 
  box-shadow: 0 0px 6px #ccc;
}

.sticky-header .ccfw-site-logo {
  vertical-align: middle;
  line-height: 63px;
}

.sticky-header .ccfw-site-logo a {
  line-height: inherit;
  display: inline-block;
}

.sticky-header .ccfw-site-logo img {
  vertical-align: middle;
  max-height: 63px;
  padding: 13px 0px; 
  width: auto;
  height: auto;
}

.sticky-header .toggle-container {
  display: none !important;
}

.sticky-header.stuck {
  opacity: 1;
  z-index: 5;
  transition: opacity 0.4s ease-in-out; 
}

.sticky-header .ccfw-site-description {
  display: none;
}

.sticky-header .blog-menu {
  float: right;
}

.sticky-header .blog-menu li:hover > a,
.sticky-header .blog-menu a {
  color: #222;
}

.sticky-header .blog-menu > li:last-child > a {
  padding-right: 0px;
}

.sticky-header .blog-menu > li:last-child > a:before {
  width: calc(100% - 20px);
}

.sticky-header .blog-menu > li > a:before {
  top: 0px;
}

.sticky-header .blog-menu > .menu-item-has-children:after, 
.sticky-header .blog-menu > .page_item_has_children:after {
  border-top-color: rgba(0, 0, 0, 0.2);
}

.sticky-header .blog-menu > li:before {
  background-color: rgba(0, 0, 0, 0.08);
}

.sticky-header .blog-menu > li.current_page_item > a, 
.sticky-header .blog-menu > li.current_page_ancestor > a, 
.sticky-header .blog-menu > li.current_page_parent > a,
.sticky-header .blog-menu > li > a:hover,
.sticky-header .blog-menu > li:hover > a {
  background-color: transparent;
  color: #222;
}

.sticky-header .container .container {
  width: auto;
  float: right;
}

.sticky-header .container .container .col-lg-12 {
  padding: 0px;
}


/*--------------------------------------------------------------
5.0 Pages
--------------------------------------------------------------*/


/*--------------------------------------------------------------
6.0 Posts/Blog
--------------------------------------------------------------*/

/*-- Infinite Scrolling -- */

/*-- Infinite Scrolling -- */

#infinite-handle {
  text-align: center; 
  margin-top: 80px;
  margin-bottom: 0px;
}

body.infinite-scroll .ccfw-blog-pagination {
  display: none;
}

.infinite-loader {
  height: 43px;
  margin: 80px 0px;
}

.infinite-loader .spinner {
  margin: 0px auto;
  left: 0px !important;
}

body #infinite-handle span {
  background-color: transparent; 
  font-size: 11px;
  color: #666;
  border: 1px solid #eee;
  padding: 16px 25px;
  transition: all 0.25s ease 0s;
}

body #infinite-handle span:hover {
  background-color: #f8f8f8;
}

body #infinite-handle span button {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

body.infinite-scroll .ccfw-blog-loop-item:last-of-type {
  margin-bottom: 0px;
}

/* -- Archives -- */

body.archive .content-area {
  padding-bottom: 40px;
}


/* -- Blog Listings -- */

.ccfw-blog-loop-item {
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
  padding-bottom: 40px;
  overflow: hidden;
  clear: both;
}

.ccfw-blog-loop-item:last-child {
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.ccfw-blog-loop-item:not(.has-post-thumbnail) .col-lg-7 {
  padding-left: 0px;
  width: 100%;
}

.ccfw-blog-image a {
  position: relative;
}

.ccfw-blog-image a span.comment-number {
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  padding: 3px 13px 7px 10px;
  font-size: 14px;
  z-index: 10;
  display: none;
}

.ccfw-blog-image a span.comment-number:before {
  content: "\f075";
  font-family: 'FontAwesome';
  margin-right: 8px;
  position: relative;
  font-size: 13px;
  color: #ccc;
  position: relative;
}

.ccfw-blog-image a,
.ccfw-blog-image img {
  display: block;
  width: 100%;
}

/* -- Grid of Blog Listings -- */

.site-main.grid {
  margin: 0px -15px;
  overflow: hidden;
}

.site-main.grid .ccfw-blog-image {
  margin-bottom: 15px;
}

.site-main.grid .ccfw-blog-loop-item {
  border: none;
  clear: none;
  float: left;
  padding: 0px 15px;
  margin-bottom: 50px;
}

.site-main.grid .ccfw-blog-loop-item .col-lg-5,
.site-main.grid .ccfw-blog-loop-item .col-lg-7 {
  width: 100%;
}

.site-main.grid .ccfw-blog-loop-item .row {
    display: block;
}

.site-main.grid .ccfw-blog-pagination {
  clear: both;
  padding: 0px 15px;
}

.site-main.grid .ccfw-blog-loop-item {
  text-align: center;
}

.site-main.grid .ccfw-entry-header {
  margin: 0px 15px;
  margin-top: -30px;
  padding-top: 20px;
  padding: 20px 10px 0px 20px;
  background: #fff;
  position: relative;
  z-index: 2;
}

.site-main.grid .ccfw-entry-content {
  padding: 0px 15px;
}

/* Grid of 2 */

.site-main.grid.grid-of-two .ccfw-blog-loop-item {
  width: 50%;
}

.site-main.grid-of-two .ccfw-blog-loop-item:nth-child(2n+1) {
  clear: both;
}

/* Grid of 3 */

.site-main.grid.grid-of-three .ccfw-blog-loop-item {
  width: 33.3333%;
}

.site-main.grid-of-three .ccfw-blog-loop-item:nth-child(3n+1) {
  clear: both;
}


/* -- Read More -- */

.content-area p a.more-link {
  text-decoration: none;
  font-size: 16px;
  padding: 12px 30px;
  display: inline-block;
  margin: 5px 0px;
  color: #111;
  border: 3px double #e2e2e2;
}

.content-area p a.more-link:hover {
  border-color: #ccc;
}


/* -- Sharing and Likes -- */

body #content div.sharedaddy, body #main div.sharedaddy, div.sharedaddy {
  clear: none;
  float: left;
  padding: 15px 0px;
  margin-bottom: 5px;
}

.share-icons {
  display: inline-block;
  float: right;
}

body div.sharedaddy h3.sd-title {
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 5px;
  font-weight: 400;
}

body div.sharedaddy h3.sd-title:before {
  display: none;
}

body div.sharedaddy.sd-sharing-enabled,
body div.sharedaddy.sd-link {
  float: left;
  clear: none;
}

body div.sharedaddy.sd-link iframe {
  margin-top: 4px;
}

body .wpl-count {
  clear: none;
}

body div.jetpack-likes-widget-wrapper {
  clear: none;
  float: left;
}

body .wpl-count-text {
  float: left;
  display: inline-block;
  position: relative;
  top: 2px;
}

/* -- Related Posts -- */

.content-area #jp-relatedposts h3.jp-relatedposts-headline em:before {
  margin-bottom: 1.4em;
}

.content-area #jp-relatedposts h3.jp-relatedposts-headline {
  font-size: 20px;
  font-weight: 400;
}

.content-area #jp-relatedposts h3.jp-relatedposts-headline em {
  font-weight: 400;
}

.content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  filter: inherit;
  -moz-opacity: inherit;
  opacity: inherit;
}

.content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
  margin-bottom: 10px;
}

body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  color: inherit;
  background: none;
  text-shadow: none;
  color: #111;
  font-weight: 600;
}

body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a,
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover {
  text-decoration: none;
}

body #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
  font-size: 16px;
  margin-top: 15px;
  line-height: 1.5em;
  font-weight: initial;
}


/* -- Jetpack slider -- */


body .slideshow-window {
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 40px;
}

body div.slideshow-window * img {
  width: 100%;
}


/*--------------------------------------------------------------
6.1 Blog Post
--------------------------------------------------------------*/

body .content-area p {  
  -webkit-font-smoothing: initial;
}

.single-post #ccfw-page-wrap {
  padding-top: 60px;
  border-top: 1px solid #eee;
}

.cat-links {
  font-size: 15px;
  font-weight: 400; 
  color: #111;
  margin-bottom: 13px;
  display: block;
}

.cat-links a {
  color: #117abc;
  margin-right: 8px;
}

.cat-links a:hover {
  text-decoration: underline;
}

.cat-links a:after,
body.single-post .ccfw-entry-meta .byline:after,
body.single-post .ccfw-entry-meta .posted-on:after {
  content: "";
  width: 1px;
  height: 16px;
  background: #e2e2e2;
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: 4px;
}

body.single-post .ccfw-entry-meta .byline:after,
body.single-post .ccfw-entry-meta .posted-on:after {
  margin-right: 7px;
}

body.single-post .ccfw-entry-meta a {
  color: #111;
}

body.single-post .ccfw-entry-meta a:hover {
  color: #111;
  text-decoration: underline;
}

.cat-links a:last-child:after {
  display: none;
}

body.single-post p.subheading {
  color: #111;
  font-size: 20px;
  font-weight: 300;
  -webkit-font-smoothing: initial;
  margin: 0px;
}

body.single-post .ccfw-content h1 {
  margin-bottom: 10px;
}

.single-post .content-area {
  margin-top: 30px;
}

body.single-post .ccfw-entry-meta {
  margin-bottom: 20px;
}

.ccfw-share-button {
  padding: 7px 13px 7px 13px;
  border-radius: 2px;  
  font-size: 14px;
  display: inline-block;
  font-weight: normal;
  -webkit-font-smoothing: initial;
}

.ccfw-share-button:hover {
  color: #fff;
}

.ccfw-share-button i {
  margin-right: 4px;
}

.ccfw-home {
  background-color: #222;
  color: #fff;
  margin-right: 6px;
}

.ccfw-home:hover {
  background-color: #000;
}

.ccfw-facebook {
  background-color: #3d5ba8;
  color: #fff;
  margin-right: 6px;
}

.ccfw-facebook:hover {
  background-color: #2f4783;
}

.ccfw-twitter {
  background-color: #1da1f2;
  color: #fff;
  margin-right: 8px;
}

.ccfw-share-bar {
  position: relative;
}

.ccfw-share-bar:after {
  width: 100%;
  height: 1px;
  background: #eee;
  content: "";
  display: block;
  position: absolute;
  margin-top: -19px;
}

.ccfw-share-bar span {
  background: #fff;
  padding-right: 8px;
  position: relative;
  z-index: 2;
}

.ccfw-twitter:hover {
  background-color: #0c85d0;
}

.ccfw-entry-meta a {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #111;
}

.ccfw-entry-meta a:hover {
  color: #111;
}

.ccfw-blog-loop-item .row {
  display: flex;
  align-items: center;
}

.entry-footer .edit-link a {
  display: block;
  margin: 30px 0px;
  text-decoration: underline;
}

.content-area .ccfw-blog-loop-item .ccfw-entry-header h2 {
  margin: 0px 0px 8px 0px; 
  font-size: 24px;
}

.content-area .ccfw-blog-loop-item p {
  font-size: 16px;
  color: #666;
  margin-bottom: 10px;
}

.ccfw-entry-meta,
.taxonomy-description,
.taxonomy-description p {
  color: #999;
  margin-top: 10px;
  opacity: 0.85;
}

.taxonomy-description {
  padding: 0px 10%;
}

.taxonomy-description p {
  margin-bottom: 0px;
}

.entry-header .ccfw-entry-meta, .entry-header .taxonomy-description p {
  color: #111;
}

.content-area .ccfw-blog-loop-item .ccfw-entry-meta {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  opacity: 0.7;
  margin-top: 0px;
  margin-bottom: 6px;
}

.entry-header .ccfw-entry-meta .posted-on a, .entry-header .ccfw-entry-meta .byline a {
  color: #111;
}

.ccfw-entry-meta .comments-link {
  margin-left: 27px;
  position: relative;
}

.ccfw-entry-meta .comments-link:before {
  font-family: 'Ionicons';
  content: "\f11b";
  margin-right: 7px;
  color: #d6d6d6;
  font-size: 11px;
  transition: all 0.2s linear;
}

.ccfw-entry-meta .comments-link:after {
  content: "";
  width: 12px;
  height: 1px;
  background: #ccc;
  position: absolute;
  left: -22px;
  top: 50%;
  margin-top: -1px;
}

.ccfw-entry-meta .comments-link a {
  color: #111;
}

.single-post .ccfw-entry-meta .comments-link {
  margin-left: 7px;
}

.single-post .ccfw-entry-meta .comments-link:after {
  display: none;
}

.entry-footer {
  clear: both;
}

body.single-post .ccfw-entry-footer {
  border: none;
  margin-top: 15px;
  clear: both;
  overflow: hidden;
}

.ccfw-entry-footer .edit-link {
  display: block; 
}

/* -- Structured Data -- */

.structured-data {
  display: none;
}


/* -- Featured Image on a Single Post -- */

body.single-post img.attachment-newspread-blog-featured-top {
  width: 100%;
  margin-bottom: 25px;
}


/* -- Sticky -- */

article.sticky.ccfw-blog-loop-item h2 a:before { 
  font-family: 'Ionicons';
  content: "\f24e";
  margin-right: 10px;
  font-size: 0.65em;
  position: relative;
  top: -3px;
}


/* -- Sub Categories -- */

.ccfw-sub-categories {
  border-bottom: 1px solid #f2f2f2;
  text-align: center;
  padding-bottom: 12px;
  margin-bottom: 50px;
  margin-top: -38px;
}

.ccfw-sub-categories a {
  font-size: 15px; 
  margin: 0px 10px;
  color: #222;   
}

ul.post-categories {
  margin: 0px;
  list-style: none;
}

ul.post-categories li {
  display: inline;
}

/* -- Reading Progress Bar -- */

.ccfw-progress-bar {
  height: 2px;
  background-color: #111;
  width: 0px;
  z-index: 1000;
  position: absolute;
  bottom: -1px;
  left: 0;
}

/* -- Tag Styling on a Single Post -- */

.content-area .ccfw-entry-footer a {
  display: inline-block;
  background: #eee;
  text-transform: uppercase;
  font-size: 9px;
  padding: 5px 9px;
  border-radius: 2px;
  margin-right: 5px;
  letter-spacing: 0.08em;
  color: #444;
}

.content-area .ccfw-entry-footer a:hover {
  color: #111;
  text-decoration: none;
  background-color: #f2f2f2;
}


/*--------------------------------------------------------------
6.2 Post Format Types
--------------------------------------------------------------*/

article.post_format-post-format-link p,
article.post_format-post-format-status p {
  border: 1px solid #f2f2f2;
  font-weight: 400;
  padding: 2em 4.6em;
  transition: all 0.2s linear;
  position: relative;
}

article.post_format-post-format-link p:before,
article.post_format-post-format-status p:before {
  color: #e2e2e2;
  font-size: 1.5em;
  position:absolute;
  left: 25px;
  top: 28px;
  font-family: FontAwesome;
}

article.post_format-post-format-link p:before {
  content: "\f0c1";
}

article.post_format-post-format-status p:before {
  content: "\f27a";
}

/* -- Image and Video -- */

article.format-image.has-post-thumbnail .ccfw-blog-image a:before,
article.format-video.has-post-thumbnail .ccfw-blog-image a:before {
  font-size: 24px;
  color: #111;
  font-family: "Ionicons";
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}

article.format-image.has-post-thumbnail .ccfw-blog-image a:before {
  content: "\f3f5";
}

article.format-video.has-post-thumbnail .ccfw-blog-image a:before {
  content: "\f488";
  text-indent: 3px;
}

/* -- Review Type -- */

body #review-statistics .review-wrap-up {
  margin-top: 50px;
  margin-bottom: 50px;
}

body #review-statistics .review-wu-bars h3, body .review-wu-bars span,
body #review-statistics .review-wrap-up .review-wu-right ul li,
body #review-statistics .review-wrap-up .review-wu-right h2,
body #review-statistics .cwp-review-percentage span {
  font-style: normal;
  font-weight: inherit;
}

body #review-statistics .review-wrap-up .review-wu-left {
  margin-top: 20px;
  margin-bottom: 15px;
}

body #review-statistics .review-wrap-up .review-wu-left .review-wu-grade,
body #review-statistics .review-wu-bars {
  border: none;
}

.content-area article .ccfw-entry-content #review-statistics a {
  background: none;
}

body .content-area #review-statistics .review-wrap-up .review-wu-right ul li {
  font-size: 15px;
  margin-bottom: 0px;
}

body .content-area #review-statistics .review-wu-bars h3 {
  text-transform: uppercase;
}

body .content-area #review-statistics .review-wrap-up .cwpr-review-top h2.cwp-item {
  letter-spacing: 0px;
  font-size: 20px;
}

body #review-statistics .review-wrap-up .review-wu-left .rev-wu-image img {
  max-width: 150px;
}

body .wppr-prodlist .wppr-prodrow .wppr-prodrowright .wppr-rating {
      margin-top: 2px;
    margin-bottom: -5px;
}

body .cwp-item-price {
  font-size: 20px;
   
}

body #review-statistics .review-wrap-up .cwpr-review-top .cwp-item {
  font-size: 20px;
}

/* -- Review Widgets -- */

body .cwp-popular-review {
  border-color: #eee;
}

body .wppr-prodlist .wppr-prodrow {
  padding: 10px 0px;
}

body .wppr-prodlist .wppr-prodrow .wppr-prodrowright p {
  line-height: 1.4em;
  font-size: 15px;
}

body .wppr-prodlist .wppr-prodrow .wppr-prodrowright .wppr-bttn {
  border-radius: 2px;
  font-weight: inherit;
}

.wppr-prodlist .wppr-prodrow .wppr-prodrowleft {
  margin-right: 10px;
}

body .cwp-review-percentage span {
  font-weight: inherit;
  position: relative;
  top: 4px;
  font-size: 14px;
}

/*--------------------------------------------------------------
6.3 Blog Pagination
--------------------------------------------------------------*/

.ccfw-blog-pagination ul {
  padding: 0px;
  margin: 40px 0px 0px 0px;
}

.ccfw-blog-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin-right: 2px;
  margin-bottom: 0px;
}

.ccfw-blog-pagination ul li.dotted {
  margin-left: 6px;
  margin-right: 6px;
}

.blog-pagination ul li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

.ccfw-blog-pagination ul li a {
  display: inline-block;
  border: 1px solid #e2e2e2;
  padding: 10px 13px;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
  font-weight: 500;
}

.ccfw-blog-pagination ul li.active a {
  border-color: #ccc;
}

.ccfw-blog-pagination ul li a:hover {
  border-color: #ccc;
}

/*--------------------------------------------------------------
6.4 Sticky Footer on a Single Post
--------------------------------------------------------------*/

.sticky-footer {
  background: #fff;
  width: 100%;
  position: fixed;
  top: auto;
  bottom: 0px;
  left: 0px;
  z-index: 1000000; 
  height: 56px;
  vertical-align: middle;
  transform: translateY(100px);
  transition: all 0.4s ease-in-out; 
  box-shadow: 0 0px 6px #ccc;
}

.sticky-footer.stuck {
  transform: translateY(0px);
}

.sticky-footer.hide-sticky-footer {
  transform: translateY(100px);
}

.sticky-footer .ccfw-share-bar {
  padding-top: 11px;
}

.sticky-footer .ccfw-share-bar:after {
  display: none;
}

.previous-post {
  line-height: 57px;
  display: block;
  text-align: right;
  font-size: 15px;
  font-weight: normal;
  position: relative;
}

.previous-post strong {
  margin-right: 8px;
  color: #888;
  font-size: 0.9em;
  font-weight: lighter;
}

/*--------------------------------------------------------------
6.5 Author Styling
--------------------------------------------------------------*/

.author-info {
  overflow: hidden;
  padding: 45px 0px 5px 0px;
}

.author-info h6 {
  margin-bottom: 4px;
  margin-top: 0px;
  display: inline-block;
}

.author-description {
  position: relative;
}

body .content-area .author-info p {
  margin-bottom: 0px;
  font-size: 15px;
}

.author-info img.avatar {
  width: 75px;
  float: left;
  margin-right: 20px;
  border-radius: 2px;
  margin-top: 3px;
  margin-bottom: 0px;
}

.content-area .author-avatar .alignnone {
  margin: 0px;
}

.author-description .author-links {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 18px;
}

.author-description .author-links a {
  color: #ccc;
  margin-left: 10px;
}

.author-description .author-links a:hover {
  color: #999;
}


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

.comments-area {
  display: block;
  margin-top: 40px;
  font-size: 16px;
}

h3.comments-title,
h3.comment-reply-title {
  margin-bottom: 20px;
}

#commentform {
  display: inline-block;
  width: 100%;
}

.comment-list #commentform {
  margin-top: 2%;
}

.comment-info {
  display: inline-block;
  margin: 5px 0 20px 0;
}

.content-area h2.comments-title {
  margin-top: 0px;
  margin-bottom: 25px;
  font-size: 22px; 
}

.comment-meta {
  padding-left: 50px;
  position: relative;
}

.content-area .comment-meta a {
  text-decoration: none;
}

.comment-meta time,
.comment-meta .edit-link {
  font-size: 13px;
}

.comment-meta .edit-link {
  padding-left: 12px;
  margin-left: 8px;
  border-left: 1px solid #e2e2e2;
}

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

.comment-content {  
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}

.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
  margin-top: 0px;
}

.content-area .comment-list,
.content-area .comment-list li {
  margin: 0;
  counter-reset: li;
}

.content-area .comment-list > li {
  list-style-type: none;
  margin-bottom: 4.5%;
}

.content-area .comment-list .children {
  margin: 6% 0 0 0;
  padding-left: 50px;
  border-left: solid 2px #f2f2f2;
}

@media (max-width: 600px) {
  .comment-list .children {
    padding-left: 15px;
  }
}

.content-area .comment-list .children li {
  margin-bottom: 6%;
}

.content-area .comment-list .children li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.content-area .comment-list .children > li {
  list-style: none;
}

.content-area .comment-list .reply {
  margin-bottom: 0;
  font-size: 14px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.content-area .comment-list .reply a {
  color: #848a96;
  background: #f2f2f2;
  padding: 5px 8px;
  font-size: 12px;
  border-radius: 2px;
}

.content-area .comment-list .reply a:hover {
  color: #111;
}

.comment-list .avatar {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 0px;
  margin-top: 8px;
  margin-bottom: 0px;
}

.content-area a#cancel-comment-reply-link {
  font-size: 14px;
  color: #c0293b;
}

.comment-wrap {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}

.comment-list .comment-reply-title {
  margin-bottom: 0px;
  border: none;
  padding: 0;
}

.comment-list .comment-reply-title small {
  float: right;
  margin-top: 4px;
}

.content-area h3.comment-reply-title {
  border-top: 1px solid #eee;
  padding-top: 45px;
  font-size: 22px;
}

.comment-navigation {
  font-size: 16px;
  margin: 0px;
  background: none;
}

.comment-navigation .button {
  display: inline-block;
}

.comment-navigation .button:empty {
  display: none;
}

body .content-area .comment-form p {
  font-size: 16px;
  margin-bottom: 1.3em;
}

body .content-area .comment-form p.form-submit {
  margin-bottom: 35px;
  display: block;
  clear: both;
}

body .content-area .comment-form p.comment-subscription-form {
  margin-bottom: 5px;
}

.comment-metadata {
  opacity: 0.7;
  display: block;
  margin-top: -3px;
}

.comment-metadata a:hover {
  color: #111;
}

body .content-area .comment-content p {
  font-size: 16px;
}

.comment-body {
  position: relative;
}

.single-post .comment-form-author, 
.single-post .comment-form-email, 
.single-post .comment-form-url {
  float: left;
  width: 33.33%;
  padding: 0 15px 0 0;
  margin-bottom: 20px;
}

.single-post .comment-form-url {
  padding: 0;
}

/* -- Form Submit -- */

p.form-submit {
  margin-bottom: 30px;
}

.form-submit {
  clear: both;
  display: inline-block;
}


/* -- Comment Subscription -- */

p.comment-subscription-form {
  margin-bottom: 8px;
  font-size: 14px;
}

p.comment-subscription-form input {
  margin: 0px 5px 0px 0px;
  position: relative;
  top: -1px;
}

/* -- Post Author -- */

.bypostauthor .comment-author:before { 
  font-family: 'Ionicons';
  content: "\f24e";
  margin-right: 3px;
  font-size: 0.65em;
  position: relative;
  top: -2px;
}


/*--------------------------------------------------------------
6.5 Post Navigation
--------------------------------------------------------------*/

.nav-links {
  padding: 0px;
  width: 100%;
  font-size: 18px;
  margin: 60px 0px;
  overflow: hidden;
}

.nav-links .meta-nav {
  display: none;
}

.nav-links .nav-previous,
.nav-links .nav-next {
  width: 50%;
  float: left;
}

.nav-links .nav-next {
  text-align: right;
}

.nav-links .nav-previous a:before {
  content: "\f104";
  font-family: "FontAwesome";
  margin-right: 10px;
}

.nav-links .nav-next a:after {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 10px;
}

.nav-text {
  display: inline-block;
  vertical-align: top;
}

/*--------------------------------------------------------------
7.0 Widgets
--------------------------------------------------------------*/

.position-static {
  position: static;
}

.widget {
  font-size: 14px;
  margin-bottom: 40px;  
}

.widget-area .boxed {   
  padding: 25px;
  padding-bottom: 15px;
  padding-top: 0px;
  border: 1px solid #eee;
  clear: both;
}

.widget-area .boxed .widget-title {
  margin-bottom: 10px;
}

.ccfw-footer-msg .widget {
  margin-bottom: 0;
}

.widget-area .widget-title {
  margin-bottom: 20px;
  margin-top: 0px;
  padding: 0px;
  border: none;
  text-align: center;
}

.widget-area .widget-title a {
  color: #333;
}

.widget-area .boxed .widget-title span {
  background: #fff;
  padding: 10px 15px;
  padding-top: 15px;
  position: relative;
  top: -10px;   
  padding-bottom: 0px;
}

.widget-area .ccfw-news-layout3 .ccfw-news-post h3 {
  font-size: 14px;
}

.widget-area .ccfw-news-layout1 .ccfw-news-post:nth-child(1) h3,
.widget-area .show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) h3 {
  font-size: 17px;
}

.ccfw-featured-posts-wrap {
  position: relative;
}

.widget-area .ccfw-featured-post-slider-wrap {
  margin-bottom: 40px;
}

.widget-area .ccfw-news-post-desc,
.widget-area .ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-desc {
  font-size: 14px;
}

.widget-area .ccfw-news-post-desc {
  font-size: 13px;
  opacity: 0.8;
}

.widget-area .ccfw-news-layout3 .ccfw-news-post figure {
  width: 100px;
  margin-right: 15px;
}

.widget-area .ccfw-news-layout3 .ccfw-news-post-content {
    width: calc(100% - 100px);
}

.widget-area .show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) figure,
.widget-area .show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) .ccfw-news-post-content {
  width: 100%;
  margin-right: 0px;
}

.widget-area .ccfw-news-post-meta {
  font-size: 9px;
  display: block;
  margin-bottom: 2px;
  opacity: 0.7;
}

.widget .textwidget img {
  margin-bottom: 10px;
}

.sticky.widget {
  margin-bottom: 0px;
}

.sticky.widget .textwidget img {
  margin-bottom: 0px;
  display: block;
}

.widget .textwidget p {
  font-size: 14px;
  line-height: 1.5em; 
}

.widget.subscribe {
  padding: 25px;
  background-color: #f6f6f6;
}

.widget.subscribe .mc4wp-form p {
  display: block;
  margin: 5px 0 0 0;
}

.widget .textwidget .mc4wp-form p {
  margin-bottom: 5px;
}

.widget .textwidget .mc4wp-form p:last-child {
  margin-bottom: 0px;
}

#secondary .widget.subscribe h4 {
  margin-bottom: 0px;
}

.mc4wp-form input[type="submit"] {
  width: 100%;
  text-align: center;
  height: 40px;
  background-color: #222;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border: none;
  color: #fff;
  cursor: pointer;
}

.mc4wp-form input[type="email"] {
  height: 40px;
  text-align: center; 
  width: 100%;
  font-size: 14px;
}

/* -- Global Widget Styling -- */

.widget li.recentcomments,
.widget_meta li,
.widget_pages li,
.widget_categories li,
.widget_archive li,
.widget_nav_menu li {
  padding-top: 8px;
  margin-top: 9px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

/* -- Widget: Tags -- */

.widget_tag_cloud a,
.widget_product_tag_cloud a {
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.05);
  color: inherit;
  margin: 2px 0px;
  font-size: 11px !important;
  opacity: 0.8;
  padding: 3px 9px;
}

.widget_tag_cloud a:hover,
.widget_product_tag_cloud a:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 1;
}

/* -- Widget: RSS -- */

.widget_rss .widget-title img {
  width: 13px;
  height: 13px;
  margin-right: 2px;
  position: relative;
  bottom: -2px;
}

.widget_rss li {
  margin-bottom: 20px;
}

.widget_rss li a {
  display: block;
  font-weight: bolder;
}

.widget_rss li .rss-date {
  display: block;
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888;
}

.widget_rss li .rssSummary { 
  margin-top: 5px;
  font-size: 0.95em;
  line-height: 1.55em;
  opacity: 0.8;
}

.widget_rss li cite {
  display: block;
  margin-top: 8px;
  font-size: 0.9em;
}

.widget_rss li cite:before { 
  content: "— "; 
}


/* -- Widget: Calendar */

#wp-calendar {
  width: 100%;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #eee;
  color: #222;
}

#wp-calendar caption {
  color: #fff;
  text-align: center;
  background: #444;
  padding: 7px 0px;
  margin-bottom: -1px;
}

#wp-calendar th, #wp-calendar td {
  text-align: center;
  font-size: 13px;
  padding: 2px;
}

#wp-calendar thead th {
  background-color: #f6f6f6;
  padding: 5px 0px;
  color: #888;
  font-weight: inherit;
  font-size: 13px;
}

#wp-calendar thead,
#wp-calendar tbody,
#wp-calendar tfoot {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#wp-calendar tfoot {
  border-top: 1px solid #eee;
}

#wp-calendar tfoot td#prev {
  text-align: left;
  padding: 4px 12px;
}

#wp-calendar tfoot td#next {
  text-align: right;
  padding: 6px 10px;
}

#wp-calendar tfoot a {
  text-transform: uppercase;
  font-size: 12px;
}

#wp-calendar a:hover {
  text-decoration: none;
}

/* -- Widget: Recent Posts -- */

.widget_recent_entries li {
  padding-top: 11px;
  margin-top: 11px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#secondary .widget_recent_entries li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

#secondary .widget_recent_entries li:first-child {
  border: none;
  padding-top: 0px;
  margin-top: 0px;
}

.widget_recent_entries li a {
  display: block;
}

.widget_recent_entries li .post-date {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 300;
  opacity: 0.6;
  position: relative;
}

/* -- Widget: Listings -- */

.widget_archive li,
.widget_categories li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li { 
  color: #888; 
  margin-bottom: 3px;
}

/* -- Widget: Contact Info Widget (Jetpack) -- */

.widget_contact_info {
  font-size: 14px;
}

.widget_contact_info .contact-map {
  margin: 15px 0px;
}

.widget_contact_info .confit-address {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding-bottom: 10px;
  margin-bottom: 11px;
}

/* -- Widget: Subscribe -- */

.jetpack_subscription_widget {
  padding: 30px;
  background-color: #f5f5f5;
}

.jetpack_subscription_widget #subscribe-email input {
  width: 100%;
  font-size: 16px;
  padding: 4px 7px;
  border: 1px solid #e2e2e2;
}

.jetpack_subscription_widget #subscribe-email input:focus {
  border-color: #ccc;
}

.jetpack_subscription_widget #subscribe-email,
.jetpack_subscription_widget #subscribe-submit {
  margin-bottom: 0px;
}

/* -- Widget: Selects -- */

.widget select {
  max-width: 100%;
  width: 100%;
  font-size: 15px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS */
  .widget select {
    padding-right: 0px;
    background-image: none;
  }
}


/*-------------------------------------------------------------------------*/
/*  8.0  Search
/*-------------------------------------------------------------------------*/

.search-form,
form.woocommerce-product-search {
  position: relative;
}

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

input.search-field {
  background: #FFF;
  padding: 0px 12px 0px 12px;
  border: 1px solid #EEE;
  width: 100%;
  line-height: normal;
  height: 50px;
}

input.search-field:focus {
  border-color: #ccc;
}

.ccfw-header-details-right input.search-field {
  float: right;
}

.search-form:before,
.woocommerce-product-search:before {
  content: "\f002";
  position: absolute;
  top: 0px;
  right: 13px;
  font-weight: 400;
  font-family: "FontAwesome";
  z-index: 0;
  color: #111;
  background: #fff;
  padding: 4px;
  font-size: 13px;
  height: 44px;
  margin-top: 1px;
  line-height: 42px;
}

.search-form input.search-submit,
.woocommerce-product-search input[type="submit"] {
  position: absolute;
  border: none;
  z-index: 2;
  background: transparent;
  top: 0px;
  right: 0px;
  padding: 14px 24px;
  text-indent: -9999px;
  height: 50px;
  cursor: pointer;
}

figure.woocommerce-product-gallery__wrapper {
  max-width: inherit;
}

/* -- Search Results -- */

body.search-results .content-area {
  min-height: 300px;
}

body.search-results .content-area article {
  padding-top: 30px;
  border-top: 1px solid #eee;
  margin-top: 35px;
}

body.search-results .content-area article h2 {
  font-weight: normal;
  font-size: 24px;
}

body.search-results .content-area article p {
  font-size: 16px;
}

body.search-results .content-area article:first-child {
  border: none;
  padding: 0px;
  margin: 0px;
}

body.search-results .content-area article:last-child {
  margin-bottom: 60px;
}

body.search-results .ccfw-entry-meta {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: -8px;
  opacity: 0.6;
}

/* -- No Results -- */

.content-area .no-results h1 {
  font-size: 32px;
  margin-top: 0px;
}

.content-area .no-results {
  min-height: 300px;
}

.content-area .no-results input[type="submit"] {
  background-color: transparent;
}

.ccfw-entry-content {
  font-size: 16px;
}


/*-------------------------------------------------------------------------*/
/*  9.0  C&C Widgets
/*-------------------------------------------------------------------------*/

/* -- Hover Effect (Global) -- */

.Style1.ccfw-featured-post-slider-wrap .swiper-slide:after,
.Style3.ccfw-featured-post-slider-wrap .swiper-slide:after,
.ccfw-carousel-wrapper .ccfw-featured-post-img a:after,
.ccfw-blog-image a:after,
.ccfw-news-layout1 .ccfw-news-post-img span,
.ccfw-news-layout2 .ccfw-news-post-img span,
.ccfw-news-layout3 .ccfw-news-post-img span,
.ccfw-news-layout4 .ccfw-news-post-img span {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  opacity: 0.8;
  transform: scale(1, 1);
  background-size: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  background-size: auto;
  transition: all 0.2s linear;
}

.ccfw-blog-image a:after {
  opacity: 0;
}

.ccfw-blog-image a:hover:after {
  opacity: 0.4;
}

.ccfw-news-layout1 .ccfw-news-post-img span,
.ccfw-news-layout2 .ccfw-news-post-img span,
.ccfw-news-layout3 .ccfw-news-post-img span,
.ccfw-news-layout4 .ccfw-news-post-img span {
  opacity: 0.2;
}

body .ccfw-news-layout1 .ccfw-news-post-img:hover span,
body .ccfw-news-layout2 .ccfw-news-post-img:hover span,
body .ccfw-news-layout3 .ccfw-news-post-img:hover span,
body .ccfw-news-layout4 .ccfw-news-post-img:hover span {
  opacity: 0.4;
}

.content-area .Style1.ccfw-featured-post-slider-wrap:hover .swiper-slide:after {
    opacity: 1;
}


/*--------------------------------------------------------------
C&C Widget: Social Icons
--------------------------------------------------------------*/

.ccfw-social-icons {
  margin-bottom: 40px;
}

.ccfw-social-icons ul {
  margin: 0px;
  text-align: center;
}

.ccfw-social-icons ul li {
  list-style: none;
  margin: 0px;
  display: inline-block;
  padding: 0px 5px 0 5px;
}

.ccfw-social-icons ul li a {
  color: #111;
}



/*--------------------------------------------------------------
C&C Widget: Highlighted News
--------------------------------------------------------------*/

.ccfw-highlighted-news {
  margin-top: 20px;
}

.ccfw-highlighted-news-holder {
  position: relative;  
  overflow: hidden;
}

.ccfw-highlighted-news-img {
  position: relative;
  width: 100%;
}

.ccfw-highlighted-news-img img {
  display: block;
  width: auto;
  margin: auto;
}

.ccfw-highlighted-news-desc {
  position: absolute;
  bottom: 25px;
  left: 25px;
  width: calc(100% - 50px);
  min-height: 60px;
  z-index: 2;
}

.ccfw-highlighted-news .ccfw-highlighted-news-cat {
  opacity: 0.7;
}

.ccfw-highlighted-news-desc h2 {
  margin: 0px;
  font-size: 24px;
}

.ccfw-highlighted-news-desc h2 a {
  display: block;
  color: #fff;
}

.ccfw-highlighted-news-cat a {
  display: inline-block;   
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.15em;    
  color: #fff;
  margin-bottom: 5px;
  outline: none;
}

.ccfw-highlighted-news-cat a:hover {
  color: #fff;
}

.ccfw-highlighted-news-cat .ccfw-highlighted-news-img  {
  position: relative;
}

.ccfw-highlighted-news .ccfw-highlighted-news-img {
  transition: all 0.25s linear;
}

.ccfw-highlighted-news .ccfw-highlighted-news-img:after {
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0px;
  margin: 7px;
  width: calc(100% - 14px);
  height: calc(100% - 14px);
  z-index: 1;
}

.ccfw-highlighted-news .ccfw-highlighted-news-img a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  border: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0.8;    
  transform: scale(1, 1);    
  background-size: 100%;  
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  background-size: auto;
  transition: all 0.25s linear;
}

.ccfw-highlighted-news .ccfw-highlighted-news-img:hover a:after {
    opacity: 1;
}


/*--------------------------------------------------------------
C&C Widget: Global Styling
--------------------------------------------------------------*/

.ccfw-news-layout-wrap h2 {
  position: relative;
  font-size: 15px;
}

.ccfw-news-list-3 .ccfw-news-layout-wrap h2 {
  margin-bottom: 30px;
}

.widget-area .ccfw-news-list-3 .ccfw-news-layout-wrap h2 {
  margin-bottom: 16px;
}

.ccfw-news-post-highlighted h3,
.ccfw-news-post-list h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0;
}

.ccfw-news-post-list h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
}

.ccfw-news-post-desc {
  font-size: 14px;
    line-height: 1.52em;
    color: #666;  
}

.ccfw-news-post-meta {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.ccfw-news-layout1 .ccfw-news-post-img,
.ccfw-news-layout2 .ccfw-news-post-img,
.ccfw-news-layout3 .ccfw-news-post-img,
.ccfw-news-layout4 .ccfw-news-post-img {
  position: relative;
}


/*--------------------------------------------------------------
C&C Widget: News Layout 1
--------------------------------------------------------------*/

.ccfw-news-list-1 {
  margin-bottom: 20px;
}

.ccfw-news-list-1 .ccfw-news-layout-wrap h2.widget-title {
  margin-bottom: 40px;
}

.ccfw-news-layout1 .ccfw-news-post {
  float: left;
  width: calc(50% - 15px);
  margin-left: 30px;
  display: flex;
  align-items: center;
}

.ccfw-news-layout1 .ccfw-news-post img {
  display: block;
}

.ccfw-news-layout1 .ccfw-news-post h3 {
  font-size: 18px;
  line-height: 1.4em;
  margin: 2px 0 3px 0;
}

.ccfw-news-layout1 .ccfw-news-post {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  overflow: hidden;
}

.ccfw-news-layout1 .ccfw-news-post:nth-last-of-type(1) {  
  border-bottom: 0;
}

body.elementor-page .elementor-widget .ccfw-news-layout1 .ccfw-news-post-img,
.ccfw-news-layout1 .ccfw-news-post-img {
  float: left;  
  height: auto;
  margin-right: 20px; 
}

.ccfw-news-layout1 .ccfw-news-post-img img {
  max-width: 139px;
}

.ccfw-news-layout1 .ccfw-news-post .ccfw-news-post-meta span {
  margin-top: 0;
  padding: 0;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) {
  margin-bottom: 0;
  border: 0;
  display: block;
  margin-left: 0;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-img img {
  max-width: inherit;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) figure a {
  height: 100%;
  z-index: 10;
  width: 100%;
  top: 0px;
  position: absolute;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) h3 {
  font-size: 26px;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-img {
  width: 100%;
  margin-bottom: 20px;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-content {
  width: 100%;
  float: none;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-comments {
  display: inline-block;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-desc {
  display: block;
  font-size: 16px;
}

.ccfw-news-layout1 .ccfw-news-post:nth-child(1) .ccfw-news-post-meta span {
  margin-top: 10px;
  padding: 5px 0;
}

.ccfw-news-post-list .ccfw-news-post:last-child {
  padding: 0;
  border-bottom: 0;
}


/*--------------------------------------------------------------
C&C Widget: News Layout 2
--------------------------------------------------------------*/

.ccfw-news-layout2 {
  margin: 0px -15px;
}

.ccfw-news-layout2 .ccfw-news-post {
  float: left;  
  padding: 0px 15px;
  margin-bottom: 45px;
}

/* 1 Column */

.ccfw-news-layout2.Column1 .ccfw-news-post {
  width: 100%;
}

.ccfw-news-layout2.Column1 .ccfw-news-post:nth-of-type(1n+1) {
  clear: both;
}

/* 2 Columns */

.ccfw-news-layout2.Column2 .ccfw-news-post {
  width: 50%;
}

.ccfw-news-layout2.Column2 .ccfw-news-post:nth-of-type(2n+1) {
  clear: both;
}

/* 3 Columns */

.ccfw-news-layout2.Column3 .ccfw-news-post {
  width: 33.3333%;
}

.ccfw-news-layout2.Column3 .ccfw-news-post:nth-of-type(3n+1) {
  clear: both;
}

/* 4 Columns */

.ccfw-news-layout2.Column4 .ccfw-news-post {
  width: 25%;
}

.ccfw-news-layout2.Column4 .ccfw-news-post:nth-of-type(4n+1) {
  clear: both;
}

/* 5 Columns */

.ccfw-news-layout2.Column5 .ccfw-news-post {
  width: 20%;
}

.ccfw-news-layout2.Column5 .ccfw-news-post:nth-of-type(5n+1) {
  clear: both;
}

.ccfw-news-layout2 .ccfw-news-post h3 {
  font-size: 18px;  
  line-height: 1.4em;
  margin: 5px 0px 8px 0px;    
}

.ccfw-news-layout2 .ccfw-news-post img {
  display: block;
}

.elementor-page .ccfw-news-layout2 .ccfw-news-post .ccfw-news-post-img,
.ccfw-news-layout2 .ccfw-news-post .ccfw-news-post-img {
  width: 100%;
  margin-bottom: 20px;
}

.ccfw-news-layout2 .ccfw-news-post-img,
.ccfw-category-posts .ccfw-news-post-img {
  position: relative;
  overflow: hidden;
}


/* -- Style 2 -- */

.ccfw-news-list-2.Style2 .ccfw-news-layout2 .ccfw-news-post .ccfw-news-post-img {
  margin-bottom: 30px;
}

.ccfw-news-list-2.Style2 .ccfw-news-post {
  text-align: center;
  padding-top: 15px;
}

.ccfw-news-list-2.Style2 .ccfw-news-post h3 {
  font-size: 24px;
  margin: 8px 0px 10px 0px;
}

.ccfw-news-list-2.Style2 .ccfw-news-post-desc {
  font-size: 17px;
  padding: 0px 7%;
  line-height: 1.6em;
}


/*--------------------------------------------------------------
C&C Widget: News Layout 3
--------------------------------------------------------------*/

.ccfw-news-layout3 .ccfw-news-post {
  float: none;
  margin-bottom: 20px;
  padding-bottom: 20px;   
  border-bottom: 1px solid #eee;    
  overflow: hidden;
  display: flex;
  align-items: center;
}

.widget-area .show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) {
  padding-bottom: 10px;
}

.widget-area .ccfw-news-layout3 .ccfw-news-post {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.ccfw-news-layout4 .ccfw-news-post {
  border-bottom: 1px solid #eee;
}

.ccfw-news-layout3 .ccfw-news-post:nth-last-of-type(1) {
  border-bottom: 0;
}

body.elementor-page .ccfw-news-layout3 .ccfw-news-post figure,
.ccfw-news-layout3 .ccfw-news-post figure {
  float: left;
  width: 145px;
  margin-right: 20px;
}

.ccfw-news-layout3 .ccfw-news-post-content {
  float: left;
  width: calc(100% - 145px);
}

.ccfw-news-layout3 .ccfw-news-post .ccfw-news-post-meta span {
  padding: 0;
  font-size: 10px;
}

.ccfw-news-layout3 .ccfw-news-post img {
  display: block;
  width: 100%;
}

.ccfw-news-layout3 .ccfw-news-post h3 {
  font-size: 18px;
  line-height: 1.45em;
  margin: 2px 0 3px 0;  
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) {
  width: 100%;
  padding-top: 0px;
  padding-right: 0px;
  display: block;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) figure {
  width: 100%;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) figure a {
  height: 100%;
  z-index: 10;
  width: 100%;
  top: 0px;
  position: absolute;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) .ccfw-news-post-img {
  width: 100%;
  margin-bottom: 20px;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1)  .ccfw-news-post-meta span {
  padding: 5px 25px 0px 0;
  margin-top: 10px;
  display: block;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) .ccfw-news-post-comments {
  display: inline-block;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) .ccfw-news-post-desc {
  display: block;
  font-size: 16px;
}

.widget-area .show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) .ccfw-news-post-desc {
  font-size: 14px;
  margin-bottom: 10px;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) .ccfw-news-post-content {
  float: none;
  width: 100%;
}

.show-featured .ccfw-news-layout3 .ccfw-news-post:nth-child(1) h3 {
  font-size: 24px;
}


/*--------------------------------------------------------------
C&C Widget: News Layout 4
--------------------------------------------------------------*/

.ccfw-news-layout4 {
  margin-top: -10px;
}

.ccfw-news-layout4 .ccfw-news-post img {
  display: block;
}

.ccfw-news-layout4 .ccfw-news-post:last-child {
  border-bottom: 0;
}

.ccfw-news-layout4 .ccfw-news-post-img {
  overflow: hidden; 
}

.ccfw-news-layout4 .ccfw-news-post-content h3 {
  font-size: 18px;
  line-height: 1.35em;
  margin: 3px 0 4px 0;
}

.ccfw-news-list-4 {
  margin-bottom: 0;
}

.ccfw-news-layout-wrap h2.widget-title {
  font-family: Libre Franklin;
  letter-spacing: 0px;
  text-transform: none;
  font-size: 22px;
  padding-bottom: 10px;
  border-bottom: 2px solid #111;
  font-weight: 600;
  margin-top: 0px;
  margin-bottom: 30px;
}

.ccfw-news-list-4 h2 {
  margin-bottom: 20px;
}

.ccfw-news-layout4 .ccfw-news-post {
  float: left;
  width: 50%;
  margin-bottom: 0; 
  padding: 5px 15px 20px 0;
  overflow: hidden;
  margin-top: 15px;
  display: flex;
  align-items: center;  
}

.ccfw-news-layout4 .ccfw-news-post:nth-child(odd) {
  margin-right: 15px;
  width: calc(50% - 15px);
  clear: both;
}

.ccfw-news-layout4 .ccfw-news-post:nth-child(even) {
  float: right;
  border-right: 0;
  width: calc(50% - 15px);
}

.ccfw-news-layout4 .ccfw-news-post:nth-last-child(2),
.ccfw-news-layout4 .ccfw-news-post:nth-last-child(1) {
  border-bottom: 0;
}

.ccfw-news-layout4 h3 {
  font-size: 18px;
  line-height: 1.6em; 
  margin: 0;
}

.ccfw-news-layout4 .ccfw-news-post-img {
  float: left;
  width: 145px;
  margin-right: 20px;
}

.ccfw-news-layout4 .ccfw-news-post-content {
  float: right;
  width: calc(100% - 145px);
}


/*-------------------------------------------------------------------------*/
/*  10.0  WooCommerce
/*-------------------------------------------------------------------------*/

body.woocommerce .entry-header {
  margin-bottom: 0px;
}

.cg-shop-main {
  padding-top: 70px;
  padding-bottom: 50px;
}

.page-template-page-woocommerce-full-width .cta-button {
  display: none;
}

.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count {
  margin: 0px 0px 5px 0px;
  font-size: 15px;
  color: #999;
}

.woocommerce .woocommerce-result-count {
  margin-bottom: 25px;
  font-size: 13px;
}

body.woocommerce .woocommerce-ordering {
  position: relative;
  top: -8px;
}

.woocommerce .products ul, 
.woocommerce ul.products {
  margin-left: -2px;
  margin-right: -4px;
}

.woocommerce .woocommerce-ordering select {
  font-size: 13px;
}

/* -- Widgets */

.widget_nav_menu li.fa {
  display: none;
}

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

#secondary .widget_product_categories h4.widget-title {
  margin-top: 0px;
  margin-bottom: 20px;
}

.widget.woocommerce .amount {
  color: #111;
  font-weight: 400;
}

.widget.woocommerce ins {
  text-decoration: none;
}

.widget.woocommerce ul.product_list_widget li a {
  font-weight: inherit;
}

.widget.woocommerce ul.product_list_widget li .star-rating {
  font-size: 12px;
  margin: 3px 0px 7px 0px;
  letter-spacing: 0.05em;
}

.woocommerce ul.product_list_widget li img {
  margin-left: 10px;
  width: 62px;
}

#secondary .widget.woocommerce ul.product_list_widget li {
  border-top: 1px solid #eee;
  padding-top: 15px;
  padding-bottom: 13px;
}

body .woocommerce .widget_shopping_cart .total, 
body .woocommerce.widget_shopping_cart .total {
  border-style: solid;
  border-color: #f2f2f2;
}

#secondary .widget.woocommerce ul.product_list_widget li span.product-title {
  position: relative;
  font-size: 14px;
  font-weight: 600;
}

.widget.woocommerce ul.product_list_widget li del,
.widget.woocommerce ul.product_list_widget li del span.amount {
  color: #999;
  margin-right: 1px;
}

.woocommerce .widget_layered_nav ul li .count {
  font-size: 0.8em;
  margin-left: 3px;
  color: #999;
}

.woocommerce .widget_shopping_cart .cart_list li.empty {
  padding-left: 0em;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove {
  top: 19px;
}

.woocommerce .widget_shopping_cart .total, 
.woocommerce.widget_shopping_cart .total {
  padding: 10px 0px 0px;
  font-size: 14px;
}

.woocommerce .widget_shopping_cart .total strong, 
.woocommerce.widget_shopping_cart .total strong {
  font-weight: 400;
}

.woocommerce .widget_shopping_cart .total .amount,
.woocommerce.widget_shopping_cart .total .amount {
  color: inherit;
}

.price_slider_wrapper {
  margin-top: 25px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  background-color: #eee;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
  background-color: #ccc;
  width: 0.6em;
  height: 0.6em;
  top: -0.1em;
}

.woocommerce .widget_price_filter .ui-slider-horizontal {
  height: 0.3em;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
  margin-top: 3px;
  font-size: 1em;
  padding: 10px 15px;
}

body.woocommerce .widget_price_filter .price_slider_amount {
  line-height: 2.8;
}

#secondary .widget .buttons a:hover {
  color: #111;
}

/* -- Widget Categories -- */

.widget_product_categories ul li {
    font-size: 15px;
    margin-bottom: 9px;
    padding-top: 9px;
    border-top: 1px solid #f2f2f2;
}

/* -- Widget Average Rating */

.woocommerce .widget_rating_filter ul li .star-rating {
  position: relative;
  top: 2px;
}

/* -- Product Card */

body.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  line-height: 1.5em;
  padding-bottom: 0px;
  font-size: 15px;
}

.woocommerce .products ul, .woocommerce ul.products {
  margin-bottom: 0px;
}

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  width: 30.75%;
}

body.woocommerce-page ul.products li.product a img {
  margin-bottom: 0.5em;
  border-radius: 2px;
  border: 2px solid transparent;
  transition: all 0.2s ease 0s;
}

body.woocommerce-page ul.products li.product a:hover img {
  border-color: #24A3D8;
}

body.woocommerce-page ul.products li.product h3 {
  padding: 0px;
  margin: 16px 2px 2px 2px;
  line-height: 1.4em;
  font-size: 16px;
  font-weight: 400;
}

body.woocommerce-page ul.products li.product .price {
  font-size: 14px;
  overflow: hidden;
  margin-left: 2px;
}

body.woocommerce span.onsale {
  min-width: 3.736em;
  background-color: #6FC400;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: inherit;
}

body.woocommerce-page ul.products li.product .price ins {
  text-decoration: none;
}

body.woocommerce-page ul.products li.product .price {
  color: inherit;
}

body.woocommerce-page ul.products li.product .price del {
  color: #777;
}

body.woocommerce-page ul.products li.product .button {
  margin-top: 0em;
  font-size: 14px;
  margin: 0px 2px;
  padding: 12px 18px;
  color: #111;
  font-weight: normal;
}

body.woocommerce-page ul.products li.product .star-rating {
  font-size: 0.7em;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  margin-left: 2px;
  letter-spacing: 0.06em;
  line-height: 0.85em;
}

.widget.woocommerce ul.product_list_widget li a {
  font-size: 15px;
}

.woocommerce .sidebar .star-rating {
  line-height: 1.2;
  margin-top: 3px;
  margin-bottom: 5px;
}

body.woocommerce-page ul.products li.product .price del {
  float: left;
  margin-right: 7px;
}

body.woocommerce-page ul.products li.product .price ins {
  float: left;
  font-weight: 400;
}

.woocommerce a.added_to_cart {
  border-bottom: 1px solid;
  margin-left: 5px;
  font-size: 14px;
  line-height: 1.4em;
  position: relative;
  top: -2px;
}

.woocommerce #respond input#submit.loading:after,
.woocommerce a.button.loading:after,
.woocommerce button.button.loading:after,
.woocommerce input.button.loading:after {
  position: relative;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
  top: -1px;
  right: auto;
}

/* -- Star Rating */

body .woocommerce .star-rating {
  font-family: inherit;
}

.woocommerce .star-rating span:before {
  color: #ee9e13;
}

.woocommerce .star-rating:before {
  content: "☆☆☆☆☆";
}

.woocommerce .star-rating span:before {
  content: "★★★★★";
}

body.woocommerce nav.woocommerce-pagination ul {
  border: none;
}

body.woocommerce nav.woocommerce-pagination ul li {
  border: none;
  margin: 0px 2px;
}

.woocommerce p.stars a {
  color: #999;
}

.woocommerce p.stars a.star-1:after, 
.woocommerce p.stars a.star-2:after, 
.woocommerce p.stars a.star-3:after, 
.woocommerce p.stars a.star-4:after, 
.woocommerce p.stars a.star-5:after {
  font-family: inherit;
}

.woocommerce p.stars a.star-1:after {
  content: "☆";
}

.woocommerce p.stars a.star-2:after {
  content: "☆☆";
}

.woocommerce p.stars a.star-3:after {
  content: "☆☆☆";
}

.woocommerce p.stars a.star-4:after {
  content: "☆☆☆☆";
}

.woocommerce p.stars a.star-5:after {
  content: "☆☆☆☆☆";
}

.woocommerce p.stars a.star-1.active:after, .woocommerce p.stars a.star-1:hover:after {
  content: "★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-2.active:after, .woocommerce p.stars a.star-2:hover:after {
  content: "★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-3.active:after, .woocommerce p.stars a.star-3:hover:after {
  content: "★★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-4.active:after, .woocommerce p.stars a.star-4:hover:after {
  content: "★★★★";
  color: #ee9e13;
}

.woocommerce p.stars a.star-5.active:after, .woocommerce p.stars a.star-5:hover:after {
  content: "★★★★★";
  color: #ee9e13;
}

/* -- Products Pagination */

body.woocommerce nav.woocommerce-pagination ul li a,
body.woocommerce nav.woocommerce-pagination ul li span.current {
  border: 1px solid #e2e2e2;
  background: transparent;
  padding: 15px 14px;
  font-size: 15px;
}

body.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover {
  color: inherit;
  background: transparent;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background-color: transparent;
  border-color: #999;
}


/* -- Product Details */

.woocommerce .woocommerce-product-rating .star-rating {
  margin-top: 0.6em;
  letter-spacing: 0.055em;
}

div[itemprop="description"] {
    line-height: 1.6em;
}

.woocommerce div.product .product_title {
  font-size: 34px;
  margin-bottom: 10px;
  line-height: 1.35em;
  text-transform: none;
}

body.woocommerce div.product .woocommerce-product-rating {
  font-size: 0.85em;
  margin-bottom: 0.3em;
  margin-top: -8px;
}

.woocommerce div.product div.images .thumbnails a,
.woocommerce div.product div.images .thumbnails img {
  width: 60px;
}

body.woocommerce div.product div.images .flex-control-thumbs {
  margin: 0px -5px;
}

body.woocommerce div.product div.images .flex-control-thumbs li {
  padding: 0px 5px;
  margin-top: 10px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li {
  background-color: #f5f5f5;
  margin: 0px;
  border-radius: 0px;
  margin-right: 5px;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a:focus {
  outline: 0;
}

.woocommerce div.product a.woocommerce-review-link {
  position: relative;
  color: inherit;
  top: 2px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: inherit;
}

body.woocommerce div.product form.cart {
  margin-top: 1.5em;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  display: block;
  margin-bottom: 0px;
}

.comment-form-author input,
.comment-form-email input {
  width: 100%;
}

.woocommerce div.product form.cart .button {
  width: 75%;
  height: 60px;
  padding: 0px;
  font-size: 22px;
  text-transform: capitalize;
  margin-left: 1.2%;
  margin-top: 0px;
  border-radius: 0px;
}

.woocommerce button.button.alt:hover {
  opacity: 0.9;
}

.woocommerce .quantity .qty {
  width: 3.5em;
  text-align: center;
  height: 60px;
  border: 1px solid #e2e2e2;
}

.woocommerce .quantity .qty:focus {
  border-color: #ccc;
}

.product_meta {
  font-size: 13px;
  padding-top: 15px;
  border-top: 1px dotted #e2e2e2;
  color: #999;
}

.product_meta span {
  display: block;
  line-height: 1.6em;
  margin-bottom: 3px;
}

body.woocommerce-page div.product div.thumbnails a.first {
  clear: inherit;
}

body.woocommerce-page div.product div.thumbnails a.last {
  margin-right: 3.8%;
}

/* -- Product Tabs */

.woocommerce div.product .woocommerce-tabs ul.tabs {
  padding: 0px;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li {
  margin-right: 5px;
  border-color: #e2e2e2;
  background-color: #f7f7f7;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active {
  background: #fff;
  border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs:before {
  border-color: #e2e2e2;
}

body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: inherit;
  font-size: 15px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
  visibility: hidden;
}

/* -- Product Reviews */

.woocommerce div.product .woocommerce-tabs p.woocommerce-noreviews {
  margin-top: -10px;
  margin-bottom: 30px;
}

.woocommerce div.product p.price {
  margin-right: 7px;
  padding-top: 3px;
  margin-bottom: 15px;
}

.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description p, #stcpDiv,
.woocommerce-tabs .wc-tab p {
  font-size: 17px;
}

.woocommerce div.product p.price del {
  margin-right: 6px;
  font-size: 18px;
  color: #777;
}

.woocommerce div.product p.price ins {
  text-decoration: none;
  font-weight: 400;
}

.woocommerce #review_form p.stars {
  font-size: 13px;
  padding-top: 6px;
}

.woocommerce #review_form p.stars span {
  position: relative;
  top: 6px;
  left: 0px;
  width: 80%;
  float: right;
  margin-top: -33px;
}

.woocommerce p.comment-form-comment {
  clear: both;
}

.woocommerce #reviews #comments h2,
.woocommerce #reviews h3 {
  margin-top: 10px;
  margin-bottom: 26px;
}

.woocommerce #reviews h3.comment-reply-title {
  margin-bottom: 10px;
}

.woocommerce #reviews #comments ol.commentlist {
  margin-bottom: 20px;
}

.woocommerce #reviews #comments ol.commentlist .description {
  margin: 0px 0px 20px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
  width: 48px;
  padding: 0px;
  border: none;
  background-color: transparent;
}

body.woocommerce .panel {
  box-shadow: none;
  line-height: 1.58em;
}

body.woocommerce #respond .comment-reply-title {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: normal;
}

.woocommerce #review_form #respond p {
  font-size: 15px;
  margin-bottom: 15px;
}

.woocommerce #review_form #respond p.form-submit {
  margin-bottom: 25px;
}

.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input {
  font-size: 15px;
  margin-top: 10px;
}

body.woocommerce #respond input#submit, 
body.woocommerce a.button, .woocommerce button.button, 
body.woocommerce input.button {
  border-radius: 2px;
  padding: 12px 20px;
  font-weight: inherit;
}

.woocommerce-tabs h2, .related h2, .upsells h2, .woocommerce #reviews h3 {
  font-size: 20px;
  margin-top: 0px;
  line-height: 1.5em;
}

.related h2, .upsells h2 {
  margin-bottom: 25px;
}

.woocommerce #reviews #comments ol.commentlist {
  padding: 0px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin-left: 60px;
  border-radius: 0px;
  padding: 1.2em 1.5em 5px 1.5em;
  border-color: #eee;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  margin-bottom: -3px;
  margin-top: 2px;
  font-size: 14px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
  font-weight: inherit;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
  font-size: 15px;
  line-height: 1.6em;
  margin-top: 10px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating {
  font-size: 13px;
  margin-top: 5px;
  line-height: 0.9em;
  letter-spacing: 0.05em;
}

/* -- Messages */

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
  font-size: 16px;
}

.woocommerce .woocommerce-message .button {
  margin-top: -5px;
  font-size: 15px;
  margin-bottom: -5px;
  font-weight: inherit;
}

.woocommerce .woocommerce-info {
  padding-left: 1.5em !important;
}

.woocommerce .woocommerce-info:before {
  display: none;
}

/* -- Product Lightbox */

div.pp_woocommerce .pp_content_container {
  padding-bottom: 7px;
}

.pp_nav p.currentTextHolder {
  position: relative;
  top: -6px;
}

div.pp_woocommerce .pp_close {
  text-indent: -9999px;
}

/* -- Cart Items */

.woocommerce table.shop_table {
  border-radius: 0px;
  border: none;
}

.woocommerce table.shop_table th, .woocommerce table.shop_table td {
  border: none;
  vertical-align: middle;
}

.woocommerce table.shop_table tr.cart-subtotal td {
  font-weight: 400;
}

.woocommerce table.shop_table th {
  border-bottom: 1px solid #e2e2e2;
  font-weight: 400;
}

.woocommerce table.shop_table .product-subtotal {
  border-right: 1px solid #e2e2e2;
  text-align: right;
  padding-right: 18px;
}

.woocommerce .cart .button {
  font-weight: 400;
}

.woocommerce a.remove:hover {
  background: transparent;
  color: red !important;
  text-decoration: none;
  opacity: 0.8;
}

.woocommerce table.shop_table td {
  border-bottom: 1px solid #e2e2e2;
  padding: 20px 12px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
  padding: 8px;
  font-size: 15px;
  margin-left: 15px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-input-placeholder {
  line-height: 1.4em;
}

.woocommerce table.shop_table td.actions {
  border: none;
  padding-left: 0px;
  padding-right: 0px;
}

.woocommerce table.shop_table .quantity .qty {
  height: auto;
}

.woocommerce table.shop_table .quantity input.qty {
  padding: 5px 0px;
  font-size: 15px;
}

.woocommerce-page table.cart td.actions .input-text {
  width: auto;
  padding: 7px;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  background-color: #f2f2f2;
}

/* -- Cart Totals */

.content-area .cart_totals h2,
.content-area .cross-sells h2 {
  margin-top: 0px;
  margin-bottom: 15px;
  font-size: 24px;
}

.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
  margin-bottom: 30px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th {
  margin-top: 0px;
  border-bottom: none;
  padding-left: 10px;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
  border: 1px solid #eee;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  padding-left: 15px;
  padding-right: 10px;
  vertical-align: middle;
  font-weight: bolder;
}

.content-area .cart-collaterals p {
  margin-bottom: 0px;
}

.woocommerce ul#shipping_method li {
  font-size: 15px;
  padding: 0px;
  text-indent: 0px;
}

.woocommerce ul#shipping_method li input {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

body .woocommerce ul#shipping_method .amount {
  font-weight: 400;
}

.content-area .cart-collaterals table a.shipping-calculator-button {
  font-size: 15px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  padding: 20px 0px;
  font-size: 20px;
  font-weight: inherit;
  border-radius: 0px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  opacity: 0.9;
}

section.shipping-calculator-form {
  margin: 10px 10px 10px 0px;
}

.woocommerce section.shipping-calculator-form button.button {
  margin-top: 0.5em;
  font-size: 15px;
}

.woocommerce form .form-row {
  padding: 3px 0px;
  font-size: 16px;
}

body .select2-container .select2-choice {
  border-color: #e2e2e2;
  border-radius: 0px;
}

/* -- Empty Cart */

.content-area .entry-content p.return-to-shop {
  margin-bottom: 5em;
}

.woocommerce p.return-to-shop a.button {
  font-weight: inherit;
}


/* -- Checkout */

form.checkout label {
  margin-bottom: 0px;
}

.woocommerce form .form-row input.input-text#billing_address_1,
.woocommerce form .form-row input.input-text#shipping_address_1 {
  margin-bottom: -10px;
}

.woocommerce-shipping-fields h3#ship-to-different-address {
  position: relative;
  padding-left: 25px;
  line-height: 32px;
  margin-bottom: 18px;
  position: relative;
  top: 5px;
}

.woocommerce-shipping-fields h3#ship-to-different-address input.input-checkbox {
  position: absolute;
  top: 6px;
  left: 0px;
}

.content-area a.select2-choice:hover {
  border-bottom-color: inherit;
}

/* -- My Account */

.woocommerce-account .content-area h2 {
  margin-top: 0px;
  margin-bottom: 15px;
}

.woocommerce form.login, 
.woocommerce form.register {
  margin-top: 1.5em;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
  padding: 25px;
  border-color: #e2e2e2;
  border-radius: 0px;
}

.woocommerce .shop_table input.button {
  padding: 10px 20px;
  border-radius: 0px;
  font-weight: inherit;
}

.woocommerce form.register {
  border: none;
  background-color: #f6f6f6;
}

.woocommerce form.login input.button,
.woocommerce form.register input.button {
  margin: 10px 10px 10px 0px;
}

.woocommerce-account .addresses .title h3 {
  margin-top: 0em;
}

.col2-set.addresses {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-area .entry-content p.myaccount_user {
  margin-bottom: 40px;
}

.woocommerce-account .addresses .title .edit {
  margin-top: 6px;
}

.woocommerce form .form-row .select2-container {
  border: 1px solid #e2e2e2;
}

.select2-container .select2-choice {
  font-weight: inherit;
}

.woocommerce input.button {
  font-weight: 400;
  border-radius: 0px;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
  line-height: 1.3em;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
  width: 48%;
}

body.woocommerce-account .content-area {
  padding-bottom: 50px;
}

body.woocommerce-account .woocommerce-MyAccount-content form > h3 {
  margin-top: 0px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul {
  list-style-type: none;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 40px;
}

.woocommerce-account .content-area .woocommerce-MyAccount-navigation ul li.is-active a {
  color: #111;
}

body .woocommerce table.my_account_orders {
  font-size: inherit;
}

body .woocommerce a.button {
  font-weight: inherit;
  font-size: 14px;
}


/* -- Checkout */

.checkout_coupon p {
  margin-bottom: 0px;
}

.content-area .checkout_coupon input[type="submit"] {
  margin-top: 0px;
  padding: 11px 20px;
}

body .woocommerce form .form-row .required {
  font-weight: inherit;
}

.woocommerce-shipping-fields h3#ship-to-different-address label.checkbox {
  margin-top: 0px;
  margin-left: 10px;
}

.woocommerce-checkout .content-area h3 {
  font-size: 24px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.woocommerce-checkout .content-area h3#order_review_heading {
  margin-top: 40px;
}

.woocommerce table.woocommerce-checkout-review-order-table th {
  vertical-align: middle;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot td {
  border-top: none;
}

.woocommerce table.woocommerce-checkout-review-order-table tfoot th {
  border-top: none;
  font-weight: 400;
}

.woocommerce-checkout #payment {
  background: #f5f5f5;
  padding: 28px;
  margin-bottom: 50px;
  border-radius: 0px;
}

.woocommerce-checkout #payment div.payment_box {
  background-color: #fff;
}

.woocommerce-checkout #payment div.payment_box p {
  font-size: 16px;
}

.woocommerce-checkout #payment div.payment_box:before {
  border: 1em solid #fff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce-checkout #payment ul.payment_methods {
  border-color: #e2e2e2;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order {
  font-size: 18px;
  font-weight: inherit;
  padding: 15px 30px;
}

.woocommerce .order_details li strong {
  margin-top: 5px;
}

.woocommerce table.shop_table.customer_details tbody th,
.woocommerce .order_details th {
  width: 51%;
}

body .woocommerce table.shop_table tbody th, 
body .woocommerce table.shop_table tfoot td, 
body .woocommerce table.shop_table tfoot th {
  font-weight: 400;
}

.woocommerce form legend {
  padding-bottom: 10px;
  font-weight: 400;
  margin-top: 30px;
}

.woocommerce-account .entry-content a {
  border: none;
}

body .woocommerce input.button.disabled, body .woocommerce input.button:disabled, 
body .woocommerce input.button:disabled[disabled] {
  color: #fff;
}

/* -- Confirmation */

.woocommerce-order-received .woocommerce {
  margin-bottom: 50px;
}

.woocommerce-order-received .content-area h2 {
  font-size: 24px;
}

.woocommerce table.shop_table thead th {
  font-size: 15px;
  border-top: 1px solid #e2e2e2;
  font-weight: inherit;
  font-weight: bold;
}

.woocommerce table.shop_table .order-total strong {
  font-weight: 400;
}

.woocommerce-order-received .woocommerce table.shop_table tfoot td,
.woocommerce-order-received .woocommerce table.shop_table tfoot th {
  border-top: none;
  font-weight: bolder;
  vertical-align: middle;
}

.woocommerce table.shop_table strong.product-quantity {
  font-weight: inherit;
}

.woocommerce table.shop_table.customer_details tbody th {
  border-top: none;
}

.woocommerce .order_details {
  padding-left: 0px;
  margin-top: 1.5em;
}

/*-------------------------------------------------------------------------*/
/*  10.0  Owl Carousel
/*-------------------------------------------------------------------------*/

/* -- Owl Carousel -- */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/* -- Owl Dots -- */

.owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  margin: 0px auto;
  width: 100%;
  margin-top: -50px;
}

.owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 0px 5px 0px 5px;
  background: rgba(255,255,255,0.5);
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-dots .owl-dot.active span, 
.owl-dots .owl-dot:hover span {
   background: rgba(255,255,255,1);
}

/* -- Owl Prev/Next -- */

.owl-nav {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 1;
  width: 100%;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.2);
  font-size: 0px;
  position: relative;
  opacity: 0;
  transition: all 0.2s ease 0s;
}

.ccfw-slider-wrapper:hover .owl-nav .owl-prev,
.ccfw-slider-wrapper:hover .owl-nav .owl-next {
  opacity: 1;
}

.owl-nav .owl-prev {
  position: absolute;
  left: 0px;
  margin-left: 10px;
}

.ccfw-slider-wrapper:hover .owl-nav .owl-prev {
  margin-left: 25px;
}

.owl-nav .owl-next {
  position: absolute;
  right: 0px;
  margin-right: 10px;
}

.ccfw-slider-wrapper:hover .owl-nav .owl-next {
  margin-right: 25px;
}

.owl-nav .owl-prev:before,
.owl-nav .owl-next:before {
  font-family: 'Ionicons';
  font-size: 15px;
  color: #fff;
  position: absolute;
  width: 38px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  display: block;
}

.owl-nav .owl-prev:before {
  content: "\f3d2";  
  position: relative;
}

.owl-nav .owl-next:before {
  content: "\f3d3";
}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
  background: #fff;
  color: #111;
}

.owl-nav .owl-prev:hover:before,
.owl-nav .owl-next:hover:before {
  color: #111;
}

/*-------------------------------------------------------------------------*/
/*  11.0  Homepage Elements
/*-------------------------------------------------------------------------*/

/* -- Carousel -- */

.ccfw-featured-post-slider {
  clear: both;
  overflow: hidden;
}

.ccfw-featured-posts-wrap {
  overflow: hidden;
  transition: all 0.2s ease 0s;
  position: relative;
}

.ccfw-carousel-wrapper .swiper-slide:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: all 0.2s linear;
}

.ccfw-carousel-wrapper .swiper-slide:hover:before {
  background-color: rgba(0, 0, 0, 0.35);
}

.ccfw-carousel-wrapper .swiper-slide .ccfw-featured-post-img a:after {
  display: none;
}

.ccfw-carousel-wrapper .ccfw-news-post-content {
  width: 80%;
  padding: 0px;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
  bottom: auto;
}

.ccfw-carousel-wrapper .ccfw-news-post-meta,
.ccfw-carousel-wrapper .ccfw-entry-meta a,
.ccfw-carousel-wrapper .ccfw-entry-meta a:hover,
.ccfw-carousel-wrapper .ccfw-entry-meta .comments-link:hover:before {
  color: #fff;
}

.ccfw-carousel-wrapper .ccfw-news-post-date {
  opacity: 1;
  font-size: 11px;
  letter-spacing: 0.1em;
}


.ccfw-carousel-wrapper .ccfw-news-post-content h3 {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-carousel-wrapper .ccfw-news-post-content h3 a {
  font-weight: 600;
}

.ccfw-carousel-wrapper .ccfw-news-post-content h3 a,
.ccfw-carousel-wrapper .ccfw-news-post-content h3 a:hover {
  color: #fff;
}

.ccfw-featured-posts-wrap img {
  transition: all 0.2s ease 0s;
}

.ccfw-news-post-date {
  text-transform: uppercase;
  opacity: 0.65;
  font-size: 12px;
  letter-spacing: 0.05em;
}

.ccfw-news-post-content h3 {
  margin: 0px;
  font-size: 20px;
}

.ccfw-news-post-content h3 a {
  font-weight: normal;
}

.ccfw-carousel-wrapper p {
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-carousel-wrapper p a {
  background-color: transparent;
  padding: 9px 24px 8px 24px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  margin-top: 16px;
  border-radius: 50px;
  border: 1px solid rgba(255,255,255,0.4);
}

.ccfw-carousel-wrapper p a:hover {
  border: 1px solid rgba(255,255,255,1);
}

/* -- Slider -- */

.ccfw-slider-wrapper {
  margin-top: 0px;
}

.ccfw-slider-wrapper .ccfw-featured-posts-wrap:hover img {
  transform: none;
}

/* -- Slider: Style 1 -- */

.ccfw-featured-post-slider.style1 .ccfw-slider-wrapper .ccfw-news-post-content {
  width: 600px;
  padding: 20px 45px 30px 45px;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  top: 70%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
  background: #fff;
  bottom: auto;
}

.ccfw-featured-post-slider.style1 .ccfw-slider-wrapper .ccfw-news-post-content h3 {
  font-size: 30px;
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-featured-post-slider.style1 .ccfw-slider-wrapper .ccfw-news-post-date {
  color: #333;
  display: block;
  margin: 0px 0px 8px 0px;
}

.ccfw-featured-post-slider.style1 .ccfw-slider-wrapper p {
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-featured-post-slider.style1 .ccfw-slider-wrapper p a {
  background-color: #f5f5f5;
  padding: 9px 24px 8px 24px;
  color: #222;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  margin-top: 16px;
  border-radius: 50px;
}

.ccfw-featured-post-slider.style1 .ccfw-slider-wrapper .ccfw-news-post-content h3 a {
  color: #222;
  font-weight: inherit;
}

/* -- Slider: Style 2 -- */

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper .ccfw-news-post-content {
  max-width: 50%;
  padding: 35px 45px 35px 45px;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  text-align: center;
  top: 50%;
  left: 50%;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
  bottom: auto;
  background: transparent;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper .ccfw-news-post-content h3 {
  font-size: 30px;
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper .ccfw-news-post-date {
  color: #fff;
  display: block;
  margin: 0px 0px 8px 0px;
  opacity: 1;
}

.ccfw-featured-post-slider.style2 .ccfw-entry-meta a {
  color: #fff;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper p {
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper p a {
  background-color: transparent;
  padding: 9px 24px 8px 24px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  margin-top: 16px;
  border-radius: 50px;
  border: 1px solid rgba(255,255,255,0.4);
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper p a:hover {
  border: 1px solid rgba(255,255,255,1);
}

.ccfw-featured-post-slider.style2 {
  position: relative;
}

.ccfw-featured-post-slider.style2 .swiper-slide:before {
  background-color: rgba(0, 0, 0, 0.33);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  content: "";
  z-index: 2;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper p a:hover {
  background: #fff;
  color: #111;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper .ccfw-news-post-content h3 {
  font-size: 40px;
}

.ccfw-featured-post-slider.style2 .ccfw-slider-wrapper .ccfw-news-post-content h3 a {
  color: #fff;
  font-weight: inherit;
}

/* -- Slider: Style 3 -- */

.ccfw-featured-post-slider.style3 .ccfw-slider-wrapper .ccfw-news-post-content {
  max-width: 800px;
  padding: 35px 45px 0px 45px;
  background: #fff;
  position: relative;
  text-align: center;
  margin: 0 auto;
  text-align: center;
  z-index: 5;
  bottom: auto;
  top: -50px;
}

.ccfw-featured-post-slider.style3 .ccfw-slider-wrapper .ccfw-news-post-content h3 {
  font-size: 30px;
  margin: 10px 0px 5px 0px;
  text-align: center;
}

.ccfw-featured-post-slider.style3 .ccfw-news-post-date {
  color: #111;
}

.ccfw-featured-post-slider.style3 .ccfw-news-post-date {
  opacity: 1;
}

.ccfw-featured-post-slider.style3 .ccfw-slider-wrapper .ccfw-news-post-content h3 a {
  color: #111;
  font-weight: 600;
}

.ccfw-featured-post-slider.style3 .ccfw-slider-wrapper p {
  margin-bottom: 0px;
  text-align: center;
}

.ccfw-featured-post-slider.style3 .ccfw-slider-wrapper p a {
  background-color: #f5f5f5;
  padding: 9px 24px 8px 24px;
  color: #222;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  display: inline-block;
  margin-top: 16px;
  border-radius: 50px;
}

.ccfw-featured-post-slider.style3 .owl-nav {
  margin-top: -130px;
}

/* -- If Container is Active -- */

.slider-container {
  margin-top: 45px;
  margin-bottom: 45px;
}

/* -- Homepage Features -- */

.homepage-features {
  padding: 45px 0px;
  background: #f8f8f8;
}

.homepage-features a {
  display: block;
  overflow: hidden;
  position: relative;
}

.homepage-features a:hover img {
  transform: scale(1.03);
}

.homepage-features img {
  display: block;
  width: 100%;
  transition: transform .25s ease-out;
}

.homepage-features span {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
  padding: 8px 15px;
  background: #fff;
  color: #222;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: all 0.3s ease-in;
}

.homepage-features a:before {
  border-top: 1px solid rgba(255,255,255,0.7);
  border-bottom: 1px solid rgba(255,255,255,0.7);
  transform: scale(1,1);
}

.homepage-features a:after {
  border-right: 1px solid rgba(255,255,255,0.7);
  border-left: 1px solid rgba(255,255,255,0.7); 
  transform: scale(1,0);
}

.homepage-features a:before, 
.homepage-features a:after {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  content: "";
  opacity: 0;
  transition: opacity 0.35s, transform 0.35s;
  z-index: 1;
  pointer-events: none;
}

.homepage-features a:hover:before, 
.homepage-features a:hover:after {
  opacity: 1;
  transform: scale(1);
}

.homepage-features a {
  backface-visibility: hidden;
  text-align: center;
  cursor: pointer;
}


/*-------------------------------------------------------------------------*/
/*  12.0  Footer
/*-------------------------------------------------------------------------*/

/* -- Instagram Footer -- */

.ccfw-footer-instagram-wrapper {
  position: relative;
  overflow: hidden;
}

.ccfw-footer-instagram-wrapper .widget-title {
  display: none;
}

.ccfw-footer-instagram-wrapper .widget {
  margin: 0px;
}

.ccfw-footer-instagram-wrapper img,
.ccfw-footer-instagram-wrapper a {
  display: block;
}

.ccfw-footer-instagram-wrapper .instagram-pics li {
  float: left;
  width: 12.5% ;
}

.ccfw-footer-instagram-wrapper p  {   
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
  padding: 8px 15px;
  background: #fff;
  color: #222;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: all 0.3s ease-in;
  margin: 0px;
}

/* -- First Footer -- */

.widget-area .ccfw-news-layout-wrap h2.widget-title {
  padding-bottom: 0px;
  border: none;
}

.ccfw-first-footer-wrapper {
  padding: 70px 0px 20px 0px; 
}

body .ccfw-first-footer-wrapper .ccfw-news-layout3 .ccfw-news-post h3 {
  font-weight: inherit;
  -webkit-font-smoothing: inherit;
  font-size: 13px;
}

.ccfw-footer-container .ccfw-news-layout3 {
  margin-top: 25px;
}

.ccfw-first-footer-wrapper .widget-area .widget-title {
  text-align: inherit;
}

.ccfw-first-footer-wrapper .widget-title {
  padding: 0px;
  border: none;
  margin-bottom: 25px;
  text-align: inherit;
}

.ccfw-first-footer-wrapper .widget,
.ccfw-first-footer-wrapper .ccfw-news-list-3 {
  float: left;
  padding: 0px 15px;
}

.ccfw-first-footer-wrapper.column-1 .widget,
.ccfw-first-footer-wrapper.column-1 .ccfw-news-list-3 {
  width: 100%;
}

.ccfw-first-footer-wrapper.column-2 .widget,
.ccfw-first-footer-wrapper.column-2 .ccfw-news-list-3 {
  width: 50%;
}

.ccfw-first-footer-wrapper.column-3 .widget,
.ccfw-first-footer-wrapper.column-3 .ccfw-news-list-3 {
  width: 33.3333%;
}

.ccfw-first-footer-wrapper.column-4 .widget,
.ccfw-first-footer-wrapper.column-4 .ccfw-news-list-3 {
  width: 25%;
}

.ccfw-first-footer-wrapper .ccfw-news-layout3 .ccfw-news-post {
  border-color: rgba(255, 255, 255, 0.1);
}

.widget_categories li {
  position: relative;
  margin-bottom: 5px;
}

.widget_categories li ul.children {
  margin: 15px;
}

.widget_archive li {
  position: relative;
}

.widget_archive li span,
.widget_categories li span {
  position: absolute;
  right: 0px;
  font-size: 11px;
  opacity: 0.6;
  margin-top: 4px;
}

.ccfw-first-footer-wrapper .widget .textwidget .mc4wp-form .mc4wp-form input[type="email"] {
  border: none;
}

.ccfw-first-footer-wrapper .widget .textwidget .mc4wp-form {
  margin-bottom: 20px;
  margin-top: -2px;
}

.ccfw-first-footer-wrapper .mc4wp-form input[type="email"] {
  border: none;
}

.ccfw-first-footer-wrapper ul.links {
  border: none;
  margin-top: -3px;
  margin-bottom: 25px;
}

.ccfw-first-footer-wrapper ul.links li {
  border: none;
}

.ccfw-carousel-wrapper p a,
.ccfw-featured-post-slider .ccfw-slider-wrapper p a,
.ccfw-first-footer-wrapper ul.links li a,
.blog-menu ul a span {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

.ccfw-carousel-wrapper p a:before,
.ccfw-featured-post-slider .ccfw-slider-wrapper p a:before,
.ccfw-first-footer-wrapper ul.links li a:before,
.blog-menu ul a span:before {
  content: '';
  display: inline-flex;
  height: 1px;
  width: 0;
  background: #fff;
  margin-right: 0px;
  opacity: 0.8;
  transition: all 0.2s cubic-bezier(0.3, 0.3, 0.3, 0.7);
}

.ccfw-featured-post-slider .ccfw-slider-wrapper p a:before {
  position: relative;
  top: -3px;
}

.blog-menu ul a span:before {
  background-color: #222;
}

.ccfw-featured-post-slider .ccfw-slider-wrapper p a:before {
  background: #999;
}

.ccfw-carousel-wrapper p a:hover:before,
.ccfw-featured-post-slider .ccfw-slider-wrapper p a:hover:before,
.ccfw-first-footer-wrapper ul.links li a:hover:before,
.blog-menu ul a:hover span:before {
  width: 9px;
  margin-right: 6px;
}

/* -- Second Footer -- */

#ccfw-page-wrap {
  position: relative;
  z-index: 4;
  background: #fff;
  position: relative;
  top: -1px;
}

.ccfw-footer-container.ccfw-curtain-effect {
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  position: fixed;
}

.ccfw-second-footer-wrapper {
  text-align: center;
  clear: both;
  padding: 20px 0px 20px 0;  
}

.ccfw-second-footer-wrapper .widget {
  margin-bottom: 0px;
  font-size: 13px;
}

.ccfw-second-footer-wrapper .ccfw-social-icons {
  margin-bottom: 15px;
}

.ccfw-second-footer-wrapper img {
  max-width: 200px;
}

/* -- Back to top -- */

#ccfw-back-to-top {
  position: fixed;
  bottom: 35px;
  right: 40px;
  z-index: 9999;
  width: 48px;
  height: 48px;
  font-size: 24px;
  text-align: center;
  border: 1px solid #eee;
  line-height: 46px;
  color: #999;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.04);
}

#ccfw-back-to-top:hover {
  transform: translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

#ccfw-back-to-top.show {
  opacity: 1;
}

.ccfw-footer-msg {
  text-align: center;
}