/*

 Theme Name:     WAPD Child Theme

 Theme URI:      http://www.kriesi.at

 Description:    Web and Print Design Child Theme

 Author:         Web and Print Design

 Author URI:     https://webandprint.design

 Template:       enfold

 Version:        1.0.0

*/
html body{
  font-size: 14px;
  line-height: 20px;
}

html body h1, 
html body h2, 
html body h3, 
html body h4, 
html body h5, 
html body h6 {
    font-weight: bold;
    margin-bottom: 10px;
}

html body h3 {
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
}

html body h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px;
}


html body main.content{
  padding-top: 160px;
}

html body .el_before_av_sb_instagram_feed .hr-inner{
  border-top-width: 2px !important;
}


/* =Theme customization starts here*/

#nav-icon1 {
  width: 60px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

html body ul.menu.av-main-nav > li.menu-item{
  display: none !important;
}

html body ul.menu.av-main-nav > li.av-burger-menu-main{
  display: block !important;
}

html body #header_main{
  position: fixed !important;
  width: 280px;
  display: flex;
  background-color: #000;
  color: #FFF;
  height: 67px;
  margin-top: 30px;
  z-index: 100 !important;
}


html body .html_av-overlay-side.av-burger-overlay-active-delayed .av-burger-overlay-scroll{
  -webkit-transform:translateX(0);transform:translateX(0);
}


html body #header_main .logo.bg-logo{
  
  width: 170px;
  line-height: 67px;
  height: 67px;
  z-index: 101 !important;
}

html body #header_main .logo.bg-logo a{
  color: #000;
}

html body #header_main .logo.bg-logo img{
  color: #000;
  margin-top: 13px;
  z-index: 102 !important;
}

html body #header_main .container.av-logo-container{
  padding: 0 20px !important;
  height: 67px;
  line-height: 67px;
}

html body .main_menu ul:first-child > li.av-burger-menu-main a {  
  height: 67px;
  line-height: 67px;
}

html body #slider-bottom-text{
    margin-top: -90px;
    position: absolute;
    margin-left: -155px;
    background-color: #000;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    width: 460px;
    display: block;
}

html body #homepage-slider .slideshow_caption{
  position: absolute;
  left: -155px;
  top: -50px;
  z-index: 1;
}

html body #homepage-slider .av_slideshow_full .active-slide .avia-caption-title {
  color: #fff;
  font-size: 200px;
  line-height: 160px;
  font-weight: 700;
  text-align: left;
}

html body .arco-slider .slideshow_caption{
  width: 100%;
}

html body .arco-slider .avia-caption-content{
  writing-mode: vertical-lr;
  text-orientation: upright;
  white-space: nowrap;
  position: absolute;
  margin-right: -7%;
  top: -40px;
  right: 0;
}

html body .arco-slider .avia-caption-content p{
  font-size: 45px;
  color: #FFF;
  letter-spacing: 0px !important;
}

html body .frontpage-after-slider{
  font-size: 20px;
  color: #000;
  max-width: 550px;
  margin: 0 auto;
  line-height: 24px;
}

html body .frontpage-after-slider strong{
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
}

html body .container_wrap.footer_color{
  border-top-width: 0;
}

html body .container_wrap.footer_color .footer-top-text{
  margin-top: 50px;
  margin-bottom: 10px;
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #000;
  text-align: center;
}

html body .container_wrap.footer_color .footer-top-text a{
  color: #fff;
  font-size: 55px;
  text-decoration: none;
}

html body main.template-page.template-portfolio.content{
  padding-top: 150px;
}

html body .homepage-project-item{
  white-space: nowrap;
}

html body .homepage-project-item h5{
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}

html body .avia-button{
  color: #000 !important;
  border: 4px solid #000 !important;
  background-color: transparent !important;
}

html body .avia-button.avia-size-medium{
  font-size: 24px;
  line-height: 20px;
  padding: 9px 15px;
}


html body .homepage-project-item .avia-image-container.avia-align-center {
    text-align: center;
    display: inline-block;
    width: 50%;
    margin: 0;
    padding: 0;
    white-space: unset;
}

html body .homepage-project-item .avia-image-container.avia-align-center:nth-of-type(2){
  margin-left: -3px;
}

