/**
* Theme Name: Customizr
* Theme URI: https://presscustomizr.com/customizr
* Description: Customizr is a simple and fast WordPress theme designed to help you attract and engage more visitors. Provides a perfect user experience on smartphones. Powers more than 100K active sites around the world. Hundreds of 5-stars reviews received on WordPress.org.
* Version: 2019.1.37
* Author: nikeo
* Author URI: https://presscustomizr.com/
* Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, buddypress, custom-menu, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
* Text Domain: customizr
* Domain Path: /inc/lang
* Copyright: (c) 2013 - 2019 Nicolas GUILLAUME (nikeo), Nice, France
* License: GNU General Public License v2.0 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/**
* Note for developers : If you write your CSS code below, it will be deleted on theme update.
* If you want to make quick style test / changes, consider using the Custom CSS section in appearance > customize > advanced options > Custom CSS, it will be persisted on theme update.
* To make important CSS customizations, you'll want to use a child theme and add your css code in the style.css file of it.
*/

.portfolioFilter {
  padding: 15px 0;
}

.portfolioFilter a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  border: 1px solid #ccc;
  padding: 4px 15px;
  border-radius: 50px;
  display: inline-block;
  margin-bottom: 10px;
}

.portfolioFilter a.current {
  background: #1e1e1e;
  border: 1px solid #1e1e1e;
  color: #f9f9f9;
}


.isotope-item {
  z-index: 2;
  position: relative;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  transition-property: height, width;
  /* display: flex; */
}

.isotope .isotope-item {
  width: calc(33.33% - 20px);
  margin: 10px;
  background: #000;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.post-thumb{
    position: relative;
    width: 100%;
    height: 250px;
    background-size:  cover;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
}
.post-thumb a{
    display: none;
    font-size: 22px;
    color: #ffffff !important;
    text-align: center;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    z-index: 2;
    -webkit-box-align: center;
        -ms-flex-align: center;
                -ms-grid-row-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-decoration: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.post-thumb:before {
    content: "";
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 1;
}

.post-thumb:hover:before, .post-thumb:focus:before{
    display: block;
}
.post-thumb:hover a, .post-thumb:focus a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.post-thumb:hover i{
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: spinAround 2s linear infinite;
	animation: spinAround 2s linear infinite;
}

.post-excerpt {
    padding: 20px;
    color: #fff;
}

.post-excerpt h2 a{
    color: #fff !important;
}
.jp-carousel-left-column-wrapper, .jp-carousel-image-meta, .jp-carousel-info{ display: none; } 
.jp-carousel-overlay{ height: auto !important; }
.wp-block-gallery figcaption {
    display: none;
}
.data-sheet, .order-form, .brochure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.data-sheet h2, .order-form h2, .brochure h2{
    width: 100%;
    margin: 25px 15px;
}

.brochure .resource-item:first-of-type {
    width: 100%;
}
.brochure h2{
    margin-top: 0 !important;
}
.resource-item figcaption {
    text-align: center;
}

.resource-item figcaption a:hover {
    text-decoration: underline !important;
}
.objects h2 {
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 0;
}
ul.wp-block-gallery {
    margin: 0;
}
ul.wp-block-gallery.columns-5 li.blocks-gallery-item{
    width: calc(20% - 40px) !important;
    margin: 10px !important;
}
.blocks-gallery-item figure > a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://acladding.com.au/wp-content/uploads/2019/08/ACS-Watermark-01.png);
    background-position: bottom right;
    background-size: 20%;
    background-repeat: no-repeat;
    opacity: 0.8;
}
.pswp__img.pswp__img--placeholder.pswp__img--placeholder--blank:before {
    content: '';
    position: absolute;
    top: 5;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://acladding.com.au/wp-content/uploads/2019/08/ACS-Watermark-01.png);
    background-position: center;
    background-size: 20%;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: 10; 
}
.pswp__img.pswp__img--placeholder.pswp__img--placeholder--blank {
    display: block !important;
}
body {
    background: url(https://acladding.com.au/wp-content/uploads/2019/08/new-skin-acs.jpeg);
    background-repeat: repeat;
    background-size: auto;
}
.round-div {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none !important;
    /* top: -1px; */
    border-radius: 50%;
}

.thumb-wrapper {
    border-radius: 50%;
    width:200px !important;
    height: 200px !important;
    margin-bottom: 50px;
    margin-top: 50px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.thumb-wrapper:hover{
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.otw-button {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #2b3132 !important;
    background-image: -moz-linear-gradient(top,#394143,#16191a) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#394143),to(#16191a)) !important;
    background-image: -webkit-linear-gradient(top,#394143,#16191a) !important;
    background-image: -o-linear-gradient(top,#394143,#16191a) !important;
    background-image: linear-gradient(to bottom,#394143,#16191a) !important;
    background-repeat: repeat-x !important;
    border-color: #16191a #16191a #000 !important;

    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px !important;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
   
    border-radius: 4px !important;
    font-family: 'Raleway' !important;
    font-weight: inherit !important;
    letter-spacing: 1px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}

.otw-button:hover{
    color: #fff;
    background: #16191a !important;
    text-decoration: none !important;
}
@media (max-width: 1024px){
  ul.wp-block-gallery.columns-5 li.blocks-gallery-item{
      width: calc(33.33% - 20px) !important;
      margin: 10px !important;
  }
}
@media (max-width: 979px){
	.isotope .isotope-item {
	  width: calc(50% - 20px);
	  margin: 10px;
	}
}

@media (max-width: 767px){
	.isotope .isotope-item {
	  width: 100%;
	  margin: 10px 0;
	}
  ul.wp-block-gallery.columns-5 li.blocks-gallery-item{
      width: calc(50% - 20px) !important;
      margin: 10px !important;
  }
}