/*
Theme Name: Divi child theme
Template: Divi
Author: Mijo Brands
Author URI: http://mijobrands.com/
Version: 99.99
*/
@import url("../Divi/style.css");
.subscribe-button{
    background-color: #FFFF00;
    border: none;
    text-transform: uppercase;
    padding: 12px;
    width: 50%;
    float: left;
    margin-top: 15px;
    text-align: center;
    color: #544c06 !important;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 14px;
    border: none;
}
.entry-content .et_post_video {
    width: 70%;
    margin: 0 auto;
}
/*VIMEO_WRAPPERS*/
.vimeo-frame-outer-wrapper {
    text-align: center;
}
.vimeo-frame-inner-wrapper {
    width: 40%;
    display: inline-block;
}
@media (max-width: 991px) {
  .vimeo-frame-inner-wrapper {
    width: 50%;
  }
}

@media (max-width: 767px) {
    .vimeo-frame-inner-wrapper {
        width: 70%;
    }
    h1.entry-title {
        font-size: 25px !important;
    }
}
@media (max-width: 479px) {
    .vimeo-frame-inner-wrapper {
        width: 100%;
    }
}

/**/


/* TESTIMONIAL SLIDE */
.owl-item p img {
    border-radius: 100%;
}
.owl-item p {
    line-height: 1.5;
    font-size: 14px;
}
.owl-item p:first-of-type {
    text-align: center;
}
.sa_hover_container{
    border: 2px solid #92278f;
}

.et-learn-more h3.heading-more::before{
    font-family: "dashicons";
    content: "\f132" !important;
    color: #6bbe01;
}

.et-learn-more{
    background: rgba(0,0,0,0) !important;
    box-shadow: none !important;
    border: none !important;
    margin: 15px 0px 30px 0px !important;
}
.et-learn-more h3.heading-more{
    background: rgba(0,0,0,0) !important;
    padding: 0px !important;
    color: inherit !important;
    text-shadow: none !important;
    font-size: 30px !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    text-transform: inherit !important;
    text-align: center !important;
}
.et-learn-more h3.heading-more span.et_learnmore_arrow{
    box-shadow: none !important;
    display: none !important;
}

.et-learn-more .learn-more-content{
    padding: 15px 0px !important;
    border-top: none !important;
}

.et_pb_post .entry-content a {
    color: #6bbe01;
}

