/*
Theme Name: Wsboot - WebSmart base bootstrap theme
Theme URI: http://websmartdesign.co.nz
Author: Mick Buckley, Helen Beran, WebSmart Design
Author URI: http://websmartdesign.co.nz/
Description: Responsive base twitter bootstrap theme for WebSmart websites. Requires WebSmart's Custom Editor Styles plugin (move to plugins direcdtory and unzip). Requires Yoast SEO plugin.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: websmart, base, theme, child friendly
Text Domain: wsbase
*/

/* now in functions.php @import url("css/bootstrap.css"); */

/* Supports TwentyTwelve's navigation.js */
/*
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
.main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; }
.menu-toggle:after { content:'\2261'; position:absolute; top: 11px; right: 0; line-height:0em; }
*/

/* (NOT TESTED) Twenty Twelve navigation.js  IE8 */
/*
.ie8 .main-navigation ul.nav-menu, .ie8 .main-navigation div.nav-menu > ul { display: inline-block !important; text-align: left; width: 100%; }
.ie8 .main-navigation ul { margin: 0; text-indent: 0; }
.ie8 .main-navigation li a, .ie8 .main-navigation li { display: inline-block; text-decoration: none; }
.ie8 .main-navigation li { position: relative; }
.ie8 .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 100; }
.ie8 .main-navigation li ul ul { top: 0; right: 100%; }
.ie8 .main-navigation ul li:hover > ul { display: block; }
.ie8 .main-navigation li ul li a { display: block; }
.ie8 .menu-toggle { display: none; }
*/

/* Twenty Twelve navigation.js  IE7 */
/*
.ie7 .main-navigation ul.nav-menu, .ie7 .main-navigation div.nav-menu > ul { display: inline-block !important; zoom: 1; display: inline; text-align: left; width: 100%; } /* See http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/ */
/*
.ie7 .main-navigation ul { margin: 0; text-indent: 0; }
.ie7 .main-navigation li a, .ie7 .main-navigation li { display: inline; zoom: 1; text-decoration: none; } /* See http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/ */
/*
.ie7 .main-navigation li { position: relative; z-index: 1; }
.ie7 .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; }
.ie7 .main-navigation li ul ul { top: 0; left: 100%; }
.ie7 .main-navigation ul li:hover > ul { display: block; z-index: 1; left: 0; }
.ie7 .main-navigation li ul li a { display: block; }
.ie7 .menu-toggle { display: none; }
.ie7 #header-container { position: relative; z-index: 1000; }
*/

/*
@media screen and (min-width: 767px) {
        .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: inline-block !important; width: 100%; }
        .main-navigation ul { margin: 0; text-indent: 0; }
        .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; }
        .main-navigation li { position: relative; }
        .main-navigation li ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 100; }
        .main-navigation li ul ul { top: 0; left: 100%; }
        .main-navigation ul li:hover > ul { display: block; }
        .main-navigation li ul li a { display: block; }
        .menu-toggle { display: none; }
}
*/

/* See: http://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php */
.websmart-responsive-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.websmart-responsive-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
 * blueimp gallery
 */
#blueimp-gallery .slide-loading { background: url(images/ajax-loader-snake32x32.gif) center center no-repeat; }

/* Bootstrap no gutters.  See: http://julienmelissas.com/no-gutter-column-trick-for-bootstrap/ */
.row.no-gutters { margin-right: 0; margin-left: 0; }
.row.no-gutters [class^="col-"], .row.no-gutters [class*=" col-"]{ padding-right: 0; padding-left: 0; }

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