@charset "UTF-8";
:root, [data-theme="default"] {
  --churel-text-color: #383143;
  --churel-secondary-color: #333333;
  --churel-primary-color: #f44336;
  --success-color: #2196f3;
  --danger-color: #00bcd4;
  --warning-color: #4caf50;
  --info-color: #673ab7;
  --light-color: #ffffff;
  --dark-color: #fff;
  --grey-color: #f0f2f2;
  --overlay-color: rgba(0, 0, 0, 0.63);
}

@supports (--css: variables) {
  [data-theme="dark"] {
    --churel-text-color: #979ba9;
    --churel-secondary-color: #3f51b5;
    --churel-primary-color: #3f51b5;
    --success-color: #2196f3;
    --danger-color: #00bcd4;
    --warning-color: #4caf50;
    --info-color: #673ab7;
    --light-color: #ffffff;
    --dark-color: #000000;
    --grey-color: #1c1e25;
    --overlay-color: rgba(0, 0, 0, 0.63);
  }
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin */

@font-face {
  font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Patua One"), local("PatuaOne-Regular"), url(https://fonts.gstatic.com/s/patuaone/v10/ZXuke1cDvLCKLDcimxB44_lu.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*  0. Normalize  */

body, html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
  position: relative;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
  text-decoration: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  max-width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-size: inherit;
}

form, fieldset {
  padding: 0;
  margin: 0;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

 

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

 

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.form-control {
  height: auto;
}

legend {
  border: 0;
  padding: 0;
}

iframe {
  border: 0;
  margin-bottom: 1rem;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

.p-t-30 {
  padding-top: 30px;
}

.p-b-30 {
  padding-bottom: 30px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.p-t-90 {
  padding-top: 90px;
}

.p-b-90 {
  padding-bottom: 90px;
}

.m-t-30 {
  margin-top: 30px;
}

.m-b-30 {
  margin-bottom: 30px;
}

.m-l-30 {
  margin-left: 30px;
}

.m-r-30 {
  margin-right: 30px;
}

.m-t-40 {
  margin-top: 40px;
}

.m-b-40 {
  margin-bottom: 40px;
}

.m-l-40 {
  margin-left: 40px;
}

.m-r-40 {
  margin-right: 40px;
}

.m-t-50 {
  margin-top: 50px;
}

.m-b-50 {
  margin-bottom: 50px;
}

.m-l-50 {
  margin-left: 50px;
}

.m-r-50 {
  margin-right: 50px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 400;
  color: var(--churel-text-color);
  background: var(--dark-color);
}

input[type='text'], input[type='tel'], input[type='email'], input[type='search'], input[type='password'], textarea[class], select {
  padding: 15px;
  transition: all 500ms ease;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
}

.btn, button, input[type='button'], input[type='reset'], input[type='file'], input[type='submit'] {
  transition: all 500ms ease;
  padding: 10px 30px;
  border: 0;
  border-radius: 5px;
  background-color: var(--churel-primary-color);
  color: var(--light-color);
}

.btn:hover, button:hover, input[type='button']:hover, input[type='reset']:hover, input[type='file']:hover, input[type='submit']:hover {
  background-color: var(--churel-primary-color);
}

a {
  color: var(--churel-primary-color);
}

a:hover {
  color: text-color;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Patua One", cursive;
  line-height: 1.3;
  font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  transition: all 500ms ease;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--churel-primary-color);
}

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--churel-secondary-color);
}

h1, .heading-1 {
  font-size: 44px;
}

h2, .heading-2 {
  font-size: 36px;
}

h3, .heading-3 {
  font-size: 32px;
}

h4, .heading-4 {
  font-size: 28px;
}

h5, .heading-5 {
  font-size: 24px;
}

h6, .heading-6 {
  font-size: 20px;
}

.big-font1 {
  font-size: 52px;
}

.big-font2 {
  font-size: 44px;
}

.big-font3 {
  font-size: 40px;
}

small, .small {
  font-weight: 400;
}

.font-weight-bold {
  font-weight: 800 !important;
}

.weight-semibold {
  font-weight: 700 !important;
}

.weight-medium {
  font-weight: 600 !important;
}

.weight-normal {
  font-weight: 400 !important;
}

.weight-light {
  font-weight: 300 !important;
}

.white-all h1, .white-all h2, .white-all h3, .white-all h4, .white-all h5, .white-all h6, .white-all p, .white-all a, .white-all span, .white-all label, .white-all input, .white-all textarea, .white-all em, .white-all b, .white-all * {
  color: var(--light-color) !important;
}

.white-text {
  color: var(--dark-color) !important;
}

/* ==============================================

1. Bg Color

============================================== */

.bg-color1 {
  background-color: var(--churel-text-color);
}

.overlay:before {
  content: '';
  border-radius: 5px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--overlay-color);
  z-index: 1;
}

.facebook {
  background: #1AB2E8;
}

.facebook:hover {
  background: #1AB2E8 !important;
}

.twitter {
  background: #3A5896;
}

.twitter:hover {
  background: #3A5896 !important;
}

.instagram {
  background: #F16797;
}

.instagram:hover {
  background: #F16797 !important;
}

.pinterest {
  background: #C51F26;
}

.pinterest:hover {
  background: #C51F26 !important;
}

/* ==============================================

2. Bg Image

============================================== */

/* ==============================================

3. Header Area

============================================== */

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .container {
    position: relative;
  }
}

@media (max-width: 768px) {
  .header-area .container {
    position: relative;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area .col-10 {
    position: static;
  }
}

@media (max-width: 768px) {
  .header-area .col-10 {
    position: static;
  }
}

.header-area {
  padding: 50px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .header-area {
    padding: 30px 0;
  }
}

@media (max-width: 768px) {
  .header-area {
    padding: 30px 0;
  }
}

.social-fixed {
  visibility: hidden;
  padding-top: 145px;
  position: fixed;
  top: 0;
  left: -60px;
  z-index: 6666;
}

@media (min-width: 768px) and (max-width: 991px) {
  .social-fixed {
    display: none;
  }
}

@media (max-width: 768px) {
  .social-fixed {
    display: none;
  }
}

.social-fixed li {
  margin: 10px 0;
  transition: 1s all;
}

.social-fixed li a {
  width: 45px;
  height: 45px;
  display: block;
  text-align: center;
  border-radius: 100%;
  background-color: var(--grey-color);
  color: var(--churel-text-color);
  padding: 10px 0px;
  transition: all 500ms ease;
}

.social-fixed li a:hover {
  color: var(--light-color);
}

.social-fixed.show-social {
  visibility: visible;
}

.social-fixed.show-social li {
  transition: all 500ms ease;
  transform: translateX(100px);
}

.social-fixed.hide-social {
  visibility: hidden;
}

.header-logo {
  padding: 5px 0;
}

.header-logo img {
  max-height: 30px;
  max-width: 180px;
  -o-object-fit: cover;
  object-fit: cover;
}

.themeix-menu {
  float: right;
}

.themeix-menu #main-menu {
  width: calc(100% - 30px);
  float: left;
}

@media (max-width: 768px) {
  .themeix-menu #main-menu {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .themeix-menu #main-menu {
    width: 100%;
  }
}

.themeix-menu #main-menu li {
  background: transparent;
  border: 0;
}

.themeix-menu #main-menu li:hover>a {
  color: var(--churel-text-color);
}

.themeix-menu #main-menu li>a {
  padding: 12px 40px 12px 0px;
  transition: all 500ms ease;
  font-weight: 600;
  color: var(--churel-text-color);
  display: block;
}

.themeix-menu #main-menu li>a:hover {
  color: var(--churel-primary-color);
}

@media (min-width: 768px) and (max-width: 991px) {
  .themeix-menu #main-menu li>a {
    padding: 15px 30px 15px 25px;
    text-align: left;
  }
}

@media (max-width: 768px) {
  .themeix-menu #main-menu li>a {
    padding: 15px 30px 15px 25px;
    text-align: left;
  }
}

.themeix-menu #main-menu li .sub-toggle {
  background: transparent;
  right: 15px;
  width: 25px;
}

@media (max-width: 768px) {
  .themeix-menu #main-menu li .sub-toggle {
    width: 100%;
    text-align: right;
    margin-top: 5px;
  }
}

.themeix-menu #main-menu li .sub-toggle i {
  color: transparent;
}

