/*
Theme Name: Betheme Child
Theme URI: http://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: http://muffingroup.com
Description: Child Theme for Betheme - Premium WordPress Theme
Template: betheme
Version: 1.6.1.1
*/
/* Theme customization starts here
-------------------------------------------------------------- */
sup {font-size:0.75em !important;}
/* Printer Friendly Link - Hide the duplicate link */
.printfriendly a:nth-child(2) {
display: none !important;
}
/* Cookie & Privacy Bar */
#cookie-law-info-bar {
background-color: rgba(0,0,0,.7) !important;
}
/* Homepage Choose markets or programs */
.big {
font-size: 24px;
}
.page-id-1004483 .trailer_box .desc {
top: 30%;
} @media only screen and (max-width: 1239px) {.page-id-1004483 .trailer_box .desc {top: 20%;}}
@media only screen and (max-width: 959px) {.page-id-1004483 .trailer_box .desc {top: 8%;}}
@media only screen and (max-width: 767px) {.page-id-1004483 .trailer_box .desc {top: 34%;}}
@media only screen and (max-width: 500px) {.page-id-1004483 .trailer_box .desc {top: 20%;}}
@media only screen and (max-width: 420px) {.page-id-1004483 .trailer_box .desc {top: 10%;}}
@media only screen and (max-width: 375px) {.page-id-1004483 .trailer_box .desc {top: 5%;}}
/* Google PPC - Landing Page Form */
#ppc-lp-sticky-form-desktop {
background-color: #009bce;
padding-top: 14px;
padding-bottom: 10px;
margin-top: -4em;
} @media only screen and (max-width: 1239px){#ppc-lp-sticky-form-desktop {margin-top: -6em;}}
#ppc-lp-sticky-form-desktop .form-title {
color: #FFF;
font-size: 26px;
/*line-height:1.4em;*/
text-align:center;
margin-bottom: 0px;
}
#ppc-lp-desktop-form-div {
background-color: rgba(224, 224, 224, 0.85);
padding:20px;
margin-bottom: 80px;
}
#ppc-lp-sticky-form-mobile {
background-color: #009bce;
padding-top: 15px;
padding-bottom: 10px;
margin-top: 0px;
}
#ppc-lp-sticky-form-mobile .form-title {
color: #FFF;
font-size: 22px;
/*line-height:1.2em;*/
text-align:center;
margin-bottom: 0px;
}
#ppc-lp-mobile-form-div {
background-color: rgba(224, 224, 224, 0.85);
padding:20px;
margin-bottom: 0px;
}
/* PPC NetSuite Form 1240+ screens*/
.ppc_lp_netsuiteform_ht {min-height:520px; width: 100%;}
@media only screen and (max-width: 1239px){.ppc_lp_netsuiteform_ht {min-height:600px; width: 100%;}}
@media only screen and (max-width: 959px){.ppc_lp_netsuiteform_ht {min-height:460px; width: 100%;}}
@media only screen and (max-width: 706px){.ppc_lp_netsuiteform_ht {min-height:520px; width: 100%;}}
@media only screen and (max-width: 421px){.ppc_lp_netsuiteform_ht {min-height:600px; width: 100%;}}
/* PPC FL Agreement Form */
.ppc_fl_law_agreement_netsuiteform {min-height:800px; width: 100%;}
@media only screen and (max-width: 422px){.ppc_fl_law_agreement_netsuiteform {min-height:1300px; width: 100%;}}
/* anouncment & alert div */
.alert_info {border: 1px solid #009bce; background: #fff; color: #626262; font-size:14px; line-height: 1.5em;} /*009bce*/
.alert_info .alert_icon {display: none;}
.alert {padding: 20px 60px 20px 30px !important;}
.alert_info a:hover {color: #0000CD;}
.alert a.close i {margin: 0 !important; color:#009bce;} /*light blue - f5faff*/
.alert_info a {color: #009bce;}
/* Disable button */
.button-noclick {
pointer-events: none;
}
/* PPC Landing Page */
.splash-container img.scale-with-grid, .splash-container #Content img {
padding-bottom: 0px; /* remove 1px below images*/
}
.splash-container .trailer_box .desc {
top: 35%; /* headline position */
} @media only screen and (max-width: 1200px) {.splash-container .trailer_box .desc {top: 35%;}}
@media only screen and (max-width: 1000px) {.splash-container .trailer_box .desc {top: 25%;}}
/* Button */
a.blue-btn:hover {
color: #009bce;
background-color: #fff;
transition: all 0.6s ease 0s;
}
a.blue-btn {
display: block;
cursor: pointer;
width: auto;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #fff;
text-align: center;
text-decoration: none;
padding: 8px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #009bce;
background-color: #009bce;
}
a.white-btn:hover {
color: #fff;
background-color: #009bce;
cursor: pointer;
/*-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out;*/
}
a.white-btn, a.white-btn-mkt {
display: block;
cursor: pointer;
width: auto;
font-weight: 400;
font-size: 16px;
line-height: 1.5em;
color: #009bce;
text-align: center;
text-decoration: none;
padding: 12px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 6px;
border: 2px solid #009bce;
background-color: #ffffff;
} a.white-btn-mkt {padding: 12px 6px 0px !important;}
/* Home page markets button */
a.white-btn-mkt:hover {
color: #009bce;
background-color: #f5faff;
cursor: pointer;
/*-webkit-transition: background-color 1s ease-out;
-moz-transition: background-color 1s ease-out;
-o-transition: background-color 1s ease-out;
transition: background-color 1s ease-out;*/
}
/* Family Law Hover Color Overlay */
/*.splash-container .family-law-hover {background-color: #999 !important; }*/
.splash-container .family-law-hover:hover {
background-color: #e6e6ff;
opacity: 0.8; /* lower number = most solid overlay color */
transition: background 0.3s ease .3s;
}
.splash-container .family-law-hover a:hover {
color: inherit;
}
.splash-container .trailer_box .desc h2 {
font-size: 40px;
line-height: 1.3em;
width: 60%;
text-align: center;
margin: 0 auto;
} @media only screen and (max-width: 1200px) {.splash-container .trailer_box .desc h2 {font-size: 35px;}}
@media only screen and (max-width: 1000px) {.splash-container .trailer_box .desc h2 {font-size: 28px;}}
@media only screen and (max-width: 800px) {.splash-container .trailer_box .desc h2 {font-size: 24px !important; width: 90%;}}
@media only screen and (max-width: 600px) {.splash-container .trailer_box .desc h2 {font-size: 20px !important; line-height: 1.4em !important; width: 50%;}}
@media only screen and (max-width: 550px) {.splash-container .trailer_box .desc h2 {font-size: 20px !important; line-height: 1.4em !important; width: 75%;}}
@media only screen and (max-width: 1000px) {
.splash-container div.desc strong {
font-weight: 400;
border-radius: 4px;
padding: 4px 5px;
font-size: 16px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
margin-top: 15px !important;
display: block;
width: 55%;
text-align: center;
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.splash-container .trailer_box { margin-bottom: 0px;} /* remove the bottom spacing on stacked images */
}
#social-footer-icons a {color: #E8E8E8;}
#social-footer-icons a:hover {color: #CCC;}
.splash-container .herobanner .align_right,
.splash-container .herobanner .align_left {
padding-top: 30% !important;
padding-bottom: 29% !important;
} @media only screen and (max-width: 480px) {
.splash-container .herobanner .align_right,
.splash-container .herobanner .align_left {padding-top: 10%; padding-bottom: 10%;}
}
/* Addiction Recovery Digital Ads Landing Page Quote*/
.quote {color: #333; font-size: 36px; line-height: 1.2em;}
@media only screen and (max-width: 768px) {.quote {color: #333; font-size: 26px; line-height: 1.2em;}}
/* Addiction Recovery Digital Ads - Landing Page Form */
#lp-sticky-form-desktop {
background-color: #009bce;
padding-top: 15px;
padding-bottom: 0px;
margin-top: -5em; /*-75px*/
}
#lp-sticky-form-mobile {
background-color: #009bce;
padding-top: 15px;
padding-bottom: 10px;
margin-top: 0px;
}
/* Ghost button */
div.buttons strong {
font-weight: 400;
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
}
/* mile stones table */
.main {
font-size: 18px;
line-height: 1.75em !important;
font-weight: 300 !important;
}
.lightest-blue.date {
background-color: #a1dfe2;
border-color: #ffffff;
vertical-align: top;
padding: 10px 5px 10px 5px !important;
line-height: 20px;
font-weight: 600;
color: #ffffff;
}
.med-blue.date {
background-color: #3881aa;
border-color: #ffffff;
vertical-align: top;
padding: 10px 5px 10px 5px !important;
line-height: 20px;
font-weight: 600;
color: #ffffff;
}
.light-blue.date {
background-color: #45b8cb;
border-color: #ffffff;
vertical-align: top;
padding: 10px 5px 10px 5px !important;
line-height: 20px;
font-weight: 600;
color: #ffffff;
}
.dark-blue.date {
background-color: #314472;
border-color: #ffffff;
vertical-align: top;
padding: 10px 5px 10px 5px !important;
line-height: 20px;
font-weight: 600;
color: #ffffff;
}
.second-col {
padding-left: 20px;
background-color: #ffffff !important;
line-height: 2em !important;
text-align: left;
width: 90%;
}
.about-highlights {
font-size: 15px;
line-height: 1.5em !important;
}
/* Blog posts */
.image-border {
padding: 20px 30px 5px 30px;
background-color: #fff;
margin-bottom: 30px;
border: 1px solid #ccc;
}
@media only screen and (min-width: 959px) {
#Subheader .container {max-width: 900px;}
}
.the_content_wrapper h2, .the_content_wrapper h3 {margin-top:50px;}
/* end of Blog post */
/* Decision Tree Form - wrapper around Lawyer name and email so it's in a row */
div.requestForm .row {
float: left;
clear: both;
width: 100%;
}
/* Decision Tree add down arrow in How Did You Hear dropdown */
select.wpcf7-form-control {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
height: 35px;
margin-top: 5px;
padding: 0px 10px;
}
select.wpcf7-form-control:focus {
background-image:
linear-gradient(45deg, green 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, green 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: green;
outline: 0;
}
select.wpcf7-form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
/* end Decision Tree add down arrow in How Did You Hear dropdown */
/* PPC splash page */
.page-id-1004011 .alcohol-recovery-btn {
float: right;
margin: 0px 0px 23.8px;
} @media only screen and (max-width: 960px) {.page-id-1004011 .alcohol-recovery-btn {margin: 0px 0px 23.7px;}}
@media only screen and (max-width: 812px) {.page-id-1004011 .alcohol-recovery-btn {margin: 0px 0px 24.7px;}}
@media only screen and (max-width: 769px) {.page-id-1004011 .alcohol-recovery-btn {margin: 0px 0px 24.8px;}}
.page-id-1004011 a.button .button_label,
.splash-container a.button .button_label {
text-transform: uppercase;
font-size: 14px;
text-align: center;
width: 150px;
}
.page-id-1004011 div.menu_wrapper, .page-id-1004011 .top_bar_right,
.splash-container div.menu_wrapper, .splash-container .top_bar_right {
display: none;
}
.page-id-1004011 .hero-banner-headline-left {
float: right;
margin-right: 50px;
text-align: right;
} @media only screen and (max-width: 767px) {
.page-id-1004011 .hero-banner-headline-left {float: none; margin: 0 auto; text-align: center;}
}
.page-id-1004011 .herobanner h2,
.splash-container .herobanner h2 {
font-size: 190%;
}
/* /remote-alcohol-monitoring/ Splash page center the text and button */
.splash-container .alcohol-recovery-btn,
.splash-container .family-law-btn {
float: none;
margin: 0px 0px 23.8px;
} @media only screen and (max-width: 960px) {.splash-container .alcohol-recovery-btn {margin: 0px 0px 23.7px;}}
@media only screen and (max-width: 812px) {.splash-container .alcohol-recovery-btn {margin: 0px 0px 24.7px;}}
@media only screen and (max-width: 769px) {.splash-container .alcohol-recovery-btn {margin: 0px 0px 24.8px;}}
.splash-container .hero-banner-headline-left {
margin: 0 auto;
text-align: center;
} @media only screen and (max-width: 767px) {
.splash-container .hero-banner-headline-left {float: none; margin: 0 auto; text-align: center;}
}
.splash-container .herobanner h2 {
width: 50%;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}
.splash-container .hero-banner-headline-left, .splash-container .hero-banner-headline-right {
width: 100%;
}
.splash-container .herobanner .align_left {
padding-left: 0px;
}
/* end /remote-alcohol-monitoring/ Splash page center the text and button */
.page-id-1004011 a.button .button_label,
.splash-container a.button .button_label {
padding: 6px 20px;
}
.page-id-1004011 .headline h1,
.splash-container .headline h1 {
margin-bottom: 0px;
font-size: 2em;
font-weight: 300;
}
@media only screen and (max-width: 812px) {
.page-id-1004011 .hero-banner-headline-left h2, .hero-banner-headline-right h2,
.splash-container .hero-banner-headline-left h2 {
font-size: 19px !important;
}
}
/* Decision Tree Form */
.mm-tooltip-cf7.mm-tooltip-cf7-title-underline {
border-bottom: none;
}
.page-id-18280 .fa {color:#009BCE;} /* info icon color */
/* end of Decision Tree Form */
/* Blog post author bio */
.author-info {
border-top: 4px solid rgba(0,0,0,.03);
padding: 30px 35px;
margin: 25px 20px 0px;
}
.author-description h5,
.author-description p {
font-size: 15px !important;
line-height: 1.8em;
}
/* visual portfolio end of page */
.vp-pagination__load-more-no-more {
display: none !important;
}
/* center and space out the load button */
ul.vp-pagination__style-default {
padding: 30px 0px;
margin: 0px !important;
}
/* visual portfolio gallery date */
.vp-portfolio__items-style-default .vp-portfolio__item-meta-date {
font-size: 0.7em !important;
text-transform: uppercase;
}
/* sober story main sidebar hide br spacing */
.textwidget .vp-pagination__load-more br,
.vp-pagination__item br {display:none;}
/* Family Law main doc boxes */
.page-id-17823 .doc-box-outline {
background-color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #d0d3d6;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 0px;
margin-top: -60px;
}
.doc-box-outline {
background-color: #FFF;
border-style: solid;
border-width: 1px;
border-color: #d0d3d6;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-top: -60px;
}
.doc-boxes { padding:5% 0% 2%;}
@media only screen and (max-width: 768px) {
.doc-boxes { padding:10% 0% 2%;}
}
.read-blog-btn {
width: 25%;
text-align:center;
margin: 0 auto;
clear: both;
padding-top: 10px;
}
@media only screen and (max-width: 768px) {
.read-blog-btn {
width: 100%;
text-align:center;
margin: 0 auto;
clear: both;
padding-top: 20px;
}
}
/* Family Law iFrame NetSuite forms */
.cta-netsuite-form {min-height: 350px; width: 100%;}
@media only screen and (max-width: 768px) {
.cta-netsuite-form {min-height: 470px; width: 100%;}
}
/* partners text */
.partners-text {padding-bottom:40px;}
@media only screen and (max-width: 500){
.partners-text {padding: 40px 0px;}
}
/* mobile only headers */
@media only screen and (max-width:767px) {
h2 {font-size:20px; line-height:24px;}
.author h5 {font-size:16px;}
}
/* mobile only font size */
@media only screen and (max-width: 768px) {
#Content p,
#Content ul,
#Content ol,
#Content h3,
#Content h6,
#Content .desc,
#Content blockquote,
#Content a.familylaw-link {font-size: 15px; line-height: 1.6em;}
#Content h1 {font-size: 22px; line-height: 1.4em;}
#Content h2 {font-size: 18px;}
#Content p.fine-print-qoute, #Content p.fineprint {font-size: 12px !important; line-height: 1.4em;}
#Content .features-tables-fineprint-bullets, #Content .fineprint ol {font-size: inherit;}
.faq .question .title {font-size: 16px !important;line-height: 1.6em;}
.faq .question .answer {font-size: 16px !important;line-height: 1.6em;}
} /* end mobile only font size */
.inspire-community {max-width:65%; text-align:center;margin: 0 auto;} /* sober stories main copy desktop */
@media only screen and (max-width:768px) {
.no-margin-h .one-fifth.column {display: none;}
.inspire-community {max-width:92%; text-align:center; margin: 0 auto;} /* sober stories main mobile */
input.submit_btn {font-size:14px !important; padding:5% !important;} /* share your story form */
}
/* main banner video play button */
a.icon {
border-width: 4px;
border-style: solid;
border-radius: 50%;
font-size: 40px;
color: #FFF;
padding: 21px 15px 20px 20px;
display: table;
margin: 0 auto;
}
a.icon:hover, a.icon:active {
background-color: #009bce !important;
opacity: 0.8 !important;
transition: all 0.4s ease-in-out;
} @media only screen and (max-width:767px) {a.icon:hover, a.icon:active {transition: all 0.1s ease-in-out;}}
/*.page-id-16693 .entry-content a {
border-bottom: 4px solid #FFF !important;
margin-top: 70px;
}*/
@media only screen and (max-width:959px) {
.call_center {
padding-bottom: 30px;
}
}
/* end main banner video play button */
/* Addiction Recovery Main, Clinical Monitoring - Parthers the Trust */
@media only screen and (max-width: 767px) {
.trailer_box {margin-bottom: 20px;}
}
/* hero banners with video */
h1.herobanner-white-text {
color:#FFF;
line-height: 1.3em;
}
.herobanner-video-text {
font-size: 18px;
color: #FFF;
padding: 20px 0px 5px;
font-weight:300;
} @media only screen and (max-width:768px) {
.herobanner-video-text {
padding: 20px 0px 0px;
}
}
/* Sober Stories Main Video */
.soberstories-video-cover {
background-image: url("/wp-content/uploads/2019/11/SoberStory-MyDaugtherHasMomBack-VideoCover.jpg");
background-color: #cccccc;
height: 600px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.soberstories-video-cover-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
/* sober stories visual gallery */
.page-id-1003722 .postmeta,
.page-id-1003722 .attachment-870x350 {
display: none;
}
/* get started now CTA on Share & Workplace */
.get-started-box {
border: 1px solid #d0d3d6;
text-align:center;
padding: 30px 40px 15px 40px;
}
@media only screen and (max-width:768px) {
.get-started-box {padding: 20px;}
.page-id-16551 .get-started-box {padding: 20px 20px 5px;} /* workplace */
}
/* homepage mobile */
.reminder-and-alerts-copy {
padding-bottom: 0px;
}
.facial-rec-photo {
height: 384px;
}
/* media center side bar */
.widget_nav_menu ul {
list-style-type: none;
padding: 0px;
background: none;
}
.widget_nav_menu ul li a {
display: block;
padding: 7px 10px;
margin-bottom: 5px;
background: rgba(0,0,0,.03);
}
.widget_nav_menu ul li::after {
display: none; /* hide the line in between menu */
}
/* blog topics side bar links */
.widget_mfn_menu ul li a {
display: block;
padding: 7px 10px;
margin-bottom: 5px;
background: rgba(0,0,0,.03);
border: none;
color: #009bce;
}
/* Blog Recent Posts Widget in Sidebar */
.Recent_posts ul li .desc .date {
/*font-size: 12px;*/
display: none;
}
.widget > h3 {
font-size: 18px;
line-height: 22px;
padding-bottom: 10px;
font-weight: 500;
text-transform: uppercase;
border-bottom: 4px solid rgba(0,0,0,.03);
margin-bottom: 25px;
}
.Recent_posts ul li .desc h6 {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom-width: 0px;
border-style: none;
}
/* style the HubSpot form at the bottom of all blog posts */
.hubspot_form_wrapper {
border-top: 4px solid rgba(0,0,0,.03);
padding: 60px 30px 0px;
margin: 10px 10px 60px;
}
/* style the NetSuite form at the bottom of all blog posts */
.netsuite_form_wrapper {
background-color: rgba(224, 224, 224, 0.50);
padding: 0px 30px 0px;
margin: 10px 10px 60px;
} @media screen and (min-width: 1240px) {.netsuite_form_wrapper iframe {height: 470px;}}
@media screen and (min-width: 768px) and (max-width: 1239px) {.netsuite_form_wrapper iframe {height: 530px;}}
@media screen and (min-width: 685px) and (max-width: 767px) {.netsuite_form_wrapper iframe {height: 470px;}}
@media screen and (min-width: 401px) and (max-width: 694px) {.netsuite_form_wrapper iframe {height: 530px;}}
@media screen and (max-width: 400px) {.netsuite_form_wrapper iframe {height: 600px;}}
/* main menu - decrease the font size so it doesn't drop to another line */
@media screen and (max-width: 1500px) and (min-width: 1310px) {
#Top_bar .menu > li > a span:not(.description) {font-size: 14px; padding: 0 14px;}
}
@media screen and (max-width: 1309px) and (min-width: 1240px) {
#Top_bar .menu > li > a span:not(.description) {font-size: 13px; padding: 0 12px;}
}
/* /support/marketing-assets */
.icon_box .icon_wrapper {
background-image: none; /* remove the stripes bg in icons */
}
/* safari only banner height */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari and Chrome, if Chrome rule needed */
.banner-rhs-ht {height: 183px;}
}
/* responsive CSS for YouTube and Vimeo videos -- add this dive around the iframe */
.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
margin-bottom: 20px;
}
.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
/* start timeline styles remove the backgrounds */
.timeline_items > li .desc {
background: none;
}
.timeline_items > li .desc::before {
background-image: none;
}
.timeline_items > li .desc {
padding-right: 20%;
} @media only screen and (max-width:767px) {
.timeline_items > li .desc { padding-right: 0px; font-size: 16px !important; line-height: 24px; }
.timeline_items > li h4 { font-size: 16px !important; }
}
.timeline_items > li:nth-child(2n) .desc {
padding-left: 20%; /* left side */
padding-right: 0px;
} @media only screen and (max-width:767px) {
.timeline_items > li:nth-child(2n) .desc {padding: 0px;}
}
/* end of timeline styles */
.emphasis {
/*border-bottom: solid 1px #FFF;*/
font-style:italic;
font-weight: 600;
display: inline;
padding-bottom: 1px;
}
.tooltip {border-style: none;}
.tooltip-text::after {
background-image:none !important;
}
.tooltip a {color: #626262; text-decoration: underline;}
.fine-print {
font-size: 12px;
line-height: 1.5em;
}
.fine-print-qoute {
color: #a8a8a8;
letter-spacing: 0.5px;
font-size: 13px;
line-height: 1.3em;
}
.doc-control-num {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
margin: 50px 0px;
color: #DDDDDD;
}
.wp-error {
color: #ff0202 !important;
}
/* Homepage H1 */
.headline-home h1 {
margin-bottom: 0px;
font-size: 2.4em;
margin: 0% 0% 4%;
color: #2f2f2f;
} @media only screen and (max-width:1239px) {.headline-home h1 {font-size: 1.2em; line-height: 1.2em;}}
@media only screen and (max-width:423px) {.headline-home h1 {font-size: 1.1em; line-height: 1.2em;}}
/* Google PPC Splash Pages H1 Tagline */
.headline h1 {
margin-bottom: 0px;
font-size: 2.4em;
color: #FFF;
} @media only screen and (max-width:1239px) {.headline h1 {font-size: 1.2em; line-height: 1.2em;}}
@media only screen and (max-width:423px) {.headline h1 {font-size: 1.1em; line-height: 1.2em;}}
.headline sup {
font-size: 18px;
} @media only screen and (max-width:959px) {.headline sup {font-size: 12px;}}
/* trailer box - hide the stripe background image */
.trailer_box .desc .subtitle {
background-image: none;
}
/* trailer box - hide the line */
.trailer_box .desc .line {
background: #ffffff00 !important;
}
/* --------------------------------------------------------------------------------------------
/professionals-alcohol-recovery/
----------------------------------------------------------------------------------------------- */
.pro-sidebar {
padding:0px 0px 0px 25px;
}
@media only screen and (max-width:767px) {
.pro-sidebar {
padding:0px;
}
}
/* --------------------------------------------------------------------------------------------
Landing Page NetSuite iFrame Form
----------------------------------------------------------------------------------------------- */
/* for dark ads A/B testing landing page, title in NetSuite form */
iframe.netsuite-form {
width: 100%;
background-color: rgba(224, 224, 224, 0.85); /* light grey with semi-transparent bg */
padding: 20px;
margin-left: 20%;
min-height: 485px;
overflow:hidden;
} @media only screen and (max-width:1239px) { iframe.netsuite-form {min-height:485px;} }
@media only screen and (max-width:1024px) { iframe.netsuite-form {min-height:485px;} }
@media only screen and (max-width:800px) { iframe.netsuite-form {min-height:550px; max-width:90%; } }
@media only screen and (max-width:767px) { iframe.netsuite-form {min-height:485px; margin-left:0%;} }
/* for med height iframe, title in NetSuite form */
iframe.netsuite-form-med {
width: 100%;
background-color: rgba(224, 224, 224, 0.85); /* light grey with semi-transparent bg */
padding: 20px;
margin-left: 20%;
min-height: 515px;
overflow:hidden;
} @media only screen and (max-width:1239px) { iframe.netsuite-form {min-height:485px;} }
@media only screen and (max-width:1024px) { iframe.netsuite-form {min-height:485px;} }
@media only screen and (max-width:800px) { iframe.netsuite-form {min-height:550px; max-width:90%; } }
@media only screen and (max-width:767px) { iframe.netsuite-form {min-height:485px; margin-left:0%;} }
@media only screen and (max-width:767px) { iframe.netsuite-form-med {min-height:570px; margin:0%; padding: 3%; overflow: hidden;width:95%;} }
/* for tall height iframe, title in NetSuite form */
iframe.netsuite-form-tall {
width: 100%;
background-color: rgba(224, 224, 224, 0.85); /* light grey with semi-transparent bg */
padding: 20px;
margin-left: 20%;
min-height: 800px;
overflow:hidden;
}
/* for short height iframe, title in NetSuite form */
iframe.netsuite-form-short {
width: 100%;
background-color: rgba(224, 224, 224, 0.85); /* light grey with semi-transparent bg */
padding: 20px;
margin-left: 20%;
min-height: 300px;
overflow:hidden;
}
/* title in page SEPERATE from NetSuite form */
div.netsuite-form-wrapper {
width: 100%;
background-color: rgba(224, 224, 224, 0.85);
padding: 20px;
margin-left: 20%;
} @media only screen and (max-width:800px) { div.netsuite-form-wrapper {max-width:90%; } }
@media only screen and (max-width:767px) { div.netsuite-form-wrapper {margin-left:0%;} }
div.netsuite-form-wrapper h4 {
color: #2f2f2f;
font-size: 21px;
line-height: 25px;
font-weight: 500;
letter-spacing: 0px;
}
div.netsuite-form-wrapper iframe {
width: 100% !important;
min-height: 300px;
height: 100%;
overflow:hidden;
} @media only screen and (max-width:767px) { div.netsuite-form-wrapper iframe {margin-left:0%;} }
/* Professionals Section - sidebar with resources */
div.resources-wrapper {
width: 100%;
background-color: rgba(224, 224, 224, 0.85);
padding: 20px;
margin-left: 20%;
} @media only screen and (max-width:800px) { div.netsuite-form-wrapper {max-width:90%; } }
@media only screen and (max-width:767px) { div.netsuite-form-wrapper {margin-left:0%;} }
/* --------------------------------------------------------------------------------------------
Login Accordion
----------------------------------------------------------------------------------------------- */
/* cart login button */
.accordion .question {
border-width: 2px;
border-style: solid;
border-color: #21467d !important;
}
/* minus sign on open */
.accordion .question.active .title > .acc-icon-minus {
color: #FFFFFF !important;
}
/* plus sign */
.accordion .question .title > .acc-icon-plus, .accordion .question .title > .acc-icon-minus {
font-size: 25px;
color: #FFFFFF;
}
/* --------------------------------------------------------------------------------------------
My Account page - /my-account/
----------------------------------------------------------------------------------------------- */
/* fix for red contact button */
.woocommerce-account .button {
background: #009bce !important;
}
/* remove the spacing below the titles e.g. Account, Addresses */
.vc_icon_element {
margin-bottom: 0px !important;
}
/* hide the icons left of e.g. Account, Addresses */
.woocommerce-MyAccount-content .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
display: none;
}
/* account titles */
.wpb_wrapper p {
font-weight: 400;
}
/* account links */
.wpb_wrapper a {
margin-bottom: 20px;
}
/* fixed left align of Logged in as... */
.woocommerce-MyAccount-content > p {
margin-bottom: 40px;
margin-left: -15px;
} @media only screen and (max-width:767px) {
.woocommerce-MyAccount-content > p {margin-left: 15px;}
}
/* account section link aligment */
.vc_column_container>.vc_column-inner {
padding-left: 8px;
}
/* account link menu */
.account-links {
float: none !important;
margin-bottom: 30px;
text-transform: uppercase;
text-align:center;
}
.account-links a {
margin: 0px 10px;
line-height: 3em;
}
/* account section titles */
#the-title {
font-size: 25px;
}
/* --------------------------------------------------------------------------------------------
Check Out page - /checkout/
----------------------------------------------------------------------------------------------- */
/* treatment question */
div#question {
background: #FFFFFF !important;
padding: 0px;
}
div#question label {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
color: #787D82;
text-transform: capitalize;
}
.woocommerce-input-wrapper label.checkbox {
font-weight: 500 !important;
}
#my_custom_checkout_field {
margin-bottom: 40px;
}
p#wpcf-name_field,
p#wpcf-phone_field,
p#wpcf-email_field {
float: left;
width: 30%;
}
/* form labels */
.woocommerce form .form-row label {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: 500;
color: #787D82;
}
/* required asterisk color */
.woocommerce form .form-row .required {
color: #009BCE;
}
h3#ship-to-different-address label {
font-weight: 500 !important;
font-size: 16px;
}
div.woocommerce h2,
div.woocommerce h3 {
text-transform: capitalize;
}
div.woocommerce .pobox-note {
font-size: 16px;
}
#add_payment_method .checkout .shipping_address, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout .checkout .shipping_address {
margin-top: 60px;
}
/* --------------------------------------------------------------------------------------------
Check Out page - /checkout/order-received/
----------------------------------------------------------------------------------------------- */
/* table titles */
.page-id-23938 .woocommerce table th {
font-size: 18px;
}
/* product title */
.page-id-23938 .woocommerce table.shop_table th {
font-weight: 500 !important;
}
/* product names */
.page-id-23938 .woocommerce .shop_table .product-name {
font-weight: 300;
color: #444;
font-size: 18px;
}
/* sub totals left col */
.page-id-23938 .shop_table.woocommerce-table--order-details tfoot td,
.page-id-23938 .shop_table.woocommerce-table--order-details tfoot th {
text-align: left;
font-size: 18px;
}
.woocommerce table.shop_table th {
font-weight: 500;
}
/* hide the background - left col */
.woocommerce-order-received address::before {
display:none;
}
/* billing and shipping boxes */
.page-id-23938 .woocommerce .woocommerce-customer-details address {
border-bottom-width: 1px;
border-right-width: 1px;
width: auto;
padding: 20px 0px 20px 25px;
min-height: 160px;
}
.page-id-23938 .woocommerce {
margin-bottom: 100px;
}
/* thank you confirmation headline */
.woocommerce-order-received .woocommerce-thankyou-order-received {
margin-bottom: 50px;
background: #ebfaeb;
border: 1px solid #DDD;
clear: both;
padding: 25px;
font-size: 25px;
text-align: center;
line-height: 1.3em;
}
/* remove the margins on prices */
.page-id-23938 .woocommerce-Price-amount {
margin: 0px;
}
/* --------------------------------------------------------------------------------------------
Our Partners & Resources - hide the title on the box
----------------------------------------------------------------------------------------------- */
.page-id-16139 .trailer_box .desc h2,
.page-id-1000809 .trailer_box .desc h2 {
display: none;
}
/* --------------------------------------------------------------------------------------------
FAQs
----------------------------------------------------------------------------------------------- */
.faq .question .answer a {text-decoration:underline;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
background: none;
}
/* --------------------------------------------------------------------------------------------
Homepage hero banner headline
----------------------------------------------------------------------------------------------- */
.hero-banner-headline-left,
.hero-banner-headline-right {
width: 305px;
}
.hero-banner-headline-left {
float:right;
}
@media only screen and (max-width:800px) {
.hero-banner-headline-left {
width: 250px;
margin-top: 20%;
}
.hero-banner-headline-right {
width: 250px;
margin-top: 20%;
}
.hero-banner-headline-left {
margin-right: 10%;
}
.hero-banner-headline-right {
margin-left: 10%;
}
}
@media only screen and (max-width:767px) {
.hero-banner-headline-left,
.hero-banner-headline-right {
width: 70%;
text-align: center;
margin: 0 auto;
top: 50%;
}
.hero-banner-headline-left {
float:none;
}
}
@media only screen and (max-width:812px) {
.hero-banner-headline-left h2,
.hero-banner-headline-right h2 {
font-size: 21px !important;
}
}
.hero-banner-headline-left h2,
.hero-banner-headline-right h2 {
line-height: 1.3em;
}
@media only screen and (max-width:480px) {
.hero-banner-headline-left,
.hero-banner-headline-right {
width: 100%;
position: relative;
top: 40px;
}
}
/* --------------------------------------------------------------------------------------------
How It Works Steps
----------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.icon_box.icon_position_left .image_wrapper {
margin-bottom: 20px;
width: 40%;
height: 40%;
float: left;
clear: both;
}
.icon_box.icon_position_left .desc_wrapper {
text-align: left;
padding-left: 20px;
width: 50%;
float: left;
}
} /* end of tablet styles @media only screen and (min-width: 768px) and (max-width: 959px) */
@media only screen and (max-width:480px) {
.icon_box.icon_position_left .desc_wrapper {
text-align: left;
padding-top: 35px;
}
h4.title {
font-size: 28px !important;
}
} /* end of @media only screen and (max-width:480px) */
@media only screen and (max-width:290px) {
.icon_box.icon_position_left .desc_wrapper {
padding-top: 5px;
}
h4.title {
font-size: 28px !important;
line-height: 1.2em;
}
} /* end of @media only screen and (max-width:290px) */
/* --------------------------------------------------------------------------------------------
Shopping Cart - soberlink.com/devices/
----------------------------------------------------------------------------------------------- */
/* product grid info */
@media only screen and (max-width:767px) { div.product-quick-info h3 {font-size: 27px; line-height: 40px; font-weight: 400;} }
@media only screen and (max-width:767px) { div.product-quick-info h4 {font-size: 16px;} }
/* login button */
.page-id-1000122 a.button .button_label, /* devices */
.page-id-1000170 a.button .button_label, /* pro */
.page-id-1000172 a.button .button_label /* accessories */
{
padding: 2px 5px !important;
}
div.product-quick-info {
font-size: 14px;
line-height: 1.5em;
margin: 30px 0px;
}
div.product-quick-info ul {
margin-left: 0px;
line-height: 1em;
padding: 10px 0px 5px 0px;
list-style: none;
}
div.product-quick-info p {
margin: 0 0 25px;
}
.woocommerce-Price-amount {
margin: 10px 0px 0px;
}
/* product grid buttons */
a.button .button_label {
text-transform: uppercase;
font-size: 14px;
}
/* hide in mobile slider shop icon*/
.extras-wrapper {
display: none;
}
/* product grid buttons */
.woocommerce a.button,
.woocommerce #respond input#submit,
.woocommerce button.button,
.woocommerce input.button {
text-transform: uppercase;
font-size: 14px;
}
.page-id-1000122 h2, /* devices page*/
.page-id-1000170 h2, /* pro page*/
.page-id-1000172 h2 /* accessories page */ {
font-weight: 400;
margin-top: 20px;
}
/* Shopping Cart - Lightbox styles */
.page-id-1000122 .mfp-content h2,
.page-id-1000170 .mfp-content h2,
.page-id-1000172 .mfp-content h2 {
font-weight: 400;
margin-top: 0px;
}
.page-id-1000122 .mfp-content .mtc-title,
.page-id-1000170 .mfp-content .mtc-title {
display:none;
}
/*.page-id-1000122 h4,
.page-id-1000170 h4,
.page-id-1000172 h4 {
margin-top: 40px;
}*/
.page-id-1000122 .mfp-inline ul,
.page-id-1000170 .mfp-inline ul,
.page-id-1000172 .mfp-inline ul {
list-style-type: initial;
line-height: 2.4em;
margin-left: 20px;
}
.ip, .iu, .mu {
display: none;
}
/* Incorrect Password
*/
.ip.empty_username, .iu.empty_username, .ip.invalid_email, .mu.invalid_email, .iu.incorrect_password, .mu.incorrect_password, .ip.invalid_username, .mu.invalid_username, .iu.empty_password, .mu.empty_password {
display: none;
}
.mu.empty_username, .iu.invalid_email, .ip.incorrect_password, .iu.invalid_username, .ip.empty_password {
display: block;
color: red !important;
font-size: 119%;
margin-bottom: 10px;
}
/* lightbox size */
@media (min-width:399px) {
.page-id-1000172 .mfp-inline {
min-width: 400px !important;
min-height: 250px !important;
}
}
/* Clinical Monitoring Case Study */
.column_icon_box.legacy {
margin-bottom: 50px;
}
/* Clinical Monitoring Case Study */
@media only screen and (max-width:768px) {
.column_icon_box.legacy {
margin-bottom: 30px;
}
}
.ui-tabs .ui-tabs-nav li a {
padding: 14px 12px !important;
}
/* --------------------------------------------------------------------------------------------
Item Detail Page - MTC 120 & BT 120 Agreement Page
----------------------------------------------------------------------------------------------- */
/* MTC body copy */
.gsection_description, .gform_wrapper .instruction {
font-size: 18px !important;
}
.gsection_description p, .gform_wrapper .instruction p {
padding-top: 20px !important;
}
/* MTC DOB field */
.gform_wrapper select, .gform_wrapper textarea {
letter-spacing: 0.25px;
font-size: 14px;
font-weight: 300;
height: 40px;
}
/* MTC form input text */
.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]) {
font-size: 14px;
font-weight: 300;
letter-spacing: 0.25px;
}
/* MTC form labels */
.single-product .gform_wrapper .top_label .gfield_label {
font-size: 14px !important;
font-weight: 500 !important;
}
/* MTC form drop down menu */
.gform_wrapper .chosen-container-single .chosen-single {
height: 40px;
border: 1px solid #CCC;
border-radius: 3px !important;
background-color: #fff !important;
background: none;
box-shadow: none !important;
padding: 8px 0 0 8px;
}
.gform_wrapper .chosen-container-active.chosen-with-drop .chosen-single {
background-image: none;
}
/* MTC form email fields */
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty, .dark input[type="email"], .dark input[type="password"], .dark input[type="tel"], .dark input[type="text"], .dark select, .dark textarea {
background-color: #F8F8F8 !important;
border-color: #CCC !important;
border-radius: 3px !important;
}
.summary input {
background-color: #FFF !important;
}
/* --------------------------------------------------------------------------------------------
Shopping Cart - soberlink.com/shopping-cart/
----------------------------------------------------------------------------------------------- */
/* shopping cart product title */
h5 {
font-size: 18px;
line-height: 25px;
font-weight: 500;
letter-spacing: 0px;
margin-top: 40px;
}
/* agreement info – label */
.woocommerce .shop_table .product-name .variation > dt {
font-weight: 500;
font-size: 15px;
}
/* agreement info – input */
.woocommerce .shop_table .product-name .variation > dd {
font-size: 15px;
font-weight: 300;
color: #888 !important;
}
.woocommerce .shop_table .product-name a {
font-size: 15px;
font-weight: 300;
color: #888;
}
.woocommerce .shop_table .product-name {
font-weight: 500;
color: #444;
}
.woocommerce .shop_table .product-name .variation {
padding-top: 15px !important;
}
/* shopping cart checkout – button text */
.woocommerce a.button, .woocommerce #respond input#submit, .woocommerce button.button, .woocommerce input.button {
padding: 9px 20px;
font-weight: 400;
line-height: 25px;
text-transform: uppercase;
font-size: 14px;
}
/* hide update cart button */
button[name='update_cart'] {
display: none !important;
}
/* product image in cart */
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 100px;
}
/* shipping options */
.woocommerce ul#shipping_method li label {
display: inline;
font-weight:300;
}
/* shipping radio buttons */
.woocommerce ul#shipping_method li input {
margin: 7px .7em 0 0;
} @media (max-width: 600px) {
.woocommerce ul#shipping_method li input {
margin: 3px .5em 0 0;
}
}
/* shipping prices */
.woocommerce ul#shipping_method .amount {
font-weight: 500;
}
/* est shipping address */
.page-id-23935 .woocommerce-shipping-destination b,
.page-id-23935 strong,
.page-id-23935 dt
{
font-weight: 500;
/*display:block;*/
}
/* est shipping address */
.woocommerce-shipping-destination {
margin-top: 25px;
}
/* order summary title */
.cart-collaterals h2 {
font-weight: 400;
}
/* hide WooCommerce Before Cart Totals Before Shipping title */
.cart-collaterals h3 {
display:none;
}
/* return to shop button */
@media only screen and (max-width: 1239px) {
.cart-returntoshop-button {
padding-left: 0px !important;
text-align: center;
}
}
/* center align apply code and return to shop buttons */
@media only screen and (max-width: 768px) {
.cart-returntoshop-button {
padding-left: 0px !important;
width: 100%;
text-align: center;
margin-top: 40px;
}
/* button container */
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce
table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions
.coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon
.button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
width: 100%;
}
}
/* apply code and shop button container */
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
width: 100%;
}
/* align apply coupon button */
button[name='apply_coupon'] {
float:left !important;
}
/* cart total */
.page-id-23935 .woocommerce-MyAccount-orders span.woocommerce-Price-amount.amount, .page-id-23935 span.amount {
font-weight: 500;
}
/* hide cart total title */
.cart_totals, .calculated_shipping {
margin-top: 40px;
}
/*.cart_totals h2, .calculated_shipping h2 {
display:none !important;
}*/
/* change address link */
#add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button {
text-transform: uppercase;
font-size: 14px;
}
/* --------------------------------------------------------------------------------------------
Checkout Page - soberlink.com/checkout/
----------------------------------------------------------------------------------------------- */
/* format order summary table */
.page-id-23938 .woocommerce table.shop_table td {
vertical-align: top;
}
/* format order summary prices */
.page-id-23938 .woocommerce-MyAccount-orders span.woocommerce-Price-amount.amount, .page-id-23938 span.amount {
font-size: 18px;
font-weight: 500;
}
/* format total title */
.page-id-23938 .shop_table.woocommerce-checkout-review-order-table .product-total {
font-size: 18px;
font-weight: 500;
}
/* --------------------------------------------------------------------------------------------
Hide Order Button on Mobile
----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1239px) {
/* mobile menu width */
#Top_bar .top_bar_left {
/*width: 92% !important;*/
}
/* order button*/
#Top_bar a.action_button {
display: none;
}
}
/* Cap Order button */
#menu > ul > li > a, a.action_button, #overlay-menu ul li a {
text-transform: uppercase;
}
/*Devices Page*/
.shopnav {
padding: 0px 50px 0px 50px;
} @media only screen and (max-width:500px) {
.shopnav {padding: 0px 20px 0px 20px;}
}
a.shopnav {
color: #444444;
font-weight: 400;
text-decoration: none;
}
a.shopnav.active {
color: #009BCE;
}
.accordion .question .title {
text-align: center;
background-image: none !important;
background-color: #21467d !important;
color: #fff !important;
font-size: 150% !important;
font-weight: 200 !important;
}
.loginbox .accordion .question.active .title {
color: #ffffff !important;
}
.loginbox .accordion .question .title .acc-icon-plus {
color: #fff !important;
font-size: 27px !important;
}
.loginbox .accordion .question.active .title .acc-icon-minus {
color: #FFF !important;
font-size: 27px !important;
}
.rightline {
border-right: 1px solid #ddd;
}
/*
a.button, a.tp-button, button, input[type="submit"], input[type="reset"], input[type="button"] {
font-size: 18px !important;
}*/
.feature_list ul li {
width: 100% !important;
}
/*End Devices Page*/
/* START - Order Page 3 Boxes */
/* vertical center align the text */
.page-id-18623 .trailer_box .desc {top: 20%;}
@media only screen and (max-width: 1239px) {
.page-id-18623 .trailer_box .desc {top: 10%;}
.trailer_box.plain .desc .subtitle {font-size: 23px !important;}
.trailer_box.plain .desc h2 {line-height: 20px !important; font-size: 15px !important;}
}
@media only screen and (max-width: 1024px) {
.page-id-18623 .trailer_box .desc {top: 15%;}
.trailer_box.plain .desc .subtitle {font-size: 20px !important;}
.trailer_box.plain .desc h2 {line-height: 22px !important; font-size: 15px !important;}
}
@media only screen and (max-width: 959px) {
.page-id-18623 .trailer_box .desc {top: 8%;}
.trailer_box.plain .desc .subtitle {font-size: 16px !important;}
.trailer_box.plain .desc h2 {line-height: 16px !important; font-size: 13px !important;}
}
@media only screen and (max-width: 767px) {
.page-id-18623 .trailer_box .desc {top: 20%;}
.trailer_box.plain .desc .subtitle {font-size: 23px !important;}
.trailer_box.plain .desc h2 {line-height: 24px !important; font-size: 18px !important;}
}
@media only screen and (max-width: 375px) {
.page-id-18623 .trailer_box .desc {top: 10%;}
.trailer_box.plain .desc .subtitle {font-size: 20px !important;}
.trailer_box.plain .desc h2 {line-height: 24px !important; font-size: 18px !important;}
}
/* Order page - other button */
@media all and (max-width: 1239px) and (min-width: 960px) {
.button_1024px {
min-height: 134px;
}
}
/* three buttons on the order image boxes */
.page-id-18623 div.desc strong {
font-weight: 400;
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
} @media only screen and (max-width: 1239px) { .page-id-18623 div.desc strong {font-size:12px; padding:10px;} }
@media only screen and (max-width: 959px) { .page-id-18623 div.desc strong {font-size:9px; padding:5px;} }
@media only screen and (max-width: 767px) { .page-id-18623 div.desc strong {font-size:13px; padding:10px 20px;} }
@media only screen and (max-width: 375px) { .page-id-18623 div.desc strong {font-size:12px; padding:10px;} }
/* END - Order Page 3 Boxes */
/* FAMILY LAW - 2 buttons on image boxes */
.page-id-17823 div.desc strong {
font-weight: 400;
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
} @media only screen and (max-width: 1239px) { .page-id-17823 div.desc strong {font-size:12px; padding:10px 15px;} }
@media only screen and (max-width: 959px) { .page-id-17823 div.desc strong {font-size:14px; padding:8px 15px} }
@media only screen and (max-width: 767px) { .page-id-17823 div.desc strong {font-size:14px; padding:10px 20px;} }
@media only screen and (max-width: 375px) { .page-id-17823 div.desc strong {font-size:12px; padding:10px;} }
/* Alcohol Recovery - 3 buttons on image boxes */
.page-id-16530 div.desc strong {
font-weight: 400;
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
} @media only screen and (max-width: 1239px) { .page-id-16530 div.desc strong {font-size:12px; padding:10px;} }
@media only screen and (max-width: 959px) { .page-id-16530 div.desc strong {font-size:9px; padding:5px;} }
@media only screen and (max-width: 767px) { .page-id-16530 div.desc strong {font-size:14px; padding:10px 20px;} }
@media only screen and (max-width: 375px) { .page-id-16530 div.desc strong {font-size:12px; padding:10px;} }
/* Professionals Addiction Recovery Boxes */
.page-id-1002407 div.desc strong {
font-weight: 400;
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
} @media only screen and (max-width: 1239px){ .page-id-1002407 div.desc strong {font-size:12px; padding:10px;} }
@media only screen and (max-width: 959px) { .page-id-1002407 div.desc strong {font-size:9px; padding:5px;} }
@media only screen and (max-width: 767px) { .page-id-1002407 div.desc strong {font-size:14px; padding:10px 20px;} }
@media only screen and (max-width: 375px) { .page-id-1002407 div.desc strong {font-size:12px; padding:10px;} }
.page-id-1002407 .trailer_box.plain .desc { top: 18%; }
@media only screen and (max-width: 1024px) {.page-id-1002407 .trailer_box.plain .desc {top:5%; }}
@media only screen and (max-width: 959px) {.page-id-1002407 .trailer_box.plain .desc {padding:5px 10px 10px;}}
@media only screen and (max-width: 767px) {.page-id-1002407 .trailer_box.plain .desc {top:35%; padding:0px 50px 20px;}}
@media only screen and (max-width: 450px) {.page-id-1002407 .trailer_box.plain .desc {top:20%; padding:0px 50px 20px;}}
@media only screen and (max-width: 385px) {
.page-id-1002407 .trailer_box.plain .desc .subtitle { font-size: 18px !important; }
.page-id-1002407 .trailer_box.plain .desc h2 { line-height: 18px !important; font-size: 14px !important; }
.page-id-1002407 div.desc strong { font-size: 12px; padding: 8px 15px; }
}
/* END - Professionals Addiction Recovery */
/* Professionals Family Law Boxes */
div.desc strong {
font-weight: 400;
border-radius: 4px;
padding: 10px 20px;
font-size: 14px;
text-transform: uppercase;
border: 2px solid rgba(255,255,255, 0.6);
} @media only screen and (max-width: 1239px){ .page-id-1002404 div.desc strong {font-size:12px; padding:10px;} }
@media only screen and (max-width: 959px) { .page-id-1002404 div.desc strong {font-size:9px; padding:5px;} }
@media only screen and (max-width: 767px) { .page-id-1002404 div.desc strong {font-size:14px; padding:10px 20px;} }
@media only screen and (max-width: 375px) { .page-id-1002404 div.desc strong {font-size:12px; padding:10px;} }
.page-id-1002404 .trailer_box.plain .desc {padding: 0px 25px 40px; top:25%;}
@media only screen and (max-width: 959px) {.page-id-1002404 .trailer_box.plain .desc {padding: 0px 10px 20px; top:12%;}}
@media only screen and (max-width: 767px) {.page-id-1002404 .trailer_box.plain .desc {padding: 0px 50px 20px; top:35%;}}
@media only screen and (max-width: 450px) {.page-id-1002404 .trailer_box.plain .desc {padding: 0px 30px 20px; top:20%;}}
@media only screen and (max-width: 430px) {
.page-id-1004072 .trailer_box.plain .desc { padding: 15px 10px; top: 15%; }
.trailer_box.plain .desc h2 { line-height: 20px !important; font-size: 15px !important; }
}
/* END Professionals Family Law Boxes */
/*---------------------------
alcohol-addiction-recovery
-----------------------------*/
.trailer_box .desc .subtitle {
font-weight: bold !important;
background-color: rgba(255,255,255,0.00);
}
img.scale-with-grid, #Content img {
padding-bottom: 1px;
}
.trailer_box .desc h2 {
font-size: 20px;
line-height: 28px;
}
.trailer_box .desc .subtitle, .trailer_box.plain .desc .line {
background-color: #ffffff00 !important;
}
/* center align the text for the three boxes */
.page-id-16530 .trailer_box .desc {top: 5%;}
@media only screen and (max-width: 1239px) {
.page-id-16530 .trailer_box .desc {top: 0%;}
.page-id-16530 .trailer_box .desc .subtitle {font-size: 18px;}
}
@media only screen and (max-width: 956px) {
.page-id-16530 .trailer_box .desc {top: 0%;}
.page-id-16530 .trailer_box .desc .subtitle {font-size: 12px !important; padding:0px; margin-bottom:10px;}
.page-id-16530 .trailer_box .desc h2 {font-size: 12px !important;line-height: 16px !important;}
}
@media only screen and (max-width: 767px) {
.page-id-16530 .trailer_box .desc {top: 30%;}
.page-id-16530 .trailer_box .desc .subtitle {font-size: 22px !important;}
.page-id-16530 .trailer_box .desc h2 {font-size: 16px !important;line-height: 24px !important;}
}
@media only screen and (max-width: 500px) {
.page-id-16530 .trailer_box .desc {top: 14%;}
.page-id-16530 .trailer_box .desc .subtitle {font-size: 22px !important;}
.page-id-16530 .trailer_box .desc h2 {font-size: 15px !important;line-height: 22px !important;}
}
@media only screen and (max-width: 375px) {
.page-id-16530 .trailer_box .desc {top: 5%;}
.page-id-16530 .trailer_box .desc .subtitle {font-size: 16px !important;}
.page-id-16530 .trailer_box .desc h2 {font-size: 16px !important;line-height: 20px !important;}
}
/* make quotes background white */
.testimonials_slider .testimonials_slider_ul li .bq_wrapper {
border: 1px solid #d0d3d6;
border-radius: 3px;
background-color: #FFF;
}
/* remove background from quotes */
blockquote {
background: none !important;
top: 6px !important;
} @media screen and (max-width: 480px) {
blockquote {line-height: 1.5em;}
}
blockquote::after {
background: none !important;
}
/* what clients say arrows */
a.button .button_icon i {
color: #FFF;
}
/*---------------------------
End alcohol-addiction-recovery
-----------------------------*/
/* Family Law - Maing */
.page-id-17823 #Content {
padding-top: 0px;
}
/* Family Law - Two Boxes center align text */
.page-id-17823 .trailer_box .desc {top: 25%;}
@media only screen and (max-width: 1024px) {.page-id-17823 .trailer_box .desc {top: 18%;}}
@media only screen and (max-width: 375px) {.page-id-17823 .trailer_box .desc {top: 5%;}}
#Footer .footer_action a.button .button_label {
color: #fff !important;
text-transform: uppercase !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.alert_success {
background: #f49c0e !important;
}
.alert_success .alert_icon {
background: #ffb820 !important;
}
.menu-toggle {
display: none;
}
/*.herobanner {
height: 45vh !important;
}*/
.herobanner h2 {
font-size: 200%;
} @media only screen and (max-width: 767px) {
.herobanner h2 {text-shadow: 1px 1px 5px rgba(0,0,0,0.50);}
}
.herobanner .align_right, .herobanner .align_left {
padding-top: 15%;
padding-bottom: 15%;
} @media only screen and (max-width: 480px) {
.herobanner .align_right, .herobanner .align_left {padding-top: 10%; padding-bottom: 10%;}
}
/* fix the righ herobanner height on Safari view */
@media screen and (min-width: 767px) {
.bg-cover {min-height: 183px;}
}
.tw-title-border {
position: absolute;
width: 30px;
height: 1px;
background: #009bce;
}
.titlecenter.tw-title-border {
width: 80px;
height: 2px;
left: 50%;
margin-left: -40px;
margin-bottom: 12px !important;
position: relative;
}
.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol {
color: #626262 !important;
}
#Footer .widgets_wrapper {
font-size: 15px !important;
}
#Footer .widgets_wrapper h4 {
font-size: 18px !important;
}
#Footer .widgets_wrapper a {
transition: all 0.3s ease 0s !important;
}
#Footer .widgets_wrapper a:hover {
text-decoration: none !important;
}
a.button.button_full_width .button_label {
text-transform: uppercase !important;
font-size: 16px !important;
font-weight: 400 !important;
}
#Footer a {line-height: 1.5em;}
@media only screen and (max-width: 767px) {#Footer a {line-height: 2.8em;}}
/* -----------------------------------------------
FAQ Accordion
-------------------------------------------------*/
.faq .question .title {
font-size: 18px;
font-weight: 500;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active .title > .acc-icon-plus, .accordion .question.active .title > .acc-icon-minus, .faq .question.active .title > .acc-icon-plus, .faq .question.active .title, .accordion .question.active .title {
color: #009BCE !important;
}
/* -----------------------------------------------
Clinical Monitoring Page
-------------------------------------------------*/
.hero-video-cover {
background-image: url("/wp-content/uploads/2018/11/CaronOceanDrive_CSP_Soberlink_1.jpg");
background-color: #cccccc;
height: 600px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-video-cover-text {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
}
/* Pagination for blog and media center */
.previous, .next, .paginationtext {
text-transform: uppercase;
font-size: 16px;
}
/*Blog Page Fixes*/
.photo .post-desc .post-head { /* hide the gap after category images and headline */
display: none;
}
.views-template-blog-post-page h2 {
font-weight:500;
}
.icon-user:before {
display: none !important;
}
.icon-clock:before {
display: none !important;
}
.photo .post-desc .post-head .post-meta {
float: left;
}
.photo .post-desc .post-excerpt {
text-align: left;
margin-bottom: 100px;
}
.photo .post-desc .post-title {
text-align: left;
}
.if-overlay .image_frame .image_wrapper .image_links.double {
display: none;
}
.if-overlay .image_frame .image_wrapper .mask:after {
display: none;
}
.single-photo-wrapper .share_wrapper {
display: none;
}
.section-post-header .single-photo-wrapper.image .image_frame {
max-width: 100% !important;
}
.author-box .avatar-wrapper {
display:none;
}
.author-box .desc-wrapper {
margin-left: 0px !important;
margin-top: 30px !important;
font-size: 16px;
}
.blog_slider .blog_slider_ul li .item_wrapper {
pointer-events: none;
}
.single-photo-wrapper.image {
margin-left: -38px;
}
.section-post-related .post-related .date_label {
display: none;
}
.section-post-related .post-related hr {
margin-left: 0px !important;
}
.section-post-related .post-related a.button {
margin-left: 0px !important;
}
a.button .button_label {
color: #fff;
}
.image_frame {
border-color: #ffffff00 !important;
}
.image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before {
border-color: #ffffff00 !important;
}
.image_frame .image_wrapper, .wp-caption img, .icon_box .icon_wrapper:before {
/*max-height: 350px;*/
}
.image_frame.post-photo-wrapper.scale-with-grid.images_only {
pointer-events: none;
}
.widget-area:before {
background: #ffffff00;
}
.one.mcb-wrap {
width: 100%;
}
.aside_right .widget:after {
display: none;
}
.postmeta {
font-size: 12px !important;
text-transform: uppercase !important;
margin-bottom: 10px;
} @media only screen and (max-width: 768px) {
.postmeta {
font-size: 10px !important;
margin-bottom: 5px;
line-height: 1.4em
}
}
/* Blog post */
@media only screen and (max-width: 767px) {
#Subheader .title {
font-size: 25px;
line-height: 30px;
letter-spacing: 1px;
}
#Subheader {
padding: 30px 0px; /* blog title banner */
}
.with_aside .sections_group {
padding-top: 10px; /* remove the space above post */
}
.wpv-filter-form .one-fourth.column, .wpv-filter-form .one-second.column {
margin-bottom: 0px;
width: 33% !important;
clear: none;
padding: 5% 0%;
}
}
/* -----------------------------------------------
11/14 - Blog Page Style Fixes
-------------------------------------------------*/
.pager .pages a, .pager .pages span.page-numbers {
border: 1px solid #DDD !important;
padding: 4px !important; /* button size */
margin: 6px !important; /* spacing between page buttons */
}
.hide-love .post-header .title_wrapper {
margin-left: 12px !important; /* fix indentation published by... */
width: 98% !important;
}
.post-desc {
padding: 0px 0 0 8px; /* blog feed reduce indentation */
}
.entry-title {
color: #2f2f2f;
font-size: 30px;
font-weight: bold;
line-height: 1.4;
} @media only screen and (max-width: 768px) {
.entry-title {font-size: 18px;}
}
.entry-title a:hover, .post-meta .author-date a:hover {
color: #009bce;
}
.photo .post-desc .post-head { /* Blog byline, date, category */
text-transform: uppercase;
font-size: 12px;
}
.post-meta .author-date a {
margin-right: 20px;
}
.post-item {
margin-bottom: 0px;
}
/*Press Release Fixes*/
.pager .pages {
background-image: none;
background-color: #ffffff00;
}
/*Home Page Icon Box*/
h4.title {
font-size: 34px;
color: #009bce;
}
.desc {
color: #787d82;
}
/* Applied to subpages e.g. Level 1, Leve 2, Clinical Monitoring, Workplace */
.interior-header {
min-height: 425px;
max-height: 425px;
} @media only screen and (max-width: 768px) {
.interior-header {
min-height: 300px;
max-height: 300px;
}
}
#Top_bar .menu li ul li {
font-size: 15px;
}
.menuo-no-borders #Top_bar .menu > li > a span {
text-transform: uppercase;
}
#Top_bar a#header_cart span {
top: -20px;
}
/* ---- support main -----------------------------*/
.page-id-17357 .legacy .icon_box {
border: 1px solid #d0d3d6;
padding: 25px 10px 20px 10px;
}
/* ---- /support/helpful-documents/ -----------------------------*/
@media only screen and (min-width: 768px) and (max-width: 768px) {
.page-id-17365 #Content .desc p:nth-child(2) {
min-height: 180px; /* fix the height of helpful docs publications section */
}
}
.legacy .icon_box {
border: 1px solid #d0d3d6;
padding: 62px 10px 20px 10px;
}
@media only screen and (max-width: 500px) { .legacy .icon_box {min-height:210px !important;} .page-id-17440 .legacy .icon_box {min-height:170px !important;} }
@media only screen and (max-width: 768px) { .legacy .icon_box {min-height:260px;} .page-id-17440 .legacy .icon_box {min-height:180px;} }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .legacy .icon_box {min-height:350px;} .page-id-17440 .legacy .icon_box {min-height:160px;} }
@media only screen and (min-width: 1025px) and (max-width: 1239px) { .legacy .icon_box {min-height:370px;} }
.page-id-17365 .legacy .icon_box .image_wrapper, /* helpful docs */
.page-id-17440 .legacy .icon_box .image_wrapper, /* user login main */
.page-id-16551 .legacy .icon_box .image_wrapper, /* workplace compliance */
.page-id-17357 .legacy .icon_box .image_wrapper { /* support main */
margin-top: -108px;
} @media only screen and (max-width: 500px) {
.page-id-17365 .legacy .icon_box .image_wrapper { margin-top: -40px;} /* helpful docs mobile */
}
@media only screen and (max-width: 767px) {
#Content h3 {font-size:20px;line-height:1.6em;}
}
.legacy .icon_box .image_wrapper {
margin-top: -40px;
}
/* Case Study on clinical monitoring */
.new {
color: #009bce;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}
.page-id-16549 .legacy .desc {
padding: 0px 15px 0px 15px;
font-size: 19px;
font-weight: 400;
}
/* end Case Study on clinical monitoring */
/* alcohol recovery & clinical monitoring case study images = page-id-16549 */
.page-id-16549 .legacy .icon_box .image_wrapper,
.page-id-16530 .legacy .icon_box .image_wrapper,
.page-id-16551 .legacy .icon_box .image_wrapper {
margin-top: -62px;
margin-left: -10px;
margin-right: -10px;
}
/* clinical monitoring main case studies */
@media only screen and (min-width: 959px) and (max-width: 2000px) {.page-id-16549 .desc a p {min-height: 100px;}}
@media only screen and (min-width: 768px) and (max-width: 958px) {.page-id-16549 .desc a p {min-height: 130px;}}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/*/alcohol-addiction-recovery/clinical-monitoring - fixes the heigh of the boxes */
.page-id-16549 .legacy .desc {
min-height: 173px;
}
/*.page-id-16549 .desc a p {
min-height: 110px;
} */
.page-id-17365 h3.title {
font-size: 15px;
}
.page-id-17365 .boxtext {
min-height: 182px;
}
}
.legacy .desc {
padding: 0px 15px 0px 15px;
}
.page-id-16549 .legacy .desc a,
.page-id-16530 .legacy .desc a,
.page-id-16551 .legacy .desc a {
color: #787d82;
}
.page-id-16549 .legacy .desc a:hover,
.page-id-16530 .legacy .desc a:hover,
.page-id-16551 .legacy .desc a:hover {
color: #AAAAAA;
}
.legacy .button {
margin-bottom: 0px;
}
.marketing-content {
border-radius: 0px 0px 3px 3px;
background-color: #FFF;
border-width: 0px 1px 1px;
border-style: none solid solid;
border-color: #D0D3D6;
padding: 10px 10px 0px 10px;
}
.footer_action .column {
margin-bottom: 0px;
}
#Footer .footer_action .one {
margin-bottom: 0px !important;
}
.footer_action p {
margin-bottom: 0px !important;
line-height: 60px;
}
/* ==================================================================================
* /start-the-process/ aka Decision Tree
* ----------------------------------------------------------------------------------*/
/*- new styles for products ---------------------------*/
.fullprice {
text-decoration: line-through;
font-weight:300;
margin-right: 10px;
color: #4c4c4c;
}
.saleprice {
/*font-weight:600;*/
/*color: #c00;*/
}
.label-sale {
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 400;
padding: 15px 0px 5px;
color: #c00;
}
.label-outofstock {
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 600;
padding: 15px 0px 5px;
}
.outofstock-noclick,
.outofstock-noclick h3 {
pointer-events: none;
background-color: #F8F8F8;
color: #999 !important;
}
/*- end new styles for products ---------------------------*/
#step1, #step2a, #step2b {
display: flex;
}
#main [class*="span"] {
margin-top: 0px;
}
div.wpcf7-validation-errors {
border-radius: 0px !important;
border: 0px !important;
background: #ffe5e5 !important; /* light red */
}
div#overlay-submenu {
position: fixed;
z-index: 999;
width: 100%;
height: 142px;
box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.33);
}
.overlay {
position: relative;
top: 140px;
margin-bottom: 120px;
}
div#family-law-processtree div#step1,
div#family-law-processtree div#step2a,
div#family-law-processtree div#step2b {
display: flex;
}
div#family-law-processtree .tw-element {
flex: 1;
}
div.device-note {
width: 90%;
display: block;
margin: auto;
line-height: 1em;
}
.tw-element.one-second.subnav-margins.offset4 {
width: 1170px;
margin: auto;
position: relative;
}
.FamilyLawLevels {
left: 0;
text-transform: uppercase;
}
ul#menu-family-law-levels li:before {
display: none;
}
ul#menu-family-law-levels li {
float: left;
padding: 0 20px !important;
border: none !important;
}
.FamilyLawLevels {
position: absolute;
z-index: 999;
}
.process-multistep .one {
width: 100%;
margin: 0px 0px 20px 10px !important;
}
.row-fluid {
width: 98.5%;
}
div#family-law-processtree {
z-index: 1000;
top: 177px;
width: 100%;
margin: auto;
right: 0;
left: 0;
}
div#step1header {
border-radius: 3px 0 0 3px;
}
div#step4header {
border-radius: 0 3px 3px 0;
}
.tw-element.one-fourth.process-multistep-step {
position: relative;
cursor: default;
border: solid 1px #96A3B0;
height: 34px;
width: 24%;
font-size: 83%;
margin: 0;
font-weight: 400;
line-height: 33px;
}
.tw-element:nth-last-child(2).one-fourth.process-multistep-step:after {
display: none;
}
.tw-element:nth-last-child(2).one-fourth.process-multistep-step:before {
display: none;
}
.tw-element.one-fourth.process-multistep-step:after {
content: "";
width: 0;
height: 0;
top: 0;
right: -16px;
position: absolute;
z-index: 3;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 16px solid #fff;
}
.tw-element.one-fourth.process-multistep-step:before {
content: "";
width: 0;
height: 0;
top: -1px;
right: -18px;
position: absolute;
z-index: 2;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 17px solid #96A3B0;
}
.tw-element.one-fourth.process-multistep-step.checked {
background-color: #00abdf;
color: #fff;
cursor: pointer;
}
.tw-element.one-fourth.process-multistep-step.checked:after {
border-left: 16px solid #00abdf;
cursor: pointer;
}
.tw-element.one-fourth.process-multistep-step.checked:hover {
background-color: #009BCE;
}
.tw-element.one-fourth.process-multistep-step.checked:hover:after {
border-left: 16px solid #009BCE;
}
.familylaw-processtree-accordion a.accordion-toggle.active:after {
content: '×';
font-size: 32px;
cursor: pointer;
position: absolute;
bottom: -60px;
right: 20px;
z-index: 999;
color: #aaa !important;
}
.familylaw-processtree-accordion a.accordion-toggle.active:hover:after {
color: #00abdf !important;
}
div#family-law-processtree .span12 {
float: right;
width: 210px;
text-align: center;
}
div#family-law-processtree div#accordion_0_0 {
position: absolute;
background: #fff;
width: 100%;
max-width: 940px;
left: 0;
margin: 16px auto;
border: none;
right: 0;
/*box-shadow: 0 46px 113px -34px rgba(0,0,0,0.7);*/
max-height: calc(100vh - 160px);
overflow-y: auto;
}
div#family-law-processtree .accordion-inner {
border: none;
}
.familylaw-processtree-accordion .accordion-group {
border: none !important;
}
.tw-element.one.familylaw-processtree-accordion {
margin-top: -50px !important;
width: 240px !important;
float: right !important;
text-align: center;
padding-top: 11px !important;
}
.familylaw-processtree-accordion a.accordion-toggle {
display:none; /*hide the button*/
}
.accordion-heading:hover .accordion-toggle {
background-color: #00abdf !important;
}
.accordion-heading:hover {
background: none !important;
}
.gray-bordered-box {
border: solid 1px #96A3B0;
cursor: pointer;
height: 101%;
}
.bordered-box-heading {
border-bottom: solid 1px #96A3B0;
padding: 20px 20px;
}
.bordered-box-content {
padding: 40px 30px;
}
div#step1 .gray-bordered-box:hover {
background-color: #00abdf;
color: #fff;
}
div#step2a .bordered-box-content p,
div#step2b .bordered-box-content p {
font-size: 12px;
text-align: left;
padding-left: 30px;
color: #2f2f2f;
font-weight: 400 !important;
line-height: 15px !important;
}
div#step2a .bordered-box-content p:before,
div#step2b .bordered-box-content p:before {
content: '✓';
color: yellowgreen;
font-size: 24px;
margin-left: -25px;
position: absolute;
}
div#step2a .bordered-box-content,
div#step2b .bordered-box-content {
padding: 20px 10px;
}
div#step2a .gray-bordered-box:hover .bordered-box-heading,
div#step2b .gray-bordered-box:hover .bordered-box-heading {
background: #00abdf;
color: #fff;
}
div#step2a .gray-bordered-box:hover,
div#step2b .gray-bordered-box:hover {
background: #f7f7f7;
}
div#step2a .gray-bordered-box:hover .bordered-box-heading p,
div#step2b .gray-bordered-box:hover .bordered-box-heading p {
color: #fff;
}
.gray-bordered-box:hover h1 {
color: #fff;
}
.gray-bordered-box h2 {
color: #00abdf;
}
.gray-bordered-box:hover h2 {
color: #fff;
}
.gray-bordered-box:hover h3 {
color: #fff;
}
div#share_wrapper {
display: none !important;
}
div#step3 .device-row {
border: solid 1px #96A3B0;
margin-bottom: 20px;
padding: 5px;
cursor: pointer;
}
div#step3 .device-row:hover {
color: #fff;
background-color: #00abdf;
}
div#step3 .device-row:hover h3 {
color: #fff !important;
}
div#step3 .device-row:hover p,
div#step3 .device-row:hover span {
color: #fff !important;
}
div#step3 .device-row p {
margin: -10px 0 0px;
}
div#step3 .device-row h3:nth-child(1),
div#step3 .device-row h3:nth-child(2) {
color: #00abdf;
margin-top: 15px; /* if there is no p tag above h3 */
}
div#step3 img {
height: 410px;
}
div#step3 .tw-element.one-second.row-margin-top-zero {
margin-bottom: 0;
}
div#step4 {
position: relative;
margin-top: -20px !important;
}
.requestForm label {
text-align: left;
}
.bordered-box-heading h1 {
margin: 0;
}
.bordered-box-heading h2 {
margin: 0;
}
.bordered-box-heading {
padding: 6px 20px;
} @media only screen and (max-width: 768px) {.bordered-box-heading {padding:10px 0px 0px;}}
div#step2a .bordered-box-content p,
div#step2b .bordered-box-content p {
margin-bottom: 10px;
}
.bordered-box-heading p {
font-size: 12px;
color: #333;
}
div#step4 input {
font-family: Roboto !important;
}
div#step4 label.col1 {
float: left;
width: 98%;
}
div#step4 label.col2 {
float: left;
width: 48%;
margin-right: 2%;
}
div#step4 form p {
text-align: left;
}
div#step4 form input {
height: 34px;
margin-top: 5px;
width: 100%;
border-color: #CCC;
color: #333;
}
div#step4 form input:focus {
border-color: #00abdf;
}
div#step4 form .summary input {
color: #333;
box-shadow: none; /* remove the border */
}
@media only screen and (max-width: 700px){
div#step4 .process-form {
width: 100% !important;
padding-bottom: 0px !important;
}
div#step4 .process-summary {
width: 100% !important;
}
div#step4 label.col2 {
width: 100% !important;
}
input.wpcf7-form-control.wpcf7-submit {
right: 0px !important;
bottom: 50px !important;
}
#step2a .row-margin-top-zero {
width: 33% !important;
}
}
@media only screen and (min-width: 701px){
div#step4 .process-form {
width: 75%;
}
}
div#step4 .process-form {
margin: 0;
padding-bottom: 80px;
float: left;
padding-left: 12px;
}
div#step4 .process-summary {
width: 22%;
margin: 0;
float: right;
}
div#step4 input:focus {
outline:none;
}
.summary {
margin-top: -3px;
}
.summary label {
color: #00abdf;
text-transform: uppercase;
}
.summary-row label {
margin-top: 1px;
margin-bottom: -3px !important;
border: 1px solid #FFF;
}
.summary input {
color: black;
cursor: default;
text-align: center;
border: none;
width: 100%;
margin: 0px !important;
padding: 0px !important;
}
.summary-row {
margin: 10px 0;
padding: 5px 0 0;
border: solid 1px #96A3B0;
}
.summary-row span input {
font-size: 12px !important;
}
.summary-row span:nth-last-child(1) input {
margin-top: -20px !important;
}
.summary-row br {
display: none;
}
.summary-row label {
margin-bottom: 0px;
font-weight: bold;
cursor: default;
}
.summary-row input {
margin: 5px 0;
}
.accordion-inner {
padding: 10px 20px;
}
/*Submit button*/
input.wpcf7-form-control.wpcf7-submit {
padding: 7px;
outline: none !important;
border: none;
position: absolute;
right: -7px;
bottom: 88px;
width: 22% !important;
background: #00abdf !important;
color: #fff !important;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background: #fff !important;
border: 2px solid #009BCE !important;
color: #009BCE !important;
padding: 5px;
}
/*p#process-disclaimer {
font-size: 14px;
font-weight: bold !important;
bottom: 39px;
position: absolute;
color: #00abdf;
width: 74%;
line-height: 23px;
height: 27px;
}*/
p#process-disclaimer {
font-size: 14px;
font-weight: 400 !important;
bottom: 40px;
position: absolute;
color: #00abdf;
width: 75%;
line-height: 1.4em;
height: 10px;
}
div.wpcf7-validation-errors {
margin: 0px;
position: absolute;
left: 14px !important;
top: 48px !important;
color: red;
padding: 2px;
border-radius: 3px;
width: 73%;
border: solid 2px red;
background: #fff;
font-size: 13px;
line-height: 20px;
font-weight: bold;
}
div#family-law-processtree.scrolled {
top: 141px;
}
div.wpcf7-response-output.wpcf7-validation-errors {
display: inherit !important;
}
/*body:not(.cf7p-message) .requestForm .wpcf7-not-valid-tip {
position: none !important;
left: 0 !important;
top: 0 !important;
width: auto !important;
height: none !important;
padding: none !important;
overflow: none !important;
text-indent: none !important;
border: none !important;
}*/
.requestForm span.wpcf7-not-valid-tip {
font-weight: 400;
left: 0 !important;
top: 0 !important;
position: absolute !important;
background: none !important;
text-align: right;
/*max-width: 220px;*/
margin-top: -30px;
right: 0;
width: auto !important;
}
div.wpcf7 .ajax-loader {
position: absolute;
right: 26%;
bottom: 45px;
}
form.wpcf7-form #success-message {
display: none;
}
form.wpcf7-form.sent #success-message {
display: block;
}
div#success-message {
position: absolute;
z-index: 999;
background: #fff;
width: 100%;
margin: 0;
border: none;
height: 100%;
top: 0;
}
.trailer_box:hover a::after {
background-color: #009bce !important;
opacity: 0.5 !important;
transition: background 0.1s ease .1s !important;
}
/*Woocommerce Edits*/
#order_review_heading {
float: left;
clear: both;
margin-top: 50px !important;
}
#question {
background: #eef;
padding: 30px 30px 15px 30px;
text-align: left;
}
#wpcf-name, #wpcf-phone, #wpcf-email {
width: 98%;
}
#my_custom_checkout_field {
display: grid;
}
/*Tables*/
.price-box {
margin: 0px 0px 20px 0px;
}
.features-table {
width: 100%;
border: 1px solid #C0C0C0;
border-collapse: collapse;
padding: 10px;
margin-bottom: 0px;
}
.level-chart td {
border: none;
background: none !important;
}
h3.teal-title {
display: block;
text-transform: uppercase;
font-weight: 400;
font-size: 25px;
letter-spacing: 1px;
color: #94d7e0;
margin-bottom: 5px;
}
h3.medblue-title {
display: block;
text-transform: uppercase;
font-weight: 400;
font-size: 25px;
letter-spacing: 1px;
color: #2181b4;
margin-bottom: 5px;
}
h3.darkblue-title {
display: block;
text-transform: uppercase;
font-weight: 400;
font-size: 25px;
letter-spacing: 1px;
color: #21467d;
margin-bottom: 5px;
}
span.level-price {
font-size: 40px;
font-weight: 300;
}
span.level-price-fineprint {
font-size: 14px;
font-weight: 100;
text-transform: none;
color: #787D82;
}
.features-table-font {
font-size: 15px;
line-height: 24px;
font-family: Roboto,Open Sans,Arial,Tahoma, Helvetica, sans-serif;
color: #222222;
font-weight: 300;
text-align: left !important;
text-transform: none;
}
@media only screen and (max-width: 768px) {.features-table-font{font-size:14px; line-height:20px;}}
@media only screen and (max-width: 450px) {.features-table-font{font-size:12px; line-height:18px;}}
td.features-table-font {
text-align: left !important;
}
.features-table th {
font-weight: 300 !important;
}
.features-table-level-title {
font-size: 25px;
font-weight: 400;
letter-spacing: 1px;
}
@media only screen and (max-width:959px) {.features-table-level-title{font-size:19px !important;}}
@media only screen and (max-width:540px) {.features-table-level-title{font-size:14px !important;}}
@media only screen and (max-width:411px) {.features-table-level-title{font-size:12px !important;}}
.device-price-fine-print p {
text-align:left;
font-size: 11px !important;
letter-spacing: 0.5px;
}
/* Hide the descrption in mobile view */
@media only screen and (max-width:411px) {.level-description{display:none;}}
/* Device Pricing Table */
.features-table-device-des {
float: left;
width:65%;
} @media only screen and (max-width:411px) {.features-table-device-des{font-size:12px !important;}}
.fineprint {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.5px;
margin: 10px 0px;
}
.features-table-fineprint-title {
margin: 10px 0px;
font-size: 11px;
letter-spacing: 0.5px;
text-align: left;
font-weight: 600;
}
table.level-chart th, table.level-chart td {
padding: 6px 0px;
border-top: 0px solid #f0f0f0;
line-height: 14px;
}
.features-tables-fineprint-bullets {
font-size: 11px;
letter-spacing: 0.5px;
text-align: left;
}
.features-table-fineprint-title {
margin: 10px 0px;
font-size: 11px;
letter-spacing: 0.5px;
text-align: left;
font-weight: 600;
}
a.teal-btn:hover {
color: #94d7e0;
background-color: #fff;
transition: all 0.4s ease 0s;
}
a.teal-btn {
display: block;
cursor: pointer;
width: auto;
font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
padding: 8px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #94d7e0;
background-color: #94d7e0;
text-transform: uppercase;
}
a.medblue-btn:hover {
color: #2181b4;
background-color: #fff;
transition: all 0.4s ease 0s;
}
a.medblue-btn {
display: block;
cursor: pointer;
width: auto;
font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
padding: 8px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #2181b4;
background-color: #2181b4;
text-transform: uppercase;
}
a.darkblue-btn:hover {
color: #21467d;
background-color: #fff;
transition: all 0.4s ease 0s;
}
a.darkblue-btn {
display: block;
cursor: pointer;
width: auto;
font-weight: 400;
font-size: 16px;
color: #fff;
text-decoration: none;
padding: 8px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 2px solid #21467d;
background-color: #21467d;
text-transform: uppercase;
}
/*End Tables*/
/*Product Pages
*/
.single-product .price {
display: none;
}
.single-product .gform_wrapper {
background: #f8f8f8 !important;
padding: 20px 20px 10px 20px;
}
.single-product .gform_wrapper {
margin: 0px;
}
.single-product button {
width: 100%;
margin-top: 10px !important;
}
.single-product .gform_wrapper .gform_footer {
padding: 0px;
margin: 0px;
}
.single-product .gform_wrapper .gsection {
border-bottom: none !important;
padding: 0px !important;
margin: 0px !important;
}
.single-product .gform_wrapper .top_label .gfield_label {
font-weight: 14px !important;
font-weight: normal;
text-transform: unset;
color: #787D82;
margin-bottom: 0px;
}
.single-product .gform_wrapper .top_label div.ginput_container {
margin-top: 0px !important;
}
.single_add_to_cart_button {
text-transform: capitalize;
}
.single-product input[type="text"]
{
color: #626262;
background-color: #fff;
border-color: #ccc;
border-radius: 3px;
}
.gform_wrapper .gfield_required {
color: #009bce !important;
}
/*Checkout Page*/
.checkbox .optional {
display: none;
}
label.checkbox {
font-weight: 300 !important;
}
::placeholder {
font-size: 14px;
}
/* Place Order buton */
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
width: 100%;
font-size: 1.25em;
padding: 1em;
}
/* space after place order button */
.woocommerce #payment, .woocommerce-page #payment {
margin-bottom: 80px;
}
/* add spacing after T&C check box */
.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 20px;
}
/*Order Page*/
.trailer_box.plain .desc .subtitle {
color: #fff !important;
}
.borderallsides{
border: 1px solid #d6d6d6;
}
@media (min-width: 402px) {
/*footer social icon sizes*/
.icon-facebook-circled, .icon-linkedin-circled, .icon-pinterest-circled, .icon-youtube, .icon-twitter-circled, .icon-instagram {
font-size: 40px;
}
}
@media (max-width: 401px) {
/*footer social icon sizes*/
.icon-facebook-circled, .icon-linkedin-circled, .icon-pinterest-circled, .icon-youtube, .icon-twitter-circled, .icon-instagram {
font-size: 30px;
}
#Footer .column.one-fourth {
width: 48% !important;
clear: right;
}
.socialfooter {
text-align: center;
}
}
@media (min-width: 479px) {
.socialfooter {
text-align: right;
}
}
@media (min-width: 1200px) {
div#family-law-processtree div#accordion_0_0 {
max-width: 1170px;
}
.FamilyLawLevels {
left: 0;
right: 0;
max-width: 490px;
margin: auto;
}
#wpcf-name_field, #wpcf-phone_field, #wpcf-email_field {
width: 33%;
float: left;
margin-bottom: 0px;
}
.borderthreesides{
border-top: 1px solid #d6d6d6;
border-right:1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
}
@media only screen and (min-width: 1240px) {
/*.desc {
margin: 17% 0%;
}*/
}
@media (max-width: 450px) {
.trailer_box .desc .subtitle {
font-size: 16px !important;
}
.trailer_box .desc h2 {
font-size: 13px !important;
line-height: 20px !important;
}
}
@media (max-width: 959px) {
.trailer_box .desc .subtitle {
font-size: 16px;
}
.trailer_box .desc h2 {
font-size: 15px;
line-height: 24px;
}
.trailer_box .desc {
padding-bottom: 20%;
}
}
@media (min-width: 769px) {
.herobanner .align_right {
padding-right: 50px;
}
.herobanner .align_left{
padding-left: 50px;
}
/*use to add left padding on > mobile only*/
.mobileleftpadding{
padding: 0px 0px 0px 50px;
}
}
/* suppot page boxes */
.page-id-17357 .desc p {
min-height: 62px;
}
@media only screen and (min-width: 960px) and (max-width: 1239px)
{
.page-id-17357 .desc p {
min-height: 93px;
}
}
@media only screen and (min-width: 768px) and (max-width: 959px)
{
a.button .button_label {
padding: 10px 10px;
}
.page-id-17357 .desc p {
min-height: 100px; /* support main description box height */
}
}
@media only screen and (min-width: 580px) and (max-width: 767px){
.tw-element.one-fourth.process-multistep-step {
width: 24% !important;
clear: none;
}
}
@media (max-width: 579px) {
.process-multistep .one {
margin: 0px 0px 20px 0px !important;
}
.tw-element.one-fourth.process-multistep-step::before {
border-left: none !important;
}
.tw-element.one-fourth.process-multistep-step::after {
content: none !important;
}
.page-id-18280 div#step2a .bordered-box-content p {
padding-left: 0px !important;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 10px;
}
.page-id-18280 .bordered-box-content p::before {
content: none !important;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.borderthreesides {
border-top: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
}
@media (max-width: 767px) {
.borderthreesides {
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
}
@media (max-width: 768px) {
/* suppot page boxes */
.page-id-17357 a.button.button_full_width .button_label {
padding: 5px 0px;
}
.features-table {
font-size: 85%;
}
.mobiletables{
padding-left: 0px;
padding-right: 0px;
}
.mobiletables .section_wrapper {
padding-left: 0px !important;
padding-right: 0px !important;
}
.mobiletables h3 {
font-size: 11pt;
letter-spacing: 0px;
}
span.level-price {
font-size: 20px;
font-weight: 400;
}
a.teal-btn, a.medblue-btn, a.darkblue-btn {
font-size: 11px;
margin-top: 10px;
line-height: 11px;
/*height: 33px;
width: 90%; */
}
.price-box {
margin: 0px;
}
span.level-price-fineprint {
font-size: 12px;
}
.mfp-iframe {
height: 225px !important;
}
.hero-video-cover {
height: 220px !important;
background-position: left !important;
}
#huge_it_gallery_popup_list_2 .popup-wrapper_2 .right-block {
margin-top: 20px;
}
.about-highlights {
margin-left: 0px !important;
}
.socialfooter {
text-align: center;
}
/*.mobiletrailerbox img.scale-with-grid {
height: 323px !important;
} */
.herobanner-black, .interior-header h1 {
margin: 50% 0px;
text-align:left;
}
.herobanner-black, .interior-header h1 {
margin: 90px 0px 3% 0px;
text-align:left;
}
.paddingtopmobile{
margin-top: 20px !important;
}
.mobile-tb-center #Top_bar .top_bar_right {
display: none;
}
.mobile_only .mobile_align_left {
padding: 0px !important;
}
.mobile_padding_bottom {
padding-bottom: 35px;
}
.mobile_padding_top {
padding-bottom: 35px;
}
.mobile_wrap {
padding-left: 0px !important;
}
.tw-top-bar.top-bar-dark {
display: none;
}
/*Process Tree*/
div#family-law-processtree {
top: 116px;
position: fixed;
}
div#family-law-processtree div#accordion_0_0 {
max-height: 100vh !important;
top: -111px;
z-index: 2;
}
.familylaw-processtree-accordion a.accordion-toggle {
position: absolute !important;
z-index: 3;
right: 15px;
left: 15px;
margin: auto;
text-align: center;
padding: 0 !important;
background: #fff !important;
color: #00abdf !important;
}
.familylaw-processtree-accordion a.accordion-toggle.active {
top: -990px;
}
.familylaw-processtree-accordion a.accordion-toggle.active:hover:after {
color: #fff !important;
}
.familylaw-processtree-accordion a.accordion-toggle.active:after {
bottom: 7px;
}
ul#menu-family-law-levels li {
font-size: 13px;
width: 50% !important;
padding: 0 !important;
text-align: center;
}
div#overlay-submenu .container {
padding: 0;
}
#sidebar aside.widget {
width: 100%;
}
.menu-family-law-levels-container {
width: 100%;
float: left;
}
.tw-element.one-second.subnav-margins.offset4 {
width: 100%;
}
.process-multistep .row-fluid:nth-child(1) {
background: #f2f2f2;
}
.familylaw-processtree-accordion .accordion-inner {
padding: 0;
}
.process-multistep {
padding: 0;
/*position: fixed;
margin-top: 21px;
z-index: 1000; */
}
/* .tw-element.one-fourth.process-multistep-step {
width: 25%;
box-sizing: border-box;
margin: 0 !important;
float: left;
font-size: 10px;
margin-top: 54px !important;
background: white;
line-height: 1em;
z-index: 99; remove the arrows for mobile view
padding-top: 8px; /* vertical center align text
}*/
div.device-note {
margin: 20px 0px;
width: 90%;
display: block;
line-height: 1em;
}
div#step1 {
width: 96%;
margin: 2%;
}
.gray-bordered-box {
float: left;
margin: 4%;
width: 92%;
}
.bordered-box-content {
padding: 10px;
}
.bordered-box-content h2 {
margin: 0;
}
.bordered-box-content h3 {
font-size: 12px;
}
.bordered-box-content p {
font-size: 14px;
}
div#family-law-processtree div#step1, div#family-law-processtree div#step2a, div#family-law-processtree div#step2b {
display: block;
}
div#family-law-processtree .tw-element {
margin-bottom: -20px;
}
section#sidebar {
margin-top: 45px;
}
.tw-element.one.familylaw-processtree-accordion {
float: inherit !important;
margin: -40px auto !important;
display: block !important;
}
div#overlay-submenu {
height: 170px;
}
div#family-law-processtree.scrolled {
top: 116px;
}
.process-multistep {
padding-bottom: 110px;
box-shadow: 0 100px 0px 100px rgba(255,255,255,1);
/*margin-top: 117px; move steps below sticky header*/
}
.familylaw-processtree-accordion a.accordion-toggle.active:after {
position: fixed;
background-color: rgba(0,0,0,0.2);
height: 50px;
width: 50px;
border-radius: 50%;
bottom: 20px;
color: #fff !important;
right: 20px;
line-height: 48px;
}
/*
div#step3 .tw-element.one-second.row-margin-top-zero {
margin: 6%;
width: 88%;
}
*/
/* div#step4 .process-summary {
width: 100%;
}*/
/* div#step4 .process-form {
width: 88% !important;
margin: 0 6%;
padding: 0;
}*/
/* div#step4 label.col2 {
width: 100%;
margin-bottom: 30px;
}*/
.summary-row {
width: 88%;
margin: 6%;
}
input.wpcf7-form-control.wpcf7-submit {
position: relative;
width: 88% !important;
margin: 0 6%;
margin-top: 50px !important;
}
p#process-disclaimer {
position: relative;
width: 88%;
margin: 50px 6%;
float: left;
}
span.wpcf7-not-valid-tip {
margin-top: -60px;
}
div.wpcf7-validation-errors {
position: relative;
width: 100%;
right: 0;
padding-bottom: 30px;
}
}