/* Admin Style */


/* WP Styling/Resets */

/* ##################################### */

/* Main Styling */

.boshki-admin-section h1, .boshki-admin-section h2, .boshki-admin-section H3, .boshki-admin-section h4, .boshki-admin-section h5, .boshki-admin-section h6, .boshki-admin-section p,  .boshki-admin-section span, .boshki-admin-section a, .boshki-admin-section input, .boshki-admin-section textarea, .boshki-admin-section select, .boshki-admin-section option {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}
.boshki-admin-section h1, .boshki-admin-section h2, .boshki-admin-section h3, .boshki-admin-section h4, .boshki-admin-section h5, .boshki-admin-section h6, .boshki-admin-section a, .boshki-admin-section span.page-numbers {
	font-family: 'Josefin Sans', sans-serif;
}
div, p, span {
	max-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
	margin: auto;
}
pre {
	white-space: pre-wrap
}
hr {
	border-bottom: 1px solid #499F68;
	border-radius: 2px;
	margin: 2rem 3rem ;
}
.bodycontainer {
	min-height: 100%;
	position: relative;
	outline: 1px solid rgba(0,0,0,0);
	z-index: 10;
	-webkit-transform: translateZ(0) translateX(0) rotateY(0deg); /* reset transforms (Chrome bug) */
	transform: translateZ(0) translateX(0) rotateY(0deg);
}
.bodycontainer::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	opacity: 0;
	background-color: rgba(0,0,0,0.2);
	-webkit-transition: opacity 0.4s, height 0s 0.4s;
	transition: opacity 0.4s, height 0s 0.4s;
}
.wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
}
#animated-bg {
	height: 100vh;
	width: 100vw;
}
.error, .warning, .notification {
}
table {
	border-collapse: collapse;
	width:100%;
}
table tr {
}
table tr td, table tr th {
	padding: 0.3rem;
}
ol, ul, dt, dd {
	text-align: left;
}
dd {
	font-style: italic
}
a {
	text-decoration: underline;
}
.fa {
	margin: 0 0.3rem;
	position: absolute;
	right: 0;
	top: 25%;
	-webkit-transition: transform 0.3s;
	transition: transform 0.3s;
}
a:hover .fa {
	transform: scale(1.2, 1.2);
}
/* Main Styling */

/* ##################################### */

	section.boshki-admin-section h1, section.boshki-admin-section h2, section.boshki-admin-section h3, section.boshki-admin-section h4, section.boshki-admin-section h5, section.boshki-admin-section h6{
	 border-bottom: 3px solid #499F68;
	 text-align:left;
	}
section.boshki-admin-section h1 {
	margin: 1rem auto 1rem;
	font-size: 3rem;
	display: table;
	line-height: 4rem;
	max-width: 90%;
}
section.boshki-admin-section h2 {
	margin: 1rem auto 1rem;
	font-size: 2rem;
	display: table;
	line-height: 3rem;
	max-width: 100%;
}
section.boshki-admin-section h3 {
	margin: 1rem auto 1rem;
	display: table;
	font-size: 1.6rem;
	line-height: 2rem;
}
section.boshki-admin-section h4 {
	margin: 1rem auto 1rem;
	display: table;
	font-size: 1.4rem;
	line-height: 1.5rem;
}
section.boshki-admin-section h5 {
	margin: 1rem auto 1rem;
	display: table;
	font-size: 1.2rem;
	line-height: 1rem;
}
section.boshki-admin-section h6 {
	margin: 1rem auto 1rem;
	display: table;
	font-size: 1rem;
	line-height: 1rem;
}
section.boshki-admin-section p {
	margin: 1rem 0 1rem 0;
	font-size: 1rem;
}

section.boshki-admin-section{
	background-color:#fff;
	border-radius:5px;
	padding: 10px;
    margin: 1.5rem 1rem 0 0;
	text-align:center
	}

form.bshk_opt_form p.submit{
	margin:1rem auto -2rem; 
	text-align:center;
	}
	form.bshk_opt_form p.submit input#submit{
		background-color:#499F68;
		border:none;
		box-shadow:none;
		text-shadow:none;
		opacity:0.8;
		transition:all 0.4s ease;
		line-height:3rem;
		font-size:1rem;
		height:3rem;
		padding:0 1rem;
		
		}
		
		form.bshk_opt_form p.submit input#submit:hover{
			background-color:#499F68;
			opacity:1;
		}
/* Admin Style */


/* Input animation styling */
#bshk_port_address_postcode{text-transform:uppercase}
.input--filled .bshk_input_label {
	background-color: #499F68;
	color: #ffffff;
}
.input--filled .bshk_input_label span {
	color: #ffffff;
}
.bshk_input_wrap select,.bshk_input_wrap input{height:3.3rem;box-shadow:none;border:2px solid #f4f4f4;background-color:#f4f4f4;}
.bshk_input_wrap {
	    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: calc( 50% - 2rem);
    margin: 0.5rem;
    min-width: 300px;
}
.bshk_input_left {
	display: inline-block;
	width: calc(400px - 1rem);
	margin: 1rem;
}
.bshk_input_right {
	display: inline-block;
	width: calc(250px - 1rem);
	margin: 1rem 1rem 1rem 0;
}
.bshk_input_full {
	display: inline-block;
	width: 100%;
 max-width: calc(250px + 400px + -1rem);
	margin: 1rem;
}
.bshk_input {
	position: relative;
	display: block;
	padding: 1rem 1rem 1rem 42%!important;
	width: 100%;
	border: none;
	-webkit-appearance: none; /* for box shadows to show on iOS */
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.bshk_input_label {
	position: absolute;
	text-align: left;
	pointer-events: none;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	line-height: 1rem;
	padding: 1rem;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.input--filled .bshk_input_label {
	width: 40%;
}
.input--filled .bshk_input_label span {
}
.bshk_input_btn, .bshk-form-view-questions {
	width: 43%;
	margin: 1rem 3%;
	height: 3rem;
	border: 0;
	outline: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	display: inline-block;
	font-size: 1rem;
}
.fl-left {
	float: left
}
.fl-right {
	float: right;
}
.bshk_input_btn:hover, .bshk_input_btn:focus, .bshk-form-view-questions:hover, .bshk-form-view-questions:focus {
	opacity: 0.8;
}
label.error {
	position: absolute;
	padding: 0.5rem 0;
	margin: 0;
	right: 0;
}
.bshk-shortcode.bshk-error {
	box-shadow: none;
}
/* end of Input animation styling */