/**
 * Theme Name: Filipe Branco
 * Description: Filipe Branco Portfolio
 * Author: Filipe Branco
 * Template: blocksy
 * Text Domain: blocksy
 */

/* OFFCANVAS MENU */
#offcanvas .ct-language a {
	color: var(--theme-palette-color-8);
}
#offcanvas .ct-language a:hover {
	color: var(--theme-palette-color-3);
}
#offcanvas .ct-language .current-lang a {
	color: var(--theme-palette-color-3);
		border-bottom: 1px solid;
}

/* CASE STUDY CARDS */
@media (max-width:1024px) {
	.work-card-bg-container {
		aspect-ratio: 3/2;
	}    
}
@media (max-width:767px) {
    .work-card-bg-container {
        aspect-ratio: 1/1;
    }    
}
.work-card-bg .elementor-motion-effects-container {
	border-radius: 25px;
}
.work-card-bg-ls .elementor-motion-effects-container {
	border-radius: 15px;
}
@media (max-width: 767px) {
	.work-card-bg .elementor-motion-effects-container {
		border-radius: 15px;
	}
	.work-card-content p {
    	display: none;
	}
	.work-card-content-text .elementor-widget-container {
		margin-top:0 !important;
	}
}
.read-case-study-arrow {
	top: 6px;
    transform: translateX(0);
    transition: transform 0.3s ease;
}
.read-case-study.elementor-widget-heading:hover + .read-case-study-arrow {
    transform: translateX(50%);
}
.read-case-study-arrow svg {
    transition: transform 0.3s ease;
}
.read-case-study.elementor-widget-heading:hover + .read-case-study-arrow svg {
    fill: var(--theme-palette-color-1) !important;
}
.read-case-study h3:hover {
	color: var(--theme-palette-color-4);
}

/* Case study prototype icon */
.test-hf-prototype-arrow {
	top: 14px;
    transform: translateX(0);
    transition: transform 0.3s ease;
}
.test-hf-prototype.elementor-widget-heading:hover + .test-hf-prototype-arrow {
    transform: translateX(50%);
}
.test-hf-prototype-arrow svg {
    transition: transform 0.3s ease;
}
.test-hf-prototype.elementor-widget-heading:hover + .test-hf-prototype-arrow svg {
    fill: var(--theme-palette-color-1) !important;
}

/* Previous work icon */
.pw-visit-website-arrow {
	top: 14px;
    transform: translateX(0);
    transition: transform 0.3s ease;
}
.pw-visit-website.elementor-widget-heading:hover + .pw-visit-website-arrow {
    transform: translateX(8%);
}
.pw-visit-website-arrow svg {
    transition: transform 0.3s ease;
}
.pw-visit-website.elementor-widget-heading:hover + .pw-visit-website-arrow svg {
    fill: var(--theme-palette-color-1) !important;
}

/* AUTO LANGUAGE SWITCHER */
#trp_ald_modal_container{
    background-color: rgba(0,0,0,0.45);
}
#trp_ald_modal_popup{
    background-color: var(--theme-palette-color-8);
    width: 550px;
    max-width: 82%;
	  padding: 32px 40px;
    border: none;
	  border-radius: 25px;
}
#trp_ald_modal_popup{
    box-shadow: 0 4px 10px rgba(0, 18, 31, .15);
}
#trp_ald_popup_text {
	font-size: 1rem;
}
.trp_ald_ls_container .trp-ls-shortcode-current-language{
    border: 2px solid transparent;
	background: var(--theme-palette-color-6);
    vertical-align: middle;
    color: var(--theme-palette-color-3) !important;
    font-size: 1rem !important;
	border-radius: 50px;
    padding-left: 20px;
}
.trp_ald_ls_container .trp-language-switcher-container > div{
    background-image: linear-gradient(60deg, transparent 50%, #AAACAD 50%), linear-gradient(120deg, #AAACAD 50%, transparent 50%);
    background-position: calc(100% - 28px) calc(1em), calc(100% - 22px) calc(1em);
}
.trp_ald_ls_container .trp-language-switcher .trp-ls-shortcode-language.trp-ls-clicked {
  	height: 112px;
  	background-color: var(--theme-palette-color-6);
  	border: none;
  	border-radius: 25px;
  	padding: 0px 22px;
}
.trp_ald_ls_container .trp-ls-shortcode-language{
    border: 2px solid var(--theme-palette-color-5);
}
.trp_ald_ls_container .trp-ald-popup-select{
    padding-top: 8px;
    padding-bottom: 16px;
	font-size: 1rem;
    color: var(--theme-palette-color-4);
}
#trp_ald_modal_popup #trp_ald_x_button::before {
    color: var(--theme-palette-color-1) !important;
}
#trp_ald_x_button_and_textarea {
	width: 100%;
}
#trp_ald_x_button_textarea {
	color: var(--theme-palette-color-1) !important;
	margin-bottom: 6px;
	margin-left: 6px;
	transition: all .2s ease-in-out;
}
#trp_ald_x_button_textarea:hover {
	color: var(--theme-palette-color-2) !important;
}
#trp_ald_popup_change_language {
	font-size: 1rem;
	background-color: var(--theme-palette-color-1);
	border: none;
	border-radius: 50px;
	padding: 0 32px;
	transition: all .2s ease-in-out;
}
#trp_ald_popup_change_language:hover {
	background-color: var(--theme-palette-color-2);
}
.trp_ald_ls_container .trp-ls-shortcode-language > div:hover{
    cursor: pointer;
    background:transparent;
    color: var(--theme-palette-color-1);
}

/* SCROLL INDICATOR */
.scroll-indicator {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0%;
    z-index: 340;
    display: inline-block;
    width: 3px;
    height: 30px;
    overflow: hidden;
}

.scroll-indicator .border {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 200;
    width: 3px;
    height: 0%;
    background: var(--theme-palette-color-3); 
    -webkit-animation: increase 2s;
    -moz-animation:    increase 2s; 
    -o-animation:      increase 2s; 
    animation:         increase 2s; 
    animation-iteration-count: infinite;
}

@keyframes increase {
		35% {
				height: 100%;
				transform: translateY(0);
		}
		50%{
				height: 100%;
				transform: translateY(0);
		}
		85%{
				height: 100%;
				transform: translateY(100%);
		}
	    100%{
				height: 100%;
				transform: translateY(100%);
		}
}
.scroll-label {
    padding-bottom: 12px;
    font-weight: 700;
    font-size: 0.875;
}