/*
Theme Name:   Colateral
Description:  Colateral - Child es el tema hijo de Colateral.
Author URL:   http://www.colateralmkt.com/
Template:     Divi
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Código personalizado */

ul {
      margin-left: 5px;
}

h2 {
    font-size: 35px;
}

h3 {
    font-size: 30px;
}
h4 {
    font-size: 27px;
letter-spacing: 0;
}

#top-menu li {
    display: inline-block;
    padding-right: 10px;
   }


#top-menu li a:hover {
color: #f9b236 !important; 
}

.marca{
    opacity: 0.6;
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

.marca:hover {
    opacity: 1;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
    }

/*----------------------RESPONSIVE--------------------------*/

@media only screen and ( min-width: 1080px ) and ( max-width: 1920px ) {
.et_pb_slider .et_pb_slide {
height: 600px;
}}

/*----------------------1200--------------------------*/

@media only screen and (max-width: 1200px){

.et_pb_slider .et_pb_slide {
height: 550px;
}

#logo {
    max-height: 50%;
}
.container {
    position: relative;
    width: 85%;
    max-width: 1200px;
    margin: auto;
}}


/*----------------------1100--------------------------*/

@media only screen and (max-width: 1100px){
.et_pb_slider .et_pb_slide {
height: 550px;
}

.container {
    position: relative;
    width: 90%;
    max-width: 1100px;
    margin: auto;
}}

/*----------------------980--------------------------*/

@media only screen and (max-width: 980px){
.et_pb_slider .et_pb_slide {
height: 500px;
}

.et_header_style_left #logo {
    max-height: 70%;
}}


/*----------------------767--------------------------*/

@media only screen and (max-width: 767px){
.et_pb_slider .et_pb_slide {
height: 300px;
}

h3 {
    font-size: 22px;
}

h2 {
    font-size: 24px;
}

h1 {
    font-size: 24px;
}}


/*----------------------580--------------------------*/

@media only screen and (max-width: 580px){
.et_pb_slider .et_pb_slide {
height: 280px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 21px;
}}

/*----------------------420--------------------------*/

@media only screen and (max-width: 420px){
.et_pb_slider .et_pb_slide {
height: 210px;
}}


/*----------------------320--------------------------*/

@media only screen and (max-width: 320px){
.et_pb_slider .et_pb_slide {
height: 180px;
}

h1 {
    font-size: 19px;
}}

#nav-header .nav-wrap {
    height: auto !important;
}
#nav-header .nav-toggle {
    display: none !important;
}

/*----------------------Blurb y grow up--------------------------*/
.blurb:hover {
background-color: rgba(219,116,0,0.81);
box-shadow: 0px 1px 6px rgba(219,116,0,0.81);
-moz-box-shadow: 0px 1px 6px rgba(219,116,0,0.81);
-webkit-box-shadow: 0px 1px 6px rgba(219,116,0,0.81); }

.image-grow {
border: none !important;
-webkit-transition:all 0.6s ease-out;
-moz-transition:all 0.6s ease-out;
-ms-transition:all 0.6s ease-out;
-o-transition:all 0.6s ease-out;
transition:all 0.6s ease-out;
}
.image-grow:hover {
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
-ms-transform:scale(1.15);
-o-transform:scale(1.15);
transform:scale(1.15);
}
.blurb-hover.et_pb_blurb .et_pb_blurb_content .et_pb_main_blurb_image .et-pb-icon:hover {
color: #ff0000 !important;
}

/*----------------------Portfolio filterable hide filters--------------------------*/

.et_pb_filterable_portfolio .et_pb_portfolio_filters li { display: none; }


/*----------------------Portfolio center text item--------------------------*/

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2 {
text-align: -webkit-center;
}