/*
 Theme Name:   Alvarez & Masal (A&M) Capital
 Theme URI:    https://www.a-mcapital.com
 Description:  Kadence Child Theme
 Author:       Magenta Creative
 Author URI:   https://magentacreative.com
 Template:     kadence
 Version:      1.3.8.5
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  kadence-child
*/
/* Theme customization starts here
.am-sitewide

	--global-palette1: #002b49; // Dark Blue
    --global-palette2: #47c2ff; // Light Bright Blue
    --global-palette3: #030f1c; // Very Dark Blue
    --global-palette4: #0085ca; // Bright Blue
    --global-palette5: #4e7aa6; // Medium Blue
    --global-palette6: #646464; // Dark Gray
    --global-palette7: #969696; // Medium Gray
    --global-palette8: #d9d9d9; // Light Gray
    --global-palette9: #ffffff; // White

Angle = clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
--wp--preset--aspect-ratio--square

<buttons>
	.is-style-light-white-dot-button = Light Version + White Dot
-------------------------------------------------------------- */
.is-style-arrow-button.wp-block-button a, .is-style-arrow-button.wp-block-button a:visited{
	background-color: inherit;
}
.am-sitewide .is-style-arrow-button.wp-block-button a, .am-sitewide .is-style-arrow-button.wp-block-button a:visited, .team-member-grid-container aside p.title, .single-team_member .fun-fact-box, .single-team_member .fun-fact-box p{
	color: var(--global-palette1);
}
.am-sitewide .news-carousel .kt-blocks-post-readmore, .am-sitewide .news-carousel .kt-blocks-post-readmore:hover {
	color: var(--global-palette1) !important;
}
.single-team_member, .angular-light-gray-border-box .kt-inside-inner-col{
	background-color: var(--global-palette1);
}
.am-sitewide .is-style-arrow-button.wp-block-button a:hover, .am-sitewide .is-style-arrow-button.wp-block-button a:visited:hover, .taxonomy-category.wp-block-post-terms a:hover, .taxonomy-post_tag.wp-block-post-terms a:hover, .am-sitewide .is-style-light-white-dot-button .wp-block-button__link:hover, .page-id-514 .current-menu-item.contact a:hover, .page-id-2635 .current-menu-item.not-current a:hover{
	color: var(--global-palette2);
}
.am-sitewide .is-style-light-white-dot-button .wp-block-button__link:hover::before {
	background-color: var(--global-palette2);
}
.is-style-light-button.wp-block-button a:hover, .am-sitewide .is-style-light-white-dot-button .wp-block-button__link:hover{
	border-color: var(--global-palette2);
}
.am-sitewide hr.wp-block-separator{
	color: var(--global-palette4);
}
.am-sitewide .wp-block-button__link::before, .am-sitewide .kt-blocks-accordion-title::before, .am-sitewide .kt-blocks-post-readmore::before, .kt-button.kb-btn-global-outline::before {
	background-color: var(--global-palette4);
}
.am-sitewide .news-carousel .kt-blocks-post-readmore:hover {
	border-color: var(--global-palette4) !important;
}
.taxonomy-post_tag.wp-block-post-terms a, .taxonomy-post_tag.wp-block-post-terms a:visited{
	color: var(--global-palette5);
}
.angular-gray-border-box, .angular-light-gray-border-box{
	background-color: var(--global-palette7);
}
.am-sitewide .search-filter-component-combobox__listbox-toggle svg{
	fill: #b3b3b3;
}
.is-style-light-button.wp-block-button a, .is-style-light-button.wp-block-button a:visited{
	color: var(--global-palette9);
	border-color: var(--global-palette9);
}
/*.am-sitewide .is-style-light-button .wp-block-button__link::before{
	background-color: var(--global-palette9);
}*/
.am-sitewide .gform_wrapper .gform_footer input[type="submit"]:hover,
.am-sitewide .gform_wrapper .gform_page_footer input[type="submit"]:hover {
	background-color: var(--global-palette-btn-bg-hover, #2f2ffc) !important;
}
.am-sitewide .is-style-light-white-dot-button .wp-block-button__link, .single-team_member, .single-team_member h1, .single-team_member h2, .single-team_member h3, .single-team_member h4, .single-team_member h5, .single-team_member h6, .single-team_member p, .page-id-514 .current-menu-item.contact a, .page-id-2635 .current-menu-item.not-current a{
	color: #FFF;
}
.am-sitewide .wp-block-kadence-off-canvas-trigger:focus{
	color: #FFF !important;
}
.angular-border-box .kt-inside-inner-col, .angular-gray-border-box .kt-inside-inner-col, .am-sitewide .is-style-light-white-dot-button .wp-block-button__link::before, .fun-fact-box{
	background-color: #FFF;
}
.am-sitewide .is-style-light-white-dot-button .wp-block-button__link{
	border-color: #FFF;
}
.single-team_member svg{
	fill: #FFF;
}
.am-sitewide .news-carousel .kt-blocks-post-readmore:hover {
	background-color: transparent !important;
}
/*.taxonomy-category.wp-block-post-terms, .taxonomy-post_tag.wp-block-post-terms{
}*/
.am-sitewide .is-style-arrow-button.wp-block-button a{
	font-weight: 700;
}
.am-sitewide .gform_wrapper .gform_footer input[type="submit"],
.am-sitewide .gform_wrapper .gform_page_footer input[type="submit"] {
	font-weight: 700 !important;
}
.am-sitewide blockquote:before, .team-member-grid-container aside p.name, .is-style-caption-paragraph{
	font-weight: 500;
}
.am-sitewide .gform_wrapper .gform_footer input[type="submit"],
.am-sitewide .gform_wrapper .gform_page_footer input[type="submit"] {
	text-transform: uppercase !important;
}
.am-sitewide .is-style-arrow-button.wp-block-button a:hover{
	box-shadow: inherit;
}
.team-member-grid-container aside img, .singular-team-profile-container img.wp-post-image{
	width: 100%;
}
.am-sitewide .wp-block-separator:not(.is-style-wide):not(.is-style-dots){
	max-width: 100%
}
.team-member-grid-container, .portfolio-grid-container, .singular-team-profile-container, .am-sitewide blockquote{
	display: flex;
	flex-wrap: wrap;
}
.portfolio-grid-container aside, .portfolio-grid-container aside a{
	display: flex;
}
.am-sitewide .is-style-arrow-button.wp-block-button .wp-block-button__link::before, .am-sitewide .comment-navigation .nav-previous:after, .post-navigation .nav-previous:after{
	display: none;
}
.team-member-grid-container, .portfolio-grid-container{
	justify-content: space-between;
}
.am-sitewide .wp-block-button__link, .am-sitewide .kt-blocks-accordion-title, .am-sitewide .news-carousel  a.kt-blocks-post-readmore, .portfolio-grid-container aside {
	align-items: center;
}
.singular-team-profile-container, .portfolio-grid-container aside img{
	margin: 0 auto;
}
.am-sitewide .wp-block-button__link::before, .am-sitewide .kt-blocks-accordion-title::before, .am-sitewide .kt-blocks-post-readmore::before, .kt-button.kb-btn-global-outline::before{
	border-radius: 50%;
}
.is-style-arrow-button.wp-block-button a{
	border: none;
}
.wp-block-button__link, .black-and-white, .ctaarrowbox .ctaboxarrow{
	transition: 0.5s ease all;
}
.team-member-grid-container aside p.name, .singular-team-profile-container p.title, .am-sitewide .is-style-arrow-button.wp-block-button a, .is-style-caption-paragraph{
	text-transform: uppercase;
}
.portfolio-grid-container aside a{
	width: 100%;
}
.portfolio-grid-container aside a{
	height: 100%;
}
.angular-border-box, .angular-gray-border-box, .angular-light-gray-border-box {
	height: auto;
}
.team-member-grid-container aside img, .singular-team-profile-container img.wp-post-image{
	object-fit: cover;
}
.team-member-grid-container aside img, .singular-team-profile-container img.wp-post-image{
	aspect-ratio:4/5
}
.singular-team-profile-container{
	max-width: 1290px;
	padding: 40px 24px 80px;
}
.kt-button.kb-btn-global-outline::before{
	opacity: 1;
}

/* Video Hero Section
-------------------------------------------------------------- */
.am-sitewide .home-hero-video .kb-blocks-bg-video-container .kb-blocks-bg-video{
	left: 85%;
}

/* Team Members CPT
-------------------------------------------------------------- */
.team-member-grid-container, .portfolio-grid-container{
	gap: 2%;
}
.team-member-grid-container aside, .portfolio-grid-container aside{
	width: calc(23%);
	margin-bottom:50px;
}
.team-member-grid-container aside img{
	object-position: top;
	margin-bottom: 25px;
}
.team-member-grid-container aside p.name{
	font-size: 16px;
	margin-bottom: 5px;
}
.team-member-grid-container aside p.title{
	font-size: 18px;
	margin-bottom: 5px;
}

/* Porfolio CPT
-------------------------------------------------------------- */
.portfolio-grid-container aside{
	border: 1px solid #CCD9EA;
	padding: 2%;
}
.portfolio-grid-container aside img {
    object-fit: contain;
}

/* Team Members CPT - Singular
.singular-team-profile-container
-------------------------------------------------------------- */
.singular-team-profile-container aside:nth-of-type(1){
	width: 25%;
}
.singular-team-profile-container aside:nth-of-type(2){
	width: 71%;
}
.singular-team-profile-container{
	gap: 4%;
}
.fun-fact-box{
	padding: 36px;
}
/* News
-------------------------------------------------------------- */
.news-carousel .kt-blocks-post-grid-item-inner-wrap{
	direction: rtl;
}
.news-carousel .kt-blocks-post-grid-item-inner {
    text-align: left;
}
.am-sitewide .news-carousel .kt-blocks-post-readmore {
	font-size: 16px;
	letter-spacing: 0.1em;
}
.am-sitewide .news-carousel .kt-blocks-post-readmore:hover {
	box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);
}
.am-sitewide select.kb-filter{
}


