/*
Theme Name:   Clinic
Theme URI:    https://createandcode.com/wordpress-themes/clinic/
Author:       Create and Code
Author URI:   https://createandcode.com/
Description:  Clinic is a WordPress theme designed especially for medical-based businesses such as doctors, dentists, hospitals and medical centres but it can be used for any kind of professional firm. With a beautiful layout, integrated page builder and powerful customization controls it's a superb fit for your business. It includes demo data and all of the images used are creative commons licensed so you can have an elegant site up and running in minutes. Take a look at the main demo at http://themedemo.createandcode.com/clinic
Version:      1.1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  clinic
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.

Clinic 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/

FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later

======
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 Visual Composer
  2.3 Global Layout
  2.4 Heading
  2.5 Typography
  2.6 Common HTML Elements
  2.7 Forms
    2.7.1 Gravity Forms
    2.7.2 Contact Form 7
    2.7.3 Mailchimp
  2.8 Media
  2.9 Breadcrumbs
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 Footer
10.0 Crelly Slider
11.0 Responsive

--------------------------------------------------------------*/
/*--------------------------------------------------------------
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;
}

*,
*: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;
  display: block;
  margin-top: 15px;
  opacity: 0.4;
  font-size: 80%;
}

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

iframe {
  max-width: 100%;
}

code {
  background-color: #ffffcc;
}

select {
  color: #333;
}

figure {
  margin: 0;
}

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

.larger {
  font-size: 120%;
}

.smaller {
  font-size: 85%;
}

/*--------------------------------------------------------------
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;
}


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

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

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}
.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 Visual Composer
--------------------------------------------------------------*/
.wpb_row .container {
  padding-left: 0px;
  padding-right: 0px;
}

.wpb_row {
  margin-left: -15px !important;
  margin-right: -15px !important;
  overflow: hidden;
}

@media (max-width: 768px) {
  .wpb_row .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/*--------------------------------------------------------------
2.3 Global Layout
--------------------------------------------------------------*/

#ccfw-page-wrap {
  position: relative;
}

body.page-template-default .content-area {
  padding-bottom: 30px;
}

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

/* -- SiteOrigin Page Builder (if enabled) -- */

