/* Threme Name: Floraria Iris Caransebes Text Domain: INFOGHID Author: INFOGHID team Description: Trema Wordpress pentru florarie. Version: 1.0 Tags: responsive Requires at least: 6.0 Requires PHP: 7.4 License: INFOGHID */ :root { font-size: 13pt; --verde_inchis: #0C4727; --verde:#61B55E; --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(0,0,0,0.2); } 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: 'Cormorant Garamond', serif; } .paginatie { width: 96%; padding: 0px 2%; margin: 0 auto; max-width: 1300px; } .paginatie_flex { width: 96%; padding: 0px 2%; margin: 0 auto; display: flex; max-width: 1300px; } .color_verde { color: var(--verde);} .color_gri { color: var(--gri_inchis);} .font_2rem { font-size: 2rem;} .wp-element-button { background: var(--verde); color: var(--alb); transition: all 0.3s ease-in-out; border-radius: 5px; } .wp-element-button:hover { background: var(--verde_inchis); color: var(--galben); transition: all 0.3s ease-in-out; } #IFG_Top { width: 96%; padding: 10px 2%; background: var(--verde_inchis); float: left; display: flex; } #IFG_Logo { float: left; width: 18%; margin-right: 2%; align-self:center; } #IFG_Logo img { max-width: 100%; } #IFG_Menu_mobile {width: 100%; display: none; 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:60%; float:left; text-align: center; 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(--alb); 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(--galben); color: var(--galben); transition: all 0.3s ease-in-out; } #IFG_Menu li.current-menu-itrem a { border-bottom: 1px solid var(--transparent); color: var(--galben); transition: all 0.3s ease-in-out; } #IFG_Menu ul ul { display: none; position: absolute; top: 37px; 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; } #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(--galben); color: var(--verde_inchis); transition: all 0.3s ease-in-out; } #IFG_Info { width:20%; float:left; align-self:center; } #IFG_Info_Mobile { display:none; width: 100%; float: left; text-align: center; background: var(--verde_inchis);} #IFG_Adresa { width: 100%; float: left; font-size: 1.2rem; text-align: right;} #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;} #IFG_Telefon a { color: var(--verde); text-decoration: none; padding: 5px 0; transition: all 0.3s ease-in-out; display: inline-block; } #IFG_Telefon a:hover { color: var(--galben); transition: all 0.3s ease-in-out; } #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(--galben); transition: all 0.3s ease-in-out; } #IFG_Fotter { width: 96%; padding: 50px 2%; background: var(--gri_inchis); float: left; display: block; font-size: 1.2rem; color: var(--gri_deschis); } #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; border-bottom: 1px solid var(--verde); max-width: fit-content; } #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(--verde); 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: 450px; } #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(--negru); 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(--galben); 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_Banner { width: 100%; float: left; background: var(--gri_inchis); } #IFG_Banner h1 { color: var(--verde_inchis); font-size: 2.5rem; font-weight: bold; } #IFG_Banner h2 { color: var(--verde_inchis); font-size: 2rem; } #IFG_Banner p { color: var(--verde_inchis); font-size: 1.2rem; font-weight: bold; font-style: italic; } #IFG_Banner .banner_wrap { width: 100%; padding: 150px 0; display: flex; } #IFG_Banner .banner_tab1 { width: 50%; float: left; align-self:center; text-align: left;} #IFG_Banner .banner_tab2 { width: 50%; float: left; align-self:center; text-align: left;} #IFG_Banner h1 { color: var(--verde); font-size: 2.5rem; font-weight: bold; } #IFG_Banner h2 { color: var(--verde); font-size: 2.3rem; font-weight: bold; } #IFG_Banner h3 { color: var(--verde); font-size: 2rem; font-weight: bold; } #IFG_Banner h4 { color: var(--verde); font-size: 1.5rem; font-weight: bold; } #IFG_Banner h5 { color: var(--verde); font-size: 1.3rem; font-weight: bold; } #IFG_Banner h6 { color: var(--verde); font-size: 1.2rem; font-weight: bold; } #IFG_Banner p { color: var(--verde_inchis); font-size: 1.4rem; } #IFG_TopCategori { width: 100%; float: left; text-align: center; padding: 150px 0; background: url('assets/img/bg1.jpg') 0 350px no-repeat var(--gri_inchis); background-size: cover; } #IFG_TopCategori h2 { color: var(--alb); font-size: 2rem; } #IFG_TopCategori p { color: var(--alb); font-size: 1rem; font-weight: 300; } #IFG_TopCategori .topcategorii_wrap { width: 100%; display: grid; gap: 2%; grid-template-columns: 31.6% 31.6% 31.6%; grid-auto-rows: 1fr; } #IFG_TopCategori .topcategorii_tab { text-align: center; padding: 5px 5px 15px 5px; border-radius: 5px; margin-bottom: 5px; transition: all 0.3s ease-in-out; overflow: hidden; } #IFG_TopCategori .topcategorii_tab:hover { transform: scale(1.05); transition: all 0.3s ease-in-out;} #IFG_TopCategori .topcategorii_tab img { max-width: 100%; margin-bottom: 15px; border-radius: 5px;} #IFG_TopCategori .topcategorii_tab img:hover { filter:brightness(1.1);} #IFG_TopCategori .topcategorii_tab h6 { color: var(--gri_inchis); font-size: 1.2rem; } #IFG_TopCategori .wrap_info { width: 100%; padding: 75px 0px; display: grid; gap: 4%; grid-template-columns: 17% 17% 17% 17%; grid-auto-rows: 1fr; justify-content:center; } #IFG_TopCategori .info_tab p { color: var(--gri_inchis);} #IFG_TopCategori .info_tab img { max-width: 25%; margin-bottom: 15px; border-radius: 5px;} #IFG_TopCategori .wrap_info_text { width: 100%; text-align: center; color: var(--gri_inchis); } #IFG_TopCategori .wrap_info_text p { text-align: center; color: var(--gri_inchis); font-style: italic; font-size: 1.3rem; font-weight: bold; } #IFG_DespreNoi {width: 100%; float: left; display: flex; align-items: stretch; } #IFG_DespreNoi .desprenoi_tab {width: 40%; float: left; padding: 75px 5%; background: var(--verde_inchis);} #IFG_DespreNoi .desprenoi_tab:first-child { background: url('assets/img/bg_despre_noi.jpg') center center; background-size: cover; } #IFG_DespreNoi .desprenoi_tab h2 { color: var(--alb); font-size: 2.5rem;} #IFG_DespreNoi .desprenoi_tab h3 { color: var(--alb); font-size: 1.5rem; font-style: italic; font-weight: 300;} #IFG_DespreNoi .desprenoi_tab p { color: var(--alb); font-size: 1.2rem; font-weight: 300; } #IFG_DespreNoi .desprenoi_tab p span { color: var(--verde_deschis); font-size: 1.2rem; font-weight: 300; font-style: italic; } #IFG_DespreNoi .desprenoi_tab a { font-size: 1.2rem; color: var(--galben); text-decoration: none; transition: all 0.3s ease-in-out;} #IFG_DespreNoi .desprenoi_tab a:hover { text-decoration: underline; color: var(--alb); transition: all 0.3s ease-in-out;} #IFG_Produse_Promovate { width: 100%; float: left; text-align: center; padding: 150px 0; background: url('assets/img/bg2.jpg') 0 350px no-repeat var(--gri_inchis); background-size: cover; } #IFG_Produse_Promovate h2 { color: var(--alb); font-size: 2rem; } #IFG_Produse_Promovate h3 { color: var(--alb); font-size: 1.2rem; } #IFG_Produse_Promovate p { color: var(--alb); font-size: 1rem; font-weight: 300; } #IFG_Produse_Promovate a { font-size: 1.2rem; color: var(--verde); text-decoration: none; transition: all 0.3s ease-in-out;} #IFG_Produse_Promovate a:hover { text-decoration: underline; } #IFG_Produse_Promovate .produsepromovate_wrap { width: 100%; display: grid; gap: 3em; grid-template-columns: 22% 22% 22% 22%; grid-auto-rows: 1fr; margin-bottom: 25px; } #IFG_Produse_Promovate .produsepromovate_item img { border-radius: 5px; width: 100%; object-fit: cover; margin-bottom: 15px; } #IFG_Produse_Promovate .produsepromovate_item img:hover { filter:brightness(1.1);} #IFG_Produse_Promovate .produsepromovate_item h1 { font-size: 1.2rem; color: var(--verde); } #IFG_Produse_Promovate .produsepromovate_item p { font-size: 1.2rem; color: var(--gri); } #IFG_Produse_Promovate .produsepromovate_item { text-align: center; padding: 5px 5px 15px 5px; border-radius: 5px; margin-bottom: 5px; transition: all 0.3s ease-in-out; } #IFG_Produse_Promovate .produsepromovate_item:hover { transform: scale(1.05); transition: all 0.3s ease-in-out;} #IFG_Google_Maps { width: 100%; float:left; } #IFG_Map_Placeholder { width: 100%; float:left; height: 600px; display: block; } #IFG_Continut { width: 100%; float: left; padding: 100px 0; background: url('assets/img/bg1.jpg') no-repeat var(--alb); background-size: cover; } #IFG_Continut h1 { color: var(--gri_inchis); font-size: 2.5rem; font-weight: bold; } #IFG_Continut h2 { color: var(--gri_inchis); font-size: 2.3rem; font-weight: bold; } #IFG_Continut h3 { color: var(--gri_inchis); font-size: 2rem; font-weight: bold; } #IFG_Continut h4 { color: var(--gri_inchis); font-size: 1.5rem; font-weight: bold; } #IFG_Continut h5 { color: var(--gri_inchis); font-size: 1.3rem; font-weight: bold; } #IFG_Continut h6 { color: var(--gri_inchis); font-size: 1.2rem; font-weight: bold; } #IFG_Continut p { color: var(--gri_inchis); font-size: 1.3rem; } #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 .produse_wrap { width: 100%; display: grid; gap: 3em; grid-template-columns: 22% 22% 22% 22%; grid-auto-rows: 1fr; margin-bottom: 25px; } #IFG_Continut .produse_item img { border-radius: 5px; width: 100%; object-fit: cover; margin-bottom: 15px; } #IFG_Continut .produse_item img:hover { filter:brightness(1.1);} #IFG_Continut .produse_item h1 { font-size: 1.2rem; color: var(--verde); } #IFG_Continut .produse_item p { font-size: 1.2rem; color: var(--gri); } #IFG_Continut .produse_item { text-align: center; padding: 5px 5px 15px 5px; border-radius: 5px; margin-bottom: 5px; transition: all 0.3s ease-in-out; } #IFG_Continut .produse_item:hover { transform: scale(1.05); transition: all 0.3s ease-in-out;} #IFG_Continut .ifg_paginatie { width: 100%; text-align: center; font-size: 1.3rem;} #IFG_Continut .ifg_paginatie a { padding: 10px 15px; border: 1px solid var(--verde); border-radius: 5px; text-decoration: none; transition: all 0.3s ease-in-out; } #IFG_Continut .ifg_paginatie a:hover {color: var(--alb); background: var(--verde); transition: all 0.3s ease-in-out; } #IFG_Continut .ifg_paginatie .current { padding: 10px 15px; border: 1px solid var(--verde); border-radius: 5px; text-decoration: none; color: var(--alb); background: var(--verde);} /* Anulare titlu SimpleLightbox */ .slb_template_tag_item_title { display: none;} /* Anomali WP */ .screen-reader-text { display: none; } @media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #IFG_Logo { width: 70%; margin-right: 0; } #IFG_Menu { width: 30%; position: relative; } #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; } #IFG_Menu li a:hover { border-bottom: none; } #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: none; } #IFG_Info_Mobile { display: block; float: left; padding-bottom: 40px;} #IFG_Adresa { text-align: center;} #IFG_Telefon{ text-align: center;} #IFG_Socializare { width: 100%; float: left; text-align: center; padding: 15px 0px;} #IFG_Fotter h3 { max-width:none; } #IFG_Fotter .fotter_tab_1 { width: 100%; text-align: center; margin-bottom: 50px;} #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;} #IFG_TopCategori .wrap_info { width: 100%; display: grid; gap: 4%; grid-template-columns: 42% 42%; grid-auto-rows: 1fr; justify-content:center; } #IFG_DespreNoi {display: block; } #IFG_DespreNoi .desprenoi_tab {width: 90%; float: left; padding: 100px 5%; background: var(--verde_inchis);} #IFG_Produse_Promovate .produsepromovate_wrap { width: 100%; display: grid; gap: 2em; grid-template-columns: 45% 45%; grid-auto-rows: 1fr; margin-bottom: 25px; } #IFG_Continut .produse_wrap { width: 100%; display: grid; gap: 2em; grid-template-columns: 45% 45%; grid-auto-rows: 1fr; margin-bottom: 25px; } }