/*

Theme Name: Sueva
Theme URI: https://www.themeinprogress.com/sueva/
Description: Sueva is a clean and minimal WordPress blog theme, with an optional minimal layout, one page section and eight different header layouts, perfect to manage your personal, lifestyle, travel, food, recipes or fashion blog. Now is ecommerce ready and is optimized to work with WooCommerce and Contact Form 7 plugins. You can manage each Sueva section, thanks to a extensive theme option panel. The theme support all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 8, 9 and 10 and uses the most modern technologies like HTML5 and CSS3. 
Author: Theme in Progress.
Author URI: https://www.themeinprogress.com
Version: 3.4.1
Tags: custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options
Text Domain: sueva
Domain Path: /languages
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/

#logo {
	max-width: 250px !important;
	margin: auto;
}

body { 
	background:url(images/bgnoise2.png) repeat #f3f3f3;
	border-top:3px solid #be1e2d !important;
}

/* ====================== START TYPOGRAPHY ====================== */

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(fonts/MaterialIcons-Regular.woff) format('woff'),
    url(fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';

  /* CUSTOM STYLES */

  /*background-color: #123250;
  border-radius: 0.125em;*/
  position: relative;
  top: 6px;
  font-size: 24px !important;
  padding: 0 2px;
}

@font-face {
    font-family: 'TitilliumLtBold';
    src: url('fonts/titillium-light-webfont.eot');
    src: url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-light-webfont.woff') format('woff'),
         url('fonts/titillium-light-webfont.ttf') format('truetype'),
         url('fonts/titillium-light-webfont.svg#TitilliumLtBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Antenna-Regular;
    src: url('fonts/Antenna-Regular.eot');
    src: url('fonts/Antenna-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Antenna-Regular.woff') format('woff'),
         url('fonts/Antenna-Regular.otf') format('truetype'),
         url('fonts/Antenna-Regular.svg#Antenna-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Antenna-Light;
    src: url('fonts/Antenna-Light.eot');
    src: url('fonts/Antenna-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Antenna-Light.woff') format('woff'),
         url('fonts/Antenna-Light.otf') format('truetype'),
         url('fonts/Antenna-Light.svg#Antenna-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'MuseoSans-500';
  src: url("fonts/MuseoSans-500.eot");
  src: url("fonts/MuseoSans-500.eot?#iefix") format("embedded-opentype"), url("fonts/MuseoSans-500.woff") format("woff"), url("fonts/MuseoSans-500.ttf") format("truetype"), url("fonts/MuseoSans-500.svg#MuseoSans-500") format("svg");
  font-weight: normal;
  font-style: normal;
}

p, 
li, 
address, 
dd, 
blockquote, 
td, 
th,
.textwidget { 
	/*font-size:16px; */
	line-height:1.8em;
	font-family:'Open Sans',Verdana, Geneva, sans-serif !important;
	font-weight: normal;
}
body,
p,
li,
address,
dd,
blockquote { 
	color:#545252;
} 
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
ul,
ol { 
	margin:0.8em 0 0.3em;
}   
h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title { 
	font-family:'TitilliumLtBold','Open Sans',Verdana, Geneva, sans-serif !important; 
	font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 { 
	font-family:'TitilliumLtBold','Open Sans',Verdana, Geneva, sans-serif !important;
	font-weight: normal !important; 
}
   
h1 {
	font-size: 28px !important;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 24px;
}
h4.title {
	font-size: 20px;
	margin:15px auto;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
code {
	display:block;
	white-space:normal !important;
}

/* ====================== END TYPOGRAPHY ====================== */

body.scroll_header #header { 
	position:fixed;
	text-align:center;
	padding:0;
	color:#616161;
	width:100%;
	background:#fff;
	top:0;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2) !important;
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2) !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2) !important;
	/*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
	border-top:3px solid #be1e2d !important;
}

#logo { 
	position:relative; 
	display:block;
	padding:45px 0 20px 0 !important; 
	line-height:1.8em;
	margin-top: -10px;
}

.sueva-menu ul li {
	padding-bottom:0px !important;
}

/*nav#mainmenu.sneak ul li {
	padding-bottom:0px !important;
}*/

nav.sueva-menu ul li a {
	margin:0 5px;
	padding:5px 15px !important;
	text-transform:none;
	background:#fff;
	height:inherit !important;
	position:relative;
	line-height:1.4em;
	-webkit-border-radius:1.256em !important;
	-moz-border-radius:1.256em !important;
	border-radius:1.625em !important;
	border:0px solid #CCD1D9 !important;
}

/*nav#mainmenu.sneak ul li a {
	margin:0 5px;
	padding:5px 15px !important;
	text-transform:none;
	background:#fff;
	height:inherit !important;
	position:relative;
	line-height:1.4em;
	-webkit-border-radius:1.256em !important;
	-moz-border-radius:1.256em !important;
	border-radius:1.625em !important;
	border:0px solid #CCD1D9 !important;
}*/

.sueva-menu {
    margin:0 0 20px 0 !important; 
	padding:0; 
	text-align:center; 
	position:relative; 
	width:100%;
}

/*nav#mainmenu.layout1 { 
	margin:0 0 20px 0 !important; 
	padding:0; 
	text-align:center; 
	position:relative; 
	width:100%;
}*/

.sueva-menu ul li a:hover,
.sueva-menu li:hover > a,
.sueva-menu ul li.current-menu-item > a, 
.sueva-menu ul li.current_page_item > a, 
.sueva-menu ul li.current-menu-parent > a, 
.sueva-menu ul li.current_page_ancestor > a, 
.sueva-menu ul li.current-menu-ancestor > a { 
	background-color: #123250 !important;
	color:#fff !important;
}

.post-container .title a {
	font-size:28px;
	color:#ad2734 !important;
	font-style: normal;
	font-weight: normal;
}

.post-article .title a:hover {
	color:#123250 !important;
}

.banner-rotate img,
.wp-post-image { 
	-webkit-transition: -webkit-transform 0.0s ease;
	-moz-transition: -moz-transform 0.0s ease;
	-o-transition: -o-transform 0.0s ease;
	transition: transform 0.0s ease;
	width:100%;
	height:auto;
}

.banner-rotate:hover img,
.wp-post-image:hover { 
	-moz-transform: rotate(0deg) scale(1) !important;
	-webkit-transform: rotate(0deg) scale(1) !important;
	-o-transform: rotate(0deg) scale(1) !important;
	transform: rotate(0deg) scale(1) !important;
}

.post-container {
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	padding:0 !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
}

.post-article { 
	padding:25px !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	background:#fff;
	border-bottom:solid 0px #ddd !important;
	/*box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);*/
}

.post-container .title {
	font-size:28px;
	font-style: normal;
	font-weight: normal;
	margin:0 0 15px 0;
	line-height:1.2em;
	text-align:center;
	position:relative;
	color:#ad2734 !important;
	
}

.pin-container {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
}

.pin-container:after {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid #fff !important;
}

.post-article .entry-info span, .post-article .entry-info a {
	font-size: 14px !important;
}

.entry-info {
	top: -4px;
}

.line:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 1px;
    background: #0068a6 !important;
    z-index: -1;
    top: 14px !important;
}

.entry-info2 {
	background:#fff;
	display:inline;
	position:relative;
    padding: 0 20px;
}

.entry-info2 {
	top: -6px;
}

.line2 {
	position:relative;
	z-index: 998;
	display:block;
	margin:30px 0;
	text-align:center;
	min-height:11px
}

.line2:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    height: 1px;
    background: #0068a6 !important;
    z-index: -1;
    top: 6px !important;
}