body.siteorigin-panels .ccfw-content {
  padding-bottom: 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.4 Heading
--------------------------------------------------------------*/

.entry-header {
  padding: 47px 0px 47px 0px;
  margin-bottom: 35px;
  position: relative;
  background-size: cover;
  background-position: center center;
  background: linear-gradient(to right, #07a7e3, #37d6c0);
}

.entry-header .col-lg-12 {
  display: table;
  width: 100%;
}

.entry-header .ccfw-page-title {
  display: table-cell;
  vertical-align: middle;
}

.entry-header h1 {
  font-size: 42px;
  line-height: 1.3em;
  letter-spacing: -0.4px;
  color: #fff;
  position: relative;
  top: 2px;
}

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

.entry-header h1 {
  color: #fff;
}


/*--------------------------------------------------------------
2.5 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: #117abc;
  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: 20px;
}

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.6 Common HTML elements
--------------------------------------------------------------*/

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

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

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

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

/* -- Horizontal Rule --*/

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

/* -- Notices --*/

.notice {
  display: flex;
  min-height: 72px;
  margin-bottom: 24px;
  padding: 36px;
  color: #ce8800;
  background: #fff9ee;
}

.notice--primary {
  padding: 36px;
  color: #0099aa;
  background: #effffe;
}

/* -- Headings -- */

.content-area h1, .content-area h2, .content-area h3, .content-area h4, .content-area h5, .content-area h6 {
    margin: 30px 0 12px;
}

.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 + h5 {
   margin-top: 0px;
}

.content-area p + h6 {
  margin-top: -10px;
}


/* -- Definition Lists --*/

dt {
  font-weight: bolder;
}

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

/* -- Blockquotes --*/

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

.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: 30px;
  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 td:last-child {
  text-align: right;
}

.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.7 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: 20px 30px;
  margin: 0;
  border: none;
  background: #ebe9eb;
  font-size: 16px;
  line-height: 1;
  color: #111;
  -webkit-appearance: none;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 3px;
}

.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.7.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.7.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.7.3 Mailchimp
-------------------------------------------------------------- */

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

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

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

.mc4wp-form p {
  margin-bottom: 0px;
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.mc4wp-form input {
  border: none;
  height: 50px;
  font-size: 14px;
}

.mc4wp-form input[type="email"] {
  width: 101%;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  padding: 0px 8px;
  border: 1px solid #e2e2e2;
  border-right: none;
  font-size: 16px;
}

.mc4wp-form input[type="email"]:focus {
  border-color: #ccc;
}

.mc4wp-form input[type="submit"] {
  height: 50px;
  border-radius: 0px;
  font-family: inherit;
  text-transform: capitalize;
  padding: 0px 10px;
  text-align: center;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  color: #fff;
  background-color: #24a3d8;
  cursor: pointer;
  font-size: 16px;
}

/*--------------------------------------------------------------
2.8 Media
--------------------------------------------------------------*/

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

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

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

/*--------------------------------------------------------------
2.9 Breadcrumbs
--------------------------------------------------------------*/

.ccfw-breadcrumbs {
  font-size: 15px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.ccfw-breadcrumbs p {
  margin-bottom: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 15px;
  color: #fff;
}

.ccfw-breadcrumbs a {
  position: relative;
  padding-right: 20px;
  font-size: 15px;
  display: inline-block;
  margin-right: -10px;
  color: #fff;
}

.ccfw-breadcrumbs a:hover {
  color: #fff;
  opacity: 0.8;
}

.ccfw-breadcrumbs a:after {
  content: "\f125";
  font-family: 'Ionicons';
  font-style: normal;
  margin-left: 12px;
  font-size: 9px;
  color: #fff;
  position: relative;
  top: -1px;
}


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

/* -- Top Bar */

.ccfw-header-topbar {
  padding: 13px 0px;
  line-height: 1.5em;
}

.ccfw-header-topbar .widget {
  font-size: 14px;
  margin-bottom: 0px;
}

.ccfw-header-topbar a {
  opacity: 1;
}

.ccfw-header-topbar a:hover {
  opacity: 0.7;
}

.top-bar-right {
  text-align: right;
}

.ccfw-header-topbar span {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 11px;
  margin-left: 10px;
}

.ccfw-header-topbar span.location:before {
  content: "\f455";
  display: inline-block;
  font-family: 'Ionicons';
  margin-right: 10px;
  font-size: 18px;
  position: relative;
  margin-top: -2px;
  top: 1px;
}

.ccfw-header-topbar a[href*='mailto:']:before {
  content: "\f2c3";
  display: inline-block;
  font-family: 'Ionicons';
  margin-right: 5px;
}

.ccfw-header-topbar .widget .textwidget span:first-child,
.ccfw-header-topbar .widget .textwidget a:first-child i {
  margin-left: 0px;
  padding-left: 0px;
  border: none;
}

.ccfw-header-topbar .widget .textwidget i {
  font-size: 17px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 13px;
}

.ccfw-header-topbar .top-bar-left .widget:only-child,
.ccfw-header-topbar .top-bar-right .widget:only-child {
  margin-bottom: 0px;
}

.ccfw-header-topbar .widget h4,
.ccfw-header-topbar .widget_rss li .rss-date {
  color: inherit;
}

.ccfw-header-topbar .widget_wpcom_social_media_icons_widget ul {
  margin-top: 0px;
  position: relative;
  top: 2px;
}

.ccfw-header-topbar .widget_wpcom_social_media_icons_widget ul li a {
  margin-top: 0px;
  color: inherit;
  opacity: 0.85;
}

.ccfw-header-topbar .widget_wpcom_social_media_icons_widget ul li a:hover {
  opacity: 1;
}

.ccfw-header-topbar .top-bar-right .widget.widget_wpcom_social_media_icons_widget li {
    margin-left: 0.7em;
    margin-right: 0em;
}

.widget_wpcom_social_media_icons_widget .genericon.genericon-googleplus {
  font-size: 20px;
}

/* -- Main Header -- */

h1.ccfw-site-title {
  font-size: 26px;
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: -0.5px;
}

.sticky-header h1.ccfw-site-title {
  font-size: 24px;
}

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

.ccfw-site-description {
  margin-bottom: 0;
  color: #555;
  font-size: 14px;
  margin-top: 5px;
}

.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;
  display: inline-block;
  margin-left: 25px;
  vertical-align: middle;
  font-size: 16px;
}

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

.ccfw-header-details-right .widget.widget_search h4.widget-title {
  display: none;
}

.ccfw-header-details .widget h4 {
  font-size: 16px;
  margin-bottom: -5px;
  opacity: 0.6;
}

.ccfw-header-details .widget .textwidget {
  font-size: 24px;
}

/* -- Text Logo -- */

.ccfw-site-text-logo {
  padding: 35px 0px;
  white-space: nowrap;
  float: left;
  width: 30%;
}

.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: 118px;
}

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

/* -- 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: 58px;
  padding-top: 3px;
  position: relative;
}

.ccfw-header-details .widget.widget_text i {
  position: absolute;
  top: -8px;
  left: 0px;
  font-size: 46px;
}

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

.ccfw-header-details {
  height: 118px;
}

.ccfw-header-details-right {
  height: 118px;
  line-height: 118px;
  float: right;
}

.ccfw-header-details .widget {
  vertical-align: middle;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}


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

.ccfw-header-nav {
  border-top: 1px solid #eee;
}

.ccfw-primary-nav {
  margin-bottom: -1px;
  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;
}

/* -- Mobile Menu -- */

.toggle-container {
  display: block;
  background: #1D1D1D;
}

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

.toggle:hover {
  cursor: pointer;
}

.nav-toggle {
  float: left;
  margin-left: 20px;
}

.search-toggle {
  float: right;
  margin-right: 20px;
}

.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;
  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 {
  float: left;
}

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

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

.blog-menu > li > a:before {
  position: absolute;
  content: "";
  top: -1px;
  left: 13px;
  height: 1px;
  width: calc(100% - 30px);
  background: #FFC815 none repeat scroll 0% 0%;
  transform-origin: 0px 0px 0px;
  transform: scaleX(0) translateZ(0px);
  transition: all 0.5s cubic-bezier(0.125, 0.75, 0.415, 1) 0s;
  z-index: 1;
}

.blog-menu > li:first-child > a:before {
  left: 0px;
  width: calc(100% - 15px);
}

.blog-menu > li > a:hover:before, .blog-menu > li:hover > a:before {
    transform: scaleX(1) translateZ(0px);
}

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

.blog-menu ul.children,
.blog-menu ul.sub-menu {
  box-shadow: 0px 1px 7px -3px rgba(0, 0, 0, 0.7);
  margin-left: -5px;
}

.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 > .has-children > a,
.blog-menu > .page_item_has_children > a {
  padding-right: 30px;
}

.blog-menu > .has-children:after,
.blog-menu > .page_item_has_children:after {
  content: "";
  display: block;
  border: 4px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.25);
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -2px;
}

