/*!
	Theme Name: building47 Canvas
	Theme URI: https://building47.com
	Description: Custom Style Sheet
	Author: building47
	Version: 2.1
	Author URI: https://building47.com
	Template: hello-elementor
*/
/* ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ ROTATE LOCK ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ */
#rotatePortraitBack {
	display: none;
}

@media only screen and (max-width: 767px) and (orientation:landscape) {
	div.elementor[data-elementor-type="wp-page"], 
	div.elementor[data-elementor-type="section"], 
	header, footer, #b47-header, #programare-online, 
	#b47-footer, .cky-consent-bar, 
	.cky-btn-revisit-wrapper.cky-revisit-bottom-left, 
	#whatsapp-container {
		display: none;
	}
	
	body {
		background-image: url("/wp-content/uploads/rotate-screen.svg");
		background-color: #101E1A;
		background-repeat: no-repeat;
		background-position: center center; /* Fixed typo */
	}
	
	#rotatePortraitBack {
		display: flex;
		width: 100vw;
		height: 60vh;
		align-items: center;
	}
	
	#rotatePortraitBack img {
		display: block;
		width: 20%;
		margin-left: auto;
		margin-right: auto;
	}
}
/* ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ ANIMATIONS ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ */
.down-arrow:hover {
    animation: .7s linear 0s infinite alternate vertical-lap;
}
@keyframes vertical-lap {
	from {
		transform: translateY(0px);
	  }
	  to {
		transform: translateY(5px);
	  }
}
.right-arrow svg path {
    stroke: #FAFAFA !important;
}
.right-arrow:hover {
    animation: .7s linear 0s infinite alternate right-lap;
}
@keyframes right-lap {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(10px);
    }
}
.left-arrow:hover {
    animation: .7s linear 0s infinite alternate left-lap;
}
@keyframes left-lap {
    from {
        transform: translateX(0px);
    }
    to {
        transform: translateX(-10px);
    }
}
.grow-element {
	transition: all 0.1s ease;
}
.grow-element:hover {
	transform: scale(1.02);
	transition: all 0.1s ease;
}
/* ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ EFFECTS ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ */
/* ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ COOKYE YES ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ */
/* ▩▩▩ Consent Popup ▩▩▩ */
.cky-consent-bar { 
	opacity: 0;
	box-shadow: none !important;
	border-radius: 12px !important;
	border: 0.5px solid #D7DBDB !important;
	animation: fadeIn .1s .1s !important;
	-webkit-animation: fadeIn .1s .1s !important;
	-moz-animation: fadeIn .1s .1s !important;
	-o-animation: fadeIn .1s .1s !important;
	-ms-animation: fadeIn .1s .1s !important;
	animation-fill-mode: forwards !important;
	-webkit-animation-fill-mode: forwards !important; 
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
/* ▩▩▩ Title ▩▩▩ */
.cky-consent-bar .cky-title {
	display: none !important;
}
/* ▩▩▩ Description ▩▩▩ */
.cky-consent-bar .cky-notice-des {
	font-family: var( --e-global-typography-0f04bdb-font-family ), Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.2px !important;
}
.cky-consent-bar .cky-notice-des a {
	color: var( --e-global-color-secondary ) !important;
}
.cky-consent-bar .cky-notice-des a:hover {
	color: var( --e-global-color-primary ) !important;
}
/* ▩▩▩ Accept Button ▩▩▩ */
.cky-btn.cky-btn-accept {
	opacity: 1 !important;
	font-family: var( --e-global-typography-0f04bdb-font-family ), Sans-serif !important;
    font-size: var( --e-global-typography-0f04bdb-font-size ) !important;
    font-weight: var( --e-global-typography-0f04bdb-font-weight ) !important;
    line-height: var( --e-global-typography-0f04bdb-line-height ) !important;
    letter-spacing: var( --e-global-typography-0f04bdb-letter-spacing ) !important;
	background-color: var( --e-global-color-primary ) !important;
    color: #FFFFFF !important;
	border: 0.5px solid var( --e-global-color-primary ) !important;
	border-radius: 8px !important;
    padding: 8px 16px !important;
	transition: none !important;
}
.cky-btn.cky-btn-accept:hover {
	background-color: #FFFFFF !important;
	color: var( --e-global-color-964ec23 ) !important;
	border: 0.5px solid #D7DBDB !important;
	transition: none !important;
}
/* ▩▩▩ Secondary Buttons ▩▩▩ */
.cky-btn.cky-btn-reject, .cky-btn.cky-btn-customize, .cky-btn.cky-btn-preferences {
	opacity: 0.7 !important;
	font-family: var( --e-global-typography-0f04bdb-font-family ), Sans-serif !important;
    font-size: var( --e-global-typography-0f04bdb-font-size ) !important;
    font-weight: var( --e-global-typography-0f04bdb-font-weight ) !important;
    line-height: var( --e-global-typography-0f04bdb-line-height ) !important;
    letter-spacing: var( --e-global-typography-0f04bdb-letter-spacing ) !important;
	background-color: #FFFFFF !important;
    color: var( --e-global-color-964ec23 ) !important;
	border: 0.5px solid #D7DBDB !important;
	border-radius: 8px !important;
    padding: 8px 16px !important;
}
.cky-btn.cky-btn-reject:hover, .cky-btn.cky-btn-customize:hover, .cky-btn.cky-btn-preferences:hover {
    opacity: 1 !important;
}
.cky-consent-bar [data-cky-tag="powered-by"] {
    display: none !important;
}
/* ▩▩▩ Close Button ▩▩▩ */
.cky-consent-bar .cky-banner-btn-close img {
    margin: 15px 10px !important;
}
.cky-preference-header .cky-btn-close:hover {
    background-color: transparent !important;
}
/* ▩▩▩ Preference Center ▩▩▩ */
.cky-modal, .cky-modal .cky-preference-center {
	border-radius: 12px !important;
}
/* ▩▩▩ Switch ▩▩▩ */
#ckySwitchanalytics {
	border: none !important;
	border-radius: 50px !important;
}
.cky-switch input[type="checkbox"] {
	background: var( --e-global-color-primary ) !important;
}
.cky-switch input[type="checkbox"]:checked {
	background: var( --e-global-color-secondary ) !important;
}
/* ▩▩▩ Revisit Floater ▩▩▩ */
.cky-btn-revisit-wrapper {
	background: var( --e-global-color-primary ) !important;
	width: 28px !important;
	height: 28px !important;
}
.cky-btn-revisit-wrapper:hover {
    background-color: #000000 !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
	width: 15px !important;
	height: 15px !important;
}
.cky-footer-wrapper div:last-child {
    display: none !important;
}
/* ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ Custom CSS ▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩▩ */