/*
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
*/


/*  PRETTY COLORS  */

.redtext {color:#F92500}
.swiper-slide .content {padding:0!important}
.swiper-slide .container {max-width:96%}
.blacktext {color:#000}
.whitetext {color:#FFF}



/*  GENERAL FIXES  */

.nectar-simple-slider.sizing-aspect-ratio.aspect-1-1 {
	padding-bottom:100px!important;
	padding-top:100px!important;
}
.nectar-flickity.nectar-simple-slider:not([data-arrows="true"]) .flickity-slider .cell{
	padding:2%!important
}
	
.testimonial_slider .image-icon {
	border-radius: 0px!important;
	background-size:contain!important;
	background-repeat:no-repeat!important;
	width:40px!important;
	height:40px!important
}

@media only screen and (max-width: 480px) {
	.widthfix {padding-top:80px!important}
}

@media (max-width: 768px) {
#footer-outer #copyright p {
	padding-bottom:50px
}
}

/*  FLIP BOX STUFF  */

.flip-box-front {
  	background-size: 80px auto!important;
  	background-position:center;
	background-repeat:no-repeat!important;
	border-radius: 12px;
}

.flip-box-front .inner {
	padding: 30px 2%!important;
}

.flip-box-back {
	border-radius: 12px;
}

.flip-box-front .inner {
	padding:30px 1% 10px 1% !important;
	font-weight:900!important;
}

.flip-box-back .inner {
	padding:30px 2% 10px 2% !important;
	font-weight:900!important;
}

.flip-box-back .inner h6 {
	font-size:12px! important;
	line-height:16px!important
}

.waxme .wpb_tabs_nav {
	display:none!important
}
.waxmeagain {
	display:none!important
}

/*  DIAGONAL STUFF  */

.blackdiag {
	background: url('/wp-content/uploads/2025/04/diag-black.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 150px auto;
}

@media only screen and (max-width: 480px) {
.blackdiag {
	background: url('/wp-content/uploads/2025/04/diag-black.png');
	background-position: right -150px top;
	background-repeat: no-repeat;
	background-size: 150px auto;
	}
}

.reddiag {
	background: url('/wp-content/uploads/2025/04/diag-red@1x.png');
	background-position: right bottom 2px;
	background-repeat: no-repeat;
	background-size: 150px auto;
}

@media only screen and (max-width: 850px) {
.reddiag {
	background: url('/wp-content/uploads/2025/04/diag-red@1x.png');
	background-position: right -120px bottom 6px;
	background-repeat: no-repeat;
	background-size: 150px auto;
	}
}

@media only screen and (max-width: 480px) {
.reddiag {
	background: url('/wp-content/uploads/2025/04/diag-red@1x.png');
	background-position: right -120px bottom 2px;
	background-repeat: no-repeat;
	background-size: 150px auto;
	}
}

.whitediag {
	background: url('/wp-content/uploads/2025/04/whitediag.png');
	background-position: right top 6px;
	background-repeat: no-repeat;
	background-size: 150px auto;
}

@media only screen and (max-width: 480px) {
	
.whitediag {
	background: url('/wp-content/uploads/2025/04/whitediag.png');
	background-position: right -100px top;
	background-repeat: no-repeat;
	background-size: 150px auto;
}
}

.diagonal-corners {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.diagonal-corners::before,
.diagonal-corners::after {
    content: '';
    position: absolute;
    background-color: red;
    z-index: 9;
    pointer-events: none;
}

.diagonal-corners::before {
    width: 20%;
    height: 40%;
    top: 0;
    right: 0;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.diagonal-corners::after {
    width: 10%;
    height: 20%;
    bottom: 0;
    left: 0;
    clip-path: polygon(0 100%, 0 0, 100% 100%);
}


/* FLOATER BUTTON */

.floating-request-button {
  display: none;
  width:100%;
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 9999999999999999999999999999999999!important;
  background: #F92501;
  color: #FFF;
  font-size:13px;
  text-decoration: none;
  font-weight: bold;
  padding: 15px 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.floating-request-button:hover {
  background: #000;
  color: #F92501;
}

@media (max-width: 768px) {
  .floating-request-button {
    	display: block;
		z-index: 9999999999999999999999999999999999!important;
  }
}





/*  FORM STUFF  */

.section {
	clear: both;
	padding: 0px;
	margin: 0 0 20px 0;
}

.concol {
	display: block;
	float:left;
	margin: 1% 0 1% 2%;
}
.concol:first-child { margin-left: 0; }

.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 49%; }

.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66%; }
.span_1_of_3 { width: 32%; }

.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: 74.5%; }
.span_2_of_4 { width: 49%; }
.span_1_of_4 { width: 23.5%; }

@media only screen and (max-width: 480px) {
	.concol {margin: 1% 0 1% 0%;}
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea, .wpcf7-select
{
    background-color: #FFF!important;
    color: #000!important;
    padding:10px!important;
    border: 1px #000 solid;
}


.wpcf7 input::placeholder {
    font-weight: bold;
    color: #000!important;
}
.wpcf7 textarea::placeholder {
    font-weight: bold;
    color: #000!important;
}

input.wpcf7-form-control.wpcf7-submit {
   display: block;
   color:#FFF;
   background:#F92500!important;
   font-size:14px;
   font-family: 'Roboto' sans-serif;
}

.wpcf7-form select {
border: 1px solid #000;
}

.buttonfix input.wpcf7-form-control.wpcf7-submit {
   display: block;
   color:#FFF;
   background:#000!important;
   font-size:14px;
   font-family: 'Roboto' sans-serif;
}

