/*
 Theme Name:   Grupo Adi Child
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     grupoadi
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/


/* ---------------- HEADER TOP ----------------------- */
.inside-header{
	padding: 20px 0px 0px 0px !important;
}
.post-image{
	float:left;
	width:20%;
	margin-right:2%;
	height:100px;
	overflow:hidden;
}
.entry-meta{
	width:100%;
}
.menu-toggle:before {
	content: "\f0c9";
	font-family: FontAwesome;
	line-height: 0em;
}
 .mega-current-menu-item{
	 font-weight: bold;
 }
.div_top{
	background-color: #f5f6f6;
	height: 45px;
	border-bottom: 1px solid #eeeeee;
}
.socialmediatop{
	height: 45px;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	text-align: center;
}
.img_top{
	margin-right: 10px;
	margin-top: 13px
}
.img_top:HOVER{
	opacity: 0.8;
}
.icon_hover:HOVER{
	opacity: 0.5;
}

.wpml-ls-legacy-dropdown {
    float: right;
    max-width: 100%;
    /*width: 6.5em;*/
   margin-top: 10px
}
.page .entry-content {
    margin-top: 40px;
}
.home .page .entry-content{
	margin-top:20px;
}
.site-header .header-image {
    margin-top: 19px;
    vertical-align: middle;
}
.breadcrumb-container a {
	color: #7f7f7f;
}
.breadcrumb-container a:HOVER {
	color: #1e73be;
}
.breadcrumb-container a:visited {
    color: #7f7f7f;
    text-decoration: none;
}
.breadcrumb-container{
	 color: #7f7f7f;
}
.breadcrumb_last{
	color: #1e73be;
}
.fa-quote-left{
	color: #1e73be;
}
.link_news{
	color:#333;
}
.link_news:HOVER{
	color: #1e73be;
}
/* ---------------- MENU ----------------------- */

ul.mega-sub-menu {
    margin-top: 20px !important;
}

/* ---------------- HOME ----------------------- */

video::-internal-media-controls-download-button {

    display:none;

}

 

video::-webkit-media-controls-enclosure {

    overflow:hidden;

}

 

video::-webkit-media-controls-panel {

    width: calc(100% + 25px);

}


/* Content */
.grid-50_nopadding{
	padding-left: 0px;
}
h3.blue{
	color: #1e73be;
	margin-bottom: 0px;
	margin-top: 20px
}
h1.blue{
	border-bottom: 2px solid #1e73be;
	padding-bottom: 20px;
	color: #333333;
	margin-bottom: 30px;
	margin-top: 10px;
}

/* Contenedor ELEGIR  */

.grey_back_home{
	background-color: #eeeeee;
	padding: 0px !important;
	min-height: 330px;
}
.div_contenedor{
	min-height: 250px;
	text-align: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color:#000000;
	padding: 0px;
	
}
.div_sombra_contenedor {
	 padding: 0px;
	 padding-top: 50px;
	 height: 210px
}
h4.contenedor, h4.contenedor a{
	color: #ffffff;
}