.themeix-menu #main-menu li .sub-toggle i:before {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 600;
  content: "\f107";
  color: var(--churel-text-color);
  top: 2px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .themeix-menu #main-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: var(--light-color);
    box-shadow: 0 0 20px 5px rgba(62, 60, 85, 0.06);
    z-index: 1000;
  }
}

@media (max-width: 768px) {
  .themeix-menu #main-menu {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: var(--light-color);
    box-shadow: 0 0 20px 5px rgba(62, 60, 85, 0.06);
    z-index: 1000;
  }
}

.themeix-menu #main-menu .has-submenu {
  position: relative;
}

.themeix-menu #main-menu .has-submenu ul {
  top: 50px;
  width: 180px;
  background: var(--grey-color);
  box-shadow: 0 0 20px 5px rgba(62, 60, 85, 0.06);
}

@media (min-width: 768px) and (max-width: 991px) {
  .themeix-menu #main-menu .has-submenu ul {
    width: 100%;
    box-shadow: none;
  }
}

@media (max-width: 768px) {
  .themeix-menu #main-menu .has-submenu ul {
    width: 100%;
    box-shadow: none;
  }
}

.themeix-menu #main-menu .has-submenu ul li {
  display: block;
  float: none;
}

.themeix-menu #main-menu .has-submenu ul li:last-child {
  border-bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .themeix-menu #main-menu .has-submenu ul li {
    border-bottom: 0;
  }
}

@media (max-width: 768px) {
  .themeix-menu #main-menu .has-submenu ul li {
    border-bottom: 0;
  }
}

.themeix-menu #main-menu .has-submenu ul li a {
  font-weight: 400;
  padding: 10px 15px;
  transition: all 500ms ease;
}

.themeix-menu #main-menu .has-submenu ul li a:hover {
  text-indent: 2px;
  color: var(--churel-primary-color);
}

.themeix-menu .collapse-button {
  top: 20px;
  right: 10px;
}

.themeix-menu .search-modal {
  float: left;
  width: 30px;
  padding: 12px 0px 12px 0;
  color: var(--churel-text-color);
}

@media (min-width: 768px) and (max-width: 991px) {
  .themeix-menu .search-modal {
    position: absolute;
    top: -3px;
    right: 50px;
  }
}

@media (max-width: 768px) {
  .themeix-menu .search-modal {
    position: absolute;
    top: -3px;
    right: 50px;
  }
}

.modal-backdrop.show {
  background-color: var(--light-color);
  opacity: 1;
  z-index: 99999;
}

#search-modal {
  z-index: 9999999;
  background: var(--dark-color);
  padding: 30px !important;
}

#search-modal .close {
  top: 20px;
  right: 30px;
  position: absolute;
  cursor: pointer;
  font-size: 50px;
  font-weight: 400;
}

#search-modal .modal-content {
  border: 0;
}

#search-modal form {
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--grey-color);
}

#search-modal form button {
  background: var(--grey-color);
  color: var(--churel-text-color);
  padding: 15px;
}

#search-modal form input {
  border-radius: 0;
  border-color: var(--grey-color);
}

#search-modal .modal-dialog {
  max-width: 700px;
  top: 10%;
  margin-top: 0;
}

/* ==============================================

3. Banner Area

============================================== */

.banner-slider .owl-dots {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}

.banner-slider .owl-dots .owl-dot {
  background: #cacaca !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}

.banner-slider .owl-dots .owl-dot.active {
  background: var(--churel-primary-color) !important;
}

.banner-slider .owl-nav {
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .banner-slider .owl-nav {
    margin-top: 30px;
    position: relative;
  }
}

@media (max-width: 768px) {
  .banner-slider .owl-nav {
    margin-top: 30px;
    position: relative;
  }
}

.banner-slider .owl-nav .owl-prev {
  margin-right: 10px;
  font-size: 30px !important;
  line-height: 25px !important;
  color: var(--churel-text-color) !important;
  height: 30px;
}

.banner-slider .owl-nav .owl-prev:hover {
  color: var(--churel-primary-color) !important;
}

.banner-slider .owl-nav .owl-next {
  font-size: 30px !important;
  color: var(--churel-text-color) !important;
  line-height: 25px !important;
  height: 30px;
}

.banner-slider .owl-nav .owl-next:hover {
  color: var(--churel-primary-color) !important;
}

.banner-area {
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) and (max-width: 991px) {
  #banner-one {
    display: none;
  }
}

@media (max-width: 768px) {
  #banner-one {
    display: none;
  }
}

#banner-one .shape-one {
  position: absolute;
  top: 21%;
  right: 22%;
  -webkit-animation: animationFramesTwo 13s infinite linear;
  animation: animationFramesTwo 13s infinite linear;
}

#banner-one .shape-two {
  position: absolute;
  top: 27%;
  left: 7%;
  -webkit-animation: animationFramesFour 25s alternate infinite linear;
  animation: animationFramesFour 25s alternate infinite linear;
}

#banner-one .shape-three {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: animationFramesThree 35s alternate infinite linear;
  animation: animationFramesThree 35s alternate infinite linear;
}

#banner-one .shape-four {
  position: absolute;
  top: 70%;
  right: 3%;
  -webkit-animation: animationFramesFour 20s alternate infinite linear;
  animation: animationFramesFour 20s alternate infinite linear;
}

#banner-one .shape-five {
  position: absolute;
  bottom: 2%;
  right: 28%;
  -webkit-animation: animationFramesOne 15s infinite linear;
  animation: animationFramesOne 15s infinite linear;
}

#banner-one .shape-six {
  position: absolute;
  bottom: 3%;
  left: 38%;
  -webkit-animation: animationFramesFour 20s alternate infinite linear;
  animation: animationFramesFour 20s alternate infinite linear;
}

#banner-one .shape-seven {
  position: absolute;
  bottom: 4%;
  left: 4%;
  -webkit-animation: animationFramesOne 17s infinite linear;
  animation: animationFramesOne 17s infinite linear;
}

#banner-one .shape-eight {
  position: absolute;
  top: 60%;
  left: 4%;
  -webkit-animation: animationFramesOne 20s alternate infinite linear;
  animation: animationFramesOne 20s alternate infinite linear;
}

#banner-one .shape-nine {
  position: absolute;
  top: 22%;
  left: 41%;
  -webkit-animation: animationFramesOne 15s infinite linear;
  animation: animationFramesOne 15s infinite linear;
}