.alignleft, img.alignleft {
    display: inline;
    float: none !important;
    margin-right: 24px;
    margin-top: 4px;
}

.post-article span {
	line-height: normal !important;
    font-size: 14px !important;
}

.post-details .lnkto{
	font-weight: 600;
	color:#123250 !important;
}

.post-details .lnkto:hover {
	color:#0074cc !important;
}

div.list-shortcode ul {
	margin: 0px 0 0px 15px !important;
}

div.list-shortcode ul i {
    margin-right: 10px !important;
}

.logged-in-as, .form-submit, .comment-notes {
    display: block;
    text-align: center; 
}

.comment-form-comment, .comment-form-author, .comment-form-email, .comment-form-url {
	text-align: left !important;
	/*background-color: #fafafa;*/
	/*padding: 5px 0 0px 5px;*/
	/*-webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, .2);*/
}

label {
	background-color: #f3f3f3;
	padding: 5px 0 5px 15px;
	width: 100%;
	border-radius: 0.425em 0.425em 0 0;
    margin-bottom: 0px !important;
	border: 2px solid #efefef !important;
    
}

.contact-form input.sneak[type=submit] {
	border-color: #2b2b2b !important;
    background: #fff;
    border-radius: 50px !important;
    padding: 5px 25px !important;
    display: inline;
}

