/**
 * The files in /assets are unmodified.
 * This file contains
 *    - resets, in an attempt to ensure sliders display properly in all themes
 *    - modifications to the default sliders CSS
 */

 /* general resets */



.metaslider {
    position: relative;
    z-index: 0;
}

/*.metaslider .caption {
    padding: 5px 10px;
    word-wrap: break-word;
}*/

.metaslider .caption {
    padding: 5px 10px 5px 40px;
    word-wrap: break-word;
}

/*.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 0.7;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}*/


.metaslider .caption-wrap {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    color: #576D1B;
    display: block;
    font-size: 25px;
    left: 0;
    line-height: 1.4em;
    margin: 0 0 150px;
    opacity: 0.7;
    position: absolute;
    max-width: 82%;
}

.metaslider img {
    height: auto;
    padding: 0;
    margin: 0;
}

.metaslider a {
    outline: none;
}

.metaslider .theme-default .nivoSlider {
   -webkit-box-shadow: 0 0 0;
   -moz-box-shadow: 0 0 0;
   box-shadow: 0 0 0;
}

.metaslider li:before,
.metaslider li:after {
    content: "" !important;
    display: block !important;
    bottom: auto !important;
    margin: 0 !important;
}

.metaslider .caption-wrap .caption img {
    width: auto;
}

/** quick resets **/
.article .metaslider ul,
.article .metaslider ol,
.article .metaslider li,
.article .metaslider img,
.art-article .metaslider ul,
.art-article .metaslider ol,
.art-article .metaslider li,
.art-article .metaslider img,
#widgets .metaslider ul,
#widgets .metaslider ol,
#widgets .metaslider li,
#widgets .metaslider img,
.entry .metaslider ul,
.entry .metaslider ol,
.entry .metaslider li,
.entry .metaslider img,
#content .metaslider ul,
#content .metaslider ol,
#content .metaslider li,
#content .metaslider img,
.entry-content .metaslider ul,
.entry-content .metaslider ol,
.entry-content .metaslider li,
.entry-content .metaslider img,
.metaslider .flexslider ul,
.metaslider .flexslider .slides li,
.metaslider .flexslider .slides ul,
.metaslider .flexslider .slides ol,
.metaslider .flexslider .flex-direction-nav,
.metaslider .flexslider .flex-direction-nav li,
*[class*='-article'] .metaslider img {
    border: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none;
}

.metaslider .slides img {
	width: 100%;
	display: block;
}

@media all and (max-width: 350px) and (min-width: 320px){

	.metaslider .caption-wrap {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	color: #576D1B;
	display: block;
	font-size: 12px;
	left: 0;
	line-height: 1.4em;
	margin: 0 0 23px;
	opacity: 0.7;
	position: absolute;
	width: 79%;
	}
}

@media all and (max-width: 480px) and (min-width: 431px){

	.metaslider .caption-wrap {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	color: #576D1B;
	display: block;
	font-size: 14px;
	left: 0;
	line-height: 1.4em;
	margin: 0 0 45px;
	opacity: 0.7;
	position: absolute;
	width: 80%;
	}
}

@media all and (max-width: 430px) and (min-width: 360px){

	.metaslider .caption-wrap {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	color: #576D1B;
	display: block;
	font-size: 12px;
	left: 0;
	line-height: 1.4em;
	margin: 0 0 29px;
	opacity: 0.7;
	position: absolute;
	width: 79%;
	}
}

@media all and (max-width: 699px) and (min-width: 600px){
	.metaslider .caption-wrap {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	color: #576D1B;
	display: block;
	font-size: 16px;
	left: 0;
	line-height: 1.4em;
	margin: 0 0 86px;
	opacity: 0.7;
	position: absolute;
	width: 79%;
	}
}

@media all and (max-width: 800px) and (min-width: 700px){

	.metaslider .caption-wrap {
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	color: #576D1B;
	display: block;
	font-size: 19px;
	left: 0;
	line-height: 1.4em;
	margin: 0 0 108px;
	opacity: 0.7;
	position: absolute;
	width: 82%;
	}
}
