/*!
Theme Name: cloud
Theme URI: https://demoone.dotbricks.net/
Author URL: http://www.racknap.com/

Description: Cloud is a feature-rich Foundation 6 theme that is perfect for your business or personal sites. It has multiple ways to present the featured content. Cloud has built-in supports for many popular plugins.

Author: Racknap Team

Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: two-columns, three-columns, grid-layout, custom-background, custom-logo, threaded-comments, sticky-post, custom-menu, full-width-template, post-formats, theme-options, left-sidebar, right-sidebar, featured-images, footer-widgets, translation-ready

Text Domain: cloud

Cloud WordPress Theme, Copyright (C) 2018 Racknap
------------------------------------------------------------------ */
/********************************************
 * General
 ********************************************/
 
@import url('css/custom.css');
@import url('css/style.css');
@import url('css/responsive.css');
object, embed, iframe {
	max-width: 100%;
}
audio, canvas, video {
	display: inline-block;
	max-width: 100%;
}
figure {
	display: block;
	margin: 0;
}
figcaption {
	margin-top: 0.5rem;
	color: #808080;
	font-size: 0.875rem;
}
figcaption a {
	color: #808080;
}
body {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color: #2a2a2a;
}
pre {
	padding-bottom: 1.25rem;
	overflow: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: inherit;
	margin-bottom: 0.75rem;
}
blockquote {
	margin: 0 0 1.5rem;
	padding: 1.0rem 1.5rem 0.125rem;
	border-left: 5px solid #1b7ca8;
}
blockquote p {
	color: #444444;
	font-size: 110%;
}
/********************************************
 * WordPress Class
 ********************************************/
.wp-caption {
	margin-bottom: 1rem;
	max-width: 100%;
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.5rem;
	color: #888;
	font-size: 0.9rem;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1rem;
	margin-bottom: 1rem;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 1rem auto;
}
.gallery .gallery-caption {
	margin: 0 0 1rem;
	font-size: 0.8rem;
}
.gallery dl {
	margin: 0;
}
.format-gallery .entry-content {
	clear: both;
}
.bypostauthor {
	display: inline-block;
}
.screen-reader-text {
	position: absolute;
	top: -9999rem;
	left: -9999rem;
}
img#wpstats {
	display: none;
}
/********************************************
 * Site
 ********************************************/
body {
	background: #FFFFFF;
}
body.shrunk-header {
	padding-top: 42px;
}
table thead, table tbody, table tfoot {
	color: #2a2a2a;
	border: 1px solid #f2f2f2;
	background: none;
}
table thead, table tfoot {
	background-color: #f7f7f7;
}
table tbody tr:nth-child(even) {
 background-color: #f7f7f7;
}
.list-fa {
	list-style: none;
}
.list-fa > li::before {
 font-family: 'FontAwesome';
 margin-right: 1.5rem;
}
.site {
	background: none;
}
.site-main {
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: #FFFFFF;
}
.site-main.clearfix {
	margin-top: 0;
	margin-bottom: 0;
}
.page-header {
	padding: 2rem 0 1rem;
	background-color: #f5f6fa;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
}
/********************************************
 * Navigation
 ********************************************/
.navigation {
	padding: 0.8rem 0;
	margin-bottom: 1rem;
}
.navigation::before, .navigation::after {
 content: ' ';
 display: table;
}
.navigation::after {
 clear: both;
}
.navigation .nav-previous {
	display: inline-block;
	width: 50%;
	float: left;
}
.navigation .nav-previous a::before {
 font-family: "FontAwesome";
 content: '\f053';
 margin-right: 0.5rem;
}
.navigation .nav-next {
	display: inline-block;
	width: 50%;
	text-align: right;
	float: right;
}
.navigation .nav-next a::after {
 font-family: "FontAwesome";
 content: '\f054';
 margin-left: 0.5rem;
}
.page-link {
	clear: both;
	display: block;
	margin: 1rem 0;
	padding-top: 1rem;
	text-align: center;
	border-top: 1px solid #f2f2f2;
}
.page-link .page-link-number {
	font-weight: normal;
	padding: 0.375rem 0.5rem;
	border: 1px solid #f2f2f2;
}
.page-link > .page-link-number {
	background: #f2f2f2;
}
.page-link a:hover {
	color: #F38630;
}
.page-link a:hover .page-link-number {
	background: #f2f2f2;
}
.page-link-title {
	text-transform: uppercase;
	font-size: 0.875rem;
	margin-right: 0.5rem;
}
.pagination {
	margin-top: 1.5rem;
}
.pagination .current {
	background: #f2f2f2;
	color: #2a2a2a;
}
/********************************************
 * Top Bar
 ********************************************/
