/* 
	Theme Name: The Mighty Wonton custom Sensational Kids.
	Theme URI: http://themightywonton.com/
	Version: 1.0
	Author: Miss Lee Wong
*/

/************************************************
*	NORMALIZE									*
************************************************/
/*
	Refer to css/normalize
*/

/************************************************
*	1140PX	 					     		    * 
************************************************/
/*
	Refer to css/1140
*/

/************************************************
*	COLOUR PALETTE / FONT 						*
************************************************/

/* LIGHT GREY — #f7f8f8 (for blog background) */

@font-face {
    font-family: 'aperculight';
    src: url('type/100-apercu_light-webfont.eot');
    src: url('type/100-apercu_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/100-apercu_light-webfont.woff') format('woff'),
         url('type/100-apercu_light-webfont.ttf') format('truetype'),
         url('type/100-apercu_light-webfont.svg#aperculight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'apercubold';
    src: url('type/apercu_bold-webfont.eot');
    src: url('type/apercu_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/apercu_bold-webfont.woff') format('woff'),
         url('type/apercu_bold-webfont.ttf') format('truetype'),
         url('type/apercu_bold-webfont.svg#apercubold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/************************************************
*	OVERALL										*
************************************************/

html {
	height: 100%;
	font-size: 100%; /* to make sure IE behaves */
}

body {
	background: #FFF;
	font-family:"aperculight", Helvetica, Arial, sans-serif;  
	font-weight: normal;
    font-style: normal;
	font-size: 0.9375em; /* 1em = 16px */
	line-height: 1.5625em;
	color: #000;
	height: 100%;
	margin: 0;
    padding: 0;
}

.wrapper {
	width: 100%;
	margin: 0 auto; /* to center */
	min-height: 100%;
}

hr {
	border: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #fff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	margin: 0 0 1em 0;
}

li.widget { /* remove dots for Wonton widgets */
	list-style: none;
}

strong {
	font-family:"apercubold", Helvetica, Arial, sans-serif; 
	font-weight: normal; 
	font-style:normal;
}

:focus { /* for Chrome and Safari */
	outline-style: none;
}


/************************************************
*	CLEARFIX									*
************************************************/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/************************************************
*	HYPERLINKS									*
************************************************/

a, a:visited {
	color: #000;
}

a:hover {
	color: #999;
}

a img, a:hover img {
	border: 0;
}

/************************************************
*	TOP		` 									*
************************************************/

.top {
	min-height: 13em;
	height: auto;
	border-bottom: 5px solid #000;
}

.logo {
	width: 100%;
	text-align: center;
	height: auto;
	display: inline-block;
	margin: 4.66em 0;
	clear: none;
	padding: 0;
}
.logo img{
	height: 46px;
}

.nav_logo { /* hide mobile menu logo */
	display: none !important;
}

.phone {
	position: absolute;
	right: 1.33em;
	top: 1em;	
}

.phone a {
	text-decoration: none;
}

.phone i{
	border: 2px solid #000;
	font-size: 12px;
	color: #000;
	border-radius: 50%;
    padding: 5px;
    top: 4px;
    position: relative;
}
.phone i:hover {
	color: #999;
	border: 2px solid #999;
}
.phonenumber {
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	float: right;
	font-size: 1.4em;
	padding: 0.2em 0 0 0.66em;
	letter-spacing: 0.1em;
}

/************************************************
*	NAVIGATION					     		    * 
************************************************/

/************************************************
*	LAYOUT	 					     		    * 
************************************************/

.content {
}

.contentpadding {
	padding: 6.6em 0;
}

p {
	padding-top: 5px;	
 	padding-bottom: 5px;	
}

.column4 p {
	padding: 0.66em 1.33em;
}

.map p {
	padding-top: 0;
	padding-bottom: 0;	
}

.logos img {
	padding: 50px 30px 0 30px;
	max-height: 60px;
}

.number {
  	background: #FFF;
	font-size: 1.6em; 
  	border-radius: 1.5em;
  	-moz-border-radius: 1.5em;
  	-webkit-border-radius: 1.5em;
  	color: #B8DEC0;
  	display: inline-block;
  	font-weight: bold;
  	line-height: 1.6em;
  	margin-right: 5px;
 	 text-align: center;
 	width: 1.6em;
	margin: 30px 0 15px 0;
	
}

.circle {
	background-color: #FFF;
	width: 295px;
	height: 295px;
	border-radius: 295px;
	z-index: 2000 !important;
	display: table-cell; /* to center vertically */
	vertical-align: middle; /* to center vertically */
	position: absolute;
	top: 350px;
	left: 42%;
}

.circlehome {
	background-color: #FFF;
	width: 295px;
	height: 295px;
	border-radius: 295px;
	z-index: 2000 !important;
	display: table-cell; /* to center vertically */
	vertical-align: middle; /* to center vertically */
	position: absolute;
	margin-top: 110px;
	left: 42%;
}

.circle img, .circlehome img {
	padding-top: 50px;
}

.team {

}

.team img {
	clear: none !important;
}

.team p.wp-caption-text {
	text-align: center;
	text-transform: uppercase;
	font-size: 0.93em;
	letter-spacing: 4px;
	clear: none;
	margin-top: 10px;
}


.wp-caption {
	clear: none;
	float: none;
	margin: 0 10px 10px 10px;
	display: inline-block;
}

.wp-caption img{
	border-radius: 50%;
}

.team .info{
	margin-bottom: 30px;
}


/* blog */
.subnav {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.subnavtitle {
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding: 8px;
}

.subnav ul {
	padding-left: 0 !important;
}

.subnav ul li {
	list-style: none !important;
	border-bottom: 1px solid #CCC;	
	padding: 8px;
}

.subnav .current-menu-item a {
	color: #999;
}

.blogsmall {
	margin-bottom: 20px;
}
	
.blogsmall p {
	font-size: 0.8em;	
	line-height: 1.5em;
}

.blogsmall .column2 img {
	width: 100%;
}
	
.blog h1 {
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 1.4em;	
	line-height: 1.2em !important;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 40px;
}

.blogsmall h1,  h2#comments {
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 1.2em;	
	line-height: 1.5em;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 10px;
	}
	
#commentsform input#submit {
	background-color: #ccc;
	color: #FFF;
	text-transform: uppercase;
	width: 25% !important;
	min-width: 180px;
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 1.2em !important;
}

.small {
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.social {
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

.subnav a, .small a, .social a, .blogsmall a {
	text-decoration: none;
}


/* TYPOGRAPHY */

h1 { /* header with underline */
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 1.75em;
	line-height: 2em;
	text-decoration: underline;
}

h2 { /* Slideshow headers */
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 2.66em;
	line-height: 0.9em;
	color: #00B9BB;
	text-align: left;
	clear: none;
}

h3 { /* intro */
	font-size: 1.6em;
	font-weight: 200;
	line-height: 1.383em;
	padding: 10px;

}

h3 strong {
	letter-spacing: 0.05em;	
}

h4 {
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 2em;
	line-height: 1.2em;
	padding: 0.66em 0;
	letter-spacing: 0.15em;
}

h4.orange {
	padding-top: 1em;	
}

h5 { /*sub head size 18 with dashes */
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 25px 0;
	clear: both;
}

h5 a {
	text-decoration: none;	
}

.team h5 {
	padding: 50px 0;	
}


h5:before {
	content:"— ";	
}

h5:after {
	content:" —";	
}

h6 {
	background-color: #000;
	display: block;
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	text-transform: uppercase;
	font-size: 1em;
	text-align: center;
	padding: 10px;
	letter-spacing: 0.15em;
	color: #FFF;
	margin: 4em 0 1.33em 0;
}

/* Bullets */

.content ul li, .contentpadding ul li {
	list-style: circle;
/*	padding-bottom: 0.5em;*/
}
/*
.content ul li:before { 
	content:" "; 
	position:relative; 
}

.content ul li { 
	text-indent: -1em; 
}*/

.content ul, .contentpadding ul {
	padding-bottom: 0.5em;
	padding-left: 1.2em; 

}

.gform_body ul li { 
	text-indent: 0; 
}


.gform_body ul li:before { 
	content: normal;
}

/************************************************
*	GENERIC STYLES 								*
************************************************/
.uppercase{
	text-transform: uppercase;
}
.rowflex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.colflex {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
 	padding: 2.5em; 
    border: 0.33em solid #FFF;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}
.whitetext {
	color: #FFF;
}

.aboutimg {
	width: 100% !important;
	max-width: 100%;
}

.aboutimg img {
	width: 100%;
}

.bgturquoise {
	background-color: #00B9BB;
}

.turqoise {
	color: #00B9BB;
}

.bgpeach {
	background-color: #fdf7eb;	
}

.bgmint {
	background-color: #B8DEC0;
	color: #333 !important;	
}

.bgbeige {
	background-color: #f7f8f3;	
}

.bgyellow {
	background-color: #F6D181;	
	color: #333 !important;	
}

.bgpink {
	background-color: #f58b8d;
}

.bgblue {
	background-color: #2676b1;
}

.bgpurple {
	background-color: #B78CA3;
}

.bggreylight {
	background-color: #f7f8f8;
}

.triangleyellow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #F6D181 transparent;
	margin: -15px auto 0 auto;
	z-index: 1000;
}

.triangleblue {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #ffbc54 transparent;
	margin: -15px auto 0 auto;
	z-index: 1000;
}

.trianglepink {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #f58b8d transparent;
	margin: -15px auto 0 auto;
	z-index: 1000;
}

.orange {
	color: #EA9274;
}

.grey {
	color: #666;
	}
	
.greylight {
	color: #999;
}

.maxwidth750 {
	max-width: 750px;
}

.100width {
	width: 100%;
}

.letterspacing2 {
	letter-spacing: 0.15em;	
}

.letterspacing4 {
	letter-spacing: 4px;	
}


.textaligncenter {
	text-align: center;
}

.textalignright {
	text-align: right;
}

.padding100 {
	padding: 100px;
}

.padding200 {
	padding: 200px 0;
}

.padding50 {
	padding: 50px 0;
}

.padding40 {
	padding: 40px;
}

.padding10 {
	padding: 1.3em;
}

.paddingbot10 {
	padding-bottom: 1.3em;
}

.fontsize14 {
	font-size: 0.93em;
}

.fontsize18 {
	font-size: 1.2em;
	line-height: 1.5em;
}

.fontsize30 {
	font-size: 2em;
}

.fontsize13 {
	font-size: 0.866em;
}

.paddingtop40 {
	padding-top: 35px;
}

.paddingtop20 {
	padding-top: 20px;
}

/*.minheight520 {
	min-height: 520px;
}*/


/************************************************
*	FORM								 		* 
************************************************/
input {
	-webkit-appearance: none; /* for Safari fields */
    border-radius: 0; /* for Safari fields */
	border: 1px solid #DBDCDE;
	min-height: 3.3em;
	color: #ADA6A4;
	font-size: 0.875em !important;
	letter-spacing: 0.2em !important;
	width: 100% !important;
}

textarea {
	-webkit-appearance: none; /* for Safari fields */
    border-radius: 0; /* for Safari fields */
	border: 1px solid #DBDCDE;
	color: #ADA6A4;
	width: 100%;
	font-size: 0.875em !important;
	letter-spacing: 0.2em !important;
}


/************************************************
*	FOOTER								 		* 
************************************************/

.footer { 
	background: #FFF;
	min-height: 75px;
	border-top: 10px solid #000;
	width: 100%;
	clear: both;
	font-size: 0.8em;
	line-height: 1.366em;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	position: relative;
}

.footer .social-icon i{
	font-size: 15px;
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	padding: 5px;
	margin: 0 8px;
	position: relative;
	top: -10px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

@media only screen  and (max-width : 767px) {
	.footer .social-icon i{
		top: 0px;
	}
}

.footer .social-icon i:hover{
	opacity: 0.5;
}

.footer .social-icon i.fi-cwsuxl-arrow-simple-wide{
	background-color: transparent;
    color: #000;
    font-size: 20px;
    margin-left: 0;
}

.footer .social-icon i.fi-xnsuxl-facebook svg{
	right: 2px;
    position: relative;
    bottom: 2px;
}


.footer .widgettitle, .footerblack .widgettitle {
	display: none;
}

.footerleft {
	bottom: 30px;
	left: 20px;	
	position: absolute;
}

.footerright {
	bottom: 15px;
	right: 20px;	
	position: absolute;
}

.footer img {
	padding-left: 10px;	
}


.footerblack { 
	background: #000;
	min-height: 150px;
	width: 100%;
	clear: both;
	position: relative;
	
}

.footerblack img {
	padding: 0 10px;
}

.footerblackcenter {
	width: 300px;
	margin: 0 auto;
	text-align: center;
	padding-top: 45px;
}

.footerblackright {
	bottom: 60px;
	right: 50px;	
	position: absolute;
}

.footerblack .social-icon i{
	font-size: 28px;
	background-color: #161616;
	color: #fff;
	border-radius: 50%;
	padding: 5px;
	margin: 0 10px;
	position: relative;
	top: 15px;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.footerblack .social-icon i:hover{
	opacity: 0.5;
}

.footerblack .fi-cwsuxl-arrow-simple-wide{
	font-size: 20px;
	color: #fff;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.footerblack .fi-cwsuxl-arrow-simple-wide:hover{
	opacity: 0.5;
}

.footerblack .social-icon i.fi-xnsuxl-facebook svg{
	right: 5px;
    position: relative;
    bottom: 5px;
}



/************************************************
*	PLUGINS 							 		* 
************************************************/

/* MEGA MAIN MENU */

#mega_main_menu.main-menu > .menu_holder > .menu_inner > ul > li > .item_link .link_text {
	text-transform: uppercase;
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	letter-spacing: 0.15em;
}

/* submenu down arrow */
#mega_main_menu > .menu_holder > .menu_inner > ul > li > .item_link:after {
	display: none;
}

/* submenu */
ul.mega_dropdown li {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

/* submenu width */
.columns1 {
	width: auto !important;
}

/* submenu center */
#mega_main_menu ul > li ul {
	text-align: center;
	}

#mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown > .mega_dropdown > li, #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li {
 float: none;
}


/* submenu black padding */
#mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown:hover > .mega_dropdown {
 padding: 5px !important;	
}

#mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown > li {
	padding: 0 !important;	
}

 #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown .mega_dropdown > li > .item_link {
	 padding: 5px 10px !important;	
 }