/*--- SERVICES, REMOVE PADDING ---*/
/*--- TEXT MODULE WRAP IMAGES --*/
.et_pb_text .text-wrapper img {
    float: right;
    padding: 10px;
}
.et_pb_slide_description{
    padding: 0px;   
}
.video-wrapper{
    padding-right: 19%;
}
/*-----------------------------------------------*/
/*-----Scrolling Image Carousel by Divi Soup-----*/
/*-----------------------------------------------*/
/*Stops the browser creating a horizontal scrollbar*/
.service-resource-wrapper {
    text-align: right;
}
.service-resource-wrapper .et_pb_button_module_wrapper {
    display: inline-block;
    margin-left: 15px;
}
.ds-carousel-section {
    overflow: hidden;
    max-height: 300px;
}
/*Reduces the section height on mobiles*/
@media only screen and (max-width: 567px) {
.ds-carousel-section {
    max-height: 140px;
    padding: 0;
    }
}
/*Sets the width of the image modules and floats them so they are next to each other*/
.ds-carousel-logo {
    width: 20%;
    float: left;
    padding: 1%;
}
/*Sets the layout for the first row*/
.ds-image-carousel-first {
    width: 100% !important;
    max-height: 200px;
    height: 200px;
    background: #fff;
    animation: 15s first 1 linear;
    animation-fill-mode: forwards;
    
}
/*Sets the layout for the second row*/
.ds-image-carousel-second {
    z-index: 2;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -200px;
    animation: 30s second infinite linear;    
}
/*Sets the layout for the third row*/
.ds-image-carousel-third {
    z-index: 1;
    height: 200px;
    background: #fff;
    width: 100% !important;
    float: left;
    display: inline-block;
    top: -400px;
    animation: 30s third infinite linear;
    animation-delay: 15s;
    opacity: 0;
}
/*Animation for the continuous scrolling effect*/
@keyframes first {
  0% {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 3;
  }
  99.99% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 3;
  }
  100% {
    z-index: -1;
  }
}
@keyframes second {
  0% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes third {
  0.1% {
    opacity: 0;
  }
  0.2% {
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 1;
  }
}
/*-----------------------------------------------*/
/*---End Scrolling Image Carousel by Divi Soup---*/
/*-----------------------------------------------*/


/*-----------------------------------------------*/
/*------------- Mijo! Brands Styles--------------*/
/*-----------------------------------------------*/

/***** Header *****/
#main-header {
    -webkit-box-shadow: 0px 0px 30px 20px rgba(255, 255, 255, 0.9) !important;
    -moz-box-shadow: 0px 0px 30px 20px rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0px 0px 30px 20px rgba(255, 255, 255, 0.9) !important;
}
#top-menu li {
    padding-right: 5em;
}
#top-menu > li::before {
    content: '/';
    position: absolute;
    left: -1.5em;
    top: 0;
    color: black;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    pointer-events: none;
    font-size: 24px;
    font-weight: 100;
}
#top-menu > li:hover::before, #top-menu li.current-menu-item::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 0px 13px 15px;
    border-color: transparent transparent #78b41b transparent;
    content: '';
    left: -2em;
    -ms-transform: rotate(28deg);
    -webkit-transform: rotate(28deg);
    transform: rotate(-28deg);
}

.sub-menu li::before {content:none !important;}

.nav ul li a:hover, .et_mobile_menu li a:hover {
    background-color:rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1280px) {
    .et_pb_svg_logo #logo {
        height: 50% !important;
    }
}
@media only screen and (max-width: 1105px) {
    #top-menu li {
        padding-right: 3em;
    }
}
/********************/

/***** Footer *****/
.footer-widget div {width:100%;}
.subscribe label {
    text-transform:uppercase;
    display:block;
    letter-spacing: 2px;
}
.subscribe input[type="email"] {
    display: block;
    text-transform: uppercase;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    margin: 8px 0px 16px 0;
    color: #000;
    border: none;
    letter-spacing: 2px;
}
.subscribe input[type="submit"] {
    background-color: #ffff00;
    border: none;
    text-transform: uppercase;
    padding: 12px;
    width: 50%;
    float: right;
    color: #544c06;
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 14px;
    border: none;
}
.subscribe input[type="submit"]:hover {
    background-color: rgb(214, 214, 27);
}
footer .bottom-nav li {    
    padding-left: 4px;
}
.logo-footer-wben {
    vertical-align: middle;
    width: 112px;
    padding: 4px;
}
.bottom-nav {
    padding: 21px 0;
    display: inline-block;
}
@media all and (max-width: 767px) {
    .logo-footer-wben {
        vertical-align: middle;
        float: none;
        width: 48%;
        padding: 5%;
        margin: 0 auto;
    }
    .service-resource-wrapper {
        text-align: center;
    }
}
.gtranslate a {
    padding-left: 20px;
    vertical-align: text-bottom;
}
 .gtranslate select {
    margin-left: 20px;
    vertical-align: text-bottom;
}
/*******************************/

