/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

body h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.5;
}

body h3 {
  color: #2995d3;
}

body p {
  line-height: 1.75;
}

/* hero section styling  */

#hero-section h1 {
  line-height: 90px !important;
}
.theme-button {
  font-size: 18px !important;
  padding: 17px 41px !important;
  box-shadow: 0px 14px 28.7px 6.3px rgba(47, 39, 29, 0.1) !important;
}

#hero-section h1::before {
  content: "";
  position: absolute;
  width: 7px;
  top: 0;
  height: 80%;
  background: #2995d3;
  left: 0;
  bottom: 0;
  margin: auto;
}

#hero-section h1 {
  position: relative;
  padding-left: 25px;
}

#hero-section p {
  line-height: 2;
}

/* our goal sec styling  */


div#about-sec {
    margin-bottom: 0px !important;
}

/* our services section styling  */

#our-sec p {
  font-size: 14px;
  padding-top: 8px;
}

#our-sec .column-bg-overlay-wrap {
  border-bottom-right-radius: 90px;
  border-top-left-radius: 68px;
}
#our-sec .column-bg-overlay {
  border-bottom-right-radius: 90px;
  border-top-left-radius: 68px;
}
div#our-sec {
  margin-top: -150px;
}
div#our-sec .wpb_column:hover p,
h4 {
  color: white;
}
#our-sec .wpb_column:hover h4 {
  color: white;
}

#our-sec .wpb_column:hover img {
  filter: brightness(0) invert(1);
}

div#our-sec .wpb_column h4 {
  padding-top: 15px;
}

.readmore-btn {
  border: 2px solid white;
}

div#our-sec .nectar-button {
    font-family: 'Poppins';
}


/* donation sec styling  */

#donation-sec .row-bg.using-image {
  background-size: contain;
}

#donation-sec {
  position: relative;
}

/* donation section styling  */

#donation-col .vc_column-inner {
  box-shadow: 0px 53px 28.4px 11.6px rgb(0 0 0 / 17%);
}

#donation-sec {
  position: relative;
}

div#donation-col {
  position: absolute;
  right: -240px;
  top: 70px;
}

#donation-col .vc_column-inner {
  	box-shadow: 0px 53px 28.4px 11.6px rgb(0 0 0 / 17%);
	padding: 63px 128px 63px 90px;
/*   padding: 48px 133px 48px 85px; */
}

#donation-col p {
  padding-top: 8px !important;
}

/* contact form styling  */

input.wpcf7-form-control,
select.wpcf7-form-control {
  background-color: white;
  border: 1px solid #9f9f9f;
  font-weight: 700;
	border-radius:0px;
}

.contact-us-sections form.wpcf7-form .col {
    margin-bottom: 20px !important;
}

.contact-us-sections form.wpcf7-form .col label span {margin-top: 10px !important;margin-left: 0 !important;}

textarea.wpcf7-form-control.wpcf7-textarea {
  background-color: white;
  border: 1px solid #9f9f9f;
  font-weight: bold;
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 18px !important;
  padding: 17px 41px !important;
  box-shadow: 0px 14px 28.7px 6.3px rgb(47 39 29 / 10%) !important;
  width: 100%;
  font-family: "Poppins";
}

span.wpcf7-form-control-wrap input {
  padding: 15px 34px;
  border-radius: 0px !important;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  padding-left: 34px;
  border-radius: 0px !important;
}

.wpcf7-form .wpcf7-not-valid-tip {
  box-shadow: none;
  color: red;
}

.wpcf7 form .wpcf7-response-output {
  margin: 5em 0.5em 1em !important;
  padding: 1em !important;
  font-size: 16px !important;
  text-align: center !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ff0000;
}

/* footer styling  */

#copyright p {
  color: #f4f4f4;
}

div#text-2 p {
  font-size: 16px;
  color: #dadada;
}

div#copyright {
  padding: 19px !important;
  background: #000;
  font-size: 18px !important;
  color: white !important;
}

#footer-outer #copyright[data-layout="centered"] .col.span_5 {
  max-width: 100%;
  margin: 0 auto;
}

#footer-outer #footer-widgets ul#footer-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0px;
}

#footer-outer #footer-widgets ul#footer-menu li {
  padding: 0 20px !important;
}

#footer-outer #footer-widgets ul#footer-menu li:not(:last-child) {
  border-right: 4px solid #fa8223;
}

