/*

Theme Name: Mint

Theme URI: 

Author: Francis Wilson

Author URI: www.1seo.com

Description: Main template for Mint Condition

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



Copyright 2014 Mint Condition Fitness



*/



/* ---------- Basic Structure ---------- */



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, 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;

	font-size: 100%;

	vertical-align: baseline;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

}

html { margin-top:0px !important}




body {

background: url(images/bg-2.jpg);

background-color: #1e1c1b!important;

background-size:100%;
 
background-position: top center;

width: 100%;

color: #000;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;}

body.page-id-21 {background: url(images/bg-1.jpg);}

#container {

width: 100%;

float: center;

display: block;

 margin:0px auto!important;

}



#site {

width: 100%;

margin: 0px auto!important;

color: #000;

}



#main {

}

#mini-header {background: #000;
padding: 10px;
float: left;
width: 100%;
margin: 0px;}

#mini-header a{ color:#FFF; text-decoration:none;}
#mini-header a:hover{ color:#AEF0A8; transition:.5s;}

#header-wrapper {
	background-color:#fff;

float: left;

margin: 0px auto;

width: 100%;

display: block;



}



#header {

max-width: 960px;

margin: 0px auto!important;

display: block;

padding-top: 5px;

}



#logo {

width: 275px;
margin: 0 auto;

}

#logo a img:hover{-webkit-transform: rotateY(360deg);
     -moz-transform: rotateY(360deg);
     -o-transform: rotateY(360deg);
     -ms-transform: rotateY(360deg);
     transform: rotateY(360deg);
	 transition:3s;}
	 


#phone {

float: left;

font-size: 14px;

line-height: 16px;

font-weight: bold;

margin-left: 20%;
}



#phone p {font-size: 18px;}



#phone a {}

#email{ float: right;
font-size: 14px;
line-height: 16px;
font-weight: bold;
margin-right: 20%;
}

.caption-wrap {

width: 50%!important;

padding: 1%;

}



.caption h2 {

color: #fff; font-size: 36px; line-height: 45px;

}



.caption p {color: #fff;}

.caption a {color: #5AF501; text-decoration: none; float: right;}



span.email a {

font-size: 20px!important;

line-height: 20px!important;

}



#main {

width: 100%;

margin: 0px auto;

max-width: 960px;

}





#photo {
	margin:20px 0px;

width: 96%;

display: block;

float: left;

overflow: hidden;

border-bottom: 0px!important;

padding: 2%;
background-image: url(images/op-bg.png);

}



#photo img {

height: 335px;

width: 100%;

}



img.btn {

margin-top: 30px!important;

width: auto!important;

height: auto!important;

}



#content {

background-color: #fff;
float: left;
width: 97%;
margin-bottom: 20px;
padding: 20px 0px 20px 20px;



}



#content img {

max-width: 100%;

height: auto;

}



.alignright {float: right; margin-left: 20px;}

.alignleft {float: left; margin-right: 20px;}

.aligncenter {display: block; margin: 0px auto;}



#left {

float: left;

width: 64%;

padding: 2%;

background-image:url(images/op-bg.png);
}



#right {

float: right;
width: 30%;
background-image: url(images/op-bg.png);
text-align:center;
padding-bottom: 20px;
}



#right img {

max-width: 100%;

height: auto;

margin-bottom: -5px;

}

div.wpcf7 { padding:0px 20px;}


#contact-form {background-color: white;width: 88%;margin: 0 auto;margin-top: 18px;}


#contact-form input[type="text"]{ width:90%;background-color: #E9E9E9;border-radius: 5px;}
#contact-form input[type="email"]{ width:90%;background-color: #E9E9E9;border-radius: 5px;}
#contact-form textarea{ width:90%;background-color: #E9E9E9;height: 75px;;border-radius: 5px;}

#contact-form input[type="submit"]{ width: 100%;
background-color: #000000;
border-radius: 5px;
margin: 0 auto;
text-align: center;
padding: 15px;
color: #fff;
border: none;border:1px solid #000;}

