/*
Theme Name: Wellesley
Theme URI: http://themes.required.ch/
Author: required+ Team
Author URI: http://required.ch/
Description: Starter child theme for the required+ Foundation parent theme.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.4
Template: required-foundation
Text Domain: wellesley
*/


/******************************
	Generic Styles
******************************/
.alignleft{ float: left; margin: 5px 15px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 15px; }
.aligncenter { text-align: center; }

/* Make pagination work */
ul.page-numbers { display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
ul.page-numbers li.unavailable a { cursor: default; color: #999; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }


/********************************
	BX slider
*********************************/
.slider-container { height: 0; opacity: 0; -webkit-transition: opacity 2s ease-in; -moz-transition: opacity 2s ease-in; -o-transition: opacity 2s ease-in; -ms-transition: opacity 2s ease-in; transition: opacity 2s ease-in; visibility: hidden;}

.bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; *zoom: 1;}
.bx-wrapper img { max-width: 100%; display: block;}
ul.bxslider li {background-position: 50% 50%; background-size: cover;}
.slide-wrapper {height: 650px;background-color: rgba(0, 0, 0, 0.35);}
.slideinner a {font-family: sans-serif;}

/** THEME
===================================*/
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 14px; width: 100%;}

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255, 255, 255, 0.7); text-indent: -9999px; display: block; width: 8px; height: 8px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: rgba(255, 255, 255, 1.0);}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 35px; background: url(images/prev-arrow.png) no-repeat 0 0;}
.bx-wrapper .bx-next { right: 20px; background: url(images/next-arrow.png) no-repeat 0 0;}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next { background-size: 35px; }
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {/*opacity: 1.0;*/}
.bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 5%; height: 19%; text-indent: -9999px; z-index: 30;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}


/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}

/************************************
	Media Queries
************************************/

/*Smaller than ipad portrait*/
@media handheld, only screen and (max-width: 1024px) {
.bx-controls-direction {display: none;}
}