.sticky-header {
	z-index: 99;
	top: 0;
	width: 100%;
	background: #FFF;
}
.site-header .sticky-container {
	height: auto !important;
}
.top-bar {
	background: #FFF;
	padding:0px;
	display:block;
}
.top-bar .menu {
	margin-top: 0.25rem;
}
.top-bar .menu a {
	color: #FFFAFA;
}
.top-bar .menu a:hover {
	color: #F38630;
}
.top-bar .submenu {
	background: #b6e0f3;
	border-color: #bbbbbb;
}
.top-bar .submenu a {
	color: #2a2a2a;
}
.top-bar .submenu a:hover {
	color: #F38630;
}
.top-bar input {
	max-width: 100%;
}
.top-bar .title-bar-icon {
	margin-top: 0.75rem;
}
.top-bar .site-title {
	margin-top: 0.125rem;
	margin-bottom: 0;
}
 @media screen and (min-width: 48em) {
 .adjust-header .is-anchored .top-bar {
 background: rgba(27, 124, 168, 0.2);
}
}
@media screen and (min-width: 48em) {
 .top-bar.shrunk {
 padding: 0 0.25rem;
 transition: all 500ms linear;
}
}
.top-bar.shrunk img {
	margin-top: -0.375rem;
	margin-bottom: 0;
	max-height: 3.9rem;
	width: auto;
}
.top-bar.shrunk .site-title a {
	font-size: 1.75rem;
}
.top-bar.shrunk .site-description {
	display: none;
}
.title-bar {
	background: #1b7ca8;
	padding: 0.25rem 0.25rem 0.35rem;
}
.title-bar .branding {
	position: absolute;
	top: 0;
	left: 1.5rem;
	right: 1.5rem;
	text-align: center;
}
.title-bar .branding img {
	margin-top: -0.5rem;
	margin-bottom: 0;
	max-height: 2.5rem;
	width: auto;
}
.title-bar .site-title a {
	font-size: 1.25rem;
}
.title-bar-icon {
	color: #FFFAFA;
	font-size: 1.25rem;
	margin: 0.375rem 0.25rem 0 0.25rem;
	z-index: 99;
}
.site-title {
	padding: 0;
	line-height: 1;
}
.site-title a {
	color: #FBB700;
	font-size: 2rem;
	text-shadow: 2px 2px 4px #4a4a4a;
}
.site-description {
	color: #cacaca;
	font-size: 1rem;
	display: inline-block;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
	margin-top: 0;
}
.topmenu-toggle:before {
	font-family: "FontAwesome";
	content: "\f067";
}
.topmenu-toggle.is-open:before {
	content: "\f00d";
}
.small-search-form {
	padding: 0 1em;
}
.menu-search > li > a {
	padding: 0.5rem 0.375rem;
	font-size: 1.125rem;
	line-height: 1;
}
.menu > li > a .fa {
	vertical-align: top;
}

 @media screen and (min-width: 601px) and (max-width: 782px) {
 .admin-bar .is-stuck {
 padding-top: 46px;
}
}
@media screen and (min-width: 783px) {
 .admin-bar .is-stuck {
 padding-top: 32px;
}
}
/********************************************
 * Footer
 ********************************************/

#footer {
	font-size: 0.8125rem;
	padding: 1rem 0;
	color: #303030;
}
 @media screen and (max-width: 47.9375em) {
 .copyright {
 padding: 0.5rem 0;
 text-align: center;
}
}
.copyright a {
	color: #404060;
	padding: 0 0.25rem;
}
.design-credit {
	margin-top: 1rem;
	font-style: italic;
}
.design-credit a {
	color: #969696;
}
.design-credit a:hover {
	color: #F38630;
}
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 1em;
}
.back-to-top a {
	font-family: 'FontAwesome';
	font-size: 1.25rem;
	line-height: 1;
	color: #303030;
	padding: 0.35rem 0.5rem 0.45rem;
	background: white;
	border-radius: 100%;
	text-decoration: none;
	border: 2px solid #4a4a4a;
}
.back-to-top a :hover {
	color: #F38630;
}
/********************************************
 * Menu
 ********************************************/
