/**
 * Theme Name: La Quercia dell'Elfo - Child Aitec Theme
 * Template: aitec
 * Theme URI: http://aitec.it
 * Author: The Aitec Team
 * Author URI: http://aitec.it
 * Description: A special theme created (with love!) for La Quercia dell'Elfo
 * Version: 1.0
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: laquerciadellelfo
 */

 :root {
	--text-base-size: 16px;
	--text-base-font: 'Lato', Arial, sans-serif;
	--text-alt-font: 'Julius Sans One', Arial, sans-serif;
	--text-extra-font: 'Voltaire', Arial, sans-serif;
	--primary-color: #8a72ad;
	--primary-color-alpha: #b3a2ce46;
	--primary-color-text: #000000;
	--primary-color-variant: #b3a2ce;
	--primary-color-variant-text: #000000;
	--secondary-color: #f6a924;
	--secondary-color-text: #000000;
	--secondary-color-variant: #a97418;
	--secondary-color-variant-text: #161616;
	--tertiary-color: #83b840;
	--quaternary-color: #5b6773;
	--background-color: #ffffff;
	--background-color-text: #000000;
	--surface-color: #ffffff;
	--surface-color-text: #000000;
	--error-color: #b00022;
	--error-color-text: #ffffff;
	--header-height: 200px;
	--header-height-inner: 180px;
}

h1,
h2,
h3,
h4,
h5,
h6 { font-family: var(--text-alt-font); font-weight: 600; }

a, a:visited, a:active{ color: var(--secondary-color); }
.deco-title { position: relative; font-family: var(--text-extra-font); margin-bottom: 1.5em; }
.deco-title:after { content: ''; position: absolute; bottom: -0.8em; left: 0; right: 0; width: 100%; height: 9px; background-image: url('img/sbissio-deco.png'); background-position: left; background-repeat: no-repeat; background-size: contain; display: block; }
.deco-title.centro::after { background-position: center; }
.deco-title.text-white:after { background-image: url('img/sbissio-deco-white.png'); }

