/**
 * All custom CSS modifications should be kept in this file. When updating move this file
 * from the old installation to the updated one. This will preserve all your CSS customisations.
 *
 * This file gets included last, so any CSS rule written below will override a previously declared one.
 *
 * Add your CSS modifications below:
 */


@import url(http://fonts.googleapis.com/css?family=Montserrat:400,400);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*@import url(//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css);*/

.slider-arrow-left, .slider-arrow-right{
	opacity: 0.6 !important;
}

.slider-arrow-left:hover, .slider-arrow-right:hover{
	opacity: 1 !important;
}

.slide .info{
	white-space: nowrap;
	height: auto;
	display: inline-block;
	width: auto;

}
.slide .info .viewport{
	padding-bottom: 20px;
}

.slide .slide-title{
	text-transform: none;
	font-weight: 400;
}
.slide .style-default .slide-subtitle{
	font-size: 13px;
}

.slide .style-default .slide-title{
	margin-bottom: 0px;
}
.slide .info.white.dim-background{
	background: none;
}
.slide .dim-background{
	background: none;
}

.slide .style-default .slide-title{
	font-size: 15px;
	font-weight: normal;
	letter-spacing: inherit;
	text-transform: none;
}

.site-navigation a{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color:#939597;
	cursor: pointer;
}

.site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a, .site-navigation .active > a, .primary-navigation .current-menu-parent > a{
	background: #d1d1d1;
	color: #000000;
}

.default-logo{
	width: 190px;
	height:26px;
	background: url(./images/doma-logo.png) no-repeat;
}

.home .default-logo {
	background: url(./images/doma-logo-white.png) no-repeat;
}

.icon-facebook-circled:before {
	background-image: url(./images/facebook.svg);
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
}

.home .icon-facebook-circled:before {
	background-image: url(./images/facebook-white.svg);
}

.icon-instagram-circled:before {
	background-image: url(./images/instagram.svg);
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
}

.home .icon-instagram-circled:before {
	background-image: url(./images/instagram-white.svg);
}

.icon-twitter-circled:before {
	background-image: url(./images/twitter.svg);
    background-size: 24px 24px;
    display: inline-block;
    width: 24px;
    height: 24px;
    content: "";
    background-repeat: no-repeat;
}

.home .icon-twitter-circled:before {
	background-image: url(./images/twitter-white.svg);
}

/*
	Verde: #77c00f;
	Naranja: #f6a549;
*/
.site-with-sidebar{
	padding-left: 0px;
	padding-right: 0px;
}
 .entry-header,  .entry-content, .site-content .entry-content, .vertical-blog .post{
	width: 100%;
}
.vertical-blog .post .entry-header{
	padding-right: 0px;
}
.vertical-blog .post:after{
	width: 100%;
	margin: 0px;
}

.upscale.vertical-blog .thumbnail img{
	max-width: 600px;
}

.page-template-template-full-width-php .entry-header{
	width: 100%;
}

#main{
	width: 70%;
	margin: auto;
}

/*GRID*/
.home #main, .page-template-template-portfolio-grid-php #main, .page-template-template-contacts-php #main{
	width: auto;
	margin: 0 15px;
}
.page-template-template-portfolio-grid-php #main{
	margin-right: 0px;
}

/*.category #main{
	width: auto;
	margin: 0px;
}

.category .site-with-sidebar{
	padding: 0 35px 0 325px;
}*/


.page-template-template-full-width-php .entry-content{
	width: 100%;
}

 .entry-header .entry-title{
	border-bottom: 2px solid #efefef;
	padding-bottom: 15px;
}	

 .entry-header .entry-title{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	line-height: 27px;
	font-weight: 400;
	text-indent: 0px;
	color:#000000;
	text-transform: none;
}
.post-image .cover h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

.single-fluxus_portfolio .entry-header .entry-title{
	padding-bottom: 36px;
}

 .entry-header .entry-meta p, .entry-summary{
	font-family: 'Open Sans', sans-serif;
}
.entry-summary{
	line-height: inherit;
}

 .entry-header img{
	margin-bottom: 40px;
}

  .persona.swiss,  p strong{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color:#000000;
	margin-top: 40px;
	margin-bottom: 20px;
	text-transform: none;
}

 .entry-content p, .entry-content li{
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
}

.page-contacts .site-content .page{
	float: right;
	width: 400px;
}

.grid-project-custom .inner, .grid-project .hover-box{
	height:15%;
	opacity: 1;
	bottom:0px;
	background: rgba(255, 255, 255, 1);
	display: block;
	text-align: center;
	
}
.grid-project-custom .inner b, .grid-project .hover-box b{
	font-size: 13px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	text-transform: none;
	color:#000;
	text-shadow: none;
}

.grid-project-custom a:hover b{color:#8D8D8D;}

.page-contacts .entry-title, .page-contacts .entry-content p{
	color:#fff;
}

.page-contacts b{
	font-family: 'Montserrat', sans-serif;
	text-transform: none;
	font-weight: 400;
}

.vertical-blog .post .entry-title{
	border-bottom: 0px;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
}
.vertical-blog .entry-summary p{ font-size: 13px; line-height: 20px;}

.excerpt-more{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.entry-header .entry-date{
	position: inherit;
	top: inherit !important;
	padding-left: 0px;
}
.entry-header .entry-date:before{
	background: none;
	width: 0px;
	height: 0px;
	top:0px;
	content: '';
}

.button{
	font-family: 'Open Sans', sans-serif !important;
}


@media screen and (max-width: 768px){
	 .entry-header,  .entry-content{
		width: 100%;
	}
}

@media screen and (max-width: 1024px){
	 .vertical-blog .post{
		width: 100%;
	}
}


.portfolio-grid-custom{
	opacity: 1;
	width: 100%;
}

.portfolio-grid-custom img{
	width: 100%;
}

.portfolio-grid-custom article{
	overflow: hidden;
}

.portfolio-grid-custom .col-md-12{
	padding-left: 0px;
	padding-right: 0px;
}

.portfolio-grid-custom .col-md-4, .portfolio-grid-custom .col-md-3{
	margin-bottom: 15px;
}

.portfolio-grid-custom .col-md-12 .col-md-4:last-child, .portfolio-grid-custom .col-md-12 .col-md-3:last-child{
	padding-right: 0px;
}


.portfolio-grid-custom .grid-project-custom{
 	width: 24%;
 	float: left;
 	margin-right: 1%;
}

@media (max-width: 1024px) {
	.portfolio-grid-custom .grid-project-custom {
		width:32.1%;
  	}
}

/*@media (max-width: 800px) {
	.portfolio-grid-custom .grid-project-custom {
		width:30%;
  	}
}*/

@media screen and (max-width: 768px){
	.page-template-template-portfolio-grid-php #main{
		margin-right: 15px;
	}
	.portfolio-grid-custom .grid-project-custom {
		width:100%;
		margin-right: 0px;
  	}
}


/*BOOTSTRAP*/
/*
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 1%;
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 24.24%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
}

@media (max-width: 992px) {
	.col-md-3 {
    width:49.5%;
  }
}*/