.sectionmenu {
	border-top: 1px solid rgba(227, 227, 227, 0.5);
	border-bottom: 1px solid rgba(227, 227, 227, 0.5);
	box-shadow: 0 4px 2px -2px #C0C0C0;
	background: #FFFAFA;
	margin-bottom: 2px;
}
.section-menu {
	padding: 0;
	position: relative;
	font-size: 0.9rem;
}
.section-menu ul {
	float: left;
	margin: 0;
	list-style: none;
	position: relative;
	display: inline-block;
}
.section-menu ul::after {
 content: "";
 clear: both;
 display: block;
}
.section-menu ul li {
	float: left;
	position: relative;
}
.section-menu ul li:hover {
	background: #b6e0f3;
}
.section-menu ul li:hover > ul {
	z-index: 10;
	visibility: visible;
	/* shows sub-menu */
  opacity: 1;
	transform: translateY(0%);
	transition-delay: 0, 0, 0.3s;
}
.section-menu ul li a {
	color: #2a2a2a;
	display: block;
	padding: 0.625rem 1.25rem;
}
.section-menu ul li a:hover {
	color: #F38630;
}
.section-menu ul ul {
	visibility: hidden;
	/* hides sub-menu */
  opacity: 0;
	position: absolute;
	top: 100%;
	left: 0;
	background: #b6e0f3;
	position: absolute;
	min-width: 12rem;
	width: 100%;
	transform: translateY(-2.8rem);
	transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.1s, z-index 0s linear 0.01s;
	border: 1px solid rgba(187, 187, 187, 0.5);
}
.section-menu ul ul li {
	float: none;
	border-top: 1px solid rgba(187, 187, 187, 0.5);
	position: relative;
}
.section-menu ul ul li a {
	padding: 0.5rem 0.6rem;
}
.section-menu ul ul li a:hover {
	background: #cce9f7;
}
.section-menu ul ul ul {
	position: absolute;
	left: 98%;
	top: 0;
	min-width: 100%;
}
.section-menu > ul > li > a {
	text-transform: uppercase;
	border-right: 1px solid rgba(187, 187, 187, 0.25);
}
.section-menu > ul > li.current-menu-parent > a, .section-menu > ul > li.current-menu-item > a {
	font-weight: bold;
}
.section-menu > ul > li:first-child {
	border-left: 1px solid rgba(187, 187, 187, 0.25);
}
/* Left Menu */
#offCanvasLeft {
	background: #0a0a0a;
}
.is-off-canvas-open .leftmenu-toggle {
	display: none;
}
.leftmenu {
	margin-top: 2.5rem;
}
.leftmenu > ul > li > a {
	background: #242424;
}
.leftmenu ul {
	list-style: none;
	margin: 0;
	font-size: 0.875rem;
}
.leftmenu ul ul {
	font-size: 0.75rem;
}
.leftmenu li a {
	color: #FFFAFA;
	display: block;
	padding: 0.75rem;
	text-decoration: none;
	border-bottom: 1px solid #242424;
}
.leftmenu li a:hover {
	background: #171717;
}
.footer-menu {
	display: block;
	text-align: right;
	margin: 0;
}
@media screen and (max-width: 47.9375em) {
 .footer-menu {
 padding: 0.5rem 0;
 text-align: center;
}
}
.footer-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer-menu ul li {
	border-right: 1px solid #e4e4e4;
	display: inline;
}
.footer-menu ul li ul {
	display: inline;
}
.footer-menu ul li ul li:first-child {
	border-left: 1px solid #e4e4e4;
}
.footer-menu ul li a {
	padding: 0 0.5rem;
	color: #404060;
}
.footer-menu ul li a:hover {
	text-decoration: underline;
}
.footer-menu ul li:last-child {
	border-right: none;
}
/********************************************
 * Featured Content
 ********************************************/
.bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: none;
	margin: 0 auto;
}
.bx-wrapper .bx-pager {
	bottom: 1rem;
	left: auto;
	right: auto;
}
.featured-content {
	visibility: hidden;
	height: 0;
	background: #FFFAFA;
}
.featured-content .more-link {
	display: none;
}
.featured-content img {
	width: 100%;
	height: auto;
}
.featured-content.featured-content-expblock, .featured-content.featured-content-block {
	visibility: visible;
	height: auto;
}
.hanaSlider, .hanaTicker {
	margin: 0;
}
.hana-slide {
	min-height: 25rem;
}
.featured-content-ticker {
	padding: 0.625rem 0;
	text-align: center;
}
.featured-content-ticker img:hover {
	opacity: 0.75;
}
.ticker-caption {
	font-size: 0.75rem;
	text-align: center;
}
.featured-caption {
	background: rgba(0, 0, 0, 0.3);
	padding: 1rem;
	position: absolute;
	top: 40%;
	right: 20%;
	left: 20%;
	text-align: center;
	color: #FFFAFA;
}
.featured-title {
	font-variant: small-caps;
	font-size: 2.25rem;
	margin-bottom: 0.5rem;
}
.featured-title a {
	color: #F38630;
}
.featured-title a:hover {
	color: #F38630;
}
.featured-excerpt {
	font-size: 1.125rem;
}
.featured-excerpt p {
	margin-bottom: 0.5rem;
}
.ticker-img {
	padding: 3px;
	width: 100%;
	background-color: #FFFAFA;
	border: 1px solid rgba(10, 10, 10, 0.2);
	box-shadow: 0 1px 3px rgba(10, 10, 10, 0.1);
}
.btn-featured {
	font-weight: bold;
	margin-bottom: 0;
	background-color: #F38630;
	color: #FFFAFA;
}
.btn-featured:hover, .btn-featured:focus {
	background-color: #cc8b00;
	color: #FFFAFA;
}
 @media screen and (max-width: 47.9375em) {
 .featured-title {
 font-size: 1.5rem;
}
 .featured-caption {
 top: auto;
 left: 0;
 right: 0;
 bottom: 0;
 padding: 0.25rem 1rem;
 font-size: 0.8rem;
 line-height: 1.3;
}
 .featured-excerpt p {
 line-height: 1.3;
 margin-bottom: 0.25rem;
}
 .btn-featured {
 display: none;
}
 .bx-wrapper .bx-pager {
 width: auto;
 top: -25px;
 right: 0;
}
 .hana-slide {
 min-height: 12.5rem;
}
 .ticker-caption {
 display: none;
}
 .bx-controls-direction {
 display: none;
}
}
/********************************************
 * Post
 ********************************************/
