@charset "utf-8";
/* CSS Document */
/*  
Theme Name: Pickleberrypop 2019
Description: This HTML5 WordPress theme was custom designed and coded, and is NOT freeware. Unauthorized use of this code or graphics is a violation of copyright.
Version: 1.0
Author: Genevieve Sass
Author URI: https://lilaccreative.com/

*/

body{
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 26px;
	text-align: left;
	vertical-align: top;
	background: #ffffff;
	color: #000000;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 24px;
	padding: 0 0 10px 0;
}

h2.pagetitle{
	font-family: 'Montserrat';
	font-weight: 300;
	color: #000;
	font-size: 30px;
	line-height: 36px;
	text-align: center;
	margin: 25px;
}

a:link, a:visited{
	text-decoration: none;
	color: #ee5a91;
}

a:hover{
	color: #f58eb9;
}

ul, ul li{ list-style: none; }

p{
	padding: 0 0 10px;
}

p.small{ font-size: 14px; }

.clear{
	clear: both;
}

blockquote{
	margin: 15px 25px 0;
	padding: 0 0 0 25px;
}

/* Structure */
.wrapper{
	margin: 0 auto 0 auto;
	text-align: left;
	max-width: 1400px;
	width: 90%;
}
#sb-site{ background: #ffffff; }

/* Header */
#mainHd{
	background: url(images/hdbg.png) top left repeat-x;
	min-height: 200px;
}
#mainHd #cartBanner{
	float: right;
	height: 118px;
	width: 87px;
}
#mainHd #cartBanner a{
	background: url(images/cartBanner.png) top left no-repeat; 
	display: block;
	height: 116px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 87px;
}
#mainHd #cartBanner a:hover{
	background: url(images/cartBanner.png) bottom left no-repeat; 
}
#mainHd #searchform{
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	width: 235px;
}
#mainHd #searchform input{
	border: 1px solid #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	box-sizing: border-box;
	float: left;
	margin: 5px 5px 0 0; 
	padding: 2px 5px;
	height: 30px;
	line-height: 24px;
	width: 200px;
}
#mainHd #searchform button, #searchform button{
	background: url(images/searchButton.png) top left no-repeat;
	border: none;
	margin-top: 5px;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
}
#mainHd #searchform button:hover, #searchform button:hover{ 
	background: url(images/searchButton.png) bottom left no-repeat;
}
#mainHd h1{
	float: left;
	height: 152px;
	margin: -40px 0 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 489px;
}
#mainHd h1 a{
	background: url(images/logo.png) top left no-repeat;
	display: block;
	height: 152px;
	margin: 0;
	padding: 0;
	width: 489px;
}
#mainHd .menu{
	float: right;
	font-size: 22px;
	font-weight: 300;
	line-height: 22px;
	margin: 10px 0 5px;
}
#mainHd .menu li{
	float: left;
	margin: 0 24px 0 0;
	min-height: 48px;
	min-width: 48px;
	text-align: center;
	padding: 0;
	position: relative;
}
#mainHd .menu li:last-of-type{ margin-right: 0; }
#mainHd .menu li a{
	color: #585455;
	display: block;
	padding: 12px 0;
}
#mainHd .menu li a:hover{
	background: url(images/dot-dkpk.gif) top center no-repeat;
	color: #000;
}
#mainHd .menu li ul{
	background: #fff;
	border: 1px solid #ee5a91;
	display: none;
	font-size: 16px;
	line-height: 20px;
	left: 10px;
	padding: 15px;
	position: absolute;
	top: 40px;
	width: 200px;
	z-index: 99;
}
#mainHd .menu li:hover ul{
	display: block;
}
#mainHd .menu li ul li{
	float: none;
	margin: 0;
	padding: 0;
}
#mainHd .menu li ul li a{
	background-image: none;
	display: block;
	color: #000;
	padding: 5px 0;
}
#mainHd .menu li ul li a:hover{
	background-image: none;
	color: #ee5a91;
}
#mainHd .social-media{
	background: #fff;
	clear: both;
	float: right;
	margin-top: -55px;
	padding: 5px 3px 0 10px;
}
.sb-slidebar .social-media{ 
	padding: 20px 10px;
}
.sb-slidebar .social-media:after{
	content: "";
	clear: both;
}
#mainHd .social-media li, .sb-slidebar .social-media li{
	float: left;
	height:30px;
	margin: 0 7px 0 0;
	padding: 0;
	text-indent: -9999px;
	width: 30px;
}
#mainHd .social-media li a, .sb-slidebar .social-media li a{
	display: block;
	height: 30px;
	margin: 0;
	padding: 0;
	width: 30px;
}
#mainHd .social-media li.fbLink a, .sb-slidebar .social-media li.fbLink a{
	background: url(images/socialFB.gif) top left no-repeat;
}
#mainHd .social-media li.fbLink a:hover, .sb-slidebar .social-media li.fbLink a:hover{
	background: url(images/socialFB.gif) bottom left no-repeat;
}
#mainHd .social-media li.twitterLink a, .sb-slidebar .social-media li.twitterLink a{
	background: url(images/socialTwitter.gif) top left no-repeat;
}
#mainHd .social-media li.twitterLink a:hover, .sb-slidebar .social-media li.twitterLink a:hover{
	background: url(images/socialTwitter.gif) bottom left no-repeat;
}
#mainHd .social-media li.igLink a, .sb-slidebar .social-media li.igLink a{
	background: url(images/socialIG.gif) top left no-repeat;
}
#mainHd .social-media li.igLink a:hover, .sb-slidebar .social-media li.igLink a:hover{
	background: url(images/socialIG.gif) bottom left no-repeat;
}
#mainHd .social-media li.pinLink a, .sb-slidebar .social-media li.pinLink a{
	background: url(images/socialPin.gif) top left no-repeat;
}
#mainHd .social-media li.pinLink a:hover, .sb-slidebar .social-media li.pinLink a:hover{
	background: url(images/socialPin.gif) bottom left no-repeat;
}
#mainHd .social-media li.mailLink a, .sb-slidebar .social-media li.mailLink a{
	background: url(images/socialMail.gif) top left no-repeat;
}
#mainHd .social-media li.mailLink a:hover, .sb-slidebar .social-media li.mailLink a:hover{
	background: url(images/socialMail.gif) bottom left no-repeat;
}

