/*
Theme Name: Bgriz Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Advantage Media Partners Child theme for the Divi theme
Author: Ben G
Author URI: http://bgriz.dev
Template: Divi
Version: 3.6 7/16/2022
*/


/** projects archive **/

.projects-archiv-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates 4 equal columns */
    grid-gap: 20px; /* Adjust the gap between columns */
  }
  
  .single-project-column {
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
    background: white;
    padding: 20px;
  }

  .single-project-column a button {
    color: #FFFFFF!important;
    border-color: #fd0000;
    border-radius: 0px;
    font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif!important;
    background-color: #fd0000;
    border: none;
    padding: 10px 10px;
    margin: 0 auto;
    display: block;
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
  }

/**********[ Ben's helper classes ]**********/


.flex-display {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 980px) {
	.flex-display {
		display: block;
	}
    /* apply these to rows */
    .two-columns .et_pb_column {
        width: 50%!important;
    }
    .three-columns .et_pb_column {
        width: 33.33%!important;
    }    
    .four-columns .et_pb_column {
        width: 25%!important;
    }

}


.sticky {
	position: sticky;
	top: 135px;
}

/**********[ CSS @imports ]**********/



/**********[ Globals ]**********/


/**********[ Home Page ]**********/


/**********[ Header & Top Nav ]**********/

/* Place the word MENU after the mobile hamburger */
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 10px;
    left: 10%;
    color: #2ea3f2;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/**********[ Featurettes Top]**********/


/**********[ Slider ]**********/


/**********[ Body ]**********/


/**********[ Services ]**********/


/**********[ Forms ]**********/


/**********[ Footer ]**********/


/**********[ Media Queries ]**********/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
}

.et-social-tik-tok a.icon:before {
    content: url('images/tik-tok-icon.png');
}

.et-social-snapchat a.icon:before {
    content: url('images/snapchat-icon.png');
}

.et-social-yelp a.icon:before {
    content: url('images/yelp-icon.png');
}

.et-social-linktree a.icon:before {
	font-family: FontAwesome !important;
    content: '\f0c1';
}