.comment-form textarea, input[type=text] {
	/*background: #fafafa !important;*/
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    /*-moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.6);*/
    border-radius: 0 0 0.425em 0.425em;
    border: 2px solid #efefef !important;
    border-top: 0 !important;
    min-width: 100%;
}

.comment_container, .comment-container {
	border-radius: 0.425em;
	padding: 25px !important;
}

.comment-author .author {
	color: #123250;
}

.comment-avatar img {
	border-radius: 0.425em;
}

.comment-replylink {
	margin: 25px 0 0 0;
}

.comment-reply-link {
	padding: 5px 15px;
	border: 2px solid #ddd;
	border-radius: 0.425em;
}

.comment-reply-link:hover {
    background-color: #0074cc;
    color: #ffffff !important;
}

.wp-pagenavi a, 
.wp-pagenavi a:link,
.wp-pagenavi span.current, 
.wip-pagination span {
	font-family: open sans;
	display:inline-block;
	padding: 4px 25px !important;
	margin-bottom:0;
	margin:0 0px !important;
	font-size:14px;
	line-height:21px;
	color:#123250 !important;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	-webkit-border-radius:1.256em !important;
	-moz-border-radius:1.256em !important;
	border-radius:1.625em !important;
	box-shadow: 0 0px 0px rgba(34, 25, 25, 0.4) !important;
	-moz-box-shadow: 0 0px 0px rgba(34,25,25,0.4) !important;
	-webkit-box-shadow: 0 0px 0px rgba(34, 25, 25, 0.4) !important;
	background: #fafafa !important;
	border:2px solid #CCD1D9 !important;
	-webkit-transition: all .3s ease; 	
	-moz-transition: all .3s ease; 
	-o-transition: all .3s ease;
}

.wp-pagenavi a:hover, 
.wip-pagination span,
.wip-pagination a span:hover,
.wp-pagenavi span.current {
	color:#fff;
	background: #F5F7FA !important;
	/*/*background:#ff6644;*/
	text-decoration:none;
	border-bottom:none;
    border: 2px solid #123250 !important;
}

#prevpage {
	background:url(assets/images/prevnext_v2.png) 3px 1px;
	background-repeat:no-repeat;
	width:21px;
	height:21px;
	/*-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;*/
}

#prevpage:hover {
	background:url(assets/images/prevnext_v2.png) -15px 1px;
	background-repeat:no-repeat;
	width:21px;
	height:21px;
	cursor:pointer;
}

#nextpage {
	background:url(assets/images/prevnext_v2.png) -17px -19px;
	background-repeat:no-repeat;
	width:21px;
	height:21px;
	/*-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;*/
}

#nextpage:hover {
	background:url(assets/images/prevnext_v2.png) 7px -19px;
	background-repeat:no-repeat;
	width:21px;
	height:21px;
	cursor:pointer;
}

.wp-pagenavi a:hover {
	color:#434A54;
	background:#F5F7FA !important;
	text-decoration:none;
	border:2px solid #123250;
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
	/*border-bottom:none;*/
}

#footer {
    background-color: #f5f5f5 !important;
	border-top:solid 2px #123250 !important;
	box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.4);
}

#footer p {
	color:#123250 !important;
}

#footer a {
	color:#123250 !important;
}

#footer a:hover {
	color:#0668a6 !important;
}

#back-to-top {
	position:fixed;
	bottom:40px !important;
    right:60px !important;
	display:none;
}

#back-to-top i{
	padding:13px !important;
	/*-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;*/
	/*color:#fff;
	border:solid 2px #444649;
	background:#2D3032;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	display:inline-block;
	font-size:14px;*/
	color: rgba(0,0,0,0) !important;
	border:none !important;
	background-color: #1F578E !important;
	height:26px !important;
	background-image: url(assets/images/scrolltoarrow.svg) !important;
	background-size: 24px !important;
	background-position: 8.3px 5px !important;
	background-repeat:no-repeat !important;
	border-radius:4px !important;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	z-index:1000;
}

#back-to-top i.open,
#back-to-top i:hover {
	/*cursor:pointer;
	background:#ff6644;
	border:solid 2px #ff6644;
	color:#fff;*/

	background-position: 8.3px -18px !important;
	background-color: #123250 !important;
}

