/*
Theme Name: Grafxgenie
description: Divi Child Theme for Grafxgenie
Author: Fechi Fajardo
Author URI: https://grafxgenie.com
Template: Divi
Version: 1.0.0
Text Domain: gg
*/
/** {
    transition: all .5ms ease-in-out;
}*/
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {
  background: none;
}

/* remove white background color */
#main-content {
  background-color: transparent;
}

/*** Hide Sidebar ***/
#sidebar {
  display: none;
}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px) {
  #left-area {
    width: 100%;
    padding: 30px 75px 140px !important;
    float: none !important;
  }
}

/*** RESET ***/
/*** GENERAL ***/
/* buttons */
.et_pb_button {
  background: #b65fa5;
  background: -moz-linear-gradient(45deg, #b65fa5 0%, #3aa6d9 50%, #43e8c1 100%);
  background: -webkit-linear-gradient(45deg, #b65fa5 0%, #3aa6d9 50%, #43e8c1 100%);
  background: linear-gradient(45deg, #b65fa5 0%, #3aa6d9 50%, #43e8c1 100%);
  box-shadow: rgba(0, 0, 0, .19) 5px 25px 30px;
  padding: 1em 1.7em;
  border-radius: 50px;
}

.et_pb_button:hover, .et_pb_module .et_pb_button:hover {
  border: none !important;
  border-radius: 50px;
  padding: 1em 2.7em 1em 2em;
  display: inline-block;
}

.et_pb_button.key_button {
  background: #b65fa5;
  background: -moz-linear-gradient(45deg, #b65fa5 0%, #f80272 50%, #f2c475 100%);
  background: -webkit-linear-gradient(45deg, #b65fa5 0%, #f80272 50%, #f2c475 100%);
  background: linear-gradient(45deg, #b65fa5 0%, #f80272 50%, #f2c475 100%);
}

/*** logo ***/
/*remove shadow from header */
#main-header.et-fixed-header {
  box-shadow: none !important;
}

.logo_container {
  padding-top: 10px;
}

/*** SLIDER ***/
/* remove shadow from slide text */
.et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/* make slide full window */
.et_pb_slides .et_pb_container {
  height: calc(100vh - 30px) !important
}

@media (min-width:981px) {
  .et_pb_slide_image {
    left: calc(900px - 50vw);
  }

  /* put slider image on the right */
  .et_pb_slide_description {
    float: left !important;
    padding-left: 100px !important
  }

  /* adjust text description width */
  .et_pb_slide_with_image .et_pb_slide_description {
    width: 66%;
  }

  /* make slide blob full width */
  .et_pb_slide_image {
    position: absolute;
    top: -66vh !important;
    left: 33vw;
    margin-top: 0 !important;
  }

  .et_pb_fullwidth_slider_0 {
    position: relative;
    top: -132px;
    margin-bottom: -132px;
  }

  .et_pb_slide_image img {
    height: 133vh !important;
    width: auto;
    max-width: none !important;
    max-height: none !important;
  }
}

/*** FOOTER ***/
#footer-bottom {
  padding: 35px 0 20px;
}

/*** ANIMATIONS ***/
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top,
.et_pb_button, #logo {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active,
.et_pb_button:hover, .et_pb_button:focus, .et_pb_button:active,
#logo:hover, #logo:focus, #logo:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* filterable portfolio */
@media (min-width: 981px) {
  .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 {
    width: 28.333%;
    margin-right: 7.5%;
  }

  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item:nth-child(3n) {
    margin-right: 0 !important;
  }

  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
    clear: none !important;
  }

  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n+1) {
    clear: both !important;
  }
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  border: 0 !important;
  background-color: transparent !important;
}

/* light menu for top of home page */
.home #top-menu a, .home #et_search_icon:before {
  color: #f4f7fd;
}

.home #top-menu-nav>ul>li>a:hover {
  opacity: .7;
}

.home home-link {
  display: none;
}

.home #top-menu li.current-menu-item>a {
  color: #4cdee7;
}

/* menu */
.menu-item {
  line-height: 1.3em !important;
}

#top-menu li li a {
  text-transform: none;
  color: #333;
  letter-spacing: 0;
  line-height: 1.3;
  font-size: 15px;
  padding: 10px 20px;
}

.nav li ul {
  top: 30px;
}

.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
  border: 0 !important;
  background-color: transparent !important;
}

/* light menu for top of home page */
.home #top-menu a, .home #et_search_icon:before {
  color: #f4f7fd;
}

.home #top-menu-nav>ul>li>a:hover {
  opacity: .7;
}

.home #top-menu li.current-menu-item>a {
  color: #4cdee7;
}

@media (min-width:781px) {
  .et_pb_slide_image {
    left: calc(900px - 50vw);
  }

  /* put slider image on the right */
  .et_pb_slide_description {
    float: left !important;
    padding-left: 100px !important
  }

  /* adjust text description width */
  .et_pb_slide_with_image .et_pb_slide_description {
    width: 66%;
  }

  /* make slide blob full width */
  .et_pb_slide_image {
    position: absolute;
    top: -58vh !important;
    left: 17vw;
    margin-top: 0 !important;
  }

  .et_pb_fullwidth_slider_0 {
    position: relative;
    top: -132px;
    margin-bottom: -132px;
  }

  .et_pb_slide_image img {
    height: 133vh !important;
    width: auto;
    max-width: none !important;
    max-height: none !important;
  }
}

/* hide home link on home page */
.home #top-menu li.home-link {
  display: none;
}

/* hide skills in project single page */
.et_project_meta {
  display: none;
}

.et_main_title .et_project_categories {
  display: block;
}

.home #main-header {
  background-color: #f4f7fd;
}

#main-header {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.et_fixed_nav.et_show_nav #page-container {
  padding-top: 132px !important;
}

.et_pb_section {
  background-color: transparent;
}