/* Begin Reboot Styles */
h1, h2, h3, h4, h5, h6 { font-family: 'Alata', sans-serif;}
html, body { font-family: 'Dosis', sans-serif;}
p { font-size: 1.2rem; }
body {
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
/*  End Reboot Styles */

/* Begin Text Color Definitions */
.text-green {color: #02aa58 !important;}
.text-gold {color: #887a41 !important;}
.text-default {color: #a0a0a0;}
/* End Text Color Definitions */

/* Begin Button Definitions */
.btn-green {
    color: #ffffff !important;
    background-color: #02aa58 !important;
    border-radius: 3px !important;
}

.btn-green:hover {
    color: #ffffff !important;
    background-color: #038b49 !important;
    border-radius: 3px !important;
}

.btn-gold {
    color: #ffffff !important;
    background-color: #887a41 !important;
    border-radius: 3px !important;
}

.btn-gold:hover {
    color: #ffffff !important;
    background-color: #86742a !important;
    border-radius: 3px !important;
}

/* End Button Definitions */


/* Begin Background Color Definitions */
.bg-green {
    background: #038b49;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #038b49, #02aa58);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #038b49, #02aa58); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-gold {
    background: #86742a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #86742a, #887a41);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #86742a, #887a41); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg-black {
    background-color: #0f0f0f;
}
/* End Background Color Definitions */


/* Begin Link Definitions */
.link-green {
    text-decoration: none;
    color: #02aa58;
}
.link-green:hover {
    text-decoration: none;
    color: #038b49;
}

.link-gold {
    text-decoration: none;
    color: #887a41;
}

.link-gold:hover {
    text-decoration: none;
    color: #86742a;
}

.link-default {
    text-decoration: none;
    color: #a0a0a0;
}

.link-default:hover {
    text-decoration: none;
    color: #02aa58;
}
.member-step {
    color: #02aa58;
}
.member-step:hover {
    color: #038b49;
}
.member-step:active, .member-step.active {
    color: #ffffff;
    background: #038b49 !important;
}
/* End Link Definitions */

.slide-one {
    background-image: url('../images/slider/bg1.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slide-two {
    background-image: url('../images/slider/bg2.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slide-three {
    background-image: url('../images/slider/bg3.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.slide-four {
    background-image: url('../images/slider/bg4.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.txt-hr {
    height: 3px;
    width: 180px;
    border-radius: 40%;
}

.section-hr {
    height: 3px;
    width: 80%;
    border-radius: 50%;
}

.m-box:hover {
    background: #EFEFBB;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #D4D3DD, #EFEFBB);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #D4D3DD, #EFEFBB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #887a41 !important;
    box-shadow: 1px 1px 10px #000022 !important;
    transform: scale(1.01);
    transition: all ease-in-out 0.2s;
    cursor: pointer;
}

.m-steps-box:hover {
    background-color: #353535 !important;
    box-shadow: 1px 1px 10px #000022 !important;
    transform: scale(1.01);
    transition: all ease-in-out 0.2s;
    cursor: pointer;
}

.exec-box:hover, .m-fees-box:hover, .m-grade-box:hover {
    background-color: #f7f4f4 !important;
    color: #474646 !important;
    box-shadow: 1px 1px 10px #000022 !important;
    transform: scale(1.01);
    transition: all ease-in-out 0.2s;
}

.core-v-box:hover {
    background-image: url('../images/dark-green-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 1px 1px 10px #000022 !important;
    transform: scale(1.01);
    transition: all ease-in-out 0.2s;
    cursor: pointer;
}

.page-heading {
    height: 300px;
    background: #0F2027;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#event-header {
    height: 500px;
    background-image: url('/assets/images/workshop-header-img.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.pkg-box:hover, .ex-pro-box:hover {
    background-color: #f8f5f5 !important;
    color: #474646 !important;
    box-shadow: 1px 1px 8px #86742a !important;
    transform: scale(1.01);
    transition: all ease-in-out 0.2s;
}

.blog-box:hover {
    box-shadow: 1px 1px 8px #86742a !important;
    transform: scale(1.01);
    transition: all ease-in-out 0.2s;
}


/*Login form Styles*/
/* Begin Reboot Styles */
h1, h2, h3, h4, h5, h6 { font-family: 'Alata', sans-serif;}
html, body { 
    font-family: 'Dosis', sans-serif; 
    background: url('../images/light-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}
p { font-size: 1.2rem; }
/*  End Reboot Styles */

/* Begin Text Color Definitions */
.text-green {color: #02aa58 !important;}
.text-gold {color: #887a41 !important;}
.text-default {color: #a0a0a0;}
/* End Text Color Definitions */

/* Begin Button Definitions */
.btn-green {
    color: #ffffff !important;
    background-color: #02aa58 !important;
    border-radius: 3px !important;
}

.btn-green:hover {
    color: #ffffff !important;
    background-color: #038b49 !important;
    border-radius: 3px !important;
}

.btn-gold {
    color: #ffffff !important;
    background-color: #887a41 !important;
    border-radius: 3px !important;
}

.btn-gold:hover {
    color: #ffffff !important;
    background-color: #86742a !important;
    border-radius: 3px !important;
}

/* End Button Definitions */


/* Begin Background Color Definitions */
.bg-green {
    background: #038b49;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #038b49, #02aa58);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #038b49, #02aa58); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}
.bg-gold {
    background: #86742a;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #86742a, #887a41);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #86742a, #887a41); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
}
.bg-black {
    background-color: #0f0f0f;
}

.box:hover {
    box-shadow: 1px 1px 10px #0d3d19 !important;
    transition: all ease-in-out 0.3s;
}

.bx:hover {
    background: url('../images/gradient-green-bg.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 10px #0d3d19 !important;
    color: #ffffff !important;
    transition: all ease-in-out 0.3s;
}
/* End Background Color Definitions */


/* Begin Link Definitions */
.link-green {
    text-decoration: none;
    color: #02aa58;
}
.link-green:hover {
    text-decoration: none;
    color: #038b49;
}

.link-gold {
    text-decoration: none;
    color: #887a41;
}

.link-gold:hover {
    text-decoration: none;
    color: #86742a;
}

.link-default {
    text-decoration: none;
    color: #a0a0a0;
}

.link-default:hover {
    text-decoration: none;
    color: #02aa58;
}

.txt-hr {
    height: 3px;
    width: 180px;
    border-radius: 40%;
}

.section-hr {
    height: 3px;
    width: 80%;
    border-radius: 50%;
}

.side-menu .nav-link {
    color: #02aa58;
}

.side-menu .nav-link:hover {
    color: #ffffff;
    padding: 10px;
    background: #02aa58;
}
.side-menu .nav-link:active, .side-menu .nav-link.active {
    color: #ffffff;
    padding: 10px;
    background: #038b49;
}