/*!
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
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
-------------------------------------------------------------- */



/* LOCAL FONTS */
@font-face {
    font-family: 'Quickpen';
    src: url('assets/fonts/Quickpen.eot');
    src: url('assets/fonts/Quickpen.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Quickpen.woff2') format('woff2'),
        url('assets/fonts/Quickpen.woff') format('woff'),
        url('assets/fonts/Quickpen.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





/* PROXIMA NOVA FONTS */

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('assets/fonts/ProximaNova-Regular.eot');
    src: url('assets/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNova-Regular.woff2') format('woff2'),
        url('assets/fonts/ProximaNova-Regular.woff') format('woff'),
        url('assets/fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('assets/fonts/ProximaNova-Extrabld.eot');
    src: url('assets/fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNova-Extrabld.woff2') format('woff2'),
        url('assets/fonts/ProximaNova-Extrabld.woff') format('woff'),
        url('assets/fonts/ProximaNova-Extrabld.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('assets/fonts/ProximaNova-Semibold.eot');
    src: url('assets/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNova-Semibold.woff2') format('woff2'),
        url('assets/fonts/ProximaNova-Semibold.woff') format('woff'),
        url('assets/fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Th';
    src: url('assets/fonts/ProximaNovaT-Thin.eot');
    src: url('assets/fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNovaT-Thin.woff2') format('woff2'),
        url('assets/fonts/ProximaNovaT-Thin.woff') format('woff'),
        url('assets/fonts/ProximaNovaT-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bl';
    src: url('assets/fonts/ProximaNova-Black.eot');
    src: url('assets/fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNova-Black.woff2') format('woff2'),
        url('assets/fonts/ProximaNova-Black.woff') format('woff'),
        url('assets/fonts/ProximaNova-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Rg';
    src: url('assets/fonts/ProximaNova-Bold.eot');
    src: url('assets/fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNova-Bold.woff2') format('woff2'),
        url('assets/fonts/ProximaNova-Bold.woff') format('woff'),
        url('assets/fonts/ProximaNova-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Lt';
    src: url('assets/fonts/ProximaNova-Light.eot');
    src: url('assets/fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/ProximaNova-Light.woff2') format('woff2'),
        url('assets/fonts/ProximaNova-Light.woff') format('woff'),
        url('assets/fonts/ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* PROXIMA NOVA FONTS */




div.abv_work_media_row ul.abv_work_list_row > li {
	transform: translateY(300px);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease;
}
div.abv_work_media_row ul.abv_work_list_row > li.in-view {
	transform: none;
	opacity: 1;
	visibility: visible;
}


/* LOCAL FONTS */

/* HEADER */
:root .has-theme-palette-9-color > a {
    color: var(--global-palette9);
}

/* HEADER LOGO */

.site-branding a.brand img.svg-logo-image[src*="/actonbv-blue.svg"] {
    margin-left: -8px;
}

/* CONTAINER */

.entry-content .alignfull {
    margin-left: calc( 50% - ( 100vw/ 2 ));
    margin-right: calc( 50% - ( 100vw / 2 ));
    width: 100vw;
}

/* OWL SLIDER */
.owl-dots {
    margin-top: 50px;
    text-align: center;'
}

.owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-dots .owl-dot.active span {
    background: var(--global-palette-btn-bg);
}

.tab_device_slider .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/* Mobile Images Slider */
.mob_slider_sec .splide .splide__pagination__page {
    margin: 10px;
}

.mob_slider_sec .wp-block-kadence-advancedgallery .kt-blocks-carousel-init[data-slider-dots=true] {
    margin-bottom: 80px;
}

.mob_slider_sec .splide .splide__pagination {
    bottom: -75px;
}

/* Monitor Images Slider */
.abv_desktop_slider .wp-block-kadence-advancedgallery {
    max-width: 77.937%;
    margin-left: auto;
    margin-right: auto;
    transform: translateX(-0.9%) translateY(0.9%);
}

.abv_desktop_slider.wp-block-kadence-rowlayout .kt-blocks-carousel .splide--fade>.splide__track>.splide__list>.splide__slide {
    max-width: 100% !important;
}

.abv_desktop_slider .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-ratio-land32 {
    padding-bottom: 57.505%;
}

/* Laptop Images Slider */
.device_slider_sec .wp-block-kadence-advancedgallery {
    max-width: 78.4%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 16px;
}

.device_slider_sec .wp-block-kadence-advancedgallery figure.kb-gallery-figure {
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.device_slider_sec.wp-block-kadence-rowlayout .kt-blocks-carousel .splide--fade>.splide__track>.splide__list>.splide__slide {
    max-width: 100% !important;
}

.device_slider_sec .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-ratio-land32 {
    padding-bottom: 64.1%;
}

/* Tab Images Slider */
.device_tab_slider_sec .splide .splide__pagination__page {
    margin: 10px;
}

.device_tab_slider_sec .wp-block-kadence-advancedgallery .kt-blocks-carousel-init[data-slider-dots=true] {
    margin-bottom: 80px;
}

.device_tab_slider_sec .splide .splide__pagination {
    bottom: -75px;
}

.device_tab_slider_sec .splide--draggable>.splide__track {
    padding-right: 36% !important;
    padding-left: 4% !important;
}

/* Ratio images */
.abv_grid_2_sec > .kt-row-column-wrap.kt-has-2-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.custom-ratio-img-1.wp-block-kadence-image [class*="kb-image-ratio-land"] {
    padding-bottom: 101.53%;
}

.custom-ratio-img-2.wp-block-kadence-image [class*="kb-image-ratio-land"] {
    padding-bottom: 77.56%;
}

/* Work row */
.abv_work_media_row .wp-block-post-template-is-layout-grid {
    display: flex;
    gap: 110px;
    margin-bottom: 110px !important;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.abv_work_media_row .wp-block-post-template-is-layout-grid > .wp-block-post {
    margin-bottom: 30px;
}

.abv_work_media_row li.projects .wp-block-post-title {
    margin-top: 30px;
    margin-bottom: 0;
}

.abv_work_media_row ul.abv_work_list_row > li:nth-child(odd) {
    grid-area: item-2nd;
}


.abv_work_media_row ul.abv_work_list_row > li:nth-child(even) {
    grid-area: item-1st;
}

.abv_work_media_row ul.abv_work_list_row > li {
    width: calc(50% - 55px);
}

.abv_work_media_row .abv_work_list_row_featured + .abv_work_list_row_non_featured .wp-block-post-template-is-layout-grid {
    flex-direction: row;
}

.abv_work_media_row .abv_work_list_row_featured + .abv_work_list_row_non_featured.reverse-row .wp-block-post-template-is-layout-grid {
    flex-direction: row-reverse;
}

/* Project Slider */

.abv_projects_slider_sec .n2-ss-layers-container {
    width: 100% !important;
    margin: 0 !important;
}

/* Next Post Block */

.abv_next_post_block {
    min-height: 627px;
    display: flex;
    align-items: center;
    position: relative;
	overflow: hidden;
}

.abv_next_post_block_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.6s ease-in-out;
}

.abv_next_post_block:after {
    content: '';
    background: rgba(0,0,0,0.4);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	z-index: 2
}

.abv_next_post_block:hover:after {
    background: rgba(0,0,0,0.6);
}

.abv_next_post_block:hover .abv_next_post_block_bg {
    transform: scale(1.02);
}

.abv_next_post_block_inner {
    width: 100%;
    max-width: var(--global-content-width, 1394px );
    padding-left: var(--global-content-edge-padding);
    padding-right: var(--global-content-edge-padding);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.abv_next_post_block_title_container {
    margin: 50px 0;
	position: relative;
}

.abv_next_post_block_next_link_arrow {
    content: '';
    display: block;
    background-image: url(/wp-content/uploads/2023/03/Icon-ionic-ios-arrow-round-forward-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 57px;
    height: 38px;
    transform: translateY(-50%) rotate(180deg);
    transition: all .6s;
    opacity: 0;
}

.abv_next_post_block:hover .abv_next_post_block_next_link_arrow {
	opacity: 1;
}

.abv_next_post_block_title {
    font-size: 562.5%;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    margin: 0 !important;
}

.abv_next_post_block_excerpt {
	font-size: 250%;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    margin: 0 !important;
}

.abv_next_post_block_next_link, .abv_next_post_block_work_link {
    font-size: 14px;
    font-weight: 700;
    position: relative;
    padding-left: 25px;
    color: var(--global-palette-highlight) !important;
}

.abv_next_post_block_next_link:after, .abv_next_post_block_work_link:after
{
    content: '';
    transition: all 0.4s ease-in-out;
    position: absolute;
    left: 0;
    top: 45%;
    background: url(/wp-content/uploads/2023/03/Icon-ionic-ios-arrow-round-forward-3.png) no-repeat;
    background-size: contain;
    width: 16px;
    height: 11px;
    transform: translateY(-50%);
    line-height: 100%;
}

.abv_next_post_block_next_link:after {
    transform: translateY(-50%) rotate(180deg);
}

/* INFO BOX REPLACE FLIP ANIMATION */

.abv_landing_block_sec .kt-info-animate-flip .kt-info-box-image-flip,
.abv_landing_block_sec .kt-info-icon-animate-flip .kt-info-svg-icon-flip {
    transform: unset;
    opacity: 0;
    transition: .5s all;
}

.abv_landing_block_sec .kt-blocks-info-box-link-wrap:hover .kt-info-animate-flip .kadence-info-box-image-inner-intrisic,
.abv_landing_block_sec .kt-blocks-info-box-link-wrap:hover .kt-info-icon-animate-flip .kadence-info-box-icon-inner-container {
    transform: unset;
}

.abv_landing_block_sec .kt-blocks-info-box-link-wrap:hover .kt-info-animate-flip .kt-info-box-image-flip,
.abv_landing_block_sec .kt-blocks-info-box-link-wrap:hover .kt-info-icon-animate-flip .kt-info-svg-icon-flip {
    opacity: 1;
}

.abv_landing_block_sec .kt-blocks-info-box-link-wrap .kadence-info-box-image-inner-intrisic:before {
    content: "VIEW";
    position: absolute;
    left: 50%;
    transition: all 0.4s ease;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 135px;
    height: 135px;
    transform-origin: center;
    background: var(--global-palette4);
    z-index: 6;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--global-palette9);
    font-weight: bold;
    opacity: 0;
}

.abv_landing_block_sec .kt-blocks-info-box-link-wrap:hover .kadence-info-box-image-inner-intrisic:before {
    opacity: 1;
    transform-origin: center;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.4s ease;
}

.abv_landing_block_sec .kt-blocks-info-box-link-wrap .kadence-info-box-image-inner-intrisic:after {
	background: rgba(0, 0, 0, 0.2);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: center;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    transition: all 0.4s ease;
    pointer-events: none;
}

.abv_landing_block_sec .kt-blocks-info-box-link-wrap:hover .kadence-info-box-image-inner-intrisic:after {
    opacity: 1;
    transform-origin: center;
    transition: all 0.4s ease;
}

/* REINU - Start your project in header menu 
 * Disabled and changed to floating button on footer
 */
/*a.header-start-project {
    font-size: 18px;
    font-weight: 500;
    text-decoration: unset !important;
    color: #fff;
    margin-right: 20px;
}

a.header-start-project:hover,
a.header-start-project:focus,
a.header-start-project:active {
    color: #fff;
}

.site-main-header-wrap.item-is-stuck a.header-start-project,
body.transparent-header .site-main-header-wrap a.header-start-project {
	color: var(--global-palette2)
}

.single-projects .site-main-header-wrap.item-at-start a.header-start-project {
    color: #fff;
}*/

/* REINU 14/12/2023 - Footer Start your project
 * Element is in Customizer > Footer
 */
a.floating-start-project {
    position: fixed;
    z-index: 9999999 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 38px;
    right: 132px;
    height: 48px;
    width: 198px;
    font-size: 1rem;
    font-weight: 500;
    color: var(--global-palette9) !important;
    background: var(--global-palette4);
    border-radius: 45px;
    text-decoration: unset !important;
}

@media (max-width: 991px) {
	a.floating-start-project {
		width: 100vw;
		right: 0;
		bottom: 0;
		border-radius: 0;
	}
}
/* End - Footer Start your project */

/* Team members hover image */
.abv_work_comm_sec.abv_team_listing_sec .abv_abt_img_row {
    padding-top: 425px;
}

/*.abv_work_media_row ul .wp-block-post:hover .kb-advanced-image-link::before {
    opacity: 1;
    transform-origin: center;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.4s ease;
}*/

/* Responsive */

@media screen and (min-width: 1025px) {
	.home div.abv_work_media_row ul.abv_work_list_row > li:nth-child(odd) {
		margin-top: -590px;
	}
	
	div.abv_work_media_row ul.abv_work_list_row > li:nth-child(odd) {
		margin-top: -500px;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	div.abv_work_media_row ul.abv_work_list_row > li:nth-child(odd) {
			margin-top: -348px;
	}
}

@media screen and (max-width: 1024px) {
	.device_slider_sec .wp-block-kadence-advancedgallery {
		max-width: 77.9%;
		padding-top: 7vw;
	}
	
	.abv_next_post_block {
		font-size: 44%;
	}
	
	.abv_next_post_block_title_container:after {
		width: 25px;
		height: 16.66px;
	}
}

@media screen and (max-width: 767px) {
	.device_slider_sec .wp-block-kadence-advancedgallery {
    	padding-top: 14vw;
	}
	
	div.abv_work_media_row .wp-block-post-template-is-layout-grid {
		flex-direction: row;
		gap: 50px;
		row-gap: 50px;
		column-gap: 50px;
	}
	
	div.abv_work_media_row ul.abv_work_list_row > li {
		width: 100%;
	}
}