/* Threme Name: WEBSITE PRIMARIE Text Domain: INFOGHID Author: INFOGHID Caransebes Author URI: http://www.cs-infoghid.ro Description: Responsive design by INFOGHID Team Caransebes. Version: 1.01 Tags: responsive Requires at least: 6.0 Requires PHP: 7.4 License: INFOGHID */ @charset "utf-8"; /* CSS Document */ :root { --font-size: 10pt; --font_baza: 'Open Sans', sans-serif; --culoare_baza_inchisa: #288d92; --culoare_baza: #3caeb4; --culoare_baza_deschisa: #5edce2; --culoare_secundara1: #ddcd50; --culoare_secundara2: #5da039; --bg_baza_inchis: url(assets/img/bg_baza_inchis.png); --bg_baza: url(assets/img/bg_baza.png); --bg_baza_deschis: url(assets/img/bg_baza_deschis.png); --bg_secundara1: url(assets/img/bg_secundar1.png); --bg_secundara2: url(assets/img/bg_secundar2.png); --bg_contact: url(assets/img/front-page-aerial.jpg); --bg_monitor_oficial_local: url(assets/img/front-page-viziune.jpg); --alb: #fff; --negru: #000; --gri_deschis:#ccc; --gri:#666; --gri_inchis:#333; } * { margin:0px; padding:0px;} body { margin:0px; padding:0px; font-family: var(--font_baza); font-size:var(--font-size); } img {max-width: 100%;} .paginatie { width:90%; max-width:1200px; margin:0 auto; } .w100_p10 { width: 90%; margin: 0px 5%;} .p_25vh { padding:20vh 0px; } .title_fx1 { width: 250px; display: block; height: 20px; border-radius: 15px; background-color: var(--culoare_secundara1); margin-bottom: 10px;} .title_fx1_accent { width: 33%; float: left; display: block; height: 20px; border-radius: 15px; background-color: var(--culoare_baza);} .title_fx2 { width: 250px; display: block; height: 20px; border-radius: 15px; background-color: var(--culoare_baza); margin-bottom: 10px;} .title_fx2_accent { width: 33%; float: left; display: block; height: 20px; border-radius: 15px; background-color: var(--culoare_secundara1);} .wp-block-button__link { font-size:0.9rem; font-family: var(--font_baza); background:var(--bg_baza) var(--culoare_baza_inchisa); padding:11px 25px 10px 25px; color:var(--alb); border:none; text-decoration:none; transition: all 0.2s ease-in-out; } .wp-block-button__link:hover { background:var(--bg_baza_deschis) var(--culoare_baza_deschisa); color:var(--alb); transition: all 0.2s ease-in-out; } #IFG_Top { width:100%; margin:0px; float:left;} #IFG_Logo { width:40%; margin:2% 5%; float:left; } #IFG_Cautare { width:40%; margin:0 5%; float:left; } #searchform { text-align:right; width:100%; float:left; padding:50px 0px 0px 0px;} #searchform label { display:none; } #searchform input { padding:10px 5px; text-align:left; font-size:0.9rem; font-family: var(--font_baza); color:var(--culoare_baza_inchisa); border:1px solid var(--gri_deschis); } #searchform input[type="submit"] { font-size:0.9rem; font-family: var(--font_baza); background:var(--bg_baza) var(--culoare_baza_inchisa); padding:11px 25px 11px 25px; color:var(--alb); border:none; text-decoration:none; transition: all 0.2s ease-in-out; } #searchform input[type="submit"]:hover { background:var(--bg_baza_deschis) var(--culoare_baza_deschisa); color:var(--alb); transition: all 0.2s ease-in-out; cursor: pointer; } #IFG_Banner { width: 100%; float: left; background: var(--alb); } #IFG_Banner p { color: var(--alb); font-size: 1.2rem; text-shadow: 1px 1px 2px var(--negru); } #IFG_Banner a { color: var(--alb); font-size: 1.2rem; text-shadow: 1px 1px 2px var(--negru); text-decoration: underline; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Banner a:hover { color: var(--culoare_baza); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease;} #IFG_Banner .banner_wrap { width: 100%; padding: 15vh 0;} #IFG_Banner h1 { color: var(--culoare_baza_deschisa); text-shadow: 1px 1px 2px var(--negru); font-size: 3rem; font-weight: bold; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h2 { color: var(--culoare_baza_deschisa); text-shadow: 1px 1px 2px var(--negru); font-size: 2.3rem; font-weight: bold; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h3 { color: var(--culoare_baza_deschisa); text-shadow: 1px 1px 2px var(--negru); font-size: 2rem; font-weight: bold; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h4 { color: var(--culoare_baza_deschisa); text-shadow: 1px 1px 2px var(--negru); font-size: 1.5rem; font-weight: bold; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h5 { color: var(--culoare_baza_deschisa); text-shadow: 1px 1px 2px var(--negru); font-size: 1.3rem; font-weight: bold; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner h6 { color: var(--culoare_baza_deschisa); text-shadow: 1px 1px 2px var(--negru); font-size: 1.2rem; font-weight: bold; position:relative; display:inline-block; margin-bottom: 20px; } #IFG_Banner .wp-element-button { color:var(--alb); background:var(--bg_baza_inchis) var(--culoare_baza_inchisa); font-size: 1.2rem; padding:10px 20px; border-radius: 5px; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Banner .wp-element-button:hover { color:var(--alb); background:var(--bg_baza_deschis) var(--culoare_baza_deschisa); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Banner_mini { width: 100%; height: 150px; float: left; } #cssmenu { background: var(--culoare_baza_inchisa); margin: 0; width: auto; padding: 0; display: block; position: relative; font-family: var(--font_baza); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }/* formatare ul pentru referinte */ #cssmenu ul { list-style: none; margin: 0; padding: 0; display: block;} #cssmenu ul li { margin: 0; padding: 0; display: block; position: relative;} /* formatare link a */ #cssmenu ul li a { text-decoration: none; display: block; margin: 0; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}/* ascunde dropdown */ #cssmenu ul li ul { position: absolute; z-index:3; left: -9999px; top: auto; }/* efect afisare dropdown */ #cssmenu ul li ul li { max-height: 0; position: absolute; -webkit-transition: max-height 0.4s ease-out; -moz-transition: max-height 0.4s ease-out; -ms-transition: max-height 0.4s ease-out; -o-transition: max-height 0.4s ease-out; transition: max-height 0.4s ease-out; background:var(--bg_baza_inchis) var(--culoare_baza_inchisa);}/* formatare buton dropdown */ #cssmenu ul li ul li a { font-size:1.1rem; font-weight: 400; text-transform: none; color: var(--alb); display: block; min-width: 300px; padding: 10px;} #cssmenu ul li ul li:hover > a,#cssmenu ul li ul li.active > a { color: var(--culoare_baza_inchisa); background:var(--bg_secundara1) var(--culoare_secundara1); } #cssmenu ul li ul li:hover:after, #cssmenu ul li ul li.active:after { color: var(--culoare_baza_inchisa); background:var(--bg_secundara1) var(--culoare_secundara1); }/* afiseaza butoanele principale in linie*/ #cssmenu ul li.current-menu-ancestor { color: var(--culoare_baza_inchisa); background:var(--bg_baza_inchis) var(--culoare_baza_inchisa); } #cssmenu > ul > li { float: left;}/* efect dropdown */ #cssmenu > ul > li:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; width:0; top: 0; z-index: 0; background:var(--bg_baza_deschis) var(--alb); -webkit-transition: height .2s; -moz-transition: height .2s; -ms-transition: height .2s; -o-transition: height .2s; transition: height .2s;}/* iconita dropdown */ #cssmenu > ul > li.has-sub > a { padding-right: 35px;}/* iconita dropdown cerc */ #cssmenu > ul > li.has-sub > a:after { display: block; content: ''; height: 15px; width: 15px; position: absolute; border-radius: 13px; right: 14px; top: 25px;}/* iconita dropdown sageata*/ #cssmenu > ul > li.has-sub > a:before { display: block; content: ''; border: 5px solid transparent; border-top-color: var(--alb); z-index: 2; height: 0; width: 0; position: absolute; right: 16px; top: 30px;}/* iconita dropdown sageata efect culoare*/ #cssmenu > ul > li:hover > a:before,#cssmenu > ul > li.active > a:before { border-top-color: var(--culoare_baza_inchisa);}/* formatare buton principal */ #cssmenu > ul > li > a { color: var(--alb); padding: 20px 20px; font-weight: 400; font-size: 1.1rem; z-index: 2; position: relative;}/* efect de albire */ #cssmenu > ul > li:hover:after, #cssmenu > ul > li.active:after { width: 100%;}/* culoare hover menu principal */ #cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a { color: var(--alb); }/* pozitionare dropdon */ #cssmenu > ul > li:hover > ul { left: 0; }/* fara asta nu se afiseaza dorpdown */ #cssmenu > ul > li:hover > ul > li { max-height: 600px; position: relative; }/* buton NAVIGATIE */ #cssmenu #menu-button { display: none; background:var(--bg_baza) var(--culoare_baza_inchisa);} nav {width:90%; padding:0 5%; float:left; background:var(--bg_baza) var(--culoare_baza_inchisa); } /* are legatura cu buton in varianta mobila */ #IFG_Front_page_banner_contact { width: 100%; float: left; background: var(--bg_contact) var(--alb) left center; background-size: cover; } #IFG_Front_page_banner_contact p { color:var(--gri); font-size: 1.2rem; } #IFG_Front_page_banner_contact h2 { color:var(--culoare_baza_inchisa); font-size: 2.5rem; } #IFG_Front_page_banner_contact a { color:var(--culoare_baza); text-decoration:none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_banner_contact a:hover { color:var(--culoare_baza_deschisa); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_banner_contact .left_div_contact { width: 50%; float: left; display: block;} #IFG_Front_page_banner_contact .right_div_contact { width: 50%; float: right; display: block; background-color: var(--alb);} #IFG_Front_page_monitor { width: 100%; float: left; background: var(--bg_monitor_oficial_local) var(--alb) left center; background-size: cover; } #IFG_Front_page_monitor p { color:var(--alb); font-size: 1.2rem; } #IFG_Front_page_monitor h3 { color:var(--alb); font-size: 2.5rem; } #IFG_Front_page_monitor a.btn_banner2 { color:var(--culoare_baza_inchisa); background:var(--bg_secundara1) var(--culoare_secundara1); font-size: 1.2rem; padding:10px 20px; border-radius: 5px; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_monitor a.btn_banner2:hover { color:var(--alb); background:var(--bg_baza_deschis) var(--culoare_baza_deschisa); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_monitor .left_div_monitor { width: 50%; float: left; display: block; background: var(--bg_secundara2) var(--culoare_secundara2);} #IFG_Front_page_monitor .right_div_monitor { width: 50%; float: right; display: block;} #IFG_Front_page_despre { width: 100%; float: left; } #IFG_Front_page_despre { width: 100%; float: left; background-color: var(--alb); background-size: cover; } #IFG_Front_page_despre p { color:var(--gri_inchis); font-size: 1.2rem; } #IFG_Front_page_despre h1 { color:var(--culoare_baza_inchisa); font-size: 2.5rem; } #IFG_Front_page_despre a { color:var(--gri_inchis); font-size: 1.2rem; } #IFG_Front_page_despre a:hover { color:var(--culoare_baza_deschisa); font-size: 1.2rem; } #IFG_Front_page_noutati{ width: 100%; float: left; background: var(--bg_secundara2) var(--culoare_secundara2); } #IFG_Front_page_noutati p { color:var(--alb); font-size: 1.2rem; } #IFG_Front_page_noutati h1 { color:var(--alb); font-size: 2.5rem; } #IFG_Front_page_noutati h2 { color:var(--culoare_baza); font-size: 1.5rem; } #IFG_Front_page_noutati a.btn_banner2 { color:var(--culoare_baza_inchisa); background:var(--bg_secundara1) var(--culoare_secundara1); font-size: 1.2rem; padding:10px 20px; border-radius: 5px; text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_noutati a.btn_banner2:hover { color:var(--alb); background:var(--bg_baza_deschis) var(--culoare_baza_deschisa); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_noutati a { color:var(--culoare_baza_inchisa); font-size: 1.2rem; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_noutati a:hover { color:var(--culoare_baza); -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; } #IFG_Front_page_noutati .left_div_monitor { width: 50%; float: left; display: block; background: var(--bg_secundara2) var(--culoare_secundara2);} #IFG_Front_page_noutati .right_div_monitor { width: 50%; float: right; display: block;} #IFG_Front_page_noutati .item_tab_wrap { width: 100%; float: left; margin-bottom: 50px;} #IFG_Front_page_noutati .item_tab { width: 20%; padding: 1%; margin: 1.4%; background: var(--alb); border: 1px solid var(--alb); box-shadow: 0px 0px 5px 0px var(--gri_inchis); float: left; border-radius: 5px; overflow: hidden; } #IFG_Front_page_noutati .item_tab img {object-fit: cover; object-position: 100% 0; width: 100%; max-height: 150px; } #IFG_Front_page_noutati p { color:var(--gri_inchis); font-size: 1rem; } #IFG_Front_page_noutati p.data_articol { color:var(--culoare_secundara2); font-size: 0.9rem; font-weight: bold; } #sidebar { float:left; width:25%; margin:40px 0px; } #sidebar ul { width:100%; max-width:300px; float:left; margin:0px; padding:0px;} #sidebar li { padding:10px 0px; font-size:0.8rem; display:block; transition: all 0.2s ease-in-out; } #sidebar li:hover { transition: all 0.2s ease-in-out;} #sidebar li a { color:var(--culoare_secundara2); display:block; font-size:1rem; text-decoration:none; } #sidebar li a:hover { text-decoration:underline; } #sidebar p { color:var(--gri); font-size:0.7rem;} #sidebar a.pis-title-link { font-size:1.2rem; text-decoration:none; color:var(--culoare_baza_inchisa); } #sidebar a.pis-more-link { color:var(--gri_inchis); } #sidebar h1 { font-size:2.5rem; color:var(--culoare_baza_inchisa); padding: 20px 0; position:relative; display:inline-block;} #sidebar h1:after { content:''; position:absolute; left:0; right:0; top:80%; width:25%; height:2px; background: var(--culoare_secundara1); } #sidebar h2 { font-size:1.2rem; color:var(--culoare_baza_inchisa); padding: 20px 0; position:relative; display:inline-block;} #sidebar h2:after { content:''; position:absolute; left:0; right:0; top:80%; width:25%; height:2px; background: var(--culoare_secundara1); } #sidebar h3 { font-size:1.1rem; color:var(--culoare_baza_inchisa); padding: 20px 0; position:relative; display:inline-block;} #sidebar h3:after { content:''; position:absolute; left:0; right:0; top:80%; width:25%; height:2px; background: var(--culoare_secundara1); } #sidebar h4 { font-size:1rem; color:var(--culoare_baza_inchisa); padding: 20px 0; position:relative; display:inline-block;} #sidebar h4:after { content:''; position:absolute; left:0; right:0; top:80%; width:25%; height:2px; background: var(--culoare_secundara1); } #sidebar h5 { font-size:1rem; color:var(--culoare_baza_inchisa); padding: 20px 0; position:relative; display:inline-block;} #sidebar h5:after { content:''; position:absolute; left:0; right:0; top:80%; width:25%; height:2px; background: var(--culoare_secundara1); } #sidebar h6 { font-size:1rem; color:var(--culoare_baza_inchisa); padding: 20px 0; position:relative; display:inline-block;} #sidebar h6:after { content:''; position:absolute; left:0; right:0; top:80%; width:25%; height:2px; background: var(--culoare_secundara1); } #left { float:left; width:70%; margin:40px 5% 40px 0px; } #informare { width:90%; padding:140px 5%; float:left; text-align:center; font-size:1.2rem; background:var(--bg_baza) var(--culoare_baza_inchisa); color:var(--alb); } footer { width:90%; padding:80px 5%; float:left; font-size:1rem; background:url(assets/img/footer_bg.png) var(--gri_inchis); color:var(--gri_deschis); font-size:0.9rem; } footer .copyright { width:75%; float:left; } footer .infoghid { width:25%; float:left; text-align:right; } footer a { color:var(--alb); text-decoration:none;} footer a:hover { color:var(--culoare_baza_deschisa);} /* continut */ #IFG_Continut { width: 100%; float: left; } #IFG_Continut h1 { font-size:2.5rem; color:var(--culoare_baza); padding: 20px 0; } #IFG_Continut h2 { font-size:1.5rem; color:var(--culoare_baza); padding: 0 0 20px 0; } #IFG_Continut h3 { font-size:1.4rem; color:var(--culoare_baza); padding: 0 0 20px 0; } #IFG_Continut h4 { font-size:1.3rem; color:var(--culoare_baza); padding: 0 0 20px 0; } #IFG_Continut h5 { font-size:1.2rem; color:var(--culoare_baza); padding: 0 0 20px 0; } #IFG_Continut h6 { font-size:1.1rem; color:var(--culoare_baza); padding: 0 0 20px 0; } #IFG_Continut p { color:var(--gri_inchis); font-size: 1.2rem; padding-bottom: 5px; } #IFG_Continut blockquote { font-style:italic; color:var(--culoare_baza_inchisa); } #IFG_Continut ul { padding-bottom: 35px; } #IFG_Continut li { color:var(--gri_inchis); font-size: 1.2rem; margin-left: 25px; } #IFG_Continut a { color:var(--gri); transition: all 0.2s ease-in-out; font-size: 1rem; } #IFG_Continut a:hover { color:var(--culoare_baza_inchisa); transition: all 0.2s ease-in-out; } #IFG_Continut table { border-collapse:collapse;} #IFG_Continut td { border:1px solid var(--gri_deschis); padding:10px; font-size:1rem; background: var(--alb); } #IFG_Continut a.btn { background:url(assets/img/footer_bg.png) var(--culoare_baza_inchisa); padding:10px 15px; color:var(--alb); border:none; text-decoration:none; font-size:1rem; transition: all 0.2s ease-in-out; } #IFG_Continut a.btn:hover { background:var(--bg_baza_inchis) var(--alb); color:var(--culoare_baza_inchisa); transition: all 0.2s ease-in-out; } #IFG_Continut #socializare { width:100%; margin-bottom:30px; float:left;} #IFG_Continut .item_tab_wrap { width: 100%; display: grid; gap: 2%; grid-template-columns: 48% 48%; grid-auto-rows: 1fr; } #IFG_Continut .item_tab { width: 90%; padding: 3%; margin: 1.5%; background: var(--alb); border: 1px solid var(--gri_deschis); border-radius: 5px; overflow: hidden; } #IFG_Continut .item_tab:hover { border: 1px solid var(--culoare_baza); } #IFG_Continut .item_tab p { color:var(--gri_inchis); font-size: 1rem; } #IFG_Continut p.data_articol { color:var(--culoare_secundara2); font-size: 0.9rem; font-weight: bold; } #IFG_Contact_map { float:left; width:100%; height:65vh; } #IFG_Contact { float:left; width:100%; } .ifg_data_tag { font-size: 1.2rem; color: var(--culoare_secundara2); position: relative; top:-15px; } /* Specifice Wordpress */ .wrap_paginatie { width: 100%; display: block; padding-top: 50px;} .wrap_paginatie .page-numbers { padding: 10px 20px; background: var(--bg_secundara1); border-radius: 5px; font-weight: bold;} .wrap_paginatie a.page-numbers { text-decoration: none; color: var(--alb);} .wrap_paginatie a.page-numbers:hover { background: var(--bg_baza_deschis); } .wrap_paginatie .current { color: var(--culoare_baza); background: var(--alb); border: none; } .wp-block-read-more { font-size: 1.2rem; color: var(--culoare_secundara2);} .wp-block-button__link { display: inline-block; margin-bottom: 25px; } .wp-block-file__button { display:none; } .wp-block-file a { font-size: 1.2rem; color: var(--culoare_secundara2); } @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) {#logo img { content:url("img/small-logo-muzeu.png"); }#banner { display:none; } img {max-width: 100%; max-height:100%;} #IFG_Top { width:100%; float:left; text-align:center;} #IFG_Logo { width:90%; margin:0 5%; float:left; text-align:center; } #IFG_Logo img { width:100%; } #IFG_Cautare { width:100%; margin:0; float:left; } #searchform { text-align:center; width:100%; padding:0px 0px 20px 0px;} #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_Banner p { font-size: 1.2rem; } #IFG_Front_page_noutati .item_tab { width: 93%; padding: 20px 2%; margin: 20px 1.4%; background: var(--alb); border: 1px solid var(--alb); box-shadow: 0px 0px 5px 0px var(--gri_inchis); float: left; border-radius: 5px; overflow: hidden; } #IFG_Front_page_monitor .left_div_monitor { width: 100%; float: left; display: block; background: var(--bg_secundara2) var(--culoare_secundara2);} #IFG_Front_page_monitor .right_div_monitor { display: none;} #IFG_Front_page_banner_contact .left_div_contact { display: none;} #IFG_Front_page_banner_contact .right_div_contact { width: 100%; float: right; display: block; background-color: var(--alb);} #IFG_Continut .item_tab_wrap { width: 100%; display: grid; gap: 2%; grid-template-columns: 100%; grid-auto-rows: 1fr; } #sidebar { text-align: center; width: 100%; max-width: 100%;} #sidebar ul { max-width: 100%;} .wrap_paginatie .next { display: none; } .wrap_paginatie .prev { display: none; } #left { float:left; width:98%; margin:40px 1%; } #sidebar { float:left; width:98%; margin:40px 1%; } footer .copyright { width:100%; text-align:center; } footer .infoghid { width:100%; text-align:center; } #cssmenu > ul { background:var(--bg_baza) var(--culoare_baza_inchisa); max-height: 0; overflow: hidden; -webkit-transition: max-height 0.35s ease-out; -moz-transition: max-height 0.35s ease-out; -ms-transition: max-height 0.35s ease-out; -o-transition: max-height 0.35s ease-out; transition: max-height 0.35s ease-out; } #cssmenu > ul > li > ul { width: 100%; display: block; } #cssmenu.align-right ul li a { text-align: left; } #cssmenu > ul > li > ul > li { width: 100%; display: block; } #cssmenu.align-right ul ul li a { text-align: left; } #cssmenu > ul > li > ul > li > a { width: 100%; display: block; } #cssmenu ul li ul li a { width: 100%; } #cssmenu.align-center > ul { text-align: left; } #cssmenu.align-center > ul > li { display: block; } #cssmenu > ul.open { max-height: 3000px; border-top: 1px solid rgba(255, 255, 255, 0.25); } #cssmenu ul { width: 100%; } #cssmenu ul > li { float: none; width: 100%; } #cssmenu ul li a { font-size:1.2rem; font-weight:bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px 20px; } #cssmenu ul li a:hover { background:var(--bg_baza_inchis) var(--culoare_baza_inchisa); color:var(--alb); } #cssmenu ul > li:after { display: none; } #cssmenu ul li.has-sub > a:after, #cssmenu ul li.has-sub > a:before, #cssmenu ul li ul li.has-sub:after, #cssmenu ul li ul li.has-sub:before { display: none; } #cssmenu ul li ul, #cssmenu ul li ul li ul, #cssmenu ul li ul li:hover > ul, #cssmenu.align-right ul li ul, #cssmenu.align-right ul li ul li ul, #cssmenu.align-right ul li ul li:hover > ul { left: 0; position: relative; right: auto; } #cssmenu ul li ul li, #cssmenu ul li:hover > ul > li { max-height: 999px; position: relative; background: none; } #cssmenu ul li ul li a { font-size:1.2rem; padding: 20px 20px 20px 35px; } #cssmenu ul li ul li a:hover { background:var(--bg_baza_inchis) var(--culoare_baza_inchisa); } #cssmenu ul li ul ul li a { padding: 20px 20px 20px 50px; } #cssmenu ul li ul ul li a:hover { background:var(--bg_baza_inchis) var(--culoare_baza_inchisa); } #cssmenu #menu-button { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 25px 20px; text-transform: uppercase; font-weight: 700; font-size: 1rem; color: var(--alb); cursor: pointer; } #cssmenu #menu-button:after { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid var(--alb); border-bottom: 2px solid var(--alb); right: 20px; top: 26px; } #cssmenu #menu-button:before { display: block; content: ''; position: absolute; height: 3px; width: 22px; border-top: 2px solid var(--alb); right: 20px; top: 36px; } /* culoare hover menu principal */ #cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a { color: var(--alb); background:var(--bg_baza_inchis) var(--culoare_baza_inchisa); } #cssmenu ul li ul li:hover > a { color:var(--alb);} }