.tinynav {
	display: none !important;
	visibility: visible;
	width: 100% !important;
	margin:auto;
	height: 50px;
	padding: 8px 8px;
	background: #fafafa;
	color: #333;
	border: 2px solid #123250 !important;
	-webkit-border-radius:1.256em !important;
	-moz-border-radius:1.256em !important;
	border-radius:1.625em !important;
}

.xdiframe {
	width: 100% !important;
	height: 100% !important;
	margin:auto;
	/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 4px !important;*/
	/*padding: 8px;
	background: #fafafa;*/
	/*-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.6);*/
}

/*-------------------------------------*/
/* @media screen and (max-width:992px) */
/*-------------------------------------*/

@media screen and (max-width:992px) {

	.material-icons {
		position: relative;
		top: -3px;
		font-size: 18px !important;
		padding: 0 2px;
	}

	.entry-info2 {
		top: 0px;
	}

	.line2 {
		border: none !important;
	    background: none !important;
	    margin: inherit;
	    padding: 0;
	}

	.line2:before {
	    content: '';
	    position: absolute;
	    width: 100%;
	    left: 0;
	    height: 1px;
	    background: none !important;
	    z-index: -1;
	    top: 6px !important;
	}

	footer.line2 {
		margin:50px 0 0 0;
	}

}

/*-------------------------------------*/
/* @media screen and (max-width:576px) */
/*-------------------------------------*/

@media screen and (max-width:576px) {

	#logo {
		max-width: 200px !important;
		margin: auto;
		transform: translateX(-5%);*/
	}

	.entry-info {
		top: 0px;
	}

	.material-icons {
		position: relative;
		top: -3px;
		font-size: 18px !important;
		padding: 0 2px;
	}

	.xdiframe {
		/*width: 80% !important;
		height: 80% !important;
		margin:auto;*/
	}

	.device-google-pixel-2-xl {
		height: 572px !important;
		max-width: 100% !important;
		margin: 0 auto;
		box-shadow: 0 0px 4px rgba(34, 25, 25, 0.4);
		border-radius: 5px;
		overflow: hidden;
	}

	.device-google-pixel-2-xl .device-frame {
		/*background: #050505;
		border-radius: 36px;
		box-shadow: inset 0 0 0 2px #cfcfcf, inset 0 0 1px 8px #2c2c2c;
		height: 100% !important;
		padding: 15px 15px;
		max-width: 90% !important;*/
		display: contents;
		/*box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) !important;
		-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) !important;
		-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) !important;*/
	}

	.device-google-pixel-2-xl .device-content {
		/*border-radius: 27px;*/
		height: 100% !important;
		width: 100%;
		margin: auto;
		/*top: 55%;
		transform: translateY(-55%);*/
	}

	.device-google-pixel-2-xl .device-screen {
		background: #E6E9ED;
		border-radius: 22px 22px 7px 7px;
		height: 100% !important;
		width: 100%;
	}

	.device-google-pixel-2-xl .device-header, .device-google-pixel-2-xl .device-footer, .device-google-pixel-2-xl .device-btns, .device-google-pixel-2-xl .device-power, .device-google-pixel-2-xl .device-sensors1, .device-google-pixel-2-xl .device-sensors2 {
		display: none;
	}

	.btn {
		margin-bottom: 10px !important;
    	display: block !important;
	}

}

/*-------------------------------------*/
/* @media screen and (max-width:360px) */
/*-------------------------------------*/

@media screen and (max-width:360px) {

	.device-google-pixel-2-xl {
		height: 428px !important;
		max-width: 100% !important;
		margin: 0 auto;
		box-shadow: 0 0px 4px rgba(34, 25, 25, 0.4);
		border-radius: 5px;
		overflow: hidden;
	}

}

/*@media screen and (min-width : 0px) and (max-width : 720px)  {	
	
	.post-container {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding:0 10px 0 10px !important;
	border-radius: 2px !important;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
}

}*/

/*----------------------------------------------------*/
/* BUTTON STYLES FOR BUTTONS BUTTONS BUTTONS POST */
/*----------------------------------------------------*/

.btns {
padding-bottom: 10px !important; }

.btn {
font-family: "MuseoSans-500";
border-radius: 1.625em !important;
padding: 0.313em 0.938em 0.313em 0.938em;
border: 1px solid transparent;
background-color: #dbd7db;
outline: 0 !important;
}