/* Footer */
#mainFoot{
	background: #c5c5c5 url(images/ftbg.gif) top left repeat-x;
	clear: both;
	padding-bottom: 40px;
}
#mainFoot .wrapper{
	background: url(images/ftlogo.gif) top center no-repeat;
	box-sizing: border-box;
	padding-top: 100px;
	min-height: 197px;
}
#mainFoot ul#menu-left-footer-menu, #mainFoot ul#menu-right-footer-menu{
	font-size: 16px;
	width: 45%;
	margin-bottom: 60px;
}
#mainFoot ul#menu-left-footer-menu{ float: left; }
#mainFoot ul#menu-right-footer-menu{ float: right; }
#mainFoot ul#menu-left-footer-menu li{
	float: left;
	margin: 0 45px 0 0;
	padding: 0;
}
#mainFoot ul#menu-right-footer-menu li{
	float: right;
	margin: 0 0 0 45px;
	padding: 0;
}

#mainFoot ul#menu-left-footer-menu li:last-of-type, #mainFoot ul#menu-right-footer-menu li:last-of-type{
	margin: 0;
}
#mainFoot ul#menu-left-footer-menu li a, #mainFoot ul#menu-right-footer-menu li a{ color: #000; }
#mainFoot ul#menu-left-footer-menu li a, #mainFoot ul#menu-right-footer-menu li a{ color: #ee5a91; }
#mainFoot p.copy{
	clear: both;
	float: left;
	font-size: 12px;
	line-height: 18px;
	width: 45%;
}
#mainFoot p.lc{
	float: right;
	font-size:12px;
	line-height: 18px;
	text-align: right;
	width: 45%;
}

