/*
 Theme Name:     structured-child
 Theme URI:      http://www.btcongress.com
 Description:    structured Child Theme for BTCONGRESS
 Author:         Stefano Berti  https://it.linkedin.com/in/stefano-berti-ui
 Author URI:     
 Template:       structured
 Version:        1.1
*/
@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); 

.btn{    text-transform: uppercase;
    font-weight: bold;}

:root {
  --primary: #e1001a;
  --cyan: #029de8;
  --red: #e1001a;
  --green: #009e3a;
--success_normal: #00b643;
--success_hover: #009e3a;
  --menu-color: #e1001a;
  --menu-color-hover: #3d00002e;
  --white: #faf0e6;
	--max-width:1100px;
}

/*popup errori login/abs/form*/
.popup-alert {
    position: fixed;
    top: 50%;    left: 50%;    width: clamp(100px, 50vw, 500px);    transform: translate(-50%, -50%);    background: rgb(255 255 255 / 95%);     backdrop-filter: blur(5px);    padding: 20px;    border-radius: 10px;    display: flex;    align-items: center;
    justify-content: space-between;    opacity: 0;    transition: opacity 0.3s ease;    border: solid 1px #ddd;box-shadow: 1px 3px 9px #9999995e;
}
.popup-alert.show { opacity: 1; }
/*fine popup errori*/




@media (prefers-color-scheme: dark) {
/* Your dark mode favicon styles here */
link [rel="icon"] {filter: invert(1); /* Adjust the brightness as needed */}
}