.blog-menu > .current-menu-item.has-children:after,
.blog-menu > .current-menu-parent.has-children:after {
  border-top-color: rgba(0, 0, 0, 0.4);
}

.blog-menu li ul.children li.has-children:after,
.blog-menu li ul.sub-menu li.has-children:after {
  content: "";
  right: 18px;
  border: 4px solid transparent;
  border-left-color: rgba(0, 0, 0, 0.25);  
}

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

.blog-menu ul.children li:hover > a,
.blog-menu li ul li a:hover {
  color: #000;
}

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

.blog-menu ul {
  position: absolute;
  left: -9999px;
}

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

.blog-menu ul > .has-children::after,
.blog-menu ul > .page_item_has_children::after {
  content: "";
  display: block;
  border: 6px solid transparent;
  border-left-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  z-index: 1001;
  right: 10px;
  top: 50%;
  margin-top: -5px;
}

.blog-menu ul > .has-children:hover::after,
.blog-menu ul > .page_item_has_children:hover::after {
  border-right-color: #FFF;
}

.blog-menu > .has-children li a:hover {
  background-color: #f9f9f9;
}

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

.blog-menu ul a {
  padding: 14px 18px;
  line-height: 140%;
  box-sizing: border-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 14px;
  color: #333;
  position: relative;
  z-index: 2;
  font-weight: 300;
}

.blog-menu ul > li:last-child a {
  border-bottom-width: 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;
}


/*--------------------------------------------------------------
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 .blog-menu > li:last-child > a {
  padding-right: 0px;
}

.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: 15px 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 .ccfw-site-text-logo,
.sticky-header .ccfw-site-logo {
  height: 63px;
}

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

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

.sticky-header .blog-menu > .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;
}

.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-handle {
  margin-bottom: 40px;
}

/* -- Archives -- */

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


