/*
 * astx-css-core.css:
 * a part of the VaccinesToday theme for WordPress™
 *
 * Copyright Ⓒ 2016 Asterysk <wordpress@asterysk.com>
 *
 * This file is part of the VaccinesToday theme for WordPress.
 *
 * The VaccinesToday theme for WordPress™ is free software:
 * you can redistribute it and/or modify it under the terms of the GNU
 * General Public License as published by the Free Software Foundation,
 * either version 2 of the License, or (at your option) any later
 * version.
 *
 * The VaccinesToday theme for WordPress™ is distributed in the hope
 * that it will be useful, but WITHOUT ANY WARRANTY; without even the
 * implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
 * PURPOSE. See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with the VaccinesToday theme for WordPress. If not, please
 * see <http://www.gnu.org/licenses/>.
 */

/**
 * ASTX Core stylesheet.
 *
 * This stylesheet sets up core styles for CoreXtender markup.
 *
 * The CoreXtender stylesheets order is
 * 1. astx-css-init.css         Reset stylesheet
 * 2. astx-css-core.css         Core styling elements
 * 3. astx-css-grid.css         5 and 24 Grid
 * 4. astx-css-cycle2.css       Cycle2 slideshows
 * 5. astx-css-palette.css      Colours and decorations
 * 6. astx-css-wp-core.css      WordPress mandatory styles
 * 7. astx-css-forms.css        Forms styles
 * 8. astx-css-theme.css        Theme styles
 *
 * CoreXtender stylesheets are not universal and may each require
 * customisation necessary for each installation. In this stylesheet,
 * particular elements requiring such customisations are
 * 1. padding and margins in 3.5 Tabbed display and
 * 2. `arrowbox`, `content lists` and `code block` elements in
 *    4.0 Content styles
 *
 * @package     VaccinesToday
 * @subpackage  theme
 * @since       0.1.0
 */

/* 1.0 Hidden elements */

/* 1.1 never displayed */
.hide-ifnojs,
.wait-for-js,
.displaynone {
	display: none !important;
}

.zero-vis {
	visibility: hidden;
}

/* 1.2 honeypot */
.hp-require,
.hp-require * {
	border: 0 none transparent;
	background: transparent none;
	color: transparent;
	color: rgba(0,0,0,0);
	height: 1px;
	overflow: hidden;
	position: absolute;
		left: 0;
	width: 1px;
	z-index: -9999;
}

/* 2.0 Clearfix */
.row-group:before,
.row-group:after,
.prow-group:before,
.prow-group:after {
	content: '';
	display: table;
	line-height: 0;
}

.row-group:after,
.prow-group:after {
	clear: both;
}

/* For IE 6/7 to trigger hasLayout */
* html .row-group,
* html .prow-group {
	zoom: 1;
}

/* For IE 6/7 to trigger hasLayout */
*:first-child + html .row-group,
*:first-child + html .prow-group {
	zoom: 1;
}

/* 3.0 Multi-column layouts */

/* 3.1 Unitrail */
.unitrail {
	width: 100%;
}

/* 3.2 Fixed columns */
[class^='frow-'] {
	clear: left;
	float: left;
	overflow: hidden;
	width: 100%;
}

[class^='frow-'].frow-outer {
	/* padding & spacing of columns */
}

[class^='frow-'].frow-inner {
	/* border-right: ... for borders between columns */
	/* right: wpr%; */
	overflow: visible;
	position: relative;
}

[class^='fcol-'] {
	/* left: cpl%; width:clw%; */
	float: left;
	overflow: hidden;
	position: relative;
}

[class^='frow-liner-'] {
	background: transparent none;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin: 0;
	width:100%;
	position:absolute;
		left:0;
}

/* 3.3 Wrapping columns */
.wrow-master {
	clear: both;
	float: left;
	width: 100%;
}

.wrow-outer {
	/* margin: top right bottom left; width: w; height: h; */
	clear: right;
	display: inline-block;
	float: left;
}

