/*
Theme Name:     LMS Child
Theme URI: 		http://wedesignthemes.com/themes/lms/
Author: 		the DesignThemes team
Author URI: 	http://themeforest.net/user/designthemes
Description:    Child theme for the LMS theme powered by DesignThemes
Template:       lms
Version:        4.3
*/

/* ================================================== CSS ADDED BY SLA (UMAR ADIL) ONWARDS ================================================== */

/* ================================================================ Header ================================================================ */

/* Logo on Header Start */
#header #logo {padding: 0px;} 
#header #logo a img {max-width: 68%;} 
/* Logo on Header End */

/* Social Icons on Header Start */
#header .contact-details { margin:0px 0px 0px; padding:5px 0px 5px 0px; }
#header .contact-details ul.social-icons { float:left; margin:0px; padding:0px; }
#header .contact-details ul.social-icons li { clear:none; float:left; display:inline; margin:0px 15px 0px 0px; padding:0px; }
#header .contact-details ul.social-icons li a { color:#da853d; font-size:18px; line-height:40px; }
#header .contact-details ul.social-icons li a:hover { opacity:0.7; filter:alpha(opacity=70); }

#header .contact-details aside.widget { padding: 0px; }
/* Social Icons on Header End */

/* Pramotions Widget on Header Start */
#header .pramotions { margin:0px 0px 0px; padding:5px 0px 0px 0px; float: left; }
#header .pramotions .widget { padding:0px;}
#header .pramotions h4, #header .pramotions h5 { margin-bottom: 10px;}
/* Pramotions Widget on Header End */


/* Menu on Header File 3 Start */

#main-menu 
{
  line-height: 10px;
}

#header.header3 #main-menu {margin: 15px 0px 0px 10px;}

#header.header3 #main-menu > ul.menu > li > a { padding:13px 10px 11px; }

#main-menu > ul.menu > li > a {text-transform: none;} 

#header.header3 #main-menu ul li.menu-item-simple-parent > ul { top:43px; }


@media only screen and (min-width:768px) and (max-width:1199px) { #main-menu ul li.menu-item-simple-parent ul { max-height: 400px; overflow: auto; } }
@media only screen and (max-width:767px) { #main-menu ul li.menu-item-simple-parent:nth-child(6) ul li ul { left: 220px; right: auto;} }
/* Menu on Header File 3 End */

/* ================================================================ Footer ================================================================ */
 
/* Copyright on Footer Start */ 
#footer .copyright .copyright-info { width:100%; text-align:center; }
/* Copyright on Footer End */ 

/* General Horizontal Menu on Footer Start */ 
#footer .footer-menu {
  width: 100%;
  float: left;
  clear: both;
  padding: 20px 0px;
  margin: 0px;
  color: #FFFFFF;
  background-color: #333333;
} 
.footer-menu #nav_menu-4 { padding: 0; }
.footer-menu ul.menu { text-align: center; }
.footer-menu ul.menu li { display: inline-block; float: none; text-align: center; padding: 6px 15px 6px 0; }
.footer-menu ul.menu li:before { content: "|"; right: 5px; left: auto; }
.footer-menu ul.menu li:last-child:before { content: ""; }
.footer-menu .widget { padding: 0px; }
/* General Horizontal Menu on Footer End */

/* General Vertical Training Menu on Footer Start */
#footer .footer-training-menu {
    width: 100%;
    float: left;
    clear: both;
    padding: 20px 0px;
    margin: 0px;
    color: #FFFFFF;
    background-color: #444444;
}
.footer-training-menu .widget { padding: 0px; }


#footer .footer-training-menu .widget h3.widgettitle
{
  color: #FFFFFF;
}

#footer .footer-training-menu h3.widgettitle
{
  color: #FFFFFF;
  text-align: center;
}


#footer .footer-widgets-wrapper 
{
  padding: 10px 0px 0px;
}


@media only screen and (max-width: 480px) 
{ 
  #footer .footer-widgets-wrapper 
  {
    padding: 55px 0px 0px;
  }
}