.sb-toggle-right{ display: none; border: 1px solid #ee5a91; cursor: pointer; height: 26px; float: right; margin: 0; padding-top: 8px; width: 34px;}
.sb-toggle-right .navicon-line{ background: #ee5a91; display: block; height: 3px; margin: 0 auto 3px; width:20px; }
.sb-toggle-right:hover{ background: #ee5a91; }
.sb-toggle-right:hover .navicon-line{ background: #fff; }

.sb-slidebar{ border-left: 1px solid #ccc; }
.sb-slidebar .menu{ clear: both; font-size: 24px; line-height: 24px; list-style: none; padding: 0; }
.sb-slidebar .menu li a{ display: block; padding: 5px 0 5px 15px; }

/* Front Page*/
#slider{
	padding: 25px 0;
}
#shopFeed{ margin-bottom: 30px; }
#shopFeed h2{
	background: url(images/hd-ltgr.gif) top left no-repeat;
	box-sizing: border-box;
	color: #689536;
	font-size: 42px;
	font-weight: 300;
	height: 68px;
	margin: 0 0 10px;
	padding: 18px 0 0 35px;
}
#shopFeed h2 span, #blogFeed h2 span, #featLayout h2 span{
	color: #000;
	font-family: 'daniela';
	font-size: 60px;
	font-weight: normal;
}
#shopFeed ul:after, #shopFeed p.more:after{
	clear: both;
	content: '';
	display: block;
}
#shopFeed ul li{
	float: left;
	margin: 0 2% 20px 0;
	width: 15%;
}
#shopFeed ul li:last-of-type{
	margin-right: 0;
}
#shopFeed ul li a img{
	border: 1px solid #2b2b2b;
	box-sizing: border-box;
	height: auto;
	width: 100%
}
#shopFeed ul li a:hover img{
	border: 1px solid #adc880;
}
#shopFeed p.more{
	clear: both;
	text-align: center;
	font-size: 18px;
	line-height: 18px;
	width: 100%;
}
#shopFeed p.more a{
	background: #adc880; 
	color: #000;
	padding: 15px 0;
	margin: 0 auto;
	width: 150px;
}
#shopFeed p.more a:hover{
	background: #bdd594;
}
#blogFeed{
	float: left;
	margin: 0 5% 5% 0;
	max-width: 850px;
	width: 60%;
}
#blogFeed h2, #featLayout h2{
	background: url(images/hd-dkpk.gif) top left no-repeat;
	box-sizing: border-box;
	color: #ee5a91;
	font-size: 42px;
	font-weight: 300;
	height: 68px;
	margin: 0 0 10px;
	padding: 18px 0 0 35px;
}
#blogFeed .blogImg{
	float: left;
	margin: 0 5% 5% 0;
	padding: 0;
	max-width: 310px;
	width: 36%;
}
#blogFeed .blogImg img{
	height: auto;
	width: 100%;
}
#blogFeed .content{
	float: right;
	margin: 0;
	width: 58%;
}
#blogFeed .content:after{
	clear: both;
	content: '';
	display: block;
}
#blogFeed h3{
	font-size: 24px;
	font-weight: normal;
	line-height: 28px;
}
#blogFeed h3 a{
	color: #000;
}
#blogFeed h3 a:hover{
	color: #ee5a91; 
}
#blogFeed .date{
	border-top: 1px solid #bebebe; 
	color: #bebebe;
	display: block;
	font-size: 14px;
	line-height: 24px;
	padding: 10px 35px 10px 0;
	margin: 10px 0 25px;
}
#blogFeed .excerpt{
	padding-bottom: 20px;
}
#featLayout{
	float: right;
	margin: 0 0 2%;
	max-width: 470px;
	width: 30%;
}
#featLayout .img{
	box-sizing: border-box;
	margin: 20px auto 20px;
	padding: 0;
	width: 95%;
}
#featLayout .img a img{
	border: 1px solid #373737;
	height: auto;
	max-width: 100%;
}
#featLayout .img a:hover img{
	border: 1px solid #ee5a91;
}
#bottomBox{
	border: 1px solid #bebebe;
	background: #eaeaea;
	box-sizing: border-box;
	clear: both;
	padding: 5%;
	margin: 0 0 40px;
	width: 100%;
}
#bottomBox h3{
	color: #ee5a91;
	font-size: 30px;
	font-weight: 300;
	margin: 0 0 15px;
}
#bottomBox h3 span{
	color: #000;
	font-family: 'daniela';
	font-size: 48px;
	font-weight: normal;
}
#bottomBox .leftContent{
	float: left;
	width: 48%;
}
#bottomBox #mojo img{
	float: left;
	height: auto;
	margin: 0 2% 0 0;
	width: 40%;
}
#bottomBox #mojo .content{
	float: right;
	width: 55%;
}
#bottomBox #mojo .content .more{
	width: 100%;
}
#bottomBox #shopPromo{
	background: #f6f6f6;
	border: solid #aaaaaa 1px;
	box-sizing: border-box;
	clear: both;
	font-size: 16px;
	height: auto;
	line-height: 20px;
	padding: 20px;
	text-align: center;
	width: auto;
}
#bottomBox #shopPromo a{
	display: block;
	color: #000;
	height: 100%;
	width: 100%;
	padding: 0;
}
#bottomBox #shopPromo a:hover p{ color: #ee5a91; }
#bottomBox #shopPromo h3{ color: #000; margin-bottom: 0; padding-bottom: 8px; }
#bottomBox #shopPromo h3 span{ font-family: 'Montserrat'; font-size: 30px; font-weight: normal; color: #ee5a91; }
#bottomBox #newsletter, #bottomBox #deals{
	float: right;
	width: 48%;
}
#bottomBox #shopPromo p{ padding-bottom: 5px; }
#bottomBox #newsletter{
	margin-bottom: 25px;
}
#bottomBox #newsletter input.form-control{
	float: left;
	width: 80%;
	margin-bottom: 5px;
}
#bottomBox #newsletter button{
	background: #ee5a91;
	border: none;
	box-sizing: border-box;
	color: #000;
	float: right;
	font-size: 14px;
	line-height: 16px;
	padding: 12px 15px;
	font-family: 'Montserrat' !important;
	width: 18%;
}
#newsletter p.small{ clear: both; margin-top: 0;}
#bottomBox #newsletter button:hover{
	background: #f58eb9; }
