/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
:root {
	/* colours */
	--color-perm-background: rgba(247,242,232, 0.9);
}
/* Padding */
.sms-pad-top-bott-30{
	padding-top: 30px !important;
    padding-bottom: 30px !important;
}
/* Border radius */
.sms-border-radius-01{
	border-radius: 4px !important;
}
/* END Border radius */
.sms-outline-frame{
	/* background: #000 none repeat scroll 0 0;*/
    border-color: var(--secondary) var(--primary) var(--primary) var(--secondary);
    border-style: solid;
    border-width: 5px;
    display: block;
    padding: 2px;
	border-radius: 4px;
}
.sms-outline-offset-p{
	outline: 2px solid var(--primary);
    outline-offset: -4px;
}
.sms-outline-offset-s{
	outline: 2px solid var(--secondary);
    outline-offset: -4px;
}
.sms-outline-offset-wht{
	outline: 2px solid rgba(255,255,255, 0.3);
    outline-offset: -4px;
}
.sms-border-all-1{
	border: 1px;
	border-color: var(--primary) !important;
	border-style: solid;
}
.sms-border-bottom-10-prim{
	border-color: var(--primary) !important;
	border-bottom: 10px;
	border-bottom-style: solid;
	border-radius: 10px;
}
.sms-border-bottom-02-prim{
	border-bottom: 2px solid var(--primary) !important;
}
.sms-border-top-02-prim{
	border-top: 2px solid var(--primary) !important;
}
.sms-border-bottom-10-sec{
	border-color: var(--secondary) !important;
	border-bottom: 10px;
	border-bottom-style: solid;
	border-radius: 10px;
}
.sms-border-bottom-02-sec{
	border-bottom: 2px solid var(--secondary) !important;
}
.sms-border-top-02-sec{
	border-top: 2px solid var(--secondary) !important;
}
/* END Borders*/
/* Box shadows */
.sms-box-shadow{
box-shadow: rgba(0, 0, 0, 0.9) 0px 10px 20px -15px;
}
.sms-box-shadow-001{
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.sms-box-shadow-002{
	box-shadow: rgba(255, 255, 0, 0.45) 0px 25px 20px -20px;
}
/* Text shadows */
.sms-txt-shadow-wht{
	text-shadow: 4px 2px 2px #fff;
}
.sms-txt-shadow-wht-1{
text-shadow: 2px -1px 2px rgba(255,255,255, 0.5);
}
.sms-txt-shadow-blk{
text-shadow: 2px -1px 2px rgba(0,0,0, 0.5);
}
/* END Text Shadows */
/* Shapes */
.sms-shape-001{
	-webkit-clip-path: polygon(50% 0%, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0);
	clip-path: polygon(50% 0%, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0);
}
.sms-shape-002{
	-webkit-clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 95%, 95% 95%, 95% 100%, 5% 100%, 5% 95%, 0 95%);
	clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 95%, 95% 95%, 95% 100%, 5% 100%, 5% 95%, 0 95%);
}
.sms-shape-003{
	-webkit-clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 100%, 0 100%);
	clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 100%, 0 100%);
}
.sms-shape-004{
	-webkit-clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 100%);
	clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 100%);
}
.sms-shape-004-rev{
	-webkit-clip-path: polygon(0% 0%, 100% 0, 98% 100%, 2% 100%);
	clip-path: polygon(0% 0%, 100% 0, 98% 100%, 2% 100%);
}
.sms-shape-005{
	/* border-bottom: 1px dotted var(--secondary); */
	-webkit-clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
}
.sms-shape-006{
	-webkit-clip-path: polygon(98% 0, 2% 0, 100% 100%, 0 100%);
	clip-path: polygon(98% 0, 2% 0, 100% 100%, 0 100%);
}
.sms-shape-007{
	-webkit-clip-path: polygon(0 10%, 70% 10%, 70% 0, 100% 50%, 70% 100%, 70% 90%, 0 90%);
	clip-path: polygon(0 10%, 70% 10%, 70% 0, 100% 50%, 70% 100%, 70% 90%, 0 90%);
}
/* END Shapes */

/* Skyshot List Sytles */ 
ul.sms-alpha, ul.sms-arrow, ul.sms-circle, ul.sms-cross, ul.sms-disc, ul.sms-none, ul.sms-note, ul.sms-number, ul.sms-point, ul.sms-q, ul.sms-thumb, ul.sms-tick{
  padding-left: revert !important; /* remove bricks default padding */
}
ul.sms-alpha li, ul.sms-arrow li, ul.sms-circle li, ul.sms-cross li, ul.sms-disc li, ul.sms-none li, ul.sms-note li, ul.sms-number li, ul.sms-point li, ul.sms-q li, ul.sms-thumb li, ul.sms-tick li, ul.sms-tick li.cross{
  line-height: 1.6em;
  padding-inline-start: 1ch;
}
ul.sms-alpha li::marker, ul.sms-arrow li::marker, ul.sms-circle li::marker, ul.sms-cross li::marker, ul.sms-disc li::marker, ul.sms-note li::marker, ul.sms-number li::marker, ul.sms-q li::marker, ul.sms-tick li::marker, ul.sms-tick li.cross::marker {
	color: var(--secondary);
    font-weight: 600;
    font-size: 1.9rem;
}
ul.sms-alpha li{
    list-style-type: upper-alpha;
}
ul.sms-arrow li {
    list-style-type: '\27a4';
}
ul.sms-circle li {
  list-style-type: circle;
}
ul.sms-cross li {
  list-style-type: '\1F5D9';
}
ul.sms-disc li {
  list-style-type: disc;
}
ul.sms-none li {
  list-style-type: none;
}
ul.sms-note li {
    list-style-type: '\270e';
}
ul.sms-number li {
  list-style-type: decimal;
}
ul.sms-point li{
	list-style-type: '\1F449';
}
ul.sms-q li{
	list-style-type: '\003f';
}
ul.sms-thumb li{
	list-style-type: '\1F44D';
}
ul.sms-tick li{
	list-style-type: '\2713';
}
/* Used if you need a cross in a tick list give the single li a class */
ul.sms-tick li.cross {
	list-style-type: '\1F5D9';
}
/* UL List into columns */
.sms-list-cols-2 ul{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 40px;
  margin-block-start: unset;
}
@media (max-width: 478px){
  .sms-list-cols-2 ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }}