html body .homepage-project-item .av-image-caption-overlay-center p{
  white-space: break-spaces;
  font-size: 14px;
  line-height: 20px;
}

/** ABOUT US **/

html body .gallery-container{
  padding: 0 15px;
}

html body .gallery-container .gallery-row {
  display: flex;
  line-height: 0;
  padding: 0;
}

html body .gallery-container .gallery-row .gallery-col.no-padding {
  padding-left: 0;
  padding-right: 0;
}

html body .gallery-container .gallery-row .gallery-col {
  flex: 1;
  padding: 0;
  line-height: 0;
}

html body .gallery-container .gallery-col-img{
  margin: 0px 2px 2px 0px;
  line-height: 0;
}

html body .gallery-container .gallery-row .gallery-col.no-padding .gallery-col {
  padding: 0;
}

html body .gallery-container .gallery-subrow {
  display: flex;
  line-height: 0;
  padding: 0;
  align-items: stretch;
}

html body .gallery-container .gallery-subrow .gallery-subcol {
  flex: 1;
}

html body .gallery-container .gallery-col-flex{
  display: flex;
}

html body .gallery-container .gallery-col-text{
  background-color: #000;
  color: #FFF;
  padding: 0 15px;
  margin: 0px 2px 2px 0px;
  line-height: 16px;
}

html body .gallery-container .gallery-col-text.gallery-col-text-white{
  background-color: #FFF;
  color: #000;
  padding: 0 15px;
  margin: 0px 2px 2px 0px;
  line-height: 16px;
}

.gallery-text{
  padding-right: 15px;
    padding-left: 15px;
}

.text-bloxk{
  padding-right: 15px;
    padding-left: 15px;
}

.about-h1.white {
    color: #fff;
}

.about-h1 {
    color: #fff;
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px;
    padding: 0 10px;
}

.gallery-col-text.gallery-col-text-white .abouttexter {
  color: #000;
}

.abouttexter {
    width: 100%;
    padding: 3px 0;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
}


.abouttext {
    width: 100%;
    padding: 3px 25px 20px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
    font-style: normal;
}

.unordered-list.white {
    padding-left: 15px;
    color: #fff;
    list-style-type: none;
}

.unordered-list .list-item {
    padding-left: 10px;
    list-style-type: none;
    line-height: 20px;
    font-size: 14px;
    margin-left: 0;
}

.white.about {
    margin-top: 19px;
    padding-left: 18px;
    color: #fff;
    line-height: 24px;
    font-size: 18px;
}

.white.about.blacker{
  padding-left: 0;
}

.italic-text-2 {
    padding-left: 10px;
    font-style: normal;
}

.italic-text-2.black {
    color: #000;
}

.text-bloxk li:before {
    content: '_ ';
    margin-left: -13px;
}

html body .about-us-separator.hr.hr-full{
  padding: 0 15px;
  margin-top: -12px;
  margin-bottom: 50px;
}

html body .about-us-separator.hr.hr-full.no-margin-bottom{
  margin-bottom: 0;
}

html body .about-us-separator.hr.hr-full .hr-inner{
  width: 100%;
  left: 0;
  display: block;
  position: relative;
  border-top-width: 3px;
  border-color: #000;
}

html body .about-us-separator.about-us-separator-top.hr.hr-full{
  padding: 0 15px;
  margin-bottom: -9px;
  margin-top: 50px;
}


html body .entry-content-wrapper  .text-bloxk{
  font-size: 14px;
  line-height: 20px;
}

.w-richtext:before, .w-richtext:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

html body .entry-content-wrapper .w-richtext ol, 
html body .entry-content-wrapper .w-richtext ul {
    overflow: hidden;
    list-style: none;
}

/** PEOPLE **/

.cred {
    margin-bottom: 11px;
    padding-right: 16px;
    padding-left: 10px;
    color: #666;
}

.bio-text {
    padding-right: 15px;
    padding-left: 10px;
    color: #c2c2c2;
    font-weight: 300;
}

.bio-text.black {
    color: #000;
}


/** TESTIMONIALS **/