/* News - Filter Select Dropdown Overwrite - Add Left Line
-------------------------------------------------------------- */
.kadence-query-filter .filter-refresh-container {
  position: relative;
}
.kadence-query-filter .filter-refresh-container::after {
  content: '';
  position: absolute;
  right: 40px; /* Adjust based on arrow width + padding */
  top: 50%;
  transform: translateY(-50%);
  height: 50%; /* Adjust height as needed */
  width: 1px;
  background-color: var(--global-palette7); /* Border color */
}
.kadence-query-filter select.kb-filter {
  padding-right: 50px; /* Ensure space for arrow + divider */
}


/* Angular Boxes
First number (70%): Controls how high up the diagonal cut starts
Second number (85%): Controls how far left the diagonal cut goes
https://bennettfeely.com/clippy/
-------------------------------------------------------------- */
.angular-border-box, .angular-border-box .kt-inside-inner-col, .angular-gray-border-box .kt-inside-inner-col, .angular-light-gray-border-box .kt-inside-inner-col {
  clip-path: polygon(0 0, 100% 0, 100% 69%, 85% 100%, 0 100%);
}
.angular-border-box {
  padding: 1.4px;
  background-color: #0071bc;
}

/* Latest Blog Card (Angular)
-------------------------------------------------------------- */
.angular-gray-border-box, .angular-light-gray-border-box {
	padding: 1px;
	clip-path: polygon(0 0, 100% 0, 100% 85%, 85% 100%, 0 100%);
}
.news-lp-blog-card .kb-query-item{
	padding: 1px;
	clip-path: polygon(50% 0%, 100% 0, 100% 70%, 85% 100%, 0 100%, 0% 60%, 0 0);
}

