/*
 Theme Name:     Divi-Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Salt Design
 Author URI:     https://www.saltdesign.co.nz
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/*Font Styles */


body {
	font-family: HelveticaProRoman;
	font-weight: normal;
	color: #3C3C3B;
	font-size: 18px;
	letter-spacing: -0.5px;
	line-height: 1.2;
}
a {
	font-size: 15px;
	color: #ffffff;
	text-decoration: underline;
}
a:hover {
	color: #d8d8d8;
}

h1,h2,h3,h4,h5 {
	font-family: HelveticaProBold;
	color: #3C3C3B;
	letter-spacing: -1px;
}

h1 {
    font-size: 30px;
}
h2 {
    font-size: 26px;
}
h3 {
	font-size:24px;
}

#home-banner h1 {
    font-size: 40px;
}
#cm-subscribe-form h1 {
	color: #fff;
	padding-bottom: 40px;
}

h1.entry-title {
    font-size: 40px;
    line-height: 0.8;
    letter-spacing: -1px;
}

.et_pb_text_inner h1{
    font-size: 30px;
	line-height: 0.8;
    letter-spacing: -1px;
}
.content-page h1{
    font-size: 40px;
    line-height: 0.8;
    letter-spacing: -1px;
}

.et_pb_text_inner h2{
	font-family: HelveticaProRoman;
    font-size: 20px;
}
.category-title {
	font-family: HelveticaProBold;
	font-size: 30px;
    line-height: 0.8;
	color: #3C3C3B;
	letter-spacing: -1px;
}

/*main menu links*/


.logo_container {
    padding-bottom: 18px !important;
}
#et-top-navigation {
	font-family: HelveticaProBold;
    font-weight: normal;
}
#et-top-navigation nav>ul>li>a {
    color: #3C3C3B;
	padding-top: 20px;
}
#top-menu-nav>ul>li>a:hover {
    opacity: 1;
    color: #D8D8D8;
}
#top-menu .menu-item-has-children>a:first-child:after, #et-secondary-nav .menu-item-has-children>a:first-child:after {
    padding-top: 20px;
}

/*current main menu link*/
#top-menu li {
    font-size: 15px;
    padding-right: 25px;
}
#top-menu li.current-menu-ancestor>a {
	color: #3C3C3B;
}
#top-menu li.current-menu-item>a {
    color: #3C3C3B; !important;
}

#main-header .nav li ul a {
	text-decoration: none;
}
#main-header .nav li ul a:hover {
	color: #ffffff;
	background-color: transparent;
	text-decoration: underline;
}

/*submenu*/
#main-header .nav li ul {
	border-top: none;
	background: #D8D8D8;
}

/*submenu list item*/
#main-header .nav li li {
	background: #D8D8D8;
}

/*submenu links*/
#main-header .nav li li a {
	font-size: 15px;
	color: #3C3C3B;
}

#main-header {
     -webkit-box-shadow: none; 
     box-shadow: none;
}

/*Mobile Menu*/

/*change Divi hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.mobile_menu_bar:before {
	color: #3C3C3B !important;
}
ul#mobile_menu {
    background: #D8D8D8;
	border-top: none;
}
/*Divi mobile menu parent links*/
.et_mobile_menu li a {
	opacity: 1;
	border-bottom: none;
	text-decoration: none;
	color: #3C3C3B;
	padding: 5px 5%;
	letter-spacing: -1px;
	font-family: HelveticaProBold; !important;
}
.et_mobile_menu li a:hover {
	opacity: 1;
	background: #D8D8D8;
	color: #ffffff;
	text-decoration: underline;
}
.et_mobile_menu .menu-item-has-children>a {
    background-color: #D8D8D8;
	font-family: HelveticaProRoman !important;
}


/*Blog Module Styling*/

span.pages {
    display: none;
}

.wp-pagenavi .page.larger,  .wp-pagenavi .current, .wp-pagenavi .page.smaller {
	display: inline-block;
  text-indent: -9999px;
  border: none;
  border-radius: 50% !important;
  width: 50px !important;
  height: 50px !important;
  margin-right: 10px !important;
  padding: 0 !important;
  background-color: #ffffff;
  }

.wp-pagenavi .current {
  border: none;
  width: 50px !important;
  height: 50px !important;
  background-color: #3C3C3B;
}
.wp-pagenavi {
  text-align: center;
}

.blog-content p {
	font-size: 18px;
	line-height: 1.2;
    letter-spacing: -0.5px;
}
.blog-content a, .content-page a {
	font-family: HelveticaProBold;
	font-size: 18px;
	color: #3C3C3B;
	text-decoration: underline;
}
.blog-content a:hover, .content-page a:hover {
	color: #3C3C3B;
	text-decoration: none;
}

