/*!
Theme Name: CLAV Cleaning
Theme URI: http://underscores.me/
Author: Smart Multimedia
Author URI: https://www.smartmultimedia.com.au/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clavcleaning
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Template: clany
*/

/* Custom panel: Office & Medical Cleaning (copied from clany theme) */

/*
#panel-before-vs-after .fl-row-bg-photo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#panel-before-vs-after .fl-row-bg-attachment-scroll {
    background-attachment: scroll;
}
#panel-before-vs-after .vamtam-show-bg-image {
    background-image: inherit !important;
}
#panel-before-vs-after .fl-col-bg-color {
    background-color: var(--vamtam-accent-color-7, #fff);
}
#panel-before-vs-after .fl-col-bg-photo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
#panel-before-vs-after .fl-col-group-equal-height {
    display: flex;
    align-items: stretch;
}
#panel-before-vs-after .fl-col-small-custom-width {
    flex: 1 1 50%;
    min-width: 250px;
}
#panel-before-vs-after .fl-module-vamtam-icon .fl-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 48px;
    margin-bottom: 10px;
}
#panel-before-vs-after .fl-module-vamtam-heading .vamtam-heading {
    text-align: center;
    font-size: 1.5em;
    margin: 10px 0 5px 0;
}
#panel-before-vs-after .fl-module-rich-text .fl-rich-text {
    text-align: center;
    font-size: 1em;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    #panel-before-vs-after .fl-col-group-equal-height {
        flex-direction: column;
    }
    #panel-before-vs-after .fl-col-small-custom-width {
        min-width: 100%;
    }
}

*/


#panel-before-vs-after .before:before { content:'Before'; display:block; position:absolute; margin:24px; background:var(--vamtam-accent-color-1); color:#fff; padding:15px 36px; border-radius:30px; font-weight:700; letter-spacing: 1px; }
#panel-before-vs-after .after:after   { content:'After';  display:block; position:absolute; margin:24px; background:var(--vamtam-accent-color-1); color:#fff; padding:15px 36px; border-radius:30px; font-weight:700; letter-spacing: 1px; }

#panel-before-vs-after .before,
#panel-before-vs-after .after { margin-bottom:50px; }