/* Images
-------------------------------------------------------------- */
.black-and-white{
	filter: grayscale(1);
}
.black-and-white:hover{
	filter: grayscale(0);
}

/* Images (Angular)
-------------------------------------------------------------- */
.is-style-hero-angular{
	clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);
}
	/*Bottom Right*/
.is-style-angular img{
	clip-path: polygon(50% 0%, 100% 0, 100% 70%, 75% 100%, 0 100%, 0% 60%, 0 0);	
}
	/*Bottom Left
The polygon now starts from the top-left (0% 0%) instead of center-to
*/
.is-style-bl-angular img{
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 70%);
}

/* Typography
-------------------------------------------------------------- */
.is-style-h1-heading, .h1{
	font-size: 90px;
	line-height: 1;
	font-weight: 500;
}
.am-sitewide blockquote {
    padding-left: 1em;
    border-left: none;
}
.am-sitewide blockquote:before {
	flex-basis: auto;
	font-size: 90px;
	content: "\201C"; /* Left double quotation mark */
	line-height: 1;
	margin-right: 35px;
}
.am-sitewide blockquote h3 {
    flex-basis: calc(90% - 10%);
}
.am-sitewide blockquote h5,
.am-sitewide blockquote p {
    flex-basis: 100%;
    margin-left: 6%; /* Same offset as h3 */
}
.is-style-caption-paragraph{
	font-size: 16px;
}
.is-style-small-paragraph{
	font-size: 14px;
}

