/*
Theme Name: Divi Child
Version: 1.0
Description: Divi Child Theme for Slice Creative
Author: Slice Creative
Template: Divi
Author URL: https://slicecreative.co.nz
*/

@import url("../Divi/style.css");

/*-------My Theme Customizations------- */

/* Style for footer text with 'footer-legal' class in Divi Theme */
.footer-legal .et_pb_text_inner {
    color: #636363; /* Sets the text color to white */
}

.footer-legal .et_pb_text_inner a {
    color: #636363; /* Ensures links are also white */
}

.footer-legal .et_pb_text_inner a:hover {
    color: #407a99; /* Changes link color on hover to #407a99 */
}

/* Remove underlines from links */
.et_pb_module a {
    text-decoration: none !important;
}

/* vertically align row using flex */
 
    @media only screen and (min-width : 981px) {
    .mp_row_vertical_align {
        display: flex;
        flex-direction: row;
        align-items: center;}}

.et_pb_menu .et-menu > li {
  padding-left: 12px;
  padding-right: 12px;
}

@media all and (max-width: 981px) {
	.et_animated {
		opacity: 1 !important
	}
	.et_pb_section * {
		-o-transition-property: none!important;
		-moz-transition-property: none!important;
		-webkit-transition-property: none!important;
		transition-property: none!important;
		-o-transform: none!important;
		-moz-transform: none!important;
		-ms-transform: none!important;
		-webkit-transform: none!important;
		transform: none!important;
		-webkit-animation: none!important;
		-moz-animation: none!important;
		-o-animation: none!important;
		animation: none !important;
	}
}

/*porfolio image aspect ratio square 1:1  NOT USING*/
.pa-portfolio-image-1-1 .et_portfolio_image {
  padding-top: 100%;
  display: block;
}

/* This applies the image styling to any module with the custom-portfolio class */
.custom-portfolio .et_portfolio_image img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}

/* 8px spacing BETWEEN items for main page portfolio module only */

.et_pb_portfolio .et_pb_portfolio_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    gap: 8px !important;
}
.et_pb_portfolio .et_pb_portfolio_item {
    flex-basis: 250px !important;
    flex-grow: 1 !important;
    margin: 0 !important;
}

/* 8px spacing BETWEEN items for home page portfolio module only */
.hj-portfolio-8px .et_pb_portfolio_grid_items { 
  margin: -4px;            /* cancels the added inner padding so rows wrap correctly */
}
.hj-portfolio-8px .et_pb_grid_item {
  box-sizing: border-box;  /* ensures padding doesn’t break widths */
  padding: 4px;            /* 4px + 4px = 8px gap between neighbouring items */
}

/* optional: tidy image edges so no white hairlines appear */
.hj-portfolio-8px .et_portfolio_image img {
  display: block;
  width: 100%;
  height: auto;
}