/* Bricks posts styling the Bricks Post Widget*/
/* Posts List View */
.sms-posts-list li {
  border-bottom: 2px solid var(--primary);
  margin-bottom: 10px;  
  padding-bottom: 10px;
  
}
/* END - List View */
/* Used for shortcode number box home page */
.font-simple {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* mobile menu close button */
@media (max-width: 478px){
  .show-mobile-menu .bricks-mobile-menu-toggle {
  background-color: #ff0000;
  border-radius: 100px;    
  color: #fff;
  padding: 14px;
  }}

  /* Line Clamp */
.sms-line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.sms-line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.sms-line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.sms-line-clamp-4 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
/* END Line Clamp */

/* used to show internal links */
.sms-internal-link a:after{
	content: '\2BB3';
 	margin-left: 4px;
}
a.sms-internal-link:after{
	content: '\2BB3';
 	margin-left: 4px;

}
/* used to show external links */
a.sms-external-link:after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='steelblue' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;	  
	height: 11px;
	margin-bottom: 8px;
	margin-left: 4px;
	width: 11px;
}
/* Load video on click */
/* button set colour in plugin */
.eosb_wrapper::before {
  background-color: #000;
  color: #fff;
  content: 'click to play video';
  font-size: var(--text-s);
  padding: 1px 6px;
  position: absolute;
  text-transform: uppercase;
  z-index: 999;
}
.eosb_video_widget {
  border-color: var(--primary) var(--secondary) var(--secondary) var(--primary);
  border-style: solid;
  border-width: 2px;
  padding: 6px;
}
/* END load video on click */
/* Policy Doc Pages */
.sms-txt-editor-policy p{
  font-size: 1.5rem;
}
.sms-txt-editor-policy ul{
  font-size: 1.5rem;
}
/* Content Editor */
.sms-txt-editor h1{
	color: #000;
  margin-bottom: 15px;
}
.sms-txt-editor h2{
	color: #000;
  margin-bottom: 15px;
}
.sms-txt-editor h3{
	color: #000;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.sms-txt-editor h4{
	color: #000;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.sms-txt-editor blockquote{
  border-left-color: var(--action);
  border-left-width: 10px;
  font-size: 1.1em;
  margin: 30px;
}

/*---[ Contact Form 7 ]---*/
#responsive-form{
	max-width:99% /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
  font-size: var(--text-m);
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/

/* 768 */
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
/* Required Field */
span.sms-cf7-req {
    color: #f00;
    font-size: 24px;
    margin-left: 4px;
}
span.sms-cf7-req.trans { /*temp fix for alignment issue */
    color: transparent;
}
.wpcf7-form label {
  color: #000;
  background-color: #fff;
}
.wpcf7-quiz-label{
margin-left: 5px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea , .wpcf7 select{
	width: 100%;
	padding: 2px;
	border: 1px solid #ccc;
	border-radius: var(--btn-radius);
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
/* background-color: rgba(230, 223, 200, 0.2); */
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	background: var(--action);
  border: none;
  border-radius: var(--btn-radius);
	color: var(--btn-text-color);
	cursor: pointer;
  letter-spacing: var(--btn-letter-spacing);
	padding: var(--btn-pad-y);
  text-align: center;
	text-transform: var(--btn-text-transform);
  width: 100%;
}
.wpcf7-submit:hover{
	background: green !important;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
	background: #fbb000;
	border-color: #fbb000;
	color: #000;
	margin: 0;
	letter-spacing: 1px;
	border-radius: 30px;
}
.ftuploadarea {
  /* background-color: rgba(230, 223, 200, 0.3); */
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 10px;
}
.glyphicon-plus:before {
  color: #f00;
}
.sms-cf7-field-heading {
/* background-color: aqua; */
  color: #000000;
  font-weight: 700;
}
/*---[ END Contact Form 7 ]---*/
/* MailerLite Newsletter Sign UP */
#mlb2-5711568.ml-form-embedContainer .ml-form-embedWrapper {
  background-color: rgba(255,255,255, 0.5) !important;
}
#mlb2-5711568.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-checkboxRow label p {
    margin: 0 5px 0 10px !important;
}
#mlb2-5711568.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    box-shadow: 0px 10px 30px -20px;
    max-width: 340px  !important;;
}
#mlb2-5711568.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button {
     letter-spacing: .2em !important;
}
/* END Mailer Lite*/
/* Before After Slider Plugin (not bricks extra) */
.twentytwenty-container {
    border-radius: 4px;
    box-shadow: 0px 10px 20px -15px #000;
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after{
	    background: rgba(247,242,232, 0.9);
		width: 4px;
}
.twentytwenty-handle {
	    background: var(--primary-trans-90);
}
.twentytwenty-before-label, .twentytwenty-after-label {
    background: var(--primary-trans-90);
    bottom: unset !important;
    font-size: 16px;
    top: 10px;
}