/*
Theme Name:  Elephantik LLC
Theme URI:   https://elephantik.wpengine.com
Version:     1.0
Description: Elephantik LLC is a mulit-disciplinary Design studio. This is a unique child theme of DIVI by Elephantik LLC.
Author:      Elephantik LLC
Author URI:  www.elephantik.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

.et_pb_post .post-meta, .et_pb_portfolio_item .post-meta {
    
}
.et_pb_portfolio_item{
    position: relative;
}
.et_pb_portfolio_item h2{ 
    position: absolute;
    top:5%;
    left:5%;
    padding-right:15px;
    z-index:1000;
    display:none !important;
    pointer-events: none;
	cursor: default;
      transform: translate3d(0px, 0px, 0px);
    }
.et-pb-contact-message {
    font-size: 20px;
    color: #fff;
}
    
.et_pb_portfolio_item:hover h2{display:block !important;transition: all 0s ease 2s;}
div#et-info {
    float: right;
}

.et_pb_portfolio_item h2:before {
    content: "=";
    position: absolute;
    bottom: -18px;
    left: 0px;
    font-size: 23px !important;
    width: 28px;
    font-family: 'ETmodules';
    height: 10px;
    color:#fff;
}
.et_pb_portfolio_item h2:after {
    content: "View Case Study";
    position: absolute;
    bottom: -20px;
    left: 30px;
    font-size: 18px !important;
    width: 200px;
    height: 10px;
    font-weight:700;
}

/* Blog Typography and Display */

span.et_overlay.et_pb_inline_icon {
    display: none;
}
.pindiv_container {
    width: 100%;
    background-color: #fff0 !important;
    text-align: center;
    overflow: hidden;
}
.et_pb_posts.et_pb_module article .et_pb_row {
    width: 100%;
    margin-top: -50px;
    margin-bottom: -100px;
}
h2.entry-title {
    padding-top: 10px;
}
/* THREE COLUMN PORTFOLIO GRID LAYOUT */
 
@media only screen and ( min-width: 768px ) {

.three-column-grid .et_pb_grid_item {
width: 28.333% !important;
margin: 0 7.5% 7.5% 0 !important;
}

 
.three-column-grid .et_pb_grid_item:nth-child(3n) {
margin-right: 0 !important;
}
 
.three-column-grid .et_pb_grid_item:nth-child(4n+1) {
clear: unset !important;
}
 
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    display: block;
    overflow: hidden;
    height: auto;
    margin: 5px 5px 0 0;
    padding: 10px 20px;
    border: 0px;
    color: #666;
    background-color: #fff;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #0f75bc;
    background-color: #0f75bc1f;
    border-radius: 15px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #0f75bc;
    background-color: #0f75bc1f;
    border-radius: 15px !important;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #0f75bc;
    background-color: #0f75bc1f;
    border-radius: 15px !important;
}

@media (max-width: 767px)
style.css?ver=4.9:15
.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
    -webkit-border-radius: 3px 0 0 0;
    -moz-border-radius: 3px 0 0 0;
    border-radius: 3px 0 0 0;
}
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
@media all and (min-width: 761px) {
.et_pb_gutters3 .et_full_width_page.woocommerce-page ul.products li.product, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3 .et_pb_column_4_4 .et_pb_widget, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_grid_item, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_shop_grid .woocommerce ul.products li.product, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_widget {
    margin: 0% 1% 1% 0% !important;
    width: 32% !important;
}

#top-menu li.mega-menu > ul {
    position: absolute !important;
    left: 10% !important;
    width: 80% !important;
    padding-top: 10px!important;
    padding-bottom:20px !important;
    padding-left:15px !important;
    padding-right:15px !important;
    right: 10% !important;
}
#top-menu li.mega-menu>ul>li>a {
    width: 90%;
    padding: 0 20px 10px;
}
#top-menu li.mega-menu>ul>li>a:hover {
    background:#fff !import
}
#top-menu li.mega-menu>ul>li>a:first-child {
    padding-left:30px;
    width: 235px;
}
#top-menu li li a {
    width: inherit;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: 500;
    width:200px;
}
#top-menu li.mega-menu>ul>li>ul>li {
    width: 100%;
    margin: 0;
    padding-left: 10px !important;
}
#top-menu li.mega-menu ul li li :hover {
	background: #ffffff30 !important;
}
.nav li li {
    position: relative;
    line-height: 1.7em !important;
}
#top-menu li.mega-menu ul li li {
    width: 200px !important;
}
li.et_pb_portfolio_filter.et_pb_portfolio_filter_all {
    display: none;
}
.post-content {
    padding-bottom: 15px;
    padding-top: 15px;
}
span.et_pb_contact_field_options_title {
    color: #fff;
    font-size: 20px;
    padding-bottom: 15px;
}
.et_pb_section_6.section_has_divider.et_pb_bottom_divider .et_pb_bottom_inside_divider {
    margin-top: -100px;
}