body{   background-attachment: fixed; font-family: Yantramanav; color:#333;
    background-repeat: no-repeat;
    background-position: top left;background-color: #fff; line-height: 1.35; font-size:1.2rem; font-weight:400}
#page { padding-top:120px;  padding-bottom: 4rem; margin-bottom: 0;}
article.page.card{background:transparent;}
#content{   margin: auto;}


/*logo on menu*/
.custom-logo-link{    
    top: 0.5rem;
    width: 120px;
    z-index: 1032;}

figure.nav-logo .custom-logo {
    width: auto;
    height: 40px;
	transition: 0.2s;z-index:2}

@media (min-width: 1400px){.custom-logo-link{    left:14%;}}

/*FONTING */
h1,h2,h3,h4,.h2,.h3,.h4{ font-family: Yantramanav; line-height: 1.05;}
h1{line-height: 1}
h1.entry-title{     font-weight: bold;
    color: #de0719;
    font-size: clamp(1.8rem, 2rem + 2vw, 3.5rem);
    font-family: Yantramanav;
    text-align: center;text-transform: uppercase; margin-bottom: 2rem;
}
h1.entry-title.h2{ font-weight: normal;text-transform:none; color: #333; font-size: clamp(1.2rem, 1.2rem + 2vw, 2.5rem); text-align: left;}
.elementor-text-editor, p{  line-height: 1.4;}

a{color: #bd0042;
    text-decoration: none;
    background-color: transparent;}
a:hover{color: #bd0042;}

label[for]{cursor:pointer; margin-bottom: 0;}


/*Bootstrap MODS*/
.highlight-yellow{background:#ffe800;  color: #242424; }
.highlight-blue{    background: #00b7ed;    color: #fff; 	}
.text-info-dark{    color: #062A32;	}
.text-warning-dark{    color: #473700;	}
.text-red{color: var(--red);}
.bg-red {    background: var(--red); background: linear-gradient(-90deg, rgba(225, 0, 26, 1) 48%, rgb(197 27 65) 100%);}
.bg-menu {    background: var(--red); background: linear-gradient(90deg, rgba(225, 0, 26, .93) 48%, rgb(183 11 50 / 90%) 100%); backdrop-filter:blur(5px); animation: menu-gradient 10s ease infinite;    background-size: 200% 100%;}
.bg-green {    background: var(--green);}
.bg-cyan {    background: var(--cyan);}
.carousel-indicators [data-bs-target] {      width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #333;
    border: 0;}



@keyframes menu-gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/*animazione comparsa*/
.element-appearing {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.element-appearing.visible {
  opacity: 1;
  transform: translateY(0);
}


/*liste col check*/
.check li:before {
    content: "\f00c";font-family: "Font Awesome 5 Free";
    font-weight: 900;    margin-left: -22px;padding-right: 5px;
}
.check li{margin-bottom: 5px}
ul.check{list-style-type:none; padding:0;margin:0  0 10px;padding-left: 22px;}

/*buttons*/

.elementor-btn-outline .elementor-button {background-color:#fff!important;text-transform: uppercase;font-family: Yantramanav; border-radius:4px!important; color:#202020!important; padding: 12px 48px!important; border:solid 1px #202020!important;}
.elementor-btn-outline .elementor-button:hover{background-color:#333333!important; color:#ffffff!important;}
.elementor-btn-outline .elementor-button:hover:active, .elementor-btn-white .elementor-button:hover:active{position:relative; top:1px; left:1px;}
.btn, .elementor-button{font-weight:500; font-family:Yantramanav;}
.btn:active, .elementor-button:active{position:relative; top:1px; left:1px;}
.btn-primary, .elementor-btn-primary .elementor-button {background-color:#e1001a;  color:#fff!important; border:solid 1px transparent!important}
.btn-primary:hover, .btn-primary:active, .elementor-btn-primary .elementor-button:hover,.elementor-btn-primary .elementor-button:active{background-color:#bc0119;  color:#fff!important; border:solid 1px transparent!important}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{background-
color:#8a0030 }
.btn-primary.disabled, .btn-primary:disabled{background-color: var(--menu-color-hover);     border-color:var(--menu-color-hover);}
.btn-outline-primary{background-color:#fff;  color:#202020!important; border:solid 1px #202020!important}
.btn-outline-primary:hover,.btn-outline:active{background-color:#ececec;  color:#202020!important; border:solid 1px #202020!important}
.btn-cyan,.elementor-btn-cyan .elementor-button{background-color:#029de8;  color:#fff!important; border:solid 1px #00b7ed!important}
.btn-cyan:hover, .btn-cyan:active,.elementor-btn-cyan .elementor-button:hover,.elementor-btn-cyan .elementor-button:active{background-color:#00b7ed;  color:#fff!important; border:solid 1px #029de8!important}
.btn-purple, .elementor-btn-purple .elementor-button{background-color:#bd0042;  color:#fff!important; border:solid 1px transparent!important}
.btn-purple:hover, .btn-primary:active,.elementor-btn-purple .elementor-button:hover,.elementor-btn-purple .elementor-button:active{background-color:#8a0030;  color:#fff!important; border:solid 1px transparent!important}


.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{    background-color: #e33643;}


/*FIX*/
.text-purple{color:#bd0042}
.text-green{color:#00975F}
.wp-bp-sticky{float:right}
.bg-cyan{background:#74cbf3;}
.chosen-results li{margin-top: auto!important; padding:10px 5px!important;}
.chosen-container-single .chosen-single{border-color:#dedede;}
/*Homepage*/






/*MENU*/


#site-navigation { margin: auto;    height: 58px;}
.nav-link{font-family:  "Yantramanav"; text-transform: uppercase; font-size: .95rem; }
#site-navigation .nav-link.active{background: #3d00005c;}
#site-navigation .nav-link{color:#fff!important;}
.navbar-nav>li>a:focus {background:var(--menu-color-hover);}
.current_page_ancestor  > a {background: #333; color:#fff!important;}
.current_page_ancestor  > a {background: #333; color:#fff!important;}
div.branding.navbar-header{width: 300px}
.navbar-toggle .icon-bar {    background-color: black;}
.page.layout-full-width .hentry {    max-width: 90%;}
li ul li.menu-item a[title='act']{display:none;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus { background:#333;color: #fff!important;}
 .navbar-nav > li > a:hover,  .navbar-nav > .active > a,  .navbar-nav > .active > a:hover,  .navbar-nav > .active > a:focus,  .navbar-nav li.dropdown.open > .dropdown-toggle,  .navbar-nav li.dropdown:target > .dropdown-toggle {background: var(--menu-color-hover); color:#fff!important;}
	#primary-menu{   max-width: 1110px; width: 100%;  }
.dropdown-item.active, .dropdown-item:active{background-color: #de0719;}
.navbar-nav * {transition:all 0.2s;}


/*loader*/
#loading{
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    position: fixed;
    background: #d1d1d191;
    text-align: center;
    z-index: 100;
    padding: 1rem;
    border-radius: 10rem;
    backdrop-filter: blur(7px);
	 -webkit-backdrop-filter: blur(7px);
}
#loading span{   
    width: 48px;
    height: 48px;
    border: 5px solid #FFF;
    border-bottom-color: var(--red);;
    border-radius: 50%;
    display:block;
    box-sizing: border-box;
    animation: rotation 1.5s linear infinite;
    }

    @keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
    } 



@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link { padding: 19px 14px; }
.dropdown-menu a {padding-left:1rem!important; padding-right:1rem!important;}
}

@media (max-width: 991px){
figure.nav-logo {
    margin: auto;
    position: relative;
        z-index: 2;;top:0px;
}

	figure.nav-logo .custom-logo {top:0!important;    left: -1px;    width: 48vw;    max-width: 82px;}
	.navbar-toggler {position:absolute; top:10px;}
	.navbar{    padding: 0!important;}
	#primary-menu-wrap{    position: absolute;    top: 58px;    background: #bf0016e3;    background: linear-gradient(0deg, rgb(203 0 0 / 90%) 48%, rgb(203 0 46 / 90%) 100%);    height: calc(100vh - 58px);    width: 100vw;    left: 0;    text-align: center;    padding:1rem 0 ;     backdrop-filter: blur(10px);        overflow: auto;}
	#primary-menu{overflow-y: auto; text-align: left;  }
	.menu-item{width:fit-content;}
	.dropdown-menu{border:none; background: transparent; }
	.dropdown-item {color:#fff; margin-left:30px; padding:8px 10px; border-radius:15px;}
	.dropdown-item:focus, .dropdown-item:hover { background: transparent;  color:#fff;}
	.dropdown-item.active, .dropdown-item:active{background: var(--menu-color-hover);}
	#site-navigation .nav-link{    padding: 8px 10px;    margin-left: 23px;    border-radius: 15px;        width: fit-content;}
	.navbar-light .navbar-toggler{color: rgb(0 0 0 / 10%);}
}


@media (max-width: 767px){
.navbar-nav .open .dropdown-menu>.active>a, .navbar-nav .open .dropdown-menu>.active>a:focus,  .navbar-nav .open .dropdown-menu>.active>a:hover {background:#333;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#000}
}




/*POST e SIDEBAR*/
.news_grid {
    display: grid
;
    grid-template-columns: 4fr 200px;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    margin-bottom: 1rem;
    background-color: #f2f2f2;
    padding: 10px 15px;
    border-radius: 4px;
}
.news_grid .article-data {
    order: 1;
}
.news_grid .post-thumbnail {
    order: 2;
}
.article-data {
    max-width: 800px;
}
.post-thumbnail img {border-radius: 4px;    place-self: center;   max-width: 100%; /* così non supera la larghezza della colonna */
  height: auto;    /* mantiene le proporzioni */}


.video_grid{
	    display: grid;
	grid-column-gap: 1.5rem;
    grid-row-gap:  1.5rem;
	grid-template-columns: repeat(5, 1fr);
}
@media screen and (max-width: 768px) {.video_grid{grid-template-columns: repeat(3, 1fr);}}
@media screen and (max-width: 480px) {.video_grid{grid-template-columns: repeat(1, 1fr);}}


/*STILE ELEMENTI*/
	#loading_bg{background: #fffffff0;    width: 100vw;    height: 100vw;    position: fixed;    top: 0;    left: 0;    backdrop-filter: blur(5px); z-index: 10;}





.nav-links{display: flex;    justify-content: center;    gap: 1rem;}

/*CHECKOUT*/
#user_checkout  label {font-size:14px; line-height: 24px;}
#user_checkout td {padding:1rem 1.7rem;}
#user_checkout table{border:none; padding:10px!important; background:#f7f7f7;}
#user_checkout thead tr th {padding:20px }
#user_checkout tfoot tr td {padding:20px 20px 30px;}
.paymet {display:inline-block; vertical-align:top; margin-right:5%;}
.paymet  * {cursor: pointer;}
.cart_item_delete.btn {    padding: 5px 10px 2px;
    font-style: normal;
	border:none;
    box-shadow: none;
    font-weight: normal;
    background: #dedede;
	border-width:1px!important;
    font-size: 12px;}
	.cc_img{box-shadow:none!important}
.checkoutLine{     }
.checkout_list_wrapper {margin-bottom:20px;}
.checkoutlist {border:none; width: 100%}
.checkoutlist  td, .checkoutlist  th{border:none!important;}
#payButton div {width:100%!important; text-align:center!important; margin-bottom:24px;}

/*fine checkout*/


/*bonifico*/
#wiretransfer{background-color:#fafafa;  border:solid 1px;  border-color: #dddddd #bbbbbb #999999; padding:0% 5%;  margin-bottom:1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;padding: 30px;}

.entry-content .statement {font-size: 28px; font-style: italic;  font-family: 'Libre Baskerville', serif; text-align: center; margin-top:30%;}


/*post*/
.card footer.entry-meta {    font-size: .9rem; display: flex;    justify-content: space-between; padding:26px}
.post-category { color:#fff;    list-style: none;    padding: 0 4px;    margin: 2px 2px 0 0;    background-color: #34c1cf;    display: inline-block;    font-size: .7rem;    border-radius: 4px; text-transform: uppercase}

/*eventi events*/

.row.events-list-page{display: flex;flex-wrap: wrap; gap:2rem;}
.row .event-box {max-width:400px; width:30%; padding:0!important}

/*vista a righe singole*/
.event-box-grid{    display: grid;
    grid-template-columns: 50% 50%;    align-items: center;}
.event-box-grid .event-image-container img

/*vista a box affiancati*/
.viz-compact{display:grid;gap:1rem}
.event-box{    background: #f2f2f2;     border-radius: 4px;     box-shadow: 1px 1px 9px 1px #d1d1d1;}
.event-image-container img{ border-radius: 4px 4px 0 0 !important;}
.event-info-container{padding: 1rem; }
.event-info{font-size: 1rem;   }
.event-title{font-size: 1.05rem;    font-weight: 700;    line-height: 1.2;}
ul.event-category {    margin: 0;    padding: 0;}
ul.event-category li { color:#fff;    list-style: none;    padding: 0 4px;    margin: 2px 2px 0 0;    background-color: #34c1cf;    display: inline-block;    font-size: .7rem;    border-radius: 4px; text-transform: uppercase}
/*fine eventi*/	


/*video*/
.card-video{    position: relative;}
.overlay-play-button__overlay {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    align-items: center;
    display: flex
;
    justify-content: center;
}
.overlay-play-button__play {
    border-radius: 9999px;
    height: 4rem;
    width: 4rem;
    align-items: center;
    display: flex
;
    justify-content: space-around;
    color: #fff;
    background: #0000005c;
}
/*fine video*/

@media (max-width: 767px){
    .news_grid .post-thumbnail {
        order: 1;
    }
	.news_grid .article-data {
        order: 2;
    }
}



@media print{
	#colophon{display:none}
	.navbar-toggler{display:none}
	body{background: #fff; font-size:11px;	}
	#site-navigation{margin-bottom:1rem; position: absolute!important}
}