/* Theme Name:   Open Road Child Theme
Theme URI:    http://www.rogueheartmedia.com/
Description:  An Open Road child theme
Author:       Rob Kennedy
Author URI:   http://www.rogueheartmedia.com
Template:     OpenRoad
Version:      1.0.0
*/
@import url("/wp-content/themes/OpenRoad/style.css");

a:link {color: #8c1c1c;}
a:visited {color: #8c1c1c;}
a:hover {color: #3c0000;}
a:active {color: #3c0000;}
/* original theme colors
 .primary { color: #8c1c1c; }
.primary-darker {color: #3c0000; }
.primary-dark {color: #630404; }
.secondary-color { color: #ff973b; }
.white { color: #ffffff; }
.tan {color: #fdf9d1;}
.darktan {color: #d9d499;}
 */
.primary { color: #8c1c1c; }
.primary-darker {color: #3c0000; }
.primary-dark {color: #630404; }
.secondary-color { color: #ff973b; }
.white { color: #ffffff; }
.tan {color: #fff;}
.darktan {color: #d9d499;}

.bold { font-weight: bold; }
.center {margin-left: auto; margin-right: auto; text-align: center;}
.left {text-align: left !important; }
.right {text-align: right !important; }
.italic { font-style: italic;}
.upper {text-transform:uppercase;}

#responsive-image img {
	display: inline-block;
    max-width: 100%;
    height: auto;
}

/* ----- Padding ----- */

.pad30 {padding: 30px;}
.pad15 {padding: 15px;}
.pad2 {padding: 2px;}
.pad15l {padding: 0px 0px 10px 15px;}
.footer {margin-top: 20px; }
.top15 {margin-top: 15px; }
.menu-margin {margin-top: 125px; }
@media (max-width: 1183px) {
.menu-margin {margin-top: 100px; }
}


.highlight { color:#8c1c1c; font-weight:bold; margin: 15px 0px 15px 0px; font-size:18px; }

/* ----- Sections ----- */
/* ----- Service ----- */

#service-1 {
background: url("/wp-content/uploads/img/service.jpg") no-repeat center;
min-height: 300px;
	
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#service-carpet-res {
background: url("/wp-content/uploads/img/header-carpet-residential.jpg") no-repeat center;
min-height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#service-hard {
background: url("/wp-content/uploads/img/header-hard-surface.jpg") no-repeat center;
min-height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#service-auto {
background: url("/wp-content/uploads/img/header-auto.jpg") no-repeat bottom;
min-height: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#s-call2action {
color: #fff;
background-color: #8c1c1c;
width: 100%;
text-align: center;
 margin-bottom:0; margin-top: 0; 
}
#s-call2action h4 { color: #ffffff; font-weight: bold; font-size:34px;}
#s-call2action p { font-weight: bold; font-size: 24px; margin-bottom:20px;}
#s-call2action a:link {color: #fff;}
#s-call2action a:visited {color: #fff;}
#s-call2action a:hover {color: #3c0000; text-decoration:none;}

#s2-call2action {
color: #8c1c1c;
background-color: #fff;
width: 100%;
text-align: center;
 margin-bottom:auto; margin-top: auto; 
}
#s2-call2action h4 { color: #141414; font-weight: bold; font-size:22px; margin-bottom:2px;}
#s2-call2action p { font-weight: bold; font-size: 18px; margin-bottom:10px;}
#s2-call2action a:link {color: #fff;}
#s2-call2action a:visited {color: #fff;}
#s2-call2action a:hover {color: #3c0000; text-decoration:none;}

#testimonial {
color: #575757;
width: 100%;
font-style:italic;
 margin-bottom:20px; margin-top: 20px; 
}
#testimonial h4 { font-weight: bold; font-size:24px;}
#testimonial p { font-size: 14px;}
#testimonial a:link {color: #fff;}
#testimonial a:visited {color: #fff;}
#testimonial a:hover {color: #3c0000; text-decoration:none;}

#service-2 {
color: #141414;
background-color: #fff;
width: 100%;
min-height: 300px;
margin-bottom:15px;
}
#service-2 H1 { color: #8c1c1c; font-size:28px; }
#service-2 H2 { color: #8c1c1c; font-weight: bold; font-size:22px; }
#service-2 H3 { color: #ffffff; font-size:15px; text-align: center; padding-bottom: 10px; }
#service-2 img  {padding-bottom: 40px; }

.service {
 opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.service:hover {
 opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.bkservice1 {
 background: url("/wp-content/uploads/img/bkservice1.jpg") no-repeat top left;
 background-size: 100% auto;
}
.bkservice2 {
 background: url("/wp-content/uploads/img/bkservice2.jpg") no-repeat top left;
 background-size: 100% auto;
}
.bkservice3 {
 background: url("/wp-content/uploads/img/bkservice3.jpg") no-repeat top left;
 background-size: 100% auto;
}
.bkservice4 {
 background: url("/wp-content/uploads/img/bkservice4.jpg") no-repeat top left;
 background-size: 100% auto;
}

#s-call2action {
color: #fff;
background-color: #8c1c1c;
width: 100%;
 font-size: 18px;
 padding-bottom:20px;
}
#s-call2action H2 { color: #ffffff; font-weight: bold; font-size:24px; text-transform:uppercase; text-align: center;}
#s-call2action p { font-weight: bold; margin-bottom:2px;}
#s-call2action a:link {color: #fff;}
#s-call2action a:visited {color: #fff;}
#s-call2action a:hover {color: #3c0000; text-decoration:none;}
#s-call2action li {list-style-type:none;}
/* ----- Footer ----- */
#footer-1 {
color: #f7f7f7;
background-color: #141414 ;
min-height: 200px;
font-size:14px;
}
#footer-1 H2 { color: #fdf9d1; font-weight: bold; font-size:24px; }
#footer-1 p { padding: 0px; margin: 0px; }

#map {
background: url("/wp-content/uploads/img/map.jpg") no-repeat fixed bottom right;
min-height: 20vh;
}
@media (min-width: 1740px) {
#map {
background: url("/wp-content/uploads/img/map.jpg") no-repeat fixed bottom right;
background-size: 100% auto;
}
}
 
.fs1 { font-weight:bold; color: #fdf9d1; text-transform:uppercase; font-size:12px;}
.fs2 { font-weight:bold; color: #8c1c1c; text-transform:uppercase; font-size:18px;  }

/* ----- Landing ----- */

#landing-1 {
background: url("/wp-content/uploads/img/landing-treated.jpg") no-repeat fixed center;
min-height: 400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#landing-1 H2 { color: #ffffff; font-weight: bold; font-size:24px; }

.white-border {background: #fff; margin-bottom:20px;}

#landing-2 {
color: #141414;
background-color: #fff;
width: 100%;
}
#landing-2 H1 { color: #141414; font-weight: bold; font-size:27px; }
#landing-2 H2 { color: #141414; font-weight: bold; font-size:24px; }

#landing-3 {
color: #ffffff;
background-color: #8c1c1c;
width: 100%;
text-align: center;
}
#landing-3 H2 { color: #ffffff; font-weight: bold; font-size:24px; }

#landing-4 {
color: #141414;
background-color: #fff;
width: 100%;
}
#landing-4 H2 { color: #141414; font-weight: bold; font-size:24px; }




/* ----- Contact ----- */

#contact-1 {
color: #141414;
background-color: #fff;
width: 100%;
min-height: 400px;
text-align: Left;
font-size: 15px;

}
#contact-1 a:link {color: #141414;}
#contact-1 a:visited {color: #141414;}
#contact-1 a:hover {color: #8c1c1c; text-decoration:none;}

#contact-2 {
background: url("/wp-content/uploads/img/contact-cover.jpg") no-repeat bottom;
min-height: 400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* ----- About ----- */

#about-1 {
background: url("/wp-content/uploads/img/life-treated.jpg") no-repeat bottom;
min-height: 65vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about-2 {
color: #141414;
background-color: #fff;
width: 100%;
}
#about-2 H2 { color: #3c0000; font-weight: bold; font-size:20px; }

#about-3 {
color: #141414;
background-color: #fff;
width: 100%;
min-height: 5vh;
text-align: center;
}
#about-3 H2 { color: #ffffff; font-weight: bold; font-size:24px; }

/* ----- Blog ----- */
#blog-1 {
color: #141414;
background-color: #ffffff;
width: 100%;
min-height: 150px;
margin: 0px;
}
#blog-1 H2 { color: #2aa5b1; font-weight: bold; font-size:24px; }

.blogrollpad {padding: 55px 0px 15px 0px; background-color:#ffffff; }
.blogsingle { background-color:#ffffff; }

#blog-2 {
background: url("/wp-content/uploads/img/life-blog.jpg") no-repeat bottom;
min-height: 400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#blog-2 H2 { color: #2aa5b1; font-weight: bold; font-size:24px; }

@media (max-width: 980px) {
#blog-2 { background: url("/wp-content/uploads/img/life-blog-m.jpg") no-repeat bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
}
/* ----- Call to Action ----- */

#call2action {
color: #fff;
background-color: #8c1c1c;
width: 100%;
text-align: center;
 margin-bottom:auto; margin-top: auto; 
}
#call2action H2 { color: #ffffff; font-weight: bold; font-size:24px;}
#call2action p { font-weight: bold; font-size: 24px; margin-bottom:20px;}
#call2action a:link {color: #fff;}
#call2action a:visited {color: #fff;}
#call2action a:hover {color: #3c0000; text-decoration:none;}


/** btn **/

.btn-primary { color: #f7f7f7; background-color: #8c1c1c; border-color: #3c0000; margin: 10px 5px 10px 5px; }
.btn-success { color: #f7f7f7; background-color: #0e6a73; border-color: #0A5259; }
.btn-info { color: #f7f7f7; background-color: #7ed0d8; border-color: #2aa5b1; }
.btn-primary:hover, .btn-success:hover, .btn-info:hover { color: #ffffff; background-color: #3c0000; border-color: #8c1c1c;

}