/* -- Blog Listings -- */

.ccfw-blog-loop-item {
  margin-bottom: 45px;
}

.ccfw-blog-image {
  margin: -36px -41px 45px -41px;
  transition: all 0.2s ease 0s;
}

.ccfw-blog-loop-item.has-post-thumbnail .ccfw-blog-image {
  margin-bottom: 20px;
}

.content-area .ccfw-blog-image img {
  margin-top: 0px;
  width: 100%;
}

/* -- Read More -- */

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

.content-area p a.more-link:hover {
  opacity: 0.9;
}


/* -- 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;
}

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

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

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

.ccfw-blog-loop-item {
  border: 1px solid #eee;
  padding: 35px 40px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.ccfw-blog-loop-item p {
  color: #343434;
}

.ccfw-entry-header {
  margin-bottom: 20px;
}

.ccfw-entry-header h2 a {
  color: inherit;
}

.cat-links, .comments-link {
  margin-right: 20px;
}

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

.content-area .ccfw-blog-loop-item .ccfw-entry-header h2 {
  padding-top: 10px;
  margin: 0px 0px 10px 0px; 
}

.ccfw-entry-meta,
.taxonomy-description p {
  font-size: 18px;
  color: #999;
  margin-top: 15px;
}

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

.entry-header .ccfw-entry-meta {
  opacity: 0.75;
}

.content-area .ccfw-blog-loop-item .ccfw-entry-meta {
  font-size: 14px;
  margin-top: 7px;
  margin-bottom: 20px;
}

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

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

.ccfw-entry-meta .comments-link {
  margin-left: 20px;
}

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

body.single-post img.attachment-ccfw-blog-featured-top {
  margin-bottom: 25px;
}

.entry-footer {
  clear: both;
}

.ccfw-entry-footer {
  font-size: 13px;
  border-top: 1px solid #eee;
  margin-top: 30px;
  padding-top: 20px;
  color: #777;
}

body.single-post .ccfw-entry-footer {
  border: none;
  padding: 5px 0px 15px 0px;
  clear: both;
}

body.single-post article p {
  color: #444;
}

.ccfw-entry-footer .edit-link {
  display: block;
  margin-top: 20px;
  font-size: 16px;
}

body.single-post .ccfw-entry-footer .edit-link {
  margin-top: 30px;
}

.ccfw-entry-footer .cat-links a,
.ccfw-entry-footer .tags-links a {
  color: #444;
  text-transform: capitalize;
}

.ccfw-entry-footer .cat-links a:hover,
.ccfw-entry-footer .tags-links a:hover {
  color: #111;
  text-decoration: none;
}

.ccfw-entry-footer .cat-links:before {
  content: '\f115';
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 7px;
  font-size: 11px;
  opacity: 0.6;
}

.ccfw-entry-footer .tags-links:before {
  content: '\f097';
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 7px;
  font-size: 11px;
  opacity: 0.6;
}

.ccfw-entry-meta .comments-link:before {
  content: '\f0e5';
  display: inline-block;
  font-family: 'FontAwesome';
  margin-right: 7px;
  font-size: 14px;
  opacity: 0.6;
  position: relative;
  top: -1px;
}


/* -- Dropcap and first paragraph styling -- */

.single-post .ccfw-entry-content p:first-child {
  font-size: 1.1em;
  line-height: 1.65em;
}

.single-post .dropcap {
  float: left;
  font-size: 60px;
  font-weight: 700;
  line-height: 0.8;
  margin-top: 9px;
  margin-right: 12px;
}

/* -- Sticky -- */

.sticky { 
  border-left-color: #f7c51e; 
  background: #f9f9f9;
}

/*--------------------------------------------------------------
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: 33px;
  font-family: FontAwesome;
}

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

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


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

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

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

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

.ccfw-blog-pagination ul li a {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 10px 14px;
  font-size: 15px;
  color: inherit;
  text-decoration: none;
  border-radius: 3px;
}

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

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

/*--------------------------------------------------------------
6.4 Comments
--------------------------------------------------------------*/

.comments-area {
  display: block;
  margin-top: 40px;
  margin-bottom: 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: 28px;
  font-weight: 400;
}

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

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

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

