/*
 * astx-css-cycle2.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 stylesheet for Cycle2 slideshows.
 *
 * 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,
 * all .astx-c2pane descriptors may need rework.
 *
 * @package     VaccinesToday
 * @subpackage  theme
 * @since       0.1.0
 */

/*----------------------------------------------------------------------
 * Images are sized by the slideshow
 * -------------------------------------------------------------------*/
.astx-c2wrap img {
	width: auto;
	height: auto;
}

/*----------------------------------------------------------------------
 * Set master container defaults
 * -------------------------------------------------------------------*/
.astx-c2wrap,
.astx-c2pack {
	margin: 0;
	min-width: 3em;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 100%;
}

.astx-c2wrap.outer {
	position: static;
}

/* Set the sizer if we have one */
.astx-c2wrap img.astx-c2sizr {
	font-size: 0;
	position: absolute;
		top: 0;
	height: auto;
	visibility: hidden;
	width: auto;
	z-index: -999;
}

/* A class to clear elements */
.astx-c2clear {
	clear: both;
}

/* Lay out the slide
 * -------------------------------------------------------------------*/
/* The slide fully occupies the container */
.astx-c2pane {
	background: transparent none;
    display: block; /* fouc */
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
    position: absolute; /* fouc */
		top: 0;
		left: 0;
}

/* Active slides are always visible */
.astx-c2pane.cycle-slide-active {
	visibility: visible !important;
}

/* Carousel panes are always visible */
.cycle-carousel-wrap .astx-c2pane {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
	visibility: visible !important;
}

/* Overlay */
.astx-c2overlay {
	position: absolute;
	width: 100%;
	z-index: 110;
}

.astx-c2overlay img {
	height: auto;
	width: 100%;
}

/* Pane isolator */
.astx-c2isol {
	position: relative;
}

/* Zero positioning */
.astx-c2zero {
	position: absolute;
		top: 0;
}

/* We don't need the clear spacer for post blocks in slide shows */
.astx-c2wrap .astx-clear-spacer {
	clear: none;
	width: 0;
	display: none;
}

/* Post blocks occupy normal height */
.astx-c2wrap .astx-sc-block *,
.astx-c2wrap .astx-sc-block * {
	height: auto;
}

.astx-c2wrap .astx-sc-block .entry-header .entry-title a {
	color: #FFF;
}

/* Supplementary text elements
 *--------------------------------------------------------------------*/
/* Captions */

/* Titles */

/* Descriptions */

/* The pager
 *--------------------------------------------------------------------*/
/* Set the pager display block */
div[class^='astx-c2page-'] {
	display: block;
    overflow: hidden;
    padding: 1em 0;
    text-align: center;
    z-index: 500;
}

/* The standard pager */
div[class^='astx-c2page-'] span.standard {
	color: transparent;
	display: inline-block;
	background-image: url('img/page.png');
	background-position: 0 0;
	background-size: 300%;
	height: 0;
	margin: 0 0.125em;
	padding-bottom: 0.75em;
	width: 0.75em;
}

div[class^='astx-c2page-'] span.standard:hover {
	background-position: 200% 0;
	cursor: pointer;
}

div[class^='astx-c2page-'] span.standard.cycle-pager-active {
	background-position: 100% 0;
}

/* The numeric pager */
div[class^='astx-c2page-'] a.numeric {
    font-size: 1em;
    font-weight: 700;
	margin: 0 0.125em;
    height: 1em;
    width: 1em;
}

div[class^='astx-c2page-'] a.numeric:hover {
	cursor: pointer;
}

/* Pager in navigation bar */
div[class^='astx-c2page-'].navbar {
	padding: 1em 2em;
}

/* In-slide positioning */
div[class^='astx-c2page-'].inslide {
	position: absolute;
		left: 0;
		right: 0;
}

div[class^='astx-c2page-'].inslide.top {
	top: 0;
}

div[class^='astx-c2page-'].inslide.bottom {
	bottom: 0;
}

/* Left aligned pager */
div[class^='astx-c2page-'].left {
	text-align: left;
}

/* Right aligned pager */
div[class^='astx-c2page-'].right {
	text-align: right;
}

/* Pager in left navbar*/
div[class^='astx-c2page-'].navbar.leftnav {
	padding: 1em 0.125em 1em 2.125em;
}

/* Previous/Next | Pause/Play
 *--------------------------------------------------------------------*/
