/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable &amp; beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL &amp; Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained &amp; Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 3.9.1.1661360819
Updated: 2022-08-24 17:06:59

*/

/* GENERAL CSS - By Me */

figure, .about-us-container figure {
    margin:0;
}

a {
  text-decoration:none!important; 
 
}

html{
	scroll-behavior: smooth;
}

.top-btn {
visibility:hidden;
  opacity:0;
  position: fixed; 
  bottom: 80px;
  right: 30px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #14560F;
  color: #e3e3e3; 
  cursor: pointer; 
  padding:3px 12px; 
  border-radius: 10px; 
  font-size: 18px; 
  transition:all ease-in .4s;
}
.top-btn:hover {
 color:#fff;
 background:#187312;
}

.custom-btn .top-btn {
 visibility:visible;
 opacity:1;
 display:inline-block;
}

.custom-header {
     background-color: #f5f5f5;
    border-bottom: 1px solid #14560F;
    padding:0;
    position:fixed;
    width:100%;
    top:0;
    transition:all ease-in-out .55s;
    z-index:99;
}

.custom-header .site-header-primary-section-right {
 max-height:70px;   
}

.ast-primary-header-bar {
 transition:ease-in-out .55s all;   
}

ul {
 list-style-type:none;
margin:0 0 1.5em 50px;
}

.services-homepage ul li::before {

content: "\25c8";
margin-left:-22px; 
padding-right:12px;

}
.logo-header-custom {
 width:150px;   
}

.entry-content h2
 {
  position:relative; 
  margin:20px 0 70px;
  line-height:1;
 }

.row {
 margin:0!important;
 padding:0!important;
}

.col-md-4  {
    padding:0 15px;
    margin:0;
}

.col-md-6 {
    padding:0;   
}

h4 {
 position:relative;   
}

p .info-btn {
    padding:5px 15px;
    color:#e3e3e3;
    border:1px solid #14560F;
    display:inline-block;
    border-radius:20px;
    font-size:14px;
    transition:all ease-in-out .25s;
    font-weight:400;
    background:#14560F;
}

p .info-btn:hover {
 background:#187312;
 color:#fff;
 border:1px solid #187312;
}

/*........... FOOTER - CSS................*/

.site-footer-section {
line-height: 3 ;
}

.widget {
   margin:0;
}

.footer-nav-wrap .menu-link {
 position:relative ;   
  color:#4b4f58;
    font-weight:600;
    font-size:16px;
    margin-left:20px;
     transition:all ease-in-out .3s;   
}

.footer-nav-wrap .menu-link::before {
 content:"\25c8";
 color:#4b4f58;
 font-size:22px;
 position:absolute;
 left:-30px;
 
}

.footer-wiget-one {
 transition:all ease-in-out .3s;   
}

.footer-wiget-one i {
    color:#4b4f58;
    font-size:18px;
    margin-right:10px;
}

.footer-wiget-one a {
    color:#4b4f58;
    font-weight:600;
    font-size:16px;  
}

.footer-wiget-one:hover a , .footer-wiget-one:hover i , .footer-nav-wrap li:hover .menu-link , .footer-nav-wrap li:hover .menu-link:before {
 color:#b54321;  
}

/*----------------- HOME-PAGE --------------------*/

.ast-header-social-1-wrap .ast-social-color-type-custom .social-item-label ,.ast-header-html-1{
    font-weight:bold;
}

.site-content .ast-container {
    max-width:100%;
}

.entry-content .container {
   max-width:1240px;
   padding:0 20px;  
}

.site-content .container-fluid {
 max-width:100%;
 padding:0;
 margin:0;
}

.ast-single-post.ast-page-builder-template .site-main > article {
    padding:0;
}

.services-homepage{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap:100px;
    grid-row-gap:50px;
}

.services-homepage article{
    display:flex;
    align-items:center;
    column-gap:10px;
}

.faq-questions {
    display: grid;
    grid-template-columns: repeat(3,3fr);
}

.galerie-total figure {
 padding:5px 0;   
}

.container , .container-fluid {
 margin-top:80px;
 margin-bottom:80px;
}

.article-services article  {
 text-align:center;  

}
.article-services article p {
  padding: 0 30px;   
}
    