/* remove shadow */
#mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.default_dropdown li > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > ul, #mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown .mega_dropdown > li.post_item .post_details, #mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown .mega_dropdown > li .post_details {
-webkit-box-shadow: none; 
-moz-box-shadow: none; 
-ms-box-shadow: none; 
-o-box-shadow: none; 
box-shadow: none; 
}

/* mobile menu icons */
.symbol_menu, .symbol_cross {
	font-size: 30px;
}

.symbol_menu {
	padding-right: 8px;
	font-weight: 100;
}

.mobile_button {
	padding-right: 0 !important;
}

.symbol_cross {
	z-index: 5100 !important;
}

/* sticky menu */
 #mega_main_menu.direction-horizontal > .menu_holder.sticky_container > .menu_inner > .mega_main_menu_ul {
border-bottom: 5px solid #000;
}

/* dropdown menu transition change from fade to delay*/
/* anim_2 */
#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.widgets_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown > li.post_item .post_details,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li .post_details{
display: block;
overflow: hidden;
max-height: 0px;
max-width: 0px;
opacity: 1;
-webkit-transition: opacity 0.4s ease 1.5s, max-height 0.4s step-end 1.5s, max-width 0.4s step-end 1.5s, padding 0.4s step-end 1.5s;
-o-transition: opacity 0.4s ease 1.5s, max-height 0.4s step-end 1.5s, max-width 0.4s step-end 1.5s, padding 0.4s step-end 1.5s;
transition: opacity 0.4s ease 1.5s, max-height 0.4s step-end 1.5s, max-width 0.4s step-end 1.5s, padding 0.4s step-end 1.5s;
}


#mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .item_link:hover + .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.keep_open > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown:hover > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown > .item_link:hover + .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.widgets_dropdown.keep_open > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown:hover > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .item_link:hover + .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown.keep_open > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown > .post_item:hover .post_details,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown > .post_item.keep_open .post_details,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown:hover > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > .item_link:hover + .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown.keep_open > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown:hover > .mega_dropdown,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li:hover .post_details,
#mega_main_menu > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li.keep_open .post_details
{
	padding: 5px !important;
}

/* ROYAL SLIDER */
.royalSlider,
.rsOverflow,
.rsSlide,
.rsVideoFrameHolder,
.rsThumbs {
    background: #FFF !important;
}


/* SHORTCODES */

.su-accordion {
	margin-bottom: 3em !important; 
	margin-top: 0.33em;
}

.su-accordion .su-spoiler {
	border-bottom: 1px solid #999;
}

.su-spoiler-title {
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-weight: 200 !important;
	font-size: 0.9em !important;
}

.su-spoiler-style-default > .su-spoiler-content {
	padding-top: 0 !important; 
}

.su-accordion .su-spoiler {
	margin-bottom: 0 !important;
}


/* GRAVITY FORMS */
h3.gform_title {
	text-align: center;
	text-transform: uppercase;
	color: #939597;
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 2em !important;
	letter-spacing: 0.15em !important;	
}