p.et_pb_title_meta_container {
    text-transform: capitalize !important;
	color: #3C3C3B !important;
	letter-spacing: 0px !important;
}

p.et_pb_title_meta_container a {
    text-transform: capitalize !important;
	color: #3C3C3B !important;
	letter-spacing: 0px !important;
}


#resources-blog .et_pb_ajax_pagination_container {
    display: flex;
	flex-wrap: wrap;
}
#news-blog .et_pb_ajax_pagination_container {
    display: flex;
	flex-wrap: wrap;
}

#resources-blog .et_pb_post {
    flex: 0 0 calc(25% - 0px);
    padding: 32px;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    display: flex; /* Apply flex properties to the post container */
    flex-direction: column; /* Stack the post contents vertically */
    justify-content: flex-start;
	min-height: 326px;
}

#resources-blog .et_pb_post p {
    color: #ffffff;
}

/* Define an array of background colors */
#resources-blog .et_pb_post {
    background-color: #EC6726; /* Default color for the first post */
}

/* Use the modulus operator to cycle through colors */
#resources-blog .et_pb_post:nth-child(8n + 2) {
    background-color: #52AE32;
}

#resources-blog .et_pb_post:nth-child(8n + 3) {
    background-color: #007DAB;
}

#resources-blog .et_pb_post:nth-child(8n + 4) {
    background-color: #F7A822;
}

#resources-blog .et_pb_post:nth-child(8n + 5) {
    background-color: #2F9CBF;
}

#resources-blog .et_pb_post:nth-child(8n + 6) {
    background-color: #BE1622;
}

#resources-blog .et_pb_post:nth-child(8n + 7) {
    background-color: #2E8529;
}

#resources-blog .et_pb_post:nth-child(8n + 8) {
    background-color: #266C2F;
}


#resources-blog h2.entry-title a {
    font-size: 24px;
    line-height: 1;
	color: #fff;
}
#resources-blog .et_pb_post .post-meta {
    font-size: 13px;
	margin: 6px 0 3px 0;
	color: #fff;
}
#resources-blog .et_pb_post .post-meta a {
    font-size: 13px;
	color: #fff;
	text-decoration: underline;
}
#resources-blog .et_pb_post .post-meta a:hover {
	color: #D8D8D8 !important;
	text-decoration: underline;
}

#resources-blog.et_pb_posts a.more-link:hover {
    text-decoration: underline;
	color: #D8D8D8 !important;
}


#news-blog .et_pb_post {
    flex: 0 0 calc(25% - 0px);
    padding: 32px;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    display: flex; /* Apply flex properties to the post container */
    flex-direction: column; /* Stack the post contents vertically */
    justify-content: flex-start;
	min-height: 326px;
}

#news-blog .et_pb_post::before {
    content: "";
    display: block;
    height: 1px; 
    background-color: #000; 
    position: absolute;
    bottom: 0;
    left: 25px; 
    right: 25px; 
    box-sizing: border-box; 
}

#news-blog h2.entry-title a {
    font-size: 24px;
    line-height: 1;
	color: #3C3C3B;
}

#news-blog .et_pb_post p {
    color: #3C3C3B;
}

#news-blog .et_pb_post .post-meta {
    font-size: 13px;
	margin: 6px 0 3px 0;
	color: #3C3C3B;
}
#news-blog .et_pb_post .post-meta a {
    font-size: 13px;
	color: #3C3C3B;
	text-decoration: underline;
}
#news-blog .et_pb_post .post-meta a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#news-blog.et_pb_posts a.more-link {
	color: #3C3C3B;
}
#news-blog.et_pb_posts a.more-link:hover {
    text-decoration: underline;
	color: #ffffff !important;
}

.nav-single a {
	color: #3C3C3B;
	font-size: 12px;
}

/* Members Login */

.et_pb_newsletter_description_content a {
    color: #007DAB;
	font-size: 15px;
}
.et_pb_newsletter_description_content a:hover {
	text-decoration: none;
}
.et_pb_forgot_password a {
    color: #007DAB;
	font-size: 15px;

}
.et_pb_forgot_password a:hover {
	text-decoration: none;
}

p.wppb-alert {
    color: #52ae32;
	font-size: 15px;
}

a.wppb-logout-url {
	color: #3C3C3B;
	font-size: 15px;
	text-transform: uppercase;
	
}

a.wppb-logout-url:hover {
	color: #ffffff;
	text-decoration: none;
}

