/*
| --------------------------------------------------------
| Theme Name : WebPanda
| Theme Version : 1.0
| Theme Date : 07/08/2018
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support, yakneelife
| File : yit-style.css
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| General Body,
|   - Global Classes,
|   - Trypography,
|   - Colors,
|   - Image,
|   - Line Divider,
|   - Margin & padding,
|   - Listing,
|   - Links,
|   - Alignment
| Component CSS
|	- Button
|	- Forms
|	- Letter Spacing
|	- Postion
|	- Display Utilities
|	- More Accessible Class
| Common Landing Pages CSS
| Common Inner Pages CSS
| Footer CSS
| Demo Presentation Page CSS
*/

/* Note:
	- yit is a standard prefix of our profile name (yankee infoweb theme)
	- This file includes all general pages (landing page, innerpages common) and default/scafolding css
*/

/* Website Global CSS BOC
========================================================== */

/* Note:
	- updating a pink color from yit-theme.css with custom blue
*/
.mb-color-bg {
  background-color: #2a7fb8;
  color: #ffffff; }

.pink-color-bg {
  background-color: #2a7fb8;
  color: #ffffff; }

  /* Section Spacing CSS BOF
================================================== */
section { padding-top:50px; padding-bottom:40px; } /* general padding for all section */
section.mini-section { padding-top:60px; padding-bottom:60px; }
section.small-section { padding-top:30px; padding-bottom:30px; }


/* Heading CSS BOF
========================================================== */
h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4;
  font-family: "Montserrat", sans-serif;
  font-weight: 600; }

h2 {
  font-size: 2.25rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.875rem; }

h5 {
  font-size: 1.625rem; }

h6 {
  font-size: 1.25rem; }


  h1 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1;
  font-family: "Montserrat", sans-serif;
  font-weight: 600; }

h1 {
  font-size: 2.5rem; }

  ul {
  	margin: 0;
  	padding: 0;
  }



  /* Line Divider Style CSS BOF
=================================================== */
hr { background:#333333; border-bottom:medium none; border-top:medium none; margin:15px auto 10px; width:83px; height:2px; position:relative; }


/* Gutter Style CSS BOF
==================================================== */
.no-gutter-mrg {  margin-right:0; margin-left:0;}
.no-gutter > [class*='col-'], .none-col-space [class*='col-'] { padding-right:0; padding-left:0;} /* remove gutter space from column */
.row-eq-height{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; }
.row-eq-height.height-full > [class*='col-'] > div{ height: 100%; }
.none-row-space .row { margin-left:0; margin-right:0; } /* remove gutter space from row */

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
    padding-bottom: 0px;
        padding-top: 0px;
  margin-right: auto;
  margin-left: auto;
}


/*** Feature Style-17 CSS BOF ***/
.yit-feature.style-17 .yit-feature-item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding:30px 15px; }
.yit-feature.style-17 .yit-feature-item, .yit-feature.style-17 .yit-feature-item p, .yit-feature.style-17 .yit-feature-content {
  -moz-transition:all .4s ease-in-out 0s; -webkit-transition:all .4s ease-in-out 0s; -o-transition:all .4s ease-in-out 0s; -ms-transition:all .4s ease-in-out 0s; transition:all .4s ease-in-out 0s; }
.yit-feature.style-17 .yit-feature-content { position: relative; top:30px; }
.yit-feature.style-17 .yit-feature-item p { margin-bottom:0; opacity:0; visibility:hidden; }
.yit-feature.style-17 .yit-feature-item:hover .yit-feature-content p { opacity: 1; visibility: visible; }
.yit-feature.style-17 .yit-feature-item:hover .yit-feature-content { top: 0; }