/*
 Theme Name:     Trinity
 Description:    Divi Child Theme
 Author:         Becky Swan
 Author URI:     https://beckyswan.com
 Template:       Divi
 Version:        1.0.0
*/

/* LAYOUT & DEFAULTS
------------------------------------------------------- */
body {
    font-style:normal;
	/* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
}

/* FONTS
------------------------------------------------------- */
h1, .h1{
  font-size:50px;
  font-weight:600;
}

h2, .h2{
font-size:40px;
font-weight:600;
line-height: 1.2;
}

h3, .h3{
  font-size:24px;
  font-weight:600;
  line-height: 1.6;
  color:#4fc8d9;
}

/* font awesome */
.fa-check-circle{
  font-size:1.4em;
  color:#59ce9b;
}

/* HEADER
------------------------------------------------------- */
#main-header{
  box-shadow:none;
  border-top:10px solid #4fc8d9;
}

.et-fixed-header #logo {
  content: url(/wp-content/uploads/2019/07/Trinity-text-logo-200px.png);
}

#top-menu .nav-button a{
  background-color:#59ce9b;
  color:#fff;
  font-weight:600;
  padding:16px 12px !important;
  transition:background-color 0.4s;
}
#top-menu .nav-button a:hover{
  background-color:#FDA95A;
}

#top-menu li.nav-button.current-menu-item > a{
  color:#fff;
}

@media all and (min-width: 981px) {
  .et-fixed-header #top-menu li:last-child a, .et-fixed-header #top-menu li.nav-button.current-menu-item > a{
    color:#fff !important;
  }
  .et_header_style_left #et-top-navigation nav>ul>li>a{
    padding-bottom:0;
  }
  .et_header_style_left .et-fixed-header #et-top-navigation{
    padding-top:15px;
  }
  .et_header_style_left #et-top-navigation nav>ul>li>a{
      padding-bottom:10px !important;
   }
}

/* PAGE SPECIFIC CHANGES
------------------------------------------------------- */

/* Homepage */
#two-solution, #three-result, .box-shadow{
  box-shadow: 0px 9px 32px 0px rgba(0,0,0,0.23);
}

#one-experience h2{
  margin:0 0 30px;
}

#two-solution h2, #three-result h2{
  margin:0 0 60px 50px;
  padding-top:26px;
}

#one-experience h2:before, #two-solution h2:before, #three-result h2:before{
  display:block;
  font-size: 90px;
  font-weight:500;
  position: absolute;
  top: 0px;
  left: -30px;
  color: #59ce9b;
  z-index: -1;
  border: 3px solid #59ce9b;
  line-height: 1;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  text-align:center;
}
#one-experience h2:before{
  content:"1";
  top:-17px;
  left:-65px;
}
#two-solution h2:before{
  content:"2";
}
#three-result h2:before{
  content:"3";
  line-height:0.85;
}

@media (min-width: 981px){
  .et_pb_gutters2 .et_pb_column, .et_pb_gutters2.et_pb_row .et_pb_column{
    margin-right:1.5%;
  }
}

.feature-list{
  margin-top:15px;
}
.feature-list li{
  line-height: 2.5em;
}
.feature-list li > span{
  margin-right:10px;
}
.entry-content ul.feature-list{
  padding-bottom:0;
}

#values-list .list-unstyled{
  line-height: 1.7;
}

@media (min-width: 1100px){
  #values-list .list-unstyled{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

/* CONTACT PAGE */
.contact-col{
  float:left;
  margin-right:100px;
}

.contact-label{
  font-weight:700;
}

/* RESOURCES PAGE */
.page-template-page-resources .ppw-post-password-container{
   min-height:300px;
}

.page-template-page-resources .row{
   display:flex;
   flex-wrap:wrap;
   padding:5px 5px 70px;
}
.page-template-page-resources .row .rs-container{
   margin-bottom:5%;
   margin-right:5%;
}

@media (max-width: 768px){
   .page-template-page-resources .row{
      display:block;
   }
   .page-template-page-resources .row .rs-container{
      margin-bottom:8%;
   }
}

.resource-section{
   padding:10px 0 50px;
}

.section-title{
   background: #1D3D63;
   color: #fff;
   font: 700 20px 'Raleway', sans-serif;
   margin-bottom:25px;
   padding: 8px 20px;
   text-transform: uppercase;
}

.rs-title{
   font: 700 17px 'Raleway', sans-serif;
   max-width:250px;
   padding-bottom:5px;
   text-transform: uppercase;
}

.rs-link{
   font-style:italic;
}

.rs-image{
   margin-top:20px;
}
.rs-image a{
   display:block;
   max-width:175px;
   height:auto;
}
.rs-image img{
   border:1px solid #ededed;
}

.empty-state{
   font-size:18px;
   font-style:italic;
}

/* MODULE STYLES
------------------------------------------------------- */
body .et_pb_button.et_pb_promo_button,
.et_pb_contact_submit.et_pb_button{
  color:#fff;
  font-weight:600;
  font-size:18px;
  letter-spacing: 0.04em;
  transition:background-color 0.4s;
}
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover{
  padding:.7em 1.4em!important;
}

/* arrow button */
body #page-container .et_pb_cta_1.et_pb_promo .et_pb_promo_button.et_pb_button:after{
  font-size:40px !important;
}

