/
var
/
www
/
candidaturas_turismofundos_pt
/
css
/
Upload File
HOME
/*** Section Title Start ***/ .section-title { max-width: 900px; text-align: center; margin: 0 auto; } .section-title .sub-style { position: relative; display: inline-block; text-transform: uppercase; color: var(--bs-primary); } .section-title .sub-style::before { content: ""; width: 100px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin-top: 8px; margin-left: -100px; border: 1px solid var(--bs-primary) !important; } .section-title .sub-style::after { content: ""; width: 50px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); margin-bottom: 5px; margin-left: -50px; border: 1px solid var(--bs-primary) !important; } .sub-title { position: relative; display: inline-block; text-transform: uppercase; color: var(--bs-primary); } .sub-title::before { content: ""; width: 100px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-top: 8px; margin-right: -100px; border: 1px solid var(--bs-primary) !important; } .sub-title::after { content: ""; width: 50px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin-bottom: 8px; margin-right: -50px; border: 1px solid var(--bs-primary) !important; } /*** Topbar Start ***/ .fixed-top .container { transition: 0.5s; } .topbar { padding: 2px 10px 2px 20px; background: var(--bs-primary) !important; } .topbar a, .topbar a i { transition: 0.5s; } .topbar a:hover, .topbar a i:hover { color: var(--bs-secondary) !important; } @media (max-width: 576px) { .topbar { display: none; } } /*** Topbar End ***/ /*** Service Start ***/ .service .service-item { box-shadow: 0 0 45px rgba(0, 0, 0, .2) ; } .service .service-item .service-img { position: relative; overflow: hidden; z-index: 1; } .service .service-item .service-img img { transition: 0.5s; } .service .service-item .service-img::before { width: 100%; height: 0; position: absolute; content: ""; top: 0; left: 0; border-top-right-radius: 10px; border-top-left-radius: 10px; transition: 0.5s; z-index: 5; } .service .service-item:hover .service-img::before { height: 100%; background: rgba(21, 185, 217, .3); } .service .service-item .service-img:hover img { transform: scale(1.3); } .service .service-item .service-content { position: relative; z-index: 2; } .service .service-item .service-content::before { width: 100%; height: 8px; position: absolute; content: ""; bottom: 0; left: 0; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background: rgba(21, 185, 217, .5); transition: 0.5s; z-index: 3; } .service .service-item:hover .service-content::before { background: rgba(21, 185, 217, .5); height: 100%; } .service .service-item .service-content .service-content-inner { transition: 0.5s; } .service .service-item:hover .service-content .service-content-inner { position: relative; color: var(--bs-white) !important; z-index: 9; } .service .service-item:hover .service-content .service-content-inner h5 { color: var(--bs-secondary); } /*** Service End ***/