.article-services article p:nth-of-type(2) {
    text-align:start;
    padding-top:30px;
}

.article-services article i {
 font-size:60px; 
 transition:all ease-in-out .25s;
 color:#555566
}

.article-services article:hover i , .article-services article:hover h4 {
color:#b54321;;
}

.total-contact h4, .about-section > h4:first-of-type {
   position:relative; 
   margin-bottom:30px;
}

.about-section > h4:first-of-type::after , .total-contact h4::after {
   content:"";
 width:50px;
 height:1px;
 background:#b54321;;
 position:absolute;
 top:35px;
 left:0;
 display:inline-block;  
}

.article-services article h4::after {
 content:"";
 width:50px;
 height:2px;
 background:#b54321;;
 position:absolute;
 top:40px;
 left:50%;
 margin-left:-25px;
 display:inline-block;
 
}

.about-us-container figure {
    position:relative;
    z-index:1;
    background-image:url("https://www.dabcontur.ro/wp-content/uploads/2022/09/despre_noi-1.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    margin:0!important;
}

.about-us-container figure::before {
        content: "";
    width: 100%;
    background-color: #3d4348;
    height: 100%;
    z-index: 2;
    position: absolute;
    opacity: 0.4;
        top: 0;
    left: 0;
}

.about-us-container section {
 background:#303236; 
 color:#c0c3c3;
 padding: 60px;
}

.about-us-container h3 , .about-us-container h4  {
    color:#c0c3c3;
}

.about-us-container h4  {
    margin:0;
}

.flex-clients {
    display:flex;
    column-gap:5px;
    align-items:center;
    margin-bottom:20px;
}

.flex-clients i {
    font-size:20px;
}

.services-homepage i {
 font-size:30px;
 padding:25px;
 background:#303236;
 color:#fff;
 border-radius:10px;
 margin-bottom:50px;
 transition:all ease-in-out .25s;   
}

.services-homepage > article:first-of-type i , .services-homepage > article:last-of-type i {
 padding:25px 30px;   
}

.services-homepage > article:nt-of-type(2) i {
 padding:25px 17px;   
}

.services-homepage article {
    margin-top:30px;
}

.services-homepage article:hover i  {
    background-color: #b54321;
    -webkit-box-shadow: inset 0px 3px 29px -5px rgb(0 0 0 / 76%);
    -moz-box-shadow: inset 0px 3px 29px -5px rgba(0,0,0,0.76);
    box-shadow: inset 0px 3px 29px -5px rgb(0 0 0 / 76%);
}

.services-homepage article h4 {
  transition:all ease-in-out .25s;   
}

.btn-center {
 text-align:start;  
}

.services-homepage article:hover h4 {
    color: #b54321;
}
    
.faq-one , .faq-two ,.faq-three {
 padding:50px;  
}
.faq-questions h4 , .faq-questions p {
    color:#fff;
    position:relative;
}
.faq-questions {
    position:relative 
}

.faq-questions::before {
     content: "";
    width: 100%;
    background-color: #3d4348;
    height: 100%;
    position: absolute;
    opacity: 0.5;
}

.faq-three {
 background:#b54321;   
}

.faq-two {
 background:#303236;   
}

.faq-one {
 background:#14560F   
}

.galerie-total figure {
 position:relative;   
 z-index:1;
 margin:0;
 padding:0;
 max-width:390px;
 overflow:hidden;
 margin:5px;
 border-radius:10px;
}

.galerie-total figure::before {
  content: "";
    width: 100%;
    height: 100%;
    background-color: #3d4348;
    z-index: 1;
    position: absolute;
    opacity: 0;
    overflow: hidden;
    transition: all ease-in-out 0.4s;
}

.galerie-total figure:hover::before {
 opacity:0.7;  
 z-index:1;
}

figcaption {
 position:absolute;
 top:20%;
 left:10%;
 opacity:0;
 transition:all .4s ease-in-out;
 padding-right:20px;
 color:#fff;
}

figcaption h4::after {
    content:"";
 width:50px;
 height:2px;
 background:#b54321;;
 position:absolute;
 top:35px;
 left:0;
 display:inline-block;
}

.galerie-total figure figcaption h4 {
 color:#fff; 
 position:relative;
}

figcaption p {
 margin-top:50px;   
}

.galerie-total figure:hover figcaption {
 opacity:1;
 z-index:3;
 
}

p .info-btn-galerie {
 margin:30px 0 50px!important;   
}

/* - - - - - - -  - -- C O N T A C T - - CSS  - - - - - - - - - - -*/

.total-contact {

 margin-bottom:50px;
 background: #3d4348;
}

.total-contact section {
background:#3d4348;
padding: 20px 20px 0 20px;
}

.total-contact figure  {
   position:relative;
   display:block;
}

.total-contact figure:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #3d4348;
    z-index: 9;
    position: absolute;
    opacity: 0.4;
}

