@charset "utf-8";
/*
Theme Name: Wordpress development theme
Author: Kozyr
Description: Custom Wordpress development theme boilerplate.
Version: 1.0.0
 */

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/css/
The SASS sources for it can be found in /assets/css/partials/
*/


.show-in-desktop {
	display: block;
	text-align: center;
}
.show-in-mobile {
	display: none;
	text-align: center;
}
.salad-rgt img.top-img {
	margin-bottom: 25px;
}
.contact-img {
	text-align: center;
	margin-bottom: 20px;
}
.salad-rest-btn {
	padding: 7px;
	border-radius: 4px;
}
.left-msg {
	padding-bottom: 30px;
}
a:hover {
	text-decoration: none!important;
}
.address-and-phone {
	margin-top: 30px;
}
.address-and-phone span {
	display: inline-flex;
	width: 86%;
	margin-left: 10px;
	margin-bottom: 18px;
}
@media (max-width: 767px) {
.border-bottom-xs {
	border-bottom: 2px dotted #a6c84b;
}
.border-right-lg {
	border-right: none!important;
}
.salad-rgt {
	margin-left: 0px!important;
}
.salad-rgt {
	padding-top: 30px;
}
p {
	margin-bottom: 5px!important;
}
}
@media (min-width: 1400px) {
.offset-xl-2 {
	margin-left: 16.666667%!important;
}
}
@media only screen and (min-width: 767px) {
.contact-img {
	text-align: center;
	width: 100%;
	margin-bottom: 40px;
}
.mtp-30 {
	margin-top: 30px;
}
.border-right-lg {
	border-right: 2px dotted #a6c84b;
}
.left-msg {
	padding: 25px 15px;
	font-size: 18px;
}
.salad-rgt {
	margin-left: 10%;
}
.left-msg p {
	margin-bottom: 5px!important;
}
.left-msg .salad-msg {
	width: 300px;
}
.salad-rgt img.top-img {
	margin-bottom: 25px;
}
.salad-rest-btn {
	padding: 7px;
	border-radius: 4px;
	margin-left: 20px;
}
.address-and-phone {
	margin-top: 60px;
	margin-left: 20px;
}
.address-and-phone span {
	display: inline-flex;
	width: 60%;
	margin-left: 20px;
	margin-bottom: 18px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.left-msg .salad-msg {
	width: 350px;
}
}
@media only screen and (max-width: 600px) {
.show-in-desktop {
	display: none;
}
.show-in-mobile {
	display: block;
}
.left-msg {
	padding-bottom: 30px
}
.salad-rgt {
	padding-top: 30px;
}
}


/* New homepage css added on 31-Aug-2020 */

@font-face {
    font-family: 'strongerregular';
    src: url('https://saladworks.com/wp-content/themes/dev_wp_theme/assets/fonts/stronger-webfont.woff2') format('woff2'),
         url('https://saladworks.com/wp-content/themes/dev_wp_theme/assets/fonts/stronger-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.clearfix{ display: block; clear: both; }
.mbp15 { margin-bottom: 15px; }
.mtp15{ margin-top: 15px; }
.pbp15 { padding-bottom:15px; }
.ptp15{ padding-top: 15px; }
.img-fluid{ max-width: 100%; }
.d-inherit{ display:inherit; margin: 0 auto;  }
.banner-img{ margin-top: 70px; }

.banner-img img { width: 100% !important; }
.videobox{ background: #f4f9eb; padding: 30px 0 30px; font-family: 'Nunito', sans-serif; font-size: 18px; line-height: 25px; }
.offer-img{ max-width: 60%; margin: 10px auto; display: inherit; }

.borderbtn{ display: inline-block;  color: #97c93c; border: solid 2px #97c93c; font-size: 18px; padding: 8px 15px; text-decoration: none!important; background: #fff; border-radius: 4px;}
.borderbtn +.borderbtn{ margin-left: 10px; }
.borderbtn:hover{ background:#97c93c; color: #fff;  }

.max-width{ max-width: 90%; margin: 30px auto; }

.jointeam-box{ background: url(https://saladworks.com/wp-content/themes/dev_wp_theme/assets/img/team-bg.png) top center no-repeat; background-size:100% auto; margin-top: 20px; margin-bottom: 20px;  font-family: 'Nunito', sans-serif;}
.jointeam-box ol{ font-size: 18px;  line-height: 25px; }

.maintitle{ font-family: 'strongerregular'; font-size: 55px; color: #fc7e2f; margin-bottom: 20px; line-height: 57px; }
.greentext{  font-size: 18px; color: #95c93d; }
.kids-box{ padding: 20px 0 30px;  }
.kids-box ul{ margin-left: 18px; margin-bottom: 25px; }
.small-text-box{ display: block; clear: both; padding: 8px 0 30px; font-family: 'Nunito', sans-serif;  font-size: 16px; line-height: 22px; color: #000000;  }

 /*=====LandingPage=====*/
.bgcolor-none{ background-color: transparent;}
.ldbanner__text .image { max-width: 580px;  margin: 0 auto; }
.orangefooter{ background: #fc7e2f; padding: 25px 0px; height: 100%; }
.boyimg{ position: relative; display: none;}
.logo-img{ margin-bottom: 20px; max-width:64%; }
.fttext18{ font-size: 15px; color: #ffffff; line-height: 18px;  }
.fttext12{ font-size: 12px; color: #ffffff;  }
.greenbtn{ display: inline-block;  color: #fff; border: solid 1px #fff; font-size: 13px; padding: 5px 18px; text-decoration: none!important; background: #a1c554; border-radius: 4px; margin-top: 10px;}
.greenbtn:hover{ background: #fff; color: #a1c554;  border: solid 1px #a1c554; }
.greenbtn+.greenbtn{ margin-left: 6px; }
.maintitle-white{ font-family: 'strongerregular'; font-size: 47px; color: #fff; margin-bottom: 0px; line-height: 57px; }

.homepagefootercls {
	background-color: #fc7e2f;
	padding: 10px 0 0;
}

.homepagefootercls  .footer-icon {
	margin: 13px 0 8px 0;
}

.homepagefootercls  .footer__menu li {
	border-color: #fff;
}
.homepagefootercls .footer__menu a {
	color: #fff;
}
.homepagefootercls .footer__social a {
	color: #fff;
	border-color: #fff;
}
.homepagefootercls .footer__social {
	margin: 11px 0 11px 0;
}
.homepagefootercls .footer__copyright {
	color: #fff;
	margin-top: 11px;
	padding-bottom: 8px;
}

@media (min-width: 576px) {
/*==Content CSS== */
    .offer-img{ max-width: 100%; margin: 10px auto; display: inherit; }
    .offer-img{ max-width: 100%; margin: 0px auto;}
}

@media (min-width: 768px) {

/*==Content CSS== */
    .videobox{ padding: 50px 0 50px; }
    .max-width {  max-width: 75%;  margin: 30px auto; }
    .borderbtn{ max-width: 250px; }
   .borderbtn +.borderbtn{ margin-left: 20px; }
    
     /*=====LandingPage=====*/
    .maintitle{ font-size: 65px; }
    .logo-img{ margin-bottom: 20px; max-width:50%; }

}
@media (min-width: 992px) {


 /*=====LandingPage=====*/
    .boyimg{  position: absolute; top: -68px; display: inline-block;}
    .logo-img{ margin-bottom: 20px; margin-top: 45%; max-width:120%; margin-left: -23px; }

}
@media (min-width: 1200px) {

    
/*==Content CSS== */
    .videobox{ padding: 70px 0 70px; font-size: 24px; line-height: 30px; }
    .jointeam-box ol{ font-size: 23px;  line-height: 30px; }
    .max-width{ max-width:75%; margin: 70px auto 40px; }
    .borderbtn{ font-size: 24px; padding: 8px; min-width: 220px;}
    .kids-box{ padding: 15px 0 35px;  }
    .small-text-box{ padding: 0px 0 35px; font-size: 18px; line-height: 24px;   }
    .maintitle{ font-size: 85px; }
    
    /*=====LandingPage=====*/
    .greentext{ font-size: 28px; }
    .orangefooter{ padding: 30px 0px; }
    .logo-img{ margin-left: -40px; max-width: 120%; margin-top: 60px; }
    .boyimg{ position: absolute; top: -123px; max-width: 360px; }


}

@media (min-width:1500px) {
    
     .boyimg{ position: absolute; top: -125px; max-width: 343px; }
}