/*
Theme Name: SalesForce Tutorials
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

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.
*/

 .pi-internal-page-banner {
    overflow: hidden;
    background: url(http://salesforcedrillers.com/wp-content/uploads/2020/06/sf1.jpg) no-repeat!important;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    color: #fff;
    position: relative;
    background-size: 100%;
    height: 265px; text-align: center;}
 .pi-breadcrumb {
    margin: 0;
    padding: 0;}
 .pi-breadcrumb li:after {
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    font-weight: 400;
    margin: 0 3px 0 5px;}
  .pi-breadcrumb li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 14px;
    font-family: Poppins;}
   .pi-breadcrumb li:last-child:after {
    content: "";
    margin: 0;
}

.nav-sidebar .nav-item>.nav-link {
    display: block;
    padding: 3px 8px;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Varela', sans-serif;	
}

h2 {
  color: #313338;  
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
  padding-bottom: 10px;  
}
img{
 border:none;
}

/* Preloader */
#preloader {
  position: fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color:#000; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

#status {
  width:200px;
  height:200px;
  position:absolute;
  left:50%; /* centers the loading animation horizontally one the screen */
  top:50%; /* centers the loading animation vertically one the screen */
  background-image:url(img/status.GIF); /* path to your loading animation */
  background-repeat:no-repeat;
  background-position:center;
  margin:-100px 0 0 -100px; /* is width and height divided by two */
}

/*scrol to top*/

.scrollToTop {
  background: url("img/bootom-top-arrow.png") no-repeat scroll 13px 12px #ffffff;
  border: 3px solid #f0f1f3;
  border-radius: 5px;
  bottom: 20px;
  display: inline-block;
  height: 54px;
  opacity: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 54px;
  z-index: 100;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;

}
.scrollToTop:hover{
  background-position: 13px -50px;  
  text-decoration: none;
  outline: none;
}

/*--------------------*/
/* HOME HEADER */
/*--------------------*/

#header{
	float: left;
	display: inline;
	width: 100%;
  background-color: #313b3d;	
}

/*--------.menu_area-------- */
.menu_area{
  float: left;
  display: inline;
  width: 100%;
}


/
/*--------------------*/
/* FOOTER SECTION */
/*--------------------*/

#footer{
  float: left;
  display: inline;
  width: 100%;
}
.footer_top{
  float: left;
  display: inline;
  width: 100%;
  background-color: #1e2223;
  padding: 60px 0px;
}
.single_footer_widget {
  display: inline;
  float: left;
  padding: 0 10px;
  width: 100%;
}
.single_footer_widget > h3 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.single_footer_widget>p{
  color: #fff;
}
.footer_widget_nav li a {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 3px;
  display: block;
}
.footer_social li a {
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 22px;
  padding: 0 10px;
}
.footer_bottom{
  float: left;
  display: inline;
  width: 100%;
  background-color: #f8f8f8;
  padding: 20px 0px;
}
.footer_bootomLeft{
  float: left;
  display: inline;
  width: 100%;
}
.footer_bootomLeft>p,.footer_bootomRight>p{margin-bottom: 0px;}

.footer_bootomRight{
  float: left;
  display: inline;
  width: 100%;
  text-align: right;
}

/*--------------------*/
/* COURSE ARCHIVE PAGE */
/*--------------------*/

#imgBanner {
  background-image: url("img/banner.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline;
  float: left;
  height: 300px;
  margin-top: 77px;
  padding: 118px 0;
  text-align: center;
  width: 100%;
}
#imgBanner h2 {
  color: #fff;
  font-size: 72px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
#courseArchive{
  float: left;
  display: inline;
  width: 100%;
  background-color: #f6f6f6;
  padding: 40px 0px;
  min-height: 500px;
}
.courseArchive_content{
  float: left;
  display: inline;
  width: 100%;
  margin-bottom: 50px;
  background: #fff !important;
}
.courseArchive_content .single_course {
  margin-bottom: 30px;
}
.click-button1{    
 bottom:0px!important;    
}
.click-button2{    
 bottom:0px!important;    
}
.sfMenu{color: #78ADC9; background: #F2F5F5 ;border-top: 1px solid #D5D3D3;}
.bck-ground{
  background-image: url("http://salesforcedrillers.com/wp-content/uploads/2020/05/cloud-background.jpg");
  background-size: 100%;
  background-repeat: no-repeat;}

.pagination li a{
  -webkit-transition: all 0.5s;
  -mz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.pagination li a:hover,.pagination li a:focus{
  color: #fff;
}
p {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0px;
}
.courseArchive_sidebar{
  background-color: #fff;
  float: left;
  display: inline;
  width: 100%; 
  padding: 12px;
  min-height: 500px;
  margin-left: 10px;
}
.single_sidebar > h2 {
  color: #fff;
  font-size: 20px;
  padding: 10px 3px;
  margin-bottom: 10px;
  line-height: 30px;
}
.single_sidebar > h2 span{
  font-size: 20px;
}
.single_sidebar .news_tab .media-body > a {
  margin-top: 0;
}
.single_sidebar > ul > li>a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  padding: 5px;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #000;
}
.single_sidebar > ul > li>a:hover,.single_sidebar > ul > li>a:focus{
  text-decoration: none;
  outline: none;
}


/*--------------------*/
/* CONTACT */
/*--------------------*/

.contact{
  float: left;
  display: inline;
  width: 100%;
  background-color: #f6f6f6;
  padding: 80px 0;
}
.contact_form{
  float: left;
  display: inline;
  width: 100%;
}
 .wp-form-control {
  border: 1px solid #ffffff;
  border-radius: 5px;
  display: inline;
  float: left;
  margin-bottom: 20px;
  padding: 10px 12px;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;  
  width: 100%;  
}
.wpcf7-text{
  height: 45px;
}
.wpcf7-email{
  height: 45px;
}
.wpcf7-textarea {
  height: 200px;
  padding: 15px;
}
.wpcf7-submit {
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 4px;
  text-transform: uppercase;
   -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s; 
}
.contact_address{
  float: left;
  display: inline;
  width: 100%;
}
.contact_address>h3{ 
  margin-top: 0px;
}
.address_group{
  float: left;
  display: inline;
  width: 100%;
  margin-bottom: 30px;
}
.address_group .footer_social li a{
  color: #ccc;
}
#googleMap{
  float: left;
  display: inline;
  width: 100%;
  margin-bottom: -6px;
}

/*--------------------*/
/* 404 page */
/*--------------------*/





/*======================///////////////
			start responsive style
=====================///////////////////////*/


@media(max-width:1199px ){
}
  
@media(max-width:991px ){
  .navbar-default .navbar-brand {font-size: 18px;}
  /*.navbar-default .navbar-nav > li > a {font-size: 12px;padding: 30px 9px;}*/
  .navbar-nav > li > .dropdown-menu li a {font-size: 12px;}
  .navbar-brand{width: 160px;}
  .navbar-brand img{max-width: 100%;}
  .course_nav { padding-left: 15px;}
  .course_nav .slick-prev {left: -20px;}
  .singCourse_title {font-size: 18px;}
  .singCourse_author > p {font-size: 10px;}
  .single_footer_widget > h3 {font-size: 17px;}
  .single_sidebar > h2 {font-size: 20px;}
  .news_tab .media-body > a {font-size: 12px;}
 
}

@media(max-width:767px ){
  .navbar-nav{margin: 7.5px -15px;}
 .navbar-nav >>li {
    position: relative;
    display: block;
}
.navbar-default .navbar-nav > li > a {padding: 10px 10px; margin:2px 0px; }
.navbar-nav > li > .dropdown-menu {left: 15px;}	
.navbar-nav > li > .dropdown-menu:before {border-left: 10px solid transparent;border-right: 10px solid transparent;right: 65%;}
.navbar-toggle{margin-top: 15px;}
.navbar-default .navbar-brand {margin-bottom: 8px;margin-top: 8px;}
.navbar-nav > li > .dropdown-menu:before {display: none;}
.footer_bootomLeft {margin-bottom: 10px;text-align: center;}
.footer_bootomRight {text-align: center;}
.single_footer_widget {text-align: center;}
.footer_social{text-align: center;}
.footer_social li {display: inline-block;}
#imgBanner {margin-top: 65px;}
#imgBanner h2 {font-size: 50px;}
.courseArchive_content {margin-bottom: 65px;}
.contact_address {margin-top: 50px;text-align: center;}
.home-banner img {
    height: auto!important;
    width: 100%!important;
  	object-fit: fill;
  }	
}