.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 {
  background-color: #f5f5f5;
  padding: 30px 30px 12px 30px;
  position: relative;
  margin-top: 15px;
  margin-bottom: 10px;
}

.comment-content:after {
  bottom: 100%;
  left: 18px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(245, 245, 245, 0);
  border-bottom-color: #f5f5f5;
  border-width: 9px;
  margin-left: -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;
}

.content-area .comment-list .reply a {
  color: #848a96;
}

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

.comment-list .avatar {
  display: inline-block;
  border-radius: 50%;
  vertical-align: top;
  position: absolute;
  left: 0px;
  margin-top: 6px;
  margin-bottom: 0px;
}

.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: 35px;
}

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

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

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

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

/* -- 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 {  }


/*--------------------------------------------------------------
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;
}

.post-navigation {
  background: #424a55;
  width: 100%;
  display: inline-block;
  margin-bottom: -10px;
}

.post-navigation .nav-post {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding: 5%;
  overflow: hidden;
}

.post-navigation .nav-post a {
  position: relative;
}

.post-navigation .nav-post span {
  display: block;
  position: relative;
}

.post-navigation .nav-label {
  background: #f35245;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
}

.post-navigation .nav-post {
  display: inline-block;
  width: 50%;
  float: left;
  position: relative;
  padding: 5%;
}

.post-navigation a:only-of-type .nav-post {
  width: 100%;
}

.post-navigation span {
  display: inline-block;
  font-size: 22px;
  color: #fff;
}

.post-navigation span.meta-date {
  font-size: 16px;
  margin-top: 5px;
  opacity: 0.5;
}

.post-navigation span.meta-nav {
  background: #111;
  padding: 4px 8px;
  border-radius: 2px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
}

.nav-post-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: center center;
}

.nav-post-background:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  transition: 0.15s ease-in-out;
}

.post-navigation a:hover .nav-post-background:after {
  opacity: 0.4;
}

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

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

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

h4.widget-title {
  font-size: 22px;
  margin-bottom: 18px;
  letter-spacing: -0.3px;
}

/* -- Widget: Sidebar Quote -- */

.widget img.testimonial-pic {
  max-width: 50px;
  float: right;
  margin: 5px 0px 10px 15px;
  border-radius: 50%;
}

.widget blockquote {
  position: relative;
  margin: 0px;
  padding: 0px 25px;
  line-height: 1.5em;
}

.widget blockquote:before {
  position: absolute;
  top: 0.55em;
  left: 0px;
  font-size: 34px;
  color: #ccc;
  padding-left: 0px;
  content: "“";
  line-height: 0.1em;
  font-family: Georgia;
}

.widget cite {
  font-size: 14px;
  opacity: 0.5;
}

/* -- Widget: Recent Comments -- */

.widget li.recentcomments {
  padding-top: 12px;
  margin-top: 14px;
  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: 12px !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;
}

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

.widget_rss li .rssSummary { 
  margin-top: 5px; 
}

.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: 14px;
  margin-top: 14px;
  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);
}

.ccfw-first-footer-wrapper .widget_recent_entries li:first-child {
  padding-top: 0px;
  margin-top: 0px;
  border: none;
}

.widget_recent_entries li a {
  display: block;
}