@keyframes lds-flickr-opacity {
  0% {
    transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    opacity: 1;
    transform: translate(80px, 0);
  }
  50% {
    opacity: 0;
    transform: translate(80px, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}

@-webkit-keyframes lds-flickr-opacity {
  0% {
    transform: translate(0 0);
    opacity: 1;
  }
  49.99% {
    opacity: 1;
    transform: translate(80px, 0);
  }
  50% {
    opacity: 0;
    transform: translate(80px, 0);
  }
  100% {
    opacity: 0;
    transform: translate(0, 0);
  }
}

@keyframes lds-flickr {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(80px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@-webkit-keyframes lds-flickr {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(80px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

.lds-css {
  margin: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  background: var(--light-color);
}

.lds-flickr {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
}

.lds-flickr div {
  position: absolute;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  top: 60px;
  left: 20px;
}

.lds-flickr div:nth-child(1) {
  background: var(--churel-primary-color);
  -webkit-animation: lds-flickr 1.5s linear infinite;
  animation: lds-flickr 1.5s linear infinite;
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}

.lds-flickr div:nth-child(2) {
  background: var(--churel-text-color);
  -webkit-animation: lds-flickr 1.5s linear infinite;
  animation: lds-flickr 1.5s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.lds-flickr div:nth-child(3) {
  background: var(--churel-primary-color);
  -webkit-animation: lds-flickr-opacity 1.5s linear infinite;
  animation: lds-flickr-opacity 1.5s linear infinite;
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}

.lds-flickr {
  width: 70px !important;
  height: 70px !important;
  transform: translate(-35px, -35px) scale(0.35) translate(35px, 35px);
}

.banner-post .thumbnail {
  height: 100%;
}

.banner-post .thumbnail img {
  width: 100%;
  max-height: 540px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}

.banner-post .content {
  position: relative;
  margin-bottom: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .banner-post .content {
    margin: 0;
    margin-top: 60px;
  }
}

@media (max-width: 768px) {
  .banner-post .content {
    margin: 0;
    margin-top: 60px;
  }
}

.banner-post .content:before {
  content: "";
  background-image: url(../images/banner-after.png);
  background-position: right bottom;
  position: absolute;
  width: 300px;
  height: 300px;
  left: -160px;
  top: -60px;
}

.banner-post .content .wrap {
  position: relative;
  z-index: 2;
}

.banner-post .content .author {
  margin: 0;
  display: flex;
  font-size: 14px;
}

.banner-post .content .author .avatar {
  display: flex;
  flex-wrap: wrap-reverse;
  margin: 0;
  padding: 0;
  list-style: none;
}

.banner-post .content .author .avatar li {
  margin-left: -5px;
}

.banner-post .content .author .avatar li img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.banner-post .content .author .name {
  padding-left: 10px;
  padding-top: 0;
}

.banner-post .content .author .name a {
  color: var(--churel-primary-color);
}

.banner-post .content .meta-info {
  margin-bottom: 10px;
  font-size: 14px;
}

.banner-post .content .meta-info span {
  margin-right: 5px;
}

.banner-post .content .meta-info span:after {
  content: "|";
  margin-left: 10px;
  opacity: 0.5;
}

.banner-post .content .meta-info span:last-child:after {
  display: none;
}

.banner-post .content .meta-info span a {
  color: var(--churel-primary-color);
}

.banner-post .content .desc h1, .banner-post .content .desc h2, .banner-post .content .desc h3 {
  margin-bottom: 30px;
}

.banner-post .content .desc p {
  margin-bottom: 30px;
}

/* ==============================================

3. Page Title Area

============================================== */

.post-title-post {
  min-height: 500px;
  height: 100%;
  animation: zoomout 3s;
  -webkit-animation: zoomout 3s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.page-title-post {
  position: relative;
  padding: 80px 100px;
  border-radius: 5px;
  text-align: center;
  background-position: center;
  background-attachment: fixed;
  height: 100%;
  animation: zoomout 5s;
  -webkit-animation: zoomout 5s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@media (min-width: 768px) and (max-width: 991px) {
  .page-title-post {
    padding: 60px;
  }
}

@media (max-width: 768px) {
  .page-title-post {
    padding: 40px;
  }
}

.page-title-post .wrap {
  position: relative;
  z-index: 5;
}

.page-title-post .meta-info {
  font-size: 14px;
}

.page-title-post .meta-info i {
  margin-right: 5px;
}

.page-title-post .author-img img {
  border: 4px solid var(--light-color);
  height: 110px;
  width: 110px;
  border-radius: 100%;
}

.page-title-post .social-link li a {
  text-align: center;
  color: var(--light-color);
  width: 40px;
  height: 40px;
  display: block;
  padding: 7px 3px;
  border-radius: 100%;
  border: 3px solid var(--light-color);
  transition: all 500ms ease;
}

.page-title-post .social-link li a:hover {
  opacity: 0.8;
}

/* ==============================================

3. Blog Area

============================================== */

.blog-post {
  position: relative;
  background: var(--churel-primary-color);
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 30px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog-post {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .blog-post {
    padding: 30px;
  }
}

.blog-post:before {
  content: "";
  background-image: url(../images/blog-after.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.4;
}

.blog-post .blog-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
}

.blog-post .feature-btn {
  float: right;
  background: rgba(0, 0, 0, 0.19);
  color: var(--light-color);
  font-size: 14px;
  padding: 2px 12px;
  border-radius: 5px;
}

.blog-post .feature-btn i {
  margin-right: 5px;
}

@media (max-width: 575px) {
  .blog-post .feature-btn {
    float: none;
    margin-bottom: 5px;
  }
}

.blog-post .author {
  display: flex;
  margin-bottom: 30px;
  font-size: 14px;
}

@media (max-width: 575px) {
  .blog-post .author {
    margin-top: 15px;
  }
}

.blog-post .author .avatar {
  display: flex;
  flex-wrap: wrap-reverse;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-post .author .avatar li img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 2px solid var(--light-color);
  -o-object-fit: cover;
  object-fit: cover;
}

.blog-post .author .name {
  padding-left: 10px;
  padding-top: 2px;
}

.blog-post h2, .blog-post h3, .blog-post h4, .blog-post h5, .blog-post h6, .blog-post p, .blog-post span {
  color: var(--light-color);
}

.blog-post h2 a, .blog-post h3 a, .blog-post h4 a, .blog-post h5 a, .blog-post h6 a, .blog-post p a, .blog-post span a {
  color: var(--light-color);
}

.blog-post .desc h3, .blog-post .desc h4, .blog-post .desc h5 {
  margin-bottom: 30px;
}

.blog-post .desc h3:after, .blog-post .desc h4:after, .blog-post .desc h5:after {
  content: "";
  width: 0%;
  height: 2px;
  background: var(--light-color);
  display: block;
  opacity: 0.5;
  transition: all 500ms ease;
}

.blog-post .desc h3:hover:after, .blog-post .desc h4:hover:after, .blog-post .desc h5:hover:after {
  width: 100%;
}

.blog-post .desc .meta-info {
  margin: 0;
  font-size: 14px;
}

.blog-post .desc .meta-info span {
  margin-right: 5px;
}

.blog-post .desc .meta-info span:after {
  content: "|";
  margin-left: 10px;
  opacity: 0.5;
}

.blog-post .desc .meta-info span:last-child:after {
  display: none;
}

.blog-post .desc .meta-info span a {
  color: var(--light-color);
}

.author-post {
  border-radius: 5px;
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.author-post .thumbnail img {
  width: 100%;
  max-width: 600px;
}

.author-post .content {
  text-align: center;
  padding: 30px 10px;
}

.author-post .content h3, .author-post .content h4, .author-post .content h5, .author-post .content h6, .author-post .content h4 a, .author-post .content h5 a, .author-post .content p, .author-post .content .social span a {
  color: var(--light-color);
}

.author-post .content h4:hover, .author-post .content h5:hover, .author-post .content h3:hover {
  text-decoration: underline;
}

.author-post .content p {
  font-size: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 25px;
  margin-bottom: 25px;
}

.author-post .content .social {
  font-size: 14px;
}

.author-post .content .social span {
  margin-right: 10px;
}

.category-post {
  border-radius: 5px;
  margin-bottom: 30px;
  position: relative;
  padding: 30px;
}

.category-post .desc h3, .category-post .desc h4, .category-post .desc h5, .category-post .desc h6, .category-post .desc h3 a, .category-post .desc h4 a, .category-post .desc h5 a, .category-post .desc h6 a, .category-post .desc p, .category-post .desc span {
  color: var(--light-color);
}

.category-post .desc h2, .category-post .desc h3, .category-post .desc h4, .category-post .desc h5, .category-post .desc p {
  margin: 0;
}

.category-post .desc .meta-info {
  margin-bottom: 15px;
  font-size: 14px;
}

.entry-title .meta-info {
  font-size: 14px;
}

.entry-title .meta-info span {
  margin-right: 5px;
}

.entry-title .meta-info span:after {
  content: "|";
  margin-left: 10px;
  opacity: 0.5;
}

.entry-title .meta-info span:last-child:after {
  display: none;
}

.entry-title .meta-info span a {
  color: var(--churel-primary-color);
  margin-right: 5px;
}

.entry-title h2, .entry-title h3, .entry-title h4 {
  margin: 15px 0;
}

.entry-title .author {
  display: flex;
  margin-bottom: 30px;
  font-size: 14px;
}

.entry-title .author .avatar {
  display: flex;
  flex-wrap: wrap-reverse;
  list-style: none;
  padding: 0;
  margin: 0;
}

.entry-title .author .avatar li img {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.entry-title .author .name {
  padding-left: 10px;
  padding-top: 2px;
}

.entry-title .author .name a {
  color: var(--churel-primary-color);
}

.tags-meta ul {
  margin: 0;
}

.tags-meta ul li a {
  display: inline-block;
  transition: all 500ms ease;
  background: var(--churel-text-color);
  color: #fff;
  padding: 3px 10px;
}

.tags-meta ul li a:hover {
  background: var(--churel-primary-color);
  color: var(--light-color);
}

@media (min-width: 768px) and (max-width: 991px) {
  .social-meta {
    text-align: left !important;
  }
}

@media (max-width: 768px) {
  .social-meta {
    text-align: left !important;
  }
}

.social-meta ul {
  position: relative;
  display: inline-block;
  margin: 0;
}

.social-meta ul:before {
  content: "";
  background-image: url(../images/social-meta-before.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 40px;
  display: block;
  position: absolute;
  right: -60px;
}

@media (max-width: 768px) {
  .social-meta ul:before {
    display: none;
  }
}

.social-meta ul li {
  margin-bottom: 5px;
}

.social-meta ul li a {
  display: inline-block;
  padding: 5px 30px;
  color: var(--light-color);
  transition: all 500ms ease;
  border-radius: 5px;
}

.social-meta ul li a:hover {
  color: var(--light-color);
}

.author-bio-slider {
  background-color: var(--grey-color);
  padding: 30px;
  border-radius: 5px;
  position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
  .author-bio-slider {
    padding: 30px;
  }
}

@media (max-width: 768px) {
  .author-bio-slider {
    padding: 30px;
  }
}

.author-bio-slider .wrap {
  position: relative;
  z-index: 5;
}

.author-bio-slider:before {
  content: "";
  background-image: url(../images/author-bio-before.png);
  background-repeat: no-repeat;
  background-position: -90px -310px;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

.author-bio-slider .author {
  width: 100%;
  display: table;
  margin-bottom: 15px;
}

.author-bio-slider .author .thumbnail {
  padding-right: 15px;
  float: left;
}

.author-bio-slider .author .thumbnail img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.author-bio-slider .author .name {
  float: left;
}

.author-bio-slider .author .name h4, .author-bio-slider .author .name h5, .author-bio-slider .author .name h6 {
  margin-bottom: 0;
}

.author-bio-slider .author .name span {
  font-size: 14px;
  display: inline-block;
}

.author-bio-slider .content p {
  font-size: 1.125rem;
  line-height: 2;
}

.author-bio-slider .content .social-link {
  font-size: 14px;
  margin-bottom: 0;
}

.author-bio-slider .content .social-link li a i {
  background: var(--churel-text-color);
  padding: 10px;
  color: var(--grey-color);
  font-size: 13px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.author-bio-slider .content .social-link li a i:hover {
  background: var(--churel-primary-color);
}

.author-bio-slider .owl-nav {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 50%;
  display: none;
  margin-top: -35px;
}

.author-bio-slider .owl-nav .owl-prev {
  float: left;
  font-size: 50px !important;
  color: var(--light-color) !important;
}

.author-bio-slider .owl-nav .owl-next {
  float: right;
  font-size: 50px !important;
  color: var(--light-color) !important;
}

@media (max-width: 768px) {
  .author-bio-slider .owl-nav {
    display: none !important;
  }
}

.author-bio-slider:hover .owl-nav {
  display: block;
}

.latest-slider .owl-nav {
  display: block;
}

.latest-slider .owl-nav .owl-prev {
  float: left;
  font-size: 50px !important;
  color: var(--churel-primary-color) !important;
  position: absolute;
  right: 30px;
  top: 0;
  margin-top: -92px;
}

.latest-slider .owl-nav .owl-next {
  float: right;
  font-size: 50px !important;
  color: var(--churel-primary-color) !important;
  position: absolute;
  margin-top: -92px;
  right: 0;
  top: 0;
}

@media (max-width: 768px) {
  .latest-slider .owl-nav {
    display: none !important;
  }
}

.latest-slider:hover .owl-nav {
  display: block;
}

.blog-variation [class*="col"]:nth-child(4n+1) .blog-post, .blog-variation [class*="col"]:nth-child(4n+1) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+1) .category-post, .blog-variation [class*="col"]:nth-child(4n+2) .blog-post, .blog-variation [class*="col"]:nth-child(4n+2) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+2) .category-post, .authors-variation [class*="col"]:nth-child(4n+1) .blog-post, .authors-variation [class*="col"]:nth-child(4n+1) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+1) .category-post, .authors-variation [class*="col"]:nth-child(4n+2) .blog-post, .authors-variation [class*="col"]:nth-child(4n+2) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+2) .category-post {
  background-color: var(--churel-primary-color);
}

.blog-variation [class*="col"]:nth-child(4n+2) .blog-post, .blog-variation [class*="col"]:nth-child(4n+2) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+2) .category-post, .blog-variation [class*="col"]:nth-child(4n+3) .blog-post, .blog-variation [class*="col"]:nth-child(4n+3) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+3) .category-post, .authors-variation [class*="col"]:nth-child(4n+2) .blog-post, .authors-variation [class*="col"]:nth-child(4n+2) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+2) .category-post, .authors-variation [class*="col"]:nth-child(4n+3) .blog-post, .authors-variation [class*="col"]:nth-child(4n+3) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+3) .category-post {
  background-color: var(--danger-color);
}

.blog-variation [class*="col"]:nth-child(4n+3) .blog-post, .blog-variation [class*="col"]:nth-child(4n+3) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+3) .category-post, .blog-variation [class*="col"]:nth-child(4n+4) .blog-post, .blog-variation [class*="col"]:nth-child(4n+4) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+4) .category-post, .authors-variation [class*="col"]:nth-child(4n+3) .blog-post, .authors-variation [class*="col"]:nth-child(4n+3) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+3) .category-post, .authors-variation [class*="col"]:nth-child(4n+4) .blog-post, .authors-variation [class*="col"]:nth-child(4n+4) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+4) .category-post {
  background-color: var(--warning-color);
}

.blog-variation [class*="col"]:nth-child(4n+4) .blog-post, .blog-variation [class*="col"]:nth-child(4n+4) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+4) .category-post, .blog-variation [class*="col"]:nth-child(4n+4) .blog-post, .blog-variation [class*="col"]:nth-child(4n+4) .author-post .content, .blog-variation [class*="col"]:nth-child(4n+4) .category-post, .authors-variation [class*="col"]:nth-child(4n+4) .blog-post, .authors-variation [class*="col"]:nth-child(4n+4) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+4) .category-post, .authors-variation [class*="col"]:nth-child(4n+4) .blog-post, .authors-variation [class*="col"]:nth-child(4n+4) .author-post .content, .authors-variation [class*="col"]:nth-child(4n+4) .category-post {
  background-color: var(--info-color);
}

.blog-variation [class*="col"]:nth-child(5n+5), .blog-variation [class*="col"]:nth-child(5n+5) {
  max-width: 100% !important;
  flex: 0 0 100% !important;
}

.loadmore-button {
  padding: 10px 30px;
  color: var(--churel-primary-color);
  background-color: transparent;
  border-radius: 5px;
  display: inline-block;
}

.loadmore-button:hover {
  color: var(--light-color);
}

/* ==============================================

3. Newsletter Area

============================================== */

.newsletter-area .thumbnail img {
  max-height: 560px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .newsletter-area .thumbnail {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  .newsletter-area .thumbnail {
    margin-bottom: 30px;
  }
}

.newsletter-form {
  box-shadow: 0 0 20px 5px rgba(62, 60, 85, 0.06);
  border-radius: 5px;
  overflow: hidden;
}

.newsletter-form input {
  border: 0;
  border-radius: 5px;
  padding: 15px 20px;
}

.newsletter-form button {
  border: 0;
  border-radius: 5px;
  background: var(--light-color);
  color: var(--churel-primary-color);
  padding: 15px 30px;
}

/* ==============================================

3. Contact Form

============================================== */

.contact-info {
  display: table;
  width: 100%;
  margin-bottom: 50px;
}

.contact-info .logo {
  height: 70px;
  width: 70px;
  display: block;
  border-radius: 100%;
  background-color: var(--churel-primary-color);
  text-align: center;
  padding: 20px 10px;
  float: left;
}

.contact-info .logo img {
  height: 30px;
}

.contact-info .content {
  display: block;
  width: 100%;
  float: left;
  padding-left: 0;
}

.contact-info .content h5 {
  margin-bottom: 10px;
}

.contact-info .content p {
  margin: 0;
}

.contact-info .content .social {
  margin: 0;
}

.contact-info .content .social span {
  margin: 0 10px;
  font-size: 14px;
}

.contact-info .content .social span a {
  color: var(--churel-text-color);
}

/* ==============================================

3. Footer Area

============================================== */

.footer-top {
  background: var(--grey-color);
  padding: 30px;
}

.footer-area {
  padding: 225px 0px 50px;
}

.footer-area p {
  color: var(--light-color);
}

.footer-area p:last-child {
  margin: 0;
}

.footer-copyright p {
  font-size: 14px;
  margin: 0;
}

.footer-copyright p a {
  color: var(--light-color);
}

@media (max-width: 768px) {
  .footer-copyright {
    text-align: left !important;
  }
}

.footer-logo {
  display: block;
  margin-bottom: 15px;
}

.footer-social {
  margin: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-social {
    float: left;
    margin-top: 15px;
  }
}

@media (max-width: 768px) {
  .footer-social {
    float: left;
    margin-top: 15px;
  }
}

.footer-social li a {
  text-align: center;
  color: var(--light-color);
  width: 40px;
  height: 40px;
  display: block;
  padding: 7px 3px;
  border-radius: 100%;
  transition: all 500ms ease;
}

.footer-social li a:hover {
  opacity: 0.8;
}

.new_footer_top {
  padding: 0 0px 270px;
  position: relative;
  overflow-x: hidden;
}

.new_footer_area .footer_bottom {
  padding-top: 5px;
  padding: 40px 0;
}

.footer_bottom {
  padding: 27px 0px;
}

.new_footer_top .company_widget p {
  margin-bottom: 20px;
}

.new_footer_top .company_widget .f_subscribe_two .btn_get {
  border-width: 1px;
  margin-top: 20px;
}

.new_footer_top .f_widget.about-widget .f_list li a {
  color: var(--churel-text-color);
}

.new_footer_top .footer_bg {
  position: absolute;
  bottom: 0;
  background: url("../images/footer_bg-2.png") no-repeat scroll center 0;
  width: 100%;
  height: 266px;
}

.new_footer_top .footer_bg .footer_bg_one {
  background: url("../images/volks.gif") no-repeat center center;
  width: 330px;
  height: 105px;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 30%;
  -webkit-animation: myfirst 22s linear infinite;
  animation: myfirst 22s linear infinite;
}

.new_footer_top .footer_bg .footer_bg_two {
  background: url("../images/cyclist.gif") no-repeat center center;
  width: 88px;
  height: 100px;
  background-size: 100%;
  bottom: 0;
  left: 38%;
  position: absolute;
  -webkit-animation: myfirst 30s linear infinite;
  animation: myfirst 30s linear infinite;
}

@-webkit-keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

@keyframes myfirst {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}

/*************footer End*****************/

#return-top {
  background: var(--light-color);
  border-radius: 100%;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 15px;
  bottom: 15px;
  color: var(--churel-text-color);
  box-shadow: 0 0 20px 5px rgba(62, 60, 85, 0.06);
  padding: 12px 4px;
  text-align: center;
}

/* Jekyll Fix */

.author .name {
  margin-top: -8px;
}

.separate:last-child {
  display: none;
}

.page-title-post .social-link li a {
  padding: 5px 11px;
}

.author-bio-slider:hover .owl-nav {
  display: none !important;
}

.wrap .name {
  margin: 0px;
}

.post-image {
  float: left;
  width: 122px;
  margin-right: 8px;
}

.post-image a {
  display: block;
}

.search-content {
  float: left;
  width: calc(100% - 130px);
}

.search-content h3 {
  margin-bottom: 3px;
}

.search-content h3 a {
  color: var(--churel-text-color);
  font-size: 20px;
  margin-top: -5px;
  display: block;
}

#gh-search-results {
  border-radius: 10px;
  margin-top: 0;
  width: 100%;
  left: 0;
}

