/*

 * Custom CSS

 *

 * Place here your custom CSS. This will keep your custom css when there is a theme update.

 *

 */



/* MediaFit Custom

------------------------------------------------------------------------------------ */

.pad20 {

	padding: 20px;

}

.imgfull {

	width:100%;

}

.padtop20px {
	padding-top: 20px !important;
}


/* Show Hide blocks of content based on screen size

------------------------------------------------------------ */





	

/* 80% image opacity on hover

------------------------------------------------------------ */



.image-opacity {

	opacity:1.0;

	filter:alpha(opacity=100); /* For IE8 and earlier */

}

.image-opacity:hover {

	opacity:0.8;

	filter:alpha(opacity=40); /* For IE8 and earlier */

}



/*  Class to add img in a circle 

------------------------------------------------------------ */



.img-cirle {

	max-width: 85%;

	margin: 0 auto;

	text-align: center;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	-ms-border-radius: 50%;

	border-radius: 50%;

	-webkit-transform: scale(0.94);

	-moz-transform: scale(0.94);

	-ms-transform: scale(0.94);

	transform: scale(0.94);

	}



/*  Add to image to create a border frame and an image hover link frame class frame or frame-link

------------------------------------------------------------ */



img.frame {

	border: 3px solid red;

	}



img.frame-link:hover {

	border: 3px solid yellow;

	}





/*  Column float rules

------------------------------------------------------------ */

.column-float-right {

	float: right !important;

	}

.column-float-left {

	float: left !important;

	margin-left: 0;

	}



/* Bean Pricing Tables 

------------------------------------------------------------ */

.bean-pricing-table .pricing-column li {

color: #555;

border-bottom: solid 1px #ddd;

font-size: 18px;

font-weight: normal;

line-height: 18px;

list-style: none;

padding: 15px;

margin-bottom: 10px;

}



.bean-pricing-table .pricing-highlighted {

background-color: #888;

color: #FFF;

font-size: 18px;

font-weight: bold;

line-height: 42px;

height: 40px;

/* padding: 10px 0px; */

margin: -40px 0 0px;

text-transform: uppercase;

text-align: center;

}



.pricing-button {

  margin-bottom: 20px !important;

}



.pricing-setup {

  border: 1px solid #ccc;	

  font-size: 36px;

  text-transform: uppercase;

  background: #e5e5e5;

  padding: 30px;

  width: 350px;

}

.symple-testimonial-content {

font-style: italic;

position: relative;

background: #e4e4e4 !important;

padding: 15px;

color: #666;

border-radius: 2px;

-webkit-border-radius: 2px;

}

.setup-launch {

		background: #eee;

		height:300px;

}

.bean-pricing-table .pricing-column ul {

  background: #f2f2f2;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  margin: 0px 0px 0px 0px;

  padding: 25px 0;

}



.bean-pricing-table .table-mast h5.title {

  color: #53a02b;	

  font-size: 26px !important;

  text-align: center;

}



.bean-pricing-table .table-mast h6.price {

  color: #333;

  font-size: 34px;

  font-weight: bold;

  padding: 7px 0px;

  text-align: center;

}

.bean-pricing-table .table-mast p {

  color: #555;

  font-size: 18px;

  font-weight: normal;

  letter-spacing: normal;

  line-height: 20px;

  margin-bottom: 0px;

  padding-bottom: 0px;

  text-align: center;

}



.bean-pricing-table .table-mast {

  background-color: #ccc;

  border: 1px solid #aaa;

  padding: 35px 30px 32px;

}



/* HOVER STYLES */

.bean-pricing-table .table-mast,

.bean-pricing-table .table-mast h6.price,

.bean-pricing-table .table-mast p {

	-webkit-transition: all .2s ease-in-out;

	   -moz-transition: all .2s ease-in-out;

		-ms-transition: all .2s ease-in-out; 	   

		 -o-transition: all .2s ease-in-out;

} 	 	 

.bean-pricing-table .table-mast:hover {

	background-color: #ccc;

}

.bean-pricing-table .table-mast:hover h6.price {

	color: #000;

}

.bean-pricing-table .table-mast:hover p {

	color: #222;

}



.beantable-button {

  background: #f2f2f2;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

  text-align: center; 

}



.table-mast .price span {

  font-size: 22px;

  font-weight: normal;

}

.bean-pricing-table .table-mast .details {

  font-size: 20px;

  font-style: italic;

  color: #666;

  font-weight: 400;

  letter-spacing: -.02em;

}



/*===================================================================*/

/* TOOLTIPS

/*===================================================================*/

#powerTip {

	background-color: #60BB46;

	border-radius: 0 4px 4px 4px;

	box-sizing: border-box;

	color: #FFF;

	display: none;

	font: 18px/22px "Helvetica Neue", Helvetica, Arial, sans-serif;

	max-width: 260px;

	padding: 20px;

	position: absolute;

	z-index: 9999;

	-webkit-font-smoothing: auto;

}

#powerTip:after {

	border-style: solid;

	border-color: #2AC176 transparent;

	border-width: 15px 0 0 20px;

	content: "";

	left: -20px;

	position: absolute;

	top: 0px;

}







