Theme Name : SowClean Theme
Author : Bible Society of Singapore
*/



/* ================================== */
@import "https://fonts.googleapis.com/css?family=Roboto";
@import url(//fonts.googleapis.com/css?family=Georgia);
@import url(//fonts.googleapis.com/css?family=Avenir);

body {
  font-family: "Roboto", sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

a {
  cursor: pointer !important;
}

/* START - HEADER STYLING */

.main-background-color {
  background: #5ba290 !important;
}

.light-gray-background {
  background: #fbfbfb !important;
}

.fixed-height {
  height: 400px !important;
}

.header-nav-bg {
  background: #5ba290 !important;
}

.banner-photo {
  background: #fff url("../SowcleanTheme/assets/images/banner.png") no-repeat bottom right; 
  height: 800px;

}

.homepage-mid-img {
  background: #fff url("../SowcleanTheme/assets/images/homepage_img.png") no-repeat top right; 
  height: 940px;
}

.divider-img {
  background: #f5fbfb url("../SowcleanTheme/assets/images/divider.png") no-repeat top center; 
  padding-top:130px;
  padding-bottom: 75px;
}

.homepage-content {
  position: relative;
  top: 165px;
  background: #fff;
  opacity: 0.75;
}

.homepage-content p {
  font-size: 20px;
  color: #709691;
  ine-height: 1.9;
}

.quote-now-btn {
  position: relative;
  top: 165px;
  background: #fb7f7f !important;
  border-radius: 35px;
}

.custom-text-color {
  color: #1c685f;
}

.custom-text-dark-color {
  color: #22bfb3;
}

.homepage-contact-bg-color {
  background: #e6f7f5 !important;
}

header {
  background-color: #fff;
}


/* navigation menu */

/*
 * Make this absolute positioned
 * at the top left of the screen
 */

#menu ul {
  width: 200px;
  margin: 0;
  padding: 40px;
  background: #fff;
  list-style-type: none;
}

#menu li {
  padding: 10px 0;
  font-size: 20px;
}

#menu li a {
  color:#000;
}

#menu li a:hover {
  color:#92d0c0;
  text-decoration: none;
  font-weight: bold;
}

.menu-btn {
  position: absolute;
  display: block;
  top: 15px;
  right: 170px;
  width: 50px;
  background: none;
  border: none;
  padding: 10px;
  z-index: 100;
}

.menu-btn span {
  display: block;
  width: 30px;
  height: 4px;
  margin: 5px 0;
  background: #fff;
}

.menu-btn:hover {
  background: #92d0c0 !important;
}

li.menuItem a:hover {
  background-color: #111;
}

.mobile-nav {
  position: relative;
}

.responsive-menu {
  position: absolute;
  top: 80px;
  right: 170px;
  display: none;
  z-index: 100;
}

.responsive-menu-open .responsive-menu {
  display: block;
  opacity: 0.8;
}

.custom-page-header {
  position: absolute;
  z-index: 99999;
}

.custom-page-img {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.send-btn-request {
  background: #007cba !important;
  color: #fff !important;
}

.homepage-service h4:hover {
  color: #1d6986;
}

div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after {
  line-height: 50px !important;
  background: #35d0c4 !important;
  width: 50px !important;
  height: 50px !important;
}

.footer-menu-style li {
  list-style: none;
  line-height: 40px;
}

.footer-menu-style li a {
  color: #fff !important;
}

.homepage-service a:hover {
  text-decoration: none;
}

/* end of header menu style */

/* logo style */
.custom-site-logo {
  width: 130px !important;
}

.title-color {
  color: #1c685f;
}
.content-color {
  color: #709691;
}

.btn-bg-color {
  background: #36d0c4 !important;
  border-radius: 35px;
}

ul.custom-menu-style {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.custom-menu-style ul {
  display: none;
}

.custom-menu-style li:hover > ul {
  display: block;
}

.custom-menu-style ul {
  display: none;
  position: absolute;
  top: 4em;
  padding-left: 0;
  z-index: 99999;
  width: 185px;
  box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  font-size: 12px;
  border: 1px solid #eee;
}

.custom-menu-style ul li {
 list-style: none;
}

.custom-menu-style ul li a:hover {
  text-decoration: none !important;
  color: #00b9eb !important;
  font-weight: bold;
}

.custom-menu-style ul li a {
 padding: 15px !important; 
}

ul.custom-menu-style li {
  float: left;
}

ul.custom-menu-style li a {
  display: block;
  color: white;
  text-transform: uppercase;
  padding: 16px;
  text-decoration: none;
}

ul.custom-menu-style li a:hover {
  text-decoration: underline;
}



.get-quote-style {
  border: 2px solid #FFFFFF;
  margin: 10px 0 0 10px;
}

.custom-form-text-color {
  color: #939595;
}

.contact-form-style label {
  color: #858586;
  font-weight: normal !important;
}

.get-quote-style:hover {
  background: #62a9cc;
}

.custom-logo-title h3 {
  font-size: 45px !important;
  color: #4a81c4;
  font-weight: bolder;
  margin: 0 0 0 0 !important;
  font-family: 'Avenir Heavy';
  font-weight: bold !important;
}

.custom-logo-title h1 {
  font-size: 90px !important;
  color: #5ba290;
  font-weight: bold;
  margin: 0 0 0 80px !important;
  font-family: 'Avenir Heavy';
  font-weight: 900 !important;
}

/* END - HEADER STYLINGH */

/* START - HOMEPAGE STYLING */

.main-bg-color {
  background: #5ba290 !important;
}

.header-menu-style {
  background: #5ba290;
  padding-left: 100px !important;
}

.header-skew-style {
  position: relative;
  background: #fff;
}

.header-skew-style:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}

.bottom-divider-left {
  position: relative;
  background: #5ba290;
}

.bottom-divider-left:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #5ba290;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}

.bottom-divider-right {
  position: relative;
  background: #fff;
}

.bottom-divider-right:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fff;
    transform-origin: bottom left;
    -ms-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
}

