@import url(https://fonts.googleapis.com/css?family=Abril+Fatface|Lato|Nunito+Sans:400,600);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding-top: 50px;
    position: relative;
}

video {
    display: inline-block;
    vertical-align: baseline;
}

figure,
footer,
header,
nav,
span,
section {
    display: block;
}

a {
    background-color: transparent;
}

a:link {
    color: #0E8996 !important;
}

a:visited {
    color: #8C21BE !important;
}

a:active,
a:hover {
    outline: 0;
    color: #B91B49 !important;
}

h2 {
    text-decoration: underline;
    text-decoration-color: #0E8996;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Josefin Sans', sans-serif;
}

img {
    border: 0;
}

footer {
    padding: 4em;
    background-color: #0E8996;
}

.navbar-brand {
    font-family: 'Josefin Sans', sans-serif;
}

.banner_h {
    padding: 5px;
}

.continer {
    clear: left;
}

.section-container {
    margin-bottom: 2em;
    margin-top: 2em;
}

.card {
    margin-bottom: 4em
}

.section-container-spacer {
    padding: 2em;
}

.text-center {
    padding: 1em;
}

.goalcontainer {
    margin-bottom: 4em;
}

.fa-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
    line-height: 32px;
    font-size: 15px;
    text-align: center
}

.fa-container {
    text-align: center;
    color: #000;
    padding: 1em;
}

.disclaimercontainer {
    background-color: #eee;
}

.resources {
    display: flex;
    color: #0E8996;
    font-size: 2.5em;
    font-family: Abril Fatface, Times New Roman, Times, serif;
    z-index: 2;
    height: 70%;
    text-transform: uppercase;
    /*align-items: center;*/
    text-orientation: upright;
    margin-bottom: 2em;
}

.resources p {
    width: 180px;
    margin-left: 60%;
    word-break: break-all;
    writing-mode: vertical-lr;
    text-align: right;
}

.embed-responsive {
    margin-top: 20px;
    margin-bottom: 20px;
}

.card-link {
    color: #0E8996 !important;
}

.btn-link {
    color: #0E8996 !important;
}

.podcastcontainer {
    background-color: #eee;
}

.bookcontainer {
    background-color: #eee;
    margin-bottom: 2em;
}

.row {
    margin-bottom: 1.5em;
}

.bookrow {
    padding: 1em;
}

.amazon-book {
    display: block;
    text-align: center !important;
    margin: auto;
}


/*.videocontainer {
    margin-bottom: 4em;
}*/

.videoborder {
    border: 1px #eee solid;
    box-shadow: 10px 10px 5px #8BC6CD;
    margin-bottom: 2em;
    padding: 1em;
}

.videoparagraph {
    margin-top: 1.5em;
    font-style: italic;
}

.videocontainerlast {
    padding-bottom: 2em;
}


/* Style the buttons that are used to open and close the accordion panel */

.accordioncontainer {
    display: block;
    padding-bottom: 4em;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    ````````` outline: none;
    transition: 0.4s;
}

.movie-img {
    display: block;
    margin: auto;
    margin-top: 2.5em;
    margin-right: 1em;
}

.websitecontainer {
    background: #eee;
}

.websitelist {
    padding: 4em;
}


/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */

.active,
.accordion:hover {
    background-color: #ccc;
}


/* Style the accordion panel. Note: hidden by default */

.card-accordion {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.creator {
    text-align: end;
}


/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */