/***
1. GENERAL
2. HEADER
3. MENU
4. FOOTER
5. BLOG
6. HOME
7. PAGES
8. EXTRAS
***/


/** 1. GENERAL START **/

html{
	overflow-x:hidden;
}

body{
  font-size: .9rem;
  line-height:1.75;
  color: #404040;
  letter-spacing:.8px;
  font-family: 'Montserrat', sans-serif;
  overflow-x:hidden;
  }

.post, .page{
  margin:0;}

p, ul, ol{
  font-family: 'Montserrat', sans-serif;
  margin-left:0;}

h1, h2, h3, h4, h5, h6{
  font-family: 'Raleway', sans-serif;
  color: #5E3A24;
  font-weight:500;
  line-height:1.3;
  margin-bottom:.8rem;
  letter-spacing:3px;
  }
  
.h1, h1{font-size:2rem; letter-spacing: 1px;}

b, strong {
    font-weight: bold;
}

button, input, optgroup, select, textarea{
   font-family: 'Montserrat', sans-serif;}

.postcontent a, .postcontent a:link{
   font-family: 'Montserrat', sans-serif;
   text-decoration: none;
   color: #5E3A24; }

a, a:visited {
  color:#5E3A24;
  outline: 0;
  text-decoration:none;}

a:active,
a:hover,
a:focus {
  color:#8B522D;
  text-decoration:none;
  outline: 0;}

:focus{
  outline:none
}

.texto-semi-destacado{
	font-size:1rem;
}


.texto-destacado{
  font-size:1.1rem;
  letter-spacing: .12rem;
}

.texto-small{
	font-size:.8rem;
}

.divider-gris {
  height: 1px;
  width:100%;
  display:block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #ccc;
}

.divider-blanco {
  height: 1px;
  width:100%;
  display:block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #fff;
}

.divider-azul {
  height: 1px;
  width:100%;
  display:block;
  margin: 9px 0;
  overflow: hidden;
  background-color: #5E3A24;
}

.page-content, .entry-content, .entry-summary{
  margin:0 !important;}

button, input[type="button"], input[type="reset"], input[type="submit"]{
  background:#5E3A24;
  border:1px solid #5E3A24;
  color:#fff;
  font-size:1rem;
  letter-spacing: 2px;
  border-radius: 0;
  padding: 1rem 1.5rem;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
  background:transparent;
  border:1px solid #5E3A24;
  color:#5E3A24;
}

.btn{
  letter-spacing: 2px;
  border-radius: 0;
  padding: .7rem 1.5rem;
}

.btn:hover, .btn:focus, .btn:active{
  outline:none;
  box-shadow:none;
}
  
.btn-primary, .btn-primary:visited{
  background:#5E3A24;
  border:1px solid #5E3A24;
}

.btn-primary:disabled{
  background:#5E3A24;
  border:1px solid #5E3A24;
  opacity:.5;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  background:transparent !important;
  color:#5E3A24 !important;
  border:1px solid #5E3A24 !important;
}

.btn-secondary, .btn-secondary:visited{
  background:transparent;
  color:#5E3A24;
  border:1px solid #5E3A24;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
  background:#5E3A24 !important;
  color:#fff !important;
  border:1px solid #5E3A24 !important;
}

.btn-blanco, .btn-blanco:visited{
  border:1px solid #fff !important;
  background: #fff;
  color: #5E3A24;
}

.btn-blanco:hover, .btn-blanco:focus{
	color:#fff !important;
	border:1px solid #fff !important;
}


label, input, textarea{
  width:100%;
  border-radius: 0 !important;
}

input:focus, textarea:focus{
  border-color:#5E3A24;
}

input[type=checkbox], input[type=radio], input[type=submit]{
  width:auto;
}

::placeholder{
  color:#ccc;
}

.adorno-titulo{
	position:relative;
	display: inline-block;
}

.adorno-titulo:after{
  content:'';
  display:block;
  width:100px;
  height:5px;
  background:#A6151C;
  position:absolute;
  bottom:-10px;
  right:0;
}



.img-full{
  min-width:100%;
  height:auto;}

.img-cover{
	height:100%;
	width:100%;
	object-fit:cover;
}

.dos-columnas{
  -webkit-columns: 2; /* Chrome, Safari, Opera */
  -moz-columns:2; /* Firefox */
  columns:2;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
  
}

.fondo-gris{
	background:#ededed;
}

.fondo-azul{
	background:#5E3A24;
}

.texto-blanco{
	color:#fff;
}

.texto-azul{
	color:#5E3A24;
}

.overflow-hidden{
	overflow:hidden;
}

.min-vh-100{
	min-height:100vh;
}

.vh-100{
	height:100vh;
}


.h3-small{
	font-size:1.2rem;
	letter-spacing: 2px;
}

.list-group-item{
	background:transparent;
}

/** 1. GENERAL END **/

/** 2. HEADER START **/

.site-header{
	position:absolute;
	display: block;
	z-index: 2;
}

.telefono-header{
	color:#fff !important;
	font-family:'Raleway', sans-serif;
	font-size:1.2rem;
	line-height:100%;
	padding-left: 10px;
}

.cabecera{
  background: rgba(255, 255, 255, .7);
  position:relative;
  z-index:1;
  width:100%;
  color:#5E3A24;
  font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
  letter-spacing:.1rem;
  z-index: 99999;
  transition:all 750ms;
}


.cabecera-sticky{
	position:fixed;
	background:rgba(255, 255, 255, .6);
	transition:all 750ms;
}

.logotipo{
	height: auto;
	transition:all 750ms;
}

.cabecera-sticky .logotipo{
	height:90px !important;
	transition:all 750ms;
}

.header-right{
	line-height:100%;
}

.tel-header{
	color:#5E3A24;
	font-size:1.1rem;
}

.tel-header:hover{
	opacity:.7;
}

/** 2. HEADER END **/

/** 3. MENU START **/


.main-navigation ul{
  padding:5px 0;
  display: block;
  text-align: right;
}

.main-navigation ul li{
  margin: 0 12px;
  padding:3px;
  font-size: 1rem;
  display: inline-block;
  float: none;
  position:relative;
  z-index:1;
}



.main-navigation ul li:before{
  content:'';
  width:100%;
  height:0;
  display:block;
  background:#ccc;
  position:absolute;
  bottom:7px;
  left: 0;
  right: 0;
  margin: auto;
  transition:all 750ms;
  z-index:0;
}


.main-navigation ul li:hover:before{
  content:'';
  width:100%;
  height:8px;
  display:block;
  background:#ccc;
  position:absolute;
  bottom:7px;
  left: 0;
  right: 0;
  margin: auto;
  transition:all 750ms;
  z-index:0;
}

.main-navigation ul li.current_page_item:before{
  content:'';
  width:100%;
  height:8px;
  display:block;
  background:#ccc;
  position:absolute;
  bottom:7px;
  left: 0;
  right: 0;
  margin: auto;
  z-index:0;
}

.main-navigation ul li a{
  color: #5E3A24;
  font-family:'Raleway', sans-serif;
  font-weight: 700;
  letter-spacing: 3px;
  border:1px solid transparent;
  text-transform: uppercase;
  position:relative;
}

.main-navigation ul li.menu-linkedin{
	margin-left:35px;
}

/** 3. MENU END **/

/** 4. FOOTER START **/

.site-footer{
  background: #ededed;
  color: #5E3A24;
  padding:15px 0;
  font-size: .8rem;
}

.site-footer a{
  color:#5E3A24;
}

.site-footer h3{
  color:#5E3A24;;
  font-size:1rem;
  text-transform:uppercase;
  font-weight:normal;
}

.logo-footer{
	max-width:250px;
	width: 30%;
}

.direccion-footer{
	padding-left:15px;
}

.direccion-footer:before{
	content:'\f041';
	font-family:'FontAwesome';
	position:absolute;
	left:15px;
}


.sub-footer{
	background: #5E3A24;
	color:#fff;
	padding: 20px 0;
	font-size:.8rem;
}

.sub-footer a{
	color:#fff;
}


/** 4. FOOTER END **/


/** 5. BLOG START **/

.entry-meta, .entry-meta a{
  font-size:.8rem;
  text-transform:uppercase;
  color: #909090;
}

.entry-footer, .entry-footer a{
  font-size:.8rem;
  text-transform:uppercase;
  color: #909090;
}

.entry-meta, .entry-footer{
  margin:1rem 0;
}

.blog article, .archive article {
  padding-bottom:20px;
  margin-bottom:20px;
}

.widget-title{
  text-transform:uppercase;
  font-size:1.2rem;
}

.widget{
  border-bottom:1px solid #ccc;
}

.widget:last-child{
  border:none;
}

.widget_search{
  border:none;
  background:#000;
  padding:25px;
  position: relative;
}

.widget_search form{
    position: relative;
    display: flex;
    width: 100%;
}

.widget_search label{
    position: relative;
    display: flex;
    width: 100%;
    margin: 0;
    }

.widget_search .search-field{
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 1%;
  padding: .9rem .75rem;
  border-radius:0;
  font-size: 1rem;
  line-height: 1.25;
  border:none;
}

.widget_search .search-field:focus{
  outline:none;
}

.widget_search .search-submit{
    position: relative;
    flex: 1;
    background: #ccc;
    color:#000;
    border-radius: 0;
    cursor: pointer;
    line-height: 1.25;
    text-align: center;
    user-select: none;
    border: none;
    padding: .5rem 1rem;
    font-size: 1rem;
}

.post-navigation{
  border-top:1px solid #ccc;
  padding:15px 20px;
  font-size:1.1rem;
}

.post-navigation .nav-previous a:before{
  content: '\f060';
  font-family: FontAwesome;
  position: absolute;
  font-size:.8rem;
  left: 0;
  padding: 5px 0 0 15px;
}

.post-navigation .nav-next a:after{
  content: '\f061';
  font-family: FontAwesome;
  position: absolute;
  font-size:.8rem;
  right: 0;
  padding: 5px 15px 0 0;
}

/** 5. BLOG END **/

/** 6. HOME START **/

.ppal-home{
	position:relative;
}

.titulo-ppal-home{
	position:absolute;
	display:block;
	top:35vh;
	color:#fff;
	max-width:85%;
	left:0;
	right:0;
	margin:0 auto;
}

.titulo-ppal-home h1{
    color:#fff;
    font-size: 2rem;
    letter-spacing: 8px;
    text-shadow: 0 4px 4px rgba(0,0,0,0.50);
}


.titulo-ppal-home .btn{
    font-size: 1.2rem;
}

.arrow-scroll {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    z-index: 100;
}


h2.titulo-home{
	font-size:2rem;
}


.home-caracteristicas img{
	height: 90px;
	margin-bottom:15px;
}




.conocenos-home{
	background:url('images/promocion-viviendas-calle-real-232-san-fernando-cadiz-1.jpg') center center no-repeat;
	background-size:cover;
}

.degradado-conocenos-home{
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 33%, rgba(255,255,255,0.37) 75%, rgba(255,255,255,0) 100%);
}

.fondo-blanco-roto{
	background:#F3F3F3
}


.home .pt-cv-content-item{
	box-sizing: border-box;
	flex: inherit;
	padding-bottom: 30px;
}

.home .pt-cv-ifield{
	background: #F3F3F3;
	height:100%;
	position: relative;
}


.home .pt-cv-wrapper img{
	height: 300px !important;
	width: 100% !important;
	object-fit:cover;
}


.home .pt-cv-title{
	font-family:'Raleway', sans-serif;
}

.home .pt-cv-title a{
    color: #5E3A24;
    font-size: 1.8rem;
    padding: 1.5rem 1.5rem .8rem;
    display: block;
}

.home .pt-cv-content{
	padding: 0 1.5rem 70px;
}

.home .pt-cv-readmore{
    background-color: #5E3A24;
    border:none;
    border-radius: 0 !important;
    font-size:30px;
    position: absolute;
    right: 0;
    bottom:0;
    transition: .5s;
}

.home .pt-cv-readmore:hover, .home .pt-cv-readmore:focus, .home .pt-cv-readmore:active,
.home .pt-cv-readmore.hover, .home .pt-cv-readmore.focus, .home .pt-cv-readmore.active{
	background: #A6151C !important;
}


/** 6. HOME END **/

/** 7. PAGES START **/