/* Custom <form> 
-------------------------------------------------------------- */
.am-sitewide .gform-theme--foundation .gform_fields{
    grid-row-gap: 30px !important;
    row-gap: 30px !important;
}

/* Kadence Filters (Blog)
-------------------------------------------------------------- */
.am-sitewide select::before {
    content: "";
    width: 1px;
    height: 60%;
    border-left: 1px solid var(--search-filter-input-border-accent-color);
    display: block;
    margin: auto 0;
    position: absolute;
    top: 20%;
    left: 0;
}

/* Custom <buttons> 
-------------------------------------------------------------- */
.am-sitewide .wp-block-button__link, .am-sitewide .kt-blocks-accordion-title, .am-sitewide .news-carousel  a.kt-blocks-post-readmore, .kt-button.kb-btn-global-outline {
  display: inline-flex;
  gap: 0.75em; /* space between dot and text */
}

.am-sitewide .wp-block-button__link::before, .am-sitewide .kt-blocks-accordion-title::before, .am-sitewide .news-carousel .kt-blocks-post-readmore::before, .kt-button.kb-btn-global-outline::before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
}
.am-sitewide .news-carousel  a.kt-blocks-post-readmore {
	flex-direction: row-reverse;
}
.is-style-arrow-button.wp-block-button a{
	padding: 0;
	letter-spacing: 0;
}
.am-sitewide .gform_wrapper .gform_footer input[type="submit"],
.am-sitewide .gform_wrapper .gform_page_footer input[type="submit"] {
	padding: 11px 25px !important;
}


