/* Main styles */
/* Take padding and borders into account when sizing */
* {
     box-sizing: border-box;
}
/* Main fonts and background styling */
body {
     background-color: #fff;
     color: #292d3d;
     font-family: "deva-ideal", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
     line-height: 1.5;
}
/* Default 'h' tags styles */
h1, h2, h3, h4, h5 {
     font-family: "fira-sans", sans-serif;
     font-weight: 700;
     font-style: normal;
     margin-bottom: 10px;
}
/* Specific 'h' tags styles */
h1 {
     font-size: 36px;
}
h2 {
     font-size: 30px;
}
h3 {
     font-size: 24px;
}
h4 {
     font-size: 18px;
}
h5 {
     font-family: "deva-ideal", sans-serif;
     font-weight: 400;
     font-style: normal;
     font-size: 16px;
}
.content h5 {
     margin-top: 20px;
     font-weight: 600;
}
p {
     font-size: 16px;
     line-height: 1.6;
     margin-bottom: 20px;
}
/* link styles */
/* transition */
a {
     transition: all 0.2s ease;
}
/* unvisited link */
a:link {
     color: #338bd2;
}
/* visited link */
a:visited {
     color: #338bd2;
}
/* mouse over link */
a:hover {
     color: #004d9a;
}
/* selected link */
a:active {
     color: #1061b3;
}
/* Style the <i>, <b>, <ul>, <ol>, <li>, <strong> tags since reset.css removed them */
i {
     font-style: italic;
}
b {
     font-weight: bold;
}
ol li, ul li {
     list-style-position: inside;
}
strong {
     font-weight: bold;
}
/* hr */
hr {
     background: none;
     border: 0;
     border-bottom: 1px solid #eae9ed;
     margin: 30px 0;
}
/* Styled list */
/*ul.styled_list,
ul.styled_list li ul {
    list-style-type: circle;
    padding-left: 13px;
}*/
ul.styled_list, ul.styled_list li ul {
     position: relative;
}
ul.styled_list li {
     list-style: none;
     padding-left: 20px;
}
ul.styled_list li::before {
     content: "\00BB";
     position: absolute;
     left: 0;
}
.margin-top {
     margin-top: 20px;
}
/* Social icons and links */
.social_list {
     overflow: auto;
}
.social_list li {
     display: inline-block;
}
.social_list li a {
     background-repeat: no-repeat;
     background-size: 100%;
     border-radius: 50%;
     direction: ltr;
     display: block;
     height: 40px;
     text-indent: -1000em;
     width: 40px;
    margin: 0 5px;
}
.social_list li:last-of-type {
     margin-right: 0;
}
.twitter_link {
     background-image: url("../img/twitter_64.png");
}
.instagram_link {
     background-image: url("../img/instagram_64.png");
}
.facebook_link {
     background-image: url("../img/facebook_64.png");
}
.youtube_link {
     background-image: url("../img/youtube_64.png");
}
.email_link {
     background-image: url("../img/email_64.png");
}
/* Page elements */
/* Main wrapper */
#wrapper {
     background-color: #fff;
}
/* Header */
/* Columns */
#col_left {
     width: 30%;
}
#col_right {
     border-left: 1px solid #eae9ed;
     width: 70%;
}
.column {
     float: left;
}
/* Content sections */
/* player info section */
.bio {
     padding: 40px;
     text-align: center;
}
.bio header {
     border-bottom: 1px solid #eae9ed;
     margin-bottom: 30px;
     padding-bottom: 20px;
}
.bio header h2 {
     margin: 0;
}
.bio header p {
     text-transform: uppercase;
     margin: 0;
}
.profile_pic {
     background-color: #f5f7fb;
     border: 5px solid #eae9ed;
     border-radius: 50%;
     height: 170px;
     margin: 0 auto 20px auto;
     overflow: hidden;
     width: 170px;
}
.profile_pic img {
     height: auto;
     margin: 0 0 0 -30px;
     width: 220px;
}
.skills_list {
     margin-bottom: 20px;
}
/* skip link */
.skip_link {
     background-color: #f5f7fb;
     border: 1px solid #eae9ed;
     border-radius: 10px;
     display: none;
     margin: 20px 0;
     padding: 5px 10px;
     text-align: center;
     text-decoration: none;
}
.skip_link:hover {
     background-color: #eae9ed;
     text-decoration: underline;
}
/* player cv section */
.resume {
     background-color: #f5f7fb;
     padding: 0 40px 40px 40px;
}
.resume .content {
     background-color: #fff;
     border: 1px solid #eae9ed;
     border-radius: 10px;
     margin-bottom: 40px;
     padding: 40px;
}
.resume .content:last-of-type {
     margin-bottom: 0;
}
.resume .content header {
     border-bottom: 1px solid #eae9ed;
     margin-bottom: 20px;
     overflow: auto;
     padding: 0 0 20px 0;
}
.resume .content header h2 {
     float: left;
}
/* article top link */
.resume .content header a.top_link {
     background-color: #f5f7fb;
     border: 1px solid #eae9ed;
     border-radius: 10px;
     float: right;
     margin: 3px 0 0 0;
     padding: 5px 10px;
     text-align: center;
     text-decoration: none;
}
.resume .content header a.top_link:hover {
     background-color: #eae9ed;
     text-decoration: underline;
}
.resume .content p:last-of-type {
     margin-bottom: 0;
}
.resume header.main_heading {
     margin-bottom: 40px;
     padding-top: 30px;
}
.resume header.main_heading h1 {
     margin-bottom: 20px;
}
/* player cv nav */
.resume nav {
     background: #fff;
     border: 1px solid #eae9ed;
     border-radius: 10px;
     padding: 10px;
}
.resume nav ul {
     overflow: auto;
     display: flex;
     justify-content: space-around;
     flex-flow: row wrap;
     align-items: stretch;
}
.resume nav ul li {
     flex-grow: 1;
}
.resume nav ul li a {
     background-color: #f5f7fb;
     border: 1px solid #eae9ed;
     border-radius: 10px;
     display: block;
     margin: 10px;
     padding: 5px;
     text-align: center;
     text-decoration: none;
}
.resume nav ul li a:hover {
     background-color: #eae9ed;
     text-decoration: underline;
}
/* Introduction styles */
.intro_video {
     margin-top: 20px;
    border: 5px solid #eae9ed;
    border-radius: 10px;
    overflow: hidden;
}
/* Media styles */
.gallery-container-photo, .gallery-container-video {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     gap: 10px;
}
.gallery-container-photo > a, .gallery-container-video > a {
     flex-basis: calc(100% - 10px);
        background-color: #f5f7fb;
    border: 5px solid #eae9ed;
    border-radius: 10px;
    overflow: hidden;

}
.gallery-container-photo a img, .gallery-container-video a img {
     object-fit: cover;
     width: 100%;
     height: 150px;
     vertical-align: middle;
}
.gallery-container-photo .photo-link {
    background-color: #f5f7fb;
    border: 5px solid #eae9ed;
    border-radius: 10px;
    overflow: hidden;
}
.gallery-container-photo .photo-link .photo-thumb {}
.gallery-container-video {}
.gallery-container-video > a {
     cursor: pointer;
}
.gallery-container-video a img {}
.gallery-container-video .video-thumb {}
/* Social video links */
.tab-social {
     padding: 20px !important;
}
.tab-social .styled_list {
     margin-bottom: 20px;
}
.tab-social .styled_list:last-of-type {
     margin-bottom: 0
}


/* View more functionality */

.more-button {
     text-align: center;
     margin-top: 20px;
}

#more-link {
    background-color: #f5f7fb;
    border: 1px solid #eae9ed;
    border-radius: 10px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
     display: inline-block;
}

#more-link:hover {
    background-color: #eae9ed;
    text-decoration: underline;
}

.more-closed {
     height: 460px;
}

.more-open {
     height: auto;
}

/* Footer styles */
footer {
     margin: 40px 0 0 0;
     text-align: center;
}
footer p {
     margin: 0;
}