/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/*
 Serif: Cutive Mono Regular
 Sans Serif: Roboto Black
 Script: Pacifico
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Overrides */
.et_pb_gallery_title, .mfp-gallery .mfp-title { display: none; }
.et_pb_top_inside_divider {background-size: 55% 6px !important; }

header#main-header.et-fixed-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #ed4798 !important; 
    opacity:1 !important;
}

li.et_pb_portfolio_filter.et_pb_portfolio_filter_all { display:none; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
	background: transparent;
	color: #fff;
	border: none;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #ed4798;
    background-color: transparent;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #ed4798;
    background-color: transparent;
}

/* Custom */
.pink { color: #ed4798; }
.grey { color: #231f20; }
.pacifico { font-family: 'Pacifico'; }
.roboto { font-family: 'Roboto', sans-serif; font-weight:800; }
.roboto-title { 
	font-family: 'Roboto'; 
	font-weight:600; 
	font-size:44px; 
	color: #fff; 
}
.titleHero {  
	font-size:44px; 
	color: #fff;  
}
.fa-stack-1x{ font-size: 1.1em !important; }

.socialIcon {
	color:#fff;
	font-size:.5em;
	margin-top:-2px;
}
.socialNavigation { 
	padding-right:0;
	margin: -5px -35px 0 0;
}

/* Gallery */
.gallery-container {
  /*max-width: 1080px;*/
  margin: 0 auto;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
}

.gallery-item {
  width: 340px;
  height: 395px;
  margin: 10px;
  text-decoration: none;
}

.gallery-item-wide {
  width: 700px;
  height: 395px;
  margin: 10px;
  text-decoration: none;
}

.gallery-item img {
  position: absolute;
  max-width: 100%;
}

.gallery-item-wide img {
  position: absolute;
  max-width: 100%;
}

.text-wrapper {
  position: relative;
  width: 350px;
  height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  vertical-align:top;
  text-align: left;
  color: #fff;
  opacity: 0;
  margin:150px 0 0 0;
}

.text-wrapper-wide {
  position: relative;
  width: 700px;
  height: 245px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  vertical-align:top;
  text-align: left;
  color: #fff;
  opacity: 0;
  margin:150px 0 0 0;
}

.gallery-item:hover > .text-wrapper {
  transition: all 0.8s ease;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.gallery-item-wide:hover > .text-wrapper-wide {
  transition: all 0.8s ease;
  background: rgba(0, 0, 0, 0.6);
  opacity: 1;
}

.name {
  font-size: 2.5em;
  font-weight: 600;
  font-family: 'Roboto';
  line-height:1em;
  margin: 10% 20px 0;
}
.title { 
	margin: 10px 20px 15%; 
	font-family: 'cutive mono';
	font-size: 1.2em;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #menu-item-301 {
    display:none;
  }
	#menu-item-303 {
    display:none;
  }
}

@media only screen and (min-width: 769px) {
  /* For mobile phones: */
  .bolted::before {
  	margin-right:30px;
  	content: url(http://chilangolandia.us/wp-content/uploads/2019/03/chilangolandia-bolt-left.png);
	}

.bolted::after {
  	margin-left:30px;
  	content: url(http://chilangolandia.us/wp-content/uploads/2019/03/chilangolandia-bolt-right.png);
	}
}

/* Because there is no hover on a touch device, we need to move the text to the bottom of the image and display it by default */

@media only screen and (max-width: 1024px) {
  .text-wrapper {
    opacity: 1;
    justify-content: flex-end;
    text-shadow: 1px 1px 1px #000;
  }
.gallery-item {
  width: 300px;
  height: 350px;
  margin: 10px;
  text-decoration: none;
}	
  .title {
    margin-bottom: 1em;
  }
}

/* Navigation */
.menu ul {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
.menu li {
  font-family: 'cutive mono', sans-serif;
  font-size: 1.5em;
  line-height: 40px;
  margin:0 25px;
}
 
.menu a {
  text-decoration: none;
  color: #fff;
  display: block;
}
 
.menu a:hover {
  color: #ed4798;
}
 
.menu a.active {
  color: #ed4798;
  cursor: default;
}
 
@media screen and (min-width: 600px) {
  .menu li {
    line-height: 50px;
    font-size: 1.5em;
  }
 
  /* Option 1 - Display Inline */
  .menu li {
    display: inline-block;
    /*margin-right: -4px;*/
  }
}