/*
 Theme Name:   Divi-Farm-Child 
 Theme URI:    http://agriculture-familyfarming-com.stackstaging.com/
 Description:  Child Theme for Divi
 Author:       Matej Granulić
 Author URI:   /
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/* FULLWIDTH SLIDER CSS 

/* Overiding the native bullets bottom setting for bottom position */

.testslider .et-pb-controllers {
bottom: -10px;
}

/* Background color for each bullet (box) */

.testslider .et-pb-controllers a:nth-child(1) {background-color:#BE9A1F!important;}
.testslider .et-pb-controllers a:nth-child(2) {background-color:#05b5c4!important;}
.testslider .et-pb-controllers a:nth-child(3) {background-color:#9ea507!important;}

/* Setting the title font for Boxes */

.testslider .et-pb-controllers a::before {
color: #fff;
font-size: 25px;
text-shadow: 0 0 2px #666;
}

/* Here go the text for each box title (change the text inside content:"PUT YOUR TITLE HERE";) */

.testslider .et-pb-controllers a:nth-child(1)::before {
  content: "HYDROPONIC";
}

.testslider .et-pb-controllers a:nth-child(2)::before {
content: "ROLNICTWO";
}

.testslider .et-pb-controllers a:nth-child(3)::before {
content: "PRODUKTY";
}

/* Making our bullets looking like boxes */

.testslider .et-pb-controllers a {
border-radius: 0;
display: inline-block;
font-size: 0; /* This is set to hide the native number inside the bullet */
height: 60px;
margin-right: 0;
padding-top: 15px;
text-indent: 0;
width: 33.333333%; /* here we want 3 boxes - if you want more or less change this by dividing 100%/number of boxes you want */
}

/* Here goes our little triangle */

.testslider .et-pb-controllers a.et-pb-active-control::after {
background-color: inherit !important;
content: "";
display: block;
height: 25px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -61px;
transform: rotate(45deg);
width: 25px;
z-index: 9;
}

/* Adjusting the slider height for images with an height of 640px */

/* I gave the slider the class of testslider inside diapo settings in the builder */

@media only screen and ( min-width:981px ) {
/* slider height */
.testslider, .testslider .et_pb_container {
height: 640px !important;
}
.testslider, .testslider .et_pb_slide {
max-height: 640px;
}
}

/* some settings to make the whole thing look not so bad on mobile and tablets */

@media only screen and ( max-width:768px ) {
.testslider .et-pb-controllers {
height: 20px;
}
.testslider .et-pb-controllers a::before {font-size:8px;}
.testslider .et-pb-controllers a.et-pb-active-control::after {
height: 8px;
top: -31px;
width: 8px;
}
.testslider .et-pb-controllers a {
height: 20px;
padding-top: 0;
}
}


/*----------Custom Divi Gallery----------*/
 
.et_overlay {
    display: none;
}
 
.mfp-title {
    display: none;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img {
    transform: scale(1.03);
    transition: transform 0.5s, opacity 0.5s;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.15);
    opacity: 1;
}
 
.et_pb_gallery_grid .et_pb_gallery_item {
    padding: 2px;
    width: 20%!important;
    clear: right!important;
}
 
@media only screen and (max-width: 479px) {
     
.et_pb_column .et_pb_grid_item:nth-child(n) {
    width: 33%!important;
}
}

.et_pb_gallery_grid .et_pb_gallery_item {
    width: 33.33%!important;
    clear: right!important;
}


/* Home Page Blurbs - Work With Us */
.work_blurb .et_pb_blurb_content {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    transition: .2s;
    overflow: hidden;
    cursor: pointer;
    z-index: 3;
    text-align: left;
    border-radius: 5px;
    position: relative;
    margin: 0;
    margin-bottom: 0px;
    padding: 40px;
  padding-bottom: 0;}

.work_blurb .et_pb_main_blurb_image{margin-bottom: 25px;margin-right: 0;float: left;width: 100%;transition: all 200ms ease-in-out;}
.work_blurb .et_pb_blurb_content{border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color:transparent;transition: .2s;overflow: hidden;cursor: pointer;z-index: 3;text-align: left;border-radius: 5px;position: relative;margin: 0;margin-bottom: 0px;padding: 40px;padding-bottom: 0;}
.work_blurb .et_pb_blurb_container{display: inline-block;vertical-align: bottom;transition: transform .2s ease-in-out;}
.work_blurb .et_pb_blurb_description p{margin-bottom: -35px;transition: .25s;opacity: 0;}
.work_blurb .et_pb_blurb_content:hover{border-color: #B2B74A;box-shadow: 0 44px 98px 0 rgba(0,0,0,.12);z-index: 100;}
.work_blurb .et_pb_blurb_content:hover .et_pb_main_blurb_image{opacity: 0;transform: translate3d(0,-67px,0);}
.work_blurb .et_pb_blurb_content:hover .et_pb_blurb_container{transform: translate3d(0,-67px,0);}
.work_blurb .et_pb_blurb_content:hover .et_pb_blurb_description p{opacity: 1;}


/* Testimonial Slider */
.testimonialSlider .et_pb_slide_content {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.testimonialSlider .et_pb_slide_content h3 {
  font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
  font-size: 24px;
  padding-top: 20px;
 
}
.testimonialSlider .et_pb_slide_content h5 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  
}

@media only screen and (max-width: 500px) {
  .testimonialSlider .et_pb_slide_content h3 {
  font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
  font-size: 24px;
 
}
.testimonialSlider .et_pb_slide_content h5 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  
}
}



/* BLOG */
.blogGrid {
  min-height: 700px;
}
.blogGrid .blogGridModule article.et_pb_post {
  transition: all .35s ease-in-out;
}
.blogGrid .blogGridModule article.et_pb_post:hover {
  box-shadow: 0px 40px 80px 0px rgba(0, 0, 0, 0.25);
  margin-top: -10px;
}
.blogGrid .blogGridModule .et_pb_image_container {
  margin-bottom: 0;
}
.blogGrid .blogGridModule .et_pb_image_container .entry-featured-image-url, .blogGrid .blogGridModule .et_main_video_container {
  margin-bottom: 15px;
}
.blogGrid .blogGridModule h2.entry-title {
  padding-bottom: 0;
}
.blogGrid .blogGridModule p.post-meta {
  margin-top: -8px;
}
.blogGrid .blogGridModule .post-content a.more-link {
  display: inline-block;
  border: 2px solid #B2B74A;
  position: relative;
  left: 60px;
  font-family: 'Sans', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  background-color: #B2B74A;
  color: #fff;
  padding: 8px 24px;
  margin-top: 10px;
  border-radius: 30px;
  transition: all .35s ease-in-out;
}
.blogGrid .blogGridModule .post-content a.more-link:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #333333;
}

@media screen and (max-width : 980px) {
  .blogGrid .blogGridModule article.et_pb_post:hover {
    margin-top: 0px;
  }
}

/* Social Icons Styling */

.dct_social_v1 li a.icon{background-color: rgba(255,255,255,0.1) !important;-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 15px 13px;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;text-decoration: none;}

.dct_social_v1 li a.icon:hover{background-color: rgba(255,255,255,1) !important;}
.dct_social_v1 li a.icon:hover::before{color: #B2B74A;}


.dct_social_v1 li a.icon::before{
speak: none;
font-size: 20px;
line-height: 50px;
font-style: normal;
font-weight: normal;
font-variant: normal;
width: 50px;
height: 50px;
text-transform: none;}



.dct_social_v1 li a.icon::after{top: -7px;
left: -7px;
padding: 7px;
box-shadow: 0 0 0 4px #fff;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;}

.dct_social_v1 li a.icon:hover::after{-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;}


/*--Blurbs section with appearing text over image ---*/
.blurbs_section .et_pb_main_blurb_image img{
    width:100% !important;
}

.blurbs_section .et_pb_blurb,.blurbs_section .et_pb_blurb .et_pb_blurb_content{overflow:hidden;}
.blurbs_section .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description a{color:#000!important;font-size:17px;font-weight:600;background:#f07322;border-radius:0;text-transform:uppercase;border:1px solid #a3a4a8;padding:8px;margin-top:0;display:block;width:100%;line-height:1.42857143;text-align:center}
.blurbs_section .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{padding:15px;margin-bottom:0;color:#ddd;line-height:22px;font-size:13px;cursor:pointer;text-align:center;}
.blurbs_section .et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:0;display:block;}
.blurbs_section .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container{color:#ddd;overflow:hidden;margin-top:9px;left:0;bottom:-30%;right:0;font-size:13px;position:absolute;background:#000;background:rgba(0,0,0,.75);opacity:0;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;}
.blurbs_section .et_pb_blurb:hover .et_pb_blurb_content .et_pb_blurb_container{opacity:1;bottom:0}


/*Blurbs ( How we work) icons styling */
.et-pb-icon-circle {
    font-size: 40px;
    border-radius: 100%;
  padding: 30px;}

@media only screen and ( max-width:500px ) { 
  .et-pb-icon-circle {
    position: relative;
    margin-left: 30px;
}
}

.et-pb-icon {
  font-size: 90px;
}


/* Team
-------------------------------------------------------------- */
.dct-team{text-align:center;overflow:hidden;position:relative;z-index:1}
.dct-team:after,.dct-team:before{content:"";background:var(--color-1,#B2B74A);width:17px;height:150px;position:absolute;z-index:-1;
-webkit-transition:all .5s ease .2s;-moz-transition:all .5s ease .2s;-ms-transition:all .5s ease .2s;-o-transition:all .5s ease .2s;transition:all .5s ease .2s;visibility:visible}
.dct-team:before{top:50%;left:0;margin-top:-75px}.dct-team:after{top:50%;right:0;margin-top:-75px}
.dct-team:hover:after,.dct-team:hover:before{height:200px;margin-top:-100px}
.dct-team .et_pb_team_member_image{margin:0 20px;position:relative;border:3px solid var(--color-1,#B2B74A);
-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.dct-team:hover .et_pb_team_member_image{border-color:#33343e}
.dct-team .et_pb_team_member_image:after{content:"";background:#33343e;width:100%;height:0;position:absolute;top:50%;left:0;opacity:0;
transform-origin:0 0 0;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.dct-team:hover .et_pb_team_member_image:after{height:240px;opacity:.85;top:50%;margin-top:-120px}
.dct-team .et_pb_team_member_image img{width:100%;height:auto}
.dct-team .et_pb_team_member_description{width:100%;position:absolute;top:50%;margin-top:-62px;left:0;opacity:0;
-webkit-transition:all .5s ease .2s;-moz-transition:all .5s ease .2s;-ms-transition:all .5s ease .2s;-o-transition:all .5s ease .2s;transition:all .5s ease .2s}
.dct-team:hover .et_pb_team_member_description{opacity:1}
.dct-team .et_pb_team_member_description .et_pb_module_header{font-size:18px;font-weight:600;color:#fff;text-transform:uppercase;margin:0 0 5px}
.dct-team .et_pb_team_member_description .et_pb_member_position{font-size:14px;color:#fff;line-height:26px;text-transform:capitalize}
.dct-team .et_pb_member_social_links{padding:0;margin:40px 0 0;list-style:none}
.dct-team .et_pb_member_social_links li{display:inline-block}
.dct-team .et_pb_member_social_links li a{display:inline-block;width:35px;height:35px;line-height:35px;border:1px solid #fff;font-size:18px;color:#fff;margin:0 7px;
-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.dct-team .et_pb_member_social_links li a:hover{background:#fff;color:var(--color-1,#B2B74A)}
.dct-team{margin-bottom:30px}
@media (max-width:767px){.dct-team{max-width:400px;margin:0 auto 30px}}


/* CONTACT PAGE DIVI 3D FLIP CARDS  */
     
    /* section */
        .mp_s_flip_cards_3d {
            display:flex!important;
            margin-bottom: 0px!important;
            max-width: 100%;
            width:100%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%);}
     
    /* row */
        .mp_s_flip_cards_3d .mp_row_flip_box {
            background-color: transparent;
            width: 29%; /* adjust based on number of columns */
            padding-right:1%!important;
            height: 370px;
            -webkit-perspective: 1000px;
            perspective: 1000px;}
 
    /* column */
        .mp_s_flip_cards_3d .mp_column_flip_box {
            position: relative;
            width:100%;
            height: 100%;
            -webkit-transition: all 1.2s cubic-bezier(.5,1,.5,1);
            transition:  all 1.2s cubic-bezier(.5,1.3,.5,1.3);
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;}
 
        .mp_s_flip_cards_3d .mp_row_flip_box:hover .mp_column_flip_box {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);}
 
    /* text modules */
        .mp_s_flip_cards_3d .mp_m_fc_front_text,
        .mp_s_flip_cards_3d .mp_m_fc_back_text {
            position: absolute!important;
            width:100%;
            height: 100%;
            vertical-align: middle;
            text-align: center;
            border-radius: 0px;
            box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
            color: white;
            display: flex;
            justify-content: center;
            align-content: center;
            flex: 0 0 100%;
            transform-style: preserve-3d;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: unset;
            backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            -o-backface-visibility: hidden;}
 
 
    /* text module background image overlay */
        .mp_s_flip_cards_3d .mp_m_fc_front_text {
            background-blend-mode: overlay;
            background-color: rgba(0,0,0,0.5);}
        .mp_s_flip_cards_3d .mp_m_fc_back_text {
            background-blend-mode: overlay;
            background-color: rgba(0,0,0,0.8);}
 
    /* text positioning and styling */
        .mp_s_flip_cards_3d .mp_m_fc_front_text .et_pb_text_inner,
        .mp_s_flip_cards_3d .mp_m_fc_back_text .et_pb_text_inner {
            top: 0%!important;
            left: 0%!important;
            width: 80%!important;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            -moz-transform: translateZ(50px)!important;
            -webkit-transform: translateZ(50px)!important;
            transform: translateZ(50px)!important;
            text-shadow: 0px 0px 2px black;}    
     
        .mp_s_flip_cards_3d .mp_m_fc_front_text .et_pb_text_inner h3 {
            color: #fff!important;
            font-size: 30px!important;
            line-height: 34px!important;
            font-weight: 900!important;}    
     
        .mp_s_flip_cards_3d .mp_m_fc_back_text .et_pb_text_inner {
            color: #fff!important;
            font-size: 15px!important;
            font-weight: 600!important;}    
     
        .mp_s_flip_cards_3d .mp_m_fc_back_text .et_pb_text_inner h3 {
            color: #fff!important;
            font-size: 20px!important;
            font-weight: 900!important;}    
 
        .mp_s_flip_cards_3d .mp_m_fc_back_text .et_pb_text_inner a {
            color: #fff;
            padding: 5px 15px;
            background: #00b9ff;
            border-radius: 3px;}    
     
        .mp_s_flip_cards_3d .mp_m_fc_back_text  {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);}
             
    /* mobile */
        @media only screen and (max-width : 980px) {
            .mp_s_flip_cards_3d  {
                display: block!important;
                width: 80%!important;}
            .mp_s_flip_cards_3d .mp_row_flip_box {
                width: 100%;}}

/* END OF CONTACT PAGE DIVI 3D FLIP CARDS  */

/*----------------[LOGO HEIGHT ON MOBILE]---------------*/

@media only screen and (max-width: 500px) {
#logo {
    max-height: 100%;
}
}

@media only screen and (min-width: 981px) {
#logo {
    max-height: 125%;
}
}

/*---------------CONTACT CTA BUTTON---------------*/
#top-menu.nav li.cta.menu-item {
	background-color: #B2B74A; }

#top-menu.nav li.cta.menu-item {
    padding-top: 20px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    font-weight: 500;
	transition: all .35s;}

#top-menu li {
    display: inline-block;
	font-size: 14px;}

#top-menu li:before {
	background: #4DB8C9;}

#top-menu.nav li.cta.menu-item a, #main-header.et-fixed-header #top-menu.nav li.cta.menu-item a {
	color: #ffffff!important;}

#top-menu li a, .et_search_form_container input {
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
	letter-spacing: 1px;}

#top-menu li a {
	padding-bottom: 20px !important;}

#top-menu a {
    color: rgba(0,0,0,.6);
    text-decoration: none;
    display: block;
    position: relative;
    -webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;}

#top-menu.nav li.cta.menu-item:hover {
	background-color: #000;}

#top-menu.nav li.cta.menu-item {
    border-radius: 1px;
}

#top-menu.nav li.cta.menu-item {
    padding-top: 20px;
    padding-left: 50px !important;
    padding-right: 50px !important;
    font-weight: 500;
	transition: all .35s;}