#gh-search-results a.gh-search-item {
  display: block;
  background: var(--grey-color);
  padding: 10px 15px;
  width: 100%;
  border-bottom: 1px solid var(--light-color);
  float: left;
}

#gh-search-results h2 {
  font-size: 18px;
  color: var(--churel-text-color);
  float: left;
  width: 100%;
  margin: 0;
  text-align: left;
  line-height: 1.4;
}

#gh-search-results .link-url {
  text-align: left;
  font-size: 12px;
  color: var(--churel-primary-color);
  font-weight: 400;
}

#gh-search-text {
  padding: 14px;
  height: auto;
}

#btn-close-modal a {
  position: absolute;
  display: inline-block;
  color: var(--light-color);
  font-size: 60px;
  right: 5%;
}

#results-container li a {
  display: inline-block;
  padding: 5px 10px;
}

#results-container li a:first-child {
  padding-top: 15px;
}

button.js-load-posts.loadmore-button.buttonload.c-btn-disabled {
  display: none !important;
}

.author-bio-slider-container {
  padding: 0 100px 0;
}

@media (max-width: 800px) {
  .author-bio-slider-container {
    padding: 0 5vw;
  }
}

/* Member Form
/* ---------------------------------------------------------- */

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

.subscribe-form form {
  align-items: center;
  margin: 0 auto;
  max-width: 460px;
}

