/*
Theme Name:   SweetLaw Child
Theme URI:    https://www.basis.rocks
Description:  SweetLaw Child Theme
Author:       Basis
Author URI:   https://www.basis.rocks
Template:     progo-butenberg
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  SweetLawchild
*/

/* Imported CSS */
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://use.fontawesome.com/releases/v5.0.7/css/all.css');

/* Typography */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Lato:wght@400;700&family=Montserrat:wght@800&family=Tenor+Sans&display=swap');

/* Headings */
h1,h2,h3,h4,h5,h6 {font-family: Montserrat;font-style: normal;font-weight: 800;color: #1E2637;line-height: 140%;}
h1{font-size: 56px;line-height: 140%;text-transform: uppercase;}
h2, h2 a{font-size: 48px;line-height: 100%;color: #1E2637;text-transform: uppercase;}
h3, h3 a{font-size: 40px;line-height: 140%;}
h4, h4 a{font-size: 32px;line-height: 140%;}
h5, h5 a{font-size: 24px !important;line-height: 140%;}
h6, h6 a{font-size: 16px !important;line-height: 140%;}

.subheading{font-family: Barlow;font-style: 140%;font-weight: 500 !important;font-size: 19px !important;line-height: 150% !important;color: #000000;}
body{font-family: Barlow;font-style: normal;font-weight: 500;font-size: 18px;line-height: 140%;color: #000000;}
.body2{font-family: Barlow;font-style: normal;font-weight: 500;font-size: 16px !important;line-height: 140%;color: #000000;}
p {font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 18px !important;line-height: 140% !important;color: #000000;}

/*Lists*/
li {font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 16px !important;line-height: 180% !important;color: #1E2637;}
li:marker {color:#29ABE2;}
.custom-bullets {list-style:none;}
.custom-bullets li:before {content: "\f111";font-family: FontAwesome;color: #29ABE2;vertical-align: middle;font-size: 10px;font-weight: normal;display: inline-block;width: 1.8em;margin-left: -1.8em;}
ol {list-style-type:decimal;}
ol li:before {color:#29ABE2;font-size:17px;font-weight:normal;display:inline-block;width:1em;
margin-left:-1em;vertical-align: middle;}
ol li::marker {font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;text-align: right;color: #29ABE2;}
ol li {counter-increment:li}
.circle-bullets {list-style:none;}
.circle-bullets li:before {content:"\f058";color:#29ABE2;font-family:FontAwesome;font-size:20px;display:inline-block;margin-left:-1.1em;width:1.1em;vertical-align: middle;}
.circle-bullets li:marker {color:#29ABE2;}
.circle-bullets li {counter-increment:li}
/*Lists ends*/
/*Anchor, link*/
a {font-family: Montserrat;font-style: normal;font-weight: bold;font-size: 14px;line-height: 17px;color: #29ABE2 !important;}

a:hover {color: #38B9F0;text-decoration:underline;}
/*Anchor, link ends*/
q{font-family: Barlow;font-style: italic;font-weight: 500;font-size: 20px;line-height: 160%;color: #000000;}
.caption{font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 14px !important;line-height: 17px !important;color: #000000;}

.button-text{font-family: Montserrat;font-style: normal;font-weight: bold !important;font-size: 13px !important;line-height: 16px !important;text-transform: uppercase;color: #000000;}
/*input, text box*/
input[type="text"] {font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 16px !important;line-height: 140%;display: flex;align-items: center;color: #9E9E9E;background: #F3F3F3;border-radius: 8px;padding: 14px 24px;outline: 0px !important;border: 2px solid #F3F3F3 !important;}
input[type="text"]:focus{color: #29ABE2;background: #FFFFFF;border: 2px solid #29ABE2 !important;box-sizing: border-box;border-radius: 8px;outline: 0px !important;}
input[type="text"]:active{border:0px;outline: 0px !important;}
input[type="text"]:disabled{font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 16px !important;line-height: 140%;display: flex;align-items: center;color: #CFCFCF;}
input[type="text"]:invalid{color:#E34D4D;font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 16px !important;line-height: 140%;display: flex;align-items: center;}
/*input, text box ends*/
/*Drop down list*/
.dropdown {position: relative;}
.dropdown-select {padding: 15px 24px;background: #F3F3F3;color: #9E9E9E;width: 100%;display: flex;align-items:center;justify-content: space-between;cursor: pointer;font-family: Barlow;font-style: normal;font-weight: 500;font-size: 16px;line-height: 140%;border: 2px solid #F3F3F3;border-radius: 8px;}
.dropdown-select:hover {color: #1E2637;background-color: #F3F3F3;border: 2px solid #F3F3F3;}
.dropdown-list {position: absolute;left: 0;right: 0;opacity: 0;visibility: hidden;transition: opacity 0.2s linear,visibility 0.2s linear;border-style: solid;padding: 16px 0px;border-color: #E7E9EE;background: #F3F3F3;border-radius: 8px;}
.dropdown-list__item{font-family: Barlow;font-style: normal;font-weight: 500;font-size: 16px;line-height: 140%;color: #1E2637;padding:13px 24px;}
.dropdown-list__item a:hover {font-size:16px;text-decoration:none;background:#E4E4E4;color:#1E2637;}
.dropdown-list__item:hover {background:#E4E4E4;color:#1E2637;}
.dropdown:hover .dropdown-list {opacity:1;visibility:visible;}
.dropdown-disabled{padding: 15px 24px;background: #F3F3F3;color: #DDDDDD;width: 100%;display: flex;align-items:center;justify-content: space-between;cursor: pointer;font-family: Barlow;font-style: normal;font-weight: 500;font-size: 16px;line-height: 140%;border: 2px solid #F3F3F3;border-radius: 8px;}
/*Drop down list ends*/
/*radio buttons */
.radiobutton-container, .radiobutton-disabled {position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 16px;user-select: none;color: #1E2637;font-family: Barlow;font-style: normal;font-weight: 500;font-size: 16px;line-height: 140%;display: flex;align-items: center;}
.radiobutton-container input, .radiobutton-disabled input {position: absolute;opacity: 0;cursor: pointer;}
.radiobutton-checkmark, .radiobutton-checkmark-disabled {position: absolute;top: 0;left: 0;height: 22px;width: 22px;background-color: #E2E2E2;border-radius: 50%;}
.radiobutton-checkmark-disabled {background-color: #F3F3F3 !important;}
.radiobutton-container input:checked ~ .radiobutton-checkmark {background-color: #29ABE2;}
.radiobutton-checkmark:after { content:""; position:absolute; display:none;}
.radiobutton-container input:checked ~ .radiobutton-checkmark:after {display: block;}
.radiobutton-container .radiobutton-checkmark:after {top: 7px;left: 7px;width: 8px;height: 8px;border-radius: 50%;background: white;}
/*radio buttons ends*/
/*Checkbox*/
.checkbox-container,
.checkbox-disabled {display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:16px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; color:#1E2637;}
.checkbox-disabled {color:#B2B2B2;}
.checkmark-disabled {background-color: #F3F3F3 !important;}
.checkbox-container input,
.checkbox-disabled input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.checkmark,
.checkmark-disabled { position:absolute; top:0; left:0; height:22px; width:22px; background-color:#E2E2E2; border-radius:4px;}
.checkbox-container input:checked~.checkmark { background-color:#29ABE2;}
.checkmark:after { content:""; position:absolute; display:none;}
.checkbox-container input:checked~.checkmark:after { display:block;}
.checkbox-container .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
/*Checkbox ends*/
/*Toggle*/
.switch { position:relative; display:inline-block; width:54px; height:28px;}
.switch input { opacity:0; width:0; height:0;}
.slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#29ABE2; -webkit-transition:.4s; transition:.4s;}
.slider:before { position:absolute; content:""; height:20px; width:20px; left:4px; bottom:4px;background-color:white; -webkit-transition:.4s; transition:.4s;}
input:checked+.slider { background-color:#9E9E9E;}
input:focus+.slider { box-shadow:0 0 1px #2196F3;}
input:checked+.slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px);}
.slider.round {border-radius:34px;}
.slider.round:before {border-radius:50%;}
input:disabled+.slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); background-color:#707687;}
input:disabled+.slider {background-color:#E2E3E9;}
/*Toggle ends*/

textarea {background: #F3F3F3;border-radius: 8px;font-family: Barlow;font-style: normal;font-weight: 500 !important;font-size: 16px !important;line-height: 140%;display: flex;align-items: center;color: #9E9E9E;background: #F3F3F3;border-radius: 8px;padding: 14px 24px;outline: 0px !important;border: 2px solid #F3F3F3 !important;}
button{background: #29ABE2;border-radius: 8px;display: flex;flex-direction: row;align-items: center;padding: 14px 24px;}
hr {border: 2px solid #EAEAEA;}
html {font-family: Barlow;font-style: normal;font-weight: 500;font-size: 16px;line-height: 140%;color: #000000;}
.blue-button .wp-block-button__link{border-radius: 8px;background: #29ABE2;color: #FFF !important;text-align: center;font-family: Montserrat;font-size: 13px;font-style: normal;font-weight: 700;line-height: normal;text-transform: uppercase;}
.wp-block-image {margin: 0 0 1em !important;}
.wp-block-embed {margin: 0 0 1em !important;}
.lc_text-widget.lc_text-widget--active{margin-bottom: 70px !important;padding-bottom: 0px !important;}
.wsp-categories-list{column-count: 3;column-gap: 20px;list-style: disc inside;}
.wsp-pages-list {column-count: 2;column-gap: 20px;list-style: disc inside;}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
h1 {font-size:5.6rem;} /* = 56px*/   
h2 {font-size:4.8rem;} /* = 48px*/ 
h3 {font-size:4rem;} /* = 40px*/
h4 {font-size:3.2rem;} /* = 32px*/
h5 {font-size:2.4rem;} /* = 24px*/
h6 {font-size:2rem;} /* = 20px*/ 
p {font-size: 1.8rem; /* = 18px; */}  
li {font-size: 1.6rem; /* = 16px; */} 
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
h1 {font-size:4.8rem;} /* = 48px*/
h2 {font-size:3.6rem;} /* = 36px*/
h3 {font-size:3rem;} /* = 30px*/ 
h4 {font-size:2.5rem;} /* = 25px*/
p {font-size: 1.8rem; /* = 18px; */} 
li {font-size: 1.6rem; /* = 16px; */} 
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
h1 {font-size:3rem;} /* = 30px*/
h2 {font-size:2.4rem;} /* = 24px*/
h3 {font-size:2rem;} /* = 20px*/
h4 {font-size:1.8rem;} /* = 18px*/ 
p {font-size: 1.4rem; /* = 14px; */} 
li {font-size: 1.4rem; /* = 14px; */} 
}

@media (min-width: 544px) {  
h1 {font-size:2.4rem;} /* = 24px*/
h2 {font-size:1.8rem;} /* = 18px*/
h3 {font-size:1.6rem;} /* = 16px*/
h4 {font-size:1.4rem;} /* = 14px*/
p {font-size: 1.2rem; /* = 12px; */}  
li {font-size: 1.2rem; /* = 12px; */}
}

@media (min-width: 540px) {  
h1{font-size: 40px;}
h2{font-size: 36px;}
h3{font-size: 28px;}
h4{font-size: 22px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
p {font-size: 1.2rem; /* = 12px; */}  
li {font-size: 1.2rem; /* = 12px; */}
}

@media (min-width: 375px) {
h1{font-size: 40px;}
h2{font-size: 36px;}
h3{font-size: 28px;}
h4{font-size: 22px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
.basis-footer h1,.basis-footer h2,.basis-footer h3,.basis-footer h4,.basis-footer h5,.basis-footer h6{width:100%; text-align:center;}
.basis-footer .navbar-nav {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;width: 100% !important;text-align: center;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;text-align: center;}
.pl-4{padding-left:0 !important;}
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 360px) {
h1{font-size: 40px;}
h2{font-size: 36px;color: #1E2637;}
h3{font-size: 28px;}
h4{font-size: 22px;}
h5{font-size: 16px;}
h6{font-size: 12px;}
.basis-footer h1,.basis-footer h2,.basis-footer h3,.basis-footer h4,.basis-footer h5,.basis-footer h6{width:100%; text-align:center;}
.basis-footer .navbar-nav {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;width: 100% !important;text-align: center;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;text-align: center;}
.pl-4{padding-left:0 !important;}
}