/*
Theme Name: Skillfully Child Theme for SafeMe
Theme URI: http://themes.designcrumbs.com/skillfully
Description: Child theme for Skillfully.
Author: Imaginary Trout based on Jake Caputo's code
Author URI: https://imaginarytrout.com
Template: skillfully
*/

@import url("../skillfully/style.css");

/* Start your custom css below here! */

.entry-title_wrap > .entry-title, .entry-title_wrap .event-title_wrap {
    padding: 3.508771929824561%;
}

div#content.site-content.home-content {
    padding-top: 0px !important;
}

h1.entry-title.scrim {
    padding: 5.64102564102564% 3.508771929824561% 3.508771929824561% !important;
}

div.about_the_author.clearfix {
    display:none;
}

div.dslc-modules-section {
    padding-bottom: 0px;
    padding-top: 0px;
}

/*div.container.clearfix {
    padding: 60px 20px;
}
*/
.quiz form ol#sensei-quiz-list li .answer_message span {
    display: none;
}
  
#user-course-status-toggle a {
  color: #cccccc !important;
}

#logo_wrap {
  background-color: #ffffff !important;
}	

#header_nav {
  background-color: #f2f2f2 !important;
}
	
.button_flat, .button_translucent {
  color: #404040 !important;
}

body.is_login_page {
  background-color: #f2f2f2 !important; 
}

.grade { 
    display: none !important;
}

.fa-twitter, .fa-snapchat-ghost, .fa-facebook {
	color: #fff;
  }

.alignright, .alignleft, .aligncenter, .alignnone {
    background-color: transparent;
	border: none;

}
/*  
  .sensei #primary button, .sensei #primary .button, .sensei #primary a.button, .sensei #primary input[type="submit"] {
    display: inherit;
}
*/
div#dslc-theme-content ul {
	list-style: none;
}

form#wppb-register-user.wppb-user-forms.wppb-register-user.wppb-user-logged-out ul {
  	list-style: none;
}

.card_action {
	display: none;	
}
  
.course_meta {
	display: none;	  
}

#menu-search {
	display: none !important;
}

#primary {
    width: 100%;
}

.course-container .woo_card {
	width: 100% !important;
}

.woo_card {
	padding-bottom: 20px !important;
}

@media (min-width: 640px) {
	.course-container .woo_card {
	  	width: 46% !important;
	}
	
	.course-container .woo_card:nth-child(2n) {
	  	background: none;
		float: right;
	}
}

/* to remove the registration form from the main login page via /my-courses/ */

.is_login_page #customer_login .col-2 {
  display: none;
}

.is_login_page #customer_login .col-1 {
  	float: none;
	margin: auto;
}
	
.menu-navigation ul {
	float: right;
}
/*
.logged-in #header_cta .container p a {
	display: none;
}*/

.is_login_page .course-intro-text {
	display: none !important;
}

.fb_iframe_widget span {
	vertical-align: top !important;
}
	
.card_content .meter {
  margin: 20px 30px;
  margin-top: 10px;
}

.woo_card .post_desc {
    padding: 10px 30px;
}

#header_cta .login-or-register {
  	margin: 0;
	padding: 2em 0;
}
.logged-in #header_cta .login-or-register {
	display: none;
}

/* Registration form */
.registration-sensei {
	width: 100%;
	max-width: 500px;
	float: none;
	clear: both;
	margin: auto;
  	border-radius: 2px;
	overflow: hidden;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background-color: #FFF;
	padding: 3.7%;
}

.registration-sensei_wrapper {
    margin-top: 0 !important;
}

.registration-sensei ul li div label {
    float: right;
    position: relative;
    top: -4.5em;
	font-size: 0.5em;
}

.registration-sensei ul.gform_fields {
    padding-left: 0px;
    margin-bottom: 0;
}

.registration-sensei ul .gfield_radio {
	list-style: none;
	padding-top: 25%;
	padding-left: inherit;
}

.registration-sensei .gform_heading {
    line-height: 20px !important;
    margin-bottom: 0 !important;
}

.registration-sensei .gform_heading h3.gform_title {
    font-size: 26px;
    margin-top: 0;
}

.registration-sensei .gform_description {
    font-size: 14px;
    line-height: 20px !important;
    text-align: justify;
    color: #777;
}

.registration-sensei .gform_footer {
    margin-top: 2em;
}

/* "View Results" > "View Certificate" */
.sensei-message.tick .sensei-certificate-link {
	float: none !important;
	display: table !important;
	margin: 0 !important;
	margin-top: 20px !important;
    color: white !important;
}

/* Buttons */
.entry-actions .sensei-results-links {
	text-align: center;
	float: none !important;
}

@media (max-width: 488px) {
	.dslc-res-phone .sensei-results-links a:first-child {
		margin-right: 20px;
	}
	.dslc-res-phone .sensei-results-links .sensei-certificate-link {
		margin-left: 0;
	}
	.sensei-message.tick .sensei-certificate-link {
  		margin: auto !important;
		margin-top: 20px !important;
	}

	.dslc-res-phone .registration-sensei {
        padding: 20px;
    }
}

a.dslca-activate-composer-hook {display:none !important}

/* Footer logos */
#footer_widgets .footer_widget {
    width: 100% !important;
    padding: 20px 0;
    text-align: center;
}

.footer-logo {
    display: inline-block;
    margin: 0px;
}

.footer-logo img,
#footer_widgets .footer_widget .textwidget {
    width: 100%;
}

@media (min-width: 768px) {
    #footer_widgets {
        height: 250px;
    }

    #footer_widgets .footer_widget {
        width: 25% !important;
        margin: 0;
        padding: 10px;
        text-align: center;

        position: relative;
        height: 100%;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    #footer_widgets .footer_widget .textwidget {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

@media (max-width: 767px) {
    #colophon .container {
        padding-top: 40px;
    }

    #footer_widgets {
        padding-bottom: 20px;
    }

    #footer_widgets .widget {
        margin: 0;
    }
}

.footer_has_socnets .socnets_wrap {
    margin: 0 -5px 10px;
}

div#app_icons img {
	display: inline;
	padding: 10px;  
}

.app_icon_google,
.app_icon_apple {
    display: inline;
}