/*
Theme Name: Southside Animal Hospital
Author: Jill McMahon
Author URI: http://frankieandboyd.com.au
Description: Theme for Southside Animal Hospital
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: pet, medical
Text Domain: ssah 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
	
	Modular scale: http://www.modularscale.com/?14&px&1.618&web&table	
	
	Font Awesome: http://fontawesome.io/icons/
	
	
*/

	
/*******************************************************************************************************************
 *
 *	http://meyerweb.com/eric/tools/css/reset/
 *	v2.0 | 20110126
 *	License: none (public domain)
 *	
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
main, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
main, article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img{
	border: 0;
}


/* ====================================================================================================================
   Generic
   ==================================================================================================================== */

/* float clearer cross-browser */ 
.hasFloat { display: block; }
.hasFloat:after{content: '.';height: 0;display: block;clear: both;visibility: hidden;}
*:first-child+html .hasFloat{min-height: 1px;}
* html .hasFloat{height: 1%;}

/* elements */
.inline { display: inline; }
.block{ display: block; }
.centered { margin-left: auto; margin-right: auto; }

.hidden{ display: none; }
.invisible{ visibility: hidden; }

.float-left{ float: left; }
.float-right{ float: right; }
.float-none{ float: none; }

.static{ position: static; }
.relative{ position: relative; }
.overflown{ overflow: visible; }

/* text */
.text-centered { text-align: center; }
.text-left{ text-align: left; }
.text-right{ text-align: right; }

.unbold{ font-weight: 400; }
.bold{ font-weight: 700; }

.lowercase{ text-transform: lowercase; }
.uppercase{ text-transform: uppercase; }
.capitalized{ text-transform:capitalize; }
.untransformed{ text-transform: none; }
.non-italic{ font-style: normal; }