/**************** Services ******************/
@media all and (max-width: 980px) {
    .et_shop_image, .et_portfolio_image {
        text-align: center;
    }
    .et_pb_column .et_pb_grid_item:nth-child(n) {
		clear: none;
		width: 45.25% !important;
		margin: 0 2.25% 9.5% 2.25% !important;
	}
	.et_pb_column .et_pb_grid_item:last-child {
		clear: none;
		width: 96% !important;
		margin: 0 2% 0 2% !important;
	}
}
@media all and (max-width: 767px) {
    .services-column .et_pb_grid_item h2 {
        font-size: 16px;
    }
    .et_shop_image, .et_portfolio_image {
        text-align:center;
    }
    .et_pb_column .et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_filterable_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item:nth-child(n), .et_pb_column .et_pb_shop_grid .woocommerce ul.products li.product:nth-child(n), .et_pb_column .woocommerce ul.products li.product:nth-child(n), .woocommerce-page ul.products li.product:nth-child(n), .et_gallery_item:nth-child(n) {
        width: 100% !important;
        margin: 0 0 11.5% 0 !important;
    }
}
.services-column .et_pb_grid_item h2 {
    position: relative;
    text-transform: uppercase;
    color: #78b41b;
    font-size: 22px;
    /*font-weight: 300;*/
    height: 80px;
    display: table;
    margin: 0 auto;
}
.services-column .et_pb_grid_item h2 a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.service-image img {
    width:100%;
    height:auto;
}
.services-column .et_pb_grid_item {
    /*width:20% !important;*/
    width:16.666% !important;
    margin:0 !important;
    clear: none !important;
}
.hidden-description .services-description {
    display:none;
}
.services-description {
    padding: 12px 32px;
    text-align:left;
}

/********************/


/***** Columns 5 - 10 for Divi *****/
.ten-columns .et_pb_module {width: 10%; float: left;}
.nine-columns .et_pb_module {width: 11.11%; float: left;}
.eight-columns .et_pb_module {width: 12.5%; float: left;}
.seven-columns .et_pb_module {width: 14.28%; float: left;}
.six-columns .et_pb_module {width: 16.66%; float: left;}
.five-columns .et_pb_module {width: 20%; float: left;}

