avodigital.nz custom code

PHOTO EMBED

Wed Feb 24 2021 23:40:54 GMT+0000 (UTC)

Saved by @Abhi #html #html,css

//Global Variables
@dark-color:#2A282A;
@light-color:#FFFFFF;
@logo-green: #a6d843;
@box-shadow:0px 3px 15px rgba(100, 100, 100, 0.29);


///Global

//button styling
.sqs-block-button-element, .dark-bold .header-actions .btn, {
  background-color:@logo-green !important;
  color:@dark-color !important;
  font-weight: 900;
  text-transform: uppercase;
}

//Mobile Sitewide Queries
/* mobile */
@media screen and (max-width:767px) {
	h1 {
    font-size: calc((3.5 - 1) * 1.2vh + 1rem)!important;
	}
	}

// anchor links offset to deal with fixed menu

@media screen and (min-width: 640px){
  #casestudies, #testimonials, #products{
  margin-top: -90px;
  padding-top: 90px;
  pointer-events: none;
	}
}

/* mobile */
@media screen and (max-width:767px) {
	#casestudies, #testimonials, #products{
  margin-top: -30px;
  padding-top: 30px;
  pointer-events: none;
	}
}




//Styling-------------------------------------------------------------Header
//shadow to the header and reduce padding
.header .header-announcement-bar-wrapper {
 background-color: @dark-color;
  box-shadow: @box-shadow;
  -moz-box-shadow: @box-shadow;
  -webkit-box-shadow: @box-shadow;
  position: relative;
  z-index: 4;
  padding-top: 1.8vw !important;
  padding-bottom: 1.8vw !important;
}


// Center the CODE BLOCK in ------------------------------------------"HERO SECTION"

section[data-section-id="603416b17aacd44d16aec445"] {
  h1{
    margin-top:0;
  }
  #block-yui_3_17_2_1_1614030936450_6608{
    padding-top:0!important;
  }
  p{
    margin-bottom:0;
  }
  #block-yui_3_17_2_1_1614031344386_7315{
    padding-bottom:0 !important;
  }
}


// Center the CODE BLOCK in ------------------------------------------"what we can do for you"
section[data-section-id="6032d3b58e30837700e1846a"], section[data-section-id="6022047755fdbf5e4e4a0e24"] {
  	@media screen and (min-width: 640px) {
      	.sqs-row{
      	display: flex;
      	align-items: center;
      	box-sizing: border-box;
      	justify-content: center;
  	}
 	}	
  
  	.sqs-col-4{
    	background-color:@dark-color;
    	color:white;
  	}
 
  //read the case study color to white
  	.light-bold .sqs-block-html a, .light-bold .read-more-link, .light-bold .entry-excerpt a {
    color: #ffffff !important;
      text-decoration: underline !important;
}
  
  .c-tabs__tab-title{
  		font-size:1.2rem;
    	line-height:2.1rem;
    	font-weight:500;
      	padding:1rem;
  	}
  
  .c-tabs__accordion-tab{
    background-color:#dfdfdb !important;
    border: 1px solid @dark-color !important;
  }
 
  
 }


//Blog Pages Styling------------------------------------ Blog

.blog-item-wrapper .blog-item-title h1.entry-title {
    font-size: calc((3 - 1) * 1.2vw + 1rem);
}

/* mobile */
@media screen and (max-width:767px) {
  .blog-item-wrapper .blog-item-title h1.entry-title {
    font-size: calc((7 - 1) * 1.2vw + 1rem);
}
}
content_copyCOPY