#contact-form input[type="submit"]:hover{ background-color: #AEF0A8;color: #000;
transition: .2s; border:1px solid #000;}



#sidebar-navi{background-color: black;
width: 88%;
margin: 0 auto;
margin-top: 18px;}
#sidebar-buttons-wrapper{}
#sidebar-buttons-but{float: left;
width: 100%;border-bottom: 1px solid #000;}
#sidebar-buttons-icon{float: left;
background-color: #000;
width: 45px;
height: 75px;
line-height: 75px;

background: rgba(71,71,71,1);
background: -moz-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(36,36,36,1) 7%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 47%, rgba(36,36,36,1) 69%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(71,71,71,1)), color-stop(7%, rgba(36,36,36,1)), color-stop(25%, rgba(51,51,51,1)), color-stop(47%, rgba(31,31,31,1)), color-stop(69%, rgba(36,36,36,1)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(36,36,36,1) 7%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 47%, rgba(36,36,36,1) 69%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(36,36,36,1) 7%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 47%, rgba(36,36,36,1) 69%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(71,71,71,1) 0%, rgba(36,36,36,1) 7%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 47%, rgba(36,36,36,1) 69%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(71,71,71,1) 0%, rgba(36,36,36,1) 7%, rgba(51,51,51,1) 25%, rgba(31,31,31,1) 47%, rgba(36,36,36,1) 69%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#000000', GradientType=0 );

}
#sidebar-buttons-icon .fa{font-size: 30px;
line-height: 75px;
margin: 0 auto;
}
#sidebar-buttons-link{float: right;
text-align: center;
margin: 0 auto;
width: 208px;
height: 75px;
line-height: 75px;
font-size: 30px;
background: rgb(255,255,255);
}
#sidebar-buttons-link a{ text-decoration:none; color:#000;}


#sidebar-buttons-link:hover{ background-color: #AEF0A8;
color: #000;
transition: .2s;
}


#sidebar-social {width: 213px;
background-color: #000;
padding: 2%;
padding-bottom: 20px;
margin-top: 20px;
display: inline-block;}

#sidebar-social a img:hover{ opacity:.75}

#sidebar-social a{margin: 0px 2px;}










hr {

height: 1px;

border-top: 1px dotted #79040A;

margin: 20px 0px;

}



p {

font-size: 14px;

color: #000;

line-height: 24px;

margin-bottom: 15px;

color: #000;

}



#content a {

color: #000;

font-weight: bold;

text-decoration: none;

}



ul {

font-size: 15px;
color: #000;

}



#content li {

font-size: 15px;

line-height: 24px;

list-style: none;

background: url(http://mintconditionfitness.net/images/bullet.gif);

background-repeat: no-repeat;

background-position: 0px 10px;

padding-left: 12px;

}



h1 {

font-size: 34px;

font-weight: bold;

margin-bottom: 10px;

}



h2 {


margin-top: 15px;

font-size: 24px;

font-weight: bold;

margin-bottom: 10px;

}



h3 {


margin-top: 15px;

font-size: 22px;

font-weight: bold;

margin-bottom: 10px;

}



h4 {

font-size: 12px;

font-weight: normal;

}



h4 strong {

font-size: 22px;

}





/* -------- MAIN NAVIGATION ---------- */



#nav-wrapper {
	background-color:#000;

width: 100%;

float: left;


}



#nav {

text-align: center;

margin: 0px auto!important;

position: relative;

z-index: 1000!important;

}



#nav ul {

list-style: none;

}



#nav li {

font-size: 14px;

line-height: 40px;
height: 50px;


}

#nav li:hover{
	
	
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid #fff;
	
	
	
	}


#nav a {

color: #fff;

text-decoration: none;

padding: 6px 25px;

font-weight: normal;

text-transform: uppercase;

}



#nav a:hover {

color: #AEF0A8;

border-bottom: 5px solid;

transition: .4s;

}



nav ul ul {

display: none;

}



nav ul li:hover > ul {

display: block;

}