.subscribe-email {
  display: block;
  padding: 5px;
  width: 100%;
  font-weight: normal;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  border-radius: 5px;
  border: 1px solid var(--grey-color);
  padding: 10px;
}

.subscribe-email:focus {
  outline: 0;
}

.subscribe-form button {
  position: relative;
  display: block;
  margin: 10px 0 0 0px;
  outline: 0;
  color: var(--light-color);
  font-weight: 400;
  text-align: center;
  border-radius: 5px;
  -webkit-font-smoothing: subpixel-antialiased;
  width: 100%;
  background: var(--churel-primary-color);
  border: none;
  height: auto;
}

.subscribe-form .button-loader, .subscribe-form .message-success, .subscribe-form .message-error {
  display: none;
}

.subscribe-form .loading .button-content {
  visibility: hidden;
}

.subscribe-form .loading .button-loader {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  margin-left: -19px;
  transform: scale(0.7);
}

.subscribe-form .button-loader svg path, .subscribe-form .button-loader svg rect {
  fill: var(--dark-color);
}

.subscribe-form .success .message-success, .subscribe-form .invalid .message-error, .subscribe-form .error .message-error {
  color: var(--churel-primary-color);
  text-align: center;
}

.subscribe-form .success .message-success {
  display: block;
}

.subscribe-form .invalid .message-error, .subscribe-form .error .message-error {
  display: block;
}

.message-success {
  color: #4CAF50 !important;
}

@media (max-width: 500px) {
  .subscribe-form form {
    flex-direction: column;
  }
  .subscribe-form .form-group {
    flex-direction: column;
    width: 100%;
  }
  .subscribe-form button {
    margin: 10px 0 0 0;
    width: 100%;
  }
}

/* 12. Members
/* ---------------------------------------------------------- */

.member-page-content input[type="text"], .member-page-content input[type="password"], .member-page-content input[type="email"], .member-page-content input[type="tel"], .member-page-content input[type="search"], .member-page-content input[type="url"], .member-page-content select {
  height: 44px;
  background: var(--light-color);
  border-radius: 5px;
  border: none;
  border: solid 1px var(--grey-color);
  color: inherit;
  display: block;
  outline: 0;
  padding: 0 0.6em;
  text-decoration: none;
  width: 100%;
}

.member-page-content input[type="text"]:focus, .member-page-content input[type="password"]:focus, .member-page-content input[type="email"]:focus, .member-page-content input[type="tel"]:focus, .member-page-content input[type="search"]:focus, .member-page-content input[type="url"]:focus, .member-page-content select:focus, .member-page-content textarea:focus {
  border-color: var(--blue);
}

.member-page-content .button {
  display: inline-block;
  height: 44px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: 0.4s ease;
  padding: 10px 20px;
  background: var(--churel-primary-color);
  color: var(--light-color);
}

.site-signup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.signup-form {
  width: 100%;
  max-width: 500px;
  text-align: center;
}

.signup-title {
  margin: 0 0 30px;
}

.signup-form p small {
  display: inline-block;
  margin: 15px 0 0 0;
}

.signup-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.signup-box .button {
  margin-left: 10px;
}

@media (max-width: 600px) {
  .signup-box {
    flex-direction: column;
  }
  .signup-box .button {
    width: 100%;
    margin: 15px 0 0 0;
  }
}