.publications-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 480px) {
    .publications-column {
        margin-bottom: 50px;
        -webkit-flex: 0 1 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex: 0 1 33.33%;
        padding: 0 1.5%;
    }
}
@media (max-width: 479px) {
    .publications-column {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}


.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row.five-columns {
    width: 100% !important;
    max-width: 100% !important;
}

@media (max-width: 980px){
.ten-columns .et_pb_module {width: 20%;}
.nine-columns .et_pb_module {width: 33.3%;}
.eight-columns .et_pb_module {width: 25%;}
.seven-columns .et_pb_module {width: 25%;}
.six-columns .et_pb_module {width: 33.3%;}
.five-columns .et_pb_module {width: 33.3%;}
}
 
@media all and (max-width: 767px) {
.ten-columns .et_pb_module {width: 100%;}
.nine-columns .et_pb_module {width: 100%;}
.eight-columns .et_pb_module {width: 100%;}
.seven-columns .et_pb_module {width: 100%;}
.six-columns .et_pb_module {width: 100%;}
.five-columns .et_pb_module {width: 100%;}
.hide-background-mobile {background: none !important;}
}
/********************/

/********** Our team **********/

/**************************** toggle custom 2 **************************/
.toggle_custom_2{
	border: none;
}
.toggle_custom_2.et_pb_toggle_close {
    border-bottom: 3px solid #72c15f;
 }

.toggle_custom_2 .et_pb_toggle_title:before {
    right: 45%;
    margin-top: 5px;
    font-size: 40px;
    content: "\33";
    -webkit-transition: cubic-bezier(0.6, -0.28, 0.74, 0.05) .5s;
    transition: cubic-bezier(0.6, -0.28, 0.74, 0.05) .5s;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.toggle_custom_2.et_pb_toggle_open .et_pb_toggle_title:before {
    right: 45%;
    margin-top: -60px;
    font-size: 40px;
    content: "\32";
    -webkit-transition: cubic-bezier(0.6, -0.28, 0.74, 0.05) .5s;
    transition: cubic-bezier(0.6, -0.28, 0.74, 0.05) .5s;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.toggle_custom_2.et_pb_toggle_open .et_pb_toggle_title:before {
    color: #72c15f;
}

.et_pb_toggle_content {
    padding-top: 0;
}
.et_pb_toggle.et_pb_toggle_close {
    border:none !important;
    padding: 0;
}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

.join-form input[type="text"], .join-form input[type="email"], .join-form textarea {
    display: block;
    text-transform: uppercase;
    width: 100%;
    padding: 12px;
    font-size: 14px;
    margin: 4px 0;
    color: #000;
    letter-spacing: 2px;
}

.join-form input[type="text"]::placeholder,
.join-form input[type="email"]::placeholder,
.join-form textarea::placeholder {
    font-weight: 500;
}

.join-form input[type="submit"] {
    background-color: #92278f;
    text-transform: uppercase;
    width: 50%;
    color: white;
    cursor: pointer;
    border: none;
    font-size: 14px;
    padding: 12px;
    letter-spacing: 2px;
}
div.wpcf7 .ajax-loader {
    display:block;
}
.join-form input[type="submit"]:hover {
    background-color: rgba(146, 39, 143, 0.76);
}
/********************/


/********** Blog ***********/
.custom_blog .et_pb_post {
    min-height: 600px;
    max-height:600px;
    position: relative;
}

@media only screen and (min-width: 981px) {
    .custom_blog .column.size-1of3 {
        width: 32% !important;
        margin-right: 2% !important;
    }
    .et_pb_blog_grid .column.size-1of3 .et_pb_post {
        margin-bottom: 50px !important;
    }
    .et_pb_column_4_4 .et_pb_module {
        margin-bottom: 0 !important;
    }
}
@media only screen and (min-width: 501px) {
    .et_pb_blog_0 .et_pb_post .post-content .more-link {
        width: 225px !important;
        color: white !important;
    }
}
@media only screen and (max-width: 500px) {
    .et_pb_blog_0 .et_pb_post .post-content .more-link {
        width: 225px !important;
        color: white !important;
    }
}
body.et_pb_button_helper_class .et_pb_button {
    background-color: #92278f;
}
/***************************/


/************Modal************/

.screen, .modal {
    display: none;
    position: absolute;
}

.screen {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.25);
    z-index: 1;
}
@media only screen and (max-width: 768px) {
    .modal {
        width: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }
}
.modal {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.video .modal button {
    right: 0;
    position: absolute;
    top: 0;
}

.video .modal {
    padding: 20px;
    background-color: #fff;
}

.modal button {
    border: none;
    background: none;
    color: #5d8714;
    font-size: 20px;
    float: right;
} 

.video a {
    cursor: pointer;
}

.modal-form {
    padding: 24px;
    border: 1px solid #ddd;
    background-color: #fff;
}

/*****************************/


/********** Extras **********/

.fit-thumbnails-blog .et_pb_image_container img {
    object-fit:cover;
    object-position: 0 0; 
    height:200px;
}
.wpcf7-file {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 5em; height:45px; width:130px
}
.btn-block {
    display: block;
    width: 100%;
}
.fileUpload {
    position: relative;
    overflow: hidden;
    text-align: left;
    border: 1px solid #bbb;
    border-radius: 0;
    color: #757575;
    padding: 10px;
    margin-bottom: 1em;
}
.fileUpload .dashicons {
    position: absolute;
    right: 10px;
    font-size: 21px;
    top: 12px;
}
input[type="file"] i {
    -webkit-appearance: initial;
    background-color: initial;
    padding: initial;
    border: initial;
	margin-top: -32px;
    width: 152px;
}

.widgettitle {
    text-transform: uppercase;
}
.et_pb_widget ul li {
    margin-bottom: 0;
}
.et_pb_widget a {
    color: #000;
}
.form-submit .et_pb_button {
    color: #fff !important;
    padding: 10px !important;
    letter-spacing: 2px;
    width: 273px;
}
#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    border: 1px solid #ddd;
    color: #000;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
}
.circle img {
    border-radius: 50%;
}
.et_pb_button_module_wrapper .read-more, .et_pb_button_module_wrapper .read-more:hover {
    width: 273px;
    text-align: center;
    display: inline-block;
    padding: 8px !important;
}
@media all and (max-width: 767px) {
    .contact-us .et_pb_contact_submit {
        width: 206px !important;
    }
    .half-width {
        width: 100% !important;
        display: block !important;
    }
    
    .half-width.last {
        margin-left: 0 !important;
        margin-top: 22px !important;
    }
}
.et_pb_contact_form_0.et_pb_contact_form_container.contact-us .et_pb_contact_submit.et_pb_button {
    width: 273px;
    padding: 12px !important;
}
@media all and (min-width: 768px) {
    .half-width {
        width: 48% !important;
        display: inline-block !important;
    }
    .half-width.last {
        margin-left: 4% !important;
    }
}
.publications h1 {margin-bottom: 50px;}
.publication-icon {font-size:22px;padding-right: 10px;vertical-align: middle;color: #78b41b;}
.publications-dropdown {text-align:center;}
.publications-dropdown select {
    padding: 12px 30px;
    border: 1px solid #78b41b;
    color: #78b41b;
    font-size: 16px;
}
.publications-sidebar {
    padding-left: 30px;
    display: inline-block;
}
.publications-sidebar ul {
    list-style: square !important;
    color: #666;
}
.publications-sidebar a {
    color: #666;
}
.et_pb_widget ul.filters li a.active {
    color: #78b669;
}
.nav li ul {
    padding: 10px !important;
}
#top-menu li li a {
    padding: 5px 0 !important;
}
.et_pb_widget_area ul {
    list-style: square !important;
    color: #666;
}
.et_pb_testimonial p a {
    display: block !important;
}
.full-width {width:100%;}
.center {text-align:center;}
.background-thumbnail {
    min-height: 200px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}
.background-thumbnail.default {
    background-size:cover;
}
.background-thumbnail.transparent {
    background-size:contain;
}
.smls-car-img-wrap {
    background-color:white;
}
.recaptcha {
    margin-bottom: 15px;
}
@media (max-width: 479px) {
    .et_pb_cta_0 .et_pb_promo_description{
        width: 100% !important;
    }
    .et_pb_cta_0 .et_pb_promo_description h2{
        width: inherit;
    }
}

/*BLOG SUB*/
.sub-form-title{
    text-align: center;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
}
.sub-blog-wrapper{
 width: 100%;
}
.sub-form-wrapper{
  width: 100%;height: 43px;
  border: 1px solid #6bbe01;
  cursor: pointer;
  overflow-y: hidden;
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 12px; line-height: 18px;
  padding: 13px 0px;
  color: #6bbe01 !important;
}
form#blog-sub{
  transition: all 0.2s ease-in;
  font-size: 12px;
}
form#blog-sub.hold-form{
  transform: translateY(-44px);
}
.hover-class:hover{
  transform: translateY(-44px);
}
form#blog-sub .button-text{
  padding: 13px 0px;
  color: #6bbe01;
}
form#blog-sub input{
  display: inline-block;
  padding: 14px 0px;
  margin: 0px;
  border: 0px;
}
form#blog-sub input[type="email"]{
  width: 75%;
  padding-left: 5px;
}
form#blog-sub input[type="submit"]{
  width: 25%;
  background-color: #6bbe01;
  color:white;
}
.form-inner-wrapper{
  background-color: #6bbe01;   
}
@media (max-width: 450px) {
    .sub-form-wrapper{
        width: 90%;
    }
}
@media (max-width: 980px){
    .et_pb_row {
        padding: 2% 0px;
    }
    .video-wrapper{
        padding-right: 0%;
    }
}
@media (min-width: 981px){
    .et_pb_row {
        padding: 2% 0px;
    }
}
/********** **********/

/*-----------------------------------------------*/
/*----------- End Mijo! Brands Styles------------*/
/*-----------------------------------------------*/