.hentry {
	background: #FFFFFF;
	padding-top: 0.5rem;
	position: relative;
	padding-bottom: 0.5rem;
}
.entry-title a {
	color: #2a2a2a;
	font-size: 1.25rem;
}
@media screen and (min-width: 48em) {
 .entry-title a {
 font-size: 1.875rem;
}
}
.entry-title a:hover {
	color: #F38630;
}
.entry-header, .entry-content, .entry-summary, .entry-excerpt {
	margin-bottom: 0.5rem;
}
.single .site-content .entry-header {
	margin-bottom: 1.5rem;
}
.entry-summary p {
	margin: 0;
}
.entry-excerpt {
	color: #444444;
}
.entry-excerpt p {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.single-post-link {
	position: absolute;
	right: 0.5rem;
	bottom: 1.5rem;
	text-decoration: none;
}
.single-post-link.meta-icon::before {
 content: '\f101';
}
.entry-attachment {
	margin-top: 2rem;
}
.entry-attachment img {
	display: block;
	margin: 0 auto;
}
.entry-caption {
	padding: 1rem 0;
	text-align: center;
}
.flex-video {
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 62.5%;
}
.featured-media-container {
	display: block;
	margin-bottom: 1rem;
}
@media screen and (max-width: 47.9375em) {
 .featured-media-container {
 margin-left: -0.625rem;
 margin-right: -0.625rem;
}
 .featured-media-container figcaption {
 padding-left: 0.625rem;
 padding-right: 0.625rem;
}
}
.featured-media-container .scale-item {
	max-width: 100%;
	margin: 0;
}
.scale-item {
	position: relative;
	overflow: hidden;
	max-width: 33.3%;
	float: left;
	display: inline-block;
	margin-right: 0.875rem;
	margin-bottom: 0.875rem;
}
.scale-item img {
	transition: all 0.5s;
}
.scale-item:hover img {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.scale-item-audio, .scale-item-video {
	width: 33%;
}
.more-link {
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
}
.post-divider, .widget-divider, .section-divider {
	display: block;
	height: 1px;
	border: 0;
	background-image: -webkit-linear-gradient(left, #FFFFFF, #e6e6e6, #FFFFFF);
	background-image: -moz-linear-gradient(left, #FFFFFF, #e6e6e6, #FFFFFF);
	background-image: -ms-linear-gradient(left, #FFFFFF, #e6e6e6, #FFFFFF);
	background-image: -o-linear-gradient(left, #FFFFFF, #e6e6e6, #FFFFFF);
	margin: 0.5rem auto;
}
@media screen and (min-width: 48em) {
 .post-divider, .widget-divider, .section-divider {
 margin: 1rem auto;
}
}
/********************************************
 * Post Formats
 ********************************************/
.format-aside .entry-content, .format-aside .entry-summary, .format-quote .entry-content, .format-quote .entry-summary {
	position: relative;
	background: #f2f2f2;
	padding: 2.5rem 0.8rem 1.8rem 2rem;
	border-left: 1.25rem solid #e6e6e6;
}
.format-quote blockquote {
	margin: 0;
	border: none;
}
.entry-content blockquote cite {
	margin: 0.25rem 0 0;
	display: block;
}
 .format-quote .entry-content::after, .format-quote .entry-summary::after {
 position: absolute;
 top: 0.25rem;
 left: -0.5rem;
 font-family: "FontAwesome";
 content: "\f10d";
 font-size: 2rem;
 color: #808080;
}
 .format-link .entry-title a::before {
 font-family: "FontAwesome";
 content: "\f0ac";
 margin-right: 0.75rem;
}
/********************************************
 * Post Meta
 ********************************************/
.entry-meta {
	font-size: 0.875rem;
	color: #808080;
	margin: 0;
	list-style: none;
}
.entry-meta li {
	display: inline-block;
	margin-right: 0.5rem;
}
.entry-meta a {
	color: #808080;
}
.entry-meta a:hover {
	color: #F38630;
}
.meta-comment {
	float: right;
}
.entry-featured {
	color: #ff5e5e;
}
.entry-meta-top {
	letter-spacing: 0.2px;
	text-transform: uppercase;
	padding-bottom: 0.25rem;
}
.entry-meta-middle .entry-category {
	font-weight: bold;
	text-transform: capitalize;
}
 .meta-icon::before {
 font-family: 'FontAwesome';
 margin-right: 0.5rem;
}
.meta-icon.comment-link::before {
 content: "\f086";
}
.meta-icon.meta-parent::before, .meta-icon.entry-category::before {
 content: "\f07c";
}
.meta-icon.entry-date::before {
 content: "\f017";
}
.meta-icon.by-author::before {
 content: "\f007";
}
.meta-icon.entry-tag::before {
 content: "\f02c";
}
.meta-icon.meta-size::before {
 content: "\f03e";
}
.post-edit-link a {
	display: block;
	position: absolute;
	left: -2rem;
	top: 0;
	padding: 0.125rem 0.375rem;
	font-size: 1rem;
	z-index: 1;
	opacity: 0.1;
}
.post-edit-link a:hover {
	opacity: 1;
}
.img-circle {
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto;
	width: 64px;
	max-width: 100%;
	height: auto;
}
#author-info {
	margin: 1rem 0;
	padding: 1rem 0;
}
#author-info h2 {
	font-size: 1.2rem;
}
/********************************************
 * Post Comments
 ********************************************/
.comments-area {
	margin-bottom: 1rem;
}
.comment-content {
	clear: both;
	overflow: hidden;
}
.commentlist {
	margin: 0;
	list-style: none;
	font-size: 0.875rem;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist p {
	margin: 0.5rem 0;
}
.odd > .comment-body {
	background: #f7f7f7;
}
.comment-body {
	padding: 0.5rem;
}
.depth-2 .comment-body {
	padding-left: 1rem;
}
.depth-3 .comment-body {
	padding-left: 1.5rem;
}
.depth-4 .comment-body {
	padding-left: 2rem;
}
.depth-5 .comment-body {
	padding-left: 2.5rem;
}
.comment-toggle.is-open .show-comment {
	display: none;
}
 .comment-toggle:not(.is-open) .hide-comment {
 display: none;
}
.comment-meta {
	font-size: 0.75rem;
}
.comment-meta .comment-author {
	display: inline-block;
	float: left;
	width: 50%;
}
.comment-meta .avatar {
	border: 1px solid #e1e1e1;
	padding: 0.125rem;
	margin-right: 0.5rem;
	display: inline-block;
}
.comment-meta .says {
	display: none;
}
.comment-meta a {
	color: #808080;
}
.comment-metadata {
	margin-top: 0.5rem;
	display: inline-block;
	float: right;
	width: 50%;
	text-align: right;
}
.comment-metadata > a {
	color: #808080;
}
.comment-reply-link {
	color: #808080;
}
.form-allowed-tags {
	display: none;
}

/********************************************
 * WordPress HTML5 Gallery
 ********************************************/
.gallery::before, .gallery::after {
 content: "";
 display: table;
 clear: both;
}
.gallery {
	margin-bottom: 1.5rem;
}
.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}
.gallery-item:hover .gallery-caption {
	opacity: 1;
}
.gallery-columns-1 .gallery-item {
	max-width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 48%;
}
.gallery-columns-3 .gallery-item {
	max-width: 32%;
}
.gallery-columns-4 .gallery-item {
	max-width: 23%;
}
.gallery-columns-5 .gallery-item {
	max-width: 19%;
}
.gallery-columns-6 .gallery-item {
	max-width: 15%;
}
.gallery-columns-7 .gallery-item {
	max-width: 13%;
}
.gallery-columns-8 .gallery-item {
	max-width: 11%;
}
.gallery-columns-9 .gallery-item {
	max-width: 9%;
}
 .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 margin-right: 0;
}
 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
 clear: left;
}
.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}
.gallery-caption::before {
 content: "";
 height: 100%;
 min-height: 49px;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
}
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
	display: none;
}
/********************************************
 * Widgets
 ********************************************/
