/*
Theme Name: Roof
Theme URI: https://victorthemes.com/wp-themes/roof/
Author: VictorThemes
Author URI: https://victorthemes.com
Description: Roof - Highly handcrafted construction theme which is ready for your business with seamless experience.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: roof
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {clear: both;}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {max-width: 100%;}

/* By Authot Post */
.bypostauthor {display: inline-block;}
blockquote p cite {display: block;margin-top: 10px;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}


.works-style-three .work-info .work-title {
	position: static;
	font-weight: 600;
	font-size: 16px;
	margin-top: 20px;
}



/* line 22, ../sass/demo.scss */
/*
.container {
  max-width: 1170px;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
*/

/* line 32, ../sass/demo.scss */
.container .gallery a img {
  float: left;
  /*width: 20%;*/
  height: auto;
  border: 2px solid #fff;
  -webkit-transition: -webkit-transform .15s ease;
  -moz-transition: -moz-transform .15s ease;
  -o-transition: -o-transform .15s ease;
  -ms-transition: -ms-transform .15s ease;
  transition: transform .15s ease;
  position: relative;
}
/* line 46, ../sass/demo.scss */
.container .gallery a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 5;
}
/* line 57, ../sass/demo.scss */
.container .gallery a.big img {
  width: 40%;
}

/* line 65, ../sass/demo.scss */
.align-center {
  text-align: center;
}

@media all and (min-width:0px) and (max-width: 320px) {

/*  
  .slidertoptext {
    margin-left: 2px !important;
  }

  .slidermiddletext {
    margin-left: 2px !important;
  }

  .sliderbuttomtext {
    margin-left: 7px !important;
  }

  .sliderbutton {
    position: relative !important;
    left: 19px !important;
    top: 15px !important;
  }

  .slidertoptext2 {
    margin-left: 11px !important;
  }

  .slidermiddletext2 {
    margin-left: 2px !important;
  }

  .sliderbuttomtext2 {
    margin-left: 70px !important;
    margin-top: 7px !important;
  }

  .sliderbutton2 {
    position: relative !important;
    left: 13px !important;
    top: 15px !important;
  }

  .slidertoptext3 {
    margin-left: 26px !important;
  }

  .slidermiddletext3 {
    margin-left: 26px !important;
  }

  .sliderbuttomtext3 {
    margin-left: 55px !important;
    margin-top: 6px !important;
  }

  .sliderbutton3 {
    position: relative !important;
    left: 19px !important;
    top: 15px !important;
  }
*/

    .tp-mask-wrap {
      overflow: visible !important;
    }

    .slidertoptext {
      right: 45px !important;
      bottom: 2px !important;
      position: relative !important;
    }

    .slidermiddletext {
      text-align: center !important;
      position: relative;
      right: 71px !important;
    }

    .sliderbuttomtext {
      text-align: center !important;
      position: relative;
      right: 34px !important;
      font-size: 8px !important;
      line-height: 9px !important;
      top: 7px !important;
    }

    .sliderbutton {
      position: relative !important;
      top: 25px !important;
      min-width: 75px !important;
      width: 75px !important;
      padding: 0px 8px !important;
      min-height: 15px !important;
      height: 37px;
      font-size: 8px !important;
      right: 40px !important;
    }



    .slidertoptext3 {
      left: 97px !important;
    }



    .slidermiddletext3 {
      text-align: center !important;
      left: 75px !important;
    }


    .sliderbuttomtext3 {
      text-align: center !important;
      position: relative;
      font-size: 8px !important;
      line-height: 9px !important;
      top: 7px !important;
      left: 31px;
    }


    .sliderbutton3 {
      position: relative !important;
      top: 25px !important;
      min-width: 75px !important;
      width: 75px !important;
      padding: 0px 8px !important;
      min-height: 15px !important;
      height: 37px;
      font-size: 8px !important;
      left: 108px !important;
    }


    .slidertoptext2 {
      left: 103px !important;
      font-size: 7px !important;
    }

    .slidermiddletext2 {
      left: 47px !important;
      top: 5px !important;
    }

    .sliderbuttomtext2 {
      text-align: center !important;
      position: relative;
      font-size: 8px !important;
      line-height: 9px !important;
      top: 7px !important;
      left: 31px;
    }


    .sliderbutton2 {
      position: relative !important;
      top: 25px !important;
      min-width: 75px !important;
      width: 75px !important;
      padding: 0px 8px !important;
      min-height: 15px !important;
      height: 37px;
      font-size: 8px !important;
      left: 108px !important;
    }



}

/*Style for Xiaomi*/
@media all and (min-width:321px) and (max-width: 480px) {
  /*
.tp-mask-wrap {
      overflow: visible !important;
    }

    .slidertoptext {
      right: 45px !important;
      bottom: 2px !important;
      position: relative !important;
    }

    .slidermiddletext {
      text-align: center !important;
      position: relative;
      right: 71px !important;
    }

    .sliderbuttomtext {
      text-align: center !important;
      position: relative;
      right: 34px !important;
      font-size: 8px !important;
      line-height: 9px !important;
      top: 7px !important;
    }
    */
    .sliderbutton {
      position: relative !important;
      top: 25px !important;
      min-width: 75px !important;
      width: 75px !important;
      padding: 0px 8px !important;
      min-height: 15px !important;
      height: 37px;
      font-size: 8px !important;
      /*right: 40px !important;*/
      left: 15px !important;
    }



/*
    .slidertoptext3 {
      left: 97px !important;
    }



    .slidermiddletext3 {
      text-align: center !important;
      left: 75px !important;
    }


    .sliderbuttomtext3 {
      text-align: center !important;
      position: relative;
      font-size: 8px !important;
      line-height: 9px !important;
      top: 7px !important;
      left: 31px;
    }
*/

    .sliderbutton3 {
      position: relative !important;
      top: 25px !important;
      min-width: 75px !important;
      width: 75px !important;
      padding: 0px 8px !important;
      min-height: 15px !important;
      height: 37px;
      font-size: 8px !important;
      left: 0px !important;
    }


/*
    .slidertoptext2 {
      left: 103px !important;
      font-size: 7px !important;
    }

    .slidermiddletext2 {
      left: 47px !important;
      top: 5px !important;
    }

    .sliderbuttomtext2 {
      text-align: center !important;
      position: relative;
      font-size: 8px !important;
      line-height: 9px !important;
      top: 7px !important;
      left: 31px;
    }
*/

    .sliderbutton2 {
      position: relative !important;
      top: 25px !important;
      min-width: 75px !important;
      width: 75px !important;
      padding: 0px 8px !important;
      min-height: 15px !important;
      height: 37px;
      font-size: 8px !important;
      left: 0px !important;
    }


}