.custom-button .et_pb_button_wrapper{
  border-top:1px solid #eee;
  margin-top:10px;
  padding-top:5px;
  padding-right:25px;
}
.custom-button .et_pb_button_wrapper > a{
  display:block;
}

body #page-container .et_pb_section .custom-button.et_pb_cta_1.et_pb_promo .et_pb_promo_button.et_pb_button:after,
body #page-container .et_pb_section .custom-button.et_pb_cta_2.et_pb_promo .et_pb_promo_button.et_pb_button:after{
  display:inline-block;
  font-size:2em !important;
}

/* sweep right animation */
.sweep-right .et_pb_button_wrapper{
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.sweep-right .et_pb_button_wrapper:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #59ce9b;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-right .et_pb_button_wrapper:hover, .sweep-right .et_pb_button_wrapper:focus,
.sweep-right .et_pb_button_wrapper:active {
  color:#fff !important;
}
.sweep-right .et_pb_button_wrapper:hover:before, .sweep-right .et_pb_button_wrapper:focus:before,
.sweep-right .et_pb_button_wrapper:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}


/* scroll to top button */
.et_pb_scroll_top.et-pb-icon{
  right:25px;
  background:#59ce9b;
  border-radius:0;
  transition:background 0.4s;
}
.et_pb_scroll_top.et-pb-icon:hover{
  background:#FDA95A;
}

/* FORMS
------------------------------------------------------- */
/* ninja forms */
.nf-form-cont{
  font-size:87%;
}

.nf-form-content .ninja-forms-req-symbol{
  font-size:80%;
}
.nf-error-msg, .ninja-forms-req-symbol{
  color:#DE2E1F;
}

.nf-form-cont .nf-field-container{
  margin-bottom:20px;
}

.nf-form-cont .nf-form-content .label-above .nf-field-label{
  margin-bottom:3px;
}

.nf-form-cont .nf-form-content .nf-field-label label, label{
  font-size:16px;
}

.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-cont .nf-form-content input:not([type=button]), .nf-form-cont .nf-form-content textarea, 
.ppw-post-password-form input:not([type=submit]){
  background:#F8F9FA;
  border-color:#f2f2f2;
}
.nf-form-cont .nf-form-content .listselect-wrap .nf-field-element div, .nf-form-cont .nf-form-content input.ninja-forms-field,
.nf-form-cont .nf-form-content select.ninja-forms-field:not([multiple]), .nf-form-cont .nf-error.field-wrap .nf-field-element:after, 
.ppw-post-password-form input{
  height:45px;
}
.nf-form-cont .nf-form-content textarea.ninja-forms-field{
  height:125px;
}

.nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button],
.nf-form-cont .nf-form-content input[type=submit], .ppw-post-password-form input[type=submit]{
  cursor:pointer;
  color:#fff;
  background-color:#FDA95A;
  font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif;
  font-weight:600;
  font-size:18px;
  font-style:normal;
  text-transform:uppercase;
  letter-spacing: 0.04em;
  padding:.7em 1.4em;
  transition:background-color 0.4s;
}
.nf-form-cont .nf-form-content button:hover, .nf-form-cont .nf-form-content input[type=button]:hover,
.nf-form-cont .nf-form-content input[type=submit]:hover, .ppw-post-password-form input[type=submit]:hover{
  background-color:#59ce9b;
  color:#fff;
}

/* Ninja Form spec sheet popup */
@media all and (min-width: 768px){
   #nf-popup-272{
     width:75%;
   }

   .ppw-post-password-form input:not([type=submit]){
      width:200px;
   }
}

@media all and (min-width: 981px) {
  #nf-popup-272{
    width:60%;
  }
}

/* PASSWORD PROTECT WORDPRESS FIELDS */
.ppw-ppf-field-container{
   padding:15px 0;
}

.ppw-post-password-form input[type=submit]{
   border:0;
   margin-left:5px;
   position:relative;
   top:4px;
}

/* FOOTER
------------------------------------------------------- */
#footer-info{
  font-family: Raleway, sans-serif;
}

.footer-widget h4.title{
  font-weight:600;
  padding-bottom:25px;
}

#footer-widgets .footer-widget li{
  list-style:none;
  padding-left:0;
}
#footer-widgets .footer-widget li:before{
  display:none;
}
footer #footer-widgets .footer-widget li a{
  transition: all 0.3s ease-in-out;
}
footer #footer-widgets .footer-widget li a:hover{
  color: rgba(255,255,255,.7);
}

.social-icons li{
  display:inline-block;
  margin-right:10px;
  transition:opacity 0.3s;
}
.social-icons li a{ opacity: 0.3s; }
.social-icons li a:hover{ opacity:0.75; }

footer .ic-facebook{
  margin-top:20px;
}

footer .footer-widget:last-child{
  padding-left:40px;
}

@media all and (max-width: 980px) {
  footer .footer-widget:last-child{
    padding-left:0;
  }
}

#footer-info{
  width:100%;
  font-weight:500;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,0.75);
}

/* UTILITY CLASSES
------------------------------------------------------- */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.inverse-text{
  color:#ffffff;
}

.nowrap {
    white-space: nowrap;
}

ul.list-unstyled{
  list-style:none;
  padding-left:0;
  line-height: 1.4;
}