.site-signin {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.signin-form {
  width: 100%;
  max-width: 500px;
  text-align: center;
}

.signin-title {
  margin: 0 0 30px;
}

.signin-form p small {
  display: inline-block;
  margin: 15px 0 0 0;
}

.signin-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.signin-box .button {
  margin-left: 10px;
}

@media (max-width: 600px) {
  .signin-box {
    flex-direction: column;
  }
  .signin-box .button {
    width: 100%;
    margin: 15px 0 0 0;
  }
}

.checkout-form {
  width: 100%;
  max-width: 700px;
  text-align: center;
}

.checkout-title {
  margin: 0 auto 10px;
  font-weight: 700;
  letter-spacing: -0.6px;
}

.checkout-form p {
  max-width: 500px;
  margin: 0 auto 60px;
}

.checkout-box {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.checkout-plan {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border-top: var(--churel-primary-color) 6px solid;
  text-align: left;
  border-radius: 10px;
  color: var(--churel-primary-color);
  background: #eee;
  box-shadow: 0 0 0 1px rgba(39, 44, 49, 0.03), 0 0 3px rgba(39, 44, 49, 0.05), 0 5px 22px -10px rgba(39, 44, 49, 0.12), 0 25px 30px -25px rgba(39, 44, 49, 0.05);
}

.checkout-plan+.checkout-plan {
  margin-left: 30px;
}

.checkout-plan-header {
  position: relative;
  padding: 0 0 50px;
  text-align: center;
}

.checkout-plan-header:after {
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  bottom: 25px;
  left: 30%;
  right: 30%;
  background: rgba(39, 44, 49, 0.08);
  border-radius: 2px;
}

.checkout-plan-header h3 {
  margin: 0 0 25px 0;
  font-size: 1.8rem;
  line-height: 1.15em;
  font-weight: 700;
}

.checkout-plan-header span {
  font-size: 2.6rem;
  font-weight: 300;
}

.checkout-plan-header strong {
  font-weight: 500;
}

.checkout-plan-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.checkout-plan-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.checkout-plan-content li {
  position: relative;
  margin: 0;
  padding: 0 0 15px 20px;
  line-height: 1.4em;
}

.checkout-plan-content li:before {
  display: block;
  position: absolute;
  left: 0;
  font-size: 1.6rem;
  font-weight: 600;
  color: color(var(--green) l(-5%));
  content: "✓";
}

.checkout-plan-content .button {
  margin: 20px 0 0 0;
}

@media (max-width: 740px) {
  .checkout-title {
    margin-top: 50px;
  }
  .checkout-box {
    flex-direction: column;
  }
  .checkout-plan+.checkout-plan {
    margin: 5vw 0 0 0;
  }
}

form[data-members-form] .button-loader, form[data-members-form] .message-success, form[data-members-form] .message-error {
  display: none;
}

.message-success svg, .message-error svg {
  position: relative;
  top: -1px;
  margin-right: 5px;
  height: 15px;
  width: 15px;
}

.message-success svg {
  fill: var(--light-color);
}

.message-error svg {
  fill: var(--red);
}

form[data-members-form].success .message-success, form[data-members-form].error .message-error {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
  background: var(--grey-color);
  border-radius: 0;
  width: 100%;
}

form[data-members-form].success .message-success {
  background: green;
  color: #fff !important;
}

form[data-members-form].error .message-error {
  color: red;
  background: var(--grey-color);
  box-shadow: red 0 0 0 1px;
}

form[data-members-form] .button {
  position: relative;
}

/*-- Loading --*/

/* Hide button text */

form[data-members-form].loading .button-content {
  visibility: hidden;
}

/* Show loading spinner */

form[data-members-form].loading .button-loader {
  display: inline-block;
  position: absolute;
  left: 50%;
  height: 31px;
  margin-left: -19px;
  transform: scale(0.7);
}

.button-loader svg path, .button-loader svg rect {
  fill: var(--light-color);
}

/*-- Show success message on success --*/

form[data-members-form].success .message-success {
  display: block;
}

/*-- Show error message on error --*/

form[data-members-form].error .message-error {
  display: block;
}

.site-account {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5vw;
}

.account-box {
  width: 100%;
  margin: 0 auto;
}

/* Post Upgrade CTA */

.post-upgrade-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.post-upgrade-cta-content {
  width: 100%;
  padding: 40px 30px;
  text-align: center;
  color: var(--churel-primary-color);
  background: var(--grey-color);
  border-radius: 5px;
}

.post-upgrade-cta-content h2 {
  margin: 0;
  color: var(--churel-primary-color);
  font-weight: 600;
  font-size: 2.6rem;
  letter-spacing: -0.5px;
}

.post-upgrade-cta .button, .post-upgrade-cta .button:hover {
  margin: 30px 0;
  color: var(--light-color);
  background: var(--churel-primary-color);
  box-shadow: none;
  padding: 10px 20px;
  text-decoration: none;
  display: inline-block;
  font-weight: 700;
  border-radius: 5px;
}

.post-upgrade-cta p {
  margin: 0;
}

.post-upgrade-cta a, .post-upgrade-cta a:hover {
  color: var(--churel-primary-color);
  text-decoration: underline;
  box-shadow: none !important;
}

/* Zoom Animation */

@keyframes zoomout {
  0% {
    background-size: 110%;
  }
  100% {
    background-size: 100%;
  }
}

@-webkit-keyframes zoomout {
  0% {
    -webkit-background-size: 110%;
  }
  100% {
    -webkit-background-size: 100%;
  }
}

/*---------- style-switcher -----------*/

.day-night-switch {
  left: 15px;
  position: fixed;
  bottom: 15px;
}

.theme-toggle[type=checkbox] {
  height: 0;
  width: 0;
  border: none;
  outline: 0;
  visibility: hidden;
}

.theme-toggle[type=checkbox]:checked+.theme-toggle-label {
  border-color: var(--churel-primary-color);
}

.theme-toggle[type=checkbox]:checked+.theme-toggle-label::before {
  background: var(--churel-primary-color);
  box-shadow: none;
  left: calc(100% - 2px);
  transform: translateX(-100%);
}

.theme-toggle-label {
  cursor: pointer;
  text-indent: -9999px;
  width: 32px;
  height: 20px;
  margin-bottom: 0;
  line-height: 20px;
  border: 2px solid var(--color, black);
  border-radius: 10px;
  position: relative;
}

.theme-toggle-label::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background: 0 0;
  border-radius: 100%;
  box-shadow: inset 2px 0 var(--color, black), inset 4px 0 0 1px var(--color, black);
  transition: .3s;
  transform: rotate(315deg);
}

body {
  overflow-x: hidden;
}

a, h1, h2, h3, h4, h5, h6, span, div {
  word-break: break-word;
}

.entry-content.no-padding {
  padding: 0;
}

/* 7. Single Post
/* ---------------------------------------------------------- */

.entry-content hr {
  width: 100%;
}

.entry-content {
  position: relative;
  margin: 0 auto;
  padding: 0 100px 0;
  min-height: 230px;
  font-size: 2.0rem;
  line-height: 2em;
  background: var(--dark-color);
}

@media (max-width: 1170px) {
  .entry-content {
    padding: 0 11vw;
  }
}

@media (max-width: 800px) {
  .entry-content {
    padding: 0 5vw;
  }
}

.no-image .entry-content {
  padding-top: 0;
}

.no-image .entry-content:before, .no-image .entry-content:after {
  display: none;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content p, .entry-content ul, .entry-content ol, .entry-content dl, .entry-content pre, .entry-content blockquote, .post-full-comments, .footnotes {
  margin: .5em 0 .5em 0;
  min-width: 100%;
  max-width: 100%;
}

@media (max-width: 500px) {
  .entry-content p, .entry-content ul, .entry-content ol, .entry-content dl, .entry-content pre, .post-full-comments, .footnotes {
    margin-bottom: 1.28em;
  }
}

.entry-content li {
  word-break: break-word;
}

.entry-content li p {
  margin: 0;
}

.entry-content a {
  word-break: break-word;
  box-shadow: var(--darkgrey) 0 -1px 0 inset;
  transition: all 0.2s ease-in-out;
}

.entry-content a:hover {
  text-decoration: none;
  box-shadow: var(--churel-primary-color) 0 -1px 0 inset;
}

.entry-content small {
  display: inline-block;
  line-height: 1.6em;
}

.entry-content li:first-child {
  margin-top: 0;
}

.entry-content img, .entry-content video {
  display: block;
  margin: 1.5em auto;
  max-width: 1040px;
  height: auto;
}

@media (max-width: 1040px) {
  .entry-content img, .entry-content video {
    width: 100%;
  }
}

/* Full bleed images (#full)
Super neat trick courtesy of @JoelDrapper

Usage (In Ghost edtior):

![img](/some/image.jpg#full)

*/

.entry-content img[src$="#full"] {
  max-width: none;
  width: 100vw;
}

/* Image captions

Usage (In Ghost editor):

![img](/some/image.jpg)
<small>Your image caption</small>

*/

.entry-content img+br+small {
  display: block;
  margin-top: -3em;
  margin-bottom: 1.5em;
  text-align: center;
}

/* Override third party iframe styles */

.entry-content iframe {
  margin: 0 auto !important;
}

.entry-content blockquote {
  margin: 0 0 1.5em;
  padding: 0 1.5em;
  border-left: #f4483b 3px solid;
  background: var(--grey-color);
  padding: 30px;
}

@media (max-width: 500px) {
  .entry-content blockquote {
    padding: 0 1.3em;
  }
}

.entry-content blockquote p {
  margin: 0 0 1em 0;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: italic;
}

.entry-content blockquote p:last-child {
  margin-bottom: 0;
}

.entry-content .fluid-width-video-wrapper {
  margin: 1.5em 0 3em;
}

.entry-content hr {
  margin: 2em 0;
}

.entry-content hr:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  display: block;
  margin-left: -10px;
  width: 1px;
  height: 30px;
  background: color(var(--lightgrey) l(10%));
  box-shadow: #fff 0 0 0 5px;
  transform: rotate(45deg);
}

.entry-content hr+p {
  margin-top: 1.2em;
}

.footnotes-sep {
  margin-bottom: 30px;
}

.footnotes {
  font-size: 1.5rem;
}

.footnotes p {
  margin: 0;
}

.footnote-backref {
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Some grouped styles for smaller viewports */

@media (max-width: 1170px) {
  .post-full-image {
    margin: 25px -6vw 50px;
    border-radius: 0;
  }
  .post-full-image img {
    max-width: 1170px;
  }
}

@media (max-width: 700px) {
  .post-full-image {
    margin: 25px -5vw;
  }
}

@media (max-width: 500px) {
  .post-full-meta {
    font-size: 1.2rem;
    line-height: 1.3em;
  }
  .post-full-title {
    margin-top: 0.2em;
    font-size: 3.3rem;
  }
  .post-full-image {
    margin-top: 5px;
    margin-bottom: 5vw;
  }
  .entry-content {
    padding: 0;
  }
  .entry-content:before, .entry-content:after {
    display: none;
  }
}

/* Tables */

.entry-content table {
  overflow-x: auto;
  margin: 0.5em 0 2.5em;
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  font-size: 1.6rem;
  vertical-align: top;
}

table td, table th {
  font-size: 1.2rem;
  word-break: break-word;
}

.entry-content table {
  -webkit-overflow-scrolling: touch;
  background-attachment: scroll, scroll;
  background-size: 10px 100%, 10px 100%;
  background-repeat: no-repeat;
}

.entry-content table td:first-child {
  background-size: 20px 100%;
  background-repeat: no-repeat;
}

.entry-content table td:last-child {
  background-position: 100% 0;
  background-size: 20px 100%;
  background-repeat: no-repeat;
}

.entry-content table th {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-align: left;
  text-transform: uppercase;
  background-color: color(var(--whitegrey) l(4%));
}

.entry-content table th, .entry-content table td {
  padding: 4px 10px;
  word-break: break-word;
  font-size: 16px;
  text-align: center;
}

/* 7.5. Koenig Styles
/* ---------------------------------------------------------- */

.entry-content {
  font-size: 1.125rem;
  line-height: 2;
  margin: 0 auto;
  width: 100%;
  margin-bottom: 40px;
  display: inline-block;
}

.entry-content a {
  color: var(--churel-primary-color);
}

.comments_template {
  display: block;
  margin-bottom: 30px;
}

h4.sub-title.heading-4.section-title {
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 4px dotted;
  margin-bottom: 35px;
}

.comments_template input[type=text], .comments_template input[type=email] {
  width: 100%;
  height: 46px;
  border: none;
  border-radius: 0px;
  margin-bottom: 20px;
}

 

.comments-box.m-b-40 {
  margin: auto;
  
   
 
  border-radius: 5px;
  margin-bottom: 40px;
  padding-top: 30px;
}

.comments_template select {
  height: 40px;
}

.post-comment {
  padding: 45px 40px;
}

.comments_template ul.children {
  margin-left: 0px;
  padding-left: 30px;
}

.churel-comment {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

ul.comments-list {
  margin-bottom: 30px;
  padding: 0;
}

ul.comments-list li.comment {
  border-bottom: 1px solid #d9d9d9;
  margin-bottom: 15px;
}

ul.comments-list li.comment:last-child {
  border-bottom: none;
  margin-bottom: 15px;
}

.comments_template>li, li.comment {
  list-style: none;
}

p.comment-form-cookies-consent {
  font-size: 16px;
}

input[type=checkbox], input[type=radio] {
  margin-top: 5.3px;
  float: left;
  margin-right: 5px;
}

.comments_template .author-img {
  float: left;
  width: 70px;
}

.comments_template .author-img img {
  background-color: #222323;
}

.comments_template .comment-meta {
  float: left;
  width: calc(100% - 70px);
}

.comments_template h6.author {
  margin-bottom: 10px;
}

.comments_template h6.author>a {
  margin-bottom: 2px;
}

.comments_template .date-and-edit {
  font-size: 12px;
  display: inherit;
  text-transform: uppercase;
}

.comments_template .comment-text {
  float: right;
  width: calc(100% - 70px);
  line-height: 1.8;
  font-size: 16px;
}

.comments_template span.reply-link {
  float: right;
  font-size: 14px;
}

.comments_template a.comment-reply-link {
  text-transform: uppercase;
  font-size: 12px;
}

.comments_template a.comment-reply-link:before {
  content: "\f122";
  font-family: 'Font Awesome 5 free';
  margin-right: 5px;
  font-weight: 900;
}

.comments_template span.date {
  margin-bottom: 8px;
  display: block;
}

.comments_template span.date i {
  margin-right: 5px;
  position: static;
}

.comments_template .comments_template ul.children {
  margin-left: 0px;
}

.comments_template .comment-pagination {
  display: block;
  margin-bottom: 30px;
}

.comments_template .comment-pagination .page-numbers {
  width: 34px;
  height: 34px;
  text-align: center;
  background: var(--churel-primary-color);
  display: inline-block;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 900;
  color: var(--white);
}

.comments_template .comment-pagination .page-numbers.current {
  background-color: #c1caca;
  color: #222323;
}

.comments_template .trackback, .comments_template .pingback {
  list-style: none;
}

.comments_template .trackback .comment-text, .comments_template .pingback .comment-text {
  float: none;
  width: 100%;
}

.comments_template .trackback b.fn, .comments_template .pingback b.fn {
  padding: 0px !important;
}

.comments_template .trackback .comment-content>p, .comments_template .pingback .comment-content>p {
  display: none;
}

.comments_template .comments-closed {
  margin-top: 20px;
}

.comments_template .trackback .comment-content, .comments_template .pingback .comment-content {
  margin: 0;
}

.comments_template .trackback .comment-meta, .comments_template .pingback .comment-meta {
  width: 100%;
}

/**
* ============================
*  23.0 Sidebar Area
* ============================
*/

.sidebar-widget {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.sidebar-widget select {
  width: 100% !important;
}

.sidebar-widget li.recentcomments {
  padding: 10px 0;
}

.sidebar-widget li.recentcomments a {
  font-weight: 600;
}

.sidebar-widget ul {
  padding: 0;
}

.sidebar-widget ul li {
  list-style: none;
}

.sidebar-widget li {
  border-bottom: 1px solid #e4e7ec;
}

.widget li {
  position: relative;
}

.sidebar-widget li a {
  color: #404040;
  padding: 8px 0;
  display: inline-block;
}

.sidebar-widget ul li:last-child {
  border: none;
}

.sidebar-title {
  margin-bottom: 25px;
}

h5.sidebar-title.heading-5 {
  font-weight: 600;
}

.search-form-widget {
  display: block;
}

.search-form-widget input[type="text"] {
  background-color: #f2f6fb;
  border: 0;
  padding: 10px 20px;
  border-radius: 0;
}

.search-form-widget button[type="submit"] {
  background-color: var(--churel-primary-color);
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  padding: 10px 25px;
  border: 0;
  border-radius: 0;
}

.search-form-widget button[type="submit"]:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.category-widget {
  margin: 0;
}

.category-widget li {
  border: 0;
  border-radius: 0 !important;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 1, 1, 0.01);
  margin: 0;
  position: relative;
}

.category-widget li a {
  font-size: 16px;
  line-height: 28px;
  color: #404040;
  font-weight: 400;
}

.category-widget li:hover a, .category-widget li.list-group-active a {
  color: var(--churel-primary-color);
}

.category-widget li:last-child {
  padding-bottom: 0;
  border: 0;
}

.category-widget li:first-child {
  padding-top: 0;
}

.recent-widget {
  display: block;
}

.recent-widget .recent-wrapper {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}

.recent-widget .recent-wrapper .recent-img {
  width: 85px;
  float: left;
  overflow: hidden;
}

.recent-widget .recent-wrapper .recent-img img {
  width: 100%;
  transition: all 0.5s ease-in;
}

.recent-widget .recent-wrapper .recent-img:hover img {
  transform: scale(1.1);
}

.recent-widget .recent-wrapper .recent-details {
  width: calc(100% - 85px);
  padding-left: 12px;
  float: left;
}

.recent-widget .recent-wrapper .recent-details h6 {
  font-weight: 400;
}

.recent-widget .recent-wrapper .recent-meta {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
  color: #777777;
}

.tag-widget {
  margin: 0;
}

.tag-widget li {
  margin-bottom: 10px;
}

.tag-widget li a {
  font-size: 16px;
  line-height: 30px;
  color: #404040;
  font-weight: 400;
  background-color: #f2f6fb;
  border-radius: 0;
  padding: 8px 30px;
  display: inline-block;
}

.tag-widget li a:hover {
  color: #ffffff;
  background-color: var(--churel-primary-color);
}

.sidebar-widget, .footer-widget {
  margin-bottom: 30px;
  float: left;
  width: 100%;
}

.sidebar-widget img, .footer-widget img {
  width: 100%;
}

.sidebar-widget ul.children, .footer-widget ul.children {
  margin: 0;
  border-top: 1px solid #e4e7ec;
}

.widget_rss .sidebar-title {
  margin-bottom: 15px;
  margin-top: -20px;
}

a.rsswidget {
  color: var(--churel-primary-color);
  display: inline-block;
  font-size: 18px;
  line-height: 1.4;
  margin-top: 20px;
  padding-top: 0px !important;
}

span.rss-date {
  font-size: 12px;
  display: block;
  margin-bottom: 10px;
}

.rssSummary {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 10px;
}

img.rss-widget-icon {
  width: 15px;
  height: 15px;
  margin-top: -3px;
}

.sidebar-widget cite, .footer-widget cite {
  padding-bottom: 15px;
  display: inline-block;
  font-weight: 600;
}

.sidebar-area form.search-form {
  margin-bottom: 25px;
}

.sidebar-widget ul.sub-menu, .footer-widget ul.sub-menu {
  margin: 0;
}

.sidebar-widget .sub-menu li, .footer-widget .sub-menu li {
  border-bottom: 1px solid #e4e7ec;
}

.sidebar-widget ul.sub-menu, .footer-widget ul.sub-menu {
  margin: 0;
  border-top: 1px solid #e4e7ec;
}

.sidebar-widget.widget_text, .footer-widget.widget_text {
  margin-bottom: 60px;
}

.sidebar-widget.widget_tag_cloud, .footer-widget.widget_tag_cloud {
  margin-bottom: 60px;
}

.sidebar-widget li a {
  color: #404040;
  padding: 8px 0;
  display: inline-block;
}

.page-content span.archive-count:before, .page-content span.cat-count:before {
  content: ' (';
}

.page-content span.archive-count:after, .page-content span.cat-count:after {
  content: ')';
}

.sidebar-widget span.archive-count, .sidebar-widget span.cat-count, .footer-widget span.archive-count, .footer-widget span.cat-count {
  float: right;
  width: 22px;
  background: #e7ecf3;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 11px;
  height: 22px;
}

.sidebar-widget.widget_recent_entries li {
  padding: 5px 0;
}

.sidebar-widget.widget_recent_entries li a, .footer-widget.widget_recent_entries li a {
  color: #404040;
  padding: 0;
  display: inline-block;
  line-height: 1.8;
}

span.post-date {
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.sidebar-widget li a:hover, .footer-widget li a:hover {
  color: var(--churel-primary-color);
}

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

.tagcloud a {
  font-size: 16px !important;
  padding: 8px 15px;
  float: left;
  background: #f2f6fb;
  margin: 5px;
  line-height: 30px;
  border-radius: 5px;
}

p.wp-block-tag-cloud .tag-cloud-link {
  font-size: 16px !important;
  padding: 8px 15px;
  float: left;
  background: #f2f6fb;
  margin: 5px;
  line-height: 30px;
  border-radius: 5px;
}

p.wp-block-tag-cloud .tag-cloud-link:hover {
  background: var(--churel-primary-color);
  color: #fff;
}

p.wp-block-tag-cloud {
  display: inline-block;
  width: 100%;
}

.tagcloud a:hover {
  background: var(--churel-primary-color);
  color: #fff;
}

@media (min-width: 767px) and (max-width: 991px) {
  .sidebar-widget {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .sidebar-widget {
    margin-bottom: 30px;
  }
}

#wp-calendar {
  width: 100%;
  font-size: 12px;
  font-weight: 300;
  border-collapse: separate;
  border-spacing: 8px;
  margin-left: -2px;
  border: 1px solid #e1d8d8;
  border-radius: 5px;
}

#wp-calendar table tr th {
  border: none;
}

table#wp-calendar {
  margin: 0 !important;
}

#wp-calendar caption {
  background: var(--churel-primary-color);
  text-align: center;
  font-size: 16px;
  color: white;
  font-weight: 600;
  padding: 8px;
  border-radius: 0px 0px 4px 4px;
}

#wp-calendar tbody td {
  margin-bottom: 10px;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #f4f4f4;
  padding: 6px;
}