.login-remember label {
    font-size: 15px;
}

#wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label, .wppb-form-field label  {
    width: 100% !important;
}


a.login-lost-password:hover {
	text-decoration:none;
	color: #ffffff;
}
p.wppb-error a {
    color: #fff !important;
}
p.wppb-error a:hover {
    color: #fff !important;
	text-decoration:none;
}
p.wppb-error, p.wppb-warning, p.wppb-notice, p.wppb-success {
    color: #52ae32 !important;
}





/*steering group*/

.et_pb_blurb_description {
    font-size: 15px !important;
	letter-spacing: -0.5px;
}

.et_pb_module_header span {
    font-size: 20px !important;
	letter-spacing: -1px;
	
}




/*CF7 - SUBSCRIBE FORM*/

.signup-box {
	float: left;
	width: 100%;
}
.signup-row {
	margin: 0px -16px;
}
.signup-col {
	width: 27%;
	padding: 20px 10px;
	float: left;
}

.signup-col-subscribe {
    width: 18%;
    padding: 26px 10px 18px 10px;
    float: left;
}

/*CF7 - CONTACT FORM */

.contact-box {
	float: left;
	width: 100%;
}
.contact-row {
	margin: 0px -16px;
}
.contact-col {
	width: 50%;
	padding: 20px 10px;
	float: left;
}
.contact-msg {
	width: 100%;
	padding: 20px 10px; 
	float: left; 
}
.contact-submit {
	width: 100%;
	padding: 20px 10px; 
}

/* CF7 Button Styles*/

/* Center text vertically in buttons with the "centered-button" class */
.centered-button .et_pb_button {
    display: flex;
    align-items: center;
}


.submit-button {
    width: 160px;
    text-transform: uppercase;
    font-family: 'HelveticaProBold';
    text-decoration: none;
    text-align: center;
}

.submit-button:hover {
    cursor: pointer;
	background-color: #ffffff;
	color: #3C3C3B;
}
.et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
	padding: 10px 12px !important;
}
#edit-profile-button:hover {
	background: #3C3C3B;
	color: #ffffff;
}
	

.members-button a {
	font-family: 'HelveticaProBold';
	font-size: 15px !important;
	line-height: 1.7em;
	text-transform: uppercase;
    padding: 10px 12px !important;
    color: #ffffff !important;
	transition: none !important;
	background: #3C3C3B;
}
.members-button a:hover {
    color: #3C3C3B !important;
	background-color: #D8D8D8;
}

.mailto-button {
    width: 160px;
    text-transform: uppercase;
    font-family: 'HelveticaProBold';
    text-decoration: none;
    text-align: center;
    background-color: #3C3C3B !important;
    color: #fff !important;
}
.mailto-button:hover {
    cursor: pointer;
	background-color: #fff !important;
	color: #3C3C3B !important;
}

#wppb-submit, #wppb-recover-password-button, #edit_profile {
	width: 160px;
    text-transform: uppercase;
    font-family: 'HelveticaProBold';
    background-color: #3C3C3B !important;
    color: #fff !important;
	padding: 10px 12px !important;
	font-size: 15px !important;
	line-height: 1.7em;
	border: none;
}

#wppb-recover-password-button {
	width: auto !important;
}

#wppb-submit:hover, #wppb-recover-password-button:hover, #edit_profile:hover {
    cursor: pointer;
	background-color: #fff !important;
	color: #3C3C3B !important;
}

/* Search */

.et_pb_search input.et_pb_searchsubmit {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'HelveticaProBold';
    width: 160px;
    background: #3C3C3B;
}
.et_pb_search input.et_pb_searchsubmit:hover {
     color: #3C3C3B !important;
	background-color: #ffffff;
}
.et_pb_search input.et_pb_s {
	font-size: 18px;
}

#search-results h3.entry-title a {
    font-size: 24px;
    line-height: 1;
    color: #3C3C3B;
}
#search-results a:hover {
    color: #3C3C3B;
}
#search-results .et_pb_post .post-meta {
    font-size: 13px;
	margin: 6px 0 3px 0;
	color: #3C3C3B;
}
#search-results .et_pb_post p {
    color: #3C3C3B !important;
}
#search-results.et_pb_posts a.more-link {
    color: #3C3C3B !important;
}
#search-results.et_pb_posts a.more-link:hover {
    text-decoration: underline;
	color: #ffffff !important;
}



/* Form inputs */

