/*
    Template: pearl
    Theme Name: Pearl Child Theme
    Theme URI: http://pearl.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Pearl WP is a true multi-niche WordPress theme, which consist of several micro-niche themes. Each micro-niche layout has its own features, modules and specifications. You can use UI modules from any layout and mix it with other UI modules. 300+ UI modules and 250+ prebuilt pages are available for use. Open the shell and find the Pearl!
    Version: 1.1.1
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: beauty salon, blog, business, church, coach, construction, consulting, corporate, ecommerce, multipurpose, music, portfolio, restaurant, transportation, travel, custom-header, custom-menu, editor-style, sticky-post, theme-options
	Text Domain: pearl-child-theme
*/

/*home pg products section white button*/
.white_btn {color:#ffffff; background-color: transparent; border:1px #ffffff solid; width:50%; padding:10px; display: block; margin: 0 auto;}

/*header global changes*/

.stm-header {margin-bottom: 10px !important;}

/*Free Trial and login button at the top*/
.object535 .btn_primary.btn_solid {background-color: #0095a8 !important; border: 1px solid #0095a8 !important; font-weight:700; font-size:17px !important;}
.object501 .btn_primary.btn_solid {background-color: #0095a8 !important; border: 1px solid #0095a8 !important; font-weight:700; font-size:17px !important;}
.object535 .btn_primary.btn_solid:hover, .object501 .btn_primary.btn_solid:hover {background-color: #000000 !important; border: 1px solid #000000 !important;}

/*active header title color*/
.stm-header .stm-navigation__default > ul > li.current-menu-item > a:hover {color: #000000 !important;}

/*sub menu link active color when that page is active*/
html body .stm-navigation__default ul li.stm_megamenu>ul.sub-menu>li ul.sub-menu>li.current-menu-item a {color:#333333 !important;}

/*menu fonts */
.stm-header .stm-navigation__default > ul > li > a {font-weight: 600 !important;font-size: 16px !important;}

/*arrows for main Menu items that have dropdowns */
.stm-navigation__default > ul > li.menu-item-has-children > a:after 
{top: 12px; position: relative; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #b2292e; content: ""; margin-left: 10px; margin-right: 10px; /*old margin-right: -10px;*/}

/*social icons in header*/
.stm-header .stm-socials a:hover {color:#b2292e !important;}
.noshow-text {display:none;}

/*social icon spacing*/
.stm-header .stm-socials a {margin: 0 -1px;}

/*Adjust spacing in the mega-menu */
.stm-navigation__default ul li.stm_megamenu > ul.sub-menu > li ul.sub-menu {margin:-15px 0px 0px -15px !important;}

/*All Submenu background to be red 
html body.stm_header_style_19 .stm-navigation__default ul li.stm_megamenu > ul.sub-menu > li ul.sub-menu > li > a:hover {background-color: #b42a2e !important; color:#ffffff !important; padding:10px !important;}*/

/*All Submenu links change on hover */
html body.stm_header_style_19 .stm-navigation__default ul li.stm_megamenu > ul.sub-menu > li ul.sub-menu > li > a:hover {color: #b42a2e !important; font-weight:700 !important;}

html body.stm_layout_company .stm-navigation__default ul li.stm_megamenu > ul.sub-menu > li ul.sub-menu > li > a {    padding: 0 0 0 2px !important;}

/*regular button style*/
.btn .btn__label {font-size: 15px !important;}

/*change watsup app icon to vimeo*/
.fa-whatsapp:before {content: "\f27d" !important;}

/*Slider Rev overlay gradient*/
rs-dotted.twoxtwo {background-image: linear-gradient(to right, rgba(222, 222, 222, 0.0), rgba(0, 0, 0, 0.7));}

.ralign {text-align:right !important;}

/*Home Features icons text hover */
#icons1 h5 span:hover, #icons2 h5 span:hover {font-weight:700 !important;}

/*Single blog post page top bar */
.single-post .stm_single_post_layout_2 {padding-top: 40px; border-top: 1px solid #e5e8ec;}


/*remove dropdown shadow in contact us form*/
.stm_select:focus, .stm_select:active, .stm_select:hover {box-shadow: 0px 4px 17px 0px rgba(255,255,255,0.1) !important; } 

/*hide single post author and comments meta*/
.single-post .post_details .post_by, .single-post .post_details .comments_num {display: none;}

/*secondary page subheader opacity*/
.stm_titlebox:after {background-color:rgba(0,0,0,0.4) !important;}

/*job single page subheader*/
.single-stm_vacancies .stm_titlebox_style_2 {padding: 145px 0 90px;}

/*twitter, remove embed text*/
a.u-floatLeft {display:none !important;}

/*single post author styling */
.single-post #our-author .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top: 0px !important;}

.single-post #our-author .vc_row {margin-left: 10px !important; margin-right: 10px !important;}

/*what's next number styling*/
.number1, .number2, .number3 {margin: 3px 15px 100px 0;}

/*footer 2nd column border*/
.footer-col2 {border-right:1px solid #ffffff;border-left:1px solid #ffffff;padding-left:20px;padding-right: 20px;}

/*quote sign in testimonials*/
.quote-sign:after{position: absolute;bottom: 0;right: 0;font-size: 47px;line-height: 39px;content: "" !important;font-family: 'stmicons' !important;color: #b2292e !important;
}

/*shadow for image or box */
.image-depth-shadow {border-radius: 6px;box-shadow: 2px 6px 10px 10px rgba(23,43,77,.1);
}

/*spacing between button and features in the red bar*/
@media screen and (max-width: 1199px) and (min-width: 1026px) {
.red-line-mobile {margin-top: 40px !important;}
}
    
/*hide and show mobile crm*/
@media only screen and (min-width: 1025px) {
.crm-mobile {display:none;}
}

@media only screen and (max-width: 1025px) {
.overlap, .red-line-mobile, .vc_images-carousel-1-1569538245 {display:none;}
.crm-mobile {}
.number1, .number2, .number3 {margin: 0px;}
.number1-copy, .number2-copy, .number3-copy {margin-top:30px;}
}

.flex-col {display:flex; flex-direction:row;}

/*video image overlay*/
.video-dark-overlay a {box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.3) !important;}

/**************************/
/*MOBILE*/
@media only screen and (max-width: 1023px) {

/*mobile menu*/
.pearl_sticky_holder, .stm-address-hours-title::after {display:none;}

.object499 {padding-top:20px;}

/*remove arrows down for mobile menu */
.stm-navigation__default > ul > li.menu-item-has-children > a:after {display:none !important;}

.stm-header .stm-navigation__default > ul > li.stm_megamenu.active .sub-menu ul {padding: 10px 15px !important;}

html body .stm-navigation__default ul li.stm_megamenu .sub-menu > li {margin: 0 0 5px 0px !important;}
        
/*background behind logo*/
.stm_layout_company .stm_mobile__header {background-color:#ffffff !important;}
    
/*footer 2nd column*/
.footer-col2 {border-right:none;border-left:none; padding:0px;}

}

/*adjust features on mobile to be two columns, then one */
@media screen and (max-width: 767px) and (min-width: 600px) {
.features-row1 {float: left;
margin: 0 auto; width: 50%;}
.features-row2 {float: right;
width: 50%;}
}

@media only screen and (max-width: 599px) {.features-row2 {margin-top:-30px;}
}


/*hide and show features images on mobile*/
@media only screen and (min-width: 767px) {
#mobile-feature-image {display:none;}
}

@media only screen and (max-width: 767px) {
#desktop-feature-image {display:none;}
#slider-title {line-height:50px !important;}
.slider-desc-copy {text-align:center !important;}
}

/*slider copy changes*/
@media only screen and (max-width: 924px) {

#slider-title {line-height:50px !important;}
.slider-desc-copy {text-align:center !important;}
}

/*****HERO CSS******/
.hero-quote-left {float: left; margin-left: -180px; width: 250px; padding-right: 40px; padding-bottom: 20px;}
    
.hero-quote-right {float: right; margin-right: -120px; width: 250px; padding-left: 40px; padding-bottom: 20px;}

@media only screen and (max-width: 1400px) {
.hero-quote-left {margin-left: 0px;}
.hero-quote-right {margin-right: 0px;}
}

@media only screen and (max-width: 1200px) {
#hero1, #hero2, #hero3 {float:left; width:100%; text-align:center;}
#hero1 {padding-bottom:20px;}
#hero3 .wpb_single_image.vc_align_left {text-align: center;}
.quote-sign-left:after {left: -8px;}
#hero2 .vc_custom_1572373385252, #hero3 .vc_custom_1572373390833 {border: none !important;}
#hero3 h2 {font-size: 46px !important; line-height: 50px; padding: 20px 0;}
}

@media only screen and (max-width: 767px) {
.advisor1, .advisor2, .advisor3 {padding: 0px !important;}
}


/***remove image in Press Release Category list***/

.category-66 .stm_loop__post_image {display:none;}

/***remove image in Search Results page***/
.search-results .stm_loop__post_image {display:none;}

/***hide press release on Home and Blog
.blog .category-press-release {display:none;}
***/

/*fix hom carousel on ipad*/
@media only screen and (max-width: 1200px) {
.home-about-carousel {display: none !important;}
.home-carousel-right{width:100% !important}
}

/*blog to show up on ipad - Orig 620px*/
.stm_posts_list_style_19 .stm_posts_list_single {height: 660px !important;}

/*show careers sidebar on mobile and smaller tablets*/

@media only screen and (min-width: 991px) {
#careers-sidebar {display: none !important; }
}   
@media only screen and (max-width: 991px) {
#careers-sidebar {display: block !important; margin-top: 30px;}
}   
        
/*form submit button styling*/
.stm_layout_company.stm_form_style_2 [type=submit]
{padding:0 75px 0 25px !important;}

/*Hide Captcha button from bottom right corner*/
.grecaptcha-badge { visibility: hidden; }

/*blog year addition in white box*/
.stm_post_details .post_date .year {font-size: 12px; line-height: 1; color: #fff; display: block; padding-top: 5px;}
.stm_loop__single_list_style_2 .stm_single-date .year {font-size: 14px;line-height: 1;color: #fff;display: block;padding-top: 5px;}
/*Update text color in black, with white bg and smaller date box in blog landing page*/
.stm_loop__single_list_style_2 .stm_single-date {width: 65px !important; height: 65px !important; background-color: #ffffff !important; opacity: 90%;}   
.stm_loop__single_list_style_2 .stm_single-date .day {font-size: 20px; color: #000000 !important;} 
.stm_loop__single_list_style_2 .stm_single-date .month, .stm_loop__single_list_style_2 .stm_single-date .year {font-size: 12px !important; color: #000000 !important;}
/*blog landing padding inside the text box*/    
.stm_loop__single_list_style_2 .stm_loop__content {padding: 30px 30px 0 !important;} 

/*mobile menu and sub-menu adjustments*/
@media only screen and (max-width: 778px) {
html body .stm-navigation__default ul li.stm_megamenu ul.sub-menu {padding: 5px 0 0 25px !important;}   
html body .stm-navigation__default ul li.stm_megamenu .sub-menu > li {margin: 10px 0 5px 0px !important;}
}

/*blog-news and category page individual section padding*/
.blog .stm_mgb_34, .category .stm_mgb_34 {margin-bottom: 14px;}
/*make title show full lenght*/
.blog .stm_loop__single_list_style_2 .h5, .category .stm_mgb_31 {white-space: normal !important;}


/*For spinner to be grey, like in the original contact form 7*/
div.wpcf7 .ajax-loader {
display: inline-block;
background-color: #23282d !important;
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative; }
div.wpcf7 .ajax-loader:after {
content: '';
position: absolute;
background-color: #fbfbfc !important;
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite; }
div.wpcf7 .ajax-loader:before {
display: inline-block !important; }

div.wpcf7 .wpcf7-spinner {
display: inline-block;
background-color: #23282d !important;
opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative; }
div.wpcf7 .wpcf7-spinner:after {
content: '';
position: absolute;
background-color: #fbfbfc !important;
top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite; }
div.wpcf7 .wpcf7-spinner:before {
display: inline-block !important; }