/********************
 * Main stylesheet
 * web/assets/components/uapproject/css/front/main.css
 * 
 * Additional styles in:
 * https://uap-project.org/man_TD53TD5e5/?a=element/chunk/update&id=73
 * 
 */


/**************************
 * Fonts import.
 * web/assets/components/uapproject/css/fonts
 * 
 * default font color set @head chunk
 */
 @import url('bebas-neue.css');
 @import url('nunito.css');
 @import url('navi.css');
body * {
    box-sizing: border-box;
  }
  
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Nunito-Regular';
}










a{
  text-decoration: none;
}

/*************************
 * Home
 * home.tpl
 * #tpl-home
 */


/*************************
 * Header
 * 
 * #header
 */


 /*
#header .row{
  height: 250px;
}
*/


/* logo */
#header .svg-wrapper{
  height: 220px;
  width: 220px;
  /*
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  */
}


/* svg img data ; fonctionne mais perte de l'animation https://stackoverflow.com/questions/38663935/web-animation-inside-svg-breaks-when-used-as-a-background-image */
/*
.ct-logo-svg {
  height: 290px;
  width: 100%;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg style='background-color:%23010118;' width='100%25' height='100%25' viewBox='47 47 125 170' version='1.1' id='svg7984' inkscape:version='1.2.2 (b0a8486541, 2022-12-01)' sodipodi:docname='logo-animate.svg' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg' class='active'%3E%3Csodipodi:namedview id='namedview7986' pagecolor='%23010118' bordercolor='%23d3e0fb' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:document-units='mm' showgrid='false' inkscape:zoom='13.476274' inkscape:cx='95.167258' inkscape:cy='144.88427' inkscape:window-width='3514' inkscape:window-height='1859' inkscape:window-x='495' inkscape:window-y='154' inkscape:window-maximized='0' inkscape:current-layer='layer1' showguides='true'%3E%3Csodipodi:guide position='61.119426,146.22285' orientation='1,0' id='guide308' inkscape:locked='false'%3E%3C/sodipodi:guide%3E%3Csodipodi:guide position='161.68442,131.16499' orientation='0,-1' id='guide336' inkscape:locked='false'%3E%3C/sodipodi:guide%3E%3Csodipodi:guide position='84.143815,224.93063' orientation='1,0' id='guide365' inkscape:locked='false'%3E%3C/sodipodi:guide%3E%3Csodipodi:guide position='155.7318,146.8233' orientation='1,0' id='guide367' inkscape:locked='false'%3E%3C/sodipodi:guide%3E%3C/sodipodi:namedview%3E%3Cdefs id='defs7981'%3E%3C/defs%3E%3Cg inkscape:label='Layer 1' inkscape:groupmode='layer' id='layer1'%3E%3Cpath style='fill: %23010118; fill-opacity: 1; stroke: %23d3e0fb; stroke-width: 2.0213; stroke-opacity: 1;' d='M 49.229544,192.81869 109.45733,80.055472 166.00265,192.86091 Z' id='path15237-6-3-3-0-6-1' sodipodi:nodetypes='cccc' class='svg-elem-2'%3E%3C/path%3E%3Cg id='g404' transform='translate(-0.92391473,0.09636076)'%3E%3Cellipse style='fill:%23010118;fill-opacity:0.211635;stroke:%23d3e0fb;stroke-width:2.0213;stroke-opacity:1' id='path318-1-0-1-6-6-7-0' cx='109.40045' cy='154.09961' rx='50.639221' ry='50.639217' class='svg-elem-3'%3E%3C/ellipse%3E%3Cellipse style='fill:%23010118;fill-opacity:1;stroke:%23010118;stroke-width:1.5563;stroke-opacity:1' id='path318-1-7-6-9-1-1-5-6' cx='109.61072' cy='173.98331' rx='40.652065' ry='28.550085' transform='matrix(0.99998624,-0.00524516,0,1,0,0)' class='svg-elem-4'%3E%3C/ellipse%3E%3C/g%3E%3Cpath style='fill: %23010118; fill-opacity: 1; stroke: %23010118; stroke-width: 0.585148; stroke-opacity: 1;' d='M 95.237713,109.47569 109.33411,82.882222 122.75686,109.49152 Z' id='path15237-3-2-4-0-5-3-3' sodipodi:nodetypes='cccc' class='svg-elem-5'%3E%3C/path%3E%3Ccircle style='fill: %23d3e0fb; stroke-width: 0.296948;' id='path229-6-2-5' cx='-109.57328' cy='190.42838' transform='scale(-1,1)' r='6.0701737' inkscape:label='circle' class='svg-elem-6'%3E%3C/circle%3E%3Cg transform='matrix(0.00321997,0,0,-0.00283928,81.976508,162.94982)' fill='%23d3e0fb' stroke='none' id='g4396-5'%3E%3Cpath d='m 692,4128 3,-1833 23,-80 c 98,-342 366,-608 707,-702 l 100,-28 1350,-3 c 1458,-4 1444,-4 1610,50 309,100 540,340 642,665 l 28,88 3,1838 2,1837 H 4740 4320 V 4203 c 0,-1654 -1,-1760 -18,-1793 -9,-19 -32,-45 -51,-57 l -34,-23 H 2926 c -1262,0 -1292,1 -1323,20 -18,10 -40,31 -50,47 -17,26 -18,110 -21,1795 l -2,1768 H 1110 690 Z' id='path4390-6' style='fill:%23d3e0fb;' class='svg-elem-7'%3E%3C/path%3E%3Cpath d='M 7362,4477 5880,2995 v -758 -757 h 425 425 v 583 582 l 1233,1233 1232,1232 h 158 157 V 3295 1480 h 420 420 v 2240 2240 h -753 -752 z' id='path4392-9' style='fill:%23d3e0fb;' class='svg-elem-8'%3E%3C/path%3E%3Cpath d='M 11380,3720 V 1480 h 425 425 v 1815 1815 h 1345 c 1478,0 1387,4 1420,-60 13,-25 15,-107 15,-575 0,-498 -2,-550 -17,-576 -36,-61 -13,-59 -787,-59 h -706 v -425 -425 h 698 c 393,0 738,5 792,10 424,45 764,356 850,779 20,100 21,126 18,735 -4,622 -4,632 -27,711 -65,228 -197,422 -376,551 -74,54 -238,130 -335,156 l -85,23 -1827,2 -1828,3 z' id='path4394-8' style='fill:%23d3e0fb;' class='svg-elem-9'%3E%3C/path%3E%3C/g%3E%3Cg transform='matrix(0.00241566,0,0,-0.0024224,83.236158,167.50787)' fill='%23d3e0fb' stroke='none' id='g5348-7' style='stroke:%23d3e0fb;stroke-width:44.5502;stroke-dasharray:none;stroke-opacity:1'%3E%3Cpath d='M 350,1565 V 760 h 150 150 v 295 295 h 543 c 301,0 573,5 612,10 205,29 332,129 364,286 15,79 14,365 -3,435 -25,107 -92,191 -185,232 -118,52 -94,51 -888,54 l -743,4 z m 1413,554 c 21,-5 52,-23 70,-39 l 32,-28 v -190 c 0,-290 59,-266 -657,-270 l -558,-3 v 271 270 h 538 c 346,0 551,-4 575,-11 z' id='path5326-2' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-10'%3E%3C/path%3E%3Cpath d='M 2390,1565 V 760 h 150 150 v 360 360 h 428 427 l 189,-360 188,-360 h 164 164 l -29,52 c -52,95 -351,667 -351,673 0,3 12,5 26,5 44,0 146,30 198,58 63,34 120,100 148,171 19,48 22,76 22,201 1,115 -3,156 -17,197 -38,109 -113,177 -246,222 l -76,26 -767,3 -768,3 z m 1498,542 c 61,-33 73,-67 70,-195 l -3,-114 -32,-28 c -18,-16 -49,-34 -70,-39 -25,-7 -236,-11 -600,-11 h -563 v 205 206 l 583,-3 c 538,-3 584,-4 615,-21 z' id='path5328-8' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-11'%3E%3C/path%3E%3Cpath d='m 4834,2356 c -104,-20 -185,-60 -242,-120 -89,-94 -87,-77 -87,-671 0,-489 1,-523 19,-570 27,-70 103,-146 177,-180 120,-54 167,-56 881,-53 l 653,3 76,26 c 133,45 208,113 246,222 16,47 18,96 18,552 0,456 -2,505 -18,552 -38,109 -113,177 -246,222 l -76,26 -665,2 c -514,1 -681,-1 -736,-11 z m 1364,-249 c 18,-10 42,-32 52,-50 19,-31 20,-53 20,-492 0,-439 -1,-461 -20,-492 -10,-18 -34,-40 -52,-50 -31,-17 -75,-18 -658,-18 -684,0 -670,-1 -713,59 -22,31 -22,31 -22,501 v 470 l 23,32 c 44,62 41,62 722,60 571,-2 617,-3 648,-20 z' id='path5330-2' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-12'%3E%3C/path%3E%3Cpath d='m 7340,1721 c 0,-630 -1,-649 -20,-673 -32,-41 -86,-48 -364,-48 H 6700 V 880 760 h 268 c 283,1 369,10 473,49 75,29 141,88 176,159 l 28,57 3,673 3,672 h -156 -155 z' id='path5332-9' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-13'%3E%3C/path%3E%3Cpath d='M 7940,1565 V 760 h 830 830 v 120 120 h -680 -680 v 245 245 h 645 645 v 120 120 h -645 -645 v 200 200 h 680 680 v 120 120 h -830 -830 z' id='path5334-9' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-14'%3E%3C/path%3E%3Cpath d='m 10184,2355 c -104,-19 -185,-58 -242,-119 -89,-94 -87,-77 -87,-671 0,-489 1,-523 19,-570 27,-70 103,-146 177,-180 117,-52 155,-54 907,-55 h 692 v 120 119 l -697,3 c -769,3 -735,1 -779,65 -18,27 -19,53 -19,498 v 470 l 23,32 c 45,63 40,63 794,63 h 678 v 120 120 l -697,-1 c -523,-1 -716,-4 -769,-14 z' id='path5336-6' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-15'%3E%3C/path%3E%3Cpath d='m 11810,2250 v -120 h 425 425 V 1445 760 h 150 150 v 685 685 h 415 415 v 120 120 h -990 -990 z' id='path5338-0' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-16'%3E%3C/path%3E%3Cpath d='m 14614,2356 c -104,-20 -185,-60 -242,-120 -89,-94 -87,-77 -87,-671 0,-489 1,-523 19,-570 27,-70 103,-146 177,-180 120,-54 167,-56 881,-53 l 653,3 76,26 c 133,45 208,113 246,222 16,47 18,96 18,552 0,456 -2,505 -18,552 -38,109 -113,177 -246,222 l -76,26 -665,2 c -514,1 -681,-1 -736,-11 z m 1364,-249 c 18,-10 42,-32 52,-50 19,-31 20,-53 20,-492 0,-439 -1,-461 -20,-492 -10,-18 -34,-40 -52,-50 -31,-17 -75,-18 -658,-18 -684,0 -670,-1 -713,59 -22,31 -22,31 -22,501 v 470 l 23,32 c 44,62 41,62 722,60 571,-2 617,-3 648,-20 z' id='path5340-2' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-17'%3E%3C/path%3E%3Cpath d='M 16640,1565 V 760 h 150 150 v 360 360 h 428 427 l 189,-360 188,-360 h 164 164 l -29,52 c -52,95 -351,667 -351,673 0,3 12,5 26,5 44,0 146,30 198,58 63,34 120,100 148,171 19,48 22,76 22,201 1,115 -3,156 -17,197 -38,109 -113,177 -246,222 l -76,26 -767,3 -768,3 z m 1498,542 c 61,-33 73,-67 70,-195 l -3,-114 -32,-28 c -18,-16 -49,-34 -70,-39 -25,-7 -236,-11 -600,-11 h -563 v 205 206 l 583,-3 c 538,-3 584,-4 615,-21 z' id='path5342-7' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-18'%3E%3C/path%3E%3Cpath d='m 19141,2359 c -149,-19 -279,-78 -336,-153 -54,-70 -55,-86 -55,-641 0,-589 0,-586 78,-664 55,-55 108,-82 217,-113 78,-22 92,-22 625,-23 495,0 552,2 625,18 113,27 196,68 244,124 66,75 71,104 71,440 v 293 h -150 -150 v -270 c 0,-313 -1,-317 -77,-347 -44,-17 -87,-18 -558,-18 -510,0 -510,0 -556,23 -25,12 -51,34 -57,48 -9,18 -12,161 -12,493 0,465 0,468 22,496 48,62 24,60 806,63 l 712,3 v 119 120 l -692,-1 c -381,-1 -722,-5 -757,-10 z' id='path5344-6' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-19'%3E%3C/path%3E%3Cpath d='M 13670,910 V 760 h 180 180 v 150 150 h -180 -180 z' id='path5346-1' style='stroke:%23d3e0fb;fill:%23d3e0fb;stroke-width:44.5502;stroke-opacity:1' class='svg-elem-20'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
}
*/





