/*!
Theme Name: service_equipments
Theme URI: http://aumecom.me/
Author: aumecom.me
Author URI: http://aumecom.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: service_equipments
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

service_equipments is based on aumecom https://aumecom.me/, (C) 2012-2020 Automattic, Inc.
aumecom is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.clogo-wrapper {
  padding: 40px 0px;
  text-align: center;
  border-top: 2px solid #ebdada;
}
.clogo img{
  max-width: 200px;
  margin: auto;
}

.pg-appintment__box .single-input textarea {
  max-height: 100px;
}
.pg-appintment__box .single-input .cr-btn {
  color: #fff;
  font-weight: bold;
  max-width: 200px;
  letter-spacing: 1px;
  padding-right: 0px;
}
.preloader {
  position: fixed;
  left:0px;top:0px;bottom:0px;
  width: 100%;height: 100%;
  z-index: 999;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#st-button {
  display: inline-block;
  background-color: #333982;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#st-button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#st-button:hover {
  cursor: pointer;
  background-color: #333;
}
#st-button:active {
  background-color: #555;
}
#st-button.show {
  opacity: 1;
  visibility: visible;
}
.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 5px;
}
.grid img {
  height: 200px;
  object-fit: cover;
  width: 100%;
  vertical-align: top;
}
.ham {
  display: none;
}
.form-field {
  margin-bottom: 10px;
  position: relative;
}
.form-field input {
  border:1px solid #f1f1f1;
  background-color: #fff;
  color: #000;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 14px;
  margin-top: 0px;
}
.position-box {
  background-color: #f1f1f1;
  padding:20px;
  margin-bottom: 10px;
}
.btn-main {
    font-weight: 900;
    display: inline-block;
    font-style: italic;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid;
}
.ffile {
    width: 100%;
    height: 45px;
    display: block;
    background: none;
    border: 1px solid #ffffff;
}
.ffile input[type="file"] {
 position: relative;
    width: 100%;
    border: none;
    height: 30px;
    font-size: 13px;
    line-height: 24px;
    margin-top: 6px;
    background: none;
    margin-left: -2px;
}
/* .ffile:after {
  content: "Upload CV";
  position: absolute;
  left: 0px;
  top:0px;
  width:100%;
  background: #fff;
} */
.apply-btn {
  display: inline-flex;
    width: 160px;
    align-items: center;
    justify-content: center;
    background-color: #fa8406 !important;
    color: #fff !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 700;
}
.form-field .wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    font-size: 12px;
    right: 4px;
    bottom: -17px;
}
.service {
	height:220px;
}
.service__content h5 {height:40px;font-size:15px;line-height:22px;}
.service__content h5 a {font-size:15px;}
.widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content h6 a {font-size:11px;text-decoration:underline;}
.small-text {font-size:12px;}
.widgets.sidebar-widgets .widget-recentpost .widget-recentpost__content span.date {
    line-height:initial;
    font-size:14px;
}
.sub-title {
    font-size: 15px;
    margin-bottom: 18px;
    display: block;
    font-weight: 500;
}
.pr-thumb {
	max-height:430px;
}
.pg-blog-thumb {
	border:1px solid #eaecff;	
}
.widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb {
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #eaecff;	
}
.widgets.sidebar-widgets .widget-recentpost .widget-recentpost__thumb img {
	height:100px;
	object-fit:cover;
	max-width:90%;
	margin:auto;
	display:block;
}




@media(max-width:768px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1px;
  }
  .grid img {
    height: 120px;
  }
  .header__bottom__inner {
    display: block !important;
    position: relative;
  }
  .main-navigation ul {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0px;
    text-align: center;
    display: none;
  }
  .main-navigation ul li {
    display: block;
  }
  .main-navigation ul li a {
    display: block;
    width: 100%;
    padding: 7px 5px;
    font-size: 12px;
    border: 1px solid #ebdada;
    margin-top: -1px;
  }
  .main-navigation ul li:first-child {
    padding-left: 10px;
  }
  .main-navigation ul li:last-child { 
    padding-right: 10px;
  }
  .ham {
    display: block;
    position: absolute;
    right: 10px;
    top: 33px;
    width: 41px;
  }
  .header__logo a img {
    height: auto;
    object-fit: initial;
    width: 80%; 
  }
  .clogo-slider .slick-dots {
    display: none;
  }
}