.widget_recent_entries li .post-date {
  display: block;
  margin-bottom: 8px;
  font-size: 13px;
  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: Advanced Sidebar Listings -- */

.advanced-sidebar-menu {
  margin-top: 15px;
}

.advanced-sidebar-menu ul li  {
  display: block;
}

.advanced-sidebar-menu ul li.current_page_item > a,
.advanced-sidebar-menu ul li.current_page_item > a:hover,
.advanced-sidebar-menu ul li.current_page_parent > a,
.advanced-sidebar-menu ul li.current_page_parent > a:hover {
  background-color: #f9f9f9;
  color: #000;
  position: relative;
  z-index: 2;
  margin-top: -1px;
}

.advanced-sidebar-menu ul li.current_page_item,
.advanced-sidebar-menu ul li.current_page_parent {
  border-top: 1px solid #eee; 
}

.advanced-sidebar-menu ul li.current_page_item.has_children,
.advanced-sidebar-menu ul li.current_page_parent.has_children {
  border-bottom: 1px solid #eee;
}

.sidebar.right-sidebar .advanced-sidebar-menu ul li > a:hover {
  border-color: #117abc;
}

.advanced-sidebar-menu ul li {
  margin-bottom: 0px;
}

.advanced-sidebar-menu ul {
  border-top: 1px solid #eee;
}

.advanced-sidebar-menu ul li a {
  color: #343434;
  padding: 17px 15px 17px 20px;
  display: block;
  text-align: left;
  position: relative;
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: 16px;
  transition: all 0.25s ease-in-out;
}

.advanced-sidebar-menu ul > li > a:hover,
.sidebar.right-sidebar .advanced-sidebar-menu ul > li > a:hover {
  border-left-color: #f7c51e;
}

.advanced-sidebar-menu ul ul.children {
  margin-top: -16px;
  background: #f9f9f9;
  position: relative;
  z-index: 2;
  border: none;
}

.advanced-sidebar-menu ul ul.children li a {
  padding-top: 3px;
  padding-bottom: 0px;
  font-size: 14px;
  border-bottom: none;
  background: #f9f9f9;
  color: #111;
}

.advanced-sidebar-menu ul ul.children li:last-child a {
  padding-bottom: 16px;
}

.advanced-sidebar-menu ul ul.children li a:before {
  content: "\f125";
  font-family: 'Ionicons';
  font-style: normal;
  font-size: 9px;
  margin-left: 1px;
  margin-right: 8px;
  position: relative;
  top: -1px;
}

/* -- Widget: Social media icons widget (Jetpack) -- */

.widget_wpcom_social_media_icons_widget ul {
  margin-top: 20px;
}

.widget.widget_wpcom_social_media_icons_widget li {
  margin-right: 0.7em;
}

.widget_wpcom_social_media_icons_widget ul li a {
  font-size: 18px;
}

/* -- 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 by Email (Jetpack) -- */

.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: Sidebar Feature -- */

.ccfw-content .widget_text.widget {
  padding: 30px 20px 30px 20px;
  border: 1px solid #eee;
  position: relative;
  border-radius: 3px;
}

.ccfw-content .widget_text.widget h4 {
  margin-bottom: 12px;
}

.ccfw-content .widget_text.widget p:last-child {
  margin-bottom: 0px;
}

.ccfw-content .widget_text.widget i {
  margin-right: 5px;
  font-size: 14px;
  color: #999;
  position: relative;
}

.ccfw-content .widget_text.widget:before, .ccfw-content .widget_text.widget:after {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -1px;
  right: -1px;
  content: "";
}

.ccfw-content .widget_text.widget:before {
  border-top: solid 10px #fff;
  border-right: solid 10px #fff;
  border-left: solid 10px transparent;
  border-bottom: solid 10px transparent;
}

.ccfw-content .widget_text.widget:after {
  border-bottom: solid 10px #f2f2f2;
  border-left: solid 10px #f2f2f2;
  border-right: solid 10px #fff;
  border-top: solid 10px #fff;
}

/* -- Widget: Selects -- */

.widget select {
  max-width: 100%;
  width: 100%;
}

@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;
  letter-spacing: -0.3px;
}

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: 44px;
}

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

/* -- Search Results -- */

body.search-results .content-area {
  min-height: 300px;
}

body.search-results .content-area article {
  padding-top: 35px;
  border-top: 1px solid #eee;
  margin-top: 40px;
}

body.search-results .content-area article h2 {
  font-weight: normal;
}

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: 20px;
  margin-top: -5px;
}

/* -- 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;
}

/*-------------------------------------------------------------------------*/
/*  9.0  Footer
/*-------------------------------------------------------------------------*/

/* -- First Footer -- */

.ccfw-first-footer-wrapper {
  padding: 60px 0px 10px 0px;
}

.ccfw-first-footer-wrapper h4 {
  margin-bottom: 25px;
}

.ccfw-first-footer-wrapper .textwidget p {
  padding-right: 30px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.ccfw-first-footer-wrapper img.logo {
  max-height: 28px;
  display: block;
  margin-bottom: 24px;
}

.ccfw-first-footer-wrapper .textwidget ul li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 18px;
}

.ccfw-first-footer-wrapper .textwidget li:before {
  margin-right: 8px;
  position: absolute;
  top: 9px;
  left: 0px;
  content: "";
  width: 5px;
  height: 5px;
  background: #f7c51e;
  text-indent: -999px;
}

