/*---------------------------------------------------------------------------------
 Theme Name:   Divi Child
 Theme URI:    http://mr3d.nl/v3
 Description:  custom CSS stuff
 Author:       mr3d
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*-------------------- Temp stuff to sort --------------------*/

/*
 * 
 * #sketchfab-embed-wrapper{}
 * @media only screen and (max-width: 479px) {
    .mob-columns {
    width: 10%!important;}}
------------------------------ ADDED CSS HERE ------------------------------*/
.sxc-follow-buttons .sxc-follow-button a img {
 	clip-path: 
    polygon(
      0% 10px,                 /* top left */
      10px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 10px),  /* bottom right */
      calc(100% - 10px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}
.sxc-follow-buttons a img:hover {
	outline: 2px solid white;
	outline-offset: -3px;
}


.grid :before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../../../Gridz/grid_v16.png);
    content: '';
    display: block;
    z-index: 1;
}

.grid {
    position: relative;
    z-index: 10000;
}

/*--Custom--------------- Language buttons -----------*/
.but {
 	clip-path: 
    polygon(
      0% 8px,                 /* top left */
      8px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 8px),  /* bottom right */
      calc(100% - 8px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
	border-radius: 0px !important;
	background-color: transparent !important;
	border: 2px solid transparent!important;
	padding-left: 4px!important;
	padding-right: 4px!important;
	padding-bottom: 1px!important;
	padding-top: 1px!important;
}
.but:hover {
	color: #fff!important;
	border : 2px solid #d79e19!important;
	background-color: transparent!important; 
}

/*--Custom--------------- Toggle Icon Look --------------------*/
/* Open toggle*/
.et_pb_toggle_open .et_pb_toggle_title:before {
content: "3";
transition:all 0.5s ease-in-out 0s;
transform: rotate(-180deg);
}
/* Closed toggle*/
.et_pb_toggle_title:before {
font-size:2em;
content: "7";
transition:all 0.5s ease-in-out 0s;
}


/*--Custom------------- Orange Hue Overlay Fix  --------------------*/
.vp-portfolio__item-overlay {
    background-color: rgba(255,155,0,0.5)!important;
	text-shadow: 2px 2px 8px rgba(0,0,0,0.8)!important;
}

.vp-portfolio__items-style-emerge .vp-portfolio__item-meta {
    color: #ffff!important;
}
/*--Custom---------------- VFX Guys ----------------------*/

.et_pb_team_member{
	border-bottom: 2px solid #45d5ed;
 	clip-path: 
    polygon(
      0% 30px,                 /* top left */
      30px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 30px),  /* bottom right */
      calc(100% - 30px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}
.et_pb_team_member_image.a:hover{
    -webkit-transform: 1.2!important;
    transform: 1.2!important;
}
.et_pb_team_member_image{
	border-bottom: 2px solid #45d5ed!important;
 	clip-path: 
    polygon(
      0% 30px,                 /* top left */
      30px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 30px),  /* bottom right */
      calc(100% - 30px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}

.et_pb_team_member_description{
  	margin: 0.25em auto;
  	width: 500em;
  	max-width: calc(100% - 0.5em);
}

/*--Custom--------------- Cutting-Edge ---------------------*/
.et_pb_toggle{
 	clip-path: 
    polygon(
      0% 30px,                 /* top left */
      30px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 30px),  /* bottom right */
      calc(100% - 30px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}
.fluid-width-video-wrapper{
 	clip-path: 
    polygon(
      0% 30px,                 /* top left */
      30px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 30px),  /* bottom right */
      calc(100% - 30px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}
.pic {
 	clip-path: 
    polygon(
      0% 30px,                 /* top left */
      30px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 00px),  /* bottom right */
      calc(100% - 00px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}

/*--Custom--------------- Return to top button ---------------------*/
.et_pb_scroll_top.et-pb-icon {
	border-bottom: 2px solid #d79e19;
	color:#d79e19 ;
	background: rgba(40,55,71,0.6) /* button color */; 
    font-size: 32px; /* icon size */
	border-radius: 0px; 
    right: 00px; /* space from right */
    bottom: 30px; /* space from bottom */
    padding: 8px; /*padding size*/
	clip-path: 
    polygon(
      0% 10px,                 /* top left */
      10px 0%,                 /* top left */
      calc(100% - 0%) 0%,    /* top right */
      100% 0%,               /* top right */
      100% calc(100% - 10px),  /* bottom right */
      calc(100% - 10px) 100%,  /* bottom right */
      0% 100%,               /* bottom left */
      0 calc(100% - 0%)      /* bottom left */
    );
}
/*--Custom-------------- Return to top Mouseover ---------------*/
.et_pb_scroll_top.et-pb-icon:hover {
    bottom: 32px /* space from bottom */;
	color: #152b34;
    background: rgba(208,161,37,0.5); /*button hover color*/; 
    transition: all .1s ease-in-out; /*add transition*/
    box-shadow: 0 10px 15px #162c4e4a; /*box shadow on hover*/
}

/*--DiVi---------------  Fixing fucked up Divi Shit --------------------*/
/*--DiVi--------------- Force Info Layout --------------------*/
#parent_div {
  width: 100%;
  padding-top: 20px;
}
.child_div_1 {
  	float: left;
  	padding-right: 5%;
  	padding-left: 5%;
  	padding-bottom: 3%;
	padding-top: 1%;
  	width: 50%;
  	max-width:400px;
}
.child_div_2 {
  	padding-right: 5%;
  	padding-left: 5%;
}

/*--DiVi------------- Showreel Position fix --------------------*/
.mejs-mediaelemen_t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
       -ms-flex-align: center;
          align-items: center;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

/*--DiVi---------------  Text Panel  --------------------*/
.et_pb_text_ {
    padding-bottom: 1px!important;	
	padding-left: 22px!important;
	padding-top: 22px!important;
}
/*--DiVi-------------- Force Three Columns on mobile Putoline Concepts ----------------*/
@media only screen and (max-width:800px){
.threecolm .vp-portfolio__item-wrap {
max-width:33%;
}
}
/*--DiVi----------------  Project Text Layout  --------------------*/
.blurb_column {
  	float: left;
  	width: 33.33%;
	text-align: center;
}
/*--DiVi----------------  Brands IMG Layout  --------------------*/
@media (max-width: 480px ){
.brand_columns{
        width: 10% !important;
    }
}
/*--DiVi---------------  Fix Side Overlay Crap -------------------------*/
#page-container{overflow-x:hidden;}
/*--DiVi---------------   Fix Header Logo Resize -----------------------*/
.et_header_style_split .centered-inline-logo-wrap {
    width: auto !important;
    max-width: auto !important;
} 
/*--DiVi--------------- Header Fix -------------------------------------*/
#main-header, #main-header.et-fixed-header {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;	
	z-index: 11;
	max-height:60%!important;
	background-color: #253445!important;
	filter: drop-shadow(2px 10px 8px rgba (0,0,0,0.41));
}
#main-header.et-fixed-header {
box-shadow: 0 3px 0 rgba(102, 102, 102, 0.1) !important;
}

/*--DiVi--------------- Kill Hamburger ----------------------------------*/
@media only screen and (max-width:1325px) and (min-width:256px) {
  	#top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
    display:block!important;
  }
	#et_mobile_nav_menu, .et_mobile_nav_menu { 
    display: none!important;
  }
	.et_header_style_split #main-header {
    padding-bottom: 0%!important;
}
}
/*--DiVi--------------- Footer Fix ---------------------------------------*/
#et-info {
    width: 100%;
    text-align: center;
}
.single .et_pb_post {
    margin-bottom: 0px;
}
#footer-bottom { 
background-color: #d79e19!important;
}
.page-id-5804 #footer-bottom { 
background-color: #283747!important;
}
.page-id-6373 #footer-bottom { 
background-color: #283747!important;
}

.page-id-6670 #footer-bottom { 
background-color: #283747!important;
}
/*--DiVi----------^^^^^  Fixing fucked up Divi Shit ^^^^^----------------*/