.total-contact aside {
  padding:30px 30px 0 0;
  color:#c0c3c3;
  background:#3d4348;
}
.total-contact aside > p:first-of-type {
 letter-spacing:-0.1px;   
}

.total-contact aside h4 {
 color:#c0c3c3;  
}

.text-contact {
 font-size:15px;   
}

.total-contact aside a {
 font-weight:bold;
 margin-left:5px;
 color:#c0c3c3;  
}

.text-contact {
 transition:all ease-in-out .25s; 
 display:block;
 width:fit-content;
}

.text-contact:hover i ,.text-contact:hover a{
   color: #b54321;
}

.contact-label {
 padding:30px 60px 0  20px;
 background:#3d4348;
 color:#fff;
}

.flex-label {
 display:flex; 
 column-gap:10px;
}

.wpcf7 select {
 width:258px;   
}

.wpcf7 textarea {
    width:479px;
}

input[type="submit"] {
 background:#fff;
 color:#b54321;
 border-radius:20px;
 border:1px solid #b54321;
 transition:all ease-in-out 0.25s;
 font-weight:600;
 
}

input[type="submit"]:hover {
 background:#b54321;
 color:#fff;
}

.wpcf7 form .wpcf7-response-output {
    border-color:#b54321!important;
}

/* *  * *  * * * * *  GALERIE  CSS * * * * * * ** *  * */

.bwg-item {
 z-index:0;   
}

#spider_popup_left-ico, #spider_popup_right-ico {
 color:#fff!important;
 background:#14560F!important;
}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2, #bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-ecommerce2 , #bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-standard-thumbnails .bwg-title2, #bwg_container1_1 #bwg_container2_1 .bwg-container-1.bwg-standard-thumbnails .bwg-ecommerce2 , #bwg_container1_2 #bwg_container2_2 .bwg-container-2.bwg-standard-thumbnails .bwg-title2, #bwg_container1_2 #bwg_container2_2 .bwg-container-2.bwg-standard-thumbnails .bwg-ecommerce2  {
 display:none;
}

 #bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0 ,#bwg_container1_3 #bwg_container2_3 .bwg_gal_title_3,#bwg_container1_4 #bwg_container2_4 .bwg_gal_title_4, #bwg_container1_5 #bwg_container2_5 .bwg_gal_title_5, #bwg_container1_6 #bwg_container2_6 .bwg_gal_title_6, #bwg_container1_1 #bwg_container2_1 .bwg_gal_title_1 , #bwg_container1_2 #bwg_container2_2 .bwg_gal_title_2 , .bwg_gal_title_4 ,.bwg_gal_title_3 ,.bwg_gal_title_5 , .bwg_gal_title_6 {
 font-size:30px!important;
 text-align:start!important;
 margin:60px 0 60px;
 display:inline-block;
}

#bwg_container1_0 , #bwg_container1_1 , #bwg_container1_2 ,#bwg_container2_3 , #bwg_container3_3 , #bwg_container1_5 , #bwg_container1_6 {
    margin-bottom:80px
}