.sticky-sidebar {
	width: 100%;
}
.widget-divider {
	margin-bottom: 2rem;
}
.widget {
	margin-bottom: 1rem;
	padding: 0.5rem;
}
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget .children {
	margin-left: 0.5rem;
	font-size: 0.9375rem;
}
.widget-title {
	font-size: 1.2rem;
	color: #2a2a2a;
	line-height: 1;
}
.sidebar {
	padding-top: 1rem;
	font-size: 0.9375rem;
	color: #444444;
}
.sidebar .sticky.is-anchored {
	position: relative;
}
.sidebar .widget {
	background: #FFFFFF;
	padding: 1rem;
	border: 1px solid #e6e6e6;
	border-radius: 0;
}
.sidebar .widget-title-container {
	text-align: center;
	margin-top: -2.25rem;
}
.sidebar .widget-title {
	display: inline-block;
	min-width: 50%;
	max-width: 90%;
	font-size: 0.9375rem;
	line-height: 1;
	color: #808080;
	text-transform: uppercase;
	background: #f5f6fa;
	padding: 0.675rem 1rem;
	border: 1px solid #e6e6e6;
	border-radius: none;
}
.widget_categories .menu > li > a, .widget_archive .menu > li > a, .widget_pages .menu > li > a, .widget_recent_entries .menu > li > a, .widget_meta .menu > li > a, .widget_nav_menu .menu > li > a {
	padding: 0.25rem;
	line-height: 1.6;
}
.widget_categories ul li, .widget_archive ul li, .widget_pages ul li, .widget_recent_entries ul li, .widget_meta ul li, .widget_nav_menu ul li {
	position: relative;
	display: block;
	margin: 0;
}
.widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_recent_entries ul li a, .widget_meta ul li a, .widget_nav_menu ul li a {
	display: block;
	padding: 0.25rem;
	text-decoration: none;
	border-bottom: 1px solid #f2f2f2;
	color: #404060;
}
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_recent_entries ul li a:hover, .widget_meta ul li a:hover, .widget_nav_menu ul li a:hover {
	color: #F38630;
}
.widget_categories ul li span, .widget_archive ul li span, .widget_pages ul li span, .widget_recent_entries ul li span, .widget_meta ul li span, .widget_nav_menu ul li span {
	position: absolute;
	top: 0.2rem;
	right: 0.25rem;
	color: #808080;
}
.widget_nav_menu ul ul {
	margin-left: 0.5rem;
}
.widget_rss ul li {
	margin-bottom: 0.5rem;
}
.widget_rss .rss-date {
	font-size: 80%;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar th, #wp-calendar td {
	padding: 0;
	text-align: center;
}
.widget_recent_comments ul li {
	padding: 0.25rem;
	border-bottom: 1px 1px solid #f2f2f2;
}
.widget_search .input-group {
	margin-bottom: 0rem;
}
#footer-widgets {
	padding-top: 1rem;
}
.footer-widget {
	font-size: 0.8125rem;
}




