/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
.hero-banner p {font-size:20px; line-height:32px;}

p { text-align:justify!important;}

.justify-center p { text-align:justify!important;text-align-last: center!important; }
.inner-header p { text-align:justify!important;text-align-last: center!important; }
.product-inner p { text-align:justify!important;text-align-last: center!important; }
.page-id-86 p { text-align:justify!important;text-align-last: center!important; }
.get-in-touch p { text-align:left!important;text-align-last: left!important; }


/*.nectar-flip-box[data-v_text_align=center] .flip-box-back .inner { text-align:justify!important;text-align-last: center!important; }*/

.lucid-edge .nectar-milestone .number {font-family: DM Sans!important;font-size:38px!important; line-height:38px!important; margin:0!important;}
.nectar-milestone .number .symbol-wrap {font-size:36px!important; line-height:36px!important;}
.lucid-edge .subject {font-family: DM Sans!important;font-size:18px!important; line-height:18px!important; margin:0!important;color:#2a3438;}
.lucid-edge .nectar-milestone { padding:0 0 0 10px;}

.product-inner h3 { font-size:25px!important; line-height:32px!important;}
.nectar-flip-box { margin-bottom: 12px !important; }
.nectar-flip-box .flip-box-back .inner, .nectar-flip-box .flip-box-front .inner { padding: 25px;}

.guar-inner h3 { font-size:22px!important; line-height:30px!important;}
.guar-inner p { font-size:14px!important; line-height:20px!important;}
.guar-inner .inner { font-size:14px!important; line-height:20px!important; color:#fff!important;}
.guar-uses strong {color:#f36f6f}

.get-in-touch .fa { color:#fff;}
.get-in-touch .fa-map-marker {font-size: 28px; line-height: 28px; height: 28px; width: 28px; margin:5px 10px 20px 0; float:left;}
.get-in-touch .fa-envelope {font-size: 20px; line-height: 20px; height: 28px; width: 28px; margin:6px 10px 20px 0; float:left;}
.get-in-touch .fa-phone {font-size: 20px; line-height: 20px; height: 20px; width: 20px;}
.get-in-touch strong {color:#f36f6f}

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    position: absolute;
    right: -40px;
    width: 40px;
    height: 40px;
    top: 50%;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    position: absolute;
    left: -40px;
    top: 50%;
    width: 40px;
    height: 40px;
}

.dark h2 { color:#2a3438;}
.light h2 { color:#fff;}

.food .icon-1 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-1.png) center center no-repeat;-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;}
.food:hover .icon-1 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-1-o.png) center center no-repeat;}

.pharma .icon-2 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-2.png) center center no-repeat;-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;}
.pharma:hover .icon-2 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-2-o.png) center center no-repeat;}

.personal-care .icon-3 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-3.png) center center no-repeat;-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;}
.personal-care:hover .icon-3 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-3-o.png) center center no-repeat;}

.pet-food .icon-4 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-4.png) center center no-repeat;-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;}
.pet-food:hover .icon-4 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-4-o.png) center center no-repeat;}

.technical .icon-5 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-5.png) center center no-repeat;-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;}
.technical:hover .icon-5 { display:inline-block; margin:0 auto!important; text-align:center; width:110px; height:110px; background:url(images/i-5-o.png) center center no-repeat;}

div[data-style="minimal"] .toggle > .toggle-title a
 {
    padding: 20px 70px 20px 0;
    transition: color 0.15s ease;
}
.toggle > h3.toggle-title a { font-size:28px!important; line-height:34px!important;}

.masonry.classic_enhanced .masonry-blog-item h3.title { font-size:28px!important; line-height:36px!important;}

.home .blog-recent .col .post-header h3 { font-size:28px!important; line-height:36px!important;}

.section-title .subheader { display:none!important;}
#single-below-header{ display:none!important;}
.content-inner .meta-category { display:none!important;}
.home .meta-category { display:none!important;}

.blog-recent[data-style*=classic_enhanced] .article-content-wrap, .masonry.classic_enhanced .masonry-blog-item .article-content-wrap { padding: 7%; }

.desktop { display:block;}
.mobile { display:none;}


@media screen and (max-width: 2000px) {
/*************************************************************/
.video-spacer { display:block; height:800px;}
/*************************************************************/
}

@media screen and (max-width: 1700px) {
/*************************************************************/
.video-spacer { display:block; height:650px;}
/*************************************************************/
}

@media screen and (max-width: 1500px) {
/*************************************************************/
.video-spacer { display:block; height:520px;}
/*************************************************************/
}


@media screen and (max-width: 900px) {
/*************************************************************/
.desktop { display:none;}
.mobile { display:block;}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    position: absolute;
    right: 0px;
    width: 40px;
    height: 40px;
    top: 75%;
}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    position: absolute;
    left: 0;
    top: 75%;
    width: 40px;
    height: 40px;
}

/*************************************************************/
}