.bwg_gal_title_2:before , .bwg_gal_title_0:before ,.bwg_gal_title_1:before ,.entry-content h2:before ,.bwg_gal_title_3:before ,.bwg_gal_title_4:before ,.bwg_gal_title_5:before ,.bwg_gal_title_6:before {
 content:"";
 width: 80px;
 height: 20px;
 background:#b54321;;
 position:absolute;
 top:45px;
 left:0;
 display:inline-block;
 background:url("https://www.dabcontur.ro/wp-content/uploads/2023/03/zig-zag-green.webp");
  background-repeat: no-repeat;
}

  #bwg_load_0 a , #bwg_load_1 a  , #bwg_load_2 a  , #bwg_load_3 a , #bwg_load_4 a , #bwg_load_5 a, #bwg_load_6 a {
    padding:8px 15px!important;
    color:#e3e3e3!important;
    border:1px solid #14560F!important;
    border-radius:20px!important;
    font-size:14px!important;
    transition:all ease-in-out .25s!important;
    font-weight:400!important;
    background:#14560F!important;
    font-family:'Source Sans Pro',sans-serif;
    margin:20px 0;
}





/*//////////////////    S T A R T    R E S P O N S I V E    ///////////////////////////////////*/





@media only screen and (max-width: 992px) {

.faq-questions {
    display: grid;
    grid-template-columns: repeat(1,1fr);
}

.faq-one, .faq-two, .faq-three {
 padding:20px 20px 0;   
}

.about-us-container figure ,.site-footer-primary-section-1  {
 display:none   
}
.about-us-container {
    display:block;
}

.about-us-container section {
  
padding: 20px 20px 1px;

}


.ast-builder-grid-row-3-lheavy .ast-builder-grid-row {
 padding:20px;
 grid-template-columns:repeat(2,1fr);
}

.ast-builder-footer-grid-columns {
 grid-column-gap:0;   
}

.article-services article,
.article-services article p {
 padding:0;   
}

.entry-content .container {
    max-width: 1240px;
    padding: 0 20px;
}
.container, .container-fluid {

margin:20px 0;
}

.article-services article:nth-of-type(2) {
padding:0 20px;   
}
.services-homepage {
    column-gap: 50px;
    grid-row-gap: 25px;
}

}

@media only screen and (max-width: 915px) {

/*.about-us-container figure ,.site-footer-primary-section-1,.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-1"] {*/
/* display:none   */
/*}*/

.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row {
 grid-template-columns:repeat(1,1fr);   
}

.site-primary-footer-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-navigation li a {
    color:#14560f!important;
}

.total-contact aside {
    padding: 20px 0 0;
}

}

@media only screen and (max-width: 815px) {
    .slider-responsive-text {
        padding:0;
        
}

.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
    color:#14560F!important;
}

.about-us-container figure ,.site-footer-primary-section-1  {
 display:none   
}

.services-homepage {
 display:block;
 margin: 0 auto;
 width: fit-content;
}

.slider-responsive-text p {

text-overflow: ellipsis;
max-width:360px;
overflow:hidden;
   font-size:14px;
   white-space: nowrap;
   padding:0;
}
}

@media only screen and (max-width: 767px) {
.article-services article:nth-of-type(2) {
padding:0;   
}

}

@media only screen and (max-width: 585px) {
    .flex-label {
        display:block;
}
.wpcf7 textarea {
    width:auto;
    height:200px;
}

}

@media only screen and (max-width: 425px) {

#bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0, #bwg_container1_3 #bwg_container2_3 .bwg_gal_title_3, #bwg_container1_4 #bwg_container2_4 .bwg_gal_title_4, #bwg_container1_5 #bwg_container2_5 .bwg_gal_title_5, #bwg_container1_6 #bwg_container2_6 .bwg_gal_title_6, #bwg_container1_1 #bwg_container2_1 .bwg_gal_title_1, #bwg_container1_2 #bwg_container2_2 .bwg_gal_title_2, .bwg_gal_title_4, .bwg_gal_title_3, .bwg_gal_title_5, .bwg_gal_title_6{
    font-size:25px!important;
}
}
@media only screen and (max-width: 425px) {
   .wpcf7 textarea {
    max-width:280px   
   }
   
   .services-homepage article {
    display: flex;
    align-items: center;
    column-gap: 0;
}

.services-homepage article i, .services-homepage > article:first-of-type i, .services-homepage > article:last-of-type i  {
 font-size:25px;
 padding:15px;
}
}

@media only screen and (max-width: 365px) {
     .wpcf7 textarea {
    max-width:250px   
   }
   .services-homepage article i {
    display:none;
   }
   
   ul {
    list-style-type: none;
    margin: 0 0 1.5em -4px;
}
   
}