/* General Vertical Training Menu on Footer End */



/* Logo on Footer Start */ 

#footer .footer-logo {width: 75px;}

#footer .footer-logo img {max-width: 75%; top: 37px;}

/* Logo on Footer End */ 

/* ======================================================== First Visit Popup Form ======================================================== */
 


.dt-sc-callout-box.with-icon { width: 100%; }

/* Training Course Start */


@media only screen and (min-width: 480px) and (max-width: 767px) { 
  .training-course-pramotion, .job-openings-pramotion { display:none; } 
}

@media only screen and (max-width: 479px) { 
  .training-course-pramotion, .job-openings-pramotion { display:none; } 
}


@media only screen and (min-width: 320px) and (max-width: 479px) { 
  /* Popup training section Start */
  .training-course-pramotion, .job-openings-pramotion { display:none; } 
  /* Popup training section End */
  
  /* Popup Close Button Start */
  .pum-theme-lightbox .pum-content + .pum-close {right: 0px !important; top: -10px !important}
  /* Popup Close Button End */

  /* Popup form heading Start */
  .dt-sc-course-searchform header {display: none}
  /* Popup form heading End */
}


/* ============================================================= Download PDF Popup Form ============================================================= */
 

/* Download Popup Error Message Start */
.wpcf7-form span.wpcf7-not-valid-tip {
  position: relative;
}

.pum-title, .pum-theme-lightbox .pum-title {
  text-align: center !important;
}

/* Download Popup Error Message End */

/* ================================================================ Clientale ================================================================ */
 
/* Client Icons on Clients Page Start */

.clients-logos-container
{
  background-color: #72723E;
}

.single-logo-container {
  height: 150px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 5px;
  vertical-align: middle;
}


.single-logo-container img{
  width: 125px;
  height: 100px;
}

.single-logo-container h3 {
  font-size: 14px;
}
/* Client Icons on Clients Page End */ 

/* ================================================================ Content pages ================================================================ */
 
.fullwidth-section-content {
  padding: 0px 10px 0px 10px;
}

.main-title-section.fullwidth
{
  width: 100%;
}

.main-title-section-wrapper.smaller {
  margin-bottom: 30px;
  padding: 15px 0px;
}

.main-title-section-wrapper.no-margin-bottom {
  margin-bottom: 0px; 
  padding: 15px 0px;
}
/* Headings on Page Start */
.main-title-section h1 {
  text-transform: none;
  font-size: 25px;
}
/* Headings on Page End */ 

.border-title { 
  text-transform: none; 
}

/* ================================================================ Tabs in the theme ================================================================ */
 