.footer-widget .widget-divider {
	display: none;
}
/********************************************
 * Hana Recent Post Widget
 ********************************************/
.recent-post {
	position: relative;
}
.recent-post .hentry {
	margin-bottom: 1rem;
	background: none;
	padding-top: 0;
}
.recent-post h2 {
	font-size: 1rem;
	margin-bottom: 0.5rem;
}
.recent-post h2 a {
	font-size: 1rem;
}
.recent-post .rp-summary {
	font-size: 0.9375rem;
}
.recent-post p {
	font-size: 0.9375rem;
}
.recent-post .rpmedia {
	position: relative;
	overflow: hidden;
	max-width: 33.3%;
	float: left;
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 0.5rem;
}
.recent-post .rpmedia-audio, .recent-post .rpmedia-video {
	width: 33.3%;
}
.recent-post .columns .rpmedia {
	max-width: 100%;
	width: 100%;
	float: none;
	margin-bottom: 0.5rem;
}
.recent-post .more-link {
	display: none;
}
/********************************************
 * Hana Navigation Widget
 ********************************************/
.hana_nav.widget {
	padding: 1rem 0 0;
}
.hana_nav .tabs {
	margin-top: 0.5rem;
	margin-bottom: 0;
	border-left: none;
	border-right: none;
}
.hana_nav .tabs > li > a {
	font-size: 1rem;
	padding: 0.8rem 0.5rem;
	border-right: 1px solid #e6e6e6;
	color: #404060;
}
.hana_nav .tabs > li > a:hover {
	text-decoration: underline;
}
.hana_nav .tabs > li.is-active > a {
	background: #f5f6fa;
}
.hana_nav .tabs-content {
	border: none;
}
/********************************************
 * Hana Marking
 ********************************************/
