/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

.origin_buddypress_user_group .widgettitle {
	margin-bottom: 5px;
}

.User {
	position: relative;
	min-height: 55px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
}

.Users > .User:last-child {
	border: 0;
	list-style-type: none;
}

.User__info {
	float: left;
	padding-left: 75px;
	line-height: 19.5px;
}

.User__info .learndash-message.tick {
    font-size: 12px;
    background: #aed135;
    border-radius: 2px;
    padding: 6px 10px;
    color: #292929;
    font-weight: normal;
    font-family: Arial;
    margin-bottom: 10px;
}

.User__name {
	font-size: 20px;
	margin-bottom: 5px;
	display: block;
}

.User__description h3#private_message {
	font-size: 20px;
}

.User__description input[type="submit"] {
    padding: 6px 10px !important;
}

.User__avatar {
	position: absolute;
	top: 0;
	left: 0;
}

.User__avatar > img {
	border-radius: 50%;
	overflow: hidden;
}

.content-boxed{

	max-width:800px;
	margin: 0 auto;
	width:100%;
	padding: 100px 0;

}

/*
.just_an_example {
	color: black;
}
*/

.single-marker .site-content, .single-verifier .site-content{

	padding: 60px;

}


.single-marker .site-content h3, .single-verifier .site-content h3{

	font-size: 30px;
	margin-bottom: 30px;

}

.learners-table__inner{

	padding: 20px;

}

.leaners-table{

	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid rgba(0,0,0,.11);

}

.learners-table__inner:nth-child(odd){

	background: #f5f5f5;

}

.learners-table__inner--pass{

	background-color: #059989 !important;
	color: white !important;

}

.learners-table__inner--pass a{

	color: white !important;

}

.learners-table__inner--fail{

	background-color: #f14e56 !important;
	color: white !important;

}

.learners-table__inner--fail a{

	color: white !important;

}


.leaners-table__content{

	display: flex;
	width:100%;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;

	margin-bottom: 30px;

}

.leaners-table__content:last-child{

	margin-bottom: 0;

}

.leaners-table__content > div{

	width: 25%;

}

.leaners-table__content > div:first-child{

	width:40%;

}

.learners-table__name{

	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;

}

.assignments{

	margin-top: 60px;

}

.overlay-spinner {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
	right: 0;
	display: none;
}

/* Transparent Overlay */
.overlay-spinner:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.overlay-spinner:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.overlay-spinner:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.header__bg{

    height: 200px;
    width:100%;
    background-position: center;
    background-size: cover;

}

.woocommerce ul.products li.product a{

    text-align: center;

}

.woocommerce ul.products li.product a img{

    width:auto !important;
    display: inline-block !important;

}

@media screen and (min-width: 991px) {

    .header__bg{

        height: 400px;

    }

}

/*.woocommerce-billing-fields #ulgm_group_name{

    display:none;

}*/

.uo-groups-enrolled-users p.p1{

    font-size: 18px;
    font-weight: 600;

}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.verifier-comments{

    clear: left;
    padding: 40px 70px 40px 70px;
    margin-bottom: 30px;

}

.verifier-comments #message{

    display:none !important;

}

.verifier-comments .acf-field{

    padding: 20px 0 !important;

}

.course-header{

    background-size: cover;
    background-position: -99999px;
    background-repeat: no-repeat;
}


@media screen and (min-width: 1450px) {

    .course-header{
        background-position: left !important;
    }

}

.site-content__boxed{

    max-width: 800px;
    width:100%;
    margin: 0 auto;
    float: none;

}

.site-content__boxed--large{

    max-width: 1200px;
    width:100%;
    margin: 0 auto;
    float: none;

}

.module__header{



}

.module__header img{

    max-width: 200px;

}

@media screen and (min-width: 1449px) {

    .module__header img{

        opacity: 0;
        max-height: 245px;
        max-width: 300px;

    }

}

.module__title{

    margin-top:140px;

}

.woocommerce ul.products li.product .price{

    width:100%;
    text-align: center;

}

.header-inner .left-col .header-navigation ul li a{

    color:#424242 !important;

}

body.left-menu-open[data-logo="1"] #mastlogo{

    background-color:#424ba0;
    
}

.variations tr td.value{

    margin-bottom: 20px !important;
    display: inline-block;

}

.product_meta{

    display:none !important;

}

.body.login {

    background-color: #424ba0 !important;

}

.uo-groups .uo-table .uo-table-header{

    background-color: #424ba0 !important;

}

input[type=checkbox].styled+strong:before{

    content:none !important;

}

#content .woocommerce-message .wc-forward.button{

    color:white !important;

}

.header-notifications a.notification-link.cart-notification span{

    margin: -78px 0 0 9px !important;

}

.registered_modules_content{

    margin-bottom: 30px;

}

.single-product .cart .wc_gc_send_as_gift_wrapper .wc_gc_send_as_gift_checkbox {
    display: flex;
    align-items: center;
}

.single-product .cart .wc_gc_send_as_gift_wrapper input[type=checkbox] {
    opacity: 1.0;
    float: unset;
    width: auto;
    height: auto;
}

.single-product .cart .wc_gc_send_as_gift_wrapper input[type=checkbox].styled:checked + strong:after {
    display: none;
}

.single-product .cart .woocommerce_gc_giftcard_form input {
    float: unset;
    width: auto;
    min-width: 200px;
    height: 30px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
}

.single-product .cart .woocommerce_gc_giftcard_form textarea {
    min-width: 200px;
    margin-left: 10px;
}

.single-product .cart .woocommerce_gc_giftcard_form label {
    min-width: 100px;
}

.single-product .cart .woocommerce_gc_giftcard_form .wc_gc_field {
    display: flex;
}

.vc_btn3-container.vc_btn3-inline {
    width: 100%;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern,
.vc_btn3.vc_btn3-color-info.vc_btn3-style-modern {
    min-width: 100%;
}

.vc_btn3.vc_btn3-color-info.vc_btn3-style-modern {
    background-color: #283b89 !important;
    border-color: #283b89 !important;
}

.vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern {
    background-color: #ad1310 !important;
    border-color: #ad1310 !important;
}

.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    text-indent: unset;
}

/*.uo-groups .uo-btn.uo-groups-list-of-btns-main{

    background-color: #059989 !important;
    color:white !important;

}*/

.ld-quiz-question-item__status{
    display: none;
}

.wpProQuiz_questionList .wpProQuiz_questionListItem p label{
    display: inline-block !important;
    width:auto !important;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/


}/* don't delete this closing bracket */