.ccfw-first-footer-wrapper .textwidget ul.border {
  border-right: 1px solid #525e6d;
}

.first-footer .widget_tag_cloud a,
.first-footer .widget_product_tag_cloud a {
  background-color: #333;
}

.first-footer .widget_tag_cloud a:hover,
.first-footer .widget_product_tag_cloud a:hover {
  background-color: #222;
}

.ccfw-first-footer-wrapper .widget_mc4wp_form_widget {
  margin-bottom: 30px;
}

.ccfw-first-footer-wrapper .textwidget p.social {
  margin-top: 20px;
}

.ccfw-first-footer-wrapper .textwidget p.social a {
  opacity: 0.7;
}

.ccfw-first-footer-wrapper .textwidget p.social i {
  font-size: 20px;
  margin-right: 10px;
}

/* -- Footer Widget: Profile Image -- */

.ccfw-first-footer-wrapper img.profile {
  float: left;
  max-width: 80px;
  border-radius: 3px;
  margin: 4px 20px 6px 0px;
}


/* -- Footer Widget: Contact Details -- */


.ccfw-first-footer-wrapper .textwidget p.with-icon {
  padding-left: 44px;
  position: relative;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #525e6d;
}

.ccfw-first-footer-wrapper .textwidget p.with-icon i {
  font-size: 34px;
  position: absolute;
  top: 0px;
  left: 0px;
}

.ccfw-first-footer-wrapper .textwidget hr {
  border-top: 1px solid #fff;
  border-bottom: none;
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0.1;
}

.ccfw-first-footer-wrapper .textwidget small {
  font-weight: 300;
  display: block;
  opacity: 0.6;
  font-size: 85%;
}

.ccfw-first-footer-wrapper .textwidget .col-lg-10 {
  padding-left: 0px;
}

/* -- Schedule -- */

.ccfw-first-footer-wrapper .textwidget ul.schedule li:before {
  display: none;
}

.ccfw-first-footer-wrapper .textwidget ul.schedule li {
  padding-left: 0px;
}

ul.schedule li {
  margin: 0px 0px 10px;
  overflow: hidden;
}

ul.schedule li .day {
  float: left;
  width: 50%;
}

ul.schedule li .time {
  float: left;
  width: 50%;
  opacity: 0.5;
  text-align: right;
}


/* -- Second Footer -- */

.ccfw-last-footer {
  padding: 24px 0px;
  line-height: 1.5;
  font-size: 14px;
}

.ccfw-last-footer .sep {
  margin: 0px 10px 0px 8px;
  border-left: 1px solid;
  opacity: 0.5;
}

.ccfw-last-footer a {
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.ccfw-last-footer a:hover {
  border-color: rgba(255, 255, 255, 1);
}

.ccfw-last-footer strong {
  font-weight: inherit;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding-left: 13px;
  margin-left: 10px;
}

/* -- Back to top -- */

#ccfw-back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 60px;
  height: 60px;
  font-size: 26px;
  text-align: center;
  line-height: 58px;
  background: #333;
  color: #fff;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  transition: all 0.3s ease-in-out 0s;
  opacity: 0;
  border-radius: 50%;
}

#ccfw-back-to-top:hover {
  transform: translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

#ccfw-back-to-top.show {
  opacity: 1;
}

/* --------------------------------------------------------------
10.0 Crelly Slider
-------------------------------------------------------------- */

#slider .kc_column {
  padding-left: 0px;
  padding-right: 0px;
}

.content-area .crellyslider > .cs-navigation > .cs-slide-link {
  width: 10px;
  height: 10px;
  box-shadow: none;
}

.content-area .crellyslider > .cs-controls {
  margin-top: -60px;
}

.content-area .crellyslider > .cs-controls > .cs-previous, 
.content-area .crellyslider > .cs-controls > .cs-next {
  box-shadow: none;
  width: 35px;
  height: 120px;
  border: none;
  border-radius: 0px;
  background-color: rgba(0,0,0,0.3);
  transition: all 0.2s ease 0s;
}

.content-area .crellyslider > .cs-controls > .cs-previous:hover, 
.content-area .crellyslider > .cs-controls > .cs-next:hover {
  background-color: rgba(0,0,0,0.8);
}