#footer-outer #footer-widgets ul#footer-menu li a {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  font-family: inherit;
}

div#copyright {
  background: #000 !important;
}

#footer-outer #footer-widgets ul#icon-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0px !important;
}

.textwidget hr {
  width: 65%;
  border: none;
  height: 2px;
  background-color: #7f7a77;
  margin-top: 0;
}

#icon-menu i.fa {
  font-size: 32px;
  padding: 0 25px;
  color: white;
}

div#footer-outer {
  background-image: url(https://testlinks.xyz/dev2/robotics/wp-content/uploads/2022/11/Layer-16.png) !important;
  background-position: center;
  background-size: cover;
}

/* Responsive Styling  */

@media screen and (max-width: 1600px) {
  div#donation-col {
    top: 55px;
  }
}

@media screen and (max-width: 1440px) {
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
  #connection-sec {
    padding: 30px 0px !important;
  }

  div#donation-col {
    right: -240px;
    top: 32px;
  }
}

@media screen and (max-width: 1366px) {
  #donation-col .vc_column-inner {
    box-shadow: 0px 53px 28.4px 11.6px rgb(0 0 0 / 17%);
    padding-left: 57px;
    padding-right: 78px;
  }

  div#donation-col {
    position: absolute;
    right: -240px;
    top: 20px;
  }
}

@media screen and (max-width: 1280px) {
  div#donation-col {
    right: -172px;
    top: 47px;
  }

  #hero-section h1 {
    line-height: 65px !important;
  }
}

@media screen and (max-width: 1024px) {
  #our-sec p {
    font-size: 12px;
    padding-top: 8px;
  }
  #hero-section h1 {
    line-height: 60px;
  }
  div#donation-col {
    right: -172px;
    top: 8px;
  }
  #footer-outer #footer-widgets ul#footer-menu li a {
    font-size: 20px;
  }
  div#copyright {
    font-size: 14px !important;
  }
  #footer-widgets br {
  display: none;
}
	#donation-col .vc_column-inner {
		padding: 20px 50px;
	}
}

@media screen and (min-width: 1024px) and (max-width: 1024px) {
  #connection-sec {
    padding: 30px 0px !important;
  }

  div#donation-col {
    top: 12px;
  }
}

@media screen and (max-width: 991px) {
  div#connection-sec {
    padding: 50px 0px !important;
  }

  #connection-sec .vc_col-sm-7.wpb_column.column_container {
    padding-left: 3%;
    padding-top: 5%;
  }

  div#donation-col {
    position: static;
  }
  .col.span_6.last-col {
    margin-top: 21px;
  }

  #donation-col .vc_column-inner {
    box-shadow: 0px 53px 28.4px 11.6px rgb(0 0 0 / 17%);
    padding-left: 61px;
    padding-right: 100px;
  }

  #footer-outer #footer-widgets ul#footer-menu li a {
    font-size: 13px;
  }

  .theme-button {
    font-size: 15px !important;
    padding: 10px 20px !important;
  }

  #donation-col .vc_column-inner {
    box-shadow: none !important;
  }
  #donation-col .vc_column-inner {
    padding: 60px !important;
  }
  #footer-outer #footer-widgets ul#icon-menu {
    padding: 20px 0px !important;
  }

  #footer-widgets .textwidget br {
    display: none !important;
  }
  #services-sec .wpb_wrapper p span br {
    display: none;
  }

  #donation-sec .wpb_wrapper p br {
    display: none;
  }
  #connection-sec .wpb_wrapper p br {
    display: none;
  }

  #about-sec .inner {
    text-align: center;
  }
}

@media screen and (max-width: 800px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 690px) {
  #footer-outer #footer-widgets ul#footer-menu {
    flex-direction: row;
    align-items: baseline;
  }
  #footer-outer #footer-widgets ul#footer-menu li {
    border-right: 0px !important;
    border-left: 4px solid #fa8223;
    margin-bottom: 15px;
  }

  .textwidget.custom-html-widget {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  #hero-section h1 {
    line-height: 45px !important;
  }
	
	li.first-link {
    border-left: 0px !important;
}
}

@media screen and (max-width: 480px) {
  #donation-col .vc_column-inner {
    padding: 30px !important;
  }
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 375px) {
}

@media screen and (max-width: 360px) {
}