/*
	Theme Name: CustomShark
	Theme URI: http://html5blank.com, https://mdbootstrap.com
	Description: Nihongoshark custom theme built with HTML5 Blank WordPress Theme and MDBootstrap
	Version: 1.0
	Author: Caleb Andersen (@nihongoshark), Todd Motto (@toddmotto), and MDBootstrap.com
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3, MDBootstrap, Material, Bootstrap
*/

body {
	line-height: 1.7 !important;
}

.page-footer {
	background-color: #2e2c2d !important;
}

.navbar {
	background-color: #2e2c2d !important;
}

#main-bg {
	min-height: 65vh;
}

#what-they-say-1 {
	min-height: 20vh;
}

#what-they-say-2 {
	min-height: 20vh;
}

#divider-3 {
	min-height: 25vh;
}

#divider-4 {
	min-height: 30vh;
}
#articles-bg {
	min-height: 20vh;
}
#articles-bg2 {
	min-height: 20vh;
}
a:hover {
	color: #fbb292 !important;
}
a:focus {
	color: #fbb292 !important;
}

/*disqus background color*/

#disqus_thread{
  background:#fff;
  padding:10px;
  border:1px solid #dadada;
}



p {
	font-weight: 400;
}

.lead {
    font-weight: 400;
    color: #444;
}

.card .card-text {
    color: #333;
}

.testimonial-carousel .carousel-control:before {
    color: #ddd;
}

.section-description {
    color: #444;
}

/* blockquote*/
.media-body {
-ms-flex: 1;
padding-left: 15px;
padding-bottom: 30px;
flex: 1;
}

blockquote {
  	line-height: 1.7;
  	font-size: 16px;
	background: #fafafa;
	padding-right: 10px;
  	padding-left: 5px;
  	padding-top: 20px;
  	padding-bottom: 20px;
	border: 3px solid black;
}

blockquote p {
    font-size: 1rem;
    padding-left: .6rem;
    padding-top: .3rem;
    padding-bottom: .3rem;
}

blockquote strong,
blockquote b {
	font-weight: bold;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: italic;
}

table td {
font-size: 1rem;
font-weight: 400;
padding-bottom: 1.1rem;
}

/* code stuff*/
code{
  border-left: 5px solid black;
  background: #add8e6;
}

#blog_posts_header_img img {
	width: 100%;
}
#blog_posts {
  color: #000;
  word-wrap: break-word;
  font-family: Arial, Meiryo,'MS PGothic', Osaka, sans-serif;
  line-height: 1.7;
  font-size: 16px;
}

#blog_posts .entry-content h2 {
  border-bottom: 3px dashed blue;
  /*border-top: 3px dashed blue;*/
  padding: 15px 0 15px 0;
}

#blog_posts .entry-content h1 {
  border-bottom: 3px double black;
  /*border-top: 3px double black;*/
  padding: 15px 0 15px 0;
}

#blog_posts h2 {
    border-bottom: 3px dashed blue;
    padding: 15px 0 15px 0;
}

#blog_posts h3 {
	padding-top: .7rem;
}

#blog_posts h4 {
	padding-top: .7rem;
}

#blog_posts .wp-caption-text {
    text-align: center;
}

#blog_posts .wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

#blog_posts strong, b {
    font-weight: bold;
}

#blog_posts a {
    color: #33aaff;
}

