/*-------------------------------------------------------
Theme Name: Divi Ivan Cortazar Theme
Theme URI: http://www.ivancortazar.com/
Description: A child theme template for Divi
Author: Chopito
Author URI: http://www.ivancortazar.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

/* --------- Make background video fluid size TO BE ADDED IN THEME CSS  */

#page-container .et_pb_section_video {
    height: 0!important;
   padding-bottom: 39%!important;
    min-height: 0!important;
    padding-top: 17%!important;
}

#page-container .et_pb_section_video_bg {
	
    height: 0!important;
    padding-bottom: 56%!important;
    min-height: 0!important;
    padding-top: 0!important;
}

/* -------- Add Close buttom to accordeon TO BE ADDED IN THEME CSS -------- */

.et_pb_toggle_open .et_pb_toggle_title:before {
display: block !important;
content: "\e04f";
}


/* ---- Removes white space at the end of Blog Post TO BE ADDED IN THEME CSS--- */

.single .post {
    padding-bottom: 0 !important;
    margin-bottom: 0!important;
}


/* Make Logo Bigger for iPad and Mobile ADD TO CSS */

@media only screen and (max-width: 980px) {
    body header img#logo {
        max-width: 80%!important;
        max-height: 80%!important;
        height: auto!important;
        width: auto!important;
    }
}

@media (min-width: 981px) and (max-width: 1100px) {
.logo_container {
 width: 30% !important;
 float: left !important; 
 position: relative !important;
 top: -20px !important;
}
div#et-top-navigation {
 padding-left: 0px !important;
 width: 70% !important;
 float: left !important;
 
}
}


/* ------ Center Gallery Thumbnails ----- TO BE ADDED IN THE THEME CSS -------- */

.et_pb_gallery_items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

/*  --------- Change Gallery Lighbox Background color ADD IN CSS THEME ------------- */
.mfp-container {
	background: rgb(25, 25, 25) !important;
}

.mfp-title {
	color: #656565 !important;
}

.mfp-arrow {
	color: #f00 !important;
}

.mfp-counter {
	visibility: hidden !important;
}


/* ----------- Hide footer 
#main-footer {
    height: 0 !important;
    overflow: hidden;
} 
*/