.cabecera-pagina{
	height: 450px;
	position:relative;
}

.cabecera-pagina h1{
	bottom: 0;
	position: absolute;
	width: 100%;
	color:#fff;
	border-bottom:5px solid #5E3A24;
}

.cabecera-pagina h1 span{
	background:#5E3A24;
	padding:10px 24px;
	display:inline-block;
}

.mapa-contacto{
	width:100%;
	min-height:450px;
	height: 100%;
	border:0;
}


.cuadro-borde{
	border:2px solid #dedede;
}

.fondo-degradado-azul{
	background-image: linear-gradient(-220deg, #008FAF 0%, #5E3A24 77%);
	color:#fff;
}


.icono-servicios{
	height:90px;
}


ul.lista-check li:before{
	content:'\f00c';
	font-family:'FontAwesome';
	color:#8B522D;
	display:inline-block;
	position:absolute;
	left: -30px;
}

ul.lista-check li{
	display:inline-block;
	position:relative;
	margin: 8px 0;
}

.calidades-home .lista-desplegable .collapseomatic{
	padding-right: 6%;
	position:relative;
	z-index:1;
}


.calidades-home .lista-desplegable .collapseomatic:after{
    content:'\f107';
    font-family:'FontAwesome';
    font-size:1.4rem;
    color:#8B522D;
    display:inline-block;
    position:absolute;
    right: 20px;
    top: -5px;
    z-index:0;
}

/** 7. PAGES END **/

/** 8. EXTRAS START **/

/* Collapse */

.collapseomatic{
  background: #5E3A24;
  color:#fff;
  text-transform:uppercase;
  border: 1px solid #5E3A24;
  text-align: center;
  letter-spacing: 2px;
  font-size: 1.3rem;
  padding: .7rem 2.2rem;
  display: inline-block;
  margin-top:10px;
  width: 100%;
}

.collapseomatic:hover{
  background:transparent;
  color:#5E3A24;
  text-decoration:none;
}

.collapseomatic_content{
  margin:0;
  padding-top:20px;
}

.lista-desplegable .collapseomatic{
	background:none;
	border:none;
	padding:0 10px;
	color:#5E3A24;
	width:100%;
	text-align: justify;
	position:relative;
	margin: 0;
	letter-spacing: 0;
	font-size: 1rem;
	font-family: 'Raleway', sans-serif;
}

.lista-desplegable .collapseomatic i:last-child{
	position:absolute;
	top: 6px;
	right:20px;
}

.lista-desplegable .collapseomatic_content{
  margin:0 10px;
  padding-top: 5px;
}

/* Responsive menu */
.responsive-menu-button-text {
    font-weight: 400
}

button#responsive-menu-button {
    padding: 0 !important
}

ul#responsive-menu {
    padding-top: 120px
}

#responsive-menu-container {
    background: rgba(50, 50, 50, .9) !important
}

#responsive-menu-wrapper {
    background: transparent !important
}

.responsive-menu-label {
    color: #fff;
    font-size: 16px !important;
    line-height: 15px;
    letter-spacing: 2.5px;
    font-family: 'Raleway', sans-serif !important;
    font-weight: 400 !important;
}

#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a,
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu>li.responsive-menu-item:first-child>a {
    border-top: none !Important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a {
    border-bottom: none !Important;
    color: #fff;
    background-color: transparent !Important;
    letter-spacing: 2px;
    text-transform: uppercase
}

#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
    line-height: 220% !important;
    min-height: 40px !important;
    height: inherit !important
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
    background-color: rgba(0, 86, 119, .8) !important;
    color:#fff !important;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    right: 0% !important;
    height: 95% !important;
    width: 35px !important;
    color: #fff;
    border-left: none !important;
    background-color: rgba(0, 86, 119, .8) !important;
    font-size: 30px !important;
    color:#fff !important;
}



/** 8. EXTRAS END **/