.btn.btn-default { color: #fff; font-weight: 600; }

/*Header*/
#main-header { background-color: transparent; border-bottom: none; }

#main-header.sticky,
.inner #main-header { background-color: #fff; height: var(--header-height-inner); }

#main-header #logo-wrapper { padding: 0.5em; }

#logo-wrapper { left: 1em; height: calc(var(--header-height)); }

.inner #main-header #logo-wrapper, 
#main-header.sticky #logo-wrapper { padding: 1em 0; height: calc(var(--header-height-inner)); z-index: 3; }

.inner #main-header { position: relative; background-image: url('img/header-bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; }
.inner #main-header::after { content: ""; position: absolute; left: 0; right: 0; height: 100%; width: 100%; background-color: #5d09b74d; }

/*Menu button & Offcanvas*/
#menu-toggle { display: block; left: auto; right: 0; }
#menu-toggle span { height: 4px; width: 40px; background-color: var(--secondary-color); }

#main-header.sticky #menu-toggle, 
.inner #main-header #menu-toggle { width: var(--header-height-inner); height: var(--header-height-inner); padding: calc(calc(var(--header-height-inner) - 50px) / 2) 0; }

#main-menu-offcanvas .main-menu { margin: 0; padding: 0; list-style: none inside; }
#main-menu-offcanvas .main-menu li { position: relative; }
#main-menu-offcanvas .main-menu li::after { content:""; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; background: linear-gradient(90deg, var(--secondary-color) 0%, rgba(0, 0, 0, 0) 100%); }
#main-menu-offcanvas .main-menu li a { color: #fff; display: block; padding: 1em 0; }
#main-menu-offcanvas .main-menu li a:hover { color: #c5c5c5; text-decoration: none; }

/*Social list*/
.social-list ul { padding: 0; margin: 0; list-style: none; }
.social-list ul li { display: inline-block; margin: 0 1em 0 0; }
.social-list ul li:last-child { margin: 0; }
.social-list ul li a { font-size: 2em; color: var(--secondary-color); }

/*Offcanvas body*/
.offcanvas { background-color: var(--primary-color); }
.offcanvas .social-list { padding: 1.5em 0; }
.offcanvas .social-list ul li a { color: #fff; }
.offcanvas .social-list ul li a:hover { color: #c5c5c5; }

#main-header.sticky .social-list ul,
.inner #main-header .social-list ul { width: var(--header-height-inner); } 

#main-header.sticky .social-list ul li, 
.inner #main-header .social-list ul li { line-height: var(--header-height-inner); }

/*Br Slider*/
.br-slider .br-slider-header.inline { margin: 0; }
.br-element .br-event-body { position: relative; height: 20em; padding: 1em 0; }

.br-element .br-event-body .meta,
.content-element .content-event-body .meta { padding-bottom: 1.5em; }

.br-element .br-event-body .title,
.br-element .br-post-body .title,
.content-element .content-event-body .title { font-size: 1.55rem; font-family: var(--text-alt-font);  }

.br-element .br-event-body .button-wrapper { position: absolute; left: 0.5em; right: 0; bottom: 0.5em; display: block; }

.br-element .br-event-body .button-wrapper a::after,
.content-element .content-event-body .button-wrapper a::after { content: " "; font-family: 'Font Awesome 7 Free'; }

.br-element .br-post-body { position: relative; padding: 1em 0; }

/*Map in home page margin*/
#primary .wpb_gmaps_widget { margin-bottom: 0px; }

/* Rotate Gallery Styles */
.rotate-slider-wrapper .rotate-slider-control { position: relative; opacity: 0.5; transition: opacity 0.6s ease-in; z-index:5;}
.rotate-slider-wrapper:hover .rotate-slider-control { opacity: 1; transition: opacity 0.1s ease-in; }

.rotate-slider-wrapper .rotate-slider-control button { color: var(--background-color-text); background: rgba(255,255,255,0.8); border-radius:100%; position: absolute; text-align: center; width: 4em; z-index: 20; cursor: pointer; height: 4em; line-height: 4.8em; border: none; padding: 0; }
.rotate-slider-wrapper .rotate-slider-control button { -moz-transition: all 0.2 ease-in; -webkit-transition: all 0.2 ease-in; transition: all 0.2 ease-in; }
.rotate-slider-wrapper .rotate-slider-control button i { font-size: 2em; }
.rotate-slider-wrapper .rotate-slider-control button:hover { color: var(--primary-color); }
.rotate-slider-wrapper .rotate-slider-control .rotate-slider-control-left { left: 1em; }
.rotate-slider-wrapper .rotate-slider-control .rotate-slider-control-right { right: 1em; }

/* Rotate Element Styles */
.rotate-slider-element-block-content { cursor: pointer; background-color: var(--secondary-color); border-radius: var(--bs-border-radius-xl); background-size: 200%; background-position-y: center; background-position-x: 90%; position:relative; transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}

.rotate-slider-element-block-content .rotate-slider-element-block-front,
.rotate-slider-element-block-content .rotate-slider-element-block-back { color:var(--secondary-color-text); position: absolute; z-index: 1; width: 70%; height: 100%; top: 0; left: 30%; padding: 2em; line-height:1.2em; transition:opacity 0.4s ease-in-out; -moz-transition:opacity 0.4s ease-in-out; -webkit-transition:opacity 0.4s ease-in-out;}

.rotate-slider-element-block-content .rotate-slider-element-block-front span{ position: absolute; bottom:2em; left:2em; }
.rotate-slider-element-block-content:hover .rotate-slider-element-block-front span{ text-decoration:underline; }
.rotate-slider-element-block-content .rotate-slider-element-block-back{ z-index:0; opacity:0; }
.clicked .rotate-slider-element-block-content { transform: scale(1.15); z-index: 10; position: relative; box-shadow: 0 0em 0.4em rgba(0,0,0,0.4); }
.clicked .rotate-slider-element-block-content .rotate-slider-element-block-front{ opacity:0; }
.clicked .rotate-slider-element-block-content .rotate-slider-element-block-back{ opacity:1; }

.rotate-slider-wrapper { margin: 2em 0; }
.rotate-slider-wrapper .tns-ovh { padding: 4px 0; }
.rotate-slider-wrapper article { transform: scale(0.8); transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; position:relative; z-index:1; }
.rotate-slider-wrapper article figure { -webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.4); }
.rotate-slider-wrapper article.previous { transform: scale(0.8) }
.rotate-slider-wrapper article.current { transform: scale(1); z-index: 10; }
.rotate-slider-wrapper article.next { transform: scale(0.8) }

/*Blog content*/
.blog-content { padding: 4em 0; }

/*Sidebar*/
.sidebar { padding: 4em 1em; }

/*Single post wrapper*/
.single-container-wrapper { background-position: center; background-repeat: no-repeat; background-size: cover; }
.single-container-wrapper .container-fluid { padding: 4em 0; backdrop-filter: blur(20px) brightness(85%); }

/*.single-post-wrapper { padding: 4em 0; }*/
/*.single-event_post .single-post-wrapper { padding: 0; }*/

/*Post share*/
.social-share li a { font-size: 1.5em; }

/*Post meta*/
.post-meta { padding: 1em 0; border-top: dashed 1px #d3d3d3; }
.post-categories { list-style: none inside; margin: 0; padding: 0; display: inline; position: relative; }
.post-categories li { display: inline; }
.post-categories li a::after { content: ", " }
.post-categories li:last-child a::after { content: "" }

/*Event meta*/
.event-meta { padding: 0 0 1em 0; }
.event-meta .post-categories a { color: var(--secondary-color); }

/*Event photogallery*/
.event-photogallery { padding: 4em 0; }

/*Crossnav event*/
.crossnav-wrapper { padding: 4em 0; background-color: var(--secondary-color); }
.crossnav-wrapper .text-muted { color: #f7f7f7 !important; }

/*Sidebar*/
.sidebar { border-left: #e2d5f5 solid 1px; }
.sidebar .events-terms { list-style: none; padding: 0; }
.sidebar .events-terms a { display: block; padding: 1em 0; border-bottom: 1px solid var(--secondary-color); }

/*Block wrapper*/
.block-wrapper figure { position: relative; }
.block-wrapper .title { margin-bottom: 0px; color: #fff; }
.block-wrapper .block-wrapper-description { padding: 1em 0; }
.block-wrapper:hover .block-wrapper-content { opacity: 0.9; }

/*Footer*/
#main-footer { padding: 4em 0; background-color: var(--primary-color); color: #fff; text-align: center; }
#main-footer .logo { width: 150px; margin-bottom: 2em; }

#main-footer h3, 
#main-footer a { color: #fff; }

/*Whatsapp*/
#whatsapp-cta { position: fixed; right: 2em; bottom: 2em; z-index:999; }
#whatsapp-cta a { position:relative; padding:1px; background-color: #27df6b; display: block; width: 2em; height: 2em; text-align: center; border-radius: 100%; box-shadow: 0 0 0.4em rgba(0,0,0,0.2); font-size: 2em; transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;}
#whatsapp-cta a:before { content: ''; display: block; width: 1em; height: 1em; background-color: #27df6b; position: absolute; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); left: -5px; bottom: 2px; transform: rotate(-13deg); z-index: -1; }
#whatsapp-cta a svg { width:100%; height:100%; }

/*Misc*/
blockquote { padding: 0.5em; font-size: 0.95em; background-color: #e7e7e7; }

.pagination { padding: 2em 0 4em 0; }
.pagination .nav-links .page-numbers { font-size: 1.5em; line-height: 2em; }

.timetable-wrapper .table>:not(caption)>*>* { background-color: transparent; }

.breadcrumbs { text-align: left; }

.acfd-form .vc_row.wpb_row.vc_row-fluid { margin-left: 0px; margin-right: 0px; }

.grecaptcha-badge { visibility: hidden; }