@media(max-width:480px ){	
  .slider_right_caption {top: 15%;}
	.slider_caption h2 {font-size: 20px;line-height: 30px;}
  .slider_caption p { font-size: 13px;}
  .slider_btn {font-size: 13px;padding: 5px 10px;}
  .error_page_content h1 {font-size: 100px;}
  #imgBanner h2 {font-size: 40px;}
  #imgBanner {height: 200px;padding: 80px 0;}
  .gallery_area a {width: 100%;margin-right: 0;margin-left: 0;height: 250px;}
 
}

@media(max-width:360px ){

}

@media(max-width:320px ){

	
}
/*li{ padding-bottom:12px; }*/
li p.paragraphText {
    text-align: left;
    display: contents;
}
p.foter-link {
    margin: 20px auto;
    display: inline-table;
}
img.img-pa-in {
    margin-top: 10px;
    margin-bottom: 15px;
    display: block;
    max-width: 100%;
    height: auto;
}

.compareTable{width:100%;}
.notation{color:black;background:#00ADFF;padding:5px;}
.difLeft{background:#47478B;color:red;text-align:center;border:2px solid red;padding:10px;}
.difRight{background:#479147;color:red;text-align:center;border:2px solid red;padding:10px;}
.tableContent{padding-left: 4px;padding-right: 4px}

.trStyle{border-bottom: 1px solid #D2D2D2;}
.MenuItem {color: #78ADC9;margin-left:10px;}
.highlight-note{border:1px solid;border-radius: 4px;background: rgba(128, 128, 128, 0.07);padding: 3px; overflow:auto; margin-bottom: 10px;}
/*.justify-text{text-align: justify;text-justify: inter-word;}*/
.ans{padding-left:0px;padding-right:10px;}
.node-header{text-align:center;background: #757D82;padding: 10px;color: #FFFFFF;font-size: 16px;border-radius: 4px 4px 0px 0px;box-shadow: 1px 4px 6px #9D9898;}
.node-body{text-align:center;margin-top: 5px;border: 2px solid #A0A0B3;border-radius: 0px 0px 5px 5px;padding: 10px;box-shadow: 1px 5px 5px #C0C0C1;font-weight: 600;}
.sqr-box{border: 2px solid #3A3A6F;padding: 3px;border-radius: 2px;margin-top: 5px;box-shadow: 2px 2px 5px rgba(74, 74, 74, 0.72);}
.code-section_old{border: 1px solid #DCDAD5; padding: 7px 8px 7px 10px; font: 13px/1.5 Verdana;
border-radius: 3px; box-shadow: 2px 4px 12px #EAE3D2;}
.code-section{border: 1px solid;border-radius: 4px;background: rgba(128, 128, 128, 0.07);padding: 7px 8px 7px 10px;}
.list-height{line-height:20px !important;}
.ln-hgt38{line-height:38px !important;}	
.tg-blu{font-weight:bold;colour:#069;}  
.red-clr{color:red ;}
.data-tbl td{padding: 3px 2px 3px 3px;}	

	
.data-tbl tr:nth-child(odd) {
	background: -webkit-linear-gradient(#FBFAFA, #DEF6DE); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FBFAFA, #DEF6DE); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FBFAFA, #DEF6DE); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FBFAFA, #DEF6DE);; /* Standard syntax */
  }	
.data-tbl tr:nth-child(even) {
	background:white;
  }	

.data-tbl tr:nth-child(1) {
	background:#6F81A0;
	color:white;
  }		
.data-tbl tr th{
  padding: 10px;
} 
.td-one-third{width:33%;}
.black-clr-b{color:black;font-weight:600;}