#bottomBox #deals{
	clear: right;
}
#bottomBox #deals .content{
	float: left;
	width: 70%;
}
#bottomBox img{
	float: right;
	height: auto;
	width: 28%;
}
#bottomBox a img{
	border: 1px solid #000;
}
#bottomBox a:hover img{
	border-color: #ee5a91;
}

/* Home Signup Form */
.ml-form-embedSubmitLoad {
  		  display: inline-block;
  		  width: 20px;
  		  height: 20px;
  		}
  		.ml-form-embedSubmitLoad:after {
  		  content: " ";
  		  display: block;
  		  width: 11px;
  		  height: 11px;
  		  margin: 1px;
  		  border-radius: 50%;
  		  border: 4px solid #fff;
  		  border-color: #ffffff #ffffff #ffffff transparent;
  		  animation: ml-form-embedSubmitLoad 1.2s linear infinite;
  		}
  		@keyframes ml-form-embedSubmitLoad {
  		  0% {
  			transform: rotate(0deg);
  		  }
  		  100% {
  			transform: rotate(360deg);
  		  }
  		}

/* Post Content */
#container{
	float: right;
	max-width: 1000px;
	width: 66%;
}

.post{
	clear: both;
	padding: 10px 0 10px 0;
}
.title-block{ margin-bottom: 32px; }
.title-block h2{
	background: url(images/hd-dkpk.gif) top left no-repeat;
	box-sizing: border-box;
	font-size: 26px;
	font-weight: normal;
	min-height: 68px;
	margin: 0;
	padding: 20px 0 0 35px;
}
.post:nth-child(even) .title-block h2{
	background: url(images/hd-ltgr.gif) top left no-repeat;
}
.title-block h2 a{ color: #000;}
.title-block h2 a:hover{ color: #3a3a3a; }
.title-block p{ 
	color: #888888;
	font-size: 16px;
	line-height: 20px;
}
.title-block p.date{ box-sizing: border-box; float: left; padding-left: 40px; width: 48%; }
.title-block p.commCount{ float: right; text-align: right; width: 48%; }
.title-block p a{ color: #888888; }
.title-block p a:hover{ color: #ee5a91; }
.featImg{
	float: left;
	height: auto;
	margin: 0 2% 4% 0;
	padding: 0;
	max-width: 310px;
	width: 33%;
}
.featImg img{
	height: auto;
	max-width: 100%;
}
.entry{
	clear: both;
	padding: 0 20px 0 40px;
}

.entry ol, .entry ul{
	list-style-position: inside;
	margin: 0 0 15px;
	padding: 0 35px;
}

.entry ol li, .entry ul li{
	margin: 0 0 5px;
}

.entry ul{
	list-style: disc;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	line-height: 24px;
	margin: 15px 0 10px;
}

.entry h1{
	font-size: 22px;
}

.entry h2{
	font-size: 20px;
}

.entry h3{
	font-size: 18px;
}

.entry h4{
	font-size: 16px;
}

.entry h5{
	font-size: 15px;
}

.entry h6{
	font-size: 14px;
}
.more{ 
	float: right;
	width: 120px;
	text-align: center;
}
.more a{
	background: #ee5a91;
	display: block;
	color: #000;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 15px;
	padding: 10px 15px;
}
.post:nth-child(even) .more a{
	background: #adc880;
}
.more a:hover{
	/*background: #f58eb9; */
	background: #f58eb9;
}
.postmeta{ clear: both; }
.postShare{
	float: right;
	clear: right;
	color: #bebebe;
	font-size: 16px;
	text-align: right;
	width: 50%;
}
.postShare img{ margin-top: 5px; }
.postCat{
	float: left;
	color: #bebebe;
	font-size: 16px;
	width: 65%;
}
.navigation{
	margin: 0;
	padding: 25px 0;
	text-align: center;
}

p.prev{
	float: left;
	padding: 0;
}

p.next{
	float: right;
	padding: 0;
	text-align: right;
}

.pagination{
	clear: both;
	margin: 0;
	padding: 25px 0;
	text-align: center;
}

/* Sidebar */
#sidebar{
	float: left;
	font-size: 16px;
	max-width: 370px;
	margin: 0 3% 0 0;
	display: inline;
	width: 31%;
}

#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

#sidebar ul li{padding: 10px 0 10px 0;}

#sidebar ul li h2{
	background: url(images/sb-dkpk.png) top left no-repeat;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: normal;
	height: 50px;
	margin: 0 0 10px;
	padding: 12px 0 13px 25px;
	text-transform: uppercase;
	width: 100%;
}
#sidebar ul li:nth-child(3n+2) h2{
	background: url(images/sb-ltpk.png) top left no-repeat;
}

#sidebar ul li:nth-child(3n+3) h2{
	background: url(images/sb-ltgr.png) top left no-repeat;
}
#sidebar ul ul{
	padding: 0 0 25px 30px;
}
#sidebar ul ul li{
	padding: 0 0 5px;
}
#sidebar ul ul li a{
	color: #2c2c2c;
}
#sidebar ul ul li a:hover{
	color: #ee5a91;
}

