/*
Theme Name: Opti Child Shopping
Theme URI: http://shopping.opti.es/
Description: A child theme of Opti Theme
Author: Devialia
Author URI: http://www.devialia.com/
Version: 1.0.0
Template: opti
*/

@import url("../opti-child/style.css?v3");
.header_top{background: rgba(0,0,0,0.5) !important;}
p.header_phone{color: #ddd; border-right-color:  #555;}
p.header_phone a{color:  #fff}
nav.main_menu.left{float: none; position: relative;}
.full_width{position: relative !important;}
ul, ul li{color: #444444; font-family: 'Arial', sans-serif; font-size: 14px; line-height: 23px; font-style: normal; font-weight: 400;}
ul{padding-left: 20px;font-weight: normal;list-style-position: inherit;}
.ve_link a{background-image:url(images/varilux-especialista-500_b.png);}
.ve_link.vee a{background-image: url('images/logo_varilux_especialista_excellence_web_b.png')}
.ve_link.original a{background-image: url('https://especialista.varilux.es/wp-content/themes/woffice-child/images/varilux-especialista-500.png') !important}
.carousel-inner .item .image::before{width: 100%; height: 100%; background: rgba(0,0,0,0.25); position: absolute; top: 0; left: 0; display: absolute; content:" ";} 
.social_icon_holder{    padding: 7px 8px 8px 7px; border-width: 2px; border-color: #999; border-radius: 30px;}
.social_icon_holder *{color: #fff !important; }
.wpb_wrapper .social_icon_holder *{color: #666 !important;}
.social_icon_holder:hover *{color: #222 !important;}
.header_top .social_icon_holder:hover *{color: #ccc !important;}
.op-is-open-shortcode{ letter-spacing: 0px; font-size: 50%; display: block;}


@media only screen and (min-width: 1001px) {
  .ve_link{position: absolute !important; right: 200px;}
  .blog_holder.masonry article .post_text .post_text_inner{padding: 17px 0px 18px;}

}
@media only screen and (max-width: 1024px) {
  nav.main_menu > ul > li > a{padding: 0 20px;}
  .header_top{background: #000 !important;}
  .header_top .left{display: none;}
}

@media only screen and (max-width: 480px){
 .header_top .container_inner{width: 400px;}
 .carousel:not(.advanced_responsiveness) .carousel-inner .slider_content{vertical-align: top}
.carousel-inner .slider_content .text.one_by_one a.qbutton{font-size: 18px; line-height: 26px; padding: 5px 12px 8px;}
}
/*arreglos en slider*/
/* @media only screen and (max-width: 800px){
	.carousel:not(.advanced_responsiveness) .carousel-inner .slider_content{vertical-align: top}
} */

@media (max-width: 800px){
	body .carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
	  font-size: 34px !important;
	  letter-spacing: 2px;
	  line-height: 0.9 !important;}
	 body .carousel-inner .item .image, body .q_slider{height: 70vh !important;}
}