.pricing-italic {

  font-size: 20px;

  font-style: italic;

  text-transform: lowercase;

  color: #666;

  font-weight: 400;

  letter-spacing: -.02em;

}



.pricing-faq {

	margin-top: 50px;

}





/** Green image border highlight **/



img.post-image:hover {

	background: none repeat scroll 0 0 #65BA45;

	border: 1px solid transparent;

	opacity: 1;

	filter: alpha(opacity = 100)

}



/** Our Work -Portfolio Page **/

.page-id-1991 .entry-content p {

	padding: 0 0 0px !important;

}



.page-id-1991 h3 {

color: #555;

font-size: 21px;

text-align: center;

}



/** Pricing Page**/

.page-id-1993 .entry-content ul li {

  margin: 0px !important;

}



/* Footer widget 3 padding */

.scroller .widget-wrap {

  margin: 10px 0 0 !important;

}

.iconmf .widget-wrap {

  margin: 20px 0 0 !important;

}



.iconsmall {

	width:80px;

}



#fontawesome-grey {

	color:#ddd;

	font-size:80px;

	text-align:center;

}


/* Gravity Forms

------------------------------------------------------------ */


div.gform_wrapper li,  div.gform_wrapper form li {
	margin: 0 0 10px;
}
div.gform_wrapper .gform_footer {
	border: none;
	margin: 0;
	padding: 20px 29px;
	background: #ddd;
	border: 1px solid #c7c7c7;
	border-width: 0 1px 1px;
}
.gform_wrapper {
max-width: 100% !important;
}


.gform_wrapper ul li:before, .gform_wrapper ul li:after, .gform_wrapper ul.gform_fields {
padding: 0;
margin: 0;
overflow: visible;
list-style: none;
margin: 0;
padding: 24px 29px 19px !important;
background: #f0f0f0;
border: 1px solid #c7c7c7;
-webkit-box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);
box-shadow: inset 0 1px 2px rgba(255,255,255,0.5);
}

.gfield_label {
margin: 6px 0 4px -5px !important;
display: block !important
}


.gform_wrapper .gsection {
border-bottom: 1px dotted #CCC;
padding: 0 0 8px 0;
margin: 16px 0;
clear: both;
margin: 30px -30px 25px !important;
padding: 0px 0 0 0; 
width: auto;
background: #fff;
border: 1px solid #c7c7c7;
border-width: 1px 0;
}

.mfsectionbreak {
padding: 40px 0px 20px !important;
}

input, 
select, 
textarea {
border: 1px solid #bbb;
}

.supportmf .sidebar.widget-area ul li {
list-style: none;
padding: 0px;
}

.supportmf .gform_wrapper li.hidden_label input {
	margin-top:0.0em;
}

/* Symple Shortcode Customisations

------------------------------------------------------------ */

.symple-button.green { background: #53a02b !important;}
.symple-button { font-size: 13px }
.symple-button.small { font-size: 14px; }
.symple-button.medium { font-size: 15px; }
.symple-button.large { font-size: 16px }
.symple-button.giant { font-size: 18px }

.symple-box.gray { 
	color: #666; 
	background: #ebebeb !important; 
	border: 1px solid #ddd !important;
	padding: 15px !important;
	}

.symple-box.green { 
	color: #252525 !important;  
	background: #f6fde4 !important;  
	border: none !important;
	padding: 15px !important; 
	}

.symple-callout  .symple-callout-caption,
.symple-callout  .symple-callout-button {   
	display: inline-block;
}

.symple-callout {
	background: none !important;
	border: 1px dashed #999999 !important;
	border-radius: 6px !important;
    padding: 20px 30px !important;
    position: relative !important;
    margin: 40px auto !important;
}
.symple-callout-caption {
    font-size: 1.0em !important;
    width: 70% !important;
    color: #222 !important;
    padding: 15px !important;
}

.symple-callout-button {
    float: none;
    max-width: 26%;
    min-width: 24%;
    text-align: center !important;
    vertical-align: middle !important;
    padding-top: 20px !important;
    }

.symple-shortcodes span.symple-button-inner {
    padding: 25px 15px !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}    

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

	.symple-callout .symple-callout-caption,
	.symple-callout .symple-callout-button {   
	display: block;
	}

	.symple-shortcodes-responsive .symple-callout-caption {
	    float: none !important;
	    text-align: center !important;
	    margin: 0px !important;
	    padding: 0px 5px!important;
	    width: 100% !important;
	}
	.symple-callout-button {
    	float: none;
    	margin: auto;
    	text-align: center; 
    	width:100% !important;
    	max-width: 100% !important;
    	min-width: 100% !important;
	}
}

@media only screen and (max-width: 520px) {
	.symple-shortcodes-responsive .symple-callout-caption { 
		text-align: center ;
		float: none; 
		font-size: 1.1em !important; 
		font-weight: 400; 
		width: 100%; 
		color: #555; 
	}
	
	.symple-shortcodes-responsive .symple-callout-button { 
		position: inherit; 
		right: auto; 
		top: auto; 
	    float: none;
	    margin: 0px auto 0;
		text-align: center; 
	}
}