/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Passion+One');



/* Logo footer */
.tm-footer .tm-logo-footer { margin-top: -10px; }

body {  
    background-image: url('https://merciej.com/images/SITE_Images/background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;  
  
  
  
  
  
}  

.tm-navbar.tm-navbar-attached {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#247540+8,3e7c44+36,247540+90 */
background: #247540; /* Old browsers */
background: -moz-linear-gradient(top, #247540 8%, #3e7c44 36%, #247540 90%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #247540 8%,#3e7c44 36%,#247540 90%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #247540 8%,#3e7c44 36%,#247540 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247540', endColorstr='#247540',GradientType=0 ); /* IE6-9 */
}


.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle
{
  height: 46px;
}

.tm-footer {  
background-image: url("../images/bg.png") !important;  
background-repeat: repeat;  
}

.tm-bottom-d {  
padding-right: 50px; padding-left: 50px;  
} 

.tm-padding-around {
padding-bottom: 25px; }

.homepage-right{
  width: 360px;
  height:600px;
  background-color: #323232;
  margin:10px;
  padding: 25px;
}

/* Start EasyNews CSS revision 5 */
.en-intro-text, .en-full-text{
    text-align: justify;
}

@media(min-width:760px){

    img.en-intro-image {
        width: 300px;
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .en-framed-w2, .en-full-vids iframe{
        border: 10px solid black;
        border-radius: 10px;
    }
	
	.en-full-image{
        clear: left;
    }

}
/* End EasyNews CSS */

@media(max-width: 320px){
    body.tm-isblog .uk-article img.size-auto{
        float:none;
        padding:none;
        max-width: 100%;
    }
}

body.services-page article{
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}

.our-brands{
    text-align: center;
}

/* Comment out per MM 2016-12-15 @media(max-width: 959px){
	.our-brands img{
  		max-width: 25%;
	}
}*/

.jasper-button a{
    width: 100%;
    margin-bottom: 5px;
}

.jsp-top-btn .jsp-btn{
  background: #bb0000;
  color: white;
  height: 100px; 
  width: 100%;
  line-height: 90px;
}

@media(min-width:979px){
	
	.jasper-button a{
	    width: 32%;
	    margin-left: 2%;
	}
	
	.jasper-button a:first-child{
	    margin-left: 0;
	}

    .jsp-top-btn .jsp-btn{
        width: 24%;
        margin-left: 1.33%;
    }
    
    .jsp-top-btn .jsp-btn:first-child{
        margin-left: 0;
    }

}

.tm-footer,
.tm-padding-around {
  padding: 30px;
}
@media (min-width: 768px) {
  .tm-footer,
  .tm-padding-around {
    padding: 30px;
  }
}
@media (min-width: 960px) {
  .tm-footer,
  .tm-padding-around {
    padding: 30px;
  }
}

/* Make links black */
a, .uk-link {
  color: black;
  text-decoration: none;
  cursor: pointer;
  font-weight: bold;
}
a:hover, .uk-link:hover {
  color: #333;
  text-decoration: underline;
}

/* Make buttons like Option 4*/
.btn, .btn:hover, .btn:focus, .uk-button, .uk-button:hover, .uk-button:focus, .uk-button-primary, .uk-button-primary:hover, .uk-button-primary:focus{
  padding: 0 12px;
  color: #555555;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  background-origin: border-box;
  background: #f5f5f5;
  background-image: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
  background-image: linear-gradient(to bottom, #f9f9f9, #f0f0f0);
  font-weight: 300;
  text-transform: uppercase;
}

.uk-icon-button.uk-icon-facebook, .uk-icon-button.uk-icon-google, .uk-icon-button.uk-icon-yelp, .uk-icon-button.uk-icon-google-plus{
  background: black;
}

/* "Footer" Padding fix */
#tm-bottom-d.uk-block{
    padding-top: 25px;
    padding-bottom: 25px;
}

/* Copying Menu Styles to override colors */
.uk-navbar-nav > li > a {
  color: #CCC;
}

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
  background-color: rgba(0, 0, 0, 0);
  color: #FFF;
  font-weight: 600;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  background-color: rgba(0, 0, 0, 0);
  color: #FFF;
  font-weight: 600;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  background-color: rgba(0, 0, 0, 0);
  color: #FFF;
  font-weight: 600;
}

/* Article Fonts */
.uk-article-title{
  font-size: 18px;
}

body.services-page .tm-content .uk-article{
  padding-top: 0px;
  padding-bottom: 0px;
  box-shadow: none;
  margin-top: 0px!important;
}

body.services-page .tm-content .uk-article:first-child{
  padding-top: 25px;
  
}

body.services-page .tm-content .uk-article:last-child{
  padding-bottom: 25px;
}


/* Align Content, and make more responsive, mainly headings */
p{
  text-align: justify;
}

@media(max-width: 959px){
  .uk-navbar-center{
    max-width: 90%;
  }

  h1, .uk-h1{
    font-size: 25px;
    line-height: 28px;
    font-family: 'Passion One', cursive !important;

  }
  
    h1 {
    font-size: 25px;
    line-height: 28px;
      font-family: 'Passion One', cursive !important;
  color: #38724a;}
  
  .h1
  
  {
    font-size: 25px;
    line-height: 28px;
      font-family: 'Passion One', cursive !important;
  color: #38724a;}
  
  

  h2, .uk-h2{
    font-size: 22px;
    line-height: 25px;
  }

  h3, .uk-h3{
    font-size: 19px;
    line-height: 22px;
  }
  
  nav.tm-navbar.tm-navbar-attached .tm-navbar-content.uk-navbar-content.uk-visible-small a{
    color: white;
  }
  
  nav.tm-navbar .tm-navbar-content.uk-navbar-content.uk-visible-small a{
    color: black;
  }
}

/* Fixing issue with Dropdown Menu and Unite Revolution Slider Overlap */
#rev_slider_2_1, #rev_slider_3_1, #rev_slider_4_1{ 
    z-index: 1;
}

.tm-navbar-attached .uk-dropdown-navbar { 
    top: 50px;
}

/* Make heading smaller for footer */
.tm-bottom-b .uk-panel > h2{
    font-size: 24px;
    line-height: 28px;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
  border: 1px solid rgba(0,0,0,0.3);
}

input.uk-search-field{
  border: none;
}

.sppb-carousel-indicators{
    display: none;
}

.sppb-item {
    display: none;
}

.sppb-item.active{
    display: inherit;
}

.sppb-testimonial-message, .sppb-testimonial-message .en-intro-text, .sppb-testimonial-message p, .sppb-testimonial-client, .sppb-text-center{
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    color: #38724a;
    padding-left: 50px;
    padding-right: 50px;
}

.sppb-carousel-inner{
    min-height: 110px;
}

.sppb-testimonial-client{
    font-weight: bold;
}

.sppb-testimonial-pro-advanced{
    padding: 40px;
}

#tm-top-b .uk-panel-title{
    padding-top: 20px;
    text-align: center;
}

#tm-bottom-d{
    background-image: url("../images/bg.png") !important;  
    background-repeat: repeat; 
    color: white !important;
}

#tm-bottom-d a{
    color: white;
    font-weight: bold;
}