.left-bg-skew {
  position: relative;
  background: #fbfbfb;
}

.left-bg-skew:after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #fbfbfb;
    transform-origin: bottom left;
    -ms-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}

.homepage-styling {
  background: #fbfbfb !important;
}

.homepage-title {
  color: #92d0c0 !important;
  font-weight: normal !important;
}

.homepage-styling p {
  font-size: 20px;
  color: #495057;
}

.blue_button {
  background-color: #4a81c4 !important;
}

.margin-bot {
  margin-bottom: 20px;
}

.homepage-custom-img-left {
  height: 450px !important;
  width: 530px !important;
  object-fit: cover;
}

.custom-text-size {
  font-size: 25px !important;
}

.custom-footer-background {
  background: #f5fbfb url("../SowcleanTheme/assets/images/footer_divider.png") no-repeat top center; 
  padding-top:46px !important;
}

.custom-footer-bg-color {
  background: #173330;
}

.single-custom-bg {
  background: #f5fbfb;
}

.service-list {
  padding-left: 0 !important;
}

.service-list li {
  list-style: circle;
  color: red;
}

.service-list li a {
  color: #fff;
  font-size: 13px !important;
  line-height: 1.5;
}


.homepage-custom-img-right {
  height: 215px !important;
  width: 440px !important;
  object-fit: cover;
}

.overlay-component {
  background: #000;
  opacity: 0.75;
  position: absolute;
  bottom: 0;
  width: 98%;
  height: 45%;
  z-index: 999;
}

.overlay-component p {
  color: #5ba290;
  font-weight: normal;
  text-align: right;
}

.overlay-component h4 {
  color: #fff;
  text-align: left;
  font-size: 25px;
}

.overlay-component-right {
  background: #000;
  opacity: 0.75;
  position: absolute;
  width: 50%;
  right: 15px;
  bottom: 0px;
  height: 100%;
}

.overlay-component-right p {
  color: #5ba290;
  font-size: 12px;
  font-weight: normal;
  text-align: right;
}

.overlay-component-right h4 {
  color: #fff;
  text-align: left;
  font-size: 18px;
}

.custom-alignment {
  margin-left: 130px;
  position: relative;
  top: -70px;
}

.slider-date {
  color: #92d0c0 !important;
}


.side-img {
  height: 225px;
  object-fit: cover;
}

.article-slider {
  position: absolute; 
  top: -50px;
}

.slider-component {
  padding-bottom: 20px;
}

.articler-wrapper {
  padding: 15px;
}

.articler-wrapper p {
  font-size: 12px !important;
  color: #5aa290 !important;
}

.articler-wrapper h4 {
  font-size: 18px !important;
  color: #212529 !important;
}

.article-readmore {
  color: #5aa290 !important;
  text-decoration: underline;
}

/* footer styling*/
.white-logo {
  width: 90px;
}

.custom-social-icon {
  width: 25px;
}

.submit-btn {
  background: #36d0c4;
}

.footer_copyright {
  font-size: 12px;
  color: #fff !important;
}

.footer_copyright a {
  color: #5ba290 !important;
  text-decoration: underline;
}

li.ul.sub-menu {
    background-color: #000;
}

/*==============================*/