.gform_wrapper h2.gsection_title, 
.gform_wrapper .gsection_description, 
.gform_wrapper h3.gform_title,
.gform_wrapper .gform_heading,
.gform_wrapper {
	width: 100% !important;
	max-width: 100% !important;
}

.gfield_label {
	font-family:"aperculight", Helvetica, Arial, sans-serif !important; font-weight: normal; font-style:normal;
	text-transform: uppercase;
	color: #ADA6A4;
	font-weight: normal !important;
	font-size: 0.875em !important;
	letter-spacing: 0.2em !important;
}

.gform_button {
	background-color: #EA9274;
	color: #FFF;
	text-transform: uppercase;
	width: 25% !important;
	min-width: 180px;
	font-family:"apercubold", Helvetica, Arial, sans-serif; font-weight: normal; font-style:normal;
	font-size: 1.2em !important;
}

div.gform_heading {
text-align: center;
}

.gform_wrapper .top_label textarea.textarea {
	width: 100% !important; 
}

.gform_footer {
	text-align: center;
}

.validation_error {
	font-weight: normal !important;
	color: #EA9274 !important;
	font-size: 1em !important;
	text-align:center;
}

.gform_wrapper .validation_message {
	font-family:"aperculight", Helvetica, Arial, sans-serif !important; font-weight: normal; font-style:normal;
    color: #EA9274 !important;
    font-weight: normal !important;
	text-align: center;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	border: none !important;
	background-color: #FFF !important;
}