#tm-bottom-d #google_translate_element a{
    color: #000;
}

#tm-bottom-b .jasper-button a {
    width: 100%;
}    

@media (min-width: 979px){
    #tm-bottom-b .jasper-button a {
        width: 100%;
    }    
}


/* */

#tm-top-b{
    background: url(../images/babyface.jpg);
    background-size: 100%;
    background-size: cover;
    background-repeat: none;
    color: black;
}
#tm-top-b .uk-panel-title{
    color: black;
}
#tm-bottom-c{
    padding-bottom: 0;
    border-top: 2px solid black;
}
#tm-main-bottom{
    margin-left: 0px;
    background: #f9f9f9;
    padding: 0 20px;
    padding-top: 20px;
}
#tm-bottom-a2{

    
  margin-top: 0px;

  margin-left: 0px;
  max-width: 1400px;
    background: url(https://merciej.com/images/SITE_Images/mesa.jpg); 
    background-position: center bottom;
      background-repeat: no-repeat;
    background-size: inherit;

}

#tm-bottom-a2 h1{
    color: white;
}

#tm-bottom-a{
    padding-bottom: 0 !important;
}

#tm-bottom-a{
    /*border-top: 3px solid black;*/
    padding-top: 20px;
    background: #fff url(../images/4x4.png);
    background-size: cover;
}

#tm-bottom-b.uk-block-muted{
    padding-top: 30px;
}





.btn:hover, .uk-button:hover, .uk-button-primary:hover {
  background: #38724a;
color: white;
transition: 0.4s;
}

.jasper-button .btn.uk-button, .veh-button .btn.uk-button, .red-button.uk-button{
    color: #38724a;
  font-weight: 800;
    border: 2px solid #38724a;
    background-color: rgba(255, 255, 255, 0.2);
  letter-spacing: 2px;
    margin-top: 10px;
      margin-bottom: 10px;

 }

.jasper-button .btn.uk-button:hover, .jasper-button .btn.uk-button:focus, .veh-button .btn.uk-button:hover, .veh-button .btn.uk-button:focus, .red-button.uk-button:hover, .red-button.uk-button:hover{
    border: 2px solid black;
    background: #38724a;
  color: white;
}


.appt {
  color: black;
  font-size: 14pt;
  font-weight: 900;
   background-size: 100%;
    margin-left: 0px;
  background-position: center top;
      background-repeat: no-repeat;
    background-size: inherit;
}






ul.cog
{
    list-style-image: url('https://merciej.com/images/SITE_Images/cog2.png');
  
}
 


h6 {
  font-size: 20pt;
  color: green;
  
}

.careers p, h2 {
    text-align: center;
}