#header .introtext{
  height: 300px;
  font-family: 'Nunito-SemiBold';
  font-size: 1.5rem;
}






.x-border-top {
  padding-top: 3rem;
  border-top: 1px solid #d3e0fb63
}

.x-border-bottom:first-child {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d3e0fb63
}
.x-border-bottom {
  padding-bottom: 3rem;
  border-bottom: 1px solid #d3e0fb63;
}


/* Lists */
ul.list-group-flush li.x-border-bottom:first-child{
  border-top: 1px dotted #d3e0fb63 !important;
  border-bottom: 1px dotted #d3e0fb63 !important;
  padding: 0.5rem 0;
  margin:0;
}
ul.list-group-flush li.x-border-bottom:last-child {
  border-bottom: 1px dotted #d3e0fb63 !important;
  padding: 0.5rem 0;
  margin: 0;
}





#tpl-center_logo .svg-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}


/**************
 * text typos
 */
h1, h2, h3{
  font-family: 'BebasNeue-Regular';
}
p:last-child {
  margin-bottom: 0;
}



/**************
 * btn
 * colors in https://uap-project.org/man_TD53TD5e5/?a=element/chunk/update&id=73
 */
.btn{
  border-radius: 0;
}


/** FORMS **/
/* Disable rounded corners for all input fields and buttons globally */
input, textarea, select, button {
  border-radius: 0 !important;
}
/*
label {
  background-color: #6c7b9c;
  padding: 0 10px;
  width: 100%;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1px;
  font-weight: bold;
  font-family: 'Nunito-SemiBold';
}
 

.btn-miniform{
  border: none;
  color: #111;
  
}

.form-select, .form-control {
  border-radius: 0;
}
 */