/***fromcustomcss***/

.et_pb_popup_builder_0 .sb_pb_modal_button {
    background-color: #0878bb;
    width: 100%;
}
.et_pb_popup_builder_1 .sb_pb_modal_button {
    background-color: #003e5e;
    width: 100%;
}
@media screen and (max-width: 960px) {
.hide-mobile {display: none!important;}
}
.single-post #top-header {  }
select#et_pb_contact_what-service_1 {
    background: #ffffff1f;
}
.et_pb_contact_field[data-type=select]:after {
	border-color:#fff transparent transparent transparent;
}
.frm_style_divi.with_frm_style .form-field {
    margin-bottom: 0px !important;
}
.frm_submit {
    padding-top: 20px;
}
div#frm_field_89_container {
    padding-top: 10px;
}
#top-header, #top-header a, #et-secondary-nav li li a, #top-header .et-social-icon a:before {
    font-size: 14px;
}
.wp-gr.wpac a.wp-google-name {
    color: #e8e8e8!important;
    text-decoration: none!important;
}
div#frm_field_164_container {
    padding-top: 20px;
}
p.et_pb_contact_field.et_pb_contact_field_3.et_pb_contact_field_last {
    margin-bottom: 10px !important;
}
div#frm_field_166_container {
    padding-top: 20px;
}
div#frm_field_167_container {
    padding-top: 20px;
}
div#frm_field_163_container {
    padding-top: 20px;
}
div#frm_field_97_container {
    padding-bottom: 20px;
}
input#field_h0kg5 {
    background: white !important;
    color: #333 !important;
    font-size: 22px !important;
}

div#frm_field_172_container {
    font-size: 22px;
}
.hidethis {
display:none;}
span.et_pb_contact_field_options_title {
    color: #fff;
    padding-bottom: 10px;
}
.frm_style_divi.with_frm_style .vertical_radio .frm_checkbox, .frm_style_divi.with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1 {
    display: block !important;
    padding-bottom: 3px;
}
div#frm_field_179_container {
    padding-top: 10px;
}
.grayback { 
background: #f9f9f9 !important;
padding:20px;
margin-top:15px;
border-radius:10px;}
div#frm_field_187_container {
    padding-top: 15px;
}
div#frm_field_184_container {
    padding-top: 15px;
}
@media screen and (min-width: 300px) and (max-width: 480px ){
div#et-info {
    /* text-align: center !important; */
    float: left;
	}
}
div#frm_checkbox_189-0 {
    padding-top: 10px;
}
div#frm_field_189_container {
    padding-top: 20px;
}
.LetsPadMe {
    padding-top: 20px;
}
.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: 0;
    font-size: 32px;
    content: "\61";
    color: #fff !important;
    cursor: pointer;
}
.mobile_menu_bar:before {
    position: relative;
    top: 0;
    left: 0;
    font-size: 32px;
    content: "\61";
    cursor: pointer;
    color: #fff !important;
}
.frm_style_divi.with_frm_style .form-field {
    margin-bottom: 4px !important;
}

div#frm_field_89_container {
    padding-top: 20px !important;
}
.yummycta menu-item menu-item-type-post_type menu-item-object-page menu-item-126659{
background: #ffffff17 !important;
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 15px !important;
height: 45px;
}