/*remove default 11px padding on each side of list items*/
.pa-vertical-menu .et-menu > li {
	padding-left: 0px;
	padding-right: 0px;
}
/*make the menu items fullwidth and add space between them*/
.pa-vertical-menu .et_pb_menu__menu nav ul li {
	display: block;
	width: 100%;
	margin: 10px 0;
}
/*style the menu items*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
	padding: 20px!important;
	background: #ffffff;
	border-radius: 6px;
	border: 2px solid #ffffff;
}
/*style the menu items on hover*/
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover {
	opacity: 1!important;
	color: #ffffff;
	background: #80adc5;
	border-color: #80adc5;
}
/*style the active menu item*/
.pa-vertical-menu .et_pb_menu__menu nav ul li.current-menu-item a {
	opacity: 1!important;
	color: #ffffff;
	background: #80adc5;
	border-color: #80adc53;
}
/*style the arrow icon if there are submenus*/
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children>a:first-child:after {
	content: "5" !important;
	/*change arrow icon for submenu*/
	padding: 20px;
	font-size: 24px;
}
/*style the arrow icon if there are submenus to submenus*/
.pa-vertical-menu .et_pb_menu__menu .menu-item-has-children .menu-item-has-children>a:first-child:after {
	padding: 8px !important;
	right: 0px !important;
}
/*make the submenu align directly to the right of the menu item instead of below*/
.pa-vertical-menu .et_pb_menu__menu nav ul li ul {
	top: 0!important;
}
/*align submenu to the right of menu link*/
.pa-vertical-menu .et_pb_menu__menu nav li ul {
	left: 100%!important;
}
/*add an icon to the left of each menu item link*/
.pa-vertical-menu ul li a:before {
	font-family: 'ETMODULES';
	content: '\24';
	text-align: center;
	vertical-align: middle;
	margin-right: 8px;
	margin-left: 0px;
	color: #80adc5;
	font-size: 1.3em;
	transition: all .75s ease;
}
/*style the menu items icon*/
.pa-vertical-menu ul li a:hover:before {
	margin-left: 7px;
	color: white!important;
	transition: all .75s ease;
}
/*style the active menu item icon*/
.pa-vertical-menu ul li.current-menu-item a:before {
	margin-left: 7px;
	color: #ffffff!important;
}
@media (max-width: 980px) {
	/*open the mobile menu up and use on all devices*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_pb_menu__menu {
		display: flex;
	}
	/*hide the hamburger icon*/
	.et-db #et-boc .et-l .pa-vertical-menu .et_mobile_nav_menu {
		display: none;
	}
}

/*** Styling read-more button in blog ***/

/*style the Divi blog link text as a button*/
.et_pb_post a.more-link {
  color: #ffffff;
    background: #1eabe3;
    border: 2px solid #1eabe3;
    padding: .1em 1em;
    margin-top: 20px;
    border-radius: 4px;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
/*style the Divi blog link text as a button on hover*/
.et_pb_post a.more-link:hover {
    background: #ffffff;
	color: #000000;
    border: 2px solid #1eabe3;
    transition: all 0.3s ease-in-out;
}

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}

@media (max-width: 980px) {
  .reverse-columns-mobile {
    display: flex;
    flex-direction: column-reverse;
  }
}
/*space between paragraph and list in text module*/
.custom-list-spacing p + ul {
  margin-top: 20px; /* Adjust the value as needed */
}

/* bold selected text 700 */
.bold-text-700 {
    font-weight: 700; /* Adjust to your desired weight */
}

/* bold selected text 800 */
.bold-text-800 {
    font-weight: 800; /* Adjust to your desired weight */
}

/* bold selected text 900 */
.bold-text-900 {
    font-weight: 900; /* Adjust to your desired weight */
}

/* Space between paragraph and numbered list */
.custom-list-spacing p + ol {
  margin-top: 20px; /* Space between the paragraph and the numbered list */
}

/* Align and style ordered lists */
.custom-list-spacing ol {
  margin: 0; /* Reset any default margins */
  padding-left: 1em; /* Remove all padding to avoid unwanted indentation */
  list-style-position: outside; /* Numbers stay outside the text */
}

/* Proper spacing and alignment for list items */
.custom-list-spacing ol li {
  margin: 0 0 10px 0; /* Space between list items */
  padding-left: 1em; /* Space between the number and the text */
  text-indent: 0; /* Remove unintended text indentation */
  line-height: 1.6; /* Improve readability */
}
/* Target the submit button of form ID 1 VERY specifically within Divi */
.et_pb_section form.fluent_form_1 .ff-el-group.ff_submit_btn_wrapper .ff-btn.ff-btn-submit {
  background-color: #1eabe3 !important;
  color: white !important;
  border: 2px solid #1eabe3 !important;
  border-radius: 5px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.et_pb_section form.fluent_form_1 .ff-el-group.ff_submit_btn_wrapper .ff-btn.ff-btn-submit:hover {
  background-color: white !important;
  color: #1eabe3 !important;
  border-color: #1eabe3 !important;
}

.et_pb_section form.fluent_form_1 .ff-el-group.ff_submit_btn_wrapper .ff-btn.ff-btn-submit:active {
    transform: translateY(1px) !important;
}