/* input : single line  */
/*
.form-select, .form-control {
  border: none;
  border-bottom: 1px dotted #ddd;
  border-top: 1px dotted #ddd;
  border-radius: 0;
}
*/
/* floating label on focus */


/*
.form-floating > label::after {
  background-color: transparent !important;
}
*/

/* https://codingyaar.com/bootstrap-5-material-design-form-responsive/  */
@media only screen and (min-width: 768px) {
  .form {
    width: 50%;
  }
}
.form-select, .form-control {
  border: none;
  border-radius: 0;
}
.form-select:focus, .form-control:focus {
  box-shadow: none;
}

/*
input[type="submit"]{
  color: #2196f3;
  border-color: #2196f3;
}
  */
input[type="submit"]:hover,
input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 4px 6px 0 rgba(22, 22, 26, 0.18);
}



.form-floating > label {
  text-transform: uppercase;
  font-size: small;
  letter-spacing: 1px;
  font-family: 'Nunito-SemiBold';
  padding: .75rem 0rem;
  opacity: 0.8;
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0rem;
}







/* JQUERY VEERSION */
/*
.x-fx {
  display: none;
  opacity: 0;
}
*/
/* GSAP VEERSION */
.fx-enabled .x-fx {
  opacity: 0; /* Ensure elements are hidden initially */
  transition: opacity 1s ease-in-out; /* Fallback if GSAP fails */
}



a.cmd-ifnotlogged{
  opacity:0.7;
}



/* HEIGHT */
.row.x-h-100 .ct-inner{
  height: 100px;
}
.row.x-h-200 .ct-inner{
  height: 200px;

}
.row.x-h-300px  .ct-inner{
  height: 300px;

}
.row.x-h-400 .ct-inner{
  height: 400px;
}



.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}