@media only screen and (max-width: 767px) { 

ul.dt-sc-tabs-frame li { float: none; }

ul.dt-sc-tabs-frame li a, ul.dt-sc-tabs-frame li a.current { width: 85%; }

ul.dt-sc-tabs-frame li a { border-bottom-color: #201c1d !important; }

}


/* ========================================================== Toggle/Accordion in the theme ========================================================== */

.dt-sc-toggle-frame .dt-sc-toggle-content .block { display: grid; } /* inline-block */

/* ========================================================== Testimonials Plugin ========================================================== */

/* Testimonials when added on pages the LMS theame tabs, accordian does not work so float testimonial container to left solution given by DT */
.strong-view.default.slider-container { float: left;}

/* ========================================================= Custom Enquiry Forms ========================================================= */

/* all-courses-enquiry Page Start */
 
.dt-sc-searchbox-container form {padding:10px 5px 0px 5px !important;} 

.all-courses-enquiry, .dt-sc-course-searchform textarea {
  min-height: 87px !important;
}

.all-courses-enquiry > header > h2, .dt-sc-course-searchform > header > h2 {
  white-space: nowrap;
}

.all-courses-enquiry > header > h2 > span, .dt-sc-course-searchform > header > h2 > span {
  border-radius: 0px; 
}
/* all-courses-enquiry Page End */

/* Home Page Enquiry Form Start */
.dt-sc-course-searchform.home-page textarea {
  height: 129px;
}
/* Home Page Enquiry Form End */


/* All Enquiry Forms Start */
.custom_enquiry_form_submit_container
{
  text-align: center; 
}

.custom_enquiry_form_submit
{
  float: none !important; 
}
  



#captcha_answer
{
  display: inline;
  width: 30%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.captcha_container
{
  text-align: center;
}

/* All Enquiry Forms End */

/* ================================================================ Custom Courses ================================================================ */

.dt-sc-course-image {
  margin: 0px !important;
}

/* Popular Courses on Home Page Start */
.dt-sc-course-details .dt-sc-course-price, .dt-sc-course-details .dt-sc-course-meta, .dt-sc-course-details .dt-sc-course-data { display: none; }
.dt-sc-one-half .dt-sc-custom-course-type.course-list-view .dt-sc-course-desc { display: block; margin: 0px; }
/* Popular Courses on Home Page End */


/* Courses details Page Start */
.dt-sc-course-details .dt-sc-course-details-inner .entry-metadata { display: none; }

.dt-sc-course-details-inner {width: 71% !important;}
/* Courses details Page End */
/* ================================================================ Portfolio ================================================================ */

.portfolio
{
  border: dashed 1px;
}

/* issue posted on 23 Nov 2021 to design themes
Please refer : https://prnt.sc/20msv0s
Get into Admin Panel > Appearance > Customize > Additional CSS > Paste the below css code inside the text area > Save All.
.portfolio.column.dt-sc-one-fourth.no-space { width: 24.3% !important;}
*/
.portfolio.column.dt-sc-one-fourth.no-space { width: 24.3% !important;}
.portfolio.column.dt-sc-one-third.no-space { width: 32% !important;}
/* ===========================================================  General Changes in theme =========================================================== */
 

/* ================================================================  General Classes ================================================================ */

h5, h5 
{
  font-family: inherit;
}

.red {
  color: #DD5A43 !important;
}

.hide {
  display: none;
}


.training-icon
{
  background: #f5e9d4;
  display: inline-block;
  width: 80px;
  height: 80px;
  text-align: center;
  margin-bottom: 20px;
  color: #303030;
  border-radius: 3px;
  position: relative;
}


.center,
.align-center {
  text-align: center !important;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-justify {
  text-align: justify;
}
.middle {
  vertical-align: middle;
}
.align-middle {
  vertical-align: middle !important;
}
.align-top {
  vertical-align: top !important;
}
.align-bottom {
  vertical-align: bottom !important;
}



/* Spaces Start */


.space-32 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 32px 0 31px;
}
[class*="vspace-32"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 32px 0 31px 0;
}

.space-24 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 24px 0 23px;
}
[class*="vspace-24"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 24px 0 23px 0;
}
.space-22 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 22px 0 21px;
}
[class*="vspace-22"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 22px 0 21px 0;
}
.space-20 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 20px 0 19px;
}
[class*="vspace-20"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 20px 0 19px 0;
}
.space-18 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 18px 0 17px;
}
[class*="vspace-18"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 18px 0 17px 0;
}
.space-16 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 16px 0 15px;
}
[class*="vspace-16"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 16px 0 15px 0;
}

.space-14 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 14px 0 13px;
}
[class*="vspace-14"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 14px 0 13px 0;
}

.space-8 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 8px 0 7px;
}
[class*="vspace-8"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 8px 0 7px 0;
}

.space-6 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px;
}
[class*="vspace-6"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 6px 0 5px 0;
}
.space-4 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 4px 0 3px;
}
[class*="vspace-4"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 4px 0 3px 0;
}
.space-2 {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 2px 0 1px;
}
[class*="vspace-2"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 2px 0 1px 0;
}
.space-0,
[class*="vspace-0"] {
  max-height: 1px;
  min-height: 1px;
  overflow: hidden;
  margin: 12px 0;
  margin: 0;
}

/* Spaces End */