/*
Theme Name: Bootstrap 4 Base Theme
Author: i4 Solutions
Author URI: http://www.i4.net
Version: 1.0
Text Domain: http://www.i4.net
License: Use with Permission only
License URI: http://www.i4.net
*/

/*@import url('bootstrap/css/bootstrap.css');*/


/* DO NOT MAKE CHANGES TO THIS OR ANY OTHER FILE IN THIS THEME - USE A CHILD THEME INSTEAD! */

/* -------------------- Header -------------------- */

header
{
    background-color: #eee;
    color: #777;
    min-height: 50px;
    text-align: center;
}

/* -------------------- Navigation -------------------- */

nav
{
    background-color: #ccc;
}

.navbar
{
    margin-bottom:0px;
}


.navbar-default {
    background-image: none !important;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus
{
    background: none !important;
    box-shadow: none !important;
}

/* -------------------- Content -------------------- */


.jumbotron img, 
.container img
{
    max-width: 100%;
    height:auto;
}

/* -------------------- Footer -------------------- */

footer
{
    background-color: #777;
    min-height: 80px;
    padding: 10px 0px 15px;
    margin-top: 15px;
    text-align:center;
}

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

@media screen and (min-width:768px)
{
    .logo
    {
        text-align: left;
    }

    .tagline
    {
        text-align: center;
    }

    .cta
    {
        text-align: right;
    }

    .navbar-nav
    {
        float: none;
    }

    .navbar-nav > li
    {
        float: none;
        display: inline-block;
    }

    .footerLeft
    {
        text-align: left;
    }

    .footerMiddle
    {
        text-align: center;
    }

    .footerRight
    {
        text-align: right;
    }

    .product .images
    {
        width: 50%;
        float: left;
        text-align:center;
        height:auto;
    }
}

/* -------------------- WooCommerce -------------------- */

.wc-tabs li {
    display: inline-block;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3px 10px;
}

.woocommerce-Tabs-panel {
    border: 1px solid #ccc;
    margin-left: 20px;
}

.productImage .images {
    text-align: center;
}

.productImage .images img {
    height: auto;
}

button.single_add_to_cart_button.button.alt {
    margin: 5px 0px;
}

.onsale {
    display: inline-block;
    padding: 5px 15px;
    background-color: red;
    margin: 5px;
    color: #fff;
    font-size: 27px;
    border-radius: 10px;
}

ul.products
{
    padding-left:0px;
}

.products li {
    display: inline-block;
    padding: 15px;    
    vertical-align: top;
    text-align:center;
    width:100%;
}

    .products li img
    {
        height: auto;
        width: auto;
        max-width: 150px;
        max-height: 150px;
    }

.related.products {
    clear: both;
    text-align: center;
    margin-top: 48px;
}

.related.products h2 {
    text-align: center;
}


.summary.entry-summary {
    padding: 5px 15px;
}

.woocommerce-tabs.wc-tabs-wrapper {
   clear:both;
   padding-top:25px;
}

.woocommerce-breadcrumb {
    background: none;
    margin-bottom: 15px;
}

.variations .label
{   
    color:#000;
}

table.variations {
    margin-bottom: 8px;
}

.single_add_to_cart_button.button.alt {
    background: #7D7468;
    padding: 5px 25px;
    color: #fff;
}

.woocommerce-variation-price {
    font-size: 20px;
}

nav.woocommerce-pagination {
    background: none;
}

.page-numbers li a {
    padding: 5px 15px;
}

.page-numbers li a:hover {
	text-decoration:none;
	border:1px solid #777;
}

.page-numbers li {
    list-style: none;
    display: inline-block;
}

@media screen and (min-width:768px)
{
    .summary.entry-summary {
        width: 49%;
        float: right;
        padding: 5px 15px;
    }

    .products li
    {
        width: 24%;
    }
}

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
        white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.sticky {}

.gallery-caption {}

.bypostauthor {}

/* Embed Responsively */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Safari Fix for columns */
.row:before, .row:after {
    display: inline-block!important;
}