/*!
Theme Name: Edubin
Theme URI: https://wpsprite.com/wordpress/edubin/
Author: Pixelcurve
Author URI: https://wpsprite.com/
Description: Edubin Education LMS WordPress Theme.
Version: 2.0.6
License: Split License
License URI: https://help.market.envato.com/hc/en-us/articles/202501064-What-is-Split-Licensing-and-the-GPL-
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: edubin
Domain Path: /languages/
*/

/* Note: The CSS files are loaded from assets/css/ folder. */


/* TOPIC: Creating boxes with Genesis columns in DWB without breaking your layout. Can be used in EZ static homepage widgets or in any page/post with columns.
Do not copy this first part of CSS, you will not need it - it´s just for formatting.*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


.first {
    clear: both;
    padding-left: 0;
}

.one-third {
    width: 31%;
    float: left;
    margin: 0 0 20px;
    padding-left: 3%;
}

/* ===== Box styling custom CSS, copy from here =====*/
.box {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-sizing:border-box;
  -moz-box-sizing:border-box; /* Firefox */
  border: 1px solid #999;
  border-radius: 5px;
  background:#EAEAEA;
  text-align: center;
  text-decoration: none;
  margin-right:5px;
 }

.box-inner {
  margin: 15px; 
  display:block; 
}

 .box h2, .box p {
    -webkit-transition: -webkit-transform 1s;
    transition: -moz-transform 1s;
    transition: transform 1s;
  }

.box h2 {
  border-bottom: 1px solid #ccc; 
  padding: 0.4em 0; 
  color:#333!important;         
  font-size:2.3rem!important;
  font-size: 1.3rem !important;
}
 
/*======= hover styling, not mandatory ========*/
.box:hover {background: #3f3f40;
    -webkit-transition: background 0.5s;
    -moz-transition:    background 0.5s;
    -ms-transition:     background 0.5s;
    -o-transition:      background 0.5s;
    transition:         background 0.5s;
}

.box:hover h2, .box:active h2 {
  color: #fff!important;
  border-bottom-color: #fff;  
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
    }
.box:hover p, .box:active p  {
    color: white;
    -webkit-transition: -webkit-transform 1s;
    transition: -moz-transform 1s;
    transition: transform 1s;
    }

/* ======= button styling, if needed ======*/
a.button{
    background: #090;;
    color: #FFFFFF !important;
    display: inline-block;
    font-family: 'Arial',sans-serif;
    font-size: inherit;
    margin: 10px 0;
    padding: 10px 20px;
    border:none;
    border-radius: 5px;
    text-decoration:none;
}

.box .button:hover {
  background:#00990082;
  color:#ffffff!important;
}