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

.desktop-hide{
    display:none !important;
}

.prjx-italic {
    font-style: italic;
}


body .container img.prjx-image-popout {
    max-width: 125%;
    height: auto;
}

img.prjx-box-shadow.img-with-animation[data-shadow="medium_depth"] {
    box-shadow: 0 10px 40px rgba(0,0,0,0.5), 0 20px 70px rgba(0,0,0,0.1);
}

body .container .prjx-box-shadow[data-shadow="medium_depth"] {
    box-shadow: 0 10px 40px rgba(0,0,0,0.5), 0 20px 70px rgba(0,0,0,0.1);
}

.prjx-red-stripe .redbox .divider-wrap {
    background-color: #ed1c24;;
}

.prjx-red-stripe .redbox-left .divider-wrap {
    margin-left: -2000%;
    margin-right: -100px;
}

.prjx-red-stripe .redbox-right .divider-wrap {
    margin-right: -2000%;
    margin-left: -100px;
}

body .container .prjx-red-stripe img.prjx-image-popout {
    margin-top: -50px!important;
    margin-bottom: -50px!important;
}

body .container .prjx-to-front {
    z-index: 999;
} 

body .container #time-for-me.wpb_row .prjx-padded {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10%;
    padding-bottom: 10%;
    line-height: 1.1em
}


@media screen and (max-width: 1000px) {
    .desktop-hide{
        display:block !important;
    }
    .mobile-hide{
        display:none;
    }
    .prjx-red-stripe .redbox .divider-wrap {
        background-color: #ed1c24;
        margin-right: 300px;
        margin-left: -300%;
    }
    .prjx-red-stripe .redbox-left .divider-wrap {
        background-color: #ed1c24;
        margin-right: 300px;
        margin-left: -300%;
    }
    .prjx-red-stripe .redbox-right .divider-wrap {
        background-color: #ed1c24;
        margin-left: 300px;
        margin-right: -300%;
    }
    .prjx-red-stripe img.image-01 {
        margin-top: -80px;
    }
    body .prjx-red-stripe .prjx-image-mobile {
        margin-top: -415px;
        margin-bottom: 75px;
    }
}

.bullet-fix li{
    padding-bottom: 15px;
    font-size: 19px;
    line-height: 24px;
    font-weight: 400;
}

body .container .gform_heading {
    text-align: center;
}

body .container .gform_heading > h3,
body .container .gform_heading .gform_description
{
    color: #ed1c24;
	font-weight: 600;
}

body .container .gform_heading .gform_description {
    font-family: "Open Sans";
    font-size: 30px;
    line-height: 34px;
}


body .container .gform_body input[type=text]::placeholder,
body .container .blog-filters-search input[type=text]::placeholder,
body .container .blog-filters-category option,
body .container .blog-filters-author option,
body .container .blog-filters-tags option,
body .container .blog-filters-category select,
body .container .blog-filters-author select,
body .container .blog-filters-tags select,
body .container .gform_body input[type=radio]::placeholder,
body .container .gform_body textarea::placeholder, 
body .container .gform_body .ginput_container_radio,
body .container .gform_body .gfield_checkbox label,
body .container .gform_body .ginput_container_select option,
body .container .gform_body .ginput_container_select select,
body .container .gform_body .ginput_container_select option.gf_placeholder {
	color: #ed1c24;
	font-weight: 400;
}

body .container .gform_footer {
	text-align: center;
} 

body .container .gform_footer input[type=submit] {
    font-weight: 400;
    width: 100%;
}


body .container .post-content .content-inner a {
    color: #ed1c24;
    font-family: Open Sans;
    font-size: 24px;
    line-height: 30px;
}

body .container .post-content .content-inner .article-content-wrap {
    padding: 5%;
}

body .container .post-area.masonry.classic_enhanced .post .post-meta {
    display: none;
}

body .container .masonry.classic_enhanced .posts-container .has-post-thumbnail .meta-category a {
    right: 20px;
    left: unset;
    color: #000;
    background-color: #fff;
    border-radius: 0px!important;
    padding-top: 4px;
    padding-bottom: 4px;
}

body .container .masonry.classic_enhanced .posts-container .has-post-thumbnail .meta-category a:hover {
    color: #fff;
}

body .container #learn-more {
    width: 100%;
}

body .container .posts-container #read-more a {
    width: 95%;
}

body .container .post-area.masonry.classic_enhanced .post .post-featured-img img {
    padding: 10px;
    margin-bottom: -10px;
}

body.material .nectar-button.large {
    line-height: 25%;
    font-weight: 500;
    font-size: large;
    letter-spacing: 1px;
}

.swiper-slide .slide-bg-wrap .slide-bg-overlay {
    background-color: rgba(0,0,0,0) !important;
    opacity: 1;
    background:
    linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0, 0, 0, 0.01) 93%, rgba(0,0,0,1) 115%, rgba(0,0,0,1) 100% ),
    linear-gradient(to top, rgba(0,0,0,0) 0, rgba(0, 0, 0, 0.01) 93%, rgba(0,0,0,1) 115%, rgba(0,0,0,1) 100% )
}