.content-area .crellyslider > .cs-controls > .cs-previous,
.content-area .crellyslider > .cs-controls > .cs-next {
  background-image: none;
}

.content-area .crellyslider > .cs-controls > .cs-previous:after, 
.content-area .crellyslider > .cs-controls > .cs-next:after {
  position: absolute;
  left: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  content: "\f105";
  font-family: 'FontAwesome';
  line-height: 120px;
  text-align: center;
  display: block;
  font-size: 26px;
  opacity: 0.7;
}

.content-area .crellyslider > .cs-controls > .cs-previous:after {
  content: "\f104";
}

.content-area .crellyslider > .cs-controls > .cs-previous {
  left: 0px;
}

.content-area .crellyslider > .cs-controls > .cs-next {
  right: 0px;
}


/* --------------------------------------------------------------
11.0 Responsive
-------------------------------------------------------------- */

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

  body {
    overflow-x: hidden;
  }

  .ccfw-site-logo {
    float: none;
    width: 100%;
    text-align: center;
    margin: 25px auto;
  }

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

  .ccfw-site-logo img {
    max-width: 250px;  
    height: auto; 
  }

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

  .ccfw-header-branding {
    width: 100%;
    float: none;
    text-align: inherit;
  }

  .ccfw-header-details {
    float: none;
    margin-right: auto;
    text-align: center;
  }

  .ccfw-header-details-right .widget {
    width: 100%;
  }

  .ccfw-header-branding input.search-field {
    margin-left: 0px;
    width: 100%;
  }

  .ccfw-header-details-right {
    float: none;
    height: auto;
    line-height: inherit;
  }

  .sticky-header {
    display: none;
  }

}

@media only screen and (max-width: 991px) {

  .ccfw-header-nav {
    border: none;
    margin-bottom: -1px;
    background-color: #1D1D1D;
  }

  .ccfw-primary-nav {
    margin-bottom: 0px;
  }

  .nav-toggle {
    margin-left: 0px;
  }

  .search-toggle {
    margin-right: 0px;
  }

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

  .mobile-menu .caret {
    right: 0px;
  }

  .ccfw-header-details-right {
    display: none;
  }

  .ccfw-header-details {
    height: auto;
    margin-bottom: 22px;
  }

  .ccfw-header-details .widget {
    top: auto;
    transform: none;
  }

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

  .ccfw-header-main {
    padding: 10px 0px 15px 0;
  }

  .ccfw-header-details {
    padding-top: 15px;
    margin-bottom: 0px;
    border-top: 1px solid #eee;
  }

  .ccfw-first-footer-wrapper .textwidget p {
    padding-right: 0px;
  }

  #ccfw-back-to-top {
    visibility: hidden;
  }

}


@media only screen and (max-width: 768px) {

  .ccfw-header-branding,
  .ccfw-header-details {
    display: block;
    width: 100%;
    text-align: center;
  }

  .ccfw-header-topbar span {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    border: none;
    display: block;
  }

  .ccfw-header-topbar {
    text-align: center;
  }

  .ccfw-header-main .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .top-bar-right {
    text-align: center;
    margin-top: 8px;
  }

  .ccfw-blog-loop-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .ccfw-blog-image {
    margin-right: -21px;
    margin-left: -22px;
  }

  .content-area span.tags-links {
    display: block;
    padding-left: 3px;
  }

  .content-area #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
    padding-right: 0px;
  }

  p.comment-subscription-form input {
    top: 1px;
  }

  .entry-header .ccfw-page-title,
  .ccfw-breadcrumbs {
    display: block;
    text-align: left;
  }

  .ccfw-breadcrumbs {
    margin-top: 15px;
  }

  .single-post .comment-form-author, 
  .single-post .comment-form-email, 
  .single-post .comment-form-url {
    width: 100%;
    float: none;
    padding: 0px;
  }

  .ccfw-footer-msg span {
    display: block;
    margin-bottom: 5px;
  }

  .ccfw-footer-msg span:last-child {
    margin-bottom: 0px;
  }

  .ccfw-footer-msg span.sep {
    display: none;
  }

  /* -- Responsive Crelly Slider -- */

  .content-area .crellyslider > .cs-navigation,
  .content-area .crellyslider > .cs-controls { 
    visibility: hidden; 
  }

}

@media only screen and (max-width: 768px) {

  body .elementor-align-right {
    text-align: left;
  }

}