.gform_wrapper .top_label .gfield_error {
	width: 100% !important;
}

.gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error textarea {
	border: 1px solid #EA9274 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	margin: 0 !important;
	padding: 0 !important;
}

.gform_wrapper .top_label .gfield_error .ginput_container {
	max-width: 100% !important;	
}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
/*	padding: 5px !important;	 */
}

.gform_wrapper textarea {
	padding: 0.66em 0 !important;
}
	
.gform_wrapper h3.gform_title {
	font-weight: normal !important;
}

.gform_wrapper .gfield_error .gfield_label {
	color: #EA9274 !important;
}

.gform_wrapper .gfield_required {
	color: #EA9274 !important;
	margin-left: 0 !important;
}

.gform_wrapper {
	max-width: 33em !important;
	margin: 0 auto !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-top: 0 !important;
}

.gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password] {
	padding: 0 !important;

}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
	margin-top: 0 !important;
}

/* checkbox */
.gfield_checkbox input {
	min-height: 0.5em;;
	border: none;
 	-webkit-appearance: checkbox;
}
	
.gfield_checkbox li label {
	color: #939597 !important;
}

/* GOOGLE MAP PRO */
.map{
	overflow: hidden;
}
.wpgmp_map_parent{
margin-bottom: 0 !important;	
}
.gm-style {
	font-family:"aperculight", Helvetica, Arial, sans-serif;  
	font-weight: normal;
    font-style: normal;
	font-size: 0.9375em;
	line-height: 1.5em;
}

.gm-style a {
	text-decoration: none;
}

.gm-style-iw {
	padding: 2em 1em;
	left: auto;
	top: auto;
}

/************************************************
*	MEDIA QUERIES						 		* 
************************************************/

/* large screens */
@media only screen  and (min-width : 1824px) {
}


/* smaller than 1366  */
@media screen and (max-width: 1366px) {
	
.padding100 {
padding: 40px;
}

}

/* smaller than 1024  */
@media screen and (max-width: 1024px) {

}


/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

body {
	font-size: 0.9em;	
}

.colflex {
	width: 50%;
	margin: 0 auto;
}


.logo img {
	height: 40px;
}

}

