/* Stiluri preluate din site-ul original ceacalopol.ro (css/style.css).
   Imaginile sunt luate din folderul /images/ al site-ului (pastrat pe server). */

/* General */
body{min-width:320px;background:#fff;color:#000;font-size:1em;font-family:'Fira Sans',Helvetica,Arial,sans-serif;line-height:1.5em;}
a{color:#00ae00;}
a:hover{color:#000;}
h1{margin:0 0 10px;color:#00ae00;font-family:'Fira Sans',sans-serif;font-size:48px;line-height:1.4em;font-weight:300;text-transform:uppercase;}
h2{margin:0 0 10px;color:#555555;font-family:'Fira Sans',sans-serif;font-size:34px;line-height:1.4em;font-weight:300;text-transform:uppercase;}
h3{margin:0 0 10px;color:#00ae00;font-family:'Fira Sans',sans-serif;font-size:24px;line-height:1.2em;font-weight:300;text-transform:uppercase;}
p{margin:0 0 20px;}
ul{margin:20px 0;}
ul li{margin:0 0 5px;padding:0 0 0 25px;background:url(/images/bullet-list.png) no-repeat left top 5px;}
ol{list-style-type:decimal;list-style-position:inside;}
img{height:auto;max-width:100%;}
.container{width:100%;max-width:1000px;margin:0 auto;}
/* END General */

/* Header */
header{position:relative;z-index:9;}
.header-top{padding:20px 0;}
.header-top .container{text-align:justify;}
.header-top .container:after{content:'';display:inline-block;width:100%;}
#logo{display:inline-block;vertical-align:middle;}
#logo img{width:350px;}
#header-right{display:inline-block;vertical-align:middle;}
#header-phone{display:inline-block;vertical-align:middle;box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
#header-phone:hover{box-shadow:0 0 0 0 rgba(0,0,0,0.2);}
#header-phone a{position:relative;display:inline-block;padding:4px 10px;box-sizing:border-box;background:#333;color:#fff;font-size:20px;line-height:1.2em;text-align:center;}
#header-phone a span{display:inline-block;vertical-align:middle;}
#header-phone a span.icon{width:24px;height:24px;margin-right:5px;background:url(/images/phone-icon.png) no-repeat center transparent;background-size:contain;transition:all 0.3s ease-in-out;}
#header-lang{position:relative;display:inline-block;vertical-align:middle;margin-left:20px;z-index:9;}
#header-lang:after{content:'';display:inline-block;vertical-align:middle;width:0;height:0;margin-left:1px;border-style:solid;border-width:6px 5px 0 5px;border-color:#333333 transparent transparent transparent;}
#header-lang a.current-lang{display:inline-block;vertical-align:middle;box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
#header-lang:hover a.current-lang{box-shadow:0 0 0 0 rgba(0,0,0,0.2);}
#header-lang ul{position:absolute;left:0;top:100%;margin:0;padding:10px;width:52px;box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);box-sizing:border-box;background:#333;color:#fff;transition:all 0.3s ease-in-out;opacity:0;visibility:hidden;}
#header-lang ul:before{content:'';position:absolute;right:5px;bottom:100%;width:0;height:0;border-style:solid;border-width:0 5px 6px 5px;border-color:transparent transparent #333333 transparent;}
#header-lang:hover ul{margin:5px 0 0;opacity:1;visibility:visible;}
#header-lang ul li{margin:0;padding:0;background:none;}
#header-lang ul li a{display:block;}
#header-iso{position:relative;display:inline-block;vertical-align:middle;margin:-20px 0 -20px 20px;}
#header-iso figure{overflow:hidden;position:relative;}
#header-iso figure a:before{content:'';position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:128px 88px 0 0;border-color:#fff transparent transparent transparent;transition:all 0.3s ease-in-out;z-index:2;}
#header-iso figure a:after{content:'';position:absolute;top:0;left:5px;width:0;height:0;border-style:solid;border-width:128px 88px 0 0;border-color:rgba(0,0,0,0.2) transparent transparent transparent;transition:all 0.3s ease-in-out;z-index:1;}
#header-iso figure:hover a:before,#header-iso figure:hover a:after{left:-128px;}
#header-iso figure img{height:128px;display:block;}
.header-bottom{border-bottom:2px solid #00ae00;background:#333;clear:both;}
#main-nav .mobile-trigger{display:none;position:relative;padding:10px;background:#333;color:#fff;font-size:24px;line-height:1em;text-transform:uppercase;cursor:pointer;}
#main-nav .mobile-trigger:before{content:'';position:absolute;right:10px;top:10px;width:34px;height:24px;background:url(/images/menu-trigger.png) no-repeat center;}
#main-nav > ul{display:block;text-align:justify;}
#main-nav > ul:after{content:'';display:inline-block;width:100%;}
#main-nav ul,#main-nav li{margin:0;padding:0;background-image:none;}
#main-nav > ul > li{position:relative;display:inline-block;}
#main-nav > ul > li > a{position:relative;display:block;padding:15px 30px;color:#fff;font-size:22px;line-height:1.2em;transition:all 0.3s ease-in-out;}
#main-nav > ul > li > a:before,#main-nav > ul > li > a:after{display:inline-block;opacity:0;transition:transform 0.3s,opacity 0.2s;}
#main-nav > ul > li > a:before{margin-right:10px;content:'/';transform:translateX(20px);}
#main-nav > ul > li > a:after{margin-left:10px;content:'/';transform:translateX(-20px);}
#main-nav > ul > li > a:hover::before,#main-nav > ul > li > a:hover::after,#main-nav > ul > li > a:focus::before,#main-nav > ul > li > a:focus::after{opacity:1;transform:translateX(0);}
#main-nav > ul > li > a:hover{color:#00ae00;}
#main-nav > ul > li > a.active,
#main-nav > ul > li.current-menu-item > a,
#main-nav > ul > li.current_page_item > a,
#main-nav > ul > li.current-menu-ancestor > a{color:#00ae00;}
body.acasa #main-nav > ul > li.current-menu-item > a{color:#fff;}
body.acasa #main-nav > ul > li.current-menu-item > a:hover{color:#00ae00;}
/* submeniuri (daca se adauga din Aspect > Meniuri) */
#main-nav > ul ul{position:absolute;top:100%;left:0;min-width:100%;height:0;background:#333;overflow:hidden;transition:all 0.3s ease-in-out;z-index:20;}
#main-nav > ul > li:hover ul{height:auto;}
#main-nav > ul ul li + li{border-top:1px solid #282828;}
#main-nav > ul ul li a{display:block;padding:8px 10px;color:#fff;font-size:18px;text-transform:uppercase;white-space:nowrap;transition:all 0.3s ease-in-out;}
#main-nav > ul ul li a:hover{color:#00ae00;}
/* END Header */

/* Main */
main{margin:30px 0;padding:0 10px;}
main:after{content:'';display:table;clear:both;}
input,textarea{width:100%;margin:0 0 20px;padding:8px 10px;border:none;background:#eee;color:#222;font-family:'Fira Sans',Helvetica,Arial,sans-serif;font-size:18px;box-sizing:border-box;transition:all 0.3s ease-in-out;-webkit-appearance:none;}
input:focus,textarea:focus{background:#fff;}
textarea{min-height:150px;}
input[type="submit"]{position:relative;width:100%;margin-bottom:0;padding:10px 40px;background:#00ae00;color:#fff;font-family:'Fira Sans',sans-serif;font-size:20px;text-transform:uppercase;cursor:pointer;}
input[type="submit"]:hover{background:#00c700;}
input[type="submit"]:active{top:1px;}
.form-container{padding:40px;border-top:2px solid #00ae00;border-bottom:2px solid #00ae00;box-sizing:border-box;background:#333;}
.form-field{position:relative;}
div.label{font-family:'Fira Sans',sans-serif;font-size:20px;}
.grid-wrapper:after{content:'';display:inline-block;vertical-align:top;}
.grid-50{display:inline-block;vertical-align:top;width:49%;box-sizing:border-box;}
.grid-50.left{padding-right:20px;}
.grid-50.right{padding-left:20px;}
.green-underline{border-bottom:1px solid #00ae00;}
figure.left{float:left;margin-right:20px;}
figure.right{float:right;margin-left:20px;}
/* END Main */

/* Footer */
footer{padding:0 10px;}
footer .container{padding:5px;border-top:2px solid #e5e5e5;color:#838383;font-size:14px;}
/* END Footer */

/* Acasa */
body.acasa main{padding-left:0;padding-right:0;}
.bio{margin:50px 0;overflow:hidden;}
.bio figure img{width:180px;}
.bio h3{position:relative;margin-bottom:10px;padding-bottom:10px;color:inherit;font-weight:bold;}
.bio h3:after{content:'';position:absolute;bottom:0;left:0;width:180px;height:2px;background:#00ae00;}
.bio article{overflow:hidden;}

/* Acreditari (carusel) */
section.clients h2{text-align:center;}
section.clients .home-carousell{padding:10px;}
section.clients .home-carousell .owl-carousel{position:relative;padding:0 45px;box-sizing:border-box;}
section.clients .cea-viewport{overflow:hidden;}
section.clients .cea-track{display:flex;transition:transform 0.6s ease;}
section.clients .home-carousell .item{flex:0 0 33.3333%;display:flex;align-items:center;justify-content:center;min-height:90px;box-sizing:border-box;padding:0 5px;}
section.clients .home-carousell .item img{max-width:100%;max-height:80px;}
section.clients .home-carousell .owl-buttons div{position:absolute;top:50%;left:0;width:42px;height:32px;margin:-19px 0 0;background-image:url(/images/carousel-arrow-left.png);background-repeat:no-repeat;background-position:right center;cursor:pointer;transition:all 0.15s ease-in-out;}
section.clients .home-carousell .owl-carousel:hover .owl-buttons div{background-position:left center;}
section.clients .home-carousell .owl-buttons div.owl-next{left:auto;right:0;background-image:url(/images/carousel-arrow-right.png);background-position:left center;}
section.clients .home-carousell .owl-carousel:hover .owl-buttons div.owl-next{background-position:right center;}
/* END Acasa */

/* Utile */
body.utile main a.green-underline{color:#000;}
body.utile main a.green-underline:hover{border-bottom-color:#000;}

/* Contact */
body.contact main{margin-top:0;padding:0;}
body.contact main .grid-50.left a{color:#000;}
body.contact main .grid-50.left a:hover{color:#00ae00;}
.contact-map{margin:0 0 30px;}
#map{height:350px;}
#map iframe{display:block;width:100%;height:350px;border:0;}
p.output{padding:10px 15px;background:#00ae00;color:#fff;}
p.output.error{background:#c0392b;}
.cea-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* Lista rapoarte (Servicii) */
ul.rapoarte-lista a{color:#000;}
ul.rapoarte-lista a:hover{border-bottom-color:#000;}

/* Lightbox simplu (inlocuieste fancybox) */
.cea-lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:99999;cursor:zoom-out;padding:20px;box-sizing:border-box;}
.cea-lightbox img{max-width:100%;max-height:100%;box-shadow:0 0 25px rgba(0,0,0,0.6);background:#fff;padding:8px;box-sizing:border-box;}

/* Aliniere imagini din editorul WordPress */
.alignleft{float:left;margin:0 20px 10px 0;}
.alignright{float:right;margin:0 0 10px 20px;}
.aligncenter{display:block;margin:0 auto 20px;}

/* Media Queries */
@media all and (max-width:1024px){
h1{font-size:32px;} h2{font-size:26px;} h3{font-size:20px;}
#main-nav > ul{padding:0 15px;}
#main-nav > ul > li > a{padding-left:10px;padding-right:10px;font-size:20px;}
figure.left img,figure.right img{width:280px;}
.contact-content{padding:0 10px;box-sizing:border-box;}
.header-top{padding-left:10px;padding-right:10px;}
}
@media all and (max-width:767px){
header{padding:0;}
.header-top{position:relative;padding:20px 10px;}
.header-top .container{text-align:center;}
.header-top .container:after{content:none;}
#logo{display:block;}
#logo a{display:inline-block;margin:0 0 20px;}
#header-right{display:block;}
#header-lang{margin-left:15px;}
#header-iso{margin:0 0 0 15px;box-shadow:5px 5px 0 0 rgba(0,0,0,0.2);}
#header-iso figure a:before,#header-iso figure a:after{content:none;}
#header-iso figure img{height:32px;}
#main-nav .mobile-trigger{display:block;}
#main-nav > ul{display:none;padding:0;text-align:left;}
#main-nav.open > ul{display:block;}
#main-nav > ul > li{display:block;border-top:1px solid #4E4E4E;}
#main-nav > ul > li > a{padding:10px;}
#main-nav > ul > li > a:before,#main-nav > ul > li > a:after{content:none;}
#main-nav > ul ul{position:static;height:auto;}
main{margin:15px 0;}
footer .container{text-align:center;}
.acasa main{margin-top:0;}
section.clients .home-carousell .item{flex-basis:50%;}
body.contact main{margin:0;}
.contact-map{margin:0 0 15px;}
.grid-50{width:100%;}
.grid-50.left,.grid-50.right{padding:0;}
.grid-50 form{max-width:550px;}
}
@media all and (max-width:520px){
#logo{display:block;text-align:center;}
#header-phone{float:none;margin:0;text-align:center;}
figure.right,figure.left{width:100%;float:none;margin:0 0 10px;box-sizing:border-box;}
figure.right img,figure.left img{width:100%;}
.bio figure img{width:100%;}
section.clients .home-carousell .item{flex-basis:100%;}
}
/* END Media Queries */