table#wp-calendar{
	width: 100%;
}

/* Comments */
.comments-template{
	clear: both;
	margin: 10px 0 0;
	padding: 10px 0 0;
}

.comments-template .commentlist{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template .commentlist article{
	margin: 0;
	line-height: 18px;
	padding: 20px 20px 0;
	border-bottom: 1px solid #ccc;
}

.comments-template .commentlist article:last-of-type{ border: none; }
.comments-template .commentlist article:after{ clear: both; content: ''; display: table; }

.comments-template h2, .comments-template h3{ 
	font-size: 18px;
	margin: 0 0 10px;
	padding: 5px 0;
}

h3#comments{
	background: url(images/commentHd.gif) top left no-repeat;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: normal;
	height: 52px;
	padding: 12px 0 0 17px;
}
h3#reply{
	background: url(images/leaveCommentHd.gif) top left no-repeat;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: normal;
	height: 52px;
	padding: 12px 0 0 17px;
}
.avatarBox{ float: left; margin: 0 3% 3% 0; width: 12%; }
.avatarBox img{ height: auto; width: 100%; }

.commentmetadata{ float: right; width: 85%; }
.commAuth{ float: left; font-size: 12px; width: 50%; }
.commDate{ float: right; font-size: 12px; text-align: right; width: 50%; }

.comments-template p.nocomments{
	padding: 0;
}