/* smaller than 768 */ 
@media screen and (max-width: 768px) {
	
/*
.menu_holder { 
	background: ##F96;
}
*/

	
.logo {
	margin: 5em 0 2em 0;
}
	
h3, h3.gform_title { /* intro */
	font-size: 1.3em !important;
	padding: 0;
}

h4 {
	font-size: 1.3em;
}

.footerleft {
	bottom: auto;
	left: auto;
	letter-spacing: 0.15em;
	position: relative;
	text-align: center;
	
}

.footerright {
	bottom: auto;
	right: auto;
	position: relative;
	clear: both;
	text-align: center;
	padding: 10px 0 5px;
}

.footer img {
	padding: 0 5px;
		
}

.padding100 {
	padding: 40px 0;
}

.rowflex {
    display: block;
}

}

/* THIS IS WHERE THE MENU GOES MISSING, 1PX BELOW IPAD */
@media screen and (max-width: 767px) {


/* revert to original transition */
/* anim_2 */

#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.widgets_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown > li.post_item .post_details,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li .post_details{display: block;overflow: hidden;max-height: 0px;max-width: 0px;opacity: 0;-webkit-transition: opacity 0.4s ease, max-height 0.4s step-end, max-width 0.4s step-end, padding 0.4s step-end;-o-transition: opacity 0.4s ease, max-height 0.4s step-end, max-width 0.4s step-end, padding 0.4s step-end;transition: opacity 0.4s ease, max-height 0.4s step-end, max-width 0.4s step-end, padding 0.4s step-end;}
#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul li.keep_open > ul,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li:hover > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.default_dropdown:hover > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.default_dropdown.keep_open > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.default_dropdown li:hover > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.default_dropdown li.keep_open > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown:hover > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.multicolumn_dropdown.keep_open > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.widgets_dropdown:hover .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.widgets_dropdown.keep_open .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown:hover > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown.keep_open > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown > li.post_item:hover .post_details,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.post_type_dropdown > .mega_dropdown > li.post_item.keep_open .post_details,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown:hover > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown.keep_open > .mega_dropdown,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li:hover .post_details,#mega_main_menu.dropdowns_animation-anim_2 > .menu_holder > .menu_inner > ul > li.grid_dropdown > .mega_dropdown > li.keep_open .post_details{overflow: visible;max-height: 3000px;max-width: 3000px;opacity: 1;-webkit-transition: opacity 0.5s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;-o-transition: opacity 0.5s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;transition: opacity 0.5s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;}
	
}


/* WHEN THE MOBILE MENU KICKS IN */

/* smaller than 568 – Smartphones 320px to 568px*/
@media screen and (max-width: 480px) {
	
#mega_main_menu .nav_logo > .logo_link > img {
	max-height: 85%;
}

/* menu */
.nav_logo { 
	display: block !important;
}

.nav_logo img {
		width: 150px;
		padding-top: 10px;
}

.top {
	min-height: 40px;	
}

.phone, .logo {
	display: none;
}

.nav {
	position: absolute;
	width: 100%;
	top: 0;	
}

/* mobile menu lines */
#mega_main_menu.responsive-enable > .menu_holder > .menu_inner > ul > li {
	 border-top: 1px solid #999;	
}

div.menu_inner {
	border-bottom: 6px solid #000;
}

.link_content {
	font-size: 11px;
}
	
#mega_main_menu .nav_logo > .logo_link > img {
	max-height: 75%;
}
		
body {
	font-size: 0.8em;	
}

.wrapper {
	max-width: 568px;
}

h3 { /* intro */
	font-size: 1.3em;
	padding: 0;
}

.contentpadding {
	padding: 3em 0;
	/*text-align: center; */
}

h5 { 
	letter-spacing: 4px;
}

.social {
	float: left !important;
	padding-top: 5px;
	}

.blog h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	}

#map2 {
	height: 450px !important;
}

.footerleft {
	letter-spacing: 0;	
}

.footerblack {
	min-height: 100px;
}

.footerblackcenter img {
	width: 10%;
}

.footerblackcenter {
	text-align: left;
	padding-top: 30px;
}

.footerblackright {
	bottom: 38px;
	right: 30px;	
}

}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
}

/* smaller than 360 */
@media screen and (max-width: 360px) {
}


/* smaller than 320 */
@media screen and (max-width: 320px) {
}

/************************************************
*	© WWW.THEMIGHTYWONTON.COM					* 
************************************************/