#contact-page-form input[type="text"], 
#contact-page-form input[type="email"],
#contact-page-form input[type="number"],
#contact-page-form input[type="tel"], #contact-page-form select {
	background-color: #D8D8D8;
	color: #3C3C3B;
	font-size: 18px;
    width: 100%;
    padding: 10px 0;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    border-bottom:1px solid #3C3C3B;
}
#contact-page-form textarea {
    background-color: #ffffff;
    color: #3C3C3B;
    font-size: 18px !important;
    width: 100%;
    padding: 10px 10px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #fff;
}

/*#subscribe-form input[type="text"], 
#subscribe-form input[type="email"],
#subscribe-form input[type="number"],
#subscribe-form input[type="tel"], #subscribe-form select, #subscribe-form textarea {
	background-color: #3C3C3B;
	color: #ffffff;
	font-size: 15pt;
    width: 100%;
    padding: 10px 0;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    border-bottom:1px solid #ffffff;
}*/


/* cm-subscribe-form */
input#fielddrkuyhh, input#fielddrkuyhk, input#fieldEmail {
    background-color: #3C3C3B;
	color: #ffffff;
	font-size: 18px;
    width: 100%;
    padding: 10px 0;
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-radius:0;
    border-bottom:1px solid #ffffff;
}

/* member login forms */

#wppb-loginform input, #wppb-recover-password input, #wppb-edit-user input {
	font-size: 18px;
    padding: 10px;
	color: #3C3C3B;
}
select#display-name {
	font-size: 18px;
    padding: 10px;
	color: #3C3C3B;
}
.select2-container--default .select2-selection--single {
    border: none !important;
    border-radius: 0px !important;
}


.wppb-error, .wppb-warning, .wppb-notice, .wppb-success {
	font-size: 15px !important;
    padding: 0px !important;
	color: #52ae32;
	background: transparent !important;
    border: none !important;
}


/* Contact and CM Input placeholder text */

#contact-page-form ::-webkit-input-placeholder {
    color: #3C3C3B !important;
}

input#fielddrkuyhh::placeholder, input#fielddrkuyhk::placeholder, input#fieldEmail::placeholder {
    color: #ffffff!important;
}


/* CF7 forms input field (on focus) */

#contact-page-form input[type=text]:focus, 
#contact-page-form input[type=email]:focus,
#contact-page-form input[type=tel]:focus, 
#contact-page-form textarea:focus
{
   background-color:#3C3C3B !important;
   color: #fff !important;
   padding-left: 10px !important;
}

/*#subscribe-form input[type=text]:focus, 
#subscribe-form input[type=email]:focus,
#subscribe-form input[type=tel]:focus, 
#subscribe-form textarea:focus
{
   background-color: #D8D8D8 !important;
   color: #fff !important;
   padding-left: 10px !important;
}*/

input#fielddrkuyhh:focus, input#fielddrkuyhk:focus, input#fieldEmail:focus
{
   background-color: #D8D8D8 !important;
   color: #fff !important;
   padding-left: 10px !important;
}

/* CF7 Validation */

.wpcf7 form .wpcf7-response-output {
	border: none !important;
	color: #52ae32 !important;
	padding-left: 5px;
	margin-top: 10px;
	margin-left: 0;
	font-size: 15px;
}
.wpcf7 form.sent .wpcf7-response-output {
	border: none !important;
	color: #52ae32 !important;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 0;
	font-size: 15px;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    color: #52ae32;
    padding: 18px;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    color: #52ae32;
    padding: 18px;
}

span.wpcf7-not-valid-tip {
	font-size: 15px;
    color: #52ae32;
	padding-left: 10px;
	margin-top: 10px;
	margin-left: 0;
}

#contact-page-form .contact-msg > p:not(.mand-text) {
    padding: 0 0 0 !important;
}
#contact-page-form .contact-msg .mand-text {
    color: #3C3C3B !important;
    padding: 4px 0 6px  !important;
    font-size: 15px !important;
}
#contact-page-form .text-arealabel {
    color: #3C3C3B !important;
    font-size: 18px !important;
    margin: 0 0 -10px !important;
    display: block;
}

#contact-page-form .submit-button {
    float: right;
}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
 	 #resources-blog .et_pb_post {
        flex: 0 0 calc(50% - 0px);
}
	#news-blog .et_pb_post {
        flex: 0 0 calc(50% - 0px);
	}
}

 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.contact-col {
		width: 100%;
	}
	.signup-col {
		width: 100%;
	}
		#resources-blog .et_pb_post {
        flex: 0 0 calc(100% - 0px);
 
	}
		#news-blog .et_pb_post {
        flex: 0 0 calc(100% - 0px);
 
	}
	}