/*
Theme Name: Bobby Blue
Theme URI: https://www.blissdrive.com/
Author: the BlissDrive team
Author URI: https://www.blissdrive.com/
Description: Bobby Blue brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bobbyblue
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ============== Custom Styles =============== */
body{ margin: 0; font-family: "Open Sans", Sans-serif;}

h1, h2, h3{ letter-spacing: -0.8px;}
h4, h5, h6{ letter-spacing: -0.5px;}
h2 span{ display: block;}

a{ color: #0780dd;}

.page-id-618 .entry-header, .entry-header{ display: none;}

.slider-phone{ cursor: pointer;}

.top-cta span{ display: inline-block;}
.top-cta span em{ display: block; font-weight: 400; color: #265d8f; font-size: 15px; text-align: left; padding: 0 0 6px;}
.top-cta .top-license span{ color: #d9203c !important;}
.top-cta .top-phone span div{ display: inline-block;}
.top-cta .top-phone span div:first-child{ margin-right: 20px;}
.top-cta .top-phone span div em{ display: block; font-weight: 400; color: #265d8f; font-size: 15px; text-align: left; padding: 0 0 6px;}
.top-cta .top-phone span div{ background: url("assets/images/top-phone-icon.png") no-repeat 0 bottom; padding-left: 25px; background-size: 18px;}
.top-cta .top-phone span div a{ color: #004f8c;}

.menu-item-has-children ul.sub-menu{ box-shadow: 0 0 0 2px rgba(0,0,0,0.5); border-radius: 6px; margin-top: 5px !important;}
.menu-item-has-children ul.sub-menu li{ border-bottom: 1px solid #e5e5e5;}
.menu-item-has-children ul.sub-menu li:last-child{ border-bottom: 0;}
.footer-wrapper ul.menu ul.sub-menu{ display: none;}

.gold-head{ color: #f3b751; font-size: inherit !important;}
.bold-head{ font-weight: 800 !important;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #999; font-weight: 300; font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */  color: #999; font-weight: 300; font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */  color: #999; font-weight: 300; font-style: italic;}
:-moz-placeholder { /* Firefox 18- */  color: #999; font-weight: 300; font-style: italic;}

input, select, textarea{ font-family: "Open Sans", Sans-serif;}
:focus{ outline: none;}
.schedule-service{ display: flex; flex-wrap: wrap;}
.schedule-service input, .schedule-service select, .schedule-service textarea{ border: 0; border-radius: 3px; padding: 10px; margin: 0;}
.schedule-service span.wpcf7-form-control-wrap{ width: 22%; padding: 0 15px 0 0;}
.schedule-service input, .schedule-service select{ width: 100%;}
.schedule-service select{ padding: 9px 15px;}
.schedule-service input[type=submit]{ width: 12%; background: #1462a4; color: #fff; cursor: pointer; height: fit-content;}
.ajax-loader:empty{ display: none !important;}

.offer-off-text{ position: absolute !important; top: 0; display: flex; justify-content: center; margin: 65px 0 0 0; transform: rotate(-4deg);}

.elementor-widget-testimonial-carousel .elementor-testimonial__image img{ border: 1px solid #ccc; padding: 5px;}
.swiper-pagination-bullet-active{ background: #333 !important;}
.elementor-testimonial--layout-image_above .elementor-testimonial__footer{ margin-bottom: 15px !important;}

.color-red{ color: #ec1111;}
.font-bold{ font-weight: 700;}

.footer-wrapper p, .footer-wrapper ul li, .footer-wrapper a { color: #fff; font-weight: 300;}
.footer-wrapper ul.menu{ list-style: none; margin: 0; padding: 0;}
.footer-wrapper ul.menu li{ padding-left: 15px !important;}
.footer-wrapper ul.menu li:before{ content: ""; position: absolute; top: 0; left: 0; margin: 13px 0 0 0; font-size: 8px; width: 6px; height: 6px; border-style: solid; border-width: 1.5px 1.5px 0 0; border-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.footer-wrapper ul li{ font-size: 0.9em; padding: 6px 0 !important; position: relative;}
.footer-wrapper ul.menu li a:hover{ color: #f3b751;}
.footer-credit a{ color: #f3b751 !important;}

.elementor-pagination{ margin: 50px 0 0;}
.elementor-pagination a, .elementor-pagination span{ color: #000; box-shadow: 0 0 0 1.5px rgba(0,0,0,0.5) !important; border-radius: 1px; padding: 2px 10px;}
.elementor-pagination span{ opacity: 0.5; cursor: default;}
.elementor-pagination a:hover{ color: #fff; background: #004f8c; box-shadow: 0 0 0 1.5px #004f8c !important;}

.blog-sidebar .search-form{ display: flex;}
.blog-sidebar .search-form button{ background: none; margin: 0 0 0 -40px; border: 0; cursor: pointer;}
.blog-sidebar .search-form button svg{ width: 20px; height: 25px;}
.blog-sidebar .search-form input{ border-radius: 100px; padding: 8px 40px 8px 10px; border: 1px solid #bbb; width: 100%;}

.blog-sidebar .elementor-widget h5, .blog-sidebar .elementor-widget .widget-title{ font-size: 1.25em; font-weight: 600; margin-bottom: 15px; margin-top: 0;}
.blog-sidebar .elementor-widget ul{ list-style-type: none; margin: 0; padding: 0;}
.blog-sidebar .elementor-widget ul li{ padding: 8px 0; margin: 0; border-bottom: 1px dotted #999;}
.blog-sidebar .elementor-widget ul li a{ color: #004f8c;}
.blog-sidebar .elementor-widget ul li a:hover{ color: #1385dc;}
.blog-sidebar .elementor-widget .post-date{ font-size: 0.8em;}
.blog-sidebar .elementor-widget .post-date:before{ content: "-"; margin: 0 5px 0 0;}
.blog-sidebar aside{ margin-top: 30px;}

aside#nav_menu-2, .green-widget{ background: #00cbb9; padding: 15px 15px 30px; border-radius: 5px;}
aside#nav_menu-2 h5, .green-widget h5{ margin: 10px 0; color: #fff;}
aside#nav_menu-2 a, .green-widget a{ color: #fff !important; display: block; padding: 2px 0;}
aside#nav_menu-2 a:hover, .green-widget a:hover{ color: #075049 !important;}
.blog-sidebar .elementor-widget aside#nav_menu-2 ul li, .blog-sidebar .elementor-widget aside.green-widget ul li{ border-color: #eee;}

.nf-before-form-content{ display: none;}
.nf-form-cont label{ font-weight: 400 !important; font-size: 0.95em; color: #333;}
.ninja-forms-field{ border: 1px solid #bbb; border-radius: 3px; padding: 8px 10px;}
.nf-field-label{ margin-bottom: 5px !important;}
.nf-field-container{ margin-bottom: 15px !important;}
.field-wrap input[type=button], .field-wrap input[type=submit]{ background: #1462a4; border: 0; color: #fff; cursor: pointer; width: 100% !important; padding: 11px 12px;}
.nf-error-msg{ font-size: 0.8em;}


.jet-slider__title{ max-width: 412px; border: 1.2px dashed; padding: 0.8rem;}
.jet-slider__content-inner{ max-width: 500px !important; background: #fff; padding: 30px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);}
.sp-image-container{ display: none;}


.sidebar-offer{ position: relative;}
.sidebar-offer img{ box-shadow: 0 0 25px 1px rgba(0,0,0,0.12) !important; border-radius: 4px !important;}
.offer-text{ position: absolute; bottom: 0; right: 0; margin: 0 20px 20px 0; text-align: right;}
.offer-text h3, .offer-text h5{ margin: 0; padding: 0; font-family: "trueno";}
.offer-text h3{ font-weight: 800; font-size: 2.2em;}
.offer-text h5{ font-weight: 300 !important; line-height: 16px; font-size: 1.1em !important;}
.offer-text p{ margin: 0; padding: 3px 0 0; letter-spacing: -0.8px; line-height: 33px;}
.offer-text p span{ font-weight: 800; font-size: 2.6em; color: #e33d4d;}
.offer-text p b{ font-weight: 300; font-size: 2em; color: #e33d4d;}
.offer-text p strong{ font-weight: 800; color: #585858; font-size: 2.3em;}
.offer-text p strong:after{ content: ""; display: block;}
.offer-text p a{ border-radius: 100px; box-shadow: 0 0 10px 0 #fe462470; color: #fff; font-family: "trueno"; font-weight: 300; padding: 6px 18px 8px;
    letter-spacing: normal; position: relative; top: -10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fe4126+0,fd8c0b+100 */
    background: #fe4126; /* Old browsers */
    background: -moz-linear-gradient(left,  #fe4126 0%, #fd8c0b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #fe4126 0%,#fd8c0b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #fe4126 0%,#fd8c0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4126', endColorstr='#fd8c0b',GradientType=1 ); /* IE6-9 */
}
.offer-text br{ display: none;}

#sidebar-callout{ background: #fbfbfb; border-radius: 4px; padding: 15px 15px 10px; border: 1px solid #eee; text-align: center;}
#sidebar-callout h5{ margin: 5px 0 15px;}
#sidebar-callout h5 a{ color: #d9203c;}
#sidebar-callout p.call-text{ font-size: 1.2em;}
#sidebar-callout p.call-text a{ font-weight: 600; font-size: 1.35em; display: block; color: #d9203c;}

@media screen and ( max-width: 1023px) and ( min-width: 768px) {
    .offer-text{ transform: scale(0.6); white-space: nowrap; transform-origin: right bottom;}
}

.sidebar-form{ background: #fbfbfb; border-radius: 4px; padding: 15px 15px 10px; border: 1px solid #eee;}
.sidebar-form h5{ margin-top: 8px;}

.contact-page-form{ background: #fff; box-shadow: 0 0 30px 1px rgba(0,0,0,0.07); border-radius: 4px; padding: 35px 15px 15px;}
.contact-page-form .nf-form-wrap{ max-width: 600px; margin: 0 auto;}
.loc-map{ border-radius: 5px; overflow: hidden; margin: 15px 0 0 0;}

.schedule-service .nf-form-wrap{ width: 100%;}
.schedule-service .nf-cell:first-child{ padding-left: 0;}
.schedule-service .nf-cell:last-child{ padding-right: 0;}
@media screen and ( max-width: 600px) {
    .schedule-service .nf-cell{ padding: 0 !important;}
}

/* Support page */
.content-area-support{ width: 100%; max-width: 1200px; margin: 0 auto;}
.page-template-support-page .site-main-nav, .page-template-support-page .top-call,
.page-template-support-page .primary-footer, .page-template-support-page .footer-credit{ display: none;}
.page-template-support-page .logo-container{ background: #fafafa; border-bottom: 1px solid #eee;}
.page-template-support-page .logo-container img{ mix-blend-mode: multiply;}
.page-template-support-page .logo-wrapper{ width: 100% !important; text-align: center; padding-top: 15px; padding-bottom: 15px;}
.page-template-support-page .elementor-widget-image{ text-align: center !important;}
.page-template-support-page .footer-copyright{ width: 100% !important;}
.page-template-support-page .footer-copyright p{ text-align: center !important;}
.page-template-support-page .entry-header{ display: none;}

.tabs-content .elementor-tab-title{ background: #eef6f9; color: #727171;}
.tabs-content .elementor-tab-title.elementor-active{ background: #145389 !important; color: #fff;}
.tabs-content .elementor-tabs-content-wrapper .elementor-tab-content{ height: 250px; overflow-y: auto;}
.has-red-link a{ color: #e00911;}

.boxed-list li{ background: #fff; border: 1px solid #aeccd8; padding: 10px 12px !important; margin: 10px 0 !important;}
.tab-links{ max-width: 836px; margin: 0 auto;}


@media screen and ( max-width: 1024px) {
    nav.elementor-nav-menu--dropdown ul{ padding-bottom: 20px; /*border-bottom: 25px solid #f38b0f;*/}
    .menu-item-has-children ul.sub-menu{ box-shadow: none;}
}

@media screen and ( max-width: 991px) {
    .schedule-service span.wpcf7-form-control-wrap{ width: 100%; padding: 0 0 15px 0;}
    .schedule-service input[type=submit]{ width: 100%;}
}

@media screen and ( max-width: 767px) {
    .sidebar-offer{ max-width: 375px; margin: 0 auto;}
}

@media screen and ( max-width: 624px) {
    .top-cta .top-phone span div:first-child{ margin-bottom: 15px;}
}


@media screen and ( max-width: 440px) {
    .offer-off-text{ margin-top: 55px;}
}
.hide1{display:none;}