/*   
Theme Name: Flexema
Theme URI: http://flexama.com/
Description: A search engine optimized, responsive website for WordPress.
Author: The Flexema Team
Author URI: http://flexema.com/
Version: 1.0
Tags: threaded-comments, microformats
*/

@import url('stylesheets/foundation.css');

h1, h2, h3, h4, .xoxo a { font-family:"Proxima Nova Semibold", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:600; font-style:normal; }
#navbar, .header-phone { font-family:"Proxima Nova Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size-adjust:0.488; font-weight:bold; font-style:normal; }
body { font-family:"Museo Sans 500", Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:500; font-style:normal; }
body { font-family:"Museo Sans 300", Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight:300; font-style:normal; }


body { background: #5F8c59 url(images/k9_bg1.jpg) no-repeat scroll center top;}

/* DCLARK CHANGES 
//////////////////////
///////////////////////////////*/

/* HEADER */

	#branding {margin:20px 0 0 30px;}
	
	.header-login {padding-right:15px;padding-top:4px;background:none;margin-top:5px;float:right;}
	.header-phone {clear:both;text-align:right;color: #FFC95B; float: right; height: 25px; margin-top: 0; position: relative; width: 180px; font-size: 25px}

	.header-login a:link    {color:#FFF;}
	.header-login a:visited {color:#FFF;}
	.header-login a:hover   {color:#FFF;text-decoration:underline;}

a[href^=tel] {color: #FFC95B; display:block;width:200px;font-weight:bold; }

/* END HEADER */

/* FOOTER */
#footer { 
	width:100%;
	height:255px;
	background:url(images/footer.jpg) no-repeat center #969696;
	border-top:3px solid rgba(0,0,0,0.3);
	margin-top:10px;
	padding-top:5px;
	color:#FFF;
}
	.footer-links {
		float:right;
	}
	.k9-social-box { float: left; }
		.k9-social-text {
			position: relative; 
			float:left;
			width: 65px; 
			height: 25px; 
			color: #FFF;
			font-weight:bold;
			font-size: 11px;
			text-transform: uppercase;
			padding-top: 3px;
			margin-right:3px;
		}
			.k9-social { position: relative; float: left; width: 18px; height: 18px; margin: 0 4px 0 0 !important; background: url(images/k9_social.png); }
			.facebook { background-position: -0px -0px; }
			.twitter { background-position: -20px -0px; }
			.google { background-position: -40px -0px; }
			.stumble { background-position: -60px -0px; }
			.feed { background-position: -80px -0px; }



#footer a { color: #fff; font-size: 11px; font-weight: bold; line-height: 32px; text-decoration: none; margin-left: 12px; text-transform: uppercase;}
#footer a:hover { color: #FFC341; text-decoration: underline; }
p.copy { padding: 10px 15px 0 20px; font-size: 10px; line-height: 13px; }
/* END FOOTER */

.county {position: relative;list-style-type:none;font-weight:bold;font-size:15px;left: -10px;}

.single-header {text-align:center;margin-bottom:10px;}

#sidebar-blog, #sidebar-blog h5, #sidebar-blog a:link, #sidebar-blog a:visited  {color:#aaa;}
#sidebar-blog:hover, #sidebar-blog:hover a:link, #sidebar-blog:hover a:visited, #sidebar-blog:hover h5 {
    color:#000;
    webkit-transition:  all 0.4s ease;
    -moz-transition:    all 0.4s ease;
    -o-transition:      all 0.4s ease;
    -ms-transition:     all 0.4s ease;
    transition:         all 0.4s ease;
}

.play-video {
    position: absolute;
    top:180px;
    left:250px;
    background:url(images/play-video-button.png);
    width:131px;
    height:82px;
    z-index:5;
}


/* END DCLARK CHANGES 
//////////////////////
///////////////////////////////*/


iframe { max-width: 100%; }
ul.nomark { list-style-type: none;}
ul.nomark li { list-style: none !important; }
ul.nomark li a { font-size: 15px !important; margin-bottom: 3px; display: block; }
.beta-base { margin-left: -10px !important; }
#dnn__ctl1_ContentPane, #dnn__ctl2_ContentPane, #dnn__ctl4_ContentPane { max-width: 208px; }
body.page-repair-request #dnn__ctl1_ContentPane, body.page-free-estimate #dnn__ctl1_ContentPane { max-width: 250px; }
ul.xoxo li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#aboutimg, #aboutimg2 { padding-left: 15px; margin-bottom: 15px; }
#aboutimg .columns, #aboutimg2 .columns { padding: 0; }
#aboutimg .eight p, #aboutimg2 .eight p { padding-right: 15px; }
form#client { width: 80%; }
#client-login-area:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

a.reg { padding-right: 15px; }

#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header .columns, #blogheader .columns { padding: 0; }
#blog-title a { display: block; height: 53px; width: 310px; background: url(images/k9-logo.png) no-repeat; text-indent: -99999px; }


#header .nine .row { margin: 0 !important; }
.header-goodies { padding: 0 15px !important; }
.header-phone { color: #FFC95B; float: right; height: 25px; margin-top: 0; position: relative; width: 180px; font-size: 25px}
.clogin { text-align: right; font-size: 13px; margin-bottom: 5px; padding: 0 20px 0 15px !important; }
.clogin a { text-decoration: underline; }

#navbar .columns { padding: 0 !important; }
	
	#navbar a { font-family:"Proxima Nova Bold", 'Helvetica Neue', Arial, Helvetica, sans-serif;}

	#navbar a:hover, #navbar a:focus { border-bottom:0px; }

	
ul.menu { list-style: none; text-align: right; float: right; list-style-position: inside; margin:10px; position: relative; z-index: 1000; font-size:14px;}
ul.menu ul { list-style-position: inherit; position: absolute; left: -9999px; background: #000; }
ul.menu li:hover ul { left: 0; }
ul.menu ul li { float: none; list-style: none; clear: both; }
ul.menu li { float: left; margin: 0 0 0 0px; position: relative; }
ul.menu li ul { margin-left: 0; }
ul.menu a { color: #FFF; text-transform: uppercase; padding: 3px 7px; font-weight: bold; line-height: normal; display: block; }
ul.menu a:hover { background-color: #FEC341; color: #000; }
ul.menu ul a { white-space: nowrap; text-align: left; border: solid 1px #fff; }
.menu ul ul { position: absolute; top: 0; }
.menu li:hover ul, .menu a:hover ul, .menu :hover ul :hover ul, .menu :hover ul :hover ul :hover ul { visibility: visible; }
.menu :hover ul ul, .menu :hover ul :hover ul ul { visibility: hidden; }
.menu li#menu-item-374 li ul { margin: -1px 0 0 175px; }
.menu li#menu-item-291 li ul { margin: -1px 0 0 145px; }

#main-full { background: #FFF; }

/* Grey content background style */

#main { background: #e5e5e5; }
#main > .nine, #main > .eight, #main > .seven { background: #fff; min-height: 445px; }

/* END Grey content background style */

body.single #main { margin-top: 13px; }
.entry-title { font-size: 16px; font-weight: normal; color: #000; }
.entry-title a { color: #000; font-weight: bold; }
h1.entry-title, h2.entry-title { margin-bottom: 5px; }
.entry-meta { font-style: italic; font-size: 10px; }
.entry-content { position:relative; padding-top: 15px; padding-bottom: 20px; }
.entry-content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.entry-content p { line-height: 16px; }
.entry-content ol, .entry-content ul { margin: 0 0 15px 15px; list-style-position: inside; }
ul.slim li { line-height: 1.2; }
.entry-content h1 { font-size: 22px; color: #000;  }
.entry-content h2 { font-size: 20px; color: #000;  margin: 0; }
.entry-content h4 { font-size: 18px; color: #000;  font-weight: normal; clear: both; padding-left:40px;}
ul.bigcheck li { list-style-image: url(images/check-li.gif); }
body.page-fan-pictures .entry-content .row, body.page-dossiers .entry-content .row { margin-bottom: 30px; }
#home-loop .post { border-bottom: solid 1px #CCC; margin-bottom: 30px; }
.navigation { margin-bottom: 20px; }
#nav-below:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.nav-previous { float: left; }
.nav-next { float: right; }
li#search-3 input { font-size: 12px; }

.promo-line p, .promo-line h1, .entry-content h3 { background: #fa9a10; font-size: 14px; font-weight: bold; padding: 8px 0 8px 8px; margin: 15px 0 0 0 ; text-transform: uppercase; clear: both; }
body.home .promo-line { text-align: center; }
body.page-why-us .promo-line h1 { margin: 15px 0 0 0 !important; }
.home-promo { margin-bottom: 20px; }
.current { text-align: center; color: #000; }
.current a { color: #000; font-size: 13px; font-weight: bold; }
.current a:hover { text-decoration: underline; }
a.blogrss { background: url(images/feed-icon-16x16.gif) no-repeat; padding-left: 20px; }

#sidebar { font-size: 13px !important; line-height: 16px !important; }
aside p { font-style: normal; }
ul.xoxo { list-style: none; padding: 20px 0; }
ul.xoxo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.xoxo li { margin-bottom: 20px; }
ul.xoxo li ul { list-style: none; }
ul.xoxo li ul li { margin: 0 0 7px 0; }
.widget-title { color: #000; font-size: 14px; font-weight: bold; margin: 0 0 12px; text-transform: uppercase;  }
h5.side-title { margin-top: 0; margin-bottom: 3px; }
h5.side-title a { color: #000; font-size: 15px !important; font-weight: bold; }
ul.tlw-list li, ul.xoxo li.widget-container li { margin: 0 !important; line-height: 1.1; list-style: disc; }
ul.xoxo a { color: #000; font-size: 13px; }
ul.xoxo a:hover { text-decoration: underline; }
ul.xoxo li.subscribe-by-email ul { margin-left: 0; } 
li.widget-container { clear: both; }
li#text-53:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.alignleft, img.alignleft { display: inline; float: left; margin: 0 1.5em 0 0; }
.alignright, img.alignright { display: inline; float: right; margin: 0 0 0 1.5em; }
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%;
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	max-width: 100%;
	height: auto;
	border: 0 none;
	margin: 0;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	font-style: italic;
	font-size: 12px;
}

#home-hero { background: #000; border: solid 3px #fff; }
#home-hero .seven, #home-hero .twelve { padding: 0 !important; }
#repair-hero { background: #FFF; border: solid 3px #FFF; margin-top: 10px; }
#repair-hero img { margin: 0 auto; display: block; }

.section { padding: 20px 0; border-bottom: solid 1px #CCC; }
.button-center { width: 100%; text-align: center; }
.button-center a { color: #000; text-decoration: none; background: #FFc958; font-weight: bold; padding: 10px 20px; text-transform: uppercase; border-radius: 3px; border: solid 1px #000; cursor: pointer;  font-size: 16px; display: inline-block; }

li#text-5 table { border: none; }
li#text-5 table tbody tr:nth-child(even) { background: none; }
li#text-5 table tbody tr td { padding: 2px; }

a.fb { height: 32px; width: 32px; display: block; text-indent: -99999px; background: url(images/icon_facebook.png) no-repeat; float: left; margin-left: 10px; }
a.yt { height: 32px; width: 32px; display: block; text-indent: -99999px; background: url(images/icon_youtube.png) no-repeat; float: left; }
a.rss { height: 32px; width: 32px; display: block; text-indent: -99999px; background: url(images/icon_rss.png) no-repeat; float: left; }

#gform_wrapper_1 { background: #CCC; }
body.page-free-estimate #gform_wrapper_1 form { padding: 20px 0px; width: 220px; margin: 0 auto; }
#gform_wrapper_1 .gform_description { text-align: center; display: block; }
#gform_wrapper_1 .button { background: #FFC95B; border-color: #000; border-radius: 5px; border-style: solid; border-width: 2px; color: #000; font-size: 14px; font-weight: normal; height: 30px; width: 150px; padding: 0; }
#gform_wrapper_1 .gfield_label { font-weight: normal; }
#gform_wrapper_1 input.medium { width: 100%; height: auto; padding: 5px; }
#gform_wrapper_1 select.medium { width: 100%; }

.comment-meta, .comment-author, .comment-content, #respond p, #respond .form-label, #respond .form-input, #respond input[type="text"], #respond textarea { font-size: 13px !important; }
#comments h3 { font-size: 18px; }
#comments ol { margin: 0; list-style: none; }
#comments ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#comments ol li { display: block; clear: both; margin-bottom: 25px; }
.comment-author img { float: left; }
.comment-meta { padding-left: 10px; font-style: italic; }
.comment-content p { padding-top: 10px; font-size: 13px; }
.comment-author .fn { font-weight: bold; }

.social-share { border-bottom: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; padding: 7px 0; margin-top: 10px; }
.social-share #iframe-stmblpn-widget-1 { padding-left: 15px !important; width: 90px !important; }

.comments-link { font-size: 13px; display: block; padding-bottom: 20px; }
form#commentform .form-label:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form#commentform .form-label label { float: left; }
.required { color: #FF0000; }

#gform_wrapper_2 { background: #d7d7d7; padding: 5px; }
#gform_wrapper_2 label {  font-size: 13px; line-height: 16px; font-weight: normal; color: #000; text-transform: uppercase; }
body.page-giving-back .gform_wrapper .top_label input.medium, body.page-giving-back .gform_wrapper .top_label textarea.textarea { width: 90% !important; }
body.page-giving-back .gform_wrapper input[type=text], body.page-giving-back .gform_wrapper textarea { font-size: 13px; padding: 2px 0 2px 2px; }

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

#header .three { width: 25% !important; float: left; }
#header .nine { width: 75% !important; }

}

@media only screen and (max-width: 600px) {
body { background: #5F8c59; }
.k9-social-box { display: none; visibility: hidden; }
.header-phone {float:left; }
.header-login {float:left; margin-left:20px;}
#bottomnav { background: #724C68; }
#bottomnav .columns { padding: 0; height: auto; text-align: center; }
#bottomnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#bottomnav a { background: #724C68; display: block; margin-left: 0; padding-right: 10px; }

#footer { 
	clear: both; 
}
}