/*
Theme Name: Domik Child Theme
Theme URI: https://demowp.cththemes.com/domik
Author: Cththemes
Author URI: http://themeforest.net/user/cththemes
Description: A “Domik – Creative Responsive Architecture WP Theme" is perfect if you like a clean and modern design. This theme is ideal for architects, furniture designers, photographers, and those who need an easy, attractive and effective way to share their work with clients.
Template: domik
Version: 2.1
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Text Domain: domik-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

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

/* =Theme customization starts here
------------------------------------------------------- */
header {
    width: 100%;
}

.header-inner {
    max-width: 100%;
    padding-right: 0;
    width: 96%;
}

.slide-title h2 {
    font-size: 40px;
    font-family: 'futurastd-bold';
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    float: right;
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
}

.slide-title h2 a {
    color: #fff;
}

.hide {
    display: none;
}

.scale-callback {
  display: none;
}

.skills {
  clear: both;
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 10px;
}

.skills span {
  margin-right: 3px;
  margin-bottom: 3px;
  background: #E6E6FA none repeat scroll 0 0;
  border-radius: 3px;
  padding: 3px 10px;
  float: left;
}


.editar {
  float: left;
  margin-left: 30px;
}

.editar a {
    padding: 5px 20px;
    border-radius: 3px;
    background: #000;
    color: white;
    font-size: 14px;
    text-transform: capitalize;
}

#vc_load-inline-editor {
    display: none;
}

.project-details {
   display: none;
}

.hide-column {
   top: 120px;
}

.clear-both {
  clear: both;
}

.home-text {
  position: absolute;
  top: 150px;
  right: 0px;
  width: 45%;
  color: white;
  font-family: Montserrat;
  font-size: 120%;
  z-index: 100;
  text-align: right;
  text-shadow: 1px 0 1px #4D4D4D;
}

.home-text p {
  text-align: right;
  padding-right: 60px;
}

.zoomimage {
  top: 140px;
}

.contact-title h2 {
  font-size: 28px;
}

.skills {
  display: none;
}

.fixed-filter a {
padding-bottom: 0;
margin-bottom: 10px;
}

.about-row {
  position: relative;
}

/* About */
.page-id-1254 .col-lg-9 {
  width: 100% !important;
}

.page-id-1254 .domik_container section {
  margin-top: 0;
  padding-top: 0;
}

.page-id-1254 .page-title {
  border: 0;
}


.page-id-1254 .blog-text {
    text-align: left;
    font-weight: bold;
    font-size: 15px;
    font-family: Montserrat;
    color: #666;
    text-transform: uppercase;
}

.phrase {
    position: absolute;
    top: 40px;
    right: 60px;
    width: 45%;
    color: white;
    font-family: Montserrat;
    font-size: 120%;
    z-index: 100;
    text-align: right;
    text-shadow: 1px 0 1px #4D4D4D;
}

.phrase p {
    text-align: right;
}

.page-template-portfolio .fixed-filter {
  width: 45%;
  height: auto;
  /*margin: 20px 0 10px 50px;*/
}

.fixed-filter .gallery-filters {
  margin: 20px 0 10px 50px;
}

.page-id-527 .bg.skrollable.skrollable-between {
  background: none !important;
}

.page-id-527 .page-title,
.page-title h3 span {
  max-width: 100%;
  width: 100%;
}

.logo-holder {
  margin-left: 8px;
}

.single-portfolio header .editar {
  display: none;
}

.vc_column_container>.vc_column-inner {
  height: 100%;
}

.single-portfolio .domik_container section {
  padding-top: 0;
}

@media only screen and (max-width: 768px) {
  .home-text p, .phrase p {
    padding-right: 60px;
    padding-left: 60px;
  }
  
  .home-text, .phrase {
    width: 100%;
  }

 .phrase {
    right: auto;
    top: 20px;
  }

  
}

@media only screen and (max-width: 480px) {
  .about-row .wpb_single_image img {
   max-width: 120%;
  }
}

@media only screen and (max-width: 420px) {
  .about-row .wpb_single_image img {
   max-width: 160%;
  }

  .phrase p {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .phrase p {
    font-size: 80%;
  }
}