html {
scroll-behavior: smooth;
}
html, body {
height: 100%;
box-sizing: border-box;
}
body {
position: relative;
width: 100%;
min-height: 100vh;
font-family: Arial, Helvetica, sans-serif;
color: #383838;
/* background-color: #f5f5f5; */
}
.container-fluid {
background-color: #fff;
}
/* .col-spaced {
padding-right: 50px;
} */
.logo-section {
margin-top: 20px;
display: flex;
border-radius: 5px;
box-shadow: 0 1px 4px rgba(0,0,0,.6);
background: #F0FCFC;
border: 1px solid rgba(170,231,192,1);
padding: .2em;
/* max-width: 558px; */
}
/* .logo-section-custom {
padding-left: 45px;
display: grid;
grid-template-columns: 2fr 1fr 1fr;
grid-gap:355px;
} */
.logo_1, .logo_1:hover {
width: 98px;
height: 98px;
}
.logo_1:hover {
content: url(/img/logo_2_hover.png);
}
.logo-text {
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
padding: 0 1.9em;
text-shadow: rgb(255 255 255 / 60%) 1px 1px 1px, rgb(0 0 0 / 60%) -1px -1px 1px;
color: #742682;
border-left: 3px solid #742682;
}
.logo-text-title {
font-size: 24px;
font-weight: 700;
}
.logo-text-subtitle {
font-size: 33px;
font-weight: 600;
}
.audio-player {
/* margin-left: 50px; */
margin-top: 25px;
background: #F0FCFC;
border-radius: .4em;
border: 2px solid #80ba9d;
width: 100%;
max-width: 304px;
height: 58%;
}
audio::-webkit-media-controls-panel {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
position: relative;
width: 100%;
z-index: 0;
overflow: hidden;
text-align: right;
background-color: #F0FCFC;
border: 3px solid rgb(10, 248, 97);
box-shadow: 0 1px 4px rgba(0,0,0,.6);
}
.social-media .fab {
font-size: 2rem;
}
.fa-facebook-square {
padding-right: 10px;
}
.nav-item a {
color: rgb(56,56,56);
font-size: 18px;
}
a:hover {
color: #8da86d;
text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
color: #383838;
}
/* .sticky-top[class*="lower-section"] {
top: 15%;
} */
.banner-section {
position: relative;
padding: 1em 0;
height: 75vh;
min-height: 25rem;
width: 100%;
overflow: hidden;
}
.banner-section video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.banner-section .container {
position: relative;
z-index: 2;
}
/* .banner-logo {
padding-top: 10rem;
} */
.text-white h3 {
font-size: 67px;
font-weight: 400;
}
.text-center {
flex-direction: column;
}
.active {
color: #8da86d !important;
}
.about-img {
width: 100%;
height: 100%;
}
.about-details {
background-color: #f5f5f5;
}
.about-details h3 {
font-size: 30px;
font-weight: bold;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
width: 200px;
border-top: 1px solid rgba(0, 0, 0, 0.911);
}
ul {
list-style-position: inside;
text-align: left;
}
.training-title {
font-size: 1.5rem;
}
.description-list, .training-list {
display: flex;
justify-content: center;
align-items: center;
}
.training-list ul {
max-width: 1000px;
background-color: #d6d6d6;
padding: 2em 4em;
}
.description, .description-list {
font-size: 25px;
}
.arrow-down-flex {
display: flex;
flex-direction: column;
}
.training-list {
font-size: 23px;
}
.training {
height: 960px;
background-image: url(/img/formare_profesionala_background.png);
background-repeat: no-repeat;
object-fit: cover;
overflow-y: auto;
}
::-webkit-scrollbar {
display: none;
}
.specialisation-section {
background-image: url(/img/specialisation.png);
background-repeat: no-repeat;
}
.specialisation-container {
padding: .2rem !important;
background-color: rgb(208, 221, 217);
border: 2px solid rgb(167, 185, 173);
box-shadow: rgb(117, 124, 120);
border-radius: .3rem !important;
max-width: 1000px;
}
.card {
background-color: #f0f0f0;
border: 2px solid rgb(163, 194, 174) !important;
border-radius: .3rem !important;
box-shadow: var(--shd,0 1px 4px rgba(0,0,0,.6));
}
.card-title {
text-align: center;
align-content: center;
font-weight: bold;
}
.card-body {
padding: unset;
padding-top: 1rem;
}
.card-custom {
display: flex;
align-items: center;
}
.card-body ul {
list-style-position: unset;
}
.legislation-section {
background-image: url(/img/legislation.png);
background-repeat: no-repeat;
background-position: center;
object-fit: cover;
height: auto;
}
.legislation-title {
font-size: 20px;
color: #742682;
font-weight: bolder;
}
.legislation-list li {
font-size: 18px;
color: #000;
font-weight: bolder;
}
.card-services {
background-color: #fff;
}
.services-background img {
width: 100%;
}
.services-section, .contact-section {
background-color: #f5f5f5;
}
.services-title, .contact-title {
font-size: 2rem;
font-weight: bold;
}
.phone, .email, .address {
padding-top: 1em;
font-size: 20px;
font-weight: bold;
display: flex;
flex-direction: column;
max-width: 500px !important;
}
.phone, .email {
border: 1px solid;
border-color: #383838 #383838 #f5f5f5 #f5f5f5;
height: 180px;
}
.address {
border: 1px solid;
border-color: #383838 #f5f5f5 #f5f5f5 #f5f5f5;
}
.email a {
color: #383838;
text-decoration: none;
cursor: pointer;
}
.map-container-2{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container-2 iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.footer {
background-color: #fff;
}
.footer-custom > a {
color: inherit;
cursor: pointer;
text-decoration: none;
}
@media (max-width: 425px) {
.navbar-brand > div {
padding: 0 1rem !important;
margin: 0 auto;
}
.logo-text {
display: none;
padding: 0 5px;
}
.logo-text-title {
font-size: 12px;
}
.logo-text-subtitle {
font-size: 22px;
}
.navbar-brand + div {
padding: 0 !important;
margin: 0 auto !important;
width: 304px;
}
.audio-player {
margin: 10px auto 10px;
}
.audio-player audio {
width: 100%;
}
.social-media {
text-align: center;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
width: auto !important;
padding: 0 !important;
margin: 0 !important;
top: 85px;
}
nav#navbar_top, nav.navbar.navbar-expand-md.navbar-light {
position: absolute;
top: 55px;
right: 0;
justify-content: right;
}
.navbar-toggler-right + div#navbar {
background: #fff;
border: 1px solid #eee;
border-radius: 5px;
}
.justify-content-center.navbar-custom {
justify-content: left !important;
}
.w-50.service-section-wrap {
width: calc(100% - 20px) !important;
}
.contact-section .phone, .contact-section .address, .contact-section .email {
border: none;
flex-grow: 1;
width: 100%;
height: auto;
padding: 5px 5px 10px !important;
}
.contact-section .address {
flex-grow: 1;
}
.legislation-section {
height: auto;
background-attachment: fixed;
background-size: cover;
}
.training-list ul {
padding: 2em 1em;
font-size: 14px;
}
}
@media (pointer: coarse) and (hover: none) {
.banner-section video {
display: none;
}
}