/*!
Theme Name: Qoco
Author: WebQoda Interactive
Author URI: https://webqoda.com
Description: Qoco is a multipurpose landing pages theme for Marketing, Agencies and corporate firms.
Version: 1.0.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: qoco
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, responsive
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	/* margin: 0.67em 0; */
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* [type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
} */

[type="search"]:focus-visible {
	outline: none;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #1d293f;
	font-family: "DM Sans", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	padding: 0 1.5em;
	border-left: 5px solid #c4c4c4;
	color: #686d78;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* Elements
--------------------------------------------- */
body {
	background:#fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.qoco-button {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 17.48px;
	color: #fff;
	background-color: #4d61c4;
	border-radius: 100px;
	box-shadow: 0px 8px 20px 0px rgb(77 97 196 / 50%);
	padding: 20px 28px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.qoco-button:hover {
	color: #fff;
	background-color: #3b63fc;
}

/* Links
--------------------------------------------- */
a {
	color: #767d97;
}

a:hover,
a:focus,
a:active {
	color: #4268fb;
}

/* a:focus {
	outline: thin dotted;
} */

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

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-search__button,
.wp-block-button__link {
	display: inline-block;
	margin-bottom: 7px;
	border-radius: 3px;
	background: #4d61c4;
	color: #fff;
	line-height: 1.6;
	padding: 0.9em 1.4em;
	cursor: pointer;
	transition: 0.3s all linear;
	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-search__button:hover,
.wp-block-button__link:hover {
	background: #22223e;
	color: #fff;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #677182;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	padding: 7px 12px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #5c6574;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/**
 * Selection Color.
 */
::selection {
  color: #fff;
  background: #292e36;
  text-shadow: none;
}

::-moz-selection {
  color: #fff;
  background: #292e36;
  text-shadow: none;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.container {
  width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.container:before,
.container:after,
article:before,
article:after {
	content: " ";
	display: table;
}

.container:after,
article:after {
	clear: both;
}

[class*="qc-col-"] {
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.qc-col-1,
[data-col~="1"] {
  width: 8.33333%; }
  @media screen and (max-width: 719px) {
    .qc-col-1,
    [data-col~="1"] {
      width: 100%; } }

.qc-col-2,
[data-col~="2"] {
  width: 16.66667%; }
  @media screen and (max-width: 719px) {
    .qc-col-2,
    [data-col~="2"] {
      width: 100%; } }

.qc-col-3,
[data-col~="3"] {
  width: 25%; }
  @media screen and (max-width: 719px) {
    .qc-col-3,
    [data-col~="3"] {
      width: 100%; } }

.qc-col-4,
[data-col~="4"] {
  width: 33.33333%; }
  @media screen and (max-width: 719px) {
    .qc-col-4,
    [data-col~="4"] {
      width: 100%; } }

.qc-col-5,
[data-col~="5"] {
  width: 41.66667%; }
  @media screen and (max-width: 719px) {
    .qc-col-5,
    [data-col~="5"] {
      width: 100%; } }

.qc-col-6,
[data-col~="6"] {
  width: 50%; }
  @media screen and (max-width: 719px) {
    .qc-col-6,
    [data-col~="6"] {
      width: 100%; } }

.qc-col-7,
[data-col~="7"] {
  width: 58.33333%; }
  @media screen and (max-width: 719px) {
    .qc-col-7,
    [data-col~="7"] {
      width: 100%; } }

.qc-col-8,
[data-col~="8"] {
  width: 66.66667%; }
  @media screen and (max-width: 719px) {
    .qc-col-8,
    [data-col~="8"] {
      width: 100%; } }

.qc-col-9,
[data-col~="9"] {
  width: 75%; }
  @media screen and (max-width: 719px) {
    .qc-col-9,
    [data-col~="9"] {
      width: 100%; } }

.qc-col-10,
[data-col~="10"] {
  width: 83.33333%; }
  @media screen and (max-width: 719px) {
    .qc-col-10,
    [data-col~="10"] {
      width: 100%; } }

.qc-col-11,
[data-col~="11"] {
  width: 91.66667%; }
  @media screen and (max-width: 719px) {
    .qc-col-11,
    [data-col~="11"] {
      width: 100%; } }

.qc-col-12,
[data-col~="12"] {
  width: 100%; }
  @media screen and (max-width: 719px) {
    .qc-col-12,
    [data-col~="12"] {
      width: 100%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-1,
  [data-col-small~="1"] {
    width: 8.33333%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-1,
  [data-col-retina~="1"] {
    width: 8.33333%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-1,
  [data-col-medium~="1"] {
    width: 8.33333%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-1,
  [data-col-large~="1"] {
    width: 8.33333%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-1,
  [data-col-huge~="1"] {
    width: 8.33333%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-2,
  [data-col-small~="2"] {
    width: 16.66667%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-2,
  [data-col-retina~="2"] {
    width: 16.66667%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-2,
  [data-col-medium~="2"] {
    width: 16.66667%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-2,
  [data-col-large~="2"] {
    width: 16.66667%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-2,
  [data-col-huge~="2"] {
    width: 16.66667%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-3,
  [data-col-small~="3"] {
    width: 25%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-3,
  [data-col-retina~="3"] {
    width: 25%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-3,
  [data-col-medium~="3"] {
    width: 25%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-3,
  [data-col-large~="3"] {
    width: 25%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-3,
  [data-col-huge~="3"] {
    width: 25%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-4,
  [data-col-small~="4"] {
    width: 33.33333%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-4,
  [data-col-retina~="4"] {
    width: 33.33333%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-4,
  [data-col-medium~="4"] {
    width: 33.33333%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-4,
  [data-col-large~="4"] {
    width: 33.33333%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-4,
  [data-col-huge~="4"] {
    width: 33.33333%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-5,
  [data-col-small~="5"] {
    width: 41.66667%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-5,
  [data-col-retina~="5"] {
    width: 41.66667%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-5,
  [data-col-medium~="5"] {
    width: 41.66667%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-5,
  [data-col-large~="5"] {
    width: 41.66667%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-5,
  [data-col-huge~="5"] {
    width: 41.66667%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-6,
  [data-col-small~="6"] {
    width: 50%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-6,
  [data-col-retina~="6"] {
    width: 50%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-6,
  [data-col-medium~="6"] {
    width: 50%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-6,
  [data-col-large~="6"] {
    width: 50%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-6,
  [data-col-huge~="6"] {
    width: 50%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-7,
  [data-col-small~="7"] {
    width: 58.33333%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-7,
  [data-col-retina~="7"] {
    width: 58.33333%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-7,
  [data-col-medium~="7"] {
    width: 58.33333%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-7,
  [data-col-large~="7"] {
    width: 58.33333%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-7,
  [data-col-huge~="7"] {
    width: 58.33333%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-8,
  [data-col-small~="8"] {
    width: 66.66667%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-8,
  [data-col-retina~="8"] {
    width: 66.66667%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-8,
  [data-col-medium~="8"] {
    width: 66.66667%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-8,
  [data-col-large~="8"] {
    width: 66.66667%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-8,
  [data-col-huge~="8"] {
    width: 66.66667%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-9,
  [data-col-small~="9"] {
    width: 75%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-9,
  [data-col-retina~="9"] {
    width: 75%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-9,
  [data-col-medium~="9"] {
    width: 75%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-9,
  [data-col-large~="9"] {
    width: 75%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-9,
  [data-col-huge~="9"] {
    width: 75%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-10,
  [data-col-small~="10"] {
    width: 83.33333%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-10,
  [data-col-retina~="10"] {
    width: 83.33333%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-10,
  [data-col-medium~="10"] {
    width: 83.33333%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-10,
  [data-col-large~="10"] {
    width: 83.33333%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-10,
  [data-col-huge~="10"] {
    width: 83.33333%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-11,
  [data-col-small~="11"] {
    width: 91.66667%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-11,
  [data-col-retina~="11"] {
    width: 91.66667%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-11,
  [data-col-medium~="11"] {
    width: 91.66667%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-11,
  [data-col-large~="11"] {
    width: 91.66667%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-11,
  [data-col-huge~="11"] {
    width: 91.66667%; } }

@media screen and (max-width: 719px) {
  .qc-col-small-12,
  [data-col-small~="12"] {
    width: 100%; } }

@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 192), (-o-min-device-pixel-ratio: 192/1), (min-resolution: 192dppx) {
  .qc-col-retina-12,
  [data-col-retina~="12"] {
    width: 100%; } }

@media screen and (min-width: 720px) and (max-width: 1023px) {
  .qc-col-medium-12,
  [data-col-medium~="12"] {
    width: 100%; } }

@media screen and (min-width: 1024px) {
  .qc-col-large-12,
  [data-col-large~="12"] {
    width: 100%; } }

@media screen and (min-width: 1200px) {
  .qc-col-huge-12,
  [data-col-huge~="12"] {
    width: 100%; } }
@media screen and (max-width: 1200px) {
	.container {
		width: auto;
	}
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.header-style-1 .main-navigation {
	width: auto;
}

.main-menu > ul,
.main-navigation > ul,
#menu-landing-page-menu,
#menu-landing-page-menu > ul {
	margin: 0;
	-js-display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	margin-left: auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  justify-content: flex-end;
}

.main-navigation ul,
#menu-landing-page-menu,
#menu-landing-page-menu ul {
	list-style: none;
	-webkit-transition: all 300ms ease-in;
	transition: all 300ms ease-in;
	margin-left: auto;
}

.main-navigation ul ul,
#menu-landing-page-menu ul {
	visibility: hidden;
	opacity: 0;
	padding: 25px 40px;
	background-color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99999;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
  box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
	-webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.main-navigation ul ul li,
.main-navigation ul ul li.menu-item-has-children,
.main-navigation ul ul li.page_item_has_children,
#menu-landing-page-menu ul li {
	margin-right: 0
}

.main-navigation ul ul li a,
#menu-landing-page-menu ul li a {
	width: 230px;
	padding: 7px 0;
	font-size: 16px;
	color: #6f6f6f;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul,
#menu-landing-page-menu li:hover > ul {
	visibility: visible;
	opacity: 1;
}

.main-navigation ul ul.children ul,
#menu-landing-page-menu ul.sub-menu ul {
	left: 100%;
	top: 0;
	-webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.main-navigation ul li > ul li > ul,
#menu-landing-page-menu ul li > ul li > ul {
	left: 100%;
	top: 0;
	margin-left: 10px;
}

.main-navigation ul li > ul li:hover > ul,
#menu-landing-page-menu ul li > ul li:hover > ul {
	visibility: visible;
	opacity: 1;
}

.main-navigation li,
#menu-landing-page-menu li {
	position: relative;
}

.main-navigation a,
#menu-landing-page-menu li a {
	display: block;
	text-decoration: none;
	padding: 15px;
	line-height: 1.4em;
	font-size: 18px;
	color: #26315e;
}

.main-navigation a:hover,
#menu-landing-page-menu a:hover {
	color: #4d61c4;
}

.main-navigation ul li.menu-item-has-children,
.main-navigation ul li.page_item_has_children,
#menu-landing-page-menu li.menu-item-has-children {
	margin-right: 13px
}

.main-navigation ul li.menu-item-has-children a:after,
.main-navigation ul li.page_item_has_children a:after,
#menu-landing-page-menu li.menu-item-has-children a:after,
#menu-landing-page-menu li.page_item_has_children a:after {
	font-family: "Font Awesome 5 Free";
}

.main-navigation ul li.menu-item-has-children > a:after,
.main-navigation ul li.page_item_has_children > a:after,
#menu-landing-page-menu li.menu-item-has-children > a:after {
	width: 12px;
	height: 12px;
	display: block;
	content:"\f107";
	font-size: 13px;
	line-height: 1;
  font-weight: 600;
  font-style: normal;
	position: absolute;
	right: -7px;
	top: 22px;
}

.main-navigation ul li.menu-item-has-children > ul li.menu-item-has-children > a:after,
.main-navigation ul li.menu-item-has-children > ul li.page_item_has_children > a:after,
.main-navigation ul li.page_item_has_children > ul li.page_item_has_children > a:after,
.main-navigation ul li.page_item_has_children > ul li.menu-item-has-children > a:after {
	content:"\f105";
	top: 11px;
	right: -11px;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

}

.header-style-3 #site-navigation {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.qoco-page-title {
	text-align: center;
}

.qoco-page-title h1 {
	font-size: 40px;
  font-weight: 600;
	text-align: center;
	margin-top: 40px;
}

.qoco-page-title h3 {
	font-size: 15px
}

.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 20px 0 0;
}

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

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

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

.qoco-mobile-logo {
	margin-top: 10px;
}

@media screen and (max-width: 800px) {
	.hide-on-mobile {
		display: none;
	}
}

@media screen and (min-width: 800px) {
	.qoco-mobile-logo {
		display: none;
	}
}

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

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

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

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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

.wpb-posts-nav {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
  padding-bottom: 50px;
  border-bottom: 1px solid #f5f2f2;
}

.wpb-posts-nav .prev-post-title h4,
.wpb-posts-nav .next-post-title h4 {
	margin-top: 12px;
	font-size: 19px;
}

.wpb-posts-nav .prev-post,
.wpb-posts-nav .next-post {
	max-width: 48%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.wpb-posts-nav .prev-post-title,
.wpb-posts-nav .next-post-title {
	margin-left: 20px;
}

.wpb-posts-nav .prev-post-title .post-categories a,
.wpb-posts-nav .next-post-title .post-categories a {
	display: inline-block;
	margin-top: 10px;
}

.wpb-posts-nav .prev-post-thumb,
.wpb-posts-nav .next-post-thumb {
	position: relative;
}

.wpb-posts-nav .next-post-title {
	text-align: right;
	margin-right: 20px;
}

.wpb-posts-nav .prev-post-thumb svg,
.wpb-posts-nav .next-post-thumb svg {
	position: absolute;
	top: 50%;
	margin-top: -12px;
}

.wpb-posts-nav .prev-post-thumb svg {
	left: -32px;
}

.wpb-posts-nav .next-post-thumb svg {
	right: -31px;
}

/*----- General CSS -----*/
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 500;
	color: #1d293f;
	font-family: 'DM Sans', sans-serif;
}
body {
	font-family: 'DM Sans', sans-serif;
}
h1 {
	font-size: 2.15em;
}
h2 {
	font-size: 2.1em;
}
h3 {
	font-size: 1.87em;
}
h4 {
	font-size: 1.62em;
}
p {
	line-height: 1.7em;
}
.qc-container {
	margin: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.wp-block-latest-comments .avatar,
.wp-block-latest-comments__comment-avatar {
	position: relative;
	top: 20px;
	left: 20px;
}

@media (min-width:760px) {
	.qc-container {
		max-width: 1240px;
		margin: 0 auto;
	}
}

@media (max-width:600px) {
	h1 {
		font-size: 2em;
	}
	h2 {
		font-size: 1.85em;
	}
	h3 {
		font-size: 1.65em;
	}
	h4 {
		font-size: 1.5em;
	}
	p {
		font-size: 0.96em;
	}
}

/*----- Table CSS -----*/
table {
	background-color: transparent;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
}
table th,
table td {
	padding: 15px;
	line-height: 1.5;
	vertical-align: top;
	border: 1px solid #cccccc;
}
table th {
	font-weight: bold;
}
table thead th,
table tfoot th {
	font-size: 1em;
}
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
	border-top: 1px solid #cccccc;
}
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
	background-color: #f7f7f7;
}
table tbody + tbody {
	border-top: 2px solid #cccccc;
}
@media (max-width: 767px) {
	table table {
		font-size: 0.8em;
	}
	table table th,
	table table td {
		padding: 7px;
		line-height: 1.3;
	}
	table table th {
	  	font-weight: 400;
	}
}

/*----- Header CSS -----*/
.site-title a,
.site-title a:focus,
.site-title a:hover,
.site-title a:visited {
	color: #222;
}

.site-branding,
.site-branding {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.site-branding .custom-logo-link {
	margin-right: 20px;
}

.header-style-1 .site-title {
	margin-right: 20px;
}

.site-tagline {
	position: relative;
	padding-left: 25px;
	font-size: 17px;
	font-weight: 400;
	color: #767D97;
}

.site-tagline:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -25px;
	height: 75px;
	width: 2px;
	background-color: #f5f2f2;
}

header.site-header {
	background:#fff;
	padding: 20px 0;
}

@media only screen and (max-width:800px) {
	header.site-header {
		padding-top: 0;
	}
}

.qc-header {
	position: relative;
	display: -ms-flexbox; display:
	-webkit-flex; display: flex;
	align-items: center;
	justify-content: space-between;
}

.transparent-header {
  position: absolute;
  padding-top: 20px;
  width: 100%;
  z-index: 9
}

header.site-header .nav-menu .menu-item-has-children .sub-menu {
	background: #fff;
	box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);
	flex-direction: column;
}

header.site-header .nav-menu .menu-item-has-children li a {
	padding: 10px 15px;
}

header.site-header .nav-menu .menu-item-has-children .sub-menu .menu-item-has-children .sub-menu {
	opacity: 0;
}

header.site-header .nav-menu .menu-item-has-children .sub-menu .menu-item-has-children:hover .sub-menu {
	left: 200px;
	opacity: 1;
	right: auto;
	top:-2px;
}

header.site-header button.menu-toggle {
	margin-left: auto;
}

header.site-header .main-navigation .mobile-menu-toggle-icon > span:last-child,
header.site-header .main-navigation.toggled .mobile-menu-toggle-icon > span:first-child {
	display: none;
}

header.site-header .main-navigation.toggled .mobile-menu-toggle-icon > span:last-child {
	display: block;
}

/* Header styles CSS */
.header-1-cta,
.header-2-cta,
.header-3-cta,
.header-4-cta {
	margin: 0;
	list-style: none;
	text-align: right;
}

.header-1-cta a,
.header-2-cta a,
.header-3-cta a {
  text-decoration: none;
  padding: 15px;
  line-height: 1.4em;
  font-size: 18px;
  color: #26315e;
}

.qoco-cta-icon {
	font-size: 15px;
}

.qoco-cta-icon-left {
	margin-right: 7px;
}

.qoco-cta-icon-right {
	margin-left: 14px;
}

.header-style-2 .main-navigation ul {
	margin-right: auto;
	-webkit-justify-content: flex-start;
  -moz-box-pack: flex-start;
  justify-content: flex-start;
}

.header-style-2 .main-navigation,
.header-style-3 .main-navigation {
	width: 78%;
}

.header-style-4 .main-navigation {
	width: auto;
}

.header-1-cta,
.header-2-cta {
	text-align: right;
}

.header-style-3 .header-3-cta {
	width: 16%;
	text-align: right;
}

.header-4-cta {
	text-align: right;
	font-size: 17px;
}

.header-style-4 .qc-header {
	justify-content: space-between;
}

@media screen and (max-width: 800px) {
	.header-1-cta,
	.header-2-cta,
	.header-3-cta,
	.header-4-cta {
		display: none;
	}
}

@media screen and (max-width: 726px) {
	.header-style-1 .site-branding,
	.header-style-2 .site-branding {
		width: 90%;
	}
}

@media (max-width:800px) {
	.menu-toggle {
		display: block;
	}

	.main-navigation ul {
		display: none;
	}

	header.site-header .menu-all-pages-container {
		position: absolute;
		background: #f9f9f9;
		width: 95%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	header.site-header .menu-all-pages-container ul {
		box-shadow: 0px 1px 22px rgb(0 0 0 / 10%);
	}

	header.site-header .menu-all-pages-container ul li {
		margin: 0;
	}

	header.site-header .menu-all-pages-container ul li a {
		padding: 15px 20px;
	}

	header.site-header .menu-toggle {
		background:transparent;
		color: #0170b9;
		padding: 10px;
		border: none;
	}
}

/*----- Footer CSS -----*/
#footer {
	background: #fff;
	padding-bottom: 20px;
	color: #1d293f;
}

#footer-widgets {
	padding-top: 60px;
	border-top: 1px solid #eaeaea
}

#footer .site-info {
	text-align: center;
}

#footer h4 {
	margin-bottom: 20px;
	color: #1d293f;
	font-size: 20px;
  	font-weight: 500;
}

#footer ul {
	margin: 0;
	padding: 0;
}

#footer ul li {
	list-style: none;
}

#footer ul li:not(:last-child) {
	padding-bottom: 7px;
}

#footer a,
#footer ul li a {
	color: #767D97;
}

#footer ul li a:hover {
	color:#4268FB
}

#footer .footer-box {
	padding-left: 15px;
	padding-right: 15px;
}

#footer .social-links {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#footer .social-links li {
	margin-right: 20px;
}

#footer .social-links li .social-icon {
	font-size: 18px;
	color: #fff;
	width: 35px;
	height: 35px;
	display: inline-block;
	border-radius: 100%;
	background-color: #bbbfd0;
	text-align: center;
	line-height: 35px;
	-webkit-transition: all .3s;
	 -o-transition: all .3s;
	 transition: all .3s;
}

.footer-bottom-content {
	border-top: 1px solid #eaeaea;
	padding-top: 25px;
}

#footer .footer-menu {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#footer .footer-menu li {
	margin-right: 30px;
}

#footer .btm-1-column {
	justify-content: center;
}

#footer .btm-2-column {
	justify-content: space-between;
	padding: 0 15px;
}

@media (max-width:460px) {
	#footer .footer-bottom .footer-menu {
		display: none;
	}
}

/*----- Page CSS -----*/
.qc-site-content h1.page-title {
	margin-bottom: 10px;
}

/*----- blog CSS -----*/
.qoco-posts-archive #primary, .archive #primary {
	margin-top: 70px;
}

.entry-content {
	word-wrap: break-word;
	color: #536380;
}

#primary,
#secondary {
	margin:4em 0;
	width: 100%;
}

.qc-site-content .qc-container {
	display: flex;
	flex-wrap: wrap;
}

.qc-site-content article {
	transition: 0.3s all linear;
}

.qc-site-content article .post-thumbnail {
	display: block;
	margin-bottom: 30px;
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.qc-site-content article .post-thumbnail img {
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
}

.qc-site-content article .post-thumbnail:hover img {
	transform: scale(1.1);
}

.qc-site-content h2.entry-title a {
	color:#1d293f;
}

.qc-site-content .qc-container.qoco-left-sidebar {
	flex-direction: row-reverse;
}

.qc-site-content .qc-container.qoco-left-sidebar #secondary {
	padding-left: 0;
}

.qc-site-content .qc-container.qoco-left-sidebar #primary {
	padding-left: 40px;
}

.widget-area ol {
	margin-left: 19px;
}

#primary {
	flex-grow: 1;
}

@media (min-width:900px) {
	#primary {
		width:70%;
	}
	#secondary {
		width: 30%;
		padding-left: 40px;
	}
	.qoco-no-sidebar #primary {
		width: 900px;
		margin: 70px auto 0;
	}
}

@media (max-width:900px) {
	#primary,
	#secondary {
		margin: 2em 0;
	}
	#primary {
		margin-bottom: 0;
	}
}

@media (max-width:600px) {
	.qc-site-content article {
		padding: 15px;
	}
}

article.post {
	padding-bottom: 35px;
	margin-bottom: 65px;
	border: 1px solid #eaeaea;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

article.post:hover {
	-webkit-box-shadow: 3px 4px 15px 0px rgb(137,133,133,0.2);
	-moz-box-shadow: 3px 4px 15px 0px rgb(137,133,133,0.2);
	box-shadow: 3px 4px 15px 0px rgb(137,133,133,0.2);
}

.entry-header .entry-title {
	display: block;
	margin-bottom: 17px;
	font-size: 30px;
	font-weight: 700;
}

article.post .entry-title a {
	transition: 0.3s all linear;
}

article.post .entry-title a:hover {
	color: #4d61c4;
}

.qoco-blog-pages article.post .post-thumbnail {
	margin-bottom: 0;
}

.qoco-blog-pages article.post .entry-header {
	margin-top: 30px;
}

.qoco-blog-pages article.post .entry-header,
.qoco-blog-pages article.post .entry-content {
	padding: 0 30px;
}

.entry-meta,
.entry-meta a {
	color: #4D61C4;
}

.entry-post-categories {
	text-align: center;
}

.entry-meta .post-categories {
	display: inline-block;
	margin-bottom: 7px;
}

.entry-meta .post-categories a {
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.qoco-posts-archive .post-meta-sep {
	position: relative;
	margin: 0 22px 0 15px;
}

.qoco-posts-archive .post-meta-sep:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 9px;
	width: 4px;
	height: 4px;
	background-color: #8B8893;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.qoco-posts-archive .entry-content {
	margin-top: 0px;
	text-align: center;
}

.qoco-posts-archive .entry-header .entry-title {
	margin-bottom: 9px;
	text-align: center;
}

.entry-content .entry-content-meta {
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #8B8893;
	margin-top: 12px;
}

.entry-content .post-author-link a {
	position: relative;
	color: #767D97;
}

.entry-content .post-author-link a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background-color: #767D97;
}

/*----- Single CSS -----*/
.single-post-thumbnail {
	text-align: center;
}

.qoco-blog-pages .page-header,
.qoco-blog-pages .entry-header {
	position: relative;
	margin-top: 10px;
	width: 100%;
}

.qoco-blog-pages .page-header h1,
.qoco-blog-pages .entry-header h1 {
	position: relative;
	width: 550px;
	margin: 0 auto;
	text-align: center;
}

.qoco-blog-pages .page-header h1:after,
.qoco-blog-pages .entry-header h1:after {
	content: '';
	width: 412px;
	height: 1px;
	display: block;
	background-color: #eee;
	margin: 22px auto 26px;
}

.single .entry-header h1 {
	font-size: 36px;
	line-height: 1.2em;
}

.single h2 {
	margin-bottom: 15px;
}

.single .entry-meta {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 412px;
	margin: 0 auto 30px;
}

.single .entry-meta .author {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.single .entry-meta .author img {
	margin-right: 10px;
}

.single .entry-meta .author,
.single .entry-meta .post-categories {
	margin-right: 18px;
}

/*----- Pagination -----*/
ul.page-numbers {
    display: inline-block;
    width: 100%;
    margin: 0 0 20px;
    padding: 10px 0 0;
    list-style: none;
    text-align: center;
    clear: both;
}

ul.page-numbers li {
    display: inline-block;
    line-height: 50px;
}

.page-links>span:not(.page-links-title), 
.page-numbers a, 
.page-numbers li>span:not(.elementor-screen-only), 
a.post-page-numbers>span {
    position: relative;
    display: inline-block;
    min-width: 34px;
    font-size: 13px;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    color: #1D293F;
    border: 1px solid #EAEDF9;
    cursor: pointer;
    margin: 0 8px 0 0;
    white-space: nowrap;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.page-links a:hover span, .page-links>span:not(.page-links-title), 
.page-numbers a:hover, .page-numbers li span.current, 
.page-numbers.current, .page-numbers.current:hover {
    background-color: #EAEDF9;
    color: #1D293F;
    border-color: #EAEDF9;
}

/*----- Sidebar CSS -----*/
#secondary section.widget {
	margin-bottom: 15px;
	border-bottom: 1px solid #f5f2f2;
	padding-top: 25px;
  padding-bottom: 25px;
}

#secondary section.widget_search {
	border-bottom: none;
}

#secondary .widget_search form {
	position: relative;
}

.wp-block-search__label {
	display: none;
}

#secondary .widget_search form input[type="search"] {
	width: 100%;
	padding: 13px 20px 13px 60px;
	border: 1px solid #D9D9D9;
}

#secondary .widget_search form:before {
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -14px;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	background: url('assets/images/search-icon.svg') no-repeat;
	z-index: 20;
}

#secondary .widget_search input[type="search"]::placeholder {
  color: #677182;
}

#secondary .widget_search form.wp-block-search {
	z-index: 5
}

#secondary .widget_search #wp-block-search__input-1:focus {
	z-index: 10
}

#secondary .widget_search form .search-submit {
	padding: 14px 15px;
	position: absolute;
	right: 0;
	cursor: pointer;
}

#secondary .widget h2 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 20px;
}

#secondary .widget ul {
	list-style: none;
	margin: 0;
}

#secondary .widget ul li {
	margin-bottom:7px;
}

#secondary .widget,
#secondary .widget ul li {
	color: #838B99;
}

#secondary .widget a,
#secondary .widget ul li a {
	color: #1D293F
}

#secondary .wp-block-search__inside-wrapper button[type="submit"] {
	display: none;
}

#secondary .wp-block-latest-comments {
	margin: 0;
	padding: 0
}

#secondary .wp-block-latest-comments li {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	line-height: 29px;
}

/*----- Comments CSS -----*/
#comments {
	margin-top: 40px;
}

.comments-title {
	margin-bottom: 10px;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

#respond {
	margin-top: 50px;
	padding-top: 40px;
	border-top: 1px solid #f5f2f2;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list ol.children {
	list-style: none;
	margin-left: 40px;
}

.comment-list li article,
.comment-list ol.children li article,
.comment-list li {
	margin-bottom: 20px;
}

.qc-comment .qc-comment__body .qc-flex {
	display: flex;
	align-items: center;
}

.qc-comment .qc-edit-reply {
	display: flex;
	justify-content: space-between;
}

.qc-comment .avatar {
	border-radius:50%;
	margin-right: 15px;
}

.qc-comment .qc-comment__content  {
	margin-top: 30px;
}

#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="phone"],
#commentform input[type="url"],
#commentform textarea {
	border: 1px solid #e2e2e2;
	width: 600px;
}

#commentform label {
	display: block;
}

#reply-title {
	position: relative;
}

#reply-title #cancel-comment-reply-link {
	position: absolute;
	top: 6px;
	margin-left: 15px;
	font-size: 12px;
	padding: 4px 15px;
	border: 2px solid #e3e3e3;
	color:#455269;
}

.comment-form-cookies-consent {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.comment-form-cookies-consent input#wp-comment-cookies-consent {
	margin-right: 10px
}

/*----- Responsive CSS -----*/
@media (max-width:600px) {
	/*----- General CSS -----*/
	.qc-container {
		padding: 0 10px;
	}

	/*----- Header CSS -----*/
	.qc-header {
		grid-column-gap: 10px;
	}
}

@media (max-width:800px) {
	/*----- Header CSS -----*/
	.qc-header {
		background: #fff;
	}
}

@media (max-width:1190px) {
	.header-cta-btn {
		display: none;
	}
}

@media (max-width:1060px) {
	.site-tagline {
		display: none
	}
}

/*----- 404 page CSS -----*/
.error-404 {
	margin-top: 216px;
}

.not-found-heading {
	color: #1d293f;
	font-size: 158px;
	font-weight: 600;
	line-height: 1em;
}

.not-found-desc {
	color: #1d293f;
	font-size: 40px;
  font-weight: 600;
  line-height: 1.2em;
}

.back-to-home-wrap {
	margin-top: 35px;
}

.report-issue-btn {
	margin-left: 56px;
	color: #4d61c4
}

.back-to-home-wrap .qoco-icon {
	margin-right: 12px;
}

@media (min-width:726px)  {
	.error-404 {
		margin-bottom: 216px;
	}
}

@media (max-width:726px)  {
	.error-404 {
		text-align: center;
	}

	.report-issue-btn {
		display: block;
		margin-left: 0;
		margin-top: 20px;
		margin-bottom: 50px;
	}
}

#secondary .rpwe-clearfix {
	clear: both;
}

#secondary .rpwe-block h3 {
	font-size: 18px !important
}

#secondary .rpwe-time {
	color: #838B99;
	font-size: 13px;
	margin-right: 10px;
}

#secondary .rpwe-comment{
	color: #bbb;
	font-size: 13px;
	padding-left: 5px;
}

#secondary .rpwe-block li {
	border: none !important
}

#secondary .rpwe-thumb {
	border: none !important
}