#blog_posts h1 {
    border-bottom: 3px double black;
    padding: 15px 0 15px 0;
	font-size: 28px;
}
#course-bg {
                  min-height: 65vh;
            }
            #lisa-m-testimonial {
                  min-height: 20vh;
            }
            #what-they-say-1 {
                  min-height: 20vh;
            }
            #what-they-say-2 {
                  min-height: 20vh;
            }
            #divider-3 {
                  min-height: 25vh;
            }
            #divider-4 {
                  min-height: 25vh;
            }
            #will-it-teach {
                  min-height: 20vh;
            }
            #kana-mastery-slider {
                  min-height: 20vh;
            }
            #bunkai-beast-slider {
                  min-height: 20vh;
            }
            #Caveman-Convo-Guide-slider {
                  min-height: 20vh;
            }
            #Kanji-Mastery-slider {
                  min-height: 20vh;
            }
            #Vocab-Mastery-slider {
                  min-height: 20vh;
            }
            #JLPT-slider {
                  min-height: 20vh;
            }
            #Flashcard-demigod-slider {
                  min-height: 20vh;
            }
            #Travel-Japanese-slider {
                  min-height: 20vh;
            }
            a:hover {
                  color: #fbb292 !important;
            }
            a:focus {
                  color: #fbb292 !important;
            }
            a {
                  color: black;
            }
            #Premium a {
                  color: white !important;
            }
            main {
                  font-weight: 400;
            }
            .pricing-card .price2 {
                  position: relative;
                  padding-top: 3rem;
            }
            .pricing-card .price2 h1,
            .pricing-card .price2 h2 {
                  font-size: 5rem;
                  padding: 1.5rem;
                  font-weight: 300;
            }
            .pricing-card .price2 h1::before,
            .pricing-card .price2 h2::before {
                  content: "$";
                  font-size: 30px;
                  position: absolute;
                  margin-left: -1.2rem;
                  margin-top: 0.7rem;
            }
            .pricing-card .price2 h1::after,
            .pricing-card .price2 h2::after {
                  content: "";
                  font-size: 30px;
                  position: absolute;
                  margin-top: 3rem;
            }
            .pricing-card .price2 .version {
                  position: absolute;
                  top: 0;
                  width: 100%;
                  background-color: rgba(0, 0, 0, 0.3);
                  padding: 1rem;
            }
            .pricing-card .price2 .version h5 {
                  padding: 0;
                  margin: 0;
            }
            .pricing-card.card-overlay .price2 {
                  padding-top: 0;
            }
            /** NEW CSS **/
            .videoWrapper {
                  position: relative;
                  padding-bottom: 56.25%; /* 16:9 */
                  padding-top: 25px;
                  height: 0;
                  margin-bottom: 1rem;
            }
            .videoWrapper iframe {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
            }
            .card .videoWrapper {
                  margin-bottom: -1px;
            }
            .pricing-card {
                  height: 100%;
            }
            .pricing-card .card-body {
                  display: -webkit-box;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                        flex-direction: column;
                  -webkit-box-pack: justify;
                  -ms-flex-pack: justify;
                        justify-content: space-between;
            }
            .nav-tabs {
                  margin-left: 0;
                  margin-right: 0;
            }
            .hjs-tab-list {
                  width: 40%;
            }
            .hjs-tab-list.wide {
                  width: 75%;
            }
            .testimonial-breakout {
                  background-image: url(/wp-content/themes/customshark/img/background_pink.jpg);
                  background-size: cover;
                  background-repeat: no-repeat;
                  background-position: center;
            }
            .testimonial-carousel .testimonial p {
                  color: #212529;
            }
            .pink-divider {
                  background-image: -webkit-gradient(linear, left top, right top, from(#f9767b), to(#febc88));
                  background-image: -webkit-linear-gradient(left, #f9767b, #febc88);
                  background-image: -o-linear-gradient(left, #f9767b, #febc88);
                  background-image: linear-gradient(to right, #f9767b, #febc88);
                  height: 5px;
                  width: 100%;
            }
            a.course-enroll.btn:hover {
                  color: white !important;
            }
            #pricing .switch label input[type=checkbox]:checked + .lever {
                  background-color: rgba(249,118,123, 0.25);
            }
            #pricing .switch label input[type=checkbox]:checked + .lever::after {
                  background-color: rgb(249,118,123);
            }
            #pricing .switch label .lever:after {
                  -webkit-box-shadow: 0 0px 4px 1px rgba(0,0,0,0.2);
                  box-shadow: 0 0px 4px 1px rgba(0,0,0,0.2);
            }
            @media screen and (max-width: 767px) {
                  .hjs-tab-list {
                        width: 100%;
                  }
                  .nav-tabs {
                        display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;
                        -webkit-box-orient: vertical;
                        -webkit-box-direction: normal;
                        -ms-flex-direction: column;
                              flex-direction: column;
                  }
                  .nav-tabs .nav-item {
                        -ms-flex-preferred-size: initial;
                        flex-basis: initial;
                  }
            }
		@media screen and (max-width: 768px) {
    .card.card-cascade.wider.reverse .card-body {
        margin-top: 0;
    }
}