nav ul {

list-style: none;

position: relative;

display: inline-table;

z-index: 1000;

}



nav ul:after {

content: ""; clear: both; display: block;

}



nav ul li {

float: left;

}



nav ul li:hover {

}



nav ul li:hover a {

color: #fff;

}



nav ul li a {

display: block;

color: #757575; text-decoration: none;

}



nav ul ul {

border-radius: 0px;

padding: 0;

position: absolute; 

top: 100%;

background-position: top center;

background-repeat: repeat;

margin-top: 0px;

margin-top: 47px\9;

margin-top: 0px\0/IE9;

background-color: #000;

}



nav ul ul li {

font-size: 12px!important;

float: none; 

position: relative;

z-index: 1000!important;

border:none !important;

}



nav ul ul li a {

font-style: normal!important;

padding: 8px 15px!important;

color: #fff;

z-index: 1000!important;

font-weight; normal!important;

border:none !important;

}	



nav ul ul li a:hover {

border:none !important;

}



nav ul ul ul {

position: absolute; left: 100%; top:0;

}



/* ---------- CONTACT FORM & SIDEBARS ---------- */



#contact {

width: 92%;

margin: 0px auto;

margin-top: 15px;

}



#contact p {

font-size: 13px;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

}



#contact h3 {

color: #fff;

text-align: center;

text-transform: uppercase;

font-size: 28px;

line-height: 30px;

margin-top: 0px;

margin-bottom: 0px;

font-weight: bold;

}



#contact h4 {

color: #fff;

text-align: center;

font-size: 20px;

font-weight: bold;

}



#contact span.phone {

font-size: 24px;

}



#contact input {

float: left;

width: 96%;

border: 0px solid;

margin-top: 10px;

padding: 2%;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 12px;

background-color: #fff;

color: #000;

border-radius: 5px;

}



#contact textarea {

color: #000!important;

width: 96%!important;

border: 0px solid;

height: 70px;

padding: 2%;

float: left;

margin-top: 10px;

margin-bottom: 10px;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 12px!important;

border: 0px;

background-color: #fff;

border-radius: 5px;

}



#contact option {

font-weight: bold;

}



#contact select {

margin-top: 10px;

}



#contact option,

#contact select {

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 12px!important;

color: #666!important;

width: 100%;

}



p.privacy {

font-size: 9px!important;

line-height: 12px;

margin-top: -40px!important;

margin-left: 65px;

}



span#check {

font-size: 8px!important;

}



span#check input {

width: 10px;

}



.submit_button {

display: block;

float: left;

color: #fff!important;

height: 35px;

border: none;

margin-top: 2%;

border-radius: 5px;

border: 1px solid #fff;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 16px!important;

font-weight: bold;

background: #578731; /* Old browsers */

background: -moz-linear-gradient(top,  #578731 0%, #1f470b 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#578731), color-stop(100%,#1f470b)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #578731 0%,#1f470b 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #578731 0%,#1f470b 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #578731 0%,#1f470b 100%); /* IE10+ */

background: linear-gradient(to bottom,  #578731 0%,#1f470b 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#578731', endColorstr='#1f470b',GradientType=0 ); /* IE6-9 */

}



#left input,

#left textarea {

border: 1px solid #999;

border-radius: 5px;

padding: 5px;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 14px;

}



#left .captcha {

width: 65%;

}





#contact .captcha input {

border: 2px solid #fff!important;

float: right;

width: 45%!important;

height: 18px!important;

margin-top: 0px!important;

}



span#page input,

span#page textarea {

width: 80%!important;

border: 1px solid #DAC898;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 16px!important;

padding: 1%;

border-radius: 5px;

}



.submit_button2 {

padding: 1% 2%;

border-radius: 5px;

display: block;

float: left;

color: #fff;

width: auto;

border: none;

margin-top: 2%;

background-color: #7A0607;

border: 0px solid!important;

/*font-family: 'Open Sans', sans-serif;*/

font-family: Arial, Verdana, Tahoma, sans-serif;

font-size: 16px!important;

font-weight: bold;

}