.btn:hover {
font-family: "MuseoSans-500";
background-color: #aba1ab;
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
}

.btn.btn-default {
font-family: "MuseoSans-500";
padding: 0.569em 0.938em 0.369em 0.938em;
background-color: #dbd7db !important;
border: 1px solid transparent !important;
}

.btn.btn-default:hover {
font-family: "MuseoSans-500";
background-color: #c3bcc3 !important;
border: 1px solid transparent !important;
}

.btn.btn-success {
font-family: "MuseoSans-500";
padding: 0.413em 1.875em 0.213em 1.875em;
background-color: #11ee80 !important;
color: #0a8f4d !important;
text-transform: uppercase;
/*text-font-size: .8em;*/
border: 1px solid transparent !important;
}

.btn.btn-success:hover {
background-color: #70f5b3 !important;
border: 1px solid transparent !important;
}

.btn.btn-danger {
font-family: "MuseoSans-500";
padding: 0.413em 1.275em 0.213em 1.275em;
background: repeating-linear-gradient(45deg, #e6f728, #f7d428 10px, #effa73 10px, #effa73 20px) !important;
color: #cb4f57 !important;
text-transform: uppercase;
border: 1px solid transparent !important;
}

.btn.btn-danger:hover {
background: repeating-linear-gradient(45deg, #d2e408, #e4be08 10px, #e9f842 10px, #e9f842 20px) !important;
color: #cb4f57 !important;
border: 1px solid transparent !important;
}

.btn.btn-info {
padding: 0.725em 1.875em 0.425em 1.875em;
background-color: #e1d111 !important;
color: #534d06 !important;
text-transform: uppercase;
border: 1px solid transparent !important;
}

.btn.btn-info:hover {
background-color: #f0e135 !important;
color: #534d06 !important;
border: 1px solid transparent !important;
}

.btn.btn-warning {
padding: 0.725em 0.938em 0.425em 0.938em;
background-color: #cb4f57 !important;
color: #eec5c8 !important;
text-transform: uppercase;
border: 1px solid transparent !important;
}

.btn.btn-warning:hover {
background-color: #8b292f !important;
border: 1px solid transparent !important;
}

.btn.btn-xs {
padding: 0.134em 0.625em 0.134em 0.625em;
background-color: #11ee80;
color: #03301a;
font-size: .8em;
}

.btn.btn-xs:hover {
background-color: #70f5b3;
}

.btn.btn-sm {
padding: 0.469em 0.938em 0.469em 0.938em;
background-color: #4f95cb;
color: #ecf4fa;
}

.btn.btn-sm:hover {
background-color: #29608b;
color: #f2ecfa;
}

.btn.btn-md {
padding: 0.703em 0.625em 0.703em 0.625em;
background-color: #3f43c8;
color: #dedef5;
}

.btn.btn-md:hover {
background-color: #24267d;
color: #f2ecfa;
}

.btn.btn-lg {
padding: 0.938em;
background-color: #854fcb;
color: #f2ecfa;
font-size: 16px;
}

.btn.btn-lg:hover {
background-color: #54298b;
color: #f2ecfa;
}

.btn.btn-xs-outline {
padding: 0.234em 0.625em;
border: 0.125em solid #11ee80;
background-color: transparent;
color: #0a8f4d;
font-size: 0.8em;
}

.btn.btn-xs-outline:hover {
border: 0.125em solid #0a8f4d;
background-color: transparent;
}

.btn.btn-sm-outline {
padding: 0.469em 0.938em 0.469em 0.938em;
border: 0.125em solid #4f95cb;
background-color: transparent;
color: #29608b;
}

.btn.btn-sm-outline:hover {
border: 0.125em solid #29608b;
background-color: transparent;
}

.btn.btn-md-outline {
padding: 0.703em 0.625em 0.703em 0.625em;
border: 0.125em solid #3f43c8;
background-color: transparent;
color: #0d0e2e;
}

.btn.btn-md-outline:hover {
border: 0.125em solid #24267d;
background-color: transparent;
}

.btn.btn-lg-outline {
padding: 0.938em;
border: 0.125em solid #854fcb;
background-color: transparent;
color: #54298b;
border-radius: 1.725em !important;
font-size: 16px;
}

.btn.btn-lg-outline:hover {
border: 0.125em solid #54298b;
background-color: transparent;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65; }