.marketing-vertical, .marketing-horizontal {
	position: relative;
	height: 100%;
	border: 1px solid transparent;
	padding-bottom: 4.5rem;
	text-align: center;
}
.marketing-vertical .widget-title-container, .marketing-horizontal .widget-title-container {
	border-bottom: none !important;
}
.marketing-vertical.no-coa, .no-coa.marketing-horizontal {
	padding-bottom: 0.5rem;
}
 @media screen and (min-width: 48em) {
 .marketing-horizontal {
 text-align: left;
}
 .marketing-horizontal .marketing-logo {
 text-align: right;
}
}
.marketing-horizontal .marketing-icon {
	font-size: 4rem;
}
.marketing-icon {
	font-size: 5rem;
	margin-top: 1rem;
	color: #9a9a9a;
}
a > .marketing-icon:hover {
	color: #F38630;
}
.marketing-logo {
	text-align: center;
}
.marketing-logo img {
	display: block;
	margin: 0 auto;
}
.marketing-logo img:hover {
	opacity: 0.75;
}
.marketing .widget-title, .marketing h2 {
	font-size: 1.5rem;
}
.marketing .widget-title {
	text-align: center;
	color: #7ebcfa;
}
.marketing-text {
	padding: 0.5rem 1rem;
}
@media screen and (min-width: 48em) {
 .marketing-text {
 padding: 1rem 2rem;
}
}
.marketing-coa {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
/********************************************
 * Hana Blocks
 ********************************************/
.fluidwidth .block-section {
	padding: 1.5rem 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.block {
	position: relative;
	padding-bottom: 66.667%;
	overflow: hidden;
}
.block.image-center img {
	max-width: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.block:hover .block-caption .block-excerpt {
	max-height: 200px;
	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
}
.block-44 {
	padding-bottom: 44.444%;
}
.block-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 1px solid transparent;
	overflow: hidden;
}
.block-title {
	font-size: 1.25rem;
}
.block-title a {
	color: #2a2a2a;
}
.block-title a:hover {
	color: #F38630;
}
.block-caption {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	color: #FFFAFA;
	bottom: 0;
	padding: 0.25rem 0.5rem;
	text-align: center;
	left: 1px;
	right: 1px;
	max-height: 98%;
}
.block-caption .block-title {
	color: #FFFAFA;
	margin: 0;
}
.block-caption:hover .block-title {
	color: #F38630;
}
.block-caption .block-excerpt {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 1s;
	-moz-transition: max-height 1s;
	-ms-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
}
.block-caption .block-excerpt p {
	margin: 0.5rem 0;
}
.block-content {
	padding: 1rem;
}
.block-fade {
	position: absolute;
	background-image: linear-gradient(to bottom, rgba(255, 250, 250, 0.1), #FFFAFA);
	bottom: 0;
	left: 0;
	right: 0;
	height: 2rem;
}
 @media screen and (max-width: 47.9375em) {
 .block-content {
 padding: 0.5rem;
}
 .block-title {
 font-size: 0.875rem;
}
}
/********************************************
 * Portfolio
 ********************************************/
.block-portfolio {
	padding-bottom: 120%;
	background: #f7f7f7;
	margin-bottom: 1rem;
}
.block-portfolio .block-content {
	font-size: 90%;
}
.block-portfolio .entry-title a {
	font-size: 1.25rem;
	display: block;
}
@media screen and (max-width: 47.9375em) {
 .block-portfolio .entry-title a {
 font-size: 1rem;
}
}
.block-portfolio .entry-meta {
	background: #f7f7f7;
	padding: 0.5rem 1rem;
}
.portfolio-fade {
	background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0.1), #f7f7f7);
	height: 1.5rem;
}
.portfolio-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
/********************************************
 * Home Page
 ********************************************/
.home-section {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
@media screen and (min-width: 64em) {
 .home-section {
 padding-top: 2rem;
 padding-bottom: 2rem;
}
}
.home-section .widget-title-container {
	border-bottom: 2px solid #cccccc;
	padding: 0 0.5rem;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
	margin-bottom: 0.75rem;
	text-align: center;
}
.home-section .widget-title-container .widget-title {
	font-size: 1.5rem;
}
.home-section .widget-title-container .widget-title a {
	color: #808080;
}
.home-section .widget-title-container .widget-title a:hover {
	color: #F38630;
}
.home-section .widget {
	margin-bottom: 0.5rem;
	padding: 0.5rem;
}
.home-section.page-content {
	background: #f5f6fa;
}
.section-divider {
	margin: 0 auto;
}
.widget-area-title {
	text-align: center;
}
/********************************************
 * Pricing Table
 ********************************************/
.pricing-table {
	border: solid 1px #e6e6e6;
	border-radius: 5px;
}
.pricing-table li {
	border-bottom: dotted 1px #e6e6e6;
	font-size: 0.875rem;
	padding: 0.875rem 1.125rem;
}
.pricing-table li:last-child {
	border-bottom: 0;
}
.pricing-table .title {
	background-color: #666666;
	color: #EEEEEE;
	font-size: 1rem;
	border-bottom: 0;
}
.pricing-table .price {
	background-color: #f2f2f2;
	color: #2a2a2a;
	font-size: 1.75rem;
	border-bottom: 0;
}
.pricing-table .description {
	color: #2a2a2a;
	font-size: 0.875rem;
}
.pricing-table .button {
	margin: 0;
}
/********************************************
 * Social
 ********************************************/
.social {
	display: inline-block;
	list-style: none;
	position: relative;
	margin: 0;
	text-align: center;
	display: block;
	text-align: center;
}
.social li {
	display: inline-block;
}
.social li a {
	padding: 0.5rem 0.375rem;
	line-height: 1;
}
.social li a::before {
 font-family: "FontAwesome";
 font-size: 20px;
 content: '\f0ac';
 color: #999;
}
.social li a[href*="facebook.com"]::before {
 content: '\f09a';
 color: #3D5A99;
}
.social li a[href*="twitter.com"]::before {
 content: '\f099';
 color: #00acee;
}
.social li a[href*="github.com"]::before {
 content: '\f09b';
}
.social li a[href*="linkedin.com"]::before {
 content: '\f0e1';
 color: #0077b5;
}
.social li a[href*="plus.google.com"]::before {
 content: '\f2b3';
 color: #dd4b39;
}
.social li a[href*="youtube.com"]::before {
 content: '\f16a';
 color: #E62117;
}
.social li a[href*="pinterest.com"]::before {
 content: '\f231';
 color: #BD2126;
}
.social li a[href*="vimeo.com"]::before {
 content: '\f27d';
 color: #1AB7EA;
}
.social li a:hover::before {
 color: #F38630 !important;
}
 .social-topbar li a::before {
 color: #ddd !important;
}
.social-section {
	margin-top: 0.70rem;
}
 .social-footer li a::before {
 color: #2a2a2a !important;
}
/********************************************
 * Jetpack Sharing
 ********************************************/
.hana-share-top .sd-content {
	float: right;
}
.hana-share-bottom {
	display: block;
	margin-top: 0.5rem;
}
.copyright{
	text-align:center !important;
	padding:10px 0px 20px 0px;
	color:#FFF;
}
.copyright a {
	color:#FFF;
	text-decoration:underline;
}
@media(min-width:100px) and (max-width:639px) {
 .is-dropdown-submenu {
 display:none;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
display:block;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
display:block;
}
}
@media(min-width:640px) and (max-width:5000px) {
 .top-bar .submenu {
 -webkit-transition: .5s;
 transition: .5s;
 opacity: 0;
 position: absolute;
 top: 100%;
 visibility: hidden;
 opacity: 0;
 -webkit-transform: scaleY(0);
 transform: scaleY(0);
 -webkit-transform-origin: top;
 transform-origin: top;
}
 .top-bar .menu li:hover .submenu {
 -webkit-transform: scaleY(1);
 transform: scaleY(1);
 opacity: 1;
 visibility: visible;
 z-index: 999;
}
}
 @media (max-width:639px) {
 .title-bar {
 background: #FFF;
 padding: 0;
}
.title-bar .branding {
text-align:left;
left:0px;
padding:10px 0px;
position:relative;
}
.title-bar .branding img {
margin:0px;
}
#mega-menu-wrap-top-bar .mega-menu-toggle,
#mega-menu-wrap-top-bar2 .mega-menu-toggle {
 float: right;
 width: 100px;
 position: absolute;
 right: 0;
 top: -50px;
}
#mega-menu-wrap-top-bar #mega-menu-top-bar > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-top-bar2 #mega-menu-top-bar2 > li.mega-menu-item > a.mega-menu-link {
 padding: 10px 10px 10px 10px;
}
#mega-menu-wrap-top-bar #mega-menu-top-bar li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column,
#mega-menu-wrap-top-bar2 #mega-menu-top-bar2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
 width:100%;
}
#mega-menu-wrap-top-bar #mega-menu-top-bar li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item,
#mega-menu-wrap-top-bar2 #mega-menu-top-bar2 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
 padding: 5px;
}
#mega-menu-wrap-top-bar #mega-menu-top-bar > li.mega-menu-flyout ul.mega-sub-menu,
#mega-menu-wrap-top-bar2 #mega-menu-top-bar2 > li.mega-menu-flyout ul.mega-sub-menu {
 width: 100%;
}
.sticky.is-stuck {
 position: relative;
}
.text-center.white-text.font-50.no-margin.banner-top-heading.display-inline-block.uppercase {
 font-size: 30px;
}
.top-strip .top-left ul li {
 float: none;
 display: inline;
}
.top-strip .top-left ul {
 text-align: center;
}
.top-strip .top-right {
 float: none;
 display: inline-block;
 text-align: center;
 margin: 0 auto;
 width: 100%;
}
.top-strip .top-right ul.loginb {
 float: none;
 display: inline-block;
}
.top-strip .top-right ul.loginb li {
 display: inline-flex;
 margin-top: 18px;
}
}