h1,
h2,
h3 {
}
.ab-light h1,
.ab-light h3,
.ab-light h5,
.ab-light p { color: #fff !important; }
.ab-hero h5 {
margin-top: 20px;
margin-bottom: 5px;
}
.ab-hero .fusion-one-third img { padding: 10px; border-radius: 15px; }
.ab-title-tight {
max-width: 650px;
text-align: center;
margin: 0 auto !important;
padding-bottom: 3em;
}
.ab-title-tight p {
font-size: 1.3em;
line-height: 1.5em;
color: #fff;
margin-bottom: 2em;
}
.ab-title-tight a { color: yellow !important; }
h1 {
font-size: 50px !important;
line-height: 56px !important;
margin-bottom: 15px !important;
margin-top: 10px !important;
}
h2 { color: #1FC3DF !important; margin-bottom: 20px !important; }
.parent-pageid-8470 .fusion-row h1 { color: #1FC3DF; }
h3 { margin-bottom: 5px !important; }
h4 { margin-bottom: 10px !important; }
h5 b {
background-color: hsl(204, 70%, 34%);
width: 31px;
border-radius: 50%;
height: 31px;
display: inline-block;
padding-top: 0px;
font-weight: 900 !important;
font-size: .6em;
color: #fff;
position: relative;
top: -3px;
margin-right: 1px;
}
#diamondTop.ab-hero {
text-align: center;
background-size: cover !important;
background-position: bottom center !important;
}
.ab-contain {
background-size: contain !important;
min-height: 700px;
padding-top: 5vw !important;
background-color: #2c2c2c;
color: #fff;
}
.ab-works h4 { color: #fff !important; }
.ab-works-wrap { background-size: contain !important; }
.ab-users { text-align: center; }
.ab-users h6 { margin-top: 10px; text-align: left; }
.ab-users h4 { margin-top: 40px; margin-bottom: 10px !important; text-align: left; }
.ab-users h3 { margin-bottom: 10px !important; }
.ab-big-text { font-size: 1.3em; line-height: 1.5em; }
.ab-materials { }
.ab-materials h3 { margin: 1em 0; padding-bottom: 15px; }
.ab-materials h6 { margin-top: 10px; margin-bottom: 5px; }
.ab-started-item { padding-top: 3em; }
.ab-started-item img { margin-bottom: 15px; border: solid 1px #eee; border-radius: 3px;  }
.ab-started-item:nth-of-type(1) { padding-left: 4em; }
.ab-started-item:nth-of-type(2) { padding-right: 4em; }
.ab-started-item .button { margin-top: 10px !important; }
.ab-how-step h5 { margin: 10px 0; }
.ab-how-copy {
text-align: center;
max-width: 800px;
margin: 30px auto 40px;
}
.ab-how-step-final .button { margin-top: 15px; }
.ab-how-step h4 {
border-top: dashed 1px #eee;
padding-top: 30px;
margin-top: 10px;
}
.ab-floated > .fusion-row {
text-align: center;
margin-top: -250px;
background-color: #fff;
border-radius: 8px;
padding: 4em;
margin-bottom: 2em;
}
.ab-floated-flat > .fusion-row {
box-shadow: none;
padding-left: 6em !important;
padding-right: 6em !important;
padding-bottom: 0em;
}
.ab-floated-small > .fusion-row { margin-top: -130px; }
.abb-container {
margin-bottom: 1%;
}
.abb-container .abb-side-container .abb-small { width: 48%; }
.abb-container .abb-side-container .abb-content {
background-color: #1FC3DF;
position: relative;
top: -11px;
left: -77px;
padding: 1.4em 1em .3em;
color: #fff;
width: 112%;
box-shadow: 1px 1px 80px 4px rgba(0,0,0,.2);
}
.abb-container .abb-side-container .abb-content p { color: rgba(255,255,255,.8);}
.abb-container .abb-side-container .abb-content a { color: yellow; font-weight: bold; }
.abb-container-left .abb-side-container .abb-content {
left: 0px;
}
.abb-container h3 { margin: 0; }
.abb-container .abb-side-container .abb-content { margin-left: 2%; margin-top: 2%; }
.abb-container-right .abb-side-container img:nth-child(1) { margin-left: 2%; }
.abb-container-right .abb-side-container img:nth-child(2) { margin-left: 2%; }
.abb-container-right .abb-big { padding-right: 0%; }
.abb-container-left .abb-side-container img:nth-child(1) { margin-left: 1%; width: 49%; }
.abb-container-left .abb-side-container img:nth-child(2) { margin-right: 1%; width: 49%; }
.abb-container-left .abb-big { padding-left: 1%; }
.abb-side-container img { width: 50%; }
.abb-container-right img { float: left; width: 50%; }
.abb-container-right .abb-side-container { float: right; width: 50%; }
.abb-container-left img { float: right; width: 50%; }
.abb-container-left .abb-side-container { float: left; width: 50%; }
.abb-container-left .abb-side-container .abb-content { margin-left: 0%; }
.abb-container .abb-side-container img {}
.abb-container h3 { color: #fff !important; }
@media screen and (max-width: 800px) {
.ab-big-text {
font-size: 1.1em;
}
h5 b { padding-top: 2px; }
.page-id-8483 .fusion-fullwidth,
.page-id-8437 .fusion-fullwidth { padding: 0 1em !important; }
.ab-hero { padding-bottom: 0px !important; }
.ab-hero h1 { padding-top: 10px;}
.ab-title-tight { padding-bottom: 0; }
.ab-floated-flat > .fusion-row { padding-left: 0 !important; padding-right: 0 !important; }
.ab-materials h2 { margin-top: 1em; }
.ab-materials { text-align: center; padding: 0 !important; }
.page-id-8437 div.ab-floated {
padding-top: 40px !important;
padding-bottom: 0 !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
div.ab-floated { padding-left: 1em !important; padding-right: 1em !important; }
body.page-id-8472 .ab-floated-flat { padding-left: 1em !important; padding-right: 1em !important; }
body.page-id-8472 h3 { font-size: 35px; line-height: 40px; }
.ab-floated > .fusion-row {
margin-top: 0;
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
}
.ab-title-tight p { padding: 0 10px; font-size: 1.1em; }
.ab-floated .ab-started-item { padding-left: 0; padding-right: 0; }
.abb-container .abb-big { width: 33.3%; }
.abb-container .abb-side-container { width: 66.6%; }
.abb-container-right .abb-side-container { float: left; }
.abb-container .abb-side-container .abb-content {
width: 150%;
font-size: .9em;
line-height: 1.6em;
border-top: solid 3px #fff;
box-shadow: none;
margin-bottom: 3em;
}
.abb-container-right .abb-side-container .abb-content { left: -52%; }
#diamondTop.app-hero {
padding-top: 50px !important;
min-height: 0 !important;
}
}
@media screen and (max-width: 768px) {
.ab-users h6 {
margin-bottom: 30px;
}
.ab-paginate-wrap {
padding: 20px !important;
}
.ab-hero { background-image: none !important; background-color: #f7f7f7; padding-top: 30px !important; padding-bottom: 0px !important; }
.ab-hero h2 { margin-top: 20px !important; }
.ab-mission h2 { font-size: 2em; line-height: 1.1em !important; }
body.page-id-8472 .ab-hero { background-image: url(//media.the3doodler.com/20190509040712/blue_bg-1.jpg) !important; }
body.page-id-8472 .ab-hero .fusion-layout-column { float: none; padding-bottom: 0; }
body.page-id-8472 #diamondTop.ab-hero {
background-image: url(//media.the3doodler.com/20190509040712/blue_bg-1.jpg) !important;
min-height: 100% !important;
}
.ab-contain {
min-height: 100%;
}
body.page-id-8472 #diamondTop.ab-hero p {
background-color: rgba(255,255,255,.1);
padding: 1em;
font-size: 1em;
line-height: 1.7em;
}
.ab-bottom-nav { padding-top: 0 !important; }
.ab-ideas { padding-top: 0 !important; padding-bottom: 0 !important; }
h1 { font-size: 40px !important; line-height: 45px !important; }
.ab-works { margin-top: 42vw !important; }
div.ab-how-step-final h2 { padding-top: 0px !important; border-top: none !important; margin-top: 0; }
div.ab-paginate-wrap .ab-paginate-item,
div.ab-paginate-wrap .ab-paginate-item img { width: 100%; }
div.ab-how-step .fusion-three-fifth { margin-bottom: 3em !important; }
div.ab-how-step .doodleButton { margin-top: 15px; }
.ab-hero .fusion-one-third { margin-bottom: 30px; }
}