/* custom styles */

/*adobe font

font-family: baskerville-urw, serif;
font-style: normal;
font-weight: 400;


colors: 

negro     #221F20
rojo      #DB3832
gris      #EDEDED

*/


@font-face {
  font-family: 'Gotham-Medium';
  src: url("../fonts/Gotham-Medium.otf") format("opentype");
}

@font-face {
  font-family: 'Gotham-Light';
  src: url("../fonts/Gotham-Light.otf") format("opentype");
}
@font-face {
  font-family: 'Gotham-Book';
  src: url("../fonts/Gotham-Book.otf") format("opentype");
}	



#content.site-content {
	padding-bottom: 0rem;
	padding-top: 0rem;
}

header#masthead {
	box-shadow: 0 0rem 0rem rgb(0 0 0 / 0%), inset 0 0px 0 rgb(0 0 0 / 0%);
	background-color: #221F20;
	width: 100%;
	z-index: 10;
	padding: 1.5rem 1rem;
}
footer#colophon  {
    padding-top: 3em;
}
footer#colophon .container {
    border-top: 1px solid #fff;
}
footer#colophon ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.copyright a, footer#colophon a {
    color: inherit;
    text-transform: uppercase;
    font-family: Gotham-Medium;
}
footer#colophon .site-info a{
    color: inherit;
    text-transform: unset;
    font-family: Gotham-Light;
}
footer#colophon li {
    margin-bottom: 1.5em;
}
body {
	font-family: Gotham-Light;
    background-color: #221F20;
    color: #fff;
}
body:not(.theme-preset-active) footer#colophon {
	color: #fff;
	background-color: #221F20;
}
h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
a, a:visited, a:hover{
	color: #fff;
}
h1.heading {
    font-size: 3em;
    font-family: Gotham-Light, serif;
    font-weight: 300;
    letter-spacing: -2px;
}
h2.title {
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 1.6em;
    font-weight: 300;
}
h3.subtitle {
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 0.9em;
    font-weight: 300;
}
p.copy{
	font-family: 'Gotham-Light', sans-serif;
    font-size: 1em;
        font-weight: 100;
}

div#footer-widget {
    background-color: #221F20!important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1400px;
}

section {
    padding: 6em 0;
}
section:first-child {
  padding: 0;
}

/* navigation styles */

#mega-menu-wrap-primary #mega-menu-primary {
    text-align: right;
}
#masthead .navbar-expand-xl {
    justify-content: space-between;
}

.navbar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    color: #fff;
    font-family: 'Gotham-Medium', sans-serif;
    margin: 1em 1.5em;
    padding: 0;
    padding-bottom: 0.25em;
    font-weight: 400;
    font-size: 0.95em;
    text-transform: uppercase;
    border-bottom: 1px solid #221F20;
}
.navbar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link, .navbar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
    border-bottom: 1px solid #fff;
}


body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: #fff;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    /* background: #f9f9f9; */
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:last-child {
  margin-right: 0;
}


#page .cta button, #page .cta a, #page input[type=submit] {
    background-color: transparent;
    text-decoration: none;
    -webkit-appearance: none;
    border: solid 1px #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-block;
    padding: 0.6em 0.75em 0.6em 0.75em;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    font-style: normal;
    font-weight: 400;
    font-size: 1.15em;
    border-radius: 0px;
    /* font-family: "roc-grotesk-wide"; */
    margin-top: 0.75em;
    font-family: 'Gotham-Book', sans-serif;
    color: #fff;
}




section.mainhero {
	/* background-color: #000; */
}
section.mainhero .carousel-item {
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.mainhero img {
    width: 100%;
    height: auto;
}

	
section.mainhero .num {
	color: #003b71;
	position: absolute;
	bottom: 60px;
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
}
.container.content-over {
	position: relative;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	padding: 4em 0;
}

.mainhero #heroslider p.linea_texto_1 {
    font-size: 2.4em;
    line-height: 1em;
    font-family: Gotham-Light, serif;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
	.mainhero #heroslider p.linea_texto_2 {
		font-size: 1.9em;
	}


.herobg {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;

}

        



.about img {
    width: 100%;
}

h2.navigation-heading {
    color: #fff;
    font-family: 'Gotham-Medium', sans-serif;
    font-size: 1.65em;
    font-weight: 400;
    margin-bottom: 0px;
    padding-bottom: 2px;
}	

.navigation .wrapper {
    position: absolute;
    bottom: 1em;
    left: 2em;
}

section.team h3.subtitle, section.team h1.heading, section.team h2.title, section.team p.copy{
	color: #221F20;

}  
.team h2.title {
    margin-bottom: 2em;
}

.team img {
    width: 100%;
}

.team .wrapper {
    background-color: #fff;
    margin-top: 0;
    padding-top: 1px;
    padding: 2em 3em;
}

.property .wrapper {
    position: absolute;
    bottom: 2em;
    left: 2em;
}
.property p.cta {
    float: left;
    margin-right: 1.5em;
}

h3.title-archive {
    color: #fff;
}
.properties .modal-dialog {
    max-width: unset;
}
.properties .modal-content {
    background-color: #221F20;
}
.properties .modal-header {
    border: none;
}
.properties .close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #fff!important;
}
.properties .carousel-item .wrapper {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #fff;
    padding-bottom: 2em;
    padding-top: 1em;
}
.properties .carousel-item .wrapper p.price {
    margin-bottom: 0;
}

.properties .carousel-item .gallery-image {
    width: 100%;
}
.properties .carousel-control-next, .properties .carousel-control-prev {
    position: absolute;
    z-index: 1;
    width: 48px;
    color: #fff;
    text-align: center;
    bottom: 0;
    top: initial;
    height: 48px;
    border: 1px solid #fff;
}
.properties .carousel-control-next {
    right: 0;
    right: unset;
    left: 48px;
}
.properties .modal-header {
    position: absolute;
    right: 1rem;
    z-index: 10;
    top: 1rem;
}


.iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.pagination {
    text-align: center;
    font-family: "Gotham-Light", sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.165em;
    font-size: 1.17em;
    display: block;
    padding: 1em 0;
}
.pagination span {
    font-weight: 600;
}
.pagination a {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 1920px) {
	.callout {
		margin: 0;
	}
	

}


@media screen and (min-width: 1280px) {
	
.wrapper .client {
    flex: 0 0 20%;
    max-width: 20%;
}

}

@media screen and (max-width: 992px) {
.container.content-over {
    padding: 0em 0;
}
.mainhero #heroslider p.linea_texto_1 {
    font-size: 2em;
}
.properties .carousel-item .wrapper {
    position: relative;
}
p.realtor {
    margin-bottom: 2.5em;
}

}



@media screen and (max-width: 576px) {
.navbar-brand {
    width: 60%;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    display: inline-block;
}

}