.button_elegir{
	border: 2px solid #1e73be;
	padding: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* news home */

div.image{
	width: 100%;
	height: 180px;
	overflow: hidden;
}

div.new_home{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #ccc;
	font-size: 14px;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}
a.link_cat{
	color: #ccc !important;
}
a.link_cat:HOVER{
	color: #1e73be !important;
}
.margin_top_news_home{
	margin-top: 50px;
}
.margin_icon{
	margin-left: 20px;
}

/* ---------------- QUIENES SOMOS ----------------------- */
.div_contenedor_slide{
	margin-top: 20px;
	padding: 0px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.div_slide{
	min-height: 250px;
	padding: 0px;
	padding-top: 150px;
}
h1.entry-title, .news-string{
	color: #1e73be;
	font-size: 40px;
	font-weight: bold;
	text-transform: uppercase;
}
hr {
  border-top: 2px solid #1e73be;
  width: 100%;
  margin: 0px;
  BORDER-RIGHT: medium none;
  BORDER-LEFT: medium none; 
  BORDER-BOTTOM: medium none;
  HEIGHT: 1px;

}

.100_quienes{
	padding: 0px !important;
}
.div_inter_quienes {
	 padding: 100px 20px 20px 20px;
	 min-height: 200px;
}

.gris{
	background-color:#eeeeee;
	color:#333;
}
.blau{
	background-color: #0057a8;
	color: #fff;
}
.gris_fosc{
	background-color: #7f7f7f;
	color: #fff;
}
.gris_boto {
	background-color: #333;
	color: #fff !important;
	padding: 10px 50px 10px 50px;
}
.gris_boto:HOVER {
	opacity: 0.5;
}
.blau_boto {
	background-color: #0057a8;
	color: #fff !important;
	padding: 10px 50px 10px 50px;
}
.blau_boto:HOVER {
	opacity: 0.5;
}

/*  --------------- PRODUCTES NIVELL 1 -------------------*/


.gris_button {
	background-color: #eee;
	padding-bottom: 10px;
	padding-top: 10px;
	min-height: 30px;
	color: #333;
	margin-bottom: 10px;
}
.gris_button:hover {
	background-color: #0057a8;
	padding-bottom: 10px;
	padding-top: 10px;
	min-height: 30px;
	color: #fff;
}

/*  --------------- PRODUCTES NIVELL 2 -------------------*/
.padding_n1{
	padding: 0% 2% 1% 2%;
}

.entry-content .product_h2 {
    border-bottom: 2px solid #666666;
    color: #1e73be;
    line-height: 2em;
    text-transform: uppercase;
	font-size:20px;
}
.home .entry-content .product_h2{
	font-size:15px;
    border: 0;
}
.plus{
    float: right;
    line-height: 2em !important;
}
.grises_n1  {
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;
}
.grises_n1:hover {
-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;
}

/*  --------------- PRODUCTES NIVELL 3 -------------------*/
.product3_h2{
	border-bottom: 2px solid #3b454b;
	color: #3b454b;
	margin-bottom: 0px;
	padding-top: 10px;
	text-transform: uppercase;
	line-height: 1.5em;
}
.product3_h2:HOVER{
color: #1e73be;
}
.height_query3{
	min-height: 350px;
}
.marcas{
	font-size:24px;
	text-transform:uppercase;
}
.img_hover:hover{
	opacity: 0.5;
}
.news_hover{
	color: #1e73be;
}
/*  --------------- PRODUCTES FINAL-------------------*/
.padding_custom_title{
	background-color: #1e73be;
	color: #fff;
	min-height: 40px;
	padding-right: 10%;
	padding-left: 10%;
	padding-top: 3%;
}
.custom_title{
	margin-bottom: 0px;
}
.padding_custom{
	padding-top: 3%;
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 5%;
	background-color: #eeeeee;
}


/*  --------------- NOTICIAS -------------------*/

.div_news{
	text-align: center;
}
.img_center{
	height:225px;
text-align:center
}
.entry-meta {
    font-size: 85%;
    line-height: 1.5;
    margin-top: 0.5em;
    padding: 5px;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080;   
}
.entry-header .entry-meta {
	border:none;
}
h4.widget-title{
	background-color: #1e73be;
	padding: 5px;
	margin-bottom: 10px;
}
.post-image-above-header .inside-article .post-image{
	margin-bottom:1em;
}

.margin_bottom_news{
	margin-bottom: 10px !important;
}
.separador_news{
	clear:both;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #ccc;
}
/*  --------------- CONTACTAR -------------------*/
.arconix-accordion-title.current, .arconix-accordion-title.current:hover, .arconix-accordion-title.current:active {
    background-color: #000;
    cursor: default;
    color: #fff;
}
#left-sidebar{
	padding-right: 40px;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="search"], textarea {

    width: 100%;
}
/*  --------------- FOOTER -------------------*/

.inside-footer-widgets, .inner-padding{
	padding-bottom: 0px !important;
	padding-left: 20px !important;
	padding-right: 40px !important;
	padding-top: 0px !important;
}

#footer-widgets h4 {
    margin-bottom: 10px !important;
    padding: 0px;
    background-color: transparent;
    
}

.menu li{
	font-size: 14px;
	text-transform: uppercase !important;
	border-bottom: 1px solid #666666;
	padding-bottom: 3px;
	padding-top: 3px;
	
}
.widget li{
	border-bottom: 1px solid #666666;
	padding-bottom: 3px;
	padding-top: 3px;	
}
.site-info {
    background-color: #222222;
    color: #808080;
}
.img_50{
	width: 50%;
	height: auto;
}

/*texto global paginas */
article .entry-content p{
	font-size:15px;
}
.textwidget{
	color:#999;
}
.site-info{
	padding-top:10px;
	padding-bottom: 10px
}
.footer-widgets a:HOVER {
    color: #999;
}

.footer_bottom-menu {
    border-bottom: 0px solid #666666 !important;
    font-size: 14px;
    text-transform: uppercase;
	margin:0;
}
ul.footer_bottom-menu {
	list-style: none;
}
.footer_bottom-menu li{
	float:left;
	margin-left:10px;
}
li.footer_bottom-menu {
	border: 0px !important;
}
/* ----------------------------------------------------------------------------- responsive */
/* Media queries used on blog.staydecent.ca by Adrian Unger 
   check my full source at:
   http://blog.staydecent.ca/static/css/style-0.1.6.css */
   
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:768px) and (max-width:1269px) {
    /* In my particular design, I used a fluid grid limited to a 
       max-width of 1140px, while (if there is enough room)
       pushing the menu outside of layout, requiring a total
       limit of at least 1270px. 
       So, this first query applies to any screen-width less
       than 1270px, and adapts accordingly. */


}
/* A popular grid size used is 960px. Skeleton, a new Boilerplate
   for Responsive, mobile-friendly development, is based on that.
   http://www.getskeleton.com/src/stylesheets/skeleton.css */
@media only screen and (min-width:768px) and (max-width:959px) {
/* Here is where I adjust for Ipad's and similar screen
       widths. Note that the above query and this one overlap
       meaning any rules above will also apply. */

}
@media only screen and (min-width:0px) and (max-width:767px) {
   /* As soon as we fall below the Ipad's width I use my 'mobile'
      design. So, everything in this query is meant for 
      smartphones and other small screens. */
       .breadcrumb-container{
	       visibility: hidden;
       }
h1.entry-title, .news-string {
 padding-left: 20px;
    font-size: 30px;

}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* This is for any screen less than Ipad's width and at least
       480px. This covers a many large-screened smartphones. It
       is declared after the above rule so it overrides the rules
       meant for 320px. */
       .breadcrumb-container{
	       visibility: hidden;
       }
h1.entry-title, .news-string {
 padding-left: 20px;
    font-size: 30px;

}
	
}