.fl-node-5b4fdce0c468d > .fl-row-content-wrap {
  background-image: url(https://www.clavcleaning.com.au/wp-content/themes/clavcleaning/images/Pattern-for-cut@1x.png);
  background-repeat: repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: auto;
}
.fl-node-5b4fdce0c468d > .fl-row-content-wrap {
  padding-top:80px;
  padding-bottom:80px;
}
.fl-node-5b4fe5114aa75 > .fl-row-content-wrap {
  padding-top:80px;
  padding-bottom:80px;
}
.fl-node-5b4fdce0c6742 {
  width: 100%;
}
.fl-node-5b4fdce39e0e2 {
  width: 50%;
}
.fl-node-5b4fdce39e0e2 > .fl-col-content {
  background-color: #ffffff;
  box-shadow: -5px -5px 80px -30px rgba(0,0,35,0.1);
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fdce39e0e2 {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
.fl-node-5b4fdce39e0e2 > .fl-col-content {
  padding-top:80px;
  padding-right:40px;
  padding-bottom:80px;
  padding-left:40px;
}
.fl-node-5b4fdce61ac84 {
  width: 50%;
}
.fl-node-5b4fdce61ac84 > .fl-col-content {
  background-image: none;
  background-color:#fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fdce61ac84 {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
@media ( max-width: 768px ) {
  .fl-node-5b4fdce61ac84.fl-col > .fl-col-content {
    padding-top:150px;
    padding-bottom:150px;
  }
}
.fl-node-5b4fe5114b2df {
  width: 100%;
}
.fl-node-5b4fe5114b35a {
  width: 50%;
}
.fl-node-5b4fe5114b35a > .fl-col-content {
  background-color: #ffffff;
  box-shadow: -5px -5px 80px -30px rgba(0,0,35,0.1);
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fe5114b35a {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
.fl-node-5b4fe5114b35a > .fl-col-content {
  padding-top:80px;
  padding-right:40px;
  padding-bottom:80px;
  padding-left:40px;
}
.fl-node-5b4fe5114b4c3 {
  width: 50%;
}
.fl-node-5b4fe5114b4c3 > .fl-col-content {
  background-image: none;
  background-color:#fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fe5114b4c3 {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
@media ( max-width: 768px ) {
  .fl-node-5b4fe5114b4c3.fl-col > .fl-col-content {
    padding-top:150px;
    padding-bottom:150px;
  }
}
.fl-node-5b4fecac23607 {
  width: 100%;
}
.fl-node-5b4fdce39e12d {
  width: 50%;
}
.fl-node-5b4fdce39e12d > .fl-col-content {
  background-image: none;
  background-color:#fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fdce39e12d {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
@media ( max-width: 768px ) {
  .fl-node-5b4fdce39e12d.fl-col > .fl-col-content {
    padding-top:150px;
    padding-bottom:150px;
  }
}
.fl-node-5b4fdce61accb {
  width: 50%;
}
.fl-node-5b4fdce61accb > .fl-col-content {
  background-color: #ffffff;
  box-shadow: 5px 5px 80px -30px rgba(0,0,35,0.1);
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fdce61accb {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
.fl-node-5b4fdce61accb > .fl-col-content {
  padding-top:80px;
  padding-right:40px;
  padding-bottom:80px;
  padding-left:40px;
}
.fl-node-5b4fe5114b44b {
  width: 50%;
}
.fl-node-5b4fe5114b44b > .fl-col-content {
  background-image: none;
  background-color:#fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fe5114b44b {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
@media ( max-width: 768px ) {
  .fl-node-5b4fe5114b44b.fl-col > .fl-col-content {
    padding-top:150px;
    padding-bottom:150px;
  }
}
.fl-node-5b4fe5114b500 {
  width: 50%;
}
.fl-node-5b4fe5114b500 > .fl-col-content {
  box-shadow: 5px 5px 80px -30px rgba(0,0,35,0.1);
}
@media(max-width: 768px) {
  .fl-builder-content .fl-node-5b4fe5114b500 {
    width: 100% !important;
    max-width: none;
    clear: none;
    float: left;
  }
}
.fl-node-5b4fe5114b500 > .fl-col-content {
  padding-top:80px;
  padding-right:40px;
  padding-bottom:80px;
  padding-left:40px;
}


/* End custom panel CSS */

@media (max-width:991px) {
	#vamtam-megamenu-main-menu-toggle { display:none !important; }
	#header-text { display:block !important; position:absolute; z-index:999; top:-8px; right:-18px; }
	#header-text .vamtam-button.button-solid { display:none; }
}

@media (max-width:420px) {
	#header-text .fl-button span { display:none; }
	#main .fl-builder-content .fl-col.footer-servicing-text { width:100% !important; }
	#main-footer .fl-col-group { align-items:center; }
	#main-footer .fl-photo-content img { max-height:200px; }
}

@media (min-width:992px) {
	#clav-residential-flex { display:flex; flex-direction:row; }
	.clav-residential-flex-left { flex:1 1 50%; }
	.clav-residential-flex-right { flex:1 1 50%; }
	#clav-residential-flex * { text-align:left; }
	
	.fl-node-5b3d669cc016d { max-height:645px; overflow:hidden; }
}




/* Contact panel */

.fl-node-5b4f29147187f > .fl-row-content-wrap {background-image: url(/wp-content/uploads/2018/07/Pattern-for-cut@1x-1.png);background-repeat: repeat;background-position: center center;background-attachment: scroll;background-size: auto;border-top-width: 1px;border-right-width: 0px;border-bottom-width: 1px;border-left-width: 0px;}
.fl-node-5b4f29147187f > .fl-row-content-wrap .fl-row-fixed-width { background:#fff; padding:30px 50px; }
.contact-wrapper label { display:block; padding:10px 0 8px 0; }

@media ( max-width: 991px ) {
	.fl-node-5b4f29147187f.fl-row > .fl-row-content-wrap {margin-top:20px;}} .fl-node-5b4f29147187f > .fl-row-content-wrap {padding-top:60px;padding-bottom:60px;}

@media ( max-width: 767px ) {
	.fl-node-5b4f29147187f.fl-row > .fl-row-content-wrap {padding-right:20px;padding-bottom:49px;padding-left:20px;}
	.fl-node-5b4f29147187f > .fl-row-content-wrap .fl-row-fixed-width { background:#fff; padding:30px 20px; margin:0 15px; }
}

@media (min-width:992px) {
	.contact-wrapper { display:flex; padding-bottom:20px; }
	.contact-left { flex:1 1 45%; padding-right:40px; }
	.contact-right { flex:1 1 55%; }
}





/* Reviews (comments system) */

#comments-list:not(.vamtam-comments-small),
#trackbacks-list:not(.vamtam-comments-small) {
  border-bottom:solid 1px var(--vamtam-default-line-color)
}
#main.layout-full .comments-wrapper {
  max-width:760px;
  margin-left:auto;
  margin-right:auto
}
.respond-box {
  position:relative
}
.comment-reply-title {
  font:var(--vamtam-h5-font-weight) var(--vamtam-h5-font-style) var(--vamtam-h5-font-size)/var(--vamtam-h5-line-height) var(--vamtam-h5-font-family);
  letter-spacing:var(--vamtam-h5-letter-spacing,normal);
  margin:0;
  height:auto;
  padding:25px 0 25px 0;
  text-transform:uppercase;
  font-weight:700;
  text-align:start;
  line-height:initial
}
body.logged-in .respond-box-title {
  padding-bottom:5px
}
.comments-wrapper {
  clear:both;
  border-top:solid 1px var(--vamtam-default-line-color);
  margin-bottom:60px
}
.comments-wrapper .sep-text {
  z-index:2;
  margin-top:0;
  margin-bottom:0;
  padding:20px 0;
  position:relative
}
.comments-wrapper .sep-text .content {
  padding:0
}
.comments-wrapper .sep-text .content,
.comments-wrapper .sep-text .content a {
  text-transform:uppercase;
  font-weight:700;
  font-size:var(--vamtam-h5-font-size);
  border:var(--vamtam-no-border-link);
  color:var(--vamtam-h5-color)
}
.comments-wrapper label {
  display:block;
  padding-bottom:5px
}
.comments-wrapper .logged-in-as {
  margin:0 0 20px 0!important
}
.comments-wrapper .logged-in-as a {
  border:var(--vamtam-no-border-link)
}
.comments,
.woocommerce #reviews #comments {
  position:relative
}
.comments #respond,
.woocommerce #reviews #comments #respond {
  padding:10px 0
}
.comments:not(.vamtam-comments-small) .comment,
.woocommerce #reviews #comments:not(.vamtam-comments-small) .comment {
  position:relative;
  padding:20px 0;
  border-top:solid 1px var(--vamtam-default-line-color)
}
.comments:not(.vamtam-comments-small) .comment.depth-1:first-child,
.woocommerce #reviews #comments:not(.vamtam-comments-small) .comment.depth-1:first-child {
  border-top:0
}
.comments:not(.vamtam-comments-small) .comment .comment,
.woocommerce #reviews #comments:not(.vamtam-comments-small) .comment .comment {
  padding-bottom:0;
  padding-right:0;
  margin-top:10px;
  box-sizing:border-box;
  padding-left:30px
}
.comments:not(.vamtam-comments-small) .comment .single-comment-wrapper,
.woocommerce #reviews #comments:not(.vamtam-comments-small) .comment .single-comment-wrapper {
  display:flex
}
.comments:not(.vamtam-comments-small) .comment .comment-content,
.woocommerce #reviews #comments:not(.vamtam-comments-small) .comment .comment-content {
  flex:1
}
.comments .avatar,
.woocommerce #reviews #comments .avatar {
  max-width:70px!important;
  max-height:70px
}
.comments .comment-author,
.woocommerce #reviews #comments .comment-author {
  display:inline-block;
  vertical-align:top;
  width:auto
}
.comments .comment-author img,
.woocommerce #reviews #comments .comment-author img {
  margin-right:20px;
  background:var(--vamtam-accent-color-7);
  border-radius:var(--vamtam-border-radius-oval);
  margin-bottom:5px
}
.comments .bypostauthor,
.woocommerce #reviews #comments .bypostauthor {
  position:relative;
  z-index:1
}
.comments .comment-author-link,
.woocommerce #reviews #comments .comment-author-link {
  font:var(--vamtam-h5-font-weight) var(--vamtam-h5-font-style) var(--vamtam-h5-font-size)/var(--vamtam-h5-line-height) var(--vamtam-h5-font-family);
  letter-spacing:var(--vamtam-h5-letter-spacing,normal)
}
.comments .comment-time,
.woocommerce #reviews #comments .comment-time {
  border-left:solid 1px var(--vamtam-accent-color-4);
  padding-left:10px;
  font-size:10px;
  text-transform:uppercase;
  opacity:.7
}
.comments .comment-content:hover h6.comment-reply-link,
.woocommerce #reviews #comments .comment-content:hover h6.comment-reply-link {
  opacity:1
}
.comments .comment-content p,
.woocommerce #reviews #comments .comment-content p {
  margin:0!important
}
.comments .comment-meta,
.woocommerce #reviews #comments .comment-meta {
  padding-bottom:5px;
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  align-items:center
}
.comments .comment-meta>.comment-meta-inner,
.woocommerce #reviews #comments .comment-meta>.comment-meta-inner {
  display:flex;
  align-items:center;
  flex-wrap:wrap
}
.comments .comment-meta>.comment-meta-inner>a,
.comments .comment-meta>.comment-meta-inner>div,
.woocommerce #reviews #comments .comment-meta>.comment-meta-inner>a,
.woocommerce #reviews #comments .comment-meta>.comment-meta-inner>div {
  margin-right:10px;
  margin-bottom:0
}
.comments .comment-meta>.comment-meta-inner>a:last-child,
.comments .comment-meta>.comment-meta-inner>div:last-child,
.woocommerce #reviews #comments .comment-meta>.comment-meta-inner>a:last-child,
.woocommerce #reviews #comments .comment-meta>.comment-meta-inner>div:last-child {
  margin-right:0
}
.comments h6.comment-reply-link,
.woocommerce #reviews #comments h6.comment-reply-link {
  display:inline-block;
  transition:opacity .3s ease
}
.comments h6.comment-reply-link a,
.woocommerce #reviews #comments h6.comment-reply-link a {
  font-size:10px;
  text-transform:uppercase;
  border:none;
  border-radius:var(--vamtam-border-radius);
  padding:5px 10px;
  margin-left:5px;
  transition:all .3s ease
}
.comments h6.comment-reply-link a:hover,
.woocommerce #reviews #comments h6.comment-reply-link a:hover {
  background:var(--vamtam-accent-color-1);
  color:var(--vamtam-accent-color-5)
}
.comments #reply-title,
.woocommerce #reviews #comments #reply-title {
  margin-bottom:0!important
}
.comments #cancel-comment-reply-link,
.woocommerce #reviews #comments #cancel-comment-reply-link {
  position:relative;
  margin-left:5px;
  text-transform:capitalize
}
.comments .comment-notes,
.woocommerce #reviews #comments .comment-notes {
  margin-bottom:14px;
  font-size:10px;
  opacity:.6
}
.comments .comment-note,
.woocommerce #reviews #comments .comment-note {
  position:absolute;
  top:-10px;
  font-size:12px;
  transition:all .35s;
  opacity:0;
  color:#4F9304
}
#commentform {
  clear:both;
  position:relative
}
#commentform:after {
  display:block;
  clear:both;
  content:""
}
#commentform .input {
  background:var(--vamtam-accent-color-5)
}
#commentform .form-input {
  float:left;
  width:100%;
  background:0 0
}
#commentform .comment-form-email:hover .comment-note {
  opacity:1;
  top:-20px
}
#commentform .comment-form-comment textarea {
  height:130px
}
#commentform .comment-form-comment textarea,
#commentform .form-input input {
  width:100%;
  margin-top:0;
  margin-bottom:1em!important
}
#commentform .form-submit {
  bottom:0;
  height:auto;
  float:none;
  clear:both
}
#commentform #submit {
  position:relative
}
#commentform #submit:before {
  position:absolute;
  top:50%;
  left:0;
  content:"\e025";
  font-family:theme
}
#commentform input[type=checkbox] {
  vertical-align:middle;
  margin-right:5px
}
.comment-author {
  line-height:1em!important
}
.comment-author span {
  float:left;
  margin-top:3px
}
#cancel-comment-reply-link,
.comment-edit-link,
h6.comment-reply-link {
  font-size:12px!important
}
body.page .respond-box {
  position:relative;
  padding-top:76px;
  padding-bottom:76px;
  max-width:900px;
  margin:auto
}
body.page #commentform .form-input {
  background:0 0
}
body.page #commentform .comment-notes {
  float:right
}
body.page #commentform .comment-note {
  font-size:12px;
  opacity:0;
  margin-top:-20px;
  display:block;
  height:20px;
  transition:opacity 1s ease
}
body.page #commentform textarea {
  height:100px;
  margin-bottom:30px
}
body.page #commentform .form-submit {
  float:left;
  margin-right:0;
  margin-left:0;
  width:100%;
  text-align:center
}
body.page #commentform #submit {
  margin-top:10px
}
body.page #commentform .second-row {
  display:grid;
  grid-template-columns:auto auto;
  grid-column-gap:30px
}
body.page .comments-title {
  text-align:center;
  text-transform:uppercase;
  margin-bottom:30px;
  margin-top:30px
}
body.page .comments-title a {
  font-size:10px;
  letter-spacing:1px;
  color:var(--vamtam-accent-color-3)
}
body.page .comment-time {
  text-transform:uppercase;
  display:block;
  border-left:0
}
body.page .comment-time:before {
  display:none
}
body.page #comments-list,
body.page #trackbacks-list {
  box-shadow:none
}
body.page .comments .content {
  font-size:23px;
  color:var(--vamtam-accent-color-3)
}
body.page .comments p {
  text-align:start
}
body.page .comments .comment>.sep-text {
  margin:0
}
body.page .comments .comment>.sep-text .sep-text-after,
body.page .comments .comment>.sep-text .sep-text-before {
  vertical-align:top;
  padding-bottom:5px
}
body.page .comments .comment .comment-inner {
  padding:40px;
  border-radius:var(--vamtam-border-radius);
  text-align:center;
  transition:all .3s ease;
  box-shadow:0 1px 20px 0 rgba(0,0,0,.04);
  margin:10px
}
body.page .comments .comment .comment-inner .icon.shortcode {
  font-size:2.4em;
  color:var(--vamtam-accent-color-3);
  transition:color .4s ease
}
body.page .comments .comment .comment-inner .comment-header {
  margin:1em 0 .8em 0
}
body.page .comments .comment .comment-inner:hover {
  box-shadow:0 1px 20px 0 rgba(0,0,0,.08)
}
body.page .comments .comment .comment-inner:hover .icon.shortcode {
  color:var(--vamtam-accent-color-1)
}
body.page .comments .bypostauthor:hover {
  background:0 0
}

body.responsive-layout #commentform { margin-top:30px; }

.comment-reply-title,
.comment-form-cookies-consent { display:none; }