/*
Theme Name:     CPPS Theme
Theme URI:      https://welldressedwalrus.com/
Template:       kadence
Author:         Well Dressed Walrus
Author URI:     https://welldressedwalrus.com/
Description:    A Custom Theme from Well Dressed Walrus for your website.
Version:        1.2
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/************************************ Everything *************************************/

/* ul li {
	padding-bottom: 10px;
} */

@media only screen and (max-width: 768px) {
	[data-aos] {
	   transform: none !important;
	   transition-duration: 0ms !important;
	   transition-property: none !important;
	   transition: none !important; 
	   animation-duration: 0s !important;
	   opacity: 1 !important; }
  }

.white-background figure {
	padding: 15px !important;
	background-color: white;
}

/* Utility class to push the last button/element to the bottom of a flex column */
.sticky-footer-buttons .kt-inside-inner-col {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sticky-footer-buttons .kt-inside-inner-col > :last-child {
    margin-top: auto;
}

/************************************ Header *************************************/
.site-top-header-wrap .site-header-row-container-inner {
    background: var(--global-palette4) !important;
}
.transparent-header .site-main-header-wrap:not(.item-is-fixed) {
  backdrop-filter: blur(10px) brightness(0.7); /* Combined blur and brightness */
  -webkit-backdrop-filter: blur(10px) brightness(0.7);
}

.menu-button a {
	color: var(--global-palette5, #1558a1) !important;
	background: var(--global-palette9, #ffffff);
	padding: 15px 15px !important;
	font-weight: 700 !important;
	border: 2px solid var(--global-palette5, #1558a1);
}
.menu-button a:hover {
	color: var(--global-palette9, #ffffff) !important;
	background: #1558a1;
	border: 2px solid var(--global-palette9, #ffffff);
}
.header-navigation[class*="header-navigation-style-underline"] .header-menu-container>ul>li:nth-child(5) a:after {
	display: none !important;
}

/************************************ Footer *************************************/
#menu-footer-menu {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

#menu-footer-menu li {
	line-height: 1.4;
    padding-bottom: 10px;
}

#menu-footer-menu li {
	font-size: 14px;
}

#menu-footer-menu li a:hover {
	color: var(--global-palette8);
	text-decoration: underline;
}

.footer-bold>a {
	font-weight: 700;
}

/************************************ Homepage *************************************/
.w-100 img{
	    width: 100%;
    display: block;
}
.listing-wrp ul.kt-svg-icon-list li {
    border-top: 1px solid rgb(112 112 112 / 20%);
    padding: 12px 0 !important;
}
.listing-wrp ul.kt-svg-icon-list li:last-child {
    border-bottom: 1px solid rgb(112 112 112 / 20%);
}
.box-hover-wrp .kt-inside-inner-col {
    height: 100%;
}
.box-hover-wrp .kt-inside-inner-col:after {
    content: "";
    position: absolute;
    width: 110%;
    height: 108%;
    top: -14px;
    left: -14px;
    z-index: -1;
    border-radius: 0px;
    opacity: 0;
    transition: all 0.3s ease;
    background-color: rgb(255 255 255 / 20%);
    backdrop-filter: saturate(180%) blur(30px);
/*     box-shadow: 0px 13px 26px 0px rgb(0 0 0 / 10%); **E2M wrote this, I don't see it affecting the homepage, but it affects other pages.**/
}
.box-hover-wrp:hover .kt-inside-inner-col:after{
	opacity:1;
}
.box-hover-wrp .kt-inside-inner-col .kt-blocks-info-box-link-wrap .kt-infobox-textcontent .kt-blocks-info-box-text:before {
    content: "";
    height: 3px;
    width: 20px;
    display: block;
    background: #1458A1;
    margin: 15px 0;
}

.no-title-bar .kt-blocks-info-box-text:before {
	display: none !important;
}


.accordion-sec  .wp-block-kadence-pane {
    box-shadow: 0px 13px 26px 0px rgb(0 0 0 / 8%);
    border-radius: 0px;
}
/*.accordion-sec .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;

}
.accordion-sec .wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header.kt-accordion-panel-active {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}*/
.contact-form_wrapper form .gform_fields .gfield .ginput_container input {
    padding: 20px !important;
    height: auto !important;
    line-height: 1.2;
    font-size: 18px;
    box-shadow: none !important;
}
.contact-form_wrapper form .gform_fields .gfield .ginput_container input::placeholder {
  color: #222222;
  opacity: 0.25;
}
.gform_validation_errors {
    display: none !important;
}
.contact-form_wrapper form .gform-footer [type="submit"] {
    height: auto !important;
    padding: 18px 50px !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-family: 'Open Sans' !important;
    font-weight: 700 !important;
    max-height: 100% !important;
    min-height: auto !important;
    border: 2px solid #1558A1 !important;
}
.contact-form_wrapper form .gform-footer [type="submit"]:hover {
    color: #1558a1 !important;
    background: #fff !important;
}
.contact-form_wrapper form .gform_fields .gfield .ginput_container input:focus,
.contact-form_wrapper form .gform-footer [type="submit"]:focus{
	outline:0  !important;
}

.slider-sec-wrp .kb-blocks-advanced-slider-init {
    margin-bottom: 0;
}
.slider-sec-wrp .kb-splide .splide__pagination, .slider-sec-wrp .kb-splide ul.splide__pagination.splide__pagination {
    bottom: 65px;
    left: -60px;
    padding: 0;
    gap: 5px;
}
.slider-sec-wrp .kb-splide .splide__pagination li .splide__pagination__page{
	opacity:1;
}
.slider-sec-wrp .kb-splide .splide__pagination li button.splide__pagination__page {
    margin: 0;
    width: 14px;
    opacity: 1;
    border-radius: 0px;
    background: rgb(34 58 89 / 45%);
}
.slider-sec-wrp .kb-splide .splide__pagination li .splide__pagination__page.is-active {
    width: 35px;
    border-radius: 0px;
    background: #1458A1;
}
.slider-sec-wrp .kb-advanced-slide .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner {
    padding: 30px;
}
.slider-sec-wrp .splide__arrows .splide__arrow {
    border: 0;
    background: url(/wp-content/uploads/2025/04/Group-75-1.png) no-repeat;
    opacity: 1;
    background-size: contain !important;
    width: 72px;
    height: 72px;
    top: 45%;
    transform: unset;
    right: -80px;
}
.slider-sec-wrp .splide__arrows .splide__arrow svg {
    display: none;
}
.slider-sec-wrp .splide__arrows .splide__arrow.slick-prev {
    transform: rotate(180deg);
    left: -80px;
}
.popup-box .kt-btn-svg-icon svg {
    font-size: 45px;
}

/************************************ Homepage Mobile *************************************/
@media screen and (min-width: 1501px) and (max-width: 1700px) {
	.sidebar-spacing .kt-inside-inner-col {
		padding: 60px 150px 60px 40px !important;
	}
	.left-sidebar-space .kt-inside-inner-col {
		padding: 60px  40px 60px   150px!important;
	}

}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
	.big-box-space .kt-inside-inner-col {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.box-hover-wrp .kt-inside-inner-col:after{
		    left: -13px;
	}
	.sidebar-spacing .kt-inside-inner-col, .left-sidebar-space .kt-inside-inner-col {
		padding: 60px 40px !important;
	}
	.slider-sec-wrp .splide__arrows .splide__arrow {
		width: 60px;
		height: 60px;
		right: -10px;
	}
	.slider-sec-wrp .splide__arrows .splide__arrow.slick-prev {
    	left: -10px;
	}

}
@media screen and (max-width: 1024px) {
	.box-hover-wrp .kt-inside-inner-col:after {
		width: 106%;
	}
	.slider-sec-wrp .kb-splide .splide__pagination, .slider-sec-wrp .kb-splide ul.splide__pagination.splide__pagination {
		left: -48px;
	}
	.slider-sec-wrp .splide__arrows .splide__arrow {
		width: 50px;
		height: 50px;
		right: -10px;
	}
	.slider-sec-wrp .splide__arrows .splide__arrow.slick-prev {
    	left: -10px;
	}

}
@media screen and (max-width: 991px) {
	 .box-hover-wrp .kt-inside-inner-col:after {
		content:none;
	}
	.slider-sec-wrp .splide__arrows .splide__arrow {
		display:none;
	}
	.slider-sec-wrp .kb-advanced-slide .kb-advanced-slide-inner-wrap .kb-advanced-slide-inner {
		padding: 30px 20px;
	}
	.slider-sec-wrp .kb-splide .splide__pagination, .slider-sec-wrp .kb-splide ul.splide__pagination.splide__pagination {
		bottom: -20px;
		left: 0;
	} 
}
@media screen and (min-width: 1025px) {
	.left-container {
		padding-right: calc((100% - 1290px) / 2);
	}
}

/************************************ Subpage *************************************/
.button-row {
    display: flex; /* Arranges child elements (buttons) in a row */
    gap: 10px; /* Adds a 10px space BETWEEN the first two buttons. Adjust as needed. */
                /* If you don't want space between them, remove this line. */
}
.button-container a.button {
	/* Margins for top and bottom as requested */
    margin-top: 8px;
    margin-bottom: 8px;
	
	text-align: center;
    box-sizing: border-box;

    /* For buttons within the .button-row, make them share the space */
    /* If they are children of a flex container (.button-row) */
    flex-grow: 1; /* Each button in the row will take up equal available space */
    flex-basis: 0; /* Allows them to shrink or grow from a zero base */
}

.button-full-width {
    display: block;
    width: 100%;
}

.tb-grid-column>.wpv-block-loop-item {
    height: 100%;
}
  
.tb-grid-column>.wpv-block-loop-item>.tb-container{
    height: calc(100% - 40px); 
/* this is 100% minus top and bottom padding */
}
/************************************ Subpage *************************************/

.solution-package-features {
	position: absolute;
    bottom: 78px;
	left: 0;
	right: 0;
}

.solution-package-button {
	position: absolute;
    bottom: 30px;
}

.steps-left p {
	text-align: left;
}


/**************************** Safe Workplace Pricing and Features Tables ***************************/

.suite-features tr:is(:nth-child(2), :nth-child(11), :nth-child(21), :nth-child(24)) {
  background-color: var(--global-palette8);
}

.suite-features tr p {
	margin: 4px 0;
}

.suite-pricing {
	font-size: 40px;
	font-weight: 600;
}

@media (max-width: 768px) { 
    .scrollable-table-container {
        overflow-x: auto; 
        -webkit-overflow-scrolling: touch; 
    }
}


/************************************ Mobile *************************************/

/* @media (max-width: 768px) {
	h1 { font-size: 50px;}
	h2 { font-size: 50px;}
	h3 { font-size: 50px;}
} */

@media (max-width: 426px) {
	h1 { font-size: 32px !important;}
	h2 { font-size: 30px !important;}
	h3 { font-size: 20px !important;}
	
	.page-id-711 h1 {font-size: 20px !important;}
}

/************************************ ADA *************************************/