/* Staff Page */
#designersIndex{ margin-bottom: 40px;}
h1.mainTitle{
	font-size: 38px;
	font-weight: normal;
	margin-top: 40px;
	text-align: center;
}
h2.subtitle{
	font-size: 30px;
	font-weight: normal;
	margin: 20px 0;
	text-align: center;
}
.block{
	float: left;
	height: auto;
	margin: 0 2% 4% 0;
	padding: 0;
	width: 23%;
}
.block:nth-child(n4){
	margin-right: 0;
}
.block-content{
	border: 8px solid #ee5a91;
	box-sizing: border-box;
}
.block-content h2{
	background: url(images/color-border.png) top left repeat-x;
	font-size: 17px;
	font-weight: normal;
	line-height: 18px;
	padding: 25px 16px 16px;
	text-align: center;
}
.block-content img{
	box-sizing: border-box;
	padding: 16px;
	height: auto;
	width: 100%;
}
.block footer{
	margin-top: 15px;
	height: 32px;
}
.block footer ul{
	height: 32px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: auto;
}
.block footer ul li{
	display: inline-block;
	margin-right: 2px;
	width: 32px;
}
.block footer ul li a{
	display: block;
	height: 32px;
	text-indent: -9999px;
	width: 32px;
	overflow: hidden;
}
.block footer ul li.shopIcon a{
	background: #bebebe url(images/dl-shop.png) top left no-repeat;
}
.block footer ul li.shopIcon a:hover{
	background: #ee5a91 url(images/dl-shop.png) top left no-repeat;
}
.block footer ul li.fbIcon a{
	background: #bebebe url(images/dl-fb.png) top left no-repeat;
}
.block footer ul li.fbIcon a:hover{
	background: #ee5a91 url(images/dl-fb.png) top left no-repeat;
}
.block footer ul li.twitterIcon a{
	background: #bebebe url(images/dl-twitter.png) top left no-repeat;
}
.block footer ul li.twitterIcon a:hover{
	background: #ee5a91 url(images/dl-twitter.png) top left no-repeat;
}
.block footer ul li.pinIcon a{
	background: #bebebe url(images/dl-pin.png) top left no-repeat;
}
.block footer ul li.pinIcon a:hover{
	background: #ee5a91 url(images/dl-pin.png) top left no-repeat;
}
.block footer ul li.igIcon a{
	background: #bebebe url(images/dl-ig.png) top left no-repeat;
}
.block footer ul li.igIcon a:hover{
	background: #ee5a91 url(images/dl-ig.png) top left no-repeat;
}
.block footer ul li.rssIcon a{
	background: #bebebe url(images/dl-blog.png) top left no-repeat;
}
.block footer ul li.rssIcon a:hover{
	background: #ee5a91 url(images/dl-blog.png) top left no-repeat;
}
.block footer ul li.mailIcon a{
	background: #bebebe url(images/dl-mail.png) top left no-repeat;
}
.block footer ul li.mailIcon a:hover{
	background: #ee5a91 url(images/dl-mail.png) top left no-repeat;
}
#cTeam .block-content{
	border: 8px solid #adc880;
}
#cTeam p.more{
	box-sizing: border-box;
	text-align: center;
	width: 100%;
}
#cTeam p.more a{ 
	background: #adc880;
}
#cTeam p.more a:hover{
	background: #c2db98;
}

/* Comments Form */
#respondForm p{ padding: 0; }
#respondForm form{ box-sizing: border-box; padding: 20px; width: 100%; }
#respondForm form .inputBoxes{ display: block; box-sizing: border-box; float: left; padding: 0 15px 0 0; width: 50%; }
#respondForm form .textBox{ display: block; box-sizing: border-box; float: left; margin: 0; width: 50%; }
#respondForm p.submitButton{ clear: both; }

/*Support Page*/
a.button{ color: #fff; }

/* General Form Elements */
/* General Form Styles */
input[type=text], input[type=email], input[type=url], input[type=password]{
	background: #fff;
	border: 1px solid #bebebe; 
	box-sizing: border-box;
	height: 40px;
	margin: 0 0 15px;
	padding: 10px 15px;
	width: 100%;
}
textarea{
	background: #fff;
	border: 1px solid #bebebe;
	box-sizing: border-box;
	height: 150px;
	margin: 0 0 15px;
	padding: 10px 15px;
	width: 100%;
}

input[type=submit]{
	background: #f58eb9;
	border: none;
	color: #000;
	font-size: 16px;
	line-height: 16px;
	padding: 10px 25px;
}
input[type=submit]:hover{ color: #fff; }

/* WP Image-in-Post Alignment */
img.alignleft, div.alignleft {
float:left;
margin:0 0.5em 0.5em 0;
}

img.alignright, div.alignright {
float:right;
margin:0 0 0.5em 0.5em;
}

img.aligncenter, div.aligncenter {
display: block;
text-align:center;
margin:0 auto;
}

/* Responsive Slides */
.rslides {
  box-sizing: border-box;
  position: relative;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }