/* CSS Document */
/*
Theme Name: write child
Theme URI: http://letocar.com
Version: 4.0
Description: Tema hijo de write para hacer cambios sin riesgo
Author: letocar
Author URI: http://letocar.com
Template: write
Text Domain: write
*/

@import url("../write/style.css");

body {
    padding:0;
	font-family:  'Fanwoo', sans-serif !important;
	margin: 0px!important;
	width: 100%!important;
}
.site {
    width: 96%!important;
    margin: 12px;
	margin-top: 10px!important;
}


@media screen and (min-width: 783px)
body {
    margin: 0px 0px!important;
}
@media screen and (min-width: 500px)
.site {
    max-width: 1535px!important;
}
html {
    margin-top: 0px !important;
}

#content_wrapper{width:100%; position:relative; float:left;}
#marcas_coches {width:100%;}
.large-thumbnail .content-area {
    background-color: #fff;
    margin-top: -90px;
    padding-top: 60px;
}

.post-thumbnail-large {
    margin-bottom: 10px;
    min-height: 0px;
	  display:none;
}


.content-area {
    width: 89%;
	padding-left: 1px;
}



.underlinemenu{font-weight:bold; width:100%}

.underlinemenu ul{padding:6px 0 6px 0; margin:0; text-align:left;}

.underlinemenu ul li{display:inline}

.underlinemenu ul li a{color:#494949; padding:6px 3px 4px 1px; margin-right:8px; text-decoration:none; border-bottom:3px solid gray; font-size:18px}

.underlinemenu ul li a:hover, .underlinemenu ul li a.active{border-bottom-color:#008040; font-size:24px}

div.lateral-largo{float:left; width:160px; margin-right:8px; height:690px;font-size:17px; line-height: 100%}

div.lateral-marcas{float:left; width:160px; margin-right:8px; height:690px;font-size:17px; line-height: 100%}

div.lateral-largo h3 a{font-size:16px; color:maroon;}

div.lateral-corto {
    float: left;
    width: 160px;
    margin-right: 8px;
    height: 420px!important;
    font-size: 17px;
    line-height: 100%;
}

div.lateral-corto h3 a{font-size:16px; color:maroon;}

div.lateral-largo1{float:left; width:160px; margin-right:10px; height:540px}

@media all and (min-width:321px) and (max-width: 480px) {
div.lateral-largo {
    float: left;
    width: 47%;
    margin-right: 8px;
    height: 690px;
    font-size: 17px;
    line-height: 100%;
}
}

@media all and (min-width:0px) and (max-width: 320px) {
div.lateral-largo {
    float: left;
    width: 47%;
    margin-right: 8px;
    height: 690px;
    font-size: 17px;
    line-height: 100%;
}
}

div.gallery2{width:100%; overflow:hidden}

div.gallery2 a{position:relative; float:left}

div.gallery2 a span{background-image:url(images/zoom.png); background-repeat:no-repeat; width:48px; height:48px; display:none; position:absolute; left:15px; top:15px}

#gallery2{width:100%; overflow:hidden}

#gallery2 a{position:relative; float:left}

#gallery2 a span{background-image:url(images/zoom.png); background-repeat:no-repeat; width:48px; height:48px; display:none; position:absolute; left:15px; top:15px}

.razas{font-weight:bold;  width:100%; margin-top:5px; font-size:15px}

.razas ul{padding:6px 0 6px 0;  margin:0;  text-align:left}

.razas ul li{display:inline}

.razas ul li a{color:#494949; padding:6px 3px 4px 1px; margin-right:8px; text-decoration:none; border-bottom:3px solid gray}

.razas ul li a:hover, .razas ul li a.active{border-bottom-color:#008040; font-size:32px}

.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
a.swShowPage.active{background-color:#2993dd;-moz-box-shadow:0 0 7px #1e435d inset;box-shadow:0 0 7px #1e435d inset}
.post-meta{font-variant:small-caps; color:maroon; line-height:16px; font-size:14px}

#caja1{ padding-right:10px; float:left; width:400px;}

#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 60%;}

#caja3{ padding-right:20px; float:left; font-size:18px; border: 1px solid #165480; padding-left: 10px; padding-top: 10px; margin-bottom: 20px;}

#caja4{ padding-right:10px; float:left; font-size:18px; border: 1px solid #165480; padding-left: 10px; padding-top: 10px; margin-left: 10px;margin-bottom: 20px;}

#marca�{padding-right:10px; width:200px; float:left; font-size:20px}
#modelo { width:200px;padding-right:10px; float:left; font-size:20px}
#reset { width:200px;padding-right:10px; float:left; font-size:20px}
#resultados { margin-top:50px;float:left; font-size:20px}   

.columna {
  float:left !important;
  padding-right:10px !important;
  font-size: 25px !important;
}       
button, input[type="button"], input[type="reset"], input[type="submit"] {
    padding: 0.5em 1.5em !important;
}

@media all and (min-width:960px) and (max-width: 1024px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

@media all and (min-width:801px) and (max-width: 959px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

@media all and (min-width:769px) and (max-width: 800px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

@media all and (min-width:569px) and (max-width: 768px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

@media all and (min-width:481px) and (max-width: 568px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

@media all and (min-width:321px) and (max-width: 480px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

@media all and (min-width:0px) and (max-width: 320px) {
#caja1{ padding-right:10px; float:left; width:330px;}
#caja2 {padding-right:10px; float:left; margin-top: -4px; width: 100%;}
}

.post-meta-key{color: maroon;
    font-weight: 700;
    font-size: 110%;}

.tablepress tbody tr:first-child td {
    width: 50% !important;
}

.main-navigation .search-field {
    padding: 0 0 0 40px;
    
}
.main-navigation ul ul {
    width: 270px;
}
h3 {
    font-size: 1.2rem;
}
.post-meta {
    margin-top: 5px;
}
.drawer-hamburger {
    padding-right: 1.20rem !important;
	right: 10px !important;
}
.drawer-content-inner {
    padding: 0px 0px;
}
.no-sidebar .entry-float {
    position: static;
}
.main-navigation ul.menu > li {
    margin-right: -15px;
}
select {
    border-radius: 10px;
    border: 1px solid #999;
}
.entry-title {
    font-size: 2.2rem;
}
body #icl_lang_sel_widget-2 .wpml-ls-legacy-list-horizontal li {
    margin-left: 5px !important;
}
.wpml-ls-legacy-list-horizontal {
   padding:0 !important;
}
.wide .top_bar {
   padding-top:0 !important;
}
@media only screen and (max-width: 992px) {
body #icl_lang_sel_widget-2 .wpml-ls-legacy-list-horizontal li {
float: none;
display: inline-block;
}

body .right-top-widet {
margin-top: 0;
}

button, input[type=button], input[type=reset], input[type=submit] {
    padding: .8em .6em !important;
}


}

.facetwp-type-fselect .fs-wrap, .facetwp-type-fselect .fs-dropdown {
    width: 500px !important;
	background-image: radial-gradient(ellipse at center,rgb(238, 236, 241),rgb(255,255,255))!important;
    border-radius: 5px !important;
    border: 1px solid #7266d4 !important;
}
.facetwp-facet {
    margin-bottom: 20px !important;
}
.fs-option, .fs-search, .fs-optgroup-label {
    padding: 6px 8px;
    border-bottom: 2px solid #eee !important;
    cursor: default;
}



@font-face {
  font-family: 'Lobster';
  font-display: swap; //  ----> the fix!
  font-style: normal;
  font-weight: 400;
  src: local('Lobster Regular'), local('Lobster-Regular'), url(https://fonts.gstatic.com/s/lobster/v21/neILzCirqoswsqX9zo-mM5Ez.woff2) format('woff2');
}

.styled-text {
  font-family: 'Fanwoo', sans-serif;
}
.Centrar {
    text-align: center;
}
.Centrar h1 { font-size:20px;}
.Color{font-weight:bold ; font-size:18px ; color: chocolate;
    text-decoration: underline;}
	
.Color h1 {font-weight:bold ; font-size:30px ; color: chocolate;
    text-decoration: underline;}

media="screen and (max-width: 782px)"
.drawer-content-inner {
    vertical-align: top !important;
}

.letters .item {
    margin-left: 0;
    margin-right: 2px;
    float: left;
    width: 32px;
    padding: 4px;
    text-align: center;
    border-radius: 4px;
    border-color: #ddd;
    border-width: 1px;
    border-style: solid;
    background: #fff!important;
    background: rgba(255,255,255,.3)!important;
}