.testimonials.gallery-container{
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.testi-photo.testimon {
    background-image: url(https://willcollinsdesign.com.au/arco/wp-content/uploads/2020/06/testimonials_1.jpg);
    max-height: 330.75px;
}

.testi-photo.awards {
    background-image: url(https://willcollinsdesign.com.au/arco/wp-content/uploads/2020/06/awards1.jpg);
    max-height: 330.75px;
}

.testi-photo {
    overflow: hidden;
    width: 25%;
    min-height: 300px;    
    background-position: 0px 0px;
    background-size: cover;
    max-height: 330.75px;
}

.testi-photo.back-bg {
    padding: 20px;
    background-position: 0px 0px, 0px 0px;
    background-size: auto, cover;
    color: #fff;
    font-size: 41px;
    background-color: #000;
    max-height: 330.75px;
  }

.black-bg-title {
    margin-top: 0px;
    font-size: 60px;
    line-height: 56px;
    color: #fff !important;
}

.testi-photo.height-auto {
    min-height: auto;
    background-image: none;
}
.testi-photo.wide-photo {
    width: 50%;
    border-left: 2px solid #fff;
    background-image: url(https://assets.website-files.com/5bc4908…/5bc4908…_about7.jpg);
    background-position: 50% 50%;
}

/** AWARDS **/

.award-four-photos.border-bottom {
    padding-bottom: 2px;
    border-style: none none solid;
    border-width: 5px 5px 3px;
    border-color: #000;

}
.award-four-photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

html body .hr-inner {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000;
}

html body .main_color strong{
  color: #000;
}

.award-name {
    padding-left: 20px;
    font-size: 15px;
}

.award {
    margin-bottom: 42px;
}

html body .award-year {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-bottom: 2px solid #000000;
    border-bottom-color: #000000;
}


html body .hr.hr-default.portfolio-border{
  margin: 0;
}

html body .hr.hr-default.portfolio-border .hr-inner{
  border-top-width: 3px;
}

html body .portfolio-floorplan{
  margin-top: 20px !important;
}
/**

html body .gallery-container .gallery-subrow:nth-of-type(1){
  padding-top: 0;
}



html body .gallery-container .gallery-col.no-padding .gallery-subrow .gallery-col:nth-of-type(1) {
  padding-left: 0px;
  padding-right: 1px;
}

html body .gallery-container .gallery-col.no-padding .gallery-subrow .gallery-col:last-of-type {
  padding-left: 1px;
  padding-right: 0px;
}


/** **/

@media screen and (min-width: 200px) and (max-width: 767px) {
  html body .frontpage-after-slider {
      width: 90% !important;
  }

  .responsive #top #wrap_all .av-logo-container{
    width: 95% !important;
    max-width:  95% !important;
  }

  .responsive #top #header_main .av-burger-menu-main > a{
    line-height: 70px !important;
    height: 70px !important;
  }

  html body #header_main .logo.bg-logo a{
    display: block !important;
  }

  #top #av-burger-menu-ul{
    display: block !important;
    padding-top: 140px !important;
  }

  html body .slideshow_align_caption{
    display: block !important;
    margin-top: 180px;
  }

  html.responsive body#top div#wrap_all .slideshow_caption h2 {
    font-size: 60px !important;
    line-height: 80px;
  } 

  html.responsive body#top div#fullscreen_slider_1{
    z-index: 1;
  }

  html body .arco-slider .avia-caption-content{
    margin-right: -2%;
  }

  html body .arco-slider .avia-caption-content p{
    font-size: 24px;
  }

}

@media screen and (min-width: 600px) and (max-width: 767px) {
  html body .arco-slider .avia-caption-content{
    margin-right: -2%;
    top: -170px;
  }

  html body .arco-slider .avia-caption-content p{
    font-size: 24px;
  }
}

@media screen and (min-width: 768px) {
  html.html_av-overlay-full body #av-burger-menu-ul li{
    display: inline-block;
    margin-right: 30px;
    width: auto !important;
    font-size: 17px;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    opacity: 1;
  }

  html.html_av-overlay-full body#top #av-burger-menu-ul{
    display: block;
    padding-top: 200px !important;
    text-align: left;
    padding-left: 50px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  html body .arco-slider .avia-caption-content{
    margin-right: 0;
    margin-top: 100px;
  }

  html body .arco-slider .homepage_slider{
    font-size: 140px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) {
  html body .arco-slider .avia-caption-content{
    margin-right: 0;
    margin-top: 50px;
  }
}