.color-white{ color: white; }
.color-black{ color: #25292c; }
.color-yellow-light{ color: #fff33e; }
.color-yellow-dark{ color: #fbe108; }
.color-grey{ color: #979797; }
.color-grey-dark{ color: #2a2c34; }

.bkg-white{ background-color: white; }
.bkg-black{ background-color: #25292c; }
.bkg-grey{ background-color: #979797; }
.bkg-grey-light{ background-color: #f3f3f3; }
.bkg-grey-dark{ background-color: #2a2c34; }
.bkg-grey-dark-translucent{	background-color: #2a2c34; background-color: rgba(42,44,52,0.6); }
.bkg-yellow-light{ background-color: #fff33e; }
.bkg-yellow-dark{ background-color: #fbe108; }
.bkg-green{ background-color: green; }
.bkg-brown{ background-color: brown; }

.border-color-yellow-light{ border-color: #fff33e; }
.border-grey-light{ border: 1px solid #ededed;  }
.border-top-grey-light{ border-top: 1px solid #ededed; }
.border-bottom-grey-light{ border-bottom: 1px solid #ededed; }
.border-grey-dark{ border: 1px solid #2a2c34; }

.width-25p{ width: 25%; }
.width-50p{ width: 50%; }
.width-75p{ width: 75%; }
.width-100p{ width: 100%; }

.max-width-155{ max-width: 155px; max-width: 15.5rem; }
.max-width-220{ max-width: 220px; max-width: 22rem; }
.max-width-406{ max-width: 406px; max-width: 40.6rem; }
.max-width-650{ max-width: 650px; max-width: 65rem; }

.divider{
	width:40px;
	width: 4rem;
	height: 3px;
	height: 0.3rem;
	background: #fff33e;
}

.pipe{
	display: inline-block;
	width: 2px;
	width: 0.2rem;
	height: 15px;
	height: 1.5rem;
	margin: 0 4px;
	margin: 0 0.4rem;
	background: #fff33e;
	position: relative;
	top: 1px;
}

@media screen and (max-width: 568px){
	
	.divider{	
		height: 0.2rem;	
	}	
}	

/* ====================================================================================================================
   Typography
   ==================================================================================================================== */

@font-face {
 	font-family: 'FontAwesome';
 	src:	url('_fonts/fontawesome-webfont.eot?v=4.6.3');
 	src:	url('_fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
 			url('_fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
 			url('_fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
 			url('_fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
 			url('_fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html{
	font-size: 65.625%; /* 10.5px */
}

body{
	font-family:  Raleway, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.618em;
	color: #25292c;
	
	/* To prevent mobile browsers from resizing text */
	-ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;	
}


body, input, button, .fa  {
	/*
		http://webdesign.tutsplus.com/articles/typography-articles/a-web-designers-typographic-boilerplate/
		
		Font Smoothing
		The default font rendering in modern browsers is considered by many to be.. lacking. 
		Characters are often rendered a “bit thick” (particularly on OS X) owing to the additional subpixels which are used to smoothen edges. 
		For this reason, many people use the following:
	*/
	-webkit-font-smoothing: antialiased; 
	
	-moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	color: #2a2c34;
}

h1, .h1,
h2, .h2,
#reply-title {
	font-size: 23px;
	font-size: 2.3rem;
	line-height: 1.2em;
}

h3, .h3,
h4, h5, h6,
blockquote {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4em;
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
}

.text-small{
	font-size: 13px;
	font-size: 1.3rem;
}

@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1200px){

	html{
		font-size: 65.75%; /* 11px */
	}	
}

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

	.h1,
	.h2 {
		font-size: 1.6rem;
	}

	blockquote,
	.h3 {
		font-size: 1.4rem;
	}	
}	


/* ====================================================================================================================
   Default Margins
   ==================================================================================================================== */

.mt-xs{
	margin-top: 6px;
	margin-top: 0.6rem;		
}

.mt-s,
li,
.divider,
.form-allowed-tags,
.comment-content{
	margin-top: 9px;
	margin-top: 0.9rem;	
}

.mt-m,
ul, dl, ol,
p,
blockquote,
form,
table,
hr,
.comment-body .reply,
.comment-list > .comment,
.field-group,
.tagcloud,
.textwidget{
	margin-top: 14px;
	margin-top: 1.4rem;	
} 

.mt-l,
h1, h2, h3, h4, h5, h6,
.grid,
.linear-form{
	margin-top: 23px;
	margin-top: 2.3rem;
}

.mt-xl,
.widget,
.sah-content .post,
.sah-content.post,
.sah-content .page,
.sah-content.page,
.sah-content .type-sah_teammembers,
#comments,
.masonry-grid{
	margin-top: 37px;
	margin-top: 3.7rem;	
}

:first-child,
.sah-content.post:first-child,
.sah-content.page:first-child{
	margin-top: 0;
}


/* ====================================================================================================================
   Default Paddings
   ==================================================================================================================== */

.p-xs{	padding: 9px; padding: 0.9rem; }
.pt-xs{	padding-top: 9px; padding-top: 0.9rem; }
.pr-xs{	padding-right: 9px; padding-right: 0.9rem; }
.pb-xs{	padding-bottom: 9px; padding-bottom: 0.9rem; }
.pl-xs{	padding-left: 9px; padding-left: 0.9rem; }

.p-s{	padding: 14px; padding: 1.4rem; }
.pt-s{	padding-top: 14px; padding-top: 1.4rem; }
.pr-s{	padding-right: 14px; padding-right: 1.4rem; }
.pb-s{	padding-bottom: 14px; padding-bottom: 1.4rem; }
.pl-s{	padding-left: 14px; padding-left: 1.4rem; }

.p-m{	padding: 23px; padding: 2.3rem; }
.pt-m{	padding-top: 23px; padding-top: 2.3rem; }
.pr-m{	padding-right: 23px; padding-right: 2.3rem; }
.pb-m{	padding-bottom: 23px; padding-bottom: 2.3rem; }
.pl-m{	padding-left: 23px; padding-left: 2.3rem; }

.p-l{	padding: 37px; padding: 3.7rem; }
.pt-l{	padding-top: 37px; padding-top: 3.7rem; }
.pr-l{	padding-right: 37px; padding-right: 3.7rem; }
.pb-l{	padding-bottom: 37px; padding-bottom: 3.7rem; }
.pl-l{	padding-left: 37px; padding-left: 3.7rem; }

.p-xl{	padding: 59px; padding: 5.9rem; }
.pt-xl{	padding-top: 59px; padding-top: 5.9rem; }
.pr-xl{	padding-right: 59px; padding-right: 5.9rem; }
.pb-xl{	padding-bottom: 59px; padding-bottom: 5.9rem; }
.pl-xl{	padding-left: 59px; padding-left: 5.9rem; }

@media screen and (min-width: 768px) and (max-width: 1023px), (min-width: 1200px){

	.p-xs{	padding: 1.4rem; }
	.pt-xs{	padding-top: 1.4rem; }
	.pr-xs{	padding-right: 1.4rem; }
	.pb-xs{	padding-bottom: 1.4rem; }
	.pl-xs{	padding-left: 1.4rem; }
		
	.p-s{	padding: 2.3rem; }
	.pt-s{	padding-top: 2.3rem; }
	.pr-s{	padding-right: 2.3rem; }
	.pb-s{	padding-bottom: 2.3rem; }
	.pl-s{	padding-left: 2.3rem; }
	
	.p-m{	padding: 3.7rem; }
	.pt-m{	padding-top: 3.7rem; }
	.pr-m{	padding-right: 3.7rem; }
	.pb-m{	padding-bottom: 3.7rem; }
	.pl-m{	padding-left: 3.7rem; }	
	
	.p-l{	padding: 5.9rem; }
	.pt-l{	padding-top: 5.9rem; }
	.pr-l{	padding-right: 5.9rem; }
	.pb-l{	padding-bottom: 5.9rem; }
	.pl-l{	padding-left: 5.9rem; }	
	
	.p-xl{	padding: 9.5rem; }
	.pt-xl{	padding-top: 9.5rem; }
	.pr-xl{	padding-right: 9.5rem; }
	.pb-xl{	padding-bottom: 9.5rem; }
	.pl-xl{	padding-left: 9.5rem; }			
}


@media screen and (max-width: 568px){
	.p-xs{	padding: 0.5rem; }
	.pt-xs{	padding-top: 0.5rem; }
	.pr-xs{	padding-right: 0.5rem; }
	.pb-xs{	padding-bottom: 0.5rem; }
	.pl-xs{	padding-left:0.5rem; }	
	
	
	.p-s, .p-m, .p-l, .p-xl{		padding: 1.4rem 2.3rem; }
	.pt-s, .pt-m, .pt-l, .pt-xl{	padding-top: 1.4rem; }
	.pr-s, .pr-m, .pr-l, .pr-xl{	padding-right: 2.3rem; }
	.pb-s, .pb-m, .pb-l, .pb-xl{	padding-bottom: 1.4rem; }
	.pl-s, .pl-m, .pl-l, .pl-xl{	padding-left: 2.3rem; }	
	

	
/*
	.p-s, .p-m{		padding: 0.9; }
	.pt-s, .pt-m{	padding-top: 0.9rem; }
	.pr-s, .pr-m{	padding-right: 0.9rem; }
	.pb-s, .pb-m{	padding-bottom: 0.9rem; }
	.pl-s, .pl-m{	padding-left: 0.9rem; }	
	
	.p-l, .p-xl{	padding: 1.4rem; }
	.pt-l, .pt-xl{	padding-top: 1.4rem; }
	.pr-l, .pr-xl{	padding-right: 1.4rem; }
	.pb-l, .pb-xl{	padding-bottom: 1.4rem; }
	.pl-l, .pl-xl{	padding-left: 1.4rem; }	
*/	
/*
	.p-xs{	padding: 0; }
	.pt-xs{	padding-top: 0; }
	.pr-xs{	padding-right: 0; }
	.pb-xs{	padding-bottom: 0; }
	.pl-xs{	padding-left: 0; }	
	
	.p-s, .p-m{		padding: 0.9rem 0; }
	.pt-s, .pt-m{	padding-top: 0.9rem; }
	.pr-s, .pr-m{	padding-right: 0; }
	.pb-s, .pb-m{	padding-bottom: 0.9rem; }
	.pl-s, .pl-m{	padding-left: 0; }	
	
	.p-l, .p-xl{	padding: 1.4rem 0; }
	.pt-l, .pt-xl{	padding-top: 1.4rem; }
	.pr-l, .pr-xl{	padding-right: 0; }
	.pb-l, .pb-xl{	padding-bottom: 1.4rem; }
	.pl-l, .pl-xl{	padding-left: 0; }	
*/		
}	



/* ====================================================================================================================
   Block Elements
   ==================================================================================================================== */

ul, ol, dl{
	margin-left: 37px;
	margin-left: 3.7rem;
}

ul.not-offset, ol.not-offset, dl.not-offset{
	margin-left: 23px;
	margin-left: 2.3rem;
}

ol{
	list-style-type: decimal;
}

ul{
	list-style-type: disc;
}

ul.reset, ol.reset, dl.reset{
	margin-left: 0;
}

ul.reset li, ol.reset li, dl.reset li{
	list-style-type: none;
}

blockquote{
	position: relative;
	padding: 23px 0 23px 40px;
	padding: 2.3rem 0 2.3rem 4.05rem;
	
	border-left: 3px solid #fff33e;
	border-left: 0.3rem solid #fff33e;
	
	font-style: italic;	
}

blockquote .quote{
	position: relative;
}

blockquote .quote span:before,
blockquote .quote span:after{
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1em;
	font-weight: normal;
	color: #979797;
	line-height: 0.1em;	
}	

blockquote .quote span:before{
	position: absolute;
	top: 0.382em;
	left: -0.45em;
	content: "\201C";
}

blockquote .quote span:after{
	display: inline;
	margin-left: 0.1em;
	content: "\201D";
	position: relative;
	top: 0.2em;
	right: 0.05em;
}

blockquote .author{
	display: block;
	margin-top: 14px;
	margin-top: 1.4rem;
	
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1em;
	font-style: normal;
	font-weight: bold;
	color: #979797;
}

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

	ul, ol, dl{
		margin-left: 2.3rem;
	}	
	
	blockquote{
		padding: 1.4rem 0 1.4rem 2.75rem;
		border-left-width: 0.2rem;
	}
	
	blockquote .quote span:before{
		
	}
	
	blockquote .quote span:after{
		top: 0.3em;
	}			
}	



/* ====================================================================================================================
   Inline Elements
   ==================================================================================================================== */
   
a{
	text-decoration: none;
	color: #25292c; 
	-webkit-tap-highlight-color: transparent;
} 

a:hover{
	text-decoration: underline;
	cursor: pointer;
} 

a:focus{
	outline: none;
}

/*
.sah-content a{
	text-decoration: underline;	
} 

.sah-content a:hover{
	text-decoration: none;	
} 
*/

strong{   
	font-weight: 700;  
}

em{   
	font-style: italic; 
} 

/* ====================================================================================================================
   Font Awesome
   ==================================================================================================================== */

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-spin.faster{
	animation-duration: 1.5s;
}
	

.fa-facebook:before{
	content: "\f09a";
}

.fa-instagram:before{
	content: "\f16d";
}

.fa-envelope:before{
	content: "\f0e0";
}

.fa-phone:before{
	content: "\f095";
}

.fa-home:before{
	content: "\f015";
}

.fa-user:before{
	content: "\f007";
}

.fa-tags:before{
	content: "\f02c";
}

.fa-comments:before{
	content: "\f086";
}

.fa-clock-o:before{
	content: "\f017";
}

.fa-eye:before{
	content: "\f06e";
}

.fa-share-alt:before{
	content: "\f1e0";
}

.fa-twitter:before{
	content: "\f099";
}

.fa-pinterest:before{
	content: "\f0d2";
}

.fa-google-plus:before{
	content: "\f0d5";
}

.fa-refresh:before{
	content: "\f021";
}

.fa-right-arrow:before{
	content: "\f105";
}

.fa-arrow-left:before{
	content: "\f060";
}

.fa-arrow-right:before{
	content: "\f061";
}

.fa-times:before{
	content: "\f00d";
}

/* ====================================================================================================================
   Buttons
   ==================================================================================================================== */
   
.sah-btn,
.comment-edit-link,
.comment-reply-link,
.comment-form input[type="submit"],
.widget_tag_cloud a,
.pagination a, 
.pagination span{
	display: inline-block;
	font-weight: 700;
	line-height: 1em;
	
	-o-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	border-radius: 0.3rem;
	
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
} 

.sah-btn:hover,
.comment-edit-link:hover,
.comment-reply-link:hover,
.comment-form input[type="submit"]:hover,
.widget_tag_cloud a:hover,
.pagination a:hover, 
.pagination span:hover{
	text-decoration: none;
	cursor: pointer;
}	

.sah-btn.x-small,
.comment-edit-link,
.comment-reply-link,
.widget_tag_cloud a{
	font-size: 1rem;
	padding: 6px 9px;
	padding: 0.6rem 0.9rem;	
	
	-o-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
}

.sah-btn.small,
.pagination a, 
.pagination span{
	font-size: 13px;
	font-size: 1.3rem;
	padding: 9px 14px;
	padding: 0.9rem 1.4rem;	
}

.sah-btn.medium,
.comment-form input[type="submit"]{
	font-size: 16px;
	font-size: 1.6rem;
	padding: 14px 37px;
	padding: 1.4rem 3.7rem;	
}	

.sah-btn.large{
	font-size: 23px;
	font-size: 2.3rem;
	padding: 23px 37px;
	padding: 2.3rem 3.7rem;	
}

.sah-btn.yellow,
.pagination a{
	background: #fff33e;
	color: #2a2c34;
}

.sah-btn.yellow:hover,
.pagination a:hover{
	background: #fffaae;
}

.sah-btn.dark-grey,
.comment-form input[type="submit"]{
	background: #2a2c34;
	color: white;
}

.sah-btn.dark-grey:hover,
.comment-form input[type="submit"]:hover{
	background: #3B3D43;
}

.sah-btn.grey,
.comment-edit-link,
.comment-reply-link{
	background: #979797;
	color: white;
}

.sah-btn.dark:hover,
.comment-edit-link:hover,
.comment-reply-link:hover{
	background: #aaaaaa;
}	

.sah-btn.white{
	background: white;
	color: #2a2c34;
}

.sah-btn.white:hover{
	background: #fafafa;
}

.sah-btn.transparent,
.widget_tag_cloud a{
	background-color: transparent;
	border: 1px solid #cccccc;
	color: #25292c;
}

.sah-btn.transparent:hover,
.widget_tag_cloud a:hover{
	border-color: #dddddd;
	color: #777777;	
}		  


/* ====================================================================================================================
   Tables
   ==================================================================================================================== */

table {
	width: 100%;
	text-align: left;
	vertical-align: top;
	
}

th, td{
	vertical-align: top;
	border: 1px solid black;	
	padding: 0.382em;
}

th{
	font-weight: bold;
}

/* ====================================================================================================================
   Forms
   ==================================================================================================================== */

label, .label, input, select, textarea{
	font-family:  Raleway, sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.618em;
	color: #25292c;
	border-radius: 0;
}

/* Set color of placeholder text */
::-webkit-input-placeholder { 
	color: #25292c; 
	line-height:1em; 
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;	
}

:-moz-placeholder { /* Firefox 18- */ 
	color: #25292c; 
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;	
} 

::-moz-placeholder { /* Firefox 19+ */ 
	color: #25292c; 
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;	
} 

:-ms-input-placeholder { 
	color: #25292c; 
	transition: all 0.35s ease-in-out;		
}

input:focus::-webkit-input-placeholder{ color: #aaaaaa; }
input:focus::-moz-placeholder{ color: #aaaaaa; }
input:focus::-moz-placeholder{ color: #aaaaaa; }
input:focus::-ms-input-placeholder{ color: #aaaaaa; }

textarea:focus::-webkit-input-placeholder{ color: #aaaaaa; }
textarea:focus::-moz-placeholder{ color: #aaaaaa; }
textarea:focus::-moz-placeholder{ color: #aaaaaa; }
textarea:focus::-ms-input-placeholder{ color: #aaaaaa; }

/* Remove clear button from ms browsers */
input[type="text"]::-ms-clear,
input[type="password"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="search"]::-ms-clear,
textarea::-ms-clear {
    width : 0;
	height: 0;
}

/* Prevent the outline */
input:focus, select:focus, textarea:focus, button:focus { outline: none; }


input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="submit"],
button,
textarea,
label,
select{
	display:block;
	
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}	

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea{
	
	border: 0;
	border-bottom: 2px solid #dedede;
	border-bottom: 0.2rem solid #dedede;
	padding: 6px 0;	
	padding: 0.6rem 0;	
	
	/* Disable ios rounded corners */
	-webkit-appearance: none;	
}	

input[type="text"]:hover, input[type="text"]:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="tel"]:hover, input[type="tel"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="number"]:hover, input[type="number"]:focus,
input[type="search"]:hover, input[type="search"]:focus,
textarea:hover, textarea:focus,
select:hover, select:focus{
	border-color: #fff33e; 
}


.rdo-chk-wrapper{
	position: relative;
	padding-left: 30px;
	padding-left: 3rem;
}


.rdo-chk-wrapper input{
	position: absolute;
	left: 0;
	top: 5px;	
	top: 0.5rem;
}

select{
	height: 37px;
	height: 3.7rem;
    line-height: 1.1em;
    font-weight: 400;
    vertical-align: middle;
    padding: 0 49px 0 12px;
	border: 2px solid #dedede;
	border: 0.2rem solid #dedede;    
	-o-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	-moz-border-radius: 0.2rem;
	border-radius: 0.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("_img/select-btn-hover.gif");
    background: transparent url("_img/select-btn.gif") no-repeat right top;
    background-size: auto 100%;
}

select:hover, select:focus{
	background-image: url("_img/select-btn-hover.gif");
	cursor: pointer;	
}	

textarea{
	height: 150px;
	height: 15rem;
}

input[type="submit"]{
	border: 0;
	-webkit-appearance: none;
}

.ie7 label.hidden,
.ie8 label.hidden{
	display: block;
}

.message{
	position: relative;
	overflow: hidden;	
}

.submit-icon{
	display: none;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
}

.submit-icon .fa-refresh{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -10px 0 0 -10px;
	
	font-size: 20px;	
}


@media screen and (max-width: 568px){
	
	input.width-75p{
		width: 100%;
	}	
}