/* Theme Name: Clinica de Miscare Text Domain: INFOGHID Author: INFOGHID team Description: Tema Wordpress pentru Clinica de Miscare. Version: 1.0 Tags: responsive Requires at least: 6.0 Requires PHP: 7.4 License: INFOGHID */ :root { font-size: 11pt; --portocaliu: #ffde00; --verde:#20A240; --verde_inchis: #1C8A37; --verde_deschis:#77e373; --gri:#666; --gri_inchis:#333; --gri_deschis:#aaa; --alb: #fff; --negru: #000; --galben: #fff826; --transparent: rgba(0,0,0,0); --umbra: rgba(128,128,128,0.2); --verde_transparent: rgba(32, 162, 64, 0.75); --verde_transparent1: rgba(32, 162, 64, 0.9); --portocaliu_transparent: rgba(255, 222, 0,0.75); --portocaliu_transparent1: rgba(255, 222, 0,0.9); } body { animation: fadeInAnimation ease .5s; animation-iteration-count: 1; animation-fill-mode: forwards; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; }} * { margin: 0; padding: 0; font-family: 'Open Sans', serif; } .paginatie { width: 90%; padding: 0px 5%; margin: 0 auto; max-width: 1300px; } .paginatie_flex { width: 90%; padding: 0px 5%; margin: 0 auto; display: flex; max-width: 1300px; } .color_verde { color: var(--verde);} .color_gri { color: var(--gri_inchis);} .color_portocaliu { color: var(--portocaliu);} .div50 { width: 50%; float: left; } .font_2rem { font-size: 2rem;} .wp-element-button { background: var(--verde); color: var(--alb); transition: all 0.3s ease-in-out; border-radius: 15px; font-size: 1.2rem; } .wp-element-button:hover { background: var(--verde_inchis); color: var(--alb); transition: all 0.3s ease-in-out; transform: scale(1.05); } .ifg_paginatie { width: 100%; text-align: center; font-size: 1.3rem;} .ifg_paginatie a { padding: 10px 15px; border: 1px solid var(--verde); color: var(--verde); border-radius: 15px; text-decoration: none; transition: all 0.3s ease-in-out; } .ifg_paginatie a:hover {color: var(--alb); background: var(--verde); transition: all 0.3s ease-in-out; } .ifg_paginatie .current { padding: 10px 15px; border: 1px solid var(--verde); border-radius: 15px; text-decoration: none; color: var(--alb); background: var(--verde);} .linie_spatiu { float: left; width: 100%; height: 150px;} #IFG_Top { width: 96%; padding: 50px 2%; background: var(--alb); float: left; display: flex; } #IFG_Logo { float: left; width: 30%; align-self:center; } #IFG_Logo img { max-width: 100%; } #IFG_Menu_mobile {width: 100%; display: none; position: relative; top:-5px; align-self:center; float: left; } #IFG_Menu_mobile .mobile_menu_btn { color: var(--verde); font-size: 2.5rem; padding: 15px; transition: all 0.3s ease-in-out; border-radius: 5px;} #IFG_Menu_mobile .mobile_menu_btn:hover { background: var(--verde); color: var(--alb); transition: all 0.3s ease-in-out;} #IFG_Menu_desktop {display: block;} #IFG_Menu { width:51%; float:left; text-align: right; align-self:center; } #IFG_Menu li { display: inline; list-style: none; position: relative; margin: 0 10px; } #IFG_Menu li a { font-size: 1.2rem; color: var(--gri_inchis); text-decoration: none; padding: 15px 10px; border-bottom: 1px solid var(--transparent); transition: all 0.3s ease-in-out; } #IFG_Menu li a:hover { border-bottom: 1px solid var(--verde); color: var(--verde); transition: all 0.3s ease-in-out; } #IFG_Menu li.current-menu-item a { border-bottom: 1px solid var(--transparent); color: var(--verde); transition: all 0.3s ease-in-out; } #IFG_Menu ul ul { display: none; position: absolute; top: 36px; left:50%; transform: translate(-50%, 0); z-index: 99999; width: 250px; background: var(--verde); border-radius: 5px; box-shadow: 0px 5px 5px var(--umbra); overflow: hidden; } #IFG_Menu ul li:hover > ul { display: block; transition: all 0.3s ease-in-out; animation: dropdownAnimation 0.3s ease; } @keyframes dropdownAnimation { from { filter: opacity(0);} to {filter: opacity(100);} } #IFG_Menu ul ul li { margin: 0; padding: 0; text-align: center; } #IFG_Menu ul ul li a { font-size: 1.2rem; color: var(--alb); text-decoration: none; display: block; padding: 15px 10px; transition: all 0.3s ease-in-out; } #IFG_Menu ul ul li a:hover { background: var(--verde_deschis); color: var(--verde_inchis); transition: all 0.3s ease-in-out; } #IFG_Info { width:14%; float:left; align-self:center; } #IFG_Info_Mobile { display:none; width: 100%; float: left; text-align: center; background: var(--alb);} #IFG_Adresa { width: 100%; float: left; font-size: 1.2rem; text-align: center;} #IFG_Adresa a { color: var(--verde); text-decoration: none; padding: 5px 0; transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Adresa a:hover { color: var(--galben); transition: all 0.3s ease-in-out; } #IFG_Telefon { width: 100%; float: left; font-size: 1.2rem; text-align: right; color: var(--gri);} #IFG_Telefon a { color: var(--alb); background: var(--verde); text-decoration: none; padding: 10px 15px; border-radius: 15px; border: 1px solid var(--verde); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Telefon a:hover { color: var(--alb); background: var(--verde_deschis); border: 1px solid var(--alb); transition: all 0.3s ease-in-out; transform: scale(1.05); } #IFG_Socializare { width: 100%; float: left; text-align: right; padding: 15px 0px;} #IFG_Socializare a { color: var(--verde); text-decoration: none; transition: all 0.3s ease-in-out; } #IFG_Socializare a:hover { color: var(--verde_deschis); transition: all 0.3s ease-in-out; } #IFG_Banner { width: 100%; float: left; background: var(--alb); } #IFG_Banner p { color: var(--gri_inchis); font-size: 1.4rem; font-weight: 300; } #IFG_Banner .banner_wrap { width: 100%; padding: 15vh 0;} #IFG_Banner h1 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h1:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner h2 { color: var(--verde); font-size: 2.3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h2:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner h3 { color: var(--verde); font-size: 2rem; font-weight: bold; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h3:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner h4 { color: var(--verde); font-size: 1.5rem; font-weight: bold; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h4:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner h5 { color: var(--verde); font-size: 1.3rem; font-weight: bold; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h5:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner h6 { color: var(--verde); font-size: 1.2rem; font-weight: bold; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h6:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner_mini { width: 100%; float: left; background: linear-gradient(var(--transparent), var(--alb)), url('assets/img/bg_mini.jpg') top center; background-size: cover; padding: 300px 0 50px 0; } #IFG_Banner_mini h1 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner_mini h1:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner_promo { width: 100%; padding: 15vh 0; float: left; background: url('assets/img/bg_reabilitare_medicala.jpg') center center var(--alb); background-size: cover; } #IFG_Banner_promo .banner_wrap { width: 100%; padding: 15vh 0; display: flex; } #IFG_Banner_promo h1 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner_promo h1:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner_promo p { color: var(--gri_inchis); font-size: 1.4rem; font-weight: 300; width: 75%; } #IFG_Banner_promo1 { width: 100%; padding: 15vh 0; float: left; background: url('assets/img/bg_masaj.jpg') center center var(--alb); background-size: cover; } #IFG_Banner_promo1 .banner_wrap { width: 100%; padding: 15vh 0; display: flex; } #IFG_Banner_promo1 h1 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner_promo1 h1:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Banner_promo1 p { color: var(--gri_inchis); font-size: 1.4rem; font-weight: 300; width: 75%; } #IFG_Produse_Promovate { width: 100%; float: left; padding: 150px 0; background-color: var(--alb); } #IFG_Produse_Promovate h1 { color: var(--alb); font-size: 2rem; } #IFG_Produse_Promovate h2 { color: var(--alb); font-size: 1.5rem; } #IFG_Produse_Promovate h3 { color: var(--alb); font-size: 1.2rem; } #IFG_Produse_Promovate p { color: var(--alb); font-size: 1.2rem; font-weight: 300; font-style: italic; padding: 20px 0; } #IFG_Produse_Promovate a { color: var(--alb); font-size: 1.2rem; background: var(--transparent); text-decoration: none; padding: 10px 15px; border-radius: 15px; border: 1px solid var(--alb); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Produse_Promovate a:hover { color: var(--verde); background: var(--alb); transition: all 0.3s ease-in-out; } #IFG_Produse_Promovate .produse_promovate_wrap { width: 100%; display: grid; gap: 2%; grid-template-columns: 49% 49%; grid-auto-rows: 1fr; } #IFG_Produse_Promovate .tab_produse_promovate { width: 90%; padding: 5%; text-align: center; border-radius: 15px; } #IFG_Produse_Promovate .tab_produse_promovate:nth-child(1) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/bg_recuperare.jpg'); background-size: cover; } #IFG_Produse_Promovate .tab_produse_promovate:hover:nth-child(1) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/bg_recuperare.jpg'); background-size: cover; } #IFG_Produse_Promovate .tab_produse_promovate:nth-child(2) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/bg_masaj.jpg'); background-size: cover; } #IFG_Produse_Promovate .tab_produse_promovate:hover:nth-child(2) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/bg_masaj.jpg'); background-size: cover; } #IFG_Produse_Promovate .tab_produse_promovate img { width: 100%; max-width: 150px;} #IFG_DespreNoi_promo { width: 100%; float: left; padding: 0; background-color: var(--alb); text-align: center; } #IFG_DespreNoi_promo h1 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_DespreNoi_promo h1:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25% ; height:2px; background: var(--portocaliu); } #IFG_DespreNoi_promo h2 { color: var(--verde); font-size: 1.5rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_DespreNoi_promo h2:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25% ; height:2px; background: var(--portocaliu); } #IFG_DespreNoi_promo p { color: var(--gri_inchis); font-size: 1.2rem; font-weight: 300; font-style: italic; padding: 20px 0; line-height: 1.75; } #IFG_DespreNoi_recomandare { width: 100%; float: left; padding: 0; background-color: var(--alb); text-align: center; } #IFG_DespreNoi_recomandare h1 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_DespreNoi_recomandare h1:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25% ; height:2px; background: var(--portocaliu); } #IFG_DespreNoi_recomandare .recomandare_wrap { width: 100%; display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; } #IFG_DespreNoi_recomandare .recomadnare_item { padding: 50px 10px; text-align: center; border-radius: 15px; transition: all 0.3s ease-in-out;} #IFG_DespreNoi_recomandare .recomadnare_item img { max-width: 150px; } #IFG_DespreNoi_recomandare h2 { color: var(--gri_inchis); font-size: 1.5rem; font-weight: 400; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_DespreNoi_recomandare h2:after { content:''; position:absolute; left:0; right:0; top:110%; width:25%; height:2px; background: var(--portocaliu); } #IFG_DespreNoi_recomandare p { color: var(--gri_inchis); font-size: 1.2rem; font-style: italic; padding: 20px 0; line-height: 1.75; } #IFG_Banner_Programare { width: 100%; float: left; margin: 50px 0 50px 0; } #IFG_Banner_Programare .banner_programare_wrap { width: 96%; padding: 2% 2%; background-color: var(--portocaliu); border-radius: 15px; float: left; } #IFG_Banner_Programare h1 { color: var(--verde); font-size: 2rem; } #IFG_Banner_Programare h2 { color: var(--verde); font-size: 1.5rem; } #IFG_Banner_Programare p { color: var(--gri_inchis); font-size: 1.2rem; font-weight: 300; font-style: italic; } #IFG_Banner_Programare .banner_programare_left { float:left; width: 75%; } #IFG_Banner_Programare .banner_programare_right { float:left; width: 25%; text-align: right; } #IFG_Banner_Programare a { color: var(--alb); font-size: 1.4rem; background: var(--verde); text-decoration: none; padding: 15px 25px; border-radius: 15px; border: 1px solid var(--verde_inchis); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Banner_Programare a:hover { color: var(--verde); background: var(--alb); border: 1px solid var(--verde); transition: all 0.3s ease-in-out; } #IFG_Foto { width: 100%; float: left; } #IFG_Foto .foto_wrap { width: 100%; display: grid; grid-template-columns: 25% 25% 25% 25%; } #IFG_Foto .foto_item { max-height: 300px; } #IFG_Foto .foto_item img { width: 100%; height: 100%; display: block; object-fit: cover; } #IFG_Foto .foto_item img:hover { filter: brightness(1.15);} #IFG_Servicii { width: 100%; float: left; display: block; } #IFG_Servicii .servicii_wrap { width: 100%; display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; } #IFG_Servicii .servicii_item { padding: 50px 10px; text-align: center; border-radius: 15px; transition: all 0.3s ease-in-out;} #IFG_Servicii .servicii_item h3 { color: var(--alb); font-size: 1.5rem; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Servicii .servicii_item h3:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25% ; height:2px; background: var(--portocaliu); } #IFG_Servicii p { color: var(--alb); font-size: 1.2rem; font-weight: 300; font-style: italic; } #IFG_Servicii a { color: var(--alb); background: var(--transparent); text-decoration: none; padding: 10px 15px; border-radius: 15px; border: 1px solid var(--alb); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Servicii a:hover { color: var(--verde); background: var(--alb); border: 1px solid var(--alb); transition: all 0.3s ease-in-out; } #IFG_Servicii .servicii_item:nth-child(1) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/recuperare-medicala/electroterapie.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(2) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/recuperare-medicala/ultrasunete.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(3) { background: linear-gradient(var(--portocaliu_transparent1), var(--portocaliu_transparent1)), url('assets/img/recuperare-medicala/laser.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(4) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/recuperare-medicala/shockwave.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(5) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/recuperare-medicala/tecar.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(6) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/recuperare-medicala/taping.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(7) { background: linear-gradient(var(--portocaliu_transparent1), var(--portocaliu_transparent1)), url('assets/img/recuperare-medicala/kinetoterapie.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(8) { background: linear-gradient(var(--portocaliu_transparent1), var(--portocaliu_transparent1)), url('assets/img/recuperare-medicala/dry-needling.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:nth-child(9) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/recuperare-medicala/schroth.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(1) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/recuperare-medicala/electroterapie.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(2) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/recuperare-medicala/ultrasunete.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(3) { background: linear-gradient(var(--portocaliu_transparent), var(--portocaliu_transparent)), url('assets/img/recuperare-medicala/laser.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(4) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/recuperare-medicala/shockwave.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(5) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/recuperare-medicala/tecar.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(6) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/recuperare-medicala/taping.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(7) { background: linear-gradient(var(--portocaliu_transparent), var(--portocaliu_transparent)), url('assets/img/recuperare-medicala/kinetoterapie.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(8) { background: linear-gradient(var(--portocaliu_transparent), var(--portocaliu_transparent)), url('assets/img/recuperare-medicala/dry-needling.jpg'); background-size: cover; } #IFG_Servicii .servicii_item:hover:nth-child(9) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/recuperare-medicala/schroth.jpg'); background-size: cover; } #IFG_Servicii1 { width: 100%; float: left; } #IFG_Servicii1 .servicii_wrap { width: 100%; display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; } #IFG_Servicii1 .servicii_item { padding: 50px 10px; text-align: center; border-radius: 15px; transition: all 0.3s ease-in-out;} #IFG_Servicii1 .servicii_item h3 { color: var(--alb); font-size: 1.5rem; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Servicii1 .servicii_item h3:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25% ; height:2px; background: var(--portocaliu); } #IFG_Servicii1 p { color: var(--alb); font-size: 1.2rem; font-weight: 300; font-style: italic; } #IFG_Servicii1 a { color: var(--alb); background: var(--transparent); text-decoration: none; padding: 10px 15px; border-radius: 15px; border: 1px solid var(--alb); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Servicii1 a:hover { color: var(--verde); background: var(--alb); border: 1px solid var(--alb); transition: all 0.3s ease-in-out; } #IFG_Servicii1 .servicii_item:nth-child(1) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/masaj/masaj-relaxare.jpg'); background-size: cover; } #IFG_Servicii1 .servicii_item:nth-child(2) { background: linear-gradient(var(--verde_transparent1), var(--verde_transparent1)), url('assets/img/masaj/masaj-anticelulitic.jpg'); background-size: cover; } #IFG_Servicii1 .servicii_item:nth-child(3) { background: linear-gradient(var(--portocaliu_transparent1), var(--portocaliu_transparent1)), url('assets/img/masaj/masaj-lux.jpg'); background-size: cover; } #IFG_Servicii1 .servicii_item:hover:nth-child(1) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/masaj/masaj-relaxare.jpg'); background-size: cover; } #IFG_Servicii1 .servicii_item:hover:nth-child(2) { background: linear-gradient(var(--verde_transparent), var(--verde_transparent)), url('assets/img/masaj/masaj-anticelulitic.jpg'); background-size: cover; } #IFG_Servicii1 .servicii_item:hover:nth-child(3) { background: linear-gradient(var(--portocaliu_transparent), var(--portocaliu_transparent)), url('assets/img/masaj/masaj-lux.jpg'); background-size: cover; } #IFG_News { width: 100%; float: left; background: var(--alb); text-align: center; } #IFG_News p { color: var(--gri_inchis); font-size: 1.2rem; font-weight: 300; } #IFG_News h2 { color: var(--verde); font-size: 3rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 75px; } #IFG_News h2:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25%; height:2px; background: var(--portocaliu); } #IFG_News .news_wrap { width: 100%; display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; } #IFG_News .news_item { border-radius: 15px; overflow: hidden; } #IFG_News .news_item_img { width: 100%; height: 15vh; } #IFG_News .news_item a { color: var(--verde); background: var(--transparent); text-decoration: none; padding: 10px 15px; border-radius: 15px; border: 1px solid var(--verde); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_News .news_item a:hover { color: var(--alb); background: var(--verde); border: 1px solid var(--verde); transition: all 0.3s ease-in-out; } #IFG_News .news_item h3 { color: var(--verde); font-size: 1.5rem; font-weight: 300; font-family: 'Cormorant Garamond', serif; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_News .news_item h3:after { content:''; position:absolute; left:0; right:0; top:110%; width:50%; margin: auto 25%; height:2px; background: var(--verde_deschis); } #IFG_Google_Maps { width: 100%; float:left; } #IFG_Map_Placeholder { width: 100%; float:left; height: 600px; display: block; } #IFG_Fotter { width: 96%; padding: 50px 2%; background: var(--verde_inchis); float: left; display: block; font-size: 1.2rem; font-weight: 300; color: var(--alb); } #IFG_Fotter a { color: var(--alb); text-decoration: none; transition: all 0.3s ease-in-out; } #IFG_Fotter a:hover { color: var(--galben); transition: all 0.3s ease-in-out; } #IFG_Fotter h3 { color: var(--alb); font-size: 1.2rem; margin-bottom: 10px; position:relative; display:inline-block; } #IFG_Fotter h3:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Fotter li { list-style: none; position: relative; padding: 15px 0px; } #IFG_Fotter li a { font-size: 1.2rem; color: var(--alb); text-decoration: none; padding: 5px 10px; margin-bottom: 15px; border-bottom: 1px solid var(--transparent); transition: all 0.3s ease-in-out; } #IFG_Fotter li a:hover {color: var(--alb); border-bottom: 1px solid var(--portocaliu); transition: all 0.3s ease-in-out; } #IFG_Fotter li.current-menu-itrem a { border-bottom: 1px solid var(--transparent); color: var(--galben); transition: all 0.3s ease-in-out; } #IFG_Fotter .fotter_tab_1 {float:left; width: 35%; margin-right: 5%; } #IFG_Fotter .fotter_tab_1 img { width: 100%; max-width: 350px; } #IFG_Fotter .fotter_tab_2 {float:left; width: 20%; } #IFG_Fotter .fotter_tab_3 {float:left; width: 25%; } #IFG_Fotter .fotter_tab_4 {float:left; width: 15%; text-align: right; } #IFG_Copyright { width: 96%; padding: 25px 2%; background: var(--gri_inchis); float: left; display: block; font-size: 1rem; color: var(--gri_deschis); } #IFG_Copyright a { color: var(--alb); text-decoration: none; transition: all 0.3s ease-in-out; } #IFG_Copyright a:hover { color: var(--portocaliu); transition: all 0.3s ease-in-out; } #IFG_Copyright .copyright_tab_1 {float:left; width: 50%; } #IFG_Copyright .copyright_tab_2 {float:left; width: 50%; text-align: right; } #IFG_Continut { width: 100%; float: left; padding: 50px 0 100px 0; } #IFG_Continut h1 { color: var(--gri_inchis); font-size: 2.5rem; font-weight: 300; position:relative; display:inline-block; margin-bottom: 10px; } #IFG_Continut h1:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Continut h2 { color: var(--verde); font-size: 2.3rem; font-weight: 300; position:relative; display:inline-block; margin-bottom: 10px; } #IFG_Continut h2:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Continut h3 { color: var(--gri_inchis); font-size: 2rem; font-weight: 300; position:relative; display:inline-block; margin-bottom: 10px } #IFG_Continut h3:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Continut h4 { color: var(--gri_inchis); font-size: 1.5rem; font-weight: 300; position:relative; display:inline-block; margin-bottom: 10px } #IFG_Continut h4:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Continut h5 { color: var(--gri_inchis); font-size: 1.3rem; font-weight: 300; position:relative; display:inline-block; margin-bottom: 10px } #IFG_Continut h5:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Continut h6 { color: var(--gri_inchis); font-size: 1.2rem; font-weight: 300; position:relative; display:inline-block; margin-bottom: 10px } #IFG_Continut h6:after { content:''; position:absolute; left:0; right:0; top:100%; width:25%; height:2px; background: var(--portocaliu); } #IFG_Continut p { color: var(--gri_inchis); font-size: 1.3rem; font-weight: 300; } #IFG_Continut li { color: var(--gri_inchis); font-size: 1.3rem; font-weight: 300; } #IFG_Continut ul { padding: 35px 0px;} #IFG_Continut li { color: var(--gri_inchis); font-size: 1.3rem; margin-left: 25px; } #IFG_Continut a { color: var(--verde); font-size: 1.3rem; text-decoration: none; transition: all 0.3s ease-in-out; } #IFG_Continut a:hover { text-decoration: underline; transition: all 0.3s ease-in-out; } #IFG_Continut a.btn { color: var(--verde); background: var(--transparent); font-size: 1rem; text-decoration: none; padding: 10px 15px; border-radius: 15px; border: 1px solid var(--verde); transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Continut a.btn:hover { color: var(--alb); background: var(--verde); border: 1px solid var(--verde); transition: all 0.3s ease-in-out; } #IFG_Continut img { border-radius: 15px; } #IFG_Continut form { width: 80%; padding: 5%; margin:0 5%; border-radius: 15px; border: 1px solid var(--umbra); box-shadow: 0px 0px 15px var(--umbra); } #IFG_Continut span.form_title { width: 100%; color: var(--verde); font-family: 'Cormorant Garamond', serif; font-size: 2rem; position:relative; display:inline-block; padding-bottom: 10px; text-align: center; } #IFG_Continut span.form_title::after { content:''; position:absolute; left:0; right:0; top:100%; width:34%; margin: 0 33%; height:2px; background: var(--portocaliu); } #IFG_Continut input { width: 95%; margin:0 0% 30px 0%; padding: 15px 2%; font-size: 1.2rem; font-weight: 300; color: var(--verde); background: var(--alb); border: 1px solid var(--verde); border-radius: 5px;} #IFG_Continut input::placeholder { color: var(--verde); } #IFG_Continut textarea { width: 95.2%; height: 150px; margin:0 0% 10px 0%; padding: 15px 2%; font-size: 1.2rem; font-weight: 300; color: var(--verde); margin-bottom: 50px; background: var(--alb); border: 1px solid var(--verde); border-radius: 5px;} #IFG_Continut textarea::placeholder { color: var(--verde); } #IFG_Continut input.form_steag { display: none; } #IFG_Continut input[type = submit] { width: 44.5%; margin:0 28% 30px 28%; padding: 15px 0; font-size: 1.2rem; font-weight: 300; color: var(--alb); text-align: center; background: var(--verde); border: 1px solid var(--transparent); border-radius: 15px; cursor: pointer; transition: all 0.3s ease-in-out;} #IFG_Continut input[type = submit]:hover { background: var(--verde_deschis); color: var(--alb); transition: all 0.3s ease-in-out;} /* Anulare titlu SimpleLightbox */ .slb_template_tag_item_title { display: none;} /* Anomali WP */ .screen-reader-text { display: none; } @media all and (max-width: 1124px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1124px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1124px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1124px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1124px), only screen and (min-resolution: 192dpi) and (max-width: 1124px), only screen and (min-resolution: 2dppx) and (max-width: 1124px) { .linie_spatiu { height: 50px;} .div50 { width: 100%; margin-bottom: 100px; float: left; } #IFG_Top { display: block; } #IFG_Logo { width: 100%; margin-right: 0; float: left; text-align: center; padding-bottom: 50px; } #IFG_Menu { width: 20%; position: relative; float: right; } #IFG_Menu ul { display: block; width: auto; min-width: 250px; position: absolute; top: 85px; right: 0; z-index: 99999; background: var(--verde); border-radius: 5px; box-shadow: 0px 5px 5px var(--umbra); animation: dropdownAnimation 0.3s ease; } #IFG_Menu ul li { display: block; list-style: none; position: relative; margin: 0 10px; } #IFG_Menu li a { display: block; padding: 20px 0px; border-bottom: none; color: var(--alb); text-align: center; } #IFG_Menu li.current-menu-item a { border-bottom: none; color: var(--alb); } #IFG_Menu li a:hover { border-bottom: none; color: var(--galben); } #IFG_Menu ul ul { display: none; position: relative; top: 3px; background: var(--verde_inchis); } #IFG_Menu_desktop {display: none;} #IFG_Menu_mobile {width: 100%; display: block; text-align: right; } #IFG_Info { display: block; float: left; width: 80%;} #IFG_Telefon { text-align: left; float: left; width: auto !important; margin-right: 10px; } #IFG_Telefon a { color: var(--verde); background: var(--transparent); max-width: 100%; overflow: hidden; font-size: 1rem; } #IFG_Telefon a:hover { color: var(--verde_deschis); } #IFG_Socializare { width: 50%; float: left; text-align: left; padding: 10px 0px; } #IFG_Banner p { font-size: 1.2rem; } #IFG_Banner h1 { font-size: 2rem; } #IFG_Banner h2 { font-size: 1.8rem; } #IFG_Banner h3 { font-size: 1.6rem; } #IFG_Banner h4 { font-size: 1.4rem; } #IFG_Banner h5 { font-size: 1.2rem; } #IFG_Banner h6 { font-size: 1rem; } #IFG_Produse_Promovate { padding: 100px 0; } #IFG_Produse_Promovate .produse_promovate_wrap { width: 100%; display: grid; gap: 2%; grid-template-columns: 100%; grid-auto-rows: 1fr; } #IFG_Produse_Promovate .tab_produse_promovate { width: 96%; padding: 5% 2%; text-align: center; border-radius: 15px; } #IFG_Produse_Promovate .tab_produse_promovate img { width: 100%; max-width: 100px;} #IFG_DespreNoi_promo h1 { font-size: 2rem; } #IFG_DespreNoi_promo h2 { font-size: 1.5rem; } #IFG_DespreNoi_promo p { font-size: 1rem; } #IFG_DespreNoi_recomandare .recomandare_wrap { width: 100%; display: block; } #IFG_DespreNoi_recomandare .recomadnare_item { padding: 50px 2%; width: 96%; } #IFG_DespreNoi_recomandare .recomadnare_item img { max-width: 50px; } #IFG_DespreNoi_recomandare h1 { font-size: 2rem; } #IFG_DespreNoi_recomandare h2 { font-size: 1.5rem; } #IFG_DespreNoi_recomandare p { font-size: 1rem; } #IFG_Banner_Programare .banner_programare_wrap { width: 90%; padding: 5% 5%; background-color: var(--portocaliu); border-radius: 15px; float: left; } #IFG_Banner_Programare .banner_programare_left { float:left; width: 100%; text-align: center; } #IFG_Banner_Programare .banner_programare_right { float:left; width: 100%; text-align: center; margin-top: 25px; } #IFG_Banner_promo h1 { font-size: 2rem; } #IFG_Banner_promo p { font-size: 1.2rem; width: 100%; } #IFG_Banner_promo1 h1 { font-size: 1.2rem; } #IFG_Banner_promo1 p { font-size: 1.2rem; width: 100%; } #IFG_Foto .foto_wrap { width: 100%; display: grid; grid-template-columns: 50% 50%; } #IFG_Foto .foto_item { max-height: 150px; } #IFG_News .news_wrap { display: block; } #IFG_News .news_item { width: 100%; overflow: hidden; float: left; } #IFG_News p { font-size: 1rem; } #IFG_News h2 { font-size: 2rem; } #IFG_Servicii .servicii_wrap { width: 100%; display: block; } #IFG_Servicii .servicii_item { width: 96%; padding: 25px 2%; text-align: center; margin-bottom: 25px; float: left; display: block; } #IFG_Servicii .servicii_item h3 { font-size: 1.2rem; } #IFG_Servicii p { font-size: 1rem; } #IFG_Servicii1 .servicii_wrap { width: 100%; display: block; } #IFG_Servicii1 .servicii_item { width: 96%; padding: 25px 2%; text-align: center; margin-bottom: 25px; float: left; display: block; } #IFG_Servicii1 .servicii_item h3 { font-size: 1.2rem; } #IFG_Servicii1 p { font-size: 1rem; } #IFG_Continut .produse_wrap { width: 100%; display: grid; gap: 2em; grid-template-columns: 45% 45%; grid-auto-rows: 1fr; margin-bottom: 25px; } #IFG_Continut form { width: 90%; padding: 4%; margin:0 1%; border-radius: 15px; border: 1px solid var(--umbra); box-shadow: 0px 0px 15px var(--umbra); } #IFG_Fotter h3 { max-width:none; } #IFG_Fotter h3:after { content:''; position:absolute; left:0; right:0; top:120%; width:50%; margin: auto 25% ; height:2px; background: var(--portocaliu); } #IFG_Fotter .fotter_tab_1 { width: 100%; text-align: center; margin-bottom: 50px; font-size: 1rem;} #IFG_Fotter .fotter_tab_1 img { max-width: 80%; } #IFG_Fotter .fotter_tab_2 { width: 100%; text-align: center; margin-bottom: 50px;} #IFG_Fotter .fotter_tab_3 { width: 100%; text-align: center; margin-bottom: 50px;} #IFG_Fotter .fotter_tab_4 { width: 100%; text-align: center; margin-bottom: 50px;} }