/*
Theme Name: Ateliere Medicale
Theme URI: http://www.datacentersolutions.ro
Author: DCSOL
Author URI: http://www.datacentersolutions.ro
Version: 1
*/

@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,700,700i|Open+Sans:300,400,400i,700,700i&display=swap&subset=latin-ext');



    :root {
      --baza1: #024F81; 
      --baza2: #92CD28; 
      --baza3: #B6EE56; 
      --baza4: #E4FF7F; 
      --baza5: #FFA33F; 
      --albastru: #044A75;
      --galben: #FFD201;
      --roz: #FFD9D4;
      --gri_1: #606469;
      --gri_2: #EEECEB;
      --negru: #091E3F;
      --alb: #fcfcfc;
    }
    
    #acces {background:#FFFACD; padding:15px;}
    
    .c50 {width:45%;}
    .bloc {display:block; position:relative; max-width:100%;}
    .restrict {max-width:1050px;display:block; margin:0 auto;}
    
    @media screen and (max-width: 700px){
      .c33, .c50 {display:block;width:100%;max-width:100%;margin:0;padding:0;height:auto;min-height:1px;}
    }
    
    .evidentiator {background:#FFFFE0; padding:2px; box-decoration-break: clone; -webkit-box-decoration-break: clone;}
    .c-alb {color:#fff;}
    .b-alb {background:#fff;}
    .b-roz{color:#000;padding:2px;background:var(--roz);box-decoration-break: clone; -webkit-box-decoration-break: clone;}
    .baza1 {background:var(--baza1);}
    .baza2 {background:var(--baza2);}
    .baza3 {background:var(--baza3);}
    .baza4 {background:var(--baza4);}
    .baza5 {background:var(--baza5);}
    .gri2 {background:var(--gri_2);}
    
    /* TIPOGRAFIE */
    h1, h2, h3, h4, h5 {max-width:100%;overflow:visible;}
    
    h1 {font-size:3rem; font-weight:700;color:var(--negru);line-height:auto; padding:10px; margin:0 0 25px 0;}
    h2 {font-size:1.5rem;background:linear-gradient(to right, var(--gri_2), #ffffff); color:var(--negru);padding:1rem 0 1rem 0;margin:20px 0;border-left:15px solid var(--gri_2);margin-left:0;}
    h3 {font-size:1.2rem; color:var(--negru);padding:0.8rem 0;margin:15px 0;font-weight:700;}
    h2.subtitlu {text-align:center;background:transparent;border-left:none;font-size:22px;}
    h2.subtitlu:after {display:block;margin:10px auto;width:200px;height:1px;background:green;content:'';}
    
    h2.nunito {font-size:2rem; color:var(--negru);padding:1rem 0;margin:30px 0 5px 0; font-weight:300;background:transparent;}
    .cuvant {display:block;text-align:left; color:#000;
    -webkit-box-shadow: 0 16px 24px 2px rgba(176, 176, 176, 0.14), 0 6px 30px 5px rgba(176, 176, 176, 0.12), 0 8px 10px -5px rgba(176, 176, 176, 0.2); 
    box-shadow: 0 16px 24px 2px rgba(176, 176, 176, 0.14), 0 6px 30px 5px rgba(176, 176, 176, 0.12), 0 8px 10px -5px rgba(176, 176, 176, 0.2); 
    border-radius:10px; padding:25px;position:relative;background:#fff; }
    .cuvant:before {display:block;content:''; background:url(img/q_big.png) no-repeat; width:128px;height:128px;float:right; margin:0 0 5px 15px;}
    .cuvant:after {content:'';position:absolute;top:0;left:0;width:25px;height:80px;background:var(--baza1);border-radius:10px 0 0 0;}
    .bara {padding:0 5px 10px 25px;}
    .bara:after {content:'';position:absolute;top:0;left:0;width:25px;height:80px;background:var(--baza1);border-radius:10px 0 0 0;}
    .cuvant_in {padding:15px 5px 5px 30px;}
    
    .buton {background-color:var(--baza1); color:#fff!important;text-decoration:none;display:inline-block;padding:10px;border-radius:10px;position:relative;margin:10px;transition:all 0.3s;box-shadow: 0px 12px 15px -10px rgba(170,170,170,1);}
    .buton:hover {background-color:var(--albastru); }
    
    .dreapta {text-align:right!important;}
    .stanga {text-align:left!important;}
    .centru {text-align:center!important;}
    .f-stanga {float:left;}
    .f-dreapta {float:right;}
    /*imagini*/
    img {max-width:100%;height:auto;}
    .alignleft {float:left; margin:5px 15px 5px 0; }
    .alignright {float:right; margin:5px 0 5px 15px; }
    .aligncenter {display:block; margin:10px auto; max-width:100%;}
    
    .ascunde {display:none!important;}
    
    .top {color:#fff;  position:relative; display:block;  height:auto;width:100%;margin:0;background:#8b0000;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1); text-align:right;}
    .top a {color:#fff;}
    .paginare {display:block; margin:10px 0; text-align:center;}
    span.page-numbers {padding:10px; background:#ddd; margin:0 5px;}
    .current {background:green; color:white; }
    a.page-numbers {margin:0 10px; text-decoration:none;}
    
    .text-logo {float:left;color:#fff; padding:10px;text-decoration:none;}
    .content {padding:10px;}
    
    
    /* query */
    .loop {background:#ececec; margin:15px 0 20px 0; padding:15px;display:block;border-radius:10px;border-bottom:1px solid var(--galben);transition:all 0.3s;}
    .loop a {display:block;text-decoration:none; color:#000;}
    .loop:hover {background:#ececec;-webkit-box-shadow: 0px 12px 15px -17px rgba(102,102,102,1);
    -moz-box-shadow: 0px 12px 15px -17px rgba(102,102,102,1);
    box-shadow: 0px 12px 15px -17px rgba(102,102,102,1);}
    .loop img {border-radius:0px;}
    .data {display:inline-block;padding:5px;font-size:12px;background:transparent;color:var(--negru);font-weight:700;}
    .more {background:#024F81;color:#fff;padding:2px 5px; font-size:12px;display:inline;}
    .loop h4 span {color:#fff;padding:5px 10px;background:#024F81;box-decoration-break: clone; -webkit-box-decoration-break: clone;text-decoration:none;font-size:22px;margin:10px 0;line-height:170%;}
    .loop:hover h4 span {background:#888;}
    .loop h6 {color:#333;padding:5px;}
    
    /*paginatie*/
    .paginatie {display:block;padding:20px 0 5px 0px;font-size:14px;}
    .paginatie a {text-align:center; color:#333;text-decoration:none; display:inline-block;border:1px solid #ccc; padding:5px 10px;  margin:2px;}
    .paginatie span.current {text-align:center; color:#333;text-decoration:none; display:inline-block;border:1px solid #CB0006; padding:5px 10px;  margin:2px;}
    .paginatie a.prev, .paginatie a.next {display:inline-block;background:#fcfcfc;border:1px solid #e1e1e1;font-size:14px;}
    .paginatie a:hover {border:1px solid #CB0006;background:#CB0006;color:#fff;}
    
    .container-speaker {display:block; overflow:auto; vertical-align:top; text-align:center;}
    .speaker {background:#ececec;display:inline-block;margin:5px;width:300px;padding:5px;text-align:center;    vertical-align: top;   }
    .speaker p {font-size:14px!important;}
    .speaker h3 {font-size:16px!important;}
    /*formulare*/
    
    
    .form-style-6{z-index:9999;
        font: 95% Arial, Helvetica, sans-serif;
        margin: 20px 0 10px 0;
        padding: 16px;
        background: #fff; line-height:120%;
    }
    
    
    .form-style-6 h3 {line-height:130%;}
    .form-style-6 .tiputilizator {background:#609B01; padding:10px; margin:10px 15px; display:inline-block; text-decoration:none; color:#fff; }
    .form-style-6 .active {border-bottom:2px solid #aeaeae;}
    .form-style-6 .inactive {background:#89996e!important;opacity:.7;}
    
    
    .form-style-6 p { margin-bottom:5px!important; margin-top:5px; margin-left:0; margin-right:0;  padding:5px 0;     
    -webkit-margin-before: 5px;
    -webkit-margin-after: 5px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px; line-height:120%;}
    .form-style-6 input {height:auto;}
    .small {font-size:12px; color:blue; margin:5px 0; display:block;}
    
    .form-style-6 input[type="text"],
    .form-style-6 input[type="number"],
    .form-style-6 input[type="tel"],
    .form-style-6 input[type="date"],
    .form-style-6 input[type="datetime"],
    .form-style-6 input[type="email"],
    .form-style-6 input[type="password"],
    .form-style-6 input[type="search"],
    .form-style-6 input[type="time"],
    .form-style-6 input[type="url"],
    .form-style-6 textarea,
    .form-style-6 select 
    {
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        background: #fff;
        margin-bottom: 4%;
        border: 1px solid #ccc;
        padding: 3%;
        color: #555;
        font: 95% Arial, Helvetica, sans-serif; text-align:left;
    }
    
    .form-style-6 input[type="checkbox"] {max-width:20px; max-height:20px; padding:10px; margin:10px;}
    
    .form-style-6 input[type="text"]:focus,
    .form-style-6 input[type="number"]:focus,
    .form-style-6 input[type="tel"]:focus,
    .form-style-6 input[type="date"]:focus,
    .form-style-6 input[type="datetime"]:focus,
    .form-style-6 input[type="email"]:focus,
    .form-style-6 input[type="password"]:focus,
    .form-style-6 input[type="search"]:focus,
    .form-style-6 input[type="time"]:focus,
    .form-style-6 input[type="url"]:focus,
    .form-style-6 textarea:focus,
    .form-style-6 select:focus
    {
        box-shadow: 0 0 5px #3958a8;
        padding: 3%;
        border: 1px solid #3958a8; text-align:left;
    }
    
    
    .form-style-6 input[type="submit"],
    .form-style-6 input[type="button"] {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
        padding: 3%;
        background: #3958a8;
        border-bottom: 2px solid #1f3160;
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;    
        color: #fff; cursor:pointer;
    }
    .form-style-6 input[type="submit"]:hover,
    .form-style-6 input[type="button"]:hover,
    .submit:hover {
        background: #1f3160;
    }
    
    .submit {background: #3958a8; border-bottom: 4px solid #1f3160; padding:10px; cursor:pointer; color:#fff; margin:15px 5px 5px 0;
      border-top-style: none;
        border-right-style: none;
        border-left-style: none; 
      box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;}
    
    .slider {position:fixed;top:0;left:0;display:block;z-index:-1;overflow:hidden;width:100%;}
    header {z-index:2;}
    .categorii {display:block; width:800px; max-width:100%; padding:2px;background:transparent;margin:20px auto;text-align:center;}
    .categorii h3 {color:#fff;}
    .categorii a {background:#fcfcfc; opacity:.9; padding:5px 10px; margin:10px 5px; text-decoration:none; color:#333; border-radius:10px;display:block;}
    .categorii li {display:inline-block;}
    
    @media screen and (max-width: 980px){
      .text-logo {display:none;}
      .alignleft, .alignright {display:block; float:none;}
    
    }
    @media screen and (max-width: 500px){
      .asc {display:none;}
    }