/* <buttons> - .is-style-arrow-button.wp-block-button
-------------------------------------------------------------- */
.is-style-arrow-button.wp-block-button a{
	font-size: 16px;
	letter-spacing: 3px;
	padding: 15px 0;
}
.is-style-arrow-button.wp-block-button a::after {
  content: '';
  display: inline-block;
  width: 12px; /* adjust as needed */
  height: 12px;
  margin-left: 8px;
  background: url('http://catalystwp.com/am/wp-content/uploads/2025/05/button-upward-arrow.svg') no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

/* Kadence <buttons> 
-------------------------------------------------------------- */
.kt-button.kb-btn-global-outline::before{
	position:inherit;
}

/* Query Block (Blog)
-------------------------------------------------------------- */
.taxonomy-category.wp-block-post-terms, .taxonomy-post_tag.wp-block-post-terms{
	font-size: 14px;
	line-height: 24px;
}

/* Query Block (Simple Feed)
-------------------------------------------------------------- */
.am-sitewide .blog-simple-query-container .kb-query-block-post:last-child{
	border-right: none !important;
	border-bottom: none !important;
}


/* Accordion (Kadence)
-------------------------------------------------------------- */
.wp-block-kadence-pane:not(:last-of-type) .kt-acccordion-button-label-show {
	border-bottom: 0 !important;
}
.am-sitewide .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after, .am-sitewide .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before, .am-sitewide .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:after, .am-sitewide .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:before{
	height: 2px;
}


/* Hover Animation
-------------------------------------------------------------- */
.ctaarrowbox:hover .ctaboxarrow{
	transform: translateY(-8px);
}

/* Kadence Testimonial Advanced Slider
-------------------------------------------------------------- */
.am-sitewide .testimonial-advanced-slider .kb-splide .splide__pagination {
    bottom: 100px;
    right: 10%;
    left: auto;
}
.am-sitewide .testimonial-advanced-slider .kb-splide .splide__pagination__page{
	height: 16px;
	width: 16px;
}
.am-sitewide .testimonial-advanced-slider .kb-splide[data-slider-dots=true]{
	margin-bottom: 0px;
}

/* MISC
-------------------------------------------------------------- */
.am-sitewide .wp-block-separator:not(.is-style-wide):not(.is-style-dots){
	margin: 40px 0;
}


/* Mobile Responsive
-------------------------------------------------------------- */
@media screen and (min-width:569px) and (max-width:768px){
.is-style-h1-heading, .h1{
	font-size: 72px;
}
}


/* Mobile Responsive
-------------------------------------------------------------- */
@media screen and (max-width:568px){
.team-member-grid-container aside, .portfolio-grid-container aside, .singular-team-profile-container aside:nth-of-type(1), .singular-team-profile-container aside:nth-of-type(2){
	width: 100%;
}
.wp-block-buttons.is-style-mobile-center-button{
	justify-content: center;
}
.wp-block-buttons.is-style-mobile-flex-start-button{
	justify-content: flex-start;
}
	.wp-block-buttons.is-style-mobile-center-button{
		margin: 0 auto;
	}
/*	.kt-blocks-info-box-link-wrap{
		flex-wrap: wrap;
	}*/
	.am-sitewide .wp-block-separator:not(.is-style-wide):not(.is-style-dots){
		margin: 20px 0;
	}

/* Mobile - Kadence Navigation Link
-------------------------------------------------------------- */
.am-sitewide .wp-block-kadence-navigation-link .kb-nav-dropdown-toggle-btn{
	padding-left: 0;
}
.am-sitewide .wp-block-kadence-navigation-link .kb-nav-arrow-svg{
	width: 1.35em;
}


/* Team Members CPT
-------------------------------------------------------------- */
.team-member-grid-container{
	gap: 0;
}
	
/* Mobile - Images (Angular)
-------------------------------------------------------------- */
.is-style-hero-angular{
	clip-path:none;
}	

/* Mobile - Typography
-------------------------------------------------------------- */
.is-style-h1-heading, .h1{
	font-size: 60px;
}
.is-style-small-paragraph{
	font-size: 12px;
}
	
/* Mobile - Accordion
-------------------------------------------------------------- */
.am-sitewide .kt-blocks-accordion-title::before{
	padding: 7px
}


/* Mobile - News Carousel
-------------------------------------------------------------- */
.am-sitewide .news-carousel .wp-post-image{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/*
.am-sitewide .news-carousel .kt-blocks-post-grid-item-inner-wrap{
	display: flex;
	flex-direction:row-reverse;
	justify-content: space-between;
	gap: 4%;
}
.am-sitewide .news-carousel .kt-blocks-post-grid-item-inner-wrap .kadence-post-image, 
.am-sitewide .news-carousel .kt-blocks-post-grid-item-inner {
	width: 50%;
}
.am-sitewide .news-carousel .kt-blocks-post-grid-item-inner-wrap .kadence-post-image {
	padding-left: 0;
}
.am-sitewide .news-carousel h2.entry-title{
	font-size: 18px;
	line-height: 28px;
}
*/
}