.wrow-outer.wrow-rtl { /* rtl adapter */
	clear: left;
	float: right;
}

.wrow-inner,
.wrow-content {
	float:right;
	width: 100%;
}

/* 3.4 Proxy layered */
.prow-outer {
	position: static;
}

.prow-outer .prow-outer {
	width: 100%;
	margin: 0;
}

.prow-cols {
	position: relative;
	float:left;
}

.prow-group {
	position: relative;
	width: 100%;
}

.prow-group .prow-group {
	padding: 0;
}

.prow-proxy {
	position:absolute;
	width:100%;
	height:100%;
}

.prow-proxy.prxy-zero {
	z-index: -1;
}

.prow-cols[class*='pcol-'] .prow-content {
	width: 100%;
}

.prow-cols[class*='pcol-'].no-content > .prow-content:after {
	content: '\00A0';
	display: block;
	height: 1px;
	width: 100%;
}

.prow-cols[class*='pcol-'] .prow-inner {
	padding: 0;
}

.prow-proxy .prow-cols,
.prow-cols .prxy-content {
	height: 100%;
}

/* 3.5 Tabbed display */
.cxtab-display label.cxtab-sel {
	display: inline-block;
	padding: 0.2em;
	padding-bottom: 0.1em;
}

.cxtab-display label.cxtab-sel span {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.cxtab-display label.cxtab-sel span.vcen-outer {
	display: table;
}

.cxtab-display label.cxtab-sel span.vcen-inner {
	display: table-cell;
}

.cxtab-display label.cxtab-sel:active,
.cxtab-display label.cxtab-sel:hover {
	cursor: pointer;
}

.cxtab-display input.cxtab-sel,
.cxtab-display .cxtab-content {
	display: none;
}

.cxtab-display input.cxtab-sel:checked + .cxtab-content {
	display: block;
}

.cxtab-display.toggle-block > label {
	background: #f1f1f1 none;
	display: none;
	position: relative;
}

.cxtab-display.toggle-block > label.no-bg {
	background: transparent none;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label.show:before {
	color: #888;
	content: '\25BA';
	margin-right: 0.2857em;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label.hide:before {
	color: #0073AA;
	content: '\25BC';
	margin-right: 0.2857em;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label.show.no-bg:before,
.cxtab-display.toggle-block > input.cxtab-sel ~ label.hide.no-bg:before {
	display: none;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label:before {
	display: inline-block;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label.show,
.cxtab-display.toggle-block > input.cxtab-sel:checked ~ label.hide,
.cxtab-display.toggle-block > input.cxtab-sel:checked ~ .cxtab-content {
	display: block;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label.hide,
.cxtab-display.toggle-block > input.cxtab-sel ~ .cxtab-content,
.cxtab-display.toggle-block > input.cxtab-sel:checked ~ label.show {
	display: none;
}

.cxtab-display.toggle-block > input.cxtab-sel ~ label:focus,
.cxtab-display.toggle-block > input.cxtab-sel ~ label:hover,
.cxtab-display.toggle-block > input.cxtab-sel ~ label:active {
	text-decoration: underline;
}

/* 3.6 Toggle menu */
.menu-toggle,
.menu-toggle.sub-menu {
	display: none;
}

label.cxtab-sel,
label[class*='-toggle'],
label.cxtab-sel img,
label[class*='-toggle'] img,
label.cxtab-sel i, /* icon fonts */
label[class*='-toggle'] i { /* icon fonts */
	cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* 4.0 Content styles */

/* assistive text/screen readers only */
.skip-link,
.assistive-text,
.screen-reader-text {
	clip: rect(1px 1px 1px 1px); /* IE6&7 */
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: polygon(0px 0px, 0px 0px,0px 0px, 0px 0px);
	height: 1px !important;
	margin: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
}

/* zero-font */
.zero-font,
.linker.image-link,
.linker.qsp-link {
	font-size: 1px;
	line-height: 1;
}

/* block display */
.cx-block,
.block-display {
	display: block;
}

.cx-iblock {
	display: inline-block;
}

.cx-inline {
	display: inline;
}

.cx-nomargin {
	margin: 0;
}

.cx-nopadding {
	padding: 0;
}

/* table/cell */
.cx-table {
	display: table;
}

.cx-table-row {
	display: table-row;
}

.cx-cell {
	display: table-cell;
}

.cx-cell.hcen {
	text-align: center;
}

.cx-cell.vcen {
	vertical-align: middle;
}

/* border box */
.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.border-unbox {
	-webkit-box-sizing: initial;
	-moz-box-sizing: initial;
	box-sizing: initial;
}

/* spacer */
.clear-spacer {
	clear: both;
	width: 100%;
}

/* positioning isolator */
.pos-iso.outer {
	position: static;
}

.pos-iso.inner {
	position: relative;
}

/* float */
.fl-l {
	float: left;
}

.fl-r {
	float: right;
}

/* fill left */
.fleft-outer {
	width: 100%;
}

.fleft-inner,
.fixdr-content {
	display: block;
	overflow: hidden;
}

.fleft-content {
	float: left;
}

/* wide block */
.wblock-outer {
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.wblock-inner {
	margin: 0 -12.5%;
	width: 125%;
}

.wblock-content {
	margin: 0 auto;
	padding: 0;
	width: 80%;
}

/* quad sprite */
.qsp-wrap.quad-sprite {
	display: block;
	position: static;
}

.qsp-inner {
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.qsp-inner img[class^="qsp-"] {
	display: block;
	height: auto;
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	max-height: none !important;
	min-height: 0 !important;
}

/* dhfa */
.qsp-inner img.qsp-dhaf:hover,
.qsp-inner img.qsp-dha:hover,
.qsp-inner img.qsp-dhf:hover,
.qsp-inner img.qsp-dh:hover,
.qsp-inner img.qsp-daf:active,
.qsp-inner img.qsp-da:active,
.qsp-inner img.qsp-df:focus {
	top: -100%;
}

.qsp-inner img.qsp-dhaf:active,
.qsp-inner img.qsp-dha:active,
.qsp-inner img.qsp-dhf:focus,
.qsp-inner img.qsp-daf:focus {
	top: -200%;
}

.qsp-inner img.qsp-dhaf:focus {
	top: -300%;
}

/* responsive embeds */
.embed-sizer {
	height: auto;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%; /* 16:9 default */
	position: relative;
}

.embed-sizer audio,
.embed-sizer canvas,
.embed-sizer embed,
.embed-sizer iframe,
.embed-sizer object,
.embed-sizer video {
	height: 100% !important;
	position: absolute;
		left: 0;
		top: 0;
	width: 100% !important;
}

/* centre - horizontally in a viewport */
.hcen-frame { /* additionally requires .row-group class */
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.hcen-outer {
	margin: 0 auto;
	overflow: visible;
	width: 100%;
}

.hcen-inner {
	/* add inline padding to match aspect ratio of centred element */
	float: right;
	position: relative;
		right: 50%;
}

.hcen-content {
	/* add inline padding to match aspect ratio of centred element */
	display: inline-block;
	position: relative;
		right: -50%;
}

.hcen-content img {
	max-width: initial;
}

/* centre - vertical */
.vcen-outer {
	background: transparent none;
	display: table;
	overflow: hidden;
	height: 100%;
	position: absolute;
		top: 0;
	width: 100%;
}

.vcen-inner {
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	width: 100%;
}

.vcen-content {
	display: inline-block;
}

/* vcen IE <= 7 */
.vcen-outer {
	*position: relative;
}

.vcen-inner {
	*position: absolute;
	*top: 50%;
}

.vcen-outer .vcen-inner .vcen-content {
	*position: relative;
	*top: -50%;
}

/* centred graphic */
.imgcen-outer {
	position: relative;
	width: 100%;
}

.imgcen-sizer {
	padding-bottom: 75%; /* 4:3 default */
	width: 100%;
}

.imgcen-inner {
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	text-align: center;
}

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

.imgcen-inner img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
}

.imgcen-inner a.link-vcen {
	vertical-align: middle;
}

.imgcen-inner audio,
.imgcen-inner canvas,
.imgcen-inner embed,
.imgcen-inner figure,
.imgcen-inner iframe,
.imgcen-inner map,
.imgcen-inner object,
.imgcen-inner video {
	height: 100%;
	width: 100%;
}

/* centred overlay: requires relative position on container */
.ctr-ovl.outer {
	height: 100%;
	position: absolute;
	text-align: center;
	width: 100%;
}

.ctr-ovl.outer:before {
	content: '\0020';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.ctr-ovl.inner {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

/* link overlay */
.panel-overlay,
.astx-link-overlay {
	background: transparent none;
	display: block;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
		top: 0;
		left: 0;
	text-align: center;
	word-wrap: break-word;
	width: 100%;
}

.astx-link-overlay:hover,
.astx-link-overlay:focus {
	cursor: pointer;
}

button.astx-link-overlay:hover {
    text-shadow: none;
}

button.astx-link-overlay:focus,
button.astx-link-overlay:active {
    border: 0 none transparent;
	-khtml-box-shadow: none;
    -moz-box-shadow: none;
	-o-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* shortcode header */
header.scd-header {
	margin: 0;
}

/* images */
img {
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	width: auto;
	vertical-align: bottom;
}

img.landscape {
	height: auto;
	width: 100%;
}

img.portrait {
	height: 100%;
	width: auto;
}

img.auto-size {
	height: auto;
	width: auto;
}

/* round images */
.img-round {
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: auto;
	width: 100%;
}

/* text-transform */
.lc-text {
	text-transform: lowercase;
}

.uc-text {
	text-transform: uppercase;
}

.sc-text {
	font-variant: small-caps;
}

/* arrowbox */
.arrowbox {
	position: relative;
	background: transparent none;
}

.arrowbox:before,
.arrowbox:after {
	border: solid transparent;
	border-color: transparent;
	border-width: 0.75em;
	content: '\0020';
	height: 0;
	margin-top: -0.75em;
	position: absolute;
		top: 50%;
		left: 100%;
	pointer-events: none;
	width: 0;
}

/* content lists */
.entry-content ul,
.entry-content ul.disc {
	list-style: disc outside none;
	margin-left: 1.75em;
}

.entry-content ul.disc.inside {
	list-style: disc inside none;
}

.entry-content ul.circle {
	list-style: circle outside none;
	margin-left: 1.75em;
}

.entry-content ul.circle.inside {
	list-style: disc inside none;
}

.entry-content ul.square {
	list-style: square outside none;
	margin-left: 1.75em;
}

.entry-content ul.square.inside {
	list-style: disc inside none;
}

.entry-content ol,
.entry-content ol.decimal {
	list-style: decimal outside none;
	margin-left: 2em;
}

.entry-content ol.decimal.inside {
	list-style: decimal inside none;
}

.entry-content ol.lzdecimal {
	list-style: decimal-leading-zero outside none;
	margin-left: 2em;
}

.entry-content ol.lzdecimal.inside {
	list-style: decimal-leading-zero inside none;
}

.entry-content ol.alpha {
	list-style: lower-alpha outside none;
	margin-left: 1.75em;
}

.entry-content ol.alpha.inside {
	list-style: lower-alpha inside none;
}

.entry-content ol.ualpha {
	list-style: upper-alpha outside none;
	margin-left: 1.75em;
}

.entry-content ol.ualpha.inside {
	list-style: upper-alpha inside none;
}

.entry-content ol.roman {
	list-style: lower-roman outside none;
	margin-left: 2.25em;
}

.entry-content ol.roman.inside {
	list-style: lower-roman inside none;
}

.entry-content ol.uroman {
	list-style: upper-roman outside none;
	margin-left: 2.25em;
}

.entry-content ol.uroman.inside {
	list-style: upper-roman inside none;
}

/* menu lists should not have bullets */
.navi-menu ul li {
	list-style: none;
}

/* simulate background size cover using js */
img.astx-bgfill {
	visibility: hidden;
}

img.astx-bgfill.fillbg {
	display: inline-block;
	position: absolute;
	visibility: visible;
}

.astx-bgfill-wrap.outer {
	position: static;
	width: 100%;
}

.astx-bgfill-wrap.inner {
	position: relative;
		left: 0;
		top: 0;
	width: 100%;
}

/* code display */
.code-block {
    margin: 1em auto;
    position: relative;
    width: 92%;
}

.code-block h4 {
	font-size: 0.85em;
	font-weight: 500;
	margin: 0;
    padding: 0.3125em 0.1875em;
}

.code-block h4:before {
	content: "\3022";
	position: absolute;
		left: -1.5em;
}

.code-block pre {
    counter-reset: linenumbers;
}

.code-block pre span {
	display: block;
	font: normal normal 300 85%/1.6 Consolas, Monaco, "Lucida Console", monospace;
    padding: 0 0.1875em;
}

.code-block pre span:before {
    content: counter(linenumbers) "\0020";
    counter-increment: linenumbers;
    padding-top: 0.333333ex;
    position: absolute;
		left: -3.125em;
    text-align: right;
    width: 3em;
    /* Don't select line numbers */
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/* force word break: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
.cx-break {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/* Tiny Scrollbar */
.vscroll .scroll-port.viewport,
.hscroll .scroll-port.viewport {
	overflow: hidden;
	position: relative;
}

.vscroll .scroll-port.viewport {
	padding: 0 0.25em 0 0;
}

.hscroll .scroll-port.viewport {
	padding: 0 0 0.25em 0;
}


.vscroll .scroll-wrap.overview,
.hscroll .scroll-wrap.overview {
	position: absolute;
	overflow: visible;
	height: 100%;
	width: 100%;
}

.vscroll .scrollbar,
.hscroll .scrollbar {
	position: absolute;
}

.vscroll .scrollbar {
	top: 0;
	right: 0;
	width: 0.25em;
}

.hscroll .scrollbar {
	bottom: 0;
	left: 0;
	height: 0.25em;
}

.scrollbar .track {
	background: #BCBCBC none;
}

.vscroll .scrollbar .track {
	width: 100%;
}

.hscroll .scrollbar .track,
.hscroll .scrollbar .thumb {
	height: 100%;
}

.scrollbar .thumb {
	background: #FA5B0F none;
	cursor: pointer;
	height: 0.5em;
	overflow: hidden;
	position: absolute;
		top: 0;
	width: 100%;
}

.scrollbar .track,
.scrollbar .thumb {
	-khtml-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}

.scrollbar.disable {
	display: none;
}

.noSelect {
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/*----------------------------------------------------------------------
 * Enqueue .htc in the header since absolute url required for .htc
 * Include IE conditional statements in <style>
 * =====================================================================
 * function astx_add_ie_css_hacks() {
 * 		$htcfile = get_stylesheet_directory_uri() . '/css/border-radius.htc';
 * 		?>
 * 		<style type='text/css'>
 * 			button, input[type="button"], input[type="reset"], input[type="submit"] {
 * 				behavior: url("{$htcfile}");
 * 			}
 * 			input[type=text], input[type=email], textarea {
 * 				behavior: url("{$htcfile}");
 * 			}
 * 		</style>
 * 		<?php
 * 		}
 * add_action('wp_head', 'astx_add_ie_css_hacks', 8);
 * -------------------------------------------------------------------*/