body .container #prjx-your-best-self .redbox-left .divider {
    margin-left: -2000%;
    background-color: #ed1c24;
}
body .container #prjx-your-best-self .redbox-right .divider {
    margin-right: -2000%;
    background-color: #ed1c24;
}

body .container .prjx-what-to-expect ul {
  list-style: none; /* Remove default bullets */
}

body .container .prjx-what-to-expect ul li {
  list-style: none; /* Remove default bullets */
}

body .container .prjx-what-to-expect ul li:before {
  content: "•";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #ed1c24; /* Change the color */
  font-weight: bolder; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em;
}



.prjx-custom-form .gform_body select{
	border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    outline: none;
    box-shadow: 0 0 0 #ccc;
    text-indent: 10px;
    background: #fff url(/wp-content/uploads/2019/09/drop-arrow.png) no-repeat;
    background-size: 18px;
    background-position: calc(100% - 10px) 50%;
		color: #ed1c24;
	line-height: 25px;
	padding: 0;
}

.top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
    width: calc(100%);
}

/* Radio CSS */

.prjx-custom-form .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .prjx-custom-form .gform_wrapper li.gf_list_inline ul.gfield_radio li{
	margin: 0 8px 5px 0;
}

.prjx-custom-form .gform_wrapper ul.gfield_checkbox, .prjx-custom-form .gform_wrapper ul.gfield_radio{
	padding: 6px 0 1px 5px;
}

.prjx-custom-form [type="radio"]:checked,
.prjx-custom-form [type="radio"]:not(:checked) {
    position: absolute;
    left: 0;
		top: 0;
		z-index: 2;
		opacity: 0;
}

.prjx-custom-form .gform_wrapper ul.gfield_checkbox li input[type=checkbox], .prjx-custom-form .gform_wrapper ul.gfield_radio li input[type=radio]{
	width: 100% !important;
}

.prjx-custom-form [type="radio"]:checked + label,
.prjx-custom-form [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #ed1c24;
}

.prjx-custom-form [type="radio"]:checked + label:before,
.prjx-custom-form [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ed1c24;
    border-radius: 100%;
    background: #fff;
}

.prjx-custom-form [type="radio"]:checked + label:after,
.prjx-custom-form [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ed1c24;
    position: absolute;
    top: 3px;
    left: 3px;
	border: 1px solid #ed1c24;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.prjx-custom-form [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.prjx-custom-form [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* Checkbox CSS */

.prjx-custom-form [type="checkbox"]:checked,
.prjx-custom-form [type="checkbox"]:not(:checked) {
    position: absolute;
    left: 0;
		top: 0;
		z-index: 2;
		opacity: 0;
}

.prjx-custom-form [type="checkbox"]:checked + label,
.prjx-custom-form [type="checkbox"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.prjx-custom-form [type="checkbox"]:checked + label:before,
.prjx-custom-form [type="checkbox"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ed1c24;
    border-radius: 0;
    background: #fff;
}

.prjx-custom-form [type="checkbox"]:checked + label:after,
.prjx-custom-form [type="checkbox"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ed1c24;
    position: absolute;
    top: 3px;
    left: 3px;
		border: 1px solid #ed1c24;
    border-radius: 0;
    transition: all 0.2s ease;
}

.prjx-custom-form [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.prjx-custom-form [type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
	background: white;
    width: 2px;
    height: 2px;
	top: 8px;
    box-shadow: 
      2px 0 0 #ed1c24,
      4px 0 0 #ed1c24,
      4px -2px 0 #ed1c24,
      4px -4px 0 #ed1c24,
      4px -6px 0 #ed1c24,
      4px -8px 0 #ed1c24;
    transform: rotate(45deg);
}

body .container .prjx-list-style ul,
body .container .prjx-list-style ul li {
    list-style: none;
}

body .container .prjx-list-style ul li:before {
    content: '✓';
    padding-right: 10px;
    color: #ed1c24;
    font-weight: bold;
}

.hide-js{
    display:none;
    padding:0;
    margin:0;
}

@font-face {
    font-family: acumin;
    src: url(fonts/Acumin-RPro.woff);
  }

  @font-face {
    font-family: obvia;
    src: url(fonts/obvia-medium.woff);
  }

  @font-face {
    font-family: obvia;
    font-style: italic;
    src: url(fonts/obvia-italic.woff);
  }

  @font-face {
    font-family: klavika;
    src: url(fonts/Klavika-Regular.otf);
  }

  @font-face {
    font-family: klavika;
    font-weight: 500;
    src: url(fonts/Klavika-Bold.otf);
  }

  @font-face {
    font-family: klavika;
    font-weight: bold;
    src: url(fonts/Klavika-Bold.otf);
  }