#wp-calendar tbody td:hover {
  border-color: #e2e2e2;
}

#wp-calendar tbody td.pad {
  border: 0;
}

#wp-calendar tbody td#today {
  color: #47C2DC;
  border-color: #47C2DC;
}

#wp-calendar tfoot td#prev a, #wp-calendar tfoot td#next a {
  color: #888;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
  bottom: -9px;
  margin-bottom: 1px;
}

#wp-calendar tfoot td#prev {
  text-align: left;
}

#wp-calendar tfoot td#next {
  text-align: right;
}

#wp-calendar thead th {
  font-size: 13px;
  font-weight: 400;
  color: #888;
  text-align: center;
  padding-bottom: 10px;
  border: none;
}

#wp-calendar tbody td a, #wp-calendar tfoot td#prev a:hover, #wp-calendar tfoot td#next a:hover {
  color: #47C2DC;
}

pre.wp-block-preformatted {
  margin-top: 20px;
}

.blog-post .desc .meta-info span .fa {
  margin-right: 5px;
  font-size: 14px;
}

.widget_search button.btn {
  padding: 5px 24px;
  border-radius: 0px 4px 4px 0px !important;
}

.widget_search button.btn:hover {
  color: var(--white);
}

.posts-pagination h2.screen-reader-text {
  display: none;
}

.posts-pagination .page-numbers {
  width: 34px;
  height: 34px;
  text-align: center;
  background: var(--churel-primary-color);
  display: inline-block;
  border-radius: 50px;
  font-size: 18px;
  font-weight: 900;
  color: var(--white);
}

.posts-pagination .page-numbers.current {
  background-color: #c1caca;
  color: #222323;
}

.posts-pagination .nav-links {
  margin: auto;
}

.meta-info .fa {
  margin-right: 5px;
}
h1.site-title {
    max-width: 181px;
    float: left;
    clear: both;
}

p.site-description {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.themeix-menu.has-no-custom-logo {
    top: -70px;
    position: absolute;
    right: -8px;
}