.astx-c2play,
.astx-c2move {
	background-size: 200%;
	display: inline-block;
	cursor: pointer;
	height: 0;
	position: absolute;
		top: 0;
		bottom: 0;
	margin: auto;
	padding-bottom: 3em;
	visibility: hidden;
	width: 3em;
	z-index: 198;
}

.astx-c2play {
	left: 0;
	right: 0;
}

.astx-c2move.next {
	background-position: 100% 0;
	right: 0;
}

.astx-c2move.prev {
	background-position: 0 0;
	left: 0;
}

.astx-c2move.always,
.astx-c2move.pnxt-arr {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;
	visibility: visible;
}

.astx-c2move.disabled {
	cursor: default;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: .2;
}

div[id^='astx-c2move-'].external {
	width: 100%;
}

div[id^='astx-c2move-'].external .astx-c2move,
div[id^='astx-c2move-'].inslide .astx-c2move {
	background-image: url(../img/cycle2/pnxt3.png);
	color: transparent;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	position: relative;
}

div[id^='astx-c2move-'].external.edges .astx-c2move.next,
div[id^='astx-c2move-'].navbar.edges .astx-c2move.next,
div[id^='astx-c2move-'].navbar.right {
	float: right;
	text-align: right;
}

div[id^='astx-c2move-'].external.right {
	float: right;
}

/* Previous/next in navigation bar */
div[id^='astx-c2move-'].navbar {
	margin-top: -3.625em;
}

div[id^='astx-c2move-'].inslide.navbar {
	margin: 0;
	position: absolute;
	width: 100%;
}

div[id^='astx-c2move-'].inslide.navbar.bottom {
	bottom: 0;
}

div[id^='astx-c2move-'].inslide.navbar.top {
	top: 0;
}

div[id^='astx-c2move-'].inslide.right {
	right: 0;
	width: auto;
}

/* carousel without js */
.astx-c2wrap.astx-scroll.has-nojs .astx-c2pack {
	overflow: auto;
	overflow-y: hidden;
	padding-bottom: 0;
	white-space: nowrap;
}

.astx-c2wrap.astx-scroll.has-nojs .astx-c2pane {
	display: inline-block;
	position: static;
	white-space: normal;
}

/*----------------------------------------------------------------------
 * Unused elements from the cycle2 demo style base
 *----------------------------------------------------------------------
 * .cycle-slideshow,.cycle-slideshow * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
 * .cycle-slideshow {width:45%;min-width:200px;max-width:500px;margin:10px auto;padding:0;position:relative;background:url(..img/cycle2/spinner.gif) 50% 50% no-repeat;}
 * .cycle-slideshow img {display:block;padding:0;position:absolute;top:0;left:0;width: 100%;}
 * .cycle-slideshow img:first-child {position:static;z-index: 100;}
 * .cycle-pager {overflow:hidden;position:absolute;top:10px;text-align:center;width:100%;z-index:500;}
 * .cycle-pager span {color:#ddd;cursor:pointer;display:inline-block;font-family:arial;font-size:50px;height:16px;width:16px;}
 * .cycle-pager span.cycle-pager-active {color: #D69746;}
 * .cycle-pager > * {cursor: pointer;}
 * .cycle-caption {color:white;position:absolute;bottom:15px;right:15px;z-index:700;}
 * .cycle-overlay {background:black;color:white;font-family:tahoma,arial;opacity:.5;padding:15px;position:absolute;bottom:0;width:100%;z-index:600;}
 * .cycle-paused:after {background: #000000;-khtml-border-radius: 0.7142857143em;-webkit-border-radius: 0.7142857143em;-moz-border-radius: 0.7142857143em;border-radius: 0.7142857143em;color: #FFFFFF;content: 'Paused';filter: alpha(opacity=50);opacity: .5;padding: 0.7142857143em;position: absolute;top: 0.7142857143em;right: 0.7142857143em;z-index: 500;}
 * -------------------------------------------------------------------*/

.vts-links div[class^='astx-c2page-'] span.standard {
	background-image: url('img/vt-page.png');
	margin: 0 1em;
    padding-bottom: 0.6em;
    width: 0.6em;
}

.vts-links div[class^='astx-c2page-'] {
	padding: 4em 0 1em 0;
}

.vts-links .astx-c2move {
	top: -5em;
	z-index: 4;
}

.vts-links .astx-c2move.next {
	right: -5.5em;
}

.vts-links .astx-c2move.prev {
	left: -5.5em;
}

.vts-links .astx-c2move .ion {
	position: relative;
		top: 0.75em;
}

.vts-links .astx-c2move .ion:before {
	color: #F2F2F2;
}