/* ---------- RIGHT COLUMN WIDGETS ---------- */



#follow {

width: 100%;

margin-top: 5%;

margin-bottom: 5%;

text-align: center;

font-size: 20px;

font-style: italic;

}



#outer2 {

margin-top: 5%;

width: 96%;

background-color: #77A64C;

padding: 2%;

}



#mailing {

color: #fff;

display: block;

border: 1px solid #fff;

background-color: #77A64C;

width: 93%;

padding: 3%;

}



#mailing p {

color: #fff!important;

font-size: 11px;

}



#mailing h2 {

color: #fff!important;

}



/* -------- HOMEPAGE SLIDESHOW ---------- */



#slideshow {

display: none!;

float: right;

margin-left: 20px;

margin-right: 5px;

}



#slideshow img {

border: 1px solid #000;

}



#slideshow h3 {

font-size: 16px;

color: #1A2A54;

margin-top: 5px;

}



/* -------- Before & After SLIDESHOW ---------- */

.cs-title {



display: block!important;



font-size: 20px!important;



color: #90CFEF!important;



}



/* -------- FOOTER ---------- */



#footer {

font-size: 12px;
background-color: #fff;
width: 100%;
margin: 0 auto;
text-align: center;
height: 200px;
margin-top: 50px;
float: left;

}



#footer ul {

list-style: none;
margin: 0 auto;
text-align: center;

}

#footer ul ul{ display:none;}


#footer strong {

display: block;

font-size: 14px;

margin-top: 10px;

}



#footer li {
padding: 0px 20px 0px 0px;
margin-bottom: 10px;
font-size: 16px;
text-transform: uppercase;
display: inline-block;

}

#footer .nav-menu {background-color: #000;
width: 100%;
float: left;
height: 40px;
line-height: 40px;
}

#footer a {

color: #fff;

text-decoration: none;

font-weight: bold;

}



#footer a:hover {
color: #AEF0A8;
transition: .3s;

}



#footer p {
	margin-top:15px;
color: #000;

font-size: 15px;


}



#footer p strong {

}



#footer img {

padding: 2px;

}



#footer p a {

font-weight: bold;

}

#footer-address {margin-top: 20px;
display: inline-block;}


#footer-address a{ color:#00D65E;}



div#click-menu {

width: auto;

z-index: 1000;

position: absolute;

}



div#click-menu img {

width: 95%;

}



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

.metaslider .caption {

margin-top: -25%!important;

}



#badge {

margin-top: -260px;

}

}



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

#nav a {

padding: 12px 8px;

}



#content {

width: 94%!important;

padding: 3%!important;

border: 0px solid #fff!important;

}



#contact h3 {

font-size: 28px;

}



#contact span.phone {

font-size: 18px;

}



#buckets {

width: 96%;

padding: 2%;

}



#video {

display: none;

}



#video2 {

display: block;

}



#footer-wrapper {

width: 96%;

padding: 0 2%;

}

}




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



#header-wrapper {

background-image: none!important;

}



#nav-wrapper,

#photo {

display: none;

}



#phone {

width: 100%;

height: auto;

font-size: 18px;

margin-right: 0px!important;

margin-bottom: 10px;

padding: 0px!important;

float: none;

text-align: center;

margin-left:0;

}



#phone p { 

color: #fff;

}



#phone a {

font-size: 34px;

color: #fff;

}

#email { float:none; margin-right:0; text-align:center;}


#logo {

width: 100%;


margin-bottom: 10px;

margin-left: 2%;

text-align:center;

}



#logo img {

display: block;

margin: 0px auto; 

max-width: 100%;

height: auto;

}



#left {

width: 96%;

}



#right {

width: 100%;

}



#right img {


height: auto;

}

















#content {

width: 94%!important;

padding: 3%!important;

border: 0px solid #fff!important;

}



#content img {

max-width: 100%;

}



#content input, 

#content textarea {

width: 98%;

}



#footer {